@pdfslick/core 2.1.3 → 2.2.0

package/dist/esm/index.js

@@ -1,4 +1,4 @@
-import { RenderingCancelledException, PixelsPerInch, getXfaPageViewport, AnnotationMode, AnnotationEditorType, GlobalWorkerOptions, getPdfFilenameFromUrl, getDocument, AnnotationEditorParamsType, PDFDateString } from 'pdfjs-dist';
+import { RenderingCancelledException, PixelsPerInch, getXfaPageViewport, AnnotationMode, AnnotationEditorType, GlobalWorkerOptions, AnnotationEditorParamsType, getPdfFilenameFromUrl, getDocument, PDFDateString } from 'pdfjs-dist';
 import { SimpleLinkService, XfaLayerBuilder, GenericL10n, DownloadManager, EventBus, PDFLinkService, PDFSinglePageViewer, PDFViewer } from 'pdfjs-dist/web/pdf_viewer.mjs';
 import { createStore } from 'zustand/vanilla';
 
@@ -98,6 +98,7 @@ const RendererType = {
 const TextLayerMode = {
     DISABLE: 0,
     ENABLE: 1,
+    ENABLE_PERMISSIONS: 2,
 };
 const ScrollMode = {
     UNKNOWN: -1,
@@ -143,9 +144,11 @@ class OutputScale {
 }
 /**
  * Scrolls specified element into view of its parent.
- * @param {Object} element - The element to be visible.
- * @param {Object} spot - An object with optional top and left properties,
+ * @param {HTMLElement} element - The element to be visible.
+ * @param {Object} [spot] - An object with optional top and left properties,
  *   specifying the offset from the top left edge.
+ * @param {number} [spot.left]
+ * @param {number} [spot.top]
  * @param {boolean} [scrollMatches] - When scrolling search results into view,
  *   ignore elements that either: Contains marked content identifiers,
  *   or have the CSS-rule `overflow: hidden;` set. The default value is `false`.
@@ -183,13 +186,12 @@ function scrollIntoView(element, spot, scrollMatches = false) {
         }
     }
     parent.scrollTop = offsetY;
-    parent.scrollLeft = offsetX;
 }
 /**
  * Helper function to start monitoring the scroll event and converting them into
  * PDF.js friendly one: with scroll debounce and scroll direction.
  */
-function watchScroll(viewAreaElement, callback) {
+function watchScroll(viewAreaElement, callback, abortSignal = undefined) {
     const debounceScroll = function (evt) {
         if (rAF) {
             return;
@@ -220,12 +222,16 @@ function watchScroll(viewAreaElement, callback) {
         _eventHandler: debounceScroll,
     };
     let rAF = null;
-    viewAreaElement.addEventListener("scroll", debounceScroll, true);
+    viewAreaElement.addEventListener("scroll", debounceScroll, {
+        useCapture: true,
+        signal: abortSignal,
+    });
+    abortSignal === null || abortSignal === void 0 ? void 0 : abortSignal.addEventListener("abort", () => window.cancelAnimationFrame(rAF), { once: true });
     return state;
 }
 /**
  * Helper function to parse query string (e.g. ?param1=value&param2=...).
- * @param {string}
+ * @param {string} query
  * @returns {Map}
  */
 function parseQueryString(query) {
@@ -235,21 +241,19 @@ function parseQueryString(query) {
     }
     return params;
 }
-const NullCharactersRegExp = /\x00/g;
-const InvisibleCharactersRegExp = /[\x01-\x1F]/g;
+const InvisibleCharsRegExp = /[\x00-\x1F]/g;
 /**
  * @param {string} str
  * @param {boolean} [replaceInvisible]
  */
 function removeNullCharacters(str, replaceInvisible = false) {
-    if (typeof str !== "string") {
-        console.error(`The argument must be a string.`);
+    if (!InvisibleCharsRegExp.test(str)) {
         return str;
     }
     if (replaceInvisible) {
-        str = str.replace(InvisibleCharactersRegExp, " ");
+        return str.replaceAll(InvisibleCharsRegExp, m => (m === "\x00" ? "" : " "));
     }
-    return str.replace(NullCharactersRegExp, "");
+    return str.replaceAll("\x00", "");
 }
 /**
  * Use binary search to find the index of the first item in a given array which
@@ -287,6 +291,7 @@ function binarySearchFirstItem(items, condition, start = 0) {
  *  @param {number} x - Positive float number.
  *  @returns {Array} Estimated fraction: the first array item is a numerator,
  *                   the second one is a denominator.
+ *                   They are both natural numbers.
  */
 function approximateFraction(x) {
     // Fast paths for int numbers or their inversions.
@@ -330,27 +335,19 @@ function approximateFraction(x) {
     }
     return result;
 }
-function roundToDivide(x, div) {
-    const r = x % div;
-    return r === 0 ? x : Math.round(x - r + div);
-}
 /**
- * @typedef {Object} GetPageSizeInchesParameters
- * @property {number[]} view
- * @property {number} userUnit
- * @property {number} rotate
- */
-/**
- * @typedef {Object} PageSize
- * @property {number} width - In inches.
- * @property {number} height - In inches.
+ * @param {number} x - A positive number to round to a multiple of `div`.
+ * @param {number} div - A natural number.
  */
+function floorToDivide(x, div) {
+    return x - (x % div);
+}
 /**
  * Gets the size of the specified page, converted from PDF units to inches.
  * @param {GetPageSizeInchesParameters} params
  * @returns {PageSize}
  */
-function getPageSizeInches({ view, userUnit, rotate, }) {
+function getPageSizeInches({ view, userUnit, rotate }) {
     const [x1, y1, x2, y2] = view;
     // We need to take the page rotation into account as well.
     const changeOrientation = rotate % 180 !== 0;
@@ -471,7 +468,7 @@ function backtrackBeforeAllVisibleElements(index, views, top) {
  * rendering canvas. Earlier and later refer to index in `views`, not page
  * layout.)
  *
- * @param {GetVisibleElementsParameters}
+ * @param {GetVisibleElementsParameters} params
  * @returns {Object} `{ first, last, views: [{ id, x, y, view, percent }] }`
  */
 function getVisibleElements({ scrollEl, views, sortByVisibility = false, horizontal = false, rtl = false, }) {
@@ -574,12 +571,6 @@ function getVisibleElements({ scrollEl, views, sortByVisibility = false, horizon
     }
     return { first, last, views: visible, ids };
 }
-/**
- * Event handler to suppress context menu.
- */
-function noContextMenuHandler(evt) {
-    evt.preventDefault();
-}
 function normalizeWheelEventDirection(evt) {
     let delta = Math.hypot(evt.deltaX, evt.deltaY);
     const angle = Math.atan2(evt.deltaY, evt.deltaX);
@@ -631,10 +622,10 @@ function clamp(v, min, max) {
 }
 class ProgressBar {
     constructor(bar) {
-        _ProgressBar_classList.set(this, null);
+        _ProgressBar_classList.set(this, void 0);
         _ProgressBar_disableAutoFetchTimeout.set(this, null);
         _ProgressBar_percent.set(this, 0);
-        _ProgressBar_style.set(this, null);
+        _ProgressBar_style.set(this, void 0);
         _ProgressBar_visible.set(this, true);
         __classPrivateFieldSet(this, _ProgressBar_classList, bar.classList, "f");
         __classPrivateFieldSet(this, _ProgressBar_style, bar.style, "f");
@@ -643,28 +634,26 @@ class ProgressBar {
         return __classPrivateFieldGet(this, _ProgressBar_percent, "f");
     }
     set percent(val) {
-        var _a, _b, _c;
         __classPrivateFieldSet(this, _ProgressBar_percent, clamp(val, 0, 100), "f");
         if (isNaN(val)) {
-            (_a = __classPrivateFieldGet(this, _ProgressBar_classList, "f")) === null || _a === undefined ? undefined : _a.add("indeterminate");
+            __classPrivateFieldGet(this, _ProgressBar_classList, "f").add("indeterminate");
             return;
         }
-        (_b = __classPrivateFieldGet(this, _ProgressBar_classList, "f")) === null || _b === undefined ? undefined : _b.remove("indeterminate");
-        (_c = __classPrivateFieldGet(this, _ProgressBar_style, "f")) === null || _c === undefined ? undefined : _c.setProperty("--progressBar-percent", `${__classPrivateFieldGet(this, _ProgressBar_percent, "f")}%`);
+        __classPrivateFieldGet(this, _ProgressBar_classList, "f").remove("indeterminate");
+        __classPrivateFieldGet(this, _ProgressBar_style, "f").setProperty("--progressBar-percent", `${__classPrivateFieldGet(this, _ProgressBar_percent, "f")}%`);
     }
     setWidth(viewer) {
-        var _a;
         if (!viewer) {
             return;
         }
         const container = viewer.parentNode;
         const scrollbarWidth = container.offsetWidth - viewer.offsetWidth;
         if (scrollbarWidth > 0) {
-            (_a = __classPrivateFieldGet(this, _ProgressBar_style, "f")) === null || _a === undefined ? undefined : _a.setProperty("--progressBar-end-offset", `${scrollbarWidth}px`);
+            __classPrivateFieldGet(this, _ProgressBar_style, "f").setProperty("--progressBar-end-offset", `${scrollbarWidth}px`);
         }
     }
     setDisableAutoFetch(delay = /* ms = */ 5000) {
-        if (isNaN(__classPrivateFieldGet(this, _ProgressBar_percent, "f"))) {
+        if (__classPrivateFieldGet(this, _ProgressBar_percent, "f") === 100 || isNaN(__classPrivateFieldGet(this, _ProgressBar_percent, "f"))) {
             return;
         }
         if (__classPrivateFieldGet(this, _ProgressBar_disableAutoFetchTimeout, "f")) {
@@ -677,20 +666,18 @@ class ProgressBar {
         }, delay), "f");
     }
     hide() {
-        var _a;
         if (!__classPrivateFieldGet(this, _ProgressBar_visible, "f")) {
             return;
         }
         __classPrivateFieldSet(this, _ProgressBar_visible, false, "f");
-        (_a = __classPrivateFieldGet(this, _ProgressBar_classList, "f")) === null || _a === undefined ? undefined : _a.add("hidden");
+        __classPrivateFieldGet(this, _ProgressBar_classList, "f").add("hidden");
     }
     show() {
-        var _a;
         if (__classPrivateFieldGet(this, _ProgressBar_visible, "f")) {
             return;
         }
         __classPrivateFieldSet(this, _ProgressBar_visible, true, "f");
-        (_a = __classPrivateFieldGet(this, _ProgressBar_classList, "f")) === null || _a === undefined ? undefined : _a.remove("hidden");
+        __classPrivateFieldGet(this, _ProgressBar_classList, "f").remove("hidden");
     }
 }
 _ProgressBar_classList = new WeakMap(), _ProgressBar_disableAutoFetchTimeout = new WeakMap(), _ProgressBar_percent = new WeakMap(), _ProgressBar_style = new WeakMap(), _ProgressBar_visible = new WeakMap();
@@ -705,7 +692,7 @@ _ProgressBar_classList = new WeakMap(), _ProgressBar_disableAutoFetchTimeout = n
 function getActiveOrFocusedElement() {
     let curRoot = document;
     let curActiveOrFocused = curRoot.activeElement || curRoot.querySelector(":focus");
-    while (curActiveOrFocused === null || curActiveOrFocused === undefined ? undefined : curActiveOrFocused.shadowRoot) {
+    while (curActiveOrFocused === null || curActiveOrFocused === void 0 ? void 0 : curActiveOrFocused.shadowRoot) {
         curRoot = curActiveOrFocused.shadowRoot;
         curActiveOrFocused =
             curRoot.activeElement || curRoot.querySelector(":focus");
@@ -714,7 +701,7 @@ function getActiveOrFocusedElement() {
 }
 /**
  * Converts API PageLayout values to the format used by `BaseViewer`.
- * @param {string} mode - The API PageLayout value.
+ * @param {string} layout - The API PageLayout value.
  * @returns {Object}
  */
 function apiPageLayoutToViewerModes(layout) {
@@ -763,6 +750,24 @@ function apiPageModeToSidebarView(mode) {
     }
     return SidebarView.NONE; // Default value.
 }
+function toggleCheckedBtn(button, toggle, view = null) {
+    button.classList.toggle("toggled", toggle);
+    button.setAttribute("aria-checked", String(toggle));
+    view === null || view === void 0 ? void 0 : view.classList.toggle("hidden", !toggle);
+}
+function toggleExpandedBtn(button, toggle, view = null) {
+    button.classList.toggle("toggled", toggle);
+    button.setAttribute("aria-expanded", String(toggle));
+    view === null || view === void 0 ? void 0 : view.classList.toggle("hidden", !toggle);
+}
+// In Firefox, the css calc function uses f32 precision but the Chrome or Safari
+// are using f64 one. So in order to have the same rendering in all browsers, we
+// need to use the right precision in order to have correct dimensions.
+const calcRound = (function () {
+    const e = document.createElement("div");
+    e.style.width = "round(down, calc(1.6666666666666665 * 792px), 1px)";
+    return e.style.width === "calc(1320px)" ? Math.fround : x => x;
+})();
 
 /* Copyright 2012 Mozilla Foundation
  *
@@ -796,6 +801,11 @@ class PDFRenderingQueue {
         this.idleTimeout = null;
         this.printing = false;
         this.isThumbnailViewEnabled = false;
+        {
+            Object.defineProperty(this, "hasViewer", {
+                value: () => !!this.pdfViewer,
+            });
+        }
     }
     /**
      * @param {PDFViewer} pdfViewer
@@ -816,28 +826,22 @@ class PDFRenderingQueue {
     isHighestPriority(view) {
         return this.highestPriorityPage === view.renderingId;
     }
-    /**
-     * @returns {boolean}
-     */
-    hasViewer() {
-        return !!this.pdfViewer;
-    }
     /**
      * @param {Object} currentlyVisiblePages
      */
     renderHighestPriority(currentlyVisiblePages) {
-        var _a, _b;
+        var _a;
         if (this.idleTimeout) {
             clearTimeout(this.idleTimeout);
             this.idleTimeout = null;
         }
         // Pages have a higher priority than thumbnails, so check them first.
-        if ((_a = this.pdfViewer) === null || _a === undefined ? undefined : _a.forceRendering(currentlyVisiblePages)) {
+        if (this.pdfViewer.forceRendering(currentlyVisiblePages)) {
             return;
         }
         // No pages needed rendering, so check thumbnails.
         if (this.isThumbnailViewEnabled &&
-            ((_b = this.pdfThumbnailViewer) === null || _b === undefined ? undefined : _b.forceRendering())) {
+            ((_a = this.pdfThumbnailViewer) === null || _a === void 0 ? void 0 : _a.forceRendering())) {
             return;
         }
         if (this.printing) {
@@ -939,11 +943,11 @@ class PDFRenderingQueue {
                     .finally(() => {
                     this.renderHighestPriority();
                 })
-                    .catch((reason) => {
+                    .catch(reason => {
                     if (reason instanceof RenderingCancelledException) {
                         return;
                     }
-                    console.error(`renderView: "${reason}"`);
+                    console.error("renderView:", reason);
                 });
                 break;
         }
@@ -965,7 +969,7 @@ class PDFRenderingQueue {
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-var _a, _TempImageFactory_tempCanvas;
+var _a, _TempImageFactory_tempCanvas, _PDFThumbnailView_instances, _PDFThumbnailView_updateDims, _PDFThumbnailView_getPageDrawContext, _PDFThumbnailView_convertCanvasToImage, _PDFThumbnailView_finishRenderTask, _PDFThumbnailView_reduceImage;
 const DRAW_UPSCALE_FACTOR = 2; // See comment in `PDFThumbnailView.draw` below.
 const MAX_NUM_SCALING_STEPS = 3;
 /**
@@ -979,10 +983,11 @@ const MAX_NUM_SCALING_STEPS = 3;
  *   The default value is `null`.
  * @property {IPDFLinkService} linkService - The navigation/linking service.
  * @property {PDFRenderingQueue} renderingQueue - The rendering queue object.
- * @property {IL10n} l10n - Localization service.
  * @property {Object} [pageColors] - Overwrites background and foreground colors
  *   with user defined ones in order to improve readability in high contrast
  *   mode.
+ * @property {boolean} [enableHWA] - Enables hardware acceleration for
+ *   rendering. The default value is `false`.
  */
 class TempImageFactory {
     static getCanvas(width, height) {
@@ -990,14 +995,13 @@ class TempImageFactory {
         tempCanvas.width = width;
         tempCanvas.height = height;
         // Since this is a temporary canvas, we need to fill it with a white
-        // background ourselves. `_getPageDrawContext` uses CSS rules for this.
+        // background ourselves. `#getPageDrawContext` uses CSS rules for this.
         const ctx = tempCanvas.getContext("2d", { alpha: false });
         ctx.save();
         ctx.fillStyle = "rgb(255, 255, 255)";
         ctx.fillRect(0, 0, width, height);
         ctx.restore();
-        const c = tempCanvas.getContext("2d");
-        return [tempCanvas, c];
+        return [tempCanvas, tempCanvas.getContext("2d")];
     }
     static destroyCanvas() {
         const tempCanvas = __classPrivateFieldGet(this, _a, "f", _TempImageFactory_tempCanvas);
@@ -1019,37 +1023,56 @@ class PDFThumbnailView {
     /**
      * @param {PDFThumbnailViewOptions} options
      */
-    constructor({ container, eventBus, id, defaultViewport, optionalContentConfigPromise, linkService, renderingQueue, l10n, pageColors, store, thumbnailWidth, }) {
-        this.container = container;
-        this.eventBus = eventBus;
+    constructor({ container, eventBus, id, defaultViewport, optionalContentConfigPromise, linkService, renderingQueue, pageColors, enableHWA, store, thumbnailWidth, }) {
+        _PDFThumbnailView_instances.add(this);
         this.id = id;
         this.renderingId = "thumbnail" + id;
         this.pageLabel = null;
-        this.store = store;
-        this.loaded = false;
         this.pdfPage = null;
         this.rotation = 0;
         this.viewport = defaultViewport;
         this.pdfPageRotate = defaultViewport.rotation;
         this._optionalContentConfigPromise = optionalContentConfigPromise || null;
         this.pageColors = pageColors || null;
+        this.enableHWA = enableHWA || false;
+        this.eventBus = eventBus;
         this.linkService = linkService;
         this.renderingQueue = renderingQueue;
         this.renderTask = null;
         this.renderingState = RenderingStates.INITIAL;
         this.resume = null;
-        const pageWidth = this.viewport.width, pageHeight = this.viewport.height, pageRatio = pageWidth / pageHeight;
-        this.canvasWidth = thumbnailWidth; // THUMBNAIL_WIDTH;
-        this.canvasHeight = (this.canvasWidth / pageRatio) | 0;
-        this.scale = this.canvasWidth / pageWidth;
-        this.l10n = l10n;
-        this.canvas = null;
-        this.src = null;
+        // <pdf-slick>
+        // const anchor = document.createElement("a");
+        // anchor.href = linkService.getAnchorUrl("#page=" + id);
+        // anchor.setAttribute("data-l10n-id", "pdfjs-thumb-page-title");
+        // anchor.setAttribute("data-l10n-args", this.#pageL10nArgs);
+        // anchor.onclick = function () {
+        //   linkService.goToPage(id);
+        //   return false;
+        // };
+        // this.anchor = anchor;
+        // const div = document.createElement("div");
+        // div.className = "thumbnail pdfSlickThumbHolder"; // <pdf-slick>
+        // div.setAttribute("data-page-number", String(this.id));
+        // this.div = div;
+        // this.#updateDims();
+        // const img = document.createElement("div");
+        // img.className = "thumbnailImage";
+        // this._placeholderImg = img;
+        // div.append(img);
+        // anchor.append(div);
+        // container.append(anchor);
+        // ---------------
+        this.store = store;
+        this.thumbnailWidth = thumbnailWidth;
+        this.loaded = false;
         const div = document.createElement("div");
         div.className = "thumbnail pdfSlickThumbHolder";
         div.setAttribute("data-page-number", this.id.toString());
         this.div = div;
+        __classPrivateFieldGet(this, _PDFThumbnailView_instances, "m", _PDFThumbnailView_updateDims).call(this);
         container.append(div);
+        // </pdf-slick>
     }
     setPdfPage(pdfPage) {
         this.pdfPage = pdfPage;
@@ -1061,18 +1084,18 @@ class PDFThumbnailView {
     reset() {
         this.cancelRendering();
         this.renderingState = RenderingStates.INITIAL;
-        const pageWidth = this.viewport.width, pageHeight = this.viewport.height, pageRatio = pageWidth / pageHeight;
-        this.canvasHeight = (this.canvasWidth / pageRatio) | 0;
-        this.scale = this.canvasWidth / pageWidth;
         this.div.removeAttribute("data-loaded");
+        // <pdf-slick>
+        //this.image?.replaceWith(this._placeholderImg);
+        //this.#updateDims();
+        // if (this.image) {
+        //   this.image.removeAttribute("src");
+        //   delete this.image;
+        // }
+        // -----------
         this.loaded = false;
-        if (this.canvas) {
-            // Zeroing the width and height causes Firefox to release graphics
-            // resources immediately, which can greatly reduce memory consumption.
-            this.canvas.width = 0;
-            this.canvas.height = 0;
-            delete this.canvas;
-        }
+        __classPrivateFieldGet(this, _PDFThumbnailView_instances, "m", _PDFThumbnailView_updateDims).call(this);
+        // </pdf-slick>
     }
     update({ rotation = null }) {
         if (typeof rotation === "number") {
@@ -1096,113 +1119,61 @@ class PDFThumbnailView {
         }
         this.resume = null;
     }
-    /**
-     * @private
-     */
-    _getPageDrawContext(upscaleFactor = 1) {
-        // Keep the no-thumbnail outline visible, i.e. `data-loaded === false`,
-        // until rendering/image conversion is complete, to avoid display issues.
-        const canvas = document.createElement("canvas");
-        const ctx = canvas.getContext("2d", { alpha: false });
-        const outputScale = new OutputScale();
-        canvas.width = (upscaleFactor * this.canvasWidth * outputScale.sx) | 0;
-        canvas.height = (upscaleFactor * this.canvasHeight * outputScale.sy) | 0;
-        const transform = outputScale.scaled
-            ? [outputScale.sx, 0, 0, outputScale.sy, 0, 0]
-            : null;
-        return { ctx, canvas, transform };
-    }
-    /**
-     * @private
-     */
-    _convertCanvasToImage(canvas) {
-        if (this.renderingState !== RenderingStates.FINISHED) {
-            throw new Error("_convertCanvasToImage: Rendering has not finished.");
-        }
-        const reducedCanvas = this._reduceImage(canvas);
-        this.src = reducedCanvas.toDataURL();
-        this.div.setAttribute("data-loaded", "true");
-        this.loaded = true;
-        // this.store.getState()._setThumbnail(this.id, this.src)
-        this.store.getState()._setThumbnailView(this.id, this);
-        // Zeroing the width and height causes Firefox to release graphics
-        // resources immediately, which can greatly reduce memory consumption.
-        reducedCanvas.width = 0;
-        reducedCanvas.height = 0;
-    }
     draw() {
-        if (this.renderingState !== RenderingStates.INITIAL) {
-            console.error("Must be in new state before drawing");
-            return Promise.resolve();
-        }
-        const { pdfPage } = this;
-        if (!pdfPage) {
-            this.renderingState = RenderingStates.FINISHED;
-            return Promise.reject(new Error("pdfPage is not loaded"));
-        }
-        this.renderingState = RenderingStates.RUNNING;
-        const finishRenderTask = (...args_1) => __awaiter(this, [...args_1], undefined, function* (error = null) {
-            // The renderTask may have been replaced by a new one, so only remove
-            // the reference to the renderTask if it matches the one that is
-            // triggering this callback.
-            if (renderTask === this.renderTask) {
-                this.renderTask = null;
-            }
-            if (error instanceof RenderingCancelledException) {
-                return;
+        return __awaiter(this, void 0, void 0, function* () {
+            if (this.renderingState !== RenderingStates.INITIAL) {
+                console.error("Must be in new state before drawing");
+                return undefined;
             }
-            this.renderingState = RenderingStates.FINISHED;
-            this._convertCanvasToImage(canvas);
-            if (error) {
-                throw error;
+            const { pdfPage } = this;
+            if (!pdfPage) {
+                this.renderingState = RenderingStates.FINISHED;
+                throw new Error("pdfPage is not loaded");
             }
-        });
-        // Render the thumbnail at a larger size and downsize the canvas (similar
-        // to `setImage`), to improve consistency between thumbnails created by
-        // the `draw` and `setImage` methods (fixes issue 8233).
-        // NOTE: To primarily avoid increasing memory usage too much, but also to
-        //   reduce downsizing overhead, we purposely limit the up-scaling factor.
-        const { ctx, canvas, transform } = this._getPageDrawContext(DRAW_UPSCALE_FACTOR);
-        const drawViewport = this.viewport.clone({
-            scale: DRAW_UPSCALE_FACTOR * this.scale,
-        });
-        const renderContinueCallback = (cont) => {
-            if (!this.renderingQueue.isHighestPriority(this)) {
-                this.renderingState = RenderingStates.PAUSED;
-                this.resume = () => {
-                    this.renderingState = RenderingStates.RUNNING;
-                    cont();
-                };
-                return;
-            }
-            cont();
-        };
-        const renderContext = {
-            canvasContext: ctx,
-            transform,
-            viewport: drawViewport,
-            optionalContentConfigPromise: this._optionalContentConfigPromise,
-            pageColors: this.pageColors,
-        };
-        const renderTask = (this.renderTask = pdfPage.render(renderContext));
-        renderTask.onContinue = renderContinueCallback;
-        const resultPromise = renderTask.promise.then(function () {
-            return finishRenderTask(null);
-        }, function (error) {
-            return finishRenderTask(error);
-        });
-        resultPromise.finally(() => {
-            // Zeroing the width and height causes Firefox to release graphics
-            // resources immediately, which can greatly reduce memory consumption.
-            canvas.width = 0;
-            canvas.height = 0;
-            this.eventBus.dispatch("thumbnailrendered", {
-                source: this,
-                pageNumber: this.id,
-                pdfPage: this.pdfPage,
+            this.renderingState = RenderingStates.RUNNING;
+            // Render the thumbnail at a larger size and downsize the canvas (similar
+            // to `setImage`), to improve consistency between thumbnails created by
+            // the `draw` and `setImage` methods (fixes issue 8233).
+            // NOTE: To primarily avoid increasing memory usage too much, but also to
+            //   reduce downsizing overhead, we purposely limit the up-scaling factor.
+            const { ctx, canvas, transform } = __classPrivateFieldGet(this, _PDFThumbnailView_instances, "m", _PDFThumbnailView_getPageDrawContext).call(this, DRAW_UPSCALE_FACTOR);
+            const drawViewport = this.viewport.clone({
+                scale: DRAW_UPSCALE_FACTOR * this.scale,
             });
+            const renderContinueCallback = (cont) => {
+                if (!this.renderingQueue.isHighestPriority(this)) {
+                    this.renderingState = RenderingStates.PAUSED;
+                    this.resume = () => {
+                        this.renderingState = RenderingStates.RUNNING;
+                        cont();
+                    };
+                    return;
+                }
+                cont();
+            };
+            const renderContext = {
+                canvasContext: ctx,
+                transform,
+                viewport: drawViewport,
+                optionalContentConfigPromise: this._optionalContentConfigPromise,
+                pageColors: this.pageColors,
+            };
+            const renderTask = (this.renderTask = pdfPage.render(renderContext));
+            renderTask.onContinue = renderContinueCallback;
+            const resultPromise = renderTask.promise.then(() => __classPrivateFieldGet(this, _PDFThumbnailView_instances, "m", _PDFThumbnailView_finishRenderTask).call(this, renderTask, canvas), error => __classPrivateFieldGet(this, _PDFThumbnailView_instances, "m", _PDFThumbnailView_finishRenderTask).call(this, renderTask, canvas, error));
+            resultPromise.finally(() => {
+                // Zeroing the width and height causes Firefox to release graphics
+                // resources immediately, which can greatly reduce memory consumption.
+                canvas.width = 0;
+                canvas.height = 0;
+                this.eventBus.dispatch("thumbnailrendered", {
+                    source: this,
+                    pageNumber: this.id,
+                    pdfPage: this.pdfPage,
+                });
+            });
+            return resultPromise;
         });
-        return resultPromise;
     }
     setImage(pageView) {
         if (this.renderingState !== RenderingStates.INITIAL) {
@@ -1220,62 +1191,110 @@ class PDFThumbnailView {
             return;
         }
         this.renderingState = RenderingStates.FINISHED;
-        this._convertCanvasToImage(canvas);
-    }
-    /**
-     * @private
-     */
-    _reduceImage(img) {
-        const { ctx, canvas } = this._getPageDrawContext();
-        if (img.width <= 2 * canvas.width) {
-            ctx.drawImage(img, 0, 0, img.width, img.height, 0, 0, canvas.width, canvas.height);
-            return canvas;
-        }
-        // drawImage does an awful job of rescaling the image, doing it gradually.
-        let reducedWidth = canvas.width << MAX_NUM_SCALING_STEPS;
-        let reducedHeight = canvas.height << MAX_NUM_SCALING_STEPS;
-        const [reducedImage, reducedImageCtx] = TempImageFactory.getCanvas(reducedWidth, reducedHeight);
-        while (reducedWidth > img.width || reducedHeight > img.height) {
-            reducedWidth >>= 1;
-            reducedHeight >>= 1;
-        }
-        reducedImageCtx.drawImage(img, 0, 0, img.width, img.height, 0, 0, reducedWidth, reducedHeight);
-        while (reducedWidth > 2 * canvas.width) {
-            reducedImageCtx.drawImage(reducedImage, 0, 0, reducedWidth, reducedHeight, 0, 0, reducedWidth >> 1, reducedHeight >> 1);
-            reducedWidth >>= 1;
-            reducedHeight >>= 1;
-        }
-        ctx.drawImage(reducedImage, 0, 0, reducedWidth, reducedHeight, 0, 0, canvas.width, canvas.height);
-        return canvas;
-    }
-    get _thumbPageTitle() {
-        var _b;
-        return this.l10n.get("thumb_page_title", {
-            page: (_b = this.pageLabel) !== null && _b !== undefined ? _b : this.id,
-        });
-    }
-    get _thumbPageCanvas() {
-        var _b;
-        return this.l10n.get("thumb_page_canvas", {
-            page: ((_b = this.pageLabel) !== null && _b !== undefined ? _b : this.id),
-        });
+        __classPrivateFieldGet(this, _PDFThumbnailView_instances, "m", _PDFThumbnailView_convertCanvasToImage).call(this, canvas);
     }
     /**
      * @param {string|null} label
      */
     setPageLabel(label) {
         this.pageLabel = typeof label === "string" ? label : null;
-        // this._thumbPageTitle.then((msg: string) => {
-        //   this.anchor.title = msg;
-        // });
+        // <pdf-slick>
+        // this.anchor.setAttribute("data-l10n-args", this.#pageL10nArgs);
         // if (this.renderingState !== RenderingStates.FINISHED) {
         //   return;
         // }
-        // this._thumbPageCanvas.then((msg: string) => {
-        //   this.image?.setAttribute("aria-label", msg);
-        // });
+        // this.image?.setAttribute("data-l10n-args", this.#pageL10nArgs);
+        // </pdf-slick>
     }
 }
+_PDFThumbnailView_instances = new WeakSet(), _PDFThumbnailView_updateDims = function _PDFThumbnailView_updateDims() {
+    const { width, height } = this.viewport;
+    const ratio = width / height;
+    this.canvasWidth = this.thumbnailWidth; // <pdf-slick>
+    this.canvasHeight = (this.canvasWidth / ratio) | 0;
+    this.scale = this.canvasWidth / width;
+    const { style } = this.div;
+    style.setProperty("--thumbnail-width", `${this.canvasWidth}px`);
+    style.setProperty("--thumbnail-height", `${this.canvasHeight}px`);
+}, _PDFThumbnailView_getPageDrawContext = function _PDFThumbnailView_getPageDrawContext(upscaleFactor = 1, enableHWA = this.enableHWA) {
+    // Keep the no-thumbnail outline visible, i.e. `data-loaded === false`,
+    // until rendering/image conversion is complete, to avoid display issues.
+    const canvas = document.createElement("canvas");
+    const ctx = canvas.getContext("2d", {
+        alpha: false,
+        willReadFrequently: !enableHWA,
+    });
+    const outputScale = new OutputScale();
+    canvas.width = (upscaleFactor * this.canvasWidth * outputScale.sx) | 0;
+    canvas.height = (upscaleFactor * this.canvasHeight * outputScale.sy) | 0;
+    const transform = outputScale.scaled
+        ? [outputScale.sx, 0, 0, outputScale.sy, 0, 0]
+        : null;
+    return { ctx, canvas, transform };
+}, _PDFThumbnailView_convertCanvasToImage = function _PDFThumbnailView_convertCanvasToImage(canvas) {
+    if (this.renderingState !== RenderingStates.FINISHED) {
+        throw new Error("#convertCanvasToImage: Rendering has not finished.");
+    }
+    const reducedCanvas = __classPrivateFieldGet(this, _PDFThumbnailView_instances, "m", _PDFThumbnailView_reduceImage).call(this, canvas);
+    // <pdf-slick>
+    // const image = document.createElement("img");
+    // image.className = "thumbnailImage";
+    // image.setAttribute("data-l10n-id", "pdfjs-thumb-page-canvas");
+    // image.setAttribute("data-l10n-args", this.#pageL10nArgs);
+    // image.src = reducedCanvas.toDataURL();
+    // this.image = image;
+    //this.div.setAttribute("data-loaded", 'true');
+    //this._placeholderImg.replaceWith(image);
+    // -------------
+    this.src = reducedCanvas.toDataURL();
+    this.div.setAttribute("data-loaded", "true");
+    this.loaded = true;
+    this.store.getState()._setThumbnailView(this.id, this);
+    // </pdf-slick>
+    // Zeroing the width and height causes Firefox to release graphics
+    // resources immediately, which can greatly reduce memory consumption.
+    reducedCanvas.width = 0;
+    reducedCanvas.height = 0;
+}, _PDFThumbnailView_finishRenderTask = function _PDFThumbnailView_finishRenderTask(renderTask_1, canvas_1) {
+    return __awaiter(this, arguments, void 0, function* (renderTask, canvas, error = null) {
+        // The renderTask may have been replaced by a new one, so only remove
+        // the reference to the renderTask if it matches the one that is
+        // triggering this callback.
+        if (renderTask === this.renderTask) {
+            this.renderTask = null;
+        }
+        if (error instanceof RenderingCancelledException) {
+            return;
+        }
+        this.renderingState = RenderingStates.FINISHED;
+        __classPrivateFieldGet(this, _PDFThumbnailView_instances, "m", _PDFThumbnailView_convertCanvasToImage).call(this, canvas);
+        if (error) {
+            throw error;
+        }
+    });
+}, _PDFThumbnailView_reduceImage = function _PDFThumbnailView_reduceImage(img) {
+    const { ctx, canvas } = __classPrivateFieldGet(this, _PDFThumbnailView_instances, "m", _PDFThumbnailView_getPageDrawContext).call(this, 1, true);
+    if (img.width <= 2 * canvas.width) {
+        ctx.drawImage(img, 0, 0, img.width, img.height, 0, 0, canvas.width, canvas.height);
+        return canvas;
+    }
+    // drawImage does an awful job of rescaling the image, doing it gradually.
+    let reducedWidth = canvas.width << MAX_NUM_SCALING_STEPS;
+    let reducedHeight = canvas.height << MAX_NUM_SCALING_STEPS;
+    const [reducedImage, reducedImageCtx] = TempImageFactory.getCanvas(reducedWidth, reducedHeight);
+    while (reducedWidth > img.width || reducedHeight > img.height) {
+        reducedWidth >>= 1;
+        reducedHeight >>= 1;
+    }
+    reducedImageCtx.drawImage(img, 0, 0, img.width, img.height, 0, 0, reducedWidth, reducedHeight);
+    while (reducedWidth > 2 * canvas.width) {
+        reducedImageCtx.drawImage(reducedImage, 0, 0, reducedWidth, reducedHeight, 0, 0, reducedWidth >> 1, reducedHeight >> 1);
+        reducedWidth >>= 1;
+        reducedHeight >>= 1;
+    }
+    ctx.drawImage(reducedImage, 0, 0, reducedWidth, reducedHeight, 0, 0, canvas.width, canvas.height);
+    return canvas;
+};
 
 /* Copyright 2012 Mozilla Foundation
  *
@@ -1291,20 +1310,9 @@ class PDFThumbnailView {
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-var _PDFThumbnailViewer_instances, _PDFThumbnailViewer_ensurePdfPageLoaded, _PDFThumbnailViewer_getScrollAhead;
+var _PDFThumbnailViewer_instances, _PDFThumbnailViewer_scrollUpdated, _PDFThumbnailViewer_getVisibleThumbs, _PDFThumbnailViewer_resetView, _PDFThumbnailViewer_cancelRendering, _PDFThumbnailViewer_ensurePdfPageLoaded, _PDFThumbnailViewer_getScrollAhead;
 const THUMBNAIL_SCROLL_MARGIN = -19;
 const THUMBNAIL_SELECTED_CLASS = "selected";
-/**
- * @typedef {Object} PDFThumbnailViewerOptions
- * @property {HTMLDivElement} container - The container for the thumbnail
- *   elements.
- * @property {IPDFLinkService} linkService - The navigation/linking service.
- * @property {PDFRenderingQueue} renderingQueue - The rendering queue object.
- * @property {IL10n} l10n - Localization service.
- * @property {Object} [pageColors] - Overwrites background and foreground colors
- *   with user defined ones in order to improve readability in high contrast
- *   mode.
- */
 /**
  * Viewer control to display thumbnails for pages in a PDF document.
  */
@@ -1312,50 +1320,24 @@ class PDFThumbnailViewer {
     /**
      * @param {PDFThumbnailViewerOptions} options
      */
-    constructor({ container, eventBus, linkService, renderingQueue, l10n, pageColors, store, thumbnailWidth, }) {
+    constructor({ container, eventBus, linkService, renderingQueue, pageColors, abortSignal, enableHWA, store, thumbnailWidth, }) {
         _PDFThumbnailViewer_instances.add(this);
         this.container = container;
         this.eventBus = eventBus;
         this.linkService = linkService;
         this.renderingQueue = renderingQueue;
-        this.l10n = l10n;
         this.pageColors = pageColors || null;
-        this._thumbnails = [];
-        this._currentPageNumber = 0;
-        this._pagesRotation = 0;
-        this._pageLabels = [];
-        this.pdfDocument = null;
+        this.enableHWA = enableHWA || false;
+        // <pdf-slick>
         this.store = store;
         this.thumbnailWidth = thumbnailWidth;
-        if (this.pageColors &&
-            !(CSS.supports("color", this.pageColors.background) &&
-                CSS.supports("color", this.pageColors.foreground))) {
-            if (this.pageColors.background || this.pageColors.foreground) {
-                console.warn("PDFThumbnailViewer: Ignoring `pageColors`-option, since the browser doesn't support the values used.");
-            }
-            this.pageColors = null;
-        }
-        this.scroll = watchScroll(this.container, this._scrollUpdated.bind(this));
-        this._resetView();
-    }
-    /**
-     * @private
-     */
-    _scrollUpdated() {
-        this.renderingQueue.renderHighestPriority();
+        // </pdf-slick>
+        this.scroll = watchScroll(this.container, __classPrivateFieldGet(this, _PDFThumbnailViewer_instances, "m", _PDFThumbnailViewer_scrollUpdated).bind(this), abortSignal);
+        __classPrivateFieldGet(this, _PDFThumbnailViewer_instances, "m", _PDFThumbnailViewer_resetView).call(this);
     }
     getThumbnail(index) {
         return this._thumbnails[index];
     }
-    /**
-     * @private
-     */
-    _getVisibleThumbs() {
-        return getVisibleElements({
-            scrollEl: this.container,
-            views: this._thumbnails,
-        });
-    }
     scrollThumbnailIntoView(pageNumber) {
         if (!this.pdfDocument) {
             return;
@@ -1372,12 +1354,11 @@ class PDFThumbnailViewer {
             // ... and add the highlight to the new thumbnail.
             thumbnailView.div.classList.add(THUMBNAIL_SELECTED_CLASS);
         }
-        const visibleThumbs = this._getVisibleThumbs();
-        const { first, last, views } = visibleThumbs;
+        const { first, last, views } = __classPrivateFieldGet(this, _PDFThumbnailViewer_instances, "m", _PDFThumbnailViewer_getVisibleThumbs).call(this);
         // If the thumbnail isn't currently visible, scroll it into view.
         if (views.length > 0) {
             let shouldScroll = false;
-            if (pageNumber <= first.id || pageNumber >= (last === null || last === undefined ? undefined : last.id)) {
+            if (pageNumber <= first.id || pageNumber >= last.id) {
                 shouldScroll = true;
             }
             else {
@@ -1394,7 +1375,6 @@ class PDFThumbnailViewer {
             }
         }
         this._currentPageNumber = pageNumber;
-        this.forceRendering();
     }
     get pagesRotation() {
         return this._pagesRotation;
@@ -1410,7 +1390,7 @@ class PDFThumbnailViewer {
             return; // The rotation didn't change.
         }
         this._pagesRotation = rotation;
-        const updateArgs = { rotation: rotation };
+        const updateArgs = { rotation };
         for (const thumbnail of this._thumbnails) {
             thumbnail.update(updateArgs);
         }
@@ -1423,33 +1403,24 @@ class PDFThumbnailViewer {
         }
         TempImageFactory.destroyCanvas();
     }
-    /**
-     * @private
-     */
-    _resetView() {
-        this._thumbnails = [];
-        this._currentPageNumber = 1;
-        this._pageLabels = [];
-        this._pagesRotation = 0;
-        // Remove the thumbnails from the DOM.
-        this.container.textContent = "";
-    }
     /**
      * @param {PDFDocumentProxy} pdfDocument
      */
     setDocument(pdfDocument) {
         if (this.pdfDocument) {
-            this._cancelRendering();
-            this._resetView();
+            __classPrivateFieldGet(this, _PDFThumbnailViewer_instances, "m", _PDFThumbnailViewer_cancelRendering).call(this);
+            __classPrivateFieldGet(this, _PDFThumbnailViewer_instances, "m", _PDFThumbnailViewer_resetView).call(this);
         }
         this.pdfDocument = pdfDocument;
         if (!pdfDocument) {
             return;
         }
         const firstPagePromise = pdfDocument.getPage(1);
-        const optionalContentConfigPromise = pdfDocument.getOptionalContentConfig();
+        const optionalContentConfigPromise = pdfDocument.getOptionalContentConfig({
+            intent: "display",
+        });
         firstPagePromise
-            .then((firstPdfPage) => {
+            .then(firstPdfPage => {
             var _a;
             const pagesCount = pdfDocument.numPages;
             const viewport = firstPdfPage.getViewport({ scale: 1 });
@@ -1462,8 +1433,8 @@ class PDFThumbnailViewer {
                     optionalContentConfigPromise,
                     linkService: this.linkService,
                     renderingQueue: this.renderingQueue,
-                    l10n: this.l10n,
                     pageColors: this.pageColors,
+                    enableHWA: this.enableHWA,
                     store: this.store,
                     thumbnailWidth: this.thumbnailWidth,
                 });
@@ -1472,24 +1443,18 @@ class PDFThumbnailViewer {
             // Set the first `pdfPage` immediately, since it's already loaded,
             // rather than having to repeat the `PDFDocumentProxy.getPage` call in
             // the `this.#ensurePdfPageLoaded` method before rendering can start.
-            (_a = this._thumbnails[0]) === null || _a === undefined ? undefined : _a.setPdfPage(firstPdfPage);
+            (_a = this._thumbnails[0]) === null || _a === void 0 ? void 0 : _a.setPdfPage(firstPdfPage);
             // Ensure that the current thumbnail is always highlighted on load.
             const thumbnailView = this._thumbnails[this._currentPageNumber - 1];
             thumbnailView.div.classList.add(THUMBNAIL_SELECTED_CLASS);
+            // <pdf-slick>
             this.store.getState()._setThumbnailsViews(this._thumbnails);
+            // </pdf-slick>
         })
-            .catch((reason) => {
+            .catch(reason => {
             console.error("Unable to initialize thumbnail viewer", reason);
         });
     }
-    /**
-     * @private
-     */
-    _cancelRendering() {
-        for (const thumbnail of this._thumbnails) {
-            thumbnail.cancelRendering();
-        }
-    }
     /**
      * @param {Array|null} labels
      */
@@ -1499,10 +1464,10 @@ class PDFThumbnailViewer {
             return;
         }
         if (!labels) {
-            this._pageLabels = [];
+            this._pageLabels = null;
         }
         else if (!(Array.isArray(labels) && this.pdfDocument.numPages === labels.length)) {
-            this._pageLabels = [];
+            this._pageLabels = null;
             console.error("PDFThumbnailViewer_setPageLabels: Invalid page labels.");
         }
         else {
@@ -1510,15 +1475,13 @@ class PDFThumbnailViewer {
         }
         // Update all the `PDFThumbnailView` instances.
         for (let i = 0, ii = this._thumbnails.length; i < ii; i++) {
-            this._thumbnails[i].setPageLabel((_b = (_a = this._pageLabels) === null || _a === undefined ? undefined : _a[i]) !== null && _b !== undefined ? _b : null);
+            this._thumbnails[i].setPageLabel((_b = (_a = this._pageLabels) === null || _a === void 0 ? void 0 : _a[i]) !== null && _b !== void 0 ? _b : null);
         }
     }
     forceRendering() {
-        const visibleThumbs = this._getVisibleThumbs();
-        // console.log(`forceRendering, visibleThumbs: `, visibleThumbs)
+        const visibleThumbs = __classPrivateFieldGet(this, _PDFThumbnailViewer_instances, "m", _PDFThumbnailViewer_getVisibleThumbs).call(this);
         const scrollAhead = __classPrivateFieldGet(this, _PDFThumbnailViewer_instances, "m", _PDFThumbnailViewer_getScrollAhead).call(this, visibleThumbs);
         const thumbView = this.renderingQueue.getHighestPriority(visibleThumbs, this._thumbnails, scrollAhead);
-        // console.log(`forceRendering, thumbView: `, thumbView)
         if (thumbView) {
             __classPrivateFieldGet(this, _PDFThumbnailViewer_instances, "m", _PDFThumbnailViewer_ensurePdfPageLoaded).call(this, thumbView).then(() => {
                 this.renderingQueue.renderView(thumbView);
@@ -1528,15 +1491,32 @@ class PDFThumbnailViewer {
         return false;
     }
 }
-_PDFThumbnailViewer_instances = new WeakSet(), _PDFThumbnailViewer_ensurePdfPageLoaded = function _PDFThumbnailViewer_ensurePdfPageLoaded(thumbView) {
-    return __awaiter(this, undefined, undefined, function* () {
-        var _a;
-        if (thumbView === null || thumbView === undefined ? undefined : thumbView.pdfPage) {
+_PDFThumbnailViewer_instances = new WeakSet(), _PDFThumbnailViewer_scrollUpdated = function _PDFThumbnailViewer_scrollUpdated() {
+    this.renderingQueue.renderHighestPriority();
+}, _PDFThumbnailViewer_getVisibleThumbs = function _PDFThumbnailViewer_getVisibleThumbs() {
+    return getVisibleElements({
+        scrollEl: this.container,
+        views: this._thumbnails,
+    });
+}, _PDFThumbnailViewer_resetView = function _PDFThumbnailViewer_resetView() {
+    this._thumbnails = [];
+    this._currentPageNumber = 1;
+    this._pageLabels = null;
+    this._pagesRotation = 0;
+    // Remove the thumbnails from the DOM.
+    this.container.textContent = "";
+}, _PDFThumbnailViewer_cancelRendering = function _PDFThumbnailViewer_cancelRendering() {
+    for (const thumbnail of this._thumbnails) {
+        thumbnail.cancelRendering();
+    }
+}, _PDFThumbnailViewer_ensurePdfPageLoaded = function _PDFThumbnailViewer_ensurePdfPageLoaded(thumbView) {
+    return __awaiter(this, void 0, void 0, function* () {
+        if (thumbView.pdfPage) {
             return thumbView.pdfPage;
         }
         try {
-            const pdfPage = yield ((_a = this.pdfDocument) === null || _a === void 0 ? void 0 : _a.getPage(thumbView.id));
-            if (!(thumbView === null || thumbView === void 0 ? void 0 : thumbView.pdfPage)) {
+            const pdfPage = yield this.pdfDocument.getPage(thumbView.id);
+            if (!thumbView.pdfPage) {
                 thumbView.setPdfPage(pdfPage);
             }
             return pdfPage;
@@ -1548,124 +1528,15 @@ _PDFThumbnailViewer_instances = new WeakSet(), _PDFThumbnailViewer_ensurePdfPage
     });
 }, _PDFThumbnailViewer_getScrollAhead = function _PDFThumbnailViewer_getScrollAhead(visible) {
     var _a, _b;
-    // console.log(`visible: `, visible)
-    if (((_a = visible.first) === null || _a === undefined ? undefined : _a.id) === 1) {
+    if (((_a = visible.first) === null || _a === void 0 ? void 0 : _a.id) === 1) {
         return true;
     }
-    else if (((_b = visible.last) === null || _b === undefined ? undefined : _b.id) === this._thumbnails.length) {
+    else if (((_b = visible.last) === null || _b === void 0 ? void 0 : _b.id) === this._thumbnails.length) {
         return false;
     }
     return this.scroll.down;
 };
 
-/* Copyright 2014 Mozilla Foundation
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-var _OverlayManager_overlays, _OverlayManager_active;
-class OverlayManager {
-    constructor() {
-        _OverlayManager_overlays.set(this, new WeakMap());
-        _OverlayManager_active.set(this, null);
-    }
-    get active() {
-        return __classPrivateFieldGet(this, _OverlayManager_active, "f");
-    }
-    /**
-     * @param {HTMLDialogElement} dialog - The overlay's DOM element.
-     * @param {boolean} [canForceClose] - Indicates if opening the overlay closes
-     *                  an active overlay. The default is `false`.
-     * @returns {Promise} A promise that is resolved when the overlay has been
-     *                    registered.
-     */
-    register(dialog_1) {
-        return __awaiter(this, arguments, undefined, function* (dialog, canForceClose = false) {
-            if (typeof dialog !== "object") {
-                throw new Error("Not enough parameters.");
-            }
-            else if (__classPrivateFieldGet(this, _OverlayManager_overlays, "f").has(dialog)) {
-                throw new Error("The overlay is already registered.");
-            }
-            __classPrivateFieldGet(this, _OverlayManager_overlays, "f").set(dialog, { canForceClose });
-            dialog.addEventListener("cancel", () => {
-                __classPrivateFieldSet(this, _OverlayManager_active, null, "f");
-            });
-        });
-    }
-    /**
-     * @param {HTMLDialogElement} dialog - The overlay's DOM element.
-     * @returns {Promise} A promise that is resolved when the overlay has been
-     *                    unregistered.
-     */
-    unregister(dialog) {
-        return __awaiter(this, undefined, undefined, function* () {
-            if (!__classPrivateFieldGet(this, _OverlayManager_overlays, "f").has(dialog)) {
-                throw new Error("The overlay does not exist.");
-            }
-            else if (__classPrivateFieldGet(this, _OverlayManager_active, "f") === dialog) {
-                throw new Error("The overlay cannot be removed while it is active.");
-            }
-            __classPrivateFieldGet(this, _OverlayManager_overlays, "f").delete(dialog);
-        });
-    }
-    /**
-     * @param {HTMLDialogElement} dialog - The overlay's DOM element.
-     * @returns {Promise} A promise that is resolved when the overlay has been
-     *                    opened.
-     */
-    open(dialog) {
-        return __awaiter(this, undefined, undefined, function* () {
-            if (!__classPrivateFieldGet(this, _OverlayManager_overlays, "f").has(dialog)) {
-                throw new Error("The overlay does not exist.");
-            }
-            else if (__classPrivateFieldGet(this, _OverlayManager_active, "f")) {
-                if (__classPrivateFieldGet(this, _OverlayManager_active, "f") === dialog) {
-                    throw new Error("The overlay is already active.");
-                }
-                else if (__classPrivateFieldGet(this, _OverlayManager_overlays, "f").get(dialog).canForceClose) {
-                    yield this.close();
-                }
-                else {
-                    throw new Error("Another overlay is currently active.");
-                }
-            }
-            __classPrivateFieldSet(this, _OverlayManager_active, dialog, "f");
-            dialog.showModal();
-        });
-    }
-    /**
-     * @param {HTMLDialogElement} dialog - The overlay's DOM element.
-     * @returns {Promise} A promise that is resolved when the overlay has been
-     *                    closed.
-     */
-    close() {
-        return __awaiter(this, arguments, undefined, function* (dialog = __classPrivateFieldGet(this, _OverlayManager_active, "f")) {
-            if (!dialog || !__classPrivateFieldGet(this, _OverlayManager_overlays, "f").has(dialog)) {
-                throw new Error("The overlay does not exist.");
-            }
-            else if (!__classPrivateFieldGet(this, _OverlayManager_active, "f")) {
-                throw new Error("The overlay is currently not active.");
-            }
-            else if (__classPrivateFieldGet(this, _OverlayManager_active, "f") !== dialog) {
-                throw new Error("Another overlay is currently active.");
-            }
-            dialog.close();
-            __classPrivateFieldSet(this, _OverlayManager_active, null, "f");
-        });
-    }
-}
-_OverlayManager_overlays = new WeakMap(), _OverlayManager_active = new WeakMap();
-
 /* Copyright 2016 Mozilla Foundation
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -1687,7 +1558,7 @@ function getXfaHtmlForPrinting(printContainer, pdfDocument) {
     const xfaHtml = pdfDocument.allXfaHtml;
     const linkService = new SimpleLinkService();
     const scale = Math.round(PixelsPerInch.PDF_TO_CSS_UNITS * 100) / 100;
-    for (const xfaPage of xfaHtml === null || xfaHtml === undefined ? undefined : xfaHtml.children) {
+    for (const xfaPage of xfaHtml === null || xfaHtml === void 0 ? void 0 : xfaHtml.children) {
         const page = document.createElement("div");
         page.className = "xfaPrintedPage";
         printContainer.append(page);
@@ -1703,12 +1574,10 @@ function getXfaHtmlForPrinting(printContainer, pdfDocument) {
     }
 }
 let activeService = null;
-let dialog = null;
-let overlayManager = new OverlayManager();
 // Renders the page to the canvas of the given print service, and returns
 // the suggested dimensions of the output page.
-function renderPage(activeServiceOnEntry, pdfDocument, pageNumber, size, printResolution, optionalContentConfigPromise, printAnnotationStoragePromise) {
-    const scratchCanvas = activeService.scratchCanvas;
+function renderPage(printService, pdfDocument, pageNumber, size, printResolution, optionalContentConfigPromise, printAnnotationStoragePromise) {
+    const scratchCanvas = printService.scratchCanvas;
     // The size of the canvas in pixels for printing.
     const PRINT_UNITS = printResolution / PixelsPerInch.PDF;
     scratchCanvas.width = Math.floor(size.width * PRINT_UNITS);
@@ -1731,20 +1600,26 @@ function renderPage(activeServiceOnEntry, pdfDocument, pageNumber, size, printRe
             optionalContentConfigPromise,
             printAnnotationStorage,
         };
-        return pdfPage.render(renderContext).promise;
+        const renderTask = pdfPage.render(renderContext);
+        return renderTask.promise.catch(reason => {
+            if (!(reason instanceof RenderingCancelledException)) {
+                console.error(reason);
+            }
+            throw reason;
+        });
     });
 }
 class PDFPrintService {
-    constructor(pdfDocument, pagesOverview, printContainer, printResolution, optionalContentConfigPromise = null, printAnnotationStoragePromise = null, l10n) {
+    constructor({ pdfDocument, pagesOverview, printContainer, printResolution, printAnnotationStoragePromise = null, }) {
         this.pdfDocument = pdfDocument;
         this.pagesOverview = pagesOverview;
         this.printContainer = printContainer;
         this._printResolution = printResolution || 150;
-        this._optionalContentConfigPromise =
-            optionalContentConfigPromise || pdfDocument.getOptionalContentConfig();
+        this._optionalContentConfigPromise = pdfDocument.getOptionalContentConfig({
+            intent: "print",
+        });
         this._printAnnotationStoragePromise =
             printAnnotationStoragePromise || Promise.resolve();
-        this.l10n = l10n;
         this.currentPage = -1;
         // The temporary canvas where renderPage paints one page at a time.
         this.scratchCanvas = document.createElement("canvas");
@@ -1752,14 +1627,11 @@ class PDFPrintService {
     layout() {
         this.throwIfInactive();
         const body = document.querySelector("body");
-        body === null || body === undefined ? undefined : body.setAttribute("data-pdfjsprinting", "true");
-        const hasEqualPageSizes = this.pagesOverview.every((size) => {
-            return (size.width === this.pagesOverview[0].width &&
-                size.height === this.pagesOverview[0].height);
-        }, this);
+        body.setAttribute("data-pdfjsprinting", 'true');
+        const { width, height } = this.pagesOverview[0];
+        const hasEqualPageSizes = this.pagesOverview.every(size => size.width === width && size.height === height);
         if (!hasEqualPageSizes) {
-            console.warn("Not all pages have the same size. The printed " +
-                "result may be incorrect!");
+            console.warn("Not all pages have the same size. The printed result may be incorrect!");
         }
         // Insert a @page + size rule to make sure that the page size is correctly
         // set. Note that we assume that all pages have the same size, because
@@ -1767,14 +1639,12 @@ class PDFPrintService {
         // TODO(robwu): Use named pages when size calculation bugs get resolved
         // (e.g. https://crbug.com/355116) AND when support for named pages is
         // added (http://www.w3.org/TR/css3-page/#using-named-pages).
-        // In browsers where @page + size is not supported (such as Firefox,
-        // https://bugzil.la/851441), the next stylesheet will be ignored and the
-        // user has to select the correct paper size in the UI if wanted.
+        // In browsers where @page + size is not supported, the next stylesheet
+        // will be ignored and the user has to select the correct paper size in
+        // the UI if wanted.
         this.pageStyleSheet = document.createElement("style");
-        const pageSize = this.pagesOverview[0];
-        this.pageStyleSheet.textContent =
-            "@page { size: " + pageSize.width + "pt " + pageSize.height + "pt;}";
-        body === null || body === undefined ? undefined : body.append(this.pageStyleSheet);
+        this.pageStyleSheet.textContent = `@page { size: ${width}pt ${height}pt;}`;
+        body.append(this.pageStyleSheet);
     }
     destroy() {
         if (activeService !== this) {
@@ -1784,7 +1654,7 @@ class PDFPrintService {
         }
         this.printContainer.textContent = "";
         const body = document.querySelector("body");
-        body === null || body === undefined ? undefined : body.removeAttribute("data-pdfjsprinting");
+        body.removeAttribute("data-pdfjsprinting");
         if (this.pageStyleSheet) {
             this.pageStyleSheet.remove();
             this.pageStyleSheet = null;
@@ -1792,13 +1662,8 @@ class PDFPrintService {
         this.scratchCanvas.width = this.scratchCanvas.height = 0;
         this.scratchCanvas = null;
         activeService = null;
-        ensureOverlay().then(function () {
-            if (overlayManager.active === dialog) {
-                overlayManager.close(dialog);
-            }
-        });
     }
-    renderPages() {
+    renderPages(renderProgress) {
         if (this.pdfDocument.isPureXfa) {
             getXfaHtmlForPrinting(this.printContainer, this.pdfDocument);
             return Promise.resolve();
@@ -1807,12 +1672,12 @@ class PDFPrintService {
         const renderNextPage = (resolve, reject) => {
             this.throwIfInactive();
             if (++this.currentPage >= pageCount) {
-                renderProgress(pageCount, pageCount, this.l10n);
+                renderProgress({ index: pageCount, total: pageCount });
                 resolve();
                 return;
             }
             const index = this.currentPage;
-            renderProgress(index, pageCount, this.l10n);
+            renderProgress({ index, total: pageCount });
             renderPage(this, this.pdfDocument, 
             /* pageNumber = */ index + 1, this.pagesOverview[index], this._printResolution, this._optionalContentConfigPromise, this._printAnnotationStoragePromise)
                 .then(this.useRenderedPage.bind(this))
@@ -1825,23 +1690,24 @@ class PDFPrintService {
     useRenderedPage() {
         this.throwIfInactive();
         const img = document.createElement("img");
-        const scratchCanvas = this.scratchCanvas;
-        if ("toBlob" in scratchCanvas) {
-            scratchCanvas.toBlob(function (blob) {
-                img.src = URL.createObjectURL(blob);
-            });
-        }
-        else {
-            img.src = scratchCanvas.toDataURL();
-        }
+        this.scratchCanvas.toBlob(blob => {
+            img.src = URL.createObjectURL(blob);
+        });
         const wrapper = document.createElement("div");
         wrapper.className = "printedPage";
         wrapper.append(img);
         this.printContainer.append(wrapper);
-        return new Promise(function (resolve, reject) {
-            img.onload = resolve;
-            img.onerror = reject;
+        const { promise, resolve, reject } = Promise.withResolvers();
+        img.onload = resolve;
+        img.onerror = reject;
+        promise
+            .catch(() => {
+            // Avoid "Uncaught promise" messages in the console.
+        })
+            .then(() => {
+            URL.revokeObjectURL(img.src);
         });
+        return promise;
     }
     performPrint() {
         this.throwIfInactive();
@@ -1854,7 +1720,7 @@ class PDFPrintService {
                     resolve();
                     return;
                 }
-                print.call(window);
+                window.print();
                 // Delay promise resolution in case print() was not synchronous.
                 setTimeout(resolve, 20); // Tidy-up.
             }, 0);
@@ -1869,121 +1735,19 @@ class PDFPrintService {
         }
     }
 }
-const print = window.print;
-window.print = function () {
-    if (activeService) {
-        console.warn("Ignored window.print() because of a pending print job.");
-        return;
-    }
-    ensureOverlay().then(function () {
-        if (activeService) {
-            overlayManager.open(dialog);
-        }
-    });
-    try {
-        dispatchEvent("beforeprint");
-    }
-    finally {
-        if (!activeService) {
-            console.error("Expected print service to be initialized.");
-            ensureOverlay().then(function () {
-                if (overlayManager.active === dialog) {
-                    overlayManager.close(dialog);
-                }
-            });
-            return; // eslint-disable-line no-unsafe-finally
-        }
-        const activeServiceOnEntry = activeService;
-        activeService
-            .renderPages()
-            .then(function () {
-            return activeServiceOnEntry.performPrint();
-        })
-            .catch(function () {
-            // Ignore any error messages.
-        })
-            .then(function () {
-            // aborts acts on the "active" print request, so we need to check
-            // whether the print request (activeServiceOnEntry) is still active.
-            // Without the check, an unrelated print request (created after aborting
-            // this print request while the pages were being generated) would be
-            // aborted.
-            if (activeServiceOnEntry.active) {
-                abort();
-            }
-        });
-    }
-};
-function dispatchEvent(eventType) {
-    const event = document.createEvent("CustomEvent");
-    event.initCustomEvent(eventType, false, false, "custom");
-    window.dispatchEvent(event);
-}
-function abort() {
-    if (activeService) {
-        activeService.destroy();
-        dispatchEvent("afterprint");
-    }
-}
-function renderProgress(index, total, l10n) {
-    dialog || (dialog = document.getElementById("printServiceDialog"));
-    const progress = Math.round((100 * index) / total);
-    const progressBar = dialog.querySelector("progress");
-    const progressPerc = dialog.querySelector(".relative-progress");
-    progressBar.value = progress;
-    l10n.get("print_progress_percent", { progress }).then((msg) => {
-        progressPerc.textContent = msg;
-    });
-}
-window.addEventListener("keydown", function (event) {
-    // Intercept Cmd/Ctrl + P in all browsers.
-    // Also intercept Cmd/Ctrl + Shift + P in Chrome and Opera
-    if (event.keyCode === /* P= */ 80 &&
-        (event.ctrlKey || event.metaKey) &&
-        !event.altKey &&
-        !event.shiftKey // (!event.shiftKey || window.chrome || window.opera)
-    ) {
-        window.print();
-        event.preventDefault();
-        event.stopImmediatePropagation();
-    }
-}, true);
-if ("onbeforeprint" in window) {
-    // Do not propagate before/afterprint events when they are not triggered
-    // from within this polyfill. (FF / Chrome 63+).
-    const stopPropagationIfNeeded = function (event) {
-        if (event.detail !== "custom") {
-            event.stopImmediatePropagation();
-        }
-    };
-    window.addEventListener("beforeprint", stopPropagationIfNeeded);
-    window.addEventListener("afterprint", stopPropagationIfNeeded);
-}
-let overlayPromise;
-function ensureOverlay() {
-    if (!overlayPromise) {
-        if (!overlayManager) {
-            throw new Error("The overlay manager has not yet been initialized.");
-        }
-        dialog || (dialog = document.getElementById("printServiceDialog"));
-        overlayPromise = overlayManager.register(dialog, 
-        /* canForceClose = */ true);
-        document.getElementById("printCancel").onclick = abort;
-        dialog.addEventListener("close", abort);
-    }
-    return overlayPromise;
-}
+/**
+ * @implements {IPDFPrintServiceFactory}
+ */
 const PDFPrintServiceFactory = {
     instance: {
         supportsPrinting: true,
-        createPrintService(pdfDocument, pagesOverview, printContainer, printResolution, optionalContentConfigPromise, printAnnotationStoragePromise, l10n) {
+        createPrintService(params) {
             if (activeService) {
                 throw new Error("The print service is created and active.");
             }
-            activeService = new PDFPrintService(pdfDocument, pagesOverview, printContainer, printResolution, optionalContentConfigPromise, printAnnotationStoragePromise, l10n);
-            return activeService;
-        },
-    },
+            return (activeService = new PDFPrintService(params));
+        }
+    }
 };
 
 /* Copyright 2012 Mozilla Foundation
@@ -2000,7 +1764,7 @@ const PDFPrintServiceFactory = {
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-var _PDFPresentationMode_instances, _PDFPresentationMode_state, _PDFPresentationMode_args, _PDFPresentationMode_mouseWheel, _PDFPresentationMode_notifyStateChange, _PDFPresentationMode_enter, _PDFPresentationMode_exit, _PDFPresentationMode_mouseDown, _PDFPresentationMode_contextMenu, _PDFPresentationMode_showControls, _PDFPresentationMode_hideControls, _PDFPresentationMode_resetMouseScrollState, _PDFPresentationMode_touchSwipe, _PDFPresentationMode_addWindowListeners, _PDFPresentationMode_removeWindowListeners, _PDFPresentationMode_fullscreenChange, _PDFPresentationMode_addFullscreenChangeListeners, _PDFPresentationMode_removeFullscreenChangeListeners;
+var _PDFPresentationMode_instances, _PDFPresentationMode_state, _PDFPresentationMode_args, _PDFPresentationMode_fullscreenChangeAbortController, _PDFPresentationMode_windowAbortController, _PDFPresentationMode_mouseWheel, _PDFPresentationMode_notifyStateChange, _PDFPresentationMode_enter, _PDFPresentationMode_exit, _PDFPresentationMode_mouseDown, _PDFPresentationMode_contextMenu, _PDFPresentationMode_showControls, _PDFPresentationMode_hideControls, _PDFPresentationMode_resetMouseScrollState, _PDFPresentationMode_touchSwipe, _PDFPresentationMode_addWindowListeners, _PDFPresentationMode_removeWindowListeners, _PDFPresentationMode_addFullscreenChangeListeners, _PDFPresentationMode_removeFullscreenChangeListeners;
 const DELAY_BEFORE_HIDING_CONTROLS = 3000; // in ms
 const ACTIVE_SELECTOR = "pdfPresentationMode";
 const CONTROLS_SELECTOR = "pdfPresentationModeControls";
@@ -2021,10 +1785,12 @@ class PDFPresentationMode {
     /**
      * @param {PDFPresentationModeOptions} options
      */
-    constructor({ container, pdfViewer, eventBus, }) {
+    constructor({ container, pdfViewer, eventBus }) {
         _PDFPresentationMode_instances.add(this);
         _PDFPresentationMode_state.set(this, PresentationModeState.UNKNOWN);
         _PDFPresentationMode_args.set(this, null);
+        _PDFPresentationMode_fullscreenChangeAbortController.set(this, null);
+        _PDFPresentationMode_windowAbortController.set(this, null);
         this.container = container;
         this.pdfViewer = pdfViewer;
         this.eventBus = eventBus;
@@ -2038,7 +1804,7 @@ class PDFPresentationMode {
      * @returns {Promise<boolean>} Indicating if the request was successful.
      */
     request() {
-        return __awaiter(this, undefined, undefined, function* () {
+        return __awaiter(this, void 0, void 0, function* () {
             const { container, pdfViewer } = this;
             if (this.active || !pdfViewer.pagesCount || !container.requestFullscreen) {
                 return false;
@@ -2059,15 +1825,15 @@ class PDFPresentationMode {
                     "since the document may contain varying page sizes.");
                 __classPrivateFieldGet(this, _PDFPresentationMode_args, "f").spreadMode = pdfViewer.spreadMode;
             }
-            if (pdfViewer.annotationEditorMode.mode !== AnnotationEditorType.DISABLE) {
-                __classPrivateFieldGet(this, _PDFPresentationMode_args, "f").annotationEditorMode = pdfViewer.annotationEditorMode.mode;
+            if (pdfViewer.annotationEditorMode !== AnnotationEditorType.DISABLE) {
+                __classPrivateFieldGet(this, _PDFPresentationMode_args, "f").annotationEditorMode = pdfViewer.annotationEditorMode;
             }
             try {
                 yield promise;
                 pdfViewer.focus(); // Fixes bug 1787456.
                 return true;
             }
-            catch (reason) {
+            catch (_a) {
                 __classPrivateFieldGet(this, _PDFPresentationMode_instances, "m", _PDFPresentationMode_removeFullscreenChangeListeners).call(this);
                 __classPrivateFieldGet(this, _PDFPresentationMode_instances, "m", _PDFPresentationMode_notifyStateChange).call(this, PresentationModeState.NORMAL);
             }
@@ -2079,7 +1845,7 @@ class PDFPresentationMode {
             __classPrivateFieldGet(this, _PDFPresentationMode_state, "f") === PresentationModeState.FULLSCREEN);
     }
 }
-_PDFPresentationMode_state = new WeakMap(), _PDFPresentationMode_args = new WeakMap(), _PDFPresentationMode_instances = new WeakSet(), _PDFPresentationMode_mouseWheel = function _PDFPresentationMode_mouseWheel(evt) {
+_PDFPresentationMode_state = new WeakMap(), _PDFPresentationMode_args = new WeakMap(), _PDFPresentationMode_fullscreenChangeAbortController = new WeakMap(), _PDFPresentationMode_windowAbortController = new WeakMap(), _PDFPresentationMode_instances = new WeakSet(), _PDFPresentationMode_mouseWheel = function _PDFPresentationMode_mouseWheel(evt) {
     if (!this.active) {
         return;
     }
@@ -2125,7 +1891,9 @@ _PDFPresentationMode_state = new WeakMap(), _PDFPresentationMode_args = new Weak
         this.pdfViewer.currentPageNumber = __classPrivateFieldGet(this, _PDFPresentationMode_args, "f").pageNumber;
         this.pdfViewer.currentScaleValue = "page-fit";
         if (__classPrivateFieldGet(this, _PDFPresentationMode_args, "f").annotationEditorMode !== null) {
-            this.pdfViewer.annotationEditorMode = { mode: AnnotationEditorType.NONE };
+            this.pdfViewer.annotationEditorMode = {
+                mode: AnnotationEditorType.NONE,
+            };
         }
     }, 0);
     __classPrivateFieldGet(this, _PDFPresentationMode_instances, "m", _PDFPresentationMode_addWindowListeners).call(this);
@@ -2134,24 +1902,25 @@ _PDFPresentationMode_state = new WeakMap(), _PDFPresentationMode_args = new Weak
     // Text selection is disabled in Presentation Mode, thus it's not possible
     // for the user to deselect text that is selected (e.g. with "Select all")
     // when entering Presentation Mode, hence we remove any active selection.
-    (_a = window.getSelection()) === null || _a === undefined ? undefined : _a.removeAllRanges();
+    (_a = document.getSelection()) === null || _a === void 0 ? void 0 : _a.empty();
 }, _PDFPresentationMode_exit = function _PDFPresentationMode_exit() {
     const pageNumber = this.pdfViewer.currentPageNumber;
     this.container.classList.remove(ACTIVE_SELECTOR);
     // Ensure that the correct page is scrolled into view when exiting
     // Presentation Mode, by waiting until fullscreen mode is disabled.
     setTimeout(() => {
-        var _a;
         __classPrivateFieldGet(this, _PDFPresentationMode_instances, "m", _PDFPresentationMode_removeFullscreenChangeListeners).call(this);
         __classPrivateFieldGet(this, _PDFPresentationMode_instances, "m", _PDFPresentationMode_notifyStateChange).call(this, PresentationModeState.NORMAL);
         this.pdfViewer.scrollMode = __classPrivateFieldGet(this, _PDFPresentationMode_args, "f").scrollMode;
-        if (((_a = __classPrivateFieldGet(this, _PDFPresentationMode_args, "f")) === null || _a === undefined ? undefined : _a.spreadMode) !== null) {
+        if (__classPrivateFieldGet(this, _PDFPresentationMode_args, "f").spreadMode !== null) {
             this.pdfViewer.spreadMode = __classPrivateFieldGet(this, _PDFPresentationMode_args, "f").spreadMode;
         }
         this.pdfViewer.currentScaleValue = __classPrivateFieldGet(this, _PDFPresentationMode_args, "f").scaleValue;
         this.pdfViewer.currentPageNumber = pageNumber;
         if (__classPrivateFieldGet(this, _PDFPresentationMode_args, "f").annotationEditorMode !== null) {
-            this.pdfViewer.annotationEditorMode = { mode: __classPrivateFieldGet(this, _PDFPresentationMode_args, "f").annotationEditorMode };
+            this.pdfViewer.annotationEditorMode = {
+                mode: __classPrivateFieldGet(this, _PDFPresentationMode_args, "f").annotationEditorMode,
+            };
         }
         __classPrivateFieldSet(this, _PDFPresentationMode_args, null, "f");
     }, 0);
@@ -2172,7 +1941,7 @@ _PDFPresentationMode_state = new WeakMap(), _PDFPresentationMode_args = new Weak
     // Enable clicking of links in presentation mode. Note: only links
     // pointing to destinations in the current PDF document work.
     if (evt.target.href &&
-        ((_a = evt.target.parentNode) === null || _a === undefined ? undefined : _a.hasAttribute("data-internal-link"))) {
+        ((_a = evt.target.parentNode) === null || _a === void 0 ? void 0 : _a.hasAttribute("data-internal-link"))) {
         return;
     }
     // Unless an internal link was clicked, advance one page.
@@ -2262,51 +2031,52 @@ _PDFPresentationMode_state = new WeakMap(), _PDFPresentationMode_args = new Weak
             break;
     }
 }, _PDFPresentationMode_addWindowListeners = function _PDFPresentationMode_addWindowListeners() {
-    this.showControlsBind = __classPrivateFieldGet(this, _PDFPresentationMode_instances, "m", _PDFPresentationMode_showControls).bind(this);
-    this.mouseDownBind = __classPrivateFieldGet(this, _PDFPresentationMode_instances, "m", _PDFPresentationMode_mouseDown).bind(this);
-    this.mouseWheelBind = __classPrivateFieldGet(this, _PDFPresentationMode_instances, "m", _PDFPresentationMode_mouseWheel).bind(this);
-    this.resetMouseScrollStateBind = __classPrivateFieldGet(this, _PDFPresentationMode_instances, "m", _PDFPresentationMode_resetMouseScrollState).bind(this);
-    this.contextMenuBind = __classPrivateFieldGet(this, _PDFPresentationMode_instances, "m", _PDFPresentationMode_contextMenu).bind(this);
-    this.touchSwipeBind = __classPrivateFieldGet(this, _PDFPresentationMode_instances, "m", _PDFPresentationMode_touchSwipe).bind(this);
-    window.addEventListener("mousemove", this.showControlsBind);
-    window.addEventListener("mousedown", this.mouseDownBind);
-    window.addEventListener("wheel", this.mouseWheelBind, { passive: false });
-    window.addEventListener("keydown", this.resetMouseScrollStateBind);
-    window.addEventListener("contextmenu", this.contextMenuBind);
-    window.addEventListener("touchstart", this.touchSwipeBind);
-    window.addEventListener("touchmove", this.touchSwipeBind);
-    window.addEventListener("touchend", this.touchSwipeBind);
-}, _PDFPresentationMode_removeWindowListeners = function _PDFPresentationMode_removeWindowListeners() {
-    window.removeEventListener("mousemove", this.showControlsBind);
-    window.removeEventListener("mousedown", this.mouseDownBind);
-    window.removeEventListener("wheel", this.mouseWheelBind, {
-        // @ts-ignore
+    if (__classPrivateFieldGet(this, _PDFPresentationMode_windowAbortController, "f")) {
+        return;
+    }
+    __classPrivateFieldSet(this, _PDFPresentationMode_windowAbortController, new AbortController(), "f");
+    const { signal } = __classPrivateFieldGet(this, _PDFPresentationMode_windowAbortController, "f");
+    const touchSwipeBind = __classPrivateFieldGet(this, _PDFPresentationMode_instances, "m", _PDFPresentationMode_touchSwipe).bind(this);
+    window.addEventListener("mousemove", __classPrivateFieldGet(this, _PDFPresentationMode_instances, "m", _PDFPresentationMode_showControls).bind(this), {
+        signal,
+    });
+    window.addEventListener("mousedown", __classPrivateFieldGet(this, _PDFPresentationMode_instances, "m", _PDFPresentationMode_mouseDown).bind(this), {
+        signal,
+    });
+    window.addEventListener("wheel", __classPrivateFieldGet(this, _PDFPresentationMode_instances, "m", _PDFPresentationMode_mouseWheel).bind(this), {
         passive: false,
+        signal,
     });
-    window.removeEventListener("keydown", this.resetMouseScrollStateBind);
-    window.removeEventListener("contextmenu", this.contextMenuBind);
-    window.removeEventListener("touchstart", this.touchSwipeBind);
-    window.removeEventListener("touchmove", this.touchSwipeBind);
-    window.removeEventListener("touchend", this.touchSwipeBind);
-    delete this.showControlsBind;
-    delete this.mouseDownBind;
-    delete this.mouseWheelBind;
-    delete this.resetMouseScrollStateBind;
-    delete this.contextMenuBind;
-    delete this.touchSwipeBind;
-}, _PDFPresentationMode_fullscreenChange = function _PDFPresentationMode_fullscreenChange() {
-    if ( /* isFullscreen = */document.fullscreenElement) {
-        __classPrivateFieldGet(this, _PDFPresentationMode_instances, "m", _PDFPresentationMode_enter).call(this);
-    }
-    else {
-        __classPrivateFieldGet(this, _PDFPresentationMode_instances, "m", _PDFPresentationMode_exit).call(this);
-    }
+    window.addEventListener("keydown", __classPrivateFieldGet(this, _PDFPresentationMode_instances, "m", _PDFPresentationMode_resetMouseScrollState).bind(this), {
+        signal,
+    });
+    window.addEventListener("contextmenu", __classPrivateFieldGet(this, _PDFPresentationMode_instances, "m", _PDFPresentationMode_contextMenu).bind(this), {
+        signal,
+    });
+    window.addEventListener("touchstart", touchSwipeBind, { signal });
+    window.addEventListener("touchmove", touchSwipeBind, { signal });
+    window.addEventListener("touchend", touchSwipeBind, { signal });
+}, _PDFPresentationMode_removeWindowListeners = function _PDFPresentationMode_removeWindowListeners() {
+    var _a;
+    (_a = __classPrivateFieldGet(this, _PDFPresentationMode_windowAbortController, "f")) === null || _a === void 0 ? void 0 : _a.abort();
+    __classPrivateFieldSet(this, _PDFPresentationMode_windowAbortController, null, "f");
 }, _PDFPresentationMode_addFullscreenChangeListeners = function _PDFPresentationMode_addFullscreenChangeListeners() {
-    this.fullscreenChangeBind = __classPrivateFieldGet(this, _PDFPresentationMode_instances, "m", _PDFPresentationMode_fullscreenChange).bind(this);
-    window.addEventListener("fullscreenchange", this.fullscreenChangeBind);
+    if (__classPrivateFieldGet(this, _PDFPresentationMode_fullscreenChangeAbortController, "f")) {
+        return;
+    }
+    __classPrivateFieldSet(this, _PDFPresentationMode_fullscreenChangeAbortController, new AbortController(), "f");
+    window.addEventListener("fullscreenchange", () => {
+        if ( /* isFullscreen = */document.fullscreenElement) {
+            __classPrivateFieldGet(this, _PDFPresentationMode_instances, "m", _PDFPresentationMode_enter).call(this);
+        }
+        else {
+            __classPrivateFieldGet(this, _PDFPresentationMode_instances, "m", _PDFPresentationMode_exit).call(this);
+        }
+    }, { signal: __classPrivateFieldGet(this, _PDFPresentationMode_fullscreenChangeAbortController, "f").signal });
 }, _PDFPresentationMode_removeFullscreenChangeListeners = function _PDFPresentationMode_removeFullscreenChangeListeners() {
-    window.removeEventListener("fullscreenchange", this.fullscreenChangeBind);
-    delete this.fullscreenChangeBind;
+    var _a;
+    (_a = __classPrivateFieldGet(this, _PDFPresentationMode_fullscreenChangeAbortController, "f")) === null || _a === void 0 ? void 0 : _a.abort();
+    __classPrivateFieldSet(this, _PDFPresentationMode_fullscreenChangeAbortController, null, "f");
 };
 
 const initialState = {
@@ -2364,7 +2134,289 @@ const create = () => createStore((set, get) => (Object.assign(Object.assign({},
         set({ thumbnailViews, thumbnails });
     } })));
 
-var _PDFSlick_instances, _PDFSlick_renderingQueue, _PDFSlick_container, _PDFSlick_viewerContainer, _PDFSlick_thumbsContainer, _PDFSlick_annotationMode, _PDFSlick_annotationEditorMode, _PDFSlick_onError, _PDFSlick_initializePageLabels, _PDFSlick_parseDocumentInfo, _PDFSlick_parsePageSize, _PDFSlick_initInternalEventListeners, _PDFSlick_onDocumentReady, _PDFSlick_onRotationChanging, _PDFSlick_onSwitchSpreadMode, _PDFSlick_onSwitchScrollMode, _PDFSlick_onScaleChanging, _PDFSlick_onPageChanging, _PDFSlick_onPageRendered;
+var _PDFSlickPrintService_instances, _PDFSlickPrintService_printService, _PDFSlickPrintService_eventAbortController, _PDFSlickPrintService_printContainer, _PDFSlickPrintService_beforePrint, _PDFSlickPrintService_afterPrint;
+class PDFSlickPrintService {
+    constructor({ eventBus, slick, printDialog }) {
+        _PDFSlickPrintService_instances.add(this);
+        _PDFSlickPrintService_printService.set(this, null);
+        _PDFSlickPrintService_eventAbortController.set(this, null);
+        _PDFSlickPrintService_printContainer.set(this, null);
+        this.eventBus = eventBus;
+        this.slick = slick;
+        this.printDialog = printDialog !== null && printDialog !== void 0 ? printDialog : null;
+        this.bindEvents();
+    }
+    get supportsPrinting() {
+        return PDFPrintServiceFactory.instance.supportsPrinting;
+    }
+    get printing() {
+        return !!__classPrivateFieldGet(this, _PDFSlickPrintService_printService, "f");
+    }
+    print() {
+        return __awaiter(this, void 0, void 0, function* () {
+            var _a, _b;
+            if (!this.supportsPrinting) {
+                return;
+            }
+            if (this.printing) {
+                console.warn("Ignored pdf print because of a pending print job.");
+                return;
+            }
+            yield ((_a = this.printDialog) === null || _a === void 0 ? void 0 : _a.open({
+                close: () => this.abort()
+            }));
+            try {
+                this.eventBus.dispatch("beforeprint", { source: this });
+            }
+            finally {
+                if (!this.printing) {
+                    console.error("Expected print service to be initialized.");
+                    (_b = this.printDialog) === null || _b === void 0 ? void 0 : _b.close();
+                }
+                else {
+                    const printService = __classPrivateFieldGet(this, _PDFSlickPrintService_printService, "f");
+                    yield printService
+                        .renderPages(x => { var _a; return (_a = this.printDialog) === null || _a === void 0 ? void 0 : _a.progress(x); })
+                        .then(() => printService.performPrint())
+                        .catch(() => {
+                        // Ignore any error messages.
+                    })
+                        .then(() => {
+                        // aborts acts on the "active" print request, so we need to check
+                        // whether the print request (activeServiceOnEntry) is still active.
+                        // Without the check, an unrelated print request (created after
+                        // aborting this print request while the pages were being generated)
+                        // would be aborted.
+                        const active = printService === __classPrivateFieldGet(this, _PDFSlickPrintService_printService, "f");
+                        if (active) {
+                            this.abort();
+                        }
+                    });
+                }
+            }
+        });
+    }
+    abort() {
+        var _a;
+        if (__classPrivateFieldGet(this, _PDFSlickPrintService_printService, "f")) {
+            __classPrivateFieldGet(this, _PDFSlickPrintService_printService, "f").destroy();
+            (_a = this.printDialog) === null || _a === void 0 ? void 0 : _a.close();
+            this.eventBus.dispatch("afterprint", { source: this });
+        }
+    }
+    bindEvents() {
+        __classPrivateFieldSet(this, _PDFSlickPrintService_eventAbortController, new AbortController(), "f");
+        const { signal } = __classPrivateFieldGet(this, _PDFSlickPrintService_eventAbortController, "f");
+        const opts = { signal };
+        this.eventBus._on("beforeprint", __classPrivateFieldGet(this, _PDFSlickPrintService_instances, "m", _PDFSlickPrintService_beforePrint).bind(this), opts);
+        this.eventBus._on("afterprint", __classPrivateFieldGet(this, _PDFSlickPrintService_instances, "m", _PDFSlickPrintService_afterPrint).bind(this), opts);
+        window.addEventListener("beforeprint", () => this.eventBus.dispatch("beforeprint", { source: window }), opts);
+        window.addEventListener("afterprint", () => this.eventBus.dispatch("afterprint", { source: window }), opts);
+        window.addEventListener("keydown", (event) => {
+            // Intercept Cmd/Ctrl + P in all browsers.
+            // Also intercept Cmd/Ctrl + Shift + P in Chrome and Opera
+            if (event.keyCode === /* P= */ 80 &&
+                (event.ctrlKey || event.metaKey) &&
+                !event.altKey &&
+                (!event.shiftKey || window.chrome || window.opera)) {
+                this.print();
+                event.preventDefault();
+                event.stopImmediatePropagation();
+            }
+        }, { signal, capture: true });
+    }
+    unbindEvents() {
+        var _a;
+        (_a = __classPrivateFieldGet(this, _PDFSlickPrintService_eventAbortController, "f")) === null || _a === void 0 ? void 0 : _a.abort();
+        __classPrivateFieldSet(this, _PDFSlickPrintService_eventAbortController, null, "f");
+    }
+}
+_PDFSlickPrintService_printService = new WeakMap(), _PDFSlickPrintService_eventAbortController = new WeakMap(), _PDFSlickPrintService_printContainer = new WeakMap(), _PDFSlickPrintService_instances = new WeakSet(), _PDFSlickPrintService_beforePrint = function _PDFSlickPrintService_beforePrint() {
+    if (__classPrivateFieldGet(this, _PDFSlickPrintService_printService, "f")) {
+        // There is no way to suppress beforePrint/afterPrint events,
+        // but PDFPrintService may generate double events -- this will ignore
+        // the second event that will be coming from native window.print().
+        return;
+    }
+    if (!this.supportsPrinting) {
+        // this.l10n.get("printing_not_supported").then(msg => {
+        //   this._otherError(msg);
+        // });
+        return;
+    }
+    // The beforePrint is a sync method and we need to know layout before
+    // returning from this method. Ensure that we can get sizes of the pages.
+    if (!this.slick.viewer.pageViewsReady) {
+        this.slick.l10n.get("printing_not_ready", null).then((msg) => {
+            // eslint-disable-next-line no-alert
+            window.alert(msg);
+        });
+        return;
+    }
+    __classPrivateFieldSet(this, _PDFSlickPrintService_printContainer, createPrintContainer(), "f");
+    __classPrivateFieldSet(this, _PDFSlickPrintService_printService, PDFPrintServiceFactory.instance.createPrintService({
+        pdfDocument: this.slick.document,
+        pagesOverview: this.slick.viewer.getPagesOverview(),
+        printContainer: __classPrivateFieldGet(this, _PDFSlickPrintService_printContainer, "f").element,
+        printResolution: this.slick.printResolution,
+        optionalContentConfigPromise: null,
+        printAnnotationStoragePromise: null, // this._printAnnotationStoragePromise,
+    }), "f");
+    this.slick.forceRendering();
+    __classPrivateFieldGet(this, _PDFSlickPrintService_printService, "f").layout();
+}, _PDFSlickPrintService_afterPrint = function _PDFSlickPrintService_afterPrint() {
+    var _a, _b, _c;
+    if (__classPrivateFieldGet(this, _PDFSlickPrintService_printService, "f")) {
+        __classPrivateFieldGet(this, _PDFSlickPrintService_printService, "f").destroy();
+        __classPrivateFieldSet(this, _PDFSlickPrintService_printService, null, "f");
+        (_a = this.printDialog) === null || _a === void 0 ? void 0 : _a.close();
+        (_b = __classPrivateFieldGet(this, _PDFSlickPrintService_printContainer, "f")) === null || _b === void 0 ? void 0 : _b.remove();
+        __classPrivateFieldSet(this, _PDFSlickPrintService_printContainer, null, "f");
+        (_c = this.slick.document) === null || _c === void 0 ? void 0 : _c.annotationStorage.resetModified();
+    }
+    this.slick.forceRendering();
+};
+function createPrintContainer() {
+    const printContainer = document.createElement("div");
+    printContainer.classList.add('pdfSlickPrintContainer');
+    document.body.append(printContainer);
+    const sheet = document.createElement("style");
+    /** source: https://github.com/mozilla/pdf.js/blob/v4.10.38/web/viewer.css */
+    sheet.textContent = `
+@page {
+  margin: 0;
+}
+
+.pdfSlickPrintContainer {
+  display: none;
+}
+
+@media print {
+  body {
+    background: rgb(0 0 0 / 0) none;
+  }
+
+  body[data-pdfjsprinting] > *:not(.pdfSlickPrintContainer) {
+    display: none;
+  }
+
+  body[data-pdfjsprinting] .pdfSlickPrintContainer {
+    display: block;
+  }
+
+  .pdfSlickPrintContainer {
+    height: 100%;
+  }
+
+  /* wrapper around (scaled) print canvas elements */
+  .pdfSlickPrintContainer > .printedPage {
+    page-break-after: always;
+    page-break-inside: avoid;
+
+    /* The wrapper always cover the whole page. */
+    height: 100%;
+    width: 100%;
+
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+  }
+
+  .pdfSlickPrintContainer > .xfaPrintedPage .xfaPage {
+    position: absolute;
+  }
+
+  .pdfSlickPrintContainer > .xfaPrintedPage {
+    page-break-after: always;
+    page-break-inside: avoid;
+    width: 100%;
+    height: 100%;
+    position: relative;
+  }
+
+  .pdfSlickPrintContainer > .printedPage :is(canvas, img) {
+    /* The intrinsic canvas / image size will make sure that we fit the page. */
+    max-width: 100%;
+    max-height: 100%;
+
+    direction: ltr;
+    display: block;
+  }
+}`;
+    document.body.append(sheet);
+    return {
+        get element() { return printContainer; },
+        remove: () => {
+            printContainer.remove();
+            sheet.remove();
+        }
+    };
+}
+
+class PDFSlickPrintDialog {
+    static create() {
+        let dialog = document.querySelector('#printServiceDialog');
+        if (!dialog) {
+            /** A small helper to constuct DOM elements */
+            const h = (tag, attr, children) => {
+                const e = document.createElement(tag);
+                Object.entries(attr).forEach(([k, v]) => e.setAttribute(k, v));
+                e.append(...children);
+                return e;
+            };
+            /** Print dialog as used in https://github.com/mozilla/pdf.js */
+            dialog = h('dialog', { id: 'printServiceDialog', class: 'pdfSlick-dialog', style: 'min-width: 200px;' }, [
+                h('div', { class: 'row' }, [
+                    h('span', { 'data-l10n-id': 'pdfjs-print-progress-message' }, ["Preparing document for printing…"]),
+                ]),
+                h('div', { class: 'row' }, [
+                    h('progress', { value: '0', max: '100' }, []),
+                    h('span', { 'data-l10n-id': 'pdfjs-print-progress-percent', 'data-l10n-args': '{ "progress": 0 }', class: 'relative-progress' }, ['0%']),
+                ]),
+                h('div', { class: 'buttonRow' }, [
+                    h('button', { id: 'printCancel', class: 'dialogButton', type: 'button' }, [
+                        h('span', { 'data-l10n-id': 'pdfjs-print-progress-close-button' }, ['Cancel'])
+                    ]),
+                ]),
+            ]);
+            document.body.append(dialog);
+        }
+        return new PDFSlickPrintDialog(dialog);
+    }
+    constructor(dialog) {
+        this.dialog = dialog;
+    }
+    open(options) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const btnClose = this.dialog.querySelector('#printCancel');
+            const cancelHandler = () => {
+                var _a;
+                this.dialog.removeEventListener("close", cancelHandler);
+                this.dialog.removeEventListener("cancel", cancelHandler);
+                btnClose === null || btnClose === void 0 ? void 0 : btnClose.removeEventListener("click", cancelHandler);
+                (_a = options === null || options === void 0 ? void 0 : options.close) === null || _a === void 0 ? void 0 : _a.call(options);
+                this.close();
+            };
+            this.dialog.addEventListener("close", cancelHandler);
+            this.dialog.addEventListener("cancel", cancelHandler);
+            btnClose === null || btnClose === void 0 ? void 0 : btnClose.addEventListener("click", cancelHandler);
+            this.dialog.showModal();
+        });
+    }
+    close() {
+        this.dialog.close();
+    }
+    progress({ index, total }) {
+        const progress = Math.round((100 * index) / total);
+        const progressBar = this.dialog.querySelector("progress");
+        const progressPerc = this.dialog.querySelector(".relative-progress");
+        progressBar.value = progress;
+        progressPerc.setAttribute("data-l10n-args", JSON.stringify({ progress }));
+    }
+}
+
+var _PDFSlick_instances, _PDFSlick_renderingQueue, _PDFSlick_container, _PDFSlick_viewerContainer, _PDFSlick_thumbsContainer, _PDFSlick_printService, _PDFSlick_annotationMode, _PDFSlick_annotationEditorMode, _PDFSlick_onError, _PDFSlick_eventAbortController, _PDFSlick_initializePageLabels, _PDFSlick_parseDocumentInfo, _PDFSlick_parsePageSize, _PDFSlick_initInternalEventListeners, _PDFSlick_onDocumentReady, _PDFSlick_onRotationChanging, _PDFSlick_onSwitchSpreadMode, _PDFSlick_onSwitchScrollMode, _PDFSlick_onScaleChanging, _PDFSlick_onPageChanging, _PDFSlick_onPageRendered;
 GlobalWorkerOptions.workerSrc = new URL('pdfjs-dist/build/pdf.worker.min.mjs', import.meta.url).toString();
 const US_PAGE_NAMES = {
     "8.5x11": "Letter",
@@ -2380,40 +2432,42 @@ function getPageName(size, isPortrait, pageNames) {
     return pageNames[`${width}x${height}`];
 }
 class PDFSlick {
-    constructor({ container, viewer, thumbs, store = create(), options, onError, }) {
+    constructor({ container, viewer, thumbs, store = create(), options, onError, printDialog, }) {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
         _PDFSlick_instances.add(this);
-        _PDFSlick_renderingQueue.set(this, undefined);
-        _PDFSlick_container.set(this, undefined);
-        _PDFSlick_viewerContainer.set(this, undefined);
-        _PDFSlick_thumbsContainer.set(this, undefined);
+        _PDFSlick_renderingQueue.set(this, void 0);
+        _PDFSlick_container.set(this, void 0);
+        _PDFSlick_viewerContainer.set(this, void 0);
+        _PDFSlick_thumbsContainer.set(this, void 0);
+        _PDFSlick_printService.set(this, void 0);
         this.downloadManager = null;
         this.findController = null;
         this.pdfPresentationMode = null;
         this.document = null;
         // options
-        _PDFSlick_annotationMode.set(this, undefined);
-        _PDFSlick_annotationEditorMode.set(this, undefined);
-        _PDFSlick_onError.set(this, undefined);
+        _PDFSlick_annotationMode.set(this, void 0);
+        _PDFSlick_annotationEditorMode.set(this, void 0);
+        _PDFSlick_onError.set(this, void 0);
+        _PDFSlick_eventAbortController.set(this, void 0);
         __classPrivateFieldSet(this, _PDFSlick_container, container, "f");
         __classPrivateFieldSet(this, _PDFSlick_viewerContainer, viewer, "f");
         __classPrivateFieldSet(this, _PDFSlick_thumbsContainer, thumbs, "f");
         __classPrivateFieldSet(this, _PDFSlick_onError, onError, "f");
-        this.l10n = (_a = options === null || options === undefined ? undefined : options.l10n) !== null && _a !== undefined ? _a : new GenericL10n(navigator.language);
+        this.l10n = (_a = options === null || options === void 0 ? void 0 : options.l10n) !== null && _a !== void 0 ? _a : new GenericL10n(navigator.language);
         this.downloadManager = new DownloadManager();
-        this.textLayerMode = (_b = options === null || options === undefined ? undefined : options.textLayerMode) !== null && _b !== undefined ? _b : TextLayerMode.ENABLE;
-        __classPrivateFieldSet(this, _PDFSlick_annotationMode, (_c = options === null || options === undefined ? undefined : options.annotationMode) !== null && _c !== undefined ? _c : AnnotationMode.ENABLE_FORMS, "f");
-        __classPrivateFieldSet(this, _PDFSlick_annotationEditorMode, (_d = options === null || options === undefined ? undefined : options.annotationEditorMode) !== null && _d !== undefined ? _d : AnnotationEditorType.NONE, "f");
-        this.annotationEditorHighlightColors = (_e = options === null || options === undefined ? undefined : options.annotationEditorHighlightColors) !== null && _e !== undefined ? _e : "yellow=#FFFF98,green=#53FFBC,blue=#80EBFF,pink=#FFCBE6,red=#FF4F5F";
-        this.removePageBorders = (_f = options === null || options === undefined ? undefined : options.removePageBorders) !== null && _f !== undefined ? _f : false;
-        this.singlePageViewer = (_g = options === null || options === undefined ? undefined : options.singlePageViewer) !== null && _g !== undefined ? _g : false;
-        this.enablePrintAutoRotate = (_h = options === null || options === undefined ? undefined : options.enablePrintAutoRotate) !== null && _h !== undefined ? _h : false;
-        this.useOnlyCssZoom = (_j = options === null || options === undefined ? undefined : options.useOnlyCssZoom) !== null && _j !== undefined ? _j : false;
-        this.pageColors = (_k = options === null || options === undefined ? undefined : options.pageColors) !== null && _k !== undefined ? _k : null;
-        this.maxCanvasPixels = (_l = options === null || options === undefined ? undefined : options.maxCanvasPixels) !== null && _l !== undefined ? _l : 16777216;
-        this.printResolution = (_m = options === null || options === undefined ? undefined : options.printResolution) !== null && _m !== undefined ? _m : 96;
-        this.thumbnailWidth = (_o = options === null || options === undefined ? undefined : options.thumbnailWidth) !== null && _o !== undefined ? _o : 125;
-        this.getDocumentParams = (_p = options === null || options === undefined ? undefined : options.getDocumentParams) !== null && _p !== undefined ? _p : {};
+        this.textLayerMode = (_b = options === null || options === void 0 ? void 0 : options.textLayerMode) !== null && _b !== void 0 ? _b : TextLayerMode.ENABLE;
+        __classPrivateFieldSet(this, _PDFSlick_annotationMode, (_c = options === null || options === void 0 ? void 0 : options.annotationMode) !== null && _c !== void 0 ? _c : AnnotationMode.ENABLE_FORMS, "f");
+        __classPrivateFieldSet(this, _PDFSlick_annotationEditorMode, (_d = options === null || options === void 0 ? void 0 : options.annotationEditorMode) !== null && _d !== void 0 ? _d : AnnotationEditorType.NONE, "f");
+        this.annotationEditorHighlightColors = (_e = options === null || options === void 0 ? void 0 : options.annotationEditorHighlightColors) !== null && _e !== void 0 ? _e : "yellow=#FFFF98,green=#53FFBC,blue=#80EBFF,pink=#FFCBE6,red=#FF4F5F";
+        this.removePageBorders = (_f = options === null || options === void 0 ? void 0 : options.removePageBorders) !== null && _f !== void 0 ? _f : false;
+        this.singlePageViewer = (_g = options === null || options === void 0 ? void 0 : options.singlePageViewer) !== null && _g !== void 0 ? _g : false;
+        this.enablePrintAutoRotate = (_h = options === null || options === void 0 ? void 0 : options.enablePrintAutoRotate) !== null && _h !== void 0 ? _h : false;
+        this.useOnlyCssZoom = (_j = options === null || options === void 0 ? void 0 : options.useOnlyCssZoom) !== null && _j !== void 0 ? _j : false;
+        this.pageColors = (_k = options === null || options === void 0 ? void 0 : options.pageColors) !== null && _k !== void 0 ? _k : null;
+        this.maxCanvasPixels = (_l = options === null || options === void 0 ? void 0 : options.maxCanvasPixels) !== null && _l !== void 0 ? _l : 16777216;
+        this.printResolution = (_m = options === null || options === void 0 ? void 0 : options.printResolution) !== null && _m !== void 0 ? _m : 96;
+        this.thumbnailWidth = (_o = options === null || options === void 0 ? void 0 : options.thumbnailWidth) !== null && _o !== void 0 ? _o : 125;
+        this.getDocumentParams = (_p = options === null || options === void 0 ? void 0 : options.getDocumentParams) !== null && _p !== void 0 ? _p : {};
         if (this.pageColors &&
             !(CSS.supports("color", this.pageColors.background) &&
                 CSS.supports("color", this.pageColors.foreground))) {
@@ -2435,8 +2489,7 @@ class PDFSlick {
             ignoreDestinationZoom: false,
         });
         const viewerOptions = Object.assign(Object.assign({ container }, (viewer && { viewer })), { eventBus,
-            linkService,
-            renderingQueue, textLayerMode: this.textLayerMode, annotationEditorHighlightColors: this.annotationEditorHighlightColors, l10n: this.l10n, annotationMode: __classPrivateFieldGet(this, _PDFSlick_annotationMode, "f"), annotationEditorMode: __classPrivateFieldGet(this, _PDFSlick_annotationEditorMode, "f"), removePageBorders: this.removePageBorders, imageResourcesPath: "/images/" });
+            linkService, renderingQueue: renderingQueue, textLayerMode: this.textLayerMode, annotationEditorHighlightColors: this.annotationEditorHighlightColors, l10n: this.l10n, annotationMode: __classPrivateFieldGet(this, _PDFSlick_annotationMode, "f"), annotationEditorMode: __classPrivateFieldGet(this, _PDFSlick_annotationEditorMode, "f"), removePageBorders: this.removePageBorders, imageResourcesPath: "/images/" });
         const pdfViewer = this.singlePageViewer
             ? new PDFSinglePageViewer(viewerOptions)
             : new PDFViewer(viewerOptions);
@@ -2447,8 +2500,8 @@ class PDFSlick {
                 eventBus,
                 linkService,
                 renderingQueue,
-                l10n: this.l10n,
                 pageColors: this.pageColors,
+                enableHWA: undefined,
                 store: store,
                 thumbnailWidth: this.thumbnailWidth,
             });
@@ -2465,11 +2518,16 @@ class PDFSlick {
         this.linkService = linkService;
         this.viewer = pdfViewer;
         this.linkService.setViewer(pdfViewer);
-        const scaleValue = (_q = options === null || options === undefined ? undefined : options.scaleValue) !== null && _q !== undefined ? _q : "auto";
+        __classPrivateFieldSet(this, _PDFSlick_printService, new PDFSlickPrintService({
+            eventBus,
+            slick: this,
+            printDialog: printDialog !== null && printDialog !== void 0 ? printDialog : PDFSlickPrintDialog.create(),
+        }), "f");
+        const scaleValue = (_q = options === null || options === void 0 ? void 0 : options.scaleValue) !== null && _q !== void 0 ? _q : "auto";
         this.store.setState({ scaleValue });
     }
     loadDocument(url, options) {
-        return __awaiter(this, undefined, undefined, function* () {
+        return __awaiter(this, void 0, void 0, function* () {
             var _a, _b, _c, _d, _e;
             if (this.url && typeof this.url === "string") {
                 try {
@@ -2527,9 +2585,8 @@ class PDFSlick {
         });
     }
     forceRendering(isThumbnailViewEnabled = true) {
-        __classPrivateFieldGet(this, _PDFSlick_renderingQueue, "f").printing = !!this.printService;
+        __classPrivateFieldGet(this, _PDFSlick_renderingQueue, "f").printing = !!__classPrivateFieldGet(this, _PDFSlick_printService, "f").printing;
         __classPrivateFieldGet(this, _PDFSlick_renderingQueue, "f").isThumbnailViewEnabled = isThumbnailViewEnabled;
-        // @ts-ignore
         __classPrivateFieldGet(this, _PDFSlick_renderingQueue, "f").renderHighestPriority();
     }
     gotoPage(pageNumber) {
@@ -2537,10 +2594,10 @@ class PDFSlick {
     }
     openOrDownloadData(data, filename) {
         var _a;
-        (_a = this.downloadManager) === null || _a === undefined ? undefined : _a.openOrDownloadData(data, filename);
+        (_a = this.downloadManager) === null || _a === void 0 ? void 0 : _a.openOrDownloadData(data, filename);
     }
     download() {
-        return __awaiter(this, undefined, undefined, function* () {
+        return __awaiter(this, void 0, void 0, function* () {
             var _a, _b;
             const url = this.url;
             const { filename } = this;
@@ -2553,12 +2610,12 @@ class PDFSlick {
             catch (reason) {
                 // When the PDF document isn't ready, or the PDF file is still
                 // downloading, simply download using the URL.
-                yield ((_b = this.downloadManager) === null || _b === undefined ? undefined : _b.download(null, url, filename));
+                yield ((_b = this.downloadManager) === null || _b === void 0 ? void 0 : _b.download(null, url, filename));
             }
         });
     }
     save() {
-        return __awaiter(this, undefined, undefined, function* () {
+        return __awaiter(this, void 0, void 0, function* () {
             // if (this._saveInProgress) return;
             // this._saveInProgress = true;
             // await this.pdfScriptingManager.dispatchWillSave();
@@ -2591,7 +2648,7 @@ class PDFSlick {
     }
     downloadOrSave() {
         var _a;
-        const { annotationStorage } = (_a = this.document) !== null && _a !== undefined ? _a : {};
+        const { annotationStorage } = (_a = this.document) !== null && _a !== void 0 ? _a : {};
         if (annotationStorage && annotationStorage.size > 0) {
             this.save();
         }
@@ -2600,82 +2657,20 @@ class PDFSlick {
         }
     }
     get supportsPrinting() {
-        return PDFPrintServiceFactory.instance.supportsPrinting;
-    }
-    beforePrint() {
-        // this._printAnnotationStoragePromise = this.pdfScriptingManager
-        //   .dispatchWillPrint()
-        //   .catch(() => {
-        //     /* Avoid breaking printing; ignoring errors. */
-        //   })
-        //   .then(() => {
-        //     return this.document?.annotationStorage.print;
-        //   });
-        if (this.printService) {
-            // There is no way to suppress beforePrint/afterPrint events,
-            // but PDFPrintService may generate double events -- this will ignore
-            // the second event that will be coming from native window.print().
-            return;
-        }
-        if (!this.supportsPrinting) {
-            // this.l10n.get("printing_not_supported").then(msg => {
-            //   this._otherError(msg);
-            // });
-            return;
-        }
-        // The beforePrint is a sync method and we need to know layout before
-        // returning from this method. Ensure that we can get sizes of the pages.
-        if (!this.viewer.pageViewsReady) {
-            this.l10n.get("printing_not_ready", null).then((msg) => {
-                // eslint-disable-next-line no-alert
-                window.alert(msg);
-            });
-            return;
-        }
-        const pagesOverview = this.viewer.getPagesOverview();
-        const printContainer = document.getElementById("printContainer");
-        const printResolution = this.printResolution;
-        const optionalContentConfigPromise = this.viewer.optionalContentConfigPromise;
-        const printService = PDFPrintServiceFactory.instance.createPrintService(this.document, pagesOverview, printContainer, printResolution, optionalContentConfigPromise, null, // this._printAnnotationStoragePromise,
-        this.l10n);
-        this.printService = printService;
-        this.forceRendering();
-        // Disable the editor-indicator during printing (fixes bug 1790552).
-        // this.setTitle();
-        printService.layout();
-        // if (this._hasAnnotationEditors) {
-        //   this.externalServices.reportTelemetry({
-        //     type: "editing",
-        //     data: { type: "print" },
-        //   });
-        // }
-    }
-    afterPrint() {
-        // if (this._printAnnotationStoragePromise) {
-        //   this._printAnnotationStoragePromise.then(() => {
-        //     this.pdfScriptingManager.dispatchDidPrint();
-        //   });
-        //   this._printAnnotationStoragePromise = null;
-        // }
-        var _a;
-        if (this.printService) {
-            this.printService.destroy();
-            this.printService = null;
-            (_a = this.document) === null || _a === undefined ? undefined : _a.annotationStorage.resetModified();
-        }
-        this.forceRendering();
-        // Re-enable the editor-indicator after printing (fixes bug 1790552).
-        // this.setTitle();
+        return __classPrivateFieldGet(this, _PDFSlick_printService, "f").supportsPrinting;
     }
     requestPresentationMode() {
         var _a;
-        (_a = this.pdfPresentationMode) === null || _a === undefined ? undefined : _a.request();
+        (_a = this.pdfPresentationMode) === null || _a === void 0 ? void 0 : _a.request();
     }
     triggerPrinting() {
-        if (!this.supportsPrinting) {
-            return;
-        }
-        window.print();
+        __classPrivateFieldGet(this, _PDFSlick_printService, "f").print();
+    }
+    unbindEvents() {
+        var _a;
+        (_a = __classPrivateFieldGet(this, _PDFSlick_eventAbortController, "f")) === null || _a === void 0 ? void 0 : _a.abort();
+        __classPrivateFieldSet(this, _PDFSlick_eventAbortController, null, "f");
+        __classPrivateFieldGet(this, _PDFSlick_printService, "f").unbindEvents();
     }
     _cleanup() {
         var _a;
@@ -2802,11 +2797,11 @@ class PDFSlick {
         this.eventBus.dispatch(eventName, data);
     }
 }
-_PDFSlick_renderingQueue = new WeakMap(), _PDFSlick_container = new WeakMap(), _PDFSlick_viewerContainer = new WeakMap(), _PDFSlick_thumbsContainer = new WeakMap(), _PDFSlick_annotationMode = new WeakMap(), _PDFSlick_annotationEditorMode = new WeakMap(), _PDFSlick_onError = new WeakMap(), _PDFSlick_instances = new WeakSet(), _PDFSlick_initializePageLabels = function _PDFSlick_initializePageLabels() {
-    return __awaiter(this, undefined, undefined, function* () {
+_PDFSlick_renderingQueue = new WeakMap(), _PDFSlick_container = new WeakMap(), _PDFSlick_viewerContainer = new WeakMap(), _PDFSlick_thumbsContainer = new WeakMap(), _PDFSlick_printService = new WeakMap(), _PDFSlick_annotationMode = new WeakMap(), _PDFSlick_annotationEditorMode = new WeakMap(), _PDFSlick_onError = new WeakMap(), _PDFSlick_eventAbortController = new WeakMap(), _PDFSlick_instances = new WeakSet(), _PDFSlick_initializePageLabels = function _PDFSlick_initializePageLabels() {
+    return __awaiter(this, void 0, void 0, function* () {
         var _a;
         const pdfDocument = this.document;
-        const labels = (_a = (yield pdfDocument.getPageLabels())) !== null && _a !== undefined ? _a : [];
+        const labels = (_a = (yield pdfDocument.getPageLabels())) !== null && _a !== void 0 ? _a : [];
         const numLabels = labels.length;
         // Ignore page labels that correspond to standard page numbering,
         // or page labels that are all empty.
@@ -2828,10 +2823,10 @@ _PDFSlick_renderingQueue = new WeakMap(), _PDFSlick_container = new WeakMap(), _
         }
         const { viewer: pdfViewer, thumbnailViewer: pdfThumbnailViewer } = this;
         pdfViewer.setPageLabels(labels);
-        pdfThumbnailViewer === null || pdfThumbnailViewer === undefined ? undefined : pdfThumbnailViewer.setPageLabels(labels);
+        pdfThumbnailViewer === null || pdfThumbnailViewer === void 0 ? void 0 : pdfThumbnailViewer.setPageLabels(labels);
     });
 }, _PDFSlick_parseDocumentInfo = function _PDFSlick_parseDocumentInfo() {
-    return __awaiter(this, undefined, undefined, function* () {
+    return __awaiter(this, void 0, void 0, function* () {
         const { info, contentLength } = (yield this.document.getMetadata());
         const pageSize = yield this.document.getPage(this.store.getState().pageNumber).then((pdfPage) => {
             return __classPrivateFieldGet(this, _PDFSlick_instances, "m", _PDFSlick_parsePageSize).call(this, getPageSizeInches(pdfPage), 0);
@@ -2852,7 +2847,7 @@ _PDFSlick_renderingQueue = new WeakMap(), _PDFSlick_container = new WeakMap(), _
         });
     });
 }, _PDFSlick_parsePageSize = function _PDFSlick_parsePageSize(pageSizeInches, pagesRotation) {
-    return __awaiter(this, undefined, undefined, function* () {
+    return __awaiter(this, void 0, void 0, function* () {
         if (!pageSizeInches) {
             return undefined;
         }
@@ -2920,25 +2915,20 @@ _PDFSlick_renderingQueue = new WeakMap(), _PDFSlick_container = new WeakMap(), _
         };
     });
 }, _PDFSlick_initInternalEventListeners = function _PDFSlick_initInternalEventListeners() {
-    this.eventBus._on("pagesinit", __classPrivateFieldGet(this, _PDFSlick_instances, "m", _PDFSlick_onDocumentReady).bind(this));
-    this.eventBus._on("scalechanging", __classPrivateFieldGet(this, _PDFSlick_instances, "m", _PDFSlick_onScaleChanging).bind(this));
-    this.eventBus._on("pagechanging", __classPrivateFieldGet(this, _PDFSlick_instances, "m", _PDFSlick_onPageChanging).bind(this));
-    this.eventBus._on("pagerendered", __classPrivateFieldGet(this, _PDFSlick_instances, "m", _PDFSlick_onPageRendered).bind(this));
-    this.eventBus._on("rotationchanging", __classPrivateFieldGet(this, _PDFSlick_instances, "m", _PDFSlick_onRotationChanging).bind(this));
-    this.eventBus._on("switchspreadmode", __classPrivateFieldGet(this, _PDFSlick_instances, "m", _PDFSlick_onSwitchSpreadMode).bind(this));
-    this.eventBus._on("switchscrollmode", __classPrivateFieldGet(this, _PDFSlick_instances, "m", _PDFSlick_onSwitchScrollMode).bind(this));
-    this.eventBus._on("beforeprint", this.beforePrint.bind(this));
-    this.eventBus._on("afterprint", this.afterPrint.bind(this));
-    window.onbeforeprint = (e) => {
-        this.eventBus.dispatch("beforeprint", { source: window });
-    };
-    window.onafterprint = (e) => {
-        this.eventBus.dispatch("afterprint", { source: window });
-    };
+    __classPrivateFieldSet(this, _PDFSlick_eventAbortController, new AbortController(), "f");
+    const { signal } = __classPrivateFieldGet(this, _PDFSlick_eventAbortController, "f");
+    const opts = { signal };
+    this.eventBus._on("pagesinit", __classPrivateFieldGet(this, _PDFSlick_instances, "m", _PDFSlick_onDocumentReady).bind(this), opts);
+    this.eventBus._on("scalechanging", __classPrivateFieldGet(this, _PDFSlick_instances, "m", _PDFSlick_onScaleChanging).bind(this), opts);
+    this.eventBus._on("pagechanging", __classPrivateFieldGet(this, _PDFSlick_instances, "m", _PDFSlick_onPageChanging).bind(this), opts);
+    this.eventBus._on("pagerendered", __classPrivateFieldGet(this, _PDFSlick_instances, "m", _PDFSlick_onPageRendered).bind(this), opts);
+    this.eventBus._on("rotationchanging", __classPrivateFieldGet(this, _PDFSlick_instances, "m", _PDFSlick_onRotationChanging).bind(this), opts);
+    this.eventBus._on("switchspreadmode", __classPrivateFieldGet(this, _PDFSlick_instances, "m", _PDFSlick_onSwitchSpreadMode).bind(this), opts);
+    this.eventBus._on("switchscrollmode", __classPrivateFieldGet(this, _PDFSlick_instances, "m", _PDFSlick_onSwitchScrollMode).bind(this), opts);
 }, _PDFSlick_onDocumentReady = function _PDFSlick_onDocumentReady(_a) {
-    return __awaiter(this, arguments, undefined, function* ({ source }) {
+    return __awaiter(this, arguments, void 0, function* ({ source }) {
         var _b;
-        const documentOutline = (yield ((_b = this.document) === null || _b === undefined ? undefined : _b.getOutline()));
+        const documentOutline = (yield ((_b = this.document) === null || _b === void 0 ? void 0 : _b.getOutline()));
         const scaleValue = this.store.getState().scaleValue;
         // source._setScale(scaleValue, {}); // page-fit, page-actual, auto, page-width
         source.currentScale = 1;
@@ -2967,18 +2957,18 @@ _PDFSlick_renderingQueue = new WeakMap(), _PDFSlick_container = new WeakMap(), _
     this.viewer.update();
 }, _PDFSlick_onPageChanging = function _PDFSlick_onPageChanging({ pageNumber }) {
     var _a;
-    (_a = this.thumbnailViewer) === null || _a === undefined ? undefined : _a.scrollThumbnailIntoView(pageNumber);
+    (_a = this.thumbnailViewer) === null || _a === void 0 ? void 0 : _a.scrollThumbnailIntoView(pageNumber);
     this.store.setState({ pageNumber });
 }, _PDFSlick_onPageRendered = function _PDFSlick_onPageRendered({ pageNumber, error }) {
     var _a;
     // Use the rendered page to set the corresponding thumbnail image.
     if (__classPrivateFieldGet(this, _PDFSlick_thumbsContainer, "f")) {
         const pageView = this.viewer.getPageView(pageNumber - 1);
-        const thumbnailView = (_a = this.thumbnailViewer) === null || _a === undefined ? undefined : _a.getThumbnail(pageNumber - 1);
+        const thumbnailView = (_a = this.thumbnailViewer) === null || _a === void 0 ? void 0 : _a.getThumbnail(pageNumber - 1);
         if (pageView && thumbnailView) {
             thumbnailView.setImage(pageView);
         }
     }
 };
 
-export { AutoPrintRegExp, CursorTool, DEFAULT_SCALE, DEFAULT_SCALE_DELTA, DEFAULT_SCALE_VALUE, MAX_AUTO_SCALE, MAX_SCALE, MIN_SCALE, OutputScale, PDFSlick, PresentationModeState, ProgressBar, RendererType, RenderingStates, SCROLLBAR_PADDING, ScrollMode, SidebarView, SpreadMode, TextLayerMode, UNKNOWN_SCALE, VERTICAL_PADDING, animationStarted, apiPageLayoutToViewerModes, apiPageModeToSidebarView, approximateFraction, backtrackBeforeAllVisibleElements, binarySearchFirstItem, create, docStyle, getActiveOrFocusedElement, getPageSizeInches, getVisibleElements, initialState, isPortraitOrientation, isValidRotation, isValidScrollMode, isValidSpreadMode, noContextMenuHandler, normalizeWheelEventDelta, normalizeWheelEventDirection, parseQueryString, removeNullCharacters, roundToDivide, scrollIntoView, watchScroll };
+export { AutoPrintRegExp, CursorTool, DEFAULT_SCALE, DEFAULT_SCALE_DELTA, DEFAULT_SCALE_VALUE, MAX_AUTO_SCALE, MAX_SCALE, MIN_SCALE, OutputScale, PDFSlick, PresentationModeState, ProgressBar, RendererType, RenderingStates, SCROLLBAR_PADDING, ScrollMode, SidebarView, SpreadMode, TextLayerMode, UNKNOWN_SCALE, VERTICAL_PADDING, animationStarted, apiPageLayoutToViewerModes, apiPageModeToSidebarView, approximateFraction, backtrackBeforeAllVisibleElements, binarySearchFirstItem, calcRound, create, docStyle, floorToDivide, getActiveOrFocusedElement, getPageSizeInches, getVisibleElements, initialState, isPortraitOrientation, isValidRotation, isValidScrollMode, isValidSpreadMode, normalizeWheelEventDelta, normalizeWheelEventDirection, parseQueryString, removeNullCharacters, scrollIntoView, toggleCheckedBtn, toggleExpandedBtn, watchScroll };