@getflip/swirl-components 0.189.0 → 0.191.0

package/dist/components/swirl-file-viewer-pdf2.js

@@ -1,23 +1,17 @@
 import { proxyCustomElement, HTMLElement as HTMLElement$1, createEvent, h, Host } from '@stencil/core/internal/client';
-import { c as classnames } from './index2.js';
-import { c as commonjsGlobal, g as getAugmentedNamespace, a as getDefaultExportFromCjs, b as commonjsRequire } from './_commonjsHelpers.js';
+import { a as createCommonjsModule, b as commonjsGlobal, g as getAugmentedNamespace, d as getDefaultExportFromCjs, e as commonjsRequire, c as classnames } from './index2.js';
 import { d as debounce, a as getVisibleHeight, i as isMobileViewport } from './utils.js';
 import { d as defineCustomElement$4 } from './swirl-icon-error2.js';
 import { d as defineCustomElement$3 } from './swirl-inline-error2.js';
 import { d as defineCustomElement$2 } from './swirl-spinner2.js';
 import { d as defineCustomElement$1 } from './swirl-visually-hidden2.js';
 
-var pdf$1 = {exports: {}};
-
-var dommatrix = {exports: {}};
-
+var dommatrix = createCommonjsModule(function (module, exports) {
 /*!
 * DOMMatrix v1.0.3 (https://thednp.github.io/dommatrix/)
 * Copyright 2022 © thednp
 * Licensed under MIT (https://github.com/thednp/DOMMatrix/blob/master/LICENSE)
 */
-
-(function (module, exports) {
 (function (global, factory) {
   module.exports = factory() ;
 })(commonjsGlobal, (function () {
@@ -856,15 +850,12 @@ var dommatrix = {exports: {}};
   return CSSMatrix;
 
 }));
-}(dommatrix));
-
-var ponyfill = {exports: {}};
+});
 
+var ponyfill = createCommonjsModule(function (module, exports) {
 /**
  * web-streams-polyfill v3.2.1
  */
-
-(function (module, exports) {
 (function (global, factory) {
     factory(exports) ;
 }(commonjsGlobal, (function (exports) {
@@ -5203,8 +5194,8 @@ var ponyfill = {exports: {}};
     Object.defineProperty(exports, '__esModule', { value: true });
 
 })));
-
-}(ponyfill, ponyfill.exports));
+//# sourceMappingURL=ponyfill.js.map
+});
 
 const _nodeResolve_empty = {};
 
@@ -5213,8 +5204,9 @@ const _nodeResolve_empty$1 = /*#__PURE__*/Object.freeze({
   'default': _nodeResolve_empty
 });
 
-const require$$6 = /*@__PURE__*/getAugmentedNamespace(_nodeResolve_empty$1);
+const require$$7 = /*@__PURE__*/getAugmentedNamespace(_nodeResolve_empty$1);
 
