@getflip/swirl-components-react 0.186.0 → 0.189.0

package/dist/swirl-pdf-reader.entry.51f9250b.js

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

package/dist/{swirl-popover_2.entry.ed40eb33.js → swirl-popover_2.entry.67f092ba.js}

@@ -1,11 +1,11 @@
-import { r as g, c as l, h as n, H as v, g as m } from "./index.6d1f4d8d.js";
-import { o as c, s as d, f as y, c as x, a as C } from "./floating-ui.dom.esm-b73e243b.647a7c7e.js";
-import { d as E, e as k } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
-import { c as A } from "./index-d280dafb.186cdb0e.js";
-import { i as a, b as T, q as h } from "./utils-c5f2f98f.af14538a.js";
+import { r as g, c as l, h as n, H as v, g as f } from "./index.d90adc50.js";
+import { o as c, s as d, f as y, c as x, a as C } from "./floating-ui.dom.esm-bef21834.ec4a9cbf.js";
+import { d as k, e as E } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
+import { c as A } from "./index-267776a4.6beb4f4b.js";
+import { i as a, b as S, q as h } from "./utils-aab10c80.240adddc.js";
 import "react";
 import "react-dom";
-const B = ":host{position:relative;z-index:var(--s-z-40);display:inline-flex}:host *{box-sizing:border-box}.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-slide-in}@media (min-width: 768px){.popover--active:not(.popover--closing) .popover__content{transform-origin:top left;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;animation-fill-mode:forwards}@media (prefers-reduced-motion){.popover--closing .popover__backdrop{animation:none}}.popover--closing .popover__content{animation:0.15s popover-slide-out;animation-fill-mode:forwards}@media (min-width: 768px){.popover--closing .popover__content{animation:0.15s popover-fade-out}}@media (prefers-reduced-motion){.popover--closing .popover__content{animation:none}}.popover--inactive .popover__content{display:none}@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;animation-fill-mode: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{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}}@media (min-width: 768px){.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}}@media (min-width: 768px){.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}}@media (min-width: 768px){.popover--transparent .popover__content{background-color:transparent;box-shadow:none}}@media (min-width: 768px){.popover--transparent .popover__scroll-container{padding:0}}.popover__backdrop{position:fixed;z-index:0;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}}@media (min-width: 768px){.popover__backdrop{display:none}}.popover__content{position:fixed;z-index:2;right:0;bottom:0;left:0;overflow:hidden;border-top-left-radius:var(--s-border-radius-xl);border-top-right-radius:var(--s-border-radius-xl);background-color:var(--s-surface-overlay-default)}@media (min-width: 768px){.popover__content{right:unset;bottom:unset;left:unset;max-width:22.5rem;border-radius:var(--s-border-radius-sm);animation:none;box-shadow:var(--s-shadow-level-2)}}.popover__scroll-container{overflow-x:hidden;overflow-y:auto;width:100%;max-height:90vh;padding-top:var(--s-space-24);padding-bottom:var(--s-space-24);overscroll-behavior:contain}@media (min-width: 768px){.popover__scroll-container{max-height:22rem;padding-top:var(--s-space-8);padding-bottom:var(--s-space-8)}}.popover__handle{position:absolute;top:var(--s-space-8);left:50%;width:2.5rem;height:0.375rem;border-radius:0.1875rem;background-color:var(--s-border-default);transform:translatex(-50%)}@media (min-width: 768px){.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}}", S = class {
+const T = ":host{position:relative;z-index:var(--s-z-40);display:inline-flex}:host *{box-sizing:border-box}.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-slide-in}@media (min-width: 768px){.popover--active:not(.popover--closing) .popover__content{transform-origin:top left;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;animation-fill-mode:forwards}@media (prefers-reduced-motion){.popover--closing .popover__backdrop{animation:none}}.popover--closing .popover__content{animation:0.15s popover-slide-out;animation-fill-mode:forwards}@media (min-width: 768px){.popover--closing .popover__content{animation:0.15s popover-fade-out}}@media (prefers-reduced-motion){.popover--closing .popover__content{animation:none}}.popover--inactive .popover__content{display:none}@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;animation-fill-mode: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{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}}@media (min-width: 768px){.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}}@media (min-width: 768px){.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}}@media (min-width: 768px){.popover--transparent .popover__content{background-color:transparent;box-shadow:none}}@media (min-width: 768px){.popover--transparent .popover__scroll-container{padding:0}}.popover__backdrop{position:fixed;z-index:0;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}}@media (min-width: 768px){.popover__backdrop{display:none}}.popover__content{position:fixed;z-index:2;right:0;bottom:0;left:0;overflow:hidden;border-top-left-radius:var(--s-border-radius-xl);border-top-right-radius:var(--s-border-radius-xl);background-color:var(--s-surface-overlay-default)}@media (min-width: 768px){.popover__content{right:unset;bottom:unset;left:unset;max-width:22.5rem;border-radius:var(--s-border-radius-sm);animation:none;box-shadow:var(--s-shadow-level-2)}}.popover__scroll-container{overflow-x:hidden;overflow-y:auto;width:100%;max-height:90vh;padding-top:var(--s-space-24);padding-bottom:var(--s-space-24);overscroll-behavior:contain}@media (min-width: 768px){.popover__scroll-container{max-height:22rem;padding-top:var(--s-space-8);padding-bottom:var(--s-space-8)}}.popover__handle{position:absolute;top:var(--s-space-8);left:50%;width:2.5rem;height:0.375rem;border-radius:0.1875rem;background-color:var(--s-border-default);transform:translatex(-50%)}@media (min-width: 768px){.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}}", P = T, B = class {
   constructor(e) {
     g(this, e), this.popoverClose = l(this, "popoverClose", 7), this.popoverOpen = l(this, "popoverOpen", 7), this.toggle = (t) => {
       t.stopPropagation(), this.active ? this.close() : this.open();
@@ -39,8 +39,8 @@ const B = ":host{position:relative;z-index:var(--s-z-40);display:inline-flex}:ho
     var p;
     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, u = T(), f = ["SWIRL-TAB"], b = !this.el.contains(r) && !this.el.contains(u), _ = r !== this.triggerEl && !((p = this.triggerEl) != null && p.contains(r)), w = i && !this.el.contains(s || r) && s !== this.el;
-    !f.includes(r.tagName) && b && _ && (!i || w) && this.close();
+    const t = /^((?!chrome|android).)*safari/i.test(navigator.userAgent), o = "webkit" in window, i = t || o, r = e.target, s = e.relatedTarget, m = S(), u = ["SWIRL-TAB"], b = !this.el.contains(r) && !this.el.contains(m), w = r !== this.triggerEl && !((p = this.triggerEl) != null && p.contains(r)), _ = i && !this.el.contains(s || r) && s !== this.el;
+    !u.includes(r.tagName) && b && w && (!i || _) && this.close();
   }
   onWindowClick(e) {
     if (!this.active || this.closing)
@@ -96,10 +96,10 @@ const B = ":host{position:relative;z-index:var(--s-z-40);display:inline-flex}:ho
       this.contentContainer.style.maxWidth = "", this.contentContainer.style.width = "";
   }
   lockBodyScroll() {
-    !a() || this.disableScrollLock || !Boolean(this.scrollContainer) || E(this.scrollContainer);
+    !a() || this.disableScrollLock || !Boolean(this.scrollContainer) || k(this.scrollContainer);
   }
   unlockBodyScroll() {
-    !a() || this.disableScrollLock || !Boolean(this.scrollContainer) || k(this.scrollContainer);
+    !a() || this.disableScrollLock || !Boolean(this.scrollContainer) || E(this.scrollContainer);
   }
   render() {
     var o, i, r;
@@ -110,19 +110,19 @@ const B = ":host{position:relative;z-index:var(--s-z-40);display:inline-flex}:ho
       "popover--inactive": !this.active,
       "popover--transparent": this.transparent
     });
-    return n(v, null, n("div", { class: t, onKeyDown: this.onKeydown }, n("div", { "aria-hidden": this.active ? "false" : "true", "aria-label": this.label, class: "popover__content", id: this.popoverId, part: "popover__content", role: "dialog", ref: (s) => this.contentContainer = s, style: {
+    return n(v, { key: "2962869c2c58e93ff4eff5dc9e58121c691960df" }, n("div", { key: "a6c041486ac705ec01e23cfe5e66688fa240e41f", class: t, onKeyDown: this.onKeydown }, n("div", { key: "9f1770b034bd56769f78e454bcb0d36b75d052c4", "aria-hidden": this.active ? "false" : "true", "aria-label": this.label, class: "popover__content", id: this.popoverId, part: "popover__content", role: "dialog", ref: (s) => this.contentContainer = s, style: {
       top: Boolean(this.position) ? `${(i = this.position) == null ? void 0 : i.y}px` : "",
       left: Boolean(this.position) ? `${(r = this.position) == null ? void 0 : r.x}px` : ""
-    }, tabindex: "-1" }, n("span", { class: "popover__handle" }), n("div", { class: "popover__scroll-container", part: "popover__scroll-container", ref: (s) => this.scrollContainer = s, style: {
+    }, tabindex: "-1" }, n("span", { key: "08b105b57e81f7aefe4d3a25a0978aebf4bbcff5", class: "popover__handle" }), n("div", { key: "b23a8581cef9c55ba1cb340a2bc4363a49655bd2", class: "popover__scroll-container", part: "popover__scroll-container", ref: (s) => this.scrollContainer = s, style: {
       maxHeight: !e && Boolean(this.maxHeight) ? this.maxHeight : void 0
-    } }, n("slot", null))), this.active && n("div", { class: "popover__backdrop", onClick: this.onCloseButtonClick })));
+    } }, n("slot", { key: "9698808a332e45d60800d8d34a32e4001edaac4d" }))), this.active && n("div", { key: "5061454547820a0a339d06c8d5a12bfd3256e6d9", class: "popover__backdrop", onClick: this.onCloseButtonClick })));
   }
   get el() {
-    return m(this);
+    return f(this);
   }
 };
-S.style = B;
-const W = ".sc-swirl-popover-trigger-h{display:contents}", P = class {
+B.style = P;
+const W = ".sc-swirl-popover-trigger-h{display:contents}", I = W, O = class {
   constructor(e) {
     g(this, e), this.onClick = () => {
       const t = this.getPopoverEl();
@@ -145,9 +145,9 @@ const W = ".sc-swirl-popover-trigger-h{display:contents}", P = class {
       const o = this.getTriggerEl();
       if (!Boolean(o))
         return;
-      const i = typeof this.popover == "string" ? this.popover : (r = this.popover) == null ? void 0 : r.id;
+      const i = typeof this.swirlPopover == "string" ? this.swirlPopover : (r = this.swirlPopover) == null ? void 0 : r.id;
       o.tagName.startsWith("SWIRL-") ? (o.setAttribute("swirl-aria-controls", i), o.setAttribute("swirl-aria-expanded", String(t || "false")), o.setAttribute("swirl-aria-haspopup", "dialog")) : (o.setAttribute("aria-controls", i), o.setAttribute("aria-expanded", String(t || "false")), o.setAttribute("aria-haspopup", "dialog"));
-    }, this.hidePopoverWhenInvisible = !0, this.parentScrollContainer = void 0, this.popover = void 0, this.setAriaAttributes = !0;
+    }, this.hidePopoverWhenInvisible = !0, this.parentScrollContainer = void 0, this.setAriaAttributes = !0, this.swirlPopover = void 0;
   }
   componentDidLoad() {
     if (this.updateTriggerElAriaAttributes(), this.hidePopoverWhenInvisible) {
@@ -169,7 +169,7 @@ const W = ".sc-swirl-popover-trigger-h{display:contents}", P = class {
     this.updateTriggerElAriaAttributes();
   }
   getPopoverEl() {
-    return typeof this.popover == "string" ? document.querySelector(`#${this.popover}`) : this.popover;
+    return typeof this.swirlPopover == "string" ? document.querySelector(`#${this.swirlPopover}`) : 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];
@@ -184,19 +184,19 @@ const W = ".sc-swirl-popover-trigger-h{display:contents}", P = class {
     return (o = e == null ? void 0 : e.shadowRoot.firstChild) == null ? void 0 : o.classList.contains("popover--active");
   }
   render() {
-    return n(v, { onClick: this.onClick }, n("slot", null));
+    return n(v, { key: "d8cbab00abde74d7827e1c3009ac9f3f2f215874", onClick: this.onClick }, n("slot", { key: "f81879f43c7f15b0cfba9e38efd4ff72518d7e7c" }));
   }
   get el() {
-    return m(this);
+    return f(this);
   }
   static get watchers() {
     return {
-      popover: ["watchPopover"]
+      swirlPopover: ["watchPopover"]
     };
   }
 };
-P.style = W;
+O.style = I;
 export {
-  S as swirl_popover,
-  P as swirl_popover_trigger
+  B as swirl_popover,
+  O as swirl_popover_trigger
 };

package/dist/{swirl-progress-indicator.entry.65febcc2.js → swirl-progress-indicator.entry.f3e53bfb.js}

@@ -1,17 +1,17 @@
-import { r as t, h as s, H as n } from "./index.6d1f4d8d.js";
-import { c } from "./index-d280dafb.186cdb0e.js";
+import { r as t, h as i, H as n } from "./index.d90adc50.js";
+import { c } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
-const d = ":host{display:block;width:100%}:host *{box-sizing:border-box}:host(.circle){display:inline-flex;width:auto}.progress-indicator--variant-bar{display:block;width:100%;height:0.25rem;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.progress-indicator--variant-bar::-webkit-progress-bar{border-radius:0.125rem;background-color:var(--s-surface-raised-default)}.progress-indicator--variant-bar::-webkit-progress-value{border-radius:0.125rem;background-color:var(--s-border-highlight);-webkit-transition:width 0.25s;transition:width 0.25s}.progress-indicator--variant-bar::-moz-progress-bar{height:0.25rem;border-radius:0.125rem;background-color:var(--s-border-highlight);-moz-transition:width 0.25s;transition:width 0.25s}@media (prefers-reduced-motion){.progress-indicator--variant-bar::-moz-progress-bar{-moz-transition:none;transition:none}}.progress-indicator--variant-bar.progress-indicator--size-s{height:0.125rem}.progress-indicator--variant-bar.progress-indicator--size-s::-webkit-progress-bar{border-radius:0.0625rem}.progress-indicator--variant-bar.progress-indicator--size-s::-webkit-progress-value{border-radius:0.0625rem}.progress-indicator--variant-bar.progress-indicator--size-s::-moz-progress-bar{height:0.125rem;border-radius:0.0625rem}.progress-indicator--variant-circle{position:relative;display:inline-flex;overflow:hidden;width:3rem;height:3rem}.progress-indicator--variant-circle.progress-indicator--size-s{width:1.5rem;height:1.5rem}.progress-indicator__circle{position:absolute;width:100%;height:100%;transform:rotate(-90deg);inset:0}.progress-indicator__circle-background{stroke:var(--s-border-default);stroke-linecap:round}.progress-indicator__circle-value{transition:stroke-dashoffset 0.25s;stroke:var(--s-interactive-primary-default);stroke-linecap:round}@media (prefers-reduced-motion){.progress-indicator__circle-value{transition:none}}", l = class {
+const d = ":host{display:block;width:100%}:host *{box-sizing:border-box}:host(.circle){display:inline-flex;width:auto}.progress-indicator--variant-bar{display:block;width:100%;height:0.25rem;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.progress-indicator--variant-bar::-webkit-progress-bar{border-radius:0.125rem;background-color:var(--s-surface-raised-default)}.progress-indicator--variant-bar::-webkit-progress-value{border-radius:0.125rem;background-color:var(--s-border-highlight);-webkit-transition:width 0.25s;transition:width 0.25s}.progress-indicator--variant-bar::-moz-progress-bar{height:0.25rem;border-radius:0.125rem;background-color:var(--s-border-highlight);-moz-transition:width 0.25s;transition:width 0.25s}@media (prefers-reduced-motion){.progress-indicator--variant-bar::-moz-progress-bar{-moz-transition:none;transition:none}}.progress-indicator--variant-bar.progress-indicator--size-s{height:0.125rem}.progress-indicator--variant-bar.progress-indicator--size-s::-webkit-progress-bar{border-radius:0.0625rem}.progress-indicator--variant-bar.progress-indicator--size-s::-webkit-progress-value{border-radius:0.0625rem}.progress-indicator--variant-bar.progress-indicator--size-s::-moz-progress-bar{height:0.125rem;border-radius:0.0625rem}.progress-indicator--variant-circle{position:relative;display:inline-flex;overflow:hidden;width:3rem;height:3rem}.progress-indicator--variant-circle.progress-indicator--size-s{width:1.5rem;height:1.5rem}.progress-indicator__circle{position:absolute;width:100%;height:100%;transform:rotate(-90deg);inset:0}.progress-indicator__circle-background{stroke:var(--s-border-default);stroke-linecap:round}.progress-indicator__circle-value{transition:stroke-dashoffset 0.25s;stroke:var(--s-interactive-primary-default);stroke-linecap:round}@media (prefers-reduced-motion){.progress-indicator__circle-value{transition:none}}", l = d, h = class {
   constructor(a) {
     t(this, a), this.label = void 0, this.size = "m", this.value = 0, this.variant = "bar";
   }
   render() {
-    const a = c("progress-indicator", `progress-indicator--size-${this.size}`, `progress-indicator--variant-${this.variant}`), i = this.size === "m" ? 4 : 2, r = this.size === "m" ? 20 : 10, e = Math.round(r * 2 * Math.PI), o = Math.round(e * ((100 - this.value) / 100));
-    return s(n, { class: this.variant }, this.variant === "bar" && s("progress", { "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: a, max: 100, value: this.value }), this.variant === "circle" && s("span", { role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: a }, s("svg", { class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(r + i) * 2} ${(r + i) * 2}` }, s("circle", { class: "progress-indicator__circle-background", cx: r + i, cy: r + i, r, fill: "none", "stroke-width": i }), s("circle", { class: "progress-indicator__circle-value", cx: r + i, cy: r + i, r, fill: "none", "stroke-width": i, "stroke-dasharray": e, "stroke-dashoffset": o }))));
+    const a = c("progress-indicator", `progress-indicator--size-${this.size}`, `progress-indicator--variant-${this.variant}`), e = this.size === "m" ? 4 : 2, r = this.size === "m" ? 20 : 10, s = Math.round(r * 2 * Math.PI), o = Math.round(s * ((100 - this.value) / 100));
+    return i(n, { key: "27419f6ad606ceac76c55096966b81fa4b75795f", class: this.variant }, this.variant === "bar" && i("progress", { key: "584e128f990fba9039551c117f1e1fc1de8c6b4f", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: a, max: 100, value: this.value }), this.variant === "circle" && i("span", { key: "353b1fae553920caed0b94a05eaf979124ec32cf", role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: a }, i("svg", { key: "440cffe589e414770395aeec40c3d6f9efe90b62", class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(r + e) * 2} ${(r + e) * 2}` }, i("circle", { key: "35d900dd7542a5745ba11f28c2d9c6fada99c689", class: "progress-indicator__circle-background", cx: r + e, cy: r + e, r, fill: "none", "stroke-width": e }), i("circle", { key: "030ed6dd3c2c72ccbb6fa34416e4f956efc13967", class: "progress-indicator__circle-value", cx: r + e, cy: r + e, r, fill: "none", "stroke-width": e, "stroke-dasharray": s, "stroke-dashoffset": o }))));
   }
 };
-l.style = d;
+h.style = l;
 export {
-  l as swirl_progress_indicator
+  h as swirl_progress_indicator
 };

package/dist/{swirl-radio-group.entry.09ec65e0.js → swirl-radio-group.entry.39d29324.js}

@@ -1,9 +1,9 @@
-import { r as o, c as l, h as i, H as n, g as u } from "./index.6d1f4d8d.js";
+import { r as o, c as d, h as i, H as l, g as n } from "./index.d90adc50.js";
 import "react";
 import "react-dom";
-const d = ".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)}", h = class {
+const u = ".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 = u, h = class {
   constructor(r) {
-    o(this, r), this.valueChange = l(this, "valueChange", 7), this.swirlAriaDescribedby = void 0, this.value = void 0;
+    o(this, r), this.valueChange = d(this, "valueChange", 7), this.swirlAriaDescribedby = void 0, this.value = void 0;
   }
   componentDidLoad() {
     this.radioButtons = Array.from(this.el.querySelectorAll("swirl-radio")), this.initValue(), this.handleValueChanges();
@@ -16,20 +16,20 @@ const d = ".sc-swirl-radio-group-h{display:block}.sc-swirl-radio-group-h *.sc-sw
   }
   handleValueChanges() {
     for (const [r, e] of Object.entries(this.radioButtons))
-      e.addEventListener("valueChange", (s) => {
-        s.stopPropagation(), (e.checked === !0 || e.checked === "true") && (this.valueChange.emit(e.value), this.value = e.value, this.radioButtons.forEach((t, a) => {
-          String(a) !== r && (t.checked = !1);
+      e.addEventListener("valueChange", (a) => {
+        a.stopPropagation(), (e.checked === !0 || e.checked === "true") && (this.valueChange.emit(e.value), this.value = e.value, this.radioButtons.forEach((s, t) => {
+          String(t) !== r && (s.checked = !1);
         }));
       });
   }
   render() {
-    return i(n, { "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, i("div", { class: "radio-group" }, i("slot", null)));
+    return i(l, { key: "af60f32c2656b62c7a5d5185c1740fb15d4da7f8", "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, i("div", { key: "f1c4e1dc5b8beab72174217710bcfdf058b2f712", class: "radio-group" }, i("slot", { key: "98310d7f836f3c5bd0a61c62e44ff84877fb81c5" })));
   }
   get el() {
-    return u(this);
+    return n(this);
   }
 };
-h.style = d;
+h.style = c;
 export {
   h as swirl_radio_group
 };

package/dist/{swirl-radio.entry.0e0e0a8d.js → swirl-radio.entry.bc87fc9c.js}

@@ -1,12 +1,12 @@
-import { r as e, c as l, h as i, H as c } from "./index.6d1f4d8d.js";
-import { c as t } from "./index-d280dafb.186cdb0e.js";
+import { r as s, c, h as i, H as l } from "./index.d90adc50.js";
+import { c as t } from "./index-267776a4.6beb4f4b.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}.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-surface-hovered)}.radio--variant-card.sc-swirl-radio:active:not(.radio--disabled){background-color:var(--s-surface-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{font-weight:var(--s-font-weight-medium)}@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 {
+      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-surface-hovered)}.radio--variant-card.sc-swirl-radio:active:not(.radio--disabled){background-color:var(--s-surface-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{font-weight:var(--s-font-weight-medium)}@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 = n, b = class {
   constructor(r) {
-    e(this, r), this.valueChange = l(this, "valueChange", 7), this.onChange = () => {
+    s(this, r), this.valueChange = c(this, "valueChange", 7), this.onChange = () => {
       this.checked = !0, this.valueChange.emit(this.value);
     }, this.checked = !1, this.description = void 0, this.disabled = !1, this.inputId = void 0, this.inputName = void 0, this.invalid = void 0, this.label = void 0, this.value = void 0, this.variant = "default";
   }
@@ -14,16 +14,16 @@ const n = `.sc-swirl-radio-h{display:inline-flex}.sc-swirl-radio-h *.sc-swirl-ra
     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, s = t("radio", `radio--variant-${this.variant}`, {
+    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(c, { style: { width: this.variant === "card" ? "100%" : void 0 } }, i("label", { class: s, htmlFor: this.inputId }, i("span", { class: "radio__control" }, i("swirl-visually-hidden", null, i("input", { "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", { "aria-hidden": "true", class: "radio__box" })), i("span", { class: "radio__label-container" }, this.label && i("span", { class: "radio__label" }, this.label), this.description && i("span", { class: "radio__description", innerHTML: this.description }))));
+    return i(l, { key: "fc985b38861a7d05e94a56318ff95829c86f43ce", style: { width: this.variant === "card" ? "100%" : void 0 } }, i("label", { key: "ca2727078705ed2947a1febf09038325d1b69ce0", class: e, htmlFor: this.inputId }, i("span", { key: "baafc96aae7ac8e6bb2529de01dddf033695e3e9", class: "radio__control" }, i("swirl-visually-hidden", { key: "18a33db4b572d9ac8b240d2a087ba0e45848b080" }, i("input", { key: "2dd8e35091fc9922b37da7f2c98b4eb6fc901a7f", "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: "39894d57350dffe3353405ad434320ce981b0b15", "aria-hidden": "true", class: "radio__box" })), i("span", { key: "b997e9e65b9f14e1f30e714fb2d52635736ffe60", class: "radio__label-container" }, this.label && i("span", { key: "0799b01df4c751805785d9855e5de7fa4903ee70", class: "radio__label" }, this.label), this.description && i("span", { key: "2a443b95911cbcede9df32505f295d1a156ea5a4", class: "radio__description", innerHTML: this.description }))));
   }
 };
-h.style = n;
+b.style = h;
 export {
-  h as swirl_radio
+  b as swirl_radio
 };

package/dist/{swirl-resource-list-file-item.entry.99b82126.js → swirl-resource-list-file-item.entry.e02fad69.js}

@@ -1,11 +1,11 @@
-import { r as c, c as n, h as e, H as a } from "./index.6d1f4d8d.js";
-import { c as m } from "./index-d280dafb.186cdb0e.js";
-import { g as h } from "./utils-c5f2f98f.af14538a.js";
+import { r as c, c as a, h as e, H as n } from "./index.d90adc50.js";
+import { c as d } from "./index-267776a4.6beb4f4b.js";
+import { g as f } from "./utils-aab10c80.240adddc.js";
 import "react";
 import "react-dom";
-const d = '.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%)}', u = class {
+const m = '.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%)}', h = m, u = class {
   constructor(i) {
-    c(this, i), this.remove = n(this, "remove", 7), this.desktopMediaQuery = h(), this.desktopMediaQueryHandler = (s) => {
+    c(this, i), this.remove = a(this, "remove", 7), this.desktopMediaQuery = f(), this.desktopMediaQueryHandler = (s) => {
       this.forceIconProps(s.matches);
     }, this.description = void 0, this.errorMessage = void 0, this.icon = "<swirl-icon-file></swirl-icon-file>", this.label = void 0, this.loading = void 0, this.removable = void 0, this.removeButtonLabel = "Remove file";
   }
@@ -23,13 +23,13 @@ const d = '.sc-swirl-resource-list-file-item-h{display:block;width:100%}.sc-swir
     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 = m("resource-list-file-item", {
+    const i = Boolean(this.errorMessage), s = !i && Boolean(this.description), r = !i && this.loading, t = this.removable && !r, l = d("resource-list-file-item", {
       "resource-list-file-item--has-control": r || t
     });
-    return e(a, { role: "row" }, e("div", { class: l, part: "resource-list-file-item", role: "gridcell" }, e("span", { class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (o) => this.iconEl = o }), e("span", { class: "resource-list-file-item__label-container" }, e("span", { class: "resource-list-file-item__label", id: "label" }, this.label), s && e("span", { class: "resource-list-file-item__description" }, this.description), i && e("span", { "aria-live": "polite", class: "resource-list-file-item__error-message" }, e("swirl-inline-error", { message: this.errorMessage, size: "s" }))), r && e("span", { class: "resource-list-file-item__spinner" }, e("swirl-spinner", { size: "s" })), t && e("span", { class: "resource-list-file-item__remove-button" }, e("swirl-button", { hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))));
+    return e(n, { key: "32493263d882770a282b8905d04c9ccb3307c68b", role: "row" }, e("div", { key: "0c5ab353058643e851df697b88bea4fcb72f62a7", class: l, part: "resource-list-file-item", role: "gridcell" }, e("span", { key: "e7d20c9350154d6b81abff5fbae91a8e90fea35a", class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (o) => this.iconEl = o }), e("span", { key: "d5ec5cd4ad7cc9a75af21ae5af8985b01cd5b403", class: "resource-list-file-item__label-container" }, e("span", { key: "73611817cf84d88638a9d6017ef106e8a9305a2f", class: "resource-list-file-item__label", id: "label" }, this.label), s && e("span", { key: "91f13fd79761fb6d15ce6caac3c9f2a41ada59be", class: "resource-list-file-item__description" }, this.description), i && e("span", { key: "06fccb5e51dfc2cd5c2d7f96781244139fd3d052", "aria-live": "polite", class: "resource-list-file-item__error-message" }, e("swirl-inline-error", { key: "77e6594dcccdd41ec4c744ff9d34fa430db78bd2", message: this.errorMessage, size: "s" }))), r && e("span", { key: "d1da60cbde77ff624b06f6cb15ae6ea7a846f393", class: "resource-list-file-item__spinner" }, e("swirl-spinner", { key: "26e1a6fa1bf694fa69090f4c328723033932b39b", size: "s" })), t && e("span", { key: "30978677ee0e809c0f4c3f36227ef04569a7ac3e", class: "resource-list-file-item__remove-button" }, e("swirl-button", { key: "22265fe0321ff055f4ccb5e9bdddeaced26b8c9e", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))));
   }
 };
-u.style = d;
+u.style = h;
 export {
   u as swirl_resource_list_file_item
 };

package/dist/{swirl-search.entry.a15459e3.js → swirl-search.entry.ef5ec813.js}

@@ -1,22 +1,22 @@
-import { r as i, c as r, h as a, H as t } from "./index.6d1f4d8d.js";
-import { c } from "./index-d280dafb.186cdb0e.js";
-import { g as h } from "./utils-c5f2f98f.af14538a.js";
+import { r as i, c as r, h as a, H as t } from "./index.d90adc50.js";
+import { c } from "./index-267776a4.6beb4f4b.js";
+import { g as h } from "./utils-aab10c80.240adddc.js";
 import "react";
 import "react-dom";
-const n = ".sc-swirl-search-h{display:flex;width:100%}.sc-swirl-search-h *.sc-swirl-search{box-sizing:border-box}.search.sc-swirl-search{position:relative;display:flex;width:100%}.search--variant-outline.sc-swirl-search .search__input.sc-swirl-search{background-color:transparent;box-shadow:inset 0 0 0 var(--s-border-width-default) var(--s-border-strong)}.search--disabled.sc-swirl-search .search__icon.sc-swirl-search{color:var(--s-icon-disabled)}.search--disabled.sc-swirl-search .search__input.sc-swirl-search{color:var(--s-text-disabled)}.search--disabled.sc-swirl-search .search__input.sc-swirl-search::-moz-placeholder{color:var(--s-text-disabled)}.search--disabled.sc-swirl-search .search__input.sc-swirl-search::placeholder{color:var(--s-text-disabled)}.search__icon.sc-swirl-search{position:absolute;top:50%;left:var(--s-space-12);display:inline-flex;width:1.5rem;height:1.5rem;color:var(--s-icon-default);transform:translateY(-50%)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.search__icon.sc-swirl-search{width:1.25rem;height:1.25rem}}.search__input.sc-swirl-search{width:100%;height:2.5rem;padding-top:var(--s-space-8);padding-right:calc(var(--s-space-12) + 1.5rem + var(--s-space-8));padding-bottom:var(--s-space-8);padding-left:calc(var(--s-space-12) + 1.5rem + var(--s-space-8));border:none;border-radius:var(--s-border-radius-base);color:var(--s-text-default);background-color:var(--s-surface-raised-default);font:inherit;line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.search__input.sc-swirl-search:focus:not(:focus-visible){outline:none}.search__input.sc-swirl-search:focus-visible{outline-color:var(--s-focus-default)}.search__input.sc-swirl-search::-moz-placeholder{color:var(--s-text-subdued)}.search__input.sc-swirl-search::placeholder{color:var(--s-text-subdued)}.search__input.sc-swirl-search::-webkit-search-decoration,.search__input.sc-swirl-search::-webkit-search-cancel-button,.search__input.sc-swirl-search::-webkit-search-results-button,.search__input.sc-swirl-search::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}.search__input.sc-swirl-search:not(:-moz-placeholder-shown)+.search__clear-button.sc-swirl-search{display:inline-flex}.search__input.sc-swirl-search:not(:placeholder-shown)+.search__clear-button.sc-swirl-search{display:inline-flex}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.search__input.sc-swirl-search{height:2.25rem;padding-left:calc(var(--s-space-8) + 1.5rem + var(--s-space-8));font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.search__clear-button.sc-swirl-search{position:absolute;top:50%;right:var(--s-space-12);display:none;padding:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:pointer;transform:translateY(-50%)}", o = class {
-  constructor(e) {
-    i(this, e), this.inputBlur = r(this, "inputBlur", 7), this.inputFocus = r(this, "inputFocus", 7), this.inputInput = r(this, "inputInput", 7), this.valueChange = r(this, "valueChange", 7), this.desktopMediaQuery = h(), this.desktopMediaQueryHandler = (s) => {
-      this.forceIconProps(s.matches);
+const n = ".sc-swirl-search-h{display:flex;width:100%}.sc-swirl-search-h *.sc-swirl-search{box-sizing:border-box}.search.sc-swirl-search{position:relative;display:flex;width:100%}.search--variant-outline.sc-swirl-search .search__input.sc-swirl-search{background-color:transparent;box-shadow:inset 0 0 0 var(--s-border-width-default) var(--s-border-strong)}.search--disabled.sc-swirl-search .search__icon.sc-swirl-search{color:var(--s-icon-disabled)}.search--disabled.sc-swirl-search .search__input.sc-swirl-search{color:var(--s-text-disabled)}.search--disabled.sc-swirl-search .search__input.sc-swirl-search::-moz-placeholder{color:var(--s-text-disabled)}.search--disabled.sc-swirl-search .search__input.sc-swirl-search::placeholder{color:var(--s-text-disabled)}.search__icon.sc-swirl-search{position:absolute;top:50%;left:var(--s-space-12);display:inline-flex;width:1.5rem;height:1.5rem;color:var(--s-icon-default);transform:translateY(-50%)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.search__icon.sc-swirl-search{width:1.25rem;height:1.25rem}}.search__input.sc-swirl-search{width:100%;height:2.5rem;padding-top:var(--s-space-8);padding-right:calc(var(--s-space-12) + 1.5rem + var(--s-space-8));padding-bottom:var(--s-space-8);padding-left:calc(var(--s-space-12) + 1.5rem + var(--s-space-8));border:none;border-radius:var(--s-border-radius-base);color:var(--s-text-default);background-color:var(--s-surface-raised-default);font:inherit;line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.search__input.sc-swirl-search:focus:not(:focus-visible){outline:none}.search__input.sc-swirl-search:focus-visible{outline-color:var(--s-focus-default)}.search__input.sc-swirl-search::-moz-placeholder{color:var(--s-text-subdued)}.search__input.sc-swirl-search::placeholder{color:var(--s-text-subdued)}.search__input.sc-swirl-search::-webkit-search-decoration,.search__input.sc-swirl-search::-webkit-search-cancel-button,.search__input.sc-swirl-search::-webkit-search-results-button,.search__input.sc-swirl-search::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}.search__input.sc-swirl-search:not(:-moz-placeholder-shown)+.search__clear-button.sc-swirl-search{display:inline-flex}.search__input.sc-swirl-search:not(:placeholder-shown)+.search__clear-button.sc-swirl-search{display:inline-flex}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.search__input.sc-swirl-search{height:2.25rem;padding-left:calc(var(--s-space-8) + 1.5rem + var(--s-space-8));font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.search__clear-button.sc-swirl-search{position:absolute;top:50%;right:var(--s-space-12);display:none;padding:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:pointer;transform:translateY(-50%)}", o = n, l = class {
+  constructor(s) {
+    i(this, s), this.inputBlur = r(this, "inputBlur", 7), this.inputFocus = r(this, "inputFocus", 7), this.inputInput = r(this, "inputInput", 7), this.valueChange = r(this, "valueChange", 7), this.desktopMediaQuery = h(), this.desktopMediaQueryHandler = (e) => {
+      this.forceIconProps(e.matches);
     }, this.clear = () => {
       this.input.value = "", this.input.focus(), this.valueChange.emit("");
-    }, this.onBlur = (s) => {
-      this.inputBlur.emit(s);
-    }, this.onChange = (s) => {
-      this.valueChange.emit(s.target.value);
-    }, this.onFocus = (s) => {
-      this.inputFocus.emit(s);
-    }, this.onInput = (s) => {
-      this.inputInput.emit(s.target.value);
+    }, this.onBlur = (e) => {
+      this.inputBlur.emit(e);
+    }, this.onChange = (e) => {
+      this.valueChange.emit(e.target.value);
+    }, this.onFocus = (e) => {
+      this.inputFocus.emit(e);
+    }, this.onInput = (e) => {
+      this.inputInput.emit(e.target.value);
     }, this.autoFocus = void 0, this.clearButtonLabel = "Clear search term", this.disabled = void 0, this.inputName = void 0, this.inputId = void 0, this.label = void 0, this.placeholder = "Search \u2026", this.value = void 0, this.variant = "filled";
   }
   componentDidLoad() {
@@ -25,26 +25,26 @@ const n = ".sc-swirl-search-h{display:flex;width:100%}.sc-swirl-search-h *.sc-sw
     });
   }
   disconnectedCallback() {
-    var e, s;
-    (s = (e = this.desktopMediaQuery).removeEventListener) == null || s.call(e, "change", this.desktopMediaQueryHandler);
+    var s, e;
+    (e = (s = this.desktopMediaQuery).removeEventListener) == null || e.call(s, "change", this.desktopMediaQueryHandler);
   }
-  forceIconProps(e) {
+  forceIconProps(s) {
     if (!Boolean(this.iconEl))
       return;
-    const s = this.iconEl.children[0];
-    s == null || s.setAttribute("size", e ? "20" : "24");
+    const e = this.iconEl.children[0];
+    e == null || e.setAttribute("size", s ? "20" : "24");
   }
-  onKeyDown(e) {
-    (e.code === "KeyK" || e.code === "Slash") && (e.ctrlKey || e.metaKey) && this.input.focus();
+  onKeyDown(s) {
+    (s.code === "KeyK" || s.code === "Slash") && (s.ctrlKey || s.metaKey) && this.input.focus();
   }
   render() {
-    const e = c("search", `search--variant-${this.variant}`, {
+    const s = c("search", `search--variant-${this.variant}`, {
       "search--disabled": this.disabled
     });
-    return a(t, null, a("span", { class: e, ref: (s) => this.iconEl = s }, a("swirl-icon-search", { "aria-hidden": "true", class: "search__icon" }), a("input", { "aria-disabled": this.disabled ? "true" : void 0, "aria-label": this.label, autoComplete: "off", autoFocus: this.autoFocus, class: "search__input", disabled: this.disabled, id: this.inputId, inputMode: "search", name: this.inputName, onBlur: this.onBlur, onChange: this.onChange, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (s) => this.input = s, type: "search", value: this.value }), !this.disabled && a("button", { "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, a("swirl-icon-cancel", null))));
+    return a(t, { key: "af6abd6a789cbce869a9a544f86f6d0348f2999d" }, a("span", { key: "1a1674c68d9f4fdf3eed7c0800ed77d7fac1d69f", class: s, ref: (e) => this.iconEl = e }, a("swirl-icon-search", { key: "6e0883576e746dd79b4fcccb5875786e2ecb55df", "aria-hidden": "true", class: "search__icon" }), a("input", { key: "8df7b5037597190e8cc3130acba0b611e8df7179", "aria-disabled": this.disabled ? "true" : void 0, "aria-label": this.label, autoComplete: "off", autoFocus: this.autoFocus, class: "search__input", disabled: this.disabled, id: this.inputId, inputMode: "search", name: this.inputName, onBlur: this.onBlur, onChange: this.onChange, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (e) => this.input = e, type: "search", value: this.value }), !this.disabled && a("button", { key: "367846a3239dd9cb24493bbc17919e1f76e1f0af", "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, a("swirl-icon-cancel", { key: "6a625edca23c894633bf2bea87cce2e838fec037" }))));
   }
 };
-o.style = n;
+l.style = o;
 export {
-  o as swirl_search
+  l as swirl_search
 };