@getflip/swirl-components 0.365.1 → 0.367.0

package/dist/collection/components/swirl-image-grid/swirl-image-grid.js

@@ -50,7 +50,7 @@ export class SwirlImageGrid {
                 ? `var(--s-border-radius-${this.borderRadius})`
                 : this.borderRadius,
         };
-        return (h(Host, { key: '7d4fdf93cbd99bf38f2e5390b4b3eb6bb4f912fe' }, h("div", { key: 'b2e0670c4fbf879bec3365a2741717d3aef5755d', "aria-label": this.label, class: className, role: "list", style: styles }, h("slot", { key: '3d24538c879cf9ab7f13572b6c24ad9b4dcbca68', onSlotchange: this.updateItems }))));
+        return (h(Host, { key: '90bb7f66862a60ec727b5ebf4e7a28395e12de99' }, h("div", { key: '855f747b8ba3c678c6d4bf5c2a8dda87e51477d6', "aria-label": this.label, class: className, role: "list", style: styles }, h("slot", { key: '56a605da09875d68e2850ff528b7ddae2a121c96', onSlotchange: this.updateItems }))));
     }
     static get is() { return "swirl-image-grid"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-image-grid-item/swirl-image-grid-item.js

@@ -123,14 +123,14 @@ export class SwirlImageGridItem {
             "image-grid-item--has-overlay": this.overlay,
             "image-grid-item--loaded": this.loaded,
         });
