@ingcreators/annot-annotator 0.3.0 → 0.5.0

package/dist/index.js

@@ -1,530 +1,953 @@
-import { Resvg as P } from "@resvg/resvg-js";
-import { loadImage as R, createCanvas as m } from "@napi-rs/canvas";
-import { deflate as L } from "pako";
-import { DOMParser as j, XMLSerializer as q } from "@xmldom/xmldom";
-const W = "1", M = "data-annot-version", X = {
-  light: 1280,
-  standard: 1920,
-  highQuality: 2560,
-  original: null
-}, Se = {
-  light: "Light (1280px)",
-  standard: "Standard (1920px)",
-  highQuality: "High Quality (2560px)",
-  original: "Original"
-}, C = {
-  format: "smart",
-  smartFallback: "png",
-  smartColorThreshold: 15e3,
-  jpegPercent: 92,
-  saveSizePreset: "standard"
-};
-function V(e, t, r) {
-  const n = X[r];
-  if (n === null || e <= n)
-    return { width: e, height: t, scaled: !1 };
-  const o = n / e;
-  return {
-    width: n,
-    height: Math.max(1, Math.round(t * o)),
-    scaled: !0
-  };
-}
-const G = new Uint8Array([137, 80, 78, 71, 13, 10, 26, 10]), Q = (() => {
-  const e = new Uint32Array(256);
-  for (let t = 0; t < 256; t++) {
-    let r = t;
-    for (let n = 0; n < 8; n++)
-      r = r & 1 ? 3988292384 ^ r >>> 1 : r >>> 1;
-    e[t] = r >>> 0;
-  }
-  return e;
+import { Resvg as e } from "@resvg/resvg-js";
+import { createCanvas as t, loadImage as n } from "@napi-rs/canvas";
+import { deflate as r } from "pako";
+import { DOMParser as i, XMLSerializer as a } from "@xmldom/xmldom";
+//#region ../core/src/editor/svg-format.ts
+var o = "data-annot-version", s = "annot", c = "https://ingcreators.com/annot/ns/1.0/";
+new TextEncoder().encode("http://ns.adobe.com/xap/1.0/\0"), new TextEncoder().encode("annot:OriginalImage\0");
+var l = new TextEncoder().encode("XML:com.adobe.xmp");
+function u(e, t, n, r) {
+	let i = r && Object.keys(r).length > 0 ? JSON.stringify(r) : "";
+	return `<?xpacket begin="" id="W5M0MpCehiHzreSzNTczkc9d"?>
+<x:xmpmeta xmlns:x="adobe:ns:meta/">
+  <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
+    <rdf:Description rdf:about=""
+      xmlns:${s}="${c}">
+      <${s}:annotations><![CDATA[${e}]]></${s}:annotations>
+      <${s}:width>${t}</${s}:width>
+      <${s}:height>${n}</${s}:height>
+      <${s}:version>1.0</${s}:version>${i ? `\n      <${s}:tags>${i}</${s}:tags>` : ""}
+    </rdf:Description>
+  </rdf:RDF>
+</x:xmpmeta>
+<?xpacket end="w"?>`;
+}
+function d(e) {
+	return new Uint8Array([
+		e >> 24 & 255,
+		e >> 16 & 255,
+		e >> 8 & 255,
+		e & 255
+	]);
+}
+function f(e, t) {
+	return (e[t] << 24 | e[t + 1] << 16 | e[t + 2] << 8 | e[t + 3]) >>> 0;
+}
+function p(...e) {
+	let t = 0;
+	for (let n of e) t += n.length;
+	let n = new Uint8Array(t), r = 0;
+	for (let t of e) n.set(t, r), r += t.length;
+	return n;
+}
+function m(e, t, n) {
+	if (t + n.length > e.length) return !1;
+	for (let r = 0; r < n.length; r++) if (e[t + r] !== n[r]) return !1;
+	return !0;
+}
+function h(e) {
+	let t = e.split(",")[1] || "", n = atob(t), r = new Uint8Array(n.length);
+	for (let e = 0; e < n.length; e++) r[e] = n.charCodeAt(e);
+	return r;
+}
+var g = (() => {
+	let e = 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;
+		e[t] = n;
+	}
+	return e;
 })();
-function H(e) {
-  let t = 4294967295;
-  for (let r = 0; r < e.length; r++)
-    t = Q[(t ^ e[r]) & 255] ^ t >>> 8;
-  return (t ^ 4294967295) >>> 0;
-}
-function h(e, t) {
-  const r = new Uint8Array(12 + t.length), n = new DataView(r.buffer);
-  n.setUint32(0, t.length, !1);
-  for (let i = 0; i < 4; i++) r[4 + i] = e.charCodeAt(i);
-  r.set(t, 8);
-  const o = r.subarray(4, 8 + t.length);
-  return n.setUint32(8 + t.length, H(o), !1), r;
-}
-function Z(e, t, r, n, o = 9) {
-  if (r <= 0 || n <= 0) throw new Error("encodePng8: invalid dimensions");
-  if (e.length % 4 !== 0)
-    throw new Error("encodePng8: palette must be RGBA bytes (multiple of 4)");
-  const i = e.length >>> 2;
-  if (i < 1 || i > 256)
-    throw new Error(`encodePng8: palette must have 1–256 colors, got ${i}`);
-  if (t.length !== r * n)
-    throw new Error(
-      `encodePng8: indices length ${t.length} != width*height ${r * n}`
-    );
-  const s = new Uint8Array(13), a = new DataView(s.buffer);
-  a.setUint32(0, r, !1), a.setUint32(4, n, !1), s[8] = 8, s[9] = 3, s[10] = 0, s[11] = 0, s[12] = 0;
-  const c = new Uint8Array(i * 3);
-  let u = !1, f = -1;
-  for (let l = 0; l < i; l++)
-    c[l * 3] = e[l * 4], c[l * 3 + 1] = e[l * 4 + 1], c[l * 3 + 2] = e[l * 4 + 2], e[l * 4 + 3] < 255 && (u = !0, f = l);
-  let g = null;
-  if (u) {
-    g = new Uint8Array(f + 1);
-    for (let l = 0; l <= f; l++) g[l] = e[l * 4 + 3];
-  }
-  const A = r + 1, x = new Uint8Array(A * n);
-  for (let l = 0; l < n; l++) {
-    const T = l * A;
-    x[T] = 0, x.set(t.subarray(l * r, l * r + r), T + 1);
-  }
-  const U = L(x, { level: o, memLevel: 9, windowBits: 15 }), d = [G, h("IHDR", s), h("PLTE", c)];
-  g && d.push(h("tRNS", g)), d.push(h("IDAT", U)), d.push(h("IEND", new Uint8Array(0)));
-  let I = 0;
-  for (const l of d) I += l.length;
-  const S = new Uint8Array(I);
-  let v = 0;
-  for (const l of d)
-    S.set(l, v), v += l.length;
-  return S;
-}
-let w = null;
-async function N() {
-  return w || (w = (async () => {
-    try {
-      const e = await import("@ingcreators/annot-imagequant");
-      return await e.default(), { quantize_image: e.quantize_image };
-    } catch {
-      return null;
-    }
-  })(), w);
-}
-async function J(e, t, r) {
-  const n = await N();
-  if (!n) return null;
-  const o = n.quantize_image(e, t, r, 256);
-  if (!(o?.palette instanceof Uint8Array) || !(o?.indices instanceof Uint8Array))
-    throw new Error("quantize_image returned an unexpected shape");
-  return Z(o.palette, o.indices, t, r, 9);
-}
-function K(e, t) {
-  const r = new Uint32Array(e.buffer, e.byteOffset, e.byteLength >>> 2), n = r.length;
-  if (n === 0) return !1;
-  const i = Math.max(1, Math.floor(n / 5e4)), s = /* @__PURE__ */ new Set();
-  for (let a = 0; a < n; a += i)
-    if (s.add(r[a]), s.size > t) return !0;
-  return !1;
-}
-async function ve() {
-  return await N() !== null;
-}
-const Y = 1e7;
-async function O(e, t, r, n = C) {
-  const o = n.saveSizePreset ?? "original", i = V(t, r, o), s = i.scaled ? ee(e, t, r, i.width, i.height) : e, a = i.width, c = i.height;
-  if (n.format === "png")
-    return { bytes: b(s, a, c), chosen: "png", width: a, height: c };
-  if (n.format === "jpeg")
-    return {
-      bytes: B(s, a, c, n.jpegPercent / 100),
-      chosen: "jpeg",
-      width: a,
-      height: c
-    };
-  if (a * c > Y)
-    return {
-      bytes: b(s, a, c),
-      chosen: "png",
-      reason: "too-large-for-png8",
-      width: a,
-      height: c
-    };
-  if (K(s, n.smartColorThreshold))
-    return n.smartFallback === "jpeg" ? {
-      bytes: B(s, a, c, n.jpegPercent / 100),
-      chosen: "jpeg",
-      reason: "photo-fallback-jpeg",
-      width: a,
-      height: c
-    } : {
-      bytes: b(s, a, c),
-      chosen: "png",
-      reason: "photo-fallback-png",
-      width: a,
-      height: c
-    };
-  const f = await J(s, a, c);
-  return f ? { bytes: f, chosen: "png", reason: "png-8", width: a, height: c } : {
-    bytes: b(s, a, c),
-    chosen: "png",
-    reason: "imagequant-missing",
-    width: a,
-    height: c
-  };
-}
-async function Te(e, t = C) {
-  const r = await R(Buffer.from(e)), o = m(r.width, r.height).getContext("2d");
-  o.drawImage(r, 0, 0);
-  const i = o.getImageData(0, 0, r.width, r.height).data, s = new Uint8Array(i.buffer, i.byteOffset, i.byteLength);
-  return O(s, r.width, r.height, t);
-}
-function b(e, t, r) {
-  const n = m(t, r), o = n.getContext("2d"), i = o.createImageData(t, r);
-  i.data.set(e), o.putImageData(i, 0, 0);
-  const s = n.toBuffer("image/png");
-  return new Uint8Array(s.buffer, s.byteOffset, s.byteLength);
-}
-function B(e, t, r, n) {
-  const o = m(t, r), i = o.getContext("2d"), s = i.createImageData(t, r);
-  s.data.set(e), i.putImageData(s, 0, 0);
-  const a = o.toBuffer("image/jpeg", n);
-  return new Uint8Array(a.buffer, a.byteOffset, a.byteLength);
-}
-function ee(e, t, r, n, o) {
-  const i = m(t, r), s = i.getContext("2d"), a = s.createImageData(t, r);
-  a.data.set(e), s.putImageData(a, 0, 0);
-  const u = m(n, o).getContext("2d");
-  u.imageSmoothingEnabled = !0, u.imageSmoothingQuality = "high", u.drawImage(i, 0, 0, t, r, 0, 0, n, o);
-  const g = u.getImageData(0, 0, n, o).data;
-  return new Uint8Array(g.buffer, g.byteOffset, g.byteLength);
-}
-function te(e) {
-  if (!e || e.trim().length === 0)
-    return "";
-  const t = new j();
-  let r;
-  try {
-    r = t.parseFromString(e, "image/svg+xml");
-  } catch {
-    return "";
-  }
-  const n = r.documentElement;
-  if (!n) return "";
-  const o = new q();
-  let i = "";
-  for (let s = 0; s < n.childNodes.length; s++) {
-    const a = n.childNodes.item(s);
-    if (!a || a.nodeType !== 1) continue;
-    const c = a, u = c.localName ?? c.tagName ?? "";
-    if (u === "defs") {
-      const f = re(c);
-      f !== null && (i += o.serializeToString(f));
-      continue;
-    }
-    if (!(u === "image" && !c.getAttribute("data-redact-style")) && c.getAttribute("id") !== "ui-overlay") {
-      if (c.getAttribute("id") === "annotations") {
-        for (let f = 0; f < c.childNodes.length; f++) {
-          const g = c.childNodes.item(f);
-          g && g.nodeType === 1 && (i += o.serializeToString(g));
-        }
-        continue;
-      }
-      i += o.serializeToString(c);
-    }
-  }
-  return i;
-}
-function re(e) {
-  const t = e.cloneNode(!0);
-  for (let r = t.childNodes.length - 1; r >= 0; r--) {
-    const n = t.childNodes.item(r);
-    if (!n || n.nodeType !== 1) continue;
-    const o = n;
-    (o.localName ?? o.tagName ?? "") === "style" && o.hasAttribute("data-annot-fonts") && t.removeChild(n);
-  }
-  return t.childNodes.length === 0 ? null : t;
-}
-function Pe(e = {}) {
-  const t = {
-    loadSystemFonts: e.loadSystemFonts ?? !1,
-    ...e.fontFiles ? { fontFiles: e.fontFiles } : {},
-    ...e.fontDirs ? { fontDirs: e.fontDirs } : {},
-    ...e.defaultFontFamily ? { defaultFontFamily: e.defaultFontFamily } : {}
-  };
-  function r(n) {
-    const o = $(n), s = new P(o, {
-      fitTo: { mode: "width", value: n.width },
-      background: "rgba(0, 0, 0, 0)",
-      font: t
-    }).render();
-    return {
-      pixels: s.pixels,
-      width: s.width,
-      height: s.height
-    };
-  }
-  return {
-    toSvg(n) {
-      return $(n);
-    },
-    toPng(n) {
-      const o = $(n);
-      return new P(o, {
-        fitTo: { mode: "width", value: n.width },
-        background: "rgba(0, 0, 0, 0)",
-        font: t
-      }).render().asPng();
-    },
-    async toEncoded(n, o) {
-      const { pixels: i, width: s, height: a } = r(n);
-      return O(i, s, a, o);
-    }
-  };
-}
-function $(e) {
-  const t = "http://www.w3.org/2000/svg", r = "http://www.w3.org/1999/xlink", n = te(e.annotationsSvg);
-  return `<svg xmlns="${t}" xmlns:xlink="${r}" ${M}="${W}" width="${e.width}" height="${e.height}" viewBox="0 0 ${e.width} ${e.height}"><image href="${e.originalDataUrl}" width="${e.width}" height="${e.height}"/>` + n + "</svg>";
-}
-const Be = {
-  BBox: {
-    type: "object",
-    required: ["x", "y", "width", "height"],
-    additionalProperties: !1,
-    properties: {
-      x: { type: "number" },
-      y: { type: "number" },
-      width: { type: "number", minimum: 0 },
-      height: { type: "number", minimum: 0 }
-    }
-  },
-  Point: {
-    type: "object",
-    required: ["x", "y"],
-    additionalProperties: !1,
-    properties: {
-      x: { type: "number" },
-      y: { type: "number" }
-    }
-  },
-  Intent: {
-    type: "string",
-    enum: ["info", "warning", "error", "success", "neutral"]
-  },
-  AnnotationStyle: {
-    type: "object",
-    additionalProperties: !1,
-    properties: {
-      intent: { $ref: "#/$defs/Intent" },
-      stroke: { type: "string" },
-      strokeWidth: { type: "number", minimum: 0 },
-      fill: { type: "string" },
-      color: { type: "string" }
-    }
-  }
-}, ne = {
-  type: "object",
-  required: ["type", "bbox"],
-  additionalProperties: !1,
-  properties: {
-    type: { const: "rect" },
-    bbox: { $ref: "#/$defs/BBox" },
-    intent: { $ref: "#/$defs/Intent" },
-    stroke: { type: "string" },
-    strokeWidth: { type: "number", minimum: 0 },
-    fill: { type: "string" },
-    color: { type: "string" }
-  }
-}, oe = {
-  type: "object",
-  required: ["type", "center", "radius"],
-  additionalProperties: !1,
-  properties: {
-    type: { const: "circle" },
-    center: { $ref: "#/$defs/Point" },
-    radius: { type: "number", minimum: 0 },
-    intent: { $ref: "#/$defs/Intent" },
-    stroke: { type: "string" },
-    strokeWidth: { type: "number", minimum: 0 },
-    fill: { type: "string" },
-    color: { type: "string" }
-  }
-}, ie = {
-  type: "object",
-  required: ["type", "from", "to"],
-  additionalProperties: !1,
-  properties: {
-    type: { const: "arrow" },
-    from: { $ref: "#/$defs/Point" },
-    to: { $ref: "#/$defs/Point" },
-    intent: { $ref: "#/$defs/Intent" },
-    stroke: { type: "string" },
-    strokeWidth: { type: "number", minimum: 0 },
-    color: { type: "string" }
-  }
-}, se = {
-  type: "object",
-  required: ["type", "at", "content"],
-  additionalProperties: !1,
-  properties: {
-    type: { const: "text" },
-    at: { $ref: "#/$defs/Point" },
-    content: { type: "string" },
-    fontSize: { type: "number", minimum: 0 },
-    anchor: { type: "string", enum: ["start", "middle", "end"] },
-    intent: { $ref: "#/$defs/Intent" },
-    color: { type: "string" }
-  }
-}, ae = {
-  type: "object",
-  required: ["type", "at", "targetBbox", "content"],
-  additionalProperties: !1,
-  properties: {
-    type: { const: "callout" },
-    at: { $ref: "#/$defs/Point" },
-    targetBbox: { $ref: "#/$defs/BBox" },
-    content: { type: "string" },
-    intent: { $ref: "#/$defs/Intent" },
-    stroke: { type: "string" },
-    color: { type: "string" }
-  }
-}, ce = {
-  type: "object",
-  required: ["type", "svgFragment"],
-  additionalProperties: !1,
-  properties: {
-    type: { const: "raw" },
-    svgFragment: { type: "string" }
-  }
-}, Ee = {
-  oneOf: [ne, oe, ie, se, ae, ce]
-}, _e = {
-  type: "object",
-  required: ["bbox"],
-  additionalProperties: !1,
-  properties: {
-    bbox: { $ref: "#/$defs/BBox" },
-    style: { type: "string", enum: ["solid", "mosaic", "blur"] },
-    color: { type: "string" }
-  }
-};
-function F(e, t = {}) {
-  const r = t.stroke ?? "red", n = t.strokeWidth ?? 2, o = t.fill ?? "none";
-  return `<rect x="${e.x}" y="${e.y}" width="${e.width}" height="${e.height}" fill="${p(o)}" stroke="${p(r)}" stroke-width="${n}"/>`;
-}
-function z(e, t, r = {}) {
-  const n = r.color ?? "red", o = r.strokeWidth ?? 2, i = `annot-arrow-${le()}`;
-  return `<defs><marker id="${i}" 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="${p(n)}"/></marker></defs><line x1="${e.x}" y1="${e.y}" x2="${t.x}" y2="${t.y}" stroke="${p(n)}" stroke-width="${o}" marker-end="url(#${i})"/>`;
+function _(e) {
+	let t = 4294967295;
+	for (let n = 0; n < e.length; n++) t = g[(t ^ e[n]) & 255] ^ t >>> 8;
+	return (t ^ 4294967295) >>> 0;
 }
-function D(e, t, r = {}) {
-  const n = r.color ?? "red", o = r.fontSize ?? 14, i = r.anchor ?? "start";
-  return `<text x="${e.x}" y="${e.y}" fill="${p(n)}" font-size="${o}" text-anchor="${i}">` + fe(t) + "</text>";
+function v(e, t) {
+	let n = p(e, t), r = _(n);
+	return p(d(t.length), n, d(r));
 }
-let k = 0;
-function le() {
-  return k = k + 1 | 0, k;
+function y(e) {
+	let t = p(l, new Uint8Array([
+		0,
+		0,
+		0,
+		0,
+		0
+	]), e);
+	return v(new TextEncoder().encode("iTXt"), t);
+}
+function b(e) {
+	let t = [e.slice(0, 8)], n = 8;
+	for (; n + 12 <= e.length;) {
+		let r = f(e, n), i = e.slice(n + 4, n + 8), a = n + 8, o = a + r + 4;
+		if (o > e.length) break;
+		let s = String.fromCharCode(...i);
+		!(s === "iTXt" && m(e, a, l)) && s !== "svGo" && t.push(e.slice(n, o)), n = o;
+	}
+	return p(...t);
+}
+function x(e, t, n) {
+	let r = y(t), i = v(new TextEncoder().encode("svGo"), n), a = b(e), o = a.length - 12;
+	return p(a.slice(0, o), r, i, a.slice(o));
+}
+function S(e) {
+	let t = u(e.annotationsSvg, e.width, e.height, e.tags), n = new TextEncoder().encode(t), r = typeof e.originalImage == "string" ? h(e.originalImage) : e.originalImage;
+	return x(e.renderedPng, n, r);
+}
+//#endregion
+//#region ../core/src/encode/options.ts
+var C = {
+	light: 1280,
+	standard: 1920,
+	highQuality: 2560,
+	original: null
+}, w = {
+	light: "Light (1280px)",
+	standard: "Standard (1920px)",
+	highQuality: "High Quality (2560px)",
+	original: "Original"
+}, T = {
+	format: "smart",
+	smartFallback: "png",
+	smartColorThreshold: 15e3,
+	jpegPercent: 92,
+	saveSizePreset: "standard",
+	quantizer: "median-cut"
+};
+function E(e, t, n) {
+	let r = C[n];
+	if (r === null || e <= r) return {
+		width: e,
+		height: t,
+		scaled: !1
+	};
+	let i = r / e;
+	return {
+		width: r,
+		height: Math.max(1, Math.round(t * i)),
+		scaled: !0
+	};
+}
+//#endregion
+//#region ../core/src/encode/png8.ts
+var D = new Uint8Array([
+	137,
+	80,
+	78,
+	71,
+	13,
+	10,
+	26,
+	10
+]), O = (() => {
+	let e = 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;
+		e[t] = n >>> 0;
+	}
+	return e;
+})();
+function k(e) {
+	let t = 4294967295;
+	for (let n = 0; n < e.length; n++) t = O[(t ^ e[n]) & 255] ^ t >>> 8;
+	return (t ^ 4294967295) >>> 0;
+}
+function A(e, t) {
+	let n = new Uint8Array(12 + t.length), r = new DataView(n.buffer);
+	r.setUint32(0, t.length, !1);
+	for (let t = 0; t < 4; t++) n[4 + t] = e.charCodeAt(t);
+	n.set(t, 8);
+	let i = n.subarray(4, 8 + t.length);
+	return r.setUint32(8 + t.length, k(i), !1), n;
+}
+function j(e, t, n, i, a = 9) {
+	if (n <= 0 || i <= 0) throw Error("encodePng8: invalid dimensions");
+	if (e.length % 4 != 0) throw Error("encodePng8: palette must be RGBA bytes (multiple of 4)");
+	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);
+	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);
+	let f = null;
+	if (u) {
+		f = new Uint8Array(d + 1);
+		for (let t = 0; t <= d; t++) f[t] = e[t * 4 + 3];
+	}
+	let p = n + 1, m = new Uint8Array(p * i);
+	for (let e = 0; e < i; e++) {
+		let r = e * p;
+		m[r] = 0, m.set(t.subarray(e * n, e * n + n), r + 1);
+	}
+	let h = r(m, {
+		level: a,
+		memLevel: 9,
+		windowBits: 15
+	}), g = [
+		D,
+		A("IHDR", s),
+		A("PLTE", l)
+	];
+	f && g.push(A("tRNS", f)), g.push(A("IDAT", h)), g.push(A("IEND", new Uint8Array()));
+	let _ = 0;
+	for (let e of g) _ += e.length;
+	let v = new Uint8Array(_), y = 0;
+	for (let e of g) v.set(e, y), y += e.length;
+	return v;
+}
+//#endregion
+//#region ../core/src/encode/quantize-median-cut.ts
+function M(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;
+	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++) {
+		let t = l[e], n = (p + e) * 4;
+		f[n] = t.rMean, f[n + 1] = t.gMean, f[n + 2] = t.bMean, f[n + 3] = 255;
+	}
+	return {
+		palette: f,
+		indices: te(e, t, n, f, m, s, c > 0)
+	};
+}
+var N = 16;
+function P(e) {
+	let t = /* @__PURE__ */ new Map(), n = 0, r = e.length;
+	for (let i = 0; i < r; i += 4) {
+		if (e[i + 3] < N) {
+			n++;
+			continue;
+		}
+		let r = e[i], a = e[i + 1], o = e[i + 2], s = r << 16 | a << 8 | o;
+		t.set(s, (t.get(s) ?? 0) + 1);
+	}
+	let i = Array(t.size), a = 0;
+	for (let [e, n] of t) i[a++] = {
+		r: e >>> 16 & 255,
+		g: e >>> 8 & 255,
+		b: e & 255,
+		count: n
+	};
+	return {
+		opaqueSamples: i,
+		hasTransparent: n > 0,
+		transparentCount: n
+	};
+}
+function F(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;
+	for (; n.length < t;) {
+		let t = -1, i = -1, a = Infinity;
+		for (let e = 0; e < n.length; e++) {
+			let r = n[e];
+			r.end - r.start < 2 || (r.priority > i || r.priority === i && r.insertOrder < a) && (i = r.priority, a = r.insertOrder, t = e);
+		}
+		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);
+		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++);
+		n[t] = m, n.push(h);
+	}
+	return n;
+}
+function I(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];
+		t.r < i && (i = t.r), t.r > a && (a = t.r), t.g < o && (o = t.g), t.g > s && (s = t.g), t.b < c && (c = t.b), t.b > l && (l = t.b), u += t.count, d += t.r * t.count, f += t.g * t.count, p += t.b * t.count;
+	}
+	let m = Math.max(a - i, s - o, l - c), h = u > 0 ? u : 1;
+	return {
+		start: t,
+		end: n,
+		rMin: i,
+		rMax: a,
+		gMin: o,
+		gMax: s,
+		bMin: c,
+		bMax: l,
+		population: u,
+		rMean: Math.round(d / h),
+		gMean: Math.round(f / h),
+		bMean: Math.round(p / h),
+		priority: u * m,
+		insertOrder: r
+	};
+}
+function ee(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) {
+	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;
+		g[e] = r[t], _[e] = r[t + 1], v[e] = r[t + 2];
+	}
+	let y = +!!a, b = /* @__PURE__ */ new Map();
+	for (let r = 0; r < n; r++) {
+		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) {
+				c[i] = 0;
+				continue;
+			}
+			let x = e[o] + l[n], S = e[o + 1] + u[n], C = e[o + 2] + d[n], w = x < 0 ? 0 : x > 255 ? 255 : x + .5 | 0, T = S < 0 ? 0 : S > 255 ? 255 : S + .5 | 0, E = C < 0 ? 0 : C > 255 ? 255 : C + .5 | 0, D = w << 16 | T << 8 | E, O = b.get(D);
+			if (O === void 0) {
+				let e = Infinity;
+				O = 0;
+				for (let t = 0; t < h; t++) {
+					let n = x - g[t], r = S - _[t], i = C - v[t], a = n * n + r * r + i * i;
+					a < e && (e = a, O = t);
+				}
+				b.set(D, O);
+			}
+			c[i] = y + O;
+			let k = x - g[O], A = S - _[O], j = C - v[O];
+			n + 1 < t && (l[n + 1] = (l[n + 1] ?? 0) + k * 7 / 16, u[n + 1] = (u[n + 1] ?? 0) + A * 7 / 16, d[n + 1] = (d[n + 1] ?? 0) + j * 7 / 16), n > 0 && (f[n - 1] = (f[n - 1] ?? 0) + k * 3 / 16, p[n - 1] = (p[n - 1] ?? 0) + A * 3 / 16, m[n - 1] = (m[n - 1] ?? 0) + j * 3 / 16), f[n] = (f[n] ?? 0) + k * 5 / 16, p[n] = (p[n] ?? 0) + A * 5 / 16, m[n] = (m[n] ?? 0) + j * 5 / 16, n + 1 < t && (f[n + 1] = (f[n + 1] ?? 0) + k * 1 / 16, p[n + 1] = (p[n + 1] ?? 0) + A * 1 / 16, m[n + 1] = (m[n + 1] ?? 0) + j * 1 / 16);
+		}
+		[l, f] = [f, l], [u, p] = [p, u], [d, m] = [m, d];
+	}
+	return c;
+}
+//#endregion
+//#region src/encode/quantize.ts
+function ne(e, t, n) {
+	let { palette: r, indices: i } = M(e, t, n, 256);
+	return j(r, i, t, n, 9);
+}
+function L(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();
+	for (let e = 0; e < r; e += i) if (a.add(n[e]), a.size > t) return !0;
+	return !1;
+}
+//#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;
+	return r.format === "png" ? {
+		bytes: z(a, o, s),
+		chosen: "png",
+		width: o,
+		height: s
+	} : r.format === "jpeg" ? {
+		bytes: B(a, o, s, r.jpegPercent / 100),
+		chosen: "jpeg",
+		width: o,
+		height: s
+	} : o * s > re ? {
+		bytes: z(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),
+		chosen: "jpeg",
+		reason: "photo-fallback-jpeg",
+		width: o,
+		height: s
+	} : {
+		bytes: z(a, o, s),
+		chosen: "png",
+		reason: "photo-fallback-png",
+		width: o,
+		height: s
+	} : {
+		bytes: ne(a, o, s),
+		chosen: "png",
+		reason: "png-8",
+		width: o,
+		height: s
+	};
+}
+async function ie(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);
+}
+function z(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) {
+	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) {
+	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");
+	l.imageSmoothingEnabled = !0, l.imageSmoothingQuality = "high", l.drawImage(o, 0, 0, n, r, 0, 0, i, a);
+	let u = l.getImageData(0, 0, i, a).data;
+	return new Uint8Array(u.buffer, u.byteOffset, u.byteLength);
+}
+//#endregion
+//#region src/sanitise-svg.ts
+function oe(e) {
+	if (!e || e.trim().length === 0) return "";
+	let t = new i(), n;
+	try {
+		n = t.parseFromString(e, "image/svg+xml");
+	} catch {
+		return "";
+	}
+	let r = n.documentElement;
+	if (!r) return "";
+	let o = new a(), s = "";
+	for (let e = 0; e < r.childNodes.length; e++) {
+		let t = r.childNodes.item(e);
+		if (!t || t.nodeType !== 1) continue;
+		let n = t, i = n.localName ?? n.tagName ?? "";
+		if (i === "defs") {
+			let e = se(n);
+			e !== null && (s += o.serializeToString(e));
+			continue;
+		}
+		if (!(i === "image" && !n.getAttribute("data-redact-style")) && n.getAttribute("id") !== "ui-overlay") {
+			if (n.getAttribute("id") === "annotations") {
+				for (let e = 0; e < n.childNodes.length; e++) {
+					let t = n.childNodes.item(e);
+					t && t.nodeType === 1 && (s += o.serializeToString(t));
+				}
+				continue;
+			}
+			s += o.serializeToString(n);
+		}
+	}
+	return s;
+}
+function se(e) {
+	let t = e.cloneNode(!0);
+	for (let e = t.childNodes.length - 1; e >= 0; e--) {
+		let n = t.childNodes.item(e);
+		if (!n || n.nodeType !== 1) continue;
+		let r = n;
+		(r.localName ?? r.tagName ?? "") === "style" && r.hasAttribute("data-annot-fonts") && t.removeChild(n);
+	}
+	return t.childNodes.length === 0 ? null : t;
+}
+//#endregion
+//#region src/annotator.ts
+function V(t = {}) {
+	let n = {
+		loadSystemFonts: t.loadSystemFonts ?? !1,
+		...t.fontFiles ? { fontFiles: t.fontFiles } : {},
+		...t.fontDirs ? { fontDirs: t.fontDirs } : {},
+		...t.defaultFontFamily ? { defaultFontFamily: t.defaultFontFamily } : {}
+	};
+	function r(t) {
+		let r = new e(H(t), {
+			fitTo: {
+				mode: "width",
+				value: t.width
+			},
+			background: "rgba(0, 0, 0, 0)",
+			font: n
+		}).render();
+		return {
+			pixels: r.pixels,
+			width: r.width,
+			height: r.height
+		};
+	}
+	return {
+		toSvg(e) {
+			return H(e);
+		},
+		toPng(t) {
+			return new e(H(t), {
+				fitTo: {
+					mode: "width",
+					value: t.width
+				},
+				background: "rgba(0, 0, 0, 0)",
+				font: n
+			}).render().asPng();
+		},
+		toEditablePng(t) {
+			return S({
+				renderedPng: new e(H(t), {
+					fitTo: {
+						mode: "width",
+						value: t.width
+					},
+					background: "rgba(0, 0, 0, 0)",
+					font: n
+				}).render().asPng(),
+				originalImage: t.originalDataUrl,
+				annotationsSvg: t.annotationsSvg,
+				width: t.width,
+				height: t.height,
+				tags: t.tags
+			});
+		},
+		async toEncoded(e, t) {
+			let { pixels: n, width: i, height: a } = r(e);
+			return R(n, i, a, t);
+		}
+	};
 }
