@getflip/swirl-components 0.245.0 → 0.247.0

package/dist/esm/swirl-icon-web-asset.entry.js

@@ -16,7 +16,7 @@ const SwirlIconWebAsset = class {
             color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
         };
         const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (h("svg", { key: '976a4dce5908b6bfc9fb89a1c9c64b9afef1a166', "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, { key: 'fcc891539873a73a38106111df968241ffe3ad13' }, h("path", { key: '60a153a53f1055ccdcb9afa249b1d0e66769e90b', d: "M2.66665 13.3332C2.29998 13.3332 1.98609 13.2026 1.72498 12.9415C1.46387 12.6804 1.33331 12.3665 1.33331 11.9998V3.99984C1.33331 3.63317 1.46387 3.31928 1.72498 3.05817C1.98609 2.79706 2.29998 2.6665 2.66665 2.6665H13.3333C13.7 2.6665 14.0139 2.79706 14.275 3.05817C14.5361 3.31928 14.6666 3.63317 14.6666 3.99984V11.9998C14.6666 12.3665 14.5361 12.6804 14.275 12.9415C14.0139 13.2026 13.7 13.3332 13.3333 13.3332H2.66665ZM2.66665 11.9998H13.3333V5.33317H2.66665V11.9998Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'a7559bc48d2bdf53230054710544649481177690' }, h("path", { key: '9e679a9e41db6a536165cac2134a88325e600cae', d: "M4 20C3.45 20 2.97917 19.8042 2.5875 19.4125C2.19583 19.0208 2 18.55 2 18V6C2 5.45 2.19583 4.97917 2.5875 4.5875C2.97917 4.19583 3.45 4 4 4H20C20.55 4 21.0208 4.19583 21.4125 4.5875C21.8042 4.97917 22 5.45 22 6V18C22 18.55 21.8042 19.0208 21.4125 19.4125C21.0208 19.8042 20.55 20 20 20H4ZM4 18H20V8H4V18Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '3b5bf7444064320ddf300c20446cda9ea3add0c6' }, h("path", { key: '1d14ad479bc2eedfe532ae6b0096b361f9dcd299', d: "M4.66665 23.3332C4.02498 23.3332 3.47567 23.1047 3.01873 22.6478C2.56179 22.1908 2.33331 21.6415 2.33331 20.9998V6.99984C2.33331 6.35817 2.56179 5.80886 3.01873 5.35192C3.47567 4.89498 4.02498 4.6665 4.66665 4.6665H23.3333C23.975 4.6665 24.5243 4.89498 24.9812 5.35192C25.4382 5.80886 25.6666 6.35817 25.6666 6.99984V20.9998C25.6666 21.6415 25.4382 22.1908 24.9812 22.6478C24.5243 23.1047 23.975 23.3332 23.3333 23.3332H4.66665ZM4.66665 20.9998H23.3333V9.33317H4.66665V20.9998Z", fill: "currentColor" })))));
+        return (h("svg", { key: '8535d415c9100f5f06764a3afa24b563a4eda9cc', "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, { key: 'ef6c8086a9d7f4a82fd3ea4af04b3d600d0a6e58' }, h("path", { key: '7de32926760fd75ce637e9ac7b15eb7a6dcabce3', d: "M2.66665 13.3332C2.29998 13.3332 1.98609 13.2026 1.72498 12.9415C1.46387 12.6804 1.33331 12.3665 1.33331 11.9998V3.99984C1.33331 3.63317 1.46387 3.31928 1.72498 3.05817C1.98609 2.79706 2.29998 2.6665 2.66665 2.6665H13.3333C13.7 2.6665 14.0139 2.79706 14.275 3.05817C14.5361 3.31928 14.6666 3.63317 14.6666 3.99984V11.9998C14.6666 12.3665 14.5361 12.6804 14.275 12.9415C14.0139 13.2026 13.7 13.3332 13.3333 13.3332H2.66665ZM2.66665 11.9998H13.3333V5.33317H2.66665V11.9998Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '2a05b943169111a601405cdba1ac6243b639935d' }, h("path", { key: 'c7955576410e226cf8418073e47f74834783ba2e', d: "M4 20C3.45 20 2.97917 19.8042 2.5875 19.4125C2.19583 19.0208 2 18.55 2 18V6C2 5.45 2.19583 4.97917 2.5875 4.5875C2.97917 4.19583 3.45 4 4 4H20C20.55 4 21.0208 4.19583 21.4125 4.5875C21.8042 4.97917 22 5.45 22 6V18C22 18.55 21.8042 19.0208 21.4125 19.4125C21.0208 19.8042 20.55 20 20 20H4ZM4 18H20V8H4V18Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'e5bdfb62beec4527e97ccfe08026b67b403cddfe' }, h("path", { key: '30aa66be6cb9c1e9495c5dd4e1ef148ce63170a7', d: "M4.66665 23.3332C4.02498 23.3332 3.47567 23.1047 3.01873 22.6478C2.56179 22.1908 2.33331 21.6415 2.33331 20.9998V6.99984C2.33331 6.35817 2.56179 5.80886 3.01873 5.35192C3.47567 4.89498 4.02498 4.6665 4.66665 4.6665H23.3333C23.975 4.6665 24.5243 4.89498 24.9812 5.35192C25.4382 5.80886 25.6666 6.35817 25.6666 6.99984V20.9998C25.6666 21.6415 25.4382 22.1908 24.9812 22.6478C24.5243 23.1047 23.975 23.3332 23.3333 23.3332H4.66665ZM4.66665 20.9998H23.3333V9.33317H4.66665V20.9998Z", fill: "currentColor" })))));
     }
 };
 SwirlIconWebAsset.style = SwirlIconWebAssetStyle0;

package/dist/esm/swirl-icon-work.entry.js

@@ -16,7 +16,7 @@ const SwirlIconWork = class {
             color: Boolean(this.color) ? `var(--s-icon-${this.color})` : undefined,
         };
         const className = classnames("swirl-icon", `swirl-icon--size-${this.size}`);
-        return (h("svg", { key: 'ab84ce7fca3a0e0ea0a7282fa2a3bc737065d53b', "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, { key: 'f3e0bbe33f16c3f6631a44345e0077b615e6ad86' }, h("path", { key: 'bc5ebb94800059669a225cf7626ad2f83d9dbabf', d: "M2.66668 14.0002C2.30001 14.0002 1.98612 13.8696 1.72501 13.6085C1.4639 13.3474 1.33334 13.0335 1.33334 12.6668V5.3335C1.33334 4.96683 1.4639 4.65294 1.72501 4.39183C1.98612 4.13072 2.30001 4.00016 2.66668 4.00016H5.33334V2.66683C5.33334 2.30016 5.4639 1.98627 5.72501 1.72516C5.98612 1.46405 6.30001 1.3335 6.66668 1.3335H9.33334C9.70001 1.3335 10.0139 1.46405 10.275 1.72516C10.5361 1.98627 10.6667 2.30016 10.6667 2.66683V4.00016H13.3333C13.7 4.00016 14.0139 4.13072 14.275 4.39183C14.5361 4.65294 14.6667 4.96683 14.6667 5.3335V12.6668C14.6667 13.0335 14.5361 13.3474 14.275 13.6085C14.0139 13.8696 13.7 14.0002 13.3333 14.0002H2.66668ZM2.66668 12.6668H13.3333V5.3335H2.66668V12.6668ZM6.66668 4.00016H9.33334V2.66683H6.66668V4.00016Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: '28a63ba903a42686e5a4aae9cf593713244f99ff' }, h("path", { key: 'e241f1e896a364ca5bfa315e8c5efdeaf497d394', d: "M4 21C3.45 21 2.97917 20.8042 2.5875 20.4125C2.19583 20.0208 2 19.55 2 19V8C2 7.45 2.19583 6.97917 2.5875 6.5875C2.97917 6.19583 3.45 6 4 6H8V4C8 3.45 8.19583 2.97917 8.5875 2.5875C8.97917 2.19583 9.45 2 10 2H14C14.55 2 15.0208 2.19583 15.4125 2.5875C15.8042 2.97917 16 3.45 16 4V6H20C20.55 6 21.0208 6.19583 21.4125 6.5875C21.8042 6.97917 22 7.45 22 8V19C22 19.55 21.8042 20.0208 21.4125 20.4125C21.0208 20.8042 20.55 21 20 21H4ZM4 19H20V8H4V19ZM10 6H14V4H10V6Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: 'd833c0ce0d50dc9c74c8ca125f3d0055fe49e3c7' }, h("path", { key: '72e7a78f97c0065e4e732e69b82a3ec940a29ba0', d: "M4.66668 24.5002C4.02501 24.5002 3.4757 24.2717 3.01876 23.8147C2.56182 23.3578 2.33334 22.8085 2.33334 22.1668V9.3335C2.33334 8.69183 2.56182 8.14252 3.01876 7.68558C3.4757 7.22863 4.02501 7.00016 4.66668 7.00016H9.33334V4.66683C9.33334 4.02516 9.56182 3.47586 10.0188 3.01891C10.4757 2.56197 11.025 2.3335 11.6667 2.3335H16.3333C16.975 2.3335 17.5243 2.56197 17.9813 3.01891C18.4382 3.47586 18.6667 4.02516 18.6667 4.66683V7.00016H23.3333C23.975 7.00016 24.5243 7.22863 24.9813 7.68558C25.4382 8.14252 25.6667 8.69183 25.6667 9.3335V22.1668C25.6667 22.8085 25.4382 23.3578 24.9813 23.8147C24.5243 24.2717 23.975 24.5002 23.3333 24.5002H4.66668ZM4.66668 22.1668H23.3333V9.3335H4.66668V22.1668ZM11.6667 7.00016H16.3333V4.66683H11.6667V7.00016Z", fill: "currentColor" })))));
+        return (h("svg", { key: 'f26a7d3be3e8cc0ce8ec548f348e132ba0864395', "aria-hidden": "true", class: className, fill: "none", height: this.size, part: "icon", style: styles, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && (h(Fragment, { key: 'a2c81797dc0646e086f22da4b90c35997de0d186' }, h("path", { key: '43531a8599128bee9dc9964e94029afb549f3087', d: "M2.66668 14.0002C2.30001 14.0002 1.98612 13.8696 1.72501 13.6085C1.4639 13.3474 1.33334 13.0335 1.33334 12.6668V5.3335C1.33334 4.96683 1.4639 4.65294 1.72501 4.39183C1.98612 4.13072 2.30001 4.00016 2.66668 4.00016H5.33334V2.66683C5.33334 2.30016 5.4639 1.98627 5.72501 1.72516C5.98612 1.46405 6.30001 1.3335 6.66668 1.3335H9.33334C9.70001 1.3335 10.0139 1.46405 10.275 1.72516C10.5361 1.98627 10.6667 2.30016 10.6667 2.66683V4.00016H13.3333C13.7 4.00016 14.0139 4.13072 14.275 4.39183C14.5361 4.65294 14.6667 4.96683 14.6667 5.3335V12.6668C14.6667 13.0335 14.5361 13.3474 14.275 13.6085C14.0139 13.8696 13.7 14.0002 13.3333 14.0002H2.66668ZM2.66668 12.6668H13.3333V5.3335H2.66668V12.6668ZM6.66668 4.00016H9.33334V2.66683H6.66668V4.00016Z", fill: "currentColor" }))), (this.size === 20 || this.size === 24) && (h(Fragment, { key: 'b8682902addd93c0d3aa61086e598e52c4f3b455' }, h("path", { key: 'e6ad291068ba6c8746c4b5c4d1b97d526027698b', d: "M4 21C3.45 21 2.97917 20.8042 2.5875 20.4125C2.19583 20.0208 2 19.55 2 19V8C2 7.45 2.19583 6.97917 2.5875 6.5875C2.97917 6.19583 3.45 6 4 6H8V4C8 3.45 8.19583 2.97917 8.5875 2.5875C8.97917 2.19583 9.45 2 10 2H14C14.55 2 15.0208 2.19583 15.4125 2.5875C15.8042 2.97917 16 3.45 16 4V6H20C20.55 6 21.0208 6.19583 21.4125 6.5875C21.8042 6.97917 22 7.45 22 8V19C22 19.55 21.8042 20.0208 21.4125 20.4125C21.0208 20.8042 20.55 21 20 21H4ZM4 19H20V8H4V19ZM10 6H14V4H10V6Z", fill: "currentColor" }))), this.size === 28 && (h(Fragment, { key: '4578a3ed18d2a15f39858a5fa8e3d1b26ef6acd8' }, h("path", { key: '595faa054398a23752e31302b28e7445091ad8ae', d: "M4.66668 24.5002C4.02501 24.5002 3.4757 24.2717 3.01876 23.8147C2.56182 23.3578 2.33334 22.8085 2.33334 22.1668V9.3335C2.33334 8.69183 2.56182 8.14252 3.01876 7.68558C3.4757 7.22863 4.02501 7.00016 4.66668 7.00016H9.33334V4.66683C9.33334 4.02516 9.56182 3.47586 10.0188 3.01891C10.4757 2.56197 11.025 2.3335 11.6667 2.3335H16.3333C16.975 2.3335 17.5243 2.56197 17.9813 3.01891C18.4382 3.47586 18.6667 4.02516 18.6667 4.66683V7.00016H23.3333C23.975 7.00016 24.5243 7.22863 24.9813 7.68558C25.4382 8.14252 25.6667 8.69183 25.6667 9.3335V22.1668C25.6667 22.8085 25.4382 23.3578 24.9813 23.8147C24.5243 24.2717 23.975 24.5002 23.3333 24.5002H4.66668ZM4.66668 22.1668H23.3333V9.3335H4.66668V22.1668ZM11.6667 7.00016H16.3333V4.66683H11.6667V7.00016Z", fill: "currentColor" })))));
     }
 };
 SwirlIconWork.style = SwirlIconWorkStyle0;

package/dist/esm/swirl-image-grid.entry.js

@@ -37,7 +37,7 @@ const SwirlImageGrid = class {
     render() {
         const className = classnames("image-grid", `image-grid--item-count-${Math.min(4, this.items.length)}`);
         const aspectRatio = this.caculateAspectRatio();
-        return (h(Host, { key: 'ca9a739c7186621840f8520d8f2764145a849019' }, h("div", { key: '79efceccd91b2abed6b9d9cdec97327fdb5e1cf0', "aria-label": this.label, class: className, role: "list", style: { aspectRatio: aspectRatio } }, h("slot", { key: '45656398e316a0154a1367f775c2b361c60d8aa9', onSlotchange: this.updateItems }))));
+        return (h(Host, { key: '26e7cf4166a1ca5fd5c705848f6cfa75b3c71cbb' }, h("div", { key: 'f1c4faa18ec7e6d09d67063b43b41bb7c6cf313a', "aria-label": this.label, class: className, role: "list", style: { aspectRatio: aspectRatio } }, h("slot", { key: '87b1ef4c2a30ea8b42648173acdb72f1de60f175', onSlotchange: this.updateItems }))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/swirl-lightbox.entry.js

@@ -293,7 +293,7 @@ const SwirlLightbox = class {
             "lightbox--hide-menu": !hasMenuItems,
             "lightbox--hide-toolbar": !hasToolbar,
         });
-        return (h(Host, { key: '8e270bc6208a85e4236119cc5efe744248e04a2d', onKeydown: this.onKeyDown }, h("section", { key: '6b07e0f74064d2dd03451e6c4ac269e7188bbe3c', "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: className, id: "lightbox", onMouseDown: this.onPointerDown, onMouseMove: this.onPointerMove, onMouseOut: this.onPointerUp, onMouseUp: this.onPointerUp, onTouchEnd: this.onPointerUp, onTouchMove: this.onPointerMove, onTouchStart: this.onPointerDown, ref: (el) => (this.modalEl = el), role: "dialog", tabIndex: this.isOpen ? 0 : -1 }, h("div", { key: '9bce4f0e6ef2ac481ee6748960db04bfb383133b', class: "lightbox__body", role: "document" }, h("header", { key: 'd1cbf1c6b4666deba00bdfe3af626464b308b139', class: "lightbox__header" }, h("button", { key: 'f34a52336841d29f2b016564f0fe999b1923dc84', "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick }, h("swirl-icon-close", { key: '1b7a8a5d68feb87c054d2d72023a3dd4f449a56f' })), h("div", { key: 'fc683f0819e82a69ad7db103229b31dffb496d34', class: "lightbox__toolbar" }, h("slot", { key: 'e084e5c55c92b926b8c76a46cba7c55224e90055', name: "toolbar" })), !this.hideMenu && (h("swirl-popover-trigger", { key: 'ea00f256974ac0d49909e0a747083b697846cecf', swirlPopover: this.menu }, h("button", { key: '30ae50b2dadf091b566e1e1db4a11da6cc144139', "aria-label": this.menuTriggerLabel, class: "lightbox__menu-button" }, h("swirl-icon-more-vertikal", { key: '3325c3ce3d3f2caa226983905bdbf9c7eebde8e5' }))))), h("div", { key: '763b5e2dc000b27d55c521689ec683b20fcdd302', "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, h("div", { key: '09155f47ca97baf846dd19fc6ac38ac9eca172e3', "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (el) => (this.slidesContainer = el) }, h("slot", { key: '5b9c609f50bae58305f7d51e5dce4717916a8a22', onSlotchange: this.registerSlides }))), h("div", { key: '85b5d0f9472818998e1fd0f88ad5aa5158502aea', class: "lightbox__controls" }, h("button", { key: '29d9e69f8fbdd9775454bfac8d681727b7dcab3d', "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick }, h("swirl-icon-arrow-left", { key: '50a5333e1a3b1d0fbc0b77c83be15bc003cea289' })), h("button", { key: 'f976a88dac681c01dd372ab1ee1fc80740632ab9', "aria-label": this.nextSlideButtonLabel, class: "lightbox__next-slide-button", disabled: this.activeSlideIndex === this.slides.length - 1, onClick: this.onNextSlideClick }, h("swirl-icon-arrow-right", { key: 'a39ea410758b782516835524ff7ffc10357464bf' }))), showPagination && (h("span", { key: 'f153282c1943518e83a9b1cb2065189ec1883da4', class: "lightbox__pagination" }, h("span", { key: '7bbe02414e479ace637255794d3fdc0c3496ac87', "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length))), !this.hideMenu && (h("swirl-popover", { key: 'f98a99e27075a6f805a92aa7c3837332e5eb3f27', animation: "scale-in-y", disableScrollLock: true, id: "slide-menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: 'a86241284a1136acd53cb05042012453dc5bd925' }, h("div", { key: 'fd3c3798e84a2d3d9f84084ee5af9a9bafd906df', class: "lightbox__meta" }, currentThumbnailUrl && (h("div", { key: '2cdae1b7113d991f91e4b19581a80a815f36acb7', class: "lightbox__thumbnail" }, h("swirl-thumbnail", { key: '8c51712726063e935a09d91da9831ba2955e0536', alt: "", src: currentThumbnailUrl }))), h("div", { key: '8366101adb2270ebbb001f2342484a9aaf7cfd75', class: "lightbox__file-info" }, h("swirl-text", { key: 'baafeb37094fee50ec591a3a0b53f390be29dc4e', truncate: true, weight: "semibold" }, currentFileName), h("swirl-text", { key: '29a1959beebfda3b6bc0c7ca09952d6e593026e6', color: "subdued", size: "sm", truncate: true }, currentFileType))), hasMenuItems && h("swirl-separator", { key: '861e7425cf6a69611807f8565cb7bc3a192003c2' }), h("swirl-action-list", { key: '69bac24a3e72d7685d2e4322338a662d52d03695' }, this.downloadButtonEnabled && (h("swirl-action-list-item", { key: '7d5b0f10e659089ba2727f58258c844a8221a1c5', icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), h("slot", { key: '5a9232a225706b2cf1744ffade062f7d8adf4e2b', name: "menu-items" }))))))));
+        return (h(Host, { key: '3a53eccad78f9db3a9e527deeaae6c2b99986b5f', onKeydown: this.onKeyDown }, h("section", { key: '4a2e5854f53646ef50ee72976e3e18a5574ba751', "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: className, id: "lightbox", onMouseDown: this.onPointerDown, onMouseMove: this.onPointerMove, onMouseOut: this.onPointerUp, onMouseUp: this.onPointerUp, onTouchEnd: this.onPointerUp, onTouchMove: this.onPointerMove, onTouchStart: this.onPointerDown, ref: (el) => (this.modalEl = el), role: "dialog", tabIndex: this.isOpen ? 0 : -1 }, h("div", { key: '28fa5127c51f6c3f81bbbe8a9f178e3d13327c1e', class: "lightbox__body", role: "document" }, h("header", { key: '92fbe434006dc0674fb8d09b72ef0782ba6e5284', class: "lightbox__header" }, h("button", { key: 'bc3df42bb1916fce5ee4700eeddae265fa9edf48', "aria-label": this.closeButtonLabel, class: "lightbox__close-button", onClick: this.onCloseButtonClick }, h("swirl-icon-close", { key: 'b9ac19d80efbe28c30a56ab5d5b20c5b085d4054' })), h("div", { key: '0d6853157f843bce8f20bdbd927a250b86ee8f2b', class: "lightbox__toolbar" }, h("slot", { key: 'ea8988a3ea28d2e94dc5500a580f0468a0325bfb', name: "toolbar" })), !this.hideMenu && (h("swirl-popover-trigger", { key: '9b454116ee78d4c0d88af5cd9942fcda2bd95e65', swirlPopover: this.menu }, h("button", { key: 'e30dff9769bd9e72188ea3c0252d1b851fdcb509', "aria-label": this.menuTriggerLabel, class: "lightbox__menu-button" }, h("swirl-icon-more-vertikal", { key: 'dc5f158d14b2ababf1aa94e138a1bb577b76bd48' }))))), h("div", { key: '8bec11b6e5aef94183decd316553b4316410fef5', "aria-roledescription": "carousel", class: "lightbox__content", role: "group" }, h("div", { key: '1a8c64d719efb32be50ed610576ba52da9853844', "aria-atomic": "false", "aria-live": "polite", class: "lightbox__slides", onClick: this.onBackdropClick, onContextMenu: this.onContextMenu, ref: (el) => (this.slidesContainer = el) }, h("slot", { key: 'ab3af9c991205d1ccb26f03e5024395212aaf897', onSlotchange: this.registerSlides }))), h("div", { key: 'a77c935b052d3cfe71475ff0d0706593a684995b', class: "lightbox__controls" }, h("button", { key: '5b5563b1bb1c63517635af03d7f3d85125eaa502', "aria-label": this.previousSlideButtonLabel, class: "lightbox__previous-slide-button", disabled: this.activeSlideIndex === 0, onClick: this.onPreviousSlideClick }, h("swirl-icon-arrow-left", { key: 'a3a8fe0e422f22603248f1176c535a841546f3ff' })), h("button", { key: 'c4dac5db0b7ee0689f3c0ddba45bcf72c4dc2553', "aria-label": this.nextSlideButtonLabel, class: "lightbox__next-slide-button", disabled: this.activeSlideIndex === this.slides.length - 1, onClick: this.onNextSlideClick }, h("swirl-icon-arrow-right", { key: '4b7bd6aefb6cf09d48a532064ade6ebcadc6c237' }))), showPagination && (h("span", { key: '8d110ab81c27d5d71ab7eaab4c881cdd2121095e', class: "lightbox__pagination" }, h("span", { key: '1d10b320fe4298b2c99ec1dbc6148c6c196f6b1f', "aria-current": "page" }, this.activeSlideIndex + 1), " /", " ", this.slides.length))), !this.hideMenu && (h("swirl-popover", { key: 'df4b76fa896c7915cb4c49cf4bf7694fe3ba0c44', animation: "scale-in-y", disableScrollLock: true, id: "slide-menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: '7fbf57e76f404b8252ff181c892ada78bbe1d88f' }, h("div", { key: 'd1b750906959f55b53bdca7beb6809b86bfb498c', class: "lightbox__meta" }, currentThumbnailUrl && (h("div", { key: '0ab63d689c194ecfa1babf03a901a31532df2197', class: "lightbox__thumbnail" }, h("swirl-thumbnail", { key: '3712011cdd3beb018b3ed2c9ad18d596d9496168', alt: "", src: currentThumbnailUrl }))), h("div", { key: '4751bd9969d91f75e274f599fb566b338ad20eea', class: "lightbox__file-info" }, h("swirl-text", { key: '5787b6565f771295dcc48183780007fc2bfc1e8e', truncate: true, weight: "semibold" }, currentFileName), h("swirl-text", { key: '5acb9574ae820a2bc0a17b7cbcd4bc0f20cb66f8', color: "subdued", size: "sm", truncate: true }, currentFileType))), hasMenuItems && h("swirl-separator", { key: '142252854a2dc1927a562a5416f22368d7cf6fda' }), h("swirl-action-list", { key: '256350f1192195668b53a8ae5e31c7c37bb0d26a' }, this.downloadButtonEnabled && (h("swirl-action-list-item", { key: '4083b09683c472a44d1f1c78fde88195bc3a42cd', icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), h("slot", { key: '9191498e00922b4094a4f21cbacabbef39c7d970', name: "menu-items" }))))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/swirl-list.entry.js

@@ -14,7 +14,7 @@ const SwirlList = class {
         }
     }
     render() {
-        return (h(Host, { key: '90a08a5d23cfcb6f9b035e49a27084e73e20c478' }, h("div", { key: '76ec82b97d27ef9bc0de975374137c444936980c', class: "swirl-list", ref: (el) => (this.containerEl = el) }, h("slot", { key: '615aa0afeb25f346d3d22d0f24514da0be8093a4' }))));
+        return (h(Host, { key: 'de45903bdd3ca81073c5cb47d8bddd4aa4f4432c' }, h("div", { key: '81d999f8c1500d1310120ed40fa87463a3bdd001', class: "swirl-list", ref: (el) => (this.containerEl = el) }, h("slot", { key: '191414b3c50a2d2cf62e4e1a22dfb0a5b5c64e7a' }))));
     }
 };
 SwirlList.style = SwirlListStyle0;

package/dist/esm/swirl-menu-item.entry.js

@@ -101,9 +101,9 @@ const SwirlMenuItem = class {
         const className = classnames("menu-item", {
             "menu-item--expanded": this.expanded,
         });
-        return (h(Host, { key: '71e8411fe4cc04964920f1e9e740361b3436f880' }, h("div", { key: 'e037f18ba71e1d939cad97ff87917081d480e847', class: className }, this.parentMenu?.variant === "selection"
+        return (h(Host, { key: '23c0cb156f770afb185859062a62ead6a977b7f5' }, h("div", { key: 'cfc328ea712d99f95262e5fa01fc77009a49cadc', class: className }, this.parentMenu?.variant === "selection"
             ? this.renderOptionListItem()
-            : this.renderActionListItem(), h("slot", { key: '00fc40505a636c83123bc420f1efcda21c6fffda', onSlotchange: this.onSlotChange }))));
+            : this.renderActionListItem(), h("slot", { key: '8af9c6ddac0d60762b831a75bc0123e3152709ef', onSlotchange: this.onSlotChange }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/swirl-option-list-section.entry.js

@@ -9,7 +9,7 @@ const SwirlOptionListSection = class {
         this.label = undefined;
     }
     render() {
-        return (h(Host, { key: 'd0ca4d8d6075d52e140b57d44676858a6f5a4f41' }, h("div", { key: '5c60b9fd55309a332da90e74de11e59ab4453f28', "aria-labelledby": "label", class: "option-list-section", role: "group" }, h("span", { key: 'd28a44b22c46d2c7a9639ab6eec9d95fbc65ac52', class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), h("div", { key: 'c12edb0791e0f5254e7327f0642cd071bd9ee70d', class: "option-list-section__items" }, h("slot", { key: '19ce8f2e8a31ad775f9a5a527edb5d7b871df0ec' })))));
+        return (h(Host, { key: 'bb6c29fdbb35739d62b6622a4699df4202cf1f8d' }, h("div", { key: '96b504066c7d78e22671ae34df6e5e945b64f401', "aria-labelledby": "label", class: "option-list-section", role: "group" }, h("span", { key: '47105ed0a27148757648f002fae543aefa7c6276', class: "option-list-section__label", id: "label", part: "option-list-section__label" }, this.label), h("div", { key: 'bd43315f78aea38dae740a6500bf7c2dbdb47cd2', class: "option-list-section__items" }, h("slot", { key: '6c84228c3c5735c4e183988862109b2780cd93aa' })))));
     }
 };
 SwirlOptionListSection.style = SwirlOptionListSectionStyle0;

package/dist/esm/swirl-option-list_2.entry.js

@@ -334,7 +334,7 @@ const SwirlOptionList = class {
     render() {
         const ariaMultiselectable = this.multiSelect ? "true" : undefined;
         const tabIndex = Boolean(this.dragging) ? 0 : undefined;
-        return (h(Host, { key: 'cf6dda85fbf9092915992e19cbd6634e56a0a61e' }, h("swirl-visually-hidden", { key: 'e2aacafcd90f785228ac0b97e3cf23b6917201d5', role: "alert" }, this.assistiveText), h("div", { key: '2aaf9f698aa76d0cd561a7fa945d5e0823f8409c', "aria-label": this.label, "aria-multiselectable": ariaMultiselectable, class: "option-list", id: this.optionListId, onClick: this.onClick, onKeyDown: this.onKeyDown, ref: (el) => (this.listboxEl = el), role: "listbox", tabIndex: tabIndex }, h("slot", { key: '4bb46f680a88dae38d384294b36cdd4719fdee75' }))));
+        return (h(Host, { key: '8b25fc1516ff881e48df76ac6a61661a6800ecf2' }, h("swirl-visually-hidden", { key: '8824606bb6db9cc39d4df6da93306d0070612816', role: "alert" }, this.assistiveText), h("div", { key: 'b0d53e4cd62c0631c459d69b32df7b51e5a108dc', "aria-label": this.label, "aria-multiselectable": ariaMultiselectable, class: "option-list", id: this.optionListId, onClick: this.onClick, onKeyDown: this.onKeyDown, ref: (el) => (this.listboxEl = el), role: "listbox", tabIndex: tabIndex }, h("slot", { key: '618cc57845a10b4db14111b37dc95f451f885c47' }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -383,7 +383,7 @@ const SwirlTag = class {
     }
     render() {
         const className = classnames("tag", `tag--intent-${this.intent}`, `tag--size-${this.size}`, `tag--variant-${this.variant}`);
-        return (h(Host, { key: '45e5a4bbcf96b35c7a3752e35da0420df14f2af1' }, h("span", { key: '3cba8136d0ec0cd88228570098b03876729b2e68', class: className, part: "tag" }, this.icon && (h("span", { key: '24595925205a07cb706120fae8dabc6794952414', class: "tag__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: 'b42a3b38173a39ed5d75b40d7b05b8c8a93d19a9', class: "tag__label" }, this.label), this.removable && (h("button", { key: 'dd4b5a3b52e137a5a532435106b38ec5c27ba3e7', "aria-label": this.removalButtonLabel, class: "tag__removal-button", onClick: this.onRemove, tabIndex: this.el.ariaHidden === "true" ? -1 : undefined, type: "button" }, h("swirl-icon-close", { key: 'ca6459abd4a29d5c27f7d8051bd0b70b5ca18e9e', size: 16 }))))));
+        return (h(Host, { key: '0f24f803283d0ae31836832248631c31c3868052' }, h("span", { key: 'a45e560b24f3cef29e7e6b483a4e21cba145c28b', class: className, part: "tag" }, this.icon && (h("span", { key: 'd94c11147ca629d61ec1abc59b08dfaf7d2c4a62', class: "tag__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: '08be192bc7291eee2e544471e8cc8d10275ac092', class: "tag__label" }, this.label), this.removable && (h("button", { key: 'a1951eec41ca1e82228f5c95b330714b983d491b', "aria-label": this.removalButtonLabel, class: "tag__removal-button", onClick: this.onRemove, tabIndex: this.el.ariaHidden === "true" ? -1 : undefined, type: "button" }, h("swirl-icon-close", { key: 'bc678f5de89bf5b7df6d2247d5cf127b072a0b30', size: 16 }))))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/swirl-pagination.entry.js

@@ -88,7 +88,7 @@ const SwirlPagination = class {
         const showDropDown = this.variant === "advanced";
         const ariaPageLabel = `${this.page.toLocaleString()} ${this.pageLabel} ${this.pages.toLocaleString()}`;
         const className = classnames("pagination", `pagination--variant-${this.variant}`);
-        return (h(Host, { key: 'abc4ff95b3b679a1f591b52b37495255e6d949bb' }, h("nav", { key: '2c704372de6cb1ca463aaaa4e04cbd7f85daf54c', "aria-label": this.label, class: className }, h("ul", { key: '9190fb75c511723d4cb09b7794ac9b3f339c684b', class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (h("li", { key: 'bdaf6dafa58eba723af279f48a329ade4bfa1786', class: "pagination__list-item" }, h("label", { key: 'bf966767c46eefe1d3defa85fab667c340a63a31', class: "pagination__page-size-selection" }, h("swirl-text", { key: '251b62b58522afd0ed8217b228f6425b57ba3d1e' }, this.pageSizeSelectLabel), h("swirl-stack", { key: 'e95db113db399512aebdca2ea823ddea845cf78f', align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, h("select", { key: '82353029ac2e3cc3a13d35a5a3642ac6ce930efc', class: "pagination__page-size-select", onChange: this.onPageSizeSelect }, this.pageSizeOptions.map((pageSizeOption) => (h("option", { key: pageSizeOption, selected: pageSizeOption === this.pageSize, value: pageSizeOption }, pageSizeOption)))), h("swirl-icon-expand-more", { key: '850004da0a73785a21cc75380ed6c9bc615e5f08', "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), h("li", { key: '9f7b8e9868bdd07d95f5a3d1c86e7b6a50b85069', class: "pagination__list-item" }, h("swirl-button", { key: 'e571aa451e3acd173de1415d22e6ac6db9e9d2d8', class: "pagination__first-page-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-double-arrow-left></swirl-icon-double-arrow-left>", intent: "primary", label: this.firstPageButtonLabel, onClick: this.onFirstPageButtonClick })), h("li", { key: '407634f3f4d7ea7b3fbccb4961df157f9df72f45', class: "pagination__list-item" }, h("swirl-button", { key: 'efcd5adc949ebba3b9952db9478ca0d47eda90d0', class: "pagination__prev-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", intent: "primary", label: this.prevButtonLabel, onClick: this.onPrevButtonClick })), showPageLabel ? (h("li", { class: "pagination__list-item  pagination__page-label" }, h("span", null, showDropDown ? (h("span", { "aria-current": "page", class: "pagination__advanced-label" }, h("input", { "aria-label": this.pageSelectLabel, class: "pagination__page-input", onFocus: this.onFocusPageInput, onInput: this.onPageInput, ref: (el) => (this.pageInput = el), type: "text", value: this.page }), h("span", { "aria-hidden": "true" }, this.pageLabel, " ", this.pages.toLocaleString()))) : (h("span", { "aria-current": "page" }, ariaPageLabel))))) : (h("li", { class: "pagination__list-item" }, h("swirl-visually-hidden", null, h("span", { "aria-current": "page" }, ariaPageLabel)))), h("li", { key: '019150d90def566c21b5354e9d8005e1de255872', class: "pagination__list-item" }, h("swirl-button", { key: 'd8a6c957634b57d23d7ff532a182fc7e0d525fe0', class: "pagination__next-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-chevron-right></swirl-icon-chevron-right>", iconPosition: "end", intent: "primary", label: this.nextButtonLabel, onClick: this.onNextButtonClick })), h("li", { key: 'db54b2c2ca62d625b9b24f722900ff304e9c1da5', class: "pagination__list-item" }, h("swirl-button", { key: 'ca0fdf54ba4ca018e2a8f84dad9b77b8f1327244', class: "pagination__last-page-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", intent: "primary", label: this.lastPageButtonLabel, onClick: this.onLastPageButtonClick }))))));
+        return (h(Host, { key: '72e881d7e0e0c2b7cfc3705bd1c45a976ffe4228' }, h("nav", { key: '63b9d8181dc50740a674c38e36c7038dd1265ac8', "aria-label": this.label, class: className }, h("ul", { key: '79350d7a9a79fdcdfbd7d1f8ea3b6c050c64c2d6', class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (h("li", { key: '50593d7d812e9e1692a73ff9be66cfbc479ac295', class: "pagination__list-item" }, h("label", { key: '221fd7a27cba80b5a4e06de7b5b630f1a8c9ad93', class: "pagination__page-size-selection" }, h("swirl-text", { key: '60f17a61d83d4751ec7c75a4148a665ab6b5eb50' }, this.pageSizeSelectLabel), h("swirl-stack", { key: '653929ee404821512d1ec8a98ff720faee9e9a03', align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, h("select", { key: 'bd26c7de8b661f02d62255b46faffbb03a40b02b', class: "pagination__page-size-select", onChange: this.onPageSizeSelect }, this.pageSizeOptions.map((pageSizeOption) => (h("option", { key: pageSizeOption, selected: pageSizeOption === this.pageSize, value: pageSizeOption }, pageSizeOption)))), h("swirl-icon-expand-more", { key: 'de72fbedf7d3caa10eb6df0056eec5215ddd3662', "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), h("li", { key: 'fc3273236346d0899d50510ba1a68f03e8115632', class: "pagination__list-item" }, h("swirl-button", { key: '738fdd11a0c28b8c2a05a94e48903a1663002e6b', class: "pagination__first-page-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-double-arrow-left></swirl-icon-double-arrow-left>", intent: "primary", label: this.firstPageButtonLabel, onClick: this.onFirstPageButtonClick })), h("li", { key: 'dd0a45e6b9dc9132a804d5a2b890ce9601404792', class: "pagination__list-item" }, h("swirl-button", { key: '9c6fc517033da49e882aa5fcacd644076afd9420', class: "pagination__prev-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", intent: "primary", label: this.prevButtonLabel, onClick: this.onPrevButtonClick })), showPageLabel ? (h("li", { class: "pagination__list-item  pagination__page-label" }, h("span", null, showDropDown ? (h("span", { "aria-current": "page", class: "pagination__advanced-label" }, h("input", { "aria-label": this.pageSelectLabel, class: "pagination__page-input", onFocus: this.onFocusPageInput, onInput: this.onPageInput, ref: (el) => (this.pageInput = el), type: "text", value: this.page }), h("span", { "aria-hidden": "true" }, this.pageLabel, " ", this.pages.toLocaleString()))) : (h("span", { "aria-current": "page" }, ariaPageLabel))))) : (h("li", { class: "pagination__list-item" }, h("swirl-visually-hidden", null, h("span", { "aria-current": "page" }, ariaPageLabel)))), h("li", { key: 'b2d29e12b85b44457c2053c8bf9b531c02f5195e', class: "pagination__list-item" }, h("swirl-button", { key: 'e6c332f741a87d31ff486fb3d980e64d53ed05ff', class: "pagination__next-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-chevron-right></swirl-icon-chevron-right>", iconPosition: "end", intent: "primary", label: this.nextButtonLabel, onClick: this.onNextButtonClick })), h("li", { key: 'b123155499bf1259ca3502d060e0cdf9428b3d31', class: "pagination__list-item" }, h("swirl-button", { key: '99b4d4c078b1e5015b8ebee56dda516726fdca52', 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/esm/swirl-pdf-reader.entry.js

@@ -187,15 +187,15 @@ const SwirlPdfReader = class {
             "pdf-reader--hide-menu": !hasMenuItems,
             "pdf-reader--show-thumbnails": this.showThumbnails,
         });
-        return (h(Host, { key: 'c0258215cda9af850c5eebba156237ddc9289f2b' }, h("section", { key: 'ce4fccfa7ae20dbf1a448bc05b2ab318f6b61b1d', "aria-hidden": "true", "aria-label": this.label, class: className, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, h("div", { key: 'f8c10ae794e80c6e1a88469bdd16d7465e494216', class: "pdf-reader__body", role: "document" }, h("header", { key: '14fb7dc06fd2f70cfebc33221d0896d42bd2f2bc', class: "pdf-reader__header" }, h("span", { key: 'a44ce10d722fd73ad599905608d5249c2e588209', class: "pdf-reader__header-left" }, h("swirl-button", { key: '6ca9cffadd56f9d1641704465453ab11347888b4', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), h("span", { key: 'dee1c0bc5b3b98258737a6514267f0fcd12cfab0', class: "pdf-reader__label" }, this.label)), h("span", { key: '8f92d859d7b3d0779cd461040113afe2b8e577a4', class: "pdf-reader__header-center" }, h("span", { key: '7b02c373d0eac83339bba457245f7e109675441c', class: "pdf-reader__zoom-button-container" }, h("swirl-button", { key: '3274feaa884938c57425b660e2f8270db294887c', class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[0], hideLabel: true, icon: "<swirl-icon-remove></swirl-icon-remove>", label: this.zoomOutButtonLabel, onClick: this.onZoomOutButtonClick }), h("swirl-button", { key: 'c2bb762e92bca11e1294b1ee9150d6e3b7505155', class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], hideLabel: true, icon: "<swirl-icon-add></swirl-icon-add>", label: this.zoomInButtonLabel, onClick: this.onZoomInButtonClick })), h("span", { key: 'c908157593a52b007ac076850ed94eab52c9491d', class: "pdf-reader__zoom-select-container" }, h("select", { key: '47f0dd8e61719a493df255420a1956164ecf8603', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, h("option", { key: '08cdcdd53405faab00bb63414114acaa0c927921', selected: this.zoom === "auto", value: "auto" }, this.autoZoomLabel), this.zoomSteps.map((zoom) => (h("option", { key: zoom, selected: this.zoom === zoom, value: zoom }, zoom * 100, "%")))), h("swirl-icon-expand-more", { key: 'fd26c1ae021b213f7a9aaf411c68267cf2874cee', class: "pdf-reader__zoom-select-icon" }))), h("span", { key: 'c6adb59d07713571f59e2fdfba26c87d3685f87e', class: "pdf-reader__header-right" }, h("swirl-popover-trigger", { key: 'aa01bef66a26a2de9f7094da91d2bee726df0f85', swirlPopover: this.menu }, h("swirl-button", { key: 'af8d0b261b43fdc5bc954efdc9ee59ecf892ea05', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), h("span", { key: '473551b4651d6c02deb4428d5e813bed2b8556b7', class: "pdf-reader__floating-tools" }, h("button", { key: 'a4716ffb50de5169f18e678b21a4d88361790244', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, h("swirl-icon-menu-book", { key: '00b85d6435f916a4f55ed5a72ad0bb78f2487b46' })), h("button", { key: 'f12a4682f9c3cd52f3e24e1082bde33e538b38af', "aria-controls": "thumbnails", "aria-expanded": String(Boolean(this.showThumbnails)), "aria-label": this.thumbnailsButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleThumbnals, type: "button" }, h("swirl-icon-file-copy", { key: 'b63a1620655e94fe9e30bdef24f8c5d972964fa7' })))), h("div", { key: '2eef7e39da3cba2c9cb6d758e10f95929d9a3650', class: "pdf-reader__content" }, h("nav", { key: 'd7b36071b9f44c153dfd1806c826dd3b78be9bd2', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && h("swirl-spinner", { key: 'ac6ca1c1ae7cb817732251f5804402b91cb236db' }), !this.loadingThumbnails &&
+        return (h(Host, { key: 'c20a5319d96e251d7000be398ae5a7de885c0a6b' }, h("section", { key: '3827aa7dd3474d74f17a8b1fbb0f93733eda1f52', "aria-hidden": "true", "aria-label": this.label, class: className, id: "pdf-reader", onKeyDown: this.onKeyDown, ref: (el) => (this.modalEl = el) }, h("div", { key: 'e7f3fbcb3a1b44708e7f53f7b49d21feec996317', class: "pdf-reader__body", role: "document" }, h("header", { key: '8bbe94b3d2b9aae6ced5e2ee6618a68a8cbc83ba', class: "pdf-reader__header" }, h("span", { key: 'ac8ffc3c0c4cef0f3f085030072f19fed4b13f24', class: "pdf-reader__header-left" }, h("swirl-button", { key: '0af1dea1de70a663e8a3ae47aada38787a321114', class: "pdf-reader__close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick }), h("span", { key: '191792bf66cd0305cee3ea9dd0b2f4bab6aa3672', class: "pdf-reader__label" }, this.label)), h("span", { key: '8e4662aa9aa9c028c1446dda4f08a3568cff80f6', class: "pdf-reader__header-center" }, h("span", { key: 'ce8b5e434b816fe6f12a7ead2c3c1ad4a871dce1', class: "pdf-reader__zoom-button-container" }, h("swirl-button", { key: '17e6a7c79cfb2b74551e5afb119d57e01c37ce20', class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[0], hideLabel: true, icon: "<swirl-icon-remove></swirl-icon-remove>", label: this.zoomOutButtonLabel, onClick: this.onZoomOutButtonClick }), h("swirl-button", { key: '9e06d7d361316086efa9dab01c777b7f806fb758', class: "pdf-reader__zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], hideLabel: true, icon: "<swirl-icon-add></swirl-icon-add>", label: this.zoomInButtonLabel, onClick: this.onZoomInButtonClick })), h("span", { key: '5fdb6f274af4ac740acfc03341c8398fa2e910e9', class: "pdf-reader__zoom-select-container" }, h("select", { key: 'bde47f9f4edf27ffb13ad1f7d95a32df8a34d617', "aria-label": this.zoomSelectLabel, class: "pdf-reader__zoom-select", name: "zoom-select", id: "zoom-select", onChange: this.onZoomChange }, h("option", { key: '17120cdf56408c6371a0f2720cf010c6ff682850', selected: this.zoom === "auto", value: "auto" }, this.autoZoomLabel), this.zoomSteps.map((zoom) => (h("option", { key: zoom, selected: this.zoom === zoom, value: zoom }, zoom * 100, "%")))), h("swirl-icon-expand-more", { key: '4d6ba650f0db8398a0fff444c5061d5e959ebb5b', class: "pdf-reader__zoom-select-icon" }))), h("span", { key: '4009434fd5a4c27de337220fda3a23a470fb3775', class: "pdf-reader__header-right" }, h("swirl-popover-trigger", { key: 'd99e34271f1a72203014a110e3ce831d12c521b0', swirlPopover: this.menu }, h("swirl-button", { key: '85664a4347ab532baa3f6c1113b403060931d378', class: "pdf-reader__menu-button", hideLabel: true, icon: "<swirl-icon-more-vertikal></swirl-icon-more-vertikal>", label: this.menuTriggerLabel }))), h("span", { key: '65961f10319b2b95a4bed1084a456bb67c7572d0', class: "pdf-reader__floating-tools" }, h("button", { key: '42fb017d3eb806e474698a59dd6b88663c662d3e', "aria-label": this.sideBySideButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleViewMode, type: "button" }, h("swirl-icon-menu-book", { key: '1a176e3c045f9bd6247fd25ed08333adea619b47' })), h("button", { key: 'c4346e8ece98362d64234c5d041c167cf1a8074a', "aria-controls": "thumbnails", "aria-expanded": String(Boolean(this.showThumbnails)), "aria-label": this.thumbnailsButtonLabel, class: "pdf-reader__floating-tool-button", onClick: this.toggleThumbnals, type: "button" }, h("swirl-icon-file-copy", { key: 'a62dc916d269c43cf9490199b8824d270754e008' })))), h("div", { key: '05b8162422814a79a127f180d87d83395f4b6c73', class: "pdf-reader__content" }, h("nav", { key: '62481cfc5ebea3b1f5938de9373c540e396fbf6d', "aria-label": this.thumbnailsLabel, class: "pdf-reader__thumbnails", id: "thumbnails" }, this.loadingThumbnails && h("swirl-spinner", { key: '68c03785a8f9a68a2f2f7b9964a199b243ab985d' }), !this.loadingThumbnails &&
             this.thumbnails.map((thumbnail, index) => {
                 const thumbnailClassName = classnames("pdf-reader__thumbnail", {
                     "pdf-reader__thumbnail--active": this.visiblePages[0] === index + 1,
                 });
                 return (h("button", { "aria-label": `${this.thumbnailButtonLabel} ${index + 1}`, class: thumbnailClassName, onClick: this.onThumbnailClick(index), type: "button" }, h("img", { src: thumbnail.toDataURL("image/png"), alt: "" })));
-            })), h("swirl-file-viewer", { key: '266d599fd7aa444e32ba9046f4b439b022290857', active: this.active, class: "pdf-reader__viewer", file: this.file, fileName: this.fileName, onActivate: this.onActivate, onVisiblePagesChange: this.onVisiblePagesChange, pdfWorkerSrc: this.pdfWorkerSrc, ref: (el) => (this.viewer = el), type: "application/pdf", viewMode: this.viewMode, zoom: this.zoom }), h("div", { key: '84315ae7e518c5711bf1a8262dc464279ba0d23b', class: "pdf-reader__mobile-zoom-controls" }, h("button", { key: '828bbf2283ad6b3f65194919587da8d399863718', "aria-label": this.autoZoomLabel, class: "pdf-reader__mobile-zoom-button", onClick: this.onZoomAutoButtonClick, type: "button" }, this.zoom === "auto" ? (h("swirl-icon-fullscreen-exit", null)) : (h("swirl-icon-fullscreen", null))), h("button", { key: '9006ef8033b347a6b9193e0f149e05946619005a', "aria-label": this.zoomInButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], onClick: this.onZoomInButtonClick, type: "button" }, h("swirl-icon-add", { key: 'd8b2965528059376fb372545a25effc0dcd121a7' })), h("button", { key: 'e685c73be5f90b8f46d0d94188f247c70d950b18', "aria-label": this.zoomOutButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[0], onClick: this.onZoomOutButtonClick, type: "button" }, h("swirl-icon-remove", { key: '237c3a7bf67ffb7051b3e886fa90a4d42ac74b9d' }))))), h("swirl-popover", { key: '944c87ff7fe4043be6408218eda4c48d868dcfb2', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: 'c048e548cd711e9c9b69981c1dbe21c10dae1722' }, h("div", { key: 'bd109a39510a4f2de20b36d589ab07417f69d5b7', class: "pdf-reader__meta" }, h("div", { key: 'bec4cd0a32c8f4d328180cbd6ea6b54b96068c31', class: "pdf-reader__file-icon" }, h("svg", { key: '7a9c71d806309b3f94b35e5853066a94baffd535', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, h("path", { key: '26711c5e7c3dbb9d95ecc20369e006a296d3c0f3', d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), h("path", { key: '457ace964a42f2e69da37322ea42e46e5e884920', d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), h("path", { key: 'd3c8367e46dd9945b3f4b914d5a8c83e45f7070b', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), h("path", { key: 'e69a40f139e928b53138e752e7e4b196f7052357', d: "M3.59961 9.00001C3.59961 8.0059 4.4055 7.20001 5.39961 7.20001H14.854C15.3314 7.20001 15.7893 7.38965 16.1268 7.72722L19.8724 11.4728C20.21 11.8104 20.3996 12.2682 20.3996 12.7456V27C20.3996 27.9941 19.5937 28.8 18.5996 28.8H5.39961C4.4055 28.8 3.59961 27.9941 3.59961 27V9.00001Z", fill: "#FF574D" }), h("path", { key: 'cba27257345ca787a0d4567373ea0bdbb9460260', d: "M15.5996 7.36166V10.2C15.5996 11.1941 16.4055 12 17.3996 12H20.2379C20.3237 12.1884 20.3768 12.3913 20.3937 12.6H17.3996C16.0785 12.6 15.0067 11.5325 14.9996 10.213L14.9996 7.20587C15.2083 7.2228 15.4112 7.27593 15.5996 7.36166Z", fill: "white" }), h("path", { key: 'd90a4f37ed2c30a23840515eae7ffb196c241a87', d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), h("path", { key: 'c0c5f925c4dcc583983903f24d42fafdfcb6a5eb', d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), h("path", { key: '1e7d4696977f4d586917e56a0fc2df303092abf1', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), h("div", { key: '7d29d48af9be07b5287af60260bff5fc41879aad', class: "pdf-reader__file-info" }, h("swirl-text", { key: '31c0e71b957c552534e517ec5fc5c402405f5069', truncate: true, weight: "semibold" }, this.label), h("swirl-text", { key: '8218f23ef6935083605eea2b3d15ddd0dff55bcf', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && h("swirl-separator", { key: '8d153419fdb1774d1df1829c90f2dd3508c4a80f' }), h("swirl-action-list", { key: 'c281c29944f14c9a2ce0acb4e05cff36b84f3a0e', class: "pdf-reader__menu" }, this.printButtonEnabled && (h("swirl-action-list-item", { key: 'ac61ac9216af2be43da37f1ee0c4022acf5a7a50', class: "pdf-reader__print-button", icon: "<swirl-icon-print></swirl-icon-print>", label: this.printButtonLabel, onClick: this.onPrintButtonClick })), this.downloadButtonEnabled && (h("swirl-action-list-item", { key: 'd9de8feda98a6bb8a2e11a2ac42079c854ea7325', class: "pdf-reader__download-button", disabled: this.downloading, icon: !this.downloading
+            })), h("swirl-file-viewer", { key: 'edbfd875844b51b62c70a49a83536b6895b70c2b', active: this.active, class: "pdf-reader__viewer", file: this.file, fileName: this.fileName, onActivate: this.onActivate, onVisiblePagesChange: this.onVisiblePagesChange, pdfWorkerSrc: this.pdfWorkerSrc, ref: (el) => (this.viewer = el), type: "application/pdf", viewMode: this.viewMode, zoom: this.zoom }), h("div", { key: '73eba13e74831e85bc696d10476f4e492998294f', class: "pdf-reader__mobile-zoom-controls" }, h("button", { key: 'cf523c7df17d6a304d62c19474ee15b848232dc5', "aria-label": this.autoZoomLabel, class: "pdf-reader__mobile-zoom-button", onClick: this.onZoomAutoButtonClick, type: "button" }, this.zoom === "auto" ? (h("swirl-icon-fullscreen-exit", null)) : (h("swirl-icon-fullscreen", null))), h("button", { key: '1cf33288942d496ba0f83754e2fc5269050d946a', "aria-label": this.zoomInButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[this.zoomSteps.length - 1], onClick: this.onZoomInButtonClick, type: "button" }, h("swirl-icon-add", { key: 'c75312a7c83fc92f122624ddf25cfad9bc414246' })), h("button", { key: '6485b4d028b3b85067ab0175fd5a295ddfc55496', "aria-label": this.zoomOutButtonLabel, class: "pdf-reader__mobile-zoom-button", disabled: this.zoom === this.zoomSteps[0], onClick: this.onZoomOutButtonClick, type: "button" }, h("swirl-icon-remove", { key: '07d4b9a243af68d5e9c09281b798a0aff01781a5' }))))), h("swirl-popover", { key: '7482852898ea71b24e578187782725759b9cc420', animation: "scale-in-y", disableScrollLock: true, id: "menu", label: this.menuLabel, placement: "bottom-end", ref: (el) => (this.menu = el) }, h("swirl-stack", { key: '7f2179e88f316d21239120876605f72be7dc2f33' }, h("div", { key: 'f505486ff8e5a04f777beea7b57091627ee32ef9', class: "pdf-reader__meta" }, h("div", { key: '412d2e8651af05668c980266b1966cfca33e51ae', class: "pdf-reader__file-icon" }, h("svg", { key: '0b2b74cb644c0d86943c49431fa1ce02bd6158f3', fill: "none", height: "36", viewBox: "0 0 24 36", width: "24" }, h("path", { key: '175447abbc8c1a488de11bc14b613668712385b6', d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), h("path", { key: '2ba2b03f214c9f87349858d0f7ad73ee60e5c86c', d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), h("path", { key: 'fa175f24d11f03fee3f1fb42abc3dfe4e7247f6d', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }), h("path", { key: 'f81b836d4cdc2cbc6757c1287adb097bfb60db56', d: "M3.59961 9.00001C3.59961 8.0059 4.4055 7.20001 5.39961 7.20001H14.854C15.3314 7.20001 15.7893 7.38965 16.1268 7.72722L19.8724 11.4728C20.21 11.8104 20.3996 12.2682 20.3996 12.7456V27C20.3996 27.9941 19.5937 28.8 18.5996 28.8H5.39961C4.4055 28.8 3.59961 27.9941 3.59961 27V9.00001Z", fill: "#FF574D" }), h("path", { key: '43d0ccbdd4296a6319b900466662a543487f1b36', d: "M15.5996 7.36166V10.2C15.5996 11.1941 16.4055 12 17.3996 12H20.2379C20.3237 12.1884 20.3768 12.3913 20.3937 12.6H17.3996C16.0785 12.6 15.0067 11.5325 14.9996 10.213L14.9996 7.20587C15.2083 7.2228 15.4112 7.27593 15.5996 7.36166Z", fill: "white" }), h("path", { key: 'ae145107fb12fae765fbd6ff1f3af6fd8f031445', d: "M7.01755 21.6V15.192H8.39455C8.64655 15.192 8.86855 15.225 9.06055 15.291C9.25255 15.357 9.42655 15.474 9.58255 15.642C9.73855 15.81 9.84655 16.008 9.90655 16.236C9.96655 16.458 9.99655 16.761 9.99655 17.145C9.99655 17.433 9.97855 17.676 9.94255 17.874C9.91255 18.072 9.84355 18.258 9.73555 18.432C9.60955 18.642 9.44155 18.807 9.23155 18.927C9.02155 19.041 8.74555 19.098 8.40355 19.098H7.93555V21.6H7.01755ZM7.93555 16.056V18.234H8.37655C8.56255 18.234 8.70655 18.207 8.80855 18.153C8.91055 18.099 8.98555 18.024 9.03355 17.928C9.08155 17.838 9.10855 17.727 9.11455 17.595C9.12655 17.463 9.13255 17.316 9.13255 17.154C9.13255 17.004 9.12955 16.863 9.12355 16.731C9.11755 16.593 9.09055 16.473 9.04255 16.371C8.99455 16.269 8.92255 16.191 8.82655 16.137C8.73055 16.083 8.59255 16.056 8.41255 16.056H7.93555Z", fill: "white" }), h("path", { key: '6abb7326e1ee482fabd7eed42a6574417a8a345c', d: "M10.6826 21.6V15.192H12.0416C12.5696 15.192 12.9686 15.336 13.2386 15.624C13.5146 15.912 13.6526 16.32 13.6526 16.848V19.845C13.6526 20.445 13.5056 20.889 13.2116 21.177C12.9236 21.459 12.5066 21.6 11.9606 21.6H10.6826ZM11.6006 16.056V20.736H12.0236C12.2816 20.736 12.4646 20.673 12.5726 20.547C12.6806 20.415 12.7346 20.211 12.7346 19.935V16.848C12.7346 16.596 12.6836 16.401 12.5816 16.263C12.4796 16.125 12.2936 16.056 12.0236 16.056H11.6006Z", fill: "white" }), h("path", { key: '09534e513625edc4ece0ff6342ddc5466bd99248', d: "M14.5146 21.6V15.192H17.2506V16.056H15.4326V18H17.0166V18.864H15.4326V21.6H14.5146Z", fill: "white" }))), h("div", { key: '10ebdb9adb23004ed54687c3bdf107a2770b69a4', class: "pdf-reader__file-info" }, h("swirl-text", { key: '33f6b5b95a5ef66385156262e0d34ba53b9a3702', truncate: true, weight: "semibold" }, this.label), h("swirl-text", { key: 'c1d31eb939d3f8e6976f953bb68a8f9c67e530b0', color: "subdued", size: "sm", truncate: true }, this.fileTypeLabel))), hasMenuItems && h("swirl-separator", { key: '401c1d97ee8b53a9666a62c7726687ae5f7cde7f' }), h("swirl-action-list", { key: 'f1bcc6e6021e88128bf96161ee4666b1d79d396a', class: "pdf-reader__menu" }, this.printButtonEnabled && (h("swirl-action-list-item", { key: 'bb1666eed490d287d7bd936ad21d00fe24ff0092', class: "pdf-reader__print-button", icon: "<swirl-icon-print></swirl-icon-print>", label: this.printButtonLabel, onClick: this.onPrintButtonClick })), this.downloadButtonEnabled && (h("swirl-action-list-item", { key: '9d1a9ea62c8ae26e6dc65cfdcc8ee9975e8e7ccb', class: "pdf-reader__download-button", disabled: this.downloading, icon: !this.downloading
                 ? "<swirl-icon-download></swirl-icon-download>"
-                : '<swirl-spinner size="xs"></swirl-spinner>', label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), h("slot", { key: 'da544796338465457fe8d20bc71dc6e484e332a0', name: "menu-items" })))))));
+                : '<swirl-spinner size="xs"></swirl-spinner>', label: this.downloadButtonLabel, onClick: this.onDownloadButtonClick })), h("slot", { key: '427e07620216617c9ec3a89b9028fa702158455d', name: "menu-items" })))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/swirl-popover_2.entry.js

@@ -256,14 +256,14 @@ const SwirlPopover = class {
             "popover--inactive": !this.active,
             "popover--transparent": this.transparent,
         });
-        return (h(Host, { key: '69db1b742f6525ac94a7eec41664c685ab3a24fa' }, h("div", { key: '9c4b5adbc6cd28688da341cca2548895d43a870a', class: className, onKeyDown: this.onKeydown }, h("div", { key: '586537c7134a0f94b77f726db96e1247eba82aaf', "aria-hidden": !this.active ? "true" : "false", "aria-label": this.label, class: "popover__content", id: this.popoverId, part: "popover__content", role: "dialog", ref: (el) => (this.contentContainer = el), style: {
+        return (h(Host, { key: '38a29d63bc70b8a3f2367d260f5f2d089450f797' }, h("div", { key: 'd59e79ff136630b5635d265ba7b327f04c25a30b', class: className, onKeyDown: this.onKeydown }, h("div", { key: '2a72f72e5f4ab92792ca7976b86d1bda66334ee5', "aria-hidden": !this.active ? "true" : "false", "aria-label": this.label, class: "popover__content", id: this.popoverId, part: "popover__content", role: "dialog", ref: (el) => (this.contentContainer = el), style: {
                 top: Boolean(this.position) ? `${this.position?.y}px` : "",
                 left: Boolean(this.position) ? `${this.position?.x}px` : "",
-            }, tabindex: "-1" }, h("span", { key: '19ca6fc58979c7b80510df9213e0956b5ed74473', class: "popover__handle" }), h("div", { key: '5fe1a0cedb671f6289a6bc793896b83a8def0366', class: "popover__scroll-container", part: "popover__scroll-container", ref: (el) => (this.scrollContainer = el), style: {
+            }, tabindex: "-1" }, h("span", { key: 'e295d57d2b14fc2c564558dd5d15395441d57214', class: "popover__handle" }), h("div", { key: '2fd787d2a3e58527bddf6aec6247b9626f36947c', class: "popover__scroll-container", part: "popover__scroll-container", ref: (el) => (this.scrollContainer = el), style: {
                 maxHeight: !mobile && Boolean(this.maxHeight)
                     ? this.maxHeight
                     : undefined,
-            } }, h("slot", { key: 'ce8c6356355276acfd1936e2ee41d0311fe99c82' }))), this.active && (h("div", { key: 'f3d2a6387153094bbf7c11c83c365ec8143ec837', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
+            } }, h("slot", { key: '8c991bd657aa979fa87cf7918729c5d1eee155db' }))), this.active && (h("div", { key: 'c0d83c06f8a6b2e7e219522c9eb0a44dc1b33028', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
     }
     get el() { return getElement(this); }
 };
@@ -432,7 +432,7 @@ const SwirlPopoverTrigger = class {
         return isActive;
     }
     render() {
-        return (h(Host, { key: '1a863f7ec0d68f6170c4c07d87535b6f40f0f5a9', onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, h("slot", { key: 'c64ac3351841950e4955e8502f871fc48b42ae27' })));
+        return (h(Host, { key: '1847ad7b3f8871937e44e085033f33c5b0e33b56', onClick: this.onClick, onMouseenter: this.onMouseenter, onMouseleave: this.onMouseleave }, h("slot", { key: '3110baedf8213f070d263ca4424c611c03408c5a' })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/swirl-progress-indicator.entry.js

@@ -18,7 +18,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 (h(Host, { key: 'e0b2e08fe20462ae55a48a58af5f065f26f6b2d2', class: this.variant }, this.variant === "bar" && (h("progress", { key: 'e8c311ffc18cf15bf9be4c71ee1fb4ec89790c48', "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className, max: 100, value: this.value })), this.variant === "circle" && (h("span", { key: '06dfde083b8cea9e7dfe32093eda4f849303ec5c', role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className }, h("svg", { key: 'e410ae2c6f2008c50651087aed7d4ab032988a6c', class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(radius + strokeWidth) * 2} ${(radius + strokeWidth) * 2}` }, h("circle", { key: 'f7ae1672e590d84fc01e135dad7cefc50edaa9c6', class: "progress-indicator__circle-background", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth }), h("circle", { key: '691bc484c0cea716dd3a944ac48ab1bd83013f76', class: "progress-indicator__circle-value", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth, "stroke-dasharray": circumference, "stroke-dashoffset": dashOffset }))))));
+        return (h(Host, { key: 'b6fcea9e1fe3f29d7f4680fee4f9f3cdc3e87350', class: this.variant }, this.variant === "bar" && (h("progress", { key: 'c560117d15171d19b486db9ebb47a8f529fd9402', "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className, max: 100, value: this.value })), this.variant === "circle" && (h("span", { key: 'd6758f9766ba00e5e8b11a86dfb6c490d4a33be8', role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className }, h("svg", { key: 'fcd9107f06988973e4a6dbe9241b04842db3ea5e', class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(radius + strokeWidth) * 2} ${(radius + strokeWidth) * 2}` }, h("circle", { key: 'a125fe6cdad0f23521d8a08efc8d5e272642c759', class: "progress-indicator__circle-background", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth }), h("circle", { key: '0cac336bd6473fb3982f5cd8af7273b70c24791d', 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/esm/swirl-radio-group.entry.js

@@ -43,7 +43,7 @@ const SwirlRadioGroup = class {
         }
     }
     render() {
-        return (h(Host, { key: '7fcedde424cc0de42deb69dffe8f5b797e0ebafa', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, h("div", { key: 'f51d85119d8ff1f260eef09a5ffe7aeb56f2807f', class: "radio-group" }, h("slot", { key: 'ae7bac43bf46fe5d7f64d5a74aaac3a1e0625d64' }))));
+        return (h(Host, { key: '0dc77e01be17cd4eb082855a77c8f08d745d16b9', "aria-describedby": this.swirlAriaDescribedby, role: "radiogroup" }, h("div", { key: 'b1dec55a2f7483bf685b838215f08a420ef6eaf9', class: "radio-group" }, h("slot", { key: 'c07ab2748a4bdb8e243292b56c334a65c866dc4a' }))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/swirl-radio.entry.js

@@ -42,7 +42,7 @@ const SwirlRadio = class {
             "radio--invalid": this.invalid,
             "radio--unchecked": unchecked,
         });
-        return (h(Host, { key: '032a9594d53552bbde8a73d6b157bf7634267d33', style: { width: this.variant === "card" ? "100%" : undefined } }, h("label", { key: 'b3b2b8b777769c41eba2723810ed21b5639daaf0', class: className, htmlFor: this.inputId }, h("span", { key: 'e08008cc6c89453d9932512fc91a732f49a0606e', class: "radio__control" }, h("swirl-visually-hidden", { key: 'f396316cdd3a13edca4cfc175de82134d11f96d3' }, h("input", { key: '13928deeb1cdc6bee863ddcd69ca95f771dadbd8', "aria-checked": ariaCheckedLabel, "aria-invalid": ariaInvalid, checked: checked, class: "radio__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, type: "radio", value: this.value })), h("span", { key: '8e29a1d9542ad9c812b4589758d460f9d337e6ab', "aria-hidden": "true", class: "radio__box" })), h("span", { key: '08741e93c000032872a6884759b74a74ca7c91eb', class: "radio__label-container" }, this.label && h("span", { key: '929afadab2bf2c155d048121a5d78c1fc6a197e6', class: "radio__label" }, this.label), this.description && (h("span", { key: '8d6a5de4ae2b36264a299ea08b89ba2d9e6d05f3', class: "radio__description", innerHTML: this.description }))))));
+        return (h(Host, { key: 'bd5ca5db12ddb7ffb6b2aaab21faecb918b6a47d', style: { width: this.variant === "card" ? "100%" : undefined } }, h("label", { key: 'c6ac7efd1ba8af64d4a7b0b9d6b784d71784932c', class: className, htmlFor: this.inputId }, h("span", { key: '5abb6c7485a107f4eaed21b4d8459e3430a505ef', class: "radio__control" }, h("swirl-visually-hidden", { key: 'b6cd82ffd5e9a237c0a56e55fe07ad9872d0fd3f' }, h("input", { key: 'd6136084877896665fecc88492ec28e3f73a0d81', "aria-checked": ariaCheckedLabel, "aria-invalid": ariaInvalid, checked: checked, class: "radio__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, type: "radio", value: this.value })), h("span", { key: 'bda72bba1c01bbd69b2b22cc8b30f63e31e119b4', "aria-hidden": "true", class: "radio__box" })), h("span", { key: 'c82819fe1c33a60979b96656fe743fe513def6e1', class: "radio__label-container" }, this.label && h("span", { key: '8755678081b429812b4eef875e7519844b9b00b5', class: "radio__label" }, this.label), this.description && (h("span", { key: 'b3ad50bcb1dc9d80a1b4834d25a205330c1bbb2a', class: "radio__description", innerHTML: this.description }))))));
     }
 };
 SwirlRadio.style = SwirlRadioStyle0;

package/dist/esm/swirl-resource-list-file-item.entry.js

@@ -43,7 +43,7 @@ const SwirlResourceListFileItem = class {
         const className = classnames("resource-list-file-item", {
             "resource-list-file-item--has-control": showSpinner || showRemoveButton,
         });
-        return (h(Host, { key: 'c1fd77f8e6c7d91f58e585c6a787d548b0995105', role: "row" }, h("div", { key: 'a24dc62369366c454ffa86c86f991fc11d4f108d', class: className, part: "resource-list-file-item", role: "gridcell" }, h("span", { key: 'd563eb451cb8e7f7cc2ec0296a3ee1aa49412a46', class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }), h("span", { key: '2fa8a4b2e3f345eb6108e59c5cd7a62145cc9015', class: "resource-list-file-item__label-container" }, h("span", { key: '0cbfc4e13515f2deff5e63d188080d234275cf09', class: "resource-list-file-item__label", id: "label" }, this.label), showDescription && (h("span", { key: '9c2fbd9bc325e6e6dfbe61f09b1749cb47832e00', class: "resource-list-file-item__description" }, this.description)), showError && (h("span", { key: '258459911456a1d06b6571a8d52aae4da3ff5e09', "aria-live": "polite", class: "resource-list-file-item__error-message" }, h("swirl-inline-error", { key: '6c07a2b6d2336c9e5c2dcf7d6e1bee867e0e9bc3', message: this.errorMessage, size: "s" })))), showSpinner && (h("span", { key: '119f184c853e469d21ba13aa07b2be2389e60720', class: "resource-list-file-item__spinner" }, h("swirl-spinner", { key: '45b2b225a2b15761b6df3e118abcf0e0d4c6c0ef', size: "s" }))), showRemoveButton && (h("span", { key: '582f474e83b04fb6a03f9ea05bcbef547987f922', class: "resource-list-file-item__remove-button" }, h("swirl-button", { key: 'e807c3fc2027f25910fedad01b629681894f5c41', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))))));
+        return (h(Host, { key: '64c252b06d8cc44180acafdb1bb0f447f963fe7c', role: "row" }, h("div", { key: '6beeb0bb2c4cdb28bd8484f50a5edc824449f2fd', class: className, part: "resource-list-file-item", role: "gridcell" }, h("span", { key: 'da8991b42277cdff280aa3bad7e9a360fb5eefb7', class: "resource-list-file-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }), h("span", { key: '2681416463fcf2a5b0f4a22676d54b491ae97949', class: "resource-list-file-item__label-container" }, h("span", { key: '7ce62147ae15f66f7da228bafc0ecbd043b671bf', class: "resource-list-file-item__label", id: "label" }, this.label), showDescription && (h("span", { key: '475a0cc44ccaa3d0af041d4e672148def72cf668', class: "resource-list-file-item__description" }, this.description)), showError && (h("span", { key: '231deb40fbd35eae3b7edef67acaefecb78e3c3c', "aria-live": "polite", class: "resource-list-file-item__error-message" }, h("swirl-inline-error", { key: 'f208d848f0e98ff38262623c1db0815c8f411f5b', message: this.errorMessage, size: "s" })))), showSpinner && (h("span", { key: '4413a6a83f69adcc6bdbe2d099b01b56472d14c0', class: "resource-list-file-item__spinner" }, h("swirl-spinner", { key: 'a12957ef82071678f33377e8ceb30781c1ffeca3', size: "s" }))), showRemoveButton && (h("span", { key: '8196a7ec3aa1ad5a74290442fa60b8bc517f5825', class: "resource-list-file-item__remove-button" }, h("swirl-button", { key: 'b22a6e0e329114b76bc0a7d4d1b89a1b7ba8eb40', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit }))))));
     }
 };
 SwirlResourceListFileItem.style = SwirlResourceListFileItemStyle0;

package/dist/esm/swirl-search.entry.js

@@ -73,7 +73,7 @@ const SwirlSearch = class {
         const className = classnames("search", `search--variant-${this.variant}`, {
             "search--disabled": this.disabled,
         });
-        return (h(Host, { key: '23a7c64b77e4280c95b6f699fbbdb94809fa3cbe' }, h("span", { key: '29fd51dc56ff4a4598e92d72c5d0532bf7d4459d', class: className, ref: (el) => (this.iconEl = el) }, h("swirl-icon-search", { key: '048e81cb547308d4bf06ac657b59303d391c1cd0', "aria-hidden": "true", class: "search__icon" }), h("input", { key: 'e524f3fda2652489d910d84a4d09ce89bdfdeb8a', "aria-disabled": this.disabled ? "true" : undefined, "aria-label": this.label, autoComplete: "off", autoFocus: this.autoFocus, class: "search__input", disabled: this.disabled, id: this.inputId, inputMode: "search", name: this.inputName, onBlur: this.onBlur, onChange: this.onChange, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.input = el), type: "search", value: this.value }), !this.disabled && (h("button", { key: '4b09482780f6ab99125b744758680cc194663349', "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, h("swirl-icon-cancel", { key: '18ea161dc92df5f5beedebc15a87842860e24477' }))))));
+        return (h(Host, { key: 'd2061237e83786c9c0f6657b62835746ac73bbc3' }, h("span", { key: '725e29f51c5ab980fcfd66f490081f80bc1caafb', class: className, ref: (el) => (this.iconEl = el) }, h("swirl-icon-search", { key: 'cde35af0dda8e7ae428451b22c738ad3fe041265', "aria-hidden": "true", class: "search__icon" }), h("input", { key: '23ca1f8ba18f0dfe2db58b832fd59aec0a3bb41b', "aria-disabled": this.disabled ? "true" : undefined, "aria-label": this.label, autoComplete: "off", autoFocus: this.autoFocus, class: "search__input", disabled: this.disabled, id: this.inputId, inputMode: "search", name: this.inputName, onBlur: this.onBlur, onChange: this.onChange, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.input = el), type: "search", value: this.value }), !this.disabled && (h("button", { key: '4d51be2172a9ed03e5dcaeaf9a10ab824340c1a1', "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, h("swirl-icon-cancel", { key: '5d817746c190da635a9065dea36a7b0eed5c79f3' }))))));
     }
 };
 SwirlSearch.style = SwirlSearchStyle0;

package/dist/esm/swirl-select.entry.js

@@ -126,11 +126,11 @@ const SwirlSelect = class {
             "select--multi": this.multiSelect,
             "select--search-loading": this.searchLoading,
         });
-        return (h(Host, { key: 'd1f2b212a7994e78cfc572db6aaf064f0c2ffdbe', onKeyDown: this.onKeyDown }, h("div", { key: 'ced428abbd2bf11cdeb5c743a022818f2cec8e8e', class: className }, h("swirl-popover-trigger", { key: 'b597c85728963178dcb51203a8ddf8ea21203c26', swirlPopover: this.swirlPopover, setAriaAttributes: false }, h("input", { key: 'ca519acf6055bf1fb741f678dc4e9f98ab447712', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, class: "select__input", disabled: this.disabled, readOnly: true, ref: (el) => (this.input = el), type: "text", value: label })), h("span", { key: '5673c42edd36551c2c12e5dfa71a477a41e24249', class: "select__multi-select-values" }, this.value
+        return (h(Host, { key: '36d77c32234ab13624593fe6a93fbe46ceb59c19', onKeyDown: this.onKeyDown }, h("div", { key: 'ef357247a321c43a85a017b83924520889ad6d6d', class: className }, h("swirl-popover-trigger", { key: '72955fe5e04c2bca903f90597fe56e8154b64fc9', swirlPopover: this.swirlPopover, setAriaAttributes: false }, h("input", { key: 'a283aafe99f399bbd36b39f1ffd5494fec450073', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, class: "select__input", disabled: this.disabled, readOnly: true, ref: (el) => (this.input = el), type: "text", value: label })), h("span", { key: '3db71733be912ace6b8a68e7ee5df6b65c469dea', class: "select__multi-select-values" }, this.value
             ?.map((value) => this.options.find((option) => option.value === value))
             ?.map((option) => (h("swirl-tag", { "aria-hidden": "true", label: option?.label,
             // eslint-disable-next-line react/jsx-no-bind
-            onRemove: () => this.unselectOption(option?.value), removable: !this.disabled && this.allowDeselect })))), h("span", { key: 'e11845859b8286dfede6d0426c58b7d9b156804d', class: "select__indicator" }, this.open ? (h("swirl-icon-expand-less", null)) : (h("swirl-icon-expand-more", null))), h("swirl-popover", { key: 'aed2263e89c84390592e3c066c379d9e2e692168', animation: "scale-in-y", class: "select__popover", id: `select-options-${this.selectId}`, label: this.label, offset: [0, offset], onPopoverClose: this.onClose, onPopoverOpen: this.onOpen, ref: (el) => (this.swirlPopover = el), useContainerWidth: "swirl-form-control" }, this.withSearch && (h("div", { key: '34ddc62a2a188846a523bad838415850db753b8c', class: "select__search" }, h("swirl-icon-search", { key: 'c6ec263b0cbcda1739203e055040df06376d3b3a', class: "select__search-icon", size: 20 }), h("input", { key: '065da695394a883d5fc3ab0bbe68824d59422037', "aria-label": this.searchInputLabel, class: "select__search-input", onInput: this.onSearchInput, placeholder: this.searchPlaceholder, ref: (el) => (this.searchInput = el), type: "search" }), this.searchLoading && (h("swirl-spinner", { key: '7984384d33a7f292dfd46937ed9ff2d27a4df88f', class: "select__search-spinner", size: "s" })))), h("swirl-option-list", { key: 'a2deea882b290ab649fc23f0cdfc6c1bd0601a9c', allowDeselect: this.allowDeselect, onValueChange: this.select, multiSelect: this.multiSelect, ref: (el) => (this.optionList = el), value: this.value }, !this.searchLoading && (h("div", { key: '52b75473e55c8bcfe13adfb7c278e01b8913ccee', "aria-disabled": "true", class: "select__empty-list-label", role: "option" }, h("swirl-text", { key: 'bfbc223b858e7bed52f44c580028f611726f1f1a', color: "subdued", weight: "medium" }, this.emptyListLabel))), h("slot", { key: 'b633a8b55413c932e168c917fb7718a7d31abf7d', onSlotchange: this.onSlotChange }))))));
+            onRemove: () => this.unselectOption(option?.value), removable: !this.disabled && this.allowDeselect })))), h("span", { key: '729a32ac7b64ca0091f6bafaf2028b72b3e3c282', class: "select__indicator" }, this.open ? (h("swirl-icon-expand-less", null)) : (h("swirl-icon-expand-more", null))), h("swirl-popover", { key: '3b367204cb7b59be703761daa9ca742ba2986e2e', animation: "scale-in-y", class: "select__popover", id: `select-options-${this.selectId}`, label: this.label, offset: [0, offset], onPopoverClose: this.onClose, onPopoverOpen: this.onOpen, ref: (el) => (this.swirlPopover = el), useContainerWidth: "swirl-form-control" }, this.withSearch && (h("div", { key: '4b10ea3e698f8e0d017f95ffd8aaec953e6cd4ed', class: "select__search" }, h("swirl-icon-search", { key: 'b5e010f354e9b117bc230fe75fa88e02819217e9', class: "select__search-icon", size: 20 }), h("input", { key: 'b73b3933261211cc1b9b0fe28dca5d54b575e99d', "aria-label": this.searchInputLabel, class: "select__search-input", onInput: this.onSearchInput, placeholder: this.searchPlaceholder, ref: (el) => (this.searchInput = el), type: "search" }), this.searchLoading && (h("swirl-spinner", { key: '79136a64a324987faba199826718651e9671846c', class: "select__search-spinner", size: "s" })))), h("swirl-option-list", { key: 'aeb74e17ac9cfdc45b45f644bd5701ef0b151068', allowDeselect: this.allowDeselect, onValueChange: this.select, multiSelect: this.multiSelect, ref: (el) => (this.optionList = el), value: this.value }, !this.searchLoading && (h("div", { key: 'b2c309e5fd5cbde204cb8a8325b88c76d6fe0645', "aria-disabled": "true", class: "select__empty-list-label", role: "option" }, h("swirl-text", { key: 'a1985c14a2d13174851ade1ca8aeced2fbe67d41', color: "subdued", weight: "medium" }, this.emptyListLabel))), h("slot", { key: '08bfc07bd1a9cfca7f38ddb2d8b2408302bd56cd', onSlotchange: this.onSlotChange }))))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/swirl-shell-layout.entry.js

@@ -207,25 +207,25 @@ const SwirlShellLayout = class {
             "shell-layout--sidebar-scrollable": this.sidebarScrollState.scrollable,
             "shell-layout--sidebar-scrolled-to-top": this.sidebarScrollState.scrolledToTop,
         });
-        return (h(Host, { key: 'dfacfb28b0469aeed85bc713cbd0189da9ee9121' }, h("div", { key: '1ff48589b148512296b58af4795692c56a22829c', class: className }, h("header", { key: 'da337e1e0d8e73dcb1a483635923f1b7d7f745f4', class: "shell-layout__header", "data-tauri-drag-region": "true" }, h("button", { key: 'd4ee1b02554c555ab6fc8d82f81743613c226f07', class: "shell-layout__skip-link", onClick: this.skipLinkClick.emit, type: "button" }, this.skipLinkLabel), h("div", { key: '1f393c693012baa345ec17729c9a402111c5ff05', class: "shell-layout__header-left" }, h("swirl-tooltip", { key: '2d8ad782aa1ea0d403207bf5e47a4f7a113af03b', content: this.navigationCollapsed
+        return (h(Host, { key: '2bee77c34dfaa96de2b04439af8d11babd9de1db' }, h("div", { key: '887c2b42042b51532c97721b8fc39a760e311327', class: className }, h("header", { key: '1dd34f31d3903b2ac978fbd01951059523baa2ed', class: "shell-layout__header", "data-tauri-drag-region": "true" }, h("button", { key: '2f133f9a2b4c72d5fb696c2dd906b4a14ebd01a5', class: "shell-layout__skip-link", onClick: this.skipLinkClick.emit, type: "button" }, this.skipLinkLabel), h("div", { key: '1e497911232f98a656a2442c4169821fcd7a8914', class: "shell-layout__header-left" }, h("swirl-tooltip", { key: '9458d7b15e071ede3ad95bc9ed4ec164f6247cd4', content: this.navigationCollapsed
                 ? this.expandNavigationButtonLabel
-                : this.collapseNavigationButtonLabel, delay: 100, position: "right" }, h("button", { key: 'd0f8475851bdacd982cb8cdb6513b2675761c51d', class: "shell-layout__header-tool", onClick: this.onNavigationToggleClick, type: "button" }, this.navigationCollapsed ? (h("swirl-icon-dock-left-expand", { size: 20 })) : (h("swirl-icon-dock-left-collapse", { size: 20 })), h("swirl-visually-hidden", { key: '595d309187e68915836e6489e318f652c928301a' }, this.navigationCollapsed
+                : this.collapseNavigationButtonLabel, delay: 100, position: "right" }, h("button", { key: '29ab2a6f4dcccc9fc3673ef594e831d640eddf73', class: "shell-layout__header-tool", onClick: this.onNavigationToggleClick, type: "button" }, this.navigationCollapsed ? (h("swirl-icon-dock-left-expand", { size: 20 })) : (h("swirl-icon-dock-left-collapse", { size: 20 })), h("swirl-visually-hidden", { key: '3899e8b20c2761f1beef04ed020748b8abec0d19' }, this.navigationCollapsed
             ? this.expandNavigationButtonLabel
-            : this.collapseNavigationButtonLabel))), h("a", { key: 'eaa175be9b9950c91bbe05014f800c9477bde953', class: "shell-layout__header-tool", href: "javascript:history.back()" }, h("swirl-icon-arrow-back", { key: '1b3f91483aded16978f30d1582370bdbd5ae3830', size: 20 }), h("swirl-visually-hidden", { key: 'c002632f4863d937a4b354a212b9fb0a7ce7397c' }, this.browserBackButtonLabel)), h("a", { key: '6d9000fd9878a28b5b1a12de2651da22179a60bb', class: "shell-layout__header-tool", href: "javascript:history.forward()" }, h("swirl-icon-arrow-forward", { key: 'f5599c754670a644bccec39f554510750f7e3026', size: 20 }), h("swirl-visually-hidden", { key: '71d6602562f5b940116e184d19861eec5666c118' }, this.browserForwardButtonLabel)), h("slot", { key: '795a473842dc7d83927a7d037b0631981c8eab37', name: "left-header-tools" })), h("div", { key: '85ba51e674050ef339c1be6b3724acec39fabd9a', class: "shell-layout__logo" }, h("slot", { key: '2d7e5d269ef307989aca6707c7417b39679373bf', name: "logo" })), h("div", { key: '4585a3df834aeb71a851995c360715e6fbca05dc', class: "shell-layout__header-right" }, h("slot", { key: 'fe9aa8755d20200abbf1c1c29cc38e6d026e7eef', name: "right-header-tools" }), h("button", { key: 'b1e01a5c86dad22155979297e14a7354c9c1e935', class: "shell-layout__header-tool shell-layout__sidebar-toggle", onClick: this.sidebarToggleClick.emit, type: "button" }, h("swirl-icon", { key: '7f42296b6e0834dc10faca85f8e73138d764d01e', glyph: this.sidebarToggleIcon, size: 20 }), h("swirl-visually-hidden", { key: '75d56be479825eb1cb13def9031eb270b054ead7' }, this.sidebarToggleLabel), this.sidebarToggleBadge && (h("swirl-badge", { key: '69a5be3ffe055ba6ce5aa534845e9cd3b0a6bcf3', "aria-label": this.sidebarToggleBadgeAriaLabel, label: !hasSidebarToggleBadgeWithLabel
+            : this.collapseNavigationButtonLabel))), h("a", { key: '041bb2d4fc0fc521bd9f9730e51928507c65b4f2', class: "shell-layout__header-tool", href: "javascript:history.back()" }, h("swirl-icon-arrow-back", { key: '1d8e7adb09b31358fc3c4c4918e8c0ffbccea853', size: 20 }), h("swirl-visually-hidden", { key: '9a00ace5c0ce3bb0ae5077cb28cfbf436c12e821' }, this.browserBackButtonLabel)), h("a", { key: '0d4f6c2c5adb762a55e3074961366ecf028d0df7', class: "shell-layout__header-tool", href: "javascript:history.forward()" }, h("swirl-icon-arrow-forward", { key: '159ff112ce7ecad9cecfaa8e7b2a1b9825d3e539', size: 20 }), h("swirl-visually-hidden", { key: 'c5cc0a84511805e01c6973c4cfb41f58ace8085c' }, this.browserForwardButtonLabel)), h("slot", { key: 'd37dd7a584eade0613cdd00c3285b40725b1cfd5', name: "left-header-tools" })), h("div", { key: 'aa392044cad513715d3f862d8f603c532aa27c3e', class: "shell-layout__logo" }, h("slot", { key: '7dca697f2e6daf3849ad2a84f37d4061110300b2', name: "logo" })), h("div", { key: '9dfba87cd12d3a54dfac3e87693101d204fbfd86', class: "shell-layout__header-right" }, h("slot", { key: '01f41fcd07f87a47a202651ff451eb793aac4fbc', name: "right-header-tools" }), h("button", { key: '1f5848b98001a42cc5c53ac35ffdb5721f50e25e', class: "shell-layout__header-tool shell-layout__sidebar-toggle", onClick: this.sidebarToggleClick.emit, type: "button" }, h("swirl-icon", { key: '0f13786d00b4144648dfd13ac40fcf4a518ca3cc', glyph: this.sidebarToggleIcon, size: 20 }), h("swirl-visually-hidden", { key: '208874d89833dd58e2179991e042422c46197d2b' }, this.sidebarToggleLabel), this.sidebarToggleBadge && (h("swirl-badge", { key: 'f7b9e9c485505a1c12d5bc2fcc29a202aa0a909c', "aria-label": this.sidebarToggleBadgeAriaLabel, label: !hasSidebarToggleBadgeWithLabel
                 ? this.sidebarToggleBadgeAriaLabel
-                : String(this.sidebarToggleBadge), size: "xs", variant: !hasSidebarToggleBadgeWithLabel ? "dot" : "default" }))), h("slot", { key: 'bcf86df105ba45d59d4d3a0a8d2cd1e64d462e45', name: "avatar" }))), h("div", { key: 'e7ff8d2305594aa69f64b303cefae2833c52020e', class: "shell-layout__mobile-nav-backdrop", onClick: this.onNavigationClick }), h("nav", { key: '82ceb53943bcd00a91337988a72e3bb7e960c190', "aria-labelledby": "main-navigation-label", class: "shell-layout__nav", onClick: this.onNavigationClick, ref: (el) => (this.navElement = el) }, h("div", { key: '15ca8c62c8c81e951d3aa46b24be5df010ade9c9', class: "shell-layout__mobile-header" }, h("slot", { key: '1a40bcc4c07c375db9bd78efa7a05e18e35241ec', name: "mobile-logo" }), h("div", { key: 'd046b35ab584b67c8ca19a63e1a06179079a71e5', class: "shell-layout__mobile-header-tools" }, h("slot", { key: 'f22b63e5f4258eb056d1cafc4020309e04a88815', name: "mobile-header-tools" }), h("button", { key: 'f899ad4a9f885f99c6f861e045f9ea5a0c097e82', class: "shell-layout__header-tool", type: "button" }, h("swirl-icon-double-arrow-left", { key: '055ccf17868f287bd7ab37ae1a8da2d95b51b864', size: 20 }), h("swirl-visually-hidden", { key: '91e2f64623d06f3f50e81cf9aa402158fcf344de' }, this.hideMobileNavigationButtonLabel)))), h("div", { key: 'eaeeb1c30dd05ef5a49e0812fbc6a58a2abd1248', class: "shell-layout__nav-body" }, h("swirl-visually-hidden", { key: 'bded45ad301724ea6cbf0711a8858246911e0b3c' }, h("span", { key: '0f7ac056fc8bb22350e5f7b012036d7f31cb8b36', id: "main-navigation-label" }, this.navigationLabel)), h("slot", { key: '13cfcf0760810f374c3e07043a20a9db19ffd87b', name: "nav", onSlotchange: this.collectNavItems }), h("div", { key: '600cf5703e7ebce0b8d64417cc5121b87661a41f', class: "shell-layout__secondary-nav" }, h("swirl-separator", { key: 'e57384c5df94b6c04e79ecd300594903d6c526ed', borderColor: "strong", spacing: "16" }), this.enableSecondaryNavGridLayout && (h("swirl-box", { key: '24aa8ceb5c4c33d97e039b6aef06625037a46564', paddingBlockEnd: "16" }, h("swirl-stack", { key: 'bd720ea6033a0aa035786bcf3ed84b4d60783c5d', justify: mainNavCollapsed ? "center" : "space-between", orientation: "horizontal" }, h("swirl-button", { key: '07778ed9d75bd763976092db314942b4edb80475', hideLabel: mainNavCollapsed, icon: this.secondaryNavCollapsed
+                : String(this.sidebarToggleBadge), size: "xs", variant: !hasSidebarToggleBadgeWithLabel ? "dot" : "default" }))), h("slot", { key: '2287e428b38e3700fa5096106fe830820ff1fe71', name: "avatar" }))), h("div", { key: '946d20b40242dc1db71c76c10441d19e918e4851', class: "shell-layout__mobile-nav-backdrop", onClick: this.onNavigationClick }), h("nav", { key: '56ea43223f1687174c67aceff645958ea4bd3b6c', "aria-labelledby": "main-navigation-label", class: "shell-layout__nav", onClick: this.onNavigationClick, ref: (el) => (this.navElement = el) }, h("div", { key: 'a5a78832dada7a7fc4bf1291d04cf14db1f8f40a', class: "shell-layout__mobile-header" }, h("slot", { key: 'a512b24f181bceefc3d09d2aed6c4ce5d50c12ab', name: "mobile-logo" }), h("div", { key: '531e73e90026b534089090ffa396ea3b1449a78d', class: "shell-layout__mobile-header-tools" }, h("slot", { key: '6a4892fee591e8d4f4b2390f5114b022a00e30cd', name: "mobile-header-tools" }), h("button", { key: 'e42cfa6ed48fab12ca0a5e46e45190bfa095865a', class: "shell-layout__header-tool", type: "button" }, h("swirl-icon-double-arrow-left", { key: '227ba2adf55a85529e6506cd8296cbab4b609e37', size: 20 }), h("swirl-visually-hidden", { key: '1a4dcb6aac218489a34d6c6278a5ec01d7596769' }, this.hideMobileNavigationButtonLabel)))), h("div", { key: '006684a0ddf087bb4a5406c017de16eccf8ec1b3', class: "shell-layout__nav-body" }, h("swirl-visually-hidden", { key: 'bd54f4d8b261e63ec44bba995945148bfe24f107' }, h("span", { key: '060360c67caf6e78558113ca26055eea3ca33379', id: "main-navigation-label" }, this.navigationLabel)), h("slot", { key: 'df564c359458c918566e2bca6da5e15fda559beb', name: "nav", onSlotchange: this.collectNavItems }), h("div", { key: '22f9c3efb209b1faa076279f962410b11b573131', class: "shell-layout__secondary-nav" }, h("swirl-separator", { key: 'ef4b2534c5dea543814c277a8d568b2899056b02', borderColor: "strong", spacing: "16" }), this.enableSecondaryNavGridLayout && (h("swirl-box", { key: '412958cebe24e04ffd37892a6edc92395e5e70d8', paddingBlockEnd: "16" }, h("swirl-stack", { key: 'd7d721e02f096f9998b7c8a50e9e155eea2f8d4e', justify: mainNavCollapsed ? "center" : "space-between", orientation: "horizontal" }, h("swirl-button", { key: '741c1df7819d16d508f6dd101b0268b3f7d71e41', hideLabel: mainNavCollapsed, icon: this.secondaryNavCollapsed
                 ? "<swirl-icon-expand-more></swirl-icon-expand-more>"
                 : "<swirl-icon-expand-less></swirl-icon-expand-less>", label: this.secondaryNavCollapsed
                 ? this.secondaryNavExpandLabel
-                : this.secondaryNavCollapseLabel, onClick: this.toggleSecondaryNavCollapse, variant: "plain" }), !mainNavCollapsed && !this.secondaryNavCollapsed && (h("swirl-button", { key: 'c200cb9b8ef58da95217384067e6f0557d2bffdb', icon: this.secondaryNavView === "grid"
+                : this.secondaryNavCollapseLabel, onClick: this.toggleSecondaryNavCollapse, variant: "plain" }), !mainNavCollapsed && !this.secondaryNavCollapsed && (h("swirl-button", { key: '1ae187af638caee7eb9acb33fe0f957a1e9275bc', icon: this.secondaryNavView === "grid"
                 ? "<swirl-icon-menu></swirl-icon-menu>"
                 : "<swirl-icon-hamburger-menu></swirl-icon-hamburger-menu>", iconPosition: "end", label: this.secondaryNavView === "grid"
                 ? this.gridNavLayoutToggleLabel
-                : this.listNavLayoutToggleLabel, onClick: this.toggleSecondaryNavView, variant: "plain" }))))), h("div", { key: 'dda6b13df520616985cdfe633e9d8d078553b8d3', class: {
+                : this.listNavLayoutToggleLabel, onClick: this.toggleSecondaryNavView, variant: "plain" }))))), h("div", { key: '3cfa7e445a2e5497a4900dbd7417354cdbc02ba9', class: {
                 "shell-layout__secondary-nav-items": true,
                 "shell-layout__secondary-nav-items--grid-view": this.enableSecondaryNavGridLayout &&
                     (this.secondaryNavView === "grid" || mainNavCollapsed),
-            } }, h("slot", { key: '5ea994e16659dbba1717c0c4400d9d470cf76b59', name: "secondary-nav", onSlotchange: this.collectNavItems }))))), h("main", { key: '3781138352b52482af13d960121958ee3505bef1', class: "shell-layout__main", id: "main-content" }, h("slot", { key: 'fab8b7cd5e9fd2f4b88ced48d3358cfd4e5671f9' })), h("aside", { key: 'c100bf9bc7df04ea7057f158525234c6255583a5', class: "shell-layout__sidebar", inert: this.sidebarActive ? undefined : true }, h("div", { key: 'c06c9b23de5f48e6a90143074a989088a9b7101e', class: "shell-layout__sidebar-body" }, h("div", { key: '73806f9883a1b75d979fd59259c8a51f5325623a', class: "shell-layout__sidebar-app-bar" }, h("slot", { key: 'b7e968716ae363dfe4eb531a4ed910543b7e7866', name: "sidebar-app-bar" })), h("div", { key: '5e2e0c6fd01894c6b82eb2eaa32db169715d253e', class: "shell-layout__sidebar-content", onScroll: this.onSidebarScroll, ref: (el) => (this.sidebarContentEl = el) }, h("slot", { key: '1f8045aa215aef29107d2d9632306f3b06a30c44', name: "sidebar" })))))));
+            } }, h("slot", { key: 'd81a22a7d6fb94f6ce1fdaec247f4aa7197c98ce', name: "secondary-nav", onSlotchange: this.collectNavItems }))))), h("main", { key: 'b925f4e3fa6820221f0f716b23d86a0248d95359', class: "shell-layout__main", id: "main-content" }, h("slot", { key: '09515b3de9c0f297a65155ca41e57b6fd26cb493' })), h("aside", { key: '3bcfbf87027f03f7a5f5226974e5cfc2ceabface', class: "shell-layout__sidebar", inert: this.sidebarActive ? undefined : true }, h("div", { key: 'ac744281a94cb113862ec44c42acbffff0f8ccb5', class: "shell-layout__sidebar-body" }, h("div", { key: 'f45a07a3aae2e89059d92740d9a52142bf7651f9', class: "shell-layout__sidebar-app-bar" }, h("slot", { key: 'a667a745d03e85a4f176f1375bb9c9265ff825db', name: "sidebar-app-bar" })), h("div", { key: '0c8c1d430e68face86a00ea4f729b14c7c05645b', class: "shell-layout__sidebar-content", onScroll: this.onSidebarScroll, ref: (el) => (this.sidebarContentEl = el) }, h("slot", { key: '517a7be43b848f91cec511eeb5169acbce510168', name: "sidebar" })))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/swirl-shell-navigation-item.entry.js

@@ -33,7 +33,7 @@ const SwirlShellNavigationItem = class {
         });
         const isLink = Boolean(this.href);
         const Tag = isLink ? "a" : "button";
-        return (h(Host, { key: 'ac27ba222fb6d1037eafe559f0a0ce62b00fefcd' }, h("swirl-tooltip", { key: 'c69e9255e6a0a8ac24ff5c7b9084f8b0549ed0db', active: this.hideLabel, content: this.label, delay: 100, position: "right", positioning: "fixed" }, h(Tag, { key: 'b9c162718cc86f8f1dc3659852e740d21b23f18c', class: tagClassNames, href: this.href, target: this.target, type: isLink ? undefined : "button" }, h("span", { key: 'cd81b747a5361b712d0928e797b01d45c6198db8', class: "shell-navigation-item__icon" }, h("slot", { key: 'b2123d0a0f7ab375f4b17382080c86d9943e0edf', name: "icon" })), !this.hideLabel ? (h("span", { class: labelClassNames }, this.label)) : (h("swirl-visually-hidden", null, h("span", { class: labelClassNames }, this.label))), this.badgeLabel !== undefined && this.badgeLabel !== null && (h("swirl-badge", { key: 'b90e6f6f5cdcb4e08588417bce12369bc643622f', "aria-label": this.badgeLabel, class: classnames("shell-navigation-item__badge", {
+        return (h(Host, { key: 'a4dbc4f2016615f8547b1cf9a7eb35993674fbbc' }, h("swirl-tooltip", { key: '448e6662a88636305d0a4ae509a3e3c9127d9834', active: this.hideLabel, content: this.label, delay: 100, position: "right", positioning: "fixed" }, h(Tag, { key: '3431d06f77da580ff1b9bc3a0ae9dfb6891b519b', class: tagClassNames, href: this.href, target: this.target, type: isLink ? undefined : "button" }, h("span", { key: '6918c395bf507fd08925164d3cef5357a25aed26', class: "shell-navigation-item__icon" }, h("slot", { key: '65cf75ea3bd5d2b329c121cdee9e0e1ee64459e6', name: "icon" })), !this.hideLabel ? (h("span", { class: labelClassNames }, this.label)) : (h("swirl-visually-hidden", null, h("span", { class: labelClassNames }, this.label))), this.badgeLabel !== undefined && this.badgeLabel !== null && (h("swirl-badge", { key: 'f4b62970241ba6417641cb8b1ce01b426454f8ee', "aria-label": this.badgeLabel, class: classnames("shell-navigation-item__badge", {
                 "shell-navigation-item__badge--dot": this.badgeLabel === "",
             }), label: this.badgeLabel, size: "xs", variant: this.badgeLabel === "" ? "dot" : "default" }))))));
     }

package/dist/esm/swirl-skeleton-box.entry.js

@@ -15,11 +15,11 @@ const SwirlSkeletonBox = class {
     }
     render() {
         const className = classnames("skeleton-box", `skeleton-box--border-radius-${this.borderRadius}`, { "skeleton-box--static": !this.animated });
-        return (h(Host, { key: 'eaa1f0b78ba2e09368a0c31937a1776c60a38bd4', style: {
+        return (h(Host, { key: '2ebae913682dab7f40d3f9835e2fbb2314721a31', style: {
                 width: !Boolean(this.width) && !Boolean(this.aspectRatio)
                     ? "100%"
                     : undefined,
-            } }, h("div", { key: '4192011e2f868cdd0a8107d7073afbd082b75029', class: className, style: {
+            } }, h("div", { key: '86521898681f04bc19ce272440d4d452fa24acae', class: className, style: {
                 aspectRatio: this.aspectRatio,
                 borderRadius: this.borderRadius !== "pill"
                     ? `var(--s-border-radius-${this.borderRadius})`

package/dist/esm/swirl-skeleton-text.entry.js

@@ -14,7 +14,7 @@ const SwirlSkeletonText = class {
     render() {
         const className = classnames("skeleton-text", `skeleton-text--size-${this.size}`, { "skeleton-text--static": !this.animated });
         const lineClassName = classnames("skeleton-text__line", `skeleton-text__line--size-${this.size}`);
-        return (h(Host, { key: 'ff8a083caea381a90aacf3e66e4afef2ff42d6f2' }, h("div", { key: '3b14bc4ba15c04eff3dcd07422f3f2257ef3d51f', class: className, part: className }, new Array(this.lines).fill(undefined).map((_, index) => (h("div", { class: lineClassName, key: index, part: lineClassName }))))));
+        return (h(Host, { key: '2c67591b660b53e169b2a0887f12795c06f26b2c' }, h("div", { key: '8aeca22d864a2a514a71ee5695c2d84ece7d56d1', class: className, part: className }, new Array(this.lines).fill(undefined).map((_, index) => (h("div", { class: lineClassName, key: index, part: lineClassName }))))));
     }
 };
 SwirlSkeletonText.style = SwirlSkeletonTextStyle0;

package/dist/esm/swirl-status-indicator.entry.js

@@ -12,7 +12,7 @@ const SwirlStatusIndicator = class {
     }
     render() {
         const className = classnames("status-indicator", `status-indicator--intent-${this.intent}`);
-        return (h(Host, { key: '12ad187054fd68f60d69b79f3faab9e106cef752' }, h("div", { key: '0f51e9195ef9c6193bb180bc4da66a0e24ebb431', class: className }, h("span", { key: '95cfbf375a38e84c34f678fad1eea27df03f8cdc', class: "status-indicator__dot" }), h("span", { key: 'bedb34932a682a2e6b5ac77469c14630b565d56f', class: "status-indicator__label" }, this.label))));
+        return (h(Host, { key: 'dff485fbf9d9f3d7b43dec0e7edf725add01c191' }, h("div", { key: '0429f6a6096055fc6832f4c38df96637c1f2611b', class: className }, h("span", { key: 'c9a78aa99500834255ed9bb58ace32cd8aa73589', class: "status-indicator__dot" }), h("span", { key: '7eae03b1287ead4990482d893e715ee6a6366a86', class: "status-indicator__label" }, this.label))));
     }
 };
 SwirlStatusIndicator.style = SwirlStatusIndicatorStyle0;

package/dist/esm/swirl-switch.entry.js

@@ -36,7 +36,7 @@ const SwirlSwitch = class {
             "switch--on": on,
             "switch--disabled": this.disabled,
         });
-        return (h(Host, { key: '24aaff17051b26a91587032d203271dd3c182cbd' }, h("label", { key: '91d3bb3c765f727672cd9fed68a942f4436804d7', class: className, htmlFor: this.inputId }, h("span", { key: 'e29bbb56bfccdeb7ce77b2cac0a809278820939c', class: "switch__control" }, h("swirl-visually-hidden", { key: 'd3ad3f6a3907705eb4e9eb09db18bb91460acfb2' }, h("input", { key: '586eb536d3fb2d0a0cb7ef0529436225a88a176f', "aria-checked": ariaCheckedLabel, checked: on, class: "switch__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, ref: (el) => (this.inputEl = el), role: "switch", type: "checkbox", value: this.value })), h("span", { key: 'eda4640707c4ce7aaeb7cea03771169266a37cce', "aria-hidden": "true", class: "switch__thumb" })), this.label && !this.hideLabel && (h("span", { key: 'a0133580f3d8ae8682a231529a2a61b6d4a004ad', class: "switch__label" }, this.label)), this.label && this.hideLabel && (h("swirl-visually-hidden", { key: '210938320c9393f0fe4699f1568db1f1c88ab99e' }, this.label)))));
+        return (h(Host, { key: '98dd7d6b31e697160ebc2cda58b288fbd6918b56' }, h("label", { key: '4bdac5aa8d383001c7fe6c5e698e4f7c252e1d34', class: className, htmlFor: this.inputId }, h("span", { key: '8db678aeeea1ae8aa31ada57504c4778df3b1d52', class: "switch__control" }, h("swirl-visually-hidden", { key: '3e478c1da9e52b3b136467b324a68595f3f3e775' }, h("input", { key: 'aa0dfe6716d293b48a87e594bfcfd1763f6741d1', "aria-checked": ariaCheckedLabel, checked: on, class: "switch__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, ref: (el) => (this.inputEl = el), role: "switch", type: "checkbox", value: this.value })), h("span", { key: '8908291c00d6be5ed52b25fe894d8be6fa025ea4', "aria-hidden": "true", class: "switch__thumb" })), this.label && !this.hideLabel && (h("span", { key: 'b6e9718f4b416152b9b986f13d41976d32b20377', class: "switch__label" }, this.label)), this.label && this.hideLabel && (h("swirl-visually-hidden", { key: '375ff91bc7a98c12b18a13cad8d3b45864fab3dc' }, this.label)))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/swirl-symbol-account-circle.entry.js

@@ -12,7 +12,7 @@ const SwirlSymbolAccountCircle = class {
     render() {
         const viewBoxSize = this.size === 20 ? 24 : this.size;
         const className = classnames("swirl-symbol", `swirl-symbol--size-${this.size}`);
-        return (h("svg", { key: '269015eff067eff71baccb5154b488837b9e4715', class: className, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: 'be9a4c5363f9755c2683e9bc89c432170bab5ca5' }, h("path", { key: '0a39fd1579ede66ad928f77769e5c392d55f1c72', d: "M12 2C10.0222 2 8.08879 2.58649 6.4443 3.6853C4.79981 4.78412 3.51809 6.3459 2.76121 8.17317C2.00433 10.0004 1.8063 12.0111 2.19215 13.9509C2.578 15.8907 3.53041 17.6725 4.92894 19.0711C6.32746 20.4696 8.10929 21.422 10.0491 21.8079C11.9889 22.1937 13.9996 21.9957 15.8268 21.2388C17.6541 20.4819 19.2159 19.2002 20.3147 17.5557C21.4135 15.9112 22 13.9778 22 12C22 10.6868 21.7413 9.38642 21.2388 8.17317C20.7363 6.95991 19.9997 5.85752 19.0711 4.92893C18.1425 4.00035 17.0401 3.26375 15.8268 2.7612C14.6136 2.25866 13.3132 2 12 2ZM12 5C12.5933 5 13.1734 5.17595 13.6667 5.50559C14.1601 5.83524 14.5446 6.30377 14.7716 6.85195C14.9987 7.40013 15.0581 8.00333 14.9424 8.58527C14.8266 9.16721 14.5409 9.70176 14.1213 10.1213C13.7018 10.5409 13.1672 10.8266 12.5853 10.9424C12.0033 11.0581 11.4001 10.9987 10.852 10.7716C10.3038 10.5446 9.83524 10.1601 9.5056 9.66671C9.17595 9.17336 9 8.59334 9 8C9 7.20435 9.31607 6.44129 9.87868 5.87868C10.4413 5.31607 11.2044 5 12 5ZM12 19.2C10.8119 19.2 9.64219 18.906 8.59528 18.3441C7.54838 17.7823 6.65678 16.9701 6 15.98C6.03 13.99 10 12.9 12 12.9C14 12.9 17.97 13.99 18 15.98C17.3432 16.9701 16.4516 17.7823 15.4047 18.3441C14.3578 18.906 13.1881 19.2 12 19.2Z", fill: "currentColor" }))));
+        return (h("svg", { key: '57f195d6710835537b611a2df9bd3d59acb8d27b', class: className, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: 'c9b7685a5b2bd5c13b6a8586ce5ca46126d95d5c' }, h("path", { key: '4483a7834c1b7644c90af5ef61b6f7ed778cb3d4', d: "M12 2C10.0222 2 8.08879 2.58649 6.4443 3.6853C4.79981 4.78412 3.51809 6.3459 2.76121 8.17317C2.00433 10.0004 1.8063 12.0111 2.19215 13.9509C2.578 15.8907 3.53041 17.6725 4.92894 19.0711C6.32746 20.4696 8.10929 21.422 10.0491 21.8079C11.9889 22.1937 13.9996 21.9957 15.8268 21.2388C17.6541 20.4819 19.2159 19.2002 20.3147 17.5557C21.4135 15.9112 22 13.9778 22 12C22 10.6868 21.7413 9.38642 21.2388 8.17317C20.7363 6.95991 19.9997 5.85752 19.0711 4.92893C18.1425 4.00035 17.0401 3.26375 15.8268 2.7612C14.6136 2.25866 13.3132 2 12 2ZM12 5C12.5933 5 13.1734 5.17595 13.6667 5.50559C14.1601 5.83524 14.5446 6.30377 14.7716 6.85195C14.9987 7.40013 15.0581 8.00333 14.9424 8.58527C14.8266 9.16721 14.5409 9.70176 14.1213 10.1213C13.7018 10.5409 13.1672 10.8266 12.5853 10.9424C12.0033 11.0581 11.4001 10.9987 10.852 10.7716C10.3038 10.5446 9.83524 10.1601 9.5056 9.66671C9.17595 9.17336 9 8.59334 9 8C9 7.20435 9.31607 6.44129 9.87868 5.87868C10.4413 5.31607 11.2044 5 12 5ZM12 19.2C10.8119 19.2 9.64219 18.906 8.59528 18.3441C7.54838 17.7823 6.65678 16.9701 6 15.98C6.03 13.99 10 12.9 12 12.9C14 12.9 17.97 13.99 18 15.98C17.3432 16.9701 16.4516 17.7823 15.4047 18.3441C14.3578 18.906 13.1881 19.2 12 19.2Z", fill: "currentColor" }))));
     }
 };
 SwirlSymbolAccountCircle.style = SwirlSymbolAccountCircleStyle0;

package/dist/esm/swirl-symbol-alternate-email.entry.js

@@ -12,7 +12,7 @@ const SwirlSymbolAlternateEmail = class {
     render() {
         const viewBoxSize = this.size === 20 ? 24 : this.size;
         const className = classnames("swirl-symbol", `swirl-symbol--size-${this.size}`);
-        return (h("svg", { key: '71d1be2b2974117b5e50a8d9d6684eae7301ef10', class: className, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: 'a5e3299ecd0121f799c14ed65565214eb813c9b8' }, h("path", { key: 'e13b2785bc71ae96f02625e2eaf4c5b905c68da7', d: "M12.72 2.03C11.2895 1.92586 9.85327 2.13097 8.50906 2.63136C7.16486 3.13175 5.94415 3.91571 4.92993 4.92993C3.91571 5.94415 3.13175 7.16486 2.63136 8.50906C2.13097 9.85327 1.92586 11.2895 2.03 12.72C2.25932 15.2774 3.44555 17.654 5.35148 19.3745C7.25741 21.095 9.74256 22.0327 12.31 22H16C16.2652 22 16.5196 21.8946 16.7071 21.7071C16.8946 21.5196 17 21.2652 17 21C17 20.7348 16.8946 20.4804 16.7071 20.2929C16.5196 20.1054 16.2652 20 16 20H12.33C10.507 20.0255 8.72662 19.4482 7.26549 18.3578C5.80435 17.2674 4.74428 15.7249 4.25 13.97C3.9207 12.6293 3.94274 11.2264 4.31399 9.89667C4.68524 8.56699 5.39316 7.35554 6.36935 6.37935C7.34554 5.40316 8.55699 4.69524 9.88667 4.32399C11.2164 3.95274 12.6193 3.9307 13.96 4.26C15.7171 4.7485 17.2628 5.80538 18.3556 7.26544C19.4484 8.7255 20.0266 10.5065 20 12.33V13.43C19.9896 13.8312 19.8303 14.2143 19.553 14.5045C19.2757 14.7947 18.9004 14.9713 18.5 15C18.0996 14.9713 17.7243 14.7947 17.447 14.5045C17.1697 14.2143 17.0104 13.8312 17 13.43V12.18C17.0186 10.9584 16.5992 9.77056 15.8178 8.83141C15.0364 7.89226 13.9446 7.26388 12.74 7.06C11.8943 6.93234 11.03 7.02353 10.2295 7.32488C9.42907 7.62623 8.7192 8.12767 8.16765 8.78137C7.6161 9.43507 7.24127 10.2192 7.07893 11.0589C6.91659 11.8987 6.97215 12.766 7.24032 13.5782C7.50849 14.3904 7.98031 15.1203 8.61077 15.6982C9.24122 16.2762 10.0093 16.683 10.8416 16.8797C11.674 17.0765 12.5429 17.0566 13.3654 16.8221C14.1879 16.5875 14.9366 16.1461 15.54 15.54C16.027 16.1827 16.7106 16.6487 17.4868 16.8671C18.263 17.0855 19.0893 17.0444 19.84 16.75C20.4916 16.4715 21.0452 16.0048 21.43 15.4098C21.8148 14.8148 22.0132 14.1185 22 13.41V12.32C22.0348 9.75098 21.0981 7.26359 19.3774 5.35564C17.6567 3.44768 15.2789 2.2599 12.72 2.03ZM12 15C11.4067 15 10.8266 14.8241 10.3333 14.4944C9.83994 14.1648 9.45542 13.6962 9.22836 13.148C9.0013 12.5999 8.94189 11.9967 9.05764 11.4147C9.1734 10.8328 9.45912 10.2982 9.87868 9.87868C10.2982 9.45912 10.8328 9.1734 11.4147 9.05764C11.9967 8.94189 12.5999 9.0013 13.148 9.22836C13.6962 9.45542 14.1648 9.83994 14.4944 10.3333C14.8241 10.8266 15 11.4067 15 12C15 12.7956 14.6839 13.5587 14.1213 14.1213C13.5587 14.6839 12.7956 15 12 15Z", fill: "currentColor" }))));
+        return (h("svg", { key: '4a3a28d743f7286580dd6de9226f80e30f6a7885', class: className, fill: "none", height: this.size, part: "symbol", viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, h(Fragment, { key: '9a4625c87b1244448f77270ee249b7e062c59b91' }, h("path", { key: '09293200f71708272f90a9aa55a1d2e0a1ef5550', d: "M12.72 2.03C11.2895 1.92586 9.85327 2.13097 8.50906 2.63136C7.16486 3.13175 5.94415 3.91571 4.92993 4.92993C3.91571 5.94415 3.13175 7.16486 2.63136 8.50906C2.13097 9.85327 1.92586 11.2895 2.03 12.72C2.25932 15.2774 3.44555 17.654 5.35148 19.3745C7.25741 21.095 9.74256 22.0327 12.31 22H16C16.2652 22 16.5196 21.8946 16.7071 21.7071C16.8946 21.5196 17 21.2652 17 21C17 20.7348 16.8946 20.4804 16.7071 20.2929C16.5196 20.1054 16.2652 20 16 20H12.33C10.507 20.0255 8.72662 19.4482 7.26549 18.3578C5.80435 17.2674 4.74428 15.7249 4.25 13.97C3.9207 12.6293 3.94274 11.2264 4.31399 9.89667C4.68524 8.56699 5.39316 7.35554 6.36935 6.37935C7.34554 5.40316 8.55699 4.69524 9.88667 4.32399C11.2164 3.95274 12.6193 3.9307 13.96 4.26C15.7171 4.7485 17.2628 5.80538 18.3556 7.26544C19.4484 8.7255 20.0266 10.5065 20 12.33V13.43C19.9896 13.8312 19.8303 14.2143 19.553 14.5045C19.2757 14.7947 18.9004 14.9713 18.5 15C18.0996 14.9713 17.7243 14.7947 17.447 14.5045C17.1697 14.2143 17.0104 13.8312 17 13.43V12.18C17.0186 10.9584 16.5992 9.77056 15.8178 8.83141C15.0364 7.89226 13.9446 7.26388 12.74 7.06C11.8943 6.93234 11.03 7.02353 10.2295 7.32488C9.42907 7.62623 8.7192 8.12767 8.16765 8.78137C7.6161 9.43507 7.24127 10.2192 7.07893 11.0589C6.91659 11.8987 6.97215 12.766 7.24032 13.5782C7.50849 14.3904 7.98031 15.1203 8.61077 15.6982C9.24122 16.2762 10.0093 16.683 10.8416 16.8797C11.674 17.0765 12.5429 17.0566 13.3654 16.8221C14.1879 16.5875 14.9366 16.1461 15.54 15.54C16.027 16.1827 16.7106 16.6487 17.4868 16.8671C18.263 17.0855 19.0893 17.0444 19.84 16.75C20.4916 16.4715 21.0452 16.0048 21.43 15.4098C21.8148 14.8148 22.0132 14.1185 22 13.41V12.32C22.0348 9.75098 21.0981 7.26359 19.3774 5.35564C17.6567 3.44768 15.2789 2.2599 12.72 2.03ZM12 15C11.4067 15 10.8266 14.8241 10.3333 14.4944C9.83994 14.1648 9.45542 13.6962 9.22836 13.148C9.0013 12.5999 8.94189 11.9967 9.05764 11.4147C9.1734 10.8328 9.45912 10.2982 9.87868 9.87868C10.2982 9.45912 10.8328 9.1734 11.4147 9.05764C11.9967 8.94189 12.5999 9.0013 13.148 9.22836C13.6962 9.45542 14.1648 9.83994 14.4944 10.3333C14.8241 10.8266 15 11.4067 15 12C15 12.7956 14.6839 13.5587 14.1213 14.1213C13.5587 14.6839 12.7956 15 12 15Z", fill: "currentColor" }))));
     }
 };
 SwirlSymbolAlternateEmail.style = SwirlSymbolAlternateEmailStyle0;