npm - @getflip/swirl-components - Versions diffs - 0.236.1 → 0.238.0 - Mend

@getflip/swirl-components 0.236.1 → 0.238.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 (1739) hide show

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

@@ -288,7 +288,7 @@ const SwirlLightbox$1 = /*@__PURE__*/ proxyCustomElement(class SwirlLightbox ext
             "lightbox--hide-menu": !hasMenuItems,
             "lightbox--hide-toolbar": !hasToolbar,
         });
-        return (h(Host, { key: '711c0392474fa14a7fac934bac030614277b00bb', onKeydown: this.onKeyDown }, h("section", { key: 'c7a1346ba3f62fcb9ffa548cafe9863fea547abf', "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: '693d8618fa2160a65c92752f1905bc1dcec916d0', class: "lightbox__body", role: "document" }, h("header", { key: '4ebbd00119a77c104f00bf5ecac020af03ea389c', class: "lightbox__header" }, h("button", { key: '56a6a0f54ff17b609af4edd0e5923b1155f2fa6e', "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick }, h("swirl-icon-close", { key: '0816497d2f8012e860146c6a8494edde9bc834d2' })), h("div", { key: '4c22c991a5f8f1f6b691d4f9b1e08c6d30b45569', class: "lightbox__toolbar" }, h("slot", { key: '1891cad14a36356781d4a048cff42a650bffb214', name: "toolbar" })), !this.hideMenu && (h("swirl-popover-trigger", { key: '371d1f3dea6b3264e3192b6f7dc6336efb1a2284', swirlPopover: this.menu }, h("button", { key: '73b7f96f9fc510c0e6dfeea714681c7ba71539d4', "aria-label": this.menuTriggerLabel, class: "lightbox__menu-button" }, h("swirl-icon-more-vertikal", { key: 'a8eeb497a471968a5c00bf69e5acdf513f3f84d6' }))))), h("div", { key: 'b6ea4cfdd22f2e3137c971d541dc0e20e51a17fa', "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, h("div", { key: '14f010e3ff24ff158f280680f86afd14039edbd7', "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (el) => (this.slidesContainer = el) }, h("slot", { key: 'efeec16ff88ff1f58d3e8c56f4f16290f3ec08f8', onSlotchange: this.registerSlides }))), h("div", { key: 'd2178f1d694ef3e41960872a920157337c455e1e', class: "lightbox__controls" }, h("button", { key: '583737358a6018e3fb694da1e89ddd0f0456dc69', "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick }, h("swirl-icon-arrow-left", { key: '5b3c53f7c3de10df0bc450efeac73b0d3ba1a055' })), h("button", { key: 'dad26a76dbf5321a3a121a0f00ada47ef96f89a4', "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: '2a3e12886335250986ba13b27c526890cc61c9ef' }))), showPagination && (h("span", { key: '6dc3eb07c58459904cebc3c55b1a3ea61d04b7f9', class: "lightbox__pagination" }, h("span", { key: 'cc9efa1750bac95f556619b87b9ad530364ddf29', "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length))), !this.hideMenu && (h("swirl-popover", { key: '8e9909d8f4ecba8dfa143657685376a9c4d23647', animation: "scale-in-y", disableScrollLock: true, id: "slide-menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: '86e96e34f5bfd024f21ad20cb5533702c0b87a75' }, h("div", { key: '0ba6335bf5b625fef945a03f3d30229dcbb4d9fe', class: "lightbox__meta" }, currentThumbnailUrl && (h("div", { key: '0cc28e6a455db3f9e3b5b38b500e2e9d4e4be105', class: "lightbox__thumbnail" }, h("swirl-thumbnail", { key: '1994f956fa046cf197ff519416792ecfc27c25cb', alt: "", src: currentThumbnailUrl }))), h("div", { key: '9ed5a72ff591a77835bf8ddc7cf905c73fb6d4ee', class: "lightbox__file-info" }, h("swirl-text", { key: '5d404ac3bfcae7933ee21c996c0df458476e42c3', truncate: true, weight: "semibold" }, currentFileName), h("swirl-text", { key: '58f21622b74914fc2523bfa7d34c171cba96fdd9', color: "subdued", size: "sm", truncate: true }, currentFileType))), hasMenuItems && h("swirl-separator", { key: '975065e045ecd021ad2f196be3f05e4a9f94ee7f' }), h("swirl-action-list", { key: 'fb09c171d08e50f688fa6c3f60cbbd23e83cb709' }, this.downloadButtonEnabled && (h("swirl-action-list-item", { key: 'c3576a179fb57f9f3115234d6a757a0dc58b3ee8', icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), h("slot", { key: '438269a75c8c02c58c329bce89651d170d2ccedd', name: "menu-items" }))))))));
+        return (h(Host, { key: 'c8bceace07cc5e3b383335dc1922d07bc4cf798b', onKeydown: this.onKeyDown }, h("section", { key: '8ca4e1bcb1ace564031324c272dd563982f3a75c', "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: '49627fff6dc158e3f6e3d2d086dab6c4ef777ba0', class: "lightbox__body", role: "document" }, h("header", { key: '67d2f759a45f3939c5892452043542ac16d35ab7', class: "lightbox__header" }, h("button", { key: '2b435c584e51e9a9eea53af0943be02f498a7b49', "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick }, h("swirl-icon-close", { key: '82190b87b6ad51c76822347a4fdae34fa0e2a7c7' })), h("div", { key: '8d15812a8a6b407b2fbfc979e9be4d6a58170090', class: "lightbox__toolbar" }, h("slot", { key: '5b078a82aed53bef1aa03e07af6d3da872c0cb85', name: "toolbar" })), !this.hideMenu && (h("swirl-popover-trigger", { key: '4ec3bd91ddd69b2295876c0a424051b99b95829a', swirlPopover: this.menu }, h("button", { key: '35bb0b5371992f1eb29ddee66afa6b09a6b18346', "aria-label": this.menuTriggerLabel, class: "lightbox__menu-button" }, h("swirl-icon-more-vertikal", { key: '1fb8003b8e37af7abd8c1a03c04d6e0cd711afe6' }))))), h("div", { key: 'f6fd3f1762c09c1c930215962e90bfd04405bce0', "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, h("div", { key: '815d2d6f5800e575ac64610e42bb30b226769c9e', "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (el) => (this.slidesContainer = el) }, h("slot", { key: 'b46ef3120b76503ac36811d5de60674e3ba69637', onSlotchange: this.registerSlides }))), h("div", { key: '773e340fc2b34e70267999130fc58e3f9f87551b', class: "lightbox__controls" }, h("button", { key: 'cb1d0ec423a5acaef3b2e79e0844fdfb619eaab0', "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick }, h("swirl-icon-arrow-left", { key: '75d67efa6013b58257954eb71ed605d8779fe2ce' })), h("button", { key: 'c15d3b79ca8a78cf1d68c2af04f15a714c8cb827', "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: '634d86163558e3c078892b93ef6f96794a5e0152' }))), showPagination && (h("span", { key: '75e7c65ca250fcfb0487f315d692ce9bc9048b7f', class: "lightbox__pagination" }, h("span", { key: '4f096d2236a0dc33cd69aab5db7e90d8a37cdb39', "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length))), !this.hideMenu && (h("swirl-popover", { key: '6f870321b6452c6f9b02231e64a38f1184a9d33c', animation: "scale-in-y", disableScrollLock: true, id: "slide-menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: '2cb775e68b06df634e63346b7839749eb25e7763' }, h("div", { key: 'd03d1d668d90719210d40e56403110a556e0740f', class: "lightbox__meta" }, currentThumbnailUrl && (h("div", { key: '1164d0f2cd2446bd048c62addc7e8147685dbf47', class: "lightbox__thumbnail" }, h("swirl-thumbnail", { key: '13ac1fc1f9faebeb6ecacc631269fb1931ae5224', alt: "", src: currentThumbnailUrl }))), h("div", { key: '4c57f31a20af4ee19be6c619502af9ba12bf6546', class: "lightbox__file-info" }, h("swirl-text", { key: '288009371a95651f4fd6b0879e646e7da012ef27', truncate: true, weight: "semibold" }, currentFileName), h("swirl-text", { key: '94d0bfd02e8b6fc2fad610046048d562300ac42d', color: "subdued", size: "sm", truncate: true }, currentFileType))), hasMenuItems && h("swirl-separator", { key: 'a2cf20122147542395fb5b737404b3cd6c5975f2' }), h("swirl-action-list", { key: '1a686aa967b0a0c09771dd9dd677aa77e5dfc6b8' }, this.downloadButtonEnabled && (h("swirl-action-list-item", { key: 'aa44455bf6bc7efc78ddebb92aa20a86b2aa3c1d', icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), h("slot", { key: 'fc2d9e366e62781039a7c345c9d3a98de48b7381', 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: '20fccde48e4bbf967f627b2176e94417d556daf8' }, h("a", { key: 'cf727f4cb2888210a18c359700537de74596c854', class: className, href: this.href, part: "link", target: this.target }, this.label)));
+        return (h(Host, { key: '00ca392c41452b30703cbf0e3bc9b6b9720ca980' }, h("a", { key: 'bacc5aa74540feb08b91bd24eb584e2afcc100d7', 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: '99ed19dea575b6ce1de323592a16c1540afb2779' }, h("div", { key: '54e0abad11c8babcd7818ff05d6070d5d6c87565', class: "swirl-list", ref: (el) => (this.containerEl = el) }, h("slot", { key: '7230b97c3253b0259ae767558dcb3014652a1135' }))));
+        return (h(Host, { key: '02f21218b2a1faf01fabc3dcb9a41e912f8658e7' }, h("div", { key: '5c8618ba4e499bfe8ee249cb4eebe788f092eff4', class: "swirl-list", ref: (el) => (this.containerEl = el) }, h("slot", { key: '95aae58901c4bb9b9023d4c44fb41ed15603570b' }))));
     }
     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: '9b1d5e8d6bb133445335b9b5a9d167ec3ebf5a54' }, h("div", { key: '5f73ef8f4f3d9a1a004421e7fc87bad51d13a51f', class: className }, this.parentMenu?.variant === "selection"
+        return (h(Host, { key: '41a7d3cfa1197bceedadfd55cee2399f05ae4d83' }, h("div", { key: '53cc512b856b9ec277e4efbc9b3d94d6945b2498', class: className }, this.parentMenu?.variant === "selection"
             ? this.renderOptionListItem()
-            : this.renderActionListItem(), h("slot", { key: 'b9ef6f010ca729ac3092192eb12919842ea11e93', onSlotchange: this.onSlotChange }))));
+            : this.renderActionListItem(), h("slot", { key: '60e0e595d046f962b699106e9a3ba90a73406539', 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: '4145b9c3841c68d878e37d65be5302154cd9bab4' }, h("div", { key: 'ef3a3ef267d9f208238a27c05fe1554b9af1fce1', class: className }, this.mobile && isTopLevelMenu && (h("div", { key: '2ad0c6cbd517a1a0a073f1acd3d511b02879ec87', class: "menu__mobile-header" }, this.activeLevel === 0 && (h("swirl-button", { key: 'a2caeb49f878066f56ffc5e4136eba0b5f5efe17', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" })), this.activeLevel > 0 && (h("swirl-button", { key: '00e24424c658e14d153948cbfb0b4249f3ac73e6', hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" })), h("span", { key: '209c673b378986f0c7b0f4c010fa00374c1f4dd1', class: "menu__title", id: "menu-title" }, h("swirl-heading", { key: '86a319ad8eb42ffca49eb89937a8678f144dcd57', align: "center", as: "span", level: 4, text: this.label, truncate: true })), h("swirl-button", { key: '08d1faa338e1271d50bae4cf1dcf632429498df9', class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone }))), h("div", { key: '0e7f5155d3fdbdb3a9944d8c243c04cd45c1662b', "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: 'b4e552529340f01ecb4bebe4e4173f715df3a27b' }, h("div", { key: '0d1707ba19ed7883dbe9d7bd96934c2c309118a3', class: className }, this.mobile && isTopLevelMenu && (h("div", { key: '8b3d9cbe0530cef4bae80f13a42083bf17d428a7', class: "menu__mobile-header" }, this.activeLevel === 0 && (h("swirl-button", { key: '0117c818faf9c3f3dafa7c35f97d5db53456ecc5', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" })), this.activeLevel > 0 && (h("swirl-button", { key: '9740502a05cd1fed79959c41a1582276b87393cd', hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" })), h("span", { key: '4b59154f73fe9addceaea548be8d11fcdb3e1ab0', class: "menu__title", id: "menu-title" }, h("swirl-heading", { key: '15b54f36f4be42c879ae4eed7e4262b7cdaeddff', align: "center", as: "span", level: 4, text: this.label, truncate: true })), h("swirl-button", { key: '1a9adbc4f25fd6fd0c4d40b8b900967513e229ff', class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone }))), h("div", { key: '02decf5ac5997e1cac5a577349ac2e9618965292', "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: '8c89371bb23043eb8553e7473ba086bfdeee56bd' })))));
+                    : undefined }, h("slot", { key: '8d017e8fe191846a0ce0d4628f62a48786794a3e' })))));
     }
     get el() { return this; }
     static get watchers() { return {

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

@@ -170,13 +170,13 @@ const SwirlModal$1 = /*@__PURE__*/ proxyCustomElement(class SwirlModal extends H
             "modal--scrolled": this.scrolled,
             "modal--scrolled-down": this.scrolledDown,
         });
-        return (h(Host, { key: 'f589043f06f84244ba5eeb4757938e2915c5e854' }, h("section", { key: '40672a3b9a948221797f204fa4d4b1c5d4e9e97a', "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: 'c8cebd0001b1e1471f316ce93828ac2179e47ca5', class: "modal__backdrop", onClick: this.onBackdropClick }), h("div", { key: '24403c97a986c3863001062e0fcbdbb19f6530eb', class: "modal__body", style: {
+        return (h(Host, { key: 'c1f5834e2bd960d78fa05de1afb463cbb6fe0de0' }, h("section", { key: '30b92c1dd3433a61f5329891120c1ebbac9f7944', "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: 'e3d83e43953a389b8dab0389faf5a02ab2e7b2ca', class: "modal__backdrop", onClick: this.onBackdropClick }), h("div", { key: '4aa2300b3b5a203b6ec18a38aa2816ce239a1e29', class: "modal__body", style: {
                 "--swirl-modal-max-height": this.maxHeight,
                 "--swirl-modal-height": this.height,
                 maxWidth: this.maxWidth,
-            } }, h("header", { key: '1b5c10eeee6127134f53fc97db3e315f975a082b', class: "modal__custom-header" }, h("slot", { key: '79780ee1d9defdaa7d47ca9a1bb87789b539ea22', name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && (h("header", { key: 'a631c972b657887824facfbac1da775310a60caa', class: "modal__header" }, h("div", { key: '002498bbd9afd4bdbf549a3f3a3c578fa5e25af3', class: "modal__header-bar" }, !this.hideCloseButton && (h("swirl-button", { key: '997a6fa893ff4ae315ff4b5e9ed3254247a38ee9', class: "modal__close-button", hideLabel: true, icon: this.variant === "default"
+            } }, h("header", { key: 'a41127f7f387aca86f751a7896e23b16156ee591', class: "modal__custom-header" }, h("slot", { key: '8d88d314a0a292c1c6e13f69a4e54bfecb72a949', name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && (h("header", { key: '5a10bb3a24e4529a91a135af4b6f24e6257874f5', class: "modal__header" }, h("div", { key: '3490ee3497101659d3a1e6860e93f24f9636ca38', class: "modal__header-bar" }, !this.hideCloseButton && (h("swirl-button", { key: 'aee5a54c01098261585e179a86112cb077d5cb64', 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: '18fc047ed0463f9eef8a00a14a71348759248ba0', as: "h2", class: "modal__heading", level: 3, text: this.label }))))), h("div", { key: '5c15e5b5791c5b4bc7cf786f02b48ef52f8b01b0', class: "modal__content-container" }, h("div", { key: '2db9e42c128b3cf8f8e7ed569d90f8312c13d3f9', class: "modal__primary-content" }, h("div", { key: '28fdbc02ab3a4d31c261b4239ebe09619da7fea8', class: "modal__header-tools" }, h("slot", { key: '638d0945e2fad66df48bd86c011c2e428a1192fb', name: "header-tools" })), h("div", { key: '00c25a8f1dce7fe5b05a8d7b51521970fc10585c', class: "modal__content", onScroll: this.determineScrollStatus, ref: (el) => (this.scrollContainer = el) }, h("slot", { key: '403fefee642c72d15b6c32277f9946e9af9c1ca4' }))), h("div", { key: '7df07994b199d6d18c8837123be6d20faa9813ca', class: "modal__secondary-content" }, h("slot", { key: '65473a33fd23bca14377678c0e6404476a9dca3a', name: "secondary-content" }))), h("div", { key: '15c91153f783c4e6e9bb4b580c0a961f9a1b3d30', class: "modal__custom-footer" }, h("slot", { key: '69ab20db9fa7e4b8f25deaf44d736cc322a9ec0c', name: "custom-footer" })), showControls && (h("footer", { key: 'd6651ebe45583177b66d080630399e57e1199ee5', class: "modal__controls" }, h("swirl-button-group", { key: '64573292d8fd59afb895072a504bbbb1e314c7a2', wrap: true }, this.secondaryActionLabel && (h("swirl-button", { key: 'c734037e68a9a54f9bbba469a147df1c62009755', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (h("swirl-button", { key: '62e85ea6b7703706f9cacae042c513fb5f82f600', intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" })))))))));
+                : "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick })), !this.hideLabel && (h("swirl-heading", { key: 'e451cb60d7a4c6d20591b21cfef602d5849f2480', as: "h2", class: "modal__heading", level: 3, text: this.label }))))), h("div", { key: '1f9ce0bfdd4c5f70381cfc07993a4e1746b377d2', class: "modal__content-container" }, h("div", { key: '2daefa0e2a195d737aa9fee4b146fdd4998653ea', class: "modal__primary-content" }, h("div", { key: '7dd0e058b3157ed376d2cd510078d7d1b62f4867', class: "modal__header-tools" }, h("slot", { key: '7b724b0c13969499a2ffb9e84c6811fe1eab0278', name: "header-tools" })), h("div", { key: 'b6004ba4b7018c31340ddb58fef367652f1dcaac', class: "modal__content", onScroll: this.determineScrollStatus, ref: (el) => (this.scrollContainer = el) }, h("slot", { key: 'eeab7392d8053b37302548fb39366d2e25c80b61' }))), h("div", { key: 'cd4174514f28a2206db6f0aefcf43642de5856d4', class: "modal__secondary-content" }, h("slot", { key: '417468eb6d3eb9b67ac1bf3d6a3c054b131c6ec8', name: "secondary-content" }))), h("div", { key: '25a4638137fcd6bde5fadaae33a77da14e902678', class: "modal__custom-footer" }, h("slot", { key: 'df099032165191986932b28715f4ff7fde7e4be8', name: "custom-footer" })), showControls && (h("footer", { key: '654216cd39d77649a1aae119e9df1131a5abe859', class: "modal__controls" }, h("swirl-button-group", { key: 'e123649bc7ce4fd365c95f36cf6ee4451920062d', wrap: true }, this.secondaryActionLabel && (h("swirl-button", { key: '5de4ba1855993f82e633826f635a7ca5ce4d1115', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (h("swirl-button", { key: '4065745859b3ceebcd668ea807abe4fa23146f62', 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

@@ -74,9 +74,9 @@ const SwirlOptionListItem = /*@__PURE__*/ proxyCustomElement(class SwirlOptionLi
             "option-list-item--dragging": this.dragging,
             "option-list-item--selected": this.selected,
         });
-        return (h(Host, { key: 'aaf1f34d75371f8fb2bc8f460536d56113d9ec9e' }, h("div", { key: '9b87dd870c824593d83c0e7a4dafc5ff245a33c8', "aria-checked": this.swirlAriaRole === "menuitemradio" ? ariaSelected : undefined, "aria-describedby": Boolean(this.description)
+        return (h(Host, { key: '50476f2ec0279aea31dc2b9639f2991f4cf90397' }, h("div", { key: 'bc440ea4a97ec62aebb9c5f1395355568c044e1b', "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: '0b98d0cce7f254b1df4c102fc091f631e4a4bd2c', class: "option-list-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), showCheckbox && (h("span", { key: '5b9f564669a2ec241ee61686d617fd61404116a6', class: "option-list-item__checkbox" }, h("span", { key: '3745476383ad3132280867dea93504200fc513ff', class: "option-list-item__checkbox-box" }, this.selected && (h("swirl-icon-check-strong", { key: 'ea340acab712d3a6674377b1b822ff5f1faba344', class: "option-list-item__checkbox-icon", size: 16 }))))), h("span", { key: 'a29b2bbd4feff398b4ac58823d2d3d94dc1acc27', class: "option-list-item__label-container" }, h("span", { key: '7a0bf4905b58fd4823bed4df4374f10553136d55', class: "option-list-item__label", id: `option-list-item-${this.elementId}-label`, part: "option-list-item__label" }, this.label), this.description && (h("span", { key: '7bd62f68a9c14a93613039e469be4fc866ab2c8c', class: "option-list-item__description", id: `option-list-item-${this.elementId}-description` }, this.description))), showSelectionIcon && (h("span", { key: 'ba549b64f86896c538dc5149e240fb1098ea32d9', class: "option-list-item__selection-icon" }, h("swirl-icon-check-small", { key: '17c7fa1955388c62ea03b018d19fa3577c1e74b3', size: this.iconSize })))), this.allowDrag && (h("button", { key: 'ed9b3064dc1a10a192bea8579ceb4acba766c24e', "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: 'd96455eca6d538417b800fe6fd6917db0f7bc9d3', 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: 'def2b12e84e4a30384960904e19883b7353e3f28', class: "option-list-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), showCheckbox && (h("span", { key: '58caf650108ca8880d5b7305009edbd1bd46726d', class: "option-list-item__checkbox" }, h("span", { key: '8860aa2b23f631359708f07d0186bf96750114e7', class: "option-list-item__checkbox-box" }, this.selected && (h("swirl-icon-check-strong", { key: '8736b9bc5e485e6b1d264999540ab60b753bd988', class: "option-list-item__checkbox-icon", size: 16 }))))), h("span", { key: '164bab7c530621353371fa104b0fb15692f23ab5', class: "option-list-item__label-container" }, h("span", { key: '00073fefc1deb486e0e03d1f02b1c8db99c5c5db', class: "option-list-item__label", id: `option-list-item-${this.elementId}-label`, part: "option-list-item__label" }, this.label), this.description && (h("span", { key: '2d661e8082ac57606d7241ef14d66267e3c5d0be', class: "option-list-item__description", id: `option-list-item-${this.elementId}-description` }, this.description))), showSelectionIcon && (h("span", { key: 'b2745c520dbe15de08bf778e810fa66a908a31a9', class: "option-list-item__selection-icon" }, h("swirl-icon-check-small", { key: '7e36696c6418f5c0e317e877124fc1e47509f228', size: this.iconSize })))), this.allowDrag && (h("button", { key: '60933b84fe7e322d3f93d7ba8809b112e486f7c2', "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: '298cff829f07c949c88c959bbcf35ebd4c4951d5', 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: '650d13f6462198f7004b41975907d726056a84d7' }, h("div", { key: '4b48cae8f72cb7959fe3ff43f0712adcf533a58d', "aria-labelledby": "label", class: "option-list-section", role: "group" }, h("span", { key: 'cd8297f649a424545ee56ff035e5d9464948fc0f', class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), h("div", { key: 'ab6b11ae0e0c20b0bf0175e19ca72cd56c6ee313', class: "option-list-section__items" }, h("slot", { key: 'a38318a2fa723e1d6c37c0f3fdac7fcf94da1311' })))));
+        return (h(Host, { key: 'd43693ee855fb93feee191ad2b3f80df4f780d20' }, h("div", { key: '3e9120f32eb7cefc7775faee63ec449646179863', "aria-labelledby": "label", class: "option-list-section", role: "group" }, h("span", { key: 'e075c79389f1a51692006a98ffcc4db9ddd74c79', class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), h("div", { key: '3422336a9659238229360e707fa55e247d36f022', class: "option-list-section__items" }, h("slot", { key: 'c4f360f573fc645e1e93de1dd29fc1e6f84ca899' })))));
     }
     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: 'a3460dcfab39b3c1f271fb96e7a49876825937cb' }, h("swirl-visually-hidden", { key: '35243518fe9ee41b3be75ae4911de448d73ee875', role: "alert" }, this.assistiveText), h("div", { key: 'bbfc24a1e082f959aad4c32e518c13e48e1e125c', "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: 'f3cd6c7da141c721890e294caf1103b7451a0e3b' }))));
+        return (h(Host, { key: '9d78a4b55e1fc88bd8732e11cbb492491b156461' }, h("swirl-visually-hidden", { key: 'a47d3d51f9c13f910d8f462e7d5dd33f62783a22', role: "alert" }, this.assistiveText), h("div", { key: 'bb3954ef149a397a94a84f6ce3c066037e29c1ff', "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: '62df2e4c0a4ece90aa8927b902346dfc360e4e93' }))));
     }
     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: '19ef10f877c70e8ff494e02e2f4aa5517b08d174' }, h("nav", { key: '5444d4c520425cec52c306308080494990f80911', "aria-label": this.label, class: className }, h("ul", { key: 'def276c2ef95853df1ad271de739d5b0d866ce93', class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (h("li", { key: '03b027b48bdc30ab1749c1d0cf87695f38c009b7', class: "pagination__list-item" }, h("label", { key: '9b651fb7a48972ab433f98a6ab2a939654d21637', class: "pagination__page-size-selection" }, h("swirl-text", { key: '2be473479b617d2ed6f1beb918d2b6cb828b8f14' }, this.pageSizeSelectLabel), h("swirl-stack", { key: '2eaa59de79fac45847f61c5849fc9fef22e25a95', align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, h("select", { key: 'e4db400bf40baa6cafaaf6c5cdfc561fa9358cb1', 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: 'f427d80ecf63e91eeb9b81ac5a431609858265bc', "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), h("li", { key: '0d03e0be976c4aad6cfa859c02f75fff0310d1a7', class: "pagination__list-item" }, h("swirl-button", { key: 'a6c57c7adb05b54895db39c351a922abc7031a51', 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: '837c9d21d8f25eb3673a4deadf4c3036454335d4', class: "pagination__list-item" }, h("swirl-button", { key: '7f974e2774fb40fcaf35a8ea6a0675f2b9904ce8', 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: 'eeed63aaaecf4e7f245e253aa395c7857dc320a5', class: "pagination__list-item" }, h("swirl-button", { key: 'c2ebb6e8d9333833832616d34781dc4c959c1e31', 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: '627ed42cf6d79604ca88d4441fc5ead9386b2bed', class: "pagination__list-item" }, h("swirl-button", { key: 'd6c53b82e9445f57a1b3f0629e9a98e8a7a93b6c', 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: 'fd5828daef1aa992e56f7c9a6690a4c40c417386' }, h("nav", { key: '85ec8ca7de4dc9ceee91ed3b8a2e9aa13cc651ea', "aria-label": this.label, class: className }, h("ul", { key: '758755def1a59f6ab430af2f2a0728c6157b2ec5', class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (h("li", { key: '481f9d3104c68c57727601f3ab2e9a3fa444d7a9', class: "pagination__list-item" }, h("label", { key: '32a011f61545842c082c59490d758445febd51d3', class: "pagination__page-size-selection" }, h("swirl-text", { key: 'ace70a0f5cccdf3185dd08c39f140276a0f20fdb' }, this.pageSizeSelectLabel), h("swirl-stack", { key: '692ed8462b9a3068cd21a3d83249f4ecdd370b8e', align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, h("select", { key: 'a58bc07cd66bc08ba79708375288609a1b52805a', 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: '1cbe6c829bd9355ffd4c2224cd8f474b47aec160', "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), h("li", { key: '98211374679e0fb31573ab511aebfcbe1e1dfd3e', class: "pagination__list-item" }, h("swirl-button", { key: '411e161714c8caf0ce8c161de8613b69a11cd28b', 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: '8eeecff0a21bb018964bc73243dc29d29c100626', class: "pagination__list-item" }, h("swirl-button", { key: '9cb773c62981736496db8252c7691146ac49521d', 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: 'f79373b7acd8018d0ed4cba843620fe2c612f732', class: "pagination__list-item" }, h("swirl-button", { key: '2209e4f21d72b6c89a50d610217b3e2ca280515a', 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: '1dabc1a5325ff2a285a40c29441e7906c9196f2f', class: "pagination__list-item" }, h("swirl-button", { key: 'cb2995ca729334abff0f8757415208a26f0fdc99', 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: 'ae1660360bb402f6f6581732a541ead1b663b4c0' }, h("section", { key: '50542978d614c2398a9b4d318ded073ad3ba566c', "aria-hidden": "true", "aria-label": this.label, class: className, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, h("div", { key: 'fb8e6b9832916e9a9fc0d8ce8b8cba317f70a26b', class: "pdf-reader__body", role: "document" }, h("header", { key: '919a59e40aca5df52fa4e00a65e44a85c9b64abb', class: "pdf-reader__header" }, h("span", { key: '9591729f9b8b1a4043ccee31002403f823202c58', class: "pdf-reader__header-left" }, h("swirl-button", { key: '2ade9724370bec9b62ebf5509cdae72f2ead3656', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), h("span", { key: '3b69a19563b59dce19110c932ee1358efd8ea5b4', class: "pdf-reader__label" }, this.label)), h("span", { key: '67ec264f562cade7d1e12f7bc517159057e38693', class: "pdf-reader__header-center" }, h("span", { key: '2888b435547a82d31753c257030b9d84713c25e9', class: "pdf-reader__zoom-button-container" }, h("swirl-button", { key: 'e489d0b1be7d7c39a2aa83fa13301a40ed4c3742', 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: '346027cc074d7a2a0d962ec57a5a5507e99b6f77', 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: '19f56cd1c8b46cbed1d8b6151a55d9c8f34240f7', class: "pdf-reader__zoom-select-container" }, h("select", { key: 'b21532424bd1da7f698f48f4a81ff17957759402', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, h("option", { key: '37d8f4a0884d0d38d746399bea760e5ee9a5d42b', 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: 'f37cd34f1acbbc124c1393c851c1123d754eca02', class: "pdf-reader__zoom-select-icon" }))), h("span", { key: '081a964af50c33bf1e5b817f309ce31cfbe46d3b', class: "pdf-reader__header-right" }, h("swirl-popover-trigger", { key: '9d13190b286e3dadc256d9c3eef48303f28adc69', swirlPopover: this.menu }, h("swirl-button", { key: 'b15c5edd8129fa55b12385e47f55bea15474e2b9', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), h("span", { key: '87ec0cb217b14daf461e628055584a34960303fc', class: "pdf-reader__floating-tools" }, h("button", { key: 'dca8291086e6dbabbf98e60bf27bdd363c714002', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, h("swirl-icon-menu-book", { key: 'ca33c75a09272883d9809402c6ac15cc2b8668cf' })), h("button", { key: '3f64190694df2c6538f6cd84e5a643acd2bd16fe', "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: '09c6126ac0aa4a37db69da2319ecd5f3d7d8ed07' })))), h("div", { key: '45338ad9e41b88b079f88e69a77ab8c3ee92144a', class: "pdf-reader__content" }, h("nav", { key: 'd69aac09f31697cb0daed7a97b0767767e626ed3', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && h("swirl-spinner", { key: 'a97e7733456f680b1943e367842dbb800aaf5542' }), !this.loadingThumbnails &&
+        return (h(Host, { key: '612bd147d17e41355fb0f1b9e4b6064216fe3842' }, h("section", { key: '03d8187e74ee8b809d33a9ba897878e157830f80', "aria-hidden": "true", "aria-label": this.label, class: className, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, h("div", { key: '11249ed29b988e8d7d0042c3ead5fc02fb13e522', class: "pdf-reader__body", role: "document" }, h("header", { key: 'f9c76b57eecbea6212d7d898450e77eaa7fe919d', class: "pdf-reader__header" }, h("span", { key: 'f4bbcb98f15fa0c86a872846692a02d88dd3d25c', class: "pdf-reader__header-left" }, h("swirl-button", { key: 'd6ef2850743e9cdbf5368cd8d02f286c5a34bf33', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), h("span", { key: '52664923e35a4607febd406a2f0f98f210b15a52', class: "pdf-reader__label" }, this.label)), h("span", { key: '8a07dc059f06101956b4a015315d0ba3dca3f46a', class: "pdf-reader__header-center" }, h("span", { key: '0a13f8e87c5b4c38ee8f982c58d451ef12033b84', class: "pdf-reader__zoom-button-container" }, h("swirl-button", { key: '09b2edf02770f2d2745cc75698c0f682f851c7b0', 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: '085d522497a1c2ea9f7800afc0016a8b6e359e93', 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: '044e6fa8983ade321aa21faeba6b82c2e16b41a3', class: "pdf-reader__zoom-select-container" }, h("select", { key: '739eb7e8e0b6e6768460dff1966e51599092bb16', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, h("option", { key: '63956ef1e64b955a4096ff8ff337dd284e500f3e', 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: '2f393ca10723070340d7df6732a3477ee41c2ecd', class: "pdf-reader__zoom-select-icon" }))), h("span", { key: '01ed1c81a3c7ab07c6ea7ae01cab77ee6281ccf1', class: "pdf-reader__header-right" }, h("swirl-popover-trigger", { key: '238d13e097e205268bf06c668453b77467846732', swirlPopover: this.menu }, h("swirl-button", { key: 'c87a9fcd965fcf5289d6649ba84651b7c958384a', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), h("span", { key: '3622aab6f238006fe98578281375d2547b9b9cb8', class: "pdf-reader__floating-tools" }, h("button", { key: '312144b55e43ad811b8ee1937504d8a4dac5b12f', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, h("swirl-icon-menu-book", { key: 'f687075870efc08fabdfb50dee1248793c9ac03a' })), h("button", { key: '83c7a1294cfd4c076cec3ded93a920d38cea9bd4', "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: 'b95c7e6a73124ce3edd67b317e8b1e65e4ad8ef9' })))), h("div", { key: '02f857fceda55cba3e1e92f6cb65831e49624c02', class: "pdf-reader__content" }, h("nav", { key: 'a3868ccd3fdb7a5f6ca9b5d67fe83eb31afc2578', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && h("swirl-spinner", { key: 'dfb9c63962cf161439c2bfd0798ce5276dab0380' }), !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: '73c3350782be88406ef2de4dac189c033b7fc8d3', 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: '8f2dd9f3dfd72fc9ab2f2cac78b956cda0d36913', class: "pdf-reader__mobile-zoom-controls" }, h("button", { key: '7d920dbfc7b1b1f3b1a209989fd267680aed911d', "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: '0d8ccd2144cf123dd972133f5ffeba0611124bfc', "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: '2b8542f383b83fe12e701f1534d09365006d005e' })), h("button", { key: 'ccccaf53031cbbdaf465b1ff997ac00ce56c9dbd', "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: 'f47d1577b4ac5875b516a6d3f1b0839ba058c282' }))))), h("swirl-popover", { key: 'c62fff017a9397dd12bba307ec6b3c3c7b4816d1', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: '70cec8a00021a6976e130a4c3f6e0dce1374741b' }, h("div", { key: '640b1582b478202298836a7d50e28269f1d7e7c2', class: "pdf-reader__meta" }, h("div", { key: '46f94b96bf4dc3ed15e3293cd891ed774baf6bb8', class: "pdf-reader__file-icon" }, h("svg", { key: '545c4e3f12be1e61b33981f8a179f56e1baca65f', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, h("path", { key: '326389b3f0c7906be85754628d45151f5f7ab655', 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: '9c6449994b186b5997af8471210d869a0016124f', 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: '11385a17b217b2c6d4b9ec5f04e5716fd548cf92', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), h("path", { key: '7fe183c85f5806d16220c781774336045fafcc9a', 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: '523ea2d93710885fed3740eb68e27da6a6eeb9fe', 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: 'f8417a8b604c925fd51b81bf9c85ef2ea5466ea6', 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: 'd18c5e6166afebf90317f0eb12170dc122a25bb3', 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: '841a6a0449026fc47daf0f3a421959e79b3026a3', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), h("div", { key: 'ee67ba14bf9002bccf2c1a7ac2b4f50bc9b489bb', class: "pdf-reader__file-info" }, h("swirl-text", { key: '67818895df436349e9992665a1bb68a4b2f31dcc', truncate: true, weight: "semibold" }, this.label), h("swirl-text", { key: '88735dc56b1809d84f0152023175a02b3ccc2cd6', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && h("swirl-separator", { key: '96877a49f9ea72fe9e68dde9d22cadd323800896' }), h("swirl-action-list", { key: '32972fc1f89e95bb52d05a57819d63c586a599e6', class: "pdf-reader__menu" }, this.printButtonEnabled && (h("swirl-action-list-item", { key: '234df2d9cb6a15c53df22f3fa126a3cc0c7a53b7', 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: '03e207dad25f4b0eb41da59f1694e6b1e2991a75', class: "pdf-reader__download-button", disabled: this.downloading, icon: !this.downloading
+            })), h("swirl-file-viewer", { key: '93938bdd7b5362cbe52ccc0ea2e7c7b686f314ed', 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: '3133951eb617ba518fbf62513ba42755afe909cf', class: "pdf-reader__mobile-zoom-controls" }, h("button", { key: '8cdd0eb893bca27a299ddfd375b6127e5e3f79a9', "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: '8f01067b5147de722b03cb94bdb1bc734740cf25', "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: 'ed1aa66b68076cde83ab9eb468845f71b8af44af' })), h("button", { key: '8ee530cfd6012d39d9b646c2a382cbadca660757', "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: '095322680cca2d07d6c7b52a1df4695c7502a445' }))))), h("swirl-popover", { key: '54dd9e6b1f06140137ee8b0e37d6cabe579d9ddf', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: '720836c4a5869036c3025a1a44f5cf93484c3ef9' }, h("div", { key: 'a577a5f2743790c2dd8f3b3412b2999573e68038', class: "pdf-reader__meta" }, h("div", { key: '31e0ca3f6ec1dc539a893f794e351f15bf445198', class: "pdf-reader__file-icon" }, h("svg", { key: 'f75bc29de9f3ddcf713cb50b1bf6b64a2b350bae', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, h("path", { key: '5a60c67c332cdf15bf85a5c252acd4469216d9ff', 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: 'c83dc30648ba8e1b904b63850c3fe99a81a95951', 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: '308389651c765f4e81a85d90d278ef35facf1343', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), h("path", { key: '9d2e2ea411ad592958aa358f64a8b6b95c3c344a', 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: '916ba556229efc5c0794bbc020b282dba7e224f9', 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: 'fe78c7e963eba30ad4c4dfed352af2837f83246c', 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: 'b3f856ea3bf55b4ce19328b4a7fc0f05e6129dad', 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: '9c5b9974167a0a54d2627ceeaf867ba3c5a35e5e', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), h("div", { key: '73a5766dfc6a388ec6add12c0da3f2d5820325b2', class: "pdf-reader__file-info" }, h("swirl-text", { key: '972100f36563f12c161be9719096e05617e05640', truncate: true, weight: "semibold" }, this.label), h("swirl-text", { key: 'd6a636b436930fde266b140de6b2a6d73cb90a46', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && h("swirl-separator", { key: 'ef07981e306086557a13f37e2dbf6989d9a942d0' }), h("swirl-action-list", { key: 'f5042d9a69eb11f273913ca596cb3caeebb77600', class: "pdf-reader__menu" }, this.printButtonEnabled && (h("swirl-action-list-item", { key: '9965826ab88ca866a5dc1e00c17b1ae4119aa3fd', 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: 'e8f29cf01db7c1f4ad8ec6fae7c1f23cb0ccf837', 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: 'd2e611849fa88201879936f9a4154dc8e54971eb', name: "menu-items" })))))));
+                : '<swirl-spinner size="xs"></swirl-spinner>', label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), h("slot", { key: '2be7796182999cf7d54323b7212a23465eedc711', 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: '2568c348e4df1de7ac1a3b0c0aca7536bb041b26', onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, h("slot", { key: '5af7d8ac7d7001eb21e6a65eaf7d3fa4f08de5d8' })));
+        return (h(Host, { key: '975b9b0de8c82fffc52a1353b5fd54f8fef664d5', onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, h("slot", { key: 'b6824f472c025bd2a553e743b253b81e2ddb6012' })));
     }
     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: '692a870e17c4c5c9ce3d6bfb8459d915efd1fe6f' }, h("div", { key: 'c031461b075fa806d9976f147de6983206f2c699', class: className, onKeyDown: this.onKeydown }, h("div", { key: '3627e2e25adb1dd575303faf991d812e5bf546ed', "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: 'dff8b4f3b19fcd5f3c9c439b513199c73314097d' }, h("div", { key: '1aaf476cc98d8746b4378a567aae9f5584a72367', class: className, onKeyDown: this.onKeydown }, h("div", { key: '4147bb4527fd3a4f21742677d59458a920ec3e0d', "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: '5322b500a903544e1bf8978d891a1a1a448b3a6c', class: "popover__handle" }), h("div", { key: 'bb996f4c4687d89009d4f9a63f1dffdbdca8e2b8', class: "popover__scroll-container", part: "popover__scroll-container", ref: (el) => (this.scrollContainer = el), style: {
+            }, tabindex: "-1" }, h("span", { key: '3199060d11b4b37abe74aaaf69c982cad131db5c', class: "popover__handle" }), h("div", { key: '97b22d0ac374b8d2871db27b83f5a344be276ddd', 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: '0e822963d0e9d0c34c5374a4f50521cea0fda8a8' }))), this.active && (h("div", { key: '4e0d20a700f104a17eb9b708699dd34901e3882c', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
+            } }, h("slot", { key: 'b1cea1c112cbdd7b50e658dfefac32d12368cee2' }))), this.active && (h("div", { key: 'f7420f0ac6c15bb8be5b65b4a18c78764ed1c7ff', 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: '6ef5ff981e38effa23656d913eef82b27fecb501', class: this.variant }, this.variant === "bar" && (h("progress", { key: '79825f82f8c9b509f10bfde2bb72b86fcf81d44e', "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: 'a546934fa62f38df0dca7c8ea5eccedc622cc827', role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className }, h("svg", { key: 'dc7dc1a69361694cf7a1abb36da81fac3e22be9b', class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(radius + strokeWidth) * 2} ${(radius + strokeWidth) * 2}` }, h("circle", { key: '1cd14c46591e24e612a25f90ce8ad0cedde167ba', class: "progress-indicator__circle-background", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth }), h("circle", { key: '2b217ee432c39f2494bedd1706ef5fd4d2fdfee6', 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: '7897987969e8d8a39f42303e728cd09749dfe7df', class: this.variant }, this.variant === "bar" && (h("progress", { key: '912083c88e1aed68a9f43b896a63ab49d9524b0b', "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: '73c3aac5a5f90d4e77fe71aea94b5c4c6c00551e', role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className }, h("svg", { key: '26ff5fe7d79265e08bc5b98d277f379e249389c9', class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(radius + strokeWidth) * 2} ${(radius + strokeWidth) * 2}` }, h("circle", { key: '3e3690c82681d940eb0d75a4b67171c1729c26d0', class: "progress-indicator__circle-background", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth }), h("circle", { key: '60885e1890680d84a1ae81c6028110ca9043224c', 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: 'dc1e907a0d36bfc59afa75e98a82e5ad42ab449d', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, h("div", { key: '17a3e10dfc896e29411accf163727ed328c60c37', class: "radio-group" }, h("slot", { key: 'ae8a2dc5d23463a491281b2a5025e815e877566a' }))));
+        return (h(Host, { key: '921b999324cb197933c94197c2c9f4cd64dedb35', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, h("div", { key: 'b73e3ccdceb5da61cf92962c185ace4a13185a81', class: "radio-group" }, h("slot", { key: '96adb30518202f1c9c3a3d7356665bcb03258551' }))));
     }
     get el() { return this; }
     static get style() { return SwirlRadioGroupStyle0; }

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

@@ -44,7 +44,7 @@ const SwirlRadio$1 = /*@__PURE__*/ proxyCustomElement(class SwirlRadio extends H
             "radio--invalid": this.invalid,
             "radio--unchecked": unchecked,
         });
-        return (h(Host, { key: '39a96c5edf97059f8d16fa72cda6763f590f885b', style: { width: this.variant === "card" ? "100%" : undefined } }, h("label", { key: 'e840ab45b938f5c99ad2aea62c21ecd9ae8ad435', class: className, htmlFor: this.inputId }, h("span", { key: 'a3b0e36b6828f9884b099f02b76e2f9d4698f4c3', class: "radio__control" }, h("swirl-visually-hidden", { key: '65d4ae90ae0bbd80dcf21eb17f390e4a4c9d0dd0' }, h("input", { key: 'ddd43d5f4e7767b7a0a9b89a6e72e539cd90a4a7', "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: 'b13ec0c4f182d798a821c1794483b61fe65869c3', "aria-hidden": "true", class: "radio__box" })), h("span", { key: '04b086fb6fe62de104f7be0879b38993f602a795', class: "radio__label-container" }, this.label && h("span", { key: 'b7659db35ef1cf82b0633f3abc95fd3cc6d0c958', class: "radio__label" }, this.label), this.description && (h("span", { key: 'a6122cac1cfb67d99663b3e509ef19e9caf1094c', class: "radio__description", innerHTML: this.description }))))));
+        return (h(Host, { key: 'b2d57b435aa3cafdef7a6dd48fbb555353d68edf', style: { width: this.variant === "card" ? "100%" : undefined } }, h("label", { key: '0a957a4c7df0f4544255e5b1bcc74745908473fd', class: className, htmlFor: this.inputId }, h("span", { key: '39a2010caf77fa84a8426d6d039f5f6a01f40a51', class: "radio__control" }, h("swirl-visually-hidden", { key: 'f1be9a31fc8ab8012ca184c5ed244a75183a726f' }, h("input", { key: '1c9969d53609a88ca62cbf026ac98ae0f8b82ff3', "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: 'ae6df7210c788c9be6897b02b69ad5aeacb2a74c', "aria-hidden": "true", class: "radio__box" })), h("span", { key: '2946f6982a4723e8261bf2364bd9e2bb42711a53', class: "radio__label-container" }, this.label && h("span", { key: '49944031f7ed6a8a9aa2e3bd9faafac2b8498c55', class: "radio__label" }, this.label), this.description && (h("span", { key: 'fda8931ea2e3f1c19740adfd8ddae41f8ce8d7bd', 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: 'cf85be57209858b704eb2e1fe4368560f45ebb41', role: "row" }, h("div", { key: '6ec4117276a400f39ce9b17750e5f6392b2e3a99', class: className, part: "resource-list-file-item", role: "gridcell" }, h("span", { key: 'f2f11f9214d5bb0d88b58b5a6f044ec058990421', class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }), h("span", { key: '423fb78e263437e9914a0074a5bf8b93daa6884c', class: "resource-list-file-item__label-container" }, h("span", { key: 'f97cfba568b5cd8802c00ba28f3e6deb82148e71', class: "resource-list-file-item__label", id: "label" }, this.label), showDescription && (h("span", { key: 'dda7686836817fff24a0c4e1dabb2d65692f38e3', class: "resource-list-file-item__description" }, this.description)), showError && (h("span", { key: '88c216afc92c88ce53566f83ede5d45502d3cf07', "aria-live": "polite", class: "resource-list-file-item__error-message" }, h("swirl-inline-error", { key: 'f479af99bc507bc1ba37da50e0a4eb727aff03eb', message: this.errorMessage, size: "s" })))), showSpinner && (h("span", { key: 'cc7c1c9ac6d7525ef2bbb45f69ba10806bb602bd', class: "resource-list-file-item__spinner" }, h("swirl-spinner", { key: 'dde1daabac5727244222567a59bc0d8ef353fa75', size: "s" }))), showRemoveButton && (h("span", { key: '461f82e47a2e654a1d64ab9d0e906bbc81a88f63', class: "resource-list-file-item__remove-button" }, h("swirl-button", { key: '8e0985477f7ce6825042050918904c40d35a105a', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))))));
+        return (h(Host, { key: 'e1dc6a1a61f9bcb9800d3a5a542cbb19469c58b2', role: "row" }, h("div", { key: '765b02e3c0813f37e22fe2c817b2c12f73e47f7a', class: className, part: "resource-list-file-item", role: "gridcell" }, h("span", { key: 'a0e674e1242f8055674033ee24d26faeb74de374', class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }), h("span", { key: 'c930f80102f0248d0475da0a50a7ec4482e19f22', class: "resource-list-file-item__label-container" }, h("span", { key: 'b148c8a80875eb41ef9fe3685a4d4fdf0cb05eba', class: "resource-list-file-item__label", id: "label" }, this.label), showDescription && (h("span", { key: '82b964dfc5a2931cff5014184d02fe5f09bf2d08', class: "resource-list-file-item__description" }, this.description)), showError && (h("span", { key: '9a1a234fb39e686b916e6914139d0584cce9bac3', "aria-live": "polite", class: "resource-list-file-item__error-message" }, h("swirl-inline-error", { key: 'be8b9f976e652ed0d0120feeafe7c9aa30926d18', message: this.errorMessage, size: "s" })))), showSpinner && (h("span", { key: 'bf77addd275b831610ee80aead5c858c1b179435', class: "resource-list-file-item__spinner" }, h("swirl-spinner", { key: 'fe1f031c88ac04a9f35054c4ee494d8960bbd7fd', size: "s" }))), showRemoveButton && (h("span", { key: '2b42204ed321cfdd83427f3263dec91462346ced', class: "resource-list-file-item__remove-button" }, h("swirl-button", { key: '31e665abe14a375324f5ed8e2818052704a972f4', 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: 'a10409a38264aedcb984dbb18a3b117ee3a6fbf7', role: "row" }, h("div", { key: 'bbb1141f8b853d4a28bfdf40ba4503b45c88947b', class: className, role: "gridcell" }, h(Tag, { key: 'de393bac42fe13a6272aa6f6bfe9b058cd31f0b6', "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: '03713ae4710c72010a24a5df6e9e8401d3561fe4', class: "resource-list-item__media" }, h("slot", { key: '8521bc2441764bfe61afab1a9ad84cbf4cbbdf08', name: "media" }))), h("span", { key: '55d6c99daf2e57b566c9c07662247ba1937c07bd', class: "resource-list-item__label-container", style: labelContainerStyles }, h("span", { key: '64a7f44766a57ad491aa878422fdb08f82dba894', class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : undefined }, !this.allowHtml && this.label), this.description && (h("span", { key: 'fd6d3c4540cd0d085092b992434efd234b68ee84', class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : undefined }, !this.allowHtml && this.description))), showMeta && (h("span", { key: 'a5e92893c72ac723333257aa4f6e49c7d9316852', class: "resource-list-item__meta" }, h("span", { key: '4407cc4da70749c2e9abe19cf7058edc98d94e31', class: "resource-list-item__meta-text" }, this.meta), h("span", { key: '384d5a72dcd83555047d2c7ef27f9914ee6e33c7', class: "resource-list-item__badges" }, h("slot", { key: 'fa000766ce367c8f9545aa8f7457335fd02b7d73', name: "badges" }))))), this.selectable && (h("span", { key: '0923c527c6044932af7a3c0293134e5bfd1c2eb9', "aria-hidden": "true", class: "resource-list-item__checkbox" }, h("span", { key: 'd1b1250b6f7471fc0f893966eed15eeef3592af4', class: "resource-list-item__checkbox-icon" }, this.checked && (h("swirl-icon-check-strong", { key: '530934d130a9fba3dd99719cb647f53fa697ab42' }))))), h("span", { key: 'df5f1782f2126f554b4100420c5b9d45c5b8f793', class: "resource-list-item__control", onClick: this.onControlClick, ref: (el) => (this.controlContainer = el) }, h("slot", { key: '3b0fa99132b3fba416547fb839b00a6ec0d75ed2', name: "control" })), showMenu && (h("swirl-popover-trigger", { key: 'bfbc36084ae6871f821c437b52517e7f04e868f9', swirlPopover: this.menuTriggerId }, h("swirl-button", { key: '4b8f9bd6c5d6c14deccc80200af58378c2cf64e5', "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: 'a9e8e50c27af4c053d814c29701cd8c61bd7f2c2', "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: 'ff8879f00857f4efe09903c5ecc119d5474c1666', size: this.iconSize })))));
+        return (h(Host, { key: 'ac74fb7463d8d0d9f2b83356353e9c4a90b5a1aa', role: "row" }, h("div", { key: '733859dfd9c0980e8659399d2344e6a013420b86', class: className, role: "gridcell" }, h(Tag, { key: '8fbccd573e7135479fe1b27179b66737cb08d602', "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: '22db389db7d6f0d62dcbfb03efcd69d7904db977', class: "resource-list-item__media" }, h("slot", { key: 'fb241f299008cb0a622df9958316d826c01d4c7e', name: "media" }))), h("span", { key: 'ee3eca86bcef05e666e17b359686d44cfe873715', class: "resource-list-item__label-container", style: labelContainerStyles }, h("span", { key: '39d163e3741c8b6f7cff6511beb16dcf6277e1ec', class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : undefined }, !this.allowHtml && this.label), this.description && (h("span", { key: '039ebc6f9d22031d26ed207c19251000bf28e58d', class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : undefined }, !this.allowHtml && this.description))), showMeta && (h("span", { key: 'e9b96c32db78de5392ab803ad75906b932f5b94f', class: "resource-list-item__meta" }, h("span", { key: 'b60fc5920cc7a2a4a375ba3a20d836f5596708a9', class: "resource-list-item__meta-text" }, this.meta), h("span", { key: '8f42c56de7e649bd0112bbbe67a9c45508292632', class: "resource-list-item__badges" }, h("slot", { key: '8e03652fd0084c4444e158e140095c64160309c2', name: "badges" }))))), this.selectable && (h("span", { key: 'ab378006208232d293b37b920cb47e7350de76e4', "aria-hidden": "true", class: "resource-list-item__checkbox" }, h("span", { key: '6b75aa2f40d80579f38364d3636a67d8d5f9e8e9', class: "resource-list-item__checkbox-icon" }, this.checked && (h("swirl-icon-check-strong", { key: '4ad6c7dd6e5c36269dec1f37a1c94b1fdc9cd56d' }))))), h("span", { key: '7df52eb0305c2a7a6bad2299940fa718caa3ab25', class: "resource-list-item__control", onClick: this.onControlClick, ref: (el) => (this.controlContainer = el) }, h("slot", { key: 'b3a1841057ba2f9aec1ca4fd1827aa27bd1c2d70', name: "control" })), showMenu && (h("swirl-popover-trigger", { key: 'b109f91d7c21e88853ab0a8b56f894fbca8b2d1c', swirlPopover: this.menuTriggerId }, h("swirl-button", { key: '2e946c4671ff07f7e6d08b55a3f6acf17f81214a', "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: 'a7e6850dbe1be6cff77d6eb3dae8fb44b3c03955', "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: 'ad3da0fee6bbac0a17db50b0cfc3a2484e991c07', size: this.iconSize })))));
     }
     get el() { return this; }
     static get style() { return SwirlResourceListItemStyle0; }

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

@@ -243,7 +243,7 @@ const SwirlResourceList = /*@__PURE__*/ proxyCustomElement(class SwirlResourceLi
         this.assistiveText = `${this.assistiveTextItemMoving} ${this.getItemIndex(this.dragging) + 1}`;
     }
     render() {
-        return (h(Host, { key: '6cc50db2b8c6ab1bd6ea46b6ba1cefbecb853304', onKeyDown: this.onKeyDown }, h("swirl-visually-hidden", { key: '5e98d1598c4898781285fd8c4d7bb9ee0ff3dbbd', role: "alert" }, this.assistiveText), h("swirl-box", { key: 'a3b358edcbc71612f3fa5cea7f459f886340204b', paddingInlineEnd: "8", paddingInlineStart: "8" }, h("swirl-stack", { key: '0957f9378f9f06a8fdf7c0a64fd4fc8000ec60a2', "aria-label": this.label, class: "resource-list", id: this.listId, ref: (el) => (this.gridEl = el), role: "grid", spacing: this.spacing }, h("slot", { key: '76901b8006fb85ac204b262f79ddcf2ca2df8bab' })))));
+        return (h(Host, { key: '96af06f9572dd5721918e14843e9b4a4b9a58593', onKeyDown: this.onKeyDown }, h("swirl-visually-hidden", { key: '4d6a06d8e4f9170339e31e9c4ebd7ed5ba7371ed', role: "alert" }, this.assistiveText), h("swirl-box", { key: '45f9f1707f1ab4d69dbe82db02e047465f4a51ef', paddingInlineEnd: "8", paddingInlineStart: "8" }, h("swirl-stack", { key: '46dfcfade06e1256d345001cf9c65f8dff1169bd', "aria-label": this.label, class: "resource-list", id: this.listId, ref: (el) => (this.gridEl = el), role: "grid", spacing: this.spacing }, h("slot", { key: 'eeadd957c176313005fcfeb29e9b97507328d508' })))));
     }
     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: 'ceae5da523aa816ce7622c9ef37294b6170ffba4' }, h("span", { key: '9f1222ded2f5023fe3fac44fcbe39b3d7786bb5c', class: className, ref: (el) => (this.iconEl = el) }, h("swirl-icon-search", { key: '3277b43b597777998051589a6181c4cf132ece92', "aria-hidden": "true", class: "search__icon" }), h("input", { key: 'f61260a4ddad79d484cd19b4bf1c52b599885fde', "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: 'ec7b6490ebe051c4dfda08aa9527132923553d54', "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, h("swirl-icon-cancel", { key: 'e900528f58b0fa8d6d2c52a11ca616635ffe3533' }))))));
+        return (h(Host, { key: '1981fc9106ce2910162be28fd0425bbe7f2f5962' }, h("span", { key: 'cdd96af43b43a42a2e1a2292941c4915fba8ffad', class: className, ref: (el) => (this.iconEl = el) }, h("swirl-icon-search", { key: 'ba21b0c852db06c4d430ba6d8d155abad935b427', "aria-hidden": "true", class: "search__icon" }), h("input", { key: '60c8e7b26de802dfa4cfea1280ff23046b02cdd1', "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: '8b22de3c8a54c2a8664bf344ccc039afce3d1c90', "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, h("swirl-icon-cancel", { key: 'fec17a0d8acef475ec351a4e2d3b86483fbf806b' }))))));
     }
     static get style() { return SwirlSearchStyle0; }
 }, [2, "swirl-search", {

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

@@ -138,11 +138,11 @@ const SwirlSelect$1 = /*@__PURE__*/ proxyCustomElement(class SwirlSelect extends
             "select--multi": this.multiSelect,
             "select--search-loading": this.searchLoading,
         });
-        return (h(Host, { key: '1d10a0ddcc86344ac46939e59f9b1ffff21ac1bf', onKeyDown: this.onKeyDown }, h("div", { key: '9b0269fbff0db34337c70db2ec3b5207926a7d72', class: className }, h("swirl-popover-trigger", { key: '992df10671b0d383f72498bbec7171b1394af0e3', swirlPopover: this.swirlPopover, setAriaAttributes: false }, h("input", { key: 'e8aa13cd1187d4f85830d847f2c0821204af49a6', "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: 'cd88e6ac4226cfab559d4a76a2f210d21e92f615', class: "select__multi-select-values" }, this.value
+        return (h(Host, { key: 'a7ec747c8e15dc69189594132c3244ae4e75ef60', onKeyDown: this.onKeyDown }, h("div", { key: 'f668de698cb823e04e8be756d242fef4962852c4', class: className }, h("swirl-popover-trigger", { key: 'f0352053a22efe76db9de5ddc1c5a6941352032e', swirlPopover: this.swirlPopover, setAriaAttributes: false }, h("input", { key: '0d6f2c41141730a2b32f7d1d74c082a92352cbe0', "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: '9899f6818248b2a8b4b746d829eeaab9a7634a99', 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: 'ce726838340f0134949858a086dfe0a9df7c90f2', class: "select__indicator" }, this.open ? (h("swirl-icon-expand-less", null)) : (h("swirl-icon-expand-more", null))), h("swirl-popover", { key: '8545f9fecb69669d491279e36fe095a9242dd4cc', animation: "scale-in-y", class: "select__popover", id: `select-options-${this.selectId}`, label: this.label, offset: [0, offset], onPopoverClose: this.onClose, onPopoverOpen: this.onOpen, ref: (el) => (this.swirlPopover = el), useContainerWidth: "swirl-form-control" }, this.withSearch && (h("div", { key: '63a2390791ab72c86e03ed0c91b7362944d57ab0', class: "select__search" }, h("swirl-icon-search", { key: '7f14d873830f700465ea031a38af9a16701c70ab', class: "select__search-icon", size: 20 }), h("input", { key: '8c9d1983bec02903ba6b500ad510f8f745c8c998', "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: 'cdee4fbbbe67ad841941cdb8f11a41444b7f6ca8', class: "select__search-spinner", size: "s" })))), h("swirl-option-list", { key: '15d164af64da1a3df267b14be0de4a892754dd6b', allowDeselect: this.allowDeselect, onValueChange: this.select, multiSelect: this.multiSelect, ref: (el) => (this.optionList = el), value: this.value }, !this.searchLoading && (h("div", { key: '56083d8f90e10069d52d0a798de8c953134a65ff', "aria-disabled": "true", class: "select__empty-list-label", role: "option" }, h("swirl-text", { key: '91e537995cc2ef3c99d92640f8c1000896ae36d1', color: "subdued", weight: "medium" }, this.emptyListLabel))), h("slot", { key: 'a72244fb617dbc181570736b2ebb27831c8ebe36', onSlotchange: this.onSlotChange }))))));
+            onRemove: () => this.unselectOption(option?.value), removable: !this.disabled && this.allowDeselect })))), h("span", { key: 'd72d56af289ac283246e97735c6c86d412c90554', class: "select__indicator" }, this.open ? (h("swirl-icon-expand-less", null)) : (h("swirl-icon-expand-more", null))), h("swirl-popover", { key: '3b7805ba5f81bee37c0fc2c2efa3455414ff162c', animation: "scale-in-y", class: "select__popover", id: `select-options-${this.selectId}`, label: this.label, offset: [0, offset], onPopoverClose: this.onClose, onPopoverOpen: this.onOpen, ref: (el) => (this.swirlPopover = el), useContainerWidth: "swirl-form-control" }, this.withSearch && (h("div", { key: 'a2e52920556407830f810498cf669f3352491ad7', class: "select__search" }, h("swirl-icon-search", { key: 'a75d1aa0cf32eca9ef7435c589e161ea13ad07c2', class: "select__search-icon", size: 20 }), h("input", { key: 'a32b332fc8a690b4115df3f5bd272313264f69c0', "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: 'f9b88ec5751accd0cfbaa3eec5458b2230c7ff21', class: "select__search-spinner", size: "s" })))), h("swirl-option-list", { key: '68fe45399a590a581773182617be0f3697f12de3', allowDeselect: this.allowDeselect, onValueChange: this.select, multiSelect: this.multiSelect, ref: (el) => (this.optionList = el), value: this.value }, !this.searchLoading && (h("div", { key: '7c254a91d6d7e56f89c11c5556e297f08dabab05', "aria-disabled": "true", class: "select__empty-list-label", role: "option" }, h("swirl-text", { key: '0a45c57e78becae9af6e94cadbbdd7484b9844ef', color: "subdued", weight: "medium" }, this.emptyListLabel))), h("slot", { key: 'a00c7889025b0ec5815aadc37dc4c5ede166f7db', onSlotchange: this.onSlotChange }))))));
     }
     get el() { return this; }
     static get style() { return SwirlSelectStyle0; }

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

@@ -24,7 +24,7 @@ const SwirlSeparator = /*@__PURE__*/ proxyCustomElement(class SwirlSeparator ext
                 paddingLeft: `var(--s-space-${this.spacing})`,
             };
         const className = classNames("separator", `separator--border-color-${this.borderColor}`, `separator--orientation-${this.orientation}`);
-        return (h(Host, { key: '4072fb521a6a98f765464940920b799cf0af00c1', "aria-orientation": this.orientation, class: className, role: "separator", style: styles }, h("span", { key: '97d2b84b763a641dde38d6c5850d04fbcd7a3790', class: "separator__line" })));
+        return (h(Host, { key: '1074694cbae40c78d7087f23c1dbf2e7722a9e0d', "aria-orientation": this.orientation, class: className, role: "separator", style: styles }, h("span", { key: 'ea29c5a25b662746740fb0fdc7b1a19bdb83380d', class: "separator__line" })));
     }
     static get style() { return SwirlSeparatorStyle0; }
 }, [1, "swirl-separator", {

package/dist/components/swirl-shell-layout.js CHANGED Viewed

@@ -221,25 +221,25 @@ const SwirlShellLayout$1 = /*@__PURE__*/ proxyCustomElement(class SwirlShellLayo
             "shell-layout--sidebar-scrollable": this.sidebarScrollState.scrollable,
             "shell-layout--sidebar-scrolled-to-top": this.sidebarScrollState.scrolledToTop,
         });
-        return (h(Host, { key: '3b4dde369cc2ff87ec3787fd16c6d3891eee64a2' }, h("div", { key: '481d0ffb5971b469c8c3aeabbbd9664ac60b9ecc', class: className }, h("header", { key: '4a7c9b3e3ec8d94e9b57af3e3e9234a75616cb04', class: "shell-layout__header", "data-tauri-drag-region": "true" }, h("button", { key: '1657cf85ff234865c97b781ef43c61a6b0408787', class: "shell-layout__skip-link", onClick: this.skipLinkClick.emit, type: "button" }, this.skipLinkLabel), h("div", { key: '6dcf45949f30e1c8a8a9f546b57bf4c301683383', class: "shell-layout__header-left" }, h("swirl-tooltip", { key: '52aaa6168ae6ba526de7d166f2715ed308a4f14b', content: this.navigationCollapsed
+        return (h(Host, { key: 'c271b667a5419f392db920fa422f2d1280caced6' }, h("div", { key: '2296344256287562731387140459c86248a2f071', class: className }, h("header", { key: 'e9a951990de6bac9b63c1788ea16e8929f9a2ab2', class: "shell-layout__header", "data-tauri-drag-region": "true" }, h("button", { key: '6d49fdb80c720b08ee39efcd90912dcfc1d9bc41', class: "shell-layout__skip-link", onClick: this.skipLinkClick.emit, type: "button" }, this.skipLinkLabel), h("div", { key: 'c5a4a59aefc6fd667d0dbfc5b6055cece354da73', class: "shell-layout__header-left" }, h("swirl-tooltip", { key: 'feeb124e9a7d0b98ada345012afd79701eb09150', content: this.navigationCollapsed
                 ? this.expandNavigationButtonLabel
-                : this.collapseNavigationButtonLabel, delay: 100, position: "right" }, h("button", { key: '5794af83ada5a690d5b886b7851ebf3040eb3a6f', class: "shell-layout__header-tool", onClick: this.onNavigationToggleClick, type: "button" }, this.navigationCollapsed ? (h("swirl-icon-dock-left-expand", { size: 20 })) : (h("swirl-icon-dock-left-collapse", { size: 20 })), h("swirl-visually-hidden", { key: '7377d48d26b43655fdfe6e81a707d6a22e5a8fe5' }, this.navigationCollapsed
+                : this.collapseNavigationButtonLabel, delay: 100, position: "right" }, h("button", { key: 'fa75580640261001f70148881e117f5df3b8ee99', class: "shell-layout__header-tool", onClick: this.onNavigationToggleClick, type: "button" }, this.navigationCollapsed ? (h("swirl-icon-dock-left-expand", { size: 20 })) : (h("swirl-icon-dock-left-collapse", { size: 20 })), h("swirl-visually-hidden", { key: 'f19040ffd4030ac6b967e9352091e75602744612' }, this.navigationCollapsed
             ? this.expandNavigationButtonLabel
-            : this.collapseNavigationButtonLabel))), h("a", { key: 'a79fd7930d423211d0ca0612526cbc04fd9b4f75', class: "shell-layout__header-tool", href: "javascript:history.back()" }, h("swirl-icon-arrow-back", { key: '5990be011ad330438b1f83db24af889031798416', size: 20 }), h("swirl-visually-hidden", { key: 'fcf6be5e10ec3025bda5955c6b2f7a398ef15d44' }, this.browserBackButtonLabel)), h("a", { key: '405400b3ef2ba463a99491a5d57db59a3f0a2b12', class: "shell-layout__header-tool", href: "javascript:history.forward()" }, h("swirl-icon-arrow-forward", { key: 'df9e159d79ba95988af66a4b4a458e1589737e8f', size: 20 }), h("swirl-visually-hidden", { key: 'b4d18ead34e9413e97c622185fea3bbbb32b6dcb' }, this.browserForwardButtonLabel)), h("slot", { key: '2ee9f2c2a81a91292f80772cf371f5d2ccb493db', name: "left-header-tools" })), h("div", { key: '529199ad8c9ceff25399c235e947bf7027982b20', class: "shell-layout__logo" }, h("slot", { key: '1f9fb29b9147e2b6eaad49389d17cb17aa80658a', name: "logo" })), h("div", { key: 'e2b887179b9960d8863dd24ccbf2c7e8be009602', class: "shell-layout__header-right" }, h("slot", { key: '5540a6435490d75aff8864301d93ad72a3c7c6dd', name: "right-header-tools" }), h("button", { key: '26b6176d55c5c1e079691caa36a725922392aec5', class: "shell-layout__header-tool shell-layout__sidebar-toggle", onClick: this.sidebarToggleClick.emit, type: "button" }, h("swirl-icon", { key: 'ec7b16e7412ba48981aebffd91c2d9e014efb2a5', glyph: this.sidebarToggleIcon, size: 20 }), h("swirl-visually-hidden", { key: '4b1903a46a028e0895a101e865ab8242c92dc89c' }, this.sidebarToggleLabel), this.sidebarToggleBadge && (h("swirl-badge", { key: 'ce74e5c85492858648ca7265e7b1365ee84ffe87', "aria-label": this.sidebarToggleBadgeAriaLabel, label: !hasSidebarToggleBadgeWithLabel
+            : this.collapseNavigationButtonLabel))), h("a", { key: '29679ad371c786001a2c8c6bd02b0217a836daf1', class: "shell-layout__header-tool", href: "javascript:history.back()" }, h("swirl-icon-arrow-back", { key: 'c008358b8dce11746d927e0fed96885bd8151d95', size: 20 }), h("swirl-visually-hidden", { key: '82f97914d7df52ada3228908c3db3ea360232df7' }, this.browserBackButtonLabel)), h("a", { key: '78aa06fc0e86534ba5049ccbc8fb469b9a0fdbe1', class: "shell-layout__header-tool", href: "javascript:history.forward()" }, h("swirl-icon-arrow-forward", { key: '8f4d978c23bd77742fc4713a6bb0646fd45cccf2', size: 20 }), h("swirl-visually-hidden", { key: 'd5c37330e0eb6e82c535c0861f2ea8ca4088cd86' }, this.browserForwardButtonLabel)), h("slot", { key: 'ad078b8c0d162efa449659b11a8bcdf26fc22f8d', name: "left-header-tools" })), h("div", { key: 'e3956523b2a655fff9d3767b79b3e1c1017a4d90', class: "shell-layout__logo" }, h("slot", { key: 'c83680ce0944105c29e0c0d0efddd3a261645e04', name: "logo" })), h("div", { key: 'ae66efc0c2a02307c68f78234545bf198a78049b', class: "shell-layout__header-right" }, h("slot", { key: '1e54ff0bb41884eb2a53941c3d9aa46e8b4a3903', name: "right-header-tools" }), h("button", { key: '534c4ce580d05da61a5c452b5c2781a00670ce6b', class: "shell-layout__header-tool shell-layout__sidebar-toggle", onClick: this.sidebarToggleClick.emit, type: "button" }, h("swirl-icon", { key: '781691a275192b945f173ae7f0bed5560d9007b6', glyph: this.sidebarToggleIcon, size: 20 }), h("swirl-visually-hidden", { key: '9eb3a45c94b2d1c3a7a451a22b212e94df657f33' }, this.sidebarToggleLabel), this.sidebarToggleBadge && (h("swirl-badge", { key: '50c421342d766966ddaa092d8cc2c607a1213caf', "aria-label": this.sidebarToggleBadgeAriaLabel, label: !hasSidebarToggleBadgeWithLabel
                 ? this.sidebarToggleBadgeAriaLabel
-                : String(this.sidebarToggleBadge), size: "xs", variant: !hasSidebarToggleBadgeWithLabel ? "dot" : "default" }))), h("slot", { key: 'f52288a44afbeb1392193d05f0bc4501a17940dd', name: "avatar" }))), h("div", { key: '924b06cd336bf0cc0292edadc08b0b2b3e0dfb47', class: "shell-layout__mobile-nav-backdrop", onClick: this.onNavigationClick }), h("nav", { key: 'bed15393425dc10357b10ba7d022c853d0b9b32a', "aria-labelledby": "main-navigation-label", class: "shell-layout__nav", onClick: this.onNavigationClick, ref: (el) => (this.navElement = el) }, h("div", { key: '6c02d3de25c1812624b46d058ee943c343fc3089', class: "shell-layout__mobile-header" }, h("slot", { key: '97d21882939ac034227d2017157503d1f4f901e4', name: "mobile-logo" }), h("div", { key: 'bb5bc9344be7981ac68e57f69065fc6d482d536e', class: "shell-layout__mobile-header-tools" }, h("slot", { key: 'fc58fa45d88b04d882a10d53e44474b30cb98921', name: "mobile-header-tools" }), h("button", { key: '011c8055b176a4174cff580e96f884e2518641c9', class: "shell-layout__header-tool", type: "button" }, h("swirl-icon-double-arrow-left", { key: 'f414e31f2f2c91c83a8cc4ae3ac965977549723a', size: 20 }), h("swirl-visually-hidden", { key: '4328d1f7a9bbbbc9abcfe73aeb4a2927244ace8e' }, this.hideMobileNavigationButtonLabel)))), h("div", { key: '48f594da912cd8cb3f3d88ef222c6ff4e1999e0a', class: "shell-layout__nav-body" }, h("swirl-visually-hidden", { key: '4c5ce4e38948ac823a08b91bffccc8393e52e05f' }, h("span", { key: 'da7e77e9c3dbc8853e9bd1c00efe3c85d1f806f2', id: "main-navigation-label" }, this.navigationLabel)), h("slot", { key: 'f2d21298b9271132636ab9cd2132ac7f1f898b85', name: "nav", onSlotchange: this.collectNavItems }), h("div", { key: 'aa7046795d1fcf19407a1328772f6194617edcf5', class: "shell-layout__secondary-nav" }, h("swirl-separator", { key: 'e985bf753c99a57180f33f5c50f4b63bde9e2c4c', borderColor: "strong", spacing: "16" }), this.enableSecondaryNavGridLayout && (h("swirl-box", { key: '9085eab5ed541a4a6ed1b176dcb3b8746c848f70', paddingBlockEnd: "16" }, h("swirl-stack", { key: '31f051872f887a15b53558b9ee54b2f93e3df7f1', justify: mainNavCollapsed ? "center" : "space-between", orientation: "horizontal" }, h("swirl-button", { key: '4ca64948fccec45bb342069d54b71f5a7d32a48b', hideLabel: mainNavCollapsed, icon: this.secondaryNavCollapsed
+                : String(this.sidebarToggleBadge), size: "xs", variant: !hasSidebarToggleBadgeWithLabel ? "dot" : "default" }))), h("slot", { key: 'b6467fe337394d6ce56fc03c7b09c003017f7fae', name: "avatar" }))), h("div", { key: '5c4cc5677cec37b46b27083d2d5b6b8deed732a3', class: "shell-layout__mobile-nav-backdrop", onClick: this.onNavigationClick }), h("nav", { key: '3338f48fda77e79d9ee792e12c4f3ee71ac26721', "aria-labelledby": "main-navigation-label", class: "shell-layout__nav", onClick: this.onNavigationClick, ref: (el) => (this.navElement = el) }, h("div", { key: 'e695dcb3d3f6266cc474ca03d6b8ad77f5da5952', class: "shell-layout__mobile-header" }, h("slot", { key: '6827e6eba11b21354a7730db2f398339b82f3d13', name: "mobile-logo" }), h("div", { key: '124e570ef6ab149bb5c51ddeef1b7febcf1dbab5', class: "shell-layout__mobile-header-tools" }, h("slot", { key: 'a8fedce97df8d577234840bd1192bb5faddf41c1', name: "mobile-header-tools" }), h("button", { key: '5cda0da4fe47fd14cb6cda29a052b392a94990be', class: "shell-layout__header-tool", type: "button" }, h("swirl-icon-double-arrow-left", { key: '271bef831c1d264104a8db64fee5a5fb47140798', size: 20 }), h("swirl-visually-hidden", { key: '6071876cc51ec7a01a465f52a7c19e4f07bc715b' }, this.hideMobileNavigationButtonLabel)))), h("div", { key: 'e2b06492ef6fa7e126cd9a084c1bc6484b6ac27f', class: "shell-layout__nav-body" }, h("swirl-visually-hidden", { key: '17ff886b071ba60884969e23011d35dc6d2dcc25' }, h("span", { key: '77a2614169ba67fa1124fdfc52c521b587654611', id: "main-navigation-label" }, this.navigationLabel)), h("slot", { key: '69ef4449adb77dac4cb42d0ac6bb4dce0036ed19', name: "nav", onSlotchange: this.collectNavItems }), h("div", { key: 'ebed7ba47fcfc84e4aff54d6683792a9936da8d2', class: "shell-layout__secondary-nav" }, h("swirl-separator", { key: '60be91d04c000e207aabd4709e59b8af246a79f1', borderColor: "strong", spacing: "16" }), this.enableSecondaryNavGridLayout && (h("swirl-box", { key: '6fed6eb61dbacfd28783f811860791118090fb66', paddingBlockEnd: "16" }, h("swirl-stack", { key: '4f45648a97befe698e0537b7147d247e2b2a9b3a', justify: mainNavCollapsed ? "center" : "space-between", orientation: "horizontal" }, h("swirl-button", { key: '8bfccbd47c022215ec778b25652ec3c641b148e1', hideLabel: mainNavCollapsed, icon: this.secondaryNavCollapsed
                 ? "<swirl-icon-expand-more></swirl-icon-expand-more>"
                 : "<swirl-icon-expand-less></swirl-icon-expand-less>", label: this.secondaryNavCollapsed
                 ? this.secondaryNavExpandLabel
-                : this.secondaryNavCollapseLabel, onClick: this.toggleSecondaryNavCollapse, variant: "plain" }), !mainNavCollapsed && !this.secondaryNavCollapsed && (h("swirl-button", { key: '001622c91db552e3f52224dd5224e0ce2175f1fe', icon: this.secondaryNavView === "grid"
+                : this.secondaryNavCollapseLabel, onClick: this.toggleSecondaryNavCollapse, variant: "plain" }), !mainNavCollapsed && !this.secondaryNavCollapsed && (h("swirl-button", { key: 'e2a801bf86dab8ebdb2c434767c6e733a6495e3a', icon: this.secondaryNavView === "grid"
                 ? "<swirl-icon-menu></swirl-icon-menu>"
                 : "<swirl-icon-hamburger-menu></swirl-icon-hamburger-menu>", iconPosition: "end", label: this.secondaryNavView === "grid"
                 ? this.gridNavLayoutToggleLabel
-                : this.listNavLayoutToggleLabel, onClick: this.toggleSecondaryNavView, variant: "plain" }))))), h("div", { key: '0596290b2d6cd8631db9cc138c94807570ae0552', class: {
+                : this.listNavLayoutToggleLabel, onClick: this.toggleSecondaryNavView, variant: "plain" }))))), h("div", { key: '894603baac34761aabe0d36132fbfd8521d2b528', class: {
                 "shell-layout__secondary-nav-items": true,
                 "shell-layout__secondary-nav-items--grid-view": this.enableSecondaryNavGridLayout &&
                     (this.secondaryNavView === "grid" || mainNavCollapsed),
-            } }, h("slot", { key: '51e19724fca7fca2a2cab5631bec4fc6a2706332', name: "secondary-nav", onSlotchange: this.collectNavItems }))))), h("main", { key: '100fd956e742c68697b16cd45b95cb69cac6a15e', class: "shell-layout__main", id: "main-content" }, h("slot", { key: '71231c2168345af0a36cd8887f213db08c5a42e1' })), h("aside", { key: '9b199a1cb0fcd73aa80581231cd854e2eb0b2da3', class: "shell-layout__sidebar", inert: this.sidebarActive ? undefined : true }, h("div", { key: '30e13e5d44f8dde97286750dbbe65ca2b63a14b5', class: "shell-layout__sidebar-body" }, h("div", { key: '63d5b38abcfca252b27f8bf026646dfa2c0e9d43', class: "shell-layout__sidebar-app-bar" }, h("slot", { key: 'f32b025048321515bfcc276947a3041aace17b90', name: "sidebar-app-bar" })), h("div", { key: 'b06bad9a0c0e58e1a6db0d8a8477dd081bd959ed', class: "shell-layout__sidebar-content", onScroll: this.onSidebarScroll, ref: (el) => (this.sidebarContentEl = el) }, h("slot", { key: '3d4c21e42e72af64470b452c7357acd8e2d72fdd', name: "sidebar" })))))));
+            } }, h("slot", { key: 'd8ed325980ce9c08842db37e75dc12455ee44920', name: "secondary-nav", onSlotchange: this.collectNavItems }))))), h("main", { key: '2718d9e89dca3aa689b676e9362186a31e6abbbe', class: "shell-layout__main", id: "main-content" }, h("slot", { key: '7f6079e9c9ae9d323680b87d8965b28579178659' })), h("aside", { key: 'f2a5d6756d95d3a881ae8b44fff5ae8487ed5bf8', class: "shell-layout__sidebar", inert: this.sidebarActive ? undefined : true }, h("div", { key: 'fb17d7d94b4859e8c96e62fdf0a898b705346349', class: "shell-layout__sidebar-body" }, h("div", { key: 'bddbe3c5d7f9f7bb999d3013910cec8a7cb9ff67', class: "shell-layout__sidebar-app-bar" }, h("slot", { key: '23f0a7411eeca1510d21d1e205ed92bdb6276bcc', name: "sidebar-app-bar" })), h("div", { key: '749ec753875013d0f7c68e3a6ab9e922cee33108', class: "shell-layout__sidebar-content", onScroll: this.onSidebarScroll, ref: (el) => (this.sidebarContentEl = el) }, h("slot", { key: '29ce720269b143c054dfda874a1b2f9e63310b64', name: "sidebar" })))))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/swirl-shell-navigation-item.js CHANGED Viewed

@@ -29,7 +29,7 @@ const SwirlShellNavigationItem$1 = /*@__PURE__*/ proxyCustomElement(class SwirlS
         });
         const isLink = Boolean(this.href);
         const Tag = isLink ? "a" : "button";
-        return (h(Host, { key: '9d595b03d1372141e7662b05fa086f3d7e36365c' }, h("swirl-tooltip", { key: 'a97bae55ea4d71a595b50f789e2b6acbd1bec472', active: this.hideLabel, content: this.label, delay: 100, position: "right", positioning: "fixed" }, h(Tag, { key: 'b7b28c23b0558f3cfc09f58c2f43bf703cc694c6', class: className, href: this.href, target: this.target, type: isLink ? undefined : "button" }, h("span", { key: '8554b21fc40c9bcb5548e0faa811a1bc95cb59e2', class: "shell-navigation-item__icon" }, h("slot", { key: '2a5da046f8decd2d7245d208ad00ed946b83c88b', name: "icon" })), !this.hideLabel ? (h("span", { class: "shell-navigation-item__label" }, this.label)) : (h("swirl-visually-hidden", null, h("span", { class: "shell-navigation-item__label" }, this.label))), this.badgeLabel !== undefined && this.badgeLabel !== null && (h("swirl-badge", { key: '571dae34ca6230b77eb1dfac0ed178891d9aaab7', "aria-label": this.badgeLabel, class: classNames("shell-navigation-item__badge", {
+        return (h(Host, { key: '5b9ee816eccece3775fd323636f4155a14b169f2' }, h("swirl-tooltip", { key: 'a90781f2540ea1d6cb33e2e9190194b9c7cd5f1d', active: this.hideLabel, content: this.label, delay: 100, position: "right", positioning: "fixed" }, h(Tag, { key: '32cd11e3df2f4f90f81bb438d177772b114144d4', class: className, href: this.href, target: this.target, type: isLink ? undefined : "button" }, h("span", { key: '5ad27b84c3615c00cf488f10a4422267b9dea93d', class: "shell-navigation-item__icon" }, h("slot", { key: '524b9fbcc8b6600c566f831883ce0c190dfb0cfe', name: "icon" })), !this.hideLabel ? (h("span", { class: "shell-navigation-item__label" }, this.label)) : (h("swirl-visually-hidden", null, h("span", { class: "shell-navigation-item__label" }, this.label))), this.badgeLabel !== undefined && this.badgeLabel !== null && (h("swirl-badge", { key: '90783db64e2986cf0aa38cf9823bc4b1b6a7b6ef', "aria-label": this.badgeLabel, class: classNames("shell-navigation-item__badge", {
                 "shell-navigation-item__badge--dot": this.badgeLabel === "",
             }), label: this.badgeLabel, size: "xs", variant: this.badgeLabel === "" ? "dot" : "default" }))))));
     }