@getflip/swirl-components 0.317.2 → 0.319.0

package/dist/swirl-components/{p-7002c6d5.entry.js → p-6aa3a388.entry.js}

@@ -1 +1 @@
-import{r as a,c as t,h as i,a as e,g as o,F as s}from"./p-3fc884a6.js";import{c as r}from"./p-a5dce9e6.js";import{g as l,d as n,i as p,h as d}from"./p-5136b9f9.js";import{S as c}from"./p-8d973c9c.js";import{v as u}from"./p-14616bce.js";const b=class{constructor(i){a(this,i),this.ctaClick=t(this,"ctaClick",7),this.mobileViewChange=t(this,"mobileViewChange",7),this.navigationBackButtonClick=t(this,"navigationBackButtonClick",7),this.navigationExpansionStateChange=t(this,"navigationExpansionStateChange",7),this.sidebarToggle=t(this,"sidebarToggle",7),this.desktopMediaQuery=l(),this.desktopMediaQueryHandler=a=>{this.isDesktop=a.matches},this.onBackToNavigationViewButtonClick=()=>{this.changeMobileView("navigation")},this.onCtaClick=a=>{this.ctaClick.emit(a)},this.onNavigationBackButtonClick=a=>{this.navigationBackButtonClick.emit(a)},this.onSidebarCloseButtonClick=()=>{this.hideSidebar()},this.onContentScroll=n((()=>{this.updateContentScrollState()}),16),this.onNavScroll=n((()=>{this.updateNavScrollState()}),16),this.onSidebarScroll=n((()=>{this.updateSidebarScrollState()}),16),this.toggleNavigation=()=>{this.collapsibleNavigation&&this.setCollapsibleNavigationState("expanded"===this.navExpansionState?"collapsed":"expanded")},this.overlayNavigation=a=>{a.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.initialMobileView=void 0,this.navigationBackButtonLabel="Go back",this.navigationExpansionStateStorageKey="SWIRL_APP_LAYOUT_NAV_EXPANSION_STATE",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.initialMobileView&&(this.mobileView=this.initialMobileView),this.mutationObserver=new MutationObserver((()=>{this.updateCustomAppBarBackButtonStatus(),this.updateNavigationStatus(),this.updateSidebarStatus()})),this.mutationObserver.observe(this.el,{childList:!0}),queueMicrotask((()=>{this.updateCustomAppBarBackButtonStatus(),this.updateSidebarStatus(),this.updateNavigationStatus(),this.checkMobileView()}))}componentDidLoad(){this.desktopMediaQuery.addEventListener("change",this.desktopMediaQueryHandler),queueMicrotask((()=>{this.isDesktop=this.desktopMediaQuery.matches,this.restoreNavExpansionState(),this.updateContentScrollState(),this.updateSidebarScrollState(),this.updateNavScrollState()}))}disconnectedCallback(){this.desktopMediaQuery.removeEventListener?.("change",this.desktopMediaQueryHandler),this.mutationObserver?.disconnect()}onDocumentClick(a){this.collapsibleNavigation&&"overlayed"===this.navExpansionState&&(a.composedPath().includes(this.navEl)||a.composedPath().includes(this.headerEl)||this.setCollapsibleNavigationState("collapsed"))}onKeyDown(a){"Escape"===a.key&&"overlayed"===this.navExpansionState&&this.setCollapsibleNavigationState("collapsed")}watchMobileView(){this.checkMobileView()}async showSidebar(){if(this.sidebarActive||!this.hasSidebar)return;Boolean(this.sidebarOpeningTimeout)&&clearTimeout(this.sidebarOpeningTimeout),this.sidebarOpening=!0;const a=p()||d()?0:300;this.sidebarOpeningTimeout=setTimeout((()=>{this.sidebarActive=!0,this.sidebarOpening=!1,this.changeMobileView("sidebar"),this.sidebarToggle.emit(!0)}),a)}async hideSidebar(){if(!this.sidebarActive||!this.hasSidebar)return;Boolean(this.sidebarClosingTimeout)&&clearTimeout(this.sidebarClosingTimeout),this.sidebarClosing=!0;const a=p()||d()?0:300;this.sidebarClosingTimeout=setTimeout((()=>{this.sidebarActive=!1,this.sidebarClosing=!1,this.changeMobileView("body"),this.sidebarToggle.emit(!1)}),a)}async toggleSidebar(){this.hasSidebar&&(this.sidebarActive?this.hideSidebar():this.showSidebar())}async getCollapsibleNavigationState(){return this.navExpansionState}async setCollapsibleNavigationState(a){this.collapsibleNavigation&&(this.navExpansionState=a,this.navigationExpansionStateChange.emit(this.navExpansionState),localStorage.setItem(this.navigationExpansionStateStorageKey,this.navExpansionState))}async changeMobileView(a,t=!0){if(this.mobileView===a||"navigation"===a&&!this.hasNavigation||"sidebar"===a&&!this.hasSidebar)return;if(!p()||!t)return this.mobileView=a,void this.mobileViewChange.emit(this.mobileView);Boolean(this.transitionTimeout)&&clearTimeout(this.transitionTimeout),this.transitioningFrom=this.mobileView,this.transitioningTo=a;const i=d();this.transitionTimeout=setTimeout((()=>{this.mobileView=a,this.transitioningFrom=void 0,this.transitioningTo=void 0,this.mobileViewChange.emit(this.mobileView)}),i?0:"slides"===this.transitionStyle?400:"dialog"===this.transitionStyle?300:0)}checkMobileView(){if("navigation"===this.mobileView&&!this.hasNavigation||"sidebar"===this.mobileView&&!this.hasSidebar)return void(this.mobileView="body");const a="sidebar"===this.mobileView||this.sidebarActive;a!==this.sidebarActive&&(a?this.showSidebar():this.hideSidebar())}updateNavigationStatus(){this.hasNavigation=Boolean(this.el.querySelector('[slot="navigation"]'))}updateCustomAppBarBackButtonStatus(){this.hasCustomAppBarBackButton=Boolean(this.el.querySelector('[slot="custom-app-bar-back-button"]'))}updateSidebarStatus(){this.hasSidebar=Boolean(this.el.querySelector('[slot="sidebar"]'))}updateContentScrollState(){const a={scrollable:this.contentEl.scrollHeight>this.contentEl.clientHeight,scrolledToTop:0===this.contentEl.scrollTop,scrolledToBottom:Math.round(this.contentEl.scrollTop+this.contentEl.clientHeight)>=this.contentEl.scrollHeight};Object.keys(a).some((t=>a[t]!==this.contentScrollState[t]))&&(this.contentScrollState=a)}updateNavScrollState(){const a={scrollable:this.navEl.scrollHeight>this.navEl.clientHeight,scrolledToTop:0===this.navEl.scrollTop};Object.keys(a).some((t=>a[t]!==this.navScrollState[t]))&&(this.navScrollState=a)}updateSidebarScrollState(){const a={scrollable:this.sidebarEl.scrollHeight>this.sidebarEl.clientHeight,scrolledToTop:0===this.sidebarEl.scrollTop};Object.keys(a).some((t=>a[t]!==this.sidebarScrollState[t]))&&(this.sidebarScrollState=a)}restoreNavExpansionState(){if(!this.collapsibleNavigation)return;const a=localStorage.getItem(this.navigationExpansionStateStorageKey);Boolean(a)&&this.setCollapsibleNavigationState(a)}render(){const a=("body"===this.mobileView||this.transitioningTo)&&this.hasNavigation&&!this.hasCustomAppBarBackButton,t=Boolean(this.el.querySelector('[slot="app-bar-controls"]')),o=Boolean(this.el.querySelector('[slot="bottom-bar"]')),s=Boolean(this.el.querySelector('[slot="app-bar-mobile-menu-button"]')),l=Boolean(this.el.querySelector('[slot="custom-sidebar-header"]')),n=Boolean(this.el.querySelector('[slot="floating-action-button"]'))||Boolean(this.ctaLabel),p=this.hasNavigation&&(!this.collapsibleNavigation||"collapsed"!==this.navExpansionState||!this.isDesktop),d=r("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":s,"app-layout--has-app-bar-controls":t,"app-layout--has-bottom-bar":o,"app-layout--has-custom-app-bar-back-button":this.hasCustomAppBarBackButton,"app-layout--has-custom-sidebar-header":l,"app-layout--has-floating-action-button":n,"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":"sidebar"===this.mobileView||this.sidebarActive,"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 i(e,{key:"e9ce1a534b9acff55e07b798afb306e07a619a81"},i("section",{key:"4d328d6707d7dff74ad9c6016af1ada8f1384e28","aria-labelledby":"app-name",class:d},i("div",{key:"2b7e59a9abf6c8d1379136e1446ce7e708974f43",class:"app-layout__grid"},i("header",{key:"e3e8a94655fa12bc7daa7b9ae984217654d5d8d0",class:"app-layout__header",ref:a=>this.headerEl=a},i("span",{key:"4842de5ed8cb9d055f75426f09d4c4221ce3248c",class:"app-layout__navigation-mobile-menu-button"},i("slot",{key:"24607acca33855b93dba77e0cab7b43cc19dbf6f",name:"navigation-mobile-menu-button"})),this.collapsibleNavigation&&i("span",{key:"b5e0b5c1ab49c9a77de1e6d8c9157cf907a5d331",class:"app-layout__nav-overlay-toggle"},i("swirl-button",{key:"de84a867b3b81da15a8a1a91feaf3d555b05d830",hideLabel:!0,icon:"expanded"!==this.navExpansionState?"<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&&i("span",{key:"7a146162ce324567d3bd9ac1e94fb4270e841491",class:"app-layout__navigation-back-button"},i("swirl-button",{key:"01e4e8588d68a858b3199883255a4de4a5890bf3",hideLabel:!0,icon:"<swirl-icon-arrow-back></swirl-icon-arrow-back>",label:this.navigationBackButtonLabel,onClick:this.onNavigationBackButtonClick})),i("swirl-heading",{key:"89125641f790dfc3134265a212768b6aa8f17f25",as:"h1",class:"app-layout__app-name",headingId:"app-name",level:3,text:this.appName}),p&&i("span",{key:"695f0de46afd902d3d69bd85d74ef9915a5a9c75",class:"app-layout__navigation-controls"},i("slot",{key:"2f239735632860d0edfe5fb967bac05b21f14452",name:"navigation-controls"}))),i("nav",{key:"3bc5df6af2555a12164b8695f2b1b637ec2d086d","aria-label":this.navigationLabel,class:"app-layout__navigation",onScroll:this.onNavScroll,ref:a=>this.navEl=a,inert:this.isDesktop&&this.collapsibleNavigation&&"collapsed"===this.navExpansionState},i("slot",{key:"d5e1ac3dc3187e1b4761b83d66d4fa98c7c4e3b4",name:"navigation"})),i("section",{key:"422313cc9de344ef4b66a37f0f69b709b6f71687","aria-labelledby":"app-name",class:"app-layout__body"},!this.hideAppBar&&i("header",{key:"46ea9b5669da12d8e78151977dc55b1e197e8dcb",class:"app-layout__app-bar"},i("span",{key:"b35d5938aadcdffa64b8927c096bb3f5b87fa349",class:"app-layout__app-bar-mobile-menu-button"},i("slot",{key:"2be2762f6d1cfdf8f569006557b5c51b8fc28b36",name:"app-bar-mobile-menu-button"})),a&&i("span",{key:"edfb91e719c8b77c73e945ca138f334fca56540b",class:"app-layout__back-to-navigation-button"},i("swirl-button",{key:"e8cc48db20975a04dd63a8dc86c39b86bbb5630f",hideLabel:!0,icon:"dialog"===this.transitionStyle?"<swirl-icon-close></swirl-icon-close>":"<swirl-icon-arrow-back></swirl-icon-arrow-back>",label:this.backToNavigationViewButtonLabel,onClick:this.onBackToNavigationViewButtonClick})),this.collapsibleNavigation&&"expanded"!==this.navExpansionState&&i("span",{key:"8c96a9e2f67470bd86c72d66272306901585d81e",class:"app-layout__nav-expansion-toggle"},i("swirl-button",{key:"36b26a023643f6fc3f43d2df344583004ee60b78",hideLabel:!0,icon:"<swirl-icon-hamburger-menu></swirl-icon-hamburger-menu>",label:this.navigationOverlayLabel,onClick:this.overlayNavigation})),i("span",{key:"b005af6a600db164a8251478d8d6f0b63dad6d48",class:"app-layout__custom-app-bar-back-button"},i("slot",{key:"829e1e1145543dbb9658566051e69d28095ed4ee",name:"custom-app-bar-back-button"})),i("div",{key:"e25d3fe097657c6ce637d075d7f886faebb8dcde",class:"app-layout__app-bar-content"},i("slot",{key:"7913c7ce6ca420a4ea5c6640e57e8718c5b8cdc5",name:"app-bar"})),i("div",{key:"5f6df0102cebfcaaa4e2bde25e218e6a506c81ca",class:"app-layout__app-bar-controls"},i("slot",{key:"b4b19bf2bb4a51732f9ea647758b42721169aa5e",name:"app-bar-controls"}))),i("div",{key:"a1cbbdffab4675813ee104abcdcf5722ad33242e",class:"app-layout__banner"},i("slot",{key:"0fc317305b8d94dc2670f2731ab7ac841ddad69e",name:"banner"})),i("div",{key:"6c434829a6c78aeaea9f084735122d685b1ca636",class:"app-layout__content",onScroll:this.onContentScroll,ref:a=>this.contentEl=a},i("slot",{key:"5ab35d69d738ac114725661f296f89624ce5aa21",name:"content"})),i("div",{key:"14a299ef135a30d6f8975db14bdb668e79c39b7b",class:"app-layout__bottom-bar"},i("slot",{key:"b6f039e3ca95a896c38bfa97943b46f21d0688e4",name:"bottom-bar"}))),i("aside",{key:"403077f3384c185e97eb0205f11a932e4c1ad76c",class:"app-layout__sidebar"},i("header",{key:"a951e471e8363a025b4ba1ce377e7e1ef17d7e79",class:"app-layout__custom-sidebar-header"},i("slot",{key:"f6e9ca768e57b30b3faa072250fe9c0cba196b5c",name:"custom-sidebar-header"})),i("header",{key:"1ff00d0311949b3bdacb38ebef268a5b6e3aa00d",class:"app-layout__sidebar-header"},i("swirl-button",{key:"cc5a33cb40af30a16fdd9442fc34de516022c15d",class:"app-layout__sidebar-close-button",hideLabel:!0,icon:"<swirl-icon-close></swirl-icon-close>",label:this.sidebarCloseButtonLabel,onClick:this.onSidebarCloseButtonClick}),i("swirl-heading",{key:"96241a517463e025991a2c376e450e5128086209",as:"h3",class:"app-layout__sidebar-heading",headingId:"sidebar-heading",level:3,text:this.sidebarHeading})),i("div",{key:"a0f11ec60312ab95b56ae4465f23cd0e60f8c3e9",class:"app-layout__sidebar-content",onScroll:this.onSidebarScroll,ref:a=>this.sidebarEl=a},i("slot",{key:"ed6139ae751d7701098e441d9bde7faa10d6ea1c",name:"sidebar"}))),i("span",{key:"ea00d4875343af4d76c96c3591931b342098c0e4",class:"app-layout__floating-action-button"},this.ctaLabel&&i("swirl-button",{key:"d29b393a6ac566bf7b3eac1b6080f7da67e25b7f",hideLabel:Boolean(this.ctaIcon),icon:this.ctaIcon,intent:"primary",label:this.ctaLabel,onClick:this.onCtaClick,variant:"floating"}),i("slot",{key:"7952de1a32de0b06d50911abcd9267ccb323e819",name:"floating-action-button"})))))}get el(){return o(this)}static get watchers(){return{mobileView:["watchMobileView"]}}};b.style=':host{--header-height:3.5625rem;position:relative;z-index:1;display:flex;width:100%;height:100%}:host *{box-sizing:border-box}.app-layout{display:flex;overflow:hidden;width:100%;height:100%;margin-right:auto;margin-left:auto}.app-layout__grid{position:relative;display:grid;width:100%;height:100%;grid-template-columns:100%;grid-template-rows:var(--header-height) 1fr;grid-template-areas:"body"\n    "body"}.app-layout:not(.app-layout--has-navigation) .app-layout__header,.app-layout:not(.app-layout--has-navigation) .app-layout__navigation{display:none}.app-layout:not(.app-layout--has-sidebar) .app-layout__sidebar{display:none}@media (max-width: 767px){.app-layout:not(.app-layout--mobile-view-body) .app-layout__body{display:none}}@media (max-width: 767px){.app-layout:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar{display:none}}.app-layout:not(.app-layout--has-app-bar-mobile-menu-button) .app-layout__app-bar-mobile-menu-button{display:none}.app-layout--has-navigation .app-layout__grid{grid-template-columns:100%;grid-template-areas:"header"\n      "navigation"}@media (min-width: 768px){.app-layout--has-navigation .app-layout__grid{grid-template-columns:min(50%, 22.5rem) 1fr;grid-template-areas:"header body"\n        "navigation body"}}@media (min-width: 1440px){.app-layout--has-navigation .app-layout__grid{grid-template-columns:min(50%, 25rem) 1fr}}@media (min-width: 768px){.app-layout--has-navigation .app-layout__app-bar-mobile-menu-button{display:none}}@media (min-width: 992px){.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-collapsed .app-layout__grid{grid-template-columns:0 1fr}.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__grid{grid-template-columns:0 1fr}.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__header,.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__navigation{position:absolute;z-index:4;top:0;left:0;width:22.5rem;animation:app-layout-nav-overlay-slide-in-desktop 0.1s;animation-fill-mode:forwards}.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__header:after{position:absolute;z-index:1;top:0;left:calc(100% + var(--s-border-width-default));display:block;width:2rem;height:100vh;background-image:linear-gradient(\n              to right,\n              rgba(0, 0, 0, 0.05) 0,\n              rgba(0, 0, 0, 0) 80%,\n              rgba(0, 0, 0, 0) 100%\n            );content:""}.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__navigation{z-index:3;bottom:0}}@media (min-width: 1440px){.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__header,.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__navigation{width:25rem;animation:app-layout-nav-overlay-slide-in-large-desktop 0.1s}}@media (min-width: 768px){.app-layout--has-sidebar:not(.app-layout--has-navigation).app-layout--sidebar-opening .app-layout__grid{animation:app-layout-no-nav-sidebar-slide-in 0.3s}@media (prefers-reduced-motion){.app-layout--has-sidebar:not(.app-layout--has-navigation).app-layout--sidebar-opening .app-layout__grid{animation:none}}}@media (min-width: 768px){.app-layout--has-sidebar:not(.app-layout--has-navigation).app-layout--sidebar-closing .app-layout__grid{animation:app-layout-no-nav-sidebar-slide-out 0.3s}@media (prefers-reduced-motion){.app-layout--has-sidebar:not(.app-layout--has-navigation).app-layout--sidebar-closing .app-layout__grid{animation:none}}}@media (min-width: 768px){.app-layout--has-sidebar.app-layout--sidebar-active .app-layout__grid,.app-layout--has-sidebar.app-layout--sidebar-opening .app-layout__grid{grid-template-columns:1fr min(50%, 25rem);grid-template-areas:"body sidebar"\n          "body sidebar"}}.app-layout--has-sidebar .app-layout__grid{grid-template-columns:100%;grid-template-areas:"body"\n      "body"}@media (min-width: 1800px){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-opening .app-layout__grid,.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-active .app-layout__grid{grid-template-columns:25rem 1fr 25rem;grid-template-areas:"header body sidebar"\n          "navigation body sidebar"}}@media (min-width: 1800px){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-opening .app-layout__grid{animation:app-layout-sidebar-slide-in 0.3s;animation-fill-mode:forwards}@media (prefers-reduced-motion){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-opening .app-layout__grid{animation:none}}.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-opening.app-layout--nav-collapsed .app-layout__grid,.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-opening.app-layout--nav-overlayed .app-layout__grid{animation:app-layout-sidebar-slide-in-with-collapsed-nav 0.3s}}@media (min-width: 1800px){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-closing .app-layout__grid{animation:app-layout-sidebar-slide-out 0.3s}@media (prefers-reduced-motion){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-closing .app-layout__grid{animation:none}}.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-closing.app-layout--nav-collapsed .app-layout__grid,.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-closing.app-layout--nav-overlayed .app-layout__grid{animation:app-layout-sidebar-slide-out-with-collapsed-nav 0.3s}}@media (min-width: 768px){.app-layout--has-navigation.app-layout--has-sidebar .app-layout__grid{grid-template-columns:min(50%, 22.5rem) 1fr;grid-template-areas:"header body"\n        "navigation body"}}@media (min-width: 992px){.app-layout--has-navigation.app-layout--has-sidebar .app-layout__grid{grid-template-columns:22.5rem 1fr}}@media (min-width: 1440px){.app-layout--has-navigation.app-layout--has-sidebar .app-layout__grid{grid-template-columns:25rem 1fr}}@media (min-width: 992px){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--nav-collapsible.app-layout--nav-collapsed .app-layout__grid{grid-template-columns:0 1fr}.app-layout--has-navigation.app-layout--has-sidebar.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__grid{grid-template-columns:0 1fr}}@media (min-width: 768px) and (max-width: 1799px){.app-layout--has-navigation.app-layout--has-sidebar .app-layout__sidebar{position:absolute;top:0;right:0;bottom:0;width:min(40%, 25rem);border-left:var(--s-border-width-default) solid var(--s-border-default);box-shadow:var(--s-shadow-level-3)}}@media (max-width: 767px){.app-layout--mobile-view-navigation .app-layout__grid{grid-template-areas:"header"\n        "navigation"}.app-layout--mobile-view-navigation .app-layout__body,.app-layout--mobile-view-navigation .app-layout__sidebar{display:none}}@media (max-width: 767px){.app-layout--mobile-view-body .app-layout__grid{grid-template-areas:"body"\n        "body"}.app-layout--mobile-view-body .app-layout__header,.app-layout--mobile-view-body .app-layout__navigation,.app-layout--mobile-view-body .app-layout__sidebar{display:none}}@media (max-width: 767px){.app-layout--mobile-view-sidebar .app-layout__grid{grid-template-areas:"sidebar"\n        "sidebar"}.app-layout--mobile-view-sidebar .app-layout__header,.app-layout--mobile-view-sidebar .app-layout__navigation,.app-layout--mobile-view-sidebar .app-layout__body{display:none}}.app-layout--has-sidebar:not(.app-layout--sidebar-active):not(.app-layout--sidebar-opening) .app-layout__sidebar{display:none}@media (min-width: 768px){.app-layout--sidebar-closing .app-layout__sidebar{animation:app-layout-sidebar-overlay-slide-out 0.3s}@media (prefers-reduced-motion){.app-layout--sidebar-closing .app-layout__sidebar{animation:none}}}@media (min-width: 1800px){.app-layout--sidebar-closing .app-layout__sidebar{animation:none}}.app-layout--has-app-bar-controls .app-layout__app-bar-controls{display:block}.app-layout--has-bottom-bar .app-layout__body{grid-template-rows:minmax(var(--header-height), auto) auto 1fr auto;grid-template-areas:"app-bar"\n      "banner"\n      "content"\n      "bottom-bar"}.app-layout--has-bottom-bar .app-layout__content{border-bottom:var(--s-border-width-default) solid transparent}.app-layout--has-bottom-bar .app-layout__bottom-bar{display:block}.app-layout--has-custom-app-bar-back-button .app-layout__custom-app-bar-back-button{display:block}.app-layout--has-custom-sidebar-header .app-layout__sidebar-header{display:none}.app-layout--has-custom-sidebar-header .app-layout__custom-sidebar-header{display:block}.app-layout--has-floating-action-button .app-layout__floating-action-button{display:block}.app-layout--hide-app-bar .app-layout__body{grid-template-rows:auto 1fr;grid-template-areas:"banner"\n      "content"\n      "bottom-bar"}.app-layout--content-scrollable:not(.app-layout--content-scrolled-to-top) .app-layout__app-bar{border-bottom-color:var(--s-border-default)}.app-layout--content-scrollable.app-layout--has-bottom-bar:not(.app-layout--content-scrolled-to-bottom) .app-layout__content{border-bottom-color:var(--s-border-default)}.app-layout--nav-scrollable:not(.app-layout--nav-scrolled-to-top) .app-layout__header{border-bottom-color:var(--s-border-default)}.app-layout--sidebar-scrollable:not(.app-layout--sidebar-scrolled-to-top) .app-layout__sidebar-header,.app-layout--sidebar-scrollable:not(.app-layout--sidebar-scrolled-to-top) .app-layout__custom-sidebar-header{border-bottom-color:var(--s-border-default)}.app-layout__header{z-index:1;display:flex;min-width:0;height:var(--header-height);padding-top:var(--s-space-12);padding-right:var(--s-space-8);padding-bottom:var(--s-space-12);padding-left:var(--s-space-8);align-items:center;border-bottom:var(--s-border-width-default) solid transparent;background-color:var(--s-background-default);grid-area:header;gap:var(--s-space-8)}@media (min-width: 768px){.app-layout__header{border-right:var(--s-border-width-default) solid var(--s-border-default)}}@media (min-width: 992px){.app-layout__header{padding-right:var(--s-space-16);padding-left:var(--s-space-16)}}.app-layout__app-name{min-width:0}.app-layout__app-name .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-layout__app-bar-mobile-menu-button,.app-layout__navigation-mobile-menu-button{flex-shrink:0}@media (min-width: 992px){.app-layout__app-bar-mobile-menu-button,.app-layout__navigation-mobile-menu-button{display:none}}.app-layout__app-bar-mobile-menu-button{padding-left:var(--s-space-8)}@media (min-width: 768px){.app-layout__app-bar-mobile-menu-button{padding-left:0}}.app-layout__navigation-back-button{margin-left:calc(-1 * var(--s-space-4))}.app-layout__floating-action-button{position:absolute;z-index:4;right:var(--s-space-16);bottom:var(--s-space-16);display:none}.app-layout__navigation-controls{flex-shrink:0}.app-layout__navigation{z-index:1;overflow-y:auto;border-right:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);grid-area:navigation}.app-layout__nav-overlay-toggle,.app-layout__nav-expansion-toggle{display:none}@media (min-width: 992px){.app-layout__nav-overlay-toggle,.app-layout__nav-expansion-toggle{display:block}}.app-layout__nav-expansion-toggle{padding-left:var(--s-space-16)}.app-layout__body{z-index:2;display:grid;width:100%;height:100%;grid-area:body;grid-template-rows:minmax(var(--header-height), auto) auto 1fr;grid-template-areas:"app-bar"\n    "banner"\n    "content"}.app-layout__app-bar{--swirl-tab-bar-border-width:0;--swirl-tab-bar-height:3.5rem;display:flex;min-width:0;align-items:center;border-bottom:var(--s-border-width-default) solid transparent;background-color:var(--s-background-default);grid-area:app-bar;gap:var(--s-space-8)}.app-layout__bottom-bar{display:none;min-width:0;align-items:center;background-color:var(--s-background-default);grid-area:bottom-bar}.app-layout__back-to-navigation-button{padding-left:var(--s-space-8)}@media (min-width: 768px){.app-layout__back-to-navigation-button{display:none}}.app-layout__banner{grid-area:banner}.app-layout__app-bar-content{min-width:0;flex-grow:1}.app-layout__custom-app-bar-back-button{display:none;padding-left:var(--s-space-8)}.app-layout__app-bar-controls{display:none;padding-right:var(--s-space-8)}@media (min-width: 768px){.app-layout__app-bar-controls{padding-right:var(--s-space-16)}}.app-layout__content{overflow:auto;background-color:var(--s-background-default);grid-area:content}.app-layout__sidebar{z-index:3;display:grid;width:100%;height:100%;border-left:var(--s-border-width-default) solid var(--s-border-default);grid-area:sidebar;grid-template-rows:var(--header-height) 1fr;grid-template-areas:"sidebar-header"\n    "sidebar-content"}@media (min-width: 768px){.app-layout__sidebar{animation:app-layout-slide-in 0.3s}@media (prefers-reduced-motion){.app-layout__sidebar{animation:none}}}@media (min-width: 1800px){.app-layout__sidebar{width:25rem;animation:none}}.app-layout__custom-sidebar-header{display:none;min-width:0;border-bottom:var(--s-border-width-default) solid transparent;background-color:var(--s-background-default);grid-area:sidebar-header}.app-layout__sidebar-header{display:flex;min-width:0;padding-top:var(--s-space-12);padding-right:var(--s-space-8);padding-bottom:var(--s-space-12);padding-left:var(--s-space-8);align-items:center;border-bottom:var(--s-border-width-default) solid transparent;background-color:var(--s-background-default);grid-area:sidebar-header;gap:var(--s-space-8)}@media (min-width: 768px){.app-layout__sidebar-header{padding-right:var(--s-space-16);padding-left:var(--s-space-16)}}.app-layout__sidebar-heading{min-width:0;flex-grow:1}.app-layout__sidebar-heading .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-layout__sidebar-close-button{margin-left:calc(-1 * var(--s-space-4))}.app-layout__sidebar-content{overflow-y:auto;background-color:var(--s-background-default);grid-area:sidebar-content}@keyframes app-layout-nav-overlay-slide-in-desktop{from{width:0}to{width:22.5rem}}@keyframes app-layout-nav-overlay-slide-in-large-desktop{from{width:0}to{width:25rem}}@media (max-width: 767px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__grid,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__grid{grid-template-columns:100%;grid-template-areas:"header"\n          "navigation"}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{position:absolute;top:0;left:0;display:grid;width:100%;transform:translate3d(100%, 0, 0)}}@media (max-width: 767px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header{display:flex}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{display:block}}@media (max-width: 991px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__grid,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__grid{grid-template-columns:100%;grid-template-areas:"body"\n          "body"}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{position:absolute;top:0;left:0;display:grid;border-left:var(--s-border-width-default) solid var(--s-border-default)}}@media (max-width: 991px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{display:grid}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{display:grid}}@media (max-width: 767px){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__navigation,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation:app-layout-slide-out 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__navigation,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation:none}}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation:app-layout-slide-in 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation:none}}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body:after,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body:after{position:absolute;top:0;right:100%;bottom:0;display:block;width:100%;background-color:rgba(0, 0, 0, 0.3);content:"";animation:app-layout-fade-in 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body:after,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body:after{animation:none}}}@media (max-width: 767px){.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body:after{animation-direction:reverse}}@media (max-width: 991px){.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation:app-layout-slide-out 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation:none}}.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation:app-layout-slide-in 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation:none}}.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar:after,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar:after{position:absolute;top:0;right:100%;bottom:0;display:block;width:100%;background-color:rgba(0, 0, 0, 0.3);content:"";animation:app-layout-fade-in 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar:after,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar:after{animation:none}}}@media (max-width: 991px){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar:after{animation-direction:reverse}}@media (max-width: 767px){.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation:app-layout-scale-in 0.3s}@media (prefers-reduced-motion){.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation:none}}}@media (max-width: 767px){.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation-direction:reverse}}@media (max-width: 991px){.app-layout--transition-style-dialog.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation:app-layout-scale-in 0.3s}@media (prefers-reduced-motion){.app-layout--transition-style-dialog.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation:none}}}@media (max-width: 991px){.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation-direction:reverse}}@keyframes app-layout-sidebar-overlay-slide-out{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(100%, 0, 0)}}@keyframes app-layout-slide-in{0%{transform:translate3d(100%, 0, 0)}100%{transform:translate3d(0, 0, 0)}}@keyframes app-layout-slide-out{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(-20%, 0, 0)}}@keyframes app-layout-fade-in{0%{opacity:0}100%{opacity:1}}@keyframes app-layout-scale-in{from{transform:scale(0);box-shadow:0 0 0 100rem rgba(0, 0, 0, 0)}to{transform:scale(1);box-shadow:0 0 0 100rem rgba(0, 0, 0, 0.25)}}@keyframes app-layout-sidebar-slide-in{from{overflow:hidden;grid-template-columns:25rem 1fr 0}to{overflow:hidden;grid-template-columns:25rem 1fr 25rem}}@keyframes app-layout-sidebar-slide-in-with-collapsed-nav{from{overflow:hidden;grid-template-columns:0 1fr 0}to{overflow:hidden;grid-template-columns:0 1fr 25rem}}@keyframes app-layout-sidebar-slide-out{from{overflow:hidden;grid-template-columns:25rem 1fr 25rem}to{overflow:hidden;grid-template-columns:25rem 1fr 0}}@keyframes app-layout-sidebar-slide-out-with-collapsed-nav{from{overflow:hidden;grid-template-columns:0 1fr 25rem}to{overflow:hidden;grid-template-columns:0 1fr 0}}@keyframes app-layout-no-nav-sidebar-slide-in{from{overflow:hidden;grid-template-columns:1fr 0}to{overflow:hidden;grid-template-columns:1fr 25rem}}@keyframes app-layout-no-nav-sidebar-slide-out{from{overflow:hidden;grid-template-columns:1fr 25rem}to{overflow:hidden;grid-template-columns:1fr 0}}';const h=class{constructor(t){a(this,t),this.heading=void 0,this.illustration=void 0}render(){const a=Boolean(this.el.querySelector('[slot="controls"]')),t=Boolean(this.el.querySelector('[slot="illustration"]')),o=r("empty-state",{"empty-state--has-controls":a,"empty-state--has-slotted-illustration":t});return i(e,{key:"b2c7cdf8a41625c365fea3669fbfcc67fd3bf7d4"},i("div",{key:"dbe0ba581446bd0305efec7b711ebed6046d0a83",class:o},this.illustration&&!t&&i("img",{key:"a02d8f66af56cb2176bd5a083b6f5fe2bad923c0",alt:"",class:"empty-state__illustration",src:this.illustration}),i("div",{key:"f8f4f24198112c912571dce7d6752a594c8d3174",class:"empty-state__slotted-illustration"},i("slot",{key:"b58bbe01f06a1dacad722c2bf325e90db4758b4f",name:"illustration"})),i("div",{key:"73b5810d6ba9a303268603874dcefeba1aa76c6f",class:"empty-state__body"},i("swirl-stack",{key:"d3283378f052b0defceabc0cb9e6fa9918b2d229",align:"stretch",spacing:"8"},this.heading&&i("swirl-heading",{key:"29a753435128ba46fd3fb9128e878b5efd89475d",align:"center",as:"p",level:4,text:this.heading}),i("div",{key:"2353c84e5cfc3feec631f2bd4fcd6d28fcbd50b8",class:"empty-state__content"},i("swirl-text",{key:"fa8030850bc7f6ed695582c1b1f8d0bb7815f4e4",align:"center",color:"subdued"},i("slot",{key:"d7260037d0a99faf84a8206f77bbe6e17864b24b"})))),i("div",{key:"d2fd7b5cb909934e73b4d6d443badbeb3319ddc9",class:"empty-state__controls"},i("slot",{key:"2dd3f0ae67ec091e7c4d1bf8df9b2f9008ec0c8e",name:"controls"})))))}get el(){return o(this)}};h.style=":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}";const y=class{constructor(t){a(this,t),this.color=void 0,this.size=24}render(){const a=20===this.size?24:this.size,t={color:Boolean(this.color)?`var(--s-icon-${this.color})`:void 0},e=r("swirl-icon",`swirl-icon--size-${this.size}`);return i("svg",{key:"c3c0849760dcb3cf894996dbfe77d0cf989f7439","aria-hidden":"true",class:e,fill:"none",height:this.size,part:"icon",style:t,viewBox:`0 0 ${a} ${a}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},16===this.size&&i(s,{key:"409dd39b075f6088f7fe77e95395a1defcf6bdf3"},i("path",{key:"94d8d1f52d4e8739213ce557f135c5bb8f9e7e36",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"})),(20===this.size||24===this.size)&&i(s,{key:"bd02fb994f968ff92b7cbd6116a60c2d7df656db"},i("path",{key:"a1d39b6a67a01490d3e39e6a2fe0425e94587893",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"})),28===this.size&&i(s,{key:"0f27ca172bd518cbdfb5e95eb7833db9352f2ffd"},i("path",{key:"bac724eb32be5e5fee3dfb93da236ec66f09a2fc",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"})))}};y.style=":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";const m=class{constructor(i){a(this,i),this.itemDrop=t(this,"itemDrop",7),this.focusedIndex=0,this.toggleDrag=a=>{const t=a.detail;Boolean(this.dragging)?this.stopDrag(t):this.startDrag(t)},this.startDrag=a=>{this.dragging=a,this.draggingStartIndex=this.getItemIndex(this.dragging),a.setAttribute("dragging","true");const t=this.getItemIndex(this.dragging);this.focusItemAtIndex(t),this.assistiveText=this.assistiveTextItemGrabbed},this.stopDrag=a=>{const t=this.getItemIndex(this.dragging);this.dragging=void 0,a.removeAttribute("dragging"),this.assistiveText=`${this.assistiveTextItemMoved} ${t+1}`,this.itemDrop.emit({item:a,oldIndex:this.draggingStartIndex,newIndex:t}),this.draggingStartIndex=void 0},this.onKeyDown=a=>{if("ArrowDown"===a.code)a.preventDefault(),Boolean(this.dragging)?this.moveDraggedItemDown():this.focusItemAtIndex((this.focusedIndex+1)%this.items.length);else if("ArrowUp"===a.code)a.preventDefault(),Boolean(this.dragging)?this.moveDraggedItemUp():this.focusItemAtIndex(0===this.focusedIndex?this.items.length-1:this.focusedIndex-1);else if("Space"===a.code||"Enter"===a.code){const t=a.composedPath()[0];if(Boolean(this.dragging)&&!t?.classList.contains("resource-list-item__drag-handle"))a.preventDefault(),this.stopDrag(this.dragging);else if(Boolean(this.controllingElement)&&"Enter"===a.code){const t=this.items[this.focusedIndex];if(!Boolean(t)||!t.isConnected)return;a.stopPropagation(),a.preventDefault(),t.click()}}else"Home"===a.code?(a.preventDefault(),this.focusItemAtIndex(0)):"End"===a.code&&(a.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.padding=void 0,this.paddingBlockEnd=void 0,this.paddingBlockStart=void 0,this.paddingInlineEnd=void 0,this.paddingInlineStart=void 0,this.spacing="0",this.assistiveText=void 0,this.listId=u()}componentDidLoad(){this.observeSlotChanges(),this.collectItems(),this.setupControllingElement(),this.setItemAllowDragState(),this.setupDragDrop(),this.setSectionSpacingAndSeparator()}componentDidRender(){this.setupDragDrop()}disconnectedCallback(){this.sortable?.destroy(),this.observer?.disconnect(),this.controllingElement?.removeEventListener("keydown",this.onKeyDown)}observeSlotChanges(){this.observer=new MutationObserver((()=>{this.collectItems(),this.setItemAllowDragState(),this.setSectionSpacingAndSeparator()})),this.observer.observe(this.el,{childList:!0,characterData:!0,subtree:!0})}watchAllowDrag(){this.setItemAllowDragState(),this.setupDragDrop()}collectItems(){this.items=Array.from(this.el.querySelectorAll("swirl-resource-list-item, swirl-resource-list-file-item, [data-resource-list-item]")).filter((a=>a.isConnected)),this.sections=Array.from(this.el.querySelectorAll("swirl-resource-list-section")).filter((a=>a.isConnected)),this.removeItemsFromTabOrder(),this.enableItemFocus(this.items[this.focusedIndex]),Boolean(this.controllingElement)&&this.items[0]?.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(a){return this.items.map((a=>a)).findIndex((t=>t===a))}removeItemsFromTabOrder(){this.items.forEach((a=>{const t=a?.querySelector(".resource-list-item__content, .resource-list-file-item, [data-resource-list-item-button]"),i=a?.querySelector(".resource-list-item__drag-handle");Boolean(this.controllingElement)&&a.setAttribute("aria-selected","false"),t?.setAttribute("tabIndex","-1"),i?.setAttribute("tabIndex","-1")}))}setItemAllowDragState(){this.allowDrag?this.items.filter((a=>this.sections.every((t=>!t.contains(a))))).forEach((a=>{a.setAttribute("allow-drag","true"),a.addEventListener("toggleDrag",this.toggleDrag)})):this.items.forEach((a=>{a.removeAttribute("allow-drag"),a.removeEventListener("toggleDrag",this.toggleDrag)}))}setupDragDrop(){Boolean(this.sortable)&&this.sortable.destroy(),this.allowDrag&&(this.sortable=c.create(this.gridEl,{animation:150,draggable:"swirl-resource-list-item",handle:".resource-list-item__drag-handle",onEnd:a=>{this.itemDrop.emit({item:a.item,oldIndex:a.oldDraggableIndex,newIndex:a.newDraggableIndex})}}))}enableItemFocus(a,t){if(!Boolean(a)||Boolean(this.controllingElement))return;const i=a.querySelector(".resource-list-item__content, .resource-list-file-item, [data-resource-list-item-button]"),e=a.querySelector(".resource-list-item__drag-handle");Boolean(e)&&e.setAttribute("tabIndex","0"),Boolean(i)&&(i.setAttribute("tabIndex","0"),t&&!Boolean(this.controllingElement)&&i.focus())}focusItemAtIndex(a){this.removeItemsFromTabOrder();const t=this.items[a];Boolean(t)&&t.isConnected&&(this.enableItemFocus(t,!Boolean(this.controllingElement)),Boolean(this.controllingElement)&&(t.setAttribute("aria-selected","true"),t.scrollIntoView({block:"nearest"})),this.focusedIndex=a)}moveDraggedItemDown(){const a=this.dragging.nextElementSibling;Boolean(a)&&(a.after(this.dragging),this.collectItems(),this.focusItemAtIndex(this.getItemIndex(this.dragging)),this.assistiveText=`${this.assistiveTextItemMoving} ${this.getItemIndex(this.dragging)+1}`)}moveDraggedItemUp(){const a=this.dragging.previousElementSibling;Boolean(a)&&(a.before(this.dragging),this.collectItems(),this.focusItemAtIndex(this.getItemIndex(this.dragging)),this.assistiveText=`${this.assistiveTextItemMoving} ${this.getItemIndex(this.dragging)+1}`)}setSectionSpacingAndSeparator(){this.sections.forEach(((a,t)=>{0===t&&"SWIRL-RESOURCE-LIST-ITEM"!==a.previousElementSibling?.tagName&&(a.hasSeparator=!1),a.spacing=this.spacing}))}render(){return i(e,{key:"75b6aaec0334003d9755d95ef1d714cea883e2ee",onKeyDown:this.onKeyDown},i("swirl-visually-hidden",{key:"7be89d4dee67bb39656f1a02aa0de6dfd8ab5ca1",role:"alert"},this.assistiveText),i("swirl-box",{key:"297f7c30bdd8f58085c73ded006d3318e549415c",paddingBlockEnd:this.paddingBlockEnd??this.padding,paddingBlockStart:this.paddingBlockStart??this.padding,paddingInlineEnd:this.paddingInlineEnd??this.padding??"8",paddingInlineStart:this.paddingInlineStart??this.padding??"8"},i("swirl-stack",{key:"8adb2b98114c8f0e3ce7fafba51e49b4077549bc","aria-label":this.label,class:"resource-list",id:this.listId,ref:a=>this.gridEl=a,role:"grid",spacing:this.spacing},i("slot",{key:"01ff5e3c893cfba15e3eb770070ead72fda054dd"}))))}get el(){return o(this)}static get watchers(){return{allowDrag:["watchAllowDrag"]}}};m.style=".sc-swirl-resource-list-h{display:block;width:100%}.sc-swirl-resource-list-h *.sc-swirl-resource-list{box-sizing:border-box}";const g=class{constructor(i){a(this,i),this.toggleDrag=t(this,"toggleDrag",7),this.valueChange=t(this,"valueChange",7),this.desktopMediaQuery=l(),this.elementId=u(),this.desktopMediaQueryHandler=a=>{this.forceIconProps(a.matches),this.updateIconSize(a.matches)},this.onClick=()=>{this.selectable&&(this.checked=!this.checked,this.valueChange.emit(this.checked))},this.onBlur=()=>{this.makeControlUnfocusable()},this.onFocus=()=>{this.makeControlFocusable()},this.onMenuTriggerClick=a=>{this.disabled&&!Boolean(this.href)&&a.stopPropagation()},this.onDragHandleKeyDown=a=>{"Space"!==a.code&&"Enter"!==a.code||(a.preventDefault(),this.toggleDrag.emit(this.el))},this.onControlClick=a=>{a.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.labelMinHeight=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(){this.updateMediaState()}componentDidLoad(){this.forceIconProps(this.desktopMediaQuery.matches),this.updateIconSize(this.desktopMediaQuery.matches),this.desktopMediaQuery.addEventListener("change",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(){this.desktopMediaQuery.removeEventListener?.("change",this.desktopMediaQueryHandler)}forceIconProps(a){const t=this.iconEl?.children[0];t?.setAttribute("size",a?"20":"24")}updateIconSize(a){this.iconSize=a?20:24}updateMediaState(){const a=this.el.querySelector('[slot="media"]'),t=Boolean(a);t!==this.hasMedia&&(this.hasMedia=t)}getControl(){return this.el.querySelector('[slot="control"] button')}makeControlFocusable(){const a=this.getControl();Boolean(a)&&(a.tabIndex=0)}makeControlUnfocusable(){const a=this.getControl();Boolean(a)&&(a.tabIndex=-1)}render(){const a=this.interactive||this.selectable?Boolean(this.href)&&!this.selectable?"a":"button":"div",t=this.disabled&&!Boolean(this.href),o=Boolean(this.el.querySelector("[slot='badges']")),s=this.el.querySelector("[slot='control']"),l=Boolean(this.menuTriggerId)||s,n=this.interactive&&Boolean(this.href)?this.href:void 0,p=s&&(Boolean(this.meta)||o),d=Boolean(this.menuTriggerId)&&!Boolean(this.meta)&&!this.selectable,c=(Boolean(this.meta)||o)&&!this.selectable,u=Boolean(this.swirlAriaLabel)?this.swirlAriaLabel:this.label,b=this.selectable?String(this.checked):void 0,h=this.interactive&&this.selectable?"checkbox":void 0,y={paddingRight:!c&&Boolean(this.controlContainer)?`calc(${this.controlContainer?.getBoundingClientRect().width}px + var(--s-space-16))`:void 0,minHeight:this.labelMinHeight??void 0},m=r("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":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":p,"resource-list-item--show-meta":c,"resource-list-item--wrap-description":this.descriptionWrap,"resource-list-item--wrap-label":this.labelWrap});return i(e,{key:"5d6ce8dd702aa495a772e84af4ea3d0eac622040",role:"row"},i("div",{key:"93742e0ab97a0492ce2b1a61a62aa255159cbeb9",class:m,role:"gridcell"},i(a,{key:"64d5d055ffe333cc18e3d1e62116734040c495ba","aria-checked":b,"aria-disabled":t?"true":void 0,"aria-label":u,"aria-labelledby":Boolean(this.swirlAriaLabel)?void 0:this.elementId,class:"resource-list-item__content",href:n,disabled:t,onClick:this.onClick,onBlur:this.onBlur,onFocus:this.onFocus,part:"resource-list-item__content",role:h,tabIndex:0,type:"button"===a?"button":void 0},this.hasMedia&&i("span",{key:"e9f3dc69c0bbbea93afca630c915cef31a102a8c",class:"resource-list-item__media"},i("slot",{key:"a9c6e586812fcf6f16f6b9d30f149c44da0297ae",name:"media"})),i("span",{key:"d2e19d8730f6f3c48d186623e0c5ed9d6c1015f7",class:"resource-list-item__label-container",style:y},i("span",{key:"70a3ddfd89938d061927d7ac32de87bed159b432",class:"resource-list-item__label",id:this.elementId,innerHTML:this.allowHtml?this.label:void 0},!this.allowHtml&&this.label),this.description&&i("span",{key:"f3cd67313f6f9a9407597b8e37cd920efaa6b8e4",class:"resource-list-item__description",innerHTML:this.allowHtml?this.description:void 0},!this.allowHtml&&this.description)),c&&i("span",{key:"c0e7654cc92f6576ff147c1dd22466f7760434d9",class:"resource-list-item__meta"},i("span",{key:"b27b82a80699f5c5f2b226b5bacc2a3f6d479007",class:"resource-list-item__meta-text"},this.meta),i("span",{key:"ce40faf5efb334d3d225c8e2873e18234bb66ea0",class:"resource-list-item__badges"},i("slot",{key:"f16a7c43d36107fbb7222eb3f7f40dfb2d634461",name:"badges"})))),this.selectable&&i("span",{key:"ac7da10fe97172a199e192e7812c3dfd5e818942","aria-hidden":"true",class:"resource-list-item__checkbox"},i("span",{key:"c4257a7e34e3de2cb63a39d0f0a036e779d3f123",class:"resource-list-item__checkbox-icon"},this.checked&&i("swirl-icon-check-strong",{key:"e1ec46fe059cd970b2bb07012a68f5ddabb52a0c"}))),i("span",{key:"0a23454e9ad0aacaf89cc082c52b713adc127e27",class:"resource-list-item__control",onClick:this.onControlClick,ref:a=>this.controlContainer=a},i("slot",{key:"a78e47f888f20caf3f970e8111f2c5fb1ffd6a9b",name:"control"})),d&&i("swirl-popover-trigger",{key:"83694dc44e21a0c0e4372502f680dcd45c8d5940",swirlPopover:this.menuTriggerId},i("swirl-button",{key:"859230f282bbe178949d574b82b204855003fdc9","aria-disabled":t?"true":void 0,class:"resource-list-item__menu-trigger",disabled:t,hideLabel:!0,icon:"<swirl-icon-more-horizontal></swirl-icon-more-horizontal>",intent:"primary",label:this.menuTriggerLabel,onClick:this.onMenuTriggerClick}))),this.allowDrag&&i("button",{key:"f0823b102dc80b98804f4b970ba739456558fb52","aria-describedby":this.dragHandleDescription,"aria-label":`${this.dragHandleLabel} "${this.label}"`,class:"resource-list-item__drag-handle",onKeyDown:this.onDragHandleKeyDown,type:"button"},i("swirl-icon-drag-handle",{key:"53da1e22b93d1a1134d03d3174cdc4e6ab9c560c",size:this.iconSize})))}get el(){return o(this)}};g.style='.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(\n      --swirl-resource-list-item-background-hovered\n    );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--label-weight-semibold.sc-swirl-resource-list-item .resource-list-item__label.sc-swirl-resource-list-item{font-weight:var(--s-font-weight-semibold)}.resource-list-item--label-weight-bold.sc-swirl-resource-list-item .resource-list-item__label.sc-swirl-resource-list-item{font-weight:var(--s-font-weight-bold)}.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),\n    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__meta-text.sc-swirl-resource-list-item{white-space:nowrap}.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)}';export{b as swirl_app_layout,h as swirl_empty_state,y as swirl_icon_folder_shared,m as swirl_resource_list,g as swirl_resource_list_item}
+import{r as a,c as t,h as i,a as e,g as o,F as s}from"./p-3fc884a6.js";import{c as r}from"./p-a5dce9e6.js";import{g as l,d as n,i as p,h as d}from"./p-5136b9f9.js";import{S as c}from"./p-8d973c9c.js";import{v as u}from"./p-14616bce.js";const b=class{constructor(i){a(this,i),this.ctaClick=t(this,"ctaClick",7),this.mobileViewChange=t(this,"mobileViewChange",7),this.navigationBackButtonClick=t(this,"navigationBackButtonClick",7),this.navigationExpansionStateChange=t(this,"navigationExpansionStateChange",7),this.sidebarToggle=t(this,"sidebarToggle",7),this.desktopMediaQuery=l(),this.desktopMediaQueryHandler=a=>{this.isDesktop=a.matches},this.onBackToNavigationViewButtonClick=()=>{this.changeMobileView("navigation")},this.onCtaClick=a=>{this.ctaClick.emit(a)},this.onNavigationBackButtonClick=a=>{this.navigationBackButtonClick.emit(a)},this.onSidebarCloseButtonClick=()=>{this.hideSidebar()},this.onContentScroll=n((()=>{this.updateContentScrollState()}),16),this.onNavScroll=n((()=>{this.updateNavScrollState()}),16),this.onSidebarScroll=n((()=>{this.updateSidebarScrollState()}),16),this.toggleNavigation=()=>{this.collapsibleNavigation&&this.setCollapsibleNavigationState("expanded"===this.navExpansionState?"collapsed":"expanded")},this.overlayNavigation=a=>{a.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.initialMobileView=void 0,this.navigationBackButtonLabel="Go back",this.navigationExpansionStateStorageKey="SWIRL_APP_LAYOUT_NAV_EXPANSION_STATE",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.initialMobileView&&(this.mobileView=this.initialMobileView),this.mutationObserver=new MutationObserver((()=>{this.updateCustomAppBarBackButtonStatus(),this.updateNavigationStatus(),this.updateSidebarStatus()})),this.mutationObserver.observe(this.el,{childList:!0}),queueMicrotask((()=>{this.updateCustomAppBarBackButtonStatus(),this.updateSidebarStatus(),this.updateNavigationStatus(),this.checkMobileView()}))}componentDidLoad(){this.desktopMediaQuery.addEventListener("change",this.desktopMediaQueryHandler),queueMicrotask((()=>{this.isDesktop=this.desktopMediaQuery.matches,this.restoreNavExpansionState(),this.updateContentScrollState(),this.updateSidebarScrollState(),this.updateNavScrollState()}))}disconnectedCallback(){this.desktopMediaQuery.removeEventListener?.("change",this.desktopMediaQueryHandler),this.mutationObserver?.disconnect()}onDocumentClick(a){this.collapsibleNavigation&&"overlayed"===this.navExpansionState&&(a.composedPath().includes(this.navEl)||a.composedPath().includes(this.headerEl)||this.setCollapsibleNavigationState("collapsed"))}onKeyDown(a){"Escape"===a.key&&"overlayed"===this.navExpansionState&&this.setCollapsibleNavigationState("collapsed")}watchMobileView(){this.checkMobileView()}async showSidebar(){if(this.sidebarActive||!this.hasSidebar)return;Boolean(this.sidebarOpeningTimeout)&&clearTimeout(this.sidebarOpeningTimeout),this.sidebarOpening=!0;const a=p()||d()?0:300;this.sidebarOpeningTimeout=setTimeout((()=>{this.sidebarActive=!0,this.sidebarOpening=!1,this.changeMobileView("sidebar"),this.sidebarToggle.emit(!0)}),a)}async hideSidebar(){if(!this.sidebarActive||!this.hasSidebar)return;Boolean(this.sidebarClosingTimeout)&&clearTimeout(this.sidebarClosingTimeout),this.sidebarClosing=!0;const a=p()||d()?0:300;this.sidebarClosingTimeout=setTimeout((()=>{this.sidebarActive=!1,this.sidebarClosing=!1,this.changeMobileView("body"),this.sidebarToggle.emit(!1)}),a)}async toggleSidebar(){this.hasSidebar&&(this.sidebarActive?this.hideSidebar():this.showSidebar())}async getCollapsibleNavigationState(){return this.navExpansionState}async setCollapsibleNavigationState(a){this.collapsibleNavigation&&(this.navExpansionState=a,this.navigationExpansionStateChange.emit(this.navExpansionState),localStorage.setItem(this.navigationExpansionStateStorageKey,this.navExpansionState))}async changeMobileView(a,t=!0){if(this.mobileView===a||"navigation"===a&&!this.hasNavigation||"sidebar"===a&&!this.hasSidebar)return;if(!p()||!t)return this.mobileView=a,void this.mobileViewChange.emit(this.mobileView);Boolean(this.transitionTimeout)&&clearTimeout(this.transitionTimeout),this.transitioningFrom=this.mobileView,this.transitioningTo=a;const i=d();this.transitionTimeout=setTimeout((()=>{this.mobileView=a,this.transitioningFrom=void 0,this.transitioningTo=void 0,this.mobileViewChange.emit(this.mobileView)}),i?0:"slides"===this.transitionStyle?400:"dialog"===this.transitionStyle?300:0)}checkMobileView(){if("navigation"===this.mobileView&&!this.hasNavigation||"sidebar"===this.mobileView&&!this.hasSidebar)return void(this.mobileView="body");const a="sidebar"===this.mobileView||this.sidebarActive;a!==this.sidebarActive&&(a?this.showSidebar():this.hideSidebar())}updateNavigationStatus(){this.hasNavigation=Boolean(this.el.querySelector('[slot="navigation"]'))}updateCustomAppBarBackButtonStatus(){this.hasCustomAppBarBackButton=Boolean(this.el.querySelector('[slot="custom-app-bar-back-button"]'))}updateSidebarStatus(){this.hasSidebar=Boolean(this.el.querySelector('[slot="sidebar"]'))}updateContentScrollState(){const a={scrollable:this.contentEl.scrollHeight>this.contentEl.clientHeight,scrolledToTop:0===this.contentEl.scrollTop,scrolledToBottom:Math.round(this.contentEl.scrollTop+this.contentEl.clientHeight)>=this.contentEl.scrollHeight};Object.keys(a).some((t=>a[t]!==this.contentScrollState[t]))&&(this.contentScrollState=a)}updateNavScrollState(){const a={scrollable:this.navEl.scrollHeight>this.navEl.clientHeight,scrolledToTop:0===this.navEl.scrollTop};Object.keys(a).some((t=>a[t]!==this.navScrollState[t]))&&(this.navScrollState=a)}updateSidebarScrollState(){const a={scrollable:this.sidebarEl.scrollHeight>this.sidebarEl.clientHeight,scrolledToTop:0===this.sidebarEl.scrollTop};Object.keys(a).some((t=>a[t]!==this.sidebarScrollState[t]))&&(this.sidebarScrollState=a)}restoreNavExpansionState(){if(!this.collapsibleNavigation)return;const a=localStorage.getItem(this.navigationExpansionStateStorageKey);Boolean(a)&&this.setCollapsibleNavigationState(a)}render(){const a=("body"===this.mobileView||this.transitioningTo)&&this.hasNavigation&&!this.hasCustomAppBarBackButton,t=Boolean(this.el.querySelector('[slot="app-bar-controls"]')),o=Boolean(this.el.querySelector('[slot="bottom-bar"]')),s=Boolean(this.el.querySelector('[slot="app-bar-mobile-menu-button"]')),l=Boolean(this.el.querySelector('[slot="custom-sidebar-header"]')),n=Boolean(this.el.querySelector('[slot="floating-action-button"]'))||Boolean(this.ctaLabel),p=this.hasNavigation&&(!this.collapsibleNavigation||"collapsed"!==this.navExpansionState||!this.isDesktop),d=r("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":s,"app-layout--has-app-bar-controls":t,"app-layout--has-bottom-bar":o,"app-layout--has-custom-app-bar-back-button":this.hasCustomAppBarBackButton,"app-layout--has-custom-sidebar-header":l,"app-layout--has-floating-action-button":n,"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":"sidebar"===this.mobileView||this.sidebarActive,"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 i(e,{key:"e9ce1a534b9acff55e07b798afb306e07a619a81"},i("section",{key:"4d328d6707d7dff74ad9c6016af1ada8f1384e28","aria-labelledby":"app-name",class:d},i("div",{key:"2b7e59a9abf6c8d1379136e1446ce7e708974f43",class:"app-layout__grid"},i("header",{key:"e3e8a94655fa12bc7daa7b9ae984217654d5d8d0",class:"app-layout__header",ref:a=>this.headerEl=a},i("span",{key:"4842de5ed8cb9d055f75426f09d4c4221ce3248c",class:"app-layout__navigation-mobile-menu-button"},i("slot",{key:"24607acca33855b93dba77e0cab7b43cc19dbf6f",name:"navigation-mobile-menu-button"})),this.collapsibleNavigation&&i("span",{key:"b5e0b5c1ab49c9a77de1e6d8c9157cf907a5d331",class:"app-layout__nav-overlay-toggle"},i("swirl-button",{key:"de84a867b3b81da15a8a1a91feaf3d555b05d830",hideLabel:!0,icon:"expanded"!==this.navExpansionState?"<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&&i("span",{key:"7a146162ce324567d3bd9ac1e94fb4270e841491",class:"app-layout__navigation-back-button"},i("swirl-button",{key:"01e4e8588d68a858b3199883255a4de4a5890bf3",hideLabel:!0,icon:"<swirl-icon-arrow-back></swirl-icon-arrow-back>",label:this.navigationBackButtonLabel,onClick:this.onNavigationBackButtonClick})),i("swirl-heading",{key:"89125641f790dfc3134265a212768b6aa8f17f25",as:"h1",class:"app-layout__app-name",headingId:"app-name",level:3,text:this.appName}),p&&i("span",{key:"695f0de46afd902d3d69bd85d74ef9915a5a9c75",class:"app-layout__navigation-controls"},i("slot",{key:"2f239735632860d0edfe5fb967bac05b21f14452",name:"navigation-controls"}))),i("nav",{key:"3bc5df6af2555a12164b8695f2b1b637ec2d086d","aria-label":this.navigationLabel,class:"app-layout__navigation",onScroll:this.onNavScroll,ref:a=>this.navEl=a,inert:this.isDesktop&&this.collapsibleNavigation&&"collapsed"===this.navExpansionState},i("slot",{key:"d5e1ac3dc3187e1b4761b83d66d4fa98c7c4e3b4",name:"navigation"})),i("section",{key:"422313cc9de344ef4b66a37f0f69b709b6f71687","aria-labelledby":"app-name",class:"app-layout__body"},!this.hideAppBar&&i("header",{key:"46ea9b5669da12d8e78151977dc55b1e197e8dcb",class:"app-layout__app-bar"},i("span",{key:"b35d5938aadcdffa64b8927c096bb3f5b87fa349",class:"app-layout__app-bar-mobile-menu-button"},i("slot",{key:"2be2762f6d1cfdf8f569006557b5c51b8fc28b36",name:"app-bar-mobile-menu-button"})),a&&i("span",{key:"edfb91e719c8b77c73e945ca138f334fca56540b",class:"app-layout__back-to-navigation-button"},i("swirl-button",{key:"e8cc48db20975a04dd63a8dc86c39b86bbb5630f",hideLabel:!0,icon:"dialog"===this.transitionStyle?"<swirl-icon-close></swirl-icon-close>":"<swirl-icon-arrow-back></swirl-icon-arrow-back>",label:this.backToNavigationViewButtonLabel,onClick:this.onBackToNavigationViewButtonClick})),this.collapsibleNavigation&&"expanded"!==this.navExpansionState&&i("span",{key:"8c96a9e2f67470bd86c72d66272306901585d81e",class:"app-layout__nav-expansion-toggle"},i("swirl-button",{key:"36b26a023643f6fc3f43d2df344583004ee60b78",hideLabel:!0,icon:"<swirl-icon-hamburger-menu></swirl-icon-hamburger-menu>",label:this.navigationOverlayLabel,onClick:this.overlayNavigation})),i("span",{key:"b005af6a600db164a8251478d8d6f0b63dad6d48",class:"app-layout__custom-app-bar-back-button"},i("slot",{key:"829e1e1145543dbb9658566051e69d28095ed4ee",name:"custom-app-bar-back-button"})),i("div",{key:"e25d3fe097657c6ce637d075d7f886faebb8dcde",class:"app-layout__app-bar-content"},i("slot",{key:"7913c7ce6ca420a4ea5c6640e57e8718c5b8cdc5",name:"app-bar"})),i("div",{key:"5f6df0102cebfcaaa4e2bde25e218e6a506c81ca",class:"app-layout__app-bar-controls"},i("slot",{key:"b4b19bf2bb4a51732f9ea647758b42721169aa5e",name:"app-bar-controls"}))),i("div",{key:"a1cbbdffab4675813ee104abcdcf5722ad33242e",class:"app-layout__banner"},i("slot",{key:"0fc317305b8d94dc2670f2731ab7ac841ddad69e",name:"banner"})),i("div",{key:"6c434829a6c78aeaea9f084735122d685b1ca636",class:"app-layout__content",onScroll:this.onContentScroll,ref:a=>this.contentEl=a},i("slot",{key:"5ab35d69d738ac114725661f296f89624ce5aa21",name:"content"})),i("div",{key:"14a299ef135a30d6f8975db14bdb668e79c39b7b",class:"app-layout__bottom-bar"},i("slot",{key:"b6f039e3ca95a896c38bfa97943b46f21d0688e4",name:"bottom-bar"}))),i("aside",{key:"403077f3384c185e97eb0205f11a932e4c1ad76c",class:"app-layout__sidebar"},i("header",{key:"a951e471e8363a025b4ba1ce377e7e1ef17d7e79",class:"app-layout__custom-sidebar-header"},i("slot",{key:"f6e9ca768e57b30b3faa072250fe9c0cba196b5c",name:"custom-sidebar-header"})),i("header",{key:"1ff00d0311949b3bdacb38ebef268a5b6e3aa00d",class:"app-layout__sidebar-header"},i("swirl-button",{key:"cc5a33cb40af30a16fdd9442fc34de516022c15d",class:"app-layout__sidebar-close-button",hideLabel:!0,icon:"<swirl-icon-close></swirl-icon-close>",label:this.sidebarCloseButtonLabel,onClick:this.onSidebarCloseButtonClick}),i("swirl-heading",{key:"96241a517463e025991a2c376e450e5128086209",as:"h3",class:"app-layout__sidebar-heading",headingId:"sidebar-heading",level:3,text:this.sidebarHeading})),i("div",{key:"a0f11ec60312ab95b56ae4465f23cd0e60f8c3e9",class:"app-layout__sidebar-content",onScroll:this.onSidebarScroll,ref:a=>this.sidebarEl=a},i("slot",{key:"ed6139ae751d7701098e441d9bde7faa10d6ea1c",name:"sidebar"}))),i("span",{key:"ea00d4875343af4d76c96c3591931b342098c0e4",class:"app-layout__floating-action-button"},this.ctaLabel&&i("swirl-button",{key:"d29b393a6ac566bf7b3eac1b6080f7da67e25b7f",hideLabel:Boolean(this.ctaIcon),icon:this.ctaIcon,intent:"primary",label:this.ctaLabel,onClick:this.onCtaClick,variant:"floating"}),i("slot",{key:"7952de1a32de0b06d50911abcd9267ccb323e819",name:"floating-action-button"})))))}get el(){return o(this)}static get watchers(){return{mobileView:["watchMobileView"]}}};b.style=':host{--header-height:3.5625rem;position:relative;z-index:1;display:flex;width:100%;height:100%}:host *{box-sizing:border-box}.app-layout{display:flex;overflow:hidden;width:100%;height:100%;margin-right:auto;margin-left:auto}.app-layout__grid{position:relative;display:grid;width:100%;height:100%;grid-template-columns:100%;grid-template-rows:var(--header-height) 1fr;grid-template-areas:"body"\n    "body"}.app-layout:not(.app-layout--has-navigation) .app-layout__header,.app-layout:not(.app-layout--has-navigation) .app-layout__navigation{display:none}.app-layout:not(.app-layout--has-sidebar) .app-layout__sidebar{display:none}@media (max-width: 767px){.app-layout:not(.app-layout--mobile-view-body) .app-layout__body{display:none}}@media (max-width: 767px){.app-layout:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar{display:none}}.app-layout:not(.app-layout--has-app-bar-mobile-menu-button) .app-layout__app-bar-mobile-menu-button{display:none}.app-layout--has-navigation .app-layout__grid{grid-template-columns:100%;grid-template-areas:"header"\n      "navigation"}@media (min-width: 768px){.app-layout--has-navigation .app-layout__grid{grid-template-columns:min(50%, 22.5rem) 1fr;grid-template-areas:"header body"\n        "navigation body"}}@media (min-width: 1440px){.app-layout--has-navigation .app-layout__grid{grid-template-columns:min(50%, 25rem) 1fr}}@media (min-width: 768px){.app-layout--has-navigation .app-layout__app-bar-mobile-menu-button{display:none}}@media (min-width: 992px){.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-collapsed .app-layout__grid{grid-template-columns:0 1fr}.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__grid{grid-template-columns:0 1fr}.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__header,.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__navigation{position:absolute;z-index:4;top:0;left:0;width:22.5rem;animation:app-layout-nav-overlay-slide-in-desktop 0.1s;animation-fill-mode:forwards}.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__header:after{position:absolute;z-index:1;top:0;left:calc(100% + var(--s-border-width-default));display:block;width:2rem;height:100vh;background-image:linear-gradient(\n              to right,\n              rgba(0, 0, 0, 0.05) 0,\n              rgba(0, 0, 0, 0) 80%,\n              rgba(0, 0, 0, 0) 100%\n            );content:""}.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__navigation{z-index:3;bottom:0}}@media (min-width: 1440px){.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__header,.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__navigation{width:25rem;animation:app-layout-nav-overlay-slide-in-large-desktop 0.1s}}@media (min-width: 768px){.app-layout--has-sidebar:not(.app-layout--has-navigation).app-layout--sidebar-opening .app-layout__grid{animation:app-layout-no-nav-sidebar-slide-in 0.3s}@media (prefers-reduced-motion){.app-layout--has-sidebar:not(.app-layout--has-navigation).app-layout--sidebar-opening .app-layout__grid{animation:none}}}@media (min-width: 768px){.app-layout--has-sidebar:not(.app-layout--has-navigation).app-layout--sidebar-closing .app-layout__grid{animation:app-layout-no-nav-sidebar-slide-out 0.3s}@media (prefers-reduced-motion){.app-layout--has-sidebar:not(.app-layout--has-navigation).app-layout--sidebar-closing .app-layout__grid{animation:none}}}@media (min-width: 768px){.app-layout--has-sidebar.app-layout--sidebar-active .app-layout__grid,.app-layout--has-sidebar.app-layout--sidebar-opening .app-layout__grid{grid-template-columns:1fr min(50%, 25rem);grid-template-areas:"body sidebar"\n          "body sidebar"}}.app-layout--has-sidebar .app-layout__grid{grid-template-columns:100%;grid-template-areas:"body"\n      "body"}@media (min-width: 1800px){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-opening .app-layout__grid,.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-active .app-layout__grid{grid-template-columns:25rem 1fr 25rem;grid-template-areas:"header body sidebar"\n          "navigation body sidebar"}}@media (min-width: 1800px){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-opening .app-layout__grid{animation:app-layout-sidebar-slide-in 0.3s;animation-fill-mode:forwards}@media (prefers-reduced-motion){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-opening .app-layout__grid{animation:none}}.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-opening.app-layout--nav-collapsed .app-layout__grid,.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-opening.app-layout--nav-overlayed .app-layout__grid{animation:app-layout-sidebar-slide-in-with-collapsed-nav 0.3s}}@media (min-width: 1800px){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-closing .app-layout__grid{animation:app-layout-sidebar-slide-out 0.3s}@media (prefers-reduced-motion){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-closing .app-layout__grid{animation:none}}.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-closing.app-layout--nav-collapsed .app-layout__grid,.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-closing.app-layout--nav-overlayed .app-layout__grid{animation:app-layout-sidebar-slide-out-with-collapsed-nav 0.3s}}@media (min-width: 768px){.app-layout--has-navigation.app-layout--has-sidebar .app-layout__grid{grid-template-columns:min(50%, 22.5rem) 1fr;grid-template-areas:"header body"\n        "navigation body"}}@media (min-width: 992px){.app-layout--has-navigation.app-layout--has-sidebar .app-layout__grid{grid-template-columns:22.5rem 1fr}}@media (min-width: 1440px){.app-layout--has-navigation.app-layout--has-sidebar .app-layout__grid{grid-template-columns:25rem 1fr}}@media (min-width: 992px){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--nav-collapsible.app-layout--nav-collapsed .app-layout__grid{grid-template-columns:0 1fr}.app-layout--has-navigation.app-layout--has-sidebar.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__grid{grid-template-columns:0 1fr}}@media (min-width: 768px) and (max-width: 1799px){.app-layout--has-navigation.app-layout--has-sidebar .app-layout__sidebar{position:absolute;top:0;right:0;bottom:0;width:min(40%, 25rem);border-left:var(--s-border-width-default) solid var(--s-border-default);box-shadow:var(--s-shadow-level-3)}}@media (max-width: 767px){.app-layout--mobile-view-navigation .app-layout__grid{grid-template-areas:"header"\n        "navigation"}.app-layout--mobile-view-navigation .app-layout__body,.app-layout--mobile-view-navigation .app-layout__sidebar{display:none}}@media (max-width: 767px){.app-layout--mobile-view-body .app-layout__grid{grid-template-areas:"body"\n        "body"}.app-layout--mobile-view-body .app-layout__header,.app-layout--mobile-view-body .app-layout__navigation,.app-layout--mobile-view-body .app-layout__sidebar{display:none}}@media (max-width: 767px){.app-layout--mobile-view-sidebar .app-layout__grid{grid-template-areas:"sidebar"\n        "sidebar"}.app-layout--mobile-view-sidebar .app-layout__header,.app-layout--mobile-view-sidebar .app-layout__navigation,.app-layout--mobile-view-sidebar .app-layout__body{display:none}}.app-layout--has-sidebar:not(.app-layout--sidebar-active):not(.app-layout--sidebar-opening) .app-layout__sidebar{display:none}@media (min-width: 768px){.app-layout--sidebar-closing .app-layout__sidebar{animation:app-layout-sidebar-overlay-slide-out 0.3s}@media (prefers-reduced-motion){.app-layout--sidebar-closing .app-layout__sidebar{animation:none}}}@media (min-width: 1800px){.app-layout--sidebar-closing .app-layout__sidebar{animation:none}}.app-layout--has-app-bar-controls .app-layout__app-bar-controls{display:block}.app-layout--has-bottom-bar .app-layout__body{grid-template-rows:minmax(var(--header-height), auto) auto 1fr auto;grid-template-areas:"app-bar"\n      "banner"\n      "content"\n      "bottom-bar"}.app-layout--has-bottom-bar .app-layout__content{border-bottom:var(--s-border-width-default) solid transparent}.app-layout--has-bottom-bar .app-layout__bottom-bar{display:block}.app-layout--has-custom-app-bar-back-button .app-layout__custom-app-bar-back-button{display:block}.app-layout--has-custom-sidebar-header .app-layout__sidebar-header{display:none}.app-layout--has-custom-sidebar-header .app-layout__custom-sidebar-header{display:block}.app-layout--has-floating-action-button .app-layout__floating-action-button{display:block}.app-layout--hide-app-bar .app-layout__body{grid-template-rows:auto 1fr;grid-template-areas:"banner"\n      "content"\n      "bottom-bar"}.app-layout--content-scrollable:not(.app-layout--content-scrolled-to-top) .app-layout__app-bar{border-bottom-color:var(--s-border-default)}.app-layout--content-scrollable.app-layout--has-bottom-bar:not(.app-layout--content-scrolled-to-bottom) .app-layout__content{border-bottom-color:var(--s-border-default)}.app-layout--nav-scrollable:not(.app-layout--nav-scrolled-to-top) .app-layout__header{border-bottom-color:var(--s-border-default)}.app-layout--sidebar-scrollable:not(.app-layout--sidebar-scrolled-to-top) .app-layout__sidebar-header,.app-layout--sidebar-scrollable:not(.app-layout--sidebar-scrolled-to-top) .app-layout__custom-sidebar-header{border-bottom-color:var(--s-border-default)}.app-layout__header{z-index:1;display:flex;min-width:0;height:var(--header-height);padding-top:var(--s-space-12);padding-right:var(--s-space-8);padding-bottom:var(--s-space-12);padding-left:var(--s-space-8);align-items:center;border-bottom:var(--s-border-width-default) solid transparent;background-color:var(--s-background-default);grid-area:header;gap:var(--s-space-8)}@media (min-width: 768px){.app-layout__header{border-right:var(--s-border-width-default) solid var(--s-border-default)}}@media (min-width: 992px){.app-layout__header{padding-right:var(--s-space-16);padding-left:var(--s-space-16)}}.app-layout__app-name{min-width:0}.app-layout__app-name .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-layout__app-bar-mobile-menu-button,.app-layout__navigation-mobile-menu-button{flex-shrink:0}@media (min-width: 992px){.app-layout__app-bar-mobile-menu-button,.app-layout__navigation-mobile-menu-button{display:none}}.app-layout__app-bar-mobile-menu-button{padding-left:var(--s-space-8)}@media (min-width: 768px){.app-layout__app-bar-mobile-menu-button{padding-left:0}}.app-layout__navigation-back-button{margin-left:calc(-1 * var(--s-space-4))}.app-layout__floating-action-button{position:absolute;z-index:4;right:var(--s-space-16);bottom:var(--s-space-16);display:none}.app-layout__navigation-controls{flex-shrink:0}.app-layout__navigation{z-index:1;overflow-y:auto;border-right:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);grid-area:navigation}.app-layout__nav-overlay-toggle,.app-layout__nav-expansion-toggle{display:none}@media (min-width: 992px){.app-layout__nav-overlay-toggle,.app-layout__nav-expansion-toggle{display:block}}.app-layout__nav-expansion-toggle{padding-left:var(--s-space-16)}.app-layout__body{z-index:2;display:grid;width:100%;height:100%;grid-area:body;grid-template-rows:minmax(var(--header-height), auto) auto 1fr;grid-template-areas:"app-bar"\n    "banner"\n    "content"}.app-layout__app-bar{--swirl-tab-bar-border-width:0;--swirl-tab-bar-height:3.5rem;display:flex;min-width:0;align-items:center;border-bottom:var(--s-border-width-default) solid transparent;background-color:var(--s-background-default);grid-area:app-bar;gap:var(--s-space-8)}.app-layout__bottom-bar{display:none;min-width:0;align-items:center;background-color:var(--s-background-default);grid-area:bottom-bar}.app-layout__back-to-navigation-button{padding-left:var(--s-space-8)}@media (min-width: 768px){.app-layout__back-to-navigation-button{display:none}}.app-layout__banner{grid-area:banner}.app-layout__app-bar-content{min-width:0;flex-grow:1}.app-layout__custom-app-bar-back-button{display:none;padding-left:var(--s-space-8)}.app-layout__app-bar-controls{display:none;padding-right:var(--s-space-8)}@media (min-width: 768px){.app-layout__app-bar-controls{padding-right:var(--s-space-16)}}.app-layout__content{overflow:auto;background-color:var(--s-background-default);grid-area:content}.app-layout__sidebar{z-index:3;display:grid;width:100%;height:100%;border-left:var(--s-border-width-default) solid var(--s-border-default);grid-area:sidebar;grid-template-rows:var(--header-height) 1fr;grid-template-areas:"sidebar-header"\n    "sidebar-content"}@media (min-width: 768px){.app-layout__sidebar{animation:app-layout-slide-in 0.3s}@media (prefers-reduced-motion){.app-layout__sidebar{animation:none}}}@media (min-width: 1800px){.app-layout__sidebar{width:25rem;animation:none}}.app-layout__custom-sidebar-header{display:none;min-width:0;border-bottom:var(--s-border-width-default) solid transparent;background-color:var(--s-background-default);grid-area:sidebar-header}.app-layout__sidebar-header{display:flex;min-width:0;padding-top:var(--s-space-12);padding-right:var(--s-space-8);padding-bottom:var(--s-space-12);padding-left:var(--s-space-8);align-items:center;border-bottom:var(--s-border-width-default) solid transparent;background-color:var(--s-background-default);grid-area:sidebar-header;gap:var(--s-space-8)}@media (min-width: 768px){.app-layout__sidebar-header{padding-right:var(--s-space-16);padding-left:var(--s-space-16)}}.app-layout__sidebar-heading{min-width:0;flex-grow:1}.app-layout__sidebar-heading .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-layout__sidebar-close-button{margin-left:calc(-1 * var(--s-space-4))}.app-layout__sidebar-content{overflow-y:auto;background-color:var(--s-background-default);grid-area:sidebar-content}@keyframes app-layout-nav-overlay-slide-in-desktop{from{width:0}to{width:22.5rem}}@keyframes app-layout-nav-overlay-slide-in-large-desktop{from{width:0}to{width:25rem}}@media (max-width: 767px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__grid,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__grid{grid-template-columns:100%;grid-template-areas:"header"\n          "navigation"}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{position:absolute;top:0;left:0;display:grid;width:100%;transform:translate3d(100%, 0, 0)}}@media (max-width: 767px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header{display:flex}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{display:block}}@media (max-width: 991px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__grid,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__grid{grid-template-columns:100%;grid-template-areas:"body"\n          "body"}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{position:absolute;top:0;left:0;display:grid;border-left:var(--s-border-width-default) solid var(--s-border-default)}}@media (max-width: 991px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{display:grid}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{display:grid}}@media (max-width: 767px){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__navigation,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation:app-layout-slide-out 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__navigation,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation:none}}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation:app-layout-slide-in 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation:none}}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body:after,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body:after{position:absolute;top:0;right:100%;bottom:0;display:block;width:100%;background-color:rgba(0, 0, 0, 0.3);content:"";animation:app-layout-fade-in 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body:after,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body:after{animation:none}}}@media (max-width: 767px){.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body:after{animation-direction:reverse}}@media (max-width: 991px){.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation:app-layout-slide-out 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation:none}}.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation:app-layout-slide-in 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation:none}}.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar:after,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar:after{position:absolute;top:0;right:100%;bottom:0;display:block;width:100%;background-color:rgba(0, 0, 0, 0.3);content:"";animation:app-layout-fade-in 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar:after,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar:after{animation:none}}}@media (max-width: 991px){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar:after{animation-direction:reverse}}@media (max-width: 767px){.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation:app-layout-scale-in 0.3s}@media (prefers-reduced-motion){.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation:none}}}@media (max-width: 767px){.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation-direction:reverse}}@media (max-width: 991px){.app-layout--transition-style-dialog.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation:app-layout-scale-in 0.3s}@media (prefers-reduced-motion){.app-layout--transition-style-dialog.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation:none}}}@media (max-width: 991px){.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation-direction:reverse}}@keyframes app-layout-sidebar-overlay-slide-out{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(100%, 0, 0)}}@keyframes app-layout-slide-in{0%{transform:translate3d(100%, 0, 0)}100%{transform:translate3d(0, 0, 0)}}@keyframes app-layout-slide-out{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(-20%, 0, 0)}}@keyframes app-layout-fade-in{0%{opacity:0}100%{opacity:1}}@keyframes app-layout-scale-in{from{transform:scale(0);box-shadow:0 0 0 100rem rgba(0, 0, 0, 0)}to{transform:scale(1);box-shadow:0 0 0 100rem rgba(0, 0, 0, 0.25)}}@keyframes app-layout-sidebar-slide-in{from{overflow:hidden;grid-template-columns:25rem 1fr 0}to{overflow:hidden;grid-template-columns:25rem 1fr 25rem}}@keyframes app-layout-sidebar-slide-in-with-collapsed-nav{from{overflow:hidden;grid-template-columns:0 1fr 0}to{overflow:hidden;grid-template-columns:0 1fr 25rem}}@keyframes app-layout-sidebar-slide-out{from{overflow:hidden;grid-template-columns:25rem 1fr 25rem}to{overflow:hidden;grid-template-columns:25rem 1fr 0}}@keyframes app-layout-sidebar-slide-out-with-collapsed-nav{from{overflow:hidden;grid-template-columns:0 1fr 25rem}to{overflow:hidden;grid-template-columns:0 1fr 0}}@keyframes app-layout-no-nav-sidebar-slide-in{from{overflow:hidden;grid-template-columns:1fr 0}to{overflow:hidden;grid-template-columns:1fr 25rem}}@keyframes app-layout-no-nav-sidebar-slide-out{from{overflow:hidden;grid-template-columns:1fr 25rem}to{overflow:hidden;grid-template-columns:1fr 0}}';const h=class{constructor(t){a(this,t),this.heading=void 0,this.illustration=void 0}render(){const a=Boolean(this.el.querySelector('[slot="controls"]')),t=Boolean(this.el.querySelector('[slot="illustration"]')),o=r("empty-state",{"empty-state--has-controls":a,"empty-state--has-slotted-illustration":t});return i(e,{key:"94c0183213827a9e385891a8efaebf09a1373b41"},i("div",{key:"df6358b2d51045996b4db5f7d439cdac982a0ea1",class:o},this.illustration&&!t&&i("img",{key:"afe293f061b57a8e3ef32d1a563ea0a50504d1a2",alt:"",class:"empty-state__illustration",src:this.illustration}),i("div",{key:"681f5893da0f9885f77335593aee396a256533eb",class:"empty-state__slotted-illustration"},i("slot",{key:"09e0673a2b78059361be72881a0e974bbf080b85",name:"illustration"})),i("div",{key:"dd54e6476baebaeeec075cbe453bcf3e998f6bd0",class:"empty-state__body"},i("swirl-stack",{key:"ad8fb7ddfda397fc19b55aa975baf78a4764b70e",align:"stretch",spacing:"8"},this.heading&&i("swirl-heading",{key:"243990d5402bfb9b02cd511300d5276ffb0ba54b",align:"center",as:"p",level:4,text:this.heading}),i("div",{key:"1bb06393c28e20e43f80e9e1c9af44e0bc7f10f2",class:"empty-state__content"},i("swirl-text",{key:"cfa49896324f7a7065724129e0b2eb40308c2a94",align:"center",color:"subdued"},i("slot",{key:"6f27905a027ffa3da097026119034902dcbacb00"})))),i("div",{key:"566a23490090c0c9c1e3bc6431a76219d34727fa",class:"empty-state__controls"},i("slot",{key:"13e163bd884866127c76c5742faeb55c128d29e4",name:"controls"})))))}get el(){return o(this)}};h.style=":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}";const y=class{constructor(t){a(this,t),this.color=void 0,this.size=24}render(){const a=20===this.size?24:this.size,t={color:Boolean(this.color)?`var(--s-icon-${this.color})`:void 0},e=r("swirl-icon",`swirl-icon--size-${this.size}`);return i("svg",{key:"42e0f897dac83cec1079f3cee0c051d9eeb01db5","aria-hidden":"true",class:e,fill:"none",height:this.size,part:"icon",style:t,viewBox:`0 0 ${a} ${a}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},16===this.size&&i(s,{key:"57a32d25c10ca474bd4674c760c9ed43f3df1670"},i("path",{key:"32af653834b2600932f8b580baaef86873d40e23",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"})),(20===this.size||24===this.size)&&i(s,{key:"f0de36b019a6f09df95b8e025b9315836d0def04"},i("path",{key:"a4fd197af558877003c07e90614917e924c0a239",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"})),28===this.size&&i(s,{key:"cc8c9a427ac7a421082a03f6ce44f5db5ebebd2b"},i("path",{key:"4a4cd53f873554e6bb9431cae5ca03d612366231",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"})))}};y.style=":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";const m=class{constructor(i){a(this,i),this.itemDrop=t(this,"itemDrop",7),this.focusedIndex=0,this.toggleDrag=a=>{const t=a.detail;Boolean(this.dragging)?this.stopDrag(t):this.startDrag(t)},this.startDrag=a=>{this.dragging=a,this.draggingStartIndex=this.getItemIndex(this.dragging),a.setAttribute("dragging","true");const t=this.getItemIndex(this.dragging);this.focusItemAtIndex(t),this.assistiveText=this.assistiveTextItemGrabbed},this.stopDrag=a=>{const t=this.getItemIndex(this.dragging);this.dragging=void 0,a.removeAttribute("dragging"),this.assistiveText=`${this.assistiveTextItemMoved} ${t+1}`,this.itemDrop.emit({item:a,oldIndex:this.draggingStartIndex,newIndex:t}),this.draggingStartIndex=void 0},this.onKeyDown=a=>{if("ArrowDown"===a.code)a.preventDefault(),Boolean(this.dragging)?this.moveDraggedItemDown():this.focusItemAtIndex((this.focusedIndex+1)%this.items.length);else if("ArrowUp"===a.code)a.preventDefault(),Boolean(this.dragging)?this.moveDraggedItemUp():this.focusItemAtIndex(0===this.focusedIndex?this.items.length-1:this.focusedIndex-1);else if("Space"===a.code||"Enter"===a.code){const t=a.composedPath()[0];if(Boolean(this.dragging)&&!t?.classList.contains("resource-list-item__drag-handle"))a.preventDefault(),this.stopDrag(this.dragging);else if(Boolean(this.controllingElement)&&"Enter"===a.code){const t=this.items[this.focusedIndex];if(!Boolean(t)||!t.isConnected)return;a.stopPropagation(),a.preventDefault(),t.click()}}else"Home"===a.code?(a.preventDefault(),this.focusItemAtIndex(0)):"End"===a.code&&(a.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.padding=void 0,this.paddingBlockEnd=void 0,this.paddingBlockStart=void 0,this.paddingInlineEnd=void 0,this.paddingInlineStart=void 0,this.spacing="0",this.assistiveText=void 0,this.listId=u()}componentDidLoad(){this.observeSlotChanges(),this.collectItems(),this.setupControllingElement(),this.setItemAllowDragState(),this.setupDragDrop(),this.setSectionSpacingAndSeparator()}componentDidRender(){this.setupDragDrop()}disconnectedCallback(){this.sortable?.destroy(),this.observer?.disconnect(),this.controllingElement?.removeEventListener("keydown",this.onKeyDown)}observeSlotChanges(){this.observer=new MutationObserver((()=>{this.collectItems(),this.setItemAllowDragState(),this.setSectionSpacingAndSeparator()})),this.observer.observe(this.el,{childList:!0,characterData:!0,subtree:!0})}watchAllowDrag(){this.setItemAllowDragState(),this.setupDragDrop()}collectItems(){this.items=Array.from(this.el.querySelectorAll("swirl-resource-list-item, swirl-resource-list-file-item, [data-resource-list-item]")).filter((a=>a.isConnected)),this.sections=Array.from(this.el.querySelectorAll("swirl-resource-list-section")).filter((a=>a.isConnected)),this.removeItemsFromTabOrder(),this.enableItemFocus(this.items[this.focusedIndex]),Boolean(this.controllingElement)&&this.items[0]?.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(a){return this.items.map((a=>a)).findIndex((t=>t===a))}removeItemsFromTabOrder(){this.items.forEach((a=>{const t=a?.querySelector(".resource-list-item__content, .resource-list-file-item, [data-resource-list-item-button]"),i=a?.querySelector(".resource-list-item__drag-handle");Boolean(this.controllingElement)&&a.setAttribute("aria-selected","false"),t?.setAttribute("tabIndex","-1"),i?.setAttribute("tabIndex","-1")}))}setItemAllowDragState(){this.allowDrag?this.items.filter((a=>this.sections.every((t=>!t.contains(a))))).forEach((a=>{a.setAttribute("allow-drag","true"),a.addEventListener("toggleDrag",this.toggleDrag)})):this.items.forEach((a=>{a.removeAttribute("allow-drag"),a.removeEventListener("toggleDrag",this.toggleDrag)}))}setupDragDrop(){Boolean(this.sortable)&&this.sortable.destroy(),this.allowDrag&&(this.sortable=c.create(this.gridEl,{animation:150,draggable:"swirl-resource-list-item",handle:".resource-list-item__drag-handle",onEnd:a=>{this.itemDrop.emit({item:a.item,oldIndex:a.oldDraggableIndex,newIndex:a.newDraggableIndex})}}))}enableItemFocus(a,t){if(!Boolean(a)||Boolean(this.controllingElement))return;const i=a.querySelector(".resource-list-item__content, .resource-list-file-item, [data-resource-list-item-button]"),e=a.querySelector(".resource-list-item__drag-handle");Boolean(e)&&e.setAttribute("tabIndex","0"),Boolean(i)&&(i.setAttribute("tabIndex","0"),t&&!Boolean(this.controllingElement)&&i.focus())}focusItemAtIndex(a){this.removeItemsFromTabOrder();const t=this.items[a];Boolean(t)&&t.isConnected&&(this.enableItemFocus(t,!Boolean(this.controllingElement)),Boolean(this.controllingElement)&&(t.setAttribute("aria-selected","true"),t.scrollIntoView({block:"nearest"})),this.focusedIndex=a)}moveDraggedItemDown(){const a=this.dragging.nextElementSibling;Boolean(a)&&(a.after(this.dragging),this.collectItems(),this.focusItemAtIndex(this.getItemIndex(this.dragging)),this.assistiveText=`${this.assistiveTextItemMoving} ${this.getItemIndex(this.dragging)+1}`)}moveDraggedItemUp(){const a=this.dragging.previousElementSibling;Boolean(a)&&(a.before(this.dragging),this.collectItems(),this.focusItemAtIndex(this.getItemIndex(this.dragging)),this.assistiveText=`${this.assistiveTextItemMoving} ${this.getItemIndex(this.dragging)+1}`)}setSectionSpacingAndSeparator(){this.sections.forEach(((a,t)=>{0===t&&"SWIRL-RESOURCE-LIST-ITEM"!==a.previousElementSibling?.tagName&&(a.hasSeparator=!1),a.spacing=this.spacing}))}render(){return i(e,{key:"2e533a477f7ee05e19973808f07f5e5869c59220",onKeyDown:this.onKeyDown},i("swirl-visually-hidden",{key:"4b75c2fcc83e451d1da08ffef245ccddc02d421b",role:"alert"},this.assistiveText),i("swirl-box",{key:"e3efe4e1b82cd3bbe83d568a20347175e025a11b",paddingBlockEnd:this.paddingBlockEnd??this.padding,paddingBlockStart:this.paddingBlockStart??this.padding,paddingInlineEnd:this.paddingInlineEnd??this.padding??"8",paddingInlineStart:this.paddingInlineStart??this.padding??"8"},i("swirl-stack",{key:"3b9d4f761c8d790c513b963197ec220eeaa8455d","aria-label":this.label,class:"resource-list",id:this.listId,ref:a=>this.gridEl=a,role:"grid",spacing:this.spacing},i("slot",{key:"8418a6f13a24317aedd0c408c50e6c921ceef5c3"}))))}get el(){return o(this)}static get watchers(){return{allowDrag:["watchAllowDrag"]}}};m.style=".sc-swirl-resource-list-h{display:block;width:100%}.sc-swirl-resource-list-h *.sc-swirl-resource-list{box-sizing:border-box}";const g=class{constructor(i){a(this,i),this.toggleDrag=t(this,"toggleDrag",7),this.valueChange=t(this,"valueChange",7),this.desktopMediaQuery=l(),this.elementId=u(),this.desktopMediaQueryHandler=a=>{this.forceIconProps(a.matches),this.updateIconSize(a.matches)},this.onClick=()=>{this.selectable&&(this.checked=!this.checked,this.valueChange.emit(this.checked))},this.onBlur=()=>{this.makeControlUnfocusable()},this.onFocus=()=>{this.makeControlFocusable()},this.onMenuTriggerClick=a=>{this.disabled&&!Boolean(this.href)&&a.stopPropagation()},this.onDragHandleKeyDown=a=>{"Space"!==a.code&&"Enter"!==a.code||(a.preventDefault(),this.toggleDrag.emit(this.el))},this.onControlClick=a=>{a.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.labelMinHeight=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(){this.updateMediaState()}componentDidLoad(){this.forceIconProps(this.desktopMediaQuery.matches),this.updateIconSize(this.desktopMediaQuery.matches),this.desktopMediaQuery.addEventListener("change",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(){this.desktopMediaQuery.removeEventListener?.("change",this.desktopMediaQueryHandler)}forceIconProps(a){const t=this.iconEl?.children[0];t?.setAttribute("size",a?"20":"24")}updateIconSize(a){this.iconSize=a?20:24}updateMediaState(){const a=this.el.querySelector('[slot="media"]'),t=Boolean(a);t!==this.hasMedia&&(this.hasMedia=t)}getControl(){return this.el.querySelector('[slot="control"] button')}makeControlFocusable(){const a=this.getControl();Boolean(a)&&(a.tabIndex=0)}makeControlUnfocusable(){const a=this.getControl();Boolean(a)&&(a.tabIndex=-1)}render(){const a=this.interactive||this.selectable?Boolean(this.href)&&!this.selectable?"a":"button":"div",t=this.disabled&&!Boolean(this.href),o=Boolean(this.el.querySelector("[slot='badges']")),s=this.el.querySelector("[slot='control']"),l=Boolean(this.menuTriggerId)||s,n=this.interactive&&Boolean(this.href)?this.href:void 0,p=s&&(Boolean(this.meta)||o),d=Boolean(this.menuTriggerId)&&!Boolean(this.meta)&&!this.selectable,c=(Boolean(this.meta)||o)&&!this.selectable,u=Boolean(this.swirlAriaLabel)?this.swirlAriaLabel:this.label,b=this.selectable?String(this.checked):void 0,h=this.interactive&&this.selectable?"checkbox":void 0,y={paddingRight:!c&&Boolean(this.controlContainer)?`calc(${this.controlContainer?.getBoundingClientRect().width}px + var(--s-space-16))`:void 0,minHeight:this.labelMinHeight??void 0},m=r("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":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":p,"resource-list-item--show-meta":c,"resource-list-item--wrap-description":this.descriptionWrap,"resource-list-item--wrap-label":this.labelWrap});return i(e,{key:"bfb0bd7d6d15856f14518cdd626c40dcb2eb78f3",role:"row"},i("div",{key:"4489a4452594e6d3b99f4c4a980e89f464c35d38",class:m,role:"gridcell"},i(a,{key:"25556f093a70d65789ed83eb51e6c97f8c4f9e1c","aria-checked":b,"aria-disabled":t?"true":void 0,"aria-label":u,"aria-labelledby":Boolean(this.swirlAriaLabel)?void 0:this.elementId,class:"resource-list-item__content",href:n,disabled:t,onClick:this.onClick,onBlur:this.onBlur,onFocus:this.onFocus,part:"resource-list-item__content",role:h,tabIndex:0,type:"button"===a?"button":void 0},this.hasMedia&&i("span",{key:"ebec2a582ff80ba6af9e30d1eaa2423398c92c40",class:"resource-list-item__media"},i("slot",{key:"48f6959f85a00e70a8f49e9e07bc9618d0cb1159",name:"media"})),i("span",{key:"8b3c9f913676f3b0cdc2a053c824f28c8f03faf8",class:"resource-list-item__label-container",style:y},i("span",{key:"ab72e18c3843286724eb7bb2a9b7fb2a5c4dd159",class:"resource-list-item__label",id:this.elementId,innerHTML:this.allowHtml?this.label:void 0},!this.allowHtml&&this.label),this.description&&i("span",{key:"ee9405cb46da67633280e37c718ece7f5f78e504",class:"resource-list-item__description",innerHTML:this.allowHtml?this.description:void 0},!this.allowHtml&&this.description)),c&&i("span",{key:"d548b8ecc1067390903ad67a5c8c3e028b2f8130",class:"resource-list-item__meta"},i("span",{key:"c2e924c99d8a259d681d6f185377b668d33a19cd",class:"resource-list-item__meta-text"},this.meta),i("span",{key:"ee319cd05ba53bddcb25fde8f350a60a34469146",class:"resource-list-item__badges"},i("slot",{key:"0de74a753a1d5c244909238ab77366fafc6a84e5",name:"badges"})))),this.selectable&&i("span",{key:"b5fab0360c74249ea743d5ec162c6a45f5fe2be3","aria-hidden":"true",class:"resource-list-item__checkbox"},i("span",{key:"b5819da58152f00eb869623318cffd7ff1ae684f",class:"resource-list-item__checkbox-icon"},this.checked&&i("swirl-icon-check-strong",{key:"9e84afe4b45f0eecceea46b6f23673a30ebf72d3"}))),i("span",{key:"178627f4d126a48e9f2b98218735902321594efd",class:"resource-list-item__control",onClick:this.onControlClick,ref:a=>this.controlContainer=a},i("slot",{key:"c3e8c355eeecb886b97a8cc7c35b5a22d1191764",name:"control"})),d&&i("swirl-popover-trigger",{key:"1da96bd1bcc3fef40db960ad169443319cbc052d",swirlPopover:this.menuTriggerId},i("swirl-button",{key:"0932be7ca64755cd8e1d4172a8bbd187f6efbe34","aria-disabled":t?"true":void 0,class:"resource-list-item__menu-trigger",disabled:t,hideLabel:!0,icon:"<swirl-icon-more-horizontal></swirl-icon-more-horizontal>",intent:"primary",label:this.menuTriggerLabel,onClick:this.onMenuTriggerClick}))),this.allowDrag&&i("button",{key:"d1ea880ee0adcb6b90f791dfa39fc65282c32c13","aria-describedby":this.dragHandleDescription,"aria-label":`${this.dragHandleLabel} "${this.label}"`,class:"resource-list-item__drag-handle",onKeyDown:this.onDragHandleKeyDown,type:"button"},i("swirl-icon-drag-handle",{key:"78b7aae4fd568f82fbf717a6ae0285f70219bebd",size:this.iconSize})))}get el(){return o(this)}};g.style='.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(\n      --swirl-resource-list-item-background-hovered\n    );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--label-weight-semibold.sc-swirl-resource-list-item .resource-list-item__label.sc-swirl-resource-list-item{font-weight:var(--s-font-weight-semibold)}.resource-list-item--label-weight-bold.sc-swirl-resource-list-item .resource-list-item__label.sc-swirl-resource-list-item{font-weight:var(--s-font-weight-bold)}.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),\n    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__meta-text.sc-swirl-resource-list-item{white-space:nowrap}.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)}';export{b as swirl_app_layout,h as swirl_empty_state,y as swirl_icon_folder_shared,m as swirl_resource_list,g as swirl_resource_list_item}

package/dist/swirl-components/{p-21ab9a48.entry.js → p-6b354477.entry.js}

@@ -1 +1 @@
-import{r as C,h as s,F as t}from"./p-3fc884a6.js";import{c as i}from"./p-a5dce9e6.js";const e=class{constructor(s){C(this,s),this.size=24}render(){const C=20===this.size?24:this.size,e=i("swirl-symbol",`swirl-symbol--size-${this.size}`);return s("svg",{key:"ced09606b1a40c86b4940326681d3577b2e0f67c",class:e,fill:"none",height:this.size,part:"symbol",viewBox:`0 0 ${C} ${C}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},s(t,{key:"27f337b2ef46d8b83079e42000bda61d4c671846"},s("path",{key:"2dd9cdf5d4a07d0290274ab681e993840ca1d669",d:"M7 18C6.60444 18 6.21776 18.1173 5.88886 18.3371C5.55996 18.5568 5.30362 18.8692 5.15224 19.2346C5.00087 19.6001 4.96126 20.0022 5.03843 20.3902C5.1156 20.7781 5.30608 21.1345 5.58579 21.4142C5.86549 21.6939 6.22186 21.8844 6.60982 21.9616C6.99778 22.0387 7.39991 21.9991 7.76537 21.8478C8.13082 21.6964 8.44318 21.44 8.66294 21.1111C8.8827 20.7822 9 20.3956 9 20C9 19.4696 8.78929 18.9609 8.41421 18.5858C8.03914 18.2107 7.53043 18 7 18ZM1 3C1 3.26522 1.10536 3.51957 1.29289 3.70711C1.48043 3.89464 1.73478 4 2 4H3L6.6 11.59L5.25 14.03C5.08111 14.3345 4.99465 14.6779 4.9992 15.0261C5.00374 15.3743 5.09912 15.7153 5.27591 16.0153C5.45269 16.3153 5.70474 16.564 6.00713 16.7367C6.30952 16.9094 6.65177 17.0002 7 17H18C18.2652 17 18.5196 16.8946 18.7071 16.7071C18.8946 16.5196 19 16.2652 19 16C19 15.7348 18.8946 15.4804 18.7071 15.2929C18.5196 15.1054 18.2652 15 18 15H7L8.1 13H15.55C15.9073 13.0011 16.2583 12.9061 16.5662 12.7249C16.8741 12.5436 17.1276 12.2829 17.3 11.97L20.88 5.48C20.963 5.32825 21.0053 5.15756 21.0026 4.9846C21 4.81164 20.9525 4.64233 20.8648 4.49321C20.7772 4.34409 20.6523 4.22025 20.5025 4.13381C20.3527 4.04736 20.183 4.00126 20.01 4H5.21L4.54 2.57C4.45963 2.39931 4.3323 2.25504 4.17291 2.15409C4.01352 2.05315 3.82867 1.9997 3.64 2H2C1.73478 2 1.48043 2.10536 1.29289 2.29289C1.10536 2.48043 1 2.73478 1 3ZM17 18C16.6044 18 16.2178 18.1173 15.8889 18.3371C15.56 18.5568 15.3036 18.8692 15.1522 19.2346C15.0009 19.6001 14.9613 20.0022 15.0384 20.3902C15.1156 20.7781 15.3061 21.1345 15.5858 21.4142C15.8655 21.6939 16.2219 21.8844 16.6098 21.9616C16.9978 22.0387 17.3999 21.9991 17.7654 21.8478C18.1308 21.6964 18.4432 21.44 18.6629 21.1111C18.8827 20.7822 19 20.3956 19 20C19 19.4696 18.7893 18.9609 18.4142 18.5858C18.0391 18.2107 17.5304 18 17 18Z",fill:"currentColor"})))}};e.style=":host{display:inline-flex}";export{e as swirl_symbol_shopping_cart}
+import{r as C,h as s,F as e}from"./p-3fc884a6.js";import{c as t}from"./p-a5dce9e6.js";const i=class{constructor(s){C(this,s),this.size=24}render(){const C=20===this.size?24:this.size,i=t("swirl-symbol",`swirl-symbol--size-${this.size}`);return s("svg",{key:"a5e4dbd70287763bb6c554273f49b20535cc077d",class:i,fill:"none",height:this.size,part:"symbol",viewBox:`0 0 ${C} ${C}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},s(e,{key:"c4ff56ec7a0864886ea2aff946f3e874417b8f8e"},s("path",{key:"a3108f9b5d0d1b1bef862f3e0ae9100fca3b5fce",d:"M7 18C6.60444 18 6.21776 18.1173 5.88886 18.3371C5.55996 18.5568 5.30362 18.8692 5.15224 19.2346C5.00087 19.6001 4.96126 20.0022 5.03843 20.3902C5.1156 20.7781 5.30608 21.1345 5.58579 21.4142C5.86549 21.6939 6.22186 21.8844 6.60982 21.9616C6.99778 22.0387 7.39991 21.9991 7.76537 21.8478C8.13082 21.6964 8.44318 21.44 8.66294 21.1111C8.8827 20.7822 9 20.3956 9 20C9 19.4696 8.78929 18.9609 8.41421 18.5858C8.03914 18.2107 7.53043 18 7 18ZM1 3C1 3.26522 1.10536 3.51957 1.29289 3.70711C1.48043 3.89464 1.73478 4 2 4H3L6.6 11.59L5.25 14.03C5.08111 14.3345 4.99465 14.6779 4.9992 15.0261C5.00374 15.3743 5.09912 15.7153 5.27591 16.0153C5.45269 16.3153 5.70474 16.564 6.00713 16.7367C6.30952 16.9094 6.65177 17.0002 7 17H18C18.2652 17 18.5196 16.8946 18.7071 16.7071C18.8946 16.5196 19 16.2652 19 16C19 15.7348 18.8946 15.4804 18.7071 15.2929C18.5196 15.1054 18.2652 15 18 15H7L8.1 13H15.55C15.9073 13.0011 16.2583 12.9061 16.5662 12.7249C16.8741 12.5436 17.1276 12.2829 17.3 11.97L20.88 5.48C20.963 5.32825 21.0053 5.15756 21.0026 4.9846C21 4.81164 20.9525 4.64233 20.8648 4.49321C20.7772 4.34409 20.6523 4.22025 20.5025 4.13381C20.3527 4.04736 20.183 4.00126 20.01 4H5.21L4.54 2.57C4.45963 2.39931 4.3323 2.25504 4.17291 2.15409C4.01352 2.05315 3.82867 1.9997 3.64 2H2C1.73478 2 1.48043 2.10536 1.29289 2.29289C1.10536 2.48043 1 2.73478 1 3ZM17 18C16.6044 18 16.2178 18.1173 15.8889 18.3371C15.56 18.5568 15.3036 18.8692 15.1522 19.2346C15.0009 19.6001 14.9613 20.0022 15.0384 20.3902C15.1156 20.7781 15.3061 21.1345 15.5858 21.4142C15.8655 21.6939 16.2219 21.8844 16.6098 21.9616C16.9978 22.0387 17.3999 21.9991 17.7654 21.8478C18.1308 21.6964 18.4432 21.44 18.6629 21.1111C18.8827 20.7822 19 20.3956 19 20C19 19.4696 18.7893 18.9609 18.4142 18.5858C18.0391 18.2107 17.5304 18 17 18Z",fill:"currentColor"})))}};i.style=":host{display:inline-flex}";export{i as swirl_symbol_shopping_cart}

package/dist/swirl-components/{p-5caee3ab.entry.js → p-6b9562dc.entry.js}

@@ -1 +1 @@
-import{r as e,h as d,F as f}from"./p-3fc884a6.js";import{c as a}from"./p-a5dce9e6.js";const i=class{constructor(d){e(this,d),this.color=void 0,this.size=24}render(){const e=20===this.size?24:this.size,i={color:Boolean(this.color)?`var(--s-icon-${this.color})`:void 0},c=a("swirl-icon",`swirl-icon--size-${this.size}`);return d("svg",{key:"6b21f913c8118ca789ca96bd6ad36a858f45064a","aria-hidden":"true",class:c,fill:"none",height:this.size,part:"icon",style:i,viewBox:`0 0 ${e} ${e}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},16===this.size&&d(f,{key:"83fb2777cdf970455c715f472e74b7af7a5a6026"},d("g",{key:"3667faa367adb465ca003f73f71d2ab6ad635621",id:"InventoryOff16"},d("g",{key:"bc3dd58cfec6da057bf395ad4ff6f27b61244c9b",id:"Vector"},d("path",{key:"68123679bbc54583d751f1c8749ffb65be2dac9b",d:"M13.3334 4.66671H5.33335L6.66669 6.00004H12.6667V12L14 13.3334V5.80004C14.1889 5.67782 14.3471 5.52226 14.4747 5.33337C14.6027 5.14449 14.6667 4.92226 14.6667 4.66671V2.66671C14.6667 2.30004 14.5362 1.98604 14.2754 1.72471C14.014 1.46382 13.7 1.33337 13.3334 1.33337H2.66669C2.46738 1.33337 2.2837 1.37192 2.11565 1.449L3.33335 2.66671H13.3334V4.66671Z",fill:"currentColor"}),d("path",{key:"b553bf5d840f2d64165e0ce55de58937d561db09","fill-rule":"evenodd","clip-rule":"evenodd",d:"M2.00003 4.93338L0.85002 3.78337C0.727798 3.66115 0.666687 3.5056 0.666687 3.31671C0.666687 3.12782 0.727798 2.97226 0.85002 2.85004C0.972243 2.72782 1.1278 2.66671 1.31669 2.66671C1.50558 2.66671 1.66113 2.72782 1.78335 2.85004L13.1167 14.1834C13.209 14.2757 13.2681 14.3855 13.2938 14.5128C13.2938 14.5128 13.2939 14.5128 13.2938 14.5128C13.3021 14.5539 13.307 14.597 13.3084 14.6417C13.3139 14.825 13.25 14.9834 13.1167 15.1167C12.9945 15.2389 12.8389 15.3 12.65 15.3C12.4611 15.3 12.3056 15.2389 12.1834 15.1167L11.7256 14.6667H3.33335C2.96669 14.6667 2.65269 14.5363 2.39135 14.2754C2.13046 14.014 2.00002 13.7 2.00002 13.3334L2.00003 4.93338ZM10.3693 13.3334H3.33335V6.26671L8.91669 11.85L10.2167 13.1834L10.3693 13.3334Z",fill:"currentColor"})))),(20===this.size||24===this.size)&&d(f,{key:"1b104f8b2b655ba2ba972187d024233e6455b6ea"},d("g",{key:"ffe51af386256b2278511cced7a93ed9a46bbf33",id:"InventoryOff24"},d("g",{key:"8b4496f64f77793f8cc02ad0821f61489e2eb0dc",id:"Vector"},d("path",{key:"1fe6a9243f4938b6bfcefc53a48d32638f673779",d:"M20 7H8L10 9H19V18L21 20V8.7C21.2833 8.51667 21.5207 8.28333 21.712 8C21.904 7.71667 22 7.38333 22 7V4C22 3.45 21.8043 2.979 21.413 2.587C21.021 2.19567 20.55 2 20 2H4C3.70104 2 3.42552 2.05781 3.17344 2.17344L5 4H20V7Z",fill:"currentColor"}),d("path",{key:"1b438944169f96998aae5147365501e523f8d43a","fill-rule":"evenodd","clip-rule":"evenodd",d:"M3.00001 7.40001L1.275 5.675C1.09167 5.49167 1 5.25833 1 4.975C1 4.69167 1.09167 4.45833 1.275 4.275C1.45833 4.09167 1.69167 4 1.975 4C2.25833 4 2.49167 4.09167 2.675 4.275L19.675 21.275C19.8135 21.4135 19.9021 21.5783 19.9407 21.7691C19.9407 21.7692 19.9408 21.7691 19.9407 21.7691C19.9532 21.8307 19.9605 21.8955 19.9625 21.9625C19.9708 22.2375 19.875 22.475 19.675 22.675C19.4917 22.8583 19.2583 22.95 18.975 22.95C18.6917 22.95 18.4583 22.8583 18.275 22.675L17.5884 22H5C4.45 22 3.979 21.8043 3.587 21.413C3.19567 21.021 3 20.55 3 20L3.00001 7.40001ZM15.5539 20H5V9.4L13.375 17.775L15.325 19.775L15.5539 20Z",fill:"currentColor"})))),28===this.size&&d(f,{key:"885b893512682e183ae2da718401994659613a42"},d("g",{key:"8f5d38fb117f0122cfdc23703897ceab019ce423",id:"InventoryOff28"},d("g",{key:"d6bd483875f964468357e130a26941f0190a697c",id:"Vector"},d("path",{key:"94e432e678f235a67b495e2ba63c2dc98d3d8977",d:"M23.3334 8.16671H9.33335L11.6667 10.5H22.1667V21L24.5 23.3334V10.15C24.8306 9.93615 25.1075 9.66393 25.3307 9.33337C25.5547 9.00282 25.6667 8.61393 25.6667 8.16671V4.66671C25.6667 4.02504 25.4384 3.47554 24.9819 3.01821C24.5245 2.56165 23.975 2.33337 23.3334 2.33337H4.66669C4.3179 2.33337 3.99646 2.40082 3.70236 2.53572L5.83335 4.66671H23.3334V8.16671Z",fill:"currentColor"}),d("path",{key:"5a0fe959711c3cee32d896a423bcba7479f6c0e7","fill-rule":"evenodd","clip-rule":"evenodd",d:"M3.50003 8.63338L1.48752 6.62087C1.27363 6.40699 1.16669 6.13476 1.16669 5.80421C1.16669 5.47365 1.27363 5.20143 1.48752 4.98754C1.70141 4.77365 1.97363 4.66671 2.30419 4.66671C2.63474 4.66671 2.90696 4.77365 3.12085 4.98754L22.9542 24.8209C23.1158 24.9825 23.2192 25.1747 23.2642 25.3974C23.2641 25.3974 23.2643 25.3973 23.2642 25.3974C23.2787 25.4692 23.2872 25.5447 23.2896 25.623C23.2993 25.9438 23.1875 26.2209 22.9542 26.4542C22.7403 26.6681 22.4681 26.775 22.1375 26.775C21.807 26.775 21.5347 26.6681 21.3209 26.4542L20.5198 25.6667H5.83335C5.19169 25.6667 4.64219 25.4384 4.18485 24.9819C3.7283 24.5245 3.50002 23.975 3.50002 23.3334L3.50003 8.63338ZM18.1462 23.3334H5.83335V10.9667L15.6042 20.7375L17.8792 23.0709L18.1462 23.3334Z",fill:"currentColor"})))))}};i.style=":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";export{i as swirl_icon_inventory_off}
+import{r as e,h as c,F as a}from"./p-3fc884a6.js";import{c as d}from"./p-a5dce9e6.js";const f=class{constructor(c){e(this,c),this.color=void 0,this.size=24}render(){const e=20===this.size?24:this.size,f={color:Boolean(this.color)?`var(--s-icon-${this.color})`:void 0},i=d("swirl-icon",`swirl-icon--size-${this.size}`);return c("svg",{key:"ab012f8f969859b39fe343d9005ff5376d18bcab","aria-hidden":"true",class:i,fill:"none",height:this.size,part:"icon",style:f,viewBox:`0 0 ${e} ${e}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},16===this.size&&c(a,{key:"f689c11894c9934e839adf177c6b92f656d2c1e4"},c("g",{key:"21df8aba50a94902440e27dc2ec0563b1c0efefe",id:"InventoryOff16"},c("g",{key:"9a03b3ca8ca4b3ea0232e1711760851ac5d6fab5",id:"Vector"},c("path",{key:"08d5f0a5252766c9accaa0fe4031516dcdf38d41",d:"M13.3334 4.66671H5.33335L6.66669 6.00004H12.6667V12L14 13.3334V5.80004C14.1889 5.67782 14.3471 5.52226 14.4747 5.33337C14.6027 5.14449 14.6667 4.92226 14.6667 4.66671V2.66671C14.6667 2.30004 14.5362 1.98604 14.2754 1.72471C14.014 1.46382 13.7 1.33337 13.3334 1.33337H2.66669C2.46738 1.33337 2.2837 1.37192 2.11565 1.449L3.33335 2.66671H13.3334V4.66671Z",fill:"currentColor"}),c("path",{key:"277bd0da662ea71f10f263da07b6e4e01a06faa4","fill-rule":"evenodd","clip-rule":"evenodd",d:"M2.00003 4.93338L0.85002 3.78337C0.727798 3.66115 0.666687 3.5056 0.666687 3.31671C0.666687 3.12782 0.727798 2.97226 0.85002 2.85004C0.972243 2.72782 1.1278 2.66671 1.31669 2.66671C1.50558 2.66671 1.66113 2.72782 1.78335 2.85004L13.1167 14.1834C13.209 14.2757 13.2681 14.3855 13.2938 14.5128C13.2938 14.5128 13.2939 14.5128 13.2938 14.5128C13.3021 14.5539 13.307 14.597 13.3084 14.6417C13.3139 14.825 13.25 14.9834 13.1167 15.1167C12.9945 15.2389 12.8389 15.3 12.65 15.3C12.4611 15.3 12.3056 15.2389 12.1834 15.1167L11.7256 14.6667H3.33335C2.96669 14.6667 2.65269 14.5363 2.39135 14.2754C2.13046 14.014 2.00002 13.7 2.00002 13.3334L2.00003 4.93338ZM10.3693 13.3334H3.33335V6.26671L8.91669 11.85L10.2167 13.1834L10.3693 13.3334Z",fill:"currentColor"})))),(20===this.size||24===this.size)&&c(a,{key:"6a51c9c1034ff14adfc53806a4164681c43e7a80"},c("g",{key:"62f406d09a5121873b9ca644cfade2e12351f927",id:"InventoryOff24"},c("g",{key:"5988b7c0606393ec8e6dc5ce76ad933ff44c3c01",id:"Vector"},c("path",{key:"7e0b4a32923715839fce93d666ddad5fdf848e64",d:"M20 7H8L10 9H19V18L21 20V8.7C21.2833 8.51667 21.5207 8.28333 21.712 8C21.904 7.71667 22 7.38333 22 7V4C22 3.45 21.8043 2.979 21.413 2.587C21.021 2.19567 20.55 2 20 2H4C3.70104 2 3.42552 2.05781 3.17344 2.17344L5 4H20V7Z",fill:"currentColor"}),c("path",{key:"bd7e1c1ee6df5eace9939f9ce84b3e7eea7bdd9c","fill-rule":"evenodd","clip-rule":"evenodd",d:"M3.00001 7.40001L1.275 5.675C1.09167 5.49167 1 5.25833 1 4.975C1 4.69167 1.09167 4.45833 1.275 4.275C1.45833 4.09167 1.69167 4 1.975 4C2.25833 4 2.49167 4.09167 2.675 4.275L19.675 21.275C19.8135 21.4135 19.9021 21.5783 19.9407 21.7691C19.9407 21.7692 19.9408 21.7691 19.9407 21.7691C19.9532 21.8307 19.9605 21.8955 19.9625 21.9625C19.9708 22.2375 19.875 22.475 19.675 22.675C19.4917 22.8583 19.2583 22.95 18.975 22.95C18.6917 22.95 18.4583 22.8583 18.275 22.675L17.5884 22H5C4.45 22 3.979 21.8043 3.587 21.413C3.19567 21.021 3 20.55 3 20L3.00001 7.40001ZM15.5539 20H5V9.4L13.375 17.775L15.325 19.775L15.5539 20Z",fill:"currentColor"})))),28===this.size&&c(a,{key:"affd63f12b66f120714ee1e6ec641b8356e5f205"},c("g",{key:"3c9bc044004291ff4ceac87c7cd338c15af0cdb1",id:"InventoryOff28"},c("g",{key:"ccec38b9e106188aad580688d3247c4e56914ee9",id:"Vector"},c("path",{key:"1ae4a0a2cb95606aa4c65c5c987645dd421336ff",d:"M23.3334 8.16671H9.33335L11.6667 10.5H22.1667V21L24.5 23.3334V10.15C24.8306 9.93615 25.1075 9.66393 25.3307 9.33337C25.5547 9.00282 25.6667 8.61393 25.6667 8.16671V4.66671C25.6667 4.02504 25.4384 3.47554 24.9819 3.01821C24.5245 2.56165 23.975 2.33337 23.3334 2.33337H4.66669C4.3179 2.33337 3.99646 2.40082 3.70236 2.53572L5.83335 4.66671H23.3334V8.16671Z",fill:"currentColor"}),c("path",{key:"bdb889c4a0759843cd292ffb302a8b2972a41245","fill-rule":"evenodd","clip-rule":"evenodd",d:"M3.50003 8.63338L1.48752 6.62087C1.27363 6.40699 1.16669 6.13476 1.16669 5.80421C1.16669 5.47365 1.27363 5.20143 1.48752 4.98754C1.70141 4.77365 1.97363 4.66671 2.30419 4.66671C2.63474 4.66671 2.90696 4.77365 3.12085 4.98754L22.9542 24.8209C23.1158 24.9825 23.2192 25.1747 23.2642 25.3974C23.2641 25.3974 23.2643 25.3973 23.2642 25.3974C23.2787 25.4692 23.2872 25.5447 23.2896 25.623C23.2993 25.9438 23.1875 26.2209 22.9542 26.4542C22.7403 26.6681 22.4681 26.775 22.1375 26.775C21.807 26.775 21.5347 26.6681 21.3209 26.4542L20.5198 25.6667H5.83335C5.19169 25.6667 4.64219 25.4384 4.18485 24.9819C3.7283 24.5245 3.50002 23.975 3.50002 23.3334L3.50003 8.63338ZM18.1462 23.3334H5.83335V10.9667L15.6042 20.7375L17.8792 23.0709L18.1462 23.3334Z",fill:"currentColor"})))))}};f.style=":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";export{f as swirl_icon_inventory_off}

package/dist/swirl-components/{p-2b19b647.entry.js → p-6bb1b911.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,h as i,a as s}from"./p-3fc884a6.js";import{c as r}from"./p-a5dce9e6.js";import{v as o}from"./p-14616bce.js";const n=(t,e=0,i=1)=>t>i?i:t<e?e:t,a=(t,e=0,i=Math.pow(10,e))=>Math.round(i*t)/i,l=t=>("#"===t[0]&&(t=t.substring(1)),t.length<6?{r:parseInt(t[0]+t[0],16),g:parseInt(t[1]+t[1],16),b:parseInt(t[2]+t[2],16),a:4===t.length?a(parseInt(t[3]+t[3],16)/255,2):1}:{r:parseInt(t.substring(0,2),16),g:parseInt(t.substring(2,4),16),b:parseInt(t.substring(4,6),16),a:8===t.length?a(parseInt(t.substring(6,8),16)/255,2):1}),h=t=>{const{h:e,s:i,l:s}=(({h:t,s:e,v:i,a:s})=>{const r=(200-e)*i/100;return{h:a(t),s:a(r>0&&r<200?e*i/100/(r<=100?r:200-r)*100:0),l:a(r/2),a:a(s,2)}})(t);return`hsl(${e}, ${i}%, ${s}%)`},c=t=>{const e=t.toString(16);return e.length<2?"0"+e:e},d=(t,e)=>{if(t===e)return!0;for(const i in t)if(t[i]!==e[i])return!1;return!0},u={},p=t=>{let e=u[t];return e||(e=document.createElement("template"),e.innerHTML=t,u[t]=e),e},b=(t,e,i)=>{t.dispatchEvent(new CustomEvent(e,{bubbles:!0,detail:i}))};let m=!1;const v=t=>"touches"in t,f=(t,e)=>{const i=v(e)?e.touches[0]:e,s=t.el.getBoundingClientRect();b(t.el,"move",t.getMove({x:n((i.pageX-(s.left+window.pageXOffset))/s.width),y:n((i.pageY-(s.top+window.pageYOffset))/s.height)}))};class g{constructor(t,e,i,s){const r=p(`<div role="slider" tabindex="0" part="${e}" ${i}><div part="${e}-pointer"></div></div>`);t.appendChild(r.content.cloneNode(!0));const o=t.querySelector(`[part=${e}]`);o.addEventListener("mousedown",this),o.addEventListener("touchstart",this),o.addEventListener("keydown",this),this.el=o,this.xy=s,this.nodes=[o.firstChild,o]}set dragging(t){const e=t?document.addEventListener:document.removeEventListener;e(m?"touchmove":"mousemove",this),e(m?"touchend":"mouseup",this)}handleEvent(t){switch(t.type){case"mousedown":case"touchstart":if(t.preventDefault(),!(t=>!(m&&!v(t)||(m||(m=v(t)),0)))(t)||!m&&0!=t.button)return;this.el.focus(),f(this,t),this.dragging=!0;break;case"mousemove":case"touchmove":t.preventDefault(),f(this,t);break;case"mouseup":case"touchend":this.dragging=!1;break;case"keydown":((t,e)=>{const i=e.keyCode;i>40||t.xy&&i<37||i<33||(e.preventDefault(),b(t.el,"move",t.getMove({x:39===i?.01:37===i?-.01:34===i?.05:33===i?-.05:35===i?1:36===i?-1:0,y:40===i?.01:38===i?-.01:0},!0)))})(this,t)}}style(t){t.forEach(((t,e)=>{for(const i in t)this.nodes[e].style.setProperty(i,t[i])}))}}class x extends g{constructor(t){super(t,"hue",'aria-label="Hue" aria-valuemin="0" aria-valuemax="360"',!1)}update({h:t}){this.h=t,this.style([{left:t/360*100+"%",color:h({h:t,s:100,v:100,a:1})}]),this.el.setAttribute("aria-valuenow",`${a(t)}`)}getMove(t,e){return{h:e?n(this.h+360*t.x,0,360):360*t.x}}}class w extends g{constructor(t){super(t,"saturation",'aria-label="Color"',!0)}update(t){this.hsva=t,this.style([{top:100-t.v+"%",left:`${t.s}%`,color:h(t)},{"background-color":h({h:t.h,s:100,v:100,a:1})}]),this.el.setAttribute("aria-valuetext",`Saturation ${a(t.s)}%, Brightness ${a(t.v)}%`)}getMove(t,e){return{s:e?n(this.hsva.s+100*t.x,0,100):100*t.x,v:e?n(this.hsva.v-100*t.y,0,100):Math.round(100-100*t.y)}}}const k=Symbol("same"),y=Symbol("color"),_=Symbol("hsva"),$=Symbol("update"),I=Symbol("parts"),S=Symbol("css"),C=Symbol("sliders");class z extends HTMLElement{static get observedAttributes(){return["color"]}get[S](){return[':host{display:flex;flex-direction:column;position:relative;width:200px;height:200px;user-select:none;-webkit-user-select:none;cursor:default}:host([hidden]){display:none!important}[role=slider]{position:relative;touch-action:none;user-select:none;-webkit-user-select:none;outline:0}[role=slider]:last-child{border-radius:0 0 8px 8px}[part$=pointer]{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;display:flex;place-content:center center;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}[part$=pointer]::after{content:"";width:100%;height:100%;border-radius:inherit;background-color:currentColor}[role=slider]:focus [part$=pointer]{transform:translate(-50%,-50%) scale(1.1)}',"[part=hue]{flex:0 0 24px;background:linear-gradient(to right,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}[part=hue-pointer]{top:50%;z-index:2}","[part=saturation]{flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,rgba(255,255,255,0));box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}[part=saturation-pointer]{z-index:3}"]}get[C](){return[w,x]}get color(){return this[y]}set color(t){if(!this[k](t)){const e=this.colorModel.toHsva(t);this[$](e),this[y]=t}}constructor(){super();const t=p(`<style>${this[S].join("")}</style>`),e=this.attachShadow({mode:"open"});e.appendChild(t.content.cloneNode(!0)),e.addEventListener("move",this),this[I]=this[C].map((t=>new t(e)))}connectedCallback(){if(this.hasOwnProperty("color")){const t=this.color;delete this.color,this.color=t}else this.color||(this.color=this.colorModel.defaultColor)}attributeChangedCallback(t,e,i){const s=this.colorModel.fromAttr(i);this[k](s)||(this.color=s)}handleEvent(t){const e=this[_],i={...e,...t.detail};let s;this[$](i),d(i,e)||this[k](s=this.colorModel.fromHsva(i))||(this[y]=s,b(this,"color-changed",{value:s}))}[k](t){return this.color&&this.colorModel.equal(t,this.color)}[$](t){this[_]=t,this[I].forEach((e=>e.update(t)))}}const M={defaultColor:"#000",toHsva:t=>(({r:t,g:e,b:i,a:s})=>{const r=Math.max(t,e,i),o=r-Math.min(t,e,i),n=o?r===t?(e-i)/o:r===e?2+(i-t)/o:4+(t-e)/o:0;return{h:a(60*(n<0?n+6:n)),s:a(r?o/r*100:0),v:a(r/255*100),a:s}})(l(t)),fromHsva:({h:t,s:e,v:i})=>(({r:t,g:e,b:i,a:s})=>{const r=s<1?c(a(255*s)):"";return"#"+c(t)+c(e)+c(i)+r})((({h:t,s:e,v:i,a:s})=>{t=t/360*6,e/=100,i/=100;const r=Math.floor(t),o=i*(1-e),n=i*(1-(t-r)*e),l=i*(1-(1-t+r)*e),h=r%6;return{r:a(255*[i,n,o,o,l,i][h]),g:a(255*[l,i,i,n,o,o][h]),b:a(255*[o,o,l,i,i,n][h]),a:a(s,2)}})({h:t,s:e,v:i,a:1})),equal:(t,e)=>t.toLowerCase()===e.toLowerCase()||d(l(t),l(e)),fromAttr:t=>t};class E extends z{get colorModel(){return M}}customElements.define("hex-color-picker",class extends E{});const B=class{constructor(i){t(this,i),this.inputBlur=e(this,"inputBlur",7),this.inputFocus=e(this,"inputFocus",7),this.valueChange=e(this,"valueChange",7),this.pickerId=`color-picker-${o()}`,this.onPickerChange=t=>{this.value=t.detail.value},this.onChange=t=>{this.value=t.target.value},this.onBlur=t=>{this.inputBlur.emit(t)},this.onFocus=t=>{this.inputFocus.emit(t),this.handleAutoSelect(t)},this.onInput=t=>{this.onChange(t)},this.autoFocus=void 0,this.autoSelect=void 0,this.disabled=void 0,this.swirlAriaDescribedby=void 0,this.inline=void 0,this.invalid=void 0,this.pickerButtonLabel="Open color picker",this.pickerLabel="Color picker",this.placeholder=void 0,this.required=void 0,this.value=void 0}componentDidLoad(){this.autoFocus&&setTimeout((()=>{this.inputEl.focus()})),this.picker.addEventListener("color-changed",this.onPickerChange)}disconnectedCallback(){this.picker?.removeEventListener("color-changed",this.onPickerChange)}watchValue(t,e){t!==e&&this.valueChange.emit(t)}handleAutoSelect(t){this.autoSelect&&t.target.select()}render(){const t=!0===this.invalid||!1===this.invalid?String(this.invalid):void 0,e=r("color-input",{"color-input--inline":this.inline});return i(s,{key:"ea86580e4084e0a511ab206034037b9a79cdd8ed"},i("div",{key:"23c8c2a248e487325f51733a6d57f81896b8ff4a",class:e},i("input",{key:"e2749d5da3fe3891b56e6e8ad9d48ae5128ade3b","aria-describedby":this.swirlAriaDescribedby,"aria-disabled":this.disabled?"true":void 0,"aria-invalid":t,autoFocus:this.autoFocus,class:"color-input__input",disabled:this.disabled,maxLength:7,onBlur:this.onBlur,onFocus:this.onFocus,onInput:this.onInput,placeholder:this.placeholder,ref:t=>this.inputEl=t,required:this.required,spellcheck:"false",type:"text",value:this.value}),i("swirl-popover-trigger",{key:"82da56c15058870871d53d76c6c1f2618358e0a4",swirlPopover:this.pickerId},i("button",{key:"74871e68e08c191409db7caf88bd511cc43517d8","aria-label":this.pickerButtonLabel,class:"color-input__preview-button",style:{backgroundColor:this.disabled?"var(--s-border-subdued)":this.value},type:"button"})),i("swirl-popover",{key:"64a1ea8de315b717d8d9276b9db96e2398e4d30a",animation:"scale-in-y",id:this.pickerId,label:this.pickerLabel,placement:"bottom-end"},i("swirl-box",{key:"137104c8282fc8d5c68842e1fb5d2557e90f9437",centerInline:!0,paddingBlockEnd:"8",paddingBlockStart:"8",paddingInlineEnd:"16",paddingInlineStart:"16"},i("hex-color-picker",{key:"58b93d66d99cfe2aa045eea81d2993aafe0e4608",color:this.value,ref:t=>this.picker=t})))))}static get watchers(){return{value:["watchValue"]}}};B.style=".sc-swirl-color-input-h{display:block;width:100%}.sc-swirl-color-input-h *.sc-swirl-color-input{box-sizing:border-box}.color-input.sc-swirl-color-input{position:relative;display:flex;width:100%;align-items:center;color:var(--s-text-default);font:inherit;line-height:var(--s-line-height-sm);cursor:text}.color-input--inline.sc-swirl-color-input .color-input__preview-button.sc-swirl-color-input{width:1.5rem;height:1.5rem;margin-top:-0.125rem;margin-right:-0.25rem;margin-bottom:-0.125rem}.color-input__input.sc-swirl-color-input{display:inline-flex;width:100%;margin:0;padding:0;flex-grow:1;border:none;color:var(--s-text-default);background-color:transparent;font:inherit;font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.color-input__input.sc-swirl-color-input:focus{outline:none}.color-input__input.sc-swirl-color-input:disabled{color:var(--s-text-disabled);background-color:transparent}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.color-input__input.sc-swirl-color-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.color-input__preview-button.sc-swirl-color-input{width:2.75rem;height:2.75rem;margin-top:-1.25rem;flex-shrink:0;border:0.0625rem solid var(--s-border-default);border-radius:var(--s-border-radius-s);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}";export{B as swirl_color_input}
+import{r as t,c as e,h as i,a as s}from"./p-3fc884a6.js";import{c as r}from"./p-a5dce9e6.js";import{v as o}from"./p-14616bce.js";const n=(t,e=0,i=1)=>t>i?i:t<e?e:t,a=(t,e=0,i=Math.pow(10,e))=>Math.round(i*t)/i,c=t=>("#"===t[0]&&(t=t.substring(1)),t.length<6?{r:parseInt(t[0]+t[0],16),g:parseInt(t[1]+t[1],16),b:parseInt(t[2]+t[2],16),a:4===t.length?a(parseInt(t[3]+t[3],16)/255,2):1}:{r:parseInt(t.substring(0,2),16),g:parseInt(t.substring(2,4),16),b:parseInt(t.substring(4,6),16),a:8===t.length?a(parseInt(t.substring(6,8),16)/255,2):1}),l=t=>{const{h:e,s:i,l:s}=(({h:t,s:e,v:i,a:s})=>{const r=(200-e)*i/100;return{h:a(t),s:a(r>0&&r<200?e*i/100/(r<=100?r:200-r)*100:0),l:a(r/2),a:a(s,2)}})(t);return`hsl(${e}, ${i}%, ${s}%)`},h=t=>{const e=t.toString(16);return e.length<2?"0"+e:e},d=(t,e)=>{if(t===e)return!0;for(const i in t)if(t[i]!==e[i])return!1;return!0},u={},p=t=>{let e=u[t];return e||(e=document.createElement("template"),e.innerHTML=t,u[t]=e),e},b=(t,e,i)=>{t.dispatchEvent(new CustomEvent(e,{bubbles:!0,detail:i}))};let f=!1;const m=t=>"touches"in t,v=(t,e)=>{const i=m(e)?e.touches[0]:e,s=t.el.getBoundingClientRect();b(t.el,"move",t.getMove({x:n((i.pageX-(s.left+window.pageXOffset))/s.width),y:n((i.pageY-(s.top+window.pageYOffset))/s.height)}))};class g{constructor(t,e,i,s){const r=p(`<div role="slider" tabindex="0" part="${e}" ${i}><div part="${e}-pointer"></div></div>`);t.appendChild(r.content.cloneNode(!0));const o=t.querySelector(`[part=${e}]`);o.addEventListener("mousedown",this),o.addEventListener("touchstart",this),o.addEventListener("keydown",this),this.el=o,this.xy=s,this.nodes=[o.firstChild,o]}set dragging(t){const e=t?document.addEventListener:document.removeEventListener;e(f?"touchmove":"mousemove",this),e(f?"touchend":"mouseup",this)}handleEvent(t){switch(t.type){case"mousedown":case"touchstart":if(t.preventDefault(),!(t=>!(f&&!m(t)||(f||(f=m(t)),0)))(t)||!f&&0!=t.button)return;this.el.focus(),v(this,t),this.dragging=!0;break;case"mousemove":case"touchmove":t.preventDefault(),v(this,t);break;case"mouseup":case"touchend":this.dragging=!1;break;case"keydown":((t,e)=>{const i=e.keyCode;i>40||t.xy&&i<37||i<33||(e.preventDefault(),b(t.el,"move",t.getMove({x:39===i?.01:37===i?-.01:34===i?.05:33===i?-.05:35===i?1:36===i?-1:0,y:40===i?.01:38===i?-.01:0},!0)))})(this,t)}}style(t){t.forEach(((t,e)=>{for(const i in t)this.nodes[e].style.setProperty(i,t[i])}))}}class x extends g{constructor(t){super(t,"hue",'aria-label="Hue" aria-valuemin="0" aria-valuemax="360"',!1)}update({h:t}){this.h=t,this.style([{left:t/360*100+"%",color:l({h:t,s:100,v:100,a:1})}]),this.el.setAttribute("aria-valuenow",`${a(t)}`)}getMove(t,e){return{h:e?n(this.h+360*t.x,0,360):360*t.x}}}class w extends g{constructor(t){super(t,"saturation",'aria-label="Color"',!0)}update(t){this.hsva=t,this.style([{top:100-t.v+"%",left:`${t.s}%`,color:l(t)},{"background-color":l({h:t.h,s:100,v:100,a:1})}]),this.el.setAttribute("aria-valuetext",`Saturation ${a(t.s)}%, Brightness ${a(t.v)}%`)}getMove(t,e){return{s:e?n(this.hsva.s+100*t.x,0,100):100*t.x,v:e?n(this.hsva.v-100*t.y,0,100):Math.round(100-100*t.y)}}}const k=Symbol("same"),y=Symbol("color"),_=Symbol("hsva"),$=Symbol("update"),I=Symbol("parts"),S=Symbol("css"),C=Symbol("sliders");class z extends HTMLElement{static get observedAttributes(){return["color"]}get[S](){return[':host{display:flex;flex-direction:column;position:relative;width:200px;height:200px;user-select:none;-webkit-user-select:none;cursor:default}:host([hidden]){display:none!important}[role=slider]{position:relative;touch-action:none;user-select:none;-webkit-user-select:none;outline:0}[role=slider]:last-child{border-radius:0 0 8px 8px}[part$=pointer]{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;display:flex;place-content:center center;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}[part$=pointer]::after{content:"";width:100%;height:100%;border-radius:inherit;background-color:currentColor}[role=slider]:focus [part$=pointer]{transform:translate(-50%,-50%) scale(1.1)}',"[part=hue]{flex:0 0 24px;background:linear-gradient(to right,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}[part=hue-pointer]{top:50%;z-index:2}","[part=saturation]{flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,rgba(255,255,255,0));box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}[part=saturation-pointer]{z-index:3}"]}get[C](){return[w,x]}get color(){return this[y]}set color(t){if(!this[k](t)){const e=this.colorModel.toHsva(t);this[$](e),this[y]=t}}constructor(){super();const t=p(`<style>${this[S].join("")}</style>`),e=this.attachShadow({mode:"open"});e.appendChild(t.content.cloneNode(!0)),e.addEventListener("move",this),this[I]=this[C].map((t=>new t(e)))}connectedCallback(){if(this.hasOwnProperty("color")){const t=this.color;delete this.color,this.color=t}else this.color||(this.color=this.colorModel.defaultColor)}attributeChangedCallback(t,e,i){const s=this.colorModel.fromAttr(i);this[k](s)||(this.color=s)}handleEvent(t){const e=this[_],i={...e,...t.detail};let s;this[$](i),d(i,e)||this[k](s=this.colorModel.fromHsva(i))||(this[y]=s,b(this,"color-changed",{value:s}))}[k](t){return this.color&&this.colorModel.equal(t,this.color)}[$](t){this[_]=t,this[I].forEach((e=>e.update(t)))}}const M={defaultColor:"#000",toHsva:t=>(({r:t,g:e,b:i,a:s})=>{const r=Math.max(t,e,i),o=r-Math.min(t,e,i),n=o?r===t?(e-i)/o:r===e?2+(i-t)/o:4+(t-e)/o:0;return{h:a(60*(n<0?n+6:n)),s:a(r?o/r*100:0),v:a(r/255*100),a:s}})(c(t)),fromHsva:({h:t,s:e,v:i})=>(({r:t,g:e,b:i,a:s})=>{const r=s<1?h(a(255*s)):"";return"#"+h(t)+h(e)+h(i)+r})((({h:t,s:e,v:i,a:s})=>{t=t/360*6,e/=100,i/=100;const r=Math.floor(t),o=i*(1-e),n=i*(1-(t-r)*e),c=i*(1-(1-t+r)*e),l=r%6;return{r:a(255*[i,n,o,o,c,i][l]),g:a(255*[c,i,i,n,o,o][l]),b:a(255*[o,o,c,i,i,n][l]),a:a(s,2)}})({h:t,s:e,v:i,a:1})),equal:(t,e)=>t.toLowerCase()===e.toLowerCase()||d(c(t),c(e)),fromAttr:t=>t};class E extends z{get colorModel(){return M}}customElements.define("hex-color-picker",class extends E{});const B=class{constructor(i){t(this,i),this.inputBlur=e(this,"inputBlur",7),this.inputFocus=e(this,"inputFocus",7),this.valueChange=e(this,"valueChange",7),this.pickerId=`color-picker-${o()}`,this.onPickerChange=t=>{this.value=t.detail.value},this.onChange=t=>{this.value=t.target.value},this.onBlur=t=>{this.inputBlur.emit(t)},this.onFocus=t=>{this.inputFocus.emit(t),this.handleAutoSelect(t)},this.onInput=t=>{this.onChange(t)},this.autoFocus=void 0,this.autoSelect=void 0,this.disabled=void 0,this.swirlAriaDescribedby=void 0,this.inline=void 0,this.invalid=void 0,this.pickerButtonLabel="Open color picker",this.pickerLabel="Color picker",this.placeholder=void 0,this.required=void 0,this.value=void 0}componentDidLoad(){this.autoFocus&&setTimeout((()=>{this.inputEl.focus()})),this.picker.addEventListener("color-changed",this.onPickerChange)}disconnectedCallback(){this.picker?.removeEventListener("color-changed",this.onPickerChange)}watchValue(t,e){t!==e&&this.valueChange.emit(t)}handleAutoSelect(t){this.autoSelect&&t.target.select()}render(){const t=!0===this.invalid||!1===this.invalid?String(this.invalid):void 0,e=r("color-input",{"color-input--inline":this.inline});return i(s,{key:"84cc3e16101043574dd4d30f7903ce92b034309c"},i("div",{key:"439383e3e3384bcd255bec502a2df0dd5be1a661",class:e},i("input",{key:"59edc6b99c9cb8cfecbb4d672584a37edcbad943","aria-describedby":this.swirlAriaDescribedby,"aria-disabled":this.disabled?"true":void 0,"aria-invalid":t,autoFocus:this.autoFocus,class:"color-input__input",disabled:this.disabled,maxLength:7,onBlur:this.onBlur,onFocus:this.onFocus,onInput:this.onInput,placeholder:this.placeholder,ref:t=>this.inputEl=t,required:this.required,spellcheck:"false",type:"text",value:this.value}),i("swirl-popover-trigger",{key:"f5f6ae99f40c8bc2dd565fa2114cc5aeb795ecae",swirlPopover:this.pickerId},i("button",{key:"aef319ab0793cc4882632d73a73ca38f9484a1ec","aria-label":this.pickerButtonLabel,class:"color-input__preview-button",style:{backgroundColor:this.disabled?"var(--s-border-subdued)":this.value},type:"button"})),i("swirl-popover",{key:"948eb8d67e9497014133f4bf757d5a5c900ff83d",animation:"scale-in-y",id:this.pickerId,label:this.pickerLabel,placement:"bottom-end"},i("swirl-box",{key:"c6987312e10639e16573f8129fae48aa71b2d734",centerInline:!0,paddingBlockEnd:"8",paddingBlockStart:"8",paddingInlineEnd:"16",paddingInlineStart:"16"},i("hex-color-picker",{key:"f182577c4d61d00aabb8547fa02c809ee8959243",color:this.value,ref:t=>this.picker=t})))))}static get watchers(){return{value:["watchValue"]}}};B.style=".sc-swirl-color-input-h{display:block;width:100%}.sc-swirl-color-input-h *.sc-swirl-color-input{box-sizing:border-box}.color-input.sc-swirl-color-input{position:relative;display:flex;width:100%;align-items:center;color:var(--s-text-default);font:inherit;line-height:var(--s-line-height-sm);cursor:text}.color-input--inline.sc-swirl-color-input .color-input__preview-button.sc-swirl-color-input{width:1.5rem;height:1.5rem;margin-top:-0.125rem;margin-right:-0.25rem;margin-bottom:-0.125rem}.color-input__input.sc-swirl-color-input{display:inline-flex;width:100%;margin:0;padding:0;flex-grow:1;border:none;color:var(--s-text-default);background-color:transparent;font:inherit;font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);caret-color:var(--s-border-highlight)}.color-input__input.sc-swirl-color-input:focus{outline:none}.color-input__input.sc-swirl-color-input:disabled{color:var(--s-text-disabled);background-color:transparent}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.color-input__input.sc-swirl-color-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.color-input__preview-button.sc-swirl-color-input{width:2.75rem;height:2.75rem;margin-top:-1.25rem;flex-shrink:0;border:0.0625rem solid var(--s-border-default);border-radius:var(--s-border-radius-s);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}";export{B as swirl_color_input}

package/dist/swirl-components/p-6cf97d2d.entry.js

@@ -0,0 +1 @@
+import{r as s,h as e,F as i}from"./p-3fc884a6.js";import{c as a}from"./p-a5dce9e6.js";const t=class{constructor(e){s(this,e),this.label="",this.size=24}render(){const s=a("emoji",`emoji--size-${this.size}`);return e(i,{key:"fb1b965ded208d1b499e970704fe1eaa725c624a"},16===this.size&&e("img",{key:"e4372fdb12decbb5bea77df28e2c30e8f0de986f",alt:this.label,class:s,height:"16",src:"emojis/Clap16.png",width:"16"}),20===this.size&&e("img",{key:"cb6c26490d8c7bc7dbecb1dadbad41b026481be2",alt:this.label,class:s,height:"20",src:"emojis/Clap20.png",width:"20"}),24===this.size&&e("img",{key:"977f4c1a828a5791f969302474c915bc4ba0e77a",alt:this.label,class:s,height:"24",src:"emojis/Clap24.png",width:"24"}),32===this.size&&e("img",{key:"a5c81159e8a6da40c810358885bc4c36f3f38350",alt:this.label,class:s,height:"32",src:"emojis/Clap32.png",width:"32"}))}};t.style=":host{display:inline-flex}";export{t as swirl_emoji_clap}

package/dist/swirl-components/{p-6ba332ef.entry.js → p-6d753f6d.entry.js}

@@ -1 +1 @@
-import{r as C,h as e,F as a}from"./p-3fc884a6.js";import{c as i}from"./p-a5dce9e6.js";const t=class{constructor(e){C(this,e),this.color=void 0,this.size=24}render(){const C=20===this.size?24:this.size,t={color:Boolean(this.color)?`var(--s-icon-${this.color})`:void 0},s=i("swirl-icon",`swirl-icon--size-${this.size}`);return e("svg",{key:"d2aeebb55ca73dcb28bffd101b1e18805b8778b1","aria-hidden":"true",class:s,fill:"none",height:this.size,part:"icon",style:t,viewBox:`0 0 ${C} ${C}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},16===this.size&&e(a,{key:"e523843905c9c0771a0af80ff948c9efb78a900e"},e("path",{key:"ba4a06bafadb774a120adeee60438ca6485f15a2",d:"M4.00002 8.03317C4.00002 8.53317 4.09446 9.01928 4.28335 9.4915C4.47224 9.96373 4.76669 10.3998 5.16669 10.7998L5.33335 10.9665V9.99984C5.33335 9.81095 5.39724 9.65262 5.52502 9.52484C5.6528 9.39706 5.81113 9.33317 6.00002 9.33317C6.18891 9.33317 6.34724 9.39706 6.47502 9.52484C6.6028 9.65262 6.66669 9.81095 6.66669 9.99984V12.6665C6.66669 12.8554 6.6028 13.0137 6.47502 13.1415C6.34724 13.2693 6.18891 13.3332 6.00002 13.3332H3.33335C3.14446 13.3332 2.98613 13.2693 2.85835 13.1415C2.73058 13.0137 2.66669 12.8554 2.66669 12.6665C2.66669 12.4776 2.73058 12.3193 2.85835 12.1915C2.98613 12.0637 3.14446 11.9998 3.33335 11.9998H4.50002L4.23335 11.7665C3.65558 11.2554 3.25002 10.6721 3.01669 10.0165C2.78335 9.36095 2.66669 8.69984 2.66669 8.03317C2.66669 6.98873 2.93335 6.0415 3.46669 5.1915C4.00002 4.3415 4.71669 3.68873 5.61669 3.23317C5.77224 3.14428 5.93613 3.13873 6.10835 3.2165C6.28058 3.29428 6.39447 3.42206 6.45002 3.59984C6.50558 3.7665 6.5028 3.93317 6.44169 4.09984C6.38058 4.2665 6.27224 4.39428 6.11669 4.48317C5.47224 4.83873 4.95835 5.33039 4.57502 5.95817C4.19169 6.58595 4.00002 7.27762 4.00002 8.03317ZM12 7.9665C12 7.4665 11.9056 6.98039 11.7167 6.50817C11.5278 6.03595 11.2334 5.59984 10.8334 5.19984L10.6667 5.03317V5.99984C10.6667 6.18873 10.6028 6.34706 10.475 6.47484C10.3472 6.60262 10.1889 6.6665 10 6.6665C9.81113 6.6665 9.6528 6.60262 9.52502 6.47484C9.39724 6.34706 9.33335 6.18873 9.33335 5.99984V3.33317C9.33335 3.14428 9.39724 2.98595 9.52502 2.85817C9.6528 2.73039 9.81113 2.6665 10 2.6665H12.6667C12.8556 2.6665 13.0139 2.73039 13.1417 2.85817C13.2695 2.98595 13.3334 3.14428 13.3334 3.33317C13.3334 3.52206 13.2695 3.68039 13.1417 3.80817C13.0139 3.93595 12.8556 3.99984 12.6667 3.99984H11.5L11.7667 4.23317C12.3111 4.77762 12.7084 5.36928 12.9584 6.00817C13.2084 6.64706 13.3334 7.29984 13.3334 7.9665C13.3334 9.01095 13.0667 9.95817 12.5334 10.8082C12 11.6582 11.2834 12.3109 10.3834 12.7665C10.2278 12.8554 10.0639 12.8609 9.89169 12.7832C9.71947 12.7054 9.60558 12.5776 9.55002 12.3998C9.49446 12.2332 9.49724 12.0665 9.55835 11.8998C9.61947 11.7332 9.7278 11.6054 9.88335 11.5165C10.5278 11.1609 11.0417 10.6693 11.425 10.0415C11.8084 9.41373 12 8.72206 12 7.9665Z",fill:"currentColor"})),(20===this.size||24===this.size)&&e(a,{key:"33a13875aa22a79fac9046d3a2ffbee0e7221bfc"},e("path",{key:"de238781c8e302ed22691629a66cc9c01765eee6",d:"M6 12.05C6 12.8 6.14167 13.5292 6.425 14.2375C6.70833 14.9458 7.15 15.6 7.75 16.2L8 16.45V15C8 14.7167 8.09583 14.4792 8.2875 14.2875C8.47917 14.0958 8.71667 14 9 14C9.28333 14 9.52083 14.0958 9.7125 14.2875C9.90417 14.4792 10 14.7167 10 15V19C10 19.2833 9.90417 19.5208 9.7125 19.7125C9.52083 19.9042 9.28333 20 9 20H5C4.71667 20 4.47917 19.9042 4.2875 19.7125C4.09583 19.5208 4 19.2833 4 19C4 18.7167 4.09583 18.4792 4.2875 18.2875C4.47917 18.0958 4.71667 18 5 18H6.75L6.35 17.65C5.48333 16.8833 4.875 16.0083 4.525 15.025C4.175 14.0417 4 13.05 4 12.05C4 10.4833 4.4 9.0625 5.2 7.7875C6 6.5125 7.075 5.53333 8.425 4.85C8.65833 4.71667 8.90417 4.70833 9.1625 4.825C9.42083 4.94167 9.59167 5.13333 9.675 5.4C9.75833 5.65 9.75417 5.9 9.6625 6.15C9.57083 6.4 9.40833 6.59167 9.175 6.725C8.20833 7.25833 7.4375 7.99583 6.8625 8.9375C6.2875 9.87917 6 10.9167 6 12.05ZM18 11.95C18 11.2 17.8583 10.4708 17.575 9.7625C17.2917 9.05417 16.85 8.4 16.25 7.8L16 7.55V9C16 9.28333 15.9042 9.52083 15.7125 9.7125C15.5208 9.90417 15.2833 10 15 10C14.7167 10 14.4792 9.90417 14.2875 9.7125C14.0958 9.52083 14 9.28333 14 9V5C14 4.71667 14.0958 4.47917 14.2875 4.2875C14.4792 4.09583 14.7167 4 15 4H19C19.2833 4 19.5208 4.09583 19.7125 4.2875C19.9042 4.47917 20 4.71667 20 5C20 5.28333 19.9042 5.52083 19.7125 5.7125C19.5208 5.90417 19.2833 6 19 6H17.25L17.65 6.35C18.4667 7.16667 19.0625 8.05417 19.4375 9.0125C19.8125 9.97083 20 10.95 20 11.95C20 13.5167 19.6 14.9375 18.8 16.2125C18 17.4875 16.925 18.4667 15.575 19.15C15.3417 19.2833 15.0958 19.2917 14.8375 19.175C14.5792 19.0583 14.4083 18.8667 14.325 18.6C14.2417 18.35 14.2458 18.1 14.3375 17.85C14.4292 17.6 14.5917 17.4083 14.825 17.275C15.7917 16.7417 16.5625 16.0042 17.1375 15.0625C17.7125 14.1208 18 13.0833 18 11.95Z",fill:"currentColor"})),28===this.size&&e(a,{key:"0f3c9a51bb61212b3832d3077e8c67584213f96e"},e("path",{key:"8ad5d6682acf55c1f22abe56bbbc6c70c5774116",d:"M7.00002 14.0582C7.00002 14.9332 7.1653 15.7839 7.49585 16.6103C7.82641 17.4366 8.34169 18.1998 9.04169 18.8998L9.33335 19.1915V17.4998C9.33335 17.1693 9.44516 16.8922 9.66877 16.6686C9.89238 16.445 10.1695 16.3332 10.5 16.3332C10.8306 16.3332 11.1077 16.445 11.3313 16.6686C11.5549 16.8922 11.6667 17.1693 11.6667 17.4998V22.1665C11.6667 22.4971 11.5549 22.7741 11.3313 22.9978C11.1077 23.2214 10.8306 23.3332 10.5 23.3332H5.83335C5.5028 23.3332 5.22571 23.2214 5.0021 22.9978C4.77849 22.7741 4.66669 22.4971 4.66669 22.1665C4.66669 21.8359 4.77849 21.5589 5.0021 21.3353C5.22571 21.1116 5.5028 20.9998 5.83335 20.9998H7.87502L7.40835 20.5915C6.39724 19.6971 5.68752 18.6762 5.27919 17.529C4.87085 16.3818 4.66669 15.2248 4.66669 14.0582C4.66669 12.2304 5.13335 10.5728 6.06669 9.08525C7.00002 7.59775 8.25419 6.45539 9.82919 5.65817C10.1014 5.50262 10.3882 5.49289 10.6896 5.629C10.991 5.76511 11.1903 5.98873 11.2875 6.29984C11.3847 6.5915 11.3799 6.88317 11.2729 7.17484C11.166 7.4665 10.9764 7.69012 10.7042 7.84567C9.57641 8.46789 8.6771 9.32831 8.00627 10.4269C7.33544 11.5255 7.00002 12.7359 7.00002 14.0582ZM21 13.9415C21 13.0665 20.8347 12.2158 20.5042 11.3894C20.1736 10.563 19.6584 9.79984 18.9584 9.09984L18.6667 8.80817V10.4998C18.6667 10.8304 18.5549 11.1075 18.3313 11.3311C18.1077 11.5547 17.8306 11.6665 17.5 11.6665C17.1695 11.6665 16.8924 11.5547 16.6688 11.3311C16.4452 11.1075 16.3334 10.8304 16.3334 10.4998V5.83317C16.3334 5.50261 16.4452 5.22553 16.6688 5.00192C16.8924 4.77831 17.1695 4.6665 17.5 4.6665H22.1667C22.4972 4.6665 22.7743 4.77831 22.9979 5.00192C23.2215 5.22553 23.3334 5.50261 23.3334 5.83317C23.3334 6.16373 23.2215 6.44081 22.9979 6.66442C22.7743 6.88803 22.4972 6.99984 22.1667 6.99984H20.125L20.5917 7.40817C21.5445 8.36095 22.2396 9.39637 22.6771 10.5144C23.1146 11.6325 23.3334 12.7748 23.3334 13.9415C23.3334 15.7693 22.8667 17.4269 21.9334 18.9144C21 20.4019 19.7459 21.5443 18.1709 22.3415C17.8986 22.4971 17.6118 22.5068 17.3104 22.3707C17.009 22.2346 16.8097 22.0109 16.7125 21.6998C16.6153 21.4082 16.6202 21.1165 16.7271 20.8248C16.834 20.5332 17.0236 20.3096 17.2959 20.154C18.4236 19.5318 19.3229 18.6714 19.9938 17.5728C20.6646 16.4741 21 15.2637 21 13.9415Z",fill:"currentColor"})))}};t.style=":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";export{t as swirl_icon_load}
+import{r as C,h as e,F as i}from"./p-3fc884a6.js";import{c as t}from"./p-a5dce9e6.js";const a=class{constructor(e){C(this,e),this.color=void 0,this.size=24}render(){const C=20===this.size?24:this.size,a={color:Boolean(this.color)?`var(--s-icon-${this.color})`:void 0},s=t("swirl-icon",`swirl-icon--size-${this.size}`);return e("svg",{key:"5b6dc1208090304e1b4d8fe88dbb179403a254ed","aria-hidden":"true",class:s,fill:"none",height:this.size,part:"icon",style:a,viewBox:`0 0 ${C} ${C}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},16===this.size&&e(i,{key:"935d4186f879ff01172e0b8a6f87d26443ebaa89"},e("path",{key:"0b7e2cb8a2338e9c0321c84d7f3a26ac0a55955e",d:"M4.00002 8.03317C4.00002 8.53317 4.09446 9.01928 4.28335 9.4915C4.47224 9.96373 4.76669 10.3998 5.16669 10.7998L5.33335 10.9665V9.99984C5.33335 9.81095 5.39724 9.65262 5.52502 9.52484C5.6528 9.39706 5.81113 9.33317 6.00002 9.33317C6.18891 9.33317 6.34724 9.39706 6.47502 9.52484C6.6028 9.65262 6.66669 9.81095 6.66669 9.99984V12.6665C6.66669 12.8554 6.6028 13.0137 6.47502 13.1415C6.34724 13.2693 6.18891 13.3332 6.00002 13.3332H3.33335C3.14446 13.3332 2.98613 13.2693 2.85835 13.1415C2.73058 13.0137 2.66669 12.8554 2.66669 12.6665C2.66669 12.4776 2.73058 12.3193 2.85835 12.1915C2.98613 12.0637 3.14446 11.9998 3.33335 11.9998H4.50002L4.23335 11.7665C3.65558 11.2554 3.25002 10.6721 3.01669 10.0165C2.78335 9.36095 2.66669 8.69984 2.66669 8.03317C2.66669 6.98873 2.93335 6.0415 3.46669 5.1915C4.00002 4.3415 4.71669 3.68873 5.61669 3.23317C5.77224 3.14428 5.93613 3.13873 6.10835 3.2165C6.28058 3.29428 6.39447 3.42206 6.45002 3.59984C6.50558 3.7665 6.5028 3.93317 6.44169 4.09984C6.38058 4.2665 6.27224 4.39428 6.11669 4.48317C5.47224 4.83873 4.95835 5.33039 4.57502 5.95817C4.19169 6.58595 4.00002 7.27762 4.00002 8.03317ZM12 7.9665C12 7.4665 11.9056 6.98039 11.7167 6.50817C11.5278 6.03595 11.2334 5.59984 10.8334 5.19984L10.6667 5.03317V5.99984C10.6667 6.18873 10.6028 6.34706 10.475 6.47484C10.3472 6.60262 10.1889 6.6665 10 6.6665C9.81113 6.6665 9.6528 6.60262 9.52502 6.47484C9.39724 6.34706 9.33335 6.18873 9.33335 5.99984V3.33317C9.33335 3.14428 9.39724 2.98595 9.52502 2.85817C9.6528 2.73039 9.81113 2.6665 10 2.6665H12.6667C12.8556 2.6665 13.0139 2.73039 13.1417 2.85817C13.2695 2.98595 13.3334 3.14428 13.3334 3.33317C13.3334 3.52206 13.2695 3.68039 13.1417 3.80817C13.0139 3.93595 12.8556 3.99984 12.6667 3.99984H11.5L11.7667 4.23317C12.3111 4.77762 12.7084 5.36928 12.9584 6.00817C13.2084 6.64706 13.3334 7.29984 13.3334 7.9665C13.3334 9.01095 13.0667 9.95817 12.5334 10.8082C12 11.6582 11.2834 12.3109 10.3834 12.7665C10.2278 12.8554 10.0639 12.8609 9.89169 12.7832C9.71947 12.7054 9.60558 12.5776 9.55002 12.3998C9.49446 12.2332 9.49724 12.0665 9.55835 11.8998C9.61947 11.7332 9.7278 11.6054 9.88335 11.5165C10.5278 11.1609 11.0417 10.6693 11.425 10.0415C11.8084 9.41373 12 8.72206 12 7.9665Z",fill:"currentColor"})),(20===this.size||24===this.size)&&e(i,{key:"bf87629674ccc70fac03bd395df71590db0c798c"},e("path",{key:"74683a4f1a6b316cae7e046662f43e3278ac3f55",d:"M6 12.05C6 12.8 6.14167 13.5292 6.425 14.2375C6.70833 14.9458 7.15 15.6 7.75 16.2L8 16.45V15C8 14.7167 8.09583 14.4792 8.2875 14.2875C8.47917 14.0958 8.71667 14 9 14C9.28333 14 9.52083 14.0958 9.7125 14.2875C9.90417 14.4792 10 14.7167 10 15V19C10 19.2833 9.90417 19.5208 9.7125 19.7125C9.52083 19.9042 9.28333 20 9 20H5C4.71667 20 4.47917 19.9042 4.2875 19.7125C4.09583 19.5208 4 19.2833 4 19C4 18.7167 4.09583 18.4792 4.2875 18.2875C4.47917 18.0958 4.71667 18 5 18H6.75L6.35 17.65C5.48333 16.8833 4.875 16.0083 4.525 15.025C4.175 14.0417 4 13.05 4 12.05C4 10.4833 4.4 9.0625 5.2 7.7875C6 6.5125 7.075 5.53333 8.425 4.85C8.65833 4.71667 8.90417 4.70833 9.1625 4.825C9.42083 4.94167 9.59167 5.13333 9.675 5.4C9.75833 5.65 9.75417 5.9 9.6625 6.15C9.57083 6.4 9.40833 6.59167 9.175 6.725C8.20833 7.25833 7.4375 7.99583 6.8625 8.9375C6.2875 9.87917 6 10.9167 6 12.05ZM18 11.95C18 11.2 17.8583 10.4708 17.575 9.7625C17.2917 9.05417 16.85 8.4 16.25 7.8L16 7.55V9C16 9.28333 15.9042 9.52083 15.7125 9.7125C15.5208 9.90417 15.2833 10 15 10C14.7167 10 14.4792 9.90417 14.2875 9.7125C14.0958 9.52083 14 9.28333 14 9V5C14 4.71667 14.0958 4.47917 14.2875 4.2875C14.4792 4.09583 14.7167 4 15 4H19C19.2833 4 19.5208 4.09583 19.7125 4.2875C19.9042 4.47917 20 4.71667 20 5C20 5.28333 19.9042 5.52083 19.7125 5.7125C19.5208 5.90417 19.2833 6 19 6H17.25L17.65 6.35C18.4667 7.16667 19.0625 8.05417 19.4375 9.0125C19.8125 9.97083 20 10.95 20 11.95C20 13.5167 19.6 14.9375 18.8 16.2125C18 17.4875 16.925 18.4667 15.575 19.15C15.3417 19.2833 15.0958 19.2917 14.8375 19.175C14.5792 19.0583 14.4083 18.8667 14.325 18.6C14.2417 18.35 14.2458 18.1 14.3375 17.85C14.4292 17.6 14.5917 17.4083 14.825 17.275C15.7917 16.7417 16.5625 16.0042 17.1375 15.0625C17.7125 14.1208 18 13.0833 18 11.95Z",fill:"currentColor"})),28===this.size&&e(i,{key:"ee0dbdfbb37d47db34efeb9a019925e6864a8878"},e("path",{key:"3e81561b62d1ff3b3bceabfb080cbfb54a9d5182",d:"M7.00002 14.0582C7.00002 14.9332 7.1653 15.7839 7.49585 16.6103C7.82641 17.4366 8.34169 18.1998 9.04169 18.8998L9.33335 19.1915V17.4998C9.33335 17.1693 9.44516 16.8922 9.66877 16.6686C9.89238 16.445 10.1695 16.3332 10.5 16.3332C10.8306 16.3332 11.1077 16.445 11.3313 16.6686C11.5549 16.8922 11.6667 17.1693 11.6667 17.4998V22.1665C11.6667 22.4971 11.5549 22.7741 11.3313 22.9978C11.1077 23.2214 10.8306 23.3332 10.5 23.3332H5.83335C5.5028 23.3332 5.22571 23.2214 5.0021 22.9978C4.77849 22.7741 4.66669 22.4971 4.66669 22.1665C4.66669 21.8359 4.77849 21.5589 5.0021 21.3353C5.22571 21.1116 5.5028 20.9998 5.83335 20.9998H7.87502L7.40835 20.5915C6.39724 19.6971 5.68752 18.6762 5.27919 17.529C4.87085 16.3818 4.66669 15.2248 4.66669 14.0582C4.66669 12.2304 5.13335 10.5728 6.06669 9.08525C7.00002 7.59775 8.25419 6.45539 9.82919 5.65817C10.1014 5.50262 10.3882 5.49289 10.6896 5.629C10.991 5.76511 11.1903 5.98873 11.2875 6.29984C11.3847 6.5915 11.3799 6.88317 11.2729 7.17484C11.166 7.4665 10.9764 7.69012 10.7042 7.84567C9.57641 8.46789 8.6771 9.32831 8.00627 10.4269C7.33544 11.5255 7.00002 12.7359 7.00002 14.0582ZM21 13.9415C21 13.0665 20.8347 12.2158 20.5042 11.3894C20.1736 10.563 19.6584 9.79984 18.9584 9.09984L18.6667 8.80817V10.4998C18.6667 10.8304 18.5549 11.1075 18.3313 11.3311C18.1077 11.5547 17.8306 11.6665 17.5 11.6665C17.1695 11.6665 16.8924 11.5547 16.6688 11.3311C16.4452 11.1075 16.3334 10.8304 16.3334 10.4998V5.83317C16.3334 5.50261 16.4452 5.22553 16.6688 5.00192C16.8924 4.77831 17.1695 4.6665 17.5 4.6665H22.1667C22.4972 4.6665 22.7743 4.77831 22.9979 5.00192C23.2215 5.22553 23.3334 5.50261 23.3334 5.83317C23.3334 6.16373 23.2215 6.44081 22.9979 6.66442C22.7743 6.88803 22.4972 6.99984 22.1667 6.99984H20.125L20.5917 7.40817C21.5445 8.36095 22.2396 9.39637 22.6771 10.5144C23.1146 11.6325 23.3334 12.7748 23.3334 13.9415C23.3334 15.7693 22.8667 17.4269 21.9334 18.9144C21 20.4019 19.7459 21.5443 18.1709 22.3415C17.8986 22.4971 17.6118 22.5068 17.3104 22.3707C17.009 22.2346 16.8097 22.0109 16.7125 21.6998C16.6153 21.4082 16.6202 21.1165 16.7271 20.8248C16.834 20.5332 17.0236 20.3096 17.2959 20.154C18.4236 19.5318 19.3229 18.6714 19.9938 17.5728C20.6646 16.4741 21 15.2637 21 13.9415Z",fill:"currentColor"})))}};a.style=":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";export{a as swirl_icon_load}