ezux 1.1.13 → 1.1.18

package/dist/EzSignature-7UHO5lSP.js

@@ -0,0 +1,386 @@
+import { _ as e, n as t } from "./EzProvider-AlmsYIDk.js";
+import { n, t as r } from "./useInitCoreServices-CuBrviDM.js";
+import { t as i } from "./useImperativeAPI-Dbx2hMTb.js";
+import { t as a } from "./useServiceState-CkrJZm1D.js";
+import o, { useCallback as s, useMemo as c, useRef as l, useState as u } from "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region src/lib/perfect-freehand.ts
+function p(e) {
+	return [-e[0], -e[1]];
+}
+function m(e, t) {
+	return [e[0] + t[0], e[1] + t[1]];
+}
+function h(e, t) {
+	return [e[0] - t[0], e[1] - t[1]];
+}
+function g(e, t) {
+	return [e[0] * t, e[1] * t];
+}
+function _(e, t) {
+	return [e[0] / t, e[1] / t];
+}
+function v(e) {
+	return [e[1], -e[0]];
+}
+function y(e, t) {
+	return e[0] * t[0] + e[1] * t[1];
+}
+function b(e, t) {
+	return e[0] === t[0] && e[1] === t[1];
+}
+function x(e) {
+	return Math.hypot(e[0], e[1]);
+}
+function S(e) {
+	return e[0] * e[0] + e[1] * e[1];
+}
+function C(e, t) {
+	return S(h(e, t));
+}
+function w(e) {
+	return _(e, x(e));
+}
+function T(e, t) {
+	return Math.hypot(e[1] - t[1], e[0] - t[0]);
+}
+function E(e, t, n) {
+	let r = Math.sin(n), i = Math.cos(n), a = e[0] - t[0], o = e[1] - t[1], s = a * i - o * r, c = a * r + o * i;
+	return [s + t[0], c + t[1]];
+}
+function D(e, t, n) {
+	return m(e, g(h(t, e), n));
+}
+function O(e, t, n) {
+	return m(e, g(t, n));
+}
+function k(e, t, n, r = (e) => e) {
+	return e * r(.5 - t * (.5 - n));
+}
+function A(e, t = {}) {
+	let { streamline: n = .5, size: r = 16, last: i = !1 } = t;
+	if (e.length === 0) return [];
+	let a = .15 + (1 - n) * .85, o = Array.isArray(e[0]) ? e : e.map(({ x: e, y: t, pressure: n = .5 }) => [
+		e,
+		t,
+		n
+	]);
+	if (o.length === 2) {
+		let e = o[1];
+		o = o.slice(0, -1);
+		for (let t = 1; t < 5; t++) o.push(D(o[0], e, t / 4));
+	}
+	o.length === 1 && (o = [...o, [...m(o[0], [1, 1]), ...o[0].slice(2)]]);
+	let s = [{
+		point: [o[0][0], o[0][1]],
+		pressure: o[0][2] >= 0 ? o[0][2] : .25,
+		vector: [1, 1],
+		distance: 0,
+		runningLength: 0
+	}], c = !1, l = 0, u = s[0], d = o.length - 1;
+	for (let e = 1; e < o.length; e++) {
+		let t = i && e === d ? o[e].slice(0, 2) : D(u.point, o[e], a);
+		if (b(u.point, t)) continue;
+		let n = T(t, u.point);
+		if (l += n, e < d && !c) {
+			if (l < r) continue;
+			c = !0;
+			let t = s[s.length - 1], n = t.runningLength;
+			for (let r = 1; r <= e; r++) {
+				let e = o[r], i = D(t.point, e, a);
+				if (b(t.point, i)) continue;
+				let c = T(i, t.point);
+				n += c, t = {
+					point: i,
+					pressure: e[2] >= 0 ? e[2] : .5,
+					vector: w(h(t.point, i)),
+					distance: c,
+					runningLength: n
+				}, s.push(t);
+			}
+			u = t, l = n;
+			continue;
+		}
+		u = {
+			point: t,
+			pressure: o[e][2] >= 0 ? o[e][2] : .5,
+			vector: w(h(u.point, t)),
+			distance: n,
+			runningLength: l
+		}, s.push(u);
+	}
+	return s[0].vector = s[1]?.vector || [0, 0], s;
+}
+var { min: j, PI: M } = Math, N = .275, P = M + 1e-4;
+function F(e, t = {}) {
+	let { size: n = 16, smoothing: r = .5, thinning: i = .5, simulatePressure: a = !0, easing: o = (e) => e, start: s = {}, end: c = {}, last: l = !1 } = t, { cap: u = !0, easing: d = (e) => e * (2 - e) } = s, { cap: f = !0, easing: _ = (e) => --e * e * e + 1 } = c;
+	if (e.length === 0 || n <= 0) return [];
+	let b = e[e.length - 1].runningLength, x = s.taper === !1 ? 0 : s.taper === !0 ? Math.max(n, b) : s.taper, S = c.taper === !1 ? 0 : c.taper === !0 ? Math.max(n, b) : c.taper, T = (n * r) ** 2, A = [], M = [], F = e.slice(0, 10).reduce((e, t) => {
+		let r = t.pressure;
+		if (a) {
+			let i = j(1, t.distance / n);
+			r = j(1, e + (j(1, 1 - i) - e) * (i * N));
+		}
+		return (e + r) / 2;
+	}, e[0].pressure), I = k(n, i, e[e.length - 1].pressure, o), L, R = e[0].vector, z = e[0].point, B = z, V = z, H = B, U = !1;
+	for (let t = 0; t < e.length; t++) {
+		let { pressure: r } = e[t], { point: s, vector: c, distance: l, runningLength: u } = e[t];
+		if (t < e.length - 1 && b - u < 3) continue;
+		if (i) {
+			if (a) {
+				let e = j(1, l / n), t = j(1, 1 - e);
+				r = j(1, F + (t - F) * (e * N));
+			}
+			I = k(n, i, r, o);
+		} else I = n / 2;
+		L === void 0 && (L = I);
+		let f = u < x ? d(u / x) : 1, p = b - u < S ? _((b - u) / S) : 1;
+		I = Math.max(.01, I * Math.min(f, p));
+		let w = (t < e.length - 1 ? e[t + 1] : e[t]).vector, O = t < e.length - 1 ? y(c, w) : 1, W = y(c, R) < 0 && !U, G = O !== null && O < 0;
+		if (W || G) {
+			let e = g(v(R), I);
+			for (let t = 0; t <= 1; t += .07692307692307693) V = E(h(s, e), s, P * t), A.push(V), H = E(m(s, e), s, P * -t), M.push(H);
+			z = V, B = H, G && (U = !0);
+			continue;
+		}
+		if (U = !1, t === e.length - 1) {
+			let e = g(v(c), I);
+			A.push(h(s, e)), M.push(m(s, e));
+			continue;
+		}
+		let K = g(v(D(w, c, O)), I);
+		V = h(s, K), (t <= 1 || C(z, V) > T) && (A.push(V), z = V), H = m(s, K), (t <= 1 || C(B, H) > T) && (M.push(H), B = H), F = r, R = c;
+	}
+	let W = e[0].point.slice(0, 2), G = e.length > 1 ? e[e.length - 1].point.slice(0, 2) : m(e[0].point, [1, 1]), K = [], q = [];
+	if (e.length === 1) {
+		if (!(x || S) || l) {
+			let e = O(W, w(v(h(W, G))), -(L || I)), t = [];
+			for (let n = 1 / 13, r = n; r <= 1; r += n) t.push(E(e, W, P * 2 * r));
+			return t;
+		}
+	} else {
+		if (!(x || S && e.length === 1)) if (u) for (let e = 1 / 13, t = e; t <= 1; t += e) {
+			let e = E(M[0], W, P * t);
+			K.push(e);
+		}
+		else {
+			let e = h(A[0], M[0]), t = g(e, .5), n = g(e, .51);
+			K.push(h(W, t), h(W, n), m(W, n), m(W, t));
+		}
+		let t = v(p(e[e.length - 1].vector));
+		if (S || x && e.length === 1) q.push(G);
+		else if (f) {
+			let e = O(G, t, I);
+			for (let t = 1 / 29, n = t; n < 1; n += t) q.push(E(e, G, P * 3 * n));
+		} else q.push(m(G, g(t, I)), m(G, g(t, I * .99)), h(G, g(t, I * .99)), h(G, g(t, I)));
+	}
+	return A.concat(q, M.reverse(), K);
+}
+function I(e, t = {}) {
+	return F(A(e, t), t);
+}
+//#endregion
+//#region src/shared/utils/canvasUtils.ts
+function L(e) {
+	if (!e.length) return "";
+	let t = e.reduce((e, [t, n], r, i) => {
+		let [a, o] = i[(r + 1) % i.length];
+		return e.push(t, n, (t + a) / 2, (n + o) / 2), e;
+	}, [
+		"M",
+		...e[0],
+		"Q"
+	]);
+	return t.push("Z"), t.join(" ");
+}
+//#endregion
+//#region src/components/EzSignature/EzSignature.tsx
+var R = o.memo(({ stroke: e, options: t, color: n }) => /* @__PURE__ */ d("path", {
+	d: L(I(e, t)),
+	fill: n
+})), z = o.forwardRef((o, p) => {
+	let m = t(), { width: h = "100%", height: g = 300, backgroundColor: _ = "transparent", strokeColor: v, minStrokeWidth: y = 2.5, maxStrokeWidth: b = 5, smoothing: x = .5, thinning: S = 0, readOnly: C = !1, disabled: w = !1, className: T, style: E, onEnd: D, onChange: O, onSave: k, dir: A, ...j } = o, M = a("I18nService")?.dir || "ltr", N = A === "auto" || !A ? M : A;
+	n(o), r();
+	let P = l([]), F = l(null), [z, B] = u([]), [V, H] = u([]), [U, W] = u(-1), G = l(null), K = v || "#0321ab", q = s((e) => {
+		let t = V.slice(0, U + 1);
+		t.push(e), H(t), W(t.length - 1), O && O(e.map((e) => JSON.stringify(e)));
+	}, [
+		V,
+		U,
+		O
+	]), J = s(() => {
+		let e = P.current;
+		if (F.current && e.length > 0) {
+			let t = I(e, {
+				size: b,
+				thinning: S,
+				smoothing: x,
+				start: {
+					cap: !0,
+					taper: !1
+				},
+				end: {
+					cap: !0,
+					taper: 10
+				},
+				simulatePressure: e.length > 2
+			});
+			F.current.setAttribute("d", L(t));
+		}
+	}, [
+		b,
+		S,
+		x
+	]), Y = (e) => {
+		C || w || (e.currentTarget.setPointerCapture(e.pointerId), P.current = [[
+			e.nativeEvent.offsetX,
+			e.nativeEvent.offsetY,
+			e.pressure
+		]], J());
+	}, X = (e) => {
+		if (C || w || e.buttons !== 1) return;
+		let t = [
+			e.nativeEvent.offsetX,
+			e.nativeEvent.offsetY,
+			e.pressure
+		];
+		P.current.push(t), J();
+	}, Z = (e) => {
+		if (!(C || w) && P.current.length > 0) {
+			let t = [...z, P.current];
+			B(t), q(t), P.current = [], F.current && F.current.setAttribute("d", ""), D && D(e);
+		}
+	};
+	i(p, c(() => ({
+		clear: () => {
+			B([]), P.current = [], F.current && F.current.setAttribute("d", ""), q([]), m.get("NotificationService")?.show({
+				type: "info",
+				message: "Signature Cleared",
+				duration: 2e3
+			});
+		},
+		undo: () => {
+			if (U > 0) {
+				let e = U - 1;
+				W(e), B(V[e]);
+			} else U === 0 && (W(-1), B([]));
+		},
+		redo: () => {
+			if (U < V.length - 1) {
+				let e = U + 1;
+				W(e), B(V[e]);
+			}
+		},
+		canUndo: () => U >= 0,
+		canRedo: () => U < V.length - 1,
+		isEmpty: () => z.length === 0 && P.current.length === 0,
+		getSignature: () => z,
+		load: (e) => {
+			if (typeof e == "string") {
+				try {
+					let t = JSON.parse(e);
+					Array.isArray(t) && (B(t), q(t));
+				} catch (e) {
+					console.error("Failed to parse signature data", e);
+				}
+				return;
+			}
+			Array.isArray(e) && (B(e), q(e));
+		},
+		save: async (e = "png") => {
+			if (!G.current) return "";
+			let t = new XMLSerializer().serializeToString(G.current), n = document.createElement("canvas"), r = n.getContext("2d"), i = new Image(), a = G.current.getBoundingClientRect();
+			return n.width = a.width, n.height = a.height, new Promise((a, o) => {
+				i.onload = () => {
+					if (r) {
+						_ && _ !== "transparent" && (r.fillStyle = _, r.fillRect(0, 0, n.width, n.height)), r.drawImage(i, 0, 0);
+						let t = n.toDataURL(`image/${e}`);
+						k && k(t, e), m.get("NotificationService")?.show({
+							type: "success",
+							message: "Signature Saved Successfully",
+							duration: 3e3
+						}), a(t);
+					} else {
+						let e = /* @__PURE__ */ Error("Canvas context not defined");
+						m.get("NotificationService")?.show({
+							type: "error",
+							message: "Failed to Save Signature",
+							duration: 3e3
+						}), o(e);
+					}
+				}, i.onerror = (e) => {
+					m.get("NotificationService")?.show({
+						type: "error",
+						message: "Failed to Process Signature Image",
+						duration: 3e3
+					}), o(e);
+				}, i.src = "data:image/svg+xml;base64," + btoa(unescape(encodeURIComponent(t)));
+			});
+		}
+	}), [
+		V,
+		U,
+		z,
+		_,
+		k,
+		q
+	]));
+	let Q = c(() => ({
+		size: b,
+		thinning: S,
+		smoothing: x,
+		start: {
+			cap: !0,
+			taper: !1
+		},
+		end: {
+			cap: !0,
+			taper: 10
+		}
+	}), [
+		b,
+		S,
+		x
+	]), $ = c(() => z.map((e, t) => /* @__PURE__ */ d(R, {
+		stroke: e,
+		options: Q,
+		color: K
+	}, t)), [
+		z,
+		Q,
+		K
+	]);
+	return /* @__PURE__ */ d("div", {
+		className: e("ez-signature-container relative overflow-hidden select-none touch-none", T),
+		style: {
+			width: h,
+			height: g,
+			...E
+		},
+		dir: N,
+		...j,
+		children: /* @__PURE__ */ f("svg", {
+			ref: G,
+			className: "w-full h-full",
+			style: {
+				backgroundColor: _,
+				touchAction: "none"
+			},
+			onPointerDown: Y,
+			onPointerMove: X,
+			onPointerUp: Z,
+			onPointerLeave: Z,
+			role: "img",
+			"aria-label": "Signature canvas",
+			children: [$, /* @__PURE__ */ d("path", {
+				ref: F,
+				fill: K,
+				opacity: .8,
+				d: ""
+			})]
+		})
+	});
+});
+z.displayName = "EzSignature";
+//#endregion
+export { z as t };

package/dist/EzSignature-Df7UZ-IS.cjs

@@ -0,0 +1 @@
+const e=require("./EzProvider-L2qQMq-v.cjs"),t=require("./useInitCoreServices-DlALVDNx.cjs"),n=require("./useImperativeAPI-VrgLwXEO.cjs"),r=require("./useServiceState-PyYQWxHi.cjs");let i=require("react");i=e.y(i,1);let a=require("react/jsx-runtime");function o(e){return[-e[0],-e[1]]}function s(e,t){return[e[0]+t[0],e[1]+t[1]]}function c(e,t){return[e[0]-t[0],e[1]-t[1]]}function l(e,t){return[e[0]*t,e[1]*t]}function u(e,t){return[e[0]/t,e[1]/t]}function d(e){return[e[1],-e[0]]}function f(e,t){return e[0]*t[0]+e[1]*t[1]}function p(e,t){return e[0]===t[0]&&e[1]===t[1]}function m(e){return Math.hypot(e[0],e[1])}function h(e){return e[0]*e[0]+e[1]*e[1]}function g(e,t){return h(c(e,t))}function _(e){return u(e,m(e))}function v(e,t){return Math.hypot(e[1]-t[1],e[0]-t[0])}function y(e,t,n){let r=Math.sin(n),i=Math.cos(n),a=e[0]-t[0],o=e[1]-t[1],s=a*i-o*r,c=a*r+o*i;return[s+t[0],c+t[1]]}function b(e,t,n){return s(e,l(c(t,e),n))}function x(e,t,n){return s(e,l(t,n))}function S(e,t,n,r=e=>e){return e*r(.5-t*(.5-n))}function C(e,t={}){let{streamline:n=.5,size:r=16,last:i=!1}=t;if(e.length===0)return[];let a=.15+(1-n)*.85,o=Array.isArray(e[0])?e:e.map(({x:e,y:t,pressure:n=.5})=>[e,t,n]);if(o.length===2){let e=o[1];o=o.slice(0,-1);for(let t=1;t<5;t++)o.push(b(o[0],e,t/4))}o.length===1&&(o=[...o,[...s(o[0],[1,1]),...o[0].slice(2)]]);let l=[{point:[o[0][0],o[0][1]],pressure:o[0][2]>=0?o[0][2]:.25,vector:[1,1],distance:0,runningLength:0}],u=!1,d=0,f=l[0],m=o.length-1;for(let e=1;e<o.length;e++){let t=i&&e===m?o[e].slice(0,2):b(f.point,o[e],a);if(p(f.point,t))continue;let n=v(t,f.point);if(d+=n,e<m&&!u){if(d<r)continue;u=!0;let t=l[l.length-1],n=t.runningLength;for(let r=1;r<=e;r++){let e=o[r],i=b(t.point,e,a);if(p(t.point,i))continue;let s=v(i,t.point);n+=s,t={point:i,pressure:e[2]>=0?e[2]:.5,vector:_(c(t.point,i)),distance:s,runningLength:n},l.push(t)}f=t,d=n;continue}f={point:t,pressure:o[e][2]>=0?o[e][2]:.5,vector:_(c(f.point,t)),distance:n,runningLength:d},l.push(f)}return l[0].vector=l[1]?.vector||[0,0],l}var{min:w,PI:T}=Math,E=.275,D=T+1e-4;function O(e,t={}){let{size:n=16,smoothing:r=.5,thinning:i=.5,simulatePressure:a=!0,easing:u=e=>e,start:p={},end:m={},last:h=!1}=t,{cap:v=!0,easing:C=e=>e*(2-e)}=p,{cap:T=!0,easing:O=e=>--e*e*e+1}=m;if(e.length===0||n<=0)return[];let k=e[e.length-1].runningLength,A=p.taper===!1?0:p.taper===!0?Math.max(n,k):p.taper,j=m.taper===!1?0:m.taper===!0?Math.max(n,k):m.taper,M=(n*r)**2,N=[],P=[],F=e.slice(0,10).reduce((e,t)=>{let r=t.pressure;if(a){let i=w(1,t.distance/n);r=w(1,e+(w(1,1-i)-e)*(i*E))}return(e+r)/2},e[0].pressure),I=S(n,i,e[e.length-1].pressure,u),L,R=e[0].vector,z=e[0].point,B=z,V=z,H=B,U=!1;for(let t=0;t<e.length;t++){let{pressure:r}=e[t],{point:o,vector:p,distance:m,runningLength:h}=e[t];if(t<e.length-1&&k-h<3)continue;if(i){if(a){let e=w(1,m/n),t=w(1,1-e);r=w(1,F+(t-F)*(e*E))}I=S(n,i,r,u)}else I=n/2;L===void 0&&(L=I);let _=h<A?C(h/A):1,v=k-h<j?O((k-h)/j):1;I=Math.max(.01,I*Math.min(_,v));let x=(t<e.length-1?e[t+1]:e[t]).vector,T=t<e.length-1?f(p,x):1,W=f(p,R)<0&&!U,G=T!==null&&T<0;if(W||G){let e=l(d(R),I);for(let t=0;t<=1;t+=.07692307692307693)V=y(c(o,e),o,D*t),N.push(V),H=y(s(o,e),o,D*-t),P.push(H);z=V,B=H,G&&(U=!0);continue}if(U=!1,t===e.length-1){let e=l(d(p),I);N.push(c(o,e)),P.push(s(o,e));continue}let K=l(d(b(x,p,T)),I);V=c(o,K),(t<=1||g(z,V)>M)&&(N.push(V),z=V),H=s(o,K),(t<=1||g(B,H)>M)&&(P.push(H),B=H),F=r,R=p}let W=e[0].point.slice(0,2),G=e.length>1?e[e.length-1].point.slice(0,2):s(e[0].point,[1,1]),K=[],q=[];if(e.length===1){if(!(A||j)||h){let e=x(W,_(d(c(W,G))),-(L||I)),t=[];for(let n=1/13,r=n;r<=1;r+=n)t.push(y(e,W,D*2*r));return t}}else{if(!(A||j&&e.length===1))if(v)for(let e=1/13,t=e;t<=1;t+=e){let e=y(P[0],W,D*t);K.push(e)}else{let e=c(N[0],P[0]),t=l(e,.5),n=l(e,.51);K.push(c(W,t),c(W,n),s(W,n),s(W,t))}let t=d(o(e[e.length-1].vector));if(j||A&&e.length===1)q.push(G);else if(T){let e=x(G,t,I);for(let t=1/29,n=t;n<1;n+=t)q.push(y(e,G,D*3*n))}else q.push(s(G,l(t,I)),s(G,l(t,I*.99)),c(G,l(t,I*.99)),c(G,l(t,I)))}return N.concat(q,P.reverse(),K)}function k(e,t={}){return O(C(e,t),t)}function A(e){if(!e.length)return``;let t=e.reduce((e,[t,n],r,i)=>{let[a,o]=i[(r+1)%i.length];return e.push(t,n,(t+a)/2,(n+o)/2),e},[`M`,...e[0],`Q`]);return t.push(`Z`),t.join(` `)}var j=i.default.memo(({stroke:e,options:t,color:n})=>(0,a.jsx)(`path`,{d:A(k(e,t)),fill:n})),M=i.default.forwardRef((o,s)=>{let c=e.n(),{width:l=`100%`,height:u=300,backgroundColor:d=`transparent`,strokeColor:f,minStrokeWidth:p=2.5,maxStrokeWidth:m=5,smoothing:h=.5,thinning:g=0,readOnly:_=!1,disabled:v=!1,className:y,style:b,onEnd:x,onChange:S,onSave:C,dir:w,...T}=o,E=r.t(`I18nService`)?.dir||`ltr`,D=w===`auto`||!w?E:w;t.n(o),t.t();let O=(0,i.useRef)([]),M=(0,i.useRef)(null),[N,P]=(0,i.useState)([]),[F,I]=(0,i.useState)([]),[L,R]=(0,i.useState)(-1),z=(0,i.useRef)(null),B=f||`#0321ab`,V=(0,i.useCallback)(e=>{let t=F.slice(0,L+1);t.push(e),I(t),R(t.length-1),S&&S(e.map(e=>JSON.stringify(e)))},[F,L,S]),H=(0,i.useCallback)(()=>{let e=O.current;if(M.current&&e.length>0){let t=k(e,{size:m,thinning:g,smoothing:h,start:{cap:!0,taper:!1},end:{cap:!0,taper:10},simulatePressure:e.length>2});M.current.setAttribute(`d`,A(t))}},[m,g,h]),U=e=>{_||v||(e.currentTarget.setPointerCapture(e.pointerId),O.current=[[e.nativeEvent.offsetX,e.nativeEvent.offsetY,e.pressure]],H())},W=e=>{if(_||v||e.buttons!==1)return;let t=[e.nativeEvent.offsetX,e.nativeEvent.offsetY,e.pressure];O.current.push(t),H()},G=e=>{if(!(_||v)&&O.current.length>0){let t=[...N,O.current];P(t),V(t),O.current=[],M.current&&M.current.setAttribute(`d`,``),x&&x(e)}};n.t(s,(0,i.useMemo)(()=>({clear:()=>{P([]),O.current=[],M.current&&M.current.setAttribute(`d`,``),V([]),c.get(`NotificationService`)?.show({type:`info`,message:`Signature Cleared`,duration:2e3})},undo:()=>{if(L>0){let e=L-1;R(e),P(F[e])}else L===0&&(R(-1),P([]))},redo:()=>{if(L<F.length-1){let e=L+1;R(e),P(F[e])}},canUndo:()=>L>=0,canRedo:()=>L<F.length-1,isEmpty:()=>N.length===0&&O.current.length===0,getSignature:()=>N,load:e=>{if(typeof e==`string`){try{let t=JSON.parse(e);Array.isArray(t)&&(P(t),V(t))}catch(e){console.error(`Failed to parse signature data`,e)}return}Array.isArray(e)&&(P(e),V(e))},save:async(e=`png`)=>{if(!z.current)return``;let t=new XMLSerializer().serializeToString(z.current),n=document.createElement(`canvas`),r=n.getContext(`2d`),i=new Image,a=z.current.getBoundingClientRect();return n.width=a.width,n.height=a.height,new Promise((a,o)=>{i.onload=()=>{if(r){d&&d!==`transparent`&&(r.fillStyle=d,r.fillRect(0,0,n.width,n.height)),r.drawImage(i,0,0);let t=n.toDataURL(`image/${e}`);C&&C(t,e),c.get(`NotificationService`)?.show({type:`success`,message:`Signature Saved Successfully`,duration:3e3}),a(t)}else{let e=Error(`Canvas context not defined`);c.get(`NotificationService`)?.show({type:`error`,message:`Failed to Save Signature`,duration:3e3}),o(e)}},i.onerror=e=>{c.get(`NotificationService`)?.show({type:`error`,message:`Failed to Process Signature Image`,duration:3e3}),o(e)},i.src=`data:image/svg+xml;base64,`+btoa(unescape(encodeURIComponent(t)))})}}),[F,L,N,d,C,V]));let K=(0,i.useMemo)(()=>({size:m,thinning:g,smoothing:h,start:{cap:!0,taper:!1},end:{cap:!0,taper:10}}),[m,g,h]),q=(0,i.useMemo)(()=>N.map((e,t)=>(0,a.jsx)(j,{stroke:e,options:K,color:B},t)),[N,K,B]);return(0,a.jsx)(`div`,{className:e._(`ez-signature-container relative overflow-hidden select-none touch-none`,y),style:{width:l,height:u,...b},dir:D,...T,children:(0,a.jsxs)(`svg`,{ref:z,className:`w-full h-full`,style:{backgroundColor:d,touchAction:`none`},onPointerDown:U,onPointerMove:W,onPointerUp:G,onPointerLeave:G,role:`img`,"aria-label":`Signature canvas`,children:[q,(0,a.jsx)(`path`,{ref:M,fill:B,opacity:.8,d:``})]})})});M.displayName=`EzSignature`,Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return M}});