pdfjs-vue3 0.1.10 → 0.1.11

package/dist/pdfjs-vue3.es.js

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

package/dist/pdfjs-vue3.umd.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pdfjs-vue3",
-  "version": "0.1.10",
+  "version": "0.1.11",
   "description": "Using pdfjs to display PDFs as a vue 3 component.",
   "author": "Eugene Wang",
   "license": "Apache-2.0",
@@ -42,12 +42,12 @@
   "devDependencies": {
     "@babel/types": "^7.23.0",
     "@types/lodash": "^4.14.199",
-    "@types/node": "^18.18.4",
+    "@types/node": "^18.18.5",
     "@vitejs/plugin-vue": "^4.4.0",
     "lodash": "^4.17.21",
     "modern-normalize": "^2.0.0",
     "typescript": "^5.2.2",
     "vite": "^4.4.11",
-    "vue-tsc": "^1.8.18"
+    "vue-tsc": "^1.8.19"
   }
 }

package/types/PdfHost.vue.d.ts

@@ -21,9 +21,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     hideNumber: {
         type: import("vue").PropType<boolean>;
     };
-    enablePinchZoom: {
-        type: import("vue").PropType<boolean>;
-    };
 }, {
     /**
      * Try to increase zoom to the next level, up to 200%.
@@ -56,9 +53,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     hideNumber: {
         type: import("vue").PropType<boolean>;
     };
-    enablePinchZoom: {
-        type: import("vue").PropType<boolean>;
-    };
 }>> & {
     "onUpdate:zoom"?: ((zoom: number) => any) | undefined;
     "onUpdate:zoomType"?: ((zoomType: ZoomType) => any) | undefined;