@getflip/swirl-components 0.322.0 → 0.324.0

package/dist/collection/components/swirl-tree-navigation-item/swirl-tree-navigation-item.js

@@ -89,12 +89,12 @@ export class SwirlTreeNavigationItem {
             "tree-navigation-item__link--active": this.active,
             "tree-navigation-item__link--has-icon": Boolean(this.icon),
         });
-        return (h(Host, { key: '976cd4e831727e7db9956829f340acd697382d25', role: "none" }, h("li", { key: 'e48f3bce8ed4b1d76e40732de8fc198850dc1566', class: {
+        return (h(Host, { key: 'f5be2a3692fc41ea28c78a5249e282fd4eb0ac90', role: "none" }, h("li", { key: 'e2ac3f5d22de042ebadea3fa1544a52f787242ce', class: {
                 "tree-navigation-item": true,
                 "tree-navigation-item--expanded": this.expanded,
-            }, role: "treeitem", "aria-expanded": this.hasChildren ? this.expanded : undefined, "aria-level": this.level }, h(Tag, { key: 'c0d5c2fa3df908a434db8979852e9656f1cbafdb', onClick: this.toggleExpanded, onKeyDown: this.onKeyDown, class: linkClassName, href: this.href, target: this.target, type: isLink ? undefined : "button", id: this.buttonId, "aria-current": this.active ? "page" : undefined, "aria-controls": this.hasChildren ? this.childrenId : undefined, "aria-expanded": this.hasChildren ? this.expanded : undefined }, h("span", { key: 'ddfe2b601720f1317b68662e487af6e381c87351', class: "tree-navigation-item__content" }, this.icon && (h("swirl-icon", { key: '89e00270ec0ec3de5d03eebbf33724e1daffcee1', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), h("span", { key: 'd6d643dd231bd76dddc62c1815ae5a093d5d8564', class: "tree-navigation-item__label" }, h("span", { key: 'fd86b770fdfa2da8cfd2473de91b8b77e87579d8', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (h("span", { key: 'e1e47f84a25d834cb998bfab78c8360599604615', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, h("swirl-icon-chevron-right", { key: 'ce81067a5db01871b2b3614fc53fe7e15f1c6dc0', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (h("span", { key: '5475fc0a1564c0b075b06de429e8ec9329ebfeff', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, h("swirl-icon-open-in-new", { key: '6d60e9fa7495b3088c4073daaba0500b3374a158', size: 16, role: "img", "aria-label": "External link" })))))), this.hasChildren && (h("ul", { key: 'ba7b191668487c2929de1dea4758666b5942a427', class: "tree-navigation-item__children", id: this.childrenId, role: "group", "aria-label": `${this.label} submenu`, ref: (el) => (this.childrenRef = el), style: {
+            }, role: "treeitem", "aria-expanded": this.hasChildren ? this.expanded : undefined, "aria-level": this.level }, h(Tag, { key: '59768aa64bfb74b81e595c433579d56342540b8e', onClick: this.toggleExpanded, onKeyDown: this.onKeyDown, class: linkClassName, href: this.href, target: this.target, type: isLink ? undefined : "button", id: this.buttonId, "aria-current": this.active ? "page" : undefined, "aria-controls": this.hasChildren ? this.childrenId : undefined, "aria-expanded": this.hasChildren ? this.expanded : undefined }, h("span", { key: 'aa64113919148037c9b8f6b92c35003364a7962a', class: "tree-navigation-item__content" }, this.icon && (h("swirl-icon", { key: 'a9948f2f2aac50063b9faacdf161a4a0b322b40c', class: "tree-navigation-item__icon", glyph: this.icon, size: 20, "aria-hidden": "true", role: "img", "aria-label": `${this.label} icon` })), h("span", { key: 'bcd4227df99f9893b3e8dda5c874052976bc0191', class: "tree-navigation-item__label" }, h("span", { key: 'abd5a09ee4a63ba8ed4e911313366bd0c4bd16f0', class: "tree-navigation-item__label-text" }, this.label), this.expandable && this.hasChildren && !this.external && (h("span", { key: '47a4349d3d26494cdfa844359e7636713d54eb8a', class: "tree-navigation-item__toggle-icon", "aria-hidden": "true" }, h("swirl-icon-chevron-right", { key: 'f5e65b291427326ca0d5407d1cdfd3358fbd7030', size: 16, role: "img", "aria-label": "Expand" }))), this.external && (h("span", { key: '83bb63db09b9d584e09c27e4da954aa9bf01b548', class: "tree-navigation-item__external-icon", "aria-hidden": "true" }, h("swirl-icon-open-in-new", { key: 'b4b6991bd9249aecb5665d1d4397af25479d72fa', size: 16, role: "img", "aria-label": "External link" })))))), this.hasChildren && (h("ul", { key: '527475602f2fae5ce2603f1ee6655f02663cd071', class: "tree-navigation-item__children", id: this.childrenId, role: "group", "aria-label": `${this.label} submenu`, ref: (el) => (this.childrenRef = el), style: {
                 height: this.childrenHeight,
-            } }, h("slot", { key: '4553b9129e43d38d3f437c278a9680b23e6b02ea' }))))));
+            } }, h("slot", { key: 'd4a242d617109b0a882ef3f11ba160ed319db41d' }))))));
     }
     static get is() { return "swirl-tree-navigation-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-tree-view/swirl-tree-view.js

@@ -321,7 +321,7 @@ export class SwirlTreeView {
         }
     }
     render() {
-        return (h(Host, { key: '51aa3a81589abb63a2d736f430ad154c7c75d9ee' }, this.enableDragDrop && (h("swirl-visually-hidden", { key: 'c0a5e93d03187dc182921d0561c09b76b00382a1' }, h("span", { key: 'f25313f606c553ef032184a599efda8c0bd42fc4', "aria-live": "assertive" }, this.liveRegionText))), h("ul", { key: '494475bf9856ee93fa4e4cf0a4e0e0bbb9c40dc7', "aria-label": this.label, class: "tree-view", onFocusin: this.onFocus, onFocusout: this.onBlur, role: "tree", ref: (el) => (this.listElement = el), tabIndex: -1 }, h("slot", { key: '6004a1690b501c446c4fadbcef7b107bb5a3ab24', onSlotchange: this.onSlotChange }))));
+        return (h(Host, { key: '356121cb7f5adc3b4a9627b370233916cad1ae29' }, this.enableDragDrop && (h("swirl-visually-hidden", { key: 'a6f46439112356816f0f853a96a373a960b1bd14' }, h("span", { key: '2bab282efa908ea48a31683b6dde185cb153c1af', "aria-live": "assertive" }, this.liveRegionText))), h("ul", { key: 'ef9a99fe169c8752c982d9f0d4a02d6b091b042e', "aria-label": this.label, class: "tree-view", onFocusin: this.onFocus, onFocusout: this.onBlur, role: "tree", ref: (el) => (this.listElement = el), tabIndex: -1 }, h("slot", { key: '85a2a2c04d985d0892180c30f0c5b63bb85587fb', onSlotchange: this.onSlotChange }))));
     }
     static get is() { return "swirl-tree-view"; }
     static get originalStyleUrls() {

package/dist/collection/components/swirl-tree-view-item/swirl-tree-view-item.js

@@ -323,13 +323,13 @@ export class SwirlTreeViewItem {
             "tree-view-item--disable-drag": this.disableDrag,
             "tree-view-item--has-tags": hasTags,
         });
-        return (h(Host, { key: 'd044ae199022dcc3b022b2d4dc266d82db00a2fc', id: this.itemId, role: "none" }, h("li", { key: '106bc3696b6d68b5ba22badaa9d457e3e72d62f8', class: className, role: "none" }, h("a", { key: '0fcae2ed328de5bcb0f85e712b5e88a2fe3e3771', "aria-current": this.active ? "page" : undefined, "aria-expanded": !hasChildren ? undefined : String(this.expanded), "aria-level": this.level + 1, "aria-owns": hasChildren ? `${this.itemId}-children` : undefined, "aria-selected": String(this.selected), class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, onKeyDown: this.onKeyDown, ref: (el) => (this.link = el), role: "treeitem", tabIndex: this.selected ? 0 : -1 }, !this.disableDrag && this.enableDragDrop && (h("span", { key: '24aa0852201a264f2e596851d9acef1f653b669a', class: "tree-view-item__drag-handle" }, h("swirl-icon-drag-handle", { key: 'f23b5c4a9c0e56320e53b9da3ad55462c4f265e1', size: 20 }))), this.expandable && (h("span", { key: 'cd5933c4674e8095e00d66157fd646f3edc6af04', class: "tree-view-item__toggle-icon" }, hasChildren && (h(Fragment, { key: 'd8dc9940a46e7de9b2148e98f06a8b8edbbfac61' }, this.expanded ? (h("swirl-icon-expand-more", { onClick: this.onClickCollapse, size: 24 })) : (h("swirl-icon-chevron-right", { onClick: this.onClickExpand, size: 24 })))))), Boolean(this.icon) && (h(Fragment, { key: 'da21cb2a18f2755d747a854ff3d1a3ddc27d6c70' }, h("span", { key: '5eb18d4f3e9c9268c93f16989cce4332fe91dbf5', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), h("span", { key: '70715c356b263b1d78f20dd015ec93aaba5b271f', class: "tree-view-item__label" }, this.label), h("span", { key: '77fec8960d46a38e198196073841cc0cceae27c2', class: "tree-view-item__tags" }, h("slot", { key: '3940dae27077c4b8a71f2dcc6b82208c90d8b34a', name: "tags" }))), h("ul", { key: '17e1c7a2dffd64a8a4d9a1af5503ab454552e9fe', "aria-label": this.label, class: `tree-view-item__children ${shouldShowChildrenDropZone
+        return (h(Host, { key: '359205749fd0fa8cdd09b902a535169cfa410031', id: this.itemId, role: "none" }, h("li", { key: '5e13cbe565927ba5fa14e3f99309a2c880b262b3', class: className, role: "none" }, h("a", { key: '776901fdfc6d1879285a3a37b131b4cc41ec7efc', "aria-current": this.active ? "page" : undefined, "aria-expanded": !hasChildren ? undefined : String(this.expanded), "aria-level": this.level + 1, "aria-owns": hasChildren ? `${this.itemId}-children` : undefined, "aria-selected": String(this.selected), class: "tree-view-item__link", href: this.href, onFocus: this.onFocus, onKeyDown: this.onKeyDown, ref: (el) => (this.link = el), role: "treeitem", tabIndex: this.selected ? 0 : -1 }, !this.disableDrag && this.enableDragDrop && (h("span", { key: '726f0d283a32cafb9b8924fe8a26eabfb5eaaa1f', class: "tree-view-item__drag-handle" }, h("swirl-icon-drag-handle", { key: 'c6d9ccbeca76689b7ffd72fe765c6196a6c4437d', size: 20 }))), this.expandable && (h("span", { key: '45873aeb8ee0ef116351e300397ff202d5950033', class: "tree-view-item__toggle-icon" }, hasChildren && (h(Fragment, { key: 'fe6bdc75d7beabe8ab58687ddd07f8a461426479' }, this.expanded ? (h("swirl-icon-expand-more", { onClick: this.onClickCollapse, size: 24 })) : (h("swirl-icon-chevron-right", { onClick: this.onClickExpand, size: 24 })))))), Boolean(this.icon) && (h(Fragment, { key: '095e710bc88d20c62cbc79aaa66993b203b70cf5' }, h("span", { key: 'b7a0c0b5446ce314e3bfb3778953a412d0d088f7', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), h("span", { key: 'bb2fced3c07abca46d4fe1542ebc310a00acfdb6', class: "tree-view-item__label" }, this.label), h("span", { key: '7705d52ac2befb94f0b161a0875babbaed63b891', class: "tree-view-item__tags" }, h("slot", { key: 'ed0d4949b0814388e305694dbc833319f215b1f3', name: "tags" }))), h("ul", { key: '1a6b4cfbedb4e8eab88b29c5df6ee26c964478fd', "aria-label": this.label, class: `tree-view-item__children ${shouldShowChildrenDropZone
                 ? "tree-view-item__children--drop-zone"
                 : ""}`, id: `${this.itemId}-children`, ref: (el) => (this.childList = el), role: "group", style: {
                 display: (!this.expanded || !hasChildren) && !shouldShowChildrenDropZone
                     ? "none"
                     : undefined,
-            } }, h("slot", { key: '84e8e55f032818f56c1cd38d3f7949d0be2db270' })))));
+            } }, h("slot", { key: '173b8f94cb788699ef8ed8925084766337389409' })))));
     }
     static get is() { return "swirl-tree-view-item"; }
     static get originalStyleUrls() {

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

@@ -7,7 +7,7 @@ export class SwirlVideoThumbnail {
         this.src = undefined;
     }
     render() {
-        return (h(Host, { key: 'f17cffc8d4b785cd750283accc36f68442e01d32' }, h("button", { key: '19c37090245311db067fbcf17a7f314684bf771a', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, h("img", { key: 'd9b82c8d91b9df65080a9cb49ec262f621aa8bc1', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (h("span", { key: '9d4916b716239f6d54fdc5d871bf51c5dc40e92c', class: "video-thumbnail__duration", id: "duration" }, h("swirl-visually-hidden", { key: 'a416ac442c86f2e241d4d325fdf8ab146754ab52' }, this.durationLabel), this.duration)), h("svg", { key: '4732e4585d157deae9abf1c5ff4a8fe0ca9c09de', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '2bdc2f16cf20880c403027c9aeaba474573341b0', d: "M15 14.65V25.35C15 26.1167 15.35 26.7 16.05 27.1C16.75 27.5 17.4333 27.4667 18.1 27L26.4 21.7C27.0333 21.3 27.35 20.7333 27.35 20C27.35 19.2667 27.0333 18.7 26.4 18.3L18.1 13C17.4333 12.5333 16.75 12.5 16.05 12.9C15.35 13.3 15 13.8833 15 14.65ZM20 40C17.2333 40 14.6333 39.4747 12.2 38.424C9.76667 37.3747 7.65 35.95 5.85 34.15C4.05 32.35 2.62533 30.2333 1.576 27.8C0.525334 25.3667 0 22.7667 0 20C0 17.2333 0.525334 14.6333 1.576 12.2C2.62533 9.76667 4.05 7.65 5.85 5.85C7.65 4.05 9.76667 2.62467 12.2 1.574C14.6333 0.524667 17.2333 0 20 0C22.7667 0 25.3667 0.524667 27.8 1.574C30.2333 2.62467 32.35 4.05 34.15 5.85C35.95 7.65 37.3747 9.76667 38.424 12.2C39.4747 14.6333 40 17.2333 40 20C40 22.7667 39.4747 25.3667 38.424 27.8C37.3747 30.2333 35.95 32.35 34.15 34.15C32.35 35.95 30.2333 37.3747 27.8 38.424C25.3667 39.4747 22.7667 40 20 40Z", fill: "white", "fill-opacity": "0.95" })))));
+        return (h(Host, { key: '0d1fdc4949d838a62c3c8b8268c5229f41fc3c60' }, h("button", { key: '02444d9291683335bc640b69bdcc4267e423e68a', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, h("img", { key: 'f4a933ab01d22b51816056b86f1a307db9a5f3ad', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (h("span", { key: '6b286644f477a85aa7976025f82476017b3833c0', class: "video-thumbnail__duration", id: "duration" }, h("swirl-visually-hidden", { key: 'b70d41aa916302f0ddb8b51430841091d68fa794' }, this.durationLabel), this.duration)), h("svg", { key: '8a3092527b6b853687102e88a2e2f246e9b571ee', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'dc88cd0978ae654fccd17ff0fbb37bc2f132a1a0', d: "M15 14.65V25.35C15 26.1167 15.35 26.7 16.05 27.1C16.75 27.5 17.4333 27.4667 18.1 27L26.4 21.7C27.0333 21.3 27.35 20.7333 27.35 20C27.35 19.2667 27.0333 18.7 26.4 18.3L18.1 13C17.4333 12.5333 16.75 12.5 16.05 12.9C15.35 13.3 15 13.8833 15 14.65ZM20 40C17.2333 40 14.6333 39.4747 12.2 38.424C9.76667 37.3747 7.65 35.95 5.85 34.15C4.05 32.35 2.62533 30.2333 1.576 27.8C0.525334 25.3667 0 22.7667 0 20C0 17.2333 0.525334 14.6333 1.576 12.2C2.62533 9.76667 4.05 7.65 5.85 5.85C7.65 4.05 9.76667 2.62467 12.2 1.574C14.6333 0.524667 17.2333 0 20 0C22.7667 0 25.3667 0.524667 27.8 1.574C30.2333 2.62467 32.35 4.05 34.15 5.85C35.95 7.65 37.3747 9.76667 38.424 12.2C39.4747 14.6333 40 17.2333 40 20C40 22.7667 39.4747 25.3667 38.424 27.8C37.3747 30.2333 35.95 32.35 34.15 34.15C32.35 35.95 30.2333 37.3747 27.8 38.424C25.3667 39.4747 22.7667 40 20 40Z", fill: "white", "fill-opacity": "0.95" })))));
     }
     static get is() { return "swirl-video-thumbnail"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/swirl-visually-hidden/swirl-visually-hidden.js

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class SwirlVisuallyHidden {
     render() {
-        return (h(Host, { key: '570b5c52a11540e704b58464a05f5235a49c5e41' }, h("slot", { key: '05a73d221016ef4a7f055bbb15c628186d01e5bd' })));
+        return (h(Host, { key: 'b1a9365245b42a7d28ba87dd46c35a2266aefee7' }, h("slot", { key: '73c3e5c3cf22857000093891903f9aa7c45f4403' })));
     }
     static get is() { return "swirl-visually-hidden"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/prototypes/file-manager/file-manager.js

@@ -56,7 +56,7 @@ export class FileManager {
             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: '5204ac038d6ba3811e6aefd46fb283223a4a8e80' }, h("swirl-app-layout", { key: '88ea51cff3df93f32301400b71775aa97811da92', 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: 'c93f4235d8b68501ea5d2a0d4e36a869b9d10c40', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: 'f82374ac60fb327e424afc8e68b35ce54afb6bf5', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: 'fbccb3832c1660f0b5bebbf3d0435016914c3b7c', label: "Sort items" })), h("swirl-stack", { key: '89e15fba952300e1f1814a5e36e4b8815d86f410', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: 'f108e97787ee6c10703c3ebfaaa4f3acc8c43598' }, h("swirl-heading", { key: '639d3beb7e2d734fbb1dbdfcaee4f1e63fc459a6', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: '8c8685a535b6799ae511b87d06d2660698aa7a59', 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: 'dd5978b21dd9a71a0a2bce93b0a97696ec11a82f', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: 'debdb44ca303f65fdf1ed31c185a4f1e79466f66', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: '662518c391d57cd243d051f79fe9daf5dce4b42f', padding: "16", slot: "sidebar" }, h("swirl-text", { key: '3ef695a4b619d3b838b8c8bfb9872bae6ca463b3', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: '5639756226de182e8bd0b8fcb0b2645288a0ed51', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: '8c84b613026a265f3710d7be1052eaeb038085d8', value: ["ascending"] }, h("swirl-option-list-item", { key: '6285e0d93d5eb064e224a9e4468267b9b82afe58', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: '9a51d42e9b727277e28b674615cc9e31a1163ab2', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: 'd2338aafaf9d9a4d893f6d5b2c80cd7e01a1b55e', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
+        return (h(Host, { key: '8caa0c14304072c40f58b2ec8e45ab42cf39310b' }, h("swirl-app-layout", { key: 'a4bcdf07990c13d7ccfde6ca2f71ca73bdcd930b', 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: 'ba58afb365b38c32b5836f438373b051294539af', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: '9d97098f7db4f79ee698423dde17a0979f342cda', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: 'd70e901cbb11e192ae6dd15ddbec15aa754ce6c6', label: "Sort items" })), h("swirl-stack", { key: '4039060fc90daece0fd973cb3351606f14e9c8ce', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: '4ab3ef4a505f4b60310cc2e01578f77d950d8999' }, h("swirl-heading", { key: '9e6813b842899de7fc61b2411502dcf642a75559', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: '91dcd0fe9129b29b4511746ca1b5944185fc1a79', 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: 'fd2798d8d6d5bff1ceb77116a154d73397b93d88', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: '2cc0d158f3bc3539b12edc9f5b8e113be6e446f3', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: 'cf536985c036b73c9bd385ce1208b5a9fd355092', padding: "16", slot: "sidebar" }, h("swirl-text", { key: 'c3eb07986bb74501b918ed3a8bb36fbb2081a9e8', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: 'df77aa47f9839ea6f7ffdbcbe110e7972479ae31', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: '63b02d1dc8cb6a50343b6ae71439feb89f79a1bb', value: ["ascending"] }, h("swirl-option-list-item", { key: '8c2cb2b031bb18820352203e3977371d17f36234', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: '2615e37fb835f76b89f17348e8c7338aec891b29', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: 'eaef70ef2e86f243e19810248d93f0460acbdb24', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
     }
     static get is() { return "file-manager"; }
     static get encapsulation() { return "shadow"; }

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: '5204ac038d6ba3811e6aefd46fb283223a4a8e80' }, h("swirl-app-layout", { key: '88ea51cff3df93f32301400b71775aa97811da92', 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: 'c93f4235d8b68501ea5d2a0d4e36a869b9d10c40', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: 'f82374ac60fb327e424afc8e68b35ce54afb6bf5', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: 'fbccb3832c1660f0b5bebbf3d0435016914c3b7c', label: "Sort items" })), h("swirl-stack", { key: '89e15fba952300e1f1814a5e36e4b8815d86f410', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: 'f108e97787ee6c10703c3ebfaaa4f3acc8c43598' }, h("swirl-heading", { key: '639d3beb7e2d734fbb1dbdfcaee4f1e63fc459a6', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: '8c8685a535b6799ae511b87d06d2660698aa7a59', 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: 'dd5978b21dd9a71a0a2bce93b0a97696ec11a82f', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: 'debdb44ca303f65fdf1ed31c185a4f1e79466f66', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: '662518c391d57cd243d051f79fe9daf5dce4b42f', padding: "16", slot: "sidebar" }, h("swirl-text", { key: '3ef695a4b619d3b838b8c8bfb9872bae6ca463b3', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: '5639756226de182e8bd0b8fcb0b2645288a0ed51', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: '8c84b613026a265f3710d7be1052eaeb038085d8', value: ["ascending"] }, h("swirl-option-list-item", { key: '6285e0d93d5eb064e224a9e4468267b9b82afe58', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: '9a51d42e9b727277e28b674615cc9e31a1163ab2', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: 'd2338aafaf9d9a4d893f6d5b2c80cd7e01a1b55e', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
+        return (h(Host, { key: '8caa0c14304072c40f58b2ec8e45ab42cf39310b' }, h("swirl-app-layout", { key: 'a4bcdf07990c13d7ccfde6ca2f71ca73bdcd930b', 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: 'ba58afb365b38c32b5836f438373b051294539af', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: '9d97098f7db4f79ee698423dde17a0979f342cda', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: 'd70e901cbb11e192ae6dd15ddbec15aa754ce6c6', label: "Sort items" })), h("swirl-stack", { key: '4039060fc90daece0fd973cb3351606f14e9c8ce', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: '4ab3ef4a505f4b60310cc2e01578f77d950d8999' }, h("swirl-heading", { key: '9e6813b842899de7fc61b2411502dcf642a75559', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: '91dcd0fe9129b29b4511746ca1b5944185fc1a79', 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: 'fd2798d8d6d5bff1ceb77116a154d73397b93d88', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: '2cc0d158f3bc3539b12edc9f5b8e113be6e446f3', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: 'cf536985c036b73c9bd385ce1208b5a9fd355092', padding: "16", slot: "sidebar" }, h("swirl-text", { key: 'c3eb07986bb74501b918ed3a8bb36fbb2081a9e8', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: 'df77aa47f9839ea6f7ffdbcbe110e7972479ae31', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: '63b02d1dc8cb6a50343b6ae71439feb89f79a1bb', value: ["ascending"] }, h("swirl-option-list-item", { key: '8c2cb2b031bb18820352203e3977371d17f36234', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: '2615e37fb835f76b89f17348e8c7338aec891b29', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: 'eaef70ef2e86f243e19810248d93f0460acbdb24', 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: '5abd39c9ca02720e57c37beeb7b72db0c2dd123c' }, h("div", { key: '95dd1b52fdaff21051074b3127ada00367f7e543', class: className }, h(HeadingTag, { key: '9ffb3a12040d452c5b0ee6aea4921fc67f93cd26', class: "accordion-item__heading" }, h("button", { key: '22a0dd49ebc344eeb89c95a9ace011524624f9d8', "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: '3c9eed167c7be689878c58d8d40c07a90a23211b', class: "accordion-item__toggle-text" }, this.heading, this.description && (h("swirl-text", { key: '6b584e7f6bb7006fa5f54bfff12522f70d2a6b26', as: "span", color: "subdued", size: "sm" }, this.description))), h("span", { key: 'de1967d18f5451dae04c4f957d30e5cb1e1b2851', class: "accordion-item__icon" }, !this.expanded && (h("swirl-icon", { key: '1dfb914a637071b9b3536d36895b964b41befa6b', glyph: "chevron-right", size: 20 })), this.expanded && (h("swirl-icon", { key: '8e6d7baa97dc9268a9a6f00b2cd8afccc7c6bcd2', glyph: "expand-more", size: 20 }))))), h("div", { key: 'f6de862bd5104a5c27b1d6838633fd5bfdb2efba', "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, h("slot", { key: '92161c918c43af090e33ca260939ec915c2a95cd' })))));
+        return (h(Host, { key: 'b83f9e2000c556d79ab910e992366d83c5829846' }, h("div", { key: 'd16691dc92dfd9e581c4d4b10e0846eadce5236b', class: className }, h(HeadingTag, { key: 'c3f9cff3e21f6012863291626cfc6c8fb3cdde72', class: "accordion-item__heading" }, h("button", { key: '38aa7c2ae8e499f0b32d5cb996aa5610b1ddaf6b', "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: '05a45b6c2c14bc7d13890753ef08ec9f09c2a910', class: "accordion-item__toggle-text" }, this.heading, this.description && (h("swirl-text", { key: '67155d6bd60b8ec1481c45aa0922107ec8a2abb5', as: "span", color: "subdued", size: "sm" }, this.description))), h("span", { key: '93ad926798a5c593aa00a09b356294be2158a0c9', class: "accordion-item__icon" }, !this.expanded && (h("swirl-icon", { key: '74f9c08addd3eda4b45ad75fa930fa3a3eab5877', glyph: "chevron-right", size: 20 })), this.expanded && (h("swirl-icon", { key: 'c3d2edd14173d20bb4a773716867397ea71c3393', glyph: "expand-more", size: 20 }))))), h("div", { key: '471c481565b4d40ee8164a1cde7c29bb20f9c0c8', "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, h("slot", { key: 'c112664c3e25ce7e6e5270b6a3d6b3b3c0add285' })))));
     }
     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: '1bc7c9ab063fecb394f94ab345097cdddaaafa03' }, h("slot", { key: '5feaf01d57896600feb8a9eee3a8301d0f601dc3' })));
+        return (h(Host, { key: 'e30443cfc009758000a3b0b2268961fa9eafb75e' }, h("slot", { key: '476ece68fa8e42d711d80e111627c4eb0edebe54' })));
     }
     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: 'c637f1e8b7eb6d478a41728773886383e14f9002' }, this.hasSeparator && (h("swirl-separator", { key: '66912702c619c458441babb2c34e245248b7e37d', spacing: this.separatorSpacing })), h("div", { key: 'd0b4679175ec4a52effd68390065130803e36807', "aria-labelledby": "label", class: "action-list-section", role: "group" }, h("span", { key: 'af591455c341f581f9ba2e8287fdc5c920a2bb8d', class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), h("swirl-stack", { key: '2dc7f8aa2bbc422898c0faa49767b1d0f5d57a03', spacing: this.spacing, align: "stretch" }, h("slot", { key: '344c6117b8ae81602d677f22a374fddda4becbc4' })))));
+        return (h(Host, { key: '4746cade99a59ab4b7d6c7d276d5bbdf2731d3ee' }, this.hasSeparator && (h("swirl-separator", { key: '2ca2301f66f43341f75a7590444fc022cdaa8bf3', spacing: this.separatorSpacing })), h("div", { key: '051cf57c2418d995fc180c32d3ba9aa7942c275e', "aria-labelledby": "label", class: "action-list-section", role: "group" }, h("span", { key: 'c64001e8c358938a084183d581f7dd19ea151efc', class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), h("swirl-stack", { key: '876ec9775a660ca7bdbbebad118a5dd0fb22b781', spacing: this.spacing, align: "stretch" }, h("slot", { key: '71e0d94758c25cafda3946faf1db029aa75ffc65' })))));
     }
     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: 'dcbfbe5e2d3e3c3ae4119d71067da9898c39f52a' }, h("div", { key: 'd85810e0e08962a69ccd29e6993443100d84abcc', "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: '74d09eb289ca2822a76d470b3962991428f16011', onSlotchange: this.setSectionSeparator }))));
+        return (h(Host, { key: 'fa74a3d427f124826faea04ba6acdfa7667752f1' }, h("div", { key: '5a9b9155af66b777ec716646b16527a676e26044', "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: 'c1068047e5ccaf8184dc7773e331bcc1ada6a530', 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: '687598f6730d46ae81728932bc626cb9f7dab002' }, h("span", { key: 'c84b9d81819b4ee664fe3b1ef6b833e84ac96dbe', class: className }, showImage && (h("img", { key: '3cebf8dfa8585d8b3d9df4db73650e88c3a24e93', alt: "", height: "256", ref: this.onImageElementUpdate, src: this.src, width: "256" })), showIcon && (h("span", { key: '8f1cda723ec8cb528b7a8a4da29434463d44766e', class: "app-icon__icon", innerHTML: this.icon })))));
+        return (h(Host, { key: '90f9007428de57708504bf15c29b30909f7d6b42' }, h("span", { key: '7119b43222a0a224268ffb6ef5debc804f7bb3d9', class: className }, showImage && (h("img", { key: '1b8421ed21164b5c921733903a5cc4f3102d0c0e', alt: "", height: "256", ref: this.onImageElementUpdate, src: this.src, width: "256" })), showIcon && (h("span", { key: '41c6eddecff32a689d81feb4d3ba9df4ff420b0b', 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: '07eb2c5f8ba50e042e64de92826fc16f8b939047' }, h("div", { key: 'eb4a5992625dd8a8d8f98d04c14868b3456fbb9a', class: className, role: "group" }, h("slot", { key: 'fd0f28ae05bf30f5ac973163c7aefd62c66e2837' }), this.badge && (h("span", { key: '955b59bb5425971a699380a933dea336873525c2', class: badgeClassName, innerHTML: this.badge, ref: (el) => (this.badgeEl = el) })))));
+        return (h(Host, { key: '76e85ac1f2499bddae35aea6e1ce1281294a707a' }, h("div", { key: 'a2763cdee26628d8b3926af85302cc0d74a1ee60', class: className, role: "group" }, h("slot", { key: '1e15e3f8e2b36912a3f4e834e6f24a8e4bc0bc09' }), this.badge && (h("span", { key: 'd6c7e9e98de8e5191f17dccfe7e662c05314dc85', 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: '9bc4985739dc192b039b2dea6524e1d561b89c80', "aria-roledescription": "slide", "aria-label": this.label, class: className, role: "group", style: {
+        return (h(Host, { key: 'e75b302d0c27d9571444d6019cc2295ab86413f1', "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: '42d69c816388c933e8e7529e5eed0a7e8a65ffd9' })));
+            }, tabIndex: 0 }, h("slot", { key: '63794dea8f1ab9790b135a39eb9f84e004e4e349' })));
     }
     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: 'db984e1d6f60cd74d1b5b0b64d441e9d87e5198c' }, h("div", { key: 'b68c0b8c7c5e426959e2bcd9c6f0ecf79d8ad92b', class: className }, h("input", { key: '20a8d4adab4ce97069423829f8882c6ebff51b48', "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: '3e3b890953d2f6a86491ee68f8968b81b4c152ae', swirlPopover: this.pickerId }, h("button", { key: '0a962dde3571d8b59fcb333fe944faa545f29616', "aria-label": this.pickerButtonLabel, class: "color-input__preview-button", style: {
+        return (h(Host, { key: '84cc3e16101043574dd4d30f7903ce92b034309c' }, h("div", { key: '439383e3e3384bcd255bec502a2df0dd5be1a661', class: className }, h("input", { key: '59edc6b99c9cb8cfecbb4d672584a37edcbad943', "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: 'f5f6ae99f40c8bc2dd565fa2114cc5aeb795ecae', swirlPopover: this.pickerId }, h("button", { key: 'aef319ab0793cc4882632d73a73ca38f9484a1ec', "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: '7549e1eeb25e478176999aba5fd22f8d1f7d9238', animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, h("swirl-box", { key: '25ab3e99d518d2fb443ced81d7929d385e576dfe', centerInline: true, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, h("hex-color-picker", { key: 'ff1ad9a924e424c438d1784f8be2b6afaf939ae4', color: this.value, ref: (el) => (this.picker = el) }))))));
+            }, type: "button" })), h("swirl-popover", { key: '948eb8d67e9497014133f4bf757d5a5c900ff83d', animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, h("swirl-box", { key: 'c6987312e10639e16573f8129fae48aa71b2d734', centerInline: true, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, h("hex-color-picker", { key: 'f182577c4d61d00aabb8547fa02c809ee8959243', 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: 'b6c37854ccb689c3edb58cc2c74b05d26c4f71e3' }, h("div", { key: '66b02aba8c29cd0e86e24bee06545127b857029b', class: className, onClick: this.onClick, onKeyDown: this.onKeyDown }, h("header", { key: 'c93dad4e20cadff5f875676d941cd0de17b7c183', "aria-hidden": String(!this.sidebarActive), class: "console-layout__sidebar", ref: (el) => (this.sidebarEl = el) }, h("div", { key: 'e065c32ba61cb5df13871370e69560892d728fa7', class: "console-layout__header" }, h("div", { key: '70dc134a54356cc62176f9ec4afcaeeeeadcd476', class: "console-layout__logo" }, h("svg", { key: '92bc5dc757b45e732149533b54a0bf24ef5f6322', 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: '61a8966d0ef54d82e3dcea04f8da3f8e9078b26e', 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: '261e89fb7a5c5afc0850379db27f37f8498a7158', 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: 'cb822a243a787a72da0287fec5fbaed5ed5cacbd', 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: 'd28b0e647b92a6930bf68134b8083651ea07882b', d: "M12.2072 10.9785L7.32419 10.1459L0.625 14.0709L5.38887 14.9629L12.2072 10.9785Z", fill: "#80A8F4" })), h("swirl-text", { key: 'b500743cdd07f8a159b72c5fbc800468d12e3aba', class: "console-layout__logo-text", weight: "medium" }, this.logoText))), h("nav", { key: '3ea15df2845f22fb6a4a8be78176b0fadc8601de', "aria-label": this.navigationLabel, class: "console-layout__navigation" }, h("slot", { key: 'f3500ddf88d1945fcc30e9bd16f3972903bb0bd2', name: "navigation" })), h("div", { key: 'acd68cd5b9b17d85604977c3df9b80d97b492d66', class: "console-layout__user" }, h("slot", { key: '7a2141b9c5061164cb578ae2f427e677aa68fb23', name: "user" }))), h("main", { key: '455342ae502cea23e86dbf69c43f4f07cd080f64', "aria-labelledby": Boolean(this.appName) ? "app-name" : undefined, class: "console-layout__main" }, h("header", { key: '77ddeea42625f8547711f697d8d9981424205ad1', class: "console-layout__app-bar" }, h("span", { key: '8c715f504d7c667132bd291207f01a1649320616', class: "console-layout__mobile-navigation-button" }, h("swirl-button", { key: 'b52594152887ea08550336e84b55575b7dac6ff2', swirlAriaExpanded: String(this.sidebarActive), hideLabel: true, icon: this.sidebarActive
+        return (h(Host, { key: '5595858078dcbf2b1fd42112fcd01ee93b9167cf' }, h("div", { key: '0a6314f7b0647616f5cd84145a6f4efb00a30d31', class: className, onClick: this.onClick, onKeyDown: this.onKeyDown }, h("header", { key: 'de1c401167cdb325f977557fdc3d1c960e282f00', "aria-hidden": String(!this.sidebarActive), class: "console-layout__sidebar", ref: (el) => (this.sidebarEl = el) }, h("div", { key: 'f01342846ba501c93c9e24987705466fb1a47788', class: "console-layout__header" }, h("div", { key: '6d0d7c0b804e7c4e7745a5b0141090b306cf2ca7', class: "console-layout__logo" }, h("svg", { key: '86e27129a81c8c973feb1931e323d30d178d3e2a', 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: 'cabedc7b728044dc009dad217a0b6cd23b3e48d7', 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: '50338c0502b6acfc1512f7000b28b02ff56cd965', 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: '6924da416478b4cb733441366d5b2850ecd522d0', 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: '5296e69f2bb97e4ba927b1c2f7f7717e417fc407', d: "M12.2072 10.9785L7.32419 10.1459L0.625 14.0709L5.38887 14.9629L12.2072 10.9785Z", fill: "#80A8F4" })), h("swirl-text", { key: '9c5c6555c5e5c968a9fbf7c3c608e5e5d91eb447', class: "console-layout__logo-text", weight: "medium" }, this.logoText))), h("nav", { key: '645446cbbaaf965c34c991f256fb50b67bb62218', "aria-label": this.navigationLabel, class: "console-layout__navigation" }, h("slot", { key: '394af4d5e53f06e690016dc0349e5eb46e24a3f0', name: "navigation" })), h("div", { key: '5f492d23d18d2f03365aefcb796211ad7b12cecd', class: "console-layout__user" }, h("slot", { key: 'a4eb05fc2fe7cd6261aa378e94ced5460bc476e8', name: "user" }))), h("main", { key: 'bea6c4681f70ad6fe7952d34ef6b386173d0d8b7', "aria-labelledby": Boolean(this.appName) ? "app-name" : undefined, class: "console-layout__main" }, h("header", { key: '5cd828b1a1d8f0ed5203e96ed02bca1a1f0540b8', class: "console-layout__app-bar" }, h("span", { key: '7d73db4547218b8327bf0bbd63492c6b8f25b064', class: "console-layout__mobile-navigation-button" }, h("swirl-button", { key: '19e341a3b45ef973393470599360fa61d2f2348b', 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: '0e580f60b08624956c759eddeaa5208e9390cf3b', class: "console-layout__app-name" }, this.appName && (h("swirl-heading", { key: '555e6979eb5e7f2c3ea446e760d2593f05677926', as: "h1", headingId: "app-name", level: 4, text: this.appName }))), this.showHelpButton && (h("swirl-button", { key: 'bb7acdc156964784cad3dec76b2e71ac8d9593cb', class: "console-layout__help-button", hideLabel: true, icon: "<swirl-icon-help></swirl-icon-help>", label: this.helpButonLabel, onClick: this.onHelpButtonClick }))), h("section", { key: 'de4bb0d7c9fc8417e6cbfccd698fb69a76d27b3e', "aria-labelledby": "heading", class: "console-layout__content", style: contentStyles }, h("header", { key: '2e44911eaa81b99c59ec4890e612c99e21f6cdd2', class: "console-layout__content-header" }, this.showBackButton && (h("swirl-button", { key: 'fc86e39e3816ac1b327f225270d4447a138f1363', 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: '892571a15e8f488daa3e8506541c04ecccda9661', class: "console-layout__heading-container" }, h("swirl-heading", { key: '2ab7dc20c9097cda37fe0f022a6f0953c833fb63', as: Boolean(this.appName) ? "h2" : "h1", class: "console-layout__heading", headingId: "heading", level: 1, text: this.heading }), this.subheading && (h("swirl-text", { key: 'acf4e6883e81a692a6659bdd82014c56bc743f0b', class: "console-layout__subheading", color: "subdued" }, this.subheading)))), !Boolean(this.heading) && (h("div", { key: '11b2d4e531c2e899e42a7a5ef394a0360c8a2da3', class: "console-layout__heading-container" }, h("slot", { key: 'd9abb15db90103b2e2b1a67576ba6f095aed6c6b', name: "heading" }))), h("div", { key: '6e999bf25bd2dfb78a571eed6672655262b86b63', class: "console-layout__content-header-tools" }, h("slot", { key: 'e51212fb6629f4d0f2be51af60bc306f81b7641b', name: "content-header-tools" }))), h("div", { key: '9c087b00f40d083a9fda1c602254a843f42bba00', class: "console-layout__integration" }, h("slot", { key: '846711f90023403d1a4702b6740170a8f5dfd317', name: "content" }))), h("div", { key: 'f369b811e0dea712f4a683d8783ac54cb4154b7a', class: "console-layout__overlays" }, h("slot", { key: 'e5765c138375fe80f75bffe25219750b2550f252', name: "overlays" }))))));
+                : this.showNavigationButtonLabel, onClick: this.onMobileNavigationToggleClick })), h("div", { key: '7874976b0d943b6a46d949d926c71e7309b848a4', class: "console-layout__app-name" }, this.appName && (h("swirl-heading", { key: 'dc9433db63038b1dba709d95024bc91b6f08b44e', as: "h1", headingId: "app-name", level: 4, text: this.appName }))), this.showHelpButton && (h("swirl-button", { key: 'a97d75f252ee883901eca39d49cfbb445b2654ae', class: "console-layout__help-button", hideLabel: true, icon: "<swirl-icon-help></swirl-icon-help>", label: this.helpButonLabel, onClick: this.onHelpButtonClick }))), h("section", { key: 'a8f810812fed7ad5e4e196df840e3d13121b028e', "aria-labelledby": "heading", class: "console-layout__content", style: contentStyles }, h("header", { key: '3a5c83092a0b8a65bca19116cc3846e9a921dce0', class: "console-layout__content-header" }, this.showBackButton && (h("swirl-button", { key: 'bb9b1af9879c93c1d9a443fa48c3f1cef9a78035', 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: '2c3f314a9c91d78559fc76f32965d60ebade4f44', class: "console-layout__heading-container" }, h("swirl-heading", { key: 'c8e44bbdfaf7852f34db579d00a1862eb1060506', as: Boolean(this.appName) ? "h2" : "h1", class: "console-layout__heading", headingId: "heading", level: 1, text: this.heading }), this.subheading && (h("swirl-text", { key: '8ce3e7f38bf3839d809c0e09c123411d5d4fa5d2', class: "console-layout__subheading", color: "subdued" }, this.subheading)))), !Boolean(this.heading) && (h("div", { key: '10aa0dc2560370f4d30da8a5966bf0fd4b638c70', class: "console-layout__heading-container" }, h("slot", { key: '7e97de533348a07382b0df81bab78592a536d5eb', name: "heading" }))), h("div", { key: 'e0409cc3844d006bbb4e133c9ffb616b727b0c8a', class: "console-layout__content-header-tools" }, h("slot", { key: '6bcbc098a17673eb65a8c2874a8045adeeb2f1ed', name: "content-header-tools" }))), h("div", { key: '15678aa3040a39fa390e1d2e1b05348984671792', class: "console-layout__integration" }, h("slot", { key: '61c50f5ef9d62d1814f697cab41666737d55b363', name: "content" }))), h("div", { key: '739b6bb2a8495a633479817618e86bbe3766aa6c', class: "console-layout__overlays" }, h("slot", { key: '90796ad47b67ddf548fe3df282ff993b1f45c537', 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: 'b6ddc22bcdc331f61fca4b108b4d34f4d7f4eccd' }, h("div", { key: 'd92b1daa42c5e2fb64c378621bf50b0440813252', class: className }, h("input", { key: 'a775ec1989a9e35f3dbe380e5f7f83170bb5d1fe', "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: '1fd79df32d35be0951b49a2ce141309b2938d4c3', swirlPopover: `popover-${this.id}` }, h("button", { key: '11680b4c3bfee66566fd895c5399b5c860f7b771', "aria-label": this.datePickerTriggerLabel, class: "date-input__date-picker-button", disabled: this.disabled, type: "button" }, h("swirl-icon-today", { key: '91563a1eb521b7beceb4f967b091c44445d04b60', size: this.iconSize })))), !this.disabled && (h("swirl-popover", { key: '7b7534da460943832ed5cc8d786dd316a4e442c3', 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: '74b13475c333443ae34d68fa7ac78e63c79c1c1e', disableDate: this.datePickerDisableDate, firstDayOfWeek: this.firstDayOfWeek, labels: this.labels, locale: this.locale, onValueChange: this.onPickDate, value: dateValue, startDate: dateValue })))));
+        return (h(Host, { key: '3f2ae1eb77b986b7e1522d5900efcb2dc4e728f5' }, h("div", { key: '5219471c4ceafaf67020a9a7230ba5bd5130b18c', class: className }, h("input", { key: 'f05d9bff27ce73576ebc076ea64fdde9bfc9a8e4', "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: '61003928d32c16bb0d1326ea0afe754f090b6fc3', swirlPopover: `popover-${this.id}` }, h("button", { key: '765192c92f20b4a86a0a0b8eb0752e7f9fde6f1c', "aria-label": this.datePickerTriggerLabel, class: "date-input__date-picker-button", disabled: this.disabled, type: "button" }, h("swirl-icon-today", { key: 'ff2ef9ba18ca4a712702faf5ee19bd2cbb4b1c29', size: this.iconSize })))), !this.disabled && (h("swirl-popover", { key: '69901e0c6aeb4552cdb913d053a667db5f72b297', 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: '6b3bccc77095c5b54d8dbc03207070f2be717973', 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: '29e154678a63e94d5cc06db022dcca7d2353b24a', onClick: this.onClick }, h("wc-datepicker", { key: 'c76249ab1251c84727c83742f34a5465aea93ac7', 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: '4fb20c5695f709b12aa3da8425551751659f94d2', onClick: this.onClick }, h("wc-datepicker", { key: '4b3375d033e80bc0aa3362757697e9bebd95dfde', 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: '825332c96e3361239553afc23efd0b088c67780a', role: "listitem" }, h("div", { key: 'a7addfaf38f63125797ee43d819431d41436c010', class: className, part: "description-list-item", role: "group" }, h("div", { key: '10c4ea50963f4e75243c57cec96bbb8d8bf6a6ed', class: "description-list-item__inner" }, h("div", { key: '9b26415f442f43f487efd67bb7265297a867466d', class: "description-list-item__text-container" }, h("div", { key: '4393e5d0995dd58b7db93b0472bb80cf0559a75d', class: "description-list-item__term", part: "description-list-item__term", role: "term" }, this.term, this.tooltip && (h("span", { key: '46c9fe804c473f23c789145902d7d0954a992883', class: "description-list-item__tooltip" }, h("swirl-tooltip", { key: 'e7ee07766eddba2e1187d205e7bdeca856d5cb3d', content: this.tooltip, position: "right" }, h("swirl-icon-info", { key: '05037c857b152edebbcc901af7bf06790396217f', size: 16, tabIndex: 0 }))))), h("div", { key: 'bdb094bf5309a033f2704a65510a8da294362fc7', style: { maxWidth: this.maxWidth }, class: "description-list-item__description", role: "definition" }, h("slot", { key: '5b150db642db834f5403d3309624628b21d432f7' }))), h("div", { key: '131aeb2a9ac28a7625bc8c8d649365c87e835c21', class: "description-list-item__tools" }, h("slot", { key: '51a0f54c06012d72352ec75795d79fe43b41fb59', name: "tools" }))), h("div", { key: '40f95550148f9b61631fb23dcdf8074aa3208cba', class: "description-list-item__additional-content" }, h("slot", { key: '36f39caed364779571e7d2bcdc0de6023b48634f', name: "additional-content" })))));
+        return (h(Host, { key: '9f218ded01558b4884f5878fbcde683c6b80421d', role: "listitem" }, h("div", { key: '55b19904189f577d2aced0fb2626e74d2d0af61a', class: className, part: "description-list-item", role: "group" }, h("div", { key: '497ce10a342e7059431636ee0c95504aadcc4464', class: "description-list-item__inner" }, h("div", { key: 'b75f1f31f940fd4b013f55e2c4bf653e6a7c26fc', class: "description-list-item__text-container" }, h("div", { key: '0d8fbf2cb62bb3a81e768579b73815a2fbff1535', class: "description-list-item__term", part: "description-list-item__term", role: "term" }, this.term, this.tooltip && (h("span", { key: '3ffcf6327cea54ef69e78f5ec5813f377db1896a', class: "description-list-item__tooltip" }, h("swirl-tooltip", { key: 'eda1bda51e7f9ca0d7c43bf4a11cc3957c8d692f', content: this.tooltip, position: "right" }, h("swirl-icon-info", { key: '2126b3db4717b4405e463ac92c96155d57139021', size: 16, tabIndex: 0 }))))), h("div", { key: 'd471e6a33966c94ce9dce45e2d49171c0883b460', style: { maxWidth: this.maxWidth }, class: "description-list-item__description", role: "definition" }, h("slot", { key: '235f8d0c47d42c2853cfadcce9e5f81a07cc5c6b' }))), h("div", { key: 'fab6b42209a7d5e307fcf9807aefd2cae3ec4366', class: "description-list-item__tools" }, h("slot", { key: 'bd418fcf86dcbcbe7111608c1dad77c36e4f283b', name: "tools" }))), h("div", { key: 'd6444c55698a0df409b87c21a09bc8ad9454d4ad', class: "description-list-item__additional-content" }, h("slot", { key: 'fbc2c75d49844c5361208125d203cb61551da0ac', 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: 'c343af31c2036e3827d0bb8541ef0b80c0349530' }, h("div", { key: 'c3638a810eca547f1adc4ccd9b7e8c8e0f9a847c', class: "description-list", role: "list" }, h("slot", { key: 'f99727cde2f547a0a5667285062e16a40121e9b7' }))));
+        return (h(Host, { key: '31f8cdf6605116227d878fcf87878c341fa4be50' }, h("div", { key: '687e9967667fc2ac99dce8620cc5d4ba59563b20', class: "description-list", role: "list" }, h("slot", { key: '00cbc2fc0f676943751b8ccf379cc3f5d688c8a3' }))));
     }
     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: '2adc97a54a8288c58676d930dafada52dffeeb23' }, this.size === 16 && (h("img", { key: '56c2c3eaddd2f28e29e2ce8815783c2da69fad7a', alt: this.label, class: className, height: "16", src: "emojis/Clap16.png", width: "16" })), this.size === 20 && (h("img", { key: 'ddfd1956e6f8c3d34507bd2607b95a3ffde53c32', alt: this.label, class: className, height: "20", src: "emojis/Clap20.png", width: "20" })), this.size === 24 && (h("img", { key: '9be22498e7f4eb365f84c933139b52617419fa50', alt: this.label, class: className, height: "24", src: "emojis/Clap24.png", width: "24" })), this.size === 32 && (h("img", { key: '433aaa53dfb5797f36651b1622283cc8938f8f6f', alt: this.label, class: className, height: "32", src: "emojis/Clap32.png", width: "32" }))));
+        return (h(Fragment, { key: 'fb1b965ded208d1b499e970704fe1eaa725c624a' }, this.size === 16 && (h("img", { key: 'e4372fdb12decbb5bea77df28e2c30e8f0de986f', alt: this.label, class: className, height: "16", src: "emojis/Clap16.png", width: "16" })), this.size === 20 && (h("img", { key: 'cb6c26490d8c7bc7dbecb1dadbad41b026481be2', alt: this.label, class: className, height: "20", src: "emojis/Clap20.png", width: "20" })), this.size === 24 && (h("img", { key: '977f4c1a828a5791f969302474c915bc4ba0e77a', alt: this.label, class: className, height: "24", src: "emojis/Clap24.png", width: "24" })), this.size === 32 && (h("img", { key: 'a5c81159e8a6da40c810358885bc4c36f3f38350', 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: '225daa15191ac2dd282a8976897a727abb4005f8' }, this.size === 16 && (h("img", { key: 'ea1c41da937fbdb87a9458299a69a58f4bc363a1', alt: this.label, class: className, height: "16", src: "emojis/Happy16.png", width: "16" })), this.size === 20 && (h("img", { key: '8e19960cc68a58e4465f8ac173560e7bf7e17b09', alt: this.label, class: className, height: "20", src: "emojis/Happy20.png", width: "20" })), this.size === 24 && (h("img", { key: 'd2276c6454368567f0e9ae86eaa40898c928e865', alt: this.label, class: className, height: "24", src: "emojis/Happy24.png", width: "24" })), this.size === 32 && (h("img", { key: 'fe0da11ea222cde81386534c961e781b85a2498c', alt: this.label, class: className, height: "32", src: "emojis/Happy32.png", width: "32" }))));
+        return (h(Fragment, { key: '8f1990247189958db4233e13711713105526e394' }, this.size === 16 && (h("img", { key: 'f5f3d0f60b41b5483e557d964b18c45a09446be7', alt: this.label, class: className, height: "16", src: "emojis/Happy16.png", width: "16" })), this.size === 20 && (h("img", { key: '4e577d0ea58ccb4cdf592b34beb67c4a24baa1db', alt: this.label, class: className, height: "20", src: "emojis/Happy20.png", width: "20" })), this.size === 24 && (h("img", { key: '338805c5cc1c325c7b16ae31eaec9e6cca5d99a0', alt: this.label, class: className, height: "24", src: "emojis/Happy24.png", width: "24" })), this.size === 32 && (h("img", { key: '227cd86cf3d2a0a27e0038b190e30a558f527c04', 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: '1ba03f325f8ab703c520090423eba07b7bb73e43' }, this.size === 16 && (h("img", { key: 'a207a88bd1f8a9b1387b7491bbcd29dacd246c1d', alt: this.label, class: className, height: "16", src: "emojis/Idea16.png", width: "16" })), this.size === 20 && (h("img", { key: 'c77d700523ea42913160b26b9a33773f9f3b81b5', alt: this.label, class: className, height: "20", src: "emojis/Idea20.png", width: "20" })), this.size === 24 && (h("img", { key: '9cb84cbc881b13d5989ab8748585afe454664f5e', alt: this.label, class: className, height: "24", src: "emojis/Idea24.png", width: "24" })), this.size === 32 && (h("img", { key: 'aa002c4dd4f8ff8c83489c7a69567c6f5e2ccc5e', alt: this.label, class: className, height: "32", src: "emojis/Idea32.png", width: "32" }))));
+        return (h(Fragment, { key: '712753654c2a4d716f16be007cb66334d753741e' }, this.size === 16 && (h("img", { key: 'c2709614828a1e90c203ef2422283d172706b000', alt: this.label, class: className, height: "16", src: "emojis/Idea16.png", width: "16" })), this.size === 20 && (h("img", { key: '9abcfa58681f88ec8f296ca3760678b695dfa235', alt: this.label, class: className, height: "20", src: "emojis/Idea20.png", width: "20" })), this.size === 24 && (h("img", { key: '81a577e943978c7bfcb19ffc9a1614e884ab7476', alt: this.label, class: className, height: "24", src: "emojis/Idea24.png", width: "24" })), this.size === 32 && (h("img", { key: 'a8f27ee63de19ca1845879f96691443d9e6b682f', 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: '2ded4a2bdbbfd37f80abc6f9f698106a17154c11' }, this.size === 16 && (h("img", { key: 'a2baedf0c9684d81d2dd3214c5d2e92a5b45caae', alt: this.label, class: className, height: "16", src: "emojis/Love16.png", width: "16" })), this.size === 20 && (h("img", { key: '4b5c32a95071b1c4badcad8d34f574db062f30d1', alt: this.label, class: className, height: "20", src: "emojis/Love20.png", width: "20" })), this.size === 24 && (h("img", { key: '96c5d2d7f7cc07ff06ef25637616dc087af1e336', alt: this.label, class: className, height: "24", src: "emojis/Love24.png", width: "24" })), this.size === 32 && (h("img", { key: '1e2011d64fbc5f1edb9e00126ac989b053f02968', alt: this.label, class: className, height: "32", src: "emojis/Love32.png", width: "32" }))));
+        return (h(Fragment, { key: '0ee293854401b1e53722a85c68c2f223a2cfc4f0' }, this.size === 16 && (h("img", { key: '7d8bf10f81c8eaef1f1f5e871e16f16382e9a74e', alt: this.label, class: className, height: "16", src: "emojis/Love16.png", width: "16" })), this.size === 20 && (h("img", { key: '440e5cbfcd508aa0b6f8a4de497e2032a86c28be', alt: this.label, class: className, height: "20", src: "emojis/Love20.png", width: "20" })), this.size === 24 && (h("img", { key: 'ed0e387f1168bfa0137c3a7ef7da99e7437134ba', alt: this.label, class: className, height: "24", src: "emojis/Love24.png", width: "24" })), this.size === 32 && (h("img", { key: 'b6a33080b56fb74c1455b42d942c2da261c8bc36', 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: 'd83809f1c3792b7228e0ad3def9291f4cb5fd15b' }, this.size === 16 && (h("img", { key: '6b057930087a49f87c5080e4051dd3bb78381cad', alt: this.label, class: className, height: "16", src: "emojis/Sad16.png", width: "16" })), this.size === 20 && (h("img", { key: '11d5a7bc61e35233ed024e8600cc0583d884be45', alt: this.label, class: className, height: "20", src: "emojis/Sad20.png", width: "20" })), this.size === 24 && (h("img", { key: '049e2fb9e9745d7cceef2097e212d5999846daa2', alt: this.label, class: className, height: "24", src: "emojis/Sad24.png", width: "24" })), this.size === 32 && (h("img", { key: '67728d2c290b731d6cf62d1de430334b3c7b9852', alt: this.label, class: className, height: "32", src: "emojis/Sad32.png", width: "32" }))));
+        return (h(Fragment, { key: '82e118f9daa194c82b2cc5ccf78b82e6147bec3d' }, this.size === 16 && (h("img", { key: 'c6d9bf63c1ade3074958326b4dd5f4dcfbadd09f', alt: this.label, class: className, height: "16", src: "emojis/Sad16.png", width: "16" })), this.size === 20 && (h("img", { key: '5e83a3fa49f7d62292e26cfc65863797aa46f5a0', alt: this.label, class: className, height: "20", src: "emojis/Sad20.png", width: "20" })), this.size === 24 && (h("img", { key: '85b88944f43e15d612c292bd361da377b03a758d', alt: this.label, class: className, height: "24", src: "emojis/Sad24.png", width: "24" })), this.size === 32 && (h("img", { key: '6051b9d23ba75e7a1ee748c33853e5d295fd88f3', 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: '4d4491e6c88d0365eae1fd1dd0454684692740e7' }, this.size === 16 && (h("img", { key: 'b99e62234430194ea1a9fcb9401ea91c3a97e1bf', alt: this.label, class: className, height: "16", src: "emojis/ThumbsUp16.png", width: "16" })), this.size === 20 && (h("img", { key: 'c06629c3d413bd597805461a315a90d51e517169', alt: this.label, class: className, height: "20", src: "emojis/ThumbsUp20.png", width: "20" })), this.size === 24 && (h("img", { key: 'a306e728f462ad953695a1bd6865970a3e0feeb1', alt: this.label, class: className, height: "24", src: "emojis/ThumbsUp24.png", width: "24" })), this.size === 32 && (h("img", { key: 'f368ccf7b202bcd158583019bc3bde0ffc3d7dc0', alt: this.label, class: className, height: "32", src: "emojis/ThumbsUp32.png", width: "32" }))));
+        return (h(Fragment, { key: '5f5c8d8da0b88e6a2d09c948150a6b5cf0917a75' }, this.size === 16 && (h("img", { key: '5d5a6410388b3ff6405304577fa5719cc489f645', alt: this.label, class: className, height: "16", src: "emojis/ThumbsUp16.png", width: "16" })), this.size === 20 && (h("img", { key: '4e8855477b57678f4f5a52dfc74386830aeadc90', alt: this.label, class: className, height: "20", src: "emojis/ThumbsUp20.png", width: "20" })), this.size === 24 && (h("img", { key: '5555bf0465668c7f23a25fdbcd39957061c41574', alt: this.label, class: className, height: "24", src: "emojis/ThumbsUp24.png", width: "24" })), this.size === 32 && (h("img", { key: 'fda3af74a035d90e975e340eddb8b3182cebc506', 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: 'e7314a3e9947d8f86e51559fe166d46ca35ccee0' }, h(Tag, { key: '016c2bbce280123867f7b4e4d7b497321cca9bc9', label: this.label, size: this.size })));
+        return (h(Host, { key: 'c3ff3db711db738fc99660e4cb161a54aaef33cc' }, h(Tag, { key: 'b6fdb4e900419ba6206331f5eb3246a2206e3daf', 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: 'd492f980162681d028fddbfc0702103e39fb5c9e' }, h("div", { key: '3738d75cc93289814fe50de864de7475393ef7e7', class: className }, this.illustration && !hasSlottedIllustration && (h("img", { key: '4c789bcc7d04ba70098db2b3b9006ec46a842344', alt: "", class: "empty-state__illustration", src: this.illustration })), h("div", { key: '4a360a4d518876324af007493786f1c5dc88ec6a', class: "empty-state__slotted-illustration" }, h("slot", { key: 'f9a3c6afe5a05f0bd3a22cd0c725c622745e2c5c', name: "illustration" })), h("div", { key: '8ad9daf10e0316f473e0ff393e4d45eb88f6e81e', class: "empty-state__body" }, h("swirl-stack", { key: '736c51dc686dac21f196fe3669b7ba4ec85d9fe2', align: "stretch", spacing: "8" }, this.heading && (h("swirl-heading", { key: '29423d8796c2ef34a15c6eab62d8b7f08b00c120', align: "center", as: "p", level: 4, text: this.heading })), h("div", { key: '4999458b184eba988c54c3fab4c0635a7faeba19', class: "empty-state__content" }, h("swirl-text", { key: '9ef144c1435b9beb62a532b1c293a6f18d57be98', align: "center", color: "subdued" }, h("slot", { key: '20528c4236d29ccbad305f94f3cfa99129cbb91f' })))), h("div", { key: '9e6e201033b4a3e083e14b28320395772406c6dc', class: "empty-state__controls" }, h("slot", { key: '2b0313d12d7786f1b3224330eeaace14b30a4f29', name: "controls" }))))));
+        return (h(Host, { key: '94c0183213827a9e385891a8efaebf09a1373b41' }, h("div", { key: 'df6358b2d51045996b4db5f7d439cdac982a0ea1', class: className }, this.illustration && !hasSlottedIllustration && (h("img", { key: 'afe293f061b57a8e3ef32d1a563ea0a50504d1a2', alt: "", class: "empty-state__illustration", src: this.illustration })), h("div", { key: '681f5893da0f9885f77335593aee396a256533eb', class: "empty-state__slotted-illustration" }, h("slot", { key: '09e0673a2b78059361be72881a0e974bbf080b85', name: "illustration" })), h("div", { key: 'dd54e6476baebaeeec075cbe453bcf3e998f6bd0', class: "empty-state__body" }, h("swirl-stack", { key: 'ad8fb7ddfda397fc19b55aa975baf78a4764b70e', align: "stretch", spacing: "8" }, this.heading && (h("swirl-heading", { key: '243990d5402bfb9b02cd511300d5276ffb0ba54b', align: "center", as: "p", level: 4, text: this.heading })), h("div", { key: '1bb06393c28e20e43f80e9e1c9af44e0bc7f10f2', class: "empty-state__content" }, h("swirl-text", { key: 'cfa49896324f7a7065724129e0b2eb40308c2a94', align: "center", color: "subdued" }, h("slot", { key: '6f27905a027ffa3da097026119034902dcbacb00' })))), h("div", { key: '566a23490090c0c9c1e3bc6431a76219d34727fa', class: "empty-state__controls" }, h("slot", { key: '13e163bd884866127c76c5742faeb55c128d29e4', 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: 'b280e5c9623475ce82a5ccca1670765c570a6221' }, h("div", { key: '2c19137025c5a98397302cefc6e224e536db5a8a', 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: '218258a7353d33e39be319f9e3a940a8538eb919', class: "file-uploader__description", id: `${this.inputId}-description`, innerHTML: this.descriptionAllowHtml ? this.description : undefined }, !this.descriptionAllowHtml && this.description)), h("div", { key: 'f34143a0e8776f07beccf97c6ce89ddbba83b6ab', class: "file-uploader__dropzone" }, this.showDropzone ? ([
+        return (h(Host, { key: '8a0cdf9a64cb2aeb4fd50a3e780c1410f3fe4d78' }, h("div", { key: '6e0e81bc954969a84bd97c5e46a0f94a5aad7e8d', 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: '9a2ccf57e7da988713ccf4fd76cfb77a4ff9dc0d', class: "file-uploader__description", id: `${this.inputId}-description`, innerHTML: this.descriptionAllowHtml ? this.description : undefined }, !this.descriptionAllowHtml && this.description)), h("div", { key: '5ee36e8c4e618c4b59930da2048c4d439fbf52b4', 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: 'af279b3f0d3c55d713ed6d2ca80943f291f1c283', 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: '4ca41a6117e155f1f835bc386c98a4ead4885853', 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: 'c109a8d17edd964bcfb3e10919d004aef5af69dd', class: "file-viewer-audio" }, h("audio", { key: '2749f3d595211c3803f228666d942038ca3111c2', autoplay: this.autoplay, class: "file-viewer-audio__audio", controls: true }, h("source", { key: '546e8bba3bc27c9eab593355e74a96a717b104dc', src: this.file, type: this.type }))));
+        return (h(Host, { key: '01519d551ea031ae0f66c6d2df64952168a68ad7', class: "file-viewer-audio" }, h("audio", { key: 'de7b02c56e7ff272bd6ee89b74eee8891cf72401', autoplay: this.autoplay, class: "file-viewer-audio__audio", controls: true }, h("source", { key: 'f66116d692f4d68b15d5d05b815523f373a1707d', 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: '724dffa84d338819c53cbc6a60f19645fd6afbd5', class: "file-viewer-csv", exportparts: "file-viewer-csv__table" }, this.error && (h("swirl-inline-error", { key: 'a863aa26703bb6d5a2eaaf6cf11e8037540309f6', class: "file-viewer-csv__error", message: this.errorMessage })), h("div", { key: 'a2265fd92e679949e38edb689e299f79bae61171', class: "file-viewer-csv__csv", tabIndex: 0 }, h("table", { key: 'e2fdbad753452982b4f7377dc6d7606a21b04fe3', class: "file-viewer-csv__table", part: "file-viewer-csv__table" }, h("tbody", { key: '976c428a2ddd7f3af090dcaa278b24564c2298b0' }, 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: 'ecc668679b07ef4f43a0da23189a04dcf589703f', class: "file-viewer-csv__spinner" }, h("swirl-spinner", { key: '773ac080be33b6c017909908500e9e0630f5560f' })))));
+        return (h(Host, { key: '8301a0b59b8621e8820420812830c4880ca856ae', class: "file-viewer-csv", exportparts: "file-viewer-csv__table" }, this.error && (h("swirl-inline-error", { key: '8f18df3914ab948b3d5284c598a9854a129c2961', class: "file-viewer-csv__error", message: this.errorMessage })), h("div", { key: 'bbcf05a09e8ce1c546892242f4d896d98427f75a', class: "file-viewer-csv__csv", tabIndex: 0 }, h("table", { key: '15fa290cd1a12b6f6c38ba74d0ce16e4c108c7b0', class: "file-viewer-csv__table", part: "file-viewer-csv__table" }, h("tbody", { key: 'b18bb1d508c38d2118bb50630ec5e31d0bc89cb4' }, 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: 'b7339538a440fd93978717a1f722e45f2b98cb2f', class: "file-viewer-csv__spinner" }, h("swirl-spinner", { key: '5eed4a1a4c04f3d6f2d51a0dd8b913bf518e0ef0' })))));
     }
     get el() { return this; }
     static get watchers() { return {

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

@@ -27,7 +27,7 @@ const SwirlFileViewerFallback = /*@__PURE__*/ proxyCustomElement(class SwirlFile
         this.activate.emit(this.el);
     }
     render() {
-        return (h(Host, { key: 'e2b9af7cdfec183564e1701a725a8e4da30b629c', class: "file-viewer-fallback" }, h("swirl-stack", { key: '7038f16de3316cbe6613537e1dcd46054982f7b9', align: "center", height: "100%", justify: "center", spacing: "16" }, h("swirl-icon-file", { key: '47cf21c25c846fdad4501d35fd8dc09f3ab3683e', class: "file-viewer-fallback__icon", color: "on-image", size: 28 }), this.fileName && (h("swirl-text", { key: '345301c70f899b76bb9b0a16a8ea76b68c86f705', color: "on-image", size: "lg", weight: "medium" }, this.fileName)), !this.disableDownload && (h("swirl-button", { key: '4d8b0894f02aac21534f8823a5120cf0c5d52ac2', download: this.fileName, href: this.file, icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.onDownload, variant: "on-image" })))));
+        return (h(Host, { key: 'bf155637d99022aa366c199749d9627146adca41', class: "file-viewer-fallback" }, h("swirl-stack", { key: '9d5c833b3e088121a9d9b7fdc7e94f9263e88773', align: "center", height: "100%", justify: "center", spacing: "16" }, h("swirl-icon-file", { key: 'f564d3f71b4b39355901ba3817d5e2da36c0b4e5', class: "file-viewer-fallback__icon", color: "on-image", size: 28 }), this.fileName && (h("swirl-text", { key: 'a19e3152ec495ec5df23bcd22bed62d97b621bbc', color: "on-image", size: "lg", weight: "medium" }, this.fileName)), !this.disableDownload && (h("swirl-button", { key: '3b780d3aa5476a6ca31a7d3afa85e6a10b883dd0', 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; }

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: 'f3e35f96d5472b45d335042253ec92f612098990', 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: '503c6d9f47e6d07f5fa8d7f5bf448ee29b368f64', class: "file-viewer-image__error", message: this.errorMessage })), h("img", { key: 'd6283ce3004838115928218d3ac46ab39bfbaef6', alt: this.description, class: "file-viewer-image__image", ref: this.onImageElementUpdate, src: this.file }), this.loading && (h("div", { key: '7aa05d96f768669ac3a7c691d17236e397458ff3', class: "file-viewer-image__spinner" }, h("swirl-spinner", { key: '9742225056035d2fa53eddb018dbaed199820e93' })))));
+        return (h(Host, { key: '7a1fc1de65e82ed4792fa64b5c13b1282669cf1e', 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: '6984d44cd79d60482fd43387908a4dd491adf062', class: "file-viewer-image__error", message: this.errorMessage })), h("img", { key: '5fc53101cc8cd65923902f6d57b96a32534b5342', alt: this.description, class: "file-viewer-image__image", ref: this.onImageElementUpdate, src: this.file }), this.loading && (h("div", { key: 'b9f74f9f930e54fcbb50dadef8fcf8b200ab5077', class: "file-viewer-image__spinner" }, h("swirl-spinner", { key: '0e5cf4ade9961afd245e5be1c2fa10bbdbe8bc8f' })))));
     }
     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: 'ae036600d6c0c67b7d6769de81a46ac36699af86', class: "file-viewer-text", exportparts: "file-viewer-text__text" }, this.error && (h("swirl-inline-error", { key: '521e2b57eb96597d038bb3dee268ebe4eae0bbe9', class: "file-viewer-text__error", message: this.errorMessage })), h("pre", { key: 'dc80b061e402f491259dbf0645a050a885a70e60', class: "file-viewer-text__text", part: "file-viewer-text__text", tabIndex: 0 }, this.text), this.loading && (h("div", { key: '84371ad8ffc70361a210cc7e10999ef884de51b2', class: "file-viewer-text__spinner" }, h("swirl-spinner", { key: 'eafb163c1f8592f6a2f6ffe1dcd8b3a6d9192bec' })))));
+        return (h(Host, { key: '5ea1998a73c77c1dbfa95b329ec2be5a8c537ebf', class: "file-viewer-text", exportparts: "file-viewer-text__text" }, this.error && (h("swirl-inline-error", { key: 'ec48aea3c0289fb8ca8186d60b1092597fb1d145', class: "file-viewer-text__error", message: this.errorMessage })), h("pre", { key: 'bac115375d994e6eb28bcd44371fdfe11a102836', class: "file-viewer-text__text", part: "file-viewer-text__text", tabIndex: 0 }, this.text), this.loading && (h("div", { key: '7144393fca968b21d2a8a61ee0032da85e1fdae9', class: "file-viewer-text__spinner" }, h("swirl-spinner", { key: '378b38578720f45abaabfa7f43b3a800a0c17944' })))));
     }
     get el() { return this; }
     static get watchers() { return {