@nxgt/material-vue 0.1.0

package/dist/pdf-reader-CSEFRTX0.js

@@ -0,0 +1,413 @@
+import { at as e, fd as t } from "./components-DbRdoZ6P.js";
+import { t as n } from "./utils-Cy-ByIEo.js";
+import { r } from "./icon-button-Do3YaRdv.js";
+import { n as i } from "./i18n-DXZMN9FA.js";
+import { i as a, n as o, r as s } from "./pdf-page-BQh_RTTA.js";
+import { t as c } from "./pdf-page-list-DgB7sXKt.js";
+import { t as l } from "./pdf-sidebar-C9hc2zxS.js";
+import { t as u } from "./pdf-toolbar-BTFwhiXg.js";
+import { createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createTextVNode as h, createVNode as g, defineComponent as _, normalizeClass as v, onBeforeUnmount as y, onMounted as b, openBlock as x, reactive as S, ref as C, shallowRef as w, toDisplayString as T, toRef as E, unref as D, watch as O, withCtx as k } from "vue";
+import { AlertCircle as A, FileX2 as j, KeyRound as M, Loader2 as N } from "lucide-vue-next";
+//#region lib/components/ui/pdf-viewer/pdf-download.ts
+function P(e) {
+	return typeof e == "string" ? e : URL.createObjectURL(e);
+}
+function F(e) {
+	let t = P(e), n = document.createElement("a");
+	n.href = t, n.download = typeof e == "string" ? "document.pdf" : e.name, n.click(), typeof e != "string" && URL.revokeObjectURL(t);
+}
+function I(e) {
+	let t = typeof e == "string" ? null : URL.createObjectURL(e), n = t ?? P(e), r = document.createElement("iframe");
+	r.setAttribute("aria-hidden", "true"), r.style.position = "fixed", r.style.right = "0", r.style.bottom = "0", r.style.width = "0", r.style.height = "0", r.style.border = "0", r.src = n;
+	let i = () => {
+		r.remove(), t && URL.revokeObjectURL(t);
+	};
+	r.onload = () => {
+		try {
+			r.contentWindow?.focus(), r.contentWindow?.print();
+		} finally {
+			window.setTimeout(i, 1e3);
+		}
+	}, document.body.append(r);
+}
+//#endregion
+//#region lib/components/ui/pdf-viewer/pdf-reader-keyboard.ts
+function L(e, t) {
+	let n = e.target?.tagName;
+	if ((e.ctrlKey || e.metaKey) && e.key.toLowerCase() === "f") {
+		e.preventDefault(), t.openSearch?.();
+		return;
+	}
+	if (e.key === "F3") {
+		e.preventDefault(), e.shiftKey ? t.prevSearch?.() : t.nextSearch?.();
+		return;
+	}
+	if (e.key === "Escape") {
+		e.preventDefault(), t.closeSearch?.();
+		return;
+	}
+	n === "INPUT" || n === "TEXTAREA" || (e.key === "ArrowRight" || e.key === "j" ? (e.preventDefault(), t.nextPage()) : e.key === "ArrowLeft" || e.key === "k" ? (e.preventDefault(), t.prevPage()) : e.key === "+" || e.key === "=" ? (e.preventDefault(), t.zoomIn()) : e.key === "-" ? (e.preventDefault(), t.zoomOut()) : e.key.toLowerCase() === "n" ? (e.preventDefault(), t.toggleNightMode()) : e.key === "Home" ? (e.preventDefault(), t.goToFirst?.()) : e.key === "End" ? (e.preventDefault(), t.goToLast?.()) : e.key === "PageDown" ? (e.preventDefault(), t.nextPage()) : e.key === "PageUp" ? (e.preventDefault(), t.prevPage()) : e.key === "/" && (e.preventDefault(), t.openSearch?.()));
+}
+//#endregion
+//#region lib/components/ui/pdf-viewer/partials/pdf-empty-state.vue?vue&type=script&setup=true&lang.ts
+var R = { class: "text-sm font-medium" }, z = /* @__PURE__ */ _({
+	__name: "pdf-empty-state",
+	props: { class: {} },
+	setup(e) {
+		let { t } = i();
+		return (e, r) => (x(), p("div", { class: v(D(n)("flex min-h-64 h-full flex-col items-center justify-center gap-3 text-muted-foreground", e.$props.class)) }, [g(D(j), { class: "size-10 opacity-40" }), m("p", R, T(D(t)("material.pdf-reader.empty", "No document selected")), 1)], 2));
+	}
+});
+//#endregion
+//#region lib/components/ui/pdf-viewer/use-pdf-document.ts
+async function B(e) {
+	return typeof e == "string" ? { url: e } : { data: new Uint8Array(await e.arrayBuffer()) };
+}
+function V(e, t) {
+	let n = w(null), r = w(null), i = 0;
+	async function s() {
+		let s = ++i;
+		n.value?.destroy(), n.value = null;
+		try {
+			let c = await o();
+			if (s !== i) return;
+			let l = c.getDocument(await B(e.value));
+			l.onPassword = (e) => {
+				r.value = (t) => {
+					r.value = null, e(t);
+				}, t.onPasswordProtected();
+			};
+			let u = await l.promise;
+			if (s !== i) {
+				u.destroy();
+				return;
+			}
+			n.value = u, t.onLoadSuccess({ numPages: u.numPages }), t.setOutline(a(await u.getOutline()));
+		} catch (e) {
+			if (s !== i) return;
+			t.onLoadError(e instanceof Error ? e : Error(String(e)));
+		}
+	}
+	return O(e, () => void s(), { immediate: !0 }), y(() => {
+		i += 1, n.value?.destroy();
+	}), {
+		pdf: n,
+		resolvePassword: r
+	};
+}
+//#endregion
+//#region lib/components/ui/pdf-viewer/partials/pdf-error-state.vue?vue&type=script&setup=true&lang.ts
+var H = { class: "absolute inset-0 flex flex-col items-center justify-center gap-3 text-muted-foreground" }, U = { class: "text-sm font-medium" }, W = { class: "max-w-xs text-center text-xs opacity-60" }, G = /* @__PURE__ */ _({
+	__name: "pdf-error-state",
+	props: { message: {} },
+	setup(e) {
+		let { t } = i();
+		return (n, r) => (x(), p("div", H, [
+			g(D(A), { class: "size-10 text-error opacity-70" }),
+			m("p", U, T(D(t)("material.pdf-reader.error", "Failed to load document")), 1),
+			m("p", W, T(e.message), 1)
+		]));
+	}
+}), K = { class: "absolute inset-0 z-10 flex flex-col items-center justify-center gap-3 bg-background/80 backdrop-blur-sm" }, q = { class: "text-sm text-muted-foreground" }, J = /* @__PURE__ */ _({
+	__name: "pdf-loading-overlay",
+	setup(e) {
+		let { t } = i();
+		return (e, n) => (x(), p("div", K, [g(D(N), { class: "size-8 animate-spin text-primary" }), m("p", q, T(D(t)("material.pdf-reader.loading", "Loading document…")), 1)]));
+	}
+}), Y = { class: "absolute inset-0 flex flex-col items-center justify-center gap-4" }, X = { class: "text-sm font-semibold" }, Z = { class: "flex gap-2" }, Q = /* @__PURE__ */ _({
+	__name: "pdf-password-form",
+	props: { modelValue: {} },
+	emits: ["update:modelValue", "submit"],
+	setup(e, { emit: n }) {
+		let a = n, { t: o } = i();
+		function s(e) {
+			e.key === "Enter" && a("submit");
+		}
+		return (n, i) => (x(), p("div", Y, [
+			g(D(M), { class: "size-10 text-primary opacity-70" }),
+			m("p", X, T(D(o)("material.pdf-reader.password", "Password protected")), 1),
+			m("div", Z, [g(t, {
+				type: "password",
+				placeholder: D(o)("material.pdf-reader.password-placeholder", "Enter password"),
+				class: "h-9 w-48",
+				"model-value": e.modelValue,
+				autofocus: "",
+				"onUpdate:modelValue": i[0] ||= (e) => a("update:modelValue", String(e)),
+				onKeydown: s
+			}, null, 8, ["placeholder", "model-value"]), g(r, {
+				variant: "filled",
+				color: "primary",
+				onClick: i[1] ||= (e) => a("submit")
+			}, {
+				default: k(() => [h(T(D(o)("material.pdf-reader.unlock", "Unlock")), 1)]),
+				_: 1
+			})])
+		]));
+	}
+}), $ = { class: "flex min-h-0 flex-1" }, ee = /* @__PURE__ */ _({
+	__name: "pdf-reader-body",
+	props: {
+		file: {},
+		state: {},
+		effectiveScale: {},
+		pageRefs: {},
+		containerRef: {}
+	},
+	emits: [
+		"loadSuccess",
+		"loadError",
+		"passwordProtected",
+		"setOutline",
+		"set-sidebar-tab",
+		"goToPage"
+	],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = C(""), { pdf: a, resolvePassword: o } = V(E(n, "file"), {
+			onLoadSuccess: (e) => r("loadSuccess", e),
+			onLoadError: (e) => r("loadError", e),
+			onPasswordProtected: () => r("passwordProtected"),
+			setOutline: (e) => r("setOutline", e)
+		});
+		function s(e) {
+			n.containerRef.value = e instanceof HTMLDivElement ? e : null;
+		}
+		function u() {
+			o.value?.(i.value), i.value = "";
+		}
+		async function h(e) {
+			let t = a.value;
+			if (!(!t || e.dest == null)) try {
+				let n = typeof e.dest == "string" ? await t.getDestination(e.dest) : e.dest, i = Array.isArray(n) ? n[0] : n, a = await t.getPageIndex(i);
+				r("goToPage", a + 1);
+			} catch {}
+		}
+		return (t, n) => (x(), p("div", $, [e.state.sidebarOpen && e.state.numPages > 0 && D(a) ? (x(), d(l, {
+			key: 0,
+			pdf: D(a),
+			tab: e.state.sidebarTab,
+			"num-pages": e.state.numPages,
+			"current-page": e.state.currentPage,
+			rotation: e.state.rotation,
+			outline: e.state.outline,
+			onTabChange: n[0] ||= (e) => r("set-sidebar-tab", e),
+			onPageSelect: n[1] ||= (e) => r("goToPage", e),
+			onOutlineSelect: h
+		}, null, 8, [
+			"pdf",
+			"tab",
+			"num-pages",
+			"current-page",
+			"rotation",
+			"outline"
+		])) : f("", !0), m("div", {
+			ref: s,
+			class: "relative min-w-0 flex-1 overflow-hidden"
+		}, [
+			e.state.isLoading ? (x(), d(J, { key: 0 })) : f("", !0),
+			e.state.error && !e.state.isPasswordProtected ? (x(), d(G, {
+				key: 1,
+				message: e.state.error
+			}, null, 8, ["message"])) : f("", !0),
+			e.state.isPasswordProtected ? (x(), d(Q, {
+				key: 2,
+				modelValue: i.value,
+				"onUpdate:modelValue": n[2] ||= (e) => i.value = e,
+				onSubmit: u
+			}, null, 8, ["modelValue"])) : f("", !0),
+			D(a) && !e.state.error && !e.state.isPasswordProtected ? (x(), d(c, {
+				key: 3,
+				pdf: D(a),
+				"num-pages": e.state.numPages,
+				"current-page": e.state.currentPage,
+				scale: e.effectiveScale,
+				rotation: e.state.rotation,
+				"search-query": e.state.searchQuery,
+				"night-mode": e.state.nightMode,
+				"page-refs": e.pageRefs
+			}, null, 8, [
+				"pdf",
+				"num-pages",
+				"current-page",
+				"scale",
+				"rotation",
+				"search-query",
+				"night-mode",
+				"page-refs"
+			])) : f("", !0)
+		], 512)]));
+	}
+});
+//#endregion
+//#region lib/components/ui/pdf-viewer/use-pdf-search-hits.ts
+function te(e) {
+	return S({
+		hitIndex: 0,
+		hitCount: 0,
+		jump(t) {
+			let n = s(e.value, this.hitIndex, t);
+			return this.hitIndex = n.index, this.hitCount = n.count, n;
+		},
+		reset() {
+			this.hitIndex = 0, this.hitCount = 0;
+		}
+	});
+}
+//#endregion
+//#region lib/components/ui/pdf-viewer/pdf-reader.vue?vue&type=script&setup=true&lang.ts
+var ne = ["aria-label"], re = /* @__PURE__ */ _({
+	name: "PdfReader",
+	__name: "pdf-reader",
+	props: {
+		file: {},
+		initialPage: {},
+		initialScale: {},
+		defaultFitMode: {},
+		onPageChange: { type: Function },
+		onLoadSuccess: { type: Function },
+		onLoadError: { type: Function },
+		onDownload: { type: Function },
+		onPrint: { type: Function },
+		class: {}
+	},
+	emits: [
+		"pageChange",
+		"loadSuccess",
+		"loadError"
+	],
+	setup(t, { emit: r }) {
+		let a = t, o = r, { t: s } = i(), c = C(null), l = /* @__PURE__ */ new Map(), f = te(c), m = e({
+			get file() {
+				return a.file;
+			},
+			initialPage: a.initialPage,
+			initialScale: a.initialScale,
+			defaultFitMode: a.defaultFitMode,
+			onPageChange: (e) => {
+				a.onPageChange?.(e), o("pageChange", e);
+			},
+			onLoadSuccess: (e) => {
+				a.onLoadSuccess?.(e), o("loadSuccess", e);
+			},
+			onLoadError: (e) => {
+				a.onLoadError?.(e), o("loadError", e);
+			}
+		}), { state: h, computedScale: _, actions: S, handlers: w } = m, T = { container: m.containerRef };
+		O(() => h.currentPage, (e) => {
+			l.get(e)?.scrollIntoView({
+				behavior: "smooth",
+				block: "nearest"
+			});
+		});
+		async function E() {
+			document.fullscreenElement ? await document.exitFullscreen?.() : await c.value?.requestFullscreen?.();
+		}
+		function k() {
+			h.setFullscreen(!!document.fullscreenElement);
+		}
+		b(() => {
+			document.addEventListener("fullscreenchange", k);
+		}), y(() => {
+			document.removeEventListener("fullscreenchange", k);
+		});
+		function A(e) {
+			L(e, {
+				...S,
+				openSearch: () => h.setSearchOpen(!0),
+				closeSearch: () => h.setSearchOpen(!1),
+				goToFirst: () => S.goToPage(1),
+				goToLast: () => S.goToPage(h.numPages),
+				nextSearch: () => {
+					h.setSearchOpen(!0), f.jump(1);
+				},
+				prevSearch: () => {
+					h.setSearchOpen(!0), f.jump(-1);
+				}
+			});
+		}
+		function j() {
+			a.onDownload ? a.onDownload() : a.file && F(a.file);
+		}
+		function M() {
+			a.onPrint ? a.onPrint() : a.file && I(a.file);
+		}
+		return (e, r) => t.file ? (x(), p("div", {
+			key: 1,
+			ref_key: "wrapperRef",
+			ref: c,
+			"data-slot": "pdf-reader",
+			class: v(D(n)("relative flex h-full min-h-0 flex-col overflow-hidden rounded-lg border bg-background", D(h).isFullscreen && "rounded-none", a.class)),
+			role: "application",
+			tabindex: "0",
+			"aria-label": D(s)("material.pdf-reader.label", "PDF reader"),
+			onKeydown: A
+		}, [g(u, {
+			state: D(h),
+			"computed-scale": D(_),
+			"search-hits": D(f),
+			"search-open": D(h).searchOpen,
+			"is-fullscreen": D(h).isFullscreen,
+			"on-download": j,
+			"on-print": M,
+			onPrevPage: D(S).prevPage,
+			onNextPage: D(S).nextPage,
+			onGoToPage: D(S).goToPage,
+			onZoomIn: D(S).zoomIn,
+			onZoomOut: D(S).zoomOut,
+			onSetScale: D(S).setScale,
+			onSetFitMode: D(S).setFitMode,
+			onRotate: D(S).rotate,
+			onToggleSidebar: D(S).toggleSidebar,
+			onSearchChange: D(S).setSearch,
+			onSearchOpenChange: D(h).setSearchOpen,
+			onToggleNightMode: D(S).toggleNightMode,
+			onToggleFullscreen: E
+		}, null, 8, [
+			"state",
+			"computed-scale",
+			"search-hits",
+			"search-open",
+			"is-fullscreen",
+			"onPrevPage",
+			"onNextPage",
+			"onGoToPage",
+			"onZoomIn",
+			"onZoomOut",
+			"onSetScale",
+			"onSetFitMode",
+			"onRotate",
+			"onToggleSidebar",
+			"onSearchChange",
+			"onSearchOpenChange",
+			"onToggleNightMode"
+		]), g(ee, {
+			file: t.file,
+			state: D(h),
+			"effective-scale": D(_),
+			"page-refs": D(l),
+			"container-ref": T.container,
+			onLoadSuccess: D(w).onDocumentLoadSuccess,
+			onLoadError: D(w).onDocumentLoadError,
+			onPasswordProtected: D(w).onPasswordProtected,
+			onSetOutline: D(S).setOutline,
+			onSetSidebarTab: D(S).setSidebarTab,
+			onGoToPage: D(S).goToPage
+		}, null, 8, [
+			"file",
+			"state",
+			"effective-scale",
+			"page-refs",
+			"container-ref",
+			"onLoadSuccess",
+			"onLoadError",
+			"onPasswordProtected",
+			"onSetOutline",
+			"onSetSidebarTab",
+			"onGoToPage"
+		])], 42, ne)) : (x(), d(z, {
+			key: 0,
+			class: v(a.class)
+		}, null, 8, ["class"]));
+	}
+});
+//#endregion
+export { re as default };