-        return (h(Host, { key: '5d5b948fedfc62da915663bdb43dc7e3fd76ff41', "data-sibling-count": siblingCount, role: "listitem" }, h(Tag, { key: '34944b7baa5f2799f293a79953eaf01a36b1a5b8', class: className, type: this.interactive ? "button" : undefined }, h("div", { key: 'ee76d13224c00a988f00e0032994f21ab781e861', class: "image-grid-item__background", style: {
+        return (h(Host, { key: '573e3f3d031a8b08e3e52c4ca76b2458390cd351', "data-sibling-count": siblingCount, role: "listitem" }, h(Tag, { key: '529e1fc28a87ca13d1dcbe3ba2a9c64653eac8b1', class: className, type: this.interactive ? "button" : undefined }, h("div", { key: '02ee7f89bfb6535501773ba05c9782c027d47faa', class: "image-grid-item__background", style: {
                 backgroundImage: showImage
                     ? `url(${this.computedSrc})`
                     : undefined,
-            } }), showImage ? (h("img", { alt: this.alt, class: "image-grid-item__image", loading: this.loading !== "intersecting" ? this.loading : undefined, ref: this.onImageElementUpdate, src: this.computedSrc })) : (h("div", { class: "image-grid-item__loading-placeholder" }, h("swirl-visually-hidden", null, this.alt))), this.showGifControls && (h("swirl-stack", { key: '45fbe463751392050c5eb492cf98a6b02cdc96b5', class: "image-grid-item__gif-controls", orientation: "horizontal", spacing: "4" }, h("button", { key: '317bc2c711b1e1d91401db0f8ccea254625f0571', class: "image-grid-item__gif-controls__icon image-grid-item__gif-controls__icon--button", onClick: this.handleControlClick, type: "button", "aria-label": this.gifPaused ? this.gifPlayLabel : this.gifPauseLabel }, this.gifPaused ? (h("swirl-icon-play-arrow", { size: 20 })) : (h("swirl-icon-pause", { size: 20 }))), h("div", { key: 'ecdb4838cb4d342903565826c303ef4e3b0f1202', class: "image-grid-item__gif-controls__icon image-grid-item__gif-controls__icon--label" }, h("swirl-icon-gif", { key: 'cc54328af1c474f9390fc2f2f8044b7617794cbe', size: 20 })))), this.loaded &&
+            } }), showImage ? (h("img", { alt: this.alt, class: "image-grid-item__image", loading: this.loading !== "intersecting" ? this.loading : undefined, ref: this.onImageElementUpdate, src: this.computedSrc })) : (h("div", { class: "image-grid-item__loading-placeholder" }, h("swirl-visually-hidden", null, this.alt))), this.showGifControls && (h("swirl-stack", { key: '675aaaefe83d45d310e65f2cb6fd168db429df1e', class: "image-grid-item__gif-controls", orientation: "horizontal", spacing: "4" }, h("button", { key: 'f3a6259a8f9da085c13dbdbe119b4c060e40c547', class: "image-grid-item__gif-controls__icon image-grid-item__gif-controls__icon--button", onClick: this.handleControlClick, type: "button", "aria-label": this.gifPaused ? this.gifPlayLabel : this.gifPauseLabel }, this.gifPaused ? (h("swirl-icon-play-arrow", { size: 20 })) : (h("swirl-icon-pause", { size: 20 }))), h("div", { key: '9269385dcf157eb1393bafc15e34498933124998', class: "image-grid-item__gif-controls__icon image-grid-item__gif-controls__icon--label" }, h("swirl-icon-gif", { key: '8863f41745b446f16673aba8c7d26a036c0fec3c', size: 20 })))), this.loaded &&
             !this.error &&
             this.icon &&
-            !Boolean(this.overlay) && (h("div", { key: 'a7e2cb8a18ce8ba183003f84912cf2c8cf9c0f9f', class: "image-grid-item__icon", innerHTML: this.icon })), this.overlay && (h("div", { key: '5afc7f156eb5619a198d701f4f02e1e17b16100f', class: "image-grid-item__overlay" }, this.overlay)), !this.loaded && (h("swirl-skeleton-box", { key: '1bc253fa0af9538c5f6b8b426bc5908f6176bf19', class: "image-grid-item__skeleton", height: "100%", width: "100%", borderRadius: "none" })), this.loaded && this.error && (h("div", { key: 'f4bf60edc6f42ff7787b64d39584ff4874492e80', class: "image-grid-item__error" }, h("swirl-icon-error", { key: '61c761d4e2e606ded092e6c18d8766f017110a7f', color: "critical" }))))));
+            !Boolean(this.overlay) && (h("div", { key: 'd42380e1652fe3355f7f54ccc0c43fbada2e04c6', class: "image-grid-item__icon", innerHTML: this.icon })), this.overlay && (h("div", { key: 'abafe4a7983861c54cc788fc760ed28b9e4ec7ae', class: "image-grid-item__overlay" }, this.overlay)), !this.loaded && (h("swirl-skeleton-box", { key: '54d62c8ae3d44c37f8d79d8892d0b7adde498c3d', class: "image-grid-item__skeleton", height: "100%", width: "100%", borderRadius: "none" })), this.loaded && this.error && (h("div", { key: '6c8c0781b308141a4276ce13874b8798d92c5ee6', class: "image-grid-item__error" }, h("swirl-icon-error", { key: 'b9c820fb07f1267c2c254bd8ee9a482c86348a6b', color: "critical" }))))));
     }
     static get is() { return "swirl-image-grid-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-inline-error/swirl-inline-error.js

@@ -30,7 +30,7 @@ export class SwirlInlineError {
     }
     render() {
         const className = classnames("inline-error", `inline-error--size-${this.size}`);
-        return (h(Host, { key: 'af228808dda7d6de19148f80436ba521c9c30060' }, h("span", { key: 'e0d32e776ea1953b66328b1c419a5a7d58a10591', class: className, part: "inline-error" }, h("span", { key: '5103dcec5609115db0aef6c06d861e987cfa61bf', class: "inline-error__icon", ref: (el) => (this.iconEl = el) }, h("swirl-icon-error", { key: '6fdd605f165ca93ec27234a8f2284b56ff38bdcf' })), h("span", { key: '6ef8d8655b7615b18fe4ab57b401e282a9305854', class: "inline-error__message" }, this.message))));
+        return (h(Host, { key: 'f337c4a3cf306beb21a8aab29f56cdf1aa18c50a' }, h("span", { key: '469d8d13a5422ee1417665661fa701fc631de84a', class: className, part: "inline-error" }, h("span", { key: 'b6ffebe3eddd929284ff1f59466beda3fb311c23', class: "inline-error__icon", ref: (el) => (this.iconEl = el) }, h("swirl-icon-error", { key: '44f1a31a92af8bd93eebe7fc58935ba690e5a1c2' })), h("span", { key: '8b7b1353da57ca708cba3090797bbe6ecb0cdc68', class: "inline-error__message" }, this.message))));
     }
     static get is() { return "swirl-inline-error"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-inline-notification/swirl-inline-notification.js

@@ -7,7 +7,7 @@ export class SwirlInlineNotification {
     }
     render() {
         const className = classnames("inline-notification", `inline-notification--intent-${this.intent}`);
-        return (h(Host, { key: '9f5f0e6f028bcbc7add923e36fa21d83aa4ae24a' }, h("div", { key: '0a8d9ca76eb803cd72aaa623d9c4755c17d47f6f', "aria-describedby": "content", class: className, role: this.importance, tabIndex: 0 }, h("span", { key: 'd514031657c986396e37d90a4f8462096dc04d61', "aria-hidden": "true", class: "inline-notification__icon" }, this.intent === "critical" && (h("swirl-icon-error", { key: 'ca5c67748239e1c4a8ad6a7b7502cd52b40ff235', size: 20 })), this.intent === "success" && (h("swirl-icon-check-circle", { key: 'cdd4978314fe86ff3e3bbc2f3256d94900ac12f9', size: 20 })), this.intent === "warning" && (h("swirl-icon-warning", { key: '4df361caefaf8290b7ec4924ec85e4567e0235b4', size: 20 })), this.intent === "info" && (h("swirl-icon-info", { key: 'e3f4566951b68e6f0acfbee8d23f81c0e3bdf016', size: 20 }))), h("span", { key: '573fbd6dfb001ce39f38a5d203fe4db1c57962a8', class: "inline-notification__content", id: "content" }, (this.hideHeading && (h("swirl-visually-hidden", { key: '8a40f20b765ccffa3344f0771e4871fc21e9f9e5' }, this.heading))) || (h("swirl-text", { key: '5d22a928aef150061140ef8d3bb893bf66a6c573', class: "inline-notification__heading", size: "sm", weight: "semibold" }, this.heading)), h("slot", { key: '23907678254fce68eddade2d2e631a81fefbb159' })))));
+        return (h(Host, { key: 'f05af92c68a8b3949d6b478b77f885185ba32119' }, h("div", { key: 'dfe2626206cc8af2d44c7b44cfd8fb364d3405da', "aria-describedby": "content", class: className, role: this.importance, tabIndex: 0 }, h("span", { key: '0ffdce4379c133e9c8b66b2edfc7d5e00e522fc6', "aria-hidden": "true", class: "inline-notification__icon" }, this.intent === "critical" && (h("swirl-icon-error", { key: 'bf79373b5bd5902e95a801ecec44e40525963b41', size: 20 })), this.intent === "success" && (h("swirl-icon-check-circle", { key: '5cae31b55f245b4f9d8aa7d598cb524a044f85df', size: 20 })), this.intent === "warning" && (h("swirl-icon-warning", { key: 'fa006e3eda6102644d140b34c6a9f67b09b08cd7', size: 20 })), this.intent === "info" && (h("swirl-icon-info", { key: 'b08fdfeab0389e8ada4b900e397095226246c379', size: 20 }))), h("span", { key: 'a54b17d14bf62a131cc546750af5cb6994eaf816', class: "inline-notification__content", id: "content" }, (this.hideHeading && (h("swirl-visually-hidden", { key: 'c7829d25e4fca758745ed3faf812b3544c593539' }, this.heading))) || (h("swirl-text", { key: '17d5bc32cc74b529f92144fd129f55cc7fe1361b', class: "inline-notification__heading", size: "sm", weight: "semibold" }, this.heading)), h("slot", { key: '7f5c2df3a604f376b38eb3f42edd8d0fd1219d78' })))));
     }
     static get is() { return "swirl-inline-notification"; }
     static get encapsulation() { return "shadow"; }

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

@@ -34,7 +34,7 @@ export class SwirlInlineStatus {
     }
     render() {
         const className = classnames("inline-status", `inline-status--intent-${this.intent}`, `inline-status--size-${this.size}`);
-        return (h(Host, { key: '8edafcdcaf987ecaf6933cf29763b148259a45b5' }, h("span", { key: 'fef5b8bd929f382719e40f2bba7361366cf5e705', class: className, part: "inline-status" }, this.icon && (h("span", { key: '8ac0cb5da2dd6f73ef0e55107ef8a5429dde7dd6', class: "inline-status__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: 'b11996adddd091d3281e96623b8065ab6effc171', class: "inline-status__message" }, this.message))));
+        return (h(Host, { key: 'd67b2912b5cf8351ec349444bae702a0bc6f66ca' }, h("span", { key: '382d9ab3c37766b59fb02dd50ce24b3fbfd9e7f8', class: className, part: "inline-status" }, this.icon && (h("span", { key: '652aa28a1581cb78685e3e31d2a16621a025fb6a', class: "inline-status__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: '712e906a2cb9c58bd665831cb0299f154a8b5990', class: "inline-status__message" }, this.message))));
     }
     static get is() { return "swirl-inline-status"; }
     static get encapsulation() { return "shadow"; }

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

@@ -6,7 +6,7 @@ export class SwirlLink {
     }
     render() {
         const className = classnames("link", `link--color-${this.color}`);
-        return (h(Host, { key: '32936db0ef9f80bb39feec54f41a5808c7dee885' }, h("a", { key: '67150f2600f8a1597f254da93f598035701458f5', class: className, href: this.href, part: "link", target: this.target }, this.label)));
+        return (h(Host, { key: 'e9f3357525bb976f93b594ba41f54556f95aed68' }, h("a", { key: '0d78230d5c4d2036747e5c9746ff304d5d1a39f6', class: className, href: this.href, part: "link", target: this.target }, this.label)));
     }
     static get is() { return "swirl-link"; }
     static get encapsulation() { return "shadow"; }

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

@@ -285,7 +285,7 @@ export class SwirlMenu {
             "menu--mobile": this.mobile,
             "menu--root": isTopLevelMenu,
         });
-        return (h(Host, { key: '5e6f7b4b48d7251669789f0844ccca7457292073' }, h("div", { key: 'd732f546739ba29ff883ee12c5697a8848b4a4c1', class: className }, this.mobile && isTopLevelMenu && (h("div", { key: '2bad059ccb077a053077d4c4c9fcfb38833f8911', class: "menu__mobile-header" }, this.activeLevel === 0 && (h("swirl-button", { key: 'f424eb771529442ad9ad17ef7b4587a41b171c58', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" })), this.activeLevel > 0 && (h("swirl-button", { key: '1100e69afa7deb00fec5574a4500481deb1489af', hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" })), h("span", { key: 'b0ef8a53dfc76dcc4c9e3a4e2cf98adddcca863d', class: "menu__title", id: "menu-title" }, h("swirl-heading", { key: 'c0da63e4bc5f95baa4a1505eef8c50a2b2577398', align: "center", as: "span", level: 4, text: this.label, truncate: true })), h("swirl-button", { key: 'bf18eb1711813ca7ee91d5f4f01b269fef898cd6', class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone }))), h("div", { key: 'e5f32c075459e5083bc3c25de1b7085adbf0880a', "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-orientation": "vertical", class: "menu__menu", onKeyDown: this.onKeyDown, ref: (el) => (this.menuContainer = el), role: role, style: !this.mobile && this.level > 0
+        return (h(Host, { key: 'b75fb943f91cc899f162c0b63f8082d179843769' }, h("div", { key: 'b31150e343ddb6a6dd646e68d7ecc3b74f68db10', class: className }, this.mobile && isTopLevelMenu && (h("div", { key: '48ceb1ee35d7062d5db05504a27bd76c717f07f1', class: "menu__mobile-header" }, this.activeLevel === 0 && (h("swirl-button", { key: 'fb64243cc608184d034e8fbdc7dfb32c8dff98ef', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" })), this.activeLevel > 0 && (h("swirl-button", { key: 'c344b6b747ec9abd2a2f6646fd8ed3e24bb21109', hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" })), h("span", { key: '0309c5898a83283037bc1b3eda6ee93fd2f16a2d', class: "menu__title", id: "menu-title" }, h("swirl-heading", { key: '2857abaadd4af6c70d58fe7c85d0af0543908493', align: "center", as: "span", level: 4, text: this.label, truncate: true })), h("swirl-button", { key: 'f2ba19bfd22201241db9a0ef9f641497c2b1a4e2', class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone }))), h("div", { key: 'f15159747fe2ace5d4d643aaa32c36592c4dda56', "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-orientation": "vertical", class: "menu__menu", onKeyDown: this.onKeyDown, ref: (el) => (this.menuContainer = el), role: role, style: !this.mobile && this.level > 0
                 ? {
                     top: Boolean(this.position) ? `${this.position?.y}px` : "",
                     left: Boolean(this.position) ? `${this.position?.x}px` : "",
@@ -296,7 +296,7 @@ export class SwirlMenu {
                             ? `calc(-100% * ${this.activeLevel})`
                             : "100%",
                     }
-                    : undefined }, h("slot", { key: '28508c258b51e993822210c06077134c3e1b69ca' })))));
+                    : undefined }, h("slot", { key: '8ce8f58560c9bf747293249f9e9fecd7f56bc27f' })))));
     }
     static get is() { return "swirl-menu"; }
     static get encapsulation() { return "shadow"; }

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

@@ -231,29 +231,29 @@ export class SwirlModal {
             "modal--sidebar-scrolled-down": this.sidebarScrolledDown,
             "modal--sidebar-scrollable": this.sidebarScrollable,
         });
-        return (h(Host, { key: '7c24fee5323e2df19dabcb9a5a91655f0f28d4a1' }, h("section", { key: '4c30f0c893b6dbff9583c739793c877db7776d13', "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: className, onKeyDown: this.onKeyDown, role: "dialog", ref: (el) => (this.modalEl = el) }, h("div", { key: '9c54e0b2b50d584c7e1ee97f2228d3d7d9b3cdf8', class: "modal__backdrop", onClick: this.onBackdropClick }), h("div", { key: 'ac2f5576bfbf714ba3a6bf1eda46c25d30237737', class: "modal__body", style: !this.isFullscreen
+        return (h(Host, { key: 'b8d138b1ad7e273791814f5f9abd8a4a073636fb' }, h("section", { key: '0f63acbb187ff9d46dbff9da73144931e7ad33bd', "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: className, onKeyDown: this.onKeyDown, role: "dialog", ref: (el) => (this.modalEl = el) }, h("div", { key: 'bfb8b3f9745e9cdd99fa7ce688dce57f01258706', class: "modal__backdrop", onClick: this.onBackdropClick }), h("div", { key: '3a8014ffc0972052d9bd2fa1462c4447e09fdea3', class: "modal__body", style: !this.isFullscreen
                 ? {
                     "--swirl-modal-max-height": this.maxHeight,
                     "--swirl-modal-height": this.height,
                     minHeight: this.minHeight,
                     maxWidth: this.maxWidth,
                 }
-                : {} }, h("aside", { key: '8ef849f9a5e17ccceb7cff955e39bc28892dd28c', class: "modal__sidebar" }, this.sidebarLabel && (h("header", { key: '2352dc5cb17e549f064dcd5ed0abfb7d99fec9e3', class: classnames("modal__sidebar-header", {
+                : {} }, h("aside", { key: 'f4fc452be1ab849dd5f5af6cc22b9605603d18d4', class: "modal__sidebar" }, this.sidebarLabel && (h("header", { key: '863e9f2aa8b7392afc7a8d20f451c35a4757b5c1', class: classnames("modal__sidebar-header", {
                 "modal__sidebar-header--has-close-button": this.hasSidebarCloseButton,
-            }) }, this.hasSidebarCloseButton && (h("swirl-button", { key: '004b9da5c81869306984a3aa87519ae452800fd1', hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick })), h("swirl-heading", { key: '69bde9ad0b480e9969e56c089c29117bf1f28d10', as: "h3", class: "modal__sidebar-heading", level: 5, text: this.sidebarLabel }))), h("div", { key: 'a6346c2c7fde58212c6f5097d5d70606c3183e1b', class: "modal__sidebar-content", onScroll: this.determineSidebarScrollStatus, ref: (el) => (this.sidebarScrollContainer = el) }, h("slot", { key: '02bcee4978aa640ecbb3b4417cdb3e50291445cb', name: "sidebar-content" })), h("div", { key: '136c44311e48b3b88db6c642f245915656e59233', class: "modal__sidebar-footer" }, h("slot", { key: 'a5e8df9f9147b7da7fd96a7efb9b3f71d4075d45', name: "sidebar-footer" }))), h("div", { key: 'bb0170d8b569589cb559fedadfb3a0723c618934', class: "modal__main-content" }, h("header", { key: 'ee87585b97d37bd9521a3efb97af9c24fea9d83e', class: "modal__custom-header" }, h("slot", { key: '5ee6d3e095940d24906edb710a574a13d82566ec', name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && (h("header", { key: '387bfdb294a2da6dca9126e19127548770d7e323', class: "modal__header" }, h("div", { key: '4a54700cd7a2824447892206073af4f5dbec9451', class: "modal__header-bar" }, !this.hideCloseButton && (h("swirl-button", { key: 'd6c3c80fb0c2cdee570e987bcc290e6581246f74', class: "modal__close-button", hideLabel: true, icon: this.variant === "default"
+            }) }, this.hasSidebarCloseButton && (h("swirl-button", { key: '2047dea0f173e5f4bdaeb65e4e3ea0c1bd3f2158', hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick })), h("swirl-heading", { key: 'ec003d97f67b728c91efb729f03bcfec00604bc9', as: "h3", class: "modal__sidebar-heading", level: 5, text: this.sidebarLabel }))), h("div", { key: '55619573e3665d119f5930f795dbeb1e7b144415', class: "modal__sidebar-content", onScroll: this.determineSidebarScrollStatus, ref: (el) => (this.sidebarScrollContainer = el) }, h("slot", { key: '6ff1a840c83cd9aeb34c55e9767f8e6736c197d8', name: "sidebar-content" })), h("div", { key: 'da90299494ae5252611f30e64ddf08db5b01ef68', class: "modal__sidebar-footer" }, h("slot", { key: '817a965706aef995da46009b0a76d4c7afd2567d', name: "sidebar-footer" }))), h("div", { key: '4e967937d11b2dfc8552da0b308f2a3446a87e2d', class: "modal__main-content" }, h("header", { key: 'be7b866f8d7bd844e0cc2284e804e278fa62c62b', class: "modal__custom-header" }, h("slot", { key: '26022718ce0fb8817ca1914db3f4c21bbe6a262e', name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && (h("header", { key: 'b8796448ff81d69ba74b7465c2bad02df39c0ba3', class: "modal__header" }, h("div", { key: '07b7a25aa64aec3222f4c9130d64be79222a2c97', class: "modal__header-bar" }, !this.hideCloseButton && (h("swirl-button", { key: '7c9e22203d8ce17fa30fcf8df5ec28dd0367a065', class: "modal__close-button", hideLabel: true, icon: this.variant === "default"
                 ? "<swirl-icon-close></swirl-icon-close>"
-                : "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick })), this.showFullscreenButton && (h("swirl-button", { key: 'c3879455946bd91bf57c33fd8693fe0601933ead', class: "modal__fullscreen-button", hideLabel: true, icon: this.isFullscreen
+                : "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick })), this.showFullscreenButton && (h("swirl-button", { key: '028f409536d401093fd71e6fbf123b504a54b2c1', class: "modal__fullscreen-button", hideLabel: true, icon: this.isFullscreen
                 ? "<swirl-icon-close-fullscreen></swirl-icon-close-fullscreen>"
                 : "<swirl-icon-open-in-full></swirl-icon-open-in-full>", label: this.isFullscreen
                 ? this.fullscreenDisableButtonLabel
-                : this.fullscreenEnableButtonLabel, onClick: this.onFullscreenButtonClick })), !this.hideLabel && (h("swirl-heading", { key: 'd3b7a16db9e4feae042a90ae3d2d8505757205ff', as: "h2", class: "modal__heading", level: 3, text: this.label }))))), h("div", { key: '3b55bc21765c6d3ed98cd7c8787fe69906164aeb', class: "modal__content-container", style: {
+                : this.fullscreenEnableButtonLabel, onClick: this.onFullscreenButtonClick })), !this.hideLabel && (h("swirl-heading", { key: 'ed614d4b5331946c67d18f729052c0661ea3a8bb', as: "h2", class: "modal__heading", level: 3, text: this.label }))))), h("div", { key: '0cebbb9377307b03900bf8f623af2bbd0767ae5f', class: "modal__content-container", style: {
                 gap: this.contentGap
                     ? `var(--s-space-${this.contentGap})`
                     : undefined,
-            } }, h("div", { key: 'd417c7f1e060b64bc7be2b98bffd5a1d1d460c0a', class: "modal__primary-content", style: {
+            } }, h("div", { key: 'ffaac7e43d389936ceb96b7c7b73c1fc2778f7d8', class: "modal__primary-content", style: {
                 maxWidth: this.primaryContentMaxWidth,
                 flex: this.primaryContentFlex,
-            } }, h("div", { key: '36fc3cce5333dec26141a19ed94e16d0e536bd32', class: "modal__header-tools" }, h("slot", { key: '36df33eb9c484e602ed9c5d245f50e4ebcbff514', name: "header-tools" })), h("div", { key: '3a1fd477b1d5b70291d163f3e0c2759fde8dd34c', class: "modal__content", onScroll: this.determineMainScrollStatus, ref: (el) => (this.scrollContainer = el) }, h("slot", { key: 'cdd147f7e0320742091611b92ef5318065d6bd2f' }))), h("div", { key: 'bafcb6677a0da44e76e56ca189a8dbf4afa1f573', class: "modal__secondary-content", style: {
+            } }, h("div", { key: '7341038d7ff292544afa94d225b117cea82d95bf', class: "modal__header-tools" }, h("slot", { key: 'ae87fe1c3fc8ddc22d71e3f1fa703a98b8d60bf1', name: "header-tools" })), h("div", { key: '441577d1d7a0fe02736dca8e1027b52114b7312e', class: "modal__content", onScroll: this.determineMainScrollStatus, ref: (el) => (this.scrollContainer = el) }, h("slot", { key: '6b3bcaaca92d5238f72f374d925c0b2b37f33763' }))), h("div", { key: '4ec04527481b4166525537d1c9c513f7216c5fbf', class: "modal__secondary-content", style: {
                 maxWidth: this.secondaryContentMaxWidth,
                 flex: this.secondaryContentFlex,
                 padding: Boolean(this.secondaryContentPadding)
@@ -271,7 +271,7 @@ export class SwirlModal {
                 paddingInlineStart: Boolean(this.secondaryContentPaddingInlineStart)
                     ? `var(--s-space-${this.secondaryContentPaddingInlineStart})`
                     : undefined,
-            } }, h("slot", { key: 'c6061a71b7d66b3e204ff7c4f075ae4908c4cfae', name: "secondary-content" }))), h("div", { key: 'd1501d2c4431b43d053a67e3fb99922dea905dcb', class: "modal__custom-footer" }, h("slot", { key: '404cb5ab7559754b1944fbb675518afcfffcadfd', name: "custom-footer" })), showControls && (h("footer", { key: 'f2cadd2076b5c180494935945894fd468e0c46ba', class: "modal__controls" }, h("swirl-button-group", { key: 'd24df43e386d5431f5df152c5840bd290dbb38fd', wrap: true }, this.secondaryActionLabel && (h("swirl-button", { key: '1cb65ccd7d85057820d2afb79e647f078d70a9c7', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (h("swirl-button", { key: '705ca5cf78b9d0f0c576288cf94f6d9208e66def', intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" }))))))))));
+            } }, h("slot", { key: '09caff111a5c6696984582a40b3d98423cf9b0dd', name: "secondary-content" }))), h("div", { key: '255f12ffb46f68fc0452d6e8f0585ee017f485e9', class: "modal__custom-footer" }, h("slot", { key: '0e8dd3ea6bf16c12dae0a364d8ea67d11a3e2186', name: "custom-footer" })), showControls && (h("footer", { key: '97e723de4d48fa5883223a5665c419842412ab09', class: "modal__controls" }, h("swirl-button-group", { key: 'ce6a1115e391d17314d33cf8ef5795c7f64164d3', wrap: true }, this.secondaryActionLabel && (h("swirl-button", { key: 'df0f8f4d82789baaeda9ef9a9fcc40d61e9bfe76', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (h("swirl-button", { key: 'dca61b968580d1025a8e7fb08f7483fe20f3f232', intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" }))))))))));
     }
     static get is() { return "swirl-modal"; }
     static get originalStyleUrls() {

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

@@ -61,9 +61,9 @@ export class SwirlOptionListItem {
             "option-list-item--indeterminate": this.indeterminate && !this.selected,
             "option-list-item--show-avatar": showAvatar,
         });
-        return (h(Host, { key: '7c8908b57d34b0b2b3f653c95e0d2e0f51718e5d' }, h("div", { key: '43d37288ae18d491525a11bcca3e290a2cfe8032', "aria-checked": this.swirlAriaRole === "menuitemradio" ? ariaSelected : undefined, "aria-describedby": Boolean(this.description)
+        return (h(Host, { key: 'cb0a26f23613bf21ee88a290a00dc327a0c85ada' }, h("div", { key: '9b1eb4e08c1d0004bce09578ce0905eb197ac907', "aria-checked": this.swirlAriaRole === "menuitemradio" ? ariaSelected : undefined, "aria-describedby": Boolean(this.description)
                 ? `option-list-item-${this.elementId}-description`
-                : undefined, "aria-disabled": ariaDisabled, "aria-labelledby": `option-list-item-${this.elementId}-label`, "aria-selected": this.swirlAriaRole === "option" ? ariaSelected : undefined, class: className, id: `option-list-item-${this.elementId}`, onBlur: this.onBlur, onFocus: this.onFocus, part: "option-list-item", role: this.swirlAriaRole }, showIcon && (h("span", { key: '30033c6dc6a039513bd2af36d906d2b525a95342', class: "option-list-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }, showIconBadge && (h("span", { key: '895240689aae388704b648d07e58084a5f8b519a', class: "option-list-item__icon-badge", innerHTML: this.iconBadge })))), showCheckbox && (h("span", { key: '55be7b715077761e58a5858983567114b5792f3c', class: "option-list-item__checkbox" }, h("span", { key: 'def941684a7c545f67ee1ae7bbf28ab68a1d7eda', class: "option-list-item__checkbox-box" }, this.selected && (h("swirl-icon-check-strong", { key: '09b98b73dee9c9d56ef8d485099e008366db185c', class: "option-list-item__checkbox-icon", size: 16 })), !this.selected && this.indeterminate && (h("span", { key: '27fc967fc1444071f0f2a836fc3a2279d2d29336', class: "option-list-item__checkbox-indeterminate-icon" }))))), h("span", { key: '2af33cf8bfecfdb469fc34e9d5cd7e6b50dbf934', class: "option-list-item__avatar" }, h("slot", { key: '20b173de4a6859f68d0fa5461b2834c56adab911', name: "avatar" })), h("span", { key: '422666ffc17ba76eb144bb051e4a556b415681b8', class: "option-list-item__label-container" }, h("span", { key: '6eccae90d8ac2b0bbf4352afa09505d41155ddb9', class: "option-list-item__label", id: `option-list-item-${this.elementId}-label`, part: "option-list-item__label" }, this.label), this.description && (h("span", { key: 'b3145c6e0b24b60ae80917fdbd74b6f776dcc0f4', class: "option-list-item__description", id: `option-list-item-${this.elementId}-description` }, this.description))), showSelectionIcon && (h("span", { key: '6e9f153d01c83bdf5ed2ff6ec6263b2aa790b9c8', class: "option-list-item__selection-icon" }, h("swirl-icon-check-small", { key: 'f087458bf5ff0a5bfed119d72819f2c36bfdac1c', size: this.iconSize })))), this.allowDrag && (h("button", { key: '82c37e9d5a8bb8cf2406800e1fa31684234e2793', "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "option-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, tabIndex: this.focused ? 0 : -1, type: "button" }, h("swirl-icon-drag-handle", { key: '8b61a793b26fd7573521e2064a9bd9fa8b8aa31d', size: this.iconSize })))));
+                : undefined, "aria-disabled": ariaDisabled, "aria-labelledby": `option-list-item-${this.elementId}-label`, "aria-selected": this.swirlAriaRole === "option" ? ariaSelected : undefined, class: className, id: `option-list-item-${this.elementId}`, onBlur: this.onBlur, onFocus: this.onFocus, part: "option-list-item", role: this.swirlAriaRole }, showIcon && (h("span", { key: '073d9b17a9c748016f928217a6bf4ea39ce48fe2', class: "option-list-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) }, showIconBadge && (h("span", { key: 'fb32a363286fee7a306e8962c5dc095907621ace', class: "option-list-item__icon-badge", innerHTML: this.iconBadge })))), showCheckbox && (h("span", { key: '18f0ff0915f85a6121515161576e421b50f03fb4', class: "option-list-item__checkbox" }, h("span", { key: '64713379726da9413536fe3cb18c3e00677c7d4b', class: "option-list-item__checkbox-box" }, this.selected && (h("swirl-icon-check-strong", { key: 'add2a2890262d78d62ac9e8cb007999334dc37bd', class: "option-list-item__checkbox-icon", size: 16 })), !this.selected && this.indeterminate && (h("span", { key: 'd648e60de087f0836aa4732a0632ddba411872fe', class: "option-list-item__checkbox-indeterminate-icon" }))))), h("span", { key: 'd2708ea06f8e89f8ff05df9f70a50761bb631e1c', class: "option-list-item__avatar" }, h("slot", { key: '80abff4b366ca84e2f69efb9700f78c234c759c6', name: "avatar" })), h("span", { key: '275d204467223cf209f22d530becc7c94fbcf6cc', class: "option-list-item__label-container" }, h("span", { key: '78ffc616b55023dcb952c20a20261c62c6c49251', class: "option-list-item__label", id: `option-list-item-${this.elementId}-label`, part: "option-list-item__label" }, this.label), this.description && (h("span", { key: '137f59e2a8d671ade5442193a7146e2fed089194', class: "option-list-item__description", id: `option-list-item-${this.elementId}-description` }, this.description))), showSelectionIcon && (h("span", { key: 'fbdae273b61760022d301c1c99a035e0921f1c57', class: "option-list-item__selection-icon" }, h("swirl-icon-check-small", { key: '555cb52b918d15174bf64ca652873dc468f08a13', size: this.iconSize })))), this.allowDrag && (h("button", { key: '0e0803eb74185cea9467b97f53c542170fb2fb80', "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "option-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, tabIndex: this.focused ? 0 : -1, type: "button" }, h("swirl-icon-drag-handle", { key: 'c5022a378d6f0d5d523468a1bcffcba33ddd20cd', size: this.iconSize })))));
     }
     static get is() { return "swirl-option-list-item"; }
     static get encapsulation() { return "scoped"; }

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

@@ -77,7 +77,7 @@ export class SwirlPagination {
         const showDropDown = this.variant === "advanced";
         const ariaPageLabel = `${this.page.toLocaleString()} ${this.pageLabel} ${this.pages.toLocaleString()}`;
         const className = classnames("pagination", `pagination--variant-${this.variant}`);
-        return (h(Host, { key: 'b704ed67ac28dce5806c06cb25a07dd084c5548c' }, h("nav", { key: '2f28d2cd07d9f6bdc754391645e416bcb7c70a57', "aria-label": this.label, class: className }, h("ul", { key: '7ed5dce860b61314e2162e0cf0ad59ca70e3bacd', class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (h("li", { key: 'd89fdb1d02f3fb1545006185b8333fc46e5e5086', class: "pagination__list-item" }, h("label", { key: 'e346431a8a3c3fc4fe4ade7ae80840ab2562f7cb', class: "pagination__page-size-selection" }, h("swirl-text", { key: 'dea7818337eea41ee40b9c0aa971020556b2734b', whiteSpace: "inherit" }, this.pageSizeSelectLabel), h("swirl-stack", { key: 'c672c813cd313fe0d44a83e964e40ccf2e0b1b38', align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, h("select", { key: '645590e84b94957f3f8e24ada246836ad930ca54', 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: '6e9d135be6206cf2aaaac8825394e33f6573ff3c', "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), h("li", { key: '80f4f41c6d945f81887e04f47564c583e6f683d2', class: "pagination__list-item" }, h("swirl-button", { key: '9955da23dea56f6e7ed30cd7f95739454ec7b89f', 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: 'a1d3e6b188c72ae40aa6b84d2d7d1a06ba22726c', class: "pagination__list-item" }, h("swirl-button", { key: '9c0e5c0b0f8f8ef871bd223ed8b624d59752fe12', 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: '12502f89d5407005dbe5943ae55207c8651c0e46', class: "pagination__list-item" }, h("swirl-button", { key: 'acc9845b16a0ff100fd92958987ea6951c3b467d', 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: 'cd5f32bed27caac1acd8794fddc2afb755cd6011', class: "pagination__list-item" }, h("swirl-button", { key: 'e20a1e9c05f70a5a85380951611b13d661eeda87', 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: '5978254ac1068ac5d9bb80acdbaa1d2d269fe259' }, h("nav", { key: 'ddee3c4e0bfa79039db7a177730a03345217ca06', "aria-label": this.label, class: className }, h("ul", { key: 'de432ce32d9381ac1a377798f386d3e154207cee', class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (h("li", { key: 'dfef29a58b81121911cd39fe137e95ff096f0d7a', class: "pagination__list-item" }, h("label", { key: 'ebaf0677e82400be67a27d49e1eb329d8f2dd864', class: "pagination__page-size-selection" }, h("swirl-text", { key: '2c4e1f89edb6f96b97cf95f239fc50cae1014901', whiteSpace: "inherit" }, this.pageSizeSelectLabel), h("swirl-stack", { key: 'a578e88a8daef0b4d4248a7d2ddab56b8e706633', align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, h("select", { key: 'dc82dcd8582694ea2b849e3216e44790f0f755d5', 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: '4422749d60a84f23170ebfb1ec25156a9af1a581', "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), h("li", { key: '8aa9a178991e2ad41d96599ef357ec4ed6f0aae7', class: "pagination__list-item" }, h("swirl-button", { key: '6d25223a8059b941b4c28ee6b0234abfbce72716', 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: '6fe4250cd3b3ec4115b921b47688897375d6197b', class: "pagination__list-item" }, h("swirl-button", { key: '5b334333689e838715a4349b147acc2717df28ba', 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: 'f55b7c393a7f545718bd227bbb08aa0dcf77034d', class: "pagination__list-item" }, h("swirl-button", { key: '172a349725254224da6d746314cdf697e515851f', 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: 'c4cfd270b79e299af2c8e659ffa33c4523ee5681', class: "pagination__list-item" }, h("swirl-button", { key: '1178ab1fe0d0204d57c0eff231cac3d489fbc940', class: "pagination__last-page-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", intent: "primary", label: this.lastPageButtonLabel, onClick: this.onLastPageButtonClick }))))));
     }
     static get is() { return "swirl-pagination"; }
     static get encapsulation() { return "shadow"; }

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

@@ -263,14 +263,14 @@ export class SwirlPopover {
             "popover--transparent": this.transparent,
             "popover--padded": this.padded,
         });
-        return (h(Host, { key: '4f10755f8ea2194df1216be108c62a5eadee177f', style: { display: this.active ? "inline-flex" : "none" } }, h("div", { key: '7a5a934c7d426e066ba49a41ac892bd972c0f1a1', class: className, onKeyDown: this.onKeydown }, h("div", { key: '50d4e3db731597dd3fc86a8279b38fd13f17f05e', "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: 'dd0c724e26c4dd93884e09d6758e1f3fb49539fd', style: { display: this.active ? "inline-flex" : "none" } }, h("div", { key: '00631b4d7d7b5bd53321ff9f6e7418e05e9c1db2', class: className, onKeyDown: this.onKeydown }, h("div", { key: '448a6e0e07733d3ed02222f1790adce3a47518bf', "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: 'f2e6dbe404dc87f9b6721e9a0641f8174bb7d831', class: "popover__handle" }), h("div", { key: 'a44861728b4b9753e9402d0e4bcdf2eed2e56420', class: "popover__scroll-container", part: "popover__scroll-container", ref: (el) => (this.scrollContainer = el), style: {
+            }, tabindex: "-1" }, h("span", { key: '1902a6592f0ac4ec42453a7927d25806f4c5f4a0', class: "popover__handle" }), h("div", { key: '90c219453a10953061e3c16771586003fd1b7e4a', 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: 'ce60bd11d96dd11f5b4609c2aeb61ba171a0e2dd' }))), this.active && (h("div", { key: '11bd10f7371dced09a822651d4e40031990f057a', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
+            } }, h("slot", { key: '0732e04a93fff46e674eb4e7ee544465385f5106' }))), this.active && (h("div", { key: 'c37c42d3d5addf1c71afa261a66ceeb905e4a5d0', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
     }
     static get is() { return "swirl-popover"; }
     static get encapsulation() { return "shadow"; }

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

@@ -12,7 +12,7 @@ export class SwirlProgressIndicator {
         const radius = this.size === "m" ? 20 : 10;
         const circumference = Math.round(radius * 2 * Math.PI);
         const dashOffset = Math.round(circumference * ((100 - this.value) / 100));
-        return (h(Host, { key: 'bb5d8f72c0508859efe7b5aa1f70a04b744ec9ac', class: this.variant }, this.variant === "bar" && (h("progress", { key: '52f125abfb13007839e19a629d0ecb6c4383d505', "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: '8d75ce1d8e8b81f8cb67837193372d8f4cb4a52b', role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className }, h("svg", { key: '3d130ee42fcd66ee2c2414919619b89234f7acdf', class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(radius + strokeWidth) * 2} ${(radius + strokeWidth) * 2}` }, h("circle", { key: '7af0104695a52fbb23e98946ed0a19289e1e7f15', class: "progress-indicator__circle-background", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth }), h("circle", { key: 'dabaabd787f1a908cf5bce6314035557972eb701', 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: '5c972cf283381694c5f826b3d4376a9d1320eda9', class: this.variant }, this.variant === "bar" && (h("progress", { key: 'a509c26d292f6fb90d4fad353a99463e2897b6c6', "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: '80640e6a7c4c2e9e252f132733d4f266f3d98c9f', role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className }, h("svg", { key: '290294d92cb1d850acff483e08466484cbf49c5e', class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(radius + strokeWidth) * 2} ${(radius + strokeWidth) * 2}` }, h("circle", { key: '17f5e4479d82e40db01892a4c0ac9f1464db1943', class: "progress-indicator__circle-background", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth }), h("circle", { key: '5f5495d0a913602bc07f30f1730c10400babda5e', class: "progress-indicator__circle-value", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth, "stroke-dasharray": circumference, "stroke-dashoffset": dashOffset }))))));
     }
     static get is() { return "swirl-progress-indicator"; }
     static get encapsulation() { return "shadow"; }

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

@@ -30,7 +30,7 @@ export class SwirlRadio {
             "radio--invalid": this.invalid,
             "radio--unchecked": unchecked,
         });
-        return (h(Host, { key: 'a9453e2673f7f820a382879084aea75b281c8c78', style: { width: this.variant === "card" ? "100%" : undefined } }, h("label", { key: 'f9026726399fc93ee93f79cbeb04cc05b7f7da78', class: className, htmlFor: this.inputId }, h("span", { key: '02336f11b0fdeb506165d6c5ed442ef86231d297', class: "radio__control" }, h("swirl-visually-hidden", { key: '253822aa3238f2367a34242249af7a025e6ea25a' }, h("input", { key: 'fa05812fb02634ef5c9240a5afa266f8b5119f12', "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: '1163d4078c7b7bb1c32c916b44b4f06357e41bbd', "aria-hidden": "true", class: "radio__box" })), h("span", { key: '5b3f18e8460b8fb1e6728c44807a6405b0a8a0d3', class: "radio__label-container" }, this.label && (h("span", { key: '42d4e1135074ad6f731ac4d2c9cc6fad8b9475c7', class: "radio__label" }, this.label, this.tooltip && (h("swirl-tooltip", { key: '9f7b87dc34d068c1989c727cb9a799c2aabffb28', content: this.tooltip, position: "top" }, h("swirl-icon-help", { key: 'bda4ef9af1de44e62c71f53c159fbc10fc83860f', color: "default", size: 20, tabIndex: 0 }))))), this.description && (h("span", { key: '1aa7de58db71627c34beab9f31f213e4bdeae2fd', class: "radio__description", innerHTML: this.description }))))));
+        return (h(Host, { key: 'b0000ea7edf5e98a787870acc4f1e01abfb9d899', style: { width: this.variant === "card" ? "100%" : undefined } }, h("label", { key: '2cc565289e6997e4a2158c3ea152a75320dfa478', class: className, htmlFor: this.inputId }, h("span", { key: '1b268a5e971aa8e14eb3624dce8e4d44cd953c28', class: "radio__control" }, h("swirl-visually-hidden", { key: '8b9c46ff098f52847bc1943a45adc857fe3949da' }, h("input", { key: 'b0126814241ee92d86eaf922e3e84045a180d77c', "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: 'd2a9ed9f66168706455d59fab4294820e4d5b519', "aria-hidden": "true", class: "radio__box" })), h("span", { key: '1db782a2bd111cda28259a0fb4a391c1894552e8', class: "radio__label-container" }, this.label && (h("span", { key: '8730140f044782988c99ecd7d56878277d290f01', class: "radio__label" }, this.label, this.tooltip && (h("swirl-tooltip", { key: '84bd3facc2187d840570eacaeae932702471807f', content: this.tooltip, position: "top" }, h("swirl-icon-help", { key: '8279905d88e91a16fdb5ed45efcaff77984581b1', color: "default", size: 20, tabIndex: 0 }))))), this.description && (h("span", { key: 'b752613cc50e424ec663b28ce903816ba1ca2f84', class: "radio__description", innerHTML: this.description }))))));
     }
     static get is() { return "swirl-radio"; }
     static get encapsulation() { return "scoped"; }

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

@@ -250,7 +250,7 @@ export class SwirlResourceList {
         });
     }
     render() {
-        return (h(Host, { key: 'cebcef9bd2b4f9c9bdb07eb60b1455fe961506fe', onKeyDown: this.onKeyDown }, h("swirl-visually-hidden", { key: '3ec608204ed57e938706be802f55e69a1de4e042', role: "alert" }, this.assistiveText), h("swirl-box", { key: '1264ea92a2dc6dad647e917dd90267e52b175345', paddingBlockEnd: this.paddingBlockEnd ?? this.padding, paddingBlockStart: this.paddingBlockStart ?? this.padding, paddingInlineEnd: this.paddingInlineEnd ?? this.padding ?? "8", paddingInlineStart: this.paddingInlineStart ?? this.padding ?? "8" }, h("swirl-stack", { key: 'e1ce6259ade426672a4bbcf873e8072eda93a167', "aria-label": this.label, class: "resource-list", id: this.listId, ref: (el) => (this.gridEl = el), role: this.semantics, spacing: this.spacing }, h("slot", { key: 'd8c26a1e3dbaaa405caaafb74d4de11632a26bbe' })))));
+        return (h(Host, { key: '37fcb7b7ef6436a7855d00519a31bf007b77da54', onKeyDown: this.onKeyDown }, h("swirl-visually-hidden", { key: '22f4bf54dbd49932e129c58d5514926d07f825a6', role: "alert" }, this.assistiveText), h("swirl-box", { key: '79844e03ac49eb014b31cb6c26169a74bb1d6967', paddingBlockEnd: this.paddingBlockEnd ?? this.padding, paddingBlockStart: this.paddingBlockStart ?? this.padding, paddingInlineEnd: this.paddingInlineEnd ?? this.padding ?? "8", paddingInlineStart: this.paddingInlineStart ?? this.padding ?? "8" }, h("swirl-stack", { key: 'a63f94d6d859d1cc3497f4b9e037e1f3513537b0', "aria-label": this.label, class: "resource-list", id: this.listId, ref: (el) => (this.gridEl = el), role: this.semantics, spacing: this.spacing }, h("slot", { key: '269ac25ec75e7911548b4fd626f1a9031c008a19' })))));
     }
     static get is() { return "swirl-resource-list"; }
     static get encapsulation() { return "scoped"; }

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

@@ -138,7 +138,7 @@ export class SwirlResourceListItem {
             "resource-list-item--wrap-description": this.descriptionWrap,
             "resource-list-item--wrap-label": this.labelWrap,
         });
-        return (h(Host, { key: '99d705af69a7d7457da693a1c5c67706f6635845', role: hostRole }, h("div", { key: 'a59c5927cae5448c3917a2af8387b50dcd2d3ef4', class: className, role: containerRole }, h(Tag, { key: 'b3e5fac4c8925d3a06a26b7d0b79aa58e3def37f', "aria-checked": ariaChecked, "aria-disabled": disabled ? "true" : undefined, "aria-label": ariaLabel, "aria-labelledby": Boolean(this.swirlAriaLabel) ? undefined : this.elementId, class: "resource-list-item__content", style: { alignItems: this.alignItems }, href: href, disabled: disabled, onClick: this.onClick, onBlur: this.onBlur, onFocus: this.onFocus, part: "resource-list-item__content", role: role, tabIndex: 0, type: Tag === "button" ? "button" : undefined }, this.hasMedia && (h("span", { key: 'ec4113d40664af96c8c8dbeec32501b1f57c0f21', class: "resource-list-item__media" }, h("slot", { key: 'c4d9601f58a3f128cf88254a2d5bde98c36d1628', name: "media" }))), h("span", { key: '6ae242f557e807b2ef95c2b6d775151eae4b4d47', class: "resource-list-item__label-container", style: labelContainerStyles }, h("span", { key: 'd7489459160e4dfebc38d3f1ab637ff7ec0a2096', class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : undefined }, !this.allowHtml && this.label), this.description && (h("span", { key: 'ae91a04a4916ca91e50984da265e4a94d08ef4c3', class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : undefined }, !this.allowHtml && this.description))), showMeta && (h("span", { key: '4188d689a7330f8ab41534becf9059258eb571d9', class: "resource-list-item__meta" }, h("span", { key: '5a63a90a5478728f57611efed228919b856e0ecf', class: "resource-list-item__meta-text" }, this.meta), h("span", { key: '04fb7f9e250e2772cbf78567d74a5496fd96897b', class: "resource-list-item__badges" }, h("slot", { key: '950c710d8150ba65f67becb2a072aa241fc0109f', name: "badges" }))))), this.selectable && (h("span", { key: '1d5e33c7003f06937bd11c3d1e3a2e8b2751b43e', "aria-hidden": "true", class: "resource-list-item__checkbox" }, h("span", { key: '0518fad3b25324d5f4b4b32bcc5ed84bbdef7542', class: "resource-list-item__checkbox-icon" }, this.checked && (h("swirl-icon-check-strong", { key: '5578df09145bd0c8a66a7a3f97fbdbaf15edee11' }))))), h("span", { key: '35605bfc79aa8f8653d9f109af0741247ef7d555', class: "resource-list-item__control", onClick: this.onControlClick, ref: (el) => (this.controlContainer = el) }, h("slot", { key: 'c3771a13badc88d14e856c3f5391ff904420c2c4', name: "control" })), showMenu && (h("swirl-popover-trigger", { key: '351458c498c327220f1b55c8b5a3b27038c5bfeb', swirlPopover: this.menuTriggerId }, h("swirl-button", { key: '8ad88ba909010c7ab1fc300cbd52d533bf8eae19', "aria-disabled": disabled ? "true" : undefined, class: "resource-list-item__menu-trigger", disabled: disabled, hideLabel: true, icon: "<swirl-icon-more-horizontal></swirl-icon-more-horizontal>", intent: "primary", label: this.menuTriggerLabel, onClick: this.onMenuTriggerClick })))), this.allowDrag && (h("button", { key: 'e26acb5a079ec58706794f89d742e6aad3448203', "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "resource-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, type: "button" }, h("swirl-icon-drag-handle", { key: '128042b80216937f197dd36ca5f055fcacf23150', size: this.iconSize })))));
+        return (h(Host, { key: '74c295778be2ba1f1d18172fe93ea8436d0ed609', role: hostRole }, h("div", { key: 'b7ac96248b20b6e705f605af9d754911fb53be95', class: className, role: containerRole }, h(Tag, { key: 'fe117a7a35e35d3074d5c8df032d58cb018a142b', "aria-checked": ariaChecked, "aria-disabled": disabled ? "true" : undefined, "aria-label": ariaLabel, "aria-labelledby": Boolean(this.swirlAriaLabel) ? undefined : this.elementId, class: "resource-list-item__content", style: { alignItems: this.alignItems }, href: href, disabled: disabled, onClick: this.onClick, onBlur: this.onBlur, onFocus: this.onFocus, part: "resource-list-item__content", role: role, tabIndex: 0, type: Tag === "button" ? "button" : undefined }, this.hasMedia && (h("span", { key: '21210a04c7f96b3dc309a89535318e911afd351c', class: "resource-list-item__media" }, h("slot", { key: 'c326fac8899935452789fe8b14271c61175eba7d', name: "media" }))), h("span", { key: 'd9fcdfe21c54daeebe56669aadd07d828423272e', class: "resource-list-item__label-container", style: labelContainerStyles }, h("span", { key: 'd9ad2ee46f279de7f50a2e86368e8bc3a7cd6428', class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : undefined }, !this.allowHtml && this.label), this.description && (h("span", { key: '8b6be5351d9289daf137164aef0806dbd2f6e3d4', class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : undefined }, !this.allowHtml && this.description))), showMeta && (h("span", { key: '7f6790113baac9b15e4aef4e8dfd4098a7a213ac', class: "resource-list-item__meta" }, h("span", { key: 'e5e19cd610b66fceb249ff4ca675b3e9c6e61edb', class: "resource-list-item__meta-text" }, this.meta), h("span", { key: '54f0b68d16992adf7f8585a0b2573404be0ecdef', class: "resource-list-item__badges" }, h("slot", { key: '759c9abe2507f47d41413868e38c63c8062cc432', name: "badges" }))))), this.selectable && (h("span", { key: '5c99be2c49bb6418ab48652e707df48b1b384b69', "aria-hidden": "true", class: "resource-list-item__checkbox" }, h("span", { key: '9d0ad429053251757013feeb56effc4f3cb09991', class: "resource-list-item__checkbox-icon" }, this.checked && (h("swirl-icon-check-strong", { key: '8ccbc8ac044db30a9001a6059b6eaa9ba5742841' }))))), h("span", { key: 'b1c571d422c5b60c4e92d37f8b95ef7c1fd6cc18', class: "resource-list-item__control", onClick: this.onControlClick, ref: (el) => (this.controlContainer = el) }, h("slot", { key: 'd47ebce7bc4897dd2e6b701f35fc1caa17e72fdd', name: "control" })), showMenu && (h("swirl-popover-trigger", { key: 'c876093478e16507d50c80606194e0f8a3320952', swirlPopover: this.menuTriggerId }, h("swirl-button", { key: '350f845bcdb1103d03b36f8ccfb17287aeb13ef2', "aria-disabled": disabled ? "true" : undefined, class: "resource-list-item__menu-trigger", disabled: disabled, hideLabel: true, icon: "<swirl-icon-more-horizontal></swirl-icon-more-horizontal>", intent: "primary", label: this.menuTriggerLabel, onClick: this.onMenuTriggerClick })))), this.allowDrag && (h("button", { key: '5df7f8049ceabc364754514ccc48a01dd5e4bc99', "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "resource-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, type: "button" }, h("swirl-icon-drag-handle", { key: '95833ffeafba02439646e30624d19ae7a2f2b65d', size: this.iconSize })))));
     }
     static get is() { return "swirl-resource-list-item"; }
     static get encapsulation() { return "scoped"; }

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

@@ -56,7 +56,7 @@ export class SwirlSearch {
         const className = classnames("search", `search--variant-${this.variant}`, {
             "search--disabled": this.disabled,
         });
-        return (h(Host, { key: '384b347d93bb98e975996d7bf4b688761a245dbc' }, h("span", { key: '62324ece6125259b67522e29e370b5b2e03d0d5c', class: className, ref: (el) => (this.iconEl = el) }, h("swirl-icon-search", { key: '72d7d1b9765730dc2505fef124b3ff2e665ef1d5', "aria-hidden": "true", class: "search__icon" }), h("input", { key: 'a4f9d3b8acac13b64f7557b3b0fbf51dc28e76c2', "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: '1f76c00145cd188ecbf3ee167dc9a5d059aa457d', "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, h("swirl-icon-cancel", { key: '126c31d2be95fe6b02d8e141300fc741dc614dad' }))))));
+        return (h(Host, { key: 'e216f1ceab91479ead82c16cfff98bf770283eaa' }, h("span", { key: '1c3c59890559b3bd793535e750d62949f546b95d', class: className, ref: (el) => (this.iconEl = el) }, h("swirl-icon-search", { key: 'bff7944f1495e354e76592c3edc6fb141818e8bf', "aria-hidden": "true", class: "search__icon" }), h("input", { key: 'b458db07bd80550509955b3d0a0b86be3605057b', "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: '9935ca91fdc1e011f041bb6c6e21c20e22770ab2', "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, h("swirl-icon-cancel", { key: 'd5cdb40cf9ca592f5143df0dccad99b16368aa01' }))))));
     }
     static get is() { return "swirl-search"; }
     static get encapsulation() { return "scoped"; }

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

@@ -208,26 +208,26 @@ export class SwirlShellLayout {
             "shell-layout--sidebar-scrollable": this.sidebarScrollState.scrollable,
             "shell-layout--sidebar-scrolled-to-top": this.sidebarScrollState.scrolledToTop,
         });
-        return (h(Host, { key: 'c4bbbe65244770688b191edb01150bfcede3567e' }, h("div", { key: '4f901832fa3daa015dbb74d2e179483c715008a5', class: className }, h("header", { key: '3051466fb582f3bebfd5a4bbc7dcd39d2c3345ae', class: "shell-layout__header", "data-tauri-drag-region": "true" }, h("button", { key: 'b5bafbe1e7ecedf974f23917ac41dcf338d74633', class: "shell-layout__skip-link", onClick: this.skipLinkClick.emit, type: "button" }, this.skipLinkLabel), h("div", { key: '7977b86cedebadfbb13e11777714ebd6dc41aa79', class: "shell-layout__header-left" }, h("swirl-tooltip", { key: 'be344e0aa627fe741742b5a57808c9d98a308e9b', content: this.navigationCollapsed
+        return (h(Host, { key: '54ef902bba983ce7068d3b751023e84ab30c1c44' }, h("div", { key: 'dd5314432ce8d62a647aa28997e8e61efd98bc1f', class: className }, h("header", { key: 'e1487247139d972b2879c0cbfaafef772f33fc17', class: "shell-layout__header", "data-tauri-drag-region": "true" }, h("button", { key: 'c040f8de5979e46fa89b447882032808ee033490', class: "shell-layout__skip-link", onClick: this.skipLinkClick.emit, type: "button" }, this.skipLinkLabel), h("div", { key: 'bf0c32458459006c3b940f05af8259b097236ee1', class: "shell-layout__header-left" }, h("swirl-tooltip", { key: 'ddce5cd5656bd160b300d653b50a938d9f79ba8b', content: this.navigationCollapsed
                 ? this.expandNavigationButtonLabel
-                : this.collapseNavigationButtonLabel, delay: 100, position: "right" }, h("button", { key: 'fec6382e77c015684b1a46b37ec6884c397000c8', 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: '58dc8cc4ea2abd3bdf549ebab1a899252f1da209' }, this.navigationCollapsed
+                : this.collapseNavigationButtonLabel, delay: 100, position: "right" }, h("button", { key: 'e646b9bf34e31551faea74109ef817cd4aaa7024', 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: '33cd31e813fc5b2c45bc69af27bc0eeedf3dea9a' }, this.navigationCollapsed
             ? this.expandNavigationButtonLabel
-            : this.collapseNavigationButtonLabel))), h("a", { key: '04be10b1a9ef5a6e56b2c7ae442652e490b20cd3', class: "shell-layout__header-tool", href: "javascript:history.back()" }, h("swirl-icon-arrow-back", { key: '2cffb9a035cde4981011e3a0d6e7064aa93646f0', size: 20 }), h("swirl-visually-hidden", { key: 'd39c017b0a5101021e80af02e2849b101fbf1cb5' }, this.browserBackButtonLabel)), h("a", { key: 'cb36d4e75ad1fe6bb84ab206eee8285e52e33d34', class: "shell-layout__header-tool", href: "javascript:history.forward()" }, h("swirl-icon-arrow-forward", { key: '1187560f03906a85aae2a7281bfd6ce2eeb6123a', size: 20 }), h("swirl-visually-hidden", { key: '4bdfa9d8697b411ee33023f333d02f9fbf8a5c93' }, this.browserForwardButtonLabel)), h("slot", { key: '6ac7976d5e44d6aec8119d8ed7e5a3d6b5ed9891', name: "left-header-tools" })), h("div", { key: '53c9768867bf751576e459f634f0f56b9535891f', class: "shell-layout__logo" }, h("slot", { key: '98006a11822ce9766fc9805a29e182614b9515b1', name: "logo" })), h("div", { key: 'eb5564e0782f61d56eec81c398809c7f442a6cbb', class: "shell-layout__header-right" }, h("slot", { key: 'd1f6e2efd94ee86f24654ab67f72ec332a49f129', name: "right-header-tools" }), h("button", { key: '4307378a83fbdf508917075b1d93b4f023727909', class: "shell-layout__header-tool shell-layout__sidebar-toggle", onClick: this.sidebarToggleClick.emit, type: "button" }, h("swirl-icon", { key: '37f71e8b8653f50f9c4a0ac3b15dfe9e6fbb6fef', glyph: this.sidebarToggleIcon, size: 20 }), h("swirl-visually-hidden", { key: 'c8f928c58a07ce5b56e71f158d26796d69129d9f' }, this.sidebarToggleLabel), this.sidebarToggleBadge && (h("swirl-badge", { key: 'de610d73f616d49a66863f1dff1f67136f95fe85', "aria-label": this.sidebarToggleBadgeAriaLabel, label: !hasSidebarToggleBadgeWithLabel
+            : this.collapseNavigationButtonLabel))), h("a", { key: 'c09060ecac5eba5e60094ef75f1e42d403167a61', class: "shell-layout__header-tool", href: "javascript:history.back()" }, h("swirl-icon-arrow-back", { key: 'b78e6b63be453735d5585d021bc6d26a7b0a3ce6', size: 20 }), h("swirl-visually-hidden", { key: 'ef147b77322bf0f77d2a7823b3e56d93ea4b228c' }, this.browserBackButtonLabel)), h("a", { key: '53154965a40cf1e73a61d3e58f8efa1990f8c201', class: "shell-layout__header-tool", href: "javascript:history.forward()" }, h("swirl-icon-arrow-forward", { key: '6ef031cef408294f30b4cfd23c50451034d1a0c5', size: 20 }), h("swirl-visually-hidden", { key: '415ad9a9f4c2eef9f1a36d1022566796b196eba7' }, this.browserForwardButtonLabel)), h("slot", { key: '088e3d9021d75ef40390a1cf6370841233d8beeb', name: "left-header-tools" })), h("div", { key: '096d637dec065f043ad05c29bf0128bbd9580603', class: "shell-layout__logo" }, h("slot", { key: 'd1463206a5fcd482d82e34eb7daceb1a1dc6823b', name: "logo" })), h("div", { key: '2a78db5a75fc39e584ac6cd91e9cfd27e7b498aa', class: "shell-layout__header-right" }, h("slot", { key: '1b642fe59aeecc33342d62b767624729251970d5', name: "right-header-tools" }), h("button", { key: 'a5478373c4b1a663d2b6839d758fbf4851777096', class: "shell-layout__header-tool shell-layout__sidebar-toggle", onClick: this.sidebarToggleClick.emit, type: "button" }, h("swirl-icon", { key: '1844e2995d76761742786d5224548c45f3a5901b', glyph: this.sidebarToggleIcon, size: 20 }), h("swirl-visually-hidden", { key: '70455c9a5de8916be10225be6305034d43a3f7b6' }, this.sidebarToggleLabel), this.sidebarToggleBadge && (h("swirl-badge", { key: '18b06b543fdc60abebdf377b4405237e9cf049e4', "aria-label": this.sidebarToggleBadgeAriaLabel, label: !hasSidebarToggleBadgeWithLabel
                 ? this.sidebarToggleBadgeAriaLabel
-                : String(this.sidebarToggleBadge), size: "xs", variant: !hasSidebarToggleBadgeWithLabel ? "dot" : "default" }))), h("slot", { key: '850047c933e0e6cead60b6aa452ee67f2a893907', name: "avatar" }))), h("div", { key: '653f5dbb6f6f6a22d65edd289ffb5a6c5ff89667', class: "shell-layout__mobile-nav-backdrop", onClick: this.onNavigationClick }), h("nav", { key: 'f21c77519487d2a9f3b37bd2dc7c9ed293d568bc', "aria-labelledby": "main-navigation-label", class: "shell-layout__nav", onClick: this.onNavigationClick, ref: (el) => (this.navElement = el) }, h("div", { key: '1006de8593a28793fb2833c2b0f86b5d084cffbc', class: "shell-layout__mobile-header" }, h("slot", { key: '84a4b72385309d78cd8287ae9e47af0d083120b4', name: "mobile-logo" }), h("div", { key: '4b1a8cb31a6f9acf625929fc4d47a6fbfc778a66', class: "shell-layout__mobile-header-tools" }, h("slot", { key: 'dfb861cae64837a346d0b90177c63638c9bfbe4f', name: "mobile-header-tools" }), h("button", { key: 'e070351cc2eb6457d3dcdbfbc341332935bee7a3', class: "shell-layout__header-tool", type: "button" }, h("swirl-icon-double-arrow-left", { key: '7cae12be27d5440fa9697898081dac63fba6dc72', size: 20 }), h("swirl-visually-hidden", { key: 'a32e5c9a9198189fc07cfb20c0f743a342065ccd' }, this.hideMobileNavigationButtonLabel)))), h("div", { key: '1d0289bff380e64e08ea3a3b02f2e7fb59b22870', class: "shell-layout__nav-body" }, h("swirl-visually-hidden", { key: '8fcd026def191081958e10bfe69ea82b382b87e2' }, h("span", { key: 'b52cecd8d004c5452c3b27bd0ab38dec89923506', id: "main-navigation-label" }, this.navigationLabel)), h("slot", { key: '93e56fc49e85d7c2000db67a86c72f5836babd0f', name: "nav", onSlotchange: this.collectNavItems }), h("div", { key: '19227f752ca137299b8b2236d0f0b9b77ff05fec', class: "shell-layout__secondary-nav" }, h("swirl-separator", { key: '13076dccef369f54f8cf077c261eaa1ec0f0e432', color: "strong", spacing: "16" }), this.enableSecondaryNavGridLayout && (h("swirl-box", { key: '3e21580cb6daa0f74ba8a6208fc64930a5407798', paddingBlockEnd: "16" }, h("swirl-stack", { key: '26473b44207e560c4e0166bafa3b0af5b1579c68', justify: mainNavCollapsed ? "center" : "space-between", orientation: "horizontal" }, h("swirl-button", { key: 'c261b2d61fff60acc43a5ae098fda47987d1f6be', hideLabel: mainNavCollapsed, icon: this.secondaryNavCollapsed
+                : String(this.sidebarToggleBadge), size: "xs", variant: !hasSidebarToggleBadgeWithLabel ? "dot" : "default" }))), h("slot", { key: 'e3f050b07c70c696d5adb383f71c7898e0e74c73', name: "avatar" }))), h("div", { key: 'ccf1d47f195f83a54c18fbf334cc3310e8b53166', class: "shell-layout__mobile-nav-backdrop", onClick: this.onNavigationClick }), h("nav", { key: 'fdab711137286fd0390f60256b9c8913c801caf0', "aria-labelledby": "main-navigation-label", class: "shell-layout__nav", onClick: this.onNavigationClick, ref: (el) => (this.navElement = el) }, h("div", { key: '3f77078094d8fa493e749e3b7c3a7e34388785ec', class: "shell-layout__mobile-header" }, h("slot", { key: 'a7b2106cc1cb2ec7d172cf4ee851ce769ee6e3c0', name: "mobile-logo" }), h("div", { key: '1c138fa01ed9cc2a1192b146b2651b25eda19885', class: "shell-layout__mobile-header-tools" }, h("slot", { key: '469556900f83474e38c3c930e66ed9e911c2315e', name: "mobile-header-tools" }), h("button", { key: '1910fe386f5d4a60c8a82ac3c2252a2ab8b031b9', class: "shell-layout__header-tool", type: "button" }, h("swirl-icon-double-arrow-left", { key: '702a296dd2e421d06e57ad3178cb61ac6b56127f', size: 20 }), h("swirl-visually-hidden", { key: '2403013ddc9a4b7105b6db109844e729df34b85a' }, this.hideMobileNavigationButtonLabel)))), h("div", { key: 'a050d8fb86302fe877e283cf0f4fe41146704c3e', class: "shell-layout__nav-body" }, h("swirl-visually-hidden", { key: '768ec8bc7c07f7ad8b5ee3d0533b4df59da847db' }, h("span", { key: 'd11d092ba13dd4b3854411c258ed5b7daa0171f7', id: "main-navigation-label" }, this.navigationLabel)), h("slot", { key: '1b45aceef0874ac46060cf7389648771ccf8604b', name: "nav", onSlotchange: this.collectNavItems }), h("div", { key: 'a2ff53abd5090da564d3ae89762540393ccae2af', class: "shell-layout__secondary-nav" }, h("swirl-separator", { key: '06a61785d16faa79b0b13c27037f18e99936819f', color: "strong", spacing: "16" }), this.enableSecondaryNavGridLayout && (h("swirl-box", { key: 'ef4f7798262dd1e12c176f5908808b4592c40694', paddingBlockEnd: "16" }, h("swirl-stack", { key: 'c959ca5245f97927c42fb6d10cb8f8ec21b1a5b6', justify: mainNavCollapsed ? "center" : "space-between", orientation: "horizontal" }, h("swirl-button", { key: '50cab11a9a3e74e87b0b26cd27a2fb8622fa1a21', 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: '027837950b6052414265ee359cbf39763f09e05d', icon: this.secondaryNavView === "grid"
+                : this.secondaryNavCollapseLabel, onClick: this.toggleSecondaryNavCollapse, variant: "plain" }), !mainNavCollapsed && !this.secondaryNavCollapsed && (h("swirl-button", { key: 'f0f353e909f854cbe464b23a6bd130e65ebdccfb', 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: '7c7dfb8526492a9268302f9e5c50557b9d6ccb6b', class: {
+                : this.listNavLayoutToggleLabel, onClick: this.toggleSecondaryNavView, variant: "plain" }))))), h("div", { key: 'efa5a16a65c98057fd29e2fcd2d539c3e2b1aa1a', class: {
                 [`shell-layout__secondary-nav-items--${this.secondaryNavGridLayoutVariant}`]: true,
                 "shell-layout__secondary-nav-items": true,
                 "shell-layout__secondary-nav-items--grid-view": this.enableSecondaryNavGridLayout &&
                     this.secondaryNavView === "grid",
-            } }, h("slot", { key: '77c71c870690a1cee5f927e5fc2ef70bdb7769c1', name: "secondary-nav", onSlotchange: this.collectNavItems }))))), h("main", { key: '614fb8b4591dc64daa652666f4025f1aff082e6b', class: "shell-layout__main", id: "main-content" }, h("slot", { key: 'a24ede70ecb6710b9f914ef708813e3875e36feb' })), h("aside", { key: '1640c22fec4c44066d83ba17e2ab27afccf67059', class: "shell-layout__sidebar", inert: this.sidebarActive ? undefined : true }, h("div", { key: '26711d68cb909db2e6f6d75cab736669e4039a5c', class: "shell-layout__sidebar-body" }, h("div", { key: 'ad6cea366f92e24cd8df6fc9c3c8cda3eccf0c47', class: "shell-layout__sidebar-app-bar" }, h("slot", { key: '96dcc0e78b1a81241424d9c8a6fa1c9e28842c49', name: "sidebar-app-bar" })), h("div", { key: 'c26cd499d6d92b87b587a74738230ca7ea485464', class: "shell-layout__sidebar-content", onScroll: this.onSidebarScroll, ref: (el) => (this.sidebarContentEl = el) }, h("slot", { key: 'e33c02c4d4aac5f91830548627e70bdf78f8b839', name: "sidebar" })))))));
+            } }, h("slot", { key: 'eeae8690a57ee1e000db2cf7ec35d902666f84e3', name: "secondary-nav", onSlotchange: this.collectNavItems }))))), h("main", { key: '2ae88104d8dae27b7778e1f83197d9fe997eac97', class: "shell-layout__main", id: "main-content" }, h("slot", { key: '860637b970dffe8997b3ac6aa24849433fb5dae5' })), h("aside", { key: 'e176ad54f85ad5014bcd2852c42c599be06b6c03', class: "shell-layout__sidebar", inert: this.sidebarActive ? undefined : true }, h("div", { key: '7ec48264e8b76f157a79736326dfb416df9d3d7c', class: "shell-layout__sidebar-body" }, h("div", { key: '8a8938d5b9983eb2608a8cf02300fb32e136e22a', class: "shell-layout__sidebar-app-bar" }, h("slot", { key: 'f37d24a0ce619c92b4e401cbc5e1365d0f9f9571', name: "sidebar-app-bar" })), h("div", { key: '213177da65ea8caf8a5c71d411ec553997caf9d3', class: "shell-layout__sidebar-content", onScroll: this.onSidebarScroll, ref: (el) => (this.sidebarContentEl = el) }, h("slot", { key: 'ce32bb5651e5adf6e3296f6553dd0927006a55e2', name: "sidebar" })))))));
     }
     static get is() { return "swirl-shell-layout"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/swirl-shell-navigation-item/swirl-shell-navigation-item.js

@@ -57,9 +57,9 @@ export class SwirlShellNavigationItem {
         const tooltipContent = this.description
             ? `${this.label} ${this.description}`
             : this.label;
-        return (h(Host, { key: '7666c4bcf35ea05f0e3b11902fa150e6a310f0e7' }, h("swirl-tooltip", { key: 'acff934660b0c3277469637bf849bf27bc1733b3', active: this.hideLabel, content: tooltipContent, delay: 100, position: "right", positioning: "fixed" }, h(Tag, { key: '46c434606cdc2e4551f167897dd91ad3a9498c9a', class: tagClassNames, href: this.href, target: this.target, type: isLink ? undefined : "button", title: !this.hideLabel ? this.label : undefined }, h("span", { key: '16d6d25ce779e20d38f78342854cb0bf5592993a', class: "shell-navigation-item__icon" }, h("slot", { key: '03092970df08d979b34581b2ad14bc9dc6ee0cc8', name: "icon" })), !this.hideLabel ? (this.variant !== "default" ? (h("span", { class: labelClassNames }, this.label)) : (h("div", { class: "shell-navigation-item__text-wrapper" }, h("span", { class: labelClassNames }, this.label), this.description && (h("span", { class: "shell-navigation-item__description" }, this.description))))) : (h("swirl-visually-hidden", null, h("span", { class: labelClassNames }, this.label))), hasBadge && (h("span", { key: 'f36c6ad85a5e7fbfcdd2d474db884a033f212063', class: "shell-navigation-item__badge-wrapper" }, h("swirl-badge", { key: '90153dd5d2d9694ab77bb58b5fb513d7815246a5', "aria-label": this.badgeLabel, class: classnames("shell-navigation-item__badge", {
+        return (h(Host, { key: '4b5e7dadf6c8673851f640c160d753883d987885' }, h("swirl-tooltip", { key: '1692f48d6defc2816989243ce177d32f95298887', active: this.hideLabel, content: tooltipContent, delay: 100, position: "right", positioning: "fixed" }, h(Tag, { key: 'd0bfaf35345c5838f385ace3ce521064813c230b', class: tagClassNames, href: this.href, target: this.target, type: isLink ? undefined : "button", title: !this.hideLabel ? this.label : undefined }, h("span", { key: 'f22872d76cf82473d6182d4f976ec78a876fc0de', class: "shell-navigation-item__icon" }, h("slot", { key: 'b9bac1d5ce9af60eefdd47a0485ed55d9c76035e', name: "icon" })), !this.hideLabel ? (this.variant !== "default" ? (h("span", { class: labelClassNames }, this.label)) : (h("div", { class: "shell-navigation-item__text-wrapper" }, h("span", { class: labelClassNames }, this.label), this.description && (h("span", { class: "shell-navigation-item__description" }, this.description))))) : (h("swirl-visually-hidden", null, h("span", { class: labelClassNames }, this.label))), hasBadge && (h("span", { key: 'c9953b39fa7e8c8671a812f85108a43d4b202506', class: "shell-navigation-item__badge-wrapper" }, h("swirl-badge", { key: '62d11e8df50b5e7c82ee4f1900a4854d900560f1', "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" }))), showIsNewTag && (h("swirl-tag", { key: 'e89796bc033fe189a308a65ba8a024a49905a663', class: "shell-navigation-item__is-new-tag", intent: "info", label: this.markAsNewLabel.toLocaleUpperCase(), size: "s", variant: "strong" })), showIsNewBadge && (h("swirl-badge", { key: '3707223794665584b9aa08cbe4638e08eb76569b', class: "shell-navigation-item__is-new-badge", intent: "info", label: this.markAsNewLabel.toLocaleUpperCase(), size: "xs", variant: "dot" }))))));
+            }), label: this.badgeLabel, size: "xs", variant: this.badgeLabel === "" ? "dot" : "default" }))), showIsNewTag && (h("swirl-tag", { key: 'c168f08d681c9358359317147896ce50df5cfb5b', class: "shell-navigation-item__is-new-tag", intent: "info", label: this.markAsNewLabel.toLocaleUpperCase(), size: "s", variant: "strong" })), showIsNewBadge && (h("swirl-badge", { key: '269fe853f32a11f3db07079435d02e4580eb996d', class: "shell-navigation-item__is-new-badge", intent: "info", label: this.markAsNewLabel.toLocaleUpperCase(), size: "xs", variant: "dot" }))))));
     }
     static get is() { return "swirl-shell-navigation-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-skeleton-box/swirl-skeleton-box.js

@@ -7,11 +7,11 @@ export class SwirlSkeletonBox {
     }
     render() {
         const className = classnames("skeleton-box", `skeleton-box--border-radius-${this.borderRadius}`, { "skeleton-box--static": !this.animated });
-        return (h(Host, { key: '5493575e41b47cad7fa586147a19261c1e859c0f', style: {
+        return (h(Host, { key: 'cb73a8cf5d39e87787a30ad07b17977c1ce94d0e', style: {
                 width: !Boolean(this.width) && !Boolean(this.aspectRatio)
                     ? "100%"
                     : undefined,
-            } }, h("div", { key: '432dba06162add0a28fc02c25983f1f027a47023', class: className, style: {
+            } }, h("div", { key: '90c9d6c83f477540e8e0901421bec5fd73b976bd', class: className, style: {
                 aspectRatio: this.aspectRatio,
                 borderRadius: this.borderRadius !== "pill" && this.borderRadius !== "none"
                     ? `var(--s-border-radius-${this.borderRadius})`

package/dist/collection/components/swirl-skeleton-text/swirl-skeleton-text.js

@@ -9,7 +9,7 @@ export class SwirlSkeletonText {
     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: 'ca0055daa0d497a6308a25f26ff588b0e2c15e62' }, h("div", { key: '493b94e1cf3efed330660b960cca2ce4ee7d666f', class: className, part: className }, new Array(this.lines).fill(undefined).map((_, index) => (h("div", { class: lineClassName, key: index, part: lineClassName }))))));
+        return (h(Host, { key: 'a10a92b4f8df24f44fdb0e3bcd88c79d87fbcbff' }, h("div", { key: '93f93336f2260262b7035e3bfe727a1365ae16f1', class: className, part: className }, new Array(this.lines).fill(undefined).map((_, index) => (h("div", { class: lineClassName, key: index, part: lineClassName }))))));
     }
     static get is() { return "swirl-skeleton-text"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-spinner/swirl-spinner.js

@@ -6,7 +6,7 @@ export class SwirlSpinner {
     }
     render() {
         const className = classnames("spinner", `spinner--size-${this.size}`);
-        return (h(Host, { key: 'bdf7b6f681921865df1608ab06524f8383528e26' }, h("span", { key: 'b9dcba1438bdf2e63d7aef0e8cbb931f9618406f', class: className, role: Boolean(this.label) ? "status" : undefined }, h("svg", { key: '2b7d3c75ba5a79eef50407e5fed41eb74efbfe97', "aria-hidden": "true", class: "spinner__indicator", focusable: "false", viewBox: "0 0 50 50" }, h("circle", { key: '81199fac690923088344f04baa7c8afb6b161b77', class: "spinner__background", cx: "25", cy: "25", r: "20", fill: "none", "stroke-width": "4" }), h("circle", { key: 'e907111217a8eb3dd77d008cc3c64531bfab5b6b', class: "spinner__circle", cx: "25", cy: "25", r: "20", fill: "none", "stroke-width": "4" })), this.label && (h("swirl-visually-hidden", { key: '7074edee4079429b95081c859795ecb78e0d544a' }, h("span", { key: 'e0667a8e8c7b4827356e7e6419a0aa851d04863c', class: "spinner__label" }, this.label))))));
+        return (h(Host, { key: '7473ef4ce23a3ac1bd5c89668d7a10663f02a126' }, h("span", { key: '67c60e30573ea41033d53db9c867a1894927c07f', class: className, role: Boolean(this.label) ? "status" : undefined }, h("svg", { key: '39fc5eeb1ea2bcedcd36ab277cb86c0c89355db8', "aria-hidden": "true", class: "spinner__indicator", focusable: "false", viewBox: "0 0 50 50" }, h("circle", { key: '3934f9d637d137e789e786cd875a714eac05d7df', class: "spinner__background", cx: "25", cy: "25", r: "20", fill: "none", "stroke-width": "4" }), h("circle", { key: 'c80f183024b804a025487ad1f016fd0993d2b7b9', class: "spinner__circle", cx: "25", cy: "25", r: "20", fill: "none", "stroke-width": "4" })), this.label && (h("swirl-visually-hidden", { key: '98293ce76f10d1cda4b00bf5e46802fd4542e576' }, h("span", { key: 'fa8c5b10c84bdf95b1966f610055c9867b1cdd96', class: "spinner__label" }, this.label))))));
     }
     static get is() { return "swirl-spinner"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-status-indicator/swirl-status-indicator.js

@@ -3,7 +3,7 @@ import classnames from "classnames";
 export class SwirlStatusIndicator {
     render() {
         const className = classnames("status-indicator", `status-indicator--intent-${this.intent}`);
-        return (h(Host, { key: '2f8369ea2519eea69ce69f621635e891f72d0ecc' }, h("div", { key: '67ba9066cffc2200b22357c7c35cb200ef8e7e76', class: className }, h("span", { key: '5ef43b53d420779528989428e91d8162eb2e4308', class: "status-indicator__dot" }), h("span", { key: '08602ca50a9c5773d767ffa991b387adfb7842ec', class: "status-indicator__label" }, this.label))));
+        return (h(Host, { key: '41dfc98d88dcb82deaf62c580678f47cc4201155' }, h("div", { key: '96b1b3dd588d536d1727e3a1a3bbc023ce68d835', class: className }, h("span", { key: '9496a089d6be5990cb2964f5bd3908995b1e8bed', class: "status-indicator__dot" }), h("span", { key: '882f34bd6a6cb1812f9e4f62cb35aed21a017212', class: "status-indicator__label" }, this.label))));
     }
     static get is() { return "swirl-status-indicator"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-switch/swirl-switch.js

@@ -25,9 +25,9 @@ export class SwirlSwitch {
             "switch--on": on,
             "switch--disabled": this.disabled,
         });
-        return (h(Host, { key: '40184ad6f15536d27cfe85b2c06d4d0c7fabbade' }, h("label", { key: 'f3d13005d15ea8002cfb6c24dbe340717e846378', class: className, htmlFor: this.inputId }, h("span", { key: '6639940aee314a14577bc5ad84c16d618c51985d', class: "switch__control" }, h("swirl-visually-hidden", { key: 'cf2a8cab1d1c614c45942f7f7a607ddfa3fa8047' }, h("input", { key: 'd715bab138e9caafd2b30f07ff867c3b68df3dc7', "aria-checked": ariaCheckedLabel, "aria-label": !this.hideLabel && this.swirlAriaLabel
+        return (h(Host, { key: '0184a03f354d0a1dde8ef2e4314d1466aa45fa7c' }, h("label", { key: '264a92b849b655fd7ad2d51529efb619c5ce40a3', class: className, htmlFor: this.inputId }, h("span", { key: '437681fc1072c4431ae0dcde683fe2db142e1103', class: "switch__control" }, h("swirl-visually-hidden", { key: '34503aec9107d0dbe82c1172048aa1a83396dc1e' }, h("input", { key: 'b2d078664d35e3f037642c8865478707fdf3e7f6', "aria-checked": ariaCheckedLabel, "aria-label": !this.hideLabel && this.swirlAriaLabel
                 ? this.swirlAriaLabel
-                : undefined, 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: 'ec3e40970160b5df4c41df7407979b81a909ae95', "aria-hidden": "true", class: "switch__thumb" })), h("swirl-stack", { key: '585fb118f15044434e03f0f528dd283fae326d2f', class: "switch__content" }, this.label && !this.hideLabel && (h("span", { key: '78afbcaa56db50fffa27c409b0cd97bbd9e6d9a1', class: "switch__label" }, this.label)), this.hideLabel && (h("swirl-visually-hidden", { key: 'ccadba99b35f8a02d450bcc07a0ae0fa3603ed05' }, this.swirlAriaLabel || this.label)), this.description && (h("span", { key: '0e518058bba1c054b91c7e6ee37ade5263032519', class: "switch__description" }, this.description))))));
+                : undefined, 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: '988d10b07dfbe72e6b7c2cf55dd841544e7c6e16', "aria-hidden": "true", class: "switch__thumb" })), h("swirl-stack", { key: 'cd6001d80e63b1e84fadfdba8719fd8d205027d0', class: "switch__content" }, this.label && !this.hideLabel && (h("span", { key: 'd6d776add33f4092571b33b48353eb8a7459983c', class: "switch__label" }, this.label)), this.hideLabel && (h("swirl-visually-hidden", { key: 'd648c431437ebc0167c56065dc4e0ea7fb96c4db' }, this.swirlAriaLabel || this.label)), this.description && (h("span", { key: '83d3537d6cf33cc92419f9e117fea4eb7cc2a878', class: "switch__description" }, this.description))))));
     }
     static get is() { return "swirl-switch"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/swirl-tab/swirl-tab.js

@@ -6,7 +6,7 @@ export class SwirlTab {
     }
     render() {
         const className = classnames("tab", { "tab--active": this.active });
-        return (h(Host, { key: '4dcaa666ac2c76ef69a3db108fec8d9261f0c2c9', "aria-labelledby": `tab-${this.tabId}`, id: this.tabId, role: "tabpanel", tabIndex: this.active ? 0 : -1, class: className, style: { padding: `var(--s-space-${this.padding})` } }, h("slot", { key: 'd4be897cca0b201d4b72b400f6a7433ccf86921c' })));
+        return (h(Host, { key: 'af05477db147d507a7837e803a4753bd1372e3d6', "aria-labelledby": `tab-${this.tabId}`, id: this.tabId, role: "tabpanel", tabIndex: this.active ? 0 : -1, class: className, style: { padding: `var(--s-space-${this.padding})` } }, h("slot", { key: 'b34433957cf644494b0db7ff9572970b03e6356a' })));
     }
     static get is() { return "swirl-tab"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-tab-bar/swirl-tab-bar.js

@@ -54,7 +54,7 @@ export class SwirlTabBar {
                 ? `var(--s-space-${this.paddingBlockStart})`
                 : undefined,
         };
-        return (h(Host, { key: '368847e399163f3d4f6eec1437f46233cbf1d16c' }, h("div", { key: '71cf8665ad8504c928fe192fff8c796f7f1bca08', "aria-label": this.label, class: className, onKeyDown: this.onKeyDown, role: this.disableTabSemantics ? undefined : "tablist", style: styles }, this.tabs.map((tab) => {
+        return (h(Host, { key: '5ef8c8903864a9101f7092cadd0ba1837bfd07b0' }, h("div", { key: '8649fd672cf8066e640f5ef14fdb9a2b815f0f10', "aria-label": this.label, class: className, onKeyDown: this.onKeyDown, role: this.disableTabSemantics ? undefined : "tablist", style: styles }, this.tabs.map((tab) => {
             const className = classnames("tab-bar__tab", {
                 "tab-bar__tab--active": tab.active,
                 "tab-bar__tab--variant-pill": this.variant === "pill",

package/dist/collection/components/swirl-table/swirl-table.js

@@ -495,7 +495,7 @@ export class SwirlTable {
             "table--show-empty-state": this.empty && !this.loading,
             "table--keyboard-move": this.movingViaKeyboard,
         });
-        return (h(Host, { key: '58cb39e970718c947af8fb05e49327f69ce52406' }, h("div", { key: 'ccc4d4c35f16a0250bca6473848ec928a20d69f1', class: className }, this.enableDragDrop && (h("swirl-visually-hidden", { key: '984ee69c68a1f7ede7c68d11e08ab87677c75d8c' }, h("span", { key: '7a27389724c8c0d877c79af23589b637e44d5669', "aria-live": "assertive" }, this.liveRegionText))), h("div", { key: 'd17f542eac55c6da592fc2ab12d838e30ef318e6', class: "table__container", onFocusin: this.onFocus, onFocusout: this.onBlur, onKeyDown: this.onKeyDown, onScroll: this.onScroll, ref: (el) => (this.container = el), tabIndex: -1 }, h("div", { key: 'dd983c262ce853828b3040c9f97c510c769662e3', "aria-describedby": Boolean(this.caption) ? "caption" : undefined, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && (h("swirl-visually-hidden", { key: '031594755193d7ca2e0f8624afd79ec38ac0dec7' }, h("div", { key: '7b76523681ef767eb7a5805cc45da2259d6b9ce5', id: "caption" }, this.caption))), h("div", { key: 'ac6f9ffa3703cbadb12b7384e8f897c5af9d0bc1', role: "rowgroup" }, h("div", { key: '5263be7e317340491ee5890a1a2e5d25fcba06d5', class: "table__header", ref: (el) => (this.headerEl = el), role: "row" }, h("slot", { key: '3171ffdd4027b3f32d2d2b110f55209c8bdc5e7e', name: "columns" }))), h("div", { key: '32c054e3e9f63439efb8f9cf9633f5b628a789e0', class: "table__body", ref: (el) => (this.bodyEl = el) }, h("slot", { key: '2f5b748c60f91dbe4df98d0f18b367f8292100d0', name: "rows" }), h("div", { key: 'b51e7e34b4d4e1c4044f9480a0a115393064d221', class: "table__empty-row", role: "row" }, h("div", { key: '1cb8061bef8a30965ea023b31dd0fcfac0276f26', "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, h("slot", { key: 'e512da95e312bb19dca9b36e0092a0001810eda7', name: "empty" }), !hasEmptyStateSlotAssignment && (h("swirl-text", { key: 'ab17ca80ff8a609d5eaa4addee7d3358791bc11d', align: "center", size: "sm" }, this.emptyStateLabel))))))))));
+        return (h(Host, { key: 'e8e26be172fd960a27b50a6f922a5f30ebca740d' }, h("div", { key: '456bbf4e46a794c5977a91118b55461a143f942d', class: className }, this.enableDragDrop && (h("swirl-visually-hidden", { key: 'ad2e5199871a890e066f89dfe58d264a026408c1' }, h("span", { key: 'a9e7dc975e69159e6fd18845037ba33666d3f9b1', "aria-live": "assertive" }, this.liveRegionText))), h("div", { key: '9f9ccb292b3d0a3fa22dacf2996cca5c650d3cb2', class: "table__container", onFocusin: this.onFocus, onFocusout: this.onBlur, onKeyDown: this.onKeyDown, onScroll: this.onScroll, ref: (el) => (this.container = el), tabIndex: -1 }, h("div", { key: '71f20c04d802a6bf3fdf1cc9d688ee0d81906ba1', "aria-describedby": Boolean(this.caption) ? "caption" : undefined, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && (h("swirl-visually-hidden", { key: 'cbc0091eb12536e4c63da439a8d55f399a880a6c' }, h("div", { key: '9c4db060db4014b8f8ffc4f07c87bc98c87f9b7b', id: "caption" }, this.caption))), h("div", { key: 'aa6deac1fc190819984f573d032a6365b4a356e7', role: "rowgroup" }, h("div", { key: '9cc8865772ec5e98d8ac2308580d779046395604', class: "table__header", ref: (el) => (this.headerEl = el), role: "row" }, h("slot", { key: '334b7a3830f6312e9f7386005c7ce299018ba968', name: "columns" }))), h("div", { key: 'bdeeab1f818c24776efe9740c9caed3584eb5ef8', class: "table__body", ref: (el) => (this.bodyEl = el) }, h("slot", { key: '2297c9ed8af8df509ae00658d4e05b3b115ced95', name: "rows" }), h("div", { key: '2ff715819bc2eeb7ac0b96b339497a2d3f475645', class: "table__empty-row", role: "row" }, h("div", { key: 'f2550204f8fa4fbbc2a40094cc7b3529fa221a14', "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, h("slot", { key: '58e3ef4a1ac4e92b5e0b238630dc39f464ba803e', name: "empty" }), !hasEmptyStateSlotAssignment && (h("swirl-text", { key: '3052cd1849759fdfcd692cb0530b565ddc365815', align: "center", size: "sm" }, this.emptyStateLabel))))))))));
     }
     static get is() { return "swirl-table"; }
     static get encapsulation() { return "scoped"; }