@verbb/formie-web-components 1.0.0

package/dist/signature_pad-69C-Dgt3.js

@@ -0,0 +1,391 @@
+//#region ../../node_modules/signature_pad/dist/signature_pad.js
+var e = 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);
+	}
+}, t = class t {
+	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(e, n) {
+		let r = this.calculateControlPoints(e[0], e[1], e[2]).c2, i = this.calculateControlPoints(e[1], e[2], e[3]).c1;
+		return new t(e[1], r, i, e[2], n.start, n.end);
+	}
+	static calculateControlPoints(t, n, r) {
+		let i = t.x - n.x, a = t.y - n.y, o = n.x - r.x, s = n.y - r.y, c = {
+			x: (t.x + n.x) / 2,
+			y: (t.y + n.y) / 2
+		}, l = {
+			x: (n.x + r.x) / 2,
+			y: (n.y + r.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 = n.x - h.x, _ = n.y - h.y;
+		return {
+			c1: new e(c.x + g, c.y + _),
+			c2: new e(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;
+	}
+}, n = 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 r(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 i = class i extends n {
+	constructor(e, t = {}) {
+		super(), this.canvas = e, this.velocityFilterWeight = t.velocityFilterWeight || .7, this.minWidth = t.minWidth || .5, this.maxWidth = t.maxWidth || 2.5, this.throttle = t.throttle ?? 16, this.minDistance = t.minDistance ?? 5, this.dotSize = t.dotSize || 0, this.penColor = t.penColor || "black", this.backgroundColor = t.backgroundColor || "rgba(0,0,0,0)", this.compositeOperation = t.compositeOperation || "source-over", this.canvasContextOptions = t.canvasContextOptions ?? {}, this._strokeMoveUpdate = this.throttle ? r(i.prototype._strokeUpdate, this.throttle) : i.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 = e.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(t, n, r) {
+		let i = this.canvas.getBoundingClientRect();
+		return new e(t - i.left, n - i.top, r, (/* @__PURE__ */ new Date()).getTime());
+	}
+	_addPoint(e, n) {
+		let { _lastPoints: r } = this;
+		if (r.push(e), r.length > 2) {
+			r.length === 3 && r.unshift(r[0]);
+			let e = this._calculateCurveWidths(r[1], r[2], n), i = t.fromPoints(r, e);
+			return r.shift(), i;
+		}
+		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(t, n, r) {
+		for (let i of t) {
+			let { points: t } = i, a = this._getPointGroupOptions(i);
+			if (t.length > 1) for (let r = 0; r < t.length; r += 1) {
+				let i = t[r], o = new e(i.x, i.y, i.pressure, i.time);
+				r === 0 && this._reset(a);
+				let s = this._addPoint(o, a);
+				s && n(s, a);
+			}
+			else this._reset(a), r(t[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;
+	}
+};
+//#endregion
+export { i as default };
+
+//# sourceMappingURL=signature_pad-69C-Dgt3.js.map

package/dist/signature_pad-69C-Dgt3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"signature_pad-69C-Dgt3.js","names":[],"sources":["../../../node_modules/signature_pad/dist/signature_pad.js"],"sourcesContent":["/*!\n * Signature Pad v5.1.3 | https://github.com/szimek/signature_pad\n * (c) 2025 Szymon Nowak | Released under the MIT license\n */\n\n\n// src/point.ts\nvar Point = class {\n  x;\n  y;\n  pressure;\n  time;\n  constructor(x, y, pressure, time) {\n    if (isNaN(x) || isNaN(y)) {\n      throw new Error(`Point is invalid: (${x}, ${y})`);\n    }\n    this.x = +x;\n    this.y = +y;\n    this.pressure = pressure || 0;\n    this.time = time || Date.now();\n  }\n  distanceTo(start) {\n    return Math.sqrt(\n      Math.pow(this.x - start.x, 2) + Math.pow(this.y - start.y, 2)\n    );\n  }\n  equals(other) {\n    return this.x === other.x && this.y === other.y && this.pressure === other.pressure && this.time === other.time;\n  }\n  velocityFrom(start) {\n    return this.time !== start.time ? this.distanceTo(start) / (this.time - start.time) : 0;\n  }\n};\n\n// src/bezier.ts\nvar Bezier = class _Bezier {\n  constructor(startPoint, control2, control1, endPoint, startWidth, endWidth) {\n    this.startPoint = startPoint;\n    this.control2 = control2;\n    this.control1 = control1;\n    this.endPoint = endPoint;\n    this.startWidth = startWidth;\n    this.endWidth = endWidth;\n  }\n  static fromPoints(points, widths) {\n    const c2 = this.calculateControlPoints(points[0], points[1], points[2]).c2;\n    const c3 = this.calculateControlPoints(points[1], points[2], points[3]).c1;\n    return new _Bezier(points[1], c2, c3, points[2], widths.start, widths.end);\n  }\n  static calculateControlPoints(s1, s2, s3) {\n    const dx1 = s1.x - s2.x;\n    const dy1 = s1.y - s2.y;\n    const dx2 = s2.x - s3.x;\n    const dy2 = s2.y - s3.y;\n    const m1 = { x: (s1.x + s2.x) / 2, y: (s1.y + s2.y) / 2 };\n    const m2 = { x: (s2.x + s3.x) / 2, y: (s2.y + s3.y) / 2 };\n    const l1 = Math.sqrt(dx1 * dx1 + dy1 * dy1);\n    const l2 = Math.sqrt(dx2 * dx2 + dy2 * dy2);\n    const dxm = m1.x - m2.x;\n    const dym = m1.y - m2.y;\n    const k = l1 + l2 == 0 ? 0 : l2 / (l1 + l2);\n    const cm = { x: m2.x + dxm * k, y: m2.y + dym * k };\n    const tx = s2.x - cm.x;\n    const ty = s2.y - cm.y;\n    return {\n      c1: new Point(m1.x + tx, m1.y + ty),\n      c2: new Point(m2.x + tx, m2.y + ty)\n    };\n  }\n  // Returns approximated length. Code taken from https://www.lemoda.net/maths/bezier-length/index.html.\n  length() {\n    const steps = 10;\n    let length = 0;\n    let px;\n    let py;\n    for (let i = 0; i <= steps; i += 1) {\n      const t = i / steps;\n      const cx = this.point(\n        t,\n        this.startPoint.x,\n        this.control1.x,\n        this.control2.x,\n        this.endPoint.x\n      );\n      const cy = this.point(\n        t,\n        this.startPoint.y,\n        this.control1.y,\n        this.control2.y,\n        this.endPoint.y\n      );\n      if (i > 0) {\n        const xdiff = cx - px;\n        const ydiff = cy - py;\n        length += Math.sqrt(xdiff * xdiff + ydiff * ydiff);\n      }\n      px = cx;\n      py = cy;\n    }\n    return length;\n  }\n  // Calculate parametric value of x or y given t and the four point coordinates of a cubic bezier curve.\n  point(t, start, c1, c2, end) {\n    return start * (1 - t) * (1 - t) * (1 - t) + 3 * c1 * (1 - t) * (1 - t) * t + 3 * c2 * (1 - t) * t * t + end * t * t * t;\n  }\n};\n\n// src/signature_event_target.ts\nvar SignatureEventTarget = class {\n  /* tslint:disable: variable-name */\n  _et;\n  /* tslint:enable: variable-name */\n  constructor() {\n    try {\n      this._et = new EventTarget();\n    } catch {\n      this._et = document;\n    }\n  }\n  addEventListener(type, listener, options) {\n    this._et.addEventListener(type, listener, options);\n  }\n  dispatchEvent(event) {\n    return this._et.dispatchEvent(event);\n  }\n  removeEventListener(type, callback, options) {\n    this._et.removeEventListener(type, callback, options);\n  }\n};\n\n// src/throttle.ts\nfunction throttle(fn, wait = 250) {\n  let previous = 0;\n  let timeout = null;\n  let result;\n  let storedContext;\n  let storedArgs;\n  const later = () => {\n    previous = Date.now();\n    timeout = null;\n    result = fn.apply(storedContext, storedArgs);\n    if (!timeout) {\n      storedContext = null;\n      storedArgs = [];\n    }\n  };\n  return function wrapper(...args) {\n    const now = Date.now();\n    const remaining = wait - (now - previous);\n    storedContext = this;\n    storedArgs = args;\n    if (remaining <= 0 || remaining > wait) {\n      if (timeout) {\n        clearTimeout(timeout);\n        timeout = null;\n      }\n      previous = now;\n      result = fn.apply(storedContext, storedArgs);\n      if (!timeout) {\n        storedContext = null;\n        storedArgs = [];\n      }\n    } else if (!timeout) {\n      timeout = window.setTimeout(later, remaining);\n    }\n    return result;\n  };\n}\n\n// src/signature_pad.ts\nvar SignaturePad = class _SignaturePad extends SignatureEventTarget {\n  /* tslint:enable: variable-name */\n  constructor(canvas, options = {}) {\n    super();\n    this.canvas = canvas;\n    this.velocityFilterWeight = options.velocityFilterWeight || 0.7;\n    this.minWidth = options.minWidth || 0.5;\n    this.maxWidth = options.maxWidth || 2.5;\n    this.throttle = options.throttle ?? 16;\n    this.minDistance = options.minDistance ?? 5;\n    this.dotSize = options.dotSize || 0;\n    this.penColor = options.penColor || \"black\";\n    this.backgroundColor = options.backgroundColor || \"rgba(0,0,0,0)\";\n    this.compositeOperation = options.compositeOperation || \"source-over\";\n    this.canvasContextOptions = options.canvasContextOptions ?? {};\n    this._strokeMoveUpdate = this.throttle ? throttle(_SignaturePad.prototype._strokeUpdate, this.throttle) : _SignaturePad.prototype._strokeUpdate;\n    this._handleMouseDown = this._handleMouseDown.bind(this);\n    this._handleMouseMove = this._handleMouseMove.bind(this);\n    this._handleMouseUp = this._handleMouseUp.bind(this);\n    this._handleTouchStart = this._handleTouchStart.bind(this);\n    this._handleTouchMove = this._handleTouchMove.bind(this);\n    this._handleTouchEnd = this._handleTouchEnd.bind(this);\n    this._handlePointerDown = this._handlePointerDown.bind(this);\n    this._handlePointerMove = this._handlePointerMove.bind(this);\n    this._handlePointerUp = this._handlePointerUp.bind(this);\n    this._handlePointerCancel = this._handlePointerCancel.bind(this);\n    this._handleTouchCancel = this._handleTouchCancel.bind(this);\n    this._ctx = canvas.getContext(\n      \"2d\",\n      this.canvasContextOptions\n    );\n    this.clear();\n    this.on();\n  }\n  // Public stuff\n  dotSize;\n  minWidth;\n  maxWidth;\n  penColor;\n  minDistance;\n  velocityFilterWeight;\n  compositeOperation;\n  backgroundColor;\n  throttle;\n  canvasContextOptions;\n  // Private stuff\n  /* tslint:disable: variable-name */\n  _ctx;\n  _drawingStroke = false;\n  _isEmpty = true;\n  _dataUrl;\n  _dataUrlOptions;\n  _lastPoints = [];\n  // Stores up to 4 most recent points; used to generate a new curve\n  _data = [];\n  // Stores all points in groups (one group per line or dot)\n  _lastVelocity = 0;\n  _lastWidth = 0;\n  _strokeMoveUpdate;\n  _strokePointerId;\n  clear() {\n    const { _ctx: ctx, canvas } = this;\n    ctx.fillStyle = this.backgroundColor;\n    ctx.clearRect(0, 0, canvas.width, canvas.height);\n    ctx.fillRect(0, 0, canvas.width, canvas.height);\n    this._data = [];\n    this._reset(this._getPointGroupOptions());\n    this._isEmpty = true;\n    this._dataUrl = void 0;\n    this._dataUrlOptions = void 0;\n    this._strokePointerId = void 0;\n  }\n  redraw() {\n    const data = this._data;\n    const dataUrl = this._dataUrl;\n    const dataUrlOptions = this._dataUrlOptions;\n    this.clear();\n    if (dataUrl) {\n      this.fromDataURL(dataUrl, dataUrlOptions);\n    }\n    this.fromData(data, { clear: false });\n  }\n  fromDataURL(dataUrl, options = {}) {\n    return new Promise((resolve, reject) => {\n      const image = new Image();\n      const ratio = options.ratio || window.devicePixelRatio || 1;\n      const width = options.width || this.canvas.width / ratio;\n      const height = options.height || this.canvas.height / ratio;\n      const xOffset = options.xOffset || 0;\n      const yOffset = options.yOffset || 0;\n      this._reset(this._getPointGroupOptions());\n      image.onload = () => {\n        this._ctx.drawImage(image, xOffset, yOffset, width, height);\n        resolve();\n      };\n      image.onerror = (error) => {\n        reject(error);\n      };\n      image.crossOrigin = \"anonymous\";\n      image.src = dataUrl;\n      this._isEmpty = false;\n      this._dataUrl = dataUrl;\n      this._dataUrlOptions = { ...options };\n    });\n  }\n  toDataURL(type = \"image/png\", encoderOptions) {\n    switch (type) {\n      case \"image/svg+xml\":\n        if (typeof encoderOptions !== \"object\") {\n          encoderOptions = void 0;\n        }\n        return `data:image/svg+xml;base64,${btoa(\n          this.toSVG(encoderOptions)\n        )}`;\n      default:\n        if (typeof encoderOptions !== \"number\") {\n          encoderOptions = void 0;\n        }\n        return this.canvas.toDataURL(type, encoderOptions);\n    }\n  }\n  on() {\n    this.canvas.style.touchAction = \"none\";\n    this.canvas.style.msTouchAction = \"none\";\n    this.canvas.style.userSelect = \"none\";\n    this.canvas.style.webkitUserSelect = \"none\";\n    const isIOS = /Macintosh/.test(navigator.userAgent) && \"ontouchstart\" in document;\n    if (window.PointerEvent && !isIOS) {\n      this._handlePointerEvents();\n    } else {\n      this._handleMouseEvents();\n      if (\"ontouchstart\" in window) {\n        this._handleTouchEvents();\n      }\n    }\n  }\n  off() {\n    this.canvas.style.touchAction = \"auto\";\n    this.canvas.style.msTouchAction = \"auto\";\n    this.canvas.style.userSelect = \"auto\";\n    this.canvas.style.webkitUserSelect = \"auto\";\n    this.canvas.removeEventListener(\"pointerdown\", this._handlePointerDown);\n    this.canvas.removeEventListener(\"mousedown\", this._handleMouseDown);\n    this.canvas.removeEventListener(\"touchstart\", this._handleTouchStart);\n    this._removeMoveUpEventListeners();\n  }\n  _getListenerFunctions() {\n    const canvasWindow = window.document === this.canvas.ownerDocument ? window : this.canvas.ownerDocument.defaultView ?? this.canvas.ownerDocument;\n    return {\n      addEventListener: canvasWindow.addEventListener.bind(\n        canvasWindow\n      ),\n      removeEventListener: canvasWindow.removeEventListener.bind(\n        canvasWindow\n      )\n    };\n  }\n  _removeMoveUpEventListeners() {\n    const { removeEventListener } = this._getListenerFunctions();\n    removeEventListener(\"pointermove\", this._handlePointerMove);\n    removeEventListener(\"pointerup\", this._handlePointerUp);\n    removeEventListener(\"pointercancel\", this._handlePointerCancel);\n    removeEventListener(\"mousemove\", this._handleMouseMove);\n    removeEventListener(\"mouseup\", this._handleMouseUp);\n    removeEventListener(\"touchmove\", this._handleTouchMove);\n    removeEventListener(\"touchend\", this._handleTouchEnd);\n    removeEventListener(\"touchcancel\", this._handleTouchCancel);\n  }\n  isEmpty() {\n    return this._isEmpty;\n  }\n  fromData(pointGroups, { clear = true } = {}) {\n    if (clear) {\n      this.clear();\n    }\n    this._fromData(\n      pointGroups,\n      this._drawCurve.bind(this),\n      this._drawDot.bind(this)\n    );\n    this._data = this._data.concat(pointGroups);\n  }\n  toData() {\n    return this._data;\n  }\n  _isLeftButtonPressed(event, only) {\n    if (only) {\n      return event.buttons === 1;\n    }\n    return (event.buttons & 1) === 1;\n  }\n  _pointerEventToSignatureEvent(event) {\n    return {\n      event,\n      type: event.type,\n      x: event.clientX,\n      y: event.clientY,\n      pressure: \"pressure\" in event ? event.pressure : 0\n    };\n  }\n  _touchEventToSignatureEvent(event) {\n    const touch = event.changedTouches[0];\n    return {\n      event,\n      type: event.type,\n      x: touch.clientX,\n      y: touch.clientY,\n      pressure: touch.force\n    };\n  }\n  // Event handlers\n  _handleMouseDown(event) {\n    if (!this._isLeftButtonPressed(event, true) || this._drawingStroke) {\n      return;\n    }\n    this._strokeBegin(this._pointerEventToSignatureEvent(event));\n  }\n  _handleMouseMove(event) {\n    if (!this._isLeftButtonPressed(event, true) || !this._drawingStroke) {\n      this._strokeEnd(this._pointerEventToSignatureEvent(event), false);\n      return;\n    }\n    this._strokeMoveUpdate(this._pointerEventToSignatureEvent(event));\n  }\n  _handleMouseUp(event) {\n    if (this._isLeftButtonPressed(event)) {\n      return;\n    }\n    this._strokeEnd(this._pointerEventToSignatureEvent(event));\n  }\n  _handleTouchStart(event) {\n    if (event.targetTouches.length !== 1 || this._drawingStroke) {\n      return;\n    }\n    if (event.cancelable) {\n      event.preventDefault();\n    }\n    this._strokeBegin(this._touchEventToSignatureEvent(event));\n  }\n  _handleTouchMove(event) {\n    if (event.targetTouches.length !== 1) {\n      return;\n    }\n    if (event.cancelable) {\n      event.preventDefault();\n    }\n    if (!this._drawingStroke) {\n      this._strokeEnd(this._touchEventToSignatureEvent(event), false);\n      return;\n    }\n    this._strokeMoveUpdate(this._touchEventToSignatureEvent(event));\n  }\n  _handleTouchEnd(event) {\n    if (event.targetTouches.length !== 0) {\n      return;\n    }\n    if (event.cancelable) {\n      event.preventDefault();\n    }\n    this._strokeEnd(this._touchEventToSignatureEvent(event));\n  }\n  _handlePointerCancel(event) {\n    if (!this._allowPointerId(event)) {\n      return;\n    }\n    event.preventDefault();\n    this._strokeEnd(this._pointerEventToSignatureEvent(event), false);\n  }\n  _handleTouchCancel(event) {\n    if (event.cancelable) {\n      event.preventDefault();\n    }\n    this._strokeEnd(this._touchEventToSignatureEvent(event), false);\n  }\n  _getPointerId(event) {\n    return event.persistentDeviceId || event.pointerId;\n  }\n  _allowPointerId(event, allowUndefined = false) {\n    if (typeof this._strokePointerId === \"undefined\") {\n      return allowUndefined;\n    }\n    return this._getPointerId(event) === this._strokePointerId;\n  }\n  _handlePointerDown(event) {\n    if (this._drawingStroke || !this._isLeftButtonPressed(event) || !this._allowPointerId(event, true)) {\n      return;\n    }\n    this._strokePointerId = this._getPointerId(event);\n    event.preventDefault();\n    this._strokeBegin(this._pointerEventToSignatureEvent(event));\n  }\n  _handlePointerMove(event) {\n    if (!this._allowPointerId(event)) {\n      return;\n    }\n    if (!this._isLeftButtonPressed(event, true) || !this._drawingStroke) {\n      this._strokeEnd(this._pointerEventToSignatureEvent(event), false);\n      return;\n    }\n    event.preventDefault();\n    this._strokeMoveUpdate(this._pointerEventToSignatureEvent(event));\n  }\n  _handlePointerUp(event) {\n    if (this._isLeftButtonPressed(event) || !this._allowPointerId(event)) {\n      return;\n    }\n    event.preventDefault();\n    this._strokeEnd(this._pointerEventToSignatureEvent(event));\n  }\n  _getPointGroupOptions(group) {\n    return {\n      penColor: group && \"penColor\" in group ? group.penColor : this.penColor,\n      dotSize: group && \"dotSize\" in group ? group.dotSize : this.dotSize,\n      minWidth: group && \"minWidth\" in group ? group.minWidth : this.minWidth,\n      maxWidth: group && \"maxWidth\" in group ? group.maxWidth : this.maxWidth,\n      velocityFilterWeight: group && \"velocityFilterWeight\" in group ? group.velocityFilterWeight : this.velocityFilterWeight,\n      compositeOperation: group && \"compositeOperation\" in group ? group.compositeOperation : this.compositeOperation\n    };\n  }\n  // Private methods\n  _strokeBegin(event) {\n    const cancelled = !this.dispatchEvent(\n      new CustomEvent(\"beginStroke\", { detail: event, cancelable: true })\n    );\n    if (cancelled) {\n      return;\n    }\n    const { addEventListener } = this._getListenerFunctions();\n    switch (event.event.type) {\n      case \"mousedown\":\n        addEventListener(\"mousemove\", this._handleMouseMove, {\n          passive: false\n        });\n        addEventListener(\"mouseup\", this._handleMouseUp, { passive: false });\n        break;\n      case \"touchstart\":\n        addEventListener(\"touchmove\", this._handleTouchMove, {\n          passive: false\n        });\n        addEventListener(\"touchend\", this._handleTouchEnd, { passive: false });\n        addEventListener(\"touchcancel\", this._handleTouchCancel, { passive: false });\n        break;\n      case \"pointerdown\":\n        addEventListener(\"pointermove\", this._handlePointerMove, {\n          passive: false\n        });\n        addEventListener(\"pointerup\", this._handlePointerUp, {\n          passive: false\n        });\n        addEventListener(\"pointercancel\", this._handlePointerCancel, {\n          passive: false\n        });\n        break;\n      default:\n    }\n    this._drawingStroke = true;\n    const pointGroupOptions = this._getPointGroupOptions();\n    const newPointGroup = {\n      ...pointGroupOptions,\n      points: []\n    };\n    this._data.push(newPointGroup);\n    this._reset(pointGroupOptions);\n    this._strokeUpdate(event);\n  }\n  _strokeUpdate(event) {\n    if (!this._drawingStroke) {\n      return;\n    }\n    if (this._data.length === 0) {\n      this._strokeBegin(event);\n      return;\n    }\n    this.dispatchEvent(\n      new CustomEvent(\"beforeUpdateStroke\", { detail: event })\n    );\n    const point = this._createPoint(event.x, event.y, event.pressure);\n    const lastPointGroup = this._data[this._data.length - 1];\n    const lastPoints = lastPointGroup.points;\n    const lastPoint = lastPoints.length > 0 && lastPoints[lastPoints.length - 1];\n    const isLastPointTooClose = lastPoint ? point.distanceTo(lastPoint) <= this.minDistance : false;\n    const pointGroupOptions = this._getPointGroupOptions(lastPointGroup);\n    if (!lastPoint || !(lastPoint && isLastPointTooClose)) {\n      const curve = this._addPoint(point, pointGroupOptions);\n      if (!lastPoint) {\n        this._drawDot(point, pointGroupOptions);\n      } else if (curve) {\n        this._drawCurve(curve, pointGroupOptions);\n      }\n      lastPoints.push({\n        time: point.time,\n        x: point.x,\n        y: point.y,\n        pressure: point.pressure\n      });\n    }\n    this.dispatchEvent(new CustomEvent(\"afterUpdateStroke\", { detail: event }));\n  }\n  _strokeEnd(event, shouldUpdate = true) {\n    this._removeMoveUpEventListeners();\n    if (!this._drawingStroke) {\n      return;\n    }\n    if (shouldUpdate) {\n      this._strokeUpdate(event);\n    }\n    this._drawingStroke = false;\n    this._strokePointerId = void 0;\n    this.dispatchEvent(new CustomEvent(\"endStroke\", { detail: event }));\n  }\n  _handlePointerEvents() {\n    this._drawingStroke = false;\n    this.canvas.addEventListener(\"pointerdown\", this._handlePointerDown, {\n      passive: false\n    });\n  }\n  _handleMouseEvents() {\n    this._drawingStroke = false;\n    this.canvas.addEventListener(\"mousedown\", this._handleMouseDown, {\n      passive: false\n    });\n  }\n  _handleTouchEvents() {\n    this.canvas.addEventListener(\"touchstart\", this._handleTouchStart, {\n      passive: false\n    });\n  }\n  // Called when a new line is started\n  _reset(options) {\n    this._lastPoints = [];\n    this._lastVelocity = 0;\n    this._lastWidth = (options.minWidth + options.maxWidth) / 2;\n    this._ctx.fillStyle = options.penColor;\n    this._ctx.globalCompositeOperation = options.compositeOperation;\n  }\n  _createPoint(x, y, pressure) {\n    const rect = this.canvas.getBoundingClientRect();\n    return new Point(\n      x - rect.left,\n      y - rect.top,\n      pressure,\n      (/* @__PURE__ */ new Date()).getTime()\n    );\n  }\n  // Add point to _lastPoints array and generate a new curve if there are enough points (i.e. 3)\n  _addPoint(point, options) {\n    const { _lastPoints } = this;\n    _lastPoints.push(point);\n    if (_lastPoints.length > 2) {\n      if (_lastPoints.length === 3) {\n        _lastPoints.unshift(_lastPoints[0]);\n      }\n      const widths = this._calculateCurveWidths(\n        _lastPoints[1],\n        _lastPoints[2],\n        options\n      );\n      const curve = Bezier.fromPoints(_lastPoints, widths);\n      _lastPoints.shift();\n      return curve;\n    }\n    return null;\n  }\n  _calculateCurveWidths(startPoint, endPoint, options) {\n    const velocity = options.velocityFilterWeight * endPoint.velocityFrom(startPoint) + (1 - options.velocityFilterWeight) * this._lastVelocity;\n    const newWidth = this._strokeWidth(velocity, options);\n    const widths = {\n      end: newWidth,\n      start: this._lastWidth\n    };\n    this._lastVelocity = velocity;\n    this._lastWidth = newWidth;\n    return widths;\n  }\n  _strokeWidth(velocity, options) {\n    return Math.max(options.maxWidth / (velocity + 1), options.minWidth);\n  }\n  _drawCurveSegment(x, y, width) {\n    const ctx = this._ctx;\n    ctx.moveTo(x, y);\n    ctx.arc(x, y, width, 0, 2 * Math.PI, false);\n    this._isEmpty = false;\n  }\n  _drawCurve(curve, options) {\n    const ctx = this._ctx;\n    const widthDelta = curve.endWidth - curve.startWidth;\n    const drawSteps = Math.ceil(curve.length()) * 2;\n    ctx.beginPath();\n    ctx.fillStyle = options.penColor;\n    for (let i = 0; i < drawSteps; i += 1) {\n      const t = i / drawSteps;\n      const tt = t * t;\n      const ttt = tt * t;\n      const u = 1 - t;\n      const uu = u * u;\n      const uuu = uu * u;\n      let x = uuu * curve.startPoint.x;\n      x += 3 * uu * t * curve.control1.x;\n      x += 3 * u * tt * curve.control2.x;\n      x += ttt * curve.endPoint.x;\n      let y = uuu * curve.startPoint.y;\n      y += 3 * uu * t * curve.control1.y;\n      y += 3 * u * tt * curve.control2.y;\n      y += ttt * curve.endPoint.y;\n      const width = Math.min(\n        curve.startWidth + ttt * widthDelta,\n        options.maxWidth\n      );\n      this._drawCurveSegment(x, y, width);\n    }\n    ctx.closePath();\n    ctx.fill();\n  }\n  _drawDot(point, options) {\n    const ctx = this._ctx;\n    const width = options.dotSize > 0 ? options.dotSize : (options.minWidth + options.maxWidth) / 2;\n    ctx.beginPath();\n    this._drawCurveSegment(point.x, point.y, width);\n    ctx.closePath();\n    ctx.fillStyle = options.penColor;\n    ctx.fill();\n  }\n  _fromData(pointGroups, drawCurve, drawDot) {\n    for (const group of pointGroups) {\n      const { points } = group;\n      const pointGroupOptions = this._getPointGroupOptions(group);\n      if (points.length > 1) {\n        for (let j = 0; j < points.length; j += 1) {\n          const basicPoint = points[j];\n          const point = new Point(\n            basicPoint.x,\n            basicPoint.y,\n            basicPoint.pressure,\n            basicPoint.time\n          );\n          if (j === 0) {\n            this._reset(pointGroupOptions);\n          }\n          const curve = this._addPoint(point, pointGroupOptions);\n          if (curve) {\n            drawCurve(curve, pointGroupOptions);\n          }\n        }\n      } else {\n        this._reset(pointGroupOptions);\n        drawDot(points[0], pointGroupOptions);\n      }\n    }\n  }\n  toSVG({ includeBackgroundColor = false, includeDataUrl = false } = {}) {\n    const pointGroups = this._data;\n    const ratio = Math.max(window.devicePixelRatio || 1, 1);\n    const minX = 0;\n    const minY = 0;\n    const maxX = this.canvas.width / ratio;\n    const maxY = this.canvas.height / ratio;\n    const svg = document.createElementNS(\"http://www.w3.org/2000/svg\", \"svg\");\n    svg.setAttribute(\"xmlns\", \"http://www.w3.org/2000/svg\");\n    svg.setAttribute(\"xmlns:xlink\", \"http://www.w3.org/1999/xlink\");\n    svg.setAttribute(\"viewBox\", `${minX} ${minY} ${maxX} ${maxY}`);\n    svg.setAttribute(\"width\", maxX.toString());\n    svg.setAttribute(\"height\", maxY.toString());\n    if (includeBackgroundColor && this.backgroundColor) {\n      const rect = document.createElement(\"rect\");\n      rect.setAttribute(\"width\", \"100%\");\n      rect.setAttribute(\"height\", \"100%\");\n      rect.setAttribute(\"fill\", this.backgroundColor);\n      svg.appendChild(rect);\n    }\n    if (includeDataUrl && this._dataUrl) {\n      const ratio2 = this._dataUrlOptions?.ratio || window.devicePixelRatio || 1;\n      const width = this._dataUrlOptions?.width || this.canvas.width / ratio2;\n      const height = this._dataUrlOptions?.height || this.canvas.height / ratio2;\n      const xOffset = this._dataUrlOptions?.xOffset || 0;\n      const yOffset = this._dataUrlOptions?.yOffset || 0;\n      const image = document.createElement(\"image\");\n      image.setAttribute(\"x\", xOffset.toString());\n      image.setAttribute(\"y\", yOffset.toString());\n      image.setAttribute(\"width\", width.toString());\n      image.setAttribute(\"height\", height.toString());\n      image.setAttribute(\"preserveAspectRatio\", \"none\");\n      image.setAttribute(\"href\", this._dataUrl);\n      svg.appendChild(image);\n    }\n    this._fromData(\n      pointGroups,\n      (curve, { penColor }) => {\n        const path = document.createElement(\"path\");\n        if (!isNaN(curve.control1.x) && !isNaN(curve.control1.y) && !isNaN(curve.control2.x) && !isNaN(curve.control2.y)) {\n          const attr = `M ${curve.startPoint.x.toFixed(3)},${curve.startPoint.y.toFixed(\n            3\n          )} C ${curve.control1.x.toFixed(3)},${curve.control1.y.toFixed(3)} ${curve.control2.x.toFixed(3)},${curve.control2.y.toFixed(3)} ${curve.endPoint.x.toFixed(3)},${curve.endPoint.y.toFixed(3)}`;\n          path.setAttribute(\"d\", attr);\n          path.setAttribute(\"stroke-width\", (curve.endWidth * 2.25).toFixed(3));\n          path.setAttribute(\"stroke\", penColor);\n          path.setAttribute(\"fill\", \"none\");\n          path.setAttribute(\"stroke-linecap\", \"round\");\n          svg.appendChild(path);\n        }\n      },\n      (point, { penColor, dotSize, minWidth, maxWidth }) => {\n        const circle = document.createElement(\"circle\");\n        const size = dotSize > 0 ? dotSize : (minWidth + maxWidth) / 2;\n        circle.setAttribute(\"r\", size.toString());\n        circle.setAttribute(\"cx\", point.x.toString());\n        circle.setAttribute(\"cy\", point.y.toString());\n        circle.setAttribute(\"fill\", penColor);\n        svg.appendChild(circle);\n      }\n    );\n    return svg.outerHTML;\n  }\n};\nexport {\n  SignaturePad as default\n};\n//# sourceMappingURL=signature_pad.js.map\n"],"x_google_ignoreList":[0],"mappings":"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"}

package/dist/types.d.ts

@@ -0,0 +1,26 @@
+import type { FrontendFieldDefinition } from '@verbb/formie-core';
+/** Dispatched as `formie-control-value-change` from custom field controls (`bubbles` + `composed`). */
+export declare const FORMIE_CONTROL_VALUE_EVENT = "formie-control-value-change";
+/**
+ * Contract for custom elements registered via {@link FormieRegistry.registerFieldControl}.
+ * Set as properties on the host; listen for {@link FORMIE_CONTROL_VALUE_EVENT}.
+ */
+export type FormieFieldControlElement = HTMLElement & {
+    field: FrontendFieldDefinition;
+    value: unknown;
+    errorKey: string;
+    disabled: boolean;
+    hidden: boolean;
+};
+/**
+ * Optional **field** host element: wraps label, instructions, the control, and errors.
+ * Distinct from {@link FormieFieldControlElement}, which is only the input widget.
+ * Use a **default slot** (or light DOM projection) where the control is rendered.
+ */
+export type FormieFieldElement = HTMLElement & {
+    field: FrontendFieldDefinition;
+    errors: string[];
+};
+/** Keys for optional custom elements that replace default layout regions on `<formie-core-form>`. */
+export type FormieRegionKey = 'form' | 'page' | 'errorSummary' | 'loading' | 'pageActions';
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,oBAAoB,CAAC;AAElE,uGAAuG;AACvG,eAAO,MAAM,0BAA0B,gCAAgC,CAAC;AAExE;;;GAGG;AACH,MAAM,MAAM,yBAAyB,GAAG,WAAW,GAAG;IAClD,KAAK,EAAE,uBAAuB,CAAC;IAC/B,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF;;;;GAIG;AACH,MAAM,MAAM,kBAAkB,GAAG,WAAW,GAAG;IAC3C,KAAK,EAAE,uBAAuB,CAAC;IAC/B,MAAM,EAAE,MAAM,EAAE,CAAC;CACpB,CAAC;AAEF,qGAAqG;AACrG,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,MAAM,GAAG,cAAc,GAAG,SAAS,GAAG,aAAa,CAAC"}

package/package.json

@@ -0,0 +1,51 @@
+{
+  "name": "@verbb/formie-web-components",
+  "version": "1.0.0",
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist",
+    "CHANGELOG.md",
+    "LICENSE.md"
+  ],
+  "license": "SEE LICENSE IN LICENSE.md",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/verbb/formie.git"
+  },
+  "bugs": {
+    "url": "https://github.com/verbb/formie/issues"
+  },
+  "homepage": "https://docs.verbb.io/formie/packages/web-components",
+  "engines": {
+    "node": ">=20.0.0"
+  },
+  "sideEffects": [
+    "./dist/index.js"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "vite build && tsc -p tsconfig.json"
+  },
+  "dependencies": {
+    "@verbb/formie-browser": "1.0.0",
+    "@verbb/formie-core": "1.0.0",
+    "lit": "^3.3.2",
+    "signature_pad": "^5.1.3"
+  },
+  "devDependencies": {
+    "typescript": "^6.0.3",
+    "vite": "^8.0.10"
+  }
+}