@incodetech/web 0.0.0-dev-20260407-4580f1c → 0.0.0-dev-20260407-2c382da

package/dist/signature/signature.es.js

@@ -1,559 +1,709 @@
-import { n as e } from "../i18n-DZOHbK9q.js";
-import { _ as t, a as n, d as r, h as i, l as a, p as o, u as s, v as c } from "../vendor-preact-D6SntenC.js";
-import { c as l, r as u } from "../loadingIcon-CeQt7Zgb.js";
-import { t as d } from "../spacer-DCljE53A.js";
-import { t as f } from "../button-DhL5eRT3.js";
-import { t as p } from "../page-SvlJWUfz.js";
-import { r as m } from "../typography-DvHeVWfY.js";
-import "../typography-BNbFNFek.js";
-import { t as h } from "../successIcon-AHrfmJvv.js";
-import { t as g } from "../incodeModule-Bf6yJ8RB.js";
-import { t as _ } from "../defineProperty-brqHEHA_.js";
-import { createSignatureManager as v } from "@incodetech/core/signature";
-//#region ../../node_modules/.pnpm/signature_pad@5.1.3/node_modules/signature_pad/dist/signature_pad.js
-var y = class {
-	constructor(e, t, n, r) {
-		if (_(this, "x", void 0), _(this, "y", void 0), _(this, "pressure", void 0), _(this, "time", void 0), 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);
-	}
-}, b = 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 r = e.x - t.x, i = e.y - t.y, a = t.x - n.x, o = t.y - n.y, s = {
-			x: (e.x + t.x) / 2,
-			y: (e.y + t.y) / 2
-		}, c = {
-			x: (t.x + n.x) / 2,
-			y: (t.y + n.y) / 2
-		}, l = Math.sqrt(r * r + i * i), u = Math.sqrt(a * a + o * o), d = s.x - c.x, f = s.y - c.y, p = l + u == 0 ? 0 : u / (l + u), m = {
-			x: c.x + d * p,
-			y: c.y + f * p
-		}, h = t.x - m.x, g = t.y - m.y;
-		return {
-			c1: new y(s.x + h, s.y + g),
-			c2: new y(c.x + h, c.y + g)
-		};
-	}
-	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;
-	}
-}, x = class {
-	constructor() {
-		_(this, "_et", void 0);
-		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);
-	}
+var O = Object.defineProperty;
+var L = (o, n, t) => n in o ? O(o, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[n] = t;
+var g = (o, n, t) => L(o, typeof n != "symbol" ? n + "" : n, t);
+import { u as w, I, b as B, a as A, S as k } from "../loadingIcon-DmuPXh70.js";
+import { D as R, A as P, q as W, F, y as E, d as N, T as z } from "../vendor-preact-BoMmvSgn.js";
+import "@incodetech/core";
+import "../instance-BWYzq8dk.js";
+import { P as T } from "../page-SrUl0qtN.js";
+import { r as $ } from "../incodeModule-C4XIllao.js";
+import { createSignatureManager as G } from "@incodetech/core/signature";
+import { B as M } from "../button-CE9kRlem.js";
+import { S as V } from "../successIcon-Bjsdc4lF.js";
+import { f as q } from "../typography-BDACYR5i.js";
+var b = class {
+  constructor(o, n, t, e) {
+    g(this, "x");
+    g(this, "y");
+    g(this, "pressure");
+    g(this, "time");
+    if (isNaN(o) || isNaN(n))
+      throw new Error(`Point is invalid: (${o}, ${n})`);
+    this.x = +o, this.y = +n, this.pressure = t || 0, this.time = e || Date.now();
+  }
+  distanceTo(o) {
+    return Math.sqrt(
+      Math.pow(this.x - o.x, 2) + Math.pow(this.y - o.y, 2)
+    );
+  }
+  equals(o) {
+    return this.x === o.x && this.y === o.y && this.pressure === o.pressure && this.time === o.time;
+  }
+  velocityFrom(o) {
+    return this.time !== o.time ? this.distanceTo(o) / (this.time - o.time) : 0;
+  }
+}, H = class D {
+  constructor(n, t, e, i, s, a) {
+    this.startPoint = n, this.control2 = t, this.control1 = e, this.endPoint = i, this.startWidth = s, this.endWidth = a;
+  }
+  static fromPoints(n, t) {
+    const e = this.calculateControlPoints(n[0], n[1], n[2]).c2, i = this.calculateControlPoints(n[1], n[2], n[3]).c1;
+    return new D(n[1], e, i, n[2], t.start, t.end);
+  }
+  static calculateControlPoints(n, t, e) {
+    const i = n.x - t.x, s = n.y - t.y, a = t.x - e.x, l = t.y - e.y, h = { x: (n.x + t.x) / 2, y: (n.y + t.y) / 2 }, c = { x: (t.x + e.x) / 2, y: (t.y + e.y) / 2 }, d = Math.sqrt(i * i + s * s), r = Math.sqrt(a * a + l * l), u = h.x - c.x, f = h.y - c.y, _ = d + r == 0 ? 0 : r / (d + r), v = { x: c.x + u * _, y: c.y + f * _ }, m = t.x - v.x, y = t.y - v.y;
+    return {
+      c1: new b(h.x + m, h.y + y),
+      c2: new b(c.x + m, c.y + y)
+    };
+  }
+  // Returns approximated length. Code taken from https://www.lemoda.net/maths/bezier-length/index.html.
+  length() {
+    let t = 0, e, i;
+    for (let s = 0; s <= 10; s += 1) {
+      const a = s / 10, l = this.point(
+        a,
+        this.startPoint.x,
+        this.control1.x,
+        this.control2.x,
+        this.endPoint.x
+      ), h = this.point(
+        a,
+        this.startPoint.y,
+        this.control1.y,
+        this.control2.y,
+        this.endPoint.y
+      );
+      if (s > 0) {
+        const c = l - e, d = h - i;
+        t += Math.sqrt(c * c + d * d);
+      }
+      e = l, i = h;
+    }
+    return t;
+  }
+  // Calculate parametric value of x or y given t and the four point coordinates of a cubic bezier curve.
+  point(n, t, e, i, s) {
+    return t * (1 - n) * (1 - n) * (1 - n) + 3 * e * (1 - n) * (1 - n) * n + 3 * i * (1 - n) * n * n + s * n * n * n;
+  }
+}, j = class {
+  /* tslint:enable: variable-name */
+  constructor() {
+    /* tslint:disable: variable-name */
+    g(this, "_et");
+    try {
+      this._et = new EventTarget();
+    } catch {
+      this._et = document;
+    }
+  }
+  addEventListener(o, n, t) {
+    this._et.addEventListener(o, n, t);
+  }
+  dispatchEvent(o) {
+    return this._et.dispatchEvent(o);
+  }
+  removeEventListener(o, n, t) {
+    this._et.removeEventListener(o, n, t);
+  }
 };
-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 = []);
-	};
-	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;
-	};
+function X(o, n = 250) {
+  let t = 0, e = null, i, s, a;
+  const l = () => {
+    t = Date.now(), e = null, i = o.apply(s, a), e || (s = null, a = []);
+  };
+  return function(...c) {
+    const d = Date.now(), r = n - (d - t);
+    return s = this, a = c, r <= 0 || r > n ? (e && (clearTimeout(e), e = null), t = d, i = o.apply(s, a), e || (s = null, a = [])) : e || (e = window.setTimeout(l, r)), i;
+  };
 }
