@getflip/swirl-components 0.313.1 → 0.315.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: '13271a195eb9221f8742c4e8353be4d5fb0df2d6' }, h("swirl-app-layout", { key: 'ac2c858b73a538c824e8e22af63267cd27593b0d', 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: 'b1cd410e6e3dda79dc892aaf195fd576c1cbe84e', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: '8a11cbc2bb2a064659449430a057a68a0cd3cf96', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: 'cbd73af9a604614e0f0b660907b98a7f3229d8e2', label: "Sort items" })), h("swirl-stack", { key: '907c7b511438b14e78ecafa28f99bdae31255a68', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: '0e21b30263107e2b5a0bc4e89bde263f0be0d6d3' }, h("swirl-heading", { key: 'af4c1c5075e3fa227acfa28e7349e964cfb147cd', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: 'b858b75a27acf85da6b4f79bb95d4734e52ecbfd', 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: 'c7d584755d12ce0fba86148a523c69ebf8c6c627', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: '0fbb05394fec2284f6f2210e0d298e686b66b805', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: 'de24b80c8f2b40822e3d01d63d4501e1b1a24521', padding: "16", slot: "sidebar" }, h("swirl-text", { key: '7f9dbe64d5cb3aa20a46a316cfbc2e5c23125218', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: 'bcb564ff02cad91686916dc14634aa5b94d4d569', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: '6f3400de6db01c41871e751d8ea0a4c32a94187f', value: ["ascending"] }, h("swirl-option-list-item", { key: 'c099ef2c69fdb69321b33c5315dcf873b6194062', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: '308e0810a2655b2cc0cd009ced52afcbdfa51179', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: '2c6a9b98e548d0452cf6addc262849e7c60a2a6e', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
+        return (h(Host, { key: '43d7139cd0dfe3093a3373c412912e70dcd73a1f' }, h("swirl-app-layout", { key: '417e375d94b816fec1281b8fd9dfa5eabcb538c2', 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: '9a0b7f02b9189a8c80590b5bf12f6b2e8c559496', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: 'af708e0be50f798c4185474ddcee0b6395da94b5', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: '722ce6c225e57ab70dc9f612fdfba6945279a2aa', label: "Sort items" })), h("swirl-stack", { key: '36337d16816c4d93b7b959de08204044c0fb8af4', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: 'c0e390059cb104e117adbfde6669669f16370cfa' }, h("swirl-heading", { key: '9afaa8ec286165a28b4f4bd0fff2e56e77e2ef34', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: '20268f492ddcc7ab3d67f1b2833ed05b0147ffed', 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: '356a6d6accdb5f81287ecc30176cd05316e0cbd1', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: 'e611b83e0a4a1bd374725ad4513825633a482bc4', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: '3fb01c15a15f72a0cd23f0f04a46ec5f7a02512a', padding: "16", slot: "sidebar" }, h("swirl-text", { key: '096e30dba3eee05de14cd5f16811eb05fc683096', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: '0db3195dca9277c90681a3ea1593f374637928db', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: '209bdb21d12a693eb5d032595d52a12cb9f67bc1', value: ["ascending"] }, h("swirl-option-list-item", { key: '298593b1684f7da3eed0b11ee3bcd3b13f0425d1', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: '1dc162a7eb90a121f91a36f4048f4a5964017bd1', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: '1d4601e6adce6e7e01176b60195e08b6541715cf', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
     }
 }, [1, "file-manager", {
         "selectedDirectory": [32],

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: '1a90615a1c901d606d518e88641d0e85f526946e' }, h("div", { key: 'b866c9b99d6677391a5d168847471bcfdbad5628', class: className }, h(HeadingTag, { key: '6bc0d73419c7a515a964bc110bc316dd2825a393', class: "accordion-item__heading" }, h("button", { key: '7976196db3c1b4066c43a0fbc9a7c016232b9e06', "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: '17c4b129411d3c579ef54aaf81112c0239f3ce1a', class: "accordion-item__toggle-text" }, this.heading, this.description && (h("swirl-text", { key: 'bbacaf5009bf16b367114fa8c1852d045d89e0d3', as: "span", color: "subdued", size: "sm" }, this.description))), h("span", { key: '6bf59d3b45fca0f417df2e524b7e6f1f90932d56', class: "accordion-item__icon" }, !this.expanded && (h("swirl-icon", { key: '7597fe68474c59a67810eb7ff22a45b3c997efe4', glyph: "chevron-right", size: 20 })), this.expanded && (h("swirl-icon", { key: 'c7b18ac78d566b36c9b388e3b80070a147889080', glyph: "expand-more", size: 20 }))))), h("div", { key: 'ccce112d4cf2640f9bbfa944d6ad7edb8a5e5cbf', "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, h("slot", { key: '52b64ccf5a6ea90570c66574c4eda47338bbf461' })))));
+        return (h(Host, { key: 'ab0821e2b64b25d70b6844e0803b5068629c030d' }, h("div", { key: '3f8793f330542296e9eb179997120eef8a3d2e41', class: className }, h(HeadingTag, { key: '9dd5755cafb86958415ea7df5945b5a5ea463edc', class: "accordion-item__heading" }, h("button", { key: '1f1f3f1681b80fd1e43ea8a2dceea1b9570dcecd', "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: '1c48c0229adc1d05df871b1500852c05e2fd42a8', class: "accordion-item__toggle-text" }, this.heading, this.description && (h("swirl-text", { key: '25c12ecd85f0ada8945ba2d74fc67223cebe3d5d', as: "span", color: "subdued", size: "sm" }, this.description))), h("span", { key: '5a8a98b5f012a635557a06a7f8f08a570dc5d800', class: "accordion-item__icon" }, !this.expanded && (h("swirl-icon", { key: '5dcb111296698d8eb934d3d923bedbeb5a88b97d', glyph: "chevron-right", size: 20 })), this.expanded && (h("swirl-icon", { key: 'dba85de842f5ae33a11043a08354f1698447d2e6', glyph: "expand-more", size: 20 }))))), h("div", { key: '5b265788eb21ca6ef9eff67af9802d070f294045', "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, h("slot", { key: '85a331dbed8f667541c8467d2340d176c063ca17' })))));
     }
     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: '8ef36c3611f702d9a68fa14eff3f1df31501a004' }, h("slot", { key: '92a68a15db65f4f226b9c70ca3bb3800fb09f2bb' })));
+        return (h(Host, { key: '46d2d5aa89ad9d42f11fa1fc3be81564527fc48f' }, h("slot", { key: '07700bd3cb690e259c284190eabfdfe4aace3df0' })));
     }
     get el() { return this; }
     static get style() { return SwirlAccordionStyle0; }

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

@@ -16,7 +16,7 @@ const SwirlActionListSection$1 = /*@__PURE__*/ proxyCustomElement(class SwirlAct
         this.hasSeparator = false;
     }
     render() {
-        return (h(Host, { key: '30f49fcc99b81adbee8b2e62f38d54255b0623bd' }, this.hasSeparator && (h("swirl-separator", { key: 'd1f5363f99c9b5cc7d638d458101c4c20ded900e', spacing: this.separatorSpacing })), h("div", { key: '012bcbab8801f481f6e8dcec7297a83a68364bcc', "aria-labelledby": "label", class: "action-list-section", role: "group" }, h("span", { key: '96e36dd6aa3ef074459ddbf7ee9f6d9d6268355e', class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), h("swirl-stack", { key: 'a5a3ffaf789bc4092ef90c4602ffc77b16a8bebd', spacing: this.spacing, align: "stretch" }, h("slot", { key: '1077b13cf4359fbcaebedea0e5d7ca07f782e363' })))));
+        return (h(Host, { key: '8c086bf2f2d9ee6f5606d0bd08fa24862d69c09e' }, this.hasSeparator && (h("swirl-separator", { key: 'f48c78feeb9dbb96e8fad48d21b6d46ee93922ba', spacing: this.separatorSpacing })), h("div", { key: '55d83f73c74f3b427b099c714bbb908ce89dbd08', "aria-labelledby": "label", class: "action-list-section", role: "group" }, h("span", { key: '9dce6f92709b9685643a99f84ac689c4d8f6168a', class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), h("swirl-stack", { key: '7689d47c2acddbec2546bfefde02b72ef18dfa23', spacing: this.spacing, align: "stretch" }, h("slot", { key: 'e51a78f1e6fce0efba9f207f17d48be8faeae301' })))));
     }
     static get style() { return SwirlActionListSectionStyle0; }
 }, [1, "swirl-action-list-section", {

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

@@ -94,7 +94,7 @@ const SwirlActionList = /*@__PURE__*/ proxyCustomElement(class SwirlActionList e
         });
     }
     render() {
-        return (h(Host, { key: '8d70b6b3e10116e0085d1a7697212870c9c0b2ac' }, h("div", { key: 'b266eed0683947cf48ac3d54c36026098736960d', "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: '7a64aadd127a1d348296bbdf0c22472dfc910a69', onSlotchange: this.setSectionSeparator }))));
+        return (h(Host, { key: 'a0ea42376ac01453c6dc4e26b3ac4b874532baee' }, h("div", { key: '84c9c7dc7b35e80f18b9f5ffc1719df7d609fca3', "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: '8de1e48beeadc818cccf236d47e15fa61947bdac', onSlotchange: this.setSectionSeparator }))));
     }
     get el() { return this; }
     static get style() { return SwirlActionListStyle0; }

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

@@ -40,7 +40,7 @@ const SwirlAppIcon$1 = /*@__PURE__*/ proxyCustomElement(class SwirlAppIcon exten
         const className = classNames("app-icon", {
             "app-icon--has-icon": showIcon || showFallbackIcon,
         });
-        return (h(Host, { key: '6c5cf88ef1f7227b2e2f692284dd6b2dfcaa024c' }, h("span", { key: 'a86fe3a6fc8e531b60820015ac26f682f23364f5', class: className }, showImage && (h("img", { key: 'c3acb5e1dbb6bbc846b9ddae80838d682934a6ef', alt: "", height: "256", ref: this.onImageElementUpdate, src: this.src, width: "256" })), showIcon && (h("span", { key: '963ee092b53a4badb190e3c11d5713c604670524', class: "app-icon__icon", innerHTML: this.icon })))));
+        return (h(Host, { key: 'c18730b10ee238eac59209ea0c7b2f071013ad79' }, h("span", { key: 'fc52a85f984257021cf69f2917a68fef5c8265e6', class: className }, showImage && (h("img", { key: 'ef5fb1a5a468f387b1e7b9e1a62ebf3c7d397e68', alt: "", height: "256", ref: this.onImageElementUpdate, src: this.src, width: "256" })), showIcon && (h("span", { key: '67a262cf11a30763c2de3afc7173c549047af941', 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: 'c7257cd9ac2c94a11847ba5a56acd1815f066613' }, h("div", { key: 'e9bfad8bbbb6802c3b8017e24abe56fdbbea9d8a', class: className, role: "group" }, h("slot", { key: '7ccc570f803317d285bfa77df77f7ba866430137' }), this.badge && (h("span", { key: '7cd54c09e634a12bb48b863e46abc886f9add9ec', class: badgeClassName, innerHTML: this.badge, ref: (el) => (this.badgeEl = el) })))));
+        return (h(Host, { key: '4d1894822472cf61aba94c310a3dd0e23423d07d' }, h("div", { key: 'd5818a30214d106c5f4df8ccdd6ba434f8512be2', class: className, role: "group" }, h("slot", { key: '03ea2ff56531a122a31faee3f978da37a245ec30' }), this.badge && (h("span", { key: '9b26b8f39b487327e7edbaf8ee1d8b4f91a4f614', 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

@@ -18,11 +18,11 @@ const SwirlCarouselSlide$1 = /*@__PURE__*/ proxyCustomElement(class SwirlCarouse
         const className = classNames("carousel-slide", {
             "carousel-slide--has-min-height": Boolean(this.minHeight),
         });
-        return (h(Host, { key: 'b7e11a45eb4daaf04887f85915f78ba9dbf9511e', "aria-roledescription": "slide", "aria-label": this.label, class: className, role: "group", style: {
+        return (h(Host, { key: '82293d231b0180862d821c33e3d4ea314911e3c6', "aria-roledescription": "slide", "aria-label": this.label, class: className, role: "group", style: {
                 aspectRatio: this.aspectRatio,
                 flexBasis: this.width,
                 minHeight: this.minHeight,
-            }, tabIndex: 0 }, h("slot", { key: '895d2fb992c51579519932a314bc52048e0b666c' })));
+            }, tabIndex: 0 }, h("slot", { key: '33f3a6fde4d4d4f89c8d3df917267b9d0c3c11d4' })));
     }
     static get style() { return SwirlCarouselSlideStyle0; }
 }, [1, "swirl-carousel-slide", {

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: '017564ea06a2892e07523b23d237c9e4f8be8775' }, h("div", { key: 'a8b66d64de99a82d690c5e105221fe92720c7ad4', class: className }, h("input", { key: 'bdd91a1da2ff8e8c0a126dd66d64be16e26351c9', "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: 'f9121ebf1fe458e7cea55aa13ac0c0df92471af1', swirlPopover: this.pickerId }, h("button", { key: 'c53e71efe0b82be74580f074e350f9dc9f3867c0', "aria-label": this.pickerButtonLabel, class: "color-input__preview-button", style: {
+        return (h(Host, { key: '9f9ed68a406c52c5343ada04b5ad200d111ad6f9' }, h("div", { key: 'f79d171d0cc6313c2bd1e77c0b3c6e767d24eeeb', class: className }, h("input", { key: 'f409125d5d6101de3cadca0062fbc237e8556b03', "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: '1eb1008ee3d0e7c3ac65a0bd0b35212635605205', swirlPopover: this.pickerId }, h("button", { key: '518e81d8dae3fb1e20a7d29bc8cea2c6fdb5167e', "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: 'e737b882a87ef810bd5394014b33f3fbe990a477', animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, h("swirl-box", { key: '297494caba9da7a581550b8f8d23df97852db357', centerInline: true, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, h("hex-color-picker", { key: 'b82b3610b49074d304deea840a23e03aebb8e68e', color: this.value, ref: (el) => (this.picker = el) }))))));
+            }, type: "button" })), h("swirl-popover", { key: '94b815f83ac58bc6e02f776fcf1066ee6a2a1c79', animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, h("swirl-box", { key: '885b083fa0db272624f58efad5c6371e873e22df', centerInline: true, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, h("hex-color-picker", { key: '6c8ed809a24833e78249888b245c9ef0e5007900', 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: '4bbd6bca2c2cf8241faa9e0d8537a272cbcff5cc' }, h("div", { key: '250702ecaa075792fc8cc13dff74231146ff67b0', class: className, onClick: this.onClick, onKeyDown: this.onKeyDown }, h("header", { key: '4f9f2ba1fd4889795ad7b16aeba4b56db09f4bd3', "aria-hidden": String(!this.sidebarActive), class: "console-layout__sidebar", ref: (el) => (this.sidebarEl = el) }, h("div", { key: '923d2c3bb22d6d9bc0c61d2c80694877841c50f8', class: "console-layout__header" }, h("div", { key: 'd5bae5adbf4e87ce445eba388dad9dfdd9f77e89', class: "console-layout__logo" }, h("svg", { key: '9c5bf4d27d9bd0a900d7996d5cfc145b07382bcb', 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: 'b9ab10638dd9487fe754093b52bc0c339460e0dc', 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: '3867b6d78ff947bd0063fe611fad4b2a8f31f16d', 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: '525af8f06f7331c05019c4518ba6c4787fc70cfa', 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: 'f590a3b5df1069bdc61b43f0c98cf517a5242633', d: "M12.2072 10.9785L7.32419 10.1459L0.625 14.0709L5.38887 14.9629L12.2072 10.9785Z", fill: "#80A8F4" })), h("swirl-text", { key: '68ffe5e74a9070641b56a210ce407708bb430797', class: "console-layout__logo-text", weight: "medium" }, this.logoText))), h("nav", { key: '825d91297b760152189bfc3a05b1920d11c7a0b6', "aria-label": this.navigationLabel, class: "console-layout__navigation" }, h("slot", { key: '40e003bf235e34358ddab2331d3eb5be4eb22f58', name: "navigation" })), h("div", { key: 'd282a547de4357439f46c46617527edf43bbd1b6', class: "console-layout__user" }, h("slot", { key: '192b1075bf3ad7e795358b54aa35262994126cfa', name: "user" }))), h("main", { key: '19a90333af4bd5cb357250fdc3de0b537d803bd1', "aria-labelledby": Boolean(this.appName) ? "app-name" : undefined, class: "console-layout__main" }, h("header", { key: '17a8e912aaa664437019c5770190fdde2a628e0b', class: "console-layout__app-bar" }, h("span", { key: '088b327264d0171d7320beb504601e81d3d938c5', class: "console-layout__mobile-navigation-button" }, h("swirl-button", { key: 'e65ebf0a1e638bf15b85a37e6e1da8886c200747', swirlAriaExpanded: String(this.sidebarActive), hideLabel: true, icon: this.sidebarActive
+        return (h(Host, { key: 'ef0ce7bb7bbe6ced53f4f3a616a89f5f6fc64593' }, h("div", { key: 'bbaa6db332f705f8bbd4ccf39d06f4204bec6e23', class: className, onClick: this.onClick, onKeyDown: this.onKeyDown }, h("header", { key: '4cb0e59b3161181f82c5b9a25550d1a5783b445f', "aria-hidden": String(!this.sidebarActive), class: "console-layout__sidebar", ref: (el) => (this.sidebarEl = el) }, h("div", { key: '9beaf866310805143ba9febddbe5baab06bf7188', class: "console-layout__header" }, h("div", { key: '0c21451b5f8bfa72e84c9c39b81400901c0db58e', class: "console-layout__logo" }, h("svg", { key: 'caa44e0b3ab86a5b25d117a7ec52b35b00c4117a', 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: '334efcdb373de09c9906f676492e8248462b5945', 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: '07e8e2fca382c9608cb58cacd3596361155358ec', 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: '5581039a65716cff9bf2fbd753053812ed01b354', 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: '961760aababbb960c76b9d535c33796846920df7', d: "M12.2072 10.9785L7.32419 10.1459L0.625 14.0709L5.38887 14.9629L12.2072 10.9785Z", fill: "#80A8F4" })), h("swirl-text", { key: '9c4f87c696dde306eae22061b13e4d65011fc3eb', class: "console-layout__logo-text", weight: "medium" }, this.logoText))), h("nav", { key: '803a26e7688d66be8deba309c2225f4cc5bbc638', "aria-label": this.navigationLabel, class: "console-layout__navigation" }, h("slot", { key: 'ebbc2fc908a9b678c4c1fbdd5da5b4ad8a3f5f79', name: "navigation" })), h("div", { key: 'd48d9d70bd83d1e62c4791c60c6e383b0c425863', class: "console-layout__user" }, h("slot", { key: '5bc8044de35dc9bd2e33b0f74fd5874264b4a136', name: "user" }))), h("main", { key: 'f06af86ef1225b8e13509c973b1c1dec52c6b344', "aria-labelledby": Boolean(this.appName) ? "app-name" : undefined, class: "console-layout__main" }, h("header", { key: '1b07e07a55b9863cab3caca6ba78e9f2f3ccb62d', class: "console-layout__app-bar" }, h("span", { key: '2f642e6d2069f951cb3a6211581ca1d3f058fe86', class: "console-layout__mobile-navigation-button" }, h("swirl-button", { key: '42a73c0394b1cc8c05bccc143e4db60ba6e71751', 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: '756d8e6b66fa450797d5ff5e94b6a8a4264cd807', class: "console-layout__app-name" }, this.appName && (h("swirl-heading", { key: '5fd6d81d3ed39733ed842cb632214d7ec66a6590', as: "h1", headingId: "app-name", level: 4, text: this.appName }))), this.showHelpButton && (h("swirl-button", { key: '61fb5720dd2ed1eb916d3b565ffd63b46a710e68', class: "console-layout__help-button", hideLabel: true, icon: "<swirl-icon-help></swirl-icon-help>", label: this.helpButonLabel, onClick: this.onHelpButtonClick }))), h("section", { key: '5ba28f30993123ec5564bc73837d79c621671feb', "aria-labelledby": "heading", class: "console-layout__content", style: contentStyles }, h("header", { key: '8e991655cadbb3a77832ffb4a707b9ffff619635', class: "console-layout__content-header" }, this.showBackButton && (h("swirl-button", { key: '8c16a465c4a9a0d97ae364529eb35ad98f68f61e', 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: 'fe251c7c8a021611fabcdc65976607c0d9c6f8f2', class: "console-layout__heading-container" }, h("swirl-heading", { key: 'd681716bd7c5ce568da2fd7d6fa9adf3aad58ad9', as: Boolean(this.appName) ? "h2" : "h1", class: "console-layout__heading", headingId: "heading", level: 1, text: this.heading }), this.subheading && (h("swirl-text", { key: '59e812024214c58c860e00ed64d9be6f6195ba86', class: "console-layout__subheading", color: "subdued" }, this.subheading)))), !Boolean(this.heading) && (h("div", { key: '65675119392059d968b6211019c88b2fb3f6b506', class: "console-layout__heading-container" }, h("slot", { key: '6e8d93f3d2c8f9ce1cc0c13eca2f55872d320b9d', name: "heading" }))), h("div", { key: '5c02e56187efc26f93c7c9ab671b6975edb73b63', class: "console-layout__content-header-tools" }, h("slot", { key: '8c35b525fc674c3ab2d4fe9805b6bb879dcd8fec', name: "content-header-tools" }))), h("div", { key: 'b24c25b26928da2be8b5eaacdf4ba93e1a2e4255', class: "console-layout__integration" }, h("slot", { key: 'f1941ad1209a9afee81793288dee60f91c9ddd30', name: "content" }))), h("div", { key: 'a352836c210867f44550be4746acbcb250ebdbdb', class: "console-layout__overlays" }, h("slot", { key: '3e9db30733835eb5573b4c9ba5a52ebb07ce0f29', name: "overlays" }))))));
+                : this.showNavigationButtonLabel, onClick: this.onMobileNavigationToggleClick })), h("div", { key: 'e957041a10f331fd96578255d3024f265faf1813', class: "console-layout__app-name" }, this.appName && (h("swirl-heading", { key: 'b777779b6fe3a097479512c455ee9f3b1f1443a6', as: "h1", headingId: "app-name", level: 4, text: this.appName }))), this.showHelpButton && (h("swirl-button", { key: '17ab67df84157575d6ba8eab342f6c86d82f3d6e', class: "console-layout__help-button", hideLabel: true, icon: "<swirl-icon-help></swirl-icon-help>", label: this.helpButonLabel, onClick: this.onHelpButtonClick }))), h("section", { key: 'feb028a1d5918201884bbda849f921f1fb260ed5', "aria-labelledby": "heading", class: "console-layout__content", style: contentStyles }, h("header", { key: '6e73b29f0340f23297bd84d335f7eeaf037ebc40', class: "console-layout__content-header" }, this.showBackButton && (h("swirl-button", { key: '335e6ad9aaa2d8fefe56c962d88597fa6a482b1d', 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: 'db883bb93c28d4933c75b9fb7c7fe62a066065a7', class: "console-layout__heading-container" }, h("swirl-heading", { key: '6e15f5fd4385993ec7727dc78ec2d8b6a3e13d37', as: Boolean(this.appName) ? "h2" : "h1", class: "console-layout__heading", headingId: "heading", level: 1, text: this.heading }), this.subheading && (h("swirl-text", { key: '3f29587d92e3e2e46614351a4867ac96c4c5ed9e', class: "console-layout__subheading", color: "subdued" }, this.subheading)))), !Boolean(this.heading) && (h("div", { key: '7b2739708bf77b5b8df58e18f2c3aee3a822ff73', class: "console-layout__heading-container" }, h("slot", { key: 'b1c861258f12240b8171bf1f548aa0d8cd07285c', name: "heading" }))), h("div", { key: '3957edd8c2c249732e2f048365d898c402c71e0d', class: "console-layout__content-header-tools" }, h("slot", { key: '57e128aaa9ede0e60f6fc89a5d9ecaf35b99897b', name: "content-header-tools" }))), h("div", { key: 'ec4551b696c8220b6d3e909a7e355ade14164782', class: "console-layout__integration" }, h("slot", { key: 'b57e012b3bdde5ffd8531dbd4786ab79db8bfad7', name: "content" }))), h("div", { key: '4a73b546b3f95fd5a9aa4a3ac0651bb6bab89937', class: "console-layout__overlays" }, h("slot", { key: '2ab53b5a85569ded356fdf96db94b17545aac44a', 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: 'f86299768496c2ac73e144d9ecf43ec92d5f38d6' }, h("div", { key: '2342b2aef911cd717d4597c1e96a8535c3905040', class: className }, h("input", { key: 'cad5c82307f58720fb9b28b3206c16739ab5b853', "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: '7099dfbd9ce53e65a0e94c2c7383c25535477157', swirlPopover: `popover-${this.id}` }, h("button", { key: '226af64b7f475cdc438fd36d1f731ce48770d0cb', "aria-label": this.datePickerTriggerLabel, class: "date-input__date-picker-button", disabled: this.disabled, type: "button" }, h("swirl-icon-today", { key: '0865058239d7e74cc60596068a55cad17eee6dce', size: this.iconSize })))), !this.disabled && (h("swirl-popover", { key: 'ab0a1c930c424994d81870a61c564112a29b9617', animation: "scale-in-y", class: "date-input__date-picker-popover", id: `popover-${this.id}`, label: this.datePickerLabel, placement: "bottom-end", ref: (el) => (this.pickerPopover = el) }, h("swirl-date-picker", { key: '86ec29082403667409a0e83b9ee8de5337293edf', disableDate: this.datePickerDisableDate, firstDayOfWeek: this.firstDayOfWeek, labels: this.labels, locale: this.locale, onValueChange: this.onPickDate, value: dateValue, startDate: dateValue })))));
+        return (h(Host, { key: '02675d2c6d78cecb735c559d304f3003cb3fc66d' }, h("div", { key: '41baf5dbde93910c75383313a744dae7c5c599eb', class: className }, h("input", { key: 'e33a19f8ea6a9e49224197f3107676139d59b02d', "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: 'da1b02af7fec7ff4161bae04a61ae71e6d891a62', swirlPopover: `popover-${this.id}` }, h("button", { key: 'd13f0dbb35e789a06930eb5d7ccd9132dfc6635f', "aria-label": this.datePickerTriggerLabel, class: "date-input__date-picker-button", disabled: this.disabled, type: "button" }, h("swirl-icon-today", { key: '735e54cfb23845329b75c82a533a25269a1f1f5d', size: this.iconSize })))), !this.disabled && (h("swirl-popover", { key: 'b72b60403331fa4879b4597a2a6f8dd0585bfc08', animation: "scale-in-y", class: "date-input__date-picker-popover", id: `popover-${this.id}`, label: this.datePickerLabel, placement: "bottom-end", ref: (el) => (this.pickerPopover = el) }, h("swirl-date-picker", { key: '1c04d93e3d0a628caea28df9eadb23192f87caac', 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

@@ -44,7 +44,7 @@ const SwirlDatePicker = /*@__PURE__*/ proxyCustomElement(class SwirlDatePicker e
         const startDate = this.startDate instanceof Date
             ? getISODateString(this.startDate)
             : undefined;
-        return (h(Host, { key: 'c763bb2a09ba2877124d133cbb8496c51c815f7b', onClick: this.onClick }, h("wc-datepicker", { key: '29650bdc3473238fb90f9a52aa46522375eb2fa8', 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: '9cdefc87ca86a1511725d78cdb94f9ee7c48ccac', onClick: this.onClick }, h("wc-datepicker", { key: '9fd4c414a8f1a09fec0d503f26f9a526f36e9bd3', 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: 'a55f43510b981ac7714a1f1a75567aed1bb0b87a', role: "listitem" }, h("div", { key: '1b7970b58b17879dd7427695f0ce2cdb97fc5523', class: className, part: "description-list-item", role: "group" }, h("div", { key: '5f4c3b15eb8808cfa415134fbd1e51f3a8de9d83', class: "description-list-item__inner" }, h("div", { key: '1967a5376153f5b4ce0282d8651986bcf72a1dca', class: "description-list-item__text-container" }, h("div", { key: '3fd2c34a9b37dfbaf37a53f74831f4dd9393ff3a', class: "description-list-item__term", part: "description-list-item__term", role: "term" }, this.term, this.tooltip && (h("span", { key: 'e0336a389eda3d63719fee7f7a8b251ac5ea4b3a', class: "description-list-item__tooltip" }, h("swirl-tooltip", { key: '422655600b6ba5b61d3df39eadbc40a2c4b36370', content: this.tooltip, position: "right" }, h("swirl-icon-info", { key: '48e9fda84abf436e1eeb6369b533ed2256875bb6', size: 16, tabIndex: 0 }))))), h("div", { key: '81c1ff4a68bad60c59299aeba692bc525b031352', style: { maxWidth: this.maxWidth }, class: "description-list-item__description", role: "definition" }, h("slot", { key: '6fb24def48a3ecdb9f0b28710610cc1aeaac8b09' }))), h("div", { key: '5347fd041f19e7c5c4ea289584dc084f82a1faba', class: "description-list-item__tools" }, h("slot", { key: '6e81741c9c25ff564febb0e4017fdc1290890876', name: "tools" }))), h("div", { key: '479e903886f1fd0b00be63ad508447a3ad36ba94', class: "description-list-item__additional-content" }, h("slot", { key: '71c1e7a71f6566cbc88338b96c928935882c570b', name: "additional-content" })))));
+        return (h(Host, { key: '93092bfa9bacca0559ac8a7a475494e7b1430e78', role: "listitem" }, h("div", { key: 'bc2cee0c7db2fcf6f4666d7cc7110b4796bc102a', class: className, part: "description-list-item", role: "group" }, h("div", { key: '470bf2346a99311da56e060e8da7a8e608a92a2c', class: "description-list-item__inner" }, h("div", { key: 'b27273deeec369364fa1d75d18e91a23b718549f', class: "description-list-item__text-container" }, h("div", { key: '462b4855e32db83b9f557af192355835e40d0e46', class: "description-list-item__term", part: "description-list-item__term", role: "term" }, this.term, this.tooltip && (h("span", { key: '33cacb14236da8653d0b61d3189b2488019a8eea', class: "description-list-item__tooltip" }, h("swirl-tooltip", { key: '536f2637434e375131442c974936e398789238f8', content: this.tooltip, position: "right" }, h("swirl-icon-info", { key: '108b2c2a72a2766680453011055a3ac778cf00a4', size: 16, tabIndex: 0 }))))), h("div", { key: 'f0c3dc71f65479aa6ccdb58c885855ad0adb34cc', style: { maxWidth: this.maxWidth }, class: "description-list-item__description", role: "definition" }, h("slot", { key: 'c1afc71248eafcb31795ff48caa35c910ed8ba9d' }))), h("div", { key: '98f4a7315467b4392155a1c4e7f1a6a18b2c17bb', class: "description-list-item__tools" }, h("slot", { key: 'f6f30a342f5754aef1fb6624d111832cda10f126', name: "tools" }))), h("div", { key: '1e24c6d7274917b1d6dd28ae332664988849c3fb', class: "description-list-item__additional-content" }, h("slot", { key: '089c39eef4692f0f427023db6f6e146d2a47a850', 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: '7b773fd4098b9dc5a97d1b0d692df342a3e051d2' }, h("div", { key: '9e24ca02ec1b0780f2dd479b7905beb42d6bde77', class: "description-list", role: "list" }, h("slot", { key: 'd58af866867f947eb2c20aef4bb1a7af014354de' }))));
+        return (h(Host, { key: 'c39f4d0cdaff32f8bad93486847f2191872b37c1' }, h("div", { key: 'dfb692de25f759ff75ba0a72767b1fd3852fd063', class: "description-list", role: "list" }, h("slot", { key: 'e4c2073f20d25ddc73e29d1c699e4a16d0d62897' }))));
     }
     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: 'e1240e0b6668325bba63de458195f83d776c369d' }, this.size === 16 && (h("img", { key: '61d9a35ff4add8a6b4119e038faa7e5a3f776010', alt: this.label, class: className, height: "16", src: "emojis/Clap16.png", width: "16" })), this.size === 20 && (h("img", { key: '6d6318c264133afcf4a809134648dcab76b819b3', alt: this.label, class: className, height: "20", src: "emojis/Clap20.png", width: "20" })), this.size === 24 && (h("img", { key: 'e542413052201b22b01fc5cc77c3f80accfa4fb3', alt: this.label, class: className, height: "24", src: "emojis/Clap24.png", width: "24" })), this.size === 32 && (h("img", { key: '5e73f58a1c54e410ea47af99def5ce2a43c8fd9a', alt: this.label, class: className, height: "32", src: "emojis/Clap32.png", width: "32" }))));
+        return (h(Fragment, { key: '43e56c38b6d01c8d7d6fff6680554609bfb37053' }, this.size === 16 && (h("img", { key: 'd99b198f815ea334d1c84f614a3f82f73f037808', alt: this.label, class: className, height: "16", src: "emojis/Clap16.png", width: "16" })), this.size === 20 && (h("img", { key: '58c09fde750fa93abbd890a89158c9993d016194', alt: this.label, class: className, height: "20", src: "emojis/Clap20.png", width: "20" })), this.size === 24 && (h("img", { key: 'f346ff1348ab954044279dbb7127c2442caf9c67', alt: this.label, class: className, height: "24", src: "emojis/Clap24.png", width: "24" })), this.size === 32 && (h("img", { key: '8762860d7ce364cd57e5510e876078f6937ada0a', 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: '174fd6214b1b6ee4148783806943982cb77e13a7' }, this.size === 16 && (h("img", { key: '2c93cfb1ef154db7fb46ec134aeb38f2d791b677', alt: this.label, class: className, height: "16", src: "emojis/Happy16.png", width: "16" })), this.size === 20 && (h("img", { key: 'e8f0361e946cbad2da49949971977999250962b5', alt: this.label, class: className, height: "20", src: "emojis/Happy20.png", width: "20" })), this.size === 24 && (h("img", { key: 'f3ee9d862bd1782b14b309ac2bdcec105836c324', alt: this.label, class: className, height: "24", src: "emojis/Happy24.png", width: "24" })), this.size === 32 && (h("img", { key: 'a3a29274ce9acaf1d4738b1dd88ac0037b8ca11e', alt: this.label, class: className, height: "32", src: "emojis/Happy32.png", width: "32" }))));
+        return (h(Fragment, { key: 'a1506b18d3fdcf1b8790740f628b33d1229d2f5d' }, this.size === 16 && (h("img", { key: 'c34247e9fa070ffbe81a584ae54405e2a97b0e5f', alt: this.label, class: className, height: "16", src: "emojis/Happy16.png", width: "16" })), this.size === 20 && (h("img", { key: 'b71294b2f8b2833b4132b020007799e74b4a4cb9', alt: this.label, class: className, height: "20", src: "emojis/Happy20.png", width: "20" })), this.size === 24 && (h("img", { key: '692da54b23c4ef838575eae9e03f9b93fd6ac82b', alt: this.label, class: className, height: "24", src: "emojis/Happy24.png", width: "24" })), this.size === 32 && (h("img", { key: '9c7241735699412150dd07b0aa2cc2d14d473195', 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: '082ccf3f23f7dddf956995339d9aa69551a10513' }, this.size === 16 && (h("img", { key: '2e76a302a275f1bb6057a479b79a5af74551bbc7', alt: this.label, class: className, height: "16", src: "emojis/Idea16.png", width: "16" })), this.size === 20 && (h("img", { key: 'aca94270e8bb7e36a0c683c5858d6640326f25cb', alt: this.label, class: className, height: "20", src: "emojis/Idea20.png", width: "20" })), this.size === 24 && (h("img", { key: 'c5d2feeb127ddfe5446fdae66ae033bdf27a5b17', alt: this.label, class: className, height: "24", src: "emojis/Idea24.png", width: "24" })), this.size === 32 && (h("img", { key: '756df168c3f5aa0260664fa0e209bd87d16fd189', alt: this.label, class: className, height: "32", src: "emojis/Idea32.png", width: "32" }))));
+        return (h(Fragment, { key: '36d3ccd513c13226c2fa9652fc32af906a0b7296' }, this.size === 16 && (h("img", { key: 'b976d4448555c7ee6f1461c0acd4874eadf1c38d', alt: this.label, class: className, height: "16", src: "emojis/Idea16.png", width: "16" })), this.size === 20 && (h("img", { key: '72ab3e914596abcbf255ea79977571714e5fc6c1', alt: this.label, class: className, height: "20", src: "emojis/Idea20.png", width: "20" })), this.size === 24 && (h("img", { key: 'df4297a835eaa40d7973df835f3d16444e599500', alt: this.label, class: className, height: "24", src: "emojis/Idea24.png", width: "24" })), this.size === 32 && (h("img", { key: 'c581490350061ed37703e93a1d3b96e895c819c9', 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: 'bdfaca4bf45b5a235255c4ffc9f27607594a912f' }, this.size === 16 && (h("img", { key: '158dbef98650173398adc7f8176a67df634abefc', alt: this.label, class: className, height: "16", src: "emojis/Love16.png", width: "16" })), this.size === 20 && (h("img", { key: '561064e0f92d96c6048c0d82e073b8169ae2f035', alt: this.label, class: className, height: "20", src: "emojis/Love20.png", width: "20" })), this.size === 24 && (h("img", { key: 'c0e32d33031fc990825a5bb99689d82130f5a883', alt: this.label, class: className, height: "24", src: "emojis/Love24.png", width: "24" })), this.size === 32 && (h("img", { key: 'c449011a570bda27b4e7ded874a309717ba13268', alt: this.label, class: className, height: "32", src: "emojis/Love32.png", width: "32" }))));
+        return (h(Fragment, { key: '1ba03f325f8ab703c520090423eba07b7bb73e43' }, this.size === 16 && (h("img", { key: 'a207a88bd1f8a9b1387b7491bbcd29dacd246c1d', alt: this.label, class: className, height: "16", src: "emojis/Love16.png", width: "16" })), this.size === 20 && (h("img", { key: 'c77d700523ea42913160b26b9a33773f9f3b81b5', alt: this.label, class: className, height: "20", src: "emojis/Love20.png", width: "20" })), this.size === 24 && (h("img", { key: '9cb84cbc881b13d5989ab8748585afe454664f5e', alt: this.label, class: className, height: "24", src: "emojis/Love24.png", width: "24" })), this.size === 32 && (h("img", { key: 'aa002c4dd4f8ff8c83489c7a69567c6f5e2ccc5e', 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: '0c1542ff8797847b0f6efd9a62f6369e45b5689b' }, this.size === 16 && (h("img", { key: 'd712e23d045e3095d2e9026b5ab72dc24dc35a1d', alt: this.label, class: className, height: "16", src: "emojis/Sad16.png", width: "16" })), this.size === 20 && (h("img", { key: '2adb36f2c88f115b91b73208a6ad9dc6f10c8e34', alt: this.label, class: className, height: "20", src: "emojis/Sad20.png", width: "20" })), this.size === 24 && (h("img", { key: '148abd879f05d35195f7ee929d7f96e405d771d4', alt: this.label, class: className, height: "24", src: "emojis/Sad24.png", width: "24" })), this.size === 32 && (h("img", { key: '054598fcd3b28244452154485b4fe31bbb013d7b', alt: this.label, class: className, height: "32", src: "emojis/Sad32.png", width: "32" }))));
+        return (h(Fragment, { key: 'a14a5f15884ffee4da8697975e6acd4de71d4ac6' }, this.size === 16 && (h("img", { key: '21d1018e99a0ff79d7b387f6720f6a2f2f1992ae', alt: this.label, class: className, height: "16", src: "emojis/Sad16.png", width: "16" })), this.size === 20 && (h("img", { key: '95a65e9eb4033765ab3b5d7477b6bf0827521e3a', alt: this.label, class: className, height: "20", src: "emojis/Sad20.png", width: "20" })), this.size === 24 && (h("img", { key: 'fb31dcbceda568db764219362d696fc230b2f7f1', alt: this.label, class: className, height: "24", src: "emojis/Sad24.png", width: "24" })), this.size === 32 && (h("img", { key: '1291e9780a06def51bce43fe775b6b17bd52d4d0', 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: 'b9e1c129da6bafc7841b12e76c37f15d683ebecc' }, this.size === 16 && (h("img", { key: '4b70c6230e9b1a4f4e87ada17e4ad28b177f383c', alt: this.label, class: className, height: "16", src: "emojis/ThumbsUp16.png", width: "16" })), this.size === 20 && (h("img", { key: 'c5666ba80489bb557a1f21dd6cc5cfd130a2b470', alt: this.label, class: className, height: "20", src: "emojis/ThumbsUp20.png", width: "20" })), this.size === 24 && (h("img", { key: '24772a8c8d574a8079324aac54e72948a3ab81e2', alt: this.label, class: className, height: "24", src: "emojis/ThumbsUp24.png", width: "24" })), this.size === 32 && (h("img", { key: 'ba2ff59bae999c35d0f495174d402c67db0a27ec', alt: this.label, class: className, height: "32", src: "emojis/ThumbsUp32.png", width: "32" }))));
+        return (h(Fragment, { key: '94bda21663dd9c6c67c92a8c9399e1f34c2c8952' }, this.size === 16 && (h("img", { key: 'cf0d5ace00f6c6e2738a4737a166075e67b9d991', alt: this.label, class: className, height: "16", src: "emojis/ThumbsUp16.png", width: "16" })), this.size === 20 && (h("img", { key: '2698f363c0c242621ec8606807ae7251dd4bc505', alt: this.label, class: className, height: "20", src: "emojis/ThumbsUp20.png", width: "20" })), this.size === 24 && (h("img", { key: 'c68ec094f31f9bfc9c34640a2bf547c2a3348fa0', alt: this.label, class: className, height: "24", src: "emojis/ThumbsUp24.png", width: "24" })), this.size === 32 && (h("img", { key: '9c26eac67e53be53c81dee120e0530a9a5bf4b48', 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: 'ea4c3421342a1bdb904250170ed77be3a010c40b' }, h(Tag, { key: '5d499dc14b5b27d04371b49a9d8e62f345039c91', label: this.label, size: this.size })));
+        return (h(Host, { key: '53ac7c99348802dd641780600319af9ff33b2b99' }, h(Tag, { key: 'e07062d0780ba02e3cb3871387a24b4fb0dd4d6f', 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: '4f9a2b61c37ce6cb9278d4f33cbe0151fa30b782' }, h("div", { key: '4275df6a75e2d9f1d43046ad2a58bf6773a217d3', class: className }, this.illustration && !hasSlottedIllustration && (h("img", { key: '13a70977ef71064e3615d2f3b048fb2e563a1d8b', alt: "", class: "empty-state__illustration", src: this.illustration })), h("div", { key: '265a92d7536f2fbb34633c157ff9ce4bdcb06d72', class: "empty-state__slotted-illustration" }, h("slot", { key: '1f92e625e0398c431d808c4d35369bbbfa810f8b', name: "illustration" })), h("div", { key: '2a5a0c219f44c8bfeb0864746a3b484398b92ba8', class: "empty-state__body" }, h("swirl-stack", { key: '1a11967da1994bb795f5ed872b46936c8d926a5c', align: "stretch", spacing: "8" }, this.heading && (h("swirl-heading", { key: '62db8901c710bedf07eb571c0b402abc47eb2258', align: "center", as: "p", level: 4, text: this.heading })), h("div", { key: '6ee917970fc9df131e8c717f07bda3ed8b4f9f23', class: "empty-state__content" }, h("swirl-text", { key: 'f2a1b33a7e997ad2caec502157e328dd6dc5b9bc', align: "center", color: "subdued" }, h("slot", { key: '9c5f90a8bb7e7e5e9ee2e1c0cd7dba05de11962a' })))), h("div", { key: '23f8bfa5058f7a230e67892792230f367fa03b4e', class: "empty-state__controls" }, h("slot", { key: '12c9da7acf5499baf1aa5cf6febe7d4ab927b18c', name: "controls" }))))));
+        return (h(Host, { key: '52a2c02f7e7a735b77dab975ea3c5645ec23389d' }, h("div", { key: 'b3ae64e64706ae63118bb8ccb5871aa2c68915d9', class: className }, this.illustration && !hasSlottedIllustration && (h("img", { key: '5b5cc0770d1df67bd988671c9ff3f25f7260794c', alt: "", class: "empty-state__illustration", src: this.illustration })), h("div", { key: '60f0d723c52549814f495b8be203100f0d0d6642', class: "empty-state__slotted-illustration" }, h("slot", { key: 'b2b8b5887b9d70ce46ad5b01804dacc198588cd7', name: "illustration" })), h("div", { key: 'e841bc63119a9ff43f9dda49264d5137edf28acb', class: "empty-state__body" }, h("swirl-stack", { key: '4d478613dd850571f3787d8ba9e6473e3b658823', align: "stretch", spacing: "8" }, this.heading && (h("swirl-heading", { key: '99f4f2cd162c2a7082acd7f8f5bf4d82890a1d74', align: "center", as: "p", level: 4, text: this.heading })), h("div", { key: '5d2c579a66af46e0d03142f97bdabc7472cc9b79', class: "empty-state__content" }, h("swirl-text", { key: 'c097112409fc17e86e90948f37e13c34568248cf', align: "center", color: "subdued" }, h("slot", { key: '0ff750d28e7700617b9b36b69159b4a9805bfd97' })))), h("div", { key: '628870805934cbd90f882ad7824cdbb5e26cc990', class: "empty-state__controls" }, h("slot", { key: '17c1e2afffab2c8087c8965c91ab364fd483b310', name: "controls" }))))));
     }
     get el() { return this; }
     static get style() { return SwirlEmptyStateStyle0; }

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

@@ -50,10 +50,10 @@ const SwirlFileUploader$1 = /*@__PURE__*/ proxyCustomElement(class SwirlFileUplo
             "file-uploader--disabled": this.disabled,
             "file-uploader--show-dropzone": this.showDropzone,
         });
-        return (h(Host, { key: '8a4a5e433dce30d87310feee2cfed9e13286e297' }, h("div", { key: '83680afe87d14574f85ff622ee7e37e99a1adfb2', class: className }, this.hideLabel ? (h("swirl-visually-hidden", null, h("label", { htmlFor: this.inputId }, this.label))) : (h("label", { class: "file-uploader__label", htmlFor: this.inputId, id: `${this.inputId}-label` }, this.label)), this.description && (h("span", { key: '01aff4484d89e590216c19144593c6c5437ec04c', class: "file-uploader__description", id: `${this.inputId}-description`, innerHTML: this.descriptionAllowHtml ? this.description : undefined }, !this.descriptionAllowHtml && this.description)), h("div", { key: '1b933d5c5fe66ffedbf1107411d41d6d9929af7b', class: "file-uploader__dropzone" }, this.showDropzone ? ([
+        return (h(Host, { key: '6185d248378b0ff7c3fe9579631d863508800c0a' }, h("div", { key: 'd638767c683df353e48289991f2a76ee4b3b9d78', class: className }, this.hideLabel ? (h("swirl-visually-hidden", null, h("label", { htmlFor: this.inputId }, this.label))) : (h("label", { class: "file-uploader__label", htmlFor: this.inputId, id: `${this.inputId}-label` }, this.label)), this.description && (h("span", { key: '8c613261400dcc73c3068e70e6ef61b451ed4c26', class: "file-uploader__description", id: `${this.inputId}-description`, innerHTML: this.descriptionAllowHtml ? this.description : undefined }, !this.descriptionAllowHtml && this.description)), h("div", { key: '7f5b1aebb26710f933b2e9188f3cb0f1f0a370df', 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: '51ee1035002c87c4026ba453d087b514e5adf19a', 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: '1b122e211ddecaa055ab1c0537fc5a399675049b', 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: '1504c4ab25d1918445363a317c8152d8b7d4df29', class: "file-viewer-audio" }, h("audio", { key: '28b33eacc097ce319202e53c5deff3ed7f647bec', autoplay: this.autoplay, class: "file-viewer-audio__audio", controls: true }, h("source", { key: '156787b11ecd9a7f56c38691ed85b7874c58e7dd', src: this.file, type: this.type }))));
+        return (h(Host, { key: 'bfe4ed466ae9a170e7ff2c764064e305f7a68433', class: "file-viewer-audio" }, h("audio", { key: '2041618a045c9cb1fce69fc834287c483525fc0f', autoplay: this.autoplay, class: "file-viewer-audio__audio", controls: true }, h("source", { key: 'c58e3fa1844f93ee1d813d2ff86769274840e785', 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: '46c9b399c49bfdb627952f3c687ededf3d143f13', class: "file-viewer-csv", exportparts: "file-viewer-csv__table" }, this.error && (h("swirl-inline-error", { key: 'b653a1cdfc93de72ed7b21aced7eb70e84a6a98a', class: "file-viewer-csv__error", message: this.errorMessage })), h("div", { key: '69eee07676b75a416ae9bf8017668a1b55d806f4', class: "file-viewer-csv__csv", tabIndex: 0 }, h("table", { key: '0a0894289a82f7e42e5edca3c8bf85f44e5a3cce', class: "file-viewer-csv__table", part: "file-viewer-csv__table" }, h("tbody", { key: 'bc48767b24fa9f4c57502f991bb7f5f55b626d1c' }, 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: 'e6d36b36e35ca7699ce1adaa2c8abed3731edfb1', class: "file-viewer-csv__spinner" }, h("swirl-spinner", { key: 'd3746a01a66f2051020d7d81f024b3504198c402' })))));
+        return (h(Host, { key: 'f6be41ae413a56eba90dc936cdbeb59d1f20386e', class: "file-viewer-csv", exportparts: "file-viewer-csv__table" }, this.error && (h("swirl-inline-error", { key: '06a70b30e204b4a3a4bca0d8042247f9b3ae41ed', class: "file-viewer-csv__error", message: this.errorMessage })), h("div", { key: '73ce67dd31eaed0cb2103a4dd1b14f5232d8f13d', class: "file-viewer-csv__csv", tabIndex: 0 }, h("table", { key: 'edcca6b636632c40e2a99469082c144a6492d055', class: "file-viewer-csv__table", part: "file-viewer-csv__table" }, h("tbody", { key: 'fe882284decf34d576d819698aea353516852fc5' }, 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: '6f3d7475509e84cea0fed687bc520748c7a5c5e5', class: "file-viewer-csv__spinner" }, h("swirl-spinner", { key: '3a2fcbaa1bf2ee1c67f7ffdbaf7bd86c08a1eaa0' })))));
     }
     get el() { return this; }
     static get watchers() { return {

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

@@ -1,18 +1,9 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { c as commonjsGlobal } from './_commonjsHelpers.js';
 import { d as defineCustomElement$4 } from './swirl-button2.js';
 import { d as defineCustomElement$3 } from './swirl-icon-file2.js';
 import { d as defineCustomElement$2 } from './swirl-stack2.js';
 import { d as defineCustomElement$1 } from './swirl-text2.js';
 
-var FileSaver_min = {exports: {}};
-
-(function (module, exports) {
-(function(a,b){b();})(commonjsGlobal,function(){function b(a,b){return "undefined"==typeof b?b={autoBom:!1}:"object"!=typeof b&&(console.warn("Deprecated: Expected third argument to be a object"),b={autoBom:!b}),b.autoBom&&/^\s*(?:text\/\S*|application\/xml|\S*\/\S*\+xml)\s*;.*charset\s*=\s*utf-8/i.test(a.type)?new Blob(["\uFEFF",a],{type:a.type}):a}function c(a,b,c){var d=new XMLHttpRequest;d.open("GET",a),d.responseType="blob",d.onload=function(){g(d.response,b,c);},d.onerror=function(){console.error("could not download file");},d.send();}function d(a){var b=new XMLHttpRequest;b.open("HEAD",a,!1);try{b.send();}catch(a){}return 200<=b.status&&299>=b.status}function e(a){try{a.dispatchEvent(new MouseEvent("click"));}catch(c){var b=document.createEvent("MouseEvents");b.initMouseEvent("click",!0,!0,window,0,0,0,80,20,!1,!1,!1,!1,0,null),a.dispatchEvent(b);}}var f="object"==typeof window&&window.window===window?window:"object"==typeof self&&self.self===self?self:"object"==typeof commonjsGlobal&&commonjsGlobal.global===commonjsGlobal?commonjsGlobal:void 0,a=f.navigator&&/Macintosh/.test(navigator.userAgent)&&/AppleWebKit/.test(navigator.userAgent)&&!/Safari/.test(navigator.userAgent),g=f.saveAs||("object"!=typeof window||window!==f?function(){}:"download"in HTMLAnchorElement.prototype&&!a?function(b,g,h){var i=f.URL||f.webkitURL,j=document.createElement("a");g=g||b.name||"download",j.download=g,j.rel="noopener","string"==typeof b?(j.href=b,j.origin===location.origin?e(j):d(j.href)?c(b,g,h):e(j,j.target="_blank")):(j.href=i.createObjectURL(b),setTimeout(function(){i.revokeObjectURL(j.href);},4E4),setTimeout(function(){e(j);},0));}:"msSaveOrOpenBlob"in navigator?function(f,g,h){if(g=g||f.name||"download","string"!=typeof f)navigator.msSaveOrOpenBlob(b(f,h),g);else if(d(f))c(f,g,h);else {var i=document.createElement("a");i.href=f,i.target="_blank",setTimeout(function(){e(i);});}}:function(b,d,e,g){if(g=g||open("","_blank"),g&&(g.document.title=g.document.body.innerText="downloading..."),"string"==typeof b)return c(b,d,e);var h="application/octet-stream"===b.type,i=/constructor/i.test(f.HTMLElement)||f.safari,j=/CriOS\/[\d]+/.test(navigator.userAgent);if((j||h&&i||a)&&"undefined"!=typeof FileReader){var k=new FileReader;k.onloadend=function(){var a=k.result;a=j?a:a.replace(/^data:[^;]*;/,"data:attachment/file;"),g?g.location.href=a:location=a,g=null;},k.readAsDataURL(b);}else {var l=f.URL||f.webkitURL,m=l.createObjectURL(b);g?g.location=m:location.href=m,g=null,setTimeout(function(){l.revokeObjectURL(m);},4E4);}});f.saveAs=g.saveAs=g,(module.exports=g);});
-
-
-}(FileSaver_min));
-
 const swirlFileViewerFallbackCss = ":host{display:inline-flex;width:100%;height:100%;justify-content:center;align-items:center;pointer-events:auto}:host *{box-sizing:border-box}.file-viewer-fallback__icon::part(icon){height:2.875rem;width:2.875rem}";
 const SwirlFileViewerFallbackStyle0 = swirlFileViewerFallbackCss;
 
@@ -22,11 +13,10 @@ const SwirlFileViewerFallback = /*@__PURE__*/ proxyCustomElement(class SwirlFile
         this.__registerHost();
         this.__attachShadow();
         this.activate = createEvent(this, "activate", 7);
-        this.download = async (event) => {
+        this.download = createEvent(this, "download", 7);
+        this.onDownload = (event) => {
             event.preventDefault();
-            const fileName = this.fileName || this.file.split("/").pop();
-            const file = await fetch(this.file);
-            FileSaver_min.exports.saveAs(await file.blob(), fileName);
+            this.download.emit();
         };
         this.disableDownload = undefined;
         this.downloadButtonLabel = "Download";
@@ -37,7 +27,7 @@ const SwirlFileViewerFallback = /*@__PURE__*/ proxyCustomElement(class SwirlFile
         this.activate.emit(this.el);
     }
     render() {
-        return (h(Host, { key: '18e2667055aeaf49eb10b540cc7c17228e9bfe3a', class: "file-viewer-fallback" }, h("swirl-stack", { key: '7fd20ca012a2a65c311bd993a955754e5f55e2d3', align: "center", height: "100%", justify: "center", spacing: "16" }, h("swirl-icon-file", { key: '40ce390b19255fe79424ccce94dac789916f9022', class: "file-viewer-fallback__icon", color: "on-image", size: 28 }), this.fileName && (h("swirl-text", { key: 'ea5094a0f9b5180864dba641a1b2a883ee20e95c', color: "on-image", size: "lg", weight: "medium" }, this.fileName)), !this.disableDownload && (h("swirl-button", { key: '2c31cbce65445b79c362a7684eab9e2b6fdf16d8', 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: '78bebc10d7b02f2c8ce0d9b76ca5d94d24c69cc9', class: "file-viewer-fallback" }, h("swirl-stack", { key: '2ff13f4fb4f695a2453e4512a022fbffc0e174e9', align: "center", height: "100%", justify: "center", spacing: "16" }, h("swirl-icon-file", { key: '6263e362e64d97285f6714a3827a056e7da3b8f9', class: "file-viewer-fallback__icon", color: "on-image", size: 28 }), this.fileName && (h("swirl-text", { key: '4af6f265464a0b443c2a4fe0d346c91d9d312214', color: "on-image", size: "lg", weight: "medium" }, this.fileName)), !this.disableDownload && (h("swirl-button", { key: 'b740579ba6c8d7253664c971e5dcd2e071bb3b91', download: this.fileName, href: this.file, icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownload, variant: "on-image" })))));
     }
     get el() { return this; }
     static get style() { return SwirlFileViewerFallbackStyle0; }
@@ -81,4 +71,4 @@ function defineCustomElement() {
     } });
 }
 
-export { FileSaver_min as F, SwirlFileViewerFallback as S, defineCustomElement as d };
+export { SwirlFileViewerFallback as S, defineCustomElement as d };

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

@@ -202,7 +202,7 @@ const SwirlFileViewerImage = /*@__PURE__*/ proxyCustomElement(class SwirlFileVie
         return this.updateZoomAndPan(1);
     }
     render() {
-        return (h(Host, { key: 'b6df8d15a81ee872f10c1f392fe17e7a8ce71f45', 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: '6443ea704092321da183b8617265548403155751', class: "file-viewer-image__error", message: this.errorMessage })), h("img", { key: '987bb68f32e5511249eb3f2e8c4f14ddae58826e', alt: this.description, class: "file-viewer-image__image", ref: this.onImageElementUpdate, src: this.file }), this.loading && (h("div", { key: 'bddd94a5af5c665e231b8233ef180829994896e2', class: "file-viewer-image__spinner" }, h("swirl-spinner", { key: '0f554c1375a74d03e69ede48a4a7473b9e062301' })))));
+        return (h(Host, { key: '9c6f0e62d311751fdc4f4bfe9ee2fbbb03a12e9f', 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: 'b0222969488e2f387d790a973bf33266d68938eb', class: "file-viewer-image__error", message: this.errorMessage })), h("img", { key: '5d596c52966d5ad906787c254a917d4dca079c39', alt: this.description, class: "file-viewer-image__image", ref: this.onImageElementUpdate, src: this.file }), this.loading && (h("div", { key: '5f25aaf4271913447f64b9691d813cbebecf9535', class: "file-viewer-image__spinner" }, h("swirl-spinner", { key: '07874f93b3ed6d1be72a7145b28492e264827a55' })))));
     }
     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: 'be23c8890ec301acfc599f8ce7230052e2642d99', class: "file-viewer-text", exportparts: "file-viewer-text__text" }, this.error && (h("swirl-inline-error", { key: 'e179c472b2d405c1d1db91d11fa3e4053d47de2d', class: "file-viewer-text__error", message: this.errorMessage })), h("pre", { key: 'ebae39f77f9613b456ef63d7030d66d3bae28855', class: "file-viewer-text__text", part: "file-viewer-text__text", tabIndex: 0 }, this.text), this.loading && (h("div", { key: '728fdd38895852a6e356085aaee40026eea854bd', class: "file-viewer-text__spinner" }, h("swirl-spinner", { key: '6e06befad7ad99bef7db8b1e9affdfaeae8bdc50' })))));
+        return (h(Host, { key: '8635c12e3726da37bc792b651c7e71b6a737d8c8', class: "file-viewer-text", exportparts: "file-viewer-text__text" }, this.error && (h("swirl-inline-error", { key: '77e3687ab7c2524b984aa8059ced203ce8f1b9a4', class: "file-viewer-text__error", message: this.errorMessage })), h("pre", { key: '371a1216ed3afa459b0c4366b0deabcf343c783e', class: "file-viewer-text__text", part: "file-viewer-text__text", tabIndex: 0 }, this.text), this.loading && (h("div", { key: 'e51da5bcaea8b4adb59704afa113e7402e40a13f', class: "file-viewer-text__spinner" }, h("swirl-spinner", { key: '82b553d67eafedab8c85deee4bddeaceef89c10b' })))));
     }
     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: '1b334a271b15385fc2893a2defc32e099353f5b9', class: "file-viewer-video" }, h("video", { key: '529765913d3cb6a65d6a81708b0e626d1d15261d', autoplay: this.autoplay, class: "file-viewer-video__video", controls: true, ref: (el) => (this.videoEl = el) }, h("source", { key: 'afd195163c63a6d5e988c94db3829dc169fdf06a', src: this.file, type: this.type }))));
+        return (h(Host, { key: 'aa418e8d6780bb3bab7887abf43dfe1333ccd3d0', class: "file-viewer-video" }, h("video", { key: 'c356f941eed5fbd8dc28bf225fb7fb040f24e5f4', autoplay: this.autoplay, class: "file-viewer-video__video", controls: true, ref: (el) => (this.videoEl = el) }, h("source", { key: '88134c293a84ae4520b3c1e3dc7e87afdb58aae7', src: this.file, type: this.type }))));
     }
     get el() { return this; }
     static get watchers() { return {