@ingcreators/annot-annotator 0.5.0 → 0.6.0

package/dist/index.js

@@ -51,7 +51,7 @@ function h(e) {
 	return r;
 }
 var g = (() => {
-	let e = new Uint32Array(256);
+	let e = /* @__PURE__ */ new Uint32Array(256);
 	for (let t = 0; t < 256; t++) {
 		let n = t;
 		for (let e = 0; e < 8; e++) n & 1 ? n = 3988292384 ^ n >>> 1 : n >>>= 1;
@@ -142,7 +142,7 @@ var D = new Uint8Array([
 	26,
 	10
 ]), O = (() => {
-	let e = new Uint32Array(256);
+	let e = /* @__PURE__ */ new Uint32Array(256);
 	for (let t = 0; t < 256; t++) {
 		let n = t;
 		for (let e = 0; e < 8; e++) n = n & 1 ? 3988292384 ^ n >>> 1 : n >>> 1;
@@ -169,7 +169,7 @@ function j(e, t, n, i, a = 9) {
 	let o = e.length >>> 2;
 	if (o < 1 || o > 256) throw Error(`encodePng8: palette must have 1–256 colors, got ${o}`);
 	if (t.length !== n * i) throw Error(`encodePng8: indices length ${t.length} != width*height ${n * i}`);
-	let s = new Uint8Array(13), c = new DataView(s.buffer);
+	let s = /* @__PURE__ */ new Uint8Array(13), c = new DataView(s.buffer);
 	c.setUint32(0, n, !1), c.setUint32(4, i, !1), s[8] = 8, s[9] = 3, s[10] = 0, s[11] = 0, s[12] = 0;
 	let l = new Uint8Array(o * 3), u = !1, d = -1;
 	for (let t = 0; t < o; t++) l[t * 3] = e[t * 4], l[t * 3 + 1] = e[t * 4 + 1], l[t * 3 + 2] = e[t * 4 + 2], e[t * 4 + 3] < 255 && (u = !0, d = t);
@@ -192,7 +192,7 @@ function j(e, t, n, i, a = 9) {
 		A("IHDR", s),
 		A("PLTE", l)
 	];
-	f && g.push(A("tRNS", f)), g.push(A("IDAT", h)), g.push(A("IEND", new Uint8Array()));
+	f && g.push(A("tRNS", f)), g.push(A("IDAT", h)), g.push(A("IEND", /* @__PURE__ */ new Uint8Array()));
 	let _ = 0;
 	for (let e of g) _ += e.length;
 	let v = new Uint8Array(_), y = 0;
@@ -201,12 +201,12 @@ function j(e, t, n, i, a = 9) {
 }
 //#endregion
 //#region ../core/src/encode/quantize-median-cut.ts
-function M(e, t, n, r) {
+function ee(e, t, n, r) {
 	if (!Number.isInteger(t) || t <= 0) throw Error(`quantizeMedianCut: invalid width ${t}`);
 	if (!Number.isInteger(n) || n <= 0) throw Error(`quantizeMedianCut: invalid height ${n}`);
 	let i = t * n * 4;
 	if (e.length !== i) throw Error(`quantizeMedianCut: rgba length ${e.length} != width*height*4 = ${i}`);
-	let a = Math.max(1, Math.min(256, Math.floor(r))), { opaqueSamples: o, hasTransparent: s, transparentCount: c } = P(e), l = F(o, s ? Math.max(1, a - 1) : a), u = l.length, d = u + +!!s, f = new Uint8Array(d * 4), p = 0;
+	let a = Math.max(1, Math.min(256, Math.floor(r))), { opaqueSamples: o, hasTransparent: s, transparentCount: c } = te(e), l = ne(o, s ? Math.max(1, a - 1) : a), u = l.length, d = u + +!!s, f = new Uint8Array(d * 4), p = 0;
 	s && (f[0] = 0, f[1] = 0, f[2] = 0, f[3] = 0, p = 1);
 	let m = p * 4;
 	for (let e = 0; e < u; e++) {
@@ -215,14 +215,14 @@ function M(e, t, n, r) {
 	}
 	return {
 		palette: f,
-		indices: te(e, t, n, f, m, s, c > 0)
+		indices: ie(e, t, n, f, m, s, c > 0)
 	};
 }
-var N = 16;
-function P(e) {
+var M = 16;
+function te(e) {
 	let t = /* @__PURE__ */ new Map(), n = 0, r = e.length;
 	for (let i = 0; i < r; i += 4) {
-		if (e[i + 3] < N) {
+		if (e[i + 3] < M) {
 			n++;
 			continue;
 		}
@@ -242,10 +242,10 @@ function P(e) {
 		transparentCount: n
 	};
 }
-function F(e, t) {
+function ne(e, t) {
 	if (e.length === 0) return [];
-	if (t <= 1) return [I(e, 0, e.length, 0)];
-	let n = [I(e, 0, e.length, 0)], r = 1;
+	if (t <= 1) return [N(e, 0, e.length, 0)];
+	let n = [N(e, 0, e.length, 0)], r = 1;
 	for (; n.length < t;) {
 		let t = -1, i = -1, a = Infinity;
 		for (let e = 0; e < n.length; e++) {
@@ -254,19 +254,19 @@ function F(e, t) {
 		}
 		if (t < 0) break;
 		let o = n[t], s = o.rMax - o.rMin, c = o.gMax - o.gMin, l = o.bMax - o.bMin, u;
-		u = s >= c && s >= l ? 0 : c >= l ? 1 : 2, ee(e, o.start, o.end, u);
+		u = s >= c && s >= l ? 0 : c >= l ? 1 : 2, re(e, o.start, o.end, u);
 		let d = o.population >>> 1, f = 0, p = o.start + 1;
 		for (let t = o.start; t < o.end; t++) if (f += e[t].count, f >= d) {
 			p = t + 1;
 			break;
 		}
 		p <= o.start && (p = o.start + 1), p >= o.end && (p = o.end - 1);
-		let m = I(e, o.start, p, r++), h = I(e, p, o.end, r++);
+		let m = N(e, o.start, p, r++), h = N(e, p, o.end, r++);
 		n[t] = m, n.push(h);
 	}
 	return n;
 }
-function I(e, t, n, r) {
+function N(e, t, n, r) {
 	let i = 255, a = 0, o = 255, s = 0, c = 255, l = 0, u = 0, d = 0, f = 0, p = 0;
 	for (let r = t; r < n; r++) {
 		let t = e[r];
@@ -290,12 +290,12 @@ function I(e, t, n, r) {
 		insertOrder: r
 	};
 }
-function ee(e, t, n, r) {
+function re(e, t, n, r) {
 	let i = e.slice(t, n);
 	r === 0 ? i.sort((e, t) => e.r - t.r) : r === 1 ? i.sort((e, t) => e.g - t.g) : i.sort((e, t) => e.b - t.b);
 	for (let n = 0; n < i.length; n++) e[t + n] = i[n];
 }
-function te(e, t, n, r, i, a, o) {
+function ie(e, t, n, r, i, a, o) {
 	let s = t * n, c = new Uint8Array(s), l = new Float32Array(t), u = new Float32Array(t), d = new Float32Array(t), f = new Float32Array(t), p = new Float32Array(t), m = new Float32Array(t), h = r.length - i >>> 2, g = new Int32Array(h), _ = new Int32Array(h), v = new Int32Array(h);
 	for (let e = 0; e < h; e++) {
 		let t = i + e * 4;
@@ -306,7 +306,7 @@ function te(e, t, n, r, i, a, o) {
 		f.fill(0), p.fill(0), m.fill(0);
 		for (let n = 0; n < t; n++) {
 			let i = r * t + n, o = i * 4, s = e[o + 3];
-			if (a && s < N) {
+			if (a && s < M) {
 				c[i] = 0;
 				continue;
 			}
@@ -330,11 +330,11 @@ function te(e, t, n, r, i, a, o) {
 }
 //#endregion
 //#region src/encode/quantize.ts
-function ne(e, t, n) {
-	let { palette: r, indices: i } = M(e, t, n, 256);
+function ae(e, t, n) {
+	let { palette: r, indices: i } = ee(e, t, n, 256);
 	return j(r, i, t, n, 9);
 }
-function L(e, t) {
+function P(e, t) {
 	let n = new Uint32Array(e.buffer, e.byteOffset, e.byteLength >>> 2), r = n.length;
 	if (r === 0) return !1;
 	let i = Math.max(1, Math.floor(r / 5e4)), a = /* @__PURE__ */ new Set();
@@ -343,64 +343,64 @@ function L(e, t) {
 }
 //#endregion
 //#region src/encode/encode.ts
-var re = 1e7;
-async function R(e, t, n, r = T) {
-	let i = E(t, n, r.saveSizePreset ?? "original"), a = i.scaled ? ae(e, t, n, i.width, i.height) : e, o = i.width, s = i.height;
+var oe = 1e7;
+async function F(e, t, n, r = T) {
+	let i = E(t, n, r.saveSizePreset ?? "original"), a = i.scaled ? ce(e, t, n, i.width, i.height) : e, o = i.width, s = i.height;
 	return r.format === "png" ? {
-		bytes: z(a, o, s),
+		bytes: I(a, o, s),
 		chosen: "png",
 		width: o,
 		height: s
 	} : r.format === "jpeg" ? {
-		bytes: B(a, o, s, r.jpegPercent / 100),
+		bytes: L(a, o, s, r.jpegPercent / 100),
 		chosen: "jpeg",
 		width: o,
 		height: s
-	} : o * s > re ? {
-		bytes: z(a, o, s),
+	} : o * s > oe ? {
+		bytes: I(a, o, s),
 		chosen: "png",
 		reason: "too-large-for-png8",
 		width: o,
 		height: s
-	} : L(a, r.smartColorThreshold) ? r.smartFallback === "jpeg" ? {
-		bytes: B(a, o, s, r.jpegPercent / 100),
+	} : P(a, r.smartColorThreshold) ? r.smartFallback === "jpeg" ? {
+		bytes: L(a, o, s, r.jpegPercent / 100),
 		chosen: "jpeg",
 		reason: "photo-fallback-jpeg",
 		width: o,
 		height: s
 	} : {
-		bytes: z(a, o, s),
+		bytes: I(a, o, s),
 		chosen: "png",
 		reason: "photo-fallback-png",
 		width: o,
 		height: s
 	} : {
-		bytes: ne(a, o, s),
+		bytes: ae(a, o, s),
 		chosen: "png",
 		reason: "png-8",
 		width: o,
 		height: s
 	};
 }
-async function ie(e, r = T) {
+async function se(e, r = T) {
 	let i = await n(Buffer.from(e)), a = t(i.width, i.height).getContext("2d");
 	a.drawImage(i, 0, 0);
 	let o = a.getImageData(0, 0, i.width, i.height).data;
-	return R(new Uint8Array(o.buffer, o.byteOffset, o.byteLength), i.width, i.height, r);
+	return F(new Uint8Array(o.buffer, o.byteOffset, o.byteLength), i.width, i.height, r);
 }
-function z(e, n, r) {
+function I(e, n, r) {
 	let i = t(n, r), a = i.getContext("2d"), o = a.createImageData(n, r);
 	o.data.set(e), a.putImageData(o, 0, 0);
 	let s = i.toBuffer("image/png");
 	return new Uint8Array(s.buffer, s.byteOffset, s.byteLength);
 }
-function B(e, n, r, i) {
+function L(e, n, r, i) {
 	let a = t(n, r), o = a.getContext("2d"), s = o.createImageData(n, r);
 	s.data.set(e), o.putImageData(s, 0, 0);
 	let c = a.toBuffer("image/jpeg", i);
 	return new Uint8Array(c.buffer, c.byteOffset, c.byteLength);
 }
-function ae(e, n, r, i, a) {
+function ce(e, n, r, i, a) {
 	let o = t(n, r), s = o.getContext("2d"), c = s.createImageData(n, r);
 	c.data.set(e), s.putImageData(c, 0, 0);
 	let l = t(i, a).getContext("2d");
@@ -410,7 +410,7 @@ function ae(e, n, r, i, a) {
 }
 //#endregion
 //#region src/sanitise-svg.ts
-function oe(e) {
+function le(e) {
 	if (!e || e.trim().length === 0) return "";
 	let t = new i(), n;
 	try {
@@ -426,7 +426,7 @@ function oe(e) {
 		if (!t || t.nodeType !== 1) continue;
 		let n = t, i = n.localName ?? n.tagName ?? "";
 		if (i === "defs") {
-			let e = se(n);
+			let e = ue(n);
 			e !== null && (s += o.serializeToString(e));
 			continue;
 		}
@@ -443,7 +443,7 @@ function oe(e) {
 	}
 	return s;
 }
-function se(e) {
+function ue(e) {
 	let t = e.cloneNode(!0);
 	for (let e = t.childNodes.length - 1; e >= 0; e--) {
 		let n = t.childNodes.item(e);
@@ -455,7 +455,7 @@ function se(e) {
 }
 //#endregion
 //#region src/annotator.ts
-function V(t = {}) {
+function de(t = {}) {
 	let n = {
 		loadSystemFonts: t.loadSystemFonts ?? !1,
 		...t.fontFiles ? { fontFiles: t.fontFiles } : {},
@@ -463,7 +463,7 @@ function V(t = {}) {
 		...t.defaultFontFamily ? { defaultFontFamily: t.defaultFontFamily } : {}
 	};
 	function r(t) {
-		let r = new e(H(t), {
+		let r = new e(R(t), {
 			fitTo: {
 				mode: "width",
 				value: t.width
@@ -479,10 +479,10 @@ function V(t = {}) {
 	}
 	return {
 		toSvg(e) {
-			return H(e);
+			return R(e);
 		},
 		toPng(t) {
-			return new e(H(t), {
+			return new e(R(t), {
 				fitTo: {
 					mode: "width",
 					value: t.width
@@ -493,7 +493,7 @@ function V(t = {}) {
 		},
 		toEditablePng(t) {
 			return S({
-				renderedPng: new e(H(t), {
+				renderedPng: new e(R(t), {
 					fitTo: {
 						mode: "width",
 						value: t.width
@@ -510,17 +510,203 @@ function V(t = {}) {
 		},
 		async toEncoded(e, t) {
 			let { pixels: n, width: i, height: a } = r(e);
-			return R(n, i, a, t);
+			return F(n, i, a, t);
 		}
 	};
 }
-function H(e) {
-	let t = oe(e.annotationsSvg);
+function R(e) {
+	let t = le(e.annotationsSvg);
 	return `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" ${o}="1" width="${e.width}" height="${e.height}" viewBox="0 0 ${e.width} ${e.height}"><image href="${e.originalDataUrl}" width="${e.width}" height="${e.height}"/>` + t + "</svg>";
 }
 //#endregion
+//#region src/redact-burn.ts
+var fe = "solid", pe = "#000000", z = 16, me = 12;
+async function B(e, r) {
+	if (r.length === 0) return e;
+	let i = await n(Buffer.from(e)), a = t(i.width, i.height), o = a.getContext("2d");
+	o.drawImage(i, 0, 0);
+	for (let e of r) if (!(e.bbox.width <= 0 || e.bbox.height <= 0)) switch (e.style ?? fe) {
+		case "solid":
+			he(o, e.bbox, e.color ?? pe);
+			break;
+		case "mosaic":
+			ge(o, i, e.bbox);
+			break;
+		case "blur":
+			_e(o, i, e.bbox);
+			break;
+	}
+	let s = a.toBuffer("image/png");
+	return new Uint8Array(s.buffer, s.byteOffset, s.byteLength);
+}
+function he(e, t, n) {
+	e.save(), e.fillStyle = n, e.fillRect(t.x, t.y, t.width, t.height), e.restore();
+}
+function ge(e, n, r) {
+	let i = Math.max(1, Math.round(r.width / z)), a = Math.max(1, Math.round(r.height / z)), o = t(i, a), s = o.getContext("2d");
+	s.imageSmoothingEnabled = !1, s.drawImage(n, r.x, r.y, r.width, r.height, 0, 0, i, a), e.save(), e.imageSmoothingEnabled = !1, e.drawImage(o, 0, 0, i, a, r.x, r.y, r.width, r.height), e.restore();
+}
+function _e(e, t, n) {
+	e.save(), e.beginPath(), e.rect(n.x, n.y, n.width, n.height), e.clip(), e.filter = `blur(${me}px)`, e.drawImage(t, 0, 0), e.restore();
+}
+var ve = B;
+//#endregion
+//#region ../../node_modules/.pnpm/pixelmatch@7.2.0/node_modules/pixelmatch/index.js
+function ye(e, t, n, r, i, a = {}) {
+	let { threshold: o = .1, alpha: s = .1, aaColor: c = [
+		255,
+		255,
+		0
+	], diffColor: l = [
+		255,
+		0,
+		0
+	], checkerboard: u = !0, includeAA: d, diffColorAlt: f, diffMask: p } = a;
+	if (!V(e) || !V(t) || n && !V(n)) throw Error("Image data: Uint8Array, Uint8ClampedArray or Buffer expected.");
+	if (e.length !== t.length || n && n.length !== e.length) throw Error(`Image sizes do not match. Image 1 size: ${e.length}, image 2 size: ${t.length}`);
+	if (e.length !== r * i * 4) throw Error(`Image data size does not match width/height. Expecting ${r * i * 4}. Got ${e.length}`);
+	let m = r * i, h = new Uint32Array(e.buffer, e.byteOffset, m), g = new Uint32Array(t.buffer, t.byteOffset, m), _ = !0;
+	for (let e = 0; e < m; e++) if (h[e] !== g[e]) {
+		_ = !1;
+		break;
+	}
+	if (_) {
+		if (n && !p) for (let t = 0, r = 0; t < m; t++, r += 4) G(e, r, s, n);
+		return 0;
+	}
+	let v = 35215 * o * o, [y, b, x] = c, [S, C, w] = l, [T, E, D] = f || l, O = 0;
+	for (let a = 0, o = 0; a < m; a++, o += 4) {
+		let c = h[a] === g[a] ? 0 : be(e, t, o, o, u);
+		if (Math.abs(c) > v) {
+			let s = a % r, l = a / r | 0;
+			!d && (H(e, s, l, r, i, h, g, u) || H(t, s, l, r, i, g, h, u)) ? n && !p && W(n, o, y, b, x) : (n && (c < 0 ? W(n, o, T, E, D) : W(n, o, S, C, w)), O++);
+		} else n && !p && G(e, o, s, n);
+	}
+	return O;
+}
+function V(e) {
+	return ArrayBuffer.isView(e) && e.BYTES_PER_ELEMENT === 1;
+}
+function H(e, t, n, r, i, a, o, s) {
+	let c = Math.max(t - 1, 0), l = Math.max(n - 1, 0), u = Math.min(t + 1, r - 1), d = Math.min(n + 1, i - 1), f = (n * r + t) * 4, p = e[f], m = e[f + 1], h = e[f + 2], g = e[f + 3], _ = +(t === c || t === u || n === l || n === d), v = 0, y = 0, b = 0, x = 0, S = 0, C = 0;
+	for (let i = c; i <= u; i++) for (let a = l; a <= d; a++) {
+		if (i === t && a === n) continue;
+		let o = xe(e, f, (a * r + i) * 4, p, m, h, g, s);
+		if (o === 0) {
+			if (_++, _ > 2) return !1;
+		} else o < v ? (v = o, b = i, x = a) : o > y && (y = o, S = i, C = a);
+	}
+	return v === 0 || y === 0 ? !1 : U(a, b, x, r, i) && U(o, b, x, r, i) || U(a, S, C, r, i) && U(o, S, C, r, i);
+}
+function U(e, t, n, r, i) {
+	let a = Math.max(t - 1, 0), o = Math.max(n - 1, 0), s = Math.min(t + 1, r - 1), c = Math.min(n + 1, i - 1), l = e[n * r + t], u = +(t === a || t === s || n === o || n === c);
+	for (let i = a; i <= s; i++) for (let a = o; a <= c; a++) if (!(i === t && a === n) && (u += +(l === e[a * r + i]), u > 2)) return !0;
+	return !1;
+}
+function be(e, t, n, r, i) {
+	let a = e[n], o = e[n + 1], s = e[n + 2], c = e[n + 3], l = t[r], u = t[r + 1], d = t[r + 2], f = t[r + 3], p = a - l, m = o - u, h = s - d, g = c - f;
+	if (c < 255 || f < 255) {
+		let e = 255, t = 255, r = 255;
+		i && (e = 48 + n % 2 * 159, t = 48 + 159 * ((n / 1.618033988749895 | 0) % 2), r = 48 + 159 * ((n / 2.618033988749895 | 0) % 2)), p = (a * c - l * f - e * g) / 255, m = (o * c - u * f - t * g) / 255, h = (s * c - d * f - r * g) / 255;
+	}
+	let _ = p * .29889531 + m * .58662247 + h * .11448223, v = p * .59597799 - m * .2741761 - h * .32180189, y = p * .21147017 - m * .52261711 + h * .31114694, b = .5053 * _ * _ + .299 * v * v + .1957 * y * y;
+	return _ > 0 ? -b : b;
+}
+function xe(e, t, n, r, i, a, o, s) {
+	let c = e[n], l = e[n + 1], u = e[n + 2], d = e[n + 3], f = r - c, p = i - l, m = a - u, h = o - d;
+	if (!f && !p && !m && !h) return 0;
+	if (o < 255 || d < 255) {
+		let e = 255, n = 255, g = 255;
+		s && (e = 48 + t % 2 * 159, n = 48 + 159 * ((t / 1.618033988749895 | 0) % 2), g = 48 + 159 * ((t / 2.618033988749895 | 0) % 2)), f = (r * o - c * d - e * h) / 255, p = (i * o - l * d - n * h) / 255, m = (a * o - u * d - g * h) / 255;
+	}
+	return f * .29889531 + p * .58662247 + m * .11448223;
+}
+function W(e, t, n, r, i) {
+	e[t] = n, e[t + 1] = r, e[t + 2] = i, e[t + 3] = 255;
+}
+function G(e, t, n, r) {
+	let i = 255 + (e[t] * .29889531 + e[t + 1] * .58662247 + e[t + 2] * .11448223 - 255) * n * e[t + 3] / 255;
+	W(r, t, i, i, i);
+}
+//#endregion
+//#region src/diff-aggregate.ts
+var Se = 4;
+function K(e, t, n) {
+	let r = new Uint8Array(t * n), i = [];
+	for (let a = 0; a < n; a++) for (let o = 0; o < t; o++) {
+		let s = a * t + o;
+		if (r[s] || !Ce(e, s)) continue;
+		let c = we(e, r, o, a, t, n);
+		c.count >= Se && i.push({
+			x: c.minX,
+			y: c.minY,
+			width: c.maxX - c.minX + 1,
+			height: c.maxY - c.minY + 1
+		});
+	}
+	return i;
+}
+function Ce(e, t) {
+	return e[t * 4 + 3] > 0;
+}
+function we(e, t, n, r, i, a) {
+	let o = {
+		count: 0,
+		minX: n,
+		minY: r,
+		maxX: n,
+		maxY: r
+	}, s = [n, r];
+	for (; s.length > 0;) {
+		let n = s.pop(), r = s.pop();
+		if (r < 0 || r >= i || n < 0 || n >= a) continue;
+		let c = n * i + r;
+		t[c] || Ce(e, c) && (t[c] = 1, o.count += 1, r < o.minX && (o.minX = r), n < o.minY && (o.minY = n), r > o.maxX && (o.maxX = r), n > o.maxY && (o.maxY = n), s.push(r + 1, n), s.push(r - 1, n), s.push(r, n + 1), s.push(r, n - 1));
+	}
+	return o;
+}
+//#endregion
+//#region src/diff.ts
+var Te = class extends Error {
+	constructor(e, t) {
+		super(`Cannot compare screenshots of different dimensions: before is ${e.width}×${e.height}, after is ${t.width}×${t.height}.`), this.name = "DimensionMismatchError";
+	}
+};
+async function Ee(e, t, r = {}) {
+	let [i, a] = await Promise.all([n(Buffer.from(e)), n(Buffer.from(t))]);
+	if (i.width !== a.width || i.height !== a.height) throw new Te({
+		width: i.width,
+		height: i.height
+	}, {
+		width: a.width,
+		height: a.height
+	});
+	let { width: o, height: s } = i, c = De(i, o, s), l = De(a, o, s), u = new Uint8Array(o * s * 4);
+	return {
+		mismatchedPixels: ye(c, l, u, o, s, {
+			threshold: r.threshold ?? .1,
+			includeAA: !1,
+			diffMask: !0
+		}),
+		regions: K(u, o, s),
+		width: o,
+		height: s
+	};
+}
+function De(e, n, r) {
+	let i = t(n, r).getContext("2d");
+	i.drawImage(e, 0, 0);
+	let a = i.getImageData(0, 0, n, r).data;
+	return new Uint8Array(a.buffer, a.byteOffset, a.byteLength);
+}
+//#endregion
+//#region src/flatten-editable-png.ts
+function Oe(e) {
+	return b(e);
+}
+//#endregion
 //#region src/dsl/schema.ts
-var U = {
+var ke = {
 	BBox: {
 		type: "object",
 		required: [
@@ -576,7 +762,7 @@ var U = {
 			color: { type: "string" }
 		}
 	}
-}, W = { oneOf: [
+}, Ae = { oneOf: [
 	{
 		type: "object",
 		required: ["type", "bbox"],
@@ -731,6 +917,57 @@ var U = {
 			color: { type: "string" }
 		}
 	},
+	{
+		type: "object",
+		required: ["type", "path"],
+		additionalProperties: !1,
+		properties: {
+			type: { const: "freehand" },
+			path: {
+				type: "string",
+				minLength: 1
+			},
+			intent: { $ref: "#/$defs/Intent" },
+			stroke: { type: "string" },
+			strokeWidth: {
+				type: "number",
+				minimum: 0
+			},
+			fill: { type: "string" },
+			color: { type: "string" }
+		}
+	},
+	{
+		type: "object",
+		required: [
+			"type",
+			"cutout",
+			"imageWidth",
+			"imageHeight"
+		],
+		additionalProperties: !1,
+		properties: {
+			type: { const: "focusMask" },
+			cutout: { $ref: "#/$defs/BBox" },
+			imageWidth: {
+				type: "number",
+				minimum: 0
+			},
+			imageHeight: {
+				type: "number",
+				minimum: 0
+			},
+			dimColor: { type: "string" },
+			intent: { $ref: "#/$defs/Intent" },
+			stroke: { type: "string" },
+			strokeWidth: {
+				type: "number",
+				minimum: 0
+			},
+			fill: { type: "string" },
+			color: { type: "string" }
+		}
+	},
 	{
 		type: "object",
 		required: ["type", "svgFragment"],
@@ -740,7 +977,7 @@ var U = {
 			svgFragment: { type: "string" }
 		}
 	}
-] }, G = {
+] }, je = {
 	type: "object",
 	required: ["bbox"],
 	additionalProperties: !1,
@@ -759,31 +996,31 @@ var U = {
 };
 //#endregion
 //#region src/dsl/svg-primitives.ts
-function K(e, t = {}) {
+function q(e, t = {}) {
 	let n = t.stroke ?? "red", r = t.strokeWidth ?? 2, i = t.fill ?? "none";
-	return `<rect x="${e.x}" y="${e.y}" width="${e.width}" height="${e.height}" fill="${X(i)}" stroke="${X(n)}" stroke-width="${r}"/>`;
-}
-function q(e, t, n = {}) {
-	let r = n.color ?? "red", i = n.strokeWidth ?? 2, a = `annot-arrow-${ce()}`;
-	return `<defs><marker id="${a}" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="6" markerHeight="6" orient="auto" markerUnits="strokeWidth"><path d="M 0 0 L 10 5 L 0 10 z" fill="${X(r)}"/></marker></defs><line x1="${e.x}" y1="${e.y}" x2="${t.x}" y2="${t.y}" stroke="${X(r)}" stroke-width="${i}" marker-end="url(#${a})"/>`;
+	return `<rect x="${e.x}" y="${e.y}" width="${e.width}" height="${e.height}" fill="${Z(i)}" stroke="${Z(n)}" stroke-width="${r}"/>`;
 }
 function J(e, t, n = {}) {
+	let r = n.color ?? "red", i = n.strokeWidth ?? 2, a = `annot-arrow-${Me()}`;
+	return `<defs><marker id="${a}" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="6" markerHeight="6" orient="auto" markerUnits="strokeWidth"><path d="M 0 0 L 10 5 L 0 10 z" fill="${Z(r)}"/></marker></defs><line x1="${e.x}" y1="${e.y}" x2="${t.x}" y2="${t.y}" stroke="${Z(r)}" stroke-width="${i}" marker-end="url(#${a})"/>`;
+}
+function Y(e, t, n = {}) {
 	let r = n.color ?? "red", i = n.fontSize ?? 14, a = n.anchor ?? "start";
-	return `<text x="${e.x}" y="${e.y}" fill="${X(r)}" font-size="${i}" text-anchor="${a}">` + le(t) + "</text>";
+	return `<text x="${e.x}" y="${e.y}" fill="${Z(r)}" font-size="${i}" text-anchor="${a}">` + Ne(t) + "</text>";
 }
-var Y = 0;
-function ce() {
-	return Y = Y + 1 | 0, Y;
+var X = 0;
+function Me() {
+	return X = X + 1 | 0, X;
 }
-function X(e) {
+function Z(e) {
 	return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&apos;");
 }
-function le(e) {
+function Ne(e) {
 	return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
 }
 //#endregion
 //#region src/dsl/to-svg.ts
-var ue = {
+var Pe = {
 	info: {
 		stroke: "#3b82f6",
 		fill: "rgba(59, 130, 246, 0.12)",
@@ -809,84 +1046,95 @@ var ue = {
 		fill: "rgba(107, 114, 128, 0.12)",
 		text: "#374151"
 	}
-}, de = "error";
-function Z(e) {
-	let t = ue[e.intent ?? de];
+}, Fe = "error";
+function Q(e) {
+	let t = Pe[e.intent ?? Fe];
 	return {
 		stroke: e.stroke ?? t.stroke,
 		fill: e.fill ?? "none",
 		text: e.color ?? t.text
 	};
 }
-function fe(e) {
-	return e.map(pe).join("");
+function Ie(e) {
+	return e.map(Le).join("");
 }
-function pe(e) {
+function Le(e) {
 	switch (e.type) {
-		case "rect": return me(e);
-		case "circle": return he(e);
-		case "arrow": return ge(e);
-		case "text": return _e(e);
-		case "callout": return ve(e);
-		case "numberedBadge": return xe(e);
-		case "raw": return ye(e);
-	}
-}
-function me(e) {
-	let t = Z(e);
-	return K(e.bbox, {
+		case "rect": return Re(e);
+		case "circle": return ze(e);
+		case "arrow": return Be(e);
+		case "text": return Ve(e);
+		case "callout": return He(e);
+		case "numberedBadge": return Je(e);
+		case "freehand": return We(e);
+		case "focusMask": return Ke(e);
+		case "raw": return Ue(e);
+	}
+}
+function Re(e) {
+	let t = Q(e);
+	return q(e.bbox, {
 		stroke: t.stroke,
 		strokeWidth: e.strokeWidth ?? 2,
 		fill: t.fill
 	});
 }
-function he(e) {
-	let t = Z(e), n = e.strokeWidth ?? 2;
+function ze(e) {
+	let t = Q(e), n = e.strokeWidth ?? 2;
 	return `<circle cx="${e.center.x}" cy="${e.center.y}" r="${e.radius}" fill="${$(t.fill)}" stroke="${$(t.stroke)}" stroke-width="${n}"/>`;
 }
-function ge(e) {
-	let t = Z(e);
-	return q(e.from, e.to, {
+function Be(e) {
+	let t = Q(e);
+	return J(e.from, e.to, {
 		color: t.stroke,
 		strokeWidth: e.strokeWidth ?? 2
 	});
 }
-function _e(e) {
-	let t = Z(e);
-	return J(e.at, e.content, {
+function Ve(e) {
+	let t = Q(e);
+	return Y(e.at, e.content, {
 		color: t.text,
 		fontSize: e.fontSize ?? 14,
 		anchor: e.anchor ?? "start"
 	});
 }
-function ve(e) {
-	let t = Z(e), n = e.targetBbox, r = we(n, e.at);
-	return K(n, {
+function He(e) {
+	let t = Q(e), n = e.targetBbox, r = Ze(n, e.at);
+	return q(n, {
 		stroke: t.stroke,
 		strokeWidth: e.strokeWidth ?? 2,
 		fill: t.fill
-	}) + q(e.at, r, {
+	}) + J(e.at, r, {
 		color: t.stroke,
 		strokeWidth: 2
-	}) + J(e.at, e.content, {
+	}) + Y(e.at, e.content, {
 		color: t.text,
 		fontSize: 14,
 		anchor: "start"
 	});
 }
-function ye(e) {
+function Ue(e) {
 	return e.svgFragment;
 }
-var be = 40;
-function xe(e) {
-	let t = Z(e), n = e.badgeSize ?? be, r = Se(e, n), i = K(e.bbox, {
+function We(e) {
+	let t = Q(e), n = e.fill ?? "none", r = e.strokeWidth ?? 2;
+	return `<path d="${$(e.path)}" fill="${$(n)}" stroke="${$(t.stroke)}" stroke-width="${r}" stroke-linecap="round" stroke-linejoin="round"/>`;
+}
+var Ge = "rgba(0,0,0,0.5)";
+function Ke(e) {
+	let { cutout: t, imageWidth: n, imageHeight: r } = e, i = e.dimColor ?? Ge;
+	return `<path d="${$(`M0,0 H${n} V${r} H0 Z M${t.x},${t.y} H${t.x + t.width} V${t.y + t.height} H${t.x} Z`)}" fill="${$(i)}" fill-rule="evenodd" stroke="none"/>`;
+}
+var qe = 40;
+function Je(e) {
+	let t = Q(e), n = e.badgeSize ?? qe, r = Ye(e, n), i = q(e.bbox, {
 		stroke: t.stroke,
 		strokeWidth: e.strokeWidth ?? 3,
 		fill: e.fill ?? "none"
-	}), a = Ce(e.bbox, r), o = n / 2, s = `<circle cx="${a.x}" cy="${a.y}" r="${o}" fill="${t.stroke}" stroke="#ffffff" stroke-width="${Math.max(2, o * .12)}" />`, c = Math.round(o * 1.1), l = `<text x="${a.x}" y="${a.y}" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif" font-size="${c}" font-weight="700" fill="#ffffff" text-anchor="middle" dominant-baseline="central">${$(String(e.number))}</text>`;
+	}), a = Xe(e.bbox, r), o = n / 2, s = `<circle cx="${a.x}" cy="${a.y}" r="${o}" fill="${t.stroke}" stroke="#ffffff" stroke-width="${Math.max(2, o * .12)}" />`, c = Math.round(o * 1.1), l = `<text x="${a.x}" y="${a.y}" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif" font-size="${c}" font-weight="700" fill="#ffffff" text-anchor="middle" dominant-baseline="central">${$(String(e.number))}</text>`;
 	return i + s + l;
 }
-function Se(e, t) {
+function Ye(e, t) {
 	if (e.placement && e.placement !== "auto") return e.placement;
 	if (e.imageWidth === void 0 || e.imageHeight === void 0) return "topRight";
 	let n = t / 2, r = [
@@ -917,7 +1165,7 @@ function Se(e, t) {
 	}
 	return i.kind;
 }
-function Ce(e, t) {
+function Xe(e, t) {
 	switch (t) {
 		case "topLeft": return {
 			x: e.x,
@@ -937,17 +1185,17 @@ function Ce(e, t) {
 		};
 	}
 }
-function we(e, t) {
+function Ze(e, t) {
 	return {
-		x: Q(t.x, e.x, e.x + e.width),
-		y: Q(t.y, e.y, e.y + e.height)
+		x: Qe(t.x, e.x, e.x + e.width),
+		y: Qe(t.y, e.y, e.y + e.height)
 	};
 }
-function Q(e, t, n) {
+function Qe(e, t, n) {
 	return Math.min(Math.max(e, t), n);
 }
 function $(e) {
 	return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&apos;");
 }
 //#endregion
-export { W as BBOX_ANNOTATION_SCHEMA, G as BBOX_REDACT_REGION_SCHEMA, T as DEFAULT_ENCODE_OPTIONS, w as SAVE_SIZE_LABEL, C as SAVE_SIZE_MAX_WIDTH, U as SHARED_DEFS, q as arrowBetween, fe as bboxAnnotationsToSvg, E as computeResizeTarget, V as createAnnotator, ie as decodeAndEncodeImage, R as encodeRgba, L as isPhotoHeavy, K as rectForBoundingBox, J as textAt };
+export { Ae as BBOX_ANNOTATION_SCHEMA, je as BBOX_REDACT_REGION_SCHEMA, T as DEFAULT_ENCODE_OPTIONS, Te as DimensionMismatchError, w as SAVE_SIZE_LABEL, C as SAVE_SIZE_MAX_WIDTH, ke as SHARED_DEFS, K as aggregateDiffRegions, J as arrowBetween, Ie as bboxAnnotationsToSvg, B as burnRedactions, ve as burnRegions, E as computeResizeTarget, de as createAnnotator, se as decodeAndEncodeImage, Ee as diffScreenshots, F as encodeRgba, Oe as flattenEditablePng, P as isPhotoHeavy, q as rectForBoundingBox, Y as textAt };