@incodetech/web 0.0.0-dev-20260403-eccc51c → 0.0.0-dev-20260407-4677d7f

package/dist/signature/signature.es.js

@@ -1,709 +1,559 @@
-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);
-  }
+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-BDMR5L6z.js";
+import { t as d } from "../spacer-DCljE53A.js";
+import { t as f } from "../button-DrtZRYJX.js";
+import { t as p } from "../page-M9yWRw73.js";
+import { r as m } from "../typography-BtyuWjzC.js";
+import "../typography-BQrJwR60.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);
+	}
 };
-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;
-  };
+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;
+	};
 }
-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
-};
+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 };