@getflip/swirl-components 0.229.0 → 0.230.1

package/dist/esm/swirl-icon-work.entry.js

@@ -16,7 +16,7 @@ const SwirlIconWork = class {
             color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
         };
         const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (h("svg", { key: 'adeaad6f9d90f87a3e16bb8c925385f4cdfa2481', "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, { key: '26719837e31fb692fab9474221ee91298124877d' }, h("path", { key: '4db3ee6f496bef52363440a58aa7215c4c460b70', d: "M2.66668 14.0002C2.30001 14.0002 1.98612 13.8696 1.72501 13.6085C1.4639 13.3474 1.33334 13.0335 1.33334 12.6668V5.3335C1.33334 4.96683 1.4639 4.65294 1.72501 4.39183C1.98612 4.13072 2.30001 4.00016 2.66668 4.00016H5.33334V2.66683C5.33334 2.30016 5.4639 1.98627 5.72501 1.72516C5.98612 1.46405 6.30001 1.3335 6.66668 1.3335H9.33334C9.70001 1.3335 10.0139 1.46405 10.275 1.72516C10.5361 1.98627 10.6667 2.30016 10.6667 2.66683V4.00016H13.3333C13.7 4.00016 14.0139 4.13072 14.275 4.39183C14.5361 4.65294 14.6667 4.96683 14.6667 5.3335V12.6668C14.6667 13.0335 14.5361 13.3474 14.275 13.6085C14.0139 13.8696 13.7 14.0002 13.3333 14.0002H2.66668ZM2.66668 12.6668H13.3333V5.3335H2.66668V12.6668ZM6.66668 4.00016H9.33334V2.66683H6.66668V4.00016Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '5f9a2be6b9fdd12335ec12b6eb42ad86aaa7e084' }, h("path", { key: '6c6466b710517b442bdcf1b8cd284ab6276b9a1b', d: "M4 21C3.45 21 2.97917 20.8042 2.5875 20.4125C2.19583 20.0208 2 19.55 2 19V8C2 7.45 2.19583 6.97917 2.5875 6.5875C2.97917 6.19583 3.45 6 4 6H8V4C8 3.45 8.19583 2.97917 8.5875 2.5875C8.97917 2.19583 9.45 2 10 2H14C14.55 2 15.0208 2.19583 15.4125 2.5875C15.8042 2.97917 16 3.45 16 4V6H20C20.55 6 21.0208 6.19583 21.4125 6.5875C21.8042 6.97917 22 7.45 22 8V19C22 19.55 21.8042 20.0208 21.4125 20.4125C21.0208 20.8042 20.55 21 20 21H4ZM4 19H20V8H4V19ZM10 6H14V4H10V6Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '1ce8e3b7419e58a16852b867bf6a4c66f2e80d6c' }, h("path", { key: 'ffb705bdecafded7775f12ad9b9049d1e4acd4b0', d: "M4.66668 24.5002C4.02501 24.5002 3.4757 24.2717 3.01876 23.8147C2.56182 23.3578 2.33334 22.8085 2.33334 22.1668V9.3335C2.33334 8.69183 2.56182 8.14252 3.01876 7.68558C3.4757 7.22863 4.02501 7.00016 4.66668 7.00016H9.33334V4.66683C9.33334 4.02516 9.56182 3.47586 10.0188 3.01891C10.4757 2.56197 11.025 2.3335 11.6667 2.3335H16.3333C16.975 2.3335 17.5243 2.56197 17.9813 3.01891C18.4382 3.47586 18.6667 4.02516 18.6667 4.66683V7.00016H23.3333C23.975 7.00016 24.5243 7.22863 24.9813 7.68558C25.4382 8.14252 25.6667 8.69183 25.6667 9.3335V22.1668C25.6667 22.8085 25.4382 23.3578 24.9813 23.8147C24.5243 24.2717 23.975 24.5002 23.3333 24.5002H4.66668ZM4.66668 22.1668H23.3333V9.3335H4.66668V22.1668ZM11.6667 7.00016H16.3333V4.66683H11.6667V7.00016Z", fill: "currentColor" })))));
+        return (h("svg", { key: 'abef7fc50127133448a2701c15a108895598cfab', "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, { key: '758069cef0f0ab14a0373ea53aa750214bd0e507' }, h("path", { key: 'f49b913cc38c034dfdafbc19d2f37698bead249a', d: "M2.66668 14.0002C2.30001 14.0002 1.98612 13.8696 1.72501 13.6085C1.4639 13.3474 1.33334 13.0335 1.33334 12.6668V5.3335C1.33334 4.96683 1.4639 4.65294 1.72501 4.39183C1.98612 4.13072 2.30001 4.00016 2.66668 4.00016H5.33334V2.66683C5.33334 2.30016 5.4639 1.98627 5.72501 1.72516C5.98612 1.46405 6.30001 1.3335 6.66668 1.3335H9.33334C9.70001 1.3335 10.0139 1.46405 10.275 1.72516C10.5361 1.98627 10.6667 2.30016 10.6667 2.66683V4.00016H13.3333C13.7 4.00016 14.0139 4.13072 14.275 4.39183C14.5361 4.65294 14.6667 4.96683 14.6667 5.3335V12.6668C14.6667 13.0335 14.5361 13.3474 14.275 13.6085C14.0139 13.8696 13.7 14.0002 13.3333 14.0002H2.66668ZM2.66668 12.6668H13.3333V5.3335H2.66668V12.6668ZM6.66668 4.00016H9.33334V2.66683H6.66668V4.00016Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '57dd561461f1eb5eb68a68526df1a204a58b4b10' }, h("path", { key: 'f3f1db1dc9b9de5c7ab904d7ad175f9f7525bec3', d: "M4 21C3.45 21 2.97917 20.8042 2.5875 20.4125C2.19583 20.0208 2 19.55 2 19V8C2 7.45 2.19583 6.97917 2.5875 6.5875C2.97917 6.19583 3.45 6 4 6H8V4C8 3.45 8.19583 2.97917 8.5875 2.5875C8.97917 2.19583 9.45 2 10 2H14C14.55 2 15.0208 2.19583 15.4125 2.5875C15.8042 2.97917 16 3.45 16 4V6H20C20.55 6 21.0208 6.19583 21.4125 6.5875C21.8042 6.97917 22 7.45 22 8V19C22 19.55 21.8042 20.0208 21.4125 20.4125C21.0208 20.8042 20.55 21 20 21H4ZM4 19H20V8H4V19ZM10 6H14V4H10V6Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'c82e6be8176b8cb9eb9086dec00d64cfabae353d' }, h("path", { key: 'e09460d92522045925cc59f860fecf41e338e395', d: "M4.66668 24.5002C4.02501 24.5002 3.4757 24.2717 3.01876 23.8147C2.56182 23.3578 2.33334 22.8085 2.33334 22.1668V9.3335C2.33334 8.69183 2.56182 8.14252 3.01876 7.68558C3.4757 7.22863 4.02501 7.00016 4.66668 7.00016H9.33334V4.66683C9.33334 4.02516 9.56182 3.47586 10.0188 3.01891C10.4757 2.56197 11.025 2.3335 11.6667 2.3335H16.3333C16.975 2.3335 17.5243 2.56197 17.9813 3.01891C18.4382 3.47586 18.6667 4.02516 18.6667 4.66683V7.00016H23.3333C23.975 7.00016 24.5243 7.22863 24.9813 7.68558C25.4382 8.14252 25.6667 8.69183 25.6667 9.3335V22.1668C25.6667 22.8085 25.4382 23.3578 24.9813 23.8147C24.5243 24.2717 23.975 24.5002 23.3333 24.5002H4.66668ZM4.66668 22.1668H23.3333V9.3335H4.66668V22.1668ZM11.6667 7.00016H16.3333V4.66683H11.6667V7.00016Z", fill: "currentColor" })))));
     }
 };
 SwirlIconWork.style = SwirlIconWorkStyle0;

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

@@ -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: '622cb11341c32e9716fa7523c942a422dafd423b' }, h("div", { key: '0d07d1ef32ab556620b329e6fa6331ae165c9231', "aria-label": this.label, class: className, role: "list", style: { aspectRatio: this.aspectRatio } }, h("slot", { key: 'bfbc0476ed4d1ba7d3c2fcf2f2dd9551f8090b91', onSlotchange: this.updateItems }))));
+        return (h(Host, { key: 'b2564d792fdbce7fcbc201eb4c677f89c04e0bd6' }, h("div", { key: '4b51439e745d894c1ec7c80f9c627c11717bba9e', "aria-label": this.label, class: className, role: "list", style: { aspectRatio: this.aspectRatio } }, h("slot", { key: '480e6c84034264b9e49ae8940513aae36d679949', onSlotchange: this.updateItems }))));
     }
     get el() { return getElement(this); }
 };

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host } from './index-2d054a87.js';
 import { c as classnames } from './index-267776a4.js';
-import { g as getDesktopMediaQuery } from './utils-9b747dd7.js';
+import { g as getDesktopMediaQuery } from './utils-c16952ba.js';
 
 const swirlInlineStatusCss = ":host{display:inline-flex}:host *{box-sizing:border-box}.inline-status{display:inline-flex;color:var(--s-text-default);line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.inline-status{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.inline-status--size-s{font-size:var(--s-font-size-sm)}.inline-status--size-s .inline-status__icon{width:1rem;height:1rem;margin-top:0.125rem}.inline-status--size-s .inline-status__message{padding-top:0}.inline-status--intent-critical{color:var(--s-text-critical)}.inline-status--intent-critical .inline-status__icon{color:var(--s-icon-critical)}.inline-status--intent-info{color:var(--s-text-info)}.inline-status--intent-info .inline-status__icon{color:var(--s-icon-info)}.inline-status--intent-neutral{color:var(--s-text-subdued)}.inline-status--intent-neutral .inline-status__icon{color:var(--s-icon-default)}.inline-status--intent-success{color:var(--s-text-success)}.inline-status--intent-success .inline-status__icon{color:var(--s-icon-success)}.inline-status--intent-warning{color:var(--s-text-warning)}.inline-status--intent-warning .inline-status__icon{color:var(--s-icon-warning)}.inline-status__icon{display:inline-flex;width:1.5rem;height:1.5rem;margin-right:var(--s-space-4);color:var(--s-icon-default);align-self:flex-start}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.inline-status__icon{width:1.25rem;height:1.25rem}}.inline-status__message{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding-top:0.0625rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.inline-status__message{padding-top:0}}";
 const SwirlInlineStatusStyle0 = swirlInlineStatusCss;

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

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement
 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';
-import { q as querySelectorAllDeep } from './utils-9b747dd7.js';
+import { q as querySelectorAllDeep } from './utils-c16952ba.js';
 
 const swirlLightboxCss = ":host{display:block}:host *{box-sizing:border-box}.lightbox{position:fixed;z-index:var(--s-z-40);background-color:rgba(0, 0, 0, 1);inset:0}.lightbox[aria-hidden=\"true\"]{display:none}@media (min-width: 768px){.lightbox{background-color:rgba(0, 0, 0, 0.8)}}.lightbox:not(.lightbox--closing) .lightbox__body{animation:0.15s lightbox-fade-in}@media (prefers-reduced-motion){.lightbox:not(.lightbox--closing) .lightbox__body{animation:none}}.lightbox--closing{animation:0.15s lightbox-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.lightbox--closing{animation:none}}.lightbox--hide-menu .lightbox__menu{display:none}.lightbox--hide-toolbar .lightbox__toolbar{display:none}.lightbox__body{position:relative;width:100%;height:100%}.lightbox__header{position:absolute;z-index:1;top:0;right:0;left:0;display:flex;padding:var(--s-space-12) var(--s-space-16);justify-content:space-between;align-items:flex-start;pointer-events:none}.lightbox__toolbar{pointer-events:auto}.lightbox__controls{position:absolute;z-index:1;top:50%;right:0;left:0;display:none;padding-right:var(--s-space-16);padding-left:var(--s-space-16);justify-content:space-between;align-items:flex-start;pointer-events:none}@media (min-width: 768px){.lightbox__controls{display:flex}}.lightbox__close-button,.lightbox__menu-button,.lightbox__previous-slide-button,.lightbox__next-slide-button{display:inline-flex;width:2.5rem;height:2.5rem;justify-content:center;align-items:center;border:none;border-radius:50%;color:var(--s-icon-on-image);background-color:rgba(0, 0, 0, 0.6);cursor:pointer;transition:opacity 0.15s;pointer-events:auto}.lightbox__close-button:disabled,.lightbox__menu-button:disabled,.lightbox__previous-slide-button:disabled,.lightbox__next-slide-button:disabled{pointer-events:none;opacity:0}.lightbox__content{overflow:hidden;width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.lightbox__slides{display:flex;width:100%;height:100%}.lightbox__slides ::slotted(*){flex-basis:100%;flex-shrink:0;transition:transform 0.3s}@media (min-width: 768px){.lightbox__slides ::slotted(*){padding:4rem 5rem}}@media (prefers-reduced-motion){.lightbox__slides ::slotted(*){transition:none}}.lightbox__pagination{position:absolute;bottom:var(--s-space-32);left:50%;padding:var(--s-space-4) var(--s-space-12);border-radius:var(--s-border-radius-base);color:var(--s-text-on-image);background-color:rgba(0, 0, 0, 0.6);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);transform:translateX(-50%);pointer-events:none}@media (min-width: 768px){.lightbox__pagination{display:none}}.lightbox__meta{display:flex;padding-top:var(--s-space-4);padding-right:var(--s-space-16);padding-bottom:var(--s-space-4);padding-left:var(--s-space-16);align-items:center;gap:var(--s-space-12)}@media (min-width: 768px){.lightbox__meta{max-width:18rem}}.lightbox__thumbnail{display:inline-flex;flex-shrink:0}.lightbox__file-info{display:flex;min-width:0;flex-grow:1;flex-direction:column}@keyframes lightbox-fade-in{from{opacity:0}to{opacity:1}}@keyframes lightbox-fade-out{from{opacity:1}to{opacity:0}}";
 const SwirlLightboxStyle0 = swirlLightboxCss;
@@ -264,7 +264,7 @@ const SwirlLightbox = class {
             "lightbox--hide-menu": !hasMenuItems,
             "lightbox--hide-toolbar": !hasToolbar,
         });
