pdfjs-vue3 0.1.7 → 0.1.8

package/dist/pdfjs-vue3.es.js

@@ -2,53 +2,56 @@ import { defineComponent as N, ref as P, watch as j, onMounted as L, openBlock a
 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, me = fe || pe || Function("return this")(), oe = me, ve = oe, ge = function() {
-  return ve.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 Pe(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 ze = Pe, _e = oe, Se = _e.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 = ze, 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,30 +59,30 @@ 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);
+    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 _ = n, O = s;
-    return n = s = void 0, y = v, g = e.apply(O, _), g;
+    var z = n, O = s;
+    return n = s = void 0, y = v, g = e.apply(O, z), g;
   }
   function f(v) {
     return y = v, d = setTimeout(t, i), T ? c(v) : g;
   }
   function a(v) {
-    var _ = v - u, O = v - y, H = i - _;
-    return w ? it(H, b - O) : H;
+    var z = v - u, O = v - y, H = i - z;
+    return w ? at(H, b - O) : H;
   }
   function h(v) {
-    var _ = v - u, O = v - y;
-    return u === void 0 || _ >= i || _ < 0 || w && O >= b;
+    var z = v - u, O = v - y;
+    return u === void 0 || z >= i || z < 0 || w && O >= b;
   }
   function t() {
     var v = V();
@@ -96,9 +99,9 @@ function at(e, i, l) {
   function m() {
     return d === void 0 ? g : r(V());
   }
-  function z() {
-    var v = V(), _ = h(v);
-    if (n = arguments, s = this, u = v, _) {
+  function _() {
+    var v = V(), z = h(v);
+    if (n = arguments, s = this, u = v, z) {
       if (d === void 0)
         return f(u);
       if (w)
@@ -106,10 +109,10 @@ function at(e, i, l) {
     }
     return d === void 0 && (d = setTimeout(t, i)), g;
   }
-  return z.cancel = p, z.flush = m, z;
+  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,
@@ -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,
@@ -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 },
@@ -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,
@@ -349,7 +354,13 @@ const gt = /* @__PURE__ */ N({
   setup(e, { expose: i, emit: l }) {
     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);
@@ -382,9 +393,9 @@ const gt = /* @__PURE__ */ N({
     j(() => n.zoom, (t, r) => {
       const p = s.value;
       if (p && t && r) {
-        const m = p.scrollTop, z = p.scrollLeft, v = t / r;
+        const m = p.scrollTop, _ = p.scrollLeft, v = t / r;
         ie(() => {
-          p.scrollTop = m * v, p.scrollLeft = z * v;
+          p.scrollTop = m * v, p.scrollLeft = _ * v;
         });
       }
     }), L(() => {
@@ -395,10 +406,10 @@ const gt = /* @__PURE__ */ N({
     const o = [];
     let c = -1;
     function f(t) {
-      !n.enablePinchZoom || o.push(t);
+      n.enablePinchZoom && o.push(t);
     }
     const a = A((t) => {
-      if (!!n.enablePinchZoom) {
+      if (n.enablePinchZoom) {
         for (let r = 0; r < o.length; r++)
           if (t.pointerId === o[r].pointerId) {
             o[r] = t;
@@ -411,7 +422,7 @@ const gt = /* @__PURE__ */ N({
       }
     }, 10);
     function h(t) {
-      if (!!n.enablePinchZoom) {
+      if (n.enablePinchZoom) {
         for (let r = 0; r < o.length; r++)
           if (o[r].pointerId === t.pointerId) {
             o.splice(r, 1);
@@ -426,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,
@@ -434,7 +446,7 @@ 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,
@@ -443,18 +455,18 @@ const gt = /* @__PURE__ */ N({
         zoom: e.zoom || 1,
         "onUpdate:zoom": r[0] || (r[0] = (m) => l("update:zoom", m))
       }, {
-        loading: F(({ loading: m, progress: z }) => [
+        loading: F(({ loading: m, progress: _ }) => [
           E(t.$slots, "loading", {
             source: p,
             loading: m,
-            progress: z
+            progress: _
           })
         ]),
-        default: F(({ doc: m, page: z, displaySize: v }) => [
+        default: F(({ doc: m, page: _, displaySize: v }) => [
           E(t.$slots, "page", {
             source: p,
             doc: m,
-            page: z,
+            page: _,
             displaySize: v
           })
         ]),
@@ -465,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 P=(t=>(t[t.Auto=0]="Auto",t[t.WidthFit=1]="WidthFit",t[t.PageFit=2]="PageFit",t[t.Custom=3]="Custom",t))(P||{}),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,Pe=Te,_e=ke,ze="[object Symbol]";function Se(t){return typeof t=="symbol"||_e(t)&&Pe(t)==ze}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 z=r,E=s;return r=s=void 0,v=g,b=t.apply(E,z),b}function p(g){return v=g,u=setTimeout(o,a),x?f(g):b}function l(g){var z=g-d,E=g-v,R=a-z;return T?Fe(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 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 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}),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},enablePinchZoom:{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",P.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",P.Custom)}function T(){const o=v((r.zoom||1)-.25);c("update:zoom",Math.max(o,.25)),c("update:zoomType",P.Custom)}e.watch(()=>r.zoom,(o,i)=>{const m=s.value;if(m&&o&&i){const h=m.scrollTop,_=m.scrollLeft,g=o/i;e.nextTick(()=>{m.scrollTop=h*g,m.scrollLeft=_*g})}}),e.onMounted(()=>{window.addEventListener("resize",d),d()}),e.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&&x(),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)=>(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(P).Auto,zoom:t.zoom||1,"onUpdate:zoom":i[0]||(i[0]=h=>c("update:zoom",h))},{loading:e.withCtx(({loading:h,progress:_})=>[e.renderSlot(o.$slots,"loading",{source:m,loading:h,progress:_})]),default:e.withCtx(({doc:h,page:_,displaySize:g})=>[e.renderSlot(o.$slots,"page",{source:m,doc:h,page:_,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=P,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,6 +1,6 @@
 {
   "name": "pdfjs-vue3",
-  "version": "0.1.7",
+  "version": "0.1.8",
   "description": "Using pdfjs to display PDFs as a vue 3 component.",
   "author": "Eugene Wang",
   "license": "Apache-2.0",
@@ -36,18 +36,18 @@
     "preview": "vite preview"
   },
   "peerDependencies": {
-    "pdfjs-dist": "^2.15.349",
-    "vue": "^3.2.37"
+    "pdfjs-dist": "^3.6.172",
+    "vue": "^3.2.47"
   },
   "devDependencies": {
-    "@babel/types": "^7.18.10",
-    "@types/lodash": "^4.14.183",
-    "@types/node": "^18.7.6",
-    "@vitejs/plugin-vue": "^3.0.3",
+    "@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": "^4.7.4",
-    "vite": "^3.0.8",
-    "vue-tsc": "^0.40.1"
+    "typescript": "^5.0.4",
+    "vite": "^4.3.5",
+    "vue-tsc": "^1.6.4"
   }
 }

package/types/PdfHost.vue.d.ts

@@ -1,233 +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;
-            /**
-             * Experimental flag to enable pinch zoom gesture.
-             */
-            enablePinchZoom?: 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;
-            /**
-             * Experimental flag to enable pinch zoom gesture.
-             */
-            enablePinchZoom?: 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;
-        /**
-         * Experimental flag to enable pinch zoom gesture.
-         */
-        enablePinchZoom?: 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;
-    /**
-     * Experimental flag to enable pinch zoom gesture.
-     */
-    enablePinchZoom?: 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;