pdfjs-vue3 0.1.0

package/LICENSE

@@ -0,0 +1,177 @@
+
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS

package/README.md

@@ -0,0 +1,3 @@
+# Pdfjs in Vue 3
+
+This is an experiment in displaying PDFs using pdfjs as a vue 3 component.

package/dist/pdfjs-vue3.es.js

@@ -0,0 +1,615 @@
+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");
+}
+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 _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 _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];
+  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];
+    }
+  }
+  return result;
+}
+var _getRawTag = getRawTag$1;
+var objectProto = Object.prototype;
+var nativeObjectToString = objectProto.toString;
+function objectToString$1(value) {
+  return nativeObjectToString.call(value);
+}
+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 _baseGetTag = baseGetTag$1;
+function isObjectLike$1(value) {
+  return value != null && typeof value == "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 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;
+  }
+  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;
+}
+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);
+  }
+  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 invokeFunc(time) {
+    var args = lastArgs, thisArg = lastThis;
+    lastArgs = lastThis = void 0;
+    lastInvokeTime = time;
+    result = func.apply(thisArg, args);
+    return result;
+  }
+  function leadingEdge(time) {
+    lastInvokeTime = time;
+    timerId = setTimeout(timerExpired, wait);
+    return leading ? invokeFunc(time) : result;
+  }
+  function remainingWait(time) {
+    var timeSinceLastCall = time - lastCallTime, timeSinceLastInvoke = time - lastInvokeTime, timeWaiting = wait - timeSinceLastCall;
+    return maxing ? nativeMin(timeWaiting, maxWait - timeSinceLastInvoke) : timeWaiting;
+  }
+  function shouldInvoke(time) {
+    var timeSinceLastCall = time - lastCallTime, timeSinceLastInvoke = time - lastInvokeTime;
+    return lastCallTime === void 0 || timeSinceLastCall >= wait || timeSinceLastCall < 0 || maxing && timeSinceLastInvoke >= maxWait;
+  }
+  function timerExpired() {
+    var time = now();
+    if (shouldInvoke(time)) {
+      return trailingEdge(time);
+    }
+    timerId = setTimeout(timerExpired, remainingWait(time));
+  }
+  function trailingEdge(time) {
+    timerId = void 0;
+    if (trailing && lastArgs) {
+      return invokeFunc(time);
+    }
+    lastArgs = lastThis = void 0;
+    return result;
+  }
+  function cancel() {
+    if (timerId !== void 0) {
+      clearTimeout(timerId);
+    }
+    lastInvokeTime = 0;
+    lastArgs = lastCallTime = lastThis = timerId = void 0;
+  }
+  function flush() {
+    return timerId === void 0 ? result : trailingEdge(now());
+  }
+  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;
+}
+var debounce_1 = debounce;
+var PdfPageText_vue_vue_type_style_index_0_lang = "";
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  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();
+    });
+    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);
+      }
+      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);
+    };
+  }
+});
+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 = {
+  key: 0,
+  class: "pdf-page-number"
+};
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  props: {
+    zoom: null,
+    zoomType: null,
+    hideText: { type: Boolean },
+    hideNumber: { type: Boolean },
+    viewport: null,
+    page: null,
+    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);
+      }
+    }, { immediate: true });
+    let renderTask;
+    function renderPage() {
+      if (!props.page || !canvas.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)
+        return;
+      if (renderTask) {
+        renderTask.cancel();
+        return;
+      }
+      console.debug(`rendering page ${page.pageNumber}`);
+      const renderContext = {
+        canvasContext: context,
+        viewport: displayViewport.value
+      };
+      renderTask = page.render(renderContext);
+      renderTask.promise.then(() => renderTask = void 0).catch(() => {
+        renderTask = void 0;
+        renderPage();
+      });
+    }
+    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);
+    };
+  }
+});
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  props: {
+    hideText: { type: Boolean },
+    hideNumber: { type: Boolean },
+    zoomType: null,
+    zoom: null,
+    viewport: null,
+    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;
+    }
+    function cleanupDoc() {
+      pdfPages.value.forEach((pg) => pg.cleanup());
+      pdfPages.value = [];
+      const doc = pdfDoc.value;
+      if (doc) {
+        doc.destroy();
+        pdfDoc.value = void 0;
+      }
+    }
+    watch(() => props.src, (src) => {
+      cleanupDoc();
+      if (!src)
+        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;
+        });
+      }).catch((err) => {
+        emits("error", err);
+      });
+    }, { 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;
+          }
+        });
+      }, 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);
+    };
+  }
+});
+var PdfHost_vue_vue_type_style_index_0_lang = "";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  props: {
+    workerSrc: null,
+    sources: null,
+    zoomType: null,
+    zoom: null,
+    hideText: { type: Boolean },
+    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();
+        }
+      }
+    }
+    function onKeydown(e) {
+      if (e.ctrlKey) {
+        if (e.key === "0" || e.which == 48) {
+          emits("update:zoomType", ZoomType.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
+        };
+      }
+    }, 100);
+    function fitZoom(zoom) {
+      const overage = zoom % 0.25;
+      return Number((zoom - overage).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 zoomOut() {
+      const proposed = fitZoom((props.zoom || 1) - 0.25);
+      emits("update:zoom", Math.max(proposed, 0.25));
+      emits("update:zoomType", ZoomType.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;
+        });
+      }
+    });
+    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);
+    };
+  }
+});
+export { _sfc_main as PdfHost, ZoomType };

