@getflip/swirl-components 0.254.1 → 0.256.0

package/dist/components/file-manager.js

@@ -90,7 +90,7 @@ const FileManager$1 = /*@__PURE__*/ proxyCustomElement(class FileManager extends
             onClick: () => this.selectItem(item) }, "type" in item ? (h("swirl-icon-file", { slot: "media" })) : (h("swirl-icon-folder-shared", { slot: "media" })))))) : (h("swirl-box", { padding: "16" }, h("swirl-text", { color: "subdued", weight: "medium" }, "This directory is empty.")));
     }
     render() {
-        return (h(Host, { key: '5abcfa3033adc7fc8fbb6b878295c47a67b446cc' }, h("swirl-app-layout", { key: '15d5dee67eff7b0321948b2b94a190255762aeab', appName: "Documents", backToNavigationViewButtonLabel: "Back to documents list", ctaIcon: "<swirl-icon-add></swirl-icon-add>", ctaLabel: "Upload file", navigationLabel: "Documents", onNavigationBackButtonClick: this.resetSelectedDirectory, ref: (el) => (this.layout = el), sidebarCloseButtonLabel: "Close file info", sidebarHeading: "File info", showNavigationBackButton: Boolean(this.selectedDirectory), transitionStyle: "dialog" }, h("swirl-resource-list", { key: 'dc6202d53d29d30cf301d246b690eb80e2602f98', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: '9727fe10aeff9bdf5b3b8ce2be4fce4b314446fc', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: 'e00d9e6a5db9a8ce6c4c6af56466f042b585edfe', label: "Sort items" })), h("swirl-stack", { key: '5f47eae01c2cac3e4d0336f9eb16613b48935431', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: 'ff2f17e4ee8b7bfeaef76e1d3c6a483c7e40a841' }, h("swirl-heading", { key: '974ee1849a4451a0e576826d9f2e65771d0166a4', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: '43faf8febbc4480e286f011b61bc20ae9f7f29fd', color: "subdued", truncate: true }, this.selectedFile?.description))), Boolean(this.selectedFile) ? (h("swirl-file-viewer", { file: this.selectedFile.url, slot: "content", type: this.selectedFile.type })) : (h("swirl-box", { cover: true, centerBlock: true, centerInline: true, padding: "16", slot: "content" }, h("swirl-empty-state", { heading: "Nothing to see here.", illustration: "/images/empty-state-1.svg" }, "Please select a file from the list."))), h("div", { key: '7b9deb6018f9d6df739a906136fe85ff043d1fe8', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: '85309a64ac050ad4bc21c77a13675e1de669aa4b', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: '9f5f3c1a15b22bfc9523b94ad3578bd709f64d55', padding: "16", slot: "sidebar" }, h("swirl-text", { key: '4d598b0dd927fde15175dfa58bf2748f463df2ed', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: '569dba4b00d49f27e4b25767afb5a1323fdad4d1', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: 'a00f86a4c6d90e00bf3655b0334dbde95e5f797a', value: ["ascending"] }, h("swirl-option-list-item", { key: '836668dd0f91592bbc359a0fc1599417a171f28e', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: 'b33317cc1b6379d631bc4b4faa37a5a012f2e9f3', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: '0362f59ad0dc53c2591825ee0e9c59ea2cb03bc1', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
+        return (h(Host, { key: '4ff7a235ea4c26b50cb4a2b15f13c4e6bf4125c7' }, h("swirl-app-layout", { key: '3c82ebf9d57f7f0e94ee26f2d297cabba160b85d', appName: "Documents", backToNavigationViewButtonLabel: "Back to documents list", ctaIcon: "<swirl-icon-add></swirl-icon-add>", ctaLabel: "Upload file", navigationLabel: "Documents", onNavigationBackButtonClick: this.resetSelectedDirectory, ref: (el) => (this.layout = el), sidebarCloseButtonLabel: "Close file info", sidebarHeading: "File info", showNavigationBackButton: Boolean(this.selectedDirectory), transitionStyle: "dialog" }, h("swirl-resource-list", { key: '0adeaed6507f987455eca9674f181b75ff7fbb0e', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: 'dba4d612913389bf272494a8df7a4d195eba24ec', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: 'a2ed2dd60128be6827afbd471364e9c1ccef796f', label: "Sort items" })), h("swirl-stack", { key: '3dc5ac3646c22c2bc0301a2a93e17ceb5a4be340', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: 'e9fe9ac45cee5901e8f4dc08f51587dc7f24e0d3' }, h("swirl-heading", { key: '67bafdd4263639a5fdeeb833ad61d8ced79e455c', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: 'ab586d7a24a27925c1255f7058d433f9f1141779', color: "subdued", truncate: true }, this.selectedFile?.description))), Boolean(this.selectedFile) ? (h("swirl-file-viewer", { file: this.selectedFile.url, slot: "content", type: this.selectedFile.type })) : (h("swirl-box", { cover: true, centerBlock: true, centerInline: true, padding: "16", slot: "content" }, h("swirl-empty-state", { heading: "Nothing to see here.", illustration: "/images/empty-state-1.svg" }, "Please select a file from the list."))), h("div", { key: 'fadeaa4cbb32652db24fc0844ec9a0f770f7fe16', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: '744110490c959ce89a68f70ad8e484a6aba0ab95', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: '0c4dada7935a5272f087869853ef95be215e2454', padding: "16", slot: "sidebar" }, h("swirl-text", { key: 'e9ce30612c7e77b4b5291257a02ed4375be729b2', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: 'acc0c95285c70f2283a07f237e1d12dd7ed28bd0', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: 'b86c87194dcc3e344783bc620bce33c032867994', value: ["ascending"] }, h("swirl-option-list-item", { key: '5d7ddc09c163937edeffb9a85624df07e4ec8cdd', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: 'efa8be331e423a95783b1e81e01200c4fe3de526', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: 'f924d4f294bc23cd5ad118bbe0fa029b0d246680', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
     }
 }, [1, "file-manager", {
         "selectedDirectory": [32],

package/dist/components/index.js

@@ -350,6 +350,7 @@ import { SwirlToggleButton } from './swirl-toggle-button.js';
 import { SwirlToggleGroup } from './swirl-toggle-group.js';
 import { SwirlToolbar } from './swirl-toolbar.js';
 import { SwirlTooltip } from './swirl-tooltip.js';
+import { SwirlTreeNavigation } from './swirl-tree-navigation.js';
 import { SwirlTreeNavigationItem } from './swirl-tree-navigation-item.js';
 import { SwirlTreeView } from './swirl-tree-view.js';
 import { SwirlTreeViewItem } from './swirl-tree-view-item.js';
@@ -713,6 +714,7 @@ const defineCustomElements = (opts) => {
             SwirlToggleGroup,
             SwirlToolbar,
             SwirlTooltip,
+            SwirlTreeNavigation,
             SwirlTreeNavigationItem,
             SwirlTreeView,
             SwirlTreeViewItem,

package/dist/components/swirl-accordion-item.js

@@ -68,7 +68,7 @@ const SwirlAccordionItem$1 = /*@__PURE__*/ proxyCustomElement(class SwirlAccordi
         const className = classNames("accordion-item", {
             "accordion-item--expanded": this.expanded,
         });
-        return (h(Host, { key: 'd20864b7a190aa60d6e84fd9566b76f0b225ebbf' }, h("div", { key: '0495c32558ba037a6a34a3b471d535cc79094319', class: className }, h(HeadingTag, { key: '179b731e15cdea46baf0e62c7aa0b3a80f6eb276', class: "accordion-item__heading" }, h("button", { key: '52fdb8aae9a5919a193413066c1dcd8f07fa6f03', "aria-controls": this.itemId, "aria-expanded": String(this.expanded), class: "accordion-item__toggle", disabled: this.disabled, id: this.headingId, onClick: this.onHeadingClick, type: "button" }, h("span", { key: 'e5322713bebd4af0973077afda7b1e307e4898d3', class: "accordion-item__toggle-text" }, this.heading, this.description && (h("swirl-text", { key: '308fcaf2aa5213a78bbbbaa85855c97c6128bd4e', as: "span", color: "subdued", size: "sm" }, this.description))), h("span", { key: 'a2c873f03eb89b908d3ecb033dcb2351e5b3ce14', class: "accordion-item__icon" }, !this.expanded && (h("swirl-icon", { key: '8ca407506f305e7178ffd7a397c13b35d650916b', glyph: "chevron-right", size: 20 })), this.expanded && (h("swirl-icon", { key: '8b2231c486f76b21b9a31c36b533caac027400c0', glyph: "expand-more", size: 20 }))))), h("div", { key: 'c77f0e3c85f73ea225569d1e9b03b1a8574224fb', "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, h("slot", { key: '5bfe1ea819a7d4c271251a26ece6988fba765745' })))));
+        return (h(Host, { key: 'c6d9fc10a2ac8f527a9d808287041166aaab4870' }, h("div", { key: '234903b1094c4dad2ca0c677fa483d6eb9fc10ba', class: className }, h(HeadingTag, { key: '6ec1f491bc0abecfbb6366cfc85ee0ce68f5dde1', class: "accordion-item__heading" }, h("button", { key: '84fcf94c50141cfc9e6c40d3187b2c20d65ad8fb', "aria-controls": this.itemId, "aria-expanded": String(this.expanded), class: "accordion-item__toggle", disabled: this.disabled, id: this.headingId, onClick: this.onHeadingClick, type: "button" }, h("span", { key: 'cdbaf4f3ebdde6ee4a0a756bd69c4c0c13dbba03', class: "accordion-item__toggle-text" }, this.heading, this.description && (h("swirl-text", { key: '85564f3d319e46d89cca9c6f5b64e2f087394ac4', as: "span", color: "subdued", size: "sm" }, this.description))), h("span", { key: 'f7e739a84c489e399a56dfd7ae5f270044b3b17b', class: "accordion-item__icon" }, !this.expanded && (h("swirl-icon", { key: '8a8de5ae8958b1f63af03e00772b02f1d6b7e801', glyph: "chevron-right", size: 20 })), this.expanded && (h("swirl-icon", { key: 'd325057cd997f9c88adfb3bc44ae3a6287410ce3', glyph: "expand-more", size: 20 }))))), h("div", { key: '43c47bdf78e3889c20e19cd752eda010d83c4218', "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, h("slot", { key: '6e89f9bdd0f1226037a97919445dc734fabc99cc' })))));
     }
     get el() { return this; }
     static get style() { return SwirlAccordionItemStyle0; }

package/dist/components/swirl-accordion.js

@@ -46,7 +46,7 @@ const SwirlAccordion$1 = /*@__PURE__*/ proxyCustomElement(class SwirlAccordion e
         });
     }
     render() {
-        return (h(Host, { key: 'e598bbf01637b555d81979af8169e5765ba6ab80' }, h("slot", { key: '29e4116f06f3337fb61f1bd6163bdc51a019bc0a' })));
+        return (h(Host, { key: '004b1573b2075e23a5b1a0a154c4ec1c6f5d27be' }, h("slot", { key: 'b2f412f6020ef6d8d90bd837091d4e5896ecb38e' })));
     }
     get el() { return this; }
     static get style() { return SwirlAccordionStyle0; }

package/dist/components/swirl-action-list-section.js

@@ -11,7 +11,7 @@ const SwirlActionListSection$1 = /*@__PURE__*/ proxyCustomElement(class SwirlAct
         this.label = undefined;
     }
     render() {
-        return (h(Host, { key: 'cbbdfd6f7fc5591c7cee2229bf6b6c797bb74cc7' }, h("div", { key: 'b1e1e3f98314fb21e32f42b9a8e14d3f9becafc3', "aria-labelledby": "label", class: "action-list-section", role: "group" }, h("span", { key: 'f0c50d2dc0d094c31a08589d69c7d0170c1ed9c5', class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), h("div", { key: '56f127cb581b2df701ec0ad184dfb986c28e4f55', class: "action-list-section__items" }, h("slot", { key: 'dc64d1341deddf34ce32d44599b33b82ce47dab7' })))));
+        return (h(Host, { key: '8cae6b24fa63e2a4293dd290d046a181acec4114' }, h("div", { key: '938b89ab19e4e864964841d7c8792a88fb9715db', "aria-labelledby": "label", class: "action-list-section", role: "group" }, h("span", { key: '3f0cade363242d3b2abf07c17adadaff8985d54b', class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), h("div", { key: 'ae351506f15b64702e5163f3ae3370e542f51552', class: "action-list-section__items" }, h("slot", { key: '106c08d0dd9c83d2e6e54e02e71763906aa2946c' })))));
     }
     static get style() { return SwirlActionListSectionStyle0; }
 }, [1, "swirl-action-list-section", {

package/dist/components/swirl-action-list2.js

@@ -80,7 +80,7 @@ const SwirlActionList = /*@__PURE__*/ proxyCustomElement(class SwirlActionList e
             item === activeElement?.querySelector('[role="menuitem"]'));
     }
     render() {
-        return (h(Host, { key: 'f130ed86606be59c58c0d7e1166ae6d9d028dcdf' }, h("div", { key: '770e6691bd13ca71fcb3f60746d8bccc07a19e83', "aria-orientation": "vertical", class: "action-list", onFocusout: this.isInsidePopover ? undefined : this.onFocusOut, onFocus: this.isInsidePopover ? undefined : this.onFocus, onKeyDown: this.onKeyDown, part: "action-list", ref: (el) => (this.container = el), role: "menu" }, h("slot", { key: '08ee019835e7a054d63accdff30d7ff70999fe2b' }))));
+        return (h(Host, { key: '9f6c3f33370fb9a3ed2dae5b032ed6aa2516f7d7' }, h("div", { key: 'ee3535a465baf0ebe9c37cbb6424f55d764a8144', "aria-orientation": "vertical", class: "action-list", onFocusout: this.isInsidePopover ? undefined : this.onFocusOut, onFocus: this.isInsidePopover ? undefined : this.onFocus, onKeyDown: this.onKeyDown, part: "action-list", ref: (el) => (this.container = el), role: "menu" }, h("slot", { key: '8b9de9551a41afa6f2b74ec787501e078881c334' }))));
     }
     get el() { return this; }
     static get style() { return SwirlActionListStyle0; }

package/dist/components/swirl-app-icon.js

@@ -27,7 +27,7 @@ const SwirlAppIcon$1 = /*@__PURE__*/ proxyCustomElement(class SwirlAppIcon exten
         const className = classNames("app-icon", {
             "app-icon--has-icon": showIcon || showFallbackIcon,
         });
-        return (h(Host, { key: '949e4c6f89bcf570e23ccdb2dca62b8fa590b595' }, h("span", { key: 'faf2ed8b84352e57267a95a3108773e8b42ac09c', class: className }, showImage && (h("img", { key: 'db28155e17a2eadd28f015b581af873959dcc0e4', alt: "", height: "256", onError: this.setImageUnavailable, onLoad: this.setImageAvailable, src: this.src, width: "256" })), showIcon && (h("span", { key: '2ac3b8de21200d8866694e985a0737b87da891dc', class: "app-icon__icon", innerHTML: this.icon })))));
+        return (h(Host, { key: '6842caf131f2b105538cd14e25a0f8bf0a44c26a' }, h("span", { key: '331a8d940fa7d65f523cbc2aba537458296a63bb', class: className }, showImage && (h("img", { key: 'a17f3b3945401d487247e6ac92beb8d1ddd3fbc1', alt: "", height: "256", onError: this.setImageUnavailable, onLoad: this.setImageAvailable, src: this.src, width: "256" })), showIcon && (h("span", { key: '944dafe88937ac7af4bc65e7eadb006c4e5981d4', class: "app-icon__icon", innerHTML: this.icon })))));
     }
     static get style() { return SwirlAppIconStyle0; }
 }, [1, "swirl-app-icon", {

package/dist/components/swirl-avatar-group.js

@@ -29,7 +29,7 @@ const SwirlAvatarGroup$1 = /*@__PURE__*/ proxyCustomElement(class SwirlAvatarGro
             "avatar-group--has-badge": Boolean(this.badge),
         });
         const badgeClassName = classNames("avatar-group__badge");
-        return (h(Host, { key: '0fb00cbec4533c9dba3678c2ea19e3e10feea383' }, h("div", { key: '8f51d3f11ffec646fbdfc7c847b6119db7fa0c0a', class: className, role: "group" }, h("slot", { key: '790a777b8a79a1fb004971451ebb4753e1bd6435' }), this.badge && (h("span", { key: 'cd64c635336fd04c1fd3236477518d44f47c630e', class: badgeClassName, innerHTML: this.badge, ref: (el) => (this.badgeEl = el) })))));
+        return (h(Host, { key: 'f499e91465cf9179cd6e3139f4c21f6bb0f7dda5' }, h("div", { key: 'cf2868c85e93991f7c850f016d3151f64680e5b8', class: className, role: "group" }, h("slot", { key: 'f1606a310a7a63fdd9c764ae6d3c8feddcd7b6a1' }), this.badge && (h("span", { key: '3002d8955d5c68a683f85ce7c68a727bce406c1e', class: badgeClassName, innerHTML: this.badge, ref: (el) => (this.badgeEl = el) })))));
     }
     static get style() { return SwirlAvatarGroupStyle0; }
 }, [1, "swirl-avatar-group", {

package/dist/components/swirl-carousel-slide.js

@@ -17,7 +17,7 @@ const SwirlCarouselSlide$1 = /*@__PURE__*/ proxyCustomElement(class SwirlCarouse
         const className = classNames("carousel-slide", {
             "carousel-slide--has-min-height": Boolean(this.minHeight),
         });
-        return (h(Host, { key: '8f61c52d294e42d466e3a6cb8d535bb6e3a57bbf', "aria-roledescription": "slide", "aria-label": this.label, class: className, role: "group", style: { flexBasis: this.width, minHeight: this.minHeight }, tabIndex: 0 }, h("slot", { key: '5d3fdafb94d95b976272e9d75e6e5dc36a89d1a2' })));
+        return (h(Host, { key: '21e5c0c1a0554506a0e8eeb89093673bf4c55efa', "aria-roledescription": "slide", "aria-label": this.label, class: className, role: "group", style: { flexBasis: this.width, minHeight: this.minHeight }, tabIndex: 0 }, h("slot", { key: '13107eddba0cfd06a83194bb0f5c72020f073683' })));
     }
     static get style() { return SwirlCarouselSlideStyle0; }
 }, [1, "swirl-carousel-slide", {

package/dist/components/swirl-carousel.js

@@ -110,7 +110,7 @@ const SwirlCarousel$1 = /*@__PURE__*/ proxyCustomElement(class SwirlCarousel ext
         return inInView;
     }
     render() {
-        return (h(Host, { key: '8c11edc4d4b47bc2e14f67a02e915ae36accfde0', "aria-label": this.label, "aria-roledescription": "carousel", role: "group" }, h("div", { key: '545694170893141f767e634ca7f06a311c485a4d', class: "carousel" }, this.isScrollable && !this.isAtStart && (h("swirl-button", { key: '295bad656ae38a49d7f8434c17034749abf41b59', 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: '15d4e944515c6761a77fa4bd828ac3077c9b13d6', 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: 'f16f809f3bce510b8d8c59380e2f800f22ed5cdc', "aria-live": "polite", class: "carousel__slides", onScroll: this.onScroll, ref: (el) => (this.slidesContainer = el) }, h("slot", { key: '7e37f897764033cc2777c37d2fd5b206e6a2d190', onSlotchange: this.onSlotChange })))));
+        return (h(Host, { key: '801697822fd433c46ba90d32b73fbedf3e7b1d5d', "aria-label": this.label, "aria-roledescription": "carousel", role: "group" }, h("div", { key: '275ba2f4cda4630a8af16fe7eeabec632d4932b3', class: "carousel" }, this.isScrollable && !this.isAtStart && (h("swirl-button", { key: '246e774f5f8d1506d109c8e68d83c626be472641', 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: '5c847d86819472aebd8d22348efbc57a25a49a8e', 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: '2bb930b8f2458177507db8ac62fbf165e525e37a', "aria-live": "polite", class: "carousel__slides", onScroll: this.onScroll, ref: (el) => (this.slidesContainer = el) }, h("slot", { key: '596aa756c3919a1d66d6af891a11d8d45b70cb3a', onSlotchange: this.onSlotChange })))));
     }
     get el() { return this; }
     static get style() { return SwirlCarouselStyle0; }

package/dist/components/swirl-color-input.js

@@ -458,11 +458,11 @@ const SwirlColorInput$1 = /*@__PURE__*/ proxyCustomElement(class SwirlColorInput
         const className = classNames("color-input", {
             "color-input--inline": this.inline,
         });
-        return (h(Host, { key: 'a6b1db08b2b1a13ea3bdd7d410b65bedd8b3a0a4' }, h("div", { key: '7bdd6e4d4a50fe73c0415ed6a7b2a8c893ff3113', class: className }, h("input", { key: 'f4db4ff152d13e0ee6f5414d3f5610b201732b54', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "color-input__input", disabled: this.disabled, maxLength: 7, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, spellcheck: "false", type: "text", value: this.value }), h("swirl-popover-trigger", { key: '425b3b1bb4cba6fcd6d989de26f24e9a99fe4e35', swirlPopover: this.pickerId }, h("button", { key: '824daa23d2bbcf3bddb1e46a77e53c850b7c56c7', "aria-label": this.pickerButtonLabel, class: "color-input__preview-button", style: {
+        return (h(Host, { key: 'f0d620c0d0402c04255df09eafdeab6ce0b271f4' }, h("div", { key: 'f28c97aecd99df2e5bf8eda9dbd913fdc1d76349', class: className }, h("input", { key: 'f286823b38675dc28a41c20d1c89ba09058fe8ba', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "color-input__input", disabled: this.disabled, maxLength: 7, onBlur: this.onBlur, onFocus: this.onFocus, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, spellcheck: "false", type: "text", value: this.value }), h("swirl-popover-trigger", { key: '17348886e3d8283b8f92bde939d8ffe67cdf0371', swirlPopover: this.pickerId }, h("button", { key: '2737a09648c06563631ea7ad24f932fd116d0c16', "aria-label": this.pickerButtonLabel, class: "color-input__preview-button", style: {
                 backgroundColor: this.disabled
                     ? "var(--s-border-subdued)"
                     : this.value,
-            }, type: "button" })), h("swirl-popover", { key: 'f3e100b52a832fc73a8fb0a72ca1411b608bc104', animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, h("swirl-box", { key: 'e9d1f8442646ecb2852d48f6a87ab897605a1660', centerInline: true, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, h("hex-color-picker", { key: '1cad488c849088dcc4b106bb7448c94a2d0cad50', color: this.value, ref: (el) => (this.picker = el) }))))));
+            }, type: "button" })), h("swirl-popover", { key: 'f0deee906e54a0802914abe66b5b426c759c0d01', animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, h("swirl-box", { key: 'b4beb61326f80d2a57c8ef533b9a7d291867ca12', centerInline: true, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, h("hex-color-picker", { key: '3c412fa3f8dae4128170a25a9906a6ce2bd338a9', color: this.value, ref: (el) => (this.picker = el) }))))));
     }
     static get watchers() { return {
         "value": ["watchValue"]

package/dist/components/swirl-console-layout.js

@@ -126,11 +126,11 @@ const SwirlConsoleLayout$1 = /*@__PURE__*/ proxyCustomElement(class SwirlConsole
             "console-layout--sidebar-active": this.sidebarActive,
             "console-layout--empty-app-bar": !Boolean(this.appName) && !this.showHelpButton,
         });
-        return (h(Host, { key: '0eb19236d04c54db5b90ee7651d1b1d4a7650b77' }, h("div", { key: '35781e4a429a3ed3610a970225935717af299f8b', class: className, onClick: this.onClick, onKeyDown: this.onKeyDown }, h("header", { key: '744171c694eb49672c9fd12d8dfd475668ad7c96', "aria-hidden": String(!this.sidebarActive), class: "console-layout__sidebar", ref: (el) => (this.sidebarEl = el) }, h("div", { key: '7192c4a3bb4ace699dbcec0ab9a8ffbb53747e56', class: "console-layout__header" }, h("div", { key: 'b267f54fbb085079e8ee483093a5de3988abc57d', class: "console-layout__logo" }, h("svg", { key: '4a19eec03d3431569a178981e0d87d72dd3d3548', class: "console-layout__logo-mark", fill: "none", height: "26", viewBox: "0 0 16 26", width: "16", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '7125a91e87dd369461cfec31b9f4751e92eeb3ff', d: "M0.624238 14.0705C0.326496 13.5353 0.118077 12.9406 0.0287543 12.3161C-0.0307941 11.662 -0.0010199 11.0375 0.147851 10.4428C0.296722 9.84813 0.594464 9.25343 0.951754 8.77767C1.33882 8.27217 1.78543 7.85588 2.35114 7.55853L14.6181 0.362671C14.9159 0.8979 15.1243 1.4926 15.2136 2.11703C15.3029 2.74147 15.2434 3.3659 15.0945 3.99034C14.9456 4.58504 14.6479 5.17974 14.2906 5.6555C13.9035 6.16099 13.4569 6.57728 12.8912 6.87463L0.624238 14.0705Z", fill: "#145AF5" }), h("path", { key: '28dbea85c6cc083706b118a550f0c4927559646a', d: "M3.69214 21.4743C3.3944 20.9391 3.18598 20.3444 3.09666 19.72C3.00733 19.0956 3.06688 18.4711 3.21575 17.8467C3.36462 17.252 3.66237 16.6573 4.01966 16.1815C4.40672 15.676 4.85333 15.2597 5.41904 14.9624L12.2076 10.9779C12.5053 11.5131 12.7137 12.1078 12.803 12.7323C12.8924 13.3567 12.8328 13.9811 12.6839 14.6056C12.5351 15.2003 12.2373 15.795 11.88 16.2707C11.493 16.7762 11.0464 17.1925 10.4807 17.4899L3.69214 21.4743Z", fill: "#145AF5" }), h("path", { key: '4d2f62470e2346a070047e2fc3d0840bac127a0b', d: "M3.69141 21.4739L7.77047 19.0951C8.39573 20.1953 8.5446 21.5036 8.24686 22.7228C7.91934 23.9419 7.14521 24.9826 6.04357 25.6368L3.69141 21.4739Z", fill: "#80A8F4" }), h("path", { key: '537ca3018e9aebb1f7fa7d8740aaa1b891984e38', d: "M12.2072 10.9785L7.32419 10.1459L0.625 14.0709L5.38887 14.9629L12.2072 10.9785Z", fill: "#80A8F4" })), h("swirl-text", { key: 'f90a92d55105c8c95c0868d214c052950a9ee07e', class: "console-layout__logo-text", weight: "medium" }, this.logoText))), h("nav", { key: '464a016822f48f8da113344637652d17683282c1', "aria-label": this.navigationLabel, class: "console-layout__navigation" }, h("slot", { key: '50c2c1d0193fb7ca1778d5f581340667c255d251', name: "navigation" })), h("div", { key: '944122212602e40616c12fb44870c2064b363ae2', class: "console-layout__user" }, h("slot", { key: '4431a00144a149b62dd8d2885b55f22a7ab68c32', name: "user" }))), h("main", { key: '4faa140f198686c95145b0c9872ba2667ef5ef12', "aria-labelledby": Boolean(this.appName) ? "app-name" : undefined, class: "console-layout__main" }, h("header", { key: '8018aa787cb9a24e0872f2c583ec63282ad645ef', class: "console-layout__app-bar" }, h("span", { key: 'fc3efe0db3a7f6e405acbdf5796cc6d3b04d6315', class: "console-layout__mobile-navigation-button" }, h("swirl-button", { key: '527cc5ac3220dc75f9a596f2ba62802fa66cab8a', swirlAriaExpanded: String(this.sidebarActive), hideLabel: true, icon: this.sidebarActive
+        return (h(Host, { key: '0ae8f75f1b1453107bd9595fc3e6fba0c81924b7' }, h("div", { key: 'c564a56cb9b53636b15776124fc05f5b99898d51', class: className, onClick: this.onClick, onKeyDown: this.onKeyDown }, h("header", { key: '3fb9fd3aa92fef0aef34833e722f168ae378eca7', "aria-hidden": String(!this.sidebarActive), class: "console-layout__sidebar", ref: (el) => (this.sidebarEl = el) }, h("div", { key: '799e19bd775a44ab92fc84f34a433d5a3249f944', class: "console-layout__header" }, h("div", { key: 'a914ffe53baa687057b885bcd2967cfe1ffc3e00', class: "console-layout__logo" }, h("svg", { key: 'a413bb57cee87ed55e125377fbb4fca32c1c90d1', class: "console-layout__logo-mark", fill: "none", height: "26", viewBox: "0 0 16 26", width: "16", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '34fc711d9d779a50056329ad62e308f155b7c8d7', d: "M0.624238 14.0705C0.326496 13.5353 0.118077 12.9406 0.0287543 12.3161C-0.0307941 11.662 -0.0010199 11.0375 0.147851 10.4428C0.296722 9.84813 0.594464 9.25343 0.951754 8.77767C1.33882 8.27217 1.78543 7.85588 2.35114 7.55853L14.6181 0.362671C14.9159 0.8979 15.1243 1.4926 15.2136 2.11703C15.3029 2.74147 15.2434 3.3659 15.0945 3.99034C14.9456 4.58504 14.6479 5.17974 14.2906 5.6555C13.9035 6.16099 13.4569 6.57728 12.8912 6.87463L0.624238 14.0705Z", fill: "#145AF5" }), h("path", { key: '335a0240fa9a27db046eda7a42a4d168ad2b6ba5', d: "M3.69214 21.4743C3.3944 20.9391 3.18598 20.3444 3.09666 19.72C3.00733 19.0956 3.06688 18.4711 3.21575 17.8467C3.36462 17.252 3.66237 16.6573 4.01966 16.1815C4.40672 15.676 4.85333 15.2597 5.41904 14.9624L12.2076 10.9779C12.5053 11.5131 12.7137 12.1078 12.803 12.7323C12.8924 13.3567 12.8328 13.9811 12.6839 14.6056C12.5351 15.2003 12.2373 15.795 11.88 16.2707C11.493 16.7762 11.0464 17.1925 10.4807 17.4899L3.69214 21.4743Z", fill: "#145AF5" }), h("path", { key: '6503f6c4cf76c4c51b7f6445987986412daa8fe2', d: "M3.69141 21.4739L7.77047 19.0951C8.39573 20.1953 8.5446 21.5036 8.24686 22.7228C7.91934 23.9419 7.14521 24.9826 6.04357 25.6368L3.69141 21.4739Z", fill: "#80A8F4" }), h("path", { key: 'aa0cfa1f47d5c7924e7f6687d963c8d4c4f9b00e', d: "M12.2072 10.9785L7.32419 10.1459L0.625 14.0709L5.38887 14.9629L12.2072 10.9785Z", fill: "#80A8F4" })), h("swirl-text", { key: '67b8826fea6c6168449457ed853e747eb39167e6', class: "console-layout__logo-text", weight: "medium" }, this.logoText))), h("nav", { key: 'ceb73cea3d462e12de2063fb6a4738b3f22b6925', "aria-label": this.navigationLabel, class: "console-layout__navigation" }, h("slot", { key: '6b5ef2e19e53704f0c51421e52a63d56693700bf', name: "navigation" })), h("div", { key: '877036f65f6e66029d54efc8a471353629044aff', class: "console-layout__user" }, h("slot", { key: '110525ea4f0d47aed61a572cfa988d58883686ac', name: "user" }))), h("main", { key: 'ef3ab0d75901a1eee091d2893244347ab28beebd', "aria-labelledby": Boolean(this.appName) ? "app-name" : undefined, class: "console-layout__main" }, h("header", { key: '92dede77f656be58c606597751574f448d0a3c13', class: "console-layout__app-bar" }, h("span", { key: '24eea696baae959296f2aef6499a202bbe291da8', class: "console-layout__mobile-navigation-button" }, h("swirl-button", { key: 'dc4a6d5cd66358ffed6e979e8afeb687272b8745', swirlAriaExpanded: String(this.sidebarActive), hideLabel: true, icon: this.sidebarActive
                 ? "<swirl-icon-close></swirl-icon-close>"
                 : "<swirl-icon-menu></swirl-icon-menu>", label: this.sidebarActive
                 ? this.hideNavigationButtonLabel
-                : this.showNavigationButtonLabel, onClick: this.onMobileNavigationToggleClick })), h("div", { key: '31bcc34e76b8e2ecbaf3efe113a2ff7049b1a53e', class: "console-layout__app-name" }, this.appName && (h("swirl-heading", { key: '750381b7ec70425a7273e044dcffe56f5fde531e', as: "h1", headingId: "app-name", level: 4, text: this.appName }))), this.showHelpButton && (h("swirl-button", { key: 'ed27a60536922ab5d4b090f8c16eca13f6229cd5', class: "console-layout__help-button", hideLabel: true, icon: "<swirl-icon-help></swirl-icon-help>", label: this.helpButonLabel, onClick: this.onHelpButtonClick }))), h("section", { key: 'cc460b3569b0374ce66a0f99340ce78757eb4f3d', "aria-labelledby": "heading", class: "console-layout__content", style: contentStyles }, h("header", { key: '96dcaa37ce999b28ab0ee79dd2666be5b767a52d', class: "console-layout__content-header" }, this.showBackButton && (h("swirl-button", { key: '3064b53bb893025d9b06735141d6e8a51e875d62', class: "console-layout__back-button", hideLabel: true, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.backButonLabel, onClick: this.onBackButtonClick })), Boolean(this.heading) && (h("div", { key: '5dfa2758a8c5fd4fc948b4f8ae47771c258c2504', class: "console-layout__heading-container" }, h("swirl-heading", { key: '8e8e424a64d2dba7fe3d7bcc2b3fbf1d5720cce3', as: Boolean(this.appName) ? "h2" : "h1", class: "console-layout__heading", headingId: "heading", level: 1, text: this.heading }), this.subheading && (h("swirl-text", { key: '1a205ffa5656e54694e9a5ebd473deb13e8cda63', class: "console-layout__subheading", color: "subdued" }, this.subheading)))), !Boolean(this.heading) && (h("div", { key: '45cfad7e3a73a24b706bc6de72e5b4538689d547', class: "console-layout__heading-container" }, h("slot", { key: '4bb9af958085eef1d3d0ccf5316a61970e1b868d', name: "heading" }))), h("div", { key: 'bca5a2d4b523ce3f0b67368f706e789fe4f16cf9', class: "console-layout__content-header-tools" }, h("slot", { key: '329f7aa06d88aca384edb588f99211516a0f1732', name: "content-header-tools" }))), h("div", { key: 'ccec77529ef2e372a93c3bc589a05b3ba922e554', class: "console-layout__integration" }, h("slot", { key: 'c481583d21cf05aee6111ee64a5a3980bc218815', name: "content" }))), h("div", { key: '1d958ad52810aba7e587e02e3f40caae9c8b871e', class: "console-layout__overlays" }, h("slot", { key: 'f8397ebf73eaef4c1cf592cc823c2e7ba459295a', name: "overlays" }))))));
+                : this.showNavigationButtonLabel, onClick: this.onMobileNavigationToggleClick })), h("div", { key: '4d377f51a2e18350363a214d199a4935f16a9c16', class: "console-layout__app-name" }, this.appName && (h("swirl-heading", { key: 'fc62ac85402e2ec79958c1c2ba81d3cfc07c52d5', as: "h1", headingId: "app-name", level: 4, text: this.appName }))), this.showHelpButton && (h("swirl-button", { key: '898a87ca39e0fd4786ecd80418c99793cc9e15bb', class: "console-layout__help-button", hideLabel: true, icon: "<swirl-icon-help></swirl-icon-help>", label: this.helpButonLabel, onClick: this.onHelpButtonClick }))), h("section", { key: '8e15f85881e119b76ab1c42422503e7bd98610ca', "aria-labelledby": "heading", class: "console-layout__content", style: contentStyles }, h("header", { key: 'ccf7435dd21a960e090eb72d173020efa36b9124', class: "console-layout__content-header" }, this.showBackButton && (h("swirl-button", { key: 'a58c3ebbb9a664ad9079670785289c0601643131', class: "console-layout__back-button", hideLabel: true, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.backButonLabel, onClick: this.onBackButtonClick })), Boolean(this.heading) && (h("div", { key: '5b7f51a49cce3f48f302b20db15a0924196580fc', class: "console-layout__heading-container" }, h("swirl-heading", { key: '54105137aafd04bc66d8afd636e6f62a03185721', as: Boolean(this.appName) ? "h2" : "h1", class: "console-layout__heading", headingId: "heading", level: 1, text: this.heading }), this.subheading && (h("swirl-text", { key: '125c91a8511bf13e26352d1696903ac59aeb9ecc', class: "console-layout__subheading", color: "subdued" }, this.subheading)))), !Boolean(this.heading) && (h("div", { key: '01bdf66bbd8110c5ba15c05579c60e3810b9e5ae', class: "console-layout__heading-container" }, h("slot", { key: '7683e7bf782f871455156501d96326c481d73847', name: "heading" }))), h("div", { key: '48d4e6abd947e58218a2a5172b0763d0a901810f', class: "console-layout__content-header-tools" }, h("slot", { key: 'b24eae7b370b1f0e7a0d88728ca60bed8cc10490', name: "content-header-tools" }))), h("div", { key: '5f07afe14c3961b31be303e178b55ab89ffb067a', class: "console-layout__integration" }, h("slot", { key: '78a281174feed87fdd6d7e4058354a172a3d7503', name: "content" }))), h("div", { key: 'dcafe77c3a567421c6767ed25296a996d9be8bd5', class: "console-layout__overlays" }, h("slot", { key: 'b49840f2799837b192233223c0d6cbd2e58291cf', name: "overlays" }))))));
     }
     get el() { return this; }
     static get style() { return SwirlConsoleLayoutStyle0; }

package/dist/components/swirl-date-input.js

@@ -160,7 +160,7 @@ const SwirlDateInput$1 = /*@__PURE__*/ proxyCustomElement(class SwirlDateInput e
         const className = classNames("date-input", {
             "date-input--inline": this.inline,
         });
-        return (h(Host, { key: '26b9892a5e3fae38fec3765acd1bf2b0e8a9469e' }, h("div", { key: 'de5e001a177a11dcf26e16fd33b200d540219a7f', class: className }, h("input", { key: '56c7850f8450d515071fc7048734e17613022b8e', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "date-input__input", disabled: this.disabled, readonly: this.readonly, id: this.id, inputmode: "numeric", onClick: this.onClick, onMouseDown: this.onMouseDown, onFocus: this.onFocus, onBlur: this.onBlur, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, type: "text", value: displayValue }), h("swirl-popover-trigger", { key: '9d3478ef10479c70618fe42f25081d5f22479ca3', swirlPopover: `popover-${this.id}` }, h("button", { key: '3f127344240be8e6c75711010f23bed98a9184e5', "aria-label": this.datePickerTriggerLabel, class: "date-input__date-picker-button", disabled: this.disabled, type: "button" }, h("swirl-icon-today", { key: '94d6af1ef3352a515daa8ed14200bdcc769090e4', size: this.iconSize })))), !this.disabled && (h("swirl-popover", { key: '8ddd0949962ee343f2f52d45ca97ec7cb73e8bee', animation: "scale-in-y", id: `popover-${this.id}`, label: this.datePickerLabel, placement: "bottom-end", ref: (el) => (this.pickerPopover = el) }, h("swirl-date-picker", { key: '14fd07de748cb88b79dc3318d1160fd58645d439', disableDate: this.datePickerDisableDate, firstDayOfWeek: this.firstDayOfWeek, labels: this.labels, locale: this.locale, onValueChange: this.onPickDate, value: dateValue, startDate: dateValue })))));
+        return (h(Host, { key: '296c03693dedf618c9f897027d1f18c37d7570cc' }, h("div", { key: '1cebccc9e07c74ba99250df57ce53385cc7422dd', class: className }, h("input", { key: 'f751cb69404907a1e203396d559db8e7b4591007', "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : undefined, "aria-invalid": ariaInvalid, autoFocus: this.autoFocus, class: "date-input__input", disabled: this.disabled, readonly: this.readonly, id: this.id, inputmode: "numeric", onClick: this.onClick, onMouseDown: this.onMouseDown, onFocus: this.onFocus, onBlur: this.onBlur, onInput: this.onInput, placeholder: this.placeholder, ref: (el) => (this.inputEl = el), required: this.required, type: "text", value: displayValue }), h("swirl-popover-trigger", { key: 'dcbd828da70c00ac11ae35c278a793e5225e80f4', swirlPopover: `popover-${this.id}` }, h("button", { key: 'ba359bdb631eb2c327f9660d08e9ee28e4e7db37', "aria-label": this.datePickerTriggerLabel, class: "date-input__date-picker-button", disabled: this.disabled, type: "button" }, h("swirl-icon-today", { key: '144aed4c8e6768e3b3f3e4ea73a1b45688329205', size: this.iconSize })))), !this.disabled && (h("swirl-popover", { key: '76dd883b51dbc595e282019774751455fcd778d9', animation: "scale-in-y", id: `popover-${this.id}`, label: this.datePickerLabel, placement: "bottom-end", ref: (el) => (this.pickerPopover = el) }, h("swirl-date-picker", { key: '80f4b71f88f43b21fb8bd54e3486ad27e485eb37', disableDate: this.datePickerDisableDate, firstDayOfWeek: this.firstDayOfWeek, labels: this.labels, locale: this.locale, onValueChange: this.onPickDate, value: dateValue, startDate: dateValue })))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/swirl-date-picker2.js

@@ -35,7 +35,7 @@ const SwirlDatePicker = /*@__PURE__*/ proxyCustomElement(class SwirlDatePicker e
         const startDate = this.startDate instanceof Date
             ? getISODateString(this.startDate)
             : undefined;
-        return (h(Host, { key: '60477c7f4c8b070eb05fc2ca95d4c79371cefc7f', onClick: this.onClick }, h("wc-datepicker", { key: '5f29d33b72e91e3704084584eb92ba5cba3fdf31', elementClassName: "date-picker", disableDate: this.disableDate, firstDayOfWeek: this.firstDayOfWeek, labels: this.labels, locale: this.locale, onSelectDate: this.onSelectDate, range: this.range, startDate: startDate, value: this.value })));
+        return (h(Host, { key: '0093f697e6cfa16a93f03398dcbe0a7015b59a9d', onClick: this.onClick }, h("wc-datepicker", { key: '92520400d69485b339666e15138ba396a4270bea', elementClassName: "date-picker", disableDate: this.disableDate, firstDayOfWeek: this.firstDayOfWeek, labels: this.labels, locale: this.locale, onSelectDate: this.onSelectDate, range: this.range, startDate: startDate, value: this.value })));
     }
     get el() { return this; }
     static get style() { return SwirlDatePickerStyle0; }

package/dist/components/swirl-description-list-item.js

@@ -24,7 +24,7 @@ const SwirlDescriptionListItem$1 = /*@__PURE__*/ proxyCustomElement(class SwirlD
             "description-list-item--has-additional-content": hasAdditionalContent,
             "description-list-item--has-tools": hasTools,
         });
-        return (h(Host, { key: '046474e3e80fdfc00205ace857b62a72cc1dcb9b', role: "listitem" }, h("div", { key: 'eea995f79fb12f64b80d98533513fa664c24ac85', class: className, part: "description-list-item", role: "group" }, h("div", { key: '68fcb08a0222b1bd3dce0129cf94e4f739df7882', class: "description-list-item__inner" }, h("div", { key: '60f1792fb07463cb2fefdc5e3798abe19ac2ac02', class: "description-list-item__text-container" }, h("div", { key: '04c89bac1a2dc3c48c355864ac093b3f70c63d4b', class: "description-list-item__term", part: "description-list-item__term", role: "term" }, this.term, this.tooltip && (h("span", { key: 'ddcebb1554511ab747499a05466fdee242aecee7', class: "description-list-item__tooltip" }, h("swirl-tooltip", { key: '52f5032fcb2aed1df7171a0e72e0f7258b5a8c62', content: this.tooltip, position: "right" }, h("swirl-icon-info", { key: '01988fe94a11f056ba67703bf1121c51a4450969', size: 16, tabIndex: 0 }))))), h("div", { key: 'd07c805bd0b0b0f1292104edb7d54df0292bd68e', style: { maxWidth: this.maxWidth }, class: "description-list-item__description", role: "definition" }, h("slot", { key: 'd45e175808e96ebfa82c4f8b0ccb370602b5500f' }))), h("div", { key: '533e5b037d8879b08cfd7cb95c549120bb1bd97b', class: "description-list-item__tools" }, h("slot", { key: 'bf30240e82b671bc719b554bfd15e20746b03f06', name: "tools" }))), h("div", { key: 'c992222b8e453b61bfaeb008c21d35f5aea78690', class: "description-list-item__additional-content" }, h("slot", { key: '8e079034dc5228467e9f837999b883b0077fbb53', name: "additional-content" })))));
+        return (h(Host, { key: '86a9819f8575ee077bafc2330d30dbefc4751de9', role: "listitem" }, h("div", { key: '9942a358bcfc63f4945bb271e1d8cd92cd5c2818', class: className, part: "description-list-item", role: "group" }, h("div", { key: '44eac486a8b2beec67c155149d92b92045b54c11', class: "description-list-item__inner" }, h("div", { key: 'f5734b0551dadd683497a7d12eb3db1b87360c34', class: "description-list-item__text-container" }, h("div", { key: '549de9e411868b1d9172bcab2885973ba6a5cbd0', class: "description-list-item__term", part: "description-list-item__term", role: "term" }, this.term, this.tooltip && (h("span", { key: '417a7c7de8b695eb40aa5bcd8e7a2492059590f3', class: "description-list-item__tooltip" }, h("swirl-tooltip", { key: '0ace06c1790d424ec599fa627e72a3acc233bb1b', content: this.tooltip, position: "right" }, h("swirl-icon-info", { key: '568c20c31efbc8bac557018f3263e143ba8be609', size: 16, tabIndex: 0 }))))), h("div", { key: 'cdd182789293f2f40842f76640c7e9a1b12b0655', style: { maxWidth: this.maxWidth }, class: "description-list-item__description", role: "definition" }, h("slot", { key: '875978a53447d99a3c47df8712b9715e980068fa' }))), h("div", { key: 'f1fdcd16180963875c5c0da46ab2c375799a3ad5', class: "description-list-item__tools" }, h("slot", { key: '3abef1527c0a751c1eb4518c9824ce543567fe35', name: "tools" }))), h("div", { key: '185db9ca6d1e5bd613fb4fb376133864f58de13a', class: "description-list-item__additional-content" }, h("slot", { key: '0e7e0497bd74c651963c1505ba6db4ca0aaf7902', name: "additional-content" })))));
     }
     get el() { return this; }
     static get style() { return SwirlDescriptionListItemStyle0; }

package/dist/components/swirl-description-list.js

@@ -10,7 +10,7 @@ const SwirlDescriptionList$1 = /*@__PURE__*/ proxyCustomElement(class SwirlDescr
         this.__attachShadow();
     }
     render() {
-        return (h(Host, { key: 'dfbe1eeee244562cf21081f8afdab228c71e9606' }, h("div", { key: '5dea91c004cbb228d936ad6b0c816df6f882f2a3', class: "description-list", role: "list" }, h("slot", { key: 'a1125b0550e285ca6266209fb9c89937d7eec121' }))));
+        return (h(Host, { key: 'a3087fa2e0e84ac2bc6f4cd5a27a98d945cdff0d' }, h("div", { key: '8dc9916ad4cf9dd8284fc24e96178af3586b6210', class: "description-list", role: "list" }, h("slot", { key: 'dd319d9649ded0a1fb44ffd536586f0b43c6278f' }))));
     }
     static get style() { return SwirlDescriptionListStyle0; }
 }, [1, "swirl-description-list"]);

package/dist/components/swirl-emoji-clap.js

@@ -14,7 +14,7 @@ const SwirlEmojiClap$1 = /*@__PURE__*/ proxyCustomElement(class SwirlEmojiClap e
     }
     render() {
         const className = classNames("emoji", `emoji--size-${this.size}`);
-        return (h(Fragment, { key: 'e42db4fb9fa2311d179e56fdb5a6bd68bc5952fc' }, this.size === 16 && (h("img", { key: '4fd3c9faeb99124d610ca832013d531706200c37', alt: this.label, class: className, height: "16", src: "emojis/Clap16.png", width: "16" })), this.size === 20 && (h("img", { key: 'f68a6dc5107a7fbfa20f29e109f41468cb324fa2', alt: this.label, class: className, height: "20", src: "emojis/Clap20.png", width: "20" })), this.size === 24 && (h("img", { key: '39960d53b6fc830a8c54606d127811afc5d7fd58', alt: this.label, class: className, height: "24", src: "emojis/Clap24.png", width: "24" })), this.size === 32 && (h("img", { key: 'e62cafc0f4d2e686f1c7e3d8b257ba0de9401967', alt: this.label, class: className, height: "32", src: "emojis/Clap32.png", width: "32" }))));
+        return (h(Fragment, { key: 'bcec502f8afd9496dcb9013ea7e468eb76e80b87' }, this.size === 16 && (h("img", { key: '610fe681a08cff28ca7a0779ca7a8a7b8f8c227f', alt: this.label, class: className, height: "16", src: "emojis/Clap16.png", width: "16" })), this.size === 20 && (h("img", { key: 'bb659a724f4f67887281a8d495b5ecb819086744', alt: this.label, class: className, height: "20", src: "emojis/Clap20.png", width: "20" })), this.size === 24 && (h("img", { key: 'f2295aa1940879557e71f9b3d99d871f7ac2ab60', alt: this.label, class: className, height: "24", src: "emojis/Clap24.png", width: "24" })), this.size === 32 && (h("img", { key: '14949538ce9b84cb9b0973c3b089e7f30445a8f0', alt: this.label, class: className, height: "32", src: "emojis/Clap32.png", width: "32" }))));
     }
     static get style() { return SwirlEmojiClapStyle0; }
 }, [1, "swirl-emoji-clap", {

package/dist/components/swirl-emoji-happy.js

@@ -14,7 +14,7 @@ const SwirlEmojiHappy$1 = /*@__PURE__*/ proxyCustomElement(class SwirlEmojiHappy
     }
     render() {
         const className = classNames("emoji", `emoji--size-${this.size}`);
-        return (h(Fragment, { key: 'ce4e0422011aafe57034c71bd1647c10c4bc2383' }, this.size === 16 && (h("img", { key: '1e3da507671390c2ef319d37626c49a988c3ac6e', alt: this.label, class: className, height: "16", src: "emojis/Happy16.png", width: "16" })), this.size === 20 && (h("img", { key: 'b5f769b9be4c583d1fb99d263950e9efde2e6f8f', alt: this.label, class: className, height: "20", src: "emojis/Happy20.png", width: "20" })), this.size === 24 && (h("img", { key: '830eb97722bd22d3bbe8c91ea67b119007f306f4', alt: this.label, class: className, height: "24", src: "emojis/Happy24.png", width: "24" })), this.size === 32 && (h("img", { key: 'ba345b48b6a87837bfdbbcff5e33fbab02bfc93b', alt: this.label, class: className, height: "32", src: "emojis/Happy32.png", width: "32" }))));
+        return (h(Fragment, { key: 'bf61031b2354fd68ebdb9b68492a6ebe9245dd75' }, this.size === 16 && (h("img", { key: 'ad7c462fb1cbc4ae7bdb376f9684ebcc64c91656', alt: this.label, class: className, height: "16", src: "emojis/Happy16.png", width: "16" })), this.size === 20 && (h("img", { key: 'e8d8ca87d588895b80cc744c39b4f3923b52d89f', alt: this.label, class: className, height: "20", src: "emojis/Happy20.png", width: "20" })), this.size === 24 && (h("img", { key: '85dab1a3aed8f8b0e45c18ba16e41ce15abd8e79', alt: this.label, class: className, height: "24", src: "emojis/Happy24.png", width: "24" })), this.size === 32 && (h("img", { key: 'aea5a2a2a336d845353c13a3abbfc1f22ea89b2a', alt: this.label, class: className, height: "32", src: "emojis/Happy32.png", width: "32" }))));
     }
     static get style() { return SwirlEmojiHappyStyle0; }
 }, [1, "swirl-emoji-happy", {

package/dist/components/swirl-emoji-idea.js

@@ -14,7 +14,7 @@ const SwirlEmojiIdea$1 = /*@__PURE__*/ proxyCustomElement(class SwirlEmojiIdea e
     }
     render() {
         const className = classNames("emoji", `emoji--size-${this.size}`);
-        return (h(Fragment, { key: '05cd2d3621ab09ceeae8045f836d03d8c95eb864' }, this.size === 16 && (h("img", { key: 'ef474446c3da264e58d2ea23f1333dbccbedca73', alt: this.label, class: className, height: "16", src: "emojis/Idea16.png", width: "16" })), this.size === 20 && (h("img", { key: '21d52ddd8d61be7f94a96569d416c506fda789e6', alt: this.label, class: className, height: "20", src: "emojis/Idea20.png", width: "20" })), this.size === 24 && (h("img", { key: 'bff3aea97aabad6851b245a73db95c33411f7e81', alt: this.label, class: className, height: "24", src: "emojis/Idea24.png", width: "24" })), this.size === 32 && (h("img", { key: 'd05b05dea846c9bf511ca4a407fac8983870a9f8', alt: this.label, class: className, height: "32", src: "emojis/Idea32.png", width: "32" }))));
+        return (h(Fragment, { key: '9b1724279d1ed9330455e9e53b83e659a029d1a5' }, this.size === 16 && (h("img", { key: 'e1f4620d781dfdb0a11a38487f43aedfb1305206', alt: this.label, class: className, height: "16", src: "emojis/Idea16.png", width: "16" })), this.size === 20 && (h("img", { key: '15c982d76f630c390bf0c2d5537fa137d9ceaec7', alt: this.label, class: className, height: "20", src: "emojis/Idea20.png", width: "20" })), this.size === 24 && (h("img", { key: '6d77bdbe92d54ab8453b00eb18e3a8c83ee01bfd', alt: this.label, class: className, height: "24", src: "emojis/Idea24.png", width: "24" })), this.size === 32 && (h("img", { key: '64482481062d545d660557efd9c1ab3164e99ff9', alt: this.label, class: className, height: "32", src: "emojis/Idea32.png", width: "32" }))));
     }
     static get style() { return SwirlEmojiIdeaStyle0; }
 }, [1, "swirl-emoji-idea", {

package/dist/components/swirl-emoji-love.js

@@ -14,7 +14,7 @@ const SwirlEmojiLove$1 = /*@__PURE__*/ proxyCustomElement(class SwirlEmojiLove e
     }
     render() {
         const className = classNames("emoji", `emoji--size-${this.size}`);
-        return (h(Fragment, { key: 'c52eaa2b1e538d3e0c1fd45ab170b713926ac997' }, this.size === 16 && (h("img", { key: '12eceb0ae6681e20ca0fbdf290829059e23e2849', alt: this.label, class: className, height: "16", src: "emojis/Love16.png", width: "16" })), this.size === 20 && (h("img", { key: '2a05e405053a75818f8c175b5f67f0c2a51dca97', alt: this.label, class: className, height: "20", src: "emojis/Love20.png", width: "20" })), this.size === 24 && (h("img", { key: '78b4a41d5d728e4beb8807c8527ac36f3fb8d4ef', alt: this.label, class: className, height: "24", src: "emojis/Love24.png", width: "24" })), this.size === 32 && (h("img", { key: 'de7453e06e048a6ffa1dd6e129cbfe09539a1119', alt: this.label, class: className, height: "32", src: "emojis/Love32.png", width: "32" }))));
+        return (h(Fragment, { key: 'a86c56fb8380765179fbc57e7e714ba46361bfde' }, this.size === 16 && (h("img", { key: 'be976119212c75951f51381c5e23f9972e6315cb', alt: this.label, class: className, height: "16", src: "emojis/Love16.png", width: "16" })), this.size === 20 && (h("img", { key: '80eb454155db7fdb991d52b0df25b3df1c53d9fa', alt: this.label, class: className, height: "20", src: "emojis/Love20.png", width: "20" })), this.size === 24 && (h("img", { key: 'd316efb54c4439cba229e4f70e31d493e213e41b', alt: this.label, class: className, height: "24", src: "emojis/Love24.png", width: "24" })), this.size === 32 && (h("img", { key: '3ac4dc6bd5982681b3d2032287704e6c8b6a216c', alt: this.label, class: className, height: "32", src: "emojis/Love32.png", width: "32" }))));
     }
     static get style() { return SwirlEmojiLoveStyle0; }
 }, [1, "swirl-emoji-love", {

package/dist/components/swirl-emoji-sad.js

@@ -14,7 +14,7 @@ const SwirlEmojiSad$1 = /*@__PURE__*/ proxyCustomElement(class SwirlEmojiSad ext
     }
     render() {
         const className = classNames("emoji", `emoji--size-${this.size}`);
-        return (h(Fragment, { key: '34a27c7f2b27c57477bdd1aef1e421ffe2da1993' }, this.size === 16 && (h("img", { key: 'da8ef3561f59f63440cd36961ea68fd5c83aa3f8', alt: this.label, class: className, height: "16", src: "emojis/Sad16.png", width: "16" })), this.size === 20 && (h("img", { key: '59235682bf90aa00497340e71f5913a89ca210e6', alt: this.label, class: className, height: "20", src: "emojis/Sad20.png", width: "20" })), this.size === 24 && (h("img", { key: '408538ed9f89fa5735ec358999a8e85051ca6e9c', alt: this.label, class: className, height: "24", src: "emojis/Sad24.png", width: "24" })), this.size === 32 && (h("img", { key: '62b0bfb3006105300d44b504bf2dc0aa418fc2bb', alt: this.label, class: className, height: "32", src: "emojis/Sad32.png", width: "32" }))));
+        return (h(Fragment, { key: '9d0eacd9db0d58cc7269e34a5cd80f63baf66fa3' }, this.size === 16 && (h("img", { key: 'd31c43942ec596cb00c74303f2bc16088f93a9c3', alt: this.label, class: className, height: "16", src: "emojis/Sad16.png", width: "16" })), this.size === 20 && (h("img", { key: '8f324fd629244b7dd928f04c4aa48ba689efe951', alt: this.label, class: className, height: "20", src: "emojis/Sad20.png", width: "20" })), this.size === 24 && (h("img", { key: '78a6aca038bb5944fcd6f5033a6be2520c4d6820', alt: this.label, class: className, height: "24", src: "emojis/Sad24.png", width: "24" })), this.size === 32 && (h("img", { key: 'a3e763bcddb38a85e5ecdf5fe2d8eff5c54c08ee', alt: this.label, class: className, height: "32", src: "emojis/Sad32.png", width: "32" }))));
     }
     static get style() { return SwirlEmojiSadStyle0; }
 }, [1, "swirl-emoji-sad", {

package/dist/components/swirl-emoji-thumbs-up.js

@@ -14,7 +14,7 @@ const SwirlEmojiThumbsUp$1 = /*@__PURE__*/ proxyCustomElement(class SwirlEmojiTh
     }
     render() {
         const className = classNames("emoji", `emoji--size-${this.size}`);
-        return (h(Fragment, { key: 'df1d5169ef542e12a0dca9bed71f010b59d3ae23' }, this.size === 16 && (h("img", { key: '6355e3c143f14df40d9322bc74cf9cde8fd0fac6', alt: this.label, class: className, height: "16", src: "emojis/ThumbsUp16.png", width: "16" })), this.size === 20 && (h("img", { key: 'd4f1045965aaa11e6a629f6db275de80dcd89e54', alt: this.label, class: className, height: "20", src: "emojis/ThumbsUp20.png", width: "20" })), this.size === 24 && (h("img", { key: '62217e81edbfd4c26ca087e0a833dd9f3c89a874', alt: this.label, class: className, height: "24", src: "emojis/ThumbsUp24.png", width: "24" })), this.size === 32 && (h("img", { key: '36afccaf42a2073d1afa89026db665c34ec971de', alt: this.label, class: className, height: "32", src: "emojis/ThumbsUp32.png", width: "32" }))));
+        return (h(Fragment, { key: 'a6810f4f905d3af572ab0494b5e8d33270981073' }, this.size === 16 && (h("img", { key: 'dd35f229ab1a1df1be7b23bf02eaa9766069b83b', alt: this.label, class: className, height: "16", src: "emojis/ThumbsUp16.png", width: "16" })), this.size === 20 && (h("img", { key: '0adde72d9e66514fd1d8b088b69464e95f3ce126', alt: this.label, class: className, height: "20", src: "emojis/ThumbsUp20.png", width: "20" })), this.size === 24 && (h("img", { key: '35741e09b0057331ee7fb844b0c80815fd811b8d', alt: this.label, class: className, height: "24", src: "emojis/ThumbsUp24.png", width: "24" })), this.size === 32 && (h("img", { key: 'f2ed2d95f15409673910b4ed56f24fd4c97e7fd9', alt: this.label, class: className, height: "32", src: "emojis/ThumbsUp32.png", width: "32" }))));
     }
     static get style() { return SwirlEmojiThumbsUpStyle0; }
 }, [1, "swirl-emoji-thumbs-up", {

package/dist/components/swirl-emoji.js

@@ -14,7 +14,7 @@ const SwirlEmoji$1 = /*@__PURE__*/ proxyCustomElement(class SwirlEmoji extends H
     }
     render() {
         const Tag = `swirl-emoji-${this.name}`;
-        return (h(Host, { key: '6a90c47f7fac16749701fc7565f68c1342b6ab94' }, h(Tag, { key: '0f2bab071f09b8ede064fc4c87bc4fcbca233372', label: this.label, size: this.size })));
+        return (h(Host, { key: 'b1eabfadcc13db1e9ac7860fd9eada649676c954' }, h(Tag, { key: 'e58263c674090a0650ce8d63f4a36501a701c8d8', label: this.label, size: this.size })));
     }
     static get style() { return SwirlEmojiStyle0; }
 }, [1, "swirl-emoji", {

package/dist/components/swirl-empty-state2.js

@@ -22,7 +22,7 @@ const SwirlEmptyState = /*@__PURE__*/ proxyCustomElement(class SwirlEmptyState e
             "empty-state--has-controls": hasControls,
             "empty-state--has-slotted-illustration": hasSlottedIllustration,
         });
-        return (h(Host, { key: 'a0d70dc213a678eda5d05f45689b2fc4b3ef79e2' }, h("div", { key: '44fa906829f09913cc82b248f4a448a8237c4aa8', class: className }, this.illustration && !hasSlottedIllustration && (h("img", { key: 'd237ad9abdde16dbd1f17679e14add428e1b0a1a', alt: "", class: "empty-state__illustration", src: this.illustration })), h("div", { key: '2f2de9f4e52914bdef003a0eedd4f8341d3d07cf', class: "empty-state__slotted-illustration" }, h("slot", { key: 'b558d0eb8e17191c3db69112b94c8136cebf2de9', name: "illustration" })), h("div", { key: '990b6cb4126983bfe626f63051e1795dbe837024', class: "empty-state__body" }, h("swirl-stack", { key: '6cbd0524e0405222e8abd858adb3784ad43433e1', align: "stretch", spacing: "8" }, this.heading && (h("swirl-heading", { key: 'a8adbbdb32817f49f21388bb3179204375106cc3', align: "center", as: "p", level: 4, text: this.heading })), h("div", { key: '91e61734540d630c694b6e2ccd955eaadf52c43f', class: "empty-state__content" }, h("swirl-text", { key: 'f2d057bc75c306d4c5ac8f0cb36d5a1d639ed83a', align: "center", color: "subdued" }, h("slot", { key: '9928d7b7f10f951b4f2544c15c15a8cc2a2ad283' })))), h("div", { key: 'ca118d3d46669cb7697075841c1ceb0380d07c0d', class: "empty-state__controls" }, h("slot", { key: 'de5e87f0bb8dfe6b5c39e39ed882b901e37e9f4b', name: "controls" }))))));
+        return (h(Host, { key: '54b579115aeba928aba14cfa789f81eadf19621e' }, h("div", { key: 'bb0d6bac2319179d9b43ab5469070381c4712946', class: className }, this.illustration && !hasSlottedIllustration && (h("img", { key: '733fadb95e8458568c9ddee523007a9371ca8a84', alt: "", class: "empty-state__illustration", src: this.illustration })), h("div", { key: '5b610e75de57a6707c3364e98daa6753b225951f', class: "empty-state__slotted-illustration" }, h("slot", { key: '275f7e216aaef0ae125e3a14ec59eda421edd9cd', name: "illustration" })), h("div", { key: '7e74bb0f0ed09837a5c5e6ed0436500db01b2665', class: "empty-state__body" }, h("swirl-stack", { key: '41693a74c9c846ca6dc9ed442a4ac0a713e363e2', align: "stretch", spacing: "8" }, this.heading && (h("swirl-heading", { key: '6b0d9fcf395ab3f60eef3e720560b0798a54e6c6', align: "center", as: "p", level: 4, text: this.heading })), h("div", { key: 'b0fc78406d23677dc98af4693fd12cd6c660f9d4', class: "empty-state__content" }, h("swirl-text", { key: 'aa9758dac037121b31f74dab447f5bba1fcce722', align: "center", color: "subdued" }, h("slot", { key: '667812460bcb12a6b9f36f6108e06c0f697100ef' })))), h("div", { key: '0955fc5e757fd56dec7a373525c49437ce433169', class: "empty-state__controls" }, h("slot", { key: 'b7fd277568939ab5bac06987945a15a2a1f2e125', name: "controls" }))))));
     }
     get el() { return this; }
     static get style() { return SwirlEmptyStateStyle0; }

package/dist/components/swirl-file-uploader.js

@@ -47,10 +47,10 @@ const SwirlFileUploader$1 = /*@__PURE__*/ proxyCustomElement(class SwirlFileUplo
             "file-uploader--disabled": this.disabled,
             "file-uploader--show-dropzone": this.showDropzone,
         });
-        return (h(Host, { key: '6ad8fdabc888ea30962f393da4a8357fb3ed6b95' }, h("div", { key: '8cdeafa92e121bd9c35c626e9395a6c1832b64e4', class: className }, h("label", { key: 'c0ca9b79368eff26d95ae7fafc3885e9fa5795a0', class: "file-uploader__label", htmlFor: this.inputId, id: `${this.inputId}-label` }, this.label), this.description && (h("span", { key: '8bfff7fd952817e62f00552ecf0f08bcb5aec23d', class: "file-uploader__description", id: `${this.inputId}-description` }, this.description)), h("div", { key: '8a6f43a66524fcf6ff1311a46310fa5f55d87515', class: "file-uploader__dropzone" }, this.showDropzone ? ([
+        return (h(Host, { key: '693f3b4a7a10c1424b6b99e1cdc0927bc1d58788' }, h("div", { key: 'c0ad634761b5d085fa15a339038bc6ded196b1fe', class: className }, h("label", { key: '169154e8ee55b30c97832fe6ba7f21bec6af49d3', class: "file-uploader__label", htmlFor: this.inputId, id: `${this.inputId}-label` }, this.label), this.description && (h("span", { key: '5e31b7f936e4560eebad1c97e18c8314a56292ec', class: "file-uploader__description", id: `${this.inputId}-description` }, this.description)), h("div", { key: 'a5ff9b3e4c9ff444a7f2748ef0e098da421ec120', class: "file-uploader__dropzone" }, this.showDropzone ? ([
             h("swirl-icon-cloud-upload", { class: "file-uploader__dropzone-icon" }),
             h("div", { class: "file-uploader__dropzone-label", id: `${this.inputId}-additional-label` }, h("span", { class: "file-uploader__dropzone-cta" }, this.ctaLabel), " ", h("span", { class: "file-uploader__drag-drop-label" }, this.dragDropLabel)),
-        ]) : (h("swirl-button", { class: "file-uploader__upload-button", disabled: this.disabled, icon: this.uploadButtonIcon, intent: "primary", label: this.uploadButtonLabel, onClick: this.onUploadButtonClick, swirlAriaDescribedby: ariaDescribedby, variant: this.uploadButtonVariant })), h("input", { key: '0cacbe3325821476ada3d2f8a0d3279720a229eb', accept: this.accept, "aria-describedby": ariaDescribedby, "aria-disabled": this.disabled, autoComplete: "off", class: "file-uploader__input", disabled: this.disabled, id: this.inputId, multiple: this.multiple, name: this.inputName, onChange: this.onChange, ref: (el) => (this.inputEl = el), tabIndex: tabIndex, type: "file" })))));
+        ]) : (h("swirl-button", { class: "file-uploader__upload-button", disabled: this.disabled, icon: this.uploadButtonIcon, intent: "primary", label: this.uploadButtonLabel, onClick: this.onUploadButtonClick, swirlAriaDescribedby: ariaDescribedby, variant: this.uploadButtonVariant })), h("input", { key: '808fca3d950c27d19188c4062b8eb2c3954f4d67', accept: this.accept, "aria-describedby": ariaDescribedby, "aria-disabled": this.disabled, autoComplete: "off", class: "file-uploader__input", disabled: this.disabled, id: this.inputId, multiple: this.multiple, name: this.inputName, onChange: this.onChange, ref: (el) => (this.inputEl = el), tabIndex: tabIndex, type: "file" })))));
     }
     static get style() { return SwirlFileUploaderStyle0; }
 }, [2, "swirl-file-uploader", {

package/dist/components/swirl-file-viewer-audio2.js

@@ -17,7 +17,7 @@ const SwirlFileViewerAudio = /*@__PURE__*/ proxyCustomElement(class SwirlFileVie
         this.activate.emit(this.el);
     }
     render() {
-        return (h(Host, { key: 'fb885a63fbc2383bceabd919ac65a4f2c802e6c2', class: "file-viewer-audio" }, h("audio", { key: '6c7fb670eeeb443da251883e66ac667f2b758498', autoplay: this.autoplay, class: "file-viewer-audio__audio", controls: true }, h("source", { key: 'b43705ad9f4846c1a00a61587add8b6dc4f60593', src: this.file, type: this.type }))));
+        return (h(Host, { key: '9ade4c617ceb6aaccabffe2295d84aa2c75bab1e', class: "file-viewer-audio" }, h("audio", { key: 'bac90ee96113ff7810e5ca40e8a6e5115ab17486', autoplay: this.autoplay, class: "file-viewer-audio__audio", controls: true }, h("source", { key: '0db8ae948fc063c06050f1cd92ad66e0ca26307d', src: this.file, type: this.type }))));
     }
     get el() { return this; }
     static get style() { return SwirlFileViewerAudioStyle0; }

package/dist/components/swirl-file-viewer-csv2.js

@@ -63,7 +63,7 @@ const SwirlFileViewerCsv = /*@__PURE__*/ proxyCustomElement(class SwirlFileViewe
         }
     }
     render() {
-        return (h(Host, { key: 'c106e6c988e4fe9492cd3cd74c4b862c3776377e', class: "file-viewer-csv", exportparts: "file-viewer-csv__table" }, this.error && (h("swirl-inline-error", { key: '64f1dae08350998555ef8cf528b41d879150ab72', class: "file-viewer-csv__error", message: this.errorMessage })), h("div", { key: 'a1393629672c7e5141ddab651bae736ad3ce2dcf', class: "file-viewer-csv__csv", tabIndex: 0 }, h("table", { key: '520c6d78f0209dfed9f0cdf9d44745684e88e4d8', class: "file-viewer-csv__table", part: "file-viewer-csv__table" }, h("tbody", { key: '2623d29e4dfc49328c5f61382695c224bfe2e936' }, this.data?.map((row, index) => (h("tr", { class: "file-viewer-csv__row", key: `row-${index}` }, row.map((cell, i) => (h("td", { class: "file-viewer-csv__cell", key: `cell-${index}-${i}` }, cell))))))))), this.loading && (h("div", { key: '58b59a4f89d128476687ca7657bd1dd59483d116', class: "file-viewer-csv__spinner" }, h("swirl-spinner", { key: '9e9b8c66cac720011d7df88a73169237ad636541' })))));
+        return (h(Host, { key: '7610ac4da8399a36624681f391685a3bfbf72a16', class: "file-viewer-csv", exportparts: "file-viewer-csv__table" }, this.error && (h("swirl-inline-error", { key: '297961abc11e9bbb33bd7baec2f534c15eab0933', class: "file-viewer-csv__error", message: this.errorMessage })), h("div", { key: '052c87480a95a0066a86d6728b8ba124ff7125e1', class: "file-viewer-csv__csv", tabIndex: 0 }, h("table", { key: 'f7b71a69c449fe680fb21dff9bab81d3bd25b50f', class: "file-viewer-csv__table", part: "file-viewer-csv__table" }, h("tbody", { key: '2e319b7dc3284bc05058d1cbd9bd7b6937f7d43d' }, this.data?.map((row, index) => (h("tr", { class: "file-viewer-csv__row", key: `row-${index}` }, row.map((cell, i) => (h("td", { class: "file-viewer-csv__cell", key: `cell-${index}-${i}` }, cell))))))))), this.loading && (h("div", { key: '8769c767d3fb4aa872dbd1cf2c52cb44791221ef', class: "file-viewer-csv__spinner" }, h("swirl-spinner", { key: '59cd462ee6dd9060396b7162357760410dfeaedc' })))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/swirl-file-viewer-fallback2.js

@@ -37,7 +37,7 @@ const SwirlFileViewerFallback = /*@__PURE__*/ proxyCustomElement(class SwirlFile
         this.activate.emit(this.el);
     }
     render() {
-        return (h(Host, { key: 'ddc1712503aa295da26f72c14fa56c2db456c6a4', class: "file-viewer-fallback" }, h("swirl-stack", { key: '519a42ad2d2ef49dc80574c2b67e7a082d0444f3', align: "center", height: "100%", justify: "center", spacing: "16" }, h("swirl-icon-file", { key: 'b4c36d4ce3fd723833fe7784c0a4761fffe89b8f', class: "file-viewer-fallback__icon", color: "on-image", size: 28 }), this.fileName && (h("swirl-text", { key: '85b01091a9280a2faab22cdf02b127075af41713', color: "on-image", size: "lg", weight: "medium" }, this.fileName)), !this.disableDownload && (h("swirl-button", { key: 'e6d2ba6eeef3463cea34151c19c89eb64b727429', download: this.fileName, href: this.file, icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.download, variant: "on-image" })))));
+        return (h(Host, { key: '8aa41ff231c7b980a53eec44b492a24e87f4a71a', class: "file-viewer-fallback" }, h("swirl-stack", { key: 'c95a32942c267c53c25c78aa212640bd4d4e2d4d', align: "center", height: "100%", justify: "center", spacing: "16" }, h("swirl-icon-file", { key: '9b530b770435e8126e5432ecfc678a5d91274227', class: "file-viewer-fallback__icon", color: "on-image", size: 28 }), this.fileName && (h("swirl-text", { key: '648b7a73729982278080a904b02b5822deff63fc', color: "on-image", size: "lg", weight: "medium" }, this.fileName)), !this.disableDownload && (h("swirl-button", { key: '6b6d26354c2d2e383506c984587a246773cfdf98', download: this.fileName, href: this.file, icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.download, variant: "on-image" })))));
     }
     get el() { return this; }
     static get style() { return SwirlFileViewerFallbackStyle0; }

package/dist/components/swirl-file-viewer-image2.js

@@ -189,7 +189,7 @@ const SwirlFileViewerImage = /*@__PURE__*/ proxyCustomElement(class SwirlFileVie
         return this.updateZoomAndPan(1);
     }
     render() {
-        return (h(Host, { key: '1241f57cbbffa4772cc26e81005af807f19c39de', class: "file-viewer-image", onDblClick: this.onDblClick, onWheel: this.onWheel, onPointerDown: this.onPointerDown, onPointerMove: this.onPointerMove, onPointerUp: this.onPointerUp, onTouchStart: this.onTouchStart, onTouchMove: this.onTouchMove, onTouchEnd: this.onTouchEnd }, this.error && (h("swirl-inline-error", { key: '5d001ab5957570c8f5aadc0318a3a66678f7eeda', class: "file-viewer-image__error", message: this.errorMessage })), h("img", { key: 'ff8e22f9efd0b3e9027b158a3910872cd3f770c3', alt: this.description, class: "file-viewer-image__image", onError: this.onError, onLoad: this.onLoad, ref: (el) => (this.imageEl = el), src: this.file }), this.loading && (h("div", { key: 'dc80f7ed097630b0690092d3ea4bee54e48dd73a', class: "file-viewer-image__spinner" }, h("swirl-spinner", { key: '069427457df4aa0d38ab4bbd27ce66db180b439a' })))));
+        return (h(Host, { key: '2af86762c116a960a168390031dde0aa66aed7bb', class: "file-viewer-image", onDblClick: this.onDblClick, onWheel: this.onWheel, onPointerDown: this.onPointerDown, onPointerMove: this.onPointerMove, onPointerUp: this.onPointerUp, onTouchStart: this.onTouchStart, onTouchMove: this.onTouchMove, onTouchEnd: this.onTouchEnd }, this.error && (h("swirl-inline-error", { key: 'a478c13838fda156f1aceff67c9b48fb552d2892', class: "file-viewer-image__error", message: this.errorMessage })), h("img", { key: '1fda7cfae4ebb24582c062925140b59c2321b780', alt: this.description, class: "file-viewer-image__image", onError: this.onError, onLoad: this.onLoad, ref: (el) => (this.imageEl = el), src: this.file }), this.loading && (h("div", { key: 'b7649d8a924a34cec25d3967c8d6070d961355f5', class: "file-viewer-image__spinner" }, h("swirl-spinner", { key: 'c0ab91129e4c8a33dd3fdb01c2640e34271aa146' })))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/swirl-file-viewer-text2.js

@@ -39,7 +39,7 @@ const SwirlFileViewerText = /*@__PURE__*/ proxyCustomElement(class SwirlFileView
         }
     }
     render() {
-        return (h(Host, { key: 'ae7571bd421e3954990273c42f9d672abeb00cfc', class: "file-viewer-text", exportparts: "file-viewer-text__text" }, this.error && (h("swirl-inline-error", { key: 'c642c7b540c66a30c1fa628a68e9d2145c4a64b8', class: "file-viewer-text__error", message: this.errorMessage })), h("pre", { key: '96fece388350c2502e32079a85746951e797bdec', class: "file-viewer-text__text", part: "file-viewer-text__text", tabIndex: 0 }, this.text), this.loading && (h("div", { key: 'a75397503212d94603f485b7fcceb7babe0c89ec', class: "file-viewer-text__spinner" }, h("swirl-spinner", { key: 'fd4a7c1c108346b9c50444e83a868ae7711f7f06' })))));
+        return (h(Host, { key: 'b3a9012a7120115ca69da33a3a58747b1a7c0634', class: "file-viewer-text", exportparts: "file-viewer-text__text" }, this.error && (h("swirl-inline-error", { key: '058d3882af598796493d9b12b7fb7f0f4370baba', class: "file-viewer-text__error", message: this.errorMessage })), h("pre", { key: '9de07a80f4fe582010e02acb877ee2977b87e91b', class: "file-viewer-text__text", part: "file-viewer-text__text", tabIndex: 0 }, this.text), this.loading && (h("div", { key: '84e94bc95ce4d3652684991ad60c69a5b3bf456d', class: "file-viewer-text__spinner" }, h("swirl-spinner", { key: '3899c31744fdbbf2023f1d60191f31957ba4e658' })))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/swirl-file-viewer-video2.js

@@ -29,7 +29,7 @@ const SwirlFileViewerVideo = /*@__PURE__*/ proxyCustomElement(class SwirlFileVie
         }
     }
     render() {
-        return (h(Host, { key: '1dd49257ef652e5c291599c291ff580244e83fa7', class: "file-viewer-video" }, h("video", { key: '47bcfe59110bade165c06f9db38e184457ac8fcb', autoplay: this.autoplay, class: "file-viewer-video__video", controls: true, ref: (el) => (this.videoEl = el) }, h("source", { key: 'fbff2f56bc4745424cf1d3bbe9c20bce9730add0', src: this.file, type: this.type }))));
+        return (h(Host, { key: '9ce55982ab3328a199d5f50df015cc7d7278c763', class: "file-viewer-video" }, h("video", { key: 'cc24b8e4be487e8eefd8e91d534e56ef23185577', autoplay: this.autoplay, class: "file-viewer-video__video", controls: true, ref: (el) => (this.videoEl = el) }, h("source", { key: 'dc56019082d40a2947f5fd6cbe0de0002dc07bfb', src: this.file, type: this.type }))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/swirl-file-viewer2.js

@@ -69,7 +69,7 @@ const SwirlFileViewer = /*@__PURE__*/ proxyCustomElement(class SwirlFileViewer e
                 this.type !== "text/plain" &&
                 this.type !== "text/csv" &&
                 this.type !== "application/pdf");
-        return (h(Host, { key: '18ca7690940df9d414410971e8fc6917b6c58dd1' }, h("div", { key: 'd8fcc3fed325df958149cb9d69afdd29921693b6', class: "file-viewer" }, this.type && this.active && (h("div", { key: 'fb68ccfafb55a2f466b3365a1d6687f4a044dd61', class: "file-viewer__file" }, this.type.startsWith("image/") && (h("swirl-file-viewer-image", { key: '9aea50fea20481582cfc15c665889c1b24cc971e', description: this.description, errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) })), this.type === "text/plain" && (h("swirl-file-viewer-text", { key: 'ce5a9964a3a46d334e128a0c8e2467799e3c76f3', errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) })), this.type === "text/csv" && (h("swirl-file-viewer-csv", { key: '0dac53a80fa3617c7a52cfa409cab298469e036b', errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) })), this.type === "application/pdf" && (h("swirl-file-viewer-pdf", { key: 'a6d198a34237d7c394f4de8ba19c1e6af6cbcec8', errorMessage: this.errorMessage, file: this.file, onActivate: this.onActivate, onVisiblePagesChange: this.onVisiblePagesChange, ref: (el) => (this.viewer = el), viewMode: this.viewMode, workerSrc: this.pdfWorkerSrc, zoom: this.zoom })), this.type.startsWith("video/") && (h("swirl-file-viewer-video", { key: 'b4171393eb71806f4a5ca7a4eb80b077de54aa4a', autoplay: this.autoplay, disableDownload: this.disableDownload, file: this.file, ref: (el) => (this.viewer = el), type: this.type })), this.type.startsWith("audio/") && (h("swirl-file-viewer-audio", { key: '637886850715ce36f743da67cd9ec183f29bb55d', autoplay: this.autoplay, file: this.file, ref: (el) => (this.viewer = el), type: this.type })), unsupportedType && (h("swirl-file-viewer-fallback", { key: '6c6ac63718b1e3bce4a7f03d9c75cfbdf7c5d4cf', disableDownload: this.disableDownload, file: this.file, fileName: this.fileName })))))));
+        return (h(Host, { key: 'a8d6596ece0c90d511056ab3029615c624ef388b' }, h("div", { key: '355a1df60e454e61c61941ed45c7ef363ad0e8f2', class: "file-viewer" }, this.type && this.active && (h("div", { key: '5698c697372a8766d781bfd5d3e066aa950305b5', class: "file-viewer__file" }, this.type.startsWith("image/") && (h("swirl-file-viewer-image", { key: '55705cf2935316e8f5a4ffe46cfa6e771e7977f7', description: this.description, errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) })), this.type === "text/plain" && (h("swirl-file-viewer-text", { key: '203f185b1c951dd4c7e41df202ae03f260a70fbe', errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) })), this.type === "text/csv" && (h("swirl-file-viewer-csv", { key: '2ab8fcc9ce5c2d6c101f27727b21e5a26d0205e3', errorMessage: this.errorMessage, file: this.file, ref: (el) => (this.viewer = el) })), this.type === "application/pdf" && (h("swirl-file-viewer-pdf", { key: 'd06a9d5d9b705d2900a053eeca09c9e86e7d2c27', errorMessage: this.errorMessage, file: this.file, onActivate: this.onActivate, onVisiblePagesChange: this.onVisiblePagesChange, ref: (el) => (this.viewer = el), viewMode: this.viewMode, workerSrc: this.pdfWorkerSrc, zoom: this.zoom })), this.type.startsWith("video/") && (h("swirl-file-viewer-video", { key: 'd7c99284a17dcdb547f762ac538c17318b0b6bed', autoplay: this.autoplay, disableDownload: this.disableDownload, file: this.file, ref: (el) => (this.viewer = el), type: this.type })), this.type.startsWith("audio/") && (h("swirl-file-viewer-audio", { key: 'a212cd8af9bcbd17b5b38360898fd2facd3adbad', autoplay: this.autoplay, file: this.file, ref: (el) => (this.viewer = el), type: this.type })), unsupportedType && (h("swirl-file-viewer-fallback", { key: '208589aa54926d31ee23aa5f7cc27e1d0715aa1e', disableDownload: this.disableDownload, file: this.file, fileName: this.fileName })))))));
     }
     static get style() { return SwirlFileViewerStyle0; }
 }, [1, "swirl-file-viewer", {