@getflip/swirl-components 0.523.1 → 0.525.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

@@ -198,15 +198,15 @@ const SwirlPdfReader = class {
             "pdf-reader--hide-menu": !hasMenuItems,
             "pdf-reader--show-thumbnails": this.showThumbnails,
         });
-        return (h(Host, { key: '57810a7174cb657af4d5ba1856c6fbb87ce5ae31' }, h("dialog", { key: '360d8e98c1c52837ed27fb7cd337b16ce7bfe2cd', "aria-label": this.label, class: className, id: "pdf-reader", onClose: this.onClose, onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, h("div", { key: '7e66538314fb4764355b1610012ea42fb237e5d0', class: "pdf-reader__body", role: "document" }, h("header", { key: '14fac3323e9b3fa251319c90a62f6f66e78f9ada', class: "pdf-reader__header" }, h("span", { key: '4cd2232d3c43c1dd6f0d132308fec448517fb9aa', class: "pdf-reader__header-left" }, h("swirl-button", { key: '49a36a382e8b48d528cf276d35943d4a9d9f4fc1', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), h("span", { key: 'b687e1b77d37ffa04170dd407ac1cef05b2491a4', class: "pdf-reader__label" }, this.label)), h("span", { key: '0fe6d58325f7b81deee0c65677242cfa24e79f2c', class: "pdf-reader__header-center" }, h("span", { key: '47dc904919d61ab1b114a246d602011fc863a39b', class: "pdf-reader__zoom-button-container" }, h("swirl-button", { key: '413a7f85a241eb9cd04922a70d2a3e48086d09ea', 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: '2bdb470ca1ebe725fa1a70973a40deeda9cd5931', 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: 'd076fa101128e864578a2140a53bfc8827383fa1', class: "pdf-reader__zoom-select-container" }, h("select", { key: '1463bf142356cff5bb0ec7b36bdb3cb8ee986d3b', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, h("option", { key: '02a585b65695beac044c0a008b9a434225980c28', 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: '61e19d18959982b0b36af728514dff01719dfc0c', class: "pdf-reader__zoom-select-icon" }))), h("span", { key: 'e13d90ffbed8a25a724889a04da095aa1a7bac9f', class: "pdf-reader__header-right" }, h("swirl-popover-trigger", { key: '324a873cff051439e7e5ee24486a9e48333ac1ac', swirlPopover: this.menu }, h("swirl-button", { key: '66806d4a8f2180537936fcf491fe5fdea0ca63b4', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), h("span", { key: '582a8f54d6af4b221de593ef2a3914f1211949fb', class: "pdf-reader__floating-tools" }, h("button", { key: '60ce2600dec0ea344bf5b7f33b6ce33802bc693b', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, h("swirl-icon-menu-book", { key: '291df0f92d96fc37bc8ad46cbb977f98dfa31590' })), h("button", { key: 'b7239444d91a861a200c6aa78eac66c789a88a6c', "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: '8d92b11f82e422b89a929ee3ce3009402f502f9f' })))), h("div", { key: 'c6dc6fa929957dc8a0113c6355bc1f9a9357be79', class: "pdf-reader__content" }, h("nav", { key: 'e80b1aa4b4e139a94f501c09293a0baa4b21c7ce', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && h("swirl-spinner", { key: 'f550b620ebf6a183730fcbacfff6dfe14d4638e7' }), !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: '69c3a0268802db3cd2e09dc0274a1004de99d292', 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: '5012cd0417f4be6b46001d6b660f47dc84f7f699', class: "pdf-reader__mobile-zoom-controls" }, h("button", { key: 'd51564171076acca2306164ea5eaa3453ef3be90', "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: '9816dd55f9961fe5503de783643cb2373d216f87', "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: '4ea3a3a52c4e425d400390a57b7075661d75d8cd' })), h("button", { key: '005728ec07e2b48f1cfd3810bd357ffbf2dfad6d', "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: '189615f4a4879b3db7f500a7bc82f957351745fa' }))))), h("swirl-popover", { key: 'a580ea4c5d90336555d52037e47209f599563c74', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: 'a05e11797d611cf17ee0c0631fb9f22ec4c287e7' }, h("div", { key: '93c93e65f94ade2201ed7b922078ebf9feed041b', class: "pdf-reader__meta" }, h("div", { key: 'fe8c3870f44ca3ac8e6b5eab47582d498a00bb90', class: "pdf-reader__file-icon" }, h("svg", { key: '28d373975315d1197741a6dadc862abc9352e9d0', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, h("path", { key: '6012d64c8ddbfec856bd0ff44e0a1150e198d291', 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: '26a1a3d4a35292fd389b9280418bec6d23cb6ee3', 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: '0fdf053860fd4e2fde4ab7ca0e0651f77ab15cb2', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), h("path", { key: 'e8d5c0a130c6735ea94fc067e74c73ea64f4495d', 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: 'f1bc509a0510c65a7e41f0cc80d8f20810e34f5d', 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: 'f47c3124bdc58045e45811c38dd4d13144f04eee', 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: 'd6580968d282e3b65a13e473af451cc8df26cb3d', 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: '14669b5e5270a6d6aa64cecc48da8af91d7cccdc', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), h("div", { key: '9b4d0b65b78ee34a12887ad3dd681a868826db87', class: "pdf-reader__file-info" }, h("swirl-text", { key: '8056dbc7b8f945480f69a433e9d959cd51d5892a', truncate: true, weight: "semibold" }, this.label), h("swirl-text", { key: '8f341c5666c15e9a1a88dbffe2384c707b333b9b', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && h("swirl-separator", { key: '09d56282bc88ae9e7075d33d737036b2aaa60566' }), h("swirl-action-list", { key: '341d3fbc229cc529c377eddc4a6373021f7bb3f0', class: "pdf-reader__menu" }, this.printButtonEnabled && (h("swirl-action-list-item", { key: 'f76522129bda6733a1ca6070211252cb6514c6f0', 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: 'e5a515de9441085f825311da1412045b631751c9', 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: 'be9b3f47319dd8271333601d6e4e0b2000009608', 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();

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

@@ -231,11 +231,11 @@ const SwirlSelect = class {
             "select--search-loading": this.searchLoading,
             "select--standalone": this.standalone,
         });
-        return (h(Host, { key: 'bd650164c4cf37b03f2c4295980f75c782ae745a', onKeyDown: this.onKeyDown }, h("div", { key: '9cd9ad2549b0ad63829d8b5b8a2a651602e447b6', class: className }, h("swirl-popover-trigger", { key: '4c5f4949a8e25331a7ccd6ccf75aa204227a9814', swirlPopover: this.swirlPopover, setAriaAttributes: false }, h("swirl-stack", { key: '756295bc59b173fa239526a2cd967fd9947c96d1', class: "select__value-container" }, this.standalone && (h("span", { key: '81db3463dc1f27355dab96c35ca0559d3157126b', "aria-hidden": "true", class: "select__resize-helper" }, label)), h("input", { key: '209511630e371b4b23ed290879b2cf1c60ea95e1', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, class: "select__input", disabled: this.disabled, readOnly: true, ref: (el) => (this.input = el), type: "text", value: label }))), h("span", { key: '7ebfd6cd653ec41bbb7826f4877870c9c114db54', class: "select__multi-select-values" }, this.value
+        return (h(Host, { key: '9dbf9cfb6ffe83121b2c4d2dc4e1baf64f4a2873', onKeyDown: this.onKeyDown }, h("div", { key: 'e2404019c938f2db166480a528f65de6fac3d937', class: className }, h("swirl-popover-trigger", { key: '161f52041c92ac48a04b632340035a70bb8b336a', swirlPopover: this.swirlPopover, setAriaAttributes: false }, h("swirl-stack", { key: 'c5d927547a609c565fb217995e3174f78ee1dffa', class: "select__value-container" }, this.standalone && (h("span", { key: '0b632462094a30095112f77bd154952b1fee964b', "aria-hidden": "true", class: "select__resize-helper" }, label)), h("input", { key: '389d66eed98f9c1b4ae8d817adcbf8ef8314b688', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, class: "select__input", disabled: this.disabled, readOnly: true, ref: (el) => (this.input = el), type: "text", value: label }))), h("span", { key: 'da4df41ca9f50ad5af33cc2e40e8284431ef4811', class: "select__multi-select-values" }, this.value
             ?.map((value) => this.options.find((option) => option.value === value))
             ?.map((option) => (h("swirl-tag", { "aria-hidden": "true", label: option?.label,
             // eslint-disable-next-line react/jsx-no-bind
-            onRemove: () => this.unselectOption(option?.value), removable: !this.disabled && this.allowDeselect && !option?.disabled })))), h("span", { key: '0e1838b3f9651da8a87b130096f12ba985c45477', class: "select__indicator" }, this.open ? (h("swirl-icon-expand-less", { size: this.standalone ? 20 : 24 })) : (h("swirl-icon-expand-more", { size: this.standalone ? 20 : 24 }))), h("swirl-popover", { key: '16d87bf0fe016fe08f7571b3dee438ea10989f07', animation: "scale-in-y", class: "select__popover", id: `select-options-${this.selectId}`, label: this.label, offset: offset, onPopoverClose: this.onClose, onPopoverOpen: this.onOpen, ref: (el) => (this.swirlPopover = el), useContainerWidth: this.standalone ? false : "swirl-form-control" }, this.withSearch && (h("div", { key: '49d66b4a56e9921f8a2e9ccef83d758472243831', class: "select__search" }, h("swirl-icon-search", { key: '512c0b5c357c51712ff97293facc99c2e6695ed8', class: "select__search-icon", size: 20 }), h("input", { key: '7cf79b0d59ef76f3e8074d57f3794ffc1ff48cec', "aria-label": this.searchInputLabel, class: "select__search-input", onInput: this.onSearchInput, placeholder: this.searchPlaceholder, ref: (el) => (this.searchInput = el), type: "search" }), this.searchLoading && (h("swirl-spinner", { key: '25a0d68d4009fc37d0db556ee7a1c71f56d38401', class: "select__search-spinner", size: "s" })))), h("swirl-option-list", { key: '7bc0c4467143232a81c4d7c0ec440d4bd4085042', class: "select__option-list", allowDeselect: this.allowDeselect, onValueChange: this.select, multiSelect: this.multiSelect, ref: (el) => (this.optionList = el), value: this.value }, !this.searchLoading && (h("div", { key: 'ee2a47069552cc829896dcd581490d2c8edc6bb0', "aria-disabled": "true", class: "select__empty-list-label", role: "option" }, h("swirl-text", { key: '887bea0bbe3aebc669b531d9d3c9a5e915a50eb7', color: "subdued", weight: "medium" }, this.emptyListLabel))), h("slot", { key: 'c95e6109170d160f4f6edea71264df75e48749ca', onSlotchange: this.onSlotChange }))))));
+            onRemove: () => this.unselectOption(option?.value), removable: !this.disabled && this.allowDeselect && !option?.disabled })))), h("span", { key: 'cc98de26ca16cdc93b92c1228e30e8218d8eb579', class: "select__indicator" }, this.open ? (h("swirl-icon-expand-less", { size: this.standalone ? 20 : 24 })) : (h("swirl-icon-expand-more", { size: this.standalone ? 20 : 24 }))), h("swirl-popover", { key: '9a178afb309ad1293e4c359890c26fdfcd84f6a3', animation: "scale-in-y", class: "select__popover", id: `select-options-${this.selectId}`, label: this.label, offset: offset, onPopoverClose: this.onClose, onPopoverOpen: this.onOpen, ref: (el) => (this.swirlPopover = el), useContainerWidth: this.standalone ? false : "swirl-form-control" }, this.withSearch && (h("div", { key: 'b22fd69f4454fffc9f02306de13a30f54075ade5', class: "select__search" }, h("swirl-icon-search", { key: '0f78872ac2d72c2ac72687447003386c56d1c0ca', class: "select__search-icon", size: 20 }), h("input", { key: '71918c760e999fd7de2d6b45a675128ca4d5ec58', "aria-label": this.searchInputLabel, class: "select__search-input", onInput: this.onSearchInput, placeholder: this.searchPlaceholder, ref: (el) => (this.searchInput = el), type: "search" }), this.searchLoading && (h("swirl-spinner", { key: 'b3a39714d98982d0dad54b8f806ab7b00133abff', class: "select__search-spinner", size: "s" })))), h("swirl-option-list", { key: '6ef5e6df3e406798397f26bfe6856ebd1a097135', class: "select__option-list", allowDeselect: this.allowDeselect, onValueChange: this.select, multiSelect: this.multiSelect, ref: (el) => (this.optionList = el), value: this.value }, !this.searchLoading && (h("div", { key: '7363cb40bf07d37dc0bb1130cdf70393ed1dd987', "aria-disabled": "true", class: "select__empty-list-label", role: "option" }, h("swirl-text", { key: 'c167dca6ff5c79fd3530991ab4627c928c066d51', color: "subdued", weight: "medium" }, this.emptyListLabel))), h("slot", { key: 'adb41f9740d387f20b81e8313305ac4de23e6917', onSlotchange: this.onSlotChange }))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {