npm - @getflip/swirl-components - Versions diffs - 0.205.1 → 0.207.0 - Mend

@getflip/swirl-components 0.205.1 → 0.207.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 (1544) hide show

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

@@ -48,7 +48,7 @@ const SwirlInlineStatus = class {
     }
     render() {
         const className = index$1.classnames("inline-status", `inline-status--intent-${this.intent}`, `inline-status--size-${this.size}`);
-        return (index.h(index.Host, { key: '7067972e59ea0568ba36cb660513f1b0c6dbc804' }, index.h("span", { key: 'a4b1925d3e5c64d5758aab555ece047a9afe892b', class: className, part: "inline-status" }, this.icon && (index.h("span", { key: '89243256c4bed70db441d4f8df912ebd8dfdf5bd', class: "inline-status__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), index.h("span", { key: 'ede922b77904f5d74910c85e381a999cac6f75c2', class: "inline-status__message" }, this.message))));
+        return (index.h(index.Host, { key: 'fe0723967885cc882cadbdc3d46530ca18ce3b05' }, index.h("span", { key: '23e3cc77fa189a68120c877f5d53bc1b69ad07d0', class: className, part: "inline-status" }, this.icon && (index.h("span", { key: 'a0a68a0c617d9d5d6b58a9bcd26950016e237691', class: "inline-status__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), index.h("span", { key: '0125076a5ce37f690a169cb39bb61b4bc74c9aa7', class: "inline-status__message" }, this.message))));
     }
 };
 SwirlInlineStatus.style = SwirlInlineStatusStyle0;

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

@@ -246,7 +246,7 @@ const SwirlLightbox = class {
             "lightbox--closing": this.closing,
             "lightbox--hide-menu": !hasMenuItems,
         });
-        return (index.h(index.Host, { key: 'eedbc61d8f233551fc73072e634855d9f4576033', onKeydown: this.onKeyDown }, index.h("section", { key: '3db9750f88be7589ff623cdf01dca5ebcbe62b34', "aria-hidden": "true", "aria-label": this.label, 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) }, index.h("div", { key: '11c62356b4c0f1b4bc7e94c1f16c997b52cd0ba6', class: "lightbox__body", role: "document" }, index.h("header", { key: '757b290e3c2be944991b6200882dd822574509ec', class: "lightbox__header" }, index.h("button", { key: '3a307f15c6fbbb6d61f02b894958e5a3d8be803a', "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick }, index.h("swirl-icon-close", { key: '3ad53fa426cffd291e19b5d2d274dd8da625f135' })), !this.hideMenu && (index.h("swirl-popover-trigger", { key: 'eb4a77d81b05e533f17028f5ace13567a69455f8', swirlPopover: this.menu }, index.h("button", { key: '4e3cb9b4e8ed2b5bb282b32d005e251fda297280', "aria-label": this.menuTriggerLabel, class: "lightbox__menu-button" }, index.h("swirl-icon-more-vertikal", { key: 'a9311024f6ded33a51b3c013a782be6ba5bee5fa' }))))), index.h("div", { key: '3b50d07b621bde7148a56f5acb39e1062b69a9cf', "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, index.h("div", { key: '8ac5e7b8afd3bafe08561e766f7a787a4f236dfe', "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (el) => (this.slidesContainer = el) }, index.h("slot", { key: '29d6c11a444007bfd70e5eb22f9e5c64238d60e2', onSlotchange: this.registerSlides }))), index.h("div", { key: 'efa43a1d10e1270d1c24522055a91293e377682a', class: "lightbox__controls" }, index.h("button", { key: '47d61a0c32b6dbd30c796759a8ddcb9f32876122', "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick }, index.h("swirl-icon-arrow-left", { key: '6f52359aa9617b3c38e8906ba1e1b38a05efa42c' })), index.h("button", { key: 'f6365bf585150ccb728cc3ee961cd05be5017922', "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: '76e5fdef353618db9f82cd6e49de0da9b5326b0b' }))), showPagination && (index.h("span", { key: '607e536f75b88f3779414af01e68f01bb32163d8', class: "lightbox__pagination" }, index.h("span", { key: 'e05b86e31550993bd9dd3f8c7a87e00ec365c591', "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length))), !this.hideMenu && (index.h("swirl-popover", { key: 'e899134f48cf1baac66853bb829a59a4bc1c873f', 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: '0f5756328ebd28b50290bb6a777cee7ef5fa438b' }, index.h("div", { key: '4a4d9742cf75b43b4b95c6f0f1b3c7853cd738e4', class: "lightbox__meta" }, currentThumbnailUrl && (index.h("div", { key: '6d4b28bb0763c428d8c8454a30b860a5ee2a65d1', class: "lightbox__thumbnail" }, index.h("swirl-thumbnail", { key: '555e8b36232b9af4fb8fb6369b27bff448204e20', alt: "", src: currentThumbnailUrl }))), index.h("div", { key: 'dbf13b5637b4db552c1840e9044bf490080cc676', class: "lightbox__file-info" }, index.h("swirl-text", { key: 'b016fb48b29ec7609bd95f788c66195a90aa4850', truncate: true, weight: "semibold" }, currentFileName), index.h("swirl-text", { key: '8b2275e5a2656fe9708fadb9137a55fca79e4990', color: "subdued", size: "sm", truncate: true }, currentFileType))), hasMenuItems && index.h("swirl-separator", { key: '156ba36159e7b0fd37fdeb8a669297d475475279' }), index.h("swirl-action-list", { key: 'e6e69b511969dc9d9b4162e6b6c4eaa4c0896a4f' }, this.downloadButtonEnabled && (index.h("swirl-action-list-item", { key: '4f743ed4e1b9f890d69df5463ea65249a302780c', icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), index.h("slot", { key: 'eacabb04b213bc2e035f866c87a2dc327e1543a1', name: "menu-items" }))))))));
+        return (index.h(index.Host, { key: 'd5eca953ea225e4143e7cc4b7c61370fd1f5b2c4', onKeydown: this.onKeyDown }, index.h("section", { key: '378273af054af9edbd3f36464fe96da998c3e9f7', "aria-hidden": "true", "aria-label": this.label, 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) }, index.h("div", { key: '20f0db84e12fdaf49433d20ecc934840314a884a', class: "lightbox__body", role: "document" }, index.h("header", { key: '5d3d1aefd8b0c8731d6e74d4164bab887c2f1c9a', class: "lightbox__header" }, index.h("button", { key: 'b5422dc322cda8c120fb6bcf4413f2a7dc2d263f', "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick }, index.h("swirl-icon-close", { key: 'ae2ec77652132ab3cb771ec11bd5bd1973bb13fc' })), !this.hideMenu && (index.h("swirl-popover-trigger", { key: 'b6434861f3e35f5b5ccf2b795e1bc1087891d6e7', swirlPopover: this.menu }, index.h("button", { key: 'edb03c6dde6d5d583d1f9cf46dfd7f268057b86f', "aria-label": this.menuTriggerLabel, class: "lightbox__menu-button" }, index.h("swirl-icon-more-vertikal", { key: '790a285ca19310f48a4626db0f3ced89212207cd' }))))), index.h("div", { key: '4675c21a5fe659a976292f87cd312f6e024e8793', "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, index.h("div", { key: 'df97c003a66820949a1003e14bf726f0dd0be399', "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (el) => (this.slidesContainer = el) }, index.h("slot", { key: 'd30916db345a96af572bdd84e855ac65fba76c43', onSlotchange: this.registerSlides }))), index.h("div", { key: '0e1851260448438d2b90677273ad4b9a74f14044', class: "lightbox__controls" }, index.h("button", { key: '33fa6534821f20f936f40adf657e55c0ec4883f3', "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick }, index.h("swirl-icon-arrow-left", { key: '8bc9982ea1fffef534fdf93b3c58dcde4719ba3e' })), index.h("button", { key: '7636e9f21d81053558bf194c583297cc80229348', "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: 'f49fe25704a1dfc12dbe37da1030021311bc7991' }))), showPagination && (index.h("span", { key: '73a2b02137b011e7a235f4e7ce234da6f1350ec9', class: "lightbox__pagination" }, index.h("span", { key: 'cc10d14172900af7f1adda7dcc3b02d02317b6b0', "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length))), !this.hideMenu && (index.h("swirl-popover", { key: 'fec7fd7f4b349d031e4aa48b5e48386a5d4e7244', 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: '6f94956eee6363a2a897ba5fe1bcb4e143662074' }, index.h("div", { key: 'aae4d95fe9746a38af70f1e05c605208f1e668b2', class: "lightbox__meta" }, currentThumbnailUrl && (index.h("div", { key: '406c8fd119e8d7643124758304fdec045f173a7b', class: "lightbox__thumbnail" }, index.h("swirl-thumbnail", { key: '14ad38034b308012d1fe9d60f14a986cacc3cc17', alt: "", src: currentThumbnailUrl }))), index.h("div", { key: 'd6a31bcae4cabe0dc9b37c5f7bd63c274fc8366a', class: "lightbox__file-info" }, index.h("swirl-text", { key: '3419d1edada1b595985938dda1318188b27e4a40', truncate: true, weight: "semibold" }, currentFileName), index.h("swirl-text", { key: 'b831a261ae3ef8b1744de69cd443b3208350bb8c', color: "subdued", size: "sm", truncate: true }, currentFileType))), hasMenuItems && index.h("swirl-separator", { key: 'dda83f441baa06d2e35940b21897f503097a6237' }), index.h("swirl-action-list", { key: '425fd0247d3f04ebb416f4a9a06a5bdeeb7d55c1' }, this.downloadButtonEnabled && (index.h("swirl-action-list-item", { key: '9f6b57b9a79499fc778532bd89f9a1a2ae577e20', icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), index.h("slot", { key: '17928f056e5b640ed02a09ed4dfd9398e4b2c930', name: "menu-items" }))))))));
     }
     get el() { return index.getElement(this); }
 };

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: '8bc85c462cefcd4b542d2b59494a1f95e70ffde0' }, index.h("a", { key: '21d84579f9ec88e09d766e7cd7038f27e92deaca', class: className, href: this.href, part: "link", target: this.target }, this.label)));
+        return (index.h(index.Host, { key: '20fccde48e4bbf967f627b2176e94417d556daf8' }, index.h("a", { key: 'cf727f4cb2888210a18c359700537de74596c854', 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: 'dab18932302a4da8eb7cecb2d6a5d13e746aeed3' }, index.h("div", { key: '279e2ea7ff6c6d0bc3f7847cf4f662a1c1d4d062', class: "swirl-list", ref: (el) => (this.containerEl = el) }, index.h("slot", { key: '33559ca7631e15ba5c5ab0ad1bad8d0c15902c26' }))));
+        return (index.h(index.Host, { key: 'c65c7e1c3c5707e13d0f5712090a0be30c059131' }, index.h("div", { key: '79ecc909f1ef1e8823e1cd499a89ffc97abf8660', class: "swirl-list", ref: (el) => (this.containerEl = el) }, index.h("slot", { key: 'bc69ec3e64bb542785bd92bf2830e5c705beb1d3' }))));
     }
 };
 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: '72c2956ea789f2398641c3893744be41e92e3083' }, index.h("div", { key: 'e687301fb9b5042aadb3ebf12007e2e409003c9f', class: className }, this.parentMenu?.variant === "selection"
+        return (index.h(index.Host, { key: 'bf3772da46472e00ad144681e4c412893a7d9989' }, index.h("div", { key: '0fb1390c437441107e909858a6a9944417aa3f40', class: className }, this.parentMenu?.variant === "selection"
             ? this.renderOptionListItem()
-            : this.renderActionListItem(), index.h("slot", { key: '80ae2813574bf582c46a799020ac13f04767cf33', onSlotchange: this.onSlotChange }))));
+            : this.renderActionListItem(), index.h("slot", { key: '399640dbd5b970d23b945f62dba7fe3960825187', 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: 'd20d137547b442029b364e29c27a3ed03c032834' }, index.h("div", { key: 'd2691a72702198bb9f78c04f1d90fa86a5139f5b', class: className }, this.mobile && isTopLevelMenu && (index.h("div", { key: 'c8c308bfc715687c7f70d1ab7c9e4e155a32dd76', class: "menu__mobile-header" }, this.activeLevel === 0 && (index.h("swirl-button", { key: '4c4846df329ff48315cc9eaf497c974d0856faba', 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: '127527b83beb2d0ca739598ee3c5d8b153d65287', hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" })), index.h("span", { key: '58f231d8c4d4e70cd7c737236c04e9e580085a66', class: "menu__title", id: "menu-title" }, index.h("swirl-heading", { key: '6fdee562adbcb1aed282905c90ec63cad91a3893', align: "center", as: "span", level: 4, text: this.label, truncate: true })), index.h("swirl-button", { key: 'e81182d2cf9d9be7fa9f02828ee0907e5425eaf9', class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone }))), index.h("div", { key: '7f87e18b3ef5de4a82bd9606081e3e11bab78dc9', "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: '4145b9c3841c68d878e37d65be5302154cd9bab4' }, index.h("div", { key: 'ef3a3ef267d9f208238a27c05fe1554b9af1fce1', class: className }, this.mobile && isTopLevelMenu && (index.h("div", { key: '2ad0c6cbd517a1a0a073f1acd3d511b02879ec87', class: "menu__mobile-header" }, this.activeLevel === 0 && (index.h("swirl-button", { key: 'a2caeb49f878066f56ffc5e4136eba0b5f5efe17', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" })), this.activeLevel > 0 && (index.h("swirl-button", { key: '00e24424c658e14d153948cbfb0b4249f3ac73e6', hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" })), index.h("span", { key: '209c673b378986f0c7b0f4c010fa00374c1f4dd1', class: "menu__title", id: "menu-title" }, index.h("swirl-heading", { key: '86a319ad8eb42ffca49eb89937a8678f144dcd57', align: "center", as: "span", level: 4, text: this.label, truncate: true })), index.h("swirl-button", { key: '08d1faa338e1271d50bae4cf1dcf632429498df9', class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone }))), index.h("div", { key: '0e7f5155d3fdbdb3a9944d8c243c04cd45c1662b', "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-orientation": "vertical", class: "menu__menu", onKeyDown: this.onKeyDown, ref: (el) => (this.menuContainer = el), role: role, style: !this.mobile && this.level > 0
                 ? {
                     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: '33104855fa5fe67514235cbf01a892950b92ca9d' })))));
+                    : undefined }, index.h("slot", { key: '8c89371bb23043eb8553e7473ba086bfdeee56bd' })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -169,13 +169,13 @@ const SwirlModal = class {
             "modal--scrolled": this.scrolled,
             "modal--scrolled-down": this.scrolledDown,
         });
-        return (index.h(index.Host, { key: 'aca0bfdf0fa7eeced996e73afcff2b853ec66e45' }, index.h("section", { key: 'f295be289daa3c8d9947a82e17ce79a167467cd5', "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: '1f0839eba4c6cb5a3625400599317c086b211ba7', class: "modal__backdrop", onClick: this.onBackdropClick }), index.h("div", { key: '26ebb089d4d234a5b20f595cee166460f9e3a8e5', class: "modal__body", style: {
+        return (index.h(index.Host, { key: 'f589043f06f84244ba5eeb4757938e2915c5e854' }, index.h("section", { key: '40672a3b9a948221797f204fa4d4b1c5d4e9e97a', "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: className, onKeyDown: this.onKeyDown, role: "dialog", ref: (el) => (this.modalEl = el) }, index.h("div", { key: 'c8cebd0001b1e1471f316ce93828ac2179e47ca5', class: "modal__backdrop", onClick: this.onBackdropClick }), index.h("div", { key: '24403c97a986c3863001062e0fcbdbb19f6530eb', class: "modal__body", style: {
                 "--swirl-modal-max-height": this.maxHeight,
                 "--swirl-modal-height": this.height,
                 maxWidth: this.maxWidth,
-            } }, index.h("header", { key: '278a2ffb484865c6be89c19f0817084380c5aa88', class: "modal__custom-header" }, index.h("slot", { key: '0154bd0ebab4649fee78762ea0897b19916d40ab', name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && (index.h("header", { key: 'e120debb4cbcf51afe13e1ff0738ca1506f3ee7e', class: "modal__header" }, index.h("div", { key: '38b45a342254d9e0caff0405ec445ca1cd266952', class: "modal__header-bar" }, !this.hideCloseButton && (index.h("swirl-button", { key: '5f4fc3c07b792031dbd6c7337d7ecdc3b1f59495', class: "modal__close-button", hideLabel: true, icon: this.variant === "default"
+            } }, index.h("header", { key: '1b5c10eeee6127134f53fc97db3e315f975a082b', class: "modal__custom-header" }, index.h("slot", { key: '79780ee1d9defdaa7d47ca9a1bb87789b539ea22', name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && (index.h("header", { key: 'a631c972b657887824facfbac1da775310a60caa', class: "modal__header" }, index.h("div", { key: '002498bbd9afd4bdbf549a3f3a3c578fa5e25af3', class: "modal__header-bar" }, !this.hideCloseButton && (index.h("swirl-button", { key: '997a6fa893ff4ae315ff4b5e9ed3254247a38ee9', 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: '2b21331b81118071a8ae4c580d995e8e6974d212', as: "h2", class: "modal__heading", level: 3, text: this.label }))))), index.h("div", { key: 'bf0bfb44e227ab333839b8534ebf10644d7b936a', class: "modal__content-container" }, index.h("div", { key: '305796ed825f6a91bfd731aff62fdd194eaa49c6', class: "modal__primary-content" }, index.h("div", { key: '8a174483ec617cf6b91724445deeb158bc94d82d', class: "modal__header-tools" }, index.h("slot", { key: 'cc20217ab319866a8cb5b1af8ac06ecf5b23ec5d', name: "header-tools" })), index.h("div", { key: '82f99be20c0938b7fcefdd7effab021a7cbb9369', class: "modal__content", onScroll: this.determineScrollStatus, ref: (el) => (this.scrollContainer = el) }, index.h("slot", { key: 'c970575dfaa118ade86a08c31647d1634fc26960' }))), index.h("div", { key: 'e5f5fd6c46d51b9088f4c93dfa8b37962f367391', class: "modal__secondary-content" }, index.h("slot", { key: 'abacd9602e2dacaf8ae85031a1a854f4c5159dbd', name: "secondary-content" }))), index.h("div", { key: '66950b9230f58eae6e751512238290e600d2ebd6', class: "modal__custom-footer" }, index.h("slot", { key: '45b07bfd71dc5d75251d9b7c4caa80378332c035', name: "custom-footer" })), showControls && (index.h("footer", { key: 'c07723985c5539d323faa91091e8be27103ea2c1', class: "modal__controls" }, index.h("swirl-button-group", { key: '1348d2915e11e5b1767bf3d64fca1b3af1059eb5', wrap: true }, this.secondaryActionLabel && (index.h("swirl-button", { key: 'c8fdf092f7d946dc2b8e3e6fc8c519ffa2cf9cae', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (index.h("swirl-button", { key: 'ede7f46effc0335df04e20f11cdaecbd7c672069', intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" })))))))));
+                : "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick })), !this.hideLabel && (index.h("swirl-heading", { key: '18fc047ed0463f9eef8a00a14a71348759248ba0', as: "h2", class: "modal__heading", level: 3, text: this.label }))))), index.h("div", { key: '5c15e5b5791c5b4bc7cf786f02b48ef52f8b01b0', class: "modal__content-container" }, index.h("div", { key: '2db9e42c128b3cf8f8e7ed569d90f8312c13d3f9', class: "modal__primary-content" }, index.h("div", { key: '28fdbc02ab3a4d31c261b4239ebe09619da7fea8', class: "modal__header-tools" }, index.h("slot", { key: '638d0945e2fad66df48bd86c011c2e428a1192fb', name: "header-tools" })), index.h("div", { key: '00c25a8f1dce7fe5b05a8d7b51521970fc10585c', class: "modal__content", onScroll: this.determineScrollStatus, ref: (el) => (this.scrollContainer = el) }, index.h("slot", { key: '403fefee642c72d15b6c32277f9946e9af9c1ca4' }))), index.h("div", { key: '7df07994b199d6d18c8837123be6d20faa9813ca', class: "modal__secondary-content" }, index.h("slot", { key: '65473a33fd23bca14377678c0e6404476a9dca3a', name: "secondary-content" }))), index.h("div", { key: '15c91153f783c4e6e9bb4b580c0a961f9a1b3d30', class: "modal__custom-footer" }, index.h("slot", { key: '69ab20db9fa7e4b8f25deaf44d736cc322a9ec0c', name: "custom-footer" })), showControls && (index.h("footer", { key: 'd6651ebe45583177b66d080630399e57e1199ee5', class: "modal__controls" }, index.h("swirl-button-group", { key: '64573292d8fd59afb895072a504bbbb1e314c7a2', wrap: true }, this.secondaryActionLabel && (index.h("swirl-button", { key: 'c734037e68a9a54f9bbba469a147df1c62009755', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (index.h("swirl-button", { key: '62e85ea6b7703706f9cacae042c513fb5f82f600', 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: '00254dfd7fd0daa025a49b02afa884531f1cba19' }, index.h("div", { key: 'da8cf5c4b247d1b33c1530f88c8c685df773fdd1', "aria-labelledby": "label", class: "option-list-section", role: "group" }, index.h("span", { key: 'b1fba1de3f891cc02197aff8fc7fd4b83c408f42', class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), index.h("div", { key: '31960d53c1fb5c1ed1cf60eccdff8549642c2a76', class: "option-list-section__items" }, index.h("slot", { key: 'c1e74f2ff34307e176d4285e1c3f3ab63967cb4d' })))));
+        return (index.h(index.Host, { key: 'e5c89604c356b108fc9068a5ce38620de8f2920a' }, index.h("div", { key: '23893815a5687deda7bd00265cdfd26fdb377dae', "aria-labelledby": "label", class: "option-list-section", role: "group" }, index.h("span", { key: '51b574e28e6d3211df59537f13175eaa42bbe86b', class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), index.h("div", { key: '8fe03639678a3f98af2a60b8f25ef79b872ef008', class: "option-list-section__items" }, index.h("slot", { key: 'fc58f730f4d013fea38ecee4cb1a93d9b6c99dad' })))));
     }
 };
 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: '692eb010b4578a0bf58760281d20824d1774d810' }, index.h("swirl-visually-hidden", { key: 'c5525158d478e3aa54bd9994474f1ffdaa62eabd', role: "alert" }, this.assistiveText), index.h("div", { key: 'bf9c81687e049ceee2828a1aba80e0605e8413d8', "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: 'bf7846db54d7a058e9b6d7e9b5b2c69df8493084' }))));
+        return (index.h(index.Host, { key: '17ff337c693d086ca498a15748552d72d4c7a32f' }, index.h("swirl-visually-hidden", { key: '725fb95afc37b1d03d0bd3aef47fb0d48e329ded', role: "alert" }, this.assistiveText), index.h("div", { key: '588b1f0cb55530bfe4502823ce810614a819bd74', "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: '30fd9d4970136ea0e94a38d50be8caa87cd4155a' }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
@@ -350,7 +350,7 @@ const SwirlOptionList = class {
 };
 SwirlOptionList.style = SwirlOptionListStyle0;
-const swirlTagCss = ":host{display:inline-flex;max-width:100%}:host *{box-sizing:border-box}.tag{display:inline-flex;max-width:100%;align-items:center;border-radius:var(--s-border-radius-s);color:var(--s-text-default);background-color:var(--s-surface-neutral-subdued);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);white-space:nowrap;gap:var(--s-space-4)}.tag--size-s{padding:var(--s-space-0) var(--s-space-4)}.tag--size-m{padding:var(--s-space-2) var(--s-space-8)}.tag--bordered{border-style:solid;border-width:var(--s-border-width-default);border-color:var(--s-border-strong)}.tag--intent-info{color:var(--s-text-info);background-color:var(--s-surface-info-subdued)}.tag--intent-info .tag__removal-button{color:var(--icon-info)}.tag--intent-info.tag--bordered{border-color:var(--s-border-info)}.tag--intent-critical{color:var(--s-text-critical);background-color:var(--s-surface-critical-subdued)}.tag--intent-critical .tag__removal-button{color:var(--icon-critical)}.tag--intent-critical.tag--bordered{border-color:var(--s-border-critical)}.tag--intent-warning{color:var(--s-text-warning);background-color:var(--s-surface-warning-subdued)}.tag--intent-warning .tag__removal-button{color:var(--icon-warning)}.tag--intent-warning.tag--bordered{border-color:var(--s-border-warning)}.tag--intent-success{color:var(--s-text-success);background-color:var(--s-surface-success-subdued)}.tag--intent-success .tag__removal-button{color:var(--icon-success)}.tag--intent-success.tag--bordered{border-color:var(--s-border-success)}.tag__label{overflow:hidden;min-width:0;white-space:nowrap;text-overflow:ellipsis}.tag__removal-button{display:inline-flex;margin-right:calc(-1 * var(--s-space-4));padding:0;border:none;color:var(--s-icon-strong);background-color:transparent;cursor:pointer}.tag__removal-button:focus:not(:focus-visible){outline:none}.tag__removal-button:focus-visible{outline-color:var(--s-focus-default)}";
+const swirlTagCss = ":host{display:inline-flex;max-width:100%}:host *{box-sizing:border-box}.tag{display:inline-flex;max-width:100%;align-items:center;border-radius:var(--s-border-radius-s);color:var(--s-text-default);background-color:var(--swirl-tag-background-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);white-space:nowrap;gap:var(--s-space-4)}.tag--size-s{padding:var(--s-space-0) var(--s-space-4)}.tag--size-m{padding:var(--s-space-2) var(--s-space-8)}.tag--bordered{border-style:solid;border-width:var(--s-border-width-default);border-color:var(--s-border-strong)}.tag--intent-info{color:var(--s-text-info);background-color:var(--s-surface-info-subdued)}.tag--intent-info .tag__removal-button{color:var(--icon-info)}.tag--intent-info.tag--bordered{border-color:var(--s-border-info)}.tag--intent-critical{color:var(--s-text-critical);background-color:var(--s-surface-critical-subdued)}.tag--intent-critical .tag__removal-button{color:var(--icon-critical)}.tag--intent-critical.tag--bordered{border-color:var(--s-border-critical)}.tag--intent-warning{color:var(--s-text-warning);background-color:var(--s-surface-warning-subdued)}.tag--intent-warning .tag__removal-button{color:var(--icon-warning)}.tag--intent-warning.tag--bordered{border-color:var(--s-border-warning)}.tag--intent-success{color:var(--s-text-success);background-color:var(--s-surface-success-subdued)}.tag--intent-success .tag__removal-button{color:var(--icon-success)}.tag--intent-success.tag--bordered{border-color:var(--s-border-success)}.tag__label{overflow:hidden;min-width:0;white-space:nowrap;text-overflow:ellipsis}.tag__removal-button{display:inline-flex;margin-right:calc(-1 * var(--s-space-4));padding:0;border:none;color:var(--s-icon-strong);background-color:transparent;cursor:pointer}.tag__removal-button:focus:not(:focus-visible){outline:none}.tag__removal-button:focus-visible{outline-color:var(--s-focus-default)}";
 const SwirlTagStyle0 = swirlTagCss;
 const SwirlTag = class {
@@ -371,7 +371,7 @@ const SwirlTag = class {
         const className = index$1.classnames("tag", `tag--intent-${this.intent}`, `tag--size-${this.size}`, {
             "tag--bordered": this.bordered,
         });
-        return (index.h(index.Host, { key: 'b67e7321084a551a2ff203d672262d40f25b6962' }, index.h("span", { key: 'db89192e386e1b8e984c7ff5a8fcc8e8407900db', class: className, part: "tag" }, index.h("span", { key: 'a3adcc737835666ed52e6a04922974637b4bc745', class: "tag__label" }, this.label), this.removable && (index.h("button", { key: '9104229361b9746841db84a0ce88545947e2a6e1', "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: '8f0d79c563ffa74bec22ea400c3d43ff22a9ca69', size: 16 }))))));
+        return (index.h(index.Host, { key: '02429e0453f16d87117282b02b5566210e9990cc' }, index.h("span", { key: 'bd3039960b3f6bad92c08001f9927643626d9ffa', class: className, part: "tag" }, index.h("span", { key: '082ae33eebf5fa8fb39e9d481d613419aacc06a9', class: "tag__label" }, this.label), this.removable && (index.h("button", { key: 'e3a20c81951a5606f49a7ac946ccabcadde1a856', "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: '15f71b707c8d6bbba3c09dd9c66ddaa4399b82ad', 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: 'a868ebbd52be7109114aa9902e90da4e8b3cc05b' }, index.h("nav", { key: 'c901f4199b231df362a5c245f39793158347e597', "aria-label": this.label, class: className }, index.h("ul", { key: '030fd790cf353b89a48d8b8d990c2e13984dbad6', class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (index.h("li", { key: 'dcd1ee3eb343ae6a095836719c94b554b589baf1', class: "pagination__list-item" }, index.h("label", { key: '84d344807e9efb1b6c7d8ca867e234fcd1552f3e', class: "pagination__page-size-selection" }, index.h("swirl-text", { key: '76eda5b61d9c7e9a078e0c6a3538dcc548c096f7' }, this.pageSizeSelectLabel), index.h("swirl-stack", { key: 'fa95c18ef16df5f3cee53d82a3b879c124f2ea52', align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, index.h("select", { key: 'bae99f7594c60a9db45ea6c86edf47bbeafe8ed8', 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: '3e02befb8461a4ffc9256058bd088c91447b000c', "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), index.h("li", { key: 'c6c21f0ee13e46586bf0982c2fb97636ee016285', class: "pagination__list-item" }, index.h("swirl-button", { key: '06f41cac26e65a3b4a1493bc3824e9d9961a83ae', 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: 'f519537b3bc4b4c5dde7cee4623a23a28953c922', class: "pagination__list-item" }, index.h("swirl-button", { key: '22db009bbff5ba95a12f847e9da292ee6b2e3ba4', 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: '5084487945838fc47988d1bab2f97aaf2198c938', class: "pagination__list-item" }, index.h("swirl-button", { key: '1b7243f892803406be2fa5956def1e79f37fcc04', 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: '006a6afdc28d7033fffa3b90e72f2371a22abcd7', class: "pagination__list-item" }, index.h("swirl-button", { key: 'd409925fbd17f122bd01d32f4d17b71d40f2c414', 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: '19ef10f877c70e8ff494e02e2f4aa5517b08d174' }, index.h("nav", { key: '5444d4c520425cec52c306308080494990f80911', "aria-label": this.label, class: className }, index.h("ul", { key: 'def276c2ef95853df1ad271de739d5b0d866ce93', class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (index.h("li", { key: '03b027b48bdc30ab1749c1d0cf87695f38c009b7', class: "pagination__list-item" }, index.h("label", { key: '9b651fb7a48972ab433f98a6ab2a939654d21637', class: "pagination__page-size-selection" }, index.h("swirl-text", { key: '2be473479b617d2ed6f1beb918d2b6cb828b8f14' }, this.pageSizeSelectLabel), index.h("swirl-stack", { key: '2eaa59de79fac45847f61c5849fc9fef22e25a95', align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, index.h("select", { key: 'e4db400bf40baa6cafaaf6c5cdfc561fa9358cb1', 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: 'f427d80ecf63e91eeb9b81ac5a431609858265bc', "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), index.h("li", { key: '0d03e0be976c4aad6cfa859c02f75fff0310d1a7', class: "pagination__list-item" }, index.h("swirl-button", { key: 'a6c57c7adb05b54895db39c351a922abc7031a51', class: "pagination__first-page-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-double-arrow-left></swirl-icon-double-arrow-left>", intent: "primary", label: this.firstPageButtonLabel, onClick: this.onFirstPageButtonClick })), index.h("li", { key: '837c9d21d8f25eb3673a4deadf4c3036454335d4', class: "pagination__list-item" }, index.h("swirl-button", { key: '7f974e2774fb40fcaf35a8ea6a0675f2b9904ce8', class: "pagination__prev-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", intent: "primary", label: this.prevButtonLabel, onClick: this.onPrevButtonClick })), showPageLabel ? (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: 'eeed63aaaecf4e7f245e253aa395c7857dc320a5', class: "pagination__list-item" }, index.h("swirl-button", { key: 'c2ebb6e8d9333833832616d34781dc4c959c1e31', class: "pagination__next-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-chevron-right></swirl-icon-chevron-right>", iconPosition: "end", intent: "primary", label: this.nextButtonLabel, onClick: this.onNextButtonClick })), index.h("li", { key: '627ed42cf6d79604ca88d4441fc5ead9386b2bed', class: "pagination__list-item" }, index.h("swirl-button", { key: 'd6c53b82e9445f57a1b3f0629e9a98e8a7a93b6c', class: "pagination__last-page-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", intent: "primary", label: this.lastPageButtonLabel, onClick: this.onLastPageButtonClick }))))));
     }
 };
 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: 'fdc552b9875dfffb5d9b1d374b847cebbe08b3ac' }, index.h("section", { key: '37b3cccd1951687fedb6086d8bcc45c7337cf6c9', "aria-hidden": "true", "aria-label": this.label, class: className, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, index.h("div", { key: 'ca8edf2456e8c041f651a4eae27cb1e0112d4331', class: "pdf-reader__body", role: "document" }, index.h("header", { key: '774d8b355a9afd048b3b693d76048dd72402efe3', class: "pdf-reader__header" }, index.h("span", { key: '2caca47ea36c8f9767da10a64bdceb86eab6534e', class: "pdf-reader__header-left" }, index.h("swirl-button", { key: '7f38150e4c8c8be03307f43bc8557dc3bf434536', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), index.h("span", { key: 'f644171dfcd43fa379e5b3c2325ab74910fe93d4', class: "pdf-reader__label" }, this.label)), index.h("span", { key: 'de65179bfbdd7cdcb33ffef9e313173faa079735', class: "pdf-reader__header-center" }, index.h("span", { key: 'beebbe316784c9c215b5da419ff8990a6ec1a661', class: "pdf-reader__zoom-button-container" }, index.h("swirl-button", { key: 'dfbcbef3958d72cde9035758c148fd92db2ba977', 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: '0228b8cc0d55d03f5ea1e416cf9ead47dff0995f', 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: '0d59255fd2aeca2d53d9b02f602c025c2cab233a', class: "pdf-reader__zoom-select-container" }, index.h("select", { key: '6f2fecb725932fe515c60c77db7f4971c1f0c49f', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, index.h("option", { key: '940b240c4c834066a2975835d6dc8d3a7d2239b2', 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: '7b6223bc595ee0e82fb32f02308fbf27d9dab2ac', class: "pdf-reader__zoom-select-icon" }))), index.h("span", { key: '4c9d2442eff299a948d4ce34f5bc629c5635eb4e', class: "pdf-reader__header-right" }, index.h("swirl-popover-trigger", { key: '0842920226a10de830f40544ccf26f430c2fb5e0', swirlPopover: this.menu }, index.h("swirl-button", { key: '833be01e671438c28beccf752ec07836aa4bcd4e', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), index.h("span", { key: '1bca6ccce6ca0345e0a0797dc8351efb7a78e595', class: "pdf-reader__floating-tools" }, index.h("button", { key: '79b5f3d1d8dbfd28b27450d21a75222d278a44d0', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, index.h("swirl-icon-menu-book", { key: '900a7d195cc9bce07468ef47c1b46cc7f537dceb' })), index.h("button", { key: '89377c401abf370efbc420ab7744513e3de23c9c', "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: 'b078935b8acc949eced1e29cf9ad613de74ac3ef' })))), index.h("div", { key: '1a39cdc9afa528de4fb99d22f855373fcfcb4221', class: "pdf-reader__content" }, index.h("nav", { key: '2a57b419cee60ce10395e300b645dc9eca9b9cd9', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && index.h("swirl-spinner", { key: '4564d358a6563f7bbb905de2263b736af232f9aa' }), !this.loadingThumbnails &&
+        return (index.h(index.Host, { key: '514fef96758b173a5c7f6de5833260edc7767ed4' }, index.h("section", { key: '506a7da85c9463b3aef5f156570dbee67d8bb17e', "aria-hidden": "true", "aria-label": this.label, class: className, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, index.h("div", { key: '61f806f1b26a7e04656944e5a07c623171966a0c', class: "pdf-reader__body", role: "document" }, index.h("header", { key: 'daa05711a29a16ebb398e63fa6422ffb4d1a2145', class: "pdf-reader__header" }, index.h("span", { key: '22b8c3e0b874f9d891c06960ef808f22f7fdac89', class: "pdf-reader__header-left" }, index.h("swirl-button", { key: 'ea420b1e23397581d3daac5372ceea78c463c3b2', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), index.h("span", { key: 'e6a6c4c31a355fbdc8d5be397cc4afdc1cc41b5d', class: "pdf-reader__label" }, this.label)), index.h("span", { key: '582ce306e1bb83b76977e8922791d38a487fb370', class: "pdf-reader__header-center" }, index.h("span", { key: '1b0fc6a28dcb4743f721879fbb94f69875deac3b', class: "pdf-reader__zoom-button-container" }, index.h("swirl-button", { key: '544238bd0874fe9e6c5e509fff4b6d2d7ab6aefd', 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: '7ecf27b20b17858b8f187a97b79d9bd45e13080c', 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: 'd8392b1bf40c784d42ade3f085f1832066857839', class: "pdf-reader__zoom-select-container" }, index.h("select", { key: '9ae9287f5e2aa686b1079d7195c066d5b538351f', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, index.h("option", { key: '664750b13d0512b308f6bb206d88b9af7f39fe43', 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: '9db66a14c6d0b25da86e68379d9906205d1d9bdc', class: "pdf-reader__zoom-select-icon" }))), index.h("span", { key: '49c5e433bb250a7bc4937ffb0914a9be1fa120ae', class: "pdf-reader__header-right" }, index.h("swirl-popover-trigger", { key: 'cbd04e4744d951408ee8038d70c791e92bc0382b', swirlPopover: this.menu }, index.h("swirl-button", { key: '4e41e10aab7e20708370e13efabff75c6c27ff04', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), index.h("span", { key: 'a6932b44450588fa253516e5c92fc0ebc6f516c6', class: "pdf-reader__floating-tools" }, index.h("button", { key: 'c2a06089dfee5e113bd5d9ad9918f5275000ca0f', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, index.h("swirl-icon-menu-book", { key: '64bd70b7bc360cad0f6217db8c414821c2200c9a' })), index.h("button", { key: '951897713c8f75d1addbef4e5af55f4ed72e436b', "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: '71971e955e5520869353075e328f9e6c7ad73e4e' })))), index.h("div", { key: '8f129691d6802f3f9ff2d530b1191d98b48a23af', class: "pdf-reader__content" }, index.h("nav", { key: '5c7fdd7214766bf24d727f2e98a3262bb09e3f5c', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && index.h("swirl-spinner", { key: '9f3feac0be72bee7fc17793be03327704661b43e' }), !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: 'a763cb47ecb465117acf2f49407be1dee78f87f9', 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: 'd53ffee08391fb3282ce54899cc6cac6dd2e3980', class: "pdf-reader__mobile-zoom-controls" }, index.h("button", { key: 'cc6d0e676e9b32a4acbcd959218bf898e8b4da67', "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: '402e8b35b689321eca65bb88397de4c5df19ae12', "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: '89eeab76b2c193e02699d76cce1571416cbe665f' })), index.h("button", { key: 'c8e73691b4b423923a0ee973b2ece2319240922e', "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: '0c0ded839581d195dceafbc9527b0c364bfe3771' }))))), index.h("swirl-popover", { key: '2aad362c6b0692a6a0e6039c8c05a7e4841cb4a1', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, index.h("swirl-stack", { key: 'b60fd88e764b26dee6636e726428fcaed04a0160' }, index.h("div", { key: '2a9abd2fd08254dceb29c35428f99c1f09f74ced', class: "pdf-reader__meta" }, index.h("div", { key: '26e2a468c652c8904aaa7d0794af97155fa8bbd9', class: "pdf-reader__file-icon" }, index.h("svg", { key: 'c5988e94cce4dd30226128559c99c0964e396e2b', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, index.h("path", { key: 'ed1d1daef9436cac33a7df0eacf5b56a4529b313', 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: '6770dd6780bd9bd2c347258c377a33cf47aa5c43', 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: 'd07965806b06a024a114507d321ded3c17da3516', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), index.h("path", { key: '6586c8273315abb7c442e69978fc39ca6d05cf64', 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: 'ec8af5775656cc8c5699b4c9c1e9ccd6ab86d17b', 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: '73055e2c62c3b21fc3a8291e2cebca889cdba6bb', 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: 'b39e6ed91c5a975431c71db4602116a662e8bf3d', 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: 'ce46b9f4029ac7deafe3e18274fbdd4f9611b9e8', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), index.h("div", { key: '04d38271d3ae7d56b8af91f5fa820849bb7718af', class: "pdf-reader__file-info" }, index.h("swirl-text", { key: 'd84a01b44ae562d44a36e8052e20841c73db31f1', truncate: true, weight: "semibold" }, this.label), index.h("swirl-text", { key: 'd65489cd2a9f4cf3e8554cec8bd9737f2b9b7d9b', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && index.h("swirl-separator", { key: 'f565c057171512b3c4e9d8815fa811f5c7c298d9' }), index.h("swirl-action-list", { key: '0e3b3d79b9ec368ea0731295f84ca64f95ff1c2f', class: "pdf-reader__menu" }, this.printButtonEnabled && (index.h("swirl-action-list-item", { key: '45774cb55870f839ec1b172b284329ba52f01ce1', 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: '5d4a3033a4c9f45eac5b0ed707b9aceebdc3392c', class: "pdf-reader__download-button", disabled: this.downloading, icon: !this.downloading
+            })), index.h("swirl-file-viewer", { key: '39f08272d479985b84212fbe33f2c4c28dbdf1d4', 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: '6e250e0eb4cd8555f9a0079627df877236f686ea', class: "pdf-reader__mobile-zoom-controls" }, index.h("button", { key: '29e5bce22826baf2c5d1afa58b7a97bfca12f027', "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: 'dba55f7132b4a721914b565b682267f5fdfd82c1', "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: '6cb9b1fb22ad4de67bdd9a611afc1257c3e72a47' })), index.h("button", { key: '49fec30bed12334066f6688b5007bcb9fae8a2a8', "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: '60cbe0f951cbc683d59288a4fb110d68f33457c2' }))))), index.h("swirl-popover", { key: '117e27615ff56d4c694ff1ada8e3cc013121963d', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, index.h("swirl-stack", { key: 'f9404ac16523085bfd88f535b08c6d308b3812a4' }, index.h("div", { key: '04fc585aeb94250cd7c92577769006361a63c286', class: "pdf-reader__meta" }, index.h("div", { key: '4adaabc21720a1917aee05e813146ea1c6253989', class: "pdf-reader__file-icon" }, index.h("svg", { key: 'd96d8aa7aff997344eff8d8d40fdea8e90cc6ddb', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, index.h("path", { key: '12295346749d43a06b797fcf992194a52cedd255', 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: '62f24b034fef684d6bcaf7043522c43af6e96f57', 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: '1daa4504163b750e8bd7a0f99340bb4275ac8459', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), index.h("path", { key: 'ecab7ab3453434561df7f2b782d073e8da930ba9', 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: 'f701adcf820d5aac6676ae91e2f021dce0ffea0b', 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: '4f30f927abc92fa2fb8cc1874ca1e15616d5486a', 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: '2b1ca5d1d91fe8490b108437c11dd57f81af8aae', 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: 'bf0d015a297b434d790c06752bfa4fe422f528dd', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), index.h("div", { key: 'b01d8e0908d24ad9b2b33cf125e201a16382aeb3', class: "pdf-reader__file-info" }, index.h("swirl-text", { key: '33439bc9998a1f2d077bd1a59f262e106f7a2cd0', truncate: true, weight: "semibold" }, this.label), index.h("swirl-text", { key: '95cce7ceb6a1d317234f3c1ab6a1f8a5c3f90a00', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && index.h("swirl-separator", { key: '430a0264f0ae65fa3e758806bc648d6308a4b2dc' }), index.h("swirl-action-list", { key: '4f7c45d281299b0003bc8f35d400819095b6e516', class: "pdf-reader__menu" }, this.printButtonEnabled && (index.h("swirl-action-list-item", { key: '028e1a7d66bb8f80625c1569c0f40bb73ecf4dc7', 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: 'c69a3e15d5af3870aa7a31a981f69274e5657ffa', 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: 'b85258805fd328e431c9711833200f1e9b3dd2a4', name: "menu-items" })))))));
+                : '<swirl-spinner size="xs"></swirl-spinner>', label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), index.h("slot", { key: '3d70da99251fbffef992e0f1947e939e69b07be9', 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: 'f3bca2b5bafb8518298ab646ac1c348b5c56b232' }, index.h("div", { key: '5c035656e06397cec7631204d61faece94c616fb', class: className, onKeyDown: this.onKeydown }, index.h("div", { key: 'f2d24daa53c0e5165c5c60e38cd872179c5473ba', "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: '692a870e17c4c5c9ce3d6bfb8459d915efd1fe6f' }, index.h("div", { key: 'c031461b075fa806d9976f147de6983206f2c699', class: className, onKeyDown: this.onKeydown }, index.h("div", { key: '3627e2e25adb1dd575303faf991d812e5bf546ed', "aria-hidden": !this.active ? "true" : "false", "aria-label": this.label, class: "popover__content", id: this.popoverId, part: "popover__content", role: "dialog", ref: (el) => (this.contentContainer = el), style: {
                 top: Boolean(this.position) ? `${this.position?.y}px` : "",
                 left: Boolean(this.position) ? `${this.position?.x}px` : "",
-            }, tabindex: "-1" }, index.h("span", { key: '4efd18f520572ae456d0e5bbfc3c92a158b771bd', class: "popover__handle" }), index.h("div", { key: 'fa2c01019b25ec19830887d6ea72f08ca42daf27', class: "popover__scroll-container", part: "popover__scroll-container", ref: (el) => (this.scrollContainer = el), style: {
+            }, tabindex: "-1" }, index.h("span", { key: '5322b500a903544e1bf8978d891a1a1a448b3a6c', class: "popover__handle" }), index.h("div", { key: 'bb996f4c4687d89009d4f9a63f1dffdbdca8e2b8', 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: '6ea169f4b966c6bef3037e9a1f1d3f39e0bda3b3' }))), this.active && (index.h("div", { key: 'cadaaf7d7ba1a45bb07bcd41fae23b83e3d95394', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
+            } }, index.h("slot", { key: '0e822963d0e9d0c34c5374a4f50521cea0fda8a8' }))), this.active && (index.h("div", { key: '4e0d20a700f104a17eb9b708699dd34901e3882c', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
     }
     get el() { return index.getElement(this); }
 };
@@ -427,7 +427,7 @@ const SwirlPopoverTrigger = class {
         return isActive;
     }
     render() {
-        return (index.h(index.Host, { key: 'e5fbf7d336f3f42160bc7d9ff67f5758e6b12ee6', onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, index.h("slot", { key: '0c167364c36e9e98beeb2752c3d2e1a32518fafc' })));
+        return (index.h(index.Host, { key: 'fbabe3482cd7210f2249102d8c1f9dec099eb44c', onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, index.h("slot", { key: '67cf8993a7a7c9c77fc023c4021de72e805161aa' })));
     }
     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: 'ca77d885b616b669a5033061be8f2f21343a21d7', class: this.variant }, this.variant === "bar" && (index.h("progress", { key: '71195582ff12f2710703846d15549aa8ceeb3712', "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: '2d0da5160a59cd6002c8ee9fd2b907b6fe7210bd', role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className }, index.h("svg", { key: '758e7629cb59f15066e898f5b052d3e861bf4c1d', class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(radius + strokeWidth) * 2} ${(radius + strokeWidth) * 2}` }, index.h("circle", { key: '3a50b796bdd0d77bfdca2fd6260e98674094e4d4', class: "progress-indicator__circle-background", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth }), index.h("circle", { key: 'f5a460cc868e4445682312f7ce48e06cc71e95b8', 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: '6ef5ff981e38effa23656d913eef82b27fecb501', class: this.variant }, this.variant === "bar" && (index.h("progress", { key: '79825f82f8c9b509f10bfde2bb72b86fcf81d44e', "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className, max: 100, value: this.value })), this.variant === "circle" && (index.h("span", { key: 'a546934fa62f38df0dca7c8ea5eccedc622cc827', role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className }, index.h("svg", { key: 'dc7dc1a69361694cf7a1abb36da81fac3e22be9b', class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(radius + strokeWidth) * 2} ${(radius + strokeWidth) * 2}` }, index.h("circle", { key: '1cd14c46591e24e612a25f90ce8ad0cedde167ba', class: "progress-indicator__circle-background", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth }), index.h("circle", { key: '2b217ee432c39f2494bedd1706ef5fd4d2fdfee6', class: "progress-indicator__circle-value", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth, "stroke-dasharray": circumference, "stroke-dashoffset": dashOffset }))))));
     }
 };
 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: '54454c132456bad03cabbba366efc66b3c1456f4', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, index.h("div", { key: 'c364e6e51dd15c5063ed92d3c08719757d7a0a27', class: "radio-group" }, index.h("slot", { key: '590ed70a66e449b1076aa6085ef301bfdf272ff5' }))));
+        return (index.h(index.Host, { key: '0810017098afe1a3c7dfb7503ce1b032f2a9658f', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, index.h("div", { key: '349621e7499449af81f084d078416cbf53b8df21', class: "radio-group" }, index.h("slot", { key: '35510d0231b42f142585f089aa6d746dea604f02' }))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -46,7 +46,7 @@ const SwirlRadio = class {
             "radio--invalid": this.invalid,
             "radio--unchecked": unchecked,
         });
-        return (index.h(index.Host, { key: '406d97d8e87da8a17bbff7b67cf6ecbf7d908064', style: { width: this.variant === "card" ? "100%" : undefined } }, index.h("label", { key: '6e4e93dc91ebfb3264226fc58e9322184179698d', class: className, htmlFor: this.inputId }, index.h("span", { key: '255519514587f38e0e9aa1beb3cee17993ff5cc4', class: "radio__control" }, index.h("swirl-visually-hidden", { key: '1bb98d55d2caceb15f72a2a82c3a0957a6509d0b' }, index.h("input", { key: '928992a95349bd917415be1a34c73bacec246bad', "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: 'd912ffceed37c2f4201396d74cdff439cb41e735', "aria-hidden": "true", class: "radio__box" })), index.h("span", { key: 'c3cdad462855597283f685bca62bf7bdef10e04d', class: "radio__label-container" }, this.label && index.h("span", { key: '56a0225a0c1e8e42e08187f895ddf31745528fa5', class: "radio__label" }, this.label), this.description && (index.h("span", { key: '844c8355d1f8fc2d679df288fb19a6edc497d009', class: "radio__description", innerHTML: this.description }))))));
+        return (index.h(index.Host, { key: '39a96c5edf97059f8d16fa72cda6763f590f885b', style: { width: this.variant === "card" ? "100%" : undefined } }, index.h("label", { key: 'e840ab45b938f5c99ad2aea62c21ecd9ae8ad435', class: className, htmlFor: this.inputId }, index.h("span", { key: 'a3b0e36b6828f9884b099f02b76e2f9d4698f4c3', class: "radio__control" }, index.h("swirl-visually-hidden", { key: '65d4ae90ae0bbd80dcf21eb17f390e4a4c9d0dd0' }, index.h("input", { key: 'ddd43d5f4e7767b7a0a9b89a6e72e539cd90a4a7', "aria-checked": ariaCheckedLabel, "aria-invalid": ariaInvalid, checked: checked, class: "radio__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, type: "radio", value: this.value })), index.h("span", { key: 'b13ec0c4f182d798a821c1794483b61fe65869c3', "aria-hidden": "true", class: "radio__box" })), index.h("span", { key: '04b086fb6fe62de104f7be0879b38993f602a795', class: "radio__label-container" }, this.label && index.h("span", { key: 'b7659db35ef1cf82b0633f3abc95fd3cc6d0c958', class: "radio__label" }, this.label), this.description && (index.h("span", { key: 'a6122cac1cfb67d99663b3e509ef19e9caf1094c', 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: 'b3bc0ca348c5ec20ad0d34976649ff0f8e16df50', role: "row" }, index.h("div", { key: '3044582ef52998b6116874ae997b3fafa29db8aa', class: className, part: "resource-list-file-item", role: "gridcell" }, index.h("span", { key: 'e1cdfb9d835a36d2dcca07d83a7c3d7f7bfdf06d', class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }), index.h("span", { key: '4c440a3849543936dd5509fff1dbc295ed92a797', class: "resource-list-file-item__label-container" }, index.h("span", { key: '928d48517de766c399cf155ced1499fcd33e44bb', class: "resource-list-file-item__label", id: "label" }, this.label), showDescription && (index.h("span", { key: 'cf5dd2a2cca5221c6fd442e8442b4bb6e8e38fd1', class: "resource-list-file-item__description" }, this.description)), showError && (index.h("span", { key: '868d109a4f2dd6137f023903f9ff5b3ef8df08cd', "aria-live": "polite", class: "resource-list-file-item__error-message" }, index.h("swirl-inline-error", { key: '8bc3759b2113b414881207c030fce5baf5bdd762', message: this.errorMessage, size: "s" })))), showSpinner && (index.h("span", { key: '79516b73fead6e98247292db25ffae5b9372d002', class: "resource-list-file-item__spinner" }, index.h("swirl-spinner", { key: '7660eaf4179d1379153454551ed33b6c601e3293', size: "s" }))), showRemoveButton && (index.h("span", { key: 'd9cd9935ec1236cb9dfef3f7f7eaac0b4056d2e5', class: "resource-list-file-item__remove-button" }, index.h("swirl-button", { key: 'f06b578ef2f5d8cd076bad48fc8699b49278e2df', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))))));
+        return (index.h(index.Host, { key: '9e606265434f2937873942ad441f1dd317ac6465', role: "row" }, index.h("div", { key: 'e1d1a6bffae18a876ab4b81365ed13452166786d', class: className, part: "resource-list-file-item", role: "gridcell" }, index.h("span", { key: '28026998d840337e38b13ecf8da06d5e990f43bf', class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }), index.h("span", { key: 'b1ab85f380c6c4c5e763caaccfed099ae0320bcb', class: "resource-list-file-item__label-container" }, index.h("span", { key: '6f5f8fa00ad1bf71dce276c2dc4708cf4e2e43a9', class: "resource-list-file-item__label", id: "label" }, this.label), showDescription && (index.h("span", { key: '474df5dfc8ca4f6b3b22d6d12ad68dfddc3b3f4c', class: "resource-list-file-item__description" }, this.description)), showError && (index.h("span", { key: '658bc40dd5b34c723ef7c6c92f384e6eaba2002c', "aria-live": "polite", class: "resource-list-file-item__error-message" }, index.h("swirl-inline-error", { key: '68011a5e2308d05dfe77b3092c5f61f9bda05fa3', message: this.errorMessage, size: "s" })))), showSpinner && (index.h("span", { key: '3f291cba6909c2b0f58d821675487550b93bdb0e', class: "resource-list-file-item__spinner" }, index.h("swirl-spinner", { key: '4631207b5163876ef8114f172300e628e8ef8683', size: "s" }))), showRemoveButton && (index.h("span", { key: '7953cfad0379d4f1d39a857e394a5723c86df75a', class: "resource-list-file-item__remove-button" }, index.h("swirl-button", { key: '750755bc9f67cd2f991ea034a1c624d71a239979', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))))));
     }
 };
 SwirlResourceListFileItem.style = SwirlResourceListFileItemStyle0;

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: '5bf70e02de79109b2b06f398d3ce1859f76df9e3' }, index.h("span", { key: '826ecc2b262862f239e554b2185329580cd83a17', class: className, ref: (el) => (this.iconEl = el) }, index.h("swirl-icon-search", { key: 'adb74eac3160bffcffc8088c1a500f2215967165', "aria-hidden": "true", class: "search__icon" }), index.h("input", { key: '9b3504f92c7cec190ef9b4a6613d513ebd960e7e', "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: 'fe42a660d21d6681cc30e648f7f616e6636446c3', "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, index.h("swirl-icon-cancel", { key: 'cd55c1ccdb59ab69129e9751dd4d25f0157f585a' }))))));
+        return (index.h(index.Host, { key: 'ceae5da523aa816ce7622c9ef37294b6170ffba4' }, index.h("span", { key: '9f1222ded2f5023fe3fac44fcbe39b3d7786bb5c', class: className, ref: (el) => (this.iconEl = el) }, index.h("swirl-icon-search", { key: '3277b43b597777998051589a6181c4cf132ece92', "aria-hidden": "true", class: "search__icon" }), index.h("input", { key: 'f61260a4ddad79d484cd19b4bf1c52b599885fde', "aria-disabled": this.disabled ? "true" : undefined, "aria-label": this.label, autoComplete: "off", autoFocus: this.autoFocus, class: "search__input", disabled: this.disabled, id: this.inputId, inputMode: "search", name: this.inputName, onBlur: this.onBlur, onChange: this.onChange, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.input = el), type: "search", value: this.value }), !this.disabled && (index.h("button", { key: 'ec7b6490ebe051c4dfda08aa9527132923553d54', "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, index.h("swirl-icon-cancel", { key: 'e900528f58b0fa8d6d2c52a11ca616635ffe3533' }))))));
     }
 };
 SwirlSearch.style = SwirlSearchStyle0;

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

@@ -129,11 +129,11 @@ const SwirlSelect = class {
             "select--multi": this.multiSelect,
             "select--search-loading": this.searchLoading,
         });
-        return (index.h(index.Host, { key: 'bcfe86a952c21b82019e6a7a634b8359fa4a8e5a', onKeyDown: this.onKeyDown }, index.h("div", { key: 'e9e1d776f7ed183bd87f405d484955e8f17ac239', class: className }, index.h("swirl-popover-trigger", { key: 'd50b378db3053797168646e53748eabd9e1157ed', swirlPopover: this.swirlPopover, setAriaAttributes: false }, index.h("input", { key: '4f9ed214f553f3a86d301f070e10d301825336df', "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: '8fe9f51cd1a691a7ad737b599a24fd361968b3d9', class: "select__multi-select-values" }, this.value
+        return (index.h(index.Host, { key: 'ef9525efec576f3c2399d67effc58aa5be0fb64e', onKeyDown: this.onKeyDown }, index.h("div", { key: '3b7ad478ada6313146928ce596f1360a7e002cd2', class: className }, index.h("swirl-popover-trigger", { key: '542c357f3da2358c7da64e61a9f88ae8decabd76', swirlPopover: this.swirlPopover, setAriaAttributes: false }, index.h("input", { key: 'c69240750b2e6c11ba992518cf70cb7408c6ba8b', "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: 'bf993aaf574c658d51d107704f919783ad6c1607', 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: '43d0b6ee80ac62efe24161906e37eaa43aff9980', class: "select__indicator" }, this.open ? (index.h("swirl-icon-expand-less", null)) : (index.h("swirl-icon-expand-more", null))), index.h("swirl-popover", { key: '9f6f1c55f458ba376a4e080832e3033eabd16199', animation: "scale-in-y", class: "select__popover", id: `select-options-${this.selectId}`, label: this.label, offset: [0, offset], onPopoverClose: this.onClose, onPopoverOpen: this.onOpen, ref: (el) => (this.swirlPopover = el), useContainerWidth: "swirl-form-control" }, this.withSearch && (index.h("div", { key: '89f6372e706d63e07853a56096a68213d7f8ff80', class: "select__search" }, index.h("swirl-icon-search", { key: '7e6f4416931b07f71a36a9afa57912dc295cef91', class: "select__search-icon", size: 20 }), index.h("input", { key: 'd117794acddfe176d17fe8f415cfb9991813093b', "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: '5f2fd636a123aee86683b701705548d85841427d', class: "select__search-spinner", size: "s" })))), index.h("swirl-option-list", { key: '233f3ef589a12d1a194853b721cb88d5638b9134', allowDeselect: this.allowDeselect, onValueChange: this.select, multiSelect: this.multiSelect, ref: (el) => (this.optionList = el), value: this.value }, !this.searchLoading && (index.h("div", { key: 'b3f2d299d5b833e495c3d86a87122f4228120ca7', "aria-disabled": "true", class: "select__empty-list-label", role: "option" }, index.h("swirl-text", { key: '50e93f901f0ec35b49884d14256e14858a59110a', color: "subdued", weight: "medium" }, this.emptyListLabel))), index.h("slot", { key: '677993ae7d3bad42ca5057651fc488c88cb0ca5a', onSlotchange: this.onSlotChange }))))));
+            onRemove: () => this.unselectOption(option?.value), removable: !this.disabled && this.allowDeselect })))), index.h("span", { key: '2e8d89c2fd60a83ebcf18730f28b7a07c48fc448', class: "select__indicator" }, this.open ? (index.h("swirl-icon-expand-less", null)) : (index.h("swirl-icon-expand-more", null))), index.h("swirl-popover", { key: 'a6442aefcd240c4f2c01b6a9229cc2aca08c3c42', animation: "scale-in-y", class: "select__popover", id: `select-options-${this.selectId}`, label: this.label, offset: [0, offset], onPopoverClose: this.onClose, onPopoverOpen: this.onOpen, ref: (el) => (this.swirlPopover = el), useContainerWidth: "swirl-form-control" }, this.withSearch && (index.h("div", { key: '08c2d313531f4efe06a670089596ee716d5c31fe', class: "select__search" }, index.h("swirl-icon-search", { key: '3c5abab411652455caff3a6fbe1f721e802c8fb2', class: "select__search-icon", size: 20 }), index.h("input", { key: 'd4fab55fafd8ffc2e4fba0891f7f8377ee17709f', "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: '3e2139331fa747bd272059aa7419ac5e8e350741', class: "select__search-spinner", size: "s" })))), index.h("swirl-option-list", { key: 'f48df1c34fe25b2ab298acefe0b4828520443e68', allowDeselect: this.allowDeselect, onValueChange: this.select, multiSelect: this.multiSelect, ref: (el) => (this.optionList = el), value: this.value }, !this.searchLoading && (index.h("div", { key: '898a835739fdeb4c53d53d099eaff43868b1e6ab', "aria-disabled": "true", class: "select__empty-list-label", role: "option" }, index.h("swirl-text", { key: 'c9c42e9f9d9532d237a559fa9e9111a6355a8ddf', color: "subdued", weight: "medium" }, this.emptyListLabel))), index.h("slot", { key: 'b997c73f842121081caac5ac836ed086593b44d7', onSlotchange: this.onSlotChange }))))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -110,9 +110,9 @@ const SwirlShellLayout = class {
             "shell-layout--navigation-collapsed": this.navigationCollapsed,
             "shell-layout--sidebar-active": this.sidebarActive,
         });
-        return (index.h(index.Host, { key: 'b7bbc69b62185086863890772d94f361e7b5f115' }, index.h("div", { key: '8c278fb122aee1eb152f3807588966651957d10a', class: className }, index.h("header", { key: '12bfb2ec7f149c99f737ddf2d5f1035501e04e4d', class: "shell-layout__header", "data-tauri-drag-region": "true" }, index.h("button", { key: '0fa5ca6bd9487fb2e6dba6360d1416d0b70d4c32', class: "shell-layout__skip-link", onClick: this.skipLinkClick.emit, type: "button" }, this.skipLinkLabel), index.h("div", { key: '3b7e9ed6e97dc24f6da323c8d27f117f0aa86804', class: "shell-layout__header-left" }, index.h("button", { key: 'a9a34b6e9ba6e999a600b7a346313ea19736098a', class: "shell-layout__header-tool", onClick: this.onNavigationToggleClick, type: "button" }, index.h("swirl-icon-dock-left", { key: '93838161ccab305209cb8b38836aeb6c78da4962', size: 20 }), index.h("swirl-visually-hidden", { key: '244f8a8742314738346effc607e6204b9bdf36bb' }, this.navigationToggleLabel)), index.h("button", { key: '17797f4d572bc6cd7bd47980f7b46b8c851cbcfa', class: "shell-layout__header-tool", onClick: this.onBrowserBackClick, type: "button" }, index.h("swirl-icon-arrow-back", { key: '079fdcf90b77b96899d9554600ed9ccedbc71a2e', size: 20 }), index.h("swirl-visually-hidden", { key: '81e41877f3674e8adfd51c33705ece8c82e4667b' }, this.browserBackButtonLabel)), index.h("button", { key: '02d5c4d8f055bb5cd0f1a8582f99d7e2507f0a09', class: "shell-layout__header-tool", onClick: this.onBrowserForwardClick, type: "button" }, index.h("swirl-icon-arrow-forward", { key: '57b05b4cd25fcae78567ee48576e7ccf99bdff1e', size: 20 }), index.h("swirl-visually-hidden", { key: '457167920e192bb6a8bdb553a4c4de23d513ff9e' }, this.browserForwardButtonLabel)), index.h("slot", { key: '17ab2034f7edc7ef10d51d47407e470583f4d50e', name: "left-header-tools" })), index.h("div", { key: 'e53a6be5ccd2eb6228c9b6ee6024ae846141400f', class: "shell-layout__logo" }, index.h("slot", { key: 'e315245979368fd5566a23686ac9dcd4b7c2a667', name: "logo" })), index.h("div", { key: '1a02510b3de2b60d3576df53ca82542db2a4e486', class: "shell-layout__header-right" }, index.h("slot", { key: 'ee0b4ef1114453f521e80d53aede77a56e464e77', name: "right-header-tools" }), index.h("button", { key: '54592ac54dc28cfab5139c8413df338b55c1a3c2', class: "shell-layout__header-tool shell-layout__sidebar-toggle", onClick: this.sidebarToggleClick.emit, type: "button" }, index.h("swirl-icon", { key: 'c47b59dc4536f15eae7c601822ddb06fdbf1eb21', glyph: this.sidebarToggleIcon, size: 20 }), index.h("swirl-visually-hidden", { key: '5d45f20cff97e9d4137f4548a6aedaddd1102992' }, this.sidebarToggleLabel), this.sidebarToggleBadge && (index.h("swirl-badge", { key: 'caf8ae7138494b6bcbe49c8fca63e287a50699d8', "aria-label": this.sidebarToggleBadgeAriaLabel, label: !hasSidebarToggleBadgeWithLabel
+        return (index.h(index.Host, { key: '006788ec30a11e1bd1cc527e2aec9e5225154b2a' }, index.h("div", { key: '3c3ea2fa9dd64c8309dabb976f591c4ba933eb48', class: className }, index.h("header", { key: 'f42c377eea3fcedc3c8746262e3bee9957a06a09', class: "shell-layout__header", "data-tauri-drag-region": "true" }, index.h("button", { key: '6de17ff7e7576a9f3f712db30945673900b05640', class: "shell-layout__skip-link", onClick: this.skipLinkClick.emit, type: "button" }, this.skipLinkLabel), index.h("div", { key: '7282c3e4b6cbec3953b94c311314555064a7603c', class: "shell-layout__header-left" }, index.h("button", { key: '99e231c52d5414029aca69e0be4e08d09cab16ea', class: "shell-layout__header-tool", onClick: this.onNavigationToggleClick, type: "button" }, index.h("swirl-icon-dock-left", { key: '8783d2c5297f41515665cb2fc8b2e36fdc6e9c8c', size: 20 }), index.h("swirl-visually-hidden", { key: 'bc85d4e5edf17ccbfc33f5fe95fa201e815badb6' }, this.navigationToggleLabel)), index.h("button", { key: '3799d7ab4b7618eac6949ae9c8affbe505ed9016', class: "shell-layout__header-tool", onClick: this.onBrowserBackClick, type: "button" }, index.h("swirl-icon-arrow-back", { key: '42d923b46e12a6621e40c2c969d7e321af70d29d', size: 20 }), index.h("swirl-visually-hidden", { key: 'e7b8f6e7d2b1ba3045d3f6ccf821e1c8f570c43c' }, this.browserBackButtonLabel)), index.h("button", { key: 'b448b27d09de5c8dee0c7bbcfcfe49c243f7f82f', class: "shell-layout__header-tool", onClick: this.onBrowserForwardClick, type: "button" }, index.h("swirl-icon-arrow-forward", { key: '40404fad38a2e8518d2755cfa56675d1a8101a31', size: 20 }), index.h("swirl-visually-hidden", { key: 'c31d64b3bde39c4d9aeaaa57b4ef2aa12a6533c9' }, this.browserForwardButtonLabel)), index.h("slot", { key: '2c814c69caaf7d9169745bfe69693c50b1269121', name: "left-header-tools" })), index.h("div", { key: '7fb8ad582278eae55e6bec0f19dec4aa5b1c32fa', class: "shell-layout__logo" }, index.h("slot", { key: '8d2baaba77fbfac66a4ae7bc31997c719816af3d', name: "logo" })), index.h("div", { key: '5090fe93f98472a3899ccdfd6ae8aa9700fe6300', class: "shell-layout__header-right" }, index.h("slot", { key: 'd3322f829a63d7010d13aa7883b7066ba69af3b5', name: "right-header-tools" }), index.h("button", { key: '3361ae39934a904353d3c6f536f1848a6794cc3c', class: "shell-layout__header-tool shell-layout__sidebar-toggle", onClick: this.sidebarToggleClick.emit, type: "button" }, index.h("swirl-icon", { key: 'bd09a1b54ded4cd520cf624b9343ad00d41dd259', glyph: this.sidebarToggleIcon, size: 20 }), index.h("swirl-visually-hidden", { key: '150fbf1a7d9ad69c75464ade1942fed45587b5d6' }, this.sidebarToggleLabel), this.sidebarToggleBadge && (index.h("swirl-badge", { key: 'c8b616faf20c928ba2c2cf2cf20ef40f3a662646', "aria-label": this.sidebarToggleBadgeAriaLabel, label: !hasSidebarToggleBadgeWithLabel
                 ? this.sidebarToggleBadgeAriaLabel
-                : String(this.sidebarToggleBadge), size: "xs", variant: !hasSidebarToggleBadgeWithLabel ? "dot" : "default" }))), index.h("slot", { key: 'e3932c1dd3bc16313b3dac2c4ea127a6ad28c896', name: "avatar" }))), index.h("div", { key: '9204a90730c89f5de7b892dfb3120cb41f8f449f', class: "shell-layout__mobile-nav-backdrop", onClick: this.onNavigationClick }), index.h("nav", { key: '9246bd6590ed0ebaebf76579b18453f08fae1283', "aria-labelledby": "main-navigation-label", class: "shell-layout__nav", onClick: this.onNavigationClick, ref: (el) => (this.navElement = el) }, index.h("div", { key: 'fdfb63d0efea020c0dec95e841f63e303dfb2326', class: "shell-layout__mobile-header" }, index.h("slot", { key: '1a5836af184982623cb96d3a7cc6ced0ba620ed3', name: "mobile-logo" }), index.h("div", { key: 'f734c17da4255a458aef1b5f3d20554b6cb8de96', class: "shell-layout__mobile-header-tools" }, index.h("slot", { key: '4451c42e4daf7b621918b9feb38079ba112f14f1', name: "mobile-header-tools" }), index.h("button", { key: '4f444148baf2a8a4f19422d71f1ba675cea940f6', class: "shell-layout__header-tool", type: "button" }, index.h("swirl-icon-double-arrow-left", { key: '5c006b3787e20344fed4fb4b2a88d5167f4568f6', size: 20 }), index.h("swirl-visually-hidden", { key: 'af4dd8d6f2484ef184338f9787f1cf127c8fabee' }, this.hideMobileNavigationButtonLabel)))), index.h("div", { key: 'f0979baf249be97745c2f3164e7c66814d805b90', class: "shell-layout__nav-body" }, index.h("swirl-visually-hidden", { key: 'a9ddce6b1de2243b77544f40e1f9af5bd0a50b58' }, index.h("span", { key: 'c2b44adbfc6f3a0b35befff4944c1a930e666932', id: "main-navigation-label" }, this.navigationLabel)), index.h("slot", { key: '94b3ebcc836d74183bc4964b90628b4b6a19e4a6', name: "nav" }))), index.h("main", { key: 'd15c05b26c0dc34add1beedddffe0214b4f1c037', class: "shell-layout__main", id: "main-content" }, index.h("slot", { key: '5b78448529984296ee94c1896a5da951e407a1f3' })), index.h("aside", { key: '1d13e18e63778c692658804ebb2267745052c391', class: "shell-layout__sidebar", inert: this.sidebarActive ? undefined : true }, index.h("div", { key: 'b014fd106ff3a9a8b6586178a71a0b5d9b15ce8b', class: "shell-layout__sidebar-body" }, index.h("div", { key: '5c120c00789d702be56e385ce941275ba4c6cd94', class: "shell-layout__sidebar-app-bar" }, index.h("slot", { key: 'fdbf9972bd0d9f2dc94acbe3c99e271879f5cd2e', name: "sidebar-app-bar" })), index.h("div", { key: 'd562df82a18e30fae43e5420d4f38c652b16e282', class: "shell-layout__sidebar-content" }, index.h("slot", { key: '1e2e5d11494f82ea82f1220f0ad854f0a8536286', name: "sidebar" })))))));
+                : String(this.sidebarToggleBadge), size: "xs", variant: !hasSidebarToggleBadgeWithLabel ? "dot" : "default" }))), index.h("slot", { key: '7cd1093ee1de91b3e9647af6af744195ad8aa577', name: "avatar" }))), index.h("div", { key: '1fc055212806b72ff0aa395af0f27269215ad5b1', class: "shell-layout__mobile-nav-backdrop", onClick: this.onNavigationClick }), index.h("nav", { key: '7297b447f8e9b24bdf31b560d846098c124a14f0', "aria-labelledby": "main-navigation-label", class: "shell-layout__nav", onClick: this.onNavigationClick, ref: (el) => (this.navElement = el) }, index.h("div", { key: 'bb2262fc5d4acb5621718800668254e620496a40', class: "shell-layout__mobile-header" }, index.h("slot", { key: '36199dedf81771fc24195225eb8f76400a28656e', name: "mobile-logo" }), index.h("div", { key: '55b0163f924189037b7f1caefe9661a9dc6b13ea', class: "shell-layout__mobile-header-tools" }, index.h("slot", { key: 'e867fbf39597b522a4eb35e36fc86685849ac164', name: "mobile-header-tools" }), index.h("button", { key: 'b223c8a0d2c17ce2195f000ac56240d42d7cc8db', class: "shell-layout__header-tool", type: "button" }, index.h("swirl-icon-double-arrow-left", { key: '908a4dd3b4ac6efc03c89dbf45e64d3468840bd7', size: 20 }), index.h("swirl-visually-hidden", { key: '48e66b39ac9a95d78bdeb58bba80e7a51848ff51' }, this.hideMobileNavigationButtonLabel)))), index.h("div", { key: '45146321187e41eae8467851e55a71f3fccd09f6', class: "shell-layout__nav-body" }, index.h("swirl-visually-hidden", { key: 'ff0bb7d033d74cd5f4132e349bddb04b8cfaf4ae' }, index.h("span", { key: '76d30927eb616aa32284aa0cc09760d2a1e2031a', id: "main-navigation-label" }, this.navigationLabel)), index.h("slot", { key: '512d9e8457096c210213630b40bddb303360690a', name: "nav" }))), index.h("main", { key: 'f5e95eb9a23106b8d69a4f5744c43f95639edf1e', class: "shell-layout__main", id: "main-content" }, index.h("slot", { key: '58eef5b276fc04ed7b657a1ad51f059a995285a2' })), index.h("aside", { key: 'd4a73ce5df8674037f7188812e8ad4327ad3915c', class: "shell-layout__sidebar", inert: this.sidebarActive ? undefined : true }, index.h("div", { key: '3c2c0b68e07a38bd4460fb2116413e42ea9b2862', class: "shell-layout__sidebar-body" }, index.h("div", { key: '62bbc52716d45b4d276dade8111c70c1d5e3286b', class: "shell-layout__sidebar-app-bar" }, index.h("slot", { key: '0a2a44046390cf057a055d28d38a23db243f8bf6', name: "sidebar-app-bar" })), index.h("div", { key: 'f1bac0f7232b4e7bf1e9b920fc66a52c5a20d2eb', class: "shell-layout__sidebar-content" }, index.h("slot", { key: '387c99b253dcec2b3a63d3bd57ade483f2909ea7', name: "sidebar" })))))));
     }
     static get watchers() { return {
         "mobileNavigationActive": ["watchMobileNavigationState"],

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

@@ -25,7 +25,7 @@ const SwirlShellNavigationItem = class {
         });
         const isLink = Boolean(this.href);
         const Tag = isLink ? "a" : "button";
-        return (index.h(index.Host, { key: 'b6ed02d9c2bb0e74ced9213576843674e57b5a01' }, index.h(Tag, { key: '29e3e114b41d0cb17d5f588b3f9862bd7dd90c0a', class: className, href: this.href, target: this.target, type: isLink ? undefined : "button" }, index.h("span", { key: 'd0514b712365293ee1e6bae499d0c4acb5f3ab89', class: "shell-navigation-item__icon" }, index.h("slot", { key: 'e7c662a9a8b90d4c7a6fb5040be307e3488f95a2', name: "icon" })), index.h("span", { key: '06cef0682fdab40363d66e277ff770d226fb7c6e', class: "shell-navigation-item__label" }, this.label), this.badgeLabel !== undefined && this.badgeLabel !== null && (index.h("swirl-badge", { key: '2e4e5da188189555092cfbcf62db6b12eef62078', "aria-label": this.badgeLabel, class: index$1.classnames("shell-navigation-item__badge", {
+        return (index.h(index.Host, { key: '68bd89a6ab7961f1ff18b5d7ee37eb66e15dd472' }, index.h(Tag, { key: 'c74ed8a1243d6d91c3a2e50c0b7a1434307787d6', class: className, href: this.href, target: this.target, type: isLink ? undefined : "button" }, index.h("span", { key: '55a2ff6df48f7d5ed4be3bcacb58b0a1cf58f914', class: "shell-navigation-item__icon" }, index.h("slot", { key: 'df89355902ba13ad727fe440a956f30075ecb296', name: "icon" })), index.h("span", { key: '27e592a852105e8c09581ecbe2556a129a9968f8', class: "shell-navigation-item__label" }, this.label), this.badgeLabel !== undefined && this.badgeLabel !== null && (index.h("swirl-badge", { key: '64beb7edcec7cbddc2004db3e57407e07c3e91bd', "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: 'd2dbe289c28013f1e5a3e09beb6e7a7a893d6144', style: {
+        return (index.h(index.Host, { key: '4a0b16adcb0a5ad0c52b1373c9bae1da0fa734d3', style: {
                 width: !Boolean(this.width) && !Boolean(this.aspectRatio)
                     ? "100%"
                     : undefined,
-            } }, index.h("div", { key: 'd6b77cbe897bd99e91070bb83f2598a6e8d4c09f', class: className, style: {
+            } }, index.h("div", { key: '93a4b38c199c18cfec972539c514a293fd068833', 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: '69157cd4b1f456890f3d60e0710b7c7df75d7995' }, index.h("div", { key: '4645af2dfd3e79330282cd80cdde83a9409a749f', 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: '2d1750044760a421b45bc1bf7cf8bd38f6e25d68' }, index.h("div", { key: 'd2abf5827563249b5889c58183a2b9280d302c20', 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;

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

@@ -22,7 +22,7 @@ const SwirlStack = class {
     render() {
         const Tag = this.as;
         const className = index$1.classnames("stack", `stack--align-${this.align}`, `stack--justify-${this.justify}`, `stack--orientation-${this.orientation}`, { "stack--wrap": this.wrap });
-        return (index.h(index.Host, { key: '24ab0f168eba0b98ba7023b8e80da49d0a23a45e', style: { height: this.height } }, index.h(Tag, { key: '79d1ef08f5268fbe5789c1568461282c7e4097a6', class: className, style: { gap: `var(--s-space-${this.spacing})`, height: this.height } }, index.h("slot", { key: 'a4f47f46c9ff3b75b9f4d18cc320cd48cdab5d02' }))));
+        return (index.h(index.Host, { key: 'c112a608a7c804409ba2189be3a504044c8737ae', style: { height: this.height } }, index.h(Tag, { key: '84ec94492511d380a203973e1b601eacc4f0e70a', class: className, style: { gap: `var(--s-space-${this.spacing})`, height: this.height } }, index.h("slot", { key: 'd18444ad2e7bac46bca455405ed678198404fa4f' }))));
     }
 };
 SwirlStack.style = SwirlStackStyle0;

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

@@ -16,7 +16,7 @@ const SwirlStatusIndicator = class {
     }
     render() {
         const className = index$1.classnames("status-indicator", `status-indicator--intent-${this.intent}`);
-        return (index.h(index.Host, { key: '9f0e9b4f7d3cc04409dc6daaa77be11d8b4fefe7' }, index.h("div", { key: '6ae100f4aad059d72855d0214901a60d67820457', class: className }, index.h("span", { key: '31c5883aa6ef6582f5abc00f7f97d7e25bff97b1', class: "status-indicator__dot" }), index.h("span", { key: '4c5bf98ee5b89260c147351678dae6ddaa04008e', class: "status-indicator__label" }, this.label))));
+        return (index.h(index.Host, { key: '0903c53ed61e86be0296b65b454449809c9b68a7' }, index.h("div", { key: '5fe2d133b1b9127be0debde562fcaa66e7c9e0c0', class: className }, index.h("span", { key: '853fc2150308f68cf729e9c929a837cd3d3d92a2', class: "status-indicator__dot" }), index.h("span", { key: '8e4390e05e14de2d99ca3a3b4a0f91fa0a611dc0', class: "status-indicator__label" }, this.label))));
     }
 };
 SwirlStatusIndicator.style = SwirlStatusIndicatorStyle0;

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

@@ -34,7 +34,7 @@ const SwirlSwitch = class {
             "switch--on": on,
             "switch--disabled": this.disabled,
         });
-        return (index.h(index.Host, { key: 'b73a0baa355e8c9d735a35e21db0f159ac1464fa' }, index.h("label", { key: 'd64e138a07f24f7fa242f64708c8bbbca609f7b5', class: className, htmlFor: this.inputId }, index.h("span", { key: '1cac1350333259d1da98005f12659d6b34b4dbe0', class: "switch__control" }, index.h("swirl-visually-hidden", { key: '95d140a3410b7f3eb3ffaf63ba803d7105b901a6' }, index.h("input", { key: '167ca5da2cf126def2e683ad58b1ac34deee90ab', "aria-checked": ariaCheckedLabel, checked: on, class: "switch__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, role: "switch", type: "checkbox", value: this.value })), index.h("span", { key: '939fc3e8248a03a90c073a2352cae494b3f70732', "aria-hidden": "true", class: "switch__thumb" })), this.label && !this.hideLabel && (index.h("span", { key: 'cb48d52eb206492642afc9443a4607ecaf000a1f', class: "switch__label" }, this.label)), this.label && this.hideLabel && (index.h("swirl-visually-hidden", { key: 'c4e32359d986473fb122062777c8f978b45a1fa5' }, this.label)))));
+        return (index.h(index.Host, { key: '7ab3d33c6c05d13ff21e23a9e0793f824ce60679' }, index.h("label", { key: '8dc069a50e98bc42962b2458e55ab983b3f1d373', class: className, htmlFor: this.inputId }, index.h("span", { key: '37b2a2d965ebb5b4099e4ba5dc57ba204dd13237', class: "switch__control" }, index.h("swirl-visually-hidden", { key: '054ec6e73dafa837541ee84d495b3d3197e9fb73' }, index.h("input", { key: 'f92ad397c3b0f2b0e454fdc1076eab0786bd2b27', "aria-checked": ariaCheckedLabel, checked: on, class: "switch__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, role: "switch", type: "checkbox", value: this.value })), index.h("span", { key: '14d78cb63ee008ebf7c4006fcb2018869cea30ed', "aria-hidden": "true", class: "switch__thumb" })), this.label && !this.hideLabel && (index.h("span", { key: '7d1650271612e04370232928bb6a108008fa770d', class: "switch__label" }, this.label)), this.label && this.hideLabel && (index.h("swirl-visually-hidden", { key: '0526a510b9d0d710064c46a3a238fbf4aec220b8' }, this.label)))));
     }
     get el() { return index.getElement(this); }
 };