-        return (h(Host, { key: '94f91fa8c1061ea35a2ea8c4c4af49170a6356bf', onKeydown: this.onKeyDown }, h("section", { key: 'eabfc1495545cd8314dc37ee43de41fb810ecb4d', "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: 'a6f8982ef733e07e3e0a2d75135f1c5af699a2c6', class: "lightbox__body", role: "document" }, h("header", { key: '80350e48833679f3b89e2529a5d77f20f026bb97', class: "lightbox__header" }, h("button", { key: '43c1f8d8dc675b2fb163824d09a94f9d865364e2', "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick }, h("swirl-icon-close", { key: '4b917257428be41a9cea0fe4efc73351a1ebc060' })), h("div", { key: '9e80c8d415feca1f53f48c7e99a85d4fad426839', class: "lightbox__toolbar" }, h("slot", { key: '9905e4b7cfaba8a74d5ef9bb9f20060788b63ee8', name: "toolbar" })), !this.hideMenu && (h("swirl-popover-trigger", { key: 'f57f459c3e4c0ba1cf86fe55b6742ac2047e1d6c', swirlPopover: this.menu }, h("button", { key: 'f35a0ffaa48358bee2829128e04364bd7164f670', "aria-label": this.menuTriggerLabel, class: "lightbox__menu-button" }, h("swirl-icon-more-vertikal", { key: 'cac623d49964ac91f373455b5020728c4290e57e' }))))), h("div", { key: 'bcbceddb94dac29533152891c6b19130351be692', "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, h("div", { key: '32d1b23830476aab080c54d8891df8355062dee6', "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (el) => (this.slidesContainer = el) }, h("slot", { key: '7328283eb03a5fec2b52daf20c22ce65577079c2', onSlotchange: this.registerSlides }))), h("div", { key: '7f0fbbbebf6f9506349c6f46c3682991e15087a6', class: "lightbox__controls" }, h("button", { key: 'caeb6583d7b55e23f0c876b6f49a9a60d2df9eec', "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick }, h("swirl-icon-arrow-left", { key: '30f61b7e27ea7d5a924c06abd39a03cc9b69a30b' })), h("button", { key: 'cde5d546ee52743199226b78491c97fce7460683', "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: '693c4f22fb33e8eebdff94c7d53625a58bc7b77c' }))), showPagination && (h("span", { key: '8e1749ace167fad0f411fffba076b5d372526474', class: "lightbox__pagination" }, h("span", { key: '35b8a965e412ccc881ec906bb63cd891eb7bd808', "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length))), !this.hideMenu && (h("swirl-popover", { key: '75434eb64369bd0feeb274da4e9660294e23e22b', animation: "scale-in-y", disableScrollLock: true, id: "slide-menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: '0528f6afc0a9d1fad9e0dcc53b3530cf9b4a8299' }, h("div", { key: '9512dcdf393175f3324bfb7b02f9862b34fef565', class: "lightbox__meta" }, currentThumbnailUrl && (h("div", { key: 'd4e17f132422a162e1f280227265785c53e1ad31', class: "lightbox__thumbnail" }, h("swirl-thumbnail", { key: '6698fab64339a667028bc2dbd303a958d47a6463', alt: "", src: currentThumbnailUrl }))), h("div", { key: 'ace6b74246b82325fef353dd99a0c46aac034671', class: "lightbox__file-info" }, h("swirl-text", { key: '0097c05ff3c6db25418249aa9c95144526b13f2f', truncate: true, weight: "semibold" }, currentFileName), h("swirl-text", { key: '989479353f6246639f2653df0845d9d2df7d5c65', color: "subdued", size: "sm", truncate: true }, currentFileType))), hasMenuItems && h("swirl-separator", { key: '7d51fba3460a3e11995ee04f6f5d31f899c1186c' }), h("swirl-action-list", { key: '278236e320e76f4950cd4636a9712bad4e5d2316' }, this.downloadButtonEnabled && (h("swirl-action-list-item", { key: '5c580ff36b9859eabdcadbb7f37e9460209e4d92', icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), h("slot", { key: 'bba6735fc8ed1ec5da257c202e99930e2637a3ec', name: "menu-items" }))))))));
+        return (h(Host, { key: '1c69637329016601a8a89eec4513231ec72906a6', onKeydown: this.onKeyDown }, h("section", { key: 'abd6cddaeb17882a44bc87c53453a64428ac3746', "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: '9d0816b424f390f7ea8a3fa58600f50275635ec8', class: "lightbox__body", role: "document" }, h("header", { key: 'dde0274cb39eb1cfcb63651d69d90f49d6d43e0e', class: "lightbox__header" }, h("button", { key: '096040de54d76ef9c7510de0778fbf06fa54f4df', "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick }, h("swirl-icon-close", { key: '3182f4ae75e156bd48b11c33d72f212b15fb96fe' })), h("div", { key: '921c9bd86bb74afd5dfeda11388502fb6c0168e1', class: "lightbox__toolbar" }, h("slot", { key: 'a90bf34511667899eb510373d55602ab035b4acd', name: "toolbar" })), !this.hideMenu && (h("swirl-popover-trigger", { key: '9b55fa11f85dac3611c78a2b3118b9acff2c05a3', swirlPopover: this.menu }, h("button", { key: '79315c5a8fff405e67eb362b824fb1f3a6a08b85', "aria-label": this.menuTriggerLabel, class: "lightbox__menu-button" }, h("swirl-icon-more-vertikal", { key: '3514f6f700561aa6d39b25b5b3a7289bb03e0d39' }))))), h("div", { key: 'f4e8c43ac230c85a55ca7f3555f81afbd0a6c773', "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, h("div", { key: '256ff6d9cae27a8ed968d4e9f93cffc97e9bad8a', "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (el) => (this.slidesContainer = el) }, h("slot", { key: 'bcc3ac33c271c0f7ce39a33448aa00b17a53e335', onSlotchange: this.registerSlides }))), h("div", { key: 'f52a4ef8a82e3446c01b619132f40adba5c6bdc4', class: "lightbox__controls" }, h("button", { key: 'a1efd2b193fe06222c4968babe2ce16535e9ec5a', "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick }, h("swirl-icon-arrow-left", { key: 'bf96de474fb3db77d3cf83ebde6b928c00bed53a' })), h("button", { key: 'dd0a8f73337f35dbb253becec5b79f0c39251f30', "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: '8f2fe322457ba7dff824a394a38acea00326e20d' }))), showPagination && (h("span", { key: 'a8fe5d36525f3b5a391136169cecfa48e482ecbb', class: "lightbox__pagination" }, h("span", { key: 'f3fb5a8d02abdb4d0073e4401bac2f1586c31eb6', "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length))), !this.hideMenu && (h("swirl-popover", { key: '6876c71f5378ab8261793a9c89e92812800fc3c0', animation: "scale-in-y", disableScrollLock: true, id: "slide-menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: '2a7164a6d8580c96f0d690d81ffde911f4b8ca26' }, h("div", { key: '384837a76f8f94835422f104b8a85262f6a62c7b', class: "lightbox__meta" }, currentThumbnailUrl && (h("div", { key: '7197bedbf94ceb4425cc6dd2db2a5777df92ad8d', class: "lightbox__thumbnail" }, h("swirl-thumbnail", { key: 'd0d94127e9b68dec11276fdf257aecf54ab04ae3', alt: "", src: currentThumbnailUrl }))), h("div", { key: '976278296592bea4fdd0aee91813d7d1db910fe3', class: "lightbox__file-info" }, h("swirl-text", { key: 'eeacb2dd50db0544b0c1ce0b550c72ccc7f22eaa', truncate: true, weight: "semibold" }, currentFileName), h("swirl-text", { key: '42be9d2cdd4d422f2f869442969e27eb50571214', color: "subdued", size: "sm", truncate: true }, currentFileType))), hasMenuItems && h("swirl-separator", { key: 'a40c55806e885b1856cf1eaefe40ee27d711e9f6' }), h("swirl-action-list", { key: '670a5400512b765b14038ef5c8a1df80ed2c0fbe' }, this.downloadButtonEnabled && (h("swirl-action-list-item", { key: 'a191756249a697a8b1fe7919c61793fd7391ab28', icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), h("slot", { key: 'c116c7f4b52395a4f9036bca76f4091d029c7028', name: "menu-items" }))))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -14,7 +14,7 @@ const SwirlList = class {
         }
     }
     render() {
-        return (h(Host, { key: '0f3351cfd59994442dd96929718a3ecf921ab02c' }, h("div", { key: 'da0562cf4d30884f68463288cfabbbec54a89a3f', class: "swirl-list", ref: (el) => (this.containerEl = el) }, h("slot", { key: 'b7ae69e072d12cf926fd12a7914f0b58ab1b6b10' }))));
+        return (h(Host, { key: '23a44bde8e94dba321476c70a869c24e993f2ce2' }, h("div", { key: 'c99e7406e4de5212e27c490ed7e7378707de83c7', class: "swirl-list", ref: (el) => (this.containerEl = el) }, h("slot", { key: '632239bcd4d9622f48e8b36b89441f3d9d8d6328' }))));
     }
 };
 SwirlList.style = SwirlListStyle0;

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-2d054a87.js';
 import { c as classnames } from './index-267776a4.js';
-import { c as closestPassShadow, p as parentsPassShadow } from './utils-9b747dd7.js';
+import { c as closestPassShadow, p as parentsPassShadow } from './utils-c16952ba.js';
 
 const swirlMenuItemCss = ":host{display:block}:host *{box-sizing:border-box}.menu-item--expanded ::part(action-list-item){background-color:var(--s-surface-overlay-hovered)}";
 const SwirlMenuItemStyle0 = swirlMenuItemCss;
@@ -101,9 +101,9 @@ const SwirlMenuItem = class {
         const className = classnames("menu-item", {
             "menu-item--expanded": this.expanded,
         });
-        return (h(Host, { key: 'b55b90e43831fdfde5dd66bc318fda7eb40b4603' }, h("div", { key: '08d09049a46861e62160184d3124b4f042238629', class: className }, this.parentMenu?.variant === "selection"
+        return (h(Host, { key: '33859b6684e71600e61d53375c78e59ebb620177' }, h("div", { key: '201ddbb3f74dd0e87d7a230e96021645a75cfb93', class: className }, this.parentMenu?.variant === "selection"
             ? this.renderOptionListItem()
-            : this.renderActionListItem(), h("slot", { key: '940e1ea1f6d38eaad9e0e72955d17257afe900f4', onSlotchange: this.onSlotChange }))));
+            : this.renderActionListItem(), h("slot", { key: 'c8c8da9431c24b4decd1a9ca28b8e0c46f15b76d', onSlotchange: this.onSlotChange }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-2d054a87.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-9b747dd7.js';
+import { q as querySelectorAllDeep, c as closestPassShadow, p as parentsPassShadow, i as isMobileViewport, b as getActiveElement } from './utils-c16952ba.js';
 
 const swirlMenuCss = ":host{display:block}:host *{box-sizing:border-box}.menu{width:100%;--swirl-ghost-button-background-default:var(--s-surface-overlay-default);--swirl-ghost-button-background-hovered:var(--s-surface-overlay-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-overlay-pressed)}.menu--mobile.menu--root{position:relative}.menu--mobile.menu--root .menu__menu{top:3.5rem;transition:left 0.2s}.menu--mobile.menu--active .menu__menu{display:block}.menu--mobile .menu__menu{position:absolute;top:0;left:0;display:none;width:100%}:not(.menu--mobile).menu--root{position:relative}:not(.menu--mobile).menu--root .menu__menu{position:relative;padding-top:0;padding-bottom:0}:not(.menu--mobile):not(.menu--root) .menu__menu{z-index:1;max-width:22.5rem;border-radius:var(--s-border-radius-sm);box-shadow:var(--s-shadow-level-1)}:not(.menu--mobile).menu--active .menu__menu{display:block}:not(.menu--mobile) .menu__menu{position:fixed;display:none}.menu__mobile-header{display:flex;height:3.5rem;padding-right:var(--s-space-16);padding-left:var(--s-space-16);justify-content:space-between;align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);gap:var(--s-space-8)}.menu__mobile-header>*{display:inline-flex;flex-shrink:0}.menu__title{min-width:0;flex-grow:1;flex-shrink:1}.menu__title swirl-heading{min-width:0}.menu__done-button{margin-right:calc(-1 * var(--s-space-8))}.menu__menu{padding-top:var(--s-space-8);padding-bottom:var(--s-space-8);background-color:var(--s-surface-overlay-default)}";
 const SwirlMenuStyle0 = swirlMenuCss;

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

@@ -9,7 +9,7 @@ const SwirlOptionListSection = class {
         this.label = undefined;
     }
     render() {
-        return (h(Host, { key: '8e5e79ece9380c8882352f136207af9ce83ceb18' }, h("div", { key: '92a6bc8df3263fa7762da37c9eec11e139820505', "aria-labelledby": "label", class: "option-list-section", role: "group" }, h("span", { key: 'a7a245dca097efcc3c3a35345654685cf6747dd3', class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), h("div", { key: 'dd9ee5e3d21514d14fdfee3966676f756e79f63a', class: "option-list-section__items" }, h("slot", { key: 'ffcee76b125f0b8d14c9b2d0dfac007deada8f02' })))));
+        return (h(Host, { key: '492fe67fa5f170980ae1087aaffe213d319d8f4f' }, h("div", { key: '057be381f2bc36188244895a639662573455703f', "aria-labelledby": "label", class: "option-list-section", role: "group" }, h("span", { key: 'd0624101f2a5f0a83a9e4e1117528efb33d4e89f', class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), h("div", { key: '7f6157e90e957d5b57cfb5ff98c3072e765fcfda', class: "option-list-section__items" }, h("slot", { key: 'ff96062ef2cf0176866ae77af3102401bda7cf44' })))));
     }
 };
 SwirlOptionListSection.style = SwirlOptionListSectionStyle0;

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-2d054a87.js';
-import { c as closestPassShadow, q as querySelectorAllDeep } from './utils-9b747dd7.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: '06be191b51686395ade24eab8f6046f32dac65e7' }, h("swirl-visually-hidden", { key: '24d01a0fc544bb64ee82b66d95b050456bb20724', role: "alert" }, this.assistiveText), h("div", { key: '16dbb41de4db84a85bcc5360698dadc1baf08c33', "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: 'c027dbc5e503e77fef9c9cd421d65a8d5b929f9a' }))));
+        return (h(Host, { key: 'bdefee7c726976b46681ac84806ef468b9411709' }, h("swirl-visually-hidden", { key: '5b3e7bd3e3ede33f05ed753aaf74633979b42db6', role: "alert" }, this.assistiveText), h("div", { key: '32606009a9b2130e78268aac81fb6d2679c17875', "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: '8aaffda0627ca8bda6c23432cd2720f5ca908934' }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-2d054a87.js';
 import { c as classnames } from './index-267776a4.js';
-import { d as debounce } from './utils-9b747dd7.js';
+import { d as debounce } from './utils-c16952ba.js';
 
 const swirlPaginationCss = ":host{display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:host *{box-sizing:border-box}.pagination{display:block;width:100%}.pagination--variant-simple .pagination__list{gap:0}.pagination__list{display:flex;margin:0;padding:0;justify-content:flex-start;align-items:center;line-height:var(--s-line-height-base);list-style:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.pagination__list{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.pagination__page-size-selection{display:flex;padding-right:var(--s-space-24);flex-shrink:0;align-items:center;color:var(--s-interactive-primary-default);white-space:nowrap;gap:var(--s-space-8)}.pagination__page-size-select-container{position:relative}.pagination__page-size-select{padding-right:calc(1rem + var(--s-space-4));border:none;color:var(--s-interactive-primary-default);background-color:transparent;font:inherit;font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.pagination__page-size-select:focus:not(:focus-visible){outline:none}.pagination__page-size-select:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.pagination__page-size-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.pagination__page-size-select-icon{position:absolute;top:50%;right:0;transform:translateY(-50%);pointer-events:none}.pagination__page-label{padding-right:var(--s-space-8);padding-left:var(--s-space-8)}.pagination__advanced-label{display:flex;align-items:center;white-space:nowrap;gap:var(--s-space-8)}.pagination__page-input{display:inline-flex;width:3.25rem;padding-top:var(--s-space-8);padding-right:var(--s-space-8);padding-bottom:var(--s-space-8);padding-left:var(--s-space-8);border:none;border-radius:var(--s-border-radius-sm);background-color:transparent;font:inherit;line-height:var(--s-line-height-base);text-align:center;box-shadow:inset 0 0 0 var(--s-border-width-default) var(--s-border-strong)}.pagination__page-input:focus:not(:focus-visible){outline:none}.pagination__page-input:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.pagination__page-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}";
 const SwirlPaginationStyle0 = swirlPaginationCss;

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

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement
 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';
-import { q as querySelectorAllDeep, i as isMobileViewport } from './utils-9b747dd7.js';
+import { q as querySelectorAllDeep, i as isMobileViewport } from './utils-c16952ba.js';
 
 const swirlPdfReaderCss = ":host{--thumbnails-width:7rem;display:block}:host *{box-sizing:border-box}.pdf-reader{position:fixed;z-index:var(--s-z-40);background-color:var(--s-surface-raised-default);inset:0;touch-action:pan-x pan-y}.pdf-reader[aria-hidden=\"true\"]{display:none}.pdf-reader:not(.pdf-reader--closing) .pdf-reader__body{animation:0.15s pdf-reader-fade-in}@media (prefers-reduced-motion){.pdf-reader:not(.pdf-reader--closing) .pdf-reader__body{animation:none}}.pdf-reader--closing{animation:0.15s pdf-reader-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.pdf-reader--closing{animation:none}}.pdf-reader--show-thumbnails .pdf-reader__thumbnails{max-width:var(--thumbnails-width)}.pdf-reader--show-thumbnails .pdf-reader__floating-tools{left:calc(var(--s-space-16) + var(--thumbnails-width))}.pdf-reader--hide-menu .pdf-reader__menu{display:none}.pdf-reader__body{position:relative;width:100%;height:100%}.pdf-reader__header{display:flex;height:4rem;padding-right:var(--s-space-16);padding-left:var(--s-space-16);align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);gap:var(--s-space-8)}.pdf-reader__header-left,.pdf-reader__header-right{display:flex;flex-grow:1;align-items:center;gap:var(--s-space-8)}@media (min-width: 768px){.pdf-reader__header-left,.pdf-reader__header-right{flex-basis:calc(100 / 3 * 1%);flex-grow:0}}.pdf-reader__header-right{justify-content:flex-end}.pdf-reader__header-center{display:none;flex-grow:1;justify-content:center;align-items:center;gap:var(--s-space-16)}@media (min-width: 768px){.pdf-reader__header-center{display:flex}}.pdf-reader__label{overflow:hidden;flex-grow:1;font-weight:var(--s-font-weight-semibold);white-space:nowrap;text-overflow:ellipsis}.pdf-reader__zoom-button-container{display:flex;align-items:center;gap:var(--s-space-8)}.pdf-reader__zoom-button-container>*:not(:last-child){position:relative}.pdf-reader__zoom-button-container>*:not(:last-child):after{position:absolute;top:50%;right:calc(-1 * var(--s-space-4));width:var(--s-border-width-default);height:1.5rem;background-color:var(--s-border-default);content:\"\";transform:translate3d(50%, -50%, 0)}.pdf-reader__zoom-select-container{position:relative}.pdf-reader__zoom-select{display:inline-flex;height:2.5rem;padding-right:var(--s-space-12);padding-right:calc(var(--s-space-8) + 1.5rem + var(--s-space-12));padding-left:var(--s-space-12);justify-content:flex-start;align-items:center;border:var(--s-border-width-default) solid var(--s-border-default);border-radius:var(--s-border-radius-sm);color:var(--s-interactive-neutral-default);background-color:transparent;font:inherit;font-weight:var(--s-font-weight-medium);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.pdf-reader__zoom-select:focus:not(:focus-visible){outline:none}.pdf-reader__zoom-select:focus-visible{outline-color:var(--s-focus-default)}.pdf-reader__zoom-select-icon{position:absolute;top:50%;right:var(--s-space-8);display:inline-flex;transform:translateY(-50%);pointer-events:none}.pdf-reader__content{display:flex;width:100%;height:calc(100% - 4rem)}.pdf-reader__thumbnails{display:flex;overflow-x:hidden;overflow-y:auto;max-width:0;height:100%;padding-top:var(--s-space-16);padding-bottom:var(--s-space-16);flex-basis:var(--thumbnails-width);flex-grow:0;flex-shrink:0;align-items:center;background-color:var(--s-background-default);flex-direction:column;transition:max-width 0.2s linear;box-shadow:inset calc(-1 * var(--s-border-width-default)) 0 0 0\n    var(--s-border-default);gap:var(--s-space-4)}.pdf-reader__thumbnail{width:5rem;margin:0;padding:0;border:var(--s-border-width-default) solid var(--s-border-default);background-color:transparent;cursor:pointer}.pdf-reader__thumbnail>img{display:inline-flex;width:100%}.pdf-reader__thumbnail--active{border-width:0.125rem;border-color:var(--s-border-highlight)}.pdf-reader__viewer{flex-grow:1}.pdf-reader__mobile-zoom-controls{position:absolute;z-index:1;right:var(--s-space-16);bottom:var(--s-space-32);display:flex;padding-bottom:var(--s-space-4);flex-direction:column;gap:var(--s-space-8)}@media (min-width: 768px){.pdf-reader__mobile-zoom-controls{display:none}}.pdf-reader__mobile-zoom-button{display:inline-flex;width:2.5rem;height:2.5rem;justify-content:center;align-items:center;border:none;border-radius:50%;color:var(--s-icon-on-image);background-color:rgba(0, 0, 0, 0.6);cursor:pointer;transition:opacity 0.15s;pointer-events:auto}.pdf-reader__mobile-zoom-button:disabled{cursor:default}.pdf-reader__floating-tools{position:fixed;z-index:1;bottom:var(--s-space-16);left:var(--s-space-16);display:none;flex-direction:column;transition:left 0.2s linear;gap:var(--s-space-12)}@media (min-width: 768px){.pdf-reader__floating-tools{display:flex}}.pdf-reader__floating-tool-button{display:inline-flex;width:2.5rem;height:2.5rem;justify-content:center;align-items:center;border:none;border-radius:50%;color:var(--s-icon-on-image);background-color:rgba(0, 0, 0, 0.6);cursor:pointer}.pdf-reader__meta{display:flex;padding-top:var(--s-space-4);padding-right:var(--s-space-16);padding-bottom:var(--s-space-4);padding-left:var(--s-space-8);align-items:center;gap:var(--s-space-12)}@media (min-width: 768px){.pdf-reader__meta{max-width:18rem}}.pdf-reader__file-icon{display:inline-flex;padding-left:var(--s-space-4);flex-shrink:0}.pdf-reader__file-info{display:flex;min-width:0;flex-grow:1;flex-direction:column}@keyframes pdf-reader-fade-in{from{opacity:0}to{opacity:1}}@keyframes pdf-reader-fade-out{from{opacity:1}to{opacity:0}}";
 const SwirlPdfReaderStyle0 = swirlPdfReaderCss;
@@ -187,15 +187,15 @@ const SwirlPdfReader = class {
             "pdf-reader--hide-menu": !hasMenuItems,
             "pdf-reader--show-thumbnails": this.showThumbnails,
         });
-        return (h(Host, { key: '368039390dc41fd2911fa941ba23ff27d3e7e271' }, h("section", { key: 'a8ea865ad4cde13e942e8547fbadd70ce62809de', "aria-hidden": "true", "aria-label": this.label, class: className, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, h("div", { key: 'fcb63b3f3370b62720e81fff5a4a990982f4af5f', class: "pdf-reader__body", role: "document" }, h("header", { key: '26e3974a543622e02e58846d4f001d8d4505fda5', class: "pdf-reader__header" }, h("span", { key: '5ae7c3ff73e5eb24db441fee14b6e96cbd7245af', class: "pdf-reader__header-left" }, h("swirl-button", { key: 'd50d30c225bb8c8d742d83815634d2617a8cc145', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), h("span", { key: '41da148043ded4251f3fee5311e71de3c11493bc', class: "pdf-reader__label" }, this.label)), h("span", { key: 'f2536d27118a2a6f792a8553be51eaaad2b90fb0', class: "pdf-reader__header-center" }, h("span", { key: '293a2830e1bb568949627d99a33279eb2bde6233', class: "pdf-reader__zoom-button-container" }, h("swirl-button", { key: '56f877b670c32e10212ad1ef56afa7233601cbe3', 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: 'f7499ce859e4f67520714e38f01e0196202d60a5', 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: 'd040bee49f16f91b54704a958680ae6189642851', class: "pdf-reader__zoom-select-container" }, h("select", { key: '82c02b93257e8a62cd1df29304b07e22f511cbfa', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, h("option", { key: '9ed52659a6d37107e58f5c15d617d2feb809490a', 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: '30432906cff281c0007843e19e12d80e8805243a', class: "pdf-reader__zoom-select-icon" }))), h("span", { key: 'dba363fd215541f1ffac715b7580d344dffec180', class: "pdf-reader__header-right" }, h("swirl-popover-trigger", { key: '9e4c32560a2469243512f5b1df76bb3bfd067c4e', swirlPopover: this.menu }, h("swirl-button", { key: 'a2a4d14736ef75027fbc9f07824d42cd8df84671', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), h("span", { key: '681e9bbbf8f2335625da44be9b6245421a03361a', class: "pdf-reader__floating-tools" }, h("button", { key: '8a02bb028f2ee131a0d66d089b22ea3873963712', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, h("swirl-icon-menu-book", { key: 'de4190db205fd88b6bc023b2d6734ad9945c49ef' })), h("button", { key: '28f77937f36650e581b2a8298f5ed69009c4458b', "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: 'bac1ac5609cc37245e317a910aa9a94451d53ddd' })))), h("div", { key: '7a3a55341046d9fbad3cf912bd3d2142bf8568c2', class: "pdf-reader__content" }, h("nav", { key: 'ea3ca11b035fb1dc398d7be197247817a103e0c1', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && h("swirl-spinner", { key: 'e9db0a4faa201e6890ba763589fcf3efb20c7b48' }), !this.loadingThumbnails &&
+        return (h(Host, { key: 'e88e8b86d5d6a6bcb28c5e62a81aeafc34467fa6' }, h("section", { key: 'b26561c5c61d74fead667abff2ac1b103f7cf76e', "aria-hidden": "true", "aria-label": this.label, class: className, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, h("div", { key: 'c41a6ee80af42d511df915d97f16d9973f84fa67', class: "pdf-reader__body", role: "document" }, h("header", { key: '3e6180722000c8d2fbf327455229fbd12969345c', class: "pdf-reader__header" }, h("span", { key: 'a20149eb971b2244366431b47a48cc5891f44441', class: "pdf-reader__header-left" }, h("swirl-button", { key: 'd2c0648653d196ffae772b644a2fa157b8fa774d', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), h("span", { key: 'a0c45eb8e768b6b0aa05d367cbdeef87fd3743f7', class: "pdf-reader__label" }, this.label)), h("span", { key: '93445b16f07e7d210054868bd0ccd53689f421b6', class: "pdf-reader__header-center" }, h("span", { key: '6835907fb25a004d5c21923aa8ea257eeddd9d39', class: "pdf-reader__zoom-button-container" }, h("swirl-button", { key: '0289de3234797b8f53bfa94c599cab70f935768b', 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: '0af97936b127e04b4d844a70ac89fb64a59cc8c6', 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: 'c732f61b8856f6954810456a808dfd18c593b042', class: "pdf-reader__zoom-select-container" }, h("select", { key: '12b3d71a5f96642cd52c720d67944ebc66dae932', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, h("option", { key: '4146c64670429608d91ca35820c642516a24dfd7', 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: 'f2e9aa628806109804993a4492a9340a56a6bc4a', class: "pdf-reader__zoom-select-icon" }))), h("span", { key: '34bc7216688b1a36bb8beecc24fee5f02063ae08', class: "pdf-reader__header-right" }, h("swirl-popover-trigger", { key: '30e01d410f0d3638ca8dc8439606b0b745067785', swirlPopover: this.menu }, h("swirl-button", { key: '6c77e61182220ff3f4abb631ff57a1d0d59ad195', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), h("span", { key: '554835274cc215832ea4f8b775d793262810b111', class: "pdf-reader__floating-tools" }, h("button", { key: '2bb625edf367522f530631ee1e84464a21dd78cf', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, h("swirl-icon-menu-book", { key: '0ba569fe48252bed9e7b75120816840ffa5027eb' })), h("button", { key: '04d6c8ae691e3a926f667da954677e2ba6aa1e5d', "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: 'd104658df6b35671a655d10dcf236bbbf45b7afd' })))), h("div", { key: 'cca0fce2012980659d01bffa8c39ac437c648583', class: "pdf-reader__content" }, h("nav", { key: 'd6ecf05293c722dcbd4a329bcbc8535a590ea782', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && h("swirl-spinner", { key: 'dcc729a2ed2d4907de434cc643dbe5016224dc34' }), !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: '15818f96f8beb0bf129cba322657e4f4bc8a027f', 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: 'e421935bdb95f0ff4384fb53361639d3b834a0b5', class: "pdf-reader__mobile-zoom-controls" }, h("button", { key: '5855e86dffccaed0df0e21758ddab09a77ec4ec2', "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: '8ddfe0dccd5e5637005d503a109abe523c24e5df', "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: '367692fdae99a0f5ae0c2c9f8f66f517cae65bab' })), h("button", { key: '8d6c4904597294ebac17204acb456b96f928ef93', "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: 'eb2ae192ba800bd8c719ccdea32d7a600b8a83c2' }))))), h("swirl-popover", { key: '83556abd5e7aaa614481fec72e936b5346f6ddf3', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: '1d240fa59e3b666d79c2a4876ca1bc917e7b5223' }, h("div", { key: '8d4c378a6b38d4385f7e210631c0b3f8ca996517', class: "pdf-reader__meta" }, h("div", { key: '54395a1b014abacc24b0b3728522ffd3db7c79d4', class: "pdf-reader__file-icon" }, h("svg", { key: 'c74b5e781c8030b492cd06fd190fce19e0e05a46', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, h("path", { key: '520317e53ccb77b19e6858b98f1a6cf72cffae8e', 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: 'e57a0ebb117d0c5777b8717021eeae86db66d0f6', 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: '1959c5bf3814385f7e448ee053852d29a2c92412', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), h("path", { key: '415bd271f276a6d939f97c5a4ddaaebb9b50baad', 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: 'ea42e4832a386bf0608c120f85b02ff4f3c2ccbc', 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: 'f748b8a043e536ed5917a4f28a26b08bfe824630', 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: '29e1b8a83a46ed5e10a6a2052ebbf109ac7a8f0e', 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: '67e5d09b4ab32dbdd9eefe09284c2ce7c3645649', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), h("div", { key: '6fee11f9034cc73005a3ef2d00202f59e41357df', class: "pdf-reader__file-info" }, h("swirl-text", { key: '7a8959c6ff660bde4bb1e03e8f5e35ed4fb34668', truncate: true, weight: "semibold" }, this.label), h("swirl-text", { key: '10f1460954f38bbd00657ccc06667737ce6eca5a', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && h("swirl-separator", { key: 'b8cfa772c5df34c771ddbec88ef9303f64eb6cc8' }), h("swirl-action-list", { key: '51d993d8280b202391870bde2d158a4c48c47b81', class: "pdf-reader__menu" }, this.printButtonEnabled && (h("swirl-action-list-item", { key: 'f02fe8ed48284fd0e2e54cd048731eb8b62a59d4', 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: '466f8c6868b075628a94925b8490749899317274', class: "pdf-reader__download-button", disabled: this.downloading, icon: !this.downloading
+            })), h("swirl-file-viewer", { key: 'f471b44a0151ba0e095d47d94a00228374c16f26', 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: '076a6b3f5dd7db08b2fff733fe546612cfe9ffee', class: "pdf-reader__mobile-zoom-controls" }, h("button", { key: '4d0daca80e2b785c60cbe502ac0cac546ea37a44', "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: '0a7422f8d5b3189d02bad86c1e5209a38d37e32e', "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: '0e95d2a5e51b3d15ab548dae61c4a797407bbc9d' })), h("button", { key: '2dd907ce79c47cba02b0c60c4a6af156af7874bb', "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: 'edcdd7a8ae8cf35bf5bf4983cf946da6c4ade72a' }))))), h("swirl-popover", { key: '12e3b28b016e8fe482f49ac0d1da5229a1898632', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: '1cb686c336d9e5d74f174498e64e87cb46382622' }, h("div", { key: '715784cf20db45392f0f40c205315ce646d24ad1', class: "pdf-reader__meta" }, h("div", { key: 'ba66a73782b3d05950e976ee7f58f6fa6053c5bd', class: "pdf-reader__file-icon" }, h("svg", { key: '5f7f6c1230166a0cb5ed3dfa8ffc8837e7ee480f', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, h("path", { key: '9f078a267a84e6f2b2b88350bb679ca4248cebe3', 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: 'eb3a1cc3682762c91ac70cf2ada868fc07b55554', 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: '89c2db5c23ac1f503c7cb27830ee10cc0265755c', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), h("path", { key: '159ba1e2de96cbf8726f44dee820f9cf2d3a8688', 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: 'fd6fac014802d74d7618a1258368982125e23edb', 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: 'b627c31f565559ad971e8632f983206e021ce921', 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: '21080f5114a9e186adb71af6d4da4e1ba9fcbdf8', 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: '818cdfdbac2c014a7cfe66bac43686d9115054aa', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), h("div", { key: '43f6342767a3bd92836418779cbacad7113005fe', class: "pdf-reader__file-info" }, h("swirl-text", { key: '1a32c30732b49cef723f89663cc815c0d86a6adb', truncate: true, weight: "semibold" }, this.label), h("swirl-text", { key: '5a45d56585bc6778b33535664c5e3919e1618e89', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && h("swirl-separator", { key: 'ee77d6380da55f25d4b488b4a3754bb62a4e2dfe' }), h("swirl-action-list", { key: '464de70bc5deb76145119d0c6b4005f50c09e9fa', class: "pdf-reader__menu" }, this.printButtonEnabled && (h("swirl-action-list-item", { key: '1d860c8f04d26723bff5a64b3c8dea4bda2709d3', 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: '6988a3430256fd7b5201f7a476d1880c70c8147c', 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: '0546c1a30aa7b82d81e466a96c55d5c5d260585d', name: "menu-items" })))))));
+                : '<swirl-spinner size="xs"></swirl-spinner>', label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), h("slot", { key: '7ea4e6626af4627efa4a863f2e8b6caf08746988', name: "menu-items" })))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement
 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';
-import { i as isMobileViewport, q as querySelectorAllDeep, b as getActiveElement } from './utils-9b747dd7.js';
+import { i as isMobileViewport, q as querySelectorAllDeep, b as getActiveElement } from './utils-c16952ba.js';
 
 const swirlPopoverCss = ":host{position:relative;z-index:var(--s-z-40);display:inline-flex}:host *{box-sizing:border-box}.popover--active:not(.popover--closing) .popover__backdrop{animation:0.15s popover-fade-in}@media (prefers-reduced-motion){.popover--active:not(.popover--closing) .popover__backdrop{animation:none}}.popover--active:not(.popover--closing) .popover__content{animation:0.15s popover-slide-in}@media (min-width: 768px){.popover--active:not(.popover--closing) .popover__content{transform-origin:top left;animation:0.15s popover-fade-scale-in-xy}}@media (prefers-reduced-motion){.popover--active:not(.popover--closing) .popover__content{animation:none}}.popover--closing .popover__backdrop{animation:0.15s popover-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.popover--closing .popover__backdrop{animation:none}}.popover--closing .popover__content{animation:0.15s popover-slide-out;animation-fill-mode:forwards}@media (min-width: 768px){.popover--closing .popover__content{animation:0.15s popover-fade-out}}@media (prefers-reduced-motion){.popover--closing .popover__content{animation:none}}.popover--inactive .popover__content{display:none}@media (max-width: 767px){.popover--fullscreen-bottom-sheet.popover--active:not(.popover--closing) .popover__content{animation:0.15s popover-fade-in}@media (prefers-reduced-motion){.popover--fullscreen-bottom-sheet.popover--active:not(.popover--closing) .popover__content{animation:none}}.popover--fullscreen-bottom-sheet.popover--closing .popover__content{animation:0.15s popover-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.popover--fullscreen-bottom-sheet.popover--closing .popover__content{animation:none}}.popover--fullscreen-bottom-sheet .popover__backdrop{display:none}.popover--fullscreen-bottom-sheet .popover__content{top:0;border-top-left-radius:0;border-top-right-radius:0}.popover--fullscreen-bottom-sheet .popover__scroll-container{height:100%;max-height:none;padding-top:0;padding-bottom:0}.popover--fullscreen-bottom-sheet .popover__handle{display:none}}@media (min-width: 768px){.popover--animation-scale-in-y.popover--active:not(.popover--closing) .popover__content{animation:0.15s popover-fade-scale-in-y}}@media (prefers-reduced-motion){.popover--animation-scale-in-y.popover--active:not(.popover--closing) .popover__content{animation:none}}@media (min-width: 768px){.popover--animation-fade-in.popover--active:not(.popover--closing) .popover__content{animation:0.15s popover-fade-in}}@media (prefers-reduced-motion){.popover--animation-fade-in.popover--active:not(.popover--closing) .popover__content{animation:none}}@media (min-width: 768px){.popover--transparent .popover__content{background-color:transparent;box-shadow:none}}@media (min-width: 768px){.popover--transparent .popover__scroll-container{padding:0}}.popover__backdrop{position:fixed;z-index:0;background-color:rgba(0, 0, 0, 0.2);animation:0.15s popover-backdrop-fade-in;inset:0}@media (prefers-reduced-motion){.popover__backdrop{animation:none}}@media (min-width: 768px){.popover__backdrop{display:none}}.popover__content{position:fixed;z-index:2;right:0;bottom:0;left:0;overflow:hidden;border-top-left-radius:var(--s-border-radius-xl);border-top-right-radius:var(--s-border-radius-xl);background-color:var(--s-surface-overlay-default)}@media (min-width: 768px){.popover__content{right:unset;bottom:unset;left:unset;max-width:22.5rem;border-radius:var(--s-border-radius-sm);animation:none;box-shadow:var(--s-shadow-level-2)}}.popover__scroll-container{overflow-x:hidden;overflow-y:auto;width:100%;max-height:90vh;padding-top:var(--s-space-24);padding-bottom:var(--s-space-24);overscroll-behavior:contain}@media (min-width: 768px){.popover__scroll-container{max-height:22rem;padding-top:var(--s-space-8);padding-bottom:var(--s-space-8)}}.popover__handle{position:absolute;top:var(--s-space-8);left:50%;width:2.5rem;height:0.375rem;border-radius:0.1875rem;background-color:var(--s-border-default);transform:translatex(-50%)}@media (min-width: 768px){.popover__handle{display:none}}@keyframes popover-slide-in{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes popover-slide-out{from{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes popover-fade-in{from{opacity:0}to{opacity:1}}@keyframes popover-fade-out{from{opacity:1}to{opacity:0}}@keyframes popover-fade-scale-in-xy{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes popover-fade-scale-in-y{from{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}";
 const SwirlPopoverStyle0 = swirlPopoverCss;
@@ -432,7 +432,7 @@ const SwirlPopoverTrigger = class {
         return isActive;
     }
     render() {
-        return (h(Host, { key: 'd5abb9f47b708c026426c51ce6e3be8f27586c17', onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, h("slot", { key: '0a83cc1d2026ad21a1ee1f1ef326bcfae3f2da27' })));
+        return (h(Host, { key: 'e772eb71b37f89345b01acb2b21a1b3c7669ba4a', onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, h("slot", { key: 'be8fa318d0d288b096ca13bdf28956e839e8ff26' })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -43,7 +43,7 @@ const SwirlRadioGroup = class {
         }
     }
     render() {
-        return (h(Host, { key: 'ba8d79d2833f228338e93f9a6c992c6bed9a4b95', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, h("div", { key: '532311a8b68db702980f90833d9e32121d4f8732', class: "radio-group" }, h("slot", { key: '171c726dd6cd62841e32ff4a3458424a4a8f0fdc' }))));
+        return (h(Host, { key: '5cd34317e5b82413d4080b2d2950e0b5ddd713fa', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, h("div", { key: '3c3714923c588d6632ae83919e85a87b935553d2', class: "radio-group" }, h("slot", { key: '6354b0401e30d01a5f2cfccef6d3da143e588a69' }))));
     }
     get el() { return getElement(this); }
 };

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-2d054a87.js';
 import { c as classnames } from './index-267776a4.js';
-import { g as getDesktopMediaQuery } from './utils-9b747dd7.js';
+import { g as getDesktopMediaQuery } from './utils-c16952ba.js';
 
 const swirlResourceListFileItemCss = ".sc-swirl-resource-list-file-item-h{display:block;width:100%}.sc-swirl-resource-list-file-item-h *.sc-swirl-resource-list-file-item{box-sizing:border-box}.resource-list-file-item.sc-swirl-resource-list-file-item{position:relative;display:flex;width:100%;padding:var(--s-space-12) var(--s-space-16);align-items:center;background-color:var(--s-background-default);line-height:var(--s-line-height-base);gap:var(--s-space-12)}.resource-list-file-item.sc-swirl-resource-list-file-item:focus{outline:none}.resource-list-file-item.sc-swirl-resource-list-file-item:focus-visible{background-color:var(--s-background-hovered)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-file-item.sc-swirl-resource-list-file-item{padding:var(--s-space-12);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.resource-list-file-item--has-control.sc-swirl-resource-list-file-item .resource-list-file-item__label-container.sc-swirl-resource-list-file-item{padding-right:calc(var(--s-space-12) + 2.5rem)}.resource-list-file-item__icon.sc-swirl-resource-list-file-item{width:1.5rem;height:1.5rem;color:var(--s-icon-highlight)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-file-item__icon.sc-swirl-resource-list-file-item{width:1.25rem;height:1.25rem}}.resource-list-file-item__label-container.sc-swirl-resource-list-file-item{position:relative;display:flex;min-width:0;min-height:2.875rem;flex-grow:1;justify-content:center;flex-direction:column}.resource-list-file-item__label-container.sc-swirl-resource-list-file-item:after{position:absolute;right:0;bottom:calc(-1 * var(--s-space-12));left:0;height:0.0625rem;background-color:var(--s-border-default);content:\"\"}.resource-list-file-item__label.sc-swirl-resource-list-file-item{overflow:hidden;font-weight:var(--s-font-weight-medium);white-space:nowrap;text-overflow:ellipsis}.resource-list-file-item__description.sc-swirl-resource-list-file-item{overflow:hidden;margin-top:var(--s-space-2);color:var(--s-text-subdued);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);white-space:nowrap;text-overflow:ellipsis}.resource-list-file-item__error-message.sc-swirl-resource-list-file-item{margin-top:var(--s-space-2)}.resource-list-file-item__remove-button.sc-swirl-resource-list-file-item{position:absolute;top:50%;right:var(--s-space-16);display:inline-flex;transform:translateY(-50%)}.resource-list-file-item__spinner.sc-swirl-resource-list-file-item{position:absolute;top:50%;right:var(--s-space-24);display:inline-flex;transform:translateY(-50%)}";
 const SwirlResourceListFileItemStyle0 = swirlResourceListFileItemCss;
@@ -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: 'de0f3aff99b56b87a7ab58b7ed24935b193b4542', role: "row" }, h("div", { key: 'dadbc521f38ec830443b745f92b0ad9a9884f26d', class: className, part: "resource-list-file-item", role: "gridcell" }, h("span", { key: '88c21cd132223b426bd23a81ca3d4d3c925e2d0e', class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }), h("span", { key: '1d75dbb382eaa262c5b9c731b46f091d0b145332', class: "resource-list-file-item__label-container" }, h("span", { key: '7bb5c47d6f1d4c576ff060a916496f4cff58ba1f', class: "resource-list-file-item__label", id: "label" }, this.label), showDescription && (h("span", { key: '4f8be70129c86991450442f4949b57b53450a9db', class: "resource-list-file-item__description" }, this.description)), showError && (h("span", { key: 'b519019edac2aad3224aa93d69e88ea9b688262e', "aria-live": "polite", class: "resource-list-file-item__error-message" }, h("swirl-inline-error", { key: '8905cc3115ce1a210a7d2b42081133cd6760de93', message: this.errorMessage, size: "s" })))), showSpinner && (h("span", { key: 'c584af48899bb882b3b1d414a39791e81d77e984', class: "resource-list-file-item__spinner" }, h("swirl-spinner", { key: '639f5f6a4b0b2ccba7c8a6273538e8f9282b1d65', size: "s" }))), showRemoveButton && (h("span", { key: 'cbfd11ac0ebc8343da2b4f96605c6061f4179787', class: "resource-list-file-item__remove-button" }, h("swirl-button", { key: '9dd05b35674b050378f5c9dca22ca3d9df57595a', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))))));
+        return (h(Host, { key: '3c10795e77b48bcb1f76f2cd7b57cb138e8eb768', role: "row" }, h("div", { key: '7f5c9feb9e9059769f7fa722935fc20b29b785c5', class: className, part: "resource-list-file-item", role: "gridcell" }, h("span", { key: '13780eef8d807dcceb2521d0e2e3be3de63a4556', class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }), h("span", { key: '906811a5beae1556cec1f5409f3fff4167ea5a97', class: "resource-list-file-item__label-container" }, h("span", { key: '24b8649344bb31c2cff431b45fdfdea407f14df3', class: "resource-list-file-item__label", id: "label" }, this.label), showDescription && (h("span", { key: 'e51c2c4511354fb624b28bdb0894b74fabf9dfbe', class: "resource-list-file-item__description" }, this.description)), showError && (h("span", { key: 'd28309e8c6465cc6b3cf54fb23797206c71b64d7', "aria-live": "polite", class: "resource-list-file-item__error-message" }, h("swirl-inline-error", { key: '2a25a331151cdc0b3103d5008284088449ed52ca', message: this.errorMessage, size: "s" })))), showSpinner && (h("span", { key: '32bba8b8a3701392b108f2534da7b4199535d5c0', class: "resource-list-file-item__spinner" }, h("swirl-spinner", { key: 'a33e630db7eac6b02711c3c5584d1b1f4732ec8a', size: "s" }))), showRemoveButton && (h("span", { key: 'b4dd6ae8d056517dfd6ffb805db96bd10826d18b', class: "resource-list-file-item__remove-button" }, h("swirl-button", { key: 'ca4b510b0610e1d7b69c7df16ea9ec9545dc7e3b', 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,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-2d054a87.js';
 import { c as classnames } from './index-267776a4.js';
-import { g as getDesktopMediaQuery } from './utils-9b747dd7.js';
+import { g as getDesktopMediaQuery } from './utils-c16952ba.js';
 
 const swirlSearchCss = ".sc-swirl-search-h{display:flex;width:100%}.sc-swirl-search-h *.sc-swirl-search{box-sizing:border-box}.search.sc-swirl-search{position:relative;display:flex;width:100%}.search--variant-outline.sc-swirl-search .search__input.sc-swirl-search{background-color:transparent;box-shadow:inset 0 0 0 var(--s-border-width-default) var(--s-border-strong)}.search--disabled.sc-swirl-search .search__icon.sc-swirl-search{color:var(--s-icon-disabled)}.search--disabled.sc-swirl-search .search__input.sc-swirl-search{color:var(--s-text-disabled)}.search--disabled.sc-swirl-search .search__input.sc-swirl-search::-moz-placeholder{color:var(--s-text-disabled)}.search--disabled.sc-swirl-search .search__input.sc-swirl-search::placeholder{color:var(--s-text-disabled)}.search__icon.sc-swirl-search{position:absolute;top:50%;left:var(--s-space-12);display:inline-flex;width:1.5rem;height:1.5rem;color:var(--s-icon-default);transform:translateY(-50%)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.search__icon.sc-swirl-search{width:1.25rem;height:1.25rem}}.search__input.sc-swirl-search{width:100%;height:2.5rem;padding-top:var(--s-space-8);padding-right:calc(var(--s-space-12) + 1.5rem + var(--s-space-8));padding-bottom:var(--s-space-8);padding-left:calc(var(--s-space-12) + 1.5rem + var(--s-space-8));border:none;border-radius:var(--s-border-radius-base);color:var(--s-text-default);background-color:var(--s-surface-raised-default);font:inherit;line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.search__input.sc-swirl-search:focus:not(:focus-visible){outline:none}.search__input.sc-swirl-search:focus-visible{outline-color:var(--s-focus-default)}.search__input.sc-swirl-search::-moz-placeholder{color:var(--s-text-subdued)}.search__input.sc-swirl-search::placeholder{color:var(--s-text-subdued)}.search__input.sc-swirl-search::-webkit-search-decoration,.search__input.sc-swirl-search::-webkit-search-cancel-button,.search__input.sc-swirl-search::-webkit-search-results-button,.search__input.sc-swirl-search::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}.search__input.sc-swirl-search:not(:-moz-placeholder-shown)+.search__clear-button.sc-swirl-search{display:inline-flex}.search__input.sc-swirl-search:not(:placeholder-shown)+.search__clear-button.sc-swirl-search{display:inline-flex}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.search__input.sc-swirl-search{height:2.25rem;padding-left:calc(var(--s-space-8) + 1.5rem + var(--s-space-8));font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.search__clear-button.sc-swirl-search{position:absolute;top:50%;right:var(--s-space-12);display:none;padding:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:pointer;transform:translateY(-50%)}";
 const SwirlSearchStyle0 = swirlSearchCss;

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-2d054a87.js';
 import { c as classnames } from './index-267776a4.js';
-import { q as querySelectorAllDeep } from './utils-9b747dd7.js';
+import { q as querySelectorAllDeep } from './utils-c16952ba.js';
 
 const swirlSelectCss = ".sc-swirl-select-h{display:block;width:100%}.sc-swirl-select-h *.sc-swirl-select{box-sizing:border-box}.select.sc-swirl-select{position:relative;display:flex;width:100%}.select.sc-swirl-select .sc-swirl-select::part(popover__content){margin-top:var(--s-space-16)}@media (min-width: 768px){.select.sc-swirl-select .sc-swirl-select::part(popover__scroll-container){padding-top:0}}.select--placement-top-start.sc-swirl-select .sc-swirl-select::part(popover__content){margin-top:-2.25rem}.select--multi.sc-swirl-select .select__input.sc-swirl-select{position:absolute;width:100%;height:100%;pointer-events:none;opacity:0}.select--multi.sc-swirl-select .select__multi-select-values.sc-swirl-select{display:flex}.select--disabled.sc-swirl-select .select__input.sc-swirl-select{color:var(--s-text-disabled)}.select--disabled.sc-swirl-select .select__indicator.sc-swirl-select{color:var(--s-icon-disabled)}.select--inline.sc-swirl-select .select__indicator.sc-swirl-select{transform:translateY(-50%)}.select--search-loading.sc-swirl-select .select__search-input.sc-swirl-select{padding-right:calc(var(--s-space-12) + 1.5rem + var(--s-space-8))}.select__input.sc-swirl-select{display:block;overflow:hidden;width:100%;height:1.25rem;margin:0;padding:0;padding-right:calc(1.5rem + var(--s-space-8));border:none;background-color:transparent;font:inherit;line-height:var(--s-line-height-base);text-align:left;white-space:nowrap;text-overflow:ellipsis;cursor:default}.select__input.sc-swirl-select:focus{outline:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.select__input.sc-swirl-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.select__multi-select-values.sc-swirl-select{display:none;overflow:hidden;width:100%;min-height:1.25rem;padding-right:calc(1.5rem + var(--s-space-8));flex-wrap:wrap;gap:var(--s-space-8)}.select__multi-select-values.sc-swirl-select .sc-swirl-select::part(tag){height:1.25rem;padding:0 var(--s-space-4)}.select__indicator.sc-swirl-select{position:absolute;top:50%;right:0;display:inline-flex;color:var(--s-icon-default);transform:translateY(calc(-50% - var(--s-space-8)))}.select__search.sc-swirl-select{position:relative;display:flex;width:100%;padding:0.0625rem var(--s-space-8);border-bottom:0.0625rem solid var(--s-border-default);background-color:var(--s-surface-overlay-default)}@media (min-width: 768px){.select__search.sc-swirl-select{position:sticky;z-index:1;top:0;padding-top:var(--s-space-8);padding-right:0.0625rem;padding-left:0.0625rem}}.select__search-icon.sc-swirl-select{position:absolute;top:50%;left:calc(var(--s-space-8) * 2);display:inline-flex;color:var(--s-icon-default);transform:translateY(-50%)}@media (min-width: 768px){.select__search-icon.sc-swirl-select{left:var(--s-space-12);margin-top:var(--s-space-4);padding:0.0625rem}}.select__search-input.sc-swirl-select{width:100%;height:2.5rem;padding-right:var(--s-space-12);padding-left:calc(var(--s-space-12) + 1.25rem + var(--s-space-8));align-items:center;border:none;color:var(--s-text-default);background-color:var(--s-surface-overlay-default);font:inherit;line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.select__search-input.sc-swirl-select:focus:not(:focus-visible){outline:none}.select__search-input.sc-swirl-select:focus-visible{outline-color:var(--s-focus-default)}.select__search-input.sc-swirl-select::-moz-placeholder{color:var(--s-text-subdued)}.select__search-input.sc-swirl-select::placeholder{color:var(--s-text-subdued)}.select__search-input.sc-swirl-select::-webkit-search-decoration,.select__search-input.sc-swirl-select::-webkit-search-cancel-button,.select__search-input.sc-swirl-select::-webkit-search-results-button,.select__search-input.sc-swirl-select::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.select__search-input.sc-swirl-select{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.select__search-spinner.sc-swirl-select{position:absolute;top:50%;right:var(--s-space-12);display:inline-flex;transform:translateY(-50%)}@media (min-width: 768px){.select__search-spinner.sc-swirl-select{margin-top:var(--s-space-4)}}.select__empty-list-label.sc-swirl-select{padding:var(--s-space-12) var(--s-space-12) 0}.select__empty-list-label.sc-swirl-select:not(:only-child){display:none}@media (min-width: 768px){.select__empty-list-label.sc-swirl-select{padding:var(--s-space-12) var(--s-space-12) var(--s-space-8)}}";
 const SwirlSelectStyle0 = swirlSelectCss;
@@ -125,11 +125,11 @@ const SwirlSelect = class {
             "select--multi": this.multiSelect,
             "select--search-loading": this.searchLoading,
         });
-        return (h(Host, { key: '57230c1df8478986df2fddc209a2468025c0a546', onKeyDown: this.onKeyDown }, h("div", { key: '32e98b9a03a540d0104bd4c464b85bfa19b31e88', class: className }, h("swirl-popover-trigger", { key: '3fb8369994a69bfd865c26b91721bf501412f553', swirlPopover: this.swirlPopover, setAriaAttributes: false }, h("input", { key: 'd02223026d89d06a9288c11cc95efc50567ed893', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, class: "select__input", disabled: this.disabled, readOnly: true, ref: (el) => (this.input = el), type: "text", value: label })), h("span", { key: '53d62fe2b58b0e0bbbf359c50b6d7a3b2d99d9c1', class: "select__multi-select-values" }, this.value
+        return (h(Host, { key: '77894b878a9e1d0e4083bcf7b7ce99c445153893', onKeyDown: this.onKeyDown }, h("div", { key: '17bbf2778cc63f29a1c993ce9ab0e0fdb40e6424', class: className }, h("swirl-popover-trigger", { key: '10b231dbfe0f64170741d1c9b376eb56133489a5', swirlPopover: this.swirlPopover, setAriaAttributes: false }, h("input", { key: '6296b5fa953b2785b97de2ec79f92be8d9495a61', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, class: "select__input", disabled: this.disabled, readOnly: true, ref: (el) => (this.input = el), type: "text", value: label })), h("span", { key: 'e8b2a03b29511ea55e2c8a2d070ddf950f02e2f2', class: "select__multi-select-values" }, this.value
             ?.map((value) => this.options.find((option) => option.value === value))
             ?.map((option) => (h("swirl-tag", { "aria-hidden": "true", label: option?.label,
             // eslint-disable-next-line react/jsx-no-bind
-            onRemove: () => this.unselectOption(option?.value), removable: !this.disabled && this.allowDeselect })))), h("span", { key: 'b3bf5833095933b8282704549af4a328e7d5d927', class: "select__indicator" }, this.open ? (h("swirl-icon-expand-less", null)) : (h("swirl-icon-expand-more", null))), h("swirl-popover", { key: '95f74f988896a38eecc57fd8c748f0b62ee9a2fb', animation: "scale-in-y", class: "select__popover", id: `select-options-${this.selectId}`, label: this.label, offset: [0, offset], onPopoverClose: this.onClose, onPopoverOpen: this.onOpen, ref: (el) => (this.swirlPopover = el), useContainerWidth: "swirl-form-control" }, this.withSearch && (h("div", { key: '22b1300084753ff79768669983f3cf16ce354599', class: "select__search" }, h("swirl-icon-search", { key: '5f9224f371bdb5e6b85d34e143669b1e8f312961', class: "select__search-icon", size: 20 }), h("input", { key: '1b7df58c3fed46cef63ce0c7fa22c21dfc9dfb4c', "aria-label": this.searchInputLabel, class: "select__search-input", onInput: this.onSearchInput, placeholder: this.searchPlaceholder, ref: (el) => (this.searchInput = el), type: "search" }), this.searchLoading && (h("swirl-spinner", { key: 'e05b2c6c2b306ce1451754e56f4a4b2af21add24', class: "select__search-spinner", size: "s" })))), h("swirl-option-list", { key: '9148ae7598c8fddbbe1ea83ff3c2c182c75c288e', allowDeselect: this.allowDeselect, onValueChange: this.select, multiSelect: this.multiSelect, ref: (el) => (this.optionList = el), value: this.value }, !this.searchLoading && (h("div", { key: 'af1e29f1409acac100fe0f2cd601ccd9f5aa91c6', "aria-disabled": "true", class: "select__empty-list-label", role: "option" }, h("swirl-text", { key: '7e1e8b6a38c1477d5c98ace9529baaf4295f25d3', color: "subdued", weight: "medium" }, this.emptyListLabel))), h("slot", { key: '4bf8b0d8de608ff9a949e3ff948d118209a2dad7', onSlotchange: this.onSlotChange }))))));
+            onRemove: () => this.unselectOption(option?.value), removable: !this.disabled && this.allowDeselect })))), h("span", { key: '60e1816db4bc49eeed6d91e2b7b4109978ce64b4', class: "select__indicator" }, this.open ? (h("swirl-icon-expand-less", null)) : (h("swirl-icon-expand-more", null))), h("swirl-popover", { key: 'f9676a81d852796011f184f69ed1ad5d6ac1dc08', animation: "scale-in-y", class: "select__popover", id: `select-options-${this.selectId}`, label: this.label, offset: [0, offset], onPopoverClose: this.onClose, onPopoverOpen: this.onOpen, ref: (el) => (this.swirlPopover = el), useContainerWidth: "swirl-form-control" }, this.withSearch && (h("div", { key: '06785d0ce3f3edd3ee619a8dc8f0fa7c56cd9f9a', class: "select__search" }, h("swirl-icon-search", { key: 'e1bc4f4066568c13826882a7c3b1458eff0e795a', class: "select__search-icon", size: 20 }), h("input", { key: '508aa603f4175bbd757b1760030e4ff3165891b6', "aria-label": this.searchInputLabel, class: "select__search-input", onInput: this.onSearchInput, placeholder: this.searchPlaceholder, ref: (el) => (this.searchInput = el), type: "search" }), this.searchLoading && (h("swirl-spinner", { key: 'e198ede812449c90456c2e33992ff549eb00615f', class: "select__search-spinner", size: "s" })))), h("swirl-option-list", { key: '4fdb1923ac80b9dcb18a82b5ba43841a3dee5b33', allowDeselect: this.allowDeselect, onValueChange: this.select, multiSelect: this.multiSelect, ref: (el) => (this.optionList = el), value: this.value }, !this.searchLoading && (h("div", { key: '942a2f318e762d4ebd07eecb9b81f2a3a03f9001', "aria-disabled": "true", class: "select__empty-list-label", role: "option" }, h("swirl-text", { key: 'd6770311ca81f3d93ad03a496315ee97caec14fb', color: "subdued", weight: "medium" }, this.emptyListLabel))), h("slot", { key: 'c95fe644c426994d58913e04ecb6dd9ba0100761', onSlotchange: this.onSlotChange }))))));
     }
     get el() { return getElement(this); }
 };