+var pdf = createCommonjsModule(function (module, exports) {
 /**
  * @licstart The following is the entire license notice for the
  * JavaScript code in this page
@@ -5237,7 +5229,6 @@ const require$$6 = /*@__PURE__*/getAugmentedNamespace(_nodeResolve_empty$1);
  * JavaScript code in this page
  */
 
-(function (module, exports) {
 (function webpackUniversalModuleDefinition(root, factory) {
 	module.exports = factory();
 })(globalThis, () => {
@@ -6320,7 +6311,7 @@ if (!globalThis._pdfjsCompatibilityChecked) {
       return;
     }
 
-    globalThis.DOMMatrix = dommatrix.exports;
+    globalThis.DOMMatrix = dommatrix;
   })();
 
   (function checkReadableStream() {
@@ -6328,7 +6319,7 @@ if (!globalThis._pdfjsCompatibilityChecked) {
       return;
     }
 
-    globalThis.ReadableStream = ponyfill.exports.ReadableStream;
+    globalThis.ReadableStream = ponyfill.ReadableStream;
   })();
 
   (function checkArrayAt() {
@@ -11136,7 +11127,7 @@ class PDFWorker {
       }
 
       if (_is_node.isNodeJS && typeof commonjsRequire === "function") {
-        const worker = commonjsRequire(this.workerSrc);
+        const worker = commonjsRequire();
         return worker.WorkerMessageHandler;
       }
 
@@ -19867,7 +19858,7 @@ var _base_factory = __w_pdfjs_require__(134);
 
 const fetchData = function (url) {
   return new Promise((resolve, reject) => {
-    const fs = require$$6;
+    const fs = require$$7;
 
     fs.readFile(url, (error, data) => {
       if (error || !data) {
@@ -19882,7 +19873,7 @@ const fetchData = function (url) {
 
 class NodeCanvasFactory extends _base_factory.BaseCanvasFactory {
   _createCanvas(width, height) {
-    const Canvas = require$$6;
+    const Canvas = require$$7;
 
     return Canvas.createCanvas(width, height);
   }
@@ -26210,7 +26201,7 @@ exports.SVGGraphics = SVGGraphics;
           input = Buffer.from(literals);
         }
 
-        const output = require("zlib").deflateSync(input, {
+        const output = require$$7.deflateSync(input, {
           level: 9
         });
 
@@ -27646,13 +27637,13 @@ var _util = __w_pdfjs_require__(1);
 
 var _network_utils = __w_pdfjs_require__(158);
 
-const fs = require$$6;
+const fs = require$$7;
 
-const http = require$$6;
+const http = require$$7;
 
-const https = require$$6;
+const https = require$$7;
 
-const url = require$$6;
+const url = require$$7;
 
 const fileUriRegex = /^file:\/\/\/[a-zA-Z]:\//;
 
@@ -29510,264 +29501,263 @@ var _xfa_layer = __w_pdfjs_require__(154);
 /******/ })()
 ;
 });
+//# sourceMappingURL=pdf.js.map
+});
 
-}(pdf$1));
-
-const pdf = /*@__PURE__*/getDefaultExportFromCjs(pdf$1.exports);
+const pdf$1 = /*@__PURE__*/getDefaultExportFromCjs(pdf);
 
 const swirlFileViewerPdfCss = ":host{position:relative;display:inline-flex;width:100%;height:100%;pointer-events:auto}:host(.file-viewer-pdf--view-mode-side-by-side) .file-viewer-pdf__pages{display:grid;grid-template-columns:repeat(2, 1fr);grid-row-gap:var(--s-space-8);grid-column-gap:var(--s-space-8);grid-auto-rows:auto}:host(.file-viewer-pdf--view-mode-side-by-side) .file-viewer-pdf__page{margin:0}:host(.file-viewer-pdf--view-mode-side-by-side) .file-viewer-pdf__page:nth-child(odd){justify-self:end}:host(.file-viewer-pdf--view-mode-side-by-side) .file-viewer-pdf__page:nth-child(even){justify-self:start}:host *{box-sizing:border-box}.file-viewer-pdf__pages{overflow:auto;width:100%;height:100%}@media (min-width: 768px){.file-viewer-pdf__pages{padding:var(--s-space-16)}}.file-viewer-pdf__page{position:relative;margin-right:auto;margin-left:auto;border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:#fff}@media (min-width: 768px){.file-viewer-pdf__page{border:var(--s-border-width-default) solid var(--s-border-default)}.file-viewer-pdf__page:not(:last-of-type){margin-bottom:var(--s-space-8)}}.file-viewer-pdf__page-spinner{position:absolute;top:50%;left:50%;transform:translate3d(-50%, -50%, 0)}.file-viewer-pdf__canvas{display:flex;width:100%;height:100%;margin-right:auto;margin-left:auto}.file-viewer-pdf__text-container{position:absolute;overflow:hidden;line-height:1;text-align:initial;-webkit-user-select:none;-moz-user-select:none;user-select:none;inset:0;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;forced-color-adjust:none}.file-viewer-pdf__text-container>*{position:absolute;color:transparent;white-space:pre;cursor:text;transform-origin:0% 0%}.file-viewer-pdf__text-container>*.markedContent{top:0;height:0}.file-viewer-pdf__text-container>*.highlight{margin:-1px;padding:1px;border-radius:4px;background-color:rgba(180, 0, 170, 1)}.file-viewer-pdf__text-container>*.highlight.appended{position:initial}.file-viewer-pdf__text-container>*.highlight.begin{border-radius:4px 0 0 4px}.file-viewer-pdf__text-container>*.highlight.end{border-radius:0 4px 4px 0}.file-viewer-pdf__text-container>*.highlight.middle{border-radius:0}.file-viewer-pdf__text-container>*.highlight.selected{background-color:rgba(0, 100, 0, 1)}.file-viewer-pdf__text-container>*.endOfContent{position:absolute;z-index:-1;top:100%;right:0;bottom:0;left:0;display:block;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}.file-viewer-pdf__text-container>*.endOfContent.active{top:0}.file-viewer-pdf__text-container>br::-moz-selection{background:transparent}.file-viewer-pdf__text-container>br::selection{background:transparent}@media (min-width: 768px){.file-viewer-pdf__text-container{-webkit-user-select:auto;-moz-user-select:auto;user-select:auto}}.file-viewer-pdf__spinner{position:absolute;display:flex;justify-content:center;align-items:center;background-color:rgba(0, 0, 0, 0.2);inset:0}.file-viewer-pdf__error{position:absolute;top:50%;left:50%;transform:translate3d(-50%, -50%, 0)}.file-viewer-pdf__pagination{position:absolute;bottom:var(--s-space-16);left:50%;padding:var(--s-space-4) var(--s-space-12);border-radius:var(--s-border-radius-base);color:var(--s-text-on-image);background-color:rgba(0, 0, 0, 0.6);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);transform:translateX(-50%);pointer-events:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.file-viewer-pdf__pagination{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}";
-const SwirlFileViewerPdfStyle0 = swirlFileViewerPdfCss;
 
-window.pdf = pdf;
+window.pdf = pdf$1;
 const SwirlFileViewerPdf = /*@__PURE__*/ proxyCustomElement(class SwirlFileViewerPdf extends HTMLElement$1 {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.activate = createEvent(this, "activate", 7);
-        this.visiblePagesChange = createEvent(this, "visiblePagesChange", 7);
-        this.pages = [];
-        this.renderingPageNumbers = [];
-        this.recentScrollPosition = { x: 0, y: 0 };
-        this.determineScrollStatus = () => {
-            const scrolledDown = Math.ceil(this.scrollContainer?.scrollTop + this.scrollContainer?.offsetHeight) >= this.scrollContainer?.scrollHeight;
-            if (scrolledDown !== this.scrolledDown) {
-                this.scrolledDown = scrolledDown;
-            }
-        };
-        this.storeRecentScrollPosition = () => {
-            this.recentScrollPosition = {
-                x: Math.round((this.scrollContainer?.scrollLeft /
-                    this.scrollContainer?.scrollWidth) *
-                    100) / 100,
-                y: Math.round((this.scrollContainer?.scrollTop /
-                    this.scrollContainer?.scrollHeight) *
-                    100) / 100,
-            };
-        };
-        this.onScroll = debounce(() => {
-            this.updateVisiblePages();
-            this.determineScrollStatus();
-            this.storeRecentScrollPosition();
-        }, 60);
-        this.errorMessage = "File could not be loaded.";
-        this.file = undefined;
-        this.singlePageMode = undefined;
-        this.viewMode = "single";
-        this.workerSrc = "/pdfjs/pdf.worker.min.js";
-        this.zoom = 1;
-        this.doc = undefined;
-        this.error = undefined;
-        this.loading = true;
-        this.renderedPages = [];
-        this.scrolledDown = false;
-        this.singlePageModePage = 1;
-        this.visiblePages = [];
-    }
-    async componentWillLoad() {
-        window.pdf.GlobalWorkerOptions.workerSrc = this.workerSrc;
-    }
-    async componentDidLoad() {
-        await this.getPages();
-        await this.updateVisiblePages();
-        this.activate.emit(this.el);
-    }
-    componentDidRender() {
-        this.updateVisiblePages();
-        this.determineScrollStatus();
-    }
-    disconnectedCallback() {
-        this.doc?.destroy();
-    }
-    async onWindowResize() {
-        this.visiblePages = [];
-        this.renderedPages = [];
-        await this.updateVisiblePages();
-        this.determineScrollStatus();
-    }
-    async watchProps() {
-        await this.getPages();
-        await this.updateVisiblePages();
-        this.determineScrollStatus();
-    }
-    async watchViewMode() {
-        queueMicrotask(async () => {
-            this.visiblePages = [];
-            this.renderedPages = [];
-            await this.updateVisiblePages();
-            this.determineScrollStatus();
-        });
-    }
-    watchZoom() {
-        queueMicrotask(async () => {
-            this.restoreScrollPosition();
-            this.visiblePages = [];
-            this.renderedPages = [];
-            await this.updateVisiblePages();
-            this.determineScrollStatus();
-        });
-    }
-    /**
-     * Get thumbnails of all pages.
-     */
-    async getThumbnails() {
-        return await Promise.all(this.pages.filter(Boolean).map((page) => {
-            const vp = page.getViewport({ scale: 1 });
-            const canvas = document.createElement("canvas");
-            canvas.width = vp.width;
-            canvas.height = vp.height;
-            const scale = Math.min(canvas.width / vp.width, canvas.height / vp.height);
-            return page
-                .render({
-                canvasContext: canvas.getContext("2d"),
-                viewport: page.getViewport({ scale: scale }),
-            })
-                .promise.then(function () {
-                return canvas;
-            });
-        }));
-    }
-    /**
-     * Print the file.
-     */
-    async print() {
-        this.loading = true;
-        await this.updateVisiblePages(true);
-        await this.openPrintDialog();
-        this.loading = false;
-    }
-    /**
-     * Navigate to next page, if single page mode is enabled.
-     */
-    async nextPage() {
-        await this.setPage(this.singlePageModePage + 1);
-        await this.updateVisiblePages();
-    }
-    /**
-     * Navigate to previous page, if single page mode is enabled.
-     */
-    async previousPage() {
-        await this.setPage(this.singlePageModePage - 1);
-        await this.updateVisiblePages();
-    }
-    /**
-     * Navigate to specific page, if single page mode is enabled.
-     */
-    async setPage(page) {
-        this.singlePageModePage = Math.min(Math.max(page, 1), this.pages.length - 1);
-        await this.updateVisiblePages();
-    }
-    async getPages() {
-        this.error = false;
-        this.loading = true;
-        try {
-            if (Boolean(this.doc)) {
-                this.doc.destroy();
-            }
-            this.doc = await pdf$1.exports.getDocument(this.file).promise;
-            const pages = [];
-            for (let i = 1; i <= this.doc.numPages; i++) {
-                pages.push(this.doc.getPage(i));
-            }
-            this.pages = await Promise.all(pages);
-            this.loading = false;
-        }
-        catch (e) {
-            this.error = true;
-            this.loading = false;
-        }
-    }
-    async renderVisiblePages(forPrint) {
-        const canvases = Array.from(this.el.shadowRoot.querySelectorAll("canvas"));
-        const renderedPages = [];
-        for (const canvas of canvases) {
-            const container = canvas.closest(".file-viewer-pdf__page");
-            const page = this.pages.find((page) => page?.pageNumber === +container?.dataset.pageNumber);
-            if (!Boolean(page) ||
-                this.renderingPageNumbers.includes(page.pageNumber)) {
-                continue;
-            }
-            if (!this.visiblePages.includes(page.pageNumber) && !forPrint) {
-                this.destroyPage(page);
-                continue;
-            }
-            if (this.renderedPages.includes(page.pageNumber) && !forPrint) {
-                renderedPages.push(page.pageNumber);
-                continue;
-            }
-            await this.renderPage(page, canvas, forPrint);
-            renderedPages.push(page.pageNumber);
-        }
-        this.renderedPages = renderedPages;
-    }
-    async renderPage(page, canvas, forPrint) {
-        const container = canvas.closest(".file-viewer-pdf__page");
-        const textContainer = container?.querySelector(".file-viewer-pdf__text-container");
-        this.renderingPageNumbers = [...this.renderingPageNumbers, page.pageNumber];
-        const scale = forPrint ? 2 : this.getScale(page);
-        const outputScale = window.devicePixelRatio || 1;
-        const transform = outputScale !== 1 ? [outputScale, 0, 0, outputScale, 0, 0] : null;
-        const viewport = page.getViewport({ scale });
-        const context = canvas.getContext("2d");
-        canvas.height = Math.floor(viewport.height * outputScale);
-        canvas.width = Math.floor(viewport.width * outputScale);
-        const renderContext = {
-            canvasContext: context,
-            transform,
-            viewport: viewport,
-        };
-        try {
-            await page.render(renderContext).promise;
-            page.cleanup();
-            textContainer.innerHTML = "";
-            this.renderTextLayer(page, textContainer).catch();
-            this.renderingPageNumbers = this.renderingPageNumbers.filter((pageNumber) => pageNumber !== page.pageNumber);
-        }
-        catch (e) { }
-    }
-    destroyPage(page) {
-        const container = this.el.shadowRoot.querySelector(`[data-page-number="${page.pageNumber}"]`);
-        const canvas = container.querySelector("canvas");
-        const textLayer = container.querySelector(".file-viewer-pdf__text-container");
-        canvas.width = 1;
-        canvas.height = 1;
-        canvas.getContext("2d").clearRect(0, 0, canvas.width, canvas.height);
-        textLayer.innerHTML = "";
-    }
-    async updateVisiblePages(forPrint) {
-        const pages = Array.from(this.el.shadowRoot.querySelectorAll(".file-viewer-pdf__page"));
-        let visiblePages = [];
-        if (this.singlePageMode) {
-            visiblePages = [this.singlePageModePage];
-        }
-        else {
-            visiblePages = forPrint
-                ? pages.map((page) => +page.dataset.pageNumber)
-                : pages
-                    .filter((page) => getVisibleHeight(page, this.scrollContainer) > 0)
-                    .map((page) => +page.dataset.pageNumber);
-            const visiblePagesDidNotChanged = this.visiblePages.length === visiblePages.length &&
-                this.visiblePages.every((pageNumber) => visiblePages.includes(pageNumber));
-            if (visiblePagesDidNotChanged) {
-                return;
-            }
-        }
-        this.visiblePages = visiblePages;
-        await this.renderVisiblePages(forPrint);
-        this.visiblePagesChange.emit(this.visiblePages);
-    }
-    async renderTextLayer(page, container) {
-        pdf$1.exports.renderTextLayer({
-            container,
-            textContent: await page.getTextContent(),
-            viewport: page.getViewport({
-                scale: this.getScale(page),
-            }),
-        });
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.activate = createEvent(this, "activate", 7);
+    this.visiblePagesChange = createEvent(this, "visiblePagesChange", 7);
+    this.pages = [];
+    this.renderingPageNumbers = [];
+    this.recentScrollPosition = { x: 0, y: 0 };
+    this.determineScrollStatus = () => {
+      const scrolledDown = Math.ceil(this.scrollContainer?.scrollTop + this.scrollContainer?.offsetHeight) >= this.scrollContainer?.scrollHeight;
+      if (scrolledDown !== this.scrolledDown) {
+        this.scrolledDown = scrolledDown;
+      }
+    };
+    this.storeRecentScrollPosition = () => {
+      this.recentScrollPosition = {
+        x: Math.round((this.scrollContainer?.scrollLeft /
+          this.scrollContainer?.scrollWidth) *
+          100) / 100,
+        y: Math.round((this.scrollContainer?.scrollTop /
+          this.scrollContainer?.scrollHeight) *
+          100) / 100,
+      };
+    };
+    this.onScroll = debounce(() => {
+      this.updateVisiblePages();
+      this.determineScrollStatus();
+      this.storeRecentScrollPosition();
+    }, 60);
+    this.errorMessage = "File could not be loaded.";
+    this.file = undefined;
+    this.singlePageMode = undefined;
+    this.viewMode = "single";
+    this.workerSrc = "/pdfjs/pdf.worker.min.js";
+    this.zoom = 1;
+    this.doc = undefined;
+    this.error = undefined;
+    this.loading = true;
+    this.renderedPages = [];
+    this.scrolledDown = false;
+    this.singlePageModePage = 1;
+    this.visiblePages = [];
+  }
+  async componentWillLoad() {
+    window.pdf.GlobalWorkerOptions.workerSrc = this.workerSrc;
+  }
+  async componentDidLoad() {
+    await this.getPages();
+    await this.updateVisiblePages();
+    this.activate.emit(this.el);
+  }
+  componentDidRender() {
+    this.updateVisiblePages();
+    this.determineScrollStatus();
+  }
+  disconnectedCallback() {
+    this.doc?.destroy();
+  }
+  async onWindowResize() {
+    this.visiblePages = [];
+    this.renderedPages = [];
+    await this.updateVisiblePages();
+    this.determineScrollStatus();
+  }
+  async watchProps() {
+    await this.getPages();
+    await this.updateVisiblePages();
+    this.determineScrollStatus();
+  }
+  async watchViewMode() {
+    queueMicrotask(async () => {
+      this.visiblePages = [];
+      this.renderedPages = [];
+      await this.updateVisiblePages();
+      this.determineScrollStatus();
+    });
+  }
+  watchZoom() {
+    queueMicrotask(async () => {
+      this.restoreScrollPosition();
+      this.visiblePages = [];
+      this.renderedPages = [];
+      await this.updateVisiblePages();
+      this.determineScrollStatus();
+    });
+  }
+  /**
+   * Get thumbnails of all pages.
+   */
+  async getThumbnails() {
+    return await Promise.all(this.pages.filter(Boolean).map((page) => {
+      const vp = page.getViewport({ scale: 1 });
+      const canvas = document.createElement("canvas");
+      canvas.width = vp.width;
+      canvas.height = vp.height;
+      const scale = Math.min(canvas.width / vp.width, canvas.height / vp.height);
+      return page
+        .render({
+        canvasContext: canvas.getContext("2d"),
+        viewport: page.getViewport({ scale: scale }),
+      })
+        .promise.then(function () {
+        return canvas;
+      });
+    }));
+  }
+  /**
+   * Print the file.
+   */
+  async print() {
+    this.loading = true;
+    await this.updateVisiblePages(true);
+    await this.openPrintDialog();
+    this.loading = false;
+  }
+  /**
+   * Navigate to next page, if single page mode is enabled.
+   */
+  async nextPage() {
+    await this.setPage(this.singlePageModePage + 1);
+    await this.updateVisiblePages();
+  }
+  /**
+   * Navigate to previous page, if single page mode is enabled.
+   */
+  async previousPage() {
+    await this.setPage(this.singlePageModePage - 1);
+    await this.updateVisiblePages();
+  }
+  /**
+   * Navigate to specific page, if single page mode is enabled.
+   */
+  async setPage(page) {
+    this.singlePageModePage = Math.min(Math.max(page, 1), this.pages.length - 1);
+    await this.updateVisiblePages();
+  }
+  async getPages() {
+    this.error = false;
+    this.loading = true;
+    try {
+      if (Boolean(this.doc)) {
+        this.doc.destroy();
+      }
+      this.doc = await pdf.getDocument(this.file).promise;
+      const pages = [];
+      for (let i = 1; i <= this.doc.numPages; i++) {
+        pages.push(this.doc.getPage(i));
+      }
+      this.pages = await Promise.all(pages);
+      this.loading = false;
+    }
+    catch (e) {
+      this.error = true;
+      this.loading = false;
+    }
+  }
+  async renderVisiblePages(forPrint) {
+    const canvases = Array.from(this.el.shadowRoot.querySelectorAll("canvas"));
+    const renderedPages = [];
+    for (const canvas of canvases) {
+      const container = canvas.closest(".file-viewer-pdf__page");
+      const page = this.pages.find((page) => page?.pageNumber === +container?.dataset.pageNumber);
+      if (!Boolean(page) ||
+        this.renderingPageNumbers.includes(page.pageNumber)) {
+        continue;
+      }
+      if (!this.visiblePages.includes(page.pageNumber) && !forPrint) {
+        this.destroyPage(page);
+        continue;
+      }
+      if (this.renderedPages.includes(page.pageNumber) && !forPrint) {
+        renderedPages.push(page.pageNumber);
+        continue;
+      }
+      await this.renderPage(page, canvas, forPrint);
+      renderedPages.push(page.pageNumber);
+    }
+    this.renderedPages = renderedPages;
+  }
+  async renderPage(page, canvas, forPrint) {
+    const container = canvas.closest(".file-viewer-pdf__page");
+    const textContainer = container?.querySelector(".file-viewer-pdf__text-container");
+    this.renderingPageNumbers = [...this.renderingPageNumbers, page.pageNumber];
+    const scale = forPrint ? 2 : this.getScale(page);
+    const outputScale = window.devicePixelRatio || 1;
+    const transform = outputScale !== 1 ? [outputScale, 0, 0, outputScale, 0, 0] : null;
+    const viewport = page.getViewport({ scale });
+    const context = canvas.getContext("2d");
+    canvas.height = Math.floor(viewport.height * outputScale);
+    canvas.width = Math.floor(viewport.width * outputScale);
+    const renderContext = {
+      canvasContext: context,
+      transform,
+      viewport: viewport,
+    };
+    try {
+      await page.render(renderContext).promise;
+      page.cleanup();
+      textContainer.innerHTML = "";
+      this.renderTextLayer(page, textContainer).catch();
+      this.renderingPageNumbers = this.renderingPageNumbers.filter((pageNumber) => pageNumber !== page.pageNumber);
+    }
+    catch (e) { }
+  }
+  destroyPage(page) {
+    const container = this.el.shadowRoot.querySelector(`[data-page-number="${page.pageNumber}"]`);
+    const canvas = container.querySelector("canvas");
+    const textLayer = container.querySelector(".file-viewer-pdf__text-container");
+    canvas.width = 1;
+    canvas.height = 1;
+    canvas.getContext("2d").clearRect(0, 0, canvas.width, canvas.height);
+    textLayer.innerHTML = "";
+  }
+  async updateVisiblePages(forPrint) {
+    const pages = Array.from(this.el.shadowRoot.querySelectorAll(".file-viewer-pdf__page"));
+    let visiblePages = [];
+    if (this.singlePageMode) {
+      visiblePages = [this.singlePageModePage];
+    }
+    else {
+      visiblePages = forPrint
+        ? pages.map((page) => +page.dataset.pageNumber)
+        : pages
+          .filter((page) => getVisibleHeight(page, this.scrollContainer) > 0)
+          .map((page) => +page.dataset.pageNumber);
+      const visiblePagesDidNotChanged = this.visiblePages.length === visiblePages.length &&
+        this.visiblePages.every((pageNumber) => visiblePages.includes(pageNumber));
+      if (visiblePagesDidNotChanged) {
+        return;
+      }
     }
-    async openPrintDialog() {
-        const canvases = Array.from(this.scrollContainer.querySelectorAll("canvas"));
-        let styles = `
+    this.visiblePages = visiblePages;
+    await this.renderVisiblePages(forPrint);
+    this.visiblePagesChange.emit(this.visiblePages);
+  }
+  async renderTextLayer(page, container) {
+    pdf.renderTextLayer({
+      container,
+      textContent: await page.getTextContent(),
+      viewport: page.getViewport({
+        scale: this.getScale(page),
+      }),
+    });
+  }
+  async openPrintDialog() {
+    const canvases = Array.from(this.scrollContainer.querySelectorAll("canvas"));
+    let styles = `
       *, *:before, *:after {
         margin: 0;
         padding: 0;
@@ -29794,7 +29784,7 @@ const SwirlFileViewerPdf = /*@__PURE__*/ proxyCustomElement(class SwirlFileViewe
         page-break-after: always;
       }
       `;
-        let html = `
+    let html = `
       <!DOCTYPE html>
       <html lang="en">
       <head>
@@ -29806,124 +29796,120 @@ const SwirlFileViewerPdf = /*@__PURE__*/ proxyCustomElement(class SwirlFileViewe
       </head>
       <body>
     `;
-        for (const canvas of canvases) {
-            html += `<img src="${canvas.toDataURL()}">`;
-        }
-        html += `
+    for (const canvas of canvases) {
+      html += `<img src="${canvas.toDataURL()}">`;
+    }
+    html += `
       </body>
       </html>
     `;
-        const iframe = document.createElement("iframe");
-        this.el.append(iframe);
-        const win = iframe.contentWindow;
-        win.document.write(html);
-        win.focus();
-        await new Promise((resolve) => setTimeout(resolve, 100));
-        win.print();
-        iframe.remove();
-    }
-    getScale(page) {
-        const padding = isMobileViewport() ? 0 : 32;
-        if (this.zoom === "auto") {
-            return (this.scrollContainer?.clientWidth - padding) / page.view[2];
-        }
-        else if (isNaN(this.zoom)) {
-            return 1;
-        }
-        return this.zoom;
-    }
-    restoreScrollPosition() {
-        this.scrollContainer.scrollTop =
-            this.recentScrollPosition.y * this.scrollContainer?.scrollHeight;
-        this.scrollContainer.scrollLeft =
-            this.recentScrollPosition.x * this.scrollContainer?.scrollWidth;
-    }
-    render() {
-        const showPagination = !this.error && !this.loading && this.visiblePages.length > 0;
-        const currentPage = this.scrolledDown && !this.singlePageMode
-            ? this.pages.length - 1
-            : this.visiblePages[0];
-        const showSpinner = this.loading;
-        const className = classnames("file-viewer-pdf", `file-viewer-pdf--view-mode-${this.viewMode}`);
-        return (h(Host, { key: '6ccf46d3db4c76590b065368391ff2abd079d7b7', class: className, exportparts: "file-viewer-pdf__pagination" }, this.error && (h("swirl-inline-error", { key: 'a166e4eb06679d9dbcfd22dd03b719bfc2ffc8ec', class: "file-viewer-pdf__error", message: this.errorMessage })), h("div", { key: '3e7a7fed4f7719b503c7a902961cf9661d630e9b', "aria-describedby": "pagination", class: "file-viewer-pdf__pages", onScroll: this.onScroll, ref: (el) => (this.scrollContainer = el) }, this.pages.map((page) => {
-            const viewport = page.getViewport({
-                scale: this.getScale(page),
-            });
-            const height = viewport.height;
-            const width = viewport.width;
-            const rendered = this.renderedPages.includes(page.pageNumber);
-            return (h("div", { "aria-label": page.pageNumber, class: "file-viewer-pdf__page", "data-page-number": page.pageNumber, hidden: !this.singlePageMode ||
-                    page.pageNumber === this.singlePageModePage
-                    ? undefined
-                    : true, id: `page-${page.pageNumber}`, key: page.pageNumber, role: "region", style: {
-                    width: `${width}px`,
-                    height: `${height}px`,
-                }, tabIndex: 0 }, !rendered && (h("swirl-spinner", { class: "file-viewer-pdf__page-spinner" })), h("canvas", { class: "file-viewer-pdf__canvas", style: { opacity: rendered ? "1" : "0" } }), h("div", { class: "file-viewer-pdf__text-container" })));
-        })), showPagination && (h("span", { key: '8692c798388467ed2107e9376cf38d698445975a', class: "file-viewer-pdf__pagination", id: "pagination", part: "file-viewer-pdf__pagination" }, h("span", { key: '3836196311a83e27b12f23196e4e3d658cc523d8', "aria-current": "page" }, currentPage), " / ", this.doc.numPages)), showSpinner && (h("div", { key: '7176ad8ef04d6db12f98b553ffff705213cb0a5e', class: "file-viewer-pdf__spinner" }, h("swirl-spinner", { key: 'a3bbe57b319fe8e4ebc15b47b37eddb5c1110aa0' })))));
-    }
-    get el() { return this; }
-    static get watchers() { return {
-        "file": ["watchProps"],
-        "viewMode": ["watchViewMode"],
-        "zoom": ["watchZoom"]
-    }; }
-    static get style() { return SwirlFileViewerPdfStyle0; }
+    const iframe = document.createElement("iframe");
+    this.el.append(iframe);
+    const win = iframe.contentWindow;
+    win.document.write(html);
+    win.focus();
+    await new Promise((resolve) => setTimeout(resolve, 100));
+    win.print();
+    iframe.remove();
+  }
+  getScale(page) {
+    const padding = isMobileViewport() ? 0 : 32;
+    if (this.zoom === "auto") {
+      return (this.scrollContainer?.clientWidth - padding) / page.view[2];
+    }
+    else if (isNaN(this.zoom)) {
+      return 1;
+    }
+    return this.zoom;
+  }
+  restoreScrollPosition() {
+    this.scrollContainer.scrollTop =
+      this.recentScrollPosition.y * this.scrollContainer?.scrollHeight;
+    this.scrollContainer.scrollLeft =
+      this.recentScrollPosition.x * this.scrollContainer?.scrollWidth;
+  }
+  render() {
+    const showPagination = !this.error && !this.loading && this.visiblePages.length > 0;
+    const currentPage = this.scrolledDown && !this.singlePageMode
+      ? this.pages.length - 1
+      : this.visiblePages[0];
+    const showSpinner = this.loading;
+    const className = classnames("file-viewer-pdf", `file-viewer-pdf--view-mode-${this.viewMode}`);
+    return (h(Host, { class: className, exportparts: "file-viewer-pdf__pagination" }, this.error && (h("swirl-inline-error", { class: "file-viewer-pdf__error", message: this.errorMessage })), h("div", { "aria-describedby": "pagination", class: "file-viewer-pdf__pages", onScroll: this.onScroll, ref: (el) => (this.scrollContainer = el) }, this.pages.map((page) => {
+      const viewport = page.getViewport({
+        scale: this.getScale(page),
+      });
+      const height = viewport.height;
+      const width = viewport.width;
+      const rendered = this.renderedPages.includes(page.pageNumber);
+      return (h("div", { "aria-label": page.pageNumber, class: "file-viewer-pdf__page", "data-page-number": page.pageNumber, hidden: !this.singlePageMode ||
+          page.pageNumber === this.singlePageModePage
+          ? undefined
+          : true, id: `page-${page.pageNumber}`, key: page.pageNumber, role: "region", style: {
+          width: `${width}px`,
+          height: `${height}px`,
+        }, tabIndex: 0 }, !rendered && (h("swirl-spinner", { class: "file-viewer-pdf__page-spinner" })), h("canvas", { class: "file-viewer-pdf__canvas", style: { opacity: rendered ? "1" : "0" } }), h("div", { class: "file-viewer-pdf__text-container" })));
+    })), showPagination && (h("span", { class: "file-viewer-pdf__pagination", id: "pagination", part: "file-viewer-pdf__pagination" }, h("span", { "aria-current": "page" }, currentPage), " / ", this.doc.numPages)), showSpinner && (h("div", { class: "file-viewer-pdf__spinner" }, h("swirl-spinner", null)))));
+  }
+  get el() { return this; }
+  static get watchers() { return {
+    "file": ["watchProps"],
+    "viewMode": ["watchViewMode"],
+    "zoom": ["watchZoom"]
+  }; }
+  static get style() { return swirlFileViewerPdfCss; }
 }, [1, "swirl-file-viewer-pdf", {
-        "errorMessage": [1, "error-message"],
-        "file": [1],
-        "singlePageMode": [4, "single-page-mode"],
-        "viewMode": [1, "view-mode"],
-        "workerSrc": [1, "worker-src"],
-        "zoom": [8],
-        "doc": [32],
-        "error": [32],
-        "loading": [32],
-        "renderedPages": [32],
-        "scrolledDown": [32],
-        "singlePageModePage": [32],
-        "visiblePages": [32],
-        "getThumbnails": [64],
-        "print": [64],
-        "nextPage": [64],
-        "previousPage": [64],
-        "setPage": [64]
-    }, [[9, "resize", "onWindowResize"]], {
-        "file": ["watchProps"],
-        "viewMode": ["watchViewMode"],
-        "zoom": ["watchZoom"]
-    }]);
+    "errorMessage": [1, "error-message"],
+    "file": [1],
+    "singlePageMode": [4, "single-page-mode"],
+    "viewMode": [1, "view-mode"],
+    "workerSrc": [1, "worker-src"],
+    "zoom": [8],
+    "doc": [32],
+    "error": [32],
+    "loading": [32],
+    "renderedPages": [32],
+    "scrolledDown": [32],
+    "singlePageModePage": [32],
+    "visiblePages": [32],
+    "getThumbnails": [64],
+    "print": [64],
+    "nextPage": [64],
+    "previousPage": [64],
+    "setPage": [64]
+  }, [[9, "resize", "onWindowResize"]]]);
 function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["swirl-file-viewer-pdf", "swirl-icon-error", "swirl-inline-error", "swirl-spinner", "swirl-visually-hidden"];
-    components.forEach(tagName => { switch (tagName) {
-        case "swirl-file-viewer-pdf":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, SwirlFileViewerPdf);
-            }
-            break;
-        case "swirl-icon-error":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "swirl-inline-error":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "swirl-spinner":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "swirl-visually-hidden":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["swirl-file-viewer-pdf", "swirl-icon-error", "swirl-inline-error", "swirl-spinner", "swirl-visually-hidden"];
+  components.forEach(tagName => { switch (tagName) {
+    case "swirl-file-viewer-pdf":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SwirlFileViewerPdf);
+      }
+      break;
+    case "swirl-icon-error":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$4();
+      }
+      break;
+    case "swirl-inline-error":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$3();
+      }
+      break;
+    case "swirl-spinner":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+    case "swirl-visually-hidden":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$1();
+      }
+      break;
+  } });
 }
 defineCustomElement();