-var C = class e extends x {
-	constructor(t, n = {}) {
-		super(), _(this, "dotSize", void 0), _(this, "minWidth", void 0), _(this, "maxWidth", void 0), _(this, "penColor", void 0), _(this, "minDistance", void 0), _(this, "velocityFilterWeight", void 0), _(this, "compositeOperation", void 0), _(this, "backgroundColor", void 0), _(this, "throttle", void 0), _(this, "canvasContextOptions", void 0), _(this, "_ctx", void 0), _(this, "_drawingStroke", !1), _(this, "_isEmpty", !0), _(this, "_dataUrl", void 0), _(this, "_dataUrlOptions", void 0), _(this, "_lastPoints", []), _(this, "_data", []), _(this, "_lastVelocity", 0), _(this, "_lastWidth", 0), _(this, "_strokeMoveUpdate", void 0), _(this, "_strokePointerId", void 0), 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();
-	}
-	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 r = this.canvas.getBoundingClientRect();
-		return new y(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 = b.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 r of e) {
-			let { points: e } = r, i = this._getPointGroupOptions(r);
-			if (e.length > 1) for (let n = 0; n < e.length; n += 1) {
-				let r = e[n], a = new y(r.x, r.y, r.pressure, r.time);
-				n === 0 && this._reset(i);
-				let o = this._addPoint(a, i);
-				o && t(o, i);
-			}
-			else this._reset(i), n(e[0], i);
-		}
-	}
-	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;
-	}
-}, w = (e) => {
-	if (typeof document > "u") return null;
-	let t = document.createElement("div");
-	t.style.color = e, t.style.position = "absolute", t.style.visibility = "hidden", document.body.appendChild(t);
-	let n = getComputedStyle(t).color;
-	if (document.body.removeChild(t), !n || n === "transparent") return null;
-	let r = n.match(/\d+/g);
-	if (r && r.length >= 3) {
-		let e = Number.parseInt(r[0], 10), t = Number.parseInt(r[1], 10), n = Number.parseInt(r[2], 10), i = (e) => {
-			let t = e.toString(16);
-			return t.length === 1 ? `0${t}` : t;
-		};
-		return `#${i(e)}${i(t)}${i(n)}`;
-	}
-	return null;
-}, T = "var(--icon-neutral-800)", E = "#ffffff", D = (e) => {
-	let t = document.createElement("canvas");
-	t.width = e.width, t.height = e.height;
-	let n = t.getContext("2d");
-	if (!n) throw Error("Canvas 2D context is not available");
-	return n.fillStyle = E, n.fillRect(0, 0, t.width, t.height), n.drawImage(e, 0, 0), t;
-}, O = (e, t, n) => new Promise((r, i) => {
-	e.toBlob((e) => {
-		e ? r(e) : i(/* @__PURE__ */ Error("Canvas toBlob() returned null"));
-	}, t, t === "image/jpeg" || t === "image/webp" ? n : void 0);
-}), k = n(({ onBeginStroke: e, hasDrawing: n, placeholder: r, customPenColor: o, customPenStrokeWidth: l, customBackgroundColor: u }, d) => {
-	let f = a(null), p = a(null), m = a(null), h = a(e);
-	h.current = e;
-	let g = i(() => {
-		let e = f.current, t = p.current, n = m.current;
-		if (!e || !t || !n) return;
-		let r = Math.max(window.devicePixelRatio || 1, 1), i = t.getContext("2d"), { width: a, height: o } = e.getBoundingClientRect();
-		if (a === 0 || o === 0 || !i) return;
-		let s = n.isEmpty() ? null : n.toData();
-		t.width = Math.floor(a * r), t.height = Math.floor(o * r), i.setTransform(r, 0, 0, r, 0, 0), s ? n.fromData(s, { clear: !0 }) : n.clear();
-	}, []);
-	return s(d, () => ({
-		clear: () => {
-			m.current?.clear();
-		},
-		isEmpty: () => m.current?.isEmpty() ?? !0,
-		toDataURL: (e = "image/png", t) => m.current?.toDataURL(e, t) ?? "",
-		getCanvas: () => p.current,
-		getSignaturePad: () => m.current,
-		on: () => m.current?.on(),
-		off: () => m.current?.off(),
-		getSignatureWithWhiteBackground: () => {
-			let e = p.current;
-			return e ? D(e) : null;
-		},
-		getBlob: (e = p.current ?? void 0, t = "image/jpeg", n = .92) => e ? O(e, t, n) : Promise.reject(/* @__PURE__ */ Error("No canvas available for getBlob"))
-	}), []), t(() => {
-		let e = f.current, t = p.current;
-		if (!e || !t) return;
-		let n = null, r = () => {
-			n === null && (n = requestAnimationFrame(() => {
-				n = null, g();
-			}));
-		}, i = o ?? w(T), a = new C(t, {
-			...i ? { penColor: i } : {},
-			...l ? { maxWidth: l } : {}
-		});
-		m.current = a;
-		let s = () => h.current?.();
-		a.addEventListener("beginStroke", s), g();
-		let c = new ResizeObserver(() => {
-			r();
-		});
-		return c.observe(e), () => {
-			n !== null && cancelAnimationFrame(n), c.disconnect(), a.removeEventListener("beginStroke", s), a.off(), m.current = null;
-		};
-	}, [
-		g,
-		o,
-		l
-	]), /* @__PURE__ */ c("div", {
-		class: "SignatureCanvasContainer",
-		style: u ? { backgroundColor: u } : void 0,
-		ref: f,
-		children: [/* @__PURE__ */ c("canvas", {
-			class: "SignatureCanvas",
-			ref: p,
-			"aria-label": r
-		}), !n && /* @__PURE__ */ c("p", {
-			class: "SignatureCanvasPlaceholder",
-			children: r
-		})]
-	});
-});
-k.displayName = "SignatureCanvas";
-//#endregion
-//#region src/modules/signature/signature.tsx
-var A = ({ config: n, onFinish: s, onError: u }) => {
-	let { t: g } = e(), [_, y] = l(() => v({ config: n }), { autoLoad: !0 }), [b, x] = o(!1), S = a(null), C = a(void 0), w = r(() => {
-		if (_.status === "capture" || _.status === "submitting") return _.phase;
-	}, [_]), T = _.status === "error" ? _.error : void 0, E = _.status === "submitting", D = _.status === "capture" && _.canContinue && !E, O = i(() => {
-		S.current && (S.current.on(), S.current.clear(), x(!1), y.setSignatureValid(!1));
-	}, [y]);
-	t(() => {
-		_.status === "finished" && s?.();
-	}, [_.status, s]), t(() => {
-		T && (u?.(T), S.current?.on());
-	}, [T, u]), t(() => {
-		let e = C.current;
-		w && e && e !== w && (x(!1), y.setSignatureValid(!1), O()), C.current = w;
-	}, [
-		w,
-		y,
-		O
-	]);
-	let A = (e) => n.title?.trim() || g(e === "initials" ? "signature.initialsTitle" : "signature.fullSignatureTitle"), j = () => n.subtitle?.trim() || g("signature.subtitle"), M = async () => {
-		let e = S.current;
-		if (!e) return;
-		let t = e.getSignatureWithWhiteBackground();
-		if (t) return n.sendBase64 ?? !1 ? t.toDataURL("image/png").replace(/^data:image\/png;base64,/, "") : e.getBlob(t);
-	};
-	return _.status === "idle" || _.status === "finished" || _.status === "error" ? null : _.status === "success" ? /* @__PURE__ */ c(p, {
-		className: "IncodeSignature IncodeSignatureFadeIn",
-		children: /* @__PURE__ */ c("div", {
-			class: "IncodeSignatureContent IncodeSignatureSuccess",
-			role: "status",
-			children: [
-				/* @__PURE__ */ c(h, { size: 48 }),
-				/* @__PURE__ */ c(d, { size: 16 }),
-				/* @__PURE__ */ c(m, { children: g("signature.successTitle") })
-			]
-		})
-	}) : /* @__PURE__ */ c(p, {
-		className: "IncodeSignature IncodeSignatureFadeIn",
-		title: A(w),
-		subtitle: j(),
-		children: [/* @__PURE__ */ c("div", {
-			class: "IncodeSignatureContent",
-			children: [
-				/* @__PURE__ */ c(k, {
-					ref: S,
-					hasDrawing: b,
-					onBeginStroke: () => {
-						x(!0), y.setSignatureValid(!0);
-					},
-					placeholder: g(w === "initials" ? "signature.initialsPlaceholder" : "signature.fullSignaturePlaceholder"),
-					customBackgroundColor: n.canvasBackgroundColor,
-					customPenColor: n.penColor,
-					customPenStrokeWidth: n.penStrokeWidth
-				}),
-				/* @__PURE__ */ c(d, { size: 8 }),
-				/* @__PURE__ */ c(f, {
-					variant: "link",
-					disabled: !b || E,
-					onClick: O,
-					children: g("signature.clear")
-				})
-			]
-		}), /* @__PURE__ */ c("div", {
-			class: "IncodeSignatureButtonContainer",
-			children: /* @__PURE__ */ c(f, {
-				disabled: !D,
-				isLoading: E,
-				onClick: async () => {
-					let e = S.current;
-					if (!(!e || _.status !== "capture" || e.isEmpty())) {
-						e.off();
-						try {
-							let t = await M();
-							if (!t) {
-								e.on();
-								return;
-							}
-							y.submit(t);
-						} catch {
-							e.on();
-						}
-					}
-				},
-				children: g(w === "initials" ? "common.continue" : "signature.done")
-			})
-		})]
-	});
-}, j = ({ config: e, onFinish: t, onError: n }) => /* @__PURE__ */ c(u, { children: e ? /* @__PURE__ */ c(A, {
-	config: e,
-	onFinish: t,
-	onError: n
-}) : null });
-g(j, "incode-signature");
-//#endregion
-export { j as Signature };
+var Y = class C extends j {
+  /* tslint:enable: variable-name */
+  constructor(t, e = {}) {
+    super();
+    // Public stuff
+    g(this, "dotSize");
+    g(this, "minWidth");
+    g(this, "maxWidth");
+    g(this, "penColor");
+    g(this, "minDistance");
+    g(this, "velocityFilterWeight");
+    g(this, "compositeOperation");
+    g(this, "backgroundColor");
+    g(this, "throttle");
+    g(this, "canvasContextOptions");
+    // Private stuff
+    /* tslint:disable: variable-name */
+    g(this, "_ctx");
+    g(this, "_drawingStroke", !1);
+    g(this, "_isEmpty", !0);
+    g(this, "_dataUrl");
+    g(this, "_dataUrlOptions");
+    g(this, "_lastPoints", []);
+    // Stores up to 4 most recent points; used to generate a new curve
+    g(this, "_data", []);
+    // Stores all points in groups (one group per line or dot)
+    g(this, "_lastVelocity", 0);
+    g(this, "_lastWidth", 0);
+    g(this, "_strokeMoveUpdate");
+    g(this, "_strokePointerId");
+    this.canvas = t, this.velocityFilterWeight = e.velocityFilterWeight || 0.7, this.minWidth = e.minWidth || 0.5, this.maxWidth = e.maxWidth || 2.5, this.throttle = e.throttle ?? 16, this.minDistance = e.minDistance ?? 5, this.dotSize = e.dotSize || 0, this.penColor = e.penColor || "black", this.backgroundColor = e.backgroundColor || "rgba(0,0,0,0)", this.compositeOperation = e.compositeOperation || "source-over", this.canvasContextOptions = e.canvasContextOptions ?? {}, this._strokeMoveUpdate = this.throttle ? X(C.prototype._strokeUpdate, this.throttle) : C.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();
+  }
+  clear() {
+    const { _ctx: t, canvas: e } = this;
+    t.fillStyle = this.backgroundColor, t.clearRect(0, 0, e.width, e.height), t.fillRect(0, 0, e.width, e.height), this._data = [], this._reset(this._getPointGroupOptions()), this._isEmpty = !0, this._dataUrl = void 0, this._dataUrlOptions = void 0, this._strokePointerId = void 0;
+  }
+  redraw() {
+    const t = this._data, e = this._dataUrl, i = this._dataUrlOptions;
+    this.clear(), e && this.fromDataURL(e, i), this.fromData(t, { clear: !1 });
+  }
+  fromDataURL(t, e = {}) {
+    return new Promise((i, s) => {
+      const a = new Image(), l = e.ratio || window.devicePixelRatio || 1, h = e.width || this.canvas.width / l, c = e.height || this.canvas.height / l, d = e.xOffset || 0, r = e.yOffset || 0;
+      this._reset(this._getPointGroupOptions()), a.onload = () => {
+        this._ctx.drawImage(a, d, r, h, c), i();
+      }, a.onerror = (u) => {
+        s(u);
+      }, a.crossOrigin = "anonymous", a.src = t, this._isEmpty = !1, this._dataUrl = t, this._dataUrlOptions = { ...e };
+    });
+  }
+  toDataURL(t = "image/png", e) {
+    switch (t) {
+      case "image/svg+xml":
+        return typeof e != "object" && (e = void 0), `data:image/svg+xml;base64,${btoa(
+          this.toSVG(e)
+        )}`;
+      default:
+        return typeof e != "number" && (e = void 0), this.canvas.toDataURL(t, e);
+    }
+  }
+  on() {
+    this.canvas.style.touchAction = "none", this.canvas.style.msTouchAction = "none", this.canvas.style.userSelect = "none", this.canvas.style.webkitUserSelect = "none";
+    const t = /Macintosh/.test(navigator.userAgent) && "ontouchstart" in document;
+    window.PointerEvent && !t ? 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() {
+    const t = window.document === this.canvas.ownerDocument ? window : this.canvas.ownerDocument.defaultView ?? this.canvas.ownerDocument;
+    return {
+      addEventListener: t.addEventListener.bind(
+        t
+      ),
+      removeEventListener: t.removeEventListener.bind(
+        t
+      )
+    };
+  }
+  _removeMoveUpEventListeners() {
+    const { removeEventListener: t } = this._getListenerFunctions();
+    t("pointermove", this._handlePointerMove), t("pointerup", this._handlePointerUp), t("pointercancel", this._handlePointerCancel), t("mousemove", this._handleMouseMove), t("mouseup", this._handleMouseUp), t("touchmove", this._handleTouchMove), t("touchend", this._handleTouchEnd), t("touchcancel", this._handleTouchCancel);
+  }
+  isEmpty() {
+    return this._isEmpty;
+  }
+  fromData(t, { clear: e = !0 } = {}) {
+    e && this.clear(), this._fromData(
+      t,
+      this._drawCurve.bind(this),
+      this._drawDot.bind(this)
+    ), this._data = this._data.concat(t);
+  }
+  toData() {
+    return this._data;
+  }
+  _isLeftButtonPressed(t, e) {
+    return e ? t.buttons === 1 : (t.buttons & 1) === 1;
+  }
+  _pointerEventToSignatureEvent(t) {
+    return {
+      event: t,
+      type: t.type,
+      x: t.clientX,
+      y: t.clientY,
+      pressure: "pressure" in t ? t.pressure : 0
+    };
+  }
+  _touchEventToSignatureEvent(t) {
+    const e = t.changedTouches[0];
+    return {
+      event: t,
+      type: t.type,
+      x: e.clientX,
+      y: e.clientY,
+      pressure: e.force
+    };
+  }
+  // Event handlers
+  _handleMouseDown(t) {
+    !this._isLeftButtonPressed(t, !0) || this._drawingStroke || this._strokeBegin(this._pointerEventToSignatureEvent(t));
+  }
+  _handleMouseMove(t) {
+    if (!this._isLeftButtonPressed(t, !0) || !this._drawingStroke) {
+      this._strokeEnd(this._pointerEventToSignatureEvent(t), !1);
+      return;
+    }
+    this._strokeMoveUpdate(this._pointerEventToSignatureEvent(t));
+  }
+  _handleMouseUp(t) {
+    this._isLeftButtonPressed(t) || this._strokeEnd(this._pointerEventToSignatureEvent(t));
+  }
+  _handleTouchStart(t) {
+    t.targetTouches.length !== 1 || this._drawingStroke || (t.cancelable && t.preventDefault(), this._strokeBegin(this._touchEventToSignatureEvent(t)));
+  }
+  _handleTouchMove(t) {
+    if (t.targetTouches.length === 1) {
+      if (t.cancelable && t.preventDefault(), !this._drawingStroke) {
+        this._strokeEnd(this._touchEventToSignatureEvent(t), !1);
+        return;
+      }
+      this._strokeMoveUpdate(this._touchEventToSignatureEvent(t));
+    }
+  }
+  _handleTouchEnd(t) {
+    t.targetTouches.length === 0 && (t.cancelable && t.preventDefault(), this._strokeEnd(this._touchEventToSignatureEvent(t)));
+  }
+  _handlePointerCancel(t) {
+    this._allowPointerId(t) && (t.preventDefault(), this._strokeEnd(this._pointerEventToSignatureEvent(t), !1));
+  }
+  _handleTouchCancel(t) {
+    t.cancelable && t.preventDefault(), this._strokeEnd(this._touchEventToSignatureEvent(t), !1);
+  }
+  _getPointerId(t) {
+    return t.persistentDeviceId || t.pointerId;
+  }
+  _allowPointerId(t, e = !1) {
+    return typeof this._strokePointerId > "u" ? e : this._getPointerId(t) === this._strokePointerId;
+  }
+  _handlePointerDown(t) {
+    this._drawingStroke || !this._isLeftButtonPressed(t) || !this._allowPointerId(t, !0) || (this._strokePointerId = this._getPointerId(t), t.preventDefault(), this._strokeBegin(this._pointerEventToSignatureEvent(t)));
+  }
+  _handlePointerMove(t) {
+    if (this._allowPointerId(t)) {
+      if (!this._isLeftButtonPressed(t, !0) || !this._drawingStroke) {
+        this._strokeEnd(this._pointerEventToSignatureEvent(t), !1);
+        return;
+      }
+      t.preventDefault(), this._strokeMoveUpdate(this._pointerEventToSignatureEvent(t));
+    }
+  }
+  _handlePointerUp(t) {
+    this._isLeftButtonPressed(t) || !this._allowPointerId(t) || (t.preventDefault(), this._strokeEnd(this._pointerEventToSignatureEvent(t)));
+  }
+  _getPointGroupOptions(t) {
+    return {
+      penColor: t && "penColor" in t ? t.penColor : this.penColor,
+      dotSize: t && "dotSize" in t ? t.dotSize : this.dotSize,
+      minWidth: t && "minWidth" in t ? t.minWidth : this.minWidth,
+      maxWidth: t && "maxWidth" in t ? t.maxWidth : this.maxWidth,
+      velocityFilterWeight: t && "velocityFilterWeight" in t ? t.velocityFilterWeight : this.velocityFilterWeight,
+      compositeOperation: t && "compositeOperation" in t ? t.compositeOperation : this.compositeOperation
+    };
+  }
+  // Private methods
+  _strokeBegin(t) {
+    if (!this.dispatchEvent(
+      new CustomEvent("beginStroke", { detail: t, cancelable: !0 })
+    ))
+      return;
+    const { addEventListener: i } = this._getListenerFunctions();
+    switch (t.event.type) {
+      case "mousedown":
+        i("mousemove", this._handleMouseMove, {
+          passive: !1
+        }), i("mouseup", this._handleMouseUp, { passive: !1 });
+        break;
+      case "touchstart":
+        i("touchmove", this._handleTouchMove, {
+          passive: !1
+        }), i("touchend", this._handleTouchEnd, { passive: !1 }), i("touchcancel", this._handleTouchCancel, { passive: !1 });
+        break;
+      case "pointerdown":
+        i("pointermove", this._handlePointerMove, {
+          passive: !1
+        }), i("pointerup", this._handlePointerUp, {
+          passive: !1
+        }), i("pointercancel", this._handlePointerCancel, {
+          passive: !1
+        });
+        break;
+    }
+    this._drawingStroke = !0;
+    const s = this._getPointGroupOptions(), a = {
+      ...s,
+      points: []
+    };
+    this._data.push(a), this._reset(s), this._strokeUpdate(t);
+  }
+  _strokeUpdate(t) {
+    if (!this._drawingStroke)
+      return;
+    if (this._data.length === 0) {
+      this._strokeBegin(t);
+      return;
+    }
+    this.dispatchEvent(
+      new CustomEvent("beforeUpdateStroke", { detail: t })
+    );
+    const e = this._createPoint(t.x, t.y, t.pressure), i = this._data[this._data.length - 1], s = i.points, a = s.length > 0 && s[s.length - 1], l = a ? e.distanceTo(a) <= this.minDistance : !1, h = this._getPointGroupOptions(i);
+    if (!a || !(a && l)) {
+      const c = this._addPoint(e, h);
+      a ? c && this._drawCurve(c, h) : this._drawDot(e, h), s.push({
+        time: e.time,
+        x: e.x,
+        y: e.y,
+        pressure: e.pressure
+      });
+    }
+    this.dispatchEvent(new CustomEvent("afterUpdateStroke", { detail: t }));
+  }
+  _strokeEnd(t, e = !0) {
+    this._removeMoveUpEventListeners(), this._drawingStroke && (e && this._strokeUpdate(t), this._drawingStroke = !1, this._strokePointerId = void 0, this.dispatchEvent(new CustomEvent("endStroke", { detail: t })));
+  }
+  _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
+    });
+  }
+  // Called when a new line is started
+  _reset(t) {
+    this._lastPoints = [], this._lastVelocity = 0, this._lastWidth = (t.minWidth + t.maxWidth) / 2, this._ctx.fillStyle = t.penColor, this._ctx.globalCompositeOperation = t.compositeOperation;
+  }
+  _createPoint(t, e, i) {
+    const s = this.canvas.getBoundingClientRect();
+    return new b(
+      t - s.left,
+      e - s.top,
+      i,
+      (/* @__PURE__ */ new Date()).getTime()
+    );
+  }
+  // Add point to _lastPoints array and generate a new curve if there are enough points (i.e. 3)
+  _addPoint(t, e) {
+    const { _lastPoints: i } = this;
+    if (i.push(t), i.length > 2) {
+      i.length === 3 && i.unshift(i[0]);
+      const s = this._calculateCurveWidths(
+        i[1],
+        i[2],
+        e
+      ), a = H.fromPoints(i, s);
+      return i.shift(), a;
+    }
+    return null;
+  }
+  _calculateCurveWidths(t, e, i) {
+    const s = i.velocityFilterWeight * e.velocityFrom(t) + (1 - i.velocityFilterWeight) * this._lastVelocity, a = this._strokeWidth(s, i), l = {
+      end: a,
+      start: this._lastWidth
+    };
+    return this._lastVelocity = s, this._lastWidth = a, l;
+  }
+  _strokeWidth(t, e) {
+    return Math.max(e.maxWidth / (t + 1), e.minWidth);
+  }
+  _drawCurveSegment(t, e, i) {
+    const s = this._ctx;
+    s.moveTo(t, e), s.arc(t, e, i, 0, 2 * Math.PI, !1), this._isEmpty = !1;
+  }
+  _drawCurve(t, e) {
+    const i = this._ctx, s = t.endWidth - t.startWidth, a = Math.ceil(t.length()) * 2;
+    i.beginPath(), i.fillStyle = e.penColor;
+    for (let l = 0; l < a; l += 1) {
+      const h = l / a, c = h * h, d = c * h, r = 1 - h, u = r * r, f = u * r;
+      let _ = f * t.startPoint.x;
+      _ += 3 * u * h * t.control1.x, _ += 3 * r * c * t.control2.x, _ += d * t.endPoint.x;
+      let v = f * t.startPoint.y;
+      v += 3 * u * h * t.control1.y, v += 3 * r * c * t.control2.y, v += d * t.endPoint.y;
+      const m = Math.min(
+        t.startWidth + d * s,
+        e.maxWidth
+      );
+      this._drawCurveSegment(_, v, m);
+    }
+    i.closePath(), i.fill();
+  }
+  _drawDot(t, e) {
+    const i = this._ctx, s = e.dotSize > 0 ? e.dotSize : (e.minWidth + e.maxWidth) / 2;
+    i.beginPath(), this._drawCurveSegment(t.x, t.y, s), i.closePath(), i.fillStyle = e.penColor, i.fill();
+  }
+  _fromData(t, e, i) {
+    for (const s of t) {
+      const { points: a } = s, l = this._getPointGroupOptions(s);
+      if (a.length > 1)
+        for (let h = 0; h < a.length; h += 1) {
+          const c = a[h], d = new b(
+            c.x,
+            c.y,
+            c.pressure,
+            c.time
+          );
+          h === 0 && this._reset(l);
+          const r = this._addPoint(d, l);
+          r && e(r, l);
+        }
+      else
+        this._reset(l), i(a[0], l);
+    }
+  }
+  toSVG({ includeBackgroundColor: t = !1, includeDataUrl: e = !1 } = {}) {
+    const i = this._data, s = Math.max(window.devicePixelRatio || 1, 1), a = 0, l = 0, h = this.canvas.width / s, c = this.canvas.height / s, d = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+    if (d.setAttribute("xmlns", "http://www.w3.org/2000/svg"), d.setAttribute("xmlns:xlink", "http://www.w3.org/1999/xlink"), d.setAttribute("viewBox", `${a} ${l} ${h} ${c}`), d.setAttribute("width", h.toString()), d.setAttribute("height", c.toString()), t && this.backgroundColor) {
+      const r = document.createElement("rect");
+      r.setAttribute("width", "100%"), r.setAttribute("height", "100%"), r.setAttribute("fill", this.backgroundColor), d.appendChild(r);
+    }
+    if (e && this._dataUrl) {
+      const r = this._dataUrlOptions?.ratio || window.devicePixelRatio || 1, u = this._dataUrlOptions?.width || this.canvas.width / r, f = this._dataUrlOptions?.height || this.canvas.height / r, _ = this._dataUrlOptions?.xOffset || 0, v = this._dataUrlOptions?.yOffset || 0, m = document.createElement("image");
+      m.setAttribute("x", _.toString()), m.setAttribute("y", v.toString()), m.setAttribute("width", u.toString()), m.setAttribute("height", f.toString()), m.setAttribute("preserveAspectRatio", "none"), m.setAttribute("href", this._dataUrl), d.appendChild(m);
+    }
+    return this._fromData(
+      i,
+      (r, { penColor: u }) => {
+        const f = document.createElement("path");
+        if (!isNaN(r.control1.x) && !isNaN(r.control1.y) && !isNaN(r.control2.x) && !isNaN(r.control2.y)) {
+          const _ = `M ${r.startPoint.x.toFixed(3)},${r.startPoint.y.toFixed(
+            3
+          )} C ${r.control1.x.toFixed(3)},${r.control1.y.toFixed(3)} ${r.control2.x.toFixed(3)},${r.control2.y.toFixed(3)} ${r.endPoint.x.toFixed(3)},${r.endPoint.y.toFixed(3)}`;
+          f.setAttribute("d", _), f.setAttribute("stroke-width", (r.endWidth * 2.25).toFixed(3)), f.setAttribute("stroke", u), f.setAttribute("fill", "none"), f.setAttribute("stroke-linecap", "round"), d.appendChild(f);
+        }
+      },
+      (r, { penColor: u, dotSize: f, minWidth: _, maxWidth: v }) => {
+        const m = document.createElement("circle"), y = f > 0 ? f : (_ + v) / 2;
+        m.setAttribute("r", y.toString()), m.setAttribute("cx", r.x.toString()), m.setAttribute("cy", r.y.toString()), m.setAttribute("fill", u), d.appendChild(m);
+      }
+    ), d.outerHTML;
+  }
+};
+const K = (o) => {
+  if (typeof document > "u") return null;
+  const n = document.createElement("div");
+  n.style.color = o, n.style.position = "absolute", n.style.visibility = "hidden", document.body.appendChild(n);
+  const t = getComputedStyle(n).color;
+  if (document.body.removeChild(n), !t || t === "transparent") return null;
+  const e = t.match(/\d+/g);
+  if (e && e.length >= 3) {
+    const i = Number.parseInt(e[0], 10), s = Number.parseInt(e[1], 10), a = Number.parseInt(e[2], 10), l = (h) => {
+      const c = h.toString(16);
+      return c.length === 1 ? `0${c}` : c;
+    };
+    return `#${l(i)}${l(s)}${l(a)}`;
+  }
+  return null;
+}, J = "var(--icon-neutral-800)", Q = "#ffffff", Z = (o) => {
+  const n = document.createElement("canvas");
+  n.width = o.width, n.height = o.height;
+  const t = n.getContext("2d");
+  if (!t)
+    throw new Error("Canvas 2D context is not available");
+  return t.fillStyle = Q, t.fillRect(0, 0, n.width, n.height), t.drawImage(o, 0, 0), n;
+}, tt = (o, n, t) => new Promise((e, i) => {
+  o.toBlob(
+    (s) => {
+      s ? e(s) : i(new Error("Canvas toBlob() returned null"));
+    },
+    n,
+    n === "image/jpeg" || n === "image/webp" ? t : void 0
+  );
+}), U = R(
+  ({
+    onBeginStroke: o,
+    hasDrawing: n,
+    placeholder: t,
+    customPenColor: e,
+    customPenStrokeWidth: i,
+    customBackgroundColor: s
+  }, a) => {
+    const l = P(null), h = P(null), c = P(null), d = P(o);
+    d.current = o;
+    const r = W(() => {
+      const u = l.current, f = h.current, _ = c.current;
+      if (!u || !f || !_) return;
+      const v = Math.max(window.devicePixelRatio || 1, 1), m = f.getContext("2d"), { width: y, height: S } = u.getBoundingClientRect();
+      if (y === 0 || S === 0 || !m) return;
+      const p = _.isEmpty() ? null : _.toData();
+      f.width = Math.floor(y * v), f.height = Math.floor(S * v), m.setTransform(v, 0, 0, v, 0, 0), p ? _.fromData(p, { clear: !0 }) : _.clear();
+    }, []);
+    return F(
+      a,
+      () => ({
+        clear: () => {
+          c.current?.clear();
+        },
+        isEmpty: () => c.current?.isEmpty() ?? !0,
+        toDataURL: (u = "image/png", f) => c.current?.toDataURL(u, f) ?? "",
+        getCanvas: () => h.current,
+        getSignaturePad: () => c.current,
+        on: () => c.current?.on(),
+        off: () => c.current?.off(),
+        getSignatureWithWhiteBackground: () => {
+          const u = h.current;
+          return u ? Z(u) : null;
+        },
+        getBlob: (u = h.current ?? void 0, f = "image/jpeg", _ = 0.92) => u ? tt(u, f, _) : Promise.reject(new Error("No canvas available for getBlob"))
+      }),
+      []
+    ), E(() => {
+      const u = l.current, f = h.current;
+      if (!u || !f) return;
+      let _ = null;
+      const v = () => {
+        _ === null && (_ = requestAnimationFrame(() => {
+          _ = null, r();
+        }));
+      }, m = e ?? K(J), y = {
+        ...m ? { penColor: m } : {},
+        ...i ? { maxWidth: i } : {}
+      }, S = new Y(f, y);
+      c.current = S;
+      const p = () => d.current?.();
+      S.addEventListener("beginStroke", p), r();
+      const x = new ResizeObserver(() => {
+        v();
+      });
+      return x.observe(u), () => {
+        _ !== null && cancelAnimationFrame(_), x.disconnect(), S.removeEventListener("beginStroke", p), S.off(), c.current = null;
+      };
+    }, [r, e, i]), /* @__PURE__ */ w(
+      "div",
+      {
+        class: "SignatureCanvasContainer",
+        style: s ? { backgroundColor: s } : void 0,
+        ref: l,
+        children: [
+          /* @__PURE__ */ w(
+            "canvas",
+            {
+              class: "SignatureCanvas",
+              ref: h,
+              "aria-label": t
+            }
+          ),
+          !n && /* @__PURE__ */ w("p", { class: "SignatureCanvasPlaceholder", children: t })
+        ]
+      }
+    );
+  }
+);
+U.displayName = "SignatureCanvas";
+const et = ({
+  config: o,
+  onFinish: n,
+  onError: t
+}) => {
+  const { t: e } = B(), [i, s] = A(
+    () => G({ config: o }),
+    { autoLoad: !0 }
+  ), [a, l] = N(!1), h = P(null), c = P(void 0), d = z(() => {
+    if (i.status === "capture" || i.status === "submitting")
+      return i.phase;
+  }, [i]), r = i.status === "error" ? i.error : void 0, u = i.status === "submitting", f = i.status === "capture" && i.canContinue && !u, _ = W(() => {
+    h.current && (h.current.on(), h.current.clear(), l(!1), s.setSignatureValid(!1));
+  }, [s]);
+  E(() => {
+    i.status === "finished" && n?.();
+  }, [i.status, n]), E(() => {
+    r && (t?.(r), h.current?.on());
+  }, [r, t]), E(() => {
+    const p = c.current;
+    d && p && p !== d && (l(!1), s.setSignatureValid(!1), _()), c.current = d;
+  }, [d, s, _]);
+  const v = (p) => {
+    const x = o.title?.trim();
+    return x || e(p === "initials" ? "signature.initialsTitle" : "signature.fullSignatureTitle");
+  }, m = () => {
+    const p = o.subtitle?.trim();
+    return p || e("signature.subtitle");
+  }, y = async () => {
+    const p = h.current;
+    if (!p) return;
+    const x = p.getSignatureWithWhiteBackground();
+    return x ? o.sendBase64 ?? !1 ? x.toDataURL("image/png").replace(/^data:image\/png;base64,/, "") : p.getBlob(x) : void 0;
+  }, S = async () => {
+    const p = h.current;
+    if (!(!p || i.status !== "capture" || p.isEmpty())) {
+      p.off();
+      try {
+        const x = await y();
+        if (!x) {
+          p.on();
+          return;
+        }
+        s.submit(x);
+      } catch {
+        p.on();
+      }
+    }
+  };
+  return i.status === "idle" || i.status === "finished" || i.status === "error" ? null : i.status === "success" ? /* @__PURE__ */ w(T, { className: "IncodeSignature IncodeSignatureFadeIn", children: /* @__PURE__ */ w(
+    "div",
+    {
+      class: "IncodeSignatureContent IncodeSignatureSuccess",
+      role: "status",
+      children: [
+        /* @__PURE__ */ w(V, { size: 48 }),
+        /* @__PURE__ */ w(k, { size: 16 }),
+        /* @__PURE__ */ w(q, { children: e("signature.successTitle") })
+      ]
+    }
+  ) }) : /* @__PURE__ */ w(
+    T,
+    {
+      className: "IncodeSignature IncodeSignatureFadeIn",
+      title: v(d),
+      subtitle: m(),
+      children: [
+        /* @__PURE__ */ w("div", { class: "IncodeSignatureContent", children: [
+          /* @__PURE__ */ w(
+            U,
+            {
+              ref: h,
+              hasDrawing: a,
+              onBeginStroke: () => {
+                l(!0), s.setSignatureValid(!0);
+              },
+              placeholder: e(
+                d === "initials" ? "signature.initialsPlaceholder" : "signature.fullSignaturePlaceholder"
+              ),
+              customBackgroundColor: o.canvasBackgroundColor,
+              customPenColor: o.penColor,
+              customPenStrokeWidth: o.penStrokeWidth
+            }
+          ),
+          /* @__PURE__ */ w(k, { size: 8 }),
+          /* @__PURE__ */ w(
+            M,
+            {
+              variant: "link",
+              disabled: !a || u,
+              onClick: _,
+              children: e("signature.clear")
+            }
+          )
+        ] }),
+        /* @__PURE__ */ w("div", { class: "IncodeSignatureButtonContainer", children: /* @__PURE__ */ w(
+          M,
+          {
+            disabled: !f,
+            isLoading: u,
+            onClick: S,
+            children: e(
+              d === "initials" ? "common.continue" : "signature.done"
+            )
+          }
+        ) })
+      ]
+    }
+  );
+}, it = ({
+  config: o,
+  onFinish: n,
+  onError: t
+}) => /* @__PURE__ */ w(I, { children: o ? /* @__PURE__ */ w(et, { config: o, onFinish: n, onError: t }) : null });
+$(it, "incode-signature");
+export {
+  it as Signature
+};