@getflip/swirl-components-react 0.290.0 → 0.292.0

package/dist/{swirl-lightbox.entry.3eea8804.js → swirl-lightbox.entry.df4941d9.js}

@@ -1,5 +1,5 @@
-import { r as h, c as b, h as i, H as u, g } from "./index.832d0b3f.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.09c53839.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";
@@ -136,7 +136,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);
@@ -160,10 +160,10 @@ const y = ':host{display:block}:host *{box-sizing:border-box}.lightbox{position:
       "lightbox--hide-menu": !o,
       "lightbox--hide-toolbar": !r
     });
-    return i(u, { key: "5f83023c4e9c5b49cbfc9d992ba78b7fcc0af922", onKeydown: this.onKeyDown }, i("section", { key: "83beaa9afc9f61cfb335d9db541ed666ce2d3f02", "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: "9da23537c23f1990176ff16e09023850c2db4ae8", class: "lightbox__body", role: "document" }, i("header", { key: "63de374446036fe8d2d2869991e7ffbd4b458b5b", class: "lightbox__header" }, i("button", { key: "543d26e507cd3478b639ad1d87ed7a63129fa8cb", "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick }, i("swirl-icon-close", { key: "ecec8c257983f094ec3b336b0d2113d99ecb3ee5" })), i("div", { key: "8ceb3fec02326e2a3a4e35a07d4e1c2a5dd56c59", class: "lightbox__toolbar" }, i("slot", { key: "5d72749e96080ee1447ede1a013d557a03daa680", name: "toolbar" })), !this.hideMenu && i("swirl-popover-trigger", { key: "22692b7c64403576ed27ee78753701993869b0f4", swirlPopover: this.menu }, i("button", { key: "2cf90488154012ed8308326821bc0b086cdf7d1e", "aria-label": this.menuTriggerLabel, class: "lightbox__menu-button" }, i("swirl-icon-more-vertikal", { key: "4feb1c6169c337e8f02a6dd53570d78e4a3a3461" })))), i("div", { key: "b365266f68fefd033e91b942096bb87ca6541b9d", "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, i("div", { key: "b5ba36b62356763fd81c87ef160a1df9596335fd", "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (n) => this.slidesContainer = n }, i("slot", { key: "6c2581badf908232cb1642d3eea15a2dd1d4bb27", onSlotchange: this.registerSlides }))), i("div", { key: "af5442e3bde8d9c18c58ffb87acabe298fc8379c", class: "lightbox__controls" }, i("button", { key: "a16af74a6dbd6168fb44c0b40ef584824a90612f", "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick }, i("swirl-icon-arrow-left", { key: "4160e454cf194bf910c88ff9e91405dca8babfc6" })), i("button", { key: "ea98e7182ee0cc7a58fa8277332cc39e5c1d48b4", "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: "48de4f64580779e17907b5bc70c6b59894bf700b" }))), t && i("span", { key: "01907c1e3eb44037d0978660b61e177a70e3a51a", class: "lightbox__pagination" }, i("span", { key: "bb8d34954bdd5b6bf463fc97d4989fe9ea07aa94", "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length)), !this.hideMenu && i("swirl-popover", { key: "4b04077d2100254834912bf76b905defa588a554", animation: "scale-in-y", disableScrollLock: !0, id: "slide-menu", label: this.menuLabel, placement: "bottom-end", ref: (n) => this.menu = n }, i("swirl-stack", { key: "a98f21b521ae63b02436c402bb250b71ea80ec42" }, i("div", { key: "caad1888856f677f28136b2eb9e7ad77dc9e4e03", class: "lightbox__meta" }, s && i("div", { key: "06527190cd5914dbbec266a298819355f51ad3bd", class: "lightbox__thumbnail" }, i("swirl-thumbnail", { key: "7b85a2908765bb662520fd026182a7e5f4ae6bae", alt: "", src: s })), i("div", { key: "5c2d2fbc79d1c6d96fd5689d5618c9245c8245fc", class: "lightbox__file-info" }, i("swirl-text", { key: "b71e439fd73142424563a493e68023bec26151be", truncate: !0, weight: "semibold" }, e), i("swirl-text", { key: "8265bb14022bf27e53ce13754dc8e1ac2ff21196", color: "subdued", size: "sm", truncate: !0 }, a))), o && i("swirl-separator", { key: "6a5ea757cf7658aaf7f1e33132275e7317d6f2e3" }), i("swirl-action-list", { key: "59b1bb67911d2bb6e92f15976fbd86cedea48580" }, this.downloadButtonEnabled && i("swirl-action-list-item", { key: "a8aa5dc3f5ba078248b4f7fb5d86182f11cceca2", icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick }), i("slot", { key: "35acefefe19ae17f00ee700aa21db2248ab87eea", name: "menu-items" }))))));
+    return i(u, { key: "4055a2b5f10f617be24e21e629b0c38010113a33", onKeydown: this.onKeyDown }, i("section", { key: "1d6b77bc044f67e76dc7412bb62bd855efc29af8", "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: "938ea73cf0bb70aceabfaf592f4ecb74965e99b9", class: "lightbox__body", role: "document" }, i("header", { key: "9fecdd52aaf89fa218e0ddce785398f2b6372c57", class: "lightbox__header" }, i("button", { key: "cfe3980b08b6983a473bbef8171960e4c6f9c5c1", "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick }, i("swirl-icon-close", { key: "0b634b7871ee743b1d591fbf9ed7321f9828882f" })), i("div", { key: "1ec7e677e7046c4f11296bcd2e22e746ff973db3", class: "lightbox__toolbar" }, i("slot", { key: "e5ba1b47b030f76f5040b520e7ca58097a314c79", name: "toolbar" })), !this.hideMenu && i("swirl-popover-trigger", { key: "eea2415ab71f956ab7a83fcbf784ae8c961696de", swirlPopover: this.menu }, i("button", { key: "731be94bd302f431bb212ddb29455b551301b046", "aria-label": this.menuTriggerLabel, class: "lightbox__menu-button" }, i("swirl-icon-more-vertikal", { key: "c62e3417b2f8c2f6830922b757a38c74012e4f27" })))), i("div", { key: "c713aeabfbf4ddbbe2d7bedb09507c1d01e8c3a8", "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, i("div", { key: "7195fccbc8ed4f62bdc6fca0acb6cdc186baecca", "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (n) => this.slidesContainer = n }, i("slot", { key: "aea00d48d9acc6f4d0c69a0d0ec448a977197aca", onSlotchange: this.registerSlides }))), i("div", { key: "fe2ee730f81ac18e93b80f99ef7faee58abefe89", class: "lightbox__controls" }, i("button", { key: "8369e13a5bef3ad19c0244a1a07541417462dcae", "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick }, i("swirl-icon-arrow-left", { key: "9458f1e0e12b57e4cf2286e8f17b926f7a85bd9e" })), i("button", { key: "dccda703748cc588ecb37b5fc246f05e7d2937e2", "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: "28b963cfcd168be1e650692f82a510e1260aa70b" }))), t && i("span", { key: "31a7280c1b526e82f056efeb2ffdf8ac8edbfee1", class: "lightbox__pagination" }, i("span", { key: "76b87c753f50917e25bcb1de73f254ef1740b789", "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length)), !this.hideMenu && i("swirl-popover", { key: "e181e01cf62b32e7756a523a8368627c732a5b42", animation: "scale-in-y", disableScrollLock: !0, id: "slide-menu", label: this.menuLabel, placement: "bottom-end", ref: (n) => this.menu = n }, i("swirl-stack", { key: "79130ed8bc6000577dfc3318dab99db7c26ce8a8" }, i("div", { key: "6d0f29656c2c21387ff87777d7dad561a88a316b", class: "lightbox__meta" }, s && i("div", { key: "71e045f62840a083e74d634d0a9f9e822a680ac0", class: "lightbox__thumbnail" }, i("swirl-thumbnail", { key: "5ac2cdd6c78bf4458567f053d5874840a203109f", alt: "", src: s })), i("div", { key: "6cb830bbd15cf27a245555402c7fec1e3d9f0dc8", class: "lightbox__file-info" }, i("swirl-text", { key: "7102a0aedfd72f9dd04bf46640c1b45ad7b87131", truncate: !0, weight: "semibold" }, e), i("swirl-text", { key: "1e55061acd46d50b516a6fb00f3eb582bd13b426", color: "subdued", size: "sm", truncate: !0 }, a))), o && i("swirl-separator", { key: "5d17474d2bc97e1583d8f6befc6dd475d02156dd" }), i("swirl-action-list", { key: "c24d40cc241fcb4de485083b9ed4d2fc9ad80d65" }, this.downloadButtonEnabled && i("swirl-action-list-item", { key: "4c165f77f3faca5c08d5453a4cb2109731dc67b1", icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick }), i("slot", { key: "04d73a039e5d627aebf1e705de0ae088e6a8f61d", name: "menu-items" }))))));
   }
   get el() {
-    return g(this);
+    return f(this);
   }
   static get watchers() {
     return {

package/dist/{swirl-link.entry.a6556d13.js → swirl-link.entry.24dd487a.js}

@@ -1,17 +1,17 @@
-import { r, h as i, H as t } from "./index.832d0b3f.js";
+import { r, h as i, H as t } from "./index.09c53839.js";
 import { c as s } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
-const a = ":host{display:inline-flex}:host *{box-sizing:border-box}.link{color:var(--s-interactive-primary-default);line-height:var(--s-line-height-base);text-underline-offset:var(--s-space-4)}.link:hover{color:var(--s-interactive-primary-hovered)}.link:active{color:var(--s-interactive-primary-pressed)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.link{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.link--color-subdued{color:var(--s-interactive-neutral-default);font-weight:var(--s-font-weight-medium);text-decoration:none}.link--color-subdued:hover{color:var(--s-interactive-neutral-hovered)}.link--color-subdued:active{color:var(--s-interactive-neutral-pressed)}", n = a, o = class {
+const n = ":host{display:inline-flex}:host *{box-sizing:border-box}.link{color:var(--s-interactive-primary-default);line-height:var(--s-line-height-base);text-underline-offset:var(--s-space-4)}.link:hover{color:var(--s-interactive-primary-hovered)}.link:active{color:var(--s-interactive-primary-pressed)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.link{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.link--color-subdued{color:var(--s-interactive-neutral-default);font-weight:var(--s-font-weight-medium);text-decoration:none}.link--color-subdued:hover{color:var(--s-interactive-neutral-hovered)}.link--color-subdued:active{color:var(--s-interactive-neutral-pressed)}", a = n, o = class {
   constructor(e) {
     r(this, e), this.color = "default", this.href = void 0, this.label = void 0, this.target = void 0;
   }
   render() {
     const e = s("link", `link--color-${this.color}`);
-    return i(t, { key: "e7e0c66fbd3ea0c860e059f0d1e62186efd6d294" }, i("a", { key: "9e1deec9cde153cf663bfa415caa38293962a2c4", class: e, href: this.href, part: "link", target: this.target }, this.label));
+    return i(t, { key: "4dcc9ee9433ad922ed6fe145e5308f90da057107" }, i("a", { key: "a0562a616017115c457e97f329c323e37c954d70", class: e, href: this.href, part: "link", target: this.target }, this.label));
   }
 };
-o.style = n;
+o.style = a;
 export {
   o as swirl_link
 };

package/dist/{swirl-list.entry.58e98dbd.js → swirl-list.entry.3509b7af.js}

@@ -1,15 +1,15 @@
-import { r as l, h as i, H as r } from "./index.832d0b3f.js";
+import { r as l, h as e, H as r } from "./index.09c53839.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: "46fec8693acaa0189029acb53ad67d4271be59a2" }, i("div", { key: "159207883e56500b265f14bda7bafe0af066ee8e", class: "swirl-list", ref: (e) => this.containerEl = e }, i("slot", { key: "c6d81201fcce3f5bdaf44ae0e197aeb67fbd4bce" })));
+    return e(r, { key: "b221529cdc43d23f1ad93489b0555295f68069c6" }, e("div", { key: "11a9783539675ec441e1bd5a46786de3015b3009", class: "swirl-list", ref: (i) => this.containerEl = i }, e("slot", { key: "f11b3b9d93c60310ca288111a1eb75aaec4523b5" })));
   }
 };
 o.style = n;

package/dist/{swirl-menu-item.entry.b79230cb.js → swirl-menu-item.entry.c4ecdc30.js}

@@ -1,4 +1,4 @@
-import { r, f as d, h as i, H as l, g as h } from "./index.832d0b3f.js";
+import { r, f as d, h as i, H as l, g as h } from "./index.09c53839.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: "ec53da29dd7ec22ecbb14eae3cfd7212e666325e" }, i("div", { key: "a639071a7c8fb60cec52c673bc1b0fe9518100b9", class: e }, ((t = this.parentMenu) == null ? void 0 : t.variant) === "selection" ? this.renderOptionListItem() : this.renderActionListItem(), i("slot", { key: "02935d7a4997aaa9c8dece8f66f21a42508f8294", onSlotchange: this.onSlotChange })));
+    return i(l, { key: "4c32fa4ff397d80e0636546b9f2b32cd3018dbdf" }, i("div", { key: "66902fc5659b18f6a9279f5890f0e5f0273acddc", class: e }, ((t = this.parentMenu) == null ? void 0 : t.variant) === "selection" ? this.renderOptionListItem() : this.renderActionListItem(), i("slot", { key: "820d9476aace294bbee6f24018338d297b5e497d", onSlotchange: this.onSlotChange })));
   }
   get el() {
     return h(this);

package/dist/{swirl-menu.entry.f3412027.js → swirl-menu.entry.359bea8c.js}

@@ -1,10 +1,10 @@
-import { r as d, c, h as o, H as b, g as p } from "./index.832d0b3f.js";
+import { r as d, c, h as o, H as b, g as p } from "./index.09c53839.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";
 import "react";
 import "react-dom";
-const _ = ":host{display:block}:host *{box-sizing:border-box}.menu{width:100%;--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)}.menu--mobile.menu--root{position:relative}.menu--mobile.menu--root .menu__menu{top:3.5rem;transition:left 0.2s}.menu--mobile.menu--active .menu__menu{display:block}.menu--mobile .menu__menu{position:absolute;top:0;left:0;display:none;width:100%}:not(.menu--mobile).menu--root{position:relative}:not(.menu--mobile).menu--root .menu__menu{position:relative;padding-top:0;padding-bottom:0}:not(.menu--mobile) :not(.menu--root) .menu__menu{z-index:1;max-width:22.5rem;border-radius:var(--s-border-radius-sm);box-shadow:var(--s-shadow-level-1)}:not(.menu--mobile).menu--active .menu__menu{display:block}:not(.menu--mobile) .menu__menu{position:fixed;display:none}.menu__mobile-header{display:flex;height:3.5rem;padding-right:var(--s-space-16);padding-left:var(--s-space-16);justify-content:space-between;align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);gap:var(--s-space-8)}.menu__mobile-header>*{display:inline-flex;flex-shrink:0}.menu__title{min-width:0;flex-grow:1;flex-shrink:1}.menu__title swirl-heading{min-width:0}.menu__done-button{margin-right:calc(-1 * var(--s-space-8))}.menu__menu{padding-top:var(--s-space-8);padding-bottom:var(--s-space-8);background-color:var(--s-surface-overlay-default)}", k = _, L = class {
+const _ = ":host{display:block}:host *{box-sizing:border-box}.menu{width:100%;--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)}.menu--mobile.menu--root{position:relative}.menu--mobile.menu--root .menu__menu{top:3.5rem;transition:left 0.2s}.menu--mobile.menu--active .menu__menu{display:block}.menu--mobile .menu__menu{position:absolute;top:0;left:0;display:none;width:100%}:not(.menu--mobile).menu--root{position:relative}:not(.menu--mobile).menu--root .menu__menu{position:relative;padding-top:0;padding-bottom:0}:not(.menu--mobile) :not(.menu--root) .menu__menu{z-index:1;max-width:22.5rem;border-radius:var(--s-border-radius-base);box-shadow:var(--s-shadow-level-1);padding:var(--s-space-4)}:not(.menu--mobile).menu--active .menu__menu{display:block}:not(.menu--mobile) .menu__menu{position:fixed;display:none}.menu__mobile-header{display:flex;height:3.5rem;padding-right:var(--s-space-16);padding-left:var(--s-space-16);justify-content:space-between;align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);gap:var(--s-space-8)}.menu__mobile-header>*{display:inline-flex;flex-shrink:0}.menu__title{min-width:0;flex-grow:1;flex-shrink:1}.menu__title swirl-heading{min-width:0}.menu__done-button{margin-right:calc(-1 * var(--s-space-8))}.menu__menu{background-color:var(--s-surface-overlay-default)}", k = _, L = class {
   constructor(e) {
     d(this, e), this.done = c(this, "done", 7), this.valueChange = c(this, "valueChange", 7), this.mobileMediaQuery = window.matchMedia("(min-width: 768px)"), this.mediaQueryHandler = () => {
       this.updateMobileState();
@@ -154,12 +154,12 @@ const _ = ":host{display:block}:host *{box-sizing:border-box}.menu{width:100%;--
       "menu--mobile": this.mobile,
       "menu--root": e
     });
-    return o(b, { key: "139ace0948e7fe3f2ccd87a4f497f5d6c9e889d0" }, o("div", { key: "4c036f7cc11ad4baaa694370f58200b95e9d8bd5", class: s }, this.mobile && e && o("div", { key: "efc5872b0eab8e30656ff08be0f22369b5dea335", class: "menu__mobile-header" }, this.activeLevel === 0 && o("swirl-button", { key: "011aae50518fcc6acf2df643d1b8baeb02ee258c", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" }), this.activeLevel > 0 && o("swirl-button", { key: "3290279dae6aa2f24db3e6255663a74d9ebfb245", hideLabel: !0, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" }), o("span", { key: "74ec9876905b64c1d1564b4673da0afa6df8be88", class: "menu__title", id: "menu-title" }, o("swirl-heading", { key: "d11cb7e73bf2ae10e4877adea3a1fc76ef8709bd", align: "center", as: "span", level: 4, text: this.label, truncate: !0 })), o("swirl-button", { key: "18763d9d7b8235d36d15962d9f0fa186f06cbf06", class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone })), o("div", { key: "d13e7e02bebdc0b2672f9c99ad16b140245f0309", "aria-label": t, "aria-labelledby": i, "aria-orientation": "vertical", class: "menu__menu", onKeyDown: this.onKeyDown, ref: (m) => this.menuContainer = m, role: n, style: !this.mobile && this.level > 0 ? {
+    return o(b, { key: "09282f9b414e9f9914ba0b94cfa9d014bce3968b" }, o("div", { key: "45e1291c46a9d8ac9c89d8d3fb6aea6966276bde", class: s }, this.mobile && e && o("div", { key: "78d615d456e938d0bf57f73ba553718cea34f1b7", class: "menu__mobile-header" }, this.activeLevel === 0 && o("swirl-button", { key: "79613c077848b55b9cf04a3a0247f7c3524ddac0", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" }), this.activeLevel > 0 && o("swirl-button", { key: "5a2da40e27d6389459c0280568638009e6b72bbe", hideLabel: !0, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" }), o("span", { key: "471a1a067678f08278cc6a308a3f2c4ec3686e53", class: "menu__title", id: "menu-title" }, o("swirl-heading", { key: "10a71a472681b98a56043e73e09b65ba606c97da", align: "center", as: "span", level: 4, text: this.label, truncate: !0 })), o("swirl-button", { key: "348aa994468ef8cc10e2c3df09c5a2adcf90980d", class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone })), o("div", { key: "bbbdf79dbdc050d9a1475b2859e8fdeec843a67d", "aria-label": t, "aria-labelledby": i, "aria-orientation": "vertical", class: "menu__menu", onKeyDown: this.onKeyDown, ref: (m) => this.menuContainer = m, role: n, style: !this.mobile && this.level > 0 ? {
       top: Boolean(this.position) ? `${(r = this.position) == null ? void 0 : r.y}px` : "",
       left: Boolean(this.position) ? `${(u = this.position) == null ? void 0 : u.x}px` : ""
     } : this.mobile ? {
       left: e ? `calc(-100% * ${this.activeLevel})` : "100%"
-    } : void 0 }, o("slot", { key: "9e4b84a77c38b544a1012c7cd28f767b54399b31" }))));
+    } : void 0 }, o("slot", { key: "bb851986c93b5872d027f3873b10c35c201c99c1" }))));
   }
   get el() {
     return p(this);

package/dist/{swirl-modal.entry.b05ef36e.js → swirl-modal.entry.ef3d1d3f.js}

@@ -1,4 +1,4 @@
-import { r as h, c as t, h as e, H as f, g as p } from "./index.832d0b3f.js";
+import { r as h, c as t, h as a, H as f, g as p } from "./index.09c53839.js";
 import { d as u, 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";
@@ -13,8 +13,8 @@ const g = `:host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghos
   );--swirl-modal-height:auto;--swirl-modal-max-height:90vh;--swirl-modal-view-height:100vh;--swirl-modal-max-width:40rem;--swirl-modal-footer-padding-small:var(--s-space-12) var(--s-space-16)
     var(--s-space-12) var(--s-space-16);--swirl-modal-footer-padding-large:var(--s-space-16) var(--s-space-24)
     var(--s-space-16) var(--s-space-24)}@supports (height: 100dvh){.modal{--swirl-modal-max-height:90dvh;--swirl-modal-view-height:100dvh}}.modal{position:fixed;z-index:var(--s-z-40);display:flex;justify-content:center;align-items:center;height:var(--swirl-modal-view-height);inset:0}.modal[aria-hidden="true"]{display:none}.modal--variant-default.modal--closing{animation:0.15s modal-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.modal--variant-default.modal--closing{animation:none}}.modal--variant-default:not(.modal--closing) .modal__backdrop{animation:0.15s modal-backdrop-fade-in}@media (prefers-reduced-motion){.modal--variant-default:not(.modal--closing) .modal__backdrop{animation:none}}.modal--variant-default:not(.modal--closing) .modal__body{animation:0.15s modal-scale-in}@media (prefers-reduced-motion){.modal--variant-default:not(.modal--closing) .modal__body{animation:none}}.modal--variant-drawer{justify-content:end;align-items:stretch}.modal--variant-drawer.modal--closing{animation:0.15s modal-drawer-slide-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.modal--variant-drawer.modal--closing{animation:none}}@media (min-width: 768px){.modal--variant-drawer.modal--hide-label .modal__header-bar{height:auto;padding-top:var(--s-space-4);padding-bottom:var(--s-space-4)}}.modal--variant-drawer .modal__backdrop{background-color:transparent;animation:none}.modal--variant-drawer .modal__body{height:100%;max-height:none;border-radius:0;animation:0.15s modal-drawer-slide-in;box-shadow:var(--s-shadow-level-3)}@media (prefers-reduced-motion){.modal--variant-drawer .modal__body{animation:none}}.modal--variant-drawer .modal__header-bar{background-color:var(--s-surface-overlay-default)}.modal--variant-drawer .modal__header-bar .modal__close-button{margin-left:calc(-1 * var(--s-space-8))}@media (min-width: 768px){.modal--variant-drawer .modal__header-bar{flex-direction:row}}@media (min-width: 768px){.modal--variant-drawer.modal--padded .modal__content{padding-top:var(--s-space-8)}}.modal--padded .modal__content{padding-top:var(--s-space-24);padding-right:var(--s-space-16);padding-bottom:var(--s-space-24);padding-left:var(--s-space-16)}@media (min-width: 768px){.modal--padded .modal__content{padding-top:0;padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24)}}@media (min-width: 768px){.modal--scrollable .modal__content{padding-bottom:0}}.modal--scrollable:not(.modal--scrolled-down).modal--has-custom-footer .modal__custom-footer{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal--scrollable:not(.modal--scrolled-down):not(.modal--has-custom-footer) .modal__controls{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal--has-custom-header .modal__custom-header{display:block}.modal--has-custom-header .modal__content{padding-top:var(--s-space-16)}.modal--has-custom-footer .modal__custom-footer{padding:var(--swirl-modal-footer-padding-small)}@media (min-width: 768px){.modal--has-custom-footer .modal__custom-footer{padding:var(--swirl-modal-footer-padding-large)}}.modal--has-header-tools .modal__header{border-bottom-color:transparent}.modal--has-header-tools .modal__header-tools{display:block}.modal--has-secondary-content .modal__body{max-width:64rem}.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% - 24rem);max-height:none;flex-basis:calc(100% - 24rem)}}.modal--has-secondary-content .modal__secondary-content{display:block}@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)}}.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;overflow:hidden;width:100vw;height:var(--swirl-modal-view-height);background-color:var(--s-surface-overlay-default);flex-direction:column}@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:3.75rem;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;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:24rem;max-height:none;padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:0;flex-basis:50%}}.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)}}@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)}}`, _ = g, w = class {
-  constructor(a) {
-    h(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) => {
+  constructor(e) {
+    h(this, e), 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) => {
       o.code === "Escape" && (o.stopImmediatePropagation(), this.close());
     }, this.onBackdropClick = () => {
       this.close();
@@ -34,19 +34,19 @@ const g = `:host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghos
     this.focusTrap = y(this.modalEl, {
       allowOutsideClick: !0,
       tabbableOptions: {
-        getShadowRoot: (a) => a.shadowRoot
+        getShadowRoot: (e) => e.shadowRoot
       }
     }), this.determineScrollStatus(), queueMicrotask(() => {
       this.updateCustomFooterStatus(), this.updateCustomHeaderStatus(), this.updateHeaderToolsStatus(), this.updateSecondaryContentStatus();
     });
   }
   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();
@@ -58,8 +58,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)));
   }
@@ -76,8 +76,8 @@ const g = `:host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghos
     this.hasSecondaryContent = Boolean(this.el.querySelector('[slot="secondary-content"]'));
   }
   handleAutoFocus() {
-    var a;
-    (a = this.modalEl.querySelector("input[autofocus]")) == null || a.focus();
+    var e;
+    (e = this.modalEl.querySelector("input[autofocus]")) == null || e.focus();
   }
   lockBodyScroll() {
     u(this.scrollContainer);
@@ -86,7 +86,7 @@ const g = `:host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghos
     b(this.scrollContainer);
   }
   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,
@@ -99,17 +99,17 @@ const g = `:host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghos
       "modal--scrolled-down": this.scrolledDown,
       "modal--hide-secondary-content-borders": this.hideSecondaryContentBorders
     });
-    return e(f, { key: "3bbd1990a38876aa5fa6022a7e75100bbf7b581c" }, e("section", { key: "bce314e825048303343607cbf919d2bc0d3705b2", "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: "9f2fdee44602aafa9192bf74491e6ef8ea54b916", class: "modal__backdrop", onClick: this.onBackdropClick }), e("div", { key: "6683da7a0d57dab9436e7de71ac3936b25d7a4e0", class: "modal__body", style: {
+    return a(f, { key: "b1c98a867cefa87defff50b03aa1f0bc786db36a" }, a("section", { key: "98cf6b7bda4bc48238d6a3d8ce779c98291a2617", "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: "0b655547a66905a89ec43a794eea750de905db51", class: "modal__backdrop", onClick: this.onBackdropClick }), a("div", { key: "1cee84e9c42292bcde9c6d604bdb5f43e7c6246d", class: "modal__body", style: {
       "--swirl-modal-max-height": this.maxHeight,
       "--swirl-modal-height": this.height,
       minHeight: this.minHeight,
       maxWidth: this.maxWidth
-    } }, e("header", { key: "d40897c1767ea0a339159f34bfbe876c5acd6e17", class: "modal__custom-header" }, e("slot", { key: "60ae424e9814a0b51bfa1c23e8d6fa5e5b7ae84d", name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && e("header", { key: "8eaa631b2764ced7b932cfe8c99d1c8c0e01e0a7", class: "modal__header" }, e("div", { key: "1df6bfb57f56f274646d28b18ce7f6d9b3bb52fe", class: "modal__header-bar" }, !this.hideCloseButton && e("swirl-button", { key: "a1dcfcdd6d47091805c1423520cec1418c20cc60", 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: "9ab5c9fbc09068883a45a624de7b8979af08c309", as: "h2", class: "modal__heading", level: 3, text: this.label }))), e("div", { key: "9bec8811feb9e321f192161dbd31ce8713d2cf2e", class: "modal__content-container", style: {
+    } }, a("header", { key: "75f7b255977bcffccf10fcb5826ac4706cd1b190", class: "modal__custom-header" }, a("slot", { key: "98d04a2e5e33f8ca0270a74347e2d7a0280fd299", name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && a("header", { key: "2bebc9925168116cb94a3c2ff1af2c51f15f205d", class: "modal__header" }, a("div", { key: "2b724c519d0892d978cbe10e3ac91b597f889952", class: "modal__header-bar" }, !this.hideCloseButton && a("swirl-button", { key: "4083c5a5bd2da81425967525cbc749223f465026", 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: "8882743cf4abfe0396ade3d1b9368b44dbcd5d95", as: "h2", class: "modal__heading", level: 3, text: this.label }))), a("div", { key: "ac500c280e837e4fbb64dda6d33582678ddbbe62", class: "modal__content-container", style: {
       gap: this.contentGap ? `var(--s-space-${this.contentGap})` : void 0
-    } }, e("div", { key: "2979e5f0d391f891f547b45c2f632a11a95b6429", class: "modal__primary-content", style: {
+    } }, a("div", { key: "b57c5138ae1cd324542c035ef4b62e841fc69e85", class: "modal__primary-content", style: {
       maxWidth: this.primaryContentMaxWidth,
       flex: this.primaryContentFlex
-    } }, e("div", { key: "9a6fdf26e5cc8cfc975a13af5ad2e7a16a83c821", class: "modal__header-tools" }, e("slot", { key: "461ed54444ab5dc497f299a7d4c1319847d58f1b", name: "header-tools" })), e("div", { key: "f9086457f301927401c089e78f2c1c650c729952", class: "modal__content", onScroll: this.determineScrollStatus, ref: (d) => this.scrollContainer = d }, e("slot", { key: "a28dda1fb3a3dd4e7bbe34cb1276320062e2d78b" }))), e("div", { key: "1c49dcec32e002149de659191999d7b0a9093596", class: "modal__secondary-content", style: {
+    } }, a("div", { key: "390ab7a0fdb2f0f3d7de8e2c436f73a707840cd3", class: "modal__header-tools" }, a("slot", { key: "0609a378b9d3a3ca64e2573ee6d0ef6d5f981d45", name: "header-tools" })), a("div", { key: "6de756c11116d256035631fdebf6b46773ab68de", class: "modal__content", onScroll: this.determineScrollStatus, ref: (d) => this.scrollContainer = d }, a("slot", { key: "c52bb8944f5d732d870d19ab3045fe9689031c7b" }))), a("div", { key: "1abc5469aba42427b86a2fa46cb97a6fcf346aa1", class: "modal__secondary-content", style: {
       maxWidth: this.secondaryContentMaxWidth,
       flex: this.secondaryContentFlex,
       padding: Boolean(this.secondaryContentPadding) ? `var(--s-space-${this.secondaryContentPadding})` : void 0,
@@ -117,7 +117,7 @@ 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: "28a894c1566166272c55a5d539bd4168a17947c1", name: "secondary-content" }))), e("div", { key: "5af192de2cfbdc6adbaa97d333e2acde0902d478", class: "modal__custom-footer" }, e("slot", { key: "60933eef98ebb97a50fdb29952a61318d96d2d2a", name: "custom-footer" })), a && e("footer", { key: "be3fd73f74e76731b5d3a8a4400586cd42b5bdaa", class: "modal__controls" }, e("swirl-button-group", { key: "c544bf607faa67ad57292234f70f4a2713b47976", wrap: !0 }, this.secondaryActionLabel && e("swirl-button", { key: "f47e2ff0439c95f480c931d598981c5fbdf55b62", label: this.secondaryActionLabel, onClick: this.onSecondaryAction }), this.primaryActionLabel && e("swirl-button", { key: "6e21d66f1f8583d13f48c105eff3d22ec9269759", intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" }))))));
+    } }, a("slot", { key: "4c9100b9d7ce7086633a0352e8482c34d180b714", name: "secondary-content" }))), a("div", { key: "63e8caf499fc6f9d311a45a554cbb9c591b39e47", class: "modal__custom-footer" }, a("slot", { key: "36073410f2f79a08268c2d32c771bb69da7b571f", name: "custom-footer" })), e && a("footer", { key: "606128994fc32ff81f2915228a5675a00a9af6e5", class: "modal__controls" }, a("swirl-button-group", { key: "90e2196bf52d8a78040645bb4823def5e91ffa57", wrap: !0 }, this.secondaryActionLabel && a("swirl-button", { key: "0703f8d5f77cd4ccef366410d35721638f5a9732", label: this.secondaryActionLabel, onClick: this.onSecondaryAction }), this.primaryActionLabel && a("swirl-button", { key: "71cfc8418c15bf3c9135362996fb32c2aadbe4b2", intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" }))))));
   }
   get el() {
     return p(this);

package/dist/swirl-option-list-section.entry.d9a0f142.js

@@ -0,0 +1,15 @@
+import { r as i, h as s, H as t } from "./index.09c53839.js";
+import "react";
+import "react-dom";
+const e = ":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 = e, l = class {
+  constructor(a) {
+    i(this, a), this.label = void 0, this.separatorSpacing = "4", this.spacing = "0", this.hasSeparator = !1;
+  }
+  render() {
+    return s(t, { key: "aa2c523fbf0dd6a76bfc66280669d5f1e9512e67" }, this.hasSeparator && s("swirl-separator", { key: "78dd976244a7a5a22ad0b16557b23db67f9288b0", spacing: this.separatorSpacing }), s("div", { key: "4d41f00722e68cd8fb96cf0f8d08f2a3016de11c", "aria-labelledby": "label", class: "option-list-section", role: "group" }, s("span", { key: "9376c4f58dfacccec733d4e2e2599383fa1cd06d", class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), s("swirl-stack", { key: "2c2c0d9bc81a0bba9d1ba397652f5218f84a567d", spacing: this.spacing, align: "stretch" }, s("slot", { key: "63032dbd6ae0cb054e5090bda75a9fce2dcabba6" }))));
+  }
+};
+l.style = o;
+export {
+  l as swirl_option_list_section
+};

package/dist/{swirl-option-list_2.entry.838a6c53.js → swirl-option-list_2.entry.a2c4201e.js}

@@ -1,10 +1,10 @@
-import { r as c, c as o, h as a, H as d, g } from "./index.832d0b3f.js";
-import { c as n, q as l } from "./utils-877a768f.c277f897.js";
+import { r as c, c as o, h as a, H as d, g } from "./index.09c53839.js";
 import { S as m } from "./sortable.esm-8c3d5856.57c4f048.js";
-import { c as v } from "./index-267776a4.6beb4f4b.js";
+import { c as n, q as l } from "./utils-877a768f.c277f897.js";
+import { c as f } from "./index-267776a4.6beb4f4b.js";
 import "react";
 import "react-dom";
-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 {
+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 {
   constructor(e) {
     c(this, e), this.itemDrop = o(this, "itemDrop", 7), this.valueChange = o(this, "valueChange", 7), this.onClick = (t) => {
       t.preventDefault();
@@ -44,7 +44,7 @@ const f = ".sc-swirl-option-list-h{display:block}.sc-swirl-option-list-h *.sc-sw
     }, this.allowDeselect = !0, this.allowDrag = void 0, this.assistiveTextItemGrabbed = "Item grabbed. Use arrow keys to move item up or down. Use spacebar to save position.", this.assistiveTextItemMoving = "Current position:", this.assistiveTextItemMoved = "Item moved. New position:", this.disabled = void 0, this.label = void 0, this.optionListId = void 0, this.multiSelect = void 0, this.value = [], this.assistiveText = void 0;
   }
   componentDidLoad() {
-    this.updateItems(), this.observeSlotChanges(), this.setItemAllowDragState(), this.setItemDisabledState(), this.setItemContext(), this.syncItemsWithValue(), this.setupDragDrop();
+    this.updateItems(), this.observeSlotChanges(), this.setItemAllowDragState(), this.setItemDisabledState(), this.setItemContext(), this.syncItemsWithValue(), this.setupDragDrop(), this.setSectionSeparator();
   }
   componentDidRender() {
     this.setupDragDrop();
@@ -171,9 +171,15 @@ const f = ".sc-swirl-option-list-h{display:block}.sc-swirl-option-list-h *.sc-sw
     const e = this.dragging.previousElementSibling;
     !Boolean(e) || (e.before(this.dragging), this.updateItems(), this.listboxEl.focus(), this.assistiveText = `${this.assistiveTextItemMoving} ${this.getItemIndex(this.dragging) + 1}`);
   }
+  setSectionSeparator() {
+    Array.from(this.el.querySelectorAll("swirl-option-list-section")).filter((t) => t.isConnected).forEach((t, i) => {
+      var s;
+      i === 0 && ((s = t.previousElementSibling) == null ? void 0 : s.tagName) !== "SWIRL-OPTION-LIST-ITEM" && (t.hasSeparator = !1);
+    });
+  }
   render() {
     const e = this.multiSelect ? "true" : void 0, t = Boolean(this.dragging) ? 0 : void 0;
-    return a(d, { key: "24f83ba63aced28e609882a62c32376954884920" }, a("swirl-visually-hidden", { key: "ee9e29f8f6096b513b81353635ec420a84dd3708", role: "alert" }, this.assistiveText), a("div", { key: "d3477fc14b737db3e9f532681b4db036c48c0029", "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: "912b183b44588e9eaccf7a80ef8a7446efd394d9" })));
+    return a(d, { key: "f1af79b584c4131da300be12a347efc1d931fa28" }, a("swirl-visually-hidden", { key: "ac3e92f02ddb0e4325e1e87ef2eee38c8f85c6dd", role: "alert" }, this.assistiveText), a("div", { key: "272200c9edcebfb0a36423019aae3025a6191eab", "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: "e5c7adf13563870a5ec991b8ae46fb6dcb69b318", onSlotchange: this.setSectionSeparator })));
   }
   get el() {
     return g(this);
@@ -188,11 +194,11 @@ const f = ".sc-swirl-option-list-h{display:block}.sc-swirl-option-list-h *.sc-sw
   }
 };
 p.style = b;
-const I = ":host{display:inline-flex;max-width:100%}:host *{box-sizing:border-box}.tag{display:inline-flex;max-width:100%;align-items:center;border-radius:var(--s-border-radius-s);color:var(--s-text-default);background-color:var(--swirl-tag-background-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);white-space:nowrap;gap:var(--s-space-4)}.tag--size-s{padding:var(--s-space-0) var(--s-space-4)}.tag--size-m{padding:var(--s-space-2) var(--s-space-8)}.tag--variant-outline{border-style:solid;border-width:var(--s-border-width-default);border-color:var(--s-border-strong)}.tag--variant-strong{color:var(--s-text-on-action-primary);background-color:var(--s-surface-neutral-default)}.tag--variant-strong .tag__removal-button{color:var(--s-icon-on-action-primary)}.tag--intent-info{color:var(--s-text-info);background-color:var(--s-surface-info-subdued)}.tag--intent-info .tag__removal-button{color:var(--s-icon-info)}.tag--intent-info.tag--variant-outline{border-color:var(--s-border-info)}.tag--intent-info.tag--variant-strong{color:var(--s-text-on-action-primary);background-color:var(--s-surface-info-default)}.tag--intent-info.tag--variant-strong .tag__removal-button{color:var(--s-icon-on-action-primary)}.tag--intent-critical{color:var(--s-text-critical);background-color:var(--s-surface-critical-subdued)}.tag--intent-critical .tag__removal-button{color:var(--s-icon-critical)}.tag--intent-critical.tag--variant-outline{border-color:var(--s-border-critical)}.tag--intent-critical.tag--variant-strong{color:var(--s-text-on-action-primary);background-color:var(--s-surface-critical-default)}.tag--intent-critical.tag--variant-strong .tag__removal-button{color:var(--s-icon-on-action-primary)}.tag--intent-warning{color:var(--s-text-warning);background-color:var(--s-surface-warning-subdued)}.tag--intent-warning .tag__removal-button{color:var(--s-icon-warning)}.tag--intent-warning.tag--variant-outline{border-color:var(--s-border-warning)}.tag--intent-warning.tag--variant-strong{color:var(--s-text-dark);background-color:var(--s-surface-warning-default)}.tag--intent-warning.tag--variant-strong .tag__removal-button{color:var(--s-icon-dark)}.tag--intent-success{color:var(--s-text-success);background-color:var(--s-surface-success-subdued)}.tag--intent-success .tag__removal-button{color:var(--s-icon-success)}.tag--intent-success.tag--variant-outline{border-color:var(--s-border-success)}.tag--intent-success.tag--variant-strong{color:var(--s-text-on-action-primary);background-color:var(--s-surface-success-default)}.tag--intent-success.tag--variant-strong .tag__removal-button{color:var(--s-icon-on-action-primary)}.tag--intent-special{color:var(--s-decorative-grape-text);background-color:var(--s-decorative-grape-surface-subdued)}.tag--intent-special .tag__removal-button{color:var(--s-decorative-grape-text)}.tag--intent-special.tag--variant-outline{border-color:var(--s-decorative-grape-text)}.tag--intent-special.tag--variant-strong{color:var(--s-text-on-action-primary);background-color:var(--s-decorative-grape-surface)}.tag--intent-special.tag--variant-strong .tag__removal-button{color:var(--s-icon-on-action-primary)}.tag--intent-translucent{color:var(--s-text-on-image);background-color:var(--s-surface-on-image-default)}.tag--intent-translucent .tag__removal-button{color:var(--s-icon-on-image)}.tag--intent-translucent.tag--variant-outline{border-color:var(--s-text-on-image)}.tag__icon{display:inline-flex;margin-left:calc(-1 * var(--s-space-4));flex-shrink:0;order:0}.tag--icon-position-end .tag__icon{margin-right:calc(-1 * var(--s-space-4));margin-left:0;order:2}.tag__label{overflow:hidden;min-width:0;white-space:nowrap;text-overflow:ellipsis;order:1}.tag__removal-button{display:inline-flex;margin-right:calc(-1 * var(--s-space-4));padding:0;border:none;color:var(--s-icon-strong);background-color:transparent;cursor:pointer;flex-shrink:0;order:3}.tag__removal-button:focus:not(:focus-visible){outline:none}.tag__removal-button:focus-visible{outline-color:var(--s-focus-default)}", x = I, w = class {
+const I = ":host{display:inline-flex;max-width:100%}:host *{box-sizing:border-box}.tag{display:inline-flex;max-width:100%;align-items:center;border-radius:var(--s-border-radius-s);color:var(--s-text-default);background-color:var(--swirl-tag-background-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);white-space:nowrap;gap:var(--s-space-4)}.tag--size-s{padding:var(--s-space-0) var(--s-space-4)}.tag--size-m{padding:var(--s-space-2) var(--s-space-8)}.tag--variant-outline{border-style:solid;border-width:var(--s-border-width-default);border-color:var(--s-border-strong)}.tag--variant-strong{color:var(--s-text-on-action-primary);background-color:var(--s-surface-neutral-default)}.tag--variant-strong .tag__removal-button{color:var(--s-icon-on-action-primary)}.tag--intent-info{color:var(--s-text-info);background-color:var(--s-surface-info-subdued)}.tag--intent-info .tag__removal-button{color:var(--s-icon-info)}.tag--intent-info.tag--variant-outline{border-color:var(--s-border-info)}.tag--intent-info.tag--variant-strong{color:var(--s-text-on-action-primary);background-color:var(--s-surface-info-default)}.tag--intent-info.tag--variant-strong .tag__removal-button{color:var(--s-icon-on-action-primary)}.tag--intent-critical{color:var(--s-text-critical);background-color:var(--s-surface-critical-subdued)}.tag--intent-critical .tag__removal-button{color:var(--s-icon-critical)}.tag--intent-critical.tag--variant-outline{border-color:var(--s-border-critical)}.tag--intent-critical.tag--variant-strong{color:var(--s-text-on-action-primary);background-color:var(--s-surface-critical-default)}.tag--intent-critical.tag--variant-strong .tag__removal-button{color:var(--s-icon-on-action-primary)}.tag--intent-warning{color:var(--s-text-warning);background-color:var(--s-surface-warning-subdued)}.tag--intent-warning .tag__removal-button{color:var(--s-icon-warning)}.tag--intent-warning.tag--variant-outline{border-color:var(--s-border-warning)}.tag--intent-warning.tag--variant-strong{color:var(--s-text-dark);background-color:var(--s-surface-warning-default)}.tag--intent-warning.tag--variant-strong .tag__removal-button{color:var(--s-icon-dark)}.tag--intent-success{color:var(--s-text-success);background-color:var(--s-surface-success-subdued)}.tag--intent-success .tag__removal-button{color:var(--s-icon-success)}.tag--intent-success.tag--variant-outline{border-color:var(--s-border-success)}.tag--intent-success.tag--variant-strong{color:var(--s-text-on-action-primary);background-color:var(--s-surface-success-default)}.tag--intent-success.tag--variant-strong .tag__removal-button{color:var(--s-icon-on-action-primary)}.tag--intent-special{color:var(--s-decorative-grape-text);background-color:var(--s-decorative-grape-surface-subdued)}.tag--intent-special .tag__removal-button{color:var(--s-decorative-grape-text)}.tag--intent-special.tag--variant-outline{border-color:var(--s-decorative-grape-text)}.tag--intent-special.tag--variant-strong{color:var(--s-text-on-action-primary);background-color:var(--s-decorative-grape-surface)}.tag--intent-special.tag--variant-strong .tag__removal-button{color:var(--s-icon-on-action-primary)}.tag--intent-translucent{color:var(--s-text-on-image);background-color:var(--s-surface-on-image-default)}.tag--intent-translucent .tag__removal-button{color:var(--s-icon-on-image)}.tag--intent-translucent.tag--variant-outline{border-color:var(--s-text-on-image)}.tag__icon{display:inline-flex;margin-left:calc(-1 * var(--s-space-4));flex-shrink:0;order:0}.tag--icon-position-end .tag__icon{margin-right:calc(-1 * var(--s-space-4));margin-left:0;order:2}.tag__label{overflow:hidden;min-width:0;white-space:nowrap;text-overflow:ellipsis;order:1}.tag__removal-button{display:inline-flex;margin-right:calc(-1 * var(--s-space-4));padding:0;border:none;color:var(--s-icon-strong);background-color:transparent;cursor:pointer;flex-shrink:0;order:3}.tag__removal-button:focus:not(:focus-visible){outline:none}.tag__removal-button:focus-visible{outline-color:var(--s-focus-default)}", w = I, x = class {
   constructor(e) {
-    c(this, e), this.remove = o(this, "remove", 7), this.onRemove = (t) => {
+    c(this, e), this.removeTag = o(this, "remove", 7), this.onRemove = (t) => {
       var i;
-      (i = this.remove) == null || i.emit(t);
+      (i = this.removeTag) == null || i.emit(t);
     }, this.icon = void 0, this.iconPosition = "start", this.intent = "default", this.label = void 0, this.removable = void 0, this.bordered = void 0, this.size = "m", this.removalButtonLabel = "Remove", this.variant = "default";
   }
   componentDidLoad() {
@@ -213,15 +219,15 @@ 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 = v("tag", `tag--icon-position-${this.iconPosition}`, `tag--intent-${this.intent}`, `tag--size-${this.size}`, `tag--variant-${this.variant}`);
-    return a(d, { key: "ca2cb979501329ba3ba800a37c3a7132d75222d3" }, a("span", { key: "bd936736821251c24baf182234105ce17d1f71d1", class: e, part: "tag" }, this.icon && a("span", { key: "ca1f65bd6534347f6d31478f5ce6aed953595a72", class: "tag__icon", innerHTML: this.icon, ref: (t) => this.iconEl = t }), a("span", { key: "56ae5febd056e6fad9ffca2aca2389639a679083", class: "tag__label" }, this.label), this.removable && a("button", { key: "a0638fc6ef90664d7c309b72b40a9cde043a3480", "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: "bc276c83d87e0a4c4fac1ebcb3106006dd65376b", size: 16 }))));
+    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: "e4b87239e8182dfec9083991f110143dd546b8d2" }, a("span", { key: "f7249adea2f633a252cf0b261f9943cbe506ecc9", class: e, part: "tag" }, this.icon && a("span", { key: "4588be9d20d846be387d1abb975ce98506d5db19", class: "tag__icon", innerHTML: this.icon, ref: (t) => this.iconEl = t }), a("span", { key: "9d24ba7bee531a4d741678105e79b2087299be8f", class: "tag__label" }, this.label), this.removable && a("button", { key: "d92c9df4fdbb1f359c26fbdad005f7a6fa5d2c72", "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: "e4e8df37568d44dbc02f54892ece51264d76932c", size: 16 }))));
   }
   get el() {
     return g(this);
   }
 };
-w.style = x;
+x.style = w;
 export {
   p as swirl_option_list,
-  w as swirl_tag
+  x as swirl_tag
 };

package/dist/{swirl-pagination.entry.b2c0dae5.js → swirl-pagination.entry.27ba28a0.js}

@@ -1,4 +1,4 @@
-import { r as l, c as s, h as e, H as r } from "./index.832d0b3f.js";
+import { r as l, c as s, h as e, H as r } from "./index.09c53839.js";
 import { c as p } from "./index-267776a4.6beb4f4b.js";
 import { d as c } from "./utils-877a768f.c277f897.js";
 import "react";
@@ -29,7 +29,7 @@ const g = ":host{display:block;width:-webkit-fit-content;width:-moz-fit-content;
   }
   render() {
     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: "fba8207382cf0734db42a2dea298004f8943c17f" }, e("nav", { key: "e166fe66e852e224c321627921c57605628d0ac4", "aria-label": this.label, class: o }, e("ul", { key: "3a4affd8175c790ef5d25f5e80523daf9b94fa01", class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && e("li", { key: "cf8dd212fdecbcc44f3e8462a45e99ea7ac2ddc0", class: "pagination__list-item" }, e("label", { key: "9f6e04dc201cd60da406324be6c4ad9363c450b9", class: "pagination__page-size-selection" }, e("swirl-text", { key: "c2c85487931e6912edf0821eaa201e67e64bdc65", whiteSpace: "inherit" }, this.pageSizeSelectLabel), e("swirl-stack", { key: "c7e46aae5f41adef62625b81e4335466f3ae51e8", align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, e("select", { key: "354fef3715e457285692f4fb4cfcaf9ef6d47b1c", 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: "f6ef8a317e72eb0239aaa6acad36bc148c873a29", "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 })))), e("li", { key: "bf02a4f8f0413dee0791c39f26c6cbd46207474e", class: "pagination__list-item" }, e("swirl-button", { key: "e6aba96a8c7156e573ad7ff33d1b36be8f248158", 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: "47dccc4d81e2c94c8025f5b4905f9a2dcedbffa1", class: "pagination__list-item" }, e("swirl-button", { key: "ad00543f21637b669f341ffa7ff7dc9c985f7b11", 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: "f33a629ea11be2c8c1b1c07906b71f49b05afa35", class: "pagination__list-item" }, e("swirl-button", { key: "ae4becccba62f16b92e4056ce44d49ba800bacec", 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: "da1add506c324ae199592b1ef100737149a28ccf", class: "pagination__list-item" }, e("swirl-button", { key: "be7e1d28fe3af44062e3eda3c3889ed32f413499", 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 })))));
+    return e(r, { key: "2d4d4a20e12bdf5759a01072af8d0a905dd96d95" }, e("nav", { key: "2face9ae72dcbd5bf809c986a1729123eec4094a", "aria-label": this.label, class: o }, e("ul", { key: "30a59873b9700d96c1f3203a935a3d61ff34e399", class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && e("li", { key: "db78195abfa6ec63f8b1be66a7c869c09514e043", class: "pagination__list-item" }, e("label", { key: "5b60f889fda62209e3d7984da9cbb3e09397fb93", class: "pagination__page-size-selection" }, e("swirl-text", { key: "2a0e960fc0581b04ad88dc594d2179c654dcc3c7", whiteSpace: "inherit" }, this.pageSizeSelectLabel), e("swirl-stack", { key: "a82fec8e77c7b508a160ea99cc06a185be666075", align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, e("select", { key: "a0c895a7ca5ff47dcd859af090441496d5194a16", 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: "6ec4ce1d8010fb4436cb2606fe36a524c5a39444", "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 })))), e("li", { key: "efe77415f10a014e72a78ee285ccd87afc21b67d", class: "pagination__list-item" }, e("swirl-button", { key: "8fbbc9440038dc0586653ba38eaf18f1a79d002a", 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: "286a8656e055194c36387d92c9138c8f94cb674c", class: "pagination__list-item" }, e("swirl-button", { key: "d24e631fbc400b127491107ded0cce68ea23b463", 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: "ac732b2c809b19c6064aa02f4eed15456fcb3f9c", class: "pagination__list-item" }, e("swirl-button", { key: "62f6b42488c19dff7232d2b18d22bffdc62823f5", 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: "55db6d87e854cfd8d8bfe4074959f5fa8a9ee67e", class: "pagination__list-item" }, e("swirl-button", { key: "94b0c91962d01b9786e1aa91544a56452fd194d1", 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.dfa93a60.js → swirl-pdf-reader.entry.8bb317e8.js}

@@ -1,4 +1,4 @@
-import { r as n, c as d, h as e, H as c, g as f } from "./index.832d0b3f.js";
+import { r as n, c as d, h as e, H as c, g as f } from "./index.09c53839.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: "81d5e89fd73cdf93940502130d39382d68757763" }, e("section", { key: "77fd45b43ab3ba8d424b105fd956d7637dab08ac", "aria-hidden": "true", "aria-label": this.label, class: a, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (t) => this.modalEl = t }, e("div", { key: "97398c5d3531d0f210543efd5f4db5629c7f1b5d", class: "pdf-reader__body", role: "document" }, e("header", { key: "524e7c7fcfb5ec456403c4c7354ce1dc8565a31c", class: "pdf-reader__header" }, e("span", { key: "1a7f36ceab510764e4fd58be82db76c96ef849fb", class: "pdf-reader__header-left" }, e("swirl-button", { key: "fae99230801a2d755a86701bbc492d4260e9919d", class: "pdf-reader__close-button", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), e("span", { key: "49ddb9cc5ce3a929f4031c6ab6ea374ca9313ef4", class: "pdf-reader__label" }, this.label)), e("span", { key: "e26499b4bcf6c62f6b356020e4d84053bafb4b75", class: "pdf-reader__header-center" }, e("span", { key: "64cb978c4c8b46160fbee21fd1c27d658441660b", class: "pdf-reader__zoom-button-container" }, e("swirl-button", { key: "86ffdb46374cbe575746d5de3d227f6663ddf8e7", 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: "cfac8e6d9ef38dc58966fdc42059382e474ba1d4", 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: "e94afea8d541b40eeaf0f86d620797c07c850ad8", class: "pdf-reader__zoom-select-container" }, e("select", { key: "3abbbcc6a5feca804e7fd288a4f45d0d6904c29c", "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, e("option", { key: "c1e9ec582b5594664c3d64ebd858b89682a9602a", 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: "29d8ac50214cfdb1fb4c21b5ab0012dc3d258867", class: "pdf-reader__zoom-select-icon" }))), e("span", { key: "fac4a6296c778b801a5963a9fbbb4610451c9fc0", class: "pdf-reader__header-right" }, e("swirl-popover-trigger", { key: "5dbebf1825f3a762f27513b0c26a1334a1a5e2ab", swirlPopover: this.menu }, e("swirl-button", { key: "1ca64fd2b9e222b27c29b5acd30011858de16658", class: "pdf-reader__menu-button", hideLabel: !0, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), e("span", { key: "70dec652c63d082e7d5083d8cc8720cd2b5172d4", class: "pdf-reader__floating-tools" }, e("button", { key: "60d418dde1e7e6bf2e5b4c2dc91bdda1ebdc302d", "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, e("swirl-icon-menu-book", { key: "58fde27cc6af25fff66e01c72cb60772a1989b8e" })), e("button", { key: "bd9e31b3c67695b8fe37fa128914d05e792dc015", "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: "b2a6b1e5f124924dc7352898e78b8fc400dbe023" })))), e("div", { key: "49c372ff04c32b061a045863669f446b161978b1", class: "pdf-reader__content" }, e("nav", { key: "5fc70757f58b12c3ee7e2bdfbd06f91a3f5cb887", "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && e("swirl-spinner", { key: "8eb682ef0eb16ee71b3dd0748de265941ac146f4" }), !this.loadingThumbnails && this.thumbnails.map((t, o) => {
+    return e(c, { key: "372f22e6fc90e7860f1932f6bf8ae7b1a80a898b" }, e("section", { key: "f0b66462b8ee98d56b30c87de43d179fa54fea76", "aria-hidden": "true", "aria-label": this.label, class: a, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (t) => this.modalEl = t }, e("div", { key: "5ef98c721eedbea7c9091305b1c54a561fcb90b6", class: "pdf-reader__body", role: "document" }, e("header", { key: "d8dfe0baefc5caf4b6871163ea13aa14cc34401a", class: "pdf-reader__header" }, e("span", { key: "0848a14b35e3f6d5687ecc095b144332c75fe86a", class: "pdf-reader__header-left" }, e("swirl-button", { key: "47ceb912e31ebe627ddf93235125b1ecf2c0aba0", class: "pdf-reader__close-button", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), e("span", { key: "4a5aff3bf85a358c192ac7dc6d4d4b1901970778", class: "pdf-reader__label" }, this.label)), e("span", { key: "0afe927687f0ebcad904941944ae062cf239eb61", class: "pdf-reader__header-center" }, e("span", { key: "c93cfcd7585aa28a3ab06dcb7cbbd8ac2c42ca15", class: "pdf-reader__zoom-button-container" }, e("swirl-button", { key: "beae345963461d1ca6298971577758677a628c0e", 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: "93b0d16660c198031d0628d774d491655957c0c9", 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: "9fb9861e9933e21f686b76be62e52a437d8edd3a", class: "pdf-reader__zoom-select-container" }, e("select", { key: "9fd047c2286ea7de7598d44878f65110b25181cf", "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, e("option", { key: "e70c6ad6db40ab20c4fc4075cac130d011fe0feb", 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: "c1c24f55940506c5a344ad98a057fcd31524f737", class: "pdf-reader__zoom-select-icon" }))), e("span", { key: "f1b519f71ebb4a24fc76fb4bb3843422d5181e05", class: "pdf-reader__header-right" }, e("swirl-popover-trigger", { key: "51d26bee689e3bc258eef953d36402a1e82ac106", swirlPopover: this.menu }, e("swirl-button", { key: "591a4ca3b48641bcf876251f8d0be7fccf1b02e5", class: "pdf-reader__menu-button", hideLabel: !0, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), e("span", { key: "9c195ea8e7d0100586c7a8846767c89bc6286d7b", class: "pdf-reader__floating-tools" }, e("button", { key: "bcd2bf08434fe3839c44f229a886f9f0e13221dd", "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, e("swirl-icon-menu-book", { key: "3737e631418408e7097cc44453931cea66799cdd" })), e("button", { key: "40ba4ab0d2d0f10d1899da0e888e2bb7acbadbca", "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: "5b23f4663761a8abc3843f58e5f325e95f87b215" })))), e("div", { key: "7e99d8b48820091418fa5b84ad2d25c516f7a21a", class: "pdf-reader__content" }, e("nav", { key: "04eb20583191dc6a6be99e5e0dd771befce9d45f", "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && e("swirl-spinner", { key: "f23910457522a88fbb20773ca9cc4e2ca06494b7" }), !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: "101b56bb9a17e754866767610f178813c2db46de", 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 }), e("div", { key: "baf1b664b7966ef07411fa92207abfed8b466e1c", class: "pdf-reader__mobile-zoom-controls" }, e("button", { key: "fa16e93ac77cd1c800227a6706a2b0bfde5fae28", "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: "cac6b459d2f424348bc737bc6efbe3dfc3f15e40", "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: "9f22c2f191ea77ffd2a9c9ddb9c521d5b6360f0d" })), e("button", { key: "c3c1bf865ee86007b6806b965ddfeb875bc3893a", "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: "7d88c0725e991fbc8951a5c9c3d2863d8f5ab679" }))))), e("swirl-popover", { key: "1e9c2732f6b208f7143fbe78b6ea99652373b47c", animation: "scale-in-y", disableScrollLock: !0, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (t) => this.menu = t }, e("swirl-stack", { key: "9fd356755e76115ac89f97c4a929183eadd325f0" }, e("div", { key: "efda7662f54e9cbd0f9cdc56c0dde04d89ace796", class: "pdf-reader__meta" }, e("div", { key: "88a33932c2fc2075dacfe9b6c824a4746b45c224", class: "pdf-reader__file-icon" }, e("svg", { key: "913544df7dbc97da4eef47a4fe0c1e8064934b3d", fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, e("path", { key: "1fa0b0d843b909c616f23d291f00fa4f8e089ecb", 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: "c3a612adf57e7800d2461bcf9243b623806327f5", 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: "d59e131de4dfff7a981a468a31245fc757c02544", d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), e("path", { key: "6f4d8c47e0a13955050de7c54a1081392dbe1b82", 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: "48cd4136c99fe57c08996470bc75614643300ff0", 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: "408f2d9be89e1d79ce0f29bfb1be6a432aeea11f", 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: "f938659112f6e9fc86556e7571ce865f6d06ad9d", 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: "387377193f9ae487182e4b22d03e2052a6ed9c10", d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), e("div", { key: "7c8e3a0935be4192a87d6cbd146fbe6646f77a4a", class: "pdf-reader__file-info" }, e("swirl-text", { key: "a3213ad51f4e330e265ab2eb38a825717af4a687", truncate: !0, weight: "semibold" }, this.label), e("swirl-text", { key: "9f50fe4b4de372e801ceb4c02f8c3299ebbb6f44", color: "subdued", size: "sm", truncate: !0 }, this.fileTypeLabel))), i && e("swirl-separator", { key: "560ad0e0e1df5a4807b32ec5d2b4e98fe5f64c46" }), e("swirl-action-list", { key: "8ade0c1800a31901a0c0030e54a03863d26b912d", class: "pdf-reader__menu" }, this.printButtonEnabled && e("swirl-action-list-item", { key: "8514d3e65061a3a50c2200756b1724da07c8692f", 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: "73e5b021562fa7244ec1408398d44ae575a0c289", 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: "39a090c22adc5081d628f9d097fb537293a53d50", name: "menu-items" }))))));
+    })), e("swirl-file-viewer", { key: "e9bf0b6e6ee5d5332f59b6cb339730d6f4c077bc", 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 }), e("div", { key: "fc9581e66a583bf8b1f03f245de8b6e630d55989", class: "pdf-reader__mobile-zoom-controls" }, e("button", { key: "cbf6a5fa7529e753baa3186411c2257ee2103700", "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: "9f24dd96dcd2242fd70703efc36ca6c6bdf1e6b7", "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: "ce5dc4f9604cddcff442c2a65a9f8a0a0e851b93" })), e("button", { key: "a16adb6bc5ac6275525e55a6a71d39ae5e0b3656", "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: "852215d89ea7bcdecb3c1c24c7cf914e1e419c04" }))))), e("swirl-popover", { key: "1add847fc355c43ae6a6c67d88c17716d330401c", animation: "scale-in-y", disableScrollLock: !0, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (t) => this.menu = t }, e("swirl-stack", { key: "c00a3bebf90922db852d51753d42a14b1643f1bd" }, e("div", { key: "005ae4a7f04cd5f373aaf01906599a060abcf4e0", class: "pdf-reader__meta" }, e("div", { key: "680918c588b9dae7e247bcd0c66f31844b54c246", class: "pdf-reader__file-icon" }, e("svg", { key: "c33488562e88c1b2752499bf66c0d7628cb0d546", fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, e("path", { key: "950fd959afac30f99434ecdc65874ed9482757a5", 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: "dd5186fc6d7d46fe3d20dfe22a22ad50ff0952e3", 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: "83d83f5be51e25dd1d93230fad4a8d2b73224e26", d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), e("path", { key: "0b0f489a65a554db9f20ac5c109c6119cba836b7", 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: "d03e25deb32283dc8637498ccb3e816063414167", 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: "ea1a0804f66df67a5a81e11c7390af4c3ee28729", 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: "a2f95bf00ace5b4d4ed1de500c736ce2baa39c89", 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: "6248256c79993f87f2f1d13f10723c78a61e3b7c", d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), e("div", { key: "22b7a5d882cd851e5bb652aa201ca35962eaf9c7", class: "pdf-reader__file-info" }, e("swirl-text", { key: "72089a8f64888fce5e5f8cca35361b47b4aef9aa", truncate: !0, weight: "semibold" }, this.label), e("swirl-text", { key: "dd3bbd7721853c067fbf4924401549864ce2b647", color: "subdued", size: "sm", truncate: !0 }, this.fileTypeLabel))), i && e("swirl-separator", { key: "07ca7297ebb553d8c30f4401936f3b01b9d1d224" }), e("swirl-action-list", { key: "b47b6a7ce8ad148d31c05f87d641a23ebc73b3dd", class: "pdf-reader__menu" }, this.printButtonEnabled && e("swirl-action-list-item", { key: "60aa16a95d2d9ef0073ca0316311acbcbd9c65fb", 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: "4d9bf8f94e0e0a345e5e8377c465d2c179d6a128", 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: "141750e75af85a1ce90954453b81fa71c7ca2b05", name: "menu-items" }))))));
   }
   get el() {
     return f(this);