package/dist/pdfjs-vue3.umd.js

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

package/dist/style.css

@@ -0,0 +1 @@
+.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-host{height:100%;overflow:auto;padding:1rem 0;background:gainsboro}.pdf-host:focus{outline:none}

package/package.json

@@ -0,0 +1,41 @@
+{
+  "name": "pdfjs-vue3",
+  "version": "0.1.0",
+  "description": "Using pdfjs to display PDFs as a vue 3 component.",
+  "files": [
+    "dist/pdfjs*",
+    "dist/style*",
+    "types/index*",
+    "types/types*",
+    "types/PdfHost*"
+  ],
+  "types": "./types/index.d.ts",
+  "main": "./dist/pdfjs-vue3.umd.js",
+  "module": "./dist/pdfjs-vue3.es.js",
+  "exports": {
+    ".": {
+      "import": "./dist/pdfjs-vue3.es.js",
+      "require": "./dist/pdfjs-vue3.umd.js"
+    }
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build && vue-tsc",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "lodash": "^4.17.21",
+    "pdfjs-dist": "^2.13.216",
+    "vue": "^3.2.31"
+  },
+  "devDependencies": {
+    "@babel/types": "^7.17.0",
+    "@types/lodash": "^4.14.180",
+    "@types/node": "^17.0.23",
+    "@vitejs/plugin-vue": "^2.2.4",
+    "modern-normalize": "^1.1.0",
+    "typescript": "^4.6.3",
+    "vite": "^2.8.6",
+    "vue-tsc": "^0.33.9"
+  }
+}

package/types/PdfHost.vue.d.ts

@@ -0,0 +1,78 @@
+import { PdfSource, ZoomType } from './types';
+declare const _default: 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;
+}>, {
+    /**
+     * Try to increase zoom to the next level, up to 200%.
+     */
+    zoomIn: () => void;
+    /**
+     * Try to decrease zoom to the next level, down to 25%.
+     */
+    zoomOut: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:zoom": (zoom: number) => void;
+} & {
+    "update:zoomType": (zoomType: ZoomType) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, 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;
+}>>> & {
+    "onUpdate:zoom"?: ((zoom: number) => any) | undefined;
+    "onUpdate:zoomType"?: ((zoomType: ZoomType) => any) | undefined;
+}, {}>;
+export default _default;
+declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+declare type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/types/index.d.ts

@@ -0,0 +1,3 @@
+export { default as PdfHost } from './PdfHost.vue';
+export { ZoomType } from './types';
+export type { PdfSource } from './types';

package/types/types.d.ts

@@ -0,0 +1,27 @@
+import { PDFDataRangeTransport } from 'pdfjs-dist';
+import type { TypedArray, DocumentInitParameters } from 'pdfjs-dist/types/src/display/api';
+/**
+ * Types of zooms supported in pdf display.
+ */
+export declare enum ZoomType {
+    /**
+     * Auto zoom to fit width of host until a certain limit.
+     */
+    Auto = 0,
+    /**
+     * Fits width of host with no limit.
+     */
+    WidthFit = 1,
+    /**
+     * Fits whole page in the host.
+     */
+    PageFit = 2,
+    /**
+     * Custom zoom value percentage.
+     */
+    Custom = 3
+}
+/**
+ * Source of pdf to display in the host.
+ */
+export declare type PdfSource = string | URL | PDFDataRangeTransport | TypedArray | DocumentInitParameters;