pdfjs-vue3 0.1.11 → 0.2.0

package/dist/pdfjs-vue3.css

@@ -0,0 +1,2 @@
+.pdf-text-layer{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only;text-align:initial;opacity:1;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;forced-color-adjust:none;transform-origin:0 0;caret-color:canvastext;z-index:0;line-height:1;position:absolute;inset:0;overflow:clip}.pdf-text-layer.highlighting{touch-action:none}.pdf-text-layer :is(span,br){color:#0000;white-space:pre;cursor:text;transform-origin:0 0;position:absolute}.pdf-text-layer{--min-font-size:1;--text-scale-factor:calc(var(--total-scale-factor) * var(--min-font-size));--min-font-size-inv:calc(1 / var(--min-font-size))}.pdf-text-layer>:not(.markedContent),.pdf-text-layer .markedContent span:not(.markedContent){z-index:1;--font-height:0;font-size:calc(var(--text-scale-factor) * var(--font-height));--scale-x:1;--rotate:0deg;transform:rotate(var(--rotate)) scaleX(var(--scale-x)) scale(var(--min-font-size-inv))}.pdf-text-layer .markedContent{display:contents}.pdf-text-layer span[role=img]{-webkit-user-select:none;user-select:none;cursor:default}.pdf-text-layer .highlight{--highlight-bg-color:#b400aa40;--highlight-selected-bg-color:#00640040;--highlight-backdrop-filter:none;--highlight-selected-backdrop-filter:none}@media screen and (forced-colors:active){.pdf-text-layer .highlight{--highlight-bg-color:transparent;--highlight-selected-bg-color:transparent;--highlight-backdrop-filter:var(--hcm-highlight-filter);--highlight-selected-backdrop-filter:var(--hcm-highlight-selected-filter)}}.pdf-text-layer .highlight{background-color:var(--highlight-bg-color);-webkit-backdrop-filter:var(--highlight-backdrop-filter);backdrop-filter:var(--highlight-backdrop-filter);border-radius:4px;margin:-1px;padding:1px}.pdf-text-layer .highlight.appended{position:initial}.pdf-text-layer .highlight.begin{border-radius:4px 0 0 4px}.pdf-text-layer .highlight.end{border-radius:0 4px 4px 0}.pdf-text-layer .highlight.middle{border-radius:0}.pdf-text-layer .highlight.selected{background-color:var(--highlight-selected-bg-color);-webkit-backdrop-filter:var(--highlight-selected-backdrop-filter);backdrop-filter:var(--highlight-selected-backdrop-filter);scroll-margin-top:50px}.pdf-text-layer ::selection{background:#0000ff40;background:color-mix(in srgb, AccentColor, transparent 75%)}.pdf-text-layer br::selection{background:0 0}.pdf-text-layer .endOfContent{z-index:0;cursor:default;-webkit-user-select:none;user-select:none;display:block;position:absolute;inset:100% 0 0}.pdf-text-layer.selecting .endOfContent{top:0}.textLayerImages{-webkit-user-select:none;user-select:none;position:absolute;inset:0}.textLayerImages canvas{transform-origin:0 0;position:absolute}.pdf-page{flex-direction:column;margin:1rem auto;display:flex}.pdf-page-layout{filter:drop-shadow(0 1px 2px #0000001a)drop-shadow(0 1px 1px #0000000f);background:#fff;margin:auto;display:flex;position:relative}.pdf-page-number{text-align:center;line-height:1.5}.pdf-page-overlay{position:absolute;inset:0}.pdf-progress{text-align:center;padding:1rem}.pdf-host{touch-action:pan-x pan-y;background:#dcdcdc;height:100%;padding:1rem 0;overflow:auto}.pdf-host:focus{outline:none}
+/*$vite$:1*/

package/dist/pdfjs-vue3.es.js

@@ -1,448 +1,334 @@
-import { defineComponent as C, ref as _, watch as $, onMounted as N, openBlock as w, createElementBlock as S, computed as O, onBeforeUnmount as A, createElementVNode as L, createBlock as D, createCommentVNode as V, renderSlot as P, toDisplayString as q, shallowRef as W, Fragment as J, renderList as Q, withCtx as F, nextTick as ne, unref as ie } from "vue";
-import { renderTextLayer as ae, getDocument as se, GlobalWorkerOptions as ue } from "pdfjs-dist";
-var z = /* @__PURE__ */ ((e) => (e[e.Auto = 0] = "Auto", e[e.WidthFit = 1] = "WidthFit", e[e.PageFit = 2] = "PageFit", e[e.Custom = 3] = "Custom", e))(z || {});
-const le = /* @__PURE__ */ C({
-  __name: "PdfPageText",
-  props: {
-    viewport: {},
-    page: {}
-  },
-  setup(e) {
-    const i = e, u = _(), n = _();
-    $(() => i.page, async (c) => {
-      u.value = await c.getTextContent();
-    }, { immediate: !0 }), $(() => [u.value, n.value, i.viewport], () => {
-      f();
-    });
-    let l;
-    function f() {
-      const c = n.value, s = u.value, p = i.viewport;
-      if (!(!c || !s || !p)) {
-        if (l) {
-          l.cancel();
-          return;
-        }
-        for (; c.firstChild; )
-          c.removeChild(c.firstChild);
-        l = ae({
-          textContentSource: s,
-          container: c,
-          viewport: p
-          // enhanceTextSelection: true
-        }), l.promise.then(() => {
-          l = void 0;
-        }).catch(() => {
-          l = void 0;
-        }).finally(() => {
-        });
-      }
-    }
-    return N(() => {
-      f();
-    }), (c, s) => (w(), S("div", {
-      ref_key: "rootEl",
-      ref: n,
-      class: "pdf-text-layer"
-    }, null, 512));
-  }
+import { Fragment as e, computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, defineComponent as o, nextTick as s, onBeforeUnmount as c, onMounted as l, openBlock as u, ref as d, renderList as f, renderSlot as p, shallowRef as m, toDisplayString as h, toValue as g, unref as _, watch as v, withCtx as y } from "vue";
+import { GlobalWorkerOptions as b, TextLayer as x, getDocument as S } from "pdfjs-dist";
+//#region src/types.ts
+var C = /* @__PURE__ */ function(e) {
+	return e[e.Auto = 0] = "Auto", e[e.WidthFit = 1] = "WidthFit", e[e.PageFit = 2] = "PageFit", e[e.Custom = 3] = "Custom", e;
+}({}), w = /* @__PURE__ */ o({
+	__name: "PdfPageText",
+	props: {
+		viewport: {},
+		page: {}
+	},
+	setup(e) {
+		let t = e, n = d(), r;
+		v(() => [t.viewport, t.page], () => {
+			a();
+		});
+		async function a() {
+			let e = n.value, i = t.viewport;
+			if (!(!e || !i)) {
+				for (r &&= (r.cancel(), void 0); e.firstChild;) e.removeChild(e.firstChild);
+				r = new x({
+					textContentSource: t.page.streamTextContent(),
+					container: e,
+					viewport: i
+				}), await r.render();
+			}
+		}
+		return l(() => {
+			a();
+		}), (e, t) => (u(), i("div", {
+			ref_key: "rootEl",
+			ref: n,
+			class: "pdf-text-layer"
+		}, null, 512));
+	}
+}), T = { class: "pdf-page-layout" }, E = { class: "pdf-page-overlay" }, D = {
+	key: 0,
+	class: "pdf-page-number"
+}, O = 1100, k = 96 / 72, A = /* @__PURE__ */ o({
+	__name: "PdfPage",
+	props: {
+		zoom: {},
+		zoomType: {},
+		hideText: { type: Boolean },
+		hideNumber: { type: Boolean },
+		viewport: {},
+		page: {},
+		observer: {}
+	},
+	emits: ["update:zoom"],
+	setup(e, { expose: o, emit: s }) {
+		let f = e, m = s, g = d(), _ = d(), y = d(!1);
+		o({
+			rootEl: _,
+			inViewport: y
+		});
+		let b = t(() => {
+			let { width: e, height: t } = f.page.getViewport({ scale: k }), { width: n, height: r } = f.viewport, i = 0, a = 1;
+			switch (f.zoomType) {
+				case C.Auto: return i = Math.min(n, O) - 40, a = i / e, k * a;
+				case C.WidthFit: return i = n - 40, a = i / e, k * a;
+				case C.PageFit: return n > r ? (a = r / t, k * a) : (i = n - 40, a = i / e, k * a);
+			}
+			return k * f.zoom;
+		}), x = t(() => b.value * (window?.devicePixelRatio || 1)), S = t(() => f.page.getViewport({ scale: b.value })), A = t(() => f.page.getViewport({ scale: x.value }));
+		v(b, (e) => {
+			let t = e / k;
+			Math.abs(t - f.zoom) > .05 && m("update:zoom", t);
+		}, { immediate: !0 });
+		let j;
+		function M() {
+			if (!f.page || !g.value) return;
+			let e = f.page, t = S.value, n = A.value, r = g.value;
+			r.width = Math.ceil(n.width), r.height = Math.ceil(n.height), r.style.width = Math.floor(t.width) + "px", r.style.height = Math.floor(t.height) + "px";
+			let i = _.value;
+			i && (i.style.width = r.style.width, i.style.height = r.style.height);
+			let a = r.getContext("2d");
+			if (!(!a || !y.value)) {
+				if (j) {
+					j.cancel();
+					return;
+				}
+				j = e.render({
+					canvas: r,
+					canvasContext: a,
+					viewport: A.value
+				}), j.promise.then(() => j = void 0).catch(() => {
+					j = void 0, M();
+				});
+			}
+		}
+		return v(() => [
+			f.page,
+			x.value,
+			y.value
+		], () => {
+			M();
+		}, { immediate: !0 }), l(() => {
+			M(), _.value && f.observer?.observe(_.value);
+		}), c(() => {
+			_.value && f.observer?.unobserve(_.value);
+		}), (t, o) => (u(), i("div", {
+			ref_key: "rootEl",
+			ref: _,
+			class: "pdf-page"
+		}, [a("div", T, [a("canvas", {
+			ref_key: "canvas",
+			ref: g
+		}, null, 512), a("div", E, [e.hideText ? r("", !0) : (u(), n(w, {
+			key: 0,
+			viewport: A.value,
+			page: e.page
+		}, null, 8, ["viewport", "page"])), p(t.$slots, "default", { displaySize: A.value })])]), e.hideNumber ? r("", !0) : (u(), i("div", D, h(e.page.pageNumber), 1))], 512));
+	}
+}), j = {
+	key: 0,
+	class: "pdf-progress"
+}, M = /* @__PURE__ */ o({
+	__name: "PdfDocument",
+	props: {
+		hideText: { type: Boolean },
+		hideNumber: { type: Boolean },
+		zoomType: {},
+		zoom: {},
+		viewport: {},
+		src: {}
+	},
+	emits: ["error", "update:zoom"],
+	setup(t, { emit: a }) {
+		let o = t, s = a, g = m(), _ = m([]), b = m(), x = d(), C = [], w = d(!1), T = d(0);
+		function E(e) {
+			e && (C.push(e), C.length == 1 && (e.inViewport = !0));
+		}
+		function D() {
+			_.value.forEach((e) => e.cleanup()), _.value = [];
+			let e = g.value;
+			e && (e.destroy(), g.value = void 0), C = [];
+		}
+		return v(() => o.src, (e) => {
+			if (D(), !e) return;
+			let t = S(e);
+			w.value = !0, t.onProgress = (e) => {
+				e.total && (T.value = e.loaded / e.total);
+			}, t.promise.then((e) => {
+				g.value = e;
+				let t = [];
+				for (let n = 1; n <= e.numPages; n++) t.push(e.getPage(n));
+				Promise.all(t).then((t) => {
+					e === g.value && (_.value = t);
+				});
+			}).catch((e) => {
+				s("error", e);
+			}).finally(() => {
+				w.value = !1;
+			});
+		}, { immediate: !0 }), l(() => {
+			b.value = new IntersectionObserver((e) => {
+				e.forEach((e) => {
+					let t = C.find((t) => t?.rootEl === e.target);
+					t && (t.inViewport = e.isIntersecting);
+				});
+			}, { rootMargin: "0px" });
+		}), c(() => {
+			D(), b.value?.disconnect();
+		}), (a, c) => (u(), i("div", {
+			ref_key: "rootEl",
+			ref: x
+		}, [p(a.$slots, "loading", {
+			src: o.src,
+			loading: w.value,
+			progress: T.value
+		}, () => [w.value ? (u(), i("p", j, "loading " + h(Math.ceil(100 * T.value)) + "%", 1)) : r("", !0)]), (u(!0), i(e, null, f(_.value, (e) => (u(), n(A, {
+			ref_for: !0,
+			ref: E,
+			key: e.pageNumber,
+			page: e,
+			"hide-number": t.hideNumber,
+			"hide-text": t.hideText,
+			"zoom-type": t.zoomType,
+			zoom: t.zoom,
+			"onUpdate:zoom": c[0] ||= (e) => s("update:zoom", e),
+			observer: b.value,
+			viewport: t.viewport
+		}, {
+			default: y(({ displaySize: t }) => [p(a.$slots, "default", {
+				doc: g.value,
+				page: e,
+				displaySize: t
+			})]),
+			_: 2
+		}, 1032, [
+			"page",
+			"hide-number",
+			"hide-text",
+			"zoom-type",
+			"zoom",
+			"observer",
+			"viewport"
+		]))), 128))], 512));
+	}
 });
-const de = { class: "pdf-page-layout" }, ce = { class: "pdf-page-overlay" }, fe = {
-  key: 0,
-  class: "pdf-page-number"
-}, pe = 1100, x = 96 / 72, ve = /* @__PURE__ */ C({
-  __name: "PdfPage",
-  props: {
-    zoom: {},
-    zoomType: {},
-    hideText: { type: Boolean },
-    hideNumber: { type: Boolean },
-    viewport: {},
-    page: {},
-    observer: {}
-  },
-  emits: ["update:zoom"],
-  setup(e, { expose: i, emit: u }) {
-    const n = e, l = _(), f = _(), c = _(!1);
-    i({ rootEl: f, inViewport: c });
-    const s = O(() => {
-      const { width: o, height: r } = n.page.getViewport({ scale: x }), { width: a, height: d } = n.viewport;
-      let v = 0, b = 1;
-      switch (n.zoomType) {
-        case z.Auto:
-          return v = Math.min(a, pe) - 40, b = v / o, x * b;
-        case z.WidthFit:
-          return v = a - 40, b = v / o, x * b;
-        case z.PageFit:
-          return a > d ? (b = d / r, x * b) : (v = a - 40, b = v / o, x * b);
-      }
-      return x * n.zoom;
-    }), p = O(() => s.value * ((window == null ? void 0 : window.devicePixelRatio) || 1)), h = O(() => n.page.getViewport({ scale: s.value })), y = O(() => n.page.getViewport({ scale: p.value }));
-    $(s, (o) => {
-      const r = o / x;
-      Math.abs(r - n.zoom) > 0.05 && u("update:zoom", r);
-    }, { immediate: !0 });
-    let g;
-    function t() {
-      if (!n.page || !l.value)
-        return;
-      const o = n.page, r = h.value, a = y.value, d = l.value;
-      d.width = Math.ceil(a.width), d.height = Math.ceil(a.height), d.style.width = Math.floor(r.width) + "px", d.style.height = Math.floor(r.height) + "px";
-      const v = f.value;
-      v && (v.style.width = d.style.width, v.style.height = d.style.height);
-      const b = d.getContext("2d");
-      if (!b || !c.value)
-        return;
-      if (g) {
-        g.cancel();
-        return;
-      }
-      console.debug(`rendering page ${o.pageNumber}`);
-      const I = {
-        canvasContext: b,
-        viewport: y.value
-      };
-      g = o.render(I), g.promise.then(() => g = void 0).catch(() => {
-        g = void 0, t();
-      });
-    }
-    return $(() => [n.page, p.value, c.value], () => {
-      t();
-    }, { immediate: !0 }), N(() => {
-      var o;
-      t(), f.value && ((o = n.observer) == null || o.observe(f.value));
-    }), A(() => {
-      var o;
-      f.value && ((o = n.observer) == null || o.unobserve(f.value));
-    }), (o, r) => (w(), S("div", {
-      ref_key: "rootEl",
-      ref: f,
-      class: "pdf-page"
-    }, [
-      L("div", de, [
-        L("canvas", {
-          ref_key: "canvas",
-          ref: l
-        }, null, 512),
-        L("div", ce, [
-          o.hideText ? V("", !0) : (w(), D(le, {
-            key: 0,
-            viewport: y.value,
-            page: o.page
-          }, null, 8, ["viewport", "page"])),
-          P(o.$slots, "default", { displaySize: y.value })
-        ])
-      ]),
-      o.hideNumber ? V("", !0) : (w(), S("div", fe, q(o.page.pageNumber), 1))
-    ], 512));
-  }
-});
-const me = {
-  key: 0,
-  class: "pdf-progress"
-}, ge = /* @__PURE__ */ C({
-  __name: "PdfDocument",
-  props: {
-    hideText: { type: Boolean },
-    hideNumber: { type: Boolean },
-    zoomType: {},
-    zoom: {},
-    viewport: {},
-    src: {}
-  },
-  emits: ["error", "update:zoom"],
-  setup(e, { emit: i }) {
-    const u = e, n = W(), l = W([]), f = W(), c = _();
-    let s = [];
-    const p = _(!1), h = _(0);
-    function y(t) {
-      t && (s.push(t), s.length == 1 && (t.inViewport = !0));
-    }
-    function g() {
-      l.value.forEach((o) => o.cleanup()), l.value = [];
-      const t = n.value;
-      t && (t.destroy(), n.value = void 0), s = [];
-    }
-    return $(() => u.src, (t) => {
-      if (g(), !t)
-        return;
-      const o = se(t);
-      p.value = !0, o.onProgress = (r) => {
-        r.total && (h.value = r.loaded / r.total);
-      }, o.promise.then((r) => {
-        n.value = r;
-        const a = [];
-        for (let d = 1; d <= r.numPages; d++)
-          a.push(r.getPage(d));
-        Promise.all(a).then((d) => {
-          r === n.value && (l.value = d);
-        });
-      }).catch((r) => {
-        i("error", r);
-      }).finally(() => {
-        p.value = !1;
-      });
-    }, { immediate: !0 }), N(() => {
-      f.value = new IntersectionObserver((t) => {
-        t.forEach((o) => {
-          const r = s.find((a) => (a == null ? void 0 : a.rootEl) === o.target);
-          r && (r.inViewport = o.isIntersecting);
-        });
-      }, {
-        // root: rootEl.value,
-        rootMargin: "0px"
-      });
-    }), A(() => {
-      var t;
-      g(), (t = f.value) == null || t.disconnect();
-    }), (t, o) => (w(), S("div", {
-      ref_key: "rootEl",
-      ref: c
-    }, [
-      P(t.$slots, "loading", {
-        src: u.src,
-        loading: p.value,
-        progress: h.value
-      }, () => [
-        p.value ? (w(), S("p", me, "loading " + q(Math.ceil(100 * h.value)) + "%", 1)) : V("", !0)
-      ]),
-      (w(!0), S(J, null, Q(l.value, (r) => (w(), D(ve, {
-        ref_for: !0,
-        ref: y,
-        key: r.pageNumber,
-        page: r,
-        "hide-number": t.hideNumber,
-        "hide-text": t.hideText,
-        "zoom-type": t.zoomType,
-        zoom: t.zoom,
-        "onUpdate:zoom": o[0] || (o[0] = (a) => i("update:zoom", a)),
-        observer: f.value,
-        viewport: t.viewport
-      }, {
-        default: F(({ displaySize: a }) => [
-          P(t.$slots, "default", {
-            doc: n.value,
-            page: r,
-            displaySize: a
-          })
-        ]),
-        _: 2
-      }, 1032, ["page", "hide-number", "hide-text", "zoom-type", "zoom", "observer", "viewport"]))), 128))
-    ], 512));
-  }
-});
-var E = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function he(e) {
-  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
-}
-function be(e) {
-  var i = typeof e;
-  return e != null && (i == "object" || i == "function");
-}
-var Z = be, ye = typeof E == "object" && E && E.Object === Object && E, we = ye, _e = we, Te = typeof self == "object" && self && self.Object === Object && self, ze = _e || Te || Function("return this")(), ee = ze, Se = ee, xe = function() {
-  return Se.Date.now();
-}, $e = xe, Pe = /\s/;
-function ke(e) {
-  for (var i = e.length; i-- && Pe.test(e.charAt(i)); )
-    ;
-  return i;
-}
-var je = ke, Oe = je, Ee = /^\s+/;
-function Ce(e) {
-  return e && e.slice(0, Oe(e) + 1).replace(Ee, "");
-}
-var Ne = Ce, Ie = ee, Me = Ie.Symbol, te = Me, R = te, oe = Object.prototype, Le = oe.hasOwnProperty, We = oe.toString, j = R ? R.toStringTag : void 0;
-function Be(e) {
-  var i = Le.call(e, j), u = e[j];
-  try {
-    e[j] = void 0;
-    var n = !0;
-  } catch {
-  }
-  var l = We.call(e);
-  return n && (i ? e[j] = u : delete e[j]), l;
-}
-var Ve = Be, Fe = Object.prototype, Ae = Fe.toString;
-function De(e) {
-  return Ae.call(e);
-}
-var Ge = De, H = te, Re = Ve, He = Ge, Ue = "[object Null]", Ke = "[object Undefined]", U = H ? H.toStringTag : void 0;
-function Xe(e) {
-  return e == null ? e === void 0 ? Ke : Ue : U && U in Object(e) ? Re(e) : He(e);
-}
-var Ye = Xe;
-function qe(e) {
-  return e != null && typeof e == "object";
-}
-var Je = qe, Qe = Ye, Ze = Je, et = "[object Symbol]";
-function tt(e) {
-  return typeof e == "symbol" || Ze(e) && Qe(e) == et;
+typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
+var N = () => {};
+function P(e, t) {
+	function n(...n) {
+		return new Promise((r, i) => {
+			Promise.resolve(e(() => t.apply(this, n), {
+				fn: t,
+				thisArg: this,
+				args: n
+			})).then(r).catch(i);
+		});
+	}
+	return n;
 }
-var ot = tt, rt = Ne, K = Z, nt = ot, X = 0 / 0, it = /^[-+]0x[0-9a-f]+$/i, at = /^0b[01]+$/i, st = /^0o[0-7]+$/i, ut = parseInt;
-function lt(e) {
-  if (typeof e == "number")
-    return e;
-  if (nt(e))
-    return X;
-  if (K(e)) {
-    var i = typeof e.valueOf == "function" ? e.valueOf() : e;
-    e = K(i) ? i + "" : i;
-  }
-  if (typeof e != "string")
-    return e === 0 ? e : +e;
-  e = rt(e);
-  var u = at.test(e);
-  return u || st.test(e) ? ut(e.slice(2), u ? 2 : 8) : it.test(e) ? X : +e;
+function F(e, t = {}) {
+	let n, r, i = N, a = (e) => {
+		clearTimeout(e), i(), i = N;
+	}, o;
+	return (s) => {
+		let c = g(e), l = g(t.maxWait);
+		return n && a(n), c <= 0 || l !== void 0 && l <= 0 ? (r &&= (a(r), void 0), Promise.resolve(s())) : new Promise((e, u) => {
+			i = t.rejectOnCancel ? u : e, o = s, l && !r && (r = setTimeout(() => {
+				n && a(n), r = void 0, e(o());
+			}, l)), n = setTimeout(() => {
+				r && a(r), r = void 0, e(s());
+			}, c);
+		});
+	};
 }
-var dt = lt, ct = Z, B = $e, Y = dt, ft = "Expected a function", pt = Math.max, vt = Math.min;
-function mt(e, i, u) {
-  var n, l, f, c, s, p, h = 0, y = !1, g = !1, t = !0;
-  if (typeof e != "function")
-    throw new TypeError(ft);
-  i = Y(i) || 0, ct(u) && (y = !!u.leading, g = "maxWait" in u, f = g ? pt(Y(u.maxWait) || 0, i) : f, t = "trailing" in u ? !!u.trailing : t);
-  function o(m) {
-    var T = n, k = l;
-    return n = l = void 0, h = m, c = e.apply(k, T), c;
-  }
-  function r(m) {
-    return h = m, s = setTimeout(v, i), y ? o(m) : c;
-  }
-  function a(m) {
-    var T = m - p, k = m - h, G = i - T;
-    return g ? vt(G, f - k) : G;
-  }
-  function d(m) {
-    var T = m - p, k = m - h;
-    return p === void 0 || T >= i || T < 0 || g && k >= f;
-  }
-  function v() {
-    var m = B();
-    if (d(m))
-      return b(m);
-    s = setTimeout(v, a(m));
-  }
-  function b(m) {
-    return s = void 0, t && n ? o(m) : (n = l = void 0, c);
-  }
-  function I() {
-    s !== void 0 && clearTimeout(s), h = 0, n = p = l = s = void 0;
-  }
-  function re() {
-    return s === void 0 ? c : b(B());
-  }
-  function M() {
-    var m = B(), T = d(m);
-    if (n = arguments, l = this, p = m, T) {
-      if (s === void 0)
-        return r(p);
-      if (g)
-        return clearTimeout(s), s = setTimeout(v, i), o(p);
-    }
-    return s === void 0 && (s = setTimeout(v, i)), c;
-  }
-  return M.cancel = I, M.flush = re, M;
+function I(e, t = 200, n = {}) {
+	return P(F(t, n), e);
 }
-var gt = mt;
-const ht = /* @__PURE__ */ he(gt), wt = /* @__PURE__ */ C({
-  __name: "PdfHost",
-  props: {
-    workerSrc: {},
-    sources: {},
-    zoomType: {},
-    zoom: {},
-    hideText: { type: Boolean },
-    hideNumber: { type: Boolean }
-  },
-  emits: ["update:zoom", "update:zoomType"],
-  setup(e, { expose: i, emit: u }) {
-    const n = e, l = _();
-    i({
-      /**
-       * Try to increase zoom to the next level, up to 200%.
-       */
-      zoomIn: y,
-      /**
-       * Try to decrease zoom to the next level, down to 25%.
-       */
-      zoomOut: g
-    }), $(() => n.workerSrc, (t) => {
-      t && (ue.workerSrc = t);
-    }, { immediate: !0 });
-    function f(t) {
-      t.ctrlKey && (t.preventDefault(), t.deltaY < 0 ? y() : g());
-    }
-    function c(t) {
-      t.ctrlKey && (t.key === "0" || t.which == 48) && u("update:zoomType", z.Auto);
-    }
-    const s = _({ width: 0, height: 0 }), p = ht(() => {
-      const t = l.value;
-      t && (s.value = {
-        width: t.offsetWidth,
-        height: t.offsetHeight
-      });
-    }, 100);
-    function h(t) {
-      const o = t % 0.25;
-      return Number((t - o).toFixed(2));
-    }
-    function y() {
-      const t = h((n.zoom || 1) + 0.25);
-      u("update:zoom", Math.min(t, 2)), u("update:zoomType", z.Custom);
-    }
-    function g() {
-      const t = h((n.zoom || 1) - 0.25);
-      u("update:zoom", Math.max(t, 0.25)), u("update:zoomType", z.Custom);
-    }
-    return $(() => n.zoom, (t, o) => {
-      const r = l.value;
-      if (r && t && o) {
-        const a = r.scrollTop, d = r.scrollLeft, v = t / o;
-        ne(() => {
-          r.scrollTop = a * v, r.scrollLeft = d * v;
-        });
-      }
-    }), N(() => {
-      window.addEventListener("resize", p), p();
-    }), A(() => {
-      window.removeEventListener("resize", p);
-    }), (t, o) => (w(), S("div", {
-      ref_key: "rootEl",
-      ref: l,
-      onWheel: f,
-      onKeydown: c,
-      tabindex: "0",
-      class: "pdf-host"
-    }, [
-      (w(!0), S(J, null, Q(t.sources, (r) => (w(), D(ge, {
-        viewport: s.value,
-        src: r,
-        "hide-number": !!t.hideNumber,
-        "hide-text": !!t.hideText,
-        "zoom-type": t.zoomType || ie(z).Auto,
-        zoom: t.zoom || 1,
-        "onUpdate:zoom": o[0] || (o[0] = (a) => u("update:zoom", a))
-      }, {
-        loading: F(({ loading: a, progress: d }) => [
-          P(t.$slots, "loading", {
-            source: r,
-            loading: a,
-            progress: d
-          })
-        ]),
-        default: F(({ doc: a, page: d, displaySize: v }) => [
-          P(t.$slots, "page", {
-            source: r,
-            doc: a,
-            page: d,
-            displaySize: v
-          })
-        ]),
-        _: 2
-      }, 1032, ["viewport", "src", "hide-number", "hide-text", "zoom-type", "zoom"]))), 256)),
-      P(t.$slots, "default")
-    ], 544));
-  }
+//#endregion
+//#region src/PdfHost.vue
+var L = /* @__PURE__ */ o({
+	__name: "PdfHost",
+	props: {
+		workerSrc: {},
+		sources: {},
+		zoomType: {},
+		zoom: {},
+		hideText: { type: Boolean },
+		hideNumber: { type: Boolean }
+	},
+	emits: ["update:zoom", "update:zoomType"],
+	setup(t, { expose: r, emit: a }) {
+		let o = t, m = a, h = d();
+		r({
+			zoomIn: E,
+			zoomOut: D
+		}), v(() => o.workerSrc, (e) => {
+			e && (b.workerSrc = e);
+		}, { immediate: !0 });
+		function g(e) {
+			e.ctrlKey && (e.preventDefault(), e.deltaY < 0 ? E() : D());
+		}
+		function x(e) {
+			e.ctrlKey && (e.key === "0" || e.which == 48) && m("update:zoomType", C.Auto);
+		}
+		let S = d({
+			width: 0,
+			height: 0
+		}), w = I(() => {
+			let e = h.value;
+			e && (S.value = {
+				width: e.offsetWidth,
+				height: e.offsetHeight
+			});
+		}, 100);
+		function T(e) {
+			let t = e % .25;
+			return Number((e - t).toFixed(2));
+		}
+		function E() {
+			let e = T((o.zoom || 1) + .25);
+			m("update:zoom", Math.min(e, 2)), m("update:zoomType", C.Custom);
+		}
+		function D() {
+			let e = T((o.zoom || 1) - .25);
+			m("update:zoom", Math.max(e, .25)), m("update:zoomType", C.Custom);
+		}
+		return v(() => o.zoom, (e, t) => {
+			let n = h.value;
+			if (n && e && t) {
+				let r = n.scrollTop, i = n.scrollLeft, a = e / t;
+				s(() => {
+					n.scrollTop = r * a, n.scrollLeft = i * a;
+				});
+			}
+		}), l(() => {
+			window.addEventListener("resize", w), w();
+		}), c(() => {
+			window.removeEventListener("resize", w);
+		}), (r, a) => (u(), i("div", {
+			ref_key: "rootEl",
+			ref: h,
+			onWheel: g,
+			onKeydown: x,
+			tabindex: "0",
+			class: "pdf-host"
+		}, [(u(!0), i(e, null, f(t.sources, (e) => (u(), n(M, {
+			viewport: S.value,
+			src: e,
+			"hide-number": !!t.hideNumber,
+			"hide-text": !!t.hideText,
+			"zoom-type": t.zoomType || _(C).Auto,
+			zoom: t.zoom || 1,
+			"onUpdate:zoom": a[0] ||= (e) => m("update:zoom", e)
+		}, {
+			loading: y(({ loading: t, progress: n }) => [p(r.$slots, "loading", {
+				source: e,
+				loading: t,
+				progress: n
+			})]),
+			default: y(({ doc: t, page: n, displaySize: i }) => [p(r.$slots, "page", {
+				source: e,
+				doc: t,
+				page: n,
+				displaySize: i
+			})]),
+			_: 2
+		}, 1032, [
+			"viewport",
+			"src",
+			"hide-number",
+			"hide-text",
+			"zoom-type",
+			"zoom"
+		]))), 256)), p(r.$slots, "default")], 544));
+	}
 });
-export {
-  wt as PdfHost,
-  z as ZoomType
-};
+//#endregion
+export { L as PdfHost, C as ZoomType };

package/dist/pdfjs-vue3.umd.js

@@ -1 +1 @@
-(function(T,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("pdfjs-dist")):typeof define=="function"&&define.amd?define(["exports","vue","pdfjs-dist"],e):(T=typeof globalThis<"u"?globalThis:T||self,e(T.pdfjsVue3={},T.Vue,T.pdfjsLib))})(this,function(T,e,$){"use strict";var _=(t=>(t[t.Auto=0]="Auto",t[t.WidthFit=1]="WidthFit",t[t.PageFit=2]="PageFit",t[t.Custom=3]="Custom",t))(_||{});const D=e.defineComponent({__name:"PdfPageText",props:{viewport:{},page:{}},setup(t){const a=t,c=e.ref(),i=e.ref();e.watch(()=>a.page,async u=>{c.value=await u.getTextContent()},{immediate:!0}),e.watch(()=>[c.value,i.value,a.viewport],()=>{p()});let d;function p(){const u=i.value,l=c.value,m=a.viewport;if(!(!u||!l||!m)){if(d){d.cancel();return}for(;u.firstChild;)u.removeChild(u.firstChild);d=$.renderTextLayer({textContentSource:l,container:u,viewport:m}),d.promise.then(()=>{d=void 0}).catch(()=>{d=void 0}).finally(()=>{})}}return e.onMounted(()=>{p()}),(u,l)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"rootEl",ref:i,class:"pdf-text-layer"},null,512))}}),et="",G={class:"pdf-page-layout"},H={class:"pdf-page-overlay"},U={key:0,class:"pdf-page-number"},K=1100,S=96/72,q=e.defineComponent({__name:"PdfPage",props:{zoom:{},zoomType:{},hideText:{type:Boolean},hideNumber:{type:Boolean},viewport:{},page:{},observer:{}},emits:["update:zoom"],setup(t,{expose:a,emit:c}){const i=t,d=e.ref(),p=e.ref(),u=e.ref(!1);a({rootEl:p,inViewport:u});const l=e.computed(()=>{const{width:n,height:r}=i.page.getViewport({scale:S}),{width:s,height:f}=i.viewport;let h=0,w=1;switch(i.zoomType){case _.Auto:return h=Math.min(s,K)-40,w=h/n,S*w;case _.WidthFit:return h=s-40,w=h/n,S*w;case _.PageFit:return s>f?(w=f/r,S*w):(h=s-40,w=h/n,S*w)}return S*i.zoom}),m=e.computed(()=>l.value*((window==null?void 0:window.devicePixelRatio)||1)),b=e.computed(()=>i.page.getViewport({scale:l.value})),v=e.computed(()=>i.page.getViewport({scale:m.value}));e.watch(l,n=>{const r=n/S;Math.abs(r-i.zoom)>.05&&c("update:zoom",r)},{immediate:!0});let y;function o(){if(!i.page||!d.value)return;const n=i.page,r=b.value,s=v.value,f=d.value;f.width=Math.ceil(s.width),f.height=Math.ceil(s.height),f.style.width=Math.floor(r.width)+"px",f.style.height=Math.floor(r.height)+"px";const h=p.value;h&&(h.style.width=f.style.width,h.style.height=f.style.height);const w=f.getContext("2d");if(!w||!u.value)return;if(y){y.cancel();return}console.debug(`rendering page ${n.pageNumber}`);const B={canvasContext:w,viewport:v.value};y=n.render(B),y.promise.then(()=>y=void 0).catch(()=>{y=void 0,o()})}return e.watch(()=>[i.page,m.value,u.value],()=>{o()},{immediate:!0}),e.onMounted(()=>{var n;o(),p.value&&((n=i.observer)==null||n.observe(p.value))}),e.onBeforeUnmount(()=>{var n;p.value&&((n=i.observer)==null||n.unobserve(p.value))}),(n,r)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"rootEl",ref:p,class:"pdf-page"},[e.createElementVNode("div",G,[e.createElementVNode("canvas",{ref_key:"canvas",ref:d},null,512),e.createElementVNode("div",H,[n.hideText?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(D,{key:0,viewport:v.value,page:n.page},null,8,["viewport","page"])),e.renderSlot(n.$slots,"default",{displaySize:v.value})])]),n.hideNumber?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",U,e.toDisplayString(n.page.pageNumber),1))],512))}}),tt="",X={key:0,class:"pdf-progress"},Y=e.defineComponent({__name:"PdfDocument",props:{hideText:{type:Boolean},hideNumber:{type:Boolean},zoomType:{},zoom:{},viewport:{},src:{}},emits:["error","update:zoom"],setup(t,{emit:a}){const c=t,i=e.shallowRef(),d=e.shallowRef([]),p=e.shallowRef(),u=e.ref();let l=[];const m=e.ref(!1),b=e.ref(0);function v(o){o&&(l.push(o),l.length==1&&(o.inViewport=!0))}function y(){d.value.forEach(n=>n.cleanup()),d.value=[];const o=i.value;o&&(o.destroy(),i.value=void 0),l=[]}return e.watch(()=>c.src,o=>{if(y(),!o)return;const n=$.getDocument(o);m.value=!0,n.onProgress=r=>{r.total&&(b.value=r.loaded/r.total)},n.promise.then(r=>{i.value=r;const s=[];for(let f=1;f<=r.numPages;f++)s.push(r.getPage(f));Promise.all(s).then(f=>{r===i.value&&(d.value=f)})}).catch(r=>{a("error",r)}).finally(()=>{m.value=!1})},{immediate:!0}),e.onMounted(()=>{p.value=new IntersectionObserver(o=>{o.forEach(n=>{const r=l.find(s=>(s==null?void 0:s.rootEl)===n.target);r&&(r.inViewport=n.isIntersecting)})},{rootMargin:"0px"})}),e.onBeforeUnmount(()=>{var o;y(),(o=p.value)==null||o.disconnect()}),(o,n)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"rootEl",ref:u},[e.renderSlot(o.$slots,"loading",{src:c.src,loading:m.value,progress:b.value},()=>[m.value?(e.openBlock(),e.createElementBlock("p",X,"loading "+e.toDisplayString(Math.ceil(100*b.value))+"%",1)):e.createCommentVNode("",!0)]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value,r=>(e.openBlock(),e.createBlock(q,{ref_for:!0,ref:v,key:r.pageNumber,page:r,"hide-number":o.hideNumber,"hide-text":o.hideText,"zoom-type":o.zoomType,zoom:o.zoom,"onUpdate:zoom":n[0]||(n[0]=s=>a("update:zoom",s)),observer:p.value,viewport:o.viewport},{default:e.withCtx(({displaySize:s})=>[e.renderSlot(o.$slots,"default",{doc:i.value,page:r,displaySize:s})]),_:2},1032,["page","hide-number","hide-text","zoom-type","zoom","observer","viewport"]))),128))],512))}}),ot="";var E=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function J(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}function Q(t){var a=typeof t;return t!=null&&(a=="object"||a=="function")}var C=Q,Z=typeof E=="object"&&E&&E.Object===Object&&E,ee=Z,te=ee,oe=typeof self=="object"&&self&&self.Object===Object&&self,ne=te||oe||Function("return this")(),O=ne,re=O,ie=function(){return re.Date.now()},ae=ie,se=/\s/;function le(t){for(var a=t.length;a--&&se.test(t.charAt(a)););return a}var ce=le,de=ce,fe=/^\s+/;function ue(t){return t&&t.slice(0,de(t)+1).replace(fe,"")}var pe=ue,me=O,he=me.Symbol,N=he,M=N,V=Object.prototype,ge=V.hasOwnProperty,ye=V.toString,z=M?M.toStringTag:void 0;function be(t){var a=ge.call(t,z),c=t[z];try{t[z]=void 0;var i=!0}catch{}var d=ye.call(t);return i&&(a?t[z]=c:delete t[z]),d}var we=be,ve=Object.prototype,Te=ve.toString;function _e(t){return Te.call(t)}var ke=_e,L=N,Se=we,ze=ke,xe="[object Null]",Ee="[object Undefined]",I=L?L.toStringTag:void 0;function $e(t){return t==null?t===void 0?Ee:xe:I&&I in Object(t)?Se(t):ze(t)}var je=$e;function Be(t){return t!=null&&typeof t=="object"}var Pe=Be,Ce=je,Oe=Pe,Ne="[object Symbol]";function Me(t){return typeof t=="symbol"||Oe(t)&&Ce(t)==Ne}var Ve=Me,Le=pe,W=C,Ie=Ve,F=0/0,We=/^[-+]0x[0-9a-f]+$/i,Fe=/^0b[01]+$/i,Ae=/^0o[0-7]+$/i,Re=parseInt;function De(t){if(typeof t=="number")return t;if(Ie(t))return F;if(W(t)){var a=typeof t.valueOf=="function"?t.valueOf():t;t=W(a)?a+"":a}if(typeof t!="string")return t===0?t:+t;t=Le(t);var c=Fe.test(t);return c||Ae.test(t)?Re(t.slice(2),c?2:8):We.test(t)?F:+t}var Ge=De,He=C,j=ae,A=Ge,Ue="Expected a function",Ke=Math.max,qe=Math.min;function Xe(t,a,c){var i,d,p,u,l,m,b=0,v=!1,y=!1,o=!0;if(typeof t!="function")throw new TypeError(Ue);a=A(a)||0,He(c)&&(v=!!c.leading,y="maxWait"in c,p=y?Ke(A(c.maxWait)||0,a):p,o="trailing"in c?!!c.trailing:o);function n(g){var k=i,x=d;return i=d=void 0,b=g,u=t.apply(x,k),u}function r(g){return b=g,l=setTimeout(h,a),v?n(g):u}function s(g){var k=g-m,x=g-b,R=a-k;return y?qe(R,p-x):R}function f(g){var k=g-m,x=g-b;return m===void 0||k>=a||k<0||y&&x>=p}function h(){var g=j();if(f(g))return w(g);l=setTimeout(h,s(g))}function w(g){return l=void 0,o&&i?n(g):(i=d=void 0,u)}function B(){l!==void 0&&clearTimeout(l),b=0,i=m=d=l=void 0}function Ze(){return l===void 0?u:w(j())}function P(){var g=j(),k=f(g);if(i=arguments,d=this,m=g,k){if(l===void 0)return r(m);if(y)return clearTimeout(l),l=setTimeout(h,a),n(m)}return l===void 0&&(l=setTimeout(h,a)),u}return P.cancel=B,P.flush=Ze,P}var Ye=Xe;const Je=J(Ye),Qe=e.defineComponent({__name:"PdfHost",props:{workerSrc:{},sources:{},zoomType:{},zoom:{},hideText:{type:Boolean},hideNumber:{type:Boolean}},emits:["update:zoom","update:zoomType"],setup(t,{expose:a,emit:c}){const i=t,d=e.ref();a({zoomIn:v,zoomOut:y}),e.watch(()=>i.workerSrc,o=>{o&&($.GlobalWorkerOptions.workerSrc=o)},{immediate:!0});function p(o){o.ctrlKey&&(o.preventDefault(),o.deltaY<0?v():y())}function u(o){o.ctrlKey&&(o.key==="0"||o.which==48)&&c("update:zoomType",_.Auto)}const l=e.ref({width:0,height:0}),m=Je(()=>{const o=d.value;o&&(l.value={width:o.offsetWidth,height:o.offsetHeight})},100);function b(o){const n=o%.25;return Number((o-n).toFixed(2))}function v(){const o=b((i.zoom||1)+.25);c("update:zoom",Math.min(o,2)),c("update:zoomType",_.Custom)}function y(){const o=b((i.zoom||1)-.25);c("update:zoom",Math.max(o,.25)),c("update:zoomType",_.Custom)}return e.watch(()=>i.zoom,(o,n)=>{const r=d.value;if(r&&o&&n){const s=r.scrollTop,f=r.scrollLeft,h=o/n;e.nextTick(()=>{r.scrollTop=s*h,r.scrollLeft=f*h})}}),e.onMounted(()=>{window.addEventListener("resize",m),m()}),e.onBeforeUnmount(()=>{window.removeEventListener("resize",m)}),(o,n)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"rootEl",ref:d,onWheel:p,onKeydown:u,tabindex:"0",class:"pdf-host"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.sources,r=>(e.openBlock(),e.createBlock(Y,{viewport:l.value,src:r,"hide-number":!!o.hideNumber,"hide-text":!!o.hideText,"zoom-type":o.zoomType||e.unref(_).Auto,zoom:o.zoom||1,"onUpdate:zoom":n[0]||(n[0]=s=>c("update:zoom",s))},{loading:e.withCtx(({loading:s,progress:f})=>[e.renderSlot(o.$slots,"loading",{source:r,loading:s,progress:f})]),default:e.withCtx(({doc:s,page:f,displaySize:h})=>[e.renderSlot(o.$slots,"page",{source:r,doc:s,page:f,displaySize:h})]),_:2},1032,["viewport","src","hide-number","hide-text","zoom-type","zoom"]))),256)),e.renderSlot(o.$slots,"default")],544))}}),nt="";T.PdfHost=Qe,T.ZoomType=_,Object.defineProperty(T,Symbol.toStringTag,{value:"Module"})});
+(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`vue`),require(`pdfjs-dist`)):typeof define==`function`&&define.amd?define([`exports`,`vue`,`pdfjs-dist`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.pdfjsVue3={},e.Vue,e.pdfjsLib))})(this,function(e,t,n){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var r=function(e){return e[e.Auto=0]=`Auto`,e[e.WidthFit=1]=`WidthFit`,e[e.PageFit=2]=`PageFit`,e[e.Custom=3]=`Custom`,e}({}),i=(0,t.defineComponent)({__name:`PdfPageText`,props:{viewport:{},page:{}},setup(e){let r=e,i=(0,t.ref)(),a;(0,t.watch)(()=>[r.viewport,r.page],()=>{o()});async function o(){let e=i.value,t=r.viewport;if(!(!e||!t)){for(a&&=(a.cancel(),void 0);e.firstChild;)e.removeChild(e.firstChild);a=new n.TextLayer({textContentSource:r.page.streamTextContent(),container:e,viewport:t}),await a.render()}}return(0,t.onMounted)(()=>{o()}),(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{ref_key:`rootEl`,ref:i,class:`pdf-text-layer`},null,512))}}),a={class:`pdf-page-layout`},o={class:`pdf-page-overlay`},s={key:0,class:`pdf-page-number`},c=1100,l=96/72,u=(0,t.defineComponent)({__name:`PdfPage`,props:{zoom:{},zoomType:{},hideText:{type:Boolean},hideNumber:{type:Boolean},viewport:{},page:{},observer:{}},emits:[`update:zoom`],setup(e,{expose:n,emit:u}){let d=e,f=u,p=(0,t.ref)(),m=(0,t.ref)(),h=(0,t.ref)(!1);n({rootEl:m,inViewport:h});let g=(0,t.computed)(()=>{let{width:e,height:t}=d.page.getViewport({scale:l}),{width:n,height:i}=d.viewport,a=0,o=1;switch(d.zoomType){case r.Auto:return a=Math.min(n,c)-40,o=a/e,l*o;case r.WidthFit:return a=n-40,o=a/e,l*o;case r.PageFit:return n>i?(o=i/t,l*o):(a=n-40,o=a/e,l*o)}return l*d.zoom}),_=(0,t.computed)(()=>g.value*(window?.devicePixelRatio||1)),v=(0,t.computed)(()=>d.page.getViewport({scale:g.value})),y=(0,t.computed)(()=>d.page.getViewport({scale:_.value}));(0,t.watch)(g,e=>{let t=e/l;Math.abs(t-d.zoom)>.05&&f(`update:zoom`,t)},{immediate:!0});let b;function x(){if(!d.page||!p.value)return;let e=d.page,t=v.value,n=y.value,r=p.value;r.width=Math.ceil(n.width),r.height=Math.ceil(n.height),r.style.width=Math.floor(t.width)+`px`,r.style.height=Math.floor(t.height)+`px`;let i=m.value;i&&(i.style.width=r.style.width,i.style.height=r.style.height);let a=r.getContext(`2d`);if(!(!a||!h.value)){if(b){b.cancel();return}b=e.render({canvas:r,canvasContext:a,viewport:y.value}),b.promise.then(()=>b=void 0).catch(()=>{b=void 0,x()})}}return(0,t.watch)(()=>[d.page,_.value,h.value],()=>{x()},{immediate:!0}),(0,t.onMounted)(()=>{x(),m.value&&d.observer?.observe(m.value)}),(0,t.onBeforeUnmount)(()=>{m.value&&d.observer?.unobserve(m.value)}),(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{ref_key:`rootEl`,ref:m,class:`pdf-page`},[(0,t.createElementVNode)(`div`,a,[(0,t.createElementVNode)(`canvas`,{ref_key:`canvas`,ref:p},null,512),(0,t.createElementVNode)(`div`,o,[e.hideText?(0,t.createCommentVNode)(``,!0):((0,t.openBlock)(),(0,t.createBlock)(i,{key:0,viewport:y.value,page:e.page},null,8,[`viewport`,`page`])),(0,t.renderSlot)(n.$slots,`default`,{displaySize:y.value})])]),e.hideNumber?(0,t.createCommentVNode)(``,!0):((0,t.openBlock)(),(0,t.createElementBlock)(`div`,s,(0,t.toDisplayString)(e.page.pageNumber),1))],512))}}),d={key:0,class:`pdf-progress`},f=(0,t.defineComponent)({__name:`PdfDocument`,props:{hideText:{type:Boolean},hideNumber:{type:Boolean},zoomType:{},zoom:{},viewport:{},src:{}},emits:[`error`,`update:zoom`],setup(e,{emit:r}){let i=e,a=r,o=(0,t.shallowRef)(),s=(0,t.shallowRef)([]),c=(0,t.shallowRef)(),l=(0,t.ref)(),f=[],p=(0,t.ref)(!1),m=(0,t.ref)(0);function h(e){e&&(f.push(e),f.length==1&&(e.inViewport=!0))}function g(){s.value.forEach(e=>e.cleanup()),s.value=[];let e=o.value;e&&(e.destroy(),o.value=void 0),f=[]}return(0,t.watch)(()=>i.src,e=>{if(g(),!e)return;let t=(0,n.getDocument)(e);p.value=!0,t.onProgress=e=>{e.total&&(m.value=e.loaded/e.total)},t.promise.then(e=>{o.value=e;let t=[];for(let n=1;n<=e.numPages;n++)t.push(e.getPage(n));Promise.all(t).then(t=>{e===o.value&&(s.value=t)})}).catch(e=>{a(`error`,e)}).finally(()=>{p.value=!1})},{immediate:!0}),(0,t.onMounted)(()=>{c.value=new IntersectionObserver(e=>{e.forEach(e=>{let t=f.find(t=>t?.rootEl===e.target);t&&(t.inViewport=e.isIntersecting)})},{rootMargin:`0px`})}),(0,t.onBeforeUnmount)(()=>{g(),c.value?.disconnect()}),(n,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{ref_key:`rootEl`,ref:l},[(0,t.renderSlot)(n.$slots,`loading`,{src:i.src,loading:p.value,progress:m.value},()=>[p.value?((0,t.openBlock)(),(0,t.createElementBlock)(`p`,d,`loading `+(0,t.toDisplayString)(Math.ceil(100*m.value))+`%`,1)):(0,t.createCommentVNode)(``,!0)]),((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(s.value,i=>((0,t.openBlock)(),(0,t.createBlock)(u,{ref_for:!0,ref:h,key:i.pageNumber,page:i,"hide-number":e.hideNumber,"hide-text":e.hideText,"zoom-type":e.zoomType,zoom:e.zoom,"onUpdate:zoom":r[0]||=e=>a(`update:zoom`,e),observer:c.value,viewport:e.viewport},{default:(0,t.withCtx)(({displaySize:e})=>[(0,t.renderSlot)(n.$slots,`default`,{doc:o.value,page:i,displaySize:e})]),_:2},1032,[`page`,`hide-number`,`hide-text`,`zoom-type`,`zoom`,`observer`,`viewport`]))),128))],512))}});typeof WorkerGlobalScope<`u`&&globalThis instanceof WorkerGlobalScope;var p=()=>{};function m(e,t){function n(...n){return new Promise((r,i)=>{Promise.resolve(e(()=>t.apply(this,n),{fn:t,thisArg:this,args:n})).then(r).catch(i)})}return n}function h(e,n={}){let r,i,a=p,o=e=>{clearTimeout(e),a(),a=p},s;return c=>{let l=(0,t.toValue)(e),u=(0,t.toValue)(n.maxWait);return r&&o(r),l<=0||u!==void 0&&u<=0?(i&&=(o(i),void 0),Promise.resolve(c())):new Promise((e,t)=>{a=n.rejectOnCancel?t:e,s=c,u&&!i&&(i=setTimeout(()=>{r&&o(r),i=void 0,e(s())},u)),r=setTimeout(()=>{i&&o(i),i=void 0,e(c())},l)})}}function g(e,t=200,n={}){return m(h(t,n),e)}e.PdfHost=(0,t.defineComponent)({__name:`PdfHost`,props:{workerSrc:{},sources:{},zoomType:{},zoom:{},hideText:{type:Boolean},hideNumber:{type:Boolean}},emits:[`update:zoom`,`update:zoomType`],setup(e,{expose:i,emit:a}){let o=e,s=a,c=(0,t.ref)();i({zoomIn:h,zoomOut:_}),(0,t.watch)(()=>o.workerSrc,e=>{e&&(n.GlobalWorkerOptions.workerSrc=e)},{immediate:!0});function l(e){e.ctrlKey&&(e.preventDefault(),e.deltaY<0?h():_())}function u(e){e.ctrlKey&&(e.key===`0`||e.which==48)&&s(`update:zoomType`,r.Auto)}let d=(0,t.ref)({width:0,height:0}),p=g(()=>{let e=c.value;e&&(d.value={width:e.offsetWidth,height:e.offsetHeight})},100);function m(e){let t=e%.25;return Number((e-t).toFixed(2))}function h(){let e=m((o.zoom||1)+.25);s(`update:zoom`,Math.min(e,2)),s(`update:zoomType`,r.Custom)}function _(){let e=m((o.zoom||1)-.25);s(`update:zoom`,Math.max(e,.25)),s(`update:zoomType`,r.Custom)}return(0,t.watch)(()=>o.zoom,(e,n)=>{let r=c.value;if(r&&e&&n){let i=r.scrollTop,a=r.scrollLeft,o=e/n;(0,t.nextTick)(()=>{r.scrollTop=i*o,r.scrollLeft=a*o})}}),(0,t.onMounted)(()=>{window.addEventListener(`resize`,p),p()}),(0,t.onBeforeUnmount)(()=>{window.removeEventListener(`resize`,p)}),(n,i)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{ref_key:`rootEl`,ref:c,onWheel:l,onKeydown:u,tabindex:`0`,class:`pdf-host`},[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(e.sources,a=>((0,t.openBlock)(),(0,t.createBlock)(f,{viewport:d.value,src:a,"hide-number":!!e.hideNumber,"hide-text":!!e.hideText,"zoom-type":e.zoomType||(0,t.unref)(r).Auto,zoom:e.zoom||1,"onUpdate:zoom":i[0]||=e=>s(`update:zoom`,e)},{loading:(0,t.withCtx)(({loading:e,progress:r})=>[(0,t.renderSlot)(n.$slots,`loading`,{source:a,loading:e,progress:r})]),default:(0,t.withCtx)(({doc:e,page:r,displaySize:i})=>[(0,t.renderSlot)(n.$slots,`page`,{source:a,doc:e,page:r,displaySize:i})]),_:2},1032,[`viewport`,`src`,`hide-number`,`hide-text`,`zoom-type`,`zoom`]))),256)),(0,t.renderSlot)(n.$slots,`default`)],544))}}),e.ZoomType=r});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pdfjs-vue3",
-  "version": "0.1.11",
+  "version": "0.2.0",
   "description": "Using pdfjs to display PDFs as a vue 3 component.",
   "author": "Eugene Wang",
   "license": "Apache-2.0",
