@verbb/formie-vue 1.0.13 → 1.0.14

package/dist/{signature_pad-D-mX46zR.js → signature_pad-dbpVgfTh.js}

@@ -21,6 +21,12 @@ var e = class {
 	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(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);
@@ -88,6 +94,7 @@ 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();
 	}
+	canvas;
 	dotSize;
 	minWidth;
 	maxWidth;
@@ -156,7 +163,7 @@ var i = class i extends n {
 		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;
@@ -184,7 +191,7 @@ var i = class i extends n {
 		};
 	}
 	_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) {
@@ -224,7 +231,7 @@ var i = class i extends n {
 		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)) {
@@ -236,7 +243,7 @@ var i = class i extends n {
 		}
 	}
 	_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 {
@@ -261,10 +268,7 @@ var i = class i extends n {
 			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 = {
@@ -347,20 +351,27 @@ var i = class i extends n {
 		}
 		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(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);
+	_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(t, n, r, i) {
+		for (let a of t) {
+			let { points: t } = a, o = this._getPointGroupOptions(a);
+			if (t.length > 2) for (let r = 0; r < t.length; r += 1) {
+				let i = t[r], a = new e(i.x, i.y, i.pressure, i.time);
+				r === 0 && this._reset(o);
+				let s = this._addPoint(a, o);
+				s && n(s, o);
 			}
-			else this._reset(a), r(t[0], a);
+			else t.length === 2 ? (this._reset(o), i(t[0], t[1], o)) : (this._reset(o), r(t[0], o));
 		}
 	}
 	toSVG({ includeBackgroundColor: e = !1, includeDataUrl: t = !1 } = {}) {
@@ -382,6 +393,9 @@ var i = class i extends 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);
+		}, (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;
 	}
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@verbb/formie-vue",
-  "version": "1.0.13",
+  "version": "1.0.14",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -40,8 +40,8 @@
     "vue": "^3.5.33"
   },
   "dependencies": {
-    "@verbb/formie-browser": "1.0.13",
-    "@verbb/formie-core": "1.0.13",
+    "@verbb/formie-browser": "1.0.14",
+    "@verbb/formie-core": "1.0.14",
     "signature_pad": "^5.1.3"
   },
   "devDependencies": {