-function p(e) {
-  return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&apos;");
+function H(e) {
+	let t = oe(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/dsl/schema.ts
+var U = {
+	BBox: {
+		type: "object",
+		required: [
+			"x",
+			"y",
+			"width",
+			"height"
+		],
+		additionalProperties: !1,
+		properties: {
+			x: { type: "number" },
+			y: { type: "number" },
+			width: {
+				type: "number",
+				minimum: 0
+			},
+			height: {
+				type: "number",
+				minimum: 0
+			}
+		}
+	},
+	Point: {
+		type: "object",
+		required: ["x", "y"],
+		additionalProperties: !1,
+		properties: {
+			x: { type: "number" },
+			y: { type: "number" }
+		}
+	},
+	Intent: {
+		type: "string",
+		enum: [
+			"info",
+			"warning",
+			"error",
+			"success",
+			"neutral"
+		]
+	},
+	AnnotationStyle: {
+		type: "object",
+		additionalProperties: !1,
+		properties: {
+			intent: { $ref: "#/$defs/Intent" },
+			stroke: { type: "string" },
+			strokeWidth: {
+				type: "number",
+				minimum: 0
+			},
+			fill: { type: "string" },
+			color: { type: "string" }
+		}
+	}
+}, W = { oneOf: [
+	{
+		type: "object",
+		required: ["type", "bbox"],
+		additionalProperties: !1,
+		properties: {
+			type: { const: "rect" },
+			bbox: { $ref: "#/$defs/BBox" },
+			intent: { $ref: "#/$defs/Intent" },
+			stroke: { type: "string" },
+			strokeWidth: {
+				type: "number",
+				minimum: 0
+			},
+			fill: { type: "string" },
+			color: { type: "string" }
+		}
+	},
+	{
+		type: "object",
+		required: [
+			"type",
+			"center",
+			"radius"
+		],
+		additionalProperties: !1,
+		properties: {
+			type: { const: "circle" },
+			center: { $ref: "#/$defs/Point" },
+			radius: {
+				type: "number",
+				minimum: 0
+			},
+			intent: { $ref: "#/$defs/Intent" },
+			stroke: { type: "string" },
+			strokeWidth: {
+				type: "number",
+				minimum: 0
+			},
+			fill: { type: "string" },
+			color: { type: "string" }
+		}
+	},
+	{
+		type: "object",
+		required: [
+			"type",
+			"from",
+			"to"
+		],
+		additionalProperties: !1,
+		properties: {
+			type: { const: "arrow" },
+			from: { $ref: "#/$defs/Point" },
+			to: { $ref: "#/$defs/Point" },
+			intent: { $ref: "#/$defs/Intent" },
+			stroke: { type: "string" },
+			strokeWidth: {
+				type: "number",
+				minimum: 0
+			},
+			color: { type: "string" }
+		}
+	},
+	{
+		type: "object",
+		required: [
+			"type",
+			"at",
+			"content"
+		],
+		additionalProperties: !1,
+		properties: {
+			type: { const: "text" },
+			at: { $ref: "#/$defs/Point" },
+			content: { type: "string" },
+			fontSize: {
+				type: "number",
+				minimum: 0
+			},
+			anchor: {
+				type: "string",
+				enum: [
+					"start",
+					"middle",
+					"end"
+				]
+			},
+			intent: { $ref: "#/$defs/Intent" },
+			color: { type: "string" }
+		}
+	},
+	{
+		type: "object",
+		required: [
+			"type",
+			"at",
+			"targetBbox",
+			"content"
+		],
+		additionalProperties: !1,
+		properties: {
+			type: { const: "callout" },
+			at: { $ref: "#/$defs/Point" },
+			targetBbox: { $ref: "#/$defs/BBox" },
+			content: { type: "string" },
+			intent: { $ref: "#/$defs/Intent" },
+			stroke: { type: "string" },
+			color: { type: "string" }
+		}
+	},
+	{
+		type: "object",
+		required: [
+			"type",
+			"bbox",
+			"number"
+		],
+		additionalProperties: !1,
+		properties: {
+			type: { const: "numberedBadge" },
+			bbox: { $ref: "#/$defs/BBox" },
+			number: { type: "number" },
+			placement: {
+				type: "string",
+				enum: [
+					"auto",
+					"topLeft",
+					"topRight",
+					"bottomLeft",
+					"bottomRight"
+				]
+			},
+			badgeSize: {
+				type: "number",
+				minimum: 0
+			},
+			imageWidth: {
+				type: "number",
+				minimum: 0
+			},
+			imageHeight: {
+				type: "number",
+				minimum: 0
+			},
+			intent: { $ref: "#/$defs/Intent" },
+			stroke: { type: "string" },
+			strokeWidth: {
+				type: "number",
+				minimum: 0
+			},
+			fill: { type: "string" },
+			color: { type: "string" }
+		}
+	},
+	{
+		type: "object",
+		required: ["type", "svgFragment"],
+		additionalProperties: !1,
+		properties: {
+			type: { const: "raw" },
+			svgFragment: { type: "string" }
+		}
+	}
+] }, G = {
+	type: "object",
+	required: ["bbox"],
+	additionalProperties: !1,
+	properties: {
+		bbox: { $ref: "#/$defs/BBox" },
+		style: {
+			type: "string",
+			enum: [
+				"solid",
+				"mosaic",
+				"blur"
+			]
+		},
+		color: { type: "string" }
+	}
+};
+//#endregion
+//#region src/dsl/svg-primitives.ts
+function K(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})"/>`;
+}
+function J(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>";
+}
+var Y = 0;
+function ce() {
+	return Y = Y + 1 | 0, Y;
+}
+function X(e) {
+	return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&apos;");
+}
+function le(e) {
+	return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+}
+//#endregion
+//#region src/dsl/to-svg.ts
+var ue = {
+	info: {
+		stroke: "#3b82f6",
+		fill: "rgba(59, 130, 246, 0.12)",
+		text: "#1e40af"
+	},
+	warning: {
+		stroke: "#f59e0b",
+		fill: "rgba(245, 158, 11, 0.12)",
+		text: "#92400e"
+	},
+	error: {
+		stroke: "#ef4444",
+		fill: "rgba(239, 68, 68, 0.12)",
+		text: "#991b1b"
+	},
+	success: {
+		stroke: "#10b981",
+		fill: "rgba(16, 185, 129, 0.12)",
+		text: "#065f46"
+	},
+	neutral: {
+		stroke: "#6b7280",
+		fill: "rgba(107, 114, 128, 0.12)",
+		text: "#374151"
+	}
+}, de = "error";
+function Z(e) {
+	let t = ue[e.intent ?? de];
+	return {
+		stroke: e.stroke ?? t.stroke,
+		fill: e.fill ?? "none",
+		text: e.color ?? t.text
+	};
 }
 function fe(e) {
-  return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
-}
-const ge = {
-  info: { stroke: "#3b82f6", fill: "rgba(59, 130, 246, 0.12)", text: "#1e40af" },
-  warning: { stroke: "#f59e0b", fill: "rgba(245, 158, 11, 0.12)", text: "#92400e" },
-  error: { stroke: "#ef4444", fill: "rgba(239, 68, 68, 0.12)", text: "#991b1b" },
-  success: { stroke: "#10b981", fill: "rgba(16, 185, 129, 0.12)", text: "#065f46" },
-  neutral: { stroke: "#6b7280", fill: "rgba(107, 114, 128, 0.12)", text: "#374151" }
-}, ue = "error";
-function y(e) {
-  const t = e.intent ?? ue, r = ge[t];
-  return {
-    stroke: e.stroke ?? r.stroke,
-    fill: e.fill ?? "none",
-    text: e.color ?? r.text
-  };
-}
-function Ce(e) {
-  return e.map(de).join("");
-}
-function de(e) {
-  switch (e.type) {
-    case "rect":
-      return he(e);
-    case "circle":
-      return me(e);
-    case "arrow":
-      return pe(e);
-    case "text":
-      return ye(e);
-    case "callout":
-      return we(e);
-    case "raw":
-      return be(e);
-  }
+	return e.map(pe).join("");
 }
-function he(e) {
-  const t = y(e);
-  return F(e.bbox, {
-    stroke: t.stroke,
-    strokeWidth: e.strokeWidth ?? 2,
-    fill: t.fill
-  });
+function pe(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) {
-  const t = y(e), r = e.strokeWidth ?? 2;
-  return `<circle cx="${e.center.x}" cy="${e.center.y}" r="${e.radius}" fill="${_(t.fill)}" stroke="${_(t.stroke)}" stroke-width="${r}"/>`;
+	let t = Z(e);
+	return K(e.bbox, {
+		stroke: t.stroke,
+		strokeWidth: e.strokeWidth ?? 2,
+		fill: t.fill
+	});
 }
-function pe(e) {
-  const t = y(e);
-  return z(e.from, e.to, {
-    color: t.stroke,
-    strokeWidth: e.strokeWidth ?? 2
-  });
+function he(e) {
+	let t = Z(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, {
+		color: t.stroke,
+		strokeWidth: e.strokeWidth ?? 2
+	});
+}
+function _e(e) {
+	let t = Z(e);
+	return J(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, {
+		stroke: t.stroke,
+		strokeWidth: e.strokeWidth ?? 2,
+		fill: t.fill
+	}) + q(e.at, r, {
+		color: t.stroke,
+		strokeWidth: 2
+	}) + J(e.at, e.content, {
+		color: t.text,
+		fontSize: 14,
+		anchor: "start"
+	});
 }
 function ye(e) {
-  const t = y(e);
-  return D(e.at, e.content, {
-    color: t.text,
-    fontSize: e.fontSize ?? 14,
-    anchor: e.anchor ?? "start"
-  });
-}
-function we(e) {
-  const t = y(e), r = e.targetBbox, n = xe(r, e.at);
-  return F(r, {
-    stroke: t.stroke,
-    strokeWidth: e.strokeWidth ?? 2,
-    fill: t.fill
-  }) + z(e.at, n, {
-    color: t.stroke,
-    strokeWidth: 2
-  }) + D(e.at, e.content, {
-    color: t.text,
-    fontSize: 14,
-    anchor: "start"
-  });
-}
-function be(e) {
-  return e.svgFragment;
-}
-function xe(e, t) {
-  const r = E(t.x, e.x, e.x + e.width), n = E(t.y, e.y, e.y + e.height);
-  return { x: r, y: n };
-}
-function E(e, t, r) {
-  return Math.min(Math.max(e, t), r);
+	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, {
+		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>`;
+	return i + s + l;
+}
+function Se(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 = [
+		{
+			kind: "topLeft",
+			x: e.bbox.x,
+			y: e.bbox.y
+		},
+		{
+			kind: "topRight",
+			x: e.bbox.x + e.bbox.width,
+			y: e.bbox.y
+		},
+		{
+			kind: "bottomLeft",
+			x: e.bbox.x,
+			y: e.bbox.y + e.bbox.height
+		},
+		{
+			kind: "bottomRight",
+			x: e.bbox.x + e.bbox.width,
+			y: e.bbox.y + e.bbox.height
+		}
+	], i = r[0], a = -Infinity;
+	for (let t of r) {
+		let r = Math.min(t.x - n, t.y - n, e.imageWidth - t.x - n, e.imageHeight - t.y - n);
+		r > a && (a = r, i = t);
+	}
+	return i.kind;
+}
+function Ce(e, t) {
+	switch (t) {
+		case "topLeft": return {
+			x: e.x,
+			y: e.y
+		};
+		case "topRight": return {
+			x: e.x + e.width,
+			y: e.y
+		};
+		case "bottomLeft": return {
+			x: e.x,
+			y: e.y + e.height
+		};
+		case "bottomRight": return {
+			x: e.x + e.width,
+			y: e.y + e.height
+		};
+	}
+}
+function we(e, t) {
+	return {
+		x: Q(t.x, e.x, e.x + e.width),
+		y: Q(t.y, e.y, e.y + e.height)
+	};
+}
+function Q(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;");
-}
-export {
-  Ee as BBOX_ANNOTATION_SCHEMA,
-  _e as BBOX_REDACT_REGION_SCHEMA,
-  C as DEFAULT_ENCODE_OPTIONS,
-  Se as SAVE_SIZE_LABEL,
-  X as SAVE_SIZE_MAX_WIDTH,
-  Be as SHARED_DEFS,
-  z as arrowBetween,
-  Ce as bboxAnnotationsToSvg,
-  V as computeResizeTarget,
-  Pe as createAnnotator,
-  Te as decodeAndEncodeImage,
-  O as encodeRgba,
-  ve as isImagequantAvailable,
-  K as isPhotoHeavy,
-  F as rectForBoundingBox,
-  D as textAt
-};
+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 };