@getflip/swirl-components 0.363.6 → 0.365.0

package/dist/swirl-components/{p-ddcb09d9.entry.js → p-8b5ac132.entry.js}

@@ -1 +1 @@
-import{r as a,c as t,h as i,H as e,d as o,F as s}from"./p-CWOhMVtL.js";import{c as r}from"./p-orsBiyT_.js";import{D as l}from"./p-LU4x678Z.js";import{d as n,i as p,s as d}from"./p-D_MUFqkF.js";import{S as c}from"./p-CMrz6687.js";import{v as u}from"./p-DD3477fe.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.backToNavigationViewButtonLabel="Back to navigation",this.navigationBackButtonLabel="Go back",this.navigationExpansionStateStorageKey="SWIRL_APP_LAYOUT_NAV_EXPANSION_STATE",this.navigationToggleLabel="Toggle navigation",this.navigationOverlayLabel="Show navigation",this.sidebarCloseButtonLabel="Close sidebar",this.transitionStyle="slides",this.contentScrollState={scrollable:!1,scrolledToTop:!1,scrolledToBottom:!1},this.mobileView="navigation",this.navScrollState={scrollable:!1,scrolledToTop:!1},this.navExpansionState="expanded",this.sidebarScrollState={scrollable:!1,scrolledToTop:!1},this.mediaQueryUnsubscribe=()=>{},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")}}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.mediaQueryUnsubscribe=l.subscribe((a=>{this.isDesktop=a})),queueMicrotask((()=>{this.restoreNavExpansionState(),this.updateContentScrollState(),this.updateSidebarScrollState(),this.updateNavScrollState()}))}disconnectedCallback(){this.mediaQueryUnsubscribe(),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:"0970730a8b11319c50969d6d6e7f217dcf56e2f0"},i("section",{key:"06d420b7d6bfe12422b52e2cdcb8fa8a2ed0fbac","aria-labelledby":"app-name",class:d},i("div",{key:"b50a9beffae3145861ed4b71705fe673f5d10043",class:"app-layout__grid"},i("header",{key:"04c3f7e4b7cb227cca2e9a15e262ddc9874032e1",class:"app-layout__header",ref:a=>this.headerEl=a},i("span",{key:"67ba8ba5394d42ba1f96ccb3258aefb8acce87c9",class:"app-layout__navigation-mobile-menu-button"},i("slot",{key:"8795a4b7ac5a63bdd1f838c6ba1d0314cfa33dc9",name:"navigation-mobile-menu-button"})),this.collapsibleNavigation&&i("span",{key:"0a11ae6739ed9863837da26a60a5f524ca2215ea",class:"app-layout__nav-overlay-toggle"},i("swirl-button",{key:"e0670ebab68aaefd7342a31b0a2c139f181c4cf1",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:"df74e59b27c2e15ffc532826ac69794df187ece9",class:"app-layout__navigation-back-button"},i("swirl-button",{key:"ca4e1610d7566b66ebe6958f8ec6f89d4a84554c",hideLabel:!0,icon:"<swirl-icon-arrow-back></swirl-icon-arrow-back>",label:this.navigationBackButtonLabel,onClick:this.onNavigationBackButtonClick})),i("swirl-heading",{key:"7ca7f6ca8a69fead26966a6b224966f4404351da",as:"h1",class:"app-layout__app-name",headingId:"app-name",level:3,text:this.appName}),p&&i("span",{key:"3d1205492f28588558a5e1d1c1948c4da7870c46",class:"app-layout__navigation-controls"},i("slot",{key:"f97090b47f524589e4d86e293e92ce2e001503dd",name:"navigation-controls"}))),i("nav",{key:"9b2f944843bcee7c5322b728ea26fcc7d8ed990f","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:"a3fa785458acf70951cf209062e9f91bfec49db4",name:"navigation"})),i("section",{key:"3649f14cce3bdf275bc7325680b4c193085272f7","aria-labelledby":"app-name",class:"app-layout__body"},!this.hideAppBar&&i("header",{key:"401b6adeda9ed569d8a6c37f381fed0623a34701",class:"app-layout__app-bar"},i("span",{key:"7b60e9abca35a3c6ab900e8d882116e8b22ce730",class:"app-layout__app-bar-mobile-menu-button"},i("slot",{key:"44c01881cb2c4799942609ca43f2ead4de855859",name:"app-bar-mobile-menu-button"})),a&&i("span",{key:"63a89ec584fa6a21a5cf4be3fdf15e84df01b03a",class:"app-layout__back-to-navigation-button"},i("swirl-button",{key:"5d05136bb74adcc5a404bdb74533636777f3b598",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:"0426043d85f25bd9581b2046215dba5cc50ee24c",class:"app-layout__nav-expansion-toggle"},i("swirl-button",{key:"5b64b49937d180b23de6435351a0b7498562b2f7",hideLabel:!0,icon:"<swirl-icon-hamburger-menu></swirl-icon-hamburger-menu>",label:this.navigationOverlayLabel,onClick:this.overlayNavigation})),i("span",{key:"eaa0172b442211086532a15fae6bb99b70dafab6",class:"app-layout__custom-app-bar-back-button"},i("slot",{key:"86177f0040e21c020b2d88a2e11cc1f2045d9bcf",name:"custom-app-bar-back-button"})),i("div",{key:"ff317fc8d6a4f75b81db2f4c6867d1259a9e2cc6",class:"app-layout__app-bar-content"},i("slot",{key:"59a8e892b40e1b56acc3f33cb956d1a588670a5e",name:"app-bar"})),i("div",{key:"2244b236929f9de30d18f886b2992187b1f9baf8",class:"app-layout__app-bar-controls"},i("slot",{key:"c5fae8b152e14275cb09b7db637ea8ca64932648",name:"app-bar-controls"}))),i("div",{key:"85a6875e28ec691f659cbee27e299bca2048ff67",class:"app-layout__banner"},i("slot",{key:"9790312e956f47faca3c1c4b04a6b1422a889498",name:"banner"})),i("div",{key:"d33ae32d0644d24027423eb9dc9ba94c54b0070b",class:"app-layout__content",onScroll:this.onContentScroll,ref:a=>this.contentEl=a},i("slot",{key:"9e615a708ac9ae2817a680e868c70d4a9ec3d075",name:"content"})),i("div",{key:"d173a40d98a1d8cd6b93135d9a6984afc6487813",class:"app-layout__bottom-bar"},i("slot",{key:"10a8422834710d9b15dea188d0f8b24dab14887e",name:"bottom-bar"}))),i("aside",{key:"0da3e8a8bf7be2c6ae12ebf89b6fc91f4d9a27a2",class:"app-layout__sidebar"},i("header",{key:"da7303d27a7c9d65a3d3dd7ec9799f7ea8b63dd8",class:"app-layout__custom-sidebar-header"},i("slot",{key:"fd8fc8403066c85dd26ed414afded579928da657",name:"custom-sidebar-header"})),i("header",{key:"addfa87cef788f272e586e3a02b0f47be414cc58",class:"app-layout__sidebar-header"},i("swirl-button",{key:"7daf54726d77b5a9656dd888d32d4c111746e59e",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:"c743c2b1049f87a5c81b99ddc836f4a2b9b08561",as:"h3",class:"app-layout__sidebar-heading",headingId:"sidebar-heading",level:3,text:this.sidebarHeading})),i("div",{key:"9443e3843d55af79d62c949b8df53a6a1f27a4e9",class:"app-layout__sidebar-content",onScroll:this.onSidebarScroll,ref:a=>this.sidebarEl=a},i("slot",{key:"0b5eff0be0d4e98ed2755b412d8783fe25d8d809",name:"sidebar"}))),i("span",{key:"a1487ea686f593c4b117a9eb74fe61fe8b516336",class:"app-layout__floating-action-button"},this.ctaLabel&&i("swirl-button",{key:"02d61ee5b96263295218ed0b99cb8b93d1e06df0",hideLabel:Boolean(this.ctaIcon),icon:this.ctaIcon,intent:"primary",label:this.ctaLabel,onClick:this.onCtaClick,variant:"floating"}),i("slot",{key:"7f1e9ae5a5cbf12e28b12d8e7227fee017f6f532",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 y=class{constructor(t){a(this,t),this.headingLevel=4}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:"012ddb1c912baadace65e570840076b47a2b3e2a"},i("div",{key:"8b4adbc596e43e6a9a8fc7d7209085eb971124ab",class:o},this.illustration&&!t&&i("img",{key:"df891850a32dd7708f4a47bef09386650b3d7eca",alt:"",class:"empty-state__illustration",src:this.illustration}),i("div",{key:"e6fe758cb3a40aaa44783e3bda10541cfe29599c",class:"empty-state__slotted-illustration"},i("slot",{key:"7a809c9387bb976966877c01cb7be376f1a9772a",name:"illustration"})),i("div",{key:"8304a2871ffe33baf473b946cec6dc3ad559ce1b",class:"empty-state__body"},i("swirl-stack",{key:"bcf7f760e2b4833059bdc76c00882596a89bb973",align:"stretch",spacing:"8"},this.heading&&i("swirl-heading",{key:"1135f136f92074824d7e5691d06a1fb735bc74ee",align:"center",as:`h${this.headingLevel}`,level:4,text:this.heading}),i("div",{key:"320ae9005a9e0e627b0a02d99c2be7d1cd7d82d1",class:"empty-state__content"},i("swirl-text",{key:"2b1373ea276326316da2c84f99ad7df73750e355",align:"center",color:"subdued"},i("slot",{key:"882b1551d512776d29c7b14c8cfc77014c09ca7e"})))),i("div",{key:"390f8200cef094b3d19aefb50a040a3fa8f1bbdb",class:"empty-state__controls"},i("slot",{key:"9da9474dfbdaeca4be918e3ba33d66d18f8e1e43",name:"controls"})))))}get el(){return o(this)}};y.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 m=class{constructor(t){a(this,t),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:"52fe577136ec4995067be80eca31b8825e2a7371","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:"c10a082d8408400178a767ca89eb6fb0e0094f1f"},i("path",{key:"5a1b2dc67090aaa14a1c1d50ba2b73ec42793df4",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:"86c74743f3b0d2f5209ec8e1212f38a5c2f05d7d"},i("path",{key:"10adbb01c1db965e0ead2a65d946051658c29585",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:"17591dbed68fb1cae3f061e0931709b703985dc2"},i("path",{key:"812bfadcc494faee73cc428a31906206dd902cb6",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"})))}};m.style=":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";const h=class{constructor(i){a(this,i),this.itemDrop=t(this,"itemDrop",7),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.semantics="grid",this.spacing="0",this.listId=u(),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("grid"===this.semantics&&!Boolean(this.dragging))if("ArrowDown"===a.code)a.preventDefault(),this.focusItemAtIndex((this.focusedIndex+1)%this.items.length);else if("ArrowUp"===a.code)a.preventDefault(),this.focusItemAtIndex(0===this.focusedIndex?this.items.length-1:this.focusedIndex-1);else if("Enter"===a.code&&Boolean(this.controllingElement)){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));if(Boolean(this.dragging))if("ArrowDown"===a.code)a.preventDefault(),this.moveDraggedItemDown();else if("ArrowUp"===a.code)a.preventDefault(),this.moveDraggedItemUp();else if("Space"===a.code||"Enter"===a.code){const t=a.composedPath()[0];t?.classList.contains("resource-list-item__drag-handle")||(a.preventDefault(),this.stopDrag(this.dragging))}}}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(){"grid"===this.semantics&&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:"c75f0ba1985a00ac6dbc67289a6b4810c37be961",onKeyDown:this.onKeyDown},i("swirl-visually-hidden",{key:"90494b940f1e6c1293d60c04458822c99c0fb2ba",role:"alert"},this.assistiveText),i("swirl-box",{key:"f33276012374609326842e3d638c21d0f556a0d9",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:"46a26973aaa57dff81309f36c62bdaf457f0c1e2","aria-label":this.label,class:"resource-list",id:this.listId,ref:a=>this.gridEl=a,role:this.semantics,spacing:this.spacing},i("slot",{key:"5270fb4d8807d1818369b3afde14ea0cb5ccf20b"}))))}get el(){return o(this)}static get watchers(){return{allowDrag:["watchAllowDrag"]}}};h.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.allowHtml=!0,this.checked=!1,this.dragHandleDescription="Press spacebar to toggle grab",this.dragHandleLabel="Move item",this.interactive=!0,this.labelWeight="medium",this.menuTriggerLabel="Options",this.hasMedia=!1,this.iconSize=24,this.elementId=u(),this.mediaQueryUnsubscribe=()=>{},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()}}componentWillLoad(){this.updateMediaState()}componentDidLoad(){this.mediaQueryUnsubscribe=l.subscribe((a=>{this.forceIconProps(a),this.updateIconSize(a)})),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.mediaQueryUnsubscribe()}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,y=this.interactive&&this.selectable?"checkbox":void 0,m=this.el.closest('[role="grid"]')?"row":"listitem",h="row"===m?"gridcell":void 0,g={paddingRight:!c&&Boolean(this.controlContainer)?`calc(${this.controlContainer?.getBoundingClientRect().width}px + var(--s-space-16))`:void 0,minHeight:this.labelMinHeight??void 0},_=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:"6c76f75792d6dc74bd6f5b8344f73b71a15a578b",role:m},i("div",{key:"7a0f9adcc65b2e078cf1e92a824e7b3b32ca8171",class:_,role:h},i(a,{key:"64293b307dae26d1bd82ac527542ae97875d38af","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",style:{alignItems:this.alignItems},href:n,disabled:t,onClick:this.onClick,onBlur:this.onBlur,onFocus:this.onFocus,part:"resource-list-item__content",role:y,tabIndex:0,type:"button"===a?"button":void 0},this.hasMedia&&i("span",{key:"2fce8f7495ab34f3cb7b1ea111b5724ebdbc928c",class:"resource-list-item__media"},i("slot",{key:"6d9931d51a481119e6987169d2f524978047e171",name:"media"})),i("span",{key:"dcccc9fa94a5455345d8922427ab5ba53c6d5f1e",class:"resource-list-item__label-container",style:g},i("span",{key:"412c03a02bef3fa75a331829f8af7ae69fba82c6",class:"resource-list-item__label",id:this.elementId,innerHTML:this.allowHtml?this.label:void 0},!this.allowHtml&&this.label),this.description&&i("span",{key:"67f45dd519ad32d53b1e85b68679795a4ba44dc8",class:"resource-list-item__description",innerHTML:this.allowHtml?this.description:void 0},!this.allowHtml&&this.description)),c&&i("span",{key:"9f5ab5eeed07720b961522a1ef1af3cadeda86dd",class:"resource-list-item__meta"},i("span",{key:"61e080794fec67e333baebe4c0260bcaf0a2ba6e",class:"resource-list-item__meta-text"},this.meta),i("span",{key:"f696df19b5525800aac6bd38e04772294c1dfc00",class:"resource-list-item__badges"},i("slot",{key:"e52d5675e77b9d9dd4733471b18e79114cc7d579",name:"badges"})))),this.selectable&&i("span",{key:"328bf9f77fb257ce7babfb6e2c2bdf00eb79a09f","aria-hidden":"true",class:"resource-list-item__checkbox"},i("span",{key:"89b630fa4ef44df45ae92c1b8d8e59c46fb508e6",class:"resource-list-item__checkbox-icon"},this.checked&&i("swirl-icon-check-strong",{key:"a739f4cd3d40556246756e9aa7191e1cae75308c"}))),i("span",{key:"7016fecfdb6f9d773ab341b9d659480fa8dda230",class:"resource-list-item__control",onClick:this.onControlClick,ref:a=>this.controlContainer=a},i("slot",{key:"9e6b697833a71e8878f7aca8bf466f8be91426bb",name:"control"})),d&&i("swirl-popover-trigger",{key:"f876ed787b3771ccf3ea25a919a57d57bfd85c07",swirlPopover:this.menuTriggerId},i("swirl-button",{key:"194c091ff2a129be9061f2908092d48327ebc8e7","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:"928ccc6af654fe763af660b030071f65f28275e1","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:"34e494f339aea261ec37330f315c20336324f29e",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);outline-color:var(--s-focus-default);outline-style:solid;outline-width:0.125rem;z-index:1}.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%);z-index:2}.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,y as swirl_empty_state,m as swirl_icon_folder_shared,h as swirl_resource_list,g as swirl_resource_list_item}
+import{r as a,c as t,h as i,H as e,d as o,F as s}from"./p-CWOhMVtL.js";import{c as r}from"./p-orsBiyT_.js";import{D as l}from"./p-LU4x678Z.js";import{d as n,i as p,s as d}from"./p-D_MUFqkF.js";import{S as c}from"./p-CMrz6687.js";import{v as u}from"./p-DD3477fe.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.backToNavigationViewButtonLabel="Back to navigation",this.navigationBackButtonLabel="Go back",this.navigationExpansionStateStorageKey="SWIRL_APP_LAYOUT_NAV_EXPANSION_STATE",this.navigationToggleLabel="Toggle navigation",this.navigationOverlayLabel="Show navigation",this.sidebarCloseButtonLabel="Close sidebar",this.transitionStyle="slides",this.contentScrollState={scrollable:!1,scrolledToTop:!1,scrolledToBottom:!1},this.mobileView="navigation",this.navScrollState={scrollable:!1,scrolledToTop:!1},this.navExpansionState="expanded",this.sidebarScrollState={scrollable:!1,scrolledToTop:!1},this.mediaQueryUnsubscribe=()=>{},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")}}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.mediaQueryUnsubscribe=l.subscribe((a=>{this.isDesktop=a})),queueMicrotask((()=>{this.restoreNavExpansionState(),this.updateContentScrollState(),this.updateSidebarScrollState(),this.updateNavScrollState()}))}disconnectedCallback(){this.mediaQueryUnsubscribe(),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:"0970730a8b11319c50969d6d6e7f217dcf56e2f0"},i("section",{key:"06d420b7d6bfe12422b52e2cdcb8fa8a2ed0fbac","aria-labelledby":"app-name",class:d},i("div",{key:"b50a9beffae3145861ed4b71705fe673f5d10043",class:"app-layout__grid"},i("header",{key:"04c3f7e4b7cb227cca2e9a15e262ddc9874032e1",class:"app-layout__header",ref:a=>this.headerEl=a},i("span",{key:"67ba8ba5394d42ba1f96ccb3258aefb8acce87c9",class:"app-layout__navigation-mobile-menu-button"},i("slot",{key:"8795a4b7ac5a63bdd1f838c6ba1d0314cfa33dc9",name:"navigation-mobile-menu-button"})),this.collapsibleNavigation&&i("span",{key:"0a11ae6739ed9863837da26a60a5f524ca2215ea",class:"app-layout__nav-overlay-toggle"},i("swirl-button",{key:"e0670ebab68aaefd7342a31b0a2c139f181c4cf1",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:"df74e59b27c2e15ffc532826ac69794df187ece9",class:"app-layout__navigation-back-button"},i("swirl-button",{key:"ca4e1610d7566b66ebe6958f8ec6f89d4a84554c",hideLabel:!0,icon:"<swirl-icon-arrow-back></swirl-icon-arrow-back>",label:this.navigationBackButtonLabel,onClick:this.onNavigationBackButtonClick})),i("swirl-heading",{key:"7ca7f6ca8a69fead26966a6b224966f4404351da",as:"h1",class:"app-layout__app-name",headingId:"app-name",level:3,text:this.appName}),p&&i("span",{key:"3d1205492f28588558a5e1d1c1948c4da7870c46",class:"app-layout__navigation-controls"},i("slot",{key:"f97090b47f524589e4d86e293e92ce2e001503dd",name:"navigation-controls"}))),i("nav",{key:"9b2f944843bcee7c5322b728ea26fcc7d8ed990f","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:"a3fa785458acf70951cf209062e9f91bfec49db4",name:"navigation"})),i("section",{key:"3649f14cce3bdf275bc7325680b4c193085272f7","aria-labelledby":"app-name",class:"app-layout__body"},!this.hideAppBar&&i("header",{key:"401b6adeda9ed569d8a6c37f381fed0623a34701",class:"app-layout__app-bar"},i("span",{key:"7b60e9abca35a3c6ab900e8d882116e8b22ce730",class:"app-layout__app-bar-mobile-menu-button"},i("slot",{key:"44c01881cb2c4799942609ca43f2ead4de855859",name:"app-bar-mobile-menu-button"})),a&&i("span",{key:"63a89ec584fa6a21a5cf4be3fdf15e84df01b03a",class:"app-layout__back-to-navigation-button"},i("swirl-button",{key:"5d05136bb74adcc5a404bdb74533636777f3b598",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:"0426043d85f25bd9581b2046215dba5cc50ee24c",class:"app-layout__nav-expansion-toggle"},i("swirl-button",{key:"5b64b49937d180b23de6435351a0b7498562b2f7",hideLabel:!0,icon:"<swirl-icon-hamburger-menu></swirl-icon-hamburger-menu>",label:this.navigationOverlayLabel,onClick:this.overlayNavigation})),i("span",{key:"eaa0172b442211086532a15fae6bb99b70dafab6",class:"app-layout__custom-app-bar-back-button"},i("slot",{key:"86177f0040e21c020b2d88a2e11cc1f2045d9bcf",name:"custom-app-bar-back-button"})),i("div",{key:"ff317fc8d6a4f75b81db2f4c6867d1259a9e2cc6",class:"app-layout__app-bar-content"},i("slot",{key:"59a8e892b40e1b56acc3f33cb956d1a588670a5e",name:"app-bar"})),i("div",{key:"2244b236929f9de30d18f886b2992187b1f9baf8",class:"app-layout__app-bar-controls"},i("slot",{key:"c5fae8b152e14275cb09b7db637ea8ca64932648",name:"app-bar-controls"}))),i("div",{key:"85a6875e28ec691f659cbee27e299bca2048ff67",class:"app-layout__banner"},i("slot",{key:"9790312e956f47faca3c1c4b04a6b1422a889498",name:"banner"})),i("div",{key:"d33ae32d0644d24027423eb9dc9ba94c54b0070b",class:"app-layout__content",onScroll:this.onContentScroll,ref:a=>this.contentEl=a},i("slot",{key:"9e615a708ac9ae2817a680e868c70d4a9ec3d075",name:"content"})),i("div",{key:"d173a40d98a1d8cd6b93135d9a6984afc6487813",class:"app-layout__bottom-bar"},i("slot",{key:"10a8422834710d9b15dea188d0f8b24dab14887e",name:"bottom-bar"}))),i("aside",{key:"0da3e8a8bf7be2c6ae12ebf89b6fc91f4d9a27a2",class:"app-layout__sidebar"},i("header",{key:"da7303d27a7c9d65a3d3dd7ec9799f7ea8b63dd8",class:"app-layout__custom-sidebar-header"},i("slot",{key:"fd8fc8403066c85dd26ed414afded579928da657",name:"custom-sidebar-header"})),i("header",{key:"addfa87cef788f272e586e3a02b0f47be414cc58",class:"app-layout__sidebar-header"},i("swirl-button",{key:"7daf54726d77b5a9656dd888d32d4c111746e59e",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:"c743c2b1049f87a5c81b99ddc836f4a2b9b08561",as:"h3",class:"app-layout__sidebar-heading",headingId:"sidebar-heading",level:3,text:this.sidebarHeading})),i("div",{key:"9443e3843d55af79d62c949b8df53a6a1f27a4e9",class:"app-layout__sidebar-content",onScroll:this.onSidebarScroll,ref:a=>this.sidebarEl=a},i("slot",{key:"0b5eff0be0d4e98ed2755b412d8783fe25d8d809",name:"sidebar"}))),i("span",{key:"a1487ea686f593c4b117a9eb74fe61fe8b516336",class:"app-layout__floating-action-button"},this.ctaLabel&&i("swirl-button",{key:"02d61ee5b96263295218ed0b99cb8b93d1e06df0",hideLabel:Boolean(this.ctaIcon),icon:this.ctaIcon,intent:"primary",label:this.ctaLabel,onClick:this.onCtaClick,variant:"floating"}),i("slot",{key:"7f1e9ae5a5cbf12e28b12d8e7227fee017f6f532",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 y=class{constructor(t){a(this,t),this.headingLevel=4}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:"c2e8ccde693817838b60f34a6d740a5c7b66699b"},i("div",{key:"0003deb97729d9f910357954ca460b0175f1767e",class:o},this.illustration&&!t&&i("img",{key:"e7c6a2f2ac8b517bc988affa907971b315be51f0",alt:"",class:"empty-state__illustration",src:this.illustration}),i("div",{key:"3ff8688a488ee7f8f98e16171184bae84993640f",class:"empty-state__slotted-illustration"},i("slot",{key:"dd5200b78701624ef24ebc9a356bacbd187280ce",name:"illustration"})),i("div",{key:"ccf3be4270aff8f5b0e58df3d26d981aeae3bec1",class:"empty-state__body"},i("swirl-stack",{key:"302f100325f5431c005263afaea48cdb114e193b",align:"stretch",spacing:"8"},this.heading&&i("swirl-heading",{key:"ff8683109c205de82b3bf0dd5e24756c18d8be16",align:"center",as:`h${this.headingLevel}`,level:4,text:this.heading}),i("div",{key:"081f9d49b19fd65e69383ad982838d1792a0a87a",class:"empty-state__content"},i("swirl-text",{key:"6357990f0fa688a4016361b037092431651e6ea3",align:"center",color:"subdued"},i("slot",{key:"3f648e01deb2242e132bcacfadab4fd08d7f116d"})))),i("div",{key:"372fd4f55274a6c32a2443a456530845473747a5",class:"empty-state__controls"},i("slot",{key:"a0fe0a4e1705e5e55286bc455d0e0b911093f407",name:"controls"})))))}get el(){return o(this)}};y.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 m=class{constructor(t){a(this,t),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:"21cb9eb4d9cca5dcb8af13c31824dd24b52779aa","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:"ce69be08925065c2e547b6aa76ba527ba5708290"},i("path",{key:"38ef5b54b183f4c676a39a02630b14f36e286a02",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:"c8d653ddc780ce808fd3526c87eb5339ff3e9c3a"},i("path",{key:"649a5719ce52ecda315ded7d557dbe96b6e96056",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:"a8e0ff07ddd103030d24e932872d7d437c985479"},i("path",{key:"79744b9c7f7e5b8b77fab245b7595c39642e5778",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"})))}};m.style=":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";const h=class{constructor(i){a(this,i),this.itemDrop=t(this,"itemDrop",7),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.semantics="grid",this.spacing="0",this.listId=u(),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("grid"===this.semantics&&!Boolean(this.dragging))if("ArrowDown"===a.code)a.preventDefault(),this.focusItemAtIndex((this.focusedIndex+1)%this.items.length);else if("ArrowUp"===a.code)a.preventDefault(),this.focusItemAtIndex(0===this.focusedIndex?this.items.length-1:this.focusedIndex-1);else if("Enter"===a.code&&Boolean(this.controllingElement)){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));if(Boolean(this.dragging))if("ArrowDown"===a.code)a.preventDefault(),this.moveDraggedItemDown();else if("ArrowUp"===a.code)a.preventDefault(),this.moveDraggedItemUp();else if("Space"===a.code||"Enter"===a.code){const t=a.composedPath()[0];t?.classList.contains("resource-list-item__drag-handle")||(a.preventDefault(),this.stopDrag(this.dragging))}}}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(){"grid"===this.semantics&&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:"cebcef9bd2b4f9c9bdb07eb60b1455fe961506fe",onKeyDown:this.onKeyDown},i("swirl-visually-hidden",{key:"3ec608204ed57e938706be802f55e69a1de4e042",role:"alert"},this.assistiveText),i("swirl-box",{key:"1264ea92a2dc6dad647e917dd90267e52b175345",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:"e1ce6259ade426672a4bbcf873e8072eda93a167","aria-label":this.label,class:"resource-list",id:this.listId,ref:a=>this.gridEl=a,role:this.semantics,spacing:this.spacing},i("slot",{key:"d8c26a1e3dbaaa405caaafb74d4de11632a26bbe"}))))}get el(){return o(this)}static get watchers(){return{allowDrag:["watchAllowDrag"]}}};h.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.allowHtml=!0,this.checked=!1,this.dragHandleDescription="Press spacebar to toggle grab",this.dragHandleLabel="Move item",this.interactive=!0,this.labelWeight="medium",this.menuTriggerLabel="Options",this.hasMedia=!1,this.iconSize=24,this.elementId=u(),this.mediaQueryUnsubscribe=()=>{},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()}}componentWillLoad(){this.updateMediaState()}componentDidLoad(){this.mediaQueryUnsubscribe=l.subscribe((a=>{this.forceIconProps(a),this.updateIconSize(a)})),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.mediaQueryUnsubscribe()}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,y=this.interactive&&this.selectable?"checkbox":void 0,m=this.el.closest('[role="grid"]')?"row":"listitem",h="row"===m?"gridcell":void 0,g={paddingRight:!c&&Boolean(this.controlContainer)?`calc(${this.controlContainer?.getBoundingClientRect().width}px + var(--s-space-16))`:void 0,minHeight:this.labelMinHeight??void 0},_=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:"99d705af69a7d7457da693a1c5c67706f6635845",role:m},i("div",{key:"a59c5927cae5448c3917a2af8387b50dcd2d3ef4",class:_,role:h},i(a,{key:"b3e5fac4c8925d3a06a26b7d0b79aa58e3def37f","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",style:{alignItems:this.alignItems},href:n,disabled:t,onClick:this.onClick,onBlur:this.onBlur,onFocus:this.onFocus,part:"resource-list-item__content",role:y,tabIndex:0,type:"button"===a?"button":void 0},this.hasMedia&&i("span",{key:"ec4113d40664af96c8c8dbeec32501b1f57c0f21",class:"resource-list-item__media"},i("slot",{key:"c4d9601f58a3f128cf88254a2d5bde98c36d1628",name:"media"})),i("span",{key:"6ae242f557e807b2ef95c2b6d775151eae4b4d47",class:"resource-list-item__label-container",style:g},i("span",{key:"d7489459160e4dfebc38d3f1ab637ff7ec0a2096",class:"resource-list-item__label",id:this.elementId,innerHTML:this.allowHtml?this.label:void 0},!this.allowHtml&&this.label),this.description&&i("span",{key:"ae91a04a4916ca91e50984da265e4a94d08ef4c3",class:"resource-list-item__description",innerHTML:this.allowHtml?this.description:void 0},!this.allowHtml&&this.description)),c&&i("span",{key:"4188d689a7330f8ab41534becf9059258eb571d9",class:"resource-list-item__meta"},i("span",{key:"5a63a90a5478728f57611efed228919b856e0ecf",class:"resource-list-item__meta-text"},this.meta),i("span",{key:"04fb7f9e250e2772cbf78567d74a5496fd96897b",class:"resource-list-item__badges"},i("slot",{key:"950c710d8150ba65f67becb2a072aa241fc0109f",name:"badges"})))),this.selectable&&i("span",{key:"1d5e33c7003f06937bd11c3d1e3a2e8b2751b43e","aria-hidden":"true",class:"resource-list-item__checkbox"},i("span",{key:"0518fad3b25324d5f4b4b32bcc5ed84bbdef7542",class:"resource-list-item__checkbox-icon"},this.checked&&i("swirl-icon-check-strong",{key:"5578df09145bd0c8a66a7a3f97fbdbaf15edee11"}))),i("span",{key:"35605bfc79aa8f8653d9f109af0741247ef7d555",class:"resource-list-item__control",onClick:this.onControlClick,ref:a=>this.controlContainer=a},i("slot",{key:"c3771a13badc88d14e856c3f5391ff904420c2c4",name:"control"})),d&&i("swirl-popover-trigger",{key:"351458c498c327220f1b55c8b5a3b27038c5bfeb",swirlPopover:this.menuTriggerId},i("swirl-button",{key:"8ad88ba909010c7ab1fc300cbd52d533bf8eae19","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:"e26acb5a079ec58706794f89d742e6aad3448203","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:"128042b80216937f197dd36ca5f055fcacf23150",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);outline-color:var(--s-focus-default);outline-style:solid;outline-width:0.125rem;z-index:1}.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%);z-index:2}.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,y as swirl_empty_state,m as swirl_icon_folder_shared,h as swirl_resource_list,g as swirl_resource_list_item}

package/dist/swirl-components/{p-97555e52.entry.js → p-8ba4d139.entry.js}

@@ -1 +1 @@
-import{r as C,h as i,F as e}from"./p-CWOhMVtL.js";import{c as t}from"./p-orsBiyT_.js";const s=class{constructor(i){C(this,i),this.size=24}render(){const C=20===this.size?24:this.size,s={color:Boolean(this.color)?`var(--s-icon-${this.color})`:void 0},c=t("swirl-icon",`swirl-icon--size-${this.size}`);return i("svg",{key:"5d77c157b1f8c036e068035d029f1bf5d40f1c21","aria-hidden":"true",class:c,fill:"none",height:this.size,part:"icon",style:s,viewBox:`0 0 ${C} ${C}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},16===this.size&&i(e,{key:"a2eee4d57cce68d17c83840a28561f273c4f4960"},i("path",{key:"00aafc3d75ccaf562e577d755479b1e7bd190b76",d:"M7.33333 12C7.14444 12 6.98622 11.936 6.85867 11.808C6.73067 11.6804 6.66667 11.5222 6.66667 11.3333C6.66667 11.1444 6.73067 10.9862 6.85867 10.8587C6.98622 10.7307 7.14444 10.6667 7.33333 10.6667H8.66667C8.85556 10.6667 9.014 10.7307 9.142 10.8587C9.26956 10.9862 9.33333 11.1444 9.33333 11.3333C9.33333 11.5222 9.26956 11.6804 9.142 11.808C9.014 11.936 8.85556 12 8.66667 12H7.33333ZM2.66667 5.33333C2.47778 5.33333 2.31956 5.26956 2.192 5.142C2.064 5.014 2 4.85556 2 4.66667C2 4.47778 2.064 4.31933 2.192 4.19133C2.31956 4.06378 2.47778 4 2.66667 4H13.3333C13.5222 4 13.6804 4.06378 13.808 4.19133C13.936 4.31933 14 4.47778 14 4.66667C14 4.85556 13.936 5.014 13.808 5.142C13.6804 5.26956 13.5222 5.33333 13.3333 5.33333H2.66667ZM4.66667 8.66667C4.47778 8.66667 4.31933 8.60267 4.19133 8.47467C4.06378 8.34711 4 8.18889 4 8C4 7.81111 4.06378 7.65267 4.19133 7.52467C4.31933 7.39711 4.47778 7.33333 4.66667 7.33333H11.3333C11.5222 7.33333 11.6804 7.39711 11.808 7.52467C11.936 7.65267 12 7.81111 12 8C12 8.18889 11.936 8.34711 11.808 8.47467C11.6804 8.60267 11.5222 8.66667 11.3333 8.66667H4.66667Z",fill:"currentColor"})),(20===this.size||24===this.size)&&i(e,{key:"bbe3adca9d94c6c708f5015958b64b6b53dff3c4"},i("path",{key:"20b0c911002ac7eb9401ef1f79a8979b869ebb7b",d:"M11 18C10.7167 18 10.4793 17.904 10.288 17.712C10.096 17.5207 10 17.2833 10 17C10 16.7167 10.096 16.4793 10.288 16.288C10.4793 16.096 10.7167 16 11 16H13C13.2833 16 13.521 16.096 13.713 16.288C13.9043 16.4793 14 16.7167 14 17C14 17.2833 13.9043 17.5207 13.713 17.712C13.521 17.904 13.2833 18 13 18H11ZM4 8C3.71667 8 3.47933 7.90433 3.288 7.713C3.096 7.521 3 7.28333 3 7C3 6.71667 3.096 6.479 3.288 6.287C3.47933 6.09567 3.71667 6 4 6H20C20.2833 6 20.5207 6.09567 20.712 6.287C20.904 6.479 21 6.71667 21 7C21 7.28333 20.904 7.521 20.712 7.713C20.5207 7.90433 20.2833 8 20 8H4ZM7 13C6.71667 13 6.479 12.904 6.287 12.712C6.09567 12.5207 6 12.2833 6 12C6 11.7167 6.09567 11.479 6.287 11.287C6.479 11.0957 6.71667 11 7 11H17C17.2833 11 17.5207 11.0957 17.712 11.287C17.904 11.479 18 11.7167 18 12C18 12.2833 17.904 12.5207 17.712 12.712C17.5207 12.904 17.2833 13 17 13H7Z",fill:"currentColor"})),28===this.size&&i(e,{key:"a3df7429e706b3d2acf12f980077f480f555f193"},i("path",{key:"2ead768da39599f058017f8ccecd4b675c2031d4",d:"M12.8333 21C12.5028 21 12.2259 20.888 12.0027 20.664C11.7787 20.4408 11.6667 20.1639 11.6667 19.8333C11.6667 19.5028 11.7787 19.2259 12.0027 19.0027C12.2259 18.7787 12.5028 18.6667 12.8333 18.6667H15.1667C15.4972 18.6667 15.7745 18.7787 15.9985 19.0027C16.2217 19.2259 16.3333 19.5028 16.3333 19.8333C16.3333 20.1639 16.2217 20.4408 15.9985 20.664C15.7745 20.888 15.4972 21 15.1667 21H12.8333ZM4.66667 9.33333C4.33611 9.33333 4.05922 9.22172 3.836 8.9985C3.612 8.7745 3.5 8.49722 3.5 8.16667C3.5 7.83611 3.612 7.55883 3.836 7.33483C4.05922 7.11161 4.33611 7 4.66667 7H23.3333C23.6639 7 23.9408 7.11161 24.164 7.33483C24.388 7.55883 24.5 7.83611 24.5 8.16667C24.5 8.49722 24.388 8.7745 24.164 8.9985C23.9408 9.22172 23.6639 9.33333 23.3333 9.33333H4.66667ZM8.16667 15.1667C7.83611 15.1667 7.55883 15.0547 7.33483 14.8307C7.11161 14.6074 7 14.3306 7 14C7 13.6694 7.11161 13.3922 7.33483 13.1682C7.55883 12.9449 7.83611 12.8333 8.16667 12.8333H19.8333C20.1639 12.8333 20.4408 12.9449 20.664 13.1682C20.888 13.3922 21 13.6694 21 14C21 14.3306 20.888 14.6074 20.664 14.8307C20.4408 15.0547 20.1639 15.1667 19.8333 15.1667H8.16667Z",fill:"currentColor"})))}};s.style=":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";export{s as swirl_icon_filter}
+import{r as C,h as i,F as e}from"./p-CWOhMVtL.js";import{c as a}from"./p-orsBiyT_.js";const t=class{constructor(i){C(this,i),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=a("swirl-icon",`swirl-icon--size-${this.size}`);return i("svg",{key:"2edf5cc95a3559e5d694361fd45012ed87572c8d","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&&i(e,{key:"fc11db1079f8487f2a85f4af1c0e39051c4eb7ca"},i("path",{key:"77a151eca14c0afe20c1635f3ddaa100370b183a",d:"M7.33333 12C7.14444 12 6.98622 11.936 6.85867 11.808C6.73067 11.6804 6.66667 11.5222 6.66667 11.3333C6.66667 11.1444 6.73067 10.9862 6.85867 10.8587C6.98622 10.7307 7.14444 10.6667 7.33333 10.6667H8.66667C8.85556 10.6667 9.014 10.7307 9.142 10.8587C9.26956 10.9862 9.33333 11.1444 9.33333 11.3333C9.33333 11.5222 9.26956 11.6804 9.142 11.808C9.014 11.936 8.85556 12 8.66667 12H7.33333ZM2.66667 5.33333C2.47778 5.33333 2.31956 5.26956 2.192 5.142C2.064 5.014 2 4.85556 2 4.66667C2 4.47778 2.064 4.31933 2.192 4.19133C2.31956 4.06378 2.47778 4 2.66667 4H13.3333C13.5222 4 13.6804 4.06378 13.808 4.19133C13.936 4.31933 14 4.47778 14 4.66667C14 4.85556 13.936 5.014 13.808 5.142C13.6804 5.26956 13.5222 5.33333 13.3333 5.33333H2.66667ZM4.66667 8.66667C4.47778 8.66667 4.31933 8.60267 4.19133 8.47467C4.06378 8.34711 4 8.18889 4 8C4 7.81111 4.06378 7.65267 4.19133 7.52467C4.31933 7.39711 4.47778 7.33333 4.66667 7.33333H11.3333C11.5222 7.33333 11.6804 7.39711 11.808 7.52467C11.936 7.65267 12 7.81111 12 8C12 8.18889 11.936 8.34711 11.808 8.47467C11.6804 8.60267 11.5222 8.66667 11.3333 8.66667H4.66667Z",fill:"currentColor"})),(20===this.size||24===this.size)&&i(e,{key:"22fe8616a5a9ad53c341e4271304757dd51a1f18"},i("path",{key:"4fab725265990bb23d30b8d58b373ee15034af62",d:"M11 18C10.7167 18 10.4793 17.904 10.288 17.712C10.096 17.5207 10 17.2833 10 17C10 16.7167 10.096 16.4793 10.288 16.288C10.4793 16.096 10.7167 16 11 16H13C13.2833 16 13.521 16.096 13.713 16.288C13.9043 16.4793 14 16.7167 14 17C14 17.2833 13.9043 17.5207 13.713 17.712C13.521 17.904 13.2833 18 13 18H11ZM4 8C3.71667 8 3.47933 7.90433 3.288 7.713C3.096 7.521 3 7.28333 3 7C3 6.71667 3.096 6.479 3.288 6.287C3.47933 6.09567 3.71667 6 4 6H20C20.2833 6 20.5207 6.09567 20.712 6.287C20.904 6.479 21 6.71667 21 7C21 7.28333 20.904 7.521 20.712 7.713C20.5207 7.90433 20.2833 8 20 8H4ZM7 13C6.71667 13 6.479 12.904 6.287 12.712C6.09567 12.5207 6 12.2833 6 12C6 11.7167 6.09567 11.479 6.287 11.287C6.479 11.0957 6.71667 11 7 11H17C17.2833 11 17.5207 11.0957 17.712 11.287C17.904 11.479 18 11.7167 18 12C18 12.2833 17.904 12.5207 17.712 12.712C17.5207 12.904 17.2833 13 17 13H7Z",fill:"currentColor"})),28===this.size&&i(e,{key:"12b6bba5de22a8c1da0ae8954cc378866c57ca89"},i("path",{key:"5260cc1e98e7b20042cbab4e042593b42c4bcbd9",d:"M12.8333 21C12.5028 21 12.2259 20.888 12.0027 20.664C11.7787 20.4408 11.6667 20.1639 11.6667 19.8333C11.6667 19.5028 11.7787 19.2259 12.0027 19.0027C12.2259 18.7787 12.5028 18.6667 12.8333 18.6667H15.1667C15.4972 18.6667 15.7745 18.7787 15.9985 19.0027C16.2217 19.2259 16.3333 19.5028 16.3333 19.8333C16.3333 20.1639 16.2217 20.4408 15.9985 20.664C15.7745 20.888 15.4972 21 15.1667 21H12.8333ZM4.66667 9.33333C4.33611 9.33333 4.05922 9.22172 3.836 8.9985C3.612 8.7745 3.5 8.49722 3.5 8.16667C3.5 7.83611 3.612 7.55883 3.836 7.33483C4.05922 7.11161 4.33611 7 4.66667 7H23.3333C23.6639 7 23.9408 7.11161 24.164 7.33483C24.388 7.55883 24.5 7.83611 24.5 8.16667C24.5 8.49722 24.388 8.7745 24.164 8.9985C23.9408 9.22172 23.6639 9.33333 23.3333 9.33333H4.66667ZM8.16667 15.1667C7.83611 15.1667 7.55883 15.0547 7.33483 14.8307C7.11161 14.6074 7 14.3306 7 14C7 13.6694 7.11161 13.3922 7.33483 13.1682C7.55883 12.9449 7.83611 12.8333 8.16667 12.8333H19.8333C20.1639 12.8333 20.4408 12.9449 20.664 13.1682C20.888 13.3922 21 13.6694 21 14C21 14.3306 20.888 14.6074 20.664 14.8307C20.4408 15.0547 20.1639 15.1667 19.8333 15.1667H8.16667Z",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_filter}

package/dist/swirl-components/{p-d31f16c5.entry.js → p-8c455ed5.entry.js}

@@ -1 +1 @@
-import{r as e,h as C,F as i,H as s}from"./p-CWOhMVtL.js";import{c as t}from"./p-orsBiyT_.js";const a=class{constructor(C){e(this,C),this.size=24}render(){const e=20===this.size?24:this.size,s={color:Boolean(this.color)?`var(--s-icon-${this.color})`:void 0},a=t("swirl-icon",`swirl-icon--size-${this.size}`);return C("svg",{key:"f719d8e0d4b631d4242c36268e5a6b6135dc2d52","aria-hidden":"true",class:a,fill:"none",height:this.size,part:"icon",style:s,viewBox:`0 0 ${e} ${e}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},16===this.size&&C(i,{key:"4eaca86408c80891e71f4be8a5c1ab2c22556f83"},C("path",{key:"b1192adf47347bb5fbe90ba8f48ba695e624cc08",d:"M2.66665 11.3333C2.29998 11.3333 1.98609 11.2028 1.72498 10.9417C1.46387 10.6806 1.33331 10.3667 1.33331 10V6.00001C1.33331 5.63334 1.46387 5.31945 1.72498 5.05834C1.98609 4.79723 2.29998 4.66667 2.66665 4.66667H5.99998C6.18887 4.66667 6.3472 4.73056 6.47498 4.85834C6.60276 4.98612 6.66665 5.14445 6.66665 5.33334C6.66665 5.52223 6.60276 5.68056 6.47498 5.80834C6.3472 5.93612 6.18887 6.00001 5.99998 6.00001H2.66665V10H5.33331V8.66667H4.66665C4.47776 8.66667 4.31942 8.60278 4.19165 8.47501C4.06387 8.34723 3.99998 8.18889 3.99998 8.00001C3.99998 7.81112 4.06387 7.65278 4.19165 7.52501C4.31942 7.39723 4.47776 7.33334 4.66665 7.33334H5.99998C6.18887 7.33334 6.3472 7.39723 6.47498 7.52501C6.60276 7.65278 6.66665 7.81112 6.66665 8.00001V10C6.66665 10.3667 6.53609 10.6806 6.27498 10.9417C6.01387 11.2028 5.69998 11.3333 5.33331 11.3333H2.66665ZM7.99998 10.6667V5.33334C7.99998 5.14445 8.06387 4.98612 8.19165 4.85834C8.31942 4.73056 8.47776 4.66667 8.66665 4.66667C8.85554 4.66667 9.01387 4.73056 9.14165 4.85834C9.26942 4.98612 9.33331 5.14445 9.33331 5.33334V10.6667C9.33331 10.8556 9.26942 11.0139 9.14165 11.1417C9.01387 11.2695 8.85554 11.3333 8.66665 11.3333C8.47776 11.3333 8.31942 11.2695 8.19165 11.1417C8.06387 11.0139 7.99998 10.8556 7.99998 10.6667ZM10.6666 10.6667V5.33334C10.6666 5.14445 10.7305 4.98612 10.8583 4.85834C10.9861 4.73056 11.1444 4.66667 11.3333 4.66667H14.6666C14.8555 4.66667 15.0139 4.73056 15.1416 4.85834C15.2694 4.98612 15.3333 5.14445 15.3333 5.33334C15.3333 5.52223 15.2694 5.68056 15.1416 5.80834C15.0139 5.93612 14.8555 6.00001 14.6666 6.00001H12V7.33334H14C14.1889 7.33334 14.3472 7.39723 14.475 7.52501C14.6028 7.65278 14.6666 7.81112 14.6666 8.00001C14.6666 8.18889 14.6028 8.34723 14.475 8.47501C14.3472 8.60278 14.1889 8.66667 14 8.66667H12V10.6667C12 10.8556 11.9361 11.0139 11.8083 11.1417C11.6805 11.2695 11.5222 11.3333 11.3333 11.3333C11.1444 11.3333 10.9861 11.2695 10.8583 11.1417C10.7305 11.0139 10.6666 10.8556 10.6666 10.6667Z",fill:"currentColor"})),(20===this.size||24===this.size)&&C(i,{key:"fbcc521407d266b4805650c0e27c89c737bbc980"},C("path",{key:"1b3b2d91c1e4ed88456d389656b087feb0efe63b",d:"M4 17C3.45 17 2.97917 16.8042 2.5875 16.4125C2.19583 16.0208 2 15.55 2 15V9C2 8.45 2.19583 7.97917 2.5875 7.5875C2.97917 7.19583 3.45 7 4 7H9C9.28333 7 9.52083 7.09583 9.7125 7.2875C9.90417 7.47917 10 7.71667 10 8C10 8.28333 9.90417 8.52083 9.7125 8.7125C9.52083 8.90417 9.28333 9 9 9H4V15H8V13H7C6.71667 13 6.47917 12.9042 6.2875 12.7125C6.09583 12.5208 6 12.2833 6 12C6 11.7167 6.09583 11.4792 6.2875 11.2875C6.47917 11.0958 6.71667 11 7 11H9C9.28333 11 9.52083 11.0958 9.7125 11.2875C9.90417 11.4792 10 11.7167 10 12V15C10 15.55 9.80417 16.0208 9.4125 16.4125C9.02083 16.8042 8.55 17 8 17H4ZM12 16V8C12 7.71667 12.0958 7.47917 12.2875 7.2875C12.4792 7.09583 12.7167 7 13 7C13.2833 7 13.5208 7.09583 13.7125 7.2875C13.9042 7.47917 14 7.71667 14 8V16C14 16.2833 13.9042 16.5208 13.7125 16.7125C13.5208 16.9042 13.2833 17 13 17C12.7167 17 12.4792 16.9042 12.2875 16.7125C12.0958 16.5208 12 16.2833 12 16ZM16 16V8C16 7.71667 16.0958 7.47917 16.2875 7.2875C16.4792 7.09583 16.7167 7 17 7H22C22.2833 7 22.5208 7.09583 22.7125 7.2875C22.9042 7.47917 23 7.71667 23 8C23 8.28333 22.9042 8.52083 22.7125 8.7125C22.5208 8.90417 22.2833 9 22 9H18V11H21C21.2833 11 21.5208 11.0958 21.7125 11.2875C21.9042 11.4792 22 11.7167 22 12C22 12.2833 21.9042 12.5208 21.7125 12.7125C21.5208 12.9042 21.2833 13 21 13H18V16C18 16.2833 17.9042 16.5208 17.7125 16.7125C17.5208 16.9042 17.2833 17 17 17C16.7167 17 16.4792 16.9042 16.2875 16.7125C16.0958 16.5208 16 16.2833 16 16Z",fill:"currentColor"})),28===this.size&&C(i,{key:"b99affe122493774872762978fa4c6d40f4aaa28"},C("path",{key:"6e9e006d1c3223141e2178d0efbe98f0c27d93bf",d:"M4.66665 19.8333C4.02498 19.8333 3.47567 19.6049 3.01873 19.1479C2.56179 18.691 2.33331 18.1417 2.33331 17.5V10.5C2.33331 9.85834 2.56179 9.30903 3.01873 8.85209C3.47567 8.39514 4.02498 8.16667 4.66665 8.16667H10.5C10.8305 8.16667 11.1076 8.27848 11.3312 8.50209C11.5548 8.7257 11.6666 9.00278 11.6666 9.33334C11.6666 9.66389 11.5548 9.94098 11.3312 10.1646C11.1076 10.3882 10.8305 10.5 10.5 10.5H4.66665V17.5H9.33331V15.1667H8.16665C7.83609 15.1667 7.55901 15.0549 7.3354 14.8313C7.11178 14.6076 6.99998 14.3306 6.99998 14C6.99998 13.6694 7.11178 13.3924 7.3354 13.1688C7.55901 12.9451 7.83609 12.8333 8.16665 12.8333H10.5C10.8305 12.8333 11.1076 12.9451 11.3312 13.1688C11.5548 13.3924 11.6666 13.6694 11.6666 14V17.5C11.6666 18.1417 11.4382 18.691 10.9812 19.1479C10.5243 19.6049 9.97498 19.8333 9.33331 19.8333H4.66665ZM14 18.6667V9.33334C14 9.00278 14.1118 8.7257 14.3354 8.50209C14.559 8.27848 14.8361 8.16667 15.1666 8.16667C15.4972 8.16667 15.7743 8.27848 15.9979 8.50209C16.2215 8.7257 16.3333 9.00278 16.3333 9.33334V18.6667C16.3333 18.9972 16.2215 19.2743 15.9979 19.4979C15.7743 19.7215 15.4972 19.8333 15.1666 19.8333C14.8361 19.8333 14.559 19.7215 14.3354 19.4979C14.1118 19.2743 14 18.9972 14 18.6667ZM18.6666 18.6667V9.33334C18.6666 9.00278 18.7785 8.7257 19.0021 8.50209C19.2257 8.27848 19.5028 8.16667 19.8333 8.16667H25.6666C25.9972 8.16667 26.2743 8.27848 26.4979 8.50209C26.7215 8.7257 26.8333 9.00278 26.8333 9.33334C26.8333 9.66389 26.7215 9.94098 26.4979 10.1646C26.2743 10.3882 25.9972 10.5 25.6666 10.5H21V12.8333H24.5C24.8305 12.8333 25.1076 12.9451 25.3312 13.1688C25.5548 13.3924 25.6666 13.6694 25.6666 14C25.6666 14.3306 25.5548 14.6076 25.3312 14.8313C25.1076 15.0549 24.8305 15.1667 24.5 15.1667H21V18.6667C21 18.9972 20.8882 19.2743 20.6646 19.4979C20.441 19.7215 20.1639 19.8333 19.8333 19.8333C19.5028 19.8333 19.2257 19.7215 19.0021 19.4979C18.7785 19.2743 18.6666 18.9972 18.6666 18.6667Z",fill:"currentColor"})))}};a.style=":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";const o=class{constructor(C){e(this,C),this.size=24}render(){const e=20===this.size?24:this.size,s={color:Boolean(this.color)?`var(--s-icon-${this.color})`:void 0},a=t("swirl-icon",`swirl-icon--size-${this.size}`);return C("svg",{key:"c307bc08505426b33b7ad21e6bdb85040faf7cc9","aria-hidden":"true",class:a,fill:"none",height:this.size,part:"icon",style:s,viewBox:`0 0 ${e} ${e}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},16===this.size&&C(i,{key:"756e94e09549fde993d9883d899d5128bdff2528"},C("path",{key:"b541524de2bf14c1193279990f87ec4d8c547021",d:"M9.99998 12.6667C9.63331 12.6667 9.31942 12.5362 9.05831 12.275C8.7972 12.0139 8.66665 11.7 8.66665 11.3334V4.66671C8.66665 4.30004 8.7972 3.98615 9.05831 3.72504C9.31942 3.46393 9.63331 3.33337 9.99998 3.33337H11.3333C11.7 3.33337 12.0139 3.46393 12.275 3.72504C12.5361 3.98615 12.6666 4.30004 12.6666 4.66671V11.3334C12.6666 11.7 12.5361 12.0139 12.275 12.275C12.0139 12.5362 11.7 12.6667 11.3333 12.6667H9.99998ZM4.66665 12.6667C4.29998 12.6667 3.98609 12.5362 3.72498 12.275C3.46387 12.0139 3.33331 11.7 3.33331 11.3334V4.66671C3.33331 4.30004 3.46387 3.98615 3.72498 3.72504C3.98609 3.46393 4.29998 3.33337 4.66665 3.33337H5.99998C6.36665 3.33337 6.68054 3.46393 6.94165 3.72504C7.20276 3.98615 7.33331 4.30004 7.33331 4.66671V11.3334C7.33331 11.7 7.20276 12.0139 6.94165 12.275C6.68054 12.5362 6.36665 12.6667 5.99998 12.6667H4.66665ZM9.99998 11.3334H11.3333V4.66671H9.99998V11.3334ZM4.66665 11.3334H5.99998V4.66671H4.66665V11.3334Z",fill:"currentColor"})),(20===this.size||24===this.size)&&C(i,{key:"7f71892e52527ba339db1099688766ed43eb9ab3"},C("path",{key:"6e03baa6c98488008a4db5a81658cc89e3e153dc",d:"M15 19C14.45 19 13.9792 18.8042 13.5875 18.4125C13.1958 18.0208 13 17.55 13 17V7C13 6.45 13.1958 5.97917 13.5875 5.5875C13.9792 5.19583 14.45 5 15 5H17C17.55 5 18.0208 5.19583 18.4125 5.5875C18.8042 5.97917 19 6.45 19 7V17C19 17.55 18.8042 18.0208 18.4125 18.4125C18.0208 18.8042 17.55 19 17 19H15ZM7 19C6.45 19 5.97917 18.8042 5.5875 18.4125C5.19583 18.0208 5 17.55 5 17V7C5 6.45 5.19583 5.97917 5.5875 5.5875C5.97917 5.19583 6.45 5 7 5H9C9.55 5 10.0208 5.19583 10.4125 5.5875C10.8042 5.97917 11 6.45 11 7V17C11 17.55 10.8042 18.0208 10.4125 18.4125C10.0208 18.8042 9.55 19 9 19H7ZM15 17H17V7H15V17ZM7 17H9V7H7V17Z",fill:"currentColor"})),28===this.size&&C(i,{key:"1138f35c91961606621bf05fbb3d7255d547d7ce"},C("path",{key:"5b4f0d9a1a21ae2edaec0674913f7d0d4578fac6",d:"M17.5 22.1667C16.8583 22.1667 16.309 21.9382 15.8521 21.4813C15.3951 21.0243 15.1666 20.475 15.1666 19.8334V8.16671C15.1666 7.52504 15.3951 6.97574 15.8521 6.51879C16.309 6.06185 16.8583 5.83337 17.5 5.83337H19.8333C20.475 5.83337 21.0243 6.06185 21.4812 6.51879C21.9382 6.97574 22.1666 7.52504 22.1666 8.16671V19.8334C22.1666 20.475 21.9382 21.0243 21.4812 21.4813C21.0243 21.9382 20.475 22.1667 19.8333 22.1667H17.5ZM8.16665 22.1667C7.52498 22.1667 6.97567 21.9382 6.51873 21.4813C6.06179 21.0243 5.83331 20.475 5.83331 19.8334V8.16671C5.83331 7.52504 6.06179 6.97574 6.51873 6.51879C6.97567 6.06185 7.52498 5.83337 8.16665 5.83337H10.5C11.1416 5.83337 11.691 6.06185 12.1479 6.51879C12.6048 6.97574 12.8333 7.52504 12.8333 8.16671V19.8334C12.8333 20.475 12.6048 21.0243 12.1479 21.4813C11.691 21.9382 11.1416 22.1667 10.5 22.1667H8.16665ZM17.5 19.8334H19.8333V8.16671H17.5V19.8334ZM8.16665 19.8334H10.5V8.16671H8.16665V19.8334Z",fill:"currentColor"})))}};o.style=":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";const r=class{constructor(C){e(this,C),this.size=24}render(){const e=20===this.size?24:this.size,s={color:Boolean(this.color)?`var(--s-icon-${this.color})`:void 0},a=t("swirl-icon",`swirl-icon--size-${this.size}`);return C("svg",{key:"66992244a295e9d5f616ca6ae6560093d233d60e","aria-hidden":"true",class:a,fill:"none",height:this.size,part:"icon",style:s,viewBox:`0 0 ${e} ${e}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},16===this.size&&C(i,{key:"7dc1cf4ad633381821f94f7c0eb5865c60dd0f13"},C("path",{key:"bc7d9b50834b6f2b53a873e4c1271fb2a3ba8382",d:"M6.34998 12.0167C6.12776 12.1611 5.90265 12.1693 5.67465 12.0413C5.44709 11.9138 5.33331 11.7167 5.33331 11.45V4.55001C5.33331 4.28335 5.44709 4.08601 5.67465 3.95801C5.90265 3.83046 6.12776 3.8389 6.34998 3.98335L11.7833 7.43335C11.9833 7.56668 12.0833 7.75557 12.0833 8.00001C12.0833 8.24446 11.9833 8.43335 11.7833 8.56668L6.34998 12.0167ZM6.66665 10.2333L10.1666 8.00001L6.66665 5.76668V10.2333Z",fill:"currentColor"})),(20===this.size||24===this.size)&&C(i,{key:"4770f157e66c196da093f8443c82bb1dc28e67a3"},C("path",{key:"0fbaf8137b060d0d23d10ebe1450e80091cb6de4",d:"M9.525 18.025C9.19167 18.2416 8.854 18.254 8.512 18.062C8.17067 17.8706 8 17.575 8 17.175V6.82496C8 6.42496 8.17067 6.12896 8.512 5.93696C8.854 5.74562 9.19167 5.75829 9.525 5.97496L17.675 11.15C17.975 11.35 18.125 11.6333 18.125 12C18.125 12.3666 17.975 12.65 17.675 12.85L9.525 18.025ZM10 15.35L15.25 12L10 8.64996V15.35Z",fill:"currentColor"})),28===this.size&&C(i,{key:"0397306a51aa16f3fa33036f44cda4b45c7ac0ae"},C("path",{key:"331a37954d762c468ddb12154b260c27d4cc876a",d:"M11.1125 21.0292C10.7236 21.282 10.3297 21.2964 9.93068 21.0724C9.53245 20.8492 9.33334 20.5042 9.33334 20.0376V7.96255C9.33334 7.49589 9.53245 7.15055 9.93068 6.92655C10.3297 6.70333 10.7236 6.71811 11.1125 6.97089L20.6208 13.0084C20.9708 13.2417 21.1458 13.5723 21.1458 14.0001C21.1458 14.4278 20.9708 14.7584 20.6208 14.9917L11.1125 21.0292ZM11.6667 17.9084L17.7917 14.0001L11.6667 10.0917V17.9084Z",fill:"currentColor"})))}};r.style=":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";const d=class{constructor(C){e(this,C),this.animated=!0,this.borderRadius="base"}render(){const e=t("skeleton-box",`skeleton-box--border-radius-${this.borderRadius}`,{"skeleton-box--static":!this.animated});return C(s,{key:"0766d24e9c6dd8b47f0cde12acc961798539a663",style:{width:Boolean(this.width)||Boolean(this.aspectRatio)?void 0:"100%"}},C("div",{key:"78ef731b5c403dfe74d3034ac8bcef63e0bac16c",class:e,style:{aspectRatio:this.aspectRatio,borderRadius:"pill"!==this.borderRadius&&"none"!==this.borderRadius?`var(--s-border-radius-${this.borderRadius})`:void 0,height:this.height,width:this.width}}))}};d.style=':host{display:block}:host *{box-sizing:border-box}.skeleton-box{position:relative;overflow:hidden;min-height:var(--s-font-size-sm);background-color:var(--s-surface-raised-hovered)}.skeleton-box:before{position:relative;z-index:1;display:block;width:100%;height:100%;background-image:linear-gradient(\n      90deg,\n      rgba(255, 255, 255, 0) 0,\n      rgba(255, 255, 255, 0) 12%,\n      var(--s-surface-raised-default) 50%,\n      rgba(255, 255, 255, 0) 88%,\n      rgba(255, 255, 255, 0) 100%\n    );content:"";transform:translateX(-100%);animation:skeleton-box-shimmer 3s infinite}@keyframes skeleton-box-shimmer{100%{transform:translateX(100%)}}.skeleton-box--static:before{display:none}.skeleton-box--border-radius-pill{border-radius:100rem}.skeleton-box--border-radius-none{border-radius:0}';export{a as swirl_icon_gif,o as swirl_icon_pause,r as swirl_icon_play_arrow,d as swirl_skeleton_box}
+import{r as e,h as C,F as i,H as s}from"./p-CWOhMVtL.js";import{c as t}from"./p-orsBiyT_.js";const a=class{constructor(C){e(this,C),this.size=24}render(){const e=20===this.size?24:this.size,s={color:Boolean(this.color)?`var(--s-icon-${this.color})`:void 0},a=t("swirl-icon",`swirl-icon--size-${this.size}`);return C("svg",{key:"a390ea4f1b48f1c1ed507e0afe313182bbe334db","aria-hidden":"true",class:a,fill:"none",height:this.size,part:"icon",style:s,viewBox:`0 0 ${e} ${e}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},16===this.size&&C(i,{key:"7c226efadece4838fbb08a71925c3a244a743ac8"},C("path",{key:"51c2ee3d02be6363bc77436035a33f27eb1d0393",d:"M2.66665 11.3333C2.29998 11.3333 1.98609 11.2028 1.72498 10.9417C1.46387 10.6806 1.33331 10.3667 1.33331 10V6.00001C1.33331 5.63334 1.46387 5.31945 1.72498 5.05834C1.98609 4.79723 2.29998 4.66667 2.66665 4.66667H5.99998C6.18887 4.66667 6.3472 4.73056 6.47498 4.85834C6.60276 4.98612 6.66665 5.14445 6.66665 5.33334C6.66665 5.52223 6.60276 5.68056 6.47498 5.80834C6.3472 5.93612 6.18887 6.00001 5.99998 6.00001H2.66665V10H5.33331V8.66667H4.66665C4.47776 8.66667 4.31942 8.60278 4.19165 8.47501C4.06387 8.34723 3.99998 8.18889 3.99998 8.00001C3.99998 7.81112 4.06387 7.65278 4.19165 7.52501C4.31942 7.39723 4.47776 7.33334 4.66665 7.33334H5.99998C6.18887 7.33334 6.3472 7.39723 6.47498 7.52501C6.60276 7.65278 6.66665 7.81112 6.66665 8.00001V10C6.66665 10.3667 6.53609 10.6806 6.27498 10.9417C6.01387 11.2028 5.69998 11.3333 5.33331 11.3333H2.66665ZM7.99998 10.6667V5.33334C7.99998 5.14445 8.06387 4.98612 8.19165 4.85834C8.31942 4.73056 8.47776 4.66667 8.66665 4.66667C8.85554 4.66667 9.01387 4.73056 9.14165 4.85834C9.26942 4.98612 9.33331 5.14445 9.33331 5.33334V10.6667C9.33331 10.8556 9.26942 11.0139 9.14165 11.1417C9.01387 11.2695 8.85554 11.3333 8.66665 11.3333C8.47776 11.3333 8.31942 11.2695 8.19165 11.1417C8.06387 11.0139 7.99998 10.8556 7.99998 10.6667ZM10.6666 10.6667V5.33334C10.6666 5.14445 10.7305 4.98612 10.8583 4.85834C10.9861 4.73056 11.1444 4.66667 11.3333 4.66667H14.6666C14.8555 4.66667 15.0139 4.73056 15.1416 4.85834C15.2694 4.98612 15.3333 5.14445 15.3333 5.33334C15.3333 5.52223 15.2694 5.68056 15.1416 5.80834C15.0139 5.93612 14.8555 6.00001 14.6666 6.00001H12V7.33334H14C14.1889 7.33334 14.3472 7.39723 14.475 7.52501C14.6028 7.65278 14.6666 7.81112 14.6666 8.00001C14.6666 8.18889 14.6028 8.34723 14.475 8.47501C14.3472 8.60278 14.1889 8.66667 14 8.66667H12V10.6667C12 10.8556 11.9361 11.0139 11.8083 11.1417C11.6805 11.2695 11.5222 11.3333 11.3333 11.3333C11.1444 11.3333 10.9861 11.2695 10.8583 11.1417C10.7305 11.0139 10.6666 10.8556 10.6666 10.6667Z",fill:"currentColor"})),(20===this.size||24===this.size)&&C(i,{key:"d5563a52bb81160ebe51ba859a019e928d12ab49"},C("path",{key:"aa3493ebb44e0f1daa8bbc084b151ce3b1ce3673",d:"M4 17C3.45 17 2.97917 16.8042 2.5875 16.4125C2.19583 16.0208 2 15.55 2 15V9C2 8.45 2.19583 7.97917 2.5875 7.5875C2.97917 7.19583 3.45 7 4 7H9C9.28333 7 9.52083 7.09583 9.7125 7.2875C9.90417 7.47917 10 7.71667 10 8C10 8.28333 9.90417 8.52083 9.7125 8.7125C9.52083 8.90417 9.28333 9 9 9H4V15H8V13H7C6.71667 13 6.47917 12.9042 6.2875 12.7125C6.09583 12.5208 6 12.2833 6 12C6 11.7167 6.09583 11.4792 6.2875 11.2875C6.47917 11.0958 6.71667 11 7 11H9C9.28333 11 9.52083 11.0958 9.7125 11.2875C9.90417 11.4792 10 11.7167 10 12V15C10 15.55 9.80417 16.0208 9.4125 16.4125C9.02083 16.8042 8.55 17 8 17H4ZM12 16V8C12 7.71667 12.0958 7.47917 12.2875 7.2875C12.4792 7.09583 12.7167 7 13 7C13.2833 7 13.5208 7.09583 13.7125 7.2875C13.9042 7.47917 14 7.71667 14 8V16C14 16.2833 13.9042 16.5208 13.7125 16.7125C13.5208 16.9042 13.2833 17 13 17C12.7167 17 12.4792 16.9042 12.2875 16.7125C12.0958 16.5208 12 16.2833 12 16ZM16 16V8C16 7.71667 16.0958 7.47917 16.2875 7.2875C16.4792 7.09583 16.7167 7 17 7H22C22.2833 7 22.5208 7.09583 22.7125 7.2875C22.9042 7.47917 23 7.71667 23 8C23 8.28333 22.9042 8.52083 22.7125 8.7125C22.5208 8.90417 22.2833 9 22 9H18V11H21C21.2833 11 21.5208 11.0958 21.7125 11.2875C21.9042 11.4792 22 11.7167 22 12C22 12.2833 21.9042 12.5208 21.7125 12.7125C21.5208 12.9042 21.2833 13 21 13H18V16C18 16.2833 17.9042 16.5208 17.7125 16.7125C17.5208 16.9042 17.2833 17 17 17C16.7167 17 16.4792 16.9042 16.2875 16.7125C16.0958 16.5208 16 16.2833 16 16Z",fill:"currentColor"})),28===this.size&&C(i,{key:"2f2b6cbb33dad35e171944d95263321c12ebf893"},C("path",{key:"47315f1650173aa008cc5a6392243fced85ad1e8",d:"M4.66665 19.8333C4.02498 19.8333 3.47567 19.6049 3.01873 19.1479C2.56179 18.691 2.33331 18.1417 2.33331 17.5V10.5C2.33331 9.85834 2.56179 9.30903 3.01873 8.85209C3.47567 8.39514 4.02498 8.16667 4.66665 8.16667H10.5C10.8305 8.16667 11.1076 8.27848 11.3312 8.50209C11.5548 8.7257 11.6666 9.00278 11.6666 9.33334C11.6666 9.66389 11.5548 9.94098 11.3312 10.1646C11.1076 10.3882 10.8305 10.5 10.5 10.5H4.66665V17.5H9.33331V15.1667H8.16665C7.83609 15.1667 7.55901 15.0549 7.3354 14.8313C7.11178 14.6076 6.99998 14.3306 6.99998 14C6.99998 13.6694 7.11178 13.3924 7.3354 13.1688C7.55901 12.9451 7.83609 12.8333 8.16665 12.8333H10.5C10.8305 12.8333 11.1076 12.9451 11.3312 13.1688C11.5548 13.3924 11.6666 13.6694 11.6666 14V17.5C11.6666 18.1417 11.4382 18.691 10.9812 19.1479C10.5243 19.6049 9.97498 19.8333 9.33331 19.8333H4.66665ZM14 18.6667V9.33334C14 9.00278 14.1118 8.7257 14.3354 8.50209C14.559 8.27848 14.8361 8.16667 15.1666 8.16667C15.4972 8.16667 15.7743 8.27848 15.9979 8.50209C16.2215 8.7257 16.3333 9.00278 16.3333 9.33334V18.6667C16.3333 18.9972 16.2215 19.2743 15.9979 19.4979C15.7743 19.7215 15.4972 19.8333 15.1666 19.8333C14.8361 19.8333 14.559 19.7215 14.3354 19.4979C14.1118 19.2743 14 18.9972 14 18.6667ZM18.6666 18.6667V9.33334C18.6666 9.00278 18.7785 8.7257 19.0021 8.50209C19.2257 8.27848 19.5028 8.16667 19.8333 8.16667H25.6666C25.9972 8.16667 26.2743 8.27848 26.4979 8.50209C26.7215 8.7257 26.8333 9.00278 26.8333 9.33334C26.8333 9.66389 26.7215 9.94098 26.4979 10.1646C26.2743 10.3882 25.9972 10.5 25.6666 10.5H21V12.8333H24.5C24.8305 12.8333 25.1076 12.9451 25.3312 13.1688C25.5548 13.3924 25.6666 13.6694 25.6666 14C25.6666 14.3306 25.5548 14.6076 25.3312 14.8313C25.1076 15.0549 24.8305 15.1667 24.5 15.1667H21V18.6667C21 18.9972 20.8882 19.2743 20.6646 19.4979C20.441 19.7215 20.1639 19.8333 19.8333 19.8333C19.5028 19.8333 19.2257 19.7215 19.0021 19.4979C18.7785 19.2743 18.6666 18.9972 18.6666 18.6667Z",fill:"currentColor"})))}};a.style=":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";const o=class{constructor(C){e(this,C),this.size=24}render(){const e=20===this.size?24:this.size,s={color:Boolean(this.color)?`var(--s-icon-${this.color})`:void 0},a=t("swirl-icon",`swirl-icon--size-${this.size}`);return C("svg",{key:"2829d62b4e98f4c4f0ceb238c148aea250dd6477","aria-hidden":"true",class:a,fill:"none",height:this.size,part:"icon",style:s,viewBox:`0 0 ${e} ${e}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},16===this.size&&C(i,{key:"11a67debaf37cb3cfbdd493e0071398b5dfb5022"},C("path",{key:"8dbb784124830e0fe71220efdb9db12d8af49c59",d:"M9.99998 12.6667C9.63331 12.6667 9.31942 12.5362 9.05831 12.275C8.7972 12.0139 8.66665 11.7 8.66665 11.3334V4.66671C8.66665 4.30004 8.7972 3.98615 9.05831 3.72504C9.31942 3.46393 9.63331 3.33337 9.99998 3.33337H11.3333C11.7 3.33337 12.0139 3.46393 12.275 3.72504C12.5361 3.98615 12.6666 4.30004 12.6666 4.66671V11.3334C12.6666 11.7 12.5361 12.0139 12.275 12.275C12.0139 12.5362 11.7 12.6667 11.3333 12.6667H9.99998ZM4.66665 12.6667C4.29998 12.6667 3.98609 12.5362 3.72498 12.275C3.46387 12.0139 3.33331 11.7 3.33331 11.3334V4.66671C3.33331 4.30004 3.46387 3.98615 3.72498 3.72504C3.98609 3.46393 4.29998 3.33337 4.66665 3.33337H5.99998C6.36665 3.33337 6.68054 3.46393 6.94165 3.72504C7.20276 3.98615 7.33331 4.30004 7.33331 4.66671V11.3334C7.33331 11.7 7.20276 12.0139 6.94165 12.275C6.68054 12.5362 6.36665 12.6667 5.99998 12.6667H4.66665ZM9.99998 11.3334H11.3333V4.66671H9.99998V11.3334ZM4.66665 11.3334H5.99998V4.66671H4.66665V11.3334Z",fill:"currentColor"})),(20===this.size||24===this.size)&&C(i,{key:"e186f632e2a1a4c340d97c126767ff660f42c040"},C("path",{key:"2500091c65d4c48a6b2c08733fca03fe81bf91db",d:"M15 19C14.45 19 13.9792 18.8042 13.5875 18.4125C13.1958 18.0208 13 17.55 13 17V7C13 6.45 13.1958 5.97917 13.5875 5.5875C13.9792 5.19583 14.45 5 15 5H17C17.55 5 18.0208 5.19583 18.4125 5.5875C18.8042 5.97917 19 6.45 19 7V17C19 17.55 18.8042 18.0208 18.4125 18.4125C18.0208 18.8042 17.55 19 17 19H15ZM7 19C6.45 19 5.97917 18.8042 5.5875 18.4125C5.19583 18.0208 5 17.55 5 17V7C5 6.45 5.19583 5.97917 5.5875 5.5875C5.97917 5.19583 6.45 5 7 5H9C9.55 5 10.0208 5.19583 10.4125 5.5875C10.8042 5.97917 11 6.45 11 7V17C11 17.55 10.8042 18.0208 10.4125 18.4125C10.0208 18.8042 9.55 19 9 19H7ZM15 17H17V7H15V17ZM7 17H9V7H7V17Z",fill:"currentColor"})),28===this.size&&C(i,{key:"1a1d9aa8dc2137a9ad009695208a61746fadcb00"},C("path",{key:"35bb0717e90a43d930c4f4e055ed3cbb55de03dc",d:"M17.5 22.1667C16.8583 22.1667 16.309 21.9382 15.8521 21.4813C15.3951 21.0243 15.1666 20.475 15.1666 19.8334V8.16671C15.1666 7.52504 15.3951 6.97574 15.8521 6.51879C16.309 6.06185 16.8583 5.83337 17.5 5.83337H19.8333C20.475 5.83337 21.0243 6.06185 21.4812 6.51879C21.9382 6.97574 22.1666 7.52504 22.1666 8.16671V19.8334C22.1666 20.475 21.9382 21.0243 21.4812 21.4813C21.0243 21.9382 20.475 22.1667 19.8333 22.1667H17.5ZM8.16665 22.1667C7.52498 22.1667 6.97567 21.9382 6.51873 21.4813C6.06179 21.0243 5.83331 20.475 5.83331 19.8334V8.16671C5.83331 7.52504 6.06179 6.97574 6.51873 6.51879C6.97567 6.06185 7.52498 5.83337 8.16665 5.83337H10.5C11.1416 5.83337 11.691 6.06185 12.1479 6.51879C12.6048 6.97574 12.8333 7.52504 12.8333 8.16671V19.8334C12.8333 20.475 12.6048 21.0243 12.1479 21.4813C11.691 21.9382 11.1416 22.1667 10.5 22.1667H8.16665ZM17.5 19.8334H19.8333V8.16671H17.5V19.8334ZM8.16665 19.8334H10.5V8.16671H8.16665V19.8334Z",fill:"currentColor"})))}};o.style=":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";const r=class{constructor(C){e(this,C),this.size=24}render(){const e=20===this.size?24:this.size,s={color:Boolean(this.color)?`var(--s-icon-${this.color})`:void 0},a=t("swirl-icon",`swirl-icon--size-${this.size}`);return C("svg",{key:"aea62106fba437925f1a60f16c4622e289b7d182","aria-hidden":"true",class:a,fill:"none",height:this.size,part:"icon",style:s,viewBox:`0 0 ${e} ${e}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},16===this.size&&C(i,{key:"4843d3fea40b990b866bb0462db5dd94402271d1"},C("path",{key:"9ecd2b484196b4110c31b76eda46ce5dbd889a76",d:"M6.34998 12.0167C6.12776 12.1611 5.90265 12.1693 5.67465 12.0413C5.44709 11.9138 5.33331 11.7167 5.33331 11.45V4.55001C5.33331 4.28335 5.44709 4.08601 5.67465 3.95801C5.90265 3.83046 6.12776 3.8389 6.34998 3.98335L11.7833 7.43335C11.9833 7.56668 12.0833 7.75557 12.0833 8.00001C12.0833 8.24446 11.9833 8.43335 11.7833 8.56668L6.34998 12.0167ZM6.66665 10.2333L10.1666 8.00001L6.66665 5.76668V10.2333Z",fill:"currentColor"})),(20===this.size||24===this.size)&&C(i,{key:"0de311022dc81dabe3c8f79129ad3c06b06dad6e"},C("path",{key:"f6ab96484719a6926d21f8d77f245dda86525aa1",d:"M9.525 18.025C9.19167 18.2416 8.854 18.254 8.512 18.062C8.17067 17.8706 8 17.575 8 17.175V6.82496C8 6.42496 8.17067 6.12896 8.512 5.93696C8.854 5.74562 9.19167 5.75829 9.525 5.97496L17.675 11.15C17.975 11.35 18.125 11.6333 18.125 12C18.125 12.3666 17.975 12.65 17.675 12.85L9.525 18.025ZM10 15.35L15.25 12L10 8.64996V15.35Z",fill:"currentColor"})),28===this.size&&C(i,{key:"390a538dd5a064bdc4d840c46be12c2778e3a755"},C("path",{key:"a10f07bb31075fafdd3e25613cbb41f2cc63b487",d:"M11.1125 21.0292C10.7236 21.282 10.3297 21.2964 9.93068 21.0724C9.53245 20.8492 9.33334 20.5042 9.33334 20.0376V7.96255C9.33334 7.49589 9.53245 7.15055 9.93068 6.92655C10.3297 6.70333 10.7236 6.71811 11.1125 6.97089L20.6208 13.0084C20.9708 13.2417 21.1458 13.5723 21.1458 14.0001C21.1458 14.4278 20.9708 14.7584 20.6208 14.9917L11.1125 21.0292ZM11.6667 17.9084L17.7917 14.0001L11.6667 10.0917V17.9084Z",fill:"currentColor"})))}};r.style=":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";const d=class{constructor(C){e(this,C),this.animated=!0,this.borderRadius="base"}render(){const e=t("skeleton-box",`skeleton-box--border-radius-${this.borderRadius}`,{"skeleton-box--static":!this.animated});return C(s,{key:"5493575e41b47cad7fa586147a19261c1e859c0f",style:{width:Boolean(this.width)||Boolean(this.aspectRatio)?void 0:"100%"}},C("div",{key:"432dba06162add0a28fc02c25983f1f027a47023",class:e,style:{aspectRatio:this.aspectRatio,borderRadius:"pill"!==this.borderRadius&&"none"!==this.borderRadius?`var(--s-border-radius-${this.borderRadius})`:void 0,height:this.height,width:this.width}}))}};d.style=':host{display:block}:host *{box-sizing:border-box}.skeleton-box{position:relative;overflow:hidden;min-height:var(--s-font-size-sm);background-color:var(--s-surface-raised-hovered)}.skeleton-box:before{position:relative;z-index:1;display:block;width:100%;height:100%;background-image:linear-gradient(\n      90deg,\n      rgba(255, 255, 255, 0) 0,\n      rgba(255, 255, 255, 0) 12%,\n      var(--s-surface-raised-default) 50%,\n      rgba(255, 255, 255, 0) 88%,\n      rgba(255, 255, 255, 0) 100%\n    );content:"";transform:translateX(-100%);animation:skeleton-box-shimmer 3s infinite}@keyframes skeleton-box-shimmer{100%{transform:translateX(100%)}}.skeleton-box--static:before{display:none}.skeleton-box--border-radius-pill{border-radius:100rem}.skeleton-box--border-radius-none{border-radius:0}';export{a as swirl_icon_gif,o as swirl_icon_pause,r as swirl_icon_play_arrow,d as swirl_skeleton_box}

package/dist/swirl-components/{p-a8643884.entry.js → p-8cfb4c27.entry.js}

@@ -1 +1 @@
-import{r as e,c as i,f as t,h as r,F as s,H as o,d as a}from"./p-CWOhMVtL.js";import{c as n}from"./p-orsBiyT_.js";import{S as h}from"./p-CMrz6687.js";import{t as d}from"./p-BkSXzL50.js";const l=class{constructor(t){e(this,t),this.dropTreeViewItem=i(this,"dropTreeViewItem",7),this.expandedChange=i(this,"expandedChange",7),this.itemSelected=i(this,"itemSelected",7),this.startKeyboardMoveEvent=i(this,"startKeyboardMove",7),this.endKeyboardMoveEvent=i(this,"endKeyboardMove",7),this.keyboardMoveEvent=i(this,"keyboardMove",7),this.expandable=!0,this.cannotKeyboardDropInCurrentPosition=!1,this.dragDropItemSelector="swirl-tree-view-item",this.enableDragDrop=!1,this.expanded=!1,this.level=0,this.movingViaKeyboard=!1,this.selected=!1,this.onFocus=()=>{this.selected||"tree"!==this.getSemantics()||this.select()},this.onKeyDown=e=>{if("Space"===e.code)return e.preventDefault(),void this.toggleKeyboardMove();this.movingViaKeyboard&&("ArrowDown"===e.code?(e.preventDefault(),e.stopPropagation(),this.moveItem("down")):"ArrowUp"===e.code&&(e.preventDefault(),e.stopPropagation(),this.moveItem("up")))},this.onClickCollapse=e=>{e.preventDefault(),e.stopPropagation(),this.collapse()},this.onClickExpand=e=>{e.preventDefault(),e.stopPropagation(),this.expand()}}componentWillLoad(){this.updateLevel();const e=this.el.closest("swirl-tree-view");this.enableDragDrop=e?.enableDragDrop,this.canDrop=e?.canDrop,this.dragDropItemSelector=e?.dragDropItemSelector}componentDidLoad(){this.setUpDragDrop()}async expand(){!this.expanded&&this.expandable&&"tree"===this.getSemantics()&&(this.expanded=!0,this.expandedChange.emit(this.expanded))}async collapse(){this.expanded&&this.expandable&&"tree"===this.getSemantics()&&(this.expanded=!1,this.expandedChange.emit(this.expanded))}async select(e){"tree"===this.getSemantics()&&(this.selected=!0,e&&this.link?.focus(),this.itemSelected.emit(this.el))}async unselect(){"tree"===this.getSemantics()&&(this.selected=!1)}setUpDragDrop(){this.sortable&&(this.sortable.destroy(),this.sortable=void 0),this.enableDragDrop&&this.childList&&(this.sortable=new h(this.childList,{...d,draggable:this.dragDropItemSelector,onMove:e=>"function"!=typeof this.canDrop||this.canDrop({parentId:e.to.closest("swirl-tree-view-item")?.itemId,position:Math.max(Array.from(e.to.children).indexOf(e.related),0)}),onStart:e=>{d.onStart?.(e)},onEnd:e=>{e.stopPropagation(),d.onEnd?.(e);const{from:i,to:t,newIndex:r,oldIndex:s,item:o}=e,a=i.closest("swirl-tree-view-item")?.itemId,n=t.closest("swirl-tree-view-item")?.itemId;this.dropTreeViewItem.emit({newIndex:r,oldIndex:s,item:o,itemId:o.id??o.querySelector(":scope > swirl-tree-view-item").id,newNextSiblingItemId:r<t.children.length-1?t.children[r+1].id:void 0,newPrevSiblingItemId:r>0?t.children[r-1].id:void 0,sourceParentItemId:a,targetParentItemId:n})}}))}updateLevel(){let e=this.el.parentElement?.closest("swirl-tree-view-item");for(;Boolean(e);)this.level+=1,e=e.parentElement?.closest("swirl-tree-view-item")}getItemContext(){const e=this.getParentTreeViewItem()??this.el.closest("swirl-tree-view"),i=Array.from(e.querySelectorAll(`\n        :scope > .tree-view-item > .tree-view-item__children > ${this.dragDropItemSelector},\n        :scope > .tree-view > ${this.dragDropItemSelector}\n      `));return{canDrop:!this.cannotKeyboardDropInCurrentPosition,parent:e,position:i.indexOf(this.el),siblingCount:i.length}}getParentItem(){return this.getElementToMove().parentElement.closest(this.dragDropItemSelector)}getParentTreeViewItem(){return this.el.parentElement.closest("swirl-tree-view-item")}getElementToMove(){return this.dragDropItemSelector?this.el.closest(this.dragDropItemSelector):this.el}getKeyboardMoveEventData(){const{canDrop:e,parent:i,position:t,siblingCount:r}=this.getItemContext();if(i)return{canDrop:e,parentLabel:i.label,childrenCount:r,itemLabel:this.label,position:t}}toggleKeyboardMove(){this.movingViaKeyboard?this.endKeyboardMove():this.startKeyboardMove()}endKeyboardMove(){const{parent:e,position:i}=this.getItemContext();if("function"==typeof this.canDrop&&!this.canDrop({parentId:e.id,position:i}))return;this.movingViaKeyboard=!1;const t=this.getKeyboardMoveEventData();t&&(this.endKeyboardMoveEvent.emit(t),this.dropTreeViewItem.emit({item:this.getElementToMove(),itemId:this.itemId,newIndex:i,oldIndex:this.positionBeforeKeyboardMove.position,newNextSiblingItemId:t.position<t.childrenCount-1?this.getElementToMove().nextElementSibling?.id:void 0,newPrevSiblingItemId:t.position>0?this.getElementToMove().previousElementSibling?.id:void 0,sourceParentItemId:this.positionBeforeKeyboardMove.parent.id??void 0,targetParentItemId:this.getParentItem()?.id}))}startKeyboardMove(){if(this.disableDrag)return;const{parent:e,position:i}=this.getItemContext();this.positionBeforeKeyboardMove={parent:e,position:i},this.movingViaKeyboard=!0;const t=this.getKeyboardMoveEventData();t&&this.startKeyboardMoveEvent.emit(t)}moveItem(e){const i=this.getElementToMove(),r=this.getParentItem(),s=this.getParentTreeViewItem();if("down"===e){const e=i.nextElementSibling;if(e){e.querySelector(".tree-view-item__children").prepend(i),s&&t(s);const r="SWIRL-TREE-VIEW-ITEM"===e.tagName?e:e.querySelector("swirl-tree-view-item");t(r),r.expand()}else r&&(r.parentElement.insertBefore(i,r.nextElementSibling),s&&t(s))}else if("up"===e){const e=i.previousElementSibling;if(e){e.querySelector(".tree-view-item__children").appendChild(i),s&&t(s);const r="SWIRL-TREE-VIEW-ITEM"===e.tagName?e:e.querySelector("swirl-tree-view-item");t(r),r.expand()}else r&&(r.parentElement.insertBefore(i,r),s&&t(s))}requestAnimationFrame((()=>{this.link.focus()})),this.checkKeyboardDropStatus();const o=this.getKeyboardMoveEventData();o&&this.keyboardMoveEvent.emit(o)}checkKeyboardDropStatus(){const{parent:e,position:i}=this.getItemContext();if("function"!=typeof this.canDrop)this.cannotKeyboardDropInCurrentPosition=!1;else{const t=this.canDrop({parentId:e.id,position:i});this.cannotKeyboardDropInCurrentPosition=!t}}getSemantics(){return this.el.closest('[role="tree"]')?"tree":"list"}render(){const e=Boolean(this.el.querySelector("swirl-tree-view-item")),i=Boolean(this.el.querySelector('[slot="tags"]')),t=Boolean(this.icon)&&/\p{Extended_Pictographic}/u.test(this.icon),a=this.enableDragDrop&&!e,h=this.getSemantics(),d=this.expanded||"tree"!==h,l="tree"===h?this.selected?0:-1:void 0,c="tree"===h?"li":"div",v=n("tree-view-item",{"tree-view-item--active":this.active,"tree-view-item--cannot-keyboard-drop":this.cannotKeyboardDropInCurrentPosition,"tree-view-item--moving-via-keyboard":this.movingViaKeyboard,"tree-view-item--disable-drag":this.disableDrag,"tree-view-item--has-tags":i});return r(o,{key:"c68c5a13aca8fa7fa733629279f11c1dc0528870",id:this.itemId,role:"tree"===h?"none":"listitem"},r(c,{key:"40b756080539d584fa99f671ebdaf078ef729010",class:v,role:"tree"===h?"none":void 0},r("a",{key:"f9db5e722e20bfa566d79c28995e2c99be21c466","aria-current":this.active?"page":void 0,"aria-expanded":e&&"tree"===h?String(d):void 0,"aria-level":"tree"===h?this.level+1:void 0,"aria-owns":e&&"tree"===h?`${this.itemId}-children`:void 0,"aria-selected":"tree"===h?String(this.selected):void 0,class:"tree-view-item__link",href:this.href,onFocus:this.onFocus,onKeyDown:this.onKeyDown,ref:e=>this.link=e,role:"tree"===h?"treeitem":void 0,tabIndex:l},!this.disableDrag&&this.enableDragDrop&&r("span",{key:"432dfb7398abb9a954bb8d612bb4f4212a2b7642",class:"tree-view-item__drag-handle"},r("swirl-icon-drag-handle",{key:"01bc68f0c459247e21154d4bf37b90d98cf0dbc7",size:20})),this.expandable&&"tree"===h&&r("span",{key:"54de776c869a0705e629f923ce2919b855ea49bc",class:"tree-view-item__toggle-icon"},e&&r(s,{key:"d19607cd33b1caa4ef1bfcaf928ae0529a5d9672"},d?r("swirl-icon-expand-more",{onClick:this.onClickCollapse,size:24}):r("swirl-icon-chevron-right",{onClick:this.onClickExpand,size:24}))),Boolean(this.icon)&&r(s,{key:"c3b1ad10734ba61328ccbc04b20b69509c5cba17"},r("span",{key:"e1b60f39411b78b7531bb4d47d84ce7fefc86500",class:"tree-view-item__icon"},t?this.icon:r("swirl-icon",{glyph:this.icon,size:24,color:this.iconColor}))),r("span",{key:"8989e21fc167a67a1c3c6eb95105027ad98f7279",class:"tree-view-item__label"},this.label),r("span",{key:"5f2721c78ba4899371b08b70eafdd8b612e0e6c4",class:"tree-view-item__tags"},r("slot",{key:"55e723f67fac9332287529df25a401c151d82ad2",name:"tags"}))),r("ul",{key:"e7031518fd8c07ee49fd43e6bd75d528b911b9a2","aria-label":this.label,class:"tree-view-item__children "+(a?"tree-view-item__children--drop-zone":""),id:`${this.itemId}-children`,ref:e=>this.childList=e,role:"tree"===h?"group":void 0,style:{display:d&&e||a?void 0:"none"}},r("slot",{key:"99d4fed4a0c7eddb1fd05823bc99e27f5e1d46e1"}))))}get el(){return a(this)}};l.style="swirl-tree-view-item{display:block;flex-grow:1}swirl-tree-view-item *{box-sizing:border-box}.tree-view-item{list-style:none}.tree-view-item--chosen.tree-view-item--drag:not(.tree-view-item--ghost){border-radius:var(--s-border-radius-sm);box-shadow:var(--s-shadow-level-3)}.tree-view-item--chosen.tree-view-item--drag:not(.tree-view-item--ghost) .tree-view-item__link{background-color:var(--s-background-default)}.tree-view-item--chosen.tree-view-item--drag:not(.tree-view-item--ghost) .tree-view-item__link:hover .tree-view-item__drag-handle{opacity:0}.tree-view-item--ghost{border:var(--s-border-width-default) solid var(--s-border-highlight);border-radius:var(--s-border-radius-sm)}.tree-view-item--ghost .tree-view-item__link:hover .tree-view-item__drag-handle{opacity:0}.tree-view-item--moving-via-keyboard{position:relative;z-index:1;border:var(--s-border-width-default) solid var(--s-border-highlight);border-radius:var(--s-border-radius-sm);box-shadow:var(--s-shadow-level-3)}.tree-view-item--moving-via-keyboard .tree-view-item__link{background-color:var(--s-background-default)}.tree-view-item--moving-via-keyboard .tree-view-item__link:focus-visible{outline:none}.tree-view-item--cannot-keyboard-drop{opacity:0.5}.tree-view-item--active>.tree-view-item__link{background-color:var(--s-background-hovered)}.tree-view-item--has-tags .tree-view-item__tags{display:flex}.tree-view-item__children{display:flex;margin:0;padding:0 0 0 var(--s-space-12);padding-top:var(--s-space-2);flex-direction:column;gap:var(--s-space-2)}.tree-view-item__children--drop-zone{min-height:0.5rem;margin-top:-0.5rem}.tree-view-item__link{display:flex;height:2.25rem;padding:var(--s-space-4) var(--s-space-8);align-items:center;border-radius:var(--s-border-radius-sm);color:var(--s-text-default);background-color:var(--s-background-default);font-size:var(--s-font-size-base);font-weight:var(--s-font-weight-medium);text-decoration:none;gap:var(--s-space-4)}.tree-view-item__link:hover{background-color:var(--s-background-hovered)}.tree-view-item__link:hover .tree-view-item__drag-handle{opacity:1}.tree-view-item__link:active{background-color:var(--s-background-pressed)}.tree-view-item__link:focus:not(:focus-visible){outline:none}.tree-view-item__link:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.tree-view-item__link{font-size:var(--s-font-size-sm)}}.tree-view-item__drag-handle{display:inline-flex;flex-shrink:0;cursor:grab;opacity:0}.tree-view-item__drag-handle:active{cursor:grabbing}.tree-view-item__icon{display:block;width:1.5rem;height:1.5rem;margin-right:var(--s-space-4);flex-grow:0;flex-shrink:0;color:var(--s-icon-default);font-size:var(--s-font-size-lg)}.tree-view-item__icon ::part(icon){width:100%;height:100%}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.tree-view-item__icon{width:1.25rem;height:1.25rem;font-size:var(--s-font-size-base)}}.tree-view-item__toggle-icon{display:block;width:1.5rem;height:1.5rem;flex-grow:0;flex-shrink:0;color:var(--s-icon-default)}.tree-view-item__toggle-icon ::part(icon){width:100%;height:100%}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.tree-view-item__toggle-icon{width:1.25rem;height:1.25rem}}.tree-view-item__label{overflow:hidden;min-width:5rem;flex-grow:1;white-space:nowrap;text-overflow:ellipsis}.tree-view-item__tags{display:none;padding-left:var(--s-space-4);align-items:center;gap:var(--s-space-4)}";export{l as swirl_tree_view_item}
+import{r as e,c as i,f as t,h as r,F as s,H as o,d as a}from"./p-CWOhMVtL.js";import{c as n}from"./p-orsBiyT_.js";import{S as h}from"./p-CMrz6687.js";import{t as d}from"./p-BkSXzL50.js";const l=class{constructor(t){e(this,t),this.dropTreeViewItem=i(this,"dropTreeViewItem",7),this.expandedChange=i(this,"expandedChange",7),this.itemSelected=i(this,"itemSelected",7),this.startKeyboardMoveEvent=i(this,"startKeyboardMove",7),this.endKeyboardMoveEvent=i(this,"endKeyboardMove",7),this.keyboardMoveEvent=i(this,"keyboardMove",7),this.expandable=!0,this.cannotKeyboardDropInCurrentPosition=!1,this.dragDropItemSelector="swirl-tree-view-item",this.enableDragDrop=!1,this.expanded=!1,this.level=0,this.movingViaKeyboard=!1,this.selected=!1,this.onFocus=()=>{this.selected||"tree"!==this.getSemantics()||this.select()},this.onKeyDown=e=>{if("Space"===e.code)return e.preventDefault(),void this.toggleKeyboardMove();this.movingViaKeyboard&&("ArrowDown"===e.code?(e.preventDefault(),e.stopPropagation(),this.moveItem("down")):"ArrowUp"===e.code&&(e.preventDefault(),e.stopPropagation(),this.moveItem("up")))},this.onClickCollapse=e=>{e.preventDefault(),e.stopPropagation(),this.collapse()},this.onClickExpand=e=>{e.preventDefault(),e.stopPropagation(),this.expand()}}componentWillLoad(){this.updateLevel();const e=this.el.closest("swirl-tree-view");this.enableDragDrop=e?.enableDragDrop,this.canDrop=e?.canDrop,this.dragDropItemSelector=e?.dragDropItemSelector}componentDidLoad(){this.setUpDragDrop()}async expand(){!this.expanded&&this.expandable&&"tree"===this.getSemantics()&&(this.expanded=!0,this.expandedChange.emit(this.expanded))}async collapse(){this.expanded&&this.expandable&&"tree"===this.getSemantics()&&(this.expanded=!1,this.expandedChange.emit(this.expanded))}async select(e){"tree"===this.getSemantics()&&(this.selected=!0,e&&this.link?.focus(),this.itemSelected.emit(this.el))}async unselect(){"tree"===this.getSemantics()&&(this.selected=!1)}setUpDragDrop(){this.sortable&&(this.sortable.destroy(),this.sortable=void 0),this.enableDragDrop&&this.childList&&(this.sortable=new h(this.childList,{...d,draggable:this.dragDropItemSelector,onMove:e=>"function"!=typeof this.canDrop||this.canDrop({parentId:e.to.closest("swirl-tree-view-item")?.itemId,position:Math.max(Array.from(e.to.children).indexOf(e.related),0)}),onStart:e=>{d.onStart?.(e)},onEnd:e=>{e.stopPropagation(),d.onEnd?.(e);const{from:i,to:t,newIndex:r,oldIndex:s,item:o}=e,a=i.closest("swirl-tree-view-item")?.itemId,n=t.closest("swirl-tree-view-item")?.itemId;this.dropTreeViewItem.emit({newIndex:r,oldIndex:s,item:o,itemId:o.id??o.querySelector(":scope > swirl-tree-view-item").id,newNextSiblingItemId:r<t.children.length-1?t.children[r+1].id:void 0,newPrevSiblingItemId:r>0?t.children[r-1].id:void 0,sourceParentItemId:a,targetParentItemId:n})}}))}updateLevel(){let e=this.el.parentElement?.closest("swirl-tree-view-item");for(;Boolean(e);)this.level+=1,e=e.parentElement?.closest("swirl-tree-view-item")}getItemContext(){const e=this.getParentTreeViewItem()??this.el.closest("swirl-tree-view"),i=Array.from(e.querySelectorAll(`\n        :scope > .tree-view-item > .tree-view-item__children > ${this.dragDropItemSelector},\n        :scope > .tree-view > ${this.dragDropItemSelector}\n      `));return{canDrop:!this.cannotKeyboardDropInCurrentPosition,parent:e,position:i.indexOf(this.el),siblingCount:i.length}}getParentItem(){return this.getElementToMove().parentElement.closest(this.dragDropItemSelector)}getParentTreeViewItem(){return this.el.parentElement.closest("swirl-tree-view-item")}getElementToMove(){return this.dragDropItemSelector?this.el.closest(this.dragDropItemSelector):this.el}getKeyboardMoveEventData(){const{canDrop:e,parent:i,position:t,siblingCount:r}=this.getItemContext();if(i)return{canDrop:e,parentLabel:i.label,childrenCount:r,itemLabel:this.label,position:t}}toggleKeyboardMove(){this.movingViaKeyboard?this.endKeyboardMove():this.startKeyboardMove()}endKeyboardMove(){const{parent:e,position:i}=this.getItemContext();if("function"==typeof this.canDrop&&!this.canDrop({parentId:e.id,position:i}))return;this.movingViaKeyboard=!1;const t=this.getKeyboardMoveEventData();t&&(this.endKeyboardMoveEvent.emit(t),this.dropTreeViewItem.emit({item:this.getElementToMove(),itemId:this.itemId,newIndex:i,oldIndex:this.positionBeforeKeyboardMove.position,newNextSiblingItemId:t.position<t.childrenCount-1?this.getElementToMove().nextElementSibling?.id:void 0,newPrevSiblingItemId:t.position>0?this.getElementToMove().previousElementSibling?.id:void 0,sourceParentItemId:this.positionBeforeKeyboardMove.parent.id??void 0,targetParentItemId:this.getParentItem()?.id}))}startKeyboardMove(){if(this.disableDrag)return;const{parent:e,position:i}=this.getItemContext();this.positionBeforeKeyboardMove={parent:e,position:i},this.movingViaKeyboard=!0;const t=this.getKeyboardMoveEventData();t&&this.startKeyboardMoveEvent.emit(t)}moveItem(e){const i=this.getElementToMove(),r=this.getParentItem(),s=this.getParentTreeViewItem();if("down"===e){const e=i.nextElementSibling;if(e){e.querySelector(".tree-view-item__children").prepend(i),s&&t(s);const r="SWIRL-TREE-VIEW-ITEM"===e.tagName?e:e.querySelector("swirl-tree-view-item");t(r),r.expand()}else r&&(r.parentElement.insertBefore(i,r.nextElementSibling),s&&t(s))}else if("up"===e){const e=i.previousElementSibling;if(e){e.querySelector(".tree-view-item__children").appendChild(i),s&&t(s);const r="SWIRL-TREE-VIEW-ITEM"===e.tagName?e:e.querySelector("swirl-tree-view-item");t(r),r.expand()}else r&&(r.parentElement.insertBefore(i,r),s&&t(s))}requestAnimationFrame((()=>{this.link.focus()})),this.checkKeyboardDropStatus();const o=this.getKeyboardMoveEventData();o&&this.keyboardMoveEvent.emit(o)}checkKeyboardDropStatus(){const{parent:e,position:i}=this.getItemContext();if("function"!=typeof this.canDrop)this.cannotKeyboardDropInCurrentPosition=!1;else{const t=this.canDrop({parentId:e.id,position:i});this.cannotKeyboardDropInCurrentPosition=!t}}getSemantics(){return this.el.closest('[role="tree"]')?"tree":"list"}render(){const e=Boolean(this.el.querySelector("swirl-tree-view-item")),i=Boolean(this.el.querySelector('[slot="tags"]')),t=Boolean(this.icon)&&/\p{Extended_Pictographic}/u.test(this.icon),a=this.enableDragDrop&&!e,h=this.getSemantics(),d=this.expanded||"tree"!==h,l="tree"===h?this.selected?0:-1:void 0,c="tree"===h?"li":"div",v=n("tree-view-item",{"tree-view-item--active":this.active,"tree-view-item--cannot-keyboard-drop":this.cannotKeyboardDropInCurrentPosition,"tree-view-item--moving-via-keyboard":this.movingViaKeyboard,"tree-view-item--disable-drag":this.disableDrag,"tree-view-item--has-tags":i});return r(o,{key:"d085c2b88c107c203ce428a67712da04323f8e24",id:this.itemId,role:"tree"===h?"none":"listitem"},r(c,{key:"b0ad24c16fcf8e64fac7f76720ad474f34a25aab",class:v,role:"tree"===h?"none":void 0},r("a",{key:"1df2bdeb1171dd86c2439d0e475ccd5f9b3d8ca5","aria-current":this.active?"page":void 0,"aria-expanded":e&&"tree"===h?String(d):void 0,"aria-level":"tree"===h?this.level+1:void 0,"aria-owns":e&&"tree"===h?`${this.itemId}-children`:void 0,"aria-selected":"tree"===h?String(this.selected):void 0,class:"tree-view-item__link",href:this.href,onFocus:this.onFocus,onKeyDown:this.onKeyDown,ref:e=>this.link=e,role:"tree"===h?"treeitem":void 0,tabIndex:l},!this.disableDrag&&this.enableDragDrop&&r("span",{key:"c1a7d0fd676447956630dcc37569fb0830c2099a",class:"tree-view-item__drag-handle"},r("swirl-icon-drag-handle",{key:"44d0850b2d47787d97d405a554f518a1428290fd",size:20})),this.expandable&&"tree"===h&&r("span",{key:"0f52b403d04a371971c985900e18c7bd6f5f1f5e",class:"tree-view-item__toggle-icon"},e&&r(s,{key:"ed7c79bbedfddcd631404f6b910b7a3b0320a829"},d?r("swirl-icon-expand-more",{onClick:this.onClickCollapse,size:24}):r("swirl-icon-chevron-right",{onClick:this.onClickExpand,size:24}))),Boolean(this.icon)&&r(s,{key:"95353c0276d3629919a19952490b50c4f79674bf"},r("span",{key:"4c73f3ecef5022087a72874912003a2abad5d221",class:"tree-view-item__icon"},t?this.icon:r("swirl-icon",{glyph:this.icon,size:24,color:this.iconColor}))),r("span",{key:"061dc160720af1c7e22339a10297e42c7c241007",class:"tree-view-item__label"},this.label),r("span",{key:"4bacb2b0968245f5c4a9e84a010653bf6513efdf",class:"tree-view-item__tags"},r("slot",{key:"f3cc5dda408a78092033ecc1bf305e8a55241870",name:"tags"}))),r("ul",{key:"c845651262d91941a9748d2b0412104c75485874","aria-label":this.label,class:"tree-view-item__children "+(a?"tree-view-item__children--drop-zone":""),id:`${this.itemId}-children`,ref:e=>this.childList=e,role:"tree"===h?"group":void 0,style:{display:d&&e||a?void 0:"none"}},r("slot",{key:"dfffc7c21716f9c00da9c2e6224daced78ba3ad2"}))))}get el(){return a(this)}};l.style="swirl-tree-view-item{display:block;flex-grow:1}swirl-tree-view-item *{box-sizing:border-box}.tree-view-item{list-style:none}.tree-view-item--chosen.tree-view-item--drag:not(.tree-view-item--ghost){border-radius:var(--s-border-radius-sm);box-shadow:var(--s-shadow-level-3)}.tree-view-item--chosen.tree-view-item--drag:not(.tree-view-item--ghost) .tree-view-item__link{background-color:var(--s-background-default)}.tree-view-item--chosen.tree-view-item--drag:not(.tree-view-item--ghost) .tree-view-item__link:hover .tree-view-item__drag-handle{opacity:0}.tree-view-item--ghost{border:var(--s-border-width-default) solid var(--s-border-highlight);border-radius:var(--s-border-radius-sm)}.tree-view-item--ghost .tree-view-item__link:hover .tree-view-item__drag-handle{opacity:0}.tree-view-item--moving-via-keyboard{position:relative;z-index:1;border:var(--s-border-width-default) solid var(--s-border-highlight);border-radius:var(--s-border-radius-sm);box-shadow:var(--s-shadow-level-3)}.tree-view-item--moving-via-keyboard .tree-view-item__link{background-color:var(--s-background-default)}.tree-view-item--moving-via-keyboard .tree-view-item__link:focus-visible{outline:none}.tree-view-item--cannot-keyboard-drop{opacity:0.5}.tree-view-item--active>.tree-view-item__link{background-color:var(--s-background-hovered)}.tree-view-item--has-tags .tree-view-item__tags{display:flex}.tree-view-item__children{display:flex;margin:0;padding:0 0 0 var(--s-space-12);padding-top:var(--s-space-2);flex-direction:column;gap:var(--s-space-2)}.tree-view-item__children--drop-zone{min-height:0.5rem;margin-top:-0.5rem}.tree-view-item__link{display:flex;height:2.25rem;padding:var(--s-space-4) var(--s-space-8);align-items:center;border-radius:var(--s-border-radius-sm);color:var(--s-text-default);background-color:var(--s-background-default);font-size:var(--s-font-size-base);font-weight:var(--s-font-weight-medium);text-decoration:none;gap:var(--s-space-4)}.tree-view-item__link:hover{background-color:var(--s-background-hovered)}.tree-view-item__link:hover .tree-view-item__drag-handle{opacity:1}.tree-view-item__link:active{background-color:var(--s-background-pressed)}.tree-view-item__link:focus:not(:focus-visible){outline:none}.tree-view-item__link:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.tree-view-item__link{font-size:var(--s-font-size-sm)}}.tree-view-item__drag-handle{display:inline-flex;flex-shrink:0;cursor:grab;opacity:0}.tree-view-item__drag-handle:active{cursor:grabbing}.tree-view-item__icon{display:block;width:1.5rem;height:1.5rem;margin-right:var(--s-space-4);flex-grow:0;flex-shrink:0;color:var(--s-icon-default);font-size:var(--s-font-size-lg)}.tree-view-item__icon ::part(icon){width:100%;height:100%}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.tree-view-item__icon{width:1.25rem;height:1.25rem;font-size:var(--s-font-size-base)}}.tree-view-item__toggle-icon{display:block;width:1.5rem;height:1.5rem;flex-grow:0;flex-shrink:0;color:var(--s-icon-default)}.tree-view-item__toggle-icon ::part(icon){width:100%;height:100%}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.tree-view-item__toggle-icon{width:1.25rem;height:1.25rem}}.tree-view-item__label{overflow:hidden;min-width:5rem;flex-grow:1;white-space:nowrap;text-overflow:ellipsis}.tree-view-item__tags{display:none;padding-left:var(--s-space-4);align-items:center;gap:var(--s-space-4)}";export{l as swirl_tree_view_item}

package/dist/swirl-components/{p-c1b72456.entry.js → p-8de57db0.entry.js}

@@ -1 +1 @@
-import{r as C,h as e,F as i}from"./p-CWOhMVtL.js";import{c as t}from"./p-orsBiyT_.js";const a=class{constructor(e){C(this,e),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:"f8a99ac34b0ee1a53ffae59b21d1a1587a2a6bcb","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:"a594acdcd74f6ccf58a5b5e7eb2196fed19e7ca1"},e("path",{key:"0c708cff57cfed9c23ce22a0e12f4d4fc60c6dc5",d:"M4.66667 13.3335V5.9835C4.66667 5.61684 4.8 5.30573 5.06667 5.05017C5.33333 4.79462 5.65 4.66684 6.01667 4.66684H13.3333C13.7 4.66684 14.0139 4.79739 14.275 5.05851C14.5361 5.31962 14.6667 5.6335 14.6667 6.00017V10.7835C14.6667 10.9613 14.6333 11.1307 14.5667 11.2918C14.5 11.4529 14.4056 11.5946 14.2833 11.7168L11.7167 14.2835C11.5944 14.4057 11.4528 14.5002 11.2917 14.5668C11.1306 14.6335 10.9611 14.6668 10.7833 14.6668H6C5.63333 14.6668 5.31944 14.5363 5.05833 14.2752C4.79722 14.0141 4.66667 13.7002 4.66667 13.3335ZM1.35 4.16684C1.28333 3.80017 1.35556 3.46962 1.56667 3.17517C1.77778 2.88073 2.06667 2.70017 2.43333 2.63351L9.66667 1.35017C10.0333 1.28351 10.3639 1.35573 10.6583 1.56684C10.9528 1.77795 11.1333 2.06684 11.2 2.43351L11.3667 3.33351H6C5.26667 3.33351 4.63889 3.59462 4.11667 4.11684C3.59444 4.63906 3.33333 5.26684 3.33333 6.00017V12.3668C3.15556 12.2668 3.00278 12.1335 2.875 11.9668C2.74722 11.8002 2.66667 11.6113 2.63333 11.4002L1.35 4.16684ZM13.3333 10.6668H11.3333C11.1444 10.6668 10.9861 10.7307 10.8583 10.8585C10.7306 10.9863 10.6667 11.1446 10.6667 11.3335V13.3335L13.3333 10.6668Z",fill:"currentColor"})),(20===this.size||24===this.size)&&e(i,{key:"4cb2f9e9d7e3cade8e820d63cd6da56ad43e0932"},e("path",{key:"3aeacdf429744d46ec2856432791191106a2db49",d:"M7 20.0003V8.97526C7 8.42526 7.2 7.95859 7.6 7.57526C8 7.19192 8.475 7.00026 9.025 7.00026H20C20.55 7.00026 21.0208 7.19609 21.4125 7.58776C21.8042 7.97942 22 8.45026 22 9.00026V16.1753C22 16.4419 21.95 16.6961 21.85 16.9378C21.75 17.1794 21.6083 17.3919 21.425 17.5753L17.575 21.4253C17.3917 21.6086 17.1792 21.7503 16.9375 21.8503C16.6958 21.9503 16.4417 22.0003 16.175 22.0003H9C8.45 22.0003 7.97917 21.8044 7.5875 21.4128C7.19583 21.0211 7 20.5503 7 20.0003ZM2.025 6.25026C1.925 5.70026 2.03333 5.20442 2.35 4.76276C2.66667 4.32109 3.1 4.05026 3.65 3.95026L14.5 2.02526C15.05 1.92526 15.5458 2.03359 15.9875 2.35026C16.4292 2.66692 16.7 3.10026 16.8 3.65026L17.05 5.00026H9C7.9 5.00026 6.95833 5.39192 6.175 6.17526C5.39167 6.95859 5 7.90026 5 9.00026V18.5503C4.73333 18.4003 4.50417 18.2003 4.3125 17.9503C4.12083 17.7003 4 17.4169 3.95 17.1003L2.025 6.25026ZM20 16.0003H17C16.7167 16.0003 16.4792 16.0961 16.2875 16.2878C16.0958 16.4794 16 16.7169 16 17.0003V20.0003L20 16.0003Z",fill:"currentColor"})),28===this.size&&e(i,{key:"4888907fd969afb4b7f49430db21402100d4f5ed"},e("path",{key:"8d69c64a06b18d4f67e4b30e793480392bde7d9b",d:"M8.16666 23.3331V10.4706C8.16666 9.82898 8.4 9.28453 8.86666 8.83731C9.33333 8.39009 9.8875 8.16648 10.5292 8.16648H23.3333C23.975 8.16648 24.5243 8.39495 24.9812 8.8519C25.4382 9.30884 25.6667 9.85815 25.6667 10.4998V18.8706C25.6667 19.1818 25.6083 19.4783 25.4917 19.7602C25.375 20.0422 25.2097 20.2901 24.9958 20.504L20.5042 24.9956C20.2903 25.2095 20.0424 25.3748 19.7604 25.4915C19.4785 25.6081 19.1819 25.6665 18.8708 25.6665H10.5C9.85833 25.6665 9.30902 25.438 8.85208 24.9811C8.39513 24.5241 8.16666 23.9748 8.16666 23.3331ZM2.3625 7.29148C2.24583 6.64981 2.37222 6.07134 2.74166 5.55606C3.11111 5.04078 3.61666 4.72481 4.25833 4.60815L16.9167 2.36231C17.5583 2.24565 18.1368 2.37203 18.6521 2.74148C19.1674 3.11092 19.4833 3.61648 19.6 4.25815L19.8917 5.83315H10.5C9.21666 5.83315 8.11805 6.29009 7.20416 7.20398C6.29027 8.11787 5.83333 9.21648 5.83333 10.4998V21.6415C5.52222 21.4665 5.25486 21.2331 5.03125 20.9415C4.80763 20.6498 4.66666 20.3193 4.60833 19.9498L2.3625 7.29148ZM23.3333 18.6665H19.8333C19.5028 18.6665 19.2257 18.7783 19.0021 19.0019C18.7785 19.2255 18.6667 19.5026 18.6667 19.8331V23.3331L23.3333 18.6665Z",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_note_stack_filled}
+import{r as C,h as e,F as i}from"./p-CWOhMVtL.js";import{c as t}from"./p-orsBiyT_.js";const s=class{constructor(e){C(this,e),this.size=24}render(){const C=20===this.size?24:this.size,s={color:Boolean(this.color)?`var(--s-icon-${this.color})`:void 0},a=t("swirl-icon",`swirl-icon--size-${this.size}`);return e("svg",{key:"86dbd816fcd6346d05ffede873a28252febef754","aria-hidden":"true",class:a,fill:"none",height:this.size,part:"icon",style:s,viewBox:`0 0 ${C} ${C}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},16===this.size&&e(i,{key:"029004945c5e445d3eee1334b415b59ef712a16e"},e("path",{key:"f66021a5fd93177d4b824cd10bccd4e71285561c",d:"M4.66667 13.3335V5.9835C4.66667 5.61684 4.8 5.30573 5.06667 5.05017C5.33333 4.79462 5.65 4.66684 6.01667 4.66684H13.3333C13.7 4.66684 14.0139 4.79739 14.275 5.05851C14.5361 5.31962 14.6667 5.6335 14.6667 6.00017V10.7835C14.6667 10.9613 14.6333 11.1307 14.5667 11.2918C14.5 11.4529 14.4056 11.5946 14.2833 11.7168L11.7167 14.2835C11.5944 14.4057 11.4528 14.5002 11.2917 14.5668C11.1306 14.6335 10.9611 14.6668 10.7833 14.6668H6C5.63333 14.6668 5.31944 14.5363 5.05833 14.2752C4.79722 14.0141 4.66667 13.7002 4.66667 13.3335ZM1.35 4.16684C1.28333 3.80017 1.35556 3.46962 1.56667 3.17517C1.77778 2.88073 2.06667 2.70017 2.43333 2.63351L9.66667 1.35017C10.0333 1.28351 10.3639 1.35573 10.6583 1.56684C10.9528 1.77795 11.1333 2.06684 11.2 2.43351L11.3667 3.33351H6C5.26667 3.33351 4.63889 3.59462 4.11667 4.11684C3.59444 4.63906 3.33333 5.26684 3.33333 6.00017V12.3668C3.15556 12.2668 3.00278 12.1335 2.875 11.9668C2.74722 11.8002 2.66667 11.6113 2.63333 11.4002L1.35 4.16684ZM13.3333 10.6668H11.3333C11.1444 10.6668 10.9861 10.7307 10.8583 10.8585C10.7306 10.9863 10.6667 11.1446 10.6667 11.3335V13.3335L13.3333 10.6668Z",fill:"currentColor"})),(20===this.size||24===this.size)&&e(i,{key:"dfda1405395aad5aef1a8aca828c99a41f005fdb"},e("path",{key:"4cf38b3336f900e88afe717bee340db0baa257ed",d:"M7 20.0003V8.97526C7 8.42526 7.2 7.95859 7.6 7.57526C8 7.19192 8.475 7.00026 9.025 7.00026H20C20.55 7.00026 21.0208 7.19609 21.4125 7.58776C21.8042 7.97942 22 8.45026 22 9.00026V16.1753C22 16.4419 21.95 16.6961 21.85 16.9378C21.75 17.1794 21.6083 17.3919 21.425 17.5753L17.575 21.4253C17.3917 21.6086 17.1792 21.7503 16.9375 21.8503C16.6958 21.9503 16.4417 22.0003 16.175 22.0003H9C8.45 22.0003 7.97917 21.8044 7.5875 21.4128C7.19583 21.0211 7 20.5503 7 20.0003ZM2.025 6.25026C1.925 5.70026 2.03333 5.20442 2.35 4.76276C2.66667 4.32109 3.1 4.05026 3.65 3.95026L14.5 2.02526C15.05 1.92526 15.5458 2.03359 15.9875 2.35026C16.4292 2.66692 16.7 3.10026 16.8 3.65026L17.05 5.00026H9C7.9 5.00026 6.95833 5.39192 6.175 6.17526C5.39167 6.95859 5 7.90026 5 9.00026V18.5503C4.73333 18.4003 4.50417 18.2003 4.3125 17.9503C4.12083 17.7003 4 17.4169 3.95 17.1003L2.025 6.25026ZM20 16.0003H17C16.7167 16.0003 16.4792 16.0961 16.2875 16.2878C16.0958 16.4794 16 16.7169 16 17.0003V20.0003L20 16.0003Z",fill:"currentColor"})),28===this.size&&e(i,{key:"db670d4e2e642e46905d7e5df8ab389d46d1ca86"},e("path",{key:"2a92ed69041eb46071d1f17cf17742a9380b4b24",d:"M8.16666 23.3331V10.4706C8.16666 9.82898 8.4 9.28453 8.86666 8.83731C9.33333 8.39009 9.8875 8.16648 10.5292 8.16648H23.3333C23.975 8.16648 24.5243 8.39495 24.9812 8.8519C25.4382 9.30884 25.6667 9.85815 25.6667 10.4998V18.8706C25.6667 19.1818 25.6083 19.4783 25.4917 19.7602C25.375 20.0422 25.2097 20.2901 24.9958 20.504L20.5042 24.9956C20.2903 25.2095 20.0424 25.3748 19.7604 25.4915C19.4785 25.6081 19.1819 25.6665 18.8708 25.6665H10.5C9.85833 25.6665 9.30902 25.438 8.85208 24.9811C8.39513 24.5241 8.16666 23.9748 8.16666 23.3331ZM2.3625 7.29148C2.24583 6.64981 2.37222 6.07134 2.74166 5.55606C3.11111 5.04078 3.61666 4.72481 4.25833 4.60815L16.9167 2.36231C17.5583 2.24565 18.1368 2.37203 18.6521 2.74148C19.1674 3.11092 19.4833 3.61648 19.6 4.25815L19.8917 5.83315H10.5C9.21666 5.83315 8.11805 6.29009 7.20416 7.20398C6.29027 8.11787 5.83333 9.21648 5.83333 10.4998V21.6415C5.52222 21.4665 5.25486 21.2331 5.03125 20.9415C4.80763 20.6498 4.66666 20.3193 4.60833 19.9498L2.3625 7.29148ZM23.3333 18.6665H19.8333C19.5028 18.6665 19.2257 18.7783 19.0021 19.0019C18.7785 19.2255 18.6667 19.5026 18.6667 19.8331V23.3331L23.3333 18.6665Z",fill:"currentColor"})))}};s.style=":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";export{s as swirl_icon_note_stack_filled}