npm - @getflip/swirl-components - Versions diffs - 0.239.1 → 0.240.1 - Mend

@getflip/swirl-components 0.239.1 → 0.240.1

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 (1637) hide show

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

@@ -39,7 +39,7 @@ export class SwirlInlineStatus {
     }
     render() {
         const className = classnames("inline-status", `inline-status--intent-${this.intent}`, `inline-status--size-${this.size}`);
-        return (h(Host, { key: '60bf7e9dc09792c00ab96a8df37f8c66e38be7eb' }, h("span", { key: 'ba229e8de2b55222bd94881e36669a5c86721aa3', class: className, part: "inline-status" }, this.icon && (h("span", { key: '7883adbc0d389321c3fc38e324f7cc94c53804e1', class: "inline-status__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: 'ff074ad858f5a2ec415de60d0975241b50a1ed10', class: "inline-status__message" }, this.message))));
+        return (h(Host, { key: 'dead8fd6471282b38692ed067771dff6ed0b661b' }, h("span", { key: 'fea8c86b1e9acdf04f9e5bfc2df5408ee4ac5671', class: className, part: "inline-status" }, this.icon && (h("span", { key: '5cf32f454ea173dc8644516a6fa384a584afe99a', class: "inline-status__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: 'd60dc4ed468b9715dc1e3096b1bf7142baa04b03', class: "inline-status__message" }, this.message))));
     }
     static get is() { return "swirl-inline-status"; }
     static get encapsulation() { return "shadow"; }

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

@@ -290,7 +290,7 @@ export class SwirlLightbox {
             "lightbox--hide-menu": !hasMenuItems,
             "lightbox--hide-toolbar": !hasToolbar,
         });
-        return (h(Host, { key: '0496a36fe76df6bcc172b6fbdbaecfcb6e1d77bf', onKeydown: this.onKeyDown }, h("section", { key: 'bdc00a758a6dcb08a1bdf616dcdfc376dff28c87', "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: '324f2774ca8d05c039011cfc9ec60b9ac8506f18', class: "lightbox__body", role: "document" }, h("header", { key: 'dfa39ac71815b1c82cf7cb8a52baf3334ceb63fc', class: "lightbox__header" }, h("button", { key: '73aa67bc75de5b139d3381b64b52f7d1b873596b', "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick }, h("swirl-icon-close", { key: '9d3eac61bf4c08bfafb396df3e7e350d8e12210d' })), h("div", { key: '97780b418b89f6809668e3c994357bfd0b72cde2', class: "lightbox__toolbar" }, h("slot", { key: 'e36d4ff71275a30de1b8c4bb3357236332e570e2', name: "toolbar" })), !this.hideMenu && (h("swirl-popover-trigger", { key: '10847d358afca8b2f427887eef1a33920c0e194a', swirlPopover: this.menu }, h("button", { key: 'f58b184a0407d6442d9c6e62264b019e55616f1f', "aria-label": this.menuTriggerLabel, class: "lightbox__menu-button" }, h("swirl-icon-more-vertikal", { key: 'bc73394d923775acb3454816e07b30dafa993168' }))))), h("div", { key: 'da73ffc3e0ed88dc7b946aee76d560b65977ecd6', "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, h("div", { key: '8bac05388844576e756201df672464ae7af40b76', "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (el) => (this.slidesContainer = el) }, h("slot", { key: 'bf41ec961b261d137550b579da886b845e818fa6', onSlotchange: this.registerSlides }))), h("div", { key: '0dc8f20c2d61507b5d01fd7ec0945c0e29ec987c', class: "lightbox__controls" }, h("button", { key: '9455f49b67d65fdf8eacad7916bd785d86c7d8a0', "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick }, h("swirl-icon-arrow-left", { key: 'fb53e1b1e1de5bbdfc563cf624973e7c7ff26caa' })), h("button", { key: 'c4e4e66fa14f4580b7c0d569d522ecca6369736c', "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: '8dc5620ab6245d62ba63a7940b07c0dad2732f42' }))), showPagination && (h("span", { key: 'b8c2804f16191c241a4fcaf26c8b61e424b1f9de', class: "lightbox__pagination" }, h("span", { key: '5bc2ea609c94358e466bfbe638e669f149c8eeff', "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length))), !this.hideMenu && (h("swirl-popover", { key: '1fdb5b42fc16c55a2f7dce4ba71cd9e641e3cb8b', animation: "scale-in-y", disableScrollLock: true, id: "slide-menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: 'a578f2647799dd3a66767cb915de6c8f7d45c917' }, h("div", { key: '5f30a97d3eda76a4ae54118b73821364be3b95e7', class: "lightbox__meta" }, currentThumbnailUrl && (h("div", { key: '7954989a94007a377dd8f32074697f9d50df7f13', class: "lightbox__thumbnail" }, h("swirl-thumbnail", { key: 'c012b589d13cc35fde4f321569932b325f9fd2f0', alt: "", src: currentThumbnailUrl }))), h("div", { key: 'd2536225e90fc3634a243fa9d12d4ef41366dc58', class: "lightbox__file-info" }, h("swirl-text", { key: 'd4639e6b76911663c9d20590714c5cb6a213e1ec', truncate: true, weight: "semibold" }, currentFileName), h("swirl-text", { key: '57182a9b54c28a1bdb826b701dd57c750cddc61d', color: "subdued", size: "sm", truncate: true }, currentFileType))), hasMenuItems && h("swirl-separator", { key: 'cda825fbd2f14ed584e841debf6a91ef0c3c29d4' }), h("swirl-action-list", { key: '8e5bf7a26daa50930d34e24390306d044904e37a' }, this.downloadButtonEnabled && (h("swirl-action-list-item", { key: 'fb371a5a75ba802b01e608e3100de76ce8f16594', icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), h("slot", { key: 'e2a1981e1f5fbf35a7fd537750653fc08186deb0', name: "menu-items" }))))))));
+        return (h(Host, { key: 'a52416b75199fa8f3b489acd7406e64eb3620b50', onKeydown: this.onKeyDown }, h("section", { key: 'e9041095aaf0e89554a75af58fa6e773a5972fab', "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: '6a75bb57f70aefa7569975c5035c226f8f205dcd', class: "lightbox__body", role: "document" }, h("header", { key: '9a6e48f63c9768cce4fabcd761010af9dc2bedf5', class: "lightbox__header" }, h("button", { key: 'f1fec0983a47512f770eff61b886c5a04bf12a60', "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick }, h("swirl-icon-close", { key: 'b4d87c80e4e10d06ccf3fd26a9a08d409cbf2523' })), h("div", { key: '70d2aeacd6c61262306ab913be4888a8260025e9', class: "lightbox__toolbar" }, h("slot", { key: '2a7d2c738e5a2aca535f37f642a854bde3631097', name: "toolbar" })), !this.hideMenu && (h("swirl-popover-trigger", { key: '2225cecb21b381def39f0e21ed2400c24c97f453', swirlPopover: this.menu }, h("button", { key: '5c08e68751b553ccbea1584695595e46546a08cb', "aria-label": this.menuTriggerLabel, class: "lightbox__menu-button" }, h("swirl-icon-more-vertikal", { key: 'f65185ec1ec27944805fa977ea04f0d623d3cba4' }))))), h("div", { key: '94bb1a8d7d296183a38a97c49ffea7eeb646f05d', "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, h("div", { key: 'e08807648fd8540db943193285c029624f05a998', "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (el) => (this.slidesContainer = el) }, h("slot", { key: '9ee945f2cb8bdb874d36632f2c06fd5135095916', onSlotchange: this.registerSlides }))), h("div", { key: '3a0b45e1a5675f84250295d92820ccd520df6a9c', class: "lightbox__controls" }, h("button", { key: '56ddd3cfec949805d1f981ccb9ed55172b2abe49', "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick }, h("swirl-icon-arrow-left", { key: '6f318ea123dc2fe7d5e0a0e37e3949b3db5c70f4' })), h("button", { key: 'f3850661da995831834b5c65254f3188a3fe8899', "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: '08f7b891095718d60dfffb01208b83be6d47fec7' }))), showPagination && (h("span", { key: '59463bd6d4995ef72fd1bf29d40d59e7894bf599', class: "lightbox__pagination" }, h("span", { key: 'edf1d4c73fd50d8d84422ba0e08cef1d7dec3dc5', "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length))), !this.hideMenu && (h("swirl-popover", { key: '56501d91dcd7f1f859446f7a5cc169e7dcdbd9b6', animation: "scale-in-y", disableScrollLock: true, id: "slide-menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: 'baa99c20e4243f70b521c30453c2e8bd2df23c56' }, h("div", { key: '258c3ec82b6a75b0ecf2f83d36e77f2cb99f74ea', class: "lightbox__meta" }, currentThumbnailUrl && (h("div", { key: '7f08e29a6e6712bc18bcfe739c8eb004efaeac42', class: "lightbox__thumbnail" }, h("swirl-thumbnail", { key: '16bb3c6b030ba27610f6ade4c6974e3f1b6932fc', alt: "", src: currentThumbnailUrl }))), h("div", { key: 'c9607aa3a9a6943fc41f8ca0e1accffef33e6f78', class: "lightbox__file-info" }, h("swirl-text", { key: 'bcb020430a14daf9878018fc8bfbd3cf53eb9877', truncate: true, weight: "semibold" }, currentFileName), h("swirl-text", { key: '403ee2f73116d899b981613279bc72aa40bc0174', color: "subdued", size: "sm", truncate: true }, currentFileType))), hasMenuItems && h("swirl-separator", { key: 'ccbf966bcf8d10cd3ed47a3b9c3f522361749522' }), h("swirl-action-list", { key: '48dc0f840db5323a8e4fd32eddb26a48744f1f3a' }, this.downloadButtonEnabled && (h("swirl-action-list-item", { key: '940d3f5dc2cb186c7632c0bfc644014318baf950', icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), h("slot", { key: '7aefc60dc1eb95ac9d0c99ac7f336b6e8faf1ce1', name: "menu-items" }))))))));
     }
     static get is() { return "swirl-lightbox"; }
     static get encapsulation() { return "shadow"; }

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

@@ -9,7 +9,7 @@ export class SwirlLink {
     }
     render() {
         const className = classnames("link", `link--color-${this.color}`);
-        return (h(Host, { key: '00ca392c41452b30703cbf0e3bc9b6b9720ca980' }, h("a", { key: 'bacc5aa74540feb08b91bd24eb584e2afcc100d7', class: className, href: this.href, part: "link", target: this.target }, this.label)));
+        return (h(Host, { key: 'a8ccaab9a67b7b3e6858212989db1b8ec7d1346d' }, h("a", { key: 'b430310db7a30ca1b9ec46e11726ffa16f4ceb88', class: className, href: this.href, part: "link", target: this.target }, this.label)));
     }
     static get is() { return "swirl-link"; }
     static get encapsulation() { return "shadow"; }

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

@@ -7,7 +7,7 @@ export class SwirlList {
         }
     }
     render() {
-        return (h(Host, { key: '02f21218b2a1faf01fabc3dcb9a41e912f8658e7' }, h("div", { key: '5c8618ba4e499bfe8ee249cb4eebe788f092eff4', class: "swirl-list", ref: (el) => (this.containerEl = el) }, h("slot", { key: '95aae58901c4bb9b9023d4c44fb41ed15603570b' }))));
+        return (h(Host, { key: '20fc202d59888c9c5fe0345fc7ed4808d9821e9c' }, h("div", { key: '05db743b98a1c31454def296f8f6fb24b07cd4c2', class: "swirl-list", ref: (el) => (this.containerEl = el) }, h("slot", { key: '29cf7dad09b215bb5b5504bee107599d5ec00691' }))));
     }
     static get is() { return "swirl-list"; }
     static get originalStyleUrls() {

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

@@ -267,7 +267,7 @@ export class SwirlMenu {
             "menu--mobile": this.mobile,
             "menu--root": isTopLevelMenu,
         });
-        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
+        return (h(Host, { key: '46380ac4cecdd96b653112c0c4d86d23bbef3325' }, h("div", { key: '985eaecdb58e58dfbd73557dcb19c11a355c185b', class: className }, this.mobile && isTopLevelMenu && (h("div", { key: 'c0195c70e01d73f0eb52634a9b10f6f0a79fc129', class: "menu__mobile-header" }, this.activeLevel === 0 && (h("swirl-button", { key: '6bbe9e735a8bfa78555c9cb76fea8f0bfb2fd7af', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" })), this.activeLevel > 0 && (h("swirl-button", { key: '1eae68bcda2138f48e20fae99c9624f22e5aa86f', hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" })), h("span", { key: '89ac8444fc2a1c01254f0d8642ac21bbf01f0bfc', class: "menu__title", id: "menu-title" }, h("swirl-heading", { key: '8e17f2b3b99424542273ad18ca820c75d67664e5', align: "center", as: "span", level: 4, text: this.label, truncate: true })), h("swirl-button", { key: 'b157ac515cfe40e5480f9c02e38a4a2b5c1d160a', class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone }))), h("div", { key: '6b522b5f2920db3f52a946c7b691281111b51c44', "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` : "",
@@ -278,7 +278,7 @@ export class SwirlMenu {
                             ? `calc(-100% * ${this.activeLevel})`
                             : "100%",
                     }
-                    : undefined }, h("slot", { key: '8d017e8fe191846a0ce0d4628f62a48786794a3e' })))));
+                    : undefined }, h("slot", { key: '33049a31c6beee19fe90fa032ed1b1dd3912d791' })))));
     }
     static get is() { return "swirl-menu"; }
     static get encapsulation() { return "shadow"; }

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

