@nxgt/material-vue 0.1.0

package/dist/pdf-outline-sidebar-Dl78ZiCE.js

@@ -0,0 +1,64 @@
+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 { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, defineComponent as u, normalizeClass as d, normalizeStyle as f, openBlock as p, ref as m, renderList as h, toDisplayString as g, unref as _, withCtx as v } from "vue";
+//#region lib/components/ui/pdf-viewer/partials/pdf-outline-row.vue?vue&type=script&setup=true&lang.ts
+var y = {
+	key: 0,
+	class: "text-muted-foreground"
+}, b = { class: "truncate" }, x = /* @__PURE__ */ u({
+	__name: "pdf-outline-row",
+	props: {
+		item: {},
+		depth: {}
+	},
+	emits: ["select"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, u = m(n.depth < 1), d = a(() => n.item.items.length > 0);
+		function _() {
+			r("select", n.item), d.value && (u.value = !u.value);
+		}
+		return (t, n) => (p(), c("div", null, [l("button", {
+			type: "button",
+			style: f({ paddingLeft: `${8 + e.depth * 12}px` }),
+			class: "flex w-full items-center gap-1 rounded px-2 py-1 text-left text-xs hover:bg-accent",
+			onClick: _
+		}, [d.value ? (p(), c("span", y, g(u.value ? "▾" : "▸"), 1)) : s("", !0), l("span", b, g(e.item.title || "Untitled"), 1)], 4), d.value && u.value ? (p(!0), c(i, { key: 0 }, h(e.item.items, (t, i) => (p(), o(x, {
+			key: `${t.title}-${i}`,
+			item: t,
+			depth: e.depth + 1,
+			onSelect: n[0] ||= (e) => r("select", e)
+		}, null, 8, ["item", "depth"]))), 128)) : s("", !0)]));
+	}
+}), S = {
+	key: 0,
+	class: "px-3 py-6 text-center text-xs text-muted-foreground"
+}, C = ["aria-label"], w = /*@__PURE__*/ u({
+	name: "PdfOutlineSidebar",
+	__name: "pdf-outline-sidebar",
+	props: {
+		items: {},
+		class: {}
+	},
+	emits: ["select"],
+	setup(e, { emit: a }) {
+		let s = a, { t: u } = r();
+		return (r, a) => (p(), c("div", { class: d(_(n)("flex min-h-0 flex-1 flex-col", r.$props.class)) }, [e.items.length === 0 ? (p(), c("p", S, g(_(u)("material.pdf-reader.outline-empty", "No outline in this document")), 1)) : (p(), o(t, {
+			key: 1,
+			class: "flex-1"
+		}, {
+			default: v(() => [l("nav", {
+				class: "p-2",
+				"aria-label": _(u)("material.pdf-reader.outline", "Outline")
+			}, [(p(!0), c(i, null, h(e.items, (e, t) => (p(), o(x, {
+				key: `${e.title}-${t}`,
+				item: e,
+				depth: 0,
+				onSelect: a[0] ||= (e) => s("select", e)
+			}, null, 8, ["item"]))), 128))], 8, C)]),
+			_: 1
+		}))], 2));
+	}
+}), T = /* @__PURE__ */ e({ default: () => E }), E = w;
+//#endregion
+export { T as n, E as t };

package/dist/pdf-page-BQh_RTTA.js

