@getflip/swirl-components-react 0.236.0 → 0.237.0

package/dist/{swirl-app-layout_5.entry.6181f108.js → swirl-app-layout_5.entry.b19324dc.js}

@@ -1,43 +1,70 @@
-import { r as l, c as s, h as t, H as d, g as p, F as y } from "./index.fff64e3e.js";
-import { c as n } from "./index-267776a4.6beb4f4b.js";
-import { i as g, f, g as I } from "./utils-c16952ba.529dd544.js";
-import { S } from "./sortable.esm-8c3d5856.57c4f048.js";
-import { v as _ } from "./v4-23648a96.77c7c20f.js";
+import { r as n, c as r, h as a, H as d, g as p, F as h } from "./index.e1718062.js";
+import { c } from "./index-267776a4.6beb4f4b.js";
+import { g as _, d as y, i as g, f } from "./utils-c16952ba.529dd544.js";
+import { S as T } from "./sortable.esm-8c3d5856.57c4f048.js";
+import { v as w } from "./v4-23648a96.77c7c20f.js";
 import "react";
 import "react-dom";
-const D = `:host{--swirl-app-layout-border-visibility:hidden;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:3.5625rem 1fr;grid-template-areas:"body"
+const E = `: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"
     "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"
       "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"
-        "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: 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"
+        "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(
+              to right,
+              rgba(0, 0, 0, 0.05) 0,
+              rgba(0, 0, 0, 0) 80%,
+              rgba(0, 0, 0, 0) 100%
+            );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"
           "body sidebar"}}.app-layout--has-sidebar .app-layout__grid{grid-template-columns:100%;grid-template-areas:"body"
-      "body"}@media (min-width: 1800px){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-active .app-layout__grid{animation:app-layout-sidebar-slide-in 0.3s;grid-template-columns:25rem 1fr 25rem;grid-template-areas:"header body sidebar"
-          "navigation body sidebar"}@media (prefers-reduced-motion){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-active .app-layout__grid{animation:none}}}@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}}}@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"
-        "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: 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"
+      "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"
+          "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"
+        "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"
         "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"
         "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"
-        "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(3.5625rem, auto) auto 1fr auto;grid-template-areas:"app-bar"
+        "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"
       "banner"
       "content"
-      "bottom-bar"}.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"
-      "content"}.app-layout__header{z-index:1;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;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__body{z-index:2;display:grid;width:100%;height:100%;grid-area:body;grid-template-rows:minmax(3.5625rem, auto) auto 1fr;grid-template-areas:"app-bar"
+      "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"
+      "content"}.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"
     "banner"
-    "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;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:3.5625rem 1fr;grid-template-areas:"sidebar-header"
-    "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 var(--s-border-default);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;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}.app-layout__bordered-container-when-scrolled{animation:app-layout-detect-scroll;animation-fill-mode:none;scroll-timeline:--scroll-timeline y;animation-timeline:--scroll-timeline}.app-layout__bordered-container-when-scrolled:before,.app-layout__bordered-container-when-scrolled:after{position:sticky;z-index:1;top:0;display:block;width:100%;height:var(--s-border-width-default);background-color:var(--s-border-default);content:""}@supports (
-      (scroll-timeline: --scroll-timeline y) and
-        (animation-timeline: --scroll-timeline)
-    ){.app-layout__bordered-container-when-scrolled:before,.app-layout__bordered-container-when-scrolled:after{visibility:var(--swirl-app-layout-border-visibility);animation-name:app-layout-border-reveal;animation-fill-mode:both;animation-range:1px 1px;animation-timeline:--scroll-timeline}}.app-layout__bordered-container-when-scrolled:after{display:none;top:auto;bottom:0}.app-layout__bordered-container-when-scrolled--with-bottom:after{display:block;animation-direction:reverse;animation-range:calc(100% - 1px) calc(100% - 1px)}@keyframes app-layout-border-reveal{0%{background-color:transparent}100%{background-color:var(--s-border-default)}}@keyframes app-layout-detect-scroll{from,to{--swirl-app-layout-border-visibility:visible}}@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"
+    "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"
+    "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"
           "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"
-          "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-out{from{overflow:hidden;grid-template-columns:25rem 1fr 25rem}to{overflow:hidden;grid-template-columns:25rem 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}}`, A = D, M = class {
-  constructor(e) {
-    l(this, e), this.ctaClick = s(this, "ctaClick", 7), this.mobileViewChange = s(this, "mobileViewChange", 7), this.navigationBackButtonClick = s(this, "navigationBackButtonClick", 7), this.sidebarToggle = s(this, "sidebarToggle", 7), this.onBackToNavigationViewButtonClick = () => {
+          "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}}`, D = E, A = "SWIRL_APP_LAYOUT_NAV_EXPANSION_STATE", M = class {
+  constructor(t) {
+    n(this, t), this.ctaClick = r(this, "ctaClick", 7), this.mobileViewChange = r(this, "mobileViewChange", 7), this.navigationBackButtonClick = r(this, "navigationBackButtonClick", 7), this.navigationExpansionStateChange = r(this, "navigationExpansionStateChange", 7), this.sidebarToggle = r(this, "sidebarToggle", 7), this.desktopMediaQuery = _(), this.desktopMediaQueryHandler = (e) => {
+      this.isDesktop = e.matches;
+    }, this.onBackToNavigationViewButtonClick = () => {
       this.changeMobileView("navigation");
-    }, this.onCtaClick = (i) => {
-      this.ctaClick.emit(i);
-    }, this.onNavigationBackButtonClick = (i) => {
-      this.navigationBackButtonClick.emit(i);
+    }, this.onCtaClick = (e) => {
+      this.ctaClick.emit(e);
+    }, this.onNavigationBackButtonClick = (e) => {
+      this.navigationBackButtonClick.emit(e);
     }, this.onSidebarCloseButtonClick = () => {
       this.hideSidebar();
-    }, this.appName = void 0, this.backToNavigationViewButtonLabel = "Back to navigation", this.ctaIcon = void 0, this.ctaLabel = void 0, this.hasNavigation = void 0, this.hideAppBar = void 0, this.navigationBackButtonLabel = "Go back", this.navigationLabel = void 0, this.showNavigationBackButton = void 0, this.sidebarCloseButtonLabel = "Close sidebar", this.sidebarHeading = void 0, this.transitionStyle = "slides", this.hasCustomAppBarBackButton = void 0, this.hasSidebar = void 0, this.mobileView = "navigation", this.sidebarActive = void 0, this.sidebarClosing = void 0, this.transitioningFrom = void 0, this.transitioningTo = void 0;
+    }, this.onContentScroll = y(() => {
+      this.updateContentScrollState();
+    }, 16), this.onNavScroll = y(() => {
+      this.updateNavScrollState();
+    }, 16), this.onSidebarScroll = y(() => {
+      this.updateSidebarScrollState();
+    }, 16), this.toggleNavigation = () => {
+      if (!this.collapsibleNavigation)
+        return;
+      const e = this.navExpansionState === "expanded" ? "collapsed" : "expanded";
+      this.setCollapsibleNavigationState(e);
+    }, this.overlayNavigation = (e) => {
+      e.stopPropagation(), this.setCollapsibleNavigationState("overlayed");
+    }, this.appName = void 0, this.backToNavigationViewButtonLabel = "Back to navigation", this.collapsibleNavigation = void 0, this.ctaIcon = void 0, this.ctaLabel = void 0, this.hasNavigation = void 0, this.hideAppBar = void 0, this.navigationBackButtonLabel = "Go back", this.navigationExpansionStateStorageKey = A, this.navigationToggleLabel = "Toggle navigation", this.navigationOverlayLabel = "Show navigation", this.navigationLabel = void 0, this.showNavigationBackButton = void 0, this.sidebarCloseButtonLabel = "Close sidebar", this.sidebarHeading = void 0, this.transitionStyle = "slides", this.contentScrollState = {
+      scrollable: !1,
+      scrolledToTop: !1,
+      scrolledToBottom: !1
+    }, this.hasCustomAppBarBackButton = void 0, this.hasSidebar = void 0, this.isDesktop = void 0, this.mobileView = "navigation", this.navScrollState = {
+      scrollable: !1,
+      scrolledToTop: !1
+    }, this.navExpansionState = "expanded", this.sidebarActive = void 0, this.sidebarClosing = void 0, this.sidebarOpening = void 0, this.sidebarScrollState = {
+      scrollable: !1,
+      scrolledToTop: !1
+    }, this.transitioningFrom = void 0, this.transitioningTo = void 0;
   }
   componentWillLoad() {
     this.mutationObserver = new MutationObserver(() => {
@@ -46,48 +73,73 @@ const D = `:host{--swirl-app-layout-border-visibility:hidden;position:relative;z
       this.updateCustomAppBarBackButtonStatus(), this.updateSidebarStatus(), this.updateNavigationStatus(), this.checkMobileView();
     });
   }
+  componentDidLoad() {
+    this.desktopMediaQuery.onchange = this.desktopMediaQueryHandler, queueMicrotask(() => {
+      this.isDesktop = this.desktopMediaQuery.matches, this.restoreNavExpansionState(), this.updateContentScrollState(), this.updateSidebarScrollState(), this.updateNavScrollState();
+    });
+  }
   disconnectedCallback() {
-    var e;
-    (e = this.mutationObserver) == null || e.disconnect();
+    var t, e, i;
+    (e = (t = this.desktopMediaQuery).removeEventListener) == null || e.call(t, "change", this.desktopMediaQueryHandler), (i = this.mutationObserver) == null || i.disconnect();
+  }
+  onDocumentClick(t) {
+    if (!this.collapsibleNavigation || this.navExpansionState !== "overlayed")
+      return;
+    t.composedPath().includes(this.navEl) || t.composedPath().includes(this.headerEl) || this.setCollapsibleNavigationState("collapsed");
+  }
+  onKeyDown(t) {
+    t.key === "Escape" && this.navExpansionState === "overlayed" && this.setCollapsibleNavigationState("collapsed");
   }
   watchMobileView() {
     this.checkMobileView();
   }
   async showSidebar() {
-    this.sidebarActive || !this.hasSidebar || (this.sidebarActive = !0, this.changeMobileView("sidebar"), this.sidebarToggle.emit(!0));
+    if (this.sidebarActive || !this.hasSidebar)
+      return;
+    Boolean(this.sidebarOpeningTimeout) && clearTimeout(this.sidebarOpeningTimeout), this.sidebarOpening = !0;
+    const t = g() || f() ? 0 : 300;
+    this.sidebarOpeningTimeout = setTimeout(() => {
+      this.sidebarActive = !0, this.sidebarOpening = !1, this.changeMobileView("sidebar"), this.sidebarToggle.emit(!0);
+    }, t);
   }
   async hideSidebar() {
     if (!this.sidebarActive || !this.hasSidebar)
       return;
     Boolean(this.sidebarClosingTimeout) && clearTimeout(this.sidebarClosingTimeout), this.sidebarClosing = !0;
-    const e = g() || f() ? 0 : 300;
+    const t = g() || f() ? 0 : 300;
     this.sidebarClosingTimeout = setTimeout(() => {
       this.sidebarActive = !1, this.sidebarClosing = !1, this.changeMobileView("body"), this.sidebarToggle.emit(!1);
-    }, e);
+    }, t);
   }
   async toggleSidebar() {
     !this.hasSidebar || (this.sidebarActive ? this.hideSidebar() : this.showSidebar());
   }
-  async changeMobileView(e, i = !0) {
-    if (this.mobileView === e || e === "navigation" && !this.hasNavigation || e === "sidebar" && !this.hasSidebar)
+  async getCollapsibleNavigationState() {
+    return this.navExpansionState;
+  }
+  async setCollapsibleNavigationState(t) {
+    !this.collapsibleNavigation || (this.navExpansionState = t, this.navigationExpansionStateChange.emit(this.navExpansionState), localStorage.setItem(this.navigationExpansionStateStorageKey, this.navExpansionState));
+  }
+  async changeMobileView(t, e = !0) {
+    if (this.mobileView === t || t === "navigation" && !this.hasNavigation || t === "sidebar" && !this.hasSidebar)
       return;
-    if (!g() || !i) {
-      this.mobileView = e, this.mobileViewChange.emit(this.mobileView);
+    if (!g() || !e) {
+      this.mobileView = t, this.mobileViewChange.emit(this.mobileView);
       return;
     }
-    Boolean(this.transitionTimeout) && clearTimeout(this.transitionTimeout), this.transitioningFrom = this.mobileView, this.transitioningTo = e;
-    const r = f() ? 0 : this.transitionStyle === "slides" ? 400 : this.transitionStyle === "dialog" ? 300 : 0;
+    Boolean(this.transitionTimeout) && clearTimeout(this.transitionTimeout), this.transitioningFrom = this.mobileView, this.transitioningTo = t;
+    const l = f() ? 0 : this.transitionStyle === "slides" ? 400 : this.transitionStyle === "dialog" ? 300 : 0;
     this.transitionTimeout = setTimeout(() => {
-      this.mobileView = e, this.transitioningFrom = void 0, this.transitioningTo = void 0, this.mobileViewChange.emit(this.mobileView);
-    }, r);
+      this.mobileView = t, this.transitioningFrom = void 0, this.transitioningTo = void 0, this.mobileViewChange.emit(this.mobileView);
+    }, l);
   }
   checkMobileView() {
     if (this.mobileView === "navigation" && !this.hasNavigation || this.mobileView === "sidebar" && !this.hasSidebar) {
       this.mobileView = "body";
       return;
     }
-    const e = this.mobileView === "sidebar" || this.sidebarActive;
-    e !== this.sidebarActive && (e ? this.showSidebar() : this.hideSidebar());
+    const t = this.mobileView === "sidebar" || this.sidebarActive;
+    t !== this.sidebarActive && (t ? this.showSidebar() : this.hideSidebar());
   }
   updateNavigationStatus() {
     this.hasNavigation = Boolean(this.el.querySelector('[slot="navigation"]'));
@@ -98,23 +150,58 @@ const D = `:host{--swirl-app-layout-border-visibility:hidden;position:relative;z
   updateSidebarStatus() {
     this.hasSidebar = Boolean(this.el.querySelector('[slot="sidebar"]'));
   }
+  updateContentScrollState() {
+    const t = {
+      scrollable: this.contentEl.scrollHeight > this.contentEl.clientHeight,
+      scrolledToTop: this.contentEl.scrollTop === 0,
+      scrolledToBottom: Math.round(this.contentEl.scrollTop + this.contentEl.clientHeight) >= this.contentEl.scrollHeight
+    };
+    Object.keys(t).some((e) => t[e] !== this.contentScrollState[e]) && (this.contentScrollState = t);
+  }
+  updateNavScrollState() {
+    const t = {
+      scrollable: this.navEl.scrollHeight > this.navEl.clientHeight,
+      scrolledToTop: this.navEl.scrollTop === 0
+    };
+    Object.keys(t).some((e) => t[e] !== this.navScrollState[e]) && (this.navScrollState = t);
+  }
+  updateSidebarScrollState() {
+    const t = {
+      scrollable: this.sidebarEl.scrollHeight > this.sidebarEl.clientHeight,
+      scrolledToTop: this.sidebarEl.scrollTop === 0
+    };
+    Object.keys(t).some((e) => t[e] !== this.sidebarScrollState[e]) && (this.sidebarScrollState = t);
+  }
+  restoreNavExpansionState() {
+    if (!this.collapsibleNavigation)
+      return;
+    const t = localStorage.getItem(this.navigationExpansionStateStorageKey);
+    Boolean(t) && this.setCollapsibleNavigationState(t);
+  }
   render() {
-    const e = (this.mobileView === "body" || this.transitioningTo) && this.hasNavigation && !this.hasCustomAppBarBackButton, i = Boolean(this.el.querySelector('[slot="app-bar-controls"]')), a = Boolean(this.el.querySelector('[slot="bottom-bar"]')), o = Boolean(this.el.querySelector('[slot="app-bar-mobile-menu-button"]')), r = Boolean(this.el.querySelector('[slot="custom-sidebar-header"]')), c = Boolean(this.el.querySelector('[slot="floating-action-button"]')) || Boolean(this.ctaLabel), u = n("app-layout", `app-layout--mobile-view-${this.mobileView}`, `app-layout--transitioning-from-${this.transitioningFrom}`, `app-layout--transitioning-to-${this.transitioningTo}`, `app-layout--transition-style-${this.transitionStyle}`, {
+    const t = (this.mobileView === "body" || this.transitioningTo) && this.hasNavigation && !this.hasCustomAppBarBackButton, e = Boolean(this.el.querySelector('[slot="app-bar-controls"]')), i = Boolean(this.el.querySelector('[slot="bottom-bar"]')), o = Boolean(this.el.querySelector('[slot="app-bar-mobile-menu-button"]')), l = Boolean(this.el.querySelector('[slot="custom-sidebar-header"]')), u = Boolean(this.el.querySelector('[slot="floating-action-button"]')) || Boolean(this.ctaLabel), b = this.hasNavigation && (!this.collapsibleNavigation || this.navExpansionState !== "collapsed" || !this.isDesktop), m = c("app-layout", `app-layout--mobile-view-${this.mobileView}`, `app-layout--nav-${this.isDesktop ? this.navExpansionState : "expanded"}`, `app-layout--transitioning-from-${this.transitioningFrom}`, `app-layout--transitioning-to-${this.transitioningTo}`, `app-layout--transition-style-${this.transitionStyle}`, {
+      "app-layout--content-scrollable": this.contentScrollState.scrollable,
+      "app-layout--content-scrolled-to-top": this.contentScrollState.scrolledToTop,
+      "app-layout--content-scrolled-to-bottom": this.contentScrollState.scrolledToBottom,
       "app-layout--has-app-bar-mobile-menu-button": o,
-      "app-layout--has-app-bar-controls": i,
-      "app-layout--has-bottom-bar": a,
+      "app-layout--has-app-bar-controls": e,
+      "app-layout--has-bottom-bar": i,
       "app-layout--has-custom-app-bar-back-button": this.hasCustomAppBarBackButton,
-      "app-layout--has-custom-sidebar-header": r,
-      "app-layout--has-floating-action-button": c,
+      "app-layout--has-custom-sidebar-header": l,
+      "app-layout--has-floating-action-button": u,
       "app-layout--has-navigation": this.hasNavigation,
       "app-layout--has-sidebar": this.hasSidebar,
       "app-layout--hide-app-bar": this.hideAppBar,
+      "app-layout--nav-collapsible": this.collapsibleNavigation && this.isDesktop,
+      "app-layout--nav-scrollable": this.navScrollState.scrollable,
+      "app-layout--nav-scrolled-to-top": this.navScrollState.scrolledToTop,
       "app-layout--sidebar-active": this.mobileView === "sidebar" || this.sidebarActive,
-      "app-layout--sidebar-closing": this.sidebarClosing
-    }), b = n("app-layout__content", "app-layout__bordered-container-when-scrolled", {
-      "app-layout__bordered-container-when-scrolled--with-bottom": a
+      "app-layout--sidebar-closing": this.sidebarClosing,
+      "app-layout--sidebar-opening": this.sidebarOpening,
+      "app-layout--sidebar-scrollable": this.sidebarScrollState.scrollable,
+      "app-layout--sidebar-scrolled-to-top": this.sidebarScrollState.scrolledToTop
     });
-    return t(d, { key: "668d6353288ed339c914dfd5853975fb14e7eb50" }, t("section", { key: "eb60a8b74569daaa31a3b561beceb9cb6de96649", "aria-labelledby": "app-name", class: u }, t("div", { key: "278cb332b22b52e8d477abd6e12b3e3d6e66d88c", class: "app-layout__grid" }, t("header", { key: "c201859201a575607dd64850772b2f3fde85cd6c", class: "app-layout__header" }, t("span", { key: "a4f07edc51b55a5b8de8d0fe5e7cae00c50971b1", class: "app-layout__navigation-mobile-menu-button" }, t("slot", { key: "c7132539b8899aa78321215debf3f8f958eabfe1", name: "navigation-mobile-menu-button" })), this.showNavigationBackButton && t("span", { key: "0085e3f23bfc356330e7914f22d28f5121554b8f", class: "app-layout__navigation-back-button" }, t("swirl-button", { key: "8f4746e36051e3e07bb61e9dcb5cc74c15ef9615", hideLabel: !0, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.navigationBackButtonLabel, onClick: this.onNavigationBackButtonClick })), t("swirl-heading", { key: "ba764530fc0119e01a58439d7e89350dc8a7ea6c", as: "h1", class: "app-layout__app-name", headingId: "app-name", level: 3, text: this.appName }), this.hasNavigation && t("span", { key: "562fea0575de96f9037e57d2ac6c3ba2dc4849c7", class: "app-layout__navigation-controls" }, t("slot", { key: "54a9280f257960f2a3311bb88f053788a7fac321", name: "navigation-controls" }))), t("nav", { key: "cd5caefbcbb95dbd8e847c928bed97e96536b1ec", "aria-label": this.navigationLabel, class: "app-layout__navigation app-layout__bordered-container-when-scrolled" }, t("slot", { key: "b73e0c0b38797fea7afb32996801cd85fae959ad", name: "navigation" })), t("section", { key: "23d2fed9e1daaf350e6b2151ee2e82cb7deef866", "aria-labelledby": "app-name", class: "app-layout__body" }, !this.hideAppBar && t("header", { key: "c41fd7da8d79d2e898bd5e685108d160eb0d1d1f", class: "app-layout__app-bar" }, t("span", { key: "1b7b24c2ce491bf9f232680963e3692215d51ccb", class: "app-layout__app-bar-mobile-menu-button" }, t("slot", { key: "7574d98216d1d82ab2ad44f6f2a22f82ff0aceba", name: "app-bar-mobile-menu-button" })), e && t("span", { key: "aec64303b2e4537ba9205f0b781e6356cae5dbe1", class: "app-layout__back-to-navigation-button" }, t("swirl-button", { key: "c4c270bd35e21070b72f989d2ce475b7253b4223", hideLabel: !0, icon: this.transitionStyle === "dialog" ? "<swirl-icon-close></swirl-icon-close>" : "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.backToNavigationViewButtonLabel, onClick: this.onBackToNavigationViewButtonClick })), t("span", { key: "356d7c4284eeae942a6811d6fea0241191175337", class: "app-layout__custom-app-bar-back-button" }, t("slot", { key: "79788dd68f4ae2a028da6cf7ff3ac7e262715967", name: "custom-app-bar-back-button" })), t("div", { key: "36a5fa2cf6332ace68e16dc6f07e9747026dff16", class: "app-layout__app-bar-content" }, t("slot", { key: "87a4b45a9f1bbd0f1bac950de9c474dde0e1eeea", name: "app-bar" })), t("div", { key: "e1e88faee364e6ed1d037430cea66f9b8b525767", class: "app-layout__app-bar-controls" }, t("slot", { key: "a4a34540141eb9bd80d814d3c9f997cfa577d719", name: "app-bar-controls" }))), t("div", { key: "03e1f2308e69240f139dadf083a35e38ed4e89c0", class: "app-layout__banner" }, t("slot", { key: "49328b1bd2d1b1d95b00c6d04834c4b531d828c9", name: "banner" })), t("div", { key: "d3d2930acde0f4a6e3e99543204a6f9ebb675378", class: b }, t("slot", { key: "61beae6ed3c23dafd7bce03aacd3b866aec961c2", name: "content" })), t("div", { key: "e8ddc4a5e1f425ad098f2e686c95967dadc75827", class: "app-layout__bottom-bar" }, t("slot", { key: "832b0defae07c9431c37db76ee644bb420ff2ea9", name: "bottom-bar" }))), t("aside", { key: "7a67e63158072a38346683620c3e7768aa50a4fe", class: "app-layout__sidebar" }, t("header", { key: "0584333a694175763334d5cd0e3fb31353174bda", class: "app-layout__custom-sidebar-header" }, t("slot", { key: "8aefe18443c725e677961d93d6fb5f4e22c9da6a", name: "custom-sidebar-header" })), t("header", { key: "4a3eb74052be148fc37c8ed190dca193118c2365", class: "app-layout__sidebar-header" }, t("swirl-button", { key: "47003639b2b5112f430c600e10802ed33f729c99", class: "app-layout__sidebar-close-button", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick }), t("swirl-heading", { key: "06a6a8e036efbe47d4aa25e1699136179c245df6", as: "h3", class: "app-layout__sidebar-heading", headingId: "sidebar-heading", level: 3, text: this.sidebarHeading })), t("div", { key: "122d16d2f387670e4cfc3f88312e1c528c9c7a0a", class: "app-layout__sidebar-content app-layout__bordered-container-when-scrolled" }, t("slot", { key: "077305e0b1896dfa427697e10d23993387c73dbf", name: "sidebar" }))), t("span", { key: "538942cd069dc1c29b0725d0cdf913bee78a7ce3", class: "app-layout__floating-action-button" }, this.ctaLabel && t("swirl-button", { key: "d4b4bff102d90e073b9f3822ff155ae7c52bec44", hideLabel: Boolean(this.ctaIcon), icon: this.ctaIcon, intent: "primary", label: this.ctaLabel, onClick: this.onCtaClick, variant: "floating" }), t("slot", { key: "b2b549076c93497a07c69bc25456522b5a3cfcfe", name: "floating-action-button" })))));
+    return a(d, { key: "3b1c6dfbd70f1e73595152063eb0f19214061a0b" }, a("section", { key: "66b24882d23244130b99d018d154819924a238a8", "aria-labelledby": "app-name", class: m }, a("div", { key: "4ba4430a6ff528e1f5c7739a49bb1718acfff76c", class: "app-layout__grid" }, a("header", { key: "2557b4f52f4d63b8e3bd0d79b97d12dff3e35ebf", class: "app-layout__header", ref: (s) => this.headerEl = s }, a("span", { key: "db4942252a5b23067a186188a2de09e231b33fc2", class: "app-layout__navigation-mobile-menu-button" }, a("slot", { key: "d34fefe46a8116f28df00c3d2b00611d2e5c977f", name: "navigation-mobile-menu-button" })), this.collapsibleNavigation && a("span", { key: "f199cb947888c1ae726108c398f1b0a0ccd459e1", class: "app-layout__nav-overlay-toggle" }, a("swirl-button", { key: "801cb2ec74f780fd9f5a2114e4ef9c5fa11bc844", hideLabel: !0, icon: this.navExpansionState !== "expanded" ? "<swirl-icon-dock-left-expand></swirl-icon-dock-left-expand>" : "<swirl-icon-dock-left-collapse></swirl-icon-dock-left-collapse>", label: this.navigationToggleLabel, onClick: this.toggleNavigation })), this.showNavigationBackButton && a("span", { key: "09cc96fc608719f6f03c124765362c9203ae624a", class: "app-layout__navigation-back-button" }, a("swirl-button", { key: "c48e18559fef928f25f0fee06b3d1e3202ef624a", hideLabel: !0, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.navigationBackButtonLabel, onClick: this.onNavigationBackButtonClick })), a("swirl-heading", { key: "5b0c2f2b4183636415d2c605f2921f4513f87d9e", as: "h1", class: "app-layout__app-name", headingId: "app-name", level: 3, text: this.appName }), b && a("span", { key: "1c17004783909c533522e645bcde641efe20af38", class: "app-layout__navigation-controls" }, a("slot", { key: "6194344af515533f48c12719578d355d538fe132", name: "navigation-controls" }))), a("nav", { key: "49f8bed05da5f7ea4d8ca731e8ac6640f6efba1d", "aria-label": this.navigationLabel, class: "app-layout__navigation", onScroll: this.onNavScroll, ref: (s) => this.navEl = s, inert: this.isDesktop && this.collapsibleNavigation && this.navExpansionState === "collapsed" }, a("slot", { key: "7bb84dd7374be5df9caaea8bd04545512ee68ec0", name: "navigation" })), a("section", { key: "a19ab7ca766bf445427ccbd80ca20c8493435e83", "aria-labelledby": "app-name", class: "app-layout__body" }, !this.hideAppBar && a("header", { key: "8325293845b85f72b7f3df2662559e2ab4074bb9", class: "app-layout__app-bar" }, a("span", { key: "5237b62f03cd7c1373549a2a30ccf446ba0372f9", class: "app-layout__app-bar-mobile-menu-button" }, a("slot", { key: "f18bde70731b9351e63b21ad7f1a9c647abf416f", name: "app-bar-mobile-menu-button" })), t && a("span", { key: "215d23179fc51dd075864c265ea9b7f364319a95", class: "app-layout__back-to-navigation-button" }, a("swirl-button", { key: "ea3be8edd9002a61f20c0a12da9aa1b578947c6a", hideLabel: !0, icon: this.transitionStyle === "dialog" ? "<swirl-icon-close></swirl-icon-close>" : "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.backToNavigationViewButtonLabel, onClick: this.onBackToNavigationViewButtonClick })), this.collapsibleNavigation && this.navExpansionState !== "expanded" && a("span", { key: "60fa359b9bd61b0e1f6be352436999b2cf17f4fc", class: "app-layout__nav-expansion-toggle" }, a("swirl-button", { key: "05e09fb3a58dc2ab2e88ee49c585eecc60c7954d", hideLabel: !0, icon: "<swirl-icon-hamburger-menu></swirl-icon-hamburger-menu>", label: this.navigationOverlayLabel, onClick: this.overlayNavigation })), a("span", { key: "f47a36036537b26f772e3bda24b2aa6469e2cf3c", class: "app-layout__custom-app-bar-back-button" }, a("slot", { key: "136b0f6cb5f49fd2748ff359ee12320adc70e564", name: "custom-app-bar-back-button" })), a("div", { key: "b8a00b16415b1ec1e860c1d5d57e0490d48e4401", class: "app-layout__app-bar-content" }, a("slot", { key: "62cc509a362d5f194182499071b1756c146d26dc", name: "app-bar" })), a("div", { key: "effb581b5c5e33f5ff2438b4b41376d88d232fe9", class: "app-layout__app-bar-controls" }, a("slot", { key: "f87b7467b069faaa2efa0cbc68e7ec22c041ff8b", name: "app-bar-controls" }))), a("div", { key: "818823f7c90a8f1fb905a225b5d10b4828805769", class: "app-layout__banner" }, a("slot", { key: "fd1f5c35df19fffe35abdd5096f85c32fc1bba22", name: "banner" })), a("div", { key: "572494fb3c5f3b59bdb55d87feb44b59842eb1a6", class: "app-layout__content", onScroll: this.onContentScroll, ref: (s) => this.contentEl = s }, a("slot", { key: "b83fb9b173afa0b60976565aded1449afd680955", name: "content" })), a("div", { key: "3150822e788bf1af515f1e55c42b25851feaef27", class: "app-layout__bottom-bar" }, a("slot", { key: "35a21d973b8f54a8aac80f3744c500f501fa5aa1", name: "bottom-bar" }))), a("aside", { key: "d32a56c28adc6a57c15b750a02575093b80a58f6", class: "app-layout__sidebar" }, a("header", { key: "7b60c1d2b4dc8ddd384dde58d4e822e34732f37d", class: "app-layout__custom-sidebar-header" }, a("slot", { key: "a10e07f95f94b4fd3863c60e0689997fcc7af569", name: "custom-sidebar-header" })), a("header", { key: "18bfcf429fcbfb1ef138a7723a8b9e0752ced246", class: "app-layout__sidebar-header" }, a("swirl-button", { key: "ea311add99e5adb33b8bbed78f7d88fc7d6bf28f", class: "app-layout__sidebar-close-button", hideLabel: !0, icon: "<swirl-icon-close></swirl-icon-close>", label: this.sidebarCloseButtonLabel, onClick: this.onSidebarCloseButtonClick }), a("swirl-heading", { key: "54a13c7f1f0b362cb196a59c5622d2e246cadec0", as: "h3", class: "app-layout__sidebar-heading", headingId: "sidebar-heading", level: 3, text: this.sidebarHeading })), a("div", { key: "6920f3562d625be0f9e16c090eeed8d17eea49b7", class: "app-layout__sidebar-content", onScroll: this.onSidebarScroll, ref: (s) => this.sidebarEl = s }, a("slot", { key: "9807fec2801d84a5ae517765ff7b0f08e4c3f3c5", name: "sidebar" }))), a("span", { key: "9a5b7f6098d8f24f6df6ba7d84bf0276c043effa", class: "app-layout__floating-action-button" }, this.ctaLabel && a("swirl-button", { key: "77e960a30d95129160f0ebec29d419a8572f67ab", hideLabel: Boolean(this.ctaIcon), icon: this.ctaIcon, intent: "primary", label: this.ctaLabel, onClick: this.onCtaClick, variant: "floating" }), a("slot", { key: "8f8942d7df62a364c2e9216d08aa0cbe765a9093", name: "floating-action-button" })))));
   }
   get el() {
     return p(this);
@@ -125,70 +212,70 @@ const D = `:host{--swirl-app-layout-border-visibility:hidden;position:relative;z
     };
   }
 };
-M.style = A;
-const L = ":host{display:block}:host *{box-sizing:border-box}.empty-state{display:flex;max-width:28rem;align-items:center;flex-direction:column;gap:var(--s-space-16)}.empty-state--has-controls .empty-state__controls{display:block}.empty-state--has-slotted-illustration .empty-state__slotted-illustration{display:block}.empty-state__illustration{max-width:16rem}.empty-state__body{display:flex;align-items:center;flex-direction:column;gap:var(--s-space-24)}.empty-state__controls{display:none}.empty-state__slotted-illustration{display:none;max-width:16rem}", T = L, V = class {
-  constructor(e) {
-    l(this, e), this.heading = void 0, this.illustration = void 0;
+M.style = D;
+const L = ":host{display:block}:host *{box-sizing:border-box}.empty-state{display:flex;max-width:28rem;align-items:center;flex-direction:column;gap:var(--s-space-16)}.empty-state--has-controls .empty-state__controls{display:block}.empty-state--has-slotted-illustration .empty-state__slotted-illustration{display:block}.empty-state__illustration{max-width:16rem}.empty-state__body{display:flex;align-items:center;flex-direction:column;gap:var(--s-space-24)}.empty-state__controls{display:none}.empty-state__slotted-illustration{display:none;max-width:16rem}", N = L, H = class {
+  constructor(t) {
+    n(this, t), this.heading = void 0, this.illustration = void 0;
   }
   render() {
-    const e = Boolean(this.el.querySelector('[slot="controls"]')), i = Boolean(this.el.querySelector('[slot="illustration"]')), a = n("empty-state", {
-      "empty-state--has-controls": e,
-      "empty-state--has-slotted-illustration": i
+    const t = Boolean(this.el.querySelector('[slot="controls"]')), e = Boolean(this.el.querySelector('[slot="illustration"]')), i = c("empty-state", {
+      "empty-state--has-controls": t,
+      "empty-state--has-slotted-illustration": e
     });
-    return t(d, { key: "910eac8b85ee42dcdcc3e35a417dab64e873f25e" }, t("div", { key: "d2b76b353e4f59eaff40cf304bf511ff903eed31", class: a }, this.illustration && !i && t("img", { key: "26c7ad34d7845a7fe3f72e9d8edd680ec727067b", alt: "", class: "empty-state__illustration", src: this.illustration }), t("div", { key: "be93399b1b00f790331e04afa4adaf8c7e8ea6c1", class: "empty-state__slotted-illustration" }, t("slot", { key: "3505a06822a7f2e5316f079a029c25e2449b6d2c", name: "illustration" })), t("div", { key: "39f7790097fab3f0ca2008c0cd0638fbabd69c95", class: "empty-state__body" }, t("swirl-stack", { key: "666590ff0460748fe199daaacb8d01242990b573", align: "stretch", spacing: "8" }, this.heading && t("swirl-heading", { key: "7c1d2d059efb373e0fce2f2ccc7d3ba0987819a2", align: "center", as: "p", level: 4, text: this.heading }), t("div", { key: "aa98b76c0669f5e1b899bce4969b2d65f152e6d3", class: "empty-state__content" }, t("swirl-text", { key: "7b81e1e942ee767cd1b93d757b44b2958119f2ac", align: "center", color: "subdued" }, t("slot", { key: "ca182287a03f1db96e4eb9d1e46ab268817d5570" })))), t("div", { key: "0e47796c0063949ba56e7f9efff7a0a3622c216c", class: "empty-state__controls" }, t("slot", { key: "7f75b89a83f4475d629a4dc6699de27187330215", name: "controls" })))));
+    return a(d, { key: "a69b7620012d83f74a37fb281795d3372a98aa59" }, a("div", { key: "0d4b05a0470275d6f8bb05557b76aa631ed5bfbf", class: i }, this.illustration && !e && a("img", { key: "a14e963317f1444179fac8e662101c4e801fe7ea", alt: "", class: "empty-state__illustration", src: this.illustration }), a("div", { key: "7e95b8147620d992445c71a6e3e7b3e0e5b7f8ba", class: "empty-state__slotted-illustration" }, a("slot", { key: "8b3ecf12623210c586b0ee2a85a727023ebaa9be", name: "illustration" })), a("div", { key: "6a704c827cce431f91fedb45c4fe7d975fa2938a", class: "empty-state__body" }, a("swirl-stack", { key: "3a5b1b80e8a8873ae9e194cbeec6f3d58c61da39", align: "stretch", spacing: "8" }, this.heading && a("swirl-heading", { key: "5d0331dc10a582ed584a189d3f3aafd10f308ad7", align: "center", as: "p", level: 4, text: this.heading }), a("div", { key: "d054646b5036134b39ea760f88d6eca3882fa291", class: "empty-state__content" }, a("swirl-text", { key: "3a65aefab1be1e3320412da968cc4e27886cc512", align: "center", color: "subdued" }, a("slot", { key: "533530974b07ea8924dfd9e55911c6b298958e73" })))), a("div", { key: "c9fc53e76202b2d1e257c0ef258a7d7d2714a8f0", class: "empty-state__controls" }, a("slot", { key: "c0335467618f043bbc9906395237b105f8232401", name: "controls" })))));
   }
   get el() {
     return p(this);
   }
 };
-V.style = T;
-const z = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}", H = z, E = class {
-  constructor(e) {
-    l(this, e), this.color = void 0, this.size = 24;
+H.style = N;
+const V = ":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}", z = V, O = class {
+  constructor(t) {
+    n(this, t), this.color = void 0, this.size = 24;
   }
   render() {
-    const e = this.size === 20 ? 24 : this.size, i = {
+    const t = this.size === 20 ? 24 : this.size, e = {
       color: Boolean(this.color) ? `var(--s-icon-${this.color})` : void 0
-    }, a = n("swirl-icon", `swirl-icon--size-${this.size}`);
-    return t("svg", { key: "2358cd477444935f28756e0eb2b7d0bb419d7e01", "aria-hidden": "true", class: a, fill: "none", height: this.size, part: "icon", style: i, viewBox: `0 0 ${e} ${e}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && t(y, { key: "ceccc5037eb89ec0a5bcb9012f04094475a7e9b0" }, t("path", { key: "e2e40323d700e1365fbd05a8ec0e0e59083bd22c", d: "M9.99998 8.66669C10.3666 8.66669 10.6806 8.53602 10.942 8.27469C11.2029 8.0138 11.3333 7.70002 11.3333 7.33335C11.3333 6.96669 11.2029 6.65269 10.942 6.39135C10.6806 6.13046 10.3666 6.00002 9.99998 6.00002C9.63331 6.00002 9.31953 6.13046 9.05865 6.39135C8.79731 6.65269 8.66665 6.96669 8.66665 7.33335C8.66665 7.70002 8.79731 8.0138 9.05865 8.27469C9.31953 8.53602 9.63331 8.66669 9.99998 8.66669ZM7.33331 11.3334H12.6666V10.9667C12.6666 10.4667 12.4222 10.0694 11.9333 9.77469C11.4444 9.48046 10.8 9.33335 9.99998 9.33335C9.19998 9.33335 8.55553 9.48046 8.06665 9.77469C7.57776 10.0694 7.33331 10.4667 7.33331 10.9667V11.3334ZM2.66665 13.3334C2.29998 13.3334 1.9862 13.2029 1.72531 12.942C1.46398 12.6807 1.33331 12.3667 1.33331 12V4.00002C1.33331 3.63335 1.46398 3.31958 1.72531 3.05869C1.9862 2.79735 2.29998 2.66669 2.66665 2.66669H6.11665C6.29442 2.66669 6.46398 2.70002 6.62531 2.76669C6.7862 2.83335 6.92776 2.9278 7.04998 3.05002L7.99998 4.00002H13.3333C13.7 4.00002 14.014 4.13069 14.2753 4.39202C14.5362 4.65291 14.6666 4.96669 14.6666 5.33335V12C14.6666 12.3667 14.5362 12.6807 14.2753 12.942C14.014 13.2029 13.7 13.3334 13.3333 13.3334H2.66665ZM2.66665 4.00002V12H13.3333V5.33335H7.44998L6.11665 4.00002H2.66665Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && t(y, { key: "471f86e592f0d44b4c41998b6d09c6a04f62187c" }, t("path", { key: "05e915656c724af2b157d27706e81047c09b5250", d: "M15 13C15.55 13 16.021 12.804 16.413 12.412C16.8043 12.0207 17 11.55 17 11C17 10.45 16.8043 9.979 16.413 9.587C16.021 9.19567 15.55 9 15 9C14.45 9 13.9793 9.19567 13.588 9.587C13.196 9.979 13 10.45 13 11C13 11.55 13.196 12.0207 13.588 12.412C13.9793 12.804 14.45 13 15 13ZM11 17H19V16.45C19 15.7 18.6333 15.104 17.9 14.662C17.1667 14.2207 16.2 14 15 14C13.8 14 12.8333 14.2207 12.1 14.662C11.3667 15.104 11 15.7 11 16.45V17ZM4 20C3.45 20 2.97933 19.8043 2.588 19.413C2.196 19.021 2 18.55 2 18V6C2 5.45 2.196 4.97933 2.588 4.588C2.97933 4.196 3.45 4 4 4H9.175C9.44167 4 9.696 4.05 9.938 4.15C10.1793 4.25 10.3917 4.39167 10.575 4.575L12 6H20C20.55 6 21.021 6.196 21.413 6.588C21.8043 6.97933 22 7.45 22 8V18C22 18.55 21.8043 19.021 21.413 19.413C21.021 19.8043 20.55 20 20 20H4ZM4 6V18H20V8H11.175L9.175 6H4Z", fill: "currentColor" })), this.size === 28 && t(y, { key: "4bf41cf45a62e303e401dbbd97ca28e37b49b04b" }, t("path", { key: "8ffee09b9a70d55da280fd9b3285174e926b5b98", d: "M17.5 15.1667C18.1416 15.1667 18.6911 14.938 19.1485 14.4807C19.605 14.0241 19.8333 13.475 19.8333 12.8334C19.8333 12.1917 19.605 11.6422 19.1485 11.1849C18.6911 10.7283 18.1416 10.5 17.5 10.5C16.8583 10.5 16.3092 10.7283 15.8526 11.1849C15.3953 11.6422 15.1666 12.1917 15.1666 12.8334C15.1666 13.475 15.3953 14.0241 15.8526 14.4807C16.3092 14.938 16.8583 15.1667 17.5 15.1667ZM12.8333 19.8334H22.1666V19.1917C22.1666 18.3167 21.7389 17.6214 20.8833 17.1057C20.0278 16.5908 18.9 16.3334 17.5 16.3334C16.1 16.3334 14.9722 16.5908 14.1166 17.1057C13.2611 17.6214 12.8333 18.3167 12.8333 19.1917V19.8334ZM4.66665 23.3334C4.02498 23.3334 3.47587 23.1051 3.01931 22.6485C2.56198 22.1912 2.33331 21.6417 2.33331 21V7.00002C2.33331 6.35835 2.56198 5.80924 3.01931 5.35269C3.47587 4.89535 4.02498 4.66669 4.66665 4.66669H10.7041C11.0153 4.66669 11.312 4.72502 11.5943 4.84169C11.8759 4.95835 12.1236 5.12363 12.3375 5.33752L14 7.00002H23.3333C23.975 7.00002 24.5245 7.22869 24.9818 7.68602C25.4384 8.14258 25.6666 8.69169 25.6666 9.33335V21C25.6666 21.6417 25.4384 22.1912 24.9818 22.6485C24.5245 23.1051 23.975 23.3334 23.3333 23.3334H4.66665ZM4.66665 7.00002V21H23.3333V9.33335H13.0375L10.7041 7.00002H4.66665Z", fill: "currentColor" })));
+    }, i = c("swirl-icon", `swirl-icon--size-${this.size}`);
+    return a("svg", { key: "c8031de035626022e2998b30e46674d21c009618", "aria-hidden": "true", class: i, fill: "none", height: this.size, part: "icon", style: e, viewBox: `0 0 ${t} ${t}`, width: this.size, xmlns: "http://www.w3.org/2000/svg" }, this.size === 16 && a(h, { key: "7411876d03b3449acfbbdcb120f8782f2b265c19" }, a("path", { key: "ef7b0ffe45da6e567c027d1c500c77a4ef977309", d: "M9.99998 8.66669C10.3666 8.66669 10.6806 8.53602 10.942 8.27469C11.2029 8.0138 11.3333 7.70002 11.3333 7.33335C11.3333 6.96669 11.2029 6.65269 10.942 6.39135C10.6806 6.13046 10.3666 6.00002 9.99998 6.00002C9.63331 6.00002 9.31953 6.13046 9.05865 6.39135C8.79731 6.65269 8.66665 6.96669 8.66665 7.33335C8.66665 7.70002 8.79731 8.0138 9.05865 8.27469C9.31953 8.53602 9.63331 8.66669 9.99998 8.66669ZM7.33331 11.3334H12.6666V10.9667C12.6666 10.4667 12.4222 10.0694 11.9333 9.77469C11.4444 9.48046 10.8 9.33335 9.99998 9.33335C9.19998 9.33335 8.55553 9.48046 8.06665 9.77469C7.57776 10.0694 7.33331 10.4667 7.33331 10.9667V11.3334ZM2.66665 13.3334C2.29998 13.3334 1.9862 13.2029 1.72531 12.942C1.46398 12.6807 1.33331 12.3667 1.33331 12V4.00002C1.33331 3.63335 1.46398 3.31958 1.72531 3.05869C1.9862 2.79735 2.29998 2.66669 2.66665 2.66669H6.11665C6.29442 2.66669 6.46398 2.70002 6.62531 2.76669C6.7862 2.83335 6.92776 2.9278 7.04998 3.05002L7.99998 4.00002H13.3333C13.7 4.00002 14.014 4.13069 14.2753 4.39202C14.5362 4.65291 14.6666 4.96669 14.6666 5.33335V12C14.6666 12.3667 14.5362 12.6807 14.2753 12.942C14.014 13.2029 13.7 13.3334 13.3333 13.3334H2.66665ZM2.66665 4.00002V12H13.3333V5.33335H7.44998L6.11665 4.00002H2.66665Z", fill: "currentColor" })), (this.size === 20 || this.size === 24) && a(h, { key: "d237daceaaa9921fe9bbd023bb160fc2ffdd08da" }, a("path", { key: "440348d527b34268f12f23e9545f825f3c9e8d03", d: "M15 13C15.55 13 16.021 12.804 16.413 12.412C16.8043 12.0207 17 11.55 17 11C17 10.45 16.8043 9.979 16.413 9.587C16.021 9.19567 15.55 9 15 9C14.45 9 13.9793 9.19567 13.588 9.587C13.196 9.979 13 10.45 13 11C13 11.55 13.196 12.0207 13.588 12.412C13.9793 12.804 14.45 13 15 13ZM11 17H19V16.45C19 15.7 18.6333 15.104 17.9 14.662C17.1667 14.2207 16.2 14 15 14C13.8 14 12.8333 14.2207 12.1 14.662C11.3667 15.104 11 15.7 11 16.45V17ZM4 20C3.45 20 2.97933 19.8043 2.588 19.413C2.196 19.021 2 18.55 2 18V6C2 5.45 2.196 4.97933 2.588 4.588C2.97933 4.196 3.45 4 4 4H9.175C9.44167 4 9.696 4.05 9.938 4.15C10.1793 4.25 10.3917 4.39167 10.575 4.575L12 6H20C20.55 6 21.021 6.196 21.413 6.588C21.8043 6.97933 22 7.45 22 8V18C22 18.55 21.8043 19.021 21.413 19.413C21.021 19.8043 20.55 20 20 20H4ZM4 6V18H20V8H11.175L9.175 6H4Z", fill: "currentColor" })), this.size === 28 && a(h, { key: "358b24f65015f4c56cec38feb1bd41995820b3c1" }, a("path", { key: "c790bb83088b4775451652678f2459cabafebb10", d: "M17.5 15.1667C18.1416 15.1667 18.6911 14.938 19.1485 14.4807C19.605 14.0241 19.8333 13.475 19.8333 12.8334C19.8333 12.1917 19.605 11.6422 19.1485 11.1849C18.6911 10.7283 18.1416 10.5 17.5 10.5C16.8583 10.5 16.3092 10.7283 15.8526 11.1849C15.3953 11.6422 15.1666 12.1917 15.1666 12.8334C15.1666 13.475 15.3953 14.0241 15.8526 14.4807C16.3092 14.938 16.8583 15.1667 17.5 15.1667ZM12.8333 19.8334H22.1666V19.1917C22.1666 18.3167 21.7389 17.6214 20.8833 17.1057C20.0278 16.5908 18.9 16.3334 17.5 16.3334C16.1 16.3334 14.9722 16.5908 14.1166 17.1057C13.2611 17.6214 12.8333 18.3167 12.8333 19.1917V19.8334ZM4.66665 23.3334C4.02498 23.3334 3.47587 23.1051 3.01931 22.6485C2.56198 22.1912 2.33331 21.6417 2.33331 21V7.00002C2.33331 6.35835 2.56198 5.80924 3.01931 5.35269C3.47587 4.89535 4.02498 4.66669 4.66665 4.66669H10.7041C11.0153 4.66669 11.312 4.72502 11.5943 4.84169C11.8759 4.95835 12.1236 5.12363 12.3375 5.33752L14 7.00002H23.3333C23.975 7.00002 24.5245 7.22869 24.9818 7.68602C25.4384 8.14258 25.6666 8.69169 25.6666 9.33335V21C25.6666 21.6417 25.4384 22.1912 24.9818 22.6485C24.5245 23.1051 23.975 23.3334 23.3333 23.3334H4.66665ZM4.66665 7.00002V21H23.3333V9.33335H13.0375L10.7041 7.00002H4.66665Z", fill: "currentColor" })));
   }
 };
-E.style = H;
-const N = ".sc-swirl-resource-list-h{display:block;width:100%}.sc-swirl-resource-list-h *.sc-swirl-resource-list{box-sizing:border-box}", F = N, q = class {
-  constructor(e) {
-    l(this, e), this.itemDrop = s(this, "itemDrop", 7), this.focusedIndex = 0, this.toggleDrag = (i) => {
-      const a = i.detail;
-      Boolean(this.dragging) ? this.stopDrag(a) : this.startDrag(a);
-    }, this.startDrag = (i) => {
-      this.dragging = i, this.draggingStartIndex = this.getItemIndex(this.dragging), i.setAttribute("dragging", "true");
-      const a = this.getItemIndex(this.dragging);
-      this.focusItemAtIndex(a), this.assistiveText = this.assistiveTextItemGrabbed;
-    }, this.stopDrag = (i) => {
-      const a = this.getItemIndex(this.dragging);
-      this.dragging = void 0, i.removeAttribute("dragging"), this.assistiveText = `${this.assistiveTextItemMoved} ${a + 1}`, this.itemDrop.emit({ item: i, oldIndex: this.draggingStartIndex, newIndex: a }), this.draggingStartIndex = void 0;
-    }, this.onKeyDown = (i) => {
-      if (i.code === "ArrowDown")
-        i.preventDefault(), Boolean(this.dragging) ? this.moveDraggedItemDown() : this.focusItemAtIndex((this.focusedIndex + 1) % this.items.length);
-      else if (i.code === "ArrowUp")
-        if (i.preventDefault(), Boolean(this.dragging))
+O.style = z;
+const q = ".sc-swirl-resource-list-h{display:block;width:100%}.sc-swirl-resource-list-h *.sc-swirl-resource-list{box-sizing:border-box}", F = q, P = class {
+  constructor(t) {
+    n(this, t), this.itemDrop = r(this, "itemDrop", 7), this.focusedIndex = 0, this.toggleDrag = (e) => {
+      const i = e.detail;
+      Boolean(this.dragging) ? this.stopDrag(i) : this.startDrag(i);
+    }, this.startDrag = (e) => {
+      this.dragging = e, this.draggingStartIndex = this.getItemIndex(this.dragging), e.setAttribute("dragging", "true");
+      const i = this.getItemIndex(this.dragging);
+      this.focusItemAtIndex(i), this.assistiveText = this.assistiveTextItemGrabbed;
+    }, this.stopDrag = (e) => {
+      const i = this.getItemIndex(this.dragging);
+      this.dragging = void 0, e.removeAttribute("dragging"), this.assistiveText = `${this.assistiveTextItemMoved} ${i + 1}`, this.itemDrop.emit({ item: e, oldIndex: this.draggingStartIndex, newIndex: i }), this.draggingStartIndex = void 0;
+    }, this.onKeyDown = (e) => {
+      if (e.code === "ArrowDown")
+        e.preventDefault(), Boolean(this.dragging) ? this.moveDraggedItemDown() : this.focusItemAtIndex((this.focusedIndex + 1) % this.items.length);
+      else if (e.code === "ArrowUp")
+        if (e.preventDefault(), Boolean(this.dragging))
           this.moveDraggedItemUp();
         else {
-          const a = this.focusedIndex === 0 ? this.items.length - 1 : this.focusedIndex - 1;
-          this.focusItemAtIndex(a);
+          const i = this.focusedIndex === 0 ? this.items.length - 1 : this.focusedIndex - 1;
+          this.focusItemAtIndex(i);
         }
-      else if (i.code === "Space" || i.code === "Enter") {
-        const a = i.composedPath()[0];
-        if (Boolean(this.dragging) && !(a != null && a.classList.contains("resource-list-item__drag-handle")))
-          i.preventDefault(), this.stopDrag(this.dragging);
+      else if (e.code === "Space" || e.code === "Enter") {
+        const i = e.composedPath()[0];
+        if (Boolean(this.dragging) && !(i != null && i.classList.contains("resource-list-item__drag-handle")))
+          e.preventDefault(), this.stopDrag(this.dragging);
         else if (Boolean(this.controllingElement)) {
           const o = this.items[this.focusedIndex];
           if (!Boolean(o) || !o.isConnected)
             return;
-          i.stopPropagation(), i.preventDefault(), o.click();
+          e.stopPropagation(), e.preventDefault(), o.click();
         }
       } else
-        i.code === "Home" ? (i.preventDefault(), this.focusItemAtIndex(0)) : i.code === "End" && (i.preventDefault(), this.focusItemAtIndex(this.items.length - 1));
-    }, this.allowDrag = void 0, this.assistiveTextItemGrabbed = "Item grabbed. Use arrow keys to move item up or down. Use spacebar to save position.", this.assistiveTextItemMoving = "Current position:", this.assistiveTextItemMoved = "Item moved. New position:", this.controllingElement = void 0, this.label = void 0, this.spacing = "0", this.assistiveText = void 0, this.listId = _();
+        e.code === "Home" ? (e.preventDefault(), this.focusItemAtIndex(0)) : e.code === "End" && (e.preventDefault(), this.focusItemAtIndex(this.items.length - 1));
+    }, this.allowDrag = void 0, this.assistiveTextItemGrabbed = "Item grabbed. Use arrow keys to move item up or down. Use spacebar to save position.", this.assistiveTextItemMoving = "Current position:", this.assistiveTextItemMoved = "Item moved. New position:", this.controllingElement = void 0, this.label = void 0, this.spacing = "0", this.assistiveText = void 0, this.listId = w();
   }
   componentDidLoad() {
     this.observeSlotChanges(), this.collectItems(), this.setupControllingElement(), this.setItemAllowDragState(), this.setupDragDrop();
@@ -197,8 +284,8 @@ const N = ".sc-swirl-resource-list-h{display:block;width:100%}.sc-swirl-resource
     this.setupDragDrop();
   }
   disconnectedCallback() {
-    var e, i, a;
-    (e = this.sortable) == null || e.destroy(), (i = this.observer) == null || i.disconnect(), (a = this.controllingElement) == null || a.removeEventListener("keydown", this.onKeyDown);
+    var t, e, i;
+    (t = this.sortable) == null || t.destroy(), (e = this.observer) == null || e.disconnect(), (i = this.controllingElement) == null || i.removeEventListener("keydown", this.onKeyDown);
   }
   observeSlotChanges() {
     this.observer = new MutationObserver(() => {
@@ -213,63 +300,63 @@ const N = ".sc-swirl-resource-list-h{display:block;width:100%}.sc-swirl-resource
     this.setItemAllowDragState(), this.setupDragDrop();
   }
   collectItems() {
-    var e;
-    this.items = Array.from(this.el.querySelectorAll("swirl-resource-list-item, swirl-resource-list-file-item, [data-resource-list-item]")).filter((i) => i.isConnected), this.removeItemsFromTabOrder(), this.enableItemFocus(this.items[this.focusedIndex]), Boolean(this.controllingElement) && ((e = this.items[0]) == null || e.setAttribute("aria-selected", "true"));
+    var t;
+    this.items = Array.from(this.el.querySelectorAll("swirl-resource-list-item, swirl-resource-list-file-item, [data-resource-list-item]")).filter((e) => e.isConnected), this.removeItemsFromTabOrder(), this.enableItemFocus(this.items[this.focusedIndex]), Boolean(this.controllingElement) && ((t = this.items[0]) == null || t.setAttribute("aria-selected", "true"));
   }
   setupControllingElement() {
     !Boolean(this.controllingElement) || (this.controllingElement.setAttribute("aria-controls", this.listId), this.controllingElement.setAttribute("role", "combobox"), this.controllingElement.setAttribute("aria-autocomplete", "list"), this.controllingElement.addEventListener("keydown", this.onKeyDown));
   }
-  getItemIndex(e) {
-    return this.items.map((i) => i).findIndex((i) => i === e);
+  getItemIndex(t) {
+    return this.items.map((e) => e).findIndex((e) => e === t);
   }
   removeItemsFromTabOrder() {
-    this.items.forEach((e) => {
-      const i = e == null ? void 0 : e.querySelector(".resource-list-item__content, .resource-list-file-item, [data-resource-list-item-button]"), a = e == null ? void 0 : e.querySelector(".resource-list-item__drag-handle");
-      Boolean(this.controllingElement) && e.setAttribute("aria-selected", "false"), i == null || i.setAttribute("tabIndex", "-1"), a == null || a.setAttribute("tabIndex", "-1");
+    this.items.forEach((t) => {
+      const e = t == null ? void 0 : t.querySelector(".resource-list-item__content, .resource-list-file-item, [data-resource-list-item-button]"), i = t == null ? void 0 : t.querySelector(".resource-list-item__drag-handle");
+      Boolean(this.controllingElement) && t.setAttribute("aria-selected", "false"), e == null || e.setAttribute("tabIndex", "-1"), i == null || i.setAttribute("tabIndex", "-1");
     });
   }
   setItemAllowDragState() {
-    this.allowDrag ? this.items.forEach((e) => {
-      e.setAttribute("allow-drag", "true"), e.addEventListener("toggleDrag", this.toggleDrag);
-    }) : this.items.forEach((e) => {
-      e.removeAttribute("allow-drag"), e.removeEventListener("toggleDrag", this.toggleDrag);
+    this.allowDrag ? this.items.forEach((t) => {
+      t.setAttribute("allow-drag", "true"), t.addEventListener("toggleDrag", this.toggleDrag);
+    }) : this.items.forEach((t) => {
+      t.removeAttribute("allow-drag"), t.removeEventListener("toggleDrag", this.toggleDrag);
     });
   }
   setupDragDrop() {
-    Boolean(this.sortable) && this.sortable.destroy(), this.allowDrag && (this.sortable = S.create(this.gridEl, {
+    Boolean(this.sortable) && this.sortable.destroy(), this.allowDrag && (this.sortable = T.create(this.gridEl, {
       animation: 150,
       draggable: "swirl-resource-list-item",
       handle: ".resource-list-item__drag-handle",
-      onEnd: (e) => {
+      onEnd: (t) => {
         this.itemDrop.emit({
-          item: e.item,
-          oldIndex: e.oldDraggableIndex,
-          newIndex: e.newDraggableIndex
+          item: t.item,
+          oldIndex: t.oldDraggableIndex,
+          newIndex: t.newDraggableIndex
         });
       }
     }));
   }
-  enableItemFocus(e, i) {
-    if (!Boolean(e) || Boolean(this.controllingElement))
+  enableItemFocus(t, e) {
+    if (!Boolean(t) || Boolean(this.controllingElement))
       return;
-    const a = e.querySelector(".resource-list-item__content, .resource-list-file-item, [data-resource-list-item-button]"), o = e.querySelector(".resource-list-item__drag-handle");
-    Boolean(o) && o.setAttribute("tabIndex", "0"), Boolean(a) && (a.setAttribute("tabIndex", "0"), i && !Boolean(this.controllingElement) && a.focus());
+    const i = t.querySelector(".resource-list-item__content, .resource-list-file-item, [data-resource-list-item-button]"), o = t.querySelector(".resource-list-item__drag-handle");
+    Boolean(o) && o.setAttribute("tabIndex", "0"), Boolean(i) && (i.setAttribute("tabIndex", "0"), e && !Boolean(this.controllingElement) && i.focus());
   }
-  focusItemAtIndex(e) {
+  focusItemAtIndex(t) {
     this.removeItemsFromTabOrder();
-    const i = this.items[e];
-    !Boolean(i) || !i.isConnected || (this.enableItemFocus(i, !Boolean(this.controllingElement)), Boolean(this.controllingElement) && (i.setAttribute("aria-selected", "true"), i.scrollIntoView({ block: "nearest" })), this.focusedIndex = e);
+    const e = this.items[t];
+    !Boolean(e) || !e.isConnected || (this.enableItemFocus(e, !Boolean(this.controllingElement)), Boolean(this.controllingElement) && (e.setAttribute("aria-selected", "true"), e.scrollIntoView({ block: "nearest" })), this.focusedIndex = t);
   }
   moveDraggedItemDown() {
-    const e = this.dragging.nextElementSibling;
-    !Boolean(e) || (e.after(this.dragging), this.collectItems(), this.focusItemAtIndex(this.getItemIndex(this.dragging)), this.assistiveText = `${this.assistiveTextItemMoving} ${this.getItemIndex(this.dragging) + 1}`);
+    const t = this.dragging.nextElementSibling;
+    !Boolean(t) || (t.after(this.dragging), this.collectItems(), this.focusItemAtIndex(this.getItemIndex(this.dragging)), this.assistiveText = `${this.assistiveTextItemMoving} ${this.getItemIndex(this.dragging) + 1}`);
   }
   moveDraggedItemUp() {
-    const e = this.dragging.previousElementSibling;
-    !Boolean(e) || (e.before(this.dragging), this.collectItems(), this.focusItemAtIndex(this.getItemIndex(this.dragging)), this.assistiveText = `${this.assistiveTextItemMoving} ${this.getItemIndex(this.dragging) + 1}`);
+    const t = this.dragging.previousElementSibling;
+    !Boolean(t) || (t.before(this.dragging), this.collectItems(), this.focusItemAtIndex(this.getItemIndex(this.dragging)), this.assistiveText = `${this.assistiveTextItemMoving} ${this.getItemIndex(this.dragging) + 1}`);
   }
   render() {
-    return t(d, { key: "6cc50db2b8c6ab1bd6ea46b6ba1cefbecb853304", onKeyDown: this.onKeyDown }, t("swirl-visually-hidden", { key: "5e98d1598c4898781285fd8c4d7bb9ee0ff3dbbd", role: "alert" }, this.assistiveText), t("swirl-box", { key: "a3b358edcbc71612f3fa5cea7f459f886340204b", paddingInlineEnd: "8", paddingInlineStart: "8" }, t("swirl-stack", { key: "0957f9378f9f06a8fdf7c0a64fd4fc8000ec60a2", "aria-label": this.label, class: "resource-list", id: this.listId, ref: (e) => this.gridEl = e, role: "grid", spacing: this.spacing }, t("slot", { key: "76901b8006fb85ac204b262f79ddcf2ca2df8bab" }))));
+    return a(d, { key: "96af06f9572dd5721918e14843e9b4a4b9a58593", onKeyDown: this.onKeyDown }, a("swirl-visually-hidden", { key: "4d6a06d8e4f9170339e31e9c4ebd7ed5ba7371ed", role: "alert" }, this.assistiveText), a("swirl-box", { key: "45f9f1707f1ab4d69dbe82db02e047465f4a51ef", paddingInlineEnd: "8", paddingInlineStart: "8" }, a("swirl-stack", { key: "46dfcfade06e1256d345001cf9c65f8dff1169bd", "aria-label": this.label, class: "resource-list", id: this.listId, ref: (t) => this.gridEl = t, role: "grid", spacing: this.spacing }, a("slot", { key: "eeadd957c176313005fcfeb29e9b97507328d508" }))));
   }
   get el() {
     return p(this);
@@ -280,26 +367,26 @@ const N = ".sc-swirl-resource-list-h{display:block;width:100%}.sc-swirl-resource
     };
   }
 };
-q.style = F;
+P.style = F;
 const $ = `.sc-swirl-resource-list-item-h{position:relative;display:block;width:100%}.sc-swirl-resource-list-item-h *.sc-swirl-resource-list-item{box-sizing:border-box}[aria-selected="true"].sc-swirl-resource-list-item-h .resource-list-item__content.sc-swirl-resource-list-item{background-color:var(--swirl-resource-list-item-background-hovered)}[aria-selected="true"].sc-swirl-resource-list-item-h .resource-list-item__content.sc-swirl-resource-list-item .resource-list-item__media.sc-swirl-resource-list-item,[aria-selected="true"].sc-swirl-resource-list-item-h .resource-list-item__content.sc-swirl-resource-list-item .resource-list-item__meta.sc-swirl-resource-list-item{--swirl-avatar-background-color:var(--s-surface-raised-hovered);--swirl-avatar-group-border-color:var(--s-background-hovered);--swirl-badge-border-color:var(--s-background-hovered)}.resource-list-item.sc-swirl-resource-list-item{position:relative;width:100%}.resource-list-item--interactive.sc-swirl-resource-list-item:hover{--swirl-ghost-button-background-default:var(--s-background-hovered)}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{cursor:pointer}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:disabled{cursor:default}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:hover:not(:disabled),.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:focus:not(:disabled){background-color:var(--swirl-resource-list-item-background-hovered)}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:hover:not(:disabled) .resource-list-item__media.sc-swirl-resource-list-item,.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:hover:not(:disabled) .resource-list-item__meta.sc-swirl-resource-list-item,.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:focus:not(:disabled) .resource-list-item__media.sc-swirl-resource-list-item,.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:focus:not(:disabled) .resource-list-item__meta.sc-swirl-resource-list-item{--swirl-avatar-background-color:var(--s-surface-raised-hovered);--swirl-avatar-group-border-color:var(--s-background-hovered);--swirl-badge-border-color:var(--s-background-hovered)}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:active:not(:disabled){background-color:var(--swirl-resource-list-item-background-pressed)}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:active:not(:disabled) .resource-list-item__media.sc-swirl-resource-list-item,.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:active:not(:disabled) .resource-list-item__meta.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-pressed);--swirl-badge-border-color:var(--s-background-pressed)}.resource-list-item--active.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{--swirl-badge-border-color:var(
       --swirl-resource-list-item-background-hovered
     );background-color:var(--swirl-resource-list-item-background-hovered)}.resource-list-item--checked.sc-swirl-resource-list-item .resource-list-item__checkbox.sc-swirl-resource-list-item{border-color:var(--s-icon-highlight);color:var(--s-text-on-status);background-color:var(--s-icon-highlight)}.resource-list-item--compact.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding:var(--s-space-8)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item--compact.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding:var(--s-space-8)}}.resource-list-item--compact.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item{min-height:2.5rem}@media (min-width: 768px){.resource-list-item--selectable.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding-left:calc(var(--s-space-16) + 1.5rem + var(--s-space-12))}}.resource-list-item--selectable.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item{padding-right:calc(var(--s-space-16) + 1.5rem + var(--s-space-12))}@media (min-width: 768px){.resource-list-item--selectable.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item{padding-right:var(--s-space-16)}}.resource-list-item--label-weight-medium.sc-swirl-resource-list-item .resource-list-item__label.sc-swirl-resource-list-item{font-weight:var(--s-font-weight-medium)}.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:hover,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus-within{--swirl-flat-button-background-default:var(--s-background-default);--swirl-flat-button-background-disabled:var(--s-background-disabled);--swirl-flat-button-background-hovered:var(--s-background-hovered);--swirl-flat-button-background-pressed:var(--s-background-pressed)}.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:hover .resource-list-item__control.sc-swirl-resource-list-item,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus .resource-list-item__control.sc-swirl-resource-list-item,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus-within .resource-list-item__control.sc-swirl-resource-list-item{pointer-events:auto;opacity:1}.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:hover .resource-list-item__meta.sc-swirl-resource-list-item,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus .resource-list-item__meta.sc-swirl-resource-list-item,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus-within .resource-list-item__meta.sc-swirl-resource-list-item{pointer-events:none;opacity:0}.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item .resource-list-item__control.sc-swirl-resource-list-item{pointer-events:none;opacity:0}.resource-list-item--draggable.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding-left:calc(var(--s-space-16) * 2 + 1.5rem)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item--draggable.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding-left:calc(var(--s-space-16) * 2 + 1rem)}}.resource-list-item--dragging.sc-swirl-resource-list-item{z-index:1;border-radius:var(--s-border-radius-s);background-color:var(--s-surface-overlay-pressed);box-shadow:0 0.0625rem 0.125rem rgba(25, 26, 28, 0.08),
-    0 0.25rem 2rem rgba(25, 26, 28, 0.16)}.resource-list-item--dragging.sc-swirl-resource-list-item:hover:not(.resource-list-item--disabled){background-color:var(--s-surface-overlay-pressed)}.resource-list-item--disabled.resource-list-item--checked.sc-swirl-resource-list-item .resource-list-item__checkbox.sc-swirl-resource-list-item{border-color:var(--s-icon-disabled);background-color:var(--s-icon-disabled)}.resource-list-item--disabled.sc-swirl-resource-list-item .resource-list-item__checkbox.sc-swirl-resource-list-item{border-color:var(--s-icon-disabled);background-color:transparent}.resource-list-item--disabled.sc-swirl-resource-list-item .resource-list-item__checkbox-icon.sc-swirl-resource-list-item{color:var(--s-text-on-status)}.resource-list-item--wrap-description.sc-swirl-resource-list-item .resource-list-item__description.sc-swirl-resource-list-item{white-space:normal}.resource-list-item--wrap-label.sc-swirl-resource-list-item .resource-list-item__label.sc-swirl-resource-list-item{white-space:normal}.resource-list-item__content.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-default);--swirl-badge-border-color:var(--s-background-default);position:relative;display:flex;width:100%;min-width:0;margin:0;padding-top:var(--s-space-12);padding-right:0;padding-bottom:var(--s-space-12);padding-left:var(--s-space-8);align-items:flex-start;border:none;border-radius:var(--s-border-radius-sm);color:var(--s-text-default);background-color:var(--swirl-resource-list-item-background-default);font:inherit;line-height:var(--s-line-height-sm);text-align:left;text-decoration:none;gap:var(--s-space-12)}.resource-list-item__content.sc-swirl-resource-list-item:focus{outline:none}.resource-list-item__content.sc-swirl-resource-list-item:focus-visible{background-color:var(--s-background-hovered)}.resource-list-item__content.sc-swirl-resource-list-item:focus-visible .resource-list-item__media.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-hovered);--swirl-badge-border-color:var(--s-background-hovered)}.resource-list-item__content.sc-swirl-resource-list-item:disabled{color:var(--s-text-disabled);cursor:default}.resource-list-item__content.sc-swirl-resource-list-item:disabled .resource-list-item__description.sc-swirl-resource-list-item{color:var(--s-text-disabled)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item__content.sc-swirl-resource-list-item{padding:var(--s-space-12) var(--s-space-8);line-height:var(--s-line-height-base)}}.resource-list-item__media.sc-swirl-resource-list-item{display:inline-flex;flex-shrink:0}.resource-list-item__label-container.sc-swirl-resource-list-item{position:relative;display:flex;min-width:0;min-height:3rem;padding-right:var(--s-space-16);flex-grow:1;justify-content:center;flex-direction:column}.resource-list-item__label.sc-swirl-resource-list-item{overflow:hidden;font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);white-space:nowrap;text-overflow:ellipsis}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item__label.sc-swirl-resource-list-item{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.resource-list-item__description.sc-swirl-resource-list-item{overflow:hidden;color:var(--s-text-subdued);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);white-space:nowrap;text-overflow:ellipsis}.resource-list-item__menu-trigger.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-16);transform:translateY(-50%)}.resource-list-item__control.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-8);transform:translateY(-50%)}.resource-list-item__checkbox.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-16);display:flex;width:1.125rem;height:1.125rem;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:var(--s-border-radius-s);transform:translateY(-50%);pointer-events:none}@media (min-width: 768px){.resource-list-item__checkbox.sc-swirl-resource-list-item{right:auto;left:calc(var(--s-space-16) - var(--s-space-2))}}.resource-list-item__checkbox-icon.sc-swirl-resource-list-item{display:inline-flex;width:1.0625rem;height:1.0625rem}.resource-list-item__checkbox-icon.sc-swirl-resource-list-item>*.sc-swirl-resource-list-item::part(icon){width:1.0625rem;height:1.0625rem}.resource-list-item__meta.sc-swirl-resource-list-item{display:flex;align-items:flex-end;color:var(--s-text-subdued);font-size:var(--s-font-size-sm);flex-direction:column;align-self:flex-start;gap:var(--s-space-2)}.resource-list-item__badges.sc-swirl-resource-list-item{display:inline-flex;width:-webkit-max-content;width:-moz-max-content;width:max-content}.resource-list-item__drag-handle.sc-swirl-resource-list-item{position:absolute;z-index:1;top:50%;left:var(--s-space-4);display:inline-flex;margin:0;padding:0;padding:var(--s-space-8);flex-shrink:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:grab;transform:translateY(-50%)}.resource-list-item__drag-handle.sc-swirl-resource-list-item:active{cursor:grabbing}.resource-list-item__drag-handle.sc-swirl-resource-list-item:focus:not(:focus-visible){outline:none}.resource-list-item__drag-handle.sc-swirl-resource-list-item:focus-visible{outline-color:var(--s-focus-default)}`, P = $, R = class {
-  constructor(e) {
-    l(this, e), this.toggleDrag = s(this, "toggleDrag", 7), this.valueChange = s(this, "valueChange", 7), this.desktopMediaQuery = I(), this.elementId = _(), this.desktopMediaQueryHandler = (i) => {
-      this.forceIconProps(i.matches), this.updateIconSize(i.matches);
+    0 0.25rem 2rem rgba(25, 26, 28, 0.16)}.resource-list-item--dragging.sc-swirl-resource-list-item:hover:not(.resource-list-item--disabled){background-color:var(--s-surface-overlay-pressed)}.resource-list-item--disabled.resource-list-item--checked.sc-swirl-resource-list-item .resource-list-item__checkbox.sc-swirl-resource-list-item{border-color:var(--s-icon-disabled);background-color:var(--s-icon-disabled)}.resource-list-item--disabled.sc-swirl-resource-list-item .resource-list-item__checkbox.sc-swirl-resource-list-item{border-color:var(--s-icon-disabled);background-color:transparent}.resource-list-item--disabled.sc-swirl-resource-list-item .resource-list-item__checkbox-icon.sc-swirl-resource-list-item{color:var(--s-text-on-status)}.resource-list-item--wrap-description.sc-swirl-resource-list-item .resource-list-item__description.sc-swirl-resource-list-item{white-space:normal}.resource-list-item--wrap-label.sc-swirl-resource-list-item .resource-list-item__label.sc-swirl-resource-list-item{white-space:normal}.resource-list-item__content.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-default);--swirl-badge-border-color:var(--s-background-default);position:relative;display:flex;width:100%;min-width:0;margin:0;padding-top:var(--s-space-12);padding-right:0;padding-bottom:var(--s-space-12);padding-left:var(--s-space-8);align-items:flex-start;border:none;border-radius:var(--s-border-radius-sm);color:var(--s-text-default);background-color:var(--swirl-resource-list-item-background-default);font:inherit;line-height:var(--s-line-height-sm);text-align:left;text-decoration:none;gap:var(--s-space-12)}.resource-list-item__content.sc-swirl-resource-list-item:focus{outline:none}.resource-list-item__content.sc-swirl-resource-list-item:focus-visible{background-color:var(--s-background-hovered)}.resource-list-item__content.sc-swirl-resource-list-item:focus-visible .resource-list-item__media.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-hovered);--swirl-badge-border-color:var(--s-background-hovered)}.resource-list-item__content.sc-swirl-resource-list-item:disabled{color:var(--s-text-disabled);cursor:default}.resource-list-item__content.sc-swirl-resource-list-item:disabled .resource-list-item__description.sc-swirl-resource-list-item{color:var(--s-text-disabled)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item__content.sc-swirl-resource-list-item{padding:var(--s-space-12) var(--s-space-8);line-height:var(--s-line-height-base)}}.resource-list-item__media.sc-swirl-resource-list-item{display:inline-flex;flex-shrink:0}.resource-list-item__label-container.sc-swirl-resource-list-item{position:relative;display:flex;min-width:0;min-height:3rem;padding-right:var(--s-space-16);flex-grow:1;justify-content:center;flex-direction:column}.resource-list-item__label.sc-swirl-resource-list-item{overflow:hidden;font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);white-space:nowrap;text-overflow:ellipsis}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item__label.sc-swirl-resource-list-item{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.resource-list-item__description.sc-swirl-resource-list-item{overflow:hidden;color:var(--s-text-subdued);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);white-space:nowrap;text-overflow:ellipsis}.resource-list-item__menu-trigger.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-16);transform:translateY(-50%)}.resource-list-item__control.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-8);transform:translateY(-50%)}.resource-list-item__checkbox.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-16);display:flex;width:1.125rem;height:1.125rem;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:var(--s-border-radius-s);transform:translateY(-50%);pointer-events:none}@media (min-width: 768px){.resource-list-item__checkbox.sc-swirl-resource-list-item{right:auto;left:calc(var(--s-space-16) - var(--s-space-2))}}.resource-list-item__checkbox-icon.sc-swirl-resource-list-item{display:inline-flex;width:1.0625rem;height:1.0625rem}.resource-list-item__checkbox-icon.sc-swirl-resource-list-item>*.sc-swirl-resource-list-item::part(icon){width:1.0625rem;height:1.0625rem}.resource-list-item__meta.sc-swirl-resource-list-item{display:flex;align-items:flex-end;color:var(--s-text-subdued);font-size:var(--s-font-size-sm);flex-direction:column;align-self:flex-start;gap:var(--s-space-2)}.resource-list-item__badges.sc-swirl-resource-list-item{display:inline-flex;width:-webkit-max-content;width:-moz-max-content;width:max-content}.resource-list-item__drag-handle.sc-swirl-resource-list-item{position:absolute;z-index:1;top:50%;left:var(--s-space-4);display:inline-flex;margin:0;padding:0;padding:var(--s-space-8);flex-shrink:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:grab;transform:translateY(-50%)}.resource-list-item__drag-handle.sc-swirl-resource-list-item:active{cursor:grabbing}.resource-list-item__drag-handle.sc-swirl-resource-list-item:focus:not(:focus-visible){outline:none}.resource-list-item__drag-handle.sc-swirl-resource-list-item:focus-visible{outline-color:var(--s-focus-default)}`, Q = $, R = class {
+  constructor(t) {
+    n(this, t), this.toggleDrag = r(this, "toggleDrag", 7), this.valueChange = r(this, "valueChange", 7), this.desktopMediaQuery = _(), this.elementId = w(), this.desktopMediaQueryHandler = (e) => {
+      this.forceIconProps(e.matches), this.updateIconSize(e.matches);
     }, this.onClick = () => {
       !this.selectable || (this.checked = !this.checked, this.valueChange.emit(this.checked));
     }, this.onBlur = () => {
       this.makeControlUnfocusable();
     }, this.onFocus = () => {
       this.makeControlFocusable();
-    }, this.onMenuTriggerClick = (i) => {
-      this.disabled && !Boolean(this.href) && i.stopPropagation();
-    }, this.onDragHandleKeyDown = (i) => {
-      (i.code === "Space" || i.code === "Enter") && (i.preventDefault(), this.toggleDrag.emit(this.el));
-    }, this.onControlClick = (i) => {
-      i.stopPropagation();
+    }, this.onMenuTriggerClick = (e) => {
+      this.disabled && !Boolean(this.href) && e.stopPropagation();
+    }, this.onDragHandleKeyDown = (e) => {
+      (e.code === "Space" || e.code === "Enter") && (e.preventDefault(), this.toggleDrag.emit(this.el));
+    }, this.onControlClick = (e) => {
+      e.stopPropagation();
     }, this.active = void 0, this.allowDrag = void 0, this.allowHtml = !0, this.checked = !1, this.compact = void 0, this.description = void 0, this.descriptionWrap = void 0, this.disabled = void 0, this.dragging = void 0, this.dragHandleDescription = "Press spacebar to toggle grab", this.dragHandleLabel = "Move item", this.hideDivider = void 0, this.href = void 0, this.interactive = !0, this.label = void 0, this.labelWeight = "medium", this.labelWrap = void 0, this.menuTriggerId = void 0, this.menuTriggerLabel = "Options", this.meta = void 0, this.selectable = void 0, this.swirlAriaLabel = void 0, this.value = void 0, this.hasMedia = !1, this.iconSize = 24;
   }
   componentWillLoad() {
@@ -309,63 +396,63 @@ const $ = `.sc-swirl-resource-list-item-h{position:relative;display:block;width:
     this.forceIconProps(this.desktopMediaQuery.matches), this.updateIconSize(this.desktopMediaQuery.matches), this.desktopMediaQuery.onchange = this.desktopMediaQueryHandler, this.makeControlUnfocusable(), Boolean(this.menuTriggerId) && console.warn('[Swirl] The "menu-trigger-id" prop of swirl-resource-list-item is deprecated and will be removed with the next major release. Please use the "control" slot to add a menu button instead. https://swirl-storybook.flip-app.dev/?path=/docs/components-swirlresourcelistitem--docs');
   }
   disconnectedCallback() {
-    var e, i;
-    (i = (e = this.desktopMediaQuery).removeEventListener) == null || i.call(e, "change", this.desktopMediaQueryHandler);
+    var t, e;
+    (e = (t = this.desktopMediaQuery).removeEventListener) == null || e.call(t, "change", this.desktopMediaQueryHandler);
   }
-  forceIconProps(e) {
-    var a;
-    const i = (a = this.iconEl) == null ? void 0 : a.children[0];
-    i == null || i.setAttribute("size", e ? "20" : "24");
+  forceIconProps(t) {
+    var i;
+    const e = (i = this.iconEl) == null ? void 0 : i.children[0];
+    e == null || e.setAttribute("size", t ? "20" : "24");
   }
-  updateIconSize(e) {
-    this.iconSize = e ? 20 : 24;
+  updateIconSize(t) {
+    this.iconSize = t ? 20 : 24;
   }
   updateMediaState() {
-    const e = this.el.querySelector('[slot="media"]'), i = Boolean(e);
-    i !== this.hasMedia && (this.hasMedia = i);
+    const t = this.el.querySelector('[slot="media"]'), e = Boolean(t);
+    e !== this.hasMedia && (this.hasMedia = e);
   }
   getControl() {
     return this.el.querySelector('[slot="control"] button');
   }
   makeControlFocusable() {
-    const e = this.getControl();
-    !Boolean(e) || (e.tabIndex = 0);
+    const t = this.getControl();
+    !Boolean(t) || (t.tabIndex = 0);
   }
   makeControlUnfocusable() {
-    const e = this.getControl();
-    !Boolean(e) || (e.tabIndex = -1);
+    const t = this.getControl();
+    !Boolean(t) || (t.tabIndex = -1);
   }
   render() {
-    var h;
-    const e = !this.interactive && !this.selectable ? "div" : Boolean(this.href) && !this.selectable ? "a" : "button", i = this.disabled && !Boolean(this.href), a = Boolean(this.el.querySelector("[slot='badges']")), o = this.el.querySelector("[slot='control']"), r = Boolean(this.menuTriggerId) || o, c = this.interactive && Boolean(this.href) ? this.href : void 0, u = o && (Boolean(this.meta) || a), b = Boolean(this.menuTriggerId) && !Boolean(this.meta) && !this.selectable, m = (Boolean(this.meta) || a) && !this.selectable, v = Boolean(this.swirlAriaLabel) ? this.swirlAriaLabel : this.label, w = this.selectable ? String(this.checked) : void 0, k = this.interactive && this.selectable ? "checkbox" : void 0, x = !m && Boolean(this.controlContainer) ? {
-      paddingRight: `calc(${(h = this.controlContainer) == null ? void 0 : h.getBoundingClientRect().width}px + var(--s-space-16))`
-    } : void 0, C = n("resource-list-item", `resource-list-item--label-weight-${this.labelWeight}`, {
+    var v;
+    const t = !this.interactive && !this.selectable ? "div" : Boolean(this.href) && !this.selectable ? "a" : "button", e = this.disabled && !Boolean(this.href), i = Boolean(this.el.querySelector("[slot='badges']")), o = this.el.querySelector("[slot='control']"), l = Boolean(this.menuTriggerId) || o, u = this.interactive && Boolean(this.href) ? this.href : void 0, b = o && (Boolean(this.meta) || i), m = Boolean(this.menuTriggerId) && !Boolean(this.meta) && !this.selectable, s = (Boolean(this.meta) || i) && !this.selectable, k = Boolean(this.swirlAriaLabel) ? this.swirlAriaLabel : this.label, x = this.selectable ? String(this.checked) : void 0, S = this.interactive && this.selectable ? "checkbox" : void 0, C = !s && Boolean(this.controlContainer) ? {
+      paddingRight: `calc(${(v = this.controlContainer) == null ? void 0 : v.getBoundingClientRect().width}px + var(--s-space-16))`
+    } : void 0, I = c("resource-list-item", `resource-list-item--label-weight-${this.labelWeight}`, {
       "resource-list-item--active": this.active,
       "resource-list-item--checked": this.checked,
       "resource-list-item--compact": this.compact,
       "resource-list-item--disabled": this.disabled,
       "resource-list-item--draggable": this.allowDrag,
       "resource-list-item--dragging": this.dragging,
-      "resource-list-item--has-menu": r,
+      "resource-list-item--has-menu": l,
       "resource-list-item--hide-divider": this.hideDivider,
       "resource-list-item--interactive": this.interactive || this.selectable,
       "resource-list-item--selectable": this.selectable,
-      "resource-list-item--show-control-on-focus": u,
-      "resource-list-item--show-meta": m,
+      "resource-list-item--show-control-on-focus": b,
+      "resource-list-item--show-meta": s,
       "resource-list-item--wrap-description": this.descriptionWrap,
       "resource-list-item--wrap-label": this.labelWrap
     });
-    return t(d, { key: "a10409a38264aedcb984dbb18a3b117ee3a6fbf7", role: "row" }, t("div", { key: "bbb1141f8b853d4a28bfdf40ba4503b45c88947b", class: C, role: "gridcell" }, t(e, { key: "de393bac42fe13a6272aa6f6bfe9b058cd31f0b6", "aria-checked": w, "aria-disabled": i ? "true" : void 0, "aria-label": v, "aria-labelledby": Boolean(this.swirlAriaLabel) ? void 0 : this.elementId, class: "resource-list-item__content", href: c, disabled: i, onClick: this.onClick, onBlur: this.onBlur, onFocus: this.onFocus, part: "resource-list-item__content", role: k, tabIndex: 0, type: e === "button" ? "button" : void 0 }, this.hasMedia && t("span", { key: "03713ae4710c72010a24a5df6e9e8401d3561fe4", class: "resource-list-item__media" }, t("slot", { key: "8521bc2441764bfe61afab1a9ad84cbf4cbbdf08", name: "media" })), t("span", { key: "55d6c99daf2e57b566c9c07662247ba1937c07bd", class: "resource-list-item__label-container", style: x }, t("span", { key: "64a7f44766a57ad491aa878422fdb08f82dba894", class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : void 0 }, !this.allowHtml && this.label), this.description && t("span", { key: "fd6d3c4540cd0d085092b992434efd234b68ee84", class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : void 0 }, !this.allowHtml && this.description)), m && t("span", { key: "a5e92893c72ac723333257aa4f6e49c7d9316852", class: "resource-list-item__meta" }, t("span", { key: "4407cc4da70749c2e9abe19cf7058edc98d94e31", class: "resource-list-item__meta-text" }, this.meta), t("span", { key: "384d5a72dcd83555047d2c7ef27f9914ee6e33c7", class: "resource-list-item__badges" }, t("slot", { key: "fa000766ce367c8f9545aa8f7457335fd02b7d73", name: "badges" })))), this.selectable && t("span", { key: "0923c527c6044932af7a3c0293134e5bfd1c2eb9", "aria-hidden": "true", class: "resource-list-item__checkbox" }, t("span", { key: "d1b1250b6f7471fc0f893966eed15eeef3592af4", class: "resource-list-item__checkbox-icon" }, this.checked && t("swirl-icon-check-strong", { key: "530934d130a9fba3dd99719cb647f53fa697ab42" }))), t("span", { key: "df5f1782f2126f554b4100420c5b9d45c5b8f793", class: "resource-list-item__control", onClick: this.onControlClick, ref: (B) => this.controlContainer = B }, t("slot", { key: "3b0fa99132b3fba416547fb839b00a6ec0d75ed2", name: "control" })), b && t("swirl-popover-trigger", { key: "bfbc36084ae6871f821c437b52517e7f04e868f9", swirlPopover: this.menuTriggerId }, t("swirl-button", { key: "4b8f9bd6c5d6c14deccc80200af58378c2cf64e5", "aria-disabled": i ? "true" : void 0, class: "resource-list-item__menu-trigger", disabled: i, hideLabel: !0, icon: "<swirl-icon-more-horizontal></swirl-icon-more-horizontal>", intent: "primary", label: this.menuTriggerLabel, onClick: this.onMenuTriggerClick }))), this.allowDrag && t("button", { key: "a9e8e50c27af4c053d814c29701cd8c61bd7f2c2", "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "resource-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, type: "button" }, t("swirl-icon-drag-handle", { key: "ff8879f00857f4efe09903c5ecc119d5474c1666", size: this.iconSize })));
+    return a(d, { key: "ac74fb7463d8d0d9f2b83356353e9c4a90b5a1aa", role: "row" }, a("div", { key: "733859dfd9c0980e8659399d2344e6a013420b86", class: I, role: "gridcell" }, a(t, { key: "8fbccd573e7135479fe1b27179b66737cb08d602", "aria-checked": x, "aria-disabled": e ? "true" : void 0, "aria-label": k, "aria-labelledby": Boolean(this.swirlAriaLabel) ? void 0 : this.elementId, class: "resource-list-item__content", href: u, disabled: e, onClick: this.onClick, onBlur: this.onBlur, onFocus: this.onFocus, part: "resource-list-item__content", role: S, tabIndex: 0, type: t === "button" ? "button" : void 0 }, this.hasMedia && a("span", { key: "22db389db7d6f0d62dcbfb03efcd69d7904db977", class: "resource-list-item__media" }, a("slot", { key: "fb241f299008cb0a622df9958316d826c01d4c7e", name: "media" })), a("span", { key: "ee3eca86bcef05e666e17b359686d44cfe873715", class: "resource-list-item__label-container", style: C }, a("span", { key: "39d163e3741c8b6f7cff6511beb16dcf6277e1ec", class: "resource-list-item__label", id: this.elementId, innerHTML: this.allowHtml ? this.label : void 0 }, !this.allowHtml && this.label), this.description && a("span", { key: "039ebc6f9d22031d26ed207c19251000bf28e58d", class: "resource-list-item__description", innerHTML: this.allowHtml ? this.description : void 0 }, !this.allowHtml && this.description)), s && a("span", { key: "e9b96c32db78de5392ab803ad75906b932f5b94f", class: "resource-list-item__meta" }, a("span", { key: "b60fc5920cc7a2a4a375ba3a20d836f5596708a9", class: "resource-list-item__meta-text" }, this.meta), a("span", { key: "8f42c56de7e649bd0112bbbe67a9c45508292632", class: "resource-list-item__badges" }, a("slot", { key: "8e03652fd0084c4444e158e140095c64160309c2", name: "badges" })))), this.selectable && a("span", { key: "ab378006208232d293b37b920cb47e7350de76e4", "aria-hidden": "true", class: "resource-list-item__checkbox" }, a("span", { key: "6b75aa2f40d80579f38364d3636a67d8d5f9e8e9", class: "resource-list-item__checkbox-icon" }, this.checked && a("swirl-icon-check-strong", { key: "4ad6c7dd6e5c36269dec1f37a1c94b1fdc9cd56d" }))), a("span", { key: "7df52eb0305c2a7a6bad2299940fa718caa3ab25", class: "resource-list-item__control", onClick: this.onControlClick, ref: (B) => this.controlContainer = B }, a("slot", { key: "b3a1841057ba2f9aec1ca4fd1827aa27bd1c2d70", name: "control" })), m && a("swirl-popover-trigger", { key: "b109f91d7c21e88853ab0a8b56f894fbca8b2d1c", swirlPopover: this.menuTriggerId }, a("swirl-button", { key: "2e946c4671ff07f7e6d08b55a3f6acf17f81214a", "aria-disabled": e ? "true" : void 0, class: "resource-list-item__menu-trigger", disabled: e, hideLabel: !0, icon: "<swirl-icon-more-horizontal></swirl-icon-more-horizontal>", intent: "primary", label: this.menuTriggerLabel, onClick: this.onMenuTriggerClick }))), this.allowDrag && a("button", { key: "a7e6850dbe1be6cff77d6eb3dae8fb44b3c03955", "aria-describedby": this.dragHandleDescription, "aria-label": `${this.dragHandleLabel} "${this.label}"`, class: "resource-list-item__drag-handle", onKeyDown: this.onDragHandleKeyDown, type: "button" }, a("swirl-icon-drag-handle", { key: "ad3da0fee6bbac0a17db50b0cfc3a2484e991c07", size: this.iconSize })));
   }
   get el() {
     return p(this);
   }
 };
-R.style = P;
+R.style = Q;
 export {
   M as swirl_app_layout,
-  V as swirl_empty_state,
-  E as swirl_icon_folder_shared,
-  q as swirl_resource_list,
+  H as swirl_empty_state,
+  O as swirl_icon_folder_shared,
+  P as swirl_resource_list,
   R as swirl_resource_list_item
 };