@getflip/swirl-components 0.452.1 → 0.453.0

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

@@ -1,441 +1 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { d as disableBodyScroll, e as enableBodyScroll } from './bodyScrollLock.esm.js';
-import { c as classNames } from './index2.js';
-import { q as querySelectorAllDeep, i as isMobileViewport } from './utils.js';
-import { d as defineCustomElement$t } from './swirl-action-list2.js';
-import { d as defineCustomElement$s } from './swirl-action-list-item2.js';
-import { d as defineCustomElement$r } from './swirl-button2.js';
-import { d as defineCustomElement$q } from './swirl-file-viewer2.js';
-import { d as defineCustomElement$p } from './swirl-file-viewer-audio2.js';
-import { d as defineCustomElement$o } from './swirl-file-viewer-csv2.js';
-import { d as defineCustomElement$n } from './swirl-file-viewer-fallback2.js';
-import { d as defineCustomElement$m } from './swirl-file-viewer-image2.js';
-import { d as defineCustomElement$l } from './swirl-file-viewer-pdf2.js';
-import { d as defineCustomElement$k } from './swirl-file-viewer-text2.js';
-import { d as defineCustomElement$j } from './swirl-file-viewer-video2.js';
-import { d as defineCustomElement$i } from './swirl-icon-add2.js';
-import { d as defineCustomElement$h } from './swirl-icon-error2.js';
-import { d as defineCustomElement$g } from './swirl-icon-expand-more2.js';
-import { d as defineCustomElement$f } from './swirl-icon-file2.js';
-import { d as defineCustomElement$e } from './swirl-icon-file-copy2.js';
-import { d as defineCustomElement$d } from './swirl-icon-fullscreen2.js';
-import { d as defineCustomElement$c } from './swirl-icon-fullscreen-exit2.js';
-import { d as defineCustomElement$b } from './swirl-icon-menu-book2.js';
-import { d as defineCustomElement$a } from './swirl-icon-remove2.js';
-import { d as defineCustomElement$9 } from './swirl-inline-error2.js';
-import { d as defineCustomElement$8 } from './swirl-popover2.js';
-import { d as defineCustomElement$7 } from './swirl-popover-trigger2.js';
-import { d as defineCustomElement$6 } from './swirl-separator2.js';
-import { d as defineCustomElement$5 } from './swirl-spinner2.js';
-import { d as defineCustomElement$4 } from './swirl-stack2.js';
-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;border:none;padding:0;width:100%;height:100%;max-width:none;max-height:none;overflow:visible}.pdf-reader::backdrop{display:none}.pdf-reader:not([open]){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);min-width:0}@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;flex-shrink:0}.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 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.autoZoomLabel = "Full width";
-        this.closeButtonLabel = "Close PDF viewer";
-        this.downloadButtonEnabled = true;
-        this.downloadButtonLabel = "Download PDF";
-        this.fileTypeLabel = "PDF Document";
-        this.menuLabel = "File menu";
-        this.menuTriggerLabel = "Open file menu";
-        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.skipNativeDownload = false;
-        this.active = false;
-        this.closing = false;
-        this.opening = false;
-        this.downloading = false;
-        this.loadingThumbnails = false;
-        this.thumbnails = [];
-        this.viewMode = "single";
-        this.visiblePages = [];
-        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.onClose = () => {
-            this.closing = false;
-            this.active = false;
-            this.modalClose.emit();
-        };
-        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();
-                event.preventDefault();
-                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();
-        };
-    }
-    componentWillLoad() {
-        this.updateZoomSteps();
-        this.zoom = isMobileViewport() ? "auto" : 1;
-    }
-    componentDidLoad() {
-        this.ensureOpening();
-        this.setDialogCustomProps();
-    }
-    disconnectedCallback() {
-        this.unlockBodyScroll();
-        if (this.modalEl?.open) {
-            this.modalEl.close();
-        }
-    }
-    ensureOpening() {
-        if (this.opening && !this.modalEl?.open) {
-            this.open();
-        }
-    }
-    setDialogCustomProps() {
-        this.modalEl.setAttribute("closedby", "none");
-    }
-    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;
-            });
-        }
-    }
-    /**
-     * Open the reader.
-     */
-    async open() {
-        this.opening = true;
-        if (!this.modalEl) {
-            return;
-        }
-        this.modalEl.showModal();
-        this.active = true;
-        this.modalOpen.emit();
-    }
-    /**
-     * Close the reader.
-     */
-    async close() {
-        if (this.closing) {
-            return;
-        }
-        this.closing = true;
-        this.unlockBodyScroll();
-        setTimeout(() => {
-            this.modalEl.close();
-        }, 150);
-    }
-    lockBodyScroll() {
-        const scrollContainer = this.pdfViewer?.shadowRoot.querySelector(".file-viewer-pdf__pages");
-        if (Boolean(scrollContainer)) {
-            disableBodyScroll(scrollContainer);
-        }
-    }
-    unlockBodyScroll() {
-        const scrollContainer = this.pdfViewer?.shadowRoot.querySelector(".file-viewer-pdf__pages");
-        if (Boolean(scrollContainer)) {
-            enableBodyScroll(scrollContainer);
-        }
-    }
-    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, { key: '6e2a0ef7e088ce14a5fd19336ef5d4a3d9f815cb' }, h("dialog", { key: '61d065e65a668bd91d37870fe0b5576e57a85484', "aria-label": this.label, class: className, id: "pdf-reader", onClose: this.onClose, onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, h("div", { key: '04803f62d28d3541dcb2207834ad38d6b6f6b9cd', class: "pdf-reader__body", role: "document" }, h("header", { key: '3674948855364e91b1b96ba5d7d84e4547d51969', class: "pdf-reader__header" }, h("span", { key: '649f9c1e403ca19f58eaf04aed51f9296ad634bf', class: "pdf-reader__header-left" }, h("swirl-button", { key: '9f186029dc33663c11775535844957853620748e', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), h("span", { key: '85a27e9a905383998a3e94e27efee673d06b268a', class: "pdf-reader__label" }, this.label)), h("span", { key: 'b3ae3cf7affccc8dadc8a52e08667f3da0b19eef', class: "pdf-reader__header-center" }, h("span", { key: '0072d3dd0b68bcfdcc42977cb28362ff4de1128e', class: "pdf-reader__zoom-button-container" }, h("swirl-button", { key: '183a1252908631e3edf218584d3547e1c1dd67c2', 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: 'b38cf95b83befb7669414c6d1d71084cc699d325', 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: '520790ac8515b80623e2bc2c20e567774cf3b1a4', class: "pdf-reader__zoom-select-container" }, h("select", { key: 'bfd4065b60d6d82c3121d2f0b645cbb65f64ca6a', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, h("option", { key: '45770804efe9f081613a4e3583837bdd3746988a', 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: '2519ee598505355dee2c706f496635c2f521a345', class: "pdf-reader__zoom-select-icon" }))), h("span", { key: 'b64bc2cab60ebaf870793dc014f0de946e288489', class: "pdf-reader__header-right" }, h("swirl-popover-trigger", { key: '751cd6a8d8ffd39d2c1279c72c7b71d690a8b357', swirlPopover: this.menu }, h("swirl-button", { key: '4f846a23c83d329147db22469f696cf39f3b8b74', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), h("span", { key: '854f8991f058652539a6c7890eb5b64188a212ba', class: "pdf-reader__floating-tools" }, h("button", { key: '9a4255eba93b172129fe709598be217f634c4ecf', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, h("swirl-icon-menu-book", { key: '87e491c9f0d2d6a43dc53edf4ee5bf0d0b6d862e' })), h("button", { key: '663a6916c8658c8ef27f85b352845d878640059b', "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: '7f4f9727a8813ea6a90802d283d887a2b1d9f6e7' })))), h("div", { key: '1cf17d55090433d034c5cd94e03070918f1893a4', class: "pdf-reader__content" }, h("nav", { key: 'dd79d80a1f8372685cb429d52f15466b9ce8d418', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && h("swirl-spinner", { key: '1ef099eae9d47c4a2fc9d44f021b4d5ea8b30e46' }), !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: '0a3e19958d60ed376ad17984003ae7acdeb0b3a9', active: this.active, class: "pdf-reader__viewer", disablePrint: !this.printButtonEnabled, 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, skipNativeDownload: this.skipNativeDownload }), h("div", { key: 'b913716b10cc237fc5415e433663120579fc4e4d', class: "pdf-reader__mobile-zoom-controls" }, h("button", { key: '643c64b72c01ea82029f93ebd6bb20575f026097', "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: 'ed8752a1e73b4668337b995e039fa73ecb6b4bc1', "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: '1674731fe3284c8b4a1884db59dc2e680ea13506' })), h("button", { key: '00753248fc6c813293dbdd8fce728716451d5df4', "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: '32ee39fb2fc02fe9defc76d27edea3ba19f4cd18' }))))), h("swirl-popover", { key: '2bcc67859475ee5b9f6e3eea4fd2fcc2b682e629', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: '8d05f43ab2a5796a0742ac4bad6eee17f3ce7f3b' }, h("div", { key: '2ab12c8f9feae2cb416f1a1bbae64f7ccae3382b', class: "pdf-reader__meta" }, h("div", { key: 'e23601d3e798326702725b3dbbacf54a6d6c8ac6', class: "pdf-reader__file-icon" }, h("svg", { key: '97b54f98359c5e121f76d36b96c5562852a1e145', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, h("path", { key: '5a75a2dadd9ea68a911f6993d63f9a3bdb529acd', 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: '59a977834d192ee86c2b825b0757c1fd006bf3f7', 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: '15621f1ab3a0465f10f6ffaa9ade5176cfd7f1d4', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), h("path", { key: '0b8ae4455e238b86c5ce19cf165154d03039dfad', 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: '34387da1d9c91b3e02df76185bbff703789b07d0', 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: 'ab54d797d41f49151e4317719c5b01e58aa13591', 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: '8a59642955b8960e897d433843ac721a45c8ceec', 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: 'ceab5148051eef8df8a83ffb1046bddc783c7a37', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), h("div", { key: '55829bfbf3a4ce39eda999ddab815e3561e2b8ed', class: "pdf-reader__file-info" }, h("swirl-text", { key: '3afa73863d58ebcb94496d0787fe6cbe2514a3d2', truncate: true, weight: "semibold" }, this.label), h("swirl-text", { key: 'e0fda936ee6d3902d2de0e6f1b2d7f0bfbc0ec2f', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && h("swirl-separator", { key: '0d6be87dcb22703f877853ce2b5870fff14890cb' }), h("swirl-action-list", { key: 'c8167da1b445730d129ac25f8c863c1bac87a0f9', class: "pdf-reader__menu" }, this.printButtonEnabled && (h("swirl-action-list-item", { key: '6089a684a0a23dca41b680d4d727aea4903fd4af', 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: '01ba9adc3397a29a416ebe45bbd45f0e097e6f1c', 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: '93ab55c5bcc406461d609c53045fa9c7a83c5114', 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"],
-        "skipNativeDownload": [4, "skip-native-download"],
-        "active": [32],
-        "closing": [32],
-        "opening": [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"]
-    }]);
-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-fallback", "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", "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$t();
-            }
-            break;
-        case "swirl-action-list-item":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$s();
-            }
-            break;
-        case "swirl-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$r();
-            }
-            break;
-        case "swirl-file-viewer":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$q();
-            }
-            break;
-        case "swirl-file-viewer-audio":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$p();
-            }
-            break;
-        case "swirl-file-viewer-csv":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$o();
-            }
-            break;
-        case "swirl-file-viewer-fallback":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$n();
-            }
-            break;
-        case "swirl-file-viewer-image":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$m();
-            }
-            break;
-        case "swirl-file-viewer-pdf":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$l();
-            }
-            break;
-        case "swirl-file-viewer-text":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$k();
-            }
-            break;
-        case "swirl-file-viewer-video":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$j();
-            }
-            break;
-        case "swirl-icon-add":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$i();
-            }
-            break;
-        case "swirl-icon-error":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$h();
-            }
-            break;
-        case "swirl-icon-expand-more":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$g();
-            }
-            break;
-        case "swirl-icon-file":
-            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;
-    } });
-}
-
-const SwirlPdfReader = SwirlPdfReader$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { SwirlPdfReader, defineCustomElement };
+import{proxyCustomElement as e,HTMLElement as i,createEvent as a,h as s,Host as t,transformTag as r}from"@stencil/core/internal/client";import{d as o,e as l}from"./bodyScrollLock.esm.js";import{c as d}from"./index2.js";import{q as n,i as c}from"./utils.js";import{d as f}from"./swirl-action-list2.js";import{d as b}from"./swirl-action-list-item2.js";import{d as h}from"./swirl-button2.js";import{d as p}from"./swirl-file-viewer2.js";import{d as m}from"./swirl-file-viewer-audio2.js";import{d as u}from"./swirl-file-viewer-csv2.js";import{d as w}from"./swirl-file-viewer-fallback2.js";import{d as _}from"./swirl-file-viewer-image2.js";import{d as v}from"./swirl-file-viewer-pdf2.js";import{d as g}from"./swirl-file-viewer-text2.js";import{d as k}from"./swirl-file-viewer-video2.js";import{d as y}from"./swirl-icon-add2.js";import{d as x}from"./swirl-icon-error2.js";import{d as C}from"./swirl-icon-expand-more2.js";import{d as z}from"./swirl-icon-file2.js";import{d as j}from"./swirl-icon-file-copy2.js";import{d as E}from"./swirl-icon-fullscreen2.js";import{d as H}from"./swirl-icon-fullscreen-exit2.js";import{d as V}from"./swirl-icon-menu-book2.js";import{d as L}from"./swirl-icon-remove2.js";import{d as M}from"./swirl-inline-error2.js";import{d as Z}from"./swirl-popover2.js";import{d as S}from"./swirl-popover-trigger2.js";import{d as B}from"./swirl-separator2.js";import{d as T}from"./swirl-spinner2.js";import{d as D}from"./swirl-stack2.js";import{d as P}from"./swirl-text2.js";import{d as F}from"./swirl-visually-hidden2.js";const W=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.modalClose=a(this,"modalClose",7),this.modalOpen=a(this,"modalOpen",7),this.autoZoomLabel="Full width",this.closeButtonLabel="Close PDF viewer",this.downloadButtonEnabled=!0,this.downloadButtonLabel="Download PDF",this.fileTypeLabel="PDF Document",this.menuLabel="File menu",this.menuTriggerLabel="Open file menu",this.printButtonEnabled=!0,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.skipNativeDownload=!1,this.active=!1,this.closing=!1,this.opening=!1,this.downloading=!1,this.loadingThumbnails=!1,this.thumbnails=[],this.viewMode="single",this.visiblePages=[],this.desktopZoomSteps=[.5,.75,1,1.25,1.5,2,3,4],this.mobileZoomSteps=[.5,.75,1,1.25,1.5],this.onClose=()=>{this.closing=!1,this.active=!1,this.modalClose.emit()},this.toggleViewMode=()=>{this.viewMode="single"===this.viewMode?"side-by-side":"single"},this.toggleThumbnals=()=>{this.showThumbnails=!this.showThumbnails},this.onKeyDown=e=>{"Escape"===e.code&&(e.stopImmediatePropagation(),e.preventDefault(),this.close())},this.onActivate=async e=>{this.pdfViewer=e.detail,this.lockBodyScroll()},this.onVisiblePagesChange=async e=>{this.visiblePages=e.detail},this.onCloseButtonClick=()=>{this.close()},this.onPrintButtonClick=()=>{this.pdfViewer.print(),this.menu.close()},this.onDownloadButtonClick=async()=>{this.downloading=!0,await this.viewer.download(),this.downloading=!1,this.menu.close()},this.onZoomInButtonClick=()=>{const e=this.zoomSteps.indexOf(+this.zoom);this.zoom=-1===e?1:this.zoomSteps[Math.min(this.zoomSteps.length-1,e+1)]},this.onZoomOutButtonClick=()=>{const e=this.zoomSteps.indexOf(+this.zoom);this.zoom=-1===e?1:this.zoomSteps[Math.max(0,e-1)]},this.onZoomAutoButtonClick=()=>{this.zoom="auto"===this.zoom?1:"auto"},this.onZoomChange=e=>{const i=e.target.value;this.zoom="auto"===i?i:+i},this.onThumbnailClick=e=>()=>{const i=n(this.el,`[data-page-number="${e+1}"]`)?.[0];i?.scrollIntoView()}}componentWillLoad(){this.updateZoomSteps(),this.zoom=c()?"auto":1}componentDidLoad(){this.ensureOpening(),this.setDialogCustomProps()}disconnectedCallback(){this.unlockBodyScroll(),this.modalEl?.open&&this.modalEl.close()}ensureOpening(){this.opening&&!this.modalEl?.open&&this.open()}setDialogCustomProps(){this.modalEl.setAttribute("closedby","none")}onWindowResize(){this.pdfViewer&&(this.updateZoomSteps(),this.zoom=c()?"auto":1)}watchShowThumbnails(){this.showThumbnails&&(this.loadingThumbnails=!0,queueMicrotask((async()=>{await this.generateThumbnails(),this.loadingThumbnails=!1})))}async open(){this.opening=!0,this.modalEl&&(this.modalEl.showModal(),this.active=!0,this.modalOpen.emit())}async close(){this.closing||(this.closing=!0,this.unlockBodyScroll(),setTimeout((()=>{this.modalEl.close()}),150))}lockBodyScroll(){const e=this.pdfViewer?.shadowRoot.querySelector(".file-viewer-pdf__pages");e&&o(e)}unlockBodyScroll(){const e=this.pdfViewer?.shadowRoot.querySelector(".file-viewer-pdf__pages");e&&l(e)}async generateThumbnails(){this.thumbnails=await this.pdfViewer.getThumbnails()}updateZoomSteps(){this.zoomSteps=c()?this.mobileZoomSteps:this.desktopZoomSteps}render(){const e=!!this.el.querySelector("[slot='menu-items']")||this.printButtonEnabled||this.downloadButtonEnabled,i=d("pdf-reader",{"pdf-reader--closing":this.closing,"pdf-reader--hide-menu":!e,"pdf-reader--show-thumbnails":this.showThumbnails});return s(t,{key:"cf259dce44c60ef67e6d38003193566af5509b42"},s("dialog",{key:"28f33a65d8df4d0b03faa7c01eb9dda9b6b33141","aria-label":this.label,class:i,id:"pdf-reader",onClose:this.onClose,onKeyDown:this.onKeyDown,ref:e=>this.modalEl=e},s("div",{key:"dd657bb8f4478de5b6a18b56fdc0de172075d533",class:"pdf-reader__body",role:"document"},s("header",{key:"8946807affd1d5b2fd069e68c1af1120d0ca0ff1",class:"pdf-reader__header"},s("span",{key:"0ad12a9ca0e7cd9ffb65c71d34e5a4e40961c29f",class:"pdf-reader__header-left"},s("swirl-button",{key:"10181622168ab505ad00b5ae11776cfac4dfae67",class:"pdf-reader__close-button",hideLabel:!0,icon:"<swirl-icon-close></swirl-icon-close>",label:this.closeButtonLabel,onClick:this.onCloseButtonClick}),s("span",{key:"c0099ba6acab46ed2bba257b5c6ce4fadafef6c3",class:"pdf-reader__label"},this.label)),s("span",{key:"0f116c8b54af6f12595fee376ea8aa98bdf71633",class:"pdf-reader__header-center"},s("span",{key:"af511a5a01e86cc8e8ed68887973bfefaad4795f",class:"pdf-reader__zoom-button-container"},s("swirl-button",{key:"01766c778274d2cc0349c7283310140c2faf3c25",class:"pdf-reader__zoom-button",disabled:this.zoom===this.zoomSteps[0],hideLabel:!0,icon:"<swirl-icon-remove></swirl-icon-remove>",label:this.zoomOutButtonLabel,onClick:this.onZoomOutButtonClick}),s("swirl-button",{key:"31ed1d607fc54840f4394bc0ea9add043071150d",class:"pdf-reader__zoom-button",disabled:this.zoom===this.zoomSteps[this.zoomSteps.length-1],hideLabel:!0,icon:"<swirl-icon-add></swirl-icon-add>",label:this.zoomInButtonLabel,onClick:this.onZoomInButtonClick})),s("span",{key:"8ddb68dafe3338850c4663020a9b61dbb0ed5a8a",class:"pdf-reader__zoom-select-container"},s("select",{key:"6d12770ed5768a2bff5619e27de1078026784978","aria-label":this.zoomSelectLabel,class:"pdf-reader__zoom-select",name:"zoom-select",id:"zoom-select",onChange:this.onZoomChange},s("option",{key:"c1ec55294afe2713b351d20e4573b619c95ec6a2",selected:"auto"===this.zoom,value:"auto"},this.autoZoomLabel),this.zoomSteps.map((e=>s("option",{key:e,selected:this.zoom===e,value:e},100*e,"%")))),s("swirl-icon-expand-more",{key:"534762fe7622dcbd8404f7af2a48a62881a215ec",class:"pdf-reader__zoom-select-icon"}))),s("span",{key:"c323981f3dce819cbce441640c054842bf86edb8",class:"pdf-reader__header-right"},s("swirl-popover-trigger",{key:"02f712b7160c7684da0e02a8e01f54ee2c64b475",swirlPopover:this.menu},s("swirl-button",{key:"45a065abfa8175fbdee577b6663f2f8728d5a67f",class:"pdf-reader__menu-button",hideLabel:!0,icon:"<swirl-icon-more-vertikal></swirl-icon-more-vertikal>",label:this.menuTriggerLabel}))),s("span",{key:"07af70e0f93f721239d5b904ac2f0525ef06ee1a",class:"pdf-reader__floating-tools"},s("button",{key:"d0e870a855bc7d2704bd3091ae46f31d1681bb43","aria-label":this.sideBySideButtonLabel,class:"pdf-reader__floating-tool-button",onClick:this.toggleViewMode,type:"button"},s("swirl-icon-menu-book",{key:"073c0996682165eecb75b1adcedd253a9116a9cb"})),s("button",{key:"465216ac5e9236ecbbdadf04ad301137b1069f33","aria-controls":"thumbnails","aria-expanded":!!this.showThumbnails+"","aria-label":this.thumbnailsButtonLabel,class:"pdf-reader__floating-tool-button",onClick:this.toggleThumbnals,type:"button"},s("swirl-icon-file-copy",{key:"2e881adb26b20460db5bd421afd95eae61994006"})))),s("div",{key:"88cea968038b5105cf5572996252a8bc5b8f6d2f",class:"pdf-reader__content"},s("nav",{key:"f6c02579fd87c2eeb077296e2ad44aee9b4afa85","aria-label":this.thumbnailsLabel,class:"pdf-reader__thumbnails",id:"thumbnails"},this.loadingThumbnails&&s("swirl-spinner",{key:"9c15e39ae434b8c62e7b2e0f4cd9d97ac1e15a6a"}),!this.loadingThumbnails&&this.thumbnails.map(((e,i)=>{const a=d("pdf-reader__thumbnail",{"pdf-reader__thumbnail--active":this.visiblePages[0]===i+1});return s("button",{"aria-label":`${this.thumbnailButtonLabel} ${i+1}`,class:a,onClick:this.onThumbnailClick(i),type:"button"},s("img",{src:e.toDataURL("image/png"),alt:""}))}))),s("swirl-file-viewer",{key:"c505dbfa829011ddd3a50d4085f1475856822794",active:this.active,class:"pdf-reader__viewer",disablePrint:!this.printButtonEnabled,file:this.file,fileName:this.fileName,onActivate:this.onActivate,onVisiblePagesChange:this.onVisiblePagesChange,pdfWorkerSrc:this.pdfWorkerSrc,ref:e=>this.viewer=e,type:"application/pdf",viewMode:this.viewMode,zoom:this.zoom,skipNativeDownload:this.skipNativeDownload}),s("div",{key:"917c19b35c2151ac629915a4d880784847d011a0",class:"pdf-reader__mobile-zoom-controls"},s("button",{key:"deab7cce29a4fa157139d2d7b4879fc21c224065","aria-label":this.autoZoomLabel,class:"pdf-reader__mobile-zoom-button",onClick:this.onZoomAutoButtonClick,type:"button"},s("auto"===this.zoom?"swirl-icon-fullscreen-exit":"swirl-icon-fullscreen",null)),s("button",{key:"f1e9ec3be77a8c5d7cca706a015506c835d2349e","aria-label":this.zoomInButtonLabel,class:"pdf-reader__mobile-zoom-button",disabled:this.zoom===this.zoomSteps[this.zoomSteps.length-1],onClick:this.onZoomInButtonClick,type:"button"},s("swirl-icon-add",{key:"996c8f973f1064105adb161ace313d0bc673e833"})),s("button",{key:"8a385c8ebc638e6d149ce82156a1b8fe2b86371d","aria-label":this.zoomOutButtonLabel,class:"pdf-reader__mobile-zoom-button",disabled:this.zoom===this.zoomSteps[0],onClick:this.onZoomOutButtonClick,type:"button"},s("swirl-icon-remove",{key:"35690be9f93b0384f59488cc891bd5beb4d2ddb5"}))))),s("swirl-popover",{key:"b3765572210e7181ab67a6065ecdbde937255beb",animation:"scale-in-y",disableScrollLock:!0,id:"menu",label:this.menuLabel,placement:"bottom-end",ref:e=>this.menu=e},s("swirl-stack",{key:"62260289b84c4da66159a049603ae56c5967eb6c"},s("div",{key:"f7ab5679f9b987faa020fea7d04140ca4949cbe8",class:"pdf-reader__meta"},s("div",{key:"ec08e7411b334af0f6f8f50ea6c0c534d6af1aff",class:"pdf-reader__file-icon"},s("svg",{key:"179a71a36a40a14f392f7181beaece46e2743d26",fill:"none",height:"36",viewBox:"0 0 24 36",width:"24"},s("path",{key:"2d17ba5c10f7c50dcbcd75136264211459bc884a",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"}),s("path",{key:"e202f71b472fc1c4a320b7667b9c28833e7bf3ff",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"}),s("path",{key:"e777a26d9a7d09ae284ef28f7de54245800457d1",d:"M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z",fill:"white"}),s("path",{key:"bbfc77d0ac578d1d76ef02b1a0d21776cd9ac1c2",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"}),s("path",{key:"85582527647026d09b3e58d30d82875e30d4f842",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"}),s("path",{key:"39d8b8d38b0d7be27e8ae9cc19843bea6ffb230e",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"}),s("path",{key:"7a6a28d497bbbcd57a5fc41a36ff6ad0f1c1ea30",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"}),s("path",{key:"6149125778b410e447b44a33c24adbd823be1273",d:"M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z",fill:"white"}))),s("div",{key:"2654dcd20123d323390b729a17cfbbf95019205c",class:"pdf-reader__file-info"},s("swirl-text",{key:"d749775f399ea0ff20edd91ac7c2b1690d336750",truncate:!0,weight:"semibold"},this.label),s("swirl-text",{key:"e0036174a3623193bd15a18a1d85bbfe185561ac",color:"subdued",size:"sm",truncate:!0},this.fileTypeLabel))),e&&s("swirl-separator",{key:"e1cfbe70982c31ab68f9e585edc2a331db5b7157"}),s("swirl-action-list",{key:"80b8972f9297fa804797abfbfa5614a64fb985d1",class:"pdf-reader__menu"},this.printButtonEnabled&&s("swirl-action-list-item",{key:"b773fb5f6e960d67cf5488e0510354159d39a9cd",class:"pdf-reader__print-button",icon:"<swirl-icon-print></swirl-icon-print>",label:this.printButtonLabel,onClick:this.onPrintButtonClick}),this.downloadButtonEnabled&&s("swirl-action-list-item",{key:"9367c01235adf92a06fc266f24601b8cb9d76f56",class:"pdf-reader__download-button",disabled:this.downloading,icon:this.downloading?'<swirl-spinner size="xs"></swirl-spinner>':"<swirl-icon-download></swirl-icon-download>",label:this.downloadButtonLabel,onClick:this.onDownloadButtonClick}),s("slot",{key:"b6ba8dfbeb5300c9836a31d082f6837197212b9e",name:"menu-items"}))))))}get el(){return this}static get watchers(){return{showThumbnails:[{watchShowThumbnails:0}]}}static get style(){return':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;border:none;padding:0;width:100%;height:100%;max-width:none;max-height:none;overflow:visible}.pdf-reader::backdrop{display:none}.pdf-reader:not([open]){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);min-width:0}@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;flex-shrink:0}.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     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}}'}},[257,"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"],skipNativeDownload:[4,"skip-native-download"],active:[32],closing:[32],opening:[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:0}]}]),N=W,O=function(){"undefined"!=typeof customElements&&["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-fallback","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","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"].forEach((e=>{switch(e){case"swirl-pdf-reader":customElements.get(r(e))||customElements.define(r(e),W);break;case"swirl-action-list":customElements.get(r(e))||f();break;case"swirl-action-list-item":customElements.get(r(e))||b();break;case"swirl-button":customElements.get(r(e))||h();break;case"swirl-file-viewer":customElements.get(r(e))||p();break;case"swirl-file-viewer-audio":customElements.get(r(e))||m();break;case"swirl-file-viewer-csv":customElements.get(r(e))||u();break;case"swirl-file-viewer-fallback":customElements.get(r(e))||w();break;case"swirl-file-viewer-image":customElements.get(r(e))||_();break;case"swirl-file-viewer-pdf":customElements.get(r(e))||v();break;case"swirl-file-viewer-text":customElements.get(r(e))||g();break;case"swirl-file-viewer-video":customElements.get(r(e))||k();break;case"swirl-icon-add":customElements.get(r(e))||y();break;case"swirl-icon-error":customElements.get(r(e))||x();break;case"swirl-icon-expand-more":customElements.get(r(e))||C();break;case"swirl-icon-file":customElements.get(r(e))||z();break;case"swirl-icon-file-copy":customElements.get(r(e))||j();break;case"swirl-icon-fullscreen":customElements.get(r(e))||E();break;case"swirl-icon-fullscreen-exit":customElements.get(r(e))||H();break;case"swirl-icon-menu-book":customElements.get(r(e))||V();break;case"swirl-icon-remove":customElements.get(r(e))||L();break;case"swirl-inline-error":customElements.get(r(e))||M();break;case"swirl-popover":customElements.get(r(e))||Z();break;case"swirl-popover-trigger":customElements.get(r(e))||S();break;case"swirl-separator":customElements.get(r(e))||B();break;case"swirl-spinner":customElements.get(r(e))||T();break;case"swirl-stack":customElements.get(r(e))||D();break;case"swirl-text":customElements.get(r(e))||P();break;case"swirl-visually-hidden":customElements.get(r(e))||F()}}))};export{N as SwirlPdfReader,O as defineCustomElement}

package/dist/components/swirl-popover-trigger.js

@@ -1,6 +1 @@
-import { S as SwirlPopoverTrigger$1, d as defineCustomElement$1 } from './swirl-popover-trigger2.js';
-
-const SwirlPopoverTrigger = SwirlPopoverTrigger$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { SwirlPopoverTrigger, defineCustomElement };
+import{S as r,d as o}from"./swirl-popover-trigger2.js";const s=r,p=o;export{s as SwirlPopoverTrigger,p as defineCustomElement}