pdfjs-vue3 0.1.0 → 0.1.3

package/dist/pdfjs-vue3.es.js

@@ -1,268 +1,163 @@
-import { defineComponent, ref, watch, onMounted, openBlock, createElementBlock, computed, onBeforeUnmount, createElementVNode, createBlock, unref, createCommentVNode, renderSlot, toDisplayString, shallowRef, Fragment, renderList, withCtx, nextTick } from "vue";
-import { renderTextLayer, getDocument, GlobalWorkerOptions } from "pdfjs-dist";
-var ZoomType = /* @__PURE__ */ ((ZoomType2) => {
-  ZoomType2[ZoomType2["Auto"] = 0] = "Auto";
-  ZoomType2[ZoomType2["WidthFit"] = 1] = "WidthFit";
-  ZoomType2[ZoomType2["PageFit"] = 2] = "PageFit";
-  ZoomType2[ZoomType2["Custom"] = 3] = "Custom";
-  return ZoomType2;
-})(ZoomType || {});
-var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
-function isObject$2(value) {
-  var type = typeof value;
-  return value != null && (type == "object" || type == "function");
+import { defineComponent as I, ref as _, watch as P, onMounted as L, openBlock as T, createElementBlock as $, computed as C, onBeforeUnmount as D, createElementVNode as W, createBlock as G, unref as k, createCommentVNode as F, renderSlot as j, toDisplayString as J, shallowRef as B, Fragment as Q, renderList as Z, withCtx as A, 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 || {}), N = 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 isObject_1 = isObject$2;
-var freeGlobal$1 = typeof commonjsGlobal == "object" && commonjsGlobal && commonjsGlobal.Object === Object && commonjsGlobal;
-var _freeGlobal = freeGlobal$1;
-var freeGlobal = _freeGlobal;
-var freeSelf = typeof self == "object" && self && self.Object === Object && self;
-var root$2 = freeGlobal || freeSelf || Function("return this")();
-var _root = root$2;
-var root$1 = _root;
-var now$1 = function() {
-  return root$1.Date.now();
-};
-var now_1 = now$1;
-var reWhitespace = /\s/;
-function trimmedEndIndex$1(string) {
-  var index = string.length;
-  while (index-- && reWhitespace.test(string.charAt(index))) {
-  }
-  return index;
+var ee = ue, ce = typeof N == "object" && N && N.Object === Object && N, de = ce, fe = de, me = typeof self == "object" && self && self.Object === Object && self, ve = fe || me || Function("return this")(), te = ve, pe = te, ge = function() {
+  return pe.Date.now();
+}, he = ge, be = /\s/;
+function ye(e) {
+  for (var i = e.length; i-- && be.test(e.charAt(i)); )
+    ;
+  return i;
 }
-var _trimmedEndIndex = trimmedEndIndex$1;
-var trimmedEndIndex = _trimmedEndIndex;
-var reTrimStart = /^\s+/;
-function baseTrim$1(string) {
-  return string ? string.slice(0, trimmedEndIndex(string) + 1).replace(reTrimStart, "") : string;
+var we = ye, Te = we, xe = /^\s+/;
+function _e(e) {
+  return e && e.slice(0, Te(e) + 1).replace(xe, "");
 }
-var _baseTrim = baseTrim$1;
-var root = _root;
-var Symbol$3 = root.Symbol;
-var _Symbol = Symbol$3;
-var Symbol$2 = _Symbol;
-var objectProto$1 = Object.prototype;
-var hasOwnProperty = objectProto$1.hasOwnProperty;
-var nativeObjectToString$1 = objectProto$1.toString;
-var symToStringTag$1 = Symbol$2 ? Symbol$2.toStringTag : void 0;
-function getRawTag$1(value) {
-  var isOwn = hasOwnProperty.call(value, symToStringTag$1), tag = value[symToStringTag$1];
+var ze = _e, Se = te, $e = Se.Symbol, oe = $e, H = oe, ne = Object.prototype, Pe = ne.hasOwnProperty, ke = ne.toString, O = H ? H.toStringTag : void 0;
+function je(e) {
+  var i = Pe.call(e, O), l = e[O];
   try {
-    value[symToStringTag$1] = void 0;
-    var unmasked = true;
-  } catch (e) {
-  }
-  var result = nativeObjectToString$1.call(value);
-  if (unmasked) {
-    if (isOwn) {
-      value[symToStringTag$1] = tag;
-    } else {
-      delete value[symToStringTag$1];
-    }
+    e[O] = void 0;
+    var n = !0;
+  } catch {
   }
-  return result;
+  var s = ke.call(e);
+  return n && (i ? e[O] = l : delete e[O]), s;
 }
-var _getRawTag = getRawTag$1;
-var objectProto = Object.prototype;
-var nativeObjectToString = objectProto.toString;
-function objectToString$1(value) {
-  return nativeObjectToString.call(value);
+var Ee = je, Oe = Object.prototype, Ce = Oe.toString;
+function Ne(e) {
+  return Ce.call(e);
 }
-var _objectToString = objectToString$1;
-var Symbol$1 = _Symbol, getRawTag = _getRawTag, objectToString = _objectToString;
-var nullTag = "[object Null]", undefinedTag = "[object Undefined]";
-var symToStringTag = Symbol$1 ? Symbol$1.toStringTag : void 0;
-function baseGetTag$1(value) {
-  if (value == null) {
-    return value === void 0 ? undefinedTag : nullTag;
-  }
-  return symToStringTag && symToStringTag in Object(value) ? getRawTag(value) : objectToString(value);
+var Ie = Ne, U = oe, Le = Ee, Me = Ie, We = "[object Null]", Be = "[object Undefined]", K = U ? U.toStringTag : void 0;
+function Ve(e) {
+  return e == null ? e === void 0 ? Be : We : K && K in Object(e) ? Le(e) : Me(e);
 }
-var _baseGetTag = baseGetTag$1;
-function isObjectLike$1(value) {
-  return value != null && typeof value == "object";
+var Fe = Ve;
+function Ae(e) {
+  return e != null && typeof e == "object";
 }
-var isObjectLike_1 = isObjectLike$1;
-var baseGetTag = _baseGetTag, isObjectLike = isObjectLike_1;
-var symbolTag = "[object Symbol]";
-function isSymbol$1(value) {
-  return typeof value == "symbol" || isObjectLike(value) && baseGetTag(value) == symbolTag;
+var De = Ae, Ge = Fe, Re = De, He = "[object Symbol]";
+function Ue(e) {
+  return typeof e == "symbol" || Re(e) && Ge(e) == He;
 }
-var isSymbol_1 = isSymbol$1;
-var baseTrim = _baseTrim, isObject$1 = isObject_1, isSymbol = isSymbol_1;
-var NAN = 0 / 0;
-var reIsBadHex = /^[-+]0x[0-9a-f]+$/i;
-var reIsBinary = /^0b[01]+$/i;
-var reIsOctal = /^0o[0-7]+$/i;
-var freeParseInt = parseInt;
-function toNumber$1(value) {
-  if (typeof value == "number") {
-    return value;
-  }
-  if (isSymbol(value)) {
-    return NAN;
-  }
-  if (isObject$1(value)) {
-    var other = typeof value.valueOf == "function" ? value.valueOf() : value;
-    value = isObject$1(other) ? other + "" : other;
+var Ke = Ue, Xe = ze, X = ee, Ye = Ke, Y = 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;
+  if (Ye(e))
+    return Y;
+  if (X(e)) {
+    var i = typeof e.valueOf == "function" ? e.valueOf() : e;
+    e = X(i) ? i + "" : i;
   }
-  if (typeof value != "string") {
-    return value === 0 ? value : +value;
-  }
-  value = baseTrim(value);
-  var isBinary = reIsBinary.test(value);
-  return isBinary || reIsOctal.test(value) ? freeParseInt(value.slice(2), isBinary ? 2 : 8) : reIsBadHex.test(value) ? NAN : +value;
+  if (typeof e != "string")
+    return e === 0 ? e : +e;
+  e = Xe(e);
+  var l = Je.test(e);
+  return l || Qe.test(e) ? Ze(e.slice(2), l ? 2 : 8) : qe.test(e) ? Y : +e;
 }
-var toNumber_1 = toNumber$1;
-var isObject = isObject_1, now = now_1, toNumber = toNumber_1;
-var FUNC_ERROR_TEXT = "Expected a function";
-var nativeMax = Math.max, nativeMin = Math.min;
-function debounce(func, wait, options) {
-  var lastArgs, lastThis, maxWait, result, timerId, lastCallTime, lastInvokeTime = 0, leading = false, maxing = false, trailing = true;
-  if (typeof func != "function") {
-    throw new TypeError(FUNC_ERROR_TEXT);
+var tt = et, ot = ee, V = he, q = tt, nt = "Expected a function", rt = Math.max, it = Math.min;
+function at(e, i, l) {
+  var n, s, m, d, c, u, g = 0, x = !1, h = !1, t = !0;
+  if (typeof e != "function")
+    throw new TypeError(nt);
+  i = q(i) || 0, ot(l) && (x = !!l.leading, h = "maxWait" in l, m = h ? rt(q(l.maxWait) || 0, i) : m, t = "trailing" in l ? !!l.trailing : t);
+  function a(v) {
+    var z = n, E = s;
+    return n = s = void 0, g = v, d = e.apply(E, z), d;
   }
-  wait = toNumber(wait) || 0;
-  if (isObject(options)) {
-    leading = !!options.leading;
-    maxing = "maxWait" in options;
-    maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait;
-    trailing = "trailing" in options ? !!options.trailing : trailing;
+  function r(v) {
+    return g = v, c = setTimeout(p, i), x ? a(v) : d;
   }
-  function invokeFunc(time) {
-    var args = lastArgs, thisArg = lastThis;
-    lastArgs = lastThis = void 0;
-    lastInvokeTime = time;
-    result = func.apply(thisArg, args);
-    return result;
+  function o(v) {
+    var z = v - u, E = v - g, R = i - z;
+    return h ? it(R, m - E) : R;
   }
-  function leadingEdge(time) {
-    lastInvokeTime = time;
-    timerId = setTimeout(timerExpired, wait);
-    return leading ? invokeFunc(time) : result;
+  function f(v) {
+    var z = v - u, E = v - g;
+    return u === void 0 || z >= i || z < 0 || h && E >= m;
   }
-  function remainingWait(time) {
-    var timeSinceLastCall = time - lastCallTime, timeSinceLastInvoke = time - lastInvokeTime, timeWaiting = wait - timeSinceLastCall;
-    return maxing ? nativeMin(timeWaiting, maxWait - timeSinceLastInvoke) : timeWaiting;
+  function p() {
+    var v = V();
+    if (f(v))
+      return y(v);
+    c = setTimeout(p, o(v));
   }
-  function shouldInvoke(time) {
-    var timeSinceLastCall = time - lastCallTime, timeSinceLastInvoke = time - lastInvokeTime;
-    return lastCallTime === void 0 || timeSinceLastCall >= wait || timeSinceLastCall < 0 || maxing && timeSinceLastInvoke >= maxWait;
+  function y(v) {
+    return c = void 0, t && n ? a(v) : (n = s = void 0, d);
   }
-  function timerExpired() {
-    var time = now();
-    if (shouldInvoke(time)) {
-      return trailingEdge(time);
-    }
-    timerId = setTimeout(timerExpired, remainingWait(time));
+  function w() {
+    c !== void 0 && clearTimeout(c), g = 0, n = u = s = c = void 0;
   }
-  function trailingEdge(time) {
-    timerId = void 0;
-    if (trailing && lastArgs) {
-      return invokeFunc(time);
-    }
-    lastArgs = lastThis = void 0;
-    return result;
+  function b() {
+    return c === void 0 ? d : y(V());
   }
-  function cancel() {
-    if (timerId !== void 0) {
-      clearTimeout(timerId);
+  function M() {
+    var v = V(), z = f(v);
+    if (n = arguments, s = this, u = v, z) {
+      if (c === void 0)
+        return r(u);
+      if (h)
+        return clearTimeout(c), c = setTimeout(p, i), a(u);
     }
-    lastInvokeTime = 0;
-    lastArgs = lastCallTime = lastThis = timerId = void 0;
-  }
-  function flush() {
-    return timerId === void 0 ? result : trailingEdge(now());
+    return c === void 0 && (c = setTimeout(p, i)), d;
   }
-  function debounced() {
-    var time = now(), isInvoking = shouldInvoke(time);
-    lastArgs = arguments;
-    lastThis = this;
-    lastCallTime = time;
-    if (isInvoking) {
-      if (timerId === void 0) {
-        return leadingEdge(lastCallTime);
-      }
-      if (maxing) {
-        clearTimeout(timerId);
-        timerId = setTimeout(timerExpired, wait);
-        return invokeFunc(lastCallTime);
-      }
-    }
-    if (timerId === void 0) {
-      timerId = setTimeout(timerExpired, wait);
-    }
-    return result;
-  }
-  debounced.cancel = cancel;
-  debounced.flush = flush;
-  return debounced;
+  return M.cancel = w, M.flush = b, M;
 }
-var debounce_1 = debounce;
-var PdfPageText_vue_vue_type_style_index_0_lang = "";
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+var re = at;
+const lt = /* @__PURE__ */ I({
+  __name: "PdfPageText",
   props: {
     viewport: null,
     page: null
   },
-  setup(__props) {
-    const props = __props;
-    const textContent = ref();
-    const rootEl = ref();
-    watch(() => props.page, async (page) => {
-      textContent.value = await page.getTextContent();
-    }, { immediate: true });
-    watch(() => [textContent.value, rootEl.value, props.viewport], () => {
-      renderText();
+  setup(e) {
+    const i = e, l = _(), n = _();
+    P(() => i.page, async (d) => {
+      l.value = await d.getTextContent();
+    }, { immediate: !0 }), P(() => [l.value, n.value, i.viewport], () => {
+      m();
     });
-    let renderTask = void 0;
-    function renderText() {
-      const el = rootEl.value;
-      const text = textContent.value;
-      const vp = props.viewport;
-      if (!el || !text || !vp)
-        return;
-      if (renderTask) {
-        renderTask.cancel();
-        return;
-      }
-      while (el.firstChild) {
-        el.removeChild(el.firstChild);
+    let s;
+    function m() {
+      const d = n.value, c = l.value, u = i.viewport;
+      if (!(!d || !c || !u)) {
+        if (s) {
+          s.cancel();
+          return;
+        }
+        for (; d.firstChild; )
+          d.removeChild(d.firstChild);
+        s = ae({
+          textContent: l.value,
+          container: d,
+          viewport: u
+        }), s.promise.then(() => {
+          s = void 0;
+        }).catch(() => {
+          s = void 0;
+        }).finally(() => {
+        });
       }
-      renderTask = renderTextLayer({
-        textContent: textContent.value,
-        container: el,
-        viewport: vp,
-        enhanceTextSelection: true
-      });
-      renderTask.promise.then(() => {
-        renderTask = void 0;
-      }).catch(() => {
-        renderTask = void 0;
-      }).finally(() => {
-      });
     }
-    onMounted(() => {
-      renderText();
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        ref_key: "rootEl",
-        ref: rootEl,
-        class: "pdf-text-layer"
-      }, null, 512);
-    };
+    return L(() => {
+      m();
+    }), (d, c) => (T(), $("div", {
+      ref_key: "rootEl",
+      ref: n,
+      class: "pdf-text-layer"
+    }, null, 512));
   }
 });
-var PdfPage_vue_vue_type_style_index_0_lang = "";
-const _hoisted_1 = { class: "pdf-page-layout" };
-const _hoisted_2 = { class: "pdf-page-overlay" };
-const _hoisted_3 = {
+const st = { class: "pdf-page-layout" }, ut = { class: "pdf-page-overlay" }, ct = {
   key: 0,
   class: "pdf-page-number"
-};
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+}, dt = /* @__PURE__ */ I({
+  __name: "PdfPage",
   props: {
     zoom: null,
     zoomType: null,
@@ -273,129 +168,84 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     observer: null
   },
   emits: ["update:zoom"],
-  setup(__props, { expose, emit: emits }) {
-    const props = __props;
-    const canvas = ref();
-    const rootEl = ref();
-    const inViewport = ref(false);
-    const maxAutoWidth = 1100;
-    expose({ rootEl, inViewport });
-    const baseScale = 96 / 72;
-    const pdfScale = computed(() => {
-      const { width: pageWidth, height: pageHeight } = props.page.getViewport({ scale: baseScale });
-      const { width: vpWidth, height: vpHeight } = props.viewport;
-      let wLimit = 0;
-      let newZoom = 1;
-      switch (props.zoomType) {
-        case ZoomType.Auto:
-          wLimit = Math.min(vpWidth, maxAutoWidth) - 40;
-          newZoom = wLimit / pageWidth;
-          return baseScale * newZoom;
-        case ZoomType.WidthFit:
-          wLimit = vpWidth - 40;
-          newZoom = wLimit / pageWidth;
-          return baseScale * newZoom;
-        case ZoomType.PageFit:
-          if (vpWidth > vpHeight) {
-            newZoom = vpHeight / pageHeight;
-            return baseScale * newZoom;
-          } else {
-            wLimit = vpWidth - 40;
-            newZoom = wLimit / pageWidth;
-            return baseScale * newZoom;
-          }
-      }
-      return baseScale * props.zoom;
-    });
-    const displayScale = computed(() => {
-      return pdfScale.value * ((window == null ? void 0 : window.devicePixelRatio) || 1);
-    });
-    const pdfViewport = computed(() => {
-      return props.page.getViewport({ scale: pdfScale.value });
-    });
-    const displayViewport = computed(() => {
-      return props.page.getViewport({ scale: displayScale.value });
-    });
-    watch(pdfScale, (newScale) => {
-      const newZoom = newScale / baseScale;
-      const delta = Math.abs(newZoom - props.zoom);
-      if (delta > 0.05) {
-        emits("update:zoom", newZoom);
+  setup(e, { expose: i, emit: l }) {
+    const n = e, s = _(), m = _(), d = _(!1), c = 1100;
+    i({ rootEl: m, inViewport: d });
+    const u = 96 / 72, g = C(() => {
+      const { width: o, height: f } = n.page.getViewport({ scale: u }), { width: p, height: y } = n.viewport;
+      let w = 0, b = 1;
+      switch (n.zoomType) {
+        case S.Auto:
+          return w = Math.min(p, c) - 40, b = w / o, u * b;
+        case S.WidthFit:
+          return w = p - 40, b = w / o, u * b;
+        case S.PageFit:
+          return p > y ? (b = y / f, u * b) : (w = p - 40, b = w / o, u * b);
       }
-    }, { immediate: true });
-    let renderTask;
-    function renderPage() {
-      if (!props.page || !canvas.value)
+      return u * n.zoom;
+    }), x = C(() => g.value * ((window == null ? void 0 : window.devicePixelRatio) || 1)), h = C(() => n.page.getViewport({ scale: g.value })), t = C(() => n.page.getViewport({ scale: x.value }));
+    P(g, (o) => {
+      const f = o / u;
+      Math.abs(f - n.zoom) > 0.05 && l("update:zoom", f);
+    }, { immediate: !0 });
+    let a;
+    function r() {
+      if (!n.page || !s.value)
         return;
-      const page = props.page;
-      const pdfVP = pdfViewport.value;
-      const dispVP = displayViewport.value;
-      const canvasEl = canvas.value;
-      canvasEl.width = Math.ceil(dispVP.width);
-      canvasEl.height = Math.ceil(dispVP.height);
-      canvasEl.style.width = Math.floor(pdfVP.width) + "px";
-      canvasEl.style.height = Math.floor(pdfVP.height) + "px";
-      const context = canvasEl.getContext("2d");
-      if (!context || !inViewport.value)
+      const o = n.page, f = h.value, p = t.value, y = s.value;
+      y.width = Math.ceil(p.width), y.height = Math.ceil(p.height), y.style.width = Math.floor(f.width) + "px", y.style.height = Math.floor(f.height) + "px";
+      const w = y.getContext("2d");
+      if (!w || !d.value)
         return;
-      if (renderTask) {
-        renderTask.cancel();
+      if (a) {
+        a.cancel();
         return;
       }
-      console.debug(`rendering page ${page.pageNumber}`);
-      const renderContext = {
-        canvasContext: context,
-        viewport: displayViewport.value
+      console.debug(`rendering page ${o.pageNumber}`);
+      const b = {
+        canvasContext: w,
+        viewport: t.value
       };
-      renderTask = page.render(renderContext);
-      renderTask.promise.then(() => renderTask = void 0).catch(() => {
-        renderTask = void 0;
-        renderPage();
+      a = o.render(b), a.promise.then(() => a = void 0).catch(() => {
+        a = void 0, r();
       });
     }
-    watch(() => [props.page, displayScale.value, inViewport.value], () => {
-      renderPage();
-    }, { immediate: true });
-    onMounted(() => {
-      var _a;
-      renderPage();
-      if (rootEl.value)
-        (_a = props.observer) == null ? void 0 : _a.observe(rootEl.value);
-    });
-    onBeforeUnmount(() => {
-      var _a;
-      if (rootEl.value)
-        (_a = props.observer) == null ? void 0 : _a.unobserve(rootEl.value);
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        ref_key: "rootEl",
-        ref: rootEl,
-        class: "pdf-page"
-      }, [
-        createElementVNode("div", _hoisted_1, [
-          createElementVNode("canvas", {
-            ref_key: "canvas",
-            ref: canvas
-          }, null, 512),
-          createElementVNode("div", _hoisted_2, [
-            !__props.hideText ? (openBlock(), createBlock(_sfc_main$3, {
-              key: 0,
-              viewport: unref(displayViewport),
-              page: __props.page
-            }, null, 8, ["viewport", "page"])) : createCommentVNode("", true),
-            renderSlot(_ctx.$slots, "default", {
-              width: unref(pdfViewport).width,
-              height: unref(pdfViewport).height
-            })
-          ])
-        ]),
-        !__props.hideNumber ? (openBlock(), createElementBlock("div", _hoisted_3, toDisplayString(__props.page.pageNumber), 1)) : createCommentVNode("", true)
-      ], 512);
-    };
+    return P(() => [n.page, x.value, d.value], () => {
+      r();
+    }, { immediate: !0 }), L(() => {
+      var o;
+      r(), m.value && ((o = n.observer) == null || o.observe(m.value));
+    }), D(() => {
+      var o;
+      m.value && ((o = n.observer) == null || o.unobserve(m.value));
+    }), (o, f) => (T(), $("div", {
+      ref_key: "rootEl",
+      ref: m,
+      class: "pdf-page"
+    }, [
+      W("div", st, [
+        W("canvas", {
+          ref_key: "canvas",
+          ref: s
+        }, null, 512),
+        W("div", ut, [
+          e.hideText ? F("", !0) : (T(), G(lt, {
+            key: 0,
+            viewport: k(t),
+            page: e.page
+          }, null, 8, ["viewport", "page"])),
+          j(o.$slots, "default", { displaySize: k(t) })
+        ])
+      ]),
+      e.hideNumber ? F("", !0) : (T(), $("div", ct, J(e.page.pageNumber), 1))
+    ], 512));
   }
 });
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+const ft = {
+  key: 0,
+  class: "pdf-progress"
+}, mt = /* @__PURE__ */ I({
+  __name: "PdfDocument",
   props: {
     hideText: { type: Boolean },
     hideNumber: { type: Boolean },
@@ -405,98 +255,87 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     src: null
   },
   emits: ["error", "update:zoom"],
-  setup(__props, { emit: emits }) {
-    const props = __props;
-    const pdfDoc = shallowRef();
-    const pdfPages = shallowRef([]);
-    const observer = shallowRef();
-    const rootEl = ref();
-    const pageComps = ref([]);
-    function setPageComp(component) {
-      pageComps.value.push(component);
-      if (pageComps.value.length == 1)
-        component.inViewport = true;
+  setup(e, { emit: i }) {
+    const l = e, n = B(), s = B([]), m = B(), d = _();
+    let c = [];
+    const u = _(!1), g = _(0);
+    function x(t) {
+      c.push(t), c.length == 1 && (t.inViewport = !0);
     }
-    function cleanupDoc() {
-      pdfPages.value.forEach((pg) => pg.cleanup());
-      pdfPages.value = [];
-      const doc = pdfDoc.value;
-      if (doc) {
-        doc.destroy();
-        pdfDoc.value = void 0;
-      }
+    function h() {
+      s.value.forEach((a) => a.cleanup()), s.value = [];
+      const t = n.value;
+      t && (t.destroy(), n.value = void 0), c = [];
     }
-    watch(() => props.src, (src) => {
-      cleanupDoc();
-      if (!src)
+    return P(() => l.src, (t) => {
+      if (h(), !t)
         return;
-      getDocument(src).promise.then((doc) => {
-        pdfDoc.value = doc;
-        const tasks = [];
-        for (let i = 1; i <= doc.numPages; i++) {
-          tasks.push(doc.getPage(i));
-        }
-        Promise.all(tasks).then((pages) => {
-          if (doc === pdfDoc.value)
-            pdfPages.value = pages;
+      const a = le(t);
+      u.value = !0, a.onProgress = (r) => {
+        r.total && (g.value = r.loaded / r.total);
+      }, a.promise.then((r) => {
+        n.value = r;
+        const o = [];
+        for (let f = 1; f <= r.numPages; f++)
+          o.push(r.getPage(f));
+        Promise.all(o).then((f) => {
+          r === n.value && (s.value = f);
         });
-      }).catch((err) => {
-        emits("error", err);
+      }).catch((r) => {
+        i("error", r);
+      }).finally(() => {
+        u.value = !1;
       });
-    }, { immediate: true });
-    onMounted(() => {
-      observer.value = new IntersectionObserver(debounce_1((entries) => {
-        entries.forEach((entry) => {
-          const foundComp = pageComps.value.find((comp) => (comp == null ? void 0 : comp.rootEl) === entry.target);
-          if (foundComp) {
-            foundComp.inViewport = entry.isIntersecting;
-          }
+    }, { immediate: !0 }), L(() => {
+      m.value = new IntersectionObserver(re((t) => {
+        t.forEach((a) => {
+          const r = c.find((o) => (o == null ? void 0 : o.rootEl) === a.target);
+          r && (r.inViewport = a.isIntersecting);
         });
       }, 50), {
         rootMargin: "0px"
       });
-    });
-    onBeforeUnmount(() => {
-      var _a;
-      cleanupDoc();
-      (_a = observer.value) == null ? void 0 : _a.disconnect();
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        ref_key: "rootEl",
-        ref: rootEl
-      }, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(unref(pdfPages), (page) => {
-          return openBlock(), createBlock(_sfc_main$2, {
-            ref_for: true,
-            ref: setPageComp,
-            key: page.pageNumber,
-            page,
-            "hide-number": __props.hideNumber,
-            "hide-text": __props.hideText,
-            "zoom-type": __props.zoomType,
-            zoom: __props.zoom,
-            "onUpdate:zoom": _cache[0] || (_cache[0] = ($event) => emits("update:zoom", $event)),
-            observer: unref(observer),
-            viewport: __props.viewport
-          }, {
-            default: withCtx(({ width, height }) => [
-              renderSlot(_ctx.$slots, "default", {
-                doc: unref(pdfDoc),
-                page,
-                width,
-                height
-              })
-            ]),
-            _: 2
-          }, 1032, ["page", "hide-number", "hide-text", "zoom-type", "zoom", "observer", "viewport"]);
-        }), 128))
-      ], 512);
-    };
+    }), D(() => {
+      var t;
+      h(), (t = m.value) == null || t.disconnect();
+    }), (t, a) => (T(), $("div", {
+      ref_key: "rootEl",
+      ref: d
+    }, [
+      j(t.$slots, "loading", {
+        src: l.src,
+        loading: u.value,
+        progress: g.value
+      }, () => [
+        u.value ? (T(), $("p", ft, "loading " + J(Math.ceil(100 * g.value)) + "%", 1)) : F("", !0)
+      ]),
+      (T(!0), $(Q, null, Z(k(s), (r) => (T(), G(dt, {
+        ref_for: !0,
+        ref: x,
+        key: r.pageNumber,
+        page: r,
+        "hide-number": e.hideNumber,
+        "hide-text": e.hideText,
+        "zoom-type": e.zoomType,
+        zoom: e.zoom,
+        "onUpdate:zoom": a[0] || (a[0] = (o) => i("update:zoom", o)),
+        observer: k(m),
+        viewport: e.viewport
+      }, {
+        default: A(({ displaySize: o }) => [
+          j(t.$slots, "default", {
+            doc: k(n),
+            page: r,
+            displaySize: o
+          })
+        ]),
+        _: 2
+      }, 1032, ["page", "hide-number", "hide-text", "zoom-type", "zoom", "observer", "viewport"]))), 128))
+    ], 512));
   }
 });
-var PdfHost_vue_vue_type_style_index_0_lang = "";
-const _sfc_main = /* @__PURE__ */ defineComponent({
+const gt = /* @__PURE__ */ I({
+  __name: "PdfHost",
   props: {
     workerSrc: null,
     sources: null,
@@ -506,110 +345,90 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     hideNumber: { type: Boolean }
   },
   emits: ["update:zoom", "update:zoomType"],
-  setup(__props, { expose, emit: emits }) {
-    const props = __props;
-    const rootEl = ref();
-    expose({
-      zoomIn,
-      zoomOut
-    });
-    watch(() => props.workerSrc, (js) => {
-      if (js)
-        GlobalWorkerOptions.workerSrc = js;
-    }, { immediate: true });
-    function onMouseWheel(e) {
-      if (e.ctrlKey) {
-        e.preventDefault();
-        if (e.deltaY < 0) {
-          zoomIn();
-        } else {
-          zoomOut();
-        }
-      }
+  setup(e, { expose: i, emit: l }) {
+    const n = e, s = _();
+    i({
+      zoomIn: x,
+      zoomOut: h
+    }), P(() => n.workerSrc, (t) => {
+      t && (se.workerSrc = t);
+    }, { immediate: !0 });
+    function m(t) {
+      t.ctrlKey && (t.preventDefault(), t.deltaY < 0 ? x() : h());
     }
-    function onKeydown(e) {
-      if (e.ctrlKey) {
-        if (e.key === "0" || e.which == 48) {
-          emits("update:zoomType", ZoomType.Auto);
-        }
-      }
+    function d(t) {
+      t.ctrlKey && (t.key === "0" || t.which == 48) && l("update:zoomType", S.Auto);
     }
-    const viewport = ref({ width: 0, height: 0 });
-    const updateViewport = debounce_1(() => {
-      const root2 = rootEl.value;
-      if (root2) {
-        viewport.value = {
-          width: root2.offsetWidth,
-          height: root2.offsetHeight
-        };
-      }
+    const c = _({ width: 0, height: 0 }), u = re(() => {
+      const t = s.value;
+      t && (c.value = {
+        width: t.offsetWidth,
+        height: t.offsetHeight
+      });
     }, 100);
-    function fitZoom(zoom) {
-      const overage = zoom % 0.25;
-      return Number((zoom - overage).toFixed(2));
+    function g(t) {
+      const a = t % 0.25;
+      return Number((t - a).toFixed(2));
     }
-    function zoomIn() {
-      const proposed = fitZoom((props.zoom || 1) + 0.25);
-      emits("update:zoom", Math.min(proposed, 2));
-      emits("update:zoomType", ZoomType.Custom);
+    function x() {
+      const t = g((n.zoom || 1) + 0.25);
+      l("update:zoom", Math.min(t, 2)), l("update:zoomType", S.Custom);
     }
-    function zoomOut() {
-      const proposed = fitZoom((props.zoom || 1) - 0.25);
-      emits("update:zoom", Math.max(proposed, 0.25));
-      emits("update:zoomType", ZoomType.Custom);
+    function h() {
+      const t = g((n.zoom || 1) - 0.25);
+      l("update:zoom", Math.max(t, 0.25)), l("update:zoomType", S.Custom);
     }
-    watch(() => props.zoom, (newZoom, oldZoom) => {
-      const root2 = rootEl.value;
-      if (root2 && newZoom && oldZoom) {
-        const curTop = root2.scrollTop;
-        const curLeft = root2.scrollLeft;
-        const ratio = newZoom / oldZoom;
-        nextTick(() => {
-          root2.scrollTop = curTop * ratio;
-          root2.scrollLeft = curLeft * ratio;
+    return P(() => n.zoom, (t, a) => {
+      const r = s.value;
+      if (r && t && a) {
+        const o = r.scrollTop, f = r.scrollLeft, p = t / a;
+        ie(() => {
+          r.scrollTop = o * p, r.scrollLeft = f * p;
         });
       }
-    });
-    onMounted(() => {
-      window.addEventListener("resize", updateViewport);
-      updateViewport();
-    });
-    onBeforeUnmount(() => {
-      window.removeEventListener("resize", updateViewport);
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        ref_key: "rootEl",
-        ref: rootEl,
-        onWheel: onMouseWheel,
-        onKeydown,
-        tabindex: "0",
-        class: "pdf-host"
-      }, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.sources, (src) => {
-          return openBlock(), createBlock(_sfc_main$1, {
-            viewport: viewport.value,
-            src,
-            "hide-number": !!__props.hideNumber,
-            "hide-text": !!__props.hideText,
-            "zoom-type": __props.zoomType || unref(ZoomType).Auto,
-            zoom: __props.zoom || 1,
-            "onUpdate:zoom": _cache[0] || (_cache[0] = ($event) => emits("update:zoom", $event))
-          }, {
-            default: withCtx(({ doc, page, width, height }) => [
-              renderSlot(_ctx.$slots, "page", {
-                doc,
-                page,
-                width,
-                height
-              })
-            ]),
-            _: 2
-          }, 1032, ["viewport", "src", "hide-number", "hide-text", "zoom-type", "zoom"]);
-        }), 256)),
-        renderSlot(_ctx.$slots, "default")
-      ], 544);
-    };
+    }), L(() => {
+      window.addEventListener("resize", u), u();
+    }), D(() => {
+      window.removeEventListener("resize", u);
+    }), (t, a) => (T(), $("div", {
+      ref_key: "rootEl",
+      ref: s,
+      onWheel: m,
+      onKeydown: d,
+      tabindex: "0",
+      class: "pdf-host"
+    }, [
+      (T(!0), $(Q, null, Z(e.sources, (r) => (T(), G(mt, {
+        viewport: c.value,
+        src: r,
+        "hide-number": !!e.hideNumber,
+        "hide-text": !!e.hideText,
+        "zoom-type": e.zoomType || k(S).Auto,
+        zoom: e.zoom || 1,
+        "onUpdate:zoom": a[0] || (a[0] = (o) => l("update:zoom", o))
+      }, {
+        loading: A(({ loading: o, progress: f }) => [
+          j(t.$slots, "loading", {
+            source: r,
+            loading: o,
+            progress: f
+          })
+        ]),
+        default: A(({ doc: o, page: f, displaySize: p }) => [
+          j(t.$slots, "page", {
+            source: r,
+            doc: o,
+            page: f,
+            displaySize: p
+          })
+        ]),
+        _: 2
+      }, 1032, ["viewport", "src", "hide-number", "hide-text", "zoom-type", "zoom"]))), 256)),
+      j(t.$slots, "default")
+    ], 544));
   }
 });
-export { _sfc_main as PdfHost, ZoomType };
+export {
+  gt as PdfHost,
+  S as ZoomType
+};