@getflip/swirl-components 0.198.0 → 0.200.0

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

@@ -267,7 +267,7 @@ export class SwirlMenu {
             "menu--mobile": this.mobile,
             "menu--root": isTopLevelMenu,
         });
-        return (h(Host, { key: '490104411d99f433b4628fe9e8ddc9707caed841' }, h("div", { key: '7a6e6abe6b55c5a8476c34329143019f8d71d232', class: className }, this.mobile && isTopLevelMenu && (h("div", { key: '413e1a1753fc37db2fced6124bde72f74b8d345c', class: "menu__mobile-header" }, this.activeLevel === 0 && (h("swirl-button", { key: '23367b007fa8b0be2e0a419ccd1dd69002a7ef8c', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" })), this.activeLevel > 0 && (h("swirl-button", { key: '11713fb1bf265a26c2f132644de6b9725618ba76', hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" })), h("span", { key: '03c22aff836f5fa89196190f4b12af0246bb2c58', class: "menu__title", id: "menu-title" }, h("swirl-heading", { key: 'e1bdb5544e2d147cd217e8015c6f142e7afab6bf', align: "center", as: "span", level: 4, text: this.label, truncate: true })), h("swirl-button", { key: '1834d6a9bf0e07041e46b614bbd63ab1269b4c9e', class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone }))), h("div", { key: '1140bf9a2abe1dd30269215e3fc6685b221eb74f', "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: 'd20d137547b442029b364e29c27a3ed03c032834' }, h("div", { key: 'd2691a72702198bb9f78c04f1d90fa86a5139f5b', class: className }, this.mobile && isTopLevelMenu && (h("div", { key: 'c8c308bfc715687c7f70d1ab7c9e4e155a32dd76', class: "menu__mobile-header" }, this.activeLevel === 0 && (h("swirl-button", { key: '4c4846df329ff48315cc9eaf497c974d0856faba', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" })), this.activeLevel > 0 && (h("swirl-button", { key: '127527b83beb2d0ca739598ee3c5d8b153d65287', hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" })), h("span", { key: '58f231d8c4d4e70cd7c737236c04e9e580085a66', class: "menu__title", id: "menu-title" }, h("swirl-heading", { key: '6fdee562adbcb1aed282905c90ec63cad91a3893', align: "center", as: "span", level: 4, text: this.label, truncate: true })), h("swirl-button", { key: 'e81182d2cf9d9be7fa9f02828ee0907e5425eaf9', class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone }))), h("div", { key: '7f87e18b3ef5de4a82bd9606081e3e11bab78dc9', "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-orientation": "vertical", class: "menu__menu", onKeyDown: this.onKeyDown, ref: (el) => (this.menuContainer = el), role: role, style: !this.mobile && this.level > 0
                 ? {
                     top: Boolean(this.position) ? `${this.position?.y}px` : "",
                     left: Boolean(this.position) ? `${this.position?.x}px` : "",
@@ -278,7 +278,7 @@ export class SwirlMenu {
                             ? `calc(-100% * ${this.activeLevel})`
                             : "100%",
                     }
-                    : undefined }, h("slot", { key: 'fcef2862798fb72f75a68ca245473c5bcdc34128' })))));
+                    : undefined }, h("slot", { key: '33104855fa5fe67514235cbf01a892950b92ca9d' })))));
     }
     static get is() { return "swirl-menu"; }
     static get encapsulation() { return "shadow"; }

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

@@ -167,13 +167,13 @@ export class SwirlModal {
             "modal--scrolled": this.scrolled,
             "modal--scrolled-down": this.scrolledDown,
         });
