@getflip/swirl-components 0.427.1 → 0.428.0

package/dist/esm/swirl-app-layout_5.entry.js

@@ -327,14 +327,14 @@ const SwirlAppLayout = class {
             "app-layout--sidebar-scrollable": this.sidebarScrollState.scrollable,
             "app-layout--sidebar-scrolled-to-top": this.sidebarScrollState.scrolledToTop,
         });
-        return (h(Host, { key: 'eb8949dfef55d2fde5a76065fce685b810d33d5c' }, h("section", { key: '61dc2f5c81e035a002c90975a60ffd82c24d7e4a', "aria-labelledby": "app-name", class: className }, h("div", { key: '4ac1714569f7602dbeb1baaf18ac44ec44293612', class: "app-layout__grid" }, h("header", { key: '59a0e94fe07855d34475de6cbd5bbfd88692a601', class: "app-layout__header", ref: (el) => (this.headerEl = el) }, h("span", { key: 'f1eb3e5d09cfc38b451ce3f14b89bda36e33ce24', class: "app-layout__navigation-mobile-menu-button" }, h("slot", { key: 'bec667bff21caeb061d44e099a4dbf4052136a46', name: "navigation-mobile-menu-button" })), this.collapsibleNavigation && (h("span", { key: 'b423f4024de14a63c6851a0a8d02835c93b824c0', class: "app-layout__nav-overlay-toggle" }, h("swirl-button", { key: '6e48109a1b82105a44d059fbe444fea3450d63a2', hideLabel: true, icon: this.navExpansionState !== "expanded"
+        return (h(Host, { key: '0970730a8b11319c50969d6d6e7f217dcf56e2f0' }, h("section", { key: '06d420b7d6bfe12422b52e2cdcb8fa8a2ed0fbac', "aria-labelledby": "app-name", class: className }, h("div", { key: 'b50a9beffae3145861ed4b71705fe673f5d10043', class: "app-layout__grid" }, h("header", { key: '04c3f7e4b7cb227cca2e9a15e262ddc9874032e1', class: "app-layout__header", ref: (el) => (this.headerEl = el) }, h("span", { key: '67ba8ba5394d42ba1f96ccb3258aefb8acce87c9', class: "app-layout__navigation-mobile-menu-button" }, h("slot", { key: '8795a4b7ac5a63bdd1f838c6ba1d0314cfa33dc9', name: "navigation-mobile-menu-button" })), this.collapsibleNavigation && (h("span", { key: '0a11ae6739ed9863837da26a60a5f524ca2215ea', class: "app-layout__nav-overlay-toggle" }, h("swirl-button", { key: 'e0670ebab68aaefd7342a31b0a2c139f181c4cf1', hideLabel: true, icon: this.navExpansionState !== "expanded"
                 ? "<swirl-icon-dock-left-expand></swirl-icon-dock-left-expand>"
-                : "<swirl-icon-dock-left-collapse></swirl-icon-dock-left-collapse>", label: this.navigationToggleLabel, onClick: this.toggleNavigation }))), this.showNavigationBackButton && (h("span", { key: 'c5545a9627143fc599d9b58e7271fa1fe6d53eb1', class: "app-layout__navigation-back-button" }, h("swirl-button", { key: 'e490271f648938e38a7a50d729fd229d12d4c222', hideLabel: true, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.navigationBackButtonLabel, onClick: this.onNavigationBackButtonClick }))), h("swirl-heading", { key: '08f95e5b3fec5ad2bcafa7601031d207a8de1143', as: "h1", class: "app-layout__app-name", headingId: "app-name", level: 3, text: this.appName }), navigationActive && (h("span", { key: 'f121c177c16e139b1a1922538e7e05f0dfe011bd', class: "app-layout__navigation-controls" }, h("slot", { key: 'fd32f8f788ade8228d5fdb18a7b91c523737dfa1', name: "navigation-controls" })))), h("nav", { key: '1248d7273cf45afe28c6340ab886128ee1ff436c', "aria-label": this.navigationLabel, class: "app-layout__navigation", onScroll: this.onNavScroll, ref: (el) => (this.navEl = el), inert: this.isDesktop &&
+                : "<swirl-icon-dock-left-collapse></swirl-icon-dock-left-collapse>", label: this.navigationToggleLabel, onClick: this.toggleNavigation }))), this.showNavigationBackButton && (h("span", { key: 'df74e59b27c2e15ffc532826ac69794df187ece9', class: "app-layout__navigation-back-button" }, h("swirl-button", { key: 'ca4e1610d7566b66ebe6958f8ec6f89d4a84554c', hideLabel: true, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.navigationBackButtonLabel, onClick: this.onNavigationBackButtonClick }))), h("swirl-heading", { key: '7ca7f6ca8a69fead26966a6b224966f4404351da', as: "h1", class: "app-layout__app-name", headingId: "app-name", level: 3, text: this.appName }), navigationActive && (h("span", { key: '3d1205492f28588558a5e1d1c1948c4da7870c46', class: "app-layout__navigation-controls" }, h("slot", { key: 'f97090b47f524589e4d86e293e92ce2e001503dd', name: "navigation-controls" })))), h("nav", { key: '9b2f944843bcee7c5322b728ea26fcc7d8ed990f', "aria-label": this.navigationLabel, class: "app-layout__navigation", onScroll: this.onNavScroll, ref: (el) => (this.navEl = el), inert: this.isDesktop &&
                 this.collapsibleNavigation &&
-                this.navExpansionState === "collapsed" }, h("slot", { key: 'e3d31de62116c2502fa0cc75e0f48f4a92e23dd0', name: "navigation" })), h("section", { key: 'bb471de6661b141740ed944a974a7255652f61a6', "aria-labelledby": "app-name", class: "app-layout__body" }, !this.hideAppBar && (h("header", { key: '6f0a1be2bbd1b8dc14d9e2730bd810f1cacfd5ab', class: "app-layout__app-bar" }, h("span", { key: 'cefce3643ed43b33cdda7bbe281789f91a1d8def', class: "app-layout__app-bar-mobile-menu-button" }, h("slot", { key: '0ba663eca9abba47daaf5a13a7addd46585dd08b', name: "app-bar-mobile-menu-button" })), showBackToNavigationButton && (h("span", { key: '4b94a76cc64f3ae96c86ac0a25d11a562cb6aa53', class: "app-layout__back-to-navigation-button" }, h("swirl-button", { key: 'bedcd705d3ca07fe73dc79a7adb5e79e809ae785', hideLabel: true, icon: this.transitionStyle === "dialog"
+                this.navExpansionState === "collapsed" }, h("slot", { key: 'a3fa785458acf70951cf209062e9f91bfec49db4', name: "navigation" })), h("section", { key: '3649f14cce3bdf275bc7325680b4c193085272f7', "aria-labelledby": "app-name", class: "app-layout__body" }, !this.hideAppBar && (h("header", { key: '401b6adeda9ed569d8a6c37f381fed0623a34701', class: "app-layout__app-bar" }, h("span", { key: '7b60e9abca35a3c6ab900e8d882116e8b22ce730', class: "app-layout__app-bar-mobile-menu-button" }, h("slot", { key: '44c01881cb2c4799942609ca43f2ead4de855859', name: "app-bar-mobile-menu-button" })), showBackToNavigationButton && (h("span", { key: '63a89ec584fa6a21a5cf4be3fdf15e84df01b03a', class: "app-layout__back-to-navigation-button" }, h("swirl-button", { key: '5d05136bb74adcc5a404bdb74533636777f3b598', hideLabel: true, icon: this.transitionStyle === "dialog"
                 ? "<swirl-icon-close></swirl-icon-close>"
                 : "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.backToNavigationViewButtonLabel, onClick: this.onBackToNavigationViewButtonClick }))), this.collapsibleNavigation &&
-            this.navExpansionState !== "expanded" && (h("span", { key: '99adbd6650078539621a6884793e64ba044b6646', class: "app-layout__nav-expansion-toggle" }, h("swirl-button", { key: '4ea5ed060a8e7efee35b3d1b5de7ccd1af32de03', hideLabel: true, icon: "<swirl-icon-hamburger-menu></swirl-icon-hamburger-menu>", label: this.navigationOverlayLabel, onClick: this.overlayNavigation }))), h("span", { key: '8ea3e463bb2ad41206434f6b293dd67da3e186cc', class: "app-layout__custom-app-bar-back-button" }, h("slot", { key: 'b205d6a0327a50e8f1791ef19c8d4cb9315f905d', name: "custom-app-bar-back-button" })), h("div", { key: '7414753194ec2dc3c6a0f60da27de941e190d349', class: "app-layout__app-bar-content" }, h("slot", { key: 'b52b5076f947fed0426de729ec18f646f68b35c1', name: "app-bar" })), h("div", { key: 'e56899ce667e14b241844ce55da6ba338fe4fc90', class: "app-layout__app-bar-controls" }, h("slot", { key: '28707829d5ee17b2882d0c587c03e615422d1947', name: "app-bar-controls" })))), h("div", { key: '496269c6949574286ff5d6e8e1e50296c01d507b', class: "app-layout__banner" }, h("slot", { key: 'c285eafc8639bf66edeaa67eef5b3c0de7e71e5f', name: "banner" })), h("div", { key: 'c3dd8baeac2c48fdf3b79416195f5dcd2ca0df59', class: "app-layout__content", onScroll: this.onContentScroll, ref: (el) => (this.contentEl = el) }, h("slot", { key: '57435665b3608f5a9031aeed0308c49515e9ac2a', name: "content" })), h("div", { key: 'edc97d2b61b68536877982d2c5ec289efed2163a', class: "app-layout__bottom-bar" }, h("slot", { key: '8a1b088fbc8650244ae8bf362c038f43b52c0ffe', name: "bottom-bar" }))), h("aside", { key: '6842d4bc92d94f23b648790d19051a3a8b63b8a4', class: "app-layout__sidebar" }, h("header", { key: '0977d1b8b6c05e635893b035173af9d3058e318b', class: "app-layout__custom-sidebar-header" }, h("slot", { key: 'b197716cf684ea3ad8ac428df32dd2624c8e62fb', name: "custom-sidebar-header" })), h("header", { key: '2f472aad9cd1c147bf105d8cd5c822e9b965a27a', class: "app-layout__sidebar-header" }, h("swirl-button", { key: '9548fb42fcc989051a5b59804f07682e5cac94b5', class: "app-layout__sidebar-close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick }), h("swirl-heading", { key: '2371ee3fea450ae0ed0f29da6c98450d9be007aa', as: "h3", class: "app-layout__sidebar-heading", headingId: "sidebar-heading", level: 3, text: this.sidebarHeading })), h("div", { key: '9dfc2bd99e1aefda97fcde986e0a9098d9769053', class: "app-layout__sidebar-content", onScroll: this.onSidebarScroll, ref: (el) => (this.sidebarEl = el) }, h("slot", { key: 'ef66d2d21e9e88352d3d06d7b96c640b4f285d58', name: "sidebar" }))), h("span", { key: 'dec530362f006b1e56f4aa5551771f0c47f2256c', class: "app-layout__floating-action-button" }, this.ctaLabel && (h("swirl-button", { key: 'cf894821c9a06588d1e15cd579e71b6df72e0f1f', hideLabel: Boolean(this.ctaIcon), icon: this.ctaIcon, intent: "primary", label: this.ctaLabel, onClick: this.onCtaClick, variant: "floating" })), h("slot", { key: '71fbf843e649d7669073bb2ebf460fed833c9e2f', name: "floating-action-button" }))))));
+            this.navExpansionState !== "expanded" && (h("span", { key: '0426043d85f25bd9581b2046215dba5cc50ee24c', class: "app-layout__nav-expansion-toggle" }, h("swirl-button", { key: '5b64b49937d180b23de6435351a0b7498562b2f7', hideLabel: true, icon: "<swirl-icon-hamburger-menu></swirl-icon-hamburger-menu>", label: this.navigationOverlayLabel, onClick: this.overlayNavigation }))), h("span", { key: 'eaa0172b442211086532a15fae6bb99b70dafab6', class: "app-layout__custom-app-bar-back-button" }, h("slot", { key: '86177f0040e21c020b2d88a2e11cc1f2045d9bcf', name: "custom-app-bar-back-button" })), h("div", { key: 'ff317fc8d6a4f75b81db2f4c6867d1259a9e2cc6', class: "app-layout__app-bar-content" }, h("slot", { key: '59a8e892b40e1b56acc3f33cb956d1a588670a5e', name: "app-bar" })), h("div", { key: '2244b236929f9de30d18f886b2992187b1f9baf8', class: "app-layout__app-bar-controls" }, h("slot", { key: 'c5fae8b152e14275cb09b7db637ea8ca64932648', name: "app-bar-controls" })))), h("div", { key: '85a6875e28ec691f659cbee27e299bca2048ff67', class: "app-layout__banner" }, h("slot", { key: '9790312e956f47faca3c1c4b04a6b1422a889498', name: "banner" })), h("div", { key: 'd33ae32d0644d24027423eb9dc9ba94c54b0070b', class: "app-layout__content", onScroll: this.onContentScroll, ref: (el) => (this.contentEl = el) }, h("slot", { key: '9e615a708ac9ae2817a680e868c70d4a9ec3d075', name: "content" })), h("div", { key: 'd173a40d98a1d8cd6b93135d9a6984afc6487813', class: "app-layout__bottom-bar" }, h("slot", { key: '10a8422834710d9b15dea188d0f8b24dab14887e', name: "bottom-bar" }))), h("aside", { key: '0da3e8a8bf7be2c6ae12ebf89b6fc91f4d9a27a2', class: "app-layout__sidebar" }, h("header", { key: 'da7303d27a7c9d65a3d3dd7ec9799f7ea8b63dd8', class: "app-layout__custom-sidebar-header" }, h("slot", { key: 'fd8fc8403066c85dd26ed414afded579928da657', name: "custom-sidebar-header" })), h("header", { key: 'addfa87cef788f272e586e3a02b0f47be414cc58', class: "app-layout__sidebar-header" }, h("swirl-button", { key: '7daf54726d77b5a9656dd888d32d4c111746e59e', class: "app-layout__sidebar-close-button", hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick }), h("swirl-heading", { key: 'c743c2b1049f87a5c81b99ddc836f4a2b9b08561', as: "h3", class: "app-layout__sidebar-heading", headingId: "sidebar-heading", level: 3, text: this.sidebarHeading })), h("div", { key: '9443e3843d55af79d62c949b8df53a6a1f27a4e9', class: "app-layout__sidebar-content", onScroll: this.onSidebarScroll, ref: (el) => (this.sidebarEl = el) }, h("slot", { key: '0b5eff0be0d4e98ed2755b412d8783fe25d8d809', name: "sidebar" }))), h("span", { key: 'a1487ea686f593c4b117a9eb74fe61fe8b516336', class: "app-layout__floating-action-button" }, this.ctaLabel && (h("swirl-button", { key: '02d61ee5b96263295218ed0b99cb8b93d1e06df0', hideLabel: Boolean(this.ctaIcon), icon: this.ctaIcon, intent: "primary", label: this.ctaLabel, onClick: this.onCtaClick, variant: "floating" })), h("slot", { key: '7f1e9ae5a5cbf12e28b12d8e7227fee017f6f532', name: "floating-action-button" }))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -502,7 +502,12 @@ const SwirlResourceList = class {
         this.setupDragDrop();
     }
     async resetFocus() {
-        this.focusItemAtIndex(0);
+        this.focusedIndex = 0;
+        this.removeItemsFromTabOrder();
+        this.enableItemFocus(this.items[0]);
+        if (Boolean(this.controllingElement)) {
+            this.items[0]?.setAttribute("aria-selected", "true");
+        }
     }
     collectItems() {
         this.items = Array.from(this.el.querySelectorAll("swirl-resource-list-item, swirl-resource-list-file-item, [data-resource-list-item]")).filter((el) => el.isConnected);
@@ -637,7 +642,7 @@ const SwirlResourceList = class {
         });
     }
     render() {
-        return (h(Host, { key: '98f45a8d8b5cc4003f1d7ed06d71c061cec06f0e', onKeyDown: this.onKeyDown }, h("swirl-visually-hidden", { key: 'fb72cd19ad37d070627a04790349db185aa85311', role: "alert" }, this.assistiveText), h("swirl-box", { key: 'f22dbb645ac8487c10a4e0eabf6cf93148293b2a', paddingBlockEnd: this.paddingBlockEnd ?? this.padding, paddingBlockStart: this.paddingBlockStart ?? this.padding, paddingInlineEnd: this.paddingInlineEnd ?? this.padding ?? "8", paddingInlineStart: this.paddingInlineStart ?? this.padding ?? "8" }, h("swirl-stack", { key: '0f4b66adf43ea0a2c9c0f5f9c6eb505f3867c0d4', "aria-label": this.label, class: "resource-list", id: this.listId, ref: (el) => (this.gridEl = el), role: this.semantics, spacing: this.spacing }, h("slot", { key: 'fd9aebf7999133fad7728572ceea8a960d131561' })))));
+        return (h(Host, { key: 'c5af3fd4370507bef16ce55a3b84d85af31f078b', onKeyDown: this.onKeyDown }, h("swirl-visually-hidden", { key: 'a9dabda6978fd25ae7935ebd32bc8c6f2bf69c0c', role: "alert" }, this.assistiveText), h("swirl-box", { key: '84be9867bb177363e521ceae2e3d88f30190f7c2', paddingBlockEnd: this.paddingBlockEnd ?? this.padding, paddingBlockStart: this.paddingBlockStart ?? this.padding, paddingInlineEnd: this.paddingInlineEnd ?? this.padding ?? "8", paddingInlineStart: this.paddingInlineStart ?? this.padding ?? "8" }, h("swirl-stack", { key: '653b385591f17a947321d8b8a1b601593696939c', "aria-label": this.label, class: "resource-list", id: this.listId, ref: (el) => (this.gridEl = el), role: this.semantics, spacing: this.spacing }, h("slot", { key: '59a9b433f649275c6c7027ab05fdae108cd51b7d' })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -777,7 +782,7 @@ const SwirlResourceListItem = class {
         const labelContainerStyles = {
             minHeight: this.labelMinHeight ?? undefined,
         };
-        const renderLabel = () => (h("span", { key: '456937219836a03b3ba530651a9ba998eb3ff94a', class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : undefined }, !this.allowHtml && this.label));
+        const renderLabel = () => (h("span", { key: '4ea7c31f515f297a49d3e4ae457f141d10207d32', class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : undefined }, !this.allowHtml && this.label));
         const className = classnames("resource-list-item", `resource-list-item--label-weight-${this.labelWeight}`, {
             "resource-list-item--active": this.active,
             "resource-list-item--checked": this.checked,
@@ -794,7 +799,7 @@ const SwirlResourceListItem = class {
             "resource-list-item--wrap-description": this.descriptionWrap,
             "resource-list-item--wrap-label": this.labelWrap,
         });
-        return (h(Host, { key: '5e219d76695a4da7bf79bc9633458fecb3c62bd4', role: hostRole }, h("div", { key: '3181014b2bcd13b526f0f9ef97565f1741092a5e', class: className, role: containerRole, onClick: this.onClick }, h(Tag, { key: '884eb377d159ca27d6c4b910396079d79ebad398', "aria-checked": ariaChecked, "aria-current": this.swirlAriaCurrent, "aria-disabled": disabled ? "true" : undefined, "aria-label": ariaLabel, "aria-labelledby": Boolean(this.swirlAriaLabel) ? undefined : this.elementId, class: "resource-list-item__content", style: { alignItems: this.alignItems }, href: href, disabled: disabled, 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: '9fbb4e40f3ae30ab20de1158a98dd3eba00ed5a7', class: "resource-list-item__media" }, h("slot", { key: 'ff081cbbb6c59f8abbe5b55fbbc3aed5ec9e384f', name: "media" }))), h("span", { key: 'b78decc6d7af7d75a1cbfdbaeb7772be7d2dd0bf', class: "resource-list-item__label-container", style: labelContainerStyles }, this.labelTooltip ? (h("swirl-tooltip", { content: this.labelTooltip, position: this.labelTooltipPosition, positioning: "fixed" }, renderLabel())) : (renderLabel()), this.description && (h("span", { key: '2931b024dcd40d1126d8c946c084f1fb5a036bc1', class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : undefined }, !this.allowHtml && this.description)))), this.selectable && (h("span", { key: '9d4fe19be8a1dfc05eaf841642f03367e67b6d74', "aria-hidden": "true", class: "resource-list-item__checkbox" }, h("span", { key: '1f79174a3ee884a30a2cf83d81c31d8da38b81cf', class: "resource-list-item__checkbox-icon" }, this.checked && (h("swirl-icon-check-strong", { key: '83a0774b0ab0b848ab31f3e6cafe9c146357f85a' }))))), showMeta && (h("span", { key: '18ac365c9c325a58f175203a7fd3e3025383b9c0', class: "resource-list-item__meta" }, this.meta && (h("span", { key: '4dc039188cc27210f96db356c8275553b514a57c', class: "resource-list-item__meta-text" }, this.meta)), h("span", { key: '078acb55e67266e6085434247b867486851b3034', class: "resource-list-item__badges" }, h("slot", { key: '42997d7d4d6fa541b9c32585cb25262bc3a5462f', name: "badges" })))), h("span", { key: '31277cac4909dd730219e2cbbd6fb7d51034183b', class: "resource-list-item__control", onClick: this.onControlClick }, h("slot", { key: '5791b48876500556518c0df22e85d88ee976b393', name: "control" })), showMenu && (h("swirl-popover-trigger", { key: '7fccd8bf33586a1ae4892dbe6d2662eaa8da044a', swirlPopover: this.menuTriggerId }, h("swirl-button", { key: 'c6faf02343c996d173cefc176d2e6fd15f8565d9', "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: '5da6502573950fe925e837e7697a6a5f3b077a17', "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: 'b5462438b512295433eb34c402e3dd5a785c6eb0', size: this.iconSize })))));
+        return (h(Host, { key: '088ed55cf56852341a0374b37f0b5f024fc72035', role: hostRole }, h("div", { key: '8ec9769f5c90136c3a86ea5a967f8e87a8a88973', class: className, role: containerRole, onClick: this.onClick }, h(Tag, { key: '134b9a1a9645d97447937ab7e3501f48aab9cb9f', "aria-checked": ariaChecked, "aria-current": this.swirlAriaCurrent, "aria-disabled": disabled ? "true" : undefined, "aria-label": ariaLabel, "aria-labelledby": Boolean(this.swirlAriaLabel) ? undefined : this.elementId, class: "resource-list-item__content", style: { alignItems: this.alignItems }, href: href, disabled: disabled, 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: '269e9e19598891a53fe896840fec876aba5f096c', class: "resource-list-item__media" }, h("slot", { key: 'e676975dec132755e9492d4f14e271f0371d030c', name: "media" }))), h("span", { key: '0c597785a34fc0d6362f3e80b98802c3d732e0b7', class: "resource-list-item__label-container", style: labelContainerStyles }, this.labelTooltip ? (h("swirl-tooltip", { content: this.labelTooltip, position: this.labelTooltipPosition, positioning: "fixed" }, renderLabel())) : (renderLabel()), this.description && (h("span", { key: '2dd25de843ee96dfe2c9352e3e4e4b8659de7e9d', class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : undefined }, !this.allowHtml && this.description)))), this.selectable && (h("span", { key: 'a9da2a1442ea6adfaba6027dc11f6a5a84453ad4', "aria-hidden": "true", class: "resource-list-item__checkbox" }, h("span", { key: 'f76cef21e8fb5387f34e99fd3765a19c179faf7e', class: "resource-list-item__checkbox-icon" }, this.checked && (h("swirl-icon-check-strong", { key: 'bebb799ffa8ee3fc6275f61451e80ae4c4fe1ce6' }))))), showMeta && (h("span", { key: '04dd2f96b4e64ae93f015ecb85cd384a2c0890a2', class: "resource-list-item__meta" }, this.meta && (h("span", { key: '57f895be000f5fd1c62ab6f2b0b6ddc89fbdce60', class: "resource-list-item__meta-text" }, this.meta)), h("span", { key: '91efc58635fb8efcf2c652059b6cf63fcdae28f4', class: "resource-list-item__badges" }, h("slot", { key: '8c3c18cbc29e8bc931ad0c41b6d5e5ef5fd7554a', name: "badges" })))), h("span", { key: '66802320e490115b2e653a91ffa4b2da7e8415a0', class: "resource-list-item__control", onClick: this.onControlClick }, h("slot", { key: 'acb0bf6a1c293a6f83021c069afc90c26efdb655', name: "control" })), showMenu && (h("swirl-popover-trigger", { key: '2b3d071301fff6629bead54ba951c5cb9ff6472b', swirlPopover: this.menuTriggerId }, h("swirl-button", { key: '05a78400347d5b4861b6a8865f733b0bb93361ff', "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: '39bfbf3b67ee035fb415f1c309db2471007c8f7d', "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: 'c474e283823ad5a849e343cdfdc0cdaa31deb277', size: this.iconSize })))));
     }
     get el() { return getElement(this); }
 };

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

@@ -192,17 +192,17 @@ const SwirlAutocomplete = class {
         const className = classnames("autocomplete", {
             "autocomplete--inactive": !this.active,
         });
-        return (h(Host, { key: '6ac4eb7a1f520ca9292004fb07da32ada3268808' }, h("div", { key: '4a5d55d90fa0ab8387f67b30dca24225c577b32f', class: className, onKeyDown: this.onKeyDown }, this.multiSelect &&
+        return (h(Host, { key: '36f37cea5fdd7151673aa5c8ad30f652a1769609' }, h("div", { key: 'f1457ce0ea13ea7a769cd1de3eb3bf4cf2b9549b', class: className, onKeyDown: this.onKeyDown }, this.multiSelect &&
             Array.isArray(this.value) &&
-            this.value.length > 0 && (h("div", { key: 'a22265baff3265c999a162647c2216ea5cb1969e', class: "autocomplete__multi-select-tags" }, h("swirl-stack", { key: '5619bc2bd934857c663efd58c91b9eaaf0207e63', orientation: "horizontal", spacing: "8", wrap: true }, this.value.map((item) => {
+            this.value.length > 0 && (h("div", { key: '7b5b831a06dd7270386f857d198178a92e118580', class: "autocomplete__multi-select-tags" }, h("swirl-stack", { key: 'c5bf0b5bf1252f9bd8368917a27d9927e3b2c7c0', orientation: "horizontal", spacing: "8", wrap: true }, this.value.map((item) => {
             return (h("swirl-tag", { key: item.id, label: item.label,
                 // eslint-disable-next-line react/jsx-no-bind
                 onRemove: () => this.onRemoveValue(item.id), removable: !this.disabled }));
-        })))), h("swirl-text-input", { key: 'a691e9b3aa419b8bdf3a0927d4ae171ada91aecf', autoSelect: this.autoSelect, class: "autocomplete__input", clearable: clearable, clearButtonLabel: this.clearButtonLabel, disabled: this.disabled, disableDynamicWidth: true, id: this.id, inline: this.inline, invalid: this.invalid, onInputFocus: this.onFocus, onKeyDown: this.onInputKeyDown, onValueChange: this.onChange, maxLength: this.maxLength, mode: this.mode, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, spellCheck: this.spellCheck, swirlAriaAutocomplete: "list", swirlAriaControls: suggestionsMenuId, swirlAriaDescribedby: this.swirlAriaDescribedby, swirlAriaExpanded: String(this.active), swirlRole: "combobox", value: valueLabel }), h("div", { key: 'd6d85b173b4b889422deed9d26b2a3edd2558383', class: "autocomplete__listbox-container", onFocusout: this.onFocusOut, ref: (el) => (this.listboxContainerEl = el), style: {
+        })))), h("swirl-text-input", { key: 'f41ec2b57444ff45d75e039dad609d7b2ebf6d17', autoSelect: this.autoSelect, class: "autocomplete__input", clearable: clearable, clearButtonLabel: this.clearButtonLabel, disabled: this.disabled, disableDynamicWidth: true, id: this.id, inline: this.inline, invalid: this.invalid, onInputFocus: this.onFocus, onKeyDown: this.onInputKeyDown, onValueChange: this.onChange, maxLength: this.maxLength, mode: this.mode, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, spellCheck: this.spellCheck, swirlAriaAutocomplete: "list", swirlAriaControls: suggestionsMenuId, swirlAriaDescribedby: this.swirlAriaDescribedby, swirlAriaExpanded: String(this.active), swirlRole: "combobox", value: valueLabel }), h("div", { key: 'a940d9511351d965da89de983885eb0d8819f977', class: "autocomplete__listbox-container", onFocusout: this.onFocusOut, ref: (el) => (this.listboxContainerEl = el), style: {
                 top: Boolean(this.position) ? `${this.position?.y}px` : "",
                 left: Boolean(this.position) ? `${this.position?.x}px` : "",
                 width: `${this.inputEl?.getBoundingClientRect().width + 32}px`,
-            } }, this.loading && (h("div", { key: '61d3b7a03a79c66c7dbb8885ff3a95d57badc19f', class: "autocomplete__spinner" }, h("swirl-spinner", { key: '666f366558c17cb9d57fdc36ddaf95862706d04c' }))), this.suggestions.length > 0 && (h("swirl-option-list", { key: 'db951c479c16b6fe1ead86e5c46de0431237937f', allowDeselect: this.multiSelect === true, label: this.menuLabel, multiSelect: this.multiSelect, onValueChange: this.onSelect, optionListId: suggestionsMenuId, ref: (el) => (this.listboxEl = el), value: optionListValue }, this.suggestions.map((suggestion) => (h("swirl-option-list-item", { selected: Array.isArray(this.value)
+            } }, this.loading && (h("div", { key: 'bdcc2ec3441fa97915ac8d1ed4348a0c59101708', class: "autocomplete__spinner" }, h("swirl-spinner", { key: '08a8eeb925fcc515f76ae0d7edae2c5fc01f409f' }))), this.suggestions.length > 0 && (h("swirl-option-list", { key: '79b71e2f6aaabef56558d95229dc24ee26cb4056', allowDeselect: this.multiSelect === true, label: this.menuLabel, multiSelect: this.multiSelect, onValueChange: this.onSelect, optionListId: suggestionsMenuId, ref: (el) => (this.listboxEl = el), value: optionListValue }, this.suggestions.map((suggestion) => (h("swirl-option-list-item", { selected: Array.isArray(this.value)
                 ? this.value.some((item) => item.id === suggestion.id)
                 : this.value?.id === suggestion.id, key: suggestion.id, disabled: suggestion.disabled, label: suggestion.label, value: suggestion.id })))))))));
     }

package/dist/esm/swirl-avatar-group.entry.js

@@ -46,7 +46,7 @@ const SwirlAvatarGroup = class {
             "avatar-group--has-badge": Boolean(this.badge),
         });
         const badgeClassName = classnames("avatar-group__badge");
-        return (h(Host, { key: '80ef04fc01bcb5a27be72df7b75b5eccafd5f37e' }, h("div", { key: '7b0e71b53bb51f19ee8f5c77cb06806e954f09db', "aria-label": this.label, class: className, role: this.semantics }, h("slot", { key: 'f6019296267d3f15dcccb384cd3603d43de20715', onSlotchange: this.onSlotChange }), this.badge && (h("span", { key: '384004e7139037578d3cb2565ba7d97bb61ca499', class: badgeClassName, innerHTML: this.badge, ref: (el) => (this.badgeEl = el) })))));
+        return (h(Host, { key: 'ecb3e29c9099096fa82191e661f08223bf2a3137' }, h("div", { key: '6850ef790d715e45dc36ef60c9739398ada1e903', "aria-label": this.label, class: className, role: this.semantics }, h("slot", { key: '6d80247f5e0eae13ea4a2864e15c850178d190b8', onSlotchange: this.onSlotChange }), this.badge && (h("span", { key: 'cf23f016b1548812fca69315100479aad2563056', class: badgeClassName, innerHTML: this.badge, ref: (el) => (this.badgeEl = el) })))));
     }
 };
 SwirlAvatarGroup.style = swirlAvatarGroupCss;

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

@@ -116,7 +116,7 @@ const SwirlAvatar = class {
         });
         const badgeClassName = classnames("avatar__badge", `avatar__badge--position-${this.badgePosition}`);
         const toolClassName = classnames("avatar__tool", `avatar__tool--position-${this.toolPosition}`);
-        return (h(Host, { key: '78142f3405ea341ccd54bb0de79d58f4336d0e71', "aria-label": this.interactive ? this.label : undefined, onKeydown: this.interactive ? this.onKeydown : undefined, onKeyup: this.interactive ? this.onKeyup : undefined, role: role, tabIndex: this.interactive ? 0 : undefined }, h("span", { key: '2c72749f7a31a907231ad4ee94da919f67e5071e', class: className, part: "avatar" }, showImage && (h("span", { key: '42053d690bf5470ab09f7ed9cb6b8bcd8da8a2e0', class: "avatar__image" }, h("img", { key: '710b8c502a16f81814d6ae29aaad1266e41a3dc9', alt: "", height: swirlAvatarSizeMappings[this.size], loading: this.loading !== "intersecting" ? this.loading : undefined, ref: this.onImageElementUpdate, src: this.src, width: swirlAvatarSizeMappings[this.size] }))), showInitials && (h("span", { key: '5e2d4ef77845bdbf1eaf1b79881c5e15c39698ad', class: "avatar__initials" }, h("span", { key: 'caee3525f2b2a45064a8f1eba7e74d4157da2882' }, this.initials))), showIcon && h("span", { key: '7095b410f8f5aa5e215bac5141c89624349148ac', class: "avatar__icon", innerHTML: this.icon }), showFallbackIcon && (h("span", { key: '05f04b24ea08f82d85c233bae69c46592af312c2', class: "avatar__icon" }, h("swirl-icon-person", { key: '84cd855cfd905746aa178aafbeb917ee6851ec46' }))), showBadge && (h("span", { key: '5dbaf7566cd8148c96803e4e14aaff79c17ea3c3', class: badgeClassName, innerHTML: this.badge })), h("span", { key: 'b74529ee057d330fef80193319d7b9ecb02d7580', class: toolClassName }, h("slot", { key: 'd0d74d7576315ad85397048913e04b1c07e162fe', name: "tool" }))), this.showLabel && (h("span", { key: 'd735bf442243ba498a4fe9b603a432d9a3fc3af2', "aria-hidden": true, class: "avatar__label" }, this.label))));
+        return (h(Host, { key: '42c11df526248247b9cb2bee6b2d58bc70aafa65', "aria-label": this.interactive ? this.label : undefined, onKeydown: this.interactive ? this.onKeydown : undefined, onKeyup: this.interactive ? this.onKeyup : undefined, role: role, tabIndex: this.interactive ? 0 : undefined }, h("span", { key: '96a01925f8c723fca2dbb17263152b1d56d26027', class: className, part: "avatar" }, showImage && (h("span", { key: '896d136ab3094a2f583b938c2b91d04e78f0d10f', class: "avatar__image" }, h("img", { key: 'fde4999892611a1634223519cbccf76130cdb51c', alt: "", height: swirlAvatarSizeMappings[this.size], loading: this.loading !== "intersecting" ? this.loading : undefined, ref: this.onImageElementUpdate, src: this.src, width: swirlAvatarSizeMappings[this.size] }))), showInitials && (h("span", { key: '4e1e6d7539ef10c696292cbb9f8a1a9dd492a97a', class: "avatar__initials" }, h("span", { key: '866a9aaaa0b2e2ef114cc992be91b503160aac69' }, this.initials))), showIcon && h("span", { key: '1cb19789413ef94288b19c209f80b9ccab454baa', class: "avatar__icon", innerHTML: this.icon }), showFallbackIcon && (h("span", { key: '36dee103b6406e226e48183c4376a978a6ecedc9', class: "avatar__icon" }, h("swirl-icon-person", { key: 'b992b47b9baa52c05193fff33e9b57211c23a51e' }))), showBadge && (h("span", { key: '6134b435fa2572c24dd3d8be7ca3f02b51e6ea3c', class: badgeClassName, innerHTML: this.badge })), h("span", { key: '20e4112658cd486eb49d7e2543f13678b4d7a5fd', class: toolClassName }, h("slot", { key: 'f03881df79fb42c911c2895cd787f706c9529a9f', name: "tool" }))), this.showLabel && (h("span", { key: 'beeb327bbc2a05443d756dea01be85e0a885e507', "aria-hidden": true, class: "avatar__label" }, this.label))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {

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

@@ -14,7 +14,7 @@ const SwirlBadge = class {
         const className = classnames("badge", `badge--intent-${this.intent}`, `badge--size-${this.size}`, `badge--variant-${this.variant}`, {
             "badge--has-icon": this.icon,
         });
-        return (h(Host, { key: '6c67a6db9984dab232cf8e88d20534a93ed1b3b2', role: "status" }, h("span", { key: '849ba6cfbe783aee6e5d93234a3a63b115bae903', class: className, part: "badge" }, this.icon && h("span", { key: '906a2916d2b10e26671c6e96740e077742b0d3e4', class: "badge__icon", innerHTML: this.icon }), this.icon === undefined && this.variant !== "dot" ? (h("span", { class: "badge__label" }, this.label)) : (h(Fragment, null, this.icon === undefined && (h("span", { class: "badge__label" }, "\u00A0")), h("swirl-visually-hidden", null, this.label))))));
+        return (h(Host, { key: '3d64f76fe54264451a966d8bb9aa044efd744939', role: "status" }, h("span", { key: '918618864bcfd9cd017aecb390608a8d454218a4', class: className, part: "badge" }, this.icon && h("span", { key: '5488528c85b4851f98cfb6a6f61f0030f4dfab3c', class: "badge__icon", innerHTML: this.icon }), this.icon === undefined && this.variant !== "dot" ? (h("span", { class: "badge__label" }, this.label)) : (h(Fragment, null, this.icon === undefined && (h("span", { class: "badge__label" }, "\u00A0")), h("swirl-visually-hidden", null, this.label))))));
     }
 };
 SwirlBadge.style = swirlBadgeCss;

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

@@ -55,7 +55,7 @@ const SwirlBanner = class {
         const className = classnames("banner", `banner--intent-${this.intent}`, `banner--size-${this.size}`, {
             "banner--has-icon": showIcon,
         });
-        return (h(Host, { key: '5fe674b015dca5ebb25241f5685804c580103a6c' }, h("div", { key: '3150d535b211232f6110cc548cdf7d373eba614d', "aria-describedby": "content", class: className, role: this.importance, tabIndex: 0 }, h("div", { key: 'd9bbb8fd8da2fcae133276a30209217c3bb93e3a', class: "banner__content", id: "content", part: "banner__content" }, showIcon && (h("span", { key: '5325d2cec860f3866e77c47ac39a12e9435c0112', "aria-hidden": "true", class: "banner__icon", innerHTML: icon, ref: (el) => (this.iconEl = el) })), h("span", { key: '495fa090855b8802e18ae60e5a287872a4ce80f4', class: "banner__text" }, this.content)), showControls && (h("div", { key: 'a6c6b2c8a9207e192a9849d7cb76f06c2ddffb7c', class: "banner__controls" }, this.actionLabel && (h("button", { key: '51a32c9e597fedf86d11d9ba01131f18569bf99e', class: "banner__action-button", onClick: this.onAction, part: "banner__action-button", type: "button" }, this.actionLabel)), this.dismissable && (h("button", { key: '8da94862540f2c02a01fb2e8b8a618b2b4d5a6b0', "aria-label": this.dismissLabel, class: "banner__dismiss-button", onClick: this.onDismiss, part: "banner__dismiss-button", ref: (el) => (this.dismissButtonEl = el), type: "button" }, h("swirl-icon-close", { key: '02abf496d35db73ba30c92c8fd5b99bc423f3d86' }))))))));
+        return (h(Host, { key: '11ecf5b273bb2636d5d3e779fc91df1f7b10a8e0' }, h("div", { key: 'bc5e53f04ad5e80defe407340d191d1951a10123', "aria-describedby": "content", class: className, role: this.importance, tabIndex: 0 }, h("div", { key: '86b3950336dca8b1d28994d1fb18113a4b4c421a', class: "banner__content", id: "content", part: "banner__content" }, showIcon && (h("span", { key: '5716e25d171cc28861459258e257c8a821ebc56d', "aria-hidden": "true", class: "banner__icon", innerHTML: icon, ref: (el) => (this.iconEl = el) })), h("span", { key: 'a5a5019667573c14dde87041e475481a7edf6d5e', class: "banner__text" }, this.content)), showControls && (h("div", { key: 'cf8632f83dc502caba7f10710a353d1a34f30493', class: "banner__controls" }, this.actionLabel && (h("button", { key: '166c562828b381640c29783ac8b275f49b088cad', class: "banner__action-button", onClick: this.onAction, part: "banner__action-button", type: "button" }, this.actionLabel)), this.dismissable && (h("button", { key: 'b1247a38ea5f7592d7c12f0919360041ea9061b8', "aria-label": this.dismissLabel, class: "banner__dismiss-button", onClick: this.onDismiss, part: "banner__dismiss-button", ref: (el) => (this.dismissButtonEl = el), type: "button" }, h("swirl-icon-close", { key: '12524ce0998e451f9260924e2a5226ddee4ade43' }))))))));
     }
     get element() { return getElement(this); }
 };

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

@@ -89,7 +89,7 @@ const SwirlBox = class {
             "box--scrolled-to-top": this.scrollState.scrolledToTop,
             "box--scrolled-to-bottom": this.scrollState.scrolledToBottom,
         });
-        return (h(Host, { key: 'db6394f0b283eb07991d70a23fb8e9b22d99fc6b', class: className, onScroll: this.onScroll, style: styles }, h("slot", { key: 'f4ba125b1818a2cb22c1e0840289dc35ec783fa3' })));
+        return (h(Host, { key: 'e9eeaa11b7a04b59744d8cf369855874fb8eab02', class: className, onScroll: this.onScroll, style: styles }, h("slot", { key: '0d5e86f34e2efb3dd7f9bfaf24a3a18578e6f507' })));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/swirl-button-group.entry.js

@@ -14,11 +14,11 @@ const SwirlButtonGroup = class {
         const className = classnames("button-group", {
             "button-group--segmented": this.segmented,
         });
-        return (h(Host, { key: 'e677fbc817dfe63d472ed41fdee060a0b9b3cbeb' }, h("swirl-stack", { key: '87a3b28a98bb9cb8aec9ca7a22d215dfcc3a984a', align: this.orientation === "vertical" && this.stretch
+        return (h(Host, { key: '1c5dcaf521e8ee19f572f03e428f6f6297106ae0' }, h("swirl-stack", { key: '78073a9c28c55e16c68c9f32f4573e18f08d8822', align: this.orientation === "vertical" && this.stretch
                 ? "stretch"
                 : "start", class: className, justify: this.orientation === "horizontal" && this.stretch
                 ? "stretch"
-                : "start", orientation: this.orientation, role: "group", spacing: spacing, wrap: this.wrap }, h("slot", { key: '68735561c5076b380f5a5cb550dad44ad7eea732' }))));
+                : "start", orientation: this.orientation, role: "group", spacing: spacing, wrap: this.wrap }, h("slot", { key: '4936fecbd49610aec18174458b1cd7ef42723eba' }))));
     }
 };
 SwirlButtonGroup.style = swirlButtonGroupCss;

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

@@ -77,13 +77,13 @@ const SwirlButton = class {
             "button--pressed": this.pressed,
         });
         const Tag = isLink ? "a" : "button";
-        return (h(Host, { key: '1de6e08a0322a25d36c4003bfb871011e4b294ae', style: { pointerEvents: this.disabled ? "none" : "" } }, h(Tag, { key: 'c22ab5f4964c328ece71f76e2f73c099392f7687', "aria-controls": this.swirlAriaControls, "aria-current": this.swirlAriaCurrent, "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled && !isLink ? "true" : undefined, "aria-expanded": this.swirlAriaExpanded, "aria-haspopup": this.swirlAriaHaspopup, "aria-label": ariaLabel, "aria-pressed": this.pressed ? "true" : undefined, class: className, disabled: isLink ? undefined : this.disabled, download: isLink ? undefined : this.download, form: isLink ? undefined : this.form, href: this.href, name: isLink ? undefined : this.name, ref: (el) => (this.buttonEl = el), target: isLink ? this.target : undefined, type: isLink ? undefined : this.type, value: isLink ? undefined : this.value, style: {
+        return (h(Host, { key: '45ecb09b0608bb62c759dfe09a4f17629a843e66', style: { pointerEvents: this.disabled ? "none" : "" } }, h(Tag, { key: '9ca424959955c2f56665b6abc64fce23b133ee5e', "aria-controls": this.swirlAriaControls, "aria-current": this.swirlAriaCurrent, "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled && !isLink ? "true" : undefined, "aria-expanded": this.swirlAriaExpanded, "aria-haspopup": this.swirlAriaHaspopup, "aria-label": ariaLabel, "aria-pressed": this.pressed ? "true" : undefined, class: className, disabled: isLink ? undefined : this.disabled, download: isLink ? undefined : this.download, form: isLink ? undefined : this.form, href: this.href, name: isLink ? undefined : this.name, ref: (el) => (this.buttonEl = el), target: isLink ? this.target : undefined, type: isLink ? undefined : this.type, value: isLink ? undefined : this.value, style: {
                 cursor: !this.disabled && this.cursor !== "pointer"
                     ? this.cursor
                     : undefined,
                 fontSize: this.inheritFontSize ? "inherit" : undefined,
                 lineHeight: this.inheritFontSize ? "inherit" : undefined,
-            } }, Boolean(this.icon) && (h("span", { key: 'b39be633716de59c1e8176da525a0f908b837e47', class: "button__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), !Boolean(this.icon) && (h("span", { key: '601b9f42df6ac64e3ae6626e82ccf99f175504fe', class: "button__icon", ref: (el) => (this.iconEl = el) }, h("slot", { key: '3ec4150a71fca79d9071bfeb603ba4f7dbc258f9', name: "icon" }))), !hideLabel && h("span", { key: '8ef4f4621a3a32336ca227730f25828d9f96f3fb', class: "button__label" }, this.label), hasTag && (h("span", { key: 'd3855d39f08a5a7c5d663631617547f4c7e4f51d', class: "button__tag" }, h("slot", { key: '92be90f33acb6da8d16e75e19f589092d278a5c7', name: "tag" }))), hasTrailingSlot && (h("div", { key: '2686ea8522f5de4458eb44b184d586febcdb87f5', class: "button__trailing-slot" }, h("slot", { key: '301948eaafc2830f80e5628d5d9f957ec8f22798', name: "trailing" }))))));
+            } }, Boolean(this.icon) && (h("span", { key: '85c7e12f44561c7754296fac3b6c74be06b93c22', class: "button__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), !Boolean(this.icon) && (h("span", { key: '082e271c1ca38212e61f9d62aed60b016ac588f6', class: "button__icon", ref: (el) => (this.iconEl = el) }, h("slot", { key: 'bf24edbe91d4590049429b27da601ba5cd51e9a5', name: "icon" }))), !hideLabel && h("span", { key: '06cd510bb5617fec59496d64b32fc19bf59ba026', class: "button__label" }, this.label), hasTag && (h("span", { key: '95f4b84ae32def5b1fbf1ba1963382343dac4279', class: "button__tag" }, h("slot", { key: '9d778088353420c933a1e22089568c690909026c', name: "tag" }))), hasTrailingSlot && (h("div", { key: '1f5b393f4da411b312220673611a016e96b0d218', class: "button__trailing-slot" }, h("slot", { key: '635deb01ac5dbad192f64c79155a944f1c8b4716', name: "trailing" }))))));
     }
     get el() { return getElement(this); }
 };

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

@@ -73,9 +73,9 @@ const SwirlCard = class {
             "card--interactive": this.interactive || this.href,
             "card--is--borderless": this.isBorderless,
         });
-        return (h(Host, { key: '23b76491efcc762b64f389fbd55aa4dfc9394a85', styles: { height: this.height } }, h(Tag, { key: '626f308ab1ba1dbca7b9b040097df98b9d656087', "aria-current": this.swirlAriaCurrent, "aria-label": this.swirlAriaLabel, "aria-labelledby": this.swirlAriaLabelledby, class: className, href: this.href, rel: Boolean(this.href) && this.linkTarget === "_blank"
+        return (h(Host, { key: '83b6b355f012cfb088f2611c426f0bf77ca5104e', styles: { height: this.height } }, h(Tag, { key: '40068da71c3431f175fca50e354c622aff3468c0', "aria-current": this.swirlAriaCurrent, "aria-label": this.swirlAriaLabel, "aria-labelledby": this.swirlAriaLabelledby, class: className, href: this.href, rel: Boolean(this.href) && this.linkTarget === "_blank"
                 ? "noreferrer"
-                : undefined, style: styles, target: this.linkTarget }, h("div", { key: '10c256de20920900cb7c7414a4a818b5460c00f4', class: "card__image", style: { aspectRatio: this.imageAspectRatio } }, h("slot", { key: '5d191946ebaa24d0f222918ed8cd4f6ebe3f5105', name: "image" })), h("div", { key: '89f5812af81e820c52a4a212d40abd37709e52c0', class: "card__floating-controls" }, h("slot", { key: 'b03e59223f83166006a13001b2637ad21fd35645', name: "floating-controls" })), h("div", { key: 'a31584f40a9bdf8136d2ec3e71f032c7f2da2992', class: "card__body", style: bodyStyles }, h("div", { key: 'ce43a15badfe575cbb8b3982741862b4c093a4de', class: "card__content" }, h("slot", { key: '0b943af59aba49296f7fdb591687e936b53bdc7e', name: "content" }))))));
+                : undefined, style: styles, target: this.linkTarget }, h("div", { key: '49987e8063c4f113c38af82928a4893baf86b441', class: "card__image", style: { aspectRatio: this.imageAspectRatio } }, h("slot", { key: '742d2b19d695b930a3feb266f62d91ffea350fe4', name: "image" })), h("div", { key: '0805793c5a6da79d98155d13893d5b415688baee', class: "card__floating-controls" }, h("slot", { key: '748164f9d7554595e817cd94b0d3894f32470945', name: "floating-controls" })), h("div", { key: '86e1aa40d1ac5d0dd78dcb193a706dea9535ad35', class: "card__body", style: bodyStyles }, h("div", { key: 'be6764afd0710adf51eb46ef1d482de3e1595681', class: "card__content" }, h("slot", { key: '5a14b8fff905b77645a85cc60b21cdf5bc68627f', name: "content" }))))));
     }
     get el() { return getElement(this); }
 };

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

@@ -156,7 +156,7 @@ const SwirlCarousel = class {
             "carousel--is-at-start": this.isAtStart,
             "carousel--is-at-end": this.isAtEnd,
         });
-        return (h(Host, { key: '1e26fcf73b92609c88ed3f702fe53e750e26f6da', "aria-label": this.label, "aria-roledescription": "carousel", role: "group" }, h("div", { key: '02e7684b10d536d75a1590dfa162315307b01118', class: className }, this.isScrollable && !this.isAtStart && (h("swirl-button", { key: '0becf4dd5a8184cc3e25738bca97c266cee87a4d', class: "carousel__previous-slide-button", hideLabel: true, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.previousSlideButtonLabel, onClick: this.onPreviousSlideButtonClick, pill: true, variant: "floating" })), this.isScrollable && !this.isAtEnd && (h("swirl-button", { key: '08fe60febb3c9cc4c0c5747126277586d7f24e6e', class: "carousel__next-slide-button", hideLabel: true, icon: "<swirl-icon-arrow-forward></swirl-icon-arrow-forward>", label: this.nextSlideButtonLabel, onClick: this.onNextSlideButtonClick, pill: true, variant: "floating" })), h("div", { key: 'b421a6ef4b4c1870aefbb0e54d785811cfa701d9', "aria-live": "polite", class: "carousel__slides", style: slidesStyles, onScroll: this.onScroll, ref: (el) => (this.slidesContainer = el) }, h("slot", { key: 'e46a799bf218fd0ceeb4baa718c9d975e82f377a', onSlotchange: this.onSlotChange })))));
+        return (h(Host, { key: 'c5903f0c46a1eaa6129e2a1b73abee0db5bcd9ed', "aria-label": this.label, "aria-roledescription": "carousel", role: "group" }, h("div", { key: 'a1dfb1a45c399559d25df72add7723b231b5e6b8', class: className }, this.isScrollable && !this.isAtStart && (h("swirl-button", { key: 'f9e9dd3bb8162550accfcd6b653a3737355f93d4', class: "carousel__previous-slide-button", hideLabel: true, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.previousSlideButtonLabel, onClick: this.onPreviousSlideButtonClick, pill: true, variant: "floating" })), this.isScrollable && !this.isAtEnd && (h("swirl-button", { key: 'bc30a83c74273b4b5832338422a95d91e3e67321', class: "carousel__next-slide-button", hideLabel: true, icon: "<swirl-icon-arrow-forward></swirl-icon-arrow-forward>", label: this.nextSlideButtonLabel, onClick: this.onNextSlideButtonClick, pill: true, variant: "floating" })), h("div", { key: 'cb596e62b8517b2d6ff791032b41608c6a5b25be', "aria-live": "polite", class: "carousel__slides", style: slidesStyles, onScroll: this.onScroll, ref: (el) => (this.slidesContainer = el) }, h("slot", { key: '0fab582bd3650e63d512e934d03183b3ae9b5901', onSlotchange: this.onSlotChange })))));
     }
     get el() { return getElement(this); }
 };

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

@@ -42,7 +42,7 @@ const SwirlCheckbox = class {
             "checkbox--invalid": this.invalid,
             "checkbox--unchecked": unchecked,
         });
-        return (h(Host, { key: 'cf3e5aa42775aac75e4f08499cf762cb35687864', style: { width: this.variant === "card" ? "100%" : undefined } }, h("label", { key: '098d2d0509e46a530c5cb5a034d1512fb82a20eb', class: className, htmlFor: this.inputId }, h("span", { key: '6d6dbf85fc99f5b16e23b9b3884ccd3cf1e95baa', class: "checkbox__control" }, h("swirl-visually-hidden", { key: '6bfe18790ed2a36783eb27f5df531cf702440b8b' }, h("input", { key: 'd25db1141a3603555a2c8ce4636d0c31f11404cc', "aria-checked": ariaCheckedLabel, "aria-describedby": this.swirlAriaDescribedby, "aria-invalid": ariaInvalid, "aria-label": this.swirlAriaLabel, checked: checked, class: "checkbox__input", disabled: this.disabled, id: this.inputId, indeterminate: indeterminate, name: this.inputName, onChange: this.onChange, type: "checkbox", value: this.value })), h("span", { key: '5a7ee20a4c27974aa85cab4c6fc4df6fe3e047f5', "aria-hidden": "true", class: "checkbox__box" }, h("span", { key: '2b90e1b1c1af1b5abbcc2da9cd92a6f8771da9b5', class: "checkbox__icon" }, checked && h("swirl-icon-check-strong", { key: '69f89ef7f9af74d6478cdcd1f45f0dc0e40779b9' }), indeterminate && (h("span", { key: 'abb3beb0868e23cca2dfd7b766ccb3e982453096', class: "checkbox__indeterminate-icon" }))))), showLabelContainer && (h("span", { key: '63519992e86d671a9b877d6b4efc5774faee8086', class: "checkbox__label-container" }, this.label && h("span", { key: 'c82b989c165ecf22b03c9ed046d52532bfed30e7', class: "checkbox__label" }, this.label), this.description && (h("span", { key: '7359cd851c8c410fc4ee8762922a21adaa6058f0', class: "checkbox__description" }, this.description)))))));
+        return (h(Host, { key: 'acf777ca7224f41f607bf84f193ecb05881f1fc1', style: { width: this.variant === "card" ? "100%" : undefined } }, h("label", { key: 'c3a3abc5f9e87d3665ad7c797d44a2acd34c8ee5', class: className, htmlFor: this.inputId }, h("span", { key: '5e49492e10519c0f2f4f6ed187b318bca8316dab', class: "checkbox__control" }, h("swirl-visually-hidden", { key: '06217d12dbc1ea25117e421d8e0e1cebd392f599' }, h("input", { key: '455840493b5e9b60aace6f4a0e2de7e5cece2e78', "aria-checked": ariaCheckedLabel, "aria-describedby": this.swirlAriaDescribedby, "aria-invalid": ariaInvalid, "aria-label": this.swirlAriaLabel, checked: checked, class: "checkbox__input", disabled: this.disabled, id: this.inputId, indeterminate: indeterminate, name: this.inputName, onChange: this.onChange, type: "checkbox", value: this.value })), h("span", { key: '8b69f9ae79e957c52066cd80cf0da11fe5613ed2', "aria-hidden": "true", class: "checkbox__box" }, h("span", { key: 'cca029718dd23f8c2e0637ce4f44c24b4fb0b289', class: "checkbox__icon" }, checked && h("swirl-icon-check-strong", { key: 'f3bab31db3d5ab5a6fdc78610abb42763f51154b' }), indeterminate && (h("span", { key: '7002b8fffbb15b73d84fae98761196bbe6af3347', class: "checkbox__indeterminate-icon" }))))), showLabelContainer && (h("span", { key: '082ac434bc4dd0c98d983650aab5208a760063e7', class: "checkbox__label-container" }, this.label && h("span", { key: '62737cd8068a70eb10e722c2ff91ae4dc9917f7d', class: "checkbox__label" }, this.label), this.description && (h("span", { key: '3e7f891b80511b9a4d811db31b594f2a0429d8b0', class: "checkbox__description" }, this.description)))))));
     }
 };
 SwirlCheckbox.style = swirlCheckboxCss;

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

@@ -46,7 +46,7 @@ const SwirlChip = class {
             "chip--interactive": this.interactive || this.pressed !== undefined,
             "chip--removable": this.removable,
         });
-        return (h(Host, { key: '87da4ed84011d396c1a644f5caa0315f5f2a644d' }, h(Tag, { key: '1f7d890b55165bad3a08da9c8ded84373fc3ad64', "aria-pressed": this.pressed !== undefined ? String(this.pressed) : undefined, class: className, onClick: this.chipClick.emit, type: this.interactive ? "button" : undefined }, h("span", { key: '320217b7a99be788d55d13e4c60ad61e36dd9ed8', class: "chip__inner" }, showAvatar && (h("span", { key: '03c36eb755fb8faf0ed9a6e30867289e09ff14ed', class: "chip__avatar" }, h("slot", { key: '8013267e3c8bf3e28f7711283a7474ff9fb3a3ae', name: "avatar" }))), showIcon && (h("span", { key: '10c695d19bc846420b3433710e3f2367af3b4530', class: "chip__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: '112076ca8c41856c7d6991c0c7ff5ce199bdf67b', class: "chip__label" }, this.label)), this.progress !== undefined && (h("span", { key: '9720dbd9f41fd8feb13ae450c874493a0529fbc0', class: "chip__progress-indicator" }, h("swirl-progress-indicator", { key: '82d21bc5ce12c23b58bd203b036749e9022df893', label: this.progressBarLabel, value: this.progress })))), this.removable && (h("button", { key: '13d3dc035501675d4f1c13b01aefc6ea1ca9cc38', "aria-label": this.removeButtonLabel, class: "chip__remove-button", onClick: this.removeChip.emit, type: "button" }, h("swirl-icon-close", { key: '3e0f226833b6c55d498d915368b7d0fa70189dad', size: 20 })))));
+        return (h(Host, { key: 'b0e65c521dcde5335f3bcd7daaf7359ba5bbe3ec' }, h(Tag, { key: 'a5198b26f19750bd4c8372acdc21e26f3ed8cfe1', "aria-pressed": this.pressed !== undefined ? String(this.pressed) : undefined, class: className, onClick: this.chipClick.emit, type: this.interactive ? "button" : undefined }, h("span", { key: '2ed93ce33faf8a1bdc4b07e4f866a10650ae8395', class: "chip__inner" }, showAvatar && (h("span", { key: 'ec44e6a99988aa14dcf330098de8593a1deeaed8', class: "chip__avatar" }, h("slot", { key: '880a8c96422c0f31cbf603676ffecef66c6bff21', name: "avatar" }))), showIcon && (h("span", { key: 'b5ba3f75080b5452fce8886c513eaa6abcd58009', class: "chip__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: '808fe136faee7570c2329a300fafba4e0efcbed8', class: "chip__label" }, this.label)), this.progress !== undefined && (h("span", { key: '50b4eb47a59290e9c21570e0b2d91a8aa7a97723', class: "chip__progress-indicator" }, h("swirl-progress-indicator", { key: 'e0d54da0d2c6a325f6068740bba0c72b0837fb87', label: this.progressBarLabel, value: this.progress })))), this.removable && (h("button", { key: 'ec75adbbf28bf1df36d7532d832137f795973dab', "aria-label": this.removeButtonLabel, class: "chip__remove-button", onClick: this.removeChip.emit, type: "button" }, h("swirl-icon-close", { key: '85c241bc56caaf410421b102607f902f1c4b33ef', size: 20 })))));
     }
     get el() { return getElement(this); }
 };

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

@@ -8,10 +8,10 @@ const SwirlColumns = class {
         this.columns = "repeat(3, minmax(0, 1fr))";
     }
     render() {
-        return (h(Host, { key: 'eeb714d1d037de69f98c4bbab2ea398902676b75' }, h("div", { key: '4a858237059b5dc3f2bc6876dd409e9ad6411a0d', class: "columns", style: {
+        return (h(Host, { key: '779371e7d28640a71aaad2d2de8d91b5b8d63e88' }, h("div", { key: 'de846647d2b436277cd2765f9814796320af071d', class: "columns", style: {
                 gridTemplateColumns: this.columns,
                 gap: `var(--s-space-${this.spacing})`,
-            } }, h("slot", { key: 'f96512da44488cbffd69d57b065c6609bdebdb45' }))));
+            } }, h("slot", { key: 'ca510de4dae9c7055d2db6e02020cdfca95e58c6' }))));
     }
 };
 SwirlColumns.style = swirlColumnsCss;

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

@@ -66,7 +66,7 @@ const SwirlDialog = class {
     render() {
         const className = classnames("dialog", { "dialog--closing": this.closing });
         const hasLeftControls = Boolean(this.el.querySelector('[slot="left-controls"]'));
-        return (h(Host, { key: '7642707aa94e9d15a884e415673175c70d34db8c' }, h("div", { key: 'fa0973d297a3a2227cf930307ed2d0bb58d66058', "aria-describedby": "content", "aria-hidden": "true", "aria-labelledby": this.hideLabel ? undefined : "label", "aria-label": this.hideLabel ? this.label : undefined, "aria-modal": "true", class: className, onKeyDown: this.onKeyDown, ref: (el) => (this.dialogEl = el), role: "alertdialog" }, h("div", { key: 'f2212606297a0323830f5b896872f666dfc468a4', class: "dialog__backdrop", onClick: this.onBackdropClick }), h("div", { key: 'dc61a2776d20fdd8ea35ad3cf84e0d0944008fe3', class: "dialog__body", part: "dialog__body", role: "document" }, !this.hideLabel && (h("h2", { key: '65cb9932fdf2e84f29a133ec4dcc833582585bd7', class: "dialog__heading", part: "dialog__heading", id: "label" }, this.label)), h("div", { key: 'd652d9c0b9b57a0b5c82fa81b84c140376203792', class: "dialog__content", part: "dialog__content", id: "content" }, h("slot", { key: '87ae56dc3f389263d38d61255fad8cdc658317c9' })), h("div", { key: 'a2f3fb30e0e2540b3d997c2cf979b6be5308d70c', class: "dialog__controls", ref: (el) => (this.controlsContainerEl = el) }, hasLeftControls && (h("div", { key: '74707e65aa742f6271a3642693cd5739b68bada0', class: "dialog__left_controls" }, h("slot", { key: '15d48c197c46a085e691dd047616fd399d27b3ba', name: "left-controls" }))), this.secondaryActionLabel && (h("swirl-button", { key: '123fe12d4759ae79254b82e23934574ed6afb392', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (h("swirl-button", { key: '8f2f38fee0598b270f550b26405a76275e3826cc', intent: this.intent, label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" })))))));
+        return (h(Host, { key: '61ba06cee740b1bf21b246aeba14996b002a5aab' }, h("div", { key: 'e195a08fdac8f9ad6f76d412cd50eef88905128f', "aria-describedby": "content", "aria-hidden": "true", "aria-labelledby": this.hideLabel ? undefined : "label", "aria-label": this.hideLabel ? this.label : undefined, "aria-modal": "true", class: className, onKeyDown: this.onKeyDown, ref: (el) => (this.dialogEl = el), role: "alertdialog" }, h("div", { key: 'a1dbf13fe86dec8256c06393c4abd6c6c59382c1', class: "dialog__backdrop", onClick: this.onBackdropClick }), h("div", { key: 'f0b9dd2f2d722bf050081b2bc7fed3552c8a457c', class: "dialog__body", part: "dialog__body", role: "document" }, !this.hideLabel && (h("h2", { key: '18eceaee59d9184ace51898fe73c603af383387d', class: "dialog__heading", part: "dialog__heading", id: "label" }, this.label)), h("div", { key: '612edee73bee789b7ec2f8fd2e16cd3c3a9370aa', class: "dialog__content", part: "dialog__content", id: "content" }, h("slot", { key: '9d482392bce3c82df30c166fc99577c036da49a8' })), h("div", { key: '3306d185ed549fc6470a2fbbaf649cdc33b98189', class: "dialog__controls", ref: (el) => (this.controlsContainerEl = el) }, hasLeftControls && (h("div", { key: '0a7eb43c0f7f3e016767a8364334bd5f9d3cdf86', class: "dialog__left_controls" }, h("slot", { key: 'eb39f26ed1ff0a7931a899c8b9f70b3f22bba2d5', name: "left-controls" }))), this.secondaryActionLabel && (h("swirl-button", { key: '70cc4de12878fdb5f123a23a42d9c6cba67ddee7', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (h("swirl-button", { key: 'f02577b4cad57daea316f66b61ee3eec6844666a', intent: this.intent, label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" })))))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/swirl-file-viewer_8.entry.js

@@ -28578,7 +28578,7 @@ const SwirlFileViewerPdf = class {
         const showPagination = !this.error && !this.loading && this.visiblePages.length > 0;
         const showSpinner = this.loading;
         const className = classnames("file-viewer-pdf", `file-viewer-pdf--view-mode-${this.viewMode}`);
-        return (h(Host, { key: 'c7c61593653dd32eae3c2f363d915bc86cb1a7a2', class: className, exportparts: "file-viewer-pdf__pagination" }, this.error && (h("swirl-inline-error", { key: '42b19ac9eb09a0a354fac31c0d19dbe84e6adfc6', class: "file-viewer-pdf__error", message: this.errorMessage })), h("div", { key: '56e3ad282a816570c05153daa6e522ef32c45d8b', "aria-describedby": "pagination", class: "file-viewer-pdf__pages", onScroll: this.onScroll, ref: (el) => (this.scrollContainer = el) }, this.pages.map((page) => {
+        return (h(Host, { key: '17dae0b8e5bf16769a356414071943dc7f8ebec1', class: className, exportparts: "file-viewer-pdf__pagination" }, this.error && (h("swirl-inline-error", { key: '472e62e48d63545fef3bddaefe8cc307139b382b', class: "file-viewer-pdf__error", message: this.errorMessage })), h("div", { key: 'ae504112d088bd4990b419e787e48c5737f6d552', "aria-describedby": "pagination", class: "file-viewer-pdf__pages", onScroll: this.onScroll, ref: (el) => (this.scrollContainer = el) }, this.pages.map((page) => {
             const viewport = page.getViewport({
                 scale: this.getScale(page),
             });
@@ -28592,7 +28592,7 @@ const SwirlFileViewerPdf = class {
                     width: `${width}px`,
                     height: `${height}px`,
                 }, tabIndex: 0 }, !rendered && (h("swirl-spinner", { class: "file-viewer-pdf__page-spinner" })), h("canvas", { class: "file-viewer-pdf__canvas", style: { opacity: rendered ? "1" : "0" } }), h("div", { class: "file-viewer-pdf__text-container" })));
-        })), showPagination && (h("span", { key: '58ccd16cdee10b1f16b6aecb160750320c2cb806', class: "file-viewer-pdf__pagination", id: "pagination", part: "file-viewer-pdf__pagination" }, h("span", { key: 'fae9119b9135e5e273e8b495ca26e914bf17e8fe', "aria-current": "page" }, this.currentPage), " /", " ", this.doc.numPages)), showSpinner && (h("div", { key: 'aaf06b0264c1bf368ef58cae21795c8819f9fec8', class: "file-viewer-pdf__spinner" }, h("swirl-spinner", { key: 'eb9d5089899afd0d9d9331559ee3e215a7b94442' })))));
+        })), showPagination && (h("span", { key: '0986d71eab6496cd1b588afa28c8ba5cf2a02967', class: "file-viewer-pdf__pagination", id: "pagination", part: "file-viewer-pdf__pagination" }, h("span", { key: 'b0bd18dd65703cb4d240ab66883e23b03d282265', "aria-current": "page" }, this.currentPage), " /", " ", this.doc.numPages)), showSpinner && (h("div", { key: 'cb4c58f7641b05e55132ca315e83b7254d2a1d66', class: "file-viewer-pdf__spinner" }, h("swirl-spinner", { key: '3a0dc7d43eebc9169928e07959239471d3c8b5ba' })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/swirl-form-control.entry.js

@@ -177,7 +177,7 @@ const SwirlFormControl = class {
             "form-control--is-select": isSelect,
         });
         const LabelTag = hasContenteditableControl ? "div" : "label";
-        return (h(Host, { key: '310977a2c6cf19c21e8963ee78103a464bcab481', onFocusin: this.onFocusIn, onFocusout: this.onFocusOut, onKeyDown: this.onKeyDown }, h("div", { key: '281c58b02d0ad78ad46c23a5c073005871c2aa99', class: className, role: "group" }, h("span", { key: '2c0b5f6c94ca1a5ec04fa8f713e884d135afcc1a', class: "form-control__controls" }, h("span", { key: '7deb8ae02037b09df2137d53692ef00b0980fb5a', class: "form-control__prefix" }, h("slot", { key: '1e4652b621460f9fbdab87ed32b462edb40a0a41', name: "prefix" })), h(LabelTag, { key: 'e6a32abc52addb639bd4bc107cc1f48634ca2fa3', class: "form-control__label", onClick: this.onLabelClick }, hasIcon && (h("span", { key: '654b170dc875d1f263e5f94794f5550c01b5057d', class: "form-control__icon" }, h("swirl-icon", { key: 'd229cf5350129c23e828c371c011c1ec617654b1', glyph: this.icon, size: 20 }))), h("span", { key: '91bc365b562bfa51587777b5d156987bbf111ea0', class: "form-control__label-text", id: this.labelId }, this.label, this.secondaryLabel && this.labelPosition === "outside" && (h("span", { key: '4d4d9d4b8ba566d8ada2d53c9cadc014ddf177a4', class: "form-control__secondary-label" }, this.secondaryLabel)), this.tooltip && (h("span", { key: '1bf695bf7b1180b115cd4463bac7450dbc639cfe', class: "form-control__tooltip" }, h("swirl-tooltip", { key: 'cb3e44c10d1b6f155e270a9d3bde630dca047fe5', content: this.tooltip, positioning: "fixed", position: "top" }, h("swirl-icon-help", { key: 'd8516959846b0e09d5d32f70f6e93a33c3ae2b88', size: 16, tabindex: "0" }))))), h("span", { key: 'b548c5b19bc27b947dd9147d8df687e1b2a844c6', class: "form-control__input" }, h("slot", { key: 'ddd37f27b99cb3f14085a56c64e54abfebdace8c' })))), showDescription && (h("span", { key: 'ef4c6ab864252ddb1a5f901428bb87c70eb33226', class: "form-control__description", id: this.descriptionId }, this.description)), h("span", { key: '4fcf8a2f587f7e716a7e68eb2e28b5e2be1b85a9', "aria-live": "polite" }, showErrorMessage && (h("span", { key: 'dbdecc506aa2954d13983995950711b3a57a950c', class: "form-control__error-message", id: this.descriptionId }, h("swirl-inline-error", { key: 'a7b5448c3be7494853fb8d2a631184f54b020272', message: this.errorMessage, size: "s" })))))));
+        return (h(Host, { key: '5d0c6f34f0a5e091572badf875c331f2950d2c61', onFocusin: this.onFocusIn, onFocusout: this.onFocusOut, onKeyDown: this.onKeyDown }, h("div", { key: '0da20c4144a3e16915f01ce479be0930881283c3', class: className, role: "group" }, h("span", { key: '207e74fd91682c0badd35dec00f38cc24f6fbfda', class: "form-control__controls" }, h("span", { key: 'c924c7af99f42e86c38967f94f2ec2ce1adda03e', class: "form-control__prefix" }, h("slot", { key: 'f9e1846ac14c9f5abbc1d81ec54883a6f111dcf0', name: "prefix" })), h(LabelTag, { key: 'cf048cebee46418130e22a953bb36ca7611c9eb8', class: "form-control__label", onClick: this.onLabelClick }, hasIcon && (h("span", { key: 'e0fde25c920b12d8389f4855638c2565e546695a', class: "form-control__icon" }, h("swirl-icon", { key: '64d5f602368b330926d8325e3690cee440c4c180', glyph: this.icon, size: 20 }))), h("span", { key: 'c02bce9518e6396f928a6174d02e3c3535adefd9', class: "form-control__label-text", id: this.labelId }, this.label, this.secondaryLabel && this.labelPosition === "outside" && (h("span", { key: '72506a8b0f98719edb72150e4dbf646ea5614a3d', class: "form-control__secondary-label" }, this.secondaryLabel)), this.tooltip && (h("span", { key: 'd3deeecc715dd27b75b4b6b5964efc28a3d0f4ac', class: "form-control__tooltip" }, h("swirl-tooltip", { key: '6701adfdee424f93b50e382ef01aae5fbd90595f', content: this.tooltip, positioning: "fixed", position: "top" }, h("swirl-icon-help", { key: 'fe2bcf26d75359ad8a1d0dce9d9558deece72e4a', size: 16, tabindex: "0" }))))), h("span", { key: '86f1422d88df28dea22430c1907921899b84361c', class: "form-control__input" }, h("slot", { key: 'b75a71a7a284222a6b886355f9cacac0acc20fb8' })))), showDescription && (h("span", { key: '264578a1b5e01adee8170f3fc0995b5b2e3281ea', class: "form-control__description", id: this.descriptionId }, this.description)), h("span", { key: '8d15ec8ce9ff19a4034ce5f397a83acce09cc30b', "aria-live": "polite" }, showErrorMessage && (h("span", { key: 'ee8a03d72fd611d65a952cf7e9b44d6be8d55257', class: "form-control__error-message", id: this.descriptionId }, h("swirl-inline-error", { key: '5fe80768d96bb623c3fba7f67fbe801c2d5537f4', message: this.errorMessage, size: "s" })))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/swirl-form-group.entry.js

@@ -10,7 +10,7 @@ const SwirlFormGroup = class {
     }
     render() {
         const className = classnames("form-group", `form-group--orientation-${this.orientation}`);
-        return (h(Host, { key: '2037058dae58d7c60279c66590758da118364759' }, h("div", { key: '4cf6f0fee260df8ea6ffdcc3b54d468c040186f7', class: className }, h("slot", { key: '71ac5ca2c90d5508e96a5cefda148d5fb3a6fb34' }))));
+        return (h(Host, { key: '5b14e0132c0975013caced41c3d42765900b0301' }, h("div", { key: '5a3f2d09416ebaeac67e310c658445d56dfea2c8', class: className }, h("slot", { key: '56a1bda07c9042e0e81696c64b0789a54154915b' }))));
     }
 };
 SwirlFormGroup.style = swirlFormGroupCss;

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

@@ -25,7 +25,7 @@ const SwirlHeading = class {
             "heading--balanced": this.balance,
             "heading--truncate": this.truncate,
         });
-        return (h(Host, { key: '9e7da75d06fffb43da42a98958b4c9195cdd107b' }, h(Tag, { key: '5fcf4f2812365a0c51222671ce7d4a2a8de2173b', class: className, id: this.headingId, style: styles }, this.text)));
+        return (h(Host, { key: 'dd4ed3748fc507e7ba2d848224a64a9b5283387e' }, h(Tag, { key: '02a22700a704330179fe3af567e78f93717c2081', class: className, id: this.headingId, style: styles }, this.text)));
     }
 };
 SwirlHeading.style = swirlHeadingCss;

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

@@ -53,7 +53,7 @@ const SwirlInlineError = class {
     }
     render() {
         const className = classnames("inline-error", `inline-error--size-${this.size}`);
-        return (h(Host, { key: '7404cdb9e5121c9cfb30e71f4bc6eee277043d06' }, h("span", { key: '9dca12f3b8a5207938fb9bdb453a4108617ce6c1', class: className, part: "inline-error" }, h("span", { key: 'cf1278607fbd775e0d58b94453d90effe2fda39f', class: "inline-error__icon", ref: (el) => (this.iconEl = el) }, h("swirl-icon-error", { key: '8e9a8fa03b61b7cbd3e68fdf59e5ed8893301530' })), h("span", { key: '82782f68aaac2ac85621701a32e2cb9fd6badb7b', class: "inline-error__message" }, this.message))));
+        return (h(Host, { key: '1a26d04e450f9d9203768de9b17c77aa11e9c4d4' }, h("span", { key: '06a651a9326c6b8a96f512b325cfff79e6103b09', class: className, part: "inline-error" }, h("span", { key: '66773012fb6015b7502253c0c44320b78c4fdd4a', class: "inline-error__icon", ref: (el) => (this.iconEl = el) }, h("swirl-icon-error", { key: '7f1d200e1db3fb43cef244fa65a016dc86cb7059' })), h("span", { key: '205d8d625e3cfac9a3fedadca9744cdfc2038e74', class: "inline-error__message" }, this.message))));
     }
 };
 SwirlInlineError.style = swirlInlineErrorCss;

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

@@ -9,7 +9,7 @@ const SwirlIcon = class {
     }
     render() {
         const Tag = `swirl-icon-${this.glyph}`;
-        return (h(Host, { key: 'f3fc4c7cc781fba24746193ac02d80fb1237cd0c' }, h(Tag, { key: 'bb4eedd9a6ca77b555cc09c3ad80157198d18c4c', color: this.color, size: this.size })));
+        return (h(Host, { key: 'abb8a9d727983cca95e5c9600a13f0f77d26223d' }, h(Tag, { key: 'd86673ee0436541dbf40f73d9361b3d1c5f4c414', color: this.color, size: this.size })));
     }
 };
 SwirlIcon.style = swirlIconCss;

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

@@ -132,14 +132,14 @@ const SwirlImageGridItem = class {
             "image-grid-item--loaded": this.loaded,
             "image-grid-item--gif-paused": this.gifPaused,
         });
-        return (h(Host, { key: 'dca0fe21842352bb3e085be2e3a909b35018d055', "data-sibling-count": siblingCount, role: "listitem" }, h(Tag, { key: 'fead13da205284425c7430c13683be31258d27e0', class: className, type: this.interactive ? "button" : undefined }, h("div", { key: 'bf690e88b219fa4a782af52fd3117eb3d526c055', class: "image-grid-item__background", style: {
+        return (h(Host, { key: 'c595a810db82a96ed51868460646d1d3d01d28a6', "data-sibling-count": siblingCount, role: "listitem" }, h(Tag, { key: 'bac59ad6a06114cab19ab63ccecebdf89143abd0', class: className, type: this.interactive ? "button" : undefined }, h("div", { key: '050d0ed9ef48a86296e5fcf6a4c6dea9fd4a292b', class: "image-grid-item__background", style: {
                 backgroundImage: showImage
                     ? `url(${this.computedSrc})`
                     : undefined,
-            } }), showImage ? (h("img", { alt: this.alt, class: "image-grid-item__image", loading: this.loading !== "intersecting" ? this.loading : undefined, ref: this.onImageElementUpdate, src: this.computedSrc })) : (h("div", { class: "image-grid-item__loading-placeholder" }, h("swirl-visually-hidden", null, this.alt))), this.showGifControls && (h("swirl-button", { key: '85641591dcc05aae95d44e2e58d0faa9f4c23a07', class: "image-grid-item__gif-control-button", label: this.gifPaused ? this.gifPlayLabel : this.gifPauseLabel, icon: "<swirl-icon-gif></swirl-icon-gif>", variant: "on-image", pill: true, hideLabel: true, swirlAriaLabel: this.gifPaused ? this.gifPlayLabel : this.gifPauseLabel, onClick: this.handleControlClick })), this.loaded &&
+            } }), showImage ? (h("img", { alt: this.alt, class: "image-grid-item__image", loading: this.loading !== "intersecting" ? this.loading : undefined, ref: this.onImageElementUpdate, src: this.computedSrc })) : (h("div", { class: "image-grid-item__loading-placeholder" }, h("swirl-visually-hidden", null, this.alt))), this.showGifControls && (h("swirl-button", { key: '3650d5d43f155faba65beac12431cf658d60af01', class: "image-grid-item__gif-control-button", label: this.gifPaused ? this.gifPlayLabel : this.gifPauseLabel, icon: "<swirl-icon-gif></swirl-icon-gif>", variant: "on-image", pill: true, hideLabel: true, swirlAriaLabel: this.gifPaused ? this.gifPlayLabel : this.gifPauseLabel, onClick: this.handleControlClick })), this.loaded &&
             !this.error &&
             this.icon &&
-            !Boolean(this.overlay) && (h("div", { key: 'b47b1f4e21f7f1706ddc7a82b0a321e9b5799c2e', class: "image-grid-item__icon", innerHTML: this.icon })), this.overlay && (h("div", { key: 'f7fd8b8d9d5c085e4c4da43ac38ffb9ef87f703a', class: "image-grid-item__overlay" }, this.overlay)), !this.loaded && (h("swirl-skeleton-box", { key: 'a932c7f98786f23b9718366b11a805f411276a71', class: "image-grid-item__skeleton", height: "100%", width: "100%", borderRadius: "none" })), this.loaded && this.error && (h("div", { key: '571c7573516d106a310a43ecd39a26c80b127b3a', class: "image-grid-item__error" }, h("swirl-icon-error", { key: '5738e602b9d3be69938196a309eb76e7ed03d7db', color: "critical" }))))));
+            !Boolean(this.overlay) && (h("div", { key: '29ef9266c4380482f411b02e1c15b2d10273cfec', class: "image-grid-item__icon", innerHTML: this.icon })), this.overlay && (h("div", { key: '88d1a20e899ea69ed70926d87986e89ed33f8b90', class: "image-grid-item__overlay" }, this.overlay)), !this.loaded && (h("swirl-skeleton-box", { key: 'ae8b6d14556f8df8350d937c943ff915445ab92c', class: "image-grid-item__skeleton", height: "100%", width: "100%", borderRadius: "none" })), this.loaded && this.error && (h("div", { key: '12a12b173baa67f099cca696733429d8f4cf8a7c', class: "image-grid-item__error" }, h("swirl-icon-error", { key: 'ff1543844f7c4dae09e03880e9517fb9fee96fd5', color: "critical" }))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -54,7 +54,7 @@ const SwirlImageGrid = class {
                 ? `var(--s-border-radius-${this.borderRadius})`
                 : this.borderRadius,
         };
-        return (h(Host, { key: '105098ea156ff70251491d540772f9e1151c6484' }, h("div", { key: '6620ffe634c0e1ad95661f48e59c6a6314cdecce', "aria-label": this.label, class: className, role: "list", style: styles }, h("slot", { key: '90ee9bff18164083d3103686a6beda21c2a01be7', onSlotchange: this.updateItems }))));
+        return (h(Host, { key: '90bb7f66862a60ec727b5ebf4e7a28395e12de99' }, h("div", { key: '855f747b8ba3c678c6d4bf5c2a8dda87e51477d6', "aria-label": this.label, class: className, role: "list", style: styles }, h("slot", { key: '56a605da09875d68e2850ff528b7ddae2a121c96', onSlotchange: this.updateItems }))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/swirl-inline-notification.entry.js

@@ -11,7 +11,7 @@ const SwirlInlineNotification = class {
     }
     render() {
         const className = classnames("inline-notification", `inline-notification--intent-${this.intent}`);
-        return (h(Host, { key: '2704b6606718fe98e5e45b7230c106486ff10e6e' }, h("div", { key: '3ff317459e156b735bcf961309f5cd6cfd5cbda7', "aria-describedby": "content", class: className, role: this.importance, tabIndex: 0 }, h("span", { key: 'bdfb3aece99624fbd2bd58c52e233f7954732120', "aria-hidden": "true", class: "inline-notification__icon" }, this.intent === "critical" && (h("swirl-icon-error", { key: 'e041ffd255a2e05be01039819960be4b9d01440c', size: 20 })), this.intent === "success" && (h("swirl-icon-check-circle", { key: '4ce74f39c248d7637d6c75313a990a935c3d2827', size: 20 })), this.intent === "warning" && (h("swirl-icon-warning", { key: '03e0c0a4775f113fb9576890bbcfc5c8967f7582', size: 20 })), this.intent === "info" && (h("swirl-icon-info", { key: '1322f63efe89095a56efae21146362e4c5d13e48', size: 20 }))), h("span", { key: 'a240db569a7131f75fd4333bac507272fc574cc0', class: "inline-notification__content", id: "content" }, (this.hideHeading && (h("swirl-visually-hidden", { key: '54fa5301920929e6701cca4b1d1ab7a8cb9357be' }, this.heading))) || (h("swirl-text", { key: '919a85dc42906043b17a99f851cc64ab42f39535', class: "inline-notification__heading", size: "sm", weight: "semibold" }, this.heading)), h("slot", { key: '800f65515d9a6c232077f39856389874deea20d1' })))));
+        return (h(Host, { key: '624cfdfeccba7a8ec8cd92460cc63c0fbfd7f159' }, h("div", { key: '06c8a1bcb92582ccaf5944dddf470f3120afcfe4', "aria-describedby": "content", class: className, role: this.importance, tabIndex: 0 }, h("span", { key: '7bc87d932d0944358b528a76d74b0c4571e48f80', "aria-hidden": "true", class: "inline-notification__icon" }, this.intent === "critical" && (h("swirl-icon-error", { key: '209a44ffd66238a6602bea37373befa3d4b9dab1', size: 20 })), this.intent === "success" && (h("swirl-icon-check-circle", { key: 'e28da386c1ca7f215a4e36414bbcac46200b3b61', size: 20 })), this.intent === "warning" && (h("swirl-icon-warning", { key: '795f293517b43af8273edf5284c08190bb66314e', size: 20 })), this.intent === "info" && (h("swirl-icon-info", { key: '42b3904303fa8f79fdf1e62693d1a5ce69376f20', size: 20 }))), h("span", { key: 'e381a9d0642ea7f5c4c56d32502431bf5484d68f', class: "inline-notification__content", id: "content" }, (this.hideHeading && (h("swirl-visually-hidden", { key: '767e9dae65ed20f7ce648746682d284bec674f96' }, this.heading))) || (h("swirl-text", { key: '0e515c99486185484514c3e40aaf24095d80d857', class: "inline-notification__heading", size: "sm", weight: "semibold" }, this.heading)), h("slot", { key: '13f4bdd58f22067952d103688bbb8bc322b9392f' })))));
     }
 };
 SwirlInlineNotification.style = swirlInlineNotificationCss;

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

@@ -39,7 +39,7 @@ const SwirlInlineStatus = class {
     }
     render() {
         const className = classnames("inline-status", `inline-status--intent-${this.intent}`, `inline-status--size-${this.size}`);
-        return (h(Host, { key: '0eca5fa8517082f95b99238a4e10a6898d354ece' }, h("span", { key: '3043bed401d07bbf94081a5d33fe315d126b8422', class: className, part: "inline-status" }, this.icon && (h("span", { key: '117c3801d199653a6a0f5de1d6e4b0bdf11e7c3e', class: "inline-status__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: '7906bbb7721a5acd103cb7c8af54d8be9ea5a390', class: "inline-status__message" }, this.message))));
+        return (h(Host, { key: '6cb0e9b2fe64481f205cc6a37ea6fc4ad2dc7869' }, h("span", { key: 'de78170d84c278a5a4a12fd72b925b5e9893e986', class: className, part: "inline-status" }, this.icon && (h("span", { key: '0d6a8b993a0bb58b988b20cea18069ba39ca7c3b', class: "inline-status__icon", innerHTML: this.icon, ref: (el) => (this.iconEl = el) })), h("span", { key: 'd22a3fae40b2a15c8d95d8a957371fa170dbaaf0', class: "inline-status__message" }, this.message))));
     }
 };
 SwirlInlineStatus.style = swirlInlineStatusCss;

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

@@ -10,7 +10,7 @@ const SwirlLink = class {
     }
     render() {
         const className = classnames("link", `link--color-${this.color}`);
-        return (h(Host, { key: 'b165545f055fe0070fc5e8937598bf724a971319' }, h("a", { key: 'b6d6ce7dc458fb869441dcba66a22267b731fbb3', class: className, href: this.href, part: "link", target: this.target }, this.label)));
+        return (h(Host, { key: '040ddaf3ab3c1c05fec6a4a39ffc4057c0014c0f' }, h("a", { key: 'f5b666c7d7e22871d44b1f30d67dd6bcb1933acf', class: className, href: this.href, part: "link", target: this.target }, this.label)));
     }
 };
 SwirlLink.style = swirlLinkCss;

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

@@ -291,7 +291,7 @@ const SwirlMenu = class {
             "menu--mobile": this.mobile,
             "menu--root": isTopLevelMenu,
         });
-        return (h(Host, { key: 'da90fae6f4445925c7e41a6977c819a4eaa13d0f' }, h("div", { key: '9a6dbdc8b80d108727a59c89ae62f5875d0404aa', class: className }, this.mobile && isTopLevelMenu && (h("div", { key: 'ea5af359d0c3ef67fb428c9f518eb1d462881256', class: "menu__mobile-header" }, this.activeLevel === 0 && (h("swirl-button", { key: '16cbc3b9e54f607e2020eb29115b8dbedfb8c3d1', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" })), this.activeLevel > 0 && (h("swirl-button", { key: 'c75d85b10d1c3d47845cac8cb865950f2f8408cd', hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" })), h("span", { key: '9d93c0311cf75815dfeedecd3bdccdee04110dcd', class: "menu__title", id: "menu-title" }, h("swirl-heading", { key: '779178c0576ee5493d386d192f8d93d8acea32df', align: "center", as: "span", level: 4, text: this.label, truncate: true })), h("swirl-button", { key: 'd8978be13331a86c371ba5c6b5a554f9e2deee1b', class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone }))), h("div", { key: 'eb98c55901b947f0bd1de2b5952e721722d6b080', "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: 'e82f0ed6771d2a4e0a57d4d86ccdc12dcd55a140' }, h("div", { key: '41a2a9a44e01be2abae3215db54380c1217c14a4', class: className }, this.mobile && isTopLevelMenu && (h("div", { key: 'b185a2e8fcd3bdcf927d944aa256fde86824e660', class: "menu__mobile-header" }, this.activeLevel === 0 && (h("swirl-button", { key: '5343d6fba63e3a0c31f12a58ac95d7e3c9d5c224', hideLabel: true, icon: "<swirl-icon-close></swirl-icon-close>", label: this.mobileCloseMenuButtonLabel, onClick: this.onClose, variant: "plain" })), this.activeLevel > 0 && (h("swirl-button", { key: '24b268a706c41ccf67f42e286564a6d8978f37ea', hideLabel: true, icon: "<swirl-icon-chevron-left></swirl-icon-chevron-left>", label: this.mobileBackButtonLabel, onClick: this.onGoBack, variant: "plain" })), h("span", { key: '24a7266f29ff496e3976979d8df62bdbeb935057', class: "menu__title", id: "menu-title" }, h("swirl-heading", { key: '0e16bf442dd66fb50f40f28e168919d4f97d5e3c', align: "center", as: "span", level: 4, text: this.label, truncate: true })), h("swirl-button", { key: 'c015629a25243719f85a32297774eef39febc19f', class: "menu__done-button", intent: "primary", label: this.mobileDoneButtonLabel, onClick: this.onDone }))), h("div", { key: '39f5b638d7097c9d8418e2319555c8266a44473e', "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` : "",
@@ -302,7 +302,7 @@ const SwirlMenu = class {
                             ? `calc(-100% * ${this.activeLevel})`
                             : "100%",
                     }
-                    : undefined }, h("slot", { key: 'd5f51660891250cb6991b3f5498a01564c445d0c' })))));
+                    : undefined }, h("slot", { key: 'e9cd98c6be964be86a6b0e631e0d80514276a08e' })))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {