pdfjs-viewer-element 2.3.2 → 2.3.3

package/dist/pdfjs-viewer-element.js

@@ -1,36 +1,68 @@
-const w = (s, e) => new Promise((r, n) => {
-  let i = e.querySelector(s);
-  if (i) {
-    r(i);
+const w = (l, e) => new Promise((t, n) => {
+  let r = e.querySelector(l);
+  if (r) {
+    t(r);
     return;
   }
-  new MutationObserver((c, o) => {
-    Array.from(e.querySelectorAll(s)).forEach((a) => {
-      r(a), o.disconnect();
+  new MutationObserver((h, s) => {
+    Array.from(e.querySelectorAll(l)).forEach((o) => {
+      t(o), s.disconnect();
     });
   }).observe(e, {
     childList: !0,
     subtree: !0
   });
-}), t = {
+}), g = {
+  trailing: !0
+};
+function b(l, e = 25, t = {}) {
+  if (t = { ...g, ...t }, !Number.isFinite(e))
+    throw new TypeError("Expected `wait` to be a finite number");
+  let n, r, h = [], s, o;
+  const d = (a, c) => (s = y(l, a, c), s.finally(() => {
+    if (s = null, t.trailing && o && !r) {
+      const u = d(a, o);
+      return o = null, u;
+    }
+  }), s);
+  return function(...a) {
+    return s ? (t.trailing && (o = a), s) : new Promise((c) => {
+      const u = !r && t.leading;
+      clearTimeout(r), r = setTimeout(() => {
+        r = null;
+        const f = t.leading ? n : d(this, a);
+        for (const p of h)
+          p(f);
+        h = [];
+      }, e), u ? (n = d(this, a), c(n)) : h.push(c);
+    });
+  };
+}
+async function y(l, e, t) {
+  return await l.apply(e, t);
+}
+const i = {
   viewerPath: "/pdfjs",
   viewerEntry: "/web/viewer.html",
   src: "",
   page: "",
   search: "",
   phrase: "",
-  zoom: "",
-  pagemode: "",
+  zoom: "auto",
+  pagemode: "none",
   locale: "",
   textLayer: ""
-}, m = document.createElement("template");
-m.innerHTML = `
-  <iframe frameborder="0" width="100%"></iframe>
-  <style>:host{width:100%;display:block;overflow:hidden}:host iframe{height:100%}</style>
-`;
-class d extends HTMLElement {
+};
+class m extends HTMLElement {
   constructor() {
-    super(), this.attachShadow({ mode: "open" }).appendChild(m.content.cloneNode(!0));
+    super(), this.debouncedRenderIframe = b(async () => {
+      await w("iframe", this.shadowRoot), this.renderViewer(this.getIframeSrc());
+    }, 0, { leading: !0 });
+    const e = this.attachShadow({ mode: "open" }), t = document.createElement("template");
+    t.innerHTML = `
+      <iframe frameborder="0" width="100%"></iframe>
+      <style>:host{width:100%;display:block;overflow:hidden}:host iframe{height:100%}</style>
+    `, e.appendChild(t.content.cloneNode(!0));
   }
   static get observedAttributes() {
     return ["src", "viewer-path", "locale", "page", "search", "phrase", "zoom", "pagemode", "text-layer"];
@@ -39,26 +71,27 @@ class d extends HTMLElement {
     this.iframe = this.shadowRoot.querySelector("iframe"), this.setEventListeners();
   }
   attributeChangedCallback() {
-    w("iframe", this.shadowRoot).then(() => this.setProps());
+    this.debouncedRenderIframe();
   }
-  setProps() {
-    const e = this.getFullPath(this.getAttribute("src") || t.src), r = this.getFullPath(this.getAttribute("viewer-path") || t.viewerPath), n = this.getAttribute("page") || t.page, i = this.getAttribute("search") || t.search, c = this.getAttribute("phrase") || t.phrase, o = this.getAttribute("zoom") || t.zoom, a = this.getAttribute("pagemode") || t.pagemode, h = this.getAttribute("locale") || t.locale, p = this.getAttribute("text-layer") || t.textLayer, l = `${r}${t.viewerEntry}?file=${e}#page=${n}&zoom=${o}&pagemode=${a}&search=${i}&phrase=${c}&textLayer=${p}${h ? "&locale=" + h : ""}`;
-    l !== this.iframe.getAttribute("src") && this.rerenderIframe(l);
+  getIframeSrc() {
+    const e = this.getFullPath(this.getAttribute("src") || i.src), t = this.getFullPath(this.getAttribute("viewer-path") || i.viewerPath), n = this.getAttribute("page") || i.page, r = this.getAttribute("search") || i.search, h = this.getAttribute("phrase") || i.phrase, s = this.getAttribute("zoom") || i.zoom, o = this.getAttribute("pagemode") || i.pagemode, d = this.getAttribute("locale") || i.locale, a = this.getAttribute("text-layer") || i.textLayer, c = `${t}${i.viewerEntry}?file=${encodeURIComponent(e)}#page=${n}&zoom=${s}&pagemode=${o}&search=${r}&phrase=${h}&textLayer=${a}${d ? "&locale=" + d : ""}`;
+    return c !== this.iframe.getAttribute("src") ? c : "";
   }
-  rerenderIframe(e) {
-    this.shadowRoot.replaceChild(this.iframe.cloneNode(), this.iframe), this.iframe = this.shadowRoot.querySelector("iframe"), this.iframe.contentWindow.location.href = e;
+  renderViewer(e) {
+    !e || !this.iframe || (this.shadowRoot.replaceChild(this.iframe.cloneNode(), this.iframe), this.iframe = this.shadowRoot.querySelector("iframe"), this.iframe.src = e);
   }
   setEventListeners() {
     document.addEventListener("webviewerloaded", () => {
-      this.getAttribute("src") !== t.src && this.iframe.contentWindow.PDFViewerApplicationOptions.set("defaultUrl", ""), this.iframe.contentWindow.PDFViewerApplicationOptions.set("disablePreferences", !0), this.iframe.contentWindow.PDFViewerApplicationOptions.set("pdfBugEnabled", !0);
+      var e, t, n, r;
+      this.getAttribute("src") !== i.src && ((e = this.iframe.contentWindow.PDFViewerApplicationOptions) == null || e.set("defaultUrl", "")), (t = this.iframe.contentWindow.PDFViewerApplicationOptions) == null || t.set("disablePreferences", !0), (n = this.iframe.contentWindow.PDFViewerApplicationOptions) == null || n.set("pdfBugEnabled", !0), (r = this.iframe.contentWindow.PDFViewerApplicationOptions) == null || r.set("eventBusDispatchToDOM", !0);
     });
   }
   getFullPath(e) {
     return e.startsWith("/") ? `${window.location.origin}${e}` : e;
   }
 }
-window.customElements.get("pdfjs-viewer-element") || (window.PdfjsViewerElement = d, window.customElements.define("pdfjs-viewer-element", d));
+window.customElements.get("pdfjs-viewer-element") || (window.PdfjsViewerElement = m, window.customElements.define("pdfjs-viewer-element", m));
 export {
-  d as PdfjsViewerElement,
-  d as default
+  m as PdfjsViewerElement,
+  m as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pdfjs-viewer-element",
-  "version": "2.3.2",
+  "version": "2.3.3",
   "license": "MIT",
   "author": {
     "name": "Oleksandr Shevchuk",
@@ -31,11 +31,18 @@
   ],
   "scripts": {
     "dev": "vite",
-    "build": "tsc && vite build"
+    "build": "tsc && vite build",
+    "test": "vitest",
+    "coverage": "vitest run --coverage"
   },
   "devDependencies": {
     "@types/node": "^18.7.1",
+    "@vitest/browser": "^0.34.3",
+    "jsdom": "^22.1.0",
+    "perfect-debounce": "^1.0.0",
     "typescript": "^4.6.4",
-    "vite": "^4.1.4"
+    "vite": "^4.4.9",
+    "vitest": "^0.34.3",
+    "webdriverio": "^8.16.4"
   }
 }

package/types/pdfjs-viewer-element.d.ts

@@ -4,14 +4,15 @@ export declare class PdfjsViewerElement extends HTMLElement {
     static get observedAttributes(): string[];
     connectedCallback(): void;
     attributeChangedCallback(): void;
-    private setProps;
-    private rerenderIframe;
+    private debouncedRenderIframe;
+    private getIframeSrc;
+    private renderViewer;
     private setEventListeners;
     private getFullPath;
 }
 declare global {
     interface Window {
-        PdfjsViewerElement: typeof PdfjsViewerElement;
+        'PdfjsViewerElement': typeof PdfjsViewerElement;
     }
 }
 export interface PdfjsViewerElementIframeWindow extends Window {