pdfjs-vue3 0.1.8 → 0.1.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pdfjs-vue3",
-  "version": "0.1.8",
+  "version": "0.1.9",
   "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": "^3.6.172",
-    "vue": "^3.2.47"
+    "pdfjs-dist": "^3.11.174",
+    "vue": "^3.3.4"
   },
   "devDependencies": {
-    "@babel/types": "^7.21.5",
-    "@types/lodash": "^4.14.194",
-    "@types/node": "^18.16.6",
-    "@vitejs/plugin-vue": "^4.2.1",
+    "@babel/types": "^7.23.0",
+    "@types/lodash": "^4.14.199",
+    "@types/node": "^18.18.4",
+    "@vitejs/plugin-vue": "^4.4.0",
     "lodash": "^4.17.21",
-    "modern-normalize": "^1.1.0",
-    "typescript": "^5.0.4",
-    "vite": "^4.3.5",
-    "vue-tsc": "^1.6.4"
+    "modern-normalize": "^2.0.0",
+    "typescript": "^5.2.2",
+    "vite": "^4.4.11",
+    "vue-tsc": "^1.8.18"
   }
 }

package/dist/pdfjs-vue3.es.js

@@ -1,482 +0,0 @@
-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 = 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 Te = we, xe = Te, Pe = /^\s+/;
-function _e(e) {
-  return e && e.slice(0, xe(e) + 1).replace(Pe, "");
-}
-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 = je.call(e);
-  return n && (i ? e[C] = l : delete e[C]), s;
-}
-var Oe = Ee, Ce = Object.prototype, Me = Ce.toString;
-function Ie(e) {
-  return Me.call(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 Fe = De;
-function Ae(e) {
-  return e != null && typeof e == "object";
-}
-var Ge = Ae, Re = Fe, He = Ge, Ue = "[object Symbol]";
-function Ke(e) {
-  return typeof e == "symbol" || He(e) && Re(e) == Ue;
-}
-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 (qe(e))
-    return q;
-  if (Y(e)) {
-    var i = typeof e.valueOf == "function" ? e.valueOf() : e;
-    e = Y(i) ? i + "" : i;
-  }
-  if (typeof e != "string")
-    return e === 0 ? e : +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 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(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(v) {
-    return y = v, d = setTimeout(t, i), T ? c(v) : g;
-  }
-  function a(v) {
-    var z = v - u, O = v - y, H = i - z;
-    return w ? at(H, b - O) : H;
-  }
-  function h(v) {
-    var z = v - u, O = v - y;
-    return u === void 0 || z >= i || z < 0 || w && O >= b;
-  }
-  function t() {
-    var v = V();
-    if (h(v))
-      return r(v);
-    d = setTimeout(t, a(v));
-  }
-  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 m() {
-    return d === void 0 ? g : r(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)
-        return clearTimeout(d), d = setTimeout(t, i), c(u);
-    }
-    return d === void 0 && (d = setTimeout(t, i)), g;
-  }
-  return _.cancel = p, _.flush = m, _;
-}
-var st = lt;
-const A = /* @__PURE__ */ ue(st), ut = /* @__PURE__ */ N({
-  __name: "PdfPageText",
-  props: {
-    viewport: null,
-    page: null
-  },
-  setup(e) {
-    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], () => {
-      b();
-    });
-    let s;
-    function b() {
-      const g = n.value, d = l.value, u = i.viewport;
-      if (!(!g || !d || !u)) {
-        if (s) {
-          s.cancel();
-          return;
-        }
-        for (; g.firstChild; )
-          g.removeChild(g.firstChild);
-        s = ae({
-          textContentSource: d,
-          container: g,
-          viewport: u
-          // enhanceTextSelection: true
-        }), s.promise.then(() => {
-          s = void 0;
-        }).catch(() => {
-          s = void 0;
-        }).finally(() => {
-        });
-      }
-    }
-    return L(() => {
-      b();
-    }), (g, d) => (x(), $("div", {
-      ref_key: "rootEl",
-      ref: n,
-      class: "pdf-text-layer"
-    }, null, 512));
-  }
-});
-const ct = { class: "pdf-page-layout" }, dt = { class: "pdf-page-overlay" }, ft = {
-  key: 0,
-  class: "pdf-page-number"
-}, pt = /* @__PURE__ */ N({
-  __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: i, emit: l }) {
-    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, m = 1;
-      switch (n.zoomType) {
-        case S.Auto:
-          return p = Math.min(t, d) - 40, m = p / a, u * m;
-        case S.WidthFit:
-          return p = t - 40, m = p / a, u * m;
-        case S.PageFit:
-          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 }));
-    j(y, (a) => {
-      const h = a / u;
-      Math.abs(h - n.zoom) > 0.05 && l("update:zoom", h);
-    }, { immediate: !0 });
-    let c;
-    function f() {
-      if (!n.page || !s.value)
-        return;
-      const a = n.page, h = w.value, t = o.value, r = s.value;
-      r.width = Math.ceil(t.width), r.height = Math.ceil(t.height), r.style.width = Math.floor(h.width) + "px", r.style.height = Math.floor(h.height) + "px";
-      const p = r.getContext("2d");
-      if (!p || !g.value)
-        return;
-      if (c) {
-        c.cancel();
-        return;
-      }
-      console.debug(`rendering page ${a.pageNumber}`);
-      const m = {
-        canvasContext: p,
-        viewport: o.value
-      };
-      c = a.render(m), c.promise.then(() => c = void 0).catch(() => {
-        c = void 0, f();
-      });
-    }
-    return j(() => [n.page, T.value, g.value], () => {
-      f();
-    }, { immediate: !0 }), L(() => {
-      var a;
-      f(), b.value && ((a = n.observer) == null || a.observe(b.value));
-    }), G(() => {
-      var a;
-      b.value && ((a = n.observer) == null || a.unobserve(b.value));
-    }), (a, h) => (x(), $("div", {
-      ref_key: "rootEl",
-      ref: b,
-      class: "pdf-page"
-    }, [
-      W("div", ct, [
-        W("canvas", {
-          ref_key: "canvas",
-          ref: s
-        }, null, 512),
-        W("div", dt, [
-          e.hideText ? D("", !0) : (x(), R(ut, {
-            key: 0,
-            viewport: k(o),
-            page: e.page
-          }, null, 8, ["viewport", "page"])),
-          E(a.$slots, "default", { displaySize: k(o) })
-        ])
-      ]),
-      e.hideNumber ? D("", !0) : (x(), $("div", ft, Q(e.page.pageNumber), 1))
-    ], 512));
-  }
-});
-const mt = {
-  key: 0,
-  class: "pdf-progress"
-}, vt = /* @__PURE__ */ N({
-  __name: "PdfDocument",
-  props: {
-    hideText: { type: Boolean },
-    hideNumber: { type: Boolean },
-    zoomType: null,
-    zoom: null,
-    viewport: null,
-    src: null
-  },
-  emits: ["error", "update:zoom"],
-  setup(e, { emit: i }) {
-    const l = e, n = B(), s = B([]), b = B(), g = P();
-    let d = [];
-    const u = P(!1), y = P(0);
-    function T(o) {
-      o && (d.push(o), d.length == 1 && (o.inViewport = !0));
-    }
-    function w() {
-      s.value.forEach((c) => c.cleanup()), s.value = [];
-      const o = n.value;
-      o && (o.destroy(), n.value = void 0), d = [];
-    }
-    return j(() => l.src, (o) => {
-      if (w(), !o)
-        return;
-      const c = le(o);
-      u.value = !0, c.onProgress = (f) => {
-        f.total && (y.value = f.loaded / f.total);
-      }, c.promise.then((f) => {
-        n.value = f;
-        const a = [];
-        for (let h = 1; h <= f.numPages; h++)
-          a.push(f.getPage(h));
-        Promise.all(a).then((h) => {
-          f === n.value && (s.value = h);
-        });
-      }).catch((f) => {
-        i("error", f);
-      }).finally(() => {
-        u.value = !1;
-      });
-    }, { immediate: !0 }), L(() => {
-      b.value = new IntersectionObserver(A((o) => {
-        o.forEach((c) => {
-          const f = d.find((a) => (a == null ? void 0 : a.rootEl) === c.target);
-          f && (f.inViewport = c.isIntersecting);
-        });
-      }, 50), {
-        // root: rootEl.value,
-        rootMargin: "0px"
-      });
-    }), G(() => {
-      var o;
-      w(), (o = b.value) == null || o.disconnect();
-    }), (o, c) => (x(), $("div", {
-      ref_key: "rootEl",
-      ref: g
-    }, [
-      E(o.$slots, "loading", {
-        src: l.src,
-        loading: u.value,
-        progress: y.value
-      }, () => [
-        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(pt, {
-        ref_for: !0,
-        ref: T,
-        key: f.pageNumber,
-        page: f,
-        "hide-number": e.hideNumber,
-        "hide-text": e.hideText,
-        "zoom-type": e.zoomType,
-        zoom: e.zoom,
-        "onUpdate:zoom": c[0] || (c[0] = (a) => i("update:zoom", a)),
-        observer: k(b),
-        viewport: e.viewport
-      }, {
-        default: F(({ displaySize: a }) => [
-          E(o.$slots, "default", {
-            doc: k(n),
-            page: f,
-            displaySize: a
-          })
-        ]),
-        _: 2
-      }, 1032, ["page", "hide-number", "hide-text", "zoom-type", "zoom", "observer", "viewport"]))), 128))
-    ], 512));
-  }
-});
-const bt = /* @__PURE__ */ N({
-  __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: 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);
-    }, { immediate: !0 });
-    function b(t) {
-      t.ctrlKey && (t.preventDefault(), t.deltaY < 0 ? T() : w());
-    }
-    function g(t) {
-      t.ctrlKey && (t.key === "0" || t.which == 48) && l("update:zoomType", S.Auto);
-    }
-    const d = P({ width: 0, height: 0 }), u = A(() => {
-      const t = s.value;
-      t && (d.value = {
-        width: t.offsetWidth,
-        height: t.offsetHeight
-      });
-    }, 100);
-    function y(t) {
-      const r = t % 0.25;
-      return Number((t - r).toFixed(2));
-    }
-    function T() {
-      const t = y((n.zoom || 1) + 0.25);
-      l("update:zoom", Math.min(t, 2)), l("update:zoomType", S.Custom);
-    }
-    function w() {
-      const t = y((n.zoom || 1) - 0.25);
-      l("update:zoom", Math.max(t, 0.25)), l("update:zoomType", S.Custom);
-    }
-    j(() => n.zoom, (t, r) => {
-      const p = s.value;
-      if (p && t && r) {
-        const m = p.scrollTop, _ = p.scrollLeft, v = t / r;
-        ie(() => {
-          p.scrollTop = m * v, p.scrollLeft = _ * v;
-        });
-      }
-    }), L(() => {
-      window.addEventListener("resize", u), u();
-    }), G(() => {
-      window.removeEventListener("resize", u);
-    });
-    const o = [];
-    let c = -1;
-    function f(t) {
-      n.enablePinchZoom && o.push(t);
-    }
-    const a = A((t) => {
-      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;
-        }
-      }
-    }, 10);
-    function h(t) {
-      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",
-      ref: s,
-      onWheel: b,
-      onKeydown: g,
-      onPointerdown: f,
-      onPointermove: r[1] || (r[1] = //@ts-ignore
-      (...p) => k(a) && k(a)(...p)),
-      onPointerup: h,
-      onPointercancel: h,
-      onPointerleave: h,
-      onPointerout: h,
-      tabindex: "0",
-      class: "pdf-host"
-    }, [
-      (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] = (m) => l("update:zoom", m))
-      }, {
-        loading: F(({ loading: m, progress: _ }) => [
-          E(t.$slots, "loading", {
-            source: p,
-            loading: m,
-            progress: _
-          })
-        ]),
-        default: F(({ doc: m, page: _, displaySize: v }) => [
-          E(t.$slots, "page", {
-            source: p,
-            doc: m,
-            page: _,
-            displaySize: v
-          })
-        ]),
-        _: 2
-      }, 1032, ["viewport", "src", "hide-number", "hide-text", "zoom-type", "zoom"]))), 256)),
-      E(t.$slots, "default")
-    ], 544));
-  }
-});
-export {
-  bt as PdfHost,
-  S as ZoomType
-};

package/dist/pdfjs-vue3.umd.js

@@ -1 +0,0 @@
-(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/dist/style.css

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

package/types/PdfHost.vue.d.ts

@@ -1,105 +0,0 @@
-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 +0,0 @@
-export { default as PdfHost } from './PdfHost.vue';
-export { ZoomType } from './types';
-export type { PdfSource } from './types';

package/types/types.d.ts

@@ -1,27 +0,0 @@
-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;