@getflip/swirl-components-react 0.315.1 → 0.316.0

package/dist/{swirl-lightbox.entry.58d25f12.js → swirl-lightbox.entry.12f4fcb8.js}

@@ -1,5 +1,5 @@
-import { r as h, c as b, h as i, H as u, g } from "./index.5e0cefe1.js";
-import { d as f, e as m } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
+import { r as h, c as b, h as i, H as u, g as f } from "./index.433e939a.js";
+import { d as g, e as m } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
 import { c as p } from "./index-267776a4.6beb4f4b.js";
 import { c as x } from "./focus-trap.esm-49c9613c.db20abcc.js";
 import { q as v } from "./utils-877a768f.c277f897.js";
@@ -32,10 +32,10 @@ const y = ':host{display:block}:host *{box-sizing:border-box}.lightbox{position:
       if (a || s)
         return;
       e.preventDefault();
-      const r = e instanceof MouseEvent ? e.clientX - this.dragStartPosition : e.touches[0].clientX - this.dragStartPosition;
-      this.slides.forEach((d) => {
-        const c = this.activeSlideIndex * d.getBoundingClientRect().width;
-        this.dragDelta = r, d.style.transform = `translate3d(${(-c + this.dragDelta) / 16}rem, 0, 0)`;
+      const d = e instanceof MouseEvent ? e.clientX - this.dragStartPosition : e.touches[0].clientX - this.dragStartPosition;
+      this.slides.forEach((r) => {
+        const c = this.activeSlideIndex * r.getBoundingClientRect().width;
+        this.dragDelta = d, r.style.transform = `translate3d(${(-c + this.dragDelta) / 16}rem, 0, 0)`;
       });
     }, this.onPointerUp = () => {
       if (!this.dragging)
@@ -137,7 +137,7 @@ const y = ':host{display:block}:host *{box-sizing:border-box}.lightbox{position:
     return (t = this.slides[this.activeSlideIndex]) == null ? void 0 : t.thumbnailUrl;
   }
   lockBodyScroll() {
-    f(this.el);
+    g(this.el);
   }
   unlockBodyScroll() {
     m(this.el);
@@ -156,15 +156,15 @@ const y = ':host{display:block}:host *{box-sizing:border-box}.lightbox{position:
     });
   }
   render() {
-    const t = this.slides.length > 1, e = this.getCurrentFileName(), a = this.getCurrentFileType(), o = this.getCurrentThumbnailUrl(), s = Boolean(this.el.querySelector("[slot='menu-items']")) || this.downloadButtonEnabled, r = Boolean(this.el.querySelector("[slot='toolbar']")), l = p("lightbox", {
+    const t = this.slides.length > 1, e = this.getCurrentFileName(), a = this.getCurrentFileType(), o = this.getCurrentThumbnailUrl(), s = Boolean(this.el.querySelector("[slot='menu-items']")) || this.downloadButtonEnabled, d = Boolean(this.el.querySelector("[slot='toolbar']")), l = p("lightbox", {
       "lightbox--closing": this.closing,
       "lightbox--hide-menu": !s,
-      "lightbox--hide-toolbar": !r
+      "lightbox--hide-toolbar": !d
     });
-    return i(u, { key: "e2a133946d61c9a6f1b7be2bb8d04e2d448c9761", onKeydown: this.onKeyDown }, i("section", { key: "e092562ecd6acb36512021a2c09310e7c51c7a22", "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: l, id: "lightbox", onMouseDown: this.onPointerDown, onMouseMove: this.onPointerMove, onMouseOut: this.onPointerUp, onMouseUp: this.onPointerUp, onTouchEnd: this.onPointerUp, onTouchMove: this.onPointerMove, onTouchStart: this.onPointerDown, ref: (n) => this.modalEl = n, role: "dialog", tabIndex: this.isOpen ? 0 : -1 }, i("div", { key: "eb9b0c42024bb89c1772330c5e59b90123f5cc77", class: "lightbox__body", role: "document" }, i("header", { key: "cbffaf49acefe86b3fcbce0093843dd9b704220b", class: "lightbox__header" }, i("button", { key: "cca4191c6f5c5b177e3f372b9622cb530d7aad4f", "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick }, i("swirl-icon-close", { key: "4b8a2d5f0a537457c6b61e9ee6478cbab26b2923" })), i("div", { key: "873f34e74102f26b9fa966b785d1c0f12856aa50", class: "lightbox__toolbar" }, i("slot", { key: "79beaa1e248ea0595ea319282fa04e2d2af21d9d", name: "toolbar" })), !this.hideMenu && i("swirl-popover-trigger", { key: "336059749cd33f7f901f21c2439e2ced74156d65", swirlPopover: this.menu }, i("button", { key: "2a62e561e0732190a4cc475446b89098011f52f8", "aria-label": this.menuTriggerLabel, class: "lightbox__menu-button" }, i("swirl-icon-more-vertikal", { key: "262a108249592740b6ed862dd11dbed8630d1c97" })))), i("div", { key: "ec66e027e40630def7cabdd761c9e8642cefebe9", "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, i("div", { key: "655d2b04b6d33aa9a5ea7061abb45d93fbe5dfc9", "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (n) => this.slidesContainer = n }, i("slot", { key: "1816142b89480eff02cad404e4cef885e1b74622", onSlotchange: this.registerSlides }))), i("div", { key: "ca84ebf1b893bbbd37b8ac475a6e3224d63b1fce", class: "lightbox__controls" }, i("button", { key: "1774b72c0939ed51a25593ae87ca4d830bc3159e", "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick }, i("swirl-icon-arrow-left", { key: "a0f26f632993264c66f7869118cd5097974258ad" })), i("button", { key: "105cb63732229543dc6126c34b1f461ead380ba7", "aria-label": this.nextSlideButtonLabel, class: "lightbox__next-slide-button", disabled: this.activeSlideIndex === this.slides.length - 1, onClick: this.onNextSlideClick }, i("swirl-icon-arrow-right", { key: "14a2d1e2f041d2b86dd60c1aaec6b1f414f6ca51" }))), t && i("span", { key: "932ba99435b128a9779add3e676f8b53495660b8", class: "lightbox__pagination" }, i("span", { key: "b5650f06d68eb8140b4414df0b5934557d620e1b", "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length)), !this.hideMenu && i("swirl-popover", { key: "e81b65c1a263f92a0af660da1ea0f99522ef66c3", animation: "scale-in-y", disableScrollLock: !0, id: "slide-menu", label: this.menuLabel, placement: "bottom-end", ref: (n) => this.menu = n }, i("swirl-stack", { key: "f5c5b974025b8cebdce51f0962056c4f035c6e50" }, i("div", { key: "6b755253aa21e5fb23d2118e43cb25816de4d2e6", class: "lightbox__meta" }, o && i("div", { key: "2bb18f0b23b2661b8e58ee8b7c6c4b9ee72bc13f", class: "lightbox__thumbnail" }, i("swirl-thumbnail", { key: "7c90554cfb88505443059637ef654554dd56e6e5", alt: "", src: o })), i("div", { key: "e50c897b14cd6474fcdddd71c4e4ea9aa733f326", class: "lightbox__file-info" }, i("swirl-text", { key: "76685b5933aad770eabba6c5320888613b1fc7d0", truncate: !0, weight: "semibold" }, e), i("swirl-text", { key: "8b42173edeff6c8c43f973c7dbd06d5d3fae2c3f", color: "subdued", size: "sm", truncate: !0 }, a))), s && i("swirl-separator", { key: "10f0ae0738d87b105a5b81dd0ee30672272abcd5" }), i("swirl-action-list", { key: "78fdf014f7c12731898c9a7c87dd37d0dba87e25" }, this.downloadButtonEnabled && i("swirl-action-list-item", { key: "8da51aeed46de3b1d608345851c878e3fad3ff1b", icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick }), i("slot", { key: "19e172f19ace91b7a311817d1f2a066b004575fc", name: "menu-items" }))))));
+    return i(u, { key: "91d46a35b140f57249319c5106f243a8dd2f4f0a", onKeydown: this.onKeyDown }, i("section", { key: "8ea23084e8c607e038d707b1fe1772edfe68f1cf", "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: l, id: "lightbox", onMouseDown: this.onPointerDown, onMouseMove: this.onPointerMove, onMouseOut: this.onPointerUp, onMouseUp: this.onPointerUp, onTouchEnd: this.onPointerUp, onTouchMove: this.onPointerMove, onTouchStart: this.onPointerDown, ref: (n) => this.modalEl = n, role: "dialog", tabIndex: this.isOpen ? 0 : -1 }, i("div", { key: "2fca5b5a377b5af704c774a41099ca4b9c214bb5", class: "lightbox__body", role: "document" }, i("header", { key: "e2ff67b0d8a739add2a0f2c1d3512d17f55c550f", class: "lightbox__header" }, i("button", { key: "175f15db505b5e2157760d4263d5eb9ca9db75c1", "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick }, i("swirl-icon-close", { key: "a9306d9f52ef9cba9d9b0afac5dafa6379ad6804" })), i("div", { key: "2a18cf853aeca95f2f18e9e0bff5f555cb58da9b", class: "lightbox__toolbar" }, i("slot", { key: "b860d9e8ed240fdf1f331843596c0fbc522fa89d", name: "toolbar" })), !this.hideMenu && i("swirl-popover-trigger", { key: "60d8bf4bfcfd2cca0d973b4b0bff78c98f717581", swirlPopover: this.menu }, i("button", { key: "e3c13f46da96e215d79dff8dd1cbfe76840434e3", "aria-label": this.menuTriggerLabel, class: "lightbox__menu-button" }, i("swirl-icon-more-vertikal", { key: "18495014c53e838aa812dd5ae3a3533ff3fae696" })))), i("div", { key: "c2bc1b75918cb3a65756e7616e6879958fabb581", "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, i("div", { key: "cf73200087b3e8bdda65be4b0ea4ac15d2b3f10d", "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (n) => this.slidesContainer = n }, i("slot", { key: "2f7d94bb275a6b3e1d2a93dca678fb72c5808ed9", onSlotchange: this.registerSlides }))), i("div", { key: "ea0047bad7579feda9da329d38afdfac92511172", class: "lightbox__controls" }, i("button", { key: "d4e81bff2c64609f661717fd1dfc94844e323684", "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick }, i("swirl-icon-arrow-left", { key: "652fb78eec1b305a20225df9a237724b445d68b3" })), i("button", { key: "085492a0815407f1b2d3ce93621a579332494e37", "aria-label": this.nextSlideButtonLabel, class: "lightbox__next-slide-button", disabled: this.activeSlideIndex === this.slides.length - 1, onClick: this.onNextSlideClick }, i("swirl-icon-arrow-right", { key: "317472b0065c11ed79f54c1c64e017731488fb81" }))), t && i("span", { key: "0ccb6d4cc37bf7dc592ee0799763ce3cf46d3fab", class: "lightbox__pagination" }, i("span", { key: "0ed45ecdd90dc0d5ee2ca853e546c7c4506b64c3", "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length)), !this.hideMenu && i("swirl-popover", { key: "81df911bd93713d4991ff76b5bd1f4b0e767468e", animation: "scale-in-y", disableScrollLock: !0, id: "slide-menu", label: this.menuLabel, placement: "bottom-end", ref: (n) => this.menu = n }, i("swirl-stack", { key: "ba851fa1af1f2a2c1c8741819cd4040ce0ef3cde" }, i("div", { key: "434b3c8de33166123960c95d291425c332d349da", class: "lightbox__meta" }, o && i("div", { key: "6ae4dca12c1fce5510a63083c6ea5cdf5c8ae088", class: "lightbox__thumbnail" }, i("swirl-thumbnail", { key: "4d5817f1cc0cb73401b6ee73a5c085ef27a53045", alt: "", src: o })), i("div", { key: "1de843b25500987efdc4aeefa666968dc430d6c4", class: "lightbox__file-info" }, i("swirl-text", { key: "90fd5396725c01f40e6651384d383309d34ddf36", truncate: !0, weight: "semibold" }, e), i("swirl-text", { key: "358e88eab803c6a84ac732813f717c7d50f698a4", color: "subdued", size: "sm", truncate: !0 }, a))), s && i("swirl-separator", { key: "143aa2aa5b29ad7f2172dedec800efcde842ccff" }), i("swirl-action-list", { key: "bf8a6f0221b929b44135d2615679d247cb8739c0" }, this.downloadButtonEnabled && i("swirl-action-list-item", { key: "0e08d2bfb0525e87d952c1e57ec8cfd0f61814f7", icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick }), i("slot", { key: "efa8052f1e53741c7e0bef7d51b32b6eb60b9b43", name: "menu-items" }))))));
   }
   get el() {
-    return g(this);
+    return f(this);
   }
   static get watchers() {
     return {

package/dist/{swirl-link.entry.de2c7b24.js → swirl-link.entry.d8852376.js}

@@ -1,4 +1,4 @@
-import { r, h as i, H as t } from "./index.5e0cefe1.js";
+import { r, h as i, H as t } from "./index.433e939a.js";
 import { c as s } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";

package/dist/{swirl-list.entry.e6f165ce.js → swirl-list.entry.bb0efd13.js}

@@ -1,15 +1,15 @@
-import { r as l, h as i, H as r } from "./index.5e0cefe1.js";
+import { r as l, h as e, H as r } from "./index.433e939a.js";
 import "react";
 import "react-dom";
 const s = ':host{display:block}:host *{box-sizing:border-box}.swirl-list{line-height:var(--s-line-height-base)}.swirl-list ul,.swirl-list ol{margin:0;padding:0;list-style-position:outside;list-style-type:none}.swirl-list ul li{padding-left:1.5rem}.swirl-list ul li:before{display:inline-block;width:1.5rem;margin-left:-1.5rem;text-align:center;content:"\u2022"}.swirl-list ol{counter-reset:item}.swirl-list ol ol{counter-reset:letter}.swirl-list ol ol li:before{content:counter(letter, lower-alpha) ".";counter-increment:letter}.swirl-list ol li{padding-left:1.5rem}.swirl-list ol li:before{display:inline-block;min-width:1.5rem;margin-left:-1.5rem;padding-right:var(--s-space-8);text-align:right;content:counter(item) ".";counter-increment:item;font-variant-numeric:tabular-nums}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.swirl-list{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}', n = s, o = class {
-  constructor(e) {
-    l(this, e);
+  constructor(i) {
+    l(this, i);
   }
   componentDidRender() {
     Array.from(this.containerEl.children).some((t) => !["UL", "OL"].includes(t.tagName)) && console.warn("[SwirlList] Only ul and ol elements are allowed as direct children of <swirl-list />.");
   }
   render() {
-    return i(r, { key: "3edcb0d2f9e40d196df4afb275905601fccb815d" }, i("div", { key: "78a8d50c80dde6c7e77f5b36208a567a1c08adf7", class: "swirl-list", ref: (e) => this.containerEl = e }, i("slot", { key: "35e90698df5af2ebd0c0d6c07b6d91e456bd987c" })));
+    return e(r, { key: "0d51cf337b1e3876460e5f12812d284914622d7f" }, e("div", { key: "4b10e086d0014bd45804f2a6c3bd84ab0e57327f", class: "swirl-list", ref: (i) => this.containerEl = i }, e("slot", { key: "4ce1f1d696b1d087ea727d7bd5b38c1d8fdc8cfa" })));
   }
 };
 o.style = n;

package/dist/{swirl-menu-item.entry.29798304.js → swirl-menu-item.entry.6bbc41b3.js}

@@ -1,4 +1,4 @@
-import { r, f as d, h as i, H as l, g as h } from "./index.5e0cefe1.js";
+import { r, f as d, h as i, H as l, g as h } from "./index.433e939a.js";
 import { c as u } from "./index-267776a4.6beb4f4b.js";
 import { c, p } from "./utils-877a768f.c277f897.js";
 import "react";
@@ -67,7 +67,7 @@ const m = ":host{display:block}:host *{box-sizing:border-box}.menu-item--expande
     const e = u("menu-item", {
       "menu-item--expanded": this.expanded
     });
-    return i(l, { key: "8b0d0ea3d265419f77586127628d22df72d03d56" }, i("div", { key: "181620d99aa412fa39cf90f8e4309fb061428b13", class: e }, ((t = this.parentMenu) == null ? void 0 : t.variant) === "selection" ? this.renderOptionListItem() : this.renderActionListItem(), i("slot", { key: "1b1f3c384e3b9d7f3a6371c3990ec84f862fac17", onSlotchange: this.onSlotChange })));
+    return i(l, { key: "daa652afe7fa1aee18cc3e201f3836c667519a31" }, i("div", { key: "0f7ac51a23e92ebfc42fafb4e08b4eb47f7ab216", class: e }, ((t = this.parentMenu) == null ? void 0 : t.variant) === "selection" ? this.renderOptionListItem() : this.renderActionListItem(), i("slot", { key: "1dc3b9534a34a33d371a92e21cda4ff505963f5f", onSlotchange: this.onSlotChange })));
   }
   get el() {
     return h(this);

package/dist/{swirl-menu.entry.2d1ccabf.js → swirl-menu.entry.4b462f6c.js}

@@ -1,4 +1,4 @@
-import { r as d, c, h as o, H as b, g as p } from "./index.5e0cefe1.js";
+import { r as d, c, h as o, H as b, g as p } from "./index.433e939a.js";
 import { c as v, a as f, o as w, s as g, f as y } from "./floating-ui.dom.esm-bef21834.ec4a9cbf.js";
 import { c as M } from "./index-267776a4.6beb4f4b.js";
 import { q as a, c as l, p as h, i as I, b as x } from "./utils-877a768f.c277f897.js";

package/dist/{swirl-modal.entry.e5a56ab4.js → swirl-modal.entry.11a44dbd.js}

@@ -1,10 +1,10 @@
-import { r as f, c as t, h as e, H as p, g as u } from "./index.5e0cefe1.js";
+import { r as f, c as h, h as a, H as p, g as u } from "./index.433e939a.js";
 import { d as m, e as b } from "./bodyScrollLock.esm-ce6356d8.2c600fb9.js";
 import { c as v } from "./index-267776a4.6beb4f4b.js";
-import { c as y } from "./focus-trap.esm-49c9613c.db20abcc.js";
+import { c as g } from "./focus-trap.esm-49c9613c.db20abcc.js";
 import "react";
 import "react-dom";
-const g = `:host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghost-button-background-default:var(--s-surface-overlay-default);--swirl-ghost-button-background-hovered:var(--s-surface-overlay-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-overlay-pressed);--swirl-resource-list-item-background-default:var(
+const _ = `:host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghost-button-background-default:var(--s-surface-overlay-default);--swirl-ghost-button-background-hovered:var(--s-surface-overlay-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-overlay-pressed);--swirl-resource-list-item-background-default:var(
     --s-surface-overlay-default
   );--swirl-resource-list-item-background-hovered:var(
     --s-surface-overlay-hovered
@@ -17,12 +17,12 @@ const g = `:host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghos
         var(--swirl-modal-max-secondary-content-width)
     )}.modal--has-secondary-content:not(.modal--has-header-tools):not(.modal--hide-secondary-content-borders) .modal__header{border-bottom-color:var(--s-border-default)}.modal--has-secondary-content.modal--has-header-tools:not(.modal--hide-secondary-content-borders) .modal__header-tools{border-bottom-color:var(--s-border-default)}.modal--has-secondary-content.modal--has-custom-footer:not(.modal--hide-secondary-content-borders) .modal__custom-footer{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal--has-secondary-content:not(.modal--has-custom-footer):not(.modal--hide-secondary-content-borders) .modal__controls{border-top:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 992px){.modal--has-secondary-content .modal__header-tools,.modal--has-secondary-content .modal__content{padding-right:0}}.modal--has-secondary-content .modal__primary-content{overflow:visible;max-height:60%;flex-basis:auto}@media (min-width: 992px){.modal--has-secondary-content .modal__primary-content{max-width:calc(100% - var(--swirl-modal-max-secondary-content-width));max-height:none;flex-basis:calc(100% - var(--swirl-modal-max-secondary-content-width))}}.modal--has-secondary-content .modal__secondary-content{display:block}.modal__main-content{display:flex;flex-direction:column;overflow-y:auto;flex-grow:1}.modal__sidebar{display:none}.modal--has-sidebar-content .modal__body{max-width:calc(
       var(--swirl-modal-max-width) + var(--swirl-modal-sidebar-width)
-    )}@media (min-width: 768px){.modal--has-sidebar-content .modal__sidebar{display:flex;flex-direction:column;overflow-y:auto;flex-shrink:0;width:var(--swirl-modal-sidebar-width);border-right:var(--s-border-width-default) solid var(--s-border-default)}.modal--has-sidebar-content .modal__sidebar .modal__sidebar-header{border-bottom:var(--s-border-width-default) solid transparent}.modal--has-sidebar-content .modal__sidebar .modal__sidebar-header .modal__sidebar-heading{display:flex;align-items:center;height:var(--swirl-modal-header-height);padding-top:var(--s-space-12);padding-right:var(--s-space-24);padding-bottom:var(--s-space-12);padding-left:var(--s-space-24)}.modal--has-sidebar-content .modal__sidebar .modal__sidebar-content{display:block;padding-left:var(--s-space-24);padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-top:var(--s-space-16);flex-grow:1;overflow-y:auto}}@media (min-width: 992px){.modal--has-sidebar-content .modal__primary-content{flex-basis:calc(100% - 20rem)}}@media (min-width: 768px){.modal--scrolled:not(.modal--has-header-tools) .modal__header{border-bottom-color:var(--s-border-default)}.modal--scrolled.modal--has-header-tools .modal__header-tools{border-bottom-color:var(--s-border-default)}.modal--scrolled .modal__custom-header{border-bottom-color:var(--s-border-default)}}@media (min-width: 768px){.modal--sidebar-scrolled .modal__sidebar .modal__sidebar-header{border-bottom-color:var(--s-border-default)}}.modal__backdrop{position:fixed;background-color:rgba(0, 0, 0, 0.2);inset:0}.modal__body{--swirl-card-background-default:var(--s-surface-overlay-default);--swirl-card-background-hovered:var(--s-surface-overlay-hovered);--swirl-card-background-pressed:var(--s-surface-overlay-pressed);--swirl-accordion-item-toggle-default:var(--s-surface-overlay-default);--swirl-accordion-item-toggle-hovered:var(--s-surface-overlay-hovered);--swirl-accordion-item-toggle-pressed:var(--s-surface-overlay-pressed);position:relative;z-index:var(--s-z-40);display:flex;flex-direction:row;overflow:hidden;width:100vw;height:var(--swirl-modal-view-height);background-color:var(--s-surface-overlay-default)}@media (min-width: 768px){.modal__body{width:90vw;max-width:var(--swirl-modal-max-width);max-height:var(--swirl-modal-max-height);border-radius:var(--s-border-radius-base);box-shadow:var(--s-shadow-level-3)}}@media (min-width: 992px){.modal__body{height:var(--swirl-modal-height)}}.modal__header{border-bottom:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 768px){.modal__header{border-bottom:var(--s-border-width-default) solid transparent}}.modal__header-bar{display:flex;height:3.5rem;padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);flex-shrink:0;align-items:center;gap:var(--s-space-8)}@media (min-width: 768px){.modal__header-bar{height:var(--swirl-modal-header-height);padding-top:var(--s-space-12);padding-right:var(--s-space-24);padding-bottom:var(--s-space-12);padding-left:var(--s-space-24);flex-direction:row-reverse;gap:var(--s-space-16)}}.modal__header-tools{display:none;padding-right:var(--s-space-16);padding-left:var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 768px){.modal__header-tools{padding-right:var(--s-space-24);padding-left:var(--s-space-24);border-bottom-color:transparent}}.modal__custom-header{display:none;flex-shrink:0;border-bottom:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 768px){.modal__custom-header{border-bottom-color:transparent}}.modal__heading{overflow:hidden}.modal__heading .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.modal__content-container{display:flex;overflow:hidden;flex-grow:1;flex-direction:column;gap:var(--s-space-24)}@media (min-width: 992px){.modal__content-container{flex-direction:row}}.modal__primary-content{display:flex;overflow:hidden;overflow-y:auto;flex-grow:1;flex-basis:100%;flex-direction:column}.modal__content{overflow-x:hidden;overflow-y:auto;height:100%}.modal__content ::slotted(*){margin:0}.modal__secondary-content{display:none;overflow:visible;overflow-x:hidden;overflow-y:auto;max-width:none;max-height:40%;padding-right:var(--s-space-16);padding-left:var(--s-space-16)}@media (min-width: 768px){.modal__secondary-content{padding-left:var(--s-space-24)}}@media (min-width: 992px){.modal__secondary-content{overflow-x:hidden;overflow-y:auto;max-width:var(--swirl-modal-max-secondary-content-width);max-height:none;padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:0;flex-basis:50%;flex-grow:1}}.modal__custom-footer{flex-shrink:0}.modal__controls{display:flex;padding:var(--swirl-modal-footer-padding-small);flex-shrink:0;justify-content:flex-end}@media (min-width: 768px){.modal__controls{padding:var(--swirl-modal-footer-padding-large)}}.modal--has-secondary-content.modal--has-sidebar-content .modal__body{max-width:calc(
+    )}@media (min-width: 768px){.modal--has-sidebar-content .modal__sidebar{display:flex;flex-direction:column;overflow-y:auto;flex-shrink:0;width:var(--swirl-modal-sidebar-width);border-right:var(--s-border-width-default) solid var(--s-border-default)}.modal--has-sidebar-content .modal__sidebar .modal__sidebar-header{border-bottom:var(--s-border-width-default) solid transparent}.modal--has-sidebar-content .modal__sidebar .modal__sidebar-header .modal__sidebar-heading{display:flex;align-items:center;height:var(--swirl-modal-header-height);padding-top:var(--s-space-12);padding-right:var(--s-space-24);padding-bottom:var(--s-space-12);padding-left:var(--s-space-24)}.modal--has-sidebar-content .modal__sidebar .modal__sidebar-content{display:block;flex-grow:1;overflow-y:auto}}@media (min-width: 992px){.modal--has-sidebar-content .modal__primary-content{flex-basis:calc(100% - 20rem)}}.modal--sidebar-padded .modal__sidebar .modal__sidebar-content{padding-left:var(--s-space-24);padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-top:var(--s-space-16)}@media (min-width: 768px){.modal--scrolled:not(.modal--has-header-tools) .modal__header{border-bottom-color:var(--s-border-default)}.modal--scrolled.modal--has-header-tools .modal__header-tools{border-bottom-color:var(--s-border-default)}.modal--scrolled .modal__custom-header{border-bottom-color:var(--s-border-default)}}@media (min-width: 768px){.modal--sidebar-scrolled .modal__sidebar .modal__sidebar-header{border-bottom-color:var(--s-border-default)}}.modal--has-sidebar-footer.modal--sidebar-footer-padded .modal__sidebar-footer{padding:var(--swirl-modal-footer-padding-small)}@media (min-width: 768px){.modal--has-sidebar-footer.modal--sidebar-footer-padded .modal__sidebar-footer{padding:var(--swirl-modal-footer-padding-large)}}@media (min-width: 768px){.modal--sidebar-scrollable .modal__sidebar-content{padding-bottom:0 !important}}.modal--sidebar-scrollable:not(.modal--sidebar-scrolled-down).modal--has-sidebar-footer .modal__sidebar-footer{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal__backdrop{position:fixed;background-color:rgba(0, 0, 0, 0.2);inset:0}.modal__body{--swirl-card-background-default:var(--s-surface-overlay-default);--swirl-card-background-hovered:var(--s-surface-overlay-hovered);--swirl-card-background-pressed:var(--s-surface-overlay-pressed);--swirl-accordion-item-toggle-default:var(--s-surface-overlay-default);--swirl-accordion-item-toggle-hovered:var(--s-surface-overlay-hovered);--swirl-accordion-item-toggle-pressed:var(--s-surface-overlay-pressed);position:relative;z-index:var(--s-z-40);display:flex;flex-direction:row;overflow:hidden;width:100vw;height:var(--swirl-modal-view-height);background-color:var(--s-surface-overlay-default)}@media (min-width: 768px){.modal__body{width:90vw;max-width:var(--swirl-modal-max-width);max-height:var(--swirl-modal-max-height);border-radius:var(--s-border-radius-base);box-shadow:var(--s-shadow-level-3)}}@media (min-width: 992px){.modal__body{height:var(--swirl-modal-height)}}.modal__header{border-bottom:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 768px){.modal__header{border-bottom:var(--s-border-width-default) solid transparent}}.modal__header-bar{display:flex;height:3.5rem;padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);flex-shrink:0;align-items:center;gap:var(--s-space-8)}@media (min-width: 768px){.modal__header-bar{height:var(--swirl-modal-header-height);padding-top:var(--s-space-12);padding-right:var(--s-space-24);padding-bottom:var(--s-space-12);padding-left:var(--s-space-24);flex-direction:row-reverse;gap:var(--s-space-16)}}.modal__header-tools{display:none;padding-right:var(--s-space-16);padding-left:var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 768px){.modal__header-tools{padding-right:var(--s-space-24);padding-left:var(--s-space-24);border-bottom-color:transparent}}.modal__custom-header{display:none;flex-shrink:0;border-bottom:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 768px){.modal__custom-header{border-bottom-color:transparent}}.modal__heading{overflow:hidden}.modal__heading .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.modal__content-container{display:flex;overflow:hidden;flex-grow:1;flex-direction:column;gap:var(--s-space-24)}@media (min-width: 992px){.modal__content-container{flex-direction:row}}.modal__primary-content{display:flex;overflow:hidden;overflow-y:auto;flex-grow:1;flex-basis:100%;flex-direction:column}.modal__content{overflow-x:hidden;overflow-y:auto;height:100%}.modal__content ::slotted(*){margin:0}.modal__secondary-content{display:none;overflow:visible;overflow-x:hidden;overflow-y:auto;max-width:none;max-height:40%;padding-right:var(--s-space-16);padding-left:var(--s-space-16)}@media (min-width: 768px){.modal__secondary-content{padding-left:var(--s-space-24)}}@media (min-width: 992px){.modal__secondary-content{overflow-x:hidden;overflow-y:auto;max-width:var(--swirl-modal-max-secondary-content-width);max-height:none;padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:0;flex-basis:50%;flex-grow:1}}.modal__custom-footer{flex-shrink:0}.modal__controls{display:flex;padding:var(--swirl-modal-footer-padding-small);flex-shrink:0;justify-content:flex-end}@media (min-width: 768px){.modal__controls{padding:var(--swirl-modal-footer-padding-large)}}.modal--has-secondary-content.modal--has-sidebar-content .modal__body{max-width:calc(
       var(--swirl-modal-max-width) + var(--swirl-modal-sidebar-width) +
         var(--swirl-modal-max-secondary-content-width)
-    )}@keyframes modal-scale-in{from{transform:scale(0)}to{transform:scale(1)}}@keyframes modal-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes modal-fade-out{from{opacity:1}to{opacity:0}}@keyframes modal-drawer-slide-in{from{transform:translate3d(100%, 0, 0)}to{transform:translate3d(0, 0, 0)}}@keyframes modal-drawer-slide-out{from{transform:translate3d(0, 0, 0)}to{transform:translate3d(100%, 0, 0)}}`, w = g, _ = class {
-  constructor(a) {
-    f(this, a), this.modalClose = t(this, "modalClose", 7), this.modalOpen = t(this, "modalOpen", 7), this.primaryAction = t(this, "primaryAction", 7), this.requestModalClose = t(this, "requestModalClose", 7), this.secondaryAction = t(this, "secondaryAction", 7), this.onKeyDown = (o) => {
+    )}@keyframes modal-scale-in{from{transform:scale(0)}to{transform:scale(1)}}@keyframes modal-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes modal-fade-out{from{opacity:1}to{opacity:0}}@keyframes modal-drawer-slide-in{from{transform:translate3d(100%, 0, 0)}to{transform:translate3d(0, 0, 0)}}@keyframes modal-drawer-slide-out{from{transform:translate3d(0, 0, 0)}to{transform:translate3d(100%, 0, 0)}}`, y = _, w = class {
+  constructor(e) {
+    f(this, e), this.modalClose = h(this, "modalClose", 7), this.modalOpen = h(this, "modalOpen", 7), this.primaryAction = h(this, "primaryAction", 7), this.requestModalClose = h(this, "requestModalClose", 7), this.secondaryAction = h(this, "secondaryAction", 7), this.onKeyDown = (o) => {
       o.code === "Escape" && (o.stopImmediatePropagation(), this.close());
     }, this.onBackdropClick = () => {
       this.close();
@@ -35,32 +35,32 @@ const g = `:host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghos
     }, this.determineScrollStatus = () => {
       this.determineMainScrollStatus(), this.determineSidebarScrollStatus();
     }, this.determineMainScrollStatus = () => {
-      var r, i, l, n, c, h;
-      const o = ((r = this.scrollContainer) == null ? void 0 : r.scrollTop) > 0, d = Math.ceil(((i = this.scrollContainer) == null ? void 0 : i.scrollTop) + ((l = this.scrollContainer) == null ? void 0 : l.offsetHeight)) >= ((n = this.scrollContainer) == null ? void 0 : n.scrollHeight), s = ((c = this.scrollContainer) == null ? void 0 : c.scrollHeight) > ((h = this.scrollContainer) == null ? void 0 : h.offsetHeight);
-      o !== this.scrolled && (this.scrolled = o), d !== this.scrolledDown && (this.scrolledDown = d), s !== this.scrollable && (this.scrollable = s);
+      var r, s, i, l, n, c;
+      const o = ((r = this.scrollContainer) == null ? void 0 : r.scrollTop) > 0, d = Math.ceil(((s = this.scrollContainer) == null ? void 0 : s.scrollTop) + ((i = this.scrollContainer) == null ? void 0 : i.offsetHeight)) >= ((l = this.scrollContainer) == null ? void 0 : l.scrollHeight), t = ((n = this.scrollContainer) == null ? void 0 : n.scrollHeight) > ((c = this.scrollContainer) == null ? void 0 : c.offsetHeight);
+      o !== this.scrolled && (this.scrolled = o), d !== this.scrolledDown && (this.scrolledDown = d), t !== this.scrollable && (this.scrollable = t);
     }, this.determineSidebarScrollStatus = () => {
-      var d;
-      const o = ((d = this.sidebarScrollContainer) == null ? void 0 : d.scrollTop) > 0;
-      o !== this.sidebarScrolled && (this.sidebarScrolled = o);
-    }, this.closable = !0, this.closeButtonLabel = "Close modal", this.height = void 0, this.hideCloseButton = void 0, this.hideLabel = void 0, this.label = void 0, this.maxHeight = void 0, this.minHeight = void 0, this.maxWidth = void 0, this.padded = !0, this.primaryActionLabel = void 0, this.secondaryActionLabel = void 0, this.variant = "default", this.contentGap = void 0, this.hideSecondaryContent = void 0, this.primaryContentMaxWidth = void 0, this.secondaryContentMaxWidth = void 0, this.primaryContentFlex = void 0, this.secondaryContentFlex = void 0, this.hideSecondaryContentBorders = void 0, this.secondaryContentPadding = void 0, this.secondaryContentPaddingBlockEnd = void 0, this.secondaryContentPaddingBlockStart = void 0, this.secondaryContentPaddingInlineEnd = void 0, this.secondaryContentPaddingInlineStart = void 0, this.sidebarLabel = void 0, this.hideSidebarContent = void 0, this.isOpen = !1, this.closing = !1, this.hasCustomHeader = void 0, this.hasCustomFooter = void 0, this.hasHeaderTools = void 0, this.hasSecondaryContent = void 0, this.scrollable = !1, this.scrolled = !1, this.sidebarScrolled = !1, this.scrolledDown = !1, this.hasSidebarContent = void 0;
+      var r, s, i, l, n, c;
+      const o = ((r = this.sidebarScrollContainer) == null ? void 0 : r.scrollTop) > 0, d = Math.ceil(((s = this.sidebarScrollContainer) == null ? void 0 : s.scrollTop) + ((i = this.sidebarScrollContainer) == null ? void 0 : i.offsetHeight)) >= ((l = this.sidebarScrollContainer) == null ? void 0 : l.scrollHeight), t = ((n = this.sidebarScrollContainer) == null ? void 0 : n.scrollHeight) > ((c = this.sidebarScrollContainer) == null ? void 0 : c.offsetHeight);
+      o !== this.sidebarScrolled && (this.sidebarScrolled = o), d !== this.sidebarScrolledDown && (this.sidebarScrolledDown = d), t !== this.sidebarScrollable && (this.sidebarScrollable = t);
+    }, this.closable = !0, this.closeButtonLabel = "Close modal", this.height = void 0, this.hideCloseButton = void 0, this.hideLabel = void 0, this.label = void 0, this.maxHeight = void 0, this.minHeight = void 0, this.maxWidth = void 0, this.padded = !0, this.primaryActionLabel = void 0, this.secondaryActionLabel = void 0, this.variant = "default", this.contentGap = void 0, this.hideSecondaryContent = void 0, this.primaryContentMaxWidth = void 0, this.secondaryContentMaxWidth = void 0, this.primaryContentFlex = void 0, this.secondaryContentFlex = void 0, this.hideSecondaryContentBorders = void 0, this.secondaryContentPadding = void 0, this.secondaryContentPaddingBlockEnd = void 0, this.secondaryContentPaddingBlockStart = void 0, this.secondaryContentPaddingInlineEnd = void 0, this.secondaryContentPaddingInlineStart = void 0, this.sidebarLabel = void 0, this.sidebarPadded = !0, this.sidebarFooterPadded = !0, this.hideSidebarContent = void 0, this.isOpen = !1, this.closing = !1, this.hasCustomHeader = void 0, this.hasCustomFooter = void 0, this.hasHeaderTools = void 0, this.hasSecondaryContent = void 0, this.scrollable = !1, this.scrolled = !1, this.scrolledDown = !1, this.hasSidebarContent = void 0, this.hasSidebarFooter = void 0, this.sidebarScrolled = !1, this.sidebarScrolledDown = !1, this.sidebarScrollable = !1;
   }
   componentDidLoad() {
-    this.focusTrap = y(this.modalEl, {
+    this.focusTrap = g(this.modalEl, {
       allowOutsideClick: !0,
       tabbableOptions: {
-        getShadowRoot: (a) => a.shadowRoot
+        getShadowRoot: (e) => e.shadowRoot
       }
     }), this.determineScrollStatus(), queueMicrotask(() => {
-      this.updateCustomFooterStatus(), this.updateCustomHeaderStatus(), this.updateHeaderToolsStatus(), this.updateSecondaryContentStatus(), this.updateSidebarContentStatus();
+      this.updateCustomFooterStatus(), this.updateCustomHeaderStatus(), this.updateHeaderToolsStatus(), this.updateSecondaryContentStatus(), this.updateSidebarContentStatus(), this.updateSidebarFooterStatus();
     });
   }
   componentDidRender() {
-    var a;
-    (a = this.focusTrap) == null || a.updateContainerElements(this.modalEl);
+    var e;
+    (e = this.focusTrap) == null || e.updateContainerElements(this.modalEl);
   }
   disconnectedCallback() {
-    var a;
-    (a = this.focusTrap) == null || a.deactivate(), this.unlockBodyScroll();
+    var e;
+    (e = this.focusTrap) == null || e.deactivate(), this.unlockBodyScroll();
   }
   onWindowResize() {
     this.determineScrollStatus();
@@ -72,8 +72,8 @@ const g = `:host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghos
       this.focusTrap.activate(), this.handleAutoFocus();
     }, 200);
   }
-  async close(a) {
-    this.closing || (this.requestModalClose.emit(), !(!this.closable && !a) && (this.closing = !0, this.unlockBodyScroll(), setTimeout(() => {
+  async close(e) {
+    this.closing || (this.requestModalClose.emit(), !(!this.closable && !e) && (this.closing = !0, this.unlockBodyScroll(), setTimeout(() => {
       this.focusTrap.deactivate(), this.isOpen = !1, this.modalClose.emit(), this.closing = !1;
     }, 150)));
   }
@@ -92,9 +92,12 @@ const g = `:host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghos
   updateSidebarContentStatus() {
     this.hasSidebarContent = Boolean(this.el.querySelector('[slot="sidebar-content"]'));
   }
+  updateSidebarFooterStatus() {
+    this.hasSidebarFooter = Boolean(this.el.querySelector('[slot="sidebar-footer"]'));
+  }
   handleAutoFocus() {
-    var a;
-    (a = this.modalEl.querySelector("input[autofocus]")) == null || a.focus();
+    var e;
+    (e = this.modalEl.querySelector("input[autofocus]")) == null || e.focus();
   }
   lockBodyScroll() {
     m(this.scrollContainer), m(this.sidebarScrollContainer);
@@ -103,7 +106,7 @@ const g = `:host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghos
     b(this.scrollContainer), b(this.sidebarScrollContainer);
   }
   render() {
-    const a = Boolean(this.primaryActionLabel) || Boolean(this.secondaryActionLabel), o = v("modal", `modal--variant-${this.variant}`, {
+    const e = Boolean(this.primaryActionLabel) || Boolean(this.secondaryActionLabel), o = v("modal", `modal--variant-${this.variant}`, {
       "modal--closing": this.closing,
       "modal--has-custom-footer": this.hasCustomFooter,
       "modal--has-custom-header": this.hasCustomHeader,
@@ -113,22 +116,27 @@ const g = `:host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghos
       "modal--padded": this.padded,
       "modal--scrollable": this.scrollable,
       "modal--scrolled": this.scrolled,
-      "modal--sidebar-scrolled": this.sidebarScrolled,
       "modal--scrolled-down": this.scrolledDown,
       "modal--hide-secondary-content-borders": this.hideSecondaryContentBorders,
-      "modal--has-sidebar-content": this.hasSidebarContent && !this.hideSidebarContent
+      "modal--has-sidebar-content": this.hasSidebarContent && !this.hideSidebarContent,
+      "modal--sidebar-padded": this.sidebarPadded,
+      "modal--has-sidebar-footer": this.hasSidebarFooter && this.hasSidebarContent && !this.hideSidebarContent,
+      "modal--sidebar-footer-padded": this.sidebarFooterPadded,
+      "modal--sidebar-scrolled": this.sidebarScrolled,
+      "modal--sidebar-scrolled-down": this.sidebarScrolledDown,
+      "modal--sidebar-scrollable": this.sidebarScrollable
     });
-    return e(p, { key: "d83eb2f5ad1e55b55fd2aeb3b6b56017f25645ae" }, e("section", { key: "689da28246f94089cc15c9192e9429f334ab381f", "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: o, onKeyDown: this.onKeyDown, role: "dialog", ref: (d) => this.modalEl = d }, e("div", { key: "700ee93e5698164a29e5abb396f8e2d1ee03a83b", class: "modal__backdrop", onClick: this.onBackdropClick }), e("div", { key: "e083a0ead29396bb923c68e4e1ea529c95a1cf7b", class: "modal__body", style: {
+    return a(p, { key: "aec418b418bd08f4f9f9c43a94418addb144fa2e" }, a("section", { key: "843975dec3e763ab2440253435164ec23b7dabb6", "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: o, onKeyDown: this.onKeyDown, role: "dialog", ref: (d) => this.modalEl = d }, a("div", { key: "7644f19a4992014fbab97036aac7a1e968afd215", class: "modal__backdrop", onClick: this.onBackdropClick }), a("div", { key: "b7d6307b15a51442015ffc65eba4811bccd35533", class: "modal__body", style: {
       "--swirl-modal-max-height": this.maxHeight,
       "--swirl-modal-height": this.height,
       minHeight: this.minHeight,
       maxWidth: this.maxWidth
-    } }, e("aside", { key: "bab821dd0f6b8e3e2c06674419e9874009a3eee6", class: "modal__sidebar" }, this.sidebarLabel && e("header", { key: "5d02aae278ab7e091b5229df0ca1bd01e9502bda", class: "modal__sidebar-header" }, e("swirl-heading", { key: "44e72e3172ccc96f30add2c05952cd7e68be928b", as: "h3", class: "modal__sidebar-heading", level: 3, text: this.sidebarLabel })), e("div", { key: "1aec35149fafa056058987cfe7b9cb5b5927e4cf", class: "modal__sidebar-content", onScroll: this.determineSidebarScrollStatus, ref: (d) => this.sidebarScrollContainer = d }, e("slot", { key: "8fc6849c14ac4b3ea635f1a3bdee930efdf7ddf3", name: "sidebar-content" }))), e("div", { key: "e49e79ff4253efcabbb99c87fad194b6bf683048", class: "modal__main-content" }, e("header", { key: "b389bf0b5d173fb891d6d96d82eedc2f0755aa7a", class: "modal__custom-header" }, e("slot", { key: "56c797b445060a2590528b3b983fa8dafa9666a5", name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && e("header", { key: "0d1941638cb33f74463eb1700ea4798e368053c6", class: "modal__header" }, e("div", { key: "6c7bbcd733ad94cf7e5558800a894db2e8471a44", class: "modal__header-bar" }, !this.hideCloseButton && e("swirl-button", { key: "c436082ee6c3e8888e6dad3853d97859b96ec807", class: "modal__close-button", hideLabel: !0, icon: this.variant === "default" ? "<swirl-icon-close></swirl-icon-close>" : "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), !this.hideLabel && e("swirl-heading", { key: "06cfbd6edcfe13861a0a3332f3a3f95227b32fe8", as: "h2", class: "modal__heading", level: 3, text: this.label }))), e("div", { key: "e9cbd554d92018f6718db0643a80283bbf68a7fa", class: "modal__content-container", style: {
+    } }, a("aside", { key: "6c51ad1aabe235993f45f64d507a1e4a2fc80856", class: "modal__sidebar" }, this.sidebarLabel && a("header", { key: "8853e05c50cc9be95c6720dec137b6c24d92941a", class: "modal__sidebar-header" }, a("swirl-heading", { key: "d0f95a1726b846f5ab98bcd2554f9a17c00af466", as: "h3", class: "modal__sidebar-heading", level: 3, text: this.sidebarLabel })), a("div", { key: "28265dc624ebe255ba75de9fe93a6d71e43bc77a", class: "modal__sidebar-content", onScroll: this.determineSidebarScrollStatus, ref: (d) => this.sidebarScrollContainer = d }, a("slot", { key: "36c5dcc1fcb62a47bda0f3f316207ab107532377", name: "sidebar-content" })), a("div", { key: "6b1cdf5d225e8050b2b66a47f1209bd6f1eaf6d2", class: "modal__sidebar-footer" }, a("slot", { key: "3eb038cb420eb837158697fcf9d128f881e2284e", name: "sidebar-footer" }))), a("div", { key: "b78310163eff4c512841a31ec0039c50f5b93238", class: "modal__main-content" }, a("header", { key: "eb70fdff54e7d905ace3271e15f5f3aaae64b2fd", class: "modal__custom-header" }, a("slot", { key: "c9be866c718e002f60285e62142bc62b40d3ba05", name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && a("header", { key: "1efae1ab6fe93485d68a7c655c7cf706a5690c55", class: "modal__header" }, a("div", { key: "4237aa094d7779c1c647c0d2146ecd5be7743880", class: "modal__header-bar" }, !this.hideCloseButton && a("swirl-button", { key: "179103c9c5a40a87315fd49022dc6df91682f638", class: "modal__close-button", hideLabel: !0, icon: this.variant === "default" ? "<swirl-icon-close></swirl-icon-close>" : "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), !this.hideLabel && a("swirl-heading", { key: "984516bc559cedb9dbcf67aed0aa8b4539edc3de", as: "h2", class: "modal__heading", level: 3, text: this.label }))), a("div", { key: "d02275111bb33c4d4f8f0f74eb3bc7f8d0b4ae26", class: "modal__content-container", style: {
       gap: this.contentGap ? `var(--s-space-${this.contentGap})` : void 0
-    } }, e("div", { key: "1e351e7e27216524eba51e0f33c09fad9d371636", class: "modal__primary-content", style: {
+    } }, a("div", { key: "e8dc0c23d4f05ea777ae5d29a6141d3aaf07ee27", class: "modal__primary-content", style: {
       maxWidth: this.primaryContentMaxWidth,
       flex: this.primaryContentFlex
-    } }, e("div", { key: "ebccae92208659f4cece6ee1146992e9a10cdbac", class: "modal__header-tools" }, e("slot", { key: "980fdf7637abe2e7dbc473ad23d34bf4819ace54", name: "header-tools" })), e("div", { key: "68fe74b27c08e278368b5eb49f0f4b7a047148a5", class: "modal__content", onScroll: this.determineMainScrollStatus, ref: (d) => this.scrollContainer = d }, e("slot", { key: "2cff014d7b3526f4b66cf695f7afeeb5523dfb17" }))), e("div", { key: "89da507b1a17b64297acf9c5d40687e310adeccb", class: "modal__secondary-content", style: {
+    } }, a("div", { key: "2f678bafc779c8be76eea7cbc11812ca49c9ec48", class: "modal__header-tools" }, a("slot", { key: "fec0f00564b96559f4bea908d408720fc8f830c7", name: "header-tools" })), a("div", { key: "bb57e7c6dd6fc6c095ca43e6d64de901eb7d1b04", class: "modal__content", onScroll: this.determineMainScrollStatus, ref: (d) => this.scrollContainer = d }, a("slot", { key: "ac1e587f9d4206f7814c4a6ab8bbb71d220f8db0" }))), a("div", { key: "c7e1c375d0da3a62a908e796517cd10f1b235c33", class: "modal__secondary-content", style: {
       maxWidth: this.secondaryContentMaxWidth,
       flex: this.secondaryContentFlex,
       padding: Boolean(this.secondaryContentPadding) ? `var(--s-space-${this.secondaryContentPadding})` : void 0,
@@ -136,13 +144,13 @@ const g = `:host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghos
       paddingBlockStart: Boolean(this.secondaryContentPaddingBlockStart) ? `var(--s-space-${this.secondaryContentPaddingBlockStart})` : void 0,
       paddingInlineEnd: Boolean(this.secondaryContentPaddingInlineEnd) ? `var(--s-space-${this.secondaryContentPaddingInlineEnd})` : void 0,
       paddingInlineStart: Boolean(this.secondaryContentPaddingInlineStart) ? `var(--s-space-${this.secondaryContentPaddingInlineStart})` : void 0
-    } }, e("slot", { key: "d88250edad6df3c101975ae3e53809f483973915", name: "secondary-content" }))), e("div", { key: "76633379ef651d1e297b5b2a6b82d2db5c9115a7", class: "modal__custom-footer" }, e("slot", { key: "bd9734502bf0bc566e24584cbd130defecdba0de", name: "custom-footer" })), a && e("footer", { key: "66eded5e059d22c8c45cf252fdbd22bf9cd70c1e", class: "modal__controls" }, e("swirl-button-group", { key: "2557df6c4f02368d7b073d8dd6d2e5cbb13debe7", wrap: !0 }, this.secondaryActionLabel && e("swirl-button", { key: "dd1e2d6fcd31b8313feaa305596fbef1b26aec23", label: this.secondaryActionLabel, onClick: this.onSecondaryAction }), this.primaryActionLabel && e("swirl-button", { key: "d3826c07f9f7fb39c8ceaab74246c895c7177b85", intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" })))))));
+    } }, a("slot", { key: "8815b4ac74a0c2cf9b3cc74d77ff210b414015e4", name: "secondary-content" }))), a("div", { key: "ae1e2c930dae5fa68678d23724547a35d456c2d5", class: "modal__custom-footer" }, a("slot", { key: "ae91dccae3ee6e740423d5ffe18c99251230fc90", name: "custom-footer" })), e && a("footer", { key: "8ba9065b73ea307a6632991b40a426646ba072c7", class: "modal__controls" }, a("swirl-button-group", { key: "7b0bd5ff64638c22e42c1a591860c87386c31c8a", wrap: !0 }, this.secondaryActionLabel && a("swirl-button", { key: "5444e1ee2b1bd3571e936118777a9bac204a6b33", label: this.secondaryActionLabel, onClick: this.onSecondaryAction }), this.primaryActionLabel && a("swirl-button", { key: "89ec9f8252df7eaf7679ee45e17bed4b75e7ab91", intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" })))))));
   }
   get el() {
     return u(this);
   }
 };
-_.style = w;
+w.style = y;
 export {
-  _ as swirl_modal
+  w as swirl_modal
 };

package/dist/swirl-option-list-section.entry.874be3c5.js

@@ -0,0 +1,15 @@
+import { r as s, h as a, H as i } from "./index.433e939a.js";
+import "react";
+import "react-dom";
+const t = ":host{display:block;width:100%}:host *{box-sizing:border-box}.option-list-section{background-color:var(--s-surface-overlay-default)}.option-list-section__label{display:block;width:100%;padding:var(--s-space-8) var(--s-space-16);color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-section__label{padding:var(--s-space-8) var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}", o = t, l = class {
+  constructor(e) {
+    s(this, e), this.label = void 0, this.separatorSpacing = "4", this.spacing = "0", this.hasSeparator = !1;
+  }
+  render() {
+    return a(i, { key: "c59ecf025c645e81977fb364457aee65e8c19d77" }, this.hasSeparator && a("swirl-separator", { key: "ba157a36ff41a1eaf548988a03a098d1831a5743", spacing: this.separatorSpacing }), a("div", { key: "aa6e3bae9897e34656ddaa38afd7df19a36e32ee", "aria-labelledby": "label", class: "option-list-section", role: "group" }, a("span", { key: "ae2910e12687dd1ceb40cabbd7bb2d0e78d2881e", class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), a("swirl-stack", { key: "6c1ef5c543a22b3dc48444f4fc1d9ace9c3ab60f", spacing: this.spacing, align: "stretch" }, a("slot", { key: "f9cabc0a552967166a0f79365629bda0c2c3619d" }))));
+  }
+};
+l.style = o;
+export {
+  l as swirl_option_list_section
+};

package/dist/{swirl-option-list_2.entry.8f78b039.js → swirl-option-list_2.entry.73195b33.js}

@@ -1,10 +1,10 @@
-import { r as c, c as o, h as a, H as d, g } from "./index.5e0cefe1.js";
+import { r as c, c as o, h as a, H as d, g } from "./index.433e939a.js";
 import { S as m } from "./sortable.esm-0bfddf0c.953ca6a6.js";
 import { c as n, q as l } from "./utils-877a768f.c277f897.js";
-import { c as f } from "./index-267776a4.6beb4f4b.js";
+import { c as v } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
-const v = ".sc-swirl-option-list-h{display:block}.sc-swirl-option-list-h *.sc-swirl-option-list{box-sizing:border-box}", b = v, p = class {
+const f = ".sc-swirl-option-list-h{display:block}.sc-swirl-option-list-h *.sc-swirl-option-list{box-sizing:border-box}", b = f, p = class {
   constructor(e) {
     c(this, e), this.itemDrop = o(this, "itemDrop", 7), this.valueChange = o(this, "valueChange", 7), this.onClick = (t) => {
       t.preventDefault();
@@ -181,7 +181,7 @@ const v = ".sc-swirl-option-list-h{display:block}.sc-swirl-option-list-h *.sc-sw
   }
   render() {
     const e = this.multiSelect ? "true" : void 0, t = Boolean(this.dragging) ? 0 : void 0;
-    return a(d, { key: "4eab0b0c423b8828eba51a502a4151deedc92314" }, a("swirl-visually-hidden", { key: "065551ffde4b331cf8841918ac460de1405ae338", role: "alert" }, this.assistiveText), a("div", { key: "f64d9a5c330cf280aa33899df5756037ba5ad884", "aria-label": this.label, "aria-multiselectable": e, class: "option-list", id: this.optionListId, onClick: this.onClick, onKeyDown: this.onKeyDown, ref: (i) => this.listboxEl = i, role: "listbox", tabIndex: t }, a("slot", { key: "26c9fc517ecd7a54bf30e1d48ce881493c64ec5f", onSlotchange: this.setSectionSeparator })));
+    return a(d, { key: "a52ca52e6a4753a853ce5bdfc441eef34355035d" }, a("swirl-visually-hidden", { key: "d19730694e82be881a844c049060346e64b7e0c4", role: "alert" }, this.assistiveText), a("div", { key: "6546d8bd8bfd41498e5d04155ed6c9da826d6a44", "aria-label": this.label, "aria-multiselectable": e, class: "option-list", id: this.optionListId, onClick: this.onClick, onKeyDown: this.onKeyDown, ref: (i) => this.listboxEl = i, role: "listbox", tabIndex: t }, a("slot", { key: "3a22e32fd9929f6bdcb863a516a348fc4d32758e", onSlotchange: this.setSectionSeparator })));
   }
   get el() {
     return g(this);
@@ -221,8 +221,8 @@ const I = ":host{display:inline-flex;max-width:100%}:host *{box-sizing:border-bo
     Boolean(this.bordered) && (console.warn('[Swirl] The "bordered" prop of swirl-tag is deprecated and will be removed with the next major release. Please use the "variant" prop as "outline" to achieve the same result.'), this.variant = "outline");
   }
   render() {
-    const e = f("tag", `tag--icon-position-${this.iconPosition}`, `tag--intent-${this.intent}`, `tag--size-${this.size}`, `tag--variant-${this.variant}`);
-    return a(d, { key: "a8c1ef84544825607dce253e49ff7073fc1950f4" }, a("span", { key: "d0e6ee455f9a47fe7ea0c2d676f439278b9de190", class: e, part: "tag" }, this.icon && a("span", { key: "c9b58bbf9a4fc5f639eca9dc1f22bd7d9acaa6a3", class: "tag__icon", innerHTML: this.icon, ref: (t) => this.iconEl = t }), a("span", { key: "9c10a9fe0cb23f0233456053b681adfaca041252", class: "tag__label" }, this.label), this.removable && a("button", { key: "008c6159702fe894b3fd4eb3df3c523317255450", "aria-label": this.removalButtonLabel, class: "tag__removal-button", onClick: this.onRemove, tabIndex: this.el.ariaHidden === "true" ? -1 : void 0, type: "button" }, a("swirl-icon-close", { key: "4d170dc7377724819b8715675eadc9dd2564d9ab", size: 16 }))));
+    const e = v("tag", `tag--icon-position-${this.iconPosition}`, `tag--intent-${this.intent}`, `tag--size-${this.size}`, `tag--variant-${this.variant}`);
+    return a(d, { key: "3d0e25cca593ea8a22588921434739b16383160d" }, a("span", { key: "d2d6cda124a02a4c99aa00d7ba4dab6455bd1a07", class: e, part: "tag" }, this.icon && a("span", { key: "43fa32eab04a5e66d944445a4234049476546045", class: "tag__icon", innerHTML: this.icon, ref: (t) => this.iconEl = t }), a("span", { key: "301330c0dfa1499fdae2e58d851223925664a036", class: "tag__label" }, this.label), this.removable && a("button", { key: "b19dbc863f23b8f10d69c8337a361d2b5b9b274b", "aria-label": this.removalButtonLabel, class: "tag__removal-button", onClick: this.onRemove, tabIndex: this.el.ariaHidden === "true" ? -1 : void 0, type: "button" }, a("swirl-icon-close", { key: "8758d821d443a124303daaf6aaed89ed39fee34f", size: 16 }))));
   }
   get el() {
     return g(this);

package/dist/{swirl-pagination.entry.ca5b7077.js → swirl-pagination.entry.4d0ff7e1.js}

@@ -1,35 +1,35 @@
-import { r as l, c as s, h as e, H as r } from "./index.5e0cefe1.js";
+import { r as l, c as s, h as e, H as r } from "./index.433e939a.js";
 import { c as p } from "./index-267776a4.6beb4f4b.js";
-import { d as g } from "./utils-877a768f.c277f897.js";
+import { d as c } from "./utils-877a768f.c277f897.js";
 import "react";
 import "react-dom";
-const c = ":host{display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:host *{box-sizing:border-box}.pagination{display:block;width:100%}.pagination--variant-simple .pagination__list{gap:0}.pagination__list{display:flex;margin:0;padding:0;justify-content:flex-start;align-items:center;line-height:var(--s-line-height-base);list-style:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.pagination__list{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.pagination__page-size-selection{display:flex;padding-right:var(--s-space-24);flex-shrink:0;align-items:center;color:var(--s-interactive-primary-default);white-space:nowrap;gap:var(--s-space-8)}.pagination__page-size-select-container{position:relative}.pagination__page-size-select{padding-right:calc(1rem + var(--s-space-4));border:none;color:var(--s-interactive-primary-default);background-color:transparent;font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.pagination__page-size-select:focus:not(:focus-visible){outline:none}.pagination__page-size-select:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.pagination__page-size-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.pagination__page-size-select-icon{position:absolute;top:50%;right:0;transform:translateY(-50%);pointer-events:none}.pagination__page-label{padding-right:var(--s-space-8);padding-left:var(--s-space-8)}.pagination__advanced-label{display:flex;align-items:center;white-space:nowrap;gap:var(--s-space-8)}.pagination__page-input{display:inline-flex;width:3.25rem;padding-top:var(--s-space-8);padding-right:var(--s-space-8);padding-bottom:var(--s-space-8);padding-left:var(--s-space-8);border:none;border-radius:var(--s-border-radius-sm);background-color:transparent;font:inherit;line-height:var(--s-line-height-base);text-align:center;box-shadow:inset 0 0 0 var(--s-border-width-default) var(--s-border-strong)}.pagination__page-input:focus:not(:focus-visible){outline:none}.pagination__page-input:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.pagination__page-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}", h = c, d = class {
+const g = ":host{display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:host *{box-sizing:border-box}.pagination{display:block;width:100%}.pagination--variant-simple .pagination__list{gap:0}.pagination__list{display:flex;margin:0;padding:0;justify-content:flex-start;align-items:center;line-height:var(--s-line-height-base);list-style:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.pagination__list{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.pagination__page-size-selection{display:flex;padding-right:var(--s-space-24);flex-shrink:0;align-items:center;color:var(--s-interactive-primary-default);white-space:nowrap;gap:var(--s-space-8)}.pagination__page-size-select-container{position:relative}.pagination__page-size-select{padding-right:calc(1rem + var(--s-space-4));border:none;color:var(--s-interactive-primary-default);background-color:transparent;font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.pagination__page-size-select:focus:not(:focus-visible){outline:none}.pagination__page-size-select:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.pagination__page-size-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.pagination__page-size-select-icon{position:absolute;top:50%;right:0;transform:translateY(-50%);pointer-events:none}.pagination__page-label{padding-right:var(--s-space-8);padding-left:var(--s-space-8)}.pagination__advanced-label{display:flex;align-items:center;white-space:nowrap;gap:var(--s-space-8)}.pagination__page-input{display:inline-flex;width:3.25rem;padding-top:var(--s-space-8);padding-right:var(--s-space-8);padding-bottom:var(--s-space-8);padding-left:var(--s-space-8);border:none;border-radius:var(--s-border-radius-sm);background-color:transparent;font:inherit;line-height:var(--s-line-height-base);text-align:center;box-shadow:inset 0 0 0 var(--s-border-width-default) var(--s-border-strong)}.pagination__page-input:focus:not(:focus-visible){outline:none}.pagination__page-input:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.pagination__page-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}", h = g, d = class {
   constructor(n) {
-    l(this, n), this.setPage = s(this, "setPage", 7), this.setPageSize = s(this, "setPageSize", 7), this.onFocusPageInput = (i) => {
-      i.target.select();
+    l(this, n), this.setPage = s(this, "setPage", 7), this.setPageSize = s(this, "setPageSize", 7), this.onFocusPageInput = (a) => {
+      a.target.select();
     }, this.onFirstPageButtonClick = () => {
       this.page !== 1 && this.setPage.emit(1);
     }, this.onLastPageButtonClick = () => {
       this.page !== this.pages && this.setPage.emit(this.pages);
     }, this.onPrevButtonClick = () => {
-      const i = Math.max(this.page - 1, 1);
-      this.page !== i && this.setPage.emit(i);
+      const a = Math.max(this.page - 1, 1);
+      this.page !== a && this.setPage.emit(a);
     }, this.onNextButtonClick = () => {
-      const i = Math.min(this.page + 1, this.pages);
-      this.page !== i && this.setPage.emit(i);
+      const a = Math.min(this.page + 1, this.pages);
+      this.page !== a && this.setPage.emit(a);
     }, this.onPageInput = () => {
-      let i = +this.pageInput.value;
-      isNaN(i) ? (i = this.page, this.pageInput.value = String(i)) : i > this.pages ? (i = this.pages, this.pageInput.value = String(i)) : i < 1 && (i = 1, this.pageInput.value = String(i)), this.page !== i && this.onPageUpdate(i);
-    }, this.onPageUpdate = g((i) => {
-      this.setPage.emit(i);
-    }, 500), this.onPageSizeSelect = (i) => {
-      const t = +i.target.value;
+      let a = +this.pageInput.value;
+      isNaN(a) ? (a = this.page, this.pageInput.value = String(a)) : a > this.pages ? (a = this.pages, this.pageInput.value = String(a)) : a < 1 && (a = 1, this.pageInput.value = String(a)), this.page !== a && this.onPageUpdate(a);
+    }, this.onPageUpdate = c((a) => {
+      this.setPage.emit(a);
+    }, 500), this.onPageSizeSelect = (a) => {
+      const t = +a.target.value;
       this.pageSize !== t && this.setPageSize.emit(t);
     }, this.firstPageButtonLabel = "First page", this.lastPageButtonLabel = "Last page", this.label = void 0, this.nextButtonLabel = "Next page", this.page = void 0, this.pageLabel = "out of", this.pages = void 0, this.pageSelectLabel = "Select a page", this.pageSize = 10, this.pageSizeOptions = [10, 25, 50], this.pageSizeSelectLabel = "Items per page:", this.prevButtonLabel = "Previous page", this.showPageSizeSelect = void 0, this.variant = "default";
   }
   render() {
-    const n = this.variant !== "simple", i = this.variant === "advanced", t = `${this.page.toLocaleString()} ${this.pageLabel} ${this.pages.toLocaleString()}`, o = p("pagination", `pagination--variant-${this.variant}`);
-    return e(r, { key: "62e08cd836fd2810e719e3421dd94a5b0370bd84" }, e("nav", { key: "54e4c27ed20365075124e92f2b22b48d1023f91c", "aria-label": this.label, class: o }, e("ul", { key: "6b134db7693ebd86c9e0e8c98faa8784027264a4", class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && e("li", { key: "3804a82567146c1fc426480fe84b87400fddce6d", class: "pagination__list-item" }, e("label", { key: "60c92bb97feb5e7851d2c101e7bf7fe6520e3e20", class: "pagination__page-size-selection" }, e("swirl-text", { key: "a144cbdbc1ded86c0694e2d28e058fd1f1b0c888", whiteSpace: "inherit" }, this.pageSizeSelectLabel), e("swirl-stack", { key: "12ecf456b716dfa2b377b749f2dafa7d31c994af", align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, e("select", { key: "6602f58fc465fade856bbff9bedc4c36e1d7962d", class: "pagination__page-size-select", onChange: this.onPageSizeSelect }, this.pageSizeOptions.map((a) => e("option", { key: a, selected: a === this.pageSize, value: a }, a))), e("swirl-icon-expand-more", { key: "4d557bd872f01c3718f0c6e530db5ffbf5d52279", "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 })))), e("li", { key: "606e22bc458436d0f86899fbbe09c1e6fd877e29", class: "pagination__list-item" }, e("swirl-button", { key: "83a5b6c796c96259208e21620de1f550fa7d3933", class: "pagination__first-page-button", disabled: this.page <= 1, hideLabel: !0, icon: "<swirl-icon-double-arrow-left></swirl-icon-double-arrow-left>", intent: "primary", label: this.firstPageButtonLabel, onClick: this.onFirstPageButtonClick })), e("li", { key: "bcf60eebd48715dab6d83963b7dea280f048cbb5", class: "pagination__list-item" }, e("swirl-button", { key: "0553846a6a7a269b42975f49bc3b34debab1e971", class: "pagination__prev-button", disabled: this.page <= 1, hideLabel: !0, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", intent: "primary", label: this.prevButtonLabel, onClick: this.onPrevButtonClick })), n ? e("li", { class: "pagination__list-item  pagination__page-label" }, e("span", null, i ? e("span", { "aria-current": "page", class: "pagination__advanced-label" }, e("input", { "aria-label": this.pageSelectLabel, class: "pagination__page-input", onFocus: this.onFocusPageInput, onInput: this.onPageInput, ref: (a) => this.pageInput = a, type: "text", value: this.page }), e("span", { "aria-hidden": "true" }, this.pageLabel, " ", this.pages.toLocaleString())) : e("span", { "aria-current": "page" }, t))) : e("li", { class: "pagination__list-item" }, e("swirl-visually-hidden", null, e("span", { "aria-current": "page" }, t))), e("li", { key: "199cc13116236c7ded78e1e9759f07dfd440949d", class: "pagination__list-item" }, e("swirl-button", { key: "e2b10e3ccde153001305391393f8b88391d3cdc7", class: "pagination__next-button", disabled: this.page >= this.pages, hideLabel: !0, icon: "<swirl-icon-chevron-right></swirl-icon-chevron-right>", iconPosition: "end", intent: "primary", label: this.nextButtonLabel, onClick: this.onNextButtonClick })), e("li", { key: "279d3a9127648b40a3313fdd5a2fb7f2b6385a22", class: "pagination__list-item" }, e("swirl-button", { key: "7ee45a34fa1f7826e01afd5bd5b910e307cc073c", class: "pagination__last-page-button", disabled: this.page >= this.pages, hideLabel: !0, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", intent: "primary", label: this.lastPageButtonLabel, onClick: this.onLastPageButtonClick })))));
+    const n = this.variant !== "simple", a = this.variant === "advanced", t = `${this.page.toLocaleString()} ${this.pageLabel} ${this.pages.toLocaleString()}`, o = p("pagination", `pagination--variant-${this.variant}`);
+    return e(r, { key: "a3cb9e7cd76d1f76cc06d2485e1c4e1bc47a0b67" }, e("nav", { key: "11a4884abac7202c8e9aff0d955acf73f0b235b2", "aria-label": this.label, class: o }, e("ul", { key: "07633c9642741dfbc7a2f77c86912ec9cc38e338", class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && e("li", { key: "e780349f66aa4a99167cca4a67debc373381ccb5", class: "pagination__list-item" }, e("label", { key: "3ff1dc0281bae67e6c7fa8e8606b6197acf61a85", class: "pagination__page-size-selection" }, e("swirl-text", { key: "1334e3edc128113b8fa13d868104257040fbb8d0", whiteSpace: "inherit" }, this.pageSizeSelectLabel), e("swirl-stack", { key: "fa114d9a9db8606363ddb43bd2b15a52f9068de7", align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, e("select", { key: "457b8dd9377c211b23a28310ad6728eecf352798", class: "pagination__page-size-select", onChange: this.onPageSizeSelect }, this.pageSizeOptions.map((i) => e("option", { key: i, selected: i === this.pageSize, value: i }, i))), e("swirl-icon-expand-more", { key: "2522b23e00cc26171f7cdaac3243445a908a2801", "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 })))), e("li", { key: "e98d43c0c4cb744052ab6b2af92eae98777e7461", class: "pagination__list-item" }, e("swirl-button", { key: "3a14f9ce9042c9390fb63ac302e21e815e432621", class: "pagination__first-page-button", disabled: this.page <= 1, hideLabel: !0, icon: "<swirl-icon-double-arrow-left></swirl-icon-double-arrow-left>", intent: "primary", label: this.firstPageButtonLabel, onClick: this.onFirstPageButtonClick })), e("li", { key: "26e00391832715aa7fde35e787f927d8639d0058", class: "pagination__list-item" }, e("swirl-button", { key: "23cd8fd415f10875a9edf2d00940784f05285f0c", class: "pagination__prev-button", disabled: this.page <= 1, hideLabel: !0, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", intent: "primary", label: this.prevButtonLabel, onClick: this.onPrevButtonClick })), n ? e("li", { class: "pagination__list-item  pagination__page-label" }, e("span", null, a ? e("span", { "aria-current": "page", class: "pagination__advanced-label" }, e("input", { "aria-label": this.pageSelectLabel, class: "pagination__page-input", onFocus: this.onFocusPageInput, onInput: this.onPageInput, ref: (i) => this.pageInput = i, type: "text", value: this.page }), e("span", { "aria-hidden": "true" }, this.pageLabel, " ", this.pages.toLocaleString())) : e("span", { "aria-current": "page" }, t))) : e("li", { class: "pagination__list-item" }, e("swirl-visually-hidden", null, e("span", { "aria-current": "page" }, t))), e("li", { key: "1b9a2ee02471bf57dc9e0a024ba20cee9348432b", class: "pagination__list-item" }, e("swirl-button", { key: "9fd82663fbcbf84869e04149d9856331166af354", class: "pagination__next-button", disabled: this.page >= this.pages, hideLabel: !0, icon: "<swirl-icon-chevron-right></swirl-icon-chevron-right>", iconPosition: "end", intent: "primary", label: this.nextButtonLabel, onClick: this.onNextButtonClick })), e("li", { key: "595e2f8beffb2a3e27dedb41c17e0b7592999f7f", class: "pagination__list-item" }, e("swirl-button", { key: "13607971f38bacdb9bc2688075fa786f40fe6e50", class: "pagination__last-page-button", disabled: this.page >= this.pages, hideLabel: !0, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", intent: "primary", label: this.lastPageButtonLabel, onClick: this.onLastPageButtonClick })))));
   }
 };
 d.style = h;

package/dist/{swirl-pdf-reader.entry.e1678c5e.js → swirl-pdf-reader.entry.dcf8c757.js}

@@ -1,4 +1,4 @@
-import { r as n, c as d, h as e, H as c, g as f } from "./index.5e0cefe1.js";
+import { r as n, c as d, h as e, H as c, g as f } from "./index.433e939a.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";
@@ -89,12 +89,12 @@ const u = `:host{--thumbnails-width:7rem;display:block}:host *{box-sizing:border
       "pdf-reader--hide-menu": !i,
       "pdf-reader--show-thumbnails": this.showThumbnails
     });
-    return e(c, { key: "68fe3fb26ca8d6a2a6221dac7662e69edc831a34" }, e("section", { key: "97877b48bc2ae84b4fe42f73f8fac4f3170c8a56", "aria-hidden": "true", "aria-label": this.label, class: a, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (t) => this.modalEl = t }, e("div", { key: "fcfb7ca295f7804b55a2f1c0370188b020fafff6", class: "pdf-reader__body", role: "document" }, e("header", { key: "97622442f6b5bb0d9a53bb811ae709deb7022c18", class: "pdf-reader__header" }, e("span", { key: "b70dbb787d88ecfa67661525dcfce034f0da7c31", class: "pdf-reader__header-left" }, e("swirl-button", { key: "4f5df9142d0b4a39d351983b6c2d17437c4b0a22", class: "pdf-reader__close-button", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), e("span", { key: "3cf0def7b643e5bb2f1f7f93d87e5c6b6044b5bd", class: "pdf-reader__label" }, this.label)), e("span", { key: "6103529999d12ed351857f934a2005cf91d26d49", class: "pdf-reader__header-center" }, e("span", { key: "771644b7d36a80224481c160f21902a087f0ecd6", class: "pdf-reader__zoom-button-container" }, e("swirl-button", { key: "2014382d675d88e90655eeec17118fdfeae628dd", 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: "450cb710556d6afa21cb2fd4ba97fbe9a5588006", 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: "d785b2020c2944e6efe7f8db84d265fc3a6b4ed6", class: "pdf-reader__zoom-select-container" }, e("select", { key: "c22d36001a8f51f4c76cd2f792678a9a38c8a93f", "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, e("option", { key: "01ae264edbc31f615b3311d68a0b2dac75aab2b5", 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: "9e3091ce704f67faea703f64c0400f36ef16f78b", class: "pdf-reader__zoom-select-icon" }))), e("span", { key: "f67959ba3a3faab12a66bf9072bf6caf88112ec9", class: "pdf-reader__header-right" }, e("swirl-popover-trigger", { key: "65d049b17941e657de34d104b0a00d4b6fd4aed5", swirlPopover: this.menu }, e("swirl-button", { key: "25844a1ada8c2e438d716e7048f03c18dbb5ec33", class: "pdf-reader__menu-button", hideLabel: !0, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), e("span", { key: "e46722f8faf6c7852ce58a7720e6638d7c91f61a", class: "pdf-reader__floating-tools" }, e("button", { key: "5d853b7449dccf816c0a70a508f2fba91a856af6", "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, e("swirl-icon-menu-book", { key: "4861263a2859a970ad35823e46157290739781e9" })), e("button", { key: "9e77cfe7e938a7f36237bc31c35f26d916a2b99c", "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: "1b9d90eea848d5ee7abeea7df2b0d6eb25aaa5df" })))), e("div", { key: "172ad126404bdb09bbda038b7f0c515dace5c0bc", class: "pdf-reader__content" }, e("nav", { key: "2de7efe73ae58a99c5455b606232a901375a5a35", "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && e("swirl-spinner", { key: "23ce3475392038b6588c1c306fe3747aff64ee2c" }), !this.loadingThumbnails && this.thumbnails.map((t, o) => {
+    return e(c, { key: "a41c0c526e1adb2fd0fcd8317c03cf31695c7806" }, e("section", { key: "b8264ce1bc4b1deae0954a43305e25bbaa2d7d82", "aria-hidden": "true", "aria-label": this.label, class: a, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (t) => this.modalEl = t }, e("div", { key: "d1deae68911ba4a06064448bdd9c32178bac9758", class: "pdf-reader__body", role: "document" }, e("header", { key: "3276b6e0e592548ae9eee8e6a74bbec3c712889c", class: "pdf-reader__header" }, e("span", { key: "b9767cadee6c13c12488b00088404c748b10935f", class: "pdf-reader__header-left" }, e("swirl-button", { key: "719efbeb90f1c07e2fc001ccbed29609139dc937", class: "pdf-reader__close-button", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), e("span", { key: "0fddb65cebe1d6088a4a0f710d3ba6e185bb1c6f", class: "pdf-reader__label" }, this.label)), e("span", { key: "be964607ba788d90ab82ad7df19d701ee51a7339", class: "pdf-reader__header-center" }, e("span", { key: "bca05cfb71d898ab351313290ba1fcc95db02730", class: "pdf-reader__zoom-button-container" }, e("swirl-button", { key: "f8e9d666285376430069a457e0af0f13f9dff6c5", 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: "4c23838cc5fd6af52e92434b55a060411fc5e98e", 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: "c5236c23d4c489d4be997e05cfa34b6ef54ef8d8", class: "pdf-reader__zoom-select-container" }, e("select", { key: "136297abb7f5457f4437db31a3b7f2b698d4a77b", "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, e("option", { key: "184a75cf864113928d7fe6d2baf881cb4816e172", 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: "32294469647a772a1d711b9cf8dbf71bd54511cc", class: "pdf-reader__zoom-select-icon" }))), e("span", { key: "1fc8ecf72edd0b4abe1c7c19d5010b4649eb4771", class: "pdf-reader__header-right" }, e("swirl-popover-trigger", { key: "08b77c740df7e9b8d97ba3b6a11e7fd994670123", swirlPopover: this.menu }, e("swirl-button", { key: "9f1831a8d35ee1d07f4c0afbb750d6affb32efeb", class: "pdf-reader__menu-button", hideLabel: !0, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), e("span", { key: "fcb8fc95d046065e2d41180b01f508d0a7837083", class: "pdf-reader__floating-tools" }, e("button", { key: "24e4da412746358f0b607fef76c3afe5d56d9ac7", "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, e("swirl-icon-menu-book", { key: "494f78dbad37191039289a580f899afacca29ee7" })), e("button", { key: "a0fd8b22a0a6dd66dc02ace291777a08d869249b", "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: "72ab4ce68264b492325662115db94979d9600359" })))), e("div", { key: "60ed86c6d430dad2c6dab005cb4e60091772a54f", class: "pdf-reader__content" }, e("nav", { key: "a55b0839aa7e2774e8ec194c55b9c19ea6d80e86", "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && e("swirl-spinner", { key: "4a3e8d0a31031a1035f523c6bed98f95559c1b75" }), !this.loadingThumbnails && this.thumbnails.map((t, 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: t.toDataURL("image/png"), alt: "" }));
-    })), e("swirl-file-viewer", { key: "85cdfe552913be085a3a92a3d806d2024b9fb396", active: this.active, class: "pdf-reader__viewer", 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: "1bd0d0b99f8201292d16d0d7168bfcdb854ec712", class: "pdf-reader__mobile-zoom-controls" }, e("button", { key: "5c6fdaabfee213c8eccd12e0e134459f70f599f0", "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: "984e22c79231bf99f28226b803ac34ad206a38de", "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: "a526892dea67da08b9580b7f59141239c109d03a" })), e("button", { key: "38c2f6186101dc21f74302364e0df7896a665aeb", "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: "d1f4b00b8c67c99c929177c609ddc278b3e11ed7" }))))), e("swirl-popover", { key: "74176031c6d634877abffe560a50f8428f29519f", animation: "scale-in-y", disableScrollLock: !0, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (t) => this.menu = t }, e("swirl-stack", { key: "7c7ecbcf4c8c047fa5f11c10abc20a1e1443183a" }, e("div", { key: "68324500f368fbdf88ce38327a12150737d48a31", class: "pdf-reader__meta" }, e("div", { key: "8f9c1567d9fc05ee3f3386b0a8be44cb63ad495c", class: "pdf-reader__file-icon" }, e("svg", { key: "e44d2af432550b1359eebf14465e9d16cf674615", fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, e("path", { key: "cf22a919c07549529ae671e46f7c6a1d3cff69c8", 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: "7ebd7da468354f97899aa16e4cbc7d1aa288775d", 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: "88a52e65a22e4a588a0f903c2a6394eac840d52b", d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), e("path", { key: "d6071d3d09098a8a7fdf9c31cd81847464833149", 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: "38eb50b41edd4e5538d5cf1e69d1015b28c8d0e2", 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: "560747787f6dcc4a07accfd4882901e5ebe0e097", 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: "b37ca051c411f85ecacac1fbff45219b47f36c38", 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: "694f2c767019d8ffe96ec8321d544a04fb5a5816", d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), e("div", { key: "fec2e0a783c8c32bda30303a17514c726753dbe2", class: "pdf-reader__file-info" }, e("swirl-text", { key: "4f749feb315eff4b68590174e6c082ccbae563be", truncate: !0, weight: "semibold" }, this.label), e("swirl-text", { key: "de18528ef84f2a86625091e56613df3006ab7ccf", color: "subdued", size: "sm", truncate: !0 }, this.fileTypeLabel))), i && e("swirl-separator", { key: "81246ea284f9bb16647e0434e9290a64d3c0bbf9" }), e("swirl-action-list", { key: "d8120b9d8c3ba03e1e606dc9362cb29554753a3d", class: "pdf-reader__menu" }, this.printButtonEnabled && e("swirl-action-list-item", { key: "235e908b2df517a4163eb0b5906f73694b2e0e49", 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: "d4c316799ea5b3c86c2e5f0ba4983467d0a1fe39", 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: "697cf76c5f11084ec146cb334d7d62e96eb5b046", name: "menu-items" }))))));
+    })), e("swirl-file-viewer", { key: "4423bcf97d50a1fc249722b2b8ef260ff739b885", active: this.active, class: "pdf-reader__viewer", 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: "c629ccdc3b4bd33096aee8cdd21ba264c2821122", class: "pdf-reader__mobile-zoom-controls" }, e("button", { key: "da69b6043bf898d9e4701d83e588557050e1da6d", "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: "c145521febd99324ed07cdc941c496dfdc736321", "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: "fc039608bca36f8b1aa9d89e4f0fe0d1c0a278c1" })), e("button", { key: "4310b6727be3850868a615eac8f1e204b264eb7a", "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: "16b58949dc23b59b44b3c0a7b21ae0a88bb173d6" }))))), e("swirl-popover", { key: "f95d39dca949891e68117f05e92b64f856898ad1", animation: "scale-in-y", disableScrollLock: !0, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (t) => this.menu = t }, e("swirl-stack", { key: "570759d163520273ed7641720576195d5da526fe" }, e("div", { key: "8a0eafc407a95f9425ff015965de2dc619b7f78d", class: "pdf-reader__meta" }, e("div", { key: "6ba3920cfd0f3ea76ff760be6eb7d62a839a8fe6", class: "pdf-reader__file-icon" }, e("svg", { key: "5fb7e724e11a415ee7a25f00b663a11cf17629ff", fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, e("path", { key: "661475984260dc718f62b4a000ec2359fea1b753", 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: "ef90bd23263f618c9db8f804d503dd85f614a6f9", 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: "44394d81702a8022dfad0c49c712542c733ae829", d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), e("path", { key: "25a1a9a33f516a2b83647db421e167ff8cf07c26", 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: "32f2dad2e98918132d2553b086540c6cde5eb956", 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: "91dc17be1588c84af7ffc62befb322762af46876", 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: "f90a71902338621ef60fffd4effb5efb4abe0d2c", 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: "e93df9e4c20a2ee5e68791446f711df006884c0f", d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), e("div", { key: "96584873c9bcbec7a99387634ccd224e20497cf3", class: "pdf-reader__file-info" }, e("swirl-text", { key: "c12042589360afb8715a2bfd3e160982cc4268ed", truncate: !0, weight: "semibold" }, this.label), e("swirl-text", { key: "1cb4c790febb70706519382fc471a04d2ec052d1", color: "subdued", size: "sm", truncate: !0 }, this.fileTypeLabel))), i && e("swirl-separator", { key: "93a19f593b86a7c169b7a3ba82eaa48099216d3c" }), e("swirl-action-list", { key: "ee20a27137759cf2ff2937d6a69ab0b669fe2370", class: "pdf-reader__menu" }, this.printButtonEnabled && e("swirl-action-list-item", { key: "c2d4fcfa4c69bb9d6ad384b206c4b2c4173b1434", 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: "edd6957682768ecf37251883abd7c938293acacc", 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: "5aec34fbb971ef8f4f5ec89d0f47ecea003c1bd5", name: "menu-items" }))))));
   }
   get el() {
     return f(this);