-        return (h(Host, { key: 'e0d6cff9311b03a20519e6c5acddd02ecb9b932b' }, h("section", { key: '5c73a21690b7bc2c2a15df81a5d66bcfccec6044', "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: 'e6d65f93d0b33f57ce38426ee13f965eb75e3fd6', class: "modal__backdrop", onClick: this.onBackdropClick }), h("div", { key: '710385a07e9cfa669b5c7dfa0c5270e69401bb92', class: "modal__body", style: {
+        return (h(Host, { key: 'd101cece24cb469e6300a88cda41a67281cd2b67' }, h("section", { key: 'ebad873d554eb02f4935d21d52e329320d31a47e', "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: 'bf4a0569609c57d8f13c98ea86dc2fa22bb608d8', class: "modal__backdrop", onClick: this.onBackdropClick }), h("div", { key: 'd8624f029c1a40a13159ec2f6eb244233a337b9b', class: "modal__body", style: {
                 "--swirl-modal-max-height": this.maxHeight,
                 "--swirl-modal-height": this.height,
                 maxWidth: this.maxWidth,
-            } }, h("header", { key: '1f902c67e9443959eb8c50498338a6d8377f6d27', class: "modal__custom-header" }, h("slot", { key: '4b52c1d0748eefcf31f22adaf33c57e640770f68', name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && (h("header", { key: '6f786d45699894589d3dcec17c988562056e7330', class: "modal__header" }, h("div", { key: '6e81e070e4da8af19da49f762aeb79da2d992adb', class: "modal__header-bar" }, !this.hideCloseButton && (h("swirl-button", { key: '10273d46ee18becf8fbbef4e33c0a4397144a687', class: "modal__close-button", hideLabel: true, icon: this.variant === "default"
+            } }, h("header", { key: '1bd7f42348ca11ded0c28d5324b6f070949b44c9', class: "modal__custom-header" }, h("slot", { key: '39fbacbcd794a371b898943bce382fee3d86a44b', name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && (h("header", { key: 'c397f6bc837f3b8eb54615110f5938ed180cfb26', class: "modal__header" }, h("div", { key: '2a2624b81f447f14c4c02528a3cde361a9ce2dcb', class: "modal__header-bar" }, !this.hideCloseButton && (h("swirl-button", { key: 'eb1a57b60af155cfc640ef2ef0b6ec0e57889c88', class: "modal__close-button", hideLabel: true, icon: this.variant === "default"
                 ? "<swirl-icon-close></swirl-icon-close>"
-                : "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick })), !this.hideLabel && (h("swirl-heading", { key: 'ed034ca8589633bddfe7ae888a3c45d7470c4fe8', as: "h2", class: "modal__heading", level: 3, text: this.label }))))), h("div", { key: '7952a17d7f52816034821274b13c9cc2e53854e1', class: "modal__content-container" }, h("div", { key: 'bb4f5f0e753acb80fd89ccd3318231ef7e25c2ae', class: "modal__primary-content" }, h("div", { key: 'd2a3da082c86d86eb9b9cc314ff3ddd2ee778933', class: "modal__header-tools" }, h("slot", { key: 'f1fddbabbc2484a571066853c5b4e79c6c8a18f8', name: "header-tools" })), h("div", { key: '22201b867e311ffc8b6102b858af3342b6a81143', class: "modal__content", onScroll: this.determineScrollStatus, ref: (el) => (this.scrollContainer = el) }, h("slot", { key: '2d26d89aa4bd7ef01232c01d4c5b73a5c6897c8a' }))), h("div", { key: 'ece7d0b4c713242b81c9d9445059902828fdb4a2', class: "modal__secondary-content" }, h("slot", { key: 'ec9110e80192574b46a1cbb188cd775893a1602e', name: "secondary-content" }))), h("div", { key: 'd70972635714292f433b045ac62b59300aa8df10', class: "modal__custom-footer" }, h("slot", { key: 'c1719b76ab2210a8de66bb9a31b4dde8ae441e30', name: "custom-footer" })), showControls && (h("footer", { key: 'ad7dbb0d9294fb7792a5ef7c2b37b8adcd050b55', class: "modal__controls" }, h("swirl-button-group", { key: '5002226896d72cc8970edea70303345170ef5bd9', wrap: true }, this.secondaryActionLabel && (h("swirl-button", { key: '076d9679fefe019467292d6977c6fe8def3ac22a', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (h("swirl-button", { key: '48480a22f1c397ac6cf264226ec6b8ee47ecab03', intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" })))))))));
+                : "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick })), !this.hideLabel && (h("swirl-heading", { key: '7d5e09b46ed9065e8d21830e4d7fa83687b0b911', as: "h2", class: "modal__heading", level: 3, text: this.label }))))), h("div", { key: 'a2e87dc146c87c1f900c1692a3d00cc05691d032', class: "modal__content-container" }, h("div", { key: '413163c6bc7bd8057be1bb73e30f0db901d5d9c8', class: "modal__primary-content" }, h("div", { key: 'cd9db06581c8286137943e5a2f05d11bc7febe42', class: "modal__header-tools" }, h("slot", { key: '5a92044e76f842523e6e2e74413826d9d32180da', name: "header-tools" })), h("div", { key: 'f1eae6dde8e0cb56ec4dd5a92903a5f99738e4cf', class: "modal__content", onScroll: this.determineScrollStatus, ref: (el) => (this.scrollContainer = el) }, h("slot", { key: '22fe6f164c770c6b61b0c02f0aa8ce0bed9dbf49' }))), h("div", { key: '5bda225a1be3dc0e41a6fba093e430096ca372c3', class: "modal__secondary-content" }, h("slot", { key: '24bbcea293f3f849dfec59a00ba6c78d8d9adfa6', name: "secondary-content" }))), h("div", { key: '1d251bb36ac9267efaff5ebbb4dfbfeceae6b001', class: "modal__custom-footer" }, h("slot", { key: '64bac816af117d2c1ded2e3e2296e5dc3086f1eb', name: "custom-footer" })), showControls && (h("footer", { key: '84941235ca72a66ec1e8e880af177bf67d6264ba', class: "modal__controls" }, h("swirl-button-group", { key: 'f5e332e1831b8f168375673cc51f87fd56ef7f97', wrap: true }, this.secondaryActionLabel && (h("swirl-button", { key: '4c104649ec6bac6f17c1e57ea8b79762490c5da3', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (h("swirl-button", { key: 'df096b033de95729cd0c12a70afc17b4afd5dbc0', 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

@@ -64,9 +64,9 @@ export class SwirlOptionListItem {
             "option-list-item--dragging": this.dragging,
             "option-list-item--selected": this.selected,
         });
-        return (h(Host, { key: '41fa9c782bc5c732bc2cebaafa8805e000f8974d' }, h("div", { key: '4134996cbecea52ca74b7f0ac80b9148e8c03f54', "aria-checked": this.swirlAriaRole === "menuitemradio" ? ariaSelected : undefined, "aria-describedby": Boolean(this.description)
+        return (h(Host, { key: 'baa6cd5d65fd7b0e85802a5ca91eb1a8721663a3' }, h("div", { key: '601fe74fc80a7d03423e7d31b4050aec1f95b4ca', "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: 'af739702ef0bf39af178098ab6c32f1979ae2b0d', class: "option-list-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), showCheckbox && (h("span", { key: 'f5f0c2689313f52ed059323aef5f5fbeef384292', class: "option-list-item__checkbox" }, h("span", { key: '9766d8006bf164687be4db80f4b0d7102effd02b', class: "option-list-item__checkbox-box" }, this.selected && (h("swirl-icon-check-strong", { key: '488847c8d33c743a164e96f3b89198ca8984f202', class: "option-list-item__checkbox-icon", size: 16 }))))), h("span", { key: 'e1dcee84dca1855062286529e4d98980ef5e4f91', class: "option-list-item__label-container" }, h("span", { key: '707a0d7a23afca396ed76cd9f5a33137daabb9af', class: "option-list-item__label", id: `option-list-item-${this.elementId}-label`, part: "option-list-item__label" }, this.label), this.description && (h("span", { key: '4283c8a1f8c363a70e4ef3c3214fcd60dd0d873f', class: "option-list-item__description", id: `option-list-item-${this.elementId}-description` }, this.description))), showSelectionIcon && (h("span", { key: '5e25aa6cf414b79be37d8b3b24c479bd40b88533', class: "option-list-item__selection-icon" }, h("swirl-icon-check-small", { key: '863b62b6f6f2c9d0f1a87a368fa7eee8e907dbd3', size: this.iconSize })))), this.allowDrag && (h("button", { key: 'bf7f380d7130618fc4318b509921c136fcc7bf38', "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: 'fde3fd8c6459d02d6e918e206900c0fa267ff600', 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: '94eb2235c365ab0e3ae69f49c6d9b2818735e459', class: "option-list-item__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), showCheckbox && (h("span", { key: '0b752cc978e222f8e7cf371029ab36293990ad00', class: "option-list-item__checkbox" }, h("span", { key: '542d646b3e17bded69827bd561d3d7b4b2f7f919', class: "option-list-item__checkbox-box" }, this.selected && (h("swirl-icon-check-strong", { key: 'f29515f868b57658043920d35f5e6d219432e510', class: "option-list-item__checkbox-icon", size: 16 }))))), h("span", { key: '0ed7f278091da93d5421071a0437650f10ce0fb2', class: "option-list-item__label-container" }, h("span", { key: 'a342a2d255de209eb9f400447612260fa2323dfd', class: "option-list-item__label", id: `option-list-item-${this.elementId}-label`, part: "option-list-item__label" }, this.label), this.description && (h("span", { key: '452176963ddf7e426cfb98b2bb32b058524213b9', class: "option-list-item__description", id: `option-list-item-${this.elementId}-description` }, this.description))), showSelectionIcon && (h("span", { key: '41c0d4ba183dff49fb358ed635d83e7a8f2bf196', class: "option-list-item__selection-icon" }, h("swirl-icon-check-small", { key: 'b7153bd33bc1f52128e23fc40c0ddb43fe3d347a', size: this.iconSize })))), this.allowDrag && (h("button", { key: '6c5cf1ca3fe3a126b9d6535c16cd9b450f9f9de9', "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: '3e5f5623c0e944bc548157c3b8bf0f641caaa50b', 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

@@ -81,7 +81,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: '32b06d1b1bc2b0c558b5535f7733231829ec8890' }, h("nav", { key: '5ad54318dd933938f199da1901759daf95ab9a46', "aria-label": this.label, class: className }, h("ul", { key: 'bf332f10858b4eb00ef829e9b9b6971e7316f508', class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (h("li", { key: 'd98231af57b4baac83c5595dbe87d443e81e3942', class: "pagination__list-item" }, h("label", { key: 'caa13b6b81fbc3c5c09a6baaa32c6cb1b4599fc0', class: "pagination__page-size-selection" }, h("swirl-text", { key: '65fbe4ea5b971a9547cffa79a8173f942ebd9c88' }, this.pageSizeSelectLabel), h("swirl-stack", { key: '324004a6b0623a58c3f4aeac303f5ccae242d4ce', align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, h("select", { key: 'e64168057e6d9d8d54d1d2a2e933dc1e0b13f008', 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: '4574a8040a5cab8fa731cc00be512486956b6bb6', "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), h("li", { key: '859e184cd3eeb8b20fa5556f14a7578d6328d5bb', class: "pagination__list-item" }, h("swirl-button", { key: '02429facb6f15eb7ea5146eb75cf69247f479615', 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: '512d14479fcaccc7a88f28bdb471fc6b5e72b7eb', class: "pagination__list-item" }, h("swirl-button", { key: '4a5a3654328608b63b97dd91246b3dddddbd0829', 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: '5a44c51f2c9215e55a36192e14fd966d543ba819', class: "pagination__list-item" }, h("swirl-button", { key: '5a52c93183d940f35adf43e710816b81a16ef3d0', 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: '7b3a489abcc0b043df379eb962d36ff9e9050d55', class: "pagination__list-item" }, h("swirl-button", { key: 'b1cfd3eb1756a44ad4464b8c1bb5e8903187b64f', 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: 'a868ebbd52be7109114aa9902e90da4e8b3cc05b' }, h("nav", { key: 'c901f4199b231df362a5c245f39793158347e597', "aria-label": this.label, class: className }, h("ul", { key: '030fd790cf353b89a48d8b8d990c2e13984dbad6', class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (h("li", { key: 'dcd1ee3eb343ae6a095836719c94b554b589baf1', class: "pagination__list-item" }, h("label", { key: '84d344807e9efb1b6c7d8ca867e234fcd1552f3e', class: "pagination__page-size-selection" }, h("swirl-text", { key: '76eda5b61d9c7e9a078e0c6a3538dcc548c096f7' }, this.pageSizeSelectLabel), h("swirl-stack", { key: 'fa95c18ef16df5f3cee53d82a3b879c124f2ea52', align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, h("select", { key: 'bae99f7594c60a9db45ea6c86edf47bbeafe8ed8', 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: '3e02befb8461a4ffc9256058bd088c91447b000c', "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), h("li", { key: 'c6c21f0ee13e46586bf0982c2fb97636ee016285', class: "pagination__list-item" }, h("swirl-button", { key: '06f41cac26e65a3b4a1493bc3824e9d9961a83ae', class: "pagination__first-page-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-double-arrow-left></swirl-icon-double-arrow-left>", intent: "primary", label: this.firstPageButtonLabel, onClick: this.onFirstPageButtonClick })), h("li", { key: 'f519537b3bc4b4c5dde7cee4623a23a28953c922', class: "pagination__list-item" }, h("swirl-button", { key: '22db009bbff5ba95a12f847e9da292ee6b2e3ba4', class: "pagination__prev-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", intent: "primary", label: this.prevButtonLabel, onClick: this.onPrevButtonClick })), showPageLabel ? (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: '5084487945838fc47988d1bab2f97aaf2198c938', class: "pagination__list-item" }, h("swirl-button", { key: '1b7243f892803406be2fa5956def1e79f37fcc04', class: "pagination__next-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-chevron-right></swirl-icon-chevron-right>", iconPosition: "end", intent: "primary", label: this.nextButtonLabel, onClick: this.onNextButtonClick })), h("li", { key: '006a6afdc28d7033fffa3b90e72f2371a22abcd7', class: "pagination__list-item" }, h("swirl-button", { key: 'd409925fbd17f122bd01d32f4d17b71d40f2c414', class: "pagination__last-page-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", intent: "primary", label: this.lastPageButtonLabel, onClick: this.onLastPageButtonClick }))))));
     }
     static get is() { return "swirl-pagination"; }
     static get encapsulation() { return "shadow"; }

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

@@ -252,14 +252,14 @@ export class SwirlPopover {
             "popover--inactive": !this.active,
             "popover--transparent": this.transparent,
         });
-        return (h(Host, { key: '5f8dcfa33c396982ce52e60ed5ad6ee5d3bac988' }, h("div", { key: '0c588f47287aa3332ceefaf070f6c47de1efe773', class: className, onKeyDown: this.onKeydown }, h("div", { key: 'b9e2689de51a542ca2f51c101f372bcc49e12034', "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: 'f3bca2b5bafb8518298ab646ac1c348b5c56b232' }, h("div", { key: '5c035656e06397cec7631204d61faece94c616fb', class: className, onKeyDown: this.onKeydown }, h("div", { key: 'f2d24daa53c0e5165c5c60e38cd872179c5473ba', "aria-hidden": !this.active ? "true" : "false", "aria-label": this.label, class: "popover__content", id: this.popoverId, part: "popover__content", role: "dialog", ref: (el) => (this.contentContainer = el), style: {
                 top: Boolean(this.position) ? `${this.position?.y}px` : "",
                 left: Boolean(this.position) ? `${this.position?.x}px` : "",
-            }, tabindex: "-1" }, h("span", { key: '63b7ed71060f0b5faf60820724c129657b19ef31', class: "popover__handle" }), h("div", { key: 'e1a814188f9959f0d2b129a1847ca419f619ee0b', class: "popover__scroll-container", part: "popover__scroll-container", ref: (el) => (this.scrollContainer = el), style: {
+            }, tabindex: "-1" }, h("span", { key: '4efd18f520572ae456d0e5bbfc3c92a158b771bd', class: "popover__handle" }), h("div", { key: 'fa2c01019b25ec19830887d6ea72f08ca42daf27', 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: '4f88b5d3c4c6438f3ccff081b462fc13dc74bdb9' }))), this.active && (h("div", { key: 'f2d734979792f0cd84d2258008d36bec146fc7b2', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
+            } }, h("slot", { key: '6ea169f4b966c6bef3037e9a1f1d3f39e0bda3b3' }))), this.active && (h("div", { key: 'cadaaf7d7ba1a45bb07bcd41fae23b83e3d95394', 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

@@ -13,7 +13,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: '1775b978f39e6cada5a4f1dd183777c6264f278b', class: this.variant }, this.variant === "bar" && (h("progress", { key: 'aa0728a4cd40ea04b065658ddb8a814ef3014b93', "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: '9f3e31c44e00bb29e058ca3d7f5fb9839b7a58f8', role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className }, h("svg", { key: 'f505f3a9c661f258fec8d47a07b254690a1e159f', class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(radius + strokeWidth) * 2} ${(radius + strokeWidth) * 2}` }, h("circle", { key: 'ed74d368a592b861de6c51310b6f7ee8d228fdcd', class: "progress-indicator__circle-background", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth }), h("circle", { key: '91cb25a49057fc18b8bf2c4d11ad5f33c465bb2e', 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: 'ca77d885b616b669a5033061be8f2f21343a21d7', class: this.variant }, this.variant === "bar" && (h("progress", { key: '71195582ff12f2710703846d15549aa8ceeb3712', "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className, max: 100, value: this.value })), this.variant === "circle" && (h("span", { key: '2d0da5160a59cd6002c8ee9fd2b907b6fe7210bd', role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className }, h("svg", { key: '758e7629cb59f15066e898f5b052d3e861bf4c1d', class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(radius + strokeWidth) * 2} ${(radius + strokeWidth) * 2}` }, h("circle", { key: '3a50b796bdd0d77bfdca2fd6260e98674094e4d4', class: "progress-indicator__circle-background", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth }), h("circle", { key: 'f5a460cc868e4445682312f7ce48e06cc71e95b8', class: "progress-indicator__circle-value", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth, "stroke-dasharray": circumference, "stroke-dashoffset": dashOffset }))))));
     }
     static get is() { return "swirl-progress-indicator"; }
     static get encapsulation() { return "shadow"; }

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

@@ -36,7 +36,7 @@ export class SwirlRadio {
             "radio--invalid": this.invalid,
             "radio--unchecked": unchecked,
         });
-        return (h(Host, { key: '356f0ffb73ee231dd2628b5140e49cb26f9125d2', style: { width: this.variant === "card" ? "100%" : undefined } }, h("label", { key: '2d53f5c89e7b6c1d183c82833aebd53c187bcaf8', class: className, htmlFor: this.inputId }, h("span", { key: 'f24232f655cb662a3bc2e4e7d9fd5fdb207126fa', class: "radio__control" }, h("swirl-visually-hidden", { key: '92af7f54824462774b9979a9c14465b0bd88309c' }, h("input", { key: '53a2420a5939ed9b9ce6154fc1db632a9ecc6998', "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: 'e173e8f8368e57a81c79b6a5579950cf9b7e768c', "aria-hidden": "true", class: "radio__box" })), h("span", { key: '2bfe5599e18cf9e9698c224dcd10fa4c0cb03a3d', class: "radio__label-container" }, this.label && h("span", { key: '821bcfe218c5dc5dbc81fdf43282b772542eef55', class: "radio__label" }, this.label), this.description && (h("span", { key: '45cd8e26727739a330c5332ece9fceef25e98fc1', class: "radio__description", innerHTML: this.description }))))));
+        return (h(Host, { key: '406d97d8e87da8a17bbff7b67cf6ecbf7d908064', style: { width: this.variant === "card" ? "100%" : undefined } }, h("label", { key: '6e4e93dc91ebfb3264226fc58e9322184179698d', class: className, htmlFor: this.inputId }, h("span", { key: '255519514587f38e0e9aa1beb3cee17993ff5cc4', class: "radio__control" }, h("swirl-visually-hidden", { key: '1bb98d55d2caceb15f72a2a82c3a0957a6509d0b' }, h("input", { key: '928992a95349bd917415be1a34c73bacec246bad', "aria-checked": ariaCheckedLabel, "aria-invalid": ariaInvalid, checked: checked, class: "radio__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, type: "radio", value: this.value })), h("span", { key: 'd912ffceed37c2f4201396d74cdff439cb41e735', "aria-hidden": "true", class: "radio__box" })), h("span", { key: 'c3cdad462855597283f685bca62bf7bdef10e04d', class: "radio__label-container" }, this.label && h("span", { key: '56a0225a0c1e8e42e08187f895ddf31745528fa5', class: "radio__label" }, this.label), this.description && (h("span", { key: '844c8355d1f8fc2d679df288fb19a6edc497d009', class: "radio__description", innerHTML: this.description }))))));
     }
     static get is() { return "swirl-radio"; }
     static get encapsulation() { return "scoped"; }

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

@@ -150,7 +150,7 @@ export class SwirlResourceListItem {
             "resource-list-item--wrap-description": this.descriptionWrap,
             "resource-list-item--wrap-label": this.labelWrap,
         });
-        return (h(Host, { key: '65de45c6f1b2e814c181d14c7718ce9facdba2b4', role: "row" }, h("div", { key: '27b7975b8c9d3f829f9b876a258e01a728010de7', class: className, role: "gridcell" }, h(Tag, { key: '4d0dd035d55fd777b89592ccc4313e6a39b2811b', "aria-checked": ariaChecked, "aria-disabled": disabled ? "true" : undefined, "aria-labelledby": this.elementId, class: "resource-list-item__content", 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: '623184a8bf39d95d55daf1c0c73f5b84e9d507c9', class: "resource-list-item__media" }, h("slot", { key: 'cfc8ed03ae602566822d2c93b7ea2029b3ffb440', name: "media" }))), h("span", { key: 'd5d0d1e29135742ce8a6b48570b3d3ea628083fb', class: "resource-list-item__label-container", style: labelContainerStyles }, h("span", { key: '59280c630d28f56312b317389d8421ac83a3e97a', class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : undefined }, !this.allowHtml && this.label), this.description && (h("span", { key: '7cd4a798340b46c1c5e428b3f6b61346a8a59700', class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : undefined }, !this.allowHtml && this.description))), showMeta && (h("span", { key: '545a8080d2266ae7ccf37aafdc01dd227a364bc9', class: "resource-list-item__meta" }, h("span", { key: 'eb0059c448afbfe23f4da04eccf9667b70a4123d', class: "resource-list-item__meta-text" }, this.meta), h("span", { key: '52c77f4fa84d8b464cac63298d1cbd205d8389d0', class: "resource-list-item__badges" }, h("slot", { key: '943ca2932df39769826c385824416cfc6221cbea', name: "badges" }))))), this.selectable && (h("span", { key: 'd6ba61f5818ad98e378b04adde3e0ec823ae75dd', "aria-hidden": "true", class: "resource-list-item__checkbox" }, h("span", { key: '631d841cefde94f598a5ea0d088282ae805e216a', class: "resource-list-item__checkbox-icon" }, this.checked && (h("swirl-icon-check-strong", { key: '9889d6b6ba4c4439c33001700a62586ce9f0b083' }))))), h("span", { key: '36e0b65120eb325e0a6691fb2120a8237d5ce868', class: "resource-list-item__control", onClick: this.onControlClick, ref: (el) => (this.controlContainer = el) }, h("slot", { key: '82a1b86901c6eac56b6e57c37b7972541480e426', name: "control" })), showMenu && (h("swirl-popover-trigger", { key: '68063b35294b8ffa12ea673c434d38113121d35f', swirlPopover: this.menuTriggerId }, h("swirl-button", { key: 'cb00660ea3fb9fdebc4f28c2623e4c9f2afc4877', "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: '9cca689ba73576abfebcb163b2b6af0306b98d2d', "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: '6dd9f13b0fb45dff00b689564f2360eb573923d7', size: this.iconSize })))));
+        return (h(Host, { key: '007dd02e5de6eb43eed280be8d9ac171381611d6', role: "row" }, h("div", { key: 'f8bb8244f8264a7931d1a11c8c189ec23a5e090c', class: className, role: "gridcell" }, h(Tag, { key: 'f65d3c73db39ea39477549fec41f094164b7acfb', "aria-checked": ariaChecked, "aria-disabled": disabled ? "true" : undefined, "aria-labelledby": this.elementId, class: "resource-list-item__content", 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: 'a8251920557048c6dc745ccebf275bb56d257eff', class: "resource-list-item__media" }, h("slot", { key: '1b76ab99b80440c5a3941597c6ae843ca1155b90', name: "media" }))), h("span", { key: '0dbaad3c45f79687f369510a2a2316d7a240ceea', class: "resource-list-item__label-container", style: labelContainerStyles }, h("span", { key: 'ae2de7cce9c28f56587aec5f539607aa7a6e1917', class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : undefined }, !this.allowHtml && this.label), this.description && (h("span", { key: '04df62160bd2531f9e8fd571da30283702d2fa59', class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : undefined }, !this.allowHtml && this.description))), showMeta && (h("span", { key: '20529f3131054e8a8fda42ef55e5861f45e9577c', class: "resource-list-item__meta" }, h("span", { key: '92bf664d9335154929766e6808a290aefceab171', class: "resource-list-item__meta-text" }, this.meta), h("span", { key: '5391c252bc526e9257037944796e7c00994b835e', class: "resource-list-item__badges" }, h("slot", { key: '8d591183dba34e33e85bbf50f0a5b344f08d6061', name: "badges" }))))), this.selectable && (h("span", { key: '303085931b5f773fb858acafcd68dc8982b4380b', "aria-hidden": "true", class: "resource-list-item__checkbox" }, h("span", { key: '7c991940eaeb3f1d903fa1379c9aa08849539d42', class: "resource-list-item__checkbox-icon" }, this.checked && (h("swirl-icon-check-strong", { key: 'bf48f8c8c0e5c573fd6f627115d6b54d3535f852' }))))), h("span", { key: 'c2af6997a43abf73cb7d9ae7c076c36a5218593d', class: "resource-list-item__control", onClick: this.onControlClick, ref: (el) => (this.controlContainer = el) }, h("slot", { key: '80dd98d66ffdf8dae566d4fc1e9c94c0c619faef', name: "control" })), showMenu && (h("swirl-popover-trigger", { key: 'e7e6e3cd659413c2e7dec432c366d9d0585d3183', swirlPopover: this.menuTriggerId }, h("swirl-button", { key: 'fe4e73ee6f18d3a578ef29a2c4d6070407382824', "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: '17061d6ecc880827eff61a03a828f0ec077de165', "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: 'fe93f1d8acf06d512bdff43ad997b9c663e3f47e', 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

@@ -64,7 +64,7 @@ export class SwirlSearch {
         const className = classnames("search", `search--variant-${this.variant}`, {
             "search--disabled": this.disabled,
         });
-        return (h(Host, { key: '9e344f91f91a22e9ca16798c23ddef6cbd2be45f' }, h("span", { key: '35b19da8d567cdb39f3b6fb3b37a304c45f7947b', class: className, ref: (el) => (this.iconEl = el) }, h("swirl-icon-search", { key: '4a44038ca74e7b10d656ad4dc1cd287a5ac32f66', "aria-hidden": "true", class: "search__icon" }), h("input", { key: '52fca9f3a7061ecf476ab11ad07fa04eac393cd7', "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: 'f8f0a775a767c9a0e618179461cdeb9ece66b337', "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, h("swirl-icon-cancel", { key: 'e53c5ea165eb86907884c90aad9233b7492fb622' }))))));
+        return (h(Host, { key: '5bf70e02de79109b2b06f398d3ce1859f76df9e3' }, h("span", { key: '826ecc2b262862f239e554b2185329580cd83a17', class: className, ref: (el) => (this.iconEl = el) }, h("swirl-icon-search", { key: 'adb74eac3160bffcffc8088c1a500f2215967165', "aria-hidden": "true", class: "search__icon" }), h("input", { key: '9b3504f92c7cec190ef9b4a6613d513ebd960e7e', "aria-disabled": this.disabled ? "true" : undefined, "aria-label": this.label, autoComplete: "off", autoFocus: this.autoFocus, class: "search__input", disabled: this.disabled, id: this.inputId, inputMode: "search", name: this.inputName, onBlur: this.onBlur, onChange: this.onChange, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.input = el), type: "search", value: this.value }), !this.disabled && (h("button", { key: 'fe42a660d21d6681cc30e648f7f616e6636446c3', "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, h("swirl-icon-cancel", { key: 'cd55c1ccdb59ab69129e9751dd4d25f0157f585a' }))))));
     }
     static get is() { return "swirl-search"; }
     static get encapsulation() { return "scoped"; }

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

@@ -17,7 +17,7 @@ export class SwirlSeparator {
                 paddingLeft: `var(--s-space-${this.spacing})`,
             };
         const className = classnames("separator", `separator--border-color-${this.borderColor}`, `separator--orientation-${this.orientation}`);
-        return (h(Host, { key: '87c81cdcca6438842cda0271160c6199dc11a948', "aria-orientation": this.orientation, class: className, role: "separator", style: styles }, h("span", { key: 'fad69172988a25a3b1156065b845f524eafb3257', class: "separator__line" })));
+        return (h(Host, { key: '0687a27202c4b760115bf22a21f1e4e3abb13728', "aria-orientation": this.orientation, class: className, role: "separator", style: styles }, h("span", { key: '8d67381b3d052acfc3710064d3f19d104a8fdbd4', class: "separator__line" })));
     }
     static get is() { return "swirl-separator"; }
     static get encapsulation() { return "shadow"; }

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

@@ -10,11 +10,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: 'dbfc23f08900575a026547b16ef9a4ff409545ca', style: {
+        return (h(Host, { key: 'd2dbe289c28013f1e5a3e09beb6e7a7a893d6144', style: {
                 width: !Boolean(this.width) && !Boolean(this.aspectRatio)
                     ? "100%"
                     : undefined,
-            } }, h("div", { key: '967a8b05bfaf1f5c358db0bb3ef353f0fc5c27c6', class: className, style: {
+            } }, h("div", { key: 'd6b77cbe897bd99e91070bb83f2598a6e8d4c09f', class: className, style: {
                 aspectRatio: this.aspectRatio,
                 borderRadius: this.borderRadius !== "pill"
                     ? `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: '3fefdb893eed87b924e019a62a85d44e570ae40a' }, h("div", { key: '798a7745556411beb6d53e60ea4282a498a85392', class: className, part: className }, new Array(this.lines).fill(undefined).map((_, index) => (h("div", { class: lineClassName, key: index, part: lineClassName }))))));
+        return (h(Host, { key: '69157cd4b1f456890f3d60e0710b7c7df75d7995' }, h("div", { key: '4645af2dfd3e79330282cd80cdde83a9409a749f', 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

@@ -7,7 +7,7 @@ export class SwirlSpinner {
     }
     render() {
         const className = classnames("spinner", `spinner--size-${this.size}`);
-        return (h(Host, { key: '4ea81ab74670d86ceeae6be85c1d7fb990473e3b' }, h("span", { key: 'bcea9d763648a7ac9f7dbae31a81345cf50df317', class: className, role: Boolean(this.label) ? "status" : undefined }, h("svg", { key: '63bbf235f8411357d5e2705c68cf84f83125ed89', "aria-hidden": "true", class: "spinner__indicator", focusable: "false", viewBox: "0 0 50 50" }, h("circle", { key: 'cc10ab48253a5d28581c896d9b5c92982fc9b5ca', class: "spinner__background", cx: "25", cy: "25", r: "20", fill: "none", "stroke-width": "4" }), h("circle", { key: '9168d7ec8a294956ab6ea002cbfa20505ac94ec2', class: "spinner__circle", cx: "25", cy: "25", r: "20", fill: "none", "stroke-width": "4" })), this.label && (h("swirl-visually-hidden", { key: 'ee136713b9f6d938698a07a793fa052be33ef1ec' }, h("span", { key: '19360d810ad6a5301a6f8865b7e0a64f4b36bdc9', class: "spinner__label" }, this.label))))));
+        return (h(Host, { key: '185b0f7f5bd1d312e84313cd74756329f2c0446f' }, h("span", { key: '7fa538fca371fccba91fe0efc8736a19b434aeca', class: className, role: Boolean(this.label) ? "status" : undefined }, h("svg", { key: 'bc4ba8502fb217790a74f2c1e05e1390be4ebb03', "aria-hidden": "true", class: "spinner__indicator", focusable: "false", viewBox: "0 0 50 50" }, h("circle", { key: '624fc6202586c08336c466912fe2a516cd57f478', class: "spinner__background", cx: "25", cy: "25", r: "20", fill: "none", "stroke-width": "4" }), h("circle", { key: '88ac6aac1928e6f02e7fd3943a20dc6d9608a575', class: "spinner__circle", cx: "25", cy: "25", r: "20", fill: "none", "stroke-width": "4" })), this.label && (h("swirl-visually-hidden", { key: '154e0577471e232c0e04fd946e658d0ad01ad228' }, h("span", { key: '4fc3f944a02f251592393ec67a57d9e2e58fd53e', class: "spinner__label" }, this.label))))));
     }
     static get is() { return "swirl-spinner"; }
     static get encapsulation() { return "shadow"; }

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

@@ -13,7 +13,7 @@ export class SwirlStack {
     render() {
         const Tag = this.as;
         const className = classnames("stack", `stack--align-${this.align}`, `stack--justify-${this.justify}`, `stack--orientation-${this.orientation}`, { "stack--wrap": this.wrap });
-        return (h(Host, { key: 'abb1e7453f56949da78f787cc919efdf3eb0d6e0', style: { height: this.height } }, h(Tag, { key: '7edebedd12178a98119a6fb79dcb971c8050a6ec', class: className, style: { gap: `var(--s-space-${this.spacing})`, height: this.height } }, h("slot", { key: '73090a7a80f5469adc2f0ba90f6cc29e066a4fb4' }))));
+        return (h(Host, { key: '24ab0f168eba0b98ba7023b8e80da49d0a23a45e', style: { height: this.height } }, h(Tag, { key: '79d1ef08f5268fbe5789c1568461282c7e4097a6', class: className, style: { gap: `var(--s-space-${this.spacing})`, height: this.height } }, h("slot", { key: 'a4f47f46c9ff3b75b9f4d18cc320cd48cdab5d02' }))));
     }
     static get is() { return "swirl-stack"; }
     static get encapsulation() { return "shadow"; }

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

@@ -7,7 +7,7 @@ export class SwirlStatusIndicator {
     }
     render() {
         const className = classnames("status-indicator", `status-indicator--intent-${this.intent}`);
-        return (h(Host, { key: '097aef85995b5de1061c44b92f00cb43fff6ff0a' }, h("div", { key: '6b4c5685ea39ac25aea01f6cff8be8b4b4d7fe75', class: className }, h("span", { key: '69554b422b9c76fb963b7e9c3c36b8a9c2934977', class: "status-indicator__dot" }), h("span", { key: '0d1e23026f740310c798af236f662868f6135df2', class: "status-indicator__label" }, this.label))));
+        return (h(Host, { key: '9f0e9b4f7d3cc04409dc6daaa77be11d8b4fefe7' }, h("div", { key: '6ae100f4aad059d72855d0214901a60d67820457', class: className }, h("span", { key: '31c5883aa6ef6582f5abc00f7f97d7e25bff97b1', class: "status-indicator__dot" }), h("span", { key: '4c5bf98ee5b89260c147351678dae6ddaa04008e', 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

@@ -24,7 +24,7 @@ export class SwirlSwitch {
             "switch--on": on,
             "switch--disabled": this.disabled,
         });
-        return (h(Host, { key: '1262cec53f0e5c69bbb4bfe128268ec3e0bd548a' }, h("label", { key: '82980138871ccfe2b2f645e62f23c4f66b86e7df', class: className, htmlFor: this.inputId }, h("span", { key: '1e44c405fea154510f67f3c15929b81833144b45', class: "switch__control" }, h("swirl-visually-hidden", { key: '5d650fa027a5c5f0a3c4e5ff237ef503e3ec67fa' }, h("input", { key: '6a1f716d991ce5d6d4bd05d849eb01a54817d16a', "aria-checked": ariaCheckedLabel, checked: on, class: "switch__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, role: "switch", type: "checkbox", value: this.value })), h("span", { key: '64c87d8cbb5997c8d9261456719978b999b2328d', "aria-hidden": "true", class: "switch__thumb" })), this.label && !this.hideLabel && (h("span", { key: '1e4e173d8362ad17a6e1d5cbe12ff421fe4ddcab', class: "switch__label" }, this.label)), this.label && this.hideLabel && (h("swirl-visually-hidden", { key: '2f11a9c72341b91ccf06622a72d83ef37c6f1c39' }, this.label)))));
+        return (h(Host, { key: 'b73a0baa355e8c9d735a35e21db0f159ac1464fa' }, h("label", { key: 'd64e138a07f24f7fa242f64708c8bbbca609f7b5', class: className, htmlFor: this.inputId }, h("span", { key: '1cac1350333259d1da98005f12659d6b34b4dbe0', class: "switch__control" }, h("swirl-visually-hidden", { key: '95d140a3410b7f3eb3ffaf63ba803d7105b901a6' }, h("input", { key: '167ca5da2cf126def2e683ad58b1ac34deee90ab', "aria-checked": ariaCheckedLabel, checked: on, class: "switch__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, role: "switch", type: "checkbox", value: this.value })), h("span", { key: '939fc3e8248a03a90c073a2352cae494b3f70732', "aria-hidden": "true", class: "switch__thumb" })), this.label && !this.hideLabel && (h("span", { key: 'cb48d52eb206492642afc9443a4607ecaf000a1f', class: "switch__label" }, this.label)), this.label && this.hideLabel && (h("swirl-visually-hidden", { key: 'c4e32359d986473fb122062777c8f978b45a1fa5' }, this.label)))));
     }
     static get is() { return "swirl-switch"; }
     static get encapsulation() { return "scoped"; }

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

@@ -10,7 +10,7 @@ export class SwirlTab {
     }
     render() {
         const className = classnames("tab", { "tab--active": this.active });
-        return (h(Host, { key: '039c09954838d369d4cac1b644ab5fac92426b78', "aria-labelledby": `tab-${this.tabId}`, id: this.tabId, role: "tabpanel", tabIndex: this.active ? 0 : -1 }, h("div", { key: '5e6b5cc9a9813172450663d48c73ff6aa8b79fe2', class: className, style: { padding: `var(--s-space-${this.padding})` } }, h("slot", { key: '7d458496de5f1d427e99f27fb779babe945c49c4' }))));
+        return (h(Host, { key: '66e47f42bb3d80f2dc0b2564c656df71d353a1d3', "aria-labelledby": `tab-${this.tabId}`, id: this.tabId, role: "tabpanel", tabIndex: this.active ? 0 : -1 }, h("div", { key: '5b88cc86d431aa4baaabdf280ee3503bbca825e6', class: className, style: { padding: `var(--s-space-${this.padding})` } }, h("slot", { key: '30f1dbeaccae338f6dbb99633aa48d275f3a75b2' }))));
     }
     static get is() { return "swirl-tab"; }
     static get encapsulation() { return "shadow"; }

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

@@ -17,7 +17,7 @@ export class SwirlTabBar {
         this.tabs = [];
     }
     render() {
-        return (h(Host, { key: 'fc4f658346077ae3c5bf9c2018a0bfdd7544dd3a' }, h("div", { key: '8257bb3517c2ce5bdf74195974e350922548c2cc', "aria-label": this.label, class: "tab-bar", onKeyDown: this.onKeyDown, role: this.disableTabSemantics ? undefined : "tablist" }, this.tabs.map((tab) => {
+        return (h(Host, { key: '4313606f0cb6043928ba1b873221c2fc43e3dbd0' }, h("div", { key: 'ad4b27c49f6a0e8da48628dbc0fc2db53e050d0e', "aria-label": this.label, class: "tab-bar", onKeyDown: this.onKeyDown, role: this.disableTabSemantics ? undefined : "tablist" }, this.tabs.map((tab) => {
             const className = classnames("tab-bar__tab", {
                 "tab-bar__tab--active": tab.active,
             });

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

@@ -22,7 +22,7 @@ export class SwirlTableColumn {
             maxWidth: this.maxWidth || "",
             minWidth: this.minWidth || "",
         };
-        return (h(Host, { key: '0860ee11f470871129c4a11ef63043d810770091', "aria-sort": this.sort, class: "table-column", role: "columnheader", style: styles }, h("span", { key: '53b2dcdd01d45394dd6e1157c7b53af3a71d4817' }, h("slot", { key: '205514f166aae08b121a2aca2d0165886cb519af' })), this.sortable && (h("span", { key: 'e43739825c670d2a296bd803ea097df0aa83715d', class: "table-column__sort-indicator" }, this.sort === "ascending" && (h("swirl-icon-arrow-upward", { key: '9c2e4b52377abc81f2c4dd34ee964a1571307595', "aria-hidden": "true", size: 20 })), this.sort === "descending" && (h("swirl-icon-arrow-downward", { key: '9651fbc3d2bad5eeb7ed0cad1c7f28e7124f1620', "aria-hidden": "true", size: 20 })), !Boolean(this.sort) && " "))));
+        return (h(Host, { key: '4fac797a0fbaf5bd13c68857a708086a4cf4e6ee', "aria-sort": this.sort, class: "table-column", role: "columnheader", style: styles }, h("span", { key: 'e60434b33312042f5f572f4e27919c0212ed5f0c' }, h("slot", { key: '33e649b664d6113d8f497cbedee8fd186cc0cb96' })), this.sortable && (h("span", { key: 'b621d6748bb81ffc3c4c5c36d5b97867ff4e42f7', class: "table-column__sort-indicator" }, this.sort === "ascending" && (h("swirl-icon-arrow-upward", { key: '358c6f0c54f321e97209f5da1fe6b9f990df0d10', "aria-hidden": "true", size: 20 })), this.sort === "descending" && (h("swirl-icon-arrow-downward", { key: '2b0ec5fbd66ee0a91074d7e9b9707ef3e6c85f09', "aria-hidden": "true", size: 20 })), !Boolean(this.sort) && " "))));
     }
     static get is() { return "swirl-table-column"; }
     static get encapsulation() { return "shadow"; }

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

@@ -16,7 +16,7 @@ export class SwirlTag {
         const className = classnames("tag", `tag--intent-${this.intent}`, `tag--size-${this.size}`, {
             "tag--bordered": this.bordered,
         });
-        return (h(Host, { key: '3496f165393a6aa0a30beb97c21ff8a4ab521f42' }, h("span", { key: '1b44749ea7e053219db5dd6e57724815b63e4767', class: className, part: "tag" }, h("span", { key: 'df66f93c753e26198a1abe4ab59711e02778c442', class: "tag__label" }, this.label), this.removable && (h("button", { key: '0f5419a605e08152604e50f3419968d945e78814', "aria-label": this.removalButtonLabel, class: "tag__removal-button", onClick: this.onRemove, tabIndex: this.el.ariaHidden === "true" ? -1 : undefined, type: "button" }, h("swirl-icon-close", { key: '2ea41a2462e394244e1c02f009f53c61ab62dd8e', size: 16 }))))));
+        return (h(Host, { key: 'a7e7462eac54e144fc9d1d442d33287c480eefce' }, h("span", { key: 'b758ec2a9c31032caa720bfefaf769f3f2cefe6a', class: className, part: "tag" }, h("span", { key: '65c171c46715749bbc22c1ceff96963589e298ac', class: "tag__label" }, this.label), this.removable && (h("button", { key: 'd1ea6ea0df8612c3c4f2a4bb9a4d5b0be5f69279', "aria-label": this.removalButtonLabel, class: "tag__removal-button", onClick: this.onRemove, tabIndex: this.el.ariaHidden === "true" ? -1 : undefined, type: "button" }, h("swirl-icon-close", { key: 'f9d220ded4892a78413f4b5415b3083842fcd0ef', size: 16 }))))));
     }
     static get is() { return "swirl-tag"; }
     static get encapsulation() { return "shadow"; }

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

@@ -52,7 +52,7 @@ export class SwirlText {
         const styles = {
             whiteSpace: truncate ? "nowrap" : this.whiteSpace,
         };
-        return (h(Host, { key: '95b48ea9b31fc3998c73bf81a08f4132a6f6ca2d' }, h(Tag, { key: '1b215e39f34aa46ac6c312f741426e56fa2c92a3', class: className, ref: (el) => (this.textEl = el), style: styles }, h("slot", { key: 'f555ec8d79ee07291e07add6e4f2200b1438bb5e' }))));
+        return (h(Host, { key: '532fc3d60139b1b6c27a3e2713f94e1a3a855d45' }, h(Tag, { key: '944a5502b8d218989035dd89c9ce1f33d0003399', class: className, ref: (el) => (this.textEl = el), style: styles }, h("slot", { key: 'bb53161691a0f57a003360b3437d8c6fc34fd29c' }))));
     }
     static get is() { return "swirl-text"; }
     static get encapsulation() { return "scoped"; }

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

@@ -176,7 +176,7 @@ export class SwirlTextInput {
             "text-input--inline": this.inline,
             "text-input--show-password": this.type === "password" && this.showPassword,
         });
-        return (h(Host, { key: '9c6b8e465aacc0b430d921efed332c3c8caad960' }, h("div", { key: 'c2d84474ab893c7f1b902eb03efaee6b7ec1989a', class: className }, this.prefixLabel && (h("span", { key: '0184f6971b270c4389d2fd0e30faaec3546a209d', class: "text-input__prefix" }, this.prefixLabel)), h(Tag, { key: '22c98797b69a238173095566ee18ee746194b52a', "aria-autocomplete": this.swirlAriaAutocomplete, "aria-controls": this.swirlAriaControls, "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-expanded": this.swirlAriaExpanded, "aria-invalid": ariaInvalid, autoComplete: this.autoComplete, autoFocus: this.autoFocus, class: "text-input__input", disabled: this.disabled, inputMode: this.mode, maxLength: this.maxLength, max: this.type === "number" ? this.max : undefined, min: this.type === "number" ? this.min : undefined, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, onKeyPress: this.onKeyPress, placeholder: !Boolean(this.suffixLabel) ? this.placeholder : undefined, ref: (el) => (this.inputEl = el), required: this.required, role: this.swirlRole, rows: this.rows > 1 ? this.rows : this.autoGrow ? 1 : undefined, spellcheck: this.spellCheck, step: this.type === "number" ? this.step : undefined, type: type, value: this.value }, this.rows > 1 && this.value), this.suffixLabel && (h("span", { key: '5d84435db35ce107a5f5e400f06546cd4777260d', class: "text-input__suffix" }, this.suffixLabel)), showClearButton && (h("button", { key: '2af1c940dcb277a0170b4fc1ed2d4a193efbd2e2', "aria-label": this.clearButtonLabel, class: "text-input__clear-button", onClick: this.clear, part: "text-input__clear-button", type: "button" }, h("swirl-icon-cancel", { key: '657cdb8fab5f887de32ff0d33238f67076205f7c', size: this.iconSize }))), showPasswordToggle && (h("button", { key: 'c69a64b9f4ab0103a87ef09630fc038ec03c2e7d', "aria-label": this.passwordToggleLabel, class: "text-input__password-toggle", onClick: this.togglePassword, type: "button" }, this.showPassword ? (h("swirl-icon-visibility-off", { size: this.iconSize })) : (h("swirl-icon-visibility", { size: this.iconSize })))), showStepper && (h("span", { key: '227b28011bc49ad413c2f89939fea5239fc197c1', class: "text-input__stepper" }, h("button", { key: '4f70c5a9e9ff7e7e4109805275b9d258c1ab6f57', "aria-hidden": "true", class: "text-input__step-button", onClick: this.increaseValue, tabIndex: -1, type: "button" }, h("swirl-icon-expand-less", { key: 'ee223fc15fb936c6eb96f9ba277617b8749dcab5', size: this.iconSize })), h("button", { key: 'd0ca4cdac4c3a5c48e2fafe0a5ebeb365d7049a2', "aria-hidden": "true", class: "text-input__step-button", onClick: this.decreaseValue, tabIndex: -1, type: "button" }, h("swirl-icon-expand-more", { key: '1aa6fc4287ec8652e745a412e35e75b4590b6d61', size: this.iconSize })))), this.showCharacterCounter && (h("span", { key: '9f3a325a74ab32e16aaa582e5ef353e6de09af14', class: "text-input__character-counter" }, this.value?.length || 0, " ", Boolean(this.maxLength) ? `/ ${this.maxLength}` : "")))));
+        return (h(Host, { key: 'c28a27d2de16b8bab0bcbdedeb4577cc3c5926f1' }, h("div", { key: 'de1f6b38914d6dc549145a3a37730689429c9647', class: className }, this.prefixLabel && (h("span", { key: '188008d2d73f51127abe4de37306c82110344b29', class: "text-input__prefix" }, this.prefixLabel)), h(Tag, { key: '2264633163429eb618346241bbc99384a62fd4bb', "aria-autocomplete": this.swirlAriaAutocomplete, "aria-controls": this.swirlAriaControls, "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-expanded": this.swirlAriaExpanded, "aria-invalid": ariaInvalid, autoComplete: this.autoComplete, autoFocus: this.autoFocus, class: "text-input__input", disabled: this.disabled, inputMode: this.mode, maxLength: this.maxLength, max: this.type === "number" ? this.max : undefined, min: this.type === "number" ? this.min : undefined, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, onKeyPress: this.onKeyPress, placeholder: !Boolean(this.suffixLabel) ? this.placeholder : undefined, ref: (el) => (this.inputEl = el), required: this.required, role: this.swirlRole, rows: this.rows > 1 ? this.rows : this.autoGrow ? 1 : undefined, spellcheck: this.spellCheck, step: this.type === "number" ? this.step : undefined, type: type, value: this.value }, this.rows > 1 && this.value), this.suffixLabel && (h("span", { key: '5c226c6d35fe35b226c08182bce3ee479584d3bc', class: "text-input__suffix" }, this.suffixLabel)), showClearButton && (h("button", { key: '0825d6c0aa246d8ec97d0f47ca7a33e7437c69fb', "aria-label": this.clearButtonLabel, class: "text-input__clear-button", onClick: this.clear, part: "text-input__clear-button", type: "button" }, h("swirl-icon-cancel", { key: 'cb6d259a99c490949d946014aaccb9b92dd18a45', size: this.iconSize }))), showPasswordToggle && (h("button", { key: '5638f04a71fac455dc1a2dc9aff4a19ad55bf9b3', "aria-label": this.passwordToggleLabel, class: "text-input__password-toggle", onClick: this.togglePassword, type: "button" }, this.showPassword ? (h("swirl-icon-visibility-off", { size: this.iconSize })) : (h("swirl-icon-visibility", { size: this.iconSize })))), showStepper && (h("span", { key: '6f8f117c6690ea375472c86befa0bc82d5c1b04d', class: "text-input__stepper" }, h("button", { key: '38ddc8bcc00c22f54a4f60195420179bfce8916d', "aria-hidden": "true", class: "text-input__step-button", onClick: this.increaseValue, tabIndex: -1, type: "button" }, h("swirl-icon-expand-less", { key: 'd7445a23fa97ec57672d65f1334be7ac74368347', size: this.iconSize })), h("button", { key: '0295b7bd2bdcb0b3afb431e35c714c01d305eaa5', "aria-hidden": "true", class: "text-input__step-button", onClick: this.decreaseValue, tabIndex: -1, type: "button" }, h("swirl-icon-expand-more", { key: 'ad77b5281090dcf3dbbdc2adaf2147f937be7273', size: this.iconSize })))), this.showCharacterCounter && (h("span", { key: 'c3cdea8f4d70aba88baba76c6c74c39ca83ca367', class: "text-input__character-counter" }, this.value?.length || 0, " ", Boolean(this.maxLength) ? `/ ${this.maxLength}` : "")))));
     }
     static get is() { return "swirl-text-input"; }
     static get encapsulation() { return "scoped"; }

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

@@ -21,7 +21,7 @@ export class SwirlThumbnail {
             "thumbnail--interactive": this.interactive,
             "thumbnail--has-progress": this.progress !== undefined,
         });
-        return (h(Host, { key: '02c9288154ec131fad3edbc0b93268bc58738003' }, h("span", { key: '7dc542fb7ed6f13b2d06900041a3a3a3dcee442a', class: className, role: "group" }, h(ImageWrapper, { key: '616e1606afc68197ecbae9a923f5bc977bc59e0a', class: "thumbnail__image-wrapper", type: this.interactive ? "button" : undefined }, h("img", { key: '3ead0c01cf9206ac02d61290c29c92fba3705169', alt: this.alt, class: "thumbnail__image", loading: "lazy", src: this.src })), this.progress !== undefined && (h("span", { key: '22c290dcb5f87b06e264c66d2bc3f24e753f7504', class: "thumbnail__progress-indicator" }, h("swirl-progress-indicator", { key: '65bdfa58478399f99f7da075ab237d47363685ea', label: this.progressLabel, value: this.progress }))), showRemoveButton && (h("span", { key: 'ed0d62ea257583bc58a48de4b21c73fc09a3ec12', class: "thumbnail__remove-button" }, h("swirl-button", { key: 'a782384d2ddd5ce154052eb7a468ecbb0792cd87', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit, pill: true, variant: "on-image" }))), showTimestamp && (h("span", { key: '3fbf23976306ce956514481611801adafdc5459c', class: "thumbnail__timestamp" }, this.timestamp)))));
+        return (h(Host, { key: 'c57156683aae337861dcd5bc9ac4a4a3834693d0' }, h("span", { key: '7f860b92681aab29bf9ee0fb405659725cfd9d3a', class: className, role: "group" }, h(ImageWrapper, { key: 'ef46386d1a1954e71b8efa5d8adb6a11195b19a8', class: "thumbnail__image-wrapper", type: this.interactive ? "button" : undefined }, h("img", { key: '0fd8a6e29c7be7307225a7efb07023b6e7c21cd4', alt: this.alt, class: "thumbnail__image", loading: "lazy", src: this.src })), this.progress !== undefined && (h("span", { key: 'd03daf08486f6431a265428311781e6ba7f6fd00', class: "thumbnail__progress-indicator" }, h("swirl-progress-indicator", { key: '902cacfb7a276918f17348a770d438f5e8b3ddaa', label: this.progressLabel, value: this.progress }))), showRemoveButton && (h("span", { key: '76857c76c1ea6edd565cde449af823ce44f20d4d', class: "thumbnail__remove-button" }, h("swirl-button", { key: '4524aa7cc50718441f3c3acb75d5dd8bb6abe414', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.removeButtonLabel, onClick: this.remove.emit, pill: true, variant: "on-image" }))), showTimestamp && (h("span", { key: 'b6764d7a85c179b67e31cf4fb765350d873e5f5d', class: "thumbnail__timestamp" }, this.timestamp)))));
     }
     static get is() { return "swirl-thumbnail"; }
     static get encapsulation() { return "shadow"; }

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

@@ -53,7 +53,7 @@ export class SwirlToast {
     }
     render() {
         const className = classnames("toast", `toast--intent-${this.intent}`);
-        return (h(Host, { key: 'c1622ceeb538072212692c8ec31552f4d1fab869' }, h("div", { key: '86b5d008d4a86b0ff1bc0343be1e22f93b1cc8dd', class: className }, this.icon && (h("span", { key: '4b589498166da780a4f77ca091b5a8c26502b2ff', class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (el) => (this.iconEl = el) })), h("span", { key: 'db596b66212f3c4eb80df06805766196fb89e6e4', class: "toast__content", innerHTML: this.content, part: "toast__content" }, h("slot", { key: '34f348b1d6b2a08d53d1ac7cb5a994556d87805e' })), h("button", { key: '9a6dc80768d2c385fd8baf6856f955b86be5b9cb', "aria-label": this.dismissLabel || this.accessibleDismissLabel, class: "toast__dismiss-button", onClick: this.onDismiss, type: "button" }, this.dismissLabel, !Boolean(this.dismissLabel) && (h("swirl-icon-close", { key: 'da00f4f612e5812a23f44e7a7f436d590b652238', ref: (el) => (this.dismissIconEl = el) }))))));
+        return (h(Host, { key: '35695f50ea63a19bb96de63dd68a7667a679356f' }, h("div", { key: 'f8e3c2c30bdd6867274c548e3a745a4a3591b503', class: className }, this.icon && (h("span", { key: '43dea51f1849ccf1c7064b9522d793d0e16f49a4', class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (el) => (this.iconEl = el) })), h("span", { key: '5171e135301ba31ac09e9a5fad3090803e7d82d4', class: "toast__content", innerHTML: this.content, part: "toast__content" }, h("slot", { key: '13a75cb56789364ee8193c571c86b4f752743a8a' })), h("button", { key: 'aeaec3b3e2770da4db5834735cf1d85eb13be6d3', "aria-label": this.dismissLabel || this.accessibleDismissLabel, class: "toast__dismiss-button", onClick: this.onDismiss, type: "button" }, this.dismissLabel, !Boolean(this.dismissLabel) && (h("swirl-icon-close", { key: '039599ec0303620b134c1bc580468a1bf176b066', ref: (el) => (this.dismissIconEl = el) }))))));
     }
     static get is() { return "swirl-toast"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-toast-provider/swirl-toast-provider.js

@@ -49,7 +49,7 @@ export class SwirlToastProvider {
         return newToastWithId;
     }
     render() {
-        return (h(Host, { key: 'be3a6cc246c26c1522b59e08003e66856f558a24', role: "status" }, h("swirl-stack", { key: '48346bb0378ea0c4b9722e30ac37b17ae4ddd439', spacing: "12" }, this.toasts.map((toast) => {
+        return (h(Host, { key: '1db8b2f832869490670c34067ae5fc8e19d7f987', role: "status" }, h("swirl-stack", { key: 'a616e31585de124b6f953151ec71cada1e8f051f', spacing: "12" }, this.toasts.map((toast) => {
             const props = { ...toast, content: undefined };
             return (h("swirl-toast", { key: toast.toastId, onDismiss: this.onDismiss, ...props }, toast.content));
         }))));

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

@@ -66,7 +66,7 @@ export class SwirlToolbar {
         });
     }
     render() {
-        return (h(Host, { key: '22343aaf6671a392716868f0913619f3e67b008f' }, h("swirl-stack", { key: 'a87ee8eb543fc865dd0e893425f0df1ac19be37c', align: "center", "aria-label": this.label, "aria-orientation": this.orientation, role: "toolbar", onKeyDown: this.onKeyDown, orientation: this.orientation, spacing: "8" }, h("slot", { key: '19593191cd91fa105900c4d6c6c8f186a7c7132a' }))));
+        return (h(Host, { key: '93dcf545129b0037257412e87c2a5723a2cbd70c' }, h("swirl-stack", { key: '2200658e9fa82b528b594ac267623fe9bdb4050b', align: "center", "aria-label": this.label, "aria-orientation": this.orientation, role: "toolbar", onKeyDown: this.onKeyDown, orientation: this.orientation, spacing: "8" }, h("slot", { key: '94a5dc9998cfdc6b064c1e749c49663cca87b5d1' }))));
     }
     static get is() { return "swirl-toolbar"; }
     static get encapsulation() { return "shadow"; }

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

@@ -96,7 +96,7 @@ export class SwirlTooltip {
         const className = classnames("tooltip", `tooltip--actual-placement-${this.actualPosition?.placement}`, {
             "tooltip--visible": this.visible,
         });
-        return (h(Host, { key: 'b0719dae99f8b66181aa5b179897e41c3b95ce26', onKeydown: this.onKeydown }, h("span", { key: '133d8504fc0aa3cc03c5c80473760dd75ded0314', class: className }, h("span", { key: '297e5a4a1134752443eb3d04fcdcd443cc5b3eba', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, h("slot", { key: 'b828835d2ef1c913f7e8522a6658477125631679' })), h("span", { key: '72d0bea47330db511feeaa051449d77d406eb4ec', class: "tooltip__popper", ref: (el) => (this.popperEl = el), style: {
+        return (h(Host, { key: '03fbc0a205e7fc6ab4caf3c25153108cb332e94a', onKeydown: this.onKeydown }, h("span", { key: '67440b05dfffb0f797720e0817a19b6eb6a4f648', class: className }, h("span", { key: '7f4e9715d29a88af39b051d705b159c37ffe42f7', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, h("slot", { key: '71d597a32e6a16ae688482a75fa823d09424d2c7' })), h("span", { key: '2e7bf8796bcfa4a0721a578a29e29e6b66d99b64', class: "tooltip__popper", ref: (el) => (this.popperEl = el), style: {
                 top: Boolean(this.actualPosition)
                     ? `${this.actualPosition?.y}px`
                     : "",
@@ -104,7 +104,7 @@ export class SwirlTooltip {
                     ? `${this.actualPosition?.x}px`
                     : "",
                 position: this.positioning,
-            } }, this.visible && (h("span", { key: 'dcc6c9bf1adff51240d807afd28cabf4efc7bb2e', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, h("span", { key: '37ecc6b48ef54423ec078802de2732c8fadc1a4c', class: "tooltip__content", innerHTML: this.content }))), h("span", { key: '4540e1a5474cca2e3f867d7fbdcfaa81adc40983', class: "tooltip__arrow", ref: (el) => (this.arrowElement = el), style: {
+            } }, this.visible && (h("span", { key: 'f9ac600db0ef8778651018a38c69d800b8ed9f59', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, h("span", { key: 'ee843dd7927f410ec0695027cb867e18d3bf1de4', class: "tooltip__content", innerHTML: this.content }))), h("span", { key: '5b2549165b80b6d8389bf1d61d655c34beeb89a8', class: "tooltip__arrow", ref: (el) => (this.arrowElement = el), style: {
                 ...this.arrowStyles,
                 visibility: this.visible ? "visible" : "hidden",
             } })))));