npm - @getflip/swirl-components - Versions diffs - 0.296.1 → 0.297.0 - Mend

@getflip/swirl-components 0.296.1 → 0.297.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1712) hide show

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

@@ -323,13 +323,13 @@ export class SwirlTreeViewItem {
             "tree-view-item--disable-drag": this.disableDrag,
             "tree-view-item--has-tags": hasTags,
         });
-        return (h(Host, { key: '23b8e5281a53f8707d990368f46b2a9810d20fa2', id: this.itemId, role: "none" }, h("li", { key: 'aac1855ae0f7cad6a26735e1eb23c67f99bba737', class: className, role: "none" }, h("a", { key: '72bbd772c2f78d2e91e0d584387794de0694a396', "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: '5010453afe5af040148fd4507f0dc2e75a573f7f', class: "tree-view-item__drag-handle" }, h("swirl-icon-drag-handle", { key: 'd933894d661434ab4ec19c525e3fd8fca29e10ee', size: 20 }))), this.expandable && (h("span", { key: 'be633a37e2aa2d2e7267833b1f8933a72cc484e7', class: "tree-view-item__toggle-icon" }, hasChildren && (h(Fragment, { key: '76b88fd0783cd5d9fee1b2e950ed4db18060c1e4' }, 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: 'bc95015cced5867204a8a10235cf45a48daa5fc4' }, h("span", { key: 'd53f7711f0101ee14940070cc28e7a4d7032d9d7', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), h("span", { key: '25111e86c433cbba58516946b42036e25fc1873e', class: "tree-view-item__label" }, this.label), h("span", { key: '2f30cf45fb918cb3964c38317bf8246ee96bc09c', class: "tree-view-item__tags" }, h("slot", { key: '857ea08895969d6b1ad13ad7a920da0f768a01d3', name: "tags" }))), h("ul", { key: 'df9aed076bb9831f5063e32a727c7c59afab9714', "aria-label": this.label, class: `tree-view-item__children ${shouldShowChildrenDropZone
+        return (h(Host, { key: '11f945581b2760fddabaa767359c5a2902b25cb5', id: this.itemId, role: "none" }, h("li", { key: '9124bab079d33cd3ee541e50ec3278b3bbd2f2b1', class: className, role: "none" }, h("a", { key: '189f49bd8978bb4effabedd63af16cfb8a11fc5e', "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: '57a4537fbb33910a26763c24181e00f024a07293', class: "tree-view-item__drag-handle" }, h("swirl-icon-drag-handle", { key: '7567a5e0b97d58fdd90e4b57bc97f787d50d1603', size: 20 }))), this.expandable && (h("span", { key: '08fb4422ade1e4a47337fc2d85c57d8fe8315478', class: "tree-view-item__toggle-icon" }, hasChildren && (h(Fragment, { key: '2a79ab7004596204a9b2f29d5f0ca90776df7633' }, 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: '935788f84153764f54d6ca441b66be7172912dc4' }, h("span", { key: 'c10a6b7e86db978bd096e0d57615c2fbaa250284', class: "tree-view-item__icon" }, iconIsEmoji ? (this.icon) : (h("swirl-icon", { glyph: this.icon, size: 24, color: this.iconColor }))))), h("span", { key: '59d6dc11da28dbd760408ee8dcce3cbd35224ef3', class: "tree-view-item__label" }, this.label), h("span", { key: 'df26c2bf6d92eb0ccc057c0fd486ca9fb765fcc5', class: "tree-view-item__tags" }, h("slot", { key: 'e818a56e60b8a270846d22e4e719724f04cd5c49', name: "tags" }))), h("ul", { key: '2bab49ba6fe881e5e23f987e9969ec8793f3361f', "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: 'c02878c54039257dd7ffb2165e910adaacc37507' })))));
+            } }, h("slot", { key: '94bc6c05acf1fcce468491f17c61bb0f8a8a01bd' })))));
     }
     static get is() { return "swirl-tree-view-item"; }
     static get originalStyleUrls() {

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

@@ -7,7 +7,7 @@ export class SwirlVideoThumbnail {
         this.src = undefined;
     }
     render() {
-        return (h(Host, { key: 'c8222b303f7878f6bc1e9dacef086d64662bdb70' }, h("button", { key: '93fc15bec01b3c435ee0195fc73f101f0291b91a', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, h("img", { key: '248050ec128b3c538e9627f567ca1b957cffde02', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (h("span", { key: '5f3aa56cfd6256c7e0097adad6a027eb33bafb30', class: "video-thumbnail__duration", id: "duration" }, h("swirl-visually-hidden", { key: '8b1b2bbb76a2124c70d6fa06f222019820c1f73b' }, this.durationLabel), this.duration)), h("svg", { key: 'eb6d5cd1ec93bf6e788152d4548b892b583a0918', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '8a8415b2bfd731fe9465a634dfd7a4a8eeedc2fb', 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: '8cfb7e53037587a1685a13a2ca10eea9ef711da4' }, h("button", { key: '2d77530a617388cadddce3cb4fea5a3404e48ec3', "aria-describedby": this.duration !== undefined ? "duration" : undefined, "aria-label": this.label, class: "video-thumbnail", type: "button" }, h("img", { key: 'f030fd3f0909d31cca84a44ba41aa0ef0bb5a866', alt: "", class: "video-thumbnail__image", loading: "lazy", src: this.src }), this.duration && (h("span", { key: '7d4c745e47ecd04ff9323a8070918913e284a0d9', class: "video-thumbnail__duration", id: "duration" }, h("swirl-visually-hidden", { key: '4ff3a1d09f382c347bca34d046b7ce0a5026dd7e' }, this.durationLabel), this.duration)), h("svg", { key: '799ca22c57a83ee81f9579fabf95e43da71051b9', class: "video-thumbnail__play-icon", fill: "none", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '066803c1874855c5a2389bfb4f45fd0a27947355', 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 CHANGED Viewed

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class SwirlVisuallyHidden {
     render() {
-        return (h(Host, { key: '4fa574932da58f51e740af4f582e03cc6feb9be9' }, h("slot", { key: 'eb4b16d5046dbf3f59eb163e7c6f45bed3f99ae9' })));
+        return (h(Host, { key: '01921ae08854d98d6ec9a5d4b03a154d6f0bb7f7' }, h("slot", { key: '2c81abcdb2d5bae0870e8104a3ea4be404516084' })));
     }
     static get is() { return "swirl-visually-hidden"; }
     static get encapsulation() { return "scoped"; }

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

@@ -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: 'f07f71a8482ef4aa1014acac792c87aa95065889' }, h("swirl-app-layout", { key: '071087d9402d0e8d36ff31dd5df600f0acf9f79a', 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: 'ab306f991325be61eefd3c2c1a7a7f606fed46e6', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: 'dbcc751b460b5c6d0e00e52e099214b94cc0ba99', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: 'f02622174bd02ce62cc78426ba13d39a52b40fb9', label: "Sort items" })), h("swirl-stack", { key: '07b9eda2c15ee9b5e23ebdecb47c21805ada3508', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: '7be067deffc92e3d4efadca7c35c7ce97763bfee' }, h("swirl-heading", { key: '89e7cfd1432000f74b62fd7dc35e9202b7b8647f', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: 'c450212a5f9aeb3b0b399297ad72cbe86c8798f5', 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: '6b347770944a0f6e58bbbf5dd6dde1170179a153', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: '440fecb0f70b86d994fbf528d820d54eb7b0fa4e', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: '0d5df914f57717ab125dee0bebcc09484925c54a', padding: "16", slot: "sidebar" }, h("swirl-text", { key: '69c9e14adbfccd08373af6ec4d9c1caf79f54c83', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: '3132c5582663180abe622ba001d561e2e3b642b7', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: 'eb7edd7cf4941eb80fdd988958c394bcee716a9b', value: ["ascending"] }, h("swirl-option-list-item", { key: '5af8b499e3bb16214a62f9c888307242d43a4404', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: 'adbf0e0110bfc8597e88f6750b75ef483712997b', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: '5eb660a5d4e438c8181073c9f297eab59912a14c', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
+        return (h(Host, { key: 'a646901e811c2b01e8c26d08dcd7eacee52f8716' }, h("swirl-app-layout", { key: '9749db15091be64d25eac767ea762fc67bc8e40d', 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: '121e13b98f9040e4603f90d2144f614ad061c290', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: '432a46a472b8e74bb2b4ba7996157742a40f68f8', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: '229e5cfedaeb8e02e0646ae8a17e5e2a9b06011a', label: "Sort items" })), h("swirl-stack", { key: 'ca4b984d0ea43322377a1792ca8af7e69f3b398b', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: '83f2d8c2062a7e9b342c6201cb8df84fde83c128' }, h("swirl-heading", { key: '909d0eba1bb47de0d4fb00eeb9945f54310b7490', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: 'a2624b5a8cd2f35f0ff4cf37854c2027df80407a', 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: '49432c3fd1a329549893045a8e4e4bd23815e2ec', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: '7be0a44b5a0c6b775018274409a900fb0a6ffd9d', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: '17af77fa485f3f5cd26762504aa16b67989c203a', padding: "16", slot: "sidebar" }, h("swirl-text", { key: 'fddf7dac1114dd8cd2b87fe703457b88cc3b1dfb', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: '328ec24bbae951e40a6be30ad74544db279ae6d4', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: '947be717cf392facad72e8c68015c827127a818f', value: ["ascending"] }, h("swirl-option-list-item", { key: '037a85c211cedfb0a07c818bec2863f645cff3e9', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: '4a09b62c61e718a4138e1d50a18e1788aee774f1', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: '9d985f191349675473aea0b50ca7f6db3e9175f9', 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 CHANGED Viewed

@@ -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: 'f07f71a8482ef4aa1014acac792c87aa95065889' }, h("swirl-app-layout", { key: '071087d9402d0e8d36ff31dd5df600f0acf9f79a', 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: 'ab306f991325be61eefd3c2c1a7a7f606fed46e6', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: 'dbcc751b460b5c6d0e00e52e099214b94cc0ba99', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: 'f02622174bd02ce62cc78426ba13d39a52b40fb9', label: "Sort items" })), h("swirl-stack", { key: '07b9eda2c15ee9b5e23ebdecb47c21805ada3508', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: '7be067deffc92e3d4efadca7c35c7ce97763bfee' }, h("swirl-heading", { key: '89e7cfd1432000f74b62fd7dc35e9202b7b8647f', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: 'c450212a5f9aeb3b0b399297ad72cbe86c8798f5', 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: '6b347770944a0f6e58bbbf5dd6dde1170179a153', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: '440fecb0f70b86d994fbf528d820d54eb7b0fa4e', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: '0d5df914f57717ab125dee0bebcc09484925c54a', padding: "16", slot: "sidebar" }, h("swirl-text", { key: '69c9e14adbfccd08373af6ec4d9c1caf79f54c83', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: '3132c5582663180abe622ba001d561e2e3b642b7', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: 'eb7edd7cf4941eb80fdd988958c394bcee716a9b', value: ["ascending"] }, h("swirl-option-list-item", { key: '5af8b499e3bb16214a62f9c888307242d43a4404', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: 'adbf0e0110bfc8597e88f6750b75ef483712997b', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: '5eb660a5d4e438c8181073c9f297eab59912a14c', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
+        return (h(Host, { key: 'a646901e811c2b01e8c26d08dcd7eacee52f8716' }, h("swirl-app-layout", { key: '9749db15091be64d25eac767ea762fc67bc8e40d', 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: '121e13b98f9040e4603f90d2144f614ad061c290', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: '432a46a472b8e74bb2b4ba7996157742a40f68f8', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: '229e5cfedaeb8e02e0646ae8a17e5e2a9b06011a', label: "Sort items" })), h("swirl-stack", { key: 'ca4b984d0ea43322377a1792ca8af7e69f3b398b', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: '83f2d8c2062a7e9b342c6201cb8df84fde83c128' }, h("swirl-heading", { key: '909d0eba1bb47de0d4fb00eeb9945f54310b7490', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: 'a2624b5a8cd2f35f0ff4cf37854c2027df80407a', 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: '49432c3fd1a329549893045a8e4e4bd23815e2ec', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: '7be0a44b5a0c6b775018274409a900fb0a6ffd9d', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: '17af77fa485f3f5cd26762504aa16b67989c203a', padding: "16", slot: "sidebar" }, h("swirl-text", { key: 'fddf7dac1114dd8cd2b87fe703457b88cc3b1dfb', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: '328ec24bbae951e40a6be30ad74544db279ae6d4', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: '947be717cf392facad72e8c68015c827127a818f', value: ["ascending"] }, h("swirl-option-list-item", { key: '037a85c211cedfb0a07c818bec2863f645cff3e9', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: '4a09b62c61e718a4138e1d50a18e1788aee774f1', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: '9d985f191349675473aea0b50ca7f6db3e9175f9', 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 CHANGED Viewed

@@ -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: '9912336775c2532382821b2209a1b48a65e6e865' }, h("div", { key: 'ca62514d43014590acf4521c0f751b8c5d2183d1', class: className }, h(HeadingTag, { key: 'bd5b6f13cf2740ebc5d1f9fb59d24f61467812ba', class: "accordion-item__heading" }, h("button", { key: '1bbd759b89d5cedf399cc20d3e24511330ccbe20', "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: '826e0bfabe1fbdf988555d90e6da0afb6ebb4e3f', class: "accordion-item__toggle-text" }, this.heading, this.description && (h("swirl-text", { key: '8e218b1786d3261625a9bac0f90a0aef15f2b5a2', as: "span", color: "subdued", size: "sm" }, this.description))), h("span", { key: 'ea9fe7c19affc28d1dcea431e33ae72763d0b767', class: "accordion-item__icon" }, !this.expanded && (h("swirl-icon", { key: '2adc3f65e44c9ab9b70dcfeeea9568d91a4cc52b', glyph: "chevron-right", size: 20 })), this.expanded && (h("swirl-icon", { key: '2031e4e7b9b08a428eb4f406287dabef4d85889f', glyph: "expand-more", size: 20 }))))), h("div", { key: '6086716993b5702405478f45e7259bc8d52ee6f9', "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, h("slot", { key: '75efb121a31901fefb57f72830e3123d526273b6' })))));
+        return (h(Host, { key: '027eca8e100997e077b0768d158dd4f0199c3033' }, h("div", { key: 'e2afc1887d9b70646a8a1b8b0e382af2d3aa5ccd', class: className }, h(HeadingTag, { key: 'efc5b14c99373524b68672fa8fd268de2afe0fba', class: "accordion-item__heading" }, h("button", { key: '1e21c2b4d8d3612cdddd3c2c4f3bdaccab6e394b', "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: 'fcd513558a99a04636114c7677f4bd5c7c2d0f91', class: "accordion-item__toggle-text" }, this.heading, this.description && (h("swirl-text", { key: 'fc6eea82d94fd6656d106d7f2ebe5089eae63628', as: "span", color: "subdued", size: "sm" }, this.description))), h("span", { key: '150db63ec08beb59d0daee7d3c09b6d85b7428d7', class: "accordion-item__icon" }, !this.expanded && (h("swirl-icon", { key: '9f99cde2bf92897c754a20328e534f70c999c683', glyph: "chevron-right", size: 20 })), this.expanded && (h("swirl-icon", { key: '3ff127641a8494ccf728b52be3dcc2fdf6949a7f', glyph: "expand-more", size: 20 }))))), h("div", { key: '9e2431b5f68d49b734586e1d261a97d9092ea3f4', "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, h("slot", { key: '5ba670d8e1484bae528f51ede23f21350c113d17' })))));
     }
     get el() { return this; }
     static get style() { return SwirlAccordionItemStyle0; }

package/dist/components/swirl-accordion.js CHANGED Viewed

@@ -46,7 +46,7 @@ const SwirlAccordion$1 = /*@__PURE__*/ proxyCustomElement(class SwirlAccordion e
         });
     }
     render() {
-        return (h(Host, { key: 'a127e248e3fceab33f9b5cd71726e589884f8c08' }, h("slot", { key: '6186c8608fe321f2d7ccbe412d03aebf0c67b366' })));
+        return (h(Host, { key: 'd79f39615c4a806c565258eb9875d1272a90fb02' }, h("slot", { key: '18be93ceeeb76245dcf92061ac969a7b49bd37ff' })));
     }
     get el() { return this; }
     static get style() { return SwirlAccordionStyle0; }

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

@@ -16,7 +16,7 @@ const SwirlActionListSection$1 = /*@__PURE__*/ proxyCustomElement(class SwirlAct
         this.hasSeparator = false;
     }
     render() {
-        return (h(Host, { key: '45209a11f46a6ba497b4c3d461ba3781cb0d57a8' }, this.hasSeparator && (h("swirl-separator", { key: '937e89a08f4697ddbcaccb1343b3355cb73227bf', spacing: this.separatorSpacing })), h("div", { key: 'ccddbc647093e14a09c62e3dedc55069b6c57114', "aria-labelledby": "label", class: "action-list-section", role: "group" }, h("span", { key: 'e80da46246f9e3ead338d4b64af8ae9aa9387f01', class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), h("swirl-stack", { key: '8b6a8493e5b09d0c98b744592d4e422c9206bfeb', spacing: this.spacing, align: "stretch" }, h("slot", { key: 'e02a428d84f4afabb1a66c32f4ce04775724d87e' })))));
+        return (h(Host, { key: 'd86ace949877affd32ca7cab4e3f0d4531fcc16a' }, this.hasSeparator && (h("swirl-separator", { key: '8c63131c65b9757bc82c893c9733731d401998f2', spacing: this.separatorSpacing })), h("div", { key: 'd3b093965aa160b2596998739bf74fc9e9423d96', "aria-labelledby": "label", class: "action-list-section", role: "group" }, h("span", { key: 'b3453329dd293d766f1613d822a33f9e7392e6eb', class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), h("swirl-stack", { key: 'd32adcf0bca646ecd736857c1ed27faf7c13d6d5', spacing: this.spacing, align: "stretch" }, h("slot", { key: 'a0ff52ae37648692d6b6890cc5e781f084df9fd7' })))));
     }
     static get style() { return SwirlActionListSectionStyle0; }
 }, [1, "swirl-action-list-section", {

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

@@ -94,7 +94,7 @@ const SwirlActionList = /*@__PURE__*/ proxyCustomElement(class SwirlActionList e
         });
     }
     render() {
-        return (h(Host, { key: '37339869bab4a9aa81791f84d38451de0104d168' }, h("div", { key: '21d32faabb06850785a904a275da30862f98ca13', "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: '872037b1cca2d5a76f5a63353d8489d5e329611a', onSlotchange: this.setSectionSeparator }))));
+        return (h(Host, { key: 'cb793b95fbadce7885f9ffd2df7a86e1d11ba687' }, h("div", { key: '7c2d0453c968ffb4280db7c1f15849795a19f9f5', "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: 'afc7aa5790d37dc0e660aae4289c91745d849d1c', onSlotchange: this.setSectionSeparator }))));
     }
     get el() { return this; }
     static get style() { return SwirlActionListStyle0; }

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

@@ -27,7 +27,7 @@ const SwirlAppIcon$1 = /*@__PURE__*/ proxyCustomElement(class SwirlAppIcon exten
         const className = classNames("app-icon", {
             "app-icon--has-icon": showIcon || showFallbackIcon,
         });
-        return (h(Host, { key: 'ce5423e05738bc7881dd6f9d678bdb1092a34165' }, h("span", { key: '6cc990326010d117bf9bdbc3087e5f82de856c76', class: className }, showImage && (h("img", { key: '474e88894b36fbd2e934b4613b474b87768f3c40', alt: "", height: "256", onError: this.setImageUnavailable, onLoad: this.setImageAvailable, src: this.src, width: "256" })), showIcon && (h("span", { key: 'c4bc17d99f83fcb30b971b0084e33d3bc9199970', class: "app-icon__icon", innerHTML: this.icon })))));
+        return (h(Host, { key: '18668b1b36052a50087ca49a711fa39dd23ed647' }, h("span", { key: '2e62fb4176cbc9029370c9ade98d85973a53595c', class: className }, showImage && (h("img", { key: '50c4908d815251a971731721e7aafdb3a7080962', alt: "", height: "256", onError: this.setImageUnavailable, onLoad: this.setImageAvailable, src: this.src, width: "256" })), showIcon && (h("span", { key: '6650b12d71a7ddd6b255513192f1c632aca7845e', class: "app-icon__icon", innerHTML: this.icon })))));
     }
     static get style() { return SwirlAppIconStyle0; }
 }, [1, "swirl-app-icon", {

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

@@ -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: '2167ae83d47c069fd687a223f6d3220a05571d0e' }, h("div", { key: 'ad824d7e97d1705593c328a3a04cc72382950460', class: className, role: "group" }, h("slot", { key: 'e85bb42969d592919524148734e73e9393f24dea' }), this.badge && (h("span", { key: '1bb9ecdeed5974a6ced80414649945106ac82904', class: badgeClassName, innerHTML: this.badge, ref: (el) => (this.badgeEl = el) })))));
+        return (h(Host, { key: '6e450a07e7a605f78a47dff3e476ad065a739437' }, h("div", { key: '81af3f871b919312fa62b64899246cb3608680eb', class: className, role: "group" }, h("slot", { key: 'b582e1b748839a296dd61fd2a918246230d0ed46' }), this.badge && (h("span", { key: 'c5f83c4964f58208243f595a49e5df1b4d56cb4c', 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 CHANGED Viewed

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

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

@@ -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: 'f4b210728d2dab17496ba08660e3571f9cacdc3f' }, h("div", { key: 'efb95089a96cf9120741e212d7398c2a68beffd9', class: className }, h("input", { key: '821e90e0964a3a9be0925e74b8dd71b789eff0c8', "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: 'b46d7e2f9758e51473029523aa710cdf8258c545', swirlPopover: this.pickerId }, h("button", { key: 'ecedca689d662827174ad1b81030493b9ca7a1e1', "aria-label": this.pickerButtonLabel, class: "color-input__preview-button", style: {
+        return (h(Host, { key: '6e1b10816dbedff68bea262e40c021699b70efd3' }, h("div", { key: '5b29f918032f4ebc460b733d6653944ed6e70d26', class: className }, h("input", { key: 'c4011397ab62dad48635a75dd6d82d6823694185', "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: 'd1d1ef15b41b815c1de320e121af7627029f5534', swirlPopover: this.pickerId }, h("button", { key: 'fce34dbb05daaaa0da9edf43862fd70c31891f7f', "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: 'ab1a8724bf3e1aaecfd92af4cff02575dbb70a5c', animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, h("swirl-box", { key: '78769426685284ff424c87ddc43062fbbb9adf19', centerInline: true, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, h("hex-color-picker", { key: 'cba38d4c28c6b9c2f1dee2b9a3de3e8aa3b79fc8', color: this.value, ref: (el) => (this.picker = el) }))))));
+            }, type: "button" })), h("swirl-popover", { key: '0d4d06c0bb4b0637a1319d68ac6bfb79956050dc', animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, h("swirl-box", { key: 'f82ee4119af41821fa5664499d04a9039767c30b', centerInline: true, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, h("hex-color-picker", { key: '229f3536f3d1566092da3b9edf909386917ba531', color: this.value, ref: (el) => (this.picker = el) }))))));
     }
     static get watchers() { return {
         "value": ["watchValue"]

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

@@ -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: '55382641883ca84190aaf206eda8ee2371677302' }, h("div", { key: '9518a5bf8834e58c58a5eadbae5d69da69ed0eaf', class: className, onClick: this.onClick, onKeyDown: this.onKeyDown }, h("header", { key: '32e8a7e89fbd34fe2369e51fcf256047ca665f31', "aria-hidden": String(!this.sidebarActive), class: "console-layout__sidebar", ref: (el) => (this.sidebarEl = el) }, h("div", { key: '1489fd403ae32fed62db279538c71c110e7a3b9b', class: "console-layout__header" }, h("div", { key: '308d2ec0abff2c614a2e6fc22cb851cec4d170ae', class: "console-layout__logo" }, h("svg", { key: 'ef8af50646106fd9095ec486ab7edb927115a228', 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: '4ffb8da8a77ba36718bab9737fadeae81305707e', 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: 'd32ce97a8434da9a8a736e2c539e4137dd0e9f3b', 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: 'baf96dd80112e4c1efa38aa8df9463317d751a86', 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: '69398ffe4efa1c29d815e203b95f44ec17244ed0', d: "M12.2072 10.9785L7.32419 10.1459L0.625 14.0709L5.38887 14.9629L12.2072 10.9785Z", fill: "#80A8F4" })), h("swirl-text", { key: '73deccd54520b3b1b787dea968785bc6bffb76f5', class: "console-layout__logo-text", weight: "medium" }, this.logoText))), h("nav", { key: '7a613bad605c07d6dbb1aa533cc7471e572ffa0d', "aria-label": this.navigationLabel, class: "console-layout__navigation" }, h("slot", { key: '7d5833cdb8716ac1139775cac4fd35b66643e2e1', name: "navigation" })), h("div", { key: '9b619abfb289f4462f399c2cfbcb1fc13990e86d', class: "console-layout__user" }, h("slot", { key: '91df851942daaaf611dc784d703fb3d91db75ee3', name: "user" }))), h("main", { key: '22168b5844ebed0f00d071c0897b48fc23df4c20', "aria-labelledby": Boolean(this.appName) ? "app-name" : undefined, class: "console-layout__main" }, h("header", { key: 'c2a5388612f400d163dbc6474fce9c7ed65dcf6f', class: "console-layout__app-bar" }, h("span", { key: '91de605cd9589a84c226ccb3e70d5fb37985e69c', class: "console-layout__mobile-navigation-button" }, h("swirl-button", { key: '3375cd56ed6b8c7ac8d765dc67ace1bff2d59f9c', swirlAriaExpanded: String(this.sidebarActive), hideLabel: true, icon: this.sidebarActive
+        return (h(Host, { key: '9eae3a95be22ea7aaf4e20341df8aa853825cff6' }, h("div", { key: 'c2439333a98ff2c31a67163f162064c7f4b484a8', class: className, onClick: this.onClick, onKeyDown: this.onKeyDown }, h("header", { key: '0c5a275f17e499b6800b582454e9d30f006892a7', "aria-hidden": String(!this.sidebarActive), class: "console-layout__sidebar", ref: (el) => (this.sidebarEl = el) }, h("div", { key: '8217e531bda8f3231922c4c79b4827fd846132f6', class: "console-layout__header" }, h("div", { key: 'bb1b2ff46f199f45d46dbb3cd11f5942effd40d2', class: "console-layout__logo" }, h("svg", { key: '85232e92114e98cceb292120d3031bf769ef41f9', 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: 'a5b1c28db029d8f5eeafcd8ca9ba108d60fe6d23', 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: '5369534901d1bd825f3dadbb1b0777cbc3038c58', 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: 'cb700811147a9e80c1b989e214f656ec3a71f341', 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: '788e2f63db212f1cea1932f97cc45592ad35bff7', d: "M12.2072 10.9785L7.32419 10.1459L0.625 14.0709L5.38887 14.9629L12.2072 10.9785Z", fill: "#80A8F4" })), h("swirl-text", { key: 'cc3432abedf3b5d5d4f64a50b9b6c5fbb79e7b8d', class: "console-layout__logo-text", weight: "medium" }, this.logoText))), h("nav", { key: '30656dbc948badce7c9c2fcd0c07c0c25cbd10c5', "aria-label": this.navigationLabel, class: "console-layout__navigation" }, h("slot", { key: '7f2cf3cdafd97528f4ebe7e501cb558e657b7b3c', name: "navigation" })), h("div", { key: '7e4de3ee5974d5db6c8ffe73b398178e6315c7ac', class: "console-layout__user" }, h("slot", { key: 'ef6611b1d4fd1f7871bee6f8aa816429a3d59305', name: "user" }))), h("main", { key: '5ef5b41374886064a1096afa69821a0e2a2c65a8', "aria-labelledby": Boolean(this.appName) ? "app-name" : undefined, class: "console-layout__main" }, h("header", { key: '757777dcd0731014dcd7cd6b328ee4a0eb268af2', class: "console-layout__app-bar" }, h("span", { key: '85a212b35525e99ef43c22ed9d2c10f45cdd1448', class: "console-layout__mobile-navigation-button" }, h("swirl-button", { key: 'c0e9d8bec6380e420316133cbe8fdbe7cb69dd7e', 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: '8a571901ac4ba6b1abbe2131c27d66d2e043f45e', class: "console-layout__app-name" }, this.appName && (h("swirl-heading", { key: 'a0b90d6a97b14a28ccf58fa726794927cc2683dc', as: "h1", headingId: "app-name", level: 4, text: this.appName }))), this.showHelpButton && (h("swirl-button", { key: 'd6f3453a6123d0b3d18415ad41eee47f53ac21bc', class: "console-layout__help-button", hideLabel: true, icon: "<swirl-icon-help></swirl-icon-help>", label: this.helpButonLabel, onClick: this.onHelpButtonClick }))), h("section", { key: '54e23f908184e7b58347d2f4e3cae569f02cbbed', "aria-labelledby": "heading", class: "console-layout__content", style: contentStyles }, h("header", { key: 'd3fc76a51365c677e8287e27acd8c3ace3d5b297', class: "console-layout__content-header" }, this.showBackButton && (h("swirl-button", { key: 'c5eb672729505730f3851d78493f0c37f238a037', 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: '32384ab5403fafd5c4a9ccd608d7f8f637599982', class: "console-layout__heading-container" }, h("swirl-heading", { key: '53c671addacb3c7e1f08a44b97ae04daf35c84fc', as: Boolean(this.appName) ? "h2" : "h1", class: "console-layout__heading", headingId: "heading", level: 1, text: this.heading }), this.subheading && (h("swirl-text", { key: '84ec881d9d82afc6eac05841b476c3ee26733c5a', class: "console-layout__subheading", color: "subdued" }, this.subheading)))), !Boolean(this.heading) && (h("div", { key: 'd9226c9fa947b0c43ed390d81d2e38aa16939d1b', class: "console-layout__heading-container" }, h("slot", { key: '9c7eebe531698ce08c7c36b26fb142facafa0428', name: "heading" }))), h("div", { key: '5341c5d6958bbf963e310a398aef23e99e071e0a', class: "console-layout__content-header-tools" }, h("slot", { key: '0c550b87dd833f18161e78d99e2f08583cda5bfe', name: "content-header-tools" }))), h("div", { key: 'bdf655db92f6704e40dac1d62fefb949bbebd3d2', class: "console-layout__integration" }, h("slot", { key: 'fa4b861802ad73ad39da7609a6ad4e78b3422304', name: "content" }))), h("div", { key: 'a76dc713a45689e9fe4eb11053f3056f29c7a8e0', class: "console-layout__overlays" }, h("slot", { key: '9e938275349485e24f67f58aaa2f6c11d2d7dd77', name: "overlays" }))))));
+                : this.showNavigationButtonLabel, onClick: this.onMobileNavigationToggleClick })), h("div", { key: '776c5688dd5df6666069723090bb55a4eb25b4bf', class: "console-layout__app-name" }, this.appName && (h("swirl-heading", { key: 'c5097c74e1e9c7d25d41a0401ae57fef87380f8b', as: "h1", headingId: "app-name", level: 4, text: this.appName }))), this.showHelpButton && (h("swirl-button", { key: '6e97cecf6d158d16fb5b2cead14e0736c3276cb2', class: "console-layout__help-button", hideLabel: true, icon: "<swirl-icon-help></swirl-icon-help>", label: this.helpButonLabel, onClick: this.onHelpButtonClick }))), h("section", { key: 'c2e81d97acec2fe6ab22b32f7347d56095028137', "aria-labelledby": "heading", class: "console-layout__content", style: contentStyles }, h("header", { key: '64ca8252b455e5e192577d66d74e443d0dd29b54', class: "console-layout__content-header" }, this.showBackButton && (h("swirl-button", { key: '88b482a6ca62d18e16b6a595ebf7bc1a121f5edd', 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: 'fdf655d69778fd56858f3cc81fa7d4aff8fc296d', class: "console-layout__heading-container" }, h("swirl-heading", { key: 'f223e7adc7c37f9edd595a424abeaa81cdef1b4b', as: Boolean(this.appName) ? "h2" : "h1", class: "console-layout__heading", headingId: "heading", level: 1, text: this.heading }), this.subheading && (h("swirl-text", { key: 'a4634f4e08e5e0059aa85161a1d62bfc1cca60fe', class: "console-layout__subheading", color: "subdued" }, this.subheading)))), !Boolean(this.heading) && (h("div", { key: '6efc46ef5ee44716c095a4ab67220ec93e467c17', class: "console-layout__heading-container" }, h("slot", { key: 'b3dd442e78f2ed1ad9dc443d94b725a675c67c04', name: "heading" }))), h("div", { key: '3ecc3f90eba6abd910779b7b7824e7e3976162c0', class: "console-layout__content-header-tools" }, h("slot", { key: '88a89549069fe0037819566a37f15be9c577450d', name: "content-header-tools" }))), h("div", { key: '6af01cc21666c89c474023596f3f2913a3798d29', class: "console-layout__integration" }, h("slot", { key: '8cde850848d0423876b8e059335a7c9081d33315', name: "content" }))), h("div", { key: '1c8d18fd34a993f6a4d0c0563053e2ea2284b966', class: "console-layout__overlays" }, h("slot", { key: 'fca6923277da32bb48620b88952a6bddf54e76f3', name: "overlays" }))))));
     }
     get el() { return this; }
     static get style() { return SwirlConsoleLayoutStyle0; }

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

@@ -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: '7f69f0ce8597ad322510331a8cbb79479d21181a' }, h("div", { key: 'ec24b30f274d46792fddbe02b94694bc69c91cc2', class: className }, h("input", { key: 'edb7f355cfa77cc0c79501d9bf15f09eaedda5bf', "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: '98cb4b0c8f7445671c2310f72cedaae71f3cec76', swirlPopover: `popover-${this.id}` }, h("button", { key: '62880cf97edc8c7b4b6f4f1afc2f2b6c25c3e71e', "aria-label": this.datePickerTriggerLabel, class: "date-input__date-picker-button", disabled: this.disabled, type: "button" }, h("swirl-icon-today", { key: 'da1bae29e544207b77987a163cf40830d553d6d9', size: this.iconSize })))), !this.disabled && (h("swirl-popover", { key: 'e011209e205dc9c534c5dcdf01d83d5ed67244b5', 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: '52514f01386ef24f845b0f0c670c2e73d187dfe3', disableDate: this.datePickerDisableDate, firstDayOfWeek: this.firstDayOfWeek, labels: this.labels, locale: this.locale, onValueChange: this.onPickDate, value: dateValue, startDate: dateValue })))));
+        return (h(Host, { key: '8c8bf188577829729309ee11a4de95303f72fcfe' }, h("div", { key: '9c2593938d02edaa8139ecc0476a9b0b3f50c909', class: className }, h("input", { key: '89f21a6cfc56b79f5898d088117f175d81b5e055', "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: '0ce0f0b42b837a5ee839a03373dce8b604c85420', swirlPopover: `popover-${this.id}` }, h("button", { key: '01c8c8125a6941e800da12938f8b36abc4d095eb', "aria-label": this.datePickerTriggerLabel, class: "date-input__date-picker-button", disabled: this.disabled, type: "button" }, h("swirl-icon-today", { key: '395679e33fecef4d7a949b80e8e5f345b4cdedef', size: this.iconSize })))), !this.disabled && (h("swirl-popover", { key: 'c939e2811538e1e3e9ca74e9159a282fa06449ca', 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: '73375240299d16518e12ee97eeeafeda6946bb1b', 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 CHANGED Viewed

@@ -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: '26f740cfc83e9c017ef6f66e12da2fa28b61a838', onClick: this.onClick }, h("wc-datepicker", { key: '31758155598bfc8e3f95ac24163d6222080212d1', 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: '1308d168101e84afb51948b884bd3d3f7f3f7322', onClick: this.onClick }, h("wc-datepicker", { key: 'b3e0237ce70711cd55b0a7b037be042dd150f247', 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 CHANGED Viewed

@@ -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: '8052944a07ed9d134f59a1e07a30cdadb34e9cc5', role: "listitem" }, h("div", { key: '53f2be38cc7518826139930f5595d8cc21fa7d0d', class: className, part: "description-list-item", role: "group" }, h("div", { key: '8d75cbc7c439cb40f6e6b3ab29ec0ae0366bffe2', class: "description-list-item__inner" }, h("div", { key: 'b4649be338a58f3b4a9d124843f5bf7b83a7a063', class: "description-list-item__text-container" }, h("div", { key: '08b496049fc23ad0130263cf807f13e83bd775b2', class: "description-list-item__term", part: "description-list-item__term", role: "term" }, this.term, this.tooltip && (h("span", { key: 'b4722a977bfa2382bd09988f985be99a9264a139', class: "description-list-item__tooltip" }, h("swirl-tooltip", { key: 'a063649f6ebdea9e6344266689edf6466f0d4e38', content: this.tooltip, position: "right" }, h("swirl-icon-info", { key: '00fdd32e8f0e83a5ae69d8bba04c0c9bb3216478', size: 16, tabIndex: 0 }))))), h("div", { key: '989a9a632667504013f6f233ae66c0fb700acee5', style: { maxWidth: this.maxWidth }, class: "description-list-item__description", role: "definition" }, h("slot", { key: '573596a4c662d82dabf25107b7cfea727ce57032' }))), h("div", { key: '140917f2ebd409b59037e7028234aa3c384bac42', class: "description-list-item__tools" }, h("slot", { key: 'cae6b40790ee4703902863b24fdc9934335f4e70', name: "tools" }))), h("div", { key: '84528a4a1be9e278ce0f6aedf588ec278f490488', class: "description-list-item__additional-content" }, h("slot", { key: 'c39b94bb7102854a4397f3e4d421c6252876ff3a', name: "additional-content" })))));
+        return (h(Host, { key: '24880ec932f85f8bab070358ae74e878204143fc', role: "listitem" }, h("div", { key: '9a78a10403d03af454a390a51c16995e2344e7d7', class: className, part: "description-list-item", role: "group" }, h("div", { key: '7f292225fe34a0fac3c35b43e8273d4971444f28', class: "description-list-item__inner" }, h("div", { key: '864991f1dd047f7d9b4144e69471bd30b89382fa', class: "description-list-item__text-container" }, h("div", { key: '3d8c04ef6093c9991451b2b9ec4e9c581c54adbb', class: "description-list-item__term", part: "description-list-item__term", role: "term" }, this.term, this.tooltip && (h("span", { key: 'ac9ea268e5eda1b38197d1bb751fed2bad808aec', class: "description-list-item__tooltip" }, h("swirl-tooltip", { key: '3f74b2c7f2a0a717b1e55c520b8d11f9c38ce45c', content: this.tooltip, position: "right" }, h("swirl-icon-info", { key: '3e84e0f69502f70ebf0a291ee64f431504965f5e', size: 16, tabIndex: 0 }))))), h("div", { key: 'd97314eb88bccdf407b57a57f684dbe6a841a948', style: { maxWidth: this.maxWidth }, class: "description-list-item__description", role: "definition" }, h("slot", { key: '584f7856d02da64e26b8b797765b981ba9201429' }))), h("div", { key: 'd825fd7c81cd524270c9aef203545a0ee96c0ce7', class: "description-list-item__tools" }, h("slot", { key: '040c4051e05ef3fe5dbfb0cd37bb1d53c2aaec42', name: "tools" }))), h("div", { key: '2484790fd02dcba4804912fb5c0fee859126a61a', class: "description-list-item__additional-content" }, h("slot", { key: 'eed20e643f70742967513d9690049b6de819489c', name: "additional-content" })))));
     }
     get el() { return this; }
     static get style() { return SwirlDescriptionListItemStyle0; }

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

@@ -10,7 +10,7 @@ const SwirlDescriptionList$1 = /*@__PURE__*/ proxyCustomElement(class SwirlDescr
         this.__attachShadow();
     }
     render() {
-        return (h(Host, { key: '265ee77a49320add007518f90b2309698c5a8052' }, h("div", { key: 'eefe7b2b4002947d891c3f2df9da587d3b493f78', class: "description-list", role: "list" }, h("slot", { key: '506b3c1c16ed49a151791431d1aa8076defaa412' }))));
+        return (h(Host, { key: '4b78ebb93142286f1ef92e9d10c983b2d502b7da' }, h("div", { key: '027a87f126bfba1c115bada780930ebc4b8fe75d', class: "description-list", role: "list" }, h("slot", { key: '8a339cb49294c12d1aade958869d83d44b61c4cb' }))));
     }
     static get style() { return SwirlDescriptionListStyle0; }
 }, [1, "swirl-description-list"]);

package/dist/components/swirl-dialog.js CHANGED Viewed

@@ -3,7 +3,7 @@ import { A as A11yDialog } from './a11y-dialog.esm.js';
 import { c as classNames } from './index2.js';
 import { d as defineCustomElement$2 } from './swirl-button2.js';
-const swirlDialogCss = ":host{display:block}:host *{box-sizing:border-box}.dialog{--swirl-ghost-button-background-default:var(--s-surface-overlay-default);--swirl-ghost-button-background-hovered:var(--s-surface-overlay-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-overlay-pressed);position:fixed;z-index:var(--s-z-40);display:flex;justify-content:center;align-items:center;inset:0}.dialog[aria-hidden=\"true\"]{display:none}.dialog:not(.dialog--closing) .dialog__backdrop{animation:0.15s dialog-backdrop-fade-in}@media (prefers-reduced-motion){.dialog:not(.dialog--closing) .dialog__backdrop{animation:none}}.dialog:not(.dialog--closing) .dialog__body{animation:0.15s dialog-scale-in}@media (prefers-reduced-motion){.dialog:not(.dialog--closing) .dialog__body{animation:none}}.dialog--closing{animation:0.15s dialog-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.dialog--closing{animation:none}}.dialog__backdrop{position:fixed;background-color:rgba(0, 0, 0, 0.2);inset:0}.dialog__body{z-index:var(--s-z-40);overflow-x:hidden;overflow-y:auto;width:18.5rem;max-height:90vh;padding-top:var(--s-space-24);padding-right:var(--s-space-16);padding-bottom:var(--s-space-16);padding-left:var(--s-space-16);border-radius:var(--s-border-radius-l);background-color:var(--s-surface-overlay-default);text-align:center;box-shadow:var(--s-shadow-level-3)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.dialog__body{width:25rem;border-radius:var(--s-border-radius-base)}}@media (min-width: 992px){.dialog__body{text-align:start}}.dialog__heading{margin:0;margin-bottom:var(--s-space-8);padding-right:var(--s-space-8);padding-left:var(--s-space-8);font-size:var(--s-font-size-lg);font-weight:var(--s-font-weight-semibold);line-height:var(--s-line-height-lg)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.dialog__heading{line-height:var(--s-line-height-base)}}.dialog__content{margin-bottom:var(--s-space-20);padding-right:var(--s-space-8);padding-left:var(--s-space-8);line-height:var(--s-line-height-base)}.dialog__content ::slotted(*){margin:0}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.dialog__content{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}@media (min-width: 992px){.dialog__content{margin-bottom:var(--s-space-24)}}.dialog__controls{display:flex;flex-wrap:wrap;justify-content:stretch;gap:var(--s-space-8)}.dialog__controls>*{flex-grow:1}@media (min-width: 992px){.dialog__controls>*{flex-grow:0}}@media (min-width: 992px){.dialog__controls{justify-content:flex-end}}@keyframes dialog-scale-in{from{transform:scale(0)}to{transform:scale(1)}}@keyframes dialog-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes dialog-fade-out{from{opacity:1}to{opacity:0}}";
+const swirlDialogCss = ":host{display:block}:host *{box-sizing:border-box}.dialog{--swirl-ghost-button-background-default:var(--s-surface-overlay-default);--swirl-ghost-button-background-hovered:var(--s-surface-overlay-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-overlay-pressed);position:fixed;z-index:var(--s-z-40);display:flex;justify-content:center;align-items:center;inset:0}.dialog[aria-hidden=\"true\"]{display:none}.dialog:not(.dialog--closing) .dialog__backdrop{animation:0.15s dialog-backdrop-fade-in}@media (prefers-reduced-motion){.dialog:not(.dialog--closing) .dialog__backdrop{animation:none}}.dialog:not(.dialog--closing) .dialog__body{animation:0.15s dialog-scale-in}@media (prefers-reduced-motion){.dialog:not(.dialog--closing) .dialog__body{animation:none}}.dialog--closing{animation:0.15s dialog-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.dialog--closing{animation:none}}.dialog__backdrop{position:fixed;background-color:rgba(0, 0, 0, 0.2);inset:0}.dialog__body{z-index:var(--s-z-40);overflow-x:hidden;overflow-y:auto;width:18.5rem;max-height:90vh;padding-top:var(--s-space-24);padding-right:var(--s-space-16);padding-bottom:var(--s-space-16);padding-left:var(--s-space-16);border-radius:var(--s-border-radius-l);background-color:var(--s-surface-overlay-default);text-align:center;box-shadow:var(--s-shadow-level-3)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.dialog__body{width:25rem;border-radius:var(--s-border-radius-base)}}@media (min-width: 992px){.dialog__body{text-align:start}}.dialog__heading{margin:0;margin-bottom:var(--s-space-8);padding-right:var(--s-space-8);padding-left:var(--s-space-8);font-size:var(--s-font-size-lg);font-weight:var(--s-font-weight-semibold);line-height:var(--s-line-height-lg)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.dialog__heading{line-height:var(--s-line-height-base)}}.dialog__content{margin-bottom:var(--s-space-20);padding-right:var(--s-space-8);padding-left:var(--s-space-8);line-height:var(--s-line-height-base)}.dialog__content ::slotted(*){margin:0}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.dialog__content{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}@media (min-width: 992px){.dialog__content{margin-bottom:var(--s-space-24)}}.dialog__controls{display:flex;flex-wrap:wrap;justify-content:stretch;gap:var(--s-space-8)}.dialog__controls>*{flex-grow:1}@media (min-width: 992px){.dialog__controls>*{flex-grow:0}}@media (min-width: 992px){.dialog__controls{flex-wrap:nowrap;justify-content:flex-end}}.dialog__left_controls{display:flex;align-items:center;flex-grow:1;padding-left:var(--s-space-8);width:100%;min-width:0}@media (min-width: 992px){.dialog__left_controls{width:auto}}@keyframes dialog-scale-in{from{transform:scale(0)}to{transform:scale(1)}}@keyframes dialog-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes dialog-fade-out{from{opacity:1}to{opacity:0}}";
 const SwirlDialogStyle0 = swirlDialogCss;
 const SwirlDialog$1 = /*@__PURE__*/ proxyCustomElement(class SwirlDialog extends HTMLElement {
@@ -73,8 +73,10 @@ const SwirlDialog$1 = /*@__PURE__*/ proxyCustomElement(class SwirlDialog extends
     }
     render() {
         const className = classNames("dialog", { "dialog--closing": this.closing });
-        return (h(Host, { key: 'a5fd9957ee1f6b462bf2ea2407440b12d4738633' }, h("div", { key: '90399caa37036793ddc37748d92c21c6350a8c41', "aria-describedby": "content", "aria-hidden": "true", "aria-labelledby": this.hideLabel ? undefined : "label", "aria-label": this.hideLabel ? this.label : undefined, "aria-modal": "true", class: className, onKeyDown: this.onKeyDown, ref: (el) => (this.dialogEl = el), role: "alertdialog" }, h("div", { key: '4ffa78466b93d6d6fc6c33e5d2e2148d7ef218c5', class: "dialog__backdrop", onClick: this.onBackdropClick }), h("div", { key: 'c681b602073ab9582cc7be0bec8aa9308c988471', class: "dialog__body", part: "dialog__body", role: "document" }, !this.hideLabel && (h("h2", { key: '9bc53bd477d094e66422e3b388029447f07392bd', class: "dialog__heading", part: "dialog__heading", id: "label" }, this.label)), h("div", { key: 'be71995b7f384b0f13dfbf7cd34177100da2fcf5', class: "dialog__content", part: "dialog__content", id: "content" }, h("slot", { key: '5a987f7f2b753a172ec41e3f731fc9ed792bd4b9' })), h("div", { key: '2135d8e7ad566e70d6a84ad242ec2f9e7c7ffabd', class: "dialog__controls", ref: (el) => (this.controlsContainerEl = el) }, this.secondaryActionLabel && (h("swirl-button", { key: 'ed9b0276e88a240a9710e756a657bea90bf1d45e', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (h("swirl-button", { key: '42d50dddb7fa679b461be848d0c3a6e2d86a938e', intent: this.intent, label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" })))))));
+        const hasLeftControls = Boolean(this.el.querySelector('[slot="left-controls"]'));
+        return (h(Host, { key: '28c9ab3143ae5d89b412ce3b454ec4f33b784555' }, h("div", { key: 'ddbc29e88279d1af1eb6f7643da359956ac60213', "aria-describedby": "content", "aria-hidden": "true", "aria-labelledby": this.hideLabel ? undefined : "label", "aria-label": this.hideLabel ? this.label : undefined, "aria-modal": "true", class: className, onKeyDown: this.onKeyDown, ref: (el) => (this.dialogEl = el), role: "alertdialog" }, h("div", { key: '82b52ce661d86bacec6b6876c1754ad4bdd851c3', class: "dialog__backdrop", onClick: this.onBackdropClick }), h("div", { key: 'a8eaad88e1ead3803d0899fe1b4e59c7addca478', class: "dialog__body", part: "dialog__body", role: "document" }, !this.hideLabel && (h("h2", { key: '32dc2e42e48027b0f3358512074e86cfbed4de01', class: "dialog__heading", part: "dialog__heading", id: "label" }, this.label)), h("div", { key: '72df5ba9ac77e7e18c0452faa87301d0e02dd19f', class: "dialog__content", part: "dialog__content", id: "content" }, h("slot", { key: 'b6de1f09ad34130808f728bab33becf401e62712' })), h("div", { key: 'e38094098bcfc56e16ac5479378055419938638e', class: "dialog__controls", ref: (el) => (this.controlsContainerEl = el) }, hasLeftControls && (h("div", { key: 'aca3d7fc6972ce8def114e6eca3d2be4a2164c3b', class: "dialog__left_controls" }, h("slot", { key: '5d492b98348889a6cb3d14f136ff7f250001e44b', name: "left-controls" }))), this.secondaryActionLabel && (h("swirl-button", { key: 'e952115137e9624b9687dc04ced686bc304bc452', label: this.secondaryActionLabel, onClick: this.onSecondaryAction })), this.primaryActionLabel && (h("swirl-button", { key: 'a283862cd82238c7e0f91676816c10612b40884a', intent: this.intent, label: this.primaryActionLabel, onClick: this.onPrimaryAction, variant: "flat" })))))));
     }
+    get el() { return this; }
     static get style() { return SwirlDialogStyle0; }
 }, [1, "swirl-dialog", {
         "hideLabel": [4, "hide-label"],

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

@@ -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: '9b96c9a451c399967da4c53f13646e302602402d' }, this.size === 16 && (h("img", { key: 'c46eba4749de12b688f3d4239683c7ba98bbc643', alt: this.label, class: className, height: "16", src: "emojis/Clap16.png", width: "16" })), this.size === 20 && (h("img", { key: '8144e5ff9ca8f6bc2a994f5dacefc955d3fcb577', alt: this.label, class: className, height: "20", src: "emojis/Clap20.png", width: "20" })), this.size === 24 && (h("img", { key: '1d979623ec1e573d79ca91a3eabd8dbd507f9ea6', alt: this.label, class: className, height: "24", src: "emojis/Clap24.png", width: "24" })), this.size === 32 && (h("img", { key: 'c7fc001a3c3439d4cc3a0407230710d8add3823e', alt: this.label, class: className, height: "32", src: "emojis/Clap32.png", width: "32" }))));
+        return (h(Fragment, { key: '55946d457c6b90f68070700d8d838aaec9285513' }, this.size === 16 && (h("img", { key: '3d796699a16e2429faca254e59feed6efc055392', alt: this.label, class: className, height: "16", src: "emojis/Clap16.png", width: "16" })), this.size === 20 && (h("img", { key: 'dc7c386da99f56cb9986510b290adec32be7667d', alt: this.label, class: className, height: "20", src: "emojis/Clap20.png", width: "20" })), this.size === 24 && (h("img", { key: '6e0560137146a842a608504c17ec35c03a0e1950', alt: this.label, class: className, height: "24", src: "emojis/Clap24.png", width: "24" })), this.size === 32 && (h("img", { key: '283966368fe8a330e2a61d4f4b2c3dd8fb29ee21', 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 CHANGED Viewed

@@ -14,7 +14,7 @@ const SwirlEmojiHappy$1 = /*@__PURE__*/ proxyCustomElement(class SwirlEmojiHappy
     }
     render() {
         const className = classNames("emoji", `emoji--size-${this.size}`);
-        return (h(Fragment, { key: '554c4f230c56edb3ceb99a818540abe652814254' }, this.size === 16 && (h("img", { key: '564f51d92489a4494350b9ab30a208014fe77adc', alt: this.label, class: className, height: "16", src: "emojis/Happy16.png", width: "16" })), this.size === 20 && (h("img", { key: 'c7995c941ada9f73ed37c8b5aacce12306218bf0', alt: this.label, class: className, height: "20", src: "emojis/Happy20.png", width: "20" })), this.size === 24 && (h("img", { key: 'd4710c86a2f02f6424d6140e4ca1a90fd8ff128f', alt: this.label, class: className, height: "24", src: "emojis/Happy24.png", width: "24" })), this.size === 32 && (h("img", { key: '2a0f36b55295c8a63d099e7120e25ffbae131896', alt: this.label, class: className, height: "32", src: "emojis/Happy32.png", width: "32" }))));
+        return (h(Fragment, { key: '6575e541c858c25499eb3da24f58c2ae8c92d5be' }, this.size === 16 && (h("img", { key: 'bbb3f35cbf4d6fc370ca03e24699a37aa5bfbe0e', alt: this.label, class: className, height: "16", src: "emojis/Happy16.png", width: "16" })), this.size === 20 && (h("img", { key: 'c87db071ba761f502fc87af468b131e8d5072902', alt: this.label, class: className, height: "20", src: "emojis/Happy20.png", width: "20" })), this.size === 24 && (h("img", { key: '42b0c96ba35f6ebcef3bef3391af9ddbb20ff14b', alt: this.label, class: className, height: "24", src: "emojis/Happy24.png", width: "24" })), this.size === 32 && (h("img", { key: 'd010607a5e3bb73641dbb1345c9a7a10e6698288', 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 CHANGED Viewed

@@ -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: 'eeffa7893c56f287965b9f346df8b3c355cc44ef' }, this.size === 16 && (h("img", { key: '8ab53192ca60e85962e33e4052cbeb674be144a4', alt: this.label, class: className, height: "16", src: "emojis/Idea16.png", width: "16" })), this.size === 20 && (h("img", { key: '8ccb432bb3df149a8cd0af7a95a6fd31a34800d8', alt: this.label, class: className, height: "20", src: "emojis/Idea20.png", width: "20" })), this.size === 24 && (h("img", { key: '791c4ff50fe31659a3b5c0e1bf3cd58b78675de4', alt: this.label, class: className, height: "24", src: "emojis/Idea24.png", width: "24" })), this.size === 32 && (h("img", { key: '3ba6e64c942228239bce970ecf9c8b5089e9eae8', alt: this.label, class: className, height: "32", src: "emojis/Idea32.png", width: "32" }))));
+        return (h(Fragment, { key: 'd76d88b7adcf216b21ab9e5f85d24e1c2230d1a5' }, this.size === 16 && (h("img", { key: '368856c7039321bd2426126b32a54325d8574164', alt: this.label, class: className, height: "16", src: "emojis/Idea16.png", width: "16" })), this.size === 20 && (h("img", { key: '5a611f1be2feeb89872584a71fb73ef7c69da42b', alt: this.label, class: className, height: "20", src: "emojis/Idea20.png", width: "20" })), this.size === 24 && (h("img", { key: 'b5a9d9986e471c88b1889e80a19765e83d1fc483', alt: this.label, class: className, height: "24", src: "emojis/Idea24.png", width: "24" })), this.size === 32 && (h("img", { key: 'bec5a64b895f668f79ceb840900651d4f2cb7715', 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 CHANGED Viewed

@@ -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: '8524a14ca4e1a683ff50ee39f7ec9dc494932672' }, this.size === 16 && (h("img", { key: '9c39c173602017ceb3ca45c27f86592dbb592159', alt: this.label, class: className, height: "16", src: "emojis/Love16.png", width: "16" })), this.size === 20 && (h("img", { key: 'c88dc235b8eb3852412cbba62f8f67c95f42aa20', alt: this.label, class: className, height: "20", src: "emojis/Love20.png", width: "20" })), this.size === 24 && (h("img", { key: 'f301e438a5aaaaba34aa959dfb26b7181baa9046', alt: this.label, class: className, height: "24", src: "emojis/Love24.png", width: "24" })), this.size === 32 && (h("img", { key: 'd3fe14d4a50ddab2c5207393b5298a380822bc51', alt: this.label, class: className, height: "32", src: "emojis/Love32.png", width: "32" }))));
+        return (h(Fragment, { key: 'd31814cf9accd0bcde6b3383657c857f6930e039' }, this.size === 16 && (h("img", { key: '41dc9a67d4e337e19006f02e0f46f842e279db77', alt: this.label, class: className, height: "16", src: "emojis/Love16.png", width: "16" })), this.size === 20 && (h("img", { key: 'b16e34d8b5e8ba68e5dbd9d1ba1cb337ae28ae0f', alt: this.label, class: className, height: "20", src: "emojis/Love20.png", width: "20" })), this.size === 24 && (h("img", { key: 'eb8da22f8cd6bdd8bc4068df3c198b791a9dea29', alt: this.label, class: className, height: "24", src: "emojis/Love24.png", width: "24" })), this.size === 32 && (h("img", { key: '9e65271c4985810eebe8effb98e915fa722f1915', 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 CHANGED Viewed

@@ -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: 'fd9d57786315e9ae443e76fdcb3f1999e870cf99' }, this.size === 16 && (h("img", { key: '61621208631fff8e893563c91e47e28e7b2abb1e', alt: this.label, class: className, height: "16", src: "emojis/Sad16.png", width: "16" })), this.size === 20 && (h("img", { key: '3fcc49677697f61cbdc32b371a5f46df1fba64ac', alt: this.label, class: className, height: "20", src: "emojis/Sad20.png", width: "20" })), this.size === 24 && (h("img", { key: 'cc9afcbf5748a0feb8f862932bc938a76531e5da', alt: this.label, class: className, height: "24", src: "emojis/Sad24.png", width: "24" })), this.size === 32 && (h("img", { key: 'd4445ee2d7bc3441d904666a96e4365e088129d0', alt: this.label, class: className, height: "32", src: "emojis/Sad32.png", width: "32" }))));
+        return (h(Fragment, { key: '0a11af16e509876de3c89e11413ff1feb77f761f' }, this.size === 16 && (h("img", { key: '0d4452cb84750dfaf68ef08d179cfb53cd21750b', alt: this.label, class: className, height: "16", src: "emojis/Sad16.png", width: "16" })), this.size === 20 && (h("img", { key: 'e892906e513d1b2c0de1149dc577906c568e91c3', alt: this.label, class: className, height: "20", src: "emojis/Sad20.png", width: "20" })), this.size === 24 && (h("img", { key: 'df681dee5e402ef3ab5ed3c727b21d512cca5f77', alt: this.label, class: className, height: "24", src: "emojis/Sad24.png", width: "24" })), this.size === 32 && (h("img", { key: '5a672d730dbd83057be66132b56530ebdff69116', 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 CHANGED Viewed

@@ -14,7 +14,7 @@ const SwirlEmojiThumbsUp$1 = /*@__PURE__*/ proxyCustomElement(class SwirlEmojiTh
     }
     render() {
         const className = classNames("emoji", `emoji--size-${this.size}`);
-        return (h(Fragment, { key: 'c025c780f7441d6a656629e83ddd046dabcb4bf0' }, this.size === 16 && (h("img", { key: '4831bf857098847e83e09cc39ade04cd26e0ac36', alt: this.label, class: className, height: "16", src: "emojis/ThumbsUp16.png", width: "16" })), this.size === 20 && (h("img", { key: '8b1337239ed4910092c1a49f216e732cf66f5813', alt: this.label, class: className, height: "20", src: "emojis/ThumbsUp20.png", width: "20" })), this.size === 24 && (h("img", { key: '63a7d02492a7822fbaabf8d025e8444fccca57a1', alt: this.label, class: className, height: "24", src: "emojis/ThumbsUp24.png", width: "24" })), this.size === 32 && (h("img", { key: 'b07d6f14038b9a20ee34de60c1c4baaa7cdd5425', alt: this.label, class: className, height: "32", src: "emojis/ThumbsUp32.png", width: "32" }))));
+        return (h(Fragment, { key: 'dc060b6fc70283f8a8f6891d8bdf28910dc57833' }, this.size === 16 && (h("img", { key: '7483b30c471f8927eefb1844acf6b3213396bfaf', alt: this.label, class: className, height: "16", src: "emojis/ThumbsUp16.png", width: "16" })), this.size === 20 && (h("img", { key: '77a5b6012ec8fe66d7c7c49492900084d56bfd04', alt: this.label, class: className, height: "20", src: "emojis/ThumbsUp20.png", width: "20" })), this.size === 24 && (h("img", { key: 'dfe93ab3a4d95962093fbaa9dfa0a9b74cd33003', alt: this.label, class: className, height: "24", src: "emojis/ThumbsUp24.png", width: "24" })), this.size === 32 && (h("img", { key: '821cdfd7bb5e8da7d98a37273b912ce81cc76cac', 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 CHANGED Viewed

@@ -14,7 +14,7 @@ const SwirlEmoji$1 = /*@__PURE__*/ proxyCustomElement(class SwirlEmoji extends H
     }
     render() {
         const Tag = `swirl-emoji-${this.name}`;
-        return (h(Host, { key: '7f0d0373b98606f1b993ed6ba547c589b39b4ae9' }, h(Tag, { key: '39a7e4bc8e6983be2a5347c0ffe91740ab98a015', label: this.label, size: this.size })));
+        return (h(Host, { key: 'c7abdc67c354e143381e8240dfdaa48f6e4f8c3c' }, h(Tag, { key: '500c97ef03874563133209bda16cd9bb5b7ad916', label: this.label, size: this.size })));
     }
     static get style() { return SwirlEmojiStyle0; }
 }, [1, "swirl-emoji", {

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

@@ -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: '9e213dd4e696e4ecf1c001b3301ebbaadadff252' }, h("div", { key: '2d493ef2259cbd9d430c977d325e89db233b6b96', class: className }, this.illustration && !hasSlottedIllustration && (h("img", { key: '53ee001b7e39e0fda7749ff22bea86f0e06238fe', alt: "", class: "empty-state__illustration", src: this.illustration })), h("div", { key: '0eca6481e481ae8b5009f118c3d56d47ace4378e', class: "empty-state__slotted-illustration" }, h("slot", { key: '9980c61b5a07d6d550e656b813416244c012834a', name: "illustration" })), h("div", { key: '4d198e8345bde588034bc599b9ca262fbe0bd55a', class: "empty-state__body" }, h("swirl-stack", { key: '3f0892232fe8d815e38e75531cc5429541d937aa', align: "stretch", spacing: "8" }, this.heading && (h("swirl-heading", { key: '16ef2c5ec259f51ea433612bc993402c3c67bbb1', align: "center", as: "p", level: 4, text: this.heading })), h("div", { key: 'e364422f96b1f5cefe9df95ba954afb16a2f641e', class: "empty-state__content" }, h("swirl-text", { key: '801038dd3a91e8a780c02faacbd1dd9300141492', align: "center", color: "subdued" }, h("slot", { key: '9569100a8699974ee8853d26639d4cd83fa261a2' })))), h("div", { key: '2f5387dcdf6298e61c996254d85c4180c5c9b488', class: "empty-state__controls" }, h("slot", { key: '636c14384a30c712ad1818534c900d77f98a5965', name: "controls" }))))));
+        return (h(Host, { key: '5fff5a5dacd531c360332c1c80f93a09981aef41' }, h("div", { key: '46e3dbe9f765a6b3024b7c2bbaa7111f728a4591', class: className }, this.illustration && !hasSlottedIllustration && (h("img", { key: '706db8fbff1927e1ad1502d1fcec13f6f5abfdda', alt: "", class: "empty-state__illustration", src: this.illustration })), h("div", { key: 'b9bcc134cfc77764c26c89aecb0a81d4f1667a1d', class: "empty-state__slotted-illustration" }, h("slot", { key: 'e4f68b7b5ff2bb714004eefc981b4967b40bfb1e', name: "illustration" })), h("div", { key: '3e49c1fa45a9eab36553c77b1405614eac58cfa3', class: "empty-state__body" }, h("swirl-stack", { key: 'd0b060f38e273a27c2925649850ac3b1246473ee', align: "stretch", spacing: "8" }, this.heading && (h("swirl-heading", { key: 'b437e9041f8aff7d191f8cfa52e05ab4c63d2e93', align: "center", as: "p", level: 4, text: this.heading })), h("div", { key: '62e0fa0b042ea72920a32a75b797c45a999a7f6d', class: "empty-state__content" }, h("swirl-text", { key: 'b8b759fbebb0bc88c737933dddc269cc4a7618e2', align: "center", color: "subdued" }, h("slot", { key: '3b5f25cf981bb54a033b0faec7bc84cf8e190151' })))), h("div", { key: 'f9f40812af3f2eb58725f994ba5f967c971dda1c', class: "empty-state__controls" }, h("slot", { key: '2378cba88b0a0d41cbd14ff19b6f24ad0925c9bd', name: "controls" }))))));
     }
     get el() { return this; }
     static get style() { return SwirlEmptyStateStyle0; }

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

@@ -47,10 +47,10 @@ const SwirlFileUploader$1 = /*@__PURE__*/ proxyCustomElement(class SwirlFileUplo
             "file-uploader--disabled": this.disabled,
             "file-uploader--show-dropzone": this.showDropzone,
         });
-        return (h(Host, { key: 'a3d5736e66440f760e55d3e6ee0cbfbba1e19317' }, h("div", { key: '1158ad4819bdda6986b8a86906f66c2719b7221f', class: className }, h("label", { key: '9dc6b1fdb04f504cee46ca504d5e85e3d53abf7b', class: "file-uploader__label", htmlFor: this.inputId, id: `${this.inputId}-label` }, this.label), this.description && (h("span", { key: 'ac24c826829fd24ac5b0cc7c66f311777f88c668', class: "file-uploader__description", id: `${this.inputId}-description` }, this.description)), h("div", { key: '74a50228a2fad89d62e1c4a66e36326ed0b97f7b', class: "file-uploader__dropzone" }, this.showDropzone ? ([
+        return (h(Host, { key: '0b5353ad9ed4246e097184c50f807665e35b830c' }, h("div", { key: '76d85061171df1e306633c5b72313ae38620cbc1', class: className }, h("label", { key: 'b72b539cccedc10d69728e2eec986daee3b1cc6c', class: "file-uploader__label", htmlFor: this.inputId, id: `${this.inputId}-label` }, this.label), this.description && (h("span", { key: 'c925efaf8e7a3cdf4ccc0909193af52106cc450f', class: "file-uploader__description", id: `${this.inputId}-description` }, this.description)), h("div", { key: 'fa7544ba1d1a95764efbad3c5105fd5273049c71', 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: '52d164302d20a0351a0025617fc7ac8ce3d0a59b', 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: '4b7853bb7cde7e16cd4fa25a38e77612833d65c2', 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 CHANGED Viewed

@@ -17,7 +17,7 @@ const SwirlFileViewerAudio = /*@__PURE__*/ proxyCustomElement(class SwirlFileVie
         this.activate.emit(this.el);
     }
     render() {
-        return (h(Host, { key: 'c76a4a85096d0e3e3fbccf58af417a37aa7bbd6a', class: "file-viewer-audio" }, h("audio", { key: 'b60965374e8df8e15f15c7e51e89c13af7a9df1e', autoplay: this.autoplay, class: "file-viewer-audio__audio", controls: true }, h("source", { key: 'fb84fc27519dcdfec9a118b7e85631b84c7f1e24', src: this.file, type: this.type }))));
+        return (h(Host, { key: 'aee5be17054d33d1f009f2ccd1e37a5a6e2923e7', class: "file-viewer-audio" }, h("audio", { key: '279a7967658b4f07e0d65182c96104c0097c8926', autoplay: this.autoplay, class: "file-viewer-audio__audio", controls: true }, h("source", { key: '31110a8c1d81faa6ca38c9048b45e83954129815', src: this.file, type: this.type }))));
     }
     get el() { return this; }
     static get style() { return SwirlFileViewerAudioStyle0; }

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

@@ -63,7 +63,7 @@ const SwirlFileViewerCsv = /*@__PURE__*/ proxyCustomElement(class SwirlFileViewe
         }
     }
     render() {
-        return (h(Host, { key: '6aba9572748a5097f79146ac154888b381904ab4', class: "file-viewer-csv", exportparts: "file-viewer-csv__table" }, this.error && (h("swirl-inline-error", { key: 'b444f63ed74726e8ee2368bf2ee4624b8d2557b5', class: "file-viewer-csv__error", message: this.errorMessage })), h("div", { key: '26ecef88d22a80ac2c8cb612ce1236283a18e4bb', class: "file-viewer-csv__csv", tabIndex: 0 }, h("table", { key: '88fe0319bc51d0387f481bd04b9af64604a45446', class: "file-viewer-csv__table", part: "file-viewer-csv__table" }, h("tbody", { key: 'c54c1bc46574752afd032f035732041ab6c31487' }, 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: 'b3508a3b173509aa069fd7f8689e6a1433e4a6c4', class: "file-viewer-csv__spinner" }, h("swirl-spinner", { key: 'f4ed766799e01d9a0c0449f7eb2b11b295fbd734' })))));
+        return (h(Host, { key: '82e3a660e9f627ec032c976ed8a6aef66428b57d', class: "file-viewer-csv", exportparts: "file-viewer-csv__table" }, this.error && (h("swirl-inline-error", { key: '07248626db07a72ec33b898f98d7d90bc6b02355', class: "file-viewer-csv__error", message: this.errorMessage })), h("div", { key: 'bedf7f0976d9ca924ee2c35dcc1594be9f5c785c', class: "file-viewer-csv__csv", tabIndex: 0 }, h("table", { key: '34ec4ea11bec155c86deceb6b1d23ca76e0f616b', class: "file-viewer-csv__table", part: "file-viewer-csv__table" }, h("tbody", { key: 'd46bca3f3068a329972b303780070126ce9832e9' }, 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: 'a4dad16da9e3ef16a8e292b1c834fd31ae64c46d', class: "file-viewer-csv__spinner" }, h("swirl-spinner", { key: '877eff49cc9b1a5b39b2d7d14dea12474c3c61c5' })))));
     }
     get el() { return this; }
     static get watchers() { return {

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

@@ -37,7 +37,7 @@ const SwirlFileViewerFallback = /*@__PURE__*/ proxyCustomElement(class SwirlFile
         this.activate.emit(this.el);
     }
     render() {
-        return (h(Host, { key: '8f804cdc34f14ceab1b8d2342bb979df9a37ada6', class: "file-viewer-fallback" }, h("swirl-stack", { key: '700346664b80a0c6bcd50b15113a1ecd033a795c', align: "center", height: "100%", justify: "center", spacing: "16" }, h("swirl-icon-file", { key: 'c7757db46eea85a1e72875109513fff67dddbda0', class: "file-viewer-fallback__icon", color: "on-image", size: 28 }), this.fileName && (h("swirl-text", { key: 'dcf18ebf270b6f8e3648edef640b0e96907785ee', color: "on-image", size: "lg", weight: "medium" }, this.fileName)), !this.disableDownload && (h("swirl-button", { key: 'f1a649312208380bffdc183735122b1678a8cd5b', 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: 'aa78049d86fa8373eb881f7035227fe1c0a1420f', class: "file-viewer-fallback" }, h("swirl-stack", { key: 'a3acec910f458e1b699dfa3baab51794fd683aad', align: "center", height: "100%", justify: "center", spacing: "16" }, h("swirl-icon-file", { key: '0cdef8e938a084127fffbee8a5f0a8b13027b38b', class: "file-viewer-fallback__icon", color: "on-image", size: 28 }), this.fileName && (h("swirl-text", { key: '9ccf547bea65416e5b7f86e09bb5692fcc44888e', color: "on-image", size: "lg", weight: "medium" }, this.fileName)), !this.disableDownload && (h("swirl-button", { key: 'f25211006ba2cde90e6c0c9749551884cca9b920', download: this.fileName, href: this.file, icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.download, variant: "on-image" })))));
     }
     get el() { return this; }
     static get style() { return SwirlFileViewerFallbackStyle0; }

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

@@ -189,7 +189,7 @@ const SwirlFileViewerImage = /*@__PURE__*/ proxyCustomElement(class SwirlFileVie
         return this.updateZoomAndPan(1);
     }
     render() {
-        return (h(Host, { key: '64da19425678da682b92869fb11782fdc332f9fd', 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: '860b229f7a4f41fbf7313f33b834694145aafb5a', class: "file-viewer-image__error", message: this.errorMessage })), h("img", { key: '8431fd889601f08102a5c9dc4d146db009b13de5', alt: this.description, class: "file-viewer-image__image", onError: this.onError, onLoad: this.onLoad, ref: (el) => (this.imageEl = el), src: this.file }), this.loading && (h("div", { key: '6f3b06b98054d3521a561c2d303f8cef340b26da', class: "file-viewer-image__spinner" }, h("swirl-spinner", { key: 'ebae9f9e6e7ad84c8e9ab2fced938218d256f440' })))));
+        return (h(Host, { key: '582c58f60673443df4141bedadc17dbdf7660c5c', 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: 'dd64a7108034e29f3cc392fc1465d988aca4786b', class: "file-viewer-image__error", message: this.errorMessage })), h("img", { key: 'c619d8cbe36be92fb192374e5f32f1080ac661e9', alt: this.description, class: "file-viewer-image__image", onError: this.onError, onLoad: this.onLoad, ref: (el) => (this.imageEl = el), src: this.file }), this.loading && (h("div", { key: '3d3923e7efdbd3648dd2ec660cada69304d48aa3', class: "file-viewer-image__spinner" }, h("swirl-spinner", { key: '13e5f2b82de5c011b94f26e8311b8cf42b81a96d' })))));
     }
     get el() { return this; }
     static get watchers() { return {