package/dist/pdf-sidebar-C9hc2zxS.js

@@ -0,0 +1,103 @@
+import { Cf as e } from "./components-DbRdoZ6P.js";
+import { t } from "./utils-Cy-ByIEo.js";
+import { n } from "./i18n-DXZMN9FA.js";
+import { t as r } from "./pdf-outline-sidebar-Dl78ZiCE.js";
+import { t as i } from "./pdf-thumbnail-sidebar-zEjOyZY1.js";
+import { createElementBlock as a, createElementVNode as o, createVNode as s, defineComponent as c, normalizeClass as l, openBlock as u, toDisplayString as d, unref as f, useId as p, useTemplateRef as m } from "vue";
+//#region lib/components/ui/pdf-viewer/partials/pdf-sidebar.vue?vue&type=script&setup=true&lang.ts
+var h = ["aria-label"], g = ["aria-label"], _ = [
+	"aria-selected",
+	"aria-controls",
+	"tabindex"
+], v = [
+	"aria-selected",
+	"aria-controls",
+	"tabindex"
+], y = ["id"], b = ["id"], x = /*@__PURE__*/ c({
+	name: "PdfSidebar",
+	__name: "pdf-sidebar",
+	props: {
+		pdf: {},
+		tab: {},
+		numPages: {},
+		currentPage: {},
+		rotation: {},
+		outline: {},
+		class: {}
+	},
+	emits: [
+		"tab-change",
+		"pageSelect",
+		"outlineSelect"
+	],
+	setup(e, { emit: c }) {
+		let x = e, S = c, { t: C } = n(), w = p(), T = `${w}-thumbs`, E = `${w}-outline`, D = m("thumbsRef"), O = m("outlineRef");
+		function k(e) {
+			S("tab-change", e), (e === "thumbs" ? D : O).value?.focus();
+		}
+		function A(e) {
+			e.key !== "ArrowRight" && e.key !== "ArrowLeft" || (e.preventDefault(), e.stopPropagation(), k(x.tab === "thumbs" ? "outline" : "thumbs"));
+		}
+		return (n, c) => (u(), a("aside", {
+			class: l(f(t)("flex h-full w-52 shrink-0 flex-col border-r bg-muted/20", n.$props.class)),
+			"aria-label": f(C)("material.pdf-reader.sidebar", "Document sidebar")
+		}, [o("div", {
+			role: "tablist",
+			"aria-label": f(C)("material.pdf-reader.sidebar", "Document sidebar"),
+			class: "grid grid-cols-2 border-b",
+			onKeydown: A
+		}, [o("button", {
+			ref_key: "thumbsRef",
+			ref: D,
+			type: "button",
+			role: "tab",
+			id: T,
+			"aria-selected": e.tab === "thumbs",
+			"aria-controls": `${T}-panel`,
+			tabindex: e.tab === "thumbs" ? 0 : -1,
+			class: l(f(t)("cursor-pointer px-2 py-2 text-xs font-medium", e.tab === "thumbs" ? "bg-background text-foreground" : "text-muted-foreground")),
+			onClick: c[0] ||= (e) => k("thumbs")
+		}, d(f(C)("material.pdf-reader.pages", "Pages")), 11, _), o("button", {
+			ref_key: "outlineRef",
+			ref: O,
+			type: "button",
+			role: "tab",
+			id: E,
+			"aria-selected": e.tab === "outline",
+			"aria-controls": `${E}-panel`,
+			tabindex: e.tab === "outline" ? 0 : -1,
+			class: l(f(t)("cursor-pointer px-2 py-2 text-xs font-medium", e.tab === "outline" ? "bg-background text-foreground" : "text-muted-foreground")),
+			onClick: c[1] ||= (e) => k("outline")
+		}, d(f(C)("material.pdf-reader.outline", "Outline")), 11, v)], 40, g), e.tab === "thumbs" ? (u(), a("div", {
+			key: 0,
+			role: "tabpanel",
+			id: `${T}-panel`,
+			"aria-labelledby": T,
+			class: "flex min-h-0 flex-1 flex-col"
+		}, [s(i, {
+			pdf: e.pdf,
+			"num-pages": e.numPages,
+			"current-page": e.currentPage,
+			rotation: e.rotation,
+			"show-header": !1,
+			class: "w-full border-r-0",
+			onPageSelect: c[2] ||= (e) => S("pageSelect", e)
+		}, null, 8, [
+			"pdf",
+			"num-pages",
+			"current-page",
+			"rotation"
+		])], 8, y)) : (u(), a("div", {
+			key: 1,
+			role: "tabpanel",
+			id: `${E}-panel`,
+			"aria-labelledby": E,
+			class: "flex min-h-0 flex-1 flex-col"
+		}, [s(r, {
+			items: e.outline,
+			onSelect: c[3] ||= (e) => S("outlineSelect", e)
+		}, null, 8, ["items"])], 8, b))], 10, h));
+	}
+}), S = /* @__PURE__ */ e({ default: () => C }), C = x;
+//#endregion
+export { S as n, C as t };

