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

package/dist/pdfjs-vue3.umd.js

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