react-edit-to-html 1.2.10 → 1.2.11

package/dist/index.js

@@ -182,32 +182,32 @@ function k(e, t, n) {
 }
 //#endregion
 //#region node_modules/pdfjs-dist/build/pdf.mjs
-var te = /* @__PURE__ */ p({
+var A = /* @__PURE__ */ p({
 	AbortException: () => Qe,
 	AnnotationEditorLayer: () => Sy,
-	AnnotationEditorParamsType: () => N,
-	AnnotationEditorType: () => M,
+	AnnotationEditorParamsType: () => P,
+	AnnotationEditorType: () => N,
 	AnnotationEditorUIManager: () => Br,
 	AnnotationLayer: () => Ch,
-	AnnotationMode: () => Ee,
-	AnnotationType: () => Me,
+	AnnotationMode: () => Te,
+	AnnotationType: () => je,
 	CSSConstants: () => zt,
 	ColorPicker: () => ip,
 	DOMSVGFactory: () => Sp,
 	DrawLayer: () => Hy,
 	FeatureTest: () => R,
 	GlobalWorkerOptions: () => Hu,
-	ImageKind: () => je,
+	ImageKind: () => Ae,
 	InvalidPDFException: () => Ye,
 	MathClamp: () => B,
-	OPS: () => P,
+	OPS: () => Pe,
 	OutputScale: () => It,
 	PDFDataRangeTransport: () => lf,
 	PDFDateString: () => Ot,
 	PDFWorker: () => xf,
 	PasswordException: () => qe,
 	PasswordResponses: () => Ie,
-	PermissionFlag: () => ke,
+	PermissionFlag: () => Oe,
 	PixelsPerInch: () => ht,
 	RenderingCancelledException: () => vt,
 	ResponseException: () => Xe,
@@ -217,7 +217,7 @@ var te = /* @__PURE__ */ p({
 	TextLayerImages: () => fb,
 	TouchManager: () => Qi,
 	Util: () => z,
-	VerbosityLevel: () => Pe,
+	VerbosityLevel: () => Ne,
 	XfaLayer: () => mt,
 	applyOpacity: () => Bt,
 	build: () => Kf,
@@ -244,19 +244,19 @@ var te = /* @__PURE__ */ p({
 	stopEvent: () => Dt,
 	updateUrlHash: () => We,
 	version: () => Gf
-}), A, ne, re, ie, ae, j, oe, se, ce, le, ue, de, fe, pe, me, he, ge, _e, ve, ye = typeof process == "object" && process + "" == "[object process]" && !process.versions.nw && !(process.versions.electron && process.type && process.type !== "browser"), be = [
+}), j, te, ne, re, ie, ae, M, oe, se, ce, le, ue, de, fe, pe, me, he, ge, _e, ve = typeof process == "object" && process + "" == "[object process]" && !process.versions.nw && !(process.versions.electron && process.type && process.type !== "browser"), ye = [
 	Infinity,
 	Infinity,
 	-Infinity,
 	-Infinity
-], xe = new Float32Array(be), Se = [
+], be = new Float32Array(ye), xe = [
 	.001,
 	0,
 	0,
 	.001,
 	0,
 	0
-], Ce = 1.35, we = "http://www.w3.org/2000/svg", Te = {
+], Se = 1.35, Ce = "http://www.w3.org/2000/svg", we = {
 	ANY: 1,
 	DISPLAY: 2,
 	PRINT: 4,
@@ -266,12 +266,12 @@ var te = /* @__PURE__ */ p({
 	ANNOTATIONS_DISABLE: 64,
 	IS_EDITING: 128,
 	OPLIST: 256
-}, Ee = {
+}, Te = {
 	DISABLE: 0,
 	ENABLE: 1,
 	ENABLE_FORMS: 2,
 	ENABLE_STORAGE: 3
-}, De = "pdfjs_internal_id_", Oe = "pdfjs_internal_editor_", M = {
+}, Ee = "pdfjs_internal_id_", De = "pdfjs_internal_editor_", N = {
 	DISABLE: -1,
 	NONE: 0,
 	FREETEXT: 3,
@@ -281,7 +281,7 @@ var te = /* @__PURE__ */ p({
 	POPUP: 16,
 	SIGNATURE: 101,
 	COMMENT: 102
-}, N = {
+}, P = {
 	RESIZE: 1,
 	CREATE: 2,
 	FREETEXT_SIZE: 11,
@@ -296,7 +296,7 @@ var te = /* @__PURE__ */ p({
 	HIGHLIGHT_FREE: 33,
 	HIGHLIGHT_SHOW_ALL: 34,
 	DRAW_STEP: 41
-}, ke = {
+}, Oe = {
 	PRINT: 4,
 	MODIFY_CONTENTS: 8,
 	COPY: 16,
@@ -305,7 +305,7 @@ var te = /* @__PURE__ */ p({
 	COPY_FOR_ACCESSIBILITY: 512,
 	ASSEMBLE: 1024,
 	PRINT_HIGH_QUALITY: 2048
-}, Ae = {
+}, ke = {
 	FILL: 0,
 	STROKE: 1,
 	FILL_STROKE: 2,
@@ -316,11 +316,11 @@ var te = /* @__PURE__ */ p({
 	ADD_TO_PATH: 7,
 	FILL_STROKE_MASK: 3,
 	ADD_TO_PATH_FLAG: 4
-}, je = {
+}, Ae = {
 	GRAYSCALE_1BPP: 1,
 	RGB_24BPP: 2,
 	RGBA_32BPP: 3
-}, Me = {
+}, je = {
 	TEXT: 1,
 	LINK: 2,
 	FREETEXT: 3,
@@ -348,17 +348,17 @@ var te = /* @__PURE__ */ p({
 	THREED: 25,
 	REDACT: 26,
 	RICHMEDIA: 27
-}, Ne = {
+}, Me = {
 	SOLID: 1,
 	DASHED: 2,
 	BEVELED: 3,
 	INSET: 4,
 	UNDERLINE: 5
-}, Pe = {
+}, Ne = {
 	ERRORS: 0,
 	WARNINGS: 1,
 	INFOS: 5
-}, P = {
+}, Pe = {
 	dependency: 1,
 	setLineWidth: 2,
 	setLineCap: 3,
@@ -459,7 +459,7 @@ var te = /* @__PURE__ */ p({
 }, Ie = {
 	NEED_PASSWORD: 1,
 	INCORRECT_PASSWORD: 2
-}, Le = Pe.WARNINGS;
+}, Le = Ne.WARNINGS;
 function Re(e) {
 	Number.isInteger(e) && (Le = e);
 }
@@ -467,10 +467,10 @@ function ze() {
 	return Le;
 }
 function Be(e) {
-	Le >= Pe.INFOS && console.info(`Info: ${e}`);
+	Le >= Ne.INFOS && console.info(`Info: ${e}`);
 }
 function F(e) {
-	Le >= Pe.WARNINGS && console.warn(`Warning: ${e}`);
+	Le >= Ne.WARNINGS && console.warn(`Warning: ${e}`);
 }
 function I(e) {
 	throw Error(e);
@@ -695,7 +695,7 @@ var R = class {
 		l[0] = Math.min(l[0], t, s), l[1] = Math.min(l[1], n, c), l[2] = Math.max(l[2], t, s), l[3] = Math.max(l[3], n, c), m(e, this, nt).call(this, t, r, a, s, n, i, o, c, 3 * (-t + 3 * (r - a) + s), 6 * (t - 2 * r + a), 3 * (r - t), l), m(e, this, nt).call(this, t, r, a, s, n, i, o, c, 3 * (-n + 3 * (i - o) + c), 6 * (n - 2 * i + o), 3 * (i - n), l);
 	}
 };
-A = z;
+j = z;
 function tt(e, t, n, r, i, a, o, s, c, l) {
 	if (c <= 0 || c >= 1) return;
 	let u = 1 - c, d = c * c, f = d * c, p = u * (u * (u * e + 3 * c * t) + 3 * d * n) + f * r, m = u * (u * (u * i + 3 * c * a) + 3 * d * o) + f * s;
@@ -703,13 +703,13 @@ function tt(e, t, n, r, i, a, o, s, c, l) {
 }
 function nt(e, t, n, r, i, a, o, s, c, l, u, d) {
 	if (Math.abs(c) < 1e-12) {
-		Math.abs(l) >= 1e-12 && m(A, this, tt).call(this, e, t, n, r, i, a, o, s, -u / l, d);
+		Math.abs(l) >= 1e-12 && m(j, this, tt).call(this, e, t, n, r, i, a, o, s, -u / l, d);
 		return;
 	}
 	let f = Math.pow(l, 2) - 4 * u * c;
 	if (f < 0) return;
 	let p = Math.sqrt(f), h = 2 * c;
-	m(A, this, tt).call(this, e, t, n, r, i, a, o, s, (-l + p) / h, d), m(A, this, tt).call(this, e, t, n, r, i, a, o, s, (-l - p) / h, d);
+	m(j, this, tt).call(this, e, t, n, r, i, a, o, s, (-l + p) / h, d), m(j, this, tt).call(this, e, t, n, r, i, a, o, s, (-l - p) / h, d);
 }
 function rt(e) {
 	return decodeURIComponent(escape(e));
@@ -968,7 +968,7 @@ var ft = class e {
 		});
 	}
 }, ht = class {};
-ne = ht, v(ht, "CSS", 96), v(ht, "PDF", 72), v(ht, "PDF_TO_CSS_UNITS", ne.CSS / ne.PDF);
+te = ht, v(ht, "CSS", 96), v(ht, "PDF", 72), v(ht, "PDF_TO_CSS_UNITS", te.CSS / te.PDF);
 function gt(e) {
 	return _t.apply(this, arguments);
 }
@@ -1604,14 +1604,14 @@ var Sn = class e {
 	}
 	get id() {
 		var e, t;
-		return `${Oe}${T(Dn, this, (e = C(Dn, this), t = e++, e)), t}`;
+		return `${De}${T(Dn, this, (e = C(Dn, this), t = e++, e)), t}`;
 	}
 }, kn = /* @__PURE__ */ new WeakMap(), An = /* @__PURE__ */ new WeakMap(), jn = /* @__PURE__ */ new WeakMap(), Mn = /* @__PURE__ */ new WeakSet(), Nn = class {
 	constructor() {
 		w(this, Mn), S(this, kn, st()), S(this, An, 0), S(this, jn, null);
 	}
 	static get _isSVGFittingCanvas() {
-		let e = `data:image/svg+xml;charset=UTF-8,<svg viewBox="0 0 1 1" width="1" height="1" xmlns="${we}"><rect width="1" height="1" style="fill:red;"/></svg>`, t = new OffscreenCanvas(1, 3).getContext("2d", { willReadFrequently: !0 }), n = new Image();
+		let e = `data:image/svg+xml;charset=UTF-8,<svg viewBox="0 0 1 1" width="1" height="1" xmlns="${Ce}"><rect width="1" height="1" style="fill:red;"/></svg>`, t = new OffscreenCanvas(1, 3).getContext("2d", { willReadFrequently: !0 }), n = new Image();
 		n.src = e;
 		let r = n.decode().then(() => (t.drawImage(n, 0, 0, 1, 1, 0, 0, 1, 3), new Uint32Array(t.getImageData(0, 0, 1, 1).data.buffer)[0] === 0));
 		return L(this, "_isSVGFittingCanvas", r);
@@ -1684,7 +1684,7 @@ var Sn = class e {
 		return e.startsWith(`image_${C(kn, this)}_`);
 	}
 };
-re = Nn;
+ne = Nn;
 function Pn(e, t) {
 	var n = this;
 	return b(function* () {
@@ -1702,7 +1702,7 @@ function Pn(e, t) {
 			});
 			let e;
 			if (typeof t == "string" ? (r.url = t, e = yield gt(t, "blob")) : t instanceof File ? e = r.file = t : t instanceof Blob && (e = t), e.type === "image/svg+xml") {
-				let t = re._isSVGFittingCanvas, n = new FileReader(), i = new Image(), a = new Promise((e, a) => {
+				let t = ne._isSVGFittingCanvas, n = new FileReader(), i = new Image(), a = new Promise((e, a) => {
 					i.onload = () => {
 						r.bitmap = i, r.isSvg = !0, e();
 					}, n.onload = b(function* () {
@@ -1808,12 +1808,12 @@ var Fn = /* @__PURE__ */ new WeakMap(), In = /* @__PURE__ */ new WeakMap(), Ln =
 		l && !l(t, n) || (o.bind(t, ...c, n)(), s || Dt(n));
 	}
 };
-ie = Bn;
+re = Bn;
 function Vn(e) {
 	let t = null, n = 0;
 	for (let r of e.split("+")) {
 		if (r = r.trim(), !r) continue;
-		let i = r.toUpperCase(), a = ie[i];
+		let i = r.toUpperCase(), a = re[i];
 		if (a) {
 			n |= a;
 			continue;
@@ -1983,7 +1983,7 @@ var Wn = /* @__PURE__ */ new WeakMap(), Gn = /* @__PURE__ */ new WeakMap(), Kn =
 		]));
 	}
 	constructor(e, t, n, r, i, a, o, s, c, l, u, d, f, p, h, g) {
-		w(this, V), S(this, Wn, new AbortController()), S(this, Gn, null), S(this, Kn, null), S(this, qn, /* @__PURE__ */ new Map()), S(this, Jn, /* @__PURE__ */ new Map()), S(this, Yn, null), S(this, Xn, null), S(this, Zn, null), S(this, Qn, null), S(this, $n, new zn()), S(this, er, null), S(this, tr, null), S(this, nr, null), S(this, rr, 0), S(this, ir, /* @__PURE__ */ new Set()), S(this, ar, null), S(this, or, null), S(this, sr, /* @__PURE__ */ new Set()), v(this, "_editorUndoBar", null), S(this, cr, !1), S(this, lr, !1), S(this, ur, !1), S(this, dr, null), S(this, fr, null), S(this, pr, null), S(this, mr, null), S(this, hr, !1), S(this, gr, null), S(this, _r, new On()), S(this, vr, !1), S(this, yr, !1), S(this, br, !1), S(this, xr, null), S(this, Sr, null), S(this, Cr, null), S(this, wr, null), S(this, Tr, null), S(this, Er, M.NONE), S(this, Dr, /* @__PURE__ */ new Set()), S(this, Or, null), S(this, kr, null), S(this, Ar, null), S(this, jr, null), S(this, Mr, null), S(this, Nr, {
+		w(this, V), S(this, Wn, new AbortController()), S(this, Gn, null), S(this, Kn, null), S(this, qn, /* @__PURE__ */ new Map()), S(this, Jn, /* @__PURE__ */ new Map()), S(this, Yn, null), S(this, Xn, null), S(this, Zn, null), S(this, Qn, null), S(this, $n, new zn()), S(this, er, null), S(this, tr, null), S(this, nr, null), S(this, rr, 0), S(this, ir, /* @__PURE__ */ new Set()), S(this, ar, null), S(this, or, null), S(this, sr, /* @__PURE__ */ new Set()), v(this, "_editorUndoBar", null), S(this, cr, !1), S(this, lr, !1), S(this, ur, !1), S(this, dr, null), S(this, fr, null), S(this, pr, null), S(this, mr, null), S(this, hr, !1), S(this, gr, null), S(this, _r, new On()), S(this, vr, !1), S(this, yr, !1), S(this, br, !1), S(this, xr, null), S(this, Sr, null), S(this, Cr, null), S(this, wr, null), S(this, Tr, null), S(this, Er, N.NONE), S(this, Dr, /* @__PURE__ */ new Set()), S(this, Or, null), S(this, kr, null), S(this, Ar, null), S(this, jr, null), S(this, Mr, null), S(this, Nr, {
 			isEditing: !1,
 			isEmpty: !0,
 			hasSomethingToUndo: !1,
@@ -2206,7 +2206,7 @@ var Wn = /* @__PURE__ */ new WeakMap(), Gn = /* @__PURE__ */ new WeakMap(), Kn =
 		let { anchorNode: r, anchorOffset: i, focusNode: a, focusOffset: o } = n, s = n.toString(), c = m(V, this, Vr).call(this, n).closest(".textLayer"), l = this.getSelectionBoxes(c);
 		if (!l) return;
 		n.empty();
-		let u = m(V, this, Hr).call(this, c), d = C(Er, this) === M.NONE, f = () => {
+		let u = m(V, this, Hr).call(this, c), d = C(Er, this) === N.NONE, f = () => {
 			let n = u == null ? void 0 : u.createAndAddNewEditor({
 				x: 0,
 				y: 0
@@ -2222,7 +2222,7 @@ var Wn = /* @__PURE__ */ new WeakMap(), Gn = /* @__PURE__ */ new WeakMap(), Kn =
 			d && this.showAllEditors("highlight", !0, !0), t && (n == null || n.editComment());
 		};
 		if (d) {
-			this.switchToMode(M.HIGHLIGHT, f);
+			this.switchToMode(N.HIGHLIGHT, f);
 			return;
 		}
 		f();
@@ -2232,7 +2232,7 @@ var Wn = /* @__PURE__ */ new WeakMap(), Gn = /* @__PURE__ */ new WeakMap(), Kn =
 	}
 	getAndRemoveDataFromAnnotationStorage(e) {
 		if (!C(Zn, this)) return null;
-		let t = `${Oe}${e}`, n = C(Zn, this).getRawValue(t);
+		let t = `${De}${e}`, n = C(Zn, this).getRawValue(t);
 		return n && C(Zn, this).remove(t), n;
 	}
 	addToAnnotationStorage(e) {
@@ -2334,7 +2334,7 @@ var Wn = /* @__PURE__ */ new WeakMap(), Gn = /* @__PURE__ */ new WeakMap(), Kn =
 		})();
 	}
 	keydown(t) {
-		!this.isShiftKeyDown && t.key === "Shift" && (this.isShiftKeyDown = !0), C(Er, this) !== M.NONE && !this.isEditorHandlingKeyboard && e._keyboardManager.exec(this, t);
+		!this.isShiftKeyDown && t.key === "Shift" && (this.isShiftKeyDown = !0), C(Er, this) !== N.NONE && !this.isEditorHandlingKeyboard && e._keyboardManager.exec(this, t);
 	}
 	keyup(e) {
 		this.isShiftKeyDown && e.key === "Shift" && (this.isShiftKeyDown = !1, C(hr, this) && (T(hr, this, !1), m(V, this, Kr).call(this, "main_toolbar")));
@@ -2368,7 +2368,7 @@ var Wn = /* @__PURE__ */ new WeakMap(), Gn = /* @__PURE__ */ new WeakMap(), Kn =
 	}
 	clonePage(e, t) {
 		for (let n of this.getEditors(e)) {
-			let e = n.serialize(n.mode !== M.HIGHLIGHT);
+			let e = n.serialize(n.mode !== N.HIGHLIGHT);
 			e && (e.pageIndex = t, e.id = this.getId(), e.isClone = !0, delete e.popupRef, C(Zn, this).setValue(e.id, e));
 		}
 	}
@@ -2381,7 +2381,7 @@ var Wn = /* @__PURE__ */ new WeakMap(), Gn = /* @__PURE__ */ new WeakMap(), Kn =
 	}
 	setEditingState(e) {
 		e ? (m(V, this, Jr).call(this), m(V, this, Qr).call(this), m(V, this, ti).call(this, {
-			isEditing: C(Er, this) !== M.NONE,
+			isEditing: C(Er, this) !== N.NONE,
 			isEmpty: m(V, this, si).call(this),
 			hasSomethingToUndo: C($n, this).hasSomethingToUndo(),
 			hasSomethingToRedo: C($n, this).hasSomethingToRedo(),
@@ -2417,11 +2417,11 @@ var Wn = /* @__PURE__ */ new WeakMap(), Gn = /* @__PURE__ */ new WeakMap(), Kn =
 		return b(function* () {
 			var s, c;
 			if (C(Er, o) !== e && !(C(zr, o) && (yield C(zr, o).promise, !C(zr, o)))) {
-				if (T(zr, o, Promise.withResolvers()), (s = C(nr, o)) == null || s.commitOrRemove(), C(Er, o) === M.POPUP) {
+				if (T(zr, o, Promise.withResolvers()), (s = C(nr, o)) == null || s.commitOrRemove(), C(Er, o) === N.POPUP) {
 					var l;
 					(l = C(er, o)) == null || l.hideSidebar();
 				}
-				if ((c = C(er, o)) == null || c.destroyPopup(), T(Er, o, e), e === M.NONE) {
+				if ((c = C(er, o)) == null || c.destroyPopup(), T(Er, o, e), e === N.NONE) {
 					var u;
 					o.setEditingState(!1), m(V, o, ii).call(o);
 					for (let e of C(qn, o).values()) e.hideStandaloneCommentButton();
@@ -2429,13 +2429,13 @@ var Wn = /* @__PURE__ */ new WeakMap(), Gn = /* @__PURE__ */ new WeakMap(), Kn =
 					return;
 				}
 				for (let e of C(qn, o).values()) e.addStandaloneCommentButton();
-				if (e === M.SIGNATURE) {
+				if (e === N.SIGNATURE) {
 					var d;
 					yield (d = C(kr, o)) == null ? void 0 : d.loadSignatures();
 				}
 				n && Sn.clearPointerType(), o.setEditingState(!0), yield m(V, o, ri).call(o), o.unselectAll();
 				for (let t of C(Jn, o).values()) t.updateMode(e);
-				if (e === M.POPUP) {
+				if (e === N.POPUP) {
 					var f;
 					C(Kn, o) || T(Kn, o, yield C(Mr, o).getAnnotationsByType(new Set(C(or, o).map((e) => e._editorType))));
 					let e = /* @__PURE__ */ new Set(), t = [];
@@ -2467,10 +2467,10 @@ var Wn = /* @__PURE__ */ new WeakMap(), Gn = /* @__PURE__ */ new WeakMap(), Kn =
 	updateParams(e, t) {
 		if (C(or, this)) {
 			switch (e) {
-				case N.CREATE:
+				case P.CREATE:
 					this.currentLayer.addNewEditor(t);
 					return;
-				case N.HIGHLIGHT_SHOW_ALL:
+				case P.HIGHLIGHT_SHOW_ALL:
 					this._eventBus.dispatch("reporttelemetry", {
 						source: this,
 						details: {
@@ -2490,7 +2490,7 @@ var Wn = /* @__PURE__ */ new WeakMap(), Gn = /* @__PURE__ */ new WeakMap(), Kn =
 	showAllEditors(e, t, n = !1) {
 		var r, i;
 		for (let n of C(qn, this).values()) n.editorType === e && n.show(t);
-		((r = (i = C(jr, this)) == null ? void 0 : i.get(N.HIGHLIGHT_SHOW_ALL)) == null || r) !== t && m(V, this, ni).call(this, [[N.HIGHLIGHT_SHOW_ALL, t]]);
+		((r = (i = C(jr, this)) == null ? void 0 : i.get(P.HIGHLIGHT_SHOW_ALL)) == null || r) !== t && m(V, this, ni).call(this, [[P.HIGHLIGHT_SHOW_ALL, t]]);
 	}
 	enableWaiting(e = !1) {
 		if (C(br, this) !== e) {
@@ -2621,7 +2621,7 @@ var Wn = /* @__PURE__ */ new WeakMap(), Gn = /* @__PURE__ */ new WeakMap(), Kn =
 	}
 	unselectAll() {
 		var e, t;
-		if (!(C(Gn, this) && (C(Gn, this).commitOrRemove(), C(Er, this) !== M.NONE)) && !((e = C(nr, this)) != null && e.commitOrRemove()) && ((t = C(er, this)) == null || t.destroyPopup(), this.hasSelection)) {
+		if (!(C(Gn, this) && (C(Gn, this).commitOrRemove(), C(Er, this) !== N.NONE)) && !((e = C(nr, this)) != null && e.commitOrRemove()) && ((t = C(er, this)) == null || t.destroyPopup(), this.hasSelection)) {
 			for (let e of C(Dr, this)) e.unselect();
 			C(Dr, this).clear(), m(V, this, ti).call(this, { hasSelectedEditor: !1 });
 		}
@@ -2703,7 +2703,7 @@ var Wn = /* @__PURE__ */ new WeakMap(), Gn = /* @__PURE__ */ new WeakMap(), Kn =
 		return C(Er, this);
 	}
 	isEditingMode() {
-		return C(Er, this) !== M.NONE;
+		return C(Er, this) !== N.NONE;
 	}
 	get imageManager() {
 		return L(this, "imageManager", new Nn());
@@ -2766,7 +2766,7 @@ var Wn = /* @__PURE__ */ new WeakMap(), Gn = /* @__PURE__ */ new WeakMap(), Kn =
 		let n = (t = C(Qn, this)) == null ? void 0 : t.get(e.data.id);
 		if (!n) return;
 		let r = C(Zn, this).getRawValue(n);
-		r && (C(Er, this) === M.NONE && !r.hasBeenModified || r.renderAnnotationElement(e));
+		r && (C(Er, this) === N.NONE && !r.hasBeenModified || r.renderAnnotationElement(e));
 	}
 	setMissingCanvas(e, t, n) {
 		var r;
@@ -2816,8 +2816,8 @@ function Gr() {
 		}
 		return;
 	}
-	if ((e = C(gr, this)) == null || e.hide(), T(Or, this, r), m(V, this, ti).call(this, { hasSelectedText: !0 }), !(C(Er, this) !== M.HIGHLIGHT && C(Er, this) !== M.NONE) && (C(Er, this) === M.HIGHLIGHT && this.showAllEditors("highlight", !0, !0), T(hr, this, this.isShiftKeyDown), !this.isShiftKeyDown)) {
-		let e = C(Er, this) === M.HIGHLIGHT ? m(V, this, Hr).call(this, i) : null;
+	if ((e = C(gr, this)) == null || e.hide(), T(Or, this, r), m(V, this, ti).call(this, { hasSelectedText: !0 }), !(C(Er, this) !== N.HIGHLIGHT && C(Er, this) !== N.NONE) && (C(Er, this) === N.HIGHLIGHT && this.showAllEditors("highlight", !0, !0), T(hr, this, this.isShiftKeyDown), !this.isShiftKeyDown)) {
+		let e = C(Er, this) === N.HIGHLIGHT ? m(V, this, Hr).call(this, i) : null;
 		if (e == null || e.toggleDrawing(), C(yr, this)) {
 			let t = new AbortController(), n = this.combinedSignal(t), r = (n) => {
 				n.type === "pointerup" && n.button !== 0 || (t.abort(), e == null || e.toggleDrawing(!0), n.type === "pointerup" && m(V, this, Kr).call(this, "main_toolbar"));
@@ -2827,7 +2827,7 @@ function Gr() {
 	}
 }
 function Kr(e = "") {
-	C(Er, this) === M.HIGHLIGHT ? this.highlightSelection(e) : C(cr, this) && m(V, this, Wr).call(this);
+	C(Er, this) === N.HIGHLIGHT ? this.highlightSelection(e) : C(cr, this) && m(V, this, Wr).call(this);
 }
 function qr() {
 	document.addEventListener("selectionchange", m(V, this, Gr).bind(this), { signal: this._signal });
@@ -2870,7 +2870,7 @@ function ti(e) {
 	Object.entries(e).some(([e, t]) => C(Nr, this)[e] !== t) && (this._eventBus.dispatch("editingstateschanged", {
 		source: this,
 		details: Object.assign(C(Nr, this), e)
-	}), C(Er, this) === M.HIGHLIGHT && e.hasSelectedEditor === !1 && m(V, this, ni).call(this, [[N.HIGHLIGHT_FREE, !0]]));
+	}), C(Er, this) === N.HIGHLIGHT && e.hasSelectedEditor === !1 && m(V, this, ni).call(this, [[P.HIGHLIGHT_FREE, !0]]));
 }
 function ni(e) {
 	this._eventBus.dispatch("annotationeditorparamschanged", {
@@ -3218,7 +3218,7 @@ var zi = /* @__PURE__ */ new WeakMap(), Bi = /* @__PURE__ */ new WeakMap(), Vi =
 		(e = C(Yi, this)) == null || e.abort(), T(Yi, this, null), (t = C(Ki, this)) == null || t.abort(), T(Ki, this, null);
 	}
 };
-ae = Qi;
+ie = Qi;
 function $i(e) {
 	var t, n;
 	if ((t = C(Hi, this)) != null && t.call(this)) return;
@@ -3270,7 +3270,7 @@ function ea(e) {
 	let [n, r] = e.touches;
 	n.identifier > r.identifier && ([n, r] = [r, n]);
 	let { screenX: i, screenY: a } = n, { screenX: o, screenY: s } = r, c = C(Ji, this), { touch0X: l, touch0Y: u, touch1X: d, touch1Y: f } = c, p = d - l, m = f - u, h = o - i, g = s - a, _ = Math.hypot(h, g) || 1, v = Math.hypot(p, m) || 1;
-	if (!C(Bi, this) && Math.abs(v - _) <= ae.MIN_TOUCH_DISTANCE_TO_PINCH) return;
+	if (!C(Bi, this) && Math.abs(v - _) <= ie.MIN_TOUCH_DISTANCE_TO_PINCH) return;
 	if (c.touch0X = i, c.touch0Y = a, c.touch1X = o, c.touch1Y = s, !C(Bi, this)) {
 		T(Bi, this, !0);
 		return;
@@ -4144,7 +4144,7 @@ var na = /* @__PURE__ */ new WeakMap(), ra = /* @__PURE__ */ new WeakMap(), ia =
 		(t == null ? void 0 : t.nodeName) === "DIV" && t.classList.contains("annotationContent") && t.remove();
 	}
 };
-j = W;
+ae = W;
 function Da([e, t], n, r) {
 	[n, r] = this.screenToPageTranslation(n, r), this.x += n / e, this.y += r / t, this._onTranslating(this.x, this.y), this.fixAndSetPosition();
 }
@@ -4259,7 +4259,7 @@ function Na() {
 	});
 }
 function Pa(e, t) {
-	let [n, r] = this.parentDimensions, i = this.x, a = this.y, o = this.width, s = this.height, c = j.MIN_SIZE / n, l = j.MIN_SIZE / r, u = m(U, this, ka).call(this, this.rotation), d = (e, t) => [u[0] * e + u[2] * t, u[1] * e + u[3] * t], f = m(U, this, ka).call(this, 360 - this.rotation), p = (e, t) => [f[0] * e + f[2] * t, f[1] * e + f[3] * t], h, g, _ = !1, v = !1;
+	let [n, r] = this.parentDimensions, i = this.x, a = this.y, o = this.width, s = this.height, c = ae.MIN_SIZE / n, l = ae.MIN_SIZE / r, u = m(U, this, ka).call(this, this.rotation), d = (e, t) => [u[0] * e + u[2] * t, u[1] * e + u[3] * t], f = m(U, this, ka).call(this, 360 - this.rotation), p = (e, t) => [f[0] * e + f[2] * t, f[1] * e + f[3] * t], h, g, _ = !1, v = !1;
 	switch (e) {
 		case "topLeft":
 			_ = !0, h = (e, t) => [0, 0], g = (e, t) => [e, t];
@@ -4286,7 +4286,7 @@ function Pa(e, t) {
 			v = !0, h = (e, t) => [0, t / 2], g = (e, t) => [e, t / 2];
 			break;
 	}
-	let y = h(o, s), b = g(o, s), x = d(...b), S = j._round(i + x[0]), w = j._round(a + x[1]), E = 1, D = 1, ee, O;
+	let y = h(o, s), b = g(o, s), x = d(...b), S = ae._round(i + x[0]), w = ae._round(a + x[1]), E = 1, D = 1, ee, O;
 	if (t.fromKeyboard) ({deltaX: ee, deltaY: O} = t);
 	else {
 		let { screenX: e, screenY: n } = t, [r, i] = C(ua, this);
@@ -4296,15 +4296,15 @@ function Pa(e, t) {
 		let e = Math.hypot(o, s);
 		E = D = Math.max(Math.min(Math.hypot(b[0] - y[0] - ee, b[1] - y[1] - O) / e, 1 / o, 1 / s), c / o, l / s);
 	} else v ? E = B(Math.abs(b[0] - y[0] - ee), c, 1) / o : D = B(Math.abs(b[1] - y[1] - O), l, 1) / s;
-	let k = j._round(o * E), te = j._round(s * D);
-	x = d(...g(k, te));
-	let A = S - x[0], ne = w - x[1];
+	let k = ae._round(o * E), A = ae._round(s * D);
+	x = d(...g(k, A));
+	let j = S - x[0], te = w - x[1];
 	C(ga, this) || T(ga, this, [
 		this.x,
 		this.y,
 		this.width,
 		this.height
-	]), this.width = k, this.height = te, this.x = A, this.y = ne, this.setDims(), this.fixAndSetPosition(), this._onResizing();
+	]), this.width = k, this.height = A, this.x = j, this.y = te, this.setDims(), this.fixAndSetPosition(), this._onResizing();
 }
 function Fa() {
 	var e;
@@ -4318,9 +4318,9 @@ function Fa() {
 function Ia(e, t, n) {
 	let r = .7, i = n / t * r + 1 - r;
 	if (i === 1) return;
-	let a = m(U, this, ka).call(this, this.rotation), o = (e, t) => [a[0] * e + a[2] * t, a[1] * e + a[3] * t], [s, c] = this.parentDimensions, l = this.x, u = this.y, d = this.width, f = this.height, p = j.MIN_SIZE / s, h = j.MIN_SIZE / c;
+	let a = m(U, this, ka).call(this, this.rotation), o = (e, t) => [a[0] * e + a[2] * t, a[1] * e + a[3] * t], [s, c] = this.parentDimensions, l = this.x, u = this.y, d = this.width, f = this.height, p = ae.MIN_SIZE / s, h = ae.MIN_SIZE / c;
 	i = Math.max(Math.min(i, 1 / d, 1 / f), p / d, h / f);
-	let g = j._round(d * i), _ = j._round(f * i);
+	let g = ae._round(d * i), _ = ae._round(f * i);
 	if (g === d && _ === f) return;
 	C(ga, this) || T(ga, this, [
 		l,
@@ -4328,7 +4328,7 @@ function Ia(e, t, n) {
 		d,
 		f
 	]);
-	let v = o(d / 2, f / 2), y = j._round(l + v[0]), b = j._round(u + v[1]), x = o(g / 2, _ / 2);
+	let v = o(d / 2, f / 2), y = ae._round(l + v[0]), b = ae._round(u + v[1]), x = o(g / 2, _ / 2);
 	this.x = y - x[0], this.y = b - x[1], this.width = g, this.height = _, this.setDims(), this.fixAndSetPosition(), this._onResizing();
 }
 function La() {
@@ -4377,7 +4377,7 @@ function Ba() {
 	this.div.addEventListener("focusin", this.focusin.bind(this), { signal: e }), this.div.addEventListener("focusout", this.focusout.bind(this), { signal: e });
 }
 function Va(e) {
-	j._resizerKeyboardManager.exec(this, e);
+	ae._resizerKeyboardManager.exec(this, e);
 }
 function Ha(e) {
 	var t;
@@ -4432,7 +4432,7 @@ var Ka = class extends W {
 	hash: "",
 	transfer: void 0
 }), Qa = /* @__PURE__ */ new WeakMap(), $a = /* @__PURE__ */ new WeakMap(), eo = /* @__PURE__ */ new WeakMap(), to = /* @__PURE__ */ new WeakMap(), no = /* @__PURE__ */ new WeakSet();
-he = Symbol.iterator;
+me = Symbol.iterator;
 var ro = class {
 	constructor() {
 		w(this, no), S(this, Qa, !1), S(this, $a, null), S(this, eo, null), S(this, to, /* @__PURE__ */ new Map()), v(this, "onSetModified", null), v(this, "onResetModified", null), v(this, "onAnnotationEditor", null);
@@ -4541,7 +4541,7 @@ var ro = class {
 			hash: t
 		});
 	}
-	[he]() {
+	[me]() {
 		return C(to, this).entries();
 	}
 };
@@ -4627,7 +4627,7 @@ var po = new Uint32Array(new Uint8Array([
 			-Infinity,
 			Infinity,
 			Infinity
-		]), S(this, yo, new Float64Array(be)), v(this, "_pendingBBoxIdx", -1), S(this, bo, void 0), S(this, xo, void 0), S(this, So, void 0), S(this, Co, void 0), v(this, "_savesStack", []), v(this, "_markedContentStack", []), T(bo, this, e.width), T(xo, this, e.height), m(wo, this, Eo).call(this, t);
+		]), S(this, yo, new Float64Array(ye)), v(this, "_pendingBBoxIdx", -1), S(this, bo, void 0), S(this, xo, void 0), S(this, So, void 0), S(this, Co, void 0), v(this, "_savesStack", []), v(this, "_markedContentStack", []), T(bo, this, e.width), T(xo, this, e.height), m(wo, this, Eo).call(this, t);
 	}
 	growOperationsCount(e) {
 		e >= C(Co, this).length && m(wo, this, Eo).call(this, e, C(Co, this));
@@ -4669,10 +4669,10 @@ var po = new Uint32Array(new Uint8Array([
 		return C(vo, this).length > 1 && C(vo, this).pop(), this;
 	}
 	resetBBox(e) {
-		return this._pendingBBoxIdx !== e && (this._pendingBBoxIdx = e, C(yo, this).set(be, 0)), this;
+		return this._pendingBBoxIdx !== e && (this._pendingBBoxIdx = e, C(yo, this).set(ye, 0)), this;
 	}
 	recordClipBox(e, t, n, r, i, a) {
-		let o = z.multiplyByDOMMatrix(C(vo, this).at(-1), t.getTransform()), s = be.slice();
+		let o = z.multiplyByDOMMatrix(C(vo, this).at(-1), t.getTransform()), s = ye.slice();
 		z.axialAlignedBoundingBox([
 			n,
 			i,
@@ -4692,7 +4692,7 @@ var po = new Uint32Array(new Uint8Array([
 			r,
 			a
 		], s, C(yo, this)), this;
-		let c = be.slice();
+		let c = ye.slice();
 		return z.axialAlignedBoundingBox([
 			n,
 			i,
@@ -5081,7 +5081,7 @@ var Do = /* @__PURE__ */ new WeakMap(), Oo = /* @__PURE__ */ new WeakMap(), ko =
 		}
 		let a = Nt(e), o;
 		if (r[0] !== Infinity) {
-			let e = be.slice();
+			let e = ye.slice();
 			z.axialAlignedBoundingBox([
 				0,
 				-n,
@@ -5202,7 +5202,7 @@ var Do = /* @__PURE__ */ new WeakMap(), Oo = /* @__PURE__ */ new WeakMap(), ko =
 		return L(this, "isFontLoadingAPISupported", t);
 	}
 	get isSyncFontLoadingSupported() {
-		return L(this, "isSyncFontLoadingSupported", ye || R.platform.isFirefox);
+		return L(this, "isSyncFontLoadingSupported", ve || R.platform.isFirefox);
 	}
 	_queueLoadingCallback(e) {
 		function t() {
@@ -5404,7 +5404,7 @@ v(is, "strings", [
 	"src"
 ]);
 var as = class {};
-oe = as, v(as, "bools", [
+M = as, v(as, "bools", [
 	"black",
 	"bold",
 	"disableFontFace",
@@ -5424,7 +5424,7 @@ oe = as, v(as, "bools", [
 	"loadedName",
 	"mimetype",
 	"name"
-]), v(as, "OFFSET_NUMBERS", Math.ceil(oe.bools.length * 2 / 8)), v(as, "OFFSET_BBOX", oe.OFFSET_NUMBERS + oe.numbers.length * 8), v(as, "OFFSET_FONT_MATRIX", oe.OFFSET_BBOX + 1 + 8), v(as, "OFFSET_DEFAULT_VMETRICS", oe.OFFSET_FONT_MATRIX + 1 + 48), v(as, "OFFSET_STRINGS", oe.OFFSET_DEFAULT_VMETRICS + 1 + 6);
+]), v(as, "OFFSET_NUMBERS", Math.ceil(M.bools.length * 2 / 8)), v(as, "OFFSET_BBOX", M.OFFSET_NUMBERS + M.numbers.length * 8), v(as, "OFFSET_FONT_MATRIX", M.OFFSET_BBOX + 1 + 8), v(as, "OFFSET_DEFAULT_VMETRICS", M.OFFSET_FONT_MATRIX + 1 + 48), v(as, "OFFSET_STRINGS", M.OFFSET_DEFAULT_VMETRICS + 1 + 6);
 var os = class {};
 v(os, "KIND", 0), v(os, "HAS_BBOX", 1), v(os, "HAS_BACKGROUND", 2), v(os, "SHADING_TYPE", 3), v(os, "N_COORD", 4), v(os, "N_COLOR", 8), v(os, "N_STOP", 12), v(os, "N_FIGURES", 16);
 var ss = /* @__PURE__ */ new WeakMap(), cs = /* @__PURE__ */ new WeakMap(), ls = /* @__PURE__ */ new WeakMap(), us = /* @__PURE__ */ new WeakSet(), ds = class {
@@ -5658,7 +5658,7 @@ var ks = class {
 		if (t === 3) {
 			let e = this.data[os.SHADING_TYPE], t = null;
 			if (c.length > 0) {
-				t = be.slice();
+				t = ye.slice();
 				for (let e = 0, n = c.length; e < n; e += 2) z.pointBoundingBox(c[e], c[e + 1], t);
 			}
 			return [
@@ -5685,7 +5685,7 @@ var ks = class {
 function Ms(e) {
 	if (e instanceof URL) return e;
 	if (typeof e == "string") {
-		if (ye) {
+		if (ve) {
 			if (/^[a-z][a-z0-9\-+.]+:/i.test(e)) return new URL(e);
 			let t = process.getBuiltinModule("url");
 			return new URL(t.pathToFileURL(e));
@@ -5696,7 +5696,7 @@ function Ms(e) {
 	throw Error("Invalid PDF url data: either string or URL-object is expected in the url property.");
 }
 function Ns(e) {
-	if (ye && typeof Buffer < "u" && e instanceof Buffer) throw Error("Please provide binary data as `Uint8Array`, rather than `Buffer`.");
+	if (ve && typeof Buffer < "u" && e instanceof Buffer) throw Error("Please provide binary data as `Uint8Array`, rather than `Buffer`.");
 	if (e instanceof Uint8Array && e.byteLength === e.buffer.byteLength) return e;
 	if (typeof e == "string") return et(e);
 	if (e instanceof ArrayBuffer || ArrayBuffer.isView(e) || typeof e == "object" && !isNaN(e == null ? void 0 : e.length)) return new Uint8Array(e);
@@ -6215,9 +6215,9 @@ var Zs = /* @__PURE__ */ new WeakMap(), Qs = class {
 		if (a) return a;
 		let o = `g_${C(sc, this)}_knockout_filter_${T(uc, this, (t = C(uc, this), n = t++, t)), n}`, s = m(K, this, gc).call(this, o);
 		fc.call(m(K, this)).set(i, s);
-		let c = m(K, this, yc).call(this, o), l = C(cc, this).createElementNS(we, "feComponentTransfer");
+		let c = m(K, this, yc).call(this, o), l = C(cc, this).createElementNS(Ce, "feComponentTransfer");
 		c.append(l);
-		let u = C(cc, this).createElementNS(we, "feFuncA");
+		let u = C(cc, this).createElementNS(Ce, "feFuncA");
 		return u.setAttribute("type", "linear"), u.setAttribute("slope", `${r}`), u.setAttribute("intercept", "0"), l.append(u), s;
 	}
 	addHighlightHCMFilter(e, t, n, r, i) {
@@ -6266,8 +6266,8 @@ function mc() {
 	if (!C(oc, this)) {
 		let e = C(cc, this).createElement("div"), { style: t } = e;
 		t.colorScheme = "only light", t.visibility = "hidden", t.contain = "strict", t.width = t.height = 0, t.position = "absolute", t.top = t.left = 0, t.zIndex = -1;
-		let n = C(cc, this).createElementNS(we, "svg");
-		n.setAttribute("width", 0), n.setAttribute("height", 0), T(oc, this, C(cc, this).createElementNS(we, "defs")), e.append(n), n.append(C(oc, this)), C(cc, this).body.append(e);
+		let n = C(cc, this).createElementNS(Ce, "svg");
+		n.setAttribute("width", 0), n.setAttribute("height", 0), T(oc, this, C(cc, this).createElementNS(Ce, "defs")), e.append(n), n.append(C(oc, this)), C(cc, this).body.append(e);
 	}
 	return C(oc, this);
 }
@@ -6299,27 +6299,27 @@ function gc(e) {
 	return `url(${C(ic, this)}#${e})`;
 }
 function _c(e) {
-	let t = C(cc, this).createElementNS(we, "feColorMatrix");
+	let t = C(cc, this).createElementNS(Ce, "feColorMatrix");
 	t.setAttribute("type", "matrix"), t.setAttribute("values", "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.3 0.59 0.11 0 0"), e.append(t);
 }
 function vc(e) {
-	let t = C(cc, this).createElementNS(we, "feColorMatrix");
+	let t = C(cc, this).createElementNS(Ce, "feColorMatrix");
 	t.setAttribute("type", "matrix"), t.setAttribute("values", "0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0"), e.append(t);
 }
 function yc(e) {
-	let t = C(cc, this).createElementNS(we, "filter");
+	let t = C(cc, this).createElementNS(Ce, "filter");
 	return t.setAttribute("color-interpolation-filters", "sRGB"), t.setAttribute("id", e), mc.call(m(K, this)).append(t), t;
 }
 function bc(e, t, n) {
-	let r = C(cc, this).createElementNS(we, t);
+	let r = C(cc, this).createElementNS(Ce, t);
 	r.setAttribute("type", "discrete"), r.setAttribute("tableValues", n), e.append(r);
 }
 function xc(e, t, n, r) {
-	let i = C(cc, this).createElementNS(we, "feComponentTransfer");
+	let i = C(cc, this).createElementNS(Ce, "feComponentTransfer");
 	r.append(i), m(K, this, bc).call(this, i, "feFuncR", e), m(K, this, bc).call(this, i, "feFuncG", t), m(K, this, bc).call(this, i, "feFuncB", n);
 }
 function Sc(e, t) {
-	let n = C(cc, this).createElementNS(we, "feComponentTransfer");
+	let n = C(cc, this).createElementNS(Ce, "feComponentTransfer");
 	t.append(n), m(K, this, bc).call(this, n, "feFuncA", e);
 }
 function Cc(e) {
@@ -6345,7 +6345,7 @@ function Tc(e) {
 function Ec(e, t, n) {
 	return Math.round(n * e + (1 - n) * t);
 }
-ye && F("Please use the `legacy` build in Node.js environments.");
+ve && F("Please use the `legacy` build in Node.js environments.");
 function Dc(e) {
 	return Oc.apply(this, arguments);
 }
@@ -6623,19 +6623,19 @@ function Zc(e, t, n, r, i, a, o, s) {
 	c[n * 2 + 1] > c[r * 2 + 1] && (f = n, n = r, r = f, f = a, a = o, o = f), c[r * 2 + 1] > c[i * 2 + 1] && (f = r, r = i, i = f, f = o, o = s, s = f), c[n * 2 + 1] > c[r * 2 + 1] && (f = n, n = r, r = f, f = a, a = o, o = f);
 	let p = (c[n * 2] + t.offsetX) * t.scaleX, m = (c[n * 2 + 1] + t.offsetY) * t.scaleY, h = (c[r * 2] + t.offsetX) * t.scaleX, g = (c[r * 2 + 1] + t.offsetY) * t.scaleY, _ = (c[i * 2] + t.offsetX) * t.scaleX, v = (c[i * 2 + 1] + t.offsetY) * t.scaleY;
 	if (m >= v) return;
-	let y = l[a * 4], b = l[a * 4 + 1], x = l[a * 4 + 2], S = l[o * 4], C = l[o * 4 + 1], w = l[o * 4 + 2], T = l[s * 4], E = l[s * 4 + 1], D = l[s * 4 + 2], ee = Math.round(m), O = Math.round(v), k, te, A, ne, re, ie, ae, j;
+	let y = l[a * 4], b = l[a * 4 + 1], x = l[a * 4 + 2], S = l[o * 4], C = l[o * 4 + 1], w = l[o * 4 + 2], T = l[s * 4], E = l[s * 4 + 1], D = l[s * 4 + 2], ee = Math.round(m), O = Math.round(v), k, A, j, te, ne, re, ie, ae;
 	for (let e = ee; e <= O; e++) {
 		if (e < g) {
 			let t = e < m ? 0 : (m - e) / (m - g);
-			k = p - (p - h) * t, te = y - (y - S) * t, A = b - (b - C) * t, ne = x - (x - w) * t;
+			k = p - (p - h) * t, A = y - (y - S) * t, j = b - (b - C) * t, te = x - (x - w) * t;
 		} else {
 			let t;
-			t = e > v ? 1 : g === v ? 0 : (g - e) / (g - v), k = h - (h - _) * t, te = S - (S - T) * t, A = C - (C - E) * t, ne = w - (w - D) * t;
+			t = e > v ? 1 : g === v ? 0 : (g - e) / (g - v), k = h - (h - _) * t, A = S - (S - T) * t, j = C - (C - E) * t, te = w - (w - D) * t;
 		}
 		let t;
-		t = e < m ? 0 : e > v ? 1 : (m - e) / (m - v), re = p - (p - _) * t, ie = y - (y - T) * t, ae = b - (b - E) * t, j = x - (x - D) * t;
-		let n = Math.round(Math.min(k, re)), r = Math.round(Math.max(k, re)), i = d * e + n * 4;
-		for (let e = n; e <= r; e++) t = (k - e) / (k - re), t < 0 ? t = 0 : t > 1 && (t = 1), u[i++] = te - (te - ie) * t | 0, u[i++] = A - (A - ae) * t | 0, u[i++] = ne - (ne - j) * t | 0, u[i++] = 255;
+		t = e < m ? 0 : e > v ? 1 : (m - e) / (m - v), ne = p - (p - _) * t, re = y - (y - T) * t, ie = b - (b - E) * t, ae = x - (x - D) * t;
+		let n = Math.round(Math.min(k, ne)), r = Math.round(Math.max(k, ne)), i = d * e + n * 4;
+		for (let e = n; e <= r; e++) t = (k - e) / (k - ne), t < 0 ? t = 0 : t > 1 && (t = 1), u[i++] = A - (A - re) * t | 0, u[i++] = j - (j - ie) * t | 0, u[i++] = te - (te - ae) * t | 0, u[i++] = 255;
 	}
 }
 var Qc = class extends Yc {
@@ -6857,7 +6857,7 @@ function dl(e, t, n, r, i, a, o, s, c, l) {
 }
 var fl = class {
 	constructor(e, t) {
-		v(this, "alphaIsShape", !1), v(this, "fontSize", 0), v(this, "fontSizeScale", 1), v(this, "textMatrix", null), v(this, "textMatrixScale", 1), v(this, "fontMatrix", Se), v(this, "leading", 0), v(this, "x", 0), v(this, "y", 0), v(this, "lineX", 0), v(this, "lineY", 0), v(this, "charSpacing", 0), v(this, "wordSpacing", 0), v(this, "textHScale", 1), v(this, "textRenderingMode", Ae.FILL), v(this, "textRise", 0), v(this, "fillColor", "#000000"), v(this, "strokeColor", "#000000"), v(this, "tilingPatternDims", null), v(this, "patternFill", !1), v(this, "patternStroke", !1), v(this, "fillAlpha", 1), v(this, "strokeAlpha", 1), v(this, "lineWidth", 1), v(this, "activeSMask", null), v(this, "transferMaps", "none"), v(this, "minMax", xe.slice()), this.clipBox = new Float32Array([
+		v(this, "alphaIsShape", !1), v(this, "fontSize", 0), v(this, "fontSizeScale", 1), v(this, "textMatrix", null), v(this, "textMatrixScale", 1), v(this, "fontMatrix", xe), v(this, "leading", 0), v(this, "x", 0), v(this, "y", 0), v(this, "lineX", 0), v(this, "lineY", 0), v(this, "charSpacing", 0), v(this, "wordSpacing", 0), v(this, "textHScale", 1), v(this, "textRenderingMode", ke.FILL), v(this, "textRise", 0), v(this, "fillColor", "#000000"), v(this, "strokeColor", "#000000"), v(this, "tilingPatternDims", null), v(this, "patternFill", !1), v(this, "patternStroke", !1), v(this, "fillAlpha", 1), v(this, "strokeAlpha", 1), v(this, "lineWidth", 1), v(this, "activeSMask", null), v(this, "transferMaps", "none"), v(this, "minMax", be.slice()), this.clipBox = new Float32Array([
 			0,
 			0,
 			e,
@@ -6891,7 +6891,7 @@ var fl = class {
 		return this.minMax[0] === Infinity;
 	}
 	startNewPathAndClipBox(e) {
-		this.clipBox.set(e, 0), this.minMax.set(xe, 0);
+		this.clipBox.set(e, 0), this.minMax.set(be, 0);
 	}
 	getClippedPathBoundingBox(e = qc.FILL, t = null) {
 		return z.intersect(this.clipBox, this.getPathBoundingBox(e, t));
@@ -6899,18 +6899,18 @@ var fl = class {
 };
 function pl(e, t) {
 	let { width: n, height: r, kind: i } = t, a = r % sl, o = (r - a) / sl, s = a === 0 ? o : o + 1, c = e.createImageData(n, sl), l = 0, u = t.data, d = c.data, f;
-	if (i === je.GRAYSCALE_1BPP) for (f = 0; f < s; f++) ({srcPos: l} = Mc({
+	if (i === Ae.GRAYSCALE_1BPP) for (f = 0; f < s; f++) ({srcPos: l} = Mc({
 		src: u,
 		srcPos: l,
 		dest: d,
 		width: n,
 		height: f < o ? sl : a
 	})), e.putImageData(c, 0, f * sl);
-	else if (i === je.RGBA_32BPP) {
+	else if (i === Ae.RGBA_32BPP) {
 		let t = 0, r = n * sl * 4;
 		for (f = 0; f < o; f++) d.set(u.subarray(l, l + r)), l += r, e.putImageData(c, 0, t), t += sl;
 		f < s && (r = n * a * 4, d.set(u.subarray(l, l + r)), e.putImageData(c, 0, t));
-	} else if (i === je.RGB_24BPP) for (f = 0; f < s; f++) ({srcPos: l} = Nc({
+	} else if (i === Ae.RGB_24BPP) for (f = 0; f < s; f++) ({srcPos: l} = Nc({
 		src: u,
 		srcPos: l,
 		dest: new Uint32Array(d.buffer),
@@ -7002,7 +7002,7 @@ var vl = [
 			}
 			if (!i || i(s)) {
 				var g;
-				if (m = o[s], h = (g = a[s]) == null ? null : g, m !== P.dependency) h === null ? this[m](s) : this[m](s, ...h);
+				if (m = o[s], h = (g = a[s]) == null ? null : g, m !== Pe.dependency) h === null ? this[m](s) : this[m](s, ...h);
 				else for (let e of h) {
 					var _;
 					(_ = this.dependencyTracker) == null || _.recordNamedData(e, s);
@@ -7098,7 +7098,7 @@ var vl = [
 			0,
 			-a
 		]);
-		let h = xe.slice();
+		let h = be.slice();
 		z.axialAlignedBoundingBox([
 			0,
 			0,
@@ -7335,16 +7335,16 @@ var vl = [
 	constructPath(e, t, n, r) {
 		let [i] = n;
 		if (!r) {
-			i || (i = n[0] = new Path2D()), t !== P.stroke && t !== P.closeStroke && (this.current.tilingPatternDims = null), this[t](e, i);
+			i || (i = n[0] = new Path2D()), t !== Pe.stroke && t !== Pe.closeStroke && (this.current.tilingPatternDims = null), this[t](e, i);
 			return;
 		}
 		if (this.dependencyTracker !== null) {
-			let n = t === P.stroke ? this.current.lineWidth / 2 : 0;
+			let n = t === Pe.stroke ? this.current.lineWidth / 2 : 0;
 			this.dependencyTracker.resetBBox(e).recordBBox(e, this.ctx, r[0] - n, r[2] + n, r[1] - n, r[3] + n).recordDependencies(e, ["transform"]);
 		}
 		i instanceof Path2D || (i = n[0] = Jt(i)), z.axialAlignedBoundingBox(r, Nt(this.ctx), this.current.minMax);
 		let a = this.current.tilingPatternDims;
-		if (a && t !== P.stroke && t !== P.closeStroke && this.current.fillColor instanceof nl) {
+		if (a && t !== Pe.stroke && t !== Pe.closeStroke && this.current.fillColor instanceof nl) {
 			let e = z.intersect(this.current.clipBox, this.current.minMax);
 			e ? this.current.fillColor.updatePatternDims(e, a) : this.current.tilingPatternDims = null;
 		}
@@ -7462,7 +7462,7 @@ var vl = [
 		(r = this.dependencyTracker) == null || r.recordSimpleData("font", e).recordSimpleDataFromNamed("fontObj", t, e);
 		let a = this.commonObjs.get(t), o = this.current;
 		if (!a) throw Error(`Can't find font for ${t}`);
-		if (o.fontMatrix = a.fontMatrix || Se, (o.fontMatrix[0] === 0 || o.fontMatrix[3] === 0) && F("Invalid font matrix for font " + t), n < 0 ? (n = -n, o.fontDirection = -1) : o.fontDirection = 1, this.current.font = a, this.current.fontSize = n, a.isType3Font) return;
+		if (o.fontMatrix = a.fontMatrix || xe, (o.fontMatrix[0] === 0 || o.fontMatrix[3] === 0) && F("Invalid font matrix for font " + t), n < 0 ? (n = -n, o.fontDirection = -1) : o.fontDirection = 1, this.current.font = a, this.current.fontSize = n, a.isType3Font) return;
 		let s = a.loadedName || "sans-serif", c = ((i = a.systemFontInfo) == null ? void 0 : i.css) || `"${s}", ${a.fallbackName}`, l = "normal";
 		a.black ? l = "900" : a.bold && (l = "bold");
 		let u = a.italic ? "italic" : "normal", d = B(n, rl, il);
@@ -7494,17 +7494,17 @@ var vl = [
 		this.moveText(e, 0, this.current.leading), (t = this.dependencyTracker) == null || t.recordIncrementalData("moveText", (n = this.dependencyTracker.getSimpleIndex("leading")) == null ? e : n);
 	}
 	paintChar(e, t, n, r, i, a) {
-		let o = this.ctx, s = this.current, c = s.font, l = s.textRenderingMode, u = s.fontSize / s.fontSizeScale, d = l & Ae.FILL_STROKE_MASK, f = !!(l & Ae.ADD_TO_PATH_FLAG), p = s.patternFill && !c.missingFile, h = s.patternStroke && !c.missingFile, g;
+		let o = this.ctx, s = this.current, c = s.font, l = s.textRenderingMode, u = s.fontSize / s.fontSizeScale, d = l & ke.FILL_STROKE_MASK, f = !!(l & ke.ADD_TO_PATH_FLAG), p = s.patternFill && !c.missingFile, h = s.patternStroke && !c.missingFile, g;
 		if ((c.disableFontFace || f || p || h) && !c.missingFile && (g = c.getPathGenerator(this.commonObjs, t)), g && (c.disableFontFace || p || h)) {
 			var _;
 			o.save(), o.translate(n, r), o.scale(u, -u), (_ = this.dependencyTracker) == null || _.recordCharacterBBox(e, o, c);
 			let t;
-			if (d === Ae.FILL || d === Ae.FILL_STROKE) if (i) {
+			if (d === ke.FILL || d === ke.FILL_STROKE) if (i) {
 				t = o.getTransform(), o.setTransform(...i);
 				let e = m(q, this, Bl).call(this, g, t, i);
 				o.fill(e);
 			} else o.fill(g);
-			if (d === Ae.STROKE || d === Ae.FILL_STROKE) if (a) {
+			if (d === ke.STROKE || d === ke.FILL_STROKE) if (a) {
 				t || (t = o.getTransform()), o.setTransform(...a);
 				let { a: e, b: n, c: r, d: i } = t, s = z.inverseTransform(a), c = z.transform([
 					e,
@@ -7518,11 +7518,11 @@ var vl = [
 			} else o.lineWidth /= u, o.stroke(g);
 			o.restore();
 		} else {
-			if (d === Ae.FILL || d === Ae.FILL_STROKE) {
+			if (d === ke.FILL || d === ke.FILL_STROKE) {
 				var v;
 				o.fillText(t, n, r), (v = this.dependencyTracker) == null || v.recordCharacterBBox(e, o, c, u, n, r, () => o.measureText(t));
 			}
-			if (d === Ae.STROKE || d === Ae.FILL_STROKE) {
+			if (d === ke.STROKE || d === ke.FILL_STROKE) {
 				if (this.dependencyTracker) {
 					var y;
 					(y = this.dependencyTracker) == null || y.recordCharacterBBox(e, o, c, u, n, r, () => o.measureText(t)).recordDependencies(e, Ho.stroke);
@@ -7555,7 +7555,7 @@ var vl = [
 	}
 	showText(e, t) {
 		var n;
-		this.dependencyTracker && (this.dependencyTracker.recordDependencies(e, Ho.showText).resetBBox(e), this.current.textRenderingMode & Ae.ADD_TO_PATH_FLAG && this.dependencyTracker.recordFutureForcedDependency("textClip", e).inheritPendingDependenciesAsFutureForcedDependencies());
+		this.dependencyTracker && (this.dependencyTracker.recordDependencies(e, Ho.showText).resetBBox(e), this.current.textRenderingMode & ke.ADD_TO_PATH_FLAG && this.dependencyTracker.recordFutureForcedDependency("textClip", e).inheritPendingDependenciesAsFutureForcedDependencies());
 		let r = this.current, i = r.font;
 		if (i.isType3Font) {
 			var a;
@@ -7569,9 +7569,9 @@ var vl = [
 			(s = this.dependencyTracker) == null || s.recordOperation(e);
 			return;
 		}
-		let c = m(q, this, Rl).call(this, r.fillAlpha), l = this.ctx, u = r.fontSizeScale, d = r.charSpacing, f = r.wordSpacing, p = r.fontDirection, h = r.textHScale * p, g = t.length, _ = i.vertical, v = _ ? 1 : -1, y = i.defaultVMetrics, b = o * r.fontMatrix[0], x = r.textRenderingMode === Ae.FILL && !i.disableFontFace && !r.patternFill;
+		let c = m(q, this, Rl).call(this, r.fillAlpha), l = this.ctx, u = r.fontSizeScale, d = r.charSpacing, f = r.wordSpacing, p = r.fontDirection, h = r.textHScale * p, g = t.length, _ = i.vertical, v = _ ? 1 : -1, y = i.defaultVMetrics, b = o * r.fontMatrix[0], x = r.textRenderingMode === ke.FILL && !i.disableFontFace && !r.patternFill;
 		l.save(), r.textMatrix && l.transform(...r.textMatrix), l.translate(r.x, r.y + r.textRise), p > 0 ? l.scale(h, -1) : l.scale(h, 1);
-		let S, C, w = r.textRenderingMode & Ae.FILL_STROKE_MASK, T = w === Ae.FILL || w === Ae.FILL_STROKE, E = w === Ae.STROKE || w === Ae.FILL_STROKE, D = r.lineWidth, ee = r.textMatrixScale;
+		let S, C, w = r.textRenderingMode & ke.FILL_STROKE_MASK, T = w === ke.FILL || w === ke.FILL_STROKE, E = w === ke.STROKE || w === ke.FILL_STROKE, D = r.lineWidth, ee = r.textMatrixScale;
 		if (ee === 0 || D === 0 ? E && (D = this.getSinglePixelWidth()) : D /= ee, u !== 1 && (l.scale(u, u), D /= u), l.lineWidth = D, T && r.patternFill) {
 			l.save();
 			let t = r.fillColor.getPattern(l, this, Pt(l), qc.FILL, e);
@@ -7616,8 +7616,8 @@ var vl = [
 			}
 			if (this.contentVisible && (n.isInFont || i.missingFile)) {
 				if (x && !c) {
-					var te;
-					l.fillText(s, m, h), (te = this.dependencyTracker) == null || te.recordCharacterBBox(e, l, w ? { bbox: null } : i, o / u, m, h, () => {
+					var A;
+					l.fillText(s, m, h), (A = this.dependencyTracker) == null || A.recordCharacterBBox(e, l, w ? { bbox: null } : i, o / u, m, h, () => {
 						var e;
 						return (e = w) == null ? l.measureText(s) : e;
 					});
@@ -7632,7 +7632,7 @@ var vl = [
 		_ ? r.y -= O : r.x += O * h, l.restore(), this.compose(), (n = this.dependencyTracker) == null || n.recordShowTextOperation(e), m(q, this, zl).call(this, c);
 	}
 	showType3Text(e, t) {
-		let n = this.ctx, r = this.current, i = r.font, a = r.fontSize, o = r.fontDirection, s = i.vertical ? 1 : -1, c = r.charSpacing, l = r.wordSpacing, u = r.textHScale * o, d = r.fontMatrix || Se, f = t.length, p = r.textRenderingMode === Ae.INVISIBLE, m, h, g, _;
+		let n = this.ctx, r = this.current, i = r.font, a = r.fontSize, o = r.fontDirection, s = i.vertical ? 1 : -1, c = r.charSpacing, l = r.wordSpacing, u = r.textHScale * o, d = r.fontMatrix || xe, f = t.length, p = r.textRenderingMode === ke.INVISIBLE, m, h, g, _;
 		if (p || a === 0) return;
 		this._cachedScaleForStroking[0] = -1, this._cachedGetSinglePixelWidth = null, n.save(), r.textMatrix && n.transform(...r.textMatrix), n.translate(r.x, r.y + r.textRise), n.scale(u, o);
 		let v = this.dependencyTracker;
@@ -7642,7 +7642,7 @@ var vl = [
 				continue;
 			}
 			let e = (h.isSpace ? l : 0) + c, o = i.charProcOperatorList[h.operatorListId];
-			o ? this.contentVisible && (this.save(), o.fnArray[0] === P.setCharWidth && (r.fillAlpha = r.strokeAlpha = 1, n.globalAlpha = 1), n.scale(a, a), n.transform(...d), this.executeOperatorList(o), this.restore()) : F(`Type3 character "${h.operatorListId}" is not available.`);
+			o ? this.contentVisible && (this.save(), o.fnArray[0] === Pe.setCharWidth && (r.fillAlpha = r.strokeAlpha = 1, n.globalAlpha = 1), n.scale(a, a), n.transform(...d), this.executeOperatorList(o), this.restore()) : F(`Type3 character "${h.operatorListId}" is not available.`);
 			let f = [h.width, 0];
 			z.applyTransform(f, d), g = f[0] * a + e, n.translate(g, 0), r.x += g * u;
 		}
@@ -7707,7 +7707,7 @@ var vl = [
 		this.save(e), i.fillStyle = this._getPattern(e, t).getPattern(i, this, Pt(i), qc.SHADING, e);
 		let a = Pt(i);
 		if (a) {
-			let { width: e, height: t } = i.canvas, n = xe.slice();
+			let { width: e, height: t } = i.canvas, n = be.slice();
 			z.axialAlignedBoundingBox([
 				0,
 				0,
@@ -7764,7 +7764,7 @@ var vl = [
 			i.canvas.width,
 			i.canvas.height
 		], s;
-		t.bbox ? (s = xe.slice(), z.axialAlignedBoundingBox(t.bbox, Nt(i), s), s = z.intersect(s, o) || [
+		t.bbox ? (s = be.slice(), z.axialAlignedBoundingBox(t.bbox, Nt(i), s), s = z.intersect(s, o) || [
 			0,
 			0,
 			0,
@@ -7834,7 +7834,7 @@ var vl = [
 			this.ctx.restore();
 			let t = Nt(this.ctx);
 			this.restore(e), this.ctx.save(), this.ctx.setTransform(...t);
-			let n = xe.slice();
+			let n = be.slice();
 			z.axialAlignedBoundingBox([
 				0,
 				0,
@@ -8211,7 +8211,7 @@ function Vl(e) {
 function Hl(e) {
 	e && (e.knockoutMaskEntry && (this.canvasFactory.destroy(e.knockoutMaskEntry), e.knockoutMaskEntry = null), e.knockoutTempEntry && (this.canvasFactory.destroy(e.knockoutTempEntry), e.knockoutTempEntry = null), e.knockoutBackdropEntry && (this.canvasFactory.destroy(e.knockoutBackdropEntry), e.knockoutBackdropEntry = null));
 }
-for (let e in P) Ml.prototype[e] !== void 0 && (Ml.prototype[P[e]] = Ml.prototype[e]);
+for (let e in Pe) Ml.prototype[e] !== void 0 && (Ml.prototype[Pe[e]] = Ml.prototype[e]);
 var Ul = /* @__PURE__ */ new WeakMap(), Wl = /* @__PURE__ */ new WeakMap(), Gl = class {
 	constructor(e, t, n) {
 		S(this, Ul, null), S(this, Wl, null), v(this, "_fullReader", null), v(this, "_rangeReaders", /* @__PURE__ */ new Set()), v(this, "_source", null), this._source = e, T(Ul, this, t), T(Wl, this, n);
@@ -8843,7 +8843,7 @@ var Ru = class extends Gl {
 	}
 };
 function Vu(e) {
-	return Tt(e) ? iu : ye ? Ru : xu;
+	return Tt(e) ? iu : ve ? Ru : xu;
 }
 var Hu = class e {
 	static get workerPort() {
@@ -8861,7 +8861,7 @@ var Hu = class e {
 		Wu._ = m(e, this, t);
 	}
 }, Uu = { _: null }, Wu = { _: "" }, Gu = /* @__PURE__ */ new WeakMap(), Ku = /* @__PURE__ */ new WeakMap();
-ge = Symbol.iterator;
+he = Symbol.iterator;
 var qu = class {
 	constructor({ parsedData: e, rawData: t }) {
 		S(this, Gu, void 0), S(this, Ku, void 0), T(Gu, this, e), T(Ku, this, t);
@@ -8873,12 +8873,12 @@ var qu = class {
 		var t;
 		return (t = C(Gu, this).get(e)) == null ? null : t;
 	}
-	[ge]() {
+	[he]() {
 		return C(Gu, this).entries();
 	}
 }, Ju = Symbol("INTERNAL"), Yu = /* @__PURE__ */ new WeakMap(), Xu = /* @__PURE__ */ new WeakMap(), Zu = /* @__PURE__ */ new WeakMap(), Qu = /* @__PURE__ */ new WeakMap(), $u = class {
 	constructor(e, { name: t, intent: n, usage: r, rbGroups: i }) {
-		S(this, Yu, !1), S(this, Xu, !1), S(this, Zu, !1), S(this, Qu, !0), T(Yu, this, !!(e & Te.DISPLAY)), T(Xu, this, !!(e & Te.PRINT)), this.name = t, this.intent = n, this.usage = r, this.rbGroups = i;
+		S(this, Yu, !1), S(this, Xu, !1), S(this, Zu, !1), S(this, Qu, !0), T(Yu, this, !!(e & we.DISPLAY)), T(Xu, this, !!(e & we.PRINT)), this.name = t, this.intent = n, this.usage = r, this.rbGroups = i;
 	}
 	get visible() {
 		if (C(Zu, this)) return C(Qu, this);
@@ -8896,9 +8896,9 @@ var qu = class {
 		};
 	}
 }, ed = /* @__PURE__ */ new WeakMap(), J = /* @__PURE__ */ new WeakMap(), td = /* @__PURE__ */ new WeakMap(), nd = /* @__PURE__ */ new WeakMap(), rd = /* @__PURE__ */ new WeakMap(), id = /* @__PURE__ */ new WeakSet();
-_e = Symbol.iterator;
+ge = Symbol.iterator;
 var ad = class e {
-	constructor(e, t = Te.DISPLAY, n = null) {
+	constructor(e, t = we.DISPLAY, n = null) {
 		if (w(this, id), S(this, ed, null), S(this, J, /* @__PURE__ */ new Map()), S(this, td, null), S(this, nd, null), S(this, rd, void 0), v(this, "creator", null), v(this, "name", null), T(rd, this, e), this.renderingIntent = t, e !== null) {
 			this.name = e.name, this.creator = e.creator, T(nd, this, e.order);
 			for (let n of e.groups) C(J, this).set(n.id, new $u(t, n));
@@ -9002,7 +9002,7 @@ var ad = class e {
 		for (let [t, n] of C(J, this)) e.update(`${t}:${n.visible}`);
 		return T(ed, this, e.hexdigest());
 	}
-	[_e]() {
+	[ge]() {
 		return C(J, this).entries();
 	}
 	get serializable() {
@@ -9178,7 +9178,7 @@ function gd(e, t = null, n = -1, r = null) {
 	}
 }
 var _d = Symbol("INITIAL_DATA"), vd = () => D(D({}, Promise.withResolvers()), {}, { data: _d }), yd = /* @__PURE__ */ new WeakMap();
-ve = Symbol.iterator;
+_e = Symbol.iterator;
 var bd = class {
 	constructor() {
 		S(this, yd, /* @__PURE__ */ new Map());
@@ -9212,7 +9212,7 @@ var bd = class {
 		}
 		C(yd, this).clear();
 	}
-	*[ve]() {
+	*[_e]() {
 		for (let [e, { data: t }] of C(yd, this)) t !== _d && (yield [e, t]);
 	}
 }, xd = 1e5, Sd = 30, Cd = /* @__PURE__ */ new WeakMap(), wd = /* @__PURE__ */ new WeakMap(), Td = /* @__PURE__ */ new WeakMap(), Ed = /* @__PURE__ */ new WeakMap(), Dd = /* @__PURE__ */ new WeakMap(), Od = /* @__PURE__ */ new WeakMap(), kd = /* @__PURE__ */ new WeakMap(), Ad = /* @__PURE__ */ new WeakMap(), jd = /* @__PURE__ */ new WeakMap(), Md = /* @__PURE__ */ new WeakMap(), Nd = /* @__PURE__ */ new WeakMap(), Pd = /* @__PURE__ */ new WeakMap(), Fd = /* @__PURE__ */ new WeakMap(), Id = /* @__PURE__ */ new WeakMap(), Ld = /* @__PURE__ */ new WeakMap(), Rd = /* @__PURE__ */ new WeakMap(), zd = /* @__PURE__ */ new WeakMap(), Bd = /* @__PURE__ */ new WeakMap(), Vd = /* @__PURE__ */ new WeakMap(), Hd = /* @__PURE__ */ new WeakSet(), Ud = class e {
@@ -9288,11 +9288,11 @@ var bd = class {
 		}
 	}
 };
-se = Ud;
+oe = Ud;
 function Wd(e) {
 	var t;
 	if (C(Td, this)) return;
-	(t = C(kd, this)).ctx != null || (t.ctx = qd.call(se, C(Od, this)));
+	(t = C(kd, this)).ctx != null || (t.ctx = qd.call(oe, C(Od, this)));
 	let n = C(zd, this), r = C(Ld, this);
 	for (let t of e) {
 		if (n.length > xd) {
@@ -9321,8 +9321,8 @@ function Gd(e) {
 	let r = z.transform(C(Vd, this), e.transform), i = Math.atan2(r[1], r[0]), a = C(Id, this)[e.fontName];
 	a.vertical && (i += Math.PI / 2);
 	let o = C(Ed, this) && a.fontSubstitution || a.fontFamily;
-	o = se.fontFamilyMap.get(o) || o;
-	let s = Math.hypot(r[2], r[3]), c = s * Xd.call(se, o, a, C(Od, this)), l, u;
+	o = oe.fontFamilyMap.get(o) || o;
+	let s = Math.hypot(r[2], r[3]), c = s * Xd.call(oe, o, a, C(Od, this)), l, u;
 	i === 0 ? (l = r[4], u = r[5] - c) : (l = r[4] + c * Math.sin(i), u = r[5] - c * Math.cos(i));
 	let d = t.style;
 	d.left = `${(100 * l / C(jd, this)).toFixed(2)}%`, d.top = `${(100 * u / C(Ad, this)).toFixed(2)}%`, d.setProperty("--font-height", `${s.toFixed(2)}px`), d.fontFamily = o, n.fontSize = s, t.setAttribute("role", "presentation"), t.textContent = e.str, t.dir = e.dir, C(Ed, this) && (t.dataset.fontName = a.fontSubstitutionLoadedName || e.fontName), i !== 0 && (n.angle = 180 / Math.PI * i);
@@ -9341,20 +9341,20 @@ function Kd(e) {
 	let { div: t, properties: n, ctx: r } = e, { style: i } = t;
 	if (n.canvasWidth !== 0 && n.hasText) {
 		let { fontFamily: e } = i, { canvasWidth: a, fontSize: o } = n;
-		Jd.call(se, r, o * C(Fd, this), e);
+		Jd.call(oe, r, o * C(Fd, this), e);
 		let { width: s } = r.measureText(t.textContent);
 		s > 0 && i.setProperty("--scale-x", a * C(Fd, this) / s);
 	}
 	n.angle !== 0 && i.setProperty("--rotate", `${n.angle}deg`);
 }
 function qd(e = null) {
-	let t = m(se, this, Qd)._.get(e || (e = ""));
+	let t = m(oe, this, Qd)._.get(e || (e = ""));
 	if (!t) {
 		let n = document.createElement("canvas");
 		n.style.cssText = "position:absolute;top:0;left:0;width:0;height:0;display:none;letter-spacing:normal;word-spacing:normal", n.lang = e, document.body.append(n), t = n.getContext("2d", {
 			alpha: !1,
 			willReadFrequently: !0
-		}), m(se, this, Qd)._.set(e, t), m(se, this, $d)._.set(t, {
+		}), m(oe, this, Qd)._.set(e, t), m(oe, this, $d)._.set(t, {
 			size: 0,
 			family: ""
 		});
@@ -9362,39 +9362,39 @@ function qd(e = null) {
 	return t;
 }
 function Jd(e, t, n) {
-	let r = m(se, this, $d)._.get(e);
+	let r = m(oe, this, $d)._.get(e);
 	t === r.size && n === r.family || (e.font = `${t}px ${n}`, r.size = t, r.family = n);
 }
 function Yd() {
-	if (m(se, this, ef)._ !== null) return;
+	if (m(oe, this, ef)._ !== null) return;
 	let e = document.createElement("div");
-	e.style.opacity = 0, e.style.lineHeight = 1, e.style.fontSize = "1px", e.style.position = "absolute", e.textContent = "X", document.body.append(e), ef._ = m(se, this, e.getBoundingClientRect().height), e.remove();
+	e.style.opacity = 0, e.style.lineHeight = 1, e.style.fontSize = "1px", e.style.position = "absolute", e.textContent = "X", document.body.append(e), ef._ = m(oe, this, e.getBoundingClientRect().height), e.remove();
 }
 function Xd(e, t, n) {
-	let r = m(se, this, Zd)._.get(e);
+	let r = m(oe, this, Zd)._.get(e);
 	if (r) return r;
-	let i = m(se, this, qd).call(this, n);
-	i.canvas.width = i.canvas.height = Sd, m(se, this, Jd).call(this, i, Sd, e);
+	let i = m(oe, this, qd).call(this, n);
+	i.canvas.width = i.canvas.height = Sd, m(oe, this, Jd).call(this, i, Sd, e);
 	let a = i.measureText(""), o = a.fontBoundingBoxAscent, s = Math.abs(a.fontBoundingBoxDescent);
 	i.canvas.width = i.canvas.height = 0;
 	let c = .8;
-	return o ? c = o / (o + s) : (R.platform.isFirefox && F("Enable the `dom.textMetrics.fontBoundingBox.enabled` preference in `about:config` to improve TextLayer rendering."), t.ascent ? c = t.ascent : t.descent && (c = 1 + t.descent)), m(se, this, Zd)._.set(e, c), c;
+	return o ? c = o / (o + s) : (R.platform.isFirefox && F("Enable the `dom.textMetrics.fontBoundingBox.enabled` preference in `about:config` to improve TextLayer rendering."), t.ascent ? c = t.ascent : t.descent && (c = 1 + t.descent)), m(oe, this, Zd)._.set(e, c), c;
 }
 var Zd = { _: /* @__PURE__ */ new Map() }, Qd = { _: /* @__PURE__ */ new Map() }, $d = { _: /* @__PURE__ */ new WeakMap() }, ef = { _: null }, tf = { _: /* @__PURE__ */ new Set() }, nf = 100;
 function rf(e = {}) {
 	var t;
-	let n = new af(), { docId: r } = n, i = e.url ? Ms(e.url) : null, a = e.data ? Ns(e.data) : null, o = e.httpHeaders || null, s = e.withCredentials === !0, c = (t = e.password) == null ? null : t, l = e.range instanceof lf ? e.range : null, u = Number.isInteger(e.rangeChunkSize) && e.rangeChunkSize > 0 ? e.rangeChunkSize : Math.pow(2, 16), d = e.worker instanceof xf ? e.worker : null, f = e.verbosity, p = typeof e.docBaseUrl == "string" && !yt(e.docBaseUrl) ? e.docBaseUrl : null, m = Ps(e.cMapUrl), h = e.cMapPacked !== !1, g = Ps(e.iccUrl), _ = Ps(e.standardFontDataUrl), v = Ps(e.wasmUrl), y = e.stopAtErrors !== !0, b = Number.isInteger(e.maxImageSize) && e.maxImageSize > -1 ? e.maxImageSize : -1, x = typeof e.isOffscreenCanvasSupported == "boolean" ? e.isOffscreenCanvasSupported : !ye, S = typeof e.isImageDecoderSupported == "boolean" ? e.isImageDecoderSupported : !ye, C = Number.isInteger(e.canvasMaxAreaInBytes) ? e.canvasMaxAreaInBytes : -1, w = typeof e.disableFontFace == "boolean" ? e.disableFontFace : ye, T = e.fontExtraProperties === !0, E = e.enableXfa === !0, D = e.ownerDocument || globalThis.document, ee = e.disableRange === !0, O = e.disableStream === !0, k = e.disableAutoFetch === !0, te = e.pdfBug === !0, A = e.CanvasFactory || (ye ? Ac : nc), ne = e.FilterFactory || (ye ? kc : dc), re = e.BinaryDataFactory || (ye ? jc : $s), ie = e.enableHWA === !0, ae = e.enableWebGPU === !0 ? Uc() : Promise.resolve(!1), j = e.useWasm !== !1, oe = e.pagesMapper || new pd(), se = typeof e.useSystemFonts == "boolean" ? e.useSystemFonts : !ye && !w, ce = typeof e.useWorkerFetch == "boolean" ? e.useWorkerFetch : !!(re === $s && m && h && _ && v && Tt(m, document.baseURI) && Tt(_, document.baseURI) && Tt(v, document.baseURI));
+	let n = new af(), { docId: r } = n, i = e.url ? Ms(e.url) : null, a = e.data ? Ns(e.data) : null, o = e.httpHeaders || null, s = e.withCredentials === !0, c = (t = e.password) == null ? null : t, l = e.range instanceof lf ? e.range : null, u = Number.isInteger(e.rangeChunkSize) && e.rangeChunkSize > 0 ? e.rangeChunkSize : Math.pow(2, 16), d = e.worker instanceof xf ? e.worker : null, f = e.verbosity, p = typeof e.docBaseUrl == "string" && !yt(e.docBaseUrl) ? e.docBaseUrl : null, m = Ps(e.cMapUrl), h = e.cMapPacked !== !1, g = Ps(e.iccUrl), _ = Ps(e.standardFontDataUrl), v = Ps(e.wasmUrl), y = e.stopAtErrors !== !0, b = Number.isInteger(e.maxImageSize) && e.maxImageSize > -1 ? e.maxImageSize : -1, x = typeof e.isOffscreenCanvasSupported == "boolean" ? e.isOffscreenCanvasSupported : !ve, S = typeof e.isImageDecoderSupported == "boolean" ? e.isImageDecoderSupported : !ve, C = Number.isInteger(e.canvasMaxAreaInBytes) ? e.canvasMaxAreaInBytes : -1, w = typeof e.disableFontFace == "boolean" ? e.disableFontFace : ve, T = e.fontExtraProperties === !0, E = e.enableXfa === !0, D = e.ownerDocument || globalThis.document, ee = e.disableRange === !0, O = e.disableStream === !0, k = e.disableAutoFetch === !0, A = e.pdfBug === !0, j = e.CanvasFactory || (ve ? Ac : nc), te = e.FilterFactory || (ve ? kc : dc), ne = e.BinaryDataFactory || (ve ? jc : $s), re = e.enableHWA === !0, ie = e.enableWebGPU === !0 ? Uc() : Promise.resolve(!1), ae = e.useWasm !== !1, M = e.pagesMapper || new pd(), oe = typeof e.useSystemFonts == "boolean" ? e.useSystemFonts : !ve && !w, se = typeof e.useWorkerFetch == "boolean" ? e.useWorkerFetch : !!(ne === $s && m && h && _ && v && Tt(m, document.baseURI) && Tt(_, document.baseURI) && Tt(v, document.baseURI));
 	Re(f);
-	let le = {
-		canvasFactory: new A({
+	let ce = {
+		canvasFactory: new j({
 			ownerDocument: D,
-			enableHWA: ie
+			enableHWA: re
 		}),
-		filterFactory: new ne({
+		filterFactory: new te({
 			docId: r,
 			ownerDocument: D
 		}),
-		binaryDataFactory: ce ? null : new re({
+		binaryDataFactory: se ? null : new ne({
 			cMapUrl: m,
 			standardFontDataUrl: _,
 			wasmUrl: v
@@ -9404,7 +9404,7 @@ function rf(e = {}) {
 		verbosity: f,
 		port: Hu.workerPort
 	}), n._worker = d);
-	let ue = {
+	let le = {
 		docId: r,
 		apiVersion: "6.1.200",
 		data: a,
@@ -9421,9 +9421,9 @@ function rf(e = {}) {
 			isImageDecoderSupported: S,
 			canvasMaxAreaInBytes: C,
 			fontExtraProperties: T,
-			useSystemFonts: se,
-			useWasm: j,
-			useWorkerFetch: ce,
+			useSystemFonts: oe,
+			useWasm: ae,
+			useWorkerFetch: se,
 			cMapUrl: m,
 			cMapPacked: h,
 			iccUrl: g,
@@ -9431,20 +9431,20 @@ function rf(e = {}) {
 			wasmUrl: v,
 			hasGPU: !1
 		}
-	}, de = {
+	}, ue = {
 		ownerDocument: D,
-		pdfBug: te,
+		pdfBug: A,
 		styleElement: null,
-		enableHWA: ie,
+		enableHWA: re,
 		loadingParams: {
 			disableAutoFetch: k,
 			enableXfa: E
 		}
 	};
-	return Promise.all([d.promise, ae]).then(function([, e]) {
+	return Promise.all([d.promise, ie]).then(function([, e]) {
 		if (d.destroyed) throw Error("Worker was destroyed");
-		ue.evaluatorOptions.hasGPU = e;
-		let t = d.messageHandler.sendWithPromise("GetDocRequest", ue, a ? [a.buffer] : null), c;
+		le.evaluatorOptions.hasGPU = e;
+		let t = d.messageHandler.sendWithPromise("GetDocRequest", le, a ? [a.buffer] : null), c;
 		if (!a) if (l) c = new uu({
 			pdfDataRangeTransport: l,
 			disableRange: ee,
@@ -9461,7 +9461,7 @@ function rf(e = {}) {
 		else throw Error("getDocument - expected either `data`, `range`, or `url` parameter.");
 		return t.then((e) => {
 			if (d.destroyed) throw Error("Worker was destroyed");
-			let t = new Ks(r, e, d.port), i = new Rf(t, n, c, de, le, oe);
+			let t = new Ks(r, e, d.port), i = new Rf(t, n, c, ue, ce, M);
 			if (n._transport = i, n.destroyed) throw Error("Loading aborted");
 			t.send("Ready", null);
 		});
@@ -9704,14 +9704,14 @@ var af = class {
 			return ((t = e._transport._htmlForXfa) == null ? void 0 : t.children[e._pageIndex]) || null;
 		})();
 	}
-	render({ canvasContext: e, canvas: t = e.canvas, viewport: n, intent: r = "display", annotationMode: i = Ee.ENABLE, transform: a = null, background: o = null, optionalContentConfigPromise: s = null, annotationCanvasMap: c = null, pageColors: l = null, printAnnotationStorage: u = null, isEditing: d = !1, recordImages: f = !1, recordOperations: p = !1, operationsFilter: h = null }) {
+	render({ canvasContext: e, canvas: t = e.canvas, viewport: n, intent: r = "display", annotationMode: i = Te.ENABLE, transform: a = null, background: o = null, optionalContentConfigPromise: s = null, annotationCanvasMap: c = null, pageColors: l = null, printAnnotationStorage: u = null, isEditing: d = !1, recordImages: f = !1, recordOperations: p = !1, operationsFilter: h = null }) {
 		var g, _, v;
 		(g = this._stats) == null || g.time("Overall");
 		let y = this._transport.getRenderingIntent(r, i, u, d), { renderingIntent: b, cacheKey: x } = y;
 		T(df, this, !1), s || (s = this._transport.getOptionalContentConfig(b));
 		let S = this._intentStates.getOrInsertComputed(x, dt);
 		S.streamReaderCancelTimeout && (clearTimeout(S.streamReaderCancelTimeout), S.streamReaderCancelTimeout = null);
-		let C = !!(b & Te.PRINT);
+		let C = !!(b & we.PRINT);
 		if (!S.displayReadyCapability) {
 			var w;
 			S.displayReadyCapability = Promise.withResolvers(), S.operatorList = {
@@ -9722,33 +9722,33 @@ var af = class {
 			}, (w = this._stats) == null || w.time("Page Request"), this._pumpOperatorList(y);
 		}
 		let E = !!(this._pdfBug && (_ = globalThis.StepperManager) != null && _.enabled), D = !!t && !this.recordedBBoxes && (p || E), ee = !!t && !this.imageCoordinates && f, O = (e) => {
-			if (S.renderTasks.delete(A), D) {
+			if (S.renderTasks.delete(j), D) {
 				var t;
-				let e = (t = A.gfx) == null ? void 0 : t.dependencyTracker.take();
+				let e = (t = j.gfx) == null ? void 0 : t.dependencyTracker.take();
 				if (e) {
 					var n;
-					(n = A.stepper) == null || n.setOperatorBBoxes(e, A.gfx.dependencyTracker.takeDebugMetadata()), p && (this.recordedBBoxes = e);
+					(n = j.stepper) == null || n.setOperatorBBoxes(e, j.gfx.dependencyTracker.takeDebugMetadata()), p && (this.recordedBBoxes = e);
 				}
 			}
 			if (ee && !e) {
 				var r;
-				this.imageCoordinates = (r = A.gfx) == null ? void 0 : r.imagesTracker.take();
+				this.imageCoordinates = (r = j.gfx) == null ? void 0 : r.imagesTracker.take();
 			}
-			if (C && T(df, this, !0), m(pf, this, hf).call(this), e ? (A.capability.reject(e), this._abortOperatorList({
+			if (C && T(df, this, !0), m(pf, this, hf).call(this), e ? (j.capability.reject(e), this._abortOperatorList({
 				intentState: S,
 				reason: e instanceof Error ? e : Error(e)
-			})) : A.capability.resolve(), this._stats) {
+			})) : j.capability.resolve(), this._stats) {
 				var i;
 				this._stats.timeEnd("Rendering"), this._stats.timeEnd("Overall"), (i = globalThis.Stats) != null && i.enabled && globalThis.Stats.add(this.pageNumber, this._stats);
 			}
-		}, k = null, te = null;
-		(D || ee) && (te = new To(t, S.operatorList.length)), D && (k = new Fo(te, E));
-		let A = new Uf({
+		}, k = null, A = null;
+		(D || ee) && (A = new To(t, S.operatorList.length)), D && (k = new Fo(A, E));
+		let j = new Uf({
 			callback: O,
 			params: {
 				canvas: t,
 				canvasContext: e,
-				dependencyTracker: (v = k) == null ? te : v,
+				dependencyTracker: (v = k) == null ? A : v,
 				imagesTracker: ee ? new Jo(t) : null,
 				viewport: n,
 				transform: a,
@@ -9767,8 +9767,8 @@ var af = class {
 			enableHWA: this._transport.enableHWA,
 			operationsFilter: h
 		});
-		(S.renderTasks || (S.renderTasks = /* @__PURE__ */ new Set())).add(A);
-		let ne = A.task;
+		(S.renderTasks || (S.renderTasks = /* @__PURE__ */ new Set())).add(j);
+		let te = j.task;
 		return Promise.all([S.displayReadyCapability.promise, s]).then(([e, t]) => {
 			var n;
 			if (this.destroyed) {
@@ -9776,13 +9776,13 @@ var af = class {
 				return;
 			}
 			if ((n = this._stats) == null || n.time("Rendering"), !(t.renderingIntent & b)) throw Error("Must use the same `intent`-argument when calling the `PDFPageProxy.render` and `PDFDocumentProxy.getOptionalContentConfig` methods.");
-			A.initializeGraphics({
+			j.initializeGraphics({
 				transparency: e,
 				optionalContentConfig: t
-			}), A.operatorListChanged();
-		}).catch(O), ne;
+			}), j.operatorListChanged();
+		}).catch(O), te;
 	}
-	getOperatorList({ intent: e = "display", annotationMode: t = Ee.ENABLE, printAnnotationStorage: n = null, isEditing: r = !1 } = {}) {
+	getOperatorList({ intent: e = "display", annotationMode: t = Te.ENABLE, printAnnotationStorage: n = null, isEditing: r = !1 } = {}) {
 		function i() {
 			o.operatorList.lastChunk && (o.opListReadCapability.resolve(o.operatorList), o.renderTasks.delete(s));
 		}
@@ -9982,7 +9982,7 @@ var gf = /* @__PURE__ */ new WeakMap(), _f = /* @__PURE__ */ new WeakMap(), vf =
 		return L(this, "_setupFakeWorkerGlobal", n());
 	}
 };
-ce = xf;
+se = xf;
 function Sf() {
 	C(gf, this).resolve(), C(_f, this).send("configure", { verbosity: this.verbosity });
 }
@@ -9990,13 +9990,13 @@ function Cf(e) {
 	T(vf, this, e), T(_f, this, new Ks("main", "worker", e)), C(_f, this).on("ready", () => {}), m(bf, this, Sf).call(this);
 }
 function wf() {
-	if (Of._ || Ef.call(ce)) {
+	if (Of._ || Ef.call(se)) {
 		m(bf, this, Tf).call(this);
 		return;
 	}
-	let { workerSrc: e } = ce;
+	let { workerSrc: e } = se;
 	try {
-		ce._isSameOrigin(window.location, e) || (e = ce._createCDNWrapper(new URL(e, window.location).href));
+		se._isSameOrigin(window.location, e) || (e = se._createCDNWrapper(new URL(e, window.location).href));
 		let t = new Worker(e, { type: "module" }), n = new Ks("main", "worker", t), r = () => {
 			i.abort(), n.destroy(), t.terminate(), this.destroyed ? C(gf, this).reject(/* @__PURE__ */ Error("Worker was destroyed")) : m(bf, this, Tf).call(this);
 		}, i = new AbortController();
@@ -10031,7 +10031,7 @@ function wf() {
 	m(bf, this, Tf).call(this);
 }
 function Tf() {
-	Of._ || (F("Setting up fake worker."), Of._ = !0), ce._setupFakeWorkerGlobal.then((e) => {
+	Of._ || (F("Setting up fake worker."), Of._ = !0), se._setupFakeWorkerGlobal.then((e) => {
 		var t, n;
 		if (this.destroyed) {
 			C(gf, this).reject(/* @__PURE__ */ Error("Worker was destroyed"));
@@ -10054,12 +10054,12 @@ function Ef() {
 	}
 }
 var Df = { _: 0 }, Of = { _: !1 }, kf = { _: /* @__PURE__ */ new WeakMap() };
-ye && (Of._ = m(ce, ce, !0), Hu.workerSrc || (Hu.workerSrc = "./pdf.worker.mjs")), ce._isSameOrigin = (e, t) => {
+ve && (Of._ = m(se, se, !0), Hu.workerSrc || (Hu.workerSrc = "./pdf.worker.mjs")), se._isSameOrigin = (e, t) => {
 	let n = URL.parse(e);
 	if (!(n != null && n.origin) || n.origin === "null") return !1;
 	let r = new URL(t, n);
 	return n.origin === r.origin;
-}, ce._createCDNWrapper = (e) => {
+}, se._createCDNWrapper = (e) => {
 	let t = `await import("${e}");`;
 	return URL.createObjectURL(new Blob([t], { type: "text/javascript" }));
 };
@@ -10077,33 +10077,33 @@ var Af = /* @__PURE__ */ new WeakMap(), jf = /* @__PURE__ */ new WeakMap(), Mf =
 	get annotationStorage() {
 		return L(this, "annotationStorage", new ro());
 	}
-	getRenderingIntent(e, t = Ee.ENABLE, n = null, r = !1, i = !1) {
-		let a = Te.DISPLAY, o = Za;
+	getRenderingIntent(e, t = Te.ENABLE, n = null, r = !1, i = !1) {
+		let a = we.DISPLAY, o = Za;
 		switch (e) {
 			case "any":
-				a = Te.ANY;
+				a = we.ANY;
 				break;
 			case "display": break;
 			case "print":
-				a = Te.PRINT;
+				a = we.PRINT;
 				break;
 			default: F(`getRenderingIntent - invalid intent: ${e}`);
 		}
-		let s = a & Te.PRINT && n instanceof oo ? n : this.annotationStorage;
+		let s = a & we.PRINT && n instanceof oo ? n : this.annotationStorage;
 		switch (t) {
-			case Ee.DISABLE:
-				a += Te.ANNOTATIONS_DISABLE;
+			case Te.DISABLE:
+				a += we.ANNOTATIONS_DISABLE;
 				break;
-			case Ee.ENABLE: break;
-			case Ee.ENABLE_FORMS:
-				a += Te.ANNOTATIONS_FORMS;
+			case Te.ENABLE: break;
+			case Te.ENABLE_FORMS:
+				a += we.ANNOTATIONS_FORMS;
 				break;
-			case Ee.ENABLE_STORAGE:
-				a += Te.ANNOTATIONS_STORAGE, o = s.serializable;
+			case Te.ENABLE_STORAGE:
+				a += we.ANNOTATIONS_STORAGE, o = s.serializable;
 				break;
 			default: F(`getRenderingIntent - invalid annotationMode: ${t}`);
 		}
-		r && (a += Te.IS_EDITING), i && (a += Te.OPLIST);
+		r && (a += we.IS_EDITING), i && (a += we.OPLIST);
 		let { ids: c, hash: l } = s.modifiedIds, u = [
 			a,
 			o.hash,
@@ -10636,7 +10636,7 @@ var Vf = class {
 		(e = C(qf, this)) == null || e.remove(), T(qf, this, null), T(Jf, this, null), (t = C(Xf, this)) == null || t.remove(), T(Xf, this, null);
 	}
 };
-le = ip;
+ce = ip;
 function ap() {
 	let e = document.createElement("div"), t = C(np, this)._signal;
 	e.addEventListener("contextmenu", Et, { signal: t }), e.className = "dropdown", e.role = "listbox", e.ariaMultiSelectable = "false", e.ariaOrientation = "vertical", e.setAttribute("data-l10n-id", "pdfjs-editor-colorpicker-dropdown"), C($f, this) && (e.id = `${C($f, this).id}_colorpicker_dropdown`);
@@ -10651,12 +10651,12 @@ function ap() {
 function op(e, t) {
 	t.stopPropagation(), C(ep, this).dispatch("switchannotationeditorparams", {
 		source: this,
-		type: N.HIGHLIGHT_COLOR,
+		type: P.HIGHLIGHT_COLOR,
 		value: e
 	}), this.updateColor(e);
 }
 function sp(e) {
-	le._keyboardManager.exec(this, e);
+	ce._keyboardManager.exec(this, e);
 }
 function cp(e) {
 	if (up.call(m(rp, this))) {
@@ -10818,14 +10818,14 @@ var bp = class {
 	}
 }, Sp = class extends xp {
 	_createSVG(e) {
-		return document.createElementNS(we, e);
+		return document.createElementNS(Ce, e);
 	}
 }, Cp = 9, wp = /* @__PURE__ */ new WeakSet(), Tp = (/* @__PURE__ */ new Date()).getTimezoneOffset() * 60 * 1e3, Ep = class {
 	static create(e) {
 		switch (e.data.annotationType) {
-			case Me.LINK: return new Fp(e);
-			case Me.TEXT: return new zp(e);
-			case Me.WIDGET:
+			case je.LINK: return new Fp(e);
+			case je.TEXT: return new zp(e);
+			case je.WIDGET:
 				switch (e.data.fieldType) {
 					case "Tx": return new Vp(e);
 					case "Btn": return e.data.radioButton ? new Wp(e) : e.data.checkBox ? new Up(e) : new Gp(e);
@@ -10833,23 +10833,23 @@ var bp = class {
 					case "Sig": return new Hp(e);
 				}
 				return new Bp(e);
-			case Me.POPUP: return new Jp(e);
-			case Me.FREETEXT: return new Im(e);
-			case Me.LINE: return new Rm(e);
-			case Me.SQUARE: return new Bm(e);
-			case Me.CIRCLE: return new Hm(e);
-			case Me.POLYLINE: return new Wm(e);
-			case Me.CARET: return new Km(e);
-			case Me.INK: return new Xm(e);
-			case Me.POLYGON: return new Gm(e);
-			case Me.HIGHLIGHT: return new Qm(e);
-			case Me.UNDERLINE: return new $m(e);
-			case Me.SQUIGGLY: return new eh(e);
-			case Me.STRIKEOUT: return new th(e);
-			case Me.STAMP: return new nh(e);
-			case Me.FILEATTACHMENT: return new ah(e);
-			case Me.RICHMEDIA:
-			case Me.SCREEN: return new dh(e);
+			case je.POPUP: return new Jp(e);
+			case je.FREETEXT: return new Im(e);
+			case je.LINE: return new Rm(e);
+			case je.SQUARE: return new Bm(e);
+			case je.CIRCLE: return new Hm(e);
+			case je.POLYLINE: return new Wm(e);
+			case je.CARET: return new Km(e);
+			case je.INK: return new Xm(e);
+			case je.POLYGON: return new Gm(e);
+			case je.HIGHLIGHT: return new Qm(e);
+			case je.UNDERLINE: return new $m(e);
+			case je.SQUIGGLY: return new eh(e);
+			case je.STRIKEOUT: return new th(e);
+			case je.STAMP: return new nh(e);
+			case je.FILEATTACHMENT: return new ah(e);
+			case je.RICHMEDIA:
+			case je.SCREEN: return new dh(e);
 			default: return new jp(e);
 		}
 	}
@@ -10896,14 +10896,14 @@ var bp = class {
 	get commentText() {
 		var e, t;
 		let { data: n } = this;
-		return ((e = this.annotationStorage.getRawValue(`${Oe}${n.id}`)) == null || (e = e.popup) == null ? void 0 : e.contents) || ((t = n.contentsObj) == null ? void 0 : t.str) || "";
+		return ((e = this.annotationStorage.getRawValue(`${De}${n.id}`)) == null || (e = e.popup) == null ? void 0 : e.contents) || ((t = n.contentsObj) == null ? void 0 : t.str) || "";
 	}
 	set commentText(e) {
 		let { data: t } = this, n = {
 			deleted: !e,
 			contents: e || ""
 		};
-		this.annotationStorage.updateEditor(t.id, { popup: n }) || this.annotationStorage.setValue(`${Oe}${t.id}`, {
+		this.annotationStorage.updateEditor(t.id, { popup: n }) || this.annotationStorage.setValue(`${De}${t.id}`, {
 			id: t.id,
 			annotationType: t.annotationType,
 			page: this.parent.page,
@@ -10942,19 +10942,19 @@ var bp = class {
 			a.borderWidth = `${t.borderStyle.width}px`;
 			let e = t.borderStyle.horizontalCornerRadius, n = t.borderStyle.verticalCornerRadius;
 			switch ((e > 0 || n > 0) && (a.borderRadius = `calc(${e}px * var(--total-scale-factor)) / calc(${n}px * var(--total-scale-factor))`), t.borderStyle.style) {
-				case Ne.SOLID:
+				case Me.SOLID:
 					a.borderStyle = "solid";
 					break;
-				case Ne.DASHED:
+				case Me.DASHED:
 					a.borderStyle = "dashed";
 					break;
-				case Ne.BEVELED:
+				case Me.BEVELED:
 					F("Unimplemented border style: beveled");
 					break;
-				case Ne.INSET:
+				case Me.INSET:
 					F("Unimplemented border style: inset");
 					break;
-				case Ne.UNDERLINE:
+				case Me.UNDERLINE:
 					a.borderBottomStyle = "solid";
 					break;
 				default: break;
@@ -11070,7 +11070,7 @@ var bp = class {
 			let { borderColor: e, borderWidth: t } = a;
 			a.borderWidth = 0, o = [
 				"url('data:image/svg+xml;utf8,",
-				`<svg xmlns="${we}" preserveAspectRatio="none" viewBox="0 0 1 1">`,
+				`<svg xmlns="${Ce}" preserveAspectRatio="none" viewBox="0 0 1 1">`,
 				`<g fill="transparent" stroke="${e}" stroke-width="${t}">`
 			], this.container.classList.add("hasBorder");
 		}
@@ -11416,11 +11416,11 @@ var zp = class extends jp {
 			"right"
 		], { fontColor: n } = this.data.defaultAppearanceData, r = this.data.defaultAppearanceData.fontSize || Cp, i = e.style, a, o = (e) => Math.round(10 * e) / 10;
 		if (this.data.multiLine) {
-			let e = Math.abs(this.data.rect[3] - this.data.rect[1] - 2), t = e / (Math.round(e / (Ce * r)) || 1);
-			a = Math.min(r, o(t / Ce));
+			let e = Math.abs(this.data.rect[3] - this.data.rect[1] - 2), t = e / (Math.round(e / (Se * r)) || 1);
+			a = Math.min(r, o(t / Se));
 		} else {
 			let e = Math.abs(this.data.rect[3] - this.data.rect[1] - 2);
-			a = Math.min(r, o(e / Ce));
+			a = Math.min(r, o(e / Se));
 		}
 		i.fontSize = `calc(${a}px * var(--total-scale-factor))`, i.color = z.makeHexColor(...n), this.data.textAlignment !== null && !this.data.comb && (i.textAlign = t[this.data.textAlignment]);
 	}
@@ -11863,7 +11863,7 @@ var zp = class extends jp {
 		e.classList.add("popupAnnotation"), e.role = "comment";
 		let t = this.popup = m(qp, this, Yp).call(this), n = [];
 		for (let e of this.elements) e.popup = t, e.container.ariaHasPopup = "dialog", n.push(e.data.id), e.addHighlightArea();
-		return this.container.setAttribute("aria-controls", n.map((e) => `${De}${e}`).join(",")), this.container;
+		return this.container.setAttribute("aria-controls", n.map((e) => `${Ee}${e}`).join(",")), this.container;
 	}
 };
 function Yp() {
@@ -12124,7 +12124,7 @@ var Im = class extends jp {
 		super(e, {
 			isRenderable: !0,
 			ignoreBorder: !0
-		}), this.textContent = e.data.textContent, this.textPosition = e.data.textPosition, this.annotationEditorType = M.FREETEXT;
+		}), this.textContent = e.data.textContent, this.textPosition = e.data.textPosition, this.annotationEditorType = N.FREETEXT;
 	}
 	render() {
 		if (this.container.classList.add("freeTextAnnotation"), this.textContent) {
@@ -12237,7 +12237,7 @@ var Im = class extends jp {
 		super(e, {
 			isRenderable: !0,
 			ignoreBorder: !0
-		}), w(this, Ym), S(this, qm, null), S(this, Jm, []), this.containerClassName = "inkAnnotation", this.svgElementName = "svg:polyline", this.annotationEditorType = this.data.it === "InkHighlight" ? M.HIGHLIGHT : M.INK;
+		}), w(this, Ym), S(this, qm, null), S(this, Jm, []), this.containerClassName = "inkAnnotation", this.svgElementName = "svg:polyline", this.annotationEditorType = this.data.it === "InkHighlight" ? N.HIGHLIGHT : N.INK;
 	}
 	render() {
 		this.container.classList.add(this.containerClassName);
@@ -12295,7 +12295,7 @@ var Qm = class extends jp {
 			isRenderable: !0,
 			ignoreBorder: !0,
 			createQuadrilaterals: !0
-		}), this.annotationEditorType = M.HIGHLIGHT;
+		}), this.annotationEditorType = N.HIGHLIGHT;
 	}
 	render() {
 		let { data: { overlaidText: e, popupRef: t } } = this;
@@ -12358,7 +12358,7 @@ var Qm = class extends jp {
 		super(e, {
 			isRenderable: !0,
 			ignoreBorder: !0
-		}), this.annotationEditorType = M.STAMP;
+		}), this.annotationEditorType = N.STAMP;
 	}
 	render() {
 		return this.container.classList.add("stampAnnotation"), this.container.setAttribute("role", "img"), !this.data.popupRef && this.hasPopupData && (this.hasOwnCommentButton = !0, this._createPopup()), this._editOnDoubleClick(), this.container;
@@ -12482,7 +12482,7 @@ var mh = /* @__PURE__ */ new WeakMap(), hh = /* @__PURE__ */ new WeakMap(), gh =
 			};
 			for (let e of n) {
 				if (e.noHTML) continue;
-				let n = e.annotationType === Me.POPUP;
+				let n = e.annotationType === je.POPUP;
 				if (n) {
 					let n = a.get(e.id);
 					if (!n) continue;
@@ -12509,7 +12509,7 @@ var mh = /* @__PURE__ */ new WeakMap(), hh = /* @__PURE__ */ new WeakMap(), gh =
 				let n = Ep.create(s);
 				if (!n.isRenderable) continue;
 				let r = n.render();
-				n.contentElement.id = `${De}${e.id}`, e.hidden && (r.style.visibility = "hidden"), t.at(-1).container.after(r);
+				n.contentElement.id = `${Ee}${e.id}`, e.hidden && (r.style.visibility = "hidden"), t.at(-1).container.after(r);
 			}
 			m(Sh, t, Th).call(t);
 		})();
@@ -12527,7 +12527,7 @@ var mh = /* @__PURE__ */ new WeakMap(), hh = /* @__PURE__ */ new WeakMap(), gh =
 			for (let i of t) {
 				i.borderStyle || (i.borderStyle = e._defaultBorderStyle), r.data = i;
 				let t = Ep.create(r);
-				t.isRenderable && (t.render(), t.contentElement.id = `${De}${i.id}`, C(bh, n).push(t));
+				t.isRenderable && (t.render(), t.contentElement.id = `${Ee}${i.id}`, C(bh, n).push(t));
 			}
 			yield m(Sh, n, wh).call(n);
 		})();
@@ -12568,7 +12568,7 @@ var mh = /* @__PURE__ */ new WeakMap(), hh = /* @__PURE__ */ new WeakMap(), gh =
 			linkService: C(yh, this),
 			annotationStorage: C(gh, this)
 		});
-		return i.render(), i.contentElement.id = `${De}${n}`, i.createOrUpdatePopup(), C(bh, this).push(i), i;
+		return i.render(), i.contentElement.id = `${Ee}${n}`, i.createOrUpdatePopup(), C(bh, this).push(i), i;
 	}
 	removeAnnotation(e) {
 		var t;
@@ -12590,7 +12590,7 @@ var mh = /* @__PURE__ */ new WeakMap(), hh = /* @__PURE__ */ new WeakMap(), gh =
 		return L(this, "_defaultBorderStyle", Object.freeze({
 			width: 1,
 			rawWidth: 1,
-			style: Ne.SOLID,
+			style: Me.SOLID,
 			dashArray: [3],
 			horizontalCornerRadius: 0,
 			verticalCornerRadius: 0
@@ -12607,7 +12607,7 @@ function wh() {
 			T(xh, e, !0);
 			for (let { contentElement: r, data: { id: i } } of C(bh, e)) {
 				var n;
-				let a = r.id = `${De}${i}`;
+				let a = r.id = `${Ee}${i}`;
 				t.push((n = C(vh, e)) == null ? void 0 : n.getAriaAttributes(a).then((e) => {
 					if (e) for (let [t, n] of e) r.setAttribute(t, n);
 				}));
@@ -12743,35 +12743,35 @@ var Eh = /\r\n?|\n/g, Dh = /* @__PURE__ */ new WeakMap(), Oh = /* @__PURE__ */ n
 	}
 	static updateDefaultParams(t, n) {
 		switch (t) {
-			case N.FREETEXT_SIZE:
+			case P.FREETEXT_SIZE:
 				e._defaultFontSize = n;
 				break;
-			case N.FREETEXT_COLOR:
+			case P.FREETEXT_COLOR:
 				e._defaultColor = n;
 				break;
 		}
 	}
 	updateParams(e, t) {
 		switch (e) {
-			case N.FREETEXT_SIZE:
+			case P.FREETEXT_SIZE:
 				m(jh, this, Nh).call(this, t);
 				break;
-			case N.FREETEXT_COLOR:
+			case P.FREETEXT_COLOR:
 				m(jh, this, Ph).call(this, t);
 				break;
 		}
 	}
 	static get defaultPropertiesToUpdate() {
-		return [[N.FREETEXT_SIZE, e._defaultFontSize], [N.FREETEXT_COLOR, e._defaultColor || W._defaultLineColor]];
+		return [[P.FREETEXT_SIZE, e._defaultFontSize], [P.FREETEXT_COLOR, e._defaultColor || W._defaultLineColor]];
 	}
 	get propertiesToUpdate() {
-		return [[N.FREETEXT_SIZE, C(Ah, this)], [N.FREETEXT_COLOR, this.color]];
+		return [[P.FREETEXT_SIZE, C(Ah, this)], [P.FREETEXT_COLOR, this.color]];
 	}
 	get toolbarButtons() {
 		return this._colorPicker || (this._colorPicker = new gp(this)), [["colorPicker", this._colorPicker]];
 	}
 	get colorType() {
-		return N.FREETEXT_COLOR;
+		return P.FREETEXT_COLOR;
 	}
 	onUpdatedColor() {
 		var e;
@@ -12952,7 +12952,7 @@ var Eh = /\r\n?|\n/g, Dh = /* @__PURE__ */ new WeakMap(), Oh = /* @__PURE__ */ n
 				let { data: { defaultAppearanceData: { fontSize: e, fontColor: n }, rect: r, rotation: i, id: a, popupRef: s, richText: c, contentsObj: l, creationDate: u, modificationDate: d }, textContent: f, textPosition: p, parent: { page: { pageNumber: m } } } = t;
 				if (!(f != null && f.length)) return null;
 				o = t = {
-					annotationType: M.FREETEXT,
+					annotationType: N.FREETEXT,
 					color: Array.from(n),
 					fontSize: e,
 					value: f.join("\n"),
@@ -13002,7 +13002,7 @@ var Eh = /\r\n?|\n/g, Dh = /* @__PURE__ */ new WeakMap(), Oh = /* @__PURE__ */ n
 		super.resetAnnotationElement(e), e.resetEdited();
 	}
 };
-ue = Mh;
+le = Mh;
 function Nh(e) {
 	let t = (e) => {
 		this.editorDiv.style.fontSize = `calc(${e}px * var(--total-scale-factor))`, this.translate(0, -(e - C(Ah, this)) * this.parentScale), T(Ah, this, e), m(jh, this, Ih).call(this);
@@ -13012,7 +13012,7 @@ function Nh(e) {
 		undo: t.bind(this, n),
 		post: this._uiManager.updateUI.bind(this._uiManager, this),
 		mustExec: !0,
-		type: N.FREETEXT_SIZE,
+		type: P.FREETEXT_SIZE,
 		overwriteIfSameType: !0,
 		keepUndo: !0
 	});
@@ -13026,7 +13026,7 @@ function Ph(e) {
 		undo: t.bind(this, n),
 		post: this._uiManager.updateUI.bind(this._uiManager, this),
 		mustExec: !0,
-		type: N.FREETEXT_COLOR,
+		type: P.FREETEXT_COLOR,
 		overwriteIfSameType: !0,
 		keepUndo: !0
 	});
@@ -13035,7 +13035,7 @@ function Fh() {
 	let e = [];
 	this.editorDiv.normalize();
 	let t = null;
-	for (let n of this.editorDiv.childNodes) (t == null ? void 0 : t.nodeType) === Node.TEXT_NODE && n.nodeName === "BR" || (e.push(Lh.call(ue, n)), t = n);
+	for (let n of this.editorDiv.childNodes) (t == null ? void 0 : t.nodeType) === Node.TEXT_NODE && n.nodeName === "BR" || (e.push(Lh.call(le, n)), t = n);
 	return e.join("\n");
 }
 function Ih() {
@@ -13066,7 +13066,7 @@ function Vh(e) {
 	let { value: t, fontSize: n, color: r, pageIndex: i } = this._initialData;
 	return this.hasEditedComment || this._hasBeenMoved || e.value !== t || e.fontSize !== n || e.color.some((e, t) => e !== r[t]) || e.pageIndex !== i;
 }
-v(Mh, "_freeTextDefaultContent", ""), v(Mh, "_internalPadding", 0), v(Mh, "_defaultColor", null), v(Mh, "_defaultFontSize", 10), v(Mh, "_type", "freetext"), v(Mh, "_editorType", M.FREETEXT);
+v(Mh, "_freeTextDefaultContent", ""), v(Mh, "_internalPadding", 0), v(Mh, "_defaultColor", null), v(Mh, "_defaultFontSize", 10), v(Mh, "_type", "freetext"), v(Mh, "_editorType", N.FREETEXT);
 var X = class {
 	toSVGPath() {
 		I("Abstract method `toSVGPath` must be implemented.");
@@ -13359,7 +13359,7 @@ function bg(e) {
 	], a = n, o = r, s = n, c = r, l = e ? Math.max : Math.min, u = /* @__PURE__ */ new Float32Array(4);
 	for (let e = 6, d = t.length; e < d; e += 6) {
 		let d = t[e + 4], f = t[e + 5];
-		isNaN(t[e]) ? (z.pointBoundingBox(d, f, i), o > f ? (a = d, o = f) : o === f && (a = l(a, d)), c < f ? (s = d, c = f) : c === f && (s = l(s, d))) : (u.set(be, 0), z.bezierBoundingBox(n, r, ...t.slice(e, e + 6), u), z.rectBoundingBox(...u, i), o > u[1] ? (a = u[0], o = u[1]) : o === u[1] && (a = l(a, u[0])), c < u[3] ? (s = u[2], c = u[3]) : c === u[3] && (s = l(s, u[2]))), n = d, r = f;
+		isNaN(t[e]) ? (z.pointBoundingBox(d, f, i), o > f ? (a = d, o = f) : o === f && (a = l(a, d)), c < f ? (s = d, c = f) : c === f && (s = l(s, d))) : (u.set(ye, 0), z.bezierBoundingBox(n, r, ...t.slice(e, e + 6), u), z.rectBoundingBox(...u, i), o > u[1] ? (a = u[0], o = u[1]) : o === u[1] && (a = l(a, u[0])), c < u[3] ? (s = u[2], c = u[3]) : c === u[3] && (s = l(s, u[2]))), n = d, r = f;
 	}
 	let d = C(fg, this);
 	d[0] = i[0] - C(pg, this), d[1] = i[1] - C(pg, this), d[2] = i[2] - i[0] + 2 * C(pg, this), d[3] = i[3] - i[1] + 2 * C(pg, this), this.firstPoint = [a, o], this.lastPoint = [s, c];
@@ -13367,7 +13367,7 @@ function bg(e) {
 var xg = /* @__PURE__ */ new WeakMap(), Sg = /* @__PURE__ */ new WeakMap(), Cg = /* @__PURE__ */ new WeakMap(), wg = /* @__PURE__ */ new WeakMap(), Tg = /* @__PURE__ */ new WeakMap(), Eg = /* @__PURE__ */ new WeakSet(), Dg = class {
 	constructor(e, t = 0, n = 0, r = !0) {
 		w(this, Eg), S(this, xg, void 0), S(this, Sg, void 0), S(this, Cg, void 0), S(this, wg, []), S(this, Tg, []);
-		let i = be.slice(), a = Math.pow(10, -4);
+		let i = ye.slice(), a = Math.pow(10, -4);
 		for (let { x: n, y: r, width: o, height: s } of e) {
 			let e = Math.floor((n - t) / a) * a, c = Math.ceil((n + o + t) / a) * a, l = Math.floor((r - t) / a) * a, u = Math.ceil((r + s + t) / a) * a, d = [
 				e,
@@ -13587,10 +13587,10 @@ var Ng = /* @__PURE__ */ new WeakMap(), Pg = /* @__PURE__ */ new WeakMap(), Fg =
 	}
 	static updateDefaultParams(t, n) {
 		switch (t) {
-			case N.HIGHLIGHT_COLOR:
+			case P.HIGHLIGHT_COLOR:
 				e._defaultColor = n;
 				break;
-			case N.HIGHLIGHT_THICKNESS:
+			case P.HIGHLIGHT_THICKNESS:
 				e._defaultThickness = n;
 				break;
 		}
@@ -13604,22 +13604,22 @@ var Ng = /* @__PURE__ */ new WeakMap(), Pg = /* @__PURE__ */ new WeakMap(), Fg =
 	}
 	updateParams(e, t) {
 		switch (e) {
-			case N.HIGHLIGHT_COLOR:
+			case P.HIGHLIGHT_COLOR:
 				m(Q, this, a_).call(this, t);
 				break;
-			case N.HIGHLIGHT_THICKNESS:
+			case P.HIGHLIGHT_THICKNESS:
 				m(Q, this, o_).call(this, t);
 				break;
 		}
 	}
 	static get defaultPropertiesToUpdate() {
-		return [[N.HIGHLIGHT_COLOR, e._defaultColor], [N.HIGHLIGHT_THICKNESS, e._defaultThickness]];
+		return [[P.HIGHLIGHT_COLOR, e._defaultColor], [P.HIGHLIGHT_THICKNESS, e._defaultThickness]];
 	}
 	get propertiesToUpdate() {
 		return [
-			[N.HIGHLIGHT_COLOR, this.color || e._defaultColor],
-			[N.HIGHLIGHT_THICKNESS, C(e_, this) || e._defaultThickness],
-			[N.HIGHLIGHT_FREE, C(Yg, this)]
+			[P.HIGHLIGHT_COLOR, this.color || e._defaultColor],
+			[P.HIGHLIGHT_THICKNESS, C(e_, this) || e._defaultThickness],
+			[P.HIGHLIGHT_FREE, C(Yg, this)]
 		];
 	}
 	onUpdatedColor() {
@@ -13770,7 +13770,7 @@ var Ng = /* @__PURE__ */ new WeakMap(), Pg = /* @__PURE__ */ new WeakMap(), Fg =
 			if (e instanceof Qm) {
 				let { data: { quadPoints: t, rect: n, rotation: r, id: i, color: o, opacity: s, popupRef: c, richText: l, contentsObj: u, creationDate: d, modificationDate: f }, parent: { page: { pageNumber: p } } } = e;
 				a = e = {
-					annotationType: M.HIGHLIGHT,
+					annotationType: N.HIGHLIGHT,
 					color: Array.from(o),
 					opacity: s,
 					quadPoints: t,
@@ -13790,7 +13790,7 @@ var Ng = /* @__PURE__ */ new WeakMap(), Pg = /* @__PURE__ */ new WeakMap(), Fg =
 			} else if (e instanceof Xm) {
 				let { data: { inkLists: t, rect: n, rotation: r, id: i, color: o, borderStyle: { rawWidth: s }, popupRef: c, richText: l, contentsObj: u, creationDate: d, modificationDate: f }, parent: { page: { pageNumber: p } } } = e;
 				a = e = {
-					annotationType: M.HIGHLIGHT,
+					annotationType: N.HIGHLIGHT,
 					color: Array.from(o),
 					thickness: s,
 					inkLists: t,
@@ -13881,7 +13881,7 @@ var Ng = /* @__PURE__ */ new WeakMap(), Pg = /* @__PURE__ */ new WeakMap(), Fg =
 		return !1;
 	}
 };
-de = n_;
+ue = n_;
 function r_() {
 	let e = new Dg(C(Bg, this), .001);
 	T(qg, this, e.getOutlines()), [this.x, this.y, this.width, this.height] = C(qg, this).box;
@@ -13907,10 +13907,10 @@ function i_({ highlightOutlines: e, highlightId: t, clipPathId: n }) {
 	else if (this.parent) {
 		let t = this.parent.viewport.rotation;
 		this.parent.drawLayer.updateProperties(C(Jg, this), {
-			bbox: u_.call(de, C(qg, this).box, (t - this.rotation + 360) % 360),
+			bbox: u_.call(ue, C(qg, this).box, (t - this.rotation + 360) % 360),
 			path: { d: e.toSVGPath() }
 		}), this.parent.drawLayer.updateProperties(C(Qg, this), {
-			bbox: u_.call(de, C(Ug, this).box, t),
+			bbox: u_.call(ue, C(Ug, this).box, t),
 			path: { d: C(Ug, this).toSVGPath() }
 		});
 	}
@@ -13943,11 +13943,11 @@ function a_(e) {
 		this.color = e, this.opacity = t, this.onUpdatedColor();
 	}, n = this.color, r = this.opacity;
 	this.addCommands({
-		cmd: t.bind(this, e, de._defaultOpacity),
+		cmd: t.bind(this, e, ue._defaultOpacity),
 		undo: t.bind(this, n, r),
 		post: this._uiManager.updateUI.bind(this._uiManager, this),
 		mustExec: !0,
-		type: N.HIGHLIGHT_COLOR,
+		type: P.HIGHLIGHT_COLOR,
 		overwriteIfSameType: !0,
 		keepUndo: !0
 	}), this._reportTelemetry({
@@ -13964,7 +13964,7 @@ function o_(e) {
 		undo: n.bind(this, t),
 		post: this._uiManager.updateUI.bind(this._uiManager, this),
 		mustExec: !0,
-		type: N.INK_THICKNESS,
+		type: P.INK_THICKNESS,
 		overwriteIfSameType: !0,
 		keepUndo: !0
 	}), this._reportTelemetry({
@@ -14029,7 +14029,7 @@ function u_([e, t, n, r], i) {
 	];
 }
 function d_(e) {
-	de._keyboardManager.exec(this, e);
+	ue._keyboardManager.exec(this, e);
 }
 function f_(e) {
 	if (!C(Rg, this)) return;
@@ -14066,7 +14066,7 @@ function v_(e) {
 	let { color: t } = this._initialData;
 	return this.hasEditedComment || e.color.some((e, n) => e !== t[n]);
 }
-v(n_, "_defaultColor", null), v(n_, "_defaultOpacity", 1), v(n_, "_defaultThickness", 12), v(n_, "_type", "highlight"), v(n_, "_editorType", M.HIGHLIGHT), v(n_, "_freeHighlightId", -1), v(n_, "_freeHighlight", null), v(n_, "_freeHighlightClipId", "");
+v(n_, "_defaultColor", null), v(n_, "_defaultOpacity", 1), v(n_, "_defaultThickness", 12), v(n_, "_type", "highlight"), v(n_, "_editorType", N.HIGHLIGHT), v(n_, "_freeHighlightId", -1), v(n_, "_freeHighlight", null), v(n_, "_freeHighlightClipId", "");
 var y_ = /* @__PURE__ */ new WeakMap(), b_ = class {
 	constructor() {
 		S(this, y_, Object.create(null));
@@ -14170,7 +14170,7 @@ var y_ = /* @__PURE__ */ new WeakMap(), b_ = class {
 			undo: s.bind(this, a, o),
 			post: this._uiManager.updateUI.bind(this._uiManager, this),
 			mustExec: !0,
-			type: N.INK_COLOR_AND_OPACITY,
+			type: P.INK_COLOR_AND_OPACITY,
 			overwriteIfSameType: !0,
 			keepUndo: !0
 		});
@@ -14301,7 +14301,7 @@ var y_ = /* @__PURE__ */ new WeakMap(), b_ = class {
 						t.drawLayer.updateProperties(n, e.removeLastElement());
 					},
 					mustExec: !1,
-					type: N.DRAW_STEP
+					type: P.DRAW_STEP
 				});
 				return;
 			}
@@ -14311,7 +14311,7 @@ var y_ = /* @__PURE__ */ new WeakMap(), b_ = class {
 	static endDrawing(e) {
 		let t = this._currentParent;
 		if (!t) return null;
-		if (t.toggleDrawing(!0), t.cleanUndoStack(N.DRAW_STEP), !N_._.isEmpty()) {
+		if (t.toggleDrawing(!0), t.cleanUndoStack(P.DRAW_STEP), !N_._.isEmpty()) {
 			let { pageDimensions: [n, r], scale: i } = t, a = t.createAndAddNewEditor({
 				offsetX: 0,
 				offsetY: 0
@@ -14352,12 +14352,12 @@ var y_ = /* @__PURE__ */ new WeakMap(), b_ = class {
 		return !1;
 	}
 };
-fe = w_;
+de = w_;
 function T_({ drawOutlines: e, drawId: t, drawingOptions: n }) {
 	T(x_, this, e), this._drawingOptions || (this._drawingOptions = n), this.annotationElementId || this._uiManager.a11yAlert(W._l10nAlert[this.editorType]), t >= 0 ? (this._drawId = t, this.parent.drawLayer.finalizeDraw(t, e.defaultProperties)) : this._drawId = m(C_, this, E_).call(this, e, this.parent), m(C_, this, j_).call(this, e.box);
 }
 function E_(e, t) {
-	let { id: n } = t.drawLayer.draw(fe._mergeSVGProperties(this._drawingOptions.toSVGProperties(), e.defaultSVGProperties), !1, !1);
+	let { id: n } = t.drawLayer.draw(de._mergeSVGProperties(this._drawingOptions.toSVGProperties(), e.defaultSVGProperties), !1, !1);
 	return n;
 }
 function D_() {
@@ -14919,7 +14919,7 @@ function cv() {
 	];
 }
 function lv() {
-	let e = T(X_, this, xe.slice());
+	let e = T(X_, this, be.slice());
 	for (let { line: t } of C($_, this)) {
 		if (t.length <= 12) {
 			for (let n = 4, r = t.length; n < r; n += 6) z.pointBoundingBox(t[n], t[n + 1], e);
@@ -14975,9 +14975,9 @@ var dv = class e extends b_ {
 	}
 	static get typesMap() {
 		return L(this, "typesMap", /* @__PURE__ */ new Map([
-			[N.INK_THICKNESS, "stroke-width"],
-			[N.INK_COLOR, "stroke"],
-			[N.INK_OPACITY, "stroke-opacity"]
+			[P.INK_THICKNESS, "stroke-width"],
+			[P.INK_COLOR, "stroke"],
+			[P.INK_OPACITY, "stroke-opacity"]
 		]));
 	}
 	static createDrawerInstance(e, t, n, r, i) {
@@ -14993,7 +14993,7 @@ var dv = class e extends b_ {
 			if (e instanceof Xm) {
 				let { data: { inkLists: t, rect: n, rotation: r, id: i, color: o, opacity: s, borderStyle: { rawWidth: c }, popupRef: l, richText: u, contentsObj: d, creationDate: f, modificationDate: p }, parent: { page: { pageNumber: m } } } = e;
 				a = e = {
-					annotationType: M.INK,
+					annotationType: N.INK,
 					color: Array.from(o),
 					thickness: c,
 					opacity: s,
@@ -15020,24 +15020,24 @@ var dv = class e extends b_ {
 		return this._colorPicker || (this._colorPicker = new gp(this)), [["colorPicker", this._colorPicker]];
 	}
 	get colorType() {
-		return N.INK_COLOR;
+		return P.INK_COLOR;
 	}
 	get colorAndOpacityType() {
-		return N.INK_COLOR_AND_OPACITY;
+		return P.INK_COLOR_AND_OPACITY;
 	}
 	get opacityType() {
-		return N.INK_OPACITY;
+		return P.INK_OPACITY;
 	}
 	updateParams(e, t) {
-		if (e === N.INK_COLOR_AND_OPACITY) {
+		if (e === P.INK_COLOR_AND_OPACITY) {
 			this._updateColorAndOpacity(t.color, t.opacity);
 			return;
 		}
 		super.updateParams(e, t);
 	}
 	static updateDefaultParams(e, t) {
-		if (e === N.INK_COLOR_AND_OPACITY) {
-			super.updateDefaultParams(N.INK_COLOR, t.color), super.updateDefaultParams(N.INK_OPACITY, t.opacity);
+		if (e === P.INK_COLOR_AND_OPACITY) {
+			super.updateDefaultParams(P.INK_COLOR, t.color), super.updateDefaultParams(P.INK_OPACITY, t.opacity);
 			return;
 		}
 		super.updateDefaultParams(e, t);
@@ -15094,7 +15094,7 @@ function mv(e) {
 	let { color: t, thickness: n, opacity: r, pageIndex: i } = this._initialData;
 	return this.hasEditedComment || this._hasBeenMoved || this._hasBeenResized || e.color.some((e, n) => e !== t[n]) || e.thickness !== n || e.opacity !== r || e.pageIndex !== i;
 }
-v(pv, "_type", "ink"), v(pv, "_editorType", M.INK), v(pv, "_defaultDrawingOptions", null);
+v(pv, "_type", "ink"), v(pv, "_editorType", N.INK), v(pv, "_defaultDrawingOptions", null);
 var hv = class extends ov {
 	toSVGPath() {
 		let e = super.toSVGPath();
@@ -15279,22 +15279,22 @@ var hv = class extends ov {
 		})();
 	}
 };
-pe = vv;
+fe = vv;
 function yv(e, t, n, r) {
 	return n -= e, r -= t, n === 0 ? r > 0 ? 0 : 4 : n === 1 ? r + 6 : 2 - r;
 }
 function bv(e, t, n, r, i, a, o) {
-	let s = m(pe, this, yv).call(this, n, r, i, a);
+	let s = m(fe, this, yv).call(this, n, r, i, a);
 	for (let i = 0; i < 8; i++) {
-		let a = (-i + s - o + 16) % 8, c = m(pe, this, jv)._[2 * a], l = m(pe, this, jv)._[2 * a + 1];
+		let a = (-i + s - o + 16) % 8, c = m(fe, this, jv)._[2 * a], l = m(fe, this, jv)._[2 * a + 1];
 		if (e[(n + c) * t + (r + l)] !== 0) return a;
 	}
 	return -1;
 }
 function xv(e, t, n, r, i, a, o) {
-	let s = m(pe, this, yv).call(this, n, r, i, a);
+	let s = m(fe, this, yv).call(this, n, r, i, a);
 	for (let i = 0; i < 8; i++) {
-		let a = (i + s + o + 16) % 8, c = m(pe, this, jv)._[2 * a], l = m(pe, this, jv)._[2 * a + 1];
+		let a = (i + s + o + 16) % 8, c = m(fe, this, jv)._[2 * a], l = m(fe, this, jv)._[2 * a + 1];
 		if (e[(n + c) * t + (r + l)] !== 0) return a;
 	}
 	return -1;
@@ -15330,17 +15330,17 @@ function Sv(e, t, n, r) {
 				break;
 			}
 			h ? h.isHole ? p.parent = f ? h.parent : s : p.parent = f ? s : h.parent : p.parent = f ? s : 0;
-			let g = m(pe, this, bv).call(this, a, t, e, n, l, u, 0);
+			let g = m(fe, this, bv).call(this, a, t, e, n, l, u, 0);
 			if (g === -1) {
 				a[r] = -o, a[r] !== 1 && (s = Math.abs(a[r]));
 				continue;
 			}
-			let _ = m(pe, this, jv)._[2 * g], v = m(pe, this, jv)._[2 * g + 1], y = e + _, b = n + v;
+			let _ = m(fe, this, jv)._[2 * g], v = m(fe, this, jv)._[2 * g + 1], y = e + _, b = n + v;
 			l = y, u = b;
 			let x = e, S = n;
 			for (;;) {
-				let i = m(pe, this, xv).call(this, a, t, x, S, l, u, 1);
-				_ = m(pe, this, jv)._[2 * i], v = m(pe, this, jv)._[2 * i + 1];
+				let i = m(fe, this, xv).call(this, a, t, x, S, l, u, 1);
+				_ = m(fe, this, jv)._[2 * i], v = m(fe, this, jv)._[2 * i + 1];
 				let c = x + _, f = S + v;
 				d.push(f, c);
 				let p = x * t + S;
@@ -15363,11 +15363,11 @@ function Cv(e, t, n, r) {
 		let t = Math.abs(d - l * e[r + 1] + u * e[r]);
 		t > x && (S = r, x = t);
 	}
-	x > Math.pow(c * b, 2) ? (m(pe, this, Cv).call(this, e, t, S + 2, r), m(pe, this, Cv).call(this, e, S, n, r)) : r.push(i, a);
+	x > Math.pow(c * b, 2) ? (m(fe, this, Cv).call(this, e, t, S + 2, r), m(fe, this, Cv).call(this, e, S, n, r)) : r.push(i, a);
 }
 function wv(e) {
 	let t = [], n = e.length;
-	return m(pe, this, Cv).call(this, e, 0, n, t), t.push(e[n - 2], e[n - 1]), t.length <= 4 ? null : t;
+	return m(fe, this, Cv).call(this, e, 0, n, t), t.push(e[n - 2], e[n - 1]), t.length <= 4 ? null : t;
 }
 function Tv(e, t, n, r, i, a) {
 	let o = new Float32Array(Math.pow(a, 2)), s = -2 * Math.pow(r, 2), c = a >> 1;
@@ -15419,7 +15419,7 @@ function Ov(e) {
 	return t;
 }
 function kv(e) {
-	let t = e, { width: n, height: r } = e, { maxDim: i } = m(pe, this, Av)._, a = n, o = r;
+	let t = e, { width: n, height: r } = e, { maxDim: i } = m(fe, this, Av)._, a = n, o = r;
 	if (n > i || r > i) {
 		let s = n, c = r, l = Math.log2(Math.max(n, r) / i), u = Math.floor(l);
 		l = l === u ? u - 1 : u;
@@ -15435,7 +15435,7 @@ function kv(e) {
 	s.fillStyle = "white", s.fillRect(0, 0, a, o), s.filter = "grayscale(1)", s.drawImage(e, 0, 0, e.width, e.height, 0, 0, a, o);
 	let c = s.getImageData(0, 0, a, o).data;
 	return [
-		m(pe, this, Dv).call(this, c),
+		m(fe, this, Dv).call(this, c),
 		a,
 		o
 	];
@@ -15654,7 +15654,7 @@ var Av = { _: {
 		})();
 	}
 };
-v(Rv, "_type", "signature"), v(Rv, "_editorType", M.SIGNATURE), v(Rv, "_defaultDrawingOptions", null);
+v(Rv, "_type", "signature"), v(Rv, "_editorType", N.SIGNATURE), v(Rv, "_defaultDrawingOptions", null);
 var zv = /* @__PURE__ */ new WeakMap(), Bv = /* @__PURE__ */ new WeakMap(), Vv = /* @__PURE__ */ new WeakMap(), Hv = /* @__PURE__ */ new WeakMap(), Uv = /* @__PURE__ */ new WeakMap(), Wv = /* @__PURE__ */ new WeakMap(), Gv = /* @__PURE__ */ new WeakMap(), Kv = /* @__PURE__ */ new WeakMap(), qv = /* @__PURE__ */ new WeakMap(), Jv = /* @__PURE__ */ new WeakMap(), Yv = /* @__PURE__ */ new WeakMap(), Xv = /* @__PURE__ */ new WeakSet(), Zv = class extends W {
 	constructor(e) {
 		super(D(D({}, e), {}, { name: "stampEditor" })), w(this, Xv), S(this, zv, null), S(this, Bv, null), S(this, Vv, null), S(this, Hv, null), S(this, Uv, null), S(this, Wv, ""), S(this, Gv, null), S(this, Kv, !1), S(this, qv, null), S(this, Jv, !1), S(this, Yv, !1), T(Hv, this, e.bitmapUrl), T(Uv, this, e.bitmapFile), this.defaultL10nId = "pdfjs-editor-stamp-editor";
@@ -15666,7 +15666,7 @@ var zv = /* @__PURE__ */ new WeakMap(), Bv = /* @__PURE__ */ new WeakMap(), Vv =
 		return Lt.includes(e);
 	}
 	static paste(e, t) {
-		t.pasteEditor({ mode: M.STAMP }, { bitmapFile: e.getAsFile() });
+		t.pasteEditor({ mode: N.STAMP }, { bitmapFile: e.getAsFile() });
 	}
 	altTextFinish() {
 		this._uiManager.useNewAltTextFlow && (this.div.hidden = !1), super.altTextFinish();
@@ -15804,9 +15804,9 @@ var zv = /* @__PURE__ */ new WeakMap(), Bv = /* @__PURE__ */ new WeakMap(), Vv =
 				var s;
 				let { data: { rect: r, rotation: i, id: c, structParent: l, popupRef: u, richText: d, contentsObj: f, creationDate: p, modificationDate: m }, container: h, parent: { page: { pageNumber: g } }, canvas: _ } = e, v, y;
 				_ ? (delete e.canvas, {id: v, bitmap: y} = n.imageManager.getFromCanvas(h.id, _), _.remove()) : (o = !0, e._hasNoCanvas = !0);
-				let b = ((s = yield t._structTree.getAriaAttributes(`${De}${c}`)) == null ? void 0 : s.get("aria-label")) || "";
+				let b = ((s = yield t._structTree.getAriaAttributes(`${Ee}${c}`)) == null ? void 0 : s.get("aria-label")) || "";
 				a = e = {
-					annotationType: M.STAMP,
+					annotationType: N.STAMP,
 					bitmapId: v,
 					bitmap: y,
 					pageIndex: g - 1,
@@ -15994,7 +15994,7 @@ function ay(e) {
 		isSameAltText: a
 	};
 }
-v(Zv, "_type", "stamp"), v(Zv, "_editorType", M.STAMP);
+v(Zv, "_type", "stamp"), v(Zv, "_editorType", N.STAMP);
 var oy = /* @__PURE__ */ new WeakMap(), sy = /* @__PURE__ */ new WeakMap(), cy = /* @__PURE__ */ new WeakMap(), ly = /* @__PURE__ */ new WeakMap(), uy = /* @__PURE__ */ new WeakMap(), dy = /* @__PURE__ */ new WeakMap(), fy = /* @__PURE__ */ new WeakMap(), py = /* @__PURE__ */ new WeakMap(), my = /* @__PURE__ */ new WeakMap(), hy = /* @__PURE__ */ new WeakMap(), gy = /* @__PURE__ */ new WeakMap(), _y = /* @__PURE__ */ new WeakMap(), vy = /* @__PURE__ */ new WeakMap(), yy = /* @__PURE__ */ new WeakMap(), by = /* @__PURE__ */ new WeakMap(), $ = /* @__PURE__ */ new WeakMap(), xy = /* @__PURE__ */ new WeakSet(), Sy = class e {
 	constructor({ uiManager: t, pageIndex: n, div: r, structTreeLayer: i, accessibilityManager: a, annotationLayer: o, drawLayer: s, textLayer: c, viewport: l, l10n: u }) {
 		w(this, xy), S(this, oy, void 0), S(this, sy, !1), S(this, cy, null), S(this, ly, null), S(this, uy, null), S(this, dy, /* @__PURE__ */ new Map()), S(this, fy, !1), S(this, py, !1), S(this, my, !1), S(this, hy, null), S(this, gy, null), S(this, _y, null), S(this, vy, null), S(this, yy, null), S(this, by, -1), S(this, $, void 0);
@@ -16009,27 +16009,27 @@ var oy = /* @__PURE__ */ new WeakMap(), sy = /* @__PURE__ */ new WeakMap(), cy =
 		return C(dy, this).size === 0;
 	}
 	get isInvisible() {
-		return this.isEmpty && C($, this).getMode() === M.NONE;
+		return this.isEmpty && C($, this).getMode() === N.NONE;
 	}
 	updateToolbar(e) {
 		C($, this).updateToolbar(e);
 	}
 	updateMode(e = C($, this).getMode()) {
 		switch (m(xy, this, Oy).call(this), e) {
-			case M.NONE:
+			case N.NONE:
 				this.div.classList.toggle("nonEditing", !0), this.disableTextSelection(), this.togglePointerEvents(!1), this.toggleAnnotationLayerPointerEvents(!0), this.disableClick();
 				return;
-			case M.INK:
+			case N.INK:
 				this.disableTextSelection(), this.togglePointerEvents(!0), this.enableClick();
 				break;
-			case M.HIGHLIGHT:
+			case N.HIGHLIGHT:
 				this.enableTextSelection(), this.togglePointerEvents(!1), this.disableClick();
 				break;
 			default: this.disableTextSelection(), this.togglePointerEvents(!0), this.enableClick();
 		}
 		this.toggleAnnotationLayerPointerEvents(!1);
 		let { classList: t } = this.div;
-		if (t.toggle("nonEditing", !1), e === M.POPUP) t.toggle("commentEditing", !0);
+		if (t.toggle("nonEditing", !1), e === N.POPUP) t.toggle("commentEditing", !0);
 		else {
 			t.toggle("commentEditing", !1);
 			for (let n of ky._.values()) t.toggle(`${n._type}Editing`, e === n._editorType);
@@ -16093,7 +16093,7 @@ var oy = /* @__PURE__ */ new WeakMap(), sy = /* @__PURE__ */ new WeakMap(), cy =
 				i.toggle("getElements", !0);
 				let a = document.elementsFromPoint(t, n);
 				if (i.toggle("getElements", !1), !this.div.contains(a[0])) return;
-				let o, s = RegExp(`^${Oe}[0-9]+$`);
+				let o, s = RegExp(`^${De}[0-9]+$`);
 				for (let e of a) if (s.test(e.id)) {
 					o = e.id;
 					break;
@@ -16289,7 +16289,7 @@ var oy = /* @__PURE__ */ new WeakMap(), sy = /* @__PURE__ */ new WeakMap(), cy =
 			return;
 		}
 		let r = C($, this).getMode();
-		if (r === M.STAMP || r === M.POPUP || r === M.SIGNATURE) {
+		if (r === N.STAMP || r === N.POPUP || r === N.SIGNATURE) {
 			C($, this).unselectAll();
 			return;
 		}
@@ -16297,7 +16297,7 @@ var oy = /* @__PURE__ */ new WeakMap(), sy = /* @__PURE__ */ new WeakMap(), cy =
 	}
 	pointerdown(e) {
 		var t;
-		if (C($, this).getMode() === M.HIGHLIGHT && this.enableTextSelection(), C(fy, this)) {
+		if (C($, this).getMode() === N.HIGHLIGHT && this.enableTextSelection(), C(fy, this)) {
 			T(fy, this, !1);
 			return;
 		}
@@ -16561,31 +16561,31 @@ var Py = /* @__PURE__ */ new WeakMap(), Fy = /* @__PURE__ */ new WeakMap(), Iy =
 		}
 	}
 };
-me = Hy;
+pe = Hy;
 function Uy(e) {
-	let t = m(me, this, rb)._.get(e);
-	t != null && t.selectionDiv && (t.selectionDiv.remove(), m(me, this, eb)._.delete(t.selectionDiv), t.selectionDiv = null, t.path = null);
+	let t = m(pe, this, rb)._.get(e);
+	t != null && t.selectionDiv && (t.selectionDiv.remove(), m(pe, this, eb)._.delete(t.selectionDiv), t.selectionDiv = null, t.path = null);
 }
 function Wy() {
 	let e = document.getSelection();
 	return !!e && !e.isCollapsed;
 }
 function Gy() {
-	return [...m(me, this, nb)._].filter((e) => e.isConnected).sort(Ay);
+	return [...m(pe, this, nb)._].filter((e) => e.isConnected).sort(Ay);
 }
 function Ky() {
 	let e = document.getSelection();
 	if (!e || e.isCollapsed) {
-		for (let e of m(me, this, eb)._) e.remove();
-		m(me, this, eb)._.clear();
+		for (let e of m(pe, this, eb)._) e.remove();
+		m(pe, this, eb)._.clear();
 		return;
 	}
-	let t = /* @__PURE__ */ new WeakMap(), n = m(me, this, Gy).call(this), r = [];
+	let t = /* @__PURE__ */ new WeakMap(), n = m(pe, this, Gy).call(this), r = [];
 	for (let t = 0, i = e.rangeCount; t < i; t++) {
 		let i = e.getRangeAt(t);
 		if (i.collapsed) continue;
 		let { startContainer: a, startOffset: o, endContainer: s, endOffset: c } = i, l = jy(a), u = jy(s), d = l === null, f = u === null;
-		if (m(me, this, tb)._ && d !== f) return;
+		if (m(pe, this, tb)._ && d !== f) return;
 		if (e.rangeCount === 1) {
 			let { anchorNode: t, anchorOffset: n, focusNode: r, focusOffset: i } = e, d = jy(t), f = jy(r), p = My(t, n, r, i);
 			d && f && p !== null && (p ? (a = t, o = n, l = d, s = r, c = i, u = f) : (a = r, o = i, l = f, s = t, c = n, u = d));
@@ -16631,7 +16631,7 @@ function Ky() {
 		}
 	}
 	let i = new Set(r.map((e) => e[1]));
-	for (let e of m(me, this, nb)._) i.has(e) || m(me, this, Uy).call(this, e);
+	for (let e of m(pe, this, nb)._) i.has(e) || m(pe, this, Uy).call(this, e);
 	for (let [e, n] of r) {
 		let r = rb._.get(n);
 		if (!r) continue;
@@ -16655,12 +16655,12 @@ function Ky() {
 			u = document.createElement("div"), u.className = "selection", u.style.clipPath = `url(#${e})`;
 			let t = (s = C(Ly, l)) == null ? void 0 : s.createSelectionStyle(C(Ry, l));
 			if (t) for (let [e, n] of Object.entries(t)) u.style.setProperty(e, n);
-			let n = me._svgFactory.create(1, 1, !0);
+			let n = pe._svgFactory.create(1, 1, !0);
 			n.setAttribute("aria-hidden", "true"), n.setAttribute("width", "100%"), n.setAttribute("height", "100%");
-			let i = me._svgFactory.createElement("clipPath");
-			i.setAttribute("id", e), i.setAttribute("clipPathUnits", "objectBoundingBox"), d = me._svgFactory.createElement("path"), i.append(d), n.append(i), u.append(n), r.path = d, r.selectionDiv = u;
+			let i = pe._svgFactory.createElement("clipPath");
+			i.setAttribute("id", e), i.setAttribute("clipPathUnits", "objectBoundingBox"), d = pe._svgFactory.createElement("path"), i.append(d), n.append(i), u.append(n), r.path = d, r.selectionDiv = u;
 		}
-		!u.parentNode && C(Py, l) && (C(Py, l).append(u), m(me, this, eb)._.add(u)), d.setAttribute("d", c.join(" "));
+		!u.parentNode && C(Py, l) && (C(Py, l).append(u), m(pe, this, eb)._.add(u)), d.setAttribute("d", c.join(" "));
 	}
 }
 function qy(e, [t, n, r, i]) {
@@ -16668,15 +16668,15 @@ function qy(e, [t, n, r, i]) {
 	a.top = `${100 * n}%`, a.left = `${100 * t}%`, a.width = `${100 * r}%`, a.height = `${100 * i}%`;
 }
 function Jy() {
-	let e = me._svgFactory.create(1, 1, !0);
+	let e = pe._svgFactory.create(1, 1, !0);
 	return C(Py, this).append(e), e.setAttribute("aria-hidden", "true"), e;
 }
 function Yy(e, t) {
-	let n = me._svgFactory.createElement("clipPath");
+	let n = pe._svgFactory.createElement("clipPath");
 	e.append(n);
 	let r = `clip_${t}`;
 	n.setAttribute("id", r), n.setAttribute("clipPathUnits", "objectBoundingBox");
-	let i = me._svgFactory.createElement("use");
+	let i = pe._svgFactory.createElement("use");
 	return n.append(i), i.setAttribute("href", `#${t}`), i.classList.add("clip"), r;
 }
 function Xy(e, t) {
@@ -16744,12 +16744,12 @@ var mb = { _: null };
 globalThis._pdfjsTestingUtils = { HighlightOutliner: Dg }, globalThis.pdfjsLib = {
 	AbortException: Qe,
 	AnnotationEditorLayer: Sy,
-	AnnotationEditorParamsType: N,
-	AnnotationEditorType: M,
+	AnnotationEditorParamsType: P,
+	AnnotationEditorType: N,
 	AnnotationEditorUIManager: Br,
 	AnnotationLayer: Ch,
-	AnnotationMode: Ee,
-	AnnotationType: Me,
+	AnnotationMode: Te,
+	AnnotationType: je,
 	applyOpacity: Bt,
 	build: Kf,
 	ColorPicker: ip,
@@ -16767,7 +16767,7 @@ globalThis._pdfjsTestingUtils = { HighlightOutliner: Dg }, globalThis.pdfjsLib =
 	getRGBA: At,
 	getUuid: st,
 	GlobalWorkerOptions: Hu,
-	ImageKind: je,
+	ImageKind: Ae,
 	InvalidPDFException: Ye,
 	isDataScheme: yt,
 	isPdfFile: bt,
@@ -16778,14 +16778,14 @@ globalThis._pdfjsTestingUtils = { HighlightOutliner: Dg }, globalThis.pdfjsLib =
 	MathClamp: B,
 	noContextMenu: Et,
 	normalizeUnicode: ot,
-	OPS: P,
+	OPS: Pe,
 	OutputScale: It,
 	PasswordException: qe,
 	PasswordResponses: Ie,
 	PDFDataRangeTransport: lf,
 	PDFDateString: Ot,
 	PDFWorker: xf,
-	PermissionFlag: ke,
+	PermissionFlag: Oe,
 	PixelsPerInch: ht,
 	RenderingCancelledException: vt,
 	renderRichText: qt,
@@ -16800,7 +16800,7 @@ globalThis._pdfjsTestingUtils = { HighlightOutliner: Dg }, globalThis.pdfjsLib =
 	TouchManager: Qi,
 	updateUrlHash: We,
 	Util: z,
-	VerbosityLevel: Pe,
+	VerbosityLevel: Ne,
 	version: Gf,
 	XfaLayer: mt
 };
@@ -17462,17 +17462,17 @@ function Tb() {
 //#endregion
 //#region src/hooks/useSidebarState.ts
 function Eb({ tableSchemas: e } = {}) {
-	let [t, n] = s("invoice_items"), [r, i] = s("{% for item in invoice.items %}"), [o, c] = s("{% endfor %}"), [l, u] = s(""), [d, f] = s(""), [p, m] = s(null), [h, g] = s([]), [_, v] = s(!1), [y, b] = s(""), [x, S] = s(null), [C, w] = s(""), [T, E] = s(null), [ee, O] = s(null), [k, te] = s(""), [A, ne] = s([]), re = (e) => ({
+	let [t, n] = s("invoice_items"), [r, i] = s("{% for item in invoice.items %}"), [o, c] = s("{% endfor %}"), [l, u] = s(""), [d, f] = s(""), [p, m] = s(null), [h, g] = s([]), [_, v] = s(!1), [y, b] = s(""), [x, S] = s(null), [C, w] = s(""), [T, E] = s(null), [ee, O] = s(null), [k, A] = s(""), [j, te] = s([]), ne = (e) => ({
 		columnName: e.columnName || e.columnNameEn || e.columnNameDe || "",
 		placeholder: e.placeholder || "",
 		enabled: e.enabled !== !1,
 		loop: !!e.loop,
-		columns: Array.isArray(e.columns) ? e.columns.map(re) : void 0
+		columns: Array.isArray(e.columns) ? e.columns.map(ne) : void 0
 	});
 	a(() => {
-		e && e.length > 0 ? g(e.map((e) => D(D({}, e), {}, { columns: e.columns.map(re) }))) : g([]);
+		e && e.length > 0 ? g(e.map((e) => D(D({}, e), {}, { columns: e.columns.map(ne) }))) : g([]);
 	}, [e]);
-	let ie = () => {
+	let re = () => {
 		if (!t.trim()) return;
 		let e = {
 			tableName: t.trim().replace(/\s+/g, "_").toLowerCase(),
@@ -17503,19 +17503,19 @@ function Eb({ tableSchemas: e } = {}) {
 			loopEndTag: o
 		};
 		g((t) => [...t, e]), n("");
-	}, ae = () => {
+	}, ie = () => {
 		if (!k.trim()) return;
 		let e = k.trim().toLowerCase().replace(/\s+/g, "_");
-		if (A.some((t) => t.imageType === e)) {
-			te("");
+		if (j.some((t) => t.imageType === e)) {
+			A("");
 			return;
 		}
-		ne((t) => [...t, {
+		te((t) => [...t, {
 			label: k.trim(),
 			imageType: e,
 			description: `Placeholder container for ${k.trim()}`
-		}]), te("");
-	}, j = (e, t, n) => {
+		}]), A("");
+	}, ae = (e, t, n) => {
 		g((r) => r.map((r, i) => {
 			if (i === e) {
 				var a;
@@ -17528,7 +17528,7 @@ function Eb({ tableSchemas: e } = {}) {
 			}
 			return r;
 		}));
-	}, [oe, se] = s(null);
+	}, [M, oe] = s(null);
 	return {
 		customTableName: t,
 		setCustomTableName: n,
@@ -17555,22 +17555,22 @@ function Eb({ tableSchemas: e } = {}) {
 		dragOverIndex: ee,
 		setDragOverIndex: O,
 		newImgTypeName: k,
-		setNewImgTypeName: te,
-		customImageTypes: A,
-		setCustomImageTypes: ne,
+		setNewImgTypeName: A,
+		customImageTypes: j,
+		setCustomImageTypes: te,
 		searchPlaceholder: C,
 		setSearchPlaceholder: w,
-		handleAddCustomTable: ie,
-		handleAddCustomImageType: ae,
-		toggleSchemaColumn: j,
+		handleAddCustomTable: re,
+		handleAddCustomImageType: ie,
+		toggleSchemaColumn: ae,
 		applySelectionFormat: (e, t = "") => {
-			if (oe) {
+			if (M) {
 				let e = window.getSelection();
-				e == null || e.removeAllRanges(), e == null || e.addRange(oe);
+				e == null || e.removeAllRanges(), e == null || e.addRange(M);
 			}
 			document.execCommand(e, !1, t), m(null);
 		},
-		setSavedRange: se
+		setSavedRange: oe
 	};
 }
 //#endregion
@@ -17988,13 +17988,14 @@ var Lb = [
 }]]);
 //#endregion
 //#region src/components/WorkspaceHeader.tsx
-function px({ headerLogo: e, headerTitle: t, headerSubtitle: n, parseError: r, isParsing: i, parseStatusText: a }) {
+function px({ headerLogo: e, headerTitle: t, headerSubtitle: n, parseError: r, isParsing: i, parseStatusText: a, themeColor: o = "#ea580c" }) {
 	return /* @__PURE__ */ d("header", {
 		className: "bg-white border-b border-gray-200 px-6 py-3.5 flex items-center justify-between sticky top-0 z-10 shadow-xs gap-4",
 		children: [/* @__PURE__ */ d("div", {
 			className: "flex items-center space-x-3",
 			children: [e || /* @__PURE__ */ u("div", {
-				className: "h-9 w-9 bg-orange-600 rounded-xl flex items-center justify-center text-white shadow-md shadow-orange-600/20",
+				style: { backgroundColor: o },
+				className: "h-9 w-9 rounded-xl flex items-center justify-center text-white shadow-md",
 				children: /* @__PURE__ */ u(tx, { className: "h-5 w-5" })
 			}), /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("h1", {
 				className: "text-lg font-bold tracking-tight text-slate-800",
@@ -18009,7 +18010,12 @@ function px({ headerLogo: e, headerTitle: t, headerSubtitle: n, parseError: r, i
 				className: "text-[10px] text-red-500 font-bold bg-red-50 px-2 py-0.5 rounded inline-block border border-red-100",
 				children: ["Error: ", r]
 			}), i && /* @__PURE__ */ u("span", {
-				className: "text-[10px] text-orange-600 font-bold bg-orange-50 px-2 py-0.5 rounded inline-block border border-orange-100 animate-pulse",
+				style: {
+					color: o,
+					borderColor: `${o}40`,
+					backgroundColor: `${o}15`
+				},
+				className: "text-[10px] font-bold px-2 py-0.5 rounded inline-block border animate-pulse",
 				children: a || "Parsing..."
 			})]
 		})]
@@ -18092,7 +18098,7 @@ function mx({ handleSidebarDragStart: e, createTextBlock: t, setBlocks: n, setSe
 }
 //#endregion
 //#region src/components/sidebar/TablesTab.tsx
-function hx({ schemas: e, toggleSchemaColumn: t, customTableName: n, setCustomTableName: r, customLoopStart: i, setCustomLoopStart: a, customLoopEnd: o, setCustomLoopEnd: s, handleAddCustomTable: c, handleSidebarDragStart: l, setBlocks: f, setSelectedBlockId: p, setActiveTab: m, defaultStyles: h, isTablesLoading: g, tablesLoading: _ }) {
+function hx({ schemas: e, toggleSchemaColumn: t, customTableName: n, setCustomTableName: r, customLoopStart: i, setCustomLoopStart: a, customLoopEnd: o, setCustomLoopEnd: s, handleAddCustomTable: c, handleSidebarDragStart: l, setBlocks: f, setSelectedBlockId: p, setActiveTab: m, defaultStyles: h, isTablesLoading: g, tablesLoading: _, themeColor: v = "#ea580c" }) {
 	return g || _ ? /* @__PURE__ */ d("div", {
 		className: "space-y-6",
 		children: [/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("h3", {
@@ -18290,7 +18296,8 @@ function hx({ schemas: e, toggleSchemaColumn: t, customTableName: n, setCustomTa
 						})] }),
 						/* @__PURE__ */ d("button", {
 							onClick: c,
-							className: "w-full py-2 bg-orange-600 hover:bg-orange-700 text-white rounded-xl text-xs font-bold transition-all shadow-sm flex items-center justify-center space-x-1.5 shadow-orange-600/10",
+							style: { backgroundColor: v },
+							className: "w-full py-2 text-white rounded-xl text-xs font-bold transition-all shadow-sm flex items-center justify-center space-x-1.5",
 							children: [/* @__PURE__ */ u(Zb, { className: "h-4 w-4" }), /* @__PURE__ */ u("span", { children: "Add Custom Loop Table" })]
 						})
 					]
@@ -18301,8 +18308,8 @@ function hx({ schemas: e, toggleSchemaColumn: t, customTableName: n, setCustomTa
 }
 //#endregion
 //#region src/components/sidebar/ImagesTab.tsx
-function gx({ customImageTypes: e, newImgTypeName: t, setNewImgTypeName: n, handleAddCustomImageType: r, handleSidebarDragStart: i, createImageBlock: a, setBlocks: o, setSelectedBlockId: s, setActiveTab: c }) {
-	let l = [
+function gx({ customImageTypes: e, newImgTypeName: t, setNewImgTypeName: n, handleAddCustomImageType: r, handleSidebarDragStart: i, createImageBlock: a, setBlocks: o, setSelectedBlockId: s, setActiveTab: c, themeColor: l = "#ea580c" }) {
+	let f = [
 		{
 			label: "Brand Logo",
 			imageType: "logo",
@@ -18346,7 +18353,7 @@ function gx({ customImageTypes: e, newImgTypeName: t, setNewImgTypeName: n, hand
 			})] }),
 			/* @__PURE__ */ u("div", {
 				className: "space-y-3",
-				children: l.map((e) => /* @__PURE__ */ d("div", {
+				children: f.map((e) => /* @__PURE__ */ d("div", {
 					className: "border border-gray-200 rounded-xl p-3 bg-white space-y-3 shadow-xs",
 					children: [
 						/* @__PURE__ */ u("div", {
@@ -18407,7 +18414,8 @@ function gx({ customImageTypes: e, newImgTypeName: t, setNewImgTypeName: n, hand
 					}),
 					/* @__PURE__ */ d("button", {
 						onClick: r,
-						className: "w-full py-1.5 bg-orange-600 hover:bg-orange-700 text-white rounded-lg text-xs font-bold transition-all flex items-center justify-center space-x-1",
+						style: { backgroundColor: l },
+						className: "w-full py-1.5 text-white rounded-lg text-xs font-bold transition-all flex items-center justify-center space-x-1",
 						children: [/* @__PURE__ */ u(Zb, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ u("span", { children: "Add Custom Category" })]
 					})
 				]
@@ -18522,10 +18530,10 @@ var vx = (e) => {
 	}
 	return 100;
 };
-function yx({ selectedBlockId: e, getSelectedBlock: t, updateSelectedStyle: n, updateSelectedImageInfo: r, fontSizesState: i, fontFamiliesState: a, fontWeightsState: o, handleDeleteBlock: c, newColName: f, setNewColName: p, newColPlaceholder: m, setNewColPlaceholder: h, handleAddTableColumn: g, handleRemoveTableColumn: _, handleUpdateTableColumn: v, handleReorderTableColumn: y, handleAddTableRow: b, handleRemoveTableRow: x, setBlocks: S }) {
-	var C;
-	let [w, T] = s(null), [E, ee] = s(""), [O, k] = s(""), [te, A] = s(null), [ne, re] = s(""), [ie, ae] = s(""), j = t();
-	if (!e || !j) return /* @__PURE__ */ d("div", {
+function yx({ selectedBlockId: e, getSelectedBlock: t, updateSelectedStyle: n, updateSelectedImageInfo: r, fontSizesState: i, fontFamiliesState: a, fontWeightsState: o, handleDeleteBlock: c, newColName: f, setNewColName: p, newColPlaceholder: m, setNewColPlaceholder: h, handleAddTableColumn: g, handleRemoveTableColumn: _, handleUpdateTableColumn: v, handleReorderTableColumn: y, handleAddTableRow: b, handleRemoveTableRow: x, setBlocks: S, themeColor: C = "#ea580c" }) {
+	var w;
+	let [T, E] = s(null), [ee, O] = s(""), [k, A] = s(""), [j, te] = s(null), [ne, re] = s(""), [ie, ae] = s(""), M = t();
+	if (!e || !M) return /* @__PURE__ */ d("div", {
 		className: "space-y-5",
 		children: [/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("h3", {
 			className: "text-sm font-bold text-slate-800",
@@ -18548,11 +18556,11 @@ function yx({ selectedBlockId: e, getSelectedBlock: t, updateSelectedStyle: n, u
 			]
 		})]
 	});
-	let oe = j.type === "table", se = () => {
+	let oe = M.type === "table", se = () => {
 		f.trim() && (g(f, m), p(""), h(""));
 	};
-	if (j.type === "image") {
-		let e = j.imageInfo || { imageType: "logo" };
+	if (M.type === "image") {
+		let e = M.imageInfo || { imageType: "logo" };
 		return /* @__PURE__ */ d("div", {
 			className: "space-y-5",
 			children: [/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("h3", {
@@ -18587,13 +18595,14 @@ function yx({ selectedBlockId: e, getSelectedBlock: t, updateSelectedStyle: n, u
 							})]
 						}), /* @__PURE__ */ u("button", {
 							onClick: () => {
-								let e = !j.style.sameRow;
+								let e = !M.style.sameRow;
 								n("sameRow", e), e ? (n("width", "48%"), S((e) => {
-									let t = e.findIndex((e) => e.id === j.id);
+									let t = e.findIndex((e) => e.id === M.id);
 									return t > 0 ? e.map((e, n) => n === t - 1 && (!e.style.width || e.style.width === "100%") ? D(D({}, e), {}, { style: D(D({}, e.style), {}, { width: "48%" }) }) : e) : e;
 								})) : n("width", "100%");
 							},
-							className: `w-10 h-6 flex items-center rounded-full p-1 transition-colors duration-150 ${j.style.sameRow ? "bg-orange-600 justify-end" : "bg-slate-300 justify-start"}`,
+							style: { backgroundColor: M.style.sameRow ? C : "#cbd5e1" },
+							className: "w-10 h-6 flex items-center rounded-full p-1 transition-colors duration-150 cursor-pointer",
 							children: /* @__PURE__ */ u("span", { className: "bg-white w-4 h-4 rounded-full shadow-md" })
 						})]
 					}),
@@ -18639,7 +18648,7 @@ function yx({ selectedBlockId: e, getSelectedBlock: t, updateSelectedStyle: n, u
 							].map((e) => /* @__PURE__ */ u("button", {
 								onClick: () => n("textAlign", e.value),
 								type: "button",
-								className: `p-1.5 rounded transition-all ${j.style.textAlign === e.value ? "bg-white text-slate-800 shadow-xs border border-gray-200" : "text-slate-500 hover:text-slate-800"}`,
+								className: `p-1.5 rounded transition-all ${M.style.textAlign === e.value ? "bg-white text-slate-800 shadow-xs border border-gray-200" : "text-slate-500 hover:text-slate-800"}`,
 								children: e.icon
 							}, e.value))
 						})]
@@ -18653,7 +18662,7 @@ function yx({ selectedBlockId: e, getSelectedBlock: t, updateSelectedStyle: n, u
 								children: "Block Width (%)"
 							}), /* @__PURE__ */ d("span", {
 								className: "text-[10px] font-mono text-slate-500 font-bold bg-slate-100 px-1.5 py-0.5 rounded",
-								children: [vx(j.style.width), "%"]
+								children: [vx(M.style.width), "%"]
 							})]
 						}), /* @__PURE__ */ d("div", {
 							className: "flex items-center space-x-2",
@@ -18662,12 +18671,13 @@ function yx({ selectedBlockId: e, getSelectedBlock: t, updateSelectedStyle: n, u
 								min: "10",
 								max: "100",
 								step: "5",
-								value: vx(j.style.width),
+								value: vx(M.style.width),
 								onChange: (e) => n("width", `${Math.min(100, Math.max(10, parseInt(e.target.value, 10)))}%`),
-								className: "w-full accent-slate-800 h-1 bg-gray-200 rounded-lg appearance-none cursor-pointer"
+								style: { accentColor: C },
+								className: "w-full h-1 bg-gray-200 rounded-lg appearance-none cursor-pointer"
 							}), /* @__PURE__ */ d("span", {
 								className: "text-[10px] font-mono text-slate-500 w-10 text-right",
-								children: [vx(j.style.width), "%"]
+								children: [vx(M.style.width), "%"]
 							})]
 						})]
 					}),
@@ -18680,7 +18690,7 @@ function yx({ selectedBlockId: e, getSelectedBlock: t, updateSelectedStyle: n, u
 								children: "Image Element Width (px)"
 							}), /* @__PURE__ */ u("span", {
 								className: "text-[10px] font-mono text-slate-500 font-bold bg-slate-100 px-1.5 py-0.5 rounded",
-								children: j.style.imageWidth || (j.style.width && j.style.width.endsWith("px") ? j.style.width : "100%")
+								children: M.style.imageWidth || (M.style.width && M.style.width.endsWith("px") ? M.style.width : "100%")
 							})]
 						}), /* @__PURE__ */ d("div", {
 							className: "flex items-center space-x-2",
@@ -18689,12 +18699,13 @@ function yx({ selectedBlockId: e, getSelectedBlock: t, updateSelectedStyle: n, u
 								min: "10",
 								max: "1000",
 								step: "5",
-								value: parseInt(j.style.imageWidth || (j.style.width && j.style.width.endsWith("px") ? j.style.width : "100")) || 100,
+								value: parseInt(M.style.imageWidth || (M.style.width && M.style.width.endsWith("px") ? M.style.width : "100")) || 100,
 								onChange: (e) => n("imageWidth", `${e.target.value}px`),
-								className: "w-full accent-slate-800 h-1 bg-gray-200 rounded-lg appearance-none cursor-pointer"
+								style: { accentColor: C },
+								className: "w-full h-1 bg-gray-200 rounded-lg appearance-none cursor-pointer"
 							}), /* @__PURE__ */ d("span", {
 								className: "text-[10px] font-mono text-slate-500 w-10 text-right",
-								children: [parseInt(j.style.imageWidth || (j.style.width && j.style.width.endsWith("px") ? j.style.width : "100")) || 100, "px"]
+								children: [parseInt(M.style.imageWidth || (M.style.width && M.style.width.endsWith("px") ? M.style.width : "100")) || 100, "px"]
 							})]
 						})]
 					}),
@@ -18704,7 +18715,7 @@ function yx({ selectedBlockId: e, getSelectedBlock: t, updateSelectedStyle: n, u
 							className: "text-[10px] font-bold text-slate-400 uppercase tracking-wider block mb-1",
 							children: "Object Fit"
 						}), /* @__PURE__ */ d("select", {
-							value: j.style.objectFit || "contain",
+							value: M.style.objectFit || "contain",
 							onChange: (e) => n("objectFit", e.target.value),
 							className: "w-full px-2 py-1.5 border border-gray-200 rounded-lg text-xs focus:outline-none focus:border-slate-500 bg-white font-medium",
 							children: [
@@ -18736,7 +18747,7 @@ function yx({ selectedBlockId: e, getSelectedBlock: t, updateSelectedStyle: n, u
 								children: "Image Height"
 							}), /* @__PURE__ */ u("span", {
 								className: "text-[10px] font-mono text-slate-500 font-bold bg-slate-100 px-1.5 py-0.5 rounded",
-								children: j.style.height || j.style.minHeight || "auto"
+								children: M.style.height || M.style.minHeight || "auto"
 							})]
 						}), /* @__PURE__ */ u("div", {
 							className: "flex items-center space-x-2",
@@ -18745,11 +18756,12 @@ function yx({ selectedBlockId: e, getSelectedBlock: t, updateSelectedStyle: n, u
 								min: "20",
 								max: "400",
 								step: "10",
-								value: parseInt(j.style.height || j.style.minHeight || "100") || 100,
+								value: parseInt(M.style.height || M.style.minHeight || "100") || 100,
 								onChange: (e) => {
 									n("height", `${e.target.value}px`), n("minHeight", `${e.target.value}px`);
 								},
-								className: "w-full accent-slate-800 h-1 bg-gray-200 rounded-lg appearance-none cursor-pointer"
+								style: { accentColor: C },
+								className: "w-full h-1 bg-gray-200 rounded-lg appearance-none cursor-pointer"
 							})
 						})]
 					}),
@@ -18830,9 +18842,10 @@ function yx({ selectedBlockId: e, getSelectedBlock: t, updateSelectedStyle: n, u
 									min: "0",
 									max: "40",
 									step: "2",
-									value: parseInt(j.style.marginBottom || "0px"),
+									value: parseInt(M.style.marginBottom || "0px"),
 									onChange: (e) => n("marginBottom", `${e.target.value}px`),
-									className: "w-full accent-slate-800 h-1 bg-gray-200"
+									style: { accentColor: C },
+									className: "w-full h-1 bg-gray-200 rounded-lg appearance-none cursor-pointer"
 								})]
 							}), /* @__PURE__ */ d("div", {
 								className: "space-y-1",
@@ -18844,9 +18857,10 @@ function yx({ selectedBlockId: e, getSelectedBlock: t, updateSelectedStyle: n, u
 									min: "0",
 									max: "40",
 									step: "2",
-									value: parseInt(j.style.padding || "0px"),
+									value: parseInt(M.style.padding || "0px"),
 									onChange: (e) => n("padding", `${e.target.value}px`),
-									className: "w-full accent-slate-800 h-1 bg-gray-200"
+									style: { accentColor: C },
+									className: "w-full h-1 bg-gray-200 rounded-lg appearance-none cursor-pointer"
 								})]
 							})]
 						})
@@ -18854,7 +18868,7 @@ function yx({ selectedBlockId: e, getSelectedBlock: t, updateSelectedStyle: n, u
 					/* @__PURE__ */ u("div", {
 						className: "pt-4 border-t border-red-100 flex items-center justify-between",
 						children: /* @__PURE__ */ d("button", {
-							onClick: () => c(j.id),
+							onClick: () => c(M.id),
 							className: "w-full py-2 bg-red-50 hover:bg-red-100 border border-red-200 text-red-650 rounded-xl text-xs font-bold transition-all flex items-center justify-center space-x-1 shadow-xs cursor-pointer",
 							children: [/* @__PURE__ */ u(lx, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ u("span", { children: "Delete Element" })]
 						})
@@ -18878,10 +18892,10 @@ function yx({ selectedBlockId: e, getSelectedBlock: t, updateSelectedStyle: n, u
 					className: "flex items-center space-x-2 pb-3 border-b border-gray-100",
 					children: [/* @__PURE__ */ u("div", {
 						className: "h-6 px-3 bg-slate-100 rounded flex items-center justify-center text-slate-700 font-bold text-[10px] uppercase",
-						children: j.type
+						children: M.type
 					}), /* @__PURE__ */ d("span", {
 						className: "text-xs font-bold text-slate-700 capitalize",
-						children: ["Editing ", j.type === "table" ? "Table Block" : "Typography Element"]
+						children: ["Editing ", M.type === "table" ? "Table Block" : "Typography Element"]
 					})]
 				}),
 				/* @__PURE__ */ d("div", {
@@ -18897,17 +18911,18 @@ function yx({ selectedBlockId: e, getSelectedBlock: t, updateSelectedStyle: n, u
 						})]
 					}), /* @__PURE__ */ u("button", {
 						onClick: () => {
-							let e = !j.style.sameRow;
+							let e = !M.style.sameRow;
 							n("sameRow", e), e ? (n("width", "48%"), S((e) => {
-								let t = e.findIndex((e) => e.id === j.id);
+								let t = e.findIndex((e) => e.id === M.id);
 								return t > 0 ? e.map((e, n) => n === t - 1 && (!e.style.width || e.style.width === "100%") ? D(D({}, e), {}, { style: D(D({}, e.style), {}, { width: "48%" }) }) : e) : e;
 							})) : n("width", "100%");
 						},
-						className: `w-10 h-6 flex items-center rounded-full p-1 transition-colors duration-150 ${j.style.sameRow ? "bg-orange-600 justify-end" : "bg-slate-300 justify-start"}`,
+						style: { backgroundColor: M.style.sameRow ? C : "#cbd5e1" },
+						className: "w-10 h-6 flex items-center rounded-full p-1 transition-colors duration-150 cursor-pointer",
 						children: /* @__PURE__ */ u("span", { className: "bg-white w-4 h-4 rounded-full shadow-md" })
 					})]
 				}),
-				j.style.sameRow && /* @__PURE__ */ d("div", {
+				M.style.sameRow && /* @__PURE__ */ d("div", {
 					className: "flex items-center justify-between p-3 bg-slate-50 border border-gray-200 rounded-xl select-none",
 					children: [/* @__PURE__ */ d("div", {
 						className: "space-y-0.5",
@@ -18924,7 +18939,7 @@ function yx({ selectedBlockId: e, getSelectedBlock: t, updateSelectedStyle: n, u
 							type: "button",
 							onClick: () => {
 								n("flexDirection", e), S((t) => {
-									let n = t.findIndex((e) => e.id === j.id);
+									let n = t.findIndex((e) => e.id === M.id);
 									if (n === -1) return t;
 									let r = n;
 									for (; r > 0 && t[r].style.sameRow;) r--;
@@ -18933,7 +18948,7 @@ function yx({ selectedBlockId: e, getSelectedBlock: t, updateSelectedStyle: n, u
 									return t.map((t, n) => i.includes(n) ? D(D({}, t), {}, { style: D(D({}, t.style), {}, { flexDirection: e }) }) : t);
 								});
 							},
-							className: `px-2 py-1 text-[9px] font-bold rounded capitalize transition-all text-center ${j.style.flexDirection === e || e === "row" && !j.style.flexDirection ? "bg-white text-slate-800 shadow-xs border border-gray-200" : "text-slate-500 hover:text-slate-800"}`,
+							className: `px-2 py-1 text-[9px] font-bold rounded capitalize transition-all text-center ${M.style.flexDirection === e || e === "row" && !M.style.flexDirection ? "bg-white text-slate-800 shadow-xs border border-gray-200" : "text-slate-500 hover:text-slate-800"}`,
 							children: e === "row" ? "Side-by-side" : "Stacked"
 						}, e))
 					})]
@@ -18946,7 +18961,7 @@ function yx({ selectedBlockId: e, getSelectedBlock: t, updateSelectedStyle: n, u
 							className: "text-[10px] font-bold text-slate-400 uppercase tracking-wider",
 							children: "Font Size"
 						}), /* @__PURE__ */ u("select", {
-							value: j.style.fontSize,
+							value: M.style.fontSize,
 							onChange: (e) => n("fontSize", e.target.value),
 							className: "w-full px-2 py-1.5 border border-gray-200 rounded-lg text-xs focus:outline-none focus:border-slate-500 bg-white font-medium",
 							children: i.map((e) => /* @__PURE__ */ u("option", {
@@ -18960,7 +18975,7 @@ function yx({ selectedBlockId: e, getSelectedBlock: t, updateSelectedStyle: n, u
 							className: "text-[10px] font-bold text-slate-400 uppercase tracking-wider",
 							children: "Weight"
 						}), /* @__PURE__ */ u("select", {
-							value: j.style.fontWeight,
+							value: M.style.fontWeight,
 							onChange: (e) => n("fontWeight", e.target.value),
 							className: "w-full px-2 py-1.5 border border-gray-200 rounded-lg text-xs focus:outline-none focus:border-slate-500 bg-white font-medium",
 							children: o.map((e) => /* @__PURE__ */ u("option", {
@@ -18976,7 +18991,7 @@ function yx({ selectedBlockId: e, getSelectedBlock: t, updateSelectedStyle: n, u
 						className: "text-[10px] font-bold text-slate-400 uppercase tracking-wider block",
 						children: "Font Family"
 					}), /* @__PURE__ */ d("select", {
-						value: j.style.fontFamily || "",
+						value: M.style.fontFamily || "",
 						onChange: (e) => n("fontFamily", e.target.value),
 						className: "w-full px-2 py-1.5 border border-gray-200 rounded-lg text-xs focus:outline-none focus:border-slate-500 bg-white font-medium",
 						children: [/* @__PURE__ */ u("option", {
@@ -19017,7 +19032,7 @@ function yx({ selectedBlockId: e, getSelectedBlock: t, updateSelectedStyle: n, u
 									}
 								].map((e) => /* @__PURE__ */ u("button", {
 									onClick: () => n("textAlign", e.value),
-									className: `p-1.5 rounded transition-all ${j.style.textAlign === e.value ? "bg-white text-slate-800 shadow-xs border border-gray-200" : "text-slate-500 hover:text-slate-800"}`,
+									className: `p-1.5 rounded transition-all ${M.style.textAlign === e.value ? "bg-white text-slate-800 shadow-xs border border-gray-200" : "text-slate-500 hover:text-slate-800"}`,
 									children: e.icon
 								}, e.value))
 							}),
@@ -19046,7 +19061,7 @@ function yx({ selectedBlockId: e, getSelectedBlock: t, updateSelectedStyle: n, u
 										className: "line-through"
 									}
 								].map((e) => {
-									let t = j.style[e.key] === !0;
+									let t = M.style[e.key] === !0;
 									return /* @__PURE__ */ u("button", {
 										onClick: () => n(e.key, !t),
 										className: `h-7 w-7 rounded text-xs transition-all ${t ? "bg-white text-slate-800 shadow-xs border border-gray-200 font-bold" : "text-slate-500 hover:text-slate-800"}`,
@@ -19071,11 +19086,11 @@ function yx({ selectedBlockId: e, getSelectedBlock: t, updateSelectedStyle: n, u
 							className: "flex flex-wrap gap-1.5",
 							children: [gb.map((e) => /* @__PURE__ */ u("button", {
 								onClick: () => n("color", e),
-								className: `h-5 w-5 rounded-full border border-gray-200 shadow-xs transition-transform ${j.style.color === e ? "scale-120 ring-2 ring-slate-800" : "hover:scale-110"}`,
+								className: `h-5 w-5 rounded-full border border-gray-200 shadow-xs transition-transform ${M.style.color === e ? "scale-120 ring-2 ring-slate-800" : "hover:scale-110"}`,
 								style: { backgroundColor: e }
 							}, e)), /* @__PURE__ */ u("input", {
 								type: "color",
-								value: j.style.color,
+								value: M.style.color,
 								onChange: (e) => n("color", e.target.value),
 								className: "h-5 w-5 rounded-full border border-gray-200 cursor-pointer overflow-hidden p-0"
 							})]
@@ -19089,7 +19104,7 @@ function yx({ selectedBlockId: e, getSelectedBlock: t, updateSelectedStyle: n, u
 							className: "flex flex-wrap gap-1.5",
 							children: [_b.map((e) => /* @__PURE__ */ u("button", {
 								onClick: () => n("backgroundColor", e),
-								className: `h-5 w-5 rounded-full border border-gray-200 shadow-xs transition-transform ${j.style.backgroundColor === e ? "scale-120 ring-2 ring-slate-800" : "hover:scale-110"}`,
+								className: `h-5 w-5 rounded-full border border-gray-200 shadow-xs transition-transform ${M.style.backgroundColor === e ? "scale-120 ring-2 ring-slate-800" : "hover:scale-110"}`,
 								style: { backgroundColor: e === "transparent" ? "#ffffff" : e },
 								children: e === "transparent" && /* @__PURE__ */ u("span", {
 									className: "text-[8px] text-slate-400 font-bold block leading-5 text-center",
@@ -19097,7 +19112,7 @@ function yx({ selectedBlockId: e, getSelectedBlock: t, updateSelectedStyle: n, u
 								})
 							}, e)), /* @__PURE__ */ u("input", {
 								type: "color",
-								value: j.style.backgroundColor === "transparent" ? "#ffffff" : j.style.backgroundColor,
+								value: M.style.backgroundColor === "transparent" ? "#ffffff" : M.style.backgroundColor,
 								onChange: (e) => n("backgroundColor", e.target.value),
 								className: "h-5 w-5 rounded-full border border-gray-200 cursor-pointer overflow-hidden p-0"
 							})]
@@ -19116,7 +19131,7 @@ function yx({ selectedBlockId: e, getSelectedBlock: t, updateSelectedStyle: n, u
 									children: "Block Width (%)"
 								}), /* @__PURE__ */ d("span", {
 									className: "text-[10px] font-mono text-slate-500 font-bold bg-slate-100 px-1.5 py-0.5 rounded",
-									children: [vx(j.style.width), "%"]
+									children: [vx(M.style.width), "%"]
 								})]
 							}), /* @__PURE__ */ d("div", {
 								className: "flex items-center space-x-2",
@@ -19125,12 +19140,13 @@ function yx({ selectedBlockId: e, getSelectedBlock: t, updateSelectedStyle: n, u
 									min: "10",
 									max: "100",
 									step: "5",
-									value: vx(j.style.width),
+									value: vx(M.style.width),
 									onChange: (e) => n("width", `${Math.min(100, Math.max(10, parseInt(e.target.value, 10)))}%`),
-									className: "w-full accent-slate-800 h-1 bg-gray-200 rounded-lg appearance-none cursor-pointer"
+									style: { accentColor: C },
+									className: "w-full h-1 bg-gray-200 rounded-lg appearance-none cursor-pointer"
 								}), /* @__PURE__ */ d("span", {
 									className: "text-[10px] font-mono text-slate-500 w-10 text-right",
-									children: [vx(j.style.width), "%"]
+									children: [vx(M.style.width), "%"]
 								})]
 							})]
 						}),
@@ -19146,9 +19162,10 @@ function yx({ selectedBlockId: e, getSelectedBlock: t, updateSelectedStyle: n, u
 									min: "0",
 									max: "40",
 									step: "2",
-									value: parseInt(j.style.marginBottom || "0px"),
+									value: parseInt(M.style.marginBottom || "0px"),
 									onChange: (e) => n("marginBottom", `${e.target.value}px`),
-									className: "w-full accent-slate-800 h-1 bg-gray-200 rounded-lg"
+									style: { accentColor: C },
+									className: "w-full h-1 bg-gray-200 rounded-lg appearance-none cursor-pointer"
 								})]
 							}), /* @__PURE__ */ d("div", {
 								className: "space-y-1",
@@ -19160,9 +19177,10 @@ function yx({ selectedBlockId: e, getSelectedBlock: t, updateSelectedStyle: n, u
 									min: "0",
 									max: "40",
 									step: "2",
-									value: parseInt(j.style.padding || "0px"),
+									value: parseInt(M.style.padding || "0px"),
 									onChange: (e) => n("padding", `${e.target.value}px`),
-									className: "w-full accent-slate-800 h-1 bg-gray-200 rounded-lg"
+									style: { accentColor: C },
+									className: "w-full h-1 bg-gray-200 rounded-lg appearance-none cursor-pointer"
 								})]
 							})]
 						}),
@@ -19180,15 +19198,16 @@ function yx({ selectedBlockId: e, getSelectedBlock: t, updateSelectedStyle: n, u
 							}), /* @__PURE__ */ u("button", {
 								type: "button",
 								onClick: () => {
-									n("pageBreakBefore", j.style.pageBreakBefore === "always" || j.style.pageBreakBefore === !0 ? "auto" : "always");
+									n("pageBreakBefore", M.style.pageBreakBefore === "always" || M.style.pageBreakBefore === !0 ? "auto" : "always");
 								},
-								className: `w-10 h-6 flex items-center rounded-full p-1 transition-colors duration-150 ${j.style.pageBreakBefore === "always" || j.style.pageBreakBefore === !0 ? "bg-orange-600 justify-end" : "bg-slate-300 justify-start"}`,
+								style: { backgroundColor: M.style.pageBreakBefore === "always" || M.style.pageBreakBefore === !0 ? C : "#cbd5e1" },
+								className: "w-10 h-6 flex items-center rounded-full p-1 transition-colors duration-150 cursor-pointer",
 								children: /* @__PURE__ */ u("span", { className: "bg-white w-4 h-4 rounded-full shadow-md" })
 							})]
 						})
 					]
 				}),
-				oe && j.tableInfo && /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ d("div", {
+				oe && M.tableInfo && /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ d("div", {
 					className: "space-y-3 pt-3 border-t border-gray-100",
 					children: [/* @__PURE__ */ d("div", {
 						className: "flex items-center justify-between",
@@ -19197,17 +19216,18 @@ function yx({ selectedBlockId: e, getSelectedBlock: t, updateSelectedStyle: n, u
 							children: "Table Rows"
 						}), /* @__PURE__ */ d("span", {
 							className: "text-[10px] text-slate-400 font-medium",
-							children: [((C = j.tableInfo.mockRows) == null ? void 0 : C.length) || 1, " row(s) configured"]
+							children: [((w = M.tableInfo.mockRows) == null ? void 0 : w.length) || 1, " row(s) configured"]
 						})] }), /* @__PURE__ */ d("button", {
 							type: "button",
-							onClick: () => b && b(j.id),
-							className: "px-3 py-1.5 bg-orange-600 hover:bg-orange-700 text-white rounded-lg text-xs font-bold transition-all flex items-center space-x-1 shadow-xs",
+							onClick: () => b && b(M.id),
+							style: { backgroundColor: C },
+							className: "px-3 py-1.5 text-white rounded-lg text-xs font-bold transition-all flex items-center space-x-1 shadow-xs cursor-pointer",
 							title: "Add a new row to table",
 							children: [/* @__PURE__ */ u(Zb, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ u("span", { children: "Add Row" })]
 						})]
 					}), /* @__PURE__ */ u("div", {
 						className: "space-y-1.5 max-h-[140px] overflow-y-auto pr-1",
-						children: (j.tableInfo.mockRows && j.tableInfo.mockRows.length > 0 ? j.tableInfo.mockRows : [{}]).map((e, t) => {
+						children: (M.tableInfo.mockRows && M.tableInfo.mockRows.length > 0 ? M.tableInfo.mockRows : [{}]).map((e, t) => {
 							var n;
 							return /* @__PURE__ */ d("div", {
 								className: "flex items-center justify-between bg-slate-50 border border-gray-200 rounded-lg p-2 text-xs",
@@ -19216,8 +19236,8 @@ function yx({ selectedBlockId: e, getSelectedBlock: t, updateSelectedStyle: n, u
 									children: ["Row #", t + 1]
 								}), /* @__PURE__ */ u("button", {
 									type: "button",
-									onClick: () => x && x(t, j.id),
-									disabled: (((n = j.tableInfo) == null || (n = n.mockRows) == null ? void 0 : n.length) || 1) <= 1,
+									onClick: () => x && x(t, M.id),
+									disabled: (((n = M.tableInfo) == null || (n = n.mockRows) == null ? void 0 : n.length) || 1) <= 1,
 									className: "p-1 text-slate-400 hover:text-red-600 hover:bg-red-50 disabled:opacity-30 disabled:hover:bg-transparent rounded transition-colors",
 									title: "Remove row",
 									children: /* @__PURE__ */ u(lx, { className: "h-3.5 w-3.5" })
@@ -19234,12 +19254,12 @@ function yx({ selectedBlockId: e, getSelectedBlock: t, updateSelectedStyle: n, u
 						}),
 						/* @__PURE__ */ u("div", {
 							className: "space-y-2 max-h-[300px] overflow-y-auto pr-1",
-							children: j.tableInfo.columns.map((e, t) => {
+							children: M.tableInfo.columns.map((e, t) => {
 								var n, r;
 								let i = e.loop && e.columns && e.columns.length > 0;
 								return /* @__PURE__ */ d("div", {
 									className: "bg-slate-50 border border-gray-200 rounded-lg p-2 space-y-1.5 text-xs",
-									children: [w === String(t) ? /* @__PURE__ */ d("div", {
+									children: [T === String(t) ? /* @__PURE__ */ d("div", {
 										className: "space-y-1.5 p-1 bg-white border border-orange-300 rounded",
 										children: [
 											/* @__PURE__ */ u("div", {
@@ -19248,15 +19268,15 @@ function yx({ selectedBlockId: e, getSelectedBlock: t, updateSelectedStyle: n, u
 											}),
 											/* @__PURE__ */ u("input", {
 												type: "text",
-												value: E,
-												onChange: (e) => ee(e.target.value),
+												value: ee,
+												onChange: (e) => O(e.target.value),
 												placeholder: "Header Name",
 												className: "w-full px-2 py-0.5 border border-gray-200 rounded text-xs bg-white"
 											}),
 											/* @__PURE__ */ u("input", {
 												type: "text",
-												value: O,
-												onChange: (e) => k(e.target.value),
+												value: k,
+												onChange: (e) => A(e.target.value),
 												placeholder: "Value (e.g. {{item.sku}})",
 												className: "w-full px-2 py-0.5 border border-gray-200 rounded text-xs font-mono bg-white"
 											}),
@@ -19264,12 +19284,13 @@ function yx({ selectedBlockId: e, getSelectedBlock: t, updateSelectedStyle: n, u
 												className: "flex justify-end gap-1",
 												children: [/* @__PURE__ */ d("button", {
 													onClick: () => {
-														v && v(t, E, O), T(null);
+														v && v(t, ee, k), E(null);
 													},
-													className: "p-1 px-2 bg-orange-600 text-white hover:bg-orange-700 rounded text-[10px] flex items-center gap-1 font-bold",
+													style: { backgroundColor: C },
+													className: "p-1 px-2 text-white rounded text-[10px] flex items-center gap-1 font-bold cursor-pointer",
 													children: [/* @__PURE__ */ u(Wb, { className: "h-3 w-3" }), /* @__PURE__ */ u("span", { children: "Save" })]
 												}), /* @__PURE__ */ d("button", {
-													onClick: () => T(null),
+													onClick: () => E(null),
 													className: "p-1 px-2 bg-gray-200 text-slate-700 hover:bg-gray-300 rounded text-[10px] flex items-center gap-1",
 													children: [/* @__PURE__ */ u(fx, { className: "h-3 w-3" }), /* @__PURE__ */ u("span", { children: "Cancel" })]
 												})]
@@ -19301,14 +19322,14 @@ function yx({ selectedBlockId: e, getSelectedBlock: t, updateSelectedStyle: n, u
 												}),
 												/* @__PURE__ */ u("button", {
 													onClick: () => y && y(t, "down"),
-													disabled: t === (((n = j.tableInfo) == null ? void 0 : n.columns.length) || 0) - 1,
+													disabled: t === (((n = M.tableInfo) == null ? void 0 : n.columns.length) || 0) - 1,
 													className: "p-1 text-slate-400 hover:text-slate-700 hover:bg-slate-200 disabled:opacity-30 disabled:hover:bg-transparent rounded transition-colors",
 													title: "Move Down",
 													children: /* @__PURE__ */ u(Vb, { className: "h-3.5 w-3.5" })
 												}),
 												/* @__PURE__ */ u("button", {
 													onClick: () => {
-														T(String(t)), ee(e.columnName), k(e.placeholder);
+														E(String(t)), O(e.columnName), A(e.placeholder);
 													},
 													className: "p-1 text-slate-400 hover:text-slate-700 hover:bg-slate-200 rounded transition-colors",
 													title: "Edit column",
@@ -19317,7 +19338,7 @@ function yx({ selectedBlockId: e, getSelectedBlock: t, updateSelectedStyle: n, u
 												/* @__PURE__ */ u("button", {
 													onClick: () => _(t),
 													className: "p-1 text-slate-400 hover:text-red-600 hover:bg-red-50 rounded transition-colors border border-transparent",
-													disabled: !j.tableInfo || j.tableInfo.columns.length <= 1,
+													disabled: !M.tableInfo || M.tableInfo.columns.length <= 1,
 													title: "Delete column",
 													children: /* @__PURE__ */ u(lx, { className: "h-3.5 w-3.5" })
 												})
@@ -19339,7 +19360,7 @@ function yx({ selectedBlockId: e, getSelectedBlock: t, updateSelectedStyle: n, u
 											}),
 											e.columns.map((n, r) => {
 												let i = `${t}-${r}`;
-												return w === i ? /* @__PURE__ */ d("div", {
+												return T === i ? /* @__PURE__ */ d("div", {
 													className: "space-y-1 p-1.5 bg-white border border-blue-300 rounded",
 													children: [
 														/* @__PURE__ */ u("div", {
@@ -19348,15 +19369,15 @@ function yx({ selectedBlockId: e, getSelectedBlock: t, updateSelectedStyle: n, u
 														}),
 														/* @__PURE__ */ u("input", {
 															type: "text",
-															value: E,
-															onChange: (e) => ee(e.target.value),
+															value: ee,
+															onChange: (e) => O(e.target.value),
 															placeholder: "Header Name",
 															className: "w-full px-2 py-0.5 border border-gray-200 rounded text-[11px] bg-white"
 														}),
 														/* @__PURE__ */ u("input", {
 															type: "text",
-															value: O,
-															onChange: (e) => k(e.target.value),
+															value: k,
+															onChange: (e) => A(e.target.value),
 															placeholder: "Value",
 															className: "w-full px-2 py-0.5 border border-gray-200 rounded text-[11px] font-mono bg-white"
 														}),
@@ -19364,12 +19385,12 @@ function yx({ selectedBlockId: e, getSelectedBlock: t, updateSelectedStyle: n, u
 															className: "flex justify-end gap-1 pt-0.5",
 															children: [/* @__PURE__ */ d("button", {
 																onClick: () => {
-																	v && v(t, E, O, r), T(null);
+																	v && v(t, ee, k, r), E(null);
 																},
 																className: "p-0.5 px-1.5 bg-blue-600 text-white hover:bg-blue-700 rounded text-[9px] flex items-center gap-1 font-bold",
 																children: [/* @__PURE__ */ u(Wb, { className: "h-2.5 w-2.5" }), /* @__PURE__ */ u("span", { children: "Save" })]
 															}), /* @__PURE__ */ d("button", {
-																onClick: () => T(null),
+																onClick: () => E(null),
 																className: "p-0.5 px-1.5 bg-gray-200 text-slate-700 hover:bg-gray-300 rounded text-[9px] flex items-center gap-1",
 																children: [/* @__PURE__ */ u(fx, { className: "h-2.5 w-2.5" }), /* @__PURE__ */ u("span", { children: "Cancel" })]
 															})]
@@ -19405,7 +19426,7 @@ function yx({ selectedBlockId: e, getSelectedBlock: t, updateSelectedStyle: n, u
 															}),
 															/* @__PURE__ */ u("button", {
 																onClick: () => {
-																	T(i), ee(n.columnName), k(n.placeholder);
+																	E(i), O(n.columnName), A(n.placeholder);
 																},
 																className: "p-0.5 text-slate-400 hover:text-slate-700 hover:bg-slate-100 rounded",
 																title: "Edit sub-column",
@@ -19421,7 +19442,7 @@ function yx({ selectedBlockId: e, getSelectedBlock: t, updateSelectedStyle: n, u
 													})]
 												}, r);
 											}),
-											te === t ? /* @__PURE__ */ d("div", {
+											j === t ? /* @__PURE__ */ d("div", {
 												className: "bg-white border border-blue-200 rounded p-2 space-y-1.5 mt-1",
 												children: [
 													/* @__PURE__ */ u("span", {
@@ -19446,13 +19467,13 @@ function yx({ selectedBlockId: e, getSelectedBlock: t, updateSelectedStyle: n, u
 														className: "flex gap-1 pt-1",
 														children: [/* @__PURE__ */ u("button", {
 															onClick: () => {
-																ne.trim() && (g(ne, ie || "{{item.value}}", !1, t), re(""), ae(""), A(null));
+																ne.trim() && (g(ne, ie || "{{item.value}}", !1, t), re(""), ae(""), te(null));
 															},
 															className: "flex-1 py-1 bg-blue-600 hover:bg-blue-700 text-white rounded text-[10px] font-bold",
 															children: "Add"
 														}), /* @__PURE__ */ u("button", {
 															onClick: () => {
-																A(null), re(""), ae("");
+																te(null), re(""), ae("");
 															},
 															className: "py-1 px-2 bg-gray-100 hover:bg-gray-200 text-slate-600 rounded text-[10px]",
 															children: "Cancel"
@@ -19460,7 +19481,7 @@ function yx({ selectedBlockId: e, getSelectedBlock: t, updateSelectedStyle: n, u
 													})
 												]
 											}) : /* @__PURE__ */ d("button", {
-												onClick: () => A(t),
+												onClick: () => te(t),
 												className: "w-full py-1 text-[10px] font-bold text-blue-600 hover:bg-blue-50 border border-dashed border-blue-200 rounded flex items-center justify-center space-x-1 transition-colors mt-1",
 												children: [/* @__PURE__ */ u(Zb, { className: "h-3 w-3" }), /* @__PURE__ */ u("span", { children: "Add Sub-Column" })]
 											})
@@ -19494,7 +19515,8 @@ function yx({ selectedBlockId: e, getSelectedBlock: t, updateSelectedStyle: n, u
 									className: "flex gap-2",
 									children: [/* @__PURE__ */ d("button", {
 										onClick: se,
-										className: "flex-1 py-1.5 bg-orange-600 hover:bg-orange-700 text-white rounded-lg text-xs font-bold transition-all flex items-center justify-center space-x-1",
+										style: { backgroundColor: C },
+										className: "flex-1 py-1.5 text-white rounded-lg text-xs font-bold transition-all flex items-center justify-center space-x-1 cursor-pointer",
 										children: [/* @__PURE__ */ u(Zb, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ u("span", { children: "Column" })]
 									}), /* @__PURE__ */ d("button", {
 										onClick: () => {
@@ -19512,7 +19534,7 @@ function yx({ selectedBlockId: e, getSelectedBlock: t, updateSelectedStyle: n, u
 				/* @__PURE__ */ u("div", {
 					className: "pt-4 border-t border-red-100 flex items-center justify-between",
 					children: /* @__PURE__ */ d("button", {
-						onClick: () => c(j.id),
+						onClick: () => c(M.id),
 						className: "w-full py-2 bg-red-50 hover:bg-red-100 border border-red-200 text-red-650 rounded-xl text-xs font-bold transition-all flex items-center justify-center space-x-1 shadow-xs cursor-pointer",
 						children: [/* @__PURE__ */ u(lx, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ u("span", { children: "Delete Element" })]
 					})
@@ -19523,7 +19545,7 @@ function yx({ selectedBlockId: e, getSelectedBlock: t, updateSelectedStyle: n, u
 }
 //#endregion
 //#region src/components/SidebarPanel.tsx
-function bx({ activeTab: e, setActiveTab: t, setBlocks: n, selectedBlockId: r, setSelectedBlockId: i, getSelectedBlock: a, defaultStyles: o, createTextBlock: s, createImageBlock: c, updateSelectedStyle: l, updateSelectedImageInfo: f, handleDeleteBlock: p, handleRemoveTableColumn: m, handleAddTableColumn: h, handleUpdateTableColumn: g, handleReorderTableColumn: _, handleAddTableRow: v, handleRemoveTableRow: y, schemas: b, toggleSchemaColumn: x, customTableName: S, setCustomTableName: C, customLoopStart: w, setCustomLoopStart: T, customLoopEnd: E, setCustomLoopEnd: D, handleAddCustomTable: ee, newColName: O, setNewColName: k, newColPlaceholder: te, setNewColPlaceholder: A, customImageTypes: ne, newImgTypeName: re, setNewImgTypeName: ie, handleAddCustomImageType: ae, placeholders: j, searchPlaceholder: oe, setSearchPlaceholder: se, handleSidebarDragStart: ce, isTablesLoading: le, tablesLoading: ue, isPlaceholdersLoading: de, placeholdersLoading: fe, fontSizesState: pe, fontFamiliesState: me, fontWeightsState: he, sidebarPosition: ge = "left" }) {
+function bx({ activeTab: e, setActiveTab: t, themeColor: n = "#ea580c", setBlocks: r, selectedBlockId: i, setSelectedBlockId: a, getSelectedBlock: o, defaultStyles: s, createTextBlock: c, createImageBlock: l, updateSelectedStyle: f, updateSelectedImageInfo: p, handleDeleteBlock: m, handleRemoveTableColumn: h, handleAddTableColumn: g, handleUpdateTableColumn: _, handleReorderTableColumn: v, handleAddTableRow: y, handleRemoveTableRow: b, schemas: x, toggleSchemaColumn: S, customTableName: C, setCustomTableName: w, customLoopStart: T, setCustomLoopStart: E, customLoopEnd: D, setCustomLoopEnd: ee, handleAddCustomTable: O, newColName: k, setNewColName: A, newColPlaceholder: j, setNewColPlaceholder: te, customImageTypes: ne, newImgTypeName: re, setNewImgTypeName: ie, handleAddCustomImageType: ae, placeholders: M, searchPlaceholder: oe, setSearchPlaceholder: se, handleSidebarDragStart: ce, isTablesLoading: le, tablesLoading: ue, isPlaceholdersLoading: de, placeholdersLoading: fe, fontSizesState: pe, fontFamiliesState: me, fontWeightsState: he, sidebarPosition: ge = "left" }) {
 	return /* @__PURE__ */ d("aside", {
 		className: `w-full lg:w-[30%] flex flex-col bg-white border-t lg:border-t-0 ${ge === "left" ? "lg:border-r" : "lg:border-l"} border-gray-200 overflow-y-auto shrink-0`,
 		children: [/* @__PURE__ */ u("div", {
@@ -19549,39 +19571,44 @@ function bx({ activeTab: e, setActiveTab: t, setBlocks: n, selectedBlockId: r, s
 					value: "styles",
 					icon: /* @__PURE__ */ u(ex, { className: "h-4 w-4" })
 				}
-			].map((n) => /* @__PURE__ */ d("button", {
-				onClick: () => t(n.value),
-				className: `py-2 px-0.5 flex flex-col items-center justify-center gap-1 font-bold text-[9px] rounded-lg uppercase tracking-wider transition-all duration-150 ${e === n.value ? "bg-orange-600 text-white shadow-sm shadow-orange-600/10" : "text-slate-500 hover:text-orange-600 hover:bg-orange-50/50"}`,
-				children: [n.icon, /* @__PURE__ */ u("span", { children: n.value })]
-			}, n.value))
+			].map((r) => /* @__PURE__ */ d("button", {
+				onClick: () => t(r.value),
+				style: {
+					backgroundColor: e === r.value ? n : "transparent",
+					color: e === r.value ? "#ffffff" : void 0
+				},
+				className: `py-2 px-0.5 flex flex-col items-center justify-center gap-1 font-bold text-[9px] rounded-lg uppercase tracking-wider transition-all duration-150 ${e === r.value ? "shadow-sm" : "text-slate-500 hover:text-slate-800 hover:bg-slate-100"}`,
+				children: [r.icon, /* @__PURE__ */ u("span", { children: r.value })]
+			}, r.value))
 		}), /* @__PURE__ */ d("div", {
 			className: "p-4 flex-1 flex flex-col min-h-0 overflow-y-auto",
 			children: [
 				e === "text" && /* @__PURE__ */ u(mx, {
 					handleSidebarDragStart: ce,
-					createTextBlock: s,
-					setBlocks: n,
-					setSelectedBlockId: i,
+					createTextBlock: c,
+					setBlocks: r,
+					setSelectedBlockId: a,
 					setActiveTab: t,
-					defaultStyles: o
+					defaultStyles: s
 				}),
 				e === "tables" && /* @__PURE__ */ u(hx, {
-					schemas: b,
-					toggleSchemaColumn: x,
-					customTableName: S,
-					setCustomTableName: C,
-					customLoopStart: w,
-					setCustomLoopStart: T,
-					customLoopEnd: E,
-					setCustomLoopEnd: D,
-					handleAddCustomTable: ee,
+					schemas: x,
+					toggleSchemaColumn: S,
+					customTableName: C,
+					setCustomTableName: w,
+					customLoopStart: T,
+					setCustomLoopStart: E,
+					customLoopEnd: D,
+					setCustomLoopEnd: ee,
+					handleAddCustomTable: O,
 					handleSidebarDragStart: ce,
-					setBlocks: n,
-					setSelectedBlockId: i,
+					setBlocks: r,
+					setSelectedBlockId: a,
 					setActiveTab: t,
-					defaultStyles: o,
+					defaultStyles: s,
 					isTablesLoading: le,
-					tablesLoading: ue
+					tablesLoading: ue,
+					themeColor: n
 				}),
 				e === "images" && /* @__PURE__ */ u(gx, {
 					customImageTypes: ne,
@@ -19589,41 +19616,43 @@ function bx({ activeTab: e, setActiveTab: t, setBlocks: n, selectedBlockId: r, s
 					setNewImgTypeName: ie,
 					handleAddCustomImageType: ae,
 					handleSidebarDragStart: ce,
-					createImageBlock: c,
-					setBlocks: n,
-					setSelectedBlockId: i,
-					setActiveTab: t
+					createImageBlock: l,
+					setBlocks: r,
+					setSelectedBlockId: a,
+					setActiveTab: t,
+					themeColor: n
 				}),
 				e === "placeholders" && /* @__PURE__ */ u(_x, {
-					placeholders: j,
-					schemas: b,
+					placeholders: M,
+					schemas: x,
 					searchPlaceholder: oe,
 					setSearchPlaceholder: se,
-					selectedBlockId: r,
-					setBlocks: n,
+					selectedBlockId: i,
+					setBlocks: r,
 					isPlaceholdersLoading: de,
 					placeholdersLoading: fe
 				}),
 				e === "styles" && /* @__PURE__ */ u(yx, {
-					selectedBlockId: r,
-					getSelectedBlock: a,
-					updateSelectedStyle: l,
-					updateSelectedImageInfo: f,
+					selectedBlockId: i,
+					getSelectedBlock: o,
+					updateSelectedStyle: f,
+					updateSelectedImageInfo: p,
 					fontSizesState: pe,
 					fontFamiliesState: me,
 					fontWeightsState: he,
-					handleDeleteBlock: p,
-					newColName: O,
-					setNewColName: k,
-					newColPlaceholder: te,
-					setNewColPlaceholder: A,
-					handleAddTableColumn: h,
-					handleRemoveTableColumn: m,
-					handleUpdateTableColumn: g,
-					handleReorderTableColumn: _,
-					handleAddTableRow: v,
-					handleRemoveTableRow: y,
-					setBlocks: n
+					handleDeleteBlock: m,
+					newColName: k,
+					setNewColName: A,
+					newColPlaceholder: j,
+					setNewColPlaceholder: te,
+					handleAddTableColumn: g,
+					handleRemoveTableColumn: h,
+					handleUpdateTableColumn: _,
+					handleReorderTableColumn: v,
+					handleAddTableRow: y,
+					handleRemoveTableRow: b,
+					setBlocks: r,
+					themeColor: n
 				})
 			]
 		})]
@@ -19684,18 +19713,22 @@ var xx = [
 		});
 	}), t;
 };
-function Tx({ blocks: e, setBlocks: t, selectedBlockId: n, setSelectedBlockId: r, setActiveTab: i, showMockData: a, placeholderMockData: o, dragOverIndex: s, setDragOverIndex: c, draggedSidebarItem: l, defaultStyles: f, zoom: p, panOffset: m, spacePressed: h, canvasHeight: g, viewportRef: _, canvasContainerRef: v, handleMouseDown: y, handleMouseMove: b, handleMouseUp: x, createTextBlock: S, duplicateBlock: C, reorderBlock: w, handleDeleteBlock: T, handleSidebarDrop: E, handleTableCellDrop: ee, updateTableCell: O, handleTextDrop: k }) {
-	let te = (e, t) => {
-		e.dataTransfer.setData("blockIndex", t.toString()), e.dataTransfer.setData("source", "canvas"), e.dataTransfer.effectAllowed = "move";
-	}, A = (n, r) => {
-		n.preventDefault(), n.stopPropagation();
-		let i = n.dataTransfer.getData("source");
-		if (i === "sidebar") E(r);
-		else if (i === "canvas") {
-			let i = parseInt(n.dataTransfer.getData("blockIndex"));
-			if (isNaN(i) || i === r) return;
-			let a = [...e], o = a.splice(i, 1)[0], s = i < r ? r - 1 : r;
-			a.splice(s, 0, o), t(a);
+function Tx({ blocks: e, setBlocks: t, selectedBlockId: n, setSelectedBlockId: r, setActiveTab: i, showMockData: a, placeholderMockData: o, dragOverIndex: s, setDragOverIndex: c, draggedSidebarItem: l, defaultStyles: f, zoom: p, panOffset: m, spacePressed: h, canvasHeight: g, viewportRef: _, canvasContainerRef: v, handleMouseDown: y, handleMouseMove: b, handleMouseUp: x, createTextBlock: S, duplicateBlock: C, reorderBlock: w, handleDeleteBlock: T, handleSidebarDrop: E, handleTableCellDrop: ee, updateTableCell: O, handleTextDrop: k, themeColor: A = "#ea580c" }) {
+	let j = (e, t) => {
+		e.dataTransfer.setData("blockIndex", String(t)), e.dataTransfer.setData("source", "canvas"), e.dataTransfer.effectAllowed = "move";
+	}, te = (e, n) => {
+		e.preventDefault(), e.stopPropagation();
+		let r = e.dataTransfer.getData("source");
+		if (r === "sidebar") E(n);
+		else if (r === "canvas") {
+			let r = e.dataTransfer.getData("blockIndex");
+			if (r !== "") {
+				let e = parseInt(r, 10);
+				!isNaN(e) && e !== n && t((t) => {
+					let r = [...t], [i] = r.splice(e, 1);
+					return r.splice(n, 0, i), r;
+				});
+			}
 		}
 		c(null);
 	}, ne = 1123, re = Math.max(1, Math.ceil(g / ne));
@@ -19733,9 +19766,14 @@ function Tx({ blocks: e, setBlocks: t, selectedBlockId: n, setSelectedBlockId: r
 						let n = t + 2, r = (t + 1) * ne;
 						return /* @__PURE__ */ u("div", {
 							style: { top: `${r}px` },
-							className: "absolute left-0 right-0 z-30 pointer-events-none flex items-center justify-center border-b-2 border-dashed border-orange-400/80 bg-orange-50/10 text-orange-600 text-[10px] font-bold py-1 select-none",
+							className: "absolute left-0 right-0 z-30 pointer-events-none flex items-center justify-center border-b-2 border-dashed border-gray-300 py-1 select-none",
 							children: /* @__PURE__ */ u("span", {
-								className: "bg-orange-100/90 text-orange-700 border border-orange-300/80 px-2.5 py-0.5 rounded-full shadow-xs flex items-center space-x-1 font-mono",
+								style: {
+									color: A,
+									borderColor: `${A}60`,
+									backgroundColor: `${A}15`
+								},
+								className: "border px-2.5 py-0.5 rounded-full shadow-xs flex items-center space-x-1 font-mono text-[10px] font-bold",
 								children: /* @__PURE__ */ d("span", { children: [
 									"📄 Page ",
 									n,
@@ -19778,14 +19816,14 @@ function Tx({ blocks: e, setBlocks: t, selectedBlockId: n, setSelectedBlockId: r
 									draggable: !0,
 									onDragStart: (t) => {
 										let n = e.findIndex((e) => e.id === a.id);
-										te(t, n);
+										j(t, n);
 									},
 									onDragOver: (t) => {
 										t.preventDefault(), c(e.findIndex((e) => e.id === a.id));
 									},
 									onDrop: (t) => {
 										let n = e.findIndex((e) => e.id === a.id);
-										A(t, n);
+										te(t, n);
 									},
 									onClick: (e) => {
 										e.stopPropagation(), r(a.id), i("styles");
@@ -19798,14 +19836,17 @@ function Tx({ blocks: e, setBlocks: t, selectedBlockId: n, setSelectedBlockId: r
 										position: a.style.position,
 										top: a.style.top,
 										left: a.style.left,
-										zIndex: a.style.zIndex ? parseInt(a.style.zIndex) : void 0
+										zIndex: a.style.zIndex ? parseInt(a.style.zIndex) : void 0,
+										borderColor: m ? A : void 0,
+										backgroundColor: m ? `${A}08` : void 0
 									}, a.style.pageBreakBefore === "always" || a.style.pageBreakBefore === !0 ? {
 										pageBreakBefore: "always",
 										breakBefore: "page"
 									} : {}),
-									className: `group/block relative p-0.5 rounded-xl border border-transparent transition-all duration-150 cursor-pointer ${m ? "bg-orange-50/20 border-orange-500 shadow-sm ring-2 ring-orange-500/10" : "hover:bg-slate-50/30 hover:border-gray-200"} ${a.style.position === "absolute" ? "!absolute !inset-0 !m-auto" : ""}`,
+									className: `group/block relative p-0.5 rounded-xl border transition-all duration-150 cursor-pointer ${m ? "shadow-sm ring-2 ring-orange-500/10" : "border-transparent hover:bg-slate-50/30 hover:border-gray-200"} ${a.style.position === "absolute" ? "!absolute !inset-0 !m-auto" : ""}`,
 									children: [m && /* @__PURE__ */ d("div", {
-										className: "absolute -top-3.5 right-3 bg-orange-600 text-white rounded-lg px-2 py-0.5 text-[10px] font-bold flex items-center space-x-1.5 shadow-md z-30 select-none",
+										style: { backgroundColor: A },
+										className: "absolute -top-3.5 right-3 text-white rounded-lg px-2 py-0.5 text-[10px] font-bold flex items-center space-x-1.5 shadow-md z-30 select-none",
 										children: [
 											/* @__PURE__ */ u("button", {
 												onClick: () => {
@@ -19944,7 +19985,10 @@ function Tx({ blocks: e, setBlocks: t, selectedBlockId: n, setSelectedBlockId: r
 							})
 						}, a.id);
 					}),
-					s !== null && /* @__PURE__ */ u("div", { className: "h-[2px] bg-orange-500 rounded my-1 shadow-md animate-pulse" })
+					s !== null && /* @__PURE__ */ u("div", {
+						style: { backgroundColor: A },
+						className: "h-[2px] rounded my-1 shadow-md animate-pulse"
+					})
 				]
 			})
 		})
@@ -19952,8 +19996,8 @@ function Tx({ blocks: e, setBlocks: t, selectedBlockId: n, setSelectedBlockId: r
 }
 //#endregion
 //#region src/components/CanvasToolbar.tsx
-function Ex({ showImportHtml: e = !0, showImportPdf: t = !0, showPreview: n = !0, showExport: r = !0, showExportPdf: i = !0, showClearCanvas: a, customButtonStyles: s, customButtonClassNames: c, customActionComponents: f, handleHtmlImport: p, handlePdfImport: m, setPreviewOpen: h, handleExport: g, handleExportPdf: _, handleClearCanvas: v, zoom: y, setZoom: b, setPanOffset: x }) {
-	let S = o(null), C = o(null);
+function Ex({ showImportHtml: e = !0, showImportPdf: t = !0, showPreview: n = !0, showExport: r = !0, showExportPdf: i = !0, showClearCanvas: a, customButtonStyles: s, customButtonClassNames: c, customActionComponents: f, handleHtmlImport: p, handlePdfImport: m, setPreviewOpen: h, handleExport: g, handleExportPdf: _, handleClearCanvas: v, zoom: y, setZoom: b, setPanOffset: x, themeColor: S = "#ea580c" }) {
+	let C = o(null), w = o(null);
 	return /* @__PURE__ */ d("div", {
 		className: "bg-white border-b border-gray-200 px-4 py-2 flex flex-wrap items-center justify-between shadow-xs sticky top-0 z-20 gap-2",
 		children: [/* @__PURE__ */ d("div", {
@@ -19961,11 +20005,11 @@ function Ex({ showImportHtml: e = !0, showImportPdf: t = !0, showPreview: n = !0
 			children: [
 				e && /* @__PURE__ */ d(l, { children: [f != null && f.importHtml ? f.importHtml({ onClick: () => {
 					var e;
-					return (e = S.current) == null ? void 0 : e.click();
+					return (e = C.current) == null ? void 0 : e.click();
 				} }) : /* @__PURE__ */ d("button", {
 					onClick: () => {
 						var e;
-						return (e = S.current) == null ? void 0 : e.click();
+						return (e = C.current) == null ? void 0 : e.click();
 					},
 					style: s == null ? void 0 : s.importHtml,
 					className: (c == null ? void 0 : c.importHtml) || "inline-flex items-center space-x-1 px-2.5 py-1 border border-gray-200 rounded-lg text-xs font-semibold bg-white hover:bg-slate-50 text-slate-700 transition-colors shadow-2xs cursor-pointer",
@@ -19973,18 +20017,18 @@ function Ex({ showImportHtml: e = !0, showImportPdf: t = !0, showPreview: n = !0
 					children: [/* @__PURE__ */ u(dx, { className: "h-3.5 w-3.5 text-slate-500" }), /* @__PURE__ */ u("span", { children: "Import HTML" })]
 				}), /* @__PURE__ */ u("input", {
 					type: "file",
-					ref: S,
+					ref: C,
 					onChange: p,
 					accept: ".html",
 					className: "hidden"
 				})] }),
 				t && /* @__PURE__ */ d(l, { children: [f != null && f.importPdf ? f.importPdf({ onClick: () => {
 					var e;
-					return (e = C.current) == null ? void 0 : e.click();
+					return (e = w.current) == null ? void 0 : e.click();
 				} }) : /* @__PURE__ */ d("button", {
 					onClick: () => {
 						var e;
-						return (e = C.current) == null ? void 0 : e.click();
+						return (e = w.current) == null ? void 0 : e.click();
 					},
 					style: s == null ? void 0 : s.importPdf,
 					className: (c == null ? void 0 : c.importPdf) || "inline-flex items-center space-x-1 px-2.5 py-1 border border-gray-200 rounded-lg text-xs font-semibold bg-white hover:bg-slate-50 text-slate-700 transition-colors shadow-2xs cursor-pointer",
@@ -19992,7 +20036,7 @@ function Ex({ showImportHtml: e = !0, showImportPdf: t = !0, showPreview: n = !0
 					children: [/* @__PURE__ */ u(Jb, { className: "h-3.5 w-3.5 text-slate-500" }), /* @__PURE__ */ u("span", { children: "Import PDF" })]
 				}), /* @__PURE__ */ u("input", {
 					type: "file",
-					ref: C,
+					ref: w,
 					onChange: m,
 					accept: ".pdf",
 					className: "hidden"
@@ -20011,8 +20055,8 @@ function Ex({ showImportHtml: e = !0, showImportPdf: t = !0, showPreview: n = !0
 				})),
 				r && (f != null && f.export ? f.export({ onClick: g }) : /* @__PURE__ */ d("button", {
 					onClick: g,
-					style: s == null ? void 0 : s.export,
-					className: (c == null ? void 0 : c.export) || "inline-flex items-center space-x-1 px-2.5 py-1 bg-orange-600 hover:bg-orange-700 text-white rounded-lg text-xs font-semibold transition-colors shadow-2xs shadow-orange-600/10 cursor-pointer",
+					style: D({ backgroundColor: S }, s == null ? void 0 : s.export),
+					className: (c == null ? void 0 : c.export) || "inline-flex items-center space-x-1 px-2.5 py-1 text-white rounded-lg text-xs font-semibold transition-colors shadow-2xs cursor-pointer",
 					children: [/* @__PURE__ */ u(Kb, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ u("span", { children: "Export Template" })]
 				})),
 				a && /* @__PURE__ */ d("button", {
@@ -20055,7 +20099,8 @@ function Ex({ showImportHtml: e = !0, showImportPdf: t = !0, showPreview: n = !0
 					step: "0.05",
 					value: y,
 					onChange: (e) => b(parseFloat(e.target.value)),
-					className: "w-16 accent-orange-600 h-1 bg-gray-200 rounded-lg appearance-none cursor-pointer"
+					style: { accentColor: S },
+					className: "w-16 h-1 bg-gray-200 rounded-lg appearance-none cursor-pointer"
 				}),
 				/* @__PURE__ */ u("button", {
 					onClick: () => {
@@ -20244,14 +20289,14 @@ var kx = (e) => {
 		});
 	}), t;
 }, Ax = (e) => e ? e.replace(/contenteditable="[^"]*"/g, "").replace(/class="[^"]*"/g, "").replace(/data-placeholder="[^"]*"/g, "").replace(/&nbsp;/g, " ").trim() : "";
-function jx({ tableSchemas: e, placeholders: t, defaultLogo: n, defaultBanner: r, headerTitle: i = "HTML Template Builder", headerSubtitle: o = "Design and export templates dynamically", headerLogo: c, typographySizes: l, typographyWeights: f, typographyFonts: p, templatingLanguage: m = "csharp", loopSyntax: h = "foreach", onChange: g, onExport: _, onExportPdf: v, initialBlocks: y, defaultStyles: x, showImportHtml: S = !0, showImportPdf: C = !0, showClearCanvas: w = !0, showPreview: T = !0, showExport: E = !0, showExportPdf: ee = !0, showHeader: O = !0, sidebarPosition: k = "left", isTablesLoading: A, tablesLoading: ne, isPlaceholdersLoading: re, placeholdersLoading: ie, customButtonStyles: ae, customButtonClassNames: j, customActionComponents: oe } = {}) {
-	let { zoom: se, setZoom: ce, panOffset: le, setPanOffset: ue, spacePressed: de, canvasHeight: fe, viewportRef: pe, canvasContainerRef: me, handleMouseDown: he, handleMouseMove: ge, handleMouseUp: _e } = Tb(), { customTableName: ve, setCustomTableName: ye, customLoopStart: be, setCustomLoopStart: xe, customLoopEnd: Se, setCustomLoopEnd: Ce, newColName: we, setNewColName: Te, newColPlaceholder: Ee, setNewColPlaceholder: De, bubbleCoords: Oe, setBubbleCoords: M, schemas: N, isParsing: ke, setIsParsing: Ae, parseStatusText: je, setParseStatusText: Me, parseError: Ne, setParseError: Pe, draggedSidebarItem: P, setDraggedSidebarItem: Fe, dragOverIndex: Ie, setDragOverIndex: Le, newImgTypeName: Re, setNewImgTypeName: ze, customImageTypes: Be, searchPlaceholder: F, setSearchPlaceholder: I, handleAddCustomTable: Ve, handleAddCustomImageType: He, toggleSchemaColumn: Ue, applySelectionFormat: We, setSavedRange: Ge } = Eb({ tableSchemas: e }), { blocks: L, setBlocks: Ke, selectedBlockId: qe, setSelectedBlockId: Je, getSelectedBlock: Ye, createTextBlock: Xe, createTableBlock: Ze, createImageBlock: Qe, handleDeleteBlock: $e, handleDuplicateBlock: et, handleMoveBlockUp: R, handleMoveBlockDown: z, updateSelectedStyle: tt, updateSelectedImageInfo: nt, handleRemoveTableColumn: rt, handleAddTableColumn: it, handleUpdateTableColumn: at, handleReorderTableColumn: ot, handleAddTableRow: st, handleRemoveTableRow: ct } = wb({
+function jx({ tableSchemas: e, placeholders: t, defaultLogo: n, defaultBanner: r, headerTitle: i = "HTML Template Builder", headerSubtitle: o = "Design and export templates dynamically", headerLogo: c, typographySizes: l, typographyWeights: f, typographyFonts: p, templatingLanguage: m = "csharp", loopSyntax: h = "foreach", onChange: g, onExport: _, onExportPdf: v, initialBlocks: y, defaultStyles: x, showImportHtml: S = !0, showImportPdf: C = !0, showClearCanvas: w = !0, showPreview: T = !0, showExport: E = !0, showExportPdf: ee = !0, showHeader: O = !0, sidebarPosition: k = "left", themeColor: j, primaryColor: te, isTablesLoading: ne, tablesLoading: re, isPlaceholdersLoading: ie, placeholdersLoading: ae, customButtonStyles: M, customButtonClassNames: oe, customActionComponents: se } = {}) {
+	let ce = j || te || "#ea580c", { zoom: le, setZoom: ue, panOffset: de, setPanOffset: fe, spacePressed: pe, canvasHeight: me, viewportRef: he, canvasContainerRef: ge, handleMouseDown: _e, handleMouseMove: ve, handleMouseUp: ye } = Tb(), { customTableName: be, setCustomTableName: xe, customLoopStart: Se, setCustomLoopStart: Ce, customLoopEnd: we, setCustomLoopEnd: Te, newColName: Ee, setNewColName: De, newColPlaceholder: N, setNewColPlaceholder: P, bubbleCoords: Oe, setBubbleCoords: ke, schemas: Ae, isParsing: je, setIsParsing: Me, parseStatusText: Ne, setParseStatusText: Pe, parseError: Fe, setParseError: Ie, draggedSidebarItem: Le, setDraggedSidebarItem: Re, dragOverIndex: ze, setDragOverIndex: Be, newImgTypeName: F, setNewImgTypeName: I, customImageTypes: Ve, searchPlaceholder: He, setSearchPlaceholder: Ue, handleAddCustomTable: We, handleAddCustomImageType: Ge, toggleSchemaColumn: L, applySelectionFormat: Ke, setSavedRange: qe } = Eb({ tableSchemas: e }), { blocks: Je, setBlocks: Ye, selectedBlockId: Xe, setSelectedBlockId: Ze, getSelectedBlock: Qe, createTextBlock: $e, createTableBlock: et, createImageBlock: R, handleDeleteBlock: z, handleDuplicateBlock: tt, handleMoveBlockUp: nt, handleMoveBlockDown: rt, updateSelectedStyle: it, updateSelectedImageInfo: at, handleRemoveTableColumn: ot, handleAddTableColumn: st, handleUpdateTableColumn: ct, handleReorderTableColumn: lt, handleAddTableRow: ut, handleRemoveTableRow: dt } = wb({
 		initialBlocks: y,
 		defaultStyles: x,
 		defaultLogo: n,
 		defaultBanner: r,
 		onChange: g
-	}), [lt, ut] = s("text"), [dt, B] = s(!1), [ft] = s(!0), [pt] = s(l || [
+	}), [B, ft] = s("text"), [pt, mt] = s(!1), [ht] = s(!0), [gt] = s(l || [
 		{
 			label: "8px",
 			value: "8px"
@@ -20304,7 +20349,7 @@ function jx({ tableSchemas: e, placeholders: t, defaultLogo: n, defaultBanner: r
 			label: "36px",
 			value: "36px"
 		}
-	]), [mt] = s(p || [
+	]), [_t] = s(p || [
 		{
 			label: "Outfit (Default)",
 			value: "'Outfit', 'Inter', sans-serif"
@@ -20329,7 +20374,7 @@ function jx({ tableSchemas: e, placeholders: t, defaultLogo: n, defaultBanner: r
 			label: "Courier New (Mono)",
 			value: "'Courier New', monospace"
 		}
-	]), [ht] = s(f || [
+	]), [vt] = s(f || [
 		{
 			label: "Light",
 			value: "300"
@@ -20354,105 +20399,105 @@ function jx({ tableSchemas: e, placeholders: t, defaultLogo: n, defaultBanner: r
 			label: "Extra Bold",
 			value: "800"
 		}
-	]), [gt] = s(m), [_t] = s(h), [vt] = s(!0), yt = {};
+	]), [yt] = s(m), [bt] = s(h), [xt] = s(!0), St = {};
 	a(() => {
 		let e = () => {
 			let e = window.getSelection();
 			if (!e || e.isCollapsed || e.toString().trim() === "") {
-				M(null), Ge(null);
+				ke(null), qe(null);
 				return;
 			}
 			let t = document.activeElement;
 			if (!(t && t.getAttribute("contenteditable") === "true" && (t.closest(".canvas-editor-area") || t.closest("td")))) {
-				M(null), Ge(null);
+				ke(null), qe(null);
 				return;
 			}
 			try {
 				let t = e.getRangeAt(0), n = t.getBoundingClientRect(), r = document.queryCommandValue("formatBlock") || "";
-				r = r.toUpperCase(), M({
+				r = r.toUpperCase(), ke({
 					x: n.left + n.width / 2,
 					y: n.top - 38,
 					format: r
-				}), Ge(t);
+				}), qe(t);
 			} catch (e) {
-				M(null), Ge(null);
+				ke(null), qe(null);
 			}
 		};
 		return document.addEventListener("selectionchange", e), () => document.removeEventListener("selectionchange", e);
-	}, [M, Ge]), a(() => {
-		let e = pe.current;
+	}, [ke, qe]), a(() => {
+		let e = he.current;
 		if (!e) return;
 		let t = (e) => {
 			if (e.ctrlKey) {
 				e.preventDefault();
 				let t = e.deltaY < 0 ? 1 : -1;
-				ce((e) => Math.min(2, Math.max(.5, e + t * .05)));
+				ue((e) => Math.min(2, Math.max(.5, e + t * .05)));
 			}
 		};
 		return e.addEventListener("wheel", t, { passive: !1 }), () => e.removeEventListener("wheel", t);
-	}, [pe, ce]), a(() => {
+	}, [he, ue]), a(() => {
 		window.updateContentFromRawDelete = (e, t) => {
-			Ke((n) => n.map((n) => n.id === e ? D(D({}, n), {}, { content: t }) : n));
+			Ye((n) => n.map((n) => n.id === e ? D(D({}, n), {}, { content: t }) : n));
 		};
-	}, [Ke]);
-	let bt = (e) => {
+	}, [Ye]);
+	let Ct = (e) => {
 		var t;
 		let n = (t = e.target.files) == null ? void 0 : t[0];
 		if (!n) return;
-		Ae(!0), Me("Parsing HTML..."), Pe(null);
+		Me(!0), Pe("Parsing HTML..."), Ie(null);
 		let r = new FileReader();
 		r.onload = (t) => {
 			try {
 				var n;
 				let e = Sb((n = t.target) == null ? void 0 : n.result);
-				e.length > 0 && Ke(e);
+				e.length > 0 && Ye(e);
 			} catch (e) {
-				console.error(e), Pe(e.message || "Failed to parse HTML");
+				console.error(e), Ie(e.message || "Failed to parse HTML");
 			} finally {
-				Ae(!1), e.target && (e.target.value = "");
+				Me(!1), e.target && (e.target.value = "");
 			}
 		}, r.readAsText(n);
-	}, xt = (e) => {
+	}, wt = (e) => {
 		var t;
 		let n = (t = e.target.files) == null ? void 0 : t[0];
 		if (!n) return;
-		Ae(!0), Me("Reading PDF text layers..."), Pe(null);
+		Me(!0), Pe("Reading PDF text layers..."), Ie(null);
 		let r = new FileReader();
 		r.onload = b(function* () {
 			try {
-				let e = r.result, t = yield Cb(e, te);
-				t.length > 0 && Ke((e) => [...e, ...t]);
+				let e = r.result, t = yield Cb(e, A);
+				t.length > 0 && Ye((e) => [...e, ...t]);
 			} catch (e) {
-				console.error(e), Pe(e.message || "Failed to read PDF");
+				console.error(e), Ie(e.message || "Failed to read PDF");
 			} finally {
-				Ae(!1), e.target && (e.target.value = "");
+				Me(!1), e.target && (e.target.value = "");
 			}
 		}), r.readAsArrayBuffer(n);
-	}, St = (e) => {
+	}, Tt = (e) => {
 		let t = e || "items";
-		if (gt === "handlebars" || gt === "mustache") {
-			let e = _t === "foreach" ? "foreach" : "each";
+		if (yt === "handlebars" || yt === "mustache") {
+			let e = bt === "foreach" ? "foreach" : "each";
 			return {
 				start: `{{#${e} ${t}}}`,
 				end: `{{/${e}}}`
 			};
 		}
-		return gt === "liquid" || gt === "scriban" || gt === "dotnet" ? {
+		return yt === "liquid" || yt === "scriban" || yt === "dotnet" ? {
 			start: `{% for ${t.endsWith("s") ? t.slice(0, -1) : "item"} in ${t} %}`,
 			end: "{% endfor %}"
-		} : gt === "js" || gt === "ts" ? {
+		} : yt === "js" || yt === "ts" ? {
 			start: `\${${t}.map(${t.endsWith("s") ? t.slice(0, -1) : "item"} => \``,
 			end: "`).join('')}"
-		} : gt === "csharp" || gt === "razor" ? {
+		} : yt === "csharp" || yt === "razor" ? {
 			start: `@foreach (var ${t.endsWith("s") ? t.slice(0, -1) : "item"} in ${t}) {`,
 			end: "}"
 		} : {
-			start: be.replace("items", t),
-			end: Se
+			start: Se.replace("items", t),
+			end: we
 		};
-	}, Ct = (e = !1) => {
+	}, Et = (e = !1) => {
 		let t = "<!DOCTYPE html>\n<html>\n<head>\n  <meta charset=\"utf-8\">\n  <title>Exported HTML Template</title>\n  <style>\n    @page {\n      size: A4 portrait;\n      margin: 0;\n    }\n    * {\n      box-sizing: border-box;\n    }\n    html, body {\n      margin: 0;\n      padding: 0;\n      background-color: #f8fafc;\n      font-family: 'Outfit', 'Inter', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n      color: #1e293b;\n      -webkit-print-color-adjust: exact;\n      print-color-adjust: exact;\n    }\n    .paper-sheet {\n      width: 794px;\n      min-height: 1123px;\n      margin: 20px auto;\n      padding: 60px;\n      background-color: #ffffff;\n      box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);\n      box-sizing: border-box;\n      position: relative;\n    }\n    .row-container {\n      display: flex;\n      flex-wrap: wrap;\n      width: 100%;\n      align-items: stretch;\n      margin-bottom: 8px;\n    }\n    .row-container:not(.has-table) {\n      page-break-inside: avoid;\n      break-inside: avoid;\n    }\n    .block-container {\n      box-sizing: border-box;\n    }\n    .block-container:not(.table-container) {\n      page-break-inside: avoid;\n      break-inside: avoid;\n    }\n    .block-container.table-container {\n      page-break-inside: auto;\n      break-inside: auto;\n    }\n    h1, h2, h3, h4, h5, h6, p {\n      margin: 0;\n      padding: 0;\n    }\n    table {\n      width: 100%;\n      border-collapse: collapse;\n      page-break-inside: auto;\n    }\n    thead {\n      display: table-header-group;\n    }\n    tr {\n      page-break-inside: avoid !important;\n      break-inside: avoid !important;\n      break-inside: avoid-page !important;\n    }\n    th {\n      background-color: #f1f5f9;\n      color: #334155;\n      border: 1px solid #e2e8f0;\n      padding: 6px 8px;\n      font-weight: 600;\n      text-align: left;\n    }\n    td {\n      border: 1px solid #e2e8f0;\n      padding: 6px 8px;\n      color: #475569;\n    }\n    tr:nth-child(even) {\n      background-color: #f8fafc;\n    }\n    img, svg {\n      page-break-inside: avoid !important;\n      break-inside: avoid !important;\n      break-inside: avoid-page !important;\n    }\n    .page-break-before {\n      page-break-before: always !important;\n      break-before: page !important;\n    }\n    span[data-placeholder] {\n      background-color: #f1f5f9;\n      color: #1e293b;\n      border: 1px solid #e2e8f0;\n      padding: 1px 4px;\n      border-radius: 3px;\n      font-weight: 600;\n      display: inline-flex;\n      font-size: inherit;\n    }\n    @media print {\n      html, body {\n        background-color: #ffffff !important;\n      }\n      .paper-sheet {\n        width: 100% !important;\n        max-width: 100% !important;\n        min-height: 100% !important;\n        margin: 0 !important;\n        padding: 60px !important;\n        box-shadow: none !important;\n        border: none !important;\n        background-color: #ffffff !important;\n      }\n    }\n  </style>\n</head>\n<body>\n  <div class=\"paper-sheet\">\n";
-		return kx(L).forEach((n) => {
+		return kx(Je).forEach((n) => {
 			let r = n.blocks.length > 1, i = n.blocks.some((e) => e.type === "table");
 			if (r) {
 				var a;
@@ -20483,17 +20528,17 @@ function jx({ tableSchemas: e, placeholders: t, defaultLogo: n, defaultBanner: r
 								typeof e == "object" && e && Object.keys(e).forEach((t) => {
 									let r = RegExp(`\\{\\{(item\\.|package\\.)?${t}\\}\\}`, "g");
 									n = n.replace(r, e[t]);
-								}), Object.keys(yt).forEach((e) => {
-									let t = yt[e];
+								}), Object.keys(St).forEach((e) => {
+									let t = St[e];
 									n.includes(`{{${e}}}`) && (n = n.replace(RegExp(`\\{\\{${e}\\}\\}`, "g"), t));
 								}), n = n.replace(/\{\{[^}]+\}\}/g, ""), i += `            <td>${n}</td>\n`;
 							}), i += "          </tr>\n";
 						});
 						else {
-							let e = t.columnName || "items", n = St(e);
-							vt ? i += `          <!-- ${n.start} --><tr>\n` : i += `          ${n.start}<tr>\n`, r.forEach((e) => {
+							let e = t.columnName || "items", n = Tt(e);
+							xt ? i += `          <!-- ${n.start} --><tr>\n` : i += `          ${n.start}<tr>\n`, r.forEach((e) => {
 								i += `            <td>${e.placeholder}</td>\n`;
-							}), vt ? i += `          </tr><!-- ${n.end} -->\n` : i += `          </tr>${n.end}\n`;
+							}), xt ? i += `          </tr><!-- ${n.end} -->\n` : i += `          </tr>${n.end}\n`;
 						}
 						return i += "        </tbody>\n", i += "      </table>", i;
 					}, c = (t) => {
@@ -20504,8 +20549,8 @@ function jx({ tableSchemas: e, placeholders: t, defaultLogo: n, defaultBanner: r
 								let a = Ax(i.placeholder);
 								(e || r.mockRows && r.mockRows.length > 1) && (t && typeof t == "object" && Object.keys(t).forEach((e) => {
 									a.includes(`{{${e}}}`) && (a = a.replace(RegExp(`\\{\\{${e}\\}\\}`, "g"), t[e])), a.includes(`{{item.${e}}}`) && (a = a.replace(RegExp(`\\{\\{item\\.${e}\\}\\}`, "g"), t[e])), a.includes(`{{package.${e}}}`) && (a = a.replace(RegExp(`\\{\\{package\\.${e}\\}\\}`, "g"), t[e]));
-								}), Object.keys(yt).forEach((e) => {
-									let t = yt[e];
+								}), Object.keys(St).forEach((e) => {
+									let t = St[e];
 									a.includes(`{{${e}}}`) && (a = a.replace(RegExp(`\\{\\{${e}\\}\\}`, "g"), t));
 								}), e && (a = a.replace(/\{\{[^}]+\}\}/g, ""))), n += `          <td>${a}</td>\n`;
 							}
@@ -20515,15 +20560,15 @@ function jx({ tableSchemas: e, placeholders: t, defaultLogo: n, defaultBanner: r
 						t += c(e);
 					});
 					else {
-						let e = r.tableName === "package" ? "shipment.packages" : r.tableName === "article" ? "package.articles" : r.tableName, n = St(e);
-						vt ? t += `        <!-- ${n.start} --><tr>\n` : t += `        ${n.start}<tr>\n`, a.forEach((e) => {
+						let e = r.tableName === "package" ? "shipment.packages" : r.tableName === "article" ? "package.articles" : r.tableName, n = Tt(e);
+						xt ? t += `        <!-- ${n.start} --><tr>\n` : t += `        ${n.start}<tr>\n`, a.forEach((e) => {
 							e.loop && e.columns && e.columns.length > 0 ? t += `          <td>\n${s(e)}\n          </td>\n` : t += `          <td>${e.placeholder}</td>\n`;
-						}), vt ? t += `        </tr><!-- ${n.end} -->\n` : t += `        </tr>${n.end}\n`;
+						}), xt ? t += `        </tr><!-- ${n.end} -->\n` : t += `        </tr>${n.end}\n`;
 					}
 					t += "      </tbody>\n", t += "    </table>\n", t += "  </div>\n";
 				} else if (n.type === "image") {
 					let i = n.imageInfo || { imageType: "logo" }, a = "", s = n.style.height || n.style.minHeight || "auto", c = n.style.imageWidth || (n.style.width && n.style.width.endsWith("px") ? n.style.width : "100%"), l = n.style.textAlign || "left", u = l === "center" ? "margin-left: auto; margin-right: auto;" : l === "right" ? "margin-left: auto; margin-right: 0;" : "margin-left: 0; margin-right: auto;";
-					a = i.imageType === "barcode" ? e || ft ? `<div style="width: ${c}; height: ${s}; display: block; ${u}">${bb(i.barcodeValue || "SHIP-99201")}</div>` : `<img src="${i.barcodePlaceholder || "{{barcode}}"}" style="width: ${c}; height: ${s}; display: block; ${u}" alt="Barcode" />` : `<img src="${i.url || "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MDAiIGhlaWdodD0iNDAwIiB2aWV3Qm94PSIwIDAgODAwIDQwMCI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0iI2YxZjVmOSIvPjxyZWN0IHg9IjEwIiB5PSIxMCIgd2lkdGg9Ijc4MCIgaGVpZ2h0PSIzODAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2RiZTJmNiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtZGFzaGFycmF5PSI2Ii8+PHRleHQgeD0iNTAlIiB5PSI1MCUiIGZvbnQtZmFtaWx5PSInT3V0Zml0JywgJ0ludGVyJywgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIyNCIgZm9udC13ZWlnaHQ9IjYwMCIgZmlsbD0iIzk0YTNiOCIgZG9taW5hbnQtYmFzZWxpbmU9Im1pZGRsZSIgdGV4dC1hbmNob3I9Im1pZGRsZSI+U2VsZWN0IEltYWdlPC90ZXh0Pjwvc3ZnPg=="}" style="width: ${c}; height: auto; max-height: ${s === "auto" ? "300px" : s}; object-fit: ${n.style.objectFit || "contain"}; ${n.style.opacity ? `opacity: ${n.style.opacity};` : ""} display: block; ${u}" alt="${i.imageType}" />`;
+					a = i.imageType === "barcode" ? e || ht ? `<div style="width: ${c}; height: ${s}; display: block; ${u}">${bb(i.barcodeValue || "SHIP-99201")}</div>` : `<img src="${i.barcodePlaceholder || "{{barcode}}"}" style="width: ${c}; height: ${s}; display: block; ${u}" alt="Barcode" />` : `<img src="${i.url || "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4MDAiIGhlaWdodD0iNDAwIiB2aWV3Qm94PSIwIDAgODAwIDQwMCI+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0iI2YxZjVmOSIvPjxyZWN0IHg9IjEwIiB5PSIxMCIgd2lkdGg9Ijc4MCIgaGVpZ2h0PSIzODAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2RiZTJmNiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtZGFzaGFycmF5PSI2Ii8+PHRleHQgeD0iNTAlIiB5PSI1MCUiIGZvbnQtZmFtaWx5PSInT3V0Zml0JywgJ0ludGVyJywgc2Fucy1zZXJpZiIgZm9udC1zaXplPSIyNCIgZm9udC13ZWlnaHQ9IjYwMCIgZmlsbD0iIzk0YTNiOCIgZG9taW5hbnQtYmFzZWxpbmU9Im1pZGRsZSIgdGV4dC1hbmNob3I9Im1pZGRsZSI+U2VsZWN0IEltYWdlPC90ZXh0Pjwvc3ZnPg=="}" style="width: ${c}; height: auto; max-height: ${s === "auto" ? "300px" : s}; object-fit: ${n.style.objectFit || "contain"}; ${n.style.opacity ? `opacity: ${n.style.opacity};` : ""} display: block; ${u}" alt="${i.imageType}" />`;
 					let d = r ? "100%" : n.style.width && n.style.width.endsWith("%") ? n.style.width : "100%";
 					t += `  <div class="block-container" style="display: block; width: ${o}; text-align: ${l}; border: none; background-color: transparent; ${n.style.marginBottom ? `margin-bottom: ${n.style.marginBottom};` : ""}">\n`, t += `    <div style="width: ${d}; text-align: ${l}; display: block;">\n`, t += `      ${a}\n`, t += "    </div>\n", t += "  </div>\n";
 				} else {
@@ -20537,22 +20582,22 @@ function jx({ tableSchemas: e, placeholders: t, defaultLogo: n, defaultBanner: r
 						"h6"
 					].includes(n.type) ? r = n.type : n.type === "title" ? r = "h1" : n.type === "subtitle" ? r = "h2" : n.type === "caption" && (r = "span");
 					let a = Ax(n.content);
-					(e || ft) && (Object.keys(yt).forEach((e) => {
-						let t = yt[e];
+					(e || ht) && (Object.keys(St).forEach((e) => {
+						let t = St[e];
 						a = a.replace(RegExp(`\\{\\{${e}\\}\\}`, "g"), t);
 					}), e && (a = a.replace(/\{\{[^}]+\}\}/g, ""))), t += `  <div class="block-container" style="${l} text-align: ${n.style.textAlign};">\n`, t += `    <${r} style="${i}">${a}</${r}>\n`, t += "  </div>\n";
 				}
 			}), r && (t += "  </div>\n");
 		}), t += "  </div>\n", t += "</body>\n</html>", t;
-	}, wt = () => {
-		let e = Ct(!1);
+	}, Dt = () => {
+		let e = Et(!1);
 		if (_) _(e);
 		else {
 			let t = new Blob([e], { type: "text/html;charset=utf-8;" }), n = document.createElement("a");
 			n.href = URL.createObjectURL(t), n.download = "exported_template.html", n.click();
 		}
-	}, Tt = () => {
-		let e = Ct(!0);
+	}, Ot = () => {
+		let e = Et(!0);
 		if (v) v(e);
 		else {
 			let t = window.open("", "_blank");
@@ -20560,22 +20605,22 @@ function jx({ tableSchemas: e, placeholders: t, defaultLogo: n, defaultBanner: r
 				t.print(), t.close();
 			}, 500));
 		}
-	}, Et = () => {
-		Ke([]), Je(null);
-	}, Dt = (e, t) => {
+	}, kt = () => {
+		Ye([]), Ze(null);
+	}, At = (e, t) => {
 		let n = e.dataTransfer.getData("placeholder");
 		if (!n) return;
 		e.preventDefault(), e.stopPropagation();
 		let r = `{{${n.replace(/[{}]/g, "")}}}`;
-		Ke((e) => e.map((e) => e.id === t ? D(D({}, e), {}, { content: e.content + r }) : e));
-	}, Ot = (e, t, n, r) => {
+		Ye((e) => e.map((e) => e.id === t ? D(D({}, e), {}, { content: e.content + r }) : e));
+	}, jt = (e, t, n, r) => {
 		let i = e.dataTransfer.getData("placeholder");
 		if (!i) return;
 		e.preventDefault(), e.stopPropagation();
 		let a = i.startsWith("{{") ? i : `{{${i}}}`;
-		kt(t, n, a, r);
-	}, kt = (e, t, n, r) => {
-		Ke((i) => i.map((i) => {
+		Mt(t, n, a, r);
+	}, Mt = (e, t, n, r) => {
+		Ye((i) => i.map((i) => {
 			if (i.id === e && i.type === "table" && i.tableInfo) {
 				var a;
 				let e = [...i.tableInfo.columns];
@@ -20595,9 +20640,10 @@ function jx({ tableSchemas: e, placeholders: t, defaultLogo: n, defaultBanner: r
 				headerLogo: c,
 				headerTitle: i,
 				headerSubtitle: o,
-				parseError: Ne,
-				isParsing: ke,
-				parseStatusText: je
+				parseError: Fe,
+				isParsing: je,
+				parseStatusText: Ne,
+				themeColor: ce
 			}),
 			/* @__PURE__ */ d("div", {
 				className: `flex-1 flex flex-col ${k === "left" ? "lg:flex-row-reverse" : "lg:flex-row"} overflow-hidden`,
@@ -20610,127 +20656,130 @@ function jx({ tableSchemas: e, placeholders: t, defaultLogo: n, defaultBanner: r
 						showExport: E,
 						showExportPdf: ee,
 						showClearCanvas: w,
-						customButtonStyles: ae,
-						customButtonClassNames: j,
-						customActionComponents: oe,
-						handleHtmlImport: bt,
-						handlePdfImport: xt,
-						setPreviewOpen: B,
-						handleExport: wt,
-						handleExportPdf: Tt,
-						handleClearCanvas: Et,
-						zoom: se,
-						setZoom: ce,
-						setPanOffset: ue
+						customButtonStyles: M,
+						customButtonClassNames: oe,
+						customActionComponents: se,
+						handleHtmlImport: Ct,
+						handlePdfImport: wt,
+						setPreviewOpen: mt,
+						handleExport: Dt,
+						handleExportPdf: Ot,
+						handleClearCanvas: kt,
+						zoom: le,
+						setZoom: ue,
+						setPanOffset: fe,
+						themeColor: ce
 					}), /* @__PURE__ */ u(Tx, {
-						blocks: L,
-						setBlocks: Ke,
-						selectedBlockId: qe,
-						setSelectedBlockId: Je,
-						setActiveTab: ut,
-						showMockData: ft,
-						placeholderMockData: yt,
-						dragOverIndex: Ie,
-						setDragOverIndex: Le,
-						draggedSidebarItem: P,
+						blocks: Je,
+						setBlocks: Ye,
+						selectedBlockId: Xe,
+						setSelectedBlockId: Ze,
+						setActiveTab: ft,
+						showMockData: ht,
+						placeholderMockData: St,
+						dragOverIndex: ze,
+						setDragOverIndex: Be,
+						draggedSidebarItem: Le,
 						defaultStyles: x,
-						zoom: se,
-						panOffset: le,
-						spacePressed: de,
-						canvasHeight: fe,
-						viewportRef: pe,
-						canvasContainerRef: me,
-						handleMouseDown: he,
-						handleMouseMove: ge,
-						handleMouseUp: _e,
-						createTextBlock: Xe,
-						duplicateBlock: et,
+						zoom: le,
+						panOffset: de,
+						spacePressed: pe,
+						canvasHeight: me,
+						viewportRef: he,
+						canvasContainerRef: ge,
+						handleMouseDown: _e,
+						handleMouseMove: ve,
+						handleMouseUp: ye,
+						createTextBlock: $e,
+						duplicateBlock: tt,
 						reorderBlock: (e, t) => {
-							t === "up" ? R(e) : z(e);
+							t === "up" ? nt(e) : rt(e);
 						},
-						handleDeleteBlock: $e,
+						handleDeleteBlock: z,
 						handleSidebarDrop: (e) => {
-							if (!P) return;
+							if (!Le) return;
 							let t;
-							if (P.type === "table" && P.tableSchema) t = Ze(P.tableSchema);
-							else if (P.type === "image" && P.imageType) t = Qe(P.imageType);
+							if (Le.type === "table" && Le.tableSchema) t = et(Le.tableSchema);
+							else if (Le.type === "image" && Le.imageType) t = R(Le.imageType);
 							else {
 								let e = "Enter text here...";
-								P.type === "h1" ? e = "Heading 1" : P.type === "h2" ? e = "Heading 2" : P.type === "h3" ? e = "Heading 3" : P.type === "title" ? e = "Document Title" : P.type === "subtitle" ? e = "Document Subtitle" : P.type === "caption" && (e = "Caption text..."), t = Xe(P.type, e, x == null ? void 0 : x[P.type]);
+								Le.type === "h1" ? e = "Heading 1" : Le.type === "h2" ? e = "Heading 2" : Le.type === "h3" ? e = "Heading 3" : Le.type === "title" ? e = "Document Title" : Le.type === "subtitle" ? e = "Document Subtitle" : Le.type === "caption" && (e = "Caption text..."), t = $e(Le.type, e, x == null ? void 0 : x[Le.type]);
 							}
-							Ke((n) => {
+							Ye((n) => {
 								let r = [...n];
 								return r.splice(e, 0, t), r;
-							}), Je(t.id), ut("styles");
+							}), Ze(t.id), ft("styles");
 						},
-						handleTableCellDrop: Ot,
-						updateTableCell: kt,
-						handleTextDrop: Dt
+						handleTableCellDrop: jt,
+						updateTableCell: Mt,
+						handleTextDrop: At,
+						themeColor: ce
 					})]
 				}), /* @__PURE__ */ u(bx, {
-					activeTab: lt,
-					setActiveTab: ut,
-					setBlocks: Ke,
-					selectedBlockId: qe,
-					setSelectedBlockId: Je,
-					getSelectedBlock: Ye,
+					activeTab: B,
+					setActiveTab: ft,
+					themeColor: ce,
+					setBlocks: Ye,
+					selectedBlockId: Xe,
+					setSelectedBlockId: Ze,
+					getSelectedBlock: Qe,
 					defaultStyles: x,
-					createTextBlock: Xe,
-					createImageBlock: Qe,
-					updateSelectedStyle: tt,
-					updateSelectedImageInfo: nt,
-					handleDeleteBlock: $e,
-					handleRemoveTableColumn: rt,
-					handleAddTableColumn: it,
-					handleUpdateTableColumn: at,
-					handleReorderTableColumn: ot,
-					handleAddTableRow: st,
-					handleRemoveTableRow: ct,
-					schemas: N,
-					toggleSchemaColumn: Ue,
-					customTableName: ve,
-					setCustomTableName: ye,
-					customLoopStart: be,
-					setCustomLoopStart: xe,
-					customLoopEnd: Se,
-					setCustomLoopEnd: Ce,
-					handleAddCustomTable: Ve,
-					newColName: we,
-					setNewColName: Te,
-					newColPlaceholder: Ee,
-					setNewColPlaceholder: De,
-					customImageTypes: Be,
-					newImgTypeName: Re,
-					setNewImgTypeName: ze,
-					handleAddCustomImageType: He,
+					createTextBlock: $e,
+					createImageBlock: R,
+					updateSelectedStyle: it,
+					updateSelectedImageInfo: at,
+					handleDeleteBlock: z,
+					handleRemoveTableColumn: ot,
+					handleAddTableColumn: st,
+					handleUpdateTableColumn: ct,
+					handleReorderTableColumn: lt,
+					handleAddTableRow: ut,
+					handleRemoveTableRow: dt,
+					schemas: Ae,
+					toggleSchemaColumn: L,
+					customTableName: be,
+					setCustomTableName: xe,
+					customLoopStart: Se,
+					setCustomLoopStart: Ce,
+					customLoopEnd: we,
+					setCustomLoopEnd: Te,
+					handleAddCustomTable: We,
+					newColName: Ee,
+					setNewColName: De,
+					newColPlaceholder: N,
+					setNewColPlaceholder: P,
+					customImageTypes: Ve,
+					newImgTypeName: F,
+					setNewImgTypeName: I,
+					handleAddCustomImageType: Ge,
 					placeholders: t,
-					searchPlaceholder: F,
-					setSearchPlaceholder: I,
+					searchPlaceholder: He,
+					setSearchPlaceholder: Ue,
 					handleSidebarDragStart: (e, t, n, r) => {
-						Fe({
+						Re({
 							type: t,
 							tableSchema: n,
 							imageType: r
 						}), e.dataTransfer.setData("source", "sidebar"), e.dataTransfer.effectAllowed = "copy";
 					},
-					isTablesLoading: A,
-					tablesLoading: ne,
-					isPlaceholdersLoading: re,
-					placeholdersLoading: ie,
-					fontSizesState: pt,
-					fontFamiliesState: mt,
-					fontWeightsState: ht,
+					isTablesLoading: ne,
+					tablesLoading: re,
+					isPlaceholdersLoading: ie,
+					placeholdersLoading: ae,
+					fontSizesState: gt,
+					fontFamiliesState: _t,
+					fontWeightsState: vt,
 					sidebarPosition: k
 				})]
 			}),
 			/* @__PURE__ */ u(Ox, {
 				bubbleCoords: Oe,
-				applySelectionFormat: We
+				applySelectionFormat: Ke
 			}),
 			/* @__PURE__ */ u(Dx, {
-				previewOpen: dt,
-				setPreviewOpen: B,
-				generateExportHtml: Ct
+				previewOpen: pt,
+				setPreviewOpen: mt,
+				generateExportHtml: Et
 			})
 		]
 	});