package/dist/pdf-thumbnail-sidebar-zEjOyZY1.js

@@ -0,0 +1,61 @@
+import { Cf as e, fc as t } from "./components-DbRdoZ6P.js";
+import { t as n } from "./utils-Cy-ByIEo.js";
+import { n as r } from "./i18n-DXZMN9FA.js";
+import { t as i } from "./pdf-page-BQh_RTTA.js";
+import { Fragment as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createVNode as l, defineComponent as u, normalizeClass as d, openBlock as f, renderList as p, toDisplayString as m, unref as h, withCtx as g } from "vue";
+//#region lib/components/ui/pdf-viewer/partials/pdf-thumbnail-sidebar.vue?vue&type=script&setup=true&lang.ts
+var _ = ["aria-label"], v = {
+	key: 0,
+	class: "border-b px-3 py-2 font-semibold text-muted-foreground text-xs uppercase tracking-wide"
+}, y = { class: "flex flex-col gap-2 p-2" }, b = [
+	"aria-label",
+	"aria-current",
+	"onClick"
+], x = { class: "w-full overflow-hidden rounded shadow-sm border bg-white" }, S = /*@__PURE__*/ u({
+	name: "PdfThumbnailSidebar",
+	__name: "pdf-thumbnail-sidebar",
+	props: {
+		pdf: {},
+		numPages: {},
+		currentPage: {},
+		rotation: {},
+		showHeader: {
+			type: Boolean,
+			default: !0
+		},
+		class: {}
+	},
+	emits: ["pageSelect"],
+	setup(e, { emit: u }) {
+		let S = u, { t: C } = r();
+		return (r, u) => (f(), s("aside", {
+			class: d(h(n)("flex h-full w-44 shrink-0 flex-col border-r bg-muted/20", r.$props.class)),
+			"aria-label": h(C)("material.pdf-reader.thumbnails", "Page thumbnails")
+		}, [e.showHeader ? (f(), s("div", v, m(h(C)("material.pdf-reader.pages", "Pages")), 1)) : o("", !0), l(t, { class: "flex-1" }, {
+			default: g(() => [c("div", y, [(f(!0), s(a, null, p(e.numPages, (t) => (f(), s("button", {
+				key: t,
+				type: "button",
+				class: d(h(n)("group relative flex flex-col items-center gap-1 rounded-lg p-1.5 transition-all hover:bg-accent cursor-pointer outline-none focus-visible:ring-2 focus-visible:ring-ring", e.currentPage === t && "bg-primary/10 ring-2 ring-primary/50")),
+				"aria-label": h(C)("material.pdf-reader.go-to-page", "Go to page {page}", { page: t }),
+				"aria-current": e.currentPage === t ? "page" : void 0,
+				onClick: (e) => S("pageSelect", t)
+			}, [c("div", x, [l(i, {
+				pdf: e.pdf,
+				"page-number": t,
+				scale: 1,
+				rotation: e.rotation,
+				width: 120,
+				eager: t <= 4,
+				"render-text": !1
+			}, null, 8, [
+				"pdf",
+				"page-number",
+				"rotation",
+				"eager"
+			])]), c("span", { class: d(h(n)("text-xs font-medium transition-colors", e.currentPage === t ? "text-primary" : "text-muted-foreground")) }, m(t), 3)], 10, b))), 128))])]),
+			_: 1
+		})], 10, _));
+	}
+}), C = /* @__PURE__ */ e({ default: () => w }), w = S;
+//#endregion
+export { C as n, w as t };