@@ -21,7 +21,7 @@
   ],
   "types": "./types/index.d.ts",
   "main": "./dist/pdfjs-vue3.umd.js",
-	"style": "./dist/style.css",
+  "style": "./dist/style.css",
   "module": "./dist/pdfjs-vue3.es.js",
   "exports": {
     ".": {
@@ -36,18 +36,19 @@
     "preview": "vite preview"
   },
   "peerDependencies": {
-    "pdfjs-dist": "^3.11.174",
-    "vue": "^3.3.4"
+    "pdfjs-dist": "^5.6.205",
+    "vue": "^3.5.32"
   },
   "devDependencies": {
     "@babel/types": "^7.23.0",
-    "@types/lodash": "^4.14.199",
-    "@types/node": "^18.18.5",
-    "@vitejs/plugin-vue": "^4.4.0",
-    "lodash": "^4.17.21",
-    "modern-normalize": "^2.0.0",
-    "typescript": "^5.2.2",
-    "vite": "^4.4.11",
-    "vue-tsc": "^1.8.19"
+    "@types/node": "^25.5.2",
+    "@vitejs/plugin-vue": "^6.0.5",
+    "modern-normalize": "^3.0.1",
+    "typescript": "^5.9.3",
+    "vite": "^8.0.3",
+    "vue-tsc": "^3.2.6"
+  },
+  "dependencies": {
+    "@vueuse/core": "^14.2.1"
   }
 }

