@getflip/swirl-components 0.307.0 → 0.309.0

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

@@ -48,7 +48,7 @@ const SwirlInlineStatus = class {
     }
     render() {
         const className = index$1.classnames("inline-status", `inline-status--intent-${this.intent}`, `inline-status--size-${this.size}`);
-        return (index.h(index.Host, { key: 'b89c28933bfaf10abc6df61372f46cc8d2e3deb1' }, index.h("span", { key: '26877b4b62596a851d4e01f0b646d9fa528ef8cb', class: className, part: "inline-status" }, this.icon && (index.h("span", { key: 'dfb79bb2dd83a3d1966de73079517dd2dabbfd95', class: "inline-status__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), index.h("span", { key: 'ff61f8fed2c5c17cd0822fb3e92e5f1441a5f342', class: "inline-status__message" }, this.message))));
+        return (index.h(index.Host, { key: '0a88d0c6ae1ea21e59558106df07f0b56781b3b9' }, index.h("span", { key: '464198beae05e43ba39e58b749e235108236f840', class: className, part: "inline-status" }, this.icon && (index.h("span", { key: 'ff5338b7c9f67f427145f9d523822dada81122f9', class: "inline-status__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), index.h("span", { key: '02ca291f03390fa7ff043c3d840ce106eb00ace9', class: "inline-status__message" }, this.message))));
     }
 };
 SwirlInlineStatus.style = SwirlInlineStatusStyle0;

package/dist/cjs/swirl-link.cjs.entry.js

@@ -18,7 +18,7 @@ const SwirlLink = class {
     }
     render() {
         const className = index$1.classnames("link", `link--color-${this.color}`);
-        return (index.h(index.Host, { key: 'd4568c6d4832ea626e90811e4e9aa567d169f11f' }, index.h("a", { key: 'e33e8bb64d74d0cf1b2eabd44bea58d8a8eb111d', class: className, href: this.href, part: "link", target: this.target }, this.label)));
+        return (index.h(index.Host, { key: 'c947247a7db288a4199614c300b8a00c9fcf0b8e' }, index.h("a", { key: '084ea33d21df8b16282cfe3182ba3a7c346e56a0', class: className, href: this.href, part: "link", target: this.target }, this.label)));
     }
 };
 SwirlLink.style = SwirlLinkStyle0;

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

@@ -298,7 +298,7 @@ const SwirlMenu = class {
             "menu--mobile": this.mobile,
             "menu--root": isTopLevelMenu,
         });
-        return (index.h(index.Host, { key: '6902b3173cdb663accf161ccbae6ef7e6e7bcf5a' }, index.h("div", { key: '33fecf3dcb700082b1ca08ae37125a6c3d50ab2a', class: className }, this.mobile && isTopLevelMenu && (index.h("div", { key: '10a3926fdb1caf2726df95a4ee4a783dcd61ee19', class: "menu__mobile-header" }, this.activeLevel === 0 && (index.h("swirl-button", { key: '425ae346854eb859d46b028ba72501d6e14ee605', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" })), this.activeLevel > 0 && (index.h("swirl-button", { key: 'add7164401a23532b6e618207d61c868f5455230', hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" })), index.h("span", { key: '8e13f2cb97b571d2e0568ebcff34b0ea8bd55571', class: "menu__title", id: "menu-title" }, index.h("swirl-heading", { key: '7c5a5e3cc7ad96969e4bf7452e0bdb3bb7b97ea5', align: "center", as: "span", level: 4, text: this.label, truncate: true })), index.h("swirl-button", { key: '0bc062508d7f2c31e6bbf1e9bb0cffed63756f9e', class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone }))), index.h("div", { key: '2b0e92f3446b2b9699247d4473bf64ac2a1e25f5', "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, "aria-orientation": "vertical", class: "menu__menu", onKeyDown: this.onKeyDown, ref: (el) => (this.menuContainer = el), role: role, style: !this.mobile && this.level > 0
+        return (index.h(index.Host, { key: '83f70d5349b845bef6adccd0f58d9e4a57b4cbcc' }, index.h("div", { key: '14a968d07eeb887a99923bd0ef0aac01a61031d1', class: className }, this.mobile && isTopLevelMenu && (index.h("div", { key: 'c86dc2a5aa878e38111ff3c2f470ef248fd8b1b6', class: "menu__mobile-header" }, this.activeLevel === 0 && (index.h("swirl-button", { key: '5649253a44cded3c30ae1969b7ae3e97c8245b9b', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" })), this.activeLevel > 0 && (index.h("swirl-button", { key: '734028d72efe05b3677e994aaac7a0b6a1cb832d', hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" })), index.h("span", { key: 'bc1dece60a4294a996c9879530f05864c5051f76', class: "menu__title", id: "menu-title" }, index.h("swirl-heading", { key: '12e72e1a35dc63972d46dffa4d5f5d109bc14d8e', align: "center", as: "span", level: 4, text: this.label, truncate: true })), index.h("swirl-button", { key: '83fc97aa3a41f1eda2d21ad77dba1644d6ebd7be', class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone }))), index.h("div", { key: 'ad57a3e4c7491cf0587f1cf721cdebeb041e4c3e', "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` : "",
@@ -309,7 +309,7 @@ const SwirlMenu = class {
                             ? `calc(-100% * ${this.activeLevel})`
                             : "100%",
                     }
-                    : undefined }, index.h("slot", { key: '0458992fd30bde4b5b3a5fa89322aae6617be081' })))));
+                    : undefined }, index.h("slot", { key: '44b78140f3eb4e6ff05dba7bfcc35bfed3d4001c' })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -183,21 +183,21 @@ const SwirlModal = class {
             "modal--scrolled-down": this.scrolledDown,
             "modal--hide-secondary-content-borders": this.hideSecondaryContentBorders,
         });
-        return (index.h(index.Host, { key: 'd5986c5b634690a170988eaf4c3f2666d8599ef7' }, index.h("section", { key: '10a6e5b73d9c157cd25e38039d77ee8e7ff12937', "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: className, onKeyDown: this.onKeyDown, role: "dialog", ref: (el) => (this.modalEl = el) }, index.h("div", { key: 'c9e4ed93adef76be48c5f9bb3ab0786269dc1609', class: "modal__backdrop", onClick: this.onBackdropClick }), index.h("div", { key: '0c5f32fc2b63202d03547e8ec1d3e0596adc0bbd', class: "modal__body", style: {
+        return (index.h(index.Host, { key: 'e4b904c5de1d433b840fb64727a08178848f75f5' }, index.h("section", { key: '30c98f7b651b90bd8319e82a7191b0a383f8c61c', "aria-hidden": String(!this.isOpen), "aria-label": this.label, "aria-modal": "true", class: className, onKeyDown: this.onKeyDown, role: "dialog", ref: (el) => (this.modalEl = el) }, index.h("div", { key: 'ecbd0ebe5eeb0c5a082aa30e6f8c2d7824025cbf', class: "modal__backdrop", onClick: this.onBackdropClick }), index.h("div", { key: '8448c7466f72d55f33d3fbdd088e01ada1c324eb', class: "modal__body", style: {
                 "--swirl-modal-max-height": this.maxHeight,
                 "--swirl-modal-height": this.height,
                 minHeight: this.minHeight,
                 maxWidth: this.maxWidth,
-            } }, index.h("header", { key: 'c79dbc6427834340bcc7b039fb5709c96352700d', class: "modal__custom-header" }, index.h("slot", { key: 'b479782125b459dda26e994172e853baa4ceb178', name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && (index.h("header", { key: 'cfe589a8da49ea9a0f600f810caf403ef582b141', class: "modal__header" }, index.h("div", { key: '66fe9854fb1ee10e50aa7c0b87d8ccafb3f9b8ca', class: "modal__header-bar" }, !this.hideCloseButton && (index.h("swirl-button", { key: 'e939e27f2ee2652b4d45a1c96528170c001f9596', class: "modal__close-button", hideLabel: true, icon: this.variant === "default"
+            } }, index.h("header", { key: '0b4db998e9c282a6ec5931913462116108432342', class: "modal__custom-header" }, index.h("slot", { key: '9d95bf13fd48127c858205af9946e175f3115879', name: "custom-header" })), (!this.hideLabel || !this.hideCloseButton) && (index.h("header", { key: '994ed51f38c73aa53ad537bac2ccd1ff868e86a0', class: "modal__header" }, index.h("div", { key: 'a443b3ddbef99e51169b86c43d786995af83b52f', class: "modal__header-bar" }, !this.hideCloseButton && (index.h("swirl-button", { key: 'acff63afa51c491f86561864aea7fbb5fe089343', class: "modal__close-button", hideLabel: true, icon: this.variant === "default"
                 ? "<swirl-icon-close></swirl-icon-close>"
-                : "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick })), !this.hideLabel && (index.h("swirl-heading", { key: '7d7b020599456fec2b288c64db7bf7297b9633a4', as: "h2", class: "modal__heading", level: 3, text: this.label }))))), index.h("div", { key: '55d929e0fb6547a8aa12267064756203b4e415f6', class: "modal__content-container", style: {
+                : "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", label: this.closeButtonLabel, onClick: this.onCloseButtonClick })), !this.hideLabel && (index.h("swirl-heading", { key: '59a64d7b2f2aa54b9d0230958c793532abad603f', as: "h2", class: "modal__heading", level: 3, text: this.label }))))), index.h("div", { key: '954d2bc88e8389322c0aba1c8a101b76c7cabf7f', class: "modal__content-container", style: {
                 gap: this.contentGap
                     ? `var(--s-space-${this.contentGap})`
                     : undefined,
-            } }, index.h("div", { key: 'a9dadf9aaf3db2d2253209bdcf942e21c8908c71', class: "modal__primary-content", style: {
+            } }, index.h("div", { key: 'f640f19003b4e66dbadb86a91fd9ac86506bcd86', class: "modal__primary-content", style: {
                 maxWidth: this.primaryContentMaxWidth,
                 flex: this.primaryContentFlex,
-            } }, index.h("div", { key: 'b38cd77ac10886c42e6e2c4187fcfaac0a651288', class: "modal__header-tools" }, index.h("slot", { key: 'e8eebab6396162eeaf98cbd28497d1a9376f65fe', name: "header-tools" })), index.h("div", { key: 'dcc15f6fd97bc2cd66247a252bfe8ebf8cce991d', class: "modal__content", onScroll: this.determineScrollStatus, ref: (el) => (this.scrollContainer = el) }, index.h("slot", { key: 'f6cb80f670f927200e4272c63a3e41dc2ceff4b1' }))), index.h("div", { key: '7a9b27e5860e9fc5fce58d5e6bd6908f9445f20f', class: "modal__secondary-content", style: {
+            } }, index.h("div", { key: '31b768eb74d195a65ed7c868a9e39cdbd17e82a6', class: "modal__header-tools" }, index.h("slot", { key: '2bd16893553f7dcd127375b750b9d74734ace0be', name: "header-tools" })), index.h("div", { key: '106dbc19af36baf68d47cf7f729de4f8d2098ee2', class: "modal__content", onScroll: this.determineScrollStatus, ref: (el) => (this.scrollContainer = el) }, index.h("slot", { key: '388d04d7e8eceaa2a4089e856b01f331818a4ab0' }))), index.h("div", { key: 'b0a3de605ddfbf562d764dfe023605a847637391', class: "modal__secondary-content", style: {
                 maxWidth: this.secondaryContentMaxWidth,
                 flex: this.secondaryContentFlex,
                 padding: Boolean(this.secondaryContentPadding)
@@ -215,7 +215,7 @@ const SwirlModal = class {
                 paddingInlineStart: Boolean(this.secondaryContentPaddingInlineStart)
                     ? `var(--s-space-${this.secondaryContentPaddingInlineStart})`
                     : undefined,
-            } }, index.h("slot", { key: '5a61de257401afee14bb8995a8c18b914b49d31d', name: "secondary-content" }))), index.h("div", { key: '817d415e4691feacccf0d45d053c5140329730de', class: "modal__custom-footer" }, index.h("slot", { key: '232711a7c59c856f6ed02d9144f5562d90ba5557', name: "custom-footer" })), showControls && (index.h("footer", { key: '5e2f295c6332403eff4ded6d82e0d095cb1c7384', class: "modal__controls" }, index.h("swirl-button-group", { key: 'cd7bc4f55a3d5ae1ce5b8ef940fb100aded20d4a', wrap: true }, this.secondaryActionLabel && (index.h("swirl-button", { key: 'acbc7cc5d4d69eda73d5e4ce4d7026542738c0ea', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (index.h("swirl-button", { key: '7250ca62ce5a3db17af28bb18946fbf22823443c', intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" })))))))));
+            } }, index.h("slot", { key: '30c91d39ae2f0eba20b0e85e5f3e9acfcd6c6644', name: "secondary-content" }))), index.h("div", { key: 'a00c5ded240bf0a24838edd0639e314da9ea7b56', class: "modal__custom-footer" }, index.h("slot", { key: 'fc3baad0a518ae59123e50b51b18731336a72c60', name: "custom-footer" })), showControls && (index.h("footer", { key: 'a27898f4786535bde51bcf1123f6f52ba957501f', class: "modal__controls" }, index.h("swirl-button-group", { key: '4ea1bb00e50ba74ec51abfeefd48a1cafc199597', wrap: true }, this.secondaryActionLabel && (index.h("swirl-button", { key: '291b4b24e0dd7d018d65ded6b26984a653a3459b', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (index.h("swirl-button", { key: '9dd9ac2bba231d743f43e06acd65fde2b6536c9e', intent: "primary", label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" })))))))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -405,7 +405,7 @@ const SwirlTag = class {
     }
     render() {
         const className = index$1.classnames("tag", `tag--icon-position-${this.iconPosition}`, `tag--intent-${this.intent}`, `tag--size-${this.size}`, `tag--variant-${this.variant}`);
-        return (index.h(index.Host, { key: '2f782fbec8529dff11436335f22d05aea0b3d277' }, index.h("span", { key: 'a28edcd74329b5ad41a841ea34cf64f5c0a0a3e1', class: className, part: "tag" }, this.icon && (index.h("span", { key: '8e6dd0047b2edc52a9ab0188c8670f229b68426d', class: "tag__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), index.h("span", { key: '7d3d017a67ee0b9381b202270bcd79c942047d48', class: "tag__label" }, this.label), this.removable && (index.h("button", { key: '926527e24d7343df1699d70c8c83680e41a4770a', "aria-label": this.removalButtonLabel, class: "tag__removal-button", onClick: this.onRemove, tabIndex: this.el.ariaHidden === "true" ? -1 : undefined, type: "button" }, index.h("swirl-icon-close", { key: '4eae3d68adee266f586863bbe24cd777fec05a58', size: 16 }))))));
+        return (index.h(index.Host, { key: 'c9e0165b4ce7e54da1e0d8c019c23be5adf36e27' }, index.h("span", { key: '0748b03da59a2462b21032c8433ba7b5ee780098', class: className, part: "tag" }, this.icon && (index.h("span", { key: 'd837bc4fd0095f6c926287e89b1ad511e49cc32e', class: "tag__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), index.h("span", { key: '92387e9fc623f0b2be18509173b51d1e8e90f4c5', class: "tag__label" }, this.label), this.removable && (index.h("button", { key: '8784ddebf3f2b6b5d053ddc1c0780e3127e55028', "aria-label": this.removalButtonLabel, class: "tag__removal-button", onClick: this.onRemove, tabIndex: this.el.ariaHidden === "true" ? -1 : undefined, type: "button" }, index.h("swirl-icon-close", { key: 'da4ca93cd44e44cad789ba517fdec6ffb97ed96d', size: 16 }))))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -92,7 +92,7 @@ const SwirlPagination = class {
         const showDropDown = this.variant === "advanced";
         const ariaPageLabel = `${this.page.toLocaleString()} ${this.pageLabel} ${this.pages.toLocaleString()}`;
         const className = index$1.classnames("pagination", `pagination--variant-${this.variant}`);
-        return (index.h(index.Host, { key: '95314dfd0a8b5e90b76a619f7346615141397305' }, index.h("nav", { key: '6c18c210b12dbf1804faf993c4f1376c7d0c4c3d', "aria-label": this.label, class: className }, index.h("ul", { key: 'f11dad71e50c304ee191a9570e58dbcfc76786ec', class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (index.h("li", { key: '9be5ce454698d7b1401a294d52cd76d08cdc7edb', class: "pagination__list-item" }, index.h("label", { key: 'b49cc78eb4a464cba701fe7ab60b1237cf96c59b', class: "pagination__page-size-selection" }, index.h("swirl-text", { key: '9cc5542e8e8301fe152a24ca89915707d0d2c9e2', whiteSpace: "inherit" }, this.pageSizeSelectLabel), index.h("swirl-stack", { key: '6a6cbb1fb7cf614a133813a590c48ffcd4af82c3', align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, index.h("select", { key: '7067666953c10dd87f34db171bb200d6b0161ee6', class: "pagination__page-size-select", onChange: this.onPageSizeSelect }, this.pageSizeOptions.map((pageSizeOption) => (index.h("option", { key: pageSizeOption, selected: pageSizeOption === this.pageSize, value: pageSizeOption }, pageSizeOption)))), index.h("swirl-icon-expand-more", { key: '12015b74b834bc409efd8fda7329ad6271afc369', "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), index.h("li", { key: 'cdca5d07c7336d17ee50a574bccf26c5768321e5', class: "pagination__list-item" }, index.h("swirl-button", { key: 'c1008a8848e8861add647a30764f23e64c5660f5', class: "pagination__first-page-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-double-arrow-left></swirl-icon-double-arrow-left>", intent: "primary", label: this.firstPageButtonLabel, onClick: this.onFirstPageButtonClick })), index.h("li", { key: '4bfcbc0de6914d05943571ecc209217f0073a31a', class: "pagination__list-item" }, index.h("swirl-button", { key: '7e6aea3a3aa7cf3f41815b480851fff33f74575e', class: "pagination__prev-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", intent: "primary", label: this.prevButtonLabel, onClick: this.onPrevButtonClick })), showPageLabel ? (index.h("li", { class: "pagination__list-item  pagination__page-label" }, index.h("span", null, showDropDown ? (index.h("span", { "aria-current": "page", class: "pagination__advanced-label" }, index.h("input", { "aria-label": this.pageSelectLabel, class: "pagination__page-input", onFocus: this.onFocusPageInput, onInput: this.onPageInput, ref: (el) => (this.pageInput = el), type: "text", value: this.page }), index.h("span", { "aria-hidden": "true" }, this.pageLabel, " ", this.pages.toLocaleString()))) : (index.h("span", { "aria-current": "page" }, ariaPageLabel))))) : (index.h("li", { class: "pagination__list-item" }, index.h("swirl-visually-hidden", null, index.h("span", { "aria-current": "page" }, ariaPageLabel)))), index.h("li", { key: 'b744e76d3606d2f6934a1f7517412f4243f172ec', class: "pagination__list-item" }, index.h("swirl-button", { key: '0dcfad5f369ef6ba697a7b2a9dc30e46b84a6529', class: "pagination__next-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-chevron-right></swirl-icon-chevron-right>", iconPosition: "end", intent: "primary", label: this.nextButtonLabel, onClick: this.onNextButtonClick })), index.h("li", { key: '4e5d81ae84f61d7d50e5b894d03aeaceac8ca031', class: "pagination__list-item" }, index.h("swirl-button", { key: '0dcfc10d5115dd74a89404490a1738f02701494f', class: "pagination__last-page-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", intent: "primary", label: this.lastPageButtonLabel, onClick: this.onLastPageButtonClick }))))));
+        return (index.h(index.Host, { key: '7a705b94e6cd76b7d5b77cc02feecb5d09862492' }, index.h("nav", { key: 'd46b431727566b4d42e08207a5e51fe56aa83e18', "aria-label": this.label, class: className }, index.h("ul", { key: '2dc1add0919da4ad5066a6f4b9ca5ee5eb582bef', class: "pagination__list", part: "pagination__list" }, this.showPageSizeSelect && (index.h("li", { key: '5aa3bb5119f68e8f0077dce716b416d53eea570d', class: "pagination__list-item" }, index.h("label", { key: '2ae66a7c2a3fa24d2dbfd3db5ed6fb60967da896', class: "pagination__page-size-selection" }, index.h("swirl-text", { key: 'eda8aaa2a3038b3adf66c03076d1947a9e89e0ae', whiteSpace: "inherit" }, this.pageSizeSelectLabel), index.h("swirl-stack", { key: '58cf6582285ee8f0a9626869e0dbed9d81cba2b5', align: "center", class: "pagination__page-size-select-container", orientation: "horizontal" }, index.h("select", { key: 'c3abf54743bbfd975778f1e61ad4f2fb6e797cdd', class: "pagination__page-size-select", onChange: this.onPageSizeSelect }, this.pageSizeOptions.map((pageSizeOption) => (index.h("option", { key: pageSizeOption, selected: pageSizeOption === this.pageSize, value: pageSizeOption }, pageSizeOption)))), index.h("swirl-icon-expand-more", { key: '49b492426b7b2c36a3dfd024de18069173bd7859', "aria-hidden": "true", class: "pagination__page-size-select-icon", size: 16 }))))), index.h("li", { key: '8bea9cf4f79d2ebd0db9eb30a8c42e28b9a7078a', class: "pagination__list-item" }, index.h("swirl-button", { key: '77e8f59cedc14dce29d8e133e06427b5086ef16c', class: "pagination__first-page-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-double-arrow-left></swirl-icon-double-arrow-left>", intent: "primary", label: this.firstPageButtonLabel, onClick: this.onFirstPageButtonClick })), index.h("li", { key: 'd2de25731024c9213e632179d922b2b59a36219d', class: "pagination__list-item" }, index.h("swirl-button", { key: '5ec741d705a68764e5c7290d21ea8219ca2acef1', class: "pagination__prev-button", disabled: this.page <= 1, hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", intent: "primary", label: this.prevButtonLabel, onClick: this.onPrevButtonClick })), showPageLabel ? (index.h("li", { class: "pagination__list-item  pagination__page-label" }, index.h("span", null, showDropDown ? (index.h("span", { "aria-current": "page", class: "pagination__advanced-label" }, index.h("input", { "aria-label": this.pageSelectLabel, class: "pagination__page-input", onFocus: this.onFocusPageInput, onInput: this.onPageInput, ref: (el) => (this.pageInput = el), type: "text", value: this.page }), index.h("span", { "aria-hidden": "true" }, this.pageLabel, " ", this.pages.toLocaleString()))) : (index.h("span", { "aria-current": "page" }, ariaPageLabel))))) : (index.h("li", { class: "pagination__list-item" }, index.h("swirl-visually-hidden", null, index.h("span", { "aria-current": "page" }, ariaPageLabel)))), index.h("li", { key: 'd3e859d8ba79ce7aed16c7978e3ab93a9c894438', class: "pagination__list-item" }, index.h("swirl-button", { key: '7418eee457a303c34d1b1d26cb7b9bc7dc5cf4d8', class: "pagination__next-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-chevron-right></swirl-icon-chevron-right>", iconPosition: "end", intent: "primary", label: this.nextButtonLabel, onClick: this.onNextButtonClick })), index.h("li", { key: '2c471d0748a98caad0c10689b7da96eb8bd0e493', class: "pagination__list-item" }, index.h("swirl-button", { key: 'f5cdbfdde8ff4d6fe8720f86f9a04b4ae6976af1', class: "pagination__last-page-button", disabled: this.page >= this.pages, hideLabel: true, icon: "<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>", intent: "primary", label: this.lastPageButtonLabel, onClick: this.onLastPageButtonClick }))))));
     }
 };
 SwirlPagination.style = SwirlPaginationStyle0;

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

@@ -269,14 +269,14 @@ const SwirlPopover = class {
             "popover--transparent": this.transparent,
             "popover--padded": this.padded,
         });
-        return (index.h(index.Host, { key: '8cc2a47b4d323076fa8a99a3103ec05f344cba82' }, index.h("div", { key: '87744921bfbdce95cbae142b5933899aadb70b10', class: className, onKeyDown: this.onKeydown }, index.h("div", { key: 'dbdfc2600405c69444e75f89d49da5c4a3513cb7', "aria-hidden": !this.active ? "true" : "false", "aria-label": this.label, class: "popover__content", id: this.popoverId, part: "popover__content", role: "dialog", ref: (el) => (this.contentContainer = el), style: {
+        return (index.h(index.Host, { key: 'd8cbdbdb982253869bb6408bd14f1817a2506449' }, index.h("div", { key: '0d6f57280fcb4350dc388080f2cc5e5e33ad12ff', class: className, onKeyDown: this.onKeydown }, index.h("div", { key: '74720837e027750b5b34262cf58f99341af2d196', "aria-hidden": !this.active ? "true" : "false", "aria-label": this.label, class: "popover__content", id: this.popoverId, part: "popover__content", role: "dialog", ref: (el) => (this.contentContainer = el), style: {
                 top: Boolean(this.position) ? `${this.position?.y}px` : "",
                 left: Boolean(this.position) ? `${this.position?.x}px` : "",
-            }, tabindex: "-1" }, index.h("span", { key: '5cc7da47b47ec4fbd548450d6bdf52e9bd5f7881', class: "popover__handle" }), index.h("div", { key: 'e7c9b23a67fb304cc6bb12acb754f1b12276b3c5', class: "popover__scroll-container", part: "popover__scroll-container", ref: (el) => (this.scrollContainer = el), style: {
+            }, tabindex: "-1" }, index.h("span", { key: '2dca2dbe6e92663f1c98c6e744923b14362b017c', class: "popover__handle" }), index.h("div", { key: '09db78850fb4c12c63494347dfc21f7255fdc3be', class: "popover__scroll-container", part: "popover__scroll-container", ref: (el) => (this.scrollContainer = el), style: {
                 maxHeight: !mobile && Boolean(this.maxHeight)
                     ? this.maxHeight
                     : undefined,
-            } }, index.h("slot", { key: '24b92c9f4661a7fc0d59e135122599c676125a96' }))), this.active && (index.h("div", { key: 'dd3bf688564c3e89e8ffae934fc36644cc1574aa', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
+            } }, index.h("slot", { key: '6b56b125cbc48e54878a0cf65de66ef316f15e8a' }))), this.active && (index.h("div", { key: '69fcdd4e321b75f945f1e453166494bcd83d29fe', class: "popover__backdrop", onClick: this.onCloseButtonClick })))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -22,7 +22,7 @@ const SwirlProgressIndicator = class {
         const radius = this.size === "m" ? 20 : 10;
         const circumference = Math.round(radius * 2 * Math.PI);
         const dashOffset = Math.round(circumference * ((100 - this.value) / 100));
-        return (index.h(index.Host, { key: '745f511e382e11f52d4b6ac45a88cf655f4d3884', class: this.variant }, this.variant === "bar" && (index.h("progress", { key: '0ff970ba8d7e84870672bea7fde1906797124756', "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className, max: 100, value: this.value })), this.variant === "circle" && (index.h("span", { key: '4f147ff83b14ac372188f6dab2b0c81eadd43f4d', role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className }, index.h("svg", { key: 'ae758909e31ecc6bb03c0493ca7365f619655eb4', class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(radius + strokeWidth) * 2} ${(radius + strokeWidth) * 2}` }, index.h("circle", { key: '5a225ad9bfdd462498fec8a7c54116af078b7366', class: "progress-indicator__circle-background", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth }), index.h("circle", { key: '5be353d2a49a206a0103939add1de1d138fff8e4', class: "progress-indicator__circle-value", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth, "stroke-dasharray": circumference, "stroke-dashoffset": dashOffset }))))));
+        return (index.h(index.Host, { key: '578ec05f9b37f752381de13d03330169a925a9b3', class: this.variant }, this.variant === "bar" && (index.h("progress", { key: 'a689f6e11237953d154362f77c4e481185357da7', "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className, max: 100, value: this.value })), this.variant === "circle" && (index.h("span", { key: '9f7724d4f86d3824dafad1af98ffa0e417b27aa9', role: "progressbar", "aria-label": this.label, "aria-valuemax": 100, "aria-valuemin": 0, "aria-valuenow": this.value, class: className }, index.h("svg", { key: '3ad56ec0bf8fd0b37730ba9972a78ada99e96636', class: "progress-indicator__circle", focusable: "false", viewBox: `0 0 ${(radius + strokeWidth) * 2} ${(radius + strokeWidth) * 2}` }, index.h("circle", { key: '570d5fb7d8db0710a7502d55bfe200e60497a4ec', class: "progress-indicator__circle-background", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth }), index.h("circle", { key: 'da5fe372911c0a1da6b6eea89dc83be5c090a3f1', class: "progress-indicator__circle-value", cx: radius + strokeWidth, cy: radius + strokeWidth, r: radius, fill: "none", "stroke-width": strokeWidth, "stroke-dasharray": circumference, "stroke-dashoffset": dashOffset }))))));
     }
 };
 SwirlProgressIndicator.style = SwirlProgressIndicatorStyle0;

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

@@ -47,7 +47,7 @@ const SwirlRadio = class {
             "radio--invalid": this.invalid,
             "radio--unchecked": unchecked,
         });
-        return (index.h(index.Host, { key: '100c690d5b8866e9e599b27b7238e8c2ca96508c', style: { width: this.variant === "card" ? "100%" : undefined } }, index.h("label", { key: 'ee6153fcd7b9ad8550e56684a7f8dec21f7de261', class: className, htmlFor: this.inputId }, index.h("span", { key: 'b731768b4d62070c5251de30874632f42335e77b', class: "radio__control" }, index.h("swirl-visually-hidden", { key: '79f31821d7a0f4a8f344a1fb51f8c62dd67d3eca' }, index.h("input", { key: 'd6efeabda48e1924cd2cecd60aea7ac4e0c36fa0', "aria-checked": ariaCheckedLabel, "aria-invalid": ariaInvalid, checked: checked, class: "radio__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, type: "radio", value: this.value })), index.h("span", { key: 'c753f129d8506eef1046c9f69b7bc81c87105ee1', "aria-hidden": "true", class: "radio__box" })), index.h("span", { key: '745de19a1dfa1075cfb221681dfb05cbd0ec13ec', class: "radio__label-container" }, this.label && (index.h("span", { key: 'b437c9ad4119f380f5631f7969f3337945bedd9d', class: "radio__label" }, this.label, this.tooltip && (index.h("swirl-tooltip", { key: 'f44d34f76b7319c33c3011c6ff42cc2c8a5776fa', content: this.tooltip, position: "top" }, index.h("swirl-icon-help", { key: '486983643077d2c94989693b83ca972156a28694', color: "default", size: 20, tabIndex: 0 }))))), this.description && (index.h("span", { key: 'd0e68635aa7c7169f763255c0ebe7176282aa335', class: "radio__description", innerHTML: this.description }))))));
+        return (index.h(index.Host, { key: 'ecc529474f53c66deaefcfa989c35c8fece31b8c', style: { width: this.variant === "card" ? "100%" : undefined } }, index.h("label", { key: '1416580b5086d669c956b47ea68a729ff3e4470b', class: className, htmlFor: this.inputId }, index.h("span", { key: '9d2cbfaea6a972d778258746ff272bfa653c6013', class: "radio__control" }, index.h("swirl-visually-hidden", { key: 'f0a0ec302a9e56aa958834e917d356e0421b8227' }, index.h("input", { key: 'b1fe45596defabf0b335c044436d358e38bdc58f', "aria-checked": ariaCheckedLabel, "aria-invalid": ariaInvalid, checked: checked, class: "radio__input", disabled: this.disabled, id: this.inputId, name: this.inputName, onChange: this.onChange, type: "radio", value: this.value })), index.h("span", { key: 'a9c68842a7e405b11f61e40b3ae31ebd591f0b09', "aria-hidden": "true", class: "radio__box" })), index.h("span", { key: '73f46e14cd815a756573ca2cec1a99aeaf4a8335', class: "radio__label-container" }, this.label && (index.h("span", { key: 'f7fcec30c7a707eee1b5316b7fdc9fc4c27ccdab', class: "radio__label" }, this.label, this.tooltip && (index.h("swirl-tooltip", { key: '503b33d790a25dace98c0799f14d0a146f40995b', content: this.tooltip, position: "top" }, index.h("swirl-icon-help", { key: '075e9047be5b42286c02a6a210c31b8ccc467fa4', color: "default", size: 20, tabIndex: 0 }))))), this.description && (index.h("span", { key: 'e4988cd411b219965b544bdfb63c535eae7af3a1', class: "radio__description", innerHTML: this.description }))))));
     }
 };
 SwirlRadio.style = SwirlRadioStyle0;

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

@@ -77,7 +77,7 @@ const SwirlSearch = class {
         const className = index$1.classnames("search", `search--variant-${this.variant}`, {
             "search--disabled": this.disabled,
         });
-        return (index.h(index.Host, { key: 'e5d45423d19b42859c37d8723f6c4761d01f5e1a' }, index.h("span", { key: 'bf261308994baa1c9f8947807b4f0bb7855aa5b2', class: className, ref: (el) => (this.iconEl = el) }, index.h("swirl-icon-search", { key: '8ecb35bf454180c88fce44401df3e7b0a5490c59', "aria-hidden": "true", class: "search__icon" }), index.h("input", { key: '19c729319bbe35fdea7e6f9cc6e88ccf8228f23c', "aria-disabled": this.disabled ? "true" : undefined, "aria-label": this.label, autoComplete: "off", autoFocus: this.autoFocus, class: "search__input", disabled: this.disabled, id: this.inputId, inputMode: "search", name: this.inputName, onBlur: this.onBlur, onChange: this.onChange, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.input = el), type: "search", value: this.value }), !this.disabled && (index.h("button", { key: '4941521c2884c3013140a361bbe45d49ceb8465a', "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, index.h("swirl-icon-cancel", { key: 'a40f27990e564f238f0b826103f3b2274931699a' }))))));
+        return (index.h(index.Host, { key: 'a7859b9a8a23a03beec4af7ec219d9a95fba1f6c' }, index.h("span", { key: '0d9cbb82a89da665b9948c981ea58fe3b68b32ed', class: className, ref: (el) => (this.iconEl = el) }, index.h("swirl-icon-search", { key: '5ae31832e0eb44154c24b1b80f3f6bb05a9ad1fe', "aria-hidden": "true", class: "search__icon" }), index.h("input", { key: '71f71fb17ce330b0b0c98c202986e89182007086', "aria-disabled": this.disabled ? "true" : undefined, "aria-label": this.label, autoComplete: "off", autoFocus: this.autoFocus, class: "search__input", disabled: this.disabled, id: this.inputId, inputMode: "search", name: this.inputName, onBlur: this.onBlur, onChange: this.onChange, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.input = el), type: "search", value: this.value }), !this.disabled && (index.h("button", { key: '74678e90f90c46c438d15862aefc783f20fc698c', "aria-label": this.clearButtonLabel, class: "search__clear-button", onClick: this.clear, type: "button" }, index.h("swirl-icon-cancel", { key: 'dcbc20c37c468c2d243373721fa5ca5868026c48' }))))));
     }
 };
 SwirlSearch.style = SwirlSearchStyle0;

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

@@ -37,7 +37,7 @@ const SwirlShellNavigationItem = class {
         });
         const isLink = Boolean(this.href);
         const Tag = isLink ? "a" : "button";
-        return (index.h(index.Host, { key: 'e311f694f92a065cefac4485d49dd6718ecc83d1' }, index.h("swirl-tooltip", { key: '956d11bd7d650e3b5dc7744f7caf633f390cc7bc', active: this.hideLabel, content: this.label, delay: 100, position: "right", positioning: "fixed" }, index.h(Tag, { key: '98bb1935f8da901a28d4147d2bef3351981524ce', class: tagClassNames, href: this.href, target: this.target, type: isLink ? undefined : "button" }, index.h("span", { key: 'fe5b80378cde4ba899b55171003a1191e0958a92', class: "shell-navigation-item__icon" }, index.h("slot", { key: '1ade7c3a1137b411e6e4ca2caf1b13cf5733f872', name: "icon" })), !this.hideLabel ? (index.h("span", { class: labelClassNames }, this.label)) : (index.h("swirl-visually-hidden", null, index.h("span", { class: labelClassNames }, this.label))), this.badgeLabel !== undefined && this.badgeLabel !== null && (index.h("swirl-badge", { key: '687078dc61fe9a0ab9472a7bffb342fc10d81c53', "aria-label": this.badgeLabel, class: index$1.classnames("shell-navigation-item__badge", {
+        return (index.h(index.Host, { key: 'bd32bf0201b49b02c662883c7076db2089e67735' }, index.h("swirl-tooltip", { key: 'be244fc09bb9bdc2f6007c8c8ab6e6ffcb2fb0ba', active: this.hideLabel, content: this.label, delay: 100, position: "right", positioning: "fixed" }, index.h(Tag, { key: 'ae7ec6c81a060514a60ae806c0c5add495865c3c', class: tagClassNames, href: this.href, target: this.target, type: isLink ? undefined : "button" }, index.h("span", { key: '9d7ffd440141773960fe472ef569dfc27284ac2a', class: "shell-navigation-item__icon" }, index.h("slot", { key: 'e26f718fb90678c20d26ae2bffb100d2b88b2ba4', name: "icon" })), !this.hideLabel ? (index.h("span", { class: labelClassNames }, this.label)) : (index.h("swirl-visually-hidden", null, index.h("span", { class: labelClassNames }, this.label))), this.badgeLabel !== undefined && this.badgeLabel !== null && (index.h("swirl-badge", { key: '30c17677a3e3a6bfe24e2ef5f481fd3a4075db74', "aria-label": this.badgeLabel, class: index$1.classnames("shell-navigation-item__badge", {
                 "shell-navigation-item__badge--dot": this.badgeLabel === "",
             }), label: this.badgeLabel, size: "xs", variant: this.badgeLabel === "" ? "dot" : "default" }))))));
     }

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

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

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

@@ -18,7 +18,7 @@ const SwirlSkeletonText = class {
     render() {
         const className = index$1.classnames("skeleton-text", `skeleton-text--size-${this.size}`, { "skeleton-text--static": !this.animated });
         const lineClassName = index$1.classnames("skeleton-text__line", `skeleton-text__line--size-${this.size}`);
-        return (index.h(index.Host, { key: '576de2c61c6b78efcb91a422cd0f43c3a97ffec1' }, index.h("div", { key: '758c258e1b71d648b5cf919912af7d33da6f74c2', class: className, part: className }, new Array(this.lines).fill(undefined).map((_, index$1) => (index.h("div", { class: lineClassName, key: index$1, part: lineClassName }))))));
+        return (index.h(index.Host, { key: 'cd382b0534a13aaf2d0ddde24de0513a3209612d' }, index.h("div", { key: '58da9cea7cdb232a076234c96e3e948c47822120', class: className, part: className }, new Array(this.lines).fill(undefined).map((_, index$1) => (index.h("div", { class: lineClassName, key: index$1, part: lineClassName }))))));
     }
 };
 SwirlSkeletonText.style = SwirlSkeletonTextStyle0;

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

@@ -16,7 +16,7 @@ const SwirlStatusIndicator = class {
     }
     render() {
         const className = index$1.classnames("status-indicator", `status-indicator--intent-${this.intent}`);
-        return (index.h(index.Host, { key: 'd8b3a19ec64383becc9ff78cdcbbae1181481bf9' }, index.h("div", { key: '563db4438d3768ef4b4fa71d42bd1b832d6bb104', class: className }, index.h("span", { key: '15cd61b247ee6c23654bc8dab8b3ebcde8d302e6', class: "status-indicator__dot" }), index.h("span", { key: '7d23027bbbfda5a314918d8b5cbc32da7941f3f7', class: "status-indicator__label" }, this.label))));
+        return (index.h(index.Host, { key: 'a7dafdd558077fbf887a921d7f94ae65cfe31461' }, index.h("div", { key: '8b1558f6315817f049bb285dc68b091643033c9f', class: className }, index.h("span", { key: '98817ade75457993cfd1f0ee28e5700d0bbf728b', class: "status-indicator__dot" }), index.h("span", { key: '4a41cffe5dddac9b01f6a9593595dd14cfd0ce54', class: "status-indicator__label" }, this.label))));
     }
 };
 SwirlStatusIndicator.style = SwirlStatusIndicatorStyle0;

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

@@ -41,9 +41,9 @@ const SwirlSwitch = class {
             "switch--on": on,
             "switch--disabled": this.disabled,
         });
-        return (index.h(index.Host, { key: '8f255bccd4bc88951c9834b9f8be1c145ef8090c' }, index.h("label", { key: '97d8c29ba3e97195ba83c99d5e16c5a2c7aa2c33', class: className, htmlFor: this.inputId }, index.h("span", { key: '69360f3f113c17fc10eba9b943c299da3faae3d7', class: "switch__control" }, index.h("swirl-visually-hidden", { key: '9f977c34ae2c8b2f70e21e14b93bb3447c92e846' }, index.h("input", { key: '4772b2843ff727c7abb2b54fa1dadda40e2ca459', "aria-checked": ariaCheckedLabel, "aria-label": !this.hideLabel && this.swirlAriaLabel
+        return (index.h(index.Host, { key: '357e35c0bd06c8d76a2263859913d076be428298' }, index.h("label", { key: '94f5c0efcce7ae8559159fc9f644c8a04c5f37b6', class: className, htmlFor: this.inputId }, index.h("span", { key: 'b6d8a72aefb12ed57914ff6f3ea6dbf1fbe8c3e5', class: "switch__control" }, index.h("swirl-visually-hidden", { key: 'a13db6c9deb3a1f8b363ecb57149e0cc4f0a74dc' }, index.h("input", { key: '6efe6d28ea975048a53a8a80644e21d501731f61', "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 })), index.h("span", { key: '5d4d5dd10ca480c3b863c7b862614b019d48eaea', "aria-hidden": "true", class: "switch__thumb" })), this.label && !this.hideLabel && (index.h("span", { key: '54858bc0abd9a3ef7f6db6b2641efdb637ab47da', class: "switch__label" }, this.label)), this.hideLabel && (index.h("swirl-visually-hidden", { key: 'db5bed1cb25def8b8a3751afd0179dc7ad6a2df3' }, this.swirlAriaLabel || this.label)))));
+                : 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 })), index.h("span", { key: '5009c77351d1c5ecf902249c9e22fefeb6faf2b0', "aria-hidden": "true", class: "switch__thumb" })), this.label && !this.hideLabel && (index.h("span", { key: '29782f272dc929f6776b0833db27d604c8496236', class: "switch__label" }, this.label)), this.hideLabel && (index.h("swirl-visually-hidden", { key: '36d2bc8c61fa4d8e6d587367bc43b8ec4899d38c' }, this.swirlAriaLabel || this.label)))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-tab-bar.cjs.entry.js

@@ -72,7 +72,7 @@ const SwirlTabBar = class {
                 ? `var(--s-space-${this.paddingBlockStart})`
                 : undefined,
         };
-        return (index.h(index.Host, { key: 'de865241359c2bf741201641d4e06f3278daae08' }, index.h("div", { key: 'e9a6266e4130a650b231d97e197b22672caa1818', "aria-label": this.label, class: className, onKeyDown: this.onKeyDown, role: this.disableTabSemantics ? undefined : "tablist", style: styles }, this.tabs.map((tab) => {
+        return (index.h(index.Host, { key: '6066d102ed7194ff5612974ad34f4bd4e2762bcf' }, index.h("div", { key: '9cd1f5b63a9f5ceb8b1a5039e6667f4c6ca4d6e0', "aria-label": this.label, class: className, onKeyDown: this.onKeyDown, role: this.disableTabSemantics ? undefined : "tablist", style: styles }, this.tabs.map((tab) => {
             const className = index$1.classnames("tab-bar__tab", {
                 "tab-bar__tab--active": tab.active,
                 "tab-bar__tab--variant-pill": this.variant === "pill",

package/dist/cjs/swirl-tab.cjs.entry.js

@@ -19,7 +19,7 @@ const SwirlTab = class {
     }
     render() {
         const className = index$1.classnames("tab", { "tab--active": this.active });
-        return (index.h(index.Host, { key: '2037d2cac5f6cc280e9b220deb201de3d1a3c7cc', "aria-labelledby": `tab-${this.tabId}`, id: this.tabId, role: "tabpanel", tabIndex: this.active ? 0 : -1, class: className, style: { padding: `var(--s-space-${this.padding})` } }, index.h("slot", { key: '2ec2d7b8afc11b96148c77c350a6c3edf928fa03' })));
+        return (index.h(index.Host, { key: 'b08defd1b30ac10da3384b85eecd617631e285ef', "aria-labelledby": `tab-${this.tabId}`, id: this.tabId, role: "tabpanel", tabIndex: this.active ? 0 : -1, class: className, style: { padding: `var(--s-space-${this.padding})` } }, index.h("slot", { key: 'd5fd5e59ff4a68d580448908b72f15efdb94c0a7' })));
     }
 };
 SwirlTab.style = SwirlTabStyle0;

package/dist/cjs/swirl-table-column.cjs.entry.js

@@ -28,7 +28,7 @@ const SwirlTableColumn = class {
             maxWidth: this.maxWidth || "",
             minWidth: this.minWidth || "",
         };
-        return (index.h(index.Host, { key: 'a1cdd0846167d4e5a7e188e325bf9daeaefd1fed', "aria-sort": this.sort, class: "table-column", role: "columnheader", style: styles }, index.h("span", { key: '2d6ffd6e1b6f34e597192593ea78de45955c93a2' }, index.h("slot", { key: '5496b4565c15a2ad927442c58f1a4de0e6dde751' })), this.sortable && (index.h("span", { key: 'fc76394a478d475590acb7c6f9e79791a688adf2', class: "table-column__sort-indicator" }, this.sort === "ascending" && (index.h("swirl-icon-arrow-upward", { key: '16820ff3a99a76a458ecc8c60c4e77fff34c01f8', "aria-hidden": "true", size: 20 })), this.sort === "descending" && (index.h("swirl-icon-arrow-downward", { key: '6abe392ce6894e4229f7cfa6f0ee59525a7e1d17', "aria-hidden": "true", size: 20 })), !Boolean(this.sort) && " "))));
+        return (index.h(index.Host, { key: '12be8a43ebd5ff73f602be1e7d338e52ed37bf10', "aria-sort": this.sort, class: "table-column", role: "columnheader", style: styles }, index.h("span", { key: '89ad09b2d1f03c5c7aed571bd841b4450bd3ad57' }, index.h("slot", { key: '4cb26535828152ec646c8cfaa5c75258c44f830b' })), this.sortable && (index.h("span", { key: '46bddd37f5de890dcbb1deeefe99a5fe64a1d270', class: "table-column__sort-indicator" }, this.sort === "ascending" && (index.h("swirl-icon-arrow-upward", { key: 'd66664df0691719fd3732748da6974ced8292106', "aria-hidden": "true", size: 20 })), this.sort === "descending" && (index.h("swirl-icon-arrow-downward", { key: '213168a8d1c74d8979b778bc7a1d8f689d9a3655', "aria-hidden": "true", size: 20 })), !Boolean(this.sort) && " "))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-table.cjs.entry.js

@@ -540,7 +540,7 @@ const SwirlTable = class {
         const className = index$1.classnames("table", {
             "table--keyboard-move": this.movingViaKeyboard,
         });
-        return (index.h(index.Host, { key: '09b174be606c7544afc1a0350c34647f250e2887' }, index.h("div", { key: 'c7b8511b628e624344a194729d51be68c8af9549', class: className }, this.enableDragDrop && (index.h("swirl-visually-hidden", { key: 'b9a1b656ad1e2fd141f79de2908ae67e8e620b74' }, index.h("span", { key: '66c94d304dd33f5442a79d68e549e32d6402a693', "aria-live": "assertive" }, this.liveRegionText))), index.h("div", { key: 'a689ca32427b7d052000fb43e73829d56ebd367a', class: "table__container", onFocusin: this.onFocus, onFocusout: this.onBlur, onKeyDown: this.onKeyDown, onScroll: this.onScroll, ref: (el) => (this.container = el), tabIndex: -1 }, index.h("div", { key: '3bc369fd48ef45777b1b5ce58b6f1c17dd5fd722', "aria-describedby": Boolean(this.caption) ? "caption" : undefined, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && (index.h("swirl-visually-hidden", { key: '71092e275836c8b76ae38284c2432756d72fee3e' }, index.h("div", { key: 'dc9ec137ceee0f1a08f888bd88457bc59fb3a201', id: "caption" }, this.caption))), index.h("div", { key: '418110d409e637bf9701df1d9a40154db35105f6', role: "rowgroup" }, index.h("div", { key: '8640b794b24888c60889f53994fe693e239b831b', class: "table__header", role: "row" }, index.h("slot", { key: '5f7d6d8389c03c4380fe7409e174c3796d1cd4ab', name: "columns", onSlotchange: this.onSlotChange }))), index.h("div", { key: 'ad304251fc78b54d92d0fcf99a26710df2ce65fc', class: "table__body", ref: (el) => (this.bodyEl = el) }, index.h("slot", { key: 'd6a34472226e07bd6677c1b41befcff1a6ea164f', name: "rows", onSlotchange: this.onSlotChange }), this.empty && (index.h("div", { key: '0487f619a217e2b960e268843dc29276f05be8f0', class: "table__empty-row", role: "row" }, index.h("div", { key: 'a9eefa63d3bb2dc9a6ae6eb00ae124ed7aae133c', "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, index.h("swirl-text", { key: '541b0683037dcade368dae9133727e015fb53d90', align: "center", size: "sm" }, this.emptyStateLabel))))))))));
+        return (index.h(index.Host, { key: '1447881d1efde84e8841c6d1aff531f7bb024a5a' }, index.h("div", { key: 'dbdc20d96a32973be23fda71e84ea1ce07955b5b', class: className }, this.enableDragDrop && (index.h("swirl-visually-hidden", { key: 'a3fcfa3c03a4fdf24b5fa6d014b3d7236472d873' }, index.h("span", { key: '7c2ce1663e664c58f16342efff083079c8deb040', "aria-live": "assertive" }, this.liveRegionText))), index.h("div", { key: '98e64f304653ea45e912a261077a2e39db3c7caf', class: "table__container", onFocusin: this.onFocus, onFocusout: this.onBlur, onKeyDown: this.onKeyDown, onScroll: this.onScroll, ref: (el) => (this.container = el), tabIndex: -1 }, index.h("div", { key: 'e7a7e24ae63747c6bb0cd3418207fdb4bc65ef82', "aria-describedby": Boolean(this.caption) ? "caption" : undefined, "aria-label": this.label, role: "table", class: "table__table" }, this.caption && (index.h("swirl-visually-hidden", { key: '4537f9b33fae4531eb8a10e0bc136c2cea949423' }, index.h("div", { key: '060dc5318ffe71018a4e6bde3e51cce04769d857', id: "caption" }, this.caption))), index.h("div", { key: '61598f2ba60d9def94e0a7c30a24e3108c67fc93', role: "rowgroup" }, index.h("div", { key: '6fc736dce4c2c50b2fc815b6065123cd9927462c', class: "table__header", role: "row" }, index.h("slot", { key: '4519fee7ab6b45db0f93ffc0921350a1c27b036c', name: "columns", onSlotchange: this.onSlotChange }))), index.h("div", { key: 'c4e8834e738d66abcefca20e22b52e2bc0b68d50', class: "table__body", ref: (el) => (this.bodyEl = el) }, index.h("slot", { key: '1df1d994c3f4f305bd3c6cdddb25fe6c28e560df', name: "rows", onSlotchange: this.onSlotChange }), this.empty && (index.h("div", { key: '87b06f67bf19a91337bd05964aa9435327c366aa', class: "table__empty-row", role: "row" }, index.h("div", { key: '734d97aad4b8b7235e113f1d470ac8fa5ec7a1d9', "aria-colspan": this.getColumns().length, class: "table__empty-row-cell", role: "cell" }, index.h("swirl-text", { key: 'b50a849e4fab6a8fdc100eb5db793fd2cb3aaa77', align: "center", size: "sm" }, this.emptyStateLabel))))))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/swirl-text.cjs.entry.js

@@ -988,7 +988,7 @@ const SwirlText = class {
         const styles = {
             whiteSpace: truncate ? "nowrap" : this.whiteSpace,
         };
-        return (index.h(index.Host, { key: '588cf8450abc88e10fbcb5c4fdfd0fe2bc9dce8e' }, index.h(Tag, { key: '9f273ae090606167af8df32bc75a745f75d9fe39', class: className, ref: (el) => (this.textEl = el), style: styles }, index.h("slot", { key: 'dfe2e1e0d982b56f1fe8d15f26ee47912451e41f' }))));
+        return (index.h(index.Host, { key: '83e1fa2f130305615c7f3b5d0dd2c43be0678f4b' }, index.h(Tag, { key: 'e0722bc8f2d6546b2c67e5e3fa468bfad24d7823', class: className, ref: (el) => (this.textEl = el), style: styles }, index.h("slot", { key: '1b0adbcb9aa029c05cfd9063a0721608ffbe3a1e' }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-toast-provider.cjs.entry.js

@@ -55,7 +55,7 @@ const SwirlToastProvider = class {
         return newToastWithId;
     }
     render() {
-        return (index.h(index.Host, { key: 'bed74179178a76ee81b8cc99f00a0eacc6e65b38', role: "status" }, index.h("swirl-stack", { key: '432034316e9e070b3be979bcc1f064ac62e414a1', spacing: "12" }, this.toasts.map((toast) => {
+        return (index.h(index.Host, { key: '1d56b15f712d5700eedf795fdd056f23829084e1', role: "status" }, index.h("swirl-stack", { key: '1b0caf3ba9b0a659f8584bdae98c9c390c70d6c5', spacing: "12" }, this.toasts.map((toast) => {
             const props = { ...toast, content: undefined };
             return (index.h("swirl-toast", { key: toast.toastId, onDismiss: this.onDismiss, ...props }, toast.content));
         }))));

package/dist/cjs/swirl-toast.cjs.entry.js

@@ -63,7 +63,7 @@ const SwirlToast = class {
     }
     render() {
         const className = index$1.classnames("toast", `toast--intent-${this.intent}`);
-        return (index.h(index.Host, { key: 'e6378b3539a37a6350557437d8855082dc92b0d1' }, index.h("div", { key: '6e383b3f4c4b3d9dec61823f1e06f2efcc2a7cb3', class: className }, this.icon && (index.h("span", { key: '1da6e96a78e1c110e45257e2bf8255c20a78d7a9', class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (el) => (this.iconEl = el) })), index.h("span", { key: '4e3a6f3889ef8f8ed991554bef7dacf907dd7317', class: "toast__content", innerHTML: this.content, part: "toast__content" }, index.h("slot", { key: 'e0c7861f7cd3e018c4aff3013b43e334c68be2c7' })), index.h("button", { key: '53e9d286e244006efa9967265edab176ff22fd7a', "aria-label": this.dismissLabel || this.accessibleDismissLabel, class: "toast__dismiss-button", onClick: this.onDismiss, type: "button" }, this.dismissLabel, !Boolean(this.dismissLabel) && (index.h("swirl-icon-close", { key: 'e5ac25bf77586d6ddfdae077d0e820dde9f57c3f', ref: (el) => (this.dismissIconEl = el) }))))));
+        return (index.h(index.Host, { key: '4e10fb63fb1be2e0ee05b35f4d6e40c5dff1e1ab' }, index.h("div", { key: '9b0a40561f9d22078f18e0ec648ec98a4ff26eeb', class: className }, this.icon && (index.h("span", { key: '8ec71ba2f631cd0c92f5082512064a68324ea85c', class: "toast__icon", innerHTML: this.icon, part: "toast__icon", ref: (el) => (this.iconEl = el) })), index.h("span", { key: 'aa25c8b4b915f399ebc3ee43c8b43af31e74f4ee', class: "toast__content", innerHTML: this.content, part: "toast__content" }, index.h("slot", { key: '51b7fd7dd4a5ba1cf323c7535e3efdcd05fbbf9e' })), index.h("button", { key: '68dd43b53a9a600db3c0380b0432221746d9fca3', "aria-label": this.dismissLabel || this.accessibleDismissLabel, class: "toast__dismiss-button", onClick: this.onDismiss, type: "button" }, this.dismissLabel, !Boolean(this.dismissLabel) && (index.h("swirl-icon-close", { key: 'b1eae00996c672014fc04ddef4f3a3f79408ccbf', ref: (el) => (this.dismissIconEl = el) }))))));
     }
     static get watchers() { return {
         "duration": ["watchDuration"]

package/dist/cjs/swirl-toolbar.cjs.entry.js

@@ -75,7 +75,7 @@ const SwirlToolbar = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '81fa47de9bb8693b6eafb6e3bce5e0fc4b8cac1a' }, index.h("swirl-stack", { key: 'c73865391642535344946625b368891bb5d68153', align: "center", "aria-label": this.label, "aria-orientation": this.orientation, role: "toolbar", onKeyDown: this.onKeyDown, orientation: this.orientation, spacing: "8", wrap: true }, index.h("slot", { key: '5cf3d0a4b92756bb7aee03fea5d80ca3870b0ef7' }))));
+        return (index.h(index.Host, { key: '30b6d8f6f1839d8f1e6f230004d956b08833c72a' }, index.h("swirl-stack", { key: '9e3ff8f6292c3078f70bb08dc484bc3b164165cc', align: "center", "aria-label": this.label, "aria-orientation": this.orientation, role: "toolbar", onKeyDown: this.onKeyDown, orientation: this.orientation, spacing: "8", wrap: true }, index.h("slot", { key: '8655dd29f8f179f46f0a7fcf3ed496b674787590' }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-tooltip.cjs.entry.js

@@ -119,7 +119,7 @@ const SwirlTooltip = class {
             "tooltip--active": this.active,
             "tooltip--visible": this.visible,
         });
-        return (index.h(index.Host, { key: '0a7e33b01ce2677d7d5d5ba8eb19fa6f87bfbb89', onKeydown: this.onKeydown }, index.h("span", { key: 'b6ae12ef412da3f7e9aadb80504897feb717f598', class: className }, index.h("span", { key: '8cc43a0ff22d82156725def8b69778d48953fa0d', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, index.h("slot", { key: '3ec1c0b5d64b1db5f7fa7785157a0288c6e23b7d' })), index.h("span", { key: 'd52c1d0de7fa4196b5e606156b6c7acc2ef91484', class: "tooltip__popper", ref: (el) => (this.popperEl = el), style: {
+        return (index.h(index.Host, { key: 'f31fd2aa5375d28837f288d8ebe183a731cf8fb4', onKeydown: this.onKeydown }, index.h("span", { key: '941bd6dfebb68021f54a76a46cfc70cb56bf11a8', class: className }, index.h("span", { key: 'b609d1874e7d8fd6fe5012e50bd207c5f62a4105', class: "tooltip__reference", "aria-describedby": "tooltip", onFocusout: this.hide, onClick: this.hide, onFocusin: this.show }, index.h("slot", { key: 'a5c4cad650b61caa840a48cdb2b5a6a4caaf4ba0' })), index.h("span", { key: '33817affedade39695357af7be30c49b10aefe64', class: "tooltip__popper", ref: (el) => (this.popperEl = el), style: {
                 top: Boolean(this.actualPosition)
                     ? `${this.actualPosition?.y}px`
                     : "",
@@ -127,7 +127,7 @@ const SwirlTooltip = class {
                     ? `${this.actualPosition?.x}px`
                     : "",
                 position: this.positioning,
-            } }, this.visible && (index.h("span", { key: 'eb70f7d5a40b3ad57d6d440352a69b71885e49dc', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, index.h("span", { key: '0ff4ec684f32d9dcb9db6da1b847acb899b9a1aa', class: "tooltip__content", innerHTML: this.content }))), index.h("span", { key: '8ebbf0e179465a476203f35504715220a816b431', class: "tooltip__arrow", ref: (el) => (this.arrowElement = el), style: {
+            } }, this.visible && (index.h("span", { key: 'e06042a958d0b44b0fdc265bb8cfd604238c62bd', class: "tooltip__bubble", id: "tooltip", part: "tooltip__bubble", role: "tooltip" }, index.h("span", { key: '39c15558c4e5913c3027ef8b39fd233cc1083199', class: "tooltip__content", innerHTML: this.content }))), index.h("span", { key: 'b01230c6d816f50db3c50fa1d2fd05cce4ffbe72', class: "tooltip__arrow", ref: (el) => (this.arrowElement = el), style: {
                 ...this.arrowStyles,
                 visibility: this.visible ? "visible" : "hidden",
             } })))));

package/dist/cjs/swirl-tree-view-item.cjs.entry.js

@@ -334,13 +334,13 @@ const SwirlTreeViewItem = class {
             "tree-view-item--disable-drag": this.disableDrag,
             "tree-view-item--has-tags": hasTags,
         });
-        return (index.h(index.Host, { key: '41d20f1600cf454930a6b5c3f9015484ad3444e2', id: this.itemId, role: "none" }, index.h("li", { key: '50893313cff01f2b631731643cbca4df13483e83', class: className, role: "none" }, index.h("a", { key: '80300bce973b614c4ec28df291a6d1770590db71', "aria-current": this.active ? "page" : undefined, "aria-expanded": !hasChildren ? undefined : String(this.expanded), "aria-level": this.level + 1, "aria-owns": hasChildren ? `${this.itemId}-children` : undefined, "aria-selected": String(this.selected), class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, onKeyDown: this.onKeyDown, ref: (el) => (this.link = el), role: "treeitem", tabIndex: this.selected ? 0 : -1 }, !this.disableDrag && this.enableDragDrop && (index.h("span", { key: '40214998f6dcb971f98180d435f8e25e3044438c', class: "tree-view-item__drag-handle" }, index.h("swirl-icon-drag-handle", { key: '3aec21f677d64c57dbfe3719aa1dcb73ce04715c', size: 20 }))), this.expandable && (index.h("span", { key: '051975e396b9cbaa379ddbea9fd56e73c3b026d1', class: "tree-view-item__toggle-icon" }, hasChildren && (index.h(index.Fragment, { key: '39e552987eead89174c0db2f6a069d53e13e3f3a' }, this.expanded ? (index.h("swirl-icon-expand-more", { onClick: this.onClickCollapse, size: 24 })) : (index.h("swirl-icon-chevron-right", { onClick: this.onClickExpand, size: 24 })))))), Boolean(this.icon) && (index.h(index.Fragment, { key: '854ef9036f6c1e8c46cc32f63c48d3606f9d651b' }, index.h("span", { key: 'a120297ef20a63aab2131da4ee3062aa46283f07', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (index.h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), index.h("span", { key: '0f62e8b9000ab3b894ca411ce077ffcdd5fe71a6', class: "tree-view-item__label" }, this.label), index.h("span", { key: 'e8a782b652b8dbd13265895de2c8d2cae49cf104', class: "tree-view-item__tags" }, index.h("slot", { key: '5d997a72f3513a1edc127a56d911d4ff70a5829a', name: "tags" }))), index.h("ul", { key: '823a2819c181b6582c2a4410ca8d8d097c32c399', "aria-label": this.label, class: `tree-view-item__children ${shouldShowChildrenDropZone
+        return (index.h(index.Host, { key: 'b7a9a348e6aea87330021e1d4bd6c23bce87196a', id: this.itemId, role: "none" }, index.h("li", { key: 'f63bf1e904992c75614073b14c239ceb837c0d86', class: className, role: "none" }, index.h("a", { key: 'a3eed8176cf650199ff47beecc9ab3db72cd2317', "aria-current": this.active ? "page" : undefined, "aria-expanded": !hasChildren ? undefined : String(this.expanded), "aria-level": this.level + 1, "aria-owns": hasChildren ? `${this.itemId}-children` : undefined, "aria-selected": String(this.selected), class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, onKeyDown: this.onKeyDown, ref: (el) => (this.link = el), role: "treeitem", tabIndex: this.selected ? 0 : -1 }, !this.disableDrag && this.enableDragDrop && (index.h("span", { key: 'b92d3dc5e256553dcc489f40969a75797ed850fc', class: "tree-view-item__drag-handle" }, index.h("swirl-icon-drag-handle", { key: '758de6c0e75c5c7d342ff6c8bddfc34178ec4b99', size: 20 }))), this.expandable && (index.h("span", { key: '38ea673596ef76945ccb548a9573ddc76c8aa12f', class: "tree-view-item__toggle-icon" }, hasChildren && (index.h(index.Fragment, { key: 'e12035858cd3f23d9edbd70df6f39360cacd21b7' }, this.expanded ? (index.h("swirl-icon-expand-more", { onClick: this.onClickCollapse, size: 24 })) : (index.h("swirl-icon-chevron-right", { onClick: this.onClickExpand, size: 24 })))))), Boolean(this.icon) && (index.h(index.Fragment, { key: '08399862cbc5ea59de04939af5e768e059e7881e' }, index.h("span", { key: 'c14a6f49ff5ab0a1a004e6e6e350386b858666a9', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (index.h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), index.h("span", { key: '7062600b06dcb6b1a91b034656450bd3776d9d23', class: "tree-view-item__label" }, this.label), index.h("span", { key: 'e6d7ab95934e1eddf8dec2563f41085a5bf562eb', class: "tree-view-item__tags" }, index.h("slot", { key: 'f59e1293462306863b1d8f72b4a431c605f6a1d7', name: "tags" }))), index.h("ul", { key: '3b032c7783b94f607f998a139592f6132de40e9b', "aria-label": this.label, class: `tree-view-item__children ${shouldShowChildrenDropZone
                 ? "tree-view-item__children--drop-zone"
                 : ""}`, id: `${this.itemId}-children`, ref: (el) => (this.childList = el), role: "group", style: {
                 display: (!this.expanded || !hasChildren) && !shouldShowChildrenDropZone
                     ? "none"
                     : undefined,
-            } }, index.h("slot", { key: '08d2f0a4b7e33b50b6f6907a3c1c5fce5a4fbd1e' })))));
+            } }, index.h("slot", { key: 'e53c108764aa69c9f588447b658a22fe13db3bd8' })))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/swirl-tree-view.cjs.entry.js

@@ -329,7 +329,7 @@ const SwirlTreeView = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'fb8d4895d37cc0e06b72cc278f83a70719604b99' }, this.enableDragDrop && (index.h("swirl-visually-hidden", { key: 'b71aee2c203ea29c975a5d5e10c8b3f9e0adfdfe' }, index.h("span", { key: '3e3fec89b78cf756eaac54112e0322b04ecfdec9', "aria-live": "assertive" }, this.liveRegionText))), index.h("ul", { key: 'cf797589426c10f03c61aaac92a6ec38c58ed451', "aria-label": this.label, class: "tree-view", onFocusin: this.onFocus, onFocusout: this.onBlur, role: "tree", ref: (el) => (this.listElement = el), tabIndex: -1 }, index.h("slot", { key: '8a6033ea8c15e2ca5929d19a08fe325d4dd5f33b', onSlotchange: this.onSlotChange }))));
+        return (index.h(index.Host, { key: '439479abe7637e30013e1e052e158245d0243ca4' }, this.enableDragDrop && (index.h("swirl-visually-hidden", { key: '242fc0be8404eb8a3f4d322d019af88d043fb424' }, index.h("span", { key: '805333a7d57cdf977fb30cd7cf27fcdfea651b74', "aria-live": "assertive" }, this.liveRegionText))), index.h("ul", { key: 'e8204ae95e46ab629de5d814578134fee52a0a87', "aria-label": this.label, class: "tree-view", onFocusin: this.onFocus, onFocusout: this.onBlur, role: "tree", ref: (el) => (this.listElement = el), tabIndex: -1 }, index.h("slot", { key: '1867ad4bb8916ca3b5caf36ad51bb623c221a4cf', onSlotchange: this.onSlotChange }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {