@cocoar/vue-document-viewer 2.3.0 → 2.5.0

package/dist/index.js

@@ -1,13 +1,13 @@
-import { Fragment as e, Teleport as t, computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, createVNode as c, defineComponent as l, mergeProps as u, nextTick as d, normalizeClass as f, normalizeStyle as p, onBeforeUnmount as m, onMounted as h, openBlock as g, ref as _, renderList as v, renderSlot as y, resolveComponent as b, shallowReactive as x, shallowRef as S, toDisplayString as C, toHandlers as w, unref as T, vModelText as E, vShow as D, watch as O, withCtx as k, withDirectives as A, withKeys as j, withModifiers as M } from "vue";
-import * as N from "pdfjs-dist";
-import { TextLayer as P } from "pdfjs-dist";
-import { CoarIcon as F, CoarMenu as I, CoarMenuItem as L, CoarPopover as ee, CoarSegmentedControl as te, CoarSidebar as R, CoarSidebarDivider as ne, CoarSidebarGroup as z, CoarSidebarItem as B } from "@cocoar/vue-ui";
+import { Fragment as e, Teleport as t, computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, createVNode as c, defineComponent as l, mergeModels as u, mergeProps as d, nextTick as f, normalizeClass as p, normalizeStyle as m, onBeforeUnmount as h, onMounted as g, openBlock as _, ref as v, renderList as y, renderSlot as b, resolveComponent as x, shallowReactive as S, shallowRef as C, toDisplayString as w, toHandlers as T, unref as E, useModel as D, vModelText as O, vShow as k, watch as A, withCtx as j, withDirectives as M, withKeys as N, withModifiers as P } from "vue";
+import * as F from "pdfjs-dist";
+import { TextLayer as I } from "pdfjs-dist";
+import { CoarIcon as L, CoarMenu as R, CoarMenuItem as ee, CoarPopover as te, CoarSegmentedControl as ne, CoarSidebar as re, CoarSidebarDivider as z, CoarSidebarGroup as ie, CoarSidebarItem as B } from "@cocoar/vue-ui";
 //#region src/internal/page-provider.ts
 function V(e) {
 	let t = e?.name;
 	return t === "RenderingCancelledException" || t === "AbortException" || t === "AbortError";
 }
-function re(e) {
+function H(e) {
 	let t = e.getViewport({
 		scale: 1,
 		rotation: 0
@@ -69,7 +69,7 @@ function re(e) {
 				rotation: n.rotation
 			});
 			t.replaceChildren();
-			let a = new P({
+			let a = new I({
 				textContentSource: await e.getTextContent(),
 				container: t,
 				viewport: i
@@ -85,21 +85,21 @@ function re(e) {
 }
 //#endregion
 //#region src/sources/pdf-adapter.ts
-function ie(e) {
+function ae(e) {
 	if (!e) return;
 	let t = e.match(/^D:(\d{4})(\d{2})(\d{2})(\d{2})?(\d{2})?(\d{2})?/);
 	if (!t) return e;
 	let [, n, r, i, a = "00", o = "00", s = "00"] = t;
 	return `${n}-${r}-${i} ${a}:${o}:${s}`;
 }
-function H(e, t) {
+function U(e, t) {
 	let n = e?.[t];
 	if (typeof n != "string") return;
 	let r = n.trim();
 	return r.length > 0 ? r : void 0;
 }
-function ae(e) {
-	let t = _("idle"), n = S(null), r = S(null), i = S(null), a = _(null), o = {
+function oe(e) {
+	let t = v("idle"), n = C(null), r = C(null), i = C(null), a = v(null), o = {
 		loadingTask: null,
 		doc: null,
 		generation: 0
@@ -125,7 +125,7 @@ function ae(e) {
 		t.value = "loading", a.value = null;
 		let l = e.headers, u = Object.keys(l).length ? { ...l } : void 0, d;
 		try {
-			d = N.getDocument({
+			d = F.getDocument({
 				url: e.url,
 				withCredentials: e.withCredentials,
 				httpHeaders: u
@@ -159,7 +159,7 @@ function ae(e) {
 					} catch {}
 					return;
 				}
-				p.push(re(t));
+				p.push(H(t));
 			}
 		} catch (e) {
 			if (c !== o.generation) return;
@@ -169,15 +169,15 @@ function ae(e) {
 		let m;
 		try {
 			let e = await f.getMetadata(), t = e.info, n = {
-				title: H(t, "Title"),
-				author: H(t, "Author"),
-				subject: H(t, "Subject"),
-				keywords: H(t, "Keywords"),
-				creator: H(t, "Creator"),
-				producer: H(t, "Producer"),
-				creationDate: ie(H(t, "CreationDate")),
-				modificationDate: ie(H(t, "ModDate")),
-				version: H(t, "PDFFormatVersion")
+				title: U(t, "Title"),
+				author: U(t, "Author"),
+				subject: U(t, "Subject"),
+				keywords: U(t, "Keywords"),
+				creator: U(t, "Creator"),
+				producer: U(t, "Producer"),
+				creationDate: ae(U(t, "CreationDate")),
+				modificationDate: ae(U(t, "ModDate")),
+				version: U(t, "PDFFormatVersion")
 			};
 			m = {
 				kind: "pdf",
@@ -199,9 +199,9 @@ function ae(e) {
 		let t = e.value;
 		t && c(t);
 	}
-	return O(e, (e) => {
+	return A(e, (e) => {
 		e ? c(e) : s();
-	}, { immediate: !0 }), m(() => {
+	}, { immediate: !0 }), h(() => {
 		s();
 	}), {
 		status: t,
@@ -215,7 +215,7 @@ function ae(e) {
 }
 //#endregion
 //#region src/sources/image-adapter.ts
-function oe(e) {
+function W(e) {
 	if (e.startsWith("data:")) {
 		let t = e.match(/^data:image\/([a-z0-9+.-]+)/i);
 		if (t) {
@@ -258,7 +258,7 @@ function se(e) {
 	};
 }
 function ce(e) {
-	let t = _("idle"), n = S(null), r = S(null), i = _(null), a = 0, o = null;
+	let t = v("idle"), n = C(null), r = C(null), i = v(null), a = 0, o = null;
 	async function s() {
 		a += 1, o &&= (o.onload = null, o.onerror = null, o.src = "", null), n.value = null, r.value = null, t.value = "idle", i.value = null;
 	}
@@ -270,7 +270,7 @@ function ce(e) {
 			o = c, c.onload = () => {
 				s === a && (n.value = [se(c)], r.value = {
 					kind: "image",
-					format: `Image · ${oe(e.url)}`,
+					format: `Image · ${W(e.url)}`,
 					pageCount: 1
 				}, t.value = "ready");
 			}, c.onerror = () => {
@@ -282,9 +282,9 @@ function ce(e) {
 		let t = e.value;
 		t && c(t);
 	}
-	return O(e, (e) => {
+	return A(e, (e) => {
 		e ? c(e) : s();
-	}, { immediate: !0 }), m(() => {
+	}, { immediate: !0 }), h(() => {
 		s();
 	}), {
 		status: t,
@@ -307,14 +307,14 @@ function le(e) {
 	};
 }
 function ue(e) {
-	let t = _("idle"), n = S(null), r = S(null), i = _(null), a = 0, o = [];
+	let t = v("idle"), n = C(null), r = C(null), i = v(null), a = 0, o = [];
 	async function s() {
 		a += 1;
 		for (let e of o) e.onload = null, e.onerror = null, e.src = "";
 		o = [], n.value = null, r.value = null, t.value = "idle", i.value = null;
 	}
 	function c(e, t) {
-		let n = new Set(e.map(oe));
+		let n = new Set(e.map(W));
 		return {
 			kind: "image-gallery",
 			format: n.size === 0 ? "Image gallery" : n.size === 1 ? `Image gallery · ${[...n][0]}` : "Image gallery · mixed",
@@ -344,9 +344,9 @@ function ue(e) {
 		let t = e.value;
 		t && l(t);
 	}
-	return O(e, (e) => {
+	return A(e, (e) => {
 		e ? l(e) : s();
-	}, { immediate: !0 }), m(() => {
+	}, { immediate: !0 }), h(() => {
 		s();
 	}), {
 		status: t,
@@ -369,7 +369,7 @@ function de(e) {
 	}), i = n(() => {
 		let t = e.value;
 		return t?.kind === "image-gallery" ? t : null;
-	}), a = ae(t), o = ce(r), s = ue(i), c = n(() => {
+	}), a = oe(t), o = ce(r), s = ue(i), c = n(() => {
 		let t = e.value;
 		return t ? t.kind === "pdf" ? a.status.value : t.kind === "image" ? o.status.value : t.kind === "image-gallery" ? s.status.value : "idle" : "idle";
 	}), l = n(() => {
@@ -403,7 +403,7 @@ function de(e) {
 //#region src/internal/usePageRenderer.ts
 var fe = 2;
 function pe(e) {
-	let t = x([]), n = _(0), r = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map(), a = null;
+	let t = S([]), n = v(0), r = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map(), a = null;
 	function o() {
 		return e.devicePixelRatio ? e.devicePixelRatio() : typeof window > "u" ? 1 : Math.min(window.devicePixelRatio || 1, fe);
 	}
@@ -503,9 +503,9 @@ function pe(e) {
 		} finally {
 			i.rendering = !1;
 		}
-		a.getTextLayer && await h(n, a);
+		a.getTextLayer && await m(n, a);
 	}
-	async function h(n, r) {
+	async function m(n, r) {
 		if (!r.getTextLayer) return;
 		let i = t[n];
 		if (!i?.wrapper) return;
@@ -525,7 +525,7 @@ function pe(e) {
 		let i = n instanceof HTMLDivElement ? n : null;
 		r.wrapper !== i && (r.wrapper && a && a.unobserve(r.wrapper), r.wrapper = i, i && (i.dataset.pageIndex = String(e), a?.observe(i)));
 	}
-	function v(e, n = {}) {
+	function _(e, n = {}) {
 		let r = t[e];
 		r?.wrapper && r.wrapper.scrollIntoView({
 			behavior: n.behavior ?? "auto",
@@ -538,19 +538,19 @@ function pe(e) {
 		for (let e of t) e.rendered = !1;
 		for (let [e, t] of i) t > 0 && p(e);
 	}
-	return O(() => e.pageProviders.value, (e) => {
+	return A(() => e.pageProviders.value, (e) => {
 		if (s(), r.clear(), i.clear(), t.splice(0, t.length), n.value = 0, e && (d(e), a)) for (let e of t) e.wrapper && a.observe(e.wrapper);
-	}, { immediate: !0 }), O(() => e.scrollContainer.value, () => {
+	}, { immediate: !0 }), A(() => e.scrollContainer.value, () => {
 		c();
-	}, { immediate: !0 }), O(() => [e.scale.value, e.rotation.value], () => {
+	}, { immediate: !0 }), A(() => [e.scale.value, e.rotation.value], () => {
 		y();
-	}), m(() => {
+	}), h(() => {
 		a?.disconnect(), a = null, s(), r.clear();
 	}), {
 		pages: t,
 		visiblePage: n,
 		bindWrapper: g,
-		scrollToPage: v,
+		scrollToPage: _,
 		invalidateRenders: y
 	};
 }
@@ -578,7 +578,7 @@ function ge(e, t) {
 	} catch {}
 }
 function _e(e) {
-	let t = _(!1), r = _(!1), i = null, a = null;
+	let t = v(!1), r = v(!1), i = null, a = null;
 	function o() {
 		let t = e.scrollContainer.value;
 		if (!t) return null;
@@ -625,11 +625,11 @@ function _e(e) {
 		}
 		t.value = !0, typeof a.zoom == "number" && Number.isFinite(a.zoom) && (e.scale.value = a.zoom), (a.rotation === 0 || a.rotation === 90 || a.rotation === 180 || a.rotation === 270) && (e.rotation.value = a.rotation), await new Promise((e) => requestAnimationFrame(() => requestAnimationFrame(() => e()))), l(a), await new Promise((e) => setTimeout(e, 0)), t.value = !1, r.value = !0;
 	}
-	O(() => e.pages.length === 0, (e) => {
+	A(() => e.pages.length === 0, (e) => {
 		e && (r.value = !1, a = null);
-	}), O(() => [e.ready.value, e.pages.length], ([e, t]) => {
+	}), A(() => [e.ready.value, e.pages.length], ([e, t]) => {
 		e && t > 0 && !r.value && u();
-	}), O(() => [
+	}), A(() => [
 		e.visiblePage.value,
 		e.scale.value,
 		e.rotation.value
@@ -643,9 +643,9 @@ function _e(e) {
 	function p() {
 		d &&= (d.removeEventListener("scroll", c), null);
 	}
-	return O(() => e.scrollContainer.value, f), h(f), m(() => {
+	return A(() => e.scrollContainer.value, f), g(f), h(() => {
 		p(), i != null && clearTimeout(i);
-	}), O(() => e.externalPosition.value, (n) => {
+	}), A(() => e.externalPosition.value, (n) => {
 		if (!n || !e.ready.value || !r.value) return;
 		let i = o();
 		i && JSON.stringify(i) === JSON.stringify(n) || (t.value = !0, e.scale.value = n.zoom, e.rotation.value = n.rotation, requestAnimationFrame(() => {
@@ -675,17 +675,17 @@ function ve(e, t) {
 		wrapper: n
 	} : null;
 }
-var ye = 3, U = 18, W = 14, be = .25, G = .06, xe = [
+var ye = 3, be = 18, G = 14, xe = .25, Se = .06, Ce = [
 	1.5,
 	3,
 	6
-], Se = [
+], we = [
 	10,
 	18,
 	30
 ];
-function Ce(e) {
-	let t = _(null), r = _(null), i = _(null), a = _(null), o = _(null), s = _(null), c = _(ye), l = _(""), u = _(U), d = _("");
+function Te(e) {
+	let t = v(null), r = v(null), i = v(null), a = v(null), o = v(null), s = v(null), c = v(ye), l = v(""), u = v(be), d = v("");
 	function f() {
 		return e.pages;
 	}
@@ -705,7 +705,7 @@ function Ce(e) {
 			color: e.colors.value[0] ?? "#2563eb"
 		};
 		else {
-			let t = be, n = G;
+			let t = xe, n = Se;
 			i.value = {
 				pageIndex: o,
 				rect: {
@@ -723,11 +723,11 @@ function Ce(e) {
 	function h(e) {
 		if (!a.value || !m) return;
 		let t = m.getBoundingClientRect(), n = {
-			x: K((e.clientX - t.left) / Math.max(1, t.width)),
-			y: K((e.clientY - t.top) / Math.max(1, t.height))
+			x: q((e.clientX - t.left) / Math.max(1, t.width)),
+			y: q((e.clientY - t.top) / Math.max(1, t.height))
 		}, r = a.value.strokes, i = r[r.length - 1];
 		if ((e.shiftKey || e.ctrlKey || e.metaKey) && i.length >= 1) {
-			let t = i[0], a = e.shiftKey ? Te(t, n) : n;
+			let t = i[0], a = e.shiftKey ? Ee(t, n) : n;
 			r[r.length - 1] = [t, a];
 		} else i.push(n);
 		a.value = {
@@ -742,7 +742,7 @@ function Ce(e) {
 			return;
 		}
 		if (n === "eraser") {
-			A(t);
+			k(t);
 			return;
 		}
 		if (n !== "ink" && n !== "marker" || t.button !== 0 || !t.altKey && t.target?.closest("[data-annotation-id]")) return;
@@ -757,13 +757,13 @@ function Ce(e) {
 			width: p?.width ?? (i ? u.value : c.value),
 			color: p?.color || (i ? d.value : l.value) || e.colors.value[0] || (i ? "#fde68a" : "#dc2626"),
 			appendToId: p?.id
-		}, h(t), window.addEventListener("pointermove", v), window.addEventListener("pointerup", y), window.addEventListener("pointercancel", y);
+		}, h(t), window.addEventListener("pointermove", _), window.addEventListener("pointerup", y), window.addEventListener("pointercancel", y);
 	}
-	function v(e) {
+	function _(e) {
 		a.value && h(e);
 	}
 	function y() {
-		window.removeEventListener("pointermove", v), window.removeEventListener("pointerup", y), window.removeEventListener("pointercancel", y);
+		window.removeEventListener("pointermove", _), window.removeEventListener("pointerup", y), window.removeEventListener("pointercancel", y);
 		let t = a.value;
 		if (m = null, a.value = null, !t) return;
 		let n = t.strokes.filter((e) => e.length >= 2);
@@ -801,7 +801,7 @@ function Ce(e) {
 				color: n,
 				rect: r.rect,
 				text: t,
-				fontSize: W
+				fontSize: G
 			}), i.value = null;
 		}
 	}
@@ -853,7 +853,7 @@ function Ce(e) {
 			startY: n.clientY,
 			dx: 0,
 			dy: 0
-		}, n.target.setPointerCapture?.(n.pointerId), window.addEventListener("pointermove", D), window.addEventListener("pointerup", k), window.addEventListener("pointercancel", k);
+		}, n.target.setPointerCapture?.(n.pointerId), window.addEventListener("pointermove", D), window.addEventListener("pointerup", O), window.addEventListener("pointercancel", O);
 	}
 	function D(e) {
 		let t = o.value;
@@ -861,19 +861,19 @@ function Ce(e) {
 		let n = e.clientX - t.startX, r = e.clientY - t.startY;
 		t.dx = n / Math.max(1, t.wrapperWidth), t.dy = r / Math.max(1, t.wrapperHeight), w.style.transform = `translate(${n}px, ${r}px)`;
 	}
-	function k() {
-		window.removeEventListener("pointermove", D), window.removeEventListener("pointerup", k), window.removeEventListener("pointercancel", k);
+	function O() {
+		window.removeEventListener("pointermove", D), window.removeEventListener("pointerup", O), window.removeEventListener("pointercancel", O);
 		let t = o.value, n = w;
 		if (w = null, o.value = null, !t || !n || (n.style.transform = "", Math.abs(t.dx) < 1e-4 && Math.abs(t.dy) < 1e-4)) return;
 		let r = e.annotations.value.find((e) => e.id === t.id);
 		if (!r) return;
-		let i = we(r, t.dx, t.dy);
+		let i = K(r, t.dx, t.dy);
 		i && e.emitUpdate({
 			id: t.id,
 			patch: i
 		});
 	}
-	function A(n) {
+	function k(n) {
 		if (n.button !== 0) return;
 		let r = T(n.target);
 		if (!r) return;
@@ -907,13 +907,13 @@ function Ce(e) {
 		t && (N = t, t.addEventListener("click", p), t.addEventListener("pointerdown", g));
 	}
 	function F() {
-		N &&= (N.removeEventListener("click", p), N.removeEventListener("pointerdown", g), null), window.removeEventListener("pointermove", v), window.removeEventListener("pointerup", y), window.removeEventListener("pointercancel", y), window.removeEventListener("pointermove", D), window.removeEventListener("pointerup", k), window.removeEventListener("pointercancel", k);
+		N &&= (N.removeEventListener("click", p), N.removeEventListener("pointerdown", g), null), window.removeEventListener("pointermove", _), window.removeEventListener("pointerup", y), window.removeEventListener("pointercancel", y), window.removeEventListener("pointermove", D), window.removeEventListener("pointerup", O), window.removeEventListener("pointercancel", O);
 	}
-	O(() => e.scrollContainer.value, P, { immediate: !0 }), O(() => e.mode.value, () => {
+	A(() => e.scrollContainer.value, P, { immediate: !0 }), A(() => e.mode.value, () => {
 		r.value = null, i.value = null, a.value = null, w &&= (w.style.transform = "", null), o.value = null, s.value = null, t.value = null;
 	});
 	let I = /* @__PURE__ */ new Set();
-	return O(() => e.annotations.value, (e) => {
+	return A(() => e.annotations.value, (e) => {
 		let t = [];
 		for (let n of e) I.has(n.id) || t.push(n);
 		I = new Set(e.map((e) => e.id));
@@ -947,11 +947,11 @@ function Ce(e) {
 		detach: F
 	};
 }
-function we(e, t, n) {
+function K(e, t, n) {
 	switch (e.type) {
 		case "comment": return { anchor: {
-			x: K(e.anchor.x + t),
-			y: K(e.anchor.y + n)
+			x: q(e.anchor.x + t),
+			y: q(e.anchor.y + n)
 		} };
 		case "freetext": {
 			let r = e, i = Math.max(0, 1 - r.rect.w), a = Math.max(0, 1 - r.rect.h);
@@ -964,29 +964,29 @@ function we(e, t, n) {
 		}
 		case "ink":
 		case "marker": return { strokes: e.strokes.map((e) => e.map((e) => ({
-			x: K(e.x + t),
-			y: K(e.y + n)
+			x: q(e.x + t),
+			y: q(e.y + n)
 		}))) };
 	}
 }
-function K(e) {
+function q(e) {
 	return Math.max(0, Math.min(1, e));
 }
-var q = Math.PI / 12;
-function Te(e, t) {
+var J = Math.PI / 12;
+function Ee(e, t) {
 	let n = t.x - e.x, r = t.y - e.y;
 	if (n === 0 && r === 0) return t;
-	let i = Math.round(Math.atan2(r, n) / q) * q, a = Math.hypot(n, r);
+	let i = Math.round(Math.atan2(r, n) / J) * J, a = Math.hypot(n, r);
 	return {
-		x: K(e.x + Math.cos(i) * a),
-		y: K(e.y + Math.sin(i) * a)
+		x: q(e.x + Math.cos(i) * a),
+		y: q(e.y + Math.sin(i) * a)
 	};
 }
 //#endregion
 //#region src/internal/usePdfSearch.ts
-var Ee = 350, De = 2;
-function Oe(e) {
-	let t = _(""), r = _(!1), i = _([]), a = _(-1), o = _(!1), s = /* @__PURE__ */ new Map(), c = 0, l = null;
+var De = 350, Oe = 2;
+function ke(e) {
+	let t = v(""), r = v(!1), i = v([]), a = v(-1), o = v(!1), s = /* @__PURE__ */ new Map(), c = 0, l = null;
 	async function u(t) {
 		let n = s.get(t);
 		if (n) return n;
@@ -1046,7 +1046,7 @@ function Oe(e) {
 	}
 	async function p(t) {
 		let n = ++c, s = e.doc.value, l = t.trim();
-		if (!s || l.length < De) {
+		if (!s || l.length < Oe) {
 			i.value = [], a.value = -1, o.value = !1;
 			return;
 		}
@@ -1081,7 +1081,7 @@ function Oe(e) {
 		return t.value = e, l != null && clearTimeout(l), new Promise((t) => {
 			l = setTimeout(() => {
 				p(e).then(t);
-			}, Ee);
+			}, De);
 		});
 	}
 	function h() {
@@ -1090,7 +1090,7 @@ function Oe(e) {
 	function g() {
 		i.value.length !== 0 && (a.value = (a.value - 1 + i.value.length) % i.value.length);
 	}
-	function v() {
+	function _() {
 		c++, l != null && clearTimeout(l), t.value = "", i.value = [], a.value = -1, o.value = !1;
 	}
 	async function y(e) {
@@ -1105,10 +1105,10 @@ function Oe(e) {
 			}
 		}
 	}
-	return O(r, () => {
+	return A(r, () => {
 		t.value && p(t.value);
-	}), O(() => e.doc.value, (e) => {
-		s.clear(), v(), e && y(e);
+	}), A(() => e.doc.value, (e) => {
+		s.clear(), _(), e && y(e);
 	}, { immediate: !0 }), {
 		query: t,
 		caseSensitive: r,
@@ -1122,12 +1122,12 @@ function Oe(e) {
 		setQuery: m,
 		next: h,
 		prev: g,
-		clear: v
+		clear: _
 	};
 }
 //#endregion
 //#region src/types.ts
-var ke = /* @__PURE__ */ "sidebar-toggle.annotations-panel.separator.prev-page.page-input.next-page.separator.zoom-out.zoom-reset.zoom-in.separator.fit-width.fit-page.reset-view.separator.rotate-ccw.rotate-cw.separator.pan.select.eraser.separator.marker.note.ink.freetext.separator.search.print.download".split("."), Ae = [
+var Ae = /* @__PURE__ */ "sidebar-toggle.annotations-panel.separator.prev-page.page-input.next-page.separator.zoom-out.zoom-reset.zoom-in.separator.fit-width.fit-page.reset-view.separator.rotate-ccw.rotate-cw.separator.pan.select.eraser.separator.marker.note.ink.freetext.separator.search.print.download".split("."), je = [
 	"pan",
 	"select",
 	"eraser",
@@ -1136,9 +1136,9 @@ var ke = /* @__PURE__ */ "sidebar-toggle.annotations-panel.separator.prev-page.p
 	"ink",
 	"freetext"
 ];
-function je(e, t) {
+function Me(e, t) {
 	let n = [];
-	for (let r of e) r === "sidebar-toggle" && !t.showSidebarToggle || r === "annotations-panel" && !t.showAnnotationsPanelToggle || r === "search" && !t.showSearch || (r === "print" || r === "download") && !t.showPrintDownload || !t.showAnnotationModes && Ae.includes(r) || n.push(r);
+	for (let r of e) r === "sidebar-toggle" && !t.showSidebarToggle || r === "annotations-panel" && !t.showAnnotationsPanelToggle || r === "search" && !t.showSearch || (r === "print" || r === "download") && !t.showPrintDownload || !t.showAnnotationModes && je.includes(r) || n.push(r);
 	for (; n.length > 0 && n[0] === "separator";) n.shift();
 	for (; n.length > 0 && n[n.length - 1] === "separator";) n.pop();
 	let r = [];
@@ -1147,29 +1147,29 @@ function je(e, t) {
 }
 //#endregion
 //#region src/internal/DocumentToolbar.vue?vue&type=script&setup=true&lang.ts
-var Me = ["aria-label"], Ne = [
+var Ne = ["aria-label"], Y = [
 	"aria-label",
 	"title",
 	"disabled"
-], J = { class: "coar-pdf-toolbar__page-total" }, Pe = ["aria-label"], Fe = ["aria-label", "title"], Ie = { class: "coar-pdf-toolbar__flyout" }, Le = ["aria-label"], Re = [
+], Pe = { class: "coar-pdf-toolbar__page-total" }, Fe = ["aria-label"], Ie = ["aria-label", "title"], Le = { class: "coar-pdf-toolbar__flyout" }, Re = ["aria-label"], ze = [
 	"title",
 	"aria-label",
 	"aria-pressed",
 	"onClick"
-], ze = ["aria-label"], Be = [
+], Be = ["aria-label"], Ve = [
 	"title",
 	"aria-label",
 	"aria-checked",
 	"onClick"
-], Ve = { class: "coar-pdf-toolbar__flyout" }, Y = ["aria-label"], He = [
+], X = { class: "coar-pdf-toolbar__flyout" }, He = ["aria-label"], Ue = [
 	"title",
 	"aria-pressed",
 	"onClick"
-], Ue = ["aria-label"], X = [
+], Z = ["aria-label"], We = [
 	"title",
 	"aria-checked",
 	"onClick"
-], We = /* @__PURE__ */ l({
+], Ge = /* @__PURE__ */ l({
 	__name: "DocumentToolbar",
 	props: {
 		currentPage: {},
@@ -1224,11 +1224,11 @@ var Me = ["aria-label"], Ne = [
 		"download"
 	],
 	setup(t, { emit: s }) {
-		let c = t, l = s, u = _(String(c.currentPage + 1)), d = _(null);
-		O(() => c.currentPage, (e) => {
+		let c = t, l = s, u = v(String(c.currentPage + 1)), d = v(null);
+		A(() => c.currentPage, (e) => {
 			document.activeElement !== d.value && (u.value = String(e + 1));
 		});
-		function m() {
+		function f() {
 			let e = u.value.trim(), t = Number(e);
 			if (!e || !Number.isFinite(t)) {
 				u.value = String(c.currentPage + 1);
@@ -1238,28 +1238,28 @@ var Me = ["aria-label"], Ne = [
 			u.value = String(n), l("jump", n - 1);
 		}
 		function h(e) {
-			e.key === "Enter" ? (e.preventDefault(), m(), d.value?.blur()) : e.key === "Escape" && (e.preventDefault(), u.value = String(c.currentPage + 1), d.value?.blur());
+			e.key === "Enter" ? (e.preventDefault(), f(), d.value?.blur()) : e.key === "Escape" && (e.preventDefault(), u.value = String(c.currentPage + 1), d.value?.blur());
 		}
-		let b = _(String(Math.round(c.zoom * 100))), x = _(null);
-		O(() => c.zoom, (e) => {
-			document.activeElement !== x.value && (b.value = String(Math.round(e * 100)));
+		let g = v(String(Math.round(c.zoom * 100))), x = v(null);
+		A(() => c.zoom, (e) => {
+			document.activeElement !== x.value && (g.value = String(Math.round(e * 100)));
 		});
 		function S() {
-			let e = b.value.trim().replace(/%$/, "").replace(",", ".").trim(), t = Number(e);
+			let e = g.value.trim().replace(/%$/, "").replace(",", ".").trim(), t = Number(e);
 			if (!e || !Number.isFinite(t) || t <= 0) {
-				b.value = String(Math.round(c.zoom * 100));
+				g.value = String(Math.round(c.zoom * 100));
 				return;
 			}
 			let n = Math.round(c.minZoom * 100), r = Math.round(c.maxZoom * 100), i = Math.max(n, Math.min(r, Math.round(t)));
-			b.value = String(i), l("set-zoom", i / 100);
+			g.value = String(i), l("set-zoom", i / 100);
 		}
-		function w(e) {
-			e.key === "Enter" ? (e.preventDefault(), S(), x.value?.blur()) : e.key === "Escape" && (e.preventDefault(), b.value = String(Math.round(c.zoom * 100)), x.value?.blur());
+		function C(e) {
+			e.key === "Enter" ? (e.preventDefault(), S(), x.value?.blur()) : e.key === "Escape" && (e.preventDefault(), g.value = String(Math.round(c.zoom * 100)), x.value?.blur());
 		}
-		function D() {
+		function T() {
 			x.value?.select();
 		}
-		let j = n(() => c.currentPage > 0), M = n(() => c.currentPage < c.pageCount - 1), N = n(() => c.zoom < c.maxZoom - 1e-6), P = n(() => c.zoom > c.minZoom + 1e-6);
+		let D = n(() => c.currentPage > 0), k = n(() => c.currentPage < c.pageCount - 1), N = n(() => c.zoom < c.maxZoom - 1e-6), P = n(() => c.zoom > c.minZoom + 1e-6);
 		function F(e, t) {
 			return t === "marker" ? Math.min(22, Math.max(8, e * .7)) : Math.min(16, Math.max(3, e * 2));
 		}
@@ -1277,14 +1277,14 @@ var Me = ["aria-label"], Ne = [
 		function L(e, t) {
 			return I(e) ? `${t} — ${c.labels.notAvailableForSource}` : t;
 		}
-		let ee = n(() => je(c.tools ?? ke, {
+		let R = n(() => Me(c.tools ?? Ae, {
 			showSidebarToggle: c.showSidebarToggle,
 			showAnnotationsPanelToggle: c.showAnnotationsPanelToggle,
 			showSearch: c.showSearch,
 			showPrintDownload: c.showPrintDownload,
 			showAnnotationModes: c.showAnnotationModes
 		}));
-		return (n, s) => (g(), r(T(R), {
+		return (n, s) => (_(), r(E(re), {
 			side: t.side,
 			collapsed: !0,
 			size: "s",
@@ -1293,31 +1293,31 @@ var Me = ["aria-label"], Ne = [
 			"aria-label": t.labels.pageOf,
 			class: "coar-pdf-toolbar"
 		}, {
-			default: k(() => [(g(!0), a(e, null, v(ee.value, (n, c) => (g(), a(e, { key: `${n}-${c}` }, [n === "separator" ? (g(), r(T(ne), { key: 0 })) : n === "sidebar-toggle" ? (g(), r(T(B), {
+			default: j(() => [(_(!0), a(e, null, y(R.value, (n, c) => (_(), a(e, { key: `${n}-${c}` }, [n === "separator" ? (_(), r(E(z), { key: 0 })) : n === "sidebar-toggle" ? (_(), r(E(B), {
 				key: 1,
 				icon: "panel-left",
 				label: t.labels.thumbnails,
 				active: t.sidebarOpen,
 				onClick: s[0] ||= (e) => l("toggle-sidebar")
-			}, null, 8, ["label", "active"])) : n === "annotations-panel" ? (g(), r(T(B), {
+			}, null, 8, ["label", "active"])) : n === "annotations-panel" ? (_(), r(E(B), {
 				key: 2,
 				icon: "panel-right",
 				label: t.labels.annotationsPanel,
 				active: t.annotationsPanelOpen,
 				onClick: s[1] ||= (e) => l("toggle-annotations-panel")
-			}, null, 8, ["label", "active"])) : n === "prev-page" ? (g(), r(T(B), {
+			}, null, 8, ["label", "active"])) : n === "prev-page" ? (_(), r(E(B), {
 				key: 3,
 				icon: "chevron-up",
 				label: L("prev-page", t.labels.prevPage),
-				disabled: !j.value || I("prev-page"),
+				disabled: !D.value || I("prev-page"),
 				onClick: s[2] ||= (e) => l("prev")
-			}, null, 8, ["label", "disabled"])) : n === "page-input" ? (g(), a("div", {
+			}, null, 8, ["label", "disabled"])) : n === "page-input" ? (_(), a("div", {
 				key: 4,
-				class: f(["coar-pdf-toolbar__inline-page", { "coar-pdf-toolbar__inline-page--disabled": I("page-input") }]),
+				class: p(["coar-pdf-toolbar__inline-page", { "coar-pdf-toolbar__inline-page--disabled": I("page-input") }]),
 				role: "group",
 				"aria-label": t.labels.pageJumpAria
 			}, [
-				A(o("input", {
+				M(o("input", {
 					ref_for: !0,
 					ref_key: "pageInputEl",
 					ref: d,
@@ -1328,97 +1328,97 @@ var Me = ["aria-label"], Ne = [
 					"aria-label": t.labels.pageJumpAria,
 					title: L("page-input", t.labels.pageJumpAria),
 					disabled: I("page-input"),
-					onBlur: m,
+					onBlur: f,
 					onKeydown: h
-				}, null, 40, Ne), [[E, u.value]]),
+				}, null, 40, Y), [[O, u.value]]),
 				s[23] ||= o("span", {
 					class: "coar-pdf-toolbar__page-sep",
 					"aria-hidden": "true"
 				}, "/", -1),
-				o("span", J, C(t.pageCount), 1)
-			], 10, Me)) : n === "next-page" ? (g(), r(T(B), {
+				o("span", Pe, w(t.pageCount), 1)
+			], 10, Ne)) : n === "next-page" ? (_(), r(E(B), {
 				key: 5,
 				icon: "chevron-down",
 				label: L("next-page", t.labels.nextPage),
-				disabled: !M.value || I("next-page"),
+				disabled: !k.value || I("next-page"),
 				onClick: s[4] ||= (e) => l("next")
-			}, null, 8, ["label", "disabled"])) : n === "zoom-out" ? (g(), r(T(B), {
+			}, null, 8, ["label", "disabled"])) : n === "zoom-out" ? (_(), r(E(B), {
 				key: 6,
 				icon: "minus",
 				label: t.labels.zoomOut,
 				disabled: !P.value,
 				onClick: s[5] ||= (e) => l("zoom-out")
-			}, null, 8, ["label", "disabled"])) : n === "zoom-reset" ? (g(), a("div", {
+			}, null, 8, ["label", "disabled"])) : n === "zoom-reset" ? (_(), a("div", {
 				key: 7,
 				class: "coar-pdf-toolbar__zoom-readout",
 				role: "group",
 				"aria-label": t.labels.zoomLevel
-			}, [A(o("input", {
+			}, [M(o("input", {
 				ref_for: !0,
 				ref_key: "zoomInputEl",
 				ref: x,
-				"onUpdate:modelValue": s[6] ||= (e) => b.value = e,
+				"onUpdate:modelValue": s[6] ||= (e) => g.value = e,
 				class: "coar-pdf-toolbar__zoom-input",
 				type: "text",
 				inputmode: "numeric",
 				"aria-label": t.labels.zoomLevel,
 				title: t.labels.zoomLevel,
 				onBlur: S,
-				onKeydown: w,
-				onFocus: D
-			}, null, 40, Fe), [[E, b.value]]), s[24] ||= o("span", {
+				onKeydown: C,
+				onFocus: T
+			}, null, 40, Ie), [[O, g.value]]), s[24] ||= o("span", {
 				class: "coar-pdf-toolbar__zoom-suffix",
 				"aria-hidden": "true"
-			}, "%", -1)], 8, Pe)) : n === "zoom-in" ? (g(), r(T(B), {
+			}, "%", -1)], 8, Fe)) : n === "zoom-in" ? (_(), r(E(B), {
 				key: 8,
 				icon: "plus",
 				label: t.labels.zoomIn,
 				disabled: !N.value,
 				onClick: s[7] ||= (e) => l("zoom-in")
-			}, null, 8, ["label", "disabled"])) : n === "fit-width" ? (g(), r(T(B), {
+			}, null, 8, ["label", "disabled"])) : n === "fit-width" ? (_(), r(E(B), {
 				key: 9,
 				icon: "move-horizontal",
 				label: t.labels.fitWidth,
 				onClick: s[8] ||= (e) => l("fit-width")
-			}, null, 8, ["label"])) : n === "fit-page" ? (g(), r(T(B), {
+			}, null, 8, ["label"])) : n === "fit-page" ? (_(), r(E(B), {
 				key: 10,
 				icon: "file-text",
 				label: t.labels.fitPage,
 				onClick: s[9] ||= (e) => l("fit-page")
-			}, null, 8, ["label"])) : n === "reset-view" ? (g(), r(T(B), {
+			}, null, 8, ["label"])) : n === "reset-view" ? (_(), r(E(B), {
 				key: 11,
 				icon: "refresh-cw",
 				label: t.labels.resetView,
 				onClick: s[10] ||= (e) => l("reset-view")
-			}, null, 8, ["label"])) : n === "rotate-ccw" ? (g(), r(T(B), {
+			}, null, 8, ["label"])) : n === "rotate-ccw" ? (_(), r(E(B), {
 				key: 12,
 				icon: "rotate-ccw",
 				label: t.labels.rotateCcw,
 				onClick: s[11] ||= (e) => l("rotate-ccw")
-			}, null, 8, ["label"])) : n === "rotate-cw" ? (g(), r(T(B), {
+			}, null, 8, ["label"])) : n === "rotate-cw" ? (_(), r(E(B), {
 				key: 13,
 				icon: "rotate-cw",
 				label: t.labels.rotateCw,
 				onClick: s[12] ||= (e) => l("rotate-cw")
-			}, null, 8, ["label"])) : n === "pan" ? (g(), r(T(B), {
+			}, null, 8, ["label"])) : n === "pan" ? (_(), r(E(B), {
 				key: 14,
 				icon: "hand",
 				label: t.labels.pan,
 				active: t.pointerMode === "pan",
 				onClick: s[13] ||= (e) => l("toggle-pan")
-			}, null, 8, ["label", "active"])) : n === "select" ? (g(), r(T(B), {
+			}, null, 8, ["label", "active"])) : n === "select" ? (_(), r(E(B), {
 				key: 15,
 				icon: "mouse-pointer-2",
 				label: t.labels.modeSelect,
 				active: t.annotationMode === "select",
 				onClick: s[14] ||= (e) => l("set-annotation-mode", t.annotationMode === "select" ? "view" : "select")
-			}, null, 8, ["label", "active"])) : n === "eraser" ? (g(), r(T(B), {
+			}, null, 8, ["label", "active"])) : n === "eraser" ? (_(), r(E(B), {
 				key: 16,
 				icon: "eraser",
 				label: t.labels.modeEraser,
 				active: t.annotationMode === "eraser",
 				onClick: s[15] ||= (e) => l("set-annotation-mode", t.annotationMode === "eraser" ? "view" : "eraser")
-			}, null, 8, ["label", "active"])) : n === "marker" ? (g(), r(T(z), {
+			}, null, 8, ["label", "active"])) : n === "marker" ? (_(), r(E(ie), {
 				key: 17,
 				icon: "highlighter",
 				label: t.labels.modeMarker,
@@ -1428,47 +1428,47 @@ var Me = ["aria-label"], Ne = [
 				active: t.annotationMode === "marker",
 				onTriggerClick: s[16] ||= (e) => l("set-annotation-mode", t.annotationMode === "marker" ? "view" : "marker")
 			}, {
-				default: k(() => [o("div", Ie, [o("div", {
+				default: j(() => [o("div", Le, [o("div", {
 					class: "coar-pdf-toolbar__flyout-row",
 					"aria-label": t.labels.strokeWidth
-				}, [(g(!0), a(e, null, v(t.markerWidthPresets, (e) => (g(), a("button", {
+				}, [(_(!0), a(e, null, y(t.markerWidthPresets, (e) => (_(), a("button", {
 					key: e,
 					type: "button",
-					class: f(["coar-pdf-toolbar__flyout-width", { "coar-pdf-toolbar__flyout-width--active": Math.abs(t.markerWidth - e) < .01 }]),
+					class: p(["coar-pdf-toolbar__flyout-width", { "coar-pdf-toolbar__flyout-width--active": Math.abs(t.markerWidth - e) < .01 }]),
 					title: `${e}px`,
 					"aria-label": `${e}px`,
 					"aria-pressed": Math.abs(t.markerWidth - e) < .01,
 					onClick: (t) => l("update:marker-width", e)
 				}, [o("span", {
 					class: "coar-pdf-toolbar__flyout-width-dot",
-					style: p({
+					style: m({
 						width: F(e, "marker") + "px",
 						height: F(e, "marker") + "px",
 						background: t.markerColor
 					})
-				}, null, 4)], 10, Re))), 128))], 8, Le), o("div", {
+				}, null, 4)], 10, ze))), 128))], 8, Re), o("div", {
 					class: "coar-pdf-toolbar__flyout-row",
 					role: "radiogroup",
 					"aria-label": t.labels.annotationColor
-				}, [(g(!0), a(e, null, v(t.colors, (e) => (g(), a("button", {
+				}, [(_(!0), a(e, null, y(t.colors, (e) => (_(), a("button", {
 					key: e,
 					type: "button",
-					class: f(["coar-pdf-toolbar__flyout-color", { "coar-pdf-toolbar__flyout-color--active": e === t.markerColor }]),
+					class: p(["coar-pdf-toolbar__flyout-color", { "coar-pdf-toolbar__flyout-color--active": e === t.markerColor }]),
 					title: e,
 					"aria-label": e,
 					"aria-checked": e === t.markerColor,
 					role: "radio",
-					style: p({ background: e }),
+					style: m({ background: e }),
 					onClick: (t) => l("update:marker-color", e)
-				}, null, 14, Be))), 128))], 8, ze)])]),
+				}, null, 14, Ve))), 128))], 8, Be)])]),
 				_: 1
-			}, 8, ["label", "active"])) : n === "note" ? (g(), r(T(B), {
+			}, 8, ["label", "active"])) : n === "note" ? (_(), r(E(B), {
 				key: 18,
 				icon: "message-square",
 				label: t.labels.modeNote,
 				active: t.annotationMode === "comment",
 				onClick: s[17] ||= (e) => l("set-annotation-mode", t.annotationMode === "comment" ? "view" : "comment")
-			}, null, 8, ["label", "active"])) : n === "ink" ? (g(), r(T(z), {
+			}, null, 8, ["label", "active"])) : n === "ink" ? (_(), r(E(ie), {
 				key: 19,
 				icon: "pencil",
 				label: t.labels.modeInk,
@@ -1478,85 +1478,85 @@ var Me = ["aria-label"], Ne = [
 				active: t.annotationMode === "ink",
 				onTriggerClick: s[18] ||= (e) => l("set-annotation-mode", t.annotationMode === "ink" ? "view" : "ink")
 			}, {
-				default: k(() => [o("div", Ve, [o("div", {
+				default: j(() => [o("div", X, [o("div", {
 					class: "coar-pdf-toolbar__flyout-row",
 					"aria-label": t.labels.strokeWidth
-				}, [(g(!0), a(e, null, v(t.inkWidthPresets, (e) => (g(), a("button", {
+				}, [(_(!0), a(e, null, y(t.inkWidthPresets, (e) => (_(), a("button", {
 					key: e,
 					type: "button",
-					class: f(["coar-pdf-toolbar__flyout-width", { "coar-pdf-toolbar__flyout-width--active": Math.abs(t.inkWidth - e) < .01 }]),
+					class: p(["coar-pdf-toolbar__flyout-width", { "coar-pdf-toolbar__flyout-width--active": Math.abs(t.inkWidth - e) < .01 }]),
 					title: `${e}px`,
 					"aria-pressed": Math.abs(t.inkWidth - e) < .01,
 					onClick: (t) => l("update:ink-width", e)
 				}, [o("span", {
 					class: "coar-pdf-toolbar__flyout-width-dot",
-					style: p({
+					style: m({
 						width: F(e, "ink") + "px",
 						height: F(e, "ink") + "px",
 						background: t.inkColor
 					})
-				}, null, 4)], 10, He))), 128))], 8, Y), o("div", {
+				}, null, 4)], 10, Ue))), 128))], 8, He), o("div", {
 					class: "coar-pdf-toolbar__flyout-row",
 					role: "radiogroup",
 					"aria-label": t.labels.annotationColor
-				}, [(g(!0), a(e, null, v(t.colors, (e) => (g(), a("button", {
+				}, [(_(!0), a(e, null, y(t.colors, (e) => (_(), a("button", {
 					key: e,
 					type: "button",
-					class: f(["coar-pdf-toolbar__flyout-color", { "coar-pdf-toolbar__flyout-color--active": e === t.inkColor }]),
+					class: p(["coar-pdf-toolbar__flyout-color", { "coar-pdf-toolbar__flyout-color--active": e === t.inkColor }]),
 					title: e,
 					"aria-checked": e === t.inkColor,
 					role: "radio",
-					style: p({ background: e }),
+					style: m({ background: e }),
 					onClick: (t) => l("update:ink-color", e)
-				}, null, 14, X))), 128))], 8, Ue)])]),
+				}, null, 14, We))), 128))], 8, Z)])]),
 				_: 1
-			}, 8, ["label", "active"])) : n === "freetext" ? (g(), r(T(B), {
+			}, 8, ["label", "active"])) : n === "freetext" ? (_(), r(E(B), {
 				key: 20,
 				icon: "type",
 				label: t.labels.modeFreetext,
 				active: t.annotationMode === "freetext",
 				onClick: s[19] ||= (e) => l("set-annotation-mode", t.annotationMode === "freetext" ? "view" : "freetext")
-			}, null, 8, ["label", "active"])) : n === "search" ? (g(), r(T(B), {
+			}, null, 8, ["label", "active"])) : n === "search" ? (_(), r(E(B), {
 				key: 21,
 				icon: "search",
 				label: L("search", t.labels.search),
 				disabled: I("search"),
 				onClick: s[20] ||= (e) => l("search")
-			}, null, 8, ["label", "disabled"])) : n === "print" ? (g(), r(T(B), {
+			}, null, 8, ["label", "disabled"])) : n === "print" ? (_(), r(E(B), {
 				key: 22,
 				icon: "printer",
 				label: L("print", t.labels.print),
 				disabled: I("print"),
 				onClick: s[21] ||= (e) => l("print")
-			}, null, 8, ["label", "disabled"])) : n === "download" ? (g(), r(T(B), {
+			}, null, 8, ["label", "disabled"])) : n === "download" ? (_(), r(E(B), {
 				key: 23,
 				icon: "download",
 				label: t.labels.download,
 				onClick: s[22] ||= (e) => l("download")
-			}, null, 8, ["label"])) : i("", !0)], 64))), 128)), n.$slots.actions ? y(n.$slots, "actions", { key: 0 }, void 0, !0) : i("", !0)]),
+			}, null, 8, ["label"])) : i("", !0)], 64))), 128)), n.$slots.actions ? b(n.$slots, "actions", { key: 0 }, void 0, !0) : i("", !0)]),
 			_: 3
 		}, 8, ["side", "aria-label"]));
 	}
-}), Z = (e, t) => {
+}), Q = (e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
-}, Ge = /* @__PURE__ */ Z(We, [["__scopeId", "data-v-131f9026"]]), Ke = {
+}, Ke = /* @__PURE__ */ Q(Ge, [["__scopeId", "data-v-131f9026"]]), qe = {
 	class: "coar-pdf-searchbar",
 	role: "search"
-}, qe = [
+}, Je = [
 	"placeholder",
 	"aria-label",
 	"value"
-], Je = ["data-empty"], Ye = [
+], Ye = ["data-empty"], Xe = [
 	"disabled",
 	"title",
 	"aria-label"
-], Xe = [
+], Ze = [
 	"disabled",
 	"title",
 	"aria-label"
-], Ze = /* @__PURE__ */ Z(/* @__PURE__ */ l({
+], Qe = /* @__PURE__ */ Q(/* @__PURE__ */ l({
 	__name: "DocumentSearchBar",
 	props: {
 		query: {},
@@ -1572,20 +1572,20 @@ var Me = ["aria-label"], Ne = [
 		"close"
 	],
 	setup(e, { emit: t }) {
-		let r = e, i = t, s = _(null), l = _(r.query);
-		O(() => r.query, (e) => {
+		let r = e, i = t, s = v(null), l = v(r.query);
+		A(() => r.query, (e) => {
 			e !== l.value && (l.value = e);
 		});
 		function u(e) {
 			let t = e.target.value;
 			l.value = t, i("update:query", t);
 		}
-		function f(e) {
+		function d(e) {
 			e.key === "Enter" ? (e.preventDefault(), e.shiftKey ? i("prev") : i("next")) : e.key === "Escape" && (e.preventDefault(), i("close"));
 		}
 		let p = n(() => r.searching ? "…" : r.matchCount === 0 ? r.query ? "0" : "" : r.labels.searchMatchOf.replace("{current}", String(r.currentIndex + 1)).replace("{total}", String(r.matchCount)));
-		return d(() => s.value?.focus()), (t, n) => (g(), a("div", Ke, [
-			c(T(F), {
+		return f(() => s.value?.focus()), (t, n) => (_(), a("div", qe, [
+			c(E(L), {
 				name: "search",
 				size: "s",
 				class: "coar-pdf-searchbar__icon"
@@ -1599,13 +1599,13 @@ var Me = ["aria-label"], Ne = [
 				"aria-label": e.labels.search,
 				value: l.value,
 				onInput: u,
-				onKeydown: f
-			}, null, 40, qe),
+				onKeydown: d
+			}, null, 40, Je),
 			o("span", {
 				class: "coar-pdf-searchbar__count",
 				"aria-live": "polite",
 				"data-empty": !p.value
-			}, C(p.value), 9, Je),
+			}, w(p.value), 9, Ye),
 			o("button", {
 				type: "button",
 				class: "coar-pdf-searchbar__btn",
@@ -1613,10 +1613,10 @@ var Me = ["aria-label"], Ne = [
 				title: e.labels.searchPrev,
 				"aria-label": e.labels.searchPrev,
 				onClick: n[0] ||= (e) => i("prev")
-			}, [c(T(F), {
+			}, [c(E(L), {
 				name: "chevron-up",
 				size: "s"
-			})], 8, Ye),
+			})], 8, Xe),
 			o("button", {
 				type: "button",
 				class: "coar-pdf-searchbar__btn",
@@ -1624,23 +1624,23 @@ var Me = ["aria-label"], Ne = [
 				title: e.labels.searchNext,
 				"aria-label": e.labels.searchNext,
 				onClick: n[1] ||= (e) => i("next")
-			}, [c(T(F), {
+			}, [c(E(L), {
 				name: "chevron-down",
 				size: "s"
-			})], 8, Xe),
+			})], 8, Ze),
 			o("button", {
 				type: "button",
 				class: "coar-pdf-searchbar__btn",
 				title: "Close",
 				"aria-label": "Close",
 				onClick: n[2] ||= (e) => i("close")
-			}, [c(T(F), {
+			}, [c(E(L), {
 				name: "x",
 				size: "s"
 			})])
 		]));
 	}
-}), [["__scopeId", "data-v-ec33c527"]]), Qe = { class: "coar-pdf-sidebar__outline-list" }, $e = ["onClick"], et = /* @__PURE__ */ l({
+}), [["__scopeId", "data-v-ec33c527"]]), $e = { class: "coar-pdf-sidebar__outline-list" }, et = ["onClick"], tt = /* @__PURE__ */ l({
 	__name: "PdfOutlineList",
 	props: {
 		nodes: {
@@ -1655,16 +1655,16 @@ var Me = ["aria-label"], Ne = [
 	emits: ["jump"],
 	setup(t) {
 		return (n, s) => {
-			let c = b("PdfOutlineList", !0);
-			return g(), a("ul", Qe, [(g(!0), a(e, null, v(t.nodes, (e, l) => (g(), a("li", {
+			let c = x("PdfOutlineList", !0);
+			return _(), a("ul", $e, [(_(!0), a(e, null, y(t.nodes, (e, l) => (_(), a("li", {
 				key: l,
 				class: "coar-pdf-sidebar__outline-item"
 			}, [o("button", {
 				type: "button",
 				class: "coar-pdf-sidebar__outline-link",
-				style: p({ paddingLeft: `${8 + t.depth * 12}px` }),
+				style: m({ paddingLeft: `${8 + t.depth * 12}px` }),
 				onClick: (t) => n.$emit("jump", e)
-			}, C(e.title || "(untitled)"), 13, $e), e.items && e.items.length > 0 ? (g(), r(c, {
+			}, w(e.title || "(untitled)"), 13, et), e.items && e.items.length > 0 ? (_(), r(c, {
 				key: 0,
 				nodes: e.items,
 				depth: t.depth + 1,
@@ -1672,19 +1672,19 @@ var Me = ["aria-label"], Ne = [
 			}, null, 8, ["nodes", "depth"])) : i("", !0)]))), 128))]);
 		};
 	}
-}), tt = ["aria-label"], nt = { class: "coar-pdf-sidebar__header" }, Q = {
+}), nt = ["aria-label"], $ = { class: "coar-pdf-sidebar__header" }, rt = {
 	class: "coar-pdf-sidebar__tabs",
 	role: "tablist"
-}, rt = ["aria-selected"], it = ["aria-selected"], at = [
+}, it = ["aria-selected"], at = ["aria-selected"], ot = [
 	"data-thumb-page",
 	"aria-label",
 	"aria-current",
 	"onClick"
-], ot = { class: "coar-pdf-sidebar__thumb-label" }, st = {
+], st = { class: "coar-pdf-sidebar__thumb-label" }, ct = {
 	key: 0,
 	class: "coar-pdf-sidebar__outline",
 	role: "tabpanel"
-}, ct = 120, lt = /* @__PURE__ */ Z(/* @__PURE__ */ l({
+}, lt = 120, ut = /* @__PURE__ */ Q(/* @__PURE__ */ l({
 	__name: "DocumentSidebar",
 	props: {
 		doc: {},
@@ -1697,73 +1697,73 @@ var Me = ["aria-label"], Ne = [
 	},
 	emits: ["jump", "close"],
 	setup(t, { emit: s }) {
-		let l = t, u = s, p = _("thumbnails"), h = S(null), y = _(!1);
-		O(() => l.doc, async (e) => {
-			if (h.value = null, e) {
-				y.value = !0;
+		let l = t, u = s, d = v("thumbnails"), m = C(null), g = v(!1);
+		A(() => l.doc, async (e) => {
+			if (m.value = null, e) {
+				g.value = !0;
 				try {
 					let t = await e.getOutline();
-					!t || t.length === 0 ? h.value = null : h.value = t;
+					!t || t.length === 0 ? m.value = null : m.value = t;
 				} catch {
-					h.value = null;
+					m.value = null;
 				} finally {
-					y.value = !1;
+					g.value = !1;
 				}
 			}
 		}, { immediate: !0 });
-		let b = n(() => h.value && h.value.length > 0);
-		O(b, (e) => {
-			!e && p.value === "outline" && (p.value = "thumbnails");
+		let b = n(() => m.value && m.value.length > 0);
+		A(b, (e) => {
+			!e && d.value === "outline" && (d.value = "thumbnails");
 		});
-		let x = _(null), w = /* @__PURE__ */ new Set(), E = /* @__PURE__ */ new Set(), k = null;
-		async function j(e) {
-			if (w.has(e) || E.has(e)) return;
+		let x = v(null), S = /* @__PURE__ */ new Set(), T = /* @__PURE__ */ new Set(), D = null;
+		async function O(e) {
+			if (S.has(e) || T.has(e)) return;
 			let t = x.value?.querySelector(`[data-thumb-page="${e}"]`);
 			if (!t) return;
 			let n = l.pageProviders?.[e];
 			if (n) {
-				E.add(e);
+				T.add(e);
 				try {
-					let r = typeof window > "u" ? 1 : Math.min(window.devicePixelRatio || 1, 2), i = ct / n.intrinsicWidth, a = t.querySelector("canvas");
-					a || (a = document.createElement("canvas"), a.className = "coar-pdf-sidebar__thumb-canvas", t.insertBefore(a, t.firstChild)), a.style.width = `${ct}px`, a.style.height = `${Math.floor(n.intrinsicHeight * i)}px`, await n.render(a, {
+					let r = typeof window > "u" ? 1 : Math.min(window.devicePixelRatio || 1, 2), i = lt / n.intrinsicWidth, a = t.querySelector("canvas");
+					a || (a = document.createElement("canvas"), a.className = "coar-pdf-sidebar__thumb-canvas", t.insertBefore(a, t.firstChild)), a.style.width = `${lt}px`, a.style.height = `${Math.floor(n.intrinsicHeight * i)}px`, await n.render(a, {
 						scale: i,
 						rotation: 0,
 						dpr: r
-					}), w.add(e);
+					}), S.add(e);
 				} catch {} finally {
-					E.delete(e);
+					T.delete(e);
 				}
 			}
 		}
-		function M() {
-			k?.disconnect();
+		function j() {
+			D?.disconnect();
 			let e = x.value;
 			if (!(!e || typeof IntersectionObserver > "u")) {
-				k = new IntersectionObserver((e) => {
+				D = new IntersectionObserver((e) => {
 					for (let t of e) {
 						if (!t.isIntersecting) continue;
 						let e = Number(t.target.dataset.thumbPage);
-						Number.isFinite(e) && j(e);
+						Number.isFinite(e) && O(e);
 					}
 				}, {
 					root: e,
 					rootMargin: "200px 0px",
 					threshold: 0
 				});
-				for (let t of e.querySelectorAll("[data-thumb-page]")) k.observe(t);
+				for (let t of e.querySelectorAll("[data-thumb-page]")) D.observe(t);
 			}
 		}
-		O(() => [l.pageProviders, l.pageCount], async () => {
-			w.clear(), E.clear(), await d(), M();
-		}, { immediate: !0 }), O(p, async () => {
-			p.value === "thumbnails" && (await d(), M());
-		}), O(() => l.visiblePage, async (e) => {
-			p.value === "thumbnails" && (await d(), (x.value?.querySelector(`[data-thumb-page="${e}"]`))?.scrollIntoView({
+		A(() => [l.pageProviders, l.pageCount], async () => {
+			S.clear(), T.clear(), await f(), j();
+		}, { immediate: !0 }), A(d, async () => {
+			d.value === "thumbnails" && (await f(), j());
+		}), A(() => l.visiblePage, async (e) => {
+			d.value === "thumbnails" && (await f(), (x.value?.querySelector(`[data-thumb-page="${e}"]`))?.scrollIntoView({
 				block: "nearest",
 				behavior: "smooth"
 			}));
-		}), m(() => {
-			k?.disconnect(), k = null;
+		}), h(() => {
+			D?.disconnect(), D = null;
 		});
 		async function N(e) {
 			if (e.resolvedPageIndex != null) return e.resolvedPageIndex;
@@ -1787,59 +1787,59 @@ var Me = ["aria-label"], Ne = [
 			let t = await N(e);
 			t != null && u("jump", t);
 		}
-		return (n, s) => (g(), a("aside", {
+		return (n, s) => (_(), a("aside", {
 			class: "coar-pdf-sidebar",
 			"aria-label": t.labels.thumbnails
 		}, [
-			o("div", nt, [o("div", Q, [t.showThumbnails ? (g(), a("button", {
+			o("div", $, [o("div", rt, [t.showThumbnails ? (_(), a("button", {
 				key: 0,
 				type: "button",
-				class: f(["coar-pdf-sidebar__tab", { "coar-pdf-sidebar__tab--active": p.value === "thumbnails" }]),
+				class: p(["coar-pdf-sidebar__tab", { "coar-pdf-sidebar__tab--active": d.value === "thumbnails" }]),
 				role: "tab",
-				"aria-selected": p.value === "thumbnails",
-				onClick: s[0] ||= (e) => p.value = "thumbnails"
-			}, C(t.labels.thumbnails), 11, rt)) : i("", !0), t.showOutline && b.value ? (g(), a("button", {
+				"aria-selected": d.value === "thumbnails",
+				onClick: s[0] ||= (e) => d.value = "thumbnails"
+			}, w(t.labels.thumbnails), 11, it)) : i("", !0), t.showOutline && b.value ? (_(), a("button", {
 				key: 1,
 				type: "button",
-				class: f(["coar-pdf-sidebar__tab", { "coar-pdf-sidebar__tab--active": p.value === "outline" }]),
+				class: p(["coar-pdf-sidebar__tab", { "coar-pdf-sidebar__tab--active": d.value === "outline" }]),
 				role: "tab",
-				"aria-selected": p.value === "outline",
-				onClick: s[1] ||= (e) => p.value = "outline"
-			}, C(t.labels.outline), 11, it)) : i("", !0)]), o("button", {
+				"aria-selected": d.value === "outline",
+				onClick: s[1] ||= (e) => d.value = "outline"
+			}, w(t.labels.outline), 11, at)) : i("", !0)]), o("button", {
 				type: "button",
 				class: "coar-pdf-sidebar__close",
 				title: "Close",
 				"aria-label": "Close",
 				onClick: s[2] ||= (e) => u("close")
-			}, [c(T(F), {
+			}, [c(E(L), {
 				name: "x",
 				size: "s"
 			})])]),
-			A(o("div", {
+			M(o("div", {
 				ref_key: "thumbsContainer",
 				ref: x,
 				class: "coar-pdf-sidebar__thumbs",
 				role: "tabpanel"
-			}, [(g(!0), a(e, null, v(t.pageCount, (e) => (g(), a("button", {
+			}, [(_(!0), a(e, null, y(t.pageCount, (e) => (_(), a("button", {
 				key: e,
 				type: "button",
-				class: f(["coar-pdf-sidebar__thumb", { "coar-pdf-sidebar__thumb--current": e - 1 === t.visiblePage }]),
+				class: p(["coar-pdf-sidebar__thumb", { "coar-pdf-sidebar__thumb--current": e - 1 === t.visiblePage }]),
 				"data-thumb-page": e - 1,
 				"aria-label": `Page ${e}`,
 				"aria-current": e - 1 === t.visiblePage ? "page" : void 0,
 				onClick: (t) => u("jump", e - 1)
-			}, [o("span", ot, C(e), 1)], 10, at))), 128))], 512), [[D, p.value === "thumbnails" && t.showThumbnails]]),
-			p.value === "outline" ? (g(), a("div", st, [h.value ? (g(), r(et, {
+			}, [o("span", st, w(e), 1)], 10, ot))), 128))], 512), [[k, d.value === "thumbnails" && t.showThumbnails]]),
+			d.value === "outline" ? (_(), a("div", ct, [m.value ? (_(), r(tt, {
 				key: 0,
-				nodes: h.value,
+				nodes: m.value,
 				onJump: P
 			}, null, 8, ["nodes"])) : i("", !0)])) : i("", !0)
-		], 8, tt));
+		], 8, nt));
 	}
-}), [["__scopeId", "data-v-d8662946"]]), ut = ["aria-label"], dt = ["aria-expanded"], ft = { class: "coar-pdf-info__title" }, pt = {
+}), [["__scopeId", "data-v-d8662946"]]), dt = ["aria-label"], ft = ["aria-expanded"], pt = { class: "coar-pdf-info__title" }, mt = {
 	key: 0,
 	class: "coar-pdf-info__body"
-}, mt = { class: "coar-pdf-info__rows" }, ht = { class: "coar-pdf-info__dt" }, gt = { class: "coar-pdf-info__dd" }, $ = { class: "coar-pdf-info__rows" }, _t = { class: "coar-pdf-info__dt" }, vt = { class: "coar-pdf-info__dd" }, yt = { class: "coar-pdf-info__rows" }, bt = { class: "coar-pdf-info__dt" }, xt = { class: "coar-pdf-info__dd" }, St = /* @__PURE__ */ Z(/* @__PURE__ */ l({
+}, ht = { class: "coar-pdf-info__rows" }, gt = { class: "coar-pdf-info__dt" }, _t = { class: "coar-pdf-info__dd" }, vt = { class: "coar-pdf-info__rows" }, yt = { class: "coar-pdf-info__dt" }, bt = { class: "coar-pdf-info__dd" }, xt = { class: "coar-pdf-info__rows" }, St = { class: "coar-pdf-info__dt" }, Ct = { class: "coar-pdf-info__dd" }, wt = /* @__PURE__ */ Q(/* @__PURE__ */ l({
 	__name: "DocumentInfoSection",
 	props: {
 		info: {},
@@ -1847,7 +1847,7 @@ var Me = ["aria-label"], Ne = [
 		labels: {}
 	},
 	setup(t) {
-		let r = t, s = _(!0);
+		let r = t, s = v(!0);
 		function l() {
 			s.value = !s.value;
 		}
@@ -1859,7 +1859,7 @@ var Me = ["aria-label"], Ne = [
 			let n = t / 1024;
 			return n < 1024 ? `${n.toFixed(+(n < 10))} MB` : `${(n / 1024).toFixed(2)} GB`;
 		}
-		let p = n(() => {
+		let f = n(() => {
 			let e = r.info;
 			if (!e) return [];
 			let t = [{
@@ -1918,49 +1918,49 @@ var Me = ["aria-label"], Ne = [
 				value: e.version
 			}), t;
 		});
-		return (n, r) => t.info ? (g(), a("section", {
+		return (n, r) => t.info ? (_(), a("section", {
 			key: 0,
-			class: f(["coar-pdf-info", { "coar-pdf-info--collapsed": !s.value }]),
+			class: p(["coar-pdf-info", { "coar-pdf-info--collapsed": !s.value }]),
 			"aria-label": t.labels.infoSection
 		}, [o("button", {
 			type: "button",
 			class: "coar-pdf-info__header",
 			"aria-expanded": s.value,
 			onClick: l
-		}, [c(T(F), {
+		}, [c(E(L), {
 			name: s.value ? "chevron-down" : "chevron-right",
 			size: "xs"
-		}, null, 8, ["name"]), o("span", ft, C(t.labels.infoSection), 1)], 8, dt), s.value ? (g(), a("div", pt, [
-			o("dl", mt, [(g(!0), a(e, null, v(p.value, (t) => (g(), a(e, { key: t.label }, [o("dt", ht, C(t.label), 1), o("dd", gt, C(t.value), 1)], 64))), 128))]),
-			m.value.length > 0 ? (g(), a(e, { key: 0 }, [r[0] ||= o("div", {
+		}, null, 8, ["name"]), o("span", pt, w(t.labels.infoSection), 1)], 8, ft), s.value ? (_(), a("div", mt, [
+			o("dl", ht, [(_(!0), a(e, null, y(f.value, (t) => (_(), a(e, { key: t.label }, [o("dt", gt, w(t.label), 1), o("dd", _t, w(t.value), 1)], 64))), 128))]),
+			m.value.length > 0 ? (_(), a(e, { key: 0 }, [r[0] ||= o("div", {
 				class: "coar-pdf-info__divider",
 				role: "separator"
-			}, null, -1), o("dl", $, [(g(!0), a(e, null, v(m.value, (t) => (g(), a(e, { key: t.label }, [o("dt", _t, C(t.label), 1), o("dd", vt, C(t.value), 1)], 64))), 128))])], 64)) : i("", !0),
-			h.value.length > 0 ? (g(), a(e, { key: 1 }, [r[1] ||= o("div", {
+			}, null, -1), o("dl", vt, [(_(!0), a(e, null, y(m.value, (t) => (_(), a(e, { key: t.label }, [o("dt", yt, w(t.label), 1), o("dd", bt, w(t.value), 1)], 64))), 128))])], 64)) : i("", !0),
+			h.value.length > 0 ? (_(), a(e, { key: 1 }, [r[1] ||= o("div", {
 				class: "coar-pdf-info__divider",
 				role: "separator"
-			}, null, -1), o("dl", yt, [(g(!0), a(e, null, v(h.value, (t) => (g(), a(e, { key: t.label }, [o("dt", bt, C(t.label), 1), o("dd", xt, C(t.value), 1)], 64))), 128))])], 64)) : i("", !0)
-		])) : i("", !0)], 10, ut)) : i("", !0);
+			}, null, -1), o("dl", xt, [(_(!0), a(e, null, y(h.value, (t) => (_(), a(e, { key: t.label }, [o("dt", St, w(t.label), 1), o("dd", Ct, w(t.value), 1)], 64))), 128))])], 64)) : i("", !0)
+		])) : i("", !0)], 10, dt)) : i("", !0);
 	}
-}), [["__scopeId", "data-v-36bce3d9"]]), Ct = ["aria-label"], wt = { class: "coar-pdf-anno-panel__header" }, Tt = { class: "coar-pdf-anno-panel__title" }, Et = ["title"], Dt = { class: "coar-pdf-anno-panel__controls" }, Ot = { class: "coar-pdf-anno-panel__search-row" }, kt = ["placeholder", "aria-label"], At = ["aria-label"], jt = [
+}), [["__scopeId", "data-v-36bce3d9"]]), Tt = ["aria-label"], Et = { class: "coar-pdf-anno-panel__header" }, Dt = { class: "coar-pdf-anno-panel__title" }, Ot = ["title"], kt = { class: "coar-pdf-anno-panel__controls" }, At = { class: "coar-pdf-anno-panel__search-row" }, jt = ["placeholder", "aria-label"], Mt = ["aria-label"], Nt = [
 	"title",
 	"aria-label",
 	"aria-pressed",
 	"onClick"
-], Mt = {
+], Pt = {
 	class: "coar-pdf-anno-panel__list",
 	role: "list"
-}, Nt = {
+}, Ft = {
 	key: 0,
 	class: "coar-pdf-anno-panel__empty"
-}, Pt = {
+}, It = {
 	key: 0,
 	class: "coar-pdf-anno-panel__group-header"
-}, Ft = [
+}, Lt = [
 	"aria-current",
 	"onClick",
 	"onKeydown"
-], It = { class: "coar-pdf-anno-panel__item-body" }, Lt = { class: "coar-pdf-anno-panel__item-text" }, Rt = { class: "coar-pdf-anno-panel__item-meta" }, zt = ["title", "aria-label"], Bt = /* @__PURE__ */ Z(/* @__PURE__ */ l({
+], Rt = { class: "coar-pdf-anno-panel__item-body" }, zt = { class: "coar-pdf-anno-panel__item-text" }, Bt = { class: "coar-pdf-anno-panel__item-meta" }, Vt = ["title", "aria-label"], Ht = /* @__PURE__ */ Q(/* @__PURE__ */ l({
 	__name: "DocumentAnnotationPanel",
 	props: {
 		annotations: {},
@@ -1975,12 +1975,12 @@ var Me = ["aria-label"], Ne = [
 		"close"
 	],
 	setup(t, { emit: r }) {
-		let l = t, u = r, d = _("page"), m = _(""), h = _(new Set([
+		let l = t, u = r, d = v("page"), f = v(""), h = v(new Set([
 			"marker",
 			"comment",
 			"ink",
 			"freetext"
-		])), y = {
+		])), g = {
 			marker: "highlighter",
 			comment: "message-square",
 			ink: "pencil",
@@ -1995,9 +1995,9 @@ var Me = ["aria-label"], Ne = [
 			return e.type === "freetext" ? e.text || "" : e.comment || "";
 		}
 		let S = n(() => {
-			let e = m.value.trim().toLowerCase();
+			let e = f.value.trim().toLowerCase();
 			return l.annotations.filter((t) => h.value.has(t.type) ? e ? x(t).toLowerCase().includes(e) : !0 : !1);
-		}), w = n(() => {
+		}), C = n(() => {
 			if (d.value === "chronological") return [{
 				pageIndex: -1,
 				items: [...S.value].sort((e, t) => (e.createdAt || "").localeCompare(t.createdAt || ""))
@@ -2012,11 +2012,11 @@ var Me = ["aria-label"], Ne = [
 				items: t
 			}));
 		});
-		function D(e) {
+		function T(e) {
 			let t = new Set(h.value);
 			t.has(e) ? t.delete(e) : t.add(e), h.value = t;
 		}
-		function O(e) {
+		function D(e) {
 			if (!e) return "";
 			let t = new Date(e).getTime();
 			if (Number.isNaN(t)) return "";
@@ -2026,7 +2026,7 @@ var Me = ["aria-label"], Ne = [
 			let i = Math.round(r / 60);
 			return i < 24 ? `${i}h` : `${Math.round(i / 24)}d`;
 		}
-		let N = n(() => [{
+		let k = n(() => [{
 			value: "page",
 			label: l.labels.sortByPage,
 			icon: "file-text"
@@ -2035,11 +2035,11 @@ var Me = ["aria-label"], Ne = [
 			label: l.labels.sortChronological,
 			icon: "clock"
 		}]);
-		return (n, r) => (g(), a("aside", {
+		return (n, r) => (_(), a("aside", {
 			class: "coar-pdf-anno-panel",
 			"aria-label": t.labels.annotationsPanel
 		}, [
-			c(St, {
+			c(wt, {
 				info: t.info ?? null,
 				"current-page": t.currentPageInfo ?? null,
 				labels: t.labels
@@ -2048,144 +2048,144 @@ var Me = ["aria-label"], Ne = [
 				"current-page",
 				"labels"
 			]),
-			o("div", wt, [
-				o("span", Tt, C(t.labels.annotationsPanel), 1),
+			o("div", Et, [
+				o("span", Dt, w(t.labels.annotationsPanel), 1),
 				o("span", {
 					class: "coar-pdf-anno-panel__count",
 					title: `${S.value.length} / ${t.annotations.length}`
-				}, C(S.value.length) + "/" + C(t.annotations.length), 9, Et),
+				}, w(S.value.length) + "/" + w(t.annotations.length), 9, Ot),
 				o("button", {
 					type: "button",
 					class: "coar-pdf-anno-panel__close",
 					title: "Close",
 					"aria-label": "Close",
 					onClick: r[0] ||= (e) => u("close")
-				}, [c(T(F), {
+				}, [c(E(L), {
 					name: "x",
 					size: "s"
 				})])
 			]),
-			o("div", Dt, [
-				c(T(te), {
+			o("div", kt, [
+				c(E(ne), {
 					modelValue: d.value,
 					"onUpdate:modelValue": r[1] ||= (e) => d.value = e,
 					size: "xs",
 					"full-width": "",
-					options: N.value,
+					options: k.value,
 					"aria-label": t.labels.sortBy
 				}, null, 8, [
 					"modelValue",
 					"options",
 					"aria-label"
 				]),
-				o("div", Ot, [c(T(F), {
+				o("div", At, [c(E(L), {
 					name: "search",
 					size: "xs",
 					class: "coar-pdf-anno-panel__search-icon"
-				}), A(o("input", {
-					"onUpdate:modelValue": r[2] ||= (e) => m.value = e,
+				}), M(o("input", {
+					"onUpdate:modelValue": r[2] ||= (e) => f.value = e,
 					type: "search",
 					class: "coar-pdf-anno-panel__search-input",
 					placeholder: t.labels.searchAnnotations,
 					"aria-label": t.labels.searchAnnotations
-				}, null, 8, kt), [[E, m.value]])]),
+				}, null, 8, jt), [[O, f.value]])]),
 				o("div", {
 					class: "coar-pdf-anno-panel__filters",
 					role: "group",
 					"aria-label": t.labels.filterBy
-				}, [(g(), a(e, null, v(b, (e) => o("button", {
+				}, [(_(), a(e, null, y(b, (e) => o("button", {
 					key: e,
 					type: "button",
-					class: f(["coar-pdf-anno-panel__filter", { "coar-pdf-anno-panel__filter--off": !h.value.has(e) }]),
+					class: p(["coar-pdf-anno-panel__filter", { "coar-pdf-anno-panel__filter--off": !h.value.has(e) }]),
 					title: e,
 					"aria-label": e,
 					"aria-pressed": h.value.has(e),
-					onClick: (t) => D(e)
-				}, [c(T(F), {
-					name: y[e],
+					onClick: (t) => T(e)
+				}, [c(E(L), {
+					name: g[e],
 					size: "xs"
-				}, null, 8, ["name"])], 10, jt)), 64))], 8, At)
+				}, null, 8, ["name"])], 10, Nt)), 64))], 8, Mt)
 			]),
-			o("div", Mt, [S.value.length === 0 ? (g(), a("div", Nt, C(t.annotations.length === 0 ? t.labels.noAnnotations : t.labels.noMatchingAnnotations), 1)) : (g(!0), a(e, { key: 1 }, v(w.value, (n) => (g(), a(e, { key: n.pageIndex }, [d.value === "page" ? (g(), a("div", Pt, C(t.labels.pagePrefix) + " " + C(n.pageIndex + 1), 1)) : i("", !0), (g(!0), a(e, null, v(n.items, (n) => (g(), a("div", {
+			o("div", Pt, [S.value.length === 0 ? (_(), a("div", Ft, w(t.annotations.length === 0 ? t.labels.noAnnotations : t.labels.noMatchingAnnotations), 1)) : (_(!0), a(e, { key: 1 }, y(C.value, (n) => (_(), a(e, { key: n.pageIndex }, [d.value === "page" ? (_(), a("div", It, w(t.labels.pagePrefix) + " " + w(n.pageIndex + 1), 1)) : i("", !0), (_(!0), a(e, null, y(n.items, (n) => (_(), a("div", {
 				key: n.id,
-				class: f(["coar-pdf-anno-panel__item", { "coar-pdf-anno-panel__item--selected": n.id === t.selectedId }]),
+				class: p(["coar-pdf-anno-panel__item", { "coar-pdf-anno-panel__item--selected": n.id === t.selectedId }]),
 				role: "listitem",
 				tabindex: "0",
 				"aria-current": n.id === t.selectedId ? "true" : void 0,
 				onClick: (e) => u("select", n.id),
-				onKeydown: [j(M((e) => u("select", n.id), ["prevent"]), ["enter"]), j(M((e) => u("select", n.id), ["prevent"]), ["space"])]
+				onKeydown: [N(P((e) => u("select", n.id), ["prevent"]), ["enter"]), N(P((e) => u("select", n.id), ["prevent"]), ["space"])]
 			}, [
 				o("span", {
 					class: "coar-pdf-anno-panel__item-icon",
-					style: p({ color: n.color })
-				}, [c(T(F), {
-					name: y[n.type],
+					style: m({ color: n.color })
+				}, [c(E(L), {
+					name: g[n.type],
 					size: "s"
 				}, null, 8, ["name"])], 4),
-				o("span", It, [o("span", Lt, C(x(n) || `(${n.type})`), 1), o("span", Rt, [
-					n.createdBy ? (g(), a(e, { key: 0 }, [s(C(n.createdBy), 1)], 64)) : i("", !0),
-					n.createdBy && (d.value === "chronological" || n.createdAt) ? (g(), a(e, { key: 1 }, [s(" · ")], 64)) : i("", !0),
-					d.value === "chronological" ? (g(), a(e, { key: 2 }, [s(C(t.labels.pagePrefix) + " " + C(n.pageIndex + 1) + " · ", 1)], 64)) : i("", !0),
-					s(" " + C(O(n.createdAt)), 1)
+				o("span", Rt, [o("span", zt, w(x(n) || `(${n.type})`), 1), o("span", Bt, [
+					n.createdBy ? (_(), a(e, { key: 0 }, [s(w(n.createdBy), 1)], 64)) : i("", !0),
+					n.createdBy && (d.value === "chronological" || n.createdAt) ? (_(), a(e, { key: 1 }, [s(" · ")], 64)) : i("", !0),
+					d.value === "chronological" ? (_(), a(e, { key: 2 }, [s(w(t.labels.pagePrefix) + " " + w(n.pageIndex + 1) + " · ", 1)], 64)) : i("", !0),
+					s(" " + w(D(n.createdAt)), 1)
 				])]),
 				o("span", {
 					class: "coar-pdf-anno-panel__item-menu-wrap",
-					onClick: r[3] ||= M(() => {}, ["stop"]),
-					onKeydown: r[4] ||= M(() => {}, ["stop"])
-				}, [c(T(ee), {
+					onClick: r[3] ||= P(() => {}, ["stop"]),
+					onKeydown: r[4] ||= P(() => {}, ["stop"])
+				}, [c(E(te), {
 					mode: "click",
 					offset: 4
 				}, {
-					default: k(() => [o("button", {
+					default: j(() => [o("button", {
 						type: "button",
 						class: "coar-pdf-anno-panel__item-menu",
 						title: t.labels.moreActions,
 						"aria-label": t.labels.moreActions
-					}, [c(T(F), {
+					}, [c(E(L), {
 						name: "more-vertical",
 						size: "xs"
-					})], 8, zt)]),
-					content: k(() => [c(T(I), null, {
-						default: k(() => [c(T(L), {
+					})], 8, Vt)]),
+					content: j(() => [c(E(R), null, {
+						default: j(() => [c(E(ee), {
 							icon: "trash-2",
 							onClick: (e) => u("delete", n.id)
 						}, {
-							default: k(() => [s(C(t.labels.annotationDelete), 1)]),
+							default: j(() => [s(w(t.labels.annotationDelete), 1)]),
 							_: 1
 						}, 8, ["onClick"])]),
 						_: 2
 					}, 1024)]),
 					_: 2
 				}, 1024)], 32)
-			], 42, Ft))), 128))], 64))), 128))])
-		], 8, Ct));
+			], 42, Lt))), 128))], 64))), 128))])
+		], 8, Tt));
 	}
-}), [["__scopeId", "data-v-bacf840c"]]), Vt = ["aria-hidden"], Ht = [
+}), [["__scopeId", "data-v-bacf840c"]]), Ut = ["aria-hidden"], Wt = [
 	"width",
 	"height",
 	"viewBox"
-], Ut = ["data-annotation-id"], Wt = [
+], Gt = ["data-annotation-id"], Kt = [
 	"data-stroke-index",
 	"points",
 	"stroke",
 	"stroke-width",
 	"onClick"
-], Gt = [
+], qt = [
 	"width",
 	"height",
 	"viewBox"
-], Kt = ["data-annotation-id"], qt = [
+], Jt = ["data-annotation-id"], Yt = [
 	"data-stroke-index",
 	"points",
 	"stroke",
 	"stroke-width",
 	"onClick"
-], Jt = ["data-annotation-id", "onClick"], Yt = [
+], Xt = ["data-annotation-id", "onClick"], Zt = [
 	"data-annotation-id",
 	"title",
 	"aria-label",
 	"onClick"
-], Xt = /* @__PURE__ */ Z(/* @__PURE__ */ l({
+], Qt = /* @__PURE__ */ Q(/* @__PURE__ */ l({
 	__name: "AnnotationLayer",
 	props: {
 		annotations: {},
@@ -2219,7 +2219,7 @@ var Me = ["aria-label"], Ne = [
 		function f(e) {
 			return e.map((e) => `${e.x * s.displayWidth},${e.y * s.displayHeight}`).join(" ");
 		}
-		let m = n(() => {
+		let p = n(() => {
 			let e = s.rotation ?? 0, t = s.displayWidth, n = s.displayHeight;
 			switch (e) {
 				case 90: return `translate(${n}px, 0) rotate(90deg)`;
@@ -2227,27 +2227,27 @@ var Me = ["aria-label"], Ne = [
 				case 270: return `translate(0, ${t}px) rotate(270deg)`;
 				default: return "none";
 			}
-		}), h = n(() => s.annotations.filter((e) => e.type === "comment")), _ = n(() => s.annotations.filter((e) => e.type === "ink")), y = n(() => s.annotations.filter((e) => e.type === "marker")), b = n(() => s.annotations.filter((e) => e.type === "freetext"));
-		return (n, r) => (g(), a("div", {
+		}), h = n(() => s.annotations.filter((e) => e.type === "comment")), g = n(() => s.annotations.filter((e) => e.type === "ink")), v = n(() => s.annotations.filter((e) => e.type === "marker")), b = n(() => s.annotations.filter((e) => e.type === "freetext"));
+		return (n, r) => (_(), a("div", {
 			class: "coar-pdf-annotation-layer",
-			style: p({
+			style: m({
 				width: t.displayWidth + "px",
 				height: t.displayHeight + "px",
-				transform: m.value
+				transform: p.value
 			}),
 			"aria-hidden": t.annotations.length === 0
 		}, [
-			y.value.length > 0 ? (g(), a("svg", {
+			v.value.length > 0 ? (_(), a("svg", {
 				key: 0,
 				class: "coar-pdf-annotation-marker",
 				width: t.displayWidth,
 				height: t.displayHeight,
 				viewBox: `0 0 ${t.displayWidth} ${t.displayHeight}`,
 				"aria-hidden": "true"
-			}, [(g(!0), a(e, null, v(y.value, (t) => (g(), a("g", {
+			}, [(_(!0), a(e, null, y(v.value, (t) => (_(), a("g", {
 				key: t.id,
 				"data-annotation-id": t.id
-			}, [(g(!0), a(e, null, v(t.strokes, (e, n) => (g(), a("polyline", {
+			}, [(_(!0), a(e, null, y(t.strokes, (e, n) => (_(), a("polyline", {
 				key: n,
 				"data-stroke-index": n,
 				points: f(e),
@@ -2257,19 +2257,19 @@ var Me = ["aria-label"], Ne = [
 				"stroke-linecap": "butt",
 				"stroke-linejoin": "round",
 				class: "coar-pdf-annotation-marker__stroke",
-				onClick: M((e) => c("annotation-click", t.id), ["stop"])
-			}, null, 8, Wt))), 128))], 8, Ut))), 128))], 8, Ht)) : i("", !0),
-			_.value.length > 0 ? (g(), a("svg", {
+				onClick: P((e) => c("annotation-click", t.id), ["stop"])
+			}, null, 8, Kt))), 128))], 8, Gt))), 128))], 8, Wt)) : i("", !0),
+			g.value.length > 0 ? (_(), a("svg", {
 				key: 1,
 				class: "coar-pdf-annotation-ink",
 				width: t.displayWidth,
 				height: t.displayHeight,
 				viewBox: `0 0 ${t.displayWidth} ${t.displayHeight}`,
 				"aria-hidden": "true"
-			}, [(g(!0), a(e, null, v(_.value, (t) => (g(), a("g", {
+			}, [(_(!0), a(e, null, y(g.value, (t) => (_(), a("g", {
 				key: t.id,
 				"data-annotation-id": t.id
-			}, [(g(!0), a(e, null, v(t.strokes, (e, n) => (g(), a("polyline", {
+			}, [(_(!0), a(e, null, y(t.strokes, (e, n) => (_(), a("polyline", {
 				key: n,
 				"data-stroke-index": n,
 				points: f(e),
@@ -2279,24 +2279,24 @@ var Me = ["aria-label"], Ne = [
 				"stroke-linecap": "round",
 				"stroke-linejoin": "round",
 				class: "coar-pdf-annotation-ink__stroke",
-				onClick: M((e) => c("annotation-click", t.id), ["stop"])
-			}, null, 8, qt))), 128))], 8, Kt))), 128))], 8, Gt)) : i("", !0),
-			(g(!0), a(e, null, v(b.value, (e) => (g(), a("div", {
+				onClick: P((e) => c("annotation-click", t.id), ["stop"])
+			}, null, 8, Yt))), 128))], 8, Jt))), 128))], 8, qt)) : i("", !0),
+			(_(!0), a(e, null, y(b.value, (e) => (_(), a("div", {
 				key: e.id,
 				class: "coar-pdf-annotation-freetext",
-				style: p(d(e)),
+				style: m(d(e)),
 				"data-annotation-id": e.id,
-				onClick: M((t) => c("annotation-click", e.id), ["stop"])
-			}, C(e.text), 13, Jt))), 128)),
-			(g(!0), a(e, null, v(h.value, (e) => (g(), a("button", {
+				onClick: P((t) => c("annotation-click", e.id), ["stop"])
+			}, w(e.text), 13, Xt))), 128)),
+			(_(!0), a(e, null, y(h.value, (e) => (_(), a("button", {
 				key: e.id,
 				type: "button",
 				class: "coar-pdf-annotation-pin",
-				style: p(u(e)),
+				style: m(u(e)),
 				"data-annotation-id": e.id,
 				title: e.comment,
 				"aria-label": e.comment,
-				onClick: M((t) => c("annotation-click", e.id), ["stop"])
+				onClick: P((t) => c("annotation-click", e.id), ["stop"])
 			}, [...r[0] ||= [o("svg", {
 				viewBox: "0 0 24 24",
 				width: "12",
@@ -2307,14 +2307,14 @@ var Me = ["aria-label"], Ne = [
 				"stroke-linecap": "round",
 				"stroke-linejoin": "round",
 				"aria-hidden": "true"
-			}, [o("path", { d: "M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z" })], -1)]], 12, Yt))), 128))
-		], 12, Vt));
+			}, [o("path", { d: "M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z" })], -1)]], 12, Zt))), 128))
+		], 12, Ut));
 	}
-}), [["__scopeId", "data-v-28755751"]]), Zt = ["aria-label"], Qt = ["aria-label"], $t = [
+}), [["__scopeId", "data-v-28755751"]]), $t = ["aria-label"], en = ["aria-label"], tn = [
 	"aria-label",
 	"aria-checked",
 	"onClick"
-], en = ["placeholder", "aria-label"], tn = { class: "coar-pdf-annotation-popover__actions" }, nn = ["title", "aria-label"], rn = /* @__PURE__ */ Z(/* @__PURE__ */ l({
+], nn = ["placeholder", "aria-label"], rn = { class: "coar-pdf-annotation-popover__actions" }, an = ["title", "aria-label"], on = /* @__PURE__ */ Q(/* @__PURE__ */ l({
 	__name: "AnnotationPopover",
 	props: {
 		anchor: {},
@@ -2330,75 +2330,75 @@ var Me = ["aria-label"], Ne = [
 		"close"
 	],
 	setup(s, { emit: c }) {
-		let l = s, u = c, y = _(null), b = _(null), x = _(l.initialComment), S = _(l.initialColor), w = _({
+		let l = s, u = c, d = v(null), b = v(null), x = v(l.initialComment), S = v(l.initialColor), C = v({
 			top: 0,
 			left: 0
 		});
 		function T() {
-			let e = y.value;
+			let e = d.value;
 			if (!e) return;
 			let t = e.offsetWidth, n = e.offsetHeight, r = l.anchor, i = r.bottom + 6, a = r.left;
-			i + n > window.innerHeight - 8 && (i = r.top - 6 - n), a = Math.max(8, Math.min(a, window.innerWidth - t - 8)), w.value = {
+			i + n > window.innerHeight - 8 && (i = r.top - 6 - n), a = Math.max(8, Math.min(a, window.innerWidth - t - 8)), C.value = {
 				top: i,
 				left: a
 			};
 		}
-		function D() {
+		function E() {
 			l.draft || u("save", {
 				comment: x.value,
 				color: S.value
 			});
 		}
-		function k(e) {
+		function D(e) {
 			e.key === "Enter" && (e.ctrlKey || e.metaKey) && (e.preventDefault(), l.draft ? u("save", {
 				comment: x.value,
 				color: S.value
-			}) : D(), b.value?.blur());
+			}) : E(), b.value?.blur());
 		}
-		function j(e) {
-			y.value && (y.value.contains(e.target) || u("close"));
+		function k(e) {
+			d.value && (d.value.contains(e.target) || u("close"));
 		}
-		function N(e) {
+		function j(e) {
 			e.key === "Escape" && (e.preventDefault(), u("close"));
 		}
-		h(async () => {
-			await d(), T(), window.addEventListener("resize", T), window.addEventListener("scroll", T, !0), setTimeout(() => {
-				document.addEventListener("mousedown", j), document.addEventListener("keydown", N);
+		g(async () => {
+			await f(), T(), window.addEventListener("resize", T), window.addEventListener("scroll", T, !0), setTimeout(() => {
+				document.addEventListener("mousedown", k), document.addEventListener("keydown", j);
 			}, 0), l.draft && b.value && b.value.focus();
-		}), m(() => {
-			window.removeEventListener("resize", T), window.removeEventListener("scroll", T, !0), document.removeEventListener("mousedown", j), document.removeEventListener("keydown", N);
-		}), O(() => l.anchor, T, { flush: "post" });
-		let P = n(() => x.value !== l.initialComment || S.value !== l.initialColor);
-		return (n, c) => (g(), r(t, { to: "body" }, [o("div", {
+		}), h(() => {
+			window.removeEventListener("resize", T), window.removeEventListener("scroll", T, !0), document.removeEventListener("mousedown", k), document.removeEventListener("keydown", j);
+		}), A(() => l.anchor, T, { flush: "post" });
+		let N = n(() => x.value !== l.initialComment || S.value !== l.initialColor);
+		return (n, c) => (_(), r(t, { to: "body" }, [o("div", {
 			ref_key: "root",
-			ref: y,
+			ref: d,
 			class: "coar-pdf-annotation-popover",
 			role: "dialog",
 			"aria-label": s.draft ? s.labels.modeNote : s.labels.annotationEditComment,
-			style: p({
-				top: w.value.top + "px",
-				left: w.value.left + "px"
+			style: m({
+				top: C.value.top + "px",
+				left: C.value.left + "px"
 			}),
-			onMousedown: c[4] ||= M(() => {}, ["stop"]),
-			onClick: c[5] ||= M(() => {}, ["stop"])
+			onMousedown: c[4] ||= P(() => {}, ["stop"]),
+			onClick: c[5] ||= P(() => {}, ["stop"])
 		}, [
 			o("div", {
 				class: "coar-pdf-annotation-popover__swatches",
 				role: "radiogroup",
 				"aria-label": s.labels.annotationColor
-			}, [(g(!0), a(e, null, v(s.colors, (e) => (g(), a("button", {
+			}, [(_(!0), a(e, null, y(s.colors, (e) => (_(), a("button", {
 				key: e,
 				type: "button",
-				class: f(["coar-pdf-annotation-popover__swatch", { "coar-pdf-annotation-popover__swatch--active": e === S.value }]),
-				style: p({ background: e }),
+				class: p(["coar-pdf-annotation-popover__swatch", { "coar-pdf-annotation-popover__swatch--active": e === S.value }]),
+				style: m({ background: e }),
 				"aria-label": e,
 				"aria-checked": e === S.value,
 				role: "radio",
 				onClick: (t) => {
-					S.value = e, D();
+					S.value = e, E();
 				}
-			}, null, 14, $t))), 128))], 8, Qt),
-			A(o("textarea", {
+			}, null, 14, tn))), 128))], 8, en),
+			M(o("textarea", {
 				ref_key: "textareaRef",
 				ref: b,
 				"onUpdate:modelValue": c[0] ||= (e) => x.value = e,
@@ -2406,10 +2406,10 @@ var Me = ["aria-label"], Ne = [
 				rows: "3",
 				placeholder: s.labels.annotationEditComment,
 				"aria-label": s.labels.annotationEditComment,
-				onBlur: D,
-				onKeydown: k
-			}, null, 40, en), [[E, x.value]]),
-			o("div", tn, [s.draft ? (g(), a(e, { key: 0 }, [o("button", {
+				onBlur: E,
+				onKeydown: D
+			}, null, 40, nn), [[O, x.value]]),
+			o("div", rn, [s.draft ? (_(), a(e, { key: 0 }, [o("button", {
 				type: "button",
 				class: "coar-pdf-annotation-popover__btn coar-pdf-annotation-popover__btn--ghost",
 				onClick: c[1] ||= (e) => u("close")
@@ -2420,35 +2420,35 @@ var Me = ["aria-label"], Ne = [
 					comment: x.value,
 					color: S.value
 				})
-			}, "Save")], 64)) : (g(), a(e, { key: 1 }, [o("button", {
+			}, "Save")], 64)) : (_(), a(e, { key: 1 }, [o("button", {
 				type: "button",
 				class: "coar-pdf-annotation-popover__btn coar-pdf-annotation-popover__btn--danger",
 				title: s.labels.annotationDelete,
 				"aria-label": s.labels.annotationDelete,
 				onClick: c[3] ||= (e) => u("delete")
-			}, C(s.labels.annotationDelete), 9, nn), P.value ? (g(), a("button", {
+			}, w(s.labels.annotationDelete), 9, an), N.value ? (_(), a("button", {
 				key: 0,
 				type: "button",
 				class: "coar-pdf-annotation-popover__btn coar-pdf-annotation-popover__btn--primary",
-				onClick: D
+				onClick: E
 			}, "Save")) : i("", !0)], 64))])
-		], 44, Zt)]));
+		], 44, $t)]));
 	}
-}), [["__scopeId", "data-v-a956f092"]]), an = ["data-status"], on = { class: "coar-pdf-viewer__center" }, sn = { class: "coar-pdf-viewer__body" }, cn = {
+}), [["__scopeId", "data-v-a956f092"]]), sn = ["data-status"], cn = { class: "coar-pdf-viewer__center" }, ln = { class: "coar-pdf-viewer__body" }, un = {
 	key: 0,
 	class: "coar-pdf-viewer__pages"
-}, ln = ["data-page-index", "aria-label"], un = {
+}, dn = ["data-page-index", "aria-label"], fn = {
 	key: 1,
 	class: "coar-pdf-viewer__overlay coar-pdf-viewer__overlay--loading",
 	role: "status",
 	"aria-live": "polite"
-}, dn = {
+}, pn = {
 	key: 5,
 	class: "coar-pdf-viewer__overlay coar-pdf-viewer__overlay--error",
 	role: "alert"
-}, fn = { class: "coar-pdf-viewer__error-body" }, pn = { class: "coar-pdf-viewer__error-title" }, mn = 32, hn = 220, gn = 160, _n = 280, vn = 220, yn = 320, bn = /* @__PURE__ */ Z(/* @__PURE__ */ l({
+}, mn = { class: "coar-pdf-viewer__error-body" }, hn = { class: "coar-pdf-viewer__error-title" }, gn = 32, _n = 220, vn = 160, yn = 280, bn = 220, xn = 320, Sn = /* @__PURE__ */ Q(/* @__PURE__ */ l({
 	__name: "CoarDocumentViewer",
-	props: {
+	props: /* @__PURE__ */ u({
 		source: {},
 		showToolbar: {
 			type: Boolean,
@@ -2498,16 +2498,27 @@ var Me = ["aria-label"], Ne = [
 			"#ec4899"
 		] },
 		labels: { default: () => ({}) }
-	},
-	emits: [
+	}, {
+		sidebarOpen: {
+			type: Boolean,
+			default: !1
+		},
+		sidebarOpenModifiers: {},
+		annotationsPanelOpen: {
+			type: Boolean,
+			default: !1
+		},
+		annotationsPanelOpenModifiers: {}
+	}),
+	emits: /* @__PURE__ */ u([
 		"update:position",
 		"update:annotationMode",
 		"annotation:create",
 		"annotation:update",
 		"annotation:delete",
 		"error"
-	],
-	setup(t, { expose: l, emit: m }) {
+	], ["update:sidebarOpen", "update:annotationsPanelOpen"]),
+	setup(t, { expose: l, emit: u }) {
 		let h = [
 			.25,
 			.33,
@@ -2525,7 +2536,7 @@ var Me = ["aria-label"], Ne = [
 			3,
 			3.5,
 			4
-		], b = h[0], x = h[h.length - 1], S = t, E = m, D = {
+		], g = h[0], x = h[h.length - 1], S = t, C = u, O = D(t, "sidebarOpen"), k = D(t, "annotationsPanelOpen"), j = {
 			loading: "Loading PDF…",
 			errorTitle: "Could not load the PDF.",
 			errorRetry: "Retry",
@@ -2588,36 +2599,36 @@ var Me = ["aria-label"], Ne = [
 			infoCreated: "Created",
 			infoModified: "Modified",
 			infoPdfVersion: "PDF version"
-		}, k = n(() => ({
-			...D,
+		}, M = n(() => ({
+			...j,
 			...S.labels
-		})), A = _(1), j = _(0), M = _(null), N = _("select"), P = _(!1), { status: F, pdfDoc: I, pageProviders: L, info: ee, error: te, retry: R, destroy: ne } = de(n(() => S.source)), z = pe({
-			pageProviders: L,
-			scale: A,
-			rotation: j,
-			scrollContainer: M
-		}), B = n(() => z.pages.length);
+		})), N = v(1), P = v(0), F = v(null), I = v("select"), L = v(!1), { status: R, pdfDoc: ee, pageProviders: te, info: ne, error: re, retry: z, destroy: ie } = de(n(() => S.source)), B = pe({
+			pageProviders: te,
+			scale: N,
+			rotation: P,
+			scrollContainer: F
+		}), V = n(() => B.pages.length);
 		_e({
 			storageKey: n(() => S.storageKey),
 			externalPosition: n(() => S.position),
-			ready: n(() => F.value === "ready"),
-			scrollContainer: M,
-			pages: z.pages,
-			visiblePage: z.visiblePage,
-			scale: A,
-			rotation: j,
-			emitPosition: (e) => E("update:position", e)
+			ready: n(() => R.value === "ready"),
+			scrollContainer: F,
+			pages: B.pages,
+			visiblePage: B.visiblePage,
+			scale: N,
+			rotation: P,
+			emitPosition: (e) => C("update:position", e)
 		});
-		let V = Ce({
+		let H = Te({
 			mode: n(() => S.annotationMode),
 			annotations: n(() => S.annotations),
-			pages: z.pages,
-			scrollContainer: M,
+			pages: B.pages,
+			scrollContainer: F,
 			colors: n(() => S.annotationColors),
-			emitCreate: (e) => E("annotation:create", e),
-			emitUpdate: (e) => E("annotation:update", e),
-			emitDelete: (e) => E("annotation:delete", e)
-		}), re = n(() => {
+			emitCreate: (e) => C("annotation:create", e),
+			emitUpdate: (e) => C("annotation:update", e),
+			emitDelete: (e) => C("annotation:delete", e)
+		}), ae = n(() => {
 			let e = /* @__PURE__ */ new Map();
 			for (let t of S.annotations) {
 				let n = e.get(t.pageIndex);
@@ -2625,8 +2636,8 @@ var Me = ["aria-label"], Ne = [
 			}
 			return e;
 		});
-		function ie(e) {
-			let t = re.value.get(e) ?? [], n = V.draftInk.value;
+		function U(e) {
+			let t = ae.value.get(e) ?? [], n = H.draftInk.value;
 			if (n && n.pageIndex === e) {
 				let r = {
 					id: "__coar-pdf-draft-stroke__",
@@ -2641,93 +2652,92 @@ var Me = ["aria-label"], Ne = [
 			}
 			return t;
 		}
-		function H(e) {
-			let t = M.value?.querySelector(`[data-annotation-id="${CSS.escape(e)}"]`);
+		function oe(e) {
+			let t = F.value?.querySelector(`[data-annotation-id="${CSS.escape(e)}"]`);
 			return t ? t.getBoundingClientRect() : null;
 		}
-		let ae = _(null);
-		function oe() {
-			let e = V.selectedAnnotationId.value;
-			ae.value = e ? H(e) : null;
+		let W = v(null);
+		function se() {
+			let e = H.selectedAnnotationId.value;
+			W.value = e ? oe(e) : null;
 		}
-		O(() => V.selectedAnnotationId.value, oe, { flush: "post" }), O([
-			A,
-			j,
+		A(() => H.selectedAnnotationId.value, se, { flush: "post" }), A([
+			N,
+			P,
 			() => S.annotations
 		], () => {
-			V.selectedAnnotationId.value && requestAnimationFrame(() => requestAnimationFrame(oe));
+			H.selectedAnnotationId.value && requestAnimationFrame(() => requestAnimationFrame(se));
 		});
-		function se(e) {
-			S.annotationMode === "eraser" || S.annotationMode === "select" || V.selectAnnotation(e);
-		}
 		function ce(e) {
-			E("update:annotationMode", e), V.selectAnnotation(null), e === "marker" && !V.markerColor.value ? V.markerColor.value = S.annotationColors[0] ?? "#fde68a" : e === "ink" && !V.inkColor.value && (V.inkColor.value = S.annotationColors[0] ?? "#dc2626");
+			S.annotationMode === "eraser" || S.annotationMode === "select" || H.selectAnnotation(e);
 		}
-		function le() {
-			return V.selectedAnnotation.value?.type === "freetext" ? "text" : "comment";
+		function le(e) {
+			C("update:annotationMode", e), H.selectAnnotation(null), e === "marker" && !H.markerColor.value ? H.markerColor.value = S.annotationColors[0] ?? "#fde68a" : e === "ink" && !H.inkColor.value && (H.inkColor.value = S.annotationColors[0] ?? "#dc2626");
 		}
-		let ue = n(() => {
-			let e = V.selectedAnnotation.value;
+		function ue() {
+			return H.selectedAnnotation.value?.type === "freetext" ? "text" : "comment";
+		}
+		let fe = n(() => {
+			let e = H.selectedAnnotation.value;
 			return e ? (e.type === "freetext" ? e.text : e.comment) ?? "" : "";
 		});
-		function fe(e) {
-			let t = V.selectedAnnotation.value;
+		function me(e) {
+			let t = H.selectedAnnotation.value;
 			if (!t) return;
-			let n = le(), r = n === "text" && t.type === "freetext" ? t.text : t.comment, i = {};
-			e.comment !== r && (i[n] = e.comment), e.color !== t.color && (i.color = e.color), Object.keys(i).length !== 0 && E("annotation:update", {
+			let n = ue(), r = n === "text" && t.type === "freetext" ? t.text : t.comment, i = {};
+			e.comment !== r && (i[n] = e.comment), e.color !== t.color && (i.color = e.color), Object.keys(i).length !== 0 && C("annotation:update", {
 				id: t.id,
 				patch: i
 			});
 		}
-		function me() {
-			let e = V.selectedAnnotationId.value;
-			e && (E("annotation:delete", e), V.selectAnnotation(null));
-		}
 		function he() {
-			V.selectAnnotation(null);
+			let e = H.selectedAnnotationId.value;
+			e && (C("annotation:delete", e), H.selectAnnotation(null));
 		}
-		function ge(e) {
-			V.commitDraftPin(e.comment, e.color);
+		function ge() {
+			H.selectAnnotation(null);
 		}
 		function ve(e) {
-			V.commitDraftFreetext(e.comment, e.color);
+			H.commitDraftPin(e.comment, e.color);
+		}
+		function ye(e) {
+			H.commitDraftFreetext(e.comment, e.color);
 		}
-		let ye = _(!1), U = Oe({ doc: I }), W = _(!1);
-		function be() {
-			W.value = !W.value;
+		let be = v(!1), G = ke({ doc: ee });
+		function xe() {
+			O.value = !O.value;
 		}
-		let G = _(!1);
-		function we() {
-			G.value = !G.value;
+		function Se() {
+			k.value = !k.value;
 		}
-		let K = _(hn), q = _(_n), Te = _(null), Ee = _(null);
+		let K = v(_n), q = v(yn), J = v(null), Ee = v(null);
 		function De(e, t) {
-			t.preventDefault(), Te.value = e;
+			t.preventDefault(), J.value = e;
 			let n = t.clientX, r = K.value, i = q.value;
 			function a(t) {
 				let a = Ee.value?.getBoundingClientRect().width ?? 0;
 				if (!a) return;
-				let o = e === "sidebar" ? G.value ? q.value : 0 : W.value ? K.value : 0, s = +!!W.value + +!!G.value, c = a - o - yn - s, l = t.clientX - n;
-				e === "sidebar" ? K.value = Math.min(Math.max(r + l, gn), Math.max(gn, c)) : q.value = Math.min(Math.max(i - l, vn), Math.max(vn, c));
+				let o = e === "sidebar" ? k.value ? q.value : 0 : O.value ? K.value : 0, s = +!!O.value + +!!k.value, c = a - o - xn - s, l = t.clientX - n;
+				e === "sidebar" ? K.value = Math.min(Math.max(r + l, vn), Math.max(vn, c)) : q.value = Math.min(Math.max(i - l, bn), Math.max(bn, c));
 			}
 			function o() {
-				Te.value = null, window.removeEventListener("pointermove", a), window.removeEventListener("pointerup", o), window.removeEventListener("pointercancel", o);
+				J.value = null, window.removeEventListener("pointermove", a), window.removeEventListener("pointerup", o), window.removeEventListener("pointercancel", o);
 			}
 			window.addEventListener("pointermove", a), window.addEventListener("pointerup", o), window.addEventListener("pointercancel", o);
 		}
-		function ke(e) {
+		function Oe(e) {
 			let t = S.annotations.find((t) => t.id === e);
-			t && (V.selectAnnotation(e), z.scrollToPage(t.pageIndex, { behavior: "smooth" }));
+			t && (H.selectAnnotation(e), B.scrollToPage(t.pageIndex, { behavior: "smooth" }));
 		}
 		function Ae(e) {
-			E("annotation:delete", e), V.selectedAnnotationId.value === e && V.selectAnnotation(null);
+			C("annotation:delete", e), H.selectedAnnotationId.value === e && H.selectAnnotation(null);
 		}
 		function je(e) {
-			z.scrollToPage(e, { behavior: "smooth" });
+			B.scrollToPage(e, { behavior: "smooth" });
 		}
 		let Me = n(() => {
 			let e = /* @__PURE__ */ new Map();
-			for (let t of U.matches.value) {
+			for (let t of G.matches.value) {
 				let n = e.get(t.pageIndex);
 				n ? n.push(t) : e.set(t.pageIndex, [t]);
 			}
@@ -2736,14 +2746,14 @@ var Me = ["aria-label"], Ne = [
 		function Ne(e) {
 			return Me.value.get(e) ?? [];
 		}
-		function J(e, t) {
+		function Y(e, t) {
 			return {
-				w: e * A.value,
-				h: t * A.value
+				w: e * N.value,
+				h: t * N.value
 			};
 		}
 		let Pe = n(() => (e, t) => {
-			switch (j.value) {
+			switch (P.value) {
 				case 90: return `translate(${t}px, 0) rotate(90deg)`;
 				case 180: return `translate(${e}px, ${t}px) rotate(180deg)`;
 				case 270: return `translate(0, ${e}px) rotate(270deg)`;
@@ -2751,21 +2761,21 @@ var Me = ["aria-label"], Ne = [
 			}
 		});
 		function Fe(e) {
-			return U.currentMatch.value === e;
+			return G.currentMatch.value === e;
 		}
 		function Ie() {
-			ye.value = !0;
+			be.value = !0;
 		}
 		function Le() {
-			ye.value = !1, U.clear();
+			be.value = !1, G.clear();
 		}
 		function Re(e) {
-			U.setQuery(e);
+			G.setQuery(e);
 		}
-		O(() => U.currentMatch.value, (e) => {
-			e && (z.scrollToPage(e.pageIndex, { behavior: "smooth" }), requestAnimationFrame(() => {
+		A(() => G.currentMatch.value, (e) => {
+			e && (B.scrollToPage(e.pageIndex, { behavior: "smooth" }), requestAnimationFrame(() => {
 				requestAnimationFrame(() => {
-					let t = M.value, n = z.pages[e.pageIndex];
+					let t = F.value, n = B.pages[e.pageIndex];
 					if (!t || !n?.wrapper) return;
 					let r = e.rects[0];
 					if (!r) return;
@@ -2775,63 +2785,63 @@ var Me = ["aria-label"], Ne = [
 			}));
 		});
 		function ze(e) {
-			return (t) => z.bindWrapper(e, t);
+			return (t) => B.bindWrapper(e, t);
 		}
 		function Be(e) {
-			return Math.max(b, Math.min(x, e));
+			return Math.max(g, Math.min(x, e));
 		}
 		function Ve(e) {
 			return Math.round(e * 100) / 100;
 		}
-		function Y(e) {
-			let t = M.value, n = z.visiblePage.value, r = z.pages[n], i = 0;
+		function X(e) {
+			let t = F.value, n = B.visiblePage.value, r = B.pages[n], i = 0;
 			if (t && r?.wrapper) {
 				let e = r.wrapper.offsetTop - t.offsetTop;
 				i = Math.max(0, Math.min(1, (t.scrollTop - e) / Math.max(1, r.displayHeight)));
 			}
-			e(), d(() => {
-				let e = M.value, t = z.pages[n];
+			e(), f(() => {
+				let e = F.value, t = B.pages[n];
 				if (!e || !t?.wrapper) return;
 				let r = e.style.scrollBehavior;
 				e.style.scrollBehavior = "auto", e.scrollTop = t.wrapper.offsetTop - e.offsetTop + i * t.displayHeight, e.style.scrollBehavior = r;
 			});
 		}
 		function He() {
-			let e = A.value, t = h.find((t) => t > e + 1e-6);
-			t !== void 0 && Y(() => {
-				A.value = t;
+			let e = N.value, t = h.find((t) => t > e + 1e-6);
+			t !== void 0 && X(() => {
+				N.value = t;
 			});
 		}
 		function Ue() {
-			let e = A.value, t;
+			let e = N.value, t;
 			for (let n of h) if (n < e - 1e-6) t = n;
 			else break;
-			t !== void 0 && Y(() => {
-				A.value = t;
+			t !== void 0 && X(() => {
+				N.value = t;
 			});
 		}
-		function X(e) {
-			Y(() => {
-				A.value = Be(Ve(e));
+		function Z(e) {
+			X(() => {
+				N.value = Be(Ve(e));
 			});
 		}
 		function We() {
-			let e = M.value, t = z.pages[z.visiblePage.value] ?? z.pages[0];
+			let e = F.value, t = B.pages[B.visiblePage.value] ?? B.pages[0];
 			if (!e || !t) return;
-			let n = e.clientWidth - mn;
-			n <= 0 || X(n / (j.value === 90 || j.value === 270 ? t.intrinsicHeight : t.intrinsicWidth));
+			let n = e.clientWidth - gn;
+			n <= 0 || Z(n / (P.value === 90 || P.value === 270 ? t.intrinsicHeight : t.intrinsicWidth));
 		}
-		function Z() {
-			let e = M.value, t = z.pages[z.visiblePage.value] ?? z.pages[0];
+		function Ge() {
+			let e = F.value, t = B.pages[B.visiblePage.value] ?? B.pages[0];
 			if (!e || !t) return;
-			let n = e.clientWidth - mn, r = e.clientHeight - mn;
+			let n = e.clientWidth - gn, r = e.clientHeight - gn;
 			if (n <= 0 || r <= 0) return;
-			let i = j.value === 90 || j.value === 270, a = i ? t.intrinsicHeight : t.intrinsicWidth, o = i ? t.intrinsicWidth : t.intrinsicHeight;
-			X(Math.min(n / a, r / o));
+			let i = P.value === 90 || P.value === 270, a = i ? t.intrinsicHeight : t.intrinsicWidth, o = i ? t.intrinsicWidth : t.intrinsicHeight;
+			Z(Math.min(n / a, r / o));
 		}
-		function Ke() {
-			Y(() => {
-				A.value = 1, j.value = 0;
+		function Q() {
+			X(() => {
+				N.value = 1, P.value = 0;
 			});
 		}
 		let qe = [
@@ -2841,8 +2851,8 @@ var Me = ["aria-label"], Ne = [
 			270
 		];
 		function Je(e) {
-			Y(() => {
-				j.value = qe[(qe.indexOf(j.value) + e + 4) % 4];
+			X(() => {
+				P.value = qe[(qe.indexOf(P.value) + e + 4) % 4];
 			});
 		}
 		function Ye() {
@@ -2851,8 +2861,8 @@ var Me = ["aria-label"], Ne = [
 		function Xe() {
 			Je(-1);
 		}
-		let Qe = n(() => {
-			let e = z.visiblePage.value, t = z.pages[e];
+		let Ze = n(() => {
+			let e = B.visiblePage.value, t = B.pages[e];
 			return t ? {
 				index: e,
 				width: t.intrinsicWidth,
@@ -2860,7 +2870,7 @@ var Me = ["aria-label"], Ne = [
 			} : null;
 		}), $e = n(() => {
 			let e = S.source;
-			return e.kind === "pdf" || e.kind === "image" ? e.url : e.kind === "image-gallery" ? e.urls[z.visiblePage.value] ?? e.urls[0] ?? "" : "";
+			return e.kind === "pdf" || e.kind === "image" ? e.url : e.kind === "image-gallery" ? e.urls[B.visiblePage.value] ?? e.urls[0] ?? "" : "";
 		});
 		function et() {
 			let e = $e.value;
@@ -2889,170 +2899,170 @@ var Me = ["aria-label"], Ne = [
 			t.rel = "noopener", document.body.appendChild(t), t.click(), t.remove();
 		}
 		function nt() {
-			N.value = N.value === "pan" ? "select" : "pan";
+			I.value = I.value === "pan" ? "select" : "pan";
 		}
-		let Q = null, rt = null;
+		let $ = null, rt = null;
 		function it(e, t) {
 			return Math.hypot(e.clientX - t.clientX, e.clientY - t.clientY);
 		}
 		function at(e) {
-			e.touches.length === 2 && (Q = it(e.touches[0], e.touches[1]), rt = A.value);
+			e.touches.length === 2 && ($ = it(e.touches[0], e.touches[1]), rt = N.value);
 		}
 		function ot(e) {
-			if (e.touches.length !== 2 || Q === null || rt === null) return;
+			if (e.touches.length !== 2 || $ === null || rt === null) return;
 			e.preventDefault();
-			let t = M.value;
+			let t = F.value;
 			if (!t) return;
-			let n = Be(it(e.touches[0], e.touches[1]) / Q * rt), r = A.value;
+			let n = Be(it(e.touches[0], e.touches[1]) / $ * rt), r = N.value;
 			if (n === r) return;
-			let i = z.visiblePage.value, a = z.pages[i], o = 0;
+			let i = B.visiblePage.value, a = B.pages[i], o = 0;
 			if (a?.wrapper) {
 				let e = a.wrapper.offsetTop - t.offsetTop;
 				o = Math.max(0, Math.min(1, (t.scrollTop - e) / Math.max(1, a.displayHeight)));
 			}
 			let s = t.getBoundingClientRect(), c = (e.touches[0].clientX + e.touches[1].clientX) / 2 - s.left, l = t.scrollLeft + c, u = n / r;
-			A.value = Ve(n), d(() => {
-				let e = M.value;
+			N.value = Ve(n), f(() => {
+				let e = F.value;
 				if (!e) return;
 				let t = e.style.scrollBehavior;
 				e.style.scrollBehavior = "auto", e.scrollLeft = l * u - c;
-				let n = z.pages[i];
+				let n = B.pages[i];
 				n?.wrapper && (e.scrollTop = n.wrapper.offsetTop - e.offsetTop + o * n.displayHeight), e.style.scrollBehavior = t;
 			});
 		}
 		function st(e) {
-			e.touches.length < 2 && (Q = null, rt = null);
+			e.touches.length < 2 && ($ = null, rt = null);
 		}
-		O(() => M.value, (e, t) => {
+		A(() => F.value, (e, t) => {
 			t && (t.removeEventListener("touchstart", at), t.removeEventListener("touchmove", ot), t.removeEventListener("touchend", st), t.removeEventListener("touchcancel", st)), e && (e.addEventListener("touchstart", at, { passive: !0 }), e.addEventListener("touchmove", ot, { passive: !1 }), e.addEventListener("touchend", st, { passive: !0 }), e.addEventListener("touchcancel", st, { passive: !0 }));
 		}, { immediate: !0 });
-		let ct = 0, ut = 0, dt = 0, ft = 0;
+		let ct = 0, lt = 0, dt = 0, ft = 0;
 		function pt(e) {
-			if (N.value !== "pan" || e.button !== 0) return;
-			let t = M.value;
-			t && (e.preventDefault(), P.value = !0, ct = e.clientX, ut = e.clientY, dt = t.scrollLeft, ft = t.scrollTop, window.addEventListener("mousemove", mt), window.addEventListener("mouseup", ht));
+			if (I.value !== "pan" || e.button !== 0) return;
+			let t = F.value;
+			t && (e.preventDefault(), L.value = !0, ct = e.clientX, lt = e.clientY, dt = t.scrollLeft, ft = t.scrollTop, window.addEventListener("mousemove", mt), window.addEventListener("mouseup", ht));
 		}
 		function mt(e) {
-			let t = M.value;
-			t && (t.scrollLeft = dt - (e.clientX - ct), t.scrollTop = ft - (e.clientY - ut));
+			let t = F.value;
+			t && (t.scrollLeft = dt - (e.clientX - ct), t.scrollTop = ft - (e.clientY - lt));
 		}
 		function ht() {
-			P.value = !1, window.removeEventListener("mousemove", mt), window.removeEventListener("mouseup", ht);
+			L.value = !1, window.removeEventListener("mousemove", mt), window.removeEventListener("mouseup", ht);
 		}
 		let gt = n(() => ({
-			currentPage: z.visiblePage.value,
-			pageCount: B.value,
-			zoom: A.value,
-			minZoom: b,
+			currentPage: B.visiblePage.value,
+			pageCount: V.value,
+			zoom: N.value,
+			minZoom: g,
 			maxZoom: x,
-			pointerMode: N.value,
+			pointerMode: I.value,
 			annotationMode: S.annotationMode,
-			markerWidthPresets: Se,
-			inkWidthPresets: xe,
-			markerWidth: V.markerWidth.value,
-			markerColor: V.markerColor.value || S.annotationColors[0] || "#fde68a",
-			inkWidth: V.inkWidth.value,
-			inkColor: V.inkColor.value || S.annotationColors[0] || "#dc2626",
+			markerWidthPresets: we,
+			inkWidthPresets: Ce,
+			markerWidth: H.markerWidth.value,
+			markerColor: H.markerColor.value || S.annotationColors[0] || "#fde68a",
+			inkWidth: H.inkWidth.value,
+			inkColor: H.inkColor.value || S.annotationColors[0] || "#dc2626",
 			colors: S.annotationColors,
 			side: S.toolbarPosition,
-			labels: k.value,
+			labels: M.value,
 			showSearch: S.showSearch,
 			showPrintDownload: S.showPrintDownload,
 			showAnnotationModes: S.showAnnotationModes,
 			showSidebarToggle: S.showThumbnails || S.showOutline,
-			sidebarOpen: W.value,
+			sidebarOpen: O.value,
 			showAnnotationsPanelToggle: S.showAnnotationsPanel,
-			annotationsPanelOpen: G.value,
+			annotationsPanelOpen: k.value,
 			tools: S.tools,
 			capabilities: S.source.capabilities
-		})), $ = {
-			prev: _t,
-			next: vt,
-			jump: yt,
+		})), _t = {
+			prev: vt,
+			next: yt,
+			jump: bt,
 			"zoom-in": He,
 			"zoom-out": Ue,
-			"reset-zoom": () => X(1),
-			"set-zoom": (e) => X(e),
-			"reset-view": Ke,
+			"reset-zoom": () => Z(1),
+			"set-zoom": (e) => Z(e),
+			"reset-view": Q,
 			"toggle-pan": nt,
-			"toggle-sidebar": be,
-			"toggle-annotations-panel": we,
+			"toggle-sidebar": xe,
+			"toggle-annotations-panel": Se,
 			"rotate-cw": Ye,
 			"rotate-ccw": Xe,
-			"set-annotation-mode": ce,
-			"update:marker-width": (e) => V.markerWidth.value = e,
-			"update:marker-color": (e) => V.markerColor.value = e,
-			"update:ink-width": (e) => V.inkWidth.value = e,
-			"update:ink-color": (e) => V.inkColor.value = e,
+			"set-annotation-mode": le,
+			"update:marker-width": (e) => H.markerWidth.value = e,
+			"update:marker-color": (e) => H.markerColor.value = e,
+			"update:ink-width": (e) => H.inkWidth.value = e,
+			"update:ink-color": (e) => H.inkColor.value = e,
 			"fit-width": We,
-			"fit-page": Z,
+			"fit-page": Ge,
 			search: Ie,
 			print: et,
 			download: tt
 		};
-		function _t() {
-			z.visiblePage.value > 0 && z.scrollToPage(z.visiblePage.value - 1, { behavior: "smooth" });
-		}
 		function vt() {
-			z.visiblePage.value < z.pages.length - 1 && z.scrollToPage(z.visiblePage.value + 1, { behavior: "smooth" });
+			B.visiblePage.value > 0 && B.scrollToPage(B.visiblePage.value - 1, { behavior: "smooth" });
 		}
-		function yt(e) {
-			z.scrollToPage(e, { behavior: "smooth" });
+		function yt() {
+			B.visiblePage.value < B.pages.length - 1 && B.scrollToPage(B.visiblePage.value + 1, { behavior: "smooth" });
 		}
 		function bt(e) {
+			B.scrollToPage(e, { behavior: "smooth" });
+		}
+		function xt(e) {
 			if (!(e.ctrlKey || e.metaKey)) return;
 			e.preventDefault();
-			let t = M.value;
+			let t = F.value;
 			if (!t) return;
-			let n = e.deltaY < 0 ? 1.1 : 1 / 1.1, r = A.value, i = Be(r * n);
+			let n = e.deltaY < 0 ? 1.1 : 1 / 1.1, r = N.value, i = Be(r * n);
 			if (i === r) return;
-			let a = z.visiblePage.value, o = z.pages[a], s = 0;
+			let a = B.visiblePage.value, o = B.pages[a], s = 0;
 			if (o?.wrapper) {
 				let e = o.wrapper.offsetTop - t.offsetTop;
 				s = Math.max(0, Math.min(1, (t.scrollTop - e) / Math.max(1, o.displayHeight)));
 			}
 			let c = t.getBoundingClientRect(), l = e.clientX - c.left, u = t.scrollLeft + l;
-			A.value = Ve(i);
-			let f = i / r;
-			d(() => {
-				let e = M.value;
+			N.value = Ve(i);
+			let d = i / r;
+			f(() => {
+				let e = F.value;
 				if (!e) return;
 				let t = e.style.scrollBehavior;
-				e.style.scrollBehavior = "auto", e.scrollLeft = u * f - l;
-				let n = z.pages[a];
+				e.style.scrollBehavior = "auto", e.scrollLeft = u * d - l;
+				let n = B.pages[a];
 				n?.wrapper && (e.scrollTop = n.wrapper.offsetTop - e.offsetTop + s * n.displayHeight), e.style.scrollBehavior = t;
 			});
 		}
-		return O(() => te.value, (e) => {
-			e != null && E("error", {
+		return A(() => re.value, (e) => {
+			e != null && C("error", {
 				error: e,
 				src: $e.value
 			});
 		}), l({
-			reload: R,
-			destroy: ne,
-			scrollToPage: z.scrollToPage
-		}), (n, l) => (g(), a("div", {
+			reload: z,
+			destroy: ie,
+			scrollToPage: B.scrollToPage
+		}), (n, l) => (_(), a("div", {
 			ref_key: "viewerRoot",
 			ref: Ee,
-			class: f(["coar-pdf-viewer", { "coar-pdf-viewer--resizing": Te.value !== null }]),
-			"data-status": T(F)
+			class: p(["coar-pdf-viewer", { "coar-pdf-viewer--resizing": J.value !== null }]),
+			"data-status": E(R)
 		}, [
-			W.value && T(F) === "ready" && (t.showThumbnails || t.showOutline) ? (g(), r(lt, {
+			O.value && E(R) === "ready" && (t.showThumbnails || t.showOutline) ? (_(), r(ut, {
 				key: 0,
-				doc: T(I),
-				"page-providers": T(L),
-				"page-count": B.value,
-				"visible-page": T(z).visiblePage.value,
+				doc: E(ee),
+				"page-providers": E(te),
+				"page-count": V.value,
+				"visible-page": E(B).visiblePage.value,
 				"show-thumbnails": t.showThumbnails,
 				"show-outline": t.showOutline,
-				labels: k.value,
-				style: p({
+				labels: M.value,
+				style: m({
 					width: K.value + "px",
 					flexBasis: K.value + "px"
 				}),
 				onJump: je,
-				onClose: l[0] ||= (e) => W.value = !1
+				onClose: l[0] ||= (e) => O.value = !1
 			}, null, 8, [
 				"doc",
 				"page-providers",
@@ -3063,25 +3073,25 @@ var Me = ["aria-label"], Ne = [
 				"labels",
 				"style"
 			])) : i("", !0),
-			W.value && T(F) === "ready" && (t.showThumbnails || t.showOutline) ? (g(), a("div", {
+			O.value && E(R) === "ready" && (t.showThumbnails || t.showOutline) ? (_(), a("div", {
 				key: 1,
 				class: "coar-pdf-viewer__divider",
 				role: "separator",
 				"aria-orientation": "vertical",
 				onPointerdown: l[1] ||= (e) => De("sidebar", e)
 			}, null, 32)) : i("", !0),
-			o("div", on, [
-				t.showToolbar && (T(F) === "ready" || T(F) === "loading") && t.toolbarPosition === "top" ? (g(), r(Ge, u({ key: 0 }, gt.value, w($)), null, 16)) : i("", !0),
-				ye.value && T(F) === "ready" ? (g(), r(Ze, {
+			o("div", cn, [
+				t.showToolbar && (E(R) === "ready" || E(R) === "loading") && t.toolbarPosition === "top" ? (_(), r(Ke, d({ key: 0 }, gt.value, T(_t)), null, 16)) : i("", !0),
+				be.value && E(R) === "ready" ? (_(), r(Qe, {
 					key: 1,
-					query: T(U).query.value,
-					"match-count": T(U).matches.value.length,
-					"current-index": T(U).currentIndex.value,
-					searching: T(U).searching.value,
-					labels: k.value,
+					query: E(G).query.value,
+					"match-count": E(G).matches.value.length,
+					"current-index": E(G).currentIndex.value,
+					searching: E(G).searching.value,
+					labels: M.value,
 					"onUpdate:query": Re,
-					onNext: T(U).next,
-					onPrev: T(U).prev,
+					onNext: E(G).next,
+					onPrev: E(G).prev,
 					onClose: Le
 				}, null, 8, [
 					"query",
@@ -3092,14 +3102,14 @@ var Me = ["aria-label"], Ne = [
 					"onNext",
 					"onPrev"
 				])) : i("", !0),
-				o("div", sn, [
-					t.showToolbar && (T(F) === "ready" || T(F) === "loading") && t.toolbarPosition === "left" ? (g(), r(Ge, u({ key: 0 }, gt.value, w($)), null, 16)) : i("", !0),
+				o("div", ln, [
+					t.showToolbar && (E(R) === "ready" || E(R) === "loading") && t.toolbarPosition === "left" ? (_(), r(Ke, d({ key: 0 }, gt.value, T(_t)), null, 16)) : i("", !0),
 					o("div", {
 						ref_key: "scrollContainer",
-						ref: M,
-						class: f(["coar-pdf-viewer__scroll", {
-							"coar-pdf-viewer__scroll--pan": N.value === "pan",
-							"coar-pdf-viewer__scroll--panning": P.value,
+						ref: F,
+						class: p(["coar-pdf-viewer__scroll", {
+							"coar-pdf-viewer__scroll--pan": I.value === "pan",
+							"coar-pdf-viewer__scroll--panning": L.value,
 							"coar-pdf-viewer__scroll--annotate-comment": t.annotationMode === "comment",
 							"coar-pdf-viewer__scroll--annotate-ink": t.annotationMode === "ink",
 							"coar-pdf-viewer__scroll--annotate-marker": t.annotationMode === "marker",
@@ -3108,61 +3118,61 @@ var Me = ["aria-label"], Ne = [
 							"coar-pdf-viewer__scroll--annotate-eraser": t.annotationMode === "eraser"
 						}]),
 						role: "document",
-						onWheel: bt,
+						onWheel: xt,
 						onMousedown: pt
 					}, [
-						T(F) === "ready" || T(F) === "loading" ? (g(), a("div", cn, [(g(!0), a(e, null, v(T(z).pages, (t) => (g(), a("div", {
+						E(R) === "ready" || E(R) === "loading" ? (_(), a("div", un, [(_(!0), a(e, null, y(E(B).pages, (t) => (_(), a("div", {
 							key: t.index,
 							ref_for: !0,
 							ref: ze(t.index),
 							class: "coar-pdf-page",
-							style: p({
+							style: m({
 								width: t.displayWidth + "px",
 								height: t.displayHeight + "px"
 							}),
 							"data-page-index": t.index,
-							"aria-label": `Page ${t.index + 1} of ${B.value}`
-						}, [c(Xt, {
-							annotations: ie(t.index),
-							"display-width": J(t.intrinsicWidth, t.intrinsicHeight).w,
-							"display-height": J(t.intrinsicWidth, t.intrinsicHeight).h,
-							rotation: j.value,
-							onAnnotationClick: se
+							"aria-label": `Page ${t.index + 1} of ${V.value}`
+						}, [c(Qt, {
+							annotations: U(t.index),
+							"display-width": Y(t.intrinsicWidth, t.intrinsicHeight).w,
+							"display-height": Y(t.intrinsicWidth, t.intrinsicHeight).h,
+							rotation: P.value,
+							onAnnotationClick: ce
 						}, null, 8, [
 							"annotations",
 							"display-width",
 							"display-height",
 							"rotation"
-						]), Ne(t.index).length > 0 ? (g(), a("div", {
+						]), Ne(t.index).length > 0 ? (_(), a("div", {
 							key: 0,
 							class: "coar-pdf-search-overlay",
-							style: p({
-								width: J(t.intrinsicWidth, t.intrinsicHeight).w + "px",
-								height: J(t.intrinsicWidth, t.intrinsicHeight).h + "px",
-								transform: Pe.value(J(t.intrinsicWidth, t.intrinsicHeight).w, J(t.intrinsicWidth, t.intrinsicHeight).h)
+							style: m({
+								width: Y(t.intrinsicWidth, t.intrinsicHeight).w + "px",
+								height: Y(t.intrinsicWidth, t.intrinsicHeight).h + "px",
+								transform: Pe.value(Y(t.intrinsicWidth, t.intrinsicHeight).w, Y(t.intrinsicWidth, t.intrinsicHeight).h)
 							})
-						}, [(g(!0), a(e, null, v(Ne(t.index), (n, r) => (g(), a(e, { key: r }, [(g(!0), a(e, null, v(n.rects, (e, i) => (g(), a("div", {
+						}, [(_(!0), a(e, null, y(Ne(t.index), (n, r) => (_(), a(e, { key: r }, [(_(!0), a(e, null, y(n.rects, (e, i) => (_(), a("div", {
 							key: `${r}-${i}`,
-							class: f(["coar-pdf-search-rect", { "coar-pdf-search-rect--current": Fe(n) }]),
-							style: p({
-								left: e.x * J(t.intrinsicWidth, t.intrinsicHeight).w + "px",
-								top: e.y * J(t.intrinsicWidth, t.intrinsicHeight).h + "px",
-								width: e.w * J(t.intrinsicWidth, t.intrinsicHeight).w + "px",
-								height: e.h * J(t.intrinsicWidth, t.intrinsicHeight).h + "px"
+							class: p(["coar-pdf-search-rect", { "coar-pdf-search-rect--current": Fe(n) }]),
+							style: m({
+								left: e.x * Y(t.intrinsicWidth, t.intrinsicHeight).w + "px",
+								top: e.y * Y(t.intrinsicWidth, t.intrinsicHeight).h + "px",
+								width: e.w * Y(t.intrinsicWidth, t.intrinsicHeight).w + "px",
+								height: e.h * Y(t.intrinsicWidth, t.intrinsicHeight).h + "px"
 							})
-						}, null, 6))), 128))], 64))), 128))], 4)) : i("", !0)], 12, ln))), 128))])) : i("", !0),
-						T(F) === "loading" ? (g(), a("div", un, [y(n.$slots, "loading", {}, () => [s(C(k.value.loading), 1)], !0)])) : i("", !0),
-						T(V).selectedAnnotation.value && ae.value ? (g(), r(rn, {
+						}, null, 6))), 128))], 64))), 128))], 4)) : i("", !0)], 12, dn))), 128))])) : i("", !0),
+						E(R) === "loading" ? (_(), a("div", fn, [b(n.$slots, "loading", {}, () => [s(w(M.value.loading), 1)], !0)])) : i("", !0),
+						E(H).selectedAnnotation.value && W.value ? (_(), r(on, {
 							key: 2,
-							anchor: ae.value,
-							"initial-comment": ue.value,
-							"initial-color": T(V).selectedAnnotation.value.color,
+							anchor: W.value,
+							"initial-comment": fe.value,
+							"initial-color": E(H).selectedAnnotation.value.color,
 							colors: t.annotationColors,
 							draft: !1,
-							labels: k.value,
-							onSave: fe,
-							onDelete: me,
-							onClose: he
+							labels: M.value,
+							onSave: me,
+							onDelete: he,
+							onClose: ge
 						}, null, 8, [
 							"anchor",
 							"initial-comment",
@@ -3170,16 +3180,16 @@ var Me = ["aria-label"], Ne = [
 							"colors",
 							"labels"
 						])) : i("", !0),
-						T(V).draftPin.value ? (g(), r(rn, {
+						E(H).draftPin.value ? (_(), r(on, {
 							key: 3,
-							anchor: T(V).draftPin.value.viewportRect,
+							anchor: E(H).draftPin.value.viewportRect,
 							"initial-comment": "",
-							"initial-color": T(V).draftPin.value.color,
+							"initial-color": E(H).draftPin.value.color,
 							colors: t.annotationColors,
 							draft: !0,
-							labels: k.value,
-							onSave: ge,
-							onClose: T(V).cancelDraftPin
+							labels: M.value,
+							onSave: ve,
+							onClose: E(H).cancelDraftPin
 						}, null, 8, [
 							"anchor",
 							"initial-color",
@@ -3187,16 +3197,16 @@ var Me = ["aria-label"], Ne = [
 							"labels",
 							"onClose"
 						])) : i("", !0),
-						T(V).draftFreetext.value ? (g(), r(rn, {
+						E(H).draftFreetext.value ? (_(), r(on, {
 							key: 4,
-							anchor: T(V).draftFreetext.value.viewportRect,
+							anchor: E(H).draftFreetext.value.viewportRect,
 							"initial-comment": "",
-							"initial-color": T(V).draftFreetext.value.color,
+							"initial-color": E(H).draftFreetext.value.color,
 							colors: t.annotationColors,
 							draft: !0,
-							labels: k.value,
-							onSave: ve,
-							onClose: T(V).cancelDraftFreetext
+							labels: M.value,
+							onSave: ye,
+							onClose: E(H).cancelDraftFreetext
 						}, null, 8, [
 							"anchor",
 							"initial-color",
@@ -3204,40 +3214,40 @@ var Me = ["aria-label"], Ne = [
 							"labels",
 							"onClose"
 						])) : i("", !0),
-						T(F) === "error" ? (g(), a("div", dn, [y(n.$slots, "error", {
-							error: T(te),
-							retry: T(R)
-						}, () => [o("div", fn, [o("p", pn, C(k.value.errorTitle), 1), o("button", {
+						E(R) === "error" ? (_(), a("div", pn, [b(n.$slots, "error", {
+							error: E(re),
+							retry: E(z)
+						}, () => [o("div", mn, [o("p", hn, w(M.value.errorTitle), 1), o("button", {
 							type: "button",
 							class: "coar-pdf-viewer__error-retry",
-							onClick: l[2] ||= (...e) => T(R) && T(R)(...e)
-						}, C(k.value.errorRetry), 1)])], !0)])) : i("", !0)
+							onClick: l[2] ||= (...e) => E(z) && E(z)(...e)
+						}, w(M.value.errorRetry), 1)])], !0)])) : i("", !0)
 					], 34),
-					t.showToolbar && (T(F) === "ready" || T(F) === "loading") && t.toolbarPosition === "right" ? (g(), r(Ge, u({ key: 1 }, gt.value, w($)), null, 16)) : i("", !0)
+					t.showToolbar && (E(R) === "ready" || E(R) === "loading") && t.toolbarPosition === "right" ? (_(), r(Ke, d({ key: 1 }, gt.value, T(_t)), null, 16)) : i("", !0)
 				]),
-				t.showToolbar && (T(F) === "ready" || T(F) === "loading") && t.toolbarPosition === "bottom" ? (g(), r(Ge, u({ key: 2 }, gt.value, w($)), null, 16)) : i("", !0)
+				t.showToolbar && (E(R) === "ready" || E(R) === "loading") && t.toolbarPosition === "bottom" ? (_(), r(Ke, d({ key: 2 }, gt.value, T(_t)), null, 16)) : i("", !0)
 			]),
-			G.value && T(F) === "ready" && t.showAnnotationsPanel ? (g(), a("div", {
+			k.value && E(R) === "ready" && t.showAnnotationsPanel ? (_(), a("div", {
 				key: 2,
 				class: "coar-pdf-viewer__divider",
 				role: "separator",
 				"aria-orientation": "vertical",
 				onPointerdown: l[3] ||= (e) => De("panel", e)
 			}, null, 32)) : i("", !0),
-			G.value && T(F) === "ready" && t.showAnnotationsPanel ? (g(), r(Bt, {
+			k.value && E(R) === "ready" && t.showAnnotationsPanel ? (_(), r(Ht, {
 				key: 3,
 				annotations: t.annotations,
-				"selected-id": T(V).selectedAnnotationId.value,
-				info: t.showInfoSection ? T(ee) : null,
-				"current-page-info": t.showInfoSection ? Qe.value : null,
-				labels: k.value,
-				style: p({
+				"selected-id": E(H).selectedAnnotationId.value,
+				info: t.showInfoSection ? E(ne) : null,
+				"current-page-info": t.showInfoSection ? Ze.value : null,
+				labels: M.value,
+				style: m({
 					width: q.value + "px",
 					flexBasis: q.value + "px"
 				}),
-				onSelect: ke,
+				onSelect: Oe,
 				onDelete: Ae,
-				onClose: l[4] ||= (e) => G.value = !1
+				onClose: l[4] ||= (e) => k.value = !1
 			}, null, 8, [
 				"annotations",
 				"selected-id",
@@ -3246,12 +3256,12 @@ var Me = ["aria-label"], Ne = [
 				"labels",
 				"style"
 			])) : i("", !0)
-		], 10, an));
+		], 10, sn));
 	}
-}), [["__scopeId", "data-v-485161c5"]]);
+}), [["__scopeId", "data-v-f6ee397d"]]);
 //#endregion
 //#region src/sources/image.ts
-function xn(e) {
+function Cn(e) {
 	let t = {
 		kind: "image",
 		url: e.url,
@@ -3265,7 +3275,7 @@ function xn(e) {
 	};
 	return Object.freeze(t);
 }
-function Sn(e) {
+function wn(e) {
 	let t = {
 		kind: "image-gallery",
 		urls: Object.freeze([...e.urls]),
@@ -3280,4 +3290,4 @@ function Sn(e) {
 	return Object.freeze(t);
 }
 //#endregion
-export { ke as COAR_DOCUMENT_VIEWER_ALL_TOOLS, bn as CoarDocumentViewer, Sn as imageGallerySource, xn as imageSource };
+export { Ae as COAR_DOCUMENT_VIEWER_ALL_TOOLS, Sn as CoarDocumentViewer, wn as imageGallerySource, Cn as imageSource };