pdfjs-vue3 0.1.6 → 0.1.7

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,12 +1,12 @@
-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) {
   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();
+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)); )
@@ -14,10 +14,10 @@ function ye(e) {
   return i;
 }
 var we = ye, Te = we, xe = /^\s+/;
-function ze(e) {
+function Pe(e) {
   return e && e.slice(0, Te(e) + 1).replace(xe, "");
 }
-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;
+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];
   try {
@@ -44,7 +44,7 @@ var Ae = Fe, Ge = De, Re = Ae, He = "[object Symbol]";
 function Ue(e) {
   return typeof e == "symbol" || Re(e) && Ge(e) == He;
 }
-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;
+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) {
   if (typeof e == "number")
     return e;
@@ -66,39 +66,39 @@ function at(e, i, l) {
   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;
+  function c(v) {
+    var _ = n, O = s;
+    return n = s = void 0, y = v, g = e.apply(O, _), 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;
+  function a(v) {
+    var _ = v - u, O = v - y, H = i - _;
     return w ? it(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 _ = v - u, O = v - y;
+    return u === void 0 || _ >= i || _ < 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) {
+  function z() {
+    var v = V(), _ = h(v);
+    if (n = arguments, s = this, u = v, _) {
       if (d === void 0)
         return f(u);
       if (w)
@@ -106,7 +106,7 @@ function at(e, i, l) {
     }
     return d === void 0 && (d = setTimeout(t, i)), g;
   }
-  return _.cancel = p, _.flush = v, _;
+  return z.cancel = p, z.flush = m, z;
 }
 var A = at;
 const lt = /* @__PURE__ */ N({
@@ -116,7 +116,7 @@ const lt = /* @__PURE__ */ N({
     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], () => {
@@ -169,18 +169,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 +202,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();
       });
     }
@@ -256,9 +256,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));
     }
@@ -342,11 +342,12 @@ 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({
       zoomIn: T,
       zoomOut: w
@@ -359,7 +360,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 +382,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, z = p.scrollLeft, v = t / r;
         ie(() => {
-          p.scrollTop = v * m, p.scrollLeft = _ * m;
+          p.scrollTop = m * v, p.scrollLeft = z * v;
         });
       }
     }), L(() => {
@@ -394,26 +395,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",
@@ -436,21 +441,21 @@ const gt = /* @__PURE__ */ N({
         "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: z }) => [
           E(t.$slots, "loading", {
             source: p,
-            loading: v,
-            progress: _
+            loading: m,
+            progress: z
           })
         ]),
-        default: F(({ doc: v, page: _, displaySize: m }) => [
+        default: F(({ doc: m, page: z, displaySize: v }) => [
           E(t.$slots, "page", {
             source: p,
-            doc: v,
-            page: _,
-            displaySize: m
+            doc: m,
+            page: z,
+            displaySize: v
           })
         ]),
         _: 2

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(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"}})});

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.7",
+  "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"
+  }
+}

package/types/PdfHost.vue.d.ts

@@ -29,6 +29,10 @@ declare const _default: {
              * 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;
@@ -71,6 +75,10 @@ declare const _default: {
              * 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;
@@ -132,6 +140,10 @@ declare const _default: {
          * 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;
@@ -173,6 +185,10 @@ declare const _default: {
      * 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;