@getflip/swirl-components 0.189.0 → 0.191.0

package/dist/components/swirl-pdf-reader.js

@@ -31,383 +31,380 @@ import { d as defineCustomElement$3 } from './swirl-text2.js';
 import { d as defineCustomElement$2 } from './swirl-visually-hidden2.js';
 
 const swirlPdfReaderCss = ":host{--thumbnails-width:7rem;display:block}:host *{box-sizing:border-box}.pdf-reader{position:fixed;z-index:var(--s-z-40);background-color:var(--s-surface-raised-default);inset:0;touch-action:pan-x pan-y}.pdf-reader[aria-hidden=\"true\"]{display:none}.pdf-reader:not(.pdf-reader--closing) .pdf-reader__body{animation:0.15s pdf-reader-fade-in}@media (prefers-reduced-motion){.pdf-reader:not(.pdf-reader--closing) .pdf-reader__body{animation:none}}.pdf-reader--closing{animation:0.15s pdf-reader-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.pdf-reader--closing{animation:none}}.pdf-reader--show-thumbnails .pdf-reader__thumbnails{max-width:var(--thumbnails-width)}.pdf-reader--show-thumbnails .pdf-reader__floating-tools{left:calc(var(--s-space-16) + var(--thumbnails-width))}.pdf-reader--hide-menu .pdf-reader__menu{display:none}.pdf-reader__body{position:relative;width:100%;height:100%}.pdf-reader__header{display:flex;height:4rem;padding-right:var(--s-space-16);padding-left:var(--s-space-16);align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);gap:var(--s-space-8)}.pdf-reader__header-left,.pdf-reader__header-right{display:flex;flex-grow:1;align-items:center;gap:var(--s-space-8)}@media (min-width: 768px){.pdf-reader__header-left,.pdf-reader__header-right{flex-basis:calc(100 / 3 * 1%);flex-grow:0}}.pdf-reader__header-right{justify-content:flex-end}.pdf-reader__header-center{display:none;flex-grow:1;justify-content:center;align-items:center;gap:var(--s-space-16)}@media (min-width: 768px){.pdf-reader__header-center{display:flex}}.pdf-reader__label{overflow:hidden;flex-grow:1;font-weight:var(--s-font-weight-semibold);white-space:nowrap;text-overflow:ellipsis}.pdf-reader__zoom-button-container{display:flex;align-items:center;gap:var(--s-space-8)}.pdf-reader__zoom-button-container>*:not(:last-child){position:relative}.pdf-reader__zoom-button-container>*:not(:last-child):after{position:absolute;top:50%;right:calc(-1 * var(--s-space-4));width:var(--s-border-width-default);height:1.5rem;background-color:var(--s-border-default);content:\"\";transform:translate3d(50%, -50%, 0)}.pdf-reader__zoom-select-container{position:relative}.pdf-reader__zoom-select{display:inline-flex;height:2.5rem;padding-right:var(--s-space-12);padding-right:calc(var(--s-space-8) + 1.5rem + var(--s-space-12));padding-left:var(--s-space-12);justify-content:flex-start;align-items:center;border:var(--s-border-width-default) solid var(--s-border-default);border-radius:var(--s-border-radius-sm);color:var(--s-interactive-neutral-default);background-color:transparent;font:inherit;font-weight:var(--s-font-weight-medium);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.pdf-reader__zoom-select:focus:not(:focus-visible){outline:none}.pdf-reader__zoom-select:focus-visible{outline-color:var(--s-focus-default)}.pdf-reader__zoom-select-icon{position:absolute;top:50%;right:var(--s-space-8);display:inline-flex;transform:translateY(-50%);pointer-events:none}.pdf-reader__content{display:flex;width:100%;height:calc(100% - 4rem)}.pdf-reader__thumbnails{display:flex;overflow-x:hidden;overflow-y:auto;max-width:0;height:100%;padding-top:var(--s-space-16);padding-bottom:var(--s-space-16);flex-basis:var(--thumbnails-width);flex-grow:0;flex-shrink:0;align-items:center;background-color:var(--s-background-default);flex-direction:column;transition:max-width 0.2s linear;box-shadow:inset calc(-1 * var(--s-border-width-default)) 0 0 0\n    var(--s-border-default);gap:var(--s-space-4)}.pdf-reader__thumbnail{width:5rem;margin:0;padding:0;border:var(--s-border-width-default) solid var(--s-border-default);background-color:transparent;cursor:pointer}.pdf-reader__thumbnail>img{display:inline-flex;width:100%}.pdf-reader__thumbnail--active{border-width:0.125rem;border-color:var(--s-border-highlight)}.pdf-reader__viewer{flex-grow:1}.pdf-reader__mobile-zoom-controls{position:absolute;z-index:1;right:var(--s-space-16);bottom:var(--s-space-32);display:flex;padding-bottom:var(--s-space-4);flex-direction:column;gap:var(--s-space-8)}@media (min-width: 768px){.pdf-reader__mobile-zoom-controls{display:none}}.pdf-reader__mobile-zoom-button{display:inline-flex;width:2.5rem;height:2.5rem;justify-content:center;align-items:center;border:none;border-radius:50%;color:var(--s-icon-on-image);background-color:rgba(0, 0, 0, 0.6);cursor:pointer;transition:opacity 0.15s;pointer-events:auto}.pdf-reader__mobile-zoom-button:disabled{cursor:default}.pdf-reader__floating-tools{position:fixed;z-index:1;bottom:var(--s-space-16);left:var(--s-space-16);display:none;flex-direction:column;transition:left 0.2s linear;gap:var(--s-space-12)}@media (min-width: 768px){.pdf-reader__floating-tools{display:flex}}.pdf-reader__floating-tool-button{display:inline-flex;width:2.5rem;height:2.5rem;justify-content:center;align-items:center;border:none;border-radius:50%;color:var(--s-icon-on-image);background-color:rgba(0, 0, 0, 0.6);cursor:pointer}.pdf-reader__meta{display:flex;padding-top:var(--s-space-4);padding-right:var(--s-space-16);padding-bottom:var(--s-space-4);padding-left:var(--s-space-8);align-items:center;gap:var(--s-space-12)}@media (min-width: 768px){.pdf-reader__meta{max-width:18rem}}.pdf-reader__file-icon{display:inline-flex;padding-left:var(--s-space-4);flex-shrink:0}.pdf-reader__file-info{display:flex;min-width:0;flex-grow:1;flex-direction:column}@keyframes pdf-reader-fade-in{from{opacity:0}to{opacity:1}}@keyframes pdf-reader-fade-out{from{opacity:1}to{opacity:0}}";
