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

@getflip/swirl-components 0.278.0 → 0.280.0

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

Files changed (1620) hide show

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

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

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

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

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

@@ -278,7 +278,7 @@ const SwirlMenu = class {
             "menu--mobile": this.mobile,
             "menu--root": isTopLevelMenu,
         });
-        return (index.h(index.Host, { key: 'ad5278a75991a60edde46ef33ec740d8f5ab5126' }, index.h("div", { key: 'f24f0eef27d4c54b68eab1489cd31ec861982273', class: className }, this.mobile && isTopLevelMenu && (index.h("div", { key: '6d5e197437ad2f4be06427a5bbdf8c7defca364c', class: "menu__mobile-header" }, this.activeLevel === 0 && (index.h("swirl-button", { key: 'c52d082a7801ca6dd4abf05443d9a48d8ef7b7f2', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" })), this.activeLevel > 0 && (index.h("swirl-button", { key: '42d9b15a8e77b9c2eb6c73dc5ca7ae2f776c3f87', hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" })), index.h("span", { key: '13f0b9c50fd2c4a4fe0ca7a625d0914a42668640', class: "menu__title", id: "menu-title" }, index.h("swirl-heading", { key: 'd33cf2865aa2016b30e5178524c55848b5cc9385', align: "center", as: "span", level: 4, text: this.label, truncate: true })), index.h("swirl-button", { key: 'c87d807127004609099b1d19207cb129e22148a9', class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone }))), index.h("div", { key: '323fab0d6277f781ead37e07c331e13c2e63401b', "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-orientation": "vertical", class: "menu__menu", onKeyDown: this.onKeyDown, ref: (el) => (this.menuContainer = el), role: role, style: !this.mobile && this.level > 0
+        return (index.h(index.Host, { key: '871e162e3b3f261be6a9c8a0426d65f7abe50f25' }, index.h("div", { key: '01d3b2e0ffa7a55cda07a477f95fe4014685ff7e', class: className }, this.mobile && isTopLevelMenu && (index.h("div", { key: '8927be3673d2db5cba405199f833cd7aabbb8610', class: "menu__mobile-header" }, this.activeLevel === 0 && (index.h("swirl-button", { key: '4d4ee3f8485470270ae59c9635b96ebddb2d44ee', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" })), this.activeLevel > 0 && (index.h("swirl-button", { key: 'f4c63de9a83fe17567371528cff256228a12dd25', hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" })), index.h("span", { key: 'c241e0b1573f5c96f570017ed2b9ac4a3361e89c', class: "menu__title", id: "menu-title" }, index.h("swirl-heading", { key: '78f3377166d291981bf076ae448278877a6288ba', align: "center", as: "span", level: 4, text: this.label, truncate: true })), index.h("swirl-button", { key: 'dddf25259fa3495d9c16f9e2155fb1b69ecebb80', class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone }))), index.h("div", { key: '04b4e0e348861cee0a34727850e69439a5c6b402', "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-orientation": "vertical", class: "menu__menu", onKeyDown: this.onKeyDown, ref: (el) => (this.menuContainer = el), role: role, style: !this.mobile && this.level > 0
                 ? {
                     top: Boolean(this.position) ? `${this.position?.y}px` : "",
                     left: Boolean(this.position) ? `${this.position?.x}px` : "",
@@ -289,7 +289,7 @@ const SwirlMenu = class {
                             ? `calc(-100% * ${this.activeLevel})`
                             : "100%",
                     }
-                    : undefined }, index.h("slot", { key: 'e66e98040cbd6fd0c3a83576d827f7ef9df93e2b' })))));
+                    : undefined }, index.h("slot", { key: '894ca7c7b59993da2caecc103e14a166df1c60f2' })))));
     }
     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: 'd033f0c1406706e17273c53722f695056ec020ef' }, index.h("section", { key: 'ac17a86296c2851b0657c648746a90889c9ecfda', "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: className, onKeyDown: this.onKeyDown, role: "dialog", ref: (el) => (this.modalEl = el) }, index.h("div", { key: '761720b16e6569e4d987f974947b5e2611e43fcd', class: "modal__backdrop", onClick: this.onBackdropClick }), index.h("div", { key: '0141dba284827e673f0d359bf954a5ba038f00ab', class: "modal__body", style: {
+        return (index.h(index.Host, { key: '59bb0f17c4f2e60c77575cf02823626e631c9e6b' }, index.h("section", { key: '0c31064fe837a46bdfc50f744770039fc878359a', "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: className, onKeyDown: this.onKeyDown, role: "dialog", ref: (el) => (this.modalEl = el) }, index.h("div", { key: 'f45ad45df2a06d53c1c5cba852b652e31760ef03', class: "modal__backdrop", onClick: this.onBackdropClick }), index.h("div", { key: '9a3485ea35b08428ab58fef765f4497b75bef734', class: "modal__body", style: {
                 "--swirl-modal-max-height": this.maxHeight,
                 "--swirl-modal-height": this.height,
                 minHeight: this.minHeight,
                 maxWidth: this.maxWidth,
-            } }, index.h("header", { key: '69459b29420d96b9ba4d4f2436c3797a3124a7d3', class: "modal__custom-header" }, index.h("slot", { key: '104aaeb9c9db217a1e618e47711199414142cb8b', name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && (index.h("header", { key: '507ef90230648a0e442287cd2f54869e6cfa0eef', class: "modal__header" }, index.h("div", { key: 'f5857feebe80b246582bf7bf87d6d47e49f9b952', class: "modal__header-bar" }, !this.hideCloseButton && (index.h("swirl-button", { key: '18ac7b39aad9fb3bc8d31e4c8b4a4bb44a05b2fb', class: "modal__close-button", hideLabel: true, icon: this.variant === "default"
+            } }, index.h("header", { key: 'abc085e2e7b8964e7400d67dac99fe5c81470d00', class: "modal__custom-header" }, index.h("slot", { key: '211d44847186a221263a6930a12f72b3fb92ff45', name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && (index.h("header", { key: '3d8c94ddbd3e4b15c41c67a15559948b3f207ac8', class: "modal__header" }, index.h("div", { key: '42f998e77ea2f2bffde4be10b184bc2b7fd4f275', class: "modal__header-bar" }, !this.hideCloseButton && (index.h("swirl-button", { key: 'ff3a001411f87b58a7757e049c15802b8f6001a4', class: "modal__close-button", hideLabel: true, icon: this.variant === "default"
                 ? "<swirl-icon-close></swirl-icon-close>"
-                : "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick })), !this.hideLabel && (index.h("swirl-heading", { key: 'e20cd79a5e818f55e3f69c7f32fea9846df85dac', as: "h2", class: "modal__heading", level: 3, text: this.label }))))), index.h("div", { key: 'df671cb6a1dea04457c2efcd01834b8019bedfd8', class: "modal__content-container", style: {
+                : "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick })), !this.hideLabel && (index.h("swirl-heading", { key: '0bb0418d9f1524921a556d5888f6795be95a9942', as: "h2", class: "modal__heading", level: 3, text: this.label }))))), index.h("div", { key: '735da7ca7911404a453362feaf169a3c15023f54', class: "modal__content-container", style: {
                 gap: this.contentGap
                     ? `var(--s-space-${this.contentGap})`
                     : undefined,
-            } }, index.h("div", { key: 'e2bbde38ff82eab2155d10de74b8a42367600727', class: "modal__primary-content", style: {
+            } }, index.h("div", { key: 'cda8107e32fe2f331d65906510b294ae66dc7abe', class: "modal__primary-content", style: {
                 maxWidth: this.primaryContentMaxWidth,
                 flex: this.primaryContentFlex,
-            } }, index.h("div", { key: 'b2de29bd69871d147fc36b7492415c396fb1648a', class: "modal__header-tools" }, index.h("slot", { key: '2fc61ca6e9abe1b64454e98b107aebfc4749a4e1', name: "header-tools" })), index.h("div", { key: '2f061d28cd5f0bd4decdaa52a03d1ea0efa5fc52', class: "modal__content", onScroll: this.determineScrollStatus, ref: (el) => (this.scrollContainer = el) }, index.h("slot", { key: '0874783375b78fc086476d5b225f0b4ae2b3e0fe' }))), index.h("div", { key: 'fb7c231c2f7fb23496abaca8cbdabcaca8a2f5d7', class: "modal__secondary-content", style: {
+            } }, index.h("div", { key: '5a597a80b7de25a74e4d215c26444abe6efbcb02', class: "modal__header-tools" }, index.h("slot", { key: 'ae5385cbb22afa2048b91d0697733b404a487d8e', name: "header-tools" })), index.h("div", { key: '82ffe6da927ed8fc5167f8aa738dc6058d76e4f7', class: "modal__content", onScroll: this.determineScrollStatus, ref: (el) => (this.scrollContainer = el) }, index.h("slot", { key: 'f6cac69b194055b59cff5f556d043763c2d7c5cd' }))), index.h("div", { key: '0b4791c0bf3b31c34e8808f75938be5c2a0a01ad', 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: '6ed3a7f8e37ab33046acd79771c2cd0822a3f200', name: "secondary-content" }))), index.h("div", { key: 'e19e516962ea0ed06cce4ced0ac2733c1339a138', class: "modal__custom-footer" }, index.h("slot", { key: '9e4f0b146ff3ae13ed78ad4f23d268d76edcf9c2', name: "custom-footer" })), showControls && (index.h("footer", { key: '3fdf562211374639fec30f8fd36d924aefe14072', class: "modal__controls" }, index.h("swirl-button-group", { key: '2e0b6d4695b362c7b719580f231da797005bf025', wrap: true }, this.secondaryActionLabel && (index.h("swirl-button", { key: 'e70248627158ce0da7fac07e113d78fe1136bd6e', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (index.h("swirl-button", { key: '2e18bb8c251139c5bac5758204218f4a3b4e6c50', intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" })))))))));
+            } }, index.h("slot", { key: '1424f37190233bd4657b815e364c09242f8a5a5b', name: "secondary-content" }))), index.h("div", { key: 'f5affa411b74d5a00cc57c016f396c8bfd82ccea', class: "modal__custom-footer" }, index.h("slot", { key: 'e8818cd0a955b68595d48e9426a8188d662d79c0', name: "custom-footer" })), showControls && (index.h("footer", { key: '4d6f7769b3b05b56ab754be3c09e6fa0a10aebec', class: "modal__controls" }, index.h("swirl-button-group", { key: '3a3c37269c30c68736b7cbe166b4050150e987ec', wrap: true }, this.secondaryActionLabel && (index.h("swirl-button", { key: '5efc5c3383d6333e00a45e912428c0623c2e4925', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (index.h("swirl-button", { key: '178f724035753ad35592a19ef3ceeea7f43c28dd', 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

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

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

@@ -338,7 +338,7 @@ const SwirlOptionList = class {
     render() {
         const ariaMultiselectable = this.multiSelect ? "true" : undefined;
         const tabIndex = Boolean(this.dragging) ? 0 : undefined;
-        return (index.h(index.Host, { key: '271eede297c6038b102cc68c5433a5f6fa943883' }, index.h("swirl-visually-hidden", { key: 'd27f5db7d40dba6419fd73d797ded32c0ad64932', role: "alert" }, this.assistiveText), index.h("div", { key: 'cf4b3ead532155f4866f627a724494e8bfeb7c33', "aria-label": this.label, "aria-multiselectable": ariaMultiselectable, class: "option-list", id: this.optionListId, onClick: this.onClick, onKeyDown: this.onKeyDown, ref: (el) => (this.listboxEl = el), role: "listbox", tabIndex: tabIndex }, index.h("slot", { key: '45272e4bf68f4c26a387a975d57c4405cc9e53c7' }))));
+        return (index.h(index.Host, { key: 'c09257a978e5824fff31f2ebbf4035e75084b383' }, index.h("swirl-visually-hidden", { key: 'd7b2951497207e3327f191ae04ae8c878424ccbd', role: "alert" }, this.assistiveText), index.h("div", { key: 'bdb7ba8848454c49eec7b5341cc05177a4fd692c', "aria-label": this.label, "aria-multiselectable": ariaMultiselectable, class: "option-list", id: this.optionListId, onClick: this.onClick, onKeyDown: this.onKeyDown, ref: (el) => (this.listboxEl = el), role: "listbox", tabIndex: tabIndex }, index.h("slot", { key: '0ff323330f231e906194b840d785e03518acb996' }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -391,7 +391,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: '64674e21ebf168a1e89797134ab38ad8aab16b93' }, index.h("span", { key: 'c739cffb50390acd4be40179ee28dde5df18bb3f', class: className, part: "tag" }, this.icon && (index.h("span", { key: 'c2f8ec350ecc25649905edfde34927a04ec68f66', class: "tag__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), index.h("span", { key: 'cb5f0c9532ae7afb796e4acb68dd0f13b9738392', class: "tag__label" }, this.label), this.removable && (index.h("button", { key: '65111a77d8f9da3af8eb682acb06367f47362b93', "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: 'd83f3b09993d7c639b76a706105ffa1139ffd5df', size: 16 }))))));
+        return (index.h(index.Host, { key: '95d5870924775beac03669d847b98a50961d410e' }, index.h("span", { key: '84a3d54ce98125ea34c72c636ec3cdb1e1b0fbf4', class: className, part: "tag" }, this.icon && (index.h("span", { key: 'e4d1cce127244c451c7689abaf0c7d245fb77ad2', class: "tag__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), index.h("span", { key: 'fa9e7c623b90f9e3a61dad17f2f4c695a385d43d', class: "tag__label" }, this.label), this.removable && (index.h("button", { key: '268ff7b2de842fa24f2bd647ea41e8b89cca1d72', "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: 'b1a595c4d769289c2d7b4795f4d18016266844e7', 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: '71c7d7de001597803570300052ff9620619081ea' }, index.h("nav", { key: '9b2f24fcd2b91a7f8bad7ae50f261db15cdf2c1b', "aria-label": this.label, class: className }, index.h("ul", { key: '2d6f42a7c1bfc312f6d163b61f5fdda23deb0552', class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (index.h("li", { key: '6d520cef14459a30b6adc43297cd886b290f2aac', class: "pagination__list-item" }, index.h("label", { key: '217c1748dbf999a813c0e671c3da0e80d24d6ec9', class: "pagination__page-size-selection" }, index.h("swirl-text", { key: 'a9e693b3ef2b8bed0ac07eda7a8cd9d0a761c759', whiteSpace: "inherit" }, this.pageSizeSelectLabel), index.h("swirl-stack", { key: '7a27524c9fdcb1876de785456ca6fe4ad25483d1', align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, index.h("select", { key: 'd4e353e9356664ee699c77f441cfa48e38c0676a', 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: '39bffeb02a244711e559e0c57a79cc51ab61f858', "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), index.h("li", { key: '093303668f3abbc4ed401858925be7b6c47eaf4a', class: "pagination__list-item" }, index.h("swirl-button", { key: 'f746172b11b9da329b89afeb56a6935f1b721218', class: "pagination__first-page-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-double-arrow-left></swirl-icon-double-arrow-left>", intent: "primary", label: this.firstPageButtonLabel, onClick: this.onFirstPageButtonClick })), index.h("li", { key: '59db9b2c95d5769dcd8cf2b7b04ca9174d1fb8b7', class: "pagination__list-item" }, index.h("swirl-button", { key: '9d335fd4f499c35ef723a08018fda94d1131853b', class: "pagination__prev-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", intent: "primary", label: this.prevButtonLabel, onClick: this.onPrevButtonClick })), showPageLabel ? (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: '28b7f800fd06e96df089193257e261c933c2c17d', class: "pagination__list-item" }, index.h("swirl-button", { key: '793d0e042275f9d1ad24afc588838cb84579a922', class: "pagination__next-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-chevron-right></swirl-icon-chevron-right>", iconPosition: "end", intent: "primary", label: this.nextButtonLabel, onClick: this.onNextButtonClick })), index.h("li", { key: '8f94244375359382e9cdd28353c0ab7d781968ef', class: "pagination__list-item" }, index.h("swirl-button", { key: '1cdb559a332b35bfc561b1d87846f67e8ac70be8', class: "pagination__last-page-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", intent: "primary", label: this.lastPageButtonLabel, onClick: this.onLastPageButtonClick }))))));
+        return (index.h(index.Host, { key: '73ae765ec8dbf588bfc32a4bbd6852291604214e' }, index.h("nav", { key: '4eda9560a9a019e82f821e187a6e83443979697e', "aria-label": this.label, class: className }, index.h("ul", { key: 'cc5367e85ca4e251e4f7d033bfa850968889caa6', class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (index.h("li", { key: '38f5fb33b9c24315271764e2784f1ebfe1d8723e', class: "pagination__list-item" }, index.h("label", { key: '9dbfeb8a3e464d50379746ec85c865cafd52ac51', class: "pagination__page-size-selection" }, index.h("swirl-text", { key: '748fe2c2ec1fbf50d4c4e4347e23571553f30c36', whiteSpace: "inherit" }, this.pageSizeSelectLabel), index.h("swirl-stack", { key: 'e9982f4cc6830489314d2bd13aa927201e51d415', align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, index.h("select", { key: '48a9950fa6a353d49883c69ec7918c38a26a2619', 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: '60d4677d0c8d24adf39cfc90f31b27660526233a', "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), index.h("li", { key: '7829d37667bdf4f643669d5aa7394b8c67300295', class: "pagination__list-item" }, index.h("swirl-button", { key: '774e9ba9e1bb90800b6e35b0ee531c1c4c88d405', class: "pagination__first-page-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-double-arrow-left></swirl-icon-double-arrow-left>", intent: "primary", label: this.firstPageButtonLabel, onClick: this.onFirstPageButtonClick })), index.h("li", { key: '582aecb2808382dc58032e872cfb97d29d772c83', class: "pagination__list-item" }, index.h("swirl-button", { key: '01395eb8e5bf7b0b06c55926213b5023b22a5fcc', class: "pagination__prev-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", intent: "primary", label: this.prevButtonLabel, onClick: this.onPrevButtonClick })), showPageLabel ? (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: '6848c16b69f7e9b67f7924eeb7c4d10bdf7ede4c', class: "pagination__list-item" }, index.h("swirl-button", { key: '566365451279b0578be3ba9378204c144791db8d', class: "pagination__next-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-chevron-right></swirl-icon-chevron-right>", iconPosition: "end", intent: "primary", label: this.nextButtonLabel, onClick: this.onNextButtonClick })), index.h("li", { key: 'fec0371d798351e16ea95a2b3b886ff310a71bd5', class: "pagination__list-item" }, index.h("swirl-button", { key: 'b1d0b4b994695ab9d46eaeb10835a8cf23cb7ed8', class: "pagination__last-page-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", intent: "primary", label: this.lastPageButtonLabel, onClick: this.onLastPageButtonClick }))))));
     }
 };
 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: '5d554d7bd32ebc66b403d5c21d7fced777886c91' }, index.h("section", { key: '453013c49d86db23b49f365ef27c9c29e101f700', "aria-hidden": "true", "aria-label": this.label, class: className, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, index.h("div", { key: '59f56410a0c778be45c24d7031f075a78a9d9131', class: "pdf-reader__body", role: "document" }, index.h("header", { key: 'c48b990aea78709b61139d8e5cbb0e5a9b86bcc2', class: "pdf-reader__header" }, index.h("span", { key: 'ff3d2404df56cf3f187b655264d1ac3da2506a2b', class: "pdf-reader__header-left" }, index.h("swirl-button", { key: 'ff250cfc67a23b91eeb6d32b0b8989df749fdc96', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), index.h("span", { key: 'eb5239059c85855f44840e55a59ff94da5b99ae4', class: "pdf-reader__label" }, this.label)), index.h("span", { key: 'b061a920b4fd83b0c73a870958c199b9da9a50f2', class: "pdf-reader__header-center" }, index.h("span", { key: 'dad9534b7138f9919933fd0ffd91f3161b79f0c5', class: "pdf-reader__zoom-button-container" }, index.h("swirl-button", { key: '96962f4c16c47b2c5f7e33e67f08b026c463fc26', class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[0], hideLabel: true, icon: "<swirl-icon-remove></swirl-icon-remove>", label: this.zoomOutButtonLabel, onClick: this.onZoomOutButtonClick }), index.h("swirl-button", { key: 'fde940c0c7da04cb07637375f81f8fcf4d9af283', class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], hideLabel: true, icon: "<swirl-icon-add></swirl-icon-add>", label: this.zoomInButtonLabel, onClick: this.onZoomInButtonClick })), index.h("span", { key: '885616c90830e2a9752155b676eecac78924acf5', class: "pdf-reader__zoom-select-container" }, index.h("select", { key: '8bf9d54b48d2cbc72ed03ccc622fc8996ee1ff19', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, index.h("option", { key: '39ba600993eb7caa6031de24f7a806c7c11df802', 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: 'd4aeec1a552095c696ac13d9d4afebe06634d17f', class: "pdf-reader__zoom-select-icon" }))), index.h("span", { key: '73524a26c3ba2a03bc24697a0fbe621663f16c5f', class: "pdf-reader__header-right" }, index.h("swirl-popover-trigger", { key: '02833ed4e04d18b79d87c4b4b73646a263bcbcf1', swirlPopover: this.menu }, index.h("swirl-button", { key: '457f218d101f80db89dcd302bf4bfeeb41f2512c', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), index.h("span", { key: '10e512f694b215949f1ff3548732f86b94ad8471', class: "pdf-reader__floating-tools" }, index.h("button", { key: '0e25b37a6d75b1bcf9d5020b45860cd3eace03f9', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, index.h("swirl-icon-menu-book", { key: 'd4f3f2ea28a1df032fbefc8631fe456b58485f45' })), index.h("button", { key: 'ec85dbec8df0aa67773d1af6807bd5a57b4b32fb', "aria-controls": "thumbnails", "aria-expanded": String(Boolean(this.showThumbnails)), "aria-label": this.thumbnailsButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleThumbnals, type: "button" }, index.h("swirl-icon-file-copy", { key: '4530bd763a7e88acea0632d6600476c69c680d40' })))), index.h("div", { key: '648c6f629ad3beff4d598a8b1cfac881485749e0', class: "pdf-reader__content" }, index.h("nav", { key: '80e3360a923467a972f051190330a47542d5855b', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && index.h("swirl-spinner", { key: '64072f09f98a776f3e6c95af45341a6306df1d73' }), !this.loadingThumbnails &&
+        return (index.h(index.Host, { key: 'b98e2d55d898dc79865d67169e3915143904964f' }, index.h("section", { key: '79c7969d68c722c4a731c6feb17f6b037a67ac9b', "aria-hidden": "true", "aria-label": this.label, class: className, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, index.h("div", { key: 'a31f466d3d56f5183b0a5ce12c342d305abc13a6', class: "pdf-reader__body", role: "document" }, index.h("header", { key: '429b0e53eb529cd937805f416c5f687548ea7aaa', class: "pdf-reader__header" }, index.h("span", { key: 'a05280d69ee9a8d507971f7a3fa672cf0d3deda2', class: "pdf-reader__header-left" }, index.h("swirl-button", { key: 'f1d79af38c7b7ee5152718af881b1485bf5ee600', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), index.h("span", { key: '7eb3753ca638dfa8833f1ece407e2df42b0ce9b8', class: "pdf-reader__label" }, this.label)), index.h("span", { key: '1f6ebdee5beda1b4b9efb9dc7f5f498db674645f', class: "pdf-reader__header-center" }, index.h("span", { key: 'f8726ccafc993fba57433ecfc07a0f617e2c2906', class: "pdf-reader__zoom-button-container" }, index.h("swirl-button", { key: 'd4f03d6f39440324085d2fe469fcf0c7b2d75168', class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[0], hideLabel: true, icon: "<swirl-icon-remove></swirl-icon-remove>", label: this.zoomOutButtonLabel, onClick: this.onZoomOutButtonClick }), index.h("swirl-button", { key: '0c18f0c9ff0e32470344d8233a13b9097551cd38', class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], hideLabel: true, icon: "<swirl-icon-add></swirl-icon-add>", label: this.zoomInButtonLabel, onClick: this.onZoomInButtonClick })), index.h("span", { key: '4eca318e5e989487a7118d376017f7cabd5c77d0', class: "pdf-reader__zoom-select-container" }, index.h("select", { key: '04b861a96873d63125d8d7e877326959d5adf920', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, index.h("option", { key: '17cd08bea4ae1a51f83ca979b30882d206d70a5f', 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: '693977adf2884dbe1a6aa9ae1eb869216a8755f9', class: "pdf-reader__zoom-select-icon" }))), index.h("span", { key: '3237fc070374cf1376f9f8986784ce3f538ec5e6', class: "pdf-reader__header-right" }, index.h("swirl-popover-trigger", { key: '3c7fdd4fbfffc00c28df32a696274031ef406ac0', swirlPopover: this.menu }, index.h("swirl-button", { key: 'fbaad43371abdaad13e4c92a002ec511ecbe61d8', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), index.h("span", { key: '785f05b31ed8bb4bf44b953cb1357c0f32b90591', class: "pdf-reader__floating-tools" }, index.h("button", { key: '40d2fba151469f0a21fc3d403f58d4787a205894', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, index.h("swirl-icon-menu-book", { key: '0a6f7dc866c83d3629e795398e6e4f039097c102' })), index.h("button", { key: 'dcf71874a2645920cb4e0532bd57e9646c5686d2', "aria-controls": "thumbnails", "aria-expanded": String(Boolean(this.showThumbnails)), "aria-label": this.thumbnailsButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleThumbnals, type: "button" }, index.h("swirl-icon-file-copy", { key: '8f9d0937eb27f3eb0d75188e48e5b1d5ba238368' })))), index.h("div", { key: 'e82b50d1ba99ca2d4aa3548ddd9f18805d955e77', class: "pdf-reader__content" }, index.h("nav", { key: '80637a1a2ab6df90e4ea2f92a17a466e8046d116', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && index.h("swirl-spinner", { key: '5a42f8d16dae2e3694159cfe3a6a3f83c36c8e6a' }), !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: '9c0cf47142e57c878cbbd1a2e0f362655165b288', active: this.active, class: "pdf-reader__viewer", file: this.file, fileName: this.fileName, onActivate: this.onActivate, onVisiblePagesChange: this.onVisiblePagesChange, pdfWorkerSrc: this.pdfWorkerSrc, ref: (el) => (this.viewer = el), type: "application/pdf", viewMode: this.viewMode, zoom: this.zoom }), index.h("div", { key: '58211558433c2555f541c2578c0681d8938bfe8e', class: "pdf-reader__mobile-zoom-controls" }, index.h("button", { key: '661e2ab360794cfa447e10eb5af5f5a4a5bb3552', "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: '3ec9fa1f3edc72619d3faaf4b5b711b9ee379bac', "aria-label": this.zoomInButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], onClick: this.onZoomInButtonClick, type: "button" }, index.h("swirl-icon-add", { key: '12451b399bff204f384966989718850434266a3c' })), index.h("button", { key: '41edf1a746549be7d65dbe08990ddf08ffcc1091', "aria-label": this.zoomOutButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[0], onClick: this.onZoomOutButtonClick, type: "button" }, index.h("swirl-icon-remove", { key: '5f0d609a5623b914470c30c76df3ce1f2d44a900' }))))), index.h("swirl-popover", { key: '4dc4442b054248f1e80dc0de624ef8bd455884ae', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, index.h("swirl-stack", { key: '5ada62197c4bc3ca403c0695781999e9b99bd418' }, index.h("div", { key: 'b096c94c18984a9a1d517258369587bacb39c4f6', class: "pdf-reader__meta" }, index.h("div", { key: '5d5e5dc28224cda01d151cc1c2a5386a596978ea', class: "pdf-reader__file-icon" }, index.h("svg", { key: 'd08f4e6a825d6aa81c52afeff6efa41eeb9fc905', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, index.h("path", { key: '7472b337e774ff0c577f2b843eee2ebbf6ae5e95', d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), index.h("path", { key: 'bdc47714d4d5c93a6b14fb264746235e6627ccac', d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), index.h("path", { key: '99210c05a2abab4987715b92b0b4408ed220cef3', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), index.h("path", { key: '88701c2de6d32bb326e3b87d14a6169a1f7b122d', d: "M3.59961 9.00001C3.59961 8.0059 4.4055 7.20001 5.39961 7.20001H14.854C15.3314 7.20001 15.7893 7.38965 16.1268 7.72722L19.8724 11.4728C20.21 11.8104 20.3996 12.2682 20.3996 12.7456V27C20.3996 27.9941 19.5937 28.8 18.5996 28.8H5.39961C4.4055 28.8 3.59961 27.9941 3.59961 27V9.00001Z", fill: "#FF574D" }), index.h("path", { key: '19836103fc4dc46a6828546db237a6696c3057dd', d: "M15.5996 7.36166V10.2C15.5996 11.1941 16.4055 12 17.3996 12H20.2379C20.3237 12.1884 20.3768 12.3913 20.3937 12.6H17.3996C16.0785 12.6 15.0067 11.5325 14.9996 10.213L14.9996 7.20587C15.2083 7.2228 15.4112 7.27593 15.5996 7.36166Z", fill: "white" }), index.h("path", { key: '091a5f502512ad338ec4fc43def7903b3a2d1d61', d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), index.h("path", { key: '5f2dcc174a6526b3209d0c84906d65e2d248df4a', d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), index.h("path", { key: '92edb84540039be27ea3b52d3054f99b71fb9e4b', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), index.h("div", { key: 'f964b44ee76945aed28867192f32b3a3db1a8164', class: "pdf-reader__file-info" }, index.h("swirl-text", { key: 'b694ff872631ace21483898b3f712fb7f4d99a7d', truncate: true, weight: "semibold" }, this.label), index.h("swirl-text", { key: '01ab58cef5c4120e59ae2e1fe2b8921769196d27', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && index.h("swirl-separator", { key: 'cdd1d47cba8bcef197902761639c6ad9ed6e96eb' }), index.h("swirl-action-list", { key: 'b60de759a56a6e941294a074bfc0602717d33055', class: "pdf-reader__menu" }, this.printButtonEnabled && (index.h("swirl-action-list-item", { key: '7c0ce18b8d4a126169abb37c00ccc00a2eb7faf6', class: "pdf-reader__print-button", icon: "<swirl-icon-print></swirl-icon-print>", label: this.printButtonLabel, onClick: this.onPrintButtonClick })), this.downloadButtonEnabled && (index.h("swirl-action-list-item", { key: '37a0497079bd17b586e731bc5b2337c98df4ec11', class: "pdf-reader__download-button", disabled: this.downloading, icon: !this.downloading
+            })), index.h("swirl-file-viewer", { key: '93968c37c3fb60094507ff98551761a4c5f6d5b5', active: this.active, class: "pdf-reader__viewer", file: this.file, fileName: this.fileName, onActivate: this.onActivate, onVisiblePagesChange: this.onVisiblePagesChange, pdfWorkerSrc: this.pdfWorkerSrc, ref: (el) => (this.viewer = el), type: "application/pdf", viewMode: this.viewMode, zoom: this.zoom }), index.h("div", { key: 'a43f60a606c1bb6a71c798ddf013f7ec6b3577dd', class: "pdf-reader__mobile-zoom-controls" }, index.h("button", { key: 'add4aab18be18484e003bb7b7f3de12d1a745909', "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: 'dc6cbf23eb401cdbe7731bb4b90d5a3ebebc0a41', "aria-label": this.zoomInButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], onClick: this.onZoomInButtonClick, type: "button" }, index.h("swirl-icon-add", { key: '6d9cb1897157fce7cb6719b787af24ec45dd993f' })), index.h("button", { key: '8bbcfca12368ac943883538cae6ecde36a6d6830', "aria-label": this.zoomOutButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[0], onClick: this.onZoomOutButtonClick, type: "button" }, index.h("swirl-icon-remove", { key: 'e7621f5f69e9fb049af458bfe69514ee4b757884' }))))), index.h("swirl-popover", { key: '47a19324ad61a4f85b3e978b87273cdb5265b458', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, index.h("swirl-stack", { key: 'd582e076616b4b58e80c5ed69414e087574f9e2d' }, index.h("div", { key: 'eba1d8f0f59825c617d460274d126868018e8902', class: "pdf-reader__meta" }, index.h("div", { key: '9e482c5c9d5e245291834796057f1a33f73d5200', class: "pdf-reader__file-icon" }, index.h("svg", { key: '5b98560f82b34390e70c1e08c66861d5041b8cf7', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, index.h("path", { key: 'a457163273d46c89ba8c898157dfd392d6c699da', d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), index.h("path", { key: 'a566ae2306d2f71ca392d1680852522d1104ff8f', d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), index.h("path", { key: 'c95e02e13bc82555a13403d07e5f000c1147fd87', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), index.h("path", { key: 'c9d1954f66e1dee43656c900f36c15699f3daceb', d: "M3.59961 9.00001C3.59961 8.0059 4.4055 7.20001 5.39961 7.20001H14.854C15.3314 7.20001 15.7893 7.38965 16.1268 7.72722L19.8724 11.4728C20.21 11.8104 20.3996 12.2682 20.3996 12.7456V27C20.3996 27.9941 19.5937 28.8 18.5996 28.8H5.39961C4.4055 28.8 3.59961 27.9941 3.59961 27V9.00001Z", fill: "#FF574D" }), index.h("path", { key: '47913f83ef77d0ae284d356f8d802577044d913b', d: "M15.5996 7.36166V10.2C15.5996 11.1941 16.4055 12 17.3996 12H20.2379C20.3237 12.1884 20.3768 12.3913 20.3937 12.6H17.3996C16.0785 12.6 15.0067 11.5325 14.9996 10.213L14.9996 7.20587C15.2083 7.2228 15.4112 7.27593 15.5996 7.36166Z", fill: "white" }), index.h("path", { key: '15559f8ae2b8d9d33931431dc933d9f2a675c5dc', d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), index.h("path", { key: '3d865301834f93a733fa7c6de9bdb2bd244e93ae', d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), index.h("path", { key: 'e7a2cd443c4eaa6d7a52b1da02028e4bb1261eba', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), index.h("div", { key: '6bedc40cac0e6e5b2f58112e19f41acc835e29f6', class: "pdf-reader__file-info" }, index.h("swirl-text", { key: '8e4bf6b3308baf3a6cc4d67f43433e561bccee41', truncate: true, weight: "semibold" }, this.label), index.h("swirl-text", { key: '48383b264bc1ea29301905502f53cf69a4a5f451', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && index.h("swirl-separator", { key: 'e012f1ab3b1d30058e42ed7621542c925b9bb267' }), index.h("swirl-action-list", { key: 'e96277f5425ce80ec7bffbb2f0ca52e135b5de57', class: "pdf-reader__menu" }, this.printButtonEnabled && (index.h("swirl-action-list-item", { key: 'a0c40f36c120a7352afad28355684abd39892096', class: "pdf-reader__print-button", icon: "<swirl-icon-print></swirl-icon-print>", label: this.printButtonLabel, onClick: this.onPrintButtonClick })), this.downloadButtonEnabled && (index.h("swirl-action-list-item", { key: '6dcbb8a7f4716423947cd42bd0123e5d6b1a0007', class: "pdf-reader__download-button", disabled: this.downloading, icon: !this.downloading
                 ? "<swirl-icon-download></swirl-icon-download>"
-                : '<swirl-spinner size="xs"></swirl-spinner>', label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), index.h("slot", { key: 'fad14d463fea7b1843799568031455fc1fec97f2', name: "menu-items" })))))));
+                : '<swirl-spinner size="xs"></swirl-spinner>', label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), index.h("slot", { key: '281de19c25482e9ac0bb2744e5d65a8fc4c22467', name: "menu-items" })))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -260,14 +260,14 @@ const SwirlPopover = class {
             "popover--inactive": !this.active,
             "popover--transparent": this.transparent,
         });
-        return (index.h(index.Host, { key: '76cd94297df9e6862f9fd3d87be7e0b180266dd8' }, index.h("div", { key: 'dbf6126741d68adba902a5828f06d3cb47933549', class: className, onKeyDown: this.onKeydown }, index.h("div", { key: '3c48a4024097baeb6bd3e0112983cc70ebf612dd', "aria-hidden": !this.active ? "true" : "false", "aria-label": this.label, class: "popover__content", id: this.popoverId, part: "popover__content", role: "dialog", ref: (el) => (this.contentContainer = el), style: {
+        return (index.h(index.Host, { key: '53208f97f3dff7582f6c2a92aacae8dfb405d065' }, index.h("div", { key: 'a0de9af1dd5f60f9716aaa9f5f0b443ec226a590', class: className, onKeyDown: this.onKeydown }, index.h("div", { key: '80395e87cf4e005c3a7a9f2433eb0847dd857ecd', "aria-hidden": !this.active ? "true" : "false", "aria-label": this.label, class: "popover__content", id: this.popoverId, part: "popover__content", role: "dialog", ref: (el) => (this.contentContainer = el), style: {
                 top: Boolean(this.position) ? `${this.position?.y}px` : "",
                 left: Boolean(this.position) ? `${this.position?.x}px` : "",
-            }, tabindex: "-1" }, index.h("span", { key: 'af5b109fc2fbab32f765f1f65379acee1e991443', class: "popover__handle" }), index.h("div", { key: '1186d1c6b590b7f75e734b3e1da88abd9cab9bef', class: "popover__scroll-container", part: "popover__scroll-container", ref: (el) => (this.scrollContainer = el), style: {
+            }, tabindex: "-1" }, index.h("span", { key: '788dc8d1bb547c8278dc5696c9255cb019a42090', class: "popover__handle" }), index.h("div", { key: 'ad1e926036acb45cbc289d94056e7c674e26be30', class: "popover__scroll-container", part: "popover__scroll-container", ref: (el) => (this.scrollContainer = el), style: {
                 maxHeight: !mobile && Boolean(this.maxHeight)
                     ? this.maxHeight
                     : undefined,
-            } }, index.h("slot", { key: '8c13419e06cb3edc4e929e2078b86a33790d0b97' }))), this.active && (index.h("div", { key: '75c03c42148ed258c1a8de80cbf3870c000c0ac6', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
+            } }, index.h("slot", { key: '3bfaad36e3860ccbb6f75093f3df1e9e82673015' }))), this.active && (index.h("div", { key: '5ea925a8c1bb705a7d5aecf3e87ee51a7f38b0b2', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
     }
     get el() { return index.getElement(this); }
 };
@@ -436,7 +436,7 @@ const SwirlPopoverTrigger = class {
         return isActive;
     }
     render() {
-        return (index.h(index.Host, { key: '8867c30d9f11ad594513a2cafe2d72334310bab1', onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, index.h("slot", { key: '98dc49e17be5996164aa27b3b641cb123c2e9545' })));
+        return (index.h(index.Host, { key: '301b84437aa2fdc12b313ed844a66386a70d12dc', onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, index.h("slot", { key: '0ed5e952b04c3aa9eef3540ab2056ee2021275f9' })));
     }
     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: '86d3de561f129aaae1302b1f91b7638c2afd532b', class: this.variant }, this.variant === "bar" && (index.h("progress", { key: 'ff9f1373789cd407705cc77ebcd64c3ce39f83e4', "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className, max: 100, value: this.value })), this.variant === "circle" && (index.h("span", { key: '1f38d4ac5592f9833ff096b71b7c24ee20a1662b', role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className }, index.h("svg", { key: '433a4f91da390ae9a04e42eca709f0be0dfc209a', class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(radius + strokeWidth) * 2} ${(radius + strokeWidth) * 2}` }, index.h("circle", { key: '087a4278b0fb0d08b3c6788d42dd78d88831c5a6', class: "progress-indicator__circle-background", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth }), index.h("circle", { key: '6f4941ae9621800e6ac9a3f000502c9852eb29f6', class: "progress-indicator__circle-value", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth, "stroke-dasharray": circumference, "stroke-dashoffset": dashOffset }))))));
+        return (index.h(index.Host, { key: 'b0055e1af4f90544d14efab8c1c1e7bbfd88b59a', class: this.variant }, this.variant === "bar" && (index.h("progress", { key: '8af1fec195f11ae75d74ca69994ec7fad91f933d', "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className, max: 100, value: this.value })), this.variant === "circle" && (index.h("span", { key: '2539beb6d3fd754ea7550c7a5351b9318d1dc3d7', role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className }, index.h("svg", { key: 'be87aaf4d43e3dd65e9be85dbd8a2f5a93ff7162', class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(radius + strokeWidth) * 2} ${(radius + strokeWidth) * 2}` }, index.h("circle", { key: '194f56603d0076e7ab254346d431f7257384af4e', class: "progress-indicator__circle-background", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth }), index.h("circle", { key: 'b78e26c2945bfc2465e8edb0e120f9e3cc52055a', class: "progress-indicator__circle-value", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth, "stroke-dasharray": circumference, "stroke-dashoffset": dashOffset }))))));
     }
 };
 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: '97e4af9559948ab407d58c5308f67ec282a896bc', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, index.h("div", { key: '98a882a5f9580c38af1f19fca145d6a355b50e18', class: "radio-group" }, index.h("slot", { key: 'bcc21f885d64b12786c9a7ea5a306de1db6e59e4' }))));
+        return (index.h(index.Host, { key: '1e01eb6ceacb20bcd71535219b96cc9a2a54ade6', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, index.h("div", { key: '86b29d67758d1fef3172a8c3c83fc443c732ec2e', class: "radio-group" }, index.h("slot", { key: 'b9073f0993b00cd97ef1eb8bc925181e9b6c1062' }))));
     }
     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: '347a9e879000b24ab96cf1a95e34492c4d345678', style: { width: this.variant === "card" ? "100%" : undefined } }, index.h("label", { key: 'c44f76fab430bc543e22afa0e0c530a9e9052c86', class: className, htmlFor: this.inputId }, index.h("span", { key: '53fcdff14dfd990e56a80d351f33f990ade6df7d', class: "radio__control" }, index.h("swirl-visually-hidden", { key: 'f4aa1f4df25ffceeb690280532c274bc6dd48419' }, index.h("input", { key: '34ecdd911ee92fd2e44ebb06cfacbc1f4447a608', "aria-checked": ariaCheckedLabel, "aria-invalid": ariaInvalid, checked: checked, class: "radio__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, type: "radio", value: this.value })), index.h("span", { key: '0a04bcc26ee2af7f26b85103316acfd183cb5a95', "aria-hidden": "true", class: "radio__box" })), index.h("span", { key: '4cb13123f50c9a162a3ecdbd7ed06019c13f50d3', class: "radio__label-container" }, this.label && (index.h("span", { key: '9cbb641332fbb03bcd68128c8a75e0ecfa4b0f0c', class: "radio__label" }, this.label, this.tooltip && (index.h("swirl-tooltip", { key: 'b92d64ab5e4935caa07357cbdc25ef1d673ee273', content: this.tooltip, position: "top" }, index.h("swirl-icon-help", { key: 'da75896584bde95a9f41aa1bed3324942a6f2f31', color: "default", size: 20, tabIndex: 0 }))))), this.description && (index.h("span", { key: 'b97abaa3f0b714ba29aa87ead6e6d46fe64a4a26', class: "radio__description", innerHTML: this.description }))))));
+        return (index.h(index.Host, { key: 'fbf3f0ee0b30c72b5ad65ac0692b6e9d31b7d90a', style: { width: this.variant === "card" ? "100%" : undefined } }, index.h("label", { key: 'a7ea6566aa319b575a84929840b7a73a5a0b9056', class: className, htmlFor: this.inputId }, index.h("span", { key: '013c04a9fc328161c2f7ef1277918bd678017abf', class: "radio__control" }, index.h("swirl-visually-hidden", { key: 'ec6a686366bbfc2f0eb880f64228b743b054208c' }, index.h("input", { key: 'c1f503b67a5e04ce44e26e719656282d94e03461', "aria-checked": ariaCheckedLabel, "aria-invalid": ariaInvalid, checked: checked, class: "radio__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, type: "radio", value: this.value })), index.h("span", { key: '31655ce0ba8f93ae33e472cae75a901eaef8d0be', "aria-hidden": "true", class: "radio__box" })), index.h("span", { key: '7bdf6ef7ce9b2c66f4fef128e7f0d5b5a2dbc3d6', class: "radio__label-container" }, this.label && (index.h("span", { key: '7a12b6a227a56b1054ad2e3598bf56e57fdbfc9c', class: "radio__label" }, this.label, this.tooltip && (index.h("swirl-tooltip", { key: '392c3f0be615b16c51d272aef5bfb8babf6378ef', content: this.tooltip, position: "top" }, index.h("swirl-icon-help", { key: '321bba48e44221a8d17d196d7e6fb044aa41ca3f', color: "default", size: 20, tabIndex: 0 }))))), this.description && (index.h("span", { key: '6f8c09868609b23f9d67aa0b31c972a549f499ff', 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: '52a21c836d395d3751a28cb38385d0338141f0a9', role: "row" }, index.h("div", { key: 'c8f6f83ea35a75cdc85c8daf1fbb8fbe47fc6f71', class: className, part: "resource-list-file-item", role: "gridcell" }, index.h("span", { key: '61ca6c7ae2ec79b2289cd915b2e2a95c86bc7751', class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }), index.h("span", { key: 'dc9162751ab7bc3c4e40b53ec13932cc8910a020', class: "resource-list-file-item__label-container" }, index.h("span", { key: 'e620d6890dee3019492fc6e2930790766450ec4e', class: "resource-list-file-item__label", id: "label" }, this.label), showDescription && (index.h("span", { key: '33972619d5d7a70f0a614698a01bb260a109503e', class: "resource-list-file-item__description" }, this.description)), showError && (index.h("span", { key: 'b3dd47b3fced83be904b659d51a3c467bfb39c78', "aria-live": "polite", class: "resource-list-file-item__error-message" }, index.h("swirl-inline-error", { key: '5e20717f10da7cba9ffed0648208ff90b29dce0a', message: this.errorMessage, size: "s" })))), showSpinner && (index.h("span", { key: 'be1faccf84dfd6291805b457cc75c2942bc86fcc', class: "resource-list-file-item__spinner" }, index.h("swirl-spinner", { key: 'f91f8360e549ce536e68ba6afd74d74bfed6ea76', size: "s" }))), showRemoveButton && (index.h("span", { key: '02b64ff26c81f3c12e56962de1373c55ccc44123', class: "resource-list-file-item__remove-button" }, index.h("swirl-button", { key: '42deed1db50450dd71a556e3615ffb9e0b206534', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))))));
+        return (index.h(index.Host, { key: 'bbf7d4cf8f9eae81bad49bec1307cf45a2004f11', role: "row" }, index.h("div", { key: '0959caa4bede9ed5a649b80c98366568eff0e4bc', class: className, part: "resource-list-file-item", role: "gridcell" }, index.h("span", { key: '0eeef5e65fad8fa597a643458c5fb264149fa7cc', class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }), index.h("span", { key: 'fea932a17c0b6964be6c566ddd3ee9bd79a17df4', class: "resource-list-file-item__label-container" }, index.h("span", { key: '724df159b81a3051a99ce643008a687b46ad49a5', class: "resource-list-file-item__label", id: "label" }, this.label), showDescription && (index.h("span", { key: 'bddfdd71675b637955c9de19d64ae4bca023ca3d', class: "resource-list-file-item__description" }, this.description)), showError && (index.h("span", { key: '44b7e596c8497af50b6cd32f3fb6b03890291297', "aria-live": "polite", class: "resource-list-file-item__error-message" }, index.h("swirl-inline-error", { key: '0c867d1feaf0656c8f7c133964a32813905ccc15', message: this.errorMessage, size: "s" })))), showSpinner && (index.h("span", { key: 'aba4068b2354414f4d3894847e25d724eedbcbd9', class: "resource-list-file-item__spinner" }, index.h("swirl-spinner", { key: 'aa0bf9e3e0b0d92847929ddec9e2ebf54ea9aaae', size: "s" }))), showRemoveButton && (index.h("span", { key: '0eaa41587f80cc96aa159039670a72eb3771afc7', class: "resource-list-file-item__remove-button" }, index.h("swirl-button", { key: '45830b0497beb5dee13ef0c1e61252b73d16fc03', 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

@@ -15,7 +15,7 @@ const SwirlResourceListSection = class {
         this.hasSeparator = false;
     }
     render() {
-        return (index.h(index.Host, { key: '7d99780d1a0b26753e3fc0d18e36c1d50f945b7b' }, this.hasSeparator && index.h("swirl-separator", { key: '40a6026501401ee8dcf52ed5839e63c94c6a3872', spacing: "4" }), index.h("div", { key: 'fd9330892b89cc80e650b769744b20b3f9562435', "aria-labelledby": "label", role: "rowgroup" }, index.h("span", { key: 'ca6182b92630079b88443dc0eb7ed1038c814d6f', id: "label", class: "resource-list-section-label", part: "resource-list-section-label" }, this.label), index.h("swirl-stack", { key: '20fdee6bba4ee99a3ebac1e86184160ee8841935', spacing: this.spacing }, index.h("slot", { key: '389a4c1c327ba3009050be3dcc5bf5b01ee785fa' })))));
+        return (index.h(index.Host, { key: 'df3751fb689175edb9d58ab7263667beca0ed3e5' }, this.hasSeparator && index.h("swirl-separator", { key: 'd21be68c0bc4687e5a82467b91423556d5c543d5', spacing: "4" }), index.h("div", { key: '152847e7037f12595b80b7ad2505f4388f1096fc', "aria-labelledby": "label", role: "rowgroup" }, index.h("span", { key: 'c221f6f8c4f088162d90dbd5c1ebf19c7c91fa82', id: "label", class: "resource-list-section-label", part: "resource-list-section-label" }, this.label), index.h("swirl-stack", { key: '55b3945d5772a004e6e1649f68d46a094fdd5d70', spacing: this.spacing }, index.h("slot", { key: 'f21bbdf80dd793d9be6241cef40091939f8730ab' })))));
     }
 };
 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: 'e14a6a3309fc681fca55d7d851bad35950a2348c' }, index.h("span", { key: '2be7ae0f251ea473e17954dc9ec650a8f72cd328', class: className, ref: (el) => (this.iconEl = el) }, index.h("swirl-icon-search", { key: 'eeb25cb0a556f73258acea09ad2c2825e93de249', "aria-hidden": "true", class: "search__icon" }), index.h("input", { key: '263afd89e6f43f2c9b777c5a4f9ed41d8f871ec9', "aria-disabled": this.disabled ? "true" : undefined, "aria-label": this.label, autoComplete: "off", autoFocus: this.autoFocus, class: "search__input", disabled: this.disabled, id: this.inputId, inputMode: "search", name: this.inputName, onBlur: this.onBlur, onChange: this.onChange, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.input = el), type: "search", value: this.value }), !this.disabled && (index.h("button", { key: '78f2397d2b8f1ad966ad24d871e17139e8140800', "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, index.h("swirl-icon-cancel", { key: 'b654ebf52976083f9ba3b8e8e8aad159bd9a929d' }))))));
+        return (index.h(index.Host, { key: '1567c3a645d05768fe8e9d5b3d8822a7f50e2ff4' }, index.h("span", { key: 'fc12fe78da2667f72eb3429926cafc7168353423', class: className, ref: (el) => (this.iconEl = el) }, index.h("swirl-icon-search", { key: '8c2c28c6809b7c77a6838287f187c9210e9ad3bb', "aria-hidden": "true", class: "search__icon" }), index.h("input", { key: '789d0bc131822c2e02283d7b92501186ed036e15', "aria-disabled": this.disabled ? "true" : undefined, "aria-label": this.label, autoComplete: "off", autoFocus: this.autoFocus, class: "search__input", disabled: this.disabled, id: this.inputId, inputMode: "search", name: this.inputName, onBlur: this.onBlur, onChange: this.onChange, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.input = el), type: "search", value: this.value }), !this.disabled && (index.h("button", { key: 'd0383a040ec15f79011a691f528f66af4a80c5a3', "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, index.h("swirl-icon-cancel", { key: '9eb01c5b0e2dc4dca49050e0a7db9dffca299851' }))))));
     }
 };
 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: '768254ab8b19c32ccf5c2fb4ef4b70b6a5fece76', onKeyDown: this.onKeyDown }, index.h("div", { key: '6b40cdb6643134344de44eeb92661be98c5b384c', class: className }, index.h("swirl-popover-trigger", { key: '0a1973a87e1fbc338c42ceb5368d74ef75b5c4b6', swirlPopover: this.swirlPopover, setAriaAttributes: false }, index.h("swirl-stack", { key: '1ba471f1fa24020e3479bb08512fad545945881e', class: "select__value-container" }, this.standalone && (index.h("span", { key: '5d5186a8d117a82cd5973ba127565dea0b1fa81d', "aria-hidden": "true", class: "select__resize-helper" }, label)), index.h("input", { key: '3ea666688794c23f20caa4e3ac1c9b32451fc2a1', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, class: "select__input", disabled: this.disabled, readOnly: true, ref: (el) => (this.input = el), type: "text", value: label }))), index.h("span", { key: '6f473e13ec7a1e6d3cdc6c061a81125b615a4c71', class: "select__multi-select-values" }, this.value
+        return (index.h(index.Host, { key: 'e4c4aeec0c23ceb10e14b3db511b3cdf80dcb953', onKeyDown: this.onKeyDown }, index.h("div", { key: '0db57b420288cfad0afe5416e487e42a22bad267', class: className }, index.h("swirl-popover-trigger", { key: '9175666caee15b648fa7a03620982d54c1f1f1e5', swirlPopover: this.swirlPopover, setAriaAttributes: false }, index.h("swirl-stack", { key: 'b9fc7cbecfe9f107edb7909a3f5ecd474dbf869d', class: "select__value-container" }, this.standalone && (index.h("span", { key: 'db0e8a2ff9ad650c487bed7497ad3afe3015e604', "aria-hidden": "true", class: "select__resize-helper" }, label)), index.h("input", { key: '6be05a6d1a8f2ba562a15a4266bfc08a7484bca1', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, class: "select__input", disabled: this.disabled, readOnly: true, ref: (el) => (this.input = el), type: "text", value: label }))), index.h("span", { key: '4f9f13507e1a53ef28aa88f2c1f9d501bdff6eca', 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 })))), index.h("span", { key: 'db4c45a9e175f25076bdeb00095b37c3ca0cb4ce', 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: '25f9fcb7e48d923e5e1fab8d83b61a1ad67c2bc0', animation: "scale-in-y", class: "select__popover", id: `select-options-${this.selectId}`, label: this.label, offset: offset, onPopoverClose: this.onClose, onPopoverOpen: this.onOpen, ref: (el) => (this.swirlPopover = el), useContainerWidth: this.standalone ? false : "swirl-form-control" }, this.withSearch && (index.h("div", { key: '644080bb6720cbc5cceefecde21cb5e20190ac8b', class: "select__search" }, index.h("swirl-icon-search", { key: '3a6343134ad3fa0bf92e1f7f38e46fec7a53ec8c', class: "select__search-icon", size: 20 }), index.h("input", { key: 'd2c55ec20c598aa7c14c3bbdaf3029b590c32a96', "aria-label": this.searchInputLabel, class: "select__search-input", onInput: this.onSearchInput, placeholder: this.searchPlaceholder, ref: (el) => (this.searchInput = el), type: "search" }), this.searchLoading && (index.h("swirl-spinner", { key: 'e5f0acc6e79fe9f867499b208b01348c9db9b51f', class: "select__search-spinner", size: "s" })))), index.h("swirl-option-list", { key: 'a2c9d1dd9a40fbf852245f6f943c29ed7720df5b', allowDeselect: this.allowDeselect, onValueChange: this.select, multiSelect: this.multiSelect, ref: (el) => (this.optionList = el), value: this.value }, !this.searchLoading && (index.h("div", { key: '4b68e666b73bb019fca8ed0bd94153807808b092', "aria-disabled": "true", class: "select__empty-list-label", role: "option" }, index.h("swirl-text", { key: 'd23daf302edb7875eebeee31b9622316fc4f04d4', color: "subdued", weight: "medium" }, this.emptyListLabel))), index.h("slot", { key: '8928aa8085a8f724e3b7cba6e6f605b8dbe29518', onSlotchange: this.onSlotChange }))))));
+            onRemove: () => this.unselectOption(option?.value), removable: !this.disabled && this.allowDeselect })))), index.h("span", { key: '3a1f1f423fd7455e9b531e87222262f8bba7b6e1', 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: '6a2ce51375de331525f2627f30672bb4dce4fc1d', animation: "scale-in-y", class: "select__popover", id: `select-options-${this.selectId}`, label: this.label, offset: offset, onPopoverClose: this.onClose, onPopoverOpen: this.onOpen, ref: (el) => (this.swirlPopover = el), useContainerWidth: this.standalone ? false : "swirl-form-control" }, this.withSearch && (index.h("div", { key: 'c9de5168f5a66c254ebc27e3f4f4eebec462b278', class: "select__search" }, index.h("swirl-icon-search", { key: 'f71e3ea1539c50d71f73b32f9695979e6d084630', class: "select__search-icon", size: 20 }), index.h("input", { key: 'e72f94990346ca928f7ef96356e5f8c318127fe9', "aria-label": this.searchInputLabel, class: "select__search-input", onInput: this.onSearchInput, placeholder: this.searchPlaceholder, ref: (el) => (this.searchInput = el), type: "search" }), this.searchLoading && (index.h("swirl-spinner", { key: '9e411c05763d21227f4ec6df57854ac1b90ce86c', class: "select__search-spinner", size: "s" })))), index.h("swirl-option-list", { key: 'a1c53e85baa83a9bde5b01919037eecf293368e7', allowDeselect: this.allowDeselect, onValueChange: this.select, multiSelect: this.multiSelect, ref: (el) => (this.optionList = el), value: this.value }, !this.searchLoading && (index.h("div", { key: 'c9c8b315c77ba9d276a0393dc9b31a96bb8a6095', "aria-disabled": "true", class: "select__empty-list-label", role: "option" }, index.h("swirl-text", { key: '199b726f248edcff4e725827373bd8b91f659ce4', color: "subdued", weight: "medium" }, this.emptyListLabel))), index.h("slot", { key: '71661c8a2ba9163902de76bb928131c268c3b3fc', onSlotchange: this.onSlotChange }))))));
     }
     get el() { return index.getElement(this); }
 };

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

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

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: 'fb182f3e14b164941e36a377756c47e88ac9ac56' }, index.h("div", { key: 'd800fa4d107a1ea5e51bc0310164287568ec9036', class: className }, index.h("header", { key: '985419a9ad3f766e0c8289700a7d98736dbaebf1', class: "shell-layout__header", "data-tauri-drag-region": "true" }, index.h("button", { key: 'd36560df9800cbe2950803acb14358ec6fc49c4c', class: "shell-layout__skip-link", onClick: this.skipLinkClick.emit, type: "button" }, this.skipLinkLabel), index.h("div", { key: 'e981603ca28b7f678555787197342dd2a8146801', class: "shell-layout__header-left" }, index.h("swirl-tooltip", { key: '0589357ea6aebe52fd20c56bc16692ead6f40421', content: this.navigationCollapsed
+        return (index.h(index.Host, { key: '45964e60b621481351ea8590327923526fe41c83' }, index.h("div", { key: '4c0a9c31e33018a28d5cd16a7620dfafe209e588', class: className }, index.h("header", { key: '7bc9ffb46445894ed45f268fa608799b3809ffb9', class: "shell-layout__header", "data-tauri-drag-region": "true" }, index.h("button", { key: 'd4958f3a0e9c4bfc6fd54eda4c4993387dda245e', class: "shell-layout__skip-link", onClick: this.skipLinkClick.emit, type: "button" }, this.skipLinkLabel), index.h("div", { key: '2c49018914fc1343fea3f952cecba065acf657e9', class: "shell-layout__header-left" }, index.h("swirl-tooltip", { key: '3e85281b8eefa5937b4adbcdca52a51335da57d2', content: this.navigationCollapsed
                 ? this.expandNavigationButtonLabel
-                : this.collapseNavigationButtonLabel, delay: 100, position: "right" }, index.h("button", { key: '0358c8323ccf7fe5188028f980ad6d5e6ea71e50', 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: 'd2d43e8b0c0b8c460d5099b8603c5944dcd0b57c' }, this.navigationCollapsed
+                : this.collapseNavigationButtonLabel, delay: 100, position: "right" }, index.h("button", { key: '7d2a1a7fd8be280022c7a628b23197db2068925e', 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: '7bc0de0818480a6a33f9d9c5d50869f21f7eee29' }, this.navigationCollapsed
             ? this.expandNavigationButtonLabel
-            : this.collapseNavigationButtonLabel))), index.h("a", { key: '14aea13cce288bb39c13353f66f8d7bb39aa8253', class: "shell-layout__header-tool", href: "javascript:history.back()" }, index.h("swirl-icon-arrow-back", { key: '1fe257727a9ce659a314424f6243dff77196ec70', size: 20 }), index.h("swirl-visually-hidden", { key: 'b6e18f9000a1348108f0ab92a8ff3cc0c04c4be2' }, this.browserBackButtonLabel)), index.h("a", { key: 'fb762e83c2f860e0b4ed3dff82daef97f0edb9ec', class: "shell-layout__header-tool", href: "javascript:history.forward()" }, index.h("swirl-icon-arrow-forward", { key: '9230b803d864a70b9ac01e9518f638794040e793', size: 20 }), index.h("swirl-visually-hidden", { key: '72a7cc38532499c8480222809d4e31697ff68b11' }, this.browserForwardButtonLabel)), index.h("slot", { key: '85a892ae10086d46a3620f7cc8014738b6ec05bf', name: "left-header-tools" })), index.h("div", { key: 'e04f207d95baa68bb19eb17ea607ef1715d55bd0', class: "shell-layout__logo" }, index.h("slot", { key: 'ff2fa155e8d207e8ef0cc40add6f74ff581dd2c4', name: "logo" })), index.h("div", { key: 'b0b6ac0c73c33efa3e0a845265ad4cd3336a9838', class: "shell-layout__header-right" }, index.h("slot", { key: '98c4e35e582d065cefbd96a28cc660c27498fe19', name: "right-header-tools" }), index.h("button", { key: '31fa13df6122fc36f4a60e1f4c99bdb1a47a0cf9', class: "shell-layout__header-tool shell-layout__sidebar-toggle", onClick: this.sidebarToggleClick.emit, type: "button" }, index.h("swirl-icon", { key: 'dbb13dd86d9edc72af10e01d940c965ca9eebf52', glyph: this.sidebarToggleIcon, size: 20 }), index.h("swirl-visually-hidden", { key: '02a25ef582f1fa02609c1e773d61b9ec81c64ac6' }, this.sidebarToggleLabel), this.sidebarToggleBadge && (index.h("swirl-badge", { key: '008f040f56e7afd5d7d352de56b706be10dcf00c', "aria-label": this.sidebarToggleBadgeAriaLabel, label: !hasSidebarToggleBadgeWithLabel
+            : this.collapseNavigationButtonLabel))), index.h("a", { key: 'eff87f971675981de2138ba6e33b9b27c420c617', class: "shell-layout__header-tool", href: "javascript:history.back()" }, index.h("swirl-icon-arrow-back", { key: '4745125d5cda1a89b4b18f315a71a2cfea0b601e', size: 20 }), index.h("swirl-visually-hidden", { key: '402981d495e0c144de142dcedcd88ffbd5327751' }, this.browserBackButtonLabel)), index.h("a", { key: 'a72c1875f2ad7cd61fff79528b2471e9a04b9dec', class: "shell-layout__header-tool", href: "javascript:history.forward()" }, index.h("swirl-icon-arrow-forward", { key: '34777414c7ccbe5eeb9fe41291f54ff766ba0769', size: 20 }), index.h("swirl-visually-hidden", { key: '2fd9d67976998a96e1e5f16a525c7a3167577ac9' }, this.browserForwardButtonLabel)), index.h("slot", { key: 'e5c37b5ec90e87070f2612b71e6240da19943cac', name: "left-header-tools" })), index.h("div", { key: '8527f7fdd4a1ae445cbc04b140425e9da90f07c8', class: "shell-layout__logo" }, index.h("slot", { key: 'ea5895ff85db8b6932e9e37d1fd8a968ac209143', name: "logo" })), index.h("div", { key: '2ae31bed0231583af920393b7093b85aee9cb53f', class: "shell-layout__header-right" }, index.h("slot", { key: 'f8bbd238bac11142bdfdcaa166da1b99dc288872', name: "right-header-tools" }), index.h("button", { key: '916b0eb53f8e3b757323651073bd67a0319bf78f', class: "shell-layout__header-tool shell-layout__sidebar-toggle", onClick: this.sidebarToggleClick.emit, type: "button" }, index.h("swirl-icon", { key: 'd75f155d4f01e4e4abe9289d984af1edffeb413a', glyph: this.sidebarToggleIcon, size: 20 }), index.h("swirl-visually-hidden", { key: '4f47470a11fbff70814dfb95184b1757c5ca7440' }, this.sidebarToggleLabel), this.sidebarToggleBadge && (index.h("swirl-badge", { key: '7fc1a2da01f6cde471534ccc40fb073c0428b5b2', "aria-label": this.sidebarToggleBadgeAriaLabel, label: !hasSidebarToggleBadgeWithLabel
                 ? this.sidebarToggleBadgeAriaLabel
-                : String(this.sidebarToggleBadge), size: "xs", variant: !hasSidebarToggleBadgeWithLabel ? "dot" : "default" }))), index.h("slot", { key: '708d5994e0812a40a3cbff8bd852103b25e3ee2b', name: "avatar" }))), index.h("div", { key: '6be685fab3c2e8e6752fc7fe18eb5b7d1558f357', class: "shell-layout__mobile-nav-backdrop", onClick: this.onNavigationClick }), index.h("nav", { key: '13b1cab916273c1e7a8753005ce4dd880ba01af0', "aria-labelledby": "main-navigation-label", class: "shell-layout__nav", onClick: this.onNavigationClick, ref: (el) => (this.navElement = el) }, index.h("div", { key: 'e5734efa3f1f4ebe6da19f768215a5ce45a1c52b', class: "shell-layout__mobile-header" }, index.h("slot", { key: '95106d4c69d5ecbeff79050fa23a573b460d5361', name: "mobile-logo" }), index.h("div", { key: '9302732501ac7fc4fa9214205ab8af906b613d40', class: "shell-layout__mobile-header-tools" }, index.h("slot", { key: '5828823ad2dcf20041e5478721d97c0614335d18', name: "mobile-header-tools" }), index.h("button", { key: '5e97aea61888bb5f180523e110fce13ff84352d1', class: "shell-layout__header-tool", type: "button" }, index.h("swirl-icon-double-arrow-left", { key: 'c001f654dbb9871222c3f5952a331572a413f757', size: 20 }), index.h("swirl-visually-hidden", { key: 'ee1130dc7cc9d569a2421c829afdf856c0bca704' }, this.hideMobileNavigationButtonLabel)))), index.h("div", { key: 'd776a741a7198f0b81230c355b12cd3632e3224e', class: "shell-layout__nav-body" }, index.h("swirl-visually-hidden", { key: '3d4270916f5dfd4e2b39bdf640dc3c8f16e187ec' }, index.h("span", { key: '8f36859cb75a21159858f754589a5e759d490815', id: "main-navigation-label" }, this.navigationLabel)), index.h("slot", { key: '4dc87bb284c77703790508c7c29a7d4f58eb7984', name: "nav", onSlotchange: this.collectNavItems }), index.h("div", { key: '1bc70de982debb41bf8e03cd0b158a208e158c66', class: "shell-layout__secondary-nav" }, index.h("swirl-separator", { key: 'def72a9de0abccbe91a70604a555b8739a7d12f6', color: "strong", spacing: "16" }), this.enableSecondaryNavGridLayout && (index.h("swirl-box", { key: '467f1b5c6acc595bff42302126d2b93834cc4718', paddingBlockEnd: "16" }, index.h("swirl-stack", { key: 'cfbf15d15198919ca28aab2d25342728bf05f17e', justify: mainNavCollapsed ? "center" : "space-between", orientation: "horizontal" }, index.h("swirl-button", { key: '0acc506b3f23f0a9babf2f6c0a00f38c997f82e7', hideLabel: mainNavCollapsed, icon: this.secondaryNavCollapsed
+                : String(this.sidebarToggleBadge), size: "xs", variant: !hasSidebarToggleBadgeWithLabel ? "dot" : "default" }))), index.h("slot", { key: 'a8757397ca17b7b7be1c780d6de54794106878e7', name: "avatar" }))), index.h("div", { key: '76257047270efe42bf2576aa521b40442160ed2f', class: "shell-layout__mobile-nav-backdrop", onClick: this.onNavigationClick }), index.h("nav", { key: '05b829a7680467dbdac8c4e52173a86eb29599b5', "aria-labelledby": "main-navigation-label", class: "shell-layout__nav", onClick: this.onNavigationClick, ref: (el) => (this.navElement = el) }, index.h("div", { key: '0d5afd67c99058c681bf49e367c231bdfb191a23', class: "shell-layout__mobile-header" }, index.h("slot", { key: '4ffe61e6cda0ce52dc96dbbd7185b73b6dcdd7d8', name: "mobile-logo" }), index.h("div", { key: '61867cd4afb38ecebc87d875a8e0547d91386218', class: "shell-layout__mobile-header-tools" }, index.h("slot", { key: '8798dc7157c5411cfec8c4082a3dfe5ccfb92ce0', name: "mobile-header-tools" }), index.h("button", { key: 'c3ba2e0e966e62a9a3b3a03fe7e86c423362f87f', class: "shell-layout__header-tool", type: "button" }, index.h("swirl-icon-double-arrow-left", { key: 'f27f906df5f50fa010e317c6b78ae5a8375adab8', size: 20 }), index.h("swirl-visually-hidden", { key: '551fe07b112b50a1a9d390fae0d569da8a1bf863' }, this.hideMobileNavigationButtonLabel)))), index.h("div", { key: '78ae440e5ae9deeb7b04870f40f4ed52f2ef38af', class: "shell-layout__nav-body" }, index.h("swirl-visually-hidden", { key: 'f5e7f93dafde181772a16ea40e005461d5d5596a' }, index.h("span", { key: 'f76170fa32db6e65cdb2d83ac8376a6dc62a7d21', id: "main-navigation-label" }, this.navigationLabel)), index.h("slot", { key: '4dc97d00628e95714eb95761206399e7b3f3e62c', name: "nav", onSlotchange: this.collectNavItems }), index.h("div", { key: '299175ab36b2ccbbaf43010e79740540da8b50ee', class: "shell-layout__secondary-nav" }, index.h("swirl-separator", { key: '81853b8d559c69d35c3827ba64f6b033d7be4d3c', color: "strong", spacing: "16" }), this.enableSecondaryNavGridLayout && (index.h("swirl-box", { key: 'ee12c7d539d53eaf3422768f120ded08f92250a3', paddingBlockEnd: "16" }, index.h("swirl-stack", { key: '400109696a4e2622391cfe6f9c5e5dcfc8fc0328', justify: mainNavCollapsed ? "center" : "space-between", orientation: "horizontal" }, index.h("swirl-button", { key: '908817774ea37ebfea93091a4dfedb011488acf2', 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: 'abf3d8be5232c763bef5f666ce4559dafda0d14e', icon: this.secondaryNavView === "grid"
+                : this.secondaryNavCollapseLabel, onClick: this.toggleSecondaryNavCollapse, variant: "plain" }), !mainNavCollapsed && !this.secondaryNavCollapsed && (index.h("swirl-button", { key: 'ec9f8bb35c7425848722f09d03e75a3a386ec1d2', 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: '59e2d65b4e62aa2cbd8861fac9a1e16ec6d2c101', class: {
+                : this.listNavLayoutToggleLabel, onClick: this.toggleSecondaryNavView, variant: "plain" }))))), index.h("div", { key: '2b579ae6cb35b22c47305a5cb938ff31df46f1f9', class: {
                 "shell-layout__secondary-nav-items": true,
                 "shell-layout__secondary-nav-items--grid-view": this.enableSecondaryNavGridLayout &&
                     (this.secondaryNavView === "grid" || mainNavCollapsed),
-            } }, index.h("slot", { key: 'ea350d4e569e3fdfba067fda7f8599b7be476d25', name: "secondary-nav", onSlotchange: this.collectNavItems }))))), index.h("main", { key: 'a0104feb389e4e4e901f54b0e5913688cc4ad7d9', class: "shell-layout__main", id: "main-content" }, index.h("slot", { key: '2b0f0a3525945ec290534f7b983d5a56a481223d' })), index.h("aside", { key: '90ca122ee3a3fd9cee057de776f422e439290bd3', class: "shell-layout__sidebar", inert: this.sidebarActive ? undefined : true }, index.h("div", { key: '94b3a5c901bbb6c11c04b20918bc8cdfa9e04660', class: "shell-layout__sidebar-body" }, index.h("div", { key: 'f5c63b6599e7a39cb102e186241254d0d95c06aa', class: "shell-layout__sidebar-app-bar" }, index.h("slot", { key: 'b5aa8f8ced9e5b701b94b7e4259d7330ead6a313', name: "sidebar-app-bar" })), index.h("div", { key: '6725bb198bfbadb1e5631aec01dcbc09fb921009', class: "shell-layout__sidebar-content", onScroll: this.onSidebarScroll, ref: (el) => (this.sidebarContentEl = el) }, index.h("slot", { key: '6b2b8f46b912580b8c4c1af35ed66fc5f11c9a71', name: "sidebar" })))))));
+            } }, index.h("slot", { key: 'cb1a07937211453eae9950ef2a3ec3651f148b1a', name: "secondary-nav", onSlotchange: this.collectNavItems }))))), index.h("main", { key: 'ac96d89d110035a88b58381c4c348838301d9a28', class: "shell-layout__main", id: "main-content" }, index.h("slot", { key: '3f3857701b1a9779a2d1652a9a243d5ba1c05b16' })), index.h("aside", { key: 'f22ef8f36c4d5c503b3a8d9082d84f505f2ed9d8', class: "shell-layout__sidebar", inert: this.sidebarActive ? undefined : true }, index.h("div", { key: '43ccf10c7a9c3b6446b8b37b35e4c8ef08a32944', class: "shell-layout__sidebar-body" }, index.h("div", { key: '839e277bddd60541a7d9e1bb01ec494bb57c6812', class: "shell-layout__sidebar-app-bar" }, index.h("slot", { key: 'de023c880c9666cd3a57d67ea9d1906aa55c7ccf', name: "sidebar-app-bar" })), index.h("div", { key: '17c6880f74c6ff3f07c2ff6df7ff5bfbe9b290e8', class: "shell-layout__sidebar-content", onScroll: this.onSidebarScroll, ref: (el) => (this.sidebarContentEl = el) }, index.h("slot", { key: '1b1005cfa77fb9618bcde0a7fc57d12447a4e674', 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: '8dd01fd11f07fa1d7bd988aa057e5fa34d4acc82' }, index.h("swirl-tooltip", { key: '64c8b8550e4f6eb007fd82e85e312e31284e9919', active: this.hideLabel, content: this.label, delay: 100, position: "right", positioning: "fixed" }, index.h(Tag, { key: 'd0fc12de974b4d27ee9dc339a533aaba2c0fd7ef', class: tagClassNames, href: this.href, target: this.target, type: isLink ? undefined : "button" }, index.h("span", { key: '86cbb60bb12b5c008029a961596ee4419ac4a834', class: "shell-navigation-item__icon" }, index.h("slot", { key: 'cac55e1627bbfd13962ddeee3a7348df68172dd7', 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: 'ec43cd6e3dc3213b05ec88ef12fb9fd2df1b899e', "aria-label": this.badgeLabel, class: index$1.classnames("shell-navigation-item__badge", {
+        return (index.h(index.Host, { key: 'a1b3ea3ad7cb246cef823a156e4fc430c215d122' }, index.h("swirl-tooltip", { key: '25aaea24d23b3829c8d63e3f82b337c20d0d2251', active: this.hideLabel, content: this.label, delay: 100, position: "right", positioning: "fixed" }, index.h(Tag, { key: '51d8abca1acaf7c01c93dbd238aeef8a70492167', class: tagClassNames, href: this.href, target: this.target, type: isLink ? undefined : "button" }, index.h("span", { key: '87eb8ac822b8cb939ccaffe223e7c1a7503ce42a', class: "shell-navigation-item__icon" }, index.h("slot", { key: '3f3c223699f98e38a05dd2a2ed1d8afebdd3de42', 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: '3321b835ce0dfacbf936f9448fa7a5e7e732ae75', "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" }))))));
     }

package/dist/cjs/swirl-skeleton-box.cjs.entry.js CHANGED Viewed

@@ -19,11 +19,11 @@ const SwirlSkeletonBox = class {
     }
     render() {
         const className = index$1.classnames("skeleton-box", `skeleton-box--border-radius-${this.borderRadius}`, { "skeleton-box--static": !this.animated });
-        return (index.h(index.Host, { key: 'd120b273e7b6a165a6030b91b82ff6c33c816953', style: {
+        return (index.h(index.Host, { key: '3547e916b38260198087a2edce3344e043779f4c', style: {
                 width: !Boolean(this.width) && !Boolean(this.aspectRatio)
                     ? "100%"
                     : undefined,
-            } }, index.h("div", { key: 'fa78b12ef5716d48c2003ffffcf283e3cc3b9435', class: className, style: {
+            } }, index.h("div", { key: 'a5aba4e82e92fc667a94278aa7f26e240438db05', class: className, style: {
                 aspectRatio: this.aspectRatio,
                 borderRadius: this.borderRadius !== "pill"
                     ? `var(--s-border-radius-${this.borderRadius})`

package/dist/cjs/swirl-skeleton-text.cjs.entry.js CHANGED Viewed

@@ -18,7 +18,7 @@ const SwirlSkeletonText = class {
     render() {
         const className = index$1.classnames("skeleton-text", `skeleton-text--size-${this.size}`, { "skeleton-text--static": !this.animated });
         const lineClassName = index$1.classnames("skeleton-text__line", `skeleton-text__line--size-${this.size}`);
-        return (index.h(index.Host, { key: '7ed5f3f6ebcf168c1a9e2673a8a11cbcf0af417b' }, index.h("div", { key: '92b92be45ea19896229733134345de7642dd7b85', class: className, part: className }, new Array(this.lines).fill(undefined).map((_, index$1) => (index.h("div", { class: lineClassName, key: index$1, part: lineClassName }))))));
+        return (index.h(index.Host, { key: '0899e57d88058d4d45c20df213abd79ba4bf8a5e' }, index.h("div", { key: '0cb1d87ceed3d8db2c252af80d0dc9e76bb28a00', class: className, part: className }, new Array(this.lines).fill(undefined).map((_, index$1) => (index.h("div", { class: lineClassName, key: index$1, part: lineClassName }))))));
     }
 };
 SwirlSkeletonText.style = SwirlSkeletonTextStyle0;