@getflip/swirl-components 0.377.0 → 0.379.0

package/dist/esm/swirl-lightbox.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h, H as Host, d as getElement
 import { d as disableBodyScroll, e as enableBodyScroll } from './bodyScrollLock.esm-B0kNlhKL.js';
 import { c as classnames } from './index-orsBiyT_.js';
 import { c as createFocusTrap } from './focus-trap.esm-DIdMBZfn.js';
-import { q as querySelectorAllDeep } from './utils-D_MUFqkF.js';
+import { q as querySelectorAllDeep } from './utils-DytJsmhr.js';
 
 const swirlLightboxCss = ":host{display:block}:host *{box-sizing:border-box}.lightbox{position:fixed;z-index:var(--s-z-40);background-color:rgba(0, 0, 0, 1);inset:0}.lightbox[aria-hidden=\"true\"]{display:none}@media (min-width: 768px){.lightbox{background-color:rgba(0, 0, 0, 0.8)}}.lightbox:not(.lightbox--closing) .lightbox__body{animation:0.15s lightbox-fade-in}@media (prefers-reduced-motion){.lightbox:not(.lightbox--closing) .lightbox__body{animation:none}}.lightbox--closing{animation:0.15s lightbox-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.lightbox--closing{animation:none}}.lightbox--hide-menu .lightbox__menu{display:none}.lightbox--hide-toolbar .lightbox__toolbar{display:none}.lightbox__body{position:relative;width:100%;height:100%}.lightbox__header{position:absolute;z-index:1;top:0;right:0;left:0;display:flex;padding:var(--s-space-12) var(--s-space-16);justify-content:space-between;align-items:flex-start;pointer-events:none}.lightbox__toolbar{pointer-events:auto}.lightbox__controls{position:absolute;z-index:1;top:50%;right:0;left:0;display:none;padding-right:var(--s-space-16);padding-left:var(--s-space-16);justify-content:space-between;align-items:flex-start;pointer-events:none}@media (min-width: 768px){.lightbox__controls{display:flex}}.lightbox__close-button,.lightbox__menu-button,.lightbox__previous-slide-button,.lightbox__next-slide-button{display:inline-flex;width:2.5rem;height:2.5rem;justify-content:center;align-items:center;border:none;border-radius:50%;color:var(--s-icon-on-image);background-color:rgba(0, 0, 0, 0.6);cursor:pointer;transition:opacity 0.15s;pointer-events:auto}.lightbox__close-button:disabled,.lightbox__menu-button:disabled,.lightbox__previous-slide-button:disabled,.lightbox__next-slide-button:disabled{pointer-events:none;opacity:0}.lightbox__content{overflow:hidden;width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.lightbox__slides{display:flex;width:100%;height:100%}.lightbox__slides ::slotted(*){flex-basis:100%;flex-shrink:0;transition:transform 0.3s}@media (min-width: 768px){.lightbox__slides ::slotted(*){padding:4rem 5rem}}@media (prefers-reduced-motion){.lightbox__slides ::slotted(*){transition:none}}.lightbox__pagination{position:absolute;bottom:var(--s-space-32);left:50%;padding:var(--s-space-4) var(--s-space-12);border-radius:var(--s-border-radius-base);color:var(--s-text-on-image);background-color:rgba(0, 0, 0, 0.6);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);transform:translateX(-50%);pointer-events:none}@media (min-width: 768px){.lightbox__pagination{display:none}}.lightbox__meta{display:flex;padding-top:var(--s-space-4);padding-right:var(--s-space-16);padding-bottom:var(--s-space-4);padding-left:var(--s-space-16);align-items:center;gap:var(--s-space-12)}@media (min-width: 768px){.lightbox__meta{max-width:18rem}}.lightbox__thumbnail{display:inline-flex;flex-shrink:0}.lightbox__file-info{display:flex;min-width:0;flex-grow:1;flex-direction:column}@keyframes lightbox-fade-in{from{opacity:0}to{opacity:1}}@keyframes lightbox-fade-out{from{opacity:1}to{opacity:0}}";
 
@@ -306,7 +306,7 @@ const SwirlLightbox = class {
             "lightbox--hide-menu": !hasMenuItems,
             "lightbox--hide-toolbar": !hasToolbar,
         });
-        return (h(Host, { key: 'bb7142a9d284cc8318f050439414dd4daca15f5a' }, h("section", { key: '996df0e34760b15d5c418b91c69e53b040c6c6c6', "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: className, id: "lightbox", onMouseDown: this.onPointerDown, onMouseMove: this.onPointerMove, onMouseOut: this.onPointerUp, onMouseUp: this.onPointerUp, onTouchEnd: this.onPointerUp, onTouchMove: this.onPointerMove, onTouchStart: this.onPointerDown, ref: (el) => (this.modalEl = el), role: "dialog", tabIndex: this.isOpen ? 0 : -1 }, h("div", { key: '2a053a0bb27471e11fc13daf5e7e4262f0a72a74', class: "lightbox__body", role: "document" }, h("header", { key: '57ca2f1920d4aca7821ee21ad0f4314702e18393', class: "lightbox__header" }, h("button", { key: 'd8733b467f3b1efb356dbc19a921c41451f18451', "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick }, h("swirl-icon-close", { key: 'e9631ac40260711ceecf2be8a17a18b063011c6a' })), h("div", { key: 'a45a4a58512e81f28dfaf90ca138d928d47b1d98', class: "lightbox__toolbar" }, h("slot", { key: '84b51fc188322df6ede3054884ec540e283a90c7', name: "toolbar" })), !this.hideMenu && (h("swirl-popover-trigger", { key: 'c781c8fbe30e8a6e3f5ac937085002d2a64dcfd8', swirlPopover: this.menu }, h("button", { key: '2162f1aff1a2efc2554d53880e3099c8a667ea1c', "aria-label": this.menuTriggerLabel, class: "lightbox__menu-button" }, h("swirl-icon-more-vertikal", { key: 'b113ddf1ce9bcb8f8dafdb148cf3a7ba64fb2437' }))))), h("div", { key: '174b7500c6e2e83474213277f3af8bed3bfa00ac', "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, h("div", { key: '689e8a4b5b0b209d90048dcc3b4cf274a8b4b626', "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (el) => (this.slidesContainer = el) }, h("slot", { key: '6d4b5e4a7649a1245ad02811533ed8afe875c2bc', onSlotchange: this.registerSlides }))), h("div", { key: '29339aef41862572ae3f9214eb63457ce68dfd28', class: "lightbox__controls" }, h("button", { key: '46ead4fb686c9d11df2f70b4dc2c7b0f287e047b', "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick }, h("swirl-icon-arrow-left", { key: '1e15461e321fb843ed77ca713f4fe312436ed472' })), h("button", { key: '3415fd698bbc61422cc7de5afa499b839339b3b4', "aria-label": this.nextSlideButtonLabel, class: "lightbox__next-slide-button", disabled: this.activeSlideIndex === this.slides.length - 1, onClick: this.onNextSlideClick }, h("swirl-icon-arrow-right", { key: 'a68297f5a994ce23e283b8d19997e03469ec15ad' }))), showPagination && (h("span", { key: 'a7279476a7c8afd8dfdf5f3418a24785f64a4539', class: "lightbox__pagination" }, h("span", { key: 'c51859b92f51f1d538facd74d387ab8a4ce1ac2d', "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length))), !this.hideMenu && (h("swirl-popover", { key: '9abb1c4850f0ec85cd8bb50e591d0456872adfc1', animation: "scale-in-y", disableScrollLock: true, id: "slide-menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: 'f495ed40f2ab8748f36c2533241bf9ceff832f59' }, h("div", { key: '628e98aa65f339c475e091a1f030bd3d359a9e8d', class: "lightbox__meta" }, currentThumbnailUrl && (h("div", { key: '103b198cbf0b263ac81b2b04334b54cf758561d5', class: "lightbox__thumbnail" }, h("swirl-thumbnail", { key: '7ed9db6994c86c69927c6eeab6d365cf64bdfcab', alt: "", src: currentThumbnailUrl }))), h("div", { key: 'e47de8f995e0aaf6b053f9b5058b2b2d7dbb6004', class: "lightbox__file-info" }, h("swirl-text", { key: '9ade4baeda066ea76b68a8e23c0e3635cbcd163d', truncate: true, weight: "semibold" }, currentFileName), h("swirl-text", { key: 'cdf832bc53b827a317de113601bd913c40c778ea', color: "subdued", size: "sm", truncate: true }, currentFileType))), hasMenuItems && h("swirl-separator", { key: 'e0918866a890108f6d76a6f4b5a17a0ffba94fdc' }), h("swirl-action-list", { key: '74b3c2b1e1ac50b70f161a9b0e831e2ced03ac67' }, this.downloadButtonEnabled && (h("swirl-action-list-item", { key: 'c5b57b960d3f4896d938949cbbd5e805a7e217e8', icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), h("slot", { key: 'eb08de5fe92d47b056cfdb994752057ecb382be0', name: "menu-items" }))))))));
+        return (h(Host, { key: 'ef7cbd047bac3b62cbe456739dfae225d8cd1ebb' }, h("section", { key: '0b4afe464da9265b4194bb84bba9b6d8c448098a', "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: className, id: "lightbox", onMouseDown: this.onPointerDown, onMouseMove: this.onPointerMove, onMouseOut: this.onPointerUp, onMouseUp: this.onPointerUp, onTouchEnd: this.onPointerUp, onTouchMove: this.onPointerMove, onTouchStart: this.onPointerDown, ref: (el) => (this.modalEl = el), role: "dialog", tabIndex: this.isOpen ? 0 : -1 }, h("div", { key: 'ecd048b4faf20813533758b2715968034f8a9db9', class: "lightbox__body", role: "document" }, h("header", { key: '2f8353ffd549af1e10c805fe275e774b37765458', class: "lightbox__header" }, h("button", { key: '5ce3b219b1ba9262e9401779d8f04ba8ea0fc142', "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick }, h("swirl-icon-close", { key: 'e1cb9b066b52bc783c1a8f0d2f9e2970f0e97bf6' })), h("div", { key: '31256a598b10c19da8bf1cbcad9833af7c7bcc56', class: "lightbox__toolbar" }, h("slot", { key: 'ad83d374d525eecf8fe5ca8660efa84cce08627f', name: "toolbar" })), !this.hideMenu && (h("swirl-popover-trigger", { key: '5b77ce1398a13995711e7b28172e06efc6a2a0a6', swirlPopover: this.menu }, h("button", { key: 'a68c4b8cc54e55ae66963c194694c74b4a2805dd', "aria-label": this.menuTriggerLabel, class: "lightbox__menu-button" }, h("swirl-icon-more-vertikal", { key: 'f6dd02f0a167a7402ec7376796dc456761eee0ea' }))))), h("div", { key: 'bcee1e42640015d0e61eca98575cd04d8db31c9c', "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, h("div", { key: '24f4a799a7e6741760d058537cd151a847133755', "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (el) => (this.slidesContainer = el) }, h("slot", { key: 'ef904861260bac6237ff60038e16a7b21d1b9e97', onSlotchange: this.registerSlides }))), h("div", { key: '7c9a493998e7f8599721fbbb17d1a9ccd4ae0a52', class: "lightbox__controls" }, h("button", { key: '656d337ef4e3eb6e769986b7bb5e30e33fb07f89', "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick }, h("swirl-icon-arrow-left", { key: '7c8cd8e3fdb8b65fcf0038ec5e3f7b2138e9f143' })), h("button", { key: '46dc45a573b6149da44eb6cae3d33815ff20387d', "aria-label": this.nextSlideButtonLabel, class: "lightbox__next-slide-button", disabled: this.activeSlideIndex === this.slides.length - 1, onClick: this.onNextSlideClick }, h("swirl-icon-arrow-right", { key: '9f269109dbf618bc7ff12659421f92817283e899' }))), showPagination && (h("span", { key: 'c5b1b8aecd9e85dec1f550fe23b8c49bbf0a25d5', class: "lightbox__pagination" }, h("span", { key: '782ddc05a9dd831dd3f37103e468e2b27ee1fe96', "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length))), !this.hideMenu && (h("swirl-popover", { key: '23e003effb0ba1eb188975848799790e72a3488e', animation: "scale-in-y", disableScrollLock: true, id: "slide-menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: '01a5fb48b943dcc5a1a61065b2dc8aa51aff08b4' }, h("div", { key: 'ccf3eda1d3ec4bf960bb23381f39008602a315d9', class: "lightbox__meta" }, currentThumbnailUrl && (h("div", { key: '670f49f30b7d18b8206ded66d03a7bf56d77c25b', class: "lightbox__thumbnail" }, h("swirl-thumbnail", { key: '3375186fbb76b4632dddfdc084bd153363fc6a0f', alt: "", src: currentThumbnailUrl }))), h("div", { key: 'dd3a475b70000242f7bd5d61c67c8cddefcf412d', class: "lightbox__file-info" }, h("swirl-text", { key: 'ec46e19e664f58f7db4219122d10242430e4d05e', truncate: true, weight: "semibold" }, currentFileName), h("swirl-text", { key: '5ac54930081a8de2a8b585890490eccea6a0aa3c', color: "subdued", size: "sm", truncate: true }, currentFileType))), hasMenuItems && h("swirl-separator", { key: 'b39268cdb64e0928b44c5c2033d5e3c240aad8f4' }), h("swirl-action-list", { key: 'c7d2fe73dccf2a7f23dda4d3bdff4d21bd0aa6ee' }, this.downloadButtonEnabled && (h("swirl-action-list-item", { key: 'c01cbfa680c74214085a90f72ad6a942a52a5363', icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), h("slot", { key: 'd50b99132f45df1e7a9addb3089eb8fcaf42d732', name: "menu-items" }))))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/swirl-link.entry.js

@@ -10,7 +10,7 @@ const SwirlLink = class {
     }
     render() {
         const className = classnames("link", `link--color-${this.color}`);
-        return (h(Host, { key: 'e9f3357525bb976f93b594ba41f54556f95aed68' }, h("a", { key: '0d78230d5c4d2036747e5c9746ff304d5d1a39f6', class: className, href: this.href, part: "link", target: this.target }, this.label)));
+        return (h(Host, { key: '040ddaf3ab3c1c05fec6a4a39ffc4057c0014c0f' }, h("a", { key: 'f5b666c7d7e22871d44b1f30d67dd6bcb1933acf', class: className, href: this.href, part: "link", target: this.target }, this.label)));
     }
 };
 SwirlLink.style = swirlLinkCss;

package/dist/esm/swirl-list.entry.js

@@ -13,7 +13,7 @@ const SwirlList = class {
         }
     }
     render() {
-        return (h(Host, { key: 'e2a1c769d953b7c05649cf0c4ec08d35f9e5a391' }, h("div", { key: '79f51063c5f8c158029e2f9dad91379e75dad18a', class: "swirl-list", ref: (el) => (this.containerEl = el) }, h("slot", { key: 'd1de10712feb66d5a601bce3370d38f57d2e18c9' }))));
+        return (h(Host, { key: 'b120b78b1a35e868b38b343459afaffd2df3f010' }, h("div", { key: '04d5c6e71848d87cc3e4132b16f149552b1cebe1', class: "swirl-list", ref: (el) => (this.containerEl = el) }, h("slot", { key: 'aa621b6621ef749e379d288552cfedba1e98a1c5' }))));
     }
 };
 SwirlList.style = swirlListCss;

package/dist/esm/swirl-menu-item.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, f as forceUpdate, h, H as Host, d as getElement } from './index-CWOhMVtL.js';
 import { c as classnames } from './index-orsBiyT_.js';
-import { l as closestPassShadow, p as parentsPassShadow } from './utils-D_MUFqkF.js';
+import { l as closestPassShadow, p as parentsPassShadow } from './utils-DytJsmhr.js';
 
 const swirlMenuItemCss = ":host{display:block}:host *{box-sizing:border-box}.menu-item--expanded ::part(action-list-item){background-color:var(--s-surface-overlay-hovered)}";
 
@@ -107,9 +107,9 @@ const SwirlMenuItem = class {
         const className = classnames("menu-item", {
             "menu-item--expanded": this.expanded,
         });
-        return (h(Host, { key: 'be28f7a4e100d72da761d10b372726fd8ec53016' }, h("div", { key: 'e7e94527be08ed397b2f81955456b7ab333d5d25', class: className }, this.parentMenu?.variant === "selection"
+        return (h(Host, { key: '92418fe464f2c36c86aa1958efb44423adb6dbe1' }, h("div", { key: '2f05aff7b6e83f2db0b734718147199ab5bb4895', class: className }, this.parentMenu?.variant === "selection"
             ? this.renderOptionListItem()
-            : this.renderActionListItem(), h("slot", { key: '0d6613063c9497f0c544b644086b97becdd63337', onSlotchange: this.onSlotChange }))));
+            : this.renderActionListItem(), h("slot", { key: 'b3547eacb31576295dff2f7699df1b691327ef45', onSlotchange: this.onSlotChange }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/swirl-menu.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, H as Host, d as getElement } from './index-CWOhMVtL.js';
 import { P, N, D, k, b } from './floating-ui.dom.browser.min-BtsCuEVE.js';
 import { c as classnames } from './index-orsBiyT_.js';
-import { q as querySelectorAllDeep, l as closestPassShadow, p as parentsPassShadow, i as isMobileViewport, k as getActiveElement } from './utils-D_MUFqkF.js';
+import { q as querySelectorAllDeep, l as closestPassShadow, p as parentsPassShadow, i as isMobileViewport, k as getActiveElement } from './utils-DytJsmhr.js';
 
 const swirlMenuCss = ":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);}";
 
@@ -291,7 +291,7 @@ const SwirlMenu = class {
             "menu--mobile": this.mobile,
             "menu--root": isTopLevelMenu,
         });
-        return (h(Host, { key: 'b75fb943f91cc899f162c0b63f8082d179843769' }, h("div", { key: 'b31150e343ddb6a6dd646e68d7ecc3b74f68db10', class: className }, this.mobile && isTopLevelMenu && (h("div", { key: '48ceb1ee35d7062d5db05504a27bd76c717f07f1', class: "menu__mobile-header" }, this.activeLevel === 0 && (h("swirl-button", { key: 'fb64243cc608184d034e8fbdc7dfb32c8dff98ef', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" })), this.activeLevel > 0 && (h("swirl-button", { key: 'c344b6b747ec9abd2a2f6646fd8ed3e24bb21109', hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" })), h("span", { key: '0309c5898a83283037bc1b3eda6ee93fd2f16a2d', class: "menu__title", id: "menu-title" }, h("swirl-heading", { key: '2857abaadd4af6c70d58fe7c85d0af0543908493', align: "center", as: "span", level: 4, text: this.label, truncate: true })), h("swirl-button", { key: 'f2ba19bfd22201241db9a0ef9f641497c2b1a4e2', class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone }))), h("div", { key: 'f15159747fe2ace5d4d643aaa32c36592c4dda56', "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-orientation": "vertical", class: "menu__menu", onKeyDown: this.onKeyDown, ref: (el) => (this.menuContainer = el), role: role, style: !this.mobile && this.level > 0
+        return (h(Host, { key: 'e82f0ed6771d2a4e0a57d4d86ccdc12dcd55a140' }, h("div", { key: '41a2a9a44e01be2abae3215db54380c1217c14a4', class: className }, this.mobile && isTopLevelMenu && (h("div", { key: 'b185a2e8fcd3bdcf927d944aa256fde86824e660', class: "menu__mobile-header" }, this.activeLevel === 0 && (h("swirl-button", { key: '5343d6fba63e3a0c31f12a58ac95d7e3c9d5c224', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" })), this.activeLevel > 0 && (h("swirl-button", { key: '24b268a706c41ccf67f42e286564a6d8978f37ea', hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" })), h("span", { key: '24a7266f29ff496e3976979d8df62bdbeb935057', class: "menu__title", id: "menu-title" }, h("swirl-heading", { key: '0e16bf442dd66fb50f40f28e168919d4f97d5e3c', align: "center", as: "span", level: 4, text: this.label, truncate: true })), h("swirl-button", { key: 'c015629a25243719f85a32297774eef39febc19f', class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone }))), h("div", { key: '39f5b638d7097c9d8418e2319555c8266a44473e', "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-orientation": "vertical", class: "menu__menu", onKeyDown: this.onKeyDown, ref: (el) => (this.menuContainer = el), role: role, style: !this.mobile && this.level > 0
                 ? {
                     top: Boolean(this.position) ? `${this.position?.y}px` : "",
                     left: Boolean(this.position) ? `${this.position?.x}px` : "",
@@ -302,7 +302,7 @@ const SwirlMenu = class {
                             ? `calc(-100% * ${this.activeLevel})`
                             : "100%",
                     }
-                    : undefined }, h("slot", { key: '8ce8f58560c9bf747293249f9e9fecd7f56bc27f' })))));
+                    : undefined }, h("slot", { key: 'e9cd98c6be964be86a6b0e631e0d80514276a08e' })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/swirl-modal.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h, H as Host, d as getElement
 import { d as disableBodyScroll, e as enableBodyScroll } from './bodyScrollLock.esm-B0kNlhKL.js';
 import { c as classnames } from './index-orsBiyT_.js';
 import { c as createFocusTrap } from './focus-trap.esm-DIdMBZfn.js';
-import { k as getActiveElement } from './utils-D_MUFqkF.js';
+import { k as getActiveElement } from './utils-DytJsmhr.js';
 
 const swirlModalCss = ":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(\n    --s-surface-overlay-default\n  );--swirl-resource-list-item-background-hovered:var(\n    --s-surface-overlay-hovered\n  );--swirl-resource-list-item-background-pressed:var(\n    --s-surface-overlay-pressed\n  );--swirl-modal-height:auto;--swirl-modal-max-height:90vh;--swirl-modal-view-height:100vh;--swirl-modal-header-height:3.75rem;--swirl-modal-max-width:40rem;--swirl-modal-sidebar-width:25rem;--swirl-modal-max-secondary-content-width:24rem;--swirl-modal-footer-padding-small:var(--s-space-12) var(--s-space-16)\n    var(--s-space-12) var(--s-space-16);--swirl-modal-footer-padding-large:var(--s-space-16) var(--s-space-24)\n    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))}.modal--variant-drawer .modal__header-bar .modal__fullscreen-button{display:none}@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.modal--variant-default:not(.modal--fullscreen) .modal__body,.modal--has-secondary-content.modal.modal--variant-drawer:not(.modal--fullscreen) .modal__body{max-width:calc(\n      var(--swirl-modal-max-width) +\n        var(--swirl-modal-max-secondary-content-width)\n    )}.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.modal--has-sidebar-content.modal.modal--variant-default:not(.modal--fullscreen) .modal__body,.modal.modal--has-sidebar-content.modal.modal--variant-drawer:not(.modal--fullscreen) .modal__body{max-width:calc(\n      var(--swirl-modal-max-width) + var(--swirl-modal-sidebar-width)\n    )}@media (min-width: 768px){.modal.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.modal--has-sidebar-content .modal__sidebar .modal__sidebar-header{border-bottom:var(--s-border-width-default) solid transparent;display:flex;align-items:center;gap:var(--s-space-8);padding-right:var(--s-space-24);padding-left:var(--s-space-24)}.modal.modal--has-sidebar-content .modal__sidebar .modal__sidebar-header.modal__sidebar-header--has-close-button{padding-left:var(--s-space-16)}.modal.modal--has-sidebar-content .modal__sidebar .modal__sidebar-header .modal__sidebar-heading{display:flex;align-items:center;height:var(--swirl-modal-header-height)}.modal.modal--has-sidebar-content .modal__sidebar .modal__sidebar-content{display:block;flex-grow:1;overflow-y:auto}}@media (min-width: 992px){.modal.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--hide-scrolled-header-border):not(.modal--has-header-tools) .modal__header{border-bottom-color:var(--s-border-default)}.modal--scrolled:not(.modal--hide-scrolled-header-border).modal--has-header-tools .modal__header-tools{border-bottom-color:var(--s-border-default)}.modal--scrolled:not(.modal--hide-scrolled-header-border) .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;max-width:100vw;height:var(--swirl-modal-view-height);max-height:var(--swirl-modal-view-height);background-color:var(--s-surface-overlay-default)}.modal--fullscreen .modal__body{min-height:var(--swirl-modal-view-height)}.modal--fullscreen-transitioning .modal__body{transition:width 0.15s ease-out, max-width 0.15s ease-out,\n    max-height 0.15s ease-out, min-height 0.15s ease-out}@media (min-width: 768px){.modal.modal--variant-default:not(.modal--fullscreen) .modal__body{width:90vw;max-width:var(--swirl-modal-max-width);max-height:var(--swirl-modal-max-height);min-height:0;border-radius:var(--s-border-radius-base);box-shadow:var(--s-shadow-level-3)}}@media (min-width: 992px){.modal.modal--variant-default:not(.modal--fullscreen) .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}}.modal__fullscreen-button{display:none}@media (min-width: 768px){.modal__fullscreen-button{display:block}}.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:not(.modal--fullscreen) .modal__body{max-width:calc(\n      var(--swirl-modal-max-width) + var(--swirl-modal-sidebar-width) +\n        var(--swirl-modal-max-secondary-content-width)\n    )}@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)}}";
 
@@ -233,29 +233,29 @@ const SwirlModal = class {
             "modal--sidebar-scrolled-down": this.sidebarScrolledDown,
             "modal--sidebar-scrollable": this.sidebarScrollable,
         });
-        return (h(Host, { key: 'b8d138b1ad7e273791814f5f9abd8a4a073636fb' }, h("section", { key: '0f63acbb187ff9d46dbff9da73144931e7ad33bd', "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: className, onKeyDown: this.onKeyDown, role: "dialog", ref: (el) => (this.modalEl = el) }, h("div", { key: 'bfb8b3f9745e9cdd99fa7ce688dce57f01258706', class: "modal__backdrop", onClick: this.onBackdropClick }), h("div", { key: '3a8014ffc0972052d9bd2fa1462c4447e09fdea3', class: "modal__body", style: !this.isFullscreen
+        return (h(Host, { key: 'ab3d68ed1317ef24870c75f4e45c258ae0c91132' }, h("section", { key: '6934a2c65dfdb0f76c604459a742aa90f4e0e8b4', "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: className, onKeyDown: this.onKeyDown, role: "dialog", ref: (el) => (this.modalEl = el) }, h("div", { key: 'd9611005609c9dc827fd0a939bb4dc72054ceeda', class: "modal__backdrop", onClick: this.onBackdropClick }), h("div", { key: '3af2244b95426bbdf33e3e296ec2559dbae49304', class: "modal__body", style: !this.isFullscreen
                 ? {
                     "--swirl-modal-max-height": this.maxHeight,
                     "--swirl-modal-height": this.height,
                     minHeight: this.minHeight,
                     maxWidth: this.maxWidth,
                 }
-                : {} }, h("aside", { key: 'f4fc452be1ab849dd5f5af6cc22b9605603d18d4', class: "modal__sidebar" }, this.sidebarLabel && (h("header", { key: '863e9f2aa8b7392afc7a8d20f451c35a4757b5c1', class: classnames("modal__sidebar-header", {
+                : {} }, h("aside", { key: '445dabf28b922add6e2645a7bb596a37e3cc46da', class: "modal__sidebar" }, this.sidebarLabel && (h("header", { key: '27c216acec48646897c3852ce0973b230393ad1e', class: classnames("modal__sidebar-header", {
                 "modal__sidebar-header--has-close-button": this.hasSidebarCloseButton,
-            }) }, this.hasSidebarCloseButton && (h("swirl-button", { key: '2047dea0f173e5f4bdaeb65e4e3ea0c1bd3f2158', hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick })), h("swirl-heading", { key: 'ec003d97f67b728c91efb729f03bcfec00604bc9', as: "h3", class: "modal__sidebar-heading", level: 5, text: this.sidebarLabel }))), h("div", { key: '55619573e3665d119f5930f795dbeb1e7b144415', class: "modal__sidebar-content", onScroll: this.determineSidebarScrollStatus, ref: (el) => (this.sidebarScrollContainer = el) }, h("slot", { key: '6ff1a840c83cd9aeb34c55e9767f8e6736c197d8', name: "sidebar-content" })), h("div", { key: 'da90299494ae5252611f30e64ddf08db5b01ef68', class: "modal__sidebar-footer" }, h("slot", { key: '817a965706aef995da46009b0a76d4c7afd2567d', name: "sidebar-footer" }))), h("div", { key: '4e967937d11b2dfc8552da0b308f2a3446a87e2d', class: "modal__main-content" }, h("header", { key: 'be7b866f8d7bd844e0cc2284e804e278fa62c62b', class: "modal__custom-header" }, h("slot", { key: '26022718ce0fb8817ca1914db3f4c21bbe6a262e', name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && (h("header", { key: 'b8796448ff81d69ba74b7465c2bad02df39c0ba3', class: "modal__header" }, h("div", { key: '07b7a25aa64aec3222f4c9130d64be79222a2c97', class: "modal__header-bar" }, !this.hideCloseButton && (h("swirl-button", { key: '7c9e22203d8ce17fa30fcf8df5ec28dd0367a065', class: "modal__close-button", hideLabel: true, icon: this.variant === "default"
+            }) }, this.hasSidebarCloseButton && (h("swirl-button", { key: '300be5e9adfb0d6c3c579a6f5124edec51eb791f', hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick })), h("swirl-heading", { key: '23f2bc7055f5a62262a56d0a4c489d614adc1951', as: "h3", class: "modal__sidebar-heading", level: 5, text: this.sidebarLabel }))), h("div", { key: '8b3cffa44b64dfec5eb1008caff7589c9cb7299b', class: "modal__sidebar-content", onScroll: this.determineSidebarScrollStatus, ref: (el) => (this.sidebarScrollContainer = el) }, h("slot", { key: '77fb98cc3ce7d46d15d12045a441ed08ff926dfb', name: "sidebar-content" })), h("div", { key: '1e45e7319dcf4c97c96266fc5e68d7892e815c44', class: "modal__sidebar-footer" }, h("slot", { key: 'dafc533c3bdbab792bd27c0d646c49cb9b72168a', name: "sidebar-footer" }))), h("div", { key: '963da8fb14325477073f875d326a4dfe58c43279', class: "modal__main-content" }, h("header", { key: '87513cc54a98fb0201bee06fab6a523633178851', class: "modal__custom-header" }, h("slot", { key: 'c06a692b57cc1d37e1d88d31717bed3dc11ce559', name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && (h("header", { key: '89c9a74f6df7cc7e08d7905168ed4da4df1cd3fe', class: "modal__header" }, h("div", { key: 'b630b015986769ae8f5d246bcdd23036cec6dac3', class: "modal__header-bar" }, !this.hideCloseButton && (h("swirl-button", { key: 'c8fff89367d47d74db2b16c52c36dc33df9bf9a0', class: "modal__close-button", hideLabel: true, 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.showFullscreenButton && (h("swirl-button", { key: '028f409536d401093fd71e6fbf123b504a54b2c1', class: "modal__fullscreen-button", hideLabel: true, icon: this.isFullscreen
+                : "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick })), this.showFullscreenButton && (h("swirl-button", { key: '97063a903a5cb65f08fb2dc26d5b7514d32204d4', class: "modal__fullscreen-button", hideLabel: true, icon: this.isFullscreen
                 ? "<swirl-icon-close-fullscreen></swirl-icon-close-fullscreen>"
                 : "<swirl-icon-open-in-full></swirl-icon-open-in-full>", label: this.isFullscreen
                 ? this.fullscreenDisableButtonLabel
-                : this.fullscreenEnableButtonLabel, onClick: this.onFullscreenButtonClick })), !this.hideLabel && (h("swirl-heading", { key: 'ed614d4b5331946c67d18f729052c0661ea3a8bb', as: "h2", class: "modal__heading", level: 3, text: this.label }))))), h("div", { key: '0cebbb9377307b03900bf8f623af2bbd0767ae5f', class: "modal__content-container", style: {
+                : this.fullscreenEnableButtonLabel, onClick: this.onFullscreenButtonClick })), !this.hideLabel && (h("swirl-heading", { key: 'e6b3eb2ed868cddd50b2fd28d974c4532e9e9d94', as: "h2", class: "modal__heading", level: 3, text: this.label }))))), h("div", { key: '1ee97b36e0df6358c18ea02008ca4ee084017115', class: "modal__content-container", style: {
                 gap: this.contentGap
                     ? `var(--s-space-${this.contentGap})`
                     : undefined,
-            } }, h("div", { key: 'ffaac7e43d389936ceb96b7c7b73c1fc2778f7d8', class: "modal__primary-content", style: {
+            } }, h("div", { key: 'd4fa0c843953c0d217c1feb1939d43e0aad8b68b', class: "modal__primary-content", style: {
                 maxWidth: this.primaryContentMaxWidth,
                 flex: this.primaryContentFlex,
-            } }, h("div", { key: '7341038d7ff292544afa94d225b117cea82d95bf', class: "modal__header-tools" }, h("slot", { key: 'ae87fe1c3fc8ddc22d71e3f1fa703a98b8d60bf1', name: "header-tools" })), h("div", { key: '441577d1d7a0fe02736dca8e1027b52114b7312e', class: "modal__content", onScroll: this.determineMainScrollStatus, ref: (el) => (this.scrollContainer = el) }, h("slot", { key: '6b3bcaaca92d5238f72f374d925c0b2b37f33763' }))), h("div", { key: '4ec04527481b4166525537d1c9c513f7216c5fbf', class: "modal__secondary-content", style: {
+            } }, h("div", { key: 'a2b4503677412ae7140e83a0c6025ac8be23b055', class: "modal__header-tools" }, h("slot", { key: '7a69b31437119706f320b6295849d34f252023af', name: "header-tools" })), h("div", { key: 'f923f379a7d7cfc0fb69991085b1272c0983597e', class: "modal__content", onScroll: this.determineMainScrollStatus, ref: (el) => (this.scrollContainer = el) }, h("slot", { key: '81682c3a8cd9f7d7dd865a77e286b2694cda5315' }))), h("div", { key: '9fced09c6e5ac1473f5be815f8039886fcea21b2', class: "modal__secondary-content", style: {
                 maxWidth: this.secondaryContentMaxWidth,
                 flex: this.secondaryContentFlex,
                 padding: Boolean(this.secondaryContentPadding)
@@ -273,7 +273,7 @@ const SwirlModal = class {
                 paddingInlineStart: Boolean(this.secondaryContentPaddingInlineStart)
                     ? `var(--s-space-${this.secondaryContentPaddingInlineStart})`
                     : undefined,
-            } }, h("slot", { key: '09caff111a5c6696984582a40b3d98423cf9b0dd', name: "secondary-content" }))), h("div", { key: '255f12ffb46f68fc0452d6e8f0585ee017f485e9', class: "modal__custom-footer" }, h("slot", { key: '0e8dd3ea6bf16c12dae0a364d8ea67d11a3e2186', name: "custom-footer" })), showControls && (h("footer", { key: '97e723de4d48fa5883223a5665c419842412ab09', class: "modal__controls" }, h("swirl-button-group", { key: 'ce6a1115e391d17314d33cf8ef5795c7f64164d3', wrap: true }, this.secondaryActionLabel && (h("swirl-button", { key: 'df0f8f4d82789baaeda9ef9a9fcc40d61e9bfe76', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (h("swirl-button", { key: 'dca61b968580d1025a8e7fb08f7483fe20f3f232', intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" }))))))))));
+            } }, h("slot", { key: '6074c4f3eacd7b0091bf2ae9022fdc10a9333a50', name: "secondary-content" }))), h("div", { key: 'd930b8ff7ef35ee5e88dff9c6e90e7e9154205e9', class: "modal__custom-footer" }, h("slot", { key: '4119568e0b302bb69d6b9554bb8f9a4747c50922', name: "custom-footer" })), showControls && (h("footer", { key: '6ed03e66ef65ed82558fc2abb695b807508dc6be', class: "modal__controls" }, h("swirl-button-group", { key: 'c243569bc0e0cc9817972a5bbf4a18276658e57c', wrap: true }, this.secondaryActionLabel && (h("swirl-button", { key: '100aa26888135c829169edfbaa6e210764d943d5', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (h("swirl-button", { key: 'b197198cf7fe5fdd68f22cc709aa441144b971f7', intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" }))))))))));
     }
     get el() { return getElement(this); }
 };

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

@@ -10,7 +10,7 @@ const SwirlOptionListSection = class {
         this.hasSeparator = false;
     }
     render() {
-        return (h(Host, { key: '493693ae78952e7e0dab2e57c092bff22cbd1ae9' }, this.hasSeparator && (h("swirl-separator", { key: '50de2cc6115a332a49c4a72c658df02f9ba6a1e5', spacing: this.separatorSpacing })), h("div", { key: 'b4341aade20c924de6161274bd8383f3cfd4bb26', "aria-labelledby": "label", class: "option-list-section", role: "group" }, h("span", { key: '86e6767844e7195edaedc84a66f68be4b1891e6b', class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), h("swirl-stack", { key: '3a4423446f700e9103128682c2bb8c63c62f24e1', spacing: this.spacing, align: "stretch" }, h("slot", { key: 'd85c25efab36436b4101a2425a84383cf426d5d3' })))));
+        return (h(Host, { key: 'a2bd8ab9bb252152056ec74a79bd48232337ffd1' }, this.hasSeparator && (h("swirl-separator", { key: '111249ec87f6ff0d19ec92033a4fd60ce9794e61', spacing: this.separatorSpacing })), h("div", { key: '53e5d1ffd0c229ea7c52827d9188af5b9e2d3a81', "aria-labelledby": "label", class: "option-list-section", role: "group" }, h("span", { key: '871bb982f79e57d24f4d6105f4ee153c6b9b0fff', class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), h("swirl-stack", { key: 'd7600e3e25663db7c74b4f073f1e1117cb98b84c', spacing: this.spacing, align: "stretch" }, h("slot", { key: '060fe6e45a03426b493cd98fff5f52207a99abf3' })))));
     }
 };
 SwirlOptionListSection.style = swirlOptionListSectionCss;

package/dist/esm/swirl-option-list_2.entry.js

@@ -1,9 +1,9 @@
 import { r as registerInstance, c as createEvent, h, H as Host, d as getElement } from './index-CWOhMVtL.js';
 import { S as Sortable } from './sortable.esm-CMrz6687.js';
-import { l as closestPassShadow, q as querySelectorAllDeep } from './utils-D_MUFqkF.js';
+import { l as closestPassShadow, q as querySelectorAllDeep } from './utils-DytJsmhr.js';
 import { v as v4 } from './v4-DD3477fe.js';
 import { c as classnames } from './index-orsBiyT_.js';
-import { D as DesktopMediaQuery } from './media-query.service-Cx_VEA2f.js';
+import { D as DesktopMediaQuery } from './media-query.service-CpP-qu5C.js';
 
 const swirlOptionListCss = ".sc-swirl-option-list-h{display:block}.sc-swirl-option-list-h *.sc-swirl-option-list{box-sizing:border-box}";
 
@@ -428,7 +428,7 @@ const SwirlOptionList = class {
         const ariaMultiselectable = this.multiSelect ? "true" : undefined;
         const tabIndex = Boolean(this.dragging) ? 0 : undefined;
         const showSelectAll = this.multiSelect && this.showSelectAll;
-        return (h(Host, { key: '8c044408d10a0e2785415b32a8645a3be37ff73e' }, h("swirl-visually-hidden", { key: '69acdd6763254468c862475e5c1c00eafdc93d32', role: "alert" }, this.assistiveText), h("div", { key: '649379a34dead4233483ad292498f7a988308e02', "aria-label": this.label, "aria-multiselectable": ariaMultiselectable, class: "option-list", id: this.optionListId, onClick: this.onClick, onKeyDown: this.onKeyDown, ref: (el) => (this.listboxEl = el), role: "listbox", tabIndex: tabIndex }, showSelectAll && (h("swirl-option-list-item", { key: '3a96ae35674e2429f62ac8fcf0ffc46165041af3', ref: (el) => (this.selectAllEl = el), label: this.selectAllLabel, disabled: this.disabled, context: "multi-select", selected: this.selectAllState === true, indeterminate: this.selectAllState === "indeterminate", value: this.selectAllValue })), h("slot", { key: '93cb99805109c6a16baf5b949af672b90b850f9f', onSlotchange: this.setSectionSeparator }))));
+        return (h(Host, { key: '8f003735c4c5347724373773834fb0cf1111dba9' }, h("swirl-visually-hidden", { key: 'f0274d5671f707a6130791dc6537d9044387c877', role: "alert" }, this.assistiveText), h("div", { key: '1e99aa245849dcc45e27e5ba2dd33f25954dc164', "aria-label": this.label, "aria-multiselectable": ariaMultiselectable, class: "option-list", id: this.optionListId, onClick: this.onClick, onKeyDown: this.onKeyDown, ref: (el) => (this.listboxEl = el), role: "listbox", tabIndex: tabIndex }, showSelectAll && (h("swirl-option-list-item", { key: 'f4c317311dbc15bd1109ede4dec5bb2c63dc7c76', ref: (el) => (this.selectAllEl = el), label: this.selectAllLabel, disabled: this.disabled, context: "multi-select", selected: this.selectAllState === true, indeterminate: this.selectAllState === "indeterminate", value: this.selectAllValue })), h("slot", { key: '657775578ac2cb72820fedae1a39281cb02d4466', onSlotchange: this.setSectionSeparator }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -500,9 +500,9 @@ const SwirlOptionListItem = class {
             "option-list-item--indeterminate": this.indeterminate && !this.selected,
             "option-list-item--show-avatar": showAvatar,
         });
-        return (h(Host, { key: 'cb0a26f23613bf21ee88a290a00dc327a0c85ada' }, h("div", { key: '9b1eb4e08c1d0004bce09578ce0905eb197ac907', "aria-checked": this.swirlAriaRole === "menuitemradio" ? ariaSelected : undefined, "aria-describedby": Boolean(this.description)
+        return (h(Host, { key: 'f8c00ccd0edb0d188d0f65e621a3b3bd0f85ecf4' }, h("div", { key: 'b2cee25c44a70638fe775d0ae34386aa1bdf57c2', "aria-checked": this.swirlAriaRole === "menuitemradio" ? ariaSelected : undefined, "aria-describedby": Boolean(this.description)
                 ? `option-list-item-${this.elementId}-description`
-                : undefined, "aria-disabled": ariaDisabled, "aria-labelledby": `option-list-item-${this.elementId}-label`, "aria-selected": this.swirlAriaRole === "option" ? ariaSelected : undefined, class: className, id: `option-list-item-${this.elementId}`, onBlur: this.onBlur, onFocus: this.onFocus, part: "option-list-item", role: this.swirlAriaRole }, showIcon && (h("span", { key: '073d9b17a9c748016f928217a6bf4ea39ce48fe2', class: "option-list-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }, showIconBadge && (h("span", { key: 'fb32a363286fee7a306e8962c5dc095907621ace', class: "option-list-item__icon-badge", innerHTML: this.iconBadge })))), showCheckbox && (h("span", { key: '18f0ff0915f85a6121515161576e421b50f03fb4', class: "option-list-item__checkbox" }, h("span", { key: '64713379726da9413536fe3cb18c3e00677c7d4b', class: "option-list-item__checkbox-box" }, this.selected && (h("swirl-icon-check-strong", { key: 'add2a2890262d78d62ac9e8cb007999334dc37bd', class: "option-list-item__checkbox-icon", size: 16 })), !this.selected && this.indeterminate && (h("span", { key: 'd648e60de087f0836aa4732a0632ddba411872fe', class: "option-list-item__checkbox-indeterminate-icon" }))))), h("span", { key: 'd2708ea06f8e89f8ff05df9f70a50761bb631e1c', class: "option-list-item__avatar" }, h("slot", { key: '80abff4b366ca84e2f69efb9700f78c234c759c6', name: "avatar" })), h("span", { key: '275d204467223cf209f22d530becc7c94fbcf6cc', class: "option-list-item__label-container" }, h("span", { key: '78ffc616b55023dcb952c20a20261c62c6c49251', class: "option-list-item__label", id: `option-list-item-${this.elementId}-label`, part: "option-list-item__label" }, this.label), this.description && (h("span", { key: '137f59e2a8d671ade5442193a7146e2fed089194', class: "option-list-item__description", id: `option-list-item-${this.elementId}-description` }, this.description))), showSelectionIcon && (h("span", { key: 'fbdae273b61760022d301c1c99a035e0921f1c57', class: "option-list-item__selection-icon" }, h("swirl-icon-check-small", { key: '555cb52b918d15174bf64ca652873dc468f08a13', size: this.iconSize })))), this.allowDrag && (h("button", { key: '0e0803eb74185cea9467b97f53c542170fb2fb80', "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "option-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, tabIndex: this.focused ? 0 : -1, type: "button" }, h("swirl-icon-drag-handle", { key: 'c5022a378d6f0d5d523468a1bcffcba33ddd20cd', size: this.iconSize })))));
+                : undefined, "aria-disabled": ariaDisabled, "aria-labelledby": `option-list-item-${this.elementId}-label`, "aria-selected": this.swirlAriaRole === "option" ? ariaSelected : undefined, class: className, id: `option-list-item-${this.elementId}`, onBlur: this.onBlur, onFocus: this.onFocus, part: "option-list-item", role: this.swirlAriaRole }, showIcon && (h("span", { key: 'fc899506beea9dcb1898b196a21e557aa45b1b43', class: "option-list-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }, showIconBadge && (h("span", { key: '52d35bd66d1b51121720dd338ca9db2c494789d2', class: "option-list-item__icon-badge", innerHTML: this.iconBadge })))), showCheckbox && (h("span", { key: 'cab616b7087d2d16b4009495e871d48de58e11ea', class: "option-list-item__checkbox" }, h("span", { key: '3dea1f0a44b4d46467ecbd8369c2b6aaed3123cc', class: "option-list-item__checkbox-box" }, this.selected && (h("swirl-icon-check-strong", { key: '9b678ac705e7320d73748713068cfee00c3f47eb', class: "option-list-item__checkbox-icon", size: 16 })), !this.selected && this.indeterminate && (h("span", { key: '76be874ba26f15a52f46d850861de625a5a7dec0', class: "option-list-item__checkbox-indeterminate-icon" }))))), h("span", { key: 'cff0e637854a7ebf4b21ee72646099d770f737c4', class: "option-list-item__avatar" }, h("slot", { key: 'aa0246a84d995d205ca6dccadace99a1225cc5cf', name: "avatar" })), h("span", { key: '6d909506dce28d3265ef93e0ee8050664eeb7e42', class: "option-list-item__label-container" }, h("span", { key: '68470d33d2055d239e86fd07469fa59e19333965', class: "option-list-item__label", id: `option-list-item-${this.elementId}-label`, part: "option-list-item__label" }, this.label), this.description && (h("span", { key: '412f387f6e43974077d9b6b78b3c57fa5734f7b7', class: "option-list-item__description", id: `option-list-item-${this.elementId}-description` }, this.description))), showSelectionIcon && (h("span", { key: 'e7d77c2368b9e4d44da76612233dd627dbf91007', class: "option-list-item__selection-icon" }, h("swirl-icon-check-small", { key: '1488cac89c93b82ea6160de2181e34eff34f561b', size: this.iconSize })))), this.allowDrag && (h("button", { key: '97bb0b22816c33b08a34a4c879cfbb6c1115239e', "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "option-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, tabIndex: this.focused ? 0 : -1, type: "button" }, h("swirl-icon-drag-handle", { key: 'fb047094366a625ef1ba88b69bcde10411e1023a', size: this.iconSize })))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/swirl-pagination.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-CWOhMVtL.js';
 import { c as classnames } from './index-orsBiyT_.js';
-import { d as debounce } from './utils-D_MUFqkF.js';
+import { d as debounce } from './utils-DytJsmhr.js';
 
 const swirlPaginationCss = ":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)}}";
 
@@ -83,7 +83,7 @@ const SwirlPagination = class {
         const showDropDown = this.variant === "advanced";
         const ariaPageLabel = `${this.page.toLocaleString()} ${this.pageLabel} ${this.pages.toLocaleString()}`;
         const className = classnames("pagination", `pagination--variant-${this.variant}`);
-        return (h(Host, { key: '5978254ac1068ac5d9bb80acdbaa1d2d269fe259' }, h("nav", { key: 'ddee3c4e0bfa79039db7a177730a03345217ca06', "aria-label": this.label, class: className }, h("ul", { key: 'de432ce32d9381ac1a377798f386d3e154207cee', class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (h("li", { key: 'dfef29a58b81121911cd39fe137e95ff096f0d7a', class: "pagination__list-item" }, h("label", { key: 'ebaf0677e82400be67a27d49e1eb329d8f2dd864', class: "pagination__page-size-selection" }, h("swirl-text", { key: '2c4e1f89edb6f96b97cf95f239fc50cae1014901', whiteSpace: "inherit" }, this.pageSizeSelectLabel), h("swirl-stack", { key: 'a578e88a8daef0b4d4248a7d2ddab56b8e706633', align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, h("select", { key: 'dc82dcd8582694ea2b849e3216e44790f0f755d5', class: "pagination__page-size-select", onChange: this.onPageSizeSelect }, this.pageSizeOptions.map((pageSizeOption) => (h("option", { key: pageSizeOption, selected: pageSizeOption === this.pageSize, value: pageSizeOption }, pageSizeOption)))), h("swirl-icon-expand-more", { key: '4422749d60a84f23170ebfb1ec25156a9af1a581', "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), h("li", { key: '8aa9a178991e2ad41d96599ef357ec4ed6f0aae7', class: "pagination__list-item" }, h("swirl-button", { key: '6d25223a8059b941b4c28ee6b0234abfbce72716', class: "pagination__first-page-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-double-arrow-left></swirl-icon-double-arrow-left>", intent: "primary", label: this.firstPageButtonLabel, onClick: this.onFirstPageButtonClick })), h("li", { key: '6fe4250cd3b3ec4115b921b47688897375d6197b', class: "pagination__list-item" }, h("swirl-button", { key: '5b334333689e838715a4349b147acc2717df28ba', class: "pagination__prev-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", intent: "primary", label: this.prevButtonLabel, onClick: this.onPrevButtonClick })), showPageLabel ? (h("li", { class: "pagination__list-item  pagination__page-label" }, h("span", null, showDropDown ? (h("span", { "aria-current": "page", class: "pagination__advanced-label" }, h("input", { "aria-label": this.pageSelectLabel, class: "pagination__page-input", onFocus: this.onFocusPageInput, onInput: this.onPageInput, ref: (el) => (this.pageInput = el), type: "text", value: this.page }), h("span", { "aria-hidden": "true" }, this.pageLabel, " ", this.pages.toLocaleString()))) : (h("span", { "aria-current": "page" }, ariaPageLabel))))) : (h("li", { class: "pagination__list-item" }, h("swirl-visually-hidden", null, h("span", { "aria-current": "page" }, ariaPageLabel)))), h("li", { key: 'f55b7c393a7f545718bd227bbb08aa0dcf77034d', class: "pagination__list-item" }, h("swirl-button", { key: '172a349725254224da6d746314cdf697e515851f', class: "pagination__next-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-chevron-right></swirl-icon-chevron-right>", iconPosition: "end", intent: "primary", label: this.nextButtonLabel, onClick: this.onNextButtonClick })), h("li", { key: 'c4cfd270b79e299af2c8e659ffa33c4523ee5681', class: "pagination__list-item" }, h("swirl-button", { key: '1178ab1fe0d0204d57c0eff231cac3d489fbc940', class: "pagination__last-page-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", intent: "primary", label: this.lastPageButtonLabel, onClick: this.onLastPageButtonClick }))))));
+        return (h(Host, { key: '75d9096135533702dbfc54211e7f6d824b49b056' }, h("nav", { key: '6ed3439b88dc08654d9d505eb514703e15f30d6b', "aria-label": this.label, class: className }, h("ul", { key: 'e12a16e7d5d2fc9d5a9bb26a0b239a2364345862', class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (h("li", { key: '4b9d8557eb9beb7bcc3f0c2ab61aca4b8d1f9f1e', class: "pagination__list-item" }, h("label", { key: 'c6e9cbbbbe0c44d0666200df39bd49d12ca62ca6', class: "pagination__page-size-selection" }, h("swirl-text", { key: 'fc20a423a590d4a627637229a8d8d6e6745ea83e', whiteSpace: "inherit" }, this.pageSizeSelectLabel), h("swirl-stack", { key: 'f7afb973c2570b8202ab75f6315ccd95f0f502ed', align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, h("select", { key: '02b4a439d5de9fb2e3a2edf5e690bbe0359416c4', class: "pagination__page-size-select", onChange: this.onPageSizeSelect }, this.pageSizeOptions.map((pageSizeOption) => (h("option", { key: pageSizeOption, selected: pageSizeOption === this.pageSize, value: pageSizeOption }, pageSizeOption)))), h("swirl-icon-expand-more", { key: '922a6025d045d5f4ea7b286b44ada281ebd647df', "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), h("li", { key: '6845611f8081c54f31ab65dc286a9abd79e187b2', class: "pagination__list-item" }, h("swirl-button", { key: 'e2faa13bbdbd1066e7d5e6019d61465f25491243', class: "pagination__first-page-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-double-arrow-left></swirl-icon-double-arrow-left>", intent: "primary", label: this.firstPageButtonLabel, onClick: this.onFirstPageButtonClick })), h("li", { key: '1603b2208c9b8b2b92d85815d7e0ff84cabc08cb', class: "pagination__list-item" }, h("swirl-button", { key: '13f3c35e8c47918e6c0efd420aa3ce1820783f84', class: "pagination__prev-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", intent: "primary", label: this.prevButtonLabel, onClick: this.onPrevButtonClick })), showPageLabel ? (h("li", { class: "pagination__list-item  pagination__page-label" }, h("span", null, showDropDown ? (h("span", { "aria-current": "page", class: "pagination__advanced-label" }, h("input", { "aria-label": this.pageSelectLabel, class: "pagination__page-input", onFocus: this.onFocusPageInput, onInput: this.onPageInput, ref: (el) => (this.pageInput = el), type: "text", value: this.page }), h("span", { "aria-hidden": "true" }, this.pageLabel, " ", this.pages.toLocaleString()))) : (h("span", { "aria-current": "page" }, ariaPageLabel))))) : (h("li", { class: "pagination__list-item" }, h("swirl-visually-hidden", null, h("span", { "aria-current": "page" }, ariaPageLabel)))), h("li", { key: '7bc72b6da7144b8f822ff04ea2a8f0ef89d3202d', class: "pagination__list-item" }, h("swirl-button", { key: '7f2b20c2b9282a55223aaabda2202822bbbec5b4', class: "pagination__next-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-chevron-right></swirl-icon-chevron-right>", iconPosition: "end", intent: "primary", label: this.nextButtonLabel, onClick: this.onNextButtonClick })), h("li", { key: 'd503b9a0f1dfa111d02f05e16f65b3c85559e20f', class: "pagination__list-item" }, h("swirl-button", { key: '4cb99870221d41f1d310af7264fdcefd9513aded', class: "pagination__last-page-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", intent: "primary", label: this.lastPageButtonLabel, onClick: this.onLastPageButtonClick }))))));
     }
 };
 SwirlPagination.style = swirlPaginationCss;

package/dist/esm/swirl-pdf-reader.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h, H as Host, d as getElement
 import { A as A11yDialog } from './a11y-dialog.esm-DyxMdBpZ.js';
 import { d as disableBodyScroll, e as enableBodyScroll } from './bodyScrollLock.esm-B0kNlhKL.js';
 import { c as classnames } from './index-orsBiyT_.js';
-import { q as querySelectorAllDeep, i as isMobileViewport } from './utils-D_MUFqkF.js';
+import { q as querySelectorAllDeep, i as isMobileViewport } from './utils-DytJsmhr.js';
 
 const swirlPdfReaderCss = ":host{--thumbnails-width:7rem;display:block}:host *{box-sizing:border-box}.pdf-reader{position:fixed;z-index:var(--s-z-40);background-color:var(--s-surface-raised-default);inset:0;touch-action:pan-x pan-y}.pdf-reader[aria-hidden=\"true\"]{display:none}.pdf-reader:not(.pdf-reader--closing) .pdf-reader__body{animation:0.15s pdf-reader-fade-in}@media (prefers-reduced-motion){.pdf-reader:not(.pdf-reader--closing) .pdf-reader__body{animation:none}}.pdf-reader--closing{animation:0.15s pdf-reader-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.pdf-reader--closing{animation:none}}.pdf-reader--show-thumbnails .pdf-reader__thumbnails{max-width:var(--thumbnails-width)}.pdf-reader--show-thumbnails .pdf-reader__floating-tools{left:calc(var(--s-space-16) + var(--thumbnails-width))}.pdf-reader--hide-menu .pdf-reader__menu{display:none}.pdf-reader__body{position:relative;width:100%;height:100%}.pdf-reader__header{display:flex;height:4rem;padding-right:var(--s-space-16);padding-left:var(--s-space-16);align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);gap:var(--s-space-8)}.pdf-reader__header-left,.pdf-reader__header-right{display:flex;flex-grow:1;align-items:center;gap:var(--s-space-8);min-width:0}@media (min-width: 768px){.pdf-reader__header-left,.pdf-reader__header-right{flex-basis:calc(100 / 3 * 1%);flex-grow:0}}.pdf-reader__header-right{justify-content:flex-end;flex-shrink:0}.pdf-reader__header-center{display:none;flex-grow:1;justify-content:center;align-items:center;gap:var(--s-space-16)}@media (min-width: 768px){.pdf-reader__header-center{display:flex}}.pdf-reader__label{overflow:hidden;flex-grow:1;font-weight:var(--s-font-weight-semibold);white-space:nowrap;text-overflow:ellipsis}.pdf-reader__zoom-button-container{display:flex;align-items:center;gap:var(--s-space-8)}.pdf-reader__zoom-button-container>*:not(:last-child){position:relative}.pdf-reader__zoom-button-container>*:not(:last-child):after{position:absolute;top:50%;right:calc(-1 * var(--s-space-4));width:var(--s-border-width-default);height:1.5rem;background-color:var(--s-border-default);content:\"\";transform:translate3d(50%, -50%, 0)}.pdf-reader__zoom-select-container{position:relative}.pdf-reader__zoom-select{display:inline-flex;height:2.5rem;padding-right:var(--s-space-12);padding-right:calc(var(--s-space-8) + 1.5rem + var(--s-space-12));padding-left:var(--s-space-12);justify-content:flex-start;align-items:center;border:var(--s-border-width-default) solid var(--s-border-default);border-radius:var(--s-border-radius-sm);color:var(--s-interactive-neutral-default);background-color:transparent;font:inherit;font-weight:var(--s-font-weight-medium);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.pdf-reader__zoom-select:focus:not(:focus-visible){outline:none}.pdf-reader__zoom-select:focus-visible{outline-color:var(--s-focus-default)}.pdf-reader__zoom-select-icon{position:absolute;top:50%;right:var(--s-space-8);display:inline-flex;transform:translateY(-50%);pointer-events:none}.pdf-reader__content{display:flex;width:100%;height:calc(100% - 4rem)}.pdf-reader__thumbnails{display:flex;overflow-x:hidden;overflow-y:auto;max-width:0;height:100%;padding-top:var(--s-space-16);padding-bottom:var(--s-space-16);flex-basis:var(--thumbnails-width);flex-grow:0;flex-shrink:0;align-items:center;background-color:var(--s-background-default);flex-direction:column;transition:max-width 0.2s linear;box-shadow:inset calc(-1 * var(--s-border-width-default)) 0 0 0\n    var(--s-border-default);gap:var(--s-space-4)}.pdf-reader__thumbnail{width:5rem;margin:0;padding:0;border:var(--s-border-width-default) solid var(--s-border-default);background-color:transparent;cursor:pointer}.pdf-reader__thumbnail>img{display:inline-flex;width:100%}.pdf-reader__thumbnail--active{border-width:0.125rem;border-color:var(--s-border-highlight)}.pdf-reader__viewer{flex-grow:1}.pdf-reader__mobile-zoom-controls{position:absolute;z-index:1;right:var(--s-space-16);bottom:var(--s-space-32);display:flex;padding-bottom:var(--s-space-4);flex-direction:column;gap:var(--s-space-8)}@media (min-width: 768px){.pdf-reader__mobile-zoom-controls{display:none}}.pdf-reader__mobile-zoom-button{display:inline-flex;width:2.5rem;height:2.5rem;justify-content:center;align-items:center;border:none;border-radius:50%;color:var(--s-icon-on-image);background-color:rgba(0, 0, 0, 0.6);cursor:pointer;transition:opacity 0.15s;pointer-events:auto}.pdf-reader__mobile-zoom-button:disabled{cursor:default}.pdf-reader__floating-tools{position:fixed;z-index:1;bottom:var(--s-space-16);left:var(--s-space-16);display:none;flex-direction:column;transition:left 0.2s linear;gap:var(--s-space-12)}@media (min-width: 768px){.pdf-reader__floating-tools{display:flex}}.pdf-reader__floating-tool-button{display:inline-flex;width:2.5rem;height:2.5rem;justify-content:center;align-items:center;border:none;border-radius:50%;color:var(--s-icon-on-image);background-color:rgba(0, 0, 0, 0.6);cursor:pointer}.pdf-reader__meta{display:flex;padding-top:var(--s-space-4);padding-right:var(--s-space-16);padding-bottom:var(--s-space-4);padding-left:var(--s-space-8);align-items:center;gap:var(--s-space-12)}@media (min-width: 768px){.pdf-reader__meta{max-width:18rem}}.pdf-reader__file-icon{display:inline-flex;padding-left:var(--s-space-4);flex-shrink:0}.pdf-reader__file-info{display:flex;min-width:0;flex-grow:1;flex-direction:column}@keyframes pdf-reader-fade-in{from{opacity:0}to{opacity:1}}@keyframes pdf-reader-fade-out{from{opacity:1}to{opacity:0}}";
 
@@ -180,15 +180,15 @@ const SwirlPdfReader = class {
             "pdf-reader--hide-menu": !hasMenuItems,
             "pdf-reader--show-thumbnails": this.showThumbnails,
         });
-        return (h(Host, { key: 'ceac491f1f25430c437eae9341c29639d8563b89' }, h("section", { key: '86d1252a6b84bc40b02e8e9836006bcb2061ecc0', "aria-hidden": "true", "aria-label": this.label, class: className, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, h("div", { key: '127cc10693aeacd8439cca0e2a5831e49c7fccb6', class: "pdf-reader__body", role: "document" }, h("header", { key: 'be82c422261f3ea5ad069316f0993f256d899dde', class: "pdf-reader__header" }, h("span", { key: '4005cc1a873395b64022434c9d8564f253289ce2', class: "pdf-reader__header-left" }, h("swirl-button", { key: '0deeb6e46fb6c9e40a18e4b2c637da1c73f23fef', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), h("span", { key: '1ad12bb04e0388827fc1eca0bb6a43ad6996b5fe', class: "pdf-reader__label" }, this.label)), h("span", { key: '358e06449a0a39b68b1c01a184f8f544d2f3467e', class: "pdf-reader__header-center" }, h("span", { key: 'd52f8e98134062f3c09e7782a678e96420675182', class: "pdf-reader__zoom-button-container" }, h("swirl-button", { key: '78bc41166b1923d5dbb043fd1012fe4d3ada7e2e', class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[0], hideLabel: true, icon: "<swirl-icon-remove></swirl-icon-remove>", label: this.zoomOutButtonLabel, onClick: this.onZoomOutButtonClick }), h("swirl-button", { key: 'f5c8843a8e4cf290339e2503fc702681d6425dcf', class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], hideLabel: true, icon: "<swirl-icon-add></swirl-icon-add>", label: this.zoomInButtonLabel, onClick: this.onZoomInButtonClick })), h("span", { key: 'd72eebafb8ba088ed26ea1548ce67bd91234f4fb', class: "pdf-reader__zoom-select-container" }, h("select", { key: '04c5922de0b43055e8dd03179ef190617f3fda66', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, h("option", { key: '7a37df0b7524292ea37f84b3ab3326a3fc0e626b', selected: this.zoom === "auto", value: "auto" }, this.autoZoomLabel), this.zoomSteps.map((zoom) => (h("option", { key: zoom, selected: this.zoom === zoom, value: zoom }, zoom * 100, "%")))), h("swirl-icon-expand-more", { key: '6f696d1e943e8fa5b1275346dcdccbf48ba45dfc', class: "pdf-reader__zoom-select-icon" }))), h("span", { key: 'a6f453308580eabd21496b928136dbc7eb08d344', class: "pdf-reader__header-right" }, h("swirl-popover-trigger", { key: 'fe646a84a2ca8464f19e1dcddfd6a3c3fc386d3c', swirlPopover: this.menu }, h("swirl-button", { key: '795e9534ede15e56ea58d5209a40f7938690b0c7', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), h("span", { key: '8d504263c609bff0464fb7d239a732751abc5d8b', class: "pdf-reader__floating-tools" }, h("button", { key: 'e4a0c234da523f1bed482fd78688a633734b1fad', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, h("swirl-icon-menu-book", { key: '1213c8e08b86312f32a802ba6131b7239052023a' })), h("button", { key: 'c088d34ad4c77d066607d813326de7d8c89a90d4', "aria-controls": "thumbnails", "aria-expanded": String(Boolean(this.showThumbnails)), "aria-label": this.thumbnailsButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleThumbnals, type: "button" }, h("swirl-icon-file-copy", { key: '56d920e89e1abef8dedb8ee868ae2fabb7d13108' })))), h("div", { key: 'cc83a8ec24d4dd1c874ecf6c947ec208735aa1c9', class: "pdf-reader__content" }, h("nav", { key: '9aaa0abc0c116f145a10eb1b370ccdc321214fd5', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && h("swirl-spinner", { key: '520a615d6c3214eaca641423cdbad5d68881f609' }), !this.loadingThumbnails &&
+        return (h(Host, { key: 'ccae4cde4e937529537e5cdefaebb18379c67d52' }, h("section", { key: '254a8668984cbbe7305b39b45b23fd58e5540722', "aria-hidden": "true", "aria-label": this.label, class: className, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, h("div", { key: 'ce06c589fd73713366452ffe0b8c8a129463e613', class: "pdf-reader__body", role: "document" }, h("header", { key: '99181fece7fc83bb77983f14d6fbb355dcadc669', class: "pdf-reader__header" }, h("span", { key: '83d73aa922585f9c9688f1e15d5e43c9d68f9fc9', class: "pdf-reader__header-left" }, h("swirl-button", { key: 'e19d07cd20dcb155bed916bbf624819aadaaa54b', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), h("span", { key: 'e01e73e355b911b5617825bc9d9b7038ed99a082', class: "pdf-reader__label" }, this.label)), h("span", { key: 'bda7eae87774dbf613e5a8fa2c72827acccee8fa', class: "pdf-reader__header-center" }, h("span", { key: 'be370461d38a25bd7ce21920a0fcc444995a4610', class: "pdf-reader__zoom-button-container" }, h("swirl-button", { key: '2aad15310bd7d8b59113ff3b4f45df9f5c993926', class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[0], hideLabel: true, icon: "<swirl-icon-remove></swirl-icon-remove>", label: this.zoomOutButtonLabel, onClick: this.onZoomOutButtonClick }), h("swirl-button", { key: '2191361d6117f57cc200e5737138612ceeff9751', class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], hideLabel: true, icon: "<swirl-icon-add></swirl-icon-add>", label: this.zoomInButtonLabel, onClick: this.onZoomInButtonClick })), h("span", { key: '4f3e2db75ad2dc37c3569b4760338287b6e5b0a6', class: "pdf-reader__zoom-select-container" }, h("select", { key: 'd071c22996ce256ca96ae6e0ec2812ee69796b21', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, h("option", { key: 'cee73238756718bb2356ef1c969f96080451c622', selected: this.zoom === "auto", value: "auto" }, this.autoZoomLabel), this.zoomSteps.map((zoom) => (h("option", { key: zoom, selected: this.zoom === zoom, value: zoom }, zoom * 100, "%")))), h("swirl-icon-expand-more", { key: '671285dd22c2fd6264c8f000646f8a01af692112', class: "pdf-reader__zoom-select-icon" }))), h("span", { key: 'ac6329e1622381e673efd6b4ad652c91c2dea43e', class: "pdf-reader__header-right" }, h("swirl-popover-trigger", { key: 'a4d8155e9ef7c3f1187724bc57a9a2c570657aec', swirlPopover: this.menu }, h("swirl-button", { key: '2c8dae91737ead426ced1b028292267f7a9fca9d', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), h("span", { key: 'aac1c4b7941f2a973b95ddb6d0e80828c6d3cd21', class: "pdf-reader__floating-tools" }, h("button", { key: '53d0e65b4ae4156c48c1e5cbaa0ec32d55641454', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, h("swirl-icon-menu-book", { key: 'c2bfcb9f639d28fd172a89a6579eadc45388bd8c' })), h("button", { key: '41784ac92d029eede862b6a92e68918914e39175', "aria-controls": "thumbnails", "aria-expanded": String(Boolean(this.showThumbnails)), "aria-label": this.thumbnailsButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleThumbnals, type: "button" }, h("swirl-icon-file-copy", { key: '9003c127d670133049002f3d8f767c2825353b0d' })))), h("div", { key: '99254ef394f2ce48e2d7d3028a2ce4b42c30db97', class: "pdf-reader__content" }, h("nav", { key: '70401a5a94318c41975d878d6fc68823f961a1f1', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && h("swirl-spinner", { key: 'c796549ce82f94169905168372e185437eb350a3' }), !this.loadingThumbnails &&
             this.thumbnails.map((thumbnail, index) => {
                 const thumbnailClassName = classnames("pdf-reader__thumbnail", {
                     "pdf-reader__thumbnail--active": this.visiblePages[0] === index + 1,
                 });
                 return (h("button", { "aria-label": `${this.thumbnailButtonLabel} ${index + 1}`, class: thumbnailClassName, onClick: this.onThumbnailClick(index), type: "button" }, h("img", { src: thumbnail.toDataURL("image/png"), alt: "" })));
-            })), h("swirl-file-viewer", { key: 'd1ce1e01d5afed1d010cf108076e031641a657bd', active: this.active, class: "pdf-reader__viewer", disablePrint: !this.printButtonEnabled, file: this.file, fileName: this.fileName, onActivate: this.onActivate, onVisiblePagesChange: this.onVisiblePagesChange, pdfWorkerSrc: this.pdfWorkerSrc, ref: (el) => (this.viewer = el), type: "application/pdf", viewMode: this.viewMode, zoom: this.zoom, skipNativeDownload: this.skipNativeDownload }), h("div", { key: '948d13b4ea8337d63f2ea427d3d5557ecf1f3de1', class: "pdf-reader__mobile-zoom-controls" }, h("button", { key: 'dba7cabf6ee7ed2f081cb77a496c1872b3db8aef', "aria-label": this.autoZoomLabel, class: "pdf-reader__mobile-zoom-button", onClick: this.onZoomAutoButtonClick, type: "button" }, this.zoom === "auto" ? (h("swirl-icon-fullscreen-exit", null)) : (h("swirl-icon-fullscreen", null))), h("button", { key: 'b5fd0a383f69030b8061c96085bf0330312b9f35', "aria-label": this.zoomInButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], onClick: this.onZoomInButtonClick, type: "button" }, h("swirl-icon-add", { key: '363c7533f7b82a2e7142762ae3139174a0c07fe8' })), h("button", { key: '3f95b205c0a62e947c148b469b93311f32b86703', "aria-label": this.zoomOutButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[0], onClick: this.onZoomOutButtonClick, type: "button" }, h("swirl-icon-remove", { key: '379d8c19b81cd3e80ffb5488cced5abf765d6f53' }))))), h("swirl-popover", { key: '4df25c36d2c52d75148f89dbee4adb70e9db39e6', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: '97416085808d0837cc05634e0f8a3bc2f062c767' }, h("div", { key: '673087ba12aedae836d0270bd711f9ad5246f772', class: "pdf-reader__meta" }, h("div", { key: '102716574ddde349b061ff477702ff61194c9889', class: "pdf-reader__file-icon" }, h("svg", { key: '6f26910b47debf492c777c5e3364a2395b7f647b', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, h("path", { key: '32cb8dbc763ec57ca6a48b2402dce7d029288618', d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), h("path", { key: 'e27d09ddd6406806dc256c87edc65233bfb79be5', d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), h("path", { key: '98aeb722702c0bb9786151c87402e763773bd125', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), h("path", { key: '7c12eb159b4d11478334b646dba5599023840d96', d: "M3.59961 9.00001C3.59961 8.0059 4.4055 7.20001 5.39961 7.20001H14.854C15.3314 7.20001 15.7893 7.38965 16.1268 7.72722L19.8724 11.4728C20.21 11.8104 20.3996 12.2682 20.3996 12.7456V27C20.3996 27.9941 19.5937 28.8 18.5996 28.8H5.39961C4.4055 28.8 3.59961 27.9941 3.59961 27V9.00001Z", fill: "#FF574D" }), h("path", { key: '76c97d6628f660f93621d639a42e335272329f74', d: "M15.5996 7.36166V10.2C15.5996 11.1941 16.4055 12 17.3996 12H20.2379C20.3237 12.1884 20.3768 12.3913 20.3937 12.6H17.3996C16.0785 12.6 15.0067 11.5325 14.9996 10.213L14.9996 7.20587C15.2083 7.2228 15.4112 7.27593 15.5996 7.36166Z", fill: "white" }), h("path", { key: 'c6609e98d391389a4136d3fbd2bec8c259ba897d', d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), h("path", { key: 'ec59748ed6eac81fda47d16990e0d83d80b00741', d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), h("path", { key: '393bd8e5c8213e3e27b8a5f39e7fc4d8c461a8ff', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), h("div", { key: 'dabbf37fbcc8de34fee47cd987b04c126c0a9d1d', class: "pdf-reader__file-info" }, h("swirl-text", { key: 'd7c75f0434761c2b71c3e7e450dde861656b6fb3', truncate: true, weight: "semibold" }, this.label), h("swirl-text", { key: '869eab4a830a82bf8be6c727f894e15ed6e16c9c', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && h("swirl-separator", { key: '4fcd3b6506f4dffeca774750af8858ac086f3cf0' }), h("swirl-action-list", { key: '5b5619238e99b9b2e607b49ccc56fa4bb1089228', class: "pdf-reader__menu" }, this.printButtonEnabled && (h("swirl-action-list-item", { key: 'd5ab15951e3c79582ec502cd0391cacea29def54', class: "pdf-reader__print-button", icon: "<swirl-icon-print></swirl-icon-print>", label: this.printButtonLabel, onClick: this.onPrintButtonClick })), this.downloadButtonEnabled && (h("swirl-action-list-item", { key: '19c196835d749e6c2c93f926027b14a22f9fbb3f', class: "pdf-reader__download-button", disabled: this.downloading, icon: !this.downloading
+            })), h("swirl-file-viewer", { key: '76cc558f2314cd56e7c8dac62ea809a18e03768c', active: this.active, class: "pdf-reader__viewer", disablePrint: !this.printButtonEnabled, file: this.file, fileName: this.fileName, onActivate: this.onActivate, onVisiblePagesChange: this.onVisiblePagesChange, pdfWorkerSrc: this.pdfWorkerSrc, ref: (el) => (this.viewer = el), type: "application/pdf", viewMode: this.viewMode, zoom: this.zoom, skipNativeDownload: this.skipNativeDownload }), h("div", { key: 'e4edcd47c2ff85b460caaff2d288b6df1d873854', class: "pdf-reader__mobile-zoom-controls" }, h("button", { key: '1c393b70c8bd41f23866e81c7416d54656511e7b', "aria-label": this.autoZoomLabel, class: "pdf-reader__mobile-zoom-button", onClick: this.onZoomAutoButtonClick, type: "button" }, this.zoom === "auto" ? (h("swirl-icon-fullscreen-exit", null)) : (h("swirl-icon-fullscreen", null))), h("button", { key: '4639297228a63d81bbdf48f29876080a915aa638', "aria-label": this.zoomInButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], onClick: this.onZoomInButtonClick, type: "button" }, h("swirl-icon-add", { key: '8e253b2ff5ba4faa07c0c65b30056e3300656e76' })), h("button", { key: 'ff72d7a27785b5707fb197c2905f9cd7a3c82638', "aria-label": this.zoomOutButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[0], onClick: this.onZoomOutButtonClick, type: "button" }, h("swirl-icon-remove", { key: 'a5ccadee62345017e1703de4b96db8cff6653d24' }))))), h("swirl-popover", { key: '2bbed215e53309166047a8172c5f9b523837b61a', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: 'ddb35c2bf887a7db38cbe7e4409d3d3ffa3d690e' }, h("div", { key: 'f77febd0f5178e7b2e37182a12684eae3d9bdcb1', class: "pdf-reader__meta" }, h("div", { key: 'a29846ab01a317cba3c5d8daee8bf6430d723127', class: "pdf-reader__file-icon" }, h("svg", { key: '7186b0e869acc0c1d7583cabe00e5d7f269f4460', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, h("path", { key: '8b246554fd7a82599918b44d82a2e6d219d2554f', d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), h("path", { key: '8b1325b4c3f9c23fd2c6e44e1a0296020382d786', d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), h("path", { key: 'ed64e4427ac1f9c7007f59f5fdab2994a591f60e', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), h("path", { key: 'd46ef748c1014ccf8457ba5e3522168f0fd5ed89', d: "M3.59961 9.00001C3.59961 8.0059 4.4055 7.20001 5.39961 7.20001H14.854C15.3314 7.20001 15.7893 7.38965 16.1268 7.72722L19.8724 11.4728C20.21 11.8104 20.3996 12.2682 20.3996 12.7456V27C20.3996 27.9941 19.5937 28.8 18.5996 28.8H5.39961C4.4055 28.8 3.59961 27.9941 3.59961 27V9.00001Z", fill: "#FF574D" }), h("path", { key: 'a9859e4c7934dee31e586ebce41df4a86fe41bc9', d: "M15.5996 7.36166V10.2C15.5996 11.1941 16.4055 12 17.3996 12H20.2379C20.3237 12.1884 20.3768 12.3913 20.3937 12.6H17.3996C16.0785 12.6 15.0067 11.5325 14.9996 10.213L14.9996 7.20587C15.2083 7.2228 15.4112 7.27593 15.5996 7.36166Z", fill: "white" }), h("path", { key: '062890725898df41e0eeee539214c9e073decb73', d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), h("path", { key: '9c7fbb9f7e3806cce3942bb0477375695304a9d9', d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), h("path", { key: '4db6d44ae0776f9c106cf3b7ec96792ddac19723', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), h("div", { key: '3da450ad5b2f5a3e94fd57e9fb0094118d2f12b0', class: "pdf-reader__file-info" }, h("swirl-text", { key: '3e428fc229ef20a647920decfda92d8da7f11830', truncate: true, weight: "semibold" }, this.label), h("swirl-text", { key: '992361d4082a8c9679245d1d0b260f9f22bdabb6', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && h("swirl-separator", { key: 'f8a873fe1f122472e18e676b73c7b365bdf1c7dd' }), h("swirl-action-list", { key: 'd52742f369816590dbde5ca6308302ff94ec1d2e', class: "pdf-reader__menu" }, this.printButtonEnabled && (h("swirl-action-list-item", { key: '2ce943bcf759ee79a9b8fe233a17d05fe2961ff0', class: "pdf-reader__print-button", icon: "<swirl-icon-print></swirl-icon-print>", label: this.printButtonLabel, onClick: this.onPrintButtonClick })), this.downloadButtonEnabled && (h("swirl-action-list-item", { key: 'a151c94c994f1c17b835ff87005944e5076c71b2', class: "pdf-reader__download-button", disabled: this.downloading, icon: !this.downloading
                 ? "<swirl-icon-download></swirl-icon-download>"
-                : '<swirl-spinner size="xs"></swirl-spinner>', label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), h("slot", { key: '8a8af10d391de210b0a246e665ba848c4dbdc73e', name: "menu-items" })))))));
+                : '<swirl-spinner size="xs"></swirl-spinner>', label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), h("slot", { key: 'f7d333ec4fb6db54e657f23e2f73bbb13cc565b7', name: "menu-items" })))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/swirl-popover_2.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h, H as Host, d as getElement
 import { P, N, D, k, b } from './floating-ui.dom.browser.min-BtsCuEVE.js';
 import { d as disableBodyScroll, e as enableBodyScroll } from './bodyScrollLock.esm-B0kNlhKL.js';
 import { c as classnames } from './index-orsBiyT_.js';
-import { i as isMobileViewport, k as getActiveElement, q as querySelectorAllDeep } from './utils-D_MUFqkF.js';
+import { i as isMobileViewport, k as getActiveElement, q as querySelectorAllDeep } from './utils-DytJsmhr.js';
 
 const swirlPopoverCss = ":host{position:relative;z-index:var(--s-z-40)}:host *{box-sizing:border-box}:host{--swirl-resource-list-item-background-default:var(\n    --s-surface-overlay-default\n  );--swirl-resource-list-item-background-hovered:var(\n    --s-surface-overlay-hovered\n  );--swirl-resource-list-item-background-pressed:var(\n    --s-surface-overlay-pressed\n  )}.popover--active:not(.popover--closing) .popover__backdrop{animation:0.15s popover-fade-in}@media (prefers-reduced-motion){.popover--active:not(.popover--closing) .popover__backdrop{animation:none}}.popover--active:not(.popover--closing) .popover__content{animation:0.15s popover-slide-in}@media (min-width: 768px){.popover--active:not(.popover--closing) .popover__content{transform-origin:top left;animation:0.15s popover-fade-scale-in-xy}}@media (prefers-reduced-motion){.popover--active:not(.popover--closing) .popover__content{animation:none}}.popover--closing .popover__backdrop{animation:0.15s popover-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.popover--closing .popover__backdrop{animation:none}}.popover--closing .popover__content{animation:0.15s popover-slide-out;animation-fill-mode:forwards}@media (min-width: 768px){.popover--closing .popover__content{animation:0.15s popover-fade-out}}@media (prefers-reduced-motion){.popover--closing .popover__content{animation:none}}.popover--inactive .popover__content{display:none}@media (max-width: 767px){.popover--fullscreen-bottom-sheet.popover--active:not(.popover--closing) .popover__content{animation:0.15s popover-fade-in}@media (prefers-reduced-motion){.popover--fullscreen-bottom-sheet.popover--active:not(.popover--closing) .popover__content{animation:none}}.popover--fullscreen-bottom-sheet.popover--closing .popover__content{animation:0.15s popover-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.popover--fullscreen-bottom-sheet.popover--closing .popover__content{animation:none}}.popover--fullscreen-bottom-sheet .popover__backdrop{display:none}.popover--fullscreen-bottom-sheet .popover__content{top:0;border-top-left-radius:0;border-top-right-radius:0}.popover--fullscreen-bottom-sheet .popover__scroll-container{height:100%;max-height:none;padding-top:0;padding-bottom:0}.popover--fullscreen-bottom-sheet .popover__handle{display:none}}@media (min-width: 768px){.popover--animation-scale-in-y.popover--active:not(.popover--closing) .popover__content{animation:0.15s popover-fade-scale-in-y}}@media (prefers-reduced-motion){.popover--animation-scale-in-y.popover--active:not(.popover--closing) .popover__content{animation:none}}@media (min-width: 768px){.popover--animation-fade-in.popover--active:not(.popover--closing) .popover__content{animation:0.15s popover-fade-in}}@media (prefers-reduced-motion){.popover--animation-fade-in.popover--active:not(.popover--closing) .popover__content{animation:none}}@media (min-width: 768px){.popover--transparent .popover__content{background-color:transparent;box-shadow:none}}@media (min-width: 768px){.popover--transparent .popover__scroll-container{padding:0}}.popover__backdrop{position:fixed;z-index:0;background-color:rgba(0, 0, 0, 0.2);animation:0.15s popover-backdrop-fade-in;inset:0}@media (prefers-reduced-motion){.popover__backdrop{animation:none}}@media (min-width: 768px){.popover__backdrop{display:none}}.popover__content{position:fixed;z-index:2;right:0;bottom:0;left:0;overflow:hidden;border-top-left-radius:var(--s-border-radius-xl);border-top-right-radius:var(--s-border-radius-xl);background-color:var(--s-surface-overlay-default)}@media (min-width: 768px){.popover__content{right:unset;bottom:unset;left:unset;max-width:22.5rem;border-radius:var(--s-border-radius-base);animation:none;box-shadow:var(--s-shadow-level-2)}}.popover__scroll-container{overflow-x:hidden;overflow-y:auto;width:100%;max-height:90vh;padding-top:var(--s-space-24);padding-bottom:var(--s-space-24);overscroll-behavior:contain}@media (min-width: 768px){.popover__scroll-container{max-height:22rem;padding-top:0;padding-bottom:0}}@media (min-width: 768px){.popover--padded .popover__scroll-container{padding:var(--s-space-4)}}.popover__handle{position:absolute;top:var(--s-space-8);left:50%;width:2.5rem;height:0.375rem;border-radius:0.1875rem;background-color:var(--s-border-default);transform:translatex(-50%)}@media (min-width: 768px){.popover__handle{display:none}}@keyframes popover-slide-in{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes popover-slide-out{from{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes popover-fade-in{from{opacity:0}to{opacity:1}}@keyframes popover-fade-out{from{opacity:1}to{opacity:0}}@keyframes popover-fade-scale-in-xy{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes popover-fade-scale-in-y{from{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}";
 
@@ -266,14 +266,14 @@ const SwirlPopover = class {
             "popover--transparent": this.transparent,
             "popover--padded": this.padded,
         });
-        return (h(Host, { key: 'dd0c724e26c4dd93884e09d6758e1f3fb49539fd', style: { display: this.active ? "inline-flex" : "none" } }, h("div", { key: '00631b4d7d7b5bd53321ff9f6e7418e05e9c1db2', class: className, onKeyDown: this.onKeydown }, h("div", { key: '448a6e0e07733d3ed02222f1790adce3a47518bf', "aria-hidden": !this.active ? "true" : "false", "aria-label": this.label, class: "popover__content", id: this.popoverId, part: "popover__content", role: "dialog", ref: (el) => (this.contentContainer = el), style: {
+        return (h(Host, { key: '455e31122faf8e5766c7c3f505ea50f4837e5d2f', style: { display: this.active ? "inline-flex" : "none" } }, h("div", { key: 'b9e370e001eadee537375c65c006da022e926f8f', class: className, onKeyDown: this.onKeydown }, h("div", { key: '5bf0a111ae45a0b78cb5b1fd182f6e6cae4ef918', "aria-hidden": !this.active ? "true" : "false", "aria-label": this.label, class: "popover__content", id: this.popoverId, part: "popover__content", role: "dialog", ref: (el) => (this.contentContainer = el), style: {
                 top: Boolean(this.position) ? `${this.position?.y}px` : "",
                 left: Boolean(this.position) ? `${this.position?.x}px` : "",
-            }, tabindex: "-1" }, h("span", { key: '1902a6592f0ac4ec42453a7927d25806f4c5f4a0', class: "popover__handle" }), h("div", { key: '90c219453a10953061e3c16771586003fd1b7e4a', class: "popover__scroll-container", part: "popover__scroll-container", ref: (el) => (this.scrollContainer = el), style: {
+            }, tabindex: "-1" }, h("span", { key: '2f4351d341b6b052136d50955c113dc8749da370', class: "popover__handle" }), h("div", { key: '9076bbc0a9b87ead06ff6782553fe338a5fabf8e', class: "popover__scroll-container", part: "popover__scroll-container", ref: (el) => (this.scrollContainer = el), style: {
                 maxHeight: !mobile && Boolean(this.maxHeight)
                     ? this.maxHeight
                     : undefined,
-            } }, h("slot", { key: '0732e04a93fff46e674eb4e7ee544465385f5106' }))), this.active && (h("div", { key: 'c37c42d3d5addf1c71afa261a66ceeb905e4a5d0', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
+            } }, h("slot", { key: 'f0311a5c9c70f7c7012d24dcd54a12155bf4c9c0' }))), this.active && (h("div", { key: '03b8839d5ef459920dde306baeeb71e3932b1c84', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
     }
     get el() { return getElement(this); }
 };
@@ -436,7 +436,7 @@ const SwirlPopoverTrigger = class {
         return isActive;
     }
     render() {
-        return (h(Host, { key: 'fd661f74ea1bc9384d46d8761819022a25cfc583', onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, h("slot", { key: 'aca6974d766e2afba79ce99b64f57b8c8a02b072' })));
+        return (h(Host, { key: '8abd1fef07b0538799d96ebb8c7c913042370e9e', onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, h("slot", { key: '15ca0cf2f865fbe4ca7c1f4ef38b3dec3c75ac92' })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/swirl-progress-indicator.entry.js

@@ -16,7 +16,7 @@ const SwirlProgressIndicator = class {
         const radius = this.size === "m" ? 20 : 10;
         const circumference = Math.round(radius * 2 * Math.PI);
         const dashOffset = Math.round(circumference * ((100 - this.value) / 100));
-        return (h(Host, { key: '5c972cf283381694c5f826b3d4376a9d1320eda9', class: this.variant }, this.variant === "bar" && (h("progress", { key: 'a509c26d292f6fb90d4fad353a99463e2897b6c6', "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className, max: 100, value: this.value })), this.variant === "circle" && (h("span", { key: '80640e6a7c4c2e9e252f132733d4f266f3d98c9f', role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className }, h("svg", { key: '290294d92cb1d850acff483e08466484cbf49c5e', class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(radius + strokeWidth) * 2} ${(radius + strokeWidth) * 2}` }, h("circle", { key: '17f5e4479d82e40db01892a4c0ac9f1464db1943', class: "progress-indicator__circle-background", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth }), h("circle", { key: '5f5495d0a913602bc07f30f1730c10400babda5e', class: "progress-indicator__circle-value", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth, "stroke-dasharray": circumference, "stroke-dashoffset": dashOffset }))))));
+        return (h(Host, { key: 'd76050eb18303a381648fcc81e0d697384a4a8be', class: this.variant }, this.variant === "bar" && (h("progress", { key: '1dafebe862bbb05b8c1114bd86d5f02d6fdacbff', "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className, max: 100, value: this.value })), this.variant === "circle" && (h("span", { key: 'd6d2fe1fb8172e0a6421680c281a2c12db288818', role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className }, h("svg", { key: 'ad431537d9e9ec4c3ba97f5f36cd202afba690cc', class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(radius + strokeWidth) * 2} ${(radius + strokeWidth) * 2}` }, h("circle", { key: '0b0eee62eefde5c43e5b9ba040a8cd62f1515262', class: "progress-indicator__circle-background", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth }), h("circle", { key: '406fb2f982f14f7f3d447c4fb19c08c1a8aedb53', class: "progress-indicator__circle-value", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth, "stroke-dasharray": circumference, "stroke-dashoffset": dashOffset }))))));
     }
 };
 SwirlProgressIndicator.style = swirlProgressIndicatorCss;

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

@@ -40,7 +40,7 @@ const SwirlRadioGroup = class {
         }
     }
     render() {
-        return (h(Host, { key: 'af29c81fedab811f3e3abfadf35f4203dceaaa28', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, h("div", { key: 'ec3dfa0595cb74eceb6ecfb7a455a02be865ea05', class: "radio-group" }, h("slot", { key: 'e02ff45f770ca97d557af130c49f87743cfbc40a' }))));
+        return (h(Host, { key: '7feef864eaa6ae327014841ba84d8667762872e9', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, h("div", { key: 'a0dbcefd3059fe59bd50b066230d44ef0e8d31e5', class: "radio-group" }, h("slot", { key: 'b8060c41ae144b925d4bcc247c437419037db4ca' }))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/swirl-radio.entry.js

@@ -35,7 +35,7 @@ const SwirlRadio = class {
             "radio--invalid": this.invalid,
             "radio--unchecked": unchecked,
         });
-        return (h(Host, { key: 'b0000ea7edf5e98a787870acc4f1e01abfb9d899', style: { width: this.variant === "card" ? "100%" : undefined } }, h("label", { key: '2cc565289e6997e4a2158c3ea152a75320dfa478', class: className, htmlFor: this.inputId }, h("span", { key: '1b268a5e971aa8e14eb3624dce8e4d44cd953c28', class: "radio__control" }, h("swirl-visually-hidden", { key: '8b9c46ff098f52847bc1943a45adc857fe3949da' }, h("input", { key: 'b0126814241ee92d86eaf922e3e84045a180d77c', "aria-checked": ariaCheckedLabel, "aria-invalid": ariaInvalid, checked: checked, class: "radio__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, type: "radio", value: this.value })), h("span", { key: 'd2a9ed9f66168706455d59fab4294820e4d5b519', "aria-hidden": "true", class: "radio__box" })), h("span", { key: '1db782a2bd111cda28259a0fb4a391c1894552e8', class: "radio__label-container" }, this.label && (h("span", { key: '8730140f044782988c99ecd7d56878277d290f01', class: "radio__label" }, this.label, this.tooltip && (h("swirl-tooltip", { key: '84bd3facc2187d840570eacaeae932702471807f', content: this.tooltip, position: "top" }, h("swirl-icon-help", { key: '8279905d88e91a16fdb5ed45efcaff77984581b1', color: "default", size: 20, tabIndex: 0 }))))), this.description && (h("span", { key: 'b752613cc50e424ec663b28ce903816ba1ca2f84', class: "radio__description", innerHTML: this.description }))))));
+        return (h(Host, { key: '86182d620dee4e0e47db4968e88f8f0cae8d0868', style: { width: this.variant === "card" ? "100%" : undefined } }, h("label", { key: '16e54bcaef3b8167996ba6122bfe2d8a6eae06c7', class: className, htmlFor: this.inputId }, h("span", { key: '64a0ca1e3e2d3e7ebace9fc86d452968b19bda03', class: "radio__control" }, h("swirl-visually-hidden", { key: 'f74d2bc407cb611a44d23abe55472d605a30b897' }, h("input", { key: 'e3a2692e01bb4de45922171295ad6fa693a59874', "aria-checked": ariaCheckedLabel, "aria-invalid": ariaInvalid, checked: checked, class: "radio__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, type: "radio", value: this.value })), h("span", { key: 'fadca0e725c39f99a3ede3aebf8fead3aedb52da', "aria-hidden": "true", class: "radio__box" })), h("span", { key: '58b41ca22ac6afd7fb6974741bd4a16b875d8fe8', class: "radio__label-container" }, this.label && (h("span", { key: '9a4fb8ab685bdfcdaadd390017744fd5d6c1b1c2', class: "radio__label" }, this.label, this.tooltip && (h("swirl-tooltip", { key: 'f64e9d4749746971c56d46339aed2dd66113499a', content: this.tooltip, position: "top" }, h("swirl-icon-help", { key: '75ec51689903e4d337672fccb6a529f5be8350ca', color: "default", size: 20, tabIndex: 0 }))))), this.description && (h("span", { key: '22c0edac96ff31475033dbb56dee80a95a0843b5', class: "radio__description", innerHTML: this.description }))))));
     }
 };
 SwirlRadio.style = swirlRadioCss;

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, H as Host, d as getElement } from './index-CWOhMVtL.js';
 import { c as classnames } from './index-orsBiyT_.js';
-import { D as DesktopMediaQuery } from './media-query.service-Cx_VEA2f.js';
-import './utils-D_MUFqkF.js';
+import { D as DesktopMediaQuery } from './media-query.service-CpP-qu5C.js';
+import './utils-DytJsmhr.js';
 
 const swirlResourceListFileItemCss = ".sc-swirl-resource-list-file-item-h{display:block;width:100%}.sc-swirl-resource-list-file-item-h *.sc-swirl-resource-list-file-item{box-sizing:border-box}.resource-list-file-item.sc-swirl-resource-list-file-item{position:relative;display:flex;width:100%;padding:var(--s-space-12) var(--s-space-16);align-items:center;background-color:var(--s-background-default);line-height:var(--s-line-height-base);gap:var(--s-space-12)}.resource-list-file-item.sc-swirl-resource-list-file-item:focus{outline:none}.resource-list-file-item.sc-swirl-resource-list-file-item:focus-visible{background-color:var(--s-background-hovered)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-file-item.sc-swirl-resource-list-file-item{padding:var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.resource-list-file-item--has-control.sc-swirl-resource-list-file-item .resource-list-file-item__label-container.sc-swirl-resource-list-file-item{padding-right:calc(var(--s-space-12) + 2.5rem)}.resource-list-file-item__icon.sc-swirl-resource-list-file-item{width:1.5rem;height:1.5rem;color:var(--s-icon-highlight)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-file-item__icon.sc-swirl-resource-list-file-item{width:1.25rem;height:1.25rem}}.resource-list-file-item__label-container.sc-swirl-resource-list-file-item{position:relative;display:flex;min-width:0;min-height:2.875rem;flex-grow:1;justify-content:center;flex-direction:column}.resource-list-file-item__label-container.sc-swirl-resource-list-file-item:after{position:absolute;right:0;bottom:calc(-1 * var(--s-space-12));left:0;height:0.0625rem;background-color:var(--s-border-default);content:\"\"}.resource-list-file-item__label.sc-swirl-resource-list-file-item{overflow:hidden;font-weight:var(--s-font-weight-medium);white-space:nowrap;text-overflow:ellipsis}.resource-list-file-item__description.sc-swirl-resource-list-file-item{overflow:hidden;margin-top:var(--s-space-2);color:var(--s-text-subdued);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);white-space:nowrap;text-overflow:ellipsis}.resource-list-file-item__error-message.sc-swirl-resource-list-file-item{margin-top:var(--s-space-2)}.resource-list-file-item__remove-button.sc-swirl-resource-list-file-item{position:absolute;top:50%;right:var(--s-space-16);display:inline-flex;transform:translateY(-50%)}.resource-list-file-item__spinner.sc-swirl-resource-list-file-item{position:absolute;top:50%;right:var(--s-space-24);display:inline-flex;transform:translateY(-50%)}";
 
@@ -38,7 +38,7 @@ const SwirlResourceListFileItem = class {
         const className = classnames("resource-list-file-item", {
             "resource-list-file-item--has-control": showSpinner || showRemoveButton,
         });
-        return (h(Host, { key: '6a78e491a65e795f4921e03991a801506e088de7', role: hostRole }, h("div", { key: '6683d29ea98a1737a8c2373770a0679543ade30e', class: className, part: "resource-list-file-item", role: containerRole }, h("span", { key: '424d8656df85d6686306dca1410836937c1fcce4', class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }), h("span", { key: '6776beff9aee3622e15e1a414a06b5b3ca37481d', class: "resource-list-file-item__label-container" }, h("span", { key: '78e45efb7e51e28b6839d0abc98a3eaeb5a35f13', class: "resource-list-file-item__label", id: "label" }, this.label), showDescription && (h("span", { key: 'a04396d90d2ca10230183c8758d8a0dedf647638', class: "resource-list-file-item__description" }, this.description)), showError && (h("span", { key: 'dc659d64cdec240f447637296b7c4ab7bcff738c', "aria-live": "polite", class: "resource-list-file-item__error-message" }, h("swirl-inline-error", { key: '1dc5a2f4d12535ee460d88739297884ca3951786', message: this.errorMessage, size: "s" })))), showSpinner && (h("span", { key: '0b0a205396f6a3d8a5990436b665c16538f0a854', class: "resource-list-file-item__spinner" }, h("swirl-spinner", { key: '7423585e9fce366719ba3db9ce82f8f28b940800', size: "s" }))), showRemoveButton && (h("span", { key: 'bd8e3a82f580ef753d77194f1864926c78def390', class: "resource-list-file-item__remove-button" }, h("swirl-button", { key: 'c6aaec643cf77968d297720bdaf0dbb1c9fed1d2', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))))));
+        return (h(Host, { key: 'ee9df214e8a26e23f7270bbcfbb70cd8eef247b0', role: hostRole }, h("div", { key: '7c6caab4badd5e53e92086b217cc21c44e658712', class: className, part: "resource-list-file-item", role: containerRole }, h("span", { key: '011c3a7d4631e32efcf16e2239a9e04055196d21', class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }), h("span", { key: '0074a05c26c516af68912b3aa36c8d18f140b6da', class: "resource-list-file-item__label-container" }, h("span", { key: 'cca81c1317deca2d4cfad3f8b5750e0602ff89e2', class: "resource-list-file-item__label", id: "label" }, this.label), showDescription && (h("span", { key: '192374a9699a87d069aa85141e132c35eb73ee8c', class: "resource-list-file-item__description" }, this.description)), showError && (h("span", { key: 'aaf3bcdca7b768137fa5e6a9dbe6c09c13f54259', "aria-live": "polite", class: "resource-list-file-item__error-message" }, h("swirl-inline-error", { key: '31db2642c8c6c75facc98fa70437745adf2060cc', message: this.errorMessage, size: "s" })))), showSpinner && (h("span", { key: 'e34e396cf4aa87a47be4309da0649bfb9a8b4222', class: "resource-list-file-item__spinner" }, h("swirl-spinner", { key: 'cf6515982135a28b38fe720a00cdb60f4fedf629', size: "s" }))), showRemoveButton && (h("span", { key: 'd3dea267f07d3a35122ac03cc962d9f0cff36379', class: "resource-list-file-item__remove-button" }, h("swirl-button", { key: '2dfe60d7b8eab235981136a429b1fa68731785ca', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/swirl-resource-list-section.entry.js

@@ -12,7 +12,7 @@ const SwirlResourceListSection = class {
     render() {
         const role = !!this.el.closest('[role="grid"]') ? "rowgroup" : "listitem";
         const childrenListRole = role === "listitem" ? "list" : undefined;
-        return (h(Host, { key: '176e215a691045a2e7089aa5ee53ceae26f9e3ea' }, this.hasSeparator && (h("swirl-separator", { key: '0e3f31ed7d1b1fac1fad8af6c9fa02b98983059b', spacing: this.separatorSpacing })), h("div", { key: '5915962447f5e4506604fc3ad042fd5f116029df', "aria-labelledby": "label", role: role }, h("span", { key: 'bbde196a37418d2133d7aa33c7fcc7bcdd4cdff9', id: "label", class: "resource-list-section-label", part: "resource-list-section-label" }, this.label), h("swirl-stack", { key: 'e5c8f4d200b6e12f49e2c20314aa8b39a1a3318a', spacing: this.spacing, swirlAriaRole: childrenListRole }, h("slot", { key: '7be0c5e393ed59cc4ebb123c0ddaa6219337c0aa' })))));
+        return (h(Host, { key: 'fb4dd4e8ef91ba90367327e3af1249df4fb61690' }, this.hasSeparator && (h("swirl-separator", { key: '6f6bad6ce510efce9754f07fe4a127df3f60c3e2', spacing: this.separatorSpacing })), h("div", { key: '199d8da3bc7ec5cd9cff895ffeaf1b84c3a05f23', "aria-labelledby": "label", role: role }, h("span", { key: 'e4c5ce5e7dcf40a1a67d4b501172340cf288f604', id: "label", class: "resource-list-section-label", part: "resource-list-section-label" }, this.label), h("swirl-stack", { key: '735416793c5c8f780b32424baac93cd5015c7461', spacing: this.spacing, swirlAriaRole: childrenListRole }, h("slot", { key: 'e2f401ac73b62fc2d9c78bd70b172bb53b1dc172' })))));
     }
     get el() { return getElement(this); }
 };