@getflip/swirl-components 0.523.0 → 0.524.0

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

@@ -108,9 +108,9 @@ const SwirlMenuItem = class {
         const className = classnames("menu-item", {
             "menu-item--expanded": this.expanded,
         });
-        return (h(Host, { key: '44d4dc9ce85e8f256090d01478c2776dd8aad272' }, h("div", { key: '58aced7a0f4d3229d279524b8ed00d25a14d0fa0', class: className }, this.parentMenu?.variant === "selection"
+        return (h(Host, { key: '2e35fee489e3da5de328e00e79f5b8e89d36ebd4' }, h("div", { key: 'cf743ce2b074c2c3e30dd369a7cdd840ce4a0683', class: className }, this.parentMenu?.variant === "selection"
             ? this.renderOptionListItem()
-            : this.renderActionListItem(), h("slot", { key: 'a90b3b34e520948b0b584c531a952f4ba1d2cfa3', onSlotchange: this.onSlotChange }))));
+            : this.renderActionListItem(), h("slot", { key: '78d27122dd1cf3dbb76b007e71f46a96a4bf536d', onSlotchange: this.onSlotChange }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -293,7 +293,7 @@ const SwirlMenu = class {
             "menu--mobile": this.mobile,
             "menu--root": isTopLevelMenu,
         });
-        return (h(Host, { key: 'b5ad819aaff829f9e4fe39e3d3e9b113c9f68b7d' }, h("div", { key: '45fff2f64a8e8e51e45a316e2ab5efa067192de9', class: className }, this.mobile && isTopLevelMenu && (h("div", { key: 'aa0a02960914766af8c4e8bba1b9fba6cc514616', class: "menu__mobile-header" }, this.activeLevel === 0 && (h("swirl-button", { key: 'ad2090c90a617711d9f77a619c3aeecddf824243', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" })), this.activeLevel > 0 && (h("swirl-button", { key: '592db26025c43f6760199b68ebc4decb93b5ae96', hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" })), h("span", { key: 'ec2daf54a9467190c282e6f54d5fe0b22d8771a8', class: "menu__title", id: "menu-title" }, h("swirl-heading", { key: 'd475c57779832125f08a39cc69753d83029d4772', align: "center", as: "span", level: 4, text: this.label, truncate: true })), h("swirl-button", { key: '32093ff3129acb64e8f65ae870cabcf1f9cab602', class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone }))), h("div", { key: '97c93ba8c70b726c1e3122f5b3ad4f70d2566d6d', "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: 'd4f95b5e7909c159d8ca5c9a02f36accc6694764' }, h("div", { key: 'da2779ac100cd9b71ffbbf3ba315defa7a7260b3', class: className }, this.mobile && isTopLevelMenu && (h("div", { key: 'f5a5c1774ac9b15a423cc79884cab91184a454a2', class: "menu__mobile-header" }, this.activeLevel === 0 && (h("swirl-button", { key: '0727a7204c41bdeeb780ecd2944ae9af10e471e0', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" })), this.activeLevel > 0 && (h("swirl-button", { key: 'bfdf9e0f7b5f998e00033e8f29e406c06190adfc', hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" })), h("span", { key: '55a328265717055e37d328bd3a5397827af00081', class: "menu__title", id: "menu-title" }, h("swirl-heading", { key: 'eb7e9c991ba8dfe2a09a904575bf7528e07cadbe', align: "center", as: "span", level: 4, text: this.label, truncate: true })), h("swirl-button", { key: '43511203658cd8869fea5df48061ded990aa81ce', class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone }))), h("div", { key: '32cdc268dc2c4f0a249bf7966c3094bf841f57f5', "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` : "",
@@ -305,7 +305,7 @@ const SwirlMenu = class {
                             ? `calc(-100% * ${this.activeLevel})`
                             : "100%",
                     }
-                    : undefined }, h("slot", { key: 'b634b69c59778562eafca8a7ded1dd2f5ec66bd8' })))));
+                    : undefined }, h("slot", { key: 'ba834e3cc69de93c056ccd153ebdfd9f6057901d' })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -54,7 +54,7 @@ const SwirlModalShell = class {
         const className = classnames("modal-shell", {
             "modal-shell--closing": this.isClosing,
         });
-        return (h(Host, { key: '3583015bd4729ffb458290ccf7fecd5e1dc01d8c' }, h("dialog", { key: '0427430e074962fea3690f4c8877a7f3f75e8102', "aria-label": this.label, class: className, onClose: this.onDialogClose, onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, h("div", { key: '472475a61d276b948f7b594a96e0b344d402bc0f', class: "modal-shell__backdrop" }), h("div", { key: '302f68e1febd201356dacd6a83b09c6c7f2e26cf', class: "modal-shell__scroll-container", onClick: this.onClose, ref: (el) => (this.scrollContainerEl = el) }, h("div", { key: '005e6fedbdf169d4c48498b6cc068e3fa643a6a8', class: "modal-shell__scroll-container__content", onClick: this.onContentClick }, h("slot", { key: '7de0f52c3062ad2ba0c242dd1124a63e69c6a0e3' }))), h("swirl-button", { key: 'fa5c28de57dcb9693ecf7f3eb1c6f875f6ced258', class: "modal-shell__close-button", icon: "<swirl-icon-close color='strong'></swirl-icon-close>", label: this.closeButtonLabel, hideLabel: true, variant: "translucent", onClick: this.onClose }))));
+        return (h(Host, { key: '1aea0ca363d193685f3f1ac066063c08d3a7f0e6' }, h("dialog", { key: '666f287cab68ef5e4a96bf8bd310b470fd709f38', "aria-label": this.label, class: className, onClose: this.onDialogClose, onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, h("div", { key: '956e7a78ab63d146201d6ce628b1393ea7ca44e5', class: "modal-shell__backdrop" }), h("div", { key: 'c34ccc5b1a81515b41838629f3dc88cb41312e6d', class: "modal-shell__scroll-container", onClick: this.onClose, ref: (el) => (this.scrollContainerEl = el) }, h("div", { key: 'a3d7f773c252ca91827b573f8c76756a2d041d81', class: "modal-shell__scroll-container__content", onClick: this.onContentClick }, h("slot", { key: 'e5cf54d06123545ea26366ab09e19c3fcca29cb4' }))), h("swirl-button", { key: 'a7a9a32b66fb759b2c265a607d774eb87374e742', class: "modal-shell__close-button", icon: "<swirl-icon-close color='strong'></swirl-icon-close>", label: this.closeButtonLabel, hideLabel: true, variant: "translucent", onClick: this.onClose }))));
     }
 };
 SwirlModalShell.style = swirlModalShellCss();

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

@@ -293,29 +293,29 @@ const SwirlModal = class {
             "modal--show-backdrop": this.showBackdrop === true,
             "modal--hide-backdrop": this.showBackdrop === false,
         });
-        return (h(Host, { key: 'db93bc7fe2c406f943b0731828d8647578942a6b' }, h("dialog", { key: '1916e288632a9f25cdc9ecd87ff33a88490e96af', "aria-label": this.label, class: className, onClose: this.onClose, onKeyDown: this.onKeyDown, onToggle: this.onToggle, ref: (el) => (this.modalEl = el) }, h("div", { key: '938fa085a47ada2dba27f77c1b1dcb8d9e5e0bcd', class: "modal__backdrop", onClick: this.onBackdropClick }), h("div", { key: '14fe8af1cf993ca87d509caea0b98159ed431c2f', class: "modal__body", part: "modal__body", style: !this.isFullscreen
+        return (h(Host, { key: '4e7d148841ef6a533400bbede74b50cb71f3ad95' }, h("dialog", { key: '117d80bda8001b13e3a35fe4b0fc4aca44032c26', "aria-label": this.label, class: className, onClose: this.onClose, onKeyDown: this.onKeyDown, onToggle: this.onToggle, ref: (el) => (this.modalEl = el) }, h("div", { key: 'e80adc0ff71799033240a098096229fa5f2cd37b', class: "modal__backdrop", onClick: this.onBackdropClick }), h("div", { key: '3c7527fae9645d1c8c0a49eebce3b0ea33211614', class: "modal__body", part: "modal__body", style: !this.isFullscreen
                 ? {
                     "--swirl-modal-max-height": this.maxHeight,
                     "--swirl-modal-height": this.height,
                     minHeight: this.minHeight,
                     maxWidth: this.maxWidth,
                 }
-                : {} }, h("aside", { key: '1e211526820a3b7fb97d065f88a0d649441341a6', class: "modal__sidebar" }, this.sidebarLabel && (h("header", { key: '378f7540889a596cc9aa05f81ce8087040991b14', class: classnames("modal__sidebar-header", {
+                : {} }, h("aside", { key: 'd9923d714020bed94e559ed4b68ee6bcff00e5cb', class: "modal__sidebar" }, this.sidebarLabel && (h("header", { key: '76440a2b5e964f40ab0eb5afa6edd18e208dd679', class: classnames("modal__sidebar-header", {
                 "modal__sidebar-header--has-close-button": this.hasSidebarCloseButton,
-            }) }, this.hasSidebarCloseButton && (h("swirl-button", { key: '706dd4e080a47c00fc26032de430e57c7c068e70', hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick })), h("swirl-heading", { key: '8258cac2b0b4829e82848d73ab2fe0b51620c541', as: "h3", class: "modal__sidebar-heading", level: 5, text: this.sidebarLabel }))), h("div", { key: '55863a4d8a236f5958aaf3acc352d85298ed97b4', class: "modal__sidebar-content", onScroll: this.determineSidebarScrollStatus, ref: (el) => (this.sidebarScrollContainer = el) }, h("slot", { key: 'be70a8e55d75c22a826f8cd498cd09ca0503dfd0', name: "sidebar-content", onSlotchange: this.updateSidebarContentStatus })), h("div", { key: '886360fa58715ebd8814640b3b3388708ab5db6e', class: "modal__sidebar-footer", part: "modal__sidebar-footer" }, h("slot", { key: '5770a8bebc9e1ba65aad153a6ae4c23eec395778', name: "sidebar-footer", onSlotchange: this.updateSidebarFooterStatus }))), h("div", { key: '0e3a7bdf39166436ee80871361d69eb8cb09f6d2', class: "modal__main-content" }, h("header", { key: '2290f40c2ad45e3cd7589f2401f2f66d2555fc6d', class: "modal__custom-header", part: "modal__custom-header" }, h("slot", { key: 'fac4d8703347a34c9aa7f95381eb595388151634', name: "custom-header", onSlotchange: this.updateCustomHeaderStatus })), (!this.hideLabel || !this.hideCloseButton) && (h("header", { key: 'e5795847f3586110f739efa5af6715780dae6bc8', class: "modal__header" }, h("div", { key: 'ad93618321b8bdd7810dd0858acf1331d464ad1b', class: "modal__header-bar" }, !this.hideCloseButton && (h("swirl-button", { key: '8dc97a362af5128aed1b2cd3c002cf71f57cd022', class: "modal__close-button", hideLabel: true, icon: this.variant === "default"
+            }) }, this.hasSidebarCloseButton && (h("swirl-button", { key: 'e27400cdbb0315cb2d0ba510025ed914572986b1', hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick })), h("swirl-heading", { key: 'db4c6bf78e90bddbc592c48c924e2ad6bea770f7', as: "h3", class: "modal__sidebar-heading", level: 5, text: this.sidebarLabel }))), h("div", { key: '2b63ca9c7708ffbe33349ac086551c2bcec2d04b', class: "modal__sidebar-content", onScroll: this.determineSidebarScrollStatus, ref: (el) => (this.sidebarScrollContainer = el) }, h("slot", { key: '8747fb0b5aa6e5d17c076132d2d507d2afef8483', name: "sidebar-content", onSlotchange: this.updateSidebarContentStatus })), h("div", { key: '164bdc171bbb160aeb3762718107898eec7b4777', class: "modal__sidebar-footer", part: "modal__sidebar-footer" }, h("slot", { key: 'aca17fa682d3ca52fa4024186ad5fc679a576c9b', name: "sidebar-footer", onSlotchange: this.updateSidebarFooterStatus }))), h("div", { key: '78e294b5db70eb997700c05eb20132e490ec7882', class: "modal__main-content" }, h("header", { key: '5ebbee3cdc7f4376031388a103111e7922283bd5', class: "modal__custom-header", part: "modal__custom-header" }, h("slot", { key: '27af848ae5c3d8cefe16e503b0a006c8c45b5e0b', name: "custom-header", onSlotchange: this.updateCustomHeaderStatus })), (!this.hideLabel || !this.hideCloseButton) && (h("header", { key: '9bdc985e51b557a3aac74b28008411a902ded6d9', class: "modal__header" }, h("div", { key: '39f297feadbe3e0c41dc54b7531a0229d31988d5', class: "modal__header-bar" }, !this.hideCloseButton && (h("swirl-button", { key: 'f9a0c0c7aa2586bdd86606f3051ee92a800ff41a', class: "modal__close-button", hideLabel: true, icon: this.variant === "default"
                 ? "<swirl-icon-close></swirl-icon-close>"
-                : "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick })), this.showFullscreenButton && (h("swirl-button", { key: 'adadac65fe49ff1671ae99063cf0456427ed2d1f', class: "modal__fullscreen-button", hideLabel: true, icon: this.isFullscreen
+                : "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick })), this.showFullscreenButton && (h("swirl-button", { key: 'a117081f4d8cf882f6ee95b9afbb8b700bcd6406', class: "modal__fullscreen-button", hideLabel: true, icon: this.isFullscreen
                 ? "<swirl-icon-close-fullscreen></swirl-icon-close-fullscreen>"
                 : "<swirl-icon-open-in-full></swirl-icon-open-in-full>", label: this.isFullscreen
                 ? this.fullscreenDisableButtonLabel
-                : this.fullscreenEnableButtonLabel, onClick: this.onFullscreenButtonClick })), !this.hideLabel && (h("swirl-heading", { key: '1befbe9f41ba38a1038a7e61e53f9504241dee3b', as: "h2", class: "modal__heading", level: 3, text: this.label }))))), h("div", { key: 'de12e0b450899d6df59d751eb226a94e47db5e84', class: "modal__content-container", style: {
+                : this.fullscreenEnableButtonLabel, onClick: this.onFullscreenButtonClick })), !this.hideLabel && (h("swirl-heading", { key: '0c438ba220ace21998b87eff745c913a07e01d51', as: "h2", class: "modal__heading", level: 3, text: this.label }))))), h("div", { key: '3786ea1e0ae43a58d76b68b408559628c7eb5ab0', class: "modal__content-container", style: {
                 gap: this.contentGap
                     ? `var(--s-space-${this.contentGap})`
                     : undefined,
-            } }, h("div", { key: 'fef5887f029fbae5e648251daacea0b098628588', class: "modal__primary-content", style: {
+            } }, h("div", { key: '9e5365c39d9a99e0711068e05da3686dbed3b38e', class: "modal__primary-content", style: {
                 maxWidth: this.primaryContentMaxWidth,
                 flex: this.primaryContentFlex,
-            } }, h("div", { key: 'ec44074d40a109fb37d3d357f0a0d793ea41d91e', class: "modal__header-tools", part: "modal__header-tools" }, h("slot", { key: 'a89823cebe465d573521e664b0580fb3dec49696', name: "header-tools", onSlotchange: this.updateHeaderToolsStatus })), h("div", { key: '4660442cbbe3145362b2fb69edc20a6230479d7e', class: "modal__content", onScroll: this.determineMainScrollStatus, part: "modal__content", ref: (el) => (this.scrollContainer = el) }, h("slot", { key: '82f38ed11d37b4b1184308a799b598cd283dff01' }))), h("div", { key: 'e92d0134f2a88f83fd1a9d48efbb71c253617bf0', class: "modal__secondary-content", style: {
+            } }, h("div", { key: '04f6735c47d4c302db8b8669f7528db2f44042bd', class: "modal__header-tools", part: "modal__header-tools" }, h("slot", { key: '4e5d113031801f529d1e27cdde88adcb110ecf14', name: "header-tools", onSlotchange: this.updateHeaderToolsStatus })), h("div", { key: '79792a34197b1f47aa94e39e2152f6565cee5630', class: "modal__content", onScroll: this.determineMainScrollStatus, part: "modal__content", ref: (el) => (this.scrollContainer = el) }, h("slot", { key: 'f0a0e5cc2cfae741d02d7dc081ec499acb94e11f' }))), h("div", { key: 'ccbdd483db514d93c74a70a64747b697f7f0e32d', class: "modal__secondary-content", style: {
                 maxWidth: this.secondaryContentMaxWidth,
                 flex: this.secondaryContentFlex,
                 padding: Boolean(this.secondaryContentPadding)
@@ -333,7 +333,7 @@ const SwirlModal = class {
                 paddingInlineStart: Boolean(this.secondaryContentPaddingInlineStart)
                     ? `var(--s-space-${this.secondaryContentPaddingInlineStart})`
                     : undefined,
-            } }, h("slot", { key: 'a84788fa88b09050b8135cfc2500226aae5c4915', name: "secondary-content", onSlotchange: this.updateSecondaryContentStatus }))), h("div", { key: 'be9d8230818a1d86d9c5a81e828cdec8bf77e291', class: "modal__custom-footer" }, h("slot", { key: 'd8278ceb626e31f6d95f122f82961a75636a52c5', name: "custom-footer", onSlotchange: this.updateCustomFooterStatus })), showControls && (h("footer", { key: '8e6d71b43bc970f78991570cface58efeeb99d3d', class: "modal__controls" }, h("swirl-button-group", { key: '614f94586a29fa0b2d8fc91b08273c9aa82b7ae5', wrap: true }, this.secondaryActionLabel && (h("swirl-button", { key: '171b13d14ec899286c9eb5e9f9195b7665385ac7', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (h("swirl-button", { key: '3f0e57bf165bfc5e0f261a1d887339ddeea4566c', intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" }))))))))));
+            } }, h("slot", { key: '7fa5754d3fd68ee34d452016b7afa090ef1904fc', name: "secondary-content", onSlotchange: this.updateSecondaryContentStatus }))), h("div", { key: 'b33405ae01b437498d738b9312a27debb8adb8f1', class: "modal__custom-footer" }, h("slot", { key: 'bdfcc495ab4d4dd7beb5df3c06822eb3a46d449e', name: "custom-footer", onSlotchange: this.updateCustomFooterStatus })), showControls && (h("footer", { key: 'afb432d444d64beaf85bfadae7169687e173f4cc', class: "modal__controls" }, h("swirl-button-group", { key: '19bcf388f329faddd7ae4fd9d5c2b0851231a1a9', wrap: true }, this.secondaryActionLabel && (h("swirl-button", { key: '92787acfda759009792de450e51e60829c2bd6c5', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (h("swirl-button", { key: '69a0e33d545983354e4004a46ea8ac5c643dad74', intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" }))))))))));
     }
     get el() { return getElement(this); }
 };

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

@@ -10,7 +10,7 @@ const SwirlOptionListSection = class {
         this.hasSeparator = false;
     }
     render() {
-        return (h(Host, { key: '68d2ae95981de87c60b177c58d2ededbaa58b2fb' }, this.hasSeparator && (h("swirl-separator", { key: 'cda15bfc2f45e37c689713c9288c086e485c2a24', spacing: this.separatorSpacing })), h("div", { key: '7f751e3226b15592528162ece0e511fe2450e25b', "aria-labelledby": "label", class: "option-list-section", role: "group" }, h("span", { key: '282b798edc1c38b5ff4cfb455ae619ea2c4a001d', class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), h("swirl-stack", { key: '0669f82a6306e36bda371ca1e21afca60f443067', spacing: this.spacing, align: "stretch" }, h("slot", { key: '6f3aaeb924cc47c3e6ba3051f1ea847a6ffea6e9' })))));
+        return (h(Host, { key: '93b08d09e7d8135b99cdadac3af873bffbceb93d' }, this.hasSeparator && (h("swirl-separator", { key: 'dd25bb005b9c7ee1e97ba178853380eb4c2a08c3', spacing: this.separatorSpacing })), h("div", { key: '73e2af0a69dcaab7fa5aa06f6974878543466e09', "aria-labelledby": "label", class: "option-list-section", role: "group" }, h("span", { key: '90a68d498e28585bf10583135275292b5eab41a2', class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), h("swirl-stack", { key: '4c42eaf209ecd5af756cc336641e3ff1a1d5050d', spacing: this.spacing, align: "stretch" }, h("slot", { key: 'a8385c3180f0cef63be182e6809161e9b6fcb09d' })))));
     }
 };
 SwirlOptionListSection.style = swirlOptionListSectionCss();

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

@@ -448,7 +448,7 @@ const SwirlOptionList = class {
         const ariaMultiselectable = this.multiSelect ? "true" : undefined;
         const tabIndex = Boolean(this.dragging) ? 0 : undefined;
         const showSelectAll = this.multiSelect && this.showSelectAll;
-        return (h(Host, { key: 'c9b64461462ee3083911d3ef22d44fecd2d531d4' }, h("swirl-visually-hidden", { key: 'c272f82bc5fadfc0f2454aaba8cd184a1f848086', role: "alert" }, this.assistiveText), h("div", { key: '3b850593c4b9b9825870c181b9c07dcf57eee853', "aria-label": this.label, "aria-multiselectable": ariaMultiselectable, class: "option-list", id: this.optionListId, onClick: this.onClick, onKeyDown: this.onKeyDown, ref: (el) => (this.listboxEl = el), role: "listbox", tabIndex: tabIndex }, showSelectAll && (h("swirl-option-list-item", { key: '0abf7d5136c6698c388b67782a0c48fa3e9a2837', ref: (el) => (this.selectAllEl = el), label: this.selectAllLabel, disabled: this.disabled, context: "multi-select", selected: this.selectAllState === true, indeterminate: this.selectAllState === "indeterminate", value: this.selectAllValue })), h("slot", { key: '2b027b00b7cfcc475b17a44e9202bb671ea9ce64', onSlotchange: this.setSectionSeparator }))));
+        return (h(Host, { key: '65cde9dd862cadb258e17683d7a59fff97cd97b7' }, h("swirl-visually-hidden", { key: '1e584f1ea2dfb09a4b2fc47a69c0f657746baa9a', role: "alert" }, this.assistiveText), h("div", { key: '0e89eb4cec9cbdc2771d5f98765355cb7522773e', "aria-label": this.label, "aria-multiselectable": ariaMultiselectable, class: "option-list", id: this.optionListId, onClick: this.onClick, onKeyDown: this.onKeyDown, ref: (el) => (this.listboxEl = el), role: "listbox", tabIndex: tabIndex }, showSelectAll && (h("swirl-option-list-item", { key: '595bd7ea9f6d3cedb832c842f47d16980caa8fa5', ref: (el) => (this.selectAllEl = el), label: this.selectAllLabel, disabled: this.disabled, context: "multi-select", selected: this.selectAllState === true, indeterminate: this.selectAllState === "indeterminate", value: this.selectAllValue })), h("slot", { key: '562fef441ca6a22a7883f5428cde901ad6983253', onSlotchange: this.setSectionSeparator }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -83,7 +83,7 @@ const SwirlPagination = class {
         const showDropDown = this.variant === "advanced";
         const ariaPageLabel = `${this.page.toLocaleString()} ${this.pageLabel} ${this.pages.toLocaleString()}`;
         const className = classnames("pagination", `pagination--variant-${this.variant}`);
-        return (h(Host, { key: '73ecb671ba3285cdbbdb0f92fdd07790c4c36031' }, h("nav", { key: 'f102c6c1ae9593a31b01766f26d96d1616938dc3', "aria-label": this.label, class: className }, h("ul", { key: 'e9de35f791326e02ebd7fd09520b4f55a28e1866', class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (h("li", { key: 'a1b22b92b9f5f0e899e36cd5f2d2a409bc77cef8', class: "pagination__list-item" }, h("label", { key: '404061278eac3773c4a0f12b4dd6ca4d70c74dbd', class: "pagination__page-size-selection" }, h("swirl-text", { key: 'e883c47ed0776a1caefe21bc9e5ace0b3b4fa7ca', whiteSpace: "inherit" }, this.pageSizeSelectLabel), h("swirl-stack", { key: '563baf61e59d15e5cf5e960c53583a218d0d3ddf', align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, h("select", { key: '6c14975df2d588defbeb593abdfabe367b747baf', 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: 'cb0512611b14f41806b05154e7ee979ec2f7944a', "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), h("li", { key: 'a4f00206b1b86bd47c9cf95f03838146de8c5085', class: "pagination__list-item" }, h("swirl-button", { key: '1a6767b53be2af3e828aa849ee461da2fe65d510', 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: '2c5d1de6c981bce5f64b40aa9cbb74ed531e60d1', class: "pagination__list-item" }, h("swirl-button", { key: '745b7b0708cd4f414aab25ca95f2d1ccfd97d0b1', 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: '532a7464e2794f2627d6976483aa71b50d3289e4', class: "pagination__list-item" }, h("swirl-button", { key: 'acfd3fef15609ce0e34cb200fbf4e524415c20ab', 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: 'd256db4cda2b4b9a3a6ac605be3ca50d121a511e', class: "pagination__list-item" }, h("swirl-button", { key: 'd3843562a196a24935f8bddefd41b52ad97dd3d7', 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: 'b9d5521b3b1e6f8eeb43f5fbee8ae07a491d3a19' }, h("nav", { key: '76db31bfce09044b7f76132e5bbf705a1b1e9086', "aria-label": this.label, class: className }, h("ul", { key: '4d97f16bf0db33327737372e3a915313fe49298b', class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (h("li", { key: 'c156a0d4e949d1558a953fe3fb7057af923ac992', class: "pagination__list-item" }, h("label", { key: '29a86d9a9664eb9fcb69a10007cf792276ea0e80', class: "pagination__page-size-selection" }, h("swirl-text", { key: '7b40dc198746e40ffc144a83d9f7c431190afe0e', whiteSpace: "inherit" }, this.pageSizeSelectLabel), h("swirl-stack", { key: '4dfb746397a08ad034a48b9dd12541150e648b6a', align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, h("select", { key: '2f3fb1d3a0c64fc099e80e4f32fb5fdd4efd3c1d', 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: 'b9c641d24b71b8e122949fa9751c11bff4c295cf', "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), h("li", { key: '616f9f17c566b8c04905a2209bc829d547e60d44', class: "pagination__list-item" }, h("swirl-button", { key: '57a71dc9821130dc81d3363f458a28a6a5c43b04', 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: 'cf04b3b58e820355f1664147d87ee54b398c732f', class: "pagination__list-item" }, h("swirl-button", { key: '6c7863b0e14e0309289c82ebaed36668fa587fcd', 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: '36bb830ae8f90cdd89540b178c8151eb4cf700d0', class: "pagination__list-item" }, h("swirl-button", { key: '6a1508c2d5ee020b896f816d5fae200ef12dae1a', 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: '80bf0ec83012aa1c1430172afc6162e088f197ba', class: "pagination__list-item" }, h("swirl-button", { key: '441358cdd1dbc516b10edefa8ba1d16048634929', class: "pagination__last-page-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", intent: "primary", label: this.lastPageButtonLabel, onClick: this.onLastPageButtonClick }))))));
     }
 };
 SwirlPagination.style = swirlPaginationCss();

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

@@ -1,15 +1,15 @@
 import { r as registerInstance, c as createEvent, h, a as Host, d as getElement } from './index-BdGaOt5L.js';
-import { d as disableBodyScroll, e as enableBodyScroll } from './body-scroll-lock-BkJDOYVb.js';
 import { c as classnames } from './index-orsBiyT_.js';
 import { q as querySelectorAllDeep, i as isMobileViewport } from './utils-CCck-DTo.js';
+import { d as disableBodyScroll, e as enableBodyScroll } from './body-scroll-lock-BkJDOYVb.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-neutral-subdued);inset:0;touch-action:pan-x pan-y;border:none;padding:0;width:100%;height:100%;max-width:none;max-height:none;overflow:visible}.pdf-reader::backdrop{display:none}.pdf-reader:not([open]){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:calc(4rem + env(safe-area-inset-top, 0));padding-top:env(safe-area-inset-top, 0);padding-right:var(--s-space-16);padding-left:var(--s-space-16);align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);gap:var(--s-space-8)}.pdf-reader__header-left,.pdf-reader__header-right{display:flex;flex-grow:1;align-items:center;gap:var(--s-space-8);min-width:0}@media (min-width: 768px){.pdf-reader__header-left,.pdf-reader__header-right{flex-basis:calc(100 / 3 * 1%);flex-grow:0}}.pdf-reader__header-right{justify-content:flex-end;flex-shrink:0}.pdf-reader__header-center{display:none;flex-grow:1;justify-content:center;align-items:center;gap:var(--s-space-16)}@media (min-width: 768px){.pdf-reader__header-center{display:flex}}.pdf-reader__label{overflow:hidden;flex-grow:1;font-weight:var(--s-font-weight-semibold);white-space:nowrap;text-overflow:ellipsis}.pdf-reader__zoom-button-container{display:flex;align-items:center;gap:var(--s-space-8)}.pdf-reader__zoom-button-container>*:not(:last-child){position:relative}.pdf-reader__zoom-button-container>*:not(:last-child):after{position:absolute;top:50%;right:calc(-1 * var(--s-space-4));width:var(--s-border-width-default);height:1.5rem;background-color:var(--s-border-default);content:"";transform:translate3d(50%, -50%, 0)}.pdf-reader__zoom-select-container{position:relative}.pdf-reader__zoom-select{display:inline-flex;height:2.5rem;padding-right:var(--s-space-12);padding-right:calc(var(--s-space-8) + 1.5rem + var(--s-space-12));padding-left:var(--s-space-12);justify-content:flex-start;align-items:center;border:var(--s-border-width-default) solid var(--s-border-default);border-radius:var(--s-border-radius-sm);color:var(--s-interactive-neutral-default);background-color:transparent;font:inherit;font-weight:var(--s-font-weight-medium);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.pdf-reader__zoom-select:focus:not(:focus-visible){outline:none}.pdf-reader__zoom-select:focus-visible{outline-color:var(--s-focus-default)}.pdf-reader__zoom-select-icon{position:absolute;top:50%;right:var(--s-space-8);display:inline-flex;transform:translateY(-50%);pointer-events:none}.pdf-reader__content{display:flex;width:100%;height:calc(100% - 4rem)}.pdf-reader__thumbnails{display:flex;overflow-x:hidden;overflow-y:auto;max-width:0;height:100%;padding-top:var(--s-space-16);padding-bottom:var(--s-space-16);flex-basis:var(--thumbnails-width);flex-grow:0;flex-shrink:0;align-items:center;background-color:var(--s-background-default);flex-direction:column;transition:max-width 0.2s linear;box-shadow:inset calc(-1 * var(--s-border-width-default)) 0 0 0     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 SwirlPdfReader = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.modalClose = createEvent(this, "modalClose", 7);
-        this.modalOpen = createEvent(this, "modalOpen", 7);
+        this.modalClose = createEvent(this, "modalClose", 3);
+        this.modalOpen = createEvent(this, "modalOpen", 3);
         this.autoZoomLabel = "Full width";
         this.closeButtonLabel = "Close PDF viewer";
         this.downloadButtonEnabled = true;
@@ -198,15 +198,15 @@ const SwirlPdfReader = class {
             "pdf-reader--hide-menu": !hasMenuItems,
             "pdf-reader--show-thumbnails": this.showThumbnails,
         });
-        return (h(Host, { key: 'b69c6864748f4ef61eee29ceae9de9d752e1476f' }, h("dialog", { key: '633c9d5cb83346cf0829e247ccd7cbdde7ad7eff', "aria-label": this.label, class: className, id: "pdf-reader", onClose: this.onClose, onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, h("div", { key: '461354813f9122b5622172fd396828212e81ba0e', class: "pdf-reader__body", role: "document" }, h("header", { key: '9cf0c1527d906930237cc732eae69d7abc92724a', class: "pdf-reader__header" }, h("span", { key: 'd224ab34079dc0bdfaa7be1d69c875c873e5d929', class: "pdf-reader__header-left" }, h("swirl-button", { key: '69a9bef3c7b8dcdae71f8faa0916a65b442dbf2f', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), h("span", { key: '517b914a9a2211508a00e4f6a65c52a300089f84', class: "pdf-reader__label" }, this.label)), h("span", { key: '9b2eb520ea324467128c50d5c9a13f28e92720e7', class: "pdf-reader__header-center" }, h("span", { key: '7385d6d3e7464905e1f6f1849e362e20c40abfc9', class: "pdf-reader__zoom-button-container" }, h("swirl-button", { key: '4585b2b25159d18544b0be5da7c513953679634c', 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: '9e70c4df3053bc293be0d4018345f35d17bde80d', 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: '353a1c0556b1b7836fd5c9b308451c49b797b15d', class: "pdf-reader__zoom-select-container" }, h("select", { key: '22fb63cca3a582a4469b86e4ea1fb76de09357cc', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, h("option", { key: 'df87e33129f78452668aff45d2901d7c2b952c73', 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: 'b9b32a6b20a9c208dd4528fad3bed3eb88510dab', class: "pdf-reader__zoom-select-icon" }))), h("span", { key: '8d121e2b7beadc1d6807992d95a41f6adc5a066b', class: "pdf-reader__header-right" }, h("swirl-popover-trigger", { key: 'a647b4ca048d764e71a6b234fbe528285a3b590c', swirlPopover: this.menu }, h("swirl-button", { key: 'b32845629e22e7fc94004d0a98ce3e1df5b594dd', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), h("span", { key: '2164cafc52c9ff4257cf29585df7b3866e2187bc', class: "pdf-reader__floating-tools" }, h("button", { key: 'da0e2135cebf3fcfb999beffa56374c3ed2e7ed8', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, h("swirl-icon-menu-book", { key: 'c130b24870913c49c6a3cc089ec6dec2f730f2d9' })), h("button", { key: 'a383bbd56c483e74c885da9078728cef990a3aab', "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: 'c4b949081c8a47631c5e6cef5f5d80bdf2b82703' })))), h("div", { key: '12ecf265d38fa0e4f681f87c97609c0685f746af', class: "pdf-reader__content" }, h("nav", { key: '9c4f9ad1dfd09b6f0aef10cd6d26238c85c6e569', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && h("swirl-spinner", { key: '71c9ed1a3b84dbe633a3a73c65f85e05c20250b8' }), !this.loadingThumbnails &&
+        return (h(Host, { key: '5aa5196f3f335185bdb5605417a7e41b04ad68aa' }, h("dialog", { key: '0578370b08d777993900b265fa9ab989847b5ffe', "aria-label": this.label, class: className, id: "pdf-reader", onClose: this.onClose, onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, h("div", { key: 'e4386c8fd67b5d73351f601dcd08154261f963af', class: "pdf-reader__body", role: "document" }, h("header", { key: '438836741cb30ec92eac15c0e5de926c166fb5ad', class: "pdf-reader__header" }, h("span", { key: '9ae41f70b574cfad68fbc25d4db2c8d5e71cee24', class: "pdf-reader__header-left" }, h("swirl-button", { key: '343acc1e1825254336a2f99568f495159db5c8ab', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), h("span", { key: '4b9097c25b7b9e413e4f9815bc99120927118b64', class: "pdf-reader__label" }, this.label)), h("span", { key: '2daafc6906451560fe466d35820fc12e8f8392b6', class: "pdf-reader__header-center" }, h("span", { key: '7907286cd11d6d7136c0b16b15d412a95a04bb80', class: "pdf-reader__zoom-button-container" }, h("swirl-button", { key: '54adec6bec3891bb69d33b6b5b84e1237ba245f8', 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: 'da3189f85a17a8adbe9fdaebc137cb36f028a2d4', 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: '36bf22c0518d9a0d2094456eac485c2c26089662', class: "pdf-reader__zoom-select-container" }, h("select", { key: 'ff4d3bea09e7dc083d37e367f79a551c9a0aa4d4', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, h("option", { key: 'adffbfb686ae63b2fdd8d9393e3f82851e0a4b55', 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: '0a93b8fd2bc005c325507f8aa9b36e0d9bcf7bcc', class: "pdf-reader__zoom-select-icon" }))), h("span", { key: '5830558b720fcb604ca826056008aaeefe981cc5', class: "pdf-reader__header-right" }, h("swirl-popover-trigger", { key: 'c7a5e39181b1c1cdc3791d5b7bd5b265ed5debf4', swirlPopover: this.menu }, h("swirl-button", { key: '035241cb6f6b67334ed7d7de4f7adf42daab4c31', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), h("span", { key: '38bf0e38f9f5337b7f7fcd61a7296dc84cec2e01', class: "pdf-reader__floating-tools" }, h("button", { key: 'add989e8d7efd4287652ac02dcb57bc0c5660b61', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, h("swirl-icon-menu-book", { key: '91c02b6c7bfa518e2406346c23eac3aa11030f58' })), h("button", { key: 'fb0ceebdb826defd58e6e2262b229aac9bfd4116', "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: 'fe50b21d04ceb025d8895e4959b02b13f7aadeb6' })))), h("div", { key: '918438e5a06db70569e8f9fec40eee510e3aa7d5', class: "pdf-reader__content" }, h("nav", { key: '4b3b31a8a7f1dd8fd0a1800005cc80fd80fe78a9', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && h("swirl-spinner", { key: '5d9eb9c827ee727a2e15c541701a646adc09dcce' }), !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: '1c6d64abf050d53fdf97f5eb370dd21720656bb8', active: this.active, class: "pdf-reader__viewer", disablePrint: !this.printButtonEnabled, file: this.file, fileName: this.fileName, onActivate: this.onActivate, onVisiblePagesChange: this.onVisiblePagesChange, pdfWorkerSrc: this.pdfWorkerSrc, ref: (el) => (this.viewer = el), type: "application/pdf", viewMode: this.viewMode, zoom: this.zoom, skipNativeDownload: this.skipNativeDownload }), h("div", { key: 'dee6a061ce271dde3aea0f7d476120fdecb255f4', class: "pdf-reader__mobile-zoom-controls" }, h("button", { key: '2b41cef7207c424e91856f5d7f763d958dd5fdfa', "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: '99ce6f416e3567dc8632bb83fca478e2f6cb982c', "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: '0cfc4078c368470defb432248b5dfbc486d1c31c' })), h("button", { key: '704d284cde3f5fc9b355f5c15d749da3be1766a6', "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: '8744d76db6d7ec8a68b44fcf096a01f10c47a6fe' }))))), h("swirl-popover", { key: '72a516cf5c670155c32cfeece54bc6d6d5eb9744', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: '943bc9781428afb795ff9d717711480a4766fd65' }, h("div", { key: 'c22a9ebc7def47880f82ed905320882a6e515720', class: "pdf-reader__meta" }, h("div", { key: 'bc4b0b0e28dff419c0365fdd2913e22f339167af', class: "pdf-reader__file-icon" }, h("svg", { key: 'adfe98b0915dec1e7c914d8f1b2cad5279d709da', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, h("path", { key: '66663fa3fe32b8b268324bfbda5a51217d51ea27', 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: '6a5e6821dc787f8cf6ca7db77f2e15358151910e', 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: 'e24748d949204d59ec989aeb5b81e3903658749e', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), h("path", { key: '867a3d726665f07d559e3ee59d4b72c8f9d202d5', 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: '99ee2108e4162e4a424d02f70d0d5ac00cb60cfb', 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: 'd88e2cdb57e009c41626c3096751c018df9aab5e', 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: 'cccd54717dc8149aeba7bfd6fe1e4bbcfc08f630', 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: '1e8cbfbeea0cb4e440deb0207b899a0f7604327c', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), h("div", { key: '450d0d9412076ca7f485ff278082589d5056d52b', class: "pdf-reader__file-info" }, h("swirl-text", { key: '50613068007696f0b9553761a36625edbc78967e', truncate: true, weight: "semibold" }, this.label), h("swirl-text", { key: '62db4c132de35ee3262dee12545bc8d3f23f5fac', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && h("swirl-separator", { key: 'b6d9c384b2ccab0056d98de1b9b0a768c52e812c' }), h("swirl-action-list", { key: '74dbdf112a00880670f18edab841e88eaedba337', class: "pdf-reader__menu" }, this.printButtonEnabled && (h("swirl-action-list-item", { key: '5bfe492aed6f608dbd421a342d918f6f45aaabbb', 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: '4188fc70d4a269bccb0135324dea4a080f063678', class: "pdf-reader__download-button", disabled: this.downloading, icon: !this.downloading
+            })), h("swirl-file-viewer", { key: 'ac6c50bac7bb28e4c5e03a664414f517e1493d52', active: this.active, class: "pdf-reader__viewer", disablePrint: !this.printButtonEnabled, file: this.file, fileName: this.fileName, onActivate: this.onActivate, onVisiblePagesChange: this.onVisiblePagesChange, pdfWorkerSrc: this.pdfWorkerSrc, ref: (el) => (this.viewer = el), type: "application/pdf", viewMode: this.viewMode, zoom: this.zoom, skipNativeDownload: this.skipNativeDownload }), h("div", { key: 'f9a8373be8a226e6d147082c3dc7bcbdd41b34cc', class: "pdf-reader__mobile-zoom-controls" }, h("button", { key: 'b16e5bb87e3da215e940d0022d71d894aaec87e0', "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: 'a4ebe03ca93f3b6a0598709b4051d30064bea28b', "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: '4ff045bacd58694b40f8146a183c7491e9068798' })), h("button", { key: '4744721680c1b43562984d8ee70e086bce689ae4', "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: '500b18a0b1fd8b9d1f1409266c31c3f2f626c71d' }))))), h("swirl-popover", { key: 'c370247375a25c59bd066bd3af995b09c1dca35c', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: '68e2f3c73dba729c1a04bac4a9d89e515fbd9d42' }, h("div", { key: 'bf0726d5c4bd9cee668d39451ee05d3c424ad40d', class: "pdf-reader__meta" }, h("div", { key: 'c4187de51e2ae54dbe01a6061795ae75c301c8ce', class: "pdf-reader__file-icon" }, h("svg", { key: '6672423db22de5cd5488515ef06ff318ceb0ef5e', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, h("path", { key: '2b80dceeeca89795abb9923edf268238e0d62025', 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: 'eb2faa284309f6b0106c9349681c6cefc25d33c4', 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: 'ea1b67e5e4bb0bbaee366825d6cb51ce5645f2fb', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), h("path", { key: 'eba0f24bcaa651a9d5c8f90409d2eacda20f0c6f', 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: '55f32e9ba7a04ce173a498a55bf577f0b1e146f1', 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: 'be26ff753d2b23232ca9066e39dd9d4906da7e0f', 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: '246c05ef4aa7a9f698d1ae5e43933667af24ab24', 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: '017e6e140506c3a3969d06e6038cf749b5d50da8', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), h("div", { key: '45f8f1f372f3ecfea77e63078b9687c0fca64015', class: "pdf-reader__file-info" }, h("swirl-text", { key: 'd900cbac8576f36f17225ecbc4278bfa1e49bf6f', truncate: true, weight: "semibold" }, this.label), h("swirl-text", { key: '21deba359133d61bd84aef91f87e147cf14a9377', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && h("swirl-separator", { key: '6cbdcc9ab11948034204e7d14177dc1b27a664b0' }), h("swirl-action-list", { key: '1afff4e7c0a8d14fb25b8db501a0859e75938a00', class: "pdf-reader__menu" }, this.printButtonEnabled && (h("swirl-action-list-item", { key: '0030abe27058f2670588ee0bd714c5342ad2d1fd', 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: '008648f7cb91dd72477e261522585e31212b6538', 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: '84c5db608093b6d9fac10618314ad2b14bbf6517', name: "menu-items" })))))));
+                : '<swirl-spinner size="xs"></swirl-spinner>', label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), h("slot", { key: 'be82533a6eb808e819ade572e76bb41c83515332', name: "menu-items" })))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -3,9 +3,9 @@ import { c as computePosition, a as autoUpdate, s as shift, o as offset, f as fl
 import { d as disableBodyScroll, e as enableBodyScroll } from './body-scroll-lock-BkJDOYVb.js';
 import { c as classnames } from './index-orsBiyT_.js';
 import { t as tabbable } from './index.esm-DBTxpXCn.js';
-import { i as isMobileViewport, o as getPixelsFromRemToken, k as getActiveElement, q as querySelectorAllDeep } from './utils-CCck-DTo.js';
+import { o as getPixelsFromRemToken, k as getActiveElement, i as isMobileViewport, q as querySelectorAllDeep } from './utils-CCck-DTo.js';
 
-const swirlPopoverCss = () => `:host{position:relative;z-index:var(--s-z-40);display:contents}:host *{box-sizing:border-box}.popover{border:none;padding:0;margin:0}.popover::backdrop{display:none}.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{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 forwards}@media (prefers-reduced-motion){.popover--closing .popover__backdrop{animation:none}}.popover--closing .popover__content{animation:0.15s popover-slide-out forwards}@media (min-width: 768px){.popover--closing .popover__content{animation:0.15s popover-fade-out forwards}}@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 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{padding-top:env(safe-area-inset-top);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--placement-bottom .popover__content,.popover--placement-bottom-start .popover__content,.popover--placement-right .popover__content,.popover--placement-right-start .popover__content{transform-origin:top left}}@media (min-width: 768px){.popover--placement-bottom-end .popover__content,.popover--placement-left .popover__content,.popover--placement-left-start .popover__content{transform-origin:top right}}@media (min-width: 768px){.popover--placement-top .popover__content,.popover--placement-top-start .popover__content,.popover--placement-right-end .popover__content{transform-origin:bottom left}}@media (min-width: 768px){.popover--placement-top-end .popover__content,.popover--placement-left-end .popover__content{transform-origin:bottom right}}@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--translucent .popover__content{background-color:transparent;outline:var(--s-border-width-default) solid       var(--s-border-translucent-outline)}.popover--translucent .popover__content:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--s-translucent-low-default);-webkit-backdrop-filter:blur(var(--s-blur-l));backdrop-filter:blur(var(--s-blur-l));border-radius:inherit}.popover--translucent .popover__handle{background-color:var(--s-border-on-translucent)}.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;border-radius:var(       --swirl-popover-border-radius,       var(--s-border-radius-base)     );max-width:22.5rem;animation:none;box-shadow:var(--s-shadow-level-2)}}.popover__scroll-container{overflow-x:hidden;overflow-y:auto;width:100%;max-height:90vh;padding-top:var(--s-space-24);padding-bottom:var(--s-space-24);overscroll-behavior:contain}@media (min-width: 768px){.popover__scroll-container{max-height:22rem;padding-top:0;padding-bottom:0}}@media (min-width: 768px){.popover--padded .popover__scroll-container{padding:var(--s-space-4)}}.popover__handle{position:absolute;top:var(--s-space-8);left:50%;width:2.5rem;height:0.375rem;border-radius:0.1875rem;background-color:var(--s-border-default);transform:translatex(-50%)}@media (min-width: 768px){.popover__handle{display:none}}@keyframes popover-slide-in{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes popover-slide-out{from{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes popover-fade-in{from{opacity:0}to{opacity:1}}@keyframes popover-fade-out{from{opacity:1}to{opacity:0}}@keyframes popover-fade-scale-in-xy{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes popover-fade-scale-in-y{from{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}`;
+const swirlPopoverCss = () => `:host{position:relative;z-index:var(--s-z-40);display:contents}:host *{box-sizing:border-box}.popover{border:none;padding:0;margin:0}.popover::backdrop{display:none}.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-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 forwards}@media (prefers-reduced-motion){.popover--closing .popover__backdrop{animation:none}}.popover--closing .popover__content{animation:0.15s popover-fade-out forwards}@media (prefers-reduced-motion){.popover--closing .popover__content{animation:none}}.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}}.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}}.popover--inactive .popover__content{display:none}.popover--placement-bottom .popover__content,.popover--placement-bottom-start .popover__content,.popover--placement-right .popover__content,.popover--placement-right-start .popover__content{transform-origin:top left}.popover--placement-bottom-end .popover__content,.popover--placement-left .popover__content,.popover--placement-left-start .popover__content{transform-origin:top right}.popover--placement-top .popover__content,.popover--placement-top-start .popover__content,.popover--placement-right-end .popover__content{transform-origin:bottom left}.popover--placement-top-end .popover__content,.popover--placement-left-end .popover__content{transform-origin:bottom right}.popover--transparent .popover__content{background-color:transparent;box-shadow:none}.popover--transparent .popover__scroll-container{padding:0}.popover__backdrop{position:fixed;z-index:0;display:none;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}}.popover__content{position:fixed;z-index:2;overflow:hidden;border-radius:var(     --swirl-popover-border-radius,     var(--s-border-radius-base)   );max-width:22.5rem;background-color:var(--s-surface-overlay-default);box-shadow:var(--s-shadow-level-2)}.popover__scroll-container{overflow-x:hidden;overflow-y:auto;width:100%;max-height:22rem;overscroll-behavior:contain}.popover--padded .popover__scroll-container{padding:var(--s-space-4)}.popover__handle{position:absolute;top:var(--s-space-8);left:50%;display:none;width:2.5rem;height:0.375rem;border-radius:0.1875rem;background-color:var(--s-border-default);transform:translatex(-50%)}@media (max-width: 767px){.popover--mobile-bottom-sheet.popover--active:not(.popover--closing) .popover__content{animation:0.15s popover-slide-in}@media (prefers-reduced-motion){.popover--mobile-bottom-sheet.popover--active:not(.popover--closing) .popover__content{animation:none}}.popover--mobile-bottom-sheet.popover--closing .popover__content{animation:0.15s popover-slide-out forwards}@media (prefers-reduced-motion){.popover--mobile-bottom-sheet.popover--closing .popover__content{animation:none}}.popover--mobile-bottom-sheet .popover__backdrop{display:block}.popover--mobile-bottom-sheet .popover__content{right:0;bottom:0;left:0;border-radius:var(--s-border-radius-xl) var(--s-border-radius-xl) 0 0;max-width:none;background-color:var(--s-surface-overlay-default);box-shadow:none}.popover--mobile-bottom-sheet .popover__scroll-container{max-height:90vh;padding:var(--s-space-24) 0}.popover--mobile-bottom-sheet .popover__handle{display:block}}.popover--translucent .popover__content{background-color:transparent;outline:var(--s-border-width-default) solid       var(--s-border-translucent-outline)}.popover--translucent .popover__content:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--s-translucent-low-default);-webkit-backdrop-filter:blur(var(--s-blur-l));backdrop-filter:blur(var(--s-blur-l));border-radius:inherit}.popover--translucent .popover__handle{background-color:var(--s-border-on-translucent)}@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 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{padding-top:env(safe-area-inset-top);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}}@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 swirlPopoverBorderRadiusTokens = ["xs", "sm", "base", "l", "xl"];
 const SwirlPopover = class {
@@ -17,6 +17,7 @@ const SwirlPopover = class {
         this.enableFlip = true;
         this.fallbackAxisSideDirection = "none";
         this.maxHeight = "22rem";
+        this.mobileBottomSheet = true;
         this.offset = 8;
         this.padded = true;
         this.placement = "bottom-start";
@@ -43,11 +44,10 @@ const SwirlPopover = class {
             }
         };
         this.reposition = async () => {
-            const mobile = isMobileViewport();
             if (!Boolean(this.triggerEl) || !Boolean(this.contentContainer)) {
                 return;
             }
-            if (mobile) {
+            if (this.bottomSheetActive) {
                 this.position = undefined;
                 return;
             }
@@ -231,6 +231,9 @@ const SwirlPopover = class {
             this.open(triggerEl, undefined, via);
         }
     }
+    get bottomSheetActive() {
+        return this.mobileBottomSheet && isMobileViewport();
+    }
     connectTrigger() {
         if (!Boolean(this.trigger)) {
             this.triggerEl = undefined;
@@ -280,8 +283,7 @@ const SwirlPopover = class {
         else if ([false, "false"].includes(this.useContainerWidth)) {
             useContainerWidth = false;
         }
-        const mobile = !window.matchMedia("(min-width: 768px)").matches;
-        if (Boolean(useContainerWidth) && !mobile) {
+        if (Boolean(useContainerWidth) && !this.bottomSheetActive) {
             const container = typeof useContainerWidth === "string"
                 ? this.el.closest(useContainerWidth) || this.el.parentElement
                 : this.el.parentElement;
@@ -295,43 +297,48 @@ const SwirlPopover = class {
         }
     }
     lockBodyScroll() {
-        const mobile = isMobileViewport();
-        if (!mobile || this.disableScrollLock || !Boolean(this.scrollContainer)) {
+        if (!this.bottomSheetActive ||
+            this.disableScrollLock ||
+            !Boolean(this.scrollContainer)) {
             return;
         }
         disableBodyScroll(this.scrollContainer);
     }
     unlockBodyScroll() {
-        const mobile = isMobileViewport();
-        if (!mobile || this.disableScrollLock || !Boolean(this.scrollContainer)) {
+        if (!this.bottomSheetActive ||
+            this.disableScrollLock ||
+            !Boolean(this.scrollContainer)) {
             return;
         }
         enableBodyScroll(this.scrollContainer);
     }
     render() {
-        const mobile = !window.matchMedia("(min-width: 768px)").matches;
+        const mobileBottomSheet = this.bottomSheetActive;
         const borderRadius = swirlPopoverBorderRadiusTokens.includes(this.borderRadius)
             ? `var(--s-border-radius-${this.borderRadius})`
             : this.borderRadius;
         const className = classnames("popover", `popover--animation-${this.animation}`, `popover--placement-${this.position?.placement}`, {
             "popover--active": this.active,
             "popover--closing": this.closing,
-            "popover--fullscreen-bottom-sheet": this.fullscreenBottomSheet,
+            "popover--fullscreen-bottom-sheet": this.fullscreenBottomSheet && this.mobileBottomSheet,
             "popover--inactive": !this.active,
+            "popover--mobile-bottom-sheet": this.mobileBottomSheet,
             "popover--translucent": this.translucent && !this.transparent,
             "popover--transparent": this.transparent,
             "popover--padded": this.padded,
         });
-        return (h(Host, { key: 'd966f9fd6e1ece3baea7e93ffa4db905471a96ad' }, h("div", { key: 'f27ac96f6d01ac88153419191c66a7c8cdeab400', popover: "manual", class: className, onKeyDown: this.onKeydown, ref: (el) => (this.popoverEl = el) }, h("div", { key: '3863fa7c4f56813174ce0a3605b48a8a64b091b5', "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: 'ab0bf329be2aa18135208b7c780db24211bfd689' }, h("div", { key: 'f028e08aea8504f9a38289ceed191d4de5635de1', popover: "manual", class: className, onKeyDown: this.onKeydown, ref: (el) => (this.popoverEl = el) }, h("div", { key: 'e7d9900fe0ac68ac007f25fa2b481c86a6052de1', "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` : "",
-                opacity: this.active && !this.position && !mobile ? "0" : undefined,
+                opacity: this.active && !this.position && !mobileBottomSheet
+                    ? "0"
+                    : undefined,
                 "--swirl-popover-border-radius": borderRadius,
-            }, tabindex: "-1" }, h("span", { key: 'a4aa963a233ad9ff72f900f5068b54c0b1a601ba', class: "popover__handle" }), h("div", { key: 'f29e897fa61b1ab24b301cde397daf8c5873a14d', class: "popover__scroll-container", part: "popover__scroll-container", ref: (el) => (this.scrollContainer = el), style: {
-                maxHeight: !mobile && Boolean(this.maxHeight)
+            }, tabindex: "-1" }, h("span", { key: '0bd0634b214a43d96e3ac9236192284517df2dde', class: "popover__handle" }), h("div", { key: '2c15e566745089c66e34dbb2d91b410c674dfb4c', class: "popover__scroll-container", part: "popover__scroll-container", ref: (el) => (this.scrollContainer = el), style: {
+                maxHeight: !mobileBottomSheet && Boolean(this.maxHeight)
                     ? this.maxHeight
                     : undefined,
-            } }, h("slot", { key: 'd1f6bb8e5e8d26083245d6971e62ea18ed498632' }))), this.active && (h("div", { key: '7e721d950c5d169c516f7e19e16b2da428b4aa81', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
+            } }, h("slot", { key: '6738a50232fbcd30ff9f6d32ccecdeab84dd6601' }))), this.active && (h("div", { key: '235e0b3da6c09ca4de1092bad7cec77e1013e82d', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
     }
     get el() { return getElement(this); }
 };
@@ -523,7 +530,7 @@ const SwirlPopoverTrigger = class {
         return isActive;
     }
     render() {
-        return (h(Host, { key: 'fb48616282c6830ff293157153cc2a8305729394', onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, h("slot", { key: '53c26254898129b05d8cbef745174288e9363a1e' })));
+        return (h(Host, { key: '99683794490d41e1acc29622fbe8b08daeb27357', onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, h("slot", { key: '89600056e488b91974157ea00003c4860c99d821' })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -56,7 +56,7 @@ const SwirlRadioGroup = class {
         });
     }
     render() {
-        return (h(Host, { key: '69a553461908462cc968c0ce104e65b3d3ef211c', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, h("div", { key: '2dee487d5c601442d93ec673d925aee2e3e0d4d6', class: "radio-group" }, h("slot", { key: '93f27ef0359ae3f93d9785726ae8fce887904091' }))));
+        return (h(Host, { key: '7bfde5d9df9fa2d2ac1ffb2d4c97f59b1efd39cc', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, h("div", { key: '204c94ee394336016e976cfdd73034b61c40129c', class: "radio-group" }, h("slot", { key: 'be3b64707417ed1c4d85379dd0c6cc851589d6b0' }))));
     }
     get el() { return getElement(this); }
 };

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

@@ -35,7 +35,7 @@ const SwirlRadio = class {
             "radio--invalid": this.invalid,
             "radio--unchecked": unchecked,
         });
-        return (h(Host, { key: 'ba03347710704c4b7e499251fcd4a9df191d101e', style: { width: this.variant === "card" ? "100%" : undefined } }, h("label", { key: 'b051bf05d1698ad0413ba29a8d04292fb31490ad', class: className, htmlFor: this.inputId }, h("span", { key: 'd239df6b6803ed81bc5bc1db9a7f294da974a614', class: "radio__control" }, h("swirl-visually-hidden", { key: '6141bdb2dde5afe236634bdec8de51a3076a954b' }, h("input", { key: '08b791480fb67b7c06e34a22ad89cbddc6a02297', "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: 'c0683f4e514afe287ac9e225c2e5297ba1e3753d', "aria-hidden": "true", class: "radio__box" })), h("span", { key: '86051aac88e4375c3622e5a600ff8a57ec154889', class: "radio__label-container" }, this.label && (h("span", { key: 'a130c01085aa73419c30e5d2e315a15957d35f5c', class: "radio__label" }, this.label, this.tooltip && (h("swirl-tooltip", { key: 'd048616c7e231f763008eec487a86afe52e8c669', content: this.tooltip, position: "top" }, h("swirl-icon-help", { key: '1a3059195141f32917064c8212008fcb652978a3', color: "default", size: 20, tabIndex: 0 }))))), this.description && (h("span", { key: 'b9e85579b000dec098650230272735d4b87bb784', class: "radio__description", innerHTML: this.description }))))));
+        return (h(Host, { key: 'a0081ea7131edb61b6d1855656a0365bc5bc8822', style: { width: this.variant === "card" ? "100%" : undefined } }, h("label", { key: '7cd3b277db993c463963b02e91e4ff2f343537ed', class: className, htmlFor: this.inputId }, h("span", { key: '430066d37d04c3c58e9ea6a91e56cf091563af0c', class: "radio__control" }, h("swirl-visually-hidden", { key: 'c2927d4e60ce2695c38e65d03165d307e36f576d' }, h("input", { key: '428fd2626ffb6e14a6b56361bee2b74e8352b860', "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: '9c024c258671966a51ee6d0d0d6231934deb6747', "aria-hidden": "true", class: "radio__box" })), h("span", { key: '62e63c6b091cb49fe629f94ff3c53e9cb7adfc93', class: "radio__label-container" }, this.label && (h("span", { key: 'dc903e01e457e6e989351d1696c1da30a2de93e0', class: "radio__label" }, this.label, this.tooltip && (h("swirl-tooltip", { key: 'cc44412671e701927e55a46942a3aaf1442f9725', content: this.tooltip, position: "top" }, h("swirl-icon-help", { key: 'ba1eac624fc7ff7e4fb382d64234640df67d994e', color: "default", size: 20, tabIndex: 0 }))))), this.description && (h("span", { key: '7e571f5a6d6ba5aa56d53ba12ae205265fcf39c4', class: "radio__description", innerHTML: this.description }))))));
     }
 };
 SwirlRadio.style = swirlRadioCss();

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

@@ -38,7 +38,7 @@ const SwirlResourceListFileItem = class {
         const className = classnames("resource-list-file-item", {
             "resource-list-file-item--has-control": showSpinner || showRemoveButton,
         });
-        return (h(Host, { key: 'f74f32491b29220f37e86fe6d00fe72cd4d950db', role: hostRole }, h("div", { key: '2a6376353a44e0d846b8fe6e2cab86921dc57fd3', class: className, part: "resource-list-file-item", role: containerRole }, h("span", { key: 'bb189d973c9bf5754ba6f3f635d9424e605b9716', class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }), h("span", { key: '02eef656aad73ad134cfd42e9b2d84cb7378bd65', class: "resource-list-file-item__label-container" }, h("span", { key: 'da11df6f968ac450e29029f90d481b196e02988b', class: "resource-list-file-item__label", id: "label" }, this.label), showDescription && (h("span", { key: '8d8e042062a500e7cded6da82716355e0d5e9018', class: "resource-list-file-item__description" }, this.description)), showError && (h("span", { key: '5ba36f250dc494c2ef7e4b6c9be9b67cde7fe0ec', "aria-live": "polite", class: "resource-list-file-item__error-message" }, h("swirl-inline-error", { key: '697f213b8f07246cf49c573b56a5de9155f8037b', message: this.errorMessage, size: "s" })))), showSpinner && (h("span", { key: 'cba04f048606fc914128c44f1c2f7cbf8fcd80fc', class: "resource-list-file-item__spinner" }, h("swirl-spinner", { key: 'b2b545ebb356bde5b1797a509480d61ce4fd9c6d', size: "s" }))), showRemoveButton && (h("span", { key: 'bb608aa78304763311fec588343ebaa16f6e5990', class: "resource-list-file-item__remove-button" }, h("swirl-button", { key: '242626e6114e0d0a7e975544773e17175e744bee', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))))));
+        return (h(Host, { key: '61a81a686e2c133e412becb3c19f8a85c6d31d81', role: hostRole }, h("div", { key: '71cdea112ffd94e461e613b096d410063fa3720f', class: className, part: "resource-list-file-item", role: containerRole }, h("span", { key: 'bf19bab0ba16ddec08798010a0b3b9a403820724', class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }), h("span", { key: '3b8031b1eeeb46378fcd63f062405f62ef052707', class: "resource-list-file-item__label-container" }, h("span", { key: 'c498a8a51bcd32d9cdc36dba51818749a7370db8', class: "resource-list-file-item__label", id: "label" }, this.label), showDescription && (h("span", { key: '3d84373496321a4a58b736909444473237a60f07', class: "resource-list-file-item__description" }, this.description)), showError && (h("span", { key: '3e7b777da0d6de33f8db1e6cc124e5926ddba34d', "aria-live": "polite", class: "resource-list-file-item__error-message" }, h("swirl-inline-error", { key: '63afc6e7d7c3f4324b0cc253058d81f8169b87ce', message: this.errorMessage, size: "s" })))), showSpinner && (h("span", { key: '0109b1267a10b09656eb4e71a66f1c765af7deca', class: "resource-list-file-item__spinner" }, h("swirl-spinner", { key: 'ffa702fa0b4021d48a0cc3c80ffe9d384f74e78f', size: "s" }))), showRemoveButton && (h("span", { key: 'afa4ec002d9132f03eb8565863711b539bee6f22', class: "resource-list-file-item__remove-button" }, h("swirl-button", { key: 'cd3bd1c6ffeac14fa1085be9385ea3e387e6762d', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))))));
     }
     get el() { return getElement(this); }
 };

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

@@ -165,7 +165,7 @@ const SwirlResourceListItem = class {
         const labelContainerStyles = {
             minHeight: this.labelMinHeight ?? undefined,
         };
-        const renderLabel = () => (h("span", { key: '2ca5b88fefa12904f184dc19ad0846d7aea49336', class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : undefined, style: {
+        const renderLabel = () => (h("span", { key: '94eb6e173dd0e8c07ca049334c550a731ad303e3', class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : undefined, style: {
                 "-webkit-line-clamp": !!this.labelWrapMaxLines
                     ? String(this.labelWrapMaxLines)
                     : undefined,
@@ -188,8 +188,8 @@ const SwirlResourceListItem = class {
             "resource-list-item--wrap-label": this.labelWrap,
             "resource-list-item--wrap-label-max-lines": this.labelWrapMaxLines,
         });
-        return (h(Host, { key: '10f26514a4cfeeae416a045434fc79aa7083e4df', role: hostRole }, h("div", { key: 'd923778b84f32fc3f267fd80adb65e02250d1d36', class: className, role: containerRole, onClick: this.onClick }, h(Tag, { key: 'c51508ba74307ac275a257515fad40ede1355a72', "aria-checked": ariaChecked, "aria-current": this.swirlAriaCurrent, "aria-disabled": disabled ? "true" : undefined, "aria-label": ariaLabel, "aria-labelledby": Boolean(this.swirlAriaLabel) ? undefined : this.elementId, class: "resource-list-item__content", style: { alignItems: this.alignItems }, href: href, rel: isLink ? this.rel : undefined, target: isLink ? this.target : undefined, disabled: disabled, part: "resource-list-item__content", role: role, tabIndex: 0, type: Tag === "button" ? "button" : undefined }, this.hasMedia && (h("span", { key: '32a6070ae1aedc8d40d49ae6b1b7fe89bd9de9ea', class: "resource-list-item__media" }, h("slot", { key: 'f7c954c6d72ee32cd324834d43e805c95eca485b', name: "media" }))), h("span", { key: 'ec3debb0e0520d5ef429095a4df2609de30cc96c', class: "resource-list-item__label-container", style: labelContainerStyles }, this.labelTooltip ? (h("swirl-tooltip", { content: this.labelTooltip, position: this.labelTooltipPosition }, renderLabel())) : (renderLabel()), this.description && (h("span", { key: '92e8a311fc27cd1d8822c1591417a0df056fad1b', class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : undefined }, !this.allowHtml && this.description)))), this.selectable &&
-            (hasInteractiveCheckbox ? (h("button", { "aria-checked": String(this.checked), "aria-label": `${this.checkboxLabel} "${this.label}"`, class: "resource-list-item__checkbox", disabled: disabled, onClick: this.onCheckboxClick, ref: (el) => (this.checkboxEl = el), role: "checkbox", type: "button" }, h("span", { class: "resource-list-item__checkbox-icon" }, this.checked && (h("swirl-icon-check-strong", null))))) : (h("span", { "aria-hidden": "true", class: "resource-list-item__checkbox" }, h("span", { class: "resource-list-item__checkbox-icon" }, this.checked && (h("swirl-icon-check-strong", null)))))), showMeta && (h("span", { key: '6951ac587e4ce85ebb829456e7c1241b121fcd78', class: "resource-list-item__meta" }, this.meta && (h("span", { key: '14ad74042025464d1be6a0e0b48ded0f94becd7f', class: "resource-list-item__meta-text" }, this.meta)), h("span", { key: 'e747e9fdc33e1cf02049aa72f61b0c40a24b5ce3', class: "resource-list-item__badges" }, h("slot", { key: '18c7dce3c560007b5a0cc2bc97dd4edfccb91a1c', name: "badges" })))), h("span", { key: 'efa3dff169329a580bcbf2d764a12167f0d698e7', class: "resource-list-item__control", onClick: this.onControlClick }, h("slot", { key: '0941dad4c812be4313b517aab9c556a10845421d', name: "control" })), showMenu && (h("swirl-popover-trigger", { key: '8e88d68a90e920f7aa5c0e2afebad6ca80d96e35', swirlPopover: this.menuTriggerId }, h("swirl-button", { key: '001776074d3f2af5a7fb0de6e7cc100610f834b5', "aria-disabled": disabled ? "true" : undefined, class: "resource-list-item__menu-trigger", disabled: disabled, hideLabel: true, icon: "<swirl-icon-more-horizontal></swirl-icon-more-horizontal>", intent: "primary", label: this.menuTriggerLabel, onClick: this.onMenuTriggerClick })))), this.allowDrag && (h("button", { key: 'c6fc94432a6ac6ce1371a23a37c8bcf266981ee3', "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "resource-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, type: "button" }, h("swirl-icon-drag-handle", { key: 'cf199a9428320acc4997cc69883d3fdcd12b4174', size: this.iconSize })))));
+        return (h(Host, { key: '3d452b98f187256196a0d9e3aa21009ff2d0dee7', role: hostRole }, h("div", { key: '0a47471f5222795a380a595c50336cb22c1f31cb', class: className, role: containerRole, onClick: this.onClick }, h(Tag, { key: 'e5fcd45ba424f48c9b866b61b17894d4e235125d', "aria-checked": ariaChecked, "aria-current": this.swirlAriaCurrent, "aria-disabled": disabled ? "true" : undefined, "aria-label": ariaLabel, "aria-labelledby": Boolean(this.swirlAriaLabel) ? undefined : this.elementId, class: "resource-list-item__content", style: { alignItems: this.alignItems }, href: href, rel: isLink ? this.rel : undefined, target: isLink ? this.target : undefined, disabled: disabled, part: "resource-list-item__content", role: role, tabIndex: 0, type: Tag === "button" ? "button" : undefined }, this.hasMedia && (h("span", { key: '1d914b4b0cdc48d2a7868cb099095ecc46db8579', class: "resource-list-item__media" }, h("slot", { key: 'dba321608b134a5072d16f6f97f69563144f1fc3', name: "media" }))), h("span", { key: 'ccb528000b7298589271a66703066e5278c172ef', class: "resource-list-item__label-container", style: labelContainerStyles }, this.labelTooltip ? (h("swirl-tooltip", { content: this.labelTooltip, position: this.labelTooltipPosition }, renderLabel())) : (renderLabel()), this.description && (h("span", { key: 'ac725a25fc879533f89f0656fb2f910af5cd5a50', class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : undefined }, !this.allowHtml && this.description)))), this.selectable &&
+            (hasInteractiveCheckbox ? (h("button", { "aria-checked": String(this.checked), "aria-label": `${this.checkboxLabel} "${this.label}"`, class: "resource-list-item__checkbox", disabled: disabled, onClick: this.onCheckboxClick, ref: (el) => (this.checkboxEl = el), role: "checkbox", type: "button" }, h("span", { class: "resource-list-item__checkbox-icon" }, this.checked && (h("swirl-icon-check-strong", null))))) : (h("span", { "aria-hidden": "true", class: "resource-list-item__checkbox" }, h("span", { class: "resource-list-item__checkbox-icon" }, this.checked && (h("swirl-icon-check-strong", null)))))), showMeta && (h("span", { key: '01e471d2bddbb73eab1f662e6d77f6c24346db24', class: "resource-list-item__meta" }, this.meta && (h("span", { key: '605ecded4280fc4fcc8c8c34465c92ada7f7994a', class: "resource-list-item__meta-text" }, this.meta)), h("span", { key: '62a7a5eb61daefd535d185751b47900327bf6e3b', class: "resource-list-item__badges" }, h("slot", { key: '75b2eeb4bc67720538c5e210956bbe92503d31d5', name: "badges" })))), h("span", { key: 'f614f7fb62d1b0cbc3f8caa0d843cfb41d516b5e', class: "resource-list-item__control", onClick: this.onControlClick }, h("slot", { key: 'dcec9e53e1f37a17412b8559599681db06ed8dbf', name: "control" })), showMenu && (h("swirl-popover-trigger", { key: '708eef8ebfe0d44f0204cad744f9ecf52b7bfaff', swirlPopover: this.menuTriggerId }, h("swirl-button", { key: 'b24284ec68b5d21833877c50b8f48cf9d5a28279', "aria-disabled": disabled ? "true" : undefined, class: "resource-list-item__menu-trigger", disabled: disabled, hideLabel: true, icon: "<swirl-icon-more-horizontal></swirl-icon-more-horizontal>", intent: "primary", label: this.menuTriggerLabel, onClick: this.onMenuTriggerClick })))), this.allowDrag && (h("button", { key: 'dbceebaa858fc28aef63c2117d14047784db4c85', "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "resource-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, type: "button" }, h("swirl-icon-drag-handle", { key: 'a9d5a80c2e028e47f2563b4beb8867a205f3e1f6', size: this.iconSize })))));
     }
     get el() { return getElement(this); }
 };

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

@@ -12,7 +12,7 @@ const SwirlResourceListSection = class {
     render() {
         const role = !!this.el.closest('[role="grid"]') ? "rowgroup" : "listitem";
         const childrenListRole = role === "listitem" ? "list" : undefined;
-        return (h(Host, { key: '2d3fedf2fcef3ff55a1c5ddcd3768dc53e89db64' }, this.hasSeparator && (h("swirl-separator", { key: '42499ffe3a517ee4bb6d5c1bc900664d7e62aaf6', spacing: this.separatorSpacing, semantics: "none" })), h("div", { key: 'de89f87ceac043a67bf267ac8bdc00a0f1705e7c', "aria-labelledby": "label", role: role }, h("span", { key: '82c88a4160ba416ed87692bc56fd62b9a720a5a9', id: "label", class: "resource-list-section-label", part: "resource-list-section-label" }, this.label), h("swirl-stack", { key: 'd3b4d4248610a617e24d83ecbcce7a5bf6b7c2d5', spacing: this.spacing, swirlAriaRole: childrenListRole }, h("slot", { key: 'a1a8fa736ea3c9008c0311506ad0b7d2509cd5bd' })))));
+        return (h(Host, { key: '3740b95541b1b3ca540d43415249eb58ddd6032f' }, this.hasSeparator && (h("swirl-separator", { key: '76eaeeb1d8e2615fd0a6231897dabd7e0f50497d', spacing: this.separatorSpacing, semantics: "none" })), h("div", { key: '23da1de9d21c713f33c8b632de5d8d60985c58b3', "aria-labelledby": "label", role: role }, h("span", { key: 'ac37c95dbfd495911519d87125a079507c1f709c', id: "label", class: "resource-list-section-label", part: "resource-list-section-label" }, this.label), h("swirl-stack", { key: '470c908a527bfa3e875a8e082b7a764c4ed8c7c3', spacing: this.spacing, swirlAriaRole: childrenListRole }, h("slot", { key: '1a70eb69f9d271a14317dd1a5395695bde33de0b' })))));
     }
     get el() { return getElement(this); }
 };

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

@@ -281,7 +281,7 @@ const SwirlResourceList = class {
         });
     }
     render() {
-        return (h(Host, { key: '752bb4d96c91e44fde683aea0f053325d7636699', onKeyDown: this.onKeyDown }, h("swirl-visually-hidden", { key: 'efd82ef5905163ff18a85d4a5cef3571975d3823', role: "alert" }, this.assistiveText), h("swirl-box", { key: '492739979774568556b704fe8bdc64bfd0f63930', paddingBlockEnd: this.paddingBlockEnd ?? this.padding, paddingBlockStart: this.paddingBlockStart ?? this.padding, paddingInlineEnd: this.paddingInlineEnd ?? this.padding ?? "8", paddingInlineStart: this.paddingInlineStart ?? this.padding ?? "8" }, h("swirl-stack", { key: 'ffa5d7a9b5cae3973fbd86baf396a67a148c71d4', "aria-label": this.label, class: "resource-list", id: this.listId, ref: (el) => (this.gridEl = el), role: this.semantics, spacing: this.spacing }, h("slot", { key: '1c40609ce4a4a549f4611946560846bb64283aaf' })))));
+        return (h(Host, { key: '2aedc68cb6c71b3c3249cb7e42249796ca99adf9', onKeyDown: this.onKeyDown }, h("swirl-visually-hidden", { key: '54da56764417cac816bc7b832382b5bfa5c3085c', role: "alert" }, this.assistiveText), h("swirl-box", { key: '22d070cf477f33a7e8d09f8f58b18467879b7059', paddingBlockEnd: this.paddingBlockEnd ?? this.padding, paddingBlockStart: this.paddingBlockStart ?? this.padding, paddingInlineEnd: this.paddingInlineEnd ?? this.padding ?? "8", paddingInlineStart: this.paddingInlineStart ?? this.padding ?? "8" }, h("swirl-stack", { key: 'b6d3859f853f0298ec81fac7df95f6073e04dbbd', "aria-label": this.label, class: "resource-list", id: this.listId, ref: (el) => (this.gridEl = el), role: this.semantics, spacing: this.spacing }, h("slot", { key: 'f2dbadf6b161374cb2e7e37fbf159d5a6ce4ccf1' })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -68,7 +68,7 @@ const SwirlSearch = class {
         const className = classnames("search", `search--variant-${this.variant}`, {
             "search--disabled": this.disabled,
         });
-        return (h(Host, { key: '8e28d7e0f0fe00e19a90073b403290cd429200ec' }, h("span", { key: '1f2280a34872bcd9584d492b929fe4f1f55df627', class: className, ref: (el) => (this.iconEl = el) }, h("swirl-icon-search", { key: 'a57e2f88aad434366e95a4fa53e6cb520e9c8499', "aria-hidden": "true", class: "search__icon" }), h("input", { key: '8b68769aa785f032a7890f682ad7eaa9c3a8b6ed', "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 && this.clearable && (h("button", { key: '114afb55daf47751877f24c2abc915dc2cc0c456', "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.handleClear, type: "button" }, h("swirl-icon-cancel", { key: '2986ed718392276fe3757c72d452d943a886c3d9' }))))));
+        return (h(Host, { key: 'e81efc90b3d6a499688011221cc2a15c6f792dc2' }, h("span", { key: 'b7790e867c09bf68ffe59ec8d28f3880d4e8545a', class: className, ref: (el) => (this.iconEl = el) }, h("swirl-icon-search", { key: 'dbda6b7c55171ee6c1d70d2eb12d42ed0158f10c', "aria-hidden": "true", class: "search__icon" }), h("input", { key: '4cebbf2d5e9543728453055bfed8a6d94f6bd935', "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 && this.clearable && (h("button", { key: 'a471b4e873ed08cf152c9b60fef8f36df2bb6b65', "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.handleClear, type: "button" }, h("swirl-icon-cancel", { key: 'c418cfeddcadecbb411e72e5a66dd00ca3a46679' }))))));
     }
 };
 SwirlSearch.style = swirlSearchCss();