@getflip/swirl-components-react 0.530.0 → 0.531.1

package/dist/swirl-pdf-reader.entry.08bdba1e.js

@@ -0,0 +1,120 @@
+import { r as n, c as d, h as e, H as c, g as f } from "./index.74f90c9e.js";
+import { c as l } from "./index-orsBiyT_.fc4357c3.js";
+import { q as h, i as s } from "./utils-CCck-DTo.e4e43b6a.js";
+import { d as b, e as p } from "./body-scroll-lock-BkJDOYVb.e3ad4cd3.js";
+import "react";
+import "react-dom";
+const m = () => ':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-neutral-subdued);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:calc(4rem + env(safe-area-inset-top, 0));padding-top:env(safe-area-inset-top, 0);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}}', u = class {
+  constructor(o) {
+    n(this, o), this.modalClose = d(this, "modalClose", 3), this.modalOpen = d(this, "modalOpen", 3), 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 = [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 = !1, this.active = !1, this.modalClose.emit();
+    }, this.toggleViewMode = () => {
+      this.viewMode === "single" ? this.viewMode = "side-by-side" : this.viewMode = "single";
+    }, this.toggleThumbnals = () => {
+      this.showThumbnails = !this.showThumbnails;
+    }, this.onKeyDown = (a) => {
+      a.code === "Escape" && (a.stopImmediatePropagation(), a.preventDefault(), this.close());
+    }, this.onActivate = async (a) => {
+      this.pdfViewer = a.detail, this.lockBodyScroll();
+    }, this.onVisiblePagesChange = async (a) => {
+      this.visiblePages = a.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 a = this.zoomSteps.indexOf(+this.zoom);
+      this.zoom = a === -1 ? 1 : this.zoomSteps[Math.min(this.zoomSteps.length - 1, a + 1)];
+    }, this.onZoomOutButtonClick = () => {
+      const a = this.zoomSteps.indexOf(+this.zoom);
+      this.zoom = a === -1 ? 1 : this.zoomSteps[Math.max(0, a - 1)];
+    }, this.onZoomAutoButtonClick = () => {
+      this.zoom = this.zoom === "auto" ? 1 : "auto";
+    }, this.onZoomChange = (a) => {
+      const t = a.target.value;
+      this.zoom = t === "auto" ? t : +t;
+    }, this.onThumbnailClick = (a) => () => {
+      var i;
+      const t = (i = h(this.el, `[data-page-number="${a + 1}"]`)) == null ? void 0 : i[0];
+      t == null || t.scrollIntoView();
+    };
+  }
+  componentWillLoad() {
+    this.updateZoomSteps(), this.zoom = s() ? "auto" : 1;
+  }
+  componentDidLoad() {
+    this.ensureOpening(), this.setDialogCustomProps();
+  }
+  disconnectedCallback() {
+    var o;
+    this.unlockBodyScroll(), (o = this.modalEl) != null && o.open && this.modalEl.close();
+  }
+  ensureOpening() {
+    var o;
+    this.opening && !((o = this.modalEl) != null && o.open) && this.open();
+  }
+  setDialogCustomProps() {
+    this.modalEl.setAttribute("closedby", "none");
+  }
+  onWindowResize() {
+    !Boolean(this.pdfViewer) || (this.updateZoomSteps(), this.zoom = s() ? "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() {
+    var a;
+    const o = (a = this.pdfViewer) == null ? void 0 : a.shadowRoot.querySelector(".file-viewer-pdf__pages");
+    Boolean(o) && b(o);
+  }
+  unlockBodyScroll() {
+    var a;
+    const o = (a = this.pdfViewer) == null ? void 0 : a.shadowRoot.querySelector(".file-viewer-pdf__pages");
+    Boolean(o) && p(o);
+  }
+  async generateThumbnails() {
+    this.thumbnails = await this.pdfViewer.getThumbnails();
+  }
+  updateZoomSteps() {
+    this.zoomSteps = s() ? this.mobileZoomSteps : this.desktopZoomSteps;
+  }
+  render() {
+    const o = Boolean(this.el.querySelector("[slot='menu-items']")) || this.printButtonEnabled || this.downloadButtonEnabled, a = l("pdf-reader", {
+      "pdf-reader--closing": this.closing,
+      "pdf-reader--hide-menu": !o,
+      "pdf-reader--show-thumbnails": this.showThumbnails
+    });
+    return e(c, { key: "1006cf013e2d4ea0d4039759427ec9bf10676df9" }, e("dialog", { key: "2f974b2edf927568ad017dcf6481c97630e8bb06", "aria-label": this.label, class: a, id: "pdf-reader", onClose: this.onClose, onKeyDown: this.onKeyDown, ref: (t) => this.modalEl = t }, e("div", { key: "fc19608ff71abb538741726510122241e5ce89b5", class: "pdf-reader__body", role: "document" }, e("header", { key: "448bd7fe2e2e740ff120537f644f4c571fdfe768", class: "pdf-reader__header" }, e("span", { key: "7b375193185d974bbd30a887216c9aabf61dd9dd", class: "pdf-reader__header-left" }, e("swirl-button", { key: "f739b6312de673b4a48446b1bec7b7c09fe3db09", class: "pdf-reader__close-button", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), e("span", { key: "ff39941114f27cb130cd807821ea4188ba0a8666", class: "pdf-reader__label" }, this.label)), e("span", { key: "b583e2e83aed3e24d7926e053cd9f60471731bde", class: "pdf-reader__header-center" }, e("span", { key: "eec4c412e09fede06c80f51bf4a290342e552a19", class: "pdf-reader__zoom-button-container" }, e("swirl-button", { key: "a6fb91dc2f92be2c43eedee74a1a0a2031626b43", 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 }), e("swirl-button", { key: "2b509952ebb7e116eba38ce6e3ce62febab2dd38", 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 })), e("span", { key: "270d99e8eae2cc6d09fbf4bbd0ae327b09b03498", class: "pdf-reader__zoom-select-container" }, e("select", { key: "e17b921b9fb21d98bc22b4fcc7595912e4273088", "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, e("option", { key: "9d4ea4f0988c9356facf8c7290e3a9c26ed55bf0", selected: this.zoom === "auto", value: "auto" }, this.autoZoomLabel), this.zoomSteps.map((t) => e("option", { key: t, selected: this.zoom === t, value: t }, t * 100, "%"))), e("swirl-icon-expand-more", { key: "61cca8c066b33c91efbdbbfe1b07d369c628e104", class: "pdf-reader__zoom-select-icon" }))), e("span", { key: "c2c4ed52895ed70746c39cda257870f3517dab96", class: "pdf-reader__header-right" }, e("swirl-popover-trigger", { key: "0610f7e7ccdc93eb6819a01804538a96b9fe9568", swirlPopover: this.menu }, e("swirl-button", { key: "e9fce0f1e6d6b72322b937e06e43d8054c038b5e", class: "pdf-reader__menu-button", hideLabel: !0, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), e("span", { key: "8016dd44bdfb34e290c7d9c09945f96814e844a1", class: "pdf-reader__floating-tools" }, e("button", { key: "07d29479f07234c3581dc28a267c121d760af369", "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, e("swirl-icon-menu-book", { key: "f6c20782d1ad10dddfcc35c54826f93feb8cae1d" })), e("button", { key: "592e6c80ad9fe25e44f3d13e485e9b91e863940c", "aria-controls": "thumbnails", "aria-expanded": String(Boolean(this.showThumbnails)), "aria-label": this.thumbnailsButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleThumbnals, type: "button" }, e("swirl-icon-file-copy", { key: "66ceb450e978b743e7ecd50485fb58a4f2a6ac95" })))), e("div", { key: "ef0bcbcd10e61367d3f10e4c0c54d3a680f5262b", class: "pdf-reader__content" }, e("nav", { key: "3b439496d8d2c4d2e081c9214e0151f4c56311f2", "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && e("swirl-spinner", { key: "5451c141691c773666d77c356c76a7a19fcf36c9" }), !this.loadingThumbnails && this.thumbnails.map((t, i) => {
+      const r = l("pdf-reader__thumbnail", {
+        "pdf-reader__thumbnail--active": this.visiblePages[0] === i + 1
+      });
+      return e("button", { "aria-label": `${this.thumbnailButtonLabel} ${i + 1}`, class: r, onClick: this.onThumbnailClick(i), type: "button" }, e("img", { src: t.toDataURL("image/png"), alt: "" }));
+    })), e("swirl-file-viewer", { key: "66535291146aa772a541f3940957bea9a7ae86ff", 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: (t) => this.viewer = t, type: "application/pdf", viewMode: this.viewMode, zoom: this.zoom, skipNativeDownload: this.skipNativeDownload }), e("div", { key: "b6d626c05b68d7c313ae497d0de253999b83dcbe", class: "pdf-reader__mobile-zoom-controls" }, e("button", { key: "95ba19b5f85655ba1347f8763e4bed773bc2c6fd", "aria-label": this.autoZoomLabel, class: "pdf-reader__mobile-zoom-button", onClick: this.onZoomAutoButtonClick, type: "button" }, this.zoom === "auto" ? e("swirl-icon-fullscreen-exit", null) : e("swirl-icon-fullscreen", null)), e("button", { key: "adb71904d16624aecb16b7407cdcecff6da47f97", "aria-label": this.zoomInButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], onClick: this.onZoomInButtonClick, type: "button" }, e("swirl-icon-add", { key: "fdede4558ac8b817faa03ca1da91269b6191d3ff" })), e("button", { key: "26b37f80c2b95831009146c4a668ceb831a7337e", "aria-label": this.zoomOutButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[0], onClick: this.onZoomOutButtonClick, type: "button" }, e("swirl-icon-remove", { key: "92c7b9028dbccf022c1d67ef71404cddaea1868e" }))))), e("swirl-popover", { key: "0ea60a378df42b172f325bb95227f2fdc144af3c", animation: "scale-in-y", disableScrollLock: !0, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (t) => this.menu = t }, e("swirl-stack", { key: "3aaa4d0b54e8fdc567cc78d10174d10e0ef5b4fe" }, e("div", { key: "0f9c71cef2600350e9061bd49b3634e396fa476a", class: "pdf-reader__meta" }, e("div", { key: "9eabab28117f2f896f5f3864d09444829fadd8de", class: "pdf-reader__file-icon" }, e("svg", { key: "e83129465659b5d984f9d8a61497f74aa6337353", fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, e("path", { key: "bd5bd8d5cf62aa3a2fec396976b2074fa7300ad4", 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" }), e("path", { key: "1081f059bad7868b83faf26dba3b0ab6fecfca84", 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" }), e("path", { key: "1eb59f58297b80c98e061242744f1c3e9e4c00a6", d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), e("path", { key: "885999ec5b575d64a47e1538fadd37cb3f0cbbab", 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" }), e("path", { key: "a93aa4e0e10c1d0b7398d2ef04df8075f8b708ab", 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" }), e("path", { key: "985fc4b8aac8910c1c7b094af0edff8f279b9ac9", 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" }), e("path", { key: "1df79fede333427403e30c12a6ca79fba836514e", 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" }), e("path", { key: "5a39a161e7c4412f92f467f2fd9ec690faff9413", d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), e("div", { key: "2f5f4334e77c4567dd520a7f09e8ea41f35f83cf", class: "pdf-reader__file-info" }, e("swirl-text", { key: "8449679b098dfe447857007efb066d28c7f71353", truncate: !0, weight: "semibold" }, this.label), e("swirl-text", { key: "00a9d2c1177e9e5fca45b8076f4be41b5eba866f", color: "subdued", size: "sm", truncate: !0 }, this.fileTypeLabel))), o && e("swirl-separator", { key: "22fb40b7ab65544159fa8ee1f1946fcb303e058b" }), e("swirl-action-list", { key: "d401e8a70da461db822df8d59d58d8820d0f200f", class: "pdf-reader__menu" }, this.printButtonEnabled && e("swirl-action-list-item", { key: "eadc5dfe58b655f0ce24af9444c5f0b13eb9f7f6", class: "pdf-reader__print-button", icon: "<swirl-icon-print></swirl-icon-print>", label: this.printButtonLabel, onClick: this.onPrintButtonClick }), this.downloadButtonEnabled && e("swirl-action-list-item", { key: "0bf20d0697871767e42b0955484a539c9fa9b6d8", 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 }), e("slot", { key: "111b290104d56c2aec6d508fba63a104885ebfb7", name: "menu-items" }))))));
+  }
+  get el() {
+    return f(this);
+  }
+  static get watchers() {
+    return {
+      showThumbnails: [{
+        watchShowThumbnails: 0
+      }]
+    };
+  }
+};
+u.style = m();
+export {
+  u as swirl_pdf_reader
+};

package/dist/swirl-popover_2.entry.347fd274.js

@@ -0,0 +1,336 @@
+import { r as g, c, h as a, H as u, g as f } from "./index.74f90c9e.js";
+import { o as h, f as A, c as k, a as E, s as C } from "./floating-ui.dom-CLsTbQHn.fe95e3a6.js";
+import { d as x, e as T } from "./body-scroll-lock-BkJDOYVb.e3ad4cd3.js";
+import { c as P } from "./index-orsBiyT_.fc4357c3.js";
+import { t as S } from "./index.esm-DBTxpXCn.fccbd562.js";
+import { o as L, k as m, i as B, q as d, j as v } from "./utils-CCck-DTo.e4e43b6a.js";
+import "react";
+import "react-dom";
+const O = () => ':host{position:relative;z-index:var(--s-z-40);display:contents}:host *{box-sizing:border-box}.popover{border:none;padding:0;margin:0}.popover::backdrop{display:none}.popover--active:not(.popover--closing) .popover__backdrop{animation:0.15s popover-fade-in}@media (prefers-reduced-motion){.popover--active:not(.popover--closing) .popover__backdrop{animation:none}}.popover--active:not(.popover--closing) .popover__content{animation:0.15s popover-fade-scale-in-xy}@media (prefers-reduced-motion){.popover--active:not(.popover--closing) .popover__content{animation:none}}.popover--closing .popover__backdrop{animation:0.15s popover-fade-out forwards}@media (prefers-reduced-motion){.popover--closing .popover__backdrop{animation:none}}.popover--closing .popover__content{animation:0.15s popover-fade-out forwards}@media (prefers-reduced-motion){.popover--closing .popover__content{animation:none}}.popover--animation-scale-in-y.popover--active:not(.popover--closing) .popover__content{animation:0.15s popover-fade-scale-in-y}@media (prefers-reduced-motion){.popover--animation-scale-in-y.popover--active:not(.popover--closing) .popover__content{animation:none}}.popover--animation-fade-in.popover--active:not(.popover--closing) .popover__content{animation:0.15s popover-fade-in}@media (prefers-reduced-motion){.popover--animation-fade-in.popover--active:not(.popover--closing) .popover__content{animation:none}}.popover--inactive .popover__content{display:none}.popover--placement-bottom .popover__content,.popover--placement-bottom-start .popover__content,.popover--placement-right .popover__content,.popover--placement-right-start .popover__content{transform-origin:top left}.popover--placement-bottom-end .popover__content,.popover--placement-left .popover__content,.popover--placement-left-start .popover__content{transform-origin:top right}.popover--placement-top .popover__content,.popover--placement-top-start .popover__content,.popover--placement-right-end .popover__content{transform-origin:bottom left}.popover--placement-top-end .popover__content,.popover--placement-left-end .popover__content{transform-origin:bottom right}.popover--transparent .popover__content{background-color:transparent;box-shadow:none}.popover--transparent .popover__scroll-container{padding:0}.popover__backdrop{position:fixed;z-index:0;display:none;background-color:rgba(0, 0, 0, 0.2);animation:0.15s popover-backdrop-fade-in;inset:0}@media (prefers-reduced-motion){.popover__backdrop{animation:none}}.popover__content{position:fixed;z-index:2;overflow:hidden;border-radius:var(     --swirl-popover-border-radius,     var(--s-border-radius-base)   );max-width:22.5rem;background-color:var(--s-surface-overlay-default);box-shadow:var(--s-shadow-level-2)}.popover__scroll-container{overflow-x:hidden;overflow-y:auto;width:100%;max-height:22rem;overscroll-behavior:contain}.popover--padded .popover__scroll-container{padding:var(--s-space-4)}.popover__handle{position:absolute;top:var(--s-space-8);left:50%;display:none;width:2.5rem;height:0.375rem;border-radius:0.1875rem;background-color:var(--s-border-default);transform:translatex(-50%)}@media (max-width: 767px){.popover--mobile-bottom-sheet.popover--active:not(.popover--closing) .popover__content{animation:0.15s popover-slide-in}@media (prefers-reduced-motion){.popover--mobile-bottom-sheet.popover--active:not(.popover--closing) .popover__content{animation:none}}.popover--mobile-bottom-sheet.popover--closing .popover__content{animation:0.15s popover-slide-out forwards}@media (prefers-reduced-motion){.popover--mobile-bottom-sheet.popover--closing .popover__content{animation:none}}.popover--mobile-bottom-sheet .popover__backdrop{display:block}.popover--mobile-bottom-sheet .popover__content{right:0;bottom:0;left:0;border-radius:var(--s-border-radius-xl) var(--s-border-radius-xl) 0 0;max-width:none;background-color:var(--s-surface-overlay-default);box-shadow:none}.popover--mobile-bottom-sheet .popover__scroll-container{max-height:90vh;padding:var(--s-space-24) 0}.popover--mobile-bottom-sheet .popover__handle{display:block}}.popover--translucent .popover__content{background-color:transparent;outline:var(--s-border-width-default) solid       var(--s-border-translucent-outline)}.popover--translucent .popover__content:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--s-translucent-low-default);-webkit-backdrop-filter:blur(var(--s-blur-l));backdrop-filter:blur(var(--s-blur-l));border-radius:inherit}.popover--translucent .popover__handle{background-color:var(--s-border-on-translucent)}@media (max-width: 767px){.popover--fullscreen-bottom-sheet.popover--active:not(.popover--closing) .popover__content{animation:0.15s popover-fade-in}@media (prefers-reduced-motion){.popover--fullscreen-bottom-sheet.popover--active:not(.popover--closing) .popover__content{animation:none}}.popover--fullscreen-bottom-sheet.popover--closing .popover__content{animation:0.15s popover-fade-out forwards}@media (prefers-reduced-motion){.popover--fullscreen-bottom-sheet.popover--closing .popover__content{animation:none}}.popover--fullscreen-bottom-sheet .popover__backdrop{display:none}.popover--fullscreen-bottom-sheet .popover__content{padding-top:env(safe-area-inset-top);top:0;border-top-left-radius:0;border-top-right-radius:0}.popover--fullscreen-bottom-sheet .popover__scroll-container{height:100%;max-height:none;padding-top:0;padding-bottom:0}.popover--fullscreen-bottom-sheet .popover__handle{display:none}}@keyframes popover-slide-in{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes popover-slide-out{from{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes popover-fade-in{from{opacity:0}to{opacity:1}}@keyframes popover-fade-out{from{opacity:1}to{opacity:0}}@keyframes popover-fade-scale-in-xy{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes popover-fade-scale-in-y{from{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}', H = ["xs", "sm", "base", "l", "xl"], M = class {
+  constructor(e) {
+    g(this, e), this.popoverClose = c(this, "popoverClose", 7), this.popoverOpen = c(this, "popoverOpen", 7), this.animation = "scale-in-xy", this.enableFlip = !0, this.fallbackAxisSideDirection = "none", this.maxHeight = "22rem", this.mobileBottomSheet = !0, this.offset = 8, this.padded = !0, this.placement = "bottom-start", this.returnFocusToTrigger = !0, this.translucent = !0, this.borderRadius = "base", this.active = !1, this.closing = !1, this.componentLoaded = !1, this.togglePopover = (t) => {
+      t.stopPropagation(), this.active ? this.close() : this.open();
+    }, this.onKeydown = (t) => {
+      t.code === "Escape" && this.active && (t.stopImmediatePropagation(), t.stopPropagation(), this.close());
+    }, this.reposition = async () => {
+      if (!Boolean(this.triggerEl) || !Boolean(this.contentContainer))
+        return;
+      if (this.bottomSheetActive) {
+        this.position = void 0;
+        return;
+      }
+      const t = typeof this.offset == "number" ? { mainAxis: this.offset, crossAxis: 0 } : { mainAxis: this.offset[0], crossAxis: this.offset[1] }, o = L("--s-space-16"), i = C({
+        padding: {
+          left: o,
+          right: o
+        }
+      }), r = this.enableFlip ? [
+        h(t),
+        A({
+          fallbackAxisSideDirection: this.fallbackAxisSideDirection
+        }),
+        i
+      ] : [h(t), i];
+      this.position = await k(this.triggerEl, this.contentContainer, {
+        middleware: r,
+        placement: this.placement,
+        strategy: "fixed"
+      });
+    }, this.onCloseButtonClick = () => {
+      this.close();
+    };
+  }
+  connectedCallback() {
+    this.componentLoaded && this.connectTrigger();
+  }
+  componentDidLoad() {
+    this.connectTrigger(), this.updateTriggerAttributes(), Boolean(this.trigger) && console.warn('[Swirl] The "trigger" prop of swirl-popover is deprecated and will be removed with the next major release. Please use the swirl-popover-trigger component instead. https://swirl-storybook.flip-app.dev/?path=/docs/components-swirlpopovertrigger--docs'), this.componentLoaded = !0;
+  }
+  disconnectedCallback() {
+    var e, t;
+    this.unlockBodyScroll(), (e = this.disableAutoUpdate) == null || e.call(this), this.disableAutoUpdate = void 0, (t = this.triggerEl) == null || t.removeEventListener("click", this.togglePopover);
+  }
+  onWindowFocusIn(e) {
+    if (!this.active)
+      return;
+    const t = /^((?!chrome|android).)*safari/i.test(navigator.userAgent), o = "webkit" in window, i = t || o, r = e.target, s = e.relatedTarget, n = m(), l = e.composedPath(), b = ["SWIRL-TAB"], _ = !l.includes(this.el) && !this.el.contains(n), w = !l.includes(this.triggerEl), y = i && !this.el.contains(s || r) && s !== this.el;
+    !b.includes(r.tagName) && _ && w && (!i || y) && this.close();
+  }
+  onWindowBlur() {
+    if (!this.active || this.closing)
+      return;
+    const e = document.activeElement;
+    e && ["IFRAME"].includes(e.tagName) && this.close();
+  }
+  onWindowClick(e) {
+    if (!this.active || this.closing)
+      return;
+    const t = e.target, o = this.el.contains(t), i = e.composedPath().some((s) => Boolean(s) && s instanceof Node ? this.el.contains(s) : !1), r = t === this.triggerEl || this.triggerEl.contains(t) || e.composedPath().includes(this.triggerEl);
+    !o && !i && !r && this.close();
+  }
+  async close(e) {
+    var o;
+    if (this.closing || !this.active)
+      return;
+    this.popoverClose.emit(), this.disableAutoUpdate && this.disableAutoUpdate(), this.closing = !0, setTimeout(() => {
+      var i;
+      (i = this.popoverEl) == null || i.hidePopover(), this.active = !1, this.closing = !1, this.position = void 0, this.updateTriggerAttributes(this.openedVia), this.openedVia = void 0;
+    }, 150), this.unlockBodyScroll();
+    const t = this.openedVia === "hover" || this.openedVia === "focus";
+    this.returnFocusToTrigger && !e && !t && ((o = this.getNativeTriggerElement()) == null || o.focus());
+  }
+  async open(e, t, o) {
+    if (this.triggerEl = e || this.triggerEl, this.active || !Boolean(this.triggerEl))
+      return;
+    this.adjustWidth(), this.position = void 0, this.active = !0, this.openedVia = o, this.updateTriggerAttributes(o);
+    const i = this.getFocusableChildren();
+    requestAnimationFrame(async () => {
+      var r;
+      (r = this.popoverEl) == null || r.showPopover(), await this.reposition(), this.popoverOpen.emit({ position: this.position }), i.length > 0 && !t ? i[0].focus() : t || this.contentContainer.focus(), this.disableAutoUpdate && this.disableAutoUpdate(), this.disableAutoUpdate = E(this.triggerEl, this.contentContainer, () => this.reposition()), this.scrollContainer.scrollTop = 0, this.lockBodyScroll();
+    });
+  }
+  async isOpen() {
+    return this.active && !this.closing;
+  }
+  async toggle(e, t) {
+    this.active ? this.close() : this.open(e, void 0, t);
+  }
+  get bottomSheetActive() {
+    return this.mobileBottomSheet && B();
+  }
+  connectTrigger() {
+    if (!Boolean(this.trigger)) {
+      this.triggerEl = void 0;
+      return;
+    }
+    this.triggerEl = typeof this.trigger == "string" ? d(this.triggerContainer || document.body, `#${this.trigger}`)[0] : this.trigger, Boolean(this.triggerEl) && this.triggerEl.addEventListener("click", this.togglePopover);
+  }
+  getNativeTriggerElement() {
+    return S(this.triggerEl, {
+      includeContainer: !0,
+      getShadowRoot: !0
+    }).at(0);
+  }
+  updateTriggerAttributes(e) {
+    if (!Boolean(this.triggerEl))
+      return;
+    const t = this.getNativeTriggerElement();
+    !Boolean(t) || (e !== "hover" && e !== "focus" ? (t.setAttribute("aria-controls", this.el.id), t.setAttribute("aria-expanded", String(this.active))) : (t.removeAttribute("aria-controls"), t.removeAttribute("aria-expanded")), t.setAttribute("aria-haspopup", "dialog"));
+  }
+  getFocusableChildren() {
+    return d(this.el, '[role="menuitem"], [role="menuitemradio"], [role="option"]');
+  }
+  adjustWidth() {
+    let e = this.useContainerWidth;
+    if ([!0, "true"].includes(this.useContainerWidth) ? e = !0 : [!1, "false"].includes(this.useContainerWidth) && (e = !1), Boolean(e) && !this.bottomSheetActive) {
+      const t = typeof e == "string" ? this.el.closest(e) || this.el.parentElement : this.el.parentElement;
+      this.contentContainer.style.maxWidth = "none", this.contentContainer.style.width = t.getBoundingClientRect().width + "px";
+    } else
+      this.contentContainer.style.maxWidth = "", this.contentContainer.style.width = "";
+  }
+  lockBodyScroll() {
+    !this.bottomSheetActive || this.disableScrollLock || !Boolean(this.scrollContainer) || x(this.scrollContainer);
+  }
+  unlockBodyScroll() {
+    !this.bottomSheetActive || this.disableScrollLock || !Boolean(this.scrollContainer) || T(this.scrollContainer);
+  }
+  render() {
+    var i, r, s;
+    const e = this.bottomSheetActive, t = H.includes(this.borderRadius) ? `var(--s-border-radius-${this.borderRadius})` : this.borderRadius, o = P("popover", `popover--animation-${this.animation}`, `popover--placement-${(i = this.position) == null ? void 0 : i.placement}`, {
+      "popover--active": this.active,
+      "popover--closing": this.closing,
+      "popover--fullscreen-bottom-sheet": this.fullscreenBottomSheet && this.mobileBottomSheet,
+      "popover--inactive": !this.active,
+      "popover--mobile-bottom-sheet": this.mobileBottomSheet,
+      "popover--translucent": this.translucent && !this.transparent,
+      "popover--transparent": this.transparent,
+      "popover--padded": this.padded
+    });
+    return a(u, { key: "3b3bb710683441a4f971a25542894ad965254b42" }, a("div", { key: "a142e898bbe09ad766ee5111b1ed6c1b0320cf7e", popover: "manual", class: o, onKeyDown: this.onKeydown, ref: (n) => this.popoverEl = n }, a("div", { key: "820a28e75d0b508b6d939219734522d92943c0d6", "aria-hidden": this.active ? "false" : "true", "aria-label": this.label, class: "popover__content", id: this.popoverId, part: "popover__content", role: "dialog", ref: (n) => this.contentContainer = n, style: {
+      top: Boolean(this.position) ? `${(r = this.position) == null ? void 0 : r.y}px` : "",
+      left: Boolean(this.position) ? `${(s = this.position) == null ? void 0 : s.x}px` : "",
+      opacity: this.active && !this.position && !e ? "0" : void 0,
+      "--swirl-popover-border-radius": t
+    }, tabindex: "-1" }, a("span", { key: "4ce3efbab020862c26ad9177274c0ed6794374bd", class: "popover__handle" }), a("div", { key: "526fc65ea325a29ece87639893af06f37cf71978", class: "popover__scroll-container", part: "popover__scroll-container", ref: (n) => this.scrollContainer = n, style: {
+      maxHeight: !e && Boolean(this.maxHeight) ? this.maxHeight : void 0
+    } }, a("slot", { key: "6fc74e080d35e318cf520d65520c2d73fb434d75" }))), this.active && a("div", { key: "83df142ba2da01ee5312e82dbbc2b83775d526ed", class: "popover__backdrop", onClick: this.onCloseButtonClick })));
+  }
+  get el() {
+    return f(this);
+  }
+};
+M.style = O();
+const R = () => ".sc-swirl-popover-trigger-h{display:contents}", p = [
+  "click",
+  "hover",
+  "focus"
+], W = class {
+  constructor(e) {
+    g(this, e), this.hidePopoverWhenInvisible = !0, this.setAriaAttributes = !0, this.triggerOnClick = !0, this.triggerOnHover = !1, this.componentLoaded = !1, this.triggerIsActive = !1, this.triggerMethods = [], this.popoverMouseEnter = () => {
+      this.stopHoverLingerTimer();
+    }, this.popoverMouseLeave = () => {
+      this.triggerIsActive && this.mouseleaveHandler();
+    }, this.onMouseenter = () => {
+      !this.triggerMethods.includes("hover") || (this.stopHoverLingerTimer(), this.triggerIsActive = !0, this.hoverDelayReference = setTimeout(() => {
+        this.hoverDelayReference = void 0, this.triggerMethods.includes("hover") && this.openPopover("hover", !0);
+      }, this.hoverDelay));
+    }, this.onMouseleave = () => {
+      clearTimeout(this.hoverDelayReference), this.mouseleaveHandler();
+    }, this.mouseleaveHandler = () => {
+      !this.triggerMethods.includes("hover") || this.startHoverLingerTimer();
+    }, this.onClick = () => {
+      if (!this.triggerMethods.includes("click"))
+        return;
+      const t = this.getPopoverEl(), o = this.getTriggerEl();
+      !Boolean(t) || (this.syncAriaOnNextTransition(t), t.toggle(o, "click"));
+    }, this.onFocusin = () => {
+      !this.triggerMethods.includes("focus") || this.triggerMethods.includes("click") && !this.triggerMethods.includes("hover") || this.openPopover("focus", !0);
+    }, this.onFocusout = (t) => {
+      !this.triggerMethods.includes("focus") || this.focusStaysWithin(t.relatedTarget) || this.closePopover(!0);
+    }, this.onKeyDown = (t) => {
+      t.code === "Escape" && (!this.isPopoverOpen() || (t.stopPropagation(), this.closePopover(!0)));
+    }, this.ariaOpenHandler = () => {
+      this.updateTriggerElAriaAttributes(!0);
+    }, this.ariaCloseHandler = () => {
+      this.updateTriggerElAriaAttributes(!1);
+    }, this.updateTriggerElAriaAttributes = (t) => {
+      var r;
+      if (!this.setAriaAttributes)
+        return;
+      const o = this.getTriggerEl();
+      if (!Boolean(o))
+        return;
+      const i = (r = this.getPopoverEl()) == null ? void 0 : r.id;
+      o.tagName.startsWith("SWIRL-") ? (this.opensWithoutActivation ? (o.removeAttribute("swirl-aria-controls"), o.removeAttribute("swirl-aria-expanded")) : (o.setAttribute("swirl-aria-controls", i), o.setAttribute("swirl-aria-expanded", String(t || "false"))), o.setAttribute("swirl-aria-haspopup", "dialog")) : (this.opensWithoutActivation ? (o.removeAttribute("aria-controls"), o.removeAttribute("aria-expanded")) : (o.setAttribute("aria-controls", i), o.setAttribute("aria-expanded", String(t || "false"))), o.setAttribute("aria-haspopup", "dialog"));
+    };
+  }
+  connectedCallback() {
+    this.componentLoaded && (this.setupHoverListeners(), this.setupIntersectionObserver());
+  }
+  componentWillLoad() {
+    this.warnAboutDeprecatedProps(), this.resolveTriggerMethods();
+  }
+  componentDidLoad() {
+    this.updateTriggerElAriaAttributes(), this.setupHoverListeners(), this.setupIntersectionObserver(), this.componentLoaded = !0;
+  }
+  disconnectedCallback() {
+    var e;
+    (e = this.intersectionObserver) == null || e.disconnect(), this.removeHoverListeners(), this.removeAriaSyncListeners(), clearTimeout(this.hoverDelayReference), clearTimeout(this.hoverLingerReference);
+  }
+  watchPopover() {
+    this.updateTriggerElAriaAttributes();
+  }
+  watchTrigger() {
+    this.resolveTriggerMethods(), this.componentLoaded && this.updateTriggerElAriaAttributes(), clearTimeout(this.hoverDelayReference), clearTimeout(this.hoverLingerReference);
+  }
+  warnAboutDeprecatedProps() {
+    this.triggerOnHover === !0 && console.warn('[Swirl] The "triggerOnHover" prop of swirl-popover-trigger is deprecated and will be removed with the next major release. Please use the "trigger" prop instead, e.g. trigger="hover focus".'), this.triggerOnClick === !1 && console.warn('[Swirl] The "triggerOnClick" prop of swirl-popover-trigger is deprecated and will be removed with the next major release. Please use the "trigger" prop instead, e.g. trigger="hover focus".'), Boolean(this.trigger) && (this.triggerOnHover === !0 || this.triggerOnClick === !1) && console.warn('[Swirl] swirl-popover-trigger: the "trigger" prop takes precedence over "triggerOnClick"/"triggerOnHover", which are ignored.');
+  }
+  resolveTriggerMethods() {
+    if (Boolean(this.trigger)) {
+      const o = (Array.isArray(this.trigger) ? this.trigger : String(this.trigger).split(/[\s,]+/)).map((r) => String(r).trim().toLowerCase()).filter((r) => r.length > 0), i = o.filter((r) => !p.includes(r));
+      i.length > 0 && console.warn(`[Swirl] Unsupported "trigger" value(s) for swirl-popover-trigger: ${i.join(", ")}. Supported values: ${p.join(", ")}.`), this.triggerMethods = o.filter((r) => p.includes(r));
+      return;
+    }
+    const e = [];
+    this.triggerOnClick && e.push("click"), this.triggerOnHover && e.push("hover", "focus"), this.triggerMethods = e;
+  }
+  getPopoverEl() {
+    var e, t;
+    return typeof this.swirlPopover == "string" ? document.querySelector(`#${this.swirlPopover}`) : (t = (e = this.swirlPopover) == null ? void 0 : e.el) != null ? t : this.swirlPopover;
+  }
+  getTriggerEl() {
+    return this.el.children.length !== 1 && console.warn('[Swirl] The "swirl-popover-trigger" component expects exactly one child element.'), this.el.children[0];
+  }
+  setupIntersectionObserver() {
+    var e;
+    if ((e = this.intersectionObserver) == null || e.disconnect(), this.hidePopoverWhenInvisible) {
+      this.intersectionObserver = new IntersectionObserver(this.onVisibilityChange.bind(this), {
+        root: this.parentScrollContainer,
+        threshold: 0
+      });
+      const t = this.el.querySelector("*");
+      if (!Boolean(t))
+        return;
+      this.intersectionObserver.observe(t);
+    }
+  }
+  onVisibilityChange(e) {
+    var o;
+    !e[0].isIntersecting && this.isPopoverOpen() && ((o = this.getPopoverEl()) == null || o.close());
+  }
+  setupHoverListeners() {
+    this.popoverElRef = this.getPopoverEl(), Boolean(this.popoverElRef) && (this.popoverElRef.addEventListener("mouseenter", this.popoverMouseEnter), this.popoverElRef.addEventListener("mouseleave", this.popoverMouseLeave));
+  }
+  removeHoverListeners() {
+    Boolean(this.popoverElRef) && (this.popoverElRef.removeEventListener("mouseenter", this.popoverMouseEnter), this.popoverElRef.removeEventListener("mouseleave", this.popoverMouseLeave));
+  }
+  startHoverLingerTimer() {
+    clearTimeout(this.hoverLingerReference), this.hoverLingerReference = setTimeout(() => {
+      this.triggerIsActive && this.isPopoverOpen() && !this.focusStaysWithin(m()) && this.closePopover(!0), this.triggerIsActive = !1;
+    }, this.hoverLingerDuration);
+  }
+  stopHoverLingerTimer() {
+    clearTimeout(this.hoverLingerReference);
+  }
+  focusStaysWithin(e) {
+    if (!Boolean(e))
+      return !1;
+    const t = this.getPopoverEl();
+    return v(e, this.el) || Boolean(t) && v(e, t);
+  }
+  removeAriaSyncListeners() {
+    const e = this.getPopoverEl();
+    e == null || e.removeEventListener("popoverOpen", this.ariaOpenHandler), e == null || e.removeEventListener("popoverClose", this.ariaCloseHandler);
+  }
+  syncAriaOnNextTransition(e) {
+    this.removeAriaSyncListeners(), e.addEventListener("popoverOpen", this.ariaOpenHandler, {
+      once: !0
+    }), e.addEventListener("popoverClose", this.ariaCloseHandler, {
+      once: !0
+    });
+  }
+  openPopover(e, t) {
+    const o = this.getPopoverEl(), i = this.getTriggerEl();
+    !Boolean(o) || (this.syncAriaOnNextTransition(o), o.open(i, t, e));
+  }
+  closePopover(e) {
+    const t = this.getPopoverEl();
+    !Boolean(t) || (this.syncAriaOnNextTransition(t), t.close(e));
+  }
+  get opensWithoutActivation() {
+    return this.triggerMethods.includes("hover") || this.triggerMethods.includes("focus");
+  }
+  isPopoverOpen() {
+    var i, r, s, n;
+    const e = this.getPopoverEl(), t = (r = (i = e == null ? void 0 : e.shadowRoot) == null ? void 0 : i.firstElementChild) == null ? void 0 : r.classList.contains("popover--active"), o = (n = (s = e == null ? void 0 : e.shadowRoot) == null ? void 0 : s.firstElementChild) == null ? void 0 : n.classList.contains("popover--closing");
+    return Boolean(t) && !o;
+  }
+  render() {
+    return a(u, { key: "41d9dbdc7a68af0b94561323006b53c96242622d", onClick: this.onClick, onFocusin: this.onFocusin, onFocusout: this.onFocusout, onKeyDown: this.onKeyDown, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, a("slot", { key: "4dd8f675b36af944ac83f22e087c3c5f6c572157" }));
+  }
+  get el() {
+    return f(this);
+  }
+  static get watchers() {
+    return {
+      swirlPopover: [{
+        watchPopover: 0
+      }],
+      trigger: [{
+        watchTrigger: 0
+      }],
+      triggerOnClick: [{
+        watchTrigger: 0
+      }],
+      triggerOnHover: [{
+        watchTrigger: 0
+      }]
+    };
+  }
+};
+W.style = R();
+export {
+  M as swirl_popover,
+  W as swirl_popover_trigger
+};

package/dist/swirl-radio-group.entry.f5b4cd93.js

@@ -0,0 +1,50 @@
+import { r as o, c as s, h as r, H as n, g as d } from "./index.74f90c9e.js";
+import "react";
+import "react-dom";
+const l = () => ".sc-swirl-radio-group-h{display:block}.sc-swirl-radio-group-h *.sc-swirl-radio-group{box-sizing:border-box}.radio-group.sc-swirl-radio-group{display:flex;flex-direction:column;gap:var(--s-space-12)}", c = class {
+  constructor(e) {
+    o(this, e), this.valueChange = s(this, "valueChange", 7), this.componentLoaded = !1, this.onRadioValueChange = (a) => {
+      a.stopPropagation();
+      const i = a.target;
+      (i.checked === !0 || i.checked === "true") && (this.value = i.value, this.valueChange.emit(i.value), this.radioButtons.forEach((t) => {
+        t !== i && (t.checked = !1);
+      }));
+    };
+  }
+  connectedCallback() {
+    this.componentLoaded && this.addValueChangeListeners();
+  }
+  componentDidLoad() {
+    this.radioButtons = Array.from(this.el.querySelectorAll("swirl-radio")), this.initValue(), this.addValueChangeListeners(), this.componentLoaded = !0;
+  }
+  disconnectedCallback() {
+    this.removeValueChangeListeners();
+  }
+  initValue() {
+    if (this.value === void 0)
+      return;
+    const e = this.radioButtons.find((a) => a.value === this.value);
+    !Boolean(e) || (e.checked = !0);
+  }
+  addValueChangeListeners() {
+    this.radioButtons.forEach((e) => {
+      e.addEventListener("valueChange", this.onRadioValueChange);
+    });
+  }
+  removeValueChangeListeners() {
+    var e;
+    (e = this.radioButtons) == null || e.forEach((a) => {
+      a.removeEventListener("valueChange", this.onRadioValueChange);
+    });
+  }
+  render() {
+    return r(n, { key: "1a5999fc1bb664116feb07fef67448d38c8ddfa3", "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, r("div", { key: "256d70817ccf7074f67b7cf1a2111838bd6aaed7", class: "radio-group" }, r("slot", { key: "d852e1e138b65a461cdae45b63ef6b3f593343a1" })));
+  }
+  get el() {
+    return d(this);
+  }
+};
+c.style = l();
+export {
+  c as swirl_radio_group
+};

package/dist/swirl-radio.entry.67d5a8e7.js

@@ -0,0 +1,27 @@
+import { r as s, c, h as i, H as l } from "./index.74f90c9e.js";
+import { c as t } from "./index-orsBiyT_.fc4357c3.js";
+import "react";
+import "react-dom";
+const n = () => '.sc-swirl-radio-h{display:inline-flex}.sc-swirl-radio-h *.sc-swirl-radio{box-sizing:border-box}.radio.sc-swirl-radio{display:inline-flex;line-height:var(--s-line-height-base);cursor:pointer;align-items:center}.radio.sc-swirl-radio:focus-within .radio__box.sc-swirl-radio{box-shadow:0 0 0 0.0625rem var(--s-background-default),       0 0 0 0.1875rem var(--s-focus-default)}.radio--variant-card.sc-swirl-radio{width:100%;padding:var(--s-space-16);border:0.0625rem solid var(--s-border-default);border-radius:var(--s-border-radius-sm);background-color:var(--s-surface)}.radio--variant-card.sc-swirl-radio:focus-within{box-shadow:0 0 0 0.125rem var(--s-background-default),       0 0 0 0.25rem var(--s-focus-default)}.radio--variant-card.sc-swirl-radio:focus-within .radio__box.sc-swirl-radio{box-shadow:none}.radio--variant-card.sc-swirl-radio:hover:not(.radio--disabled){background-color:var(--s-state-hovered)}.radio--variant-card.sc-swirl-radio:active:not(.radio--disabled){background-color:var(--s-state-pressed)}.radio--variant-card.radio--checked.sc-swirl-radio:not(.radio--disabled){border-color:var(--s-border-highlight)}.radio--variant-card.radio--invalid.sc-swirl-radio:not(.radio--disabled){border-color:var(--s-border-critical)}.radio--checked.sc-swirl-radio .radio__control.sc-swirl-radio:hover .radio__box.sc-swirl-radio{border-color:var(--s-interactive-primary-hovered);background-color:var(--s-interactive-primary-hovered)}.radio--checked.sc-swirl-radio .radio__box.sc-swirl-radio{position:relative;border-color:var(--s-icon-highlight);background-color:var(--s-icon-highlight)}.radio--checked.sc-swirl-radio .radio__box.sc-swirl-radio:after{position:absolute;top:50%;left:50%;width:0.5rem;height:0.5rem;border-radius:50%;background-color:var(--s-background-default);content:"";transform:translate3d(-50%, -50%, 0)}.radio--invalid.radio--checked.sc-swirl-radio .radio__box.sc-swirl-radio,.radio--invalid.radio--indeterminate.sc-swirl-radio .radio__box.sc-swirl-radio{background-color:var(--s-icon-critical)}.radio--invalid.sc-swirl-radio .radio__box.sc-swirl-radio{border-color:var(--s-icon-critical)}.radio--disabled.sc-swirl-radio{cursor:default}.radio--disabled.radio--checked.sc-swirl-radio .radio__control.sc-swirl-radio:hover .radio__box.sc-swirl-radio{border-color:var(--s-icon-disabled);background-color:transparent}.radio--disabled.radio--checked.sc-swirl-radio .radio__box.sc-swirl-radio{border-color:var(--s-icon-disabled);background-color:var(--s-background-default)}.radio--disabled.radio--checked.sc-swirl-radio .radio__box.sc-swirl-radio:after{background-color:var(--s-icon-disabled)}.radio--disabled.sc-swirl-radio .radio__control.sc-swirl-radio:hover .radio__box.sc-swirl-radio{background-color:transparent}.radio--disabled.sc-swirl-radio .radio__box.sc-swirl-radio{border-color:var(--s-icon-disabled)}.radio--disabled.sc-swirl-radio .radio__description.sc-swirl-radio,.radio--disabled.sc-swirl-radio .radio__label.sc-swirl-radio{color:var(--s-text-disabled)}.radio__control.sc-swirl-radio{position:relative;display:inline-flex;width:1.5rem;height:1.5rem;padding:var(--s-space-2);flex-shrink:0}.radio__control.sc-swirl-radio:hover .radio__box.sc-swirl-radio{background-color:var(--s-action-neutral-hovered)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.radio__control.sc-swirl-radio{width:1.375rem;height:1.375rem}}.radio__box.sc-swirl-radio{position:relative;display:flex;width:100%;height:100%;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:50%}.radio__label-container.sc-swirl-radio{display:inline-flex;margin-left:var(--s-space-8);padding-top:var(--s-space-2);flex-direction:column}.radio__label.sc-swirl-radio{display:flex;align-items:center;font-weight:var(--s-font-weight-medium);gap:var(--s-space-8)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.radio__label.sc-swirl-radio{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.radio__description.sc-swirl-radio{color:var(--s-text-subdued)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.radio__description.sc-swirl-radio{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}', h = class {
+  constructor(r) {
+    s(this, r), this.valueChange = c(this, "valueChange", 7), this.checked = !1, this.disabled = !1, this.variant = "default", this.onChange = () => {
+      this.checked = !0, this.valueChange.emit(this.value);
+    };
+  }
+  getAriaCheckedLabel(r, a) {
+    return r ? "true" : a ? "false" : "mixed";
+  }
+  render() {
+    const r = this.checked === !1 || this.checked === "false", a = this.checked === !0 || this.checked === "true", d = this.getAriaCheckedLabel(a, r), o = this.invalid, e = t("radio", `radio--variant-${this.variant}`, {
+      "radio--checked": a,
+      "radio--disabled": this.disabled,
+      "radio--invalid": this.invalid,
+      "radio--unchecked": r
+    });
+    return i(l, { key: "9181653221cedb79869b31485fe601ef029ff8bc", style: { width: this.variant === "card" ? "100%" : void 0 } }, i("label", { key: "800685a86f6f4b1dbd20f20d2218d04a68822878", class: e, htmlFor: this.inputId }, i("span", { key: "410ffd0fdc0b061015dd554ab5a56229c979f4dd", class: "radio__control" }, i("swirl-visually-hidden", { key: "e41aba02a81284faacd3aeee82b95ae8a28a449e" }, i("input", { key: "0f9cffc32cc44fb967098fedeea7f16388fe050a", "aria-checked": d, "aria-invalid": o, checked: a, class: "radio__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, type: "radio", value: this.value })), i("span", { key: "4871dc0ced3a8a5220b95cadf004c4776901745d", "aria-hidden": "true", class: "radio__box" })), i("span", { key: "2c5c0205c7934d38092ee8bb374750dd46906a30", class: "radio__label-container" }, this.label && i("span", { key: "f17ef8b7670effbbc2baba7cc52eaf595b7d132c", class: "radio__label" }, this.label, this.tooltip && i("swirl-tooltip", { key: "68877a4be5e32dc51c3c0115b30890ec65705039", content: this.tooltip, position: "top" }, i("swirl-icon-help", { key: "b3f6a1ba1d8851b9e229818d7cad7bc28970dbd7", color: "default", size: 20, tabIndex: 0 }))), this.description && i("span", { key: "37802eb7bf729e22f4af1ef481499bddf37c16c8", class: "radio__description", innerHTML: this.description }))));
+  }
+};
+h.style = n();
+export {
+  h as swirl_radio
+};

package/dist/swirl-resource-list-file-item.entry.7c2487cd.js

@@ -0,0 +1,39 @@
+import { r as n, c as f, h as e, H as m, g as d } from "./index.74f90c9e.js";
+import { c as h } from "./index-orsBiyT_.fc4357c3.js";
+import { D as u } from "./media-query.service-CCYT6DU8.f0931fdc.js";
+import "react";
+import "react-dom";
+import "./utils-CCck-DTo.e4e43b6a.js";
+const p = () => '.sc-swirl-resource-list-file-item-h{display:block;width:100%}.sc-swirl-resource-list-file-item-h *.sc-swirl-resource-list-file-item{box-sizing:border-box}.resource-list-file-item.sc-swirl-resource-list-file-item{position:relative;display:flex;width:100%;padding:var(--s-space-12) var(--s-space-16);align-items:center;background-color:var(--s-background-default);line-height:var(--s-line-height-base);gap:var(--s-space-12)}.resource-list-file-item.sc-swirl-resource-list-file-item:focus{outline:none}.resource-list-file-item.sc-swirl-resource-list-file-item:focus-visible{background-color:var(--s-background-hovered)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-file-item.sc-swirl-resource-list-file-item{padding:var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.resource-list-file-item--has-control.sc-swirl-resource-list-file-item .resource-list-file-item__label-container.sc-swirl-resource-list-file-item{padding-right:calc(var(--s-space-12) + 2.5rem)}.resource-list-file-item__icon.sc-swirl-resource-list-file-item{width:1.5rem;height:1.5rem;color:var(--s-icon-highlight)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-file-item__icon.sc-swirl-resource-list-file-item{width:1.25rem;height:1.25rem}}.resource-list-file-item__label-container.sc-swirl-resource-list-file-item{position:relative;display:flex;min-width:0;min-height:2.875rem;flex-grow:1;justify-content:center;flex-direction:column}.resource-list-file-item__label-container.sc-swirl-resource-list-file-item:after{position:absolute;right:0;bottom:calc(-1 * var(--s-space-12));left:0;height:0.0625rem;background-color:var(--s-border-default);content:""}.resource-list-file-item__label.sc-swirl-resource-list-file-item{overflow:hidden;font-weight:var(--s-font-weight-medium);white-space:nowrap;text-overflow:ellipsis}.resource-list-file-item__description.sc-swirl-resource-list-file-item{overflow:hidden;margin-top:var(--s-space-2);color:var(--s-text-subdued);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);white-space:nowrap;text-overflow:ellipsis}.resource-list-file-item__error-message.sc-swirl-resource-list-file-item{margin-top:var(--s-space-2)}.resource-list-file-item__remove-button.sc-swirl-resource-list-file-item{position:absolute;top:50%;right:var(--s-space-16);display:inline-flex;transform:translateY(-50%)}.resource-list-file-item__spinner.sc-swirl-resource-list-file-item{position:absolute;top:50%;right:var(--s-space-24);display:inline-flex;transform:translateY(-50%)}', b = class {
+  constructor(i) {
+    n(this, i), this.remove = f(this, "remove", 7), this.icon = "<swirl-icon-file></swirl-icon-file>", this.removeButtonLabel = "Remove file", this.mediaQueryUnsubscribe = () => {
+    };
+  }
+  componentDidLoad() {
+    this.mediaQueryUnsubscribe = u.subscribe((i) => {
+      this.forceIconProps(i);
+    });
+  }
+  disconnectedCallback() {
+    this.mediaQueryUnsubscribe();
+  }
+  forceIconProps(i) {
+    if (!Boolean(this.iconEl))
+      return;
+    const s = this.iconEl.children[0];
+    s == null || s.setAttribute("size", i ? "20" : "24");
+  }
+  render() {
+    const i = Boolean(this.errorMessage), s = !i && Boolean(this.description), r = !i && this.loading, t = this.removable && !r, l = this.el.closest('[role="grid"]') ? "row" : "listitem", o = l === "row" ? "gridcell" : void 0, c = h("resource-list-file-item", {
+      "resource-list-file-item--has-control": r || t
+    });
+    return e(m, { key: "d259144ef01cf1e27cc018a69336367303a91598", role: l }, e("div", { key: "57c13dccec711904f16cb30ef011323e4149db23", class: c, part: "resource-list-file-item", role: o }, e("span", { key: "61026344b9ccc2ca65cab64962dd07608754a8ea", class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (a) => this.iconEl = a }), e("span", { key: "e54056f925007492865e505add4da22aef9ba52a", class: "resource-list-file-item__label-container" }, e("span", { key: "3e5610e03ae48b7e50f858c8406ebc94ac0eecb8", class: "resource-list-file-item__label", id: "label" }, this.label), s && e("span", { key: "68440cd0e8d20eac091bdb4f48428d77615fa561", class: "resource-list-file-item__description" }, this.description), i && e("span", { key: "4b6d5cad12b996ceef8f4957de0338c6fa34fac9", "aria-live": "polite", class: "resource-list-file-item__error-message" }, e("swirl-inline-error", { key: "87638ded04ff17a274da159d205ca626c35cbaf2", message: this.errorMessage, size: "s" }))), r && e("span", { key: "cca0663bda951b002620d99ecf19ef1a1906642a", class: "resource-list-file-item__spinner" }, e("swirl-spinner", { key: "6020bc12340b5e7db0446796c10a965c48cdd765", size: "s" })), t && e("span", { key: "1f506e727ca144129229e45b76bff9cb32ed098a", class: "resource-list-file-item__remove-button" }, e("swirl-button", { key: "1442f8df0a49d2f341d558ff46bfa0b0bc767c5e", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))));
+  }
+  get el() {
+    return d(this);
+  }
+};
+b.style = p();
+export {
+  b as swirl_resource_list_file_item
+};