npm - @getflip/swirl-components - Versions diffs - 0.278.0 → 0.280.0 - Mend

@getflip/swirl-components 0.278.0 → 0.280.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1620) hide show

package/dist/components/swirl-inline-status.js CHANGED Viewed

@@ -46,7 +46,7 @@ const SwirlInlineStatus$1 = /*@__PURE__*/ proxyCustomElement(class SwirlInlineSt
     }
     render() {
         const className = classNames("inline-status", `inline-status--intent-${this.intent}`, `inline-status--size-${this.size}`);
-        return (h(Host, { key: '3b3403b167dbcd69cce94ece70070d6d4a633fd5' }, h("span", { key: '6f2aacbc86097f4dbe37bec2cf83b965b69ef90c', class: className, part: "inline-status" }, this.icon && (h("span", { key: '3d1e65e302db9602108deebe21052b35749b2a07', class: "inline-status__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: 'baafe5c34a7825975aa4c1ac65ed1e3058fd03f0', class: "inline-status__message" }, this.message))));
+        return (h(Host, { key: '2fc16697efad24365a563411111d6e2d954c8aee' }, h("span", { key: '02d1974c104f1bbc71effbff313b2c3a76104fc1', class: className, part: "inline-status" }, this.icon && (h("span", { key: '6d93d978c0fd59663669aa2e46ed5ffed57e3213', class: "inline-status__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: 'b75e6e5dbf94bf3532c9e2ab6bba4786b8a199d1', class: "inline-status__message" }, this.message))));
     }
     static get style() { return SwirlInlineStatusStyle0; }
 }, [1, "swirl-inline-status", {

package/dist/components/swirl-lightbox.js CHANGED Viewed

@@ -310,7 +310,7 @@ const SwirlLightbox$1 = /*@__PURE__*/ proxyCustomElement(class SwirlLightbox ext
             "lightbox--hide-menu": !hasMenuItems,
             "lightbox--hide-toolbar": !hasToolbar,
         });
-        return (h(Host, { key: '182721b4da10932ff66236698970f5f266e80901', onKeydown: this.onKeyDown }, h("section", { key: '5fc9c2a102ba14e780f6ce2e07728ac5d24b64c8', "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: className, id: "lightbox", onMouseDown: this.onPointerDown, onMouseMove: this.onPointerMove, onMouseOut: this.onPointerUp, onMouseUp: this.onPointerUp, onTouchEnd: this.onPointerUp, onTouchMove: this.onPointerMove, onTouchStart: this.onPointerDown, ref: (el) => (this.modalEl = el), role: "dialog", tabIndex: this.isOpen ? 0 : -1 }, h("div", { key: 'b7c89b7e62db72a840942dcbbf5cfd52aa94d6f1', class: "lightbox__body", role: "document" }, h("header", { key: 'e6b316dfb277f560cc2177c4f765796a24885d12', class: "lightbox__header" }, h("button", { key: '7c90fbd0f7f9681638eb48c4433fdf9b5c1242e5', "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick }, h("swirl-icon-close", { key: '4bfc4fb287d2faca7bba848fca75a0bc8f5781ab' })), h("div", { key: '7bf6cd43b2314b1e122d729cfb73435e521a0984', class: "lightbox__toolbar" }, h("slot", { key: '8ae8fa83a821716493ab1bf54630e1ee0d7a0e30', name: "toolbar" })), !this.hideMenu && (h("swirl-popover-trigger", { key: 'c08ff668d327a8503b6caae8038d2a7454617fcc', swirlPopover: this.menu }, h("button", { key: '38abb5da9118863964c766ee815c551ade3f57a6', "aria-label": this.menuTriggerLabel, class: "lightbox__menu-button" }, h("swirl-icon-more-vertikal", { key: '5f7d652c2b7e7764e42f34bf8e2ecda03d541ab3' }))))), h("div", { key: 'b4ead749cea4c4b4ee6749f0fc95efb07549d98e', "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, h("div", { key: '2c78ef30f358a75428f51377fce1eca7541e9b9d', "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (el) => (this.slidesContainer = el) }, h("slot", { key: '4a9502c0d46e6a4f6c3332bbefb0c9d3e64a99bf', onSlotchange: this.registerSlides }))), h("div", { key: '901c00133f19acf0694519f432e771a1e3293b32', class: "lightbox__controls" }, h("button", { key: 'e23aab9ee74f8b3fcfe956358a3ec09befe2d332', "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick }, h("swirl-icon-arrow-left", { key: 'ef0d61b4838aa8fa5dc54d2b39620171b8692baf' })), h("button", { key: '379a247516b50ec0f6c07c83ddfe52a7935655b2', "aria-label": this.nextSlideButtonLabel, class: "lightbox__next-slide-button", disabled: this.activeSlideIndex === this.slides.length - 1, onClick: this.onNextSlideClick }, h("swirl-icon-arrow-right", { key: '1dfa547cfae8a61f5cb8ad79ecf94ec286c416ed' }))), showPagination && (h("span", { key: 'a0d1021800a617687781617c64eb6ec9c65fb906', class: "lightbox__pagination" }, h("span", { key: '20b804989c1752b6f84ef99c333a7d18d68a38c2', "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length))), !this.hideMenu && (h("swirl-popover", { key: '51da5b8f6af5a93e5f61f1d8d8368a8c3e3fe4c9', animation: "scale-in-y", disableScrollLock: true, id: "slide-menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: 'e0638dc8f1f6bcaf3e6db1eaabf67c996c7277c7' }, h("div", { key: '1b9097881ef6eaa8c53182debd7cae22fb6b2eaa', class: "lightbox__meta" }, currentThumbnailUrl && (h("div", { key: 'ed9cfeb9e8cba34f7148e97f0841d4795141980b', class: "lightbox__thumbnail" }, h("swirl-thumbnail", { key: '757d2f1da76c1ba0857342ea78f326fe9a068870', alt: "", src: currentThumbnailUrl }))), h("div", { key: '4c856058c06fb568d0e2d0df582e6272e9e788b7', class: "lightbox__file-info" }, h("swirl-text", { key: 'ce6574e8f25ca186898b243b9ebd90e91aba85ec', truncate: true, weight: "semibold" }, currentFileName), h("swirl-text", { key: '2639c1ea66609a655d56f2fa72fe2111aa6936d6', color: "subdued", size: "sm", truncate: true }, currentFileType))), hasMenuItems && h("swirl-separator", { key: '81d6d7d1c19f9f7a609685789d08b8076f7ba7d9' }), h("swirl-action-list", { key: '163d8ec4b501c8d708eccecebc0aea1b34d55edc' }, this.downloadButtonEnabled && (h("swirl-action-list-item", { key: 'b7b5bb2076a8aa75b05717037518a7d05b9ba5a7', icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), h("slot", { key: '34a3c9c4329fd58c771d8b1b17475c619f5364cf', name: "menu-items" }))))))));
+        return (h(Host, { key: '2a5453d620902876bcbd132ad33ce44c6968107e', onKeydown: this.onKeyDown }, h("section", { key: '7b83b8433a217bd9780e901330cd9b331d00edf1', "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: className, id: "lightbox", onMouseDown: this.onPointerDown, onMouseMove: this.onPointerMove, onMouseOut: this.onPointerUp, onMouseUp: this.onPointerUp, onTouchEnd: this.onPointerUp, onTouchMove: this.onPointerMove, onTouchStart: this.onPointerDown, ref: (el) => (this.modalEl = el), role: "dialog", tabIndex: this.isOpen ? 0 : -1 }, h("div", { key: '95ca4eb07ff51e097965646dc5d3cf8bf3aa927f', class: "lightbox__body", role: "document" }, h("header", { key: 'bd85c4e4a3055e1d1c9ee166f4456e8003bdc4c3', class: "lightbox__header" }, h("button", { key: '070efd3285d7810f3d031ef35f08c1de8cf43da8', "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick }, h("swirl-icon-close", { key: '68388c53988fc57217988c429a6bed21ae16fc0c' })), h("div", { key: '63a4cef131faf70605cbc67ed6ad02c09bef5c3d', class: "lightbox__toolbar" }, h("slot", { key: '8025cc39ecc00930352801fc27175897322c060f', name: "toolbar" })), !this.hideMenu && (h("swirl-popover-trigger", { key: '10747002ee19a6accb2bd8cd752b8794e930bdb1', swirlPopover: this.menu }, h("button", { key: 'ee335848b6ad7abf69f300cb9adb0d8b0b4dff21', "aria-label": this.menuTriggerLabel, class: "lightbox__menu-button" }, h("swirl-icon-more-vertikal", { key: 'b382292d75ec559ae542a98e145b1a12430f8fe4' }))))), h("div", { key: '0d3e2f44c9e40b59d93a89aec8df2d383e3c742c', "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, h("div", { key: 'dd625b34c88c2c3381cd034cfc7716dce7d01248', "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (el) => (this.slidesContainer = el) }, h("slot", { key: '6d04b0c40d9b46f783ab55363377055c6dcf69b8', onSlotchange: this.registerSlides }))), h("div", { key: 'ed9289fedd42eadf4725075849704c19cd39fd36', class: "lightbox__controls" }, h("button", { key: '2d170a66a66260f3c01e5e5ca7750e1343db4ca1', "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick }, h("swirl-icon-arrow-left", { key: '287a5135c9a2d0eecac5078702ac9ba8fac6e922' })), h("button", { key: 'd40a453bc90a99a2d76363d82b5b713c643d83b2', "aria-label": this.nextSlideButtonLabel, class: "lightbox__next-slide-button", disabled: this.activeSlideIndex === this.slides.length - 1, onClick: this.onNextSlideClick }, h("swirl-icon-arrow-right", { key: 'f3986c948ef6f413e97200cd0a8fc6d808829dc2' }))), showPagination && (h("span", { key: '83c2ec283ed0826f3ba02b9e0b3570a39f4a7355', class: "lightbox__pagination" }, h("span", { key: 'b1f6fec8ebec336ce08aa298e77304b623c0c041', "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length))), !this.hideMenu && (h("swirl-popover", { key: '383236d86dd9d640696e5f3e8348327328bf43ba', animation: "scale-in-y", disableScrollLock: true, id: "slide-menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: '65557c3eb245265943014f796d31ff54a3e91a41' }, h("div", { key: '068ed1d56b8182cbf35ec1590fc78fa3837487a4', class: "lightbox__meta" }, currentThumbnailUrl && (h("div", { key: '1dc9d8bab3d912ba592ce888af85c468a9519391', class: "lightbox__thumbnail" }, h("swirl-thumbnail", { key: 'a58b4a7afca1f839f767000d155892088b461923', alt: "", src: currentThumbnailUrl }))), h("div", { key: 'ca589cee18ac4d0b459543f5502d1d39d59d4f69', class: "lightbox__file-info" }, h("swirl-text", { key: '99a0d34f43f5a5b1e1ae482c48c1dafc68b55837', truncate: true, weight: "semibold" }, currentFileName), h("swirl-text", { key: '092772566ba28884e403146768cb6daa8704ef21', color: "subdued", size: "sm", truncate: true }, currentFileType))), hasMenuItems && h("swirl-separator", { key: '8631028db9cae09412589ece93784da10f40f6f1' }), h("swirl-action-list", { key: '9437a83d5958906a020f74cb6c109c0f96c61e9f' }, this.downloadButtonEnabled && (h("swirl-action-list-item", { key: '8cf82b7362f2cd61ae347676008d6c217ca21cd5', icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), h("slot", { key: '24742385608222225982eb4bb0156690ea1372b3', name: "menu-items" }))))))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/swirl-link.js CHANGED Viewed

@@ -16,7 +16,7 @@ const SwirlLink$1 = /*@__PURE__*/ proxyCustomElement(class SwirlLink extends HTM
     }
     render() {
         const className = classNames("link", `link--color-${this.color}`);
-        return (h(Host, { key: '8e196201961e03a997d0dc2717e22292cb5ccd2a' }, h("a", { key: 'a06b9659a8e747715e62287be1a76fb598b2a8d2', class: className, href: this.href, part: "link", target: this.target }, this.label)));
+        return (h(Host, { key: 'dd7fa6f72657545249f2f473fba736ae8b658e78' }, h("a", { key: '237411a3ddf6fe64d9a98e300d01f4af805a6877', class: className, href: this.href, part: "link", target: this.target }, this.label)));
     }
     static get style() { return SwirlLinkStyle0; }
 }, [1, "swirl-link", {

package/dist/components/swirl-list.js CHANGED Viewed

@@ -15,7 +15,7 @@ const SwirlList$1 = /*@__PURE__*/ proxyCustomElement(class SwirlList extends HTM
         }
     }
     render() {
-        return (h(Host, { key: '0ff05f133d5163b3f7904afe37b2bc1023d70e66' }, h("div", { key: 'b1247a6e8265ee32f48d3f182368726eae6666ea', class: "swirl-list", ref: (el) => (this.containerEl = el) }, h("slot", { key: 'e6b95a3fa785627f9d4f964b62becc3bfec5ce64' }))));
+        return (h(Host, { key: '16573be560707316d191314a9139db4a461bd13d' }, h("div", { key: '040abef7bf722f778c5b02024da346b1992be0a7', class: "swirl-list", ref: (el) => (this.containerEl = el) }, h("slot", { key: '04e5e724cea7f526242606d799b611dedee23d3f' }))));
     }
     static get style() { return SwirlListStyle0; }
 }, [4, "swirl-list"]);

package/dist/components/swirl-menu-item.js CHANGED Viewed

@@ -108,9 +108,9 @@ const SwirlMenuItem$1 = /*@__PURE__*/ proxyCustomElement(class SwirlMenuItem ext
         const className = classNames("menu-item", {
             "menu-item--expanded": this.expanded,
         });
-        return (h(Host, { key: '57f6a4f2f691c07b215e69bb2e0cd814923bef81' }, h("div", { key: '50660bb1038357f12e245c77fde10331033c8250', class: className }, this.parentMenu?.variant === "selection"
+        return (h(Host, { key: '60935d6905d5131e17c11745287d6b8a92dcc678' }, h("div", { key: 'dae9950c41d49199ad06d12b4cae1a5bd02df989', class: className }, this.parentMenu?.variant === "selection"
             ? this.renderOptionListItem()
-            : this.renderActionListItem(), h("slot", { key: '1dd0221d81288f4612a589666d91892b1bdb321f', onSlotchange: this.onSlotChange }))));
+            : this.renderActionListItem(), h("slot", { key: '927c8ca18d653dfa37e614691b4a955144b327b8', onSlotchange: this.onSlotChange }))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/swirl-menu.js CHANGED Viewed

@@ -278,7 +278,7 @@ const SwirlMenu$1 = /*@__PURE__*/ proxyCustomElement(class SwirlMenu extends HTM
             "menu--mobile": this.mobile,
             "menu--root": isTopLevelMenu,
         });
-        return (h(Host, { key: 'ad5278a75991a60edde46ef33ec740d8f5ab5126' }, h("div", { key: 'f24f0eef27d4c54b68eab1489cd31ec861982273', class: className }, this.mobile && isTopLevelMenu && (h("div", { key: '6d5e197437ad2f4be06427a5bbdf8c7defca364c', class: "menu__mobile-header" }, this.activeLevel === 0 && (h("swirl-button", { key: 'c52d082a7801ca6dd4abf05443d9a48d8ef7b7f2', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" })), this.activeLevel > 0 && (h("swirl-button", { key: '42d9b15a8e77b9c2eb6c73dc5ca7ae2f776c3f87', hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" })), h("span", { key: '13f0b9c50fd2c4a4fe0ca7a625d0914a42668640', class: "menu__title", id: "menu-title" }, h("swirl-heading", { key: 'd33cf2865aa2016b30e5178524c55848b5cc9385', align: "center", as: "span", level: 4, text: this.label, truncate: true })), h("swirl-button", { key: 'c87d807127004609099b1d19207cb129e22148a9', class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone }))), h("div", { key: '323fab0d6277f781ead37e07c331e13c2e63401b', "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-orientation": "vertical", class: "menu__menu", onKeyDown: this.onKeyDown, ref: (el) => (this.menuContainer = el), role: role, style: !this.mobile && this.level > 0
+        return (h(Host, { key: '871e162e3b3f261be6a9c8a0426d65f7abe50f25' }, h("div", { key: '01d3b2e0ffa7a55cda07a477f95fe4014685ff7e', class: className }, this.mobile && isTopLevelMenu && (h("div", { key: '8927be3673d2db5cba405199f833cd7aabbb8610', class: "menu__mobile-header" }, this.activeLevel === 0 && (h("swirl-button", { key: '4d4ee3f8485470270ae59c9635b96ebddb2d44ee', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" })), this.activeLevel > 0 && (h("swirl-button", { key: 'f4c63de9a83fe17567371528cff256228a12dd25', hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" })), h("span", { key: 'c241e0b1573f5c96f570017ed2b9ac4a3361e89c', class: "menu__title", id: "menu-title" }, h("swirl-heading", { key: '78f3377166d291981bf076ae448278877a6288ba', align: "center", as: "span", level: 4, text: this.label, truncate: true })), h("swirl-button", { key: 'dddf25259fa3495d9c16f9e2155fb1b69ecebb80', class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone }))), h("div", { key: '04b4e0e348861cee0a34727850e69439a5c6b402', "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` : "",
@@ -289,7 +289,7 @@ const SwirlMenu$1 = /*@__PURE__*/ proxyCustomElement(class SwirlMenu extends HTM
                             ? `calc(-100% * ${this.activeLevel})`
                             : "100%",
                     }
-                    : undefined }, h("slot", { key: 'e66e98040cbd6fd0c3a83576d827f7ef9df93e2b' })))));
+                    : undefined }, h("slot", { key: '894ca7c7b59993da2caecc103e14a166df1c60f2' })))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/swirl-modal.js CHANGED Viewed

@@ -184,21 +184,21 @@ const SwirlModal$1 = /*@__PURE__*/ proxyCustomElement(class SwirlModal extends H
             "modal--scrolled-down": this.scrolledDown,
             "modal--hide-secondary-content-borders": this.hideSecondaryContentBorders,
         });
-        return (h(Host, { key: 'd033f0c1406706e17273c53722f695056ec020ef' }, h("section", { key: 'ac17a86296c2851b0657c648746a90889c9ecfda', "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: className, onKeyDown: this.onKeyDown, role: "dialog", ref: (el) => (this.modalEl = el) }, h("div", { key: '761720b16e6569e4d987f974947b5e2611e43fcd', class: "modal__backdrop", onClick: this.onBackdropClick }), h("div", { key: '0141dba284827e673f0d359bf954a5ba038f00ab', class: "modal__body", style: {
+        return (h(Host, { key: '59bb0f17c4f2e60c77575cf02823626e631c9e6b' }, h("section", { key: '0c31064fe837a46bdfc50f744770039fc878359a', "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: className, onKeyDown: this.onKeyDown, role: "dialog", ref: (el) => (this.modalEl = el) }, h("div", { key: 'f45ad45df2a06d53c1c5cba852b652e31760ef03', class: "modal__backdrop", onClick: this.onBackdropClick }), h("div", { key: '9a3485ea35b08428ab58fef765f4497b75bef734', class: "modal__body", style: {
                 "--swirl-modal-max-height": this.maxHeight,
                 "--swirl-modal-height": this.height,
                 minHeight: this.minHeight,
                 maxWidth: this.maxWidth,
-            } }, h("header", { key: '69459b29420d96b9ba4d4f2436c3797a3124a7d3', class: "modal__custom-header" }, h("slot", { key: '104aaeb9c9db217a1e618e47711199414142cb8b', name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && (h("header", { key: '507ef90230648a0e442287cd2f54869e6cfa0eef', class: "modal__header" }, h("div", { key: 'f5857feebe80b246582bf7bf87d6d47e49f9b952', class: "modal__header-bar" }, !this.hideCloseButton && (h("swirl-button", { key: '18ac7b39aad9fb3bc8d31e4c8b4a4bb44a05b2fb', class: "modal__close-button", hideLabel: true, icon: this.variant === "default"
+            } }, h("header", { key: 'abc085e2e7b8964e7400d67dac99fe5c81470d00', class: "modal__custom-header" }, h("slot", { key: '211d44847186a221263a6930a12f72b3fb92ff45', name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && (h("header", { key: '3d8c94ddbd3e4b15c41c67a15559948b3f207ac8', class: "modal__header" }, h("div", { key: '42f998e77ea2f2bffde4be10b184bc2b7fd4f275', class: "modal__header-bar" }, !this.hideCloseButton && (h("swirl-button", { key: 'ff3a001411f87b58a7757e049c15802b8f6001a4', class: "modal__close-button", hideLabel: true, icon: this.variant === "default"
                 ? "<swirl-icon-close></swirl-icon-close>"
-                : "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick })), !this.hideLabel && (h("swirl-heading", { key: 'e20cd79a5e818f55e3f69c7f32fea9846df85dac', as: "h2", class: "modal__heading", level: 3, text: this.label }))))), h("div", { key: 'df671cb6a1dea04457c2efcd01834b8019bedfd8', class: "modal__content-container", style: {
+                : "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick })), !this.hideLabel && (h("swirl-heading", { key: '0bb0418d9f1524921a556d5888f6795be95a9942', as: "h2", class: "modal__heading", level: 3, text: this.label }))))), h("div", { key: '735da7ca7911404a453362feaf169a3c15023f54', class: "modal__content-container", style: {
                 gap: this.contentGap
                     ? `var(--s-space-${this.contentGap})`
                     : undefined,
-            } }, h("div", { key: 'e2bbde38ff82eab2155d10de74b8a42367600727', class: "modal__primary-content", style: {
+            } }, h("div", { key: 'cda8107e32fe2f331d65906510b294ae66dc7abe', class: "modal__primary-content", style: {
                 maxWidth: this.primaryContentMaxWidth,
                 flex: this.primaryContentFlex,
-            } }, h("div", { key: 'b2de29bd69871d147fc36b7492415c396fb1648a', class: "modal__header-tools" }, h("slot", { key: '2fc61ca6e9abe1b64454e98b107aebfc4749a4e1', name: "header-tools" })), h("div", { key: '2f061d28cd5f0bd4decdaa52a03d1ea0efa5fc52', class: "modal__content", onScroll: this.determineScrollStatus, ref: (el) => (this.scrollContainer = el) }, h("slot", { key: '0874783375b78fc086476d5b225f0b4ae2b3e0fe' }))), h("div", { key: 'fb7c231c2f7fb23496abaca8cbdabcaca8a2f5d7', class: "modal__secondary-content", style: {
+            } }, h("div", { key: '5a597a80b7de25a74e4d215c26444abe6efbcb02', class: "modal__header-tools" }, h("slot", { key: 'ae5385cbb22afa2048b91d0697733b404a487d8e', name: "header-tools" })), h("div", { key: '82ffe6da927ed8fc5167f8aa738dc6058d76e4f7', class: "modal__content", onScroll: this.determineScrollStatus, ref: (el) => (this.scrollContainer = el) }, h("slot", { key: 'f6cac69b194055b59cff5f556d043763c2d7c5cd' }))), h("div", { key: '0b4791c0bf3b31c34e8808f75938be5c2a0a01ad', class: "modal__secondary-content", style: {
                 maxWidth: this.secondaryContentMaxWidth,
                 flex: this.secondaryContentFlex,
                 padding: Boolean(this.secondaryContentPadding)
@@ -216,7 +216,7 @@ const SwirlModal$1 = /*@__PURE__*/ proxyCustomElement(class SwirlModal extends H
                 paddingInlineStart: Boolean(this.secondaryContentPaddingInlineStart)
                     ? `var(--s-space-${this.secondaryContentPaddingInlineStart})`
                     : undefined,
-            } }, h("slot", { key: '6ed3a7f8e37ab33046acd79771c2cd0822a3f200', name: "secondary-content" }))), h("div", { key: 'e19e516962ea0ed06cce4ced0ac2733c1339a138', class: "modal__custom-footer" }, h("slot", { key: '9e4f0b146ff3ae13ed78ad4f23d268d76edcf9c2', name: "custom-footer" })), showControls && (h("footer", { key: '3fdf562211374639fec30f8fd36d924aefe14072', class: "modal__controls" }, h("swirl-button-group", { key: '2e0b6d4695b362c7b719580f231da797005bf025', wrap: true }, this.secondaryActionLabel && (h("swirl-button", { key: 'e70248627158ce0da7fac07e113d78fe1136bd6e', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (h("swirl-button", { key: '2e18bb8c251139c5bac5758204218f4a3b4e6c50', intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" })))))))));
+            } }, h("slot", { key: '1424f37190233bd4657b815e364c09242f8a5a5b', name: "secondary-content" }))), h("div", { key: 'f5affa411b74d5a00cc57c016f396c8bfd82ccea', class: "modal__custom-footer" }, h("slot", { key: 'e8818cd0a955b68595d48e9426a8188d662d79c0', name: "custom-footer" })), showControls && (h("footer", { key: '4d6f7769b3b05b56ab754be3c09e6fa0a10aebec', class: "modal__controls" }, h("swirl-button-group", { key: '3a3c37269c30c68736b7cbe166b4050150e987ec', wrap: true }, this.secondaryActionLabel && (h("swirl-button", { key: '5efc5c3383d6333e00a45e912428c0623c2e4925', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (h("swirl-button", { key: '178f724035753ad35592a19ef3ceeea7f43c28dd', intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" })))))))));
     }
     get el() { return this; }
     static get style() { return SwirlModalStyle0; }

package/dist/components/swirl-option-list-item2.js CHANGED Viewed

@@ -77,9 +77,9 @@ const SwirlOptionListItem = /*@__PURE__*/ proxyCustomElement(class SwirlOptionLi
             "option-list-item--selected": this.selected,
             "option-list-item--show-avatar": showAvatar,
         });
-        return (h(Host, { key: 'c4a83a40cef61988d40a5455eb7fc3ddd7f260c8' }, h("div", { key: 'e86f636a81497b1e5d228475562f9a7bba603134', "aria-checked": this.swirlAriaRole === "menuitemradio" ? ariaSelected : undefined, "aria-describedby": Boolean(this.description)
+        return (h(Host, { key: 'd9c7f868a5095b92f8cf0f4d9b46e540ba59cb94' }, h("div", { key: '66ccb7bcb85e9de0c815e358121fae8b7937e5af', "aria-checked": this.swirlAriaRole === "menuitemradio" ? ariaSelected : undefined, "aria-describedby": Boolean(this.description)
                 ? `option-list-item-${this.elementId}-description`
-                : undefined, "aria-disabled": ariaDisabled, "aria-labelledby": `option-list-item-${this.elementId}-label`, "aria-selected": this.swirlAriaRole === "option" ? ariaSelected : undefined, class: className, id: `option-list-item-${this.elementId}`, onBlur: this.onBlur, onFocus: this.onFocus, part: "option-list-item", role: this.swirlAriaRole }, showIcon && (h("span", { key: '26446268f3a702ff86c036a34eabc803558ebc4c', class: "option-list-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: '28c218641905d500e7d73897feba7d8d99fd482c', class: "option-list-item__avatar" }, h("slot", { key: '0c1ed089c3562402a0d6358dd44645ec3ab350d2', name: "avatar" })), showCheckbox && (h("span", { key: '7e6a3bc5d963e18e7e87bdbe8a9ff365d029604a', class: "option-list-item__checkbox" }, h("span", { key: 'a93662510beaabffc7ef1ed5d46c7ba0fc90e50e', class: "option-list-item__checkbox-box" }, this.selected && (h("swirl-icon-check-strong", { key: '138906a6bda77c08732dd27b5e4e5c694b877044', class: "option-list-item__checkbox-icon", size: 16 }))))), h("span", { key: '348076659e822829a10ec85e0b15e538f3e015ed', class: "option-list-item__label-container" }, h("span", { key: 'c9dbc299fb957404a24f9f3322af41c6e8ae06cc', class: "option-list-item__label", id: `option-list-item-${this.elementId}-label`, part: "option-list-item__label" }, this.label), this.description && (h("span", { key: '64c2eced012c23c9a0d06df782c339b420e8a8de', class: "option-list-item__description", id: `option-list-item-${this.elementId}-description` }, this.description))), showSelectionIcon && (h("span", { key: 'e7f3699cc54954931bd3e7c60017f2434f9f19ea', class: "option-list-item__selection-icon" }, h("swirl-icon-check-small", { key: '1d95125987f677884603672bc1641e3be5fe68e3', size: this.iconSize })))), this.allowDrag && (h("button", { key: '28cd59ce0e5738c6d392e9a895ead076045eb42d', "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "option-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, tabIndex: this.focused ? 0 : -1, type: "button" }, h("swirl-icon-drag-handle", { key: '3b16d5f73b1fed54de03e40672e0c6a27f9908f6', size: this.iconSize })))));
+                : undefined, "aria-disabled": ariaDisabled, "aria-labelledby": `option-list-item-${this.elementId}-label`, "aria-selected": this.swirlAriaRole === "option" ? ariaSelected : undefined, class: className, id: `option-list-item-${this.elementId}`, onBlur: this.onBlur, onFocus: this.onFocus, part: "option-list-item", role: this.swirlAriaRole }, showIcon && (h("span", { key: '1d4f748ba162b10b90ba36772bbc5ce2cfcbf688', class: "option-list-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: '85bb99e98f1a4eb6e88f3c8f0025934f54e5f549', class: "option-list-item__avatar" }, h("slot", { key: '94ee311dc31470fc16ad053456393178c0ca1955', name: "avatar" })), showCheckbox && (h("span", { key: 'c64037453972f6dd2c36324f5e321ebdda0eba83', class: "option-list-item__checkbox" }, h("span", { key: 'ba30e1247bd9355e8fc89b2f6be52ad3ba58cd92', class: "option-list-item__checkbox-box" }, this.selected && (h("swirl-icon-check-strong", { key: 'b364efbf3c1167a3bab08a6c53d0f82c4e2bf770', class: "option-list-item__checkbox-icon", size: 16 }))))), h("span", { key: 'e8f98dddc19fe9c5c9cc0e2663504bd4ba10b96a', class: "option-list-item__label-container" }, h("span", { key: '6af24ab9900c92cf8ae3156838733ea70fd3e85a', class: "option-list-item__label", id: `option-list-item-${this.elementId}-label`, part: "option-list-item__label" }, this.label), this.description && (h("span", { key: 'f9a2bb319a510968994f0a01d5cd62221322401a', class: "option-list-item__description", id: `option-list-item-${this.elementId}-description` }, this.description))), showSelectionIcon && (h("span", { key: '8346d30734b95770e30b4f7f9083e7c255ba7ed8', class: "option-list-item__selection-icon" }, h("swirl-icon-check-small", { key: 'f0a31fe5087b91f36ff731f893827010f9664cb9', size: this.iconSize })))), this.allowDrag && (h("button", { key: 'e127b3a0535f0a7a726d55e9e97e9619c79b6d9f', "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "option-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, tabIndex: this.focused ? 0 : -1, type: "button" }, h("swirl-icon-drag-handle", { key: 'c507f84cd536ce945d8b7e98902e6c9f4703d63f', size: this.iconSize })))));
     }
     get el() { return this; }
     static get style() { return SwirlOptionListItemStyle0; }

package/dist/components/swirl-option-list-section.js CHANGED Viewed

@@ -11,7 +11,7 @@ const SwirlOptionListSection$1 = /*@__PURE__*/ proxyCustomElement(class SwirlOpt
         this.label = undefined;
     }
     render() {
-        return (h(Host, { key: '192ee1cc35b26fedae6ef0baf9fad107b0426006' }, h("div", { key: 'ebc6adb48fab5e738daf6af214445417f2c3ff07', "aria-labelledby": "label", class: "option-list-section", role: "group" }, h("span", { key: '3dc502ec95baf74c3dc3cbd47d61ead746b736df', class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), h("div", { key: '1fcdf793d6ad6b98ba0c6366f6095b7161b6e82a', class: "option-list-section__items" }, h("slot", { key: '2dafe14cf93d419bc5db88a561d0e71967de4601' })))));
+        return (h(Host, { key: '886f128f4adac71c66e18cd48928b4aaa8fb1740' }, h("div", { key: '2618e2099bc6167ffc57fdc52ff4e38e8866261b', "aria-labelledby": "label", class: "option-list-section", role: "group" }, h("span", { key: 'b67845388db7da756a5b8a235fc5f940ddbb30e3', class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), h("div", { key: 'c4ed155d194346006167d468a3b118960605cd5e', class: "option-list-section__items" }, h("slot", { key: 'c43201c5bced887b1c843aa889cdeaf873e0cfba' })))));
     }
     static get style() { return SwirlOptionListSectionStyle0; }
 }, [1, "swirl-option-list-section", {

package/dist/components/swirl-option-list2.js CHANGED Viewed

@@ -335,7 +335,7 @@ const SwirlOptionList = /*@__PURE__*/ proxyCustomElement(class SwirlOptionList e
     render() {
         const ariaMultiselectable = this.multiSelect ? "true" : undefined;
         const tabIndex = Boolean(this.dragging) ? 0 : undefined;
-        return (h(Host, { key: '271eede297c6038b102cc68c5433a5f6fa943883' }, h("swirl-visually-hidden", { key: 'd27f5db7d40dba6419fd73d797ded32c0ad64932', role: "alert" }, this.assistiveText), h("div", { key: 'cf4b3ead532155f4866f627a724494e8bfeb7c33', "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 }, h("slot", { key: '45272e4bf68f4c26a387a975d57c4405cc9e53c7' }))));
+        return (h(Host, { key: 'c09257a978e5824fff31f2ebbf4035e75084b383' }, h("swirl-visually-hidden", { key: 'd7b2951497207e3327f191ae04ae8c878424ccbd', role: "alert" }, this.assistiveText), h("div", { key: 'bdb7ba8848454c49eec7b5341cc05177a4fd692c', "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 }, h("slot", { key: '0ff323330f231e906194b840d785e03518acb996' }))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/swirl-pagination.js CHANGED Viewed

@@ -95,7 +95,7 @@ const SwirlPagination$1 = /*@__PURE__*/ proxyCustomElement(class SwirlPagination
         const showDropDown = this.variant === "advanced";
         const ariaPageLabel = `${this.page.toLocaleString()} ${this.pageLabel} ${this.pages.toLocaleString()}`;
         const className = classNames("pagination", `pagination--variant-${this.variant}`);
-        return (h(Host, { key: '71c7d7de001597803570300052ff9620619081ea' }, h("nav", { key: '9b2f24fcd2b91a7f8bad7ae50f261db15cdf2c1b', "aria-label": this.label, class: className }, h("ul", { key: '2d6f42a7c1bfc312f6d163b61f5fdda23deb0552', class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (h("li", { key: '6d520cef14459a30b6adc43297cd886b290f2aac', class: "pagination__list-item" }, h("label", { key: '217c1748dbf999a813c0e671c3da0e80d24d6ec9', class: "pagination__page-size-selection" }, h("swirl-text", { key: 'a9e693b3ef2b8bed0ac07eda7a8cd9d0a761c759', whiteSpace: "inherit" }, this.pageSizeSelectLabel), h("swirl-stack", { key: '7a27524c9fdcb1876de785456ca6fe4ad25483d1', align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, h("select", { key: 'd4e353e9356664ee699c77f441cfa48e38c0676a', class: "pagination__page-size-select", onChange: this.onPageSizeSelect }, this.pageSizeOptions.map((pageSizeOption) => (h("option", { key: pageSizeOption, selected: pageSizeOption === this.pageSize, value: pageSizeOption }, pageSizeOption)))), h("swirl-icon-expand-more", { key: '39bffeb02a244711e559e0c57a79cc51ab61f858', "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), h("li", { key: '093303668f3abbc4ed401858925be7b6c47eaf4a', class: "pagination__list-item" }, h("swirl-button", { key: 'f746172b11b9da329b89afeb56a6935f1b721218', class: "pagination__first-page-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-double-arrow-left></swirl-icon-double-arrow-left>", intent: "primary", label: this.firstPageButtonLabel, onClick: this.onFirstPageButtonClick })), h("li", { key: '59db9b2c95d5769dcd8cf2b7b04ca9174d1fb8b7', class: "pagination__list-item" }, h("swirl-button", { key: '9d335fd4f499c35ef723a08018fda94d1131853b', class: "pagination__prev-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", intent: "primary", label: this.prevButtonLabel, onClick: this.onPrevButtonClick })), showPageLabel ? (h("li", { class: "pagination__list-item  pagination__page-label" }, h("span", null, showDropDown ? (h("span", { "aria-current": "page", class: "pagination__advanced-label" }, h("input", { "aria-label": this.pageSelectLabel, class: "pagination__page-input", onFocus: this.onFocusPageInput, onInput: this.onPageInput, ref: (el) => (this.pageInput = el), type: "text", value: this.page }), h("span", { "aria-hidden": "true" }, this.pageLabel, " ", this.pages.toLocaleString()))) : (h("span", { "aria-current": "page" }, ariaPageLabel))))) : (h("li", { class: "pagination__list-item" }, h("swirl-visually-hidden", null, h("span", { "aria-current": "page" }, ariaPageLabel)))), h("li", { key: '28b7f800fd06e96df089193257e261c933c2c17d', class: "pagination__list-item" }, h("swirl-button", { key: '793d0e042275f9d1ad24afc588838cb84579a922', class: "pagination__next-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-chevron-right></swirl-icon-chevron-right>", iconPosition: "end", intent: "primary", label: this.nextButtonLabel, onClick: this.onNextButtonClick })), h("li", { key: '8f94244375359382e9cdd28353c0ab7d781968ef', class: "pagination__list-item" }, h("swirl-button", { key: '1cdb559a332b35bfc561b1d87846f67e8ac70be8', class: "pagination__last-page-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", intent: "primary", label: this.lastPageButtonLabel, onClick: this.onLastPageButtonClick }))))));
+        return (h(Host, { key: '73ae765ec8dbf588bfc32a4bbd6852291604214e' }, h("nav", { key: '4eda9560a9a019e82f821e187a6e83443979697e', "aria-label": this.label, class: className }, h("ul", { key: 'cc5367e85ca4e251e4f7d033bfa850968889caa6', class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (h("li", { key: '38f5fb33b9c24315271764e2784f1ebfe1d8723e', class: "pagination__list-item" }, h("label", { key: '9dbfeb8a3e464d50379746ec85c865cafd52ac51', class: "pagination__page-size-selection" }, h("swirl-text", { key: '748fe2c2ec1fbf50d4c4e4347e23571553f30c36', whiteSpace: "inherit" }, this.pageSizeSelectLabel), h("swirl-stack", { key: 'e9982f4cc6830489314d2bd13aa927201e51d415', align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, h("select", { key: '48a9950fa6a353d49883c69ec7918c38a26a2619', class: "pagination__page-size-select", onChange: this.onPageSizeSelect }, this.pageSizeOptions.map((pageSizeOption) => (h("option", { key: pageSizeOption, selected: pageSizeOption === this.pageSize, value: pageSizeOption }, pageSizeOption)))), h("swirl-icon-expand-more", { key: '60d4677d0c8d24adf39cfc90f31b27660526233a', "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), h("li", { key: '7829d37667bdf4f643669d5aa7394b8c67300295', class: "pagination__list-item" }, h("swirl-button", { key: '774e9ba9e1bb90800b6e35b0ee531c1c4c88d405', class: "pagination__first-page-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-double-arrow-left></swirl-icon-double-arrow-left>", intent: "primary", label: this.firstPageButtonLabel, onClick: this.onFirstPageButtonClick })), h("li", { key: '582aecb2808382dc58032e872cfb97d29d772c83', class: "pagination__list-item" }, h("swirl-button", { key: '01395eb8e5bf7b0b06c55926213b5023b22a5fcc', class: "pagination__prev-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", intent: "primary", label: this.prevButtonLabel, onClick: this.onPrevButtonClick })), showPageLabel ? (h("li", { class: "pagination__list-item  pagination__page-label" }, h("span", null, showDropDown ? (h("span", { "aria-current": "page", class: "pagination__advanced-label" }, h("input", { "aria-label": this.pageSelectLabel, class: "pagination__page-input", onFocus: this.onFocusPageInput, onInput: this.onPageInput, ref: (el) => (this.pageInput = el), type: "text", value: this.page }), h("span", { "aria-hidden": "true" }, this.pageLabel, " ", this.pages.toLocaleString()))) : (h("span", { "aria-current": "page" }, ariaPageLabel))))) : (h("li", { class: "pagination__list-item" }, h("swirl-visually-hidden", null, h("span", { "aria-current": "page" }, ariaPageLabel)))), h("li", { key: '6848c16b69f7e9b67f7924eeb7c4d10bdf7ede4c', class: "pagination__list-item" }, h("swirl-button", { key: '566365451279b0578be3ba9378204c144791db8d', class: "pagination__next-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-chevron-right></swirl-icon-chevron-right>", iconPosition: "end", intent: "primary", label: this.nextButtonLabel, onClick: this.onNextButtonClick })), h("li", { key: 'fec0371d798351e16ea95a2b3b886ff310a71bd5', class: "pagination__list-item" }, h("swirl-button", { key: 'b1d0b4b994695ab9d46eaeb10835a8cf23cb7ed8', 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 }))))));
     }
     static get style() { return SwirlPaginationStyle0; }
 }, [1, "swirl-pagination", {

package/dist/components/swirl-pdf-reader.js CHANGED Viewed

@@ -217,15 +217,15 @@ const SwirlPdfReader$1 = /*@__PURE__*/ proxyCustomElement(class SwirlPdfReader e
             "pdf-reader--hide-menu": !hasMenuItems,
             "pdf-reader--show-thumbnails": this.showThumbnails,
         });
-        return (h(Host, { key: '5d554d7bd32ebc66b403d5c21d7fced777886c91' }, h("section", { key: '453013c49d86db23b49f365ef27c9c29e101f700', "aria-hidden": "true", "aria-label": this.label, class: className, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, h("div", { key: '59f56410a0c778be45c24d7031f075a78a9d9131', class: "pdf-reader__body", role: "document" }, h("header", { key: 'c48b990aea78709b61139d8e5cbb0e5a9b86bcc2', class: "pdf-reader__header" }, h("span", { key: 'ff3d2404df56cf3f187b655264d1ac3da2506a2b', class: "pdf-reader__header-left" }, h("swirl-button", { key: 'ff250cfc67a23b91eeb6d32b0b8989df749fdc96', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), h("span", { key: 'eb5239059c85855f44840e55a59ff94da5b99ae4', class: "pdf-reader__label" }, this.label)), h("span", { key: 'b061a920b4fd83b0c73a870958c199b9da9a50f2', class: "pdf-reader__header-center" }, h("span", { key: 'dad9534b7138f9919933fd0ffd91f3161b79f0c5', class: "pdf-reader__zoom-button-container" }, h("swirl-button", { key: '96962f4c16c47b2c5f7e33e67f08b026c463fc26', class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[0], hideLabel: true, icon: "<swirl-icon-remove></swirl-icon-remove>", label: this.zoomOutButtonLabel, onClick: this.onZoomOutButtonClick }), h("swirl-button", { key: 'fde940c0c7da04cb07637375f81f8fcf4d9af283', class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], hideLabel: true, icon: "<swirl-icon-add></swirl-icon-add>", label: this.zoomInButtonLabel, onClick: this.onZoomInButtonClick })), h("span", { key: '885616c90830e2a9752155b676eecac78924acf5', class: "pdf-reader__zoom-select-container" }, h("select", { key: '8bf9d54b48d2cbc72ed03ccc622fc8996ee1ff19', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, h("option", { key: '39ba600993eb7caa6031de24f7a806c7c11df802', selected: this.zoom === "auto", value: "auto" }, this.autoZoomLabel), this.zoomSteps.map((zoom) => (h("option", { key: zoom, selected: this.zoom === zoom, value: zoom }, zoom * 100, "%")))), h("swirl-icon-expand-more", { key: 'd4aeec1a552095c696ac13d9d4afebe06634d17f', class: "pdf-reader__zoom-select-icon" }))), h("span", { key: '73524a26c3ba2a03bc24697a0fbe621663f16c5f', class: "pdf-reader__header-right" }, h("swirl-popover-trigger", { key: '02833ed4e04d18b79d87c4b4b73646a263bcbcf1', swirlPopover: this.menu }, h("swirl-button", { key: '457f218d101f80db89dcd302bf4bfeeb41f2512c', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), h("span", { key: '10e512f694b215949f1ff3548732f86b94ad8471', class: "pdf-reader__floating-tools" }, h("button", { key: '0e25b37a6d75b1bcf9d5020b45860cd3eace03f9', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, h("swirl-icon-menu-book", { key: 'd4f3f2ea28a1df032fbefc8631fe456b58485f45' })), h("button", { key: 'ec85dbec8df0aa67773d1af6807bd5a57b4b32fb', "aria-controls": "thumbnails", "aria-expanded": String(Boolean(this.showThumbnails)), "aria-label": this.thumbnailsButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleThumbnals, type: "button" }, h("swirl-icon-file-copy", { key: '4530bd763a7e88acea0632d6600476c69c680d40' })))), h("div", { key: '648c6f629ad3beff4d598a8b1cfac881485749e0', class: "pdf-reader__content" }, h("nav", { key: '80e3360a923467a972f051190330a47542d5855b', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && h("swirl-spinner", { key: '64072f09f98a776f3e6c95af45341a6306df1d73' }), !this.loadingThumbnails &&
+        return (h(Host, { key: 'b98e2d55d898dc79865d67169e3915143904964f' }, h("section", { key: '79c7969d68c722c4a731c6feb17f6b037a67ac9b', "aria-hidden": "true", "aria-label": this.label, class: className, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, h("div", { key: 'a31f466d3d56f5183b0a5ce12c342d305abc13a6', class: "pdf-reader__body", role: "document" }, h("header", { key: '429b0e53eb529cd937805f416c5f687548ea7aaa', class: "pdf-reader__header" }, h("span", { key: 'a05280d69ee9a8d507971f7a3fa672cf0d3deda2', class: "pdf-reader__header-left" }, h("swirl-button", { key: 'f1d79af38c7b7ee5152718af881b1485bf5ee600', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), h("span", { key: '7eb3753ca638dfa8833f1ece407e2df42b0ce9b8', class: "pdf-reader__label" }, this.label)), h("span", { key: '1f6ebdee5beda1b4b9efb9dc7f5f498db674645f', class: "pdf-reader__header-center" }, h("span", { key: 'f8726ccafc993fba57433ecfc07a0f617e2c2906', class: "pdf-reader__zoom-button-container" }, h("swirl-button", { key: 'd4f03d6f39440324085d2fe469fcf0c7b2d75168', class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[0], hideLabel: true, icon: "<swirl-icon-remove></swirl-icon-remove>", label: this.zoomOutButtonLabel, onClick: this.onZoomOutButtonClick }), h("swirl-button", { key: '0c18f0c9ff0e32470344d8233a13b9097551cd38', class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], hideLabel: true, icon: "<swirl-icon-add></swirl-icon-add>", label: this.zoomInButtonLabel, onClick: this.onZoomInButtonClick })), h("span", { key: '4eca318e5e989487a7118d376017f7cabd5c77d0', class: "pdf-reader__zoom-select-container" }, h("select", { key: '04b861a96873d63125d8d7e877326959d5adf920', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, h("option", { key: '17cd08bea4ae1a51f83ca979b30882d206d70a5f', selected: this.zoom === "auto", value: "auto" }, this.autoZoomLabel), this.zoomSteps.map((zoom) => (h("option", { key: zoom, selected: this.zoom === zoom, value: zoom }, zoom * 100, "%")))), h("swirl-icon-expand-more", { key: '693977adf2884dbe1a6aa9ae1eb869216a8755f9', class: "pdf-reader__zoom-select-icon" }))), h("span", { key: '3237fc070374cf1376f9f8986784ce3f538ec5e6', class: "pdf-reader__header-right" }, h("swirl-popover-trigger", { key: '3c7fdd4fbfffc00c28df32a696274031ef406ac0', swirlPopover: this.menu }, h("swirl-button", { key: 'fbaad43371abdaad13e4c92a002ec511ecbe61d8', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), h("span", { key: '785f05b31ed8bb4bf44b953cb1357c0f32b90591', class: "pdf-reader__floating-tools" }, h("button", { key: '40d2fba151469f0a21fc3d403f58d4787a205894', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, h("swirl-icon-menu-book", { key: '0a6f7dc866c83d3629e795398e6e4f039097c102' })), h("button", { key: 'dcf71874a2645920cb4e0532bd57e9646c5686d2', "aria-controls": "thumbnails", "aria-expanded": String(Boolean(this.showThumbnails)), "aria-label": this.thumbnailsButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleThumbnals, type: "button" }, h("swirl-icon-file-copy", { key: '8f9d0937eb27f3eb0d75188e48e5b1d5ba238368' })))), h("div", { key: 'e82b50d1ba99ca2d4aa3548ddd9f18805d955e77', class: "pdf-reader__content" }, h("nav", { key: '80637a1a2ab6df90e4ea2f92a17a466e8046d116', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && h("swirl-spinner", { key: '5a42f8d16dae2e3694159cfe3a6a3f83c36c8e6a' }), !this.loadingThumbnails &&
             this.thumbnails.map((thumbnail, index) => {
                 const thumbnailClassName = classNames("pdf-reader__thumbnail", {
                     "pdf-reader__thumbnail--active": this.visiblePages[0] === index + 1,
                 });
                 return (h("button", { "aria-label": `${this.thumbnailButtonLabel} ${index + 1}`, class: thumbnailClassName, onClick: this.onThumbnailClick(index), type: "button" }, h("img", { src: thumbnail.toDataURL("image/png"), alt: "" })));
-            })), h("swirl-file-viewer", { key: '9c0cf47142e57c878cbbd1a2e0f362655165b288', active: this.active, class: "pdf-reader__viewer", file: this.file, fileName: this.fileName, onActivate: this.onActivate, onVisiblePagesChange: this.onVisiblePagesChange, pdfWorkerSrc: this.pdfWorkerSrc, ref: (el) => (this.viewer = el), type: "application/pdf", viewMode: this.viewMode, zoom: this.zoom }), h("div", { key: '58211558433c2555f541c2578c0681d8938bfe8e', class: "pdf-reader__mobile-zoom-controls" }, h("button", { key: '661e2ab360794cfa447e10eb5af5f5a4a5bb3552', "aria-label": this.autoZoomLabel, class: "pdf-reader__mobile-zoom-button", onClick: this.onZoomAutoButtonClick, type: "button" }, this.zoom === "auto" ? (h("swirl-icon-fullscreen-exit", null)) : (h("swirl-icon-fullscreen", null))), h("button", { key: '3ec9fa1f3edc72619d3faaf4b5b711b9ee379bac', "aria-label": this.zoomInButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], onClick: this.onZoomInButtonClick, type: "button" }, h("swirl-icon-add", { key: '12451b399bff204f384966989718850434266a3c' })), h("button", { key: '41edf1a746549be7d65dbe08990ddf08ffcc1091', "aria-label": this.zoomOutButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[0], onClick: this.onZoomOutButtonClick, type: "button" }, h("swirl-icon-remove", { key: '5f0d609a5623b914470c30c76df3ce1f2d44a900' }))))), h("swirl-popover", { key: '4dc4442b054248f1e80dc0de624ef8bd455884ae', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: '5ada62197c4bc3ca403c0695781999e9b99bd418' }, h("div", { key: 'b096c94c18984a9a1d517258369587bacb39c4f6', class: "pdf-reader__meta" }, h("div", { key: '5d5e5dc28224cda01d151cc1c2a5386a596978ea', class: "pdf-reader__file-icon" }, h("svg", { key: 'd08f4e6a825d6aa81c52afeff6efa41eeb9fc905', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, h("path", { key: '7472b337e774ff0c577f2b843eee2ebbf6ae5e95', d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), h("path", { key: 'bdc47714d4d5c93a6b14fb264746235e6627ccac', d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), h("path", { key: '99210c05a2abab4987715b92b0b4408ed220cef3', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), h("path", { key: '88701c2de6d32bb326e3b87d14a6169a1f7b122d', d: "M3.59961 9.00001C3.59961 8.0059 4.4055 7.20001 5.39961 7.20001H14.854C15.3314 7.20001 15.7893 7.38965 16.1268 7.72722L19.8724 11.4728C20.21 11.8104 20.3996 12.2682 20.3996 12.7456V27C20.3996 27.9941 19.5937 28.8 18.5996 28.8H5.39961C4.4055 28.8 3.59961 27.9941 3.59961 27V9.00001Z", fill: "#FF574D" }), h("path", { key: '19836103fc4dc46a6828546db237a6696c3057dd', d: "M15.5996 7.36166V10.2C15.5996 11.1941 16.4055 12 17.3996 12H20.2379C20.3237 12.1884 20.3768 12.3913 20.3937 12.6H17.3996C16.0785 12.6 15.0067 11.5325 14.9996 10.213L14.9996 7.20587C15.2083 7.2228 15.4112 7.27593 15.5996 7.36166Z", fill: "white" }), h("path", { key: '091a5f502512ad338ec4fc43def7903b3a2d1d61', d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), h("path", { key: '5f2dcc174a6526b3209d0c84906d65e2d248df4a', d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), h("path", { key: '92edb84540039be27ea3b52d3054f99b71fb9e4b', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), h("div", { key: 'f964b44ee76945aed28867192f32b3a3db1a8164', class: "pdf-reader__file-info" }, h("swirl-text", { key: 'b694ff872631ace21483898b3f712fb7f4d99a7d', truncate: true, weight: "semibold" }, this.label), h("swirl-text", { key: '01ab58cef5c4120e59ae2e1fe2b8921769196d27', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && h("swirl-separator", { key: 'cdd1d47cba8bcef197902761639c6ad9ed6e96eb' }), h("swirl-action-list", { key: 'b60de759a56a6e941294a074bfc0602717d33055', class: "pdf-reader__menu" }, this.printButtonEnabled && (h("swirl-action-list-item", { key: '7c0ce18b8d4a126169abb37c00ccc00a2eb7faf6', class: "pdf-reader__print-button", icon: "<swirl-icon-print></swirl-icon-print>", label: this.printButtonLabel, onClick: this.onPrintButtonClick })), this.downloadButtonEnabled && (h("swirl-action-list-item", { key: '37a0497079bd17b586e731bc5b2337c98df4ec11', class: "pdf-reader__download-button", disabled: this.downloading, icon: !this.downloading
+            })), h("swirl-file-viewer", { key: '93968c37c3fb60094507ff98551761a4c5f6d5b5', active: this.active, class: "pdf-reader__viewer", file: this.file, fileName: this.fileName, onActivate: this.onActivate, onVisiblePagesChange: this.onVisiblePagesChange, pdfWorkerSrc: this.pdfWorkerSrc, ref: (el) => (this.viewer = el), type: "application/pdf", viewMode: this.viewMode, zoom: this.zoom }), h("div", { key: 'a43f60a606c1bb6a71c798ddf013f7ec6b3577dd', class: "pdf-reader__mobile-zoom-controls" }, h("button", { key: 'add4aab18be18484e003bb7b7f3de12d1a745909', "aria-label": this.autoZoomLabel, class: "pdf-reader__mobile-zoom-button", onClick: this.onZoomAutoButtonClick, type: "button" }, this.zoom === "auto" ? (h("swirl-icon-fullscreen-exit", null)) : (h("swirl-icon-fullscreen", null))), h("button", { key: 'dc6cbf23eb401cdbe7731bb4b90d5a3ebebc0a41', "aria-label": this.zoomInButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], onClick: this.onZoomInButtonClick, type: "button" }, h("swirl-icon-add", { key: '6d9cb1897157fce7cb6719b787af24ec45dd993f' })), h("button", { key: '8bbcfca12368ac943883538cae6ecde36a6d6830', "aria-label": this.zoomOutButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[0], onClick: this.onZoomOutButtonClick, type: "button" }, h("swirl-icon-remove", { key: 'e7621f5f69e9fb049af458bfe69514ee4b757884' }))))), h("swirl-popover", { key: '47a19324ad61a4f85b3e978b87273cdb5265b458', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: 'd582e076616b4b58e80c5ed69414e087574f9e2d' }, h("div", { key: 'eba1d8f0f59825c617d460274d126868018e8902', class: "pdf-reader__meta" }, h("div", { key: '9e482c5c9d5e245291834796057f1a33f73d5200', class: "pdf-reader__file-icon" }, h("svg", { key: '5b98560f82b34390e70c1e08c66861d5041b8cf7', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, h("path", { key: 'a457163273d46c89ba8c898157dfd392d6c699da', d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), h("path", { key: 'a566ae2306d2f71ca392d1680852522d1104ff8f', d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), h("path", { key: 'c95e02e13bc82555a13403d07e5f000c1147fd87', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), h("path", { key: 'c9d1954f66e1dee43656c900f36c15699f3daceb', d: "M3.59961 9.00001C3.59961 8.0059 4.4055 7.20001 5.39961 7.20001H14.854C15.3314 7.20001 15.7893 7.38965 16.1268 7.72722L19.8724 11.4728C20.21 11.8104 20.3996 12.2682 20.3996 12.7456V27C20.3996 27.9941 19.5937 28.8 18.5996 28.8H5.39961C4.4055 28.8 3.59961 27.9941 3.59961 27V9.00001Z", fill: "#FF574D" }), h("path", { key: '47913f83ef77d0ae284d356f8d802577044d913b', d: "M15.5996 7.36166V10.2C15.5996 11.1941 16.4055 12 17.3996 12H20.2379C20.3237 12.1884 20.3768 12.3913 20.3937 12.6H17.3996C16.0785 12.6 15.0067 11.5325 14.9996 10.213L14.9996 7.20587C15.2083 7.2228 15.4112 7.27593 15.5996 7.36166Z", fill: "white" }), h("path", { key: '15559f8ae2b8d9d33931431dc933d9f2a675c5dc', d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), h("path", { key: '3d865301834f93a733fa7c6de9bdb2bd244e93ae', d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), h("path", { key: 'e7a2cd443c4eaa6d7a52b1da02028e4bb1261eba', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), h("div", { key: '6bedc40cac0e6e5b2f58112e19f41acc835e29f6', class: "pdf-reader__file-info" }, h("swirl-text", { key: '8e4bf6b3308baf3a6cc4d67f43433e561bccee41', truncate: true, weight: "semibold" }, this.label), h("swirl-text", { key: '48383b264bc1ea29301905502f53cf69a4a5f451', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && h("swirl-separator", { key: 'e012f1ab3b1d30058e42ed7621542c925b9bb267' }), h("swirl-action-list", { key: 'e96277f5425ce80ec7bffbb2f0ca52e135b5de57', class: "pdf-reader__menu" }, this.printButtonEnabled && (h("swirl-action-list-item", { key: 'a0c40f36c120a7352afad28355684abd39892096', class: "pdf-reader__print-button", icon: "<swirl-icon-print></swirl-icon-print>", label: this.printButtonLabel, onClick: this.onPrintButtonClick })), this.downloadButtonEnabled && (h("swirl-action-list-item", { key: '6dcbb8a7f4716423947cd42bd0123e5d6b1a0007', class: "pdf-reader__download-button", disabled: this.downloading, icon: !this.downloading
                 ? "<swirl-icon-download></swirl-icon-download>"
-                : '<swirl-spinner size="xs"></swirl-spinner>', label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), h("slot", { key: 'fad14d463fea7b1843799568031455fc1fec97f2', name: "menu-items" })))))));
+                : '<swirl-spinner size="xs"></swirl-spinner>', label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), h("slot", { key: '281de19c25482e9ac0bb2744e5d65a8fc4c22467', name: "menu-items" })))))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/swirl-popover-trigger2.js CHANGED Viewed

@@ -164,7 +164,7 @@ const SwirlPopoverTrigger = /*@__PURE__*/ proxyCustomElement(class SwirlPopoverT
         return isActive;
     }
     render() {
-        return (h(Host, { key: '8867c30d9f11ad594513a2cafe2d72334310bab1', onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, h("slot", { key: '98dc49e17be5996164aa27b3b641cb123c2e9545' })));
+        return (h(Host, { key: '301b84437aa2fdc12b313ed844a66386a70d12dc', onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, h("slot", { key: '0ed5e952b04c3aa9eef3540ab2056ee2021275f9' })));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/swirl-popover2.js CHANGED Viewed

@@ -258,14 +258,14 @@ const SwirlPopover = /*@__PURE__*/ proxyCustomElement(class SwirlPopover extends
             "popover--inactive": !this.active,
             "popover--transparent": this.transparent,
         });
-        return (h(Host, { key: '76cd94297df9e6862f9fd3d87be7e0b180266dd8' }, h("div", { key: 'dbf6126741d68adba902a5828f06d3cb47933549', class: className, onKeyDown: this.onKeydown }, h("div", { key: '3c48a4024097baeb6bd3e0112983cc70ebf612dd', "aria-hidden": !this.active ? "true" : "false", "aria-label": this.label, class: "popover__content", id: this.popoverId, part: "popover__content", role: "dialog", ref: (el) => (this.contentContainer = el), style: {
+        return (h(Host, { key: '53208f97f3dff7582f6c2a92aacae8dfb405d065' }, h("div", { key: 'a0de9af1dd5f60f9716aaa9f5f0b443ec226a590', class: className, onKeyDown: this.onKeydown }, h("div", { key: '80395e87cf4e005c3a7a9f2433eb0847dd857ecd', "aria-hidden": !this.active ? "true" : "false", "aria-label": this.label, class: "popover__content", id: this.popoverId, part: "popover__content", role: "dialog", ref: (el) => (this.contentContainer = el), style: {
                 top: Boolean(this.position) ? `${this.position?.y}px` : "",
                 left: Boolean(this.position) ? `${this.position?.x}px` : "",
-            }, tabindex: "-1" }, h("span", { key: 'af5b109fc2fbab32f765f1f65379acee1e991443', class: "popover__handle" }), h("div", { key: '1186d1c6b590b7f75e734b3e1da88abd9cab9bef', class: "popover__scroll-container", part: "popover__scroll-container", ref: (el) => (this.scrollContainer = el), style: {
+            }, tabindex: "-1" }, h("span", { key: '788dc8d1bb547c8278dc5696c9255cb019a42090', class: "popover__handle" }), h("div", { key: 'ad1e926036acb45cbc289d94056e7c674e26be30', class: "popover__scroll-container", part: "popover__scroll-container", ref: (el) => (this.scrollContainer = el), style: {
                 maxHeight: !mobile && Boolean(this.maxHeight)
                     ? this.maxHeight
                     : undefined,
-            } }, h("slot", { key: '8c13419e06cb3edc4e929e2078b86a33790d0b97' }))), this.active && (h("div", { key: '75c03c42148ed258c1a8de80cbf3870c000c0ac6', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
+            } }, h("slot", { key: '3bfaad36e3860ccbb6f75093f3df1e9e82673015' }))), this.active && (h("div", { key: '5ea925a8c1bb705a7d5aecf3e87ee51a7f38b0b2', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
     }
     get el() { return this; }
     static get style() { return SwirlPopoverStyle0; }

package/dist/components/swirl-progress-indicator2.js CHANGED Viewed

@@ -20,7 +20,7 @@ const SwirlProgressIndicator = /*@__PURE__*/ proxyCustomElement(class SwirlProgr
         const radius = this.size === "m" ? 20 : 10;
         const circumference = Math.round(radius * 2 * Math.PI);
         const dashOffset = Math.round(circumference * ((100 - this.value) / 100));
-        return (h(Host, { key: '86d3de561f129aaae1302b1f91b7638c2afd532b', class: this.variant }, this.variant === "bar" && (h("progress", { key: 'ff9f1373789cd407705cc77ebcd64c3ce39f83e4', "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className, max: 100, value: this.value })), this.variant === "circle" && (h("span", { key: '1f38d4ac5592f9833ff096b71b7c24ee20a1662b', role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className }, h("svg", { key: '433a4f91da390ae9a04e42eca709f0be0dfc209a', class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(radius + strokeWidth) * 2} ${(radius + strokeWidth) * 2}` }, h("circle", { key: '087a4278b0fb0d08b3c6788d42dd78d88831c5a6', class: "progress-indicator__circle-background", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth }), h("circle", { key: '6f4941ae9621800e6ac9a3f000502c9852eb29f6', 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 (h(Host, { key: 'b0055e1af4f90544d14efab8c1c1e7bbfd88b59a', class: this.variant }, this.variant === "bar" && (h("progress", { key: '8af1fec195f11ae75d74ca69994ec7fad91f933d', "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className, max: 100, value: this.value })), this.variant === "circle" && (h("span", { key: '2539beb6d3fd754ea7550c7a5351b9318d1dc3d7', role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className }, h("svg", { key: 'be87aaf4d43e3dd65e9be85dbd8a2f5a93ff7162', class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(radius + strokeWidth) * 2} ${(radius + strokeWidth) * 2}` }, h("circle", { key: '194f56603d0076e7ab254346d431f7257384af4e', class: "progress-indicator__circle-background", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth }), h("circle", { key: 'b78e26c2945bfc2465e8edb0e120f9e3cc52055a', class: "progress-indicator__circle-value", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth, "stroke-dasharray": circumference, "stroke-dashoffset": dashOffset }))))));
     }
     static get style() { return SwirlProgressIndicatorStyle0; }
 }, [1, "swirl-progress-indicator", {

package/dist/components/swirl-radio-group.js CHANGED Viewed

@@ -44,7 +44,7 @@ const SwirlRadioGroup$1 = /*@__PURE__*/ proxyCustomElement(class SwirlRadioGroup
         }
     }
     render() {
-        return (h(Host, { key: '97e4af9559948ab407d58c5308f67ec282a896bc', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, h("div", { key: '98a882a5f9580c38af1f19fca145d6a355b50e18', class: "radio-group" }, h("slot", { key: 'bcc21f885d64b12786c9a7ea5a306de1db6e59e4' }))));
+        return (h(Host, { key: '1e01eb6ceacb20bcd71535219b96cc9a2a54ade6', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, h("div", { key: '86b29d67758d1fef3172a8c3c83fc443c732ec2e', class: "radio-group" }, h("slot", { key: 'b9073f0993b00cd97ef1eb8bc925181e9b6c1062' }))));
     }
     get el() { return this; }
     static get style() { return SwirlRadioGroupStyle0; }

package/dist/components/swirl-radio.js CHANGED Viewed

@@ -47,7 +47,7 @@ const SwirlRadio$1 = /*@__PURE__*/ proxyCustomElement(class SwirlRadio extends H
             "radio--invalid": this.invalid,
             "radio--unchecked": unchecked,
         });
-        return (h(Host, { key: '347a9e879000b24ab96cf1a95e34492c4d345678', style: { width: this.variant === "card" ? "100%" : undefined } }, h("label", { key: 'c44f76fab430bc543e22afa0e0c530a9e9052c86', class: className, htmlFor: this.inputId }, h("span", { key: '53fcdff14dfd990e56a80d351f33f990ade6df7d', class: "radio__control" }, h("swirl-visually-hidden", { key: 'f4aa1f4df25ffceeb690280532c274bc6dd48419' }, h("input", { key: '34ecdd911ee92fd2e44ebb06cfacbc1f4447a608', "aria-checked": ariaCheckedLabel, "aria-invalid": ariaInvalid, checked: checked, class: "radio__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, type: "radio", value: this.value })), h("span", { key: '0a04bcc26ee2af7f26b85103316acfd183cb5a95', "aria-hidden": "true", class: "radio__box" })), h("span", { key: '4cb13123f50c9a162a3ecdbd7ed06019c13f50d3', class: "radio__label-container" }, this.label && (h("span", { key: '9cbb641332fbb03bcd68128c8a75e0ecfa4b0f0c', class: "radio__label" }, this.label, this.tooltip && (h("swirl-tooltip", { key: 'b92d64ab5e4935caa07357cbdc25ef1d673ee273', content: this.tooltip, position: "top" }, h("swirl-icon-help", { key: 'da75896584bde95a9f41aa1bed3324942a6f2f31', color: "default", size: 20, tabIndex: 0 }))))), this.description && (h("span", { key: 'b97abaa3f0b714ba29aa87ead6e6d46fe64a4a26', class: "radio__description", innerHTML: this.description }))))));
+        return (h(Host, { key: 'fbf3f0ee0b30c72b5ad65ac0692b6e9d31b7d90a', style: { width: this.variant === "card" ? "100%" : undefined } }, h("label", { key: 'a7ea6566aa319b575a84929840b7a73a5a0b9056', class: className, htmlFor: this.inputId }, h("span", { key: '013c04a9fc328161c2f7ef1277918bd678017abf', class: "radio__control" }, h("swirl-visually-hidden", { key: 'ec6a686366bbfc2f0eb880f64228b743b054208c' }, h("input", { key: 'c1f503b67a5e04ce44e26e719656282d94e03461', "aria-checked": ariaCheckedLabel, "aria-invalid": ariaInvalid, checked: checked, class: "radio__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, type: "radio", value: this.value })), h("span", { key: '31655ce0ba8f93ae33e472cae75a901eaef8d0be', "aria-hidden": "true", class: "radio__box" })), h("span", { key: '7bdf6ef7ce9b2c66f4fef128e7f0d5b5a2dbc3d6', class: "radio__label-container" }, this.label && (h("span", { key: '7a12b6a227a56b1054ad2e3598bf56e57fdbfc9c', class: "radio__label" }, this.label, this.tooltip && (h("swirl-tooltip", { key: '392c3f0be615b16c51d272aef5bfb8babf6378ef', content: this.tooltip, position: "top" }, h("swirl-icon-help", { key: '321bba48e44221a8d17d196d7e6fb044aa41ca3f', color: "default", size: 20, tabIndex: 0 }))))), this.description && (h("span", { key: '6f8c09868609b23f9d67aa0b31c972a549f499ff', class: "radio__description", innerHTML: this.description }))))));
     }
     static get style() { return SwirlRadioStyle0; }
 }, [2, "swirl-radio", {

package/dist/components/swirl-resource-list-file-item.js CHANGED Viewed

@@ -49,7 +49,7 @@ const SwirlResourceListFileItem$1 = /*@__PURE__*/ proxyCustomElement(class Swirl
         const className = classNames("resource-list-file-item", {
             "resource-list-file-item--has-control": showSpinner || showRemoveButton,
         });
-        return (h(Host, { key: '52a21c836d395d3751a28cb38385d0338141f0a9', role: "row" }, h("div", { key: 'c8f6f83ea35a75cdc85c8daf1fbb8fbe47fc6f71', class: className, part: "resource-list-file-item", role: "gridcell" }, h("span", { key: '61ca6c7ae2ec79b2289cd915b2e2a95c86bc7751', class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }), h("span", { key: 'dc9162751ab7bc3c4e40b53ec13932cc8910a020', class: "resource-list-file-item__label-container" }, h("span", { key: 'e620d6890dee3019492fc6e2930790766450ec4e', class: "resource-list-file-item__label", id: "label" }, this.label), showDescription && (h("span", { key: '33972619d5d7a70f0a614698a01bb260a109503e', class: "resource-list-file-item__description" }, this.description)), showError && (h("span", { key: 'b3dd47b3fced83be904b659d51a3c467bfb39c78', "aria-live": "polite", class: "resource-list-file-item__error-message" }, h("swirl-inline-error", { key: '5e20717f10da7cba9ffed0648208ff90b29dce0a', message: this.errorMessage, size: "s" })))), showSpinner && (h("span", { key: 'be1faccf84dfd6291805b457cc75c2942bc86fcc', class: "resource-list-file-item__spinner" }, h("swirl-spinner", { key: 'f91f8360e549ce536e68ba6afd74d74bfed6ea76', size: "s" }))), showRemoveButton && (h("span", { key: '02b64ff26c81f3c12e56962de1373c55ccc44123', class: "resource-list-file-item__remove-button" }, h("swirl-button", { key: '42deed1db50450dd71a556e3615ffb9e0b206534', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))))));
+        return (h(Host, { key: 'bbf7d4cf8f9eae81bad49bec1307cf45a2004f11', role: "row" }, h("div", { key: '0959caa4bede9ed5a649b80c98366568eff0e4bc', class: className, part: "resource-list-file-item", role: "gridcell" }, h("span", { key: '0eeef5e65fad8fa597a643458c5fb264149fa7cc', class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }), h("span", { key: 'fea932a17c0b6964be6c566ddd3ee9bd79a17df4', class: "resource-list-file-item__label-container" }, h("span", { key: '724df159b81a3051a99ce643008a687b46ad49a5', class: "resource-list-file-item__label", id: "label" }, this.label), showDescription && (h("span", { key: 'bddfdd71675b637955c9de19d64ae4bca023ca3d', class: "resource-list-file-item__description" }, this.description)), showError && (h("span", { key: '44b7e596c8497af50b6cd32f3fb6b03890291297', "aria-live": "polite", class: "resource-list-file-item__error-message" }, h("swirl-inline-error", { key: '0c867d1feaf0656c8f7c133964a32813905ccc15', message: this.errorMessage, size: "s" })))), showSpinner && (h("span", { key: 'aba4068b2354414f4d3894847e25d724eedbcbd9', class: "resource-list-file-item__spinner" }, h("swirl-spinner", { key: 'aa0bf9e3e0b0d92847929ddec9e2ebf54ea9aaae', size: "s" }))), showRemoveButton && (h("span", { key: '0eaa41587f80cc96aa159039670a72eb3771afc7', class: "resource-list-file-item__remove-button" }, h("swirl-button", { key: '45830b0497beb5dee13ef0c1e61252b73d16fc03', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))))));
     }
     static get style() { return SwirlResourceListFileItemStyle0; }
 }, [2, "swirl-resource-list-file-item", {

package/dist/components/swirl-resource-list-item2.js CHANGED Viewed

@@ -161,7 +161,7 @@ const SwirlResourceListItem = /*@__PURE__*/ proxyCustomElement(class SwirlResour
             "resource-list-item--wrap-description": this.descriptionWrap,
             "resource-list-item--wrap-label": this.labelWrap,
         });
-        return (h(Host, { key: '5be67a17757507369542b8cf618c57d9af7ae4fc', role: "row" }, h("div", { key: '69b5a264541dbe67a7bc2fabbbd7fde7c6835065', class: className, role: "gridcell" }, h(Tag, { key: '6e9c93a7fefc863ca1b99da52412dc5d6bae7728', "aria-checked": ariaChecked, "aria-disabled": disabled ? "true" : undefined, "aria-label": ariaLabel, "aria-labelledby": Boolean(this.swirlAriaLabel) ? undefined : this.elementId, class: "resource-list-item__content", href: href, disabled: disabled, onClick: this.onClick, onBlur: this.onBlur, onFocus: this.onFocus, part: "resource-list-item__content", role: role, tabIndex: 0, type: Tag === "button" ? "button" : undefined }, this.hasMedia && (h("span", { key: '64753aef4f1d30e0effb97986e7f98be36e82de8', class: "resource-list-item__media" }, h("slot", { key: '6d52ff59b03a04b73c15b6ce8e8631895f3ed03f', name: "media" }))), h("span", { key: '51b717b469bdaa6ba8b8e0055c32e4b4c5eb8fea', class: "resource-list-item__label-container", style: labelContainerStyles }, h("span", { key: '8acdd3eebe871b73db99b0fad7694c85c037845e', class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : undefined }, !this.allowHtml && this.label), this.description && (h("span", { key: '0f321dfadeb9835bc6a09ac372a112d36e7cb421', class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : undefined }, !this.allowHtml && this.description))), showMeta && (h("span", { key: '25b59f01033eb7f8b80ea8e392fcc0db43a73f06', class: "resource-list-item__meta" }, h("span", { key: 'b820724e36fa983c47c8531e9af69cb34038068b', class: "resource-list-item__meta-text" }, this.meta), h("span", { key: 'ac38fd70bb0d0fecae2506bc625ffbbba2a5f4f7', class: "resource-list-item__badges" }, h("slot", { key: 'ce8f0faa8379ec311eaf399334d3830bc199cf3b', name: "badges" }))))), this.selectable && (h("span", { key: '136547350810b5f4d34d52acfbc72a3c2c19b497', "aria-hidden": "true", class: "resource-list-item__checkbox" }, h("span", { key: 'dc7f2ed8cb36e2b8619a1687de3bae98912fd5dd', class: "resource-list-item__checkbox-icon" }, this.checked && (h("swirl-icon-check-strong", { key: '0d002fad41e3eaa731beb5b309040b1b424f6a3a' }))))), h("span", { key: 'ddd6000d44dadf4fbcdfe711357920f4ade74039', class: "resource-list-item__control", onClick: this.onControlClick, ref: (el) => (this.controlContainer = el) }, h("slot", { key: '184bd642b8db3d934ced851972971b339bf1c162', name: "control" })), showMenu && (h("swirl-popover-trigger", { key: '6a36758f43da945287da0885b1698a46b72f8afb', swirlPopover: this.menuTriggerId }, h("swirl-button", { key: '92a49824aefa712532a781d456bd50ca8d8dca76', "aria-disabled": disabled ? "true" : undefined, class: "resource-list-item__menu-trigger", disabled: disabled, hideLabel: true, icon: "<swirl-icon-more-horizontal></swirl-icon-more-horizontal>", intent: "primary", label: this.menuTriggerLabel, onClick: this.onMenuTriggerClick })))), this.allowDrag && (h("button", { key: 'b6d34584b0ce39db65c0de8a80f2f0f5b4dba4b6', "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "resource-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, type: "button" }, h("swirl-icon-drag-handle", { key: '05416c82b9f79b96b14de3da5244d4e4d49b8665', size: this.iconSize })))));
+        return (h(Host, { key: 'ee71a35a51909f48b6481e88902952de6c551d5d', role: "row" }, h("div", { key: '52cadb9dcc3b255500dfca0cfa5b786e7a8b90dc', class: className, role: "gridcell" }, h(Tag, { key: '4ef3eec2ec3fc2ed8299e8f52b5bfeaa751410e8', "aria-checked": ariaChecked, "aria-disabled": disabled ? "true" : undefined, "aria-label": ariaLabel, "aria-labelledby": Boolean(this.swirlAriaLabel) ? undefined : this.elementId, class: "resource-list-item__content", href: href, disabled: disabled, onClick: this.onClick, onBlur: this.onBlur, onFocus: this.onFocus, part: "resource-list-item__content", role: role, tabIndex: 0, type: Tag === "button" ? "button" : undefined }, this.hasMedia && (h("span", { key: '8c748b14176c0da6263e6609f218c4e02996a744', class: "resource-list-item__media" }, h("slot", { key: '9126fbb711cec2f4179f0ad051ecfc2c91af018c', name: "media" }))), h("span", { key: 'f49e3b7fc7998ef327fc75f95a3ebc336ecc8c73', class: "resource-list-item__label-container", style: labelContainerStyles }, h("span", { key: 'ebcaa12a4655cb2615f798806b721d53ba3a18ca', class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : undefined }, !this.allowHtml && this.label), this.description && (h("span", { key: 'b64963c940cfa8b0d309929e6c77485363611313', class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : undefined }, !this.allowHtml && this.description))), showMeta && (h("span", { key: '3d0da6bcdb783d85071cac3c3bf1f0b3af9fe6a0', class: "resource-list-item__meta" }, h("span", { key: '2c939bf964eaa4b1fdcd43a48c67cf5da6755485', class: "resource-list-item__meta-text" }, this.meta), h("span", { key: '21216b62f38fd1031bad7d07746db1c595d01be9', class: "resource-list-item__badges" }, h("slot", { key: '7c30e294778db39c7ead121948fce77a940a2f9c', name: "badges" }))))), this.selectable && (h("span", { key: '3ed06e50ccd5a9096337f2c7d4ffb7ff4bc7853a', "aria-hidden": "true", class: "resource-list-item__checkbox" }, h("span", { key: '81ee8c5911ba9d23ac29d6ea9568b404a163a9dd', class: "resource-list-item__checkbox-icon" }, this.checked && (h("swirl-icon-check-strong", { key: '8aded72608b52bfedccc1d9889c5322b967825ba' }))))), h("span", { key: '08f435f707be1eff4276daede7f9bc8dea0a9eef', class: "resource-list-item__control", onClick: this.onControlClick, ref: (el) => (this.controlContainer = el) }, h("slot", { key: 'ac76664b4fc00749ee6c4e2b78a09ac7d706f5b9', name: "control" })), showMenu && (h("swirl-popover-trigger", { key: '9a8d921b73538b651d1877d3f960349b85121162', swirlPopover: this.menuTriggerId }, h("swirl-button", { key: '1f99dfc95d71205f7c171f7bdc4346eeb563227c', "aria-disabled": disabled ? "true" : undefined, class: "resource-list-item__menu-trigger", disabled: disabled, hideLabel: true, icon: "<swirl-icon-more-horizontal></swirl-icon-more-horizontal>", intent: "primary", label: this.menuTriggerLabel, onClick: this.onMenuTriggerClick })))), this.allowDrag && (h("button", { key: '5683928a73c254aad8a55cc709b669dcd54ad2df', "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "resource-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, type: "button" }, h("swirl-icon-drag-handle", { key: '8aa0c74b94c6b2ad083d2289cc099db67d5114ab', size: this.iconSize })))));
     }
     get el() { return this; }
     static get style() { return SwirlResourceListItemStyle0; }

package/dist/components/swirl-resource-list-section.js CHANGED Viewed

@@ -15,7 +15,7 @@ const SwirlResourceListSection$1 = /*@__PURE__*/ proxyCustomElement(class SwirlR
         this.hasSeparator = false;
     }
     render() {
-        return (h(Host, { key: '7d99780d1a0b26753e3fc0d18e36c1d50f945b7b' }, this.hasSeparator && h("swirl-separator", { key: '40a6026501401ee8dcf52ed5839e63c94c6a3872', spacing: "4" }), h("div", { key: 'fd9330892b89cc80e650b769744b20b3f9562435', "aria-labelledby": "label", role: "rowgroup" }, h("span", { key: 'ca6182b92630079b88443dc0eb7ed1038c814d6f', id: "label", class: "resource-list-section-label", part: "resource-list-section-label" }, this.label), h("swirl-stack", { key: '20fdee6bba4ee99a3ebac1e86184160ee8841935', spacing: this.spacing }, h("slot", { key: '389a4c1c327ba3009050be3dcc5bf5b01ee785fa' })))));
+        return (h(Host, { key: 'df3751fb689175edb9d58ab7263667beca0ed3e5' }, this.hasSeparator && h("swirl-separator", { key: 'd21be68c0bc4687e5a82467b91423556d5c543d5', spacing: "4" }), h("div", { key: '152847e7037f12595b80b7ad2505f4388f1096fc', "aria-labelledby": "label", role: "rowgroup" }, h("span", { key: 'c221f6f8c4f088162d90dbd5c1ebf19c7c91fa82', id: "label", class: "resource-list-section-label", part: "resource-list-section-label" }, this.label), h("swirl-stack", { key: '55b3945d5772a004e6e1649f68d46a094fdd5d70', spacing: this.spacing }, h("slot", { key: 'f21bbdf80dd793d9be6241cef40091939f8730ab' })))));
     }
     static get style() { return SwirlResourceListSectionStyle0; }
 }, [1, "swirl-resource-list-section", {

package/dist/components/swirl-resource-list2.js CHANGED Viewed

@@ -259,7 +259,7 @@ const SwirlResourceList = /*@__PURE__*/ proxyCustomElement(class SwirlResourceLi
         });
     }
     render() {
-        return (h(Host, { key: '04e410a7eb1df3235d088ae42c0b85114d197d99', onKeyDown: this.onKeyDown }, h("swirl-visually-hidden", { key: '8656ba56a85b996765ce641034a42f7245ac4228', role: "alert" }, this.assistiveText), h("swirl-box", { key: '38ada50f222304769a818b6a6ce9040370144cba', paddingInlineEnd: "8", paddingInlineStart: "8" }, h("swirl-stack", { key: 'a7e461662c51c1ed429c01676490ae2576892fbd', "aria-label": this.label, class: "resource-list", id: this.listId, ref: (el) => (this.gridEl = el), role: "grid", spacing: this.spacing }, h("slot", { key: 'ae905d997b22ed8217a6a4f870bc925ba81a38be' })))));
+        return (h(Host, { key: '46b3453bffde76bfa8186b450b586c76b8800e8a', onKeyDown: this.onKeyDown }, h("swirl-visually-hidden", { key: '85f441caf8eb1d6befc6962a8a7573daead8cd5a', role: "alert" }, this.assistiveText), h("swirl-box", { key: '995d67dbfe73d5b4ccd925807b596ee27cb4b7dd', paddingInlineEnd: "8", paddingInlineStart: "8" }, h("swirl-stack", { key: '75630b05ff8c83bc09afa60913cdcc878fb9327d', "aria-label": this.label, class: "resource-list", id: this.listId, ref: (el) => (this.gridEl = el), role: "grid", spacing: this.spacing }, h("slot", { key: '61350cd93a62b4593f115b32383976366adbfe34' })))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/swirl-search.js CHANGED Viewed

@@ -76,7 +76,7 @@ const SwirlSearch$1 = /*@__PURE__*/ proxyCustomElement(class SwirlSearch extends
         const className = classNames("search", `search--variant-${this.variant}`, {
             "search--disabled": this.disabled,
         });
-        return (h(Host, { key: 'e14a6a3309fc681fca55d7d851bad35950a2348c' }, h("span", { key: '2be7ae0f251ea473e17954dc9ec650a8f72cd328', class: className, ref: (el) => (this.iconEl = el) }, h("swirl-icon-search", { key: 'eeb25cb0a556f73258acea09ad2c2825e93de249', "aria-hidden": "true", class: "search__icon" }), h("input", { key: '263afd89e6f43f2c9b777c5a4f9ed41d8f871ec9', "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 && (h("button", { key: '78f2397d2b8f1ad966ad24d871e17139e8140800', "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, h("swirl-icon-cancel", { key: 'b654ebf52976083f9ba3b8e8e8aad159bd9a929d' }))))));
+        return (h(Host, { key: '1567c3a645d05768fe8e9d5b3d8822a7f50e2ff4' }, h("span", { key: 'fc12fe78da2667f72eb3429926cafc7168353423', class: className, ref: (el) => (this.iconEl = el) }, h("swirl-icon-search", { key: '8c2c28c6809b7c77a6838287f187c9210e9ad3bb', "aria-hidden": "true", class: "search__icon" }), h("input", { key: '789d0bc131822c2e02283d7b92501186ed036e15', "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 && (h("button", { key: 'd0383a040ec15f79011a691f528f66af4a80c5a3', "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, h("swirl-icon-cancel", { key: '9eb01c5b0e2dc4dca49050e0a7db9dffca299851' }))))));
     }
     static get style() { return SwirlSearchStyle0; }
 }, [2, "swirl-search", {

package/dist/components/swirl-select.js CHANGED Viewed

@@ -146,11 +146,11 @@ const SwirlSelect$1 = /*@__PURE__*/ proxyCustomElement(class SwirlSelect extends
             "select--search-loading": this.searchLoading,
             "select--standalone": this.standalone,
         });
-        return (h(Host, { key: '768254ab8b19c32ccf5c2fb4ef4b70b6a5fece76', onKeyDown: this.onKeyDown }, h("div", { key: '6b40cdb6643134344de44eeb92661be98c5b384c', class: className }, h("swirl-popover-trigger", { key: '0a1973a87e1fbc338c42ceb5368d74ef75b5c4b6', swirlPopover: this.swirlPopover, setAriaAttributes: false }, h("swirl-stack", { key: '1ba471f1fa24020e3479bb08512fad545945881e', class: "select__value-container" }, this.standalone && (h("span", { key: '5d5186a8d117a82cd5973ba127565dea0b1fa81d', "aria-hidden": "true", class: "select__resize-helper" }, label)), h("input", { key: '3ea666688794c23f20caa4e3ac1c9b32451fc2a1', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, class: "select__input", disabled: this.disabled, readOnly: true, ref: (el) => (this.input = el), type: "text", value: label }))), h("span", { key: '6f473e13ec7a1e6d3cdc6c061a81125b615a4c71', class: "select__multi-select-values" }, this.value
+        return (h(Host, { key: 'e4c4aeec0c23ceb10e14b3db511b3cdf80dcb953', onKeyDown: this.onKeyDown }, h("div", { key: '0db57b420288cfad0afe5416e487e42a22bad267', class: className }, h("swirl-popover-trigger", { key: '9175666caee15b648fa7a03620982d54c1f1f1e5', swirlPopover: this.swirlPopover, setAriaAttributes: false }, h("swirl-stack", { key: 'b9fc7cbecfe9f107edb7909a3f5ecd474dbf869d', class: "select__value-container" }, this.standalone && (h("span", { key: 'db0e8a2ff9ad650c487bed7497ad3afe3015e604', "aria-hidden": "true", class: "select__resize-helper" }, label)), h("input", { key: '6be05a6d1a8f2ba562a15a4266bfc08a7484bca1', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, class: "select__input", disabled: this.disabled, readOnly: true, ref: (el) => (this.input = el), type: "text", value: label }))), h("span", { key: '4f9f13507e1a53ef28aa88f2c1f9d501bdff6eca', class: "select__multi-select-values" }, this.value
             ?.map((value) => this.options.find((option) => option.value === value))
             ?.map((option) => (h("swirl-tag", { "aria-hidden": "true", label: option?.label,
             // eslint-disable-next-line react/jsx-no-bind
-            onRemove: () => this.unselectOption(option?.value), removable: !this.disabled && this.allowDeselect })))), h("span", { key: 'db4c45a9e175f25076bdeb00095b37c3ca0cb4ce', class: "select__indicator" }, this.open ? (h("swirl-icon-expand-less", { size: this.standalone ? 20 : 24 })) : (h("swirl-icon-expand-more", { size: this.standalone ? 20 : 24 }))), h("swirl-popover", { key: '25f9fcb7e48d923e5e1fab8d83b61a1ad67c2bc0', animation: "scale-in-y", class: "select__popover", id: `select-options-${this.selectId}`, label: this.label, offset: offset, onPopoverClose: this.onClose, onPopoverOpen: this.onOpen, ref: (el) => (this.swirlPopover = el), useContainerWidth: this.standalone ? false : "swirl-form-control" }, this.withSearch && (h("div", { key: '644080bb6720cbc5cceefecde21cb5e20190ac8b', class: "select__search" }, h("swirl-icon-search", { key: '3a6343134ad3fa0bf92e1f7f38e46fec7a53ec8c', class: "select__search-icon", size: 20 }), h("input", { key: 'd2c55ec20c598aa7c14c3bbdaf3029b590c32a96', "aria-label": this.searchInputLabel, class: "select__search-input", onInput: this.onSearchInput, placeholder: this.searchPlaceholder, ref: (el) => (this.searchInput = el), type: "search" }), this.searchLoading && (h("swirl-spinner", { key: 'e5f0acc6e79fe9f867499b208b01348c9db9b51f', class: "select__search-spinner", size: "s" })))), h("swirl-option-list", { key: 'a2c9d1dd9a40fbf852245f6f943c29ed7720df5b', allowDeselect: this.allowDeselect, onValueChange: this.select, multiSelect: this.multiSelect, ref: (el) => (this.optionList = el), value: this.value }, !this.searchLoading && (h("div", { key: '4b68e666b73bb019fca8ed0bd94153807808b092', "aria-disabled": "true", class: "select__empty-list-label", role: "option" }, h("swirl-text", { key: 'd23daf302edb7875eebeee31b9622316fc4f04d4', color: "subdued", weight: "medium" }, this.emptyListLabel))), h("slot", { key: '8928aa8085a8f724e3b7cba6e6f605b8dbe29518', onSlotchange: this.onSlotChange }))))));
+            onRemove: () => this.unselectOption(option?.value), removable: !this.disabled && this.allowDeselect })))), h("span", { key: '3a1f1f423fd7455e9b531e87222262f8bba7b6e1', class: "select__indicator" }, this.open ? (h("swirl-icon-expand-less", { size: this.standalone ? 20 : 24 })) : (h("swirl-icon-expand-more", { size: this.standalone ? 20 : 24 }))), h("swirl-popover", { key: '6a2ce51375de331525f2627f30672bb4dce4fc1d', animation: "scale-in-y", class: "select__popover", id: `select-options-${this.selectId}`, label: this.label, offset: offset, onPopoverClose: this.onClose, onPopoverOpen: this.onOpen, ref: (el) => (this.swirlPopover = el), useContainerWidth: this.standalone ? false : "swirl-form-control" }, this.withSearch && (h("div", { key: 'c9de5168f5a66c254ebc27e3f4f4eebec462b278', class: "select__search" }, h("swirl-icon-search", { key: 'f71e3ea1539c50d71f73b32f9695979e6d084630', class: "select__search-icon", size: 20 }), h("input", { key: 'e72f94990346ca928f7ef96356e5f8c318127fe9', "aria-label": this.searchInputLabel, class: "select__search-input", onInput: this.onSearchInput, placeholder: this.searchPlaceholder, ref: (el) => (this.searchInput = el), type: "search" }), this.searchLoading && (h("swirl-spinner", { key: '9e411c05763d21227f4ec6df57854ac1b90ce86c', class: "select__search-spinner", size: "s" })))), h("swirl-option-list", { key: 'a1c53e85baa83a9bde5b01919037eecf293368e7', allowDeselect: this.allowDeselect, onValueChange: this.select, multiSelect: this.multiSelect, ref: (el) => (this.optionList = el), value: this.value }, !this.searchLoading && (h("div", { key: 'c9c8b315c77ba9d276a0393dc9b31a96bb8a6095', "aria-disabled": "true", class: "select__empty-list-label", role: "option" }, h("swirl-text", { key: '199b726f248edcff4e725827373bd8b91f659ce4', color: "subdued", weight: "medium" }, this.emptyListLabel))), h("slot", { key: '71661c8a2ba9163902de76bb928131c268c3b3fc', onSlotchange: this.onSlotChange }))))));
     }
     get el() { return this; }
     static get style() { return SwirlSelectStyle0; }

package/dist/components/swirl-separator2.js CHANGED Viewed

@@ -35,7 +35,7 @@ const SwirlSeparator = /*@__PURE__*/ proxyCustomElement(class SwirlSeparator ext
                 paddingLeft: `var(--s-space-${this.spacing})`,
             };
         const className = classNames("separator", `separator--color-${this.color}`, `separator--orientation-${this.orientation}`);
-        return (h(Host, { key: '9cb972d889442ef48f3ab65f6c60019822d93258', "aria-orientation": this.orientation, class: className, role: "separator", style: styles }, h("span", { key: 'f776b4d21bd22a4c4a7d1960f6dda0c5f317a634', class: "separator__line" }), this.label && (h(Fragment, { key: '582ebc1523ef4670dccc0385839efe00297c608a' }, h("span", { key: '43adeaf3215ac01addc7a311d7ee39d74033aa82', class: "separator__label" }, this.label), h("span", { key: 'c9096ba71a04b585360117a9e8654c6f0ed708d0', class: "separator__line" })))));
+        return (h(Host, { key: 'fd6b09eaa60a24ae49d991cec5b9da558e14d7a9', "aria-orientation": this.orientation, class: className, role: "separator", style: styles }, h("span", { key: 'e5a00de9c1d6c83be96938c932458b0e5c11dce5', class: "separator__line" }), this.label && (h(Fragment, { key: '7f7d3b995feef897122f34add166d85c04da8e59' }, h("span", { key: 'e37f78702c3fac8e8f41a1be44abb4a3c58a86b7', class: "separator__label" }, this.label), h("span", { key: '0d2a495a250d1c37c7bb3bb23a92211187df6cd6', class: "separator__line" })))));
     }
     static get style() { return SwirlSeparatorStyle0; }
 }, [1, "swirl-separator", {