package/types/PdfHost.vue.d.ts

@@ -1,27 +1,50 @@
 import { PdfSource, ZoomType } from './types';
+type __VLS_Props = {
+    /**
+     * Pdfjs's worker script url. Must be set if haven't been set elsewhere.
+     */
+    workerSrc?: string;
+    /**
+     * Array of pdf sources to display.
+     */
+    sources: PdfSource[];
+    /**
+     * Type of zoom used. Defaults to Auto.
+     */
+    zoomType?: ZoomType;
+    /**
+     * Display zoom percentage if using custom zoom, defaults to 1 (100%).
+     */
+    zoom?: number;
+    /**
+     * Hides the selectable text layer.
+     */
+    hideText?: boolean;
+    /**
+     * Hides page number display.
+     */
+    hideNumber?: boolean;
+};
 declare function zoomIn(): void;
 declare function zoomOut(): void;
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    workerSrc: {
-        type: import("vue").PropType<string>;
-    };
-    sources: {
-        type: import("vue").PropType<PdfSource[]>;
-        required: true;
-    };
-    zoomType: {
-        type: import("vue").PropType<ZoomType>;
-    };
-    zoom: {
-        type: import("vue").PropType<number>;
-    };
-    hideText: {
-        type: import("vue").PropType<boolean>;
-    };
-    hideNumber: {
-        type: import("vue").PropType<boolean>;
-    };
-}, {
+declare var __VLS_10: {
+    source: PdfSource;
+    loading: boolean;
+    progress: number;
+}, __VLS_13: {
+    source: PdfSource;
+    doc: import("pdfjs-dist/types/src/display/api").PDFDocumentProxy | undefined;
+    page: import("pdfjs-dist/types/src/display/api").PDFPageProxy;
+    displaySize: import("pdfjs-dist/types/src/display/display_utils").PageViewport;
+}, __VLS_15: {};
+type __VLS_Slots = {} & {
+    loading?: (props: typeof __VLS_10) => any;
+} & {
+    page?: (props: typeof __VLS_13) => any;
+} & {
+    default?: (props: typeof __VLS_15) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
     /**
      * Try to increase zoom to the next level, up to 200%.
      */
@@ -30,48 +53,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
      * Try to decrease zoom to the next level, down to 25%.
      */
     zoomOut: typeof zoomOut;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:zoom": (zoom: number) => void;
-    "update:zoomType": (zoomType: ZoomType) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    workerSrc: {
-        type: import("vue").PropType<string>;
-    };
-    sources: {
-        type: import("vue").PropType<PdfSource[]>;
-        required: true;
-    };
-    zoomType: {
-        type: import("vue").PropType<ZoomType>;
-    };
-    zoom: {
-        type: import("vue").PropType<number>;
-    };
-    hideText: {
-        type: import("vue").PropType<boolean>;
-    };
-    hideNumber: {
-        type: import("vue").PropType<boolean>;
-    };
-}>> & {
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:zoom": (zoom: number) => any;
+    "update:zoomType": (zoomType: ZoomType) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:zoom"?: ((zoom: number) => any) | undefined;
     "onUpdate:zoomType"?: ((zoomType: ZoomType) => any) | undefined;
-}, {}, {}>, {
-    loading?(_: {
-        source: PdfSource;
-        loading: boolean;
-        progress: number;
-    }): any;
-    page?(_: {
-        source: PdfSource;
-        doc: import("pdfjs-dist/types/src/display/api").PDFDocumentProxy | undefined;
-        page: import("pdfjs-dist/types/src/display/api").PDFPageProxy;
-        displaySize: import("pdfjs-dist/types/src/display/display_utils").PageViewport;
-    }): any;
-    default?(_: {}): any;
-}>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/types/types.d.ts

@@ -1,4 +1,3 @@
-import { PDFDataRangeTransport } from 'pdfjs-dist';
 import type { TypedArray, DocumentInitParameters } from 'pdfjs-dist/types/src/display/api';
 /**
  * Types of zooms supported in pdf display.
@@ -24,4 +23,4 @@ export declare enum ZoomType {
 /**
  * Source of pdf to display in the host.
  */
-export type PdfSource = string | URL | PDFDataRangeTransport | TypedArray | DocumentInitParameters;
+export type PdfSource = string | URL | TypedArray | ArrayBuffer | DocumentInitParameters;

package/dist/style.css

@@ -1 +0,0 @@
-.pdf-text-layer{position:absolute;text-align:initial;left:0;top:0;right:0;bottom:0;overflow:hidden;opacity:.2;line-height:1;text-size-adjust:none}.pdf-text-layer span,.pdf-text-layer br{color:transparent;position:absolute;white-space:pre;cursor:text;transform-origin:0% 0%}.pdf-text-layer span.markedContent{top:0;height:0}.pdf-text-layer .highlight{margin:-1px;padding:1px;background-color:#b400aa;border-radius:4px}.pdf-text-layer .highlight.appended{position:initial}.pdf-text-layer .highlight.begin{border-radius:4px 0 0 4px}.pdf-text-layer .highlight.end{border-radius:0 4px 4px 0}.pdf-text-layer .highlight.middle{border-radius:0}.pdf-text-layer .highlight.selected{background-color:#006400}.pdf-text-layer ::selection{background:rgb(0,153,255)}.pdf-text-layer br::selection{background:transparent}.pdf-text-layer .endOfContent{display:block;position:absolute;left:0;top:100%;right:0;bottom:0;z-index:-1;cursor:default;-webkit-user-select:none;user-select:none}.pdf-text-layer .endOfContent.active{top:0}.pdf-page{margin:1rem auto;display:flex;flex-direction:column}.pdf-page-layout{position:relative;display:flex;margin-bottom:.5rem;margin:auto;background:#fff;filter:drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06))}.pdf-page-number{text-align:center;line-height:1.5}.pdf-page-overlay{position:absolute;top:0;left:0;right:0;bottom:0}.pdf-progress{text-align:center;padding:1rem}.pdf-host{height:100%;overflow:auto;padding:1rem 0;background:gainsboro;touch-action:pan-x pan-y}.pdf-host:focus{outline:none}