pdfjs-vue3 0.1.6 → 0.1.8

package/README.md

@@ -1,3 +1,3 @@
-# Pdfjs in Vue 3
-
-This is an experiment in displaying PDFs using pdfjs as a vue 3 component.
+# Pdfjs in Vue 3
+
+This is an experiment in displaying PDFs using pdfjs as a vue 3 component.

package/dist/pdfjs-vue3.es.js

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

package/package.json

@@ -1,53 +1,53 @@
-{
-  "name": "pdfjs-vue3",
-  "version": "0.1.6",
-  "description": "Using pdfjs to display PDFs as a vue 3 component.",
-  "author": "Eugene Wang",
-  "license": "Apache-2.0",
-  "homepage": "https://github.com/soukoku/pdfjs-vue",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/soukoku/pdfjs-vue.git"
-  },
-  "bugs": {
-    "url": "https://github.com/soukoku/pdfjs-vue/issues"
-  },
-  "files": [
-    "dist/pdfjs*",
-    "dist/style*",
-    "types/index*",
-    "types/types*",
-    "types/PdfHost*"
-  ],
-  "types": "./types/index.d.ts",
-  "main": "./dist/pdfjs-vue3.umd.js",
-	"style": "./dist/style.css",
-  "module": "./dist/pdfjs-vue3.es.js",
-  "exports": {
-    ".": {
-      "import": "./dist/pdfjs-vue3.es.js",
-      "require": "./dist/pdfjs-vue3.umd.js"
-    }
-  },
-  "scripts": {
-    "dev": "vite",
-    "build": "vite build && vue-tsc",
-    "build-lib": "vite build -c vite.config.lib.ts && vue-tsc",
-    "preview": "vite preview"
-  },
-  "peerDependencies": {
-    "pdfjs-dist": "^2.15.349",
-    "vue": "^3.2.37"
-  },
-  "devDependencies": {
-    "@babel/types": "^7.18.10",
-    "@types/lodash": "^4.14.183",
-    "@types/node": "^18.7.6",
-    "@vitejs/plugin-vue": "^3.0.3",
-    "lodash": "^4.17.21",
-    "modern-normalize": "^1.1.0",
-    "typescript": "^4.7.4",
-    "vite": "^3.0.8",
-    "vue-tsc": "^0.40.1"
-  }
-}
+{
+  "name": "pdfjs-vue3",
+  "version": "0.1.8",
+  "description": "Using pdfjs to display PDFs as a vue 3 component.",
+  "author": "Eugene Wang",
+  "license": "Apache-2.0",
+  "homepage": "https://github.com/soukoku/pdfjs-vue",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/soukoku/pdfjs-vue.git"
+  },
+  "bugs": {
+    "url": "https://github.com/soukoku/pdfjs-vue/issues"
+  },
+  "files": [
+    "dist/pdfjs*",
+    "dist/style*",
+    "types/index*",
+    "types/types*",
+    "types/PdfHost*"
+  ],
+  "types": "./types/index.d.ts",
+  "main": "./dist/pdfjs-vue3.umd.js",
+	"style": "./dist/style.css",
+  "module": "./dist/pdfjs-vue3.es.js",
+  "exports": {
+    ".": {
+      "import": "./dist/pdfjs-vue3.es.js",
+      "require": "./dist/pdfjs-vue3.umd.js"
+    }
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build && vue-tsc",
+    "build-lib": "vite build -c vite.config.lib.ts && vue-tsc",
+    "preview": "vite preview"
+  },
+  "peerDependencies": {
+    "pdfjs-dist": "^3.6.172",
+    "vue": "^3.2.47"
+  },
+  "devDependencies": {
+    "@babel/types": "^7.21.5",
+    "@types/lodash": "^4.14.194",
+    "@types/node": "^18.16.6",
+    "@vitejs/plugin-vue": "^4.2.1",
+    "lodash": "^4.17.21",
+    "modern-normalize": "^1.1.0",
+    "typescript": "^5.0.4",
+    "vite": "^4.3.5",
+    "vue-tsc": "^1.6.4"
+  }
+}

package/types/PdfHost.vue.d.ts

