@cocoar/vue-document-viewer 2.3.0

package/dist/index.js

@@ -0,0 +1,3283 @@
+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";
+//#region src/internal/page-provider.ts
+function V(e) {
+	let t = e?.name;
+	return t === "RenderingCancelledException" || t === "AbortException" || t === "AbortError";
+}
+function re(e) {
+	let t = e.getViewport({
+		scale: 1,
+		rotation: 0
+	}), n = /* @__PURE__ */ new Map(), r = null;
+	function i(e) {
+		let t = n.get(e);
+		if (t) {
+			try {
+				t.cancel();
+			} catch {}
+			n.delete(e);
+		}
+	}
+	function a() {
+		for (let e of n.values()) try {
+			e.cancel();
+		} catch {}
+		n.clear();
+	}
+	function o() {
+		if (r) {
+			try {
+				r.cancel();
+			} catch {}
+			r = null;
+		}
+	}
+	return {
+		intrinsicWidth: t.width,
+		intrinsicHeight: t.height,
+		async render(t, r) {
+			i(t);
+			let a = e.getViewport({
+				scale: r.scale * r.dpr,
+				rotation: r.rotation
+			});
+			t.width = Math.floor(a.width), t.height = Math.floor(a.height);
+			let o = t.getContext("2d", { alpha: !1 });
+			if (!o) return;
+			let s = e.render({
+				canvasContext: o,
+				viewport: a,
+				canvas: t
+			});
+			n.set(t, s);
+			try {
+				await s.promise;
+			} finally {
+				n.get(t) === s && n.delete(t);
+			}
+		},
+		cancel() {
+			a(), o();
+		},
+		async getTextLayer(t, n) {
+			o();
+			let i = e.getViewport({
+				scale: n.scale,
+				rotation: n.rotation
+			});
+			t.replaceChildren();
+			let a = new P({
+				textContentSource: await e.getTextContent(),
+				container: t,
+				viewport: i
+			});
+			return r = a, await a.render(), { cancel() {
+				try {
+					a.cancel();
+				} catch {}
+				r === a && (r = null);
+			} };
+		}
+	};
+}
+//#endregion
+//#region src/sources/pdf-adapter.ts
+function ie(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) {
+	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 = {
+		loadingTask: null,
+		doc: null,
+		generation: 0
+	};
+	async function s() {
+		if (o.generation += 1, o.loadingTask) {
+			try {
+				o.loadingTask.destroy();
+			} catch {}
+			o.loadingTask = null;
+		}
+		if (o.doc) {
+			try {
+				await o.doc.destroy();
+			} catch {}
+			o.doc = null;
+		}
+		n.value = null, r.value = null, i.value = null, t.value = "idle", a.value = null;
+	}
+	async function c(e) {
+		await s();
+		let c = o.generation;
+		t.value = "loading", a.value = null;
+		let l = e.headers, u = Object.keys(l).length ? { ...l } : void 0, d;
+		try {
+			d = N.getDocument({
+				url: e.url,
+				withCredentials: e.withCredentials,
+				httpHeaders: u
+			}), o.loadingTask = d;
+		} catch (e) {
+			c === o.generation && (t.value = "error", a.value = e);
+			return;
+		}
+		let f;
+		try {
+			f = await d.promise;
+		} catch (e) {
+			if (c !== o.generation) return;
+			o.loadingTask = null, t.value = "error", a.value = e;
+			return;
+		}
+		if (c !== o.generation) {
+			try {
+				await f.destroy();
+			} catch {}
+			return;
+		}
+		o.doc = f;
+		let p = [];
+		try {
+			for (let e = 1; e <= f.numPages; e++) {
+				let t = await f.getPage(e);
+				if (c !== o.generation) {
+					try {
+						await f.destroy();
+					} catch {}
+					return;
+				}
+				p.push(re(t));
+			}
+		} catch (e) {
+			if (c !== o.generation) return;
+			o.loadingTask = null, t.value = "error", a.value = e;
+			return;
+		}
+		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")
+			};
+			m = {
+				kind: "pdf",
+				format: n.version ? `PDF · v${n.version}` : "PDF",
+				pageCount: f.numPages,
+				bytes: typeof e.contentLength == "number" ? e.contentLength : void 0,
+				pdf: n
+			};
+		} catch {
+			m = {
+				kind: "pdf",
+				format: "PDF",
+				pageCount: f.numPages
+			};
+		}
+		c === o.generation && (n.value = f, r.value = p, i.value = m, t.value = "ready");
+	}
+	function l() {
+		let t = e.value;
+		t && c(t);
+	}
+	return O(e, (e) => {
+		e ? c(e) : s();
+	}, { immediate: !0 }), m(() => {
+		s();
+	}), {
+		status: t,
+		pdfDoc: n,
+		pageProviders: r,
+		info: i,
+		error: a,
+		retry: l,
+		destroy: s
+	};
+}
+//#endregion
+//#region src/sources/image-adapter.ts
+function oe(e) {
+	if (e.startsWith("data:")) {
+		let t = e.match(/^data:image\/([a-z0-9+.-]+)/i);
+		if (t) {
+			let e = t[1].toLowerCase();
+			return e === "svg+xml" ? "SVG" : e.toUpperCase();
+		}
+		return "Image";
+	}
+	try {
+		let t = new URL(e, typeof location < "u" ? location.href : "http://localhost/").pathname.split(".").pop()?.toLowerCase();
+		if (t && /^(jpg|jpeg|png|gif|webp|avif|svg|bmp|ico|tif|tiff)$/.test(t)) return t.toUpperCase();
+	} catch {}
+	return "Image";
+}
+function se(e) {
+	return {
+		intrinsicWidth: e.naturalWidth,
+		intrinsicHeight: e.naturalHeight,
+		async render(t, n) {
+			let r = e.naturalWidth, i = e.naturalHeight, a = n.rotation === 90 || n.rotation === 270, o = Math.floor((a ? i : r) * n.scale * n.dpr), s = Math.floor((a ? r : i) * n.scale * n.dpr);
+			t.width = o, t.height = s;
+			let c = t.getContext("2d", { alpha: !1 });
+			if (!c) return;
+			c.fillStyle = "#ffffff", c.fillRect(0, 0, o, s);
+			let l = r * n.scale * n.dpr, u = i * n.scale * n.dpr;
+			switch (c.save(), n.rotation) {
+				case 90:
+					c.translate(o, 0), c.rotate(Math.PI / 2);
+					break;
+				case 180:
+					c.translate(o, s), c.rotate(Math.PI);
+					break;
+				case 270:
+					c.translate(0, s), c.rotate(-Math.PI / 2);
+					break;
+			}
+			c.drawImage(e, 0, 0, l, u), c.restore();
+		},
+		cancel() {}
+	};
+}
+function ce(e) {
+	let t = _("idle"), n = S(null), r = S(null), i = _(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;
+	}
+	function c(e) {
+		s().then(() => {
+			let s = ++a;
+			t.value = "loading", i.value = null;
+			let c = new Image();
+			o = c, c.onload = () => {
+				s === a && (n.value = [se(c)], r.value = {
+					kind: "image",
+					format: `Image · ${oe(e.url)}`,
+					pageCount: 1
+				}, t.value = "ready");
+			}, c.onerror = () => {
+				s === a && (t.value = "error", i.value = /* @__PURE__ */ Error(`Failed to load image: ${e.url}`));
+			}, c.src = e.url;
+		});
+	}
+	function l() {
+		let t = e.value;
+		t && c(t);
+	}
+	return O(e, (e) => {
+		e ? c(e) : s();
+	}, { immediate: !0 }), m(() => {
+		s();
+	}), {
+		status: t,
+		pageProviders: n,
+		info: r,
+		error: i,
+		retry: l,
+		destroy: s
+	};
+}
+//#endregion
+//#region src/sources/image-gallery-adapter.ts
+function le(e) {
+	let t = new Image(), n = new Promise((n, r) => {
+		t.onload = () => n(t), t.onerror = () => r(/* @__PURE__ */ Error(`Failed to load image: ${e}`));
+	});
+	return t.src = e, {
+		img: t,
+		promise: n
+	};
+}
+function ue(e) {
+	let t = _("idle"), n = S(null), r = S(null), i = _(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));
+		return {
+			kind: "image-gallery",
+			format: n.size === 0 ? "Image gallery" : n.size === 1 ? `Image gallery · ${[...n][0]}` : "Image gallery · mixed",
+			pageCount: t
+		};
+	}
+	function l(e) {
+		s().then(async () => {
+			let s = ++a;
+			if (t.value = "loading", i.value = null, e.urls.length === 0) {
+				n.value = [], r.value = c(e.urls, 0), t.value = "ready";
+				return;
+			}
+			let l = e.urls.map((e) => le(e));
+			o = l.map((e) => e.img);
+			try {
+				let i = await Promise.all(l.map((e) => e.promise));
+				if (s !== a) return;
+				n.value = i.map((e) => se(e)), r.value = c(e.urls, i.length), t.value = "ready";
+			} catch (e) {
+				if (s !== a) return;
+				t.value = "error", i.value = e;
+			}
+		});
+	}
+	function u() {
+		let t = e.value;
+		t && l(t);
+	}
+	return O(e, (e) => {
+		e ? l(e) : s();
+	}, { immediate: !0 }), m(() => {
+		s();
+	}), {
+		status: t,
+		pageProviders: n,
+		info: r,
+		error: i,
+		retry: u,
+		destroy: s
+	};
+}
+//#endregion
+//#region src/internal/useDocumentLoader.ts
+function de(e) {
+	let t = n(() => {
+		let t = e.value;
+		return t?.kind === "pdf" ? t : null;
+	}), r = n(() => {
+		let t = e.value;
+		return t?.kind === "image" ? t : null;
+	}), i = n(() => {
+		let t = e.value;
+		return t?.kind === "image-gallery" ? t : null;
+	}), a = ae(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(() => {
+		let t = e.value;
+		return t?.kind === "pdf" ? a.error.value : t?.kind === "image" ? o.error.value : t?.kind === "image-gallery" ? s.error.value : null;
+	}), u = n(() => {
+		let t = e.value;
+		return t?.kind === "pdf" ? a.pageProviders.value : t?.kind === "image" ? o.pageProviders.value : t?.kind === "image-gallery" ? s.pageProviders.value : null;
+	}), d = n(() => {
+		let t = e.value;
+		return t?.kind === "pdf" ? a.info.value : t?.kind === "image" ? o.info.value : t?.kind === "image-gallery" ? s.info.value : null;
+	});
+	function f() {
+		let t = e.value;
+		t?.kind === "pdf" ? a.retry() : t?.kind === "image" ? o.retry() : t?.kind === "image-gallery" && s.retry();
+	}
+	async function p() {
+		await a.destroy(), await o.destroy(), await s.destroy();
+	}
+	return {
+		status: c,
+		pdfDoc: a.pdfDoc,
+		pageProviders: u,
+		info: d,
+		error: l,
+		retry: f,
+		destroy: p
+	};
+}
+//#endregion
+//#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;
+	function o() {
+		return e.devicePixelRatio ? e.devicePixelRatio() : typeof window > "u" ? 1 : Math.min(window.devicePixelRatio || 1, fe);
+	}
+	function s() {
+		for (let e of r.values()) e.cancel();
+	}
+	function c() {
+		a &&= (a.disconnect(), null);
+		let n = e.scrollContainer.value;
+		if (!(!n || typeof IntersectionObserver > "u")) {
+			a = new IntersectionObserver((e) => {
+				for (let n of e) {
+					let e = n.target.dataset.pageIndex;
+					if (e == null) continue;
+					let r = Number(e);
+					if (i.set(r, n.intersectionRatio), n.isIntersecting) {
+						let e = t[r];
+						e && !e.rendered && !e.rendering && p(r);
+					}
+				}
+				l();
+			}, {
+				root: n,
+				rootMargin: "300px 0px 300px 0px",
+				threshold: [
+					0,
+					.1,
+					.5,
+					1
+				]
+			});
+			for (let e of t) e.wrapper && a.observe(e.wrapper);
+		}
+	}
+	function l() {
+		let e = 0, r = -1;
+		for (let n of t) {
+			let t = i.get(n.index) ?? 0;
+			t > r && (r = t, e = n.index);
+		}
+		r > 0 && n.value !== e && (n.value = e);
+	}
+	function u(t, n) {
+		let r = e.scale.value, i = e.rotation.value, a = i === 90 || i === 270;
+		return {
+			w: (a ? n : t) * r,
+			h: (a ? t : n) * r
+		};
+	}
+	function d(e) {
+		t.splice(0, t.length), r.clear(), i.clear();
+		for (let n = 0; n < e.length; n++) {
+			let i = e[n];
+			r.set(n, i);
+			let { w: a, h: o } = u(i.intrinsicWidth, i.intrinsicHeight);
+			t.push({
+				index: n,
+				intrinsicWidth: i.intrinsicWidth,
+				intrinsicHeight: i.intrinsicHeight,
+				displayWidth: a,
+				displayHeight: o,
+				wrapper: null,
+				rendered: !1,
+				rendering: !1
+			});
+		}
+	}
+	function f() {
+		for (let e = 0; e < t.length; e++) {
+			let n = t[e], { w: r, h: i } = u(n.intrinsicWidth, n.intrinsicHeight);
+			if (t[e] = {
+				...n,
+				displayWidth: r,
+				displayHeight: i
+			}, n.wrapper) {
+				let e = n.wrapper.querySelector("canvas.coar-pdf-page__canvas");
+				e && (e.style.width = `${r}px`, e.style.height = `${i}px`);
+				let t = n.wrapper.querySelector("div.textLayer");
+				t && (t.style.width = `${r}px`, t.style.height = `${i}px`);
+			}
+		}
+	}
+	async function p(n) {
+		let i = t[n], a = r.get(n);
+		if (!i || !a || !i.wrapper || i.rendering) return;
+		i.rendering = !0;
+		let s = e.scale.value, c = e.rotation.value, l = o(), u = i.wrapper.querySelector("canvas.coar-pdf-page__canvas");
+		u || (u = document.createElement("canvas"), u.className = "coar-pdf-page__canvas", i.wrapper.insertBefore(u, i.wrapper.firstChild)), u.style.width = `${i.displayWidth}px`, u.style.height = `${i.displayHeight}px`;
+		try {
+			await a.render(u, {
+				scale: s,
+				rotation: c,
+				dpr: l
+			}), i.rendered = !0;
+		} catch (e) {
+			V(e) || console.error(`[CoarDocumentViewer] page ${n + 1} render failed`, e);
+		} finally {
+			i.rendering = !1;
+		}
+		a.getTextLayer && await h(n, a);
+	}
+	async function h(n, r) {
+		if (!r.getTextLayer) return;
+		let i = t[n];
+		if (!i?.wrapper) return;
+		let a = e.scale.value, o = e.rotation.value, s = i.wrapper.querySelector("div.textLayer");
+		if (s || (s = document.createElement("div"), s.className = "textLayer", i.wrapper.appendChild(s)), s.style.width = `${i.displayWidth}px`, s.style.height = `${i.displayHeight}px`, s.style.setProperty("--total-scale-factor", String(a)), i.wrapper.contains(s)) try {
+			await r.getTextLayer(s, {
+				scale: a,
+				rotation: o
+			});
+		} catch (e) {
+			V(e) || console.warn(`[CoarDocumentViewer] text layer for page ${n + 1} failed`, e);
+		}
+	}
+	function g(e, n) {
+		let r = t[e];
+		if (!r) return;
+		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 = {}) {
+		let r = t[e];
+		r?.wrapper && r.wrapper.scrollIntoView({
+			behavior: n.behavior ?? "auto",
+			block: "start",
+			inline: "nearest"
+		});
+	}
+	function y() {
+		f(), s();
+		for (let e of t) e.rendered = !1;
+		for (let [e, t] of i) t > 0 && p(e);
+	}
+	return O(() => 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, () => {
+		c();
+	}, { immediate: !0 }), O(() => [e.scale.value, e.rotation.value], () => {
+		y();
+	}), m(() => {
+		a?.disconnect(), a = null, s(), r.clear();
+	}), {
+		pages: t,
+		visiblePage: n,
+		bindWrapper: g,
+		scrollToPage: v,
+		invalidateRenders: y
+	};
+}
+//#endregion
+//#region src/internal/usePositionMemory.ts
+var me = 250;
+function he(e) {
+	try {
+		let t = localStorage.getItem(e);
+		if (!t) return null;
+		let n = JSON.parse(t);
+		return typeof n.page != "number" || typeof n.pageOffset != "number" || typeof n.zoom != "number" || typeof n.rotation != "number" ? null : {
+			page: n.page,
+			pageOffset: n.pageOffset,
+			zoom: n.zoom,
+			rotation: n.rotation
+		};
+	} catch {
+		return null;
+	}
+}
+function ge(e, t) {
+	try {
+		localStorage.setItem(e, JSON.stringify(t));
+	} catch {}
+}
+function _e(e) {
+	let t = _(!1), r = _(!1), i = null, a = null;
+	function o() {
+		let t = e.scrollContainer.value;
+		if (!t) return null;
+		let n = e.visiblePage.value, r = e.pages[n];
+		if (!r?.wrapper) return {
+			page: n,
+			pageOffset: 0,
+			zoom: e.scale.value,
+			rotation: e.rotation.value
+		};
+		let i = r.wrapper.offsetTop - t.offsetTop, a = (t.scrollTop - i) / Math.max(1, r.displayHeight);
+		return {
+			page: n,
+			pageOffset: Math.max(0, Math.min(1, a)),
+			zoom: e.scale.value,
+			rotation: e.rotation.value
+		};
+	}
+	function s() {
+		if (i != null && (clearTimeout(i), i = null), t.value) return;
+		let n = o();
+		if (!n) return;
+		let r = JSON.stringify(n);
+		if (r === a) return;
+		a = r, e.emitPosition(n);
+		let s = e.storageKey.value;
+		s && ge(s, n);
+	}
+	function c() {
+		t.value || (i != null && clearTimeout(i), i = setTimeout(s, me));
+	}
+	function l(t) {
+		let n = e.scrollContainer.value;
+		if (!n) return;
+		let r = e.pages[t.page];
+		r?.wrapper && (n.scrollTop = r.wrapper.offsetTop - n.offsetTop + t.pageOffset * r.displayHeight);
+	}
+	async function u() {
+		if (r.value || !e.ready.value || e.pages.length === 0) return;
+		let n = e.externalPosition.value, i = e.storageKey.value ? he(e.storageKey.value) : null, a = n ?? i;
+		if (!a) {
+			r.value = !0;
+			return;
+		}
+		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) => {
+		e && (r.value = !1, a = null);
+	}), O(() => [e.ready.value, e.pages.length], ([e, t]) => {
+		e && t > 0 && !r.value && u();
+	}), O(() => [
+		e.visiblePage.value,
+		e.scale.value,
+		e.rotation.value
+	], c);
+	let d = null;
+	function f() {
+		p();
+		let t = e.scrollContainer.value;
+		t && (d = t, t.addEventListener("scroll", c, { passive: !0 }));
+	}
+	function p() {
+		d &&= (d.removeEventListener("scroll", c), null);
+	}
+	return O(() => e.scrollContainer.value, f), h(f), m(() => {
+		p(), i != null && clearTimeout(i);
+	}), O(() => 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(() => {
+			requestAnimationFrame(() => {
+				l(n), setTimeout(() => {
+					t.value = !1;
+				}, 0);
+			});
+		}));
+	}), {
+		current: n(() => o()),
+		flush: s
+	};
+}
+//#endregion
+//#region src/internal/useAnnotationEditor.ts
+function ve(e, t) {
+	if (!t) return null;
+	let n = t.closest(".coar-pdf-page");
+	if (!n) return null;
+	let r = n.dataset.pageIndex;
+	if (r == null) return null;
+	let i = Number(r), a = e[i];
+	return a ? {
+		idx: i,
+		page: a,
+		wrapper: n
+	} : null;
+}
+var ye = 3, U = 18, W = 14, be = .25, G = .06, xe = [
+	1.5,
+	3,
+	6
+], Se = [
+	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 f() {
+		return e.pages;
+	}
+	function p(t) {
+		let n = e.mode.value;
+		if (n !== "comment" && n !== "freetext" || t.target?.closest("[data-annotation-id]")) return;
+		let a = ve(f(), t.target);
+		if (!a) return;
+		let { idx: o, wrapper: s } = a, c = s.getBoundingClientRect(), l = Math.max(0, Math.min(1, (t.clientX - c.left) / Math.max(1, c.width))), u = Math.max(0, Math.min(1, (t.clientY - c.top) / Math.max(1, c.height))), d = new DOMRect(t.clientX, t.clientY, 1, 1);
+		if (n === "comment") r.value = {
+			pageIndex: o,
+			anchor: {
+				x: l,
+				y: u
+			},
+			viewportRect: d,
+			color: e.colors.value[0] ?? "#2563eb"
+		};
+		else {
+			let t = be, n = G;
+			i.value = {
+				pageIndex: o,
+				rect: {
+					x: Math.max(0, Math.min(1 - t, l - t / 2)),
+					y: Math.max(0, Math.min(1 - n, u - n / 2)),
+					w: t,
+					h: n
+				},
+				viewportRect: d,
+				color: e.colors.value[0] ?? "#16a34a"
+			};
+		}
+	}
+	let m = null;
+	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))
+		}, 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;
+			r[r.length - 1] = [t, a];
+		} else i.push(n);
+		a.value = {
+			...a.value,
+			strokes: r.slice()
+		};
+	}
+	function g(t) {
+		let n = e.mode.value;
+		if (n === "select") {
+			E(t);
+			return;
+		}
+		if (n === "eraser") {
+			A(t);
+			return;
+		}
+		if (n !== "ink" && n !== "marker" || t.button !== 0 || !t.altKey && t.target?.closest("[data-annotation-id]")) return;
+		let r = ve(f(), t.target);
+		if (!r) return;
+		m = r.wrapper, t.preventDefault(), t.target.setPointerCapture?.(t.pointerId);
+		let i = n === "marker", o = t.altKey && s.value && s.value.pageIndex === r.idx && s.value.kind === (i ? "marker" : "ink") ? e.annotations.value.find((e) => e.id === s.value.id) : void 0, p = o && (o.type === "ink" || o.type === "marker") ? o : void 0;
+		a.value = {
+			kind: i ? "marker" : "ink",
+			pageIndex: r.idx,
+			strokes: [[]],
+			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);
+	}
+	function v(e) {
+		a.value && h(e);
+	}
+	function y() {
+		window.removeEventListener("pointermove", v), 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);
+		if (n.length !== 0) {
+			if (t.appendToId) {
+				let r = e.annotations.value.find((e) => e.id === t.appendToId);
+				if (r && (r.type === "ink" || r.type === "marker")) {
+					let t = r;
+					e.emitUpdate({
+						id: r.id,
+						patch: { strokes: [...t.strokes, ...n] }
+					});
+					return;
+				}
+			}
+			e.emitCreate({
+				type: t.kind,
+				pageIndex: t.pageIndex,
+				color: t.color,
+				width: t.width,
+				strokes: n
+			});
+		}
+	}
+	function b(t, n) {
+		let r = i.value;
+		if (r) {
+			if (!t.trim()) {
+				i.value = null;
+				return;
+			}
+			e.emitCreate({
+				type: "freetext",
+				pageIndex: r.pageIndex,
+				color: n,
+				rect: r.rect,
+				text: t,
+				fontSize: W
+			}), i.value = null;
+		}
+	}
+	function x() {
+		i.value = null;
+	}
+	function S(t, n) {
+		let i = r.value;
+		i && (e.emitCreate({
+			type: "comment",
+			pageIndex: i.pageIndex,
+			anchor: i.anchor,
+			color: n,
+			comment: t
+		}), r.value = null);
+	}
+	function C() {
+		r.value = null;
+	}
+	let w = null;
+	function T(e) {
+		if (!e) return null;
+		let t = e.closest("[data-annotation-id]");
+		if (!t) return null;
+		let n = t.dataset?.annotationId ?? t.getAttribute?.("data-annotation-id") ?? "";
+		return n ? {
+			el: t,
+			id: n
+		} : null;
+	}
+	function E(n) {
+		if (n.button !== 0) return;
+		let r = T(n.target);
+		if (!r) {
+			t.value = null;
+			return;
+		}
+		if (!e.annotations.value.find((e) => e.id === r.id)) return;
+		let i = ve(f(), n.target);
+		if (!i) return;
+		n.preventDefault(), t.value = r.id, w = r.el;
+		let a = i.wrapper.getBoundingClientRect();
+		o.value = {
+			id: r.id,
+			pageIndex: i.idx,
+			wrapperWidth: a.width,
+			wrapperHeight: a.height,
+			startX: n.clientX,
+			startY: n.clientY,
+			dx: 0,
+			dy: 0
+		}, n.target.setPointerCapture?.(n.pointerId), window.addEventListener("pointermove", D), window.addEventListener("pointerup", k), window.addEventListener("pointercancel", k);
+	}
+	function D(e) {
+		let t = o.value;
+		if (!t || !w) return;
+		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);
+		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);
+		i && e.emitUpdate({
+			id: t.id,
+			patch: i
+		});
+	}
+	function A(n) {
+		if (n.button !== 0) return;
+		let r = T(n.target);
+		if (!r) return;
+		n.preventDefault();
+		let i = e.annotations.value.find((e) => e.id === r.id);
+		if (i) {
+			if (i.type === "ink" || i.type === "marker") {
+				let t = n.target.closest?.("[data-stroke-index]")?.dataset?.strokeIndex ?? null, r = i;
+				if (t !== null && r.strokes.length > 1) {
+					let n = Number(t), a = r.strokes.filter((e, t) => t !== n);
+					e.emitUpdate({
+						id: i.id,
+						patch: { strokes: a }
+					});
+					return;
+				}
+			}
+			e.emitDelete(i.id), t.value === i.id && (t.value = null);
+		}
+	}
+	function j(e) {
+		t.value = e, e && (r.value = null);
+	}
+	let M = n(() => {
+		let n = t.value;
+		return n ? e.annotations.value.find((e) => e.id === n) ?? null : null;
+	}), N = null;
+	function P() {
+		F();
+		let t = e.scrollContainer.value;
+		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);
+	}
+	O(() => e.scrollContainer.value, P, { immediate: !0 }), O(() => 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) => {
+		let t = [];
+		for (let n of e) I.has(n.id) || t.push(n);
+		I = new Set(e.map((e) => e.id));
+		for (let e = t.length - 1; e >= 0; e--) {
+			let n = t[e];
+			if (n.type === "ink" || n.type === "marker") {
+				s.value = {
+					id: n.id,
+					kind: n.type,
+					pageIndex: n.pageIndex
+				};
+				return;
+			}
+		}
+	}, { immediate: !0 }), {
+		selectedAnnotationId: t,
+		selectedAnnotation: M,
+		selectAnnotation: j,
+		draftPin: r,
+		commitDraftPin: S,
+		cancelDraftPin: C,
+		draftFreetext: i,
+		commitDraftFreetext: b,
+		cancelDraftFreetext: x,
+		draftInk: a,
+		draftMove: o,
+		inkWidth: c,
+		inkColor: l,
+		markerWidth: u,
+		markerColor: d,
+		detach: F
+	};
+}
+function we(e, t, n) {
+	switch (e.type) {
+		case "comment": return { anchor: {
+			x: K(e.anchor.x + t),
+			y: K(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);
+			return { rect: {
+				x: Math.max(0, Math.min(i, r.rect.x + t)),
+				y: Math.max(0, Math.min(a, r.rect.y + n)),
+				w: r.rect.w,
+				h: r.rect.h
+			} };
+		}
+		case "ink":
+		case "marker": return { strokes: e.strokes.map((e) => e.map((e) => ({
+			x: K(e.x + t),
+			y: K(e.y + n)
+		}))) };
+	}
+}
+function K(e) {
+	return Math.max(0, Math.min(1, e));
+}
+var q = Math.PI / 12;
+function Te(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);
+	return {
+		x: K(e.x + Math.cos(i) * a),
+		y: K(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;
+	async function u(t) {
+		let n = s.get(t);
+		if (n) return n;
+		let r = e.doc.value;
+		if (!r) throw Error("No document");
+		let i = await r.getPage(t + 1), a = await i.getTextContent(), o = i.getViewport({
+			scale: 1,
+			rotation: 0
+		}), c = [], l = "";
+		for (let e of a.items) {
+			let t = e;
+			typeof t.str == "string" && (c.push({
+				start: l.length,
+				transform: t.transform ?? [
+					1,
+					0,
+					0,
+					1,
+					0,
+					0
+				],
+				str: t.str,
+				width: t.width ?? 0,
+				height: t.height ?? 0
+			}), l += t.str);
+		}
+		let u = {
+			text: l,
+			items: c,
+			viewport: o
+		};
+		return s.set(t, u), u;
+	}
+	function d(e, t, n, r) {
+		let i = Math.max(1, e.str.length), a = e.width / i, o = a * n, s = a * (r - n), c = e.transform[4] + o, l = e.transform[5], u = c + s, d = l + e.height, [f, p, m, h] = t.viewport.convertToViewportRectangle([
+			c,
+			l,
+			u,
+			d
+		]), g = Math.min(f, m), _ = Math.max(f, m), v = Math.min(p, h), y = Math.max(p, h), b = Math.max(1, t.viewport.width), x = Math.max(1, t.viewport.height);
+		return {
+			x: g / b,
+			y: v / x,
+			w: (_ - g) / b,
+			h: (y - v) / x
+		};
+	}
+	function f(e, t, n) {
+		let r = [];
+		for (let i of e.items) {
+			if (i.start + i.str.length <= t) continue;
+			if (i.start >= n) break;
+			let a = Math.max(0, t - i.start), o = Math.min(i.str.length, n - i.start);
+			o <= a || r.push(d(i, e, a, o));
+		}
+		return r;
+	}
+	async function p(t) {
+		let n = ++c, s = e.doc.value, l = t.trim();
+		if (!s || l.length < De) {
+			i.value = [], a.value = -1, o.value = !1;
+			return;
+		}
+		o.value = !0;
+		try {
+			let e = s.numPages, o = [], l = r.value ? t : t.toLowerCase();
+			for (let t = 0; t < e; t++) {
+				if (n !== c) return;
+				let e;
+				try {
+					e = await u(t);
+				} catch {
+					continue;
+				}
+				let i = r.value ? e.text : e.text.toLowerCase(), a = 0;
+				for (; a >= 0 && (a = i.indexOf(l, a), !(a < 0));) {
+					let n = a + l.length, r = f(e, a, n);
+					r.length > 0 && o.push({
+						pageIndex: t,
+						rects: r,
+						text: e.text.slice(a, n)
+					}), a = n;
+				}
+			}
+			if (n !== c) return;
+			i.value = o, a.value = o.length > 0 ? 0 : -1;
+		} finally {
+			n === c && (o.value = !1);
+		}
+	}
+	async function m(e) {
+		return t.value = e, l != null && clearTimeout(l), new Promise((t) => {
+			l = setTimeout(() => {
+				p(e).then(t);
+			}, Ee);
+		});
+	}
+	function h() {
+		i.value.length !== 0 && (a.value = (a.value + 1) % i.value.length);
+	}
+	function g() {
+		i.value.length !== 0 && (a.value = (a.value - 1 + i.value.length) % i.value.length);
+	}
+	function v() {
+		c++, l != null && clearTimeout(l), t.value = "", i.value = [], a.value = -1, o.value = !1;
+	}
+	async function y(e) {
+		let t = c;
+		for (let n = 0; n < e.numPages; n++) {
+			if (t !== c) return;
+			if (!s.has(n)) {
+				try {
+					await u(n);
+				} catch {}
+				await new Promise((e) => setTimeout(e, 0));
+			}
+		}
+	}
+	return O(r, () => {
+		t.value && p(t.value);
+	}), O(() => e.doc.value, (e) => {
+		s.clear(), v(), e && y(e);
+	}, { immediate: !0 }), {
+		query: t,
+		caseSensitive: r,
+		matches: i,
+		currentIndex: a,
+		currentMatch: n(() => {
+			let e = a.value;
+			return e >= 0 && e < i.value.length ? i.value[e] : null;
+		}),
+		searching: o,
+		setQuery: m,
+		next: h,
+		prev: g,
+		clear: v
+	};
+}
+//#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 = [
+	"pan",
+	"select",
+	"eraser",
+	"marker",
+	"note",
+	"ink",
+	"freetext"
+];
+function je(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 (; n.length > 0 && n[0] === "separator";) n.shift();
+	for (; n.length > 0 && n[n.length - 1] === "separator";) n.pop();
+	let r = [];
+	for (let e of n) e === "separator" && r[r.length - 1] === "separator" || r.push(e);
+	return r;
+}
+//#endregion
+//#region src/internal/DocumentToolbar.vue?vue&type=script&setup=true&lang.ts
+var Me = ["aria-label"], Ne = [
+	"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 = [
+	"title",
+	"aria-label",
+	"aria-pressed",
+	"onClick"
+], ze = ["aria-label"], Be = [
+	"title",
+	"aria-label",
+	"aria-checked",
+	"onClick"
+], Ve = { class: "coar-pdf-toolbar__flyout" }, Y = ["aria-label"], He = [
+	"title",
+	"aria-pressed",
+	"onClick"
+], Ue = ["aria-label"], X = [
+	"title",
+	"aria-checked",
+	"onClick"
+], We = /* @__PURE__ */ l({
+	__name: "DocumentToolbar",
+	props: {
+		currentPage: {},
+		pageCount: {},
+		zoom: {},
+		minZoom: {},
+		maxZoom: {},
+		pointerMode: {},
+		annotationMode: {},
+		markerWidthPresets: {},
+		inkWidthPresets: {},
+		markerWidth: {},
+		markerColor: {},
+		inkWidth: {},
+		inkColor: {},
+		colors: {},
+		labels: {},
+		side: {},
+		showSearch: { type: Boolean },
+		showPrintDownload: { type: Boolean },
+		showAnnotationModes: { type: Boolean },
+		showSidebarToggle: { type: Boolean },
+		sidebarOpen: { type: Boolean },
+		showAnnotationsPanelToggle: { type: Boolean },
+		annotationsPanelOpen: { type: Boolean },
+		tools: {},
+		capabilities: {}
+	},
+	emits: [
+		"prev",
+		"next",
+		"jump",
+		"zoom-in",
+		"zoom-out",
+		"fit-width",
+		"fit-page",
+		"reset-zoom",
+		"set-zoom",
+		"reset-view",
+		"rotate-cw",
+		"rotate-ccw",
+		"toggle-pan",
+		"toggle-sidebar",
+		"toggle-annotations-panel",
+		"set-annotation-mode",
+		"update:marker-width",
+		"update:marker-color",
+		"update:ink-width",
+		"update:ink-color",
+		"search",
+		"print",
+		"download"
+	],
+	setup(t, { emit: s }) {
+		let c = t, l = s, u = _(String(c.currentPage + 1)), d = _(null);
+		O(() => c.currentPage, (e) => {
+			document.activeElement !== d.value && (u.value = String(e + 1));
+		});
+		function m() {
+			let e = u.value.trim(), t = Number(e);
+			if (!e || !Number.isFinite(t)) {
+				u.value = String(c.currentPage + 1);
+				return;
+			}
+			let n = Math.max(1, Math.min(c.pageCount, Math.round(t)));
+			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());
+		}
+		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)));
+		});
+		function S() {
+			let e = b.value.trim().replace(/%$/, "").replace(",", ".").trim(), t = Number(e);
+			if (!e || !Number.isFinite(t) || t <= 0) {
+				b.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);
+		}
+		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 D() {
+			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);
+		function F(e, t) {
+			return t === "marker" ? Math.min(22, Math.max(8, e * .7)) : Math.min(16, Math.max(3, e * 2));
+		}
+		function I(e) {
+			let t = c.capabilities;
+			switch (e) {
+				case "prev-page":
+				case "next-page":
+				case "page-input": return !t.multiPage;
+				case "search": return !t.search;
+				case "print": return !t.print;
+				default: return !1;
+			}
+		}
+		function L(e, t) {
+			return I(e) ? `${t} — ${c.labels.notAvailableForSource}` : t;
+		}
+		let ee = n(() => je(c.tools ?? ke, {
+			showSidebarToggle: c.showSidebarToggle,
+			showAnnotationsPanelToggle: c.showAnnotationsPanelToggle,
+			showSearch: c.showSearch,
+			showPrintDownload: c.showPrintDownload,
+			showAnnotationModes: c.showAnnotationModes
+		}));
+		return (n, s) => (g(), r(T(R), {
+			side: t.side,
+			collapsed: !0,
+			size: "s",
+			variant: "primary",
+			borderless: !1,
+			"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), {
+				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), {
+				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), {
+				key: 3,
+				icon: "chevron-up",
+				label: L("prev-page", t.labels.prevPage),
+				disabled: !j.value || I("prev-page"),
+				onClick: s[2] ||= (e) => l("prev")
+			}, null, 8, ["label", "disabled"])) : n === "page-input" ? (g(), a("div", {
+				key: 4,
+				class: f(["coar-pdf-toolbar__inline-page", { "coar-pdf-toolbar__inline-page--disabled": I("page-input") }]),
+				role: "group",
+				"aria-label": t.labels.pageJumpAria
+			}, [
+				A(o("input", {
+					ref_for: !0,
+					ref_key: "pageInputEl",
+					ref: d,
+					"onUpdate:modelValue": s[3] ||= (e) => u.value = e,
+					class: "coar-pdf-toolbar__page-input",
+					type: "text",
+					inputmode: "numeric",
+					"aria-label": t.labels.pageJumpAria,
+					title: L("page-input", t.labels.pageJumpAria),
+					disabled: I("page-input"),
+					onBlur: m,
+					onKeydown: h
+				}, null, 40, Ne), [[E, 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), {
+				key: 5,
+				icon: "chevron-down",
+				label: L("next-page", t.labels.nextPage),
+				disabled: !M.value || I("next-page"),
+				onClick: s[4] ||= (e) => l("next")
+			}, null, 8, ["label", "disabled"])) : n === "zoom-out" ? (g(), r(T(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", {
+				key: 7,
+				class: "coar-pdf-toolbar__zoom-readout",
+				role: "group",
+				"aria-label": t.labels.zoomLevel
+			}, [A(o("input", {
+				ref_for: !0,
+				ref_key: "zoomInputEl",
+				ref: x,
+				"onUpdate:modelValue": s[6] ||= (e) => b.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", {
+				class: "coar-pdf-toolbar__zoom-suffix",
+				"aria-hidden": "true"
+			}, "%", -1)], 8, Pe)) : n === "zoom-in" ? (g(), r(T(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), {
+				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), {
+				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), {
+				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), {
+				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), {
+				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), {
+				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), {
+				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), {
+				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), {
+				key: 17,
+				icon: "highlighter",
+				label: t.labels.modeMarker,
+				mode: "flyout",
+				"open-on-hover": !0,
+				"split-trigger": !0,
+				active: t.annotationMode === "marker",
+				onTriggerClick: s[16] ||= (e) => l("set-annotation-mode", t.annotationMode === "marker" ? "view" : "marker")
+			}, {
+				default: k(() => [o("div", Ie, [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", {
+					key: e,
+					type: "button",
+					class: f(["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({
+						width: F(e, "marker") + "px",
+						height: F(e, "marker") + "px",
+						background: t.markerColor
+					})
+				}, null, 4)], 10, Re))), 128))], 8, Le), 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", {
+					key: e,
+					type: "button",
+					class: f(["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 }),
+					onClick: (t) => l("update:marker-color", e)
+				}, null, 14, Be))), 128))], 8, ze)])]),
+				_: 1
+			}, 8, ["label", "active"])) : n === "note" ? (g(), r(T(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), {
+				key: 19,
+				icon: "pencil",
+				label: t.labels.modeInk,
+				mode: "flyout",
+				"open-on-hover": !0,
+				"split-trigger": !0,
+				active: t.annotationMode === "ink",
+				onTriggerClick: s[18] ||= (e) => l("set-annotation-mode", t.annotationMode === "ink" ? "view" : "ink")
+			}, {
+				default: k(() => [o("div", Ve, [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", {
+					key: e,
+					type: "button",
+					class: f(["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({
+						width: F(e, "ink") + "px",
+						height: F(e, "ink") + "px",
+						background: t.inkColor
+					})
+				}, null, 4)], 10, He))), 128))], 8, Y), 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", {
+					key: e,
+					type: "button",
+					class: f(["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 }),
+					onClick: (t) => l("update:ink-color", e)
+				}, null, 14, X))), 128))], 8, Ue)])]),
+				_: 1
+			}, 8, ["label", "active"])) : n === "freetext" ? (g(), r(T(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), {
+				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), {
+				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), {
+				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)]),
+			_: 3
+		}, 8, ["side", "aria-label"]));
+	}
+}), Z = (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 = {
+	class: "coar-pdf-searchbar",
+	role: "search"
+}, qe = [
+	"placeholder",
+	"aria-label",
+	"value"
+], Je = ["data-empty"], Ye = [
+	"disabled",
+	"title",
+	"aria-label"
+], Xe = [
+	"disabled",
+	"title",
+	"aria-label"
+], Ze = /* @__PURE__ */ Z(/* @__PURE__ */ l({
+	__name: "DocumentSearchBar",
+	props: {
+		query: {},
+		matchCount: {},
+		currentIndex: {},
+		searching: { type: Boolean },
+		labels: {}
+	},
+	emits: [
+		"update:query",
+		"next",
+		"prev",
+		"close"
+	],
+	setup(e, { emit: t }) {
+		let r = e, i = t, s = _(null), l = _(r.query);
+		O(() => 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) {
+			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), {
+				name: "search",
+				size: "s",
+				class: "coar-pdf-searchbar__icon"
+			}),
+			o("input", {
+				ref_key: "inputEl",
+				ref: s,
+				class: "coar-pdf-searchbar__input",
+				type: "search",
+				placeholder: e.labels.search,
+				"aria-label": e.labels.search,
+				value: l.value,
+				onInput: u,
+				onKeydown: f
+			}, null, 40, qe),
+			o("span", {
+				class: "coar-pdf-searchbar__count",
+				"aria-live": "polite",
+				"data-empty": !p.value
+			}, C(p.value), 9, Je),
+			o("button", {
+				type: "button",
+				class: "coar-pdf-searchbar__btn",
+				disabled: e.matchCount === 0,
+				title: e.labels.searchPrev,
+				"aria-label": e.labels.searchPrev,
+				onClick: n[0] ||= (e) => i("prev")
+			}, [c(T(F), {
+				name: "chevron-up",
+				size: "s"
+			})], 8, Ye),
+			o("button", {
+				type: "button",
+				class: "coar-pdf-searchbar__btn",
+				disabled: e.matchCount === 0,
+				title: e.labels.searchNext,
+				"aria-label": e.labels.searchNext,
+				onClick: n[1] ||= (e) => i("next")
+			}, [c(T(F), {
+				name: "chevron-down",
+				size: "s"
+			})], 8, Xe),
+			o("button", {
+				type: "button",
+				class: "coar-pdf-searchbar__btn",
+				title: "Close",
+				"aria-label": "Close",
+				onClick: n[2] ||= (e) => i("close")
+			}, [c(T(F), {
+				name: "x",
+				size: "s"
+			})])
+		]));
+	}
+}), [["__scopeId", "data-v-ec33c527"]]), Qe = { class: "coar-pdf-sidebar__outline-list" }, $e = ["onClick"], et = /* @__PURE__ */ l({
+	__name: "PdfOutlineList",
+	props: {
+		nodes: {
+			type: Array,
+			required: !0
+		},
+		depth: {
+			type: Number,
+			default: 0
+		}
+	},
+	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", {
+				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` }),
+				onClick: (t) => n.$emit("jump", e)
+			}, C(e.title || "(untitled)"), 13, $e), e.items && e.items.length > 0 ? (g(), r(c, {
+				key: 0,
+				nodes: e.items,
+				depth: t.depth + 1,
+				onJump: s[0] ||= (e) => n.$emit("jump", e)
+			}, null, 8, ["nodes", "depth"])) : i("", !0)]))), 128))]);
+		};
+	}
+}), tt = ["aria-label"], nt = { class: "coar-pdf-sidebar__header" }, Q = {
+	class: "coar-pdf-sidebar__tabs",
+	role: "tablist"
+}, rt = ["aria-selected"], it = ["aria-selected"], at = [
+	"data-thumb-page",
+	"aria-label",
+	"aria-current",
+	"onClick"
+], ot = { class: "coar-pdf-sidebar__thumb-label" }, st = {
+	key: 0,
+	class: "coar-pdf-sidebar__outline",
+	role: "tabpanel"
+}, ct = 120, lt = /* @__PURE__ */ Z(/* @__PURE__ */ l({
+	__name: "DocumentSidebar",
+	props: {
+		doc: {},
+		pageProviders: {},
+		pageCount: {},
+		visiblePage: {},
+		showThumbnails: { type: Boolean },
+		showOutline: { type: Boolean },
+		labels: {}
+	},
+	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;
+				try {
+					let t = await e.getOutline();
+					!t || t.length === 0 ? h.value = null : h.value = t;
+				} catch {
+					h.value = null;
+				} finally {
+					y.value = !1;
+				}
+			}
+		}, { immediate: !0 });
+		let b = n(() => h.value && h.value.length > 0);
+		O(b, (e) => {
+			!e && p.value === "outline" && (p.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 t = x.value?.querySelector(`[data-thumb-page="${e}"]`);
+			if (!t) return;
+			let n = l.pageProviders?.[e];
+			if (n) {
+				E.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, {
+						scale: i,
+						rotation: 0,
+						dpr: r
+					}), w.add(e);
+				} catch {} finally {
+					E.delete(e);
+				}
+			}
+		}
+		function M() {
+			k?.disconnect();
+			let e = x.value;
+			if (!(!e || typeof IntersectionObserver > "u")) {
+				k = new IntersectionObserver((e) => {
+					for (let t of e) {
+						if (!t.isIntersecting) continue;
+						let e = Number(t.target.dataset.thumbPage);
+						Number.isFinite(e) && j(e);
+					}
+				}, {
+					root: e,
+					rootMargin: "200px 0px",
+					threshold: 0
+				});
+				for (let t of e.querySelectorAll("[data-thumb-page]")) k.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({
+				block: "nearest",
+				behavior: "smooth"
+			}));
+		}), m(() => {
+			k?.disconnect(), k = null;
+		});
+		async function N(e) {
+			if (e.resolvedPageIndex != null) return e.resolvedPageIndex;
+			let t = e.dest;
+			if (!t || !l.doc) return null;
+			try {
+				let n = t;
+				if (typeof t == "string") {
+					let e = await l.doc.getDestination(t);
+					if (!e) return null;
+					n = e;
+				}
+				if (!Array.isArray(n) || n.length === 0) return null;
+				let r = n[0], i = await l.doc.getPageIndex(r);
+				return e.resolvedPageIndex = i, i;
+			} catch {
+				return null;
+			}
+		}
+		async function P(e) {
+			let t = await N(e);
+			t != null && u("jump", t);
+		}
+		return (n, s) => (g(), a("aside", {
+			class: "coar-pdf-sidebar",
+			"aria-label": t.labels.thumbnails
+		}, [
+			o("div", nt, [o("div", Q, [t.showThumbnails ? (g(), a("button", {
+				key: 0,
+				type: "button",
+				class: f(["coar-pdf-sidebar__tab", { "coar-pdf-sidebar__tab--active": p.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", {
+				key: 1,
+				type: "button",
+				class: f(["coar-pdf-sidebar__tab", { "coar-pdf-sidebar__tab--active": p.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", {
+				type: "button",
+				class: "coar-pdf-sidebar__close",
+				title: "Close",
+				"aria-label": "Close",
+				onClick: s[2] ||= (e) => u("close")
+			}, [c(T(F), {
+				name: "x",
+				size: "s"
+			})])]),
+			A(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", {
+				key: e,
+				type: "button",
+				class: f(["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, {
+				key: 0,
+				nodes: h.value,
+				onJump: P
+			}, null, 8, ["nodes"])) : i("", !0)])) : i("", !0)
+		], 8, tt));
+	}
+}), [["__scopeId", "data-v-d8662946"]]), ut = ["aria-label"], dt = ["aria-expanded"], ft = { class: "coar-pdf-info__title" }, pt = {
+	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({
+	__name: "DocumentInfoSection",
+	props: {
+		info: {},
+		currentPage: {},
+		labels: {}
+	},
+	setup(t) {
+		let r = t, s = _(!0);
+		function l() {
+			s.value = !s.value;
+		}
+		let u = n(() => r.info?.kind === "pdf" ? "pt" : "px");
+		function d(e) {
+			if (e < 1024) return `${e} B`;
+			let t = e / 1024;
+			if (t < 1024) return `${t.toFixed(+(t < 10))} KB`;
+			let n = t / 1024;
+			return n < 1024 ? `${n.toFixed(+(n < 10))} MB` : `${(n / 1024).toFixed(2)} GB`;
+		}
+		let p = n(() => {
+			let e = r.info;
+			if (!e) return [];
+			let t = [{
+				label: r.labels.infoFormat,
+				value: e.format
+			}, {
+				label: r.labels.infoPages,
+				value: String(e.pageCount)
+			}];
+			if (r.currentPage) {
+				let { index: e, width: n, height: i } = r.currentPage;
+				t.push({
+					label: `${r.labels.infoPage} ${e + 1}`,
+					value: `${Math.round(n)} × ${Math.round(i)} ${u.value}`
+				});
+			}
+			return typeof e.bytes == "number" && t.push({
+				label: r.labels.infoSize,
+				value: d(e.bytes)
+			}), t;
+		}), m = n(() => {
+			let e = r.info?.pdf;
+			if (!e) return [];
+			let t = [];
+			return e.title && t.push({
+				label: r.labels.infoTitle,
+				value: e.title
+			}), e.author && t.push({
+				label: r.labels.infoAuthor,
+				value: e.author
+			}), e.subject && t.push({
+				label: r.labels.infoSubject,
+				value: e.subject
+			}), e.keywords && t.push({
+				label: r.labels.infoKeywords,
+				value: e.keywords
+			}), t;
+		}), h = n(() => {
+			let e = r.info?.pdf;
+			if (!e) return [];
+			let t = [];
+			return e.creator && t.push({
+				label: r.labels.infoCreator,
+				value: e.creator
+			}), e.producer && t.push({
+				label: r.labels.infoProducer,
+				value: e.producer
+			}), e.creationDate && t.push({
+				label: r.labels.infoCreated,
+				value: e.creationDate
+			}), e.modificationDate && t.push({
+				label: r.labels.infoModified,
+				value: e.modificationDate
+			}), e.version && t.push({
+				label: r.labels.infoPdfVersion,
+				value: e.version
+			}), t;
+		});
+		return (n, r) => t.info ? (g(), a("section", {
+			key: 0,
+			class: f(["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), {
+			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", {
+				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", {
+				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);
+	}
+}), [["__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 = [
+	"title",
+	"aria-label",
+	"aria-pressed",
+	"onClick"
+], Mt = {
+	class: "coar-pdf-anno-panel__list",
+	role: "list"
+}, Nt = {
+	key: 0,
+	class: "coar-pdf-anno-panel__empty"
+}, Pt = {
+	key: 0,
+	class: "coar-pdf-anno-panel__group-header"
+}, Ft = [
+	"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({
+	__name: "DocumentAnnotationPanel",
+	props: {
+		annotations: {},
+		selectedId: {},
+		info: {},
+		currentPageInfo: {},
+		labels: {}
+	},
+	emits: [
+		"select",
+		"delete",
+		"close"
+	],
+	setup(t, { emit: r }) {
+		let l = t, u = r, d = _("page"), m = _(""), h = _(new Set([
+			"marker",
+			"comment",
+			"ink",
+			"freetext"
+		])), y = {
+			marker: "highlighter",
+			comment: "message-square",
+			ink: "pencil",
+			freetext: "type"
+		}, b = [
+			"marker",
+			"comment",
+			"ink",
+			"freetext"
+		];
+		function x(e) {
+			return e.type === "freetext" ? e.text || "" : e.comment || "";
+		}
+		let S = n(() => {
+			let e = m.value.trim().toLowerCase();
+			return l.annotations.filter((t) => h.value.has(t.type) ? e ? x(t).toLowerCase().includes(e) : !0 : !1);
+		}), w = n(() => {
+			if (d.value === "chronological") return [{
+				pageIndex: -1,
+				items: [...S.value].sort((e, t) => (e.createdAt || "").localeCompare(t.createdAt || ""))
+			}];
+			let e = /* @__PURE__ */ new Map();
+			for (let t of S.value) {
+				let n = e.get(t.pageIndex);
+				n ? n.push(t) : e.set(t.pageIndex, [t]);
+			}
+			return [...e.entries()].sort(([e], [t]) => e - t).map(([e, t]) => ({
+				pageIndex: e,
+				items: t
+			}));
+		});
+		function D(e) {
+			let t = new Set(h.value);
+			t.has(e) ? t.delete(e) : t.add(e), h.value = t;
+		}
+		function O(e) {
+			if (!e) return "";
+			let t = new Date(e).getTime();
+			if (Number.isNaN(t)) return "";
+			let n = Date.now() - t, r = Math.round(n / 6e4);
+			if (r < 1) return l.labels.justNow;
+			if (r < 60) return `${r}m`;
+			let i = Math.round(r / 60);
+			return i < 24 ? `${i}h` : `${Math.round(i / 24)}d`;
+		}
+		let N = n(() => [{
+			value: "page",
+			label: l.labels.sortByPage,
+			icon: "file-text"
+		}, {
+			value: "chronological",
+			label: l.labels.sortChronological,
+			icon: "clock"
+		}]);
+		return (n, r) => (g(), a("aside", {
+			class: "coar-pdf-anno-panel",
+			"aria-label": t.labels.annotationsPanel
+		}, [
+			c(St, {
+				info: t.info ?? null,
+				"current-page": t.currentPageInfo ?? null,
+				labels: t.labels
+			}, null, 8, [
+				"info",
+				"current-page",
+				"labels"
+			]),
+			o("div", wt, [
+				o("span", Tt, C(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),
+				o("button", {
+					type: "button",
+					class: "coar-pdf-anno-panel__close",
+					title: "Close",
+					"aria-label": "Close",
+					onClick: r[0] ||= (e) => u("close")
+				}, [c(T(F), {
+					name: "x",
+					size: "s"
+				})])
+			]),
+			o("div", Dt, [
+				c(T(te), {
+					modelValue: d.value,
+					"onUpdate:modelValue": r[1] ||= (e) => d.value = e,
+					size: "xs",
+					"full-width": "",
+					options: N.value,
+					"aria-label": t.labels.sortBy
+				}, null, 8, [
+					"modelValue",
+					"options",
+					"aria-label"
+				]),
+				o("div", Ot, [c(T(F), {
+					name: "search",
+					size: "xs",
+					class: "coar-pdf-anno-panel__search-icon"
+				}), A(o("input", {
+					"onUpdate:modelValue": r[2] ||= (e) => m.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]])]),
+				o("div", {
+					class: "coar-pdf-anno-panel__filters",
+					role: "group",
+					"aria-label": t.labels.filterBy
+				}, [(g(), a(e, null, v(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) }]),
+					title: e,
+					"aria-label": e,
+					"aria-pressed": h.value.has(e),
+					onClick: (t) => D(e)
+				}, [c(T(F), {
+					name: y[e],
+					size: "xs"
+				}, null, 8, ["name"])], 10, jt)), 64))], 8, At)
+			]),
+			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", {
+				key: n.id,
+				class: f(["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"])]
+			}, [
+				o("span", {
+					class: "coar-pdf-anno-panel__item-icon",
+					style: p({ color: n.color })
+				}, [c(T(F), {
+					name: y[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", {
+					class: "coar-pdf-anno-panel__item-menu-wrap",
+					onClick: r[3] ||= M(() => {}, ["stop"]),
+					onKeydown: r[4] ||= M(() => {}, ["stop"])
+				}, [c(T(ee), {
+					mode: "click",
+					offset: 4
+				}, {
+					default: k(() => [o("button", {
+						type: "button",
+						class: "coar-pdf-anno-panel__item-menu",
+						title: t.labels.moreActions,
+						"aria-label": t.labels.moreActions
+					}, [c(T(F), {
+						name: "more-vertical",
+						size: "xs"
+					})], 8, zt)]),
+					content: k(() => [c(T(I), null, {
+						default: k(() => [c(T(L), {
+							icon: "trash-2",
+							onClick: (e) => u("delete", n.id)
+						}, {
+							default: k(() => [s(C(t.labels.annotationDelete), 1)]),
+							_: 1
+						}, 8, ["onClick"])]),
+						_: 2
+					}, 1024)]),
+					_: 2
+				}, 1024)], 32)
+			], 42, Ft))), 128))], 64))), 128))])
+		], 8, Ct));
+	}
+}), [["__scopeId", "data-v-bacf840c"]]), Vt = ["aria-hidden"], Ht = [
+	"width",
+	"height",
+	"viewBox"
+], Ut = ["data-annotation-id"], Wt = [
+	"data-stroke-index",
+	"points",
+	"stroke",
+	"stroke-width",
+	"onClick"
+], Gt = [
+	"width",
+	"height",
+	"viewBox"
+], Kt = ["data-annotation-id"], qt = [
+	"data-stroke-index",
+	"points",
+	"stroke",
+	"stroke-width",
+	"onClick"
+], Jt = ["data-annotation-id", "onClick"], Yt = [
+	"data-annotation-id",
+	"title",
+	"aria-label",
+	"onClick"
+], Xt = /* @__PURE__ */ Z(/* @__PURE__ */ l({
+	__name: "AnnotationLayer",
+	props: {
+		annotations: {},
+		displayWidth: {},
+		displayHeight: {},
+		rotation: {}
+	},
+	emits: ["annotation-click"],
+	setup(t, { emit: r }) {
+		let s = t, c = r;
+		function l(e) {
+			return `${e}px`;
+		}
+		function u(e) {
+			return {
+				left: l(e.anchor.x * s.displayWidth),
+				top: l(e.anchor.y * s.displayHeight),
+				background: e.color
+			};
+		}
+		function d(e) {
+			return {
+				left: l(e.rect.x * s.displayWidth),
+				top: l(e.rect.y * s.displayHeight),
+				width: l(e.rect.w * s.displayWidth),
+				height: l(e.rect.h * s.displayHeight),
+				color: e.color,
+				fontSize: l(e.fontSize)
+			};
+		}
+		function f(e) {
+			return e.map((e) => `${e.x * s.displayWidth},${e.y * s.displayHeight}`).join(" ");
+		}
+		let m = n(() => {
+			let e = s.rotation ?? 0, t = s.displayWidth, n = s.displayHeight;
+			switch (e) {
+				case 90: return `translate(${n}px, 0) rotate(90deg)`;
+				case 180: return `translate(${t}px, ${n}px) rotate(180deg)`;
+				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", {
+			class: "coar-pdf-annotation-layer",
+			style: p({
+				width: t.displayWidth + "px",
+				height: t.displayHeight + "px",
+				transform: m.value
+			}),
+			"aria-hidden": t.annotations.length === 0
+		}, [
+			y.value.length > 0 ? (g(), 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", {
+				key: t.id,
+				"data-annotation-id": t.id
+			}, [(g(!0), a(e, null, v(t.strokes, (e, n) => (g(), a("polyline", {
+				key: n,
+				"data-stroke-index": n,
+				points: f(e),
+				fill: "none",
+				stroke: t.color,
+				"stroke-width": t.width,
+				"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", {
+				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", {
+				key: t.id,
+				"data-annotation-id": t.id
+			}, [(g(!0), a(e, null, v(t.strokes, (e, n) => (g(), a("polyline", {
+				key: n,
+				"data-stroke-index": n,
+				points: f(e),
+				fill: "none",
+				stroke: t.color,
+				"stroke-width": t.width,
+				"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", {
+				key: e.id,
+				class: "coar-pdf-annotation-freetext",
+				style: p(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", {
+				key: e.id,
+				type: "button",
+				class: "coar-pdf-annotation-pin",
+				style: p(u(e)),
+				"data-annotation-id": e.id,
+				title: e.comment,
+				"aria-label": e.comment,
+				onClick: M((t) => c("annotation-click", e.id), ["stop"])
+			}, [...r[0] ||= [o("svg", {
+				viewBox: "0 0 24 24",
+				width: "12",
+				height: "12",
+				fill: "none",
+				stroke: "currentColor",
+				"stroke-width": "2.5",
+				"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));
+	}
+}), [["__scopeId", "data-v-28755751"]]), Zt = ["aria-label"], Qt = ["aria-label"], $t = [
+	"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({
+	__name: "AnnotationPopover",
+	props: {
+		anchor: {},
+		initialComment: {},
+		initialColor: {},
+		colors: {},
+		draft: { type: Boolean },
+		labels: {}
+	},
+	emits: [
+		"save",
+		"delete",
+		"close"
+	],
+	setup(s, { emit: c }) {
+		let l = s, u = c, y = _(null), b = _(null), x = _(l.initialComment), S = _(l.initialColor), w = _({
+			top: 0,
+			left: 0
+		});
+		function T() {
+			let e = y.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 = {
+				top: i,
+				left: a
+			};
+		}
+		function D() {
+			l.draft || u("save", {
+				comment: x.value,
+				color: S.value
+			});
+		}
+		function k(e) {
+			e.key === "Enter" && (e.ctrlKey || e.metaKey) && (e.preventDefault(), l.draft ? u("save", {
+				comment: x.value,
+				color: S.value
+			}) : D(), b.value?.blur());
+		}
+		function j(e) {
+			y.value && (y.value.contains(e.target) || u("close"));
+		}
+		function N(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);
+			}, 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", {
+			ref_key: "root",
+			ref: y,
+			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"
+			}),
+			onMousedown: c[4] ||= M(() => {}, ["stop"]),
+			onClick: c[5] ||= M(() => {}, ["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", {
+				key: e,
+				type: "button",
+				class: f(["coar-pdf-annotation-popover__swatch", { "coar-pdf-annotation-popover__swatch--active": e === S.value }]),
+				style: p({ background: e }),
+				"aria-label": e,
+				"aria-checked": e === S.value,
+				role: "radio",
+				onClick: (t) => {
+					S.value = e, D();
+				}
+			}, null, 14, $t))), 128))], 8, Qt),
+			A(o("textarea", {
+				ref_key: "textareaRef",
+				ref: b,
+				"onUpdate:modelValue": c[0] ||= (e) => x.value = e,
+				class: "coar-pdf-annotation-popover__textarea",
+				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", {
+				type: "button",
+				class: "coar-pdf-annotation-popover__btn coar-pdf-annotation-popover__btn--ghost",
+				onClick: c[1] ||= (e) => u("close")
+			}, "Cancel"), o("button", {
+				type: "button",
+				class: "coar-pdf-annotation-popover__btn coar-pdf-annotation-popover__btn--primary",
+				onClick: c[2] ||= (e) => u("save", {
+					comment: x.value,
+					color: S.value
+				})
+			}, "Save")], 64)) : (g(), 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", {
+				key: 0,
+				type: "button",
+				class: "coar-pdf-annotation-popover__btn coar-pdf-annotation-popover__btn--primary",
+				onClick: D
+			}, "Save")) : i("", !0)], 64))])
+		], 44, Zt)]));
+	}
+}), [["__scopeId", "data-v-a956f092"]]), an = ["data-status"], on = { class: "coar-pdf-viewer__center" }, sn = { class: "coar-pdf-viewer__body" }, cn = {
+	key: 0,
+	class: "coar-pdf-viewer__pages"
+}, ln = ["data-page-index", "aria-label"], un = {
+	key: 1,
+	class: "coar-pdf-viewer__overlay coar-pdf-viewer__overlay--loading",
+	role: "status",
+	"aria-live": "polite"
+}, dn = {
+	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({
+	__name: "CoarDocumentViewer",
+	props: {
+		source: {},
+		showToolbar: {
+			type: Boolean,
+			default: !0
+		},
+		showThumbnails: {
+			type: Boolean,
+			default: !1
+		},
+		showOutline: {
+			type: Boolean,
+			default: !1
+		},
+		showAnnotationsPanel: {
+			type: Boolean,
+			default: !1
+		},
+		showInfoSection: {
+			type: Boolean,
+			default: !0
+		},
+		showSearch: {
+			type: Boolean,
+			default: !0
+		},
+		showPrintDownload: {
+			type: Boolean,
+			default: !1
+		},
+		showAnnotationModes: {
+			type: Boolean,
+			default: !0
+		},
+		toolbarPosition: { default: "top" },
+		storageKey: { default: void 0 },
+		position: { default: void 0 },
+		tools: { default: void 0 },
+		annotations: { default: () => [] },
+		annotationMode: { default: "view" },
+		annotationColors: { default: () => [
+			"#fde68a",
+			"#fca5a5",
+			"#86efac",
+			"#93c5fd",
+			"#c4b5fd",
+			"#facc15",
+			"#ec4899"
+		] },
+		labels: { default: () => ({}) }
+	},
+	emits: [
+		"update:position",
+		"update:annotationMode",
+		"annotation:create",
+		"annotation:update",
+		"annotation:delete",
+		"error"
+	],
+	setup(t, { expose: l, emit: m }) {
+		let h = [
+			.25,
+			.33,
+			.5,
+			.67,
+			.75,
+			.9,
+			1,
+			1.1,
+			1.25,
+			1.5,
+			1.75,
+			2,
+			2.5,
+			3,
+			3.5,
+			4
+		], b = h[0], x = h[h.length - 1], S = t, E = m, D = {
+			loading: "Loading PDF…",
+			errorTitle: "Could not load the PDF.",
+			errorRetry: "Retry",
+			pageOf: "Page {current} of {total}",
+			pageJumpAria: "Jump to page",
+			prevPage: "Previous page",
+			nextPage: "Next page",
+			zoomIn: "Zoom in",
+			zoomOut: "Zoom out",
+			resetZoom: "Reset zoom to 100%",
+			zoomLevel: "Zoom level (%)",
+			fitWidth: "Fit to width",
+			fitPage: "Fit to page",
+			resetView: "Reset zoom & rotation",
+			pan: "Pan (hand tool)",
+			rotateCw: "Rotate clockwise",
+			rotateCcw: "Rotate counter-clockwise",
+			search: "Search",
+			searchNext: "Next match",
+			searchPrev: "Previous match",
+			searchMatchOf: "{current} of {total}",
+			thumbnails: "Thumbnails",
+			outline: "Outline",
+			print: "Print",
+			download: "Download",
+			annotationsPanel: "Annotations",
+			noAnnotations: "No annotations yet",
+			noMatchingAnnotations: "No annotations match the current filter",
+			searchAnnotations: "Search annotations…",
+			filterBy: "Filter by type",
+			sortBy: "Sort by",
+			sortByPage: "By page",
+			sortChronological: "Chronological",
+			pagePrefix: "Page",
+			justNow: "now",
+			moreActions: "More actions",
+			modeView: "View",
+			modeSelect: "Select — drag to move (Alt+drag a marker/pen to extend it; Ctrl+drag = straight line, Shift+drag = straight + snap to 15°)",
+			modeEraser: "Eraser — click a stroke to remove it",
+			modeMarker: "Marker",
+			modeNote: "Note",
+			modeInk: "Draw",
+			modeFreetext: "Text",
+			strokeWidth: "Stroke width",
+			annotationDelete: "Delete",
+			annotationEditComment: "Edit comment",
+			annotationColor: "Color",
+			notAvailableForSource: "not available for this file",
+			infoSection: "Info",
+			infoFormat: "Format",
+			infoPages: "Pages",
+			infoPage: "Page",
+			infoSize: "Size",
+			infoTitle: "Title",
+			infoAuthor: "Author",
+			infoSubject: "Subject",
+			infoKeywords: "Keywords",
+			infoCreator: "Creator",
+			infoProducer: "Producer",
+			infoCreated: "Created",
+			infoModified: "Modified",
+			infoPdfVersion: "PDF version"
+		}, k = n(() => ({
+			...D,
+			...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);
+		_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)
+		});
+		let V = Ce({
+			mode: n(() => S.annotationMode),
+			annotations: n(() => S.annotations),
+			pages: z.pages,
+			scrollContainer: M,
+			colors: n(() => S.annotationColors),
+			emitCreate: (e) => E("annotation:create", e),
+			emitUpdate: (e) => E("annotation:update", e),
+			emitDelete: (e) => E("annotation:delete", e)
+		}), re = n(() => {
+			let e = /* @__PURE__ */ new Map();
+			for (let t of S.annotations) {
+				let n = e.get(t.pageIndex);
+				n ? n.push(t) : e.set(t.pageIndex, [t]);
+			}
+			return e;
+		});
+		function ie(e) {
+			let t = re.value.get(e) ?? [], n = V.draftInk.value;
+			if (n && n.pageIndex === e) {
+				let r = {
+					id: "__coar-pdf-draft-stroke__",
+					type: n.kind,
+					pageIndex: e,
+					color: n.color,
+					createdAt: "",
+					width: n.width,
+					strokes: n.strokes
+				};
+				return [...t, r];
+			}
+			return t;
+		}
+		function H(e) {
+			let t = M.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;
+		}
+		O(() => V.selectedAnnotationId.value, oe, { flush: "post" }), O([
+			A,
+			j,
+			() => S.annotations
+		], () => {
+			V.selectedAnnotationId.value && requestAnimationFrame(() => requestAnimationFrame(oe));
+		});
+		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");
+		}
+		function le() {
+			return V.selectedAnnotation.value?.type === "freetext" ? "text" : "comment";
+		}
+		let ue = n(() => {
+			let e = V.selectedAnnotation.value;
+			return e ? (e.type === "freetext" ? e.text : e.comment) ?? "" : "";
+		});
+		function fe(e) {
+			let t = V.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", {
+				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);
+		}
+		function ge(e) {
+			V.commitDraftPin(e.comment, e.color);
+		}
+		function ve(e) {
+			V.commitDraftFreetext(e.comment, e.color);
+		}
+		let ye = _(!1), U = Oe({ doc: I }), W = _(!1);
+		function be() {
+			W.value = !W.value;
+		}
+		let G = _(!1);
+		function we() {
+			G.value = !G.value;
+		}
+		let K = _(hn), q = _(_n), Te = _(null), Ee = _(null);
+		function De(e, t) {
+			t.preventDefault(), Te.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));
+			}
+			function o() {
+				Te.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) {
+			let t = S.annotations.find((t) => t.id === e);
+			t && (V.selectAnnotation(e), z.scrollToPage(t.pageIndex, { behavior: "smooth" }));
+		}
+		function Ae(e) {
+			E("annotation:delete", e), V.selectedAnnotationId.value === e && V.selectAnnotation(null);
+		}
+		function je(e) {
+			z.scrollToPage(e, { behavior: "smooth" });
+		}
+		let Me = n(() => {
+			let e = /* @__PURE__ */ new Map();
+			for (let t of U.matches.value) {
+				let n = e.get(t.pageIndex);
+				n ? n.push(t) : e.set(t.pageIndex, [t]);
+			}
+			return e;
+		});
+		function Ne(e) {
+			return Me.value.get(e) ?? [];
+		}
+		function J(e, t) {
+			return {
+				w: e * A.value,
+				h: t * A.value
+			};
+		}
+		let Pe = n(() => (e, t) => {
+			switch (j.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)`;
+				default: return "none";
+			}
+		});
+		function Fe(e) {
+			return U.currentMatch.value === e;
+		}
+		function Ie() {
+			ye.value = !0;
+		}
+		function Le() {
+			ye.value = !1, U.clear();
+		}
+		function Re(e) {
+			U.setQuery(e);
+		}
+		O(() => U.currentMatch.value, (e) => {
+			e && (z.scrollToPage(e.pageIndex, { behavior: "smooth" }), requestAnimationFrame(() => {
+				requestAnimationFrame(() => {
+					let t = M.value, n = z.pages[e.pageIndex];
+					if (!t || !n?.wrapper) return;
+					let r = e.rects[0];
+					if (!r) return;
+					let i = n.wrapper.offsetTop - t.offsetTop + r.y * n.displayHeight;
+					t.scrollTop = Math.max(0, i - t.clientHeight / 2);
+				});
+			}));
+		});
+		function ze(e) {
+			return (t) => z.bindWrapper(e, t);
+		}
+		function Be(e) {
+			return Math.max(b, 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;
+			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];
+				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;
+			});
+		}
+		function Ue() {
+			let e = A.value, t;
+			for (let n of h) if (n < e - 1e-6) t = n;
+			else break;
+			t !== void 0 && Y(() => {
+				A.value = t;
+			});
+		}
+		function X(e) {
+			Y(() => {
+				A.value = Be(Ve(e));
+			});
+		}
+		function We() {
+			let e = M.value, t = z.pages[z.visiblePage.value] ?? z.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));
+		}
+		function Z() {
+			let e = M.value, t = z.pages[z.visiblePage.value] ?? z.pages[0];
+			if (!e || !t) return;
+			let n = e.clientWidth - mn, r = e.clientHeight - mn;
+			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));
+		}
+		function Ke() {
+			Y(() => {
+				A.value = 1, j.value = 0;
+			});
+		}
+		let qe = [
+			0,
+			90,
+			180,
+			270
+		];
+		function Je(e) {
+			Y(() => {
+				j.value = qe[(qe.indexOf(j.value) + e + 4) % 4];
+			});
+		}
+		function Ye() {
+			Je(1);
+		}
+		function Xe() {
+			Je(-1);
+		}
+		let Qe = n(() => {
+			let e = z.visiblePage.value, t = z.pages[e];
+			return t ? {
+				index: e,
+				width: t.intrinsicWidth,
+				height: t.intrinsicHeight
+			} : 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] ?? "" : "";
+		});
+		function et() {
+			let e = $e.value;
+			if (!e) return;
+			let t = document.createElement("iframe");
+			t.setAttribute("aria-hidden", "true"), t.style.cssText = "position:fixed;right:0;bottom:0;width:0;height:0;border:0;visibility:hidden;", t.src = e, t.onload = () => {
+				try {
+					t.contentWindow?.focus(), t.contentWindow?.print();
+				} catch {
+					window.open(e, "_blank", "noopener");
+				} finally {
+					setTimeout(() => t.remove(), 6e4);
+				}
+			}, document.body.appendChild(t);
+		}
+		function tt() {
+			let e = $e.value;
+			if (!e) return;
+			let t = document.createElement("a");
+			t.href = e;
+			try {
+				t.download = new URL(e, window.location.href).pathname.split("/").pop() || (S.source.kind === "pdf" ? "document.pdf" : "document");
+			} catch {
+				t.download = S.source.kind === "pdf" ? "document.pdf" : "document";
+			}
+			t.rel = "noopener", document.body.appendChild(t), t.click(), t.remove();
+		}
+		function nt() {
+			N.value = N.value === "pan" ? "select" : "pan";
+		}
+		let Q = 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);
+		}
+		function ot(e) {
+			if (e.touches.length !== 2 || Q === null || rt === null) return;
+			e.preventDefault();
+			let t = M.value;
+			if (!t) return;
+			let n = Be(it(e.touches[0], e.touches[1]) / Q * rt), r = A.value;
+			if (n === r) return;
+			let i = z.visiblePage.value, a = z.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;
+				if (!e) return;
+				let t = e.style.scrollBehavior;
+				e.style.scrollBehavior = "auto", e.scrollLeft = l * u - c;
+				let n = z.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);
+		}
+		O(() => M.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;
+		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));
+		}
+		function mt(e) {
+			let t = M.value;
+			t && (t.scrollLeft = dt - (e.clientX - ct), t.scrollTop = ft - (e.clientY - ut));
+		}
+		function ht() {
+			P.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,
+			maxZoom: x,
+			pointerMode: N.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",
+			colors: S.annotationColors,
+			side: S.toolbarPosition,
+			labels: k.value,
+			showSearch: S.showSearch,
+			showPrintDownload: S.showPrintDownload,
+			showAnnotationModes: S.showAnnotationModes,
+			showSidebarToggle: S.showThumbnails || S.showOutline,
+			sidebarOpen: W.value,
+			showAnnotationsPanelToggle: S.showAnnotationsPanel,
+			annotationsPanelOpen: G.value,
+			tools: S.tools,
+			capabilities: S.source.capabilities
+		})), $ = {
+			prev: _t,
+			next: vt,
+			jump: yt,
+			"zoom-in": He,
+			"zoom-out": Ue,
+			"reset-zoom": () => X(1),
+			"set-zoom": (e) => X(e),
+			"reset-view": Ke,
+			"toggle-pan": nt,
+			"toggle-sidebar": be,
+			"toggle-annotations-panel": we,
+			"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,
+			"fit-width": We,
+			"fit-page": Z,
+			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" });
+		}
+		function yt(e) {
+			z.scrollToPage(e, { behavior: "smooth" });
+		}
+		function bt(e) {
+			if (!(e.ctrlKey || e.metaKey)) return;
+			e.preventDefault();
+			let t = M.value;
+			if (!t) return;
+			let n = e.deltaY < 0 ? 1.1 : 1 / 1.1, r = A.value, i = Be(r * n);
+			if (i === r) return;
+			let a = z.visiblePage.value, o = z.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;
+				if (!e) return;
+				let t = e.style.scrollBehavior;
+				e.style.scrollBehavior = "auto", e.scrollLeft = u * f - l;
+				let n = z.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", {
+				error: e,
+				src: $e.value
+			});
+		}), l({
+			reload: R,
+			destroy: ne,
+			scrollToPage: z.scrollToPage
+		}), (n, l) => (g(), a("div", {
+			ref_key: "viewerRoot",
+			ref: Ee,
+			class: f(["coar-pdf-viewer", { "coar-pdf-viewer--resizing": Te.value !== null }]),
+			"data-status": T(F)
+		}, [
+			W.value && T(F) === "ready" && (t.showThumbnails || t.showOutline) ? (g(), r(lt, {
+				key: 0,
+				doc: T(I),
+				"page-providers": T(L),
+				"page-count": B.value,
+				"visible-page": T(z).visiblePage.value,
+				"show-thumbnails": t.showThumbnails,
+				"show-outline": t.showOutline,
+				labels: k.value,
+				style: p({
+					width: K.value + "px",
+					flexBasis: K.value + "px"
+				}),
+				onJump: je,
+				onClose: l[0] ||= (e) => W.value = !1
+			}, null, 8, [
+				"doc",
+				"page-providers",
+				"page-count",
+				"visible-page",
+				"show-thumbnails",
+				"show-outline",
+				"labels",
+				"style"
+			])) : i("", !0),
+			W.value && T(F) === "ready" && (t.showThumbnails || t.showOutline) ? (g(), 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, {
+					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,
+					"onUpdate:query": Re,
+					onNext: T(U).next,
+					onPrev: T(U).prev,
+					onClose: Le
+				}, null, 8, [
+					"query",
+					"match-count",
+					"current-index",
+					"searching",
+					"labels",
+					"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", {
+						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,
+							"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",
+							"coar-pdf-viewer__scroll--annotate-freetext": t.annotationMode === "freetext",
+							"coar-pdf-viewer__scroll--annotate-select": t.annotationMode === "select",
+							"coar-pdf-viewer__scroll--annotate-eraser": t.annotationMode === "eraser"
+						}]),
+						role: "document",
+						onWheel: bt,
+						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", {
+							key: t.index,
+							ref_for: !0,
+							ref: ze(t.index),
+							class: "coar-pdf-page",
+							style: p({
+								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
+						}, null, 8, [
+							"annotations",
+							"display-width",
+							"display-height",
+							"rotation"
+						]), Ne(t.index).length > 0 ? (g(), 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)
+							})
+						}, [(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", {
+							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"
+							})
+						}, 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, {
+							key: 2,
+							anchor: ae.value,
+							"initial-comment": ue.value,
+							"initial-color": T(V).selectedAnnotation.value.color,
+							colors: t.annotationColors,
+							draft: !1,
+							labels: k.value,
+							onSave: fe,
+							onDelete: me,
+							onClose: he
+						}, null, 8, [
+							"anchor",
+							"initial-comment",
+							"initial-color",
+							"colors",
+							"labels"
+						])) : i("", !0),
+						T(V).draftPin.value ? (g(), r(rn, {
+							key: 3,
+							anchor: T(V).draftPin.value.viewportRect,
+							"initial-comment": "",
+							"initial-color": T(V).draftPin.value.color,
+							colors: t.annotationColors,
+							draft: !0,
+							labels: k.value,
+							onSave: ge,
+							onClose: T(V).cancelDraftPin
+						}, null, 8, [
+							"anchor",
+							"initial-color",
+							"colors",
+							"labels",
+							"onClose"
+						])) : i("", !0),
+						T(V).draftFreetext.value ? (g(), r(rn, {
+							key: 4,
+							anchor: T(V).draftFreetext.value.viewportRect,
+							"initial-comment": "",
+							"initial-color": T(V).draftFreetext.value.color,
+							colors: t.annotationColors,
+							draft: !0,
+							labels: k.value,
+							onSave: ve,
+							onClose: T(V).cancelDraftFreetext
+						}, null, 8, [
+							"anchor",
+							"initial-color",
+							"colors",
+							"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", {
+							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)
+					], 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 && (T(F) === "ready" || T(F) === "loading") && t.toolbarPosition === "bottom" ? (g(), r(Ge, u({ key: 2 }, gt.value, w($)), null, 16)) : i("", !0)
+			]),
+			G.value && T(F) === "ready" && t.showAnnotationsPanel ? (g(), 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, {
+				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({
+					width: q.value + "px",
+					flexBasis: q.value + "px"
+				}),
+				onSelect: ke,
+				onDelete: Ae,
+				onClose: l[4] ||= (e) => G.value = !1
+			}, null, 8, [
+				"annotations",
+				"selected-id",
+				"info",
+				"current-page-info",
+				"labels",
+				"style"
+			])) : i("", !0)
+		], 10, an));
+	}
+}), [["__scopeId", "data-v-485161c5"]]);
+//#endregion
+//#region src/sources/image.ts
+function xn(e) {
+	let t = {
+		kind: "image",
+		url: e.url,
+		capabilities: Object.freeze({
+			multiPage: !1,
+			textLayer: !1,
+			search: !1,
+			outline: !1,
+			print: !0
+		})
+	};
+	return Object.freeze(t);
+}
+function Sn(e) {
+	let t = {
+		kind: "image-gallery",
+		urls: Object.freeze([...e.urls]),
+		capabilities: Object.freeze({
+			multiPage: !0,
+			textLayer: !1,
+			search: !1,
+			outline: !1,
+			print: !0
+		})
+	};
+	return Object.freeze(t);
+}
+//#endregion
+export { ke as COAR_DOCUMENT_VIEWER_ALL_TOOLS, bn as CoarDocumentViewer, Sn as imageGallerySource, xn as imageSource };