-const SwirlPdfReaderStyle0 = swirlPdfReaderCss;
 
 const SwirlPdfReader$1 = /*@__PURE__*/ proxyCustomElement(class SwirlPdfReader extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.modalClose = createEvent(this, "modalClose", 7);
-        this.modalOpen = createEvent(this, "modalOpen", 7);
-        this.desktopZoomSteps = [0.5, 0.75, 1, 1.25, 1.5, 2, 3, 4];
-        this.mobileZoomSteps = [0.5, 0.75, 1, 1.25, 1.5];
-        this.toggleViewMode = () => {
-            if (this.viewMode === "single") {
-                this.viewMode = "side-by-side";
-            }
-            else {
-                this.viewMode = "single";
-            }
-        };
-        this.toggleThumbnals = () => {
-            this.showThumbnails = !this.showThumbnails;
-        };
-        this.onKeyDown = (event) => {
-            if (event.code === "Escape") {
-                event.stopImmediatePropagation();
-                this.close();
-            }
-        };
-        this.onActivate = async (event) => {
-            this.pdfViewer = event.detail;
-            this.lockBodyScroll();
-        };
-        this.onVisiblePagesChange = async (event) => {
-            this.visiblePages = event.detail;
-        };
-        this.onCloseButtonClick = () => {
-            this.close();
-        };
-        this.onPrintButtonClick = () => {
-            this.pdfViewer.print();
-            this.menu.close();
-        };
-        this.onDownloadButtonClick = async () => {
-            this.downloading = true;
-            await this.viewer.download();
-            this.downloading = false;
-            this.menu.close();
-        };
-        this.onZoomInButtonClick = () => {
-            const currentZoomStepIndex = this.zoomSteps.indexOf(+this.zoom);
-            this.zoom =
-                currentZoomStepIndex === -1
-                    ? 1
-                    : this.zoomSteps[Math.min(this.zoomSteps.length - 1, currentZoomStepIndex + 1)];
-        };
-        this.onZoomOutButtonClick = () => {
-            const currentZoomStepIndex = this.zoomSteps.indexOf(+this.zoom);
-            this.zoom =
-                currentZoomStepIndex === -1
-                    ? 1
-                    : this.zoomSteps[Math.max(0, currentZoomStepIndex - 1)];
-        };
-        this.onZoomAutoButtonClick = () => {
-            this.zoom = this.zoom === "auto" ? 1 : "auto";
-        };
-        this.onZoomChange = (event) => {
-            const value = event.target.value;
-            this.zoom = value === "auto" ? value : +value;
-        };
-        this.onThumbnailClick = (index) => () => {
-            const page = querySelectorAllDeep(this.el, `[data-page-number="${index + 1}"]`)?.[0];
-            page?.scrollIntoView();
-        };
-        this.autoZoomLabel = "Full width";
-        this.closeButtonLabel = "Close PDF viewer";
-        this.downloadButtonEnabled = true;
-        this.downloadButtonLabel = "Download PDF";
-        this.file = undefined;
-        this.fileName = undefined;
-        this.fileTypeLabel = "PDF Document";
-        this.label = undefined;
-        this.menuLabel = "File menu";
-        this.menuTriggerLabel = "Open file menu";
-        this.pdfWorkerSrc = undefined;
-        this.printButtonEnabled = true;
-        this.printButtonLabel = "Print PDF";
-        this.sideBySideButtonLabel = "Toggle side by side view";
-        this.thumbnailButtonLabel = "Scroll to page";
-        this.thumbnailsButtonLabel = "Toggle thumbnails";
-        this.thumbnailsLabel = "Page thumbnails";
-        this.zoomInButtonLabel = "Zoom in";
-        this.zoomOutButtonLabel = "Zoom out";
-        this.zoomSelectLabel = "Select zoom";
-        this.active = false;
-        this.closing = false;
-        this.downloading = false;
-        this.loadingThumbnails = false;
-        this.thumbnails = [];
-        this.showThumbnails = undefined;
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.modalClose = createEvent(this, "modalClose", 7);
+    this.modalOpen = createEvent(this, "modalOpen", 7);
+    this.desktopZoomSteps = [0.5, 0.75, 1, 1.25, 1.5, 2, 3, 4];
+    this.mobileZoomSteps = [0.5, 0.75, 1, 1.25, 1.5];
+    this.toggleViewMode = () => {
+      if (this.viewMode === "single") {
+        this.viewMode = "side-by-side";
+      }
+      else {
         this.viewMode = "single";
-        this.visiblePages = [];
-        this.zoom = undefined;
-        this.zoomSteps = undefined;
-    }
-    componentWillLoad() {
-        this.updateZoomSteps();
-        this.zoom = isMobileViewport() ? "auto" : 1;
-    }
-    componentDidLoad() {
-        this.modal = new A11yDialog(this.modalEl);
-    }
-    disconnectedCallback() {
-        this.unlockBodyScroll();
-        this.modal?.destroy();
-    }
-    onWindowResize() {
-        if (!Boolean(this.pdfViewer)) {
-            return;
-        }
-        this.updateZoomSteps();
-        this.zoom = isMobileViewport() ? "auto" : 1;
-    }
-    watchShowThumbnails() {
-        if (this.showThumbnails) {
-            this.loadingThumbnails = true;
-            queueMicrotask(async () => {
-                await this.generateThumbnails();
-                this.loadingThumbnails = false;
-            });
-        }
+      }
+    };
+    this.toggleThumbnals = () => {
+      this.showThumbnails = !this.showThumbnails;
+    };
+    this.onKeyDown = (event) => {
+      if (event.code === "Escape") {
+        event.stopImmediatePropagation();
+        this.close();
+      }
+    };
+    this.onActivate = async (event) => {
+      this.pdfViewer = event.detail;
+      this.lockBodyScroll();
+    };
+    this.onVisiblePagesChange = async (event) => {
+      this.visiblePages = event.detail;
+    };
+    this.onCloseButtonClick = () => {
+      this.close();
+    };
+    this.onPrintButtonClick = () => {
+      this.pdfViewer.print();
+      this.menu.close();
+    };
+    this.onDownloadButtonClick = async () => {
+      this.downloading = true;
+      await this.viewer.download();
+      this.downloading = false;
+      this.menu.close();
+    };
+    this.onZoomInButtonClick = () => {
+      const currentZoomStepIndex = this.zoomSteps.indexOf(+this.zoom);
+      this.zoom =
+        currentZoomStepIndex === -1
+          ? 1
+          : this.zoomSteps[Math.min(this.zoomSteps.length - 1, currentZoomStepIndex + 1)];
+    };
+    this.onZoomOutButtonClick = () => {
+      const currentZoomStepIndex = this.zoomSteps.indexOf(+this.zoom);
+      this.zoom =
+        currentZoomStepIndex === -1
+          ? 1
+          : this.zoomSteps[Math.max(0, currentZoomStepIndex - 1)];
+    };
+    this.onZoomAutoButtonClick = () => {
+      this.zoom = this.zoom === "auto" ? 1 : "auto";
+    };
+    this.onZoomChange = (event) => {
+      const value = event.target.value;
+      this.zoom = value === "auto" ? value : +value;
+    };
+    this.onThumbnailClick = (index) => () => {
+      const page = querySelectorAllDeep(this.el, `[data-page-number="${index + 1}"]`)?.[0];
+      page?.scrollIntoView();
+    };
+    this.autoZoomLabel = "Full width";
+    this.closeButtonLabel = "Close PDF viewer";
+    this.downloadButtonEnabled = true;
+    this.downloadButtonLabel = "Download PDF";
+    this.file = undefined;
+    this.fileName = undefined;
+    this.fileTypeLabel = "PDF Document";
+    this.label = undefined;
+    this.menuLabel = "File menu";
+    this.menuTriggerLabel = "Open file menu";
+    this.pdfWorkerSrc = undefined;
+    this.printButtonEnabled = true;
+    this.printButtonLabel = "Print PDF";
+    this.sideBySideButtonLabel = "Toggle side by side view";
+    this.thumbnailButtonLabel = "Scroll to page";
+    this.thumbnailsButtonLabel = "Toggle thumbnails";
+    this.thumbnailsLabel = "Page thumbnails";
+    this.zoomInButtonLabel = "Zoom in";
+    this.zoomOutButtonLabel = "Zoom out";
+    this.zoomSelectLabel = "Select zoom";
+    this.active = false;
+    this.closing = false;
+    this.downloading = false;
+    this.loadingThumbnails = false;
+    this.thumbnails = [];
+    this.showThumbnails = undefined;
+    this.viewMode = "single";
+    this.visiblePages = [];
+    this.zoom = undefined;
+    this.zoomSteps = undefined;
+  }
+  componentWillLoad() {
+    this.updateZoomSteps();
+    this.zoom = isMobileViewport() ? "auto" : 1;
+  }
+  componentDidLoad() {
+    this.modal = new A11yDialog(this.modalEl);
+  }
+  disconnectedCallback() {
+    this.unlockBodyScroll();
+    this.modal?.destroy();
+  }
+  onWindowResize() {
+    if (!Boolean(this.pdfViewer)) {
+      return;
     }
-    /**
-     * Open the reader.
-     */
-    async open() {
-        this.modal.show();
-        this.active = true;
-        this.modalOpen.emit();
-    }
-    /**
-     * Close the reader.
-     */
-    async close() {
-        if (this.closing) {
-            return;
-        }
-        this.closing = true;
-        this.unlockBodyScroll();
-        setTimeout(() => {
-            this.modal.hide();
-            this.closing = false;
-            this.active = false;
-            this.modalClose.emit();
-        }, 150);
-    }
-    lockBodyScroll() {
-        const scrollContainer = this.pdfViewer.shadowRoot.querySelector(".file-viewer-pdf__pages");
-        if (Boolean(scrollContainer)) {
-            disableBodyScroll(scrollContainer);
-        }
+    this.updateZoomSteps();
+    this.zoom = isMobileViewport() ? "auto" : 1;
+  }
+  watchShowThumbnails() {
+    if (this.showThumbnails) {
+      this.loadingThumbnails = true;
+      queueMicrotask(async () => {
+        await this.generateThumbnails();
+        this.loadingThumbnails = false;
+      });
     }
-    unlockBodyScroll() {
-        const scrollContainer = this.pdfViewer.shadowRoot.querySelector(".file-viewer-pdf__pages");
-        if (Boolean(scrollContainer)) {
-            enableBodyScroll(scrollContainer);
-        }
+  }
+  /**
+   * Open the reader.
+   */
+  async open() {
+    this.modal.show();
+    this.active = true;
+    this.modalOpen.emit();
+  }
+  /**
+   * Close the reader.
+   */
+  async close() {
+    if (this.closing) {
+      return;
     }
-    async generateThumbnails() {
-        this.thumbnails = await this.pdfViewer.getThumbnails();
+    this.closing = true;
+    this.unlockBodyScroll();
+    setTimeout(() => {
+      this.modal.hide();
+      this.closing = false;
+      this.active = false;
+      this.modalClose.emit();
+    }, 150);
+  }
+  lockBodyScroll() {
+    const scrollContainer = this.pdfViewer.shadowRoot.querySelector(".file-viewer-pdf__pages");
+    if (Boolean(scrollContainer)) {
+      disableBodyScroll(scrollContainer);
     }
-    updateZoomSteps() {
-        this.zoomSteps = isMobileViewport()
-            ? this.mobileZoomSteps
-            : this.desktopZoomSteps;
+  }
+  unlockBodyScroll() {
+    const scrollContainer = this.pdfViewer.shadowRoot.querySelector(".file-viewer-pdf__pages");
+    if (Boolean(scrollContainer)) {
+      enableBodyScroll(scrollContainer);
     }
-    render() {
-        const hasMenuItems = Boolean(this.el.querySelector("[slot='menu-items']")) ||
-            this.printButtonEnabled ||
-            this.downloadButtonEnabled;
-        const className = classnames("pdf-reader", {
-            "pdf-reader--closing": this.closing,
-            "pdf-reader--hide-menu": !hasMenuItems,
-            "pdf-reader--show-thumbnails": this.showThumbnails,
+  }
+  async generateThumbnails() {
+    this.thumbnails = await this.pdfViewer.getThumbnails();
+  }
+  updateZoomSteps() {
+    this.zoomSteps = isMobileViewport()
+      ? this.mobileZoomSteps
+      : this.desktopZoomSteps;
+  }
+  render() {
+    const hasMenuItems = Boolean(this.el.querySelector("[slot='menu-items']")) ||
+      this.printButtonEnabled ||
+      this.downloadButtonEnabled;
+    const className = classnames("pdf-reader", {
+      "pdf-reader--closing": this.closing,
+      "pdf-reader--hide-menu": !hasMenuItems,
+      "pdf-reader--show-thumbnails": this.showThumbnails,
+    });
+    return (h(Host, null, h("section", { "aria-hidden": "true", "aria-label": this.label, class: className, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, h("div", { class: "pdf-reader__body", role: "document" }, h("header", { class: "pdf-reader__header" }, h("span", { class: "pdf-reader__header-left" }, h("swirl-button", { class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), h("span", { class: "pdf-reader__label" }, this.label)), h("span", { class: "pdf-reader__header-center" }, h("span", { class: "pdf-reader__zoom-button-container" }, h("swirl-button", { class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[0], hideLabel: true, icon: "<swirl-icon-remove></swirl-icon-remove>", label: this.zoomOutButtonLabel, onClick: this.onZoomOutButtonClick }), h("swirl-button", { class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], hideLabel: true, icon: "<swirl-icon-add></swirl-icon-add>", label: this.zoomInButtonLabel, onClick: this.onZoomInButtonClick })), h("span", { class: "pdf-reader__zoom-select-container" }, h("select", { "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, h("option", { selected: this.zoom === "auto", value: "auto" }, this.autoZoomLabel), this.zoomSteps.map((zoom) => (h("option", { key: zoom, selected: this.zoom === zoom, value: zoom }, zoom * 100, "%")))), h("swirl-icon-expand-more", { class: "pdf-reader__zoom-select-icon" }))), h("span", { class: "pdf-reader__header-right" }, h("swirl-popover-trigger", { swirlPopover: this.menu }, h("swirl-button", { class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), h("span", { class: "pdf-reader__floating-tools" }, h("button", { "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, h("swirl-icon-menu-book", null)), h("button", { "aria-controls": "thumbnails", "aria-expanded": String(Boolean(this.showThumbnails)), "aria-label": this.thumbnailsButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleThumbnals, type: "button" }, h("swirl-icon-file-copy", null)))), h("div", { class: "pdf-reader__content" }, h("nav", { "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && h("swirl-spinner", null), !this.loadingThumbnails &&
+      this.thumbnails.map((thumbnail, index) => {
+        const thumbnailClassName = classnames("pdf-reader__thumbnail", {
+          "pdf-reader__thumbnail--active": this.visiblePages[0] === index + 1,
         });
-        return (h(Host, { key: '2ec9db212e5ceccff8f18c35dd742bc8d05d38f2' }, h("section", { key: 'ca3f5f0077cdbe44ba559bf8411f5479e9501748', "aria-hidden": "true", "aria-label": this.label, class: className, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, h("div", { key: '272c468c2f1d991ff4c5dc06be8d8b7f8c4db662', class: "pdf-reader__body", role: "document" }, h("header", { key: '863316e76339bf6dbeeda5f25fc9778812d9ba7c', class: "pdf-reader__header" }, h("span", { key: 'ac1bfb181d6e30b7270df098ce622bab1ab731b3', class: "pdf-reader__header-left" }, h("swirl-button", { key: 'dc974011bc07f496f80b258ca84790b1dec1cdc5', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), h("span", { key: 'c6407fc540e832efa5106dccb8b978801fe2415c', class: "pdf-reader__label" }, this.label)), h("span", { key: 'a16a237c470c6a5b4797a78b07fa0304f55cd17e', class: "pdf-reader__header-center" }, h("span", { key: 'a1c349c79b5a8267048260072c39dbe7ad39e8a1', class: "pdf-reader__zoom-button-container" }, h("swirl-button", { key: '10ceea07d738198782d60f8372a40567733f3450', class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[0], hideLabel: true, icon: "<swirl-icon-remove></swirl-icon-remove>", label: this.zoomOutButtonLabel, onClick: this.onZoomOutButtonClick }), h("swirl-button", { key: 'caf5aebcc91cb564ede7d6b3f23479b1328e2851', class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], hideLabel: true, icon: "<swirl-icon-add></swirl-icon-add>", label: this.zoomInButtonLabel, onClick: this.onZoomInButtonClick })), h("span", { key: '1d2748ecfdacbf2671e4f6cafd4c270fc9e65809', class: "pdf-reader__zoom-select-container" }, h("select", { key: '45101635139c4b91d49e0bce68dce27dd17dcbe5', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, h("option", { key: '4f23dad7c73ba814f3ec16c4200b3886ce08ca2f', selected: this.zoom === "auto", value: "auto" }, this.autoZoomLabel), this.zoomSteps.map((zoom) => (h("option", { key: zoom, selected: this.zoom === zoom, value: zoom }, zoom * 100, "%")))), h("swirl-icon-expand-more", { key: 'a8de7b585eb54adfb372445519db06f1dcd40843', class: "pdf-reader__zoom-select-icon" }))), h("span", { key: '54c9a91e985426c21e02065c175eb5275b4d3321', class: "pdf-reader__header-right" }, h("swirl-popover-trigger", { key: '9e6ceb0929e9d2f16994f5eecadc0e793d7cbaa5', swirlPopover: this.menu }, h("swirl-button", { key: '7baea45c343f0381611eb95becfd70a0cbb88954', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), h("span", { key: '249440f5e96863101eff61051cf9d6e9a5d64141', class: "pdf-reader__floating-tools" }, h("button", { key: 'e0fca50c529114650f3536a022d297bb66fd2ab5', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, h("swirl-icon-menu-book", { key: '32b17f6c29048268590463d9cd3e1342654bbba0' })), h("button", { key: '8d0eabc3fc6acc6f3ed787d929ed8830fb720473', "aria-controls": "thumbnails", "aria-expanded": String(Boolean(this.showThumbnails)), "aria-label": this.thumbnailsButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleThumbnals, type: "button" }, h("swirl-icon-file-copy", { key: '065b261c656b32f506fd093f48f01feaa8773098' })))), h("div", { key: '0f4cf7a0f1c7d4f210fe704bfeb47e0f525fd88f', class: "pdf-reader__content" }, h("nav", { key: '042ed91a8a1d904cedd10ba4f79fa1e1f797fec1', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && h("swirl-spinner", { key: '2c2dc23eca378c50e4e05bf1ad2e2fd5e95f9f00' }), !this.loadingThumbnails &&
-            this.thumbnails.map((thumbnail, index) => {
-                const thumbnailClassName = classnames("pdf-reader__thumbnail", {
-                    "pdf-reader__thumbnail--active": this.visiblePages[0] === index + 1,
-                });
-                return (h("button", { "aria-label": `${this.thumbnailButtonLabel} ${index + 1}`, class: thumbnailClassName, onClick: this.onThumbnailClick(index), type: "button" }, h("img", { src: thumbnail.toDataURL("image/png"), alt: "" })));
-            })), h("swirl-file-viewer", { key: '8ec3e4afb7d9986326379916eb403909d18d828f', active: this.active, class: "pdf-reader__viewer", file: this.file, fileName: this.fileName, onActivate: this.onActivate, onVisiblePagesChange: this.onVisiblePagesChange, pdfWorkerSrc: this.pdfWorkerSrc, ref: (el) => (this.viewer = el), type: "application/pdf", viewMode: this.viewMode, zoom: this.zoom }), h("div", { key: '2bc6af249b4a23e8e71fd4ee3388b7776d663575', class: "pdf-reader__mobile-zoom-controls" }, h("button", { key: '0e01a073d5f5dae056adff7afdd682642e7b967a', "aria-label": this.autoZoomLabel, class: "pdf-reader__mobile-zoom-button", onClick: this.onZoomAutoButtonClick, type: "button" }, this.zoom === "auto" ? (h("swirl-icon-fullscreen-exit", null)) : (h("swirl-icon-fullscreen", null))), h("button", { key: 'd095cdb1aa3e6bc42b51555e8c46a0677500b9bc', "aria-label": this.zoomInButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], onClick: this.onZoomInButtonClick, type: "button" }, h("swirl-icon-add", { key: '3b6054c7bf41fdec91771c22f9e8be57c77831fe' })), h("button", { key: '2598dd62d3ee179caff7762e9c5937ddbdbe3da6', "aria-label": this.zoomOutButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[0], onClick: this.onZoomOutButtonClick, type: "button" }, h("swirl-icon-remove", { key: '43aa7a99b4099ea5f02002345c5e2901cfba9abe' }))))), h("swirl-popover", { key: '90558d61c978ed5a7701a4f72d2f3f33a1e51a11', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: 'fdc1f17aa35a900953fa4a2cf6db99e15e9bdf2d' }, h("div", { key: '746f82c1c654cf2e455e8dedc628b8c4a1450164', class: "pdf-reader__meta" }, h("div", { key: '949fa11686fdf982c6cd3aa9a5ccab20855a7e30', class: "pdf-reader__file-icon" }, h("svg", { key: '7bbd64687e8000129d124efd35a274a164d635ff', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, h("path", { key: 'b63c0909ba0d298d7b1508dc9d2f9809e4ea2346', d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), h("path", { key: '87f7d63e2e1001c907759fbe26ac872394793682', d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), h("path", { key: 'fb2aaaeb6154e00c4a249b9c1d50c5f3d23e7e56', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), h("path", { key: 'd6cd9905b3debef44c40aa45a38d29ffab17eca5', d: "M3.59961 9.00001C3.59961 8.0059 4.4055 7.20001 5.39961 7.20001H14.854C15.3314 7.20001 15.7893 7.38965 16.1268 7.72722L19.8724 11.4728C20.21 11.8104 20.3996 12.2682 20.3996 12.7456V27C20.3996 27.9941 19.5937 28.8 18.5996 28.8H5.39961C4.4055 28.8 3.59961 27.9941 3.59961 27V9.00001Z", fill: "#FF574D" }), h("path", { key: '902b02b92a48ae233adaad8a82229add06f8a1e1', d: "M15.5996 7.36166V10.2C15.5996 11.1941 16.4055 12 17.3996 12H20.2379C20.3237 12.1884 20.3768 12.3913 20.3937 12.6H17.3996C16.0785 12.6 15.0067 11.5325 14.9996 10.213L14.9996 7.20587C15.2083 7.2228 15.4112 7.27593 15.5996 7.36166Z", fill: "white" }), h("path", { key: '82d92df763ebb096b4ab8fb224f8830ae5a3e9a9', d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), h("path", { key: '4197dba2630de1d558e56faa8a599ce38ab4ad47', d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), h("path", { key: '925bd929ec34ec3baeb966e8092ed3d68e586e97', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), h("div", { key: '4cb0a5c4c01a003ec62603f04024708978a73068', class: "pdf-reader__file-info" }, h("swirl-text", { key: 'f1d6af1f43c3268d0cf77f49e56eb6cedeca0ee9', truncate: true, weight: "semibold" }, this.label), h("swirl-text", { key: '0595b387814dca94ac646da9bcc5f9ea8daee5a0', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && h("swirl-separator", { key: '9db0acbbbaa17d27697293ad2b420360c1e9eaff' }), h("swirl-action-list", { key: '8d0ac9edc9ac917139b210379c6a3083ea954ef8', class: "pdf-reader__menu" }, this.printButtonEnabled && (h("swirl-action-list-item", { key: '5bb1cc3b70f6f70084fab417c16ac208260bb4ee', class: "pdf-reader__print-button", icon: "<swirl-icon-print></swirl-icon-print>", label: this.printButtonLabel, onClick: this.onPrintButtonClick })), this.downloadButtonEnabled && (h("swirl-action-list-item", { key: 'fdaf34f96d9ce5c875f38ab6b62bbc59ca181c97', class: "pdf-reader__download-button", disabled: this.downloading, icon: !this.downloading
-                ? "<swirl-icon-download></swirl-icon-download>"
-                : '<swirl-spinner size="xs"></swirl-spinner>', label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), h("slot", { key: 'a23ac23cd1f3467ec7ab62fc8b739a48b1171498', name: "menu-items" })))))));
-    }
-    get el() { return this; }
-    static get watchers() { return {
-        "showThumbnails": ["watchShowThumbnails"]
-    }; }
-    static get style() { return SwirlPdfReaderStyle0; }
+        return (h("button", { "aria-label": `${this.thumbnailButtonLabel} ${index + 1}`, class: thumbnailClassName, onClick: this.onThumbnailClick(index), type: "button" }, h("img", { src: thumbnail.toDataURL("image/png"), alt: "" })));
+      })), h("swirl-file-viewer", { active: this.active, class: "pdf-reader__viewer", file: this.file, fileName: this.fileName, onActivate: this.onActivate, onVisiblePagesChange: this.onVisiblePagesChange, pdfWorkerSrc: this.pdfWorkerSrc, ref: (el) => (this.viewer = el), type: "application/pdf", viewMode: this.viewMode, zoom: this.zoom }), h("div", { class: "pdf-reader__mobile-zoom-controls" }, h("button", { "aria-label": this.autoZoomLabel, class: "pdf-reader__mobile-zoom-button", onClick: this.onZoomAutoButtonClick, type: "button" }, this.zoom === "auto" ? (h("swirl-icon-fullscreen-exit", null)) : (h("swirl-icon-fullscreen", null))), h("button", { "aria-label": this.zoomInButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], onClick: this.onZoomInButtonClick, type: "button" }, h("swirl-icon-add", null)), h("button", { "aria-label": this.zoomOutButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[0], onClick: this.onZoomOutButtonClick, type: "button" }, h("swirl-icon-remove", null))))), h("swirl-popover", { animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", null, h("div", { class: "pdf-reader__meta" }, h("div", { class: "pdf-reader__file-icon" }, h("svg", { fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, h("path", { d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), h("path", { d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), h("path", { d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), h("path", { d: "M3.59961 9.00001C3.59961 8.0059 4.4055 7.20001 5.39961 7.20001H14.854C15.3314 7.20001 15.7893 7.38965 16.1268 7.72722L19.8724 11.4728C20.21 11.8104 20.3996 12.2682 20.3996 12.7456V27C20.3996 27.9941 19.5937 28.8 18.5996 28.8H5.39961C4.4055 28.8 3.59961 27.9941 3.59961 27V9.00001Z", fill: "#FF574D" }), h("path", { d: "M15.5996 7.36166V10.2C15.5996 11.1941 16.4055 12 17.3996 12H20.2379C20.3237 12.1884 20.3768 12.3913 20.3937 12.6H17.3996C16.0785 12.6 15.0067 11.5325 14.9996 10.213L14.9996 7.20587C15.2083 7.2228 15.4112 7.27593 15.5996 7.36166Z", fill: "white" }), h("path", { d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), h("path", { d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), h("path", { d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), h("div", { class: "pdf-reader__file-info" }, h("swirl-text", { truncate: true, weight: "semibold" }, this.label), h("swirl-text", { color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && h("swirl-separator", null), h("swirl-action-list", { class: "pdf-reader__menu" }, this.printButtonEnabled && (h("swirl-action-list-item", { class: "pdf-reader__print-button", icon: "<swirl-icon-print></swirl-icon-print>", label: this.printButtonLabel, onClick: this.onPrintButtonClick })), this.downloadButtonEnabled && (h("swirl-action-list-item", { class: "pdf-reader__download-button", disabled: this.downloading, icon: !this.downloading
+        ? "<swirl-icon-download></swirl-icon-download>"
+        : '<swirl-spinner size="xs"></swirl-spinner>', label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), h("slot", { name: "menu-items" })))))));
+  }
+  get el() { return this; }
+  static get watchers() { return {
+    "showThumbnails": ["watchShowThumbnails"]
+  }; }
+  static get style() { return swirlPdfReaderCss; }
 }, [1, "swirl-pdf-reader", {
-        "autoZoomLabel": [1, "auto-zoom-label"],
-        "closeButtonLabel": [1, "close-button-label"],
-        "downloadButtonEnabled": [4, "download-button-enabled"],
-        "downloadButtonLabel": [1, "download-button-label"],
-        "file": [1],
-        "fileName": [1, "file-name"],
-        "fileTypeLabel": [1, "file-type-label"],
-        "label": [1],
-        "menuLabel": [1, "menu-label"],
-        "menuTriggerLabel": [1, "menu-trigger-label"],
-        "pdfWorkerSrc": [1, "pdf-worker-src"],
-        "printButtonEnabled": [4, "print-button-enabled"],
-        "printButtonLabel": [1, "print-button-label"],
-        "sideBySideButtonLabel": [1, "side-by-side-button-label"],
-        "thumbnailButtonLabel": [1, "thumbnail-button-label"],
-        "thumbnailsButtonLabel": [1, "thumbnails-button-label"],
-        "thumbnailsLabel": [1, "thumbnails-label"],
-        "zoomInButtonLabel": [1, "zoom-in-button-label"],
-        "zoomOutButtonLabel": [1, "zoom-out-button-label"],
-        "zoomSelectLabel": [1, "zoom-select-label"],
-        "active": [32],
-        "closing": [32],
-        "downloading": [32],
-        "loadingThumbnails": [32],
-        "thumbnails": [32],
-        "showThumbnails": [32],
-        "viewMode": [32],
-        "visiblePages": [32],
-        "zoom": [32],
-        "zoomSteps": [32],
-        "open": [64],
-        "close": [64]
-    }, [[9, "resize", "onWindowResize"]], {
-        "showThumbnails": ["watchShowThumbnails"]
-    }]);
+    "autoZoomLabel": [1, "auto-zoom-label"],
+    "closeButtonLabel": [1, "close-button-label"],
+    "downloadButtonEnabled": [4, "download-button-enabled"],
+    "downloadButtonLabel": [1, "download-button-label"],
+    "file": [1],
+    "fileName": [1, "file-name"],
+    "fileTypeLabel": [1, "file-type-label"],
+    "label": [1],
+    "menuLabel": [1, "menu-label"],
+    "menuTriggerLabel": [1, "menu-trigger-label"],
+    "pdfWorkerSrc": [1, "pdf-worker-src"],
+    "printButtonEnabled": [4, "print-button-enabled"],
+    "printButtonLabel": [1, "print-button-label"],
+    "sideBySideButtonLabel": [1, "side-by-side-button-label"],
+    "thumbnailButtonLabel": [1, "thumbnail-button-label"],
+    "thumbnailsButtonLabel": [1, "thumbnails-button-label"],
+    "thumbnailsLabel": [1, "thumbnails-label"],
+    "zoomInButtonLabel": [1, "zoom-in-button-label"],
+    "zoomOutButtonLabel": [1, "zoom-out-button-label"],
+    "zoomSelectLabel": [1, "zoom-select-label"],
+    "active": [32],
+    "closing": [32],
+    "downloading": [32],
+    "loadingThumbnails": [32],
+    "thumbnails": [32],
+    "showThumbnails": [32],
+    "viewMode": [32],
+    "visiblePages": [32],
+    "zoom": [32],
+    "zoomSteps": [32],
+    "open": [64],
+    "close": [64]
+  }, [[9, "resize", "onWindowResize"]]]);
 function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["swirl-pdf-reader", "swirl-action-list", "swirl-action-list-item", "swirl-button", "swirl-file-viewer", "swirl-file-viewer-audio", "swirl-file-viewer-csv", "swirl-file-viewer-image", "swirl-file-viewer-pdf", "swirl-file-viewer-text", "swirl-file-viewer-video", "swirl-icon-add", "swirl-icon-error", "swirl-icon-expand-more", "swirl-icon-file-copy", "swirl-icon-fullscreen", "swirl-icon-fullscreen-exit", "swirl-icon-menu-book", "swirl-icon-remove", "swirl-inline-error", "swirl-popover", "swirl-popover-trigger", "swirl-separator", "swirl-spinner", "swirl-stack", "swirl-text", "swirl-visually-hidden"];
-    components.forEach(tagName => { switch (tagName) {
-        case "swirl-pdf-reader":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, SwirlPdfReader$1);
-            }
-            break;
-        case "swirl-action-list":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$r();
-            }
-            break;
-        case "swirl-action-list-item":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$q();
-            }
-            break;
-        case "swirl-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$p();
-            }
-            break;
-        case "swirl-file-viewer":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$o();
-            }
-            break;
-        case "swirl-file-viewer-audio":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$n();
-            }
-            break;
-        case "swirl-file-viewer-csv":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$m();
-            }
-            break;
-        case "swirl-file-viewer-image":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$l();
-            }
-            break;
-        case "swirl-file-viewer-pdf":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$k();
-            }
-            break;
-        case "swirl-file-viewer-text":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$j();
-            }
-            break;
-        case "swirl-file-viewer-video":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$i();
-            }
-            break;
-        case "swirl-icon-add":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$h();
-            }
-            break;
-        case "swirl-icon-error":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$g();
-            }
-            break;
-        case "swirl-icon-expand-more":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$f();
-            }
-            break;
-        case "swirl-icon-file-copy":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$e();
-            }
-            break;
-        case "swirl-icon-fullscreen":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$d();
-            }
-            break;
-        case "swirl-icon-fullscreen-exit":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$c();
-            }
-            break;
-        case "swirl-icon-menu-book":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$b();
-            }
-            break;
-        case "swirl-icon-remove":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$a();
-            }
-            break;
-        case "swirl-inline-error":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$9();
-            }
-            break;
-        case "swirl-popover":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$8();
-            }
-            break;
-        case "swirl-popover-trigger":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$7();
-            }
-            break;
-        case "swirl-separator":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "swirl-spinner":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "swirl-stack":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "swirl-text":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "swirl-visually-hidden":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["swirl-pdf-reader", "swirl-action-list", "swirl-action-list-item", "swirl-button", "swirl-file-viewer", "swirl-file-viewer-audio", "swirl-file-viewer-csv", "swirl-file-viewer-image", "swirl-file-viewer-pdf", "swirl-file-viewer-text", "swirl-file-viewer-video", "swirl-icon-add", "swirl-icon-error", "swirl-icon-expand-more", "swirl-icon-file-copy", "swirl-icon-fullscreen", "swirl-icon-fullscreen-exit", "swirl-icon-menu-book", "swirl-icon-remove", "swirl-inline-error", "swirl-popover", "swirl-popover-trigger", "swirl-separator", "swirl-spinner", "swirl-stack", "swirl-text", "swirl-visually-hidden"];
+  components.forEach(tagName => { switch (tagName) {
+    case "swirl-pdf-reader":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SwirlPdfReader$1);
+      }
+      break;
+    case "swirl-action-list":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$r();
+      }
+      break;
+    case "swirl-action-list-item":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$q();
+      }
+      break;
+    case "swirl-button":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$p();
+      }
+      break;
+    case "swirl-file-viewer":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$o();
+      }
+      break;
+    case "swirl-file-viewer-audio":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$n();
+      }
+      break;
+    case "swirl-file-viewer-csv":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$m();
+      }
+      break;
+    case "swirl-file-viewer-image":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$l();
+      }
+      break;
+    case "swirl-file-viewer-pdf":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$k();
+      }
+      break;
+    case "swirl-file-viewer-text":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$j();
+      }
+      break;
+    case "swirl-file-viewer-video":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$i();
+      }
+      break;
+    case "swirl-icon-add":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$h();
+      }
+      break;
+    case "swirl-icon-error":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$g();
+      }
+      break;
+    case "swirl-icon-expand-more":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$f();
+      }
+      break;
+    case "swirl-icon-file-copy":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$e();
+      }
+      break;
+    case "swirl-icon-fullscreen":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$d();
+      }
+      break;
+    case "swirl-icon-fullscreen-exit":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$c();
+      }
+      break;
+    case "swirl-icon-menu-book":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$b();
+      }
+      break;
+    case "swirl-icon-remove":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$a();
+      }
+      break;
+    case "swirl-inline-error":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$9();
+      }
+      break;
+    case "swirl-popover":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$8();
+      }
+      break;
+    case "swirl-popover-trigger":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$7();
+      }
+      break;
+    case "swirl-separator":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$6();
+      }
+      break;
+    case "swirl-spinner":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$5();
+      }
+      break;
+    case "swirl-stack":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$4();
+      }
+      break;
+    case "swirl-text":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$3();
+      }
+      break;
+    case "swirl-visually-hidden":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+  } });
 }
 defineCustomElement$1();