npm - @getflip/swirl-components - Versions diffs - 0.311.0 → 0.312.0 - Mend

@getflip/swirl-components 0.311.0 → 0.312.0

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

Files changed (1766) hide show

package/dist/cjs/swirl-inline-notification.cjs.entry.js CHANGED Viewed

@@ -18,7 +18,7 @@ const SwirlInlineNotification = class {
     }
     render() {
         const className = index$1.classnames("inline-notification", `inline-notification--intent-${this.intent}`);
-        return (index.h(index.Host, { key: '83daa17a32fd5184429c523347d258c9fcd3315b' }, index.h("div", { key: '2880c7cd2c57f77cf39f8f60071b030f2a4081ba', "aria-describedby": "content", class: className, role: this.importance, tabIndex: 0 }, index.h("span", { key: 'c9b0b0abefc1e23742b2c54a87cf010656e35f96', "aria-hidden": "true", class: "inline-notification__icon" }, this.intent === "critical" && (index.h("swirl-icon-error", { key: '7b721978f5d19eab6f96913949a08f0780e85e12', size: 20 })), this.intent === "success" && (index.h("swirl-icon-check-circle", { key: '08156e8aa0a8fc42398c2f51db46e051056564ff', size: 20 })), this.intent === "warning" && (index.h("swirl-icon-warning", { key: '1e9b5d8424c3bef88e1156af8f0182d59191ec60', size: 20 })), this.intent === "info" && (index.h("swirl-icon-info", { key: 'be0decc0474e28af738637480fb0af8f6bc409dc', size: 20 }))), index.h("span", { key: '3fec950037c307ec5243ff11060aa63a6176f3be', class: "inline-notification__content", id: "content" }, (this.hideHeading && (index.h("swirl-visually-hidden", { key: 'bd24695adc1877b459244edf61f00e287e5cd6c9' }, this.heading))) || (index.h("swirl-text", { key: 'c3862b47ba622ddd48e1941ce072badb4ef548bf', class: "inline-notification__heading", size: "sm", weight: "semibold" }, this.heading)), index.h("slot", { key: '5ac39e5dcf1ecce4d77e6b2cf02c50eee8406f14' })))));
+        return (index.h(index.Host, { key: '303db56fa31cfd9019d17455e2fcaa900b67cf6f' }, index.h("div", { key: '1f63299479b3239865dbb4a1bb59b837cf27756e', "aria-describedby": "content", class: className, role: this.importance, tabIndex: 0 }, index.h("span", { key: '2ae9009abef1a173a67ac53d88a14de06f0c2a78', "aria-hidden": "true", class: "inline-notification__icon" }, this.intent === "critical" && (index.h("swirl-icon-error", { key: 'dd8a216cbc4bcc54fde8e275e09e0742eb4a70b8', size: 20 })), this.intent === "success" && (index.h("swirl-icon-check-circle", { key: '5b94112286b5a45acea7968484a17529ff7adf20', size: 20 })), this.intent === "warning" && (index.h("swirl-icon-warning", { key: 'df49bf90910ce6767fe1fa81d5c6e9a22f3861ff', size: 20 })), this.intent === "info" && (index.h("swirl-icon-info", { key: 'f4741e873c2311c8d502e790e7c846eebb1ea011', size: 20 }))), index.h("span", { key: '1a2f9fdcd71ed8635b8633b0418e483649312932', class: "inline-notification__content", id: "content" }, (this.hideHeading && (index.h("swirl-visually-hidden", { key: '6fb2774206e86d97e2872a0042fdc712b18ef2a7' }, this.heading))) || (index.h("swirl-text", { key: 'cf455694e364a886aedea2bd8bb472536bfba1d7', class: "inline-notification__heading", size: "sm", weight: "semibold" }, this.heading)), index.h("slot", { key: '676785a9183aecbfecd384f63e7e981087415ad6' })))));
     }
 };
 SwirlInlineNotification.style = SwirlInlineNotificationStyle0;

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

