@getflip/swirl-components 0.296.2 → 0.297.0

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

@@ -297,7 +297,7 @@ const SwirlLightbox = class {
             "lightbox--hide-menu": !hasMenuItems,
             "lightbox--hide-toolbar": !hasToolbar,
         });
-        return (index.h(index.Host, { key: '030bb4d099784c5eb365cd2063da7be1c378e84a', onKeydown: this.onKeyDown }, index.h("section", { key: '9df2603872034ac63fb2ab2728bf8d1824a0c51a', "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: className, id: "lightbox", onMouseDown: this.onPointerDown, onMouseMove: this.onPointerMove, onMouseOut: this.onPointerUp, onMouseUp: this.onPointerUp, onTouchEnd: this.onPointerUp, onTouchMove: this.onPointerMove, onTouchStart: this.onPointerDown, ref: (el) => (this.modalEl = el), role: "dialog", tabIndex: this.isOpen ? 0 : -1 }, index.h("div", { key: '5c7a35bf076a423343585f9a2a91c2dfba630543', class: "lightbox__body", role: "document" }, index.h("header", { key: '6e96f8e70924a49ebff654bc479f081c91d7a2b0', class: "lightbox__header" }, index.h("button", { key: '94e3bb9fb3968cde7d93dfa59b3bfb82fffb3ba2', "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick }, index.h("swirl-icon-close", { key: 'ec5ebcde357f012a1e4c91390ee1f2de24ff55f1' })), index.h("div", { key: 'e6e947be47b7761591793ff96abab25dcba8a9c1', class: "lightbox__toolbar" }, index.h("slot", { key: '6e9a1f7e35dca017c75cb3985590b783d9ad2c71', name: "toolbar" })), !this.hideMenu && (index.h("swirl-popover-trigger", { key: 'd5f4a2c2403d58e944c6bc784d10fd99c6c6c493', swirlPopover: this.menu }, index.h("button", { key: 'af975226821e06d947354aca483c6128b8346967', "aria-label": this.menuTriggerLabel, class: "lightbox__menu-button" }, index.h("swirl-icon-more-vertikal", { key: '391ee96896b35dd62822332baefa3ac9623a4c6d' }))))), index.h("div", { key: '966d8f70b9f8d4194e0555c4777f0228b43c2f16', "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, index.h("div", { key: '98a9715a7d2016965e1afa7e95a31c8dcbdfbd1f', "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (el) => (this.slidesContainer = el) }, index.h("slot", { key: 'd944a135e580bc7ff526d671ffdebbf0a7059dc5', onSlotchange: this.registerSlides }))), index.h("div", { key: '9d56c65a5dcd2547d1c8cc57913ec2c0bdb368f7', class: "lightbox__controls" }, index.h("button", { key: 'c7ab4d650eb0b360a79a50f2879fce5e990a6ada', "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick }, index.h("swirl-icon-arrow-left", { key: '9ca4fd4b013002478ec87cb0da0f124861346f5d' })), index.h("button", { key: '6529cb2d518e9f2e3acf135a150f08dcee4a1f85', "aria-label": this.nextSlideButtonLabel, class: "lightbox__next-slide-button", disabled: this.activeSlideIndex === this.slides.length - 1, onClick: this.onNextSlideClick }, index.h("swirl-icon-arrow-right", { key: '273a6af8036537ec9fce60507a2bd56df3a36b2b' }))), showPagination && (index.h("span", { key: '80c504d3180a9fb759c71d8560a1a0282c1cb95e', class: "lightbox__pagination" }, index.h("span", { key: '1934a531fd2c9b10a76bac201383db4a1696e69d', "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length))), !this.hideMenu && (index.h("swirl-popover", { key: '60e4e2e1296cc5109ea5cf3c280c48f3d54b244f', animation: "scale-in-y", disableScrollLock: true, id: "slide-menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, index.h("swirl-stack", { key: '1ff6038de2a90bb6d02b9cde7f50c832b645798d' }, index.h("div", { key: '42f9bd83f918c0501865cb977e568b5debf7b23f', class: "lightbox__meta" }, currentThumbnailUrl && (index.h("div", { key: '0c901e98c81be2ba7ef2c0372479bb93701923e9', class: "lightbox__thumbnail" }, index.h("swirl-thumbnail", { key: '6e52e206e4ac46b0e1af1e729e79ca0fb8a3c4bc', alt: "", src: currentThumbnailUrl }))), index.h("div", { key: 'a4fdc6d425b6b34858afc03959009de32ca28762', class: "lightbox__file-info" }, index.h("swirl-text", { key: '0520bdafd084093d02d50eb1d4eeaff96b2151f0', truncate: true, weight: "semibold" }, currentFileName), index.h("swirl-text", { key: 'ae9dcc86531d4c1b868780ebe425f0bb0a5f1e4e', color: "subdued", size: "sm", truncate: true }, currentFileType))), hasMenuItems && index.h("swirl-separator", { key: '75a8fea3c1d841e4de68f80f156ff39b7d6429b6' }), index.h("swirl-action-list", { key: 'e85c8f2a2a25c1bdd99c3015135fad53ac5c7e61' }, this.downloadButtonEnabled && (index.h("swirl-action-list-item", { key: 'c3d6e6d7c13d5463fee5430dd6c2ad53e3b3871f', icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), index.h("slot", { key: '4f69fe4f33dc808220c43ae2188969b8f7b887ea', name: "menu-items" }))))))));
+        return (index.h(index.Host, { key: 'fd749b5440311691c5759cbb3e0c316fd780044a', onKeydown: this.onKeyDown }, index.h("section", { key: 'c1b73075fbd5b8ea0e5902fe2572507062661d3a', "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: className, id: "lightbox", onMouseDown: this.onPointerDown, onMouseMove: this.onPointerMove, onMouseOut: this.onPointerUp, onMouseUp: this.onPointerUp, onTouchEnd: this.onPointerUp, onTouchMove: this.onPointerMove, onTouchStart: this.onPointerDown, ref: (el) => (this.modalEl = el), role: "dialog", tabIndex: this.isOpen ? 0 : -1 }, index.h("div", { key: '40bff6fe51a55333aa8f9f846dc063772d673a14', class: "lightbox__body", role: "document" }, index.h("header", { key: 'd873218685bda8f5daf3f9f3e3a55026327c06e6', class: "lightbox__header" }, index.h("button", { key: '4f64b484563822ba8c8cdd3a54840bb9a8b905c4', "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick }, index.h("swirl-icon-close", { key: 'ee46955a46ed6d4af310008773b562a59d461e27' })), index.h("div", { key: '0cb0e8b5c571214583c3480fd8b36c85338b4927', class: "lightbox__toolbar" }, index.h("slot", { key: '74eaa0012e2f2dadd0a09ee26b5921e4ddaf66f2', name: "toolbar" })), !this.hideMenu && (index.h("swirl-popover-trigger", { key: 'd4d0ac20646efdad6107a94a389972833924e328', swirlPopover: this.menu }, index.h("button", { key: '065bd64bdc562dd700133923b01f510857deda1b', "aria-label": this.menuTriggerLabel, class: "lightbox__menu-button" }, index.h("swirl-icon-more-vertikal", { key: '824e1f561dbe29483eab64c3575015a42c9a2cd1' }))))), index.h("div", { key: '7c6a9fc512afcfd567f12134368474edb353f823', "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, index.h("div", { key: 'e010d72cd7e03ec2cf66c2c25987e7d0c9654e6e', "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (el) => (this.slidesContainer = el) }, index.h("slot", { key: 'e33c56f24ec2ffa6e0db22759e1a49a8803c310c', onSlotchange: this.registerSlides }))), index.h("div", { key: '288ab30b0ebeeebb6def666420f8d8112ce09825', class: "lightbox__controls" }, index.h("button", { key: 'cfa61cce95fd3a40199c11d730f0c6ac16c67e84', "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick }, index.h("swirl-icon-arrow-left", { key: '4f59b0f21ae4904cbe89f0d56b02507cdbc2e560' })), index.h("button", { key: 'abbb750db277657a0d4cb08dab1e04d56b563e93', "aria-label": this.nextSlideButtonLabel, class: "lightbox__next-slide-button", disabled: this.activeSlideIndex === this.slides.length - 1, onClick: this.onNextSlideClick }, index.h("swirl-icon-arrow-right", { key: '29040991baf79195b2d9c3be534d643501109f07' }))), showPagination && (index.h("span", { key: '1c74102a6b6e44928411dd580e566ba00f1467ff', class: "lightbox__pagination" }, index.h("span", { key: 'e8f61205db2dd2f663ba41519eec1f80dcf33813', "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length))), !this.hideMenu && (index.h("swirl-popover", { key: '5c5e917aa0664ae2be453317d2bc8130140c3d63', animation: "scale-in-y", disableScrollLock: true, id: "slide-menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, index.h("swirl-stack", { key: 'a9932821bb418ef810d3322a8eb7c3d6938f2a4d' }, index.h("div", { key: 'cc7994ab0d5c02ac53a581c6b6336ae2445f06e4', class: "lightbox__meta" }, currentThumbnailUrl && (index.h("div", { key: 'a9851fa2896b04275d849e30fc2445f833a5f342', class: "lightbox__thumbnail" }, index.h("swirl-thumbnail", { key: '7fba70275ebf5101332d1427b09ce9c692a30a0c', alt: "", src: currentThumbnailUrl }))), index.h("div", { key: '16575c201b1ef6fcd4832396a9105c87ee439a10', class: "lightbox__file-info" }, index.h("swirl-text", { key: '9e8adf46120676a184d8329a715fd634354a1e39', truncate: true, weight: "semibold" }, currentFileName), index.h("swirl-text", { key: '2c932779b2583d0f680f372397fa58b043593d83', color: "subdued", size: "sm", truncate: true }, currentFileType))), hasMenuItems && index.h("swirl-separator", { key: '35b8ace5c92822db36085179fe49cb947069c630' }), index.h("swirl-action-list", { key: 'e772be614a9837e9b92a006fe2c38da4f90869bd' }, this.downloadButtonEnabled && (index.h("swirl-action-list-item", { key: 'bfdaade1004852fe7dd11e494dca441b84d5b97b', icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), index.h("slot", { key: '29e86174c4ecbb04657372d6d686867563354747', name: "menu-items" }))))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -18,7 +18,7 @@ const SwirlLink = class {
     }
     render() {
         const className = index$1.classnames("link", `link--color-${this.color}`);
-        return (index.h(index.Host, { key: '80d2b3613f4b8bd13b1194d4fe2fbfd0731deedb' }, index.h("a", { key: '2d3b7aed8d1eff31a29fc465273e3bfa62f4f81c', class: className, href: this.href, part: "link", target: this.target }, this.label)));
+        return (index.h(index.Host, { key: 'd4568c6d4832ea626e90811e4e9aa567d169f11f' }, index.h("a", { key: 'e33e8bb64d74d0cf1b2eabd44bea58d8a8eb111d', class: className, href: this.href, part: "link", target: this.target }, this.label)));
     }
 };
 SwirlLink.style = SwirlLinkStyle0;

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

@@ -18,7 +18,7 @@ const SwirlList = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '5e54cf114526257a4a7910748cb2f96b31aa1c07' }, index.h("div", { key: 'e2022e0a204f6cc4faec082a53e86a263bdc8a97', class: "swirl-list", ref: (el) => (this.containerEl = el) }, index.h("slot", { key: '17e7a5f2c968a7ec34fdedba5389c667d86686f2' }))));
+        return (index.h(index.Host, { key: '826bf5bfe1c64c81ecbce160bab98cc6e5bd2067' }, index.h("div", { key: '2474425aefe20f2ae29b1b825685c42491bd9857', class: "swirl-list", ref: (el) => (this.containerEl = el) }, index.h("slot", { key: '9cfc911217a9dbc896d3c0c6360ac36a90863188' }))));
     }
 };
 SwirlList.style = SwirlListStyle0;

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

@@ -122,9 +122,9 @@ const SwirlMenuItem = class {
         const className = index$1.classnames("menu-item", {
             "menu-item--expanded": this.expanded,
         });
-        return (index.h(index.Host, { key: '7c854dd7a669e9f9efa6b437a1434a276fd1c8af' }, index.h("div", { key: '0619dd31a941ec8515426a7c77a497e0c0f52643', class: className }, this.parentMenu?.variant === "selection"
+        return (index.h(index.Host, { key: '49cdc9a27178867c5d606a6905fc7e722cfadeb0' }, index.h("div", { key: '138dbf6d35e76f59be7337f395bdf7cdf510d0b2', class: className }, this.parentMenu?.variant === "selection"
             ? this.renderOptionListItem()
-            : this.renderActionListItem(), index.h("slot", { key: '169825373ab9061a36ddb5aebee18dd62fd6245b', onSlotchange: this.onSlotChange }))));
+            : this.renderActionListItem(), index.h("slot", { key: '150c54944811b92608cc0f8f9410568371471895', onSlotchange: this.onSlotChange }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -298,7 +298,7 @@ const SwirlMenu = class {
             "menu--mobile": this.mobile,
             "menu--root": isTopLevelMenu,
         });
-        return (index.h(index.Host, { key: '24b9a5a411f90f3343ec603f35e87c55b59255b1' }, index.h("div", { key: '2873fac136c34db022ffb48363cbd0d8aaa1175d', class: className }, this.mobile && isTopLevelMenu && (index.h("div", { key: 'a366360ecca533efb243a22b7be2e2e7af03e103', class: "menu__mobile-header" }, this.activeLevel === 0 && (index.h("swirl-button", { key: 'dccd68774426953f61df8827d24a62ecf09d93e8', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" })), this.activeLevel > 0 && (index.h("swirl-button", { key: '42a40d4fc7d116e1da7c507d94afb8506c043bff', hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" })), index.h("span", { key: 'e7bcd311b9f7770d7ace9c7647592e207ac773ea', class: "menu__title", id: "menu-title" }, index.h("swirl-heading", { key: 'd4963ef497c29a6ead642897b8d154994e501747', align: "center", as: "span", level: 4, text: this.label, truncate: true })), index.h("swirl-button", { key: '9481c0b5f3090fb6ff69a573047b2457c81b3138', class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone }))), index.h("div", { key: '4c5b0690e189053c2c355a1e532417e16de8b6f1', "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 (index.h(index.Host, { key: 'f52fc57208c3860eb77be73bd242295c75e6dbb7' }, index.h("div", { key: 'b9acb6b584781ff85dab0848fe29d110b9363042', class: className }, this.mobile && isTopLevelMenu && (index.h("div", { key: '9226d13aa366e2bf5dd6db87eb34547e5f0bd331', class: "menu__mobile-header" }, this.activeLevel === 0 && (index.h("swirl-button", { key: 'e30ebeb2bd890289b5b458af6adb6ccd9c7cef75', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" })), this.activeLevel > 0 && (index.h("swirl-button", { key: '9b67869307a99c48cd8ce7f28cace23e826cafe1', hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" })), index.h("span", { key: 'c1430a02e8ea197f3ac01bc343196c9ce8b7e7b6', class: "menu__title", id: "menu-title" }, index.h("swirl-heading", { key: '43dcb02b643accee22d6ddd24f7ae0c3a41aeef9', align: "center", as: "span", level: 4, text: this.label, truncate: true })), index.h("swirl-button", { key: '8137cb7fbbaa8884fe4f45b8a15dbc478dc73048', class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone }))), index.h("div", { key: 'e6f39a87523179133cea6cf88171a7beaba0337b', "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` : "",
@@ -309,7 +309,7 @@ const SwirlMenu = class {
                             ? `calc(-100% * ${this.activeLevel})`
                             : "100%",
                     }
-                    : undefined }, index.h("slot", { key: '6a57a102ed4a4a99c5e07fd19e2ab6cdaca54008' })))));
+                    : undefined }, index.h("slot", { key: '508ba36bb2f62d00041ac086fe6bf2d2244f1a7f' })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -183,21 +183,21 @@ const SwirlModal = class {
             "modal--scrolled-down": this.scrolledDown,
             "modal--hide-secondary-content-borders": this.hideSecondaryContentBorders,
         });
-        return (index.h(index.Host, { key: '01f1a99d08bf7d14edbf134f18ff139064a6db14' }, index.h("section", { key: 'e859526369fa2b1f6e9c1514f67309326c797555', "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: className, onKeyDown: this.onKeyDown, role: "dialog", ref: (el) => (this.modalEl = el) }, index.h("div", { key: '500de6e4f8ca20e3db551d821663aedc2b6ee761', class: "modal__backdrop", onClick: this.onBackdropClick }), index.h("div", { key: 'afe33af8ae2b7c51d660d62fd2abe55a23c71bf2', class: "modal__body", style: {
+        return (index.h(index.Host, { key: 'd5986c5b634690a170988eaf4c3f2666d8599ef7' }, index.h("section", { key: '10a6e5b73d9c157cd25e38039d77ee8e7ff12937', "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: className, onKeyDown: this.onKeyDown, role: "dialog", ref: (el) => (this.modalEl = el) }, index.h("div", { key: 'c9e4ed93adef76be48c5f9bb3ab0786269dc1609', class: "modal__backdrop", onClick: this.onBackdropClick }), index.h("div", { key: '0c5f32fc2b63202d03547e8ec1d3e0596adc0bbd', class: "modal__body", style: {
                 "--swirl-modal-max-height": this.maxHeight,
                 "--swirl-modal-height": this.height,
                 minHeight: this.minHeight,
                 maxWidth: this.maxWidth,
-            } }, index.h("header", { key: 'a88e912716aff9035f1725382e73260e63824468', class: "modal__custom-header" }, index.h("slot", { key: '367c0c5663c61cc38adff9db245cb3c62fb41fed', name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && (index.h("header", { key: '1d8340d9496b6a1827dbfa5afb0cc5297c5b47b0', class: "modal__header" }, index.h("div", { key: 'ac9d727f63be6e7f578e808025aebe81d272d7b9', class: "modal__header-bar" }, !this.hideCloseButton && (index.h("swirl-button", { key: 'dbf6cc2118184e2082f6dd7f5cd3ac27cb1a70f3', class: "modal__close-button", hideLabel: true, icon: this.variant === "default"
+            } }, index.h("header", { key: 'c79dbc6427834340bcc7b039fb5709c96352700d', class: "modal__custom-header" }, index.h("slot", { key: 'b479782125b459dda26e994172e853baa4ceb178', name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && (index.h("header", { key: 'cfe589a8da49ea9a0f600f810caf403ef582b141', class: "modal__header" }, index.h("div", { key: '66fe9854fb1ee10e50aa7c0b87d8ccafb3f9b8ca', class: "modal__header-bar" }, !this.hideCloseButton && (index.h("swirl-button", { key: 'e939e27f2ee2652b4d45a1c96528170c001f9596', class: "modal__close-button", hideLabel: true, icon: this.variant === "default"
                 ? "<swirl-icon-close></swirl-icon-close>"
-                : "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick })), !this.hideLabel && (index.h("swirl-heading", { key: 'd5f8cd4b34fda9ba929ba704abc31e788fb44dcc', as: "h2", class: "modal__heading", level: 3, text: this.label }))))), index.h("div", { key: '88f2bacf1af61d802a6f9143022a771496ceda0b', class: "modal__content-container", style: {
+                : "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick })), !this.hideLabel && (index.h("swirl-heading", { key: '7d7b020599456fec2b288c64db7bf7297b9633a4', as: "h2", class: "modal__heading", level: 3, text: this.label }))))), index.h("div", { key: '55d929e0fb6547a8aa12267064756203b4e415f6', class: "modal__content-container", style: {
                 gap: this.contentGap
                     ? `var(--s-space-${this.contentGap})`
                     : undefined,
-            } }, index.h("div", { key: 'aba493484d2375e654965bc7356ae8af40367018', class: "modal__primary-content", style: {
+            } }, index.h("div", { key: 'a9dadf9aaf3db2d2253209bdcf942e21c8908c71', class: "modal__primary-content", style: {
                 maxWidth: this.primaryContentMaxWidth,
                 flex: this.primaryContentFlex,
-            } }, index.h("div", { key: '3e8bf32fbc258156f0bab8d41e42d8ac264721d7', class: "modal__header-tools" }, index.h("slot", { key: '9a704a1162c6ec60bc0f81722db05e5e079fd4ca', name: "header-tools" })), index.h("div", { key: '78377c91186312054af4c6d9acaaf8bbbe9cb428', class: "modal__content", onScroll: this.determineScrollStatus, ref: (el) => (this.scrollContainer = el) }, index.h("slot", { key: '664d1483dfe2510cb4f539f3f5d0fe7e8b242117' }))), index.h("div", { key: 'a455a0bd1d63ded0cb9b490eb3979e225be01f85', class: "modal__secondary-content", style: {
+            } }, index.h("div", { key: 'b38cd77ac10886c42e6e2c4187fcfaac0a651288', class: "modal__header-tools" }, index.h("slot", { key: 'e8eebab6396162eeaf98cbd28497d1a9376f65fe', name: "header-tools" })), index.h("div", { key: 'dcc15f6fd97bc2cd66247a252bfe8ebf8cce991d', class: "modal__content", onScroll: this.determineScrollStatus, ref: (el) => (this.scrollContainer = el) }, index.h("slot", { key: 'f6cb80f670f927200e4272c63a3e41dc2ceff4b1' }))), index.h("div", { key: '7a9b27e5860e9fc5fce58d5e6bd6908f9445f20f', class: "modal__secondary-content", style: {
                 maxWidth: this.secondaryContentMaxWidth,
                 flex: this.secondaryContentFlex,
                 padding: Boolean(this.secondaryContentPadding)
@@ -215,7 +215,7 @@ const SwirlModal = class {
                 paddingInlineStart: Boolean(this.secondaryContentPaddingInlineStart)
                     ? `var(--s-space-${this.secondaryContentPaddingInlineStart})`
                     : undefined,
-            } }, index.h("slot", { key: '4cdd48db509c1e1ef1d822dcb8c0391e0cb219b8', name: "secondary-content" }))), index.h("div", { key: '7646bf87d24eb5222ea973cfd5c4103313819a42', class: "modal__custom-footer" }, index.h("slot", { key: '47646d2bd32381bcc34c4d74febdb30953026d6b', name: "custom-footer" })), showControls && (index.h("footer", { key: 'b7fca840a0e80d38d021c8f9f52243f125fe3ce8', class: "modal__controls" }, index.h("swirl-button-group", { key: '91ac48ca22540891189abdb0429aa3d1562a0d52', wrap: true }, this.secondaryActionLabel && (index.h("swirl-button", { key: '9d7739259095b4286b1c58109ce8b49e574e886e', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (index.h("swirl-button", { key: 'bd261ad844e3027dd6c0c1ab651bc4a868ea49c3', intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" })))))))));
+            } }, index.h("slot", { key: '5a61de257401afee14bb8995a8c18b914b49d31d', name: "secondary-content" }))), index.h("div", { key: '817d415e4691feacccf0d45d053c5140329730de', class: "modal__custom-footer" }, index.h("slot", { key: '232711a7c59c856f6ed02d9144f5562d90ba5557', name: "custom-footer" })), showControls && (index.h("footer", { key: '5e2f295c6332403eff4ded6d82e0d095cb1c7384', class: "modal__controls" }, index.h("swirl-button-group", { key: 'cd7bc4f55a3d5ae1ce5b8ef940fb100aded20d4a', wrap: true }, this.secondaryActionLabel && (index.h("swirl-button", { key: 'acbc7cc5d4d69eda73d5e4ce4d7026542738c0ea', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (index.h("swirl-button", { key: '7250ca62ce5a3db17af28bb18946fbf22823443c', intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" })))))))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -16,7 +16,7 @@ const SwirlOptionListSection = class {
         this.hasSeparator = false;
     }
     render() {
-        return (index.h(index.Host, { key: 'f1b4ebc52d03261c28d2ae6eaae3e493bdb98145' }, this.hasSeparator && (index.h("swirl-separator", { key: '3a962178d21dbd6dae69cf5ec9eb6c3f0e7a88f0', spacing: this.separatorSpacing })), index.h("div", { key: '29f327141605d0d90bd03ced1cd8100cfcd51434', "aria-labelledby": "label", class: "option-list-section", role: "group" }, index.h("span", { key: '7c4652841d114e2b21286ab419e20ad9033f5925', class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), index.h("swirl-stack", { key: '26a0881232ec13ec5ad9e8c0d2dc136ff8411745', spacing: this.spacing, align: "stretch" }, index.h("slot", { key: '9508539c6dccb3f73c7865b4de6af83b8bdb97a9' })))));
+        return (index.h(index.Host, { key: '6b5731af01dc0b2eb327f005decc3e104d82c762' }, this.hasSeparator && (index.h("swirl-separator", { key: '4174f670e72400aac68deb56ad2f66638ed828c6', spacing: this.separatorSpacing })), index.h("div", { key: 'dc86f3cc5a10d90dd616a8b8253932ba87474d65', "aria-labelledby": "label", class: "option-list-section", role: "group" }, index.h("span", { key: 'ad0713ca2c18b2b7ea1ce77be71daaed0ac08131', class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), index.h("swirl-stack", { key: '0bf5b6a37d8202cd1abb3761101c6fc5404be67f', spacing: this.spacing, align: "stretch" }, index.h("slot", { key: 'e78638bdc7af97d00a645c725def3692b759d147' })))));
     }
 };
 SwirlOptionListSection.style = SwirlOptionListSectionStyle0;

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

@@ -352,7 +352,7 @@ const SwirlOptionList = class {
     render() {
         const ariaMultiselectable = this.multiSelect ? "true" : undefined;
         const tabIndex = Boolean(this.dragging) ? 0 : undefined;
-        return (index.h(index.Host, { key: 'f4b1977f4e4183da9892815b69231520d9483aac' }, index.h("swirl-visually-hidden", { key: 'b67272dd21670e88168b180dc278a2b38af1ab55', role: "alert" }, this.assistiveText), index.h("div", { key: '387a1404ec74bbf4eb66fc10810f4c33566d7264', "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 }, index.h("slot", { key: '7b8c2546ae1c9bc386cb6d05be5d0ff2dbe0e60c', onSlotchange: this.setSectionSeparator }))));
+        return (index.h(index.Host, { key: 'e78e92db833675791d0e043924e2e2190a049370' }, index.h("swirl-visually-hidden", { key: '5e0bcc658f3e6cada50d973531982b6e8916127a', role: "alert" }, this.assistiveText), index.h("div", { key: '0e194102778a17895d535ce34c21647ce1801029', "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 }, index.h("slot", { key: '300ba12da5e0d0f94218ce706c08f142c60d2308', onSlotchange: this.setSectionSeparator }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -405,7 +405,7 @@ const SwirlTag = class {
     }
     render() {
         const className = index$1.classnames("tag", `tag--icon-position-${this.iconPosition}`, `tag--intent-${this.intent}`, `tag--size-${this.size}`, `tag--variant-${this.variant}`);
-        return (index.h(index.Host, { key: '929845576819bd561965c475f3c4aa449096dac5' }, index.h("span", { key: '74c46991a9bbb9ad01409e658f4f6c72b1f15fd1', class: className, part: "tag" }, this.icon && (index.h("span", { key: 'c4a475b16b1d1039c8d6a8b40f94ac3dcd1067b8', class: "tag__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), index.h("span", { key: '71083c3fa4dd03769975403498a2ec78f49826d3', class: "tag__label" }, this.label), this.removable && (index.h("button", { key: '9fa0c323135e2fcb064a1e30a3636bddcfaa9c96', "aria-label": this.removalButtonLabel, class: "tag__removal-button", onClick: this.onRemove, tabIndex: this.el.ariaHidden === "true" ? -1 : undefined, type: "button" }, index.h("swirl-icon-close", { key: '495a501e9cf488855639af27193853b08e74dd30', size: 16 }))))));
+        return (index.h(index.Host, { key: '294bcbc3d67dd04803c14b5fdcb36d433fbe4e9b' }, index.h("span", { key: '92833eb63b8c3427bcd8d9f6102dac6a2c6ca5f4', class: className, part: "tag" }, this.icon && (index.h("span", { key: '04f55468ef43e3afd94a8509925833ad72279332', class: "tag__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), index.h("span", { key: '303fb2673aca81f26135fb0b865132133430f162', class: "tag__label" }, this.label), this.removable && (index.h("button", { key: '21218a740dcab88532eaf8ad66f0b78d62c2975a', "aria-label": this.removalButtonLabel, class: "tag__removal-button", onClick: this.onRemove, tabIndex: this.el.ariaHidden === "true" ? -1 : undefined, type: "button" }, index.h("swirl-icon-close", { key: '2148da06e1b0ac4b0b89bc0b686c3ada439484fc', size: 16 }))))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -92,7 +92,7 @@ const SwirlPagination = class {
         const showDropDown = this.variant === "advanced";
         const ariaPageLabel = `${this.page.toLocaleString()} ${this.pageLabel} ${this.pages.toLocaleString()}`;
         const className = index$1.classnames("pagination", `pagination--variant-${this.variant}`);
-        return (index.h(index.Host, { key: 'd0c84a71fcc96097b9d64aa2a053cc6cc38524c7' }, index.h("nav", { key: 'c29fa9eff21f157d125f3524e2e309a585f584ab', "aria-label": this.label, class: className }, index.h("ul", { key: '8664c3ac1fe1666430afb73bea59e2414e8e8f3c', class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (index.h("li", { key: '53f2a95f8667542a88b0cd1d627c6009359e3299', class: "pagination__list-item" }, index.h("label", { key: '991ebe7e7f085623a9090652f65a8f9822a0e841', class: "pagination__page-size-selection" }, index.h("swirl-text", { key: '58f593f0f122975c023e02adf748d6b0b44255a1', whiteSpace: "inherit" }, this.pageSizeSelectLabel), index.h("swirl-stack", { key: '076f44c996cc39acd0ca88d4c1b53c193c169c3c', align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, index.h("select", { key: 'ee481772258639e27f786037d9a6eb55d0e160f5', class: "pagination__page-size-select", onChange: this.onPageSizeSelect }, this.pageSizeOptions.map((pageSizeOption) => (index.h("option", { key: pageSizeOption, selected: pageSizeOption === this.pageSize, value: pageSizeOption }, pageSizeOption)))), index.h("swirl-icon-expand-more", { key: 'a0e92ca8306a152774079a383009e421ae51958d', "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), index.h("li", { key: '0ada4bdd3bcbc57337493041850dabb3c1c9f14e', class: "pagination__list-item" }, index.h("swirl-button", { key: '1cd735266c5810cda59d4968325855117d8e67b0', 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 })), index.h("li", { key: 'a3658a4d3b2343fee0fcace8c793cd29f46bfa2c', class: "pagination__list-item" }, index.h("swirl-button", { key: '3d9ea8dbd35f80e28d04dc7c011d7286aa92f8df', 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 ? (index.h("li", { class: "pagination__list-item  pagination__page-label" }, index.h("span", null, showDropDown ? (index.h("span", { "aria-current": "page", class: "pagination__advanced-label" }, index.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 }), index.h("span", { "aria-hidden": "true" }, this.pageLabel, " ", this.pages.toLocaleString()))) : (index.h("span", { "aria-current": "page" }, ariaPageLabel))))) : (index.h("li", { class: "pagination__list-item" }, index.h("swirl-visually-hidden", null, index.h("span", { "aria-current": "page" }, ariaPageLabel)))), index.h("li", { key: '66638a2995d76a7987b8d645a7d1b30fbc013b3a', class: "pagination__list-item" }, index.h("swirl-button", { key: '24828e7028e68db7d74a31d5dd5dbf0da7678751', 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 })), index.h("li", { key: 'dc57ee5d997869f7e0085d82a2f7c75a5ba035a3', class: "pagination__list-item" }, index.h("swirl-button", { key: 'e5d8cdad8a748612b9a088b71308dc8e35b3303b', 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 (index.h(index.Host, { key: '95314dfd0a8b5e90b76a619f7346615141397305' }, index.h("nav", { key: '6c18c210b12dbf1804faf993c4f1376c7d0c4c3d', "aria-label": this.label, class: className }, index.h("ul", { key: 'f11dad71e50c304ee191a9570e58dbcfc76786ec', class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (index.h("li", { key: '9be5ce454698d7b1401a294d52cd76d08cdc7edb', class: "pagination__list-item" }, index.h("label", { key: 'b49cc78eb4a464cba701fe7ab60b1237cf96c59b', class: "pagination__page-size-selection" }, index.h("swirl-text", { key: '9cc5542e8e8301fe152a24ca89915707d0d2c9e2', whiteSpace: "inherit" }, this.pageSizeSelectLabel), index.h("swirl-stack", { key: '6a6cbb1fb7cf614a133813a590c48ffcd4af82c3', align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, index.h("select", { key: '7067666953c10dd87f34db171bb200d6b0161ee6', class: "pagination__page-size-select", onChange: this.onPageSizeSelect }, this.pageSizeOptions.map((pageSizeOption) => (index.h("option", { key: pageSizeOption, selected: pageSizeOption === this.pageSize, value: pageSizeOption }, pageSizeOption)))), index.h("swirl-icon-expand-more", { key: '12015b74b834bc409efd8fda7329ad6271afc369', "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), index.h("li", { key: 'cdca5d07c7336d17ee50a574bccf26c5768321e5', class: "pagination__list-item" }, index.h("swirl-button", { key: 'c1008a8848e8861add647a30764f23e64c5660f5', 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 })), index.h("li", { key: '4bfcbc0de6914d05943571ecc209217f0073a31a', class: "pagination__list-item" }, index.h("swirl-button", { key: '7e6aea3a3aa7cf3f41815b480851fff33f74575e', 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 ? (index.h("li", { class: "pagination__list-item  pagination__page-label" }, index.h("span", null, showDropDown ? (index.h("span", { "aria-current": "page", class: "pagination__advanced-label" }, index.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 }), index.h("span", { "aria-hidden": "true" }, this.pageLabel, " ", this.pages.toLocaleString()))) : (index.h("span", { "aria-current": "page" }, ariaPageLabel))))) : (index.h("li", { class: "pagination__list-item" }, index.h("swirl-visually-hidden", null, index.h("span", { "aria-current": "page" }, ariaPageLabel)))), index.h("li", { key: 'b744e76d3606d2f6934a1f7517412f4243f172ec', class: "pagination__list-item" }, index.h("swirl-button", { key: '0dcfad5f369ef6ba697a7b2a9dc30e46b84a6529', 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 })), index.h("li", { key: '4e5d81ae84f61d7d50e5b894d03aeaceac8ca031', class: "pagination__list-item" }, index.h("swirl-button", { key: '0dcfc10d5115dd74a89404490a1738f02701494f', class: "pagination__last-page-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", intent: "primary", label: this.lastPageButtonLabel, onClick: this.onLastPageButtonClick }))))));
     }
 };
 SwirlPagination.style = SwirlPaginationStyle0;

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

@@ -191,15 +191,15 @@ const SwirlPdfReader = class {
             "pdf-reader--hide-menu": !hasMenuItems,
             "pdf-reader--show-thumbnails": this.showThumbnails,
         });
-        return (index.h(index.Host, { key: 'e57db2b78cf143f189d2ec8da3ab76e70fe7ce92' }, index.h("section", { key: '08d54d69eb1aabe861653f2842f6c8b85f1ff10c', "aria-hidden": "true", "aria-label": this.label, class: className, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, index.h("div", { key: 'd335ccbbe130d7e0049fd01a9a64d8b8fbff3730', class: "pdf-reader__body", role: "document" }, index.h("header", { key: '4c384fe09a7b4c79ab0c09c6bfedccef40a440a9', class: "pdf-reader__header" }, index.h("span", { key: '8f1406de682d4d69a181c2e5f92b2567b636489b', class: "pdf-reader__header-left" }, index.h("swirl-button", { key: '66660c08fa7617a9198cc7d84a03a95e2deb52db', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), index.h("span", { key: '9922f785159311e72c19745d73f40eca552d111b', class: "pdf-reader__label" }, this.label)), index.h("span", { key: '749275664cf6747e9f280be8cef3083eb97533bd', class: "pdf-reader__header-center" }, index.h("span", { key: 'c606f1f2ec14a17afbb7496a6cf9f837ce099add', class: "pdf-reader__zoom-button-container" }, index.h("swirl-button", { key: '5ed7708c80dabf4f12618fab2cb195952964d42d', 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 }), index.h("swirl-button", { key: 'e8602fb782f2aa6db4a94383df27118561770949', 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 })), index.h("span", { key: 'bb845fdfda67c0e1cb6ec21e9328526c9447e9de', class: "pdf-reader__zoom-select-container" }, index.h("select", { key: 'a7f8779b490b52df8d903709ea2f84871a2a7c7b', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, index.h("option", { key: 'f646834ffbb956a4fcdd8eab89a96e1d0b4cb885', selected: this.zoom === "auto", value: "auto" }, this.autoZoomLabel), this.zoomSteps.map((zoom) => (index.h("option", { key: zoom, selected: this.zoom === zoom, value: zoom }, zoom * 100, "%")))), index.h("swirl-icon-expand-more", { key: '97ee6073652b3f0d55ea1e436e39e8d1e9edd436', class: "pdf-reader__zoom-select-icon" }))), index.h("span", { key: '09bcb0a576a3f87c6a9b0d668301c188c4fee742', class: "pdf-reader__header-right" }, index.h("swirl-popover-trigger", { key: '37bac29cb32709ad4473e669dc17b16c215c88e1', swirlPopover: this.menu }, index.h("swirl-button", { key: '065ba1053a7ec0ae56b139f945f95febadc4dfd0', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), index.h("span", { key: 'ac490d36ee405346388fd0dee2fc6b4f133245fd', class: "pdf-reader__floating-tools" }, index.h("button", { key: '49386e83b6a21906c5b5f43d0dc31c0d6f57ebdd', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, index.h("swirl-icon-menu-book", { key: 'cea801fcd288044a2dd1c6e7b08615c2aa0e0bdd' })), index.h("button", { key: '0beb6eb36ab22abff0d420b7f856502f4105c919', "aria-controls": "thumbnails", "aria-expanded": String(Boolean(this.showThumbnails)), "aria-label": this.thumbnailsButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleThumbnals, type: "button" }, index.h("swirl-icon-file-copy", { key: '3b7eb57759d69895d5c5ef4f3bf3ef7da27b488d' })))), index.h("div", { key: 'd9228e18c0d0fc95e7b01eed482891b595d12d61', class: "pdf-reader__content" }, index.h("nav", { key: '49430474f7e981bd02f1f4bcad3c3f123eb4cf35', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && index.h("swirl-spinner", { key: 'a9be818b17a7b5a678f91ae84d2a59134cb126ab' }), !this.loadingThumbnails &&
+        return (index.h(index.Host, { key: '9472c46bd4f70f2ded687a131430b1068ece196c' }, index.h("section", { key: '1ab4dc552af89e184be21708bfdfd3ae59b9b532', "aria-hidden": "true", "aria-label": this.label, class: className, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, index.h("div", { key: 'ab6f1e9f5697e19f0a461724d91dd36158c5e426', class: "pdf-reader__body", role: "document" }, index.h("header", { key: 'fd6d22796407ada0298708e4c1604e56f0c1624b', class: "pdf-reader__header" }, index.h("span", { key: '209a4931599dd8ce07fd42c1973c30b9501e5a79', class: "pdf-reader__header-left" }, index.h("swirl-button", { key: '015654a7ce0e2fc0c1b8d270035ca98efdf881a5', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), index.h("span", { key: 'fef2c50e365a26bb4a762f0c697306403b731ae9', class: "pdf-reader__label" }, this.label)), index.h("span", { key: '2a644ec3ae32dd137515597eb59bb138327fe121', class: "pdf-reader__header-center" }, index.h("span", { key: '9e9db4e65da2ee7b928c0c7cc184b9a267f0af54', class: "pdf-reader__zoom-button-container" }, index.h("swirl-button", { key: 'c6186a5f1393adce26163009b63c72d2941c8ea6', 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 }), index.h("swirl-button", { key: 'f9356fabb60a15b0cc26ee78d6b0c7b3a3552e04', 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 })), index.h("span", { key: 'e14ff6354397b7b88ee79ecaa2ddaaa39bb63ed6', class: "pdf-reader__zoom-select-container" }, index.h("select", { key: 'b5e02e5813c45664d0376a8dab96366c3ba00c1d', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, index.h("option", { key: 'a1f670153aa7c3f855a59dcdf238eb31e61b92ef', selected: this.zoom === "auto", value: "auto" }, this.autoZoomLabel), this.zoomSteps.map((zoom) => (index.h("option", { key: zoom, selected: this.zoom === zoom, value: zoom }, zoom * 100, "%")))), index.h("swirl-icon-expand-more", { key: '2fb02cdebad16200404f41bda8bb131230641f7d', class: "pdf-reader__zoom-select-icon" }))), index.h("span", { key: 'f2a04bba875691d3dbe5e80f12ebd84d4ddfd679', class: "pdf-reader__header-right" }, index.h("swirl-popover-trigger", { key: '1c598f4289fc8a14ce0e37c00f980117564e9fdf', swirlPopover: this.menu }, index.h("swirl-button", { key: '86593a0be1ccb5eda2f1672f5e7b6b586488e5eb', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), index.h("span", { key: 'f604daa5837d791b3737c6ade0f4add849358179', class: "pdf-reader__floating-tools" }, index.h("button", { key: '5af7086adf3b30f87627d4f13c640b163993ad43', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, index.h("swirl-icon-menu-book", { key: 'd29c191b6b7290e71d053cec1c310b46d43e2604' })), index.h("button", { key: 'a2aeccf0da8c97ec0a08f6264fb1d34d9d51ca63', "aria-controls": "thumbnails", "aria-expanded": String(Boolean(this.showThumbnails)), "aria-label": this.thumbnailsButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleThumbnals, type: "button" }, index.h("swirl-icon-file-copy", { key: '0611180de7eb6758f701c1326de7ee69f61cd6a9' })))), index.h("div", { key: '0f244de72ca5b3284e87a1a0b82b348fc6894908', class: "pdf-reader__content" }, index.h("nav", { key: 'ae4f4951b8c7429f87140dfd14cca38c93157217', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && index.h("swirl-spinner", { key: '4b7e024e791b3749a5055c54eb8c5885bbb25c34' }), !this.loadingThumbnails &&
             this.thumbnails.map((thumbnail, index$2) => {
                 const thumbnailClassName = index$1.classnames("pdf-reader__thumbnail", {
                     "pdf-reader__thumbnail--active": this.visiblePages[0] === index$2 + 1,
                 });
                 return (index.h("button", { "aria-label": `${this.thumbnailButtonLabel} ${index$2 + 1}`, class: thumbnailClassName, onClick: this.onThumbnailClick(index$2), type: "button" }, index.h("img", { src: thumbnail.toDataURL("image/png"), alt: "" })));
-            })), index.h("swirl-file-viewer", { key: '210a26cc1016ba0fb9d2b6680325e61ff19af225', active: this.active, class: "pdf-reader__viewer", file: this.file, fileName: this.fileName, onActivate: this.onActivate, onVisiblePagesChange: this.onVisiblePagesChange, pdfWorkerSrc: this.pdfWorkerSrc, ref: (el) => (this.viewer = el), type: "application/pdf", viewMode: this.viewMode, zoom: this.zoom }), index.h("div", { key: 'e08989be87f4aad17df7d93cffe23dd3c4f39ae3', class: "pdf-reader__mobile-zoom-controls" }, index.h("button", { key: '02953f9de2a0852bb2a5440f782988e1d52244bf', "aria-label": this.autoZoomLabel, class: "pdf-reader__mobile-zoom-button", onClick: this.onZoomAutoButtonClick, type: "button" }, this.zoom === "auto" ? (index.h("swirl-icon-fullscreen-exit", null)) : (index.h("swirl-icon-fullscreen", null))), index.h("button", { key: 'cd18e5348d241f40c944d8e201c62cf7af2f774c', "aria-label": this.zoomInButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], onClick: this.onZoomInButtonClick, type: "button" }, index.h("swirl-icon-add", { key: 'c34cfe73bba695f7f22623a6595d4b4e50f0db1b' })), index.h("button", { key: '604973f5b875064ce433947e23d9ba9eddf79554', "aria-label": this.zoomOutButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[0], onClick: this.onZoomOutButtonClick, type: "button" }, index.h("swirl-icon-remove", { key: 'd1dc347807e91bc2157488d6036588c4aed2e529' }))))), index.h("swirl-popover", { key: '4f4da84973309b7e60669868461202b45ffcaf04', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, index.h("swirl-stack", { key: '6d7e358d287e99a5b79cae9945c789eb8ee9179a' }, index.h("div", { key: '451019ff0940c4c801fbbd1854ef0ba93e60829a', class: "pdf-reader__meta" }, index.h("div", { key: '33bd0193a1d4734510ed77017241a827384e03f8', class: "pdf-reader__file-icon" }, index.h("svg", { key: '09836b03346a6e0be670639720abd603c508fec6', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, index.h("path", { key: '4d4c097aa0e10b50baf9883e2f363b72ec439a23', 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" }), index.h("path", { key: '4a066dc0f75f6f798122cad18f702f7cc1ddde05', 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" }), index.h("path", { key: '9be88600c566f03ba3a89b45814cee9ba401a669', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), index.h("path", { key: 'dd47d5357a7860c4616b0baa7da123f69b3c3782', 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" }), index.h("path", { key: '947c9f5c228bda2bf53d03ece7838c08fa41f68d', 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" }), index.h("path", { key: '1883cfd60995f6c03bd2accfa97ed5294b1c81fa', 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" }), index.h("path", { key: '44fb190711b60c4cefe475ea139ecc4689b4e00c', 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" }), index.h("path", { key: '0dc4cf0e3bcb6edb8a102d522b51763f973c7a7f', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), index.h("div", { key: 'a7b30176de8991d0c2156c9334efef907b213a58', class: "pdf-reader__file-info" }, index.h("swirl-text", { key: 'cb050d0dde2e8da5fcb2fd8ee5b37a0a56b71aaa', truncate: true, weight: "semibold" }, this.label), index.h("swirl-text", { key: '2d8922e43829366c139128c0dfeb105c89159b55', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && index.h("swirl-separator", { key: 'ce1ef89c3d330e1774ea0e373e305040a9aa82f9' }), index.h("swirl-action-list", { key: 'ed4848d34c40f43fc40b0065aa52b69af0f88695', class: "pdf-reader__menu" }, this.printButtonEnabled && (index.h("swirl-action-list-item", { key: '79eb18b8c0e3a5dc36bc1dc0b9abfe7179dabd02', class: "pdf-reader__print-button", icon: "<swirl-icon-print></swirl-icon-print>", label: this.printButtonLabel, onClick: this.onPrintButtonClick })), this.downloadButtonEnabled && (index.h("swirl-action-list-item", { key: 'ba008035148a7f0d84ee4bdc0eb256a1c63f96a8', class: "pdf-reader__download-button", disabled: this.downloading, icon: !this.downloading
+            })), index.h("swirl-file-viewer", { key: '385a7947241d7fe83283a5a263196d701ca2d235', active: this.active, class: "pdf-reader__viewer", file: this.file, fileName: this.fileName, onActivate: this.onActivate, onVisiblePagesChange: this.onVisiblePagesChange, pdfWorkerSrc: this.pdfWorkerSrc, ref: (el) => (this.viewer = el), type: "application/pdf", viewMode: this.viewMode, zoom: this.zoom }), index.h("div", { key: '860ae344b4ba6566faab0065e2e234aa9abe5b93', class: "pdf-reader__mobile-zoom-controls" }, index.h("button", { key: '7e7e91cd42086f374227b86436d7aafa3eb8d690', "aria-label": this.autoZoomLabel, class: "pdf-reader__mobile-zoom-button", onClick: this.onZoomAutoButtonClick, type: "button" }, this.zoom === "auto" ? (index.h("swirl-icon-fullscreen-exit", null)) : (index.h("swirl-icon-fullscreen", null))), index.h("button", { key: 'f26bc3d9229c7a1c220956ce7c8a0e8452aa913e', "aria-label": this.zoomInButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], onClick: this.onZoomInButtonClick, type: "button" }, index.h("swirl-icon-add", { key: 'da17830cbd6861208b0b51036cff166fdbc8674b' })), index.h("button", { key: '95d09b43f256a59fc6c8db733a50e35ee3546a97', "aria-label": this.zoomOutButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[0], onClick: this.onZoomOutButtonClick, type: "button" }, index.h("swirl-icon-remove", { key: 'e2fa2facae8d75e1d3bd35b6f7f387eea13f7aa7' }))))), index.h("swirl-popover", { key: 'd21655a0beaa25fbb86c4b8ccfeb72a42a30ef8a', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, index.h("swirl-stack", { key: 'c15aa78c8aa2c76b9ab6828491bdb3634910a327' }, index.h("div", { key: '3363b2ad5dc5d36dd5b30b2a4c8aef3ef49729ab', class: "pdf-reader__meta" }, index.h("div", { key: '96f697adbda03f615da2a8237116536d740161d2', class: "pdf-reader__file-icon" }, index.h("svg", { key: 'ff8f7c921048e49392024d52f3376653ae2ca60d', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, index.h("path", { key: '0c893c3faa4c996da74156911e967573eb32781e', 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" }), index.h("path", { key: '5e02d9056d74255de5cb8029d369b850c0f85048', 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" }), index.h("path", { key: '45a433a5078cc3123842821d24ede9828588732a', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), index.h("path", { key: '0e83e4565981582890fc1309bd24a1cc9224b8de', 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" }), index.h("path", { key: '74c1ca4f2c9f003a42ea1b2514ec02b370788e78', 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" }), index.h("path", { key: '58adbd789f24fb4a4488b1199eaec519205f559e', 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" }), index.h("path", { key: '7544349b12e4eec2e696d7e1776bb38ee4a95e3c', 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" }), index.h("path", { key: '36498ab970402d478ae93c0aba138c16580b8f9e', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), index.h("div", { key: '5d568a44edd07af66a9bf9a64ade4f15ffcb7cb1', class: "pdf-reader__file-info" }, index.h("swirl-text", { key: '7be13f16b167c8d646c14a179e6d2cbdf6db5c04', truncate: true, weight: "semibold" }, this.label), index.h("swirl-text", { key: '89a4cee2ea4d95d9524af3ac8f792ec04645378f', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && index.h("swirl-separator", { key: 'b8029a33cbcab54f91f2ddf9acbde9e87268c509' }), index.h("swirl-action-list", { key: '4373e2bbafe42d7b870e31773e2895faa9ada706', class: "pdf-reader__menu" }, this.printButtonEnabled && (index.h("swirl-action-list-item", { key: 'e37fac80aa89dd430b04a4b75b8f88e26918bbee', class: "pdf-reader__print-button", icon: "<swirl-icon-print></swirl-icon-print>", label: this.printButtonLabel, onClick: this.onPrintButtonClick })), this.downloadButtonEnabled && (index.h("swirl-action-list-item", { key: '61a687d2ba2dd0deaef21baf6f0a61fd12e76ce8', 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 })), index.h("slot", { key: '5d73fe4c1280d08c9dfba74c3662014ebb53ff2b', name: "menu-items" })))))));
+                : '<swirl-spinner size="xs"></swirl-spinner>', label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), index.h("slot", { key: 'c92ecffb202528a8f298b07deff868501721faa4', name: "menu-items" })))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -269,14 +269,14 @@ const SwirlPopover = class {
             "popover--transparent": this.transparent,
             "popover--padded": this.padded,
         });
-        return (index.h(index.Host, { key: 'ca21792904c5f112a6da3ff4606898163b551151' }, index.h("div", { key: '95b8aaf163bf77262059e81e991e15a35fb7de72', class: className, onKeyDown: this.onKeydown }, index.h("div", { key: 'f3d726737678d385d35ae4f631b5a443d69903a2', "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 (index.h(index.Host, { key: '8cc2a47b4d323076fa8a99a3103ec05f344cba82' }, index.h("div", { key: '87744921bfbdce95cbae142b5933899aadb70b10', class: className, onKeyDown: this.onKeydown }, index.h("div", { key: 'dbdfc2600405c69444e75f89d49da5c4a3513cb7', "aria-hidden": !this.active ? "true" : "false", "aria-label": this.label, class: "popover__content", id: this.popoverId, part: "popover__content", role: "dialog", ref: (el) => (this.contentContainer = el), style: {
                 top: Boolean(this.position) ? `${this.position?.y}px` : "",
                 left: Boolean(this.position) ? `${this.position?.x}px` : "",
-            }, tabindex: "-1" }, index.h("span", { key: '70830da61188d72e0f83e3c86211ad3c8b4caab3', class: "popover__handle" }), index.h("div", { key: '245a35760f9ae0cafbeb219eb478490315e5c8f1', class: "popover__scroll-container", part: "popover__scroll-container", ref: (el) => (this.scrollContainer = el), style: {
+            }, tabindex: "-1" }, index.h("span", { key: '5cc7da47b47ec4fbd548450d6bdf52e9bd5f7881', class: "popover__handle" }), index.h("div", { key: 'e7c9b23a67fb304cc6bb12acb754f1b12276b3c5', class: "popover__scroll-container", part: "popover__scroll-container", ref: (el) => (this.scrollContainer = el), style: {
                 maxHeight: !mobile && Boolean(this.maxHeight)
                     ? this.maxHeight
                     : undefined,
-            } }, index.h("slot", { key: 'af125ac1daf978774f331ec90ed1a658a0ad8c5f' }))), this.active && (index.h("div", { key: '389a414986371fd331a10adf4e334dc195600d61', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
+            } }, index.h("slot", { key: '24b92c9f4661a7fc0d59e135122599c676125a96' }))), this.active && (index.h("div", { key: 'dd3bf688564c3e89e8ffae934fc36644cc1574aa', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
     }
     get el() { return index.getElement(this); }
 };
@@ -445,7 +445,7 @@ const SwirlPopoverTrigger = class {
         return isActive;
     }
     render() {
-        return (index.h(index.Host, { key: '25084b79d0a1bf0dd28477e9c7f1c5df66eab7a5', onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, index.h("slot", { key: '01bd7a5f55da4ef41d8e8238508bd82cbe3ee42a' })));
+        return (index.h(index.Host, { key: '9dc7cee954958e0253524f61c15bb8a55800f377', onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, index.h("slot", { key: 'ece34ab31d0a97eceefc1eeb94a754c4c125c2b7' })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -22,7 +22,7 @@ const SwirlProgressIndicator = class {
         const radius = this.size === "m" ? 20 : 10;
         const circumference = Math.round(radius * 2 * Math.PI);
         const dashOffset = Math.round(circumference * ((100 - this.value) / 100));
-        return (index.h(index.Host, { key: '20e4ff315a971f4d8c6e4ca27c3cf4805034d2e0', class: this.variant }, this.variant === "bar" && (index.h("progress", { key: '28ac73c385b494b5e58770a8c8cee8cbcf6bfc56', "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className, max: 100, value: this.value })), this.variant === "circle" && (index.h("span", { key: '92a63b4edff63710d1d2cdd2cbb2500810375324', role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className }, index.h("svg", { key: '4c48d346c582df19662a5beb9fc388d3d60cfb06', class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(radius + strokeWidth) * 2} ${(radius + strokeWidth) * 2}` }, index.h("circle", { key: '58fa3036c00712fa81097d1becdef612dd609959', class: "progress-indicator__circle-background", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth }), index.h("circle", { key: 'fbbb5c7ff12e7db2203998bf43768d88a4e402b0', class: "progress-indicator__circle-value", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth, "stroke-dasharray": circumference, "stroke-dashoffset": dashOffset }))))));
+        return (index.h(index.Host, { key: '745f511e382e11f52d4b6ac45a88cf655f4d3884', class: this.variant }, this.variant === "bar" && (index.h("progress", { key: '0ff970ba8d7e84870672bea7fde1906797124756', "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className, max: 100, value: this.value })), this.variant === "circle" && (index.h("span", { key: '4f147ff83b14ac372188f6dab2b0c81eadd43f4d', role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className }, index.h("svg", { key: 'ae758909e31ecc6bb03c0493ca7365f619655eb4', class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(radius + strokeWidth) * 2} ${(radius + strokeWidth) * 2}` }, index.h("circle", { key: '5a225ad9bfdd462498fec8a7c54116af078b7366', class: "progress-indicator__circle-background", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth }), index.h("circle", { key: '5be353d2a49a206a0103939add1de1d138fff8e4', class: "progress-indicator__circle-value", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth, "stroke-dasharray": circumference, "stroke-dashoffset": dashOffset }))))));
     }
 };
 SwirlProgressIndicator.style = SwirlProgressIndicatorStyle0;

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

@@ -47,7 +47,7 @@ const SwirlRadioGroup = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'cf020e7e1e77b39dea2588e1a81dbffc6d5cafb3', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, index.h("div", { key: '940cb7aadcf20d0ef1b7c35f5904bc41fa6ccf3f', class: "radio-group" }, index.h("slot", { key: '4b09e1feeeebad8354b83611ea1fa81f0a0370fd' }))));
+        return (index.h(index.Host, { key: 'e403e7684da9aed8cf885e16e6a5b1ebe4c422ac', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, index.h("div", { key: '571645e238a5908826eda91723e49d13f07e4532', class: "radio-group" }, index.h("slot", { key: '8bed01567a0c170c92d58cf78a3237a677ec5de3' }))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -47,7 +47,7 @@ const SwirlRadio = class {
             "radio--invalid": this.invalid,
             "radio--unchecked": unchecked,
         });
-        return (index.h(index.Host, { key: 'c8ab3f67e10ed0a233edcb9bd36f1ea878e84365', style: { width: this.variant === "card" ? "100%" : undefined } }, index.h("label", { key: 'd4b0b184de0ae215eae18b15e66f7aa6cf4b2ab8', class: className, htmlFor: this.inputId }, index.h("span", { key: 'd4804931a70409459b7f6bfaeb3a0ca4bb2329c2', class: "radio__control" }, index.h("swirl-visually-hidden", { key: 'c9d7256de7328531b8403ea14e0b4c39cfec071d' }, index.h("input", { key: 'c3c379d4d4740d0b054330c8474a398fd5b9b8d8', "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 })), index.h("span", { key: 'da05cc59895164fe756a8ff764a465eea4bbcfa5', "aria-hidden": "true", class: "radio__box" })), index.h("span", { key: '1fcfc823659a8b5e4c4ff417a3864f8cd70143b3', class: "radio__label-container" }, this.label && (index.h("span", { key: '8e35ee44b7e4a5a10f4e3e5a637e4e8e6c66f3a2', class: "radio__label" }, this.label, this.tooltip && (index.h("swirl-tooltip", { key: 'ad81f187365371a293c4b15f78ffd1f3e3e4a46e', content: this.tooltip, position: "top" }, index.h("swirl-icon-help", { key: 'd66838f16f1ec6fbea93a8557fa16d052439399c', color: "default", size: 20, tabIndex: 0 }))))), this.description && (index.h("span", { key: 'f48842c39e8e553afc58957fc72a58099d6795d7', class: "radio__description", innerHTML: this.description }))))));
+        return (index.h(index.Host, { key: '100c690d5b8866e9e599b27b7238e8c2ca96508c', style: { width: this.variant === "card" ? "100%" : undefined } }, index.h("label", { key: 'ee6153fcd7b9ad8550e56684a7f8dec21f7de261', class: className, htmlFor: this.inputId }, index.h("span", { key: 'b731768b4d62070c5251de30874632f42335e77b', class: "radio__control" }, index.h("swirl-visually-hidden", { key: '79f31821d7a0f4a8f344a1fb51f8c62dd67d3eca' }, index.h("input", { key: 'd6efeabda48e1924cd2cecd60aea7ac4e0c36fa0', "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 })), index.h("span", { key: 'c753f129d8506eef1046c9f69b7bc81c87105ee1', "aria-hidden": "true", class: "radio__box" })), index.h("span", { key: '745de19a1dfa1075cfb221681dfb05cbd0ec13ec', class: "radio__label-container" }, this.label && (index.h("span", { key: 'b437c9ad4119f380f5631f7969f3337945bedd9d', class: "radio__label" }, this.label, this.tooltip && (index.h("swirl-tooltip", { key: 'f44d34f76b7319c33c3011c6ff42cc2c8a5776fa', content: this.tooltip, position: "top" }, index.h("swirl-icon-help", { key: '486983643077d2c94989693b83ca972156a28694', color: "default", size: 20, tabIndex: 0 }))))), this.description && (index.h("span", { key: 'd0e68635aa7c7169f763255c0ebe7176282aa335', class: "radio__description", innerHTML: this.description }))))));
     }
 };
 SwirlRadio.style = SwirlRadioStyle0;

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

@@ -47,7 +47,7 @@ const SwirlResourceListFileItem = class {
         const className = index$1.classnames("resource-list-file-item", {
             "resource-list-file-item--has-control": showSpinner || showRemoveButton,
         });
-        return (index.h(index.Host, { key: 'bc1e8c790aa0fc5f101fe66513250eaebdad88bf', role: "row" }, index.h("div", { key: '343a2b6d9b16f1ec321ab09d29022132c2c80f7d', class: className, part: "resource-list-file-item", role: "gridcell" }, index.h("span", { key: '4b140a9c5d0b8427ba3e956aa63a9828773ae454', class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }), index.h("span", { key: '4bceba7d3ac187d3ba32faa1129d49960ee159b6', class: "resource-list-file-item__label-container" }, index.h("span", { key: '5d2a0ec6c6f2a28308bc4d8438a23af2b878a36c', class: "resource-list-file-item__label", id: "label" }, this.label), showDescription && (index.h("span", { key: '06448cf19e8986356df8d9bf441b78da85658d1a', class: "resource-list-file-item__description" }, this.description)), showError && (index.h("span", { key: '29d4532ec0c5886bbc91fea0f48236381351852f', "aria-live": "polite", class: "resource-list-file-item__error-message" }, index.h("swirl-inline-error", { key: 'c59a691d83840a56108bdcdc88a4cf89ed60b357', message: this.errorMessage, size: "s" })))), showSpinner && (index.h("span", { key: 'f7b35d0ebf1c25a69683d82708cb7b7f1e2497aa', class: "resource-list-file-item__spinner" }, index.h("swirl-spinner", { key: '3bc4cb1282c5ad5a6541fe83e26ce4378ba3c80c', size: "s" }))), showRemoveButton && (index.h("span", { key: '30d68177d47011711c1df5d57045363eb86797e3', class: "resource-list-file-item__remove-button" }, index.h("swirl-button", { key: 'be5d7b0c5411e3abc470c8b40e5ed3be50c9b1f9', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))))));
+        return (index.h(index.Host, { key: '434bfc015f37e68282c37a2d550bca0495ce465c', role: "row" }, index.h("div", { key: 'b38c5c3fc3db14591f105b4ce115576a1b177dd8', class: className, part: "resource-list-file-item", role: "gridcell" }, index.h("span", { key: '4c6c3e868fd3798aed17cf68270d9aae5ca0bb06', class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }), index.h("span", { key: '6ae763f864856bfa26fdd6e7b24aa3d0ec5d5af6', class: "resource-list-file-item__label-container" }, index.h("span", { key: '06a77d786a0b15cb62d5baaa5c115c0068e3ee14', class: "resource-list-file-item__label", id: "label" }, this.label), showDescription && (index.h("span", { key: '8e9369ef52c81dabb749114e026fb48fe297ea47', class: "resource-list-file-item__description" }, this.description)), showError && (index.h("span", { key: '99a0c4c38bcef61ae816c5f0ee730f29442ded01', "aria-live": "polite", class: "resource-list-file-item__error-message" }, index.h("swirl-inline-error", { key: '04e57c429b3d2837236f32e5e308a9ca3d125bf6', message: this.errorMessage, size: "s" })))), showSpinner && (index.h("span", { key: 'f474d849b849655d92c4ff5922c19ed80c83db8e', class: "resource-list-file-item__spinner" }, index.h("swirl-spinner", { key: '14fbfd17f9d7c8f36b372e61a42fdd99cce73aa2', size: "s" }))), showRemoveButton && (index.h("span", { key: 'fc55a25dd2890c62cbd228e1a5aaa43d157b356c', class: "resource-list-file-item__remove-button" }, index.h("swirl-button", { key: 'fac36e13c2c85c26a2beb9183312350b7b3907e3', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))))));
     }
 };
 SwirlResourceListFileItem.style = SwirlResourceListFileItemStyle0;

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

@@ -16,7 +16,7 @@ const SwirlResourceListSection = class {
         this.hasSeparator = false;
     }
     render() {
-        return (index.h(index.Host, { key: '414165c726b5de095d3c32e9231dbff65d383f42' }, this.hasSeparator && (index.h("swirl-separator", { key: 'bde064cd3d4de1d5136685b8a9a42097ec1242e9', spacing: this.separatorSpacing })), index.h("div", { key: '82abe47a7d20481d08d0c7fb419ee2eeaabc2139', "aria-labelledby": "label", role: "rowgroup" }, index.h("span", { key: '58e828bb2a68f2836394b751a446b0aa0e329562', id: "label", class: "resource-list-section-label", part: "resource-list-section-label" }, this.label), index.h("swirl-stack", { key: '3fe90662ca40550d1c45636c2bb2531ee3280ec2', spacing: this.spacing }, index.h("slot", { key: 'a9e675967aaede5966527996abb44c2d841456bc' })))));
+        return (index.h(index.Host, { key: '0f941c1969c824109e4cc05300bde3749ddee9ec' }, this.hasSeparator && (index.h("swirl-separator", { key: 'cc1baa6a5b84a22668969a379c512b70f80cd1d4', spacing: this.separatorSpacing })), index.h("div", { key: 'd34c8ffcb8209ed0c6601030950583343088c8a6', "aria-labelledby": "label", role: "rowgroup" }, index.h("span", { key: 'd533fe0c5455f80d5f18437b1dd5ab927e2f0dc3', id: "label", class: "resource-list-section-label", part: "resource-list-section-label" }, this.label), index.h("swirl-stack", { key: '9c5838488cc3876b75ab74997fb3343bc95e0a12', spacing: this.spacing }, index.h("slot", { key: 'db9bcf41d66cc667cd21351ee16d5ed189fde9ec' })))));
     }
 };
 SwirlResourceListSection.style = SwirlResourceListSectionStyle0;

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

@@ -77,7 +77,7 @@ const SwirlSearch = class {
         const className = index$1.classnames("search", `search--variant-${this.variant}`, {
             "search--disabled": this.disabled,
         });
-        return (index.h(index.Host, { key: 'd9c8dc9d1a269ef91f0196bfc047a1bd18cb4340' }, index.h("span", { key: 'c08f88bf78278ebe3859b1a8448f2745de3be744', class: className, ref: (el) => (this.iconEl = el) }, index.h("swirl-icon-search", { key: 'fdcdb700831713b4ca4d970272250cd20badd838', "aria-hidden": "true", class: "search__icon" }), index.h("input", { key: '48775e61a7c28f24ceddb1c2fa9b0a39211620b7', "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 && (index.h("button", { key: '3ba4483d3c101e20ce1dcdf94bceae7353fa34b6', "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, index.h("swirl-icon-cancel", { key: '4904ed9d9d7d99f1529804598b095057d5e6d711' }))))));
+        return (index.h(index.Host, { key: '043278fda8230b27446918e58293149e6fb4a39e' }, index.h("span", { key: '7f6ca1b136f77f95cb8c1eeab173fcbb70edb780', class: className, ref: (el) => (this.iconEl = el) }, index.h("swirl-icon-search", { key: 'f9a344e4e851a119da3b39bf4cf3d782e4bb3bc6', "aria-hidden": "true", class: "search__icon" }), index.h("input", { key: '5f1a760cebbe980d48a25b60a8326c6d13c3dee7', "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 && (index.h("button", { key: 'c5e2d40efe21e15d83b46a1c3f6f4453108aa0a5', "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, index.h("swirl-icon-cancel", { key: 'a14f40e6264922d010c08ae717d50985491b6dbc' }))))));
     }
 };
 SwirlSearch.style = SwirlSearchStyle0;

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

@@ -137,11 +137,11 @@ const SwirlSelect = class {
             "select--search-loading": this.searchLoading,
             "select--standalone": this.standalone,
         });
-        return (index.h(index.Host, { key: '8069880ce921a0ece302cf5393a9337bb6a2e005', onKeyDown: this.onKeyDown }, index.h("div", { key: 'e34533860e11c742da4bfceb8abedf47e2d5ee7e', class: className }, index.h("swirl-popover-trigger", { key: 'f8c8bb849175c7b802b200dbebb8e5b120802471', swirlPopover: this.swirlPopover, setAriaAttributes: false }, index.h("swirl-stack", { key: '2f36109df3b9c07ef0ea4bd30826e3a0f669b852', class: "select__value-container" }, this.standalone && (index.h("span", { key: '977d91a905ab448f88fa48bed0297664853e7b68', "aria-hidden": "true", class: "select__resize-helper" }, label)), index.h("input", { key: 'b91277a62bdcb154b4cf1bf80c97da9b97828b4b', "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 }))), index.h("span", { key: '9d2a6fbf0d463f95de2704d38842f4c37762bf0d', class: "select__multi-select-values" }, this.value
+        return (index.h(index.Host, { key: 'd88940fe5e5472e1d6ee9cc2cc44b623aed21aa1', onKeyDown: this.onKeyDown }, index.h("div", { key: '1acb049531fd249a6df7b186d765d393e71b0a5d', class: className }, index.h("swirl-popover-trigger", { key: 'f9f34c07e1bd3e53f9a3e519c50426e3958314b1', swirlPopover: this.swirlPopover, setAriaAttributes: false }, index.h("swirl-stack", { key: 'c8937a4e62a423cc99e0fc64f48f2ff6a3b32525', class: "select__value-container" }, this.standalone && (index.h("span", { key: 'd57f60f2cd341070a14bac432e0a33c534f46bd0', "aria-hidden": "true", class: "select__resize-helper" }, label)), index.h("input", { key: 'c32b8a0cfb133dada334552520e8873b804d2ad9', "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 }))), index.h("span", { key: 'bc0a113d71dafde3244e83c864867e017ef3c57c', class: "select__multi-select-values" }, this.value
             ?.map((value) => this.options.find((option) => option.value === value))
             ?.map((option) => (index.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 })))), index.h("span", { key: 'b5ba9c309c556706941f4e1ac974f3f975874c75', class: "select__indicator" }, this.open ? (index.h("swirl-icon-expand-less", { size: this.standalone ? 20 : 24 })) : (index.h("swirl-icon-expand-more", { size: this.standalone ? 20 : 24 }))), index.h("swirl-popover", { key: 'daa7145625aad8637fcef53531b5b9d65dc04b4b', 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 && (index.h("div", { key: '50c604d472b5fda439de8b2975a9ee3ef383badf', class: "select__search" }, index.h("swirl-icon-search", { key: '64daeeef2747a540b5cde5fdfab5c2df0508a26f', class: "select__search-icon", size: 20 }), index.h("input", { key: '9a43eddb648671676178f185d33191c7a18f152c', "aria-label": this.searchInputLabel, class: "select__search-input", onInput: this.onSearchInput, placeholder: this.searchPlaceholder, ref: (el) => (this.searchInput = el), type: "search" }), this.searchLoading && (index.h("swirl-spinner", { key: '83f862d5ba77acbdc9109b20ae1e9b924cfc3b88', class: "select__search-spinner", size: "s" })))), index.h("swirl-option-list", { key: 'f7871594cf02ff8190e125957afc23f9c800ed7d', allowDeselect: this.allowDeselect, onValueChange: this.select, multiSelect: this.multiSelect, ref: (el) => (this.optionList = el), value: this.value }, !this.searchLoading && (index.h("div", { key: '64d0ed2e92670512f5f2ddfa6998ade958eca148', "aria-disabled": "true", class: "select__empty-list-label", role: "option" }, index.h("swirl-text", { key: '94eed9f78fe7be50e88b76c93a05347e6966fd6d', color: "subdued", weight: "medium" }, this.emptyListLabel))), index.h("slot", { key: '3cb252c67e8849813579e30f12876b4d7e58e24f', onSlotchange: this.onSlotChange }))))));
+            onRemove: () => this.unselectOption(option?.value), removable: !this.disabled && this.allowDeselect && !option?.disabled })))), index.h("span", { key: '309c35a3ed9a6d55e21cee14569a505c6d7fab23', class: "select__indicator" }, this.open ? (index.h("swirl-icon-expand-less", { size: this.standalone ? 20 : 24 })) : (index.h("swirl-icon-expand-more", { size: this.standalone ? 20 : 24 }))), index.h("swirl-popover", { key: '32c3d4372af752e1a01ee207d79188f75d82fbf8', 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 && (index.h("div", { key: 'cb65fc09e7d2f942490e19c701eb8b5192409e3c', class: "select__search" }, index.h("swirl-icon-search", { key: 'c013c903d3b9bf81517ecae813e9fa1564707e55', class: "select__search-icon", size: 20 }), index.h("input", { key: '4debe83a090a8cb685375f7a2e02db25f1e7c8cb', "aria-label": this.searchInputLabel, class: "select__search-input", onInput: this.onSearchInput, placeholder: this.searchPlaceholder, ref: (el) => (this.searchInput = el), type: "search" }), this.searchLoading && (index.h("swirl-spinner", { key: 'ea95e785e928b7531a0fb8b6bdf15b28c3916c9d', class: "select__search-spinner", size: "s" })))), index.h("swirl-option-list", { key: '114e3aa852b6266fbf6dfcab2e892c25a5fd9c44', allowDeselect: this.allowDeselect, onValueChange: this.select, multiSelect: this.multiSelect, ref: (el) => (this.optionList = el), value: this.value }, !this.searchLoading && (index.h("div", { key: 'bf1b1f0c105a1c9d9dbeba36733cdd117c6484b0', "aria-disabled": "true", class: "select__empty-list-label", role: "option" }, index.h("swirl-text", { key: '7e1051cfd06e620576757fcbac17ba74e127b4ad', color: "subdued", weight: "medium" }, this.emptyListLabel))), index.h("slot", { key: '3aadc6ef3b13c7817f1cfa79eb2c64da00c1fd22', onSlotchange: this.onSlotChange }))))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -211,25 +211,25 @@ const SwirlShellLayout = class {
             "shell-layout--sidebar-scrollable": this.sidebarScrollState.scrollable,
             "shell-layout--sidebar-scrolled-to-top": this.sidebarScrollState.scrolledToTop,
         });
-        return (index.h(index.Host, { key: '6caa470070227bf3d064aec0933e5b7992132595' }, index.h("div", { key: 'af9d255c86753f522214fa9218141cecaa46b8de', class: className }, index.h("header", { key: '0a08d273f89848ae963a87beb03f1a17d675acb4', class: "shell-layout__header", "data-tauri-drag-region": "true" }, index.h("button", { key: 'f4c93d469d411470e3f9e297667c7df4cbcb3d71', class: "shell-layout__skip-link", onClick: this.skipLinkClick.emit, type: "button" }, this.skipLinkLabel), index.h("div", { key: '7ea97faeefff3e939628e55ac7d56955b3b7b21c', class: "shell-layout__header-left" }, index.h("swirl-tooltip", { key: '3709276be127d985ae0672d44448eb37dd7fb46b', content: this.navigationCollapsed
+        return (index.h(index.Host, { key: '89038298bbdede01dbdc324478071758ae8383ef' }, index.h("div", { key: '425bc7d27e9085118eb7da2c8796b8a567a6a1e0', class: className }, index.h("header", { key: '053fbe258b506457dd8e40934ad6ffc79084b4c9', class: "shell-layout__header", "data-tauri-drag-region": "true" }, index.h("button", { key: '8eacae1bd0d58aa54f9b21e035b8e93017d8d87c', class: "shell-layout__skip-link", onClick: this.skipLinkClick.emit, type: "button" }, this.skipLinkLabel), index.h("div", { key: 'a383a692e050943cfa76a698ce94255a59aa725c', class: "shell-layout__header-left" }, index.h("swirl-tooltip", { key: 'b80097c7425083ee748060a2eac8d4445976c5ad', content: this.navigationCollapsed
                 ? this.expandNavigationButtonLabel
-                : this.collapseNavigationButtonLabel, delay: 100, position: "right" }, index.h("button", { key: 'e03254178860d6e709b3046351b83fae8e77d3cf', class: "shell-layout__header-tool", onClick: this.onNavigationToggleClick, type: "button" }, this.navigationCollapsed ? (index.h("swirl-icon-dock-left-expand", { size: 20 })) : (index.h("swirl-icon-dock-left-collapse", { size: 20 })), index.h("swirl-visually-hidden", { key: 'b29447611e1635d568bad521c9169a4593af4465' }, this.navigationCollapsed
+                : this.collapseNavigationButtonLabel, delay: 100, position: "right" }, index.h("button", { key: 'cb501d63321e2d26b74a1bdb7cd0d8346f36b4dd', class: "shell-layout__header-tool", onClick: this.onNavigationToggleClick, type: "button" }, this.navigationCollapsed ? (index.h("swirl-icon-dock-left-expand", { size: 20 })) : (index.h("swirl-icon-dock-left-collapse", { size: 20 })), index.h("swirl-visually-hidden", { key: '3603e4c60198a122d2778edceb2daf67fed3914b' }, this.navigationCollapsed
             ? this.expandNavigationButtonLabel
-            : this.collapseNavigationButtonLabel))), index.h("a", { key: 'de8111565be5cfed1451b808f752b9005c906af9', class: "shell-layout__header-tool", href: "javascript:history.back()" }, index.h("swirl-icon-arrow-back", { key: 'bbbf42b68e23ddc8be1ebbe9402ba48efdf7cc82', size: 20 }), index.h("swirl-visually-hidden", { key: 'b5231d966c68709c787678c97a9300a55e02bfad' }, this.browserBackButtonLabel)), index.h("a", { key: '039372fbca0084ef64199abf2d2683ff06876e06', class: "shell-layout__header-tool", href: "javascript:history.forward()" }, index.h("swirl-icon-arrow-forward", { key: 'b79f885a6f520a405323e7a1ba6d09c099d74251', size: 20 }), index.h("swirl-visually-hidden", { key: '8cf6a7a2917fa4abffba80de781a2634b3491d8f' }, this.browserForwardButtonLabel)), index.h("slot", { key: 'ed3e9e7550363fa77f7681de571b91bae1a33c38', name: "left-header-tools" })), index.h("div", { key: '6ed939e207074b780a0a728f65721f77f501e1dc', class: "shell-layout__logo" }, index.h("slot", { key: 'c851d2cabcc0e4564d12bf1f4fdb4c20d75688cb', name: "logo" })), index.h("div", { key: 'b19fd3e27a7b35d96b3234c844ff0a62fe922a22', class: "shell-layout__header-right" }, index.h("slot", { key: 'f18043382174a835ac16b6c4cd339f597264209f', name: "right-header-tools" }), index.h("button", { key: '5f520d93502f78ea37605d74585aafa6d17baea3', class: "shell-layout__header-tool shell-layout__sidebar-toggle", onClick: this.sidebarToggleClick.emit, type: "button" }, index.h("swirl-icon", { key: '8e73fd231d2adc6bfa48e36043593aee62f052f9', glyph: this.sidebarToggleIcon, size: 20 }), index.h("swirl-visually-hidden", { key: '2b232f3a15f32ccbed9c094ddeefc4d129c52cf3' }, this.sidebarToggleLabel), this.sidebarToggleBadge && (index.h("swirl-badge", { key: '2447ea206fd5d65b8360a8a8522cb95e251a2ec0', "aria-label": this.sidebarToggleBadgeAriaLabel, label: !hasSidebarToggleBadgeWithLabel
+            : this.collapseNavigationButtonLabel))), index.h("a", { key: 'caeb2217ff2865e21de6c7dec4343bb0fd6a75b7', class: "shell-layout__header-tool", href: "javascript:history.back()" }, index.h("swirl-icon-arrow-back", { key: 'fe04de0a61002570e27546e534f678d47a53d830', size: 20 }), index.h("swirl-visually-hidden", { key: 'f5d53697a6ea9bbf9bf70437d554f259ba3d201c' }, this.browserBackButtonLabel)), index.h("a", { key: 'f8d27fd64166fd8b03551346c3466d5b2400bf12', class: "shell-layout__header-tool", href: "javascript:history.forward()" }, index.h("swirl-icon-arrow-forward", { key: '94defbed7617b1dcdc3b6b7b15d5004aba41260c', size: 20 }), index.h("swirl-visually-hidden", { key: '831a65fa5ae54eaa0847176fb149b7794e99c038' }, this.browserForwardButtonLabel)), index.h("slot", { key: '1c4b046135e1899978bfb6453996c121ed1865bf', name: "left-header-tools" })), index.h("div", { key: '45acd663c9adac837ea784ad5202c2f0329c6d34', class: "shell-layout__logo" }, index.h("slot", { key: '4520ecbf76f44c7f30152746425fe83a5ea415f9', name: "logo" })), index.h("div", { key: '09336614bc0d67419e94ed5858d635c6711a52f1', class: "shell-layout__header-right" }, index.h("slot", { key: '3443f74340fd2da35c6e8f9b7139f56ada556593', name: "right-header-tools" }), index.h("button", { key: '49c0915cbdb7d620be6fa85a5321a8d42f24dac6', class: "shell-layout__header-tool shell-layout__sidebar-toggle", onClick: this.sidebarToggleClick.emit, type: "button" }, index.h("swirl-icon", { key: '187014be9f55cc5a861448582c11cb0e0ddf3a97', glyph: this.sidebarToggleIcon, size: 20 }), index.h("swirl-visually-hidden", { key: 'd1fd28d965d2b62ea9587f3f5bfca1153acac560' }, this.sidebarToggleLabel), this.sidebarToggleBadge && (index.h("swirl-badge", { key: '9bf58c0b65bc630c0cc9c6c010ae9d6abeb2aa1a', "aria-label": this.sidebarToggleBadgeAriaLabel, label: !hasSidebarToggleBadgeWithLabel
                 ? this.sidebarToggleBadgeAriaLabel
-                : String(this.sidebarToggleBadge), size: "xs", variant: !hasSidebarToggleBadgeWithLabel ? "dot" : "default" }))), index.h("slot", { key: '3474e25cd97c4fc4988207fc753fc7dd501d992c', name: "avatar" }))), index.h("div", { key: 'a661587c7e9bcd6f2987dc7bf4ebbc83c9d59445', class: "shell-layout__mobile-nav-backdrop", onClick: this.onNavigationClick }), index.h("nav", { key: '1471f2172a6ae4f1bc24517e354a8cf37836dfe6', "aria-labelledby": "main-navigation-label", class: "shell-layout__nav", onClick: this.onNavigationClick, ref: (el) => (this.navElement = el) }, index.h("div", { key: '4c747f371c5dfd34df3485e22dc46a7621ff4caf', class: "shell-layout__mobile-header" }, index.h("slot", { key: '17158b3a80966adde937de9cd620e6be96a4cd76', name: "mobile-logo" }), index.h("div", { key: '58d1f266b4f919561ecb625dfaeb24d8631550f8', class: "shell-layout__mobile-header-tools" }, index.h("slot", { key: '10d63643f45aa35cdc0a7f868c89d25d8b299a2e', name: "mobile-header-tools" }), index.h("button", { key: '3987d6cf0228ddbd3dbb49709172b277a473374c', class: "shell-layout__header-tool", type: "button" }, index.h("swirl-icon-double-arrow-left", { key: 'a341b6bb4dd757bfa86e77d6841c8d533577b81e', size: 20 }), index.h("swirl-visually-hidden", { key: '1e82b84592a3ceabef6fdbffb421a46f878fb168' }, this.hideMobileNavigationButtonLabel)))), index.h("div", { key: 'fad4a702f2c237b611f4f13f3d7961a3d6165be9', class: "shell-layout__nav-body" }, index.h("swirl-visually-hidden", { key: '6152d0bac1bb59cd184fc5ef2d4e832bf5db53d4' }, index.h("span", { key: '22fd48f320f73fe42ab71577aec9d222791d48f1', id: "main-navigation-label" }, this.navigationLabel)), index.h("slot", { key: '3e2b962fc300a8625cbafde87328e554ccfc5b0e', name: "nav", onSlotchange: this.collectNavItems }), index.h("div", { key: '41e1e3507e5a8ca7b2afcebad2a6ff9f997df3db', class: "shell-layout__secondary-nav" }, index.h("swirl-separator", { key: 'f81bb1c1517a673d82e1c2bc9f0803de5a9cde30', color: "strong", spacing: "16" }), this.enableSecondaryNavGridLayout && (index.h("swirl-box", { key: '4bbaae032f3fd4bbd7a96cf509e8b114ac37fd3f', paddingBlockEnd: "16" }, index.h("swirl-stack", { key: '790ea0e7933dbef68195ebd3e4e836643f1c92a6', justify: mainNavCollapsed ? "center" : "space-between", orientation: "horizontal" }, index.h("swirl-button", { key: '265007a9688216a7687c5564ed2591a7ae5fd842', hideLabel: mainNavCollapsed, icon: this.secondaryNavCollapsed
+                : String(this.sidebarToggleBadge), size: "xs", variant: !hasSidebarToggleBadgeWithLabel ? "dot" : "default" }))), index.h("slot", { key: '731642bd94d6581e0df4901f0691e7f69dfcc1b9', name: "avatar" }))), index.h("div", { key: '0b042abe2d259efedc4487bf0c16b541d33c04f2', class: "shell-layout__mobile-nav-backdrop", onClick: this.onNavigationClick }), index.h("nav", { key: '5ea904dcd882ffb9d4bb7980eb5ebffe8c830647', "aria-labelledby": "main-navigation-label", class: "shell-layout__nav", onClick: this.onNavigationClick, ref: (el) => (this.navElement = el) }, index.h("div", { key: '7b629dc58b4602b4fd7edf643fe01834ee3d0ee2', class: "shell-layout__mobile-header" }, index.h("slot", { key: 'e0a7abba947d1647c884f12d406603c6baa0920b', name: "mobile-logo" }), index.h("div", { key: '2915e6713b61046394fc250270f4256da6877462', class: "shell-layout__mobile-header-tools" }, index.h("slot", { key: '43bad09ad5fba7cdba110f8be6dbf7f263bd0807', name: "mobile-header-tools" }), index.h("button", { key: '568bde247b713ede0a568d978f4a5b9b46e3eca3', class: "shell-layout__header-tool", type: "button" }, index.h("swirl-icon-double-arrow-left", { key: 'df3b246b172af5e6bf66b28ee0eb666571b202eb', size: 20 }), index.h("swirl-visually-hidden", { key: '2e616b6756d7a990f0082efd4a332d073f66334c' }, this.hideMobileNavigationButtonLabel)))), index.h("div", { key: '7d36cb1b678ec53a9a287f3788b0ab3c2be1a5db', class: "shell-layout__nav-body" }, index.h("swirl-visually-hidden", { key: '04c22fd52d9764eba720ecbd3c0cdcc763eb396c' }, index.h("span", { key: '016fc66f6b743c298898d246fd9f5a4754f040d7', id: "main-navigation-label" }, this.navigationLabel)), index.h("slot", { key: '1a3ed4a52edb2e144c97f89698f7a6665e44f7ae', name: "nav", onSlotchange: this.collectNavItems }), index.h("div", { key: '21e4fd7a2c29c6595854adaecff1f17023a06be9', class: "shell-layout__secondary-nav" }, index.h("swirl-separator", { key: 'cc15ce7cf22476f7afc1662e6e342d6f6999211d', color: "strong", spacing: "16" }), this.enableSecondaryNavGridLayout && (index.h("swirl-box", { key: '9031efdf2b9744e9bb0dd874047bd022fd80880d', paddingBlockEnd: "16" }, index.h("swirl-stack", { key: '6704910ac419b26a2b0ccadce1cbbccfb201dd8e', justify: mainNavCollapsed ? "center" : "space-between", orientation: "horizontal" }, index.h("swirl-button", { key: 'c1be78f061663939f220afd682a60a8b843fd068', 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 && (index.h("swirl-button", { key: 'e0ae6111bcb9e22f01bcad42dbae134b665a77a2', icon: this.secondaryNavView === "grid"
+                : this.secondaryNavCollapseLabel, onClick: this.toggleSecondaryNavCollapse, variant: "plain" }), !mainNavCollapsed && !this.secondaryNavCollapsed && (index.h("swirl-button", { key: '2b8505acf5ed90cb9f2daa5bb629b519f1bda74d', 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" }))))), index.h("div", { key: '4249fa75c7dbd875c93a60cf621b8e285ff63569', class: {
+                : this.listNavLayoutToggleLabel, onClick: this.toggleSecondaryNavView, variant: "plain" }))))), index.h("div", { key: 'a189d47dc45db53231bf05792095228de34b40fe', class: {
                 "shell-layout__secondary-nav-items": true,
                 "shell-layout__secondary-nav-items--grid-view": this.enableSecondaryNavGridLayout &&
                     (this.secondaryNavView === "grid" || mainNavCollapsed),
-            } }, index.h("slot", { key: '3720b917795e70105f9f2866e332d7edd199a281', name: "secondary-nav", onSlotchange: this.collectNavItems }))))), index.h("main", { key: '11a33552cbbbe65efd710447fb2589cdf1caedbe', class: "shell-layout__main", id: "main-content" }, index.h("slot", { key: '455cffd8b94e7bcf102385f99e6719bd23f68d39' })), index.h("aside", { key: 'c3d84b181d224afab6f0297a20da34606fed4247', class: "shell-layout__sidebar", inert: this.sidebarActive ? undefined : true }, index.h("div", { key: '97f86b982e30fb02780cc3a4be39f6dcd363113c', class: "shell-layout__sidebar-body" }, index.h("div", { key: 'e4b3fd63488df85cf53dc78d1ead965208d9c75d', class: "shell-layout__sidebar-app-bar" }, index.h("slot", { key: 'f361d3aadf18bba2166e891569388079a563da7e', name: "sidebar-app-bar" })), index.h("div", { key: '6d6c35d484398706e016e0681754077f5e28ff68', class: "shell-layout__sidebar-content", onScroll: this.onSidebarScroll, ref: (el) => (this.sidebarContentEl = el) }, index.h("slot", { key: '9670258e9fd254cb93668ad7840ba878268e1b11', name: "sidebar" })))))));
+            } }, index.h("slot", { key: '41baf8994e74239079d1d8364f152f903d0ec6fc', name: "secondary-nav", onSlotchange: this.collectNavItems }))))), index.h("main", { key: 'bb02ca47b35c7d7513f686ebbc472f6aea9994be', class: "shell-layout__main", id: "main-content" }, index.h("slot", { key: '1ecef91bfbd180ec8bafbd570fa8f03bb328046d' })), index.h("aside", { key: 'c75690d9428440c6393dd7c128d8c4f1a2e9a53a', class: "shell-layout__sidebar", inert: this.sidebarActive ? undefined : true }, index.h("div", { key: '1c2cc8d8fa301b0062f087d6e859675f9afc96a1', class: "shell-layout__sidebar-body" }, index.h("div", { key: '5189d336f67bad120191b9b5402c339c60ad5581', class: "shell-layout__sidebar-app-bar" }, index.h("slot", { key: 'a8b14c54b6f07685224734e35d27a690c9850132', name: "sidebar-app-bar" })), index.h("div", { key: 'ea608f9f1857f6d769149acb6b5803b67164feed', class: "shell-layout__sidebar-content", onScroll: this.onSidebarScroll, ref: (el) => (this.sidebarContentEl = el) }, index.h("slot", { key: '8b1641d05ccc2df079f438694782e4ca5e31bba1', name: "sidebar" })))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/swirl-shell-navigation-item.cjs.entry.js

@@ -37,7 +37,7 @@ const SwirlShellNavigationItem = class {
         });
         const isLink = Boolean(this.href);
         const Tag = isLink ? "a" : "button";
-        return (index.h(index.Host, { key: '5c4eb11ecb753cfa06fc117a4e5e3e4af690cce8' }, index.h("swirl-tooltip", { key: '029b7a9dd5994766d0c211148d97a132236c28d3', active: this.hideLabel, content: this.label, delay: 100, position: "right", positioning: "fixed" }, index.h(Tag, { key: '5e8d852e0588b27ede698a00d998f3169993bac2', class: tagClassNames, href: this.href, target: this.target, type: isLink ? undefined : "button" }, index.h("span", { key: '6589ff91eac3d1c05844155d5c93f6e4d688053c', class: "shell-navigation-item__icon" }, index.h("slot", { key: '5774e94d0e252ff7590f607ef1bd1c76be352be4', name: "icon" })), !this.hideLabel ? (index.h("span", { class: labelClassNames }, this.label)) : (index.h("swirl-visually-hidden", null, index.h("span", { class: labelClassNames }, this.label))), this.badgeLabel !== undefined && this.badgeLabel !== null && (index.h("swirl-badge", { key: 'd8b4fae735c0b3e56c5b1cfbb8d243c227e30a5c', "aria-label": this.badgeLabel, class: index$1.classnames("shell-navigation-item__badge", {
+        return (index.h(index.Host, { key: '66a246ab9e054d28f20499614e50e8195171c06e' }, index.h("swirl-tooltip", { key: 'a1279707d823ab3142f7e60b7c204a895b539bfb', active: this.hideLabel, content: this.label, delay: 100, position: "right", positioning: "fixed" }, index.h(Tag, { key: '7893281d70322eb5c71c66ad4acfafd56de2805a', class: tagClassNames, href: this.href, target: this.target, type: isLink ? undefined : "button" }, index.h("span", { key: 'a20da8825c9c572be32bd91acefcce96e487e971', class: "shell-navigation-item__icon" }, index.h("slot", { key: 'cf6c44fc3aa965b68eea4b828a4adc89949deb38', name: "icon" })), !this.hideLabel ? (index.h("span", { class: labelClassNames }, this.label)) : (index.h("swirl-visually-hidden", null, index.h("span", { class: labelClassNames }, this.label))), this.badgeLabel !== undefined && this.badgeLabel !== null && (index.h("swirl-badge", { key: '97a387a5c223671de875050d5a09605c2f186bdb', "aria-label": this.badgeLabel, class: index$1.classnames("shell-navigation-item__badge", {
                 "shell-navigation-item__badge--dot": this.badgeLabel === "",
             }), label: this.badgeLabel, size: "xs", variant: this.badgeLabel === "" ? "dot" : "default" }))))));
     }

package/dist/cjs/swirl-skeleton-box.cjs.entry.js

@@ -19,11 +19,11 @@ const SwirlSkeletonBox = class {
     }
     render() {
         const className = index$1.classnames("skeleton-box", `skeleton-box--border-radius-${this.borderRadius}`, { "skeleton-box--static": !this.animated });
-        return (index.h(index.Host, { key: '8cfb6e45e47dbbce9598ed306134b26e497ac7a3', style: {
+        return (index.h(index.Host, { key: 'e5902a0a40b2349da2248f713d57b677e9c643d0', style: {
                 width: !Boolean(this.width) && !Boolean(this.aspectRatio)
                     ? "100%"
                     : undefined,
-            } }, index.h("div", { key: '711f9496793f89e8f4ddd1120d85d10a6a3a0446', class: className, style: {
+            } }, index.h("div", { key: 'fb4b6daa18f4ce93c44285e4493ed3c7fa065b42', class: className, style: {
                 aspectRatio: this.aspectRatio,
                 borderRadius: this.borderRadius !== "pill"
                     ? `var(--s-border-radius-${this.borderRadius})`

package/dist/cjs/swirl-skeleton-text.cjs.entry.js

@@ -18,7 +18,7 @@ const SwirlSkeletonText = class {
     render() {
         const className = index$1.classnames("skeleton-text", `skeleton-text--size-${this.size}`, { "skeleton-text--static": !this.animated });
         const lineClassName = index$1.classnames("skeleton-text__line", `skeleton-text__line--size-${this.size}`);
-        return (index.h(index.Host, { key: 'be9aee070445854588402ed3e1bd4c37b5fce912' }, index.h("div", { key: '20f3fd21d38b751e5c41dabac729caae29f1538a', class: className, part: className }, new Array(this.lines).fill(undefined).map((_, index$1) => (index.h("div", { class: lineClassName, key: index$1, part: lineClassName }))))));
+        return (index.h(index.Host, { key: '33f658d65fecfa3e998e6ab4939c298347d55235' }, index.h("div", { key: '4b64453a36dd40f3c5d4fa2f5165d325606d0f00', class: className, part: className }, new Array(this.lines).fill(undefined).map((_, index$1) => (index.h("div", { class: lineClassName, key: index$1, part: lineClassName }))))));
     }
 };
 SwirlSkeletonText.style = SwirlSkeletonTextStyle0;

package/dist/cjs/swirl-status-indicator.cjs.entry.js

@@ -16,7 +16,7 @@ const SwirlStatusIndicator = class {
     }
     render() {
         const className = index$1.classnames("status-indicator", `status-indicator--intent-${this.intent}`);
-        return (index.h(index.Host, { key: '2882d26e02c33f0914546e39a5509d326945fa89' }, index.h("div", { key: '369818671038628ca4383a6941f77ba0d3071576', class: className }, index.h("span", { key: 'ddfda73105b526c644f5afc5986717a2f3f103f2', class: "status-indicator__dot" }), index.h("span", { key: '5fcfa57f6edffefadc278521f99e8d21f30a7669', class: "status-indicator__label" }, this.label))));
+        return (index.h(index.Host, { key: 'dd7aa42e04bfe635f19eb514c296d58d5d46314a' }, index.h("div", { key: 'e8a9e556195236874352b78139494663677f0f99', class: className }, index.h("span", { key: '34aaef4a88e2673639148523882d7aaed9c84ff2', class: "status-indicator__dot" }), index.h("span", { key: 'ee372b656c9a3014b3c8a29d744c50089634f7b9', class: "status-indicator__label" }, this.label))));
     }
 };
 SwirlStatusIndicator.style = SwirlStatusIndicatorStyle0;