@getflip/swirl-components 0.507.0 → 0.508.0

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

@@ -41,7 +41,7 @@ const SwirlInlineStatus = class {
     }
     render() {
         const className = index$1.classnames("inline-status", `inline-status--intent-${this.intent}`, `inline-status--size-${this.size}`);
-        return (index.h(index.Host, { key: '65262b3e3f60821eeaf42e1ed3881de0111e8409' }, index.h("span", { key: '13c43614acd384e7a14ddbdce227387055167160', class: className, part: "inline-status" }, this.icon && (index.h("span", { key: '0b38e47541acf83629409da6b78924c36c6f1a6d', class: "inline-status__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), index.h("span", { key: '92e78accc5a20eb483f7361e55eec57777d42e40', class: "inline-status__message" }, this.message))));
+        return (index.h(index.Host, { key: '81edd2dcbb01b7f33e4e5e3bb7e24f88b5e9dcbc' }, index.h("span", { key: 'dc519d6dea17b65fbbc508fbaaaa12bc80ceda4b', class: className, part: "inline-status" }, this.icon && (index.h("span", { key: 'c74d63d6b9412cef4fc974c4d122ae48ade25542', class: "inline-status__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), index.h("span", { key: 'b7021e1d3513ce6839a1c40a1d7f4af419ecc7db', class: "inline-status__message" }, this.message))));
     }
 };
 SwirlInlineStatus.style = swirlInlineStatusCss();

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

@@ -296,7 +296,7 @@ const SwirlLightbox = class {
         const className = index$1.classnames("lightbox", {
             "lightbox--closing": this.closing,
         });
-        return (index.h(index.Host, { key: 'c03e8a24d2287ee91fbe5f2d6e811a3ed1bcae9d' }, index.h("dialog", { key: '0197dee21b5d8a6cc8002e3a88f5319e926befe6', "aria-label": this.label, class: className, id: "lightbox", onKeyDown: this.onKeyDown, onMouseDown: this.onPointerDown, onMouseMove: this.onPointerMove, onMouseOut: this.onPointerUp, onMouseUp: this.onPointerUp, onTouchEnd: this.onPointerUp, onTouchMove: this.onPointerMove, onTouchStart: this.onPointerDown, ref: (el) => (this.modalEl = el) }, index.h("div", { key: '6b2ebc7c8b67fa637dd5213773b858f76e751d14', class: "lightbox__body", role: "document" }, index.h("header", { key: '44c5475b87c8707df773e1906321612364026e30', class: "lightbox__header" }, index.h("div", { key: '22e146021cb77f09c7c8597097c41ee88995d4d3', class: "lightbox__toolbar" }, index.h("slot", { key: 'bc6bd9476fec49897e788463c4718ed9e4788ea4', name: "toolbar" }), this.downloadButtonEnabled && (index.h("button", { key: 'bf2cf79b9feb436eddb4afa177ee88e0fce17651', "aria-label": this.downloadButtonLabel, class: "lightbox__download-button", onClick: this.onDownloadButtonClick, type: "button" }, index.h("swirl-icon-download", { key: 'c6a00355206f9e807a3f253eb559c2a8407a2df5' })))), index.h("button", { key: '579302f661845aa7301fc152dd16ecbffef5b341', "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick, type: "button" }, index.h("swirl-icon-close", { key: 'a5456f8d51e4c17e4dfdddaebf8da9f719acd660' }))), index.h("div", { key: '4030d753c6faa4364e0d4286f402f81107ef7b69', "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, index.h("div", { key: 'a74eb3ea15090a51ec8aa1117a9b8114770aa975', "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (el) => (this.slidesContainer = el) }, index.h("slot", { key: '9648158dae7c8a069c3f18fa1c7d8694bdb3ffce', onSlotchange: this.registerSlides }))), index.h("div", { key: '63d51fbf21ea3e4b64bb32c92f3186aa2b36eeb4', class: "lightbox__controls" }, index.h("button", { key: 'af381c3f8e5b1c4cdecce5ef14ed5d7b4241fc6f', "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick, ref: (el) => (this.previousSlideButton = el) }, index.h("swirl-icon-arrow-left", { key: '5cf2f1a9d3b9c9381a91fbd9cc7ef8566bd13cd8' })), index.h("button", { key: '1cd7e61f0db455ce50a7fdc5449d171e9269116e', "aria-label": this.nextSlideButtonLabel, class: "lightbox__next-slide-button", disabled: this.activeSlideIndex === this.slides.length - 1, onClick: this.onNextSlideClick, ref: (el) => (this.nextSlideButton = el) }, index.h("swirl-icon-arrow-right", { key: '41c441b3f5063c933902c3a34aeb9cf2860c07d3' }))), showPagination && (index.h("span", { key: '0e3caa33eed4a2c9c524325c8551d0976e130a39', class: "lightbox__pagination" }, index.h("span", { key: '881f8a6ed3468f69bb1a4f914831484a0c81994f', "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length))))));
+        return (index.h(index.Host, { key: 'c82b013392a3c4dc7517d395388cb559a4d27dbc' }, index.h("dialog", { key: 'b55690546c1c84aaabb6a77554f6f9eb339670a4', "aria-label": this.label, class: className, id: "lightbox", onKeyDown: this.onKeyDown, onMouseDown: this.onPointerDown, onMouseMove: this.onPointerMove, onMouseOut: this.onPointerUp, onMouseUp: this.onPointerUp, onTouchEnd: this.onPointerUp, onTouchMove: this.onPointerMove, onTouchStart: this.onPointerDown, ref: (el) => (this.modalEl = el) }, index.h("div", { key: 'a66c4ffdd6c85c49b7b5b6ee6d4a23a7f7461a3a', class: "lightbox__body", role: "document" }, index.h("header", { key: 'ce23debb1bb7a0d7ee760b27aea9b9d357f1a438', class: "lightbox__header" }, index.h("div", { key: 'ba2c85711fd4549b8f10c197be804c93636871dd', class: "lightbox__toolbar" }, index.h("slot", { key: '99f82b792f330bccdcd0700667f9b87848c718c6', name: "toolbar" }), this.downloadButtonEnabled && (index.h("button", { key: '1c0fee186ee9a0175cb6bc7a7cad9aa5882302e1', "aria-label": this.downloadButtonLabel, class: "lightbox__download-button", onClick: this.onDownloadButtonClick, type: "button" }, index.h("swirl-icon-download", { key: '8658581230c934822c626588875eed1f3009dfdf' })))), index.h("button", { key: 'f4caab3b11372a1fcb571188047751de6461a1dc', "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick, type: "button" }, index.h("swirl-icon-close", { key: '28c25aff652e4fd8352688a012fbb2cd363b4804' }))), index.h("div", { key: '5651441b8b04dc9a86cfe735efdf4e486ed54cce', "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, index.h("div", { key: 'b5de2deec76ae860b5c8af3d42fdbef604e71158', "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (el) => (this.slidesContainer = el) }, index.h("slot", { key: '74da507e1e68470c656f6cabaf520d67a1d00e98', onSlotchange: this.registerSlides }))), index.h("div", { key: '0645e8313ca164bf5bf399ad45bc48b9245725ae', class: "lightbox__controls" }, index.h("button", { key: 'a20680a4d9cc334f0ce67dfdbe5832eadc31b996', "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick, ref: (el) => (this.previousSlideButton = el) }, index.h("swirl-icon-arrow-left", { key: 'a3dd51f3408905f1f07251aeaef60a799483bb25' })), index.h("button", { key: 'b67008bce048ab367196da4b40af09a858c491f6', "aria-label": this.nextSlideButtonLabel, class: "lightbox__next-slide-button", disabled: this.activeSlideIndex === this.slides.length - 1, onClick: this.onNextSlideClick, ref: (el) => (this.nextSlideButton = el) }, index.h("swirl-icon-arrow-right", { key: '006d54c40fd4a39b5554dff93e656de1552fb642' }))), showPagination && (index.h("span", { key: '2e3d1c9aed2d93d089b86ef8d3e3e464eea72f9d', class: "lightbox__pagination" }, index.h("span", { key: '5019d200e7505c7cff25995ed5704ffbfe53ef8c', "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -12,7 +12,7 @@ const SwirlLink = class {
     }
     render() {
         const className = index$1.classnames("link", `link--color-${this.color}`);
-        return (index.h(index.Host, { key: '2931cda530c088095cc0122f285d4b4ef2de0d92' }, index.h("a", { key: '4f7e2ee4aacde2bdaab61c264f5816f2cf6484fa', class: className, href: this.href, part: "link", target: this.target }, this.label)));
+        return (index.h(index.Host, { key: 'fc0931751652b9dedf36ad1d9e51890dd559d222' }, index.h("a", { key: '198121bff7dc425aacbd5e21eaa38461a34db57f', class: className, href: this.href, part: "link", target: this.target }, this.label)));
     }
 };
 SwirlLink.style = swirlLinkCss();

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

@@ -15,7 +15,7 @@ const SwirlList = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '82b5e8c1fb17d4690ae69319d05c670d96e3b375' }, index.h("div", { key: 'c69016f97737f0be3130344815004e1f34362be0', class: "swirl-list", ref: (el) => (this.containerEl = el) }, index.h("slot", { key: 'e842dc3bf7afc2a22c8fc1c31b810ca069bb63f1' }))));
+        return (index.h(index.Host, { key: '584f50d1684a62deb3ac84312ef5ef08affdcb88' }, index.h("div", { key: 'ab6de02e9dfeda85cd0aa8372d19a6d9efb7a64a', class: "swirl-list", ref: (el) => (this.containerEl = el) }, index.h("slot", { key: '8f4572cfb8c9a2c9aaedeeaf5030382ef04a7f84' }))));
     }
 };
 SwirlList.style = swirlListCss();

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

@@ -110,9 +110,9 @@ const SwirlMenuItem = class {
         const className = index$1.classnames("menu-item", {
             "menu-item--expanded": this.expanded,
         });
-        return (index.h(index.Host, { key: '8c83f3122d4845b5a4f917c0da785214b90919d3' }, index.h("div", { key: 'c52a65be6a5efb17a100100de75e5b95f7475b29', class: className }, this.parentMenu?.variant === "selection"
+        return (index.h(index.Host, { key: '4e0516931a979c76fb92930352d0e82db8a3f488' }, index.h("div", { key: 'c52794621e0c8d4b8bea99655b98bbe431c89544', class: className }, this.parentMenu?.variant === "selection"
             ? this.renderOptionListItem()
-            : this.renderActionListItem(), index.h("slot", { key: '6c488e9ab38261dc4cd3d9de1c902c86129dad88', onSlotchange: this.onSlotChange }))));
+            : this.renderActionListItem(), index.h("slot", { key: '3aa164153e4105a6e3188803f2bf914008465849', onSlotchange: this.onSlotChange }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -295,7 +295,7 @@ const SwirlMenu = class {
             "menu--mobile": this.mobile,
             "menu--root": isTopLevelMenu,
         });
-        return (index.h(index.Host, { key: 'b5ad819aaff829f9e4fe39e3d3e9b113c9f68b7d' }, index.h("div", { key: '45fff2f64a8e8e51e45a316e2ab5efa067192de9', class: className }, this.mobile && isTopLevelMenu && (index.h("div", { key: 'aa0a02960914766af8c4e8bba1b9fba6cc514616', class: "menu__mobile-header" }, this.activeLevel === 0 && (index.h("swirl-button", { key: 'ad2090c90a617711d9f77a619c3aeecddf824243', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" })), this.activeLevel > 0 && (index.h("swirl-button", { key: '592db26025c43f6760199b68ebc4decb93b5ae96', hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" })), index.h("span", { key: 'ec2daf54a9467190c282e6f54d5fe0b22d8771a8', class: "menu__title", id: "menu-title" }, index.h("swirl-heading", { key: 'd475c57779832125f08a39cc69753d83029d4772', align: "center", as: "span", level: 4, text: this.label, truncate: true })), index.h("swirl-button", { key: '32093ff3129acb64e8f65ae870cabcf1f9cab602', class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone }))), index.h("div", { key: '97c93ba8c70b726c1e3122f5b3ad4f70d2566d6d', "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-orientation": "vertical", class: "menu__menu", onKeyDown: this.onKeyDown, ref: (el) => (this.menuContainer = el), role: role, style: !this.mobile && this.level > 0
+        return (index.h(index.Host, { key: '4e89ee4cb35474739d4230a4f8e967f565091c70' }, index.h("div", { key: '050b57e3fd546e38e0dbe32639d757f34988be39', class: className }, this.mobile && isTopLevelMenu && (index.h("div", { key: '4f19c968e3857f257dff94cc3978eadc252838bb', class: "menu__mobile-header" }, this.activeLevel === 0 && (index.h("swirl-button", { key: '5be486288499634b2c7ca292a449013c94ee3dc4', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" })), this.activeLevel > 0 && (index.h("swirl-button", { key: '46ab5c13abf9f04f080fe7b9930132d48f4e06fe', hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" })), index.h("span", { key: '0c8424eb2e3039d7b6281c35d69004ede0491605', class: "menu__title", id: "menu-title" }, index.h("swirl-heading", { key: 'f24f4369d20e104844672a28f38ce562dbda8b37', align: "center", as: "span", level: 4, text: this.label, truncate: true })), index.h("swirl-button", { key: '5447d50b1a68866d5a9dd9d0824c60a71ee1e10c', class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone }))), index.h("div", { key: 'b25517166e1da61018cfb36cd3fe8362f782ec69', "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-orientation": "vertical", class: "menu__menu", onKeyDown: this.onKeyDown, ref: (el) => (this.menuContainer = el), role: role, style: !this.mobile && this.level > 0
                 ? {
                     top: Boolean(this.position) ? `${this.position?.y}px` : "",
                     left: Boolean(this.position) ? `${this.position?.x}px` : "",
@@ -307,7 +307,7 @@ const SwirlMenu = class {
                             ? `calc(-100% * ${this.activeLevel})`
                             : "100%",
                     }
-                    : undefined }, index.h("slot", { key: 'b634b69c59778562eafca8a7ded1dd2f5ec66bd8' })))));
+                    : undefined }, index.h("slot", { key: '3d9edcf34f6f662a375a485e0154378f1d4c4e62' })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -56,7 +56,7 @@ const SwirlModalShell = class {
         const className = index$1.classnames("modal-shell", {
             "modal-shell--closing": this.isClosing,
         });
-        return (index.h(index.Host, { key: '16073c8578e565a19dbc1a2626868110ba892c16' }, index.h("dialog", { key: '01cf01609605cb78626fc2f0a5d19a348799db38', "aria-label": this.label, class: className, onClose: this.onDialogClose, onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, index.h("div", { key: '57b8760666bee727d2016890817f18ea80278256', class: "modal-shell__backdrop" }), index.h("div", { key: '6c04d9871344b30f19d7ca6d36b34b1b570160fa', class: "modal-shell__scroll-container", onClick: this.onClose, ref: (el) => (this.scrollContainerEl = el) }, index.h("div", { key: '28c214f8d9a6169c30de497af32b592e52bb7d43', class: "modal-shell__scroll-container__content", onClick: this.onContentClick }, index.h("slot", { key: 'c73374ea5e7d99f43834ef0a1c5b7509589aa111' }))), index.h("swirl-button", { key: 'dc940fee095606076b9c19bdc0e820f584f2cd04', class: "modal-shell__close-button", icon: "<swirl-icon-close color='strong'></swirl-icon-close>", label: this.closeButtonLabel, hideLabel: true, variant: "translucent", onClick: this.onClose }))));
+        return (index.h(index.Host, { key: '1e47611f304742ecafb23792cc0c6f6bc028cf1a' }, index.h("dialog", { key: '5818acb67898a878f88ed7945361833d7d93c785', "aria-label": this.label, class: className, onClose: this.onDialogClose, onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, index.h("div", { key: '4bcd68bbe197dfe6a7941395d224fcb38bfce2f0', class: "modal-shell__backdrop" }), index.h("div", { key: '12740550150eccca35bb9664d7d4773c94cbdd84', class: "modal-shell__scroll-container", onClick: this.onClose, ref: (el) => (this.scrollContainerEl = el) }, index.h("div", { key: '6b773e52ee3367a2addb9c7eb17a2d83595b4d7d', class: "modal-shell__scroll-container__content", onClick: this.onContentClick }, index.h("slot", { key: '23c21fd8a02ba16b95957cb2c444cca516e0ff38' }))), index.h("swirl-button", { key: 'a31cabb07d43b694b253bf9b8738697de2b151f5', class: "modal-shell__close-button", icon: "<swirl-icon-close color='strong'></swirl-icon-close>", label: this.closeButtonLabel, hideLabel: true, variant: "translucent", onClick: this.onClose }))));
     }
 };
 SwirlModalShell.style = swirlModalShellCss();

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

@@ -293,29 +293,29 @@ const SwirlModal = class {
             "modal--sidebar-scrolled-down": this.sidebarScrolledDown,
             "modal--sidebar-scrollable": this.sidebarScrollable,
         });
-        return (index.h(index.Host, { key: 'b059e0732d23172731b957ad3135fe599735a98c' }, index.h("dialog", { key: '89b5e94abe7a44d3c8ec9cd1f4af28a545585a80', "aria-label": this.label, class: className, onClose: this.onClose, onKeyDown: this.onKeyDown, onToggle: this.onToggle, ref: (el) => (this.modalEl = el) }, index.h("div", { key: '14b1769e06e7d9d5dc46cd7e574b7dca47382a5e', class: "modal__backdrop", onClick: this.onBackdropClick }), index.h("div", { key: '39be3ac0ba542baf3a2c1ca695f458dde851b701', class: "modal__body", part: "modal__body", style: !this.isFullscreen
+        return (index.h(index.Host, { key: '0f45cc9a4912b022afccea9213cc7da53a9aa37e' }, index.h("dialog", { key: 'a970fbd9151eb64badb0f259b09ef321fe4d164e', "aria-label": this.label, class: className, onClose: this.onClose, onKeyDown: this.onKeyDown, onToggle: this.onToggle, ref: (el) => (this.modalEl = el) }, index.h("div", { key: 'c2d2ae6c5d44d60703c2c77d1c95c14ffcf18910', class: "modal__backdrop", onClick: this.onBackdropClick }), index.h("div", { key: '16420d71ad89c1eec9aaf9d23c8215fb3ea383fe', class: "modal__body", part: "modal__body", style: !this.isFullscreen
                 ? {
                     "--swirl-modal-max-height": this.maxHeight,
                     "--swirl-modal-height": this.height,
                     minHeight: this.minHeight,
                     maxWidth: this.maxWidth,
                 }
-                : {} }, index.h("aside", { key: 'f414e64d51ba130b5cec6129385fad5568bd2ed4', class: "modal__sidebar" }, this.sidebarLabel && (index.h("header", { key: '2a1d21b31f3ab3a2e810c5a830bead5f17d7c48f', class: index$1.classnames("modal__sidebar-header", {
+                : {} }, index.h("aside", { key: '38ad0061e0f08aac82488175c746b5c555f32adb', class: "modal__sidebar" }, this.sidebarLabel && (index.h("header", { key: 'b5497834cf6e2878f7a987187b6c7b86eabd9766', class: index$1.classnames("modal__sidebar-header", {
                 "modal__sidebar-header--has-close-button": this.hasSidebarCloseButton,
-            }) }, this.hasSidebarCloseButton && (index.h("swirl-button", { key: '6becf9599ac081e13a1aa40bb9ef75fbdaa6e9da', hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick })), index.h("swirl-heading", { key: '36cb7c610fa4bfaa63ca7d7369aa42f70e5d5f8b', as: "h3", class: "modal__sidebar-heading", level: 5, text: this.sidebarLabel }))), index.h("div", { key: '106357c1abc4c2a2f59d0feeca45837b2be85344', class: "modal__sidebar-content", onScroll: this.determineSidebarScrollStatus, ref: (el) => (this.sidebarScrollContainer = el) }, index.h("slot", { key: '0e0736d776cc734b069771322990d76c5177a81a', name: "sidebar-content", onSlotchange: this.updateSidebarContentStatus })), index.h("div", { key: '61490943370cc3999663bf0738f123e5f2430d65', class: "modal__sidebar-footer", part: "modal__sidebar-footer" }, index.h("slot", { key: 'f5414dd38dd62020853f7f4e4b61c7409c8fab77', name: "sidebar-footer", onSlotchange: this.updateSidebarFooterStatus }))), index.h("div", { key: '9b162e027580d287ac8818504d7a639eb72d00ad', class: "modal__main-content" }, index.h("header", { key: 'feddf26c1499a749c24202053d3a1dd1abc07262', class: "modal__custom-header", part: "modal__custom-header" }, index.h("slot", { key: '442b8071777bff312984b4d4e0d4be5bdb52e31a', name: "custom-header", onSlotchange: this.updateCustomHeaderStatus })), (!this.hideLabel || !this.hideCloseButton) && (index.h("header", { key: 'ef6f48eb581aed54f67145bb2f650059148683f2', class: "modal__header" }, index.h("div", { key: '1a82c8a5db84225d8583fca93e11d3eb1a48933d', class: "modal__header-bar" }, !this.hideCloseButton && (index.h("swirl-button", { key: '573ecab84b95e18b724f22f1e3d4be07bc87c757', class: "modal__close-button", hideLabel: true, icon: this.variant === "default"
+            }) }, this.hasSidebarCloseButton && (index.h("swirl-button", { key: '958219c84fa9fb76bb313a8ae7306c04c2081141', hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick })), index.h("swirl-heading", { key: '5029fbc9ec38071b3cceadf762d4f9a4bca79f89', as: "h3", class: "modal__sidebar-heading", level: 5, text: this.sidebarLabel }))), index.h("div", { key: '6a78d9f4cbf78fd9067c467b2eaedb8033ceb80c', class: "modal__sidebar-content", onScroll: this.determineSidebarScrollStatus, ref: (el) => (this.sidebarScrollContainer = el) }, index.h("slot", { key: '98c0aa3d172dd358c18e01e06fb56f7406369ab5', name: "sidebar-content", onSlotchange: this.updateSidebarContentStatus })), index.h("div", { key: 'c9cd2106dbbc43585eb37739f92ed138f2a9a4c8', class: "modal__sidebar-footer", part: "modal__sidebar-footer" }, index.h("slot", { key: '117faedfaeba9a3f65b0216d118db382c072b515', name: "sidebar-footer", onSlotchange: this.updateSidebarFooterStatus }))), index.h("div", { key: '9ed8d737f2b0df661c60e4ab5f21abcb473393d1', class: "modal__main-content" }, index.h("header", { key: '2a75ad10d0b1fdbd103479421283ca897a31ca7f', class: "modal__custom-header", part: "modal__custom-header" }, index.h("slot", { key: 'dcfc1f9f7cd8a43c6e4f739d2c9928b31f54e619', name: "custom-header", onSlotchange: this.updateCustomHeaderStatus })), (!this.hideLabel || !this.hideCloseButton) && (index.h("header", { key: 'b8f84a945ef116f7c034a113588a24647d37a533', class: "modal__header" }, index.h("div", { key: '6ae207323ec6a95d6297d4323da52e7deedbb013', class: "modal__header-bar" }, !this.hideCloseButton && (index.h("swirl-button", { key: '988ff9f912e91936f66575d8f7cf2926de5d9e88', class: "modal__close-button", hideLabel: true, icon: this.variant === "default"
                 ? "<swirl-icon-close></swirl-icon-close>"
-                : "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick })), this.showFullscreenButton && (index.h("swirl-button", { key: '77086db1b4663f37e19ff783a98eebe982d117a9', class: "modal__fullscreen-button", hideLabel: true, icon: this.isFullscreen
+                : "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick })), this.showFullscreenButton && (index.h("swirl-button", { key: '8326448d58fd942f13bce0557e795b18308fff31', class: "modal__fullscreen-button", hideLabel: true, icon: this.isFullscreen
                 ? "<swirl-icon-close-fullscreen></swirl-icon-close-fullscreen>"
                 : "<swirl-icon-open-in-full></swirl-icon-open-in-full>", label: this.isFullscreen
                 ? this.fullscreenDisableButtonLabel
-                : this.fullscreenEnableButtonLabel, onClick: this.onFullscreenButtonClick })), !this.hideLabel && (index.h("swirl-heading", { key: 'dc2fee6730ecdd964ffbe79d24ccc59a786d91ad', as: "h2", class: "modal__heading", level: 3, text: this.label }))))), index.h("div", { key: '8ae2e3907478e72f4f773aaaf8dfbd397528d27b', class: "modal__content-container", style: {
+                : this.fullscreenEnableButtonLabel, onClick: this.onFullscreenButtonClick })), !this.hideLabel && (index.h("swirl-heading", { key: 'c9e6744c28e22563692a59e1740ae05713d70be2', as: "h2", class: "modal__heading", level: 3, text: this.label }))))), index.h("div", { key: 'fc52f730d9f1d3e102816950eb88e25db14493cd', class: "modal__content-container", style: {
                 gap: this.contentGap
                     ? `var(--s-space-${this.contentGap})`
                     : undefined,
-            } }, index.h("div", { key: '941194cb63d1f32fc2063466a831ffad615f845f', class: "modal__primary-content", style: {
+            } }, index.h("div", { key: '8e43ce46abb4b34dc397f7112a231c7966aea08e', class: "modal__primary-content", style: {
                 maxWidth: this.primaryContentMaxWidth,
                 flex: this.primaryContentFlex,
-            } }, index.h("div", { key: '773feb730c43ca67f407d90f48bc58b5175aff13', class: "modal__header-tools", part: "modal__header-tools" }, index.h("slot", { key: '8f95a5767d083632939aa6ae02db8be09a0a9bb1', name: "header-tools", onSlotchange: this.updateHeaderToolsStatus })), index.h("div", { key: '768ece3fca6441136f2ff8090f67c0471fa13897', class: "modal__content", onScroll: this.determineMainScrollStatus, part: "modal__content", ref: (el) => (this.scrollContainer = el) }, index.h("slot", { key: 'd24c44d86db9f9ad039b6192fe5747e274c6f375' }))), index.h("div", { key: '7ae5f8c64bd33f1f232dfb34ff44040b944a6a36', class: "modal__secondary-content", style: {
+            } }, index.h("div", { key: '6c2edf22d357070f729c68d21c16dca249c00c4c', class: "modal__header-tools", part: "modal__header-tools" }, index.h("slot", { key: '5454716327763ca55122f33b754dc61e148e2c6b', name: "header-tools", onSlotchange: this.updateHeaderToolsStatus })), index.h("div", { key: '919f588a43c0a116c618018a9e5597395205031e', class: "modal__content", onScroll: this.determineMainScrollStatus, part: "modal__content", ref: (el) => (this.scrollContainer = el) }, index.h("slot", { key: 'ca8b8b754546fa053a723fdbbf123892a420d70d' }))), index.h("div", { key: '1eae61228f912c7018e7fbceaed477ae729b4e9d', class: "modal__secondary-content", style: {
                 maxWidth: this.secondaryContentMaxWidth,
                 flex: this.secondaryContentFlex,
                 padding: Boolean(this.secondaryContentPadding)
@@ -333,7 +333,7 @@ const SwirlModal = class {
                 paddingInlineStart: Boolean(this.secondaryContentPaddingInlineStart)
                     ? `var(--s-space-${this.secondaryContentPaddingInlineStart})`
                     : undefined,
-            } }, index.h("slot", { key: '90cfaadf5de2504ee5dd53356ecbf67cfaa720aa', name: "secondary-content", onSlotchange: this.updateSecondaryContentStatus }))), index.h("div", { key: '4345a7200cfdb39e50ad89e9d88e2d54a2999a8c', class: "modal__custom-footer" }, index.h("slot", { key: '906e4d10753c47ff331185d6de4026a938b93c81', name: "custom-footer", onSlotchange: this.updateCustomFooterStatus })), showControls && (index.h("footer", { key: '06128b313761acbc3d6dddb0c6ea00210c324103', class: "modal__controls" }, index.h("swirl-button-group", { key: 'ddddbcea5a93be4a3cf00435ac6845f73f620e70', wrap: true }, this.secondaryActionLabel && (index.h("swirl-button", { key: 'db686c8c7988cdf5afa3f50cec1f02d4097b98af', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (index.h("swirl-button", { key: '9ceaae456f11973e85085eaf7f2563216cf06444', intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" }))))))))));
+            } }, index.h("slot", { key: '2d41e0356f2d94abcd58f9e664321e87ef31b722', name: "secondary-content", onSlotchange: this.updateSecondaryContentStatus }))), index.h("div", { key: '18341bbd4efb5c30e6abce995d413dfee8bec51b', class: "modal__custom-footer" }, index.h("slot", { key: '9e4f5f8ded7300f99c1d3a0223b8df51ac1b83e0', name: "custom-footer", onSlotchange: this.updateCustomFooterStatus })), showControls && (index.h("footer", { key: '6eca926668241390608224f6fce045e982228f65', class: "modal__controls" }, index.h("swirl-button-group", { key: 'f83d8d16f0611ee5626e82e4cc9101a60f480598', wrap: true }, this.secondaryActionLabel && (index.h("swirl-button", { key: '0bbe82f8f79ffce72cf6fec55e9052e84774cef8', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (index.h("swirl-button", { key: '33b0d007eb355ca975246ab0a6ce8efea7422335', 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

@@ -12,7 +12,7 @@ const SwirlOptionListSection = class {
         this.hasSeparator = false;
     }
     render() {
-        return (index.h(index.Host, { key: 'ff245b10c50934ca1f14bb195e016b70036028fb' }, this.hasSeparator && (index.h("swirl-separator", { key: '75b9df5b8bfc3248e7386da1c49b484e188570bc', spacing: this.separatorSpacing })), index.h("div", { key: 'faf8f8cce7103959e187bef1b80787e16ad1e3aa', "aria-labelledby": "label", class: "option-list-section", role: "group" }, index.h("span", { key: '7d54d2bab173f1fedc301265361379f9a06c9506', class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), index.h("swirl-stack", { key: '49aec89ebe0bb275b515dd2cce060f751e74cf3e', spacing: this.spacing, align: "stretch" }, index.h("slot", { key: 'e551aef8f367f5d9bf3a95a8421ec0c2c25e2b00' })))));
+        return (index.h(index.Host, { key: '35f3210559d1d467d7a69f39636811338bd8fb39' }, this.hasSeparator && (index.h("swirl-separator", { key: '24686e537d032d528f114451bb7dda0c0194cc6e', spacing: this.separatorSpacing })), index.h("div", { key: 'e884e8770caf2a19934f9ed46b1c18e41d41836f', "aria-labelledby": "label", class: "option-list-section", role: "group" }, index.h("span", { key: '453e34975c03c7c390a2a8554095e3f8f91fb8bc', class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), index.h("swirl-stack", { key: '66f9e4cf33213e291c8812c2b9e987fb1f536298', spacing: this.spacing, align: "stretch" }, index.h("slot", { key: 'a19894a4535903b1ce62020b893d1d5b290df6d7' })))));
     }
 };
 SwirlOptionListSection.style = swirlOptionListSectionCss();

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

@@ -451,7 +451,7 @@ const SwirlOptionList = class {
         const ariaMultiselectable = this.multiSelect ? "true" : undefined;
         const tabIndex = Boolean(this.dragging) ? 0 : undefined;
         const showSelectAll = this.multiSelect && this.showSelectAll;
-        return (index.h(index.Host, { key: 'a90ffb15c9765c68c0f8b2101f0afd498af6614c' }, index.h("swirl-visually-hidden", { key: 'c0a382497f646e767f3d910acf4f125742181b6f', role: "alert" }, this.assistiveText), index.h("div", { key: '031b5ce9cc9d91b8a7b6ae33b757bced8a6abcc6', "aria-label": this.label, "aria-multiselectable": ariaMultiselectable, class: "option-list", id: this.optionListId, onClick: this.onClick, onKeyDown: this.onKeyDown, ref: (el) => (this.listboxEl = el), role: "listbox", tabIndex: tabIndex }, showSelectAll && (index.h("swirl-option-list-item", { key: '0966844e657d21912ed3d5381dd230e6578e8bb2', ref: (el) => (this.selectAllEl = el), label: this.selectAllLabel, disabled: this.disabled, context: "multi-select", selected: this.selectAllState === true, indeterminate: this.selectAllState === "indeterminate", value: this.selectAllValue })), index.h("slot", { key: '37dee6b9759c343805e62a8d465a16c607d242d2', onSlotchange: this.setSectionSeparator }))));
+        return (index.h(index.Host, { key: 'e0ea80491a50a70572c909f0c74452b5dc7af615' }, index.h("swirl-visually-hidden", { key: 'd2f301bc25620143d44f0731550c718cac9eaa06', role: "alert" }, this.assistiveText), index.h("div", { key: '40daab178c452c0e30577d1c5d5333075f8b2b74', "aria-label": this.label, "aria-multiselectable": ariaMultiselectable, class: "option-list", id: this.optionListId, onClick: this.onClick, onKeyDown: this.onKeyDown, ref: (el) => (this.listboxEl = el), role: "listbox", tabIndex: tabIndex }, showSelectAll && (index.h("swirl-option-list-item", { key: 'c6d7350616a58eb36a8537824b325377645622d4', ref: (el) => (this.selectAllEl = el), label: this.selectAllLabel, disabled: this.disabled, context: "multi-select", selected: this.selectAllState === true, indeterminate: this.selectAllState === "indeterminate", value: this.selectAllValue })), index.h("slot", { key: '8388cc14123c840116b14390803c93c1a9f3766c', onSlotchange: this.setSectionSeparator }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -85,7 +85,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: '73ecb671ba3285cdbbdb0f92fdd07790c4c36031' }, index.h("nav", { key: 'f102c6c1ae9593a31b01766f26d96d1616938dc3', "aria-label": this.label, class: className }, index.h("ul", { key: 'e9de35f791326e02ebd7fd09520b4f55a28e1866', class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (index.h("li", { key: 'a1b22b92b9f5f0e899e36cd5f2d2a409bc77cef8', class: "pagination__list-item" }, index.h("label", { key: '404061278eac3773c4a0f12b4dd6ca4d70c74dbd', class: "pagination__page-size-selection" }, index.h("swirl-text", { key: 'e883c47ed0776a1caefe21bc9e5ace0b3b4fa7ca', whiteSpace: "inherit" }, this.pageSizeSelectLabel), index.h("swirl-stack", { key: '563baf61e59d15e5cf5e960c53583a218d0d3ddf', align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, index.h("select", { key: '6c14975df2d588defbeb593abdfabe367b747baf', 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: 'cb0512611b14f41806b05154e7ee979ec2f7944a', "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), index.h("li", { key: 'a4f00206b1b86bd47c9cf95f03838146de8c5085', class: "pagination__list-item" }, index.h("swirl-button", { key: '1a6767b53be2af3e828aa849ee461da2fe65d510', class: "pagination__first-page-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-double-arrow-left></swirl-icon-double-arrow-left>", intent: "primary", label: this.firstPageButtonLabel, onClick: this.onFirstPageButtonClick })), index.h("li", { key: '2c5d1de6c981bce5f64b40aa9cbb74ed531e60d1', class: "pagination__list-item" }, index.h("swirl-button", { key: '745b7b0708cd4f414aab25ca95f2d1ccfd97d0b1', class: "pagination__prev-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", intent: "primary", label: this.prevButtonLabel, onClick: this.onPrevButtonClick })), showPageLabel ? (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: '532a7464e2794f2627d6976483aa71b50d3289e4', class: "pagination__list-item" }, index.h("swirl-button", { key: 'acfd3fef15609ce0e34cb200fbf4e524415c20ab', class: "pagination__next-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-chevron-right></swirl-icon-chevron-right>", iconPosition: "end", intent: "primary", label: this.nextButtonLabel, onClick: this.onNextButtonClick })), index.h("li", { key: 'd256db4cda2b4b9a3a6ac605be3ca50d121a511e', class: "pagination__list-item" }, index.h("swirl-button", { key: 'd3843562a196a24935f8bddefd41b52ad97dd3d7', class: "pagination__last-page-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", intent: "primary", label: this.lastPageButtonLabel, onClick: this.onLastPageButtonClick }))))));
+        return (index.h(index.Host, { key: '0c3002d635d17cf9bbdbfa8a21c86d3a0030fb61' }, index.h("nav", { key: '4c232714ee4cb389c2090d538701181a14df586a', "aria-label": this.label, class: className }, index.h("ul", { key: '2d368471fc24b430fc97708fac6d4b7d7e6de287', class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (index.h("li", { key: '04e4aa82282b1418f44f1ae4441488f4cecebda2', class: "pagination__list-item" }, index.h("label", { key: 'b4acd800643fa2e7d7c2027f799e0d8e19e42955', class: "pagination__page-size-selection" }, index.h("swirl-text", { key: '48252e9ceb835ce2014b8eccfd972447c9cd8f87', whiteSpace: "inherit" }, this.pageSizeSelectLabel), index.h("swirl-stack", { key: '03099ed65b13c8f6fda910258b1508bef1a4ccf1', align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, index.h("select", { key: 'd74235ef14e3986a2571efcf34015fb45d97b262', 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: '3199a1adb6012b3a7e31aa317778175e043c5dac', "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), index.h("li", { key: '0915873217895f40efa5565bd4e18fc6cfb4643c', class: "pagination__list-item" }, index.h("swirl-button", { key: 'e6eecd0dca69c54fad82a603f80b974c2834bf3e', class: "pagination__first-page-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-double-arrow-left></swirl-icon-double-arrow-left>", intent: "primary", label: this.firstPageButtonLabel, onClick: this.onFirstPageButtonClick })), index.h("li", { key: 'f52e9585b2d5d0dc53125b38cf0ee1cc53bca10a', class: "pagination__list-item" }, index.h("swirl-button", { key: '8c0cf80e969db835a2f2c7400022651b8a9b7417', class: "pagination__prev-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", intent: "primary", label: this.prevButtonLabel, onClick: this.onPrevButtonClick })), showPageLabel ? (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: 'ac48fb28ab06210a676e97ffaf8e43715b118e7d', class: "pagination__list-item" }, index.h("swirl-button", { key: 'e4a0a2a86926f7fcc25077e92cecd5834cfcaa6d', class: "pagination__next-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-chevron-right></swirl-icon-chevron-right>", iconPosition: "end", intent: "primary", label: this.nextButtonLabel, onClick: this.onNextButtonClick })), index.h("li", { key: 'dcab3b2f676ed4606a49a62bd8591cdb5bf5b011', class: "pagination__list-item" }, index.h("swirl-button", { key: 'fb4631e81cb452d1318f9e4088873a791e763b22', class: "pagination__last-page-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", intent: "primary", label: this.lastPageButtonLabel, onClick: this.onLastPageButtonClick }))))));
     }
 };
 SwirlPagination.style = swirlPaginationCss();

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

@@ -200,15 +200,15 @@ const SwirlPdfReader = class {
             "pdf-reader--hide-menu": !hasMenuItems,
             "pdf-reader--show-thumbnails": this.showThumbnails,
         });
-        return (index.h(index.Host, { key: 'df236a96d8b1bed447508a19177f4acc282d108d' }, index.h("dialog", { key: '4381fe70a9fc129998c5303c8aae0619bcc35444', "aria-label": this.label, class: className, id: "pdf-reader", onClose: this.onClose, onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, index.h("div", { key: 'ff849feb9e28d36bb10c8dc37b0e86285b9616dd', class: "pdf-reader__body", role: "document" }, index.h("header", { key: 'f7dc3f3ba995f42466a4cd11a0a6371ef854bc94', class: "pdf-reader__header" }, index.h("span", { key: '9f1690906ba259346bacd4d61a8692235e599c7d', class: "pdf-reader__header-left" }, index.h("swirl-button", { key: '359dd5e100f9f864fa81f977f3c549d3c73446cd', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), index.h("span", { key: 'eace7d847ba284e914ccedc3e569c0701a62b906', class: "pdf-reader__label" }, this.label)), index.h("span", { key: 'd4b4ea58c5b25c708aeef87d8d5253f995000a7d', class: "pdf-reader__header-center" }, index.h("span", { key: 'd740cb071924b66ec06aac2c571c4476c201bb01', class: "pdf-reader__zoom-button-container" }, index.h("swirl-button", { key: '72944dc5c7b292033e8232c07b81756c52f1c0cc', 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: '23f285285d0618e042405c0d80c48b03103cd046', 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: '657f6f202547db7482f0bb4810911b104b8179a5', class: "pdf-reader__zoom-select-container" }, index.h("select", { key: '8c6eeb664c3afd0ecd2f08f6c542e05087ee4d37', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, index.h("option", { key: 'e8ea261b4799511fe7f7bdc3e1077e414ec17b06', 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: '26ae613e1c71b12ee3a1c26962d48847922cbc0c', class: "pdf-reader__zoom-select-icon" }))), index.h("span", { key: '1603f21bff40719657fbeec87ed26bcced2f78bd', class: "pdf-reader__header-right" }, index.h("swirl-popover-trigger", { key: 'a13b40dc093fcdf029d079e0e49e5d86fe09ce31', swirlPopover: this.menu }, index.h("swirl-button", { key: '70aba8e01d556d2d449ab8c86046c7e69a318f40', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), index.h("span", { key: 'bb1ef6f1266ef4c48d82805e50975e5eede7ecad', class: "pdf-reader__floating-tools" }, index.h("button", { key: '78007a00cff0bea00ae9bab3bdfc342dd779919e', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, index.h("swirl-icon-menu-book", { key: '740d8b3460775d30513a6e9131e44a6e4ada6c86' })), index.h("button", { key: '2b5f6b5b9e9b66387f73b2b0e704d490bb1f3152', "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: 'a9cf1d49e0f797320ccfdff515fbb9f2f9363042' })))), index.h("div", { key: 'b5171b0a7504bafc9d076d63e18640f0e765d138', class: "pdf-reader__content" }, index.h("nav", { key: '7a88c32896d85e9bb279f5da335901830d542a2b', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && index.h("swirl-spinner", { key: '03c5eeb79a3e61e54e1fda6325dae7c60358a18a' }), !this.loadingThumbnails &&
+        return (index.h(index.Host, { key: '4c20781cd3fab75570c17f5f364b65641ed4bd87' }, index.h("dialog", { key: '5926f8bef32559f97838b560023f1a2bee491140', "aria-label": this.label, class: className, id: "pdf-reader", onClose: this.onClose, onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, index.h("div", { key: 'f3fab098c8383cf647c0d2be8cf99d5f212591c5', class: "pdf-reader__body", role: "document" }, index.h("header", { key: '11912b595f36d40c200feaefebed878a48a3c66b', class: "pdf-reader__header" }, index.h("span", { key: '9d9a7d00239219d53c5c3e1b026286b9f81980cf', class: "pdf-reader__header-left" }, index.h("swirl-button", { key: '6a9711943a6699dabd5d619325bbeb7a0aea1b75', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), index.h("span", { key: '7f32b110ef9591de71f966d915c0b1e275ea93be', class: "pdf-reader__label" }, this.label)), index.h("span", { key: 'bcdf604e8cf97fdec76abe84f6158a634a76a925', class: "pdf-reader__header-center" }, index.h("span", { key: '4552edc3b4ad94dc4536ec64dc99662bab16b4f9', class: "pdf-reader__zoom-button-container" }, index.h("swirl-button", { key: '359271b6392779fcfd10333578b8af921935eab3', 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: 'a9b328a308c822d12de59017b691107ca6c0bebd', 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: '5c6ed96145c5195d3470dfce43fb03e3109579bc', class: "pdf-reader__zoom-select-container" }, index.h("select", { key: '0c6ff6c992debe35400cecbd89d02699d82d7224', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, index.h("option", { key: '33cb3df4ea4a151912ad6a0118a49529ea563a5f', 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: '18df516d1a0908ab34a8b92c5106121fb89aa551', class: "pdf-reader__zoom-select-icon" }))), index.h("span", { key: '2270430a4f2c84f5deca4b6432bd5869ae0f804a', class: "pdf-reader__header-right" }, index.h("swirl-popover-trigger", { key: '234cde9ebd9ad0e83cab4d9679917d48a4c39b95', swirlPopover: this.menu }, index.h("swirl-button", { key: '685109ee0512119fa9fe856396321fb70b32b6fa', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), index.h("span", { key: '142091dcd600b58141ac5940e4a92f4cc3cf5dbf', class: "pdf-reader__floating-tools" }, index.h("button", { key: '739edbff10ecdc3c2f1cda210d5b02e450bf7f19', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, index.h("swirl-icon-menu-book", { key: 'bd4df51b8c498088e4e2056d3fc9d773d334040c' })), index.h("button", { key: 'bf662f3ef930e752d08e85bdbde7c9d166618f04', "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: '3eda8d2d8fd00f02b0ca008539e176ffb3fa746c' })))), index.h("div", { key: '13b8fea94412f8b31bee8c5332f82a1f494a8d26', class: "pdf-reader__content" }, index.h("nav", { key: 'c581271ba908853758eacf7d1b3469223afc8929', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && index.h("swirl-spinner", { key: 'e327e7e9c246dfd4f54d449cea80541011744da0' }), !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: 'b8724b2d3bdd8c470388a435fc832896b8b7b779', active: this.active, class: "pdf-reader__viewer", disablePrint: !this.printButtonEnabled, file: this.file, fileName: this.fileName, onActivate: this.onActivate, onVisiblePagesChange: this.onVisiblePagesChange, pdfWorkerSrc: this.pdfWorkerSrc, ref: (el) => (this.viewer = el), type: "application/pdf", viewMode: this.viewMode, zoom: this.zoom, skipNativeDownload: this.skipNativeDownload }), index.h("div", { key: '89d8aebf6122d1eaa02c13080cb1932e31e23dc2', class: "pdf-reader__mobile-zoom-controls" }, index.h("button", { key: 'ad707414553a1c7b9d81c0ad815cd3df5c69e5c0', "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: 'e90248512071b5ea4411a154f32b49880c3b4969', "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: '0bccbeeab43e9622876c3e21f237d6801049eb2e' })), index.h("button", { key: '3e784a60f9576a6d7e946c24fe7ba94e033a329b', "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: '7460724f2377e1f2b0f093e0357daeeeeac45646' }))))), index.h("swirl-popover", { key: '9188d9917fb65d3c507acdfee4231c1a36da65a6', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, index.h("swirl-stack", { key: '81a5bb0f10527babbced69c2a9f4628e3067c240' }, index.h("div", { key: '32ab5cf83ad59405737fe2084a10c9832cdb6bbc', class: "pdf-reader__meta" }, index.h("div", { key: '8aa054288d031d698b7ba07b67709ffcde321026', class: "pdf-reader__file-icon" }, index.h("svg", { key: 'a4f75213169094f2e10b79f56661b384e6e1be88', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, index.h("path", { key: '049167e965ec649b63c9cf32434775b10e9880f6', 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: 'a5d52fb24eb61373039525ef084c5a4800aef716', 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: '593b8a5a17bcd63ac2a7fd1f4b755d761e03eafe', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), index.h("path", { key: '1d98b763f89ce2101b521b401aaf583d90d150c3', 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: '75fc68d079e3daa2d8f6ef900039fa6b7d2439fd', 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: '37f4ac3842548193f96294e62f1cad4acc1838d7', 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: 'eb530f122cc39f8cd82a92f49fb4e8aaf1221f05', 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: 'f6a831a486216c419dc8cd246ff5d2f30cb0e1bd', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), index.h("div", { key: '8cc635e45dcb12c7daa6f4a05463141328e908f3', class: "pdf-reader__file-info" }, index.h("swirl-text", { key: '1022cce807b05adeb0fedb53d9325f6dc6525828', truncate: true, weight: "semibold" }, this.label), index.h("swirl-text", { key: 'b89b06d4a23cdd711c831adad1d3f264d43d8d9c', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && index.h("swirl-separator", { key: '65863974739a0ff6939224f4a65bd6d0cc0d8d7f' }), index.h("swirl-action-list", { key: '9e01e2145dac1ab6f91409f4a1e39a8922f7c55f', class: "pdf-reader__menu" }, this.printButtonEnabled && (index.h("swirl-action-list-item", { key: '30d9ee00998274ec18d8462bacd7d613b05312ae', 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: '288a96bf2535f116acb7479961239aa5a85fce01', class: "pdf-reader__download-button", disabled: this.downloading, icon: !this.downloading
+            })), index.h("swirl-file-viewer", { key: 'ce28a976a9e2b5961e81ebba75c75dcf8afbc696', active: this.active, class: "pdf-reader__viewer", disablePrint: !this.printButtonEnabled, file: this.file, fileName: this.fileName, onActivate: this.onActivate, onVisiblePagesChange: this.onVisiblePagesChange, pdfWorkerSrc: this.pdfWorkerSrc, ref: (el) => (this.viewer = el), type: "application/pdf", viewMode: this.viewMode, zoom: this.zoom, skipNativeDownload: this.skipNativeDownload }), index.h("div", { key: '6ffa76e97598cf46a1530d3838e886ed2c5417a3', class: "pdf-reader__mobile-zoom-controls" }, index.h("button", { key: 'bd21c4f678b56f98a8618990d99ea036c2464e11', "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: 'f0c4b8a0366d88069a21e3b9fcb0774a1f433b01', "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: 'a8478673947ee56abd9934456a7a89b55e804f2e' })), index.h("button", { key: 'ddd5dcbdd7cdd1c3127a1e90fb64653b574e954b', "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: 'cdf17f91e692be9ee2f4df4363a701839595cdc9' }))))), index.h("swirl-popover", { key: '67b575b1518aa4c40a38636b6f81f4d9204f8476', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, index.h("swirl-stack", { key: 'd35ab0c1b75e51f9a277ca334251704ae4d8d63b' }, index.h("div", { key: '5b121254aeeefef7a22600d8b215a6a7a2a227ac', class: "pdf-reader__meta" }, index.h("div", { key: '95e24cfa2b6666d2ca9f7d531c5e0f098c3d16e1', class: "pdf-reader__file-icon" }, index.h("svg", { key: 'adb77e1365cb68112bfcbd86aeef732131c2f876', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, index.h("path", { key: '478c739a15d1c7e2c57920062f3f2d9d1db14cd5', 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: 'c493fb6e455a69717b7f323955515431a19efac7', 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: 'dcfc4a315e999f4f9bb03d1ee77955c7ab5baa5a', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), index.h("path", { key: 'b1c48147b4fa2f2daf2a832bf48e5903d2e4b1e8', 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: 'ab9e1b4c3f4ccb7ed28b3e2c35e37219fe00df67', 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: '01d6777ad0ba8f0c6aa9d71bb2da99ddd740118f', 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: '0e50132bdd5130a93b7036ee75e9c2dc812496d8', 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: '446913cdd34d14d4496cf906b0e1effcaf3300c4', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), index.h("div", { key: '8b7a0ccf00413ee10261cb148a30db070211ef21', class: "pdf-reader__file-info" }, index.h("swirl-text", { key: '0f61c5a25f0465abcecd58af639d7b8916920c53', truncate: true, weight: "semibold" }, this.label), index.h("swirl-text", { key: '39b036cb3863a1947f9196ce26958253e18e3689', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && index.h("swirl-separator", { key: '8c87559c3d10eac80b207a343ecb76a2ead7b147' }), index.h("swirl-action-list", { key: 'f6b4db83f3922cd7747826624d8c3f4837134fb8', class: "pdf-reader__menu" }, this.printButtonEnabled && (index.h("swirl-action-list-item", { key: '0dc8f3346a722653b2311c2e1fd802bbd6066a35', 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: 'ed970879afd009a8f77c14e49c62034a4326b5cd', 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: '408a1a7c68046ff263e6e2731e2edbc00206dceb', name: "menu-items" })))))));
+                : '<swirl-spinner size="xs"></swirl-spinner>', label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), index.h("slot", { key: 'b63b73bd92b22f2eda8276a03f6a542b178861cb', name: "menu-items" })))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -324,16 +324,16 @@ const SwirlPopover = class {
             "popover--transparent": this.transparent,
             "popover--padded": this.padded,
         });
-        return (index.h(index.Host, { key: 'd966f9fd6e1ece3baea7e93ffa4db905471a96ad' }, index.h("div", { key: 'f27ac96f6d01ac88153419191c66a7c8cdeab400', popover: "manual", class: className, onKeyDown: this.onKeydown, ref: (el) => (this.popoverEl = el) }, index.h("div", { key: '3863fa7c4f56813174ce0a3605b48a8a64b091b5', "aria-hidden": !this.active ? "true" : "false", "aria-label": this.label, class: "popover__content", id: this.popoverId, part: "popover__content", role: "dialog", ref: (el) => (this.contentContainer = el), style: {
+        return (index.h(index.Host, { key: 'bc352b19239f009e422a00653f7101c98fa4efbe' }, index.h("div", { key: 'f60540b1208dc0db15670d5400d7821af8c604bd', popover: "manual", class: className, onKeyDown: this.onKeydown, ref: (el) => (this.popoverEl = el) }, index.h("div", { key: 'bb48aa9bc296ff853cc20486947e806e7918e9a7', "aria-hidden": !this.active ? "true" : "false", "aria-label": this.label, class: "popover__content", id: this.popoverId, part: "popover__content", role: "dialog", ref: (el) => (this.contentContainer = el), style: {
                 top: Boolean(this.position) ? `${this.position?.y}px` : "",
                 left: Boolean(this.position) ? `${this.position?.x}px` : "",
                 opacity: this.active && !this.position && !mobile ? "0" : undefined,
                 "--swirl-popover-border-radius": borderRadius,
-            }, tabindex: "-1" }, index.h("span", { key: 'a4aa963a233ad9ff72f900f5068b54c0b1a601ba', class: "popover__handle" }), index.h("div", { key: 'f29e897fa61b1ab24b301cde397daf8c5873a14d', class: "popover__scroll-container", part: "popover__scroll-container", ref: (el) => (this.scrollContainer = el), style: {
+            }, tabindex: "-1" }, index.h("span", { key: 'd9a3273cefe997ca3fa474aa5d877d7f8a2cdac4', class: "popover__handle" }), index.h("div", { key: '2f7ad855b98f6ecd3e78ed752a3c9c3666a794aa', 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: 'd1f6bb8e5e8d26083245d6971e62ea18ed498632' }))), this.active && (index.h("div", { key: '7e721d950c5d169c516f7e19e16b2da428b4aa81', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
+            } }, index.h("slot", { key: '52ce9c73e730f1014d7fed1f1f3014b9273e147e' }))), this.active && (index.h("div", { key: 'f12355fab1c1271f921a58e4549442ac9b5b03a7', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
     }
     get el() { return index.getElement(this); }
 };
@@ -525,7 +525,7 @@ const SwirlPopoverTrigger = class {
         return isActive;
     }
     render() {
-        return (index.h(index.Host, { key: '0b33e05299f463ea9cbedafe5a339e139bc885c9', onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, index.h("slot", { key: 'b5f8cf9b096da9fe9d9aa88d034423fe6c778ff2' })));
+        return (index.h(index.Host, { key: 'ce7f2f51c45c9253a77d67b6a946a73aa92e7235', onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, index.h("slot", { key: 'cd26f5bf49b123c38bac1ff37d531222f78245f1' })));
     }
     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, strokeWidth } = circleSizeConfig[this.size];
         const circumference = Math.round(radius * 2 * Math.PI);
         const dashOffset = Math.round(circumference * ((100 - this.value) / 100));
-        return (index.h(index.Host, { key: 'ad727a1e14301972d7da8f93ea1e56130ba1a74a', class: this.variant }, this.variant === "bar" && (index.h("progress", { key: '018e049e46653f9b036e112cc1f68afc72f51521', "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: 'c493100a3b9bea0a2b322bab40dcd047dc3df151', role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className }, index.h("svg", { key: '9920db6a32b1f0aad63a8d172219301b1d628935', class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(radius + strokeWidth) * 2} ${(radius + strokeWidth) * 2}` }, index.h("circle", { key: '6babf1c8aa02a9d6d4cdbfe5a3bce4f996c440f3', class: "progress-indicator__circle-background", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth }), index.h("circle", { key: '60c0ee8e78623f088fa296b97a3d3be5eba42298', 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: 'ccfe97a845f82acf62821276847164e4a9c81eef', class: this.variant }, this.variant === "bar" && (index.h("progress", { key: '17f6e8d52c8aa845813b8d8f52ef53d8ed0185c2', "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: 'fe852aea4a7b2dfa961bc18ef7384768c4942f86', role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className }, index.h("svg", { key: '01d6d38322eb43c7b1c6d2a9a054cd77aa47b714', class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(radius + strokeWidth) * 2} ${(radius + strokeWidth) * 2}` }, index.h("circle", { key: 'cf9d71ae2fb47ce4455a33c339561fcbe0e72af1', class: "progress-indicator__circle-background", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth }), index.h("circle", { key: '5800bc891476aa8d6b1c445eb99ed915361498b3', 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 = swirlProgressIndicatorCss();

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

@@ -58,7 +58,7 @@ const SwirlRadioGroup = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: 'a74c61935a1f4d5e9033a62ae284f80422a49653', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, index.h("div", { key: '06a949a6419e90a1d066b1a424c2544fac44e100', class: "radio-group" }, index.h("slot", { key: 'be1741624a13f14828a76c5a90deeecb7e8384e8' }))));
+        return (index.h(index.Host, { key: '753968ba2fa05fe79df7e86d9bc5645e6e99e0b5', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, index.h("div", { key: '70bfc932b8b452479673aa654fc1aff5192eed82', class: "radio-group" }, index.h("slot", { key: 'c655d04a205930488809fbb77e1f534df653b0e9' }))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -37,7 +37,7 @@ const SwirlRadio = class {
             "radio--invalid": this.invalid,
             "radio--unchecked": unchecked,
         });
-        return (index.h(index.Host, { key: 'ba03347710704c4b7e499251fcd4a9df191d101e', style: { width: this.variant === "card" ? "100%" : undefined } }, index.h("label", { key: 'b051bf05d1698ad0413ba29a8d04292fb31490ad', class: className, htmlFor: this.inputId }, index.h("span", { key: 'd239df6b6803ed81bc5bc1db9a7f294da974a614', class: "radio__control" }, index.h("swirl-visually-hidden", { key: '6141bdb2dde5afe236634bdec8de51a3076a954b' }, index.h("input", { key: '08b791480fb67b7c06e34a22ad89cbddc6a02297', "aria-checked": ariaCheckedLabel, "aria-invalid": ariaInvalid, checked: checked, class: "radio__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, type: "radio", value: this.value })), index.h("span", { key: 'c0683f4e514afe287ac9e225c2e5297ba1e3753d', "aria-hidden": "true", class: "radio__box" })), index.h("span", { key: '86051aac88e4375c3622e5a600ff8a57ec154889', class: "radio__label-container" }, this.label && (index.h("span", { key: 'a130c01085aa73419c30e5d2e315a15957d35f5c', class: "radio__label" }, this.label, this.tooltip && (index.h("swirl-tooltip", { key: 'd048616c7e231f763008eec487a86afe52e8c669', content: this.tooltip, position: "top" }, index.h("swirl-icon-help", { key: '1a3059195141f32917064c8212008fcb652978a3', color: "default", size: 20, tabIndex: 0 }))))), this.description && (index.h("span", { key: 'b9e85579b000dec098650230272735d4b87bb784', class: "radio__description", innerHTML: this.description }))))));
+        return (index.h(index.Host, { key: '247df3246b492dc6c93e13e02b2d5879fbf2e99f', style: { width: this.variant === "card" ? "100%" : undefined } }, index.h("label", { key: 'b26291cbbaa6d709ca315c0fd2da7d36a23f9d44', class: className, htmlFor: this.inputId }, index.h("span", { key: '32f6f44c2ff0d595390609b847c55910aacb321f', class: "radio__control" }, index.h("swirl-visually-hidden", { key: '02930c8bf94e3fd6c1482c854ef903a1d570fdc1' }, index.h("input", { key: 'c389342ec25a0f2edca238cc6d8304f79d6abb07', "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: '2516ce0491db27f4d3e2cc5e2368a586cf262a9f', "aria-hidden": "true", class: "radio__box" })), index.h("span", { key: 'cf1d8ab12f45b6aaa8ab202dec2649c7a4883d37', class: "radio__label-container" }, this.label && (index.h("span", { key: 'e3b085a04ee720a4b06c978a505070644814d826', class: "radio__label" }, this.label, this.tooltip && (index.h("swirl-tooltip", { key: '97e2c9d55a6e766555357b5a84ff49c65237a45d', content: this.tooltip, position: "top" }, index.h("swirl-icon-help", { key: '885c98fe0ae800f08a5ec2cb85dde5abbf93cbdd', color: "default", size: 20, tabIndex: 0 }))))), this.description && (index.h("span", { key: '94217888f19f3d10aa15290f73803894cb5e44be', class: "radio__description", innerHTML: this.description }))))));
     }
 };
 SwirlRadio.style = swirlRadioCss();

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

@@ -40,7 +40,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: 'ec300878ccb3832675199c72f7333ebaeac39dd0', role: hostRole }, index.h("div", { key: '0fab95e0d03a2324053ea18196e69cc7bfa5385a', class: className, part: "resource-list-file-item", role: containerRole }, index.h("span", { key: 'ee0ff671f1720b45c985de72d5115732e6e08f4f', class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }), index.h("span", { key: '9798cc59e3f8c590deb00d874b0b9e16018d694f', class: "resource-list-file-item__label-container" }, index.h("span", { key: 'e4e5c3a2514fbcb923e5459fb37a551a22e6ef28', class: "resource-list-file-item__label", id: "label" }, this.label), showDescription && (index.h("span", { key: '119034a57bcc5a6da90d50fa44ad03df8b2a5886', class: "resource-list-file-item__description" }, this.description)), showError && (index.h("span", { key: 'e2776c98cf30c3994b4630a1d64054a530105a8c', "aria-live": "polite", class: "resource-list-file-item__error-message" }, index.h("swirl-inline-error", { key: '33b8e0838e2a8550c274d5c75b1baaa825a7ab01', message: this.errorMessage, size: "s" })))), showSpinner && (index.h("span", { key: '495912e6e32579f213627764bd834e257e7066b8', class: "resource-list-file-item__spinner" }, index.h("swirl-spinner", { key: '6c6ded71a21ca74c42c2863e3935349362486b20', size: "s" }))), showRemoveButton && (index.h("span", { key: '5346c3364ff5d41ca4dac3c08396c007f718a11e', class: "resource-list-file-item__remove-button" }, index.h("swirl-button", { key: 'e0217f5a577643069f8d515c6b914371e3d23a0f', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))))));
+        return (index.h(index.Host, { key: 'f3cab0525edee6b50d37e5e04786407caa1486a1', role: hostRole }, index.h("div", { key: 'd896f7185c4d7168113d1154351ee0c4bb97932b', class: className, part: "resource-list-file-item", role: containerRole }, index.h("span", { key: 'ccd0bb995210ac2f8c78dd67999cbb8aca1eab4f', class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }), index.h("span", { key: 'c848564c0a455c081286d90c00fb1ff1231ce5a0', class: "resource-list-file-item__label-container" }, index.h("span", { key: '8b0496a4d67eee389f43b2f09407b35e96623730', class: "resource-list-file-item__label", id: "label" }, this.label), showDescription && (index.h("span", { key: '3167345ee4497e1dd246b2e80b9854e88ec516f9', class: "resource-list-file-item__description" }, this.description)), showError && (index.h("span", { key: '99fccc29ab96c1fa2aecca0431e85920b89a0ca1', "aria-live": "polite", class: "resource-list-file-item__error-message" }, index.h("swirl-inline-error", { key: 'fd9ba54a8bfaf04a2df69366f813a1e9c400dd68', message: this.errorMessage, size: "s" })))), showSpinner && (index.h("span", { key: '5ac25d3bdcbcdd6af9d04b257b601313edcaf1ff', class: "resource-list-file-item__spinner" }, index.h("swirl-spinner", { key: 'f26b801dba530a03f162613691b932bc6b200cf4', size: "s" }))), showRemoveButton && (index.h("span", { key: '9d47253cbc9c7679579d1411a05309d305b0d8bc', class: "resource-list-file-item__remove-button" }, index.h("swirl-button", { key: 'afa46da68b856b850bdc8dce81b772222c80ca35', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -138,7 +138,7 @@ const SwirlResourceListItem = class {
         const labelContainerStyles = {
             minHeight: this.labelMinHeight ?? undefined,
         };
-        const renderLabel = () => (index.h("span", { key: '569341f944ebfe85cc2986d19b44abd49c97a379', class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : undefined, style: {
+        const renderLabel = () => (index.h("span", { key: '537dd934195837b1f62852e91bc8d3e60fd7163a', class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : undefined, style: {
                 "-webkit-line-clamp": !!this.labelWrapMaxLines
                     ? String(this.labelWrapMaxLines)
                     : undefined,
@@ -161,7 +161,7 @@ const SwirlResourceListItem = class {
             "resource-list-item--wrap-label": this.labelWrap,
             "resource-list-item--wrap-label-max-lines": this.labelWrapMaxLines,
         });
-        return (index.h(index.Host, { key: 'bd01a0680a7bd5ee2bbf916fe206776994bf5856', role: hostRole }, index.h("div", { key: '3e5cc404a376ef9f972169441e5d7cd498265c2e', class: className, role: containerRole, onClick: this.onClick }, index.h(Tag, { key: 'b173f0278a944244e908686424d413fd1f982146', "aria-checked": ariaChecked, "aria-current": this.swirlAriaCurrent, "aria-disabled": disabled ? "true" : undefined, "aria-label": ariaLabel, "aria-labelledby": Boolean(this.swirlAriaLabel) ? undefined : this.elementId, class: "resource-list-item__content", style: { alignItems: this.alignItems }, href: href, rel: isLink ? this.rel : undefined, target: isLink ? this.target : undefined, disabled: disabled, onBlur: this.onBlur, onFocus: this.onFocus, part: "resource-list-item__content", role: role, tabIndex: 0, type: Tag === "button" ? "button" : undefined }, this.hasMedia && (index.h("span", { key: '9eff9e9211175a0fa3583b1198889ebc575ca329', class: "resource-list-item__media" }, index.h("slot", { key: '03648a73a9465fe76ced6fff0f053020911e0ff1', name: "media" }))), index.h("span", { key: '88e17052070f13bfbffcf0bc7fbb71f8589179df', class: "resource-list-item__label-container", style: labelContainerStyles }, this.labelTooltip ? (index.h("swirl-tooltip", { content: this.labelTooltip, position: this.labelTooltipPosition }, renderLabel())) : (renderLabel()), this.description && (index.h("span", { key: '9edf1c17a8e6bfc6dff26a35b6a02c9132e27eb1', class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : undefined }, !this.allowHtml && this.description)))), this.selectable && (index.h("span", { key: '0315322caa261121678ee67f43248f137e046b8d', "aria-hidden": "true", class: "resource-list-item__checkbox" }, index.h("span", { key: 'c420650ba9b1d5661914ee8f64b55c00cfe4bafd', class: "resource-list-item__checkbox-icon" }, this.checked && (index.h("swirl-icon-check-strong", { key: '2998ee33756b79761e808ac07f570196bb5e8768' }))))), showMeta && (index.h("span", { key: '3cea3f4e627f1222c6f2eb166a093b2de3c8a44f', class: "resource-list-item__meta" }, this.meta && (index.h("span", { key: '68ac0d63d2a006be64cf9344060778a3daac6820', class: "resource-list-item__meta-text" }, this.meta)), index.h("span", { key: 'e521386e37ea99548e822b443fb216a3b2c329a6', class: "resource-list-item__badges" }, index.h("slot", { key: '4e0d8da96407a4807ae602866d1ac74ec33ce9f0', name: "badges" })))), index.h("span", { key: '47fdc67bd22ceb6bca52be95c4744ba7bfc30065', class: "resource-list-item__control", onClick: this.onControlClick }, index.h("slot", { key: '37a76e3094506e1758e5945cb44756744870c0a7', name: "control" })), showMenu && (index.h("swirl-popover-trigger", { key: 'ff00f1b5a429a8ebab48bce2bc5852362f0596d1', swirlPopover: this.menuTriggerId }, index.h("swirl-button", { key: 'f6a8e61ad321ed9b8049310b76fa311be02a7ad0', "aria-disabled": disabled ? "true" : undefined, class: "resource-list-item__menu-trigger", disabled: disabled, hideLabel: true, icon: "<swirl-icon-more-horizontal></swirl-icon-more-horizontal>", intent: "primary", label: this.menuTriggerLabel, onClick: this.onMenuTriggerClick })))), this.allowDrag && (index.h("button", { key: 'ba40ed90c5bb91c9fb73c54a9124f94974b8d335', "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "resource-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, type: "button" }, index.h("swirl-icon-drag-handle", { key: '3c7c4a7cb600706388e9d01036beb92ea99e5003', size: this.iconSize })))));
+        return (index.h(index.Host, { key: 'a0ec97096aa526c5506f5d1a7335da572c4254b0', role: hostRole }, index.h("div", { key: '938a0d902c62c49d5b0de62ba0b90000488b4a21', class: className, role: containerRole, onClick: this.onClick }, index.h(Tag, { key: '1fb212f7ce32d64a384885f9a5270f50eed52ff9', "aria-checked": ariaChecked, "aria-current": this.swirlAriaCurrent, "aria-disabled": disabled ? "true" : undefined, "aria-label": ariaLabel, "aria-labelledby": Boolean(this.swirlAriaLabel) ? undefined : this.elementId, class: "resource-list-item__content", style: { alignItems: this.alignItems }, href: href, rel: isLink ? this.rel : undefined, target: isLink ? this.target : undefined, disabled: disabled, onBlur: this.onBlur, onFocus: this.onFocus, part: "resource-list-item__content", role: role, tabIndex: 0, type: Tag === "button" ? "button" : undefined }, this.hasMedia && (index.h("span", { key: 'e1138053996443398d9cfcd9b18f330adf2607f6', class: "resource-list-item__media" }, index.h("slot", { key: '765b883ef7628e0dbee7a617f0f99b3024a88ea6', name: "media" }))), index.h("span", { key: 'cd30b88132e3f76cbef1b3b438c63530a89fd4d7', class: "resource-list-item__label-container", style: labelContainerStyles }, this.labelTooltip ? (index.h("swirl-tooltip", { content: this.labelTooltip, position: this.labelTooltipPosition }, renderLabel())) : (renderLabel()), this.description && (index.h("span", { key: '998fc6d09b7635155a36ec506083f396f4354d5f', class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : undefined }, !this.allowHtml && this.description)))), this.selectable && (index.h("span", { key: '35ffd1950959e8d98f32382bd0e48c2da3e87a08', "aria-hidden": "true", class: "resource-list-item__checkbox" }, index.h("span", { key: '26552aaa887512090f252ed529f272285b92ec7e', class: "resource-list-item__checkbox-icon" }, this.checked && (index.h("swirl-icon-check-strong", { key: '47a8f92c70cc64c9a8f9bd0f3ce292f5c9ab9945' }))))), showMeta && (index.h("span", { key: 'aad790a9b0535ff56160deed65d8c3c075e05775', class: "resource-list-item__meta" }, this.meta && (index.h("span", { key: 'cc91b6058aa3b282281dcc9122963b5ad7562325', class: "resource-list-item__meta-text" }, this.meta)), index.h("span", { key: 'a51f75703daa74c1708565d4a187278dbb2f6fcf', class: "resource-list-item__badges" }, index.h("slot", { key: '1e2a61cb3e1461b22af8f1da955b3029a041ddf3', name: "badges" })))), index.h("span", { key: 'aceeb9ef206093840ba980cd3557f020aa86fb1d', class: "resource-list-item__control", onClick: this.onControlClick }, index.h("slot", { key: '1e6075743a17cd29a1ea7d97863d111ddb3d85f2', name: "control" })), showMenu && (index.h("swirl-popover-trigger", { key: '5d5aac56bf7f9fce6c6be8804cec45e2ed233f83', swirlPopover: this.menuTriggerId }, index.h("swirl-button", { key: '34e4baf52d5b6c49f29bba1685e31e01d071555e', "aria-disabled": disabled ? "true" : undefined, class: "resource-list-item__menu-trigger", disabled: disabled, hideLabel: true, icon: "<swirl-icon-more-horizontal></swirl-icon-more-horizontal>", intent: "primary", label: this.menuTriggerLabel, onClick: this.onMenuTriggerClick })))), this.allowDrag && (index.h("button", { key: '2ab8938f948dd60903da5f39d6363d8d91cc6e16', "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "resource-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, type: "button" }, index.h("swirl-icon-drag-handle", { key: 'cef7c5a979ec10453a31866e3f1e2ceaed9f9129', size: this.iconSize })))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -14,7 +14,7 @@ const SwirlResourceListSection = class {
     render() {
         const role = !!this.el.closest('[role="grid"]') ? "rowgroup" : "listitem";
         const childrenListRole = role === "listitem" ? "list" : undefined;
-        return (index.h(index.Host, { key: '1fdc28854f7f011226a6862e88be6e84fd62615d' }, this.hasSeparator && (index.h("swirl-separator", { key: 'e7fab8939f9024358d0c7aa158ba4f782c07147d', spacing: this.separatorSpacing, semantics: "none" })), index.h("div", { key: '20901ce0a7c47e1bf43c0d7538fda7139b1bf400', "aria-labelledby": "label", role: role }, index.h("span", { key: 'c85199cf30d9ca3a438929c4064689b241a957a3', id: "label", class: "resource-list-section-label", part: "resource-list-section-label" }, this.label), index.h("swirl-stack", { key: '2db0e177e72897ad0fa697e3ef38a0a59041b320', spacing: this.spacing, swirlAriaRole: childrenListRole }, index.h("slot", { key: '8d21b00a60e98a94f804b90285766e2e21ebde5d' })))));
+        return (index.h(index.Host, { key: 'a887ec0222df1a7996fc23fe028f080782bb8eb7' }, this.hasSeparator && (index.h("swirl-separator", { key: 'fa995f853c1f207771d732cd17647e79d017fd14', spacing: this.separatorSpacing, semantics: "none" })), index.h("div", { key: 'fc2ea15f63932d6a83ce67688d9fe1c6ba89f95c', "aria-labelledby": "label", role: role }, index.h("span", { key: 'b664ab8288488c28bc528127dbc8192b6b9f153e', id: "label", class: "resource-list-section-label", part: "resource-list-section-label" }, this.label), index.h("swirl-stack", { key: '077425054b54482386cdfe45e7ff8dec7321f723', spacing: this.spacing, swirlAriaRole: childrenListRole }, index.h("slot", { key: 'f1308be9a03303b6ecc05616cfd892c13e0c6c73' })))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -284,7 +284,7 @@ const SwirlResourceList = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: 'db1272f3ed64bf3fe82d3e43e1dbc0bc89d2f583', onKeyDown: this.onKeyDown }, index.h("swirl-visually-hidden", { key: '3d59481a765c17108df32dfcdc1a9117afe84009', role: "alert" }, this.assistiveText), index.h("swirl-box", { key: '2d03efc09b3d3c8fe0199bb1d2c481036178bbae', paddingBlockEnd: this.paddingBlockEnd ?? this.padding, paddingBlockStart: this.paddingBlockStart ?? this.padding, paddingInlineEnd: this.paddingInlineEnd ?? this.padding ?? "8", paddingInlineStart: this.paddingInlineStart ?? this.padding ?? "8" }, index.h("swirl-stack", { key: '18fb0bf243879645a03ca60bddf877f660802615', "aria-label": this.label, class: "resource-list", id: this.listId, ref: (el) => (this.gridEl = el), role: this.semantics, spacing: this.spacing }, index.h("slot", { key: '572995dad1f22d6e6dce36c6608c1951872c2fcc' })))));
+        return (index.h(index.Host, { key: '0a7edd843c77cb5105b0523a4e60a0c470aa54ba', onKeyDown: this.onKeyDown }, index.h("swirl-visually-hidden", { key: 'c7361c42c129ee08ad1a70cb135d5a4eac7b8691', role: "alert" }, this.assistiveText), index.h("swirl-box", { key: '748481c0b950167cfbced4ef486a87e2a1892deb', paddingBlockEnd: this.paddingBlockEnd ?? this.padding, paddingBlockStart: this.paddingBlockStart ?? this.padding, paddingInlineEnd: this.paddingInlineEnd ?? this.padding ?? "8", paddingInlineStart: this.paddingInlineStart ?? this.padding ?? "8" }, index.h("swirl-stack", { key: '85c7697b06af904deaef64414b2f5b53caada0c2', "aria-label": this.label, class: "resource-list", id: this.listId, ref: (el) => (this.gridEl = el), role: this.semantics, spacing: this.spacing }, index.h("slot", { key: 'eff384c8ac86d3dfb8eacb638959933298762459' })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -70,7 +70,7 @@ const SwirlSearch = class {
         const className = index$1.classnames("search", `search--variant-${this.variant}`, {
             "search--disabled": this.disabled,
         });
-        return (index.h(index.Host, { key: '8e28d7e0f0fe00e19a90073b403290cd429200ec' }, index.h("span", { key: '1f2280a34872bcd9584d492b929fe4f1f55df627', class: className, ref: (el) => (this.iconEl = el) }, index.h("swirl-icon-search", { key: 'a57e2f88aad434366e95a4fa53e6cb520e9c8499', "aria-hidden": "true", class: "search__icon" }), index.h("input", { key: '8b68769aa785f032a7890f682ad7eaa9c3a8b6ed', "aria-disabled": this.disabled ? "true" : undefined, "aria-label": this.label, autoComplete: "off", autoFocus: this.autoFocus, class: "search__input", disabled: this.disabled, id: this.inputId, inputMode: "search", name: this.inputName, onBlur: this.onBlur, onChange: this.onChange, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.input = el), type: "search", value: this.value }), !this.disabled && this.clearable && (index.h("button", { key: '114afb55daf47751877f24c2abc915dc2cc0c456', "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.handleClear, type: "button" }, index.h("swirl-icon-cancel", { key: '2986ed718392276fe3757c72d452d943a886c3d9' }))))));
+        return (index.h(index.Host, { key: '9aac9c281431aa153ffa70eae161a26255ccfda7' }, index.h("span", { key: 'eb01350e9f67d7c2aa0788d3ef3c8d11684d0727', class: className, ref: (el) => (this.iconEl = el) }, index.h("swirl-icon-search", { key: '6acb05b4c0955289341cae0c21c2dd75e6c11fa2', "aria-hidden": "true", class: "search__icon" }), index.h("input", { key: '6a2055aeab25053c580416a42d4793d8bcaefcd2', "aria-disabled": this.disabled ? "true" : undefined, "aria-label": this.label, autoComplete: "off", autoFocus: this.autoFocus, class: "search__input", disabled: this.disabled, id: this.inputId, inputMode: "search", name: this.inputName, onBlur: this.onBlur, onChange: this.onChange, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.input = el), type: "search", value: this.value }), !this.disabled && this.clearable && (index.h("button", { key: 'f62084a923fbef39a502cab37bc55a2e60f975af', "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.handleClear, type: "button" }, index.h("swirl-icon-cancel", { key: '05ad58ac988d42b8fc5589c70b74a72ea2bc293f' }))))));
     }
 };
 SwirlSearch.style = swirlSearchCss();

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

@@ -227,11 +227,11 @@ const SwirlSelect = class {
             "select--search-loading": this.searchLoading,
             "select--standalone": this.standalone,
         });
-        return (index.h(index.Host, { key: '6ed26814cf2ad4fe823ba93664a92643a7adeb5a', onKeyDown: this.onKeyDown }, index.h("div", { key: 'dedf519a08ebd270865de74541bb7fb781c076f4', class: className }, index.h("swirl-popover-trigger", { key: '18b443eb119777ac6ddddb93c23f9761b7cdf9cc', swirlPopover: this.swirlPopover, setAriaAttributes: false }, index.h("swirl-stack", { key: '9446872d7a3e3fc3240b9873425c01f083cadd79', class: "select__value-container" }, this.standalone && (index.h("span", { key: '84d18956dace8852ee2689ddd506dc16407fa2cb', "aria-hidden": "true", class: "select__resize-helper" }, label)), index.h("input", { key: 'd71870d83512f0c26c726c24f399a5433fc79726', "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: '9c344aa219df7488de845097270f1a90a9f57af4', class: "select__multi-select-values" }, this.value
+        return (index.h(index.Host, { key: 'e4a6fa7de3193ae7d61dc89834ef14a3b44fe894', onKeyDown: this.onKeyDown }, index.h("div", { key: '30f125d65dce3ab7bb23f9c3ac2d4fc55b705e44', class: className }, index.h("swirl-popover-trigger", { key: '490a51de7ab9732e17af4af85ba841720901b267', swirlPopover: this.swirlPopover, setAriaAttributes: false }, index.h("swirl-stack", { key: 'df411b8e162a81cbae6a38cd01953888ba4453e2', class: "select__value-container" }, this.standalone && (index.h("span", { key: 'd55389bdc33aabaf6f8e3504461af470bd6fa666', "aria-hidden": "true", class: "select__resize-helper" }, label)), index.h("input", { key: '2c6bbcd3df6775a3214933d53c78b9121480d65e', "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: 'b12133de92aa5b817cac468845f1c6fa75cc67a0', 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: 'f4ddf741af72ec4d1b130fe944b377dfa295405f', 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: '193b3a82ef740a1da0484e3fa503c40e9ddbcdbe', 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: '8592dbe3030ad345d355d07e99bcf346f6ee3b11', class: "select__search" }, index.h("swirl-icon-search", { key: '0a4b6bedfa8d048f17a1d44d8dae0d191ac62d48', class: "select__search-icon", size: 20 }), index.h("input", { key: '62aed82d2e04959d3430a2f07f9b07eca619699e', "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: '90e6a5dd0bd3b9f18e87691473eab7b4a74b4b23', class: "select__search-spinner", size: "s" })))), index.h("swirl-option-list", { key: 'd903e9af88baceac9f4dc17bc65c41d54c034c86', class: "select__option-list", allowDeselect: this.allowDeselect, onValueChange: this.select, multiSelect: this.multiSelect, ref: (el) => (this.optionList = el), value: this.value }, !this.searchLoading && (index.h("div", { key: 'addf745416acff9cc2fdcab5d3d28edb1b3ed0b3', "aria-disabled": "true", class: "select__empty-list-label", role: "option" }, index.h("swirl-text", { key: 'e2233cc19dbe7ba88e6a28998be3ddf63fdc0714', color: "subdued", weight: "medium" }, this.emptyListLabel))), index.h("slot", { key: '23b709c88c372dbb61f8a98a2e2d12d624d71ade', onSlotchange: this.onSlotChange }))))));
+            onRemove: () => this.unselectOption(option?.value), removable: !this.disabled && this.allowDeselect && !option?.disabled })))), index.h("span", { key: '5da46914a0889a687145e62d229cb1f82f94700c', 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: '760ebfe41559a4bfafe2aa2c26bbb9411b096af5', 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: 'b01b9a37d675f1b60ab96b1f88f6bcbed06f37f1', class: "select__search" }, index.h("swirl-icon-search", { key: 'b0f521287bcde062b46e899e12661709921cec9e', class: "select__search-icon", size: 20 }), index.h("input", { key: 'be2083ce2005a980c9080e704fbf12b566e614e3', "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: 'dfce2ab48e5dbd8df789362f6c87d7dc44bd319f', class: "select__search-spinner", size: "s" })))), index.h("swirl-option-list", { key: '092a4a432faf043c588ba46d29b5e22790c0e0d0', class: "select__option-list", allowDeselect: this.allowDeselect, onValueChange: this.select, multiSelect: this.multiSelect, ref: (el) => (this.optionList = el), value: this.value }, !this.searchLoading && (index.h("div", { key: '19a514a5e8df3e43239bde257e22a09ccd1e223b', "aria-disabled": "true", class: "select__empty-list-label", role: "option" }, index.h("swirl-text", { key: '60885f37512ae9974a002aa4ef15494ae58ed8da', color: "subdued", weight: "medium" }, this.emptyListLabel))), index.h("slot", { key: '0c6568db5d7a811a4aca8d97864df2973eabd3a9', onSlotchange: this.onSlotChange }))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {