@getflip/swirl-components 0.294.0 → 0.295.0

package/dist/components/file-manager.js

@@ -90,7 +90,7 @@ const FileManager$1 = /*@__PURE__*/ proxyCustomElement(class FileManager extends
             onClick: () => this.selectItem(item) }, "type" in item ? (h("swirl-icon-file", { slot: "media" })) : (h("swirl-icon-folder-shared", { slot: "media" })))))) : (h("swirl-box", { padding: "16" }, h("swirl-text", { color: "subdued", weight: "medium" }, "This directory is empty.")));
     }
     render() {
-        return (h(Host, { key: 'f824d7bc63476fb19f71a42c5aa09fb4d954d01f' }, h("swirl-app-layout", { key: 'ec6500f8d872dde19f9c6f6a55452712a7a87ce1', 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: '89a732c8168fcfbf48f8e71d17a5a6d6d40569c1', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: 'e42b4c1d9e6b46603fdd867119bb6ba86b54807c', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: 'f21bb99f0f836c2c6914671f5727b9b6ec336e73', label: "Sort items" })), h("swirl-stack", { key: '47479bd60214ab399eecc5dbeec92a99b75ec529', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: '351c6f2f6172b01914d52be76f41690af6d0835e' }, h("swirl-heading", { key: 'f16201178c34ed452b1d48e47ea0b28a9bb83cf1', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: 'b2b5638b1bd3ad80ccd7a13d646bc0ab5f7ae811', 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: 'de582407fc445eb9ba1e279195ad240bbb4ff714', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: '6019d2af82f81f72c95b5270be7f36a35bdf9bf4', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: '4339cdc0c792a5d1767e54887584713796026848', padding: "16", slot: "sidebar" }, h("swirl-text", { key: 'c08ce0b2f25c51aeb2cae3236623a376f97571b3', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: 'da973e49a8554303ab0e02ddb7daffd5b8e61b69', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: 'e2fde653a3eccfaf9a91bbc45cf5c770cc9e53a3', value: ["ascending"] }, h("swirl-option-list-item", { key: '2dda190f020c675d70a4986a7870f13ef60551a3', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: 'd07d86a691addea39319de2c9c97b43491c16d9e', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: 'b52de72d2545eab36d71015da08c340b6b7ba17e', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
+        return (h(Host, { key: '18b248c1fd36f3a015195c34f90e30f3d0129a25' }, h("swirl-app-layout", { key: '23ee44bb967041b5ee4c0044c05532de08c55e48', 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: '8dd15f955dd8fc2f85022d3160eeeddb8015b227', label: "Documents", slot: "navigation" }, this.renderNavigation()), h("swirl-popover-trigger", { key: '2af1a886f9e1431081053cb4a1723d2f975b0516', swirlPopover: this.sortMenu, slot: "navigation-controls" }, h("swirl-button", { key: '8ea888d58eb9a05d41b8803f0f0fcfa0a5c34022', label: "Sort items" })), h("swirl-stack", { key: '670c09f8464528db314302c868dec4cbfeced464', orientation: "horizontal", slot: "app-bar" }, h("swirl-stack", { key: 'dc0597dc1a5abae8ed8e403a997cca3f7796534b' }, h("swirl-heading", { key: 'a811da97e04b193beab8288d9012b5b54635eb06', as: "h2", level: 4, text: this.selectedFile?.name }), h("swirl-text", { key: '44f69f2fc0ff0a7e51c94002525d41e6f4307d3e', 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: '0eb5c25bfdce727555615e1d4be67666af96439f', slot: "app-bar-controls" }, this.selectedFile && (h("swirl-button", { key: 'a7ad8f5828fd2c2b8363b94fdef058609ccb81a1', "hide-label": true, class: "info-button", icon: "<swirl-icon-info></swirl-icon-info>", label: "Open file info", onClick: this.toggleSidebar }))), h("swirl-box", { key: '94ba04d3a38a3b1fe0141a070dca99079abce01e', padding: "16", slot: "sidebar" }, h("swirl-text", { key: '8e930ed7bba88057d9fe10d034b7c3a283063b53', color: "subdued", weight: "medium" }, "File info goes here \u2026"))), h("swirl-popover", { key: '2000e436742879d4b3c08262ecf86c1e793b5709', label: "Sort items", ref: (el) => (this.sortMenu = el) }, h("swirl-option-list", { key: '1311545ff3c088b1d62687a769e8595e9d2858fe', value: ["ascending"] }, h("swirl-option-list-item", { key: '443503042a3a634be5b68278e5b99e4770b7e499', icon: "<swirl-icon-expand-less></swirl-icon-expand-less>", label: "Ascending", value: "ascending" }), h("swirl-option-list-item", { key: 'f613ac4d843282aee7e5bb61ffad3abf47d080da', icon: "<swirl-icon-expand-more></swirl-icon-expand-more>", label: "Descending", value: "descending" }), h("swirl-option-list-item", { key: '6fbde353175945ce1b706ac1b1a3eedde30c877e', icon: "<swirl-icon-time-outlined></swirl-icon-time-outlined>", label: "By date", value: "date" })))));
     }
 }, [1, "file-manager", {
         "selectedDirectory": [32],

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

@@ -68,7 +68,7 @@ const SwirlAccordionItem$1 = /*@__PURE__*/ proxyCustomElement(class SwirlAccordi
         const className = classNames("accordion-item", {
             "accordion-item--expanded": this.expanded,
         });
-        return (h(Host, { key: 'ce93a57fef055a3b912b9d74307caa48e9792c9a' }, h("div", { key: '7b164b2586f089ec5d03777873a2df1474a5c1d3', class: className }, h(HeadingTag, { key: '95e160a7ce0199ae5f42504386b9023a3c7ebc9d', class: "accordion-item__heading" }, h("button", { key: '0b046a3e376f888e084a1d0ee1edd87ac99b852f', "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: 'cb13c9193027463ea70f3e0179d3231768415552', class: "accordion-item__toggle-text" }, this.heading, this.description && (h("swirl-text", { key: 'b7a68f4b9c771e68d58ffac6aa8f64b548bd1d16', as: "span", color: "subdued", size: "sm" }, this.description))), h("span", { key: '6422613b1f9847cde1ce24a9d5360da2ec6b027e', class: "accordion-item__icon" }, !this.expanded && (h("swirl-icon", { key: '258fee1808b32595ef78cbc67c25a825a82a3f4c', glyph: "chevron-right", size: 20 })), this.expanded && (h("swirl-icon", { key: '4db06cd86fe17b6785ee700986816d4c8870f45b', glyph: "expand-more", size: 20 }))))), h("div", { key: '172b05165c975966d837595f7cecce43a3562441', "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, h("slot", { key: 'b8340c9735970792ab184c10b6ab1d3d15c9be6e' })))));
+        return (h(Host, { key: '927e324b7292a240aa0bb9388a9458bd16e0f6f2' }, h("div", { key: '2155526fd994e917ce09690b25e4ce00d8c9bf10', class: className }, h(HeadingTag, { key: '0bd906b1df735d973fe01e749dcebbb70e655c10', class: "accordion-item__heading" }, h("button", { key: '6b3f0cf2b49a3f735582960d3bc4a11586b5f5ed', "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: 'b38097311da54ef28e0be00fbba1ec1e88abcd0c', class: "accordion-item__toggle-text" }, this.heading, this.description && (h("swirl-text", { key: 'e8234c7c6e29e30ee6a7240fe9c393a39e1cf3b9', as: "span", color: "subdued", size: "sm" }, this.description))), h("span", { key: 'c643d08a79ea0b3536cf7db45e095db9bf4beb8c', class: "accordion-item__icon" }, !this.expanded && (h("swirl-icon", { key: '3b0ed8615a844ba4f5f124ea9d1b9ea77bb954f6', glyph: "chevron-right", size: 20 })), this.expanded && (h("swirl-icon", { key: '4a72333e575ce363eb55e4b70b226a28b1bd2b07', glyph: "expand-more", size: 20 }))))), h("div", { key: '2abc8262d3b16255e3dd79667397067c6bc5a497', "aria-labelledby": this.headingId, class: "accordion-item__content", id: this.itemId, role: "region" }, h("slot", { key: '30d20fc2b5a274f253c4413032e68c08a07b649a' })))));
     }
     get el() { return this; }
     static get style() { return SwirlAccordionItemStyle0; }

package/dist/components/swirl-accordion.js

@@ -46,7 +46,7 @@ const SwirlAccordion$1 = /*@__PURE__*/ proxyCustomElement(class SwirlAccordion e
         });
     }
     render() {
-        return (h(Host, { key: '55af41200054fe3f630d7fc1e9a6e051ad53b6ba' }, h("slot", { key: '9714a1232064b82c0d2047aefb4b87228931e213' })));
+        return (h(Host, { key: 'f6e0f6ecdaaf0db9e57a97eb4103b58b590b9a47' }, h("slot", { key: '5971dd00272f4b74830b2f987287a14b8f45e7f5' })));
     }
     get el() { return this; }
     static get style() { return SwirlAccordionStyle0; }

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

@@ -16,7 +16,7 @@ const SwirlActionListSection$1 = /*@__PURE__*/ proxyCustomElement(class SwirlAct
         this.hasSeparator = false;
     }
     render() {
-        return (h(Host, { key: 'dfafe6bc3d74e22fbf60f07d0179bf71455bf48b' }, this.hasSeparator && (h("swirl-separator", { key: 'fd93a18adf97d0fb37f6f76e14992915e095ae92', spacing: this.separatorSpacing })), h("div", { key: '099c87cdb2e411546228fb28863a27c0e541caa3', "aria-labelledby": "label", class: "action-list-section", role: "group" }, h("span", { key: '7f73b8d374df2e68576320ea2276fcb1322a4780', class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), h("swirl-stack", { key: 'd2b9872ca56dc628d83f41472603563f6f3e35b4', spacing: this.spacing, align: "stretch" }, h("slot", { key: 'd9f3b4d084938db64a49975a56397b13db610ba8' })))));
+        return (h(Host, { key: '39c804ad86c2c88c0a0a6a89d8f22d986469ecff' }, this.hasSeparator && (h("swirl-separator", { key: 'd89ba2e7bf416c61a3098a0e884ee3366c0dcf6e', spacing: this.separatorSpacing })), h("div", { key: '1b915e5c57128a8d23d5502eeb8e17325dff0117', "aria-labelledby": "label", class: "action-list-section", role: "group" }, h("span", { key: '50cf1f0b82e94886c423e31a5a11665b598cd211', class: "action-list-section__label", id: "label", part: "action-list-section__label" }, this.label), h("swirl-stack", { key: '012034cd8b6e56306aebf230c7e438edf20fad4f', spacing: this.spacing, align: "stretch" }, h("slot", { key: '7411b4b813843cf3d076da545335d8fd3ef67998' })))));
     }
     static get style() { return SwirlActionListSectionStyle0; }
 }, [1, "swirl-action-list-section", {

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

@@ -94,7 +94,7 @@ const SwirlActionList = /*@__PURE__*/ proxyCustomElement(class SwirlActionList e
         });
     }
     render() {
-        return (h(Host, { key: 'bf72e9f0dae22b0accd9f9a41e78f4c39c562471' }, h("div", { key: '07952241b1a0bc5eea5da1177e7e8e20dae0c187', "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: '3ccd51eeb3c384bb5147ce09a63013c2f797c822', onSlotchange: this.setSectionSeparator }))));
+        return (h(Host, { key: 'f35389e147660da65c88641bac4a878a2580c26a' }, h("div", { key: 'bdc4d2c34d70378795750579cce345e5368241ab', "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: 'cd5dfd00a6fdd0313bdcf7d4e6caa92beafa16b8', onSlotchange: this.setSectionSeparator }))));
     }
     get el() { return this; }
     static get style() { return SwirlActionListStyle0; }

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

@@ -27,7 +27,7 @@ const SwirlAppIcon$1 = /*@__PURE__*/ proxyCustomElement(class SwirlAppIcon exten
         const className = classNames("app-icon", {
             "app-icon--has-icon": showIcon || showFallbackIcon,
         });
-        return (h(Host, { key: 'c56866be8b89817bc577b7081e3b2b0a859cd5d2' }, h("span", { key: '10581d1d8ae34c10133e0d8d911fc22a49625af6', class: className }, showImage && (h("img", { key: '5542d09f4e9afcead0d94d51208d8ab7fe3f1bdf', alt: "", height: "256", onError: this.setImageUnavailable, onLoad: this.setImageAvailable, src: this.src, width: "256" })), showIcon && (h("span", { key: 'a6b5827035d9f8337232d00f2bc9bd7491ee6584', class: "app-icon__icon", innerHTML: this.icon })))));
+        return (h(Host, { key: 'f94b64a23e07321e15ee4ec572929291bbacc01a' }, h("span", { key: '08643d4c6568956cd0342b7691af7d14003e5f7b', class: className }, showImage && (h("img", { key: '88c39fe801f6f0ea09b510ec03c9e4252aae9ee6', alt: "", height: "256", onError: this.setImageUnavailable, onLoad: this.setImageAvailable, src: this.src, width: "256" })), showIcon && (h("span", { key: 'aebd34c0948aa589a376f53948df027b831c866d', class: "app-icon__icon", innerHTML: this.icon })))));
     }
     static get style() { return SwirlAppIconStyle0; }
 }, [1, "swirl-app-icon", {

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

@@ -4,7 +4,7 @@ import { g as getDesktopMediaQuery, d as debounce, i as isMobileViewport, h as p
 import { d as defineCustomElement$2 } from './swirl-button2.js';
 import { d as defineCustomElement$1 } from './swirl-heading2.js';
 
-const swirlAppLayoutCss = ":host{--header-height:3.5625rem;position:relative;z-index:1;display:flex;width:100%;height:100%}:host *{box-sizing:border-box}.app-layout{display:flex;overflow:hidden;width:100%;height:100%;margin-right:auto;margin-left:auto}.app-layout__grid{position:relative;display:grid;width:100%;height:100%;grid-template-columns:100%;grid-template-rows:var(--header-height) 1fr;grid-template-areas:\"body\"\n    \"body\"}.app-layout:not(.app-layout--has-navigation) .app-layout__header,.app-layout:not(.app-layout--has-navigation) .app-layout__navigation{display:none}.app-layout:not(.app-layout--has-sidebar) .app-layout__sidebar{display:none}@media (max-width: 767px){.app-layout:not(.app-layout--mobile-view-body) .app-layout__body{display:none}}@media (max-width: 767px){.app-layout:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar{display:none}}.app-layout:not(.app-layout--has-app-bar-mobile-menu-button) .app-layout__app-bar-mobile-menu-button{display:none}.app-layout--has-navigation .app-layout__grid{grid-template-columns:100%;grid-template-areas:\"header\"\n      \"navigation\"}@media (min-width: 768px){.app-layout--has-navigation .app-layout__grid{grid-template-columns:min(50%, 22.5rem) 1fr;grid-template-areas:\"header body\"\n        \"navigation body\"}}@media (min-width: 1440px){.app-layout--has-navigation .app-layout__grid{grid-template-columns:min(50%, 25rem) 1fr}}@media (min-width: 768px){.app-layout--has-navigation .app-layout__app-bar-mobile-menu-button{display:none}}@media (min-width: 992px){.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-collapsed .app-layout__grid{grid-template-columns:0 1fr}.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__grid{grid-template-columns:0 1fr}.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__header,.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__navigation{position:absolute;z-index:4;top:0;left:0;width:22.5rem;animation:app-layout-nav-overlay-slide-in-desktop 0.1s;animation-fill-mode:forwards}.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__header:after{position:absolute;z-index:1;top:0;left:calc(100% + var(--s-border-width-default));display:block;width:2rem;height:100vh;background-image:linear-gradient(\n              to right,\n              rgba(0, 0, 0, 0.05) 0,\n              rgba(0, 0, 0, 0) 80%,\n              rgba(0, 0, 0, 0) 100%\n            );content:\"\"}.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__navigation{z-index:3;bottom:0}}@media (min-width: 1440px){.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__header,.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__navigation{width:25rem;animation:app-layout-nav-overlay-slide-in-large-desktop 0.1s}}@media (min-width: 768px){.app-layout--has-sidebar:not(.app-layout--has-navigation).app-layout--sidebar-active .app-layout__grid{animation:app-layout-no-nav-sidebar-slide-in 0.3s}@media (prefers-reduced-motion){.app-layout--has-sidebar:not(.app-layout--has-navigation).app-layout--sidebar-active .app-layout__grid{animation:none}}}@media (min-width: 768px){.app-layout--has-sidebar:not(.app-layout--has-navigation).app-layout--sidebar-closing .app-layout__grid{animation:app-layout-no-nav-sidebar-slide-out 0.3s}@media (prefers-reduced-motion){.app-layout--has-sidebar:not(.app-layout--has-navigation).app-layout--sidebar-closing .app-layout__grid{animation:none}}}@media (min-width: 768px){.app-layout--has-sidebar.app-layout--sidebar-active .app-layout__grid{grid-template-columns:1fr min(50%, 25rem);grid-template-areas:\"body sidebar\"\n          \"body sidebar\"}}.app-layout--has-sidebar .app-layout__grid{grid-template-columns:100%;grid-template-areas:\"body\"\n      \"body\"}@media (min-width: 1800px){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-active .app-layout__grid{grid-template-columns:25rem 1fr 25rem;grid-template-areas:\"header body sidebar\"\n          \"navigation body sidebar\"}}@media (min-width: 1800px){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-opening .app-layout__grid{animation:app-layout-sidebar-slide-in 0.3s;animation-fill-mode:forwards}@media (prefers-reduced-motion){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-opening .app-layout__grid{animation:none}}.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-opening.app-layout--nav-collapsed .app-layout__grid,.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-opening.app-layout--nav-overlayed .app-layout__grid{animation:app-layout-sidebar-slide-in-with-collapsed-nav 0.3s}}@media (min-width: 1800px){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-closing .app-layout__grid{animation:app-layout-sidebar-slide-out 0.3s}@media (prefers-reduced-motion){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-closing .app-layout__grid{animation:none}}.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-closing.app-layout--nav-collapsed .app-layout__grid,.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-closing.app-layout--nav-overlayed .app-layout__grid{animation:app-layout-sidebar-slide-out-with-collapsed-nav 0.3s}}@media (min-width: 768px){.app-layout--has-navigation.app-layout--has-sidebar .app-layout__grid{grid-template-columns:min(50%, 22.5rem) 1fr;grid-template-areas:\"header body\"\n        \"navigation body\"}}@media (min-width: 992px){.app-layout--has-navigation.app-layout--has-sidebar .app-layout__grid{grid-template-columns:22.5rem 1fr}}@media (min-width: 1440px){.app-layout--has-navigation.app-layout--has-sidebar .app-layout__grid{grid-template-columns:25rem 1fr}}@media (min-width: 992px){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--nav-collapsible.app-layout--nav-collapsed .app-layout__grid{grid-template-columns:0 1fr}.app-layout--has-navigation.app-layout--has-sidebar.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__grid{grid-template-columns:0 1fr}}@media (min-width: 768px) and (max-width: 1799px){.app-layout--has-navigation.app-layout--has-sidebar .app-layout__sidebar{position:absolute;top:0;right:0;bottom:0;width:min(40%, 25rem);border-left:var(--s-border-width-default) solid var(--s-border-default);box-shadow:var(--s-shadow-level-3)}}@media (max-width: 767px){.app-layout--mobile-view-navigation .app-layout__grid{grid-template-areas:\"header\"\n        \"navigation\"}.app-layout--mobile-view-navigation .app-layout__body,.app-layout--mobile-view-navigation .app-layout__sidebar{display:none}}@media (max-width: 767px){.app-layout--mobile-view-body .app-layout__grid{grid-template-areas:\"body\"\n        \"body\"}.app-layout--mobile-view-body .app-layout__header,.app-layout--mobile-view-body .app-layout__navigation,.app-layout--mobile-view-body .app-layout__sidebar{display:none}}@media (max-width: 767px){.app-layout--mobile-view-sidebar .app-layout__grid{grid-template-areas:\"sidebar\"\n        \"sidebar\"}.app-layout--mobile-view-sidebar .app-layout__header,.app-layout--mobile-view-sidebar .app-layout__navigation,.app-layout--mobile-view-sidebar .app-layout__body{display:none}}.app-layout--has-sidebar:not(.app-layout--sidebar-active) .app-layout__sidebar{display:none}@media (min-width: 768px){.app-layout--sidebar-closing .app-layout__sidebar{animation:app-layout-sidebar-overlay-slide-out 0.3s}@media (prefers-reduced-motion){.app-layout--sidebar-closing .app-layout__sidebar{animation:none}}}@media (min-width: 1800px){.app-layout--sidebar-closing .app-layout__sidebar{animation:none}}.app-layout--has-app-bar-controls .app-layout__app-bar-controls{display:block}.app-layout--has-bottom-bar .app-layout__body{grid-template-rows:minmax(var(--header-height), auto) auto 1fr auto;grid-template-areas:\"app-bar\"\n      \"banner\"\n      \"content\"\n      \"bottom-bar\"}.app-layout--has-bottom-bar .app-layout__content{border-bottom:var(--s-border-width-default) solid transparent}.app-layout--has-bottom-bar .app-layout__bottom-bar{display:block}.app-layout--has-custom-app-bar-back-button .app-layout__custom-app-bar-back-button{display:block}.app-layout--has-custom-sidebar-header .app-layout__sidebar-header{display:none}.app-layout--has-custom-sidebar-header .app-layout__custom-sidebar-header{display:block}.app-layout--has-floating-action-button .app-layout__floating-action-button{display:block}.app-layout--hide-app-bar .app-layout__body{grid-template-rows:auto 1fr;grid-template-areas:\"banner\"\n      \"content\"\n      \"bottom-bar\"}.app-layout--content-scrollable:not(.app-layout--content-scrolled-to-top) .app-layout__app-bar{border-bottom-color:var(--s-border-default)}.app-layout--content-scrollable.app-layout--has-bottom-bar:not(.app-layout--content-scrolled-to-bottom) .app-layout__content{border-bottom-color:var(--s-border-default)}.app-layout--nav-scrollable:not(.app-layout--nav-scrolled-to-top) .app-layout__header{border-bottom-color:var(--s-border-default)}.app-layout--sidebar-scrollable:not(.app-layout--sidebar-scrolled-to-top) .app-layout__sidebar-header,.app-layout--sidebar-scrollable:not(.app-layout--sidebar-scrolled-to-top) .app-layout__custom-sidebar-header{border-bottom-color:var(--s-border-default)}.app-layout__header{z-index:1;display:flex;min-width:0;height:var(--header-height);padding-top:var(--s-space-12);padding-right:var(--s-space-8);padding-bottom:var(--s-space-12);padding-left:var(--s-space-8);align-items:center;border-bottom:var(--s-border-width-default) solid transparent;background-color:var(--s-background-default);grid-area:header;gap:var(--s-space-8)}@media (min-width: 768px){.app-layout__header{border-right:var(--s-border-width-default) solid var(--s-border-default)}}@media (min-width: 992px){.app-layout__header{padding-right:var(--s-space-16);padding-left:var(--s-space-16)}}.app-layout__app-name{min-width:0}.app-layout__app-name .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-layout__app-bar-mobile-menu-button,.app-layout__navigation-mobile-menu-button{flex-shrink:0}@media (min-width: 992px){.app-layout__app-bar-mobile-menu-button,.app-layout__navigation-mobile-menu-button{display:none}}.app-layout__app-bar-mobile-menu-button{padding-left:var(--s-space-8)}@media (min-width: 768px){.app-layout__app-bar-mobile-menu-button{padding-left:0}}.app-layout__navigation-back-button{margin-left:calc(-1 * var(--s-space-4))}.app-layout__floating-action-button{position:absolute;z-index:4;right:var(--s-space-16);bottom:var(--s-space-16);display:none}.app-layout__navigation-controls{flex-shrink:0}.app-layout__navigation{z-index:1;overflow-y:auto;border-right:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);grid-area:navigation}.app-layout__nav-overlay-toggle,.app-layout__nav-expansion-toggle{display:none}@media (min-width: 992px){.app-layout__nav-overlay-toggle,.app-layout__nav-expansion-toggle{display:block}}.app-layout__nav-expansion-toggle{padding-left:var(--s-space-16)}.app-layout__body{z-index:2;display:grid;width:100%;height:100%;grid-area:body;grid-template-rows:minmax(var(--header-height), auto) auto 1fr;grid-template-areas:\"app-bar\"\n    \"banner\"\n    \"content\"}.app-layout__app-bar{--swirl-tab-bar-border-width:0;--swirl-tab-bar-height:3.5rem;display:flex;min-width:0;align-items:center;border-bottom:var(--s-border-width-default) solid transparent;background-color:var(--s-background-default);grid-area:app-bar;gap:var(--s-space-8)}.app-layout__bottom-bar{display:none;min-width:0;align-items:center;background-color:var(--s-background-default);grid-area:bottom-bar}.app-layout__back-to-navigation-button{padding-left:var(--s-space-8)}@media (min-width: 768px){.app-layout__back-to-navigation-button{display:none}}.app-layout__banner{grid-area:banner}.app-layout__app-bar-content{min-width:0;flex-grow:1}.app-layout__custom-app-bar-back-button{display:none;padding-left:var(--s-space-8)}.app-layout__app-bar-controls{display:none;padding-right:var(--s-space-8)}@media (min-width: 768px){.app-layout__app-bar-controls{padding-right:var(--s-space-16)}}.app-layout__content{overflow:auto;background-color:var(--s-background-default);grid-area:content}.app-layout__sidebar{z-index:3;display:grid;width:100%;height:100%;border-left:var(--s-border-width-default) solid var(--s-border-default);grid-area:sidebar;grid-template-rows:var(--header-height) 1fr;grid-template-areas:\"sidebar-header\"\n    \"sidebar-content\"}@media (min-width: 768px){.app-layout__sidebar{animation:app-layout-slide-in 0.3s}@media (prefers-reduced-motion){.app-layout__sidebar{animation:none}}}@media (min-width: 1800px){.app-layout__sidebar{width:25rem;animation:none}}.app-layout__custom-sidebar-header{display:none;min-width:0;border-bottom:var(--s-border-width-default) solid transparent;background-color:var(--s-background-default);grid-area:sidebar-header}.app-layout__sidebar-header{display:flex;min-width:0;padding-top:var(--s-space-12);padding-right:var(--s-space-8);padding-bottom:var(--s-space-12);padding-left:var(--s-space-8);align-items:center;border-bottom:var(--s-border-width-default) solid transparent;background-color:var(--s-background-default);grid-area:sidebar-header;gap:var(--s-space-8)}@media (min-width: 768px){.app-layout__sidebar-header{padding-right:var(--s-space-16);padding-left:var(--s-space-16)}}.app-layout__sidebar-heading{min-width:0;flex-grow:1}.app-layout__sidebar-heading .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-layout__sidebar-close-button{margin-left:calc(-1 * var(--s-space-4))}.app-layout__sidebar-content{overflow-y:auto;background-color:var(--s-background-default);grid-area:sidebar-content}@keyframes app-layout-nav-overlay-slide-in-desktop{from{width:0}to{width:22.5rem}}@keyframes app-layout-nav-overlay-slide-in-large-desktop{from{width:0}to{width:25rem}}@media (max-width: 767px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__grid,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__grid{grid-template-columns:100%;grid-template-areas:\"header\"\n          \"navigation\"}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{position:absolute;top:0;left:0;display:grid;width:100%;transform:translate3d(100%, 0, 0)}}@media (max-width: 767px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header{display:flex}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{display:block}}@media (max-width: 991px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__grid,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__grid{grid-template-columns:100%;grid-template-areas:\"body\"\n          \"body\"}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{position:absolute;top:0;left:0;display:grid;border-left:var(--s-border-width-default) solid var(--s-border-default)}}@media (max-width: 991px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{display:grid}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{display:grid}}@media (max-width: 767px){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__navigation,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation:app-layout-slide-out 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__navigation,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation:none}}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation:app-layout-slide-in 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation:none}}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body:after,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body:after{position:absolute;top:0;right:100%;bottom:0;display:block;width:100%;background-color:rgba(0, 0, 0, 0.3);content:\"\";animation:app-layout-fade-in 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body:after,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body:after{animation:none}}}@media (max-width: 767px){.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body:after{animation-direction:reverse}}@media (max-width: 991px){.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation:app-layout-slide-out 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation:none}}.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation:app-layout-slide-in 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation:none}}.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar:after,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar:after{position:absolute;top:0;right:100%;bottom:0;display:block;width:100%;background-color:rgba(0, 0, 0, 0.3);content:\"\";animation:app-layout-fade-in 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar:after,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar:after{animation:none}}}@media (max-width: 991px){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar:after{animation-direction:reverse}}@media (max-width: 767px){.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation:app-layout-scale-in 0.3s}@media (prefers-reduced-motion){.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation:none}}}@media (max-width: 767px){.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation-direction:reverse}}@media (max-width: 991px){.app-layout--transition-style-dialog.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation:app-layout-scale-in 0.3s}@media (prefers-reduced-motion){.app-layout--transition-style-dialog.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation:none}}}@media (max-width: 991px){.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation-direction:reverse}}@keyframes app-layout-sidebar-overlay-slide-out{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(100%, 0, 0)}}@keyframes app-layout-slide-in{0%{transform:translate3d(100%, 0, 0)}100%{transform:translate3d(0, 0, 0)}}@keyframes app-layout-slide-out{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(-20%, 0, 0)}}@keyframes app-layout-fade-in{0%{opacity:0}100%{opacity:1}}@keyframes app-layout-scale-in{from{transform:scale(0);box-shadow:0 0 0 100rem rgba(0, 0, 0, 0)}to{transform:scale(1);box-shadow:0 0 0 100rem rgba(0, 0, 0, 0.25)}}@keyframes app-layout-sidebar-slide-in{from{overflow:hidden;grid-template-columns:25rem 1fr 0}to{overflow:hidden;grid-template-columns:25rem 1fr 25rem}}@keyframes app-layout-sidebar-slide-in-with-collapsed-nav{from{overflow:hidden;grid-template-columns:0 1fr 0}to{overflow:hidden;grid-template-columns:0 1fr 25rem}}@keyframes app-layout-sidebar-slide-out{from{overflow:hidden;grid-template-columns:25rem 1fr 25rem}to{overflow:hidden;grid-template-columns:25rem 1fr 0}}@keyframes app-layout-sidebar-slide-out-with-collapsed-nav{from{overflow:hidden;grid-template-columns:0 1fr 25rem}to{overflow:hidden;grid-template-columns:0 1fr 0}}@keyframes app-layout-no-nav-sidebar-slide-in{from{overflow:hidden;grid-template-columns:1fr 0}to{overflow:hidden;grid-template-columns:1fr 25rem}}@keyframes app-layout-no-nav-sidebar-slide-out{from{overflow:hidden;grid-template-columns:1fr 25rem}to{overflow:hidden;grid-template-columns:1fr 0}}";
+const swirlAppLayoutCss = ":host{--header-height:3.5625rem;position:relative;z-index:1;display:flex;width:100%;height:100%}:host *{box-sizing:border-box}.app-layout{display:flex;overflow:hidden;width:100%;height:100%;margin-right:auto;margin-left:auto}.app-layout__grid{position:relative;display:grid;width:100%;height:100%;grid-template-columns:100%;grid-template-rows:var(--header-height) 1fr;grid-template-areas:\"body\"\n    \"body\"}.app-layout:not(.app-layout--has-navigation) .app-layout__header,.app-layout:not(.app-layout--has-navigation) .app-layout__navigation{display:none}.app-layout:not(.app-layout--has-sidebar) .app-layout__sidebar{display:none}@media (max-width: 767px){.app-layout:not(.app-layout--mobile-view-body) .app-layout__body{display:none}}@media (max-width: 767px){.app-layout:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar{display:none}}.app-layout:not(.app-layout--has-app-bar-mobile-menu-button) .app-layout__app-bar-mobile-menu-button{display:none}.app-layout--has-navigation .app-layout__grid{grid-template-columns:100%;grid-template-areas:\"header\"\n      \"navigation\"}@media (min-width: 768px){.app-layout--has-navigation .app-layout__grid{grid-template-columns:min(50%, 22.5rem) 1fr;grid-template-areas:\"header body\"\n        \"navigation body\"}}@media (min-width: 1440px){.app-layout--has-navigation .app-layout__grid{grid-template-columns:min(50%, 25rem) 1fr}}@media (min-width: 768px){.app-layout--has-navigation .app-layout__app-bar-mobile-menu-button{display:none}}@media (min-width: 992px){.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-collapsed .app-layout__grid{grid-template-columns:0 1fr}.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__grid{grid-template-columns:0 1fr}.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__header,.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__navigation{position:absolute;z-index:4;top:0;left:0;width:22.5rem;animation:app-layout-nav-overlay-slide-in-desktop 0.1s;animation-fill-mode:forwards}.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__header:after{position:absolute;z-index:1;top:0;left:calc(100% + var(--s-border-width-default));display:block;width:2rem;height:100vh;background-image:linear-gradient(\n              to right,\n              rgba(0, 0, 0, 0.05) 0,\n              rgba(0, 0, 0, 0) 80%,\n              rgba(0, 0, 0, 0) 100%\n            );content:\"\"}.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__navigation{z-index:3;bottom:0}}@media (min-width: 1440px){.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__header,.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__navigation{width:25rem;animation:app-layout-nav-overlay-slide-in-large-desktop 0.1s}}@media (min-width: 768px){.app-layout--has-sidebar:not(.app-layout--has-navigation).app-layout--sidebar-opening .app-layout__grid{animation:app-layout-no-nav-sidebar-slide-in 0.3s}@media (prefers-reduced-motion){.app-layout--has-sidebar:not(.app-layout--has-navigation).app-layout--sidebar-opening .app-layout__grid{animation:none}}}@media (min-width: 768px){.app-layout--has-sidebar:not(.app-layout--has-navigation).app-layout--sidebar-closing .app-layout__grid{animation:app-layout-no-nav-sidebar-slide-out 0.3s}@media (prefers-reduced-motion){.app-layout--has-sidebar:not(.app-layout--has-navigation).app-layout--sidebar-closing .app-layout__grid{animation:none}}}@media (min-width: 768px){.app-layout--has-sidebar.app-layout--sidebar-active .app-layout__grid,.app-layout--has-sidebar.app-layout--sidebar-opening .app-layout__grid{grid-template-columns:1fr min(50%, 25rem);grid-template-areas:\"body sidebar\"\n          \"body sidebar\"}}.app-layout--has-sidebar .app-layout__grid{grid-template-columns:100%;grid-template-areas:\"body\"\n      \"body\"}@media (min-width: 1800px){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-opening .app-layout__grid,.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-active .app-layout__grid{grid-template-columns:25rem 1fr 25rem;grid-template-areas:\"header body sidebar\"\n          \"navigation body sidebar\"}}@media (min-width: 1800px){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-opening .app-layout__grid{animation:app-layout-sidebar-slide-in 0.3s;animation-fill-mode:forwards}@media (prefers-reduced-motion){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-opening .app-layout__grid{animation:none}}.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-opening.app-layout--nav-collapsed .app-layout__grid,.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-opening.app-layout--nav-overlayed .app-layout__grid{animation:app-layout-sidebar-slide-in-with-collapsed-nav 0.3s}}@media (min-width: 1800px){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-closing .app-layout__grid{animation:app-layout-sidebar-slide-out 0.3s}@media (prefers-reduced-motion){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-closing .app-layout__grid{animation:none}}.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-closing.app-layout--nav-collapsed .app-layout__grid,.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-closing.app-layout--nav-overlayed .app-layout__grid{animation:app-layout-sidebar-slide-out-with-collapsed-nav 0.3s}}@media (min-width: 768px){.app-layout--has-navigation.app-layout--has-sidebar .app-layout__grid{grid-template-columns:min(50%, 22.5rem) 1fr;grid-template-areas:\"header body\"\n        \"navigation body\"}}@media (min-width: 992px){.app-layout--has-navigation.app-layout--has-sidebar .app-layout__grid{grid-template-columns:22.5rem 1fr}}@media (min-width: 1440px){.app-layout--has-navigation.app-layout--has-sidebar .app-layout__grid{grid-template-columns:25rem 1fr}}@media (min-width: 992px){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--nav-collapsible.app-layout--nav-collapsed .app-layout__grid{grid-template-columns:0 1fr}.app-layout--has-navigation.app-layout--has-sidebar.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__grid{grid-template-columns:0 1fr}}@media (min-width: 768px) and (max-width: 1799px){.app-layout--has-navigation.app-layout--has-sidebar .app-layout__sidebar{position:absolute;top:0;right:0;bottom:0;width:min(40%, 25rem);border-left:var(--s-border-width-default) solid var(--s-border-default);box-shadow:var(--s-shadow-level-3)}}@media (max-width: 767px){.app-layout--mobile-view-navigation .app-layout__grid{grid-template-areas:\"header\"\n        \"navigation\"}.app-layout--mobile-view-navigation .app-layout__body,.app-layout--mobile-view-navigation .app-layout__sidebar{display:none}}@media (max-width: 767px){.app-layout--mobile-view-body .app-layout__grid{grid-template-areas:\"body\"\n        \"body\"}.app-layout--mobile-view-body .app-layout__header,.app-layout--mobile-view-body .app-layout__navigation,.app-layout--mobile-view-body .app-layout__sidebar{display:none}}@media (max-width: 767px){.app-layout--mobile-view-sidebar .app-layout__grid{grid-template-areas:\"sidebar\"\n        \"sidebar\"}.app-layout--mobile-view-sidebar .app-layout__header,.app-layout--mobile-view-sidebar .app-layout__navigation,.app-layout--mobile-view-sidebar .app-layout__body{display:none}}.app-layout--has-sidebar:not(.app-layout--sidebar-active):not(.app-layout--sidebar-opening) .app-layout__sidebar{display:none}@media (min-width: 768px){.app-layout--sidebar-closing .app-layout__sidebar{animation:app-layout-sidebar-overlay-slide-out 0.3s}@media (prefers-reduced-motion){.app-layout--sidebar-closing .app-layout__sidebar{animation:none}}}@media (min-width: 1800px){.app-layout--sidebar-closing .app-layout__sidebar{animation:none}}.app-layout--has-app-bar-controls .app-layout__app-bar-controls{display:block}.app-layout--has-bottom-bar .app-layout__body{grid-template-rows:minmax(var(--header-height), auto) auto 1fr auto;grid-template-areas:\"app-bar\"\n      \"banner\"\n      \"content\"\n      \"bottom-bar\"}.app-layout--has-bottom-bar .app-layout__content{border-bottom:var(--s-border-width-default) solid transparent}.app-layout--has-bottom-bar .app-layout__bottom-bar{display:block}.app-layout--has-custom-app-bar-back-button .app-layout__custom-app-bar-back-button{display:block}.app-layout--has-custom-sidebar-header .app-layout__sidebar-header{display:none}.app-layout--has-custom-sidebar-header .app-layout__custom-sidebar-header{display:block}.app-layout--has-floating-action-button .app-layout__floating-action-button{display:block}.app-layout--hide-app-bar .app-layout__body{grid-template-rows:auto 1fr;grid-template-areas:\"banner\"\n      \"content\"\n      \"bottom-bar\"}.app-layout--content-scrollable:not(.app-layout--content-scrolled-to-top) .app-layout__app-bar{border-bottom-color:var(--s-border-default)}.app-layout--content-scrollable.app-layout--has-bottom-bar:not(.app-layout--content-scrolled-to-bottom) .app-layout__content{border-bottom-color:var(--s-border-default)}.app-layout--nav-scrollable:not(.app-layout--nav-scrolled-to-top) .app-layout__header{border-bottom-color:var(--s-border-default)}.app-layout--sidebar-scrollable:not(.app-layout--sidebar-scrolled-to-top) .app-layout__sidebar-header,.app-layout--sidebar-scrollable:not(.app-layout--sidebar-scrolled-to-top) .app-layout__custom-sidebar-header{border-bottom-color:var(--s-border-default)}.app-layout__header{z-index:1;display:flex;min-width:0;height:var(--header-height);padding-top:var(--s-space-12);padding-right:var(--s-space-8);padding-bottom:var(--s-space-12);padding-left:var(--s-space-8);align-items:center;border-bottom:var(--s-border-width-default) solid transparent;background-color:var(--s-background-default);grid-area:header;gap:var(--s-space-8)}@media (min-width: 768px){.app-layout__header{border-right:var(--s-border-width-default) solid var(--s-border-default)}}@media (min-width: 992px){.app-layout__header{padding-right:var(--s-space-16);padding-left:var(--s-space-16)}}.app-layout__app-name{min-width:0}.app-layout__app-name .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-layout__app-bar-mobile-menu-button,.app-layout__navigation-mobile-menu-button{flex-shrink:0}@media (min-width: 992px){.app-layout__app-bar-mobile-menu-button,.app-layout__navigation-mobile-menu-button{display:none}}.app-layout__app-bar-mobile-menu-button{padding-left:var(--s-space-8)}@media (min-width: 768px){.app-layout__app-bar-mobile-menu-button{padding-left:0}}.app-layout__navigation-back-button{margin-left:calc(-1 * var(--s-space-4))}.app-layout__floating-action-button{position:absolute;z-index:4;right:var(--s-space-16);bottom:var(--s-space-16);display:none}.app-layout__navigation-controls{flex-shrink:0}.app-layout__navigation{z-index:1;overflow-y:auto;border-right:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);grid-area:navigation}.app-layout__nav-overlay-toggle,.app-layout__nav-expansion-toggle{display:none}@media (min-width: 992px){.app-layout__nav-overlay-toggle,.app-layout__nav-expansion-toggle{display:block}}.app-layout__nav-expansion-toggle{padding-left:var(--s-space-16)}.app-layout__body{z-index:2;display:grid;width:100%;height:100%;grid-area:body;grid-template-rows:minmax(var(--header-height), auto) auto 1fr;grid-template-areas:\"app-bar\"\n    \"banner\"\n    \"content\"}.app-layout__app-bar{--swirl-tab-bar-border-width:0;--swirl-tab-bar-height:3.5rem;display:flex;min-width:0;align-items:center;border-bottom:var(--s-border-width-default) solid transparent;background-color:var(--s-background-default);grid-area:app-bar;gap:var(--s-space-8)}.app-layout__bottom-bar{display:none;min-width:0;align-items:center;background-color:var(--s-background-default);grid-area:bottom-bar}.app-layout__back-to-navigation-button{padding-left:var(--s-space-8)}@media (min-width: 768px){.app-layout__back-to-navigation-button{display:none}}.app-layout__banner{grid-area:banner}.app-layout__app-bar-content{min-width:0;flex-grow:1}.app-layout__custom-app-bar-back-button{display:none;padding-left:var(--s-space-8)}.app-layout__app-bar-controls{display:none;padding-right:var(--s-space-8)}@media (min-width: 768px){.app-layout__app-bar-controls{padding-right:var(--s-space-16)}}.app-layout__content{overflow:auto;background-color:var(--s-background-default);grid-area:content}.app-layout__sidebar{z-index:3;display:grid;width:100%;height:100%;border-left:var(--s-border-width-default) solid var(--s-border-default);grid-area:sidebar;grid-template-rows:var(--header-height) 1fr;grid-template-areas:\"sidebar-header\"\n    \"sidebar-content\"}@media (min-width: 768px){.app-layout__sidebar{animation:app-layout-slide-in 0.3s}@media (prefers-reduced-motion){.app-layout__sidebar{animation:none}}}@media (min-width: 1800px){.app-layout__sidebar{width:25rem;animation:none}}.app-layout__custom-sidebar-header{display:none;min-width:0;border-bottom:var(--s-border-width-default) solid transparent;background-color:var(--s-background-default);grid-area:sidebar-header}.app-layout__sidebar-header{display:flex;min-width:0;padding-top:var(--s-space-12);padding-right:var(--s-space-8);padding-bottom:var(--s-space-12);padding-left:var(--s-space-8);align-items:center;border-bottom:var(--s-border-width-default) solid transparent;background-color:var(--s-background-default);grid-area:sidebar-header;gap:var(--s-space-8)}@media (min-width: 768px){.app-layout__sidebar-header{padding-right:var(--s-space-16);padding-left:var(--s-space-16)}}.app-layout__sidebar-heading{min-width:0;flex-grow:1}.app-layout__sidebar-heading .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-layout__sidebar-close-button{margin-left:calc(-1 * var(--s-space-4))}.app-layout__sidebar-content{overflow-y:auto;background-color:var(--s-background-default);grid-area:sidebar-content}@keyframes app-layout-nav-overlay-slide-in-desktop{from{width:0}to{width:22.5rem}}@keyframes app-layout-nav-overlay-slide-in-large-desktop{from{width:0}to{width:25rem}}@media (max-width: 767px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__grid,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__grid{grid-template-columns:100%;grid-template-areas:\"header\"\n          \"navigation\"}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{position:absolute;top:0;left:0;display:grid;width:100%;transform:translate3d(100%, 0, 0)}}@media (max-width: 767px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header{display:flex}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{display:block}}@media (max-width: 991px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__grid,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__grid{grid-template-columns:100%;grid-template-areas:\"body\"\n          \"body\"}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{position:absolute;top:0;left:0;display:grid;border-left:var(--s-border-width-default) solid var(--s-border-default)}}@media (max-width: 991px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{display:grid}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{display:grid}}@media (max-width: 767px){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__navigation,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation:app-layout-slide-out 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__navigation,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation:none}}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation:app-layout-slide-in 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation:none}}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body:after,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body:after{position:absolute;top:0;right:100%;bottom:0;display:block;width:100%;background-color:rgba(0, 0, 0, 0.3);content:\"\";animation:app-layout-fade-in 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body:after,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body:after{animation:none}}}@media (max-width: 767px){.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body:after{animation-direction:reverse}}@media (max-width: 991px){.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation:app-layout-slide-out 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation:none}}.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation:app-layout-slide-in 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation:none}}.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar:after,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar:after{position:absolute;top:0;right:100%;bottom:0;display:block;width:100%;background-color:rgba(0, 0, 0, 0.3);content:\"\";animation:app-layout-fade-in 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar:after,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar:after{animation:none}}}@media (max-width: 991px){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar:after{animation-direction:reverse}}@media (max-width: 767px){.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation:app-layout-scale-in 0.3s}@media (prefers-reduced-motion){.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation:none}}}@media (max-width: 767px){.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation-direction:reverse}}@media (max-width: 991px){.app-layout--transition-style-dialog.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation:app-layout-scale-in 0.3s}@media (prefers-reduced-motion){.app-layout--transition-style-dialog.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation:none}}}@media (max-width: 991px){.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation-direction:reverse}}@keyframes app-layout-sidebar-overlay-slide-out{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(100%, 0, 0)}}@keyframes app-layout-slide-in{0%{transform:translate3d(100%, 0, 0)}100%{transform:translate3d(0, 0, 0)}}@keyframes app-layout-slide-out{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(-20%, 0, 0)}}@keyframes app-layout-fade-in{0%{opacity:0}100%{opacity:1}}@keyframes app-layout-scale-in{from{transform:scale(0);box-shadow:0 0 0 100rem rgba(0, 0, 0, 0)}to{transform:scale(1);box-shadow:0 0 0 100rem rgba(0, 0, 0, 0.25)}}@keyframes app-layout-sidebar-slide-in{from{overflow:hidden;grid-template-columns:25rem 1fr 0}to{overflow:hidden;grid-template-columns:25rem 1fr 25rem}}@keyframes app-layout-sidebar-slide-in-with-collapsed-nav{from{overflow:hidden;grid-template-columns:0 1fr 0}to{overflow:hidden;grid-template-columns:0 1fr 25rem}}@keyframes app-layout-sidebar-slide-out{from{overflow:hidden;grid-template-columns:25rem 1fr 25rem}to{overflow:hidden;grid-template-columns:25rem 1fr 0}}@keyframes app-layout-sidebar-slide-out-with-collapsed-nav{from{overflow:hidden;grid-template-columns:0 1fr 25rem}to{overflow:hidden;grid-template-columns:0 1fr 0}}@keyframes app-layout-no-nav-sidebar-slide-in{from{overflow:hidden;grid-template-columns:1fr 0}to{overflow:hidden;grid-template-columns:1fr 25rem}}@keyframes app-layout-no-nav-sidebar-slide-out{from{overflow:hidden;grid-template-columns:1fr 25rem}to{overflow:hidden;grid-template-columns:1fr 0}}";
 const SwirlAppLayoutStyle0 = swirlAppLayoutCss;
 
 const SWIRL_APP_LAYOUT_NAV_EXPANSION_STATE_STORAGE_KEY = "SWIRL_APP_LAYOUT_NAV_EXPANSION_STATE";

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

@@ -29,7 +29,7 @@ const SwirlAvatarGroup$1 = /*@__PURE__*/ proxyCustomElement(class SwirlAvatarGro
             "avatar-group--has-badge": Boolean(this.badge),
         });
         const badgeClassName = classNames("avatar-group__badge");
-        return (h(Host, { key: '78018239a1c8f9278ef5a8abfd2dbc311b76c825' }, h("div", { key: '94ade5b8ac0c59495932de68c674a168574d1d18', class: className, role: "group" }, h("slot", { key: '935d17128ed1a22965d69cd3ce08f5a2b672c5f7' }), this.badge && (h("span", { key: '622c34ba05bb395f49c21406c7652e678c49189c', class: badgeClassName, innerHTML: this.badge, ref: (el) => (this.badgeEl = el) })))));
+        return (h(Host, { key: 'ee93884ec830922eb0f88fd180b3116742bb9318' }, h("div", { key: '1de7e9116d5a60a7bd353b94186e918cc75c0203', class: className, role: "group" }, h("slot", { key: '567c7109f9000b1fe86beb4800519629a6a8f4f8' }), this.badge && (h("span", { key: 'f68101c5ee62d48a92005b27f8090ef72ec2c578', class: badgeClassName, innerHTML: this.badge, ref: (el) => (this.badgeEl = el) })))));
     }
     static get style() { return SwirlAvatarGroupStyle0; }
 }, [1, "swirl-avatar-group", {

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

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

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

@@ -458,11 +458,11 @@ const SwirlColorInput$1 = /*@__PURE__*/ proxyCustomElement(class SwirlColorInput
         const className = classNames("color-input", {
             "color-input--inline": this.inline,
         });
-        return (h(Host, { key: 'bc57ec96cf0ff668339f39dddfb47c414fa8c1e5' }, h("div", { key: 'a95fd7bed226abb450a619fad33ee20bca2820e8', class: className }, h("input", { key: '4258a0ff5056c20551b97e0c10059f6135162058', "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: '2d15dd236ad6ee2b8460fdd274c0570bcad41237', swirlPopover: this.pickerId }, h("button", { key: 'f7e8b065cf4097335c9d9b700213720d118c3b7b', "aria-label": this.pickerButtonLabel, class: "color-input__preview-button", style: {
+        return (h(Host, { key: '9cbbc130769bb07f9abef8e5030d746be9fbb1c7' }, h("div", { key: 'cb1cd75170b21f476dc6290c04eb946c67396b37', class: className }, h("input", { key: 'eff7e07e138b4b2d45230a95bfc16cbf8a3cf012', "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: '0a56b8b12f05a5faba7b59650bc5ae9919629598', swirlPopover: this.pickerId }, h("button", { key: 'a24c9dfbf6dc5c0dd5a4ed8a8accd45b9c41632e', "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: '9b4b295fe4bc8e3e8dff9c24a0b0a721f45e36af', animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, h("swirl-box", { key: '5567baaf023384901b2f4b6a99c9ea7d8ef02e94', centerInline: true, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, h("hex-color-picker", { key: 'f0320d15cfccc76de04357c7e7d7f40fbfb20148', color: this.value, ref: (el) => (this.picker = el) }))))));
+            }, type: "button" })), h("swirl-popover", { key: '77c628645f2ae414f8b8f37ca77dab1817ef1dd9', animation: "scale-in-y", id: this.pickerId, label: this.pickerLabel, placement: "bottom-end" }, h("swirl-box", { key: 'a81c049105203982611d99288ddc14a127805b96', centerInline: true, paddingBlockEnd: "8", paddingBlockStart: "8", paddingInlineEnd: "16", paddingInlineStart: "16" }, h("hex-color-picker", { key: 'd30fdbb1934a36e6ba7a05ad02d1834ccaed1531', color: this.value, ref: (el) => (this.picker = el) }))))));
     }
     static get watchers() { return {
         "value": ["watchValue"]

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

@@ -126,11 +126,11 @@ const SwirlConsoleLayout$1 = /*@__PURE__*/ proxyCustomElement(class SwirlConsole
             "console-layout--sidebar-active": this.sidebarActive,
             "console-layout--empty-app-bar": !Boolean(this.appName) && !this.showHelpButton,
         });
-        return (h(Host, { key: 'c1b758ad245bd022657e526f08bd9f3dc0fe6335' }, h("div", { key: '95d3a1e759dd4cf3c19dd15a7cfd40d6690edf61', class: className, onClick: this.onClick, onKeyDown: this.onKeyDown }, h("header", { key: 'cad75ddf36657fbcef65e143b31d7232234bb7ba', "aria-hidden": String(!this.sidebarActive), class: "console-layout__sidebar", ref: (el) => (this.sidebarEl = el) }, h("div", { key: '8738846e08f4a0d037d96d2427a069016bd1bd20', class: "console-layout__header" }, h("div", { key: '18ba83dcaa72f6742f67d3ae411460f902d1a422', class: "console-layout__logo" }, h("svg", { key: 'b08b89b3842d372db4803ff212245b51789f8b8b', 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: 'e21f5c1f89f25825fe90ffff640a7e189c5f443c', 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: 'd22307f5349e0730459058d49c07d698f23c9979', 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: '3c84ba987421435ec6cc598dce1c3a92d1e17b4a', 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: '769278b88013d6593a523e6d752dd00d195dabaa', d: "M12.2072 10.9785L7.32419 10.1459L0.625 14.0709L5.38887 14.9629L12.2072 10.9785Z", fill: "#80A8F4" })), h("swirl-text", { key: 'ae2146da16068290f352b47a1273cd5a692abc7a', class: "console-layout__logo-text", weight: "medium" }, this.logoText))), h("nav", { key: '2a83c8ea8d27a90cf5421a32c662697e1d2cfd6e', "aria-label": this.navigationLabel, class: "console-layout__navigation" }, h("slot", { key: 'b3b282c2170a4863f6bee4b43d4640668988961a', name: "navigation" })), h("div", { key: '85595e0bf37e7b61e1068c7123f0cd956f1965dd', class: "console-layout__user" }, h("slot", { key: 'cca595839cd794b89648756e91b76a2dd8f68cc6', name: "user" }))), h("main", { key: 'b39da5df85c9644e1ab6c41af4ba42c12be00eef', "aria-labelledby": Boolean(this.appName) ? "app-name" : undefined, class: "console-layout__main" }, h("header", { key: '4c0742a0934f533069841d97e13493cba1d92687', class: "console-layout__app-bar" }, h("span", { key: '9f3d93b8f7fc7820f5982508cbbbdc1e8fc2c810', class: "console-layout__mobile-navigation-button" }, h("swirl-button", { key: '61fc64852a416b23c3dcdf25e90597601df06dd7', swirlAriaExpanded: String(this.sidebarActive), hideLabel: true, icon: this.sidebarActive
+        return (h(Host, { key: '1b8532183ba6d66bd5a4a9d1f709001a1923e08b' }, h("div", { key: '3e53c45b98331a229fa2dc8fe2b2cfdba3688616', class: className, onClick: this.onClick, onKeyDown: this.onKeyDown }, h("header", { key: '4fde463dfe05fb3c12dc0c72158ac1643f7bbc66', "aria-hidden": String(!this.sidebarActive), class: "console-layout__sidebar", ref: (el) => (this.sidebarEl = el) }, h("div", { key: '4f8bdb7b6924853c802cde518581d4547c7b82be', class: "console-layout__header" }, h("div", { key: 'd98251ae129a514316335a43fbb088852a2b54e3', class: "console-layout__logo" }, h("svg", { key: 'fdaf4c79db11589c3f058a38c763da3fd5b932d4', 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: 'fb1caf8d7289501bd6fd9ee0e1887efe12d6810c', 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: '33a6a00e8e2c1b66c6e1d2f6ece4497afbb44e60', 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: '3bd303f088b4901bbcc8caf43e9ca6729a166c80', 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: 'e4f32b721bd2a3c9a66a36fc6a5dd96270d264b9', d: "M12.2072 10.9785L7.32419 10.1459L0.625 14.0709L5.38887 14.9629L12.2072 10.9785Z", fill: "#80A8F4" })), h("swirl-text", { key: '9dea75358d4a09ee5e984c6e269635db0b5ba46a', class: "console-layout__logo-text", weight: "medium" }, this.logoText))), h("nav", { key: '3f62f68ccf00b893df050c336544d950e32118f5', "aria-label": this.navigationLabel, class: "console-layout__navigation" }, h("slot", { key: 'a1748b72ebcdbb76054b7d9e3a81393adcfe48aa', name: "navigation" })), h("div", { key: 'abdb6e85bd25e120041ad23690397f80e3df3e97', class: "console-layout__user" }, h("slot", { key: '4995314bfc9fb8bf8c1f8cb1bcad51d82cb29e7f', name: "user" }))), h("main", { key: '6b9b91729a9eb889a6e29686fec9d3d33ba388f5', "aria-labelledby": Boolean(this.appName) ? "app-name" : undefined, class: "console-layout__main" }, h("header", { key: 'd8a3c70f90156f1f390bac8f3f94475e0f94fdea', class: "console-layout__app-bar" }, h("span", { key: 'c47889f461e457d9eec25fb0cc96a3c1a478fe9d', class: "console-layout__mobile-navigation-button" }, h("swirl-button", { key: 'c65a2340e3b0803d571921e3adacf045ead75ad3', 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: 'ba9a5043aa327b141e69061ed07387230094a1f4', class: "console-layout__app-name" }, this.appName && (h("swirl-heading", { key: 'dde6006825234fc6b242151ebc3d5215a0fac006', as: "h1", headingId: "app-name", level: 4, text: this.appName }))), this.showHelpButton && (h("swirl-button", { key: '6374b3788af4e3eb5b1aad8d1807acf5b0e25b8d', class: "console-layout__help-button", hideLabel: true, icon: "<swirl-icon-help></swirl-icon-help>", label: this.helpButonLabel, onClick: this.onHelpButtonClick }))), h("section", { key: '137230b322fe5382ca626dede3867d32089602d3', "aria-labelledby": "heading", class: "console-layout__content", style: contentStyles }, h("header", { key: 'aa055784fc4b91e4f6d722f96e95156f69949092', class: "console-layout__content-header" }, this.showBackButton && (h("swirl-button", { key: '24c1519afb1e22612d238f157a7c52ce91d1af15', 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: 'ad3b761a07d6b8bf16eeb2622a66f24f09a717e1', class: "console-layout__heading-container" }, h("swirl-heading", { key: '2e8dacb981bb49547ed212d2c54778f16d7e125e', as: Boolean(this.appName) ? "h2" : "h1", class: "console-layout__heading", headingId: "heading", level: 1, text: this.heading }), this.subheading && (h("swirl-text", { key: '8ed914b94bb65159cae4a0e7ede02142eaab2d18', class: "console-layout__subheading", color: "subdued" }, this.subheading)))), !Boolean(this.heading) && (h("div", { key: '252adf38bbcb2b67012873a41a32ad902078c215', class: "console-layout__heading-container" }, h("slot", { key: '8e0c3e9e127e8351eea264a4365fac4eee772a8e', name: "heading" }))), h("div", { key: 'fa46067f10afc98a5972d47b3c30fdae072c0b28', class: "console-layout__content-header-tools" }, h("slot", { key: '858229681f110298267942f0c0f879e09df6c16d', name: "content-header-tools" }))), h("div", { key: '380e5a52ad4bccc19799eb39a71d40d9cf830cb8', class: "console-layout__integration" }, h("slot", { key: '782a7249da08c352199f444ee1c715f46d520305', name: "content" }))), h("div", { key: '6fe33a4bcbe2c71b6fecbab9bfa9b78668131434', class: "console-layout__overlays" }, h("slot", { key: '57edf109fcd1d74c711baba09f5437dfadb4e441', name: "overlays" }))))));
+                : this.showNavigationButtonLabel, onClick: this.onMobileNavigationToggleClick })), h("div", { key: '3794f40fc7dfee661eef4a9755c2982b6007da96', class: "console-layout__app-name" }, this.appName && (h("swirl-heading", { key: '14db2c869ba1d45b21a041fafb4e3ef3b44cc71e', as: "h1", headingId: "app-name", level: 4, text: this.appName }))), this.showHelpButton && (h("swirl-button", { key: '2a0e7f7b8281ffab556af0940d02151cd5be1299', class: "console-layout__help-button", hideLabel: true, icon: "<swirl-icon-help></swirl-icon-help>", label: this.helpButonLabel, onClick: this.onHelpButtonClick }))), h("section", { key: '2aaa96dd96587104561d6b16e1fc593fd3f15120', "aria-labelledby": "heading", class: "console-layout__content", style: contentStyles }, h("header", { key: '56e5315d404071d3616765f536403b3ef55ae92e', class: "console-layout__content-header" }, this.showBackButton && (h("swirl-button", { key: '627d09652cf5c7293bfb87a66a09448671c37db1', 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: 'baefadeade7871da77f7871ec86aba6a5d6151c0', class: "console-layout__heading-container" }, h("swirl-heading", { key: 'd177715e79aa88147722e4585cf83812215fe77d', as: Boolean(this.appName) ? "h2" : "h1", class: "console-layout__heading", headingId: "heading", level: 1, text: this.heading }), this.subheading && (h("swirl-text", { key: '821c06bbc6758577eab63eaf2b993010fb2e15e5', class: "console-layout__subheading", color: "subdued" }, this.subheading)))), !Boolean(this.heading) && (h("div", { key: '688cf19884f1ad13a9a3c3f703c747514a4a0d64', class: "console-layout__heading-container" }, h("slot", { key: 'ad329d34722f30cd6dc4def967848dcefde9802a', name: "heading" }))), h("div", { key: '9e714918ba191527342c2f573bee1c002beb3462', class: "console-layout__content-header-tools" }, h("slot", { key: '1b9c05091176a3df4285713709abc7c0576bb512', name: "content-header-tools" }))), h("div", { key: '9fa1d137e1bf5270082b86fd682da93268eccfee', class: "console-layout__integration" }, h("slot", { key: '508943e762b632c02cf41542794258903d129f59', name: "content" }))), h("div", { key: '1ee7197af51fd46577d5420fb95f60ac06ae97c3', class: "console-layout__overlays" }, h("slot", { key: '1fc9af93148c6dc0002f3ee6497c282d75a93df8', name: "overlays" }))))));
     }
     get el() { return this; }
     static get style() { return SwirlConsoleLayoutStyle0; }

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

@@ -160,7 +160,7 @@ const SwirlDateInput$1 = /*@__PURE__*/ proxyCustomElement(class SwirlDateInput e
         const className = classNames("date-input", {
             "date-input--inline": this.inline,
         });
-        return (h(Host, { key: 'e9d635db3a168b95fcca96188056b49207c8e91b' }, h("div", { key: '20c70165f47384f4874137123e52ce33d94e55fd', class: className }, h("input", { key: '704ed89602be3fb69f924d54ff5b20bd7c757354', "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: '64af677a7835454f386cae65a8a6064da6bd0033', swirlPopover: `popover-${this.id}` }, h("button", { key: 'e25604a9d3715f22cf6b12687cffd6e1a212f796', "aria-label": this.datePickerTriggerLabel, class: "date-input__date-picker-button", disabled: this.disabled, type: "button" }, h("swirl-icon-today", { key: '0236505d92419cb3731de9dd36564ec7b2bebe2b', size: this.iconSize })))), !this.disabled && (h("swirl-popover", { key: '3855a4097c021893c273164dbe63ebc6a09b8b89', 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: '08fbc95483cc5f48acbd07467ba129aceef13bfd', disableDate: this.datePickerDisableDate, firstDayOfWeek: this.firstDayOfWeek, labels: this.labels, locale: this.locale, onValueChange: this.onPickDate, value: dateValue, startDate: dateValue })))));
+        return (h(Host, { key: '77fe4be2c092b33264ce40554916b5c458812060' }, h("div", { key: '3300e405958d5bb6cee168793b5f1425e8b7a6a3', class: className }, h("input", { key: '86b9624847eaf1a160f29cd5f40be82a219fb4a8', "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: 'c62211670166522525b89998b024e1a18f8172db', swirlPopover: `popover-${this.id}` }, h("button", { key: '0420a6147f0d42bddc31ad3f37a5d65c5722dbfd', "aria-label": this.datePickerTriggerLabel, class: "date-input__date-picker-button", disabled: this.disabled, type: "button" }, h("swirl-icon-today", { key: '37576bf109969bbc5290b4c273c0598879b64db2', size: this.iconSize })))), !this.disabled && (h("swirl-popover", { key: 'c562c97194b4fdee552f7745c44fc9adea72cfd9', 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: 'acf899fd20b7e32c699fb0d217f1845cd5aff818', disableDate: this.datePickerDisableDate, firstDayOfWeek: this.firstDayOfWeek, labels: this.labels, locale: this.locale, onValueChange: this.onPickDate, value: dateValue, startDate: dateValue })))));
     }
     get el() { return this; }
     static get watchers() { return {

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

@@ -44,7 +44,7 @@ const SwirlDatePicker = /*@__PURE__*/ proxyCustomElement(class SwirlDatePicker e
         const startDate = this.startDate instanceof Date
             ? getISODateString(this.startDate)
             : undefined;
-        return (h(Host, { key: '647b445e4757ec9d05878dba55e2155e333092b2', onClick: this.onClick }, h("wc-datepicker", { key: 'd7eb1f7133265fc4e7576bfef28168dbd99ff980', 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: 'dc07bfe8e8e49cdeaaaf793c65674f71f736da19', onClick: this.onClick }, h("wc-datepicker", { key: 'c0d7cbbdf332f6cf6bd3d1f9575af0e4d992b19c', elementClassName: "date-picker", disableDate: this.disableDate, firstDayOfWeek: this.firstDayOfWeek, labels: this.labels, locale: this.locale, onSelectDate: this.onSelectDate, range: this.range, startDate: startDate, value: this.value })));
     }
     get el() { return this; }
     static get style() { return SwirlDatePickerStyle0; }

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

@@ -24,7 +24,7 @@ const SwirlDescriptionListItem$1 = /*@__PURE__*/ proxyCustomElement(class SwirlD
             "description-list-item--has-additional-content": hasAdditionalContent,
             "description-list-item--has-tools": hasTools,
         });
-        return (h(Host, { key: '7aeddd25b119a169b9cd2c29cdda495dedb87c38', role: "listitem" }, h("div", { key: 'a2b9205979a1179b3bd855d5c712f6dbf0e1e654', class: className, part: "description-list-item", role: "group" }, h("div", { key: 'bf7af656f9b33ec18e3af090d4446dbde9a3bc14', class: "description-list-item__inner" }, h("div", { key: 'b1633f9cf4ba4cedb98fc820f8c765da41c129e2', class: "description-list-item__text-container" }, h("div", { key: '90ac544fd97cdb777d180b6b144ca984db302b22', class: "description-list-item__term", part: "description-list-item__term", role: "term" }, this.term, this.tooltip && (h("span", { key: 'b25700db1e35b8e43cdf818f665ebec87c49fa32', class: "description-list-item__tooltip" }, h("swirl-tooltip", { key: 'd1fd31249175d208410a59780cac1e6deb341cce', content: this.tooltip, position: "right" }, h("swirl-icon-info", { key: '43d0a6d32a31f29ac24af3b03fa069283677b347', size: 16, tabIndex: 0 }))))), h("div", { key: '740fa8b3bbe78dd2776217411b00a7e026d4a96d', style: { maxWidth: this.maxWidth }, class: "description-list-item__description", role: "definition" }, h("slot", { key: '47dfe3909e58ce08b17b09064f1c2265aafa0f56' }))), h("div", { key: 'b75cdd492a79b38163b63da4b307ddb6956f9df4', class: "description-list-item__tools" }, h("slot", { key: '681fff8c243276c1c4c8dd144a62e679e58065e2', name: "tools" }))), h("div", { key: 'e92d04c18d98a6464bb711a78448d60f8efcf470', class: "description-list-item__additional-content" }, h("slot", { key: '96c0c4b12fffa95a63bd3c042838983148306739', name: "additional-content" })))));
+        return (h(Host, { key: '011574bdeaffa191f4ee4690a3070049b9cbf997', role: "listitem" }, h("div", { key: 'e59a14e547233e990f78b005779b6da7109d068e', class: className, part: "description-list-item", role: "group" }, h("div", { key: 'eecf77f335a97f4471a05f2da913dba8af098662', class: "description-list-item__inner" }, h("div", { key: 'eff340c253db51b212f84860aa0276d13298cf09', class: "description-list-item__text-container" }, h("div", { key: '5e46460c6fdc32a6d8a6c08ad4923eea7e068f22', class: "description-list-item__term", part: "description-list-item__term", role: "term" }, this.term, this.tooltip && (h("span", { key: 'b188d7ede6f770636b383c952e7bad52f5ee3b67', class: "description-list-item__tooltip" }, h("swirl-tooltip", { key: '204a9491d2e1b3c9c955e0375bf34fa6840e8493', content: this.tooltip, position: "right" }, h("swirl-icon-info", { key: '6c0493a38ac04679442bf934f56a99224de8bf54', size: 16, tabIndex: 0 }))))), h("div", { key: 'f697ebb9d6e00c85d92698a512948787b15001ad', style: { maxWidth: this.maxWidth }, class: "description-list-item__description", role: "definition" }, h("slot", { key: 'a0fa3f3637e89f3c44f1a4e7a9025c9c329cd0fe' }))), h("div", { key: '761d72571a0cd913264b51f56ff9f37e32c85e1c', class: "description-list-item__tools" }, h("slot", { key: '8bb2b5246c79471880729b75d1e05dd70bf495c2', name: "tools" }))), h("div", { key: 'ba979ac4505ca1494b8e6e0a399c57a5f361d248', class: "description-list-item__additional-content" }, h("slot", { key: 'b0128497210ff73c0b68a7e3f28ef55e9e9d730e', name: "additional-content" })))));
     }
     get el() { return this; }
     static get style() { return SwirlDescriptionListItemStyle0; }

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

@@ -10,7 +10,7 @@ const SwirlDescriptionList$1 = /*@__PURE__*/ proxyCustomElement(class SwirlDescr
         this.__attachShadow();
     }
     render() {
-        return (h(Host, { key: '28f657a655140047f5696a1707330c24e94e60d4' }, h("div", { key: '03ee1235c0c2e93352cd715a7273d30fbfceafc8', class: "description-list", role: "list" }, h("slot", { key: '03acd0eee6178bc7b6a1b0e8d712dec4549f4f4e' }))));
+        return (h(Host, { key: '30798626816ac4dd33d3b45bebedcd971592dc4b' }, h("div", { key: '9d4eb0f6ab39af4a484e0585c0aa9d659750feb8', class: "description-list", role: "list" }, h("slot", { key: '73db1112b1e2cfa80e58f3df00cd2cd4a22ffc2a' }))));
     }
     static get style() { return SwirlDescriptionListStyle0; }
 }, [1, "swirl-description-list"]);

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

@@ -14,7 +14,7 @@ const SwirlEmojiClap$1 = /*@__PURE__*/ proxyCustomElement(class SwirlEmojiClap e
     }
     render() {
         const className = classNames("emoji", `emoji--size-${this.size}`);
-        return (h(Fragment, { key: '2bb4272cde91b63f5f3403271723882f1b7c703a' }, this.size === 16 && (h("img", { key: '1f6475eea13646818a37763e8c2dd3e6b0c82e18', alt: this.label, class: className, height: "16", src: "emojis/Clap16.png", width: "16" })), this.size === 20 && (h("img", { key: '2c7123291eb055a31df9b650802ea766bb3a048a', alt: this.label, class: className, height: "20", src: "emojis/Clap20.png", width: "20" })), this.size === 24 && (h("img", { key: '98d2dd933d7eebba110c8c43a0d9d2f85fad195f', alt: this.label, class: className, height: "24", src: "emojis/Clap24.png", width: "24" })), this.size === 32 && (h("img", { key: 'bedd692af0253ddd702518e88ceab3f412a75713', alt: this.label, class: className, height: "32", src: "emojis/Clap32.png", width: "32" }))));
+        return (h(Fragment, { key: '50155b76a8d9872c563c7df3484ff1488a707430' }, this.size === 16 && (h("img", { key: '4f2c058133389adbb098b4cbc63f0d5b6b56a01d', alt: this.label, class: className, height: "16", src: "emojis/Clap16.png", width: "16" })), this.size === 20 && (h("img", { key: 'bd132ecc39387cf5605ee43efe271abdecc78ada', alt: this.label, class: className, height: "20", src: "emojis/Clap20.png", width: "20" })), this.size === 24 && (h("img", { key: '7b9aed4ddd73ea4da5e18eccea1e9bb4d579a9fe', alt: this.label, class: className, height: "24", src: "emojis/Clap24.png", width: "24" })), this.size === 32 && (h("img", { key: 'faa7a849c49942016950c30452eebfd6d214dcf0', alt: this.label, class: className, height: "32", src: "emojis/Clap32.png", width: "32" }))));
     }
     static get style() { return SwirlEmojiClapStyle0; }
 }, [1, "swirl-emoji-clap", {

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

@@ -14,7 +14,7 @@ const SwirlEmojiHappy$1 = /*@__PURE__*/ proxyCustomElement(class SwirlEmojiHappy
     }
     render() {
         const className = classNames("emoji", `emoji--size-${this.size}`);
-        return (h(Fragment, { key: '84f8c44e3124bacb5fb5a1504a7b12fa0697d30e' }, this.size === 16 && (h("img", { key: '4e6bbb9b9f03bde12fbecb508c9e70d2dabb0aac', alt: this.label, class: className, height: "16", src: "emojis/Happy16.png", width: "16" })), this.size === 20 && (h("img", { key: '1a813b5f8b8dce04e73c7664074a04ee5920eea8', alt: this.label, class: className, height: "20", src: "emojis/Happy20.png", width: "20" })), this.size === 24 && (h("img", { key: '10545d465f45801574b43980ef5f2153531688e7', alt: this.label, class: className, height: "24", src: "emojis/Happy24.png", width: "24" })), this.size === 32 && (h("img", { key: 'f6e387f0d7a5901bf41c9603beede9a63a00a77a', alt: this.label, class: className, height: "32", src: "emojis/Happy32.png", width: "32" }))));
+        return (h(Fragment, { key: '0c1cdfb1df56931c6818ac404aba2a6ef1fc56c8' }, this.size === 16 && (h("img", { key: '8644d99175816af48842f8ee454e8a31e53f9c2d', alt: this.label, class: className, height: "16", src: "emojis/Happy16.png", width: "16" })), this.size === 20 && (h("img", { key: '4e774a810ba3e508ae679cf8f4a6a1ff6231ea0f', alt: this.label, class: className, height: "20", src: "emojis/Happy20.png", width: "20" })), this.size === 24 && (h("img", { key: '3a0569345f3ed4d07a724c7b0c7451d62adaa979', alt: this.label, class: className, height: "24", src: "emojis/Happy24.png", width: "24" })), this.size === 32 && (h("img", { key: 'caaeb66cbdf0772fb34be7e28e801f72c4874a60', alt: this.label, class: className, height: "32", src: "emojis/Happy32.png", width: "32" }))));
     }
     static get style() { return SwirlEmojiHappyStyle0; }
 }, [1, "swirl-emoji-happy", {

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

@@ -14,7 +14,7 @@ const SwirlEmojiIdea$1 = /*@__PURE__*/ proxyCustomElement(class SwirlEmojiIdea e
     }
     render() {
         const className = classNames("emoji", `emoji--size-${this.size}`);
-        return (h(Fragment, { key: 'e365c38c77a759598ab89e154a16cb8ce3502ad7' }, this.size === 16 && (h("img", { key: '041681cb193b3a86c8b84eea6a663241746d727b', alt: this.label, class: className, height: "16", src: "emojis/Idea16.png", width: "16" })), this.size === 20 && (h("img", { key: '1a61e00f35e52f9583d8cf117bcc85337d1198fa', alt: this.label, class: className, height: "20", src: "emojis/Idea20.png", width: "20" })), this.size === 24 && (h("img", { key: '2c69542bbc9aeebddc055f068e4a4e64ca8c5eeb', alt: this.label, class: className, height: "24", src: "emojis/Idea24.png", width: "24" })), this.size === 32 && (h("img", { key: '7f175ab8cfbf0bedf736231feaea5c87186110d8', alt: this.label, class: className, height: "32", src: "emojis/Idea32.png", width: "32" }))));
+        return (h(Fragment, { key: 'cc5251f4d26bd487b5b5b77e3828b2ce13a56bfa' }, this.size === 16 && (h("img", { key: '5eed545da9d300fdcf9e4d40be7d95f4f2ccd3d4', alt: this.label, class: className, height: "16", src: "emojis/Idea16.png", width: "16" })), this.size === 20 && (h("img", { key: 'cbe0e494f60a3a0c582f784d6769256954c32a96', alt: this.label, class: className, height: "20", src: "emojis/Idea20.png", width: "20" })), this.size === 24 && (h("img", { key: '0f4378a1d517b2725f4cb8b2101ef839039be298', alt: this.label, class: className, height: "24", src: "emojis/Idea24.png", width: "24" })), this.size === 32 && (h("img", { key: '5386750053096da1a3215aa6168a1db16a69b94e', alt: this.label, class: className, height: "32", src: "emojis/Idea32.png", width: "32" }))));
     }
     static get style() { return SwirlEmojiIdeaStyle0; }
 }, [1, "swirl-emoji-idea", {

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

@@ -14,7 +14,7 @@ const SwirlEmojiLove$1 = /*@__PURE__*/ proxyCustomElement(class SwirlEmojiLove e
     }
     render() {
         const className = classNames("emoji", `emoji--size-${this.size}`);
-        return (h(Fragment, { key: '0b9730272400622f74bd0a0cce3b59df8acd2c39' }, this.size === 16 && (h("img", { key: '4494bd2f245ff9ed8f5dff3d21516960cef21110', alt: this.label, class: className, height: "16", src: "emojis/Love16.png", width: "16" })), this.size === 20 && (h("img", { key: 'c2b40caf37f06c92d755f22d8e18be9d231f7e49', alt: this.label, class: className, height: "20", src: "emojis/Love20.png", width: "20" })), this.size === 24 && (h("img", { key: '698c9c7b59b5d34a125231b0383743e4a6ec404a', alt: this.label, class: className, height: "24", src: "emojis/Love24.png", width: "24" })), this.size === 32 && (h("img", { key: '9bade355b505ae1190d3aaf3219cdd692d712e2c', alt: this.label, class: className, height: "32", src: "emojis/Love32.png", width: "32" }))));
+        return (h(Fragment, { key: '3986ac0b093b2c9601eb2c53a309cd29b7469784' }, this.size === 16 && (h("img", { key: '514ba8af0daa5ba9ebd88e5d8d51ed79cb9be340', alt: this.label, class: className, height: "16", src: "emojis/Love16.png", width: "16" })), this.size === 20 && (h("img", { key: '0ed4315d1fae4d867c997f12e469dcd6bcb63a64', alt: this.label, class: className, height: "20", src: "emojis/Love20.png", width: "20" })), this.size === 24 && (h("img", { key: 'd20450b28536f6019ce70134f7b9427f88639ddb', alt: this.label, class: className, height: "24", src: "emojis/Love24.png", width: "24" })), this.size === 32 && (h("img", { key: '44913c99a237ec4aab925c5b078fc33457f1215e', alt: this.label, class: className, height: "32", src: "emojis/Love32.png", width: "32" }))));
     }
     static get style() { return SwirlEmojiLoveStyle0; }
 }, [1, "swirl-emoji-love", {

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

@@ -14,7 +14,7 @@ const SwirlEmojiSad$1 = /*@__PURE__*/ proxyCustomElement(class SwirlEmojiSad ext
     }
     render() {
         const className = classNames("emoji", `emoji--size-${this.size}`);
-        return (h(Fragment, { key: '765dc46b8f9891d0b83a81d26eb41bdce292c351' }, this.size === 16 && (h("img", { key: '60a837fdaaa1589182633d7e76fb6f768013a283', alt: this.label, class: className, height: "16", src: "emojis/Sad16.png", width: "16" })), this.size === 20 && (h("img", { key: '4d982f103d7423533a3f92054db477c63f7c3cac', alt: this.label, class: className, height: "20", src: "emojis/Sad20.png", width: "20" })), this.size === 24 && (h("img", { key: '7c7408a99d955b8472bbf4de1671e75677952e3e', alt: this.label, class: className, height: "24", src: "emojis/Sad24.png", width: "24" })), this.size === 32 && (h("img", { key: '9a716988ad1aef8ce4f586b971bfa279ca0b4430', alt: this.label, class: className, height: "32", src: "emojis/Sad32.png", width: "32" }))));
+        return (h(Fragment, { key: 'a7aa208584a144c7307bd57aa5af3b2b44a06422' }, this.size === 16 && (h("img", { key: 'f2f131996d410c6fff35ce99bc58583086d1d8cd', alt: this.label, class: className, height: "16", src: "emojis/Sad16.png", width: "16" })), this.size === 20 && (h("img", { key: 'eb610f6f6a484db33f06da8a855904f9069b6277', alt: this.label, class: className, height: "20", src: "emojis/Sad20.png", width: "20" })), this.size === 24 && (h("img", { key: '765ba46e6d85d7c1bb39d6eeeab538171368ccf1', alt: this.label, class: className, height: "24", src: "emojis/Sad24.png", width: "24" })), this.size === 32 && (h("img", { key: 'c1ea2cbbc1b363b785e3058b08a04b98b32553e4', alt: this.label, class: className, height: "32", src: "emojis/Sad32.png", width: "32" }))));
     }
     static get style() { return SwirlEmojiSadStyle0; }
 }, [1, "swirl-emoji-sad", {

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

@@ -14,7 +14,7 @@ const SwirlEmojiThumbsUp$1 = /*@__PURE__*/ proxyCustomElement(class SwirlEmojiTh
     }
     render() {
         const className = classNames("emoji", `emoji--size-${this.size}`);
-        return (h(Fragment, { key: 'cf621889a5844649b07edcc4e20a095c2ac3ce3e' }, this.size === 16 && (h("img", { key: '5aa4ec40f0033bff1ea4857ff8650f9318c68ab5', alt: this.label, class: className, height: "16", src: "emojis/ThumbsUp16.png", width: "16" })), this.size === 20 && (h("img", { key: 'e32564c5b69df78ae7d3c2adff57d2f18023cb68', alt: this.label, class: className, height: "20", src: "emojis/ThumbsUp20.png", width: "20" })), this.size === 24 && (h("img", { key: 'b462e9aa003e3ba6215d9a7d0e92cf6417588056', alt: this.label, class: className, height: "24", src: "emojis/ThumbsUp24.png", width: "24" })), this.size === 32 && (h("img", { key: 'f87fe3ffc52c05be9b25ebf64b0fd33845d7c9cb', alt: this.label, class: className, height: "32", src: "emojis/ThumbsUp32.png", width: "32" }))));
+        return (h(Fragment, { key: '5a62ecb07a33df09aa7f624f088a46a6caafcb62' }, this.size === 16 && (h("img", { key: 'e899caaf31ef028d9f13120bf77e5c16c5fb5571', alt: this.label, class: className, height: "16", src: "emojis/ThumbsUp16.png", width: "16" })), this.size === 20 && (h("img", { key: 'ffa5ec08722e96f0bae22494bdf8975f7bc53318', alt: this.label, class: className, height: "20", src: "emojis/ThumbsUp20.png", width: "20" })), this.size === 24 && (h("img", { key: 'f45eb3656b4ef3cfd3d2ac0f82c704176dc54f1e', alt: this.label, class: className, height: "24", src: "emojis/ThumbsUp24.png", width: "24" })), this.size === 32 && (h("img", { key: 'bc5728c4f7a5406e9fd408be71e73c51db65fb1f', alt: this.label, class: className, height: "32", src: "emojis/ThumbsUp32.png", width: "32" }))));
     }
     static get style() { return SwirlEmojiThumbsUpStyle0; }
 }, [1, "swirl-emoji-thumbs-up", {

package/dist/components/swirl-emoji.js

@@ -14,7 +14,7 @@ const SwirlEmoji$1 = /*@__PURE__*/ proxyCustomElement(class SwirlEmoji extends H
     }
     render() {
         const Tag = `swirl-emoji-${this.name}`;
-        return (h(Host, { key: 'f3f21ffc39bbbdf4848893cd29161cf5e23130e7' }, h(Tag, { key: '8376782cc728b02c73004a937f7b4b13e392d7bf', label: this.label, size: this.size })));
+        return (h(Host, { key: '963f5b84ab6c5504e90d2ee87dedf73025db215c' }, h(Tag, { key: '55f60d5ba9ab46f3858f0c9cdbaaf904753f6170', label: this.label, size: this.size })));
     }
     static get style() { return SwirlEmojiStyle0; }
 }, [1, "swirl-emoji", {

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

@@ -22,7 +22,7 @@ const SwirlEmptyState = /*@__PURE__*/ proxyCustomElement(class SwirlEmptyState e
             "empty-state--has-controls": hasControls,
             "empty-state--has-slotted-illustration": hasSlottedIllustration,
         });
-        return (h(Host, { key: '2d08744e37b4b88ca9e26aab4cdb8fb2bbc1180e' }, h("div", { key: 'ea04c59e605482c692544d1cc0d4aef067b8f6a3', class: className }, this.illustration && !hasSlottedIllustration && (h("img", { key: '8962c0b15ea5feebe37b8fa95bbfcc97b0694021', alt: "", class: "empty-state__illustration", src: this.illustration })), h("div", { key: '3664c87b27a5f478296d340ab42770ad5ed2393a', class: "empty-state__slotted-illustration" }, h("slot", { key: '228289165b52b299a36fd2b344148d45b7a58ef9', name: "illustration" })), h("div", { key: '0a8127b3e40384a3e48c8c1c2d871d88b3da34a0', class: "empty-state__body" }, h("swirl-stack", { key: 'f6b79940f462b2f624d2d8aea1c8d68218552b07', align: "stretch", spacing: "8" }, this.heading && (h("swirl-heading", { key: 'c344a88a43b5d9790410d7a2d43ee478b3ad9bd5', align: "center", as: "p", level: 4, text: this.heading })), h("div", { key: 'f9acf0f57a4920f711ffdc8fcf29dff01a9d6e93', class: "empty-state__content" }, h("swirl-text", { key: '450e250246304af3c6ddc65c5727281139ee899e', align: "center", color: "subdued" }, h("slot", { key: '9022393031eb9f02cd14738036055e6d3fb377b5' })))), h("div", { key: '11fc901a1a058aaaaed091bf389a7acdd7fa718d', class: "empty-state__controls" }, h("slot", { key: '3b7c38bcba36202e7400b14fd1b319956fd47b7f', name: "controls" }))))));
+        return (h(Host, { key: 'b4a892bd1bc8fe9e72d6a6f79cbe97d6e46dc796' }, h("div", { key: '84e458299144bfc1a5ea7f0a49f423c1badb87ae', class: className }, this.illustration && !hasSlottedIllustration && (h("img", { key: 'a2e9c5a2fb09519d3b0d5ebb772605e55d1d9909', alt: "", class: "empty-state__illustration", src: this.illustration })), h("div", { key: '21d53ea6644e3e583f7d207e89b942ef658a5a59', class: "empty-state__slotted-illustration" }, h("slot", { key: '6a204b9dbd882d5d86ffc27e99e4d68050b4c212', name: "illustration" })), h("div", { key: 'd1bb44b459382e4361f68ba71fd46d73deda3a75', class: "empty-state__body" }, h("swirl-stack", { key: 'cb615e86e5adbdf3ad7bf837836291d451a1249a', align: "stretch", spacing: "8" }, this.heading && (h("swirl-heading", { key: '6ddc1eeddd61492988b10fe447ca6d7d1952319f', align: "center", as: "p", level: 4, text: this.heading })), h("div", { key: '38fb704015115470c36785801f2385c8e29e7e6e', class: "empty-state__content" }, h("swirl-text", { key: '7da3102751ea1dc3d3c7528ba91be019f60ade50', align: "center", color: "subdued" }, h("slot", { key: '72d787fcb0c11a7e836311cff8cb3b9c1dc5b612' })))), h("div", { key: 'bfdbe58ab7fdf0b8d012bb38c72bd253b68cf9d0', class: "empty-state__controls" }, h("slot", { key: 'e4463b52534ea97ee50a7e4c478c129dea36531d', name: "controls" }))))));
     }
     get el() { return this; }
     static get style() { return SwirlEmptyStateStyle0; }

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

@@ -47,10 +47,10 @@ const SwirlFileUploader$1 = /*@__PURE__*/ proxyCustomElement(class SwirlFileUplo
             "file-uploader--disabled": this.disabled,
             "file-uploader--show-dropzone": this.showDropzone,
         });
-        return (h(Host, { key: 'ebb1485a0b4aa6fd4193a686e3b1c97e60a21e6d' }, h("div", { key: '961b6a541566b282a912f7cc8d3af747bd2ed1c5', class: className }, h("label", { key: '045e1dcc57466ee44828e5d0a1e8bdb72836991d', class: "file-uploader__label", htmlFor: this.inputId, id: `${this.inputId}-label` }, this.label), this.description && (h("span", { key: '2629298e3a76e41d2db32137d5748bec4822996a', class: "file-uploader__description", id: `${this.inputId}-description` }, this.description)), h("div", { key: 'b63be139a329f174298ac9ba245319e399b946c9', class: "file-uploader__dropzone" }, this.showDropzone ? ([
+        return (h(Host, { key: '683caece4e691bf8527b0e63e3f6349ce330bd48' }, h("div", { key: 'a2ded8d83c5aa9164c05f814ee29b80b2e616910', class: className }, h("label", { key: 'dfc1eb26245c2961c2fc4cacc7f58f42f4597f5d', class: "file-uploader__label", htmlFor: this.inputId, id: `${this.inputId}-label` }, this.label), this.description && (h("span", { key: 'e8609696714e95c46fe19c9eca0fd3a211482daa', class: "file-uploader__description", id: `${this.inputId}-description` }, this.description)), h("div", { key: 'db6cbbb8f0038a94e285d8bbca3746f555d80e55', 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: '63eccab1dd08f312753af0328c31bcda28d31641', 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: 'c24f0521d39a9110f2c3795a99b0575dcd7e1356', accept: this.accept, "aria-describedby": ariaDescribedby, "aria-disabled": this.disabled, autoComplete: "off", class: "file-uploader__input", disabled: this.disabled, id: this.inputId, multiple: this.multiple, name: this.inputName, onChange: this.onChange, ref: (el) => (this.inputEl = el), tabIndex: tabIndex, type: "file" })))));
     }
     static get style() { return SwirlFileUploaderStyle0; }
 }, [2, "swirl-file-uploader", {

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

@@ -17,7 +17,7 @@ const SwirlFileViewerAudio = /*@__PURE__*/ proxyCustomElement(class SwirlFileVie
         this.activate.emit(this.el);
     }
     render() {
-        return (h(Host, { key: '6a0aabe6f2cf6331fff9777c647ff4e332076e75', class: "file-viewer-audio" }, h("audio", { key: '85cc9c0f6c2c06786e1399125990efaba1c478ff', autoplay: this.autoplay, class: "file-viewer-audio__audio", controls: true }, h("source", { key: 'e5fb71c96ab572179f71d8bf186a26ec016c1d28', src: this.file, type: this.type }))));
+        return (h(Host, { key: 'ce775c5eae43ddfa140f44deb9dfc577b654b5d6', class: "file-viewer-audio" }, h("audio", { key: 'a871fc14c5e8b83f77b921ad69dadfa01b38305a', autoplay: this.autoplay, class: "file-viewer-audio__audio", controls: true }, h("source", { key: '03abb0eee036ffda689378a0ad569831aa15652e', src: this.file, type: this.type }))));
     }
     get el() { return this; }
     static get style() { return SwirlFileViewerAudioStyle0; }

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

@@ -63,7 +63,7 @@ const SwirlFileViewerCsv = /*@__PURE__*/ proxyCustomElement(class SwirlFileViewe
         }
     }
     render() {
-        return (h(Host, { key: '6429baaf715ee74d0f5269ed98da499cf5f2d706', class: "file-viewer-csv", exportparts: "file-viewer-csv__table" }, this.error && (h("swirl-inline-error", { key: 'fd8fef276579b0252e8e5c3a13fdd5ad6bd7ae41', class: "file-viewer-csv__error", message: this.errorMessage })), h("div", { key: 'abf93811a115beb92ef77a03f1396c55c14867b1', class: "file-viewer-csv__csv", tabIndex: 0 }, h("table", { key: 'd2d23da93ed7161c6f0214f8ffe769bf5862afeb', class: "file-viewer-csv__table", part: "file-viewer-csv__table" }, h("tbody", { key: 'a71c915a1aea0e5f947cb097bd279458d6cf8646' }, 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: '517ec06a46315557c7395c081204887643bcebe9', class: "file-viewer-csv__spinner" }, h("swirl-spinner", { key: '77caf95a0e0f6e69862db65fac5cebc94c22f6ba' })))));
+        return (h(Host, { key: '4814cb6952083dd74acc1c9227abb8bffe96ca6d', class: "file-viewer-csv", exportparts: "file-viewer-csv__table" }, this.error && (h("swirl-inline-error", { key: 'dbe8a08488a5dfcd335e9c37f0752ffe99491e80', class: "file-viewer-csv__error", message: this.errorMessage })), h("div", { key: 'ce7d74f1c23b61be6ac442fc18962ade3a0fa94c', class: "file-viewer-csv__csv", tabIndex: 0 }, h("table", { key: '844600d986d5dda9909c0cb359578cef747b3e65', class: "file-viewer-csv__table", part: "file-viewer-csv__table" }, h("tbody", { key: '5f3d29f6ddc756c6d987e44d814eb061f0a7a06c' }, 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: '7c3615b83a13f36d80c689235d25ad0f850af30f', class: "file-viewer-csv__spinner" }, h("swirl-spinner", { key: 'b495802697e9547e9a13e9ea42bbf6c91fc91824' })))));
     }
     get el() { return this; }
     static get watchers() { return {

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

@@ -37,7 +37,7 @@ const SwirlFileViewerFallback = /*@__PURE__*/ proxyCustomElement(class SwirlFile
         this.activate.emit(this.el);
     }
     render() {
-        return (h(Host, { key: '00d275166ec559e9f2abf460e845c0311383bf16', class: "file-viewer-fallback" }, h("swirl-stack", { key: '24c1c2c0ff8a83b6daaebf24bce2df45988bcbd9', align: "center", height: "100%", justify: "center", spacing: "16" }, h("swirl-icon-file", { key: 'c9dc8f82dab2d386a98bb9e6c4797e8ffab0ffd3', class: "file-viewer-fallback__icon", color: "on-image", size: 28 }), this.fileName && (h("swirl-text", { key: 'adfb12229f7fadbc3df706a72dae3c9fb014bee3', color: "on-image", size: "lg", weight: "medium" }, this.fileName)), !this.disableDownload && (h("swirl-button", { key: 'ef8e660ef78b0303790d94999dd48145926dc393', 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: 'e37a07a630e0dec178643868399e9c40548d8f88', class: "file-viewer-fallback" }, h("swirl-stack", { key: '3ad4933d3b7d653b468499e589ac5ba51d2c844e', align: "center", height: "100%", justify: "center", spacing: "16" }, h("swirl-icon-file", { key: 'a266dbfee011d90e44be6b3857c6eedc115ac746', class: "file-viewer-fallback__icon", color: "on-image", size: 28 }), this.fileName && (h("swirl-text", { key: '3fbe33e9d7d9ceaea7ade26f980cf09618a73ad3', color: "on-image", size: "lg", weight: "medium" }, this.fileName)), !this.disableDownload && (h("swirl-button", { key: 'ecff10deaca09dd861f0b7b97bc7ab1638b8de06', download: this.fileName, href: this.file, icon: "<swirl-icon-download></swirl-icon-download>", label: this.downloadButtonLabel, onClick: this.download, variant: "on-image" })))));
     }
     get el() { return this; }
     static get style() { return SwirlFileViewerFallbackStyle0; }

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

@@ -189,7 +189,7 @@ const SwirlFileViewerImage = /*@__PURE__*/ proxyCustomElement(class SwirlFileVie
         return this.updateZoomAndPan(1);
     }
     render() {
-        return (h(Host, { key: 'dff5840d28122f8470ee155a30c68e469c963eb9', 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: '1984de2bde5b8dee355af249d79408f2cab4023a', class: "file-viewer-image__error", message: this.errorMessage })), h("img", { key: '2b2c6643d3e02f138efa6eff9165e31638c4d192', 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: '8aeb6067acc97c149a71f41c8950fb12838dfc2a', class: "file-viewer-image__spinner" }, h("swirl-spinner", { key: '3a48ae45d9d764c5dcff262cf5a3a4c4ef9108f0' })))));
+        return (h(Host, { key: '852f0eb41ed27d94b99614eef5fff3f34219c0ac', 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: '1c40e352d80412fe6e829d001635482060fd9e32', class: "file-viewer-image__error", message: this.errorMessage })), h("img", { key: 'ed3f526eaacdd11e99728ffbff42718189a274d6', 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: 'f84a5545cb9bd4d4434a67e2273869b59dd0e2f0', class: "file-viewer-image__spinner" }, h("swirl-spinner", { key: '99461646a37e564be87c28444ac2b51ea58edab2' })))));
     }
     get el() { return this; }
     static get watchers() { return {

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

@@ -39,7 +39,7 @@ const SwirlFileViewerText = /*@__PURE__*/ proxyCustomElement(class SwirlFileView
         }
     }
     render() {
-        return (h(Host, { key: '61cb4c19620d6a93aeb91e8c8628073f9e77c26a', class: "file-viewer-text", exportparts: "file-viewer-text__text" }, this.error && (h("swirl-inline-error", { key: '7c69ff7e13d7e68b473a37654660c6cbc4f8702b', class: "file-viewer-text__error", message: this.errorMessage })), h("pre", { key: 'd4f28eb37fd6a2a4f134b2d99f9f99d09ea91a77', class: "file-viewer-text__text", part: "file-viewer-text__text", tabIndex: 0 }, this.text), this.loading && (h("div", { key: 'c851e5a7deacb99e5e44c1125274d6eb9424a1e7', class: "file-viewer-text__spinner" }, h("swirl-spinner", { key: '78b9015bbe6df813742b48be3dfbd0485b18d90e' })))));
+        return (h(Host, { key: 'b47dcf426defbe466476433cd58360920a48e335', class: "file-viewer-text", exportparts: "file-viewer-text__text" }, this.error && (h("swirl-inline-error", { key: '9bc95dd0248ab92ee2f7a4351e7e6e37c40ec032', class: "file-viewer-text__error", message: this.errorMessage })), h("pre", { key: '65fd65f5ce61a8934c7fdeff4c913d197a0054cf', class: "file-viewer-text__text", part: "file-viewer-text__text", tabIndex: 0 }, this.text), this.loading && (h("div", { key: 'd71f62815149098191c21a20a7c20d253bad9a04', class: "file-viewer-text__spinner" }, h("swirl-spinner", { key: '29c11496062689e80c6f7821510b82e531336d4d' })))));
     }
     get el() { return this; }
     static get watchers() { return {