@@ -48,7 +48,7 @@ const SwirlInlineStatus = class {
     }
     render() {
         const className = index$1.classnames("inline-status", `inline-status--intent-${this.intent}`, `inline-status--size-${this.size}`);
-        return (index.h(index.Host, { key: '0a88d0c6ae1ea21e59558106df07f0b56781b3b9' }, index.h("span", { key: '464198beae05e43ba39e58b749e235108236f840', class: className, part: "inline-status" }, this.icon && (index.h("span", { key: 'ff5338b7c9f67f427145f9d523822dada81122f9', class: "inline-status__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), index.h("span", { key: '02ca291f03390fa7ff043c3d840ce106eb00ace9', class: "inline-status__message" }, this.message))));
+        return (index.h(index.Host, { key: '577f58970d7a45e65bf21d50d32204a76da79f66' }, index.h("span", { key: 'b2d58562d89a1cc93d0119295eff64e473fe4ab4', class: className, part: "inline-status" }, this.icon && (index.h("span", { key: 'e03074d14afb84c0e4ff2630b80b2571bbdde6ca', class: "inline-status__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), index.h("span", { key: '36feb6e65ab9076404d41762cf5c9d3310cdb888', class: "inline-status__message" }, this.message))));
     }
 };
 SwirlInlineStatus.style = SwirlInlineStatusStyle0;

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

@@ -312,7 +312,7 @@ const SwirlLightbox = class {
             "lightbox--hide-menu": !hasMenuItems,
             "lightbox--hide-toolbar": !hasToolbar,
         });
-        return (index.h(index.Host, { key: '9281d68bf72b8c49c3ed809e64facf958f3e5ecf', onKeydown: this.onKeyDown }, index.h("section", { key: '784064732a2ea845006bfd0585a81e1c9d6540f1', "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: className, id: "lightbox", onMouseDown: this.onPointerDown, onMouseMove: this.onPointerMove, onMouseOut: this.onPointerUp, onMouseUp: this.onPointerUp, onTouchEnd: this.onPointerUp, onTouchMove: this.onPointerMove, onTouchStart: this.onPointerDown, ref: (el) => (this.modalEl = el), role: "dialog", tabIndex: this.isOpen ? 0 : -1 }, index.h("div", { key: '24ae9645fac69171dd511014be1dd286ee65fc5c', class: "lightbox__body", role: "document" }, index.h("header", { key: '0d35d58af98fe1a7bdbc67b87ac19e0903a96295', class: "lightbox__header" }, index.h("button", { key: '234df4568e491bb79d52d56369839b1c53da09ba', "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick }, index.h("swirl-icon-close", { key: '2f7c0d2e49e104be24ad5c47d15cd1555dc5715a' })), index.h("div", { key: '9e48fa1d92061778dcf16be3850f43ad576b2a8b', class: "lightbox__toolbar" }, index.h("slot", { key: '34292086224c696eb58aec55302aef485d6c35ae', name: "toolbar" })), !this.hideMenu && (index.h("swirl-popover-trigger", { key: 'd0909b33f1292a1ecf8ba5b7c4f8c39164cb3ac5', swirlPopover: this.menu }, index.h("button", { key: '5a4441c9c2353861e3403a00cdefe3306dce1646', "aria-label": this.menuTriggerLabel, class: "lightbox__menu-button" }, index.h("swirl-icon-more-vertikal", { key: 'a29b9810ee46e550cb016530596ce9df83a40d92' }))))), index.h("div", { key: '584c1d39ee7b6801d53e6ea3549878594dee46dc', "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, index.h("div", { key: '5933c54f594fb7fc6d7c84f57e266dacdee54e87', "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (el) => (this.slidesContainer = el) }, index.h("slot", { key: 'f5db4f2858f1b466fe78f582a011a5a8e30056b9', onSlotchange: this.registerSlides }))), index.h("div", { key: '9c221292dca8b4bd39c9dc66e9e850c9336f578f', class: "lightbox__controls" }, index.h("button", { key: '4918d190dbdb9e100b0a9543c494262760f77c82', "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick }, index.h("swirl-icon-arrow-left", { key: '617871ba1e58eabb28d94a4f95f01004011b2425' })), index.h("button", { key: '4f67b9fefdfba232ae3483440b3bb01dd4277314', "aria-label": this.nextSlideButtonLabel, class: "lightbox__next-slide-button", disabled: this.activeSlideIndex === this.slides.length - 1, onClick: this.onNextSlideClick }, index.h("swirl-icon-arrow-right", { key: 'e30f7ff95bac7c26e8c8ba77661bbb16c9bd3ad3' }))), showPagination && (index.h("span", { key: 'aa482e362fb6d143c9310a2fa25cfa522c6c1f60', class: "lightbox__pagination" }, index.h("span", { key: 'e278e533e9367943d7585b87537ccc2563767c5c', "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length))), !this.hideMenu && (index.h("swirl-popover", { key: 'eedc5e87827aee77800bff01762599cd4eba795f', animation: "scale-in-y", disableScrollLock: true, id: "slide-menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, index.h("swirl-stack", { key: '8afa5d16cee1175e64ffa6b6d55651ff37707c9a' }, index.h("div", { key: 'e7666d73a8e5d35e168bf82d503d6c812f2ca11a', class: "lightbox__meta" }, currentThumbnailUrl && (index.h("div", { key: 'cae726fca18bdb5dfe46f97e95b0b1e2a2336f0e', class: "lightbox__thumbnail" }, index.h("swirl-thumbnail", { key: 'd7dcc60d9c6d92f8a41c8c9f0edb1312bb6895b6', alt: "", src: currentThumbnailUrl }))), index.h("div", { key: '3c17287b45aec6eb863b5664dbe06ef1948934d7', class: "lightbox__file-info" }, index.h("swirl-text", { key: '2b08690130eee2245de55b7a7ad9e3677c8b45dc', truncate: true, weight: "semibold" }, currentFileName), index.h("swirl-text", { key: 'fc52455033beb92979a2f3fbfc6440dc650d156c', color: "subdued", size: "sm", truncate: true }, currentFileType))), hasMenuItems && index.h("swirl-separator", { key: '28b92c44ae42d599d890116a8ad4ec312d8ec706' }), index.h("swirl-action-list", { key: '9cc01b98b56ed92a960968461f928dd061e00b79' }, this.downloadButtonEnabled && (index.h("swirl-action-list-item", { key: 'eb1c30ce1e43374224f0cdd8964c1d8be6de9b6f', icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), index.h("slot", { key: '6969d51af2011921070cbc801a569c39db6bbf48', name: "menu-items" }))))))));
+        return (index.h(index.Host, { key: 'cf2fbe4f59c7e9a685c485d5f0b1bb2d554329a5', onKeydown: this.onKeyDown }, index.h("section", { key: '29a4dcb185a7f04da268193467b665ec889197d2', "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: className, id: "lightbox", onMouseDown: this.onPointerDown, onMouseMove: this.onPointerMove, onMouseOut: this.onPointerUp, onMouseUp: this.onPointerUp, onTouchEnd: this.onPointerUp, onTouchMove: this.onPointerMove, onTouchStart: this.onPointerDown, ref: (el) => (this.modalEl = el), role: "dialog", tabIndex: this.isOpen ? 0 : -1 }, index.h("div", { key: '43a5fbf2af752934fc5aa871a579d41a42c8ae2c', class: "lightbox__body", role: "document" }, index.h("header", { key: '8d8e5194547d343b16d8e486bebb88c4e8ca46f2', class: "lightbox__header" }, index.h("button", { key: '424809b69c0032ee888342fc11e74b85149d33c6', "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick }, index.h("swirl-icon-close", { key: '6750c4aa72a39f53420c1eec185cf76e50eec074' })), index.h("div", { key: '43d748c5dddeee2592c3dde1edda6f3415db201a', class: "lightbox__toolbar" }, index.h("slot", { key: 'eacc078889fad7403b201d35da423aa73d030c8e', name: "toolbar" })), !this.hideMenu && (index.h("swirl-popover-trigger", { key: '99879746786eb12f105e64e1b169b3a9aa054740', swirlPopover: this.menu }, index.h("button", { key: '8dac3a06ee4f67258cc5998bda81f1ede2cb9f02', "aria-label": this.menuTriggerLabel, class: "lightbox__menu-button" }, index.h("swirl-icon-more-vertikal", { key: 'bfcfc62bc363cc9cf0eeaf9b9dde2fbeeb4588f6' }))))), index.h("div", { key: '1279d38c9407e96e2700c61632c89d9dfb6b02ca', "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, index.h("div", { key: '66ef3f89a4bd27ade28835d55c35d23f26ba596c', "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (el) => (this.slidesContainer = el) }, index.h("slot", { key: '4abcfd05238c472c459da59501c15db2fe7eca95', onSlotchange: this.registerSlides }))), index.h("div", { key: '5024a1a6697e9ecf1278b63659677d421f7bafb1', class: "lightbox__controls" }, index.h("button", { key: '98219d502487681745f6e0c5742dbbb48b7be8a9', "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick }, index.h("swirl-icon-arrow-left", { key: 'b98f490af1bbb16c789c439d611cdbb2eef3b0b2' })), index.h("button", { key: 'db42945ad6e84d82e026082148377de742ba6fd6', "aria-label": this.nextSlideButtonLabel, class: "lightbox__next-slide-button", disabled: this.activeSlideIndex === this.slides.length - 1, onClick: this.onNextSlideClick }, index.h("swirl-icon-arrow-right", { key: '8426f41054bb51c0a33ce6ad4387c5c813ce184b' }))), showPagination && (index.h("span", { key: '4a8655a7f0391e29f81e07e7724718e6926fd9a5', class: "lightbox__pagination" }, index.h("span", { key: '31e4142c9baef013f7ed28813050fb26fc5b2c8c', "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length))), !this.hideMenu && (index.h("swirl-popover", { key: 'b3b9fdf9f97b4e280fdfcacfb0ab5ae7a4bc5d59', animation: "scale-in-y", disableScrollLock: true, id: "slide-menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, index.h("swirl-stack", { key: 'd96f86ec28cebe7e88d72daafce562db1dd2e918' }, index.h("div", { key: '96c7b79ce6c7b9590180c0958f67b34d648dab94', class: "lightbox__meta" }, currentThumbnailUrl && (index.h("div", { key: '75b23cb87b3018916fd18674283f4b3a7b4d47f5', class: "lightbox__thumbnail" }, index.h("swirl-thumbnail", { key: '6ee61742000fb8b60e7060c8aafe5c21e35d8145', alt: "", src: currentThumbnailUrl }))), index.h("div", { key: '514181f1680accc9a2693a33e60138f7237ad2e3', class: "lightbox__file-info" }, index.h("swirl-text", { key: '550a58e4f11c763978bb2c4401a5da0679fdeb2e', truncate: true, weight: "semibold" }, currentFileName), index.h("swirl-text", { key: '3bfa2491d30526be3801f9fce28be7fd0e928859', color: "subdued", size: "sm", truncate: true }, currentFileType))), hasMenuItems && index.h("swirl-separator", { key: 'da43316f60fb71e9be4a4459e4c0748d24941989' }), index.h("swirl-action-list", { key: 'ef656845fa8620d997a492762c494a1a7c8a6528' }, this.downloadButtonEnabled && (index.h("swirl-action-list-item", { key: 'edea6696c2a43aef6a26c0c651a707679095ccca', icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), index.h("slot", { key: 'b0956719aa25b681790ba5559f730992050464df', name: "menu-items" }))))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -18,7 +18,7 @@ const SwirlLink = class {
     }
     render() {
         const className = index$1.classnames("link", `link--color-${this.color}`);
-        return (index.h(index.Host, { key: 'c947247a7db288a4199614c300b8a00c9fcf0b8e' }, index.h("a", { key: '084ea33d21df8b16282cfe3182ba3a7c346e56a0', class: className, href: this.href, part: "link", target: this.target }, this.label)));
+        return (index.h(index.Host, { key: 'bfb4a2f523af6c9aba652651ab166f38285626cd' }, index.h("a", { key: 'bed65c7adfc56617cb8179b361c5425b6c2256a6', class: className, href: this.href, part: "link", target: this.target }, this.label)));
     }
 };
 SwirlLink.style = SwirlLinkStyle0;

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

@@ -18,7 +18,7 @@ const SwirlList = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'a637fec8bd56b0c5bb67bd425d24ad7adc8f7389' }, index.h("div", { key: '83035d1f0cc36b2a60ea762bf396670e3eb30282', class: "swirl-list", ref: (el) => (this.containerEl = el) }, index.h("slot", { key: '4b16fcc4e6169013d52c00af6675ebde1d741bf8' }))));
+        return (index.h(index.Host, { key: '1dc07ea9f85c889444451b616f6938f57d9f9f10' }, index.h("div", { key: '487740ce7e78ee5f0308cf97871259fc9a4d8593', class: "swirl-list", ref: (el) => (this.containerEl = el) }, index.h("slot", { key: '764fbe0d346994afbb6eca605a389733b088baeb' }))));
     }
 };
 SwirlList.style = SwirlListStyle0;

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

@@ -122,9 +122,9 @@ const SwirlMenuItem = class {
         const className = index$1.classnames("menu-item", {
             "menu-item--expanded": this.expanded,
         });
-        return (index.h(index.Host, { key: 'f9fad77e00116476a8c02f243b65209b667de9ea' }, index.h("div", { key: 'b46e159ffffc73eb4048575305f34d4a8fb748b2', class: className }, this.parentMenu?.variant === "selection"
+        return (index.h(index.Host, { key: 'e4abbe7ca5fac5e40bda94650b107d1386959786' }, index.h("div", { key: 'e617900d9f5e4726b9f5bd34717837d0aebb3c69', class: className }, this.parentMenu?.variant === "selection"
             ? this.renderOptionListItem()
-            : this.renderActionListItem(), index.h("slot", { key: '2578ad2b1a816e9123e50a7725270dd9193db5d4', onSlotchange: this.onSlotChange }))));
+            : this.renderActionListItem(), index.h("slot", { key: '61d911eef5d77a276334f5f09a982787716a9dc0', onSlotchange: this.onSlotChange }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -298,7 +298,7 @@ const SwirlMenu = class {
             "menu--mobile": this.mobile,
             "menu--root": isTopLevelMenu,
         });
-        return (index.h(index.Host, { key: '83f70d5349b845bef6adccd0f58d9e4a57b4cbcc' }, index.h("div", { key: '14a968d07eeb887a99923bd0ef0aac01a61031d1', class: className }, this.mobile && isTopLevelMenu && (index.h("div", { key: 'c86dc2a5aa878e38111ff3c2f470ef248fd8b1b6', class: "menu__mobile-header" }, this.activeLevel === 0 && (index.h("swirl-button", { key: '5649253a44cded3c30ae1969b7ae3e97c8245b9b', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" })), this.activeLevel > 0 && (index.h("swirl-button", { key: '734028d72efe05b3677e994aaac7a0b6a1cb832d', hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" })), index.h("span", { key: 'bc1dece60a4294a996c9879530f05864c5051f76', class: "menu__title", id: "menu-title" }, index.h("swirl-heading", { key: '12e72e1a35dc63972d46dffa4d5f5d109bc14d8e', align: "center", as: "span", level: 4, text: this.label, truncate: true })), index.h("swirl-button", { key: '83fc97aa3a41f1eda2d21ad77dba1644d6ebd7be', class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone }))), index.h("div", { key: 'ad57a3e4c7491cf0587f1cf721cdebeb041e4c3e', "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-orientation": "vertical", class: "menu__menu", onKeyDown: this.onKeyDown, ref: (el) => (this.menuContainer = el), role: role, style: !this.mobile && this.level > 0
+        return (index.h(index.Host, { key: '528cc9804ecf8690d23af1ad6a82b61ad43f1adb' }, index.h("div", { key: 'eeefec6056e7fc258f22f833c8199a31ca212dcd', class: className }, this.mobile && isTopLevelMenu && (index.h("div", { key: '4e16eccc358a48fc631d6532970f5e8ca7aeecfb', class: "menu__mobile-header" }, this.activeLevel === 0 && (index.h("swirl-button", { key: 'f889ac3ff532528087e4e5db9d1d80f848e0035d', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" })), this.activeLevel > 0 && (index.h("swirl-button", { key: 'd126d6cd43b204717d06f7364ebefca2466adada', hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" })), index.h("span", { key: '9f0e167a2f32bd3bd60b7cb97c40cb76e1af3161', class: "menu__title", id: "menu-title" }, index.h("swirl-heading", { key: 'a96ceae94348042de01256b3d5204125e8726764', align: "center", as: "span", level: 4, text: this.label, truncate: true })), index.h("swirl-button", { key: '60389ffb8867d874baa53d90f591d2acb18777d2', class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone }))), index.h("div", { key: 'b6866e04ae8a1268b7936429ce217a125011306f', "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-orientation": "vertical", class: "menu__menu", onKeyDown: this.onKeyDown, ref: (el) => (this.menuContainer = el), role: role, style: !this.mobile && this.level > 0
                 ? {
                     top: Boolean(this.position) ? `${this.position?.y}px` : "",
                     left: Boolean(this.position) ? `${this.position?.x}px` : "",
@@ -309,7 +309,7 @@ const SwirlMenu = class {
                             ? `calc(-100% * ${this.activeLevel})`
                             : "100%",
                     }
-                    : undefined }, index.h("slot", { key: '44b78140f3eb4e6ff05dba7bfcc35bfed3d4001c' })))));
+                    : undefined }, index.h("slot", { key: '9dc98790e16a29a2c02f7b25c19bf10a29ed1891' })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -183,21 +183,21 @@ const SwirlModal = class {
             "modal--scrolled-down": this.scrolledDown,
             "modal--hide-secondary-content-borders": this.hideSecondaryContentBorders,
         });
-        return (index.h(index.Host, { key: 'e4b904c5de1d433b840fb64727a08178848f75f5' }, index.h("section", { key: '30c98f7b651b90bd8319e82a7191b0a383f8c61c', "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: className, onKeyDown: this.onKeyDown, role: "dialog", ref: (el) => (this.modalEl = el) }, index.h("div", { key: 'ecbd0ebe5eeb0c5a082aa30e6f8c2d7824025cbf', class: "modal__backdrop", onClick: this.onBackdropClick }), index.h("div", { key: '8448c7466f72d55f33d3fbdd088e01ada1c324eb', class: "modal__body", style: {
+        return (index.h(index.Host, { key: '489e6f51113342c2bd3df6952f6cb624f96a5752' }, index.h("section", { key: '052d8e44f60607b98a0c44a8cf5b2b5d0769ed4e', "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: className, onKeyDown: this.onKeyDown, role: "dialog", ref: (el) => (this.modalEl = el) }, index.h("div", { key: '412f3ba042f44340e27d29635df3c0bb7b546ab3', class: "modal__backdrop", onClick: this.onBackdropClick }), index.h("div", { key: 'd50c04d55d1776c3abc92754508264c75e4153bf', class: "modal__body", style: {
                 "--swirl-modal-max-height": this.maxHeight,
                 "--swirl-modal-height": this.height,
                 minHeight: this.minHeight,
                 maxWidth: this.maxWidth,
-            } }, index.h("header", { key: '0b4db998e9c282a6ec5931913462116108432342', class: "modal__custom-header" }, index.h("slot", { key: '9d95bf13fd48127c858205af9946e175f3115879', name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && (index.h("header", { key: '994ed51f38c73aa53ad537bac2ccd1ff868e86a0', class: "modal__header" }, index.h("div", { key: 'a443b3ddbef99e51169b86c43d786995af83b52f', class: "modal__header-bar" }, !this.hideCloseButton && (index.h("swirl-button", { key: 'acff63afa51c491f86561864aea7fbb5fe089343', class: "modal__close-button", hideLabel: true, icon: this.variant === "default"
+            } }, index.h("header", { key: 'e4565be23a59443f9c96d4059f4da68e0eeae8a7', class: "modal__custom-header" }, index.h("slot", { key: 'd6eec7880f41b72574eefe0fcee99147e2b7c02f', name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && (index.h("header", { key: '93dbd08e5069064270c5765b7d8832a534a63685', class: "modal__header" }, index.h("div", { key: '18a11e0d9078daafc08d06e9ebce86781442dc84', class: "modal__header-bar" }, !this.hideCloseButton && (index.h("swirl-button", { key: '85e45fac1cda1bceeeb37c6c18834ebc84fbf854', class: "modal__close-button", hideLabel: true, icon: this.variant === "default"
                 ? "<swirl-icon-close></swirl-icon-close>"
-                : "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick })), !this.hideLabel && (index.h("swirl-heading", { key: '59a64d7b2f2aa54b9d0230958c793532abad603f', as: "h2", class: "modal__heading", level: 3, text: this.label }))))), index.h("div", { key: '954d2bc88e8389322c0aba1c8a101b76c7cabf7f', class: "modal__content-container", style: {
+                : "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick })), !this.hideLabel && (index.h("swirl-heading", { key: '73304efa624ecdf6536fd084d8cfe7445a88d04b', as: "h2", class: "modal__heading", level: 3, text: this.label }))))), index.h("div", { key: '896b4e3a5ceec854b264d6f780b7d1e592a72a29', class: "modal__content-container", style: {
                 gap: this.contentGap
                     ? `var(--s-space-${this.contentGap})`
                     : undefined,
-            } }, index.h("div", { key: 'f640f19003b4e66dbadb86a91fd9ac86506bcd86', class: "modal__primary-content", style: {
+            } }, index.h("div", { key: '7ecfec7fa0b1c8fedd5d4dc3aa74f4e6413aa6c4', class: "modal__primary-content", style: {
                 maxWidth: this.primaryContentMaxWidth,
                 flex: this.primaryContentFlex,
-            } }, index.h("div", { key: '31b768eb74d195a65ed7c868a9e39cdbd17e82a6', class: "modal__header-tools" }, index.h("slot", { key: '2bd16893553f7dcd127375b750b9d74734ace0be', name: "header-tools" })), index.h("div", { key: '106dbc19af36baf68d47cf7f729de4f8d2098ee2', class: "modal__content", onScroll: this.determineScrollStatus, ref: (el) => (this.scrollContainer = el) }, index.h("slot", { key: '388d04d7e8eceaa2a4089e856b01f331818a4ab0' }))), index.h("div", { key: 'b0a3de605ddfbf562d764dfe023605a847637391', class: "modal__secondary-content", style: {
+            } }, index.h("div", { key: '2807d370099a4311012e4d7a4ab6047aa1d4ad84', class: "modal__header-tools" }, index.h("slot", { key: '67e63aa64416e028fce9457b8d94f756b8550727', name: "header-tools" })), index.h("div", { key: '8e0b2301c72bf8f9404800187c2076904a405253', class: "modal__content", onScroll: this.determineScrollStatus, ref: (el) => (this.scrollContainer = el) }, index.h("slot", { key: '125a1753f5191201728b40ef846e29d4ed53631b' }))), index.h("div", { key: '8a0d01f693d63dcac146f30ac3c6690fb35aad44', class: "modal__secondary-content", style: {
                 maxWidth: this.secondaryContentMaxWidth,
                 flex: this.secondaryContentFlex,
                 padding: Boolean(this.secondaryContentPadding)
@@ -215,7 +215,7 @@ const SwirlModal = class {
                 paddingInlineStart: Boolean(this.secondaryContentPaddingInlineStart)
                     ? `var(--s-space-${this.secondaryContentPaddingInlineStart})`
                     : undefined,
-            } }, index.h("slot", { key: '30c91d39ae2f0eba20b0e85e5f3e9acfcd6c6644', name: "secondary-content" }))), index.h("div", { key: 'a00c5ded240bf0a24838edd0639e314da9ea7b56', class: "modal__custom-footer" }, index.h("slot", { key: 'fc3baad0a518ae59123e50b51b18731336a72c60', name: "custom-footer" })), showControls && (index.h("footer", { key: 'a27898f4786535bde51bcf1123f6f52ba957501f', class: "modal__controls" }, index.h("swirl-button-group", { key: '4ea1bb00e50ba74ec51abfeefd48a1cafc199597', wrap: true }, this.secondaryActionLabel && (index.h("swirl-button", { key: '291b4b24e0dd7d018d65ded6b26984a653a3459b', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (index.h("swirl-button", { key: '9dd9ac2bba231d743f43e06acd65fde2b6536c9e', intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" })))))))));
+            } }, index.h("slot", { key: 'eb019f455144b468f9d6c409a297981bd4823d50', name: "secondary-content" }))), index.h("div", { key: '5d9ee4d9c20182b4f7f327ca6526632ea7c93382', class: "modal__custom-footer" }, index.h("slot", { key: 'b586fad0746334c818784b5a6e37bdd70838b12c', name: "custom-footer" })), showControls && (index.h("footer", { key: '2c11ab500412841d0356e952de246c12163e3c04', class: "modal__controls" }, index.h("swirl-button-group", { key: 'e813aadf4314368b8e6153a346e8a0934101245e', wrap: true }, this.secondaryActionLabel && (index.h("swirl-button", { key: '9a31c1969a6a276809f0e3eb907761def71f8464', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (index.h("swirl-button", { key: '3f5883b9d453cb2d8b47bbf34797aaef72e0bff8', intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" })))))))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -16,7 +16,7 @@ const SwirlOptionListSection = class {
         this.hasSeparator = false;
     }
     render() {
-        return (index.h(index.Host, { key: 'f2b6be1a1db087d299780004f053244f517e20af' }, this.hasSeparator && (index.h("swirl-separator", { key: '61f4ea8c147144a9b0749970feeac0e0206e68e4', spacing: this.separatorSpacing })), index.h("div", { key: 'cf5d23a5da1d4b0af86f2dfb7a9c0e3364e6128b', "aria-labelledby": "label", class: "option-list-section", role: "group" }, index.h("span", { key: '0b49917492411505f8b6a3a6bbb5f9a7ae5a7416', class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), index.h("swirl-stack", { key: '8e5328b750830f7dd804d1efd20d6448c0611617', spacing: this.spacing, align: "stretch" }, index.h("slot", { key: '9cd63d9974032e199a047bdcc64e3a2c82df4afe' })))));
+        return (index.h(index.Host, { key: '4bbe29eed063cd4492d784554b3bf7d0bad8e033' }, this.hasSeparator && (index.h("swirl-separator", { key: '492c34faebffe59b4d6861d5e5b6f860a8b0de9c', spacing: this.separatorSpacing })), index.h("div", { key: '7647b82e5219048c7245a1d08a88e7e5207ad535', "aria-labelledby": "label", class: "option-list-section", role: "group" }, index.h("span", { key: 'ce0f368d84916358da4528efc4356e8e3cfd210d', class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), index.h("swirl-stack", { key: '0423559633818a2d10c9d1338fbadaa6dad585d1', spacing: this.spacing, align: "stretch" }, index.h("slot", { key: 'b9bb99263df785c9e647b39fda0520c601f005f8' })))));
     }
 };
 SwirlOptionListSection.style = SwirlOptionListSectionStyle0;

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

@@ -352,7 +352,7 @@ const SwirlOptionList = class {
     render() {
         const ariaMultiselectable = this.multiSelect ? "true" : undefined;
         const tabIndex = Boolean(this.dragging) ? 0 : undefined;
-        return (index.h(index.Host, { key: 'ea4a4fd5c111911d2be87011ef317413d4fd9cdf' }, index.h("swirl-visually-hidden", { key: 'f15c2cd2962cf745534489de9cfc1485f4c86dae', role: "alert" }, this.assistiveText), index.h("div", { key: 'eb1edaa19a8461c620bab0c5fcdcf0aaf6da7f16', "aria-label": this.label, "aria-multiselectable": ariaMultiselectable, class: "option-list", id: this.optionListId, onClick: this.onClick, onKeyDown: this.onKeyDown, ref: (el) => (this.listboxEl = el), role: "listbox", tabIndex: tabIndex }, index.h("slot", { key: '8ad791768f9c454cf357811b8d154d7686248989', onSlotchange: this.setSectionSeparator }))));
+        return (index.h(index.Host, { key: '43f5710aeb2b65898268fcd927fdeb874a824b6a' }, index.h("swirl-visually-hidden", { key: '10926f4878a5d2f6af9ff263295dea78da3e4490', role: "alert" }, this.assistiveText), index.h("div", { key: 'c4de01c87a4656fec4a36f39f750b37b63e13a03', "aria-label": this.label, "aria-multiselectable": ariaMultiselectable, class: "option-list", id: this.optionListId, onClick: this.onClick, onKeyDown: this.onKeyDown, ref: (el) => (this.listboxEl = el), role: "listbox", tabIndex: tabIndex }, index.h("slot", { key: '28995610d59ef6639a1f84d4efdfce1d72895687', onSlotchange: this.setSectionSeparator }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -405,7 +405,7 @@ const SwirlTag = class {
     }
     render() {
         const className = index$1.classnames("tag", `tag--icon-position-${this.iconPosition}`, `tag--intent-${this.intent}`, `tag--size-${this.size}`, `tag--variant-${this.variant}`);
-        return (index.h(index.Host, { key: 'c9e0165b4ce7e54da1e0d8c019c23be5adf36e27' }, index.h("span", { key: '0748b03da59a2462b21032c8433ba7b5ee780098', class: className, part: "tag" }, this.icon && (index.h("span", { key: 'd837bc4fd0095f6c926287e89b1ad511e49cc32e', class: "tag__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), index.h("span", { key: '92387e9fc623f0b2be18509173b51d1e8e90f4c5', class: "tag__label" }, this.label), this.removable && (index.h("button", { key: '8784ddebf3f2b6b5d053ddc1c0780e3127e55028', "aria-label": this.removalButtonLabel, class: "tag__removal-button", onClick: this.onRemove, tabIndex: this.el.ariaHidden === "true" ? -1 : undefined, type: "button" }, index.h("swirl-icon-close", { key: 'da4ca93cd44e44cad789ba517fdec6ffb97ed96d', size: 16 }))))));
+        return (index.h(index.Host, { key: 'e93e031cc3d118f4cf37d8f1fbc0aaa858043795' }, index.h("span", { key: 'a6b8f34117404ad71ad618ac5754b12efb2b5989', class: className, part: "tag" }, this.icon && (index.h("span", { key: '468a295df356052181c3856029960590b1a71e26', class: "tag__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), index.h("span", { key: 'c9a039b8fc98b4d79bb04360522d0697ddc80069', class: "tag__label" }, this.label), this.removable && (index.h("button", { key: '1291c98fdae7bb3e2e0b4bb233a0a451b98a1c5e', "aria-label": this.removalButtonLabel, class: "tag__removal-button", onClick: this.onRemove, tabIndex: this.el.ariaHidden === "true" ? -1 : undefined, type: "button" }, index.h("swirl-icon-close", { key: 'b250455a45e4de1f7c40df4b09b0fe1d2a2815f3', size: 16 }))))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -92,7 +92,7 @@ const SwirlPagination = class {
         const showDropDown = this.variant === "advanced";
         const ariaPageLabel = `${this.page.toLocaleString()} ${this.pageLabel} ${this.pages.toLocaleString()}`;
         const className = index$1.classnames("pagination", `pagination--variant-${this.variant}`);
-        return (index.h(index.Host, { key: '7a705b94e6cd76b7d5b77cc02feecb5d09862492' }, index.h("nav", { key: 'd46b431727566b4d42e08207a5e51fe56aa83e18', "aria-label": this.label, class: className }, index.h("ul", { key: '2dc1add0919da4ad5066a6f4b9ca5ee5eb582bef', class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (index.h("li", { key: '5aa3bb5119f68e8f0077dce716b416d53eea570d', class: "pagination__list-item" }, index.h("label", { key: '2ae66a7c2a3fa24d2dbfd3db5ed6fb60967da896', class: "pagination__page-size-selection" }, index.h("swirl-text", { key: 'eda8aaa2a3038b3adf66c03076d1947a9e89e0ae', whiteSpace: "inherit" }, this.pageSizeSelectLabel), index.h("swirl-stack", { key: '58cf6582285ee8f0a9626869e0dbed9d81cba2b5', align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, index.h("select", { key: 'c3abf54743bbfd975778f1e61ad4f2fb6e797cdd', class: "pagination__page-size-select", onChange: this.onPageSizeSelect }, this.pageSizeOptions.map((pageSizeOption) => (index.h("option", { key: pageSizeOption, selected: pageSizeOption === this.pageSize, value: pageSizeOption }, pageSizeOption)))), index.h("swirl-icon-expand-more", { key: '49b492426b7b2c36a3dfd024de18069173bd7859', "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), index.h("li", { key: '8bea9cf4f79d2ebd0db9eb30a8c42e28b9a7078a', class: "pagination__list-item" }, index.h("swirl-button", { key: '77e8f59cedc14dce29d8e133e06427b5086ef16c', class: "pagination__first-page-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-double-arrow-left></swirl-icon-double-arrow-left>", intent: "primary", label: this.firstPageButtonLabel, onClick: this.onFirstPageButtonClick })), index.h("li", { key: 'd2de25731024c9213e632179d922b2b59a36219d', class: "pagination__list-item" }, index.h("swirl-button", { key: '5ec741d705a68764e5c7290d21ea8219ca2acef1', class: "pagination__prev-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", intent: "primary", label: this.prevButtonLabel, onClick: this.onPrevButtonClick })), showPageLabel ? (index.h("li", { class: "pagination__list-item  pagination__page-label" }, index.h("span", null, showDropDown ? (index.h("span", { "aria-current": "page", class: "pagination__advanced-label" }, index.h("input", { "aria-label": this.pageSelectLabel, class: "pagination__page-input", onFocus: this.onFocusPageInput, onInput: this.onPageInput, ref: (el) => (this.pageInput = el), type: "text", value: this.page }), index.h("span", { "aria-hidden": "true" }, this.pageLabel, " ", this.pages.toLocaleString()))) : (index.h("span", { "aria-current": "page" }, ariaPageLabel))))) : (index.h("li", { class: "pagination__list-item" }, index.h("swirl-visually-hidden", null, index.h("span", { "aria-current": "page" }, ariaPageLabel)))), index.h("li", { key: 'd3e859d8ba79ce7aed16c7978e3ab93a9c894438', class: "pagination__list-item" }, index.h("swirl-button", { key: '7418eee457a303c34d1b1d26cb7b9bc7dc5cf4d8', class: "pagination__next-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-chevron-right></swirl-icon-chevron-right>", iconPosition: "end", intent: "primary", label: this.nextButtonLabel, onClick: this.onNextButtonClick })), index.h("li", { key: '2c471d0748a98caad0c10689b7da96eb8bd0e493', class: "pagination__list-item" }, index.h("swirl-button", { key: 'f5cdbfdde8ff4d6fe8720f86f9a04b4ae6976af1', class: "pagination__last-page-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", intent: "primary", label: this.lastPageButtonLabel, onClick: this.onLastPageButtonClick }))))));
+        return (index.h(index.Host, { key: '6eadabc50d3253b3bae2ff7fe619e2e812cac193' }, index.h("nav", { key: '6aaee3c5ddf05c178fa81543d692029fe1fc4612', "aria-label": this.label, class: className }, index.h("ul", { key: '3bf3297683dbe8f4e733817e6ead22b09494854d', class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (index.h("li", { key: '766abed08331a0ffb574037cca066895b76ea0be', class: "pagination__list-item" }, index.h("label", { key: '5ba62cf676a2a5032c863271c77079e8ec479051', class: "pagination__page-size-selection" }, index.h("swirl-text", { key: '9dcd198c5fa5f2ebd0cb8ff409cfbee825e21b3f', whiteSpace: "inherit" }, this.pageSizeSelectLabel), index.h("swirl-stack", { key: 'dcb6286d0040bcbb3a4ea8e0cc61bacfc64d59eb', align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, index.h("select", { key: '5d71d8d6a65348151b33439eddb5950fab2ffe24', class: "pagination__page-size-select", onChange: this.onPageSizeSelect }, this.pageSizeOptions.map((pageSizeOption) => (index.h("option", { key: pageSizeOption, selected: pageSizeOption === this.pageSize, value: pageSizeOption }, pageSizeOption)))), index.h("swirl-icon-expand-more", { key: 'bd019a569bf65b1ee93e91704a329e07ee405a10', "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), index.h("li", { key: '94b14f468e6dabfae84373d5d8bd36df61667e72', class: "pagination__list-item" }, index.h("swirl-button", { key: 'b3c5033fe6abd18b2247d2a799350a182fe90c18', class: "pagination__first-page-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-double-arrow-left></swirl-icon-double-arrow-left>", intent: "primary", label: this.firstPageButtonLabel, onClick: this.onFirstPageButtonClick })), index.h("li", { key: '09ed662e6e74f660c1166df4c9399a5c833bbebf', class: "pagination__list-item" }, index.h("swirl-button", { key: '9958f061ff87481d073837130d0f282cbdd610dc', class: "pagination__prev-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", intent: "primary", label: this.prevButtonLabel, onClick: this.onPrevButtonClick })), showPageLabel ? (index.h("li", { class: "pagination__list-item  pagination__page-label" }, index.h("span", null, showDropDown ? (index.h("span", { "aria-current": "page", class: "pagination__advanced-label" }, index.h("input", { "aria-label": this.pageSelectLabel, class: "pagination__page-input", onFocus: this.onFocusPageInput, onInput: this.onPageInput, ref: (el) => (this.pageInput = el), type: "text", value: this.page }), index.h("span", { "aria-hidden": "true" }, this.pageLabel, " ", this.pages.toLocaleString()))) : (index.h("span", { "aria-current": "page" }, ariaPageLabel))))) : (index.h("li", { class: "pagination__list-item" }, index.h("swirl-visually-hidden", null, index.h("span", { "aria-current": "page" }, ariaPageLabel)))), index.h("li", { key: 'b342b1a08725314f48069d6669846e3ada73830a', class: "pagination__list-item" }, index.h("swirl-button", { key: 'ad5d288642a1d94559a113f8bd6bff50e78ca380', class: "pagination__next-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-chevron-right></swirl-icon-chevron-right>", iconPosition: "end", intent: "primary", label: this.nextButtonLabel, onClick: this.onNextButtonClick })), index.h("li", { key: '26a16ded1d6f49f6bc4ea8d39f9f955326c3b2b8', class: "pagination__list-item" }, index.h("swirl-button", { key: 'a87d63ae4e7a7bba041a838003148c3c79fb8c59', class: "pagination__last-page-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", intent: "primary", label: this.lastPageButtonLabel, onClick: this.onLastPageButtonClick }))))));
     }
 };
 SwirlPagination.style = SwirlPaginationStyle0;

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

@@ -191,15 +191,15 @@ const SwirlPdfReader = class {
             "pdf-reader--hide-menu": !hasMenuItems,
             "pdf-reader--show-thumbnails": this.showThumbnails,
         });
-        return (index.h(index.Host, { key: 'dc7306ab91090dec2958dd0209b683fd5de3e494' }, index.h("section", { key: 'dc0d979cad148370a5107297433776871dc582b4', "aria-hidden": "true", "aria-label": this.label, class: className, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, index.h("div", { key: '5f3c3ec44482a1e1a7c46d7665eac0bca1444acc', class: "pdf-reader__body", role: "document" }, index.h("header", { key: '8eac4537b0ce0f6df6eab529371105a9d2b9134b', class: "pdf-reader__header" }, index.h("span", { key: 'cb2417fb701e90929dd99c3272f8f3a64fc40039', class: "pdf-reader__header-left" }, index.h("swirl-button", { key: '0f4bbf2c2b13488819fbdd32e503a645812cf931', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), index.h("span", { key: '017ca653b0ed422fdb2d8385dcdacb5c95524e16', class: "pdf-reader__label" }, this.label)), index.h("span", { key: 'b5ec7d6e7464069da8f0626a4253a67b4e46375d', class: "pdf-reader__header-center" }, index.h("span", { key: '60601b70336b052d214c8b2dbe9cf81bd42b6041', class: "pdf-reader__zoom-button-container" }, index.h("swirl-button", { key: '8a63e5f7a9ff5807241133e5341e41c8c10a1501', class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[0], hideLabel: true, icon: "<swirl-icon-remove></swirl-icon-remove>", label: this.zoomOutButtonLabel, onClick: this.onZoomOutButtonClick }), index.h("swirl-button", { key: 'fc48f0d8c87f563455f88f24da82293e5b77a361', class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], hideLabel: true, icon: "<swirl-icon-add></swirl-icon-add>", label: this.zoomInButtonLabel, onClick: this.onZoomInButtonClick })), index.h("span", { key: '69123e376d2d315a106b33838911b2a399b2c02d', class: "pdf-reader__zoom-select-container" }, index.h("select", { key: 'eacb22211caf37eabee782393ef62c1a6cfd65b5', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, index.h("option", { key: '12f7c8123567a6c670737ca3011fbf3318d3675f', selected: this.zoom === "auto", value: "auto" }, this.autoZoomLabel), this.zoomSteps.map((zoom) => (index.h("option", { key: zoom, selected: this.zoom === zoom, value: zoom }, zoom * 100, "%")))), index.h("swirl-icon-expand-more", { key: '1a696475cc7e7459b4af7742936cd3fb16091ac8', class: "pdf-reader__zoom-select-icon" }))), index.h("span", { key: '475106c3d6370b6c75c43614b7069dcfb395e8f0', class: "pdf-reader__header-right" }, index.h("swirl-popover-trigger", { key: '739942fb58fc9fa21f4b6e2d7a22145444eef600', swirlPopover: this.menu }, index.h("swirl-button", { key: '37297a4e9fca2ff82ab45fee68ed340c5c6bc41a', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), index.h("span", { key: '8219c8cd7893d06e8caaa106a4c224f636489983', class: "pdf-reader__floating-tools" }, index.h("button", { key: '0c0b1aa4b040dc45dbe16bcddec1a334d1f307bc', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, index.h("swirl-icon-menu-book", { key: '1c7d0d51e8c065719a666fb00dac4be7519ad7d3' })), index.h("button", { key: '48351f0c2ba8c41c086620b2f77d38ae548dc4b7', "aria-controls": "thumbnails", "aria-expanded": String(Boolean(this.showThumbnails)), "aria-label": this.thumbnailsButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleThumbnals, type: "button" }, index.h("swirl-icon-file-copy", { key: 'b7d3151dacc198b133ddebed954d1987a6f8f5c9' })))), index.h("div", { key: '048914c0b60b3702aa4ee4eb7f9880c07639b9ef', class: "pdf-reader__content" }, index.h("nav", { key: '325baaae42e6623eb20ff5f88a8b90ed80bf6ee3', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && index.h("swirl-spinner", { key: '2b29e08c415959cd67de4cd5975d27e583769331' }), !this.loadingThumbnails &&
+        return (index.h(index.Host, { key: '992fef5b6970fd612b677c354ba47ff653dd96e3' }, index.h("section", { key: 'd1c59d334a9dd8f398f6f8c16fd20e1ee32acfac', "aria-hidden": "true", "aria-label": this.label, class: className, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, index.h("div", { key: '2130f9218a585514fb901dd901840d1b555ec369', class: "pdf-reader__body", role: "document" }, index.h("header", { key: '4f1c214e5cabbb02c9d45461835665e9be206987', class: "pdf-reader__header" }, index.h("span", { key: '0a789aafc0454307e30f48ecf81d8a9697beffd3', class: "pdf-reader__header-left" }, index.h("swirl-button", { key: 'd78dd1ee05406e959ba18a8562d9023b076d4215', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), index.h("span", { key: 'f3ad8c8647613308ba2712d88736e1e7b5e417de', class: "pdf-reader__label" }, this.label)), index.h("span", { key: 'bba298e50ecf29304eb0547ebfdd1141a63546db', class: "pdf-reader__header-center" }, index.h("span", { key: '52b2d668494d050f9fac8a690bfe16ccccf469a9', class: "pdf-reader__zoom-button-container" }, index.h("swirl-button", { key: 'd365314672db7f451854ac7df85bdf29823416a8', class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[0], hideLabel: true, icon: "<swirl-icon-remove></swirl-icon-remove>", label: this.zoomOutButtonLabel, onClick: this.onZoomOutButtonClick }), index.h("swirl-button", { key: '2b934f9c2ff486a06ca587669282540a90e4a765', class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], hideLabel: true, icon: "<swirl-icon-add></swirl-icon-add>", label: this.zoomInButtonLabel, onClick: this.onZoomInButtonClick })), index.h("span", { key: '81677759185f4c7fcad9ff5fdbcd0b5cdff003c9', class: "pdf-reader__zoom-select-container" }, index.h("select", { key: 'de9461e117c6e41e0dae2239ae32a806133ace77', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, index.h("option", { key: 'bd2b83401bf2b092782c1d0777add05111447d7d', selected: this.zoom === "auto", value: "auto" }, this.autoZoomLabel), this.zoomSteps.map((zoom) => (index.h("option", { key: zoom, selected: this.zoom === zoom, value: zoom }, zoom * 100, "%")))), index.h("swirl-icon-expand-more", { key: '0e911455a41fd882fa59931c4c7b9a19ce10d6dc', class: "pdf-reader__zoom-select-icon" }))), index.h("span", { key: 'ed79a6aaa0f30436c6d8fa7bc749b39c17de21c2', class: "pdf-reader__header-right" }, index.h("swirl-popover-trigger", { key: 'f7a17110310920b51f19371606a618812097aa1b', swirlPopover: this.menu }, index.h("swirl-button", { key: '7231faa705d521b06c4ca989d0bbe37def29c2ec', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), index.h("span", { key: '54a2cb24ed9b27caabecb2cf1910880e742ab2fd', class: "pdf-reader__floating-tools" }, index.h("button", { key: '79b61e89cb001d8c94566cecb23260141b7115e3', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, index.h("swirl-icon-menu-book", { key: 'db3d57465d2021ad52107909bd8ed104d803d7c0' })), index.h("button", { key: 'ffad0d592c62e48c6ec927c54c09041a5a23637c', "aria-controls": "thumbnails", "aria-expanded": String(Boolean(this.showThumbnails)), "aria-label": this.thumbnailsButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleThumbnals, type: "button" }, index.h("swirl-icon-file-copy", { key: 'c4250893e58b06d0a8746d573d04130b3539eea7' })))), index.h("div", { key: '012b3ac76d82ad7c78fe63c28dfd8f790fbc6f1b', class: "pdf-reader__content" }, index.h("nav", { key: 'fe8b02a98336cc96d603dadd60e6fae696856716', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && index.h("swirl-spinner", { key: '5ccf1fbb314155d3937014fe5457cc2a461a9021' }), !this.loadingThumbnails &&
             this.thumbnails.map((thumbnail, index$2) => {
                 const thumbnailClassName = index$1.classnames("pdf-reader__thumbnail", {
                     "pdf-reader__thumbnail--active": this.visiblePages[0] === index$2 + 1,
                 });
                 return (index.h("button", { "aria-label": `${this.thumbnailButtonLabel} ${index$2 + 1}`, class: thumbnailClassName, onClick: this.onThumbnailClick(index$2), type: "button" }, index.h("img", { src: thumbnail.toDataURL("image/png"), alt: "" })));
-            })), index.h("swirl-file-viewer", { key: '5021c3b024791cbc261d1f81df9687ad933b5500', active: this.active, class: "pdf-reader__viewer", file: this.file, fileName: this.fileName, onActivate: this.onActivate, onVisiblePagesChange: this.onVisiblePagesChange, pdfWorkerSrc: this.pdfWorkerSrc, ref: (el) => (this.viewer = el), type: "application/pdf", viewMode: this.viewMode, zoom: this.zoom }), index.h("div", { key: 'da9f1b932499b5f4e5d0478022ef74386a7494bb', class: "pdf-reader__mobile-zoom-controls" }, index.h("button", { key: '0be6e85b7c7dbcf3fe42678a2b34189367e673c2', "aria-label": this.autoZoomLabel, class: "pdf-reader__mobile-zoom-button", onClick: this.onZoomAutoButtonClick, type: "button" }, this.zoom === "auto" ? (index.h("swirl-icon-fullscreen-exit", null)) : (index.h("swirl-icon-fullscreen", null))), index.h("button", { key: 'f76a0c5ac47b9c5c621f50eb22d936afa1d2452b', "aria-label": this.zoomInButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], onClick: this.onZoomInButtonClick, type: "button" }, index.h("swirl-icon-add", { key: '7951645c808641a988cacad9a45938591124129d' })), index.h("button", { key: 'b7a107772387afbac08e2cadd31467cd6f33bb4e', "aria-label": this.zoomOutButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[0], onClick: this.onZoomOutButtonClick, type: "button" }, index.h("swirl-icon-remove", { key: 'f2a786ad3f37834a120b62f912d5e07120fc3b3a' }))))), index.h("swirl-popover", { key: 'f836cce9d670437d937df7f63c5a6f56d45b6c77', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, index.h("swirl-stack", { key: 'c672809b47899bf85023d102c08b17d962fc3b93' }, index.h("div", { key: 'bec0524df423ad1bcc0d6733833f7a86397b31ed', class: "pdf-reader__meta" }, index.h("div", { key: 'fd3ce78fc1f64e28c69937164257bb6572e7af3e', class: "pdf-reader__file-icon" }, index.h("svg", { key: 'd31d09ca06b6dc110869008d047ca7d41d4a8e44', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, index.h("path", { key: 'f95441012027c65ea1d6258cb1588cf0053c9d77', d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), index.h("path", { key: '996bfc38bdad8b8adc4f3a9feb2245c930f59b40', d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), index.h("path", { key: 'ea1f51e004e35a00efbd2ea6a40221e98535b63e', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), index.h("path", { key: '9a6478e82f3110170f870850e9d6221f4fe95626', d: "M3.59961 9.00001C3.59961 8.0059 4.4055 7.20001 5.39961 7.20001H14.854C15.3314 7.20001 15.7893 7.38965 16.1268 7.72722L19.8724 11.4728C20.21 11.8104 20.3996 12.2682 20.3996 12.7456V27C20.3996 27.9941 19.5937 28.8 18.5996 28.8H5.39961C4.4055 28.8 3.59961 27.9941 3.59961 27V9.00001Z", fill: "#FF574D" }), index.h("path", { key: 'e1ab2baa16b953c6f8b10053d515d48cebf8228d', d: "M15.5996 7.36166V10.2C15.5996 11.1941 16.4055 12 17.3996 12H20.2379C20.3237 12.1884 20.3768 12.3913 20.3937 12.6H17.3996C16.0785 12.6 15.0067 11.5325 14.9996 10.213L14.9996 7.20587C15.2083 7.2228 15.4112 7.27593 15.5996 7.36166Z", fill: "white" }), index.h("path", { key: '8cae50d9f55009a86a0adb466f230e313782611f', d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), index.h("path", { key: 'ca8aa428514937211863c7b62c005a01fb135dbd', d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), index.h("path", { key: '2ba0e8febddce0e3f37148b76c0330aee03507cc', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), index.h("div", { key: '9b0d49608058b0fe3de540efd0e2629767b7135d', class: "pdf-reader__file-info" }, index.h("swirl-text", { key: '5ef07434a1e942f5da3d64a7ecad9281e8cdbccc', truncate: true, weight: "semibold" }, this.label), index.h("swirl-text", { key: '5c0b4c89878f94c99820f0542c621895cce8d2bc', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && index.h("swirl-separator", { key: '81773f20a38ffd2f49f8397bc23e86e5bdbe4400' }), index.h("swirl-action-list", { key: 'a6ad7888726eeee60a7163e83e2f0b88649c20f7', class: "pdf-reader__menu" }, this.printButtonEnabled && (index.h("swirl-action-list-item", { key: 'a1ca820d7e5ee46e695c1454d5f48f56c66a8e5e', class: "pdf-reader__print-button", icon: "<swirl-icon-print></swirl-icon-print>", label: this.printButtonLabel, onClick: this.onPrintButtonClick })), this.downloadButtonEnabled && (index.h("swirl-action-list-item", { key: '11f88e4e89355a411c1e8ea2ee88f3c166536bb2', class: "pdf-reader__download-button", disabled: this.downloading, icon: !this.downloading
+            })), index.h("swirl-file-viewer", { key: '422cebc36f71f4fa2c45c13ed55f37582b73ce00', active: this.active, class: "pdf-reader__viewer", file: this.file, fileName: this.fileName, onActivate: this.onActivate, onVisiblePagesChange: this.onVisiblePagesChange, pdfWorkerSrc: this.pdfWorkerSrc, ref: (el) => (this.viewer = el), type: "application/pdf", viewMode: this.viewMode, zoom: this.zoom }), index.h("div", { key: '4ad22dc6ec7ccca223e95656f68b9d47b9c492f7', class: "pdf-reader__mobile-zoom-controls" }, index.h("button", { key: 'df227c8f056c8c2e48d2c1e3ad0f93610a729746', "aria-label": this.autoZoomLabel, class: "pdf-reader__mobile-zoom-button", onClick: this.onZoomAutoButtonClick, type: "button" }, this.zoom === "auto" ? (index.h("swirl-icon-fullscreen-exit", null)) : (index.h("swirl-icon-fullscreen", null))), index.h("button", { key: '319fb3f4ad513b85579a31fead40d25eacfcdf94', "aria-label": this.zoomInButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], onClick: this.onZoomInButtonClick, type: "button" }, index.h("swirl-icon-add", { key: 'e0ffbfe2c3d8c1b0e591ca1dcac97fcc5bcc016d' })), index.h("button", { key: 'f605e3df513157e5fc6a083997750016bf177616', "aria-label": this.zoomOutButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[0], onClick: this.onZoomOutButtonClick, type: "button" }, index.h("swirl-icon-remove", { key: '6702b26a1f81d2ece6a061ec887d52f1d8aa14cb' }))))), index.h("swirl-popover", { key: 'a9a6644500f0da30cf30f3a5d0f3649dcc077e2c', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, index.h("swirl-stack", { key: 'da3c3ee50152c450cf6e7a4cf4b90e4bd0872dde' }, index.h("div", { key: 'a9b5ac4548f7c34e65a0afe4ac36dddd9e9beb10', class: "pdf-reader__meta" }, index.h("div", { key: '327b78223435e9741702df2af6618a73927623a7', class: "pdf-reader__file-icon" }, index.h("svg", { key: '407f9f8e1b2fd0f26d521c30782698ccfd9ab12d', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, index.h("path", { key: '5d9287e742c32e470a564654625d69e728e88799', d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), index.h("path", { key: 'c7a4658bbf03c5d83d0e873708541797f01991b2', d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), index.h("path", { key: '7e883f67394ef0021ba7a2e719b1be772712632d', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), index.h("path", { key: '75f3d7b072c5fb1bd736b0871078d880c080ec14', d: "M3.59961 9.00001C3.59961 8.0059 4.4055 7.20001 5.39961 7.20001H14.854C15.3314 7.20001 15.7893 7.38965 16.1268 7.72722L19.8724 11.4728C20.21 11.8104 20.3996 12.2682 20.3996 12.7456V27C20.3996 27.9941 19.5937 28.8 18.5996 28.8H5.39961C4.4055 28.8 3.59961 27.9941 3.59961 27V9.00001Z", fill: "#FF574D" }), index.h("path", { key: 'e6cacf0ca512e4977cef5718639e76b224c4141a', d: "M15.5996 7.36166V10.2C15.5996 11.1941 16.4055 12 17.3996 12H20.2379C20.3237 12.1884 20.3768 12.3913 20.3937 12.6H17.3996C16.0785 12.6 15.0067 11.5325 14.9996 10.213L14.9996 7.20587C15.2083 7.2228 15.4112 7.27593 15.5996 7.36166Z", fill: "white" }), index.h("path", { key: '3e5c878a1228e9f11930b1f25ed9bcd121950880', d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), index.h("path", { key: 'f53547daef5cd671bf6f31c82719c2ad88b5917e', d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), index.h("path", { key: 'a8614488f7079f903876d87f24fa4d98b04d8cbb', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), index.h("div", { key: '5f8b9b576d3e0648c4a0cac03d642072fa7fee08', class: "pdf-reader__file-info" }, index.h("swirl-text", { key: '8bce6d6e345c19aaa6fda479971d51c3fa91d28d', truncate: true, weight: "semibold" }, this.label), index.h("swirl-text", { key: '5a1bcee1bf3fae44907d174498ff5a0699a89e57', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && index.h("swirl-separator", { key: 'c4f94cad01825edc6dd6597baa50287e40daa9ee' }), index.h("swirl-action-list", { key: 'f0f6aa278e2ca04d0ecbbd632ec3e7cab640135a', class: "pdf-reader__menu" }, this.printButtonEnabled && (index.h("swirl-action-list-item", { key: 'fe07f96326edfe52542e49d1d24b43a00bf6bb85', class: "pdf-reader__print-button", icon: "<swirl-icon-print></swirl-icon-print>", label: this.printButtonLabel, onClick: this.onPrintButtonClick })), this.downloadButtonEnabled && (index.h("swirl-action-list-item", { key: 'ea8d070974560a90c8fb30f24600241064f919ad', class: "pdf-reader__download-button", disabled: this.downloading, icon: !this.downloading
                 ? "<swirl-icon-download></swirl-icon-download>"
-                : '<swirl-spinner size="xs"></swirl-spinner>', label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), index.h("slot", { key: '0b14f3fc3fd1fe42adb359b3cb6b4eaeacc22133', name: "menu-items" })))))));
+                : '<swirl-spinner size="xs"></swirl-spinner>', label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), index.h("slot", { key: 'af5898560556ee374d633a1156733377cac40cf0', name: "menu-items" })))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -269,14 +269,14 @@ const SwirlPopover = class {
             "popover--transparent": this.transparent,
             "popover--padded": this.padded,
         });
-        return (index.h(index.Host, { key: 'd8cbdbdb982253869bb6408bd14f1817a2506449' }, index.h("div", { key: '0d6f57280fcb4350dc388080f2cc5e5e33ad12ff', class: className, onKeyDown: this.onKeydown }, index.h("div", { key: '74720837e027750b5b34262cf58f99341af2d196', "aria-hidden": !this.active ? "true" : "false", "aria-label": this.label, class: "popover__content", id: this.popoverId, part: "popover__content", role: "dialog", ref: (el) => (this.contentContainer = el), style: {
+        return (index.h(index.Host, { key: '8a94aaffe5ad9b929d0ae849a4316c03d0ce98a4' }, index.h("div", { key: '2a24d486eb4afb18ad47f6a569628f16f62f042b', class: className, onKeyDown: this.onKeydown }, index.h("div", { key: 'b1bb6d323e2fcd366047ea767c0ecc6b87884e29', "aria-hidden": !this.active ? "true" : "false", "aria-label": this.label, class: "popover__content", id: this.popoverId, part: "popover__content", role: "dialog", ref: (el) => (this.contentContainer = el), style: {
                 top: Boolean(this.position) ? `${this.position?.y}px` : "",
                 left: Boolean(this.position) ? `${this.position?.x}px` : "",
-            }, tabindex: "-1" }, index.h("span", { key: '2dca2dbe6e92663f1c98c6e744923b14362b017c', class: "popover__handle" }), index.h("div", { key: '09db78850fb4c12c63494347dfc21f7255fdc3be', class: "popover__scroll-container", part: "popover__scroll-container", ref: (el) => (this.scrollContainer = el), style: {
+            }, tabindex: "-1" }, index.h("span", { key: 'af481155c9ef5bdc271a3e52c182535d0d9efb1a', class: "popover__handle" }), index.h("div", { key: '289a5b14358aaf0e66bb1c8c405a8b50f0151783', class: "popover__scroll-container", part: "popover__scroll-container", ref: (el) => (this.scrollContainer = el), style: {
                 maxHeight: !mobile && Boolean(this.maxHeight)
                     ? this.maxHeight
                     : undefined,
-            } }, index.h("slot", { key: '6b56b125cbc48e54878a0cf65de66ef316f15e8a' }))), this.active && (index.h("div", { key: '69fcdd4e321b75f945f1e453166494bcd83d29fe', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
+            } }, index.h("slot", { key: 'e2643f787ba7ad786a7bdb141134c52a2a2d73c2' }))), this.active && (index.h("div", { key: '2427b9be81ec3a0660bb7e81705359f4b78a6e46', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
     }
     get el() { return index.getElement(this); }
 };
@@ -445,7 +445,7 @@ const SwirlPopoverTrigger = class {
         return isActive;
     }
     render() {
-        return (index.h(index.Host, { key: '1323583130b2a77d80687c29d640b0cc863c334d', onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, index.h("slot", { key: '0a87b4f0ebc08f2b8c2373a0b67ed03d82749816' })));
+        return (index.h(index.Host, { key: '3046f1575d3434a95ebb17c0f8dd95d98463bcad', onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, index.h("slot", { key: '2cbfd0353550104679817ead78bdc5b16a522b90' })));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -22,7 +22,7 @@ const SwirlProgressIndicator = class {
         const radius = this.size === "m" ? 20 : 10;
         const circumference = Math.round(radius * 2 * Math.PI);
         const dashOffset = Math.round(circumference * ((100 - this.value) / 100));
-        return (index.h(index.Host, { key: '578ec05f9b37f752381de13d03330169a925a9b3', class: this.variant }, this.variant === "bar" && (index.h("progress", { key: 'a689f6e11237953d154362f77c4e481185357da7', "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className, max: 100, value: this.value })), this.variant === "circle" && (index.h("span", { key: '9f7724d4f86d3824dafad1af98ffa0e417b27aa9', role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className }, index.h("svg", { key: '3ad56ec0bf8fd0b37730ba9972a78ada99e96636', class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(radius + strokeWidth) * 2} ${(radius + strokeWidth) * 2}` }, index.h("circle", { key: '570d5fb7d8db0710a7502d55bfe200e60497a4ec', class: "progress-indicator__circle-background", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth }), index.h("circle", { key: 'da5fe372911c0a1da6b6eea89dc83be5c090a3f1', class: "progress-indicator__circle-value", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth, "stroke-dasharray": circumference, "stroke-dashoffset": dashOffset }))))));
+        return (index.h(index.Host, { key: 'cc6d3aa374149c926eec899dddb04b33e9c57138', class: this.variant }, this.variant === "bar" && (index.h("progress", { key: '04a9165a76bbab7f804a26b8f1b54cdf195f553b', "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className, max: 100, value: this.value })), this.variant === "circle" && (index.h("span", { key: '1e9b616ed5f0b0a685e5a49efd9806922d2a1444', role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className }, index.h("svg", { key: 'cc650b21538e9f4d445015e0b22d8e564227ab71', class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(radius + strokeWidth) * 2} ${(radius + strokeWidth) * 2}` }, index.h("circle", { key: '8e25d0ab0152d4becd2b07fcaedb3183c0edc6df', class: "progress-indicator__circle-background", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth }), index.h("circle", { key: '1d3c153c7f002254e24cb2696331093f992d65a3', class: "progress-indicator__circle-value", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth, "stroke-dasharray": circumference, "stroke-dashoffset": dashOffset }))))));
     }
 };
 SwirlProgressIndicator.style = SwirlProgressIndicatorStyle0;

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

@@ -47,7 +47,7 @@ const SwirlRadioGroup = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '786dd24e5dbe5715685a0d08da01da8aeff8c0f7', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, index.h("div", { key: 'e86e1e01cae7f3e7b9ed2c4751177a19abcc60d4', class: "radio-group" }, index.h("slot", { key: '0062a882fe9e91e9eae2ab4a21a3429f2bf35406' }))));
+        return (index.h(index.Host, { key: '66daf56b2f74fca0c851041e1794488d97979915', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, index.h("div", { key: 'dc1f0bcaf44404b0198f8fe505bcf02dacff3978', class: "radio-group" }, index.h("slot", { key: '9a7b1ffd42079f0df210d4ae0e57c87147e8c116' }))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -47,7 +47,7 @@ const SwirlRadio = class {
             "radio--invalid": this.invalid,
             "radio--unchecked": unchecked,
         });
-        return (index.h(index.Host, { key: 'ecc529474f53c66deaefcfa989c35c8fece31b8c', style: { width: this.variant === "card" ? "100%" : undefined } }, index.h("label", { key: '1416580b5086d669c956b47ea68a729ff3e4470b', class: className, htmlFor: this.inputId }, index.h("span", { key: '9d2cbfaea6a972d778258746ff272bfa653c6013', class: "radio__control" }, index.h("swirl-visually-hidden", { key: 'f0a0ec302a9e56aa958834e917d356e0421b8227' }, index.h("input", { key: 'b1fe45596defabf0b335c044436d358e38bdc58f', "aria-checked": ariaCheckedLabel, "aria-invalid": ariaInvalid, checked: checked, class: "radio__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, type: "radio", value: this.value })), index.h("span", { key: 'a9c68842a7e405b11f61e40b3ae31ebd591f0b09', "aria-hidden": "true", class: "radio__box" })), index.h("span", { key: '73f46e14cd815a756573ca2cec1a99aeaf4a8335', class: "radio__label-container" }, this.label && (index.h("span", { key: 'f7fcec30c7a707eee1b5316b7fdc9fc4c27ccdab', class: "radio__label" }, this.label, this.tooltip && (index.h("swirl-tooltip", { key: '503b33d790a25dace98c0799f14d0a146f40995b', content: this.tooltip, position: "top" }, index.h("swirl-icon-help", { key: '075e9047be5b42286c02a6a210c31b8ccc467fa4', color: "default", size: 20, tabIndex: 0 }))))), this.description && (index.h("span", { key: 'e4988cd411b219965b544bdfb63c535eae7af3a1', class: "radio__description", innerHTML: this.description }))))));
+        return (index.h(index.Host, { key: '4607923f3db2a298ca47aeb05968aa6f14773333', style: { width: this.variant === "card" ? "100%" : undefined } }, index.h("label", { key: '66eb4fa06560252f4b3820b0cd0605fd65b4695d', class: className, htmlFor: this.inputId }, index.h("span", { key: '2af9cc8ca09e21000ffec6172176b774d786fee3', class: "radio__control" }, index.h("swirl-visually-hidden", { key: '30244916724cd4d71a8522073bfb8bbcad1e26fc' }, index.h("input", { key: 'f0641f5eea6b249bab86dca0b23a888efe2daea9', "aria-checked": ariaCheckedLabel, "aria-invalid": ariaInvalid, checked: checked, class: "radio__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, type: "radio", value: this.value })), index.h("span", { key: '8c70b4bbd03cbb5da726ac9851e1248f10a14e00', "aria-hidden": "true", class: "radio__box" })), index.h("span", { key: '62ce3d8658b9a1a37053b6097b6f0fb0e38c10e7', class: "radio__label-container" }, this.label && (index.h("span", { key: 'd4ddd620532bb2ac8287dcf0dd3cb49db1822825', class: "radio__label" }, this.label, this.tooltip && (index.h("swirl-tooltip", { key: 'e9aca03790122bddf368d9c4c4e3203be396af64', content: this.tooltip, position: "top" }, index.h("swirl-icon-help", { key: '0ca3de2265cef55bd378a2028600aa84e8c07bda', color: "default", size: 20, tabIndex: 0 }))))), this.description && (index.h("span", { key: '420cb2bfb23a7ec2177ff18f9593dab8dc70c830', class: "radio__description", innerHTML: this.description }))))));
     }
 };
 SwirlRadio.style = SwirlRadioStyle0;

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

@@ -47,7 +47,7 @@ const SwirlResourceListFileItem = class {
         const className = index$1.classnames("resource-list-file-item", {
             "resource-list-file-item--has-control": showSpinner || showRemoveButton,
         });
-        return (index.h(index.Host, { key: 'fd4a89a6b95b3537ce4a246d30107d576a3919e1', role: "row" }, index.h("div", { key: '046d5ebe7986772e23e5ddf3ebf122bae28e09af', class: className, part: "resource-list-file-item", role: "gridcell" }, index.h("span", { key: '85a9533592a0478af5c61d4be483ff7ba93341c7', class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }), index.h("span", { key: '76a558b243dfd93613469eb42099eae0cde5c5d5', class: "resource-list-file-item__label-container" }, index.h("span", { key: 'c9cf0798fabb8ebdc4e4ee52c16ebeb6cacb2d2d', class: "resource-list-file-item__label", id: "label" }, this.label), showDescription && (index.h("span", { key: '8f3641464849a36290cbdc21ee127c9f0a04eac1', class: "resource-list-file-item__description" }, this.description)), showError && (index.h("span", { key: '67fac47327ff34c56508ed04ea047a765ec749ed', "aria-live": "polite", class: "resource-list-file-item__error-message" }, index.h("swirl-inline-error", { key: '5f9c227aaca4fec96e822e0a80cd0f514a5ed44b', message: this.errorMessage, size: "s" })))), showSpinner && (index.h("span", { key: 'c06fc661f885d3a971f553421b49070f50ab5bed', class: "resource-list-file-item__spinner" }, index.h("swirl-spinner", { key: '1e202b3f83180938dcc72771e23136c181c9f65a', size: "s" }))), showRemoveButton && (index.h("span", { key: '6369582535111c43bdc441b79da879366d5d1423', class: "resource-list-file-item__remove-button" }, index.h("swirl-button", { key: '104f0dc2c19332ec38409daffcd4b6bcb293cd0b', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))))));
+        return (index.h(index.Host, { key: 'aa31b242c818999eff6f0b0be2af866851adc4f6', role: "row" }, index.h("div", { key: '41abec1e7fb8a6049d40a33a6c4efa088be7175d', class: className, part: "resource-list-file-item", role: "gridcell" }, index.h("span", { key: 'cfb6712554d7f14cb50976b8b41feecea2e75323', class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }), index.h("span", { key: '6157c61ce44310793340b97e7f217c700a2d0b23', class: "resource-list-file-item__label-container" }, index.h("span", { key: 'aa55475de0b208027fb4cf05af2e7e12133f25d9', class: "resource-list-file-item__label", id: "label" }, this.label), showDescription && (index.h("span", { key: '048e16c60b468af370114c59fe1f928a50286110', class: "resource-list-file-item__description" }, this.description)), showError && (index.h("span", { key: '81c1858c6c3f7034e5215311262601d12f433c5f', "aria-live": "polite", class: "resource-list-file-item__error-message" }, index.h("swirl-inline-error", { key: '2e52cdd88827927ca8dfbebb41505866502b9824', message: this.errorMessage, size: "s" })))), showSpinner && (index.h("span", { key: 'bec7b2d13bd0bb64c3a3d21544e0656221c5626b', class: "resource-list-file-item__spinner" }, index.h("swirl-spinner", { key: 'b86fb96e568f82aba747dc87ae4e603013504ea6', size: "s" }))), showRemoveButton && (index.h("span", { key: 'cd1709deef939f84c9c1be93c0784108b9399b1f', class: "resource-list-file-item__remove-button" }, index.h("swirl-button", { key: '16d5d45d77784d8d43b723cdb03cdbe5ae34e96d', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))))));
     }
 };
 SwirlResourceListFileItem.style = SwirlResourceListFileItemStyle0;

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

@@ -16,7 +16,7 @@ const SwirlResourceListSection = class {
         this.hasSeparator = false;
     }
     render() {
-        return (index.h(index.Host, { key: 'a8b341453a49c8ca5daa7027fe5c423775bfc547' }, this.hasSeparator && (index.h("swirl-separator", { key: '98ceda173a8a7a6d51839a28c1e3d68a49fbc0c2', spacing: this.separatorSpacing })), index.h("div", { key: '964f30ee96a8738d888570d0e9dfaca7421bdc95', "aria-labelledby": "label", role: "rowgroup" }, index.h("span", { key: '6e8782453d174035d2f6c632193703e276fb5dd9', id: "label", class: "resource-list-section-label", part: "resource-list-section-label" }, this.label), index.h("swirl-stack", { key: '90e8de3c6683c6c399f01f8f266fb9d83a6568eb', spacing: this.spacing }, index.h("slot", { key: '75c7be109d575335da09ff788300b308c2d6ad77' })))));
+        return (index.h(index.Host, { key: 'ec479504693de1a51f23583dea22a33d1b7bc858' }, this.hasSeparator && (index.h("swirl-separator", { key: '2f59495d954af751c931a18041cd901e9d6c21d4', spacing: this.separatorSpacing })), index.h("div", { key: 'fea17351370bcad668e6ed31870cbb31b7b1d301', "aria-labelledby": "label", role: "rowgroup" }, index.h("span", { key: '5979aa923febc175e7353abdabec2cef45663672', id: "label", class: "resource-list-section-label", part: "resource-list-section-label" }, this.label), index.h("swirl-stack", { key: 'ff275cd9e8bc0bf6fa68d8f1d955d5b63e2e86ab', spacing: this.spacing }, index.h("slot", { key: 'bfffdfcded618c4b0eb94a920a0c42f1828d6d94' })))));
     }
 };
 SwirlResourceListSection.style = SwirlResourceListSectionStyle0;

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

@@ -77,7 +77,7 @@ const SwirlSearch = class {
         const className = index$1.classnames("search", `search--variant-${this.variant}`, {
             "search--disabled": this.disabled,
         });
-        return (index.h(index.Host, { key: 'a7859b9a8a23a03beec4af7ec219d9a95fba1f6c' }, index.h("span", { key: '0d9cbb82a89da665b9948c981ea58fe3b68b32ed', class: className, ref: (el) => (this.iconEl = el) }, index.h("swirl-icon-search", { key: '5ae31832e0eb44154c24b1b80f3f6bb05a9ad1fe', "aria-hidden": "true", class: "search__icon" }), index.h("input", { key: '71f71fb17ce330b0b0c98c202986e89182007086', "aria-disabled": this.disabled ? "true" : undefined, "aria-label": this.label, autoComplete: "off", autoFocus: this.autoFocus, class: "search__input", disabled: this.disabled, id: this.inputId, inputMode: "search", name: this.inputName, onBlur: this.onBlur, onChange: this.onChange, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.input = el), type: "search", value: this.value }), !this.disabled && (index.h("button", { key: '74678e90f90c46c438d15862aefc783f20fc698c', "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, index.h("swirl-icon-cancel", { key: 'dcbc20c37c468c2d243373721fa5ca5868026c48' }))))));
+        return (index.h(index.Host, { key: '389d075ab0e1a8b64d5a9837b208f800ed96fb7e' }, index.h("span", { key: 'a680e9a4ac833a194f4e33611c706319617e8b15', class: className, ref: (el) => (this.iconEl = el) }, index.h("swirl-icon-search", { key: '2530a00f1b68533c6401fc6e7cc59b01c4375f48', "aria-hidden": "true", class: "search__icon" }), index.h("input", { key: '4cb567cd3a777a5889efa8ef97c01925c1d8c549', "aria-disabled": this.disabled ? "true" : undefined, "aria-label": this.label, autoComplete: "off", autoFocus: this.autoFocus, class: "search__input", disabled: this.disabled, id: this.inputId, inputMode: "search", name: this.inputName, onBlur: this.onBlur, onChange: this.onChange, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.input = el), type: "search", value: this.value }), !this.disabled && (index.h("button", { key: '63fabcdc6a280343ec3cd4913b5c890bc2338e07', "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, index.h("swirl-icon-cancel", { key: 'bf66195b51104ad436f897b6c669448b36a63631' }))))));
     }
 };
 SwirlSearch.style = SwirlSearchStyle0;

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

@@ -137,11 +137,11 @@ const SwirlSelect = class {
             "select--search-loading": this.searchLoading,
             "select--standalone": this.standalone,
         });
-        return (index.h(index.Host, { key: '8d5f020e1f8b4525f41d9a4d54c5c078c3b34dbc', onKeyDown: this.onKeyDown }, index.h("div", { key: '326c89fc4fd6f695ebecf9fd4d8a176e39e99cc6', class: className }, index.h("swirl-popover-trigger", { key: '2489253d534820bb38ce3e8ded4748709fa8cea8', swirlPopover: this.swirlPopover, setAriaAttributes: false }, index.h("swirl-stack", { key: '7943a14d1dd28cdf71a0cfcbc604d4abd03c42ec', class: "select__value-container" }, this.standalone && (index.h("span", { key: '9d67dc1ea049598f08e4743f6c324bcfd88a35f6', "aria-hidden": "true", class: "select__resize-helper" }, label)), index.h("input", { key: '6f0c2218f6a1d147b25853a2d93bd2761956389e', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, class: "select__input", disabled: this.disabled, readOnly: true, ref: (el) => (this.input = el), type: "text", value: label }))), index.h("span", { key: '6604f44b17737461681e0e12fad10d2e2f5660c2', class: "select__multi-select-values" }, this.value
+        return (index.h(index.Host, { key: '36e293bc626559ad27174dfe4661b4a404da5462', onKeyDown: this.onKeyDown }, index.h("div", { key: '665d3320402879c47ebccd9d39957ad23ce4835f', class: className }, index.h("swirl-popover-trigger", { key: '13167f642ad261110b11ec8a4915a789251c82a8', swirlPopover: this.swirlPopover, setAriaAttributes: false }, index.h("swirl-stack", { key: 'b6cc758e121b0953969edc988207ba9d79ed2dbd', class: "select__value-container" }, this.standalone && (index.h("span", { key: '9301a8493278907410d8788f6de81aec4e6f0397', "aria-hidden": "true", class: "select__resize-helper" }, label)), index.h("input", { key: '86780b569dcd87646149d0d1ed2b5d9d7a3d6d09', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, class: "select__input", disabled: this.disabled, readOnly: true, ref: (el) => (this.input = el), type: "text", value: label }))), index.h("span", { key: 'b564ba8144fbe4cd177eff7204c565d0dfc05716', class: "select__multi-select-values" }, this.value
             ?.map((value) => this.options.find((option) => option.value === value))
             ?.map((option) => (index.h("swirl-tag", { "aria-hidden": "true", label: option?.label,
             // eslint-disable-next-line react/jsx-no-bind
-            onRemove: () => this.unselectOption(option?.value), removable: !this.disabled && this.allowDeselect && !option?.disabled })))), index.h("span", { key: 'f7cb16a8c5ce4ab9524fb0e7339e7b3c9e9ecbf1', class: "select__indicator" }, this.open ? (index.h("swirl-icon-expand-less", { size: this.standalone ? 20 : 24 })) : (index.h("swirl-icon-expand-more", { size: this.standalone ? 20 : 24 }))), index.h("swirl-popover", { key: 'b4cd323d73814135d1533bf7592c7dc805f09f2e', animation: "scale-in-y", class: "select__popover", id: `select-options-${this.selectId}`, label: this.label, offset: offset, onPopoverClose: this.onClose, onPopoverOpen: this.onOpen, ref: (el) => (this.swirlPopover = el), useContainerWidth: this.standalone ? false : "swirl-form-control" }, this.withSearch && (index.h("div", { key: '22f684b3495935639923b552dc664a43477ed92d', class: "select__search" }, index.h("swirl-icon-search", { key: '1000c2cfb0613076444fa5979d4275b8050206ca', class: "select__search-icon", size: 20 }), index.h("input", { key: '433befcf4ad4d01c3057bac2668002fec7af30e2', "aria-label": this.searchInputLabel, class: "select__search-input", onInput: this.onSearchInput, placeholder: this.searchPlaceholder, ref: (el) => (this.searchInput = el), type: "search" }), this.searchLoading && (index.h("swirl-spinner", { key: '15913f5dcd42fc9877b85ec070faac22eb34067a', class: "select__search-spinner", size: "s" })))), index.h("swirl-option-list", { key: '55378c5d78506bba3faa3e7996bc4db36a900b4e', allowDeselect: this.allowDeselect, onValueChange: this.select, multiSelect: this.multiSelect, ref: (el) => (this.optionList = el), value: this.value }, !this.searchLoading && (index.h("div", { key: '741d5f2a41708ced184e3fb50e2d01ffb4029c22', "aria-disabled": "true", class: "select__empty-list-label", role: "option" }, index.h("swirl-text", { key: '18a676805160ee3e042760d36a7502f1d0ae41a6', color: "subdued", weight: "medium" }, this.emptyListLabel))), index.h("slot", { key: 'ddf13b6c7609b92bd2e00b205386d935f66dda16', onSlotchange: this.onSlotChange }))))));
+            onRemove: () => this.unselectOption(option?.value), removable: !this.disabled && this.allowDeselect && !option?.disabled })))), index.h("span", { key: '8d106bb826321885383ae1566860aba995e2f505', class: "select__indicator" }, this.open ? (index.h("swirl-icon-expand-less", { size: this.standalone ? 20 : 24 })) : (index.h("swirl-icon-expand-more", { size: this.standalone ? 20 : 24 }))), index.h("swirl-popover", { key: '12097a539df40dcc84efb7cfc875f1fb34edcb51', animation: "scale-in-y", class: "select__popover", id: `select-options-${this.selectId}`, label: this.label, offset: offset, onPopoverClose: this.onClose, onPopoverOpen: this.onOpen, ref: (el) => (this.swirlPopover = el), useContainerWidth: this.standalone ? false : "swirl-form-control" }, this.withSearch && (index.h("div", { key: '07334879b1020ad3ca49f6d185fb074d273718ee', class: "select__search" }, index.h("swirl-icon-search", { key: '6bf9c7aa3aacd4f12cb1e7b39d90ac1b293d287b', class: "select__search-icon", size: 20 }), index.h("input", { key: '081a8716aaf8c401f845f95376b75b48ece0373e', "aria-label": this.searchInputLabel, class: "select__search-input", onInput: this.onSearchInput, placeholder: this.searchPlaceholder, ref: (el) => (this.searchInput = el), type: "search" }), this.searchLoading && (index.h("swirl-spinner", { key: 'd0d536c3cdbb3c22538ce1ddb133013699496133', class: "select__search-spinner", size: "s" })))), index.h("swirl-option-list", { key: '30aa932d0538dcdd4e8cb413d388d69f8bcc57b0', allowDeselect: this.allowDeselect, onValueChange: this.select, multiSelect: this.multiSelect, ref: (el) => (this.optionList = el), value: this.value }, !this.searchLoading && (index.h("div", { key: 'ba986623ebe6161a8ea35b62181a51982d0aaa01', "aria-disabled": "true", class: "select__empty-list-label", role: "option" }, index.h("swirl-text", { key: 'edaa4343a05f05cc282fcbe4749b8767fe651f67', color: "subdued", weight: "medium" }, this.emptyListLabel))), index.h("slot", { key: 'd38f51f695b2daa3a4ae86019467155a4adf27e9', onSlotchange: this.onSlotChange }))))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -211,25 +211,25 @@ const SwirlShellLayout = class {
             "shell-layout--sidebar-scrollable": this.sidebarScrollState.scrollable,
             "shell-layout--sidebar-scrolled-to-top": this.sidebarScrollState.scrolledToTop,
         });
-        return (index.h(index.Host, { key: 'e908f6f843fe1fc618d4bfc5442f5d92932a51ed' }, index.h("div", { key: 'fffa0e733c02680c38ca6e80d3c31ded7d64104d', class: className }, index.h("header", { key: 'cf79d6101b43910373e68520a179bfb0780e0628', class: "shell-layout__header", "data-tauri-drag-region": "true" }, index.h("button", { key: '18b810510746f0026ab74a005ce591547f1ee4f2', class: "shell-layout__skip-link", onClick: this.skipLinkClick.emit, type: "button" }, this.skipLinkLabel), index.h("div", { key: '274bae8d15a72534017e23f323459706a104c4d9', class: "shell-layout__header-left" }, index.h("swirl-tooltip", { key: 'e6405f1cd13dd2a45082a2684e0f113720348b59', content: this.navigationCollapsed
+        return (index.h(index.Host, { key: '3813dfb13a968daebbb61edec5a3df9c03096f73' }, index.h("div", { key: 'f7db2aad0a984a9e20654034c39de9a4725f11c1', class: className }, index.h("header", { key: '2e225c8892617d77166b181282890c5bc715fc39', class: "shell-layout__header", "data-tauri-drag-region": "true" }, index.h("button", { key: 'b6ac3f9f8c892ca3d68200d7f000c0d59cc55377', class: "shell-layout__skip-link", onClick: this.skipLinkClick.emit, type: "button" }, this.skipLinkLabel), index.h("div", { key: '08c789a55ed574f16d6e6865610dee38474f497b', class: "shell-layout__header-left" }, index.h("swirl-tooltip", { key: 'be592355d3a407ffe6e2c91917047b43fc778d6d', content: this.navigationCollapsed
                 ? this.expandNavigationButtonLabel
-                : this.collapseNavigationButtonLabel, delay: 100, position: "right" }, index.h("button", { key: '57147e830af282e938ac82df6dd3f8d4c0d1fa6e', class: "shell-layout__header-tool", onClick: this.onNavigationToggleClick, type: "button" }, this.navigationCollapsed ? (index.h("swirl-icon-dock-left-expand", { size: 20 })) : (index.h("swirl-icon-dock-left-collapse", { size: 20 })), index.h("swirl-visually-hidden", { key: '9e028327db1dd7b5a676efa474b17fad13f1e6fd' }, this.navigationCollapsed
+                : this.collapseNavigationButtonLabel, delay: 100, position: "right" }, index.h("button", { key: '4b6ddda428c674336715d9ce963a9c4d0d90a0dc', class: "shell-layout__header-tool", onClick: this.onNavigationToggleClick, type: "button" }, this.navigationCollapsed ? (index.h("swirl-icon-dock-left-expand", { size: 20 })) : (index.h("swirl-icon-dock-left-collapse", { size: 20 })), index.h("swirl-visually-hidden", { key: '0868e03328af5d0844508cc18b254c0fa46beddb' }, this.navigationCollapsed
             ? this.expandNavigationButtonLabel
-            : this.collapseNavigationButtonLabel))), index.h("a", { key: '7e5afe0ec636f236e001757f29daaf9ef7019879', class: "shell-layout__header-tool", href: "javascript:history.back()" }, index.h("swirl-icon-arrow-back", { key: 'ab078134b382d636ab5f33b895af3e68c258a933', size: 20 }), index.h("swirl-visually-hidden", { key: '6bc5d9721f351a943e915fc1c7082bad72924edd' }, this.browserBackButtonLabel)), index.h("a", { key: 'c75557ab59e36cb52e4a631eeef350551ddd7b9f', class: "shell-layout__header-tool", href: "javascript:history.forward()" }, index.h("swirl-icon-arrow-forward", { key: '26b1ab3f52c521f0f957a1c043e9114f65e38b2a', size: 20 }), index.h("swirl-visually-hidden", { key: '2d08d13c7caae63a206c5d4264db41d7f7053344' }, this.browserForwardButtonLabel)), index.h("slot", { key: '831b014f2986e677cdb2c0892a9ce15c8d68b5da', name: "left-header-tools" })), index.h("div", { key: '3eb3d4017b686329d347576a83eab3236248f0a8', class: "shell-layout__logo" }, index.h("slot", { key: '64f773ab04b517963098e1a21f7236449749dc83', name: "logo" })), index.h("div", { key: '0baed4b6b636a4f759078b41786d606cbd94aaf4', class: "shell-layout__header-right" }, index.h("slot", { key: '31d32f55e8e69778386f6749e785a69612cf8fd1', name: "right-header-tools" }), index.h("button", { key: '7470da08ab5e76d9c5934cd30d41b625334e39ee', class: "shell-layout__header-tool shell-layout__sidebar-toggle", onClick: this.sidebarToggleClick.emit, type: "button" }, index.h("swirl-icon", { key: '7046da43b7df60dca7b24bfb1a99d5c444396e99', glyph: this.sidebarToggleIcon, size: 20 }), index.h("swirl-visually-hidden", { key: '2d1dec2ff0d2ddd2b0e3bd4c0f1566719f02bf6b' }, this.sidebarToggleLabel), this.sidebarToggleBadge && (index.h("swirl-badge", { key: 'c6dd52056e5560a5bb9dfbb7ac4bd639cf365f2f', "aria-label": this.sidebarToggleBadgeAriaLabel, label: !hasSidebarToggleBadgeWithLabel
+            : this.collapseNavigationButtonLabel))), index.h("a", { key: '909e295df33b5d2c0f32558b125602ff1f14a586', class: "shell-layout__header-tool", href: "javascript:history.back()" }, index.h("swirl-icon-arrow-back", { key: 'bd2bb63cc26c061a69a0c09dbb755f00cd72943c', size: 20 }), index.h("swirl-visually-hidden", { key: '54ce77cfcb73711affe69268672ee93a6318a872' }, this.browserBackButtonLabel)), index.h("a", { key: 'be375a0cf1d9d0fae421b760718e33012eb5ba57', class: "shell-layout__header-tool", href: "javascript:history.forward()" }, index.h("swirl-icon-arrow-forward", { key: 'ce0dadec167e1e54b43b036c080358b1592dc73c', size: 20 }), index.h("swirl-visually-hidden", { key: '4cc022e799bb5a7c8ee3938395fbcd1f4d6ffb1f' }, this.browserForwardButtonLabel)), index.h("slot", { key: '3da91e0f22123bac259c2534c96ce86284f18fff', name: "left-header-tools" })), index.h("div", { key: '7e9395c2ed57c77b57811e7beca7e28bba7466c7', class: "shell-layout__logo" }, index.h("slot", { key: '3e5ff7f8a7e760c115009f6ec05bf53d92e934dc', name: "logo" })), index.h("div", { key: '0813e9308f92d885413f5b085dbb53e7a9cbafb2', class: "shell-layout__header-right" }, index.h("slot", { key: '0460cbe7effce5661f1e3531ecbf3c599c064a81', name: "right-header-tools" }), index.h("button", { key: '6a3414ec53490be587907e6632b4fcff878f61da', class: "shell-layout__header-tool shell-layout__sidebar-toggle", onClick: this.sidebarToggleClick.emit, type: "button" }, index.h("swirl-icon", { key: 'cf45c3f593773cb0def97dbdf9645f7d636a70ac', glyph: this.sidebarToggleIcon, size: 20 }), index.h("swirl-visually-hidden", { key: '69093d10cde4cee45160f9e7733139d42e2d9279' }, this.sidebarToggleLabel), this.sidebarToggleBadge && (index.h("swirl-badge", { key: '10d3330c73f5fb9ce8f40e72791b03f6bcbbf126', "aria-label": this.sidebarToggleBadgeAriaLabel, label: !hasSidebarToggleBadgeWithLabel
                 ? this.sidebarToggleBadgeAriaLabel
-                : String(this.sidebarToggleBadge), size: "xs", variant: !hasSidebarToggleBadgeWithLabel ? "dot" : "default" }))), index.h("slot", { key: '607d9f3f059d90469367d095490addb41f7a2c41', name: "avatar" }))), index.h("div", { key: 'e1a6a8ec87730f4e9a47abfa1abc72d73ec1bd33', class: "shell-layout__mobile-nav-backdrop", onClick: this.onNavigationClick }), index.h("nav", { key: '19c04eea10074c7976fcd65ddd86e86fef1067ca', "aria-labelledby": "main-navigation-label", class: "shell-layout__nav", onClick: this.onNavigationClick, ref: (el) => (this.navElement = el) }, index.h("div", { key: '7cc2b0d9d53044acab842255516937aff486528b', class: "shell-layout__mobile-header" }, index.h("slot", { key: '15c1eea6fde49fbdb439fa2f56e3719fc9798134', name: "mobile-logo" }), index.h("div", { key: '56ab697e928628a4ffebbb5683793564b54c8f52', class: "shell-layout__mobile-header-tools" }, index.h("slot", { key: '21bbe2b2321994b0d4d9e92f5d299b177cef0dcb', name: "mobile-header-tools" }), index.h("button", { key: '8108c565a21284ec9cefa4f747e2010c55b4021a', class: "shell-layout__header-tool", type: "button" }, index.h("swirl-icon-double-arrow-left", { key: '5223d2de46214ef51bcb1da71fb7660d70d749e1', size: 20 }), index.h("swirl-visually-hidden", { key: '3513bb5cf936b15f383da873679307db9a225a5f' }, this.hideMobileNavigationButtonLabel)))), index.h("div", { key: '27b8a63eac999d91a9bdd682c5df30e90e344ad8', class: "shell-layout__nav-body" }, index.h("swirl-visually-hidden", { key: '4da3da90d934cff6df88743b59b1623e564f18da' }, index.h("span", { key: '18565ee4145a5b83e5dd245d2e5c365df5d7c9c8', id: "main-navigation-label" }, this.navigationLabel)), index.h("slot", { key: 'e1f3ce3fa0e25f7ff6c59e633aaff9ce2d281ef9', name: "nav", onSlotchange: this.collectNavItems }), index.h("div", { key: '45a6ac70987f0bd998d80709ac304e0aef7615ab', class: "shell-layout__secondary-nav" }, index.h("swirl-separator", { key: '39d3fe69145562e0510ee2993be40cb7f4269e82', color: "strong", spacing: "16" }), this.enableSecondaryNavGridLayout && (index.h("swirl-box", { key: '219804ff2ecdcbd896e0aa1bc6fb534d7b1fceb3', paddingBlockEnd: "16" }, index.h("swirl-stack", { key: '2bfa64afe2dc979e61e6f6b5a7d9062d7ad4c68e', justify: mainNavCollapsed ? "center" : "space-between", orientation: "horizontal" }, index.h("swirl-button", { key: '284fdb3ccf8a04e439502024253fd53c539e9434', hideLabel: mainNavCollapsed, icon: this.secondaryNavCollapsed
+                : String(this.sidebarToggleBadge), size: "xs", variant: !hasSidebarToggleBadgeWithLabel ? "dot" : "default" }))), index.h("slot", { key: '8734b1514739c8fdffbcc21e2a2159027cf4ad89', name: "avatar" }))), index.h("div", { key: '6579b84eb5a3e41d57b1e8868de216884f1722b4', class: "shell-layout__mobile-nav-backdrop", onClick: this.onNavigationClick }), index.h("nav", { key: '1e2839e01d10428e45c2e25992150320957c0730', "aria-labelledby": "main-navigation-label", class: "shell-layout__nav", onClick: this.onNavigationClick, ref: (el) => (this.navElement = el) }, index.h("div", { key: '78bd6a9fa49d2dc2a24de26c98360e5a3d016832', class: "shell-layout__mobile-header" }, index.h("slot", { key: 'be4eed743273e0f447e4690a64cefd0137a414f2', name: "mobile-logo" }), index.h("div", { key: '4bae59b6fe452788d37b7e1640543cb70d431b5e', class: "shell-layout__mobile-header-tools" }, index.h("slot", { key: '6079171fecc23f5d8208f3a57b43227e2c5eb255', name: "mobile-header-tools" }), index.h("button", { key: '4b9097d7d03e166da6e0ae315033884d587b0025', class: "shell-layout__header-tool", type: "button" }, index.h("swirl-icon-double-arrow-left", { key: '41cb70f2624c1f1da4ab7faa59ba4966e913937e', size: 20 }), index.h("swirl-visually-hidden", { key: '39b3ac20459f86ec5fed7bdf8c94df6e178bcce1' }, this.hideMobileNavigationButtonLabel)))), index.h("div", { key: '5720e5e1efdbfefcc0df7bd230d617d52a7b2808', class: "shell-layout__nav-body" }, index.h("swirl-visually-hidden", { key: 'a6e75f3a55429b8f37d1dc2860513db2d9a6a64a' }, index.h("span", { key: 'a92fda5960835c3b689c9d4306d988b1948bdaf0', id: "main-navigation-label" }, this.navigationLabel)), index.h("slot", { key: '8ef481416dba0186a1e021f9ac73bf652c4e18f1', name: "nav", onSlotchange: this.collectNavItems }), index.h("div", { key: 'a31c52de4df3e7ef7a4f25ed1fca102b1dd68f36', class: "shell-layout__secondary-nav" }, index.h("swirl-separator", { key: 'f74b0ae7d510c8d58c7a78e1f5f78f8757d9171d', color: "strong", spacing: "16" }), this.enableSecondaryNavGridLayout && (index.h("swirl-box", { key: '366ce5e0487cd7d934cee95d2e911e51ec633c43', paddingBlockEnd: "16" }, index.h("swirl-stack", { key: '6be7e5ea64c8793287f049f71347d19a9b3e488e', justify: mainNavCollapsed ? "center" : "space-between", orientation: "horizontal" }, index.h("swirl-button", { key: 'c9c6f9e8c5d65dadd8eb22e69cb3b9b794c994c9', hideLabel: mainNavCollapsed, icon: this.secondaryNavCollapsed
                 ? "<swirl-icon-expand-more></swirl-icon-expand-more>"
                 : "<swirl-icon-expand-less></swirl-icon-expand-less>", label: this.secondaryNavCollapsed
                 ? this.secondaryNavExpandLabel
-                : this.secondaryNavCollapseLabel, onClick: this.toggleSecondaryNavCollapse, variant: "plain" }), !mainNavCollapsed && !this.secondaryNavCollapsed && (index.h("swirl-button", { key: 'd2735174ff86d8d88c6474fcb03011acad82c2b2', icon: this.secondaryNavView === "grid"
+                : this.secondaryNavCollapseLabel, onClick: this.toggleSecondaryNavCollapse, variant: "plain" }), !mainNavCollapsed && !this.secondaryNavCollapsed && (index.h("swirl-button", { key: '5bd4e55c3c10f1a3f358ccd446d6b8786ef4e16f', icon: this.secondaryNavView === "grid"
                 ? "<swirl-icon-menu></swirl-icon-menu>"
                 : "<swirl-icon-hamburger-menu></swirl-icon-hamburger-menu>", iconPosition: "end", label: this.secondaryNavView === "grid"
                 ? this.gridNavLayoutToggleLabel
-                : this.listNavLayoutToggleLabel, onClick: this.toggleSecondaryNavView, variant: "plain" }))))), index.h("div", { key: 'eb85ec9e77fb279f759b74713201bd99c099b7ef', class: {
+                : this.listNavLayoutToggleLabel, onClick: this.toggleSecondaryNavView, variant: "plain" }))))), index.h("div", { key: '5855943cb6a88c71b0dddff8de6817e842e187dc', class: {
                 "shell-layout__secondary-nav-items": true,
                 "shell-layout__secondary-nav-items--grid-view": this.enableSecondaryNavGridLayout &&
                     (this.secondaryNavView === "grid" || mainNavCollapsed),
-            } }, index.h("slot", { key: '572a66b7dd7964dfc93c978cb93edfbebbbe845a', name: "secondary-nav", onSlotchange: this.collectNavItems }))))), index.h("main", { key: '65d0bc49263500add3ea6a33d1731f4795ac93d8', class: "shell-layout__main", id: "main-content" }, index.h("slot", { key: '919070ffd2cd0d145dea8f4e72a34d288394af90' })), index.h("aside", { key: '1607a2e65f03a8dfecc4df654891e1bbae6d1c12', class: "shell-layout__sidebar", inert: this.sidebarActive ? undefined : true }, index.h("div", { key: '560e0f06c794b4e977ee0b9d0608ba255cb2d75f', class: "shell-layout__sidebar-body" }, index.h("div", { key: 'eb76e08b002f8c501eca7aa1af73206f7fd6c52d', class: "shell-layout__sidebar-app-bar" }, index.h("slot", { key: '4abe7b5eac04e73ccc0b776fc1d43c2b15cd347b', name: "sidebar-app-bar" })), index.h("div", { key: '0ae381a2c5700ee5546e6d97082468df2f5e4066', class: "shell-layout__sidebar-content", onScroll: this.onSidebarScroll, ref: (el) => (this.sidebarContentEl = el) }, index.h("slot", { key: '6ded266083d2d70d9f301016a26dbb8dd67ff451', name: "sidebar" })))))));
+            } }, index.h("slot", { key: 'd69f19ee906b1fd5c20b04bde6e049248ab8a905', name: "secondary-nav", onSlotchange: this.collectNavItems }))))), index.h("main", { key: 'c090fe6266c6b5a3ef58a69ad80cf115b1c0d2d5', class: "shell-layout__main", id: "main-content" }, index.h("slot", { key: '8b665e8aa7388674e4d778b3e1c2a108aa718c7b' })), index.h("aside", { key: '292b43113bae4e3c286d094967468a099f79ab0a', class: "shell-layout__sidebar", inert: this.sidebarActive ? undefined : true }, index.h("div", { key: '441a308ccb9a729ef3803f502d3c931c5b474c0f', class: "shell-layout__sidebar-body" }, index.h("div", { key: 'ebb07b0b90a563157ee8e209ab43e1be72c436a4', class: "shell-layout__sidebar-app-bar" }, index.h("slot", { key: '504b97ecc2d0b9f06ea6a0f195f94b96ddc11335', name: "sidebar-app-bar" })), index.h("div", { key: 'bfd6b08c29abdbfced345b3c7313e31803058389', class: "shell-layout__sidebar-content", onScroll: this.onSidebarScroll, ref: (el) => (this.sidebarContentEl = el) }, index.h("slot", { key: '8ed2d352d838f104e83f629ef2a0af0f1c1d00de', name: "sidebar" })))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -37,7 +37,7 @@ const SwirlShellNavigationItem = class {
         });
         const isLink = Boolean(this.href);
         const Tag = isLink ? "a" : "button";
-        return (index.h(index.Host, { key: 'bd32bf0201b49b02c662883c7076db2089e67735' }, index.h("swirl-tooltip", { key: 'be244fc09bb9bdc2f6007c8c8ab6e6ffcb2fb0ba', active: this.hideLabel, content: this.label, delay: 100, position: "right", positioning: "fixed" }, index.h(Tag, { key: 'ae7ec6c81a060514a60ae806c0c5add495865c3c', class: tagClassNames, href: this.href, target: this.target, type: isLink ? undefined : "button" }, index.h("span", { key: '9d7ffd440141773960fe472ef569dfc27284ac2a', class: "shell-navigation-item__icon" }, index.h("slot", { key: 'e26f718fb90678c20d26ae2bffb100d2b88b2ba4', name: "icon" })), !this.hideLabel ? (index.h("span", { class: labelClassNames }, this.label)) : (index.h("swirl-visually-hidden", null, index.h("span", { class: labelClassNames }, this.label))), this.badgeLabel !== undefined && this.badgeLabel !== null && (index.h("swirl-badge", { key: '30c17677a3e3a6bfe24e2ef5f481fd3a4075db74', "aria-label": this.badgeLabel, class: index$1.classnames("shell-navigation-item__badge", {
+        return (index.h(index.Host, { key: 'ccd362e11a278a8651bb56df53b0bd0073b1493b' }, index.h("swirl-tooltip", { key: '4f221a270f73976414dcacffdecfb4c4fd62668c', active: this.hideLabel, content: this.label, delay: 100, position: "right", positioning: "fixed" }, index.h(Tag, { key: 'd6bbad585ba324afa4d9b71da3152c81d67cf836', class: tagClassNames, href: this.href, target: this.target, type: isLink ? undefined : "button" }, index.h("span", { key: '381459d9a4f49174ad9fc5e83425e9084d80d45f', class: "shell-navigation-item__icon" }, index.h("slot", { key: '9e227f7aaf4685d0d4ab25b26220398ce5049780', name: "icon" })), !this.hideLabel ? (index.h("span", { class: labelClassNames }, this.label)) : (index.h("swirl-visually-hidden", null, index.h("span", { class: labelClassNames }, this.label))), this.badgeLabel !== undefined && this.badgeLabel !== null && (index.h("swirl-badge", { key: '9cc03c515cf828e1b6debd91698ce9edb0c4505b', "aria-label": this.badgeLabel, class: index$1.classnames("shell-navigation-item__badge", {
                 "shell-navigation-item__badge--dot": this.badgeLabel === "",
             }), label: this.badgeLabel, size: "xs", variant: this.badgeLabel === "" ? "dot" : "default" }))))));
     }