@@ -1,217 +1,105 @@
-import { nextTick } from 'vue';
-import { PdfSource, ZoomType } from './types';
-declare const _default: {
-    new (...args: any[]): {
-        $: import("vue").ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
-            /**
-             * Pdfjs's worker script url. Must be set if haven't been set elsewhere.
-             */
-            workerSrc?: string | undefined;
-            /**
-             * Array of pdf sources to display.
-             */
-            sources: PdfSource[];
-            /**
-             * Type of zoom used. Defaults to Auto.
-             */
-            zoomType?: ZoomType | undefined;
-            /**
-             * Display zoom percentage if using custom zoom, defaults to 1 (100%).
-             */
-            zoom?: number | undefined;
-            /**
-             * Hides the selectable text layer.
-             */
-            hideText?: boolean | undefined;
-            /**
-             * Hides page number display.
-             */
-            hideNumber?: boolean | undefined;
-        }>>> & {
-            "onUpdate:zoom"?: ((zoom: number) => any) | undefined;
-            "onUpdate:zoomType"?: ((zoomType: ZoomType) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
-        $attrs: {
-            [x: string]: unknown;
-        };
-        $refs: {
-            [x: string]: unknown;
-        };
-        $slots: Readonly<{
-            [name: string]: import("vue").Slot | undefined;
-        }>;
-        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
-        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
-        $emit: ((event: "update:zoom", zoom: number) => void) & ((event: "update:zoomType", zoomType: ZoomType) => void);
-        $el: any;
-        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
-            /**
-             * Pdfjs's worker script url. Must be set if haven't been set elsewhere.
-             */
-            workerSrc?: string | undefined;
-            /**
-             * Array of pdf sources to display.
-             */
-            sources: PdfSource[];
-            /**
-             * Type of zoom used. Defaults to Auto.
-             */
-            zoomType?: ZoomType | undefined;
-            /**
-             * Display zoom percentage if using custom zoom, defaults to 1 (100%).
-             */
-            zoom?: number | undefined;
-            /**
-             * Hides the selectable text layer.
-             */
-            hideText?: boolean | undefined;
-            /**
-             * Hides page number display.
-             */
-            hideNumber?: boolean | undefined;
-        }>>> & {
-            "onUpdate:zoom"?: ((zoom: number) => any) | undefined;
-            "onUpdate:zoomType"?: ((zoomType: ZoomType) => any) | undefined;
-        }, {
-            /**
-             * Try to increase zoom to the next level, up to 200%.
-             */
-            zoomIn: () => void;
-            /**
-             * Try to decrease zoom to the next level, down to 25%.
-             */
-            zoomOut: () => void;
-        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            "update:zoom": (zoom: number) => void;
-        } & {
-            "update:zoomType": (zoomType: ZoomType) => void;
-        }, string, {}> & {
-            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
-            created?: ((() => void) | (() => void)[]) | undefined;
-            beforeMount?: ((() => void) | (() => void)[]) | undefined;
-            mounted?: ((() => void) | (() => void)[]) | undefined;
-            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
-            updated?: ((() => void) | (() => void)[]) | undefined;
-            activated?: ((() => void) | (() => void)[]) | undefined;
-            deactivated?: ((() => void) | (() => void)[]) | undefined;
-            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
-            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
-            destroyed?: ((() => void) | (() => void)[]) | undefined;
-            unmounted?: ((() => void) | (() => void)[]) | undefined;
-            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-            errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void)[]) | undefined;
-        };
-        $forceUpdate: () => void;
-        $nextTick: typeof nextTick;
-        $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
-    } & Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
-        /**
-         * Pdfjs's worker script url. Must be set if haven't been set elsewhere.
-         */
-        workerSrc?: string | undefined;
-        /**
-         * Array of pdf sources to display.
-         */
-        sources: PdfSource[];
-        /**
-         * Type of zoom used. Defaults to Auto.
-         */
-        zoomType?: ZoomType | undefined;
-        /**
-         * Display zoom percentage if using custom zoom, defaults to 1 (100%).
-         */
-        zoom?: number | undefined;
-        /**
-         * Hides the selectable text layer.
-         */
-        hideText?: boolean | undefined;
-        /**
-         * Hides page number display.
-         */
-        hideNumber?: boolean | undefined;
-    }>>> & {
-        "onUpdate:zoom"?: ((zoom: number) => any) | undefined;
-        "onUpdate:zoomType"?: ((zoomType: ZoomType) => any) | undefined;
-    } & import("vue").ShallowUnwrapRef<{
-        /**
-         * Try to increase zoom to the next level, up to 200%.
-         */
-        zoomIn: () => void;
-        /**
-         * Try to decrease zoom to the next level, down to 25%.
-         */
-        zoomOut: () => void;
-    }> & {} & import("vue").ComponentCustomProperties;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
-    /**
-     * Pdfjs's worker script url. Must be set if haven't been set elsewhere.
-     */
-    workerSrc?: string | undefined;
-    /**
-     * Array of pdf sources to display.
-     */
-    sources: PdfSource[];
-    /**
-     * Type of zoom used. Defaults to Auto.
-     */
-    zoomType?: ZoomType | undefined;
-    /**
-     * Display zoom percentage if using custom zoom, defaults to 1 (100%).
-     */
-    zoom?: number | undefined;
-    /**
-     * Hides the selectable text layer.
-     */
-    hideText?: boolean | undefined;
-    /**
-     * Hides page number display.
-     */
-    hideNumber?: boolean | undefined;
-}>>> & {
-    "onUpdate:zoom"?: ((zoom: number) => any) | undefined;
-    "onUpdate:zoomType"?: ((zoomType: ZoomType) => any) | undefined;
-}, {
-    /**
-     * Try to increase zoom to the next level, up to 200%.
-     */
-    zoomIn: () => void;
-    /**
-     * Try to decrease zoom to the next level, down to 25%.
-     */
-    zoomOut: () => void;
-}, 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 & (new () => {
-    $slots: {
-        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;
-    };
-});
-export default _default;
-declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-declare type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
+import { PdfSource, ZoomType } from './types';
+declare function zoomIn(): void;
+declare function zoomOut(): void;
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
+    /**
+     * Pdfjs's worker script url. Must be set if haven't been set elsewhere.
+     */
+    workerSrc?: string | undefined;
+    /**
+     * Array of pdf sources to display.
+     */
+    sources: PdfSource[];
+    /**
+     * Type of zoom used. Defaults to Auto.
+     */
+    zoomType?: ZoomType | undefined;
+    /**
+     * Display zoom percentage if using custom zoom, defaults to 1 (100%).
+     */
+    zoom?: number | undefined;
+    /**
+     * Hides the selectable text layer.
+     */
+    hideText?: boolean | undefined;
+    /**
+     * Hides page number display.
+     */
+    hideNumber?: boolean | undefined;
+    /**
+     * Experimental flag to enable pinch zoom gesture.
+     */
+    enablePinchZoom?: boolean | undefined;
+}>, {
+    /**
+     * Try to increase zoom to the next level, up to 200%.
+     */
+    zoomIn: typeof zoomIn;
+    /**
+     * 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<__VLS_TypePropsToRuntimeProps<{
+    /**
+     * Pdfjs's worker script url. Must be set if haven't been set elsewhere.
+     */
+    workerSrc?: string | undefined;
+    /**
+     * Array of pdf sources to display.
+     */
+    sources: PdfSource[];
+    /**
+     * Type of zoom used. Defaults to Auto.
+     */
+    zoomType?: ZoomType | undefined;
+    /**
+     * Display zoom percentage if using custom zoom, defaults to 1 (100%).
+     */
+    zoom?: number | undefined;
+    /**
+     * Hides the selectable text layer.
+     */
+    hideText?: boolean | undefined;
+    /**
+     * Hides page number display.
+     */
+    hideNumber?: boolean | undefined;
+    /**
+     * Experimental flag to enable pinch zoom gesture.
+     */
+    enablePinchZoom?: boolean | undefined;
+}>>> & {
+    "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;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/types/index.d.ts

@@ -1,3 +1,3 @@
-export { default as PdfHost } from './PdfHost.vue';
-export { ZoomType } from './types';
-export type { PdfSource } from './types';
+export { default as PdfHost } from './PdfHost.vue';
+export { ZoomType } from './types';
+export type { PdfSource } from './types';

package/types/types.d.ts

@@ -1,27 +1,27 @@
-import { PDFDataRangeTransport } from 'pdfjs-dist';
-import type { TypedArray, DocumentInitParameters } from 'pdfjs-dist/types/src/display/api';
-/**
- * Types of zooms supported in pdf display.
- */
-export declare enum ZoomType {
-    /**
-     * Auto zoom to fit width of host until a certain limit.
-     */
-    Auto = 0,
-    /**
-     * Fits width of host with no limit.
-     */
-    WidthFit = 1,
-    /**
-     * Fits whole page in the host.
-     */
-    PageFit = 2,
-    /**
-     * Custom zoom value percentage.
-     */
-    Custom = 3
-}
-/**
- * Source of pdf to display in the host.
- */
-export declare type PdfSource = string | URL | PDFDataRangeTransport | TypedArray | DocumentInitParameters;
+import { PDFDataRangeTransport } from 'pdfjs-dist';
+import type { TypedArray, DocumentInitParameters } from 'pdfjs-dist/types/src/display/api';
+/**
+ * Types of zooms supported in pdf display.
+ */
+export declare enum ZoomType {
+    /**
+     * Auto zoom to fit width of host until a certain limit.
+     */
+    Auto = 0,
+    /**
+     * Fits width of host with no limit.
+     */
+    WidthFit = 1,
+    /**
+     * Fits whole page in the host.
+     */
+    PageFit = 2,
+    /**
+     * Custom zoom value percentage.
+     */
+    Custom = 3
+}
+/**
+ * Source of pdf to display in the host.
+ */
+export type PdfSource = string | URL | PDFDataRangeTransport | TypedArray | DocumentInitParameters;