@@ -0,0 +1,196 @@
+import { tl as e } from "./components-DbRdoZ6P.js";
+import { t } from "./utils-Cy-ByIEo.js";
+import { createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, defineComponent as o, nextTick as s, normalizeClass as c, normalizeStyle as l, onBeforeUnmount as u, openBlock as d, ref as f, unref as p, watch as m } from "vue";
+//#region lib/components/ui/pdf-viewer/pdf-escape.ts
+function h(e) {
+	return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
+}
+function g(e, t) {
+	if (!t || !e.toLowerCase().includes(t.toLowerCase())) return h(e);
+	let n = e.toLowerCase().indexOf(t.toLowerCase());
+	return `${h(e.slice(0, n))}<mark class="pdf-highlight">${h(e.slice(n, n + t.length))}</mark>${h(e.slice(n + t.length))}`;
+}
+function _(e) {
+	return Array.isArray(e) ? e.map((e) => {
+		let t = e;
+		return {
+			title: String(t.title ?? ""),
+			dest: t.dest ?? null,
+			items: _(t.items)
+		};
+	}) : [];
+}
+//#endregion
+//#region lib/components/ui/pdf-viewer/pdf-search.ts
+function v(e, t, n) {
+	return t <= 0 ? 0 : (e + n + t) % t;
+}
+function y(e) {
+	return e ? Array.from(e.querySelectorAll("mark.pdf-highlight")) : [];
+}
+function b(e, t) {
+	for (let t of e) t.removeAttribute("data-current");
+	let n = e[t];
+	n && (n.setAttribute("data-current", "true"), n.scrollIntoView({
+		block: "center",
+		behavior: "smooth"
+	}));
+}
+function x(e, t, n) {
+	let r = y(e);
+	if (r.length === 0) return {
+		index: 0,
+		count: 0
+	};
+	let i = t >= 0 && t < r.length ? t : r.findIndex((e) => e.hasAttribute("data-current")), a = v(i < 0 ? n > 0 ? -1 : 0 : i, r.length, n);
+	return b(r, a), {
+		index: a,
+		count: r.length
+	};
+}
+function S(e, t) {
+	for (let n of e.querySelectorAll("span")) {
+		let e = n.textContent ?? "";
+		!t || !e.toLowerCase().includes(t.toLowerCase()) || (n.innerHTML = g(e, t));
+	}
+}
+//#endregion
+//#region lib/components/ui/pdf-viewer/pdfjs.lazy.ts
+var C;
+function w() {
+	return C ??= Promise.all([import("./pdf-D_G-uiri.js"), import("./pdf.worker.min-DRpqlnXj.js")]).then(([e, t]) => (e.GlobalWorkerOptions.workerSrc = t.default, e)), C;
+}
+//#endregion
+//#region lib/components/ui/pdf-viewer/pdf-page-render.ts
+async function T(e) {
+	let t = await e.pdf.getPage(e.pageNumber), n = e.scale;
+	if (e.width) {
+		let r = t.getViewport({
+			scale: 1,
+			rotation: e.rotation
+		});
+		n = e.width / r.width;
+	}
+	let r = t.getViewport({
+		scale: n,
+		rotation: e.rotation
+	}), i = e.canvas.getContext("2d");
+	if (!i) return {
+		width: r.width,
+		height: r.height
+	};
+	if (e.canvas.width = r.width, e.canvas.height = r.height, await t.render({
+		canvas: e.canvas,
+		canvasContext: i,
+		viewport: r
+	}).promise, e.textLayer) {
+		let n = await w();
+		e.textLayer.replaceChildren(), await new n.TextLayer({
+			textContentSource: t.streamTextContent(),
+			container: e.textLayer,
+			viewport: r
+		}).render(), e.searchQuery && S(e.textLayer, e.searchQuery);
+	}
+	return {
+		width: r.width,
+		height: r.height
+	};
+}
+//#endregion
+//#region lib/components/ui/pdf-viewer/partials/pdf-page.vue
+var E = /* @__PURE__ */ o({
+	__name: "pdf-page",
+	props: {
+		pdf: {},
+		pageNumber: {},
+		scale: {},
+		rotation: {},
+		searchQuery: { default: "" },
+		nightMode: {
+			type: Boolean,
+			default: !1
+		},
+		isCurrent: {
+			type: Boolean,
+			default: !1
+		},
+		eager: {
+			type: Boolean,
+			default: !1
+		},
+		width: {},
+		renderText: {
+			type: Boolean,
+			default: !0
+		},
+		pageRefs: {}
+	},
+	setup(o) {
+		let h = o, g = f(null), _ = f(null), v = f(null), y = f(h.eager), b = f({
+			width: h.width ?? Math.round(612 * h.scale),
+			height: Math.round(792 * h.scale)
+		}), x = 0;
+		return m(g, (e, t, n) => {
+			if (e ? h.pageRefs?.set(h.pageNumber, e) : h.pageRefs?.delete(h.pageNumber), !e || y.value) return;
+			let r = new IntersectionObserver(([e]) => {
+				e?.isIntersecting && (y.value = !0);
+			}, { rootMargin: "800px 0px" });
+			r.observe(e), n(() => r.disconnect());
+		}, { immediate: !0 }), m(() => [
+			y.value,
+			h.pdf,
+			h.pageNumber,
+			h.scale,
+			h.rotation,
+			h.searchQuery,
+			h.width
+		], async () => {
+			if (!y.value || (await s(), !_.value)) return;
+			let e = ++x;
+			try {
+				let t = await T({
+					pdf: h.pdf,
+					pageNumber: h.pageNumber,
+					scale: h.scale,
+					rotation: h.rotation,
+					canvas: _.value,
+					textLayer: h.renderText ? v.value : null,
+					searchQuery: h.searchQuery,
+					width: h.width
+				});
+				e === x && (b.value = t);
+			} catch {}
+		}, { immediate: !0 }), u(() => {
+			x += 1, h.pageRefs?.delete(h.pageNumber);
+		}), (s, u) => (d(), i("div", {
+			ref_key: "host",
+			ref: g,
+			class: c(p(t)("shadow-md overflow-hidden rounded", o.nightMode && "pdf-night-page", o.isCurrent && "ring-2 ring-primary/40"))
+		}, [y.value ? (d(), i("div", {
+			key: 1,
+			class: "relative",
+			style: l({
+				width: `${b.value.width}px`,
+				height: `${b.value.height}px`
+			})
+		}, [a("canvas", {
+			ref_key: "canvasRef",
+			ref: _,
+			class: "block size-full"
+		}, null, 512), o.renderText ? (d(), i("div", {
+			key: 0,
+			ref_key: "textLayerRef",
+			ref: v,
+			class: "textLayer"
+		}, null, 512)) : r("", !0)], 4)) : (d(), n(e, {
+			key: 0,
+			class: "rounded",
+			style: l({
+				width: `${b.value.width}px`,
+				height: `${b.value.height}px`
+			})
+		}, null, 8, ["style"]))], 2));
+	}
+});
+//#endregion
+export { _ as i, w as n, x as r, E as t };

package/dist/pdf-page-list-DgB7sXKt.js

@@ -0,0 +1,47 @@
+import { Cf as e, fc as t } from "./components-DbRdoZ6P.js";
+import { t as n } from "./pdf-page-BQh_RTTA.js";
+import { Fragment as r, createBlock as i, createElementBlock as a, createElementVNode as o, defineComponent as s, openBlock as c, renderList as l, withCtx as u } from "vue";
+//#region lib/components/ui/pdf-viewer/partials/pdf-page-list.vue?vue&type=script&setup=true&lang.ts
+var d = { class: "flex flex-col items-center gap-4 px-4 py-4" }, f = /*@__PURE__*/ s({
+	name: "PdfPageList",
+	__name: "pdf-page-list",
+	props: {
+		pdf: {},
+		numPages: {},
+		currentPage: {},
+		scale: {},
+		rotation: {},
+		searchQuery: {},
+		nightMode: { type: Boolean },
+		pageRefs: {}
+	},
+	setup(e) {
+		return (s, f) => (c(), i(t, { class: "h-full" }, {
+			default: u(() => [o("div", d, [(c(!0), a(r, null, l(e.numPages, (t) => (c(), i(n, {
+				key: t,
+				pdf: e.pdf,
+				"page-number": t,
+				"is-current": t === e.currentPage,
+				scale: e.scale,
+				rotation: e.rotation,
+				"search-query": e.searchQuery,
+				"night-mode": e.nightMode,
+				eager: t <= 2,
+				"page-refs": e.pageRefs
+			}, null, 8, [
+				"pdf",
+				"page-number",
+				"is-current",
+				"scale",
+				"rotation",
+				"search-query",
+				"night-mode",
+				"eager",
+				"page-refs"
+			]))), 128))])]),
+			_: 1
+		}));
+	}
+}), p = /* @__PURE__ */ e({ default: () => m }), m = f;
+//#endregion
+export { p as n, m as t };