@ingcreators/annot-core 0.2.1 → 0.3.1

package/dist/index.js

@@ -1,9 +1,12 @@
+import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c, u as l } from "./element-tree-Bp-_IB-7.js";
+import { buildPngChunk as u, concat as d, readU32be as f, startsWith as p } from "./xmp-bytes.js";
+import { deflate as m, inflate as h } from "pako";
 //#region src/editor/font-registry.ts
-var e = [
+var g = [
 	"Annot Sans",
 	"Annot Serif",
 	"Annot Mono"
-], t = {
+], _ = {
 	"Annot Sans": [
 		"-apple-system",
 		"BlinkMacSystemFont",
@@ -43,7 +46,7 @@ var e = [
 		"\"Noto Sans Mono CJK JP\"",
 		"monospace"
 	].join(", ")
-}, n = {
+}, v = {
 	"Annot Sans": {
 		latin: "Calibri",
 		ea: "Yu Gothic UI",
@@ -60,22 +63,22 @@ var e = [
 		cs: "Courier New"
 	}
 };
-function r(e) {
-	return t[e];
+function y(e) {
+	return _[e];
 }
-function i(e) {
-	return n[e];
+function b(e) {
+	return v[e];
 }
-function a(t) {
-	return t == null ? !1 : e.includes(t);
+function x(e) {
+	return e == null ? !1 : g.includes(e);
 }
-function o(e) {
-	return a(e) ? e : "Annot Sans";
+function S(e) {
+	return x(e) ? e : "Annot Sans";
 }
 //#endregion
 //#region src/editor/history-core.ts
-var s = 100;
-function c(e) {
+var C = 100;
+function ee(e) {
 	let t = [], n = [], r = e.maxDepth ?? 100, i = () => {
 		e.onStateChange?.();
 	}, a = {
@@ -103,19 +106,19 @@ function c(e) {
 }
 //#endregion
 //#region src/editor/toolbar-icons.ts
-var l = {
+var w = {
 	rect: "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"miter\" aria-hidden=\"true\"><rect x=\"4\" y=\"4\" width=\"16\" height=\"16\"/></svg>",
 	rounded: "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"5\"/></svg>",
 	ellipse: "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><ellipse cx=\"12\" cy=\"12\" rx=\"8\" ry=\"8\"/></svg>"
-}, u = {
+}, T = {
 	none: "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M4 12 H20\"/></svg>",
 	end: "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M4 12 H20\"/><path d=\"M16 8 L20 12 L16 16\"/></svg>",
 	both: "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M4 12 H20\"/><path d=\"M16 8 L20 12 L16 16\"/><path d=\"M8 8 L4 12 L8 16\"/></svg>"
-}, d = {
+}, E = {
 	circle: "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><ellipse cx=\"12\" cy=\"12\" rx=\"8\" ry=\"8\"/><text x=\"12\" y=\"17\" text-anchor=\"middle\" font-size=\"14\" font-weight=\"800\" font-family=\"system-ui, sans-serif\" fill=\"currentColor\" stroke=\"none\">1</text></svg>",
 	rect: "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"miter\" aria-hidden=\"true\"><rect x=\"4\" y=\"4\" width=\"16\" height=\"16\"/><text x=\"12\" y=\"17\" text-anchor=\"middle\" font-size=\"14\" font-weight=\"800\" font-family=\"system-ui, sans-serif\" fill=\"currentColor\" stroke=\"none\">1</text></svg>",
 	rounded: "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" aria-hidden=\"true\"><rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"5\"/><text x=\"12\" y=\"17\" text-anchor=\"middle\" font-size=\"14\" font-weight=\"800\" font-family=\"system-ui, sans-serif\" fill=\"currentColor\" stroke=\"none\">1</text></svg>"
-}, f = [
+}, D = [
 	{
 		value: "#ffe100",
 		label: "Yellow"
@@ -140,7 +143,7 @@ var l = {
 		value: "#c991ff",
 		label: "Purple"
 	}
-], p = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" width=\"1em\" height=\"1em\" fill=\"currentColor\" aria-hidden=\"true\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82a7.42 7.42 0 0 1 2-.27c.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0 0 16 8c0-4.42-3.58-8-8-8Z\"/></svg>", m = {
+], te = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" width=\"1em\" height=\"1em\" fill=\"currentColor\" aria-hidden=\"true\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82a7.42 7.42 0 0 1 2-.27c.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0 0 16 8c0-4.42-3.58-8-8-8Z\"/></svg>", O = {
 	add: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 -960 960 960\" width=\"1em\" height=\"1em\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M450-450H200v-60h250v-250h60v250h250v60H510v250h-60v-250Z\"/></svg>",
 	add_to_drive: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 -960 960 960\" width=\"1em\" height=\"1em\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M210-100q-12 0-25.5-7.5T165-126L55-318q-6-11-6-26t6-26l270-464q6-11 19.5-18.5T370-860h220q12 0 25.5 7.5T635-834l187 321q-18-5-36.5-7t-37.5-1L585-800H375L109-344l105 184h338q10 17 22.5 32t26.5 28H210Zm80-180-29-51 183-319h72l101 176q-13 9-23.5 20T573-431l-93-161-145 252h193q-4 14-6 29t-2 31H290Zm440 150v-120H610v-60h120v-120h60v120h120v60H790v120h-60Z\"/></svg>",
 	align_horizontal_center: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 -960 960 960\" width=\"1em\" height=\"1em\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M450-80v-210H240v-100h210v-180H120v-100h330v-210h60v210h330v100H510v180h210v100H510v210h-60Z\"/></svg>",
@@ -243,27 +246,27 @@ var l = {
 	view_module: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 -960 960 960\" width=\"1em\" height=\"1em\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M621-510h159v-190H621v190Zm-221 0h161v-190H400v190Zm-219 0h159v-190H181v190Zm0 250h159v-190H181v190Zm219 0h161v-190H400v190Zm221 0h159v-190H621v190Zm-500 0v-440q0-24.75 17.63-42.38Q156.25-760 181-760h599q24.75 0 42.38 17.62Q840-724.75 840-700v440q0 24.75-17.62 42.37Q804.75-200 780-200H181q-24.75 0-42.37-17.63Q121-235.25 121-260Z\"/></svg>",
 	visibility_off: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 -960 960 960\" width=\"1em\" height=\"1em\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"m629-419-44-44q26-71-27-118t-115-24l-44-44q17-11 38-16t43-5q71 0 120.5 49.5T650-500q0 22-5.5 43.5T629-419Zm129 129-40-40q49-36 85.5-80.5T857-500q-50-111-150-175.5T490-740q-42 0-86 8t-69 19l-46-47q35-16 89.5-28T485-800q143 0 261.5 81.5T920-500q-26 64-67 117t-95 93Zm58 226L648-229q-35 14-79 21.5t-89 7.5q-146 0-265-81.5T40-500q20-52 55.5-101.5T182-696L56-822l42-43 757 757-39 44ZM223-654q-37 27-71.5 71T102-500q51 111 153.5 175.5T488-260q33 0 65-4t48-12l-64-64q-11 5-27 7.5t-30 2.5q-70 0-120-49t-50-121q0-15 2.5-30t7.5-27l-97-97Zm305 142Zm-116 58Z\"/></svg>",
 	warning: "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 -960 960 960\" width=\"1em\" height=\"1em\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"m40-120 440-760 440 760H40Zm104-60h672L480-760 144-180Zm361.5-65.68q8.5-8.67 8.5-21.5 0-12.82-8.68-21.32-8.67-8.5-21.5-8.5-12.82 0-21.32 8.68-8.5 8.67-8.5 21.5 0 12.82 8.68 21.32 8.67 8.5 21.5 8.5 12.82 0 21.32-8.68ZM454-348h60v-224h-60v224Zm26-122Z\"/></svg>"
-}, h = {
-	"shape.rect": l.rect,
-	"shape.rounded": l.rounded,
-	"shape.ellipse": l.ellipse,
-	"arrow.none": u.none,
-	"arrow.end": u.end,
-	"arrow.both": u.both,
-	"counter.circle": d.circle,
-	"counter.rect": d.rect,
-	"counter.rounded": d.rounded,
-	"brand.github": p
-}, g = {
-	...m,
-	...h
-}, _ = Object.keys(g);
-function v(e) {
-	return g[e];
+}, ne = {
+	"shape.rect": w.rect,
+	"shape.rounded": w.rounded,
+	"shape.ellipse": w.ellipse,
+	"arrow.none": T.none,
+	"arrow.end": T.end,
+	"arrow.both": T.both,
+	"counter.circle": E.circle,
+	"counter.rect": E.rect,
+	"counter.rounded": E.rounded,
+	"brand.github": te
+}, re = {
+	...O,
+	...ne
+}, ie = Object.keys(re);
+function ae(e) {
+	return re[e];
 }
 //#endregion
 //#region src/editor/icons/sanitize.ts
-var y = "http://www.w3.org/2000/svg", b = 64 * 1024, x = {
+var oe = "http://www.w3.org/2000/svg", se = 64 * 1024, ce = {
 	svg: "svg",
 	g: "g",
 	path: "path",
@@ -283,64 +286,64 @@ var y = "http://www.w3.org/2000/svg", b = 64 * 1024, x = {
 	desc: "desc",
 	text: "text",
 	tspan: "tspan"
-}, S = new Set(/* @__PURE__ */ "id.class.viewBox.preserveAspectRatio.fill.fill-rule.fill-opacity.stroke.stroke-width.stroke-linecap.stroke-linejoin.stroke-dasharray.stroke-dashoffset.stroke-opacity.stroke-miterlimit.transform.opacity.color.aria-hidden.aria-label.role.width.height.x.y.x1.y1.x2.y2.cx.cy.r.rx.ry.d.points.offset.stop-color.stop-opacity.gradientUnits.gradientTransform.spreadMethod.fr.fx.fy.text-anchor.dominant-baseline.font-size.font-family.font-weight.letter-spacing.dx.dy".split(".")), C = { use: new Set(["href", "xlink:href"]) };
-function ee(e) {
+}, le = /* @__PURE__ */ new Set(/* @__PURE__ */ "id.class.viewBox.preserveAspectRatio.fill.fill-rule.fill-opacity.stroke.stroke-width.stroke-linecap.stroke-linejoin.stroke-dasharray.stroke-dashoffset.stroke-opacity.stroke-miterlimit.transform.opacity.color.aria-hidden.aria-label.role.width.height.x.y.x1.y1.x2.y2.cx.cy.r.rx.ry.d.points.offset.stop-color.stop-opacity.gradientUnits.gradientTransform.spreadMethod.fr.fx.fy.text-anchor.dominant-baseline.font-size.font-family.font-weight.letter-spacing.dx.dy".split(".")), ue = { use: /* @__PURE__ */ new Set(["href", "xlink:href"]) };
+function de(e) {
 	return /^#[A-Za-z_][A-Za-z0-9_\-:.]*$/.test(e);
 }
-function te(e) {
+function fe(e) {
 	return /^\s*(javascript|data:text\/html|vbscript):/i.test(e);
 }
-function w(e) {
+function pe(e) {
 	return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
 }
-function T(e) {
-	if (typeof e != "string" || e.length === 0 || e.length > b) return null;
+function me(e) {
+	if (typeof e != "string" || e.length === 0 || e.length > se) return null;
 	let t = globalThis.DOMParser;
 	if (!t) return null;
 	let n = new t().parseFromString(e, "image/svg+xml").documentElement;
-	return !n || n.namespaceURI !== y || (n.localName ?? "").toLowerCase() !== "svg" ? null : E(n);
+	return !n || n.namespaceURI !== oe || (n.localName ?? "").toLowerCase() !== "svg" ? null : he(n);
 }
-function E(e) {
-	let t = (e.localName ?? "").toLowerCase(), n = x[t];
+function he(e) {
+	let t = (e.localName ?? "").toLowerCase(), n = ce[t];
 	if (!n) return "";
-	let r = D(e, t, n === "svg"), i = [];
+	let r = ge(e, t, n === "svg"), i = [];
 	for (let t of Array.from(e.childNodes)) if (t.nodeType === 1) {
 		let e = t;
-		if (e.namespaceURI !== y) continue;
-		let n = E(e);
+		if (e.namespaceURI !== oe) continue;
+		let n = he(e);
 		n && i.push(n);
 	} else if (t.nodeType === 3) {
 		let e = t.nodeValue ?? "";
-		e.length > 0 && i.push(w(e));
+		e.length > 0 && i.push(pe(e));
 	}
 	return i.length === 0 ? `<${n}${r}/>` : `<${n}${r}>${i.join("")}</${n}>`;
 }
-function D(e, t, n) {
-	let r = C[t], i = [];
-	n && i.push(` xmlns="${y}"`);
+function ge(e, t, n) {
+	let r = ue[t], i = [];
+	n && i.push(` xmlns="${oe}"`);
 	for (let t of Array.from(e.attributes)) {
 		let e = t.name;
 		if (e.startsWith("on") || e === "style" || e.startsWith("xmlns")) continue;
-		let n = S.has(e), a = r?.has(e) === !0;
-		!n && !a || a && !ee(t.value) || te(t.value) || i.push(` ${e}="${w(t.value)}"`);
+		let n = le.has(e), a = r?.has(e) === !0;
+		!n && !a || a && !de(t.value) || fe(t.value) || i.push(` ${e}="${pe(t.value)}"`);
 	}
 	return i.join("");
 }
 //#endregion
 //#region src/editor/icons/render.ts
-function O(e) {
+function _e(e) {
 	let t = e.trim();
 	return t.length === 0 ? !1 : /^data:image\/svg\+xml[,;]/i.test(t) ? !0 : !(/^javascript:/i.test(t) || /^data:/i.test(t) || /^[a-z][a-z0-9+.-]*:/i.test(t));
 }
-function ne(e) {
+function ve(e) {
 	switch (e.kind) {
-		case "builtin": return v(e.id) ?? "";
-		case "svg": return T(e.svg) ?? "";
-		case "url": return O(e.url) ? `<img src="${e.url.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;")}" alt="" aria-hidden="true" class="annot-icon-img"/>` : "";
+		case "builtin": return ae(e.id) ?? "";
+		case "svg": return me(e.svg) ?? "";
+		case "url": return _e(e.url) ? `<img src="${e.url.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;")}" alt="" aria-hidden="true" class="annot-icon-img"/>` : "";
 	}
 }
-function re(e, t) {
-	let n = ne(e);
+function ye(e, t) {
+	let n = ve(e);
 	if (!n) return null;
 	let r = t ?? globalThis.document ?? null;
 	if (!r) return null;
@@ -349,7 +352,7 @@ function re(e, t) {
 }
 //#endregion
 //#region src/editor/path-utils.ts
-var ie = {
+var be = {
 	M: ["x", "y"],
 	L: ["x", "y"],
 	H: ["x"],
@@ -386,7 +389,7 @@ var ie = {
 	],
 	Z: []
 };
-function ae(e) {
+function xe(e) {
 	let t = [], n = /([A-DF-Za-df-z])|(-?(?:\d+\.?\d*|\.\d+)(?:[eE][-+]?\d+)?)/g, r = null, i = n.exec(e);
 	for (; i !== null;) {
 		let a = i[1], o = i[2];
@@ -400,19 +403,19 @@ function ae(e) {
 	}
 	return t;
 }
-function oe(e) {
+function Se(e) {
 	return Math.abs(e) < 1e-9 ? "0" : Number(e.toFixed(6)).toString();
 }
-function se(e) {
+function Ce(e) {
 	let t = [];
-	for (let n of e) n.params.length === 0 ? t.push(n.cmd) : t.push(n.cmd + n.params.map(oe).join(" "));
+	for (let n of e) n.params.length === 0 ? t.push(n.cmd) : t.push(n.cmd + n.params.map(Se).join(" "));
 	return t.join(" ");
 }
-function ce(e, t, n) {
+function we(e, t, n) {
 	if (t === 0 && n === 0) return e;
-	let r = ae(e), i = !0;
+	let r = xe(e), i = !0;
 	for (let e of r) {
-		let r = e.cmd.toUpperCase(), a = ie[r];
+		let r = e.cmd.toUpperCase(), a = be[r];
 		if (!a || a.length === 0) {
 			i = !1;
 			continue;
@@ -430,11 +433,11 @@ function ce(e, t, n) {
 		}
 		i = !1;
 	}
-	return se(r);
+	return Ce(r);
 }
 //#endregion
 //#region src/utils/dash-utils.ts
-var le = {
+var Te = {
 	dash: [4, 3],
 	dot: [1, 3],
 	dashDot: [
@@ -446,35 +449,35 @@ var le = {
 	lgDash: [8, 3]
 };
 function k(e, t) {
-	let n = le[e];
+	let n = Te[e];
 	return n ? n.map((e) => Math.max(1, Math.round(e * t))).join(",") : "";
 }
-function A(e, t) {
+function Ee(e, t) {
 	if (!e) return "";
-	for (let [n, r] of Object.entries(le)) if (r.map((e) => Math.max(1, Math.round(e * t))).join(",") === e) return n;
+	for (let [n, r] of Object.entries(Te)) if (r.map((e) => Math.max(1, Math.round(e * t))).join(",") === e) return n;
 	let n = e.split(",").map(Number);
 	return n.length === 4 ? "dashDot" : n.length === 2 && n[0] <= t * 2 ? "dot" : n.length === 2 && n[0] > t * 5 ? "lgDash" : "dash";
 }
 //#endregion
 //#region src/editor/arrow-markers.ts
-var j = class {
+var A = class {
 	#e = "";
 	begin() {}
 	moveTo(e, t) {
-		this.#e += `M ${M(e)} ${M(t)} `;
+		this.#e += `M ${j(e)} ${j(t)} `;
 	}
 	lineTo(e, t) {
-		this.#e += `L ${M(e)} ${M(t)} `;
+		this.#e += `L ${j(e)} ${j(t)} `;
 	}
 	quadTo(e, t, n, r) {
-		this.#e += `Q ${M(e)} ${M(t)} ${M(n)} ${M(r)} `;
+		this.#e += `Q ${j(e)} ${j(t)} ${j(n)} ${j(r)} `;
 	}
 	close() {
 		this.#e += "Z ";
 	}
 	ellipse(e, t, n, r) {
 		let i = n / 2, a = r / 2, o = e + i, s = t + a;
-		this.#e += `M ${M(o - i)} ${M(s)} A ${M(i)} ${M(a)} 0 1 0 ${M(o + i)} ${M(s)} A ${M(i)} ${M(a)} 0 1 0 ${M(o - i)} ${M(s)} Z `;
+		this.#e += `M ${j(o - i)} ${j(s)} A ${j(i)} ${j(a)} 0 1 0 ${j(o + i)} ${j(s)} A ${j(i)} ${j(a)} 0 1 0 ${j(o - i)} ${j(s)} Z `;
 	}
 	stroke() {}
 	fillAndStroke() {}
@@ -485,68 +488,68 @@ var j = class {
 		this.#e = "";
 	}
 };
-function M(e) {
+function j(e) {
 	return Math.abs(e) < 1e-9 ? "0" : Number(e.toFixed(3)).toString();
 }
-function ue(e, t, n, r, i, a, o, s) {
+function De(e, t, n, r, i, a, o, s) {
 	let c = i * s * 1.118, l = a * s * 1.118, u = i * (o + s), d = a * (o + s), f = {
 		x: r.x - c,
 		y: r.y - l
 	}, p = n ? 3 / 4 : 1;
 	r.x += -u * p - c, r.y += -d * p - l, e.moveTo(f.x, f.y), e.lineTo(f.x - u - d / t, f.y - d + u / t), n && e.lineTo(f.x - u * 3 / 4, f.y - d * 3 / 4), e.lineTo(f.x + d / t - u, f.y - d - u / t), e.close();
 }
-function de(e, t, n, r, i, a, o) {
+function Oe(e, t, n, r, i, a, o) {
 	let s = r * o * 1.118, c = i * o * 1.118, l = r * (a + o), u = i * (a + o), d = {
 		x: n.x - s,
 		y: n.y - c
 	};
 	n.x += -s * 2, n.y += -c * 2, e.moveTo(d.x - l - u / t, d.y - u + l / t), e.lineTo(d.x, d.y), e.lineTo(d.x + u / t - l, d.y - u - l / t);
 }
-function fe(e, t, n, r, i, a) {
+function ke(e, t, n, r, i, a) {
 	let o = n * a * Math.SQRT1_2, s = r * a * Math.SQRT1_2, c = n * (i + a), l = r * (i + a), u = {
 		x: t.x - o,
 		y: t.y - s
 	};
 	t.x += -c - o, t.y += -l - s, e.moveTo(u.x, u.y), e.lineTo(u.x - c / 2 - l / 2, u.y + c / 2 - l / 2), e.lineTo(u.x - c, u.y - l), e.lineTo(u.x - c / 2 + l / 2, u.y - l / 2 - c / 2), e.close();
 }
-function pe(e, t, n, r, i) {
+function Ae(e, t, n, r, i) {
 	let a = i / 2, o = {
 		x: t.x,
 		y: t.y
 	};
 	t.x -= n * a, t.y -= r * a, e.ellipse(o.x - a, o.y - a, i, i);
 }
-var me = {
+var je = {
 	sm: 6,
 	md: 10,
 	lg: 14
-}, he = {
+}, Me = {
 	sm: 3.2,
 	md: 2.4,
 	lg: 1.8
-}, ge = {
+}, Ne = {
 	sm: 11,
 	md: 15,
 	lg: 20
-}, _e = {
+}, Pe = {
 	sm: 2.4,
 	md: 1.8,
 	lg: 1.35
 };
-function ve(e, t, n, r, i, a) {
+function Fe(e, t, n, r, i, a) {
 	if (t.shape === "none") return { filled: !1 };
-	let o = t.shape === "arrow" ? ge[t.length] : me[t.length], s = t.shape === "arrow" ? _e[t.width] : he[t.width];
+	let o = t.shape === "arrow" ? Ne[t.length] : je[t.length], s = t.shape === "arrow" ? Pe[t.width] : Me[t.width];
 	switch (t.shape) {
-		case "triangle": return ue(e, s, !1, n, r, i, o, a), { filled: !0 };
-		case "stealth": return ue(e, s, !0, n, r, i, o, a), { filled: !0 };
-		case "arrow": return de(e, s, n, r, i, o, a), { filled: !1 };
-		case "diamond": return fe(e, n, r, i, o, a), { filled: !0 };
-		case "oval": return pe(e, n, r, i, o), { filled: !0 };
+		case "triangle": return De(e, s, !1, n, r, i, o, a), { filled: !0 };
+		case "stealth": return De(e, s, !0, n, r, i, o, a), { filled: !0 };
+		case "arrow": return Oe(e, s, n, r, i, o, a), { filled: !1 };
+		case "diamond": return ke(e, n, r, i, o, a), { filled: !0 };
+		case "oval": return Ae(e, n, r, i, o), { filled: !0 };
 	}
 	return { filled: !1 };
 }
-function ye(e, t, n, r, i, a, o, s) {
-	let c = new j(), l = new j(), u = n - e, d = r - t, f = Math.hypot(u, d) || 1, p = u / f, m = d / f, h = p, g = m, _ = p, v = m;
+function Ie(e, t, n, r, i, a, o, s) {
+	let c = new A(), l = new A(), u = n - e, d = r - t, f = Math.hypot(u, d) || 1, p = u / f, m = d / f, h = p, g = m, _ = p, v = m;
 	if (s) {
 		let i = s.x - e, a = s.y - t, o = Math.hypot(i, a);
 		o > 1e-6 && (h = i / o, g = a / o);
@@ -559,26 +562,26 @@ function ye(e, t, n, r, i, a, o, s) {
 	}, b = {
 		x: n,
 		y: r
-	}, x = be(a.shape), S = be(i.shape);
-	ve(x ? c : l, a, b, _, v, o), ve(S ? c : l, i, y, -h, -g, o);
-	let C = new j();
+	}, x = Le(a.shape), S = Le(i.shape);
+	Fe(x ? c : l, a, b, _, v, o), Fe(S ? c : l, i, y, -h, -g, o);
+	let C = new A();
 	return C.moveTo(y.x, y.y), s ? C.quadTo(s.x, s.y, b.x, b.y) : C.lineTo(b.x, b.y), {
 		stemD: C.d,
 		headFilledD: c.d,
 		headOpenD: l.d
 	};
 }
-function be(e) {
+function Le(e) {
 	return e === "triangle" || e === "stealth" || e === "diamond" || e === "oval";
 }
-function N(e, t) {
+function M(e, t) {
 	return {
 		shape: e.getAttribute(`data-arrow-${t}-shape`) || "none",
 		width: e.getAttribute(`data-arrow-${t}-width`) || e.getAttribute(`data-arrow-${t}-size`) || "md",
 		length: e.getAttribute(`data-arrow-${t}-length`) || e.getAttribute(`data-arrow-${t}-size`) || "md"
 	};
 }
-function xe(e) {
+function Re(e) {
 	return {
 		x1: Number.parseFloat(e.getAttribute("data-x1") || "0"),
 		y1: Number.parseFloat(e.getAttribute("data-y1") || "0"),
@@ -586,7 +589,7 @@ function xe(e) {
 		y2: Number.parseFloat(e.getAttribute("data-y2") || "0")
 	};
 }
-function Se(e) {
+function ze(e) {
 	let t = e.getAttribute("data-cx"), n = e.getAttribute("data-cy");
 	if (t == null || n == null) return null;
 	let r = Number.parseFloat(t), i = Number.parseFloat(n);
@@ -595,8 +598,8 @@ function Se(e) {
 		y: i
 	};
 }
-function Ce(e) {
-	let { x1: t, y1: n, x2: r, y2: i } = xe(e), a = Se(e), { stemD: o, headFilledD: s, headOpenD: c } = ye(t, n, r, i, N(e, "start"), N(e, "end"), Number.parseFloat(e.getAttribute("stroke-width") || "3") || 3, a), l = e.querySelector(":scope > [data-role=\"stem\"]");
+function Be(e) {
+	let { x1: t, y1: n, x2: r, y2: i } = Re(e), a = ze(e), { stemD: o, headFilledD: s, headOpenD: c } = Ie(t, n, r, i, M(e, "start"), M(e, "end"), Number.parseFloat(e.getAttribute("stroke-width") || "3") || 3, a), l = e.querySelector(":scope > [data-role=\"stem\"]");
 	l || (l = document.createElementNS("http://www.w3.org/2000/svg", "path"), l.setAttribute("data-role", "stem"), e.appendChild(l)), l.setAttribute("fill", "none"), l.removeAttribute("stroke-linecap"), l.removeAttribute("stroke-linejoin"), l.setAttribute("d", o);
 	let u = e.getAttribute("stroke") || "#ff0000", d = (e, t, n) => {
 		e.setAttribute("stroke-dasharray", "none"), e.setAttribute("stroke-linecap", "round"), e.setAttribute("stroke-linejoin", "miter"), e.setAttribute("fill", t), e.removeAttribute("stroke-width"), e.setAttribute("d", n);
@@ -605,11 +608,11 @@ function Ce(e) {
 	let p = e.querySelector(":scope > [data-role=\"head-open\"]");
 	p || (p = document.createElementNS("http://www.w3.org/2000/svg", "path"), p.setAttribute("data-role", "head-open"), e.appendChild(p)), d(p, "none", c);
 }
-function we(e, t = "right") {
-	let n = Te(e);
+function Ve(e, t = "right") {
+	let n = He(e);
 	return `<svg width="40" height="14" viewBox="0 0 40 14">${t === "left" ? `<g transform="translate(40,0) scale(-1,1)">${n}</g>` : n}</svg>`;
 }
-function Te(e) {
+function He(e) {
 	let t = (e) => `<line x1="2" y1="7" x2="${e}" y2="7" stroke="currentColor" stroke-width="1.6" stroke-linecap="butt"/>`;
 	switch (e) {
 		case "none": return "<line x1=\"2\" y1=\"7\" x2=\"38\" y2=\"7\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"butt\"/>";
@@ -620,8 +623,8 @@ function Te(e) {
 		case "oval": return `${t(28)}<circle cx="33" cy="7" r="5" fill="currentColor"/>`;
 	}
 }
-function Ee(e, t, n = "right") {
-	let r = 1.2, { stemD: i, headFilledD: a, headOpenD: o } = ye(2, 7, 38, 7, {
+function Ue(e, t, n = "right") {
+	let r = 1.2, { stemD: i, headFilledD: a, headOpenD: o } = Ie(2, 7, 38, 7, {
 		shape: "none",
 		width: e,
 		length: t
@@ -634,11 +637,11 @@ function Ee(e, t, n = "right") {
 }
 //#endregion
 //#region src/editor/shape-utils.ts
-var De = "http://www.w3.org/2000/svg";
-function Oe(e) {
+var We = "http://www.w3.org/2000/svg";
+function Ge(e) {
 	return e.tagName === "ellipse" ? "ellipse" : e.tagName === "rect" ? e.hasAttribute("data-rounded") ? "rounded" : "rect" : null;
 }
-function ke(e) {
+function Ke(e) {
 	if (e.tagName === "ellipse") {
 		let t = Number.parseFloat(e.getAttribute("cx") || "0"), n = Number.parseFloat(e.getAttribute("cy") || "0"), r = Number.parseFloat(e.getAttribute("rx") || "0"), i = Number.parseFloat(e.getAttribute("ry") || "0");
 		return {
@@ -655,7 +658,7 @@ function ke(e) {
 		h: Number.parseFloat(e.getAttribute("height") || "0")
 	};
 }
-var Ae = [
+var qe = [
 	"stroke",
 	"stroke-width",
 	"stroke-dasharray",
@@ -664,16 +667,16 @@ var Ae = [
 	"fill",
 	"fill-opacity"
 ];
-function je(e, t) {
-	let { x: n, y: r, w: i, h: a } = ke(e), o = e.parentNode;
+function Je(e, t) {
+	let { x: n, y: r, w: i, h: a } = Ke(e), o = e.parentNode;
 	if (!o) throw Error("convertShape: element is detached from DOM");
 	let s;
-	if (t === "ellipse") s = document.createElementNS(De, "ellipse"), s.setAttribute("cx", String(n + i / 2)), s.setAttribute("cy", String(r + a / 2)), s.setAttribute("rx", String(i / 2)), s.setAttribute("ry", String(a / 2));
-	else if (s = document.createElementNS(De, "rect"), s.setAttribute("x", String(n)), s.setAttribute("y", String(r)), s.setAttribute("width", String(i)), s.setAttribute("height", String(a)), t === "rounded") {
+	if (t === "ellipse") s = document.createElementNS(We, "ellipse"), s.setAttribute("cx", String(n + i / 2)), s.setAttribute("cy", String(r + a / 2)), s.setAttribute("rx", String(i / 2)), s.setAttribute("ry", String(a / 2));
+	else if (s = document.createElementNS(We, "rect"), s.setAttribute("x", String(n)), s.setAttribute("y", String(r)), s.setAttribute("width", String(i)), s.setAttribute("height", String(a)), t === "rounded") {
 		let e = Math.max(2, Math.round(Math.min(i, a) / 6));
 		s.setAttribute("rx", String(e)), s.setAttribute("data-rounded", "true");
 	} else s.setAttribute("rx", "0");
-	for (let t of Ae) {
+	for (let t of qe) {
 		let n = e.getAttribute(t);
 		n != null && s.setAttribute(t, n);
 	}
@@ -681,70 +684,70 @@ function je(e, t) {
 }
 //#endregion
 //#region src/editor/text-utils.ts
-var P = "http://www.w3.org/2000/svg", Me = {
+var N = "http://www.w3.org/2000/svg", Ye = {
 	"#ff0000": "rgba(255,255,200,0.92)",
 	"#00ff00": "rgba(200,255,200,0.92)",
 	"#0000ff": "rgba(200,220,255,0.92)",
 	"#ff8800": "rgba(255,230,200,0.92)",
 	"#ff00ff": "rgba(255,210,255,0.92)"
 };
-function Ne(e) {
-	return Me[e.toLowerCase()] || "rgba(255,255,200,0.92)";
+function Xe(e) {
+	return Ye[e.toLowerCase()] || "rgba(255,255,200,0.92)";
 }
-function F(e, t, n) {
+function P(e, t, n) {
 	let r = e.getAttribute(t);
 	if (r == null) return n;
 	let i = Number.parseFloat(r);
 	return Number.isFinite(i) && i >= 0 ? i : n;
 }
-function Pe(e) {
+function Ze(e) {
 	let t = e.getAttribute("data-shape-kind"), n = t === "plain" ? 2 : 10, r = t === "plain" ? 0 : 8;
 	return {
-		left: F(e, "data-text-margin-l", n),
-		right: F(e, "data-text-margin-r", n),
-		top: F(e, "data-text-margin-t", r),
-		bottom: F(e, "data-text-margin-b", r)
+		left: P(e, "data-text-margin-l", n),
+		right: P(e, "data-text-margin-r", n),
+		top: P(e, "data-text-margin-t", r),
+		bottom: P(e, "data-text-margin-b", r)
 	};
 }
-function Fe(e) {
+function Qe(e) {
 	return e === "rect" || e === "rounded" || e === "ellipse" ? "middle" : "start";
 }
-function Ie(e) {
+function $e(e) {
 	return e === "rect" || e === "rounded" || e === "ellipse" ? "middle" : "top";
 }
-var I;
-function Le() {
-	if (I !== void 0) return I;
-	if (typeof document > "u") return I = null;
+var F;
+function et() {
+	if (F !== void 0) return F;
+	if (typeof document > "u") return F = null;
 	try {
-		I = document.createElement("canvas").getContext("2d");
+		F = document.createElement("canvas").getContext("2d");
 	} catch {
-		I = null;
+		F = null;
 	}
-	return I;
+	return F;
 }
-function Re(e, t, n, r, i) {
-	let a = Le();
+function tt(e, t, n, r, i) {
+	let a = et();
 	return a ? (a.font = `${`${i ? "italic " : ""}${r ? "bold " : ""}`}${t}px ${n}`, a.measureText(e).width) : 0;
 }
-var L;
-function ze() {
-	if (L !== void 0) return L;
-	if (typeof Intl > "u" || Intl.Segmenter === void 0) return L = null;
+var I;
+function nt() {
+	if (I !== void 0) return I;
+	if (typeof Intl > "u" || Intl.Segmenter === void 0) return I = null;
 	try {
 		let e = typeof navigator < "u" ? navigator.language : void 0;
-		L = new Intl.Segmenter(e, { granularity: "word" });
+		I = new Intl.Segmenter(e, { granularity: "word" });
 	} catch {
-		L = null;
+		I = null;
 	}
-	return L;
+	return I;
 }
-var R = /^[\s　]+$/;
-function Be(e, t, n, r) {
+var L = /^[\s　]+$/;
+function rt(e, t, n, r) {
 	let i = [], a = {
 		segments: [],
 		maxFontSize: 0
-	}, o = 0, s = ze(), c = () => {
+	}, o = 0, s = nt(), c = () => {
 		i.push(a), a = {
 			segments: [],
 			maxFontSize: 0
@@ -756,8 +759,8 @@ function Be(e, t, n, r) {
 		else {
 			let e = 0;
 			for (; e < i.text.length;) {
-				let t = R.test(i.text[e]), n = e + 1;
-				for (; n < i.text.length && R.test(i.text[n]) === t;) n++;
+				let t = L.test(i.text[e]), n = e + 1;
+				for (; n < i.text.length && L.test(i.text[n]) === t;) n++;
 				f.push(i.text.slice(e, n)), e = n;
 			}
 		}
@@ -773,9 +776,9 @@ function Be(e, t, n, r) {
 			}), e > a.maxFontSize && (a.maxFontSize = e), "");
 		};
 		for (let n of f) {
-			if (a.segments.length === 0 && p === "" && R.test(n)) continue;
-			let r = Re(n, e, l, u, d);
-			o + r > t && (o > 0 || p !== "") && (m(), c(), R.test(n)) || (p += n, o += r);
+			if (a.segments.length === 0 && p === "" && L.test(n)) continue;
+			let r = tt(n, e, l, u, d);
+			o + r > t && (o > 0 || p !== "") && (m(), c(), L.test(n)) || (p += n, o += r);
 		}
 		m(), i.text === "" && a.segments.length === 0 && e > a.maxFontSize && (a.maxFontSize = e), i.line_break_after && c();
 	}
@@ -783,7 +786,7 @@ function Be(e, t, n, r) {
 	for (let e of i) e.maxFontSize === 0 && (e.maxFontSize = n);
 	return i;
 }
-function Ve(e) {
+function it(e) {
 	let { x: t, y: n, w: r, h: i, lineFontSizes: a, margins: o, textAnchor: s, textVerticalAnchor: c } = e, l = a.length > 0 ? a : [16], u = l.map((e) => e * 1.4), d = Array(l.length);
 	d[0] = 0;
 	for (let e = 1; e < l.length; e++) d[e] = d[e - 1] + u[e - 1];
@@ -799,17 +802,17 @@ function Ve(e) {
 		}
 	};
 }
-function He(e) {
+function at(e) {
 	return e.tagName === "g" && e.getAttribute("data-type") === "shape" && e.getAttribute("data-shape-kind") != null;
 }
-function Ue(e) {
+function ot(e) {
 	let t = e.getAttribute("data-shape-kind");
 	return t === "plain" || t === "sticky" || t === "callout" ? t : "sticky";
 }
-function We(e) {
+function st(e) {
 	return e.hasAttribute("x") || e.hasAttribute("y");
 }
-function Ge(e) {
+function ct(e) {
 	let t = e.querySelector("text");
 	if (!t) return [];
 	let n = Array.from(t.querySelectorAll("tspan"));
@@ -834,45 +837,45 @@ function Ge(e) {
 		let c = t.getAttribute("fill");
 		c && (i.color = c);
 		let l = n[e + 1];
-		i.line_break_after = l != null && We(l), r.push(i);
+		i.line_break_after = l != null && st(l), r.push(i);
 	}
 	return r;
 }
-function z(e) {
-	let t = e.querySelector("rect"), n = Number.parseFloat(t?.getAttribute("x") || "0"), r = Number.parseFloat(t?.getAttribute("y") || "0"), i = Number.parseFloat(t?.getAttribute("width") || "200"), a = Number.parseFloat(t?.getAttribute("height") || "80"), o = Number.parseFloat(e.getAttribute("data-font-size") || "16"), s = e.getAttribute("data-font-family") || "Annot Sans", c = e.getAttribute("data-color") || "#ff0000", l = Ue(e), u = e.getAttribute("data-shape-kind"), d = e.getAttribute("data-tail-x"), f = e.getAttribute("data-tail-y"), p = e.getAttribute("data-text-anchor"), m = e.getAttribute("data-text-vanchor");
+function R(e) {
+	let t = e.querySelector("rect"), n = Number.parseFloat(t?.getAttribute("x") || "0"), r = Number.parseFloat(t?.getAttribute("y") || "0"), i = Number.parseFloat(t?.getAttribute("width") || "200"), a = Number.parseFloat(t?.getAttribute("height") || "80"), o = Number.parseFloat(e.getAttribute("data-font-size") || "16"), s = e.getAttribute("data-font-family") || "Annot Sans", c = e.getAttribute("data-color") || "#ff0000", l = ot(e), u = e.getAttribute("data-shape-kind"), d = e.getAttribute("data-tail-x"), f = e.getAttribute("data-tail-y"), p = e.getAttribute("data-text-anchor"), m = e.getAttribute("data-text-vanchor");
 	return {
 		x: n,
 		y: r,
 		w: i,
 		h: a,
 		variant: l,
-		runs: Ge(e),
+		runs: ct(e),
 		fontSize: o,
 		fontFamily: s,
 		color: c,
-		textAnchor: p ?? Fe(u),
-		textVerticalAnchor: m ?? Ie(u),
+		textAnchor: p ?? Qe(u),
+		textVerticalAnchor: m ?? $e(u),
 		tailX: d == null ? void 0 : Number.parseFloat(d),
 		tailY: f == null ? void 0 : Number.parseFloat(f)
 	};
 }
-function Ke(e) {
-	let t = document.createElementNS(P, "g");
+function lt(e) {
+	let t = document.createElementNS(N, "g");
 	t.setAttribute("data-type", "shape"), t.setAttribute("data-shape-kind", e.variant), t.setAttribute("data-font-size", String(e.fontSize)), t.setAttribute("data-font-family", e.fontFamily), t.setAttribute("data-color", e.color);
-	let n = e.textAnchor ?? Fe(e.variant), r = e.textVerticalAnchor ?? Ie(e.variant);
+	let n = e.textAnchor ?? Qe(e.variant), r = e.textVerticalAnchor ?? $e(e.variant);
 	t.setAttribute("data-text-anchor", n), t.setAttribute("data-text-vanchor", r);
-	let i = document.createElementNS(P, "rect");
-	if (i.setAttribute("x", String(e.x)), i.setAttribute("y", String(e.y)), i.setAttribute("width", String(e.w)), i.setAttribute("height", String(e.h)), e.variant === "plain" ? (i.setAttribute("fill", "none"), i.setAttribute("stroke", "none"), i.setAttribute("pointer-events", "all")) : e.variant === "sticky" ? (i.setAttribute("rx", "4"), i.setAttribute("fill", Ne(e.color)), i.setAttribute("stroke", "rgba(0,0,0,0.15)"), i.setAttribute("stroke-width", "1")) : (i.setAttribute("rx", "8"), i.setAttribute("fill", Ne(e.color)), i.setAttribute("stroke", "none")), t.appendChild(i), e.variant === "callout") {
+	let i = document.createElementNS(N, "rect");
+	if (i.setAttribute("x", String(e.x)), i.setAttribute("y", String(e.y)), i.setAttribute("width", String(e.w)), i.setAttribute("height", String(e.h)), e.variant === "plain" ? (i.setAttribute("fill", "none"), i.setAttribute("stroke", "none"), i.setAttribute("pointer-events", "all")) : e.variant === "sticky" ? (i.setAttribute("rx", "4"), i.setAttribute("fill", Xe(e.color)), i.setAttribute("stroke", "rgba(0,0,0,0.15)"), i.setAttribute("stroke-width", "1")) : (i.setAttribute("rx", "8"), i.setAttribute("fill", Xe(e.color)), i.setAttribute("stroke", "none")), t.appendChild(i), e.variant === "callout") {
 		let n = e.tailX ?? e.x - 30, r = e.tailY ?? e.y + e.h + 40;
 		t.setAttribute("data-tail-x", String(n)), t.setAttribute("data-tail-y", String(r));
-		let i = document.createElementNS(P, "path");
-		i.setAttribute("d", ""), i.setAttribute("fill", Ne(e.color)), i.setAttribute("stroke", "rgba(0,0,0,0.25)"), i.setAttribute("stroke-width", "1"), t.appendChild(i), Je(t);
+		let i = document.createElementNS(N, "path");
+		i.setAttribute("d", ""), i.setAttribute("fill", Xe(e.color)), i.setAttribute("stroke", "rgba(0,0,0,0.25)"), i.setAttribute("stroke-width", "1"), t.appendChild(i), dt(t);
 	}
-	let a = `clip-textshape-${Math.random().toString(36).slice(2, 9)}`, o = document.createElementNS(P, "clipPath");
+	let a = `clip-textshape-${Math.random().toString(36).slice(2, 9)}`, o = document.createElementNS(N, "clipPath");
 	o.id = a;
-	let s = document.createElementNS(P, "rect");
+	let s = document.createElementNS(N, "rect");
 	s.setAttribute("x", String(e.x)), s.setAttribute("y", String(e.y)), s.setAttribute("width", String(e.w)), s.setAttribute("height", String(e.h)), o.appendChild(s), t.appendChild(o);
-	let c = Pe(t), l = Math.max(0, e.w - c.left - c.right), u = Be(e.runs, l, e.fontSize, e.fontFamily), d = Ve({
+	let c = Ze(t), l = Math.max(0, e.w - c.left - c.right), u = rt(e.runs, l, e.fontSize, e.fontFamily), d = it({
 		x: e.x,
 		y: e.y,
 		w: e.w,
@@ -881,25 +884,25 @@ function Ke(e) {
 		margins: c,
 		textAnchor: n,
 		textVerticalAnchor: r
-	}), f = document.createElementNS(P, "text");
-	return f.setAttribute("font-size", String(e.fontSize)), f.setAttribute("fill", e.color), f.setAttribute("font-family", e.fontFamily), f.setAttribute("clip-path", `url(#${a})`), f.setAttribute("text-anchor", d.textAnchorAttr), f.style.pointerEvents = "none", qe(f, u, d), t.appendChild(f), t;
+	}), f = document.createElementNS(N, "text");
+	return f.setAttribute("font-size", String(e.fontSize)), f.setAttribute("fill", e.color), f.setAttribute("font-family", e.fontFamily), f.setAttribute("clip-path", `url(#${a})`), f.setAttribute("text-anchor", d.textAnchorAttr), f.style.pointerEvents = "none", ut(f, u, d), t.appendChild(f), t;
 }
-function qe(e, t, n) {
+function ut(e, t, n) {
 	for (let r = 0; r < t.length; r++) {
 		let i = t[r], a = n.xForLine, o = n.yForLine(r);
 		if (i.segments.length === 0) {
-			let t = document.createElementNS(P, "tspan");
+			let t = document.createElementNS(N, "tspan");
 			t.setAttribute("x", String(a)), t.setAttribute("y", String(o)), t.textContent = "", e.appendChild(t);
 			continue;
 		}
 		let s = !0;
 		for (let t of i.segments) {
-			let n = document.createElementNS(P, "tspan");
+			let n = document.createElementNS(N, "tspan");
 			s &&= (n.setAttribute("x", String(a)), n.setAttribute("y", String(o)), !1), t.bold && n.setAttribute("font-weight", "bold"), t.italic && n.setAttribute("font-style", "italic"), t.underline && n.setAttribute("text-decoration", "underline"), t.font_size != null && n.setAttribute("font-size", String(t.font_size)), t.font_family != null && n.setAttribute("font-family", t.font_family), t.color != null && n.setAttribute("fill", t.color), n.textContent = t.text, e.appendChild(n);
 		}
 	}
 }
-function Je(e) {
+function dt(e) {
 	if (e.getAttribute("data-shape-kind") !== "callout") return;
 	let t = e.querySelector("rect"), n = e.querySelector("path");
 	if (!t || !n) return;
@@ -908,14 +911,14 @@ function Je(e) {
 		let e = c - u, t = l - d;
 		m = Math.abs(e) > Math.abs(t) ? e > 0 ? "right" : "left" : t > 0 ? "bottom" : "top";
 	} else m = f > p ? c < r ? "left" : "right" : l < i ? "top" : "bottom";
-	let h = .1667, g = r, _ = r + a, v = i, y = i + o, b = Math.max(0, Math.min(a * h, a - 2 * s)), x = Math.max(0, Math.min(o * h, o - 2 * s)), S = b / 2, C = x / 2, ee = c < u ? (u + (g + s)) / 2 : (u + (_ - s)) / 2, te = l < d ? (d + (v + s)) / 2 : (d + (y - s)) / 2, w = ee - S, T = ee + S, E = te - C, D = te + C, O = [];
-	O.push(`M ${g + s} ${v}`), m === "top" && (O.push(`L ${w} ${v}`), O.push(`L ${c} ${l}`), O.push(`L ${T} ${v}`)), O.push(`L ${_ - s} ${v}`), s > 0 && O.push(`A ${s} ${s} 0 0 1 ${_} ${v + s}`), m === "right" && (O.push(`L ${_} ${E}`), O.push(`L ${c} ${l}`), O.push(`L ${_} ${D}`)), O.push(`L ${_} ${y - s}`), s > 0 && O.push(`A ${s} ${s} 0 0 1 ${_ - s} ${y}`), m === "bottom" && (O.push(`L ${T} ${y}`), O.push(`L ${c} ${l}`), O.push(`L ${w} ${y}`)), O.push(`L ${g + s} ${y}`), s > 0 && O.push(`A ${s} ${s} 0 0 1 ${g} ${y - s}`), m === "left" && (O.push(`L ${g} ${D}`), O.push(`L ${c} ${l}`), O.push(`L ${g} ${E}`)), O.push(`L ${g} ${v + s}`), s > 0 && O.push(`A ${s} ${s} 0 0 1 ${g + s} ${v}`), O.push("Z"), n.setAttribute("d", O.join(" "));
+	let h = .1667, g = r, _ = r + a, v = i, y = i + o, b = Math.max(0, Math.min(a * h, a - 2 * s)), x = Math.max(0, Math.min(o * h, o - 2 * s)), S = b / 2, C = x / 2, ee = c < u ? (u + (g + s)) / 2 : (u + (_ - s)) / 2, w = l < d ? (d + (v + s)) / 2 : (d + (y - s)) / 2, T = ee - S, E = ee + S, D = w - C, te = w + C, O = [];
+	O.push(`M ${g + s} ${v}`), m === "top" && (O.push(`L ${T} ${v}`), O.push(`L ${c} ${l}`), O.push(`L ${E} ${v}`)), O.push(`L ${_ - s} ${v}`), s > 0 && O.push(`A ${s} ${s} 0 0 1 ${_} ${v + s}`), m === "right" && (O.push(`L ${_} ${D}`), O.push(`L ${c} ${l}`), O.push(`L ${_} ${te}`)), O.push(`L ${_} ${y - s}`), s > 0 && O.push(`A ${s} ${s} 0 0 1 ${_ - s} ${y}`), m === "bottom" && (O.push(`L ${E} ${y}`), O.push(`L ${c} ${l}`), O.push(`L ${T} ${y}`)), O.push(`L ${g + s} ${y}`), s > 0 && O.push(`A ${s} ${s} 0 0 1 ${g} ${y - s}`), m === "left" && (O.push(`L ${g} ${te}`), O.push(`L ${c} ${l}`), O.push(`L ${g} ${D}`)), O.push(`L ${g} ${v + s}`), s > 0 && O.push(`A ${s} ${s} 0 0 1 ${g + s} ${v}`), O.push("Z"), n.setAttribute("d", O.join(" "));
 }
-function B(e, t) {
+function z(e, t) {
 	let n = (() => {
 		for (let t of Array.from(e.children)) if (t.tagName === "rect") return t;
 		return null;
-	})(), r = n ? Number.parseFloat(n.getAttribute("x") || "0") : 0, i = n ? Number.parseFloat(n.getAttribute("y") || "0") : 0, a = n ? Number.parseFloat(n.getAttribute("width") || "0") : 0, o = n ? Number.parseFloat(n.getAttribute("height") || "0") : 0, s = Number.parseFloat(e.getAttribute("data-font-size") || "16"), c = e.getAttribute("data-font-family") || "Annot Sans", l = e.getAttribute("data-color") || "#000000", u = e.getAttribute("data-shape-kind"), d = Pe(e), f = e.getAttribute("data-text-anchor") ?? Fe(u), p = e.getAttribute("data-text-vanchor") ?? Ie(u), m = Be(t, Math.max(0, a - d.left - d.right), s, c), h = m.map((e) => e.maxFontSize), g = Ve({
+	})(), r = n ? Number.parseFloat(n.getAttribute("x") || "0") : 0, i = n ? Number.parseFloat(n.getAttribute("y") || "0") : 0, a = n ? Number.parseFloat(n.getAttribute("width") || "0") : 0, o = n ? Number.parseFloat(n.getAttribute("height") || "0") : 0, s = Number.parseFloat(e.getAttribute("data-font-size") || "16"), c = e.getAttribute("data-font-family") || "Annot Sans", l = e.getAttribute("data-color") || "#000000", u = e.getAttribute("data-shape-kind"), d = Ze(e), f = e.getAttribute("data-text-anchor") ?? Qe(u), p = e.getAttribute("data-text-vanchor") ?? $e(u), m = rt(t, Math.max(0, a - d.left - d.right), s, c), h = m.map((e) => e.maxFontSize), g = it({
 		x: r,
 		y: i,
 		w: a,
@@ -929,8 +932,8 @@ function B(e, t) {
 		_ = t;
 		break;
 	}
-	for (_ || (_ = document.createElementNS(P, "text"), e.appendChild(_)), _.setAttribute("font-size", String(s)), _.setAttribute("font-family", c), _.setAttribute("fill", l), _.setAttribute("text-anchor", g.textAnchorAttr), _.style.pointerEvents = "none"; _.firstChild;) _.removeChild(_.firstChild);
-	if (qe(_, m, g), e.getAttribute("data-text-autofit") === "resize" && n) {
+	for (_ || (_ = document.createElementNS(N, "text"), e.appendChild(_)), _.setAttribute("font-size", String(s)), _.setAttribute("font-family", c), _.setAttribute("fill", l), _.setAttribute("text-anchor", g.textAnchorAttr), _.style.pointerEvents = "none"; _.firstChild;) _.removeChild(_.firstChild);
+	if (ut(_, m, g), e.getAttribute("data-text-autofit") === "resize" && n) {
 		let r = 0;
 		for (let e of h) r += e * 1.4;
 		r === 0 && (r = s * 1.4);
@@ -938,22 +941,22 @@ function B(e, t) {
 		if (i > o) {
 			n.setAttribute("height", String(i));
 			let r = e.querySelector("clipPath > rect");
-			r instanceof Element && r.setAttribute("height", String(i)), Je(e), B(e, t);
+			r instanceof Element && r.setAttribute("height", String(i)), dt(e), z(e, t);
 		}
 	}
 }
-function Ye(e, t) {
+function ft(e, t) {
 	let n = e.parentNode;
 	if (!n) throw Error("convertTextVariant: element is detached");
-	let r = Ke({
-		...z(e),
+	let r = lt({
+		...R(e),
 		variant: t
 	}), i = e.getAttribute("transform");
 	return i && r.setAttribute("transform", i), n.replaceChild(r, e), r;
 }
 //#endregion
 //#region src/editor/property-schema.ts
-var V = {
+var B = {
 	shapeTypePicker: "shapeTypePicker",
 	arrowVariantPicker: "arrowVariantPicker",
 	drawStylePicker: "drawStylePicker",
@@ -993,54 +996,54 @@ var V = {
 	arrowStartSize: "arrowStartSize",
 	arrowEndShape: "arrowEndShape",
 	arrowEndSize: "arrowEndSize"
-}, Xe = {
+}, pt = {
 	textbox: [
-		V.textVariantPicker,
-		V.textColor,
-		V.fontFamily,
-		V.fontSize,
-		V.textBold,
-		V.textItalic,
-		V.textUnderline,
-		V.textAnchor,
-		V.textVerticalAnchor,
-		V.textAutofit,
-		V.textMarginLeft,
-		V.textMarginRight,
-		V.textMarginTop,
-		V.textMarginBottom
+		B.textVariantPicker,
+		B.textColor,
+		B.fontFamily,
+		B.fontSize,
+		B.textBold,
+		B.textItalic,
+		B.textUnderline,
+		B.textAnchor,
+		B.textVerticalAnchor,
+		B.textAutofit,
+		B.textMarginLeft,
+		B.textMarginRight,
+		B.textMarginTop,
+		B.textMarginBottom
 	],
 	marker: [
-		V.markerShapePicker,
-		V.markerBgFillColor,
-		V.markerBgStrokeColor,
-		V.markerBgStrokeWidth,
-		V.markerBgStrokeStyle,
-		V.markerLabelValue,
-		V.markerSize
+		B.markerShapePicker,
+		B.markerBgFillColor,
+		B.markerBgStrokeColor,
+		B.markerBgStrokeWidth,
+		B.markerBgStrokeStyle,
+		B.markerLabelValue,
+		B.markerSize
 	],
-	"redact-mosaic": [V.redactStylePicker],
-	"redact-solid": [V.redactStylePicker, V.redactSolidColor],
-	"redact-blur": [V.redactStylePicker],
-	highlight: [V.highlightColorPicker, V.highlightTransparency],
+	"redact-mosaic": [B.redactStylePicker],
+	"redact-solid": [B.redactStylePicker, B.redactSolidColor],
+	"redact-blur": [B.redactStylePicker],
+	highlight: [B.highlightColorPicker, B.highlightTransparency],
 	group: [],
 	shape: [
-		V.shapeTypePicker,
-		V.arrowVariantPicker,
-		V.drawStylePicker,
-		V.fillColor,
-		V.fillOpacity,
-		V.strokeColor,
-		V.strokeOpacity,
-		V.strokeWidth,
-		V.strokeStyle,
-		V.strokeLinecap,
-		V.arrowStartShape,
-		V.arrowStartSize,
-		V.arrowEndShape,
-		V.arrowEndSize
+		B.shapeTypePicker,
+		B.arrowVariantPicker,
+		B.drawStylePicker,
+		B.fillColor,
+		B.fillOpacity,
+		B.strokeColor,
+		B.strokeOpacity,
+		B.strokeWidth,
+		B.strokeStyle,
+		B.strokeLinecap,
+		B.arrowStartShape,
+		B.arrowStartSize,
+		B.arrowEndShape,
+		B.arrowEndSize
 	]
-}, H = {
+}, V = {
 	applyArrowVariant: "applyArrowVariant",
 	applyDrawStyle: "applyDrawStyle",
 	applyMarkerShape: "applyMarkerShape",
@@ -1052,27 +1055,27 @@ var V = {
 	applyArrowEndShape: "applyArrowEndShape",
 	applyArrowEndSize: "applyArrowEndSize"
 };
-function Ze(e) {
+function mt(e) {
 	let t = (e.getAttribute("data-arrow-start-shape") ?? "none") === "none", n = (e.getAttribute("data-arrow-end-shape") ?? "none") === "none";
 	return t && n ? "none" : !t && !n ? "both" : "end";
 }
-function Qe(e) {
+function ht(e) {
 	let t = e.getAttribute("data-draw-style");
 	if (t === "pen" || t === "highlighter") return t;
 	if (e.tagName === "g" && e.getAttribute("data-type") === "freehand") {
 		let t = e.querySelector("path");
-		if (t) return Qe(t);
+		if (t) return ht(t);
 	}
 	return Number.parseFloat(e.getAttribute("stroke-opacity") || "1") < .99 ? "highlighter" : "pen";
 }
-function $e(e) {
+function gt(e) {
 	let t = e.getAttribute("data-shape");
 	return t === "circle" || t === "rect" || t === "rounded" ? t : e.querySelector("circle, rect")?.tagName === "rect" ? "rect" : "circle";
 }
-function U(e) {
+function H(e) {
 	return e.querySelector("circle") ?? e.querySelector("rect");
 }
-function W(e) {
+function U(e) {
 	if (e.tagName === "g" && e.getAttribute("data-type") === "freehand") {
 		let t = [];
 		for (let n of Array.from(e.children)) n.tagName.toLowerCase() === "path" && t.push(n);
@@ -1080,17 +1083,17 @@ function W(e) {
 	}
 	return [e];
 }
-function G(e, t) {
+function W(e, t) {
 	return e.tagName === "g" ? e.querySelector("path, rect, line, circle")?.getAttribute(t) ?? e.getAttribute(t) : e.getAttribute(t);
 }
-function et(e) {
+function _t(e) {
 	return e.tagName === "g" && e.getAttribute("data-type") === "arrow";
 }
-function tt(e) {
-	let t = N(e, "start").shape === "none", n = N(e, "end").shape === "none";
+function vt(e) {
+	let t = M(e, "start").shape === "none", n = M(e, "end").shape === "none";
 	return t && n ? "none" : !t && !n ? "both" : "end";
 }
-function nt(e, t) {
+function yt(e, t) {
 	let n = e === "start" ? "left" : "right";
 	return [
 		{
@@ -1123,10 +1126,10 @@ function nt(e, t) {
 	}).map((e) => ({
 		value: e.value,
 		label: e.label,
-		iconSvg: we(e.value, n)
+		iconSvg: Ve(e.value, n)
 	}));
 }
-function rt(e) {
+function bt(e) {
 	let t = e === "start" ? "left" : "right", n = [
 		"sm",
 		"md",
@@ -1135,82 +1138,82 @@ function rt(e) {
 	for (let e of n) for (let i of n) r.push({
 		value: `${e}-${i}`,
 		label: `W:${e.toUpperCase()}  L:${i.toUpperCase()}`,
-		iconSvg: Ee(e, i, t)
+		iconSvg: Ue(e, i, t)
 	});
 	return r;
 }
-function it(e) {
+function xt(e) {
 	let t = e.querySelector("text");
 	return Number.parseFloat(t?.getAttribute("font-size") || "13");
 }
-function at(e) {
+function St(e) {
 	let t = e.getAttribute("data-redact-style");
 	return t === "mosaic" || t === "solid" || t === "blur" ? t : "mosaic";
 }
-function K(e) {
+function G(e) {
 	return e.tagName === "line" ? !0 : e.tagName === "g" && e.getAttribute("data-type") === "arrow";
 }
-function ot(e) {
+function Ct(e) {
 	return e.tagName === "g" && e.getAttribute("data-type") === "freehand";
 }
-var st = {
+var wt = {
 	shapeTypePicker: {
-		id: V.shapeTypePicker,
+		id: B.shapeTypePicker,
 		type: "variantPicker",
 		label: "Shape type",
-		getValue: (e) => Oe(e),
-		replace: (e, t) => je(e, t),
-		visibleWhen: (e) => Oe(e) !== null,
+		getValue: (e) => Ge(e),
+		replace: (e, t) => Je(e, t),
+		visibleWhen: (e) => Ge(e) !== null,
 		options: [
 			{
 				value: "rect",
 				label: "Rectangle",
-				iconSvg: l.rect
+				iconSvg: w.rect
 			},
 			{
 				value: "rounded",
 				label: "Rounded",
-				iconSvg: l.rounded
+				iconSvg: w.rounded
 			},
 			{
 				value: "ellipse",
 				label: "Ellipse",
-				iconSvg: l.ellipse
+				iconSvg: w.ellipse
 			}
 		]
 	},
 	arrowVariantPicker: {
-		id: V.arrowVariantPicker,
+		id: B.arrowVariantPicker,
 		type: "variantPicker",
 		label: "Arrow type",
-		getValue: (e) => Ze(e),
-		effect: H.applyArrowVariant,
-		visibleWhen: (e) => K(e),
+		getValue: (e) => mt(e),
+		effect: V.applyArrowVariant,
+		visibleWhen: (e) => G(e),
 		options: [
 			{
 				value: "none",
 				label: "Line",
-				iconSvg: u.none
+				iconSvg: T.none
 			},
 			{
 				value: "end",
 				label: "Arrow",
-				iconSvg: u.end
+				iconSvg: T.end
 			},
 			{
 				value: "both",
 				label: "Double arrow",
-				iconSvg: u.both
+				iconSvg: T.both
 			}
 		]
 	},
 	drawStylePicker: {
-		id: V.drawStylePicker,
+		id: B.drawStylePicker,
 		type: "variantPicker",
 		label: "Draw style",
-		getValue: (e) => Qe(e),
-		effect: H.applyDrawStyle,
-		visibleWhen: (e) => e.tagName === "path" || ot(e),
+		getValue: (e) => ht(e),
+		effect: V.applyDrawStyle,
+		visibleWhen: (e) => e.tagName === "path" || Ct(e),
 		options: [{
 			value: "pen",
 			label: "Pen",
@@ -1222,43 +1225,43 @@ var st = {
 		}]
 	},
 	fillColor: {
-		id: V.fillColor,
+		id: B.fillColor,
 		type: "color",
 		label: "Color",
 		getValue: (e) => e.getAttribute("fill") ?? "none",
 		setValue: (e, t) => {
 			e.setAttribute("fill", String(t));
 		},
-		visibleWhen: (e) => !K(e) && e.tagName !== "path" && !ot(e),
+		visibleWhen: (e) => !G(e) && e.tagName !== "path" && !Ct(e),
 		allowNone: !0
 	},
 	strokeColor: {
-		id: V.strokeColor,
+		id: B.strokeColor,
 		type: "color",
 		label: "Color",
-		getValue: (e) => G(e, "stroke") ?? "#000000",
+		getValue: (e) => W(e, "stroke") ?? "#000000",
 		setValue: (e, t) => {
 			let n = String(t);
-			for (let t of W(e)) t.setAttribute("stroke", n);
-			if (et(e)) {
+			for (let t of U(e)) t.setAttribute("stroke", n);
+			if (_t(e)) {
 				let t = e.querySelector(":scope > [data-role=\"head-filled\"]");
 				t && t.setAttribute("fill", n);
 			}
 		}
 	},
 	strokeWidth: {
-		id: V.strokeWidth,
+		id: B.strokeWidth,
 		type: "number",
 		label: "Width",
-		getValue: (e) => Number.parseFloat(G(e, "stroke-width") || "0"),
+		getValue: (e) => Number.parseFloat(W(e, "stroke-width") || "0"),
 		setValue: (e, t) => {
 			let n = Number(t);
-			for (let t of W(e)) {
+			for (let t of U(e)) {
 				t.setAttribute("stroke-width", String(n));
 				let e = t.getAttribute("data-dash-key");
 				e && t.setAttribute("stroke-dasharray", k(e, n));
 			}
-			et(e) && Ce(e);
+			_t(e) && Be(e);
 		},
 		min: .25,
 		max: 200,
@@ -1266,18 +1269,18 @@ var st = {
 		unit: "pt"
 	},
 	strokeStyle: {
-		id: V.strokeStyle,
+		id: B.strokeStyle,
 		type: "select",
 		label: "Dash type",
 		getValue: (e) => {
-			let t = G(e, "data-dash-key");
+			let t = W(e, "data-dash-key");
 			if (t != null) return t;
-			let n = Number.parseFloat(G(e, "stroke-width") || "1");
-			return A(G(e, "stroke-dasharray") || "", n) ?? "";
+			let n = Number.parseFloat(W(e, "stroke-width") || "1");
+			return Ee(W(e, "stroke-dasharray") || "", n) ?? "";
 		},
 		setValue: (e, t) => {
 			let n = String(t);
-			for (let t of W(e)) {
+			for (let t of U(e)) {
 				let e = Number.parseFloat(t.getAttribute("stroke-width") || "1");
 				n ? (t.setAttribute("data-dash-key", n), t.setAttribute("stroke-dasharray", k(n, e))) : (t.removeAttribute("data-dash-key"), t.removeAttribute("stroke-dasharray"));
 			}
@@ -1306,11 +1309,11 @@ var st = {
 		]
 	},
 	textVariantPicker: {
-		id: V.textVariantPicker,
+		id: B.textVariantPicker,
 		type: "variantPicker",
 		label: "Text type",
-		getValue: (e) => Ue(e),
-		replace: (e, t) => Ye(e, t),
+		getValue: (e) => ot(e),
+		replace: (e, t) => ft(e, t),
 		options: [
 			{
 				value: "plain",
@@ -1330,19 +1333,19 @@ var st = {
 		]
 	},
 	textColor: {
-		id: V.textColor,
+		id: B.textColor,
 		type: "color",
 		label: "Color",
 		getValue: (e) => e.querySelector("text")?.getAttribute("fill") ?? "#ff0000",
-		effect: H.applyTextColor
+		effect: V.applyTextColor
 	},
 	fontFamily: {
-		id: V.fontFamily,
+		id: B.fontFamily,
 		type: "select",
 		label: "Font",
-		getValue: (e) => o(e.getAttribute("data-font-family") ?? e.querySelector("text")?.getAttribute("font-family")),
+		getValue: (e) => S(e.getAttribute("data-font-family") ?? e.querySelector("text")?.getAttribute("font-family")),
 		setValue: (e, t) => {
-			let n = o(String(t));
+			let n = S(String(t));
 			e.setAttribute("data-font-family", n), e.querySelector("text")?.setAttribute("font-family", n);
 		},
 		options: [
@@ -1361,15 +1364,15 @@ var st = {
 		]
 	},
 	fontSize: {
-		id: V.fontSize,
+		id: B.fontSize,
 		type: "number",
 		label: "Size",
 		getValue: (e) => Number.parseFloat(e.querySelector("text")?.getAttribute("font-size") || "16"),
 		setValue: (e, t) => {
 			let n = Number(t);
-			if (e.querySelector("text")?.setAttribute("font-size", String(n)), e.setAttribute("data-font-size", String(n)), He(e)) {
-				let t = z(e).runs;
-				B(e, t);
+			if (e.querySelector("text")?.setAttribute("font-size", String(n)), e.setAttribute("data-font-size", String(n)), at(e)) {
+				let t = R(e).runs;
+				z(e, t);
 			}
 		},
 		min: 8,
@@ -1378,15 +1381,15 @@ var st = {
 		unit: "pt"
 	},
 	textAnchor: {
-		id: V.textAnchor,
+		id: B.textAnchor,
 		type: "select",
 		label: "Align",
 		getValue: (e) => e.getAttribute("data-text-anchor") ?? "start",
 		setValue: (e, t) => {
 			let n = String(t);
 			e.setAttribute("data-text-anchor", n);
-			let r = z(e).runs;
-			B(e, r);
+			let r = R(e).runs;
+			z(e, r);
 		},
 		options: [
 			{
@@ -1407,15 +1410,15 @@ var st = {
 		]
 	},
 	textVerticalAnchor: {
-		id: V.textVerticalAnchor,
+		id: B.textVerticalAnchor,
 		type: "select",
 		label: "V-Align",
 		getValue: (e) => e.getAttribute("data-text-vanchor") ?? "top",
 		setValue: (e, t) => {
 			let n = String(t);
 			e.setAttribute("data-text-vanchor", n);
-			let r = z(e).runs;
-			B(e, r);
+			let r = R(e).runs;
+			z(e, r);
 		},
 		options: [
 			{
@@ -1436,15 +1439,15 @@ var st = {
 		]
 	},
 	textAutofit: {
-		id: V.textAutofit,
+		id: B.textAutofit,
 		type: "select",
 		label: "Autofit",
 		getValue: (e) => e.getAttribute("data-text-autofit") || "none",
 		setValue: (e, t) => {
 			let n = String(t);
 			n === "none" ? e.removeAttribute("data-text-autofit") : e.setAttribute("data-text-autofit", n);
-			let r = z(e).runs;
-			B(e, r);
+			let r = R(e).runs;
+			z(e, r);
 		},
 		options: [
 			{
@@ -1461,19 +1464,19 @@ var st = {
 			}
 		]
 	},
-	textMarginLeft: q(V.textMarginLeft, "Margin L", "data-text-margin-l"),
-	textMarginRight: q(V.textMarginRight, "Margin R", "data-text-margin-r"),
-	textMarginTop: q(V.textMarginTop, "Margin T", "data-text-margin-t"),
-	textMarginBottom: q(V.textMarginBottom, "Margin B", "data-text-margin-b"),
-	textBold: lt(V.textBold, "Bold", "font-weight", "bold", (e) => e === "bold" || e === "700"),
-	textItalic: lt(V.textItalic, "Italic", "font-style", "italic", (e) => e === "italic"),
-	textUnderline: lt(V.textUnderline, "Underline", "text-decoration", "underline", (e) => e.includes("underline")),
+	textMarginLeft: K(B.textMarginLeft, "Margin L", "data-text-margin-l"),
+	textMarginRight: K(B.textMarginRight, "Margin R", "data-text-margin-r"),
+	textMarginTop: K(B.textMarginTop, "Margin T", "data-text-margin-t"),
+	textMarginBottom: K(B.textMarginBottom, "Margin B", "data-text-margin-b"),
+	textBold: Et(B.textBold, "Bold", "font-weight", "bold", (e) => e === "bold" || e === "700"),
+	textItalic: Et(B.textItalic, "Italic", "font-style", "italic", (e) => e === "italic"),
+	textUnderline: Et(B.textUnderline, "Underline", "text-decoration", "underline", (e) => e.includes("underline")),
 	redactStylePicker: {
-		id: V.redactStylePicker,
+		id: B.redactStylePicker,
 		type: "variantPicker",
 		label: "Redact style",
-		getValue: (e) => at(e),
-		effect: H.applyRedactStyle,
+		getValue: (e) => St(e),
+		effect: V.applyRedactStyle,
 		options: [
 			{
 				value: "mosaic",
@@ -1493,31 +1496,31 @@ var st = {
 		]
 	},
 	redactSolidColor: {
-		id: V.redactSolidColor,
+		id: B.redactSolidColor,
 		type: "color",
 		label: "Color",
 		getValue: (e) => e.getAttribute("fill") ?? "#111111",
 		setValue: (e, t) => {
 			e.setAttribute("fill", String(t));
 		},
-		visibleWhen: (e) => at(e) === "solid"
+		visibleWhen: (e) => St(e) === "solid"
 	},
 	highlightColorPicker: {
-		id: V.highlightColorPicker,
+		id: B.highlightColorPicker,
 		type: "variantPicker",
 		label: "Highlight color",
-		getValue: (e) => (e.getAttribute("fill") ?? f[0]?.value ?? "#ffff00").toLowerCase(),
+		getValue: (e) => (e.getAttribute("fill") ?? D[0]?.value ?? "#ffff00").toLowerCase(),
 		setValue: (e, t) => {
 			e.setAttribute("fill", String(t));
 		},
-		options: f.map((e) => ({
+		options: D.map((e) => ({
 			value: e.value,
 			label: e.label,
 			swatchColor: e.value
 		}))
 	},
 	highlightTransparency: {
-		id: V.highlightTransparency,
+		id: B.highlightTransparency,
 		type: "number",
 		label: "Transparency",
 		getValue: (e) => {
@@ -1534,66 +1537,66 @@ var st = {
 		unit: "%"
 	},
 	markerShapePicker: {
-		id: V.markerShapePicker,
+		id: B.markerShapePicker,
 		type: "variantPicker",
 		label: "Counter shape",
-		getValue: (e) => $e(e),
-		effect: H.applyMarkerShape,
+		getValue: (e) => gt(e),
+		effect: V.applyMarkerShape,
 		options: [
 			{
 				value: "circle",
 				label: "Circle",
-				iconSvg: d.circle
+				iconSvg: E.circle
 			},
 			{
 				value: "rect",
 				label: "Square",
-				iconSvg: d.rect
+				iconSvg: E.rect
 			},
 			{
 				value: "rounded",
 				label: "Rounded square",
-				iconSvg: d.rounded
+				iconSvg: E.rounded
 			}
 		]
 	},
 	markerSize: {
-		id: V.markerSize,
+		id: B.markerSize,
 		type: "number",
 		label: "Size",
-		getValue: (e) => it(e),
-		effect: H.resizeMarker,
+		getValue: (e) => xt(e),
+		effect: V.resizeMarker,
 		min: 8,
 		max: 96,
 		step: 1,
 		unit: "pt"
 	},
 	markerBgFillColor: {
-		id: V.markerBgFillColor,
+		id: B.markerBgFillColor,
 		type: "color",
 		label: "Color",
-		getValue: (e) => U(e)?.getAttribute("fill") ?? "#ff0000",
+		getValue: (e) => H(e)?.getAttribute("fill") ?? "#ff0000",
 		setValue: (e, t) => {
-			U(e)?.setAttribute("fill", String(t));
+			H(e)?.setAttribute("fill", String(t));
 		},
 		allowNone: !0
 	},
 	markerBgStrokeColor: {
-		id: V.markerBgStrokeColor,
+		id: B.markerBgStrokeColor,
 		type: "color",
 		label: "Color",
-		getValue: (e) => U(e)?.getAttribute("stroke") ?? "#ffffff",
+		getValue: (e) => H(e)?.getAttribute("stroke") ?? "#ffffff",
 		setValue: (e, t) => {
-			U(e)?.setAttribute("stroke", String(t));
+			H(e)?.setAttribute("stroke", String(t));
 		}
 	},
 	markerBgStrokeWidth: {
-		id: V.markerBgStrokeWidth,
+		id: B.markerBgStrokeWidth,
 		type: "number",
 		label: "Width",
-		getValue: (e) => Number.parseFloat(U(e)?.getAttribute("stroke-width") || "1.5"),
+		getValue: (e) => Number.parseFloat(H(e)?.getAttribute("stroke-width") || "1.5"),
 		setValue: (e, t) => {
-			let n = U(e);
+			let n = H(e);
 			if (!n) return;
 			let r = Number(t);
 			n.setAttribute("stroke-width", String(r));
@@ -1606,19 +1609,19 @@ var st = {
 		unit: "pt"
 	},
 	markerBgStrokeStyle: {
-		id: V.markerBgStrokeStyle,
+		id: B.markerBgStrokeStyle,
 		type: "select",
 		label: "Dash type",
 		getValue: (e) => {
-			let t = U(e);
+			let t = H(e);
 			if (!t) return "";
 			let n = t.getAttribute("data-dash-key");
 			if (n != null) return n;
 			let r = Number.parseFloat(t.getAttribute("stroke-width") || "1.5");
-			return A(t.getAttribute("stroke-dasharray") || "", r) ?? "";
+			return Ee(t.getAttribute("stroke-dasharray") || "", r) ?? "";
 		},
 		setValue: (e, t) => {
-			let n = U(e);
+			let n = H(e);
 			if (!n) return;
 			let r = String(t), i = Number.parseFloat(n.getAttribute("stroke-width") || "1.5");
 			r ? (n.setAttribute("data-dash-key", r), n.setAttribute("stroke-dasharray", k(r, i))) : (n.removeAttribute("data-dash-key"), n.removeAttribute("stroke-dasharray"));
@@ -1647,7 +1650,7 @@ var st = {
 		]
 	},
 	markerLabelValue: {
-		id: V.markerLabelValue,
+		id: B.markerLabelValue,
 		type: "number",
 		label: "Value",
 		getValue: (e) => {
@@ -1665,34 +1668,34 @@ var st = {
 		step: 1
 	},
 	fillOpacity: {
-		id: V.fillOpacity,
+		id: B.fillOpacity,
 		type: "number",
 		label: "Transparency",
 		getValue: (e) => {
-			let t = Number.parseFloat(G(e, "fill-opacity") || "1");
+			let t = Number.parseFloat(W(e, "fill-opacity") || "1");
 			return Math.round((1 - (Number.isFinite(t) ? t : 1)) * 100);
 		},
 		setValue: (e, t) => {
 			let n = 1 - Number(t) / 100;
 			e.setAttribute("fill-opacity", String(n));
 		},
-		visibleWhen: (e) => !K(e) && e.tagName !== "path" && !ot(e),
+		visibleWhen: (e) => !G(e) && e.tagName !== "path" && !Ct(e),
 		min: 0,
 		max: 100,
 		step: 1,
 		unit: "%"
 	},
 	strokeOpacity: {
-		id: V.strokeOpacity,
+		id: B.strokeOpacity,
 		type: "number",
 		label: "Transparency",
 		getValue: (e) => {
-			let t = e.getAttribute("opacity") ?? (G(e, "stroke-opacity") || "1"), n = Number.parseFloat(t);
+			let t = e.getAttribute("opacity") ?? (W(e, "stroke-opacity") || "1"), n = Number.parseFloat(t);
 			return Math.round((1 - (Number.isFinite(n) ? n : 1)) * 100);
 		},
 		setValue: (e, t) => {
 			let n = 1 - Number(t) / 100;
-			for (let t of W(e)) K(t) ? (t.setAttribute("opacity", String(n)), t.removeAttribute("stroke-opacity")) : t.setAttribute("stroke-opacity", String(n));
+			for (let t of U(e)) G(t) ? (t.setAttribute("opacity", String(n)), t.removeAttribute("stroke-opacity")) : t.setAttribute("stroke-opacity", String(n));
 		},
 		min: 0,
 		max: 100,
@@ -1700,13 +1703,13 @@ var st = {
 		unit: "%"
 	},
 	strokeLinecap: {
-		id: V.strokeLinecap,
+		id: B.strokeLinecap,
 		type: "select",
 		label: "Cap type",
-		getValue: (e) => G(e, "stroke-linecap") ?? "butt",
+		getValue: (e) => W(e, "stroke-linecap") ?? "butt",
 		setValue: (e, t) => {
 			let n = String(t);
-			for (let t of W(e)) t.setAttribute("stroke-linecap", n);
+			for (let t of U(e)) t.setAttribute("stroke-linecap", n);
 		},
 		options: [
 			{
@@ -1724,57 +1727,57 @@ var st = {
 		]
 	},
 	arrowStartShape: {
-		id: V.arrowStartShape,
+		id: B.arrowStartShape,
 		type: "select",
 		label: "Begin arrow type",
-		getValue: (e) => N(e, "start").shape,
-		effect: H.applyArrowStartShape,
-		visibleWhen: K,
-		getOptions: (e) => nt("start", tt(e)),
+		getValue: (e) => M(e, "start").shape,
+		effect: V.applyArrowStartShape,
+		visibleWhen: G,
+		getOptions: (e) => yt("start", vt(e)),
 		selectColumns: 3,
 		selectPopupWidth: 170
 	},
 	arrowStartSize: {
-		id: V.arrowStartSize,
+		id: B.arrowStartSize,
 		type: "select",
 		label: "Begin arrow size",
 		getValue: (e) => {
-			let t = N(e, "start");
+			let t = M(e, "start");
 			return `${t.width}-${t.length}`;
 		},
-		effect: H.applyArrowStartSize,
-		visibleWhen: K,
-		options: rt("start"),
+		effect: V.applyArrowStartSize,
+		visibleWhen: G,
+		options: bt("start"),
 		selectColumns: 3,
 		selectPopupWidth: 180
 	},
 	arrowEndShape: {
-		id: V.arrowEndShape,
+		id: B.arrowEndShape,
 		type: "select",
 		label: "End arrow type",
-		getValue: (e) => N(e, "end").shape,
-		effect: H.applyArrowEndShape,
-		visibleWhen: K,
-		getOptions: (e) => nt("end", tt(e)),
+		getValue: (e) => M(e, "end").shape,
+		effect: V.applyArrowEndShape,
+		visibleWhen: G,
+		getOptions: (e) => yt("end", vt(e)),
 		selectColumns: 3,
 		selectPopupWidth: 170
 	},
 	arrowEndSize: {
-		id: V.arrowEndSize,
+		id: B.arrowEndSize,
 		type: "select",
 		label: "End arrow size",
 		getValue: (e) => {
-			let t = N(e, "end");
+			let t = M(e, "end");
 			return `${t.width}-${t.length}`;
 		},
-		effect: H.applyArrowEndSize,
-		visibleWhen: K,
-		options: rt("end"),
+		effect: V.applyArrowEndSize,
+		visibleWhen: G,
+		options: bt("end"),
 		selectColumns: 3,
 		selectPopupWidth: 180
 	}
 };
-function ct(e) {
+function Tt(e) {
 	let t = e.tagName;
 	if (t === "g") {
 		let t = e.getAttribute("data-type");
@@ -1787,7 +1790,7 @@ function ct(e) {
 	let n = e.getAttribute("data-redact-style");
 	return n === "mosaic" ? "redact-mosaic" : n === "solid" ? "redact-solid" : n === "blur" ? "redact-blur" : "shape";
 }
-function q(e, t, n) {
+function K(e, t, n) {
 	return {
 		id: e,
 		type: "number",
@@ -1802,8 +1805,8 @@ function q(e, t, n) {
 			let r = Number(t);
 			if (!Number.isFinite(r) || r < 0) return;
 			e.setAttribute(n, String(r));
-			let i = z(e).runs;
-			B(e, i);
+			let i = R(e).runs;
+			z(e, i);
 		},
 		min: 0,
 		max: 200,
@@ -1811,7 +1814,7 @@ function q(e, t, n) {
 		unit: "px"
 	};
 }
-function lt(e, t, n, r, i) {
+function Et(e, t, n, r, i) {
 	return {
 		id: e,
 		type: "select",
@@ -1836,13 +1839,13 @@ function lt(e, t, n, r, i) {
 		}]
 	};
 }
-function ut(e) {
+function Dt(e) {
 	if (e.length === 0) return {
 		category: null,
 		uniform: !0
 	};
-	let t = ct(e[0]);
-	for (let n = 1; n < e.length; n++) if (ct(e[n]) !== t) return {
+	let t = Tt(e[0]);
+	for (let n = 1; n < e.length; n++) if (Tt(e[n]) !== t) return {
 		category: t,
 		uniform: !1
 	};
@@ -1853,14 +1856,14 @@ function ut(e) {
 }
 //#endregion
 //#region src/editor/selection-geometry.ts
-function dt(e, t, n, r, i) {
+function Ot(e, t, n, r, i) {
 	let a = Math.cos(i), o = Math.sin(i);
 	return {
 		x: n + (e - n) * a - (t - r) * o,
 		y: r + (e - n) * o + (t - r) * a
 	};
 }
-var ft = [
+var kt = [
 	"ew-resize",
 	"nwse-resize",
 	"ns-resize",
@@ -1870,11 +1873,11 @@ var ft = [
 	"ns-resize",
 	"nesw-resize"
 ];
-function pt(e) {
+function At(e) {
 	let t = Math.PI * 2, n = (e % t + t) % t;
-	return n += Math.PI / 8, n >= t && (n -= t), ft[Math.floor(n / (Math.PI / 4)) % 8];
+	return n += Math.PI / 8, n >= t && (n -= t), kt[Math.floor(n / (Math.PI / 4)) % 8];
 }
-function mt(e) {
+function jt(e) {
 	let t = Infinity, n = Infinity, r = -Infinity, i = -Infinity;
 	for (let a of e) a.x < t && (t = a.x), a.y < n && (n = a.y), a.x + a.width > r && (r = a.x + a.width), a.y + a.height > i && (i = a.y + a.height);
 	return {
@@ -1884,14 +1887,14 @@ function mt(e) {
 		height: i - n
 	};
 }
-function ht(e) {
+function Mt(e) {
 	let { draggedBoxes: t, dx: n, dy: r, otherBoxes: i, threshold: a } = e;
 	if (t.length === 0 || i.length === 0) return {
 		dx: n,
 		dy: r,
 		guides: []
 	};
-	let o = mt(t), s = {
+	let o = jt(t), s = {
 		left: o.x + n,
 		right: o.x + o.width + n,
 		centerX: o.x + o.width / 2 + n,
@@ -1964,20 +1967,20 @@ function ht(e) {
 }
 //#endregion
 //#region src/editor/svg-format.ts
-var gt = "1", _t = "0", vt = "data-annot-version";
-function yt(e) {
-	e.setAttribute(vt, "1");
+var Nt = "1", Pt = "0", Ft = "data-annot-version";
+function It(e) {
+	e.setAttribute(Ft, "1");
 }
-function bt(e) {
+function Lt(e) {
 	return e.getAttribute("data-annot-version") || "0";
 }
-function xt(e) {
+function Rt(e) {
 	let t = /\sdata-annot-version="([^"]*)"/.exec(e);
 	return t ? t[1] : "0";
 }
 //#endregion
 //#region src/editor/tool-lifecycle.ts
-function St(e) {
+function zt(e) {
 	let t = [], n = [], r = {
 		drafts: t,
 		committed: n,
@@ -1996,32 +1999,32 @@ function St(e) {
 }
 //#endregion
 //#region src/editor/tool-style-writer.ts
-function J(e, t) {
+function q(e, t) {
 	t.strokeColor && e.setAttribute("stroke", t.strokeColor), t.strokeWidth != null && e.setAttribute("stroke-width", String(t.strokeWidth)), t.strokeDasharray != null && (e.setAttribute("stroke-dasharray", k(t.strokeDasharray, t.strokeWidth)), e.setAttribute("data-dash-key", t.strokeDasharray)), t.fillColor && e.setAttribute("fill", t.fillColor), t.fillOpacity != null && e.setAttribute("fill-opacity", String(t.fillOpacity)), t.strokeLinecap && e.setAttribute("stroke-linecap", t.strokeLinecap), t.strokeLinejoin && e.setAttribute("stroke-linejoin", t.strokeLinejoin), t.strokeOpacity != null && (e.tagName === "line" || e.tagName === "g" && e.getAttribute("data-type") === "arrow" ? e.setAttribute("opacity", String(t.strokeOpacity)) : e.setAttribute("stroke-opacity", String(t.strokeOpacity)));
 }
 //#endregion
 //#region src/editor/tool-registry.ts
-var Ct = [
+var Bt = [
 	"tool.typeChips",
 	"tool.transparencyPercent",
 	"tool.fillTransparencyPercent",
 	"tool.fillOpacityPercent",
 	"tool.freehandDone"
-], Y = [
+], J = [
 	"strokeColor",
 	"strokeWidth",
 	"strokeDasharray",
 	"strokeOpacity",
 	"strokeLinecap"
 ];
-function wt(e) {
+function Vt(e) {
 	return e.getAttribute("data-highlight") === "1" || e.getAttribute("data-redact-style") === "solid" ? null : e.hasAttribute("data-rounded") ? "rounded" : "rect";
 }
-function Tt(e) {
+function Ht(e) {
 	let t = (e.getAttribute("data-arrow-start-shape") ?? "none") !== "none", n = (e.getAttribute("data-arrow-end-shape") ?? "none") !== "none";
 	return t && n ? "both" : t || n ? "end" : "none";
 }
-function Et(e, t, n) {
+function Ut(e, t, n) {
 	if (e !== "arrow") return;
 	let r = n, i = "triangle", a = "none", o = n.arrowHeadStart, s = n.arrowHeadEnd;
 	switch (t) {
@@ -2036,7 +2039,7 @@ function Et(e, t, n) {
 			break;
 	}
 }
-var Dt = {
+var Wt = {
 	arrow: {
 		id: "arrow",
 		label: "Line",
@@ -2048,23 +2051,23 @@ var Dt = {
 				value: "none",
 				icon: "horizontal_rule",
 				label: "Line (no arrow)",
-				svg: u.none
+				svg: T.none
 			},
 			{
 				value: "end",
 				icon: "north_east",
 				label: "Arrow",
-				svg: u.end
+				svg: T.end
 			},
 			{
 				value: "both",
 				icon: "sync_alt",
 				label: "Double arrow",
-				svg: u.both
+				svg: T.both
 			}
 		],
 		presetFields: [
-			...Y,
+			...J,
 			"arrowHead",
 			"arrowHeadStart",
 			"arrowHeadEnd",
@@ -2080,7 +2083,7 @@ var Dt = {
 			},
 			{
 				section: "Line",
-				id: V.strokeColor
+				id: B.strokeColor
 			},
 			{
 				section: "Line",
@@ -2088,43 +2091,43 @@ var Dt = {
 			},
 			{
 				section: "Line",
-				id: V.strokeWidth
+				id: B.strokeWidth
 			},
 			{
 				section: "Line",
-				id: V.strokeStyle
+				id: B.strokeStyle
 			},
 			{
 				section: "Line",
-				id: V.strokeLinecap
+				id: B.strokeLinecap
 			},
 			{
 				section: "Line",
-				id: V.arrowStartShape
+				id: B.arrowStartShape
 			},
 			{
 				section: "Line",
-				id: V.arrowStartSize
+				id: B.arrowStartSize
 			},
 			{
 				section: "Line",
-				id: V.arrowEndShape
+				id: B.arrowEndShape
 			},
 			{
 				section: "Line",
-				id: V.arrowEndSize
+				id: B.arrowEndSize
 			}
 		],
 		variantKeyForElement(e) {
-			return e.tagName === "line" || e.tagName === "g" && e.getAttribute("data-type") === "arrow" ? `arrow.${Tt(e)}` : null;
+			return e.tagName === "line" || e.tagName === "g" && e.getAttribute("data-type") === "arrow" ? `arrow.${Ht(e)}` : null;
 		},
 		extractStyleFromElement(e, t) {
-			t.arrowHead = Tt(e);
+			t.arrowHead = Ht(e);
 			let n = e.getAttribute("data-arrow-start-shape"), r = e.getAttribute("data-arrow-end-shape"), i = e.getAttribute("data-arrow-start-width"), a = e.getAttribute("data-arrow-start-length"), o = e.getAttribute("data-arrow-end-width"), s = e.getAttribute("data-arrow-end-length");
-			n && (t.arrowHeadStart = n), r && (t.arrowHeadEnd = r), i && (t.arrowWidthStart = i), a && (t.arrowLengthStart = a), o && (t.arrowWidthEnd = o), s && (t.arrowLengthEnd = s), Et("arrow", t.arrowHead, t);
+			n && (t.arrowHeadStart = n), r && (t.arrowHeadEnd = r), i && (t.arrowWidthStart = i), a && (t.arrowLengthStart = a), o && (t.arrowWidthEnd = o), s && (t.arrowLengthEnd = s), Ut("arrow", t.arrowHead, t);
 		},
 		applyStyleToElement(e, t) {
-			J(e, t), e.tagName === "g" && e.getAttribute("data-type") === "arrow" && Ce(e);
+			q(e, t), e.tagName === "g" && e.getAttribute("data-type") === "arrow" && Be(e);
 		}
 	},
 	shape: {
@@ -2138,23 +2141,23 @@ var Dt = {
 				value: "rect",
 				icon: "rectangle",
 				label: "Rectangle",
-				svg: l.rect
+				svg: w.rect
 			},
 			{
 				value: "rounded",
 				icon: "crop_square",
 				label: "Rounded rectangle",
-				svg: l.rounded
+				svg: w.rounded
 			},
 			{
 				value: "ellipse",
 				icon: "circle",
 				label: "Ellipse",
-				svg: l.ellipse
+				svg: w.ellipse
 			}
 		],
 		presetFields: [
-			...Y,
+			...J,
 			"fillColor",
 			"fillOpacity",
 			"shapeType",
@@ -2167,7 +2170,7 @@ var Dt = {
 			},
 			{
 				section: "Fill",
-				id: V.fillColor
+				id: B.fillColor
 			},
 			{
 				section: "Fill",
@@ -2175,7 +2178,7 @@ var Dt = {
 			},
 			{
 				section: "Line",
-				id: V.strokeColor
+				id: B.strokeColor
 			},
 			{
 				section: "Line",
@@ -2183,21 +2186,21 @@ var Dt = {
 			},
 			{
 				section: "Line",
-				id: V.strokeWidth
+				id: B.strokeWidth
 			},
 			{
 				section: "Line",
-				id: V.strokeStyle
+				id: B.strokeStyle
 			},
 			{
 				section: "Line",
-				id: V.strokeLinecap
+				id: B.strokeLinecap
 			}
 		],
 		variantKeyForElement(e) {
 			if (e.tagName === "ellipse") return "shape.ellipse";
 			if (e.tagName === "rect") {
-				let t = wt(e);
+				let t = Vt(e);
 				return t ? `shape.${t}` : null;
 			}
 			return null;
@@ -2206,7 +2209,7 @@ var Dt = {
 			e.tagName === "ellipse" ? t.shapeType = "ellipse" : e.tagName === "rect" && (t.shapeType = e.hasAttribute("data-rounded") ? "rounded" : "rect");
 		},
 		applyStyleToElement(e, t) {
-			J(e, t);
+			q(e, t);
 		}
 	},
 	highlight: {
@@ -2214,8 +2217,8 @@ var Dt = {
 		label: "Highlight",
 		icon: "ink_highlighter",
 		variantField: "highlightColor",
-		defaultVariant: f[0].value,
-		variants: f.map((e) => ({
+		defaultVariant: D[0].value,
+		variants: D.map((e) => ({
 			value: e.value,
 			icon: "ink_highlighter",
 			label: e.label
@@ -2223,7 +2226,7 @@ var Dt = {
 		flyoutKind: "color",
 		tooltipLabelForVariant: (e) => {
 			let t = e.toLowerCase();
-			return f.find((e) => e.value === t)?.label ?? "";
+			return D.find((e) => e.value === t)?.label ?? "";
 		},
 		ensurePresetForVariantChange: (e) => {
 			e.shapeType = "highlight";
@@ -2239,7 +2242,7 @@ var Dt = {
 		variantKeyForElement(e) {
 			if (e.tagName !== "rect" || e.getAttribute("data-highlight") !== "1") return null;
 			let t = e.getAttribute("fill");
-			return `highlight.${t ? t.toLowerCase() : f[0].value}`;
+			return `highlight.${t ? t.toLowerCase() : D[0].value}`;
 		},
 		extractStyleFromElement(e, t) {
 			let n = e.getAttribute("fill");
@@ -2288,23 +2291,23 @@ var Dt = {
 			},
 			{
 				section: "Line",
-				id: V.strokeColor
+				id: B.strokeColor
 			},
 			{
 				section: "Line",
-				id: V.fontFamily
+				id: B.fontFamily
 			},
 			{
 				section: "Line",
-				id: V.fontSize
+				id: B.fontSize
 			},
 			{
 				section: "Label",
-				id: V.textAnchor
+				id: B.textAnchor
 			},
 			{
 				section: "Label",
-				id: V.textVerticalAnchor
+				id: B.textVerticalAnchor
 			}
 		],
 		variantKeyForElement(e) {
@@ -2347,7 +2350,7 @@ var Dt = {
 				}
 				return;
 			}
-			J(e, t);
+			q(e, t);
 		}
 	},
 	freehand: {
@@ -2365,7 +2368,7 @@ var Dt = {
 			icon: "ink_highlighter",
 			label: "Highlighter"
 		}],
-		presetFields: [...Y, "drawStyle"],
+		presetFields: [...J, "drawStyle"],
 		panelControls: [
 			{
 				section: "Type",
@@ -2373,7 +2376,7 @@ var Dt = {
 			},
 			{
 				section: "Line",
-				id: V.strokeColor
+				id: B.strokeColor
 			},
 			{
 				section: "Line",
@@ -2381,15 +2384,15 @@ var Dt = {
 			},
 			{
 				section: "Line",
-				id: V.strokeWidth
+				id: B.strokeWidth
 			},
 			{
 				section: "Line",
-				id: V.strokeStyle
+				id: B.strokeStyle
 			},
 			{
 				section: "Line",
-				id: V.strokeLinecap
+				id: B.strokeLinecap
 			},
 			{
 				section: "Line",
@@ -2404,7 +2407,7 @@ var Dt = {
 			(n === "pen" || n === "highlighter") && (t.drawStyle = n);
 		},
 		applyStyleToElement(e, t) {
-			J(e, t);
+			q(e, t);
 		}
 	},
 	marker: {
@@ -2418,23 +2421,23 @@ var Dt = {
 				value: "circle",
 				icon: "circle",
 				label: "Circle",
-				svg: d.circle
+				svg: E.circle
 			},
 			{
 				value: "rect",
 				icon: "square",
 				label: "Square",
-				svg: d.rect
+				svg: E.rect
 			},
 			{
 				value: "rounded",
 				icon: "crop_square",
 				label: "Rounded square",
-				svg: d.rounded
+				svg: E.rounded
 			}
 		],
 		presetFields: [
-			...Y,
+			...J,
 			"fillColor",
 			"fontSize",
 			"markerShape"
@@ -2446,23 +2449,23 @@ var Dt = {
 			},
 			{
 				section: "Fill",
-				id: V.fillColor
+				id: B.fillColor
 			},
 			{
 				section: "Line",
-				id: V.strokeColor
+				id: B.strokeColor
 			},
 			{
 				section: "Line",
-				id: V.strokeWidth
+				id: B.strokeWidth
 			},
 			{
 				section: "Line",
-				id: V.strokeStyle
+				id: B.strokeStyle
 			},
 			{
 				section: "Label",
-				id: V.fontSize
+				id: B.fontSize
 			}
 		],
 		variantKeyForElement(e) {
@@ -2525,7 +2528,7 @@ var Dt = {
 			id: "tool.typeChips"
 		}, {
 			section: "Fill",
-			id: V.fillColor,
+			id: B.fillColor,
 			visibleWhen: (e) => e.redactStyle === "solid"
 		}],
 		variantKeyForElement(e) {
@@ -2550,8 +2553,15 @@ var Dt = {
 		icon: "crop",
 		category: "image-op",
 		presetFields: []
+	},
+	overlay: {
+		id: "overlay",
+		label: "Overlay",
+		icon: "label",
+		category: "annotation",
+		presetFields: []
 	}
-}, Ot = [
+}, Gt = [
 	"arrow",
 	"shape",
 	"highlight",
@@ -2559,147 +2569,148 @@ var Dt = {
 	"freehand",
 	"marker",
 	"redact",
-	"crop"
-], kt = (e, t) => Math.round((1 - (Number.isFinite(e) ? e : t)) * 100), At = (e) => 1 - e / 100, jt = (e, t) => Math.round((Number.isFinite(e) ? e : t) * 100), Mt = (e) => e / 100;
-function Nt(e) {
+	"crop",
+	"overlay"
+], Kt = (e, t) => Math.round((1 - (Number.isFinite(e) ? e : t)) * 100), qt = (e) => 1 - e / 100, Jt = (e, t) => Math.round((Number.isFinite(e) ? e : t) * 100), Yt = (e) => e / 100;
+function Xt(e) {
 	return e === "sm" || e === "md" || e === "lg";
 }
-function Pt(e, t) {
+function Zt(e, t) {
 	return e ?? t;
 }
-function Ft(e, t) {
-	return `${Pt(e, "md")}-${Pt(t, "md")}`;
+function Qt(e, t) {
+	return `${Zt(e, "md")}-${Zt(t, "md")}`;
 }
-function It(e) {
+function $t(e) {
 	let [t, n] = e.split("-");
 	return {
-		width: t && Nt(t) ? t : "md",
-		length: n && Nt(n) ? n : "md"
+		width: t && Xt(t) ? t : "md",
+		length: n && Xt(n) ? n : "md"
 	};
 }
-var Lt = {
-	[V.strokeColor]: {
+var en = {
+	[B.strokeColor]: {
 		read: (e) => e.strokeColor,
 		write: (e, t) => {
 			e.strokeColor = String(t);
 		},
-		selectionDef: V.strokeColor
+		selectionDef: B.strokeColor
 	},
-	[V.strokeWidth]: {
+	[B.strokeWidth]: {
 		read: (e) => e.strokeWidth,
 		write: (e, t) => {
 			e.strokeWidth = Number(t);
 		},
-		selectionDef: V.strokeWidth
+		selectionDef: B.strokeWidth
 	},
-	[V.strokeStyle]: {
+	[B.strokeStyle]: {
 		read: (e) => e.strokeDasharray ?? "",
 		write: (e, t) => {
 			e.strokeDasharray = String(t);
 		},
-		selectionDef: V.strokeStyle
+		selectionDef: B.strokeStyle
 	},
-	[V.strokeLinecap]: {
+	[B.strokeLinecap]: {
 		read: (e) => e.strokeLinecap ?? "butt",
 		write: (e, t) => {
 			e.strokeLinecap = t;
 		},
-		selectionDef: V.strokeLinecap
+		selectionDef: B.strokeLinecap
 	},
-	[V.fillColor]: {
+	[B.fillColor]: {
 		read: (e) => e.fillColor,
 		write: (e, t) => {
 			e.fillColor = String(t);
 		},
-		selectionDef: V.fillColor
+		selectionDef: B.fillColor
 	},
-	[V.fontSize]: {
+	[B.fontSize]: {
 		read: (e) => e.fontSize,
 		write: (e, t) => {
 			e.fontSize = Number(t);
 		},
-		selectionDef: V.fontSize
+		selectionDef: B.fontSize
 	},
-	[V.fontFamily]: {
-		read: (e) => o(e.fontFamily),
+	[B.fontFamily]: {
+		read: (e) => S(e.fontFamily),
 		write: (e, t) => {
-			e.fontFamily = o(String(t));
+			e.fontFamily = S(String(t));
 		},
-		selectionDef: V.fontFamily
+		selectionDef: B.fontFamily
 	},
-	[V.textAnchor]: {
+	[B.textAnchor]: {
 		read: (e) => e.textAnchor ?? "start",
 		write: (e, t) => {
 			e.textAnchor = t;
 		},
-		selectionDef: V.textAnchor
+		selectionDef: B.textAnchor
 	},
-	[V.textVerticalAnchor]: {
+	[B.textVerticalAnchor]: {
 		read: (e) => e.textVerticalAnchor ?? "top",
 		write: (e, t) => {
 			e.textVerticalAnchor = t;
 		},
-		selectionDef: V.textVerticalAnchor
+		selectionDef: B.textVerticalAnchor
 	},
-	[V.arrowStartShape]: {
+	[B.arrowStartShape]: {
 		read: (e) => e.arrowHeadStart ?? "none",
 		write: (e, t) => {
 			e.arrowHeadStart = t;
 		},
-		selectionDef: V.arrowStartShape
+		selectionDef: B.arrowStartShape
 	},
-	[V.arrowEndShape]: {
+	[B.arrowEndShape]: {
 		read: (e) => e.arrowHeadEnd ?? "triangle",
 		write: (e, t) => {
 			e.arrowHeadEnd = t;
 		},
-		selectionDef: V.arrowEndShape
+		selectionDef: B.arrowEndShape
 	},
-	[V.arrowStartSize]: {
-		read: (e) => Ft(e.arrowWidthStart, e.arrowLengthStart),
+	[B.arrowStartSize]: {
+		read: (e) => Qt(e.arrowWidthStart, e.arrowLengthStart),
 		write: (e, t) => {
-			let { width: n, length: r } = It(String(t));
+			let { width: n, length: r } = $t(String(t));
 			e.arrowWidthStart = n, e.arrowLengthStart = r;
 		},
-		selectionDef: V.arrowStartSize
+		selectionDef: B.arrowStartSize
 	},
-	[V.arrowEndSize]: {
-		read: (e) => Ft(e.arrowWidthEnd, e.arrowLengthEnd),
+	[B.arrowEndSize]: {
+		read: (e) => Qt(e.arrowWidthEnd, e.arrowLengthEnd),
 		write: (e, t) => {
-			let { width: n, length: r } = It(String(t));
+			let { width: n, length: r } = $t(String(t));
 			e.arrowWidthEnd = n, e.arrowLengthEnd = r;
 		},
-		selectionDef: V.arrowEndSize
+		selectionDef: B.arrowEndSize
 	},
 	"tool.typeChips": {
 		read: (e, t) => {
-			let n = Dt[t]?.variantField;
+			let n = Wt[t]?.variantField;
 			if (n) return e[n];
 		},
 		write: (e, t, n) => {
-			let r = Dt[n]?.variantField;
+			let r = Wt[n]?.variantField;
 			r && (e[r] = t);
 		},
 		selectionDef: null
 	},
 	"tool.transparencyPercent": {
-		read: (e) => kt(e.strokeOpacity ?? 1, 1),
+		read: (e) => Kt(e.strokeOpacity ?? 1, 1),
 		write: (e, t) => {
-			e.strokeOpacity = At(Number(t));
+			e.strokeOpacity = qt(Number(t));
 		},
-		selectionDef: V.strokeOpacity
+		selectionDef: B.strokeOpacity
 	},
 	"tool.fillTransparencyPercent": {
-		read: (e) => kt(e.fillOpacity ?? .4, .4),
+		read: (e) => Kt(e.fillOpacity ?? .4, .4),
 		write: (e, t) => {
-			e.fillOpacity = At(Number(t));
+			e.fillOpacity = qt(Number(t));
 		},
-		selectionDef: V.fillOpacity
+		selectionDef: B.fillOpacity
 	},
 	"tool.fillOpacityPercent": {
-		read: (e) => jt(e.fillOpacity ?? 1, 1),
+		read: (e) => Jt(e.fillOpacity ?? 1, 1),
 		write: (e, t) => {
-			e.fillOpacity = Mt(Number(t));
+			e.fillOpacity = Yt(Number(t));
 		},
 		selectionDef: null
 	},
@@ -2709,10 +2720,10 @@ var Lt = {
 		selectionDef: null
 	}
 };
-function Rt(e) {
-	let t = Lt[e];
+function tn(e) {
+	let t = en[e];
 	if (!t?.selectionDef) return null;
-	let n = st[t.selectionDef];
+	let n = wt[t.selectionDef];
 	return n ? {
 		label: n.label,
 		options: n.options,
@@ -2723,22 +2734,22 @@ function Rt(e) {
 		allowNone: n.allowNone
 	} : null;
 }
-var zt = [
-	V.strokeColor,
-	V.strokeWidth,
-	V.strokeStyle,
-	V.strokeLinecap,
-	V.fillColor,
-	V.fontSize,
-	V.fontFamily,
-	V.textAnchor,
-	V.textVerticalAnchor,
-	V.arrowStartShape,
-	V.arrowEndShape,
-	V.arrowStartSize,
-	V.arrowEndSize,
-	...Ct
-], Bt = {
+var nn = [
+	B.strokeColor,
+	B.strokeWidth,
+	B.strokeStyle,
+	B.strokeLinecap,
+	B.fillColor,
+	B.fontSize,
+	B.fontFamily,
+	B.textAnchor,
+	B.textVerticalAnchor,
+	B.arrowStartShape,
+	B.arrowEndShape,
+	B.arrowStartSize,
+	B.arrowEndSize,
+	...Bt
+], rn = {
 	strokeColor: "stroke_color",
 	fillColor: "fill_color",
 	strokeWidth: "stroke_width",
@@ -2764,49 +2775,49 @@ var zt = [
 	strokeOpacity: "stroke_opacity",
 	strokeLinecap: "stroke_linecap",
 	strokeLinejoin: "stroke_linejoin"
-}, Vt = (() => {
+}, an = (() => {
 	let e = {};
-	for (let [t, n] of Object.entries(Bt)) e[n] = t;
+	for (let [t, n] of Object.entries(rn)) e[n] = t;
 	return e;
 })();
-function Ht(e, t) {
-	return t === "camel" ? e : Bt[e] ?? e;
+function on(e, t) {
+	return t === "camel" ? e : rn[e] ?? e;
 }
-function Ut(e, t, n) {
+function sn(e, t, n) {
 	if (t === "camel") return e in n ? e : null;
-	let r = Bt[e];
+	let r = rn[e];
 	return r !== void 0 && r in n ? r : null;
 }
-function Wt(e, t, n) {
+function cn(e, t, n) {
 	let r = {};
 	for (let i of t) {
 		let t = e[i];
-		t !== void 0 && (r[Ht(i, n)] = t);
+		t !== void 0 && (r[on(i, n)] = t);
 	}
 	return r;
 }
-function Gt(e, t, n) {
+function ln(e, t, n) {
 	let r = {};
 	for (let i of t) {
-		let t = Ut(i, n, e);
+		let t = sn(i, n, e);
 		if (t === null) continue;
 		let a = e[t];
 		a !== void 0 && a !== "" && (r[i] = a);
 	}
 	return r;
 }
-function Kt(e) {
-	return Vt[e];
+function un(e) {
+	return an[e];
 }
 //#endregion
 //#region src/editor/tool-style-reader.ts
-function qt(e) {
+function dn(e) {
 	if (e.tagName.toLowerCase() !== "g" || e.getAttribute("data-type") !== "freehand") return e;
 	let t = e.querySelectorAll(":scope > path");
 	return t.length === 0 ? e : t[t.length - 1];
 }
-function Jt(e, t) {
-	let n = qt(e), r = n.getAttribute("stroke");
+function fn(e, t) {
+	let n = dn(e), r = n.getAttribute("stroke");
 	r && (t.strokeColor = r);
 	let i = n.getAttribute("fill");
 	i && (t.fillColor = i);
@@ -2825,22 +2836,22 @@ function Jt(e, t) {
 }
 //#endregion
 //#region src/editor/viewport-math.ts
-var Yt = .1, Xt = 5, Zt = 40;
-function Qt(e, t = Yt, n = 5) {
+var pn = .1, mn = 5, hn = 40;
+function gn(e, t = pn, n = 5) {
 	return Math.max(t, Math.min(e, n));
 }
-function $t(e, t, n, r, i = 40, a = 1) {
+function _n(e, t, n, r, i = 40, a = 1) {
 	if (e <= 0 || t <= 0) return 0;
 	let o = n - i, s = r - i;
 	return o <= 0 || s <= 0 ? 0 : Math.min(o / e, s / t, a);
 }
-function en(e, t, n) {
+function vn(e, t, n) {
 	return {
 		width: Math.round(e * n),
 		height: Math.round(t * n)
 	};
 }
-function tn(e, t, n) {
+function yn(e, t, n) {
 	let [r, i, a, o, s, c] = e, l = r * o - i * a;
 	if (l === 0) throw Error("applyInverseAffine: matrix is singular");
 	return {
@@ -2850,192 +2861,192 @@ function tn(e, t, n) {
 }
 //#endregion
 //#region src/icons/types.ts
-function nn(e) {
+function bn(e) {
 	return {
 		kind: "builtin",
 		id: e
 	};
 }
-function rn(e) {
+function xn(e) {
 	return {
 		kind: "svg",
 		svg: e
 	};
 }
-function an(e) {
+function Sn(e) {
 	return {
 		kind: "url",
 		url: e
 	};
 }
-function on(e) {
+function Cn(e) {
 	return e.kind === "builtin";
 }
-function sn(e) {
+function wn(e) {
 	return e.kind === "svg";
 }
-function cn(e) {
+function Tn(e) {
 	return e.kind === "url";
 }
 //#endregion
 //#region src/storage/errors.ts
-var X = class extends Error {
+var Y = class extends Error {
 	code;
 	path;
 	constructor(e, t, n) {
 		super(n), this.name = "StorageError", this.code = e, this.path = t;
 	}
-}, ln = class extends X {
+}, En = class extends Y {
 	constructor(e, t) {
 		super("conflict", e, t ?? `Path already exists: ${e}`), this.name = "StorageConflictError";
 	}
-}, un = class extends X {
+}, Dn = class extends Y {
 	constructor(e, t) {
 		super("not-found", e, t ?? `Path not found: ${e}`), this.name = "StorageNotFoundError";
 	}
-}, dn = class extends X {
+}, On = class extends Y {
 	constructor(e, t) {
 		super("permission", e, t ?? `Permission denied: ${e}`), this.name = "StoragePermissionError";
 	}
-}, fn = class extends X {
+}, kn = class extends Y {
 	constructor(e, t) {
 		super("quota", e, t ?? `Quota exceeded: ${e}`), this.name = "StorageQuotaError";
 	}
-}, pn = class extends Error {
+}, An = class extends Error {
 	constructor(e, t) {
 		super(e, t), this.name = "MetadataCacheError";
 	}
-}, mn = class extends pn {
+}, jn = class extends An {
 	constructor(e = "Metadata cache quota exceeded", t) {
 		super(e, t), this.name = "MetadataCacheQuotaError";
 	}
 };
-function hn(e) {
+function Mn(e) {
 	let t = e;
 	return typeof t.metadataNamespace == "function" && typeof t.attachMetadataCache == "function";
 }
 //#endregion
 //#region src/storage/path.ts
-var gn = "", _n = /[<>:"/\\|?*\x00-\x1f]/;
-function vn(e) {
+var Nn = "", Pn = /[<>:"/\\|?*\x00-\x1f]/;
+function Fn(e) {
 	if (!e) throw Error("Name must not be empty");
 	if (e === "." || e === "..") throw Error(`Name "${e}" is reserved`);
-	if (_n.test(e)) throw Error(`Name "${e}" contains invalid characters`);
+	if (Pn.test(e)) throw Error(`Name "${e}" contains invalid characters`);
 	if (e.length > 255) throw Error("Name is too long (max 255 chars)");
 }
-function yn(e, t) {
+function In(e, t) {
 	if (!t) throw Error("joinPath: name is required");
 	if (t.includes("/")) throw Error(`joinPath: name must not contain "/": "${t}"`);
 	return e ? `${e}/${t}` : t;
 }
-function bn(e) {
+function Ln(e) {
 	if (!e) return "";
 	let t = e.lastIndexOf("/");
 	return t < 0 ? "" : e.slice(0, t);
 }
-function xn(e) {
+function Rn(e) {
 	if (!e) return "";
 	let t = e.lastIndexOf("/");
 	return t < 0 ? e : e.slice(t + 1);
 }
-function Sn(e) {
+function zn(e) {
 	return e ? e.split("/") : [];
 }
-function Cn(e) {
-	let t = Sn(e), n = [], r = "";
+function Bn(e) {
+	let t = zn(e), n = [], r = "";
 	for (let e = 0; e < t.length - 1; e++) r = r ? `${r}/${t[e]}` : t[e], n.push(r);
 	return n;
 }
-function wn(e, t) {
+function Vn(e, t) {
 	return t ? e === t || e.startsWith(`${t}/`) : !0;
 }
-function Tn(e) {
+function Hn(e) {
 	let t = e.lastIndexOf(".");
 	return t <= 0 ? [e, ""] : [e.slice(0, t), e.slice(t)];
 }
-function En(e, t) {
+function Un(e, t) {
 	if (!t(e)) return e;
-	let [n, r] = Tn(e);
+	let [n, r] = Hn(e);
 	for (let e = 2; e < 1e4; e++) {
 		let i = `${n} (${e})${r}`;
 		if (!t(i)) return i;
 	}
 	throw Error(`Could not find unique name for "${e}"`);
 }
-async function Dn(e, t) {
+async function Wn(e, t) {
 	if (!await t(e)) return e;
-	let [n, r] = Tn(e);
+	let [n, r] = Hn(e);
 	for (let e = 2; e < 1e4; e++) {
 		let i = `${n} (${e})${r}`;
 		if (!await t(i)) return i;
 	}
 	throw Error(`Could not find unique name for "${e}"`);
 }
-function On(e, t, n) {
+function Gn(e, t, n) {
 	return e === t ? n : t && e.startsWith(`${t}/`) ? n ? n + e.slice(t.length) : e.slice(t.length + 1) : t ? e : n ? `${n}/${e}` : e;
 }
 //#endregion
 //#region src/storage/thumbnail-cache.ts
-var kn = class extends Error {
+var Kn = class extends Error {
 	constructor(e, t) {
 		super(e, t), this.name = "ThumbnailCacheError";
 	}
-}, An = class extends kn {
+}, qn = class extends Kn {
 	constructor(e = "Thumbnail cache quota exceeded", t) {
 		super(e, t), this.name = "ThumbnailCacheQuotaError";
 	}
 };
 //#endregion
 //#region src/storage/types.ts
-function jn(e) {
+function Jn(e) {
 	return typeof e.resync == "function";
 }
-function Mn(e) {
+function Yn(e) {
 	return typeof e.forceRefresh == "function";
 }
-function Nn(e) {
+function Xn(e) {
 	return typeof e.setTokenRefresher == "function" && typeof e.setToken == "function";
 }
-function Pn(e) {
+function Zn(e) {
 	return typeof e.init == "function";
 }
-function Fn(e) {
+function Qn(e) {
 	return typeof e.getRateLimit == "function" && typeof e.setRateLimitListener == "function";
 }
-function In(e) {
+function $n(e) {
 	let t = e;
 	return typeof t.saveDocument == "function" && typeof t.getDocument == "function" && typeof t.listDocuments == "function" && typeof t.updateDocument == "function";
 }
 //#endregion
 //#region src/utils/assert.ts
-function Ln(e, t) {
+function er(e, t) {
 	if (e == null) throw Error(`Assertion failed: ${t}`);
 	return e;
 }
 //#endregion
 //#region src/utils/constants.ts
-var Rn = .9, zn = "#ff0000", Bn = "none", Vn = 3, Hn = 24, Un = 10, Wn = "annot";
-function Z(e, t = 2) {
+var tr = .9, nr = "#ff0000", rr = "none", ir = 3, ar = 24, or = 10, sr = "annot";
+function X(e, t = 2) {
 	return String(e).padStart(t, "0");
 }
-function Gn(e = /* @__PURE__ */ new Date()) {
-	return `${e.getFullYear()}${Z(e.getMonth() + 1)}${Z(e.getDate())}-${Z(e.getHours())}${Z(e.getMinutes())}${Z(e.getSeconds())}-${Z(e.getMilliseconds(), 3)}`;
+function cr(e = /* @__PURE__ */ new Date()) {
+	return `${e.getFullYear()}${X(e.getMonth() + 1)}${X(e.getDate())}-${X(e.getHours())}${X(e.getMinutes())}${X(e.getSeconds())}-${X(e.getMilliseconds(), 3)}`;
 }
-function Kn(e = /* @__PURE__ */ new Date()) {
-	return `${Wn}-${Gn(e)}`;
+function lr(e = /* @__PURE__ */ new Date()) {
+	return `${sr}-${cr(e)}`;
 }
-function qn(e, t = /* @__PURE__ */ new Date()) {
+function ur(e, t = /* @__PURE__ */ new Date()) {
 	let n = e.startsWith("data:image/jpeg") ? "jpg" : "png";
-	return `${Kn(t)}.annot.${n}`;
+	return `${lr(t)}.annot.${n}`;
 }
 //#endregion
 //#region src/utils/id.ts
-var Jn = "123456789ABCDEFGHJKLMNPQRSTUVWXYZabcdefghijkmnopqrstuvwxyz";
-function Yn(e = Date.now()) {
-	let t = new Uint8Array(16), n = Math.floor(e / 4294967296), r = e >>> 0;
+var dr = "123456789ABCDEFGHJKLMNPQRSTUVWXYZabcdefghijkmnopqrstuvwxyz";
+function fr(e = Date.now()) {
+	let t = /* @__PURE__ */ new Uint8Array(16), n = Math.floor(e / 4294967296), r = e >>> 0;
 	return t[0] = n >>> 8 & 255, t[1] = n & 255, t[2] = r >>> 24 & 255, t[3] = r >>> 16 & 255, t[4] = r >>> 8 & 255, t[5] = r & 255, crypto.getRandomValues(t.subarray(6)), t[6] = t[6] & 15 | 112, t[8] = t[8] & 63 | 128, t;
 }
-function Xn(e) {
+function pr(e) {
 	let t = 0;
 	for (; t < e.length && e[t] === 0;) t++;
 	let n = Array.from(e), r = [], i = t;
@@ -3049,17 +3060,85 @@ function Xn(e) {
 		r.push(e);
 	}
 	let a = "";
-	for (let e = 0; e < t; e++) a += Jn[0];
-	for (let e = r.length - 1; e >= 0; e--) a += Jn[r[e]];
+	for (let e = 0; e < t; e++) a += dr[0];
+	for (let e = r.length - 1; e >= 0; e--) a += dr[r[e]];
 	return a;
 }
-function Zn() {
-	return Xn(Yn());
+function mr() {
+	return pr(fr());
+}
+//#endregion
+//#region src/xmp/element-tree-payload.ts
+var hr = "annot:elementTree", Z = new TextEncoder().encode(hr), gr = new TextEncoder().encode("iTXt");
+function _r(e, t) {
+	if (!br(e)) throw Error("writeElementTreePng: input is not a valid PNG (missing signature)");
+	let n = i(t), r = m(new TextEncoder().encode(n)), a = u(gr, d(Z, new Uint8Array([
+		0,
+		1,
+		0,
+		0,
+		0
+	]), r)), o = Sr(e), s = o.length - 12;
+	return d(o.slice(0, s), a, o.slice(s));
+}
+function vr(e) {
+	if (!br(e)) return null;
+	let t = Cr(e);
+	if (t === null) return null;
+	let n = c(t);
+	if (n.version !== 1) throw Error(`readElementTreePng: unsupported ElementTree schema version ${String(n.version)} (this build understands 1)`);
+	return n;
+}
+function yr(e) {
+	return br(e) ? xr(e) !== null : !1;
+}
+function br(e) {
+	return e.length >= 8 && e[0] === 137 && e[1] === 80 && e[2] === 78 && e[3] === 71;
+}
+function xr(e) {
+	let t = 8;
+	for (; t + 12 <= e.length;) {
+		let n = f(e, t), r = String.fromCharCode(e[t + 4], e[t + 5], e[t + 6], e[t + 7]), i = t + 8, a = i + n + 4;
+		if (a > e.length) break;
+		if (r === "iTXt" && p(e, i, Z)) {
+			let r = i + Z.length;
+			if (r < i + n && e[r] === 0) return {
+				start: t,
+				end: a,
+				dataStart: i,
+				dataLength: n
+			};
+		}
+		t = a;
+	}
+	return null;
+}
+function Sr(e) {
+	let t = xr(e);
+	return t === null ? e : d(e.slice(0, t.start), e.slice(t.end));
+}
+function Cr(e) {
+	let t = xr(e);
+	if (t === null) return null;
+	let n = t.dataStart + Z.length;
+	if (n + 3 > t.dataStart + t.dataLength) return null;
+	let r = e[n + 1] ?? 0, i = e[n + 2] ?? 0;
+	if (r === 1 && i !== 0) throw Error(`extractElementTreeYaml: unsupported compression method ${i} (only deflate is defined)`);
+	let a = n + 3, o = t.dataStart + t.dataLength;
+	for (; a < o && e[a] !== 0;) a++;
+	for (a++; a < o && e[a] !== 0;) a++;
+	if (a++, a > o) return null;
+	let s = e.slice(a, o);
+	if (r === 1) {
+		let e = h(s);
+		return new TextDecoder().decode(e);
+	}
+	return new TextDecoder().decode(s);
 }
 //#endregion
 //#region src/zip/zip-bytes.ts
-var Qn = new TextEncoder();
-function $n(e) {
+var wr = new TextEncoder();
+function Tr(e) {
 	let t = 4294967295;
 	for (let n = 0; n < e.length; n++) {
 		t ^= e[n];
@@ -3078,10 +3157,10 @@ function $(e) {
 		e >> 24 & 255
 	]);
 }
-function er(e) {
+function Er(e) {
 	let t = [], n = [], r = 0;
 	for (let i of e) {
-		let e = Qn.encode(i.name), a = $n(i.data), o = i.data.length, s = new Uint8Array([
+		let e = wr.encode(i.name), a = Tr(i.data), o = i.data.length, s = new Uint8Array([
 			80,
 			75,
 			3,
@@ -3146,17 +3225,17 @@ function er(e) {
 }
 //#endregion
 //#region src/zip/zip-builder.ts
-function tr(e) {
-	let t = er(e);
+function Dr(e) {
+	let t = Er(e);
 	return new Blob([t], { type: "application/zip" });
 }
-function nr(e) {
+function Or(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;
 }
-function rr(e) {
+function kr(e) {
 	return e.startsWith("data:image/png") ? "png" : "jpg";
 }
 //#endregion
-export { Wn as ANNOT_FILENAME_PREFIX, gt as ANNOT_SVG_VERSION, vt as ANNOT_SVG_VERSION_ATTR, _t as ANNOT_SVG_VERSION_UNSTAMPED, g as BUILTIN_ICONS, _ as BUILTIN_ICON_IDS, Xe as CATEGORY_CONTROL_SHAPE, Bn as DEFAULT_FILL_COLOR, Hn as DEFAULT_FONT_SIZE, s as DEFAULT_HISTORY_DEPTH, Xt as DEFAULT_MAX_ZOOM, Yt as DEFAULT_MIN_ZOOM, zn as DEFAULT_STROKE_COLOR, Vn as DEFAULT_STROKE_WIDTH, Zt as FIT_VIEW_PADDING, Rn as JPEG_QUALITY, e as LOGICAL_FAMILIES, Un as MOSAIC_BLOCK_SIZE, pn as MetadataCacheError, mn as MetadataCacheQuotaError, st as PROPERTY_CONTROLS, V as PROPERTY_CONTROL_IDS, H as PROPERTY_EFFECT_IDS, gn as ROOT_PATH, ln as StorageConflictError, X as StorageError, un as StorageNotFoundError, dn as StoragePermissionError, fn as StorageQuotaError, Lt as TOOL_PANEL_ADAPTERS, zt as TOOL_PANEL_ADAPTER_IDS, Ct as TOOL_PANEL_EXTRA_CONTROL_IDS, Dt as TOOL_REGISTRY, Ot as TOOL_REGISTRY_IDS, kn as ThumbnailCacheError, An as ThumbnailCacheQuotaError, Cn as ancestorPaths, tn as applyInverseAffine, Ln as assertNonNull, tr as buildZip, nn as builtinIcon, Qt as clampZoom, ct as classifyPropertyElement, ut as classifyPropertySelection, o as coerceToLogicalFamily, k as computeDasharray, $t as computeFitZoom, en as computeRenderedSize, ht as computeSnap, c as createHistoryCore, St as createMockToolSurface, r as cssStackFor, pt as cursorForAngle, rr as dataUrlExt, nr as dataUrlToBytes, Kn as defaultAnnotFilenameStem, qn as defaultAnnotImageFilename, A as detectDashKey, Kt as fieldForSnakeKey, Gn as formatLocalTimestamp, xt as getAnnotVersionFromString, xn as getFilename, bn as getParentPath, on as isBuiltinIcon, wn as isDescendantOrSame, a as isLogicalFamily, sn as isSvgIcon, cn as isUrlIcon, yn as joinPath, Zn as newIdB58, Et as normalizeVariantSideFields, i as ooxmlTypefacesFor, Gt as presetFromWire, Wt as presetToWire, bt as readAnnotVersion, Jt as readUniversalStyleAttrs, re as renderIconElement, ne as renderIconHtml, v as resolveBuiltinIcon, qt as resolveStyleReadSource, On as rewritePathPrefix, dt as rotateAround, T as sanitizeIconSvg, Rt as selectionDefMetadata, Tn as splitExt, Sn as splitPath, yt as stampAnnotVersion, In as supportsDocuments, Mn as supportsForceRefresh, Pn as supportsInit, hn as supportsMetadataCache, Fn as supportsRateLimit, jn as supportsResync, Nn as supportsTokenRefresher, rn as svgIcon, ce as translatePathD, En as uniquifyFilename, Dn as uniquifyFilenameAsync, an as urlIcon, vn as validateName, J as writeUniversalStyleAttrs };
+export { sr as ANNOT_FILENAME_PREFIX, Nt as ANNOT_SVG_VERSION, Ft as ANNOT_SVG_VERSION_ATTR, Pt as ANNOT_SVG_VERSION_UNSTAMPED, re as BUILTIN_ICONS, ie as BUILTIN_ICON_IDS, pt as CATEGORY_CONTROL_SHAPE, rr as DEFAULT_FILL_COLOR, ar as DEFAULT_FONT_SIZE, C as DEFAULT_HISTORY_DEPTH, mn as DEFAULT_MAX_ZOOM, pn as DEFAULT_MIN_ZOOM, nr as DEFAULT_STROKE_COLOR, ir as DEFAULT_STROKE_WIDTH, hr as ELEMENT_TREE_ITXT_KEYWORD, hn as FIT_VIEW_PADDING, tr as JPEG_QUALITY, g as LOGICAL_FAMILIES, or as MOSAIC_BLOCK_SIZE, An as MetadataCacheError, jn as MetadataCacheQuotaError, wt as PROPERTY_CONTROLS, B as PROPERTY_CONTROL_IDS, V as PROPERTY_EFFECT_IDS, Nn as ROOT_PATH, En as StorageConflictError, Y as StorageError, Dn as StorageNotFoundError, On as StoragePermissionError, kn as StorageQuotaError, en as TOOL_PANEL_ADAPTERS, nn as TOOL_PANEL_ADAPTER_IDS, Bt as TOOL_PANEL_EXTRA_CONTROL_IDS, Wt as TOOL_REGISTRY, Gt as TOOL_REGISTRY_IDS, Kn as ThumbnailCacheError, qn as ThumbnailCacheQuotaError, Bn as ancestorPaths, yn as applyInverseAffine, er as assertNonNull, Dr as buildZip, bn as builtinIcon, gn as clampZoom, Tt as classifyPropertyElement, Dt as classifyPropertySelection, S as coerceToLogicalFamily, k as computeDasharray, _n as computeFitZoom, vn as computeRenderedSize, Mt as computeSnap, ee as createHistoryCore, zt as createMockToolSurface, y as cssStackFor, At as cursorForAngle, kr as dataUrlExt, Or as dataUrlToBytes, lr as defaultAnnotFilenameStem, ur as defaultAnnotImageFilename, Ee as detectDashKey, un as fieldForSnakeKey, o as findByMatch, n as findByRef, e as flattenTree, cr as formatLocalTimestamp, Rt as getAnnotVersionFromString, Rn as getFilename, Ln as getParentPath, yr as hasElementTreePng, Cn as isBuiltinIcon, Vn as isDescendantOrSame, l as isElementTreeShape, x as isLogicalFamily, wn as isSvgIcon, Tn as isUrlIcon, In as joinPath, mr as newIdB58, Ut as normalizeVariantSideFields, b as ooxmlTypefacesFor, s as parseElementTreeFromJson, c as parseElementTreeFromYaml, ln as presetFromWire, cn as presetToWire, Lt as readAnnotVersion, vr as readElementTreePng, fn as readUniversalStyleAttrs, ye as renderIconElement, ve as renderIconHtml, ae as resolveBuiltinIcon, dn as resolveStyleReadSource, Gn as rewritePathPrefix, Ot as rotateAround, me as sanitizeIconSvg, tn as selectionDefMetadata, t as serializeElementTreeToJson, i as serializeElementTreeToYaml, Hn as splitExt, zn as splitPath, It as stampAnnotVersion, $n as supportsDocuments, Yn as supportsForceRefresh, Zn as supportsInit, Mn as supportsMetadataCache, Qn as supportsRateLimit, Jn as supportsResync, Xn as supportsTokenRefresher, xn as svgIcon, we as translatePathD, Un as uniquifyFilename, Wn as uniquifyFilenameAsync, Sn as urlIcon, r as validateElementTree, Fn as validateName, a as walkTree, _r as writeElementTreePng, q as writeUniversalStyleAttrs };