@@ -96,9 +96,9 @@ export class SwirlMenuItem {
         const className = classnames("menu-item", {
             "menu-item--expanded": this.expanded,
         });
-        return (h(Host, { key: '41a7d3cfa1197bceedadfd55cee2399f05ae4d83' }, h("div", { key: '53cc512b856b9ec277e4efbc9b3d94d6945b2498', class: className }, this.parentMenu?.variant === "selection"
+        return (h(Host, { key: '7ee67244e9a30eec12f25483ba8c0c00788342b2' }, h("div", { key: 'df2fa7fcab05c3ddb1f8b9459006621026e1ade9', class: className }, this.parentMenu?.variant === "selection"
             ? this.renderOptionListItem()
-            : this.renderActionListItem(), h("slot", { key: '60e0e595d046f962b699106e9a3ba90a73406539', onSlotchange: this.onSlotChange }))));
+            : this.renderActionListItem(), h("slot", { key: 'fd1e1d4a27be53bd84d64daec86944f9c7c311d9', onSlotchange: this.onSlotChange }))));
     }
     static get is() { return "swirl-menu-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -162,13 +162,13 @@ export class SwirlModal {
             "modal--scrolled": this.scrolled,
             "modal--scrolled-down": this.scrolledDown,
         });
-        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: {
+        return (h(Host, { key: '72def0840e7e4f1638077a0602096eb036960210' }, h("section", { key: 'a634bcb499d217bed80a917dbd94e498f7095376', "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: '8a075f7aaacf9f7d5e6d7e2962c18ef58aeac41b', class: "modal__backdrop", onClick: this.onBackdropClick }), h("div", { key: 'ece030aa169dc50164ea6b08c5fc446ddf278dfc', class: "modal__body", style: {
                 "--swirl-modal-max-height": this.maxHeight,
                 "--swirl-modal-height": this.height,
                 maxWidth: this.maxWidth,
-            } }, 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"
+            } }, h("header", { key: '461cd7f2fdf06a5907bf5d7e17daaeede0e807fa', class: "modal__custom-header" }, h("slot", { key: '4f98248ce86013faa34fd8f31e4538ad6362bae5', name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && (h("header", { key: 'd14d572794ec20023c41e6c07d5cc4d6819f0421', class: "modal__header" }, h("div", { key: '3b03c9d5e3fe2e27909d80c28cff8b751245c9ae', class: "modal__header-bar" }, !this.hideCloseButton && (h("swirl-button", { key: '61f02602ae2a262981d53f99b17eed5aeb1d7907', 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: '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" })))))))));
+                : "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick })), !this.hideLabel && (h("swirl-heading", { key: '5ee3a9ebdbe2699340789352afbc40d3d0b5a38c', as: "h2", class: "modal__heading", level: 3, text: this.label }))))), h("div", { key: 'cd6c4984135aaa9141fa7b68d43a5a3130e3172f', class: "modal__content-container" }, h("div", { key: '32dc79dd3c7c1c3d29923a1c260e72c1aea44456', class: "modal__primary-content" }, h("div", { key: '5d3e8f25816be3737c96960ec5fb6cb8aca4aac2', class: "modal__header-tools" }, h("slot", { key: 'a6912e3974d826cf9990f6408f66dfac25a65bab', name: "header-tools" })), h("div", { key: '42c9c895024a74eba330128dc042aa0714c59c6e', class: "modal__content", onScroll: this.determineScrollStatus, ref: (el) => (this.scrollContainer = el) }, h("slot", { key: '3e0640bf6d7b34ec0daa0dd2aab9963a19457bc6' }))), h("div", { key: 'bb96b7efc0f421b04358cc56706da32dadf11243', class: "modal__secondary-content" }, h("slot", { key: '07d62a87fc1edf219d070a8f150d5228dbf354c2', name: "secondary-content" }))), h("div", { key: '4674f5a0c0fe89c948551a0244efa4bad79981c2', class: "modal__custom-footer" }, h("slot", { key: '29c29f908474c6e63149ca7277b75f0b1179ef51', name: "custom-footer" })), showControls && (h("footer", { key: 'dd71a775e74461f69373a8f5caa2d275e32d1344', class: "modal__controls" }, h("swirl-button-group", { key: 'c87d79bc087efb0e3815fb092c2dc8787cdc2d6e', wrap: true }, this.secondaryActionLabel && (h("swirl-button", { key: '40c73a24872805d21a557743f0cbaf339ddec34d', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (h("swirl-button", { key: '99c873a848821dd0b805db2c8af331ad35b13a9f', intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" })))))))));
     }
     static get is() { return "swirl-modal"; }
     static get originalStyleUrls() {

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

@@ -326,7 +326,7 @@ export class SwirlOptionList {
     render() {
         const ariaMultiselectable = this.multiSelect ? "true" : undefined;
         const tabIndex = Boolean(this.dragging) ? 0 : undefined;
-        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' }))));
+        return (h(Host, { key: '50582d566de3a9cd25965f66fc2617de3dc7d041' }, h("swirl-visually-hidden", { key: 'd8b38253940d4959b3ae520be02af8e3b1912f8a', role: "alert" }, this.assistiveText), h("div", { key: '05d8ab84c0b9f6bbbac6399f2c36f34890427851', "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: 'da679caf7cb8f391e3827147016600a8e3d77989' }))));
     }
     static get is() { return "swirl-option-list"; }
     static get encapsulation() { return "scoped"; }

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

@@ -64,9 +64,9 @@ export class SwirlOptionListItem {
             "option-list-item--dragging": this.dragging,
             "option-list-item--selected": this.selected,
         });
-        return (h(Host, { key: '50476f2ec0279aea31dc2b9639f2991f4cf90397' }, h("div", { key: 'bc440ea4a97ec62aebb9c5f1395355568c044e1b', "aria-checked": this.swirlAriaRole === "menuitemradio" ? ariaSelected : undefined, "aria-describedby": Boolean(this.description)
+        return (h(Host, { key: 'ebc9cc2923d3bb0418bd174c1f2232e77d5ca041' }, h("div", { key: 'e1e40843fd5a1628599cd6ca2a7d3623fe424395', "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: '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 })))));
+                : 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: '0133a3082ca9872d6976da14d5545d4b9eae3b9e', class: "option-list-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), showCheckbox && (h("span", { key: '706f7a252b0ccb089a92374545b4ad404c797817', class: "option-list-item__checkbox" }, h("span", { key: 'df8683b79ca7a073e0c0ee5677d6f73d1b94c352', class: "option-list-item__checkbox-box" }, this.selected && (h("swirl-icon-check-strong", { key: '0b88f9be6f5979904223a1e14e67c65fe1d4243a', class: "option-list-item__checkbox-icon", size: 16 }))))), h("span", { key: '84e600c2e28f37b3fec64bcaebe3f3dcee6c678c', class: "option-list-item__label-container" }, h("span", { key: '57b55296f93c5ba460d7678efdabb0d1db5231e0', class: "option-list-item__label", id: `option-list-item-${this.elementId}-label`, part: "option-list-item__label" }, this.label), this.description && (h("span", { key: '422b2a7144e9260fcc2d491ddb8a8d53cd98041c', class: "option-list-item__description", id: `option-list-item-${this.elementId}-description` }, this.description))), showSelectionIcon && (h("span", { key: 'cf8a7334522d6878f7d937cf0081cd915bb8f07a', class: "option-list-item__selection-icon" }, h("swirl-icon-check-small", { key: 'd537a71f577f204b2a25d5daad5626d78f9de667', size: this.iconSize })))), this.allowDrag && (h("button", { key: '3eb6b9b60ae9217419f9320b31ac44cde3f484e3', "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: '90e7d95e02331406994323c123c41da4b143eaf7', size: this.iconSize })))));
     }
     static get is() { return "swirl-option-list-item"; }
     static get encapsulation() { return "scoped"; }

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

@@ -7,7 +7,7 @@ export class SwirlOptionListSection {
         this.label = undefined;
     }
     render() {
-        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' })))));
+        return (h(Host, { key: '6629142e67d509a16900e8d21d9886f39fee8910' }, h("div", { key: '0f4cb1707b74d6fd971a3af67b6e7eefe0659667', "aria-labelledby": "label", class: "option-list-section", role: "group" }, h("span", { key: '386d52d3473bebc22ad2632fd2170c6ba15bafc2', class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), h("div", { key: '5f1519295438f4113a6dbe8c1e68dce6ae9b85a9', class: "option-list-section__items" }, h("slot", { key: 'fe96c7c540acb6a94936af809143b9654cd2c2e2' })))));
     }
     static get is() { return "swirl-option-list-section"; }
     static get encapsulation() { return "shadow"; }

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

@@ -81,7 +81,7 @@ export 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: '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 }))))));
+        return (h(Host, { key: 'abc4ff95b3b679a1f591b52b37495255e6d949bb' }, h("nav", { key: '2c704372de6cb1ca463aaaa4e04cbd7f85daf54c', "aria-label": this.label, class: className }, h("ul", { key: '9190fb75c511723d4cb09b7794ac9b3f339c684b', class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (h("li", { key: 'bdaf6dafa58eba723af279f48a329ade4bfa1786', class: "pagination__list-item" }, h("label", { key: 'bf966767c46eefe1d3defa85fab667c340a63a31', class: "pagination__page-size-selection" }, h("swirl-text", { key: '251b62b58522afd0ed8217b228f6425b57ba3d1e' }, this.pageSizeSelectLabel), h("swirl-stack", { key: 'e95db113db399512aebdca2ea823ddea845cf78f', align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, h("select", { key: '82353029ac2e3cc3a13d35a5a3642ac6ce930efc', 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: '850004da0a73785a21cc75380ed6c9bc615e5f08', "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), h("li", { key: '9f7b8e9868bdd07d95f5a3d1c86e7b6a50b85069', class: "pagination__list-item" }, h("swirl-button", { key: 'e571aa451e3acd173de1415d22e6ac6db9e9d2d8', 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: '407634f3f4d7ea7b3fbccb4961df157f9df72f45', class: "pagination__list-item" }, h("swirl-button", { key: 'efcd5adc949ebba3b9952db9478ca0d47eda90d0', 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: '019150d90def566c21b5354e9d8005e1de255872', class: "pagination__list-item" }, h("swirl-button", { key: 'd8a6c957634b57d23d7ff532a182fc7e0d525fe0', 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: 'db54b2c2ca62d625b9b24f722900ff304e9c1da5', class: "pagination__list-item" }, h("swirl-button", { key: 'ca0fdf54ba4ca018e2a8f84dad9b77b8f1327244', 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 is() { return "swirl-pagination"; }
     static get encapsulation() { return "shadow"; }

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

@@ -180,15 +180,15 @@ export class SwirlPdfReader {
             "pdf-reader--hide-menu": !hasMenuItems,
             "pdf-reader--show-thumbnails": this.showThumbnails,
         });
-        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 &&
+        return (h(Host, { key: 'd94604d6ca904d483d45c5022c7c022fb125d473' }, h("section", { key: 'c299e8ef15d96b505b364733672f8af3970777a9', "aria-hidden": "true", "aria-label": this.label, class: className, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, h("div", { key: '45a83d8aefba0159ea99b7cf83d88eb6007a83d4', class: "pdf-reader__body", role: "document" }, h("header", { key: 'edd12247a8b8c0f27ff01dc1a7a4ab07fef33408', class: "pdf-reader__header" }, h("span", { key: '816284a5f370723fa463ca20ea6daf7353d4eac0', class: "pdf-reader__header-left" }, h("swirl-button", { key: '13b8f1471458f4c0e8e14214ab3f1980703e73c7', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), h("span", { key: 'b05dd251651d47633d202df65ff2e4bd870f829c', class: "pdf-reader__label" }, this.label)), h("span", { key: 'f808f875bd9c3467671e4c8f7cc8355b49c4cbbb', class: "pdf-reader__header-center" }, h("span", { key: 'ea3992b70eb54fa61cbfe79cd9b1be1c0f720b3c', class: "pdf-reader__zoom-button-container" }, h("swirl-button", { key: '008a6914e7b5988af3edf1bea7947ee33dcc2742', 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: 'ec797715ecc48cf942107a2f99a0e1c7eb236380', 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: '0e812cb496e37a057e5f629816f7878deeaa7048', class: "pdf-reader__zoom-select-container" }, h("select", { key: 'c1958b8e5e97d26abde168c7a5fadcf5e9a5a196', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, h("option", { key: '02495a5b7106d83b4b06bd6091966a0a38b1935e', 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: 'a6a6efc79b8e3b4ec5764843aaef468c28638793', class: "pdf-reader__zoom-select-icon" }))), h("span", { key: '914948514591ae278d3b27f9c69df34663eaaf61', class: "pdf-reader__header-right" }, h("swirl-popover-trigger", { key: 'c2b9779786ffc15d8afbf0749f699b0f17e62474', swirlPopover: this.menu }, h("swirl-button", { key: 'e64312b9d130a862717fb5ccd28f3a9c133b82b6', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), h("span", { key: '7e1885ea98847223cc8e4ae23b1ad62bd4ce7f0f', class: "pdf-reader__floating-tools" }, h("button", { key: '8cb77a25da720aee5a49f3e759076c00f4ac0166', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, h("swirl-icon-menu-book", { key: '737608d7eceabe17f1510f4ad8d5d7c6788fdff2' })), h("button", { key: 'c5ba473864588531134aaf2372ca5072968484a1', "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: '17c9d6fd30ed4539a3661a367cf9a80d61785362' })))), h("div", { key: '868ff1d9f755951ff6d1236b167d361c08707198', class: "pdf-reader__content" }, h("nav", { key: 'dd4a935fa7fd3e8cc2d114a445882a4093d91ba9', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && h("swirl-spinner", { key: '744a233981239f4f737fb7cb2e67aec7b6a6ba16' }), !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: '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
+            })), h("swirl-file-viewer", { key: 'ac5cfa4a3e1098b70b4644bc930b8c0f4fd50f6b', 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: '7b0b7ada4c02cab4b87d7bedb0602a0cc5f9c2b3', class: "pdf-reader__mobile-zoom-controls" }, h("button", { key: '1eb2a1f9deb3f827efe7cc992a04307650c88419', "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: 'a7d490474fb2e97e1d4d1d26a567cbd9a3477f95', "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: 'e46c7392942767a7d4c757a6e063434572b09aa9' })), h("button", { key: 'e4f52599264d6c3e63c10f9a6f9ef18cc24c4574', "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: '7fa01427aa5824590c655f2cf7837d98062bee80' }))))), h("swirl-popover", { key: '67c80a5e6098991a7990db027ce95faf034e184e', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: 'b5ed48f43910cded3c00bb1f28b941b358c490a8' }, h("div", { key: '4b258c40f6ba86e3821e4fc9dbbc368ae1842c65', class: "pdf-reader__meta" }, h("div", { key: 'd1aff2c4008e75804a2c03d5120dabef824ab199', class: "pdf-reader__file-icon" }, h("svg", { key: '79bfc1ec59d4b1447ac5e6493f6e04b910054cde', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, h("path", { key: '82dfda05d713e98721a21c415d3e709ee52e7809', 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: 'cd45d1e979e2539b6d3fc8c299dfd7f5030dba38', 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: 'f5c5fcc23be0fa21b2bd465fed9d6b1fad535fb2', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), h("path", { key: '283abe54d3795c6937c9fdae8fe705bea7d66b2b', 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: '609c9319006f0a35dc1cad14b1f8945119429032', 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: '0f04b0727c92f420a7947e2c775e08a7a87b9441', 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: '476a914639ac1ed0b4365c80751af9869016e34a', 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: 'add2c8f212b4a6e1456ce78bfa1e95fdb6bc0723', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), h("div", { key: 'cd5256de253a62e58704586953a11b8f17a80e99', class: "pdf-reader__file-info" }, h("swirl-text", { key: '9b8e67dd594f188b0a748466ff193fe06582fa14', truncate: true, weight: "semibold" }, this.label), h("swirl-text", { key: '702b1843a1c959541024cd728d83afd143b50a1c', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && h("swirl-separator", { key: 'dc3ab1584465e74611966687bd6fab15204fedda' }), h("swirl-action-list", { key: '5fae281b392ef8fd0e8588f3dabc60b9127c359f', class: "pdf-reader__menu" }, this.printButtonEnabled && (h("swirl-action-list-item", { key: '0d0b33194ac47de8a0f8f03ae89702fa016a802a', 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: 'ded6434c611110e031ab890d3e5bce64fb4e8670', 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: '2be7796182999cf7d54323b7212a23465eedc711', name: "menu-items" })))))));
+                : '<swirl-spinner size="xs"></swirl-spinner>', label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), h("slot", { key: '104eddf7353239799567d3de23d08a1d0ec3c140', name: "menu-items" })))))));
     }
     static get is() { return "swirl-pdf-reader"; }
     static get encapsulation() { return "shadow"; }

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

@@ -252,14 +252,14 @@ export class SwirlPopover {
             "popover--inactive": !this.active,
             "popover--transparent": this.transparent,
         });
-        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: {
+        return (h(Host, { key: '69db1b742f6525ac94a7eec41664c685ab3a24fa' }, h("div", { key: '9c4b5adbc6cd28688da341cca2548895d43a870a', class: className, onKeyDown: this.onKeydown }, h("div", { key: '586537c7134a0f94b77f726db96e1247eba82aaf', "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: '3199060d11b4b37abe74aaaf69c982cad131db5c', class: "popover__handle" }), h("div", { key: '97b22d0ac374b8d2871db27b83f5a344be276ddd', class: "popover__scroll-container", part: "popover__scroll-container", ref: (el) => (this.scrollContainer = el), style: {
+            }, tabindex: "-1" }, h("span", { key: '19ca6fc58979c7b80510df9213e0956b5ed74473', class: "popover__handle" }), h("div", { key: '5fe1a0cedb671f6289a6bc793896b83a8def0366', 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: 'b1cea1c112cbdd7b50e658dfefac32d12368cee2' }))), this.active && (h("div", { key: 'f7420f0ac6c15bb8be5b65b4a18c78764ed1c7ff', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
+            } }, h("slot", { key: 'ce8c6356355276acfd1936e2ee41d0311fe99c82' }))), this.active && (h("div", { key: 'f3d2a6387153094bbf7c11c83c365ec8143ec837', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
     }
     static get is() { return "swirl-popover"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-popover-trigger/swirl-popover-trigger.js CHANGED Viewed

@@ -158,7 +158,7 @@ export class SwirlPopoverTrigger {
         return isActive;
     }
     render() {
-        return (h(Host, { key: '975b9b0de8c82fffc52a1353b5fd54f8fef664d5', onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, h("slot", { key: 'b6824f472c025bd2a553e743b253b81e2ddb6012' })));
+        return (h(Host, { key: 'a457fa3483ebf0347b9b9a76202fbbf4f4c89ef5', onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, h("slot", { key: 'f247d14d7a77954e058267d2e3e237dc3764b49c' })));
     }
     static get is() { return "swirl-popover-trigger"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/swirl-progress-indicator/swirl-progress-indicator.js CHANGED Viewed

@@ -13,7 +13,7 @@ export class SwirlProgressIndicator {
         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: '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 }))))));
+        return (h(Host, { key: 'e0b2e08fe20462ae55a48a58af5f065f26f6b2d2', class: this.variant }, this.variant === "bar" && (h("progress", { key: 'e8c311ffc18cf15bf9be4c71ee1fb4ec89790c48', "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: '06dfde083b8cea9e7dfe32093eda4f849303ec5c', role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className }, h("svg", { key: 'e410ae2c6f2008c50651087aed7d4ab032988a6c', class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(radius + strokeWidth) * 2} ${(radius + strokeWidth) * 2}` }, h("circle", { key: 'f7ae1672e590d84fc01e135dad7cefc50edaa9c6', class: "progress-indicator__circle-background", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth }), h("circle", { key: '691bc484c0cea716dd3a944ac48ab1bd83013f76', 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 is() { return "swirl-progress-indicator"; }
     static get encapsulation() { return "shadow"; }

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

@@ -36,7 +36,7 @@ export class SwirlRadio {
             "radio--invalid": this.invalid,
             "radio--unchecked": unchecked,
         });
-        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 }))))));
+        return (h(Host, { key: '032a9594d53552bbde8a73d6b157bf7634267d33', style: { width: this.variant === "card" ? "100%" : undefined } }, h("label", { key: 'b3b2b8b777769c41eba2723810ed21b5639daaf0', class: className, htmlFor: this.inputId }, h("span", { key: 'e08008cc6c89453d9932512fc91a732f49a0606e', class: "radio__control" }, h("swirl-visually-hidden", { key: 'f396316cdd3a13edca4cfc175de82134d11f96d3' }, h("input", { key: '13928deeb1cdc6bee863ddcd69ca95f771dadbd8', "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: '8e29a1d9542ad9c812b4589758d460f9d337e6ab', "aria-hidden": "true", class: "radio__box" })), h("span", { key: '08741e93c000032872a6884759b74a74ca7c91eb', class: "radio__label-container" }, this.label && h("span", { key: '929afadab2bf2c155d048121a5d78c1fc6a197e6', class: "radio__label" }, this.label), this.description && (h("span", { key: '8d6a5de4ae2b36264a299ea08b89ba2d9e6d05f3', class: "radio__description", innerHTML: this.description }))))));
     }
     static get is() { return "swirl-radio"; }
     static get encapsulation() { return "scoped"; }

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

@@ -37,7 +37,7 @@ export class SwirlRadioGroup {
         }
     }
     render() {
-        return (h(Host, { key: '921b999324cb197933c94197c2c9f4cd64dedb35', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, h("div", { key: 'b73e3ccdceb5da61cf92962c185ace4a13185a81', class: "radio-group" }, h("slot", { key: '96adb30518202f1c9c3a3d7356665bcb03258551' }))));
+        return (h(Host, { key: 'e71f4a21aa57fb482efae58ca7d2878278cad3eb', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, h("div", { key: 'c4dca805f927d4f2cd16df7e63028dd30491888f', class: "radio-group" }, h("slot", { key: '156d5c755e7424985e3140d70255bd30b906d8ab' }))));
     }
     static get is() { return "swirl-radio-group"; }
     static get encapsulation() { return "scoped"; }

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

@@ -233,7 +233,7 @@ export class SwirlResourceList {
         this.assistiveText = `${this.assistiveTextItemMoving} ${this.getItemIndex(this.dragging) + 1}`;
     }
     render() {
-        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' })))));
+        return (h(Host, { key: 'a2a744f918f8e4c1fd17f1ee8ff549e129c82f68', onKeyDown: this.onKeyDown }, h("swirl-visually-hidden", { key: 'b7746e266b90f4b0763099e7844df907ce6e44fe', role: "alert" }, this.assistiveText), h("swirl-box", { key: 'dc8b88eda5bdcc2c8b84404b9552c15f3299d939', paddingInlineEnd: "8", paddingInlineStart: "8" }, h("swirl-stack", { key: 'e4a2a794e415b486436eff15c7e987a5a8dfcfdf', "aria-label": this.label, class: "resource-list", id: this.listId, ref: (el) => (this.gridEl = el), role: "grid", spacing: this.spacing }, h("slot", { key: '42cfea260bab0f745670c601411dd562ad66330b' })))));
     }
     static get is() { return "swirl-resource-list"; }
     static get encapsulation() { return "scoped"; }

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

@@ -37,7 +37,7 @@ export class SwirlResourceListFileItem {
         const className = classnames("resource-list-file-item", {
             "resource-list-file-item--has-control": showSpinner || showRemoveButton,
         });
-        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 }))))));
+        return (h(Host, { key: '20fccbb35a5f2e851019d447396bf70cdbf0a866', role: "row" }, h("div", { key: '8dcc46e1b5f293d3e0efdc67bba2fd4886706dd4', class: className, part: "resource-list-file-item", role: "gridcell" }, h("span", { key: '6a45500189abb0303be6cc433a5c928d1eb31a1f', class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }), h("span", { key: '6a8f5200a3d8d24823f69356f6522405892a9732', class: "resource-list-file-item__label-container" }, h("span", { key: '3c31cdb35f04a06bfe2deb2610cbc12308269a65', class: "resource-list-file-item__label", id: "label" }, this.label), showDescription && (h("span", { key: '7eb461a7a191db05937aa22ace31f5cca9379816', class: "resource-list-file-item__description" }, this.description)), showError && (h("span", { key: '43d30a92c839d797092b6ac646d3f1925902018d', "aria-live": "polite", class: "resource-list-file-item__error-message" }, h("swirl-inline-error", { key: 'c13104b44ad620e51339b1e52fac9adce24c1de3', message: this.errorMessage, size: "s" })))), showSpinner && (h("span", { key: '8bd9ae4557d35627734b648bdc07b6969cd04f73', class: "resource-list-file-item__spinner" }, h("swirl-spinner", { key: '1d9abac38e18874ea7ceb8c8c6d3eef4779113bc', size: "s" }))), showRemoveButton && (h("span", { key: 'f7822bad206bb92aa1acd57cd432ad3c44a0b179', class: "resource-list-file-item__remove-button" }, h("swirl-button", { key: 'de8b719b20cd39d7feb4032b46495a95d6039cdf', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))))));
     }
     static get is() { return "swirl-resource-list-file-item"; }
     static get encapsulation() { return "scoped"; }

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

@@ -154,7 +154,7 @@ export class SwirlResourceListItem {
             "resource-list-item--wrap-description": this.descriptionWrap,
             "resource-list-item--wrap-label": this.labelWrap,
         });
-        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 })))));
+        return (h(Host, { key: '0105753619c427f7cfea2ffc5d163d9875a47a8a', role: "row" }, h("div", { key: '9e2490a0c487ce891d4ae7b95583ae476b5bbe89', class: className, role: "gridcell" }, h(Tag, { key: '61d28ac077066c3e0fd3c5ec33b88ec3e8079997', "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: '0a905291c6deacca899dcf4e437663411b47d5c1', class: "resource-list-item__media" }, h("slot", { key: '8896bad61b368c714a0622eec5bdbd54eb72ad9c', name: "media" }))), h("span", { key: 'bb1d37d0848911952df0647827cf07cfdd9fd154', class: "resource-list-item__label-container", style: labelContainerStyles }, h("span", { key: '8dc7e6cd7f57c4e851ac37ffad928d13520e6bab', class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : undefined }, !this.allowHtml && this.label), this.description && (h("span", { key: '19d4ab59623d4675c838330ab4182cf780f52ed1', class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : undefined }, !this.allowHtml && this.description))), showMeta && (h("span", { key: '9217050d549a81c5458a6cf4d373dd4ad7a26b8f', class: "resource-list-item__meta" }, h("span", { key: 'f20d2d33aef5403d799747d8cd8bc11a6ebf3098', class: "resource-list-item__meta-text" }, this.meta), h("span", { key: 'ffabfb8af13aa15454bb4053f129b17cf0ae19f2', class: "resource-list-item__badges" }, h("slot", { key: '45edd4af93ccf517a16217db565b920485e77f34', name: "badges" }))))), this.selectable && (h("span", { key: '5d21e5ecfb42d1bdd637418039fe3488504f8afa', "aria-hidden": "true", class: "resource-list-item__checkbox" }, h("span", { key: '898abf1798b8dd19d4063630dfa558eb34f7cc18', class: "resource-list-item__checkbox-icon" }, this.checked && (h("swirl-icon-check-strong", { key: 'c52e3f936d931c6be2cff51b152479ae03f933a3' }))))), h("span", { key: 'aa97bb18628f7209b7718786d1898c8bc4140f90', class: "resource-list-item__control", onClick: this.onControlClick, ref: (el) => (this.controlContainer = el) }, h("slot", { key: 'aea6e97d7fdf367941eae96ae2a28336f3cf576f', name: "control" })), showMenu && (h("swirl-popover-trigger", { key: 'b71e4ffdde47e927ca60cc51a491b477c0c293b2', swirlPopover: this.menuTriggerId }, h("swirl-button", { key: '3591c851ce8c13c078f48f4104280d535f14f3ce', "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: '2a5afde226292217e322b99aae8fac848e42211a', "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: 'e054189544f8ec6a16405aa88e335ec03d289503', size: this.iconSize })))));
     }
     static get is() { return "swirl-resource-list-item"; }
     static get encapsulation() { return "scoped"; }

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

@@ -64,7 +64,7 @@ export class SwirlSearch {
         const className = classnames("search", `search--variant-${this.variant}`, {
             "search--disabled": this.disabled,
         });
-        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' }))))));
+        return (h(Host, { key: '23a7c64b77e4280c95b6f699fbbdb94809fa3cbe' }, h("span", { key: '29fd51dc56ff4a4598e92d72c5d0532bf7d4459d', class: className, ref: (el) => (this.iconEl = el) }, h("swirl-icon-search", { key: '048e81cb547308d4bf06ac657b59303d391c1cd0', "aria-hidden": "true", class: "search__icon" }), h("input", { key: 'e524f3fda2652489d910d84a4d09ce89bdfdeb8a', "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: '4b09482780f6ab99125b744758680cc194663349', "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, h("swirl-icon-cancel", { key: '18ea161dc92df5f5beedebc15a87842860e24477' }))))));
     }
     static get is() { return "swirl-search"; }
     static get encapsulation() { return "scoped"; }

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

@@ -119,11 +119,11 @@ export class SwirlSelect {
             "select--multi": this.multiSelect,
             "select--search-loading": this.searchLoading,
         });
-        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
+        return (h(Host, { key: '28192864fedd0105ed4ea22af7d8fbbfe604a8fe', onKeyDown: this.onKeyDown }, h("div", { key: '43cdcd3254d65298f569536491038178fa61491f', class: className }, h("swirl-popover-trigger", { key: '8fb2b7eb8f2dd56677285db02a7a2dd3c57a5cdd', swirlPopover: this.swirlPopover, setAriaAttributes: false }, h("input", { key: '19c38ad87591dd6b1a0943972a03353935e1aa65', "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: 'd7a0f88e1805a3282e361b839bf90223ac27ac35', 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: '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 }))))));
+            onRemove: () => this.unselectOption(option?.value), removable: !this.disabled && this.allowDeselect })))), h("span", { key: 'fe1cdf090525e7ddab3285394aebdeeb092adcc3', class: "select__indicator" }, this.open ? (h("swirl-icon-expand-less", null)) : (h("swirl-icon-expand-more", null))), h("swirl-popover", { key: 'f1cb32544c67621a9c7784d038592d932835d586', 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: 'b4e6ca0b51cf1596c99bc57bf2b16425d676f57c', class: "select__search" }, h("swirl-icon-search", { key: '3ae43687b9fc7c6901b26fc53232102a2dff7237', class: "select__search-icon", size: 20 }), h("input", { key: 'ee4b0172880122fcbad8a8ca05fd9ffdf5e13c4b', "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: '7946e18bb47243409a1de840cd6bcb9a7b89b6ee', class: "select__search-spinner", size: "s" })))), h("swirl-option-list", { key: 'e3274290f262698c5f8eca238a7e9d3a9d0645dd', allowDeselect: this.allowDeselect, onValueChange: this.select, multiSelect: this.multiSelect, ref: (el) => (this.optionList = el), value: this.value }, !this.searchLoading && (h("div", { key: '20b3fe135aea4e2a03ae909cc6aa959db7d8e4aa', "aria-disabled": "true", class: "select__empty-list-label", role: "option" }, h("swirl-text", { key: '3a0832e03f0a22315c34eaf9d85e5be49e29deee', color: "subdued", weight: "medium" }, this.emptyListLabel))), h("slot", { key: 'e253638007617f119b4ec24c869c747af87ac1ba', onSlotchange: this.onSlotChange }))))));
     }
     static get is() { return "swirl-select"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/swirl-separator/swirl-separator.js CHANGED Viewed

@@ -17,7 +17,7 @@ export class SwirlSeparator {
                 paddingLeft: `var(--s-space-${this.spacing})`,
             };
         const className = classnames("separator", `separator--border-color-${this.borderColor}`, `separator--orientation-${this.orientation}`);
-        return (h(Host, { key: '1074694cbae40c78d7087f23c1dbf2e7722a9e0d', "aria-orientation": this.orientation, class: className, role: "separator", style: styles }, h("span", { key: 'ea29c5a25b662746740fb0fdc7b1a19bdb83380d', class: "separator__line" })));
+        return (h(Host, { key: '7a2daca34f5179db392c2485eee83d8bca9cfb93', "aria-orientation": this.orientation, class: className, role: "separator", style: styles }, h("span", { key: '015efacfbbbdde0cd02625144632972cfe8b563b', class: "separator__line" })));
     }
     static get is() { return "swirl-separator"; }
     static get encapsulation() { return "shadow"; }

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

@@ -212,25 +212,25 @@ export class SwirlShellLayout {
             "shell-layout--sidebar-scrollable": this.sidebarScrollState.scrollable,
             "shell-layout--sidebar-scrolled-to-top": this.sidebarScrollState.scrolledToTop,
         });
-        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
+        return (h(Host, { key: 'e59a81d9486e1d9c65d2fbf5a13c1177b935a1b6' }, h("div", { key: '993f1fa7e1bc79f23c042c00992429c3a5c01a04', class: className }, h("header", { key: '1cb3a9c1bfdd8d3cd16cab59f31768a83d2c0cff', class: "shell-layout__header", "data-tauri-drag-region": "true" }, h("button", { key: '0c2cbb0e604d2051066ffecc304985aadc0a413a', class: "shell-layout__skip-link", onClick: this.skipLinkClick.emit, type: "button" }, this.skipLinkLabel), h("div", { key: 'f00a7fc3b8f5e691889f679233c2bbce38f5e2cf', class: "shell-layout__header-left" }, h("swirl-tooltip", { key: '6e73afca750785b2c5916aa8656e5f67501a7e0a', content: this.navigationCollapsed
                 ? this.expandNavigationButtonLabel
-                : 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.collapseNavigationButtonLabel, delay: 100, position: "right" }, h("button", { key: '90367e1528cc332dd064d9214f7274bf16bdac19', 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: '0ce6a13a5f9be722e5b5b2085904d5ed00d9bff4' }, this.navigationCollapsed
             ? this.expandNavigationButtonLabel
-            : 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.collapseNavigationButtonLabel))), h("a", { key: '30e38c2148814b30580a6cd3786d456028756dbc', class: "shell-layout__header-tool", href: "javascript:history.back()" }, h("swirl-icon-arrow-back", { key: '971b1708b810e9704e30670c005c744a364f47a9', size: 20 }), h("swirl-visually-hidden", { key: '60fd8ca229d9d1149c037f72c17f7d1a29d387e3' }, this.browserBackButtonLabel)), h("a", { key: '94ff6d1dad4cb0fca7eb31aea0ab5fab33021693', class: "shell-layout__header-tool", href: "javascript:history.forward()" }, h("swirl-icon-arrow-forward", { key: 'e5100e2c6a381894d9112fe3448c0db23e057713', size: 20 }), h("swirl-visually-hidden", { key: 'c3d14808e884c3df477d2a5c8abb8e45f7b2aadc' }, this.browserForwardButtonLabel)), h("slot", { key: 'eae965a6a55596497ccc3f19aac7bc2f392703f9', name: "left-header-tools" })), h("div", { key: '472cd871184319b6b601e6b3756e55f58eb99b91', class: "shell-layout__logo" }, h("slot", { key: '85bd0454b3f2a9e2266c31a2d2c0241a1e768be6', name: "logo" })), h("div", { key: '85097d241e71f5c7795ebe88a69211889f9eae2d', class: "shell-layout__header-right" }, h("slot", { key: 'c825a614806f106466b3342d6c07ea527ffc3d2b', name: "right-header-tools" }), h("button", { key: '4cf9523fe7c55c928b7ef1a822dc85c99d54a569', class: "shell-layout__header-tool shell-layout__sidebar-toggle", onClick: this.sidebarToggleClick.emit, type: "button" }, h("swirl-icon", { key: 'd12ca79e7c01cab383a94e1c8db6ed6d6825a770', glyph: this.sidebarToggleIcon, size: 20 }), h("swirl-visually-hidden", { key: 'e4ca881c17ce5df8ecebef35164681713bbdbbe8' }, this.sidebarToggleLabel), this.sidebarToggleBadge && (h("swirl-badge", { key: 'cb72e74a9771b4b44b526e6e5c56784cb2154e28', "aria-label": this.sidebarToggleBadgeAriaLabel, label: !hasSidebarToggleBadgeWithLabel
                 ? this.sidebarToggleBadgeAriaLabel
-                : 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
+                : String(this.sidebarToggleBadge), size: "xs", variant: !hasSidebarToggleBadgeWithLabel ? "dot" : "default" }))), h("slot", { key: 'b6e679c5817372981ea29c92f5d913edb1c77c3f', name: "avatar" }))), h("div", { key: '25f3803a1a3b75afa4c678043080450793c52a62', class: "shell-layout__mobile-nav-backdrop", onClick: this.onNavigationClick }), h("nav", { key: '62046a2dd8315c4762a3e91004bfaa019737c1f5', "aria-labelledby": "main-navigation-label", class: "shell-layout__nav", onClick: this.onNavigationClick, ref: (el) => (this.navElement = el) }, h("div", { key: 'ca010de7cbc6f443d8adb15e82e026c6ba7f432a', class: "shell-layout__mobile-header" }, h("slot", { key: 'aec7efbf841b780bf43f29ef065b83d6187a9700', name: "mobile-logo" }), h("div", { key: 'bed9a206cf4e309c02f9f855b1d3084e496abd6c', class: "shell-layout__mobile-header-tools" }, h("slot", { key: 'c7843da41b838a6539881990c85a0b471d0e7aa2', name: "mobile-header-tools" }), h("button", { key: '05cbea1e70a44b50115289f8e96989fc6a253362', class: "shell-layout__header-tool", type: "button" }, h("swirl-icon-double-arrow-left", { key: '6a00745f4f62df1eef207e4863b45e02ba64d747', size: 20 }), h("swirl-visually-hidden", { key: '2cd4b610d3489ff301f1a7270f9b9785006ede67' }, this.hideMobileNavigationButtonLabel)))), h("div", { key: '6bbc10715d69d7e0c9b94d9e3456cc4fcd4079bb', class: "shell-layout__nav-body" }, h("swirl-visually-hidden", { key: '1732e3b2e9bc3f1d9d147740df837c719fca7dcb' }, h("span", { key: 'b49a81be63fa6c4cedd3fa822ef49bd3335a9233', id: "main-navigation-label" }, this.navigationLabel)), h("slot", { key: 'eb1c0048f450a8e53a9526d8df5e386a4f571d4a', name: "nav", onSlotchange: this.collectNavItems }), h("div", { key: '42b9870a1f2925c20b1551c9a5eb62d60eacaa69', class: "shell-layout__secondary-nav" }, h("swirl-separator", { key: '19dc78b129b9842ae0d55193c882053469aaebb1', borderColor: "strong", spacing: "16" }), this.enableSecondaryNavGridLayout && (h("swirl-box", { key: '38655ce1296a6fe5a70e5317b02321ccab95e721', paddingBlockEnd: "16" }, h("swirl-stack", { key: '24ff236c6cf7e4f07090fcc3a49aa378ae698cf1', justify: mainNavCollapsed ? "center" : "space-between", orientation: "horizontal" }, h("swirl-button", { key: 'b256fba77ef0ab1f55b111d32eacfefb4ae4ad3a', 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: 'e2a801bf86dab8ebdb2c434767c6e733a6495e3a', icon: this.secondaryNavView === "grid"
+                : this.secondaryNavCollapseLabel, onClick: this.toggleSecondaryNavCollapse, variant: "plain" }), !mainNavCollapsed && !this.secondaryNavCollapsed && (h("swirl-button", { key: '5e60c8d3460c4c9641d94b171f6a6e31ab4f8d80', 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: '894603baac34761aabe0d36132fbfd8521d2b528', class: {
+                : this.listNavLayoutToggleLabel, onClick: this.toggleSecondaryNavView, variant: "plain" }))))), h("div", { key: 'd4664ef11f254c1357187907c13f4ed5b06db3ec', class: {
                 "shell-layout__secondary-nav-items": true,
                 "shell-layout__secondary-nav-items--grid-view": this.enableSecondaryNavGridLayout &&
                     (this.secondaryNavView === "grid" || mainNavCollapsed),
-            } }, 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" })))))));
+            } }, h("slot", { key: 'a783c83affed8466ea16f61d19f432aafb7336d0', name: "secondary-nav", onSlotchange: this.collectNavItems }))))), h("main", { key: '93ca4c503153c93836d356ac5d0c2c294b1fe185', class: "shell-layout__main", id: "main-content" }, h("slot", { key: '6119fcc24284e4ae73f80a02b9814962c60754ef' })), h("aside", { key: 'a08733425103544ca5835962996549e60964fac3', class: "shell-layout__sidebar", inert: this.sidebarActive ? undefined : true }, h("div", { key: 'b7c82b7a4c9090fee76c695e75e44c1aa4000bf9', class: "shell-layout__sidebar-body" }, h("div", { key: '70ce8f4c0ed87e1f65a3ce62258e620219d7c998', class: "shell-layout__sidebar-app-bar" }, h("slot", { key: '8ff304f4ba682cdf0b0dc20ef44af9fe3f871178', name: "sidebar-app-bar" })), h("div", { key: '577d4bc413fb08e3567b5626f807ddbe2a83b4cb', class: "shell-layout__sidebar-content", onScroll: this.onSidebarScroll, ref: (el) => (this.sidebarContentEl = el) }, h("slot", { key: 'cde6ddf74ad09ed54ad90fa224752e19f25dde7d', name: "sidebar" })))))));
     }
     static get is() { return "swirl-shell-layout"; }
     static get encapsulation() { return "scoped"; }