@getflip/swirl-components 0.531.3 → 0.532.0

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

@@ -294,7 +294,7 @@ const SwirlLightbox = class {
         const className = classnames("lightbox", {
             "lightbox--closing": this.closing,
         });
-        return (h(Host, { key: 'a14a462f3d776d9820d52e267269f3b2f4d5875a' }, h("dialog", { key: 'b13c41362d9e41ff24bdf30280ef71e92d7847ae', "aria-label": this.label, class: className, id: "lightbox", onKeyDown: this.onKeyDown, onMouseDown: this.onPointerDown, onMouseMove: this.onPointerMove, onMouseOut: this.onPointerUp, onMouseUp: this.onPointerUp, onTouchEnd: this.onPointerUp, onTouchMove: this.onPointerMove, onTouchStart: this.onPointerDown, ref: (el) => (this.modalEl = el) }, h("div", { key: '67058f1720320b86e0fbba27aa0154e55d2ecadb', class: "lightbox__body", role: "document" }, h("header", { key: 'd5ecff9fc1ddec2b99056dc6f15a622182fca7ee', class: "lightbox__header" }, h("div", { key: '77a39577d752db9b8c2ea26911c708404ef3f941', class: "lightbox__toolbar" }, h("slot", { key: '96a4d48f5ef7f2b1d000865053a38175abecead1', name: "toolbar" }), this.downloadButtonEnabled && (h("button", { key: '4bcb44b44200b696e2df9858879f7f6c8992086d', "aria-label": this.downloadButtonLabel, class: "lightbox__download-button", onClick: this.onDownloadButtonClick, type: "button" }, h("swirl-icon-download", { key: '3abb4c2a88a310ac01eaecf3ca9dd6ad16a9709b' })))), h("button", { key: '1e9d3ada5cce613f147ae30043a44aee08059ae4', "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick, type: "button" }, h("swirl-icon-close", { key: '931b7ae3ea13905912f6189e213235bad0b0b56a' }))), h("div", { key: 'e07cae61fbdd39dbb33df6d531b9edf869a2ee2b', "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, h("div", { key: 'f49ce5261ce3863127454e0e0ec28e3f8b773fdd', "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (el) => (this.slidesContainer = el) }, h("slot", { key: '08d37f62b72e75518dfb5510c6b941a26aa47924', onSlotchange: this.registerSlides }))), h("div", { key: '4fe9c529d533ec80b4f988d51e71aa7e6c628eab', class: "lightbox__controls" }, h("button", { key: '02c38c9d4baaaaa100f0f151675f7cbd1aa52418', "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick, ref: (el) => (this.previousSlideButton = el) }, h("swirl-icon-arrow-left", { key: 'b61af3897e92bb475771933b6778ef301596f040' })), h("button", { key: 'e949ab0326a02265e27103dd7352d7b97ed46615', "aria-label": this.nextSlideButtonLabel, class: "lightbox__next-slide-button", disabled: this.activeSlideIndex === this.slides.length - 1, onClick: this.onNextSlideClick, ref: (el) => (this.nextSlideButton = el) }, h("swirl-icon-arrow-right", { key: 'a9b27b62328fb6a9b2cc510c124ed0f2a7cd2615' }))), showPagination && (h("span", { key: '97c01ee5a5bd641239e580dc8c5697a9f0183f06', class: "lightbox__pagination" }, h("span", { key: '65a97fadc906209177639647248a213d593ca076', "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length))))));
+        return (h(Host, { key: '7b04c354c919a60a7e6fc3dfc115d6bf7b8387eb' }, h("dialog", { key: '873c0b04b8590615ba075c569cbcc793fd2f5a30', "aria-label": this.label, class: className, id: "lightbox", onKeyDown: this.onKeyDown, onMouseDown: this.onPointerDown, onMouseMove: this.onPointerMove, onMouseOut: this.onPointerUp, onMouseUp: this.onPointerUp, onTouchEnd: this.onPointerUp, onTouchMove: this.onPointerMove, onTouchStart: this.onPointerDown, ref: (el) => (this.modalEl = el) }, h("div", { key: '9f1807d56bd93179084625a7e9771a5ce23abdfd', class: "lightbox__body", role: "document" }, h("header", { key: '0fcce1bb565d84bd7906810638bd833e66d78e85', class: "lightbox__header" }, h("div", { key: '1d9decfc61f1419c85c7697522e3ac5bdf8a97e5', class: "lightbox__toolbar" }, h("slot", { key: 'f0a41a9359df335002d641420beeff1be1f0e719', name: "toolbar" }), this.downloadButtonEnabled && (h("button", { key: 'e0237881b84ce84845259fd87077efe5ab398db7', "aria-label": this.downloadButtonLabel, class: "lightbox__download-button", onClick: this.onDownloadButtonClick, type: "button" }, h("swirl-icon-download", { key: 'e66cd499af8411ff2d6bcf16e5d13799bea091cd' })))), h("button", { key: '40163361bd02a1dcc9ca38f2698aac11890b89cb', "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick, type: "button" }, h("swirl-icon-close", { key: '2624d4ea2794a65a932c4d376b1b47430b83c1bf' }))), h("div", { key: '74697defbf4ecd1e68a194d6b95c82be4a81ee50', "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, h("div", { key: '9a7a50c3c0435cd4acfa92c6858d8d955c27f27d', "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (el) => (this.slidesContainer = el) }, h("slot", { key: '8fb547fb373ecb8c5e04d3d9538c496aeb0743ef', onSlotchange: this.registerSlides }))), h("div", { key: 'b9c9f33ee7ba71c382cb922c9fe0abebd56a0054', class: "lightbox__controls" }, h("button", { key: 'ac9978dd6948bfbaa514c2f6875eb88e11e124d3', "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick, ref: (el) => (this.previousSlideButton = el) }, h("swirl-icon-arrow-left", { key: '14c72a5c7bc6e9f12c409531a89630d3b16b2ab6' })), h("button", { key: '9d4e38ce89835fcc2dd1fdbb0d4ace128f322b26', "aria-label": this.nextSlideButtonLabel, class: "lightbox__next-slide-button", disabled: this.activeSlideIndex === this.slides.length - 1, onClick: this.onNextSlideClick, ref: (el) => (this.nextSlideButton = el) }, h("swirl-icon-arrow-right", { key: '6378e105158d7c618b0ff1c97c70f503f10abff0' }))), showPagination && (h("span", { key: 'cbe39ebe2bcfe4204b56563cd26a3b58d597e03d', class: "lightbox__pagination" }, h("span", { key: '103b927c51007e503f830a422a3fb8737a0f48ea', "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -10,7 +10,7 @@ const SwirlLink = class {
     }
     render() {
         const className = classnames("link", `link--color-${this.color}`);
-        return (h(Host, { key: '9e674d16a1d4fd3b82e16253ceabbfd71fcd5005' }, h("a", { key: '6d88882ac01ff796280e098d59564437fdc2cf95', class: className, href: this.href, part: "link", target: this.target }, this.label)));
+        return (h(Host, { key: 'fc0931751652b9dedf36ad1d9e51890dd559d222' }, h("a", { key: '198121bff7dc425aacbd5e21eaa38461a34db57f', class: className, href: this.href, part: "link", target: this.target }, this.label)));
     }
 };
 SwirlLink.style = swirlLinkCss();

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

@@ -13,7 +13,7 @@ const SwirlList = class {
         }
     }
     render() {
-        return (h(Host, { key: '0e4b35ffe8c0f5a14a93150e3e68b587cae65b55' }, h("div", { key: '135297746d93deb1beb636801df57b15e5b68484', class: "swirl-list", ref: (el) => (this.containerEl = el) }, h("slot", { key: '6eb7e283610af5ee58ae4becc32e024f75165f11' }))));
+        return (h(Host, { key: '6a3c08d80de47e8f49991536d1c75817bee35963' }, h("div", { key: 'ff976531e4400213b9d21dd7b0a6bf5dee1c40c0', class: "swirl-list", ref: (el) => (this.containerEl = el) }, h("slot", { key: '342d019fa5e970862edf8b92ddd1aec9f904dce7' }))));
     }
 };
 SwirlList.style = swirlListCss();

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: '212935d95e8cfc1d1727d966fbd9f844b7c3eaf7' }, h("div", { key: '1d7146f6f4e99b86cf6a3b5acbc60a42ccdea09b', class: className }, this.parentMenu?.variant === "selection"
+        return (h(Host, { key: '256a294d5fff02896d9affe57abe5f236362a5ea' }, h("div", { key: 'c2218d58cdc74b546d7955259e1fc8f357c10d01', class: className }, this.parentMenu?.variant === "selection"
             ? this.renderOptionListItem()
-            : this.renderActionListItem(), h("slot", { key: '3dc5a350912bcabf88fe4888cabe0cff8defac77', onSlotchange: this.onSlotChange }))));
+            : this.renderActionListItem(), h("slot", { key: 'ec0d49ff7e6cc43b9ddbeac1ab2f52f2ff39f853', 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: '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
+        return (h(Host, { key: '4e89ee4cb35474739d4230a4f8e967f565091c70' }, h("div", { key: '050b57e3fd546e38e0dbe32639d757f34988be39', class: className }, this.mobile && isTopLevelMenu && (h("div", { key: '4f19c968e3857f257dff94cc3978eadc252838bb', class: "menu__mobile-header" }, this.activeLevel === 0 && (h("swirl-button", { key: '5be486288499634b2c7ca292a449013c94ee3dc4', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" })), this.activeLevel > 0 && (h("swirl-button", { key: '46ab5c13abf9f04f080fe7b9930132d48f4e06fe', hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" })), h("span", { key: '0c8424eb2e3039d7b6281c35d69004ede0491605', class: "menu__title", id: "menu-title" }, h("swirl-heading", { key: 'f24f4369d20e104844672a28f38ce562dbda8b37', align: "center", as: "span", level: 4, text: this.label, truncate: true })), h("swirl-button", { key: '5447d50b1a68866d5a9dd9d0824c60a71ee1e10c', class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone }))), h("div", { key: 'b25517166e1da61018cfb36cd3fe8362f782ec69', "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: 'ba834e3cc69de93c056ccd153ebdfd9f6057901d' })))));
+                    : undefined }, h("slot", { key: '3d9edcf34f6f662a375a485e0154378f1d4c4e62' })))));
     }
     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: 'e92cafa89a759238d336a017e5e4133889148590' }, h("dialog", { key: '967caa3fe1b04b9164bd5176d713ce4dedb85092', "aria-label": this.label, class: className, onClose: this.onDialogClose, onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, h("div", { key: 'db51d8d96aafb07641596406fc197262f4aa91c1', class: "modal-shell__backdrop" }), h("div", { key: '505c707bf91197dd03a30018fae5d5bb10ae9576', class: "modal-shell__scroll-container", onClick: this.onClose, ref: (el) => (this.scrollContainerEl = el) }, h("div", { key: '33301e35ce5369cb3a5312a056f49b6a1cc9f695', class: "modal-shell__scroll-container__content", onClick: this.onContentClick }, h("slot", { key: 'c5fea0ec9f77eae918166c432ed5954c2a5bd18a' }))), h("swirl-button", { key: 'dfc1c5b337e71949c33e0a2b7a9633afc57c0451', 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: '0b1b61a3a6928cd2f7d9b6b024abb820edb95c1d' }, h("dialog", { key: '3a513fdce103a4b38267dac0d631a19c6c30a586', "aria-label": this.label, class: className, onClose: this.onDialogClose, onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, h("div", { key: 'a785201753db01e713486e88d826ed4f8e7c46a7', class: "modal-shell__backdrop" }), h("div", { key: '60a4491f0f7353d75c34b4ea878625e876b75b9a', class: "modal-shell__scroll-container", onClick: this.onClose, ref: (el) => (this.scrollContainerEl = el) }, h("div", { key: '66354136e80213179220ed797e11c3b70241e680', class: "modal-shell__scroll-container__content", onClick: this.onContentClick }, h("slot", { key: '4a1c8405f674dd849bb647433589c7f3ff9e8a7e' }))), h("swirl-button", { key: 'b6183ff049894db93d4085dc74f9c532867daf52', 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

@@ -319,29 +319,29 @@ const SwirlModal = class {
             "modal--show-backdrop": this.showBackdrop === true,
             "modal--hide-backdrop": this.showBackdrop === false,
         });
-        return (h(Host, { key: 'a4a86ec07c44c8bdf083b896526c3e8d3693bc8d' }, h("dialog", { key: 'e06e60af5b6c01152756af0eb143125924fda737', "aria-label": this.label, class: className, onClose: this.onClose, onKeyDown: this.onKeyDown, onToggle: this.onToggle, ref: (el) => (this.modalEl = el) }, h("div", { key: 'dc7fc803d1fed43daafe1c6068a70d306ba26741', class: "modal__backdrop", onClick: this.onBackdropClick }), h("div", { key: '5af6a906a4c258805ca6f2a19f9411d7ade1768c', class: "modal__body", part: "modal__body", style: !this.isFullscreen
+        return (h(Host, { key: 'bb3ee9e0e41689609fb2ce6c758fdfa196224317' }, h("dialog", { key: '23edbfbd0e375d320dcbd92f48f7574ec19db3d7', "aria-label": this.label, class: className, onClose: this.onClose, onKeyDown: this.onKeyDown, onToggle: this.onToggle, ref: (el) => (this.modalEl = el) }, h("div", { key: '483fb8fff488d26051958dafc7bf862a0d08bc06', class: "modal__backdrop", onClick: this.onBackdropClick }), h("div", { key: '4c930e03493ba4a2b145b525051a861b37a37d63', 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: 'd81b74fbf405ecaa2fc6d55c63c94455fe969990', class: "modal__sidebar" }, this.sidebarLabel && (h("header", { key: '0d50caffb53a40009ba18d975bbd10547d387096', class: classnames("modal__sidebar-header", {
+                : {} }, h("aside", { key: '84f4a98782ed78d099cbd1e858070a18d511354d', class: "modal__sidebar" }, this.sidebarLabel && (h("header", { key: 'abb115208c9b4dc84df877b109403a6891b1e41c', class: classnames("modal__sidebar-header", {
                 "modal__sidebar-header--has-close-button": this.hasSidebarCloseButton,
-            }) }, this.hasSidebarCloseButton && (h("swirl-button", { key: 'ee3f807a5966c16c0e526c0b18e1431582e54056', hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick })), h("swirl-heading", { key: '6742901788dfb273b471f693fa350a1fb9b81768', as: "h3", class: "modal__sidebar-heading", level: 5, text: this.sidebarLabel }))), h("div", { key: 'ab956419c46fc310e87372b2694f4a2a9bb07548', class: "modal__sidebar-content", onScroll: this.determineSidebarScrollStatus, ref: (el) => (this.sidebarScrollContainer = el) }, h("slot", { key: '8cbdb8c776b0d14d0642080fb9f0bb2bd7674b5f', name: "sidebar-content", onSlotchange: this.updateSidebarContentStatus })), h("div", { key: 'e85a449242a54494130dc90d345f94025ab482d4', class: "modal__sidebar-footer", part: "modal__sidebar-footer" }, h("slot", { key: '860ba1b7cbcbb5ff550a6d4361745e20ee4d3f85', name: "sidebar-footer", onSlotchange: this.updateSidebarFooterStatus }))), h("div", { key: '023a19a5a523cee719ce893f3ca59ee6cb4ab2d0', class: "modal__main-content" }, h("header", { key: '6d1299be352a436ae46b05bb39971dc9ff7f8420', class: "modal__custom-header", part: "modal__custom-header" }, h("slot", { key: 'bb2fded089e747367b720bf42ba171cf04a0b8c7', name: "custom-header", onSlotchange: this.updateCustomHeaderStatus })), (!this.hideLabel || !this.hideCloseButton) && (h("header", { key: '3f59e23fefc8ee3501e2b8b5f909ad551fa6d6fc', class: "modal__header" }, h("div", { key: '233a8f13834898444809d9f8433193daa251c16a', class: "modal__header-bar" }, !this.hideCloseButton && (h("swirl-button", { key: '7eadd7dd005250a8d8e63f4ba6d9a6f8a1b3ca08', class: "modal__close-button", hideLabel: true, icon: this.variant === "default"
+            }) }, this.hasSidebarCloseButton && (h("swirl-button", { key: '63907879a0bca6293e97554af6562dca86b4c9bf', hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick })), h("swirl-heading", { key: 'ff21fff218771d5c248ed629e5ed42669c680f1a', as: "h3", class: "modal__sidebar-heading", level: 5, text: this.sidebarLabel }))), h("div", { key: '2c8057f8cdeba8327d3bb6a4d52df218cf798c60', class: "modal__sidebar-content", onScroll: this.determineSidebarScrollStatus, ref: (el) => (this.sidebarScrollContainer = el) }, h("slot", { key: 'f113b74d31d967d39a29ac3873052f61e252283d', name: "sidebar-content", onSlotchange: this.updateSidebarContentStatus })), h("div", { key: 'af9e00996904782f9ad2fa7430aa9362b7534f2d', class: "modal__sidebar-footer", part: "modal__sidebar-footer" }, h("slot", { key: '6238471a909e09c48e12f07c842c16f693c29b2b', name: "sidebar-footer", onSlotchange: this.updateSidebarFooterStatus }))), h("div", { key: '095eb359887bc20989888c7b7885aee740410a23', class: "modal__main-content" }, h("header", { key: '571d6451532f28f5650ef3b2abe69031e66749bd', class: "modal__custom-header", part: "modal__custom-header" }, h("slot", { key: 'e7a6ae8769b00a273e5e0e8d8ffb90054c5cad01', name: "custom-header", onSlotchange: this.updateCustomHeaderStatus })), (!this.hideLabel || !this.hideCloseButton) && (h("header", { key: '772cfbd82e04d4158b14db2cb67b1782ab83dbc4', class: "modal__header" }, h("div", { key: '4082b15e240f44c38955783b1c348b2e2ca86b2f', class: "modal__header-bar" }, !this.hideCloseButton && (h("swirl-button", { key: '9e41a9a1ec74e34719386fb44454157f0be8e8bf', 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: '64ee96733baeec6b8522399f35c47c74be0f8102', 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: '907ba56e13dd790486b9f2b21a8f74992d656426', 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: 'd9ac5da08638bb7018dac8d1d318c2b4e0736542', as: "h2", class: "modal__heading", level: 3, text: this.label }))))), h("div", { key: '406b3a855b05e74f1ee4acc1517d67341506fa22', class: "modal__content-container", style: {
+                : this.fullscreenEnableButtonLabel, onClick: this.onFullscreenButtonClick })), !this.hideLabel && (h("swirl-heading", { key: '64bcf211cb5cac977eb593933bc352d56d40bf11', as: "h2", class: "modal__heading", level: 3, text: this.label }))))), h("div", { key: '1b549e4273fea8232ccb25048b44ceeb05c6e85a', class: "modal__content-container", style: {
                 gap: this.contentGap
                     ? `var(--s-space-${this.contentGap})`
                     : undefined,
-            } }, h("div", { key: 'e83c26591a0a2ca9d023eec8dba294cef18fdf89', class: "modal__primary-content", style: {
+            } }, h("div", { key: '79397f7c83404d0a175caf5d0f8cac64fe275657', class: "modal__primary-content", style: {
                 maxWidth: this.primaryContentMaxWidth,
                 flex: this.primaryContentFlex,
-            } }, h("div", { key: 'a47ef165e6614053ea2b6b010c981af59f9987d1', class: "modal__header-tools", part: "modal__header-tools" }, h("slot", { key: '15fb393a0674401622c485b3d9aaced96b97ad4a', name: "header-tools", onSlotchange: this.updateHeaderToolsStatus })), h("div", { key: '6a4a0a3b00760a6876295cfbc890aaab922d514c', class: "modal__content", onScroll: this.determineMainScrollStatus, part: "modal__content", ref: (el) => (this.scrollContainer = el) }, h("slot", { key: '4a32656a4710b04e1e7c1caf6dd6605946fda893' }))), h("div", { key: '0596be67b7b2d6b9d0aa428a821040a2aac2e135', class: "modal__secondary-content", style: {
+            } }, h("div", { key: '8bbffd128ea7ee5536062d1ae1db391546f2032b', class: "modal__header-tools", part: "modal__header-tools" }, h("slot", { key: '5d252a13f3ab709f229c51c601748833690d0cdc', name: "header-tools", onSlotchange: this.updateHeaderToolsStatus })), h("div", { key: '3c0a6c207a0fa5b3ce3a7ad9dcc0ea2e2eb4d5a3', class: "modal__content", onScroll: this.determineMainScrollStatus, part: "modal__content", ref: (el) => (this.scrollContainer = el) }, h("slot", { key: '33c768842d52bcb617ccf03daff9a8ffa7434425' }))), h("div", { key: '2f5620a5f7d7b4eb59918d3df7ba9b5f3cba179d', class: "modal__secondary-content", style: {
                 maxWidth: this.secondaryContentMaxWidth,
                 flex: this.secondaryContentFlex,
                 padding: Boolean(this.secondaryContentPadding)
@@ -359,7 +359,7 @@ const SwirlModal = class {
                 paddingInlineStart: Boolean(this.secondaryContentPaddingInlineStart)
                     ? `var(--s-space-${this.secondaryContentPaddingInlineStart})`
                     : undefined,
-            } }, h("slot", { key: 'e111ac8ad27295494a2d88fc85ea41b70e055fe8', name: "secondary-content", onSlotchange: this.updateSecondaryContentStatus }))), h("div", { key: 'ad15d1be8af76010ccfc5d4ef8b6e3b5cebcc4a3', class: "modal__custom-footer" }, h("slot", { key: 'e1d48aea84c02cef82bb25fbf6c57a6c2baedb0d', name: "custom-footer", onSlotchange: this.updateCustomFooterStatus })), showControls && (h("footer", { key: '2826ebb52ae505ce1777e69662af0e30bd79f252', class: "modal__controls" }, h("swirl-button-group", { key: '596093bffabb09ba0fc41452369a60de6438580c', wrap: true }, this.secondaryActionLabel && (h("swirl-button", { key: '37dccfc2ba11660bbc745a13f5b4bb3784c96562', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (h("swirl-button", { key: 'f5032c93221904642c8247f278f92963f11fc9ae', intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" }))))))))));
+            } }, h("slot", { key: '292a3f6ef5b6ea07145f797a29a06b9abf520d08', name: "secondary-content", onSlotchange: this.updateSecondaryContentStatus }))), h("div", { key: '441d039da038acd9f24d9133256b2ab6b5e06e40', class: "modal__custom-footer" }, h("slot", { key: 'e1374f6d253c3be37dcbab2eeb0d7c1a75789afb', name: "custom-footer", onSlotchange: this.updateCustomFooterStatus })), showControls && (h("footer", { key: '235891c784e2854a36f8b0285feee9f9189cea3a', class: "modal__controls" }, h("swirl-button-group", { key: 'd8819718eba5d1dfac5a65f2b2ddbc6cd62f819d', wrap: true }, this.secondaryActionLabel && (h("swirl-button", { key: '973c64021869489945e14dbd09eb01c60423696b', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (h("swirl-button", { key: 'a3f366dc8fe792356f09768b5f1b8d5a84b58cb9', 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: '52e0bb7bfe1a1c188a9130f4e990c1a1464a79f0' }, this.hasSeparator && (h("swirl-separator", { key: '20183ac39f217c559e01db1e126ec489ed366607', spacing: this.separatorSpacing })), h("div", { key: '5b00e1e93d35de37f99efde4e34c4fdea5661799', "aria-labelledby": "label", class: "option-list-section", role: "group" }, h("span", { key: '26cab1e3bda1a909443d34c88f5259efe33fe815', class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), h("swirl-stack", { key: '4f7e073d308cf5616412becc355a7ea0c61b7050', spacing: this.spacing, align: "stretch" }, h("slot", { key: '4193295e0eef10535a16aaad3ecffff400dc56d0' })))));
+        return (h(Host, { key: '6a1b336ac07dfa9691bf1d2da55d5b6185b20f42' }, this.hasSeparator && (h("swirl-separator", { key: '8afebcda96a0ce52a116abf47b6fd5020f54d030', spacing: this.separatorSpacing })), h("div", { key: '91d04ce2fdede9ed58835e9eb20d53b28a0739ce', "aria-labelledby": "label", class: "option-list-section", role: "group" }, h("span", { key: '88e90d4995305f88a9bfe591bbc0683fb501e467', class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), h("swirl-stack", { key: 'a23086254cf7692312073b8d3a60bdc147645f70', spacing: this.spacing, align: "stretch" }, h("slot", { key: 'af30cac91b16db3be3ccd985d58473f212bbf2fb' })))));
     }
 };
 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: 'bfe649f71cdebee2413b48a310601cfd23b7b010' }, h("swirl-visually-hidden", { key: '3fa40ea3271cedcfc4c2b0658646aa218577f088', role: "alert" }, this.assistiveText), h("div", { key: '72bba3bea57539decc4043c05a9828b330bb50bd', "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: '844a6ccb53f7738c82f3d452ed869160dff48192', 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: '4c4c88b1939369558f20cf9b2694d0fcd38cb1ed', onSlotchange: this.setSectionSeparator }))));
+        return (h(Host, { key: '7ac065f48e21732a0e7f4cec3289a6a25e17cdf6' }, h("swirl-visually-hidden", { key: 'ac44e536dc90da7063a36936b48b97704fa4d819', role: "alert" }, this.assistiveText), h("div", { key: '324c9042003c223e1326a0e4b49de9f242bae8d6', "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: 'c4dd5ad5c49688ea47a10abb2de54a4712d1ff5b', 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: '03d4ac06b57415713cf7b79c2a5ab605e3e1ae44', 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: '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 }))))));
+        return (h(Host, { key: '0c3002d635d17cf9bbdbfa8a21c86d3a0030fb61' }, h("nav", { key: '4c232714ee4cb389c2090d538701181a14df586a', "aria-label": this.label, class: className }, h("ul", { key: '2d368471fc24b430fc97708fac6d4b7d7e6de287', class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (h("li", { key: '04e4aa82282b1418f44f1ae4441488f4cecebda2', class: "pagination__list-item" }, h("label", { key: 'b4acd800643fa2e7d7c2027f799e0d8e19e42955', class: "pagination__page-size-selection" }, h("swirl-text", { key: '48252e9ceb835ce2014b8eccfd972447c9cd8f87', whiteSpace: "inherit" }, this.pageSizeSelectLabel), h("swirl-stack", { key: '03099ed65b13c8f6fda910258b1508bef1a4ccf1', align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, h("select", { key: 'd74235ef14e3986a2571efcf34015fb45d97b262', 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: '3199a1adb6012b3a7e31aa317778175e043c5dac', "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), h("li", { key: '0915873217895f40efa5565bd4e18fc6cfb4643c', class: "pagination__list-item" }, h("swirl-button", { key: 'e6eecd0dca69c54fad82a603f80b974c2834bf3e', 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: 'f52e9585b2d5d0dc53125b38cf0ee1cc53bca10a', class: "pagination__list-item" }, h("swirl-button", { key: '8c0cf80e969db835a2f2c7400022651b8a9b7417', 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: 'ac48fb28ab06210a676e97ffaf8e43715b118e7d', class: "pagination__list-item" }, h("swirl-button", { key: 'e4a0a2a86926f7fcc25077e92cecd5834cfcaa6d', 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: 'dcab3b2f676ed4606a49a62bd8591cdb5bf5b011', class: "pagination__list-item" }, h("swirl-button", { key: 'fb4631e81cb452d1318f9e4088873a791e763b22', 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: '1006cf013e2d4ea0d4039759427ec9bf10676df9' }, h("dialog", { key: '2f974b2edf927568ad017dcf6481c97630e8bb06', "aria-label": this.label, class: className, id: "pdf-reader", onClose: this.onClose, onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, h("div", { key: 'fc19608ff71abb538741726510122241e5ce89b5', class: "pdf-reader__body", role: "document" }, h("header", { key: '448bd7fe2e2e740ff120537f644f4c571fdfe768', class: "pdf-reader__header" }, h("span", { key: '7b375193185d974bbd30a887216c9aabf61dd9dd', class: "pdf-reader__header-left" }, h("swirl-button", { key: 'f739b6312de673b4a48446b1bec7b7c09fe3db09', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), h("span", { key: 'ff39941114f27cb130cd807821ea4188ba0a8666', class: "pdf-reader__label" }, this.label)), h("span", { key: 'b583e2e83aed3e24d7926e053cd9f60471731bde', class: "pdf-reader__header-center" }, h("span", { key: 'eec4c412e09fede06c80f51bf4a290342e552a19', class: "pdf-reader__zoom-button-container" }, h("swirl-button", { key: 'a6fb91dc2f92be2c43eedee74a1a0a2031626b43', 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: '2b509952ebb7e116eba38ce6e3ce62febab2dd38', 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: '270d99e8eae2cc6d09fbf4bbd0ae327b09b03498', class: "pdf-reader__zoom-select-container" }, h("select", { key: 'e17b921b9fb21d98bc22b4fcc7595912e4273088', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, h("option", { key: '9d4ea4f0988c9356facf8c7290e3a9c26ed55bf0', 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: '61cca8c066b33c91efbdbbfe1b07d369c628e104', class: "pdf-reader__zoom-select-icon" }))), h("span", { key: 'c2c4ed52895ed70746c39cda257870f3517dab96', class: "pdf-reader__header-right" }, h("swirl-popover-trigger", { key: '0610f7e7ccdc93eb6819a01804538a96b9fe9568', swirlPopover: this.menu }, h("swirl-button", { key: 'e9fce0f1e6d6b72322b937e06e43d8054c038b5e', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), h("span", { key: '8016dd44bdfb34e290c7d9c09945f96814e844a1', class: "pdf-reader__floating-tools" }, h("button", { key: '07d29479f07234c3581dc28a267c121d760af369', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, h("swirl-icon-menu-book", { key: 'f6c20782d1ad10dddfcc35c54826f93feb8cae1d' })), h("button", { key: '592e6c80ad9fe25e44f3d13e485e9b91e863940c', "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: '66ceb450e978b743e7ecd50485fb58a4f2a6ac95' })))), h("div", { key: 'ef0bcbcd10e61367d3f10e4c0c54d3a680f5262b', class: "pdf-reader__content" }, h("nav", { key: '3b439496d8d2c4d2e081c9214e0151f4c56311f2', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && h("swirl-spinner", { key: '5451c141691c773666d77c356c76a7a19fcf36c9' }), !this.loadingThumbnails &&
+        return (h(Host, { key: 'f6c2b38278ff0d172c2c27803e84ef9c57129658' }, h("dialog", { key: '94bd38f49b5dc9c5bd14ed70c00381137c1e054c', "aria-label": this.label, class: className, id: "pdf-reader", onClose: this.onClose, onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, h("div", { key: 'f80912e56ecb9a234894fc54eb54d3d4520d92d2', class: "pdf-reader__body", role: "document" }, h("header", { key: 'abeed39bdfe89b2a5b8dbb634068ec40c4134765', class: "pdf-reader__header" }, h("span", { key: '198bc186a8e9a4f87bf493cf54f5e898803682a8', class: "pdf-reader__header-left" }, h("swirl-button", { key: '793e78d2088afdc73677e1a23a8ae737b9d1fd32', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), h("span", { key: '13bae74c9447ca791a70365dbf2275cefe09ac5a', class: "pdf-reader__label" }, this.label)), h("span", { key: '094398c562e564d5a55b762887349cdcdf7dab57', class: "pdf-reader__header-center" }, h("span", { key: '0f86f696c81de4eb49a1bc7aa2037735751deb0a', class: "pdf-reader__zoom-button-container" }, h("swirl-button", { key: '6648aa19d29d5b7cb6cc8e59e8c466ba6601b25b', 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: 'd227f41c6e2661951504d53a2af7ea8b9aef8548', 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: '1f38152975e6948b8d58419dd173bfac4f68f30b', class: "pdf-reader__zoom-select-container" }, h("select", { key: '10d60a7fd8b76699230b075fb9387bd5c261b99e', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, h("option", { key: '269afb9051a976bcc2282a6a75a286ade2781c99', 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: 'f276558e53a9087acf65cc034103122ae9abe77a', class: "pdf-reader__zoom-select-icon" }))), h("span", { key: '0f5c1560e990ae3d2a5e16fe0c65540099f7eec1', class: "pdf-reader__header-right" }, h("swirl-popover-trigger", { key: '1cb8b18694fd6766ff3a74d694e1fcfa09a5da0e', swirlPopover: this.menu }, h("swirl-button", { key: 'e998eadfb31b243462468fa072c363669dee8960', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), h("span", { key: '3a0e97e8734a0cc9c2c2b352aa43abfd0b807e24', class: "pdf-reader__floating-tools" }, h("button", { key: 'e73c0e23989739700ee98bec1fb28094c239c5ff', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, h("swirl-icon-menu-book", { key: '842236b12252bc6cc91729183f8ac44bfd6b62d4' })), h("button", { key: 'e9ee8a33cc314b1f454f1d08f4258ca156cd02cf', "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: 'b9af6036f6d126d6db97d44423019f8462f3b8e2' })))), h("div", { key: '067d1abac5177d5f21dc6ce4918100f5d7a8f521', class: "pdf-reader__content" }, h("nav", { key: 'f32b1b76c30733a6f6edf889ddaab2d1e6624d15', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && h("swirl-spinner", { key: '5fd71ea935eab41dec2b91b76a47fc3e5da55011' }), !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: '66535291146aa772a541f3940957bea9a7ae86ff', 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: 'b6d626c05b68d7c313ae497d0de253999b83dcbe', class: "pdf-reader__mobile-zoom-controls" }, h("button", { key: '95ba19b5f85655ba1347f8763e4bed773bc2c6fd', "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: 'adb71904d16624aecb16b7407cdcecff6da47f97', "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: 'fdede4558ac8b817faa03ca1da91269b6191d3ff' })), h("button", { key: '26b37f80c2b95831009146c4a668ceb831a7337e', "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: '92c7b9028dbccf022c1d67ef71404cddaea1868e' }))))), h("swirl-popover", { key: '0ea60a378df42b172f325bb95227f2fdc144af3c', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: '3aaa4d0b54e8fdc567cc78d10174d10e0ef5b4fe' }, h("div", { key: '0f9c71cef2600350e9061bd49b3634e396fa476a', class: "pdf-reader__meta" }, h("div", { key: '9eabab28117f2f896f5f3864d09444829fadd8de', class: "pdf-reader__file-icon" }, h("svg", { key: 'e83129465659b5d984f9d8a61497f74aa6337353', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, h("path", { key: 'bd5bd8d5cf62aa3a2fec396976b2074fa7300ad4', 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: '1081f059bad7868b83faf26dba3b0ab6fecfca84', 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: '1eb59f58297b80c98e061242744f1c3e9e4c00a6', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), h("path", { key: '885999ec5b575d64a47e1538fadd37cb3f0cbbab', 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: 'a93aa4e0e10c1d0b7398d2ef04df8075f8b708ab', 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: '985fc4b8aac8910c1c7b094af0edff8f279b9ac9', 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: '1df79fede333427403e30c12a6ca79fba836514e', 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: '5a39a161e7c4412f92f467f2fd9ec690faff9413', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), h("div", { key: '2f5f4334e77c4567dd520a7f09e8ea41f35f83cf', class: "pdf-reader__file-info" }, h("swirl-text", { key: '8449679b098dfe447857007efb066d28c7f71353', truncate: true, weight: "semibold" }, this.label), h("swirl-text", { key: '00a9d2c1177e9e5fca45b8076f4be41b5eba866f', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && h("swirl-separator", { key: '22fb40b7ab65544159fa8ee1f1946fcb303e058b' }), h("swirl-action-list", { key: 'd401e8a70da461db822df8d59d58d8820d0f200f', class: "pdf-reader__menu" }, this.printButtonEnabled && (h("swirl-action-list-item", { key: 'eadc5dfe58b655f0ce24af9444c5f0b13eb9f7f6', 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: '0bf20d0697871767e42b0955484a539c9fa9b6d8', class: "pdf-reader__download-button", disabled: this.downloading, icon: !this.downloading
+            })), h("swirl-file-viewer", { key: 'b7cc37989f63846b8e1b559d815b4444a2c54cb5', 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: '9227781c7c4e4fcd11f3a9336550648da4b62003', class: "pdf-reader__mobile-zoom-controls" }, h("button", { key: '076effcc39e2dde28a8c51e7c484cc15d303c142', "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: '475d26a81c25fc015b97a6135e6b01852b1c3927', "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: '255acd7cc8120c2be7582527f7871fd5674b3818' })), h("button", { key: 'b53bd61cdfbcc7d46ea77df0f9ff54f4e2f30191', "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: 'efa09a7ba19acb21bc415bc35af69fd2e724f646' }))))), h("swirl-popover", { key: 'c6b117817b3012e1acf87db475524cc2e4adcb77', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: '965a025c34a93c296a5df15e8f0ab723dd7cd11f' }, h("div", { key: '8c0e09f7ea9f8f76dab7574f15757ef12f9f22b9', class: "pdf-reader__meta" }, h("div", { key: '0d913d69b83bc04671839542d886a4f736ce604c', class: "pdf-reader__file-icon" }, h("svg", { key: 'c6d919a24da83837e388b496a9e1bb6021456d18', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, h("path", { key: '0ba81659dd8b7baf12ea0773ab308adff34be0a0', 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: '33305e8778a3110f7c3f47e878c4bbd33bc151b8', 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: '90a3b0f225d009cc1953c0fe960d7525ae67c4ae', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), h("path", { key: '0e90bce30832c589effc2a97cd08ca9719d9ed0b', 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: 'e5ce4e315f44a585b403a0778c54799532b9922e', 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: '1b2ce874a419d478040e318ff260b870ccd519ea', 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: '5ba2f3deebda592f8732659e60d09409df341593', 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: 'a6e808514b6d03466b89a4e52f24840c6250b636', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), h("div", { key: '1d81955f1ec32b1356847bc3f0cf9f97c8180562', class: "pdf-reader__file-info" }, h("swirl-text", { key: 'a042ec561eca7cead9ae25f5f468456a451678ed', truncate: true, weight: "semibold" }, this.label), h("swirl-text", { key: 'fa8e3df210b3f9ed50f10f5b650a9dfeccc7a986', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && h("swirl-separator", { key: '1f54a17cc56ae9a093b95597fdd0f2d9db49285d' }), h("swirl-action-list", { key: 'd7c9a1928310b0c60af5491b41429cda9838242e', class: "pdf-reader__menu" }, this.printButtonEnabled && (h("swirl-action-list-item", { key: '96a1526444cfd011fcc8bcdea45a5207a2dd24f4', 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: '3402cf16a4fead8f90a30f07b77956d19fa56aca', 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: '111b290104d56c2aec6d508fba63a104885ebfb7', name: "menu-items" })))))));
+                : '<swirl-spinner size="xs"></swirl-spinner>', label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), h("slot", { key: '10a5408e10c929d9704e38512811b1270e2da9e7', name: "menu-items" })))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -330,18 +330,18 @@ const SwirlPopover = class {
             "popover--transparent": this.transparent,
             "popover--padded": this.padded,
         });
-        return (h(Host, { key: '3b3bb710683441a4f971a25542894ad965254b42' }, h("div", { key: 'a142e898bbe09ad766ee5111b1ed6c1b0320cf7e', popover: "manual", class: className, onKeyDown: this.onKeydown, ref: (el) => (this.popoverEl = el) }, h("div", { key: '820a28e75d0b508b6d939219734522d92943c0d6', "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: 'a4a0ec84a7b3ceace19b02fd54104f6128ef5194' }, h("div", { key: '990f903a87eb3a61ad247a137db6b619fba3dd6b', popover: "manual", class: className, onKeyDown: this.onKeydown, ref: (el) => (this.popoverEl = el) }, h("div", { key: '5e658816a6cbc4aa3e420bf49224a76aa5c99afd', "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 && !mobileBottomSheet
                     ? "0"
                     : undefined,
                 "--swirl-popover-border-radius": borderRadius,
-            }, tabindex: "-1" }, h("span", { key: '4ce3efbab020862c26ad9177274c0ed6794374bd', class: "popover__handle" }), h("div", { key: '526fc65ea325a29ece87639893af06f37cf71978', class: "popover__scroll-container", part: "popover__scroll-container", ref: (el) => (this.scrollContainer = el), style: {
+            }, tabindex: "-1" }, h("span", { key: '08cea3b305905a3dad810686614bccaf68f1b321', class: "popover__handle" }), h("div", { key: '693649f626ec4a4307a00d7799861cf1abed586d', 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: '6fc74e080d35e318cf520d65520c2d73fb434d75' }))), this.active && (h("div", { key: '83df142ba2da01ee5312e82dbbc2b83775d526ed', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
+            } }, h("slot", { key: '25f8007e19b6a987861950add1cbdca4669e5919' }))), this.active && (h("div", { key: 'ea5f198ab65eaee3b67cb8a462976eb3400d8284', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
     }
     get el() { return getElement(this); }
 };
@@ -652,7 +652,7 @@ const SwirlPopoverTrigger = class {
         return Boolean(isActive) && !isClosing;
     }
     render() {
-        return (h(Host, { key: '41d9dbdc7a68af0b94561323006b53c96242622d', onClick: this.onClick, onFocusin: this.onFocusin, onFocusout: this.onFocusout, onKeyDown: this.onKeyDown, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, h("slot", { key: '4dd8f675b36af944ac83f22e087c3c5f6c572157' })));
+        return (h(Host, { key: '02450c2a004a334be994ae49aadf3754c9bb7997', onClick: this.onClick, onFocusin: this.onFocusin, onFocusout: this.onFocusout, onKeyDown: this.onKeyDown, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, h("slot", { key: 'c1f347b0d7250ddfd267193aecf42a06d5a834cc' })));
     }
     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: '1a5999fc1bb664116feb07fef67448d38c8ddfa3', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, h("div", { key: '256d70817ccf7074f67b7cf1a2111838bd6aaed7', class: "radio-group" }, h("slot", { key: 'd852e1e138b65a461cdae45b63ef6b3f593343a1' }))));
+        return (h(Host, { key: '42a84195be7bff645429479062f150dcecafcb52', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, h("div", { key: 'abab6612f695734f6d3221b866cceb816a4ed21d', class: "radio-group" }, h("slot", { key: 'a9b20c0633e87358ef1e96b790513f5ccb8b03a2' }))));
     }
     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: '9181653221cedb79869b31485fe601ef029ff8bc', style: { width: this.variant === "card" ? "100%" : undefined } }, h("label", { key: '800685a86f6f4b1dbd20f20d2218d04a68822878', class: className, htmlFor: this.inputId }, h("span", { key: '410ffd0fdc0b061015dd554ab5a56229c979f4dd', class: "radio__control" }, h("swirl-visually-hidden", { key: 'e41aba02a81284faacd3aeee82b95ae8a28a449e' }, h("input", { key: '0f9cffc32cc44fb967098fedeea7f16388fe050a', "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: '4871dc0ced3a8a5220b95cadf004c4776901745d', "aria-hidden": "true", class: "radio__box" })), h("span", { key: '2c5c0205c7934d38092ee8bb374750dd46906a30', class: "radio__label-container" }, this.label && (h("span", { key: 'f17ef8b7670effbbc2baba7cc52eaf595b7d132c', class: "radio__label" }, this.label, this.tooltip && (h("swirl-tooltip", { key: '68877a4be5e32dc51c3c0115b30890ec65705039', content: this.tooltip, position: "top" }, h("swirl-icon-help", { key: 'b3f6a1ba1d8851b9e229818d7cad7bc28970dbd7', color: "default", size: 20, tabIndex: 0 }))))), this.description && (h("span", { key: '37802eb7bf729e22f4af1ef481499bddf37c16c8', class: "radio__description", innerHTML: this.description }))))));
+        return (h(Host, { key: 'aa9c0d9bebb8e104698f5f45589f5636d6a57b25', style: { width: this.variant === "card" ? "100%" : undefined } }, h("label", { key: 'c51413a2d4cd968fbdcc2115c38ea6c38c0b4801', class: className, htmlFor: this.inputId }, h("span", { key: '9f718c353d5c8046c241966fe3c9d0b2b0a1ecfa', class: "radio__control" }, h("swirl-visually-hidden", { key: '599cdc2ef0c94d52a05df3f8156e56bffb73532e' }, h("input", { key: '24e1da66087e39dc19506bd38ee48a14304aec19', "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: '704b7e4833980608492d696d93b03c676064ac03', "aria-hidden": "true", class: "radio__box" })), h("span", { key: '771603ee81046ed3c8b9fe0c923c44f2decd1995', class: "radio__label-container" }, this.label && (h("span", { key: '978ae28cbc9014c8849910db58bdc690c6ef9459', class: "radio__label" }, this.label, this.tooltip && (h("swirl-tooltip", { key: 'e008a4d5fe98bb9c94a6f9c0fff108722809c913', content: this.tooltip, position: "top" }, h("swirl-icon-help", { key: '61f389e02e355012739b0f2e11214f0b33890746', color: "default", size: 20, tabIndex: 0 }))))), this.description && (h("span", { key: 'caec71b508626e3f8d58cc1a2b9141d80899595b', 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: 'd259144ef01cf1e27cc018a69336367303a91598', role: hostRole }, h("div", { key: '57c13dccec711904f16cb30ef011323e4149db23', class: className, part: "resource-list-file-item", role: containerRole }, h("span", { key: '61026344b9ccc2ca65cab64962dd07608754a8ea', class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }), h("span", { key: 'e54056f925007492865e505add4da22aef9ba52a', class: "resource-list-file-item__label-container" }, h("span", { key: '3e5610e03ae48b7e50f858c8406ebc94ac0eecb8', class: "resource-list-file-item__label", id: "label" }, this.label), showDescription && (h("span", { key: '68440cd0e8d20eac091bdb4f48428d77615fa561', class: "resource-list-file-item__description" }, this.description)), showError && (h("span", { key: '4b6d5cad12b996ceef8f4957de0338c6fa34fac9', "aria-live": "polite", class: "resource-list-file-item__error-message" }, h("swirl-inline-error", { key: '87638ded04ff17a274da159d205ca626c35cbaf2', message: this.errorMessage, size: "s" })))), showSpinner && (h("span", { key: 'cca0663bda951b002620d99ecf19ef1a1906642a', class: "resource-list-file-item__spinner" }, h("swirl-spinner", { key: '6020bc12340b5e7db0446796c10a965c48cdd765', size: "s" }))), showRemoveButton && (h("span", { key: '1f506e727ca144129229e45b76bff9cb32ed098a', class: "resource-list-file-item__remove-button" }, h("swirl-button", { key: '1442f8df0a49d2f341d558ff46bfa0b0bc767c5e', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))))));
+        return (h(Host, { key: '3b508997d67f69aaa33d332d780643d1ac888a4c', role: hostRole }, h("div", { key: '88b8462190e1b1c35127fdeb61451a7bb46ac77d', class: className, part: "resource-list-file-item", role: containerRole }, h("span", { key: 'e84d29268118ee85013c26ab8e0067a70bec9299', class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }), h("span", { key: '071bcd749118a1e1c24dd74cb04858197e2ff8c8', class: "resource-list-file-item__label-container" }, h("span", { key: '81eaddd81f04c6a9940e18d1a2878f0a5c920a04', class: "resource-list-file-item__label", id: "label" }, this.label), showDescription && (h("span", { key: 'eb79a897ed7b892ab9ac075f715383a9cb94eb6e', class: "resource-list-file-item__description" }, this.description)), showError && (h("span", { key: 'f69e2889a1221f519127d016a96b34b877b95c0a', "aria-live": "polite", class: "resource-list-file-item__error-message" }, h("swirl-inline-error", { key: '6067438cc8c13a9e81de36aaaffeb7950475092c', message: this.errorMessage, size: "s" })))), showSpinner && (h("span", { key: 'e033682979e7f62c3a1585de5ffc7c38c51c5891', class: "resource-list-file-item__spinner" }, h("swirl-spinner", { key: '2f046058a241bbd1bd3b48273adaed5e00a961c8', size: "s" }))), showRemoveButton && (h("span", { key: '7e7161176a8c6e7bc544ca3f50ef7bdd712aa34b', class: "resource-list-file-item__remove-button" }, h("swirl-button", { key: 'd1a2d32acae39cf257175151ddff5cc81afde061', 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

@@ -132,7 +132,7 @@ const SwirlResourceListItem = class {
         const labelContainerStyles = {
             minHeight: this.labelMinHeight ?? undefined,
         };
-        const renderLabel = () => (h("span", { key: '2b048d19f615999345c6e5d5e0182241f524e1ab', class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : undefined, style: {
+        const renderLabel = () => (h("span", { key: 'a5248c6036cf58b464d108c9765351f83e8195a2', class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : undefined, style: {
                 "-webkit-line-clamp": !!this.labelWrapMaxLines
                     ? String(this.labelWrapMaxLines)
                     : undefined,
@@ -155,7 +155,7 @@ const SwirlResourceListItem = class {
             "resource-list-item--wrap-label": this.labelWrap,
             "resource-list-item--wrap-label-max-lines": this.labelWrapMaxLines,
         });
-        return (h(Host, { key: 'c4fd1120ef3c0404a0c55fd6f80cd5b107f971f3', role: hostRole }, h("div", { key: '94fe11292c1d3b7f2095c74b2004c87cce951c57', class: className, role: containerRole, onClick: this.onClick }, h(Tag, { key: '20f3f3c678d8d3eec81a0378c73724f1663bb899', "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: '9eba51bf3eae2966a730744b272794f7f15a494c', class: "resource-list-item__media" }, h("slot", { key: 'b81db58d34a1dd326819f9aeb90b4e1641472a9a', name: "media" }))), h("span", { key: 'a84aa39ca0216fe1330cd53b10b94eff5d7d32ad', 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: '8cbc04e096aa6d3be82fe87e9002d67247e05214', class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : undefined }, !this.allowHtml && this.description)))), this.selectable && (h("span", { key: '260e9bbf82d652ad034ec8507fa8e1540abec068', "aria-hidden": "true", class: "resource-list-item__checkbox" }, h("span", { key: '9f017d6f6399bdbcc9e6b5a998b495a487006eb4', class: "resource-list-item__checkbox-icon" }, this.checked && (h("swirl-icon-check-strong", { key: '2eb9fe7aa0e6230b49d95b9dee44b5c73b541621' }))))), showMeta && (h("span", { key: '362f545a40c00426f588c6b33ba313f47c545b96', class: "resource-list-item__meta" }, this.meta && (h("span", { key: '5ed03859ce277e5f5db38ac5a06f9127a40d7400', class: "resource-list-item__meta-text" }, this.meta)), h("span", { key: '00b26c5deebfb1f05bfefd6c2f7c27897c8e7fba', class: "resource-list-item__badges" }, h("slot", { key: 'd0815230dba923a6a23534cb6335592c6072350f', name: "badges" })))), h("span", { key: '9b4c6ca99b9b544d5edd09e527e3c4cefab80cf4', class: "resource-list-item__control", onClick: this.onControlClick }, h("slot", { key: '69df14edace13c1c911ae4653ed04750211f5031', name: "control" })), showMenu && (h("swirl-popover-trigger", { key: '9b3352a66e49c6d081e122d413294a3b4da9d05f', swirlPopover: this.menuTriggerId }, h("swirl-button", { key: 'c0733712bded6df2deb39692a3eb911042f2aba5', "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: 'dc753c98119747a430152fc7947ce2246b599551', "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: '46982312d4738c5175f76b568e20e1127ed9a599', size: this.iconSize })))));
+        return (h(Host, { key: '054470fabdeeece6f4348b7c183fab34a4a1ae68', role: hostRole }, h("div", { key: '9e151361528f0c321af2fb7944ff02dad884de8e', class: className, role: containerRole, onClick: this.onClick }, h(Tag, { key: 'f7bd528a45fd2bfbf79f5307a3c89b5678893a11', "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: 'dbf1bae0a727030a3d4f6583c337af7df54be29e', class: "resource-list-item__media" }, h("slot", { key: '6c0b918512cb93b5efc2f0ad23e77b1fca848bfc', name: "media" }))), h("span", { key: '2fddc709a6c22430a5935728d600f89bfd724e70', 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: 'af3319f13338c9af3bfb13eb877b5971ce5988bb', class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : undefined }, !this.allowHtml && this.description)))), this.selectable && (h("span", { key: '0fa0f7855d0a3cdbd95b3178e28bf9b752833aef', "aria-hidden": "true", class: "resource-list-item__checkbox" }, h("span", { key: 'ddfcd1db20f0ef7da4d043965ab0143cb83ca86a', class: "resource-list-item__checkbox-icon" }, this.checked && (h("swirl-icon-check-strong", { key: 'fecc8efc23f97882a291cefd6f002ef43460710f' }))))), showMeta && (h("span", { key: 'fd74c7ee0b06984701492b4a6dfb620e06006786', class: "resource-list-item__meta" }, this.meta && (h("span", { key: 'bab17c18854358b721fdcb3218ccbdd382f7241f', class: "resource-list-item__meta-text" }, this.meta)), h("span", { key: '567b70fc74c7f77fdf0e965bde28d64e3d328a2b', class: "resource-list-item__badges" }, h("slot", { key: '0e93ee2327f0f53173041a87b4f827646a5f7a54', name: "badges" })))), h("span", { key: 'faf4a3f20e734a88f0c4328813c129b4890256ea', class: "resource-list-item__control", onClick: this.onControlClick }, h("slot", { key: '4e756e344afe57151b67d37cbe5d27db2b5f2108', name: "control" })), showMenu && (h("swirl-popover-trigger", { key: 'bd7d7480409ab5cbc8c437601eb55be77e42a586', swirlPopover: this.menuTriggerId }, h("swirl-button", { key: '7ff49e54fb533093a02890328f0afbf5d6495a58', "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: '76904a3995b5e9bbd916d2d1631600f756fa4df3', "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: '513c9bf86fbca29d8788b2d0bd9611002cd461c2', 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: 'c33789b34b18b259a728b6efa362874186323dcd' }, this.hasSeparator && (h("swirl-separator", { key: 'a92304f8dc505f17f32e66a67f050a2163f53f6d', spacing: this.separatorSpacing, semantics: "none" })), h("div", { key: '6a576c3b0d3c16e427775fa5b98269b7234d760c', "aria-labelledby": "label", role: role }, h("span", { key: '730db31cfb18ecf270dc55fc3b829d81bfdfcdee', id: "label", class: "resource-list-section-label", part: "resource-list-section-label" }, this.label), h("swirl-stack", { key: '210c6e328362d634ff42822b9f4e8f3d184a7496', spacing: this.spacing, swirlAriaRole: childrenListRole }, h("slot", { key: '65c25def45740f97e7940202607c5e132a192e4f' })))));
+        return (h(Host, { key: 'c2b57bd42eaaf722bb63744f524c8b20823d4a8d' }, this.hasSeparator && (h("swirl-separator", { key: 'f9b5e45ffb9f7071c6447eb984f9e843dbfbbb55', spacing: this.separatorSpacing, semantics: "none" })), h("div", { key: '7431080f864b183335e15617b95456605f8726e8', "aria-labelledby": "label", role: role }, h("span", { key: '406b6422e730d0137e8134fba9e0de81d3c1cfd0', id: "label", class: "resource-list-section-label", part: "resource-list-section-label" }, this.label), h("swirl-stack", { key: 'b5286cc5918dd2f027b7472168db82c61f2fbac4', spacing: this.spacing, swirlAriaRole: childrenListRole }, h("slot", { key: 'a96f94f2b4c0dca93707811ac0367b31a6eb2610' })))));
     }
     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: 'bf97022404d63466da4963c1509f28daa7f2e644', onKeyDown: this.onKeyDown }, h("swirl-visually-hidden", { key: 'a211f1f71721b1bdedf22b4d46b9c3e9e2155445', role: "alert" }, this.assistiveText), h("swirl-box", { key: '3351ca192018097162b7f10e5e626971a29c6ccf', 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: '7051c1e80ffeefedbbc29204dfb2245b93962ccd', "aria-label": this.label, class: "resource-list", id: this.listId, ref: (el) => (this.gridEl = el), role: this.semantics, spacing: this.spacing }, h("slot", { key: 'de736346c435e2c0536c667bd2ac061c347e0c74' })))));
+        return (h(Host, { key: 'ab9c42687e952e51cf08bf2327a169339c1b152e', onKeyDown: this.onKeyDown }, h("swirl-visually-hidden", { key: 'b930b35672890f51f099da52e5d110d26be1fd55', role: "alert" }, this.assistiveText), h("swirl-box", { key: '6edf2efedfb5aea400e29c8d3a813430ae6c40df', 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: 'f6c59c8a4ac6dc3ce4ea28333c213062bff112d6', "aria-label": this.label, class: "resource-list", id: this.listId, ref: (el) => (this.gridEl = el), role: this.semantics, spacing: this.spacing }, h("slot", { key: 'a841e00d3f144c4f8631ed1f9be08d5381fec183' })))));
     }
     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: 'aca10b0d23ef467808f336b5643b08c42bf262cb' }, h("span", { key: '07a4fd0d41cef8de6e45e2e55d2a213a6407d4dd', class: className, ref: (el) => (this.iconEl = el) }, h("swirl-icon-search", { key: 'bc1f61fe4163a90bce59f85b473a50c99cc07b68', "aria-hidden": "true", class: "search__icon" }), h("input", { key: '68d54d16bff0908abe2333685e22097af32af295', "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: 'c7d91ad46c0b58dcb2ebee5b186f6210195bca30', "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.handleClear, type: "button" }, h("swirl-icon-cancel", { key: 'ea95e50614e5405f96d9b7c9bdffceb43cec4fd5' }))))));
+        return (h(Host, { key: '8b21976b75ed11f9a0dd41ed32a83c5e1dabc29b' }, h("span", { key: '2ada7da5d395c97fa7a0cbcf55abf492821b160e', class: className, ref: (el) => (this.iconEl = el) }, h("swirl-icon-search", { key: '496fffd6635305ad51f07cb533ae8f0c163287f0', "aria-hidden": "true", class: "search__icon" }), h("input", { key: 'f41ada83fbf8b87cb0608652e198eddb9f4b888b', "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: '0a87021d86e59fb98ef6e4abff325cde557ddcb6', "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.handleClear, type: "button" }, h("swirl-icon-cancel", { key: 'fc3e445b7ced01c90585b8d23e22f9559aa53423' }))))));
     }
 };
 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: 'd4b9b7bc4e7bb18be4fa92636311f3fb6f4191d2', onKeyDown: this.onKeyDown }, h("div", { key: '8e3f15019fcf8f1d570ed4bb5de1e3004ead80a7', class: className }, h("swirl-popover-trigger", { key: 'e64db766471dca1dc1fa6f5ee7002f19a1a00813', swirlPopover: this.swirlPopover, setAriaAttributes: false }, h("swirl-stack", { key: '43a37d94b8e28b509d0905a2e588413900837044', class: "select__value-container" }, this.standalone && (h("span", { key: '71576939346e7d714a513204b02a64909582db64', "aria-hidden": "true", class: "select__resize-helper" }, label)), h("input", { key: 'c92b6ae934dea0895be0fc659438530922788c51', "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: '918c8b650c34fcf461ea37db3a8a1c7274a11c23', class: "select__multi-select-values" }, this.value
+        return (h(Host, { key: '949d903e49743d81cd3f37bf088db04210ab17a5', onKeyDown: this.onKeyDown }, h("div", { key: '1285131c152dba1cc2596438f1921ad7b674f15b', class: className }, h("swirl-popover-trigger", { key: '51504e5485c28e19974bc713af702a7268ac51b8', swirlPopover: this.swirlPopover, setAriaAttributes: false }, h("swirl-stack", { key: 'c5c30b798d11240191f12e43792b31d1dbb7812b', class: "select__value-container" }, this.standalone && (h("span", { key: '4f1082a404bb1f03dc01a2ec274ffbbf290240cd', "aria-hidden": "true", class: "select__resize-helper" }, label)), h("input", { key: 'ad953b2bcc6a8f6a42ea1ca97fc9b49773278764', "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: '957b3d88dc0359bb94a5deaf56e2c920e7c1b34e', 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: '06209317d3a50b0fcd080d6a6cda8490946c4ab3', 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: '15d6baaa6e75238b03a2c523ab2941d9930caeef', 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: 'b5562ea6a22bfce6dee9adaf4939310f1f6fb253', class: "select__search" }, h("swirl-icon-search", { key: 'efe51d972b66722bce8548b42e11eb143aa1f9f6', class: "select__search-icon", size: 20 }), h("input", { key: 'd935f56989b99d639025062fcb57e11b6708fc60', "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: '67a38bd032c4c040a851a1ea704e60fe465df578', class: "select__search-spinner", size: "s" })))), h("swirl-option-list", { key: '4d0cf68daa7ec2dc0c8478af9db3b589e38c9362', 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: '37a2b89bbedf15520bb677d09d3dff222d8250bc', "aria-disabled": "true", class: "select__empty-list-label", role: "option" }, h("swirl-text", { key: '7c94280da10023387b21382917667c5db8e9dde5', color: "subdued", weight: "medium" }, this.emptyListLabel))), h("slot", { key: 'cbc138c6385d7b71d6d56c41a5c19f6d7ed2cd66', onSlotchange: this.onSlotChange }))))));
+            onRemove: () => this.unselectOption(option?.value), removable: !this.disabled && this.allowDeselect && !option?.disabled })))), h("span", { key: 'b8943f257a8e1c101d32ba1197718f32694cf340', 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: '53557c9423a5be850ba28a07ec10349d4f0a7914', 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: 'fe182c5aa9391881bd02cf534480650dc259f4d2', class: "select__search" }, h("swirl-icon-search", { key: '8e709aec671a2b2e328a3c1907eeb600d785e9dc', class: "select__search-icon", size: 20 }), h("input", { key: '48d625faf10e19421c8d44afcb3f3db40fb22f4e', "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: '71ecf269fcddb8ee15222d63cca5b439ef2bf04f', class: "select__search-spinner", size: "s" })))), h("swirl-option-list", { key: 'bf4347da38e3641192fe4c6675b0c758160ce5d5', 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: '705e33b4b31cc311622d78249616fdf834867413', "aria-disabled": "true", class: "select__empty-list-label", role: "option" }, h("swirl-text", { key: 'be366f91c5bdc2ca78dde5a4cbe27fafd761ca2a', color: "subdued", weight: "medium" }, this.emptyListLabel))), h("slot", { key: 'f04b0dc25c108a2bc23576822b6433ddf6946147', onSlotchange: this.onSlotChange }))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -1673,24 +1673,24 @@ const SwirlShellLayout = class {
             "shell-layout--mobile-navigation-active": this.mobileNavigationActive,
             "shell-layout--navigation-collapsed": mainNavCollapsed,
         });
-        return (h(Host, { key: 'de96ada7e3b6994b6d167905c3d4f46b1bffa310' }, h("div", { key: '874ea28fdb92a81a5769f4b9ccf2f969b5d2e04a', class: className }, h("header", { key: 'a573269e5a124f99f328d42faaaa7c39c7ecdf6a', class: "shell-layout__header", "data-tauri-drag-region": "true" }, h("button", { key: '4e713b9b84e49ccb1a6e9b092385f4a6bee179db', class: "shell-layout__skip-link", onClick: this.skipLinkClick.emit, type: "button" }, this.skipLinkLabel), h("div", { key: '94ad6914dcc642533f791f5e3ab20179eebeb2cb', class: "shell-layout__header-left" }, h("swirl-tooltip", { key: '7384c7775eba3fb643eaa1be4d7e9a4c1168a909', content: this.navigationCollapsed
+        return (h(Host, { key: '7460bd9f6b436b6b1d81ec49ba3331f54980a721' }, h("div", { key: 'cec62f1a87bafce0ba65f1e0436abdfa5e96c0ef', class: className }, h("header", { key: 'b746ba454a9ddcc3bb5268aebdb33fc246f33f94', class: "shell-layout__header", "data-tauri-drag-region": "true" }, h("button", { key: '71052130ee231641e0897408461028dfc7a9c773', class: "shell-layout__skip-link", onClick: this.skipLinkClick.emit, type: "button" }, this.skipLinkLabel), h("div", { key: '566eb9256e78f39b8de1e519171684565047faf3', class: "shell-layout__header-left" }, h("swirl-tooltip", { key: '31e31cec5160b347874103f508647b448c757750', content: this.navigationCollapsed
                 ? this.expandNavigationButtonLabel
-                : this.collapseNavigationButtonLabel, delay: 100, position: "right" }, h("button", { key: 'c5f7d89fa6329565a98bcfc6b247c68ace917fb1', class: "shell-layout__header-tool", onClick: this.onNavigationToggleClick, type: "button" }, this.navigationCollapsed ? (h("swirl-icon-dock-left-expand", { size: 20 })) : (h("swirl-icon-dock-left-collapse", { size: 20 })), h("swirl-visually-hidden", { key: '6d7e01a66432ba25e8425df610b7962752881504' }, this.navigationCollapsed
+                : this.collapseNavigationButtonLabel, delay: 100, position: "right" }, h("button", { key: 'a71990bdb26450f058934a0d7b15569466b830b5', class: "shell-layout__header-tool", onClick: this.onNavigationToggleClick, type: "button" }, this.navigationCollapsed ? (h("swirl-icon-dock-left-expand", { size: 20 })) : (h("swirl-icon-dock-left-collapse", { size: 20 })), h("swirl-visually-hidden", { key: '1a3cb81a8484d8402bfff6a25b798d94336a78c1' }, this.navigationCollapsed
             ? this.expandNavigationButtonLabel
-            : this.collapseNavigationButtonLabel))), h("a", { key: '8ce53b9bd78a8001f57134176d9e98eca31ea3a8', class: "shell-layout__header-tool", onClick: this.historyBackClick.emit, href: "javascript:history.back()" }, h("swirl-icon-arrow-back", { key: '170cfba8ae2b54fa159fc7ea09aeaf8cdbddee97', size: 20 }), h("swirl-visually-hidden", { key: 'e5efad0cbaa63106605d30cbc6db26456281ca39' }, this.browserBackButtonLabel)), h("a", { key: '3d91fe8214997753f4c0f1105628179210a7cb71', class: "shell-layout__header-tool", onClick: this.historyForwardClick.emit, href: "javascript:history.forward()" }, h("swirl-icon-arrow-forward", { key: 'f0b4997cd4213b7f73e6ad71c44348bb2559e62a', size: 20 }), h("swirl-visually-hidden", { key: '1f2b7ee684919715d7b06c7a71b3b8d922a6864f' }, this.browserForwardButtonLabel)), h("slot", { key: '0ef707231138f88a100217b7ed91554498c0b203', name: "left-header-tools" })), h("div", { key: '3cbf9e6388aa4987e20b464d35a59f05a9eafe1c', class: "shell-layout__logo" }, h("slot", { key: '4f44aeed00ca8ef679dbb0ed27e36a92d31abf07', name: "logo" })), h("div", { key: 'ba28fb7cd9bb75fac3191789014f6862a9021994', class: "shell-layout__header-right" }, h("slot", { key: '305cfb750e5adb56bf00de5bd596cbfc786a20db', name: "right-header-tools" }), h("slot", { key: '068e0c2ad1fa657613dd6c90ab9fa673efada09b', name: "avatar" }))), h("div", { key: '5c48fcca90e830f779cb4e90fab9b4010d7a266a', class: "shell-layout__mobile-nav-backdrop", onClick: this.onNavigationClick }), h("nav", { key: 'a77e9e5d3f7db1eb5a4c0af961788c342cc6f1f9', "aria-labelledby": "main-navigation-label", class: "shell-layout__nav", onClick: this.onNavigationClick, ref: (el) => (this.navElement = el) }, h("div", { key: '10b7221f2e08f3b6a799e20a8b832683e83ef280', class: "shell-layout__mobile-header" }, h("slot", { key: 'd093e9bc5dd3d791acde2390d5b3f14ad2963a17', name: "mobile-logo" }), h("div", { key: '9c27cdef0bdc2db253b1e9b799d75f908c2651ad', class: "shell-layout__mobile-header-tools" }, h("slot", { key: '6c03625a7a9878c65992176a423827e54adbefb6', name: "mobile-header-tools" }), h("button", { key: 'ee7c1f2c70cef9305767d04366423d780816afc2', class: "shell-layout__header-tool", type: "button" }, h("swirl-icon-double-arrow-left", { key: 'd847affc1dea24aa560ba45034e8bb84b1fb4251', size: 20 }), h("swirl-visually-hidden", { key: 'd2e7b047629f502f9f826d133741ea5f4a06541d' }, this.hideMobileNavigationButtonLabel)))), h("div", { key: '0f59ceabdf47f8e45c9e11836e57ea755db0384d', class: "shell-layout__nav-body" }, h("swirl-visually-hidden", { key: 'f2bce9497e8831734f50c484cd8b517d0f2f6e4c' }, h("span", { key: 'c45e263458def8240de6b3714a4b8b618575bad9', id: "main-navigation-label" }, this.navigationLabel)), h("slot", { key: 'b67777ad705796834db3e87bdb081b54a737728a', name: "nav", onSlotchange: this.collectNavItems }), h("div", { key: 'cbb39859ec3f398cf08f6d2f61774c519a3d60bc', class: "shell-layout__secondary-nav" }, h("swirl-separator", { key: '1eaa5e8a7beb123b59eb0f5b1d08e064e182a998', color: "strong", spacing: "16" }), this.enableSecondaryNavGridLayout && (h("swirl-box", { key: 'c03e9804dc32460c679867e0b5aa58c14569f909', paddingBlockEnd: "16" }, h("swirl-stack", { key: 'ed6489c725487e7e509b3472661f4216f7bf0337', justify: mainNavCollapsed ? "center" : "space-between", orientation: "horizontal" }, h("swirl-button", { key: '069fb3eb456811d0a9186e48dd0f8fe5d403ba03', hideLabel: mainNavCollapsed, icon: this.secondaryNavCollapsed
+            : this.collapseNavigationButtonLabel))), h("a", { key: '8fa83f633fe42ae91e30c023462c5902c5cd939b', class: "shell-layout__header-tool", onClick: this.historyBackClick.emit, href: "javascript:history.back()" }, h("swirl-icon-arrow-back", { key: 'ac1ad1d1f27f8f1e19ecbbce9475cea4c6dc1eab', size: 20 }), h("swirl-visually-hidden", { key: '30569672aebaeb6c8782701482da4256cf44cfa6' }, this.browserBackButtonLabel)), h("a", { key: '429d1353546701f57bcae859aafd80f3e9776e13', class: "shell-layout__header-tool", onClick: this.historyForwardClick.emit, href: "javascript:history.forward()" }, h("swirl-icon-arrow-forward", { key: 'a59b0b210a4b024f150eda33707f67fa6f87dec8', size: 20 }), h("swirl-visually-hidden", { key: '927478db3b7ad004dd22a19e5159367fca21d419' }, this.browserForwardButtonLabel)), h("slot", { key: 'bd702891f6211f30c6c4ffb05b4ef8230ff2b6d1', name: "left-header-tools" })), h("div", { key: '706d08f8cd1eadf54731909a01a4cf9bf0ef9718', class: "shell-layout__logo" }, h("slot", { key: 'ae168335a2ccc1341bd8ff7a798584fb40d8da08', name: "logo" })), h("div", { key: '96a65c5fa507adb38c7bcef872a69f5dd23cb51f', class: "shell-layout__header-right" }, h("slot", { key: 'bab3b133c7fce4e1a602e73612264acf500ab162', name: "right-header-tools" }), h("slot", { key: '05e29449e18ae140ae047c24facdc54958bba77d', name: "avatar" }))), h("div", { key: '73ed4119ffdb6f482bda13c0dfce6a3dd236889c', class: "shell-layout__mobile-nav-backdrop", onClick: this.onNavigationClick }), h("nav", { key: '9c05cfd50f1fab505c718f58cc84cf5b0a35e2f0', "aria-labelledby": "main-navigation-label", class: "shell-layout__nav", onClick: this.onNavigationClick, ref: (el) => (this.navElement = el) }, h("div", { key: '4d8f776abd0e73c02677c921f4e7d40433dd2dea', class: "shell-layout__mobile-header" }, h("slot", { key: '88af9cfc8a7f548ab93cbcf17553634df4b8420d', name: "mobile-logo" }), h("div", { key: '24d521bd7bbd314268906094aaf2be765cc047ef', class: "shell-layout__mobile-header-tools" }, h("slot", { key: '52580b627b213834403bf4ba2129b652114ecb84', name: "mobile-header-tools" }), h("button", { key: '95568caec6499fd0b6a72109e829446b6a607143', class: "shell-layout__header-tool", type: "button" }, h("swirl-icon-double-arrow-left", { key: 'e83e52a0337b7a68432267657bc6b8e54e4246fc', size: 20 }), h("swirl-visually-hidden", { key: '7ae30abd2f33ecef5756c5278ecbf89bd44c67a5' }, this.hideMobileNavigationButtonLabel)))), h("div", { key: 'e65ace84a21523a575ad8f6606cf255a53e0075d', class: "shell-layout__nav-body" }, h("swirl-visually-hidden", { key: 'c643ccfb3e6a63ba86c147e25c7384642171b04e' }, h("span", { key: '85bddc382d4f22515fb4c20015073864b85c20d8', id: "main-navigation-label" }, this.navigationLabel)), h("slot", { key: '573106d91551888091ca075ed39fc9a8c85f6401', name: "nav", onSlotchange: this.collectNavItems }), h("div", { key: 'd0da0c99ad24976dde4c810a33a63bc9a16fc223', class: "shell-layout__secondary-nav" }, h("swirl-separator", { key: 'bfd3718863fc06a57b1425c7e5b6038f66ec00b0', color: "strong", spacing: "16" }), this.enableSecondaryNavGridLayout && (h("swirl-box", { key: '40aecb927eb4e4b880ef04b120738645749a7ef3', paddingBlockEnd: "16" }, h("swirl-stack", { key: '66c629a9cbfc93fdfd1feae470e69bb087e2b940', justify: mainNavCollapsed ? "center" : "space-between", orientation: "horizontal" }, h("swirl-button", { key: '3dd8df5173325c3aa58a5d99740ee54a4b03711e', hideLabel: mainNavCollapsed, icon: this.secondaryNavCollapsed
                 ? "<swirl-icon-expand-more></swirl-icon-expand-more>"
                 : "<swirl-icon-expand-less></swirl-icon-expand-less>", label: this.secondaryNavCollapsed
                 ? this.secondaryNavExpandLabel
-                : this.secondaryNavCollapseLabel, onClick: this.toggleSecondaryNavCollapse, variant: "plain" }), !mainNavCollapsed && !this.secondaryNavCollapsed && (h("swirl-button", { key: 'c88ba436af1f6d7ed13ed6dd612be4467abb856f', icon: this.secondaryNavView === "grid"
+                : this.secondaryNavCollapseLabel, onClick: this.toggleSecondaryNavCollapse, variant: "plain" }), !mainNavCollapsed && !this.secondaryNavCollapsed && (h("swirl-button", { key: 'f6591c6d93f35121983c12395ccebe3584efce1e', icon: this.secondaryNavView === "grid"
                 ? "<swirl-icon-menu></swirl-icon-menu>"
                 : "<swirl-icon-hamburger-menu></swirl-icon-hamburger-menu>", iconPosition: "end", label: this.secondaryNavView === "grid"
                 ? this.gridNavLayoutToggleLabel
-                : this.listNavLayoutToggleLabel, onClick: this.toggleSecondaryNavView, variant: "plain" }))))), h("div", { key: '4b2a5eab2e5d4b117df8bbf29dbd7914f1144650', class: {
+                : this.listNavLayoutToggleLabel, onClick: this.toggleSecondaryNavView, variant: "plain" }))))), h("div", { key: '3ae8fb54d5481722f916c6bda42223c9e6d16433', class: {
                 [`shell-layout__secondary-nav-items--${this.secondaryNavGridLayoutVariant}`]: true,
                 "shell-layout__secondary-nav-items": true,
                 "shell-layout__secondary-nav-items--grid-view": this.enableSecondaryNavGridLayout &&
                     this.secondaryNavView === "grid",
-            } }, h("slot", { key: '4bfdaf40935715cbc550d5fe3aa5973bfcf94748', name: "secondary-nav", onSlotchange: this.collectNavItems }))))), h("main", { key: 'c5376e170b46d1103a75105307b87c2ef139d79e', class: "shell-layout__main", id: "main-content" }, h("slot", { key: '240da7bdb7f9049b425e029747aaeb23d4d65be2' })))));
+            } }, h("slot", { key: '535be7e77dc38055d6891af47071f67ad1d14ce8', name: "secondary-nav", onSlotchange: this.collectNavItems }))))), h("main", { key: '06328f7ff02c39b5b2e9e89df08766feaa052d83', class: "shell-layout__main", id: "main-content" }, h("slot", { key: '4fe69cdf788bef19f8b00074f4770e029cdaf792' })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {