@getflip/swirl-components 0.236.1 → 0.237.0

package/dist/esm/swirl-image-grid-item.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-2d054a87.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-1878a8d8.js';
 import { c as classnames } from './index-267776a4.js';
 
 const swirlImageGridItemCss = ":host{display:block;width:100%;min-height:0}:host *{box-sizing:border-box}:host(:not(:only-child)) .image-grid-item__background{display:none}:host(:not(:only-child)) .image-grid-item__image{-o-object-fit:cover;object-fit:cover}:host(:only-child) button.image-grid-item:focus-visible:before,:host(:only-child) button.image-grid-item:focus-visible:after{border-radius:var(--s-border-radius-sm)}:host([data-sibling-count=\"2\"]:nth-child(1)) button.image-grid-item:focus-visible:before,:host([data-sibling-count=\"2\"]:nth-child(1)) button.image-grid-item:focus-visible:after,:host([data-sibling-count=\"3\"]:nth-child(1)) button.image-grid-item:focus-visible:before,:host([data-sibling-count=\"3\"]:nth-child(1)) button.image-grid-item:focus-visible:after{border-top-left-radius:var(--s-border-radius-sm);border-bottom-left-radius:var(--s-border-radius-sm)}:host([data-sibling-count=\"2\"]:nth-child(2)) button.image-grid-item:focus-visible:before,:host([data-sibling-count=\"2\"]:nth-child(2)) button.image-grid-item:focus-visible:after{border-top-right-radius:var(--s-border-radius-sm);border-bottom-right-radius:var(--s-border-radius-sm)}:host([data-sibling-count=\"3\"]:nth-child(2)) button.image-grid-item:focus-visible:before,:host([data-sibling-count=\"3\"]:nth-child(2)) button.image-grid-item:focus-visible:after{border-top-right-radius:var(--s-border-radius-sm)}:host([data-sibling-count=\"3\"]:nth-child(3)) button.image-grid-item:focus-visible:before,:host([data-sibling-count=\"3\"]:nth-child(3)) button.image-grid-item:focus-visible:after{border-bottom-right-radius:var(--s-border-radius-sm)}:host([data-sibling-count=\"4\"]:nth-child(1)) button.image-grid-item:focus-visible:before,:host([data-sibling-count=\"4\"]:nth-child(1)) button.image-grid-item:focus-visible:after{border-top-left-radius:var(--s-border-radius-sm)}:host([data-sibling-count=\"4\"]:nth-child(2)) button.image-grid-item:focus-visible:before,:host([data-sibling-count=\"4\"]:nth-child(2)) button.image-grid-item:focus-visible:after{border-top-right-radius:var(--s-border-radius-sm)}:host([data-sibling-count=\"4\"]:nth-child(3)) button.image-grid-item:focus-visible:before,:host([data-sibling-count=\"4\"]:nth-child(3)) button.image-grid-item:focus-visible:after{border-bottom-left-radius:var(--s-border-radius-sm)}:host([data-sibling-count=\"4\"]:nth-child(4)) button.image-grid-item:focus-visible:before,:host([data-sibling-count=\"4\"]:nth-child(4)) button.image-grid-item:focus-visible:after{border-bottom-right-radius:var(--s-border-radius-sm)}:host(:nth-child(n+5)){display:none}.image-grid-item{position:relative;display:inline-flex;overflow:hidden;width:100%;height:100%}button.image-grid-item{padding:0;border:none;background-color:transparent;cursor:pointer}button.image-grid-item:focus{outline:none}button.image-grid-item:focus-visible:before{content:\"\";position:absolute;inset:0;border:0.125rem solid var(--s-focus-default);z-index:3}button.image-grid-item:focus-visible:after{content:\"\";position:absolute;inset:0;border:0.1875rem solid var(--s-background-default);z-index:2}.image-grid-item--has-error .image-grid-item__image{display:none}.image-grid-item--has-overlay .image-grid-item__image{scale:1.1;filter:blur(5px)}.image-grid-item__background{position:absolute;background-size:cover;inset:-40px;filter:blur(20px)}.image-grid-item__image{z-index:1;display:inline-flex;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}.image-grid-item__loading-placeholder{display:inline-flex;width:100%;height:100%}.image-grid-item__icon{position:absolute;z-index:1;top:50%;left:50%;display:flex;width:3rem;height:3rem;justify-content:center;align-items:center;border-radius:50%;color:var(--s-icon-on-image);background-color:rgba(0, 0, 0, 0.6);transform:translate3d(-50%, -50%, 0)}.image-grid-item__icon ::part(icon){width:2rem;height:2rem}.image-grid-item__overlay{position:absolute;z-index:2;display:flex;justify-content:center;align-items:center;color:var(--s-text-on-image);background-color:rgba(0, 0, 0, 0.4);font-size:var(--s-font-size-2xl);inset:0}.image-grid-item__spinner{position:absolute;z-index:3;display:flex;justify-content:center;align-items:center;background-color:rgba(0, 0, 0, 0.4);inset:0}.image-grid-item__error{position:absolute;z-index:3;display:flex;justify-content:center;align-items:center;background-color:rgba(0, 0, 0, 0.1);inset:0}";
@@ -65,14 +65,14 @@ const SwirlImageGridItem = class {
             "image-grid-item--has-error": this.error,
             "image-grid-item--has-overlay": this.overlay,
         });
-        return (h(Host, { key: 'b25451126af6c6ba7a76e332fca5bc423a9e8e23', "data-sibling-count": siblingCount, role: "listitem" }, h(Tag, { key: 'fc6a98462116edc25700f6e889ec2222cf400bb2', class: className, type: this.interactive ? "button" : undefined }, h("div", { key: '789f06c4283a412cc9f159049bbeded164fd6e95', class: "image-grid-item__background", style: {
+        return (h(Host, { key: 'd01d3965cf1e43b0ae70a5b42f6fd105d0d48c36', "data-sibling-count": siblingCount, role: "listitem" }, h(Tag, { key: 'a27e58d6438bfc93e1723e5b7e1f5cde778e625f', class: className, type: this.interactive ? "button" : undefined }, h("div", { key: '744a033cf788a29fbea3d1d52337e1e84e6b93dc', class: "image-grid-item__background", style: {
                 backgroundImage: showBlurredBackground
                     ? `url(${this.src})`
                     : undefined,
             } }), this.loading !== "intersecting" || this.inViewport ? (h("img", { alt: this.alt, class: "image-grid-item__image", loading: this.loading !== "intersecting" ? this.loading : undefined, onError: this.onError, onLoad: this.onLoad, ref: (el) => (this.img = el), src: this.src })) : (h("div", { class: "image-grid-item__loading-placeholder" })), this.loaded &&
             !this.error &&
             this.icon &&
-            !Boolean(this.overlay) && (h("div", { key: '0a1276a6db0e1dd92455d0c2e23bcb803ccfa0ba', class: "image-grid-item__icon", innerHTML: this.icon })), this.overlay && (h("div", { key: '7820b52a5852ec33bb7586dbe88e2bc7c2c61113', class: "image-grid-item__overlay" }, this.overlay)), !this.loaded && (h("div", { key: '042ff676f92c5d1aa4ad4e09fccba98f53c2b728', class: "image-grid-item__spinner" }, h("swirl-spinner", { key: '9595ca25424fe372fe1173f2359de44a70ede492' }))), this.loaded && this.error && (h("div", { key: '7d8867765317c297c7c3aed2845ec4341d4fbdef', class: "image-grid-item__error" }, h("swirl-icon-error", { key: '53a1a9217153e67b8fc70ead9d1a769d73f2e334', color: "critical" }))))));
+            !Boolean(this.overlay) && (h("div", { key: 'e87d7593b49b278cbe8003cfd0f7231104b548f9', class: "image-grid-item__icon", innerHTML: this.icon })), this.overlay && (h("div", { key: '63a94e02d3c6547a62ca84f42086da2f866e4947', class: "image-grid-item__overlay" }, this.overlay)), !this.loaded && (h("div", { key: '7486f857ca83079a1a43008237ec9082e96cae2e', class: "image-grid-item__spinner" }, h("swirl-spinner", { key: '10c71722ae6792fcbc584147515c838112fc8803' }))), this.loaded && this.error && (h("div", { key: '2bdad86a21068f91399ff9c77f9a6f3ea931a710', class: "image-grid-item__error" }, h("swirl-icon-error", { key: '69394d06c958a086646d12a18c1efdff3fdbeae4', color: "critical" }))))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/swirl-image-grid.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-2d054a87.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-1878a8d8.js';
 import { c as classnames } from './index-267776a4.js';
 
 const swirlImageGridCss = ":host{display:block}:host *{box-sizing:border-box}.image-grid{display:grid;overflow:hidden;width:100%;min-height:0;border-radius:var(--s-border-radius-sm);gap:var(--s-space-2)}.image-grid--item-count-1{grid-template-columns:100%;grid-template-rows:100%}.image-grid--item-count-2{grid-template-columns:repeat(2, calc(50% - var(--s-space-2) / 2))}.image-grid--item-count-3{grid-template-columns:calc(100% / 3 * 2 - var(--space-2) / 2) calc(\n      100% / 3 - var(--s-space-2) / 2\n    )}.image-grid--item-count-3 ::slotted(*:nth-child(1)){grid-column-start:1;grid-row-start:1;grid-row-end:3}.image-grid--item-count-3 ::slotted(*:nth-child(3)){grid-column-start:2}.image-grid--item-count-4{grid-template-columns:repeat(2, calc(50% - var(--s-space-2) / 2));grid-template-rows:repeat(2, calc(50% - var(--s-space-2) / 2))}";
@@ -22,7 +22,7 @@ const SwirlImageGrid = class {
     }
     render() {
         const className = classnames("image-grid", `image-grid--item-count-${Math.min(4, this.items.length)}`);
-        return (h(Host, { key: 'bfb7bc9c5e03b50e121079b3c5f2a779e0403f2e' }, h("div", { key: 'b5a1e3240c866dfa0d5450c16f80fa17baab9e82', "aria-label": this.label, class: className, role: "list", style: { aspectRatio: this.aspectRatio } }, h("slot", { key: 'dc3de657751ea8f4b3fae6ba467d7b262b249a84', onSlotchange: this.updateItems }))));
+        return (h(Host, { key: 'b96dc8f282a93a9cd7a938647ab7513e3654ff36' }, h("div", { key: '08d278c42319075184f72b4f60294175ada448ee', "aria-label": this.label, class: className, role: "list", style: { aspectRatio: this.aspectRatio } }, h("slot", { key: 'dc3fbaf593dd1a6c89dbf7d6b0d977b320438340', onSlotchange: this.updateItems }))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/swirl-inline-notification.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-2d054a87.js';
+import { r as registerInstance, h, H as Host } from './index-1878a8d8.js';
 import { c as classnames } from './index-267776a4.js';
 
 const swirlInlineNotificationCss = ":host{display:block}:host *{box-sizing:border-box}.inline-notification{display:flex;max-width:100%;padding:var(--s-space-12);border-radius:var(--s-border-radius-sm);gap:var(--s-space-8)}@media (min-width: 768px){.inline-notification{padding:var(--s-space-16)}}.inline-notification--intent-info{background-color:var(--s-surface-info-subdued)}.inline-notification--intent-info .inline-notification__icon{color:var(--s-icon-info)}.inline-notification--intent-critical{background-color:var(--s-surface-critical-subdued)}.inline-notification--intent-critical .inline-notification__icon{color:var(--s-icon-critical)}.inline-notification--intent-warning{background-color:var(--s-surface-warning-subdued)}.inline-notification--intent-warning .inline-notification__icon{color:var(--s-icon-warning)}.inline-notification--intent-success{background-color:var(--s-surface-success-subdued)}.inline-notification--intent-success .inline-notification__icon{color:var(--s-icon-success)}.inline-notification__icon{display:inline-flex;flex-shrink:0}.inline-notification__content{position:relative;top:0.0625rem;font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}";
@@ -13,7 +13,7 @@ const SwirlInlineNotification = class {
     }
     render() {
         const className = classnames("inline-notification", `inline-notification--intent-${this.intent}`);
-        return (h(Host, { key: '4d79ac271aa6469d5c8464c3a09e57d35fc033dc' }, h("div", { key: '4bc1f4870a5783b549211a23d2c5acf86bee7dc8', "aria-describedby": "content", class: className, role: this.importance, tabIndex: 0 }, h("span", { key: 'abd6d3c23ec81aaee833f734cf40c735c8f5b0c5', "aria-hidden": "true", class: "inline-notification__icon" }, this.intent === "critical" && (h("swirl-icon-error", { key: '5d11a62e045b797b55f152e8f53271a5309881d6', size: 20 })), this.intent === "success" && (h("swirl-icon-check-circle", { key: '28bf6ed1856c5158520263e9a6f9a87b9ada7dda', size: 20 })), this.intent === "warning" && (h("swirl-icon-warning", { key: '69b531d7296b2561cca8c0d7a3782fd845e151d4', size: 20 })), this.intent === "info" && (h("swirl-icon-info", { key: 'd047126e51adc886e0745cb20e1b3517019e3c22', size: 20 }))), h("span", { key: '49ce64607550bdae14e9fe0cf1697d37f59069d4', class: "inline-notification__content", id: "content" }, h("swirl-text", { key: '55c08d447cb9fb668eada6611f9a583e895bda0e', class: "inline-notification__heading", size: "sm", weight: "semibold" }, this.heading), h("slot", { key: '8fbf2d78d8ec4e318f75275e497eafec6d562f55' })))));
+        return (h(Host, { key: '4b2e57407f5274172e7e8f085ed42d260dc2184a' }, h("div", { key: '98c77c8280df8f2b63d6a3b1e88775f3054b9db7', "aria-describedby": "content", class: className, role: this.importance, tabIndex: 0 }, h("span", { key: '296974cc050044e5345c236907c558161d2657ee', "aria-hidden": "true", class: "inline-notification__icon" }, this.intent === "critical" && (h("swirl-icon-error", { key: '3cb430b55ee684f7cbd2f6468b3ec9561871fce9', size: 20 })), this.intent === "success" && (h("swirl-icon-check-circle", { key: '2cc564dc39750790f863f89bfff31d5998a7098e', size: 20 })), this.intent === "warning" && (h("swirl-icon-warning", { key: 'b28e6c482c791ed3c2c8488dfaef622f106ffe6f', size: 20 })), this.intent === "info" && (h("swirl-icon-info", { key: '60211f93ce1c9f0e35a7cb9ea79b7f358b647ebf', size: 20 }))), h("span", { key: '9e9de6d4291db24f4d13ea9c282759754cffbf73', class: "inline-notification__content", id: "content" }, h("swirl-text", { key: '6f0adb1aacb0a92a59de70c2de1e6a18486f52c7', class: "inline-notification__heading", size: "sm", weight: "semibold" }, this.heading), h("slot", { key: '1c15c6158b86b350032993e9b400678fefcd0af9' })))));
     }
 };
 SwirlInlineNotification.style = SwirlInlineNotificationStyle0;

package/dist/esm/swirl-inline-status.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-2d054a87.js';
+import { r as registerInstance, h, H as Host } from './index-1878a8d8.js';
 import { c as classnames } from './index-267776a4.js';
 import { g as getDesktopMediaQuery } from './utils-c16952ba.js';
 
@@ -44,7 +44,7 @@ const SwirlInlineStatus = class {
     }
     render() {
         const className = classnames("inline-status", `inline-status--intent-${this.intent}`, `inline-status--size-${this.size}`);
-        return (h(Host, { key: 'fe0723967885cc882cadbdc3d46530ca18ce3b05' }, h("span", { key: '23e3cc77fa189a68120c877f5d53bc1b69ad07d0', class: className, part: "inline-status" }, this.icon && (h("span", { key: 'a0a68a0c617d9d5d6b58a9bcd26950016e237691', class: "inline-status__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: '0125076a5ce37f690a169cb39bb61b4bc74c9aa7', class: "inline-status__message" }, this.message))));
+        return (h(Host, { key: '60bf7e9dc09792c00ab96a8df37f8c66e38be7eb' }, h("span", { key: 'ba229e8de2b55222bd94881e36669a5c86721aa3', class: className, part: "inline-status" }, this.icon && (h("span", { key: '7883adbc0d389321c3fc38e324f7cc94c53804e1', class: "inline-status__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: 'ff074ad858f5a2ec415de60d0975241b50a1ed10', class: "inline-status__message" }, this.message))));
     }
 };
 SwirlInlineStatus.style = SwirlInlineStatusStyle0;

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-2d054a87.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-1878a8d8.js';
 import { d as disableBodyScroll, e as enableBodyScroll } from './bodyScrollLock.esm-ce6356d8.js';
 import { c as classnames } from './index-267776a4.js';
 import { c as createFocusTrap } from './focus-trap.esm-49c9613c.js';
@@ -271,7 +271,7 @@ const SwirlLightbox = class {
             "lightbox--hide-menu": !hasMenuItems,
             "lightbox--hide-toolbar": !hasToolbar,
         });
-        return (h(Host, { key: '711c0392474fa14a7fac934bac030614277b00bb', onKeydown: this.onKeyDown }, h("section", { key: 'c7a1346ba3f62fcb9ffa548cafe9863fea547abf', "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: '693d8618fa2160a65c92752f1905bc1dcec916d0', class: "lightbox__body", role: "document" }, h("header", { key: '4ebbd00119a77c104f00bf5ecac020af03ea389c', class: "lightbox__header" }, h("button", { key: '56a6a0f54ff17b609af4edd0e5923b1155f2fa6e', "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick }, h("swirl-icon-close", { key: '0816497d2f8012e860146c6a8494edde9bc834d2' })), h("div", { key: '4c22c991a5f8f1f6b691d4f9b1e08c6d30b45569', class: "lightbox__toolbar" }, h("slot", { key: '1891cad14a36356781d4a048cff42a650bffb214', name: "toolbar" })), !this.hideMenu && (h("swirl-popover-trigger", { key: '371d1f3dea6b3264e3192b6f7dc6336efb1a2284', swirlPopover: this.menu }, h("button", { key: '73b7f96f9fc510c0e6dfeea714681c7ba71539d4', "aria-label": this.menuTriggerLabel, class: "lightbox__menu-button" }, h("swirl-icon-more-vertikal", { key: 'a8eeb497a471968a5c00bf69e5acdf513f3f84d6' }))))), h("div", { key: 'b6ea4cfdd22f2e3137c971d541dc0e20e51a17fa', "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, h("div", { key: '14f010e3ff24ff158f280680f86afd14039edbd7', "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (el) => (this.slidesContainer = el) }, h("slot", { key: 'efeec16ff88ff1f58d3e8c56f4f16290f3ec08f8', onSlotchange: this.registerSlides }))), h("div", { key: 'd2178f1d694ef3e41960872a920157337c455e1e', class: "lightbox__controls" }, h("button", { key: '583737358a6018e3fb694da1e89ddd0f0456dc69', "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick }, h("swirl-icon-arrow-left", { key: '5b3c53f7c3de10df0bc450efeac73b0d3ba1a055' })), h("button", { key: 'dad26a76dbf5321a3a121a0f00ada47ef96f89a4', "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: '2a3e12886335250986ba13b27c526890cc61c9ef' }))), showPagination && (h("span", { key: '6dc3eb07c58459904cebc3c55b1a3ea61d04b7f9', class: "lightbox__pagination" }, h("span", { key: 'cc9efa1750bac95f556619b87b9ad530364ddf29', "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length))), !this.hideMenu && (h("swirl-popover", { key: '8e9909d8f4ecba8dfa143657685376a9c4d23647', animation: "scale-in-y", disableScrollLock: true, id: "slide-menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: '86e96e34f5bfd024f21ad20cb5533702c0b87a75' }, h("div", { key: '0ba6335bf5b625fef945a03f3d30229dcbb4d9fe', class: "lightbox__meta" }, currentThumbnailUrl && (h("div", { key: '0cc28e6a455db3f9e3b5b38b500e2e9d4e4be105', class: "lightbox__thumbnail" }, h("swirl-thumbnail", { key: '1994f956fa046cf197ff519416792ecfc27c25cb', alt: "", src: currentThumbnailUrl }))), h("div", { key: '9ed5a72ff591a77835bf8ddc7cf905c73fb6d4ee', class: "lightbox__file-info" }, h("swirl-text", { key: '5d404ac3bfcae7933ee21c996c0df458476e42c3', truncate: true, weight: "semibold" }, currentFileName), h("swirl-text", { key: '58f21622b74914fc2523bfa7d34c171cba96fdd9', color: "subdued", size: "sm", truncate: true }, currentFileType))), hasMenuItems && h("swirl-separator", { key: '975065e045ecd021ad2f196be3f05e4a9f94ee7f' }), h("swirl-action-list", { key: 'fb09c171d08e50f688fa6c3f60cbbd23e83cb709' }, this.downloadButtonEnabled && (h("swirl-action-list-item", { key: 'c3576a179fb57f9f3115234d6a757a0dc58b3ee8', icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), h("slot", { key: '438269a75c8c02c58c329bce89651d170d2ccedd', name: "menu-items" }))))))));
+        return (h(Host, { key: 'c8bceace07cc5e3b383335dc1922d07bc4cf798b', onKeydown: this.onKeyDown }, h("section", { key: '8ca4e1bcb1ace564031324c272dd563982f3a75c', "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: '49627fff6dc158e3f6e3d2d086dab6c4ef777ba0', class: "lightbox__body", role: "document" }, h("header", { key: '67d2f759a45f3939c5892452043542ac16d35ab7', class: "lightbox__header" }, h("button", { key: '2b435c584e51e9a9eea53af0943be02f498a7b49', "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick }, h("swirl-icon-close", { key: '82190b87b6ad51c76822347a4fdae34fa0e2a7c7' })), h("div", { key: '8d15812a8a6b407b2fbfc979e9be4d6a58170090', class: "lightbox__toolbar" }, h("slot", { key: '5b078a82aed53bef1aa03e07af6d3da872c0cb85', name: "toolbar" })), !this.hideMenu && (h("swirl-popover-trigger", { key: '4ec3bd91ddd69b2295876c0a424051b99b95829a', swirlPopover: this.menu }, h("button", { key: '35bb0b5371992f1eb29ddee66afa6b09a6b18346', "aria-label": this.menuTriggerLabel, class: "lightbox__menu-button" }, h("swirl-icon-more-vertikal", { key: '1fb8003b8e37af7abd8c1a03c04d6e0cd711afe6' }))))), h("div", { key: 'f6fd3f1762c09c1c930215962e90bfd04405bce0', "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, h("div", { key: '815d2d6f5800e575ac64610e42bb30b226769c9e', "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (el) => (this.slidesContainer = el) }, h("slot", { key: 'b46ef3120b76503ac36811d5de60674e3ba69637', onSlotchange: this.registerSlides }))), h("div", { key: '773e340fc2b34e70267999130fc58e3f9f87551b', class: "lightbox__controls" }, h("button", { key: 'cb1d0ec423a5acaef3b2e79e0844fdfb619eaab0', "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick }, h("swirl-icon-arrow-left", { key: '75d67efa6013b58257954eb71ed605d8779fe2ce' })), h("button", { key: 'c15d3b79ca8a78cf1d68c2af04f15a714c8cb827', "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: '634d86163558e3c078892b93ef6f96794a5e0152' }))), showPagination && (h("span", { key: '75e7c65ca250fcfb0487f315d692ce9bc9048b7f', class: "lightbox__pagination" }, h("span", { key: '4f096d2236a0dc33cd69aab5db7e90d8a37cdb39', "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length))), !this.hideMenu && (h("swirl-popover", { key: '6f870321b6452c6f9b02231e64a38f1184a9d33c', animation: "scale-in-y", disableScrollLock: true, id: "slide-menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: '2cb775e68b06df634e63346b7839749eb25e7763' }, h("div", { key: 'd03d1d668d90719210d40e56403110a556e0740f', class: "lightbox__meta" }, currentThumbnailUrl && (h("div", { key: '1164d0f2cd2446bd048c62addc7e8147685dbf47', class: "lightbox__thumbnail" }, h("swirl-thumbnail", { key: '13ac1fc1f9faebeb6ecacc631269fb1931ae5224', alt: "", src: currentThumbnailUrl }))), h("div", { key: '4c57f31a20af4ee19be6c619502af9ba12bf6546', class: "lightbox__file-info" }, h("swirl-text", { key: '288009371a95651f4fd6b0879e646e7da012ef27', truncate: true, weight: "semibold" }, currentFileName), h("swirl-text", { key: '94d0bfd02e8b6fc2fad610046048d562300ac42d', color: "subdued", size: "sm", truncate: true }, currentFileType))), hasMenuItems && h("swirl-separator", { key: 'a2cf20122147542395fb5b737404b3cd6c5975f2' }), h("swirl-action-list", { key: '1a686aa967b0a0c09771dd9dd677aa77e5dfc6b8' }, this.downloadButtonEnabled && (h("swirl-action-list-item", { key: 'aa44455bf6bc7efc78ddebb92aa20a86b2aa3c1d', icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), h("slot", { key: 'fc2d9e366e62781039a7c345c9d3a98de48b7381', name: "menu-items" }))))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-2d054a87.js';
+import { r as registerInstance, h, H as Host } from './index-1878a8d8.js';
 import { c as classnames } from './index-267776a4.js';
 
 const swirlLinkCss = ":host{display:inline-flex}:host *{box-sizing:border-box}.link{color:var(--s-interactive-primary-default);line-height:var(--s-line-height-base);text-underline-offset:var(--s-space-4)}.link:hover{color:var(--s-interactive-primary-hovered)}.link:active{color:var(--s-interactive-primary-pressed)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.link{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.link--color-subdued{color:var(--s-interactive-neutral-default);font-weight:var(--s-font-weight-medium);text-decoration:none}.link--color-subdued:hover{color:var(--s-interactive-neutral-hovered)}.link--color-subdued:active{color:var(--s-interactive-neutral-pressed)}";
@@ -14,7 +14,7 @@ const SwirlLink = class {
     }
     render() {
         const className = classnames("link", `link--color-${this.color}`);
-        return (h(Host, { key: '20fccde48e4bbf967f627b2176e94417d556daf8' }, h("a", { key: 'cf727f4cb2888210a18c359700537de74596c854', class: className, href: this.href, part: "link", target: this.target }, this.label)));
+        return (h(Host, { key: '00ca392c41452b30703cbf0e3bc9b6b9720ca980' }, h("a", { key: 'bacc5aa74540feb08b91bd24eb584e2afcc100d7', class: className, href: this.href, part: "link", target: this.target }, this.label)));
     }
 };
 SwirlLink.style = SwirlLinkStyle0;

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-2d054a87.js';
+import { r as registerInstance, h, H as Host } from './index-1878a8d8.js';
 
 const swirlListCss = ":host{display:block}:host *{box-sizing:border-box}.swirl-list{line-height:var(--s-line-height-base)}.swirl-list ul,.swirl-list ol{margin:0;padding:0;list-style-position:outside;list-style-type:none}.swirl-list ul li{padding-left:1.5rem}.swirl-list ul li:before{display:inline-block;width:1.5rem;margin-left:-1.5rem;text-align:center;content:\"•\"}.swirl-list ol{counter-reset:item}.swirl-list ol ol{counter-reset:letter}.swirl-list ol ol li:before{content:counter(letter, lower-alpha) \".\";counter-increment:letter}.swirl-list ol li{padding-left:1.5rem}.swirl-list ol li:before{display:inline-block;min-width:1.5rem;margin-left:-1.5rem;padding-right:var(--s-space-8);text-align:right;content:counter(item) \".\";counter-increment:item;font-variant-numeric:tabular-nums}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.swirl-list{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}";
 const SwirlListStyle0 = swirlListCss;
@@ -14,7 +14,7 @@ const SwirlList = class {
         }
     }
     render() {
-        return (h(Host, { key: '99ed19dea575b6ce1de323592a16c1540afb2779' }, h("div", { key: '54e0abad11c8babcd7818ff05d6070d5d6c87565', class: "swirl-list", ref: (el) => (this.containerEl = el) }, h("slot", { key: '7230b97c3253b0259ae767558dcb3014652a1135' }))));
+        return (h(Host, { key: '02f21218b2a1faf01fabc3dcb9a41e912f8658e7' }, h("div", { key: '5c8618ba4e499bfe8ee249cb4eebe788f092eff4', class: "swirl-list", ref: (el) => (this.containerEl = el) }, h("slot", { key: '95aae58901c4bb9b9023d4c44fb41ed15603570b' }))));
     }
 };
 SwirlList.style = SwirlListStyle0;

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-2d054a87.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-1878a8d8.js';
 import { c as classnames } from './index-267776a4.js';
 import { c as closestPassShadow, p as parentsPassShadow } from './utils-c16952ba.js';
 
@@ -101,9 +101,9 @@ const SwirlMenuItem = class {
         const className = classnames("menu-item", {
             "menu-item--expanded": this.expanded,
         });
-        return (h(Host, { key: '9b1d5e8d6bb133445335b9b5a9d167ec3ebf5a54' }, h("div", { key: '5f73ef8f4f3d9a1a004421e7fc87bad51d13a51f', class: className }, this.parentMenu?.variant === "selection"
+        return (h(Host, { key: '41a7d3cfa1197bceedadfd55cee2399f05ae4d83' }, h("div", { key: '53cc512b856b9ec277e4efbc9b3d94d6945b2498', class: className }, this.parentMenu?.variant === "selection"
             ? this.renderOptionListItem()
-            : this.renderActionListItem(), h("slot", { key: 'b9ef6f010ca729ac3092192eb12919842ea11e93', onSlotchange: this.onSlotChange }))));
+            : this.renderActionListItem(), h("slot", { key: '60e0e595d046f962b699106e9a3ba90a73406539', onSlotchange: this.onSlotChange }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-2d054a87.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-1878a8d8.js';
 import { c as computePosition, o as offset, f as flip, a as autoUpdate } from './floating-ui.dom.esm-bef21834.js';
 import { c as classnames } from './index-267776a4.js';
 import { q as querySelectorAllDeep, c as closestPassShadow, p as parentsPassShadow, i as isMobileViewport, b as getActiveElement } from './utils-c16952ba.js';
@@ -274,7 +274,7 @@ const SwirlMenu = class {
             "menu--mobile": this.mobile,
             "menu--root": isTopLevelMenu,
         });
-        return (h(Host, { key: '4145b9c3841c68d878e37d65be5302154cd9bab4' }, h("div", { key: 'ef3a3ef267d9f208238a27c05fe1554b9af1fce1', class: className }, this.mobile && isTopLevelMenu && (h("div", { key: '2ad0c6cbd517a1a0a073f1acd3d511b02879ec87', class: "menu__mobile-header" }, this.activeLevel === 0 && (h("swirl-button", { key: 'a2caeb49f878066f56ffc5e4136eba0b5f5efe17', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" })), this.activeLevel > 0 && (h("swirl-button", { key: '00e24424c658e14d153948cbfb0b4249f3ac73e6', hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" })), h("span", { key: '209c673b378986f0c7b0f4c010fa00374c1f4dd1', class: "menu__title", id: "menu-title" }, h("swirl-heading", { key: '86a319ad8eb42ffca49eb89937a8678f144dcd57', align: "center", as: "span", level: 4, text: this.label, truncate: true })), h("swirl-button", { key: '08d1faa338e1271d50bae4cf1dcf632429498df9', class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone }))), h("div", { key: '0e7f5155d3fdbdb3a9944d8c243c04cd45c1662b', "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: 'b4e552529340f01ecb4bebe4e4173f715df3a27b' }, h("div", { key: '0d1707ba19ed7883dbe9d7bd96934c2c309118a3', class: className }, this.mobile && isTopLevelMenu && (h("div", { key: '8b3d9cbe0530cef4bae80f13a42083bf17d428a7', class: "menu__mobile-header" }, this.activeLevel === 0 && (h("swirl-button", { key: '0117c818faf9c3f3dafa7c35f97d5db53456ecc5', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" })), this.activeLevel > 0 && (h("swirl-button", { key: '9740502a05cd1fed79959c41a1582276b87393cd', hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" })), h("span", { key: '4b59154f73fe9addceaea548be8d11fcdb3e1ab0', class: "menu__title", id: "menu-title" }, h("swirl-heading", { key: '15b54f36f4be42c879ae4eed7e4262b7cdaeddff', align: "center", as: "span", level: 4, text: this.label, truncate: true })), h("swirl-button", { key: '1a9adbc4f25fd6fd0c4d40b8b900967513e229ff', class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone }))), h("div", { key: '02decf5ac5997e1cac5a577349ac2e9618965292', "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` : "",
@@ -285,7 +285,7 @@ const SwirlMenu = class {
                             ? `calc(-100% * ${this.activeLevel})`
                             : "100%",
                     }
-                    : undefined }, h("slot", { key: '8c89371bb23043eb8553e7473ba086bfdeee56bd' })))));
+                    : undefined }, h("slot", { key: '8d017e8fe191846a0ce0d4628f62a48786794a3e' })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-2d054a87.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-1878a8d8.js';
 import { d as disableBodyScroll, e as enableBodyScroll } from './bodyScrollLock.esm-ce6356d8.js';
 import { c as classnames } from './index-267776a4.js';
 import { c as createFocusTrap } from './focus-trap.esm-49c9613c.js';
@@ -165,13 +165,13 @@ const SwirlModal = class {
             "modal--scrolled": this.scrolled,
             "modal--scrolled-down": this.scrolledDown,
         });
-        return (h(Host, { key: 'f589043f06f84244ba5eeb4757938e2915c5e854' }, h("section", { key: '40672a3b9a948221797f204fa4d4b1c5d4e9e97a', "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: 'c8cebd0001b1e1471f316ce93828ac2179e47ca5', class: "modal__backdrop", onClick: this.onBackdropClick }), h("div", { key: '24403c97a986c3863001062e0fcbdbb19f6530eb', class: "modal__body", style: {
+        return (h(Host, { key: 'c1f5834e2bd960d78fa05de1afb463cbb6fe0de0' }, h("section", { key: '30b92c1dd3433a61f5329891120c1ebbac9f7944', "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: 'e3d83e43953a389b8dab0389faf5a02ab2e7b2ca', class: "modal__backdrop", onClick: this.onBackdropClick }), h("div", { key: '4aa2300b3b5a203b6ec18a38aa2816ce239a1e29', class: "modal__body", style: {
                 "--swirl-modal-max-height": this.maxHeight,
                 "--swirl-modal-height": this.height,
                 maxWidth: this.maxWidth,
-            } }, h("header", { key: '1b5c10eeee6127134f53fc97db3e315f975a082b', class: "modal__custom-header" }, h("slot", { key: '79780ee1d9defdaa7d47ca9a1bb87789b539ea22', name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && (h("header", { key: 'a631c972b657887824facfbac1da775310a60caa', class: "modal__header" }, h("div", { key: '002498bbd9afd4bdbf549a3f3a3c578fa5e25af3', class: "modal__header-bar" }, !this.hideCloseButton && (h("swirl-button", { key: '997a6fa893ff4ae315ff4b5e9ed3254247a38ee9', class: "modal__close-button", hideLabel: true, icon: this.variant === "default"
+            } }, h("header", { key: 'a41127f7f387aca86f751a7896e23b16156ee591', class: "modal__custom-header" }, h("slot", { key: '8d88d314a0a292c1c6e13f69a4e54bfecb72a949', name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && (h("header", { key: '5a10bb3a24e4529a91a135af4b6f24e6257874f5', class: "modal__header" }, h("div", { key: '3490ee3497101659d3a1e6860e93f24f9636ca38', class: "modal__header-bar" }, !this.hideCloseButton && (h("swirl-button", { key: 'aee5a54c01098261585e179a86112cb077d5cb64', 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.hideLabel && (h("swirl-heading", { key: '18fc047ed0463f9eef8a00a14a71348759248ba0', as: "h2", class: "modal__heading", level: 3, text: this.label }))))), h("div", { key: '5c15e5b5791c5b4bc7cf786f02b48ef52f8b01b0', class: "modal__content-container" }, h("div", { key: '2db9e42c128b3cf8f8e7ed569d90f8312c13d3f9', class: "modal__primary-content" }, h("div", { key: '28fdbc02ab3a4d31c261b4239ebe09619da7fea8', class: "modal__header-tools" }, h("slot", { key: '638d0945e2fad66df48bd86c011c2e428a1192fb', name: "header-tools" })), h("div", { key: '00c25a8f1dce7fe5b05a8d7b51521970fc10585c', class: "modal__content", onScroll: this.determineScrollStatus, ref: (el) => (this.scrollContainer = el) }, h("slot", { key: '403fefee642c72d15b6c32277f9946e9af9c1ca4' }))), h("div", { key: '7df07994b199d6d18c8837123be6d20faa9813ca', class: "modal__secondary-content" }, h("slot", { key: '65473a33fd23bca14377678c0e6404476a9dca3a', name: "secondary-content" }))), h("div", { key: '15c91153f783c4e6e9bb4b580c0a961f9a1b3d30', class: "modal__custom-footer" }, h("slot", { key: '69ab20db9fa7e4b8f25deaf44d736cc322a9ec0c', name: "custom-footer" })), showControls && (h("footer", { key: 'd6651ebe45583177b66d080630399e57e1199ee5', class: "modal__controls" }, h("swirl-button-group", { key: '64573292d8fd59afb895072a504bbbb1e314c7a2', wrap: true }, this.secondaryActionLabel && (h("swirl-button", { key: 'c734037e68a9a54f9bbba469a147df1c62009755', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (h("swirl-button", { key: '62e85ea6b7703706f9cacae042c513fb5f82f600', intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" })))))))));
+                : "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick })), !this.hideLabel && (h("swirl-heading", { key: 'e451cb60d7a4c6d20591b21cfef602d5849f2480', as: "h2", class: "modal__heading", level: 3, text: this.label }))))), h("div", { key: '1f9ce0bfdd4c5f70381cfc07993a4e1746b377d2', class: "modal__content-container" }, h("div", { key: '2daefa0e2a195d737aa9fee4b146fdd4998653ea', class: "modal__primary-content" }, h("div", { key: '7dd0e058b3157ed376d2cd510078d7d1b62f4867', class: "modal__header-tools" }, h("slot", { key: '7b724b0c13969499a2ffb9e84c6811fe1eab0278', name: "header-tools" })), h("div", { key: 'b6004ba4b7018c31340ddb58fef367652f1dcaac', class: "modal__content", onScroll: this.determineScrollStatus, ref: (el) => (this.scrollContainer = el) }, h("slot", { key: 'eeab7392d8053b37302548fb39366d2e25c80b61' }))), h("div", { key: 'cd4174514f28a2206db6f0aefcf43642de5856d4', class: "modal__secondary-content" }, h("slot", { key: '417468eb6d3eb9b67ac1bf3d6a3c054b131c6ec8', name: "secondary-content" }))), h("div", { key: '25a4638137fcd6bde5fadaae33a77da14e902678', class: "modal__custom-footer" }, h("slot", { key: 'df099032165191986932b28715f4ff7fde7e4be8', name: "custom-footer" })), showControls && (h("footer", { key: '654216cd39d77649a1aae119e9df1131a5abe859', class: "modal__controls" }, h("swirl-button-group", { key: 'e123649bc7ce4fd365c95f36cf6ee4451920062d', wrap: true }, this.secondaryActionLabel && (h("swirl-button", { key: '5de4ba1855993f82e633826f635a7ca5ce4d1115', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (h("swirl-button", { key: '4065745859b3ceebcd668ea807abe4fa23146f62', intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" })))))))));
     }
     get el() { return getElement(this); }
 };

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-2d054a87.js';
+import { r as registerInstance, h, H as Host } from './index-1878a8d8.js';
 
 const swirlOptionListSectionCss = ":host{display:block}:host *{box-sizing:border-box}.option-list-section{background-color:var(--s-surface-overlay-default)}.option-list-section__label{display:block;width:100%;padding:var(--s-space-8) var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default);color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.option-list-section__label{padding:var(--s-space-8) var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}";
 const SwirlOptionListSectionStyle0 = swirlOptionListSectionCss;
@@ -9,7 +9,7 @@ const SwirlOptionListSection = class {
         this.label = undefined;
     }
     render() {
-        return (h(Host, { key: '650d13f6462198f7004b41975907d726056a84d7' }, h("div", { key: '4b48cae8f72cb7959fe3ff43f0712adcf533a58d', "aria-labelledby": "label", class: "option-list-section", role: "group" }, h("span", { key: 'cd8297f649a424545ee56ff035e5d9464948fc0f', class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), h("div", { key: 'ab6b11ae0e0c20b0bf0175e19ca72cd56c6ee313', class: "option-list-section__items" }, h("slot", { key: 'a38318a2fa723e1d6c37c0f3fdac7fcf94da1311' })))));
+        return (h(Host, { key: 'd43693ee855fb93feee191ad2b3f80df4f780d20' }, h("div", { key: '3e9120f32eb7cefc7775faee63ec449646179863', "aria-labelledby": "label", class: "option-list-section", role: "group" }, h("span", { key: 'e075c79389f1a51692006a98ffcc4db9ddd74c79', class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), h("div", { key: '3422336a9659238229360e707fa55e247d36f022', class: "option-list-section__items" }, h("slot", { key: 'c4f360f573fc645e1e93de1dd29fc1e6f84ca899' })))));
     }
 };
 SwirlOptionListSection.style = SwirlOptionListSectionStyle0;

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-2d054a87.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-1878a8d8.js';
 import { c as closestPassShadow, q as querySelectorAllDeep } from './utils-c16952ba.js';
 import { S as Sortable } from './sortable.esm-8c3d5856.js';
 import { c as classnames } from './index-267776a4.js';
@@ -334,7 +334,7 @@ const SwirlOptionList = class {
     render() {
         const ariaMultiselectable = this.multiSelect ? "true" : undefined;
         const tabIndex = Boolean(this.dragging) ? 0 : undefined;
-        return (h(Host, { key: 'a3460dcfab39b3c1f271fb96e7a49876825937cb' }, h("swirl-visually-hidden", { key: '35243518fe9ee41b3be75ae4911de448d73ee875', role: "alert" }, this.assistiveText), h("div", { key: 'bbfc24a1e082f959aad4c32e518c13e48e1e125c', "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 }, h("slot", { key: 'f3cd6c7da141c721890e294caf1103b7451a0e3b' }))));
+        return (h(Host, { key: '9d78a4b55e1fc88bd8732e11cbb492491b156461' }, h("swirl-visually-hidden", { key: 'a47d3d51f9c13f910d8f462e7d5dd33f62783a22', role: "alert" }, this.assistiveText), h("div", { key: 'bb3954ef149a397a94a84f6ce3c066037e29c1ff', "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 }, h("slot", { key: '62df2e4c0a4ece90aa8927b902346dfc360e4e93' }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -383,7 +383,7 @@ const SwirlTag = class {
     }
     render() {
         const className = classnames("tag", `tag--intent-${this.intent}`, `tag--size-${this.size}`, `tag--variant-${this.variant}`);
-        return (h(Host, { key: '4f3801dc7f9872b38bc0340c6a8b859f0f7f545e' }, h("span", { key: 'cc5d10bc2b4f1a27584beea293da156920aa248e', class: className, part: "tag" }, this.icon && (h("span", { key: 'ddce7d37fc8ab9391c9ac1fb3e3533535f47c022', class: "tag__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: 'afd46af752a3c62ed8e26c073bcdd32e56fe91c4', class: "tag__label" }, this.label), this.removable && (h("button", { key: '46c87dd90a1e9f0f288f18b20ee750906aa2c01c', "aria-label": this.removalButtonLabel, class: "tag__removal-button", onClick: this.onRemove, tabIndex: this.el.ariaHidden === "true" ? -1 : undefined, type: "button" }, h("swirl-icon-close", { key: 'a183448bc380d12d1b2ca99d9c9df50175fc627e', size: 16 }))))));
+        return (h(Host, { key: 'd9b53b131c58858a0922190df599fae2cb170aee' }, h("span", { key: '38b8fec15b9df157099cfb41830f2f982067fec4', class: className, part: "tag" }, this.icon && (h("span", { key: 'd0885325a096e957caae2c9072cb4fd8041271f8', class: "tag__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: '42e5fe554b7cc0eb1f65a712b6e97ef9d743c1b9', class: "tag__label" }, this.label), this.removable && (h("button", { key: '86c46bec2444aeaacb597bce3caf05c7251429db', "aria-label": this.removalButtonLabel, class: "tag__removal-button", onClick: this.onRemove, tabIndex: this.el.ariaHidden === "true" ? -1 : undefined, type: "button" }, h("swirl-icon-close", { key: 'bfb2d7f4383387bc1ac55bb3d67f3c7197548e4f', size: 16 }))))));
     }
     get el() { return getElement(this); }
 };

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-2d054a87.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-1878a8d8.js';
 import { c as classnames } from './index-267776a4.js';
 import { d as debounce } from './utils-c16952ba.js';
 
@@ -88,7 +88,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: '19ef10f877c70e8ff494e02e2f4aa5517b08d174' }, h("nav", { key: '5444d4c520425cec52c306308080494990f80911', "aria-label": this.label, class: className }, h("ul", { key: 'def276c2ef95853df1ad271de739d5b0d866ce93', class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (h("li", { key: '03b027b48bdc30ab1749c1d0cf87695f38c009b7', class: "pagination__list-item" }, h("label", { key: '9b651fb7a48972ab433f98a6ab2a939654d21637', class: "pagination__page-size-selection" }, h("swirl-text", { key: '2be473479b617d2ed6f1beb918d2b6cb828b8f14' }, this.pageSizeSelectLabel), h("swirl-stack", { key: '2eaa59de79fac45847f61c5849fc9fef22e25a95', align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, h("select", { key: 'e4db400bf40baa6cafaaf6c5cdfc561fa9358cb1', 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: 'f427d80ecf63e91eeb9b81ac5a431609858265bc', "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), h("li", { key: '0d03e0be976c4aad6cfa859c02f75fff0310d1a7', class: "pagination__list-item" }, h("swirl-button", { key: 'a6c57c7adb05b54895db39c351a922abc7031a51', 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: '837c9d21d8f25eb3673a4deadf4c3036454335d4', class: "pagination__list-item" }, h("swirl-button", { key: '7f974e2774fb40fcaf35a8ea6a0675f2b9904ce8', 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: 'eeed63aaaecf4e7f245e253aa395c7857dc320a5', class: "pagination__list-item" }, h("swirl-button", { key: 'c2ebb6e8d9333833832616d34781dc4c959c1e31', 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: '627ed42cf6d79604ca88d4441fc5ead9386b2bed', class: "pagination__list-item" }, h("swirl-button", { key: 'd6c53b82e9445f57a1b3f0629e9a98e8a7a93b6c', 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: 'fd5828daef1aa992e56f7c9a6690a4c40c417386' }, h("nav", { key: '85ec8ca7de4dc9ceee91ed3b8a2e9aa13cc651ea', "aria-label": this.label, class: className }, h("ul", { key: '758755def1a59f6ab430af2f2a0728c6157b2ec5', class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (h("li", { key: '481f9d3104c68c57727601f3ab2e9a3fa444d7a9', class: "pagination__list-item" }, h("label", { key: '32a011f61545842c082c59490d758445febd51d3', class: "pagination__page-size-selection" }, h("swirl-text", { key: 'ace70a0f5cccdf3185dd08c39f140276a0f20fdb' }, this.pageSizeSelectLabel), h("swirl-stack", { key: '692ed8462b9a3068cd21a3d83249f4ecdd370b8e', align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, h("select", { key: 'a58bc07cd66bc08ba79708375288609a1b52805a', 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: '1cbe6c829bd9355ffd4c2224cd8f474b47aec160', "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), h("li", { key: '98211374679e0fb31573ab511aebfcbe1e1dfd3e', class: "pagination__list-item" }, h("swirl-button", { key: '411e161714c8caf0ce8c161de8613b69a11cd28b', 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: '8eeecff0a21bb018964bc73243dc29d29c100626', class: "pagination__list-item" }, h("swirl-button", { key: '9cb773c62981736496db8252c7691146ac49521d', 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: 'f79373b7acd8018d0ed4cba843620fe2c612f732', class: "pagination__list-item" }, h("swirl-button", { key: '2209e4f21d72b6c89a50d610217b3e2ca280515a', 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: '1dabc1a5325ff2a285a40c29441e7906c9196f2f', class: "pagination__list-item" }, h("swirl-button", { key: 'cb2995ca729334abff0f8757415208a26f0fdc99', 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 = SwirlPaginationStyle0;

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-2d054a87.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-1878a8d8.js';
 import { A as A11yDialog } from './a11y-dialog.esm-d7a94c8c.js';
 import { d as disableBodyScroll, e as enableBodyScroll } from './bodyScrollLock.esm-ce6356d8.js';
 import { c as classnames } from './index-267776a4.js';
@@ -187,15 +187,15 @@ const SwirlPdfReader = class {
             "pdf-reader--hide-menu": !hasMenuItems,
             "pdf-reader--show-thumbnails": this.showThumbnails,
         });
-        return (h(Host, { key: 'ae1660360bb402f6f6581732a541ead1b663b4c0' }, h("section", { key: '50542978d614c2398a9b4d318ded073ad3ba566c', "aria-hidden": "true", "aria-label": this.label, class: className, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, h("div", { key: 'fb8e6b9832916e9a9fc0d8ce8b8cba317f70a26b', class: "pdf-reader__body", role: "document" }, h("header", { key: '919a59e40aca5df52fa4e00a65e44a85c9b64abb', class: "pdf-reader__header" }, h("span", { key: '9591729f9b8b1a4043ccee31002403f823202c58', class: "pdf-reader__header-left" }, h("swirl-button", { key: '2ade9724370bec9b62ebf5509cdae72f2ead3656', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), h("span", { key: '3b69a19563b59dce19110c932ee1358efd8ea5b4', class: "pdf-reader__label" }, this.label)), h("span", { key: '67ec264f562cade7d1e12f7bc517159057e38693', class: "pdf-reader__header-center" }, h("span", { key: '2888b435547a82d31753c257030b9d84713c25e9', class: "pdf-reader__zoom-button-container" }, h("swirl-button", { key: 'e489d0b1be7d7c39a2aa83fa13301a40ed4c3742', 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: '346027cc074d7a2a0d962ec57a5a5507e99b6f77', 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: '19f56cd1c8b46cbed1d8b6151a55d9c8f34240f7', class: "pdf-reader__zoom-select-container" }, h("select", { key: 'b21532424bd1da7f698f48f4a81ff17957759402', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, h("option", { key: '37d8f4a0884d0d38d746399bea760e5ee9a5d42b', 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: 'f37cd34f1acbbc124c1393c851c1123d754eca02', class: "pdf-reader__zoom-select-icon" }))), h("span", { key: '081a964af50c33bf1e5b817f309ce31cfbe46d3b', class: "pdf-reader__header-right" }, h("swirl-popover-trigger", { key: '9d13190b286e3dadc256d9c3eef48303f28adc69', swirlPopover: this.menu }, h("swirl-button", { key: 'b15c5edd8129fa55b12385e47f55bea15474e2b9', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), h("span", { key: '87ec0cb217b14daf461e628055584a34960303fc', class: "pdf-reader__floating-tools" }, h("button", { key: 'dca8291086e6dbabbf98e60bf27bdd363c714002', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, h("swirl-icon-menu-book", { key: 'ca33c75a09272883d9809402c6ac15cc2b8668cf' })), h("button", { key: '3f64190694df2c6538f6cd84e5a643acd2bd16fe', "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: '09c6126ac0aa4a37db69da2319ecd5f3d7d8ed07' })))), h("div", { key: '45338ad9e41b88b079f88e69a77ab8c3ee92144a', class: "pdf-reader__content" }, h("nav", { key: 'd69aac09f31697cb0daed7a97b0767767e626ed3', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && h("swirl-spinner", { key: 'a97e7733456f680b1943e367842dbb800aaf5542' }), !this.loadingThumbnails &&
+        return (h(Host, { key: '612bd147d17e41355fb0f1b9e4b6064216fe3842' }, h("section", { key: '03d8187e74ee8b809d33a9ba897878e157830f80', "aria-hidden": "true", "aria-label": this.label, class: className, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, h("div", { key: '11249ed29b988e8d7d0042c3ead5fc02fb13e522', class: "pdf-reader__body", role: "document" }, h("header", { key: 'f9c76b57eecbea6212d7d898450e77eaa7fe919d', class: "pdf-reader__header" }, h("span", { key: 'f4bbcb98f15fa0c86a872846692a02d88dd3d25c', class: "pdf-reader__header-left" }, h("swirl-button", { key: 'd6ef2850743e9cdbf5368cd8d02f286c5a34bf33', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), h("span", { key: '52664923e35a4607febd406a2f0f98f210b15a52', class: "pdf-reader__label" }, this.label)), h("span", { key: '8a07dc059f06101956b4a015315d0ba3dca3f46a', class: "pdf-reader__header-center" }, h("span", { key: '0a13f8e87c5b4c38ee8f982c58d451ef12033b84', class: "pdf-reader__zoom-button-container" }, h("swirl-button", { key: '09b2edf02770f2d2745cc75698c0f682f851c7b0', 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: '085d522497a1c2ea9f7800afc0016a8b6e359e93', 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: '044e6fa8983ade321aa21faeba6b82c2e16b41a3', class: "pdf-reader__zoom-select-container" }, h("select", { key: '739eb7e8e0b6e6768460dff1966e51599092bb16', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, h("option", { key: '63956ef1e64b955a4096ff8ff337dd284e500f3e', 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: '2f393ca10723070340d7df6732a3477ee41c2ecd', class: "pdf-reader__zoom-select-icon" }))), h("span", { key: '01ed1c81a3c7ab07c6ea7ae01cab77ee6281ccf1', class: "pdf-reader__header-right" }, h("swirl-popover-trigger", { key: '238d13e097e205268bf06c668453b77467846732', swirlPopover: this.menu }, h("swirl-button", { key: 'c87a9fcd965fcf5289d6649ba84651b7c958384a', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), h("span", { key: '3622aab6f238006fe98578281375d2547b9b9cb8', class: "pdf-reader__floating-tools" }, h("button", { key: '312144b55e43ad811b8ee1937504d8a4dac5b12f', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, h("swirl-icon-menu-book", { key: 'f687075870efc08fabdfb50dee1248793c9ac03a' })), h("button", { key: '83c7a1294cfd4c076cec3ded93a920d38cea9bd4', "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: 'b95c7e6a73124ce3edd67b317e8b1e65e4ad8ef9' })))), h("div", { key: '02f857fceda55cba3e1e92f6cb65831e49624c02', class: "pdf-reader__content" }, h("nav", { key: 'a3868ccd3fdb7a5f6ca9b5d67fe83eb31afc2578', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && h("swirl-spinner", { key: 'dfb9c63962cf161439c2bfd0798ce5276dab0380' }), !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: '73c3350782be88406ef2de4dac189c033b7fc8d3', active: this.active, class: "pdf-reader__viewer", 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 }), h("div", { key: '8f2dd9f3dfd72fc9ab2f2cac78b956cda0d36913', class: "pdf-reader__mobile-zoom-controls" }, h("button", { key: '7d920dbfc7b1b1f3b1a209989fd267680aed911d', "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: '0d8ccd2144cf123dd972133f5ffeba0611124bfc', "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: '2b8542f383b83fe12e701f1534d09365006d005e' })), h("button", { key: 'ccccaf53031cbbdaf465b1ff997ac00ce56c9dbd', "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: 'f47d1577b4ac5875b516a6d3f1b0839ba058c282' }))))), h("swirl-popover", { key: 'c62fff017a9397dd12bba307ec6b3c3c7b4816d1', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: '70cec8a00021a6976e130a4c3f6e0dce1374741b' }, h("div", { key: '640b1582b478202298836a7d50e28269f1d7e7c2', class: "pdf-reader__meta" }, h("div", { key: '46f94b96bf4dc3ed15e3293cd891ed774baf6bb8', class: "pdf-reader__file-icon" }, h("svg", { key: '545c4e3f12be1e61b33981f8a179f56e1baca65f', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, h("path", { key: '326389b3f0c7906be85754628d45151f5f7ab655', 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: '9c6449994b186b5997af8471210d869a0016124f', 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: '11385a17b217b2c6d4b9ec5f04e5716fd548cf92', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), h("path", { key: '7fe183c85f5806d16220c781774336045fafcc9a', 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: '523ea2d93710885fed3740eb68e27da6a6eeb9fe', 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: 'f8417a8b604c925fd51b81bf9c85ef2ea5466ea6', 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: 'd18c5e6166afebf90317f0eb12170dc122a25bb3', 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: '841a6a0449026fc47daf0f3a421959e79b3026a3', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), h("div", { key: 'ee67ba14bf9002bccf2c1a7ac2b4f50bc9b489bb', class: "pdf-reader__file-info" }, h("swirl-text", { key: '67818895df436349e9992665a1bb68a4b2f31dcc', truncate: true, weight: "semibold" }, this.label), h("swirl-text", { key: '88735dc56b1809d84f0152023175a02b3ccc2cd6', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && h("swirl-separator", { key: '96877a49f9ea72fe9e68dde9d22cadd323800896' }), h("swirl-action-list", { key: '32972fc1f89e95bb52d05a57819d63c586a599e6', class: "pdf-reader__menu" }, this.printButtonEnabled && (h("swirl-action-list-item", { key: '234df2d9cb6a15c53df22f3fa126a3cc0c7a53b7', 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: '03e207dad25f4b0eb41da59f1694e6b1e2991a75', class: "pdf-reader__download-button", disabled: this.downloading, icon: !this.downloading
+            })), h("swirl-file-viewer", { key: '93938bdd7b5362cbe52ccc0ea2e7c7b686f314ed', active: this.active, class: "pdf-reader__viewer", 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 }), h("div", { key: '3133951eb617ba518fbf62513ba42755afe909cf', class: "pdf-reader__mobile-zoom-controls" }, h("button", { key: '8cdd0eb893bca27a299ddfd375b6127e5e3f79a9', "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: '8f01067b5147de722b03cb94bdb1bc734740cf25', "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: 'ed1aa66b68076cde83ab9eb468845f71b8af44af' })), h("button", { key: '8ee530cfd6012d39d9b646c2a382cbadca660757', "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: '095322680cca2d07d6c7b52a1df4695c7502a445' }))))), h("swirl-popover", { key: '54dd9e6b1f06140137ee8b0e37d6cabe579d9ddf', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: '720836c4a5869036c3025a1a44f5cf93484c3ef9' }, h("div", { key: 'a577a5f2743790c2dd8f3b3412b2999573e68038', class: "pdf-reader__meta" }, h("div", { key: '31e0ca3f6ec1dc539a893f794e351f15bf445198', class: "pdf-reader__file-icon" }, h("svg", { key: 'f75bc29de9f3ddcf713cb50b1bf6b64a2b350bae', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, h("path", { key: '5a60c67c332cdf15bf85a5c252acd4469216d9ff', 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: 'c83dc30648ba8e1b904b63850c3fe99a81a95951', 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: '308389651c765f4e81a85d90d278ef35facf1343', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), h("path", { key: '9d2e2ea411ad592958aa358f64a8b6b95c3c344a', 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: '916ba556229efc5c0794bbc020b282dba7e224f9', 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: 'fe78c7e963eba30ad4c4dfed352af2837f83246c', 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: 'b3f856ea3bf55b4ce19328b4a7fc0f05e6129dad', 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: '9c5b9974167a0a54d2627ceeaf867ba3c5a35e5e', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), h("div", { key: '73a5766dfc6a388ec6add12c0da3f2d5820325b2', class: "pdf-reader__file-info" }, h("swirl-text", { key: '972100f36563f12c161be9719096e05617e05640', truncate: true, weight: "semibold" }, this.label), h("swirl-text", { key: 'd6a636b436930fde266b140de6b2a6d73cb90a46', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && h("swirl-separator", { key: 'ef07981e306086557a13f37e2dbf6989d9a942d0' }), h("swirl-action-list", { key: 'f5042d9a69eb11f273913ca596cb3caeebb77600', class: "pdf-reader__menu" }, this.printButtonEnabled && (h("swirl-action-list-item", { key: '9965826ab88ca866a5dc1e00c17b1ae4119aa3fd', 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: 'e8f29cf01db7c1f4ad8ec6fae7c1f23cb0ccf837', 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: 'd2e611849fa88201879936f9a4154dc8e54971eb', name: "menu-items" })))))));
+                : '<swirl-spinner size="xs"></swirl-spinner>', label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), h("slot", { key: '2be7796182999cf7d54323b7212a23465eedc711', name: "menu-items" })))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-2d054a87.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-1878a8d8.js';
 import { o as offset, s as shift, f as flip, c as computePosition, a as autoUpdate } from './floating-ui.dom.esm-bef21834.js';
 import { d as disableBodyScroll, e as enableBodyScroll } from './bodyScrollLock.esm-ce6356d8.js';
 import { c as classnames } from './index-267776a4.js';
@@ -256,14 +256,14 @@ const SwirlPopover = class {
             "popover--inactive": !this.active,
             "popover--transparent": this.transparent,
         });
-        return (h(Host, { key: '692a870e17c4c5c9ce3d6bfb8459d915efd1fe6f' }, h("div", { key: 'c031461b075fa806d9976f147de6983206f2c699', class: className, onKeyDown: this.onKeydown }, h("div", { key: '3627e2e25adb1dd575303faf991d812e5bf546ed', "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: 'dff8b4f3b19fcd5f3c9c439b513199c73314097d' }, h("div", { key: '1aaf476cc98d8746b4378a567aae9f5584a72367', class: className, onKeyDown: this.onKeydown }, h("div", { key: '4147bb4527fd3a4f21742677d59458a920ec3e0d', "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: '5322b500a903544e1bf8978d891a1a1a448b3a6c', class: "popover__handle" }), h("div", { key: 'bb996f4c4687d89009d4f9a63f1dffdbdca8e2b8', class: "popover__scroll-container", part: "popover__scroll-container", ref: (el) => (this.scrollContainer = el), style: {
+            }, tabindex: "-1" }, h("span", { key: '3199060d11b4b37abe74aaaf69c982cad131db5c', class: "popover__handle" }), h("div", { key: '97b22d0ac374b8d2871db27b83f5a344be276ddd', 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: '0e822963d0e9d0c34c5374a4f50521cea0fda8a8' }))), this.active && (h("div", { key: '4e0d20a700f104a17eb9b708699dd34901e3882c', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
+            } }, h("slot", { key: 'b1cea1c112cbdd7b50e658dfefac32d12368cee2' }))), this.active && (h("div", { key: 'f7420f0ac6c15bb8be5b65b4a18c78764ed1c7ff', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
     }
     get el() { return getElement(this); }
 };
@@ -432,7 +432,7 @@ const SwirlPopoverTrigger = class {
         return isActive;
     }
     render() {
-        return (h(Host, { key: '2568c348e4df1de7ac1a3b0c0aca7536bb041b26', onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, h("slot", { key: '5af7d8ac7d7001eb21e6a65eaf7d3fa4f08de5d8' })));
+        return (h(Host, { key: '975b9b0de8c82fffc52a1353b5fd54f8fef664d5', onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, h("slot", { key: 'b6824f472c025bd2a553e743b253b81e2ddb6012' })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-2d054a87.js';
+import { r as registerInstance, h, H as Host } from './index-1878a8d8.js';
 import { c as classnames } from './index-267776a4.js';
 
 const swirlProgressIndicatorCss = ":host{display:block;width:100%}:host *{box-sizing:border-box}:host(.circle){display:inline-flex;width:auto}.progress-indicator--variant-bar{display:block;width:100%;height:0.25rem;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.progress-indicator--variant-bar::-webkit-progress-bar{border-radius:0.125rem;background-color:var(--s-surface-raised-default)}.progress-indicator--variant-bar::-webkit-progress-value{border-radius:0.125rem;background-color:var(--s-border-highlight);-webkit-transition:width 0.25s;transition:width 0.25s}.progress-indicator--variant-bar::-moz-progress-bar{height:0.25rem;border-radius:0.125rem;background-color:var(--s-border-highlight);-moz-transition:width 0.25s;transition:width 0.25s}@media (prefers-reduced-motion){.progress-indicator--variant-bar::-moz-progress-bar{-moz-transition:none;transition:none}}.progress-indicator--variant-bar.progress-indicator--size-s{height:0.125rem}.progress-indicator--variant-bar.progress-indicator--size-s::-webkit-progress-bar{border-radius:0.0625rem}.progress-indicator--variant-bar.progress-indicator--size-s::-webkit-progress-value{border-radius:0.0625rem}.progress-indicator--variant-bar.progress-indicator--size-s::-moz-progress-bar{height:0.125rem;border-radius:0.0625rem}.progress-indicator--variant-circle{position:relative;display:inline-flex;overflow:hidden;width:3rem;height:3rem}.progress-indicator--variant-circle.progress-indicator--size-s{width:1.5rem;height:1.5rem}.progress-indicator__circle{position:absolute;width:100%;height:100%;transform:rotate(-90deg);inset:0}.progress-indicator__circle-background{stroke:var(--s-border-default);stroke-linecap:round}.progress-indicator__circle-value{transition:stroke-dashoffset 0.25s;stroke:var(--s-interactive-primary-default);stroke-linecap:round}@media (prefers-reduced-motion){.progress-indicator__circle-value{transition:none}}";
@@ -18,7 +18,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: '6ef5ff981e38effa23656d913eef82b27fecb501', class: this.variant }, this.variant === "bar" && (h("progress", { key: '79825f82f8c9b509f10bfde2bb72b86fcf81d44e', "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: 'a546934fa62f38df0dca7c8ea5eccedc622cc827', role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className }, h("svg", { key: 'dc7dc1a69361694cf7a1abb36da81fac3e22be9b', class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(radius + strokeWidth) * 2} ${(radius + strokeWidth) * 2}` }, h("circle", { key: '1cd14c46591e24e612a25f90ce8ad0cedde167ba', class: "progress-indicator__circle-background", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth }), h("circle", { key: '2b217ee432c39f2494bedd1706ef5fd4d2fdfee6', 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: '7897987969e8d8a39f42303e728cd09749dfe7df', class: this.variant }, this.variant === "bar" && (h("progress", { key: '912083c88e1aed68a9f43b896a63ab49d9524b0b', "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: '73c3aac5a5f90d4e77fe71aea94b5c4c6c00551e', role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className }, h("svg", { key: '26ff5fe7d79265e08bc5b98d277f379e249389c9', class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(radius + strokeWidth) * 2} ${(radius + strokeWidth) * 2}` }, h("circle", { key: '3e3690c82681d940eb0d75a4b67171c1729c26d0', class: "progress-indicator__circle-background", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth }), h("circle", { key: '60885e1890680d84a1ae81c6028110ca9043224c', 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 = SwirlProgressIndicatorStyle0;

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-2d054a87.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-1878a8d8.js';
 
 const swirlRadioGroupCss = ".sc-swirl-radio-group-h{display:block}.sc-swirl-radio-group-h *.sc-swirl-radio-group{box-sizing:border-box}.radio-group.sc-swirl-radio-group{display:flex;flex-direction:column;gap:var(--s-space-12)}";
 const SwirlRadioGroupStyle0 = swirlRadioGroupCss;
@@ -43,7 +43,7 @@ const SwirlRadioGroup = class {
         }
     }
     render() {
-        return (h(Host, { key: 'dc1e907a0d36bfc59afa75e98a82e5ad42ab449d', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, h("div", { key: '17a3e10dfc896e29411accf163727ed328c60c37', class: "radio-group" }, h("slot", { key: 'ae8a2dc5d23463a491281b2a5025e815e877566a' }))));
+        return (h(Host, { key: '921b999324cb197933c94197c2c9f4cd64dedb35', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, h("div", { key: 'b73e3ccdceb5da61cf92962c185ace4a13185a81', class: "radio-group" }, h("slot", { key: '96adb30518202f1c9c3a3d7356665bcb03258551' }))));
     }
     get el() { return getElement(this); }
 };

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-2d054a87.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-1878a8d8.js';
 import { c as classnames } from './index-267776a4.js';
 
 const swirlRadioCss = ".sc-swirl-radio-h{display:inline-flex}.sc-swirl-radio-h *.sc-swirl-radio{box-sizing:border-box}.radio.sc-swirl-radio{display:inline-flex;line-height:var(--s-line-height-base);cursor:pointer}.radio.sc-swirl-radio:focus-within .radio__box.sc-swirl-radio{box-shadow:0 0 0 0.0625rem var(--s-background-default),\n      0 0 0 0.1875rem var(--s-focus-default)}.radio--variant-card.sc-swirl-radio{width:100%;padding:var(--s-space-16);border:0.0625rem solid var(--s-border-default);border-radius:var(--s-border-radius-sm);background-color:var(--s-surface)}.radio--variant-card.sc-swirl-radio:focus-within{box-shadow:0 0 0 0.125rem var(--s-background-default),\n      0 0 0 0.25rem var(--s-focus-default)}.radio--variant-card.sc-swirl-radio:focus-within .radio__box.sc-swirl-radio{box-shadow:none}.radio--variant-card.sc-swirl-radio:hover:not(.radio--disabled){background-color:var(--s-surface-hovered)}.radio--variant-card.sc-swirl-radio:active:not(.radio--disabled){background-color:var(--s-surface-pressed)}.radio--variant-card.radio--checked.sc-swirl-radio:not(.radio--disabled){border-color:var(--s-border-highlight)}.radio--variant-card.radio--invalid.sc-swirl-radio:not(.radio--disabled){border-color:var(--s-border-critical)}.radio--checked.sc-swirl-radio .radio__control.sc-swirl-radio:hover .radio__box.sc-swirl-radio{border-color:var(--s-interactive-primary-hovered);background-color:var(--s-interactive-primary-hovered)}.radio--checked.sc-swirl-radio .radio__box.sc-swirl-radio{position:relative;border-color:var(--s-icon-highlight);background-color:var(--s-icon-highlight)}.radio--checked.sc-swirl-radio .radio__box.sc-swirl-radio:after{position:absolute;top:50%;left:50%;width:0.5rem;height:0.5rem;border-radius:50%;background-color:var(--s-background-default);content:\"\";transform:translate3d(-50%, -50%, 0)}.radio--invalid.radio--checked.sc-swirl-radio .radio__box.sc-swirl-radio,.radio--invalid.radio--indeterminate.sc-swirl-radio .radio__box.sc-swirl-radio{background-color:var(--s-icon-critical)}.radio--invalid.sc-swirl-radio .radio__box.sc-swirl-radio{border-color:var(--s-icon-critical)}.radio--disabled.sc-swirl-radio{cursor:default}.radio--disabled.radio--checked.sc-swirl-radio .radio__control.sc-swirl-radio:hover .radio__box.sc-swirl-radio{border-color:var(--s-icon-disabled);background-color:transparent}.radio--disabled.radio--checked.sc-swirl-radio .radio__box.sc-swirl-radio{border-color:var(--s-icon-disabled);background-color:var(--s-background-default)}.radio--disabled.radio--checked.sc-swirl-radio .radio__box.sc-swirl-radio:after{background-color:var(--s-icon-disabled)}.radio--disabled.sc-swirl-radio .radio__control.sc-swirl-radio:hover .radio__box.sc-swirl-radio{background-color:transparent}.radio--disabled.sc-swirl-radio .radio__box.sc-swirl-radio{border-color:var(--s-icon-disabled)}.radio--disabled.sc-swirl-radio .radio__description.sc-swirl-radio,.radio--disabled.sc-swirl-radio .radio__label.sc-swirl-radio{color:var(--s-text-disabled)}.radio__control.sc-swirl-radio{position:relative;display:inline-flex;width:1.5rem;height:1.5rem;padding:var(--s-space-2);flex-shrink:0}.radio__control.sc-swirl-radio:hover .radio__box.sc-swirl-radio{background-color:var(--s-action-neutral-hovered)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.radio__control.sc-swirl-radio{width:1.375rem;height:1.375rem}}.radio__box.sc-swirl-radio{position:relative;display:flex;width:100%;height:100%;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:50%}.radio__label-container.sc-swirl-radio{display:inline-flex;margin-left:var(--s-space-8);padding-top:var(--s-space-2);flex-direction:column}.radio__label.sc-swirl-radio{font-weight:var(--s-font-weight-medium)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.radio__label.sc-swirl-radio{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.radio__description.sc-swirl-radio{color:var(--s-text-subdued)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.radio__description.sc-swirl-radio{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}";
@@ -42,7 +42,7 @@ const SwirlRadio = class {
             "radio--invalid": this.invalid,
             "radio--unchecked": unchecked,
         });
-        return (h(Host, { key: '39a96c5edf97059f8d16fa72cda6763f590f885b', style: { width: this.variant === "card" ? "100%" : undefined } }, h("label", { key: 'e840ab45b938f5c99ad2aea62c21ecd9ae8ad435', class: className, htmlFor: this.inputId }, h("span", { key: 'a3b0e36b6828f9884b099f02b76e2f9d4698f4c3', class: "radio__control" }, h("swirl-visually-hidden", { key: '65d4ae90ae0bbd80dcf21eb17f390e4a4c9d0dd0' }, h("input", { key: 'ddd43d5f4e7767b7a0a9b89a6e72e539cd90a4a7', "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: 'b13ec0c4f182d798a821c1794483b61fe65869c3', "aria-hidden": "true", class: "radio__box" })), h("span", { key: '04b086fb6fe62de104f7be0879b38993f602a795', class: "radio__label-container" }, this.label && h("span", { key: 'b7659db35ef1cf82b0633f3abc95fd3cc6d0c958', class: "radio__label" }, this.label), this.description && (h("span", { key: 'a6122cac1cfb67d99663b3e509ef19e9caf1094c', class: "radio__description", innerHTML: this.description }))))));
+        return (h(Host, { key: 'b2d57b435aa3cafdef7a6dd48fbb555353d68edf', style: { width: this.variant === "card" ? "100%" : undefined } }, h("label", { key: '0a957a4c7df0f4544255e5b1bcc74745908473fd', class: className, htmlFor: this.inputId }, h("span", { key: '39a2010caf77fa84a8426d6d039f5f6a01f40a51', class: "radio__control" }, h("swirl-visually-hidden", { key: 'f1be9a31fc8ab8012ca184c5ed244a75183a726f' }, h("input", { key: '1c9969d53609a88ca62cbf026ac98ae0f8b82ff3', "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: 'ae6df7210c788c9be6897b02b69ad5aeacb2a74c', "aria-hidden": "true", class: "radio__box" })), h("span", { key: '2946f6982a4723e8261bf2364bd9e2bb42711a53', class: "radio__label-container" }, this.label && h("span", { key: '49944031f7ed6a8a9aa2e3bd9faafac2b8498c55', class: "radio__label" }, this.label), this.description && (h("span", { key: 'fda8931ea2e3f1c19740adfd8ddae41f8ce8d7bd', class: "radio__description", innerHTML: this.description }))))));
     }
 };
 SwirlRadio.style = SwirlRadioStyle0;

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-2d054a87.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-1878a8d8.js';
 import { c as classnames } from './index-267776a4.js';
 import { g as getDesktopMediaQuery } from './utils-c16952ba.js';
 
@@ -43,7 +43,7 @@ const SwirlResourceListFileItem = class {
         const className = classnames("resource-list-file-item", {
             "resource-list-file-item--has-control": showSpinner || showRemoveButton,
         });
-        return (h(Host, { key: 'cf85be57209858b704eb2e1fe4368560f45ebb41', role: "row" }, h("div", { key: '6ec4117276a400f39ce9b17750e5f6392b2e3a99', class: className, part: "resource-list-file-item", role: "gridcell" }, h("span", { key: 'f2f11f9214d5bb0d88b58b5a6f044ec058990421', class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }), h("span", { key: '423fb78e263437e9914a0074a5bf8b93daa6884c', class: "resource-list-file-item__label-container" }, h("span", { key: 'f97cfba568b5cd8802c00ba28f3e6deb82148e71', class: "resource-list-file-item__label", id: "label" }, this.label), showDescription && (h("span", { key: 'dda7686836817fff24a0c4e1dabb2d65692f38e3', class: "resource-list-file-item__description" }, this.description)), showError && (h("span", { key: '88c216afc92c88ce53566f83ede5d45502d3cf07', "aria-live": "polite", class: "resource-list-file-item__error-message" }, h("swirl-inline-error", { key: 'f479af99bc507bc1ba37da50e0a4eb727aff03eb', message: this.errorMessage, size: "s" })))), showSpinner && (h("span", { key: 'cc7c1c9ac6d7525ef2bbb45f69ba10806bb602bd', class: "resource-list-file-item__spinner" }, h("swirl-spinner", { key: 'dde1daabac5727244222567a59bc0d8ef353fa75', size: "s" }))), showRemoveButton && (h("span", { key: '461f82e47a2e654a1d64ab9d0e906bbc81a88f63', class: "resource-list-file-item__remove-button" }, h("swirl-button", { key: '8e0985477f7ce6825042050918904c40d35a105a', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))))));
+        return (h(Host, { key: 'e1dc6a1a61f9bcb9800d3a5a542cbb19469c58b2', role: "row" }, h("div", { key: '765b02e3c0813f37e22fe2c817b2c12f73e47f7a', class: className, part: "resource-list-file-item", role: "gridcell" }, h("span", { key: 'a0e674e1242f8055674033ee24d26faeb74de374', class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }), h("span", { key: 'c930f80102f0248d0475da0a50a7ec4482e19f22', class: "resource-list-file-item__label-container" }, h("span", { key: 'b148c8a80875eb41ef9fe3685a4d4fdf0cb05eba', class: "resource-list-file-item__label", id: "label" }, this.label), showDescription && (h("span", { key: '82b964dfc5a2931cff5014184d02fe5f09bf2d08', class: "resource-list-file-item__description" }, this.description)), showError && (h("span", { key: '9a1a234fb39e686b916e6914139d0584cce9bac3', "aria-live": "polite", class: "resource-list-file-item__error-message" }, h("swirl-inline-error", { key: 'be8b9f976e652ed0d0120feeafe7c9aa30926d18', message: this.errorMessage, size: "s" })))), showSpinner && (h("span", { key: 'bf77addd275b831610ee80aead5c858c1b179435', class: "resource-list-file-item__spinner" }, h("swirl-spinner", { key: 'fe1f031c88ac04a9f35054c4ee494d8960bbd7fd', size: "s" }))), showRemoveButton && (h("span", { key: '2b42204ed321cfdd83427f3263dec91462346ced', class: "resource-list-file-item__remove-button" }, h("swirl-button", { key: '31e665abe14a375324f5ed8e2818052704a972f4', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))))));
     }
 };
 SwirlResourceListFileItem.style = SwirlResourceListFileItemStyle0;

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-2d054a87.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-1878a8d8.js';
 import { c as classnames } from './index-267776a4.js';
 import { g as getDesktopMediaQuery } from './utils-c16952ba.js';
 
@@ -73,7 +73,7 @@ const SwirlSearch = class {
         const className = classnames("search", `search--variant-${this.variant}`, {
             "search--disabled": this.disabled,
         });
-        return (h(Host, { key: 'ceae5da523aa816ce7622c9ef37294b6170ffba4' }, h("span", { key: '9f1222ded2f5023fe3fac44fcbe39b3d7786bb5c', class: className, ref: (el) => (this.iconEl = el) }, h("swirl-icon-search", { key: '3277b43b597777998051589a6181c4cf132ece92', "aria-hidden": "true", class: "search__icon" }), h("input", { key: 'f61260a4ddad79d484cd19b4bf1c52b599885fde', "aria-disabled": this.disabled ? "true" : undefined, "aria-label": this.label, autoComplete: "off", autoFocus: this.autoFocus, class: "search__input", disabled: this.disabled, id: this.inputId, inputMode: "search", name: this.inputName, onBlur: this.onBlur, onChange: this.onChange, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.input = el), type: "search", value: this.value }), !this.disabled && (h("button", { key: 'ec7b6490ebe051c4dfda08aa9527132923553d54', "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, h("swirl-icon-cancel", { key: 'e900528f58b0fa8d6d2c52a11ca616635ffe3533' }))))));
+        return (h(Host, { key: '1981fc9106ce2910162be28fd0425bbe7f2f5962' }, h("span", { key: 'cdd96af43b43a42a2e1a2292941c4915fba8ffad', class: className, ref: (el) => (this.iconEl = el) }, h("swirl-icon-search", { key: 'ba21b0c852db06c4d430ba6d8d155abad935b427', "aria-hidden": "true", class: "search__icon" }), h("input", { key: '60c8e7b26de802dfa4cfea1280ff23046b02cdd1', "aria-disabled": this.disabled ? "true" : undefined, "aria-label": this.label, autoComplete: "off", autoFocus: this.autoFocus, class: "search__input", disabled: this.disabled, id: this.inputId, inputMode: "search", name: this.inputName, onBlur: this.onBlur, onChange: this.onChange, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.input = el), type: "search", value: this.value }), !this.disabled && (h("button", { key: '8b22de3c8a54c2a8664bf344ccc039afce3d1c90', "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, h("swirl-icon-cancel", { key: 'fec17a0d8acef475ec351a4e2d3b86483fbf806b' }))))));
     }
 };
 SwirlSearch.style = SwirlSearchStyle0;