@getflip/swirl-components 0.233.1 → 0.234.0

package/dist/swirl-components/{p-a93a5391.entry.js → p-f3cd72a5.entry.js}

@@ -1 +1 @@
-import{r as s,h as e,F as t}from"./p-e212b5b7.js";import{c as i}from"./p-a5dce9e6.js";const o=class{constructor(e){s(this,e),this.size=24}render(){const s=20===this.size?24:this.size,o=i("swirl-symbol",`swirl-symbol--size-${this.size}`);return e("svg",{key:"cdb0a6438f66a751decd83026a8d20283b7ed9eb",class:o,fill:"none",height:this.size,part:"symbol",viewBox:`0 0 ${s} ${s}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},e(t,{key:"f342d91431831203198b3a95eeb8b145536ab14e"},e("path",{key:"72eec4d716feb261ebd0b3620a9945768d69107b",d:"M12 22C12.5299 21.9984 13.0377 21.7872 13.4125 21.4125C13.7872 21.0377 13.9984 20.5299 14 20H10C10 20.5304 10.2107 21.0391 10.5858 21.4142C10.9609 21.7893 11.4696 22 12 22ZM18 16V11C18 7.93 16.36 5.36 13.5 4.68V4C13.5 3.60218 13.342 3.22064 13.0607 2.93934C12.7794 2.65804 12.3978 2.5 12 2.5C11.6022 2.5 11.2206 2.65804 10.9393 2.93934C10.658 3.22064 10.5 3.60218 10.5 4V4.68C7.63 5.36 6 7.92 6 11V16L4.71 17.29C4.56958 17.4293 4.47361 17.6071 4.43422 17.8009C4.39484 17.9947 4.41381 18.1958 4.48873 18.3789C4.56366 18.5619 4.69117 18.7186 4.85516 18.8292C5.01914 18.9397 5.21223 18.9992 5.41 19H18.58C18.7786 19.0012 18.9731 18.9431 19.1386 18.8333C19.3041 18.7235 19.4332 18.5669 19.5094 18.3835C19.5855 18.2 19.6054 17.9981 19.5663 17.8033C19.5272 17.6086 19.431 17.4299 19.29 17.29L18 16Z",fill:"currentColor"})))}};o.style=":host{display:inline-flex}";export{o as swirl_symbol_notifications}
+import{r as s,h as e,F as t}from"./p-e212b5b7.js";import{c as i}from"./p-a5dce9e6.js";const o=class{constructor(e){s(this,e),this.size=24}render(){const s=20===this.size?24:this.size,o=i("swirl-symbol",`swirl-symbol--size-${this.size}`);return e("svg",{key:"887f0586e3a9f0073e1e6d162e985c52c98531cb",class:o,fill:"none",height:this.size,part:"symbol",viewBox:`0 0 ${s} ${s}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},e(t,{key:"18a7406607963060c8a9a26cb7a5017af566d208"},e("path",{key:"0d00af9959ee518b1ddec0ccc07ae4830e76068e",d:"M12 22C12.5299 21.9984 13.0377 21.7872 13.4125 21.4125C13.7872 21.0377 13.9984 20.5299 14 20H10C10 20.5304 10.2107 21.0391 10.5858 21.4142C10.9609 21.7893 11.4696 22 12 22ZM18 16V11C18 7.93 16.36 5.36 13.5 4.68V4C13.5 3.60218 13.342 3.22064 13.0607 2.93934C12.7794 2.65804 12.3978 2.5 12 2.5C11.6022 2.5 11.2206 2.65804 10.9393 2.93934C10.658 3.22064 10.5 3.60218 10.5 4V4.68C7.63 5.36 6 7.92 6 11V16L4.71 17.29C4.56958 17.4293 4.47361 17.6071 4.43422 17.8009C4.39484 17.9947 4.41381 18.1958 4.48873 18.3789C4.56366 18.5619 4.69117 18.7186 4.85516 18.8292C5.01914 18.9397 5.21223 18.9992 5.41 19H18.58C18.7786 19.0012 18.9731 18.9431 19.1386 18.8333C19.3041 18.7235 19.4332 18.5669 19.5094 18.3835C19.5855 18.2 19.6054 17.9981 19.5663 17.8033C19.5272 17.6086 19.431 17.4299 19.29 17.29L18 16Z",fill:"currentColor"})))}};o.style=":host{display:inline-flex}";export{o as swirl_symbol_notifications}

package/dist/swirl-components/{p-53a6342c.entry.js → p-f3d1f05b.entry.js}

@@ -1 +1 @@
-import{r as t,c as i,h as a,H as e,g as o,F as s}from"./p-e212b5b7.js";import{c as r}from"./p-a5dce9e6.js";import{i as l,f as n,g as d}from"./p-5848d900.js";import{S as p}from"./p-1486d7ea.js";import{v as c}from"./p-14616bce.js";const u=class{constructor(a){t(this,a),this.ctaClick=i(this,"ctaClick",7),this.mobileViewChange=i(this,"mobileViewChange",7),this.navigationBackButtonClick=i(this,"navigationBackButtonClick",7),this.sidebarToggle=i(this,"sidebarToggle",7),this.onBackToNavigationViewButtonClick=()=>{this.changeMobileView("navigation")},this.onCtaClick=t=>{this.ctaClick.emit(t)},this.onNavigationBackButtonClick=t=>{this.navigationBackButtonClick.emit(t)},this.onSidebarCloseButtonClick=()=>{this.hideSidebar()},this.appName=void 0,this.backToNavigationViewButtonLabel="Back to navigation",this.ctaIcon=void 0,this.ctaLabel=void 0,this.hasNavigation=void 0,this.hideAppBar=void 0,this.navigationBackButtonLabel="Go back",this.navigationLabel=void 0,this.showNavigationBackButton=void 0,this.sidebarCloseButtonLabel="Close sidebar",this.sidebarHeading=void 0,this.transitionStyle="slides",this.hasCustomAppBarBackButton=void 0,this.hasSidebar=void 0,this.mobileView="navigation",this.sidebarActive=void 0,this.sidebarClosing=void 0,this.transitioningFrom=void 0,this.transitioningTo=void 0}componentWillLoad(){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()}))}disconnectedCallback(){this.mutationObserver?.disconnect()}watchMobileView(){this.checkMobileView()}async showSidebar(){!this.sidebarActive&&this.hasSidebar&&(this.sidebarActive=!0,this.changeMobileView("sidebar"),this.sidebarToggle.emit(!0))}async hideSidebar(){if(!this.sidebarActive||!this.hasSidebar)return;Boolean(this.sidebarClosingTimeout)&&clearTimeout(this.sidebarClosingTimeout),this.sidebarClosing=!0;const t=l()||n()?0:300;this.sidebarClosingTimeout=setTimeout((()=>{this.sidebarActive=!1,this.sidebarClosing=!1,this.changeMobileView("body"),this.sidebarToggle.emit(!1)}),t)}async toggleSidebar(){this.hasSidebar&&(this.sidebarActive?this.hideSidebar():this.showSidebar())}async changeMobileView(t,i=!0){if(this.mobileView===t||"navigation"===t&&!this.hasNavigation||"sidebar"===t&&!this.hasSidebar)return;if(!l()||!i)return this.mobileView=t,void this.mobileViewChange.emit(this.mobileView);Boolean(this.transitionTimeout)&&clearTimeout(this.transitionTimeout),this.transitioningFrom=this.mobileView,this.transitioningTo=t;const a=n();this.transitionTimeout=setTimeout((()=>{this.mobileView=t,this.transitioningFrom=void 0,this.transitioningTo=void 0,this.mobileViewChange.emit(this.mobileView)}),a?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 t="sidebar"===this.mobileView||this.sidebarActive;t!==this.sidebarActive&&(t?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"]'))}render(){const t=("body"===this.mobileView||this.transitioningTo)&&this.hasNavigation&&!this.hasCustomAppBarBackButton,i=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),d=r("app-layout",`app-layout--mobile-view-${this.mobileView}`,`app-layout--transitioning-from-${this.transitioningFrom}`,`app-layout--transitioning-to-${this.transitioningTo}`,`app-layout--transition-style-${this.transitionStyle}`,{"app-layout--has-app-bar-mobile-menu-button":s,"app-layout--has-app-bar-controls":i,"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--sidebar-active":"sidebar"===this.mobileView||this.sidebarActive,"app-layout--sidebar-closing":this.sidebarClosing});return a(e,{key:"6e7b1fb8e820c5df6bddc4a07d568aba44c78fc2"},a("section",{key:"e2523a00678f76d23765be5f5245ed8ef36b772b","aria-labelledby":"app-name",class:d},a("div",{key:"0a35883504693d22196086d2d192df940695ab3d",class:"app-layout__grid"},a("header",{key:"595cf6137de3f8c55aae7821e9b3be35ec8fb3e0",class:"app-layout__header"},a("span",{key:"2f811e9f81706e9b7bee4f931d67b2bc6a9df600",class:"app-layout__navigation-mobile-menu-button"},a("slot",{key:"661c053d500eaa9d3cd536a7be538ace1819df49",name:"navigation-mobile-menu-button"})),this.showNavigationBackButton&&a("span",{key:"b955c5f227aca005c02679104943586bb237f88b",class:"app-layout__navigation-back-button"},a("swirl-button",{key:"e313c403f96cc6e67de6eeb5db8453294b218e91",hideLabel:!0,icon:"<swirl-icon-arrow-back></swirl-icon-arrow-back>",label:this.navigationBackButtonLabel,onClick:this.onNavigationBackButtonClick})),a("swirl-heading",{key:"22e232563638cf73c3e6297142de6574442ecaee",as:"h1",class:"app-layout__app-name",headingId:"app-name",level:3,text:this.appName}),this.hasNavigation&&a("span",{key:"77a7f997eb95020d5e70699fa0713e40efcbc7b4",class:"app-layout__navigation-controls"},a("slot",{key:"0b9658989e188b7d35dc0f4a27d19d343c1918d2",name:"navigation-controls"}))),a("nav",{key:"d238f90f3b05de555b954290aaf1146d196657d6","aria-label":this.navigationLabel,class:"app-layout__navigation"},a("slot",{key:"bbdc977904503ca4114b621ecd93934c2334108b",name:"navigation"})),a("section",{key:"b48132a8158191263dd7c2a67b8c2a9b00af76fc","aria-labelledby":"app-name",class:"app-layout__body"},!this.hideAppBar&&a("header",{key:"c611663c10529f62b04ec98f6fba52fb06a0231e",class:"app-layout__app-bar"},a("span",{key:"f0268dd8cb7839e76f734d52c848f9fed8822b26",class:"app-layout__app-bar-mobile-menu-button"},a("slot",{key:"b2e3c55f74dfb6bbc77df0c5e75fb05840aa3d2d",name:"app-bar-mobile-menu-button"})),t&&a("span",{key:"ffe44556d2f26ab36634443e579323917082db4c",class:"app-layout__back-to-navigation-button"},a("swirl-button",{key:"332f83cd0a7c9a9ff6c7b87e928826e586e9a0c3",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})),a("span",{key:"05c553b3f06acb416efb611393a142375615aafb",class:"app-layout__custom-app-bar-back-button"},a("slot",{key:"384efd3c0b8b1931c1386f79cc726e7cfd447a59",name:"custom-app-bar-back-button"})),a("div",{key:"525fcbc43fba00f2529ba87c1c4086a5835015c2",class:"app-layout__app-bar-content"},a("slot",{key:"60f6b0c5ec6ffd68c93522863466bd6b3c0db363",name:"app-bar"})),a("div",{key:"87ec7fe96353196b906e44c6361751584ba6fc9e",class:"app-layout__app-bar-controls"},a("slot",{key:"79ebad5cf6ce6dff917c3902690f90ede110395a",name:"app-bar-controls"}))),a("div",{key:"69708a765e8d144a33e39752c12c205ea68c28ce",class:"app-layout__banner"},a("slot",{key:"44c74227806acf3d6367ea373698fcda7fb8d06c",name:"banner"})),a("div",{key:"f06ccbce3e86d8b5923cb299e09a271013a7c1b1",class:"app-layout__content"},a("slot",{key:"a82bfde80fc6deef3652b3b7fe253907d970ecf7",name:"content"})),a("div",{key:"d803093908c6fc820c3e2f38f8b065272c9844b9",class:"app-layout__bottom-bar"},a("slot",{key:"6f89842c944a309fd080d91a6fc462b178b63a3f",name:"bottom-bar"}))),a("aside",{key:"bab9d428055b9c20f46b850f83c12964d72b5bf4",class:"app-layout__sidebar"},a("header",{key:"c71437f69b01dd11660d3bbd2f3d3c7a41ab2f56",class:"app-layout__custom-sidebar-header"},a("slot",{key:"aa44cad222053bdb8ee7fb1819bc2152a4d0c878",name:"custom-sidebar-header"})),a("header",{key:"a81e3b7a9b6471d39edf5d6c8764bc20020cd22b",class:"app-layout__sidebar-header"},a("swirl-button",{key:"ee62ccd13ed77be1a0c9c6f6ced052c2f2af1035",class:"app-layout__sidebar-close-button",hideLabel:!0,icon:"<swirl-icon-close></swirl-icon-close>",label:this.sidebarCloseButtonLabel,onClick:this.onSidebarCloseButtonClick}),a("swirl-heading",{key:"cd381a558de158ada2958e9cbd76c106ef51481b",as:"h3",class:"app-layout__sidebar-heading",headingId:"sidebar-heading",level:3,text:this.sidebarHeading})),a("div",{key:"52c7f14a9bf4db580c1435b2f21e45a17fd22aed",class:"app-layout__sidebar-content"},a("slot",{key:"abcc082e929aecf20d08427cea0a6a6a59a4b547",name:"sidebar"}))),a("span",{key:"e79fc4b23a6bd62249eead44136b52393b9134d6",class:"app-layout__floating-action-button"},this.ctaLabel&&a("swirl-button",{key:"e7b751e38f923ca8ca83c88baab521abad426cd2",hideLabel:Boolean(this.ctaIcon),icon:this.ctaIcon,intent:"primary",label:this.ctaLabel,onClick:this.onCtaClick,variant:"floating"}),a("slot",{key:"4e18e70ef2a91504e97ee9ad728e6cdca208debc",name:"floating-action-button"})))))}get el(){return o(this)}static get watchers(){return{mobileView:["watchMobileView"]}}};u.style=':host{position:relative;z-index:1;display:flex;width:100%;height:100%}:host *{box-sizing:border-box}.app-layout{display:flex;overflow:hidden;width:100%;height:100%;margin-right:auto;margin-left:auto}.app-layout__grid{position:relative;display:grid;width:100%;height:100%;grid-template-columns:100%;grid-template-rows:3.5625rem 1fr;grid-template-areas:"body"\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: 768px){.app-layout--has-sidebar:not(.app-layout--has-navigation).app-layout--sidebar-active .app-layout__grid{animation:app-layout-no-nav-sidebar-slide-in 0.3s}@media (prefers-reduced-motion){.app-layout--has-sidebar:not(.app-layout--has-navigation).app-layout--sidebar-active .app-layout__grid{animation:none}}}@media (min-width: 768px){.app-layout--has-sidebar:not(.app-layout--has-navigation).app-layout--sidebar-closing .app-layout__grid{animation:app-layout-no-nav-sidebar-slide-out 0.3s}@media (prefers-reduced-motion){.app-layout--has-sidebar:not(.app-layout--has-navigation).app-layout--sidebar-closing .app-layout__grid{animation:none}}}@media (min-width: 768px){.app-layout--has-sidebar.app-layout--sidebar-active .app-layout__grid{grid-template-columns:1fr min(50%, 25rem);grid-template-areas:"body sidebar"\n          "body sidebar"}}.app-layout--has-sidebar .app-layout__grid{grid-template-columns:100%;grid-template-areas:"body"\n      "body"}@media (min-width: 1800px){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-active .app-layout__grid{animation:app-layout-sidebar-slide-in 0.3s;grid-template-columns:25rem 1fr 25rem;grid-template-areas:"header body sidebar"\n          "navigation body sidebar"}@media (prefers-reduced-motion){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-active .app-layout__grid{animation:none}}}@media (min-width: 1800px){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-closing .app-layout__grid{animation:app-layout-sidebar-slide-out 0.3s}@media (prefers-reduced-motion){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-closing .app-layout__grid{animation:none}}}@media (min-width: 768px){.app-layout--has-navigation.app-layout--has-sidebar .app-layout__grid{grid-template-columns:min(50%, 22.5rem) 1fr;grid-template-areas:"header body"\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: 768px) and (max-width: 1799px){.app-layout--has-navigation.app-layout--has-sidebar .app-layout__sidebar{position:absolute;top:0;right:0;bottom:0;width:min(40%, 25rem);border-left:var(--s-border-width-default) solid var(--s-border-default);box-shadow:var(--s-shadow-level-3)}}@media (max-width: 767px){.app-layout--mobile-view-navigation .app-layout__grid{grid-template-areas:"header"\n        "navigation"}.app-layout--mobile-view-navigation .app-layout__body,.app-layout--mobile-view-navigation .app-layout__sidebar{display:none}}@media (max-width: 767px){.app-layout--mobile-view-body .app-layout__grid{grid-template-areas:"body"\n        "body"}.app-layout--mobile-view-body .app-layout__header,.app-layout--mobile-view-body .app-layout__navigation,.app-layout--mobile-view-body .app-layout__sidebar{display:none}}@media (max-width: 767px){.app-layout--mobile-view-sidebar .app-layout__grid{grid-template-areas:"sidebar"\n        "sidebar"}.app-layout--mobile-view-sidebar .app-layout__header,.app-layout--mobile-view-sidebar .app-layout__navigation,.app-layout--mobile-view-sidebar .app-layout__body{display:none}}.app-layout--has-sidebar:not(.app-layout--sidebar-active) .app-layout__sidebar{display:none}@media (min-width: 768px){.app-layout--sidebar-closing .app-layout__sidebar{animation:app-layout-sidebar-overlay-slide-out 0.3s}@media (prefers-reduced-motion){.app-layout--sidebar-closing .app-layout__sidebar{animation:none}}}@media (min-width: 1800px){.app-layout--sidebar-closing .app-layout__sidebar{animation:none}}.app-layout--has-app-bar-controls .app-layout__app-bar-controls{display:block}.app-layout--has-bottom-bar .app-layout__body{grid-template-rows:minmax(3.5rem, auto) auto 1fr auto;grid-template-areas:"app-bar"\n      "banner"\n      "content"\n      "bottom-bar"}.app-layout--has-bottom-bar .app-layout__bottom-bar{display:block}.app-layout--has-custom-app-bar-back-button .app-layout__custom-app-bar-back-button{display:block}.app-layout--has-custom-sidebar-header .app-layout__sidebar-header{display:none}.app-layout--has-custom-sidebar-header .app-layout__custom-sidebar-header{display:block}.app-layout--has-floating-action-button .app-layout__floating-action-button{display:block}.app-layout--hide-app-bar .app-layout__body{grid-template-rows:auto 1fr;grid-template-areas:"banner"\n      "content"}.app-layout__header{z-index:1;display:flex;min-width:0;padding-top:var(--s-space-12);padding-right:var(--s-space-8);padding-bottom:var(--s-space-12);padding-left:var(--s-space-8);align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);grid-area:header;gap:var(--s-space-8)}@media (min-width: 768px){.app-layout__header{border-right:var(--s-border-width-default) solid var(--s-border-default)}}@media (min-width: 992px){.app-layout__header{padding-right:var(--s-space-16);padding-left:var(--s-space-16)}}.app-layout__app-name{min-width:0}.app-layout__app-name .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-layout__app-bar-mobile-menu-button,.app-layout__navigation-mobile-menu-button{flex-shrink:0}@media (min-width: 992px){.app-layout__app-bar-mobile-menu-button,.app-layout__navigation-mobile-menu-button{display:none}}.app-layout__app-bar-mobile-menu-button{padding-left:var(--s-space-8)}@media (min-width: 768px){.app-layout__app-bar-mobile-menu-button{padding-left:0}}.app-layout__navigation-back-button{margin-left:calc(-1 * var(--s-space-4))}.app-layout__floating-action-button{position:absolute;z-index:4;right:var(--s-space-16);bottom:var(--s-space-16);display:none}.app-layout__navigation-controls{flex-shrink:0}.app-layout__navigation{z-index:1;overflow-y:auto;border-right:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);grid-area:navigation}.app-layout__body{z-index:2;display:grid;width:100%;height:100%;grid-area:body;grid-template-rows:minmax(3.5rem, 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 var(--s-border-default);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;border-top:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);grid-area:bottom-bar}.app-layout__back-to-navigation-button{padding-left:var(--s-space-8)}@media (min-width: 768px){.app-layout__back-to-navigation-button{display:none}}.app-layout__banner{grid-area:banner}.app-layout__app-bar-content{min-width:0;flex-grow:1}.app-layout__custom-app-bar-back-button{display:none;padding-left:var(--s-space-8)}.app-layout__app-bar-controls{display:none;padding-right:var(--s-space-8)}@media (min-width: 768px){.app-layout__app-bar-controls{padding-right:var(--s-space-16)}}.app-layout__content{overflow:auto;background-color:var(--s-background-default);grid-area:content}.app-layout__sidebar{z-index:3;display:grid;width:100%;height:100%;border-left:var(--s-border-width-default) solid var(--s-border-default);grid-area:sidebar;grid-template-rows:3.5625rem 1fr;grid-template-areas:"sidebar-header"\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 var(--s-border-default);background-color:var(--s-background-default);grid-area:sidebar-header}.app-layout__sidebar-header{display:flex;min-width:0;padding-top:var(--s-space-12);padding-right:var(--s-space-8);padding-bottom:var(--s-space-12);padding-left:var(--s-space-8);align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);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}@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-out{from{overflow:hidden;grid-template-columns:25rem 1fr 25rem}to{overflow:hidden;grid-template-columns:25rem 1fr 0}}@keyframes app-layout-no-nav-sidebar-slide-in{from{overflow:hidden;grid-template-columns:1fr 0}to{overflow:hidden;grid-template-columns:1fr 25rem}}@keyframes app-layout-no-nav-sidebar-slide-out{from{overflow:hidden;grid-template-columns:1fr 25rem}to{overflow:hidden;grid-template-columns:1fr 0}}';const b=class{constructor(i){t(this,i),this.heading=void 0,this.illustration=void 0}render(){const t=Boolean(this.el.querySelector('[slot="controls"]')),i=Boolean(this.el.querySelector('[slot="illustration"]')),o=r("empty-state",{"empty-state--has-controls":t,"empty-state--has-slotted-illustration":i});return a(e,{key:"910eac8b85ee42dcdcc3e35a417dab64e873f25e"},a("div",{key:"d2b76b353e4f59eaff40cf304bf511ff903eed31",class:o},this.illustration&&!i&&a("img",{key:"26c7ad34d7845a7fe3f72e9d8edd680ec727067b",alt:"",class:"empty-state__illustration",src:this.illustration}),a("div",{key:"be93399b1b00f790331e04afa4adaf8c7e8ea6c1",class:"empty-state__slotted-illustration"},a("slot",{key:"3505a06822a7f2e5316f079a029c25e2449b6d2c",name:"illustration"})),a("div",{key:"39f7790097fab3f0ca2008c0cd0638fbabd69c95",class:"empty-state__body"},a("swirl-stack",{key:"666590ff0460748fe199daaacb8d01242990b573",align:"stretch",spacing:"8"},this.heading&&a("swirl-heading",{key:"7c1d2d059efb373e0fce2f2ccc7d3ba0987819a2",align:"center",as:"p",level:4,text:this.heading}),a("div",{key:"aa98b76c0669f5e1b899bce4969b2d65f152e6d3",class:"empty-state__content"},a("swirl-text",{key:"7b81e1e942ee767cd1b93d757b44b2958119f2ac",align:"center",color:"subdued"},a("slot",{key:"ca182287a03f1db96e4eb9d1e46ab268817d5570"})))),a("div",{key:"0e47796c0063949ba56e7f9efff7a0a3622c216c",class:"empty-state__controls"},a("slot",{key:"7f75b89a83f4475d629a4dc6699de27187330215",name:"controls"})))))}get el(){return o(this)}};b.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(i){t(this,i),this.color=void 0,this.size=24}render(){const t=20===this.size?24:this.size,i={color:Boolean(this.color)?`var(--s-icon-${this.color})`:void 0},e=r("swirl-icon",`swirl-icon--size-${this.size}`);return a("svg",{key:"2358cd477444935f28756e0eb2b7d0bb419d7e01","aria-hidden":"true",class:e,fill:"none",height:this.size,part:"icon",style:i,viewBox:`0 0 ${t} ${t}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},16===this.size&&a(s,{key:"ceccc5037eb89ec0a5bcb9012f04094475a7e9b0"},a("path",{key:"e2e40323d700e1365fbd05a8ec0e0e59083bd22c",d:"M9.99998 8.66669C10.3666 8.66669 10.6806 8.53602 10.942 8.27469C11.2029 8.0138 11.3333 7.70002 11.3333 7.33335C11.3333 6.96669 11.2029 6.65269 10.942 6.39135C10.6806 6.13046 10.3666 6.00002 9.99998 6.00002C9.63331 6.00002 9.31953 6.13046 9.05865 6.39135C8.79731 6.65269 8.66665 6.96669 8.66665 7.33335C8.66665 7.70002 8.79731 8.0138 9.05865 8.27469C9.31953 8.53602 9.63331 8.66669 9.99998 8.66669ZM7.33331 11.3334H12.6666V10.9667C12.6666 10.4667 12.4222 10.0694 11.9333 9.77469C11.4444 9.48046 10.8 9.33335 9.99998 9.33335C9.19998 9.33335 8.55553 9.48046 8.06665 9.77469C7.57776 10.0694 7.33331 10.4667 7.33331 10.9667V11.3334ZM2.66665 13.3334C2.29998 13.3334 1.9862 13.2029 1.72531 12.942C1.46398 12.6807 1.33331 12.3667 1.33331 12V4.00002C1.33331 3.63335 1.46398 3.31958 1.72531 3.05869C1.9862 2.79735 2.29998 2.66669 2.66665 2.66669H6.11665C6.29442 2.66669 6.46398 2.70002 6.62531 2.76669C6.7862 2.83335 6.92776 2.9278 7.04998 3.05002L7.99998 4.00002H13.3333C13.7 4.00002 14.014 4.13069 14.2753 4.39202C14.5362 4.65291 14.6666 4.96669 14.6666 5.33335V12C14.6666 12.3667 14.5362 12.6807 14.2753 12.942C14.014 13.2029 13.7 13.3334 13.3333 13.3334H2.66665ZM2.66665 4.00002V12H13.3333V5.33335H7.44998L6.11665 4.00002H2.66665Z",fill:"currentColor"})),(20===this.size||24===this.size)&&a(s,{key:"471f86e592f0d44b4c41998b6d09c6a04f62187c"},a("path",{key:"05e915656c724af2b157d27706e81047c09b5250",d:"M15 13C15.55 13 16.021 12.804 16.413 12.412C16.8043 12.0207 17 11.55 17 11C17 10.45 16.8043 9.979 16.413 9.587C16.021 9.19567 15.55 9 15 9C14.45 9 13.9793 9.19567 13.588 9.587C13.196 9.979 13 10.45 13 11C13 11.55 13.196 12.0207 13.588 12.412C13.9793 12.804 14.45 13 15 13ZM11 17H19V16.45C19 15.7 18.6333 15.104 17.9 14.662C17.1667 14.2207 16.2 14 15 14C13.8 14 12.8333 14.2207 12.1 14.662C11.3667 15.104 11 15.7 11 16.45V17ZM4 20C3.45 20 2.97933 19.8043 2.588 19.413C2.196 19.021 2 18.55 2 18V6C2 5.45 2.196 4.97933 2.588 4.588C2.97933 4.196 3.45 4 4 4H9.175C9.44167 4 9.696 4.05 9.938 4.15C10.1793 4.25 10.3917 4.39167 10.575 4.575L12 6H20C20.55 6 21.021 6.196 21.413 6.588C21.8043 6.97933 22 7.45 22 8V18C22 18.55 21.8043 19.021 21.413 19.413C21.021 19.8043 20.55 20 20 20H4ZM4 6V18H20V8H11.175L9.175 6H4Z",fill:"currentColor"})),28===this.size&&a(s,{key:"4bf41cf45a62e303e401dbbd97ca28e37b49b04b"},a("path",{key:"8ffee09b9a70d55da280fd9b3285174e926b5b98",d:"M17.5 15.1667C18.1416 15.1667 18.6911 14.938 19.1485 14.4807C19.605 14.0241 19.8333 13.475 19.8333 12.8334C19.8333 12.1917 19.605 11.6422 19.1485 11.1849C18.6911 10.7283 18.1416 10.5 17.5 10.5C16.8583 10.5 16.3092 10.7283 15.8526 11.1849C15.3953 11.6422 15.1666 12.1917 15.1666 12.8334C15.1666 13.475 15.3953 14.0241 15.8526 14.4807C16.3092 14.938 16.8583 15.1667 17.5 15.1667ZM12.8333 19.8334H22.1666V19.1917C22.1666 18.3167 21.7389 17.6214 20.8833 17.1057C20.0278 16.5908 18.9 16.3334 17.5 16.3334C16.1 16.3334 14.9722 16.5908 14.1166 17.1057C13.2611 17.6214 12.8333 18.3167 12.8333 19.1917V19.8334ZM4.66665 23.3334C4.02498 23.3334 3.47587 23.1051 3.01931 22.6485C2.56198 22.1912 2.33331 21.6417 2.33331 21V7.00002C2.33331 6.35835 2.56198 5.80924 3.01931 5.35269C3.47587 4.89535 4.02498 4.66669 4.66665 4.66669H10.7041C11.0153 4.66669 11.312 4.72502 11.5943 4.84169C11.8759 4.95835 12.1236 5.12363 12.3375 5.33752L14 7.00002H23.3333C23.975 7.00002 24.5245 7.22869 24.9818 7.68602C25.4384 8.14258 25.6666 8.69169 25.6666 9.33335V21C25.6666 21.6417 25.4384 22.1912 24.9818 22.6485C24.5245 23.1051 23.975 23.3334 23.3333 23.3334H4.66665ZM4.66665 7.00002V21H23.3333V9.33335H13.0375L10.7041 7.00002H4.66665Z",fill:"currentColor"})))}};m.style=":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";const y=class{constructor(a){t(this,a),this.itemDrop=i(this,"itemDrop",7),this.focusedIndex=0,this.toggleDrag=t=>{const i=t.detail;Boolean(this.dragging)?this.stopDrag(i):this.startDrag(i)},this.startDrag=t=>{this.dragging=t,this.draggingStartIndex=this.getItemIndex(this.dragging),t.setAttribute("dragging","true");const i=this.getItemIndex(this.dragging);this.focusItemAtIndex(i),this.assistiveText=this.assistiveTextItemGrabbed},this.stopDrag=t=>{const i=this.getItemIndex(this.dragging);this.dragging=void 0,t.removeAttribute("dragging"),this.assistiveText=`${this.assistiveTextItemMoved} ${i+1}`,this.itemDrop.emit({item:t,oldIndex:this.draggingStartIndex,newIndex:i}),this.draggingStartIndex=void 0},this.onKeyDown=t=>{if("ArrowDown"===t.code)t.preventDefault(),Boolean(this.dragging)?this.moveDraggedItemDown():this.focusItemAtIndex((this.focusedIndex+1)%this.items.length);else if("ArrowUp"===t.code)t.preventDefault(),Boolean(this.dragging)?this.moveDraggedItemUp():this.focusItemAtIndex(0===this.focusedIndex?this.items.length-1:this.focusedIndex-1);else if("Space"===t.code||"Enter"===t.code){const i=t.composedPath()[0];if(Boolean(this.dragging)&&!i?.classList.contains("resource-list-item__drag-handle"))t.preventDefault(),this.stopDrag(this.dragging);else if(Boolean(this.controllingElement)){const i=this.items[this.focusedIndex];if(!Boolean(i)||!i.isConnected)return;t.stopPropagation(),t.preventDefault(),i.click()}}else"Home"===t.code?(t.preventDefault(),this.focusItemAtIndex(0)):"End"===t.code&&(t.preventDefault(),this.focusItemAtIndex(this.items.length-1))},this.allowDrag=void 0,this.assistiveTextItemGrabbed="Item grabbed. Use arrow keys to move item up or down. Use spacebar to save position.",this.assistiveTextItemMoving="Current position:",this.assistiveTextItemMoved="Item moved. New position:",this.controllingElement=void 0,this.label=void 0,this.spacing="0",this.assistiveText=void 0,this.listId=c()}componentDidLoad(){this.observeSlotChanges(),this.collectItems(),this.setupControllingElement(),this.setItemAllowDragState(),this.setupDragDrop()}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.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((t=>t.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(t){return this.items.map((t=>t)).findIndex((i=>i===t))}removeItemsFromTabOrder(){this.items.forEach((t=>{const i=t?.querySelector(".resource-list-item__content, .resource-list-file-item, [data-resource-list-item-button]"),a=t?.querySelector(".resource-list-item__drag-handle");Boolean(this.controllingElement)&&t.setAttribute("aria-selected","false"),i?.setAttribute("tabIndex","-1"),a?.setAttribute("tabIndex","-1")}))}setItemAllowDragState(){this.items.forEach(this.allowDrag?t=>{t.setAttribute("allow-drag","true"),t.addEventListener("toggleDrag",this.toggleDrag)}:t=>{t.removeAttribute("allow-drag"),t.removeEventListener("toggleDrag",this.toggleDrag)})}setupDragDrop(){Boolean(this.sortable)&&this.sortable.destroy(),this.allowDrag&&(this.sortable=p.create(this.gridEl,{animation:150,draggable:"swirl-resource-list-item",handle:".resource-list-item__drag-handle",onEnd:t=>{this.itemDrop.emit({item:t.item,oldIndex:t.oldDraggableIndex,newIndex:t.newDraggableIndex})}}))}enableItemFocus(t,i){if(!Boolean(t)||Boolean(this.controllingElement))return;const a=t.querySelector(".resource-list-item__content, .resource-list-file-item, [data-resource-list-item-button]"),e=t.querySelector(".resource-list-item__drag-handle");Boolean(e)&&e.setAttribute("tabIndex","0"),Boolean(a)&&(a.setAttribute("tabIndex","0"),i&&!Boolean(this.controllingElement)&&a.focus())}focusItemAtIndex(t){this.removeItemsFromTabOrder();const i=this.items[t];Boolean(i)&&i.isConnected&&(this.enableItemFocus(i,!Boolean(this.controllingElement)),Boolean(this.controllingElement)&&(i.setAttribute("aria-selected","true"),i.scrollIntoView({block:"nearest"})),this.focusedIndex=t)}moveDraggedItemDown(){const t=this.dragging.nextElementSibling;Boolean(t)&&(t.after(this.dragging),this.collectItems(),this.focusItemAtIndex(this.getItemIndex(this.dragging)),this.assistiveText=`${this.assistiveTextItemMoving} ${this.getItemIndex(this.dragging)+1}`)}moveDraggedItemUp(){const t=this.dragging.previousElementSibling;Boolean(t)&&(t.before(this.dragging),this.collectItems(),this.focusItemAtIndex(this.getItemIndex(this.dragging)),this.assistiveText=`${this.assistiveTextItemMoving} ${this.getItemIndex(this.dragging)+1}`)}render(){return a(e,{key:"e905c17450067eaf38ddff7f96510b7492167cfd",onKeyDown:this.onKeyDown},a("swirl-visually-hidden",{key:"04c4c3bd40e4d6cf3191d82a7f02d28657750894",role:"alert"},this.assistiveText),a("swirl-box",{key:"69e5121591729a2e1b0b73dfd03b480b7dfff2a4",paddingInlineEnd:"8",paddingInlineStart:"8"},a("swirl-stack",{key:"26f1ed908e7aa07fec178b181864ad55b6f3eb83","aria-label":this.label,class:"resource-list",id:this.listId,ref:t=>this.gridEl=t,role:"grid",spacing:this.spacing},a("slot",{key:"be58ba0ed961b776bc1c424b9ed5e8447e824093"}))))}get el(){return o(this)}static get watchers(){return{allowDrag:["watchAllowDrag"]}}};y.style=".sc-swirl-resource-list-h{display:block;width:100%}.sc-swirl-resource-list-h *.sc-swirl-resource-list{box-sizing:border-box}";const h=class{constructor(a){t(this,a),this.toggleDrag=i(this,"toggleDrag",7),this.valueChange=i(this,"valueChange",7),this.desktopMediaQuery=d(),this.elementId=c(),this.desktopMediaQueryHandler=t=>{this.forceIconProps(t.matches),this.updateIconSize(t.matches)},this.onClick=()=>{this.selectable&&(this.checked=!this.checked,this.valueChange.emit(this.checked))},this.onBlur=()=>{this.makeControlUnfocusable()},this.onFocus=()=>{this.makeControlFocusable()},this.onMenuTriggerClick=t=>{this.disabled&&!Boolean(this.href)&&t.stopPropagation()},this.onDragHandleKeyDown=t=>{"Space"!==t.code&&"Enter"!==t.code||(t.preventDefault(),this.toggleDrag.emit(this.el))},this.onControlClick=t=>{t.stopPropagation()},this.active=void 0,this.allowDrag=void 0,this.allowHtml=!0,this.checked=!1,this.compact=void 0,this.description=void 0,this.descriptionWrap=void 0,this.disabled=void 0,this.dragging=void 0,this.dragHandleDescription="Press spacebar to toggle grab",this.dragHandleLabel="Move item",this.hideDivider=void 0,this.href=void 0,this.interactive=!0,this.label=void 0,this.labelWeight="medium",this.labelWrap=void 0,this.menuTriggerId=void 0,this.menuTriggerLabel="Options",this.meta=void 0,this.selectable=void 0,this.swirlAriaLabel=void 0,this.value=void 0,this.hasMedia=!1,this.iconSize=24}componentWillLoad(){this.updateMediaState()}componentDidLoad(){this.forceIconProps(this.desktopMediaQuery.matches),this.updateIconSize(this.desktopMediaQuery.matches),this.desktopMediaQuery.onchange=this.desktopMediaQueryHandler,this.makeControlUnfocusable(),Boolean(this.menuTriggerId)&&console.warn('[Swirl] The "menu-trigger-id" prop of swirl-resource-list-item is deprecated and will be removed with the next major release. Please use the "control" slot to add a menu button instead. https://swirl-storybook.flip-app.dev/?path=/docs/components-swirlresourcelistitem--docs')}disconnectedCallback(){this.desktopMediaQuery.removeEventListener?.("change",this.desktopMediaQueryHandler)}forceIconProps(t){const i=this.iconEl?.children[0];i?.setAttribute("size",t?"20":"24")}updateIconSize(t){this.iconSize=t?20:24}updateMediaState(){const t=this.el.querySelector('[slot="media"]'),i=Boolean(t);i!==this.hasMedia&&(this.hasMedia=i)}getControl(){return this.el.querySelector('[slot="control"] button')}makeControlFocusable(){const t=this.getControl();Boolean(t)&&(t.tabIndex=0)}makeControlUnfocusable(){const t=this.getControl();Boolean(t)&&(t.tabIndex=-1)}render(){const t=this.interactive||this.selectable?Boolean(this.href)&&!this.selectable?"a":"button":"div",i=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,d=s&&(Boolean(this.meta)||o),p=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,m=this.interactive&&this.selectable?"checkbox":void 0,y=!c&&Boolean(this.controlContainer)?{paddingRight:`calc(${this.controlContainer?.getBoundingClientRect().width}px + var(--s-space-16))`}:void 0,h=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":d,"resource-list-item--show-meta":c,"resource-list-item--wrap-description":this.descriptionWrap,"resource-list-item--wrap-label":this.labelWrap});return a(e,{key:"a10409a38264aedcb984dbb18a3b117ee3a6fbf7",role:"row"},a("div",{key:"bbb1141f8b853d4a28bfdf40ba4503b45c88947b",class:h,role:"gridcell"},a(t,{key:"de393bac42fe13a6272aa6f6bfe9b058cd31f0b6","aria-checked":b,"aria-disabled":i?"true":void 0,"aria-label":u,"aria-labelledby":Boolean(this.swirlAriaLabel)?void 0:this.elementId,class:"resource-list-item__content",href:n,disabled:i,onClick:this.onClick,onBlur:this.onBlur,onFocus:this.onFocus,part:"resource-list-item__content",role:m,tabIndex:0,type:"button"===t?"button":void 0},this.hasMedia&&a("span",{key:"03713ae4710c72010a24a5df6e9e8401d3561fe4",class:"resource-list-item__media"},a("slot",{key:"8521bc2441764bfe61afab1a9ad84cbf4cbbdf08",name:"media"})),a("span",{key:"55d6c99daf2e57b566c9c07662247ba1937c07bd",class:"resource-list-item__label-container",style:y},a("span",{key:"64a7f44766a57ad491aa878422fdb08f82dba894",class:"resource-list-item__label",id:this.elementId,innerHTML:this.allowHtml?this.label:void 0},!this.allowHtml&&this.label),this.description&&a("span",{key:"fd6d3c4540cd0d085092b992434efd234b68ee84",class:"resource-list-item__description",innerHTML:this.allowHtml?this.description:void 0},!this.allowHtml&&this.description)),c&&a("span",{key:"a5e92893c72ac723333257aa4f6e49c7d9316852",class:"resource-list-item__meta"},a("span",{key:"4407cc4da70749c2e9abe19cf7058edc98d94e31",class:"resource-list-item__meta-text"},this.meta),a("span",{key:"384d5a72dcd83555047d2c7ef27f9914ee6e33c7",class:"resource-list-item__badges"},a("slot",{key:"fa000766ce367c8f9545aa8f7457335fd02b7d73",name:"badges"})))),this.selectable&&a("span",{key:"0923c527c6044932af7a3c0293134e5bfd1c2eb9","aria-hidden":"true",class:"resource-list-item__checkbox"},a("span",{key:"d1b1250b6f7471fc0f893966eed15eeef3592af4",class:"resource-list-item__checkbox-icon"},this.checked&&a("swirl-icon-check-strong",{key:"530934d130a9fba3dd99719cb647f53fa697ab42"}))),a("span",{key:"df5f1782f2126f554b4100420c5b9d45c5b8f793",class:"resource-list-item__control",onClick:this.onControlClick,ref:t=>this.controlContainer=t},a("slot",{key:"3b0fa99132b3fba416547fb839b00a6ec0d75ed2",name:"control"})),p&&a("swirl-popover-trigger",{key:"bfbc36084ae6871f821c437b52517e7f04e868f9",swirlPopover:this.menuTriggerId},a("swirl-button",{key:"4b8f9bd6c5d6c14deccc80200af58378c2cf64e5","aria-disabled":i?"true":void 0,class:"resource-list-item__menu-trigger",disabled:i,hideLabel:!0,icon:"<swirl-icon-more-horizontal></swirl-icon-more-horizontal>",intent:"primary",label:this.menuTriggerLabel,onClick:this.onMenuTriggerClick}))),this.allowDrag&&a("button",{key:"a9e8e50c27af4c053d814c29701cd8c61bd7f2c2","aria-describedby":this.dragHandleDescription,"aria-label":`${this.dragHandleLabel} "${this.label}"`,class:"resource-list-item__drag-handle",onKeyDown:this.onDragHandleKeyDown,type:"button"},a("swirl-icon-drag-handle",{key:"ff8879f00857f4efe09903c5ecc119d5474c1666",size:this.iconSize})))}get el(){return o(this)}};h.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--show-control-on-focus.sc-swirl-resource-list-item:hover,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus-within{--swirl-flat-button-background-default:var(--s-background-default);--swirl-flat-button-background-disabled:var(--s-background-disabled);--swirl-flat-button-background-hovered:var(--s-background-hovered);--swirl-flat-button-background-pressed:var(--s-background-pressed)}.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:hover .resource-list-item__control.sc-swirl-resource-list-item,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus .resource-list-item__control.sc-swirl-resource-list-item,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus-within .resource-list-item__control.sc-swirl-resource-list-item{pointer-events:auto;opacity:1}.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:hover .resource-list-item__meta.sc-swirl-resource-list-item,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus .resource-list-item__meta.sc-swirl-resource-list-item,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus-within .resource-list-item__meta.sc-swirl-resource-list-item{pointer-events:none;opacity:0}.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item .resource-list-item__control.sc-swirl-resource-list-item{pointer-events:none;opacity:0}.resource-list-item--draggable.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding-left:calc(var(--s-space-16) * 2 + 1.5rem)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item--draggable.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding-left:calc(var(--s-space-16) * 2 + 1rem)}}.resource-list-item--dragging.sc-swirl-resource-list-item{z-index:1;border-radius:var(--s-border-radius-s);background-color:var(--s-surface-overlay-pressed);box-shadow:0 0.0625rem 0.125rem rgba(25, 26, 28, 0.08),\n    0 0.25rem 2rem rgba(25, 26, 28, 0.16)}.resource-list-item--dragging.sc-swirl-resource-list-item:hover:not(.resource-list-item--disabled){background-color:var(--s-surface-overlay-pressed)}.resource-list-item--disabled.resource-list-item--checked.sc-swirl-resource-list-item .resource-list-item__checkbox.sc-swirl-resource-list-item{border-color:var(--s-icon-disabled);background-color:var(--s-icon-disabled)}.resource-list-item--disabled.sc-swirl-resource-list-item .resource-list-item__checkbox.sc-swirl-resource-list-item{border-color:var(--s-icon-disabled);background-color:transparent}.resource-list-item--disabled.sc-swirl-resource-list-item .resource-list-item__checkbox-icon.sc-swirl-resource-list-item{color:var(--s-text-on-status)}.resource-list-item--wrap-description.sc-swirl-resource-list-item .resource-list-item__description.sc-swirl-resource-list-item{white-space:normal}.resource-list-item--wrap-label.sc-swirl-resource-list-item .resource-list-item__label.sc-swirl-resource-list-item{white-space:normal}.resource-list-item__content.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-default);--swirl-badge-border-color:var(--s-background-default);position:relative;display:flex;width:100%;min-width:0;margin:0;padding-top:var(--s-space-12);padding-right:0;padding-bottom:var(--s-space-12);padding-left:var(--s-space-8);align-items:flex-start;border:none;border-radius:var(--s-border-radius-sm);color:var(--s-text-default);background-color:var(--swirl-resource-list-item-background-default);font:inherit;line-height:var(--s-line-height-sm);text-align:left;text-decoration:none;gap:var(--s-space-12)}.resource-list-item__content.sc-swirl-resource-list-item:focus{outline:none}.resource-list-item__content.sc-swirl-resource-list-item:focus-visible{background-color:var(--s-background-hovered)}.resource-list-item__content.sc-swirl-resource-list-item:focus-visible .resource-list-item__media.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-hovered);--swirl-badge-border-color:var(--s-background-hovered)}.resource-list-item__content.sc-swirl-resource-list-item:disabled{color:var(--s-text-disabled);cursor:default}.resource-list-item__content.sc-swirl-resource-list-item:disabled .resource-list-item__description.sc-swirl-resource-list-item{color:var(--s-text-disabled)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item__content.sc-swirl-resource-list-item{padding:var(--s-space-12) var(--s-space-8);line-height:var(--s-line-height-base)}}.resource-list-item__media.sc-swirl-resource-list-item{display:inline-flex;flex-shrink:0}.resource-list-item__label-container.sc-swirl-resource-list-item{position:relative;display:flex;min-width:0;min-height:3rem;padding-right:var(--s-space-16);flex-grow:1;justify-content:center;flex-direction:column}.resource-list-item__label.sc-swirl-resource-list-item{overflow:hidden;font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);white-space:nowrap;text-overflow:ellipsis}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item__label.sc-swirl-resource-list-item{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.resource-list-item__description.sc-swirl-resource-list-item{overflow:hidden;color:var(--s-text-subdued);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);white-space:nowrap;text-overflow:ellipsis}.resource-list-item__menu-trigger.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-16);transform:translateY(-50%)}.resource-list-item__control.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-8);transform:translateY(-50%)}.resource-list-item__checkbox.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-16);display:flex;width:1.125rem;height:1.125rem;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:var(--s-border-radius-s);transform:translateY(-50%);pointer-events:none}@media (min-width: 768px){.resource-list-item__checkbox.sc-swirl-resource-list-item{right:auto;left:calc(var(--s-space-16) - var(--s-space-2))}}.resource-list-item__checkbox-icon.sc-swirl-resource-list-item{display:inline-flex;width:1.0625rem;height:1.0625rem}.resource-list-item__checkbox-icon.sc-swirl-resource-list-item>*.sc-swirl-resource-list-item::part(icon){width:1.0625rem;height:1.0625rem}.resource-list-item__meta.sc-swirl-resource-list-item{display:flex;align-items:flex-end;color:var(--s-text-subdued);font-size:var(--s-font-size-sm);flex-direction:column;align-self:flex-start;gap:var(--s-space-2)}.resource-list-item__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{u as swirl_app_layout,b as swirl_empty_state,m as swirl_icon_folder_shared,y as swirl_resource_list,h as swirl_resource_list_item}
+import{r as t,c as i,h as a,H as e,g as o,F as s}from"./p-e212b5b7.js";import{c as r}from"./p-a5dce9e6.js";import{i as l,f as n,g as d}from"./p-5848d900.js";import{S as p}from"./p-1486d7ea.js";import{v as c}from"./p-14616bce.js";const u=class{constructor(a){t(this,a),this.ctaClick=i(this,"ctaClick",7),this.mobileViewChange=i(this,"mobileViewChange",7),this.navigationBackButtonClick=i(this,"navigationBackButtonClick",7),this.sidebarToggle=i(this,"sidebarToggle",7),this.onBackToNavigationViewButtonClick=()=>{this.changeMobileView("navigation")},this.onCtaClick=t=>{this.ctaClick.emit(t)},this.onNavigationBackButtonClick=t=>{this.navigationBackButtonClick.emit(t)},this.onSidebarCloseButtonClick=()=>{this.hideSidebar()},this.appName=void 0,this.backToNavigationViewButtonLabel="Back to navigation",this.ctaIcon=void 0,this.ctaLabel=void 0,this.hasNavigation=void 0,this.hideAppBar=void 0,this.navigationBackButtonLabel="Go back",this.navigationLabel=void 0,this.showNavigationBackButton=void 0,this.sidebarCloseButtonLabel="Close sidebar",this.sidebarHeading=void 0,this.transitionStyle="slides",this.hasCustomAppBarBackButton=void 0,this.hasSidebar=void 0,this.mobileView="navigation",this.sidebarActive=void 0,this.sidebarClosing=void 0,this.transitioningFrom=void 0,this.transitioningTo=void 0}componentWillLoad(){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()}))}disconnectedCallback(){this.mutationObserver?.disconnect()}watchMobileView(){this.checkMobileView()}async showSidebar(){!this.sidebarActive&&this.hasSidebar&&(this.sidebarActive=!0,this.changeMobileView("sidebar"),this.sidebarToggle.emit(!0))}async hideSidebar(){if(!this.sidebarActive||!this.hasSidebar)return;Boolean(this.sidebarClosingTimeout)&&clearTimeout(this.sidebarClosingTimeout),this.sidebarClosing=!0;const t=l()||n()?0:300;this.sidebarClosingTimeout=setTimeout((()=>{this.sidebarActive=!1,this.sidebarClosing=!1,this.changeMobileView("body"),this.sidebarToggle.emit(!1)}),t)}async toggleSidebar(){this.hasSidebar&&(this.sidebarActive?this.hideSidebar():this.showSidebar())}async changeMobileView(t,i=!0){if(this.mobileView===t||"navigation"===t&&!this.hasNavigation||"sidebar"===t&&!this.hasSidebar)return;if(!l()||!i)return this.mobileView=t,void this.mobileViewChange.emit(this.mobileView);Boolean(this.transitionTimeout)&&clearTimeout(this.transitionTimeout),this.transitioningFrom=this.mobileView,this.transitioningTo=t;const a=n();this.transitionTimeout=setTimeout((()=>{this.mobileView=t,this.transitioningFrom=void 0,this.transitioningTo=void 0,this.mobileViewChange.emit(this.mobileView)}),a?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 t="sidebar"===this.mobileView||this.sidebarActive;t!==this.sidebarActive&&(t?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"]'))}render(){const t=("body"===this.mobileView||this.transitioningTo)&&this.hasNavigation&&!this.hasCustomAppBarBackButton,i=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),d=r("app-layout",`app-layout--mobile-view-${this.mobileView}`,`app-layout--transitioning-from-${this.transitioningFrom}`,`app-layout--transitioning-to-${this.transitioningTo}`,`app-layout--transition-style-${this.transitionStyle}`,{"app-layout--has-app-bar-mobile-menu-button":s,"app-layout--has-app-bar-controls":i,"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--sidebar-active":"sidebar"===this.mobileView||this.sidebarActive,"app-layout--sidebar-closing":this.sidebarClosing});return a(e,{key:"6e7b1fb8e820c5df6bddc4a07d568aba44c78fc2"},a("section",{key:"e2523a00678f76d23765be5f5245ed8ef36b772b","aria-labelledby":"app-name",class:d},a("div",{key:"0a35883504693d22196086d2d192df940695ab3d",class:"app-layout__grid"},a("header",{key:"595cf6137de3f8c55aae7821e9b3be35ec8fb3e0",class:"app-layout__header"},a("span",{key:"2f811e9f81706e9b7bee4f931d67b2bc6a9df600",class:"app-layout__navigation-mobile-menu-button"},a("slot",{key:"661c053d500eaa9d3cd536a7be538ace1819df49",name:"navigation-mobile-menu-button"})),this.showNavigationBackButton&&a("span",{key:"b955c5f227aca005c02679104943586bb237f88b",class:"app-layout__navigation-back-button"},a("swirl-button",{key:"e313c403f96cc6e67de6eeb5db8453294b218e91",hideLabel:!0,icon:"<swirl-icon-arrow-back></swirl-icon-arrow-back>",label:this.navigationBackButtonLabel,onClick:this.onNavigationBackButtonClick})),a("swirl-heading",{key:"22e232563638cf73c3e6297142de6574442ecaee",as:"h1",class:"app-layout__app-name",headingId:"app-name",level:3,text:this.appName}),this.hasNavigation&&a("span",{key:"77a7f997eb95020d5e70699fa0713e40efcbc7b4",class:"app-layout__navigation-controls"},a("slot",{key:"0b9658989e188b7d35dc0f4a27d19d343c1918d2",name:"navigation-controls"}))),a("nav",{key:"d238f90f3b05de555b954290aaf1146d196657d6","aria-label":this.navigationLabel,class:"app-layout__navigation"},a("slot",{key:"bbdc977904503ca4114b621ecd93934c2334108b",name:"navigation"})),a("section",{key:"b48132a8158191263dd7c2a67b8c2a9b00af76fc","aria-labelledby":"app-name",class:"app-layout__body"},!this.hideAppBar&&a("header",{key:"c611663c10529f62b04ec98f6fba52fb06a0231e",class:"app-layout__app-bar"},a("span",{key:"f0268dd8cb7839e76f734d52c848f9fed8822b26",class:"app-layout__app-bar-mobile-menu-button"},a("slot",{key:"b2e3c55f74dfb6bbc77df0c5e75fb05840aa3d2d",name:"app-bar-mobile-menu-button"})),t&&a("span",{key:"ffe44556d2f26ab36634443e579323917082db4c",class:"app-layout__back-to-navigation-button"},a("swirl-button",{key:"332f83cd0a7c9a9ff6c7b87e928826e586e9a0c3",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})),a("span",{key:"05c553b3f06acb416efb611393a142375615aafb",class:"app-layout__custom-app-bar-back-button"},a("slot",{key:"384efd3c0b8b1931c1386f79cc726e7cfd447a59",name:"custom-app-bar-back-button"})),a("div",{key:"525fcbc43fba00f2529ba87c1c4086a5835015c2",class:"app-layout__app-bar-content"},a("slot",{key:"60f6b0c5ec6ffd68c93522863466bd6b3c0db363",name:"app-bar"})),a("div",{key:"87ec7fe96353196b906e44c6361751584ba6fc9e",class:"app-layout__app-bar-controls"},a("slot",{key:"79ebad5cf6ce6dff917c3902690f90ede110395a",name:"app-bar-controls"}))),a("div",{key:"69708a765e8d144a33e39752c12c205ea68c28ce",class:"app-layout__banner"},a("slot",{key:"44c74227806acf3d6367ea373698fcda7fb8d06c",name:"banner"})),a("div",{key:"f06ccbce3e86d8b5923cb299e09a271013a7c1b1",class:"app-layout__content"},a("slot",{key:"a82bfde80fc6deef3652b3b7fe253907d970ecf7",name:"content"})),a("div",{key:"d803093908c6fc820c3e2f38f8b065272c9844b9",class:"app-layout__bottom-bar"},a("slot",{key:"6f89842c944a309fd080d91a6fc462b178b63a3f",name:"bottom-bar"}))),a("aside",{key:"bab9d428055b9c20f46b850f83c12964d72b5bf4",class:"app-layout__sidebar"},a("header",{key:"c71437f69b01dd11660d3bbd2f3d3c7a41ab2f56",class:"app-layout__custom-sidebar-header"},a("slot",{key:"aa44cad222053bdb8ee7fb1819bc2152a4d0c878",name:"custom-sidebar-header"})),a("header",{key:"a81e3b7a9b6471d39edf5d6c8764bc20020cd22b",class:"app-layout__sidebar-header"},a("swirl-button",{key:"ee62ccd13ed77be1a0c9c6f6ced052c2f2af1035",class:"app-layout__sidebar-close-button",hideLabel:!0,icon:"<swirl-icon-close></swirl-icon-close>",label:this.sidebarCloseButtonLabel,onClick:this.onSidebarCloseButtonClick}),a("swirl-heading",{key:"cd381a558de158ada2958e9cbd76c106ef51481b",as:"h3",class:"app-layout__sidebar-heading",headingId:"sidebar-heading",level:3,text:this.sidebarHeading})),a("div",{key:"52c7f14a9bf4db580c1435b2f21e45a17fd22aed",class:"app-layout__sidebar-content"},a("slot",{key:"abcc082e929aecf20d08427cea0a6a6a59a4b547",name:"sidebar"}))),a("span",{key:"e79fc4b23a6bd62249eead44136b52393b9134d6",class:"app-layout__floating-action-button"},this.ctaLabel&&a("swirl-button",{key:"e7b751e38f923ca8ca83c88baab521abad426cd2",hideLabel:Boolean(this.ctaIcon),icon:this.ctaIcon,intent:"primary",label:this.ctaLabel,onClick:this.onCtaClick,variant:"floating"}),a("slot",{key:"4e18e70ef2a91504e97ee9ad728e6cdca208debc",name:"floating-action-button"})))))}get el(){return o(this)}static get watchers(){return{mobileView:["watchMobileView"]}}};u.style=':host{position:relative;z-index:1;display:flex;width:100%;height:100%}:host *{box-sizing:border-box}.app-layout{display:flex;overflow:hidden;width:100%;height:100%;margin-right:auto;margin-left:auto}.app-layout__grid{position:relative;display:grid;width:100%;height:100%;grid-template-columns:100%;grid-template-rows:3.5625rem 1fr;grid-template-areas:"body"\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: 768px){.app-layout--has-sidebar:not(.app-layout--has-navigation).app-layout--sidebar-active .app-layout__grid{animation:app-layout-no-nav-sidebar-slide-in 0.3s}@media (prefers-reduced-motion){.app-layout--has-sidebar:not(.app-layout--has-navigation).app-layout--sidebar-active .app-layout__grid{animation:none}}}@media (min-width: 768px){.app-layout--has-sidebar:not(.app-layout--has-navigation).app-layout--sidebar-closing .app-layout__grid{animation:app-layout-no-nav-sidebar-slide-out 0.3s}@media (prefers-reduced-motion){.app-layout--has-sidebar:not(.app-layout--has-navigation).app-layout--sidebar-closing .app-layout__grid{animation:none}}}@media (min-width: 768px){.app-layout--has-sidebar.app-layout--sidebar-active .app-layout__grid{grid-template-columns:1fr min(50%, 25rem);grid-template-areas:"body sidebar"\n          "body sidebar"}}.app-layout--has-sidebar .app-layout__grid{grid-template-columns:100%;grid-template-areas:"body"\n      "body"}@media (min-width: 1800px){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-active .app-layout__grid{animation:app-layout-sidebar-slide-in 0.3s;grid-template-columns:25rem 1fr 25rem;grid-template-areas:"header body sidebar"\n          "navigation body sidebar"}@media (prefers-reduced-motion){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-active .app-layout__grid{animation:none}}}@media (min-width: 1800px){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-closing .app-layout__grid{animation:app-layout-sidebar-slide-out 0.3s}@media (prefers-reduced-motion){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-closing .app-layout__grid{animation:none}}}@media (min-width: 768px){.app-layout--has-navigation.app-layout--has-sidebar .app-layout__grid{grid-template-columns:min(50%, 22.5rem) 1fr;grid-template-areas:"header body"\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: 768px) and (max-width: 1799px){.app-layout--has-navigation.app-layout--has-sidebar .app-layout__sidebar{position:absolute;top:0;right:0;bottom:0;width:min(40%, 25rem);border-left:var(--s-border-width-default) solid var(--s-border-default);box-shadow:var(--s-shadow-level-3)}}@media (max-width: 767px){.app-layout--mobile-view-navigation .app-layout__grid{grid-template-areas:"header"\n        "navigation"}.app-layout--mobile-view-navigation .app-layout__body,.app-layout--mobile-view-navigation .app-layout__sidebar{display:none}}@media (max-width: 767px){.app-layout--mobile-view-body .app-layout__grid{grid-template-areas:"body"\n        "body"}.app-layout--mobile-view-body .app-layout__header,.app-layout--mobile-view-body .app-layout__navigation,.app-layout--mobile-view-body .app-layout__sidebar{display:none}}@media (max-width: 767px){.app-layout--mobile-view-sidebar .app-layout__grid{grid-template-areas:"sidebar"\n        "sidebar"}.app-layout--mobile-view-sidebar .app-layout__header,.app-layout--mobile-view-sidebar .app-layout__navigation,.app-layout--mobile-view-sidebar .app-layout__body{display:none}}.app-layout--has-sidebar:not(.app-layout--sidebar-active) .app-layout__sidebar{display:none}@media (min-width: 768px){.app-layout--sidebar-closing .app-layout__sidebar{animation:app-layout-sidebar-overlay-slide-out 0.3s}@media (prefers-reduced-motion){.app-layout--sidebar-closing .app-layout__sidebar{animation:none}}}@media (min-width: 1800px){.app-layout--sidebar-closing .app-layout__sidebar{animation:none}}.app-layout--has-app-bar-controls .app-layout__app-bar-controls{display:block}.app-layout--has-bottom-bar .app-layout__body{grid-template-rows:minmax(3.5rem, auto) auto 1fr auto;grid-template-areas:"app-bar"\n      "banner"\n      "content"\n      "bottom-bar"}.app-layout--has-bottom-bar .app-layout__bottom-bar{display:block}.app-layout--has-custom-app-bar-back-button .app-layout__custom-app-bar-back-button{display:block}.app-layout--has-custom-sidebar-header .app-layout__sidebar-header{display:none}.app-layout--has-custom-sidebar-header .app-layout__custom-sidebar-header{display:block}.app-layout--has-floating-action-button .app-layout__floating-action-button{display:block}.app-layout--hide-app-bar .app-layout__body{grid-template-rows:auto 1fr;grid-template-areas:"banner"\n      "content"}.app-layout__header{z-index:1;display:flex;min-width:0;padding-top:var(--s-space-12);padding-right:var(--s-space-8);padding-bottom:var(--s-space-12);padding-left:var(--s-space-8);align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);grid-area:header;gap:var(--s-space-8)}@media (min-width: 768px){.app-layout__header{border-right:var(--s-border-width-default) solid var(--s-border-default)}}@media (min-width: 992px){.app-layout__header{padding-right:var(--s-space-16);padding-left:var(--s-space-16)}}.app-layout__app-name{min-width:0}.app-layout__app-name .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-layout__app-bar-mobile-menu-button,.app-layout__navigation-mobile-menu-button{flex-shrink:0}@media (min-width: 992px){.app-layout__app-bar-mobile-menu-button,.app-layout__navigation-mobile-menu-button{display:none}}.app-layout__app-bar-mobile-menu-button{padding-left:var(--s-space-8)}@media (min-width: 768px){.app-layout__app-bar-mobile-menu-button{padding-left:0}}.app-layout__navigation-back-button{margin-left:calc(-1 * var(--s-space-4))}.app-layout__floating-action-button{position:absolute;z-index:4;right:var(--s-space-16);bottom:var(--s-space-16);display:none}.app-layout__navigation-controls{flex-shrink:0}.app-layout__navigation{z-index:1;overflow-y:auto;border-right:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);grid-area:navigation}.app-layout__body{z-index:2;display:grid;width:100%;height:100%;grid-area:body;grid-template-rows:minmax(3.5rem, 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 var(--s-border-default);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;border-top:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);grid-area:bottom-bar}.app-layout__back-to-navigation-button{padding-left:var(--s-space-8)}@media (min-width: 768px){.app-layout__back-to-navigation-button{display:none}}.app-layout__banner{grid-area:banner}.app-layout__app-bar-content{min-width:0;flex-grow:1}.app-layout__custom-app-bar-back-button{display:none;padding-left:var(--s-space-8)}.app-layout__app-bar-controls{display:none;padding-right:var(--s-space-8)}@media (min-width: 768px){.app-layout__app-bar-controls{padding-right:var(--s-space-16)}}.app-layout__content{overflow:auto;background-color:var(--s-background-default);grid-area:content}.app-layout__sidebar{z-index:3;display:grid;width:100%;height:100%;border-left:var(--s-border-width-default) solid var(--s-border-default);grid-area:sidebar;grid-template-rows:3.5625rem 1fr;grid-template-areas:"sidebar-header"\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 var(--s-border-default);background-color:var(--s-background-default);grid-area:sidebar-header}.app-layout__sidebar-header{display:flex;min-width:0;padding-top:var(--s-space-12);padding-right:var(--s-space-8);padding-bottom:var(--s-space-12);padding-left:var(--s-space-8);align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);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}@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-out{from{overflow:hidden;grid-template-columns:25rem 1fr 25rem}to{overflow:hidden;grid-template-columns:25rem 1fr 0}}@keyframes app-layout-no-nav-sidebar-slide-in{from{overflow:hidden;grid-template-columns:1fr 0}to{overflow:hidden;grid-template-columns:1fr 25rem}}@keyframes app-layout-no-nav-sidebar-slide-out{from{overflow:hidden;grid-template-columns:1fr 25rem}to{overflow:hidden;grid-template-columns:1fr 0}}';const b=class{constructor(i){t(this,i),this.heading=void 0,this.illustration=void 0}render(){const t=Boolean(this.el.querySelector('[slot="controls"]')),i=Boolean(this.el.querySelector('[slot="illustration"]')),o=r("empty-state",{"empty-state--has-controls":t,"empty-state--has-slotted-illustration":i});return a(e,{key:"910eac8b85ee42dcdcc3e35a417dab64e873f25e"},a("div",{key:"d2b76b353e4f59eaff40cf304bf511ff903eed31",class:o},this.illustration&&!i&&a("img",{key:"26c7ad34d7845a7fe3f72e9d8edd680ec727067b",alt:"",class:"empty-state__illustration",src:this.illustration}),a("div",{key:"be93399b1b00f790331e04afa4adaf8c7e8ea6c1",class:"empty-state__slotted-illustration"},a("slot",{key:"3505a06822a7f2e5316f079a029c25e2449b6d2c",name:"illustration"})),a("div",{key:"39f7790097fab3f0ca2008c0cd0638fbabd69c95",class:"empty-state__body"},a("swirl-stack",{key:"666590ff0460748fe199daaacb8d01242990b573",align:"stretch",spacing:"8"},this.heading&&a("swirl-heading",{key:"7c1d2d059efb373e0fce2f2ccc7d3ba0987819a2",align:"center",as:"p",level:4,text:this.heading}),a("div",{key:"aa98b76c0669f5e1b899bce4969b2d65f152e6d3",class:"empty-state__content"},a("swirl-text",{key:"7b81e1e942ee767cd1b93d757b44b2958119f2ac",align:"center",color:"subdued"},a("slot",{key:"ca182287a03f1db96e4eb9d1e46ab268817d5570"})))),a("div",{key:"0e47796c0063949ba56e7f9efff7a0a3622c216c",class:"empty-state__controls"},a("slot",{key:"7f75b89a83f4475d629a4dc6699de27187330215",name:"controls"})))))}get el(){return o(this)}};b.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(i){t(this,i),this.color=void 0,this.size=24}render(){const t=20===this.size?24:this.size,i={color:Boolean(this.color)?`var(--s-icon-${this.color})`:void 0},e=r("swirl-icon",`swirl-icon--size-${this.size}`);return a("svg",{key:"2358cd477444935f28756e0eb2b7d0bb419d7e01","aria-hidden":"true",class:e,fill:"none",height:this.size,part:"icon",style:i,viewBox:`0 0 ${t} ${t}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},16===this.size&&a(s,{key:"ceccc5037eb89ec0a5bcb9012f04094475a7e9b0"},a("path",{key:"e2e40323d700e1365fbd05a8ec0e0e59083bd22c",d:"M9.99998 8.66669C10.3666 8.66669 10.6806 8.53602 10.942 8.27469C11.2029 8.0138 11.3333 7.70002 11.3333 7.33335C11.3333 6.96669 11.2029 6.65269 10.942 6.39135C10.6806 6.13046 10.3666 6.00002 9.99998 6.00002C9.63331 6.00002 9.31953 6.13046 9.05865 6.39135C8.79731 6.65269 8.66665 6.96669 8.66665 7.33335C8.66665 7.70002 8.79731 8.0138 9.05865 8.27469C9.31953 8.53602 9.63331 8.66669 9.99998 8.66669ZM7.33331 11.3334H12.6666V10.9667C12.6666 10.4667 12.4222 10.0694 11.9333 9.77469C11.4444 9.48046 10.8 9.33335 9.99998 9.33335C9.19998 9.33335 8.55553 9.48046 8.06665 9.77469C7.57776 10.0694 7.33331 10.4667 7.33331 10.9667V11.3334ZM2.66665 13.3334C2.29998 13.3334 1.9862 13.2029 1.72531 12.942C1.46398 12.6807 1.33331 12.3667 1.33331 12V4.00002C1.33331 3.63335 1.46398 3.31958 1.72531 3.05869C1.9862 2.79735 2.29998 2.66669 2.66665 2.66669H6.11665C6.29442 2.66669 6.46398 2.70002 6.62531 2.76669C6.7862 2.83335 6.92776 2.9278 7.04998 3.05002L7.99998 4.00002H13.3333C13.7 4.00002 14.014 4.13069 14.2753 4.39202C14.5362 4.65291 14.6666 4.96669 14.6666 5.33335V12C14.6666 12.3667 14.5362 12.6807 14.2753 12.942C14.014 13.2029 13.7 13.3334 13.3333 13.3334H2.66665ZM2.66665 4.00002V12H13.3333V5.33335H7.44998L6.11665 4.00002H2.66665Z",fill:"currentColor"})),(20===this.size||24===this.size)&&a(s,{key:"471f86e592f0d44b4c41998b6d09c6a04f62187c"},a("path",{key:"05e915656c724af2b157d27706e81047c09b5250",d:"M15 13C15.55 13 16.021 12.804 16.413 12.412C16.8043 12.0207 17 11.55 17 11C17 10.45 16.8043 9.979 16.413 9.587C16.021 9.19567 15.55 9 15 9C14.45 9 13.9793 9.19567 13.588 9.587C13.196 9.979 13 10.45 13 11C13 11.55 13.196 12.0207 13.588 12.412C13.9793 12.804 14.45 13 15 13ZM11 17H19V16.45C19 15.7 18.6333 15.104 17.9 14.662C17.1667 14.2207 16.2 14 15 14C13.8 14 12.8333 14.2207 12.1 14.662C11.3667 15.104 11 15.7 11 16.45V17ZM4 20C3.45 20 2.97933 19.8043 2.588 19.413C2.196 19.021 2 18.55 2 18V6C2 5.45 2.196 4.97933 2.588 4.588C2.97933 4.196 3.45 4 4 4H9.175C9.44167 4 9.696 4.05 9.938 4.15C10.1793 4.25 10.3917 4.39167 10.575 4.575L12 6H20C20.55 6 21.021 6.196 21.413 6.588C21.8043 6.97933 22 7.45 22 8V18C22 18.55 21.8043 19.021 21.413 19.413C21.021 19.8043 20.55 20 20 20H4ZM4 6V18H20V8H11.175L9.175 6H4Z",fill:"currentColor"})),28===this.size&&a(s,{key:"4bf41cf45a62e303e401dbbd97ca28e37b49b04b"},a("path",{key:"8ffee09b9a70d55da280fd9b3285174e926b5b98",d:"M17.5 15.1667C18.1416 15.1667 18.6911 14.938 19.1485 14.4807C19.605 14.0241 19.8333 13.475 19.8333 12.8334C19.8333 12.1917 19.605 11.6422 19.1485 11.1849C18.6911 10.7283 18.1416 10.5 17.5 10.5C16.8583 10.5 16.3092 10.7283 15.8526 11.1849C15.3953 11.6422 15.1666 12.1917 15.1666 12.8334C15.1666 13.475 15.3953 14.0241 15.8526 14.4807C16.3092 14.938 16.8583 15.1667 17.5 15.1667ZM12.8333 19.8334H22.1666V19.1917C22.1666 18.3167 21.7389 17.6214 20.8833 17.1057C20.0278 16.5908 18.9 16.3334 17.5 16.3334C16.1 16.3334 14.9722 16.5908 14.1166 17.1057C13.2611 17.6214 12.8333 18.3167 12.8333 19.1917V19.8334ZM4.66665 23.3334C4.02498 23.3334 3.47587 23.1051 3.01931 22.6485C2.56198 22.1912 2.33331 21.6417 2.33331 21V7.00002C2.33331 6.35835 2.56198 5.80924 3.01931 5.35269C3.47587 4.89535 4.02498 4.66669 4.66665 4.66669H10.7041C11.0153 4.66669 11.312 4.72502 11.5943 4.84169C11.8759 4.95835 12.1236 5.12363 12.3375 5.33752L14 7.00002H23.3333C23.975 7.00002 24.5245 7.22869 24.9818 7.68602C25.4384 8.14258 25.6666 8.69169 25.6666 9.33335V21C25.6666 21.6417 25.4384 22.1912 24.9818 22.6485C24.5245 23.1051 23.975 23.3334 23.3333 23.3334H4.66665ZM4.66665 7.00002V21H23.3333V9.33335H13.0375L10.7041 7.00002H4.66665Z",fill:"currentColor"})))}};m.style=":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";const y=class{constructor(a){t(this,a),this.itemDrop=i(this,"itemDrop",7),this.focusedIndex=0,this.toggleDrag=t=>{const i=t.detail;Boolean(this.dragging)?this.stopDrag(i):this.startDrag(i)},this.startDrag=t=>{this.dragging=t,this.draggingStartIndex=this.getItemIndex(this.dragging),t.setAttribute("dragging","true");const i=this.getItemIndex(this.dragging);this.focusItemAtIndex(i),this.assistiveText=this.assistiveTextItemGrabbed},this.stopDrag=t=>{const i=this.getItemIndex(this.dragging);this.dragging=void 0,t.removeAttribute("dragging"),this.assistiveText=`${this.assistiveTextItemMoved} ${i+1}`,this.itemDrop.emit({item:t,oldIndex:this.draggingStartIndex,newIndex:i}),this.draggingStartIndex=void 0},this.onKeyDown=t=>{if("ArrowDown"===t.code)t.preventDefault(),Boolean(this.dragging)?this.moveDraggedItemDown():this.focusItemAtIndex((this.focusedIndex+1)%this.items.length);else if("ArrowUp"===t.code)t.preventDefault(),Boolean(this.dragging)?this.moveDraggedItemUp():this.focusItemAtIndex(0===this.focusedIndex?this.items.length-1:this.focusedIndex-1);else if("Space"===t.code||"Enter"===t.code){const i=t.composedPath()[0];if(Boolean(this.dragging)&&!i?.classList.contains("resource-list-item__drag-handle"))t.preventDefault(),this.stopDrag(this.dragging);else if(Boolean(this.controllingElement)){const i=this.items[this.focusedIndex];if(!Boolean(i)||!i.isConnected)return;t.stopPropagation(),t.preventDefault(),i.click()}}else"Home"===t.code?(t.preventDefault(),this.focusItemAtIndex(0)):"End"===t.code&&(t.preventDefault(),this.focusItemAtIndex(this.items.length-1))},this.allowDrag=void 0,this.assistiveTextItemGrabbed="Item grabbed. Use arrow keys to move item up or down. Use spacebar to save position.",this.assistiveTextItemMoving="Current position:",this.assistiveTextItemMoved="Item moved. New position:",this.controllingElement=void 0,this.label=void 0,this.spacing="0",this.assistiveText=void 0,this.listId=c()}componentDidLoad(){this.observeSlotChanges(),this.collectItems(),this.setupControllingElement(),this.setItemAllowDragState(),this.setupDragDrop()}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.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((t=>t.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(t){return this.items.map((t=>t)).findIndex((i=>i===t))}removeItemsFromTabOrder(){this.items.forEach((t=>{const i=t?.querySelector(".resource-list-item__content, .resource-list-file-item, [data-resource-list-item-button]"),a=t?.querySelector(".resource-list-item__drag-handle");Boolean(this.controllingElement)&&t.setAttribute("aria-selected","false"),i?.setAttribute("tabIndex","-1"),a?.setAttribute("tabIndex","-1")}))}setItemAllowDragState(){this.items.forEach(this.allowDrag?t=>{t.setAttribute("allow-drag","true"),t.addEventListener("toggleDrag",this.toggleDrag)}:t=>{t.removeAttribute("allow-drag"),t.removeEventListener("toggleDrag",this.toggleDrag)})}setupDragDrop(){Boolean(this.sortable)&&this.sortable.destroy(),this.allowDrag&&(this.sortable=p.create(this.gridEl,{animation:150,draggable:"swirl-resource-list-item",handle:".resource-list-item__drag-handle",onEnd:t=>{this.itemDrop.emit({item:t.item,oldIndex:t.oldDraggableIndex,newIndex:t.newDraggableIndex})}}))}enableItemFocus(t,i){if(!Boolean(t)||Boolean(this.controllingElement))return;const a=t.querySelector(".resource-list-item__content, .resource-list-file-item, [data-resource-list-item-button]"),e=t.querySelector(".resource-list-item__drag-handle");Boolean(e)&&e.setAttribute("tabIndex","0"),Boolean(a)&&(a.setAttribute("tabIndex","0"),i&&!Boolean(this.controllingElement)&&a.focus())}focusItemAtIndex(t){this.removeItemsFromTabOrder();const i=this.items[t];Boolean(i)&&i.isConnected&&(this.enableItemFocus(i,!Boolean(this.controllingElement)),Boolean(this.controllingElement)&&(i.setAttribute("aria-selected","true"),i.scrollIntoView({block:"nearest"})),this.focusedIndex=t)}moveDraggedItemDown(){const t=this.dragging.nextElementSibling;Boolean(t)&&(t.after(this.dragging),this.collectItems(),this.focusItemAtIndex(this.getItemIndex(this.dragging)),this.assistiveText=`${this.assistiveTextItemMoving} ${this.getItemIndex(this.dragging)+1}`)}moveDraggedItemUp(){const t=this.dragging.previousElementSibling;Boolean(t)&&(t.before(this.dragging),this.collectItems(),this.focusItemAtIndex(this.getItemIndex(this.dragging)),this.assistiveText=`${this.assistiveTextItemMoving} ${this.getItemIndex(this.dragging)+1}`)}render(){return a(e,{key:"6cc50db2b8c6ab1bd6ea46b6ba1cefbecb853304",onKeyDown:this.onKeyDown},a("swirl-visually-hidden",{key:"5e98d1598c4898781285fd8c4d7bb9ee0ff3dbbd",role:"alert"},this.assistiveText),a("swirl-box",{key:"a3b358edcbc71612f3fa5cea7f459f886340204b",paddingInlineEnd:"8",paddingInlineStart:"8"},a("swirl-stack",{key:"0957f9378f9f06a8fdf7c0a64fd4fc8000ec60a2","aria-label":this.label,class:"resource-list",id:this.listId,ref:t=>this.gridEl=t,role:"grid",spacing:this.spacing},a("slot",{key:"76901b8006fb85ac204b262f79ddcf2ca2df8bab"}))))}get el(){return o(this)}static get watchers(){return{allowDrag:["watchAllowDrag"]}}};y.style=".sc-swirl-resource-list-h{display:block;width:100%}.sc-swirl-resource-list-h *.sc-swirl-resource-list{box-sizing:border-box}";const h=class{constructor(a){t(this,a),this.toggleDrag=i(this,"toggleDrag",7),this.valueChange=i(this,"valueChange",7),this.desktopMediaQuery=d(),this.elementId=c(),this.desktopMediaQueryHandler=t=>{this.forceIconProps(t.matches),this.updateIconSize(t.matches)},this.onClick=()=>{this.selectable&&(this.checked=!this.checked,this.valueChange.emit(this.checked))},this.onBlur=()=>{this.makeControlUnfocusable()},this.onFocus=()=>{this.makeControlFocusable()},this.onMenuTriggerClick=t=>{this.disabled&&!Boolean(this.href)&&t.stopPropagation()},this.onDragHandleKeyDown=t=>{"Space"!==t.code&&"Enter"!==t.code||(t.preventDefault(),this.toggleDrag.emit(this.el))},this.onControlClick=t=>{t.stopPropagation()},this.active=void 0,this.allowDrag=void 0,this.allowHtml=!0,this.checked=!1,this.compact=void 0,this.description=void 0,this.descriptionWrap=void 0,this.disabled=void 0,this.dragging=void 0,this.dragHandleDescription="Press spacebar to toggle grab",this.dragHandleLabel="Move item",this.hideDivider=void 0,this.href=void 0,this.interactive=!0,this.label=void 0,this.labelWeight="medium",this.labelWrap=void 0,this.menuTriggerId=void 0,this.menuTriggerLabel="Options",this.meta=void 0,this.selectable=void 0,this.swirlAriaLabel=void 0,this.value=void 0,this.hasMedia=!1,this.iconSize=24}componentWillLoad(){this.updateMediaState()}componentDidLoad(){this.forceIconProps(this.desktopMediaQuery.matches),this.updateIconSize(this.desktopMediaQuery.matches),this.desktopMediaQuery.onchange=this.desktopMediaQueryHandler,this.makeControlUnfocusable(),Boolean(this.menuTriggerId)&&console.warn('[Swirl] The "menu-trigger-id" prop of swirl-resource-list-item is deprecated and will be removed with the next major release. Please use the "control" slot to add a menu button instead. https://swirl-storybook.flip-app.dev/?path=/docs/components-swirlresourcelistitem--docs')}disconnectedCallback(){this.desktopMediaQuery.removeEventListener?.("change",this.desktopMediaQueryHandler)}forceIconProps(t){const i=this.iconEl?.children[0];i?.setAttribute("size",t?"20":"24")}updateIconSize(t){this.iconSize=t?20:24}updateMediaState(){const t=this.el.querySelector('[slot="media"]'),i=Boolean(t);i!==this.hasMedia&&(this.hasMedia=i)}getControl(){return this.el.querySelector('[slot="control"] button')}makeControlFocusable(){const t=this.getControl();Boolean(t)&&(t.tabIndex=0)}makeControlUnfocusable(){const t=this.getControl();Boolean(t)&&(t.tabIndex=-1)}render(){const t=this.interactive||this.selectable?Boolean(this.href)&&!this.selectable?"a":"button":"div",i=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,d=s&&(Boolean(this.meta)||o),p=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,m=this.interactive&&this.selectable?"checkbox":void 0,y=!c&&Boolean(this.controlContainer)?{paddingRight:`calc(${this.controlContainer?.getBoundingClientRect().width}px + var(--s-space-16))`}:void 0,h=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":d,"resource-list-item--show-meta":c,"resource-list-item--wrap-description":this.descriptionWrap,"resource-list-item--wrap-label":this.labelWrap});return a(e,{key:"a10409a38264aedcb984dbb18a3b117ee3a6fbf7",role:"row"},a("div",{key:"bbb1141f8b853d4a28bfdf40ba4503b45c88947b",class:h,role:"gridcell"},a(t,{key:"de393bac42fe13a6272aa6f6bfe9b058cd31f0b6","aria-checked":b,"aria-disabled":i?"true":void 0,"aria-label":u,"aria-labelledby":Boolean(this.swirlAriaLabel)?void 0:this.elementId,class:"resource-list-item__content",href:n,disabled:i,onClick:this.onClick,onBlur:this.onBlur,onFocus:this.onFocus,part:"resource-list-item__content",role:m,tabIndex:0,type:"button"===t?"button":void 0},this.hasMedia&&a("span",{key:"03713ae4710c72010a24a5df6e9e8401d3561fe4",class:"resource-list-item__media"},a("slot",{key:"8521bc2441764bfe61afab1a9ad84cbf4cbbdf08",name:"media"})),a("span",{key:"55d6c99daf2e57b566c9c07662247ba1937c07bd",class:"resource-list-item__label-container",style:y},a("span",{key:"64a7f44766a57ad491aa878422fdb08f82dba894",class:"resource-list-item__label",id:this.elementId,innerHTML:this.allowHtml?this.label:void 0},!this.allowHtml&&this.label),this.description&&a("span",{key:"fd6d3c4540cd0d085092b992434efd234b68ee84",class:"resource-list-item__description",innerHTML:this.allowHtml?this.description:void 0},!this.allowHtml&&this.description)),c&&a("span",{key:"a5e92893c72ac723333257aa4f6e49c7d9316852",class:"resource-list-item__meta"},a("span",{key:"4407cc4da70749c2e9abe19cf7058edc98d94e31",class:"resource-list-item__meta-text"},this.meta),a("span",{key:"384d5a72dcd83555047d2c7ef27f9914ee6e33c7",class:"resource-list-item__badges"},a("slot",{key:"fa000766ce367c8f9545aa8f7457335fd02b7d73",name:"badges"})))),this.selectable&&a("span",{key:"0923c527c6044932af7a3c0293134e5bfd1c2eb9","aria-hidden":"true",class:"resource-list-item__checkbox"},a("span",{key:"d1b1250b6f7471fc0f893966eed15eeef3592af4",class:"resource-list-item__checkbox-icon"},this.checked&&a("swirl-icon-check-strong",{key:"530934d130a9fba3dd99719cb647f53fa697ab42"}))),a("span",{key:"df5f1782f2126f554b4100420c5b9d45c5b8f793",class:"resource-list-item__control",onClick:this.onControlClick,ref:t=>this.controlContainer=t},a("slot",{key:"3b0fa99132b3fba416547fb839b00a6ec0d75ed2",name:"control"})),p&&a("swirl-popover-trigger",{key:"bfbc36084ae6871f821c437b52517e7f04e868f9",swirlPopover:this.menuTriggerId},a("swirl-button",{key:"4b8f9bd6c5d6c14deccc80200af58378c2cf64e5","aria-disabled":i?"true":void 0,class:"resource-list-item__menu-trigger",disabled:i,hideLabel:!0,icon:"<swirl-icon-more-horizontal></swirl-icon-more-horizontal>",intent:"primary",label:this.menuTriggerLabel,onClick:this.onMenuTriggerClick}))),this.allowDrag&&a("button",{key:"a9e8e50c27af4c053d814c29701cd8c61bd7f2c2","aria-describedby":this.dragHandleDescription,"aria-label":`${this.dragHandleLabel} "${this.label}"`,class:"resource-list-item__drag-handle",onKeyDown:this.onDragHandleKeyDown,type:"button"},a("swirl-icon-drag-handle",{key:"ff8879f00857f4efe09903c5ecc119d5474c1666",size:this.iconSize})))}get el(){return o(this)}};h.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--show-control-on-focus.sc-swirl-resource-list-item:hover,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus-within{--swirl-flat-button-background-default:var(--s-background-default);--swirl-flat-button-background-disabled:var(--s-background-disabled);--swirl-flat-button-background-hovered:var(--s-background-hovered);--swirl-flat-button-background-pressed:var(--s-background-pressed)}.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:hover .resource-list-item__control.sc-swirl-resource-list-item,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus .resource-list-item__control.sc-swirl-resource-list-item,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus-within .resource-list-item__control.sc-swirl-resource-list-item{pointer-events:auto;opacity:1}.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:hover .resource-list-item__meta.sc-swirl-resource-list-item,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus .resource-list-item__meta.sc-swirl-resource-list-item,.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item:focus-within .resource-list-item__meta.sc-swirl-resource-list-item{pointer-events:none;opacity:0}.resource-list-item--show-control-on-focus.sc-swirl-resource-list-item .resource-list-item__control.sc-swirl-resource-list-item{pointer-events:none;opacity:0}.resource-list-item--draggable.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding-left:calc(var(--s-space-16) * 2 + 1.5rem)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item--draggable.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding-left:calc(var(--s-space-16) * 2 + 1rem)}}.resource-list-item--dragging.sc-swirl-resource-list-item{z-index:1;border-radius:var(--s-border-radius-s);background-color:var(--s-surface-overlay-pressed);box-shadow:0 0.0625rem 0.125rem rgba(25, 26, 28, 0.08),\n    0 0.25rem 2rem rgba(25, 26, 28, 0.16)}.resource-list-item--dragging.sc-swirl-resource-list-item:hover:not(.resource-list-item--disabled){background-color:var(--s-surface-overlay-pressed)}.resource-list-item--disabled.resource-list-item--checked.sc-swirl-resource-list-item .resource-list-item__checkbox.sc-swirl-resource-list-item{border-color:var(--s-icon-disabled);background-color:var(--s-icon-disabled)}.resource-list-item--disabled.sc-swirl-resource-list-item .resource-list-item__checkbox.sc-swirl-resource-list-item{border-color:var(--s-icon-disabled);background-color:transparent}.resource-list-item--disabled.sc-swirl-resource-list-item .resource-list-item__checkbox-icon.sc-swirl-resource-list-item{color:var(--s-text-on-status)}.resource-list-item--wrap-description.sc-swirl-resource-list-item .resource-list-item__description.sc-swirl-resource-list-item{white-space:normal}.resource-list-item--wrap-label.sc-swirl-resource-list-item .resource-list-item__label.sc-swirl-resource-list-item{white-space:normal}.resource-list-item__content.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-default);--swirl-badge-border-color:var(--s-background-default);position:relative;display:flex;width:100%;min-width:0;margin:0;padding-top:var(--s-space-12);padding-right:0;padding-bottom:var(--s-space-12);padding-left:var(--s-space-8);align-items:flex-start;border:none;border-radius:var(--s-border-radius-sm);color:var(--s-text-default);background-color:var(--swirl-resource-list-item-background-default);font:inherit;line-height:var(--s-line-height-sm);text-align:left;text-decoration:none;gap:var(--s-space-12)}.resource-list-item__content.sc-swirl-resource-list-item:focus{outline:none}.resource-list-item__content.sc-swirl-resource-list-item:focus-visible{background-color:var(--s-background-hovered)}.resource-list-item__content.sc-swirl-resource-list-item:focus-visible .resource-list-item__media.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-hovered);--swirl-badge-border-color:var(--s-background-hovered)}.resource-list-item__content.sc-swirl-resource-list-item:disabled{color:var(--s-text-disabled);cursor:default}.resource-list-item__content.sc-swirl-resource-list-item:disabled .resource-list-item__description.sc-swirl-resource-list-item{color:var(--s-text-disabled)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item__content.sc-swirl-resource-list-item{padding:var(--s-space-12) var(--s-space-8);line-height:var(--s-line-height-base)}}.resource-list-item__media.sc-swirl-resource-list-item{display:inline-flex;flex-shrink:0}.resource-list-item__label-container.sc-swirl-resource-list-item{position:relative;display:flex;min-width:0;min-height:3rem;padding-right:var(--s-space-16);flex-grow:1;justify-content:center;flex-direction:column}.resource-list-item__label.sc-swirl-resource-list-item{overflow:hidden;font-size:var(--s-font-size-base);line-height:var(--s-line-height-base);white-space:nowrap;text-overflow:ellipsis}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item__label.sc-swirl-resource-list-item{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.resource-list-item__description.sc-swirl-resource-list-item{overflow:hidden;color:var(--s-text-subdued);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);white-space:nowrap;text-overflow:ellipsis}.resource-list-item__menu-trigger.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-16);transform:translateY(-50%)}.resource-list-item__control.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-8);transform:translateY(-50%)}.resource-list-item__checkbox.sc-swirl-resource-list-item{position:absolute;top:50%;right:var(--s-space-16);display:flex;width:1.125rem;height:1.125rem;justify-content:center;align-items:center;border:0.125rem solid var(--s-icon-default);border-radius:var(--s-border-radius-s);transform:translateY(-50%);pointer-events:none}@media (min-width: 768px){.resource-list-item__checkbox.sc-swirl-resource-list-item{right:auto;left:calc(var(--s-space-16) - var(--s-space-2))}}.resource-list-item__checkbox-icon.sc-swirl-resource-list-item{display:inline-flex;width:1.0625rem;height:1.0625rem}.resource-list-item__checkbox-icon.sc-swirl-resource-list-item>*.sc-swirl-resource-list-item::part(icon){width:1.0625rem;height:1.0625rem}.resource-list-item__meta.sc-swirl-resource-list-item{display:flex;align-items:flex-end;color:var(--s-text-subdued);font-size:var(--s-font-size-sm);flex-direction:column;align-self:flex-start;gap:var(--s-space-2)}.resource-list-item__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{u as swirl_app_layout,b as swirl_empty_state,m as swirl_icon_folder_shared,y as swirl_resource_list,h as swirl_resource_list_item}

package/dist/swirl-components/{p-b42a665e.entry.js → p-f5ede599.entry.js}

@@ -1 +1 @@
-import{r as C,h as s,F as t}from"./p-e212b5b7.js";import{c as e}from"./p-a5dce9e6.js";const i=class{constructor(s){C(this,s),this.size=24}render(){const C=20===this.size?24:this.size,i=e("swirl-symbol",`swirl-symbol--size-${this.size}`);return s("svg",{key:"59ff2198ff85a5f197f94f16cfb33da6c928b2e5",class:i,fill:"none",height:this.size,part:"symbol",viewBox:`0 0 ${C} ${C}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},s(t,{key:"1c1a6128c4e2d2643c75d5ca2d3c74a6b3dd4d8c"},s("path",{key:"ea21bab2b7842a4cf02e1d2859c98b0a35fc5e4f",d:"M21.41 11.58L12.41 2.58C12.2247 2.39525 12.0048 2.24892 11.7628 2.14938C11.5209 2.04985 11.2616 1.99909 11 2H4C3.47005 2.00158 2.96227 2.21281 2.58754 2.58754C2.21281 2.96227 2.00158 3.47005 2 4V11C1.99979 11.2639 2.05182 11.5253 2.15308 11.769C2.25434 12.0127 2.40283 12.2339 2.59 12.42L11.59 21.42C11.7753 21.6047 11.9952 21.7511 12.2372 21.8506C12.4791 21.9501 12.7384 22.0009 13 22C13.2626 22.0014 13.5228 21.9499 13.765 21.8485C14.0073 21.7471 14.2267 21.598 14.41 21.41L21.41 14.41C21.598 14.2267 21.7471 14.0073 21.8485 13.765C21.9499 13.5228 22.0014 13.2626 22 13C21.9982 12.4674 21.7862 11.957 21.41 11.58ZM5.5 7C5.20333 7 4.91332 6.91203 4.66665 6.7472C4.41997 6.58238 4.22771 6.34811 4.11418 6.07403C4.00065 5.79994 3.97094 5.49834 4.02882 5.20737C4.0867 4.91639 4.22956 4.64912 4.43934 4.43934C4.64912 4.22956 4.91639 4.0867 5.20737 4.02882C5.49834 3.97094 5.79994 4.00065 6.07403 4.11418C6.34811 4.22771 6.58238 4.41997 6.7472 4.66665C6.91203 4.91332 7 5.20333 7 5.5C7 5.89783 6.84197 6.27936 6.56066 6.56066C6.27936 6.84197 5.89783 7 5.5 7ZM17.27 15.27L13.35 19.19C13.3035 19.2369 13.2482 19.2741 13.1873 19.2994C13.1264 19.3248 13.061 19.3379 12.995 19.3379C12.929 19.3379 12.8636 19.3248 12.8027 19.2994C12.7418 19.2741 12.6865 19.2369 12.64 19.19L8.72 15.27C8.42058 14.9678 8.20222 14.5949 8.08511 14.1859C7.968 13.7769 7.95592 13.3449 8.05 12.93C8.15027 12.4954 8.36539 12.0957 8.67291 11.7726C8.98043 11.4495 9.36905 11.2149 9.79819 11.0933C10.2273 10.9717 10.6813 10.9676 11.1125 11.0813C11.5438 11.1951 11.9367 11.4226 12.25 11.74L13 12.46L13.73 11.73C14.1994 11.2606 14.8361 10.9968 15.5 10.9968C16.1639 10.9968 16.8006 11.2606 17.27 11.73C17.7394 12.1994 18.0032 12.8361 18.0032 13.5C18.0032 14.1639 17.7394 14.8006 17.27 15.27Z",fill:"currentColor"})))}};i.style=":host{display:inline-flex}";export{i as swirl_symbol_loyalty}
+import{r as C,h as s,F as e}from"./p-e212b5b7.js";import{c as t}from"./p-a5dce9e6.js";const i=class{constructor(s){C(this,s),this.size=24}render(){const C=20===this.size?24:this.size,i=t("swirl-symbol",`swirl-symbol--size-${this.size}`);return s("svg",{key:"7484746c74a2fe3469442b554b86efbdfa514787",class:i,fill:"none",height:this.size,part:"symbol",viewBox:`0 0 ${C} ${C}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},s(e,{key:"483cbc577c61c3b4e4d2a1dba8f81f1a03e09653"},s("path",{key:"fcc1720b07668e7d07412a7e74c0e7b60f2c3e9d",d:"M21.41 11.58L12.41 2.58C12.2247 2.39525 12.0048 2.24892 11.7628 2.14938C11.5209 2.04985 11.2616 1.99909 11 2H4C3.47005 2.00158 2.96227 2.21281 2.58754 2.58754C2.21281 2.96227 2.00158 3.47005 2 4V11C1.99979 11.2639 2.05182 11.5253 2.15308 11.769C2.25434 12.0127 2.40283 12.2339 2.59 12.42L11.59 21.42C11.7753 21.6047 11.9952 21.7511 12.2372 21.8506C12.4791 21.9501 12.7384 22.0009 13 22C13.2626 22.0014 13.5228 21.9499 13.765 21.8485C14.0073 21.7471 14.2267 21.598 14.41 21.41L21.41 14.41C21.598 14.2267 21.7471 14.0073 21.8485 13.765C21.9499 13.5228 22.0014 13.2626 22 13C21.9982 12.4674 21.7862 11.957 21.41 11.58ZM5.5 7C5.20333 7 4.91332 6.91203 4.66665 6.7472C4.41997 6.58238 4.22771 6.34811 4.11418 6.07403C4.00065 5.79994 3.97094 5.49834 4.02882 5.20737C4.0867 4.91639 4.22956 4.64912 4.43934 4.43934C4.64912 4.22956 4.91639 4.0867 5.20737 4.02882C5.49834 3.97094 5.79994 4.00065 6.07403 4.11418C6.34811 4.22771 6.58238 4.41997 6.7472 4.66665C6.91203 4.91332 7 5.20333 7 5.5C7 5.89783 6.84197 6.27936 6.56066 6.56066C6.27936 6.84197 5.89783 7 5.5 7ZM17.27 15.27L13.35 19.19C13.3035 19.2369 13.2482 19.2741 13.1873 19.2994C13.1264 19.3248 13.061 19.3379 12.995 19.3379C12.929 19.3379 12.8636 19.3248 12.8027 19.2994C12.7418 19.2741 12.6865 19.2369 12.64 19.19L8.72 15.27C8.42058 14.9678 8.20222 14.5949 8.08511 14.1859C7.968 13.7769 7.95592 13.3449 8.05 12.93C8.15027 12.4954 8.36539 12.0957 8.67291 11.7726C8.98043 11.4495 9.36905 11.2149 9.79819 11.0933C10.2273 10.9717 10.6813 10.9676 11.1125 11.0813C11.5438 11.1951 11.9367 11.4226 12.25 11.74L13 12.46L13.73 11.73C14.1994 11.2606 14.8361 10.9968 15.5 10.9968C16.1639 10.9968 16.8006 11.2606 17.27 11.73C17.7394 12.1994 18.0032 12.8361 18.0032 13.5C18.0032 14.1639 17.7394 14.8006 17.27 15.27Z",fill:"currentColor"})))}};i.style=":host{display:inline-flex}";export{i as swirl_symbol_loyalty}

package/dist/swirl-components/{p-b9a9ac5e.entry.js → p-fb512aaa.entry.js}

@@ -1 +1 @@
-import{r as n,h as e,H as i,g as a}from"./p-e212b5b7.js";import{c as t}from"./p-a5dce9e6.js";const s=class{constructor(e){n(this,e),this.active=void 0,this.badgeLabel=void 0,this.boxed=void 0,this.hideLabel=void 0,this.href=void 0,this.label=void 0,this.target=void 0,this.tiled=void 0}render(){const n=t("shell-navigation-item",{"shell-navigation-item--active":this.active,"shell-navigation-item--boxed":this.boxed,"shell-navigation-item--tiled":this.tiled}),a=Boolean(this.href);return e(i,{key:"82a90c5140f363e242e47dba35cfbea27647328f"},e("swirl-tooltip",{key:"45a7bb3c737490195899d63c0d184017d7fedff0",active:this.hideLabel,content:this.label,delay:100,position:"right",positioning:"fixed"},e(a?"a":"button",{key:"f0e60832d3e34974e6a2a34259e216cff4f2d992",class:n,href:this.href,target:this.target,type:a?void 0:"button"},e("span",{key:"b4f478010058bcdda6800cac98d06e715bee8081",class:"shell-navigation-item__icon"},e("slot",{key:"e9a9b8a9cfd4eaa9b1b847df2e53a677e062da37",name:"icon"})),this.hideLabel?e("swirl-visually-hidden",null,e("span",{class:"shell-navigation-item__label"},this.label)):e("span",{class:"shell-navigation-item__label"},this.label),null!=this.badgeLabel&&e("swirl-badge",{key:"2beb6d4e26af287b191e3e857d37de7235d612ca","aria-label":this.badgeLabel,class:t("shell-navigation-item__badge",{"shell-navigation-item__badge--dot":""===this.badgeLabel}),label:this.badgeLabel,size:"xs",variant:""===this.badgeLabel?"dot":"default"}))))}get el(){return a(this)}};s.style="/**\n* seems the container query does not work as expected\n*/\n\n:host {\n  display: inline-flex;\n  width: 100%;\n}\n\n:host * {\n    box-sizing: border-box;\n  }\n\n.shell-navigation-item {\n  --swirl-app-icon-size: 1.5rem;\n\n  position: relative;\n  display: flex;\n  width: 100%;\n  height: 3rem;\n  padding: var(--s-space-8);\n  flex-shrink: 0;\n  justify-content: flex-start;\n  align-items: center;\n  border: none;\n  border-radius: var(--s-border-radius-sm);\n  color: var(--s-text-default);\n  background-color: var(--s-surface-overlay-default);\n  font: inherit;\n  font-size: var(--s-font-size-sm);\n  font-weight: var(--s-font-weight-medium);\n  line-height: var(--s-line-height-sm);\n  text-decoration: none;\n  cursor: pointer;\n  container-type: size;\n  gap: var(--s-space-12);\n}\n\n.shell-navigation-item:hover {\n    background-color: var(--s-surface-sunken-hovered);\n  }\n\n.shell-navigation-item:hover .shell-navigation-item__badge {\n      --swirl-badge-border-color: var(--s-surface-sunken-hovered);\n    }\n\n.shell-navigation-item:active {\n    background-color: var(--s-surface-sunken-pressed);\n  }\n\n.shell-navigation-item:active .shell-navigation-item__badge {\n      --swirl-badge-border-color: var(--s-surface-sunken-pressed);\n    }\n\n.shell-navigation-item:focus {\n    outline: none;\n  }\n\n.shell-navigation-item:focus-visible {\n    z-index: 1;\n    box-shadow: 0 0 0 0.125rem var(--s-focus-default);\n  }\n\n.shell-navigation-item.shell-navigation-item--boxed {\n    --swirl-app-icon-size: 2rem;\n  }\n\n.shell-navigation-item.shell-navigation-item--boxed .shell-navigation-item__icon {\n      overflow: hidden;\n      border-width: var(--s-border-width-default);\n      border-style: solid;\n      border-color: var(--s-border-default);\n      border-radius: var(--s-border-radius-sm);\n      background-color: var(--s-background-default);\n    }\n\n.shell-navigation-item.shell-navigation-item--tiled {\n    --swirl-app-icon-size: 100%;\n\n    height: auto;\n    padding: 0;\n    align-items: start;\n    flex-direction: column;\n    container-type: unset;\n    gap: var(--s-space-8);\n  }\n\n.shell-navigation-item.shell-navigation-item--tiled:hover {\n      background-color: transparent;\n    }\n\n.shell-navigation-item.shell-navigation-item--tiled:hover .shell-navigation-item__label {\n        text-decoration: underline;\n      }\n\n.shell-navigation-item.shell-navigation-item--tiled ::slotted(swirl-app-icon) {\n      width: 100%;\n      height: 100%;\n    }\n\n.shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__icon {\n      overflow: hidden;\n      width: 100%;\n      min-width: 100%;\n      height: auto;\n      min-height: auto;\n      border-radius: var(--s-border-radius-base);\n      background-color: var(--s-surface-sunken-hovered);\n      aspect-ratio: 1;\n    }\n\n.shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__badge {\n      position: absolute;\n      top: -0.375rem;\n      right: -0.375rem;\n      padding: var(--s-space-2);\n    }\n\n.shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__label {\n      display: -webkit-box;\n      overflow: hidden;\n      text-align: start;\n      white-space: normal;\n      text-overflow: unset;\n      overflow-wrap: anywhere;\n      -webkit-line-clamp: 2;\n      -webkit-box-orient: vertical;\n    }\n\n.shell-navigation-item.shell-navigation-item--active {\n    background-color: var(--s-surface-sunken-hovered);\n  }\n\n.shell-navigation-item.shell-navigation-item--active .shell-navigation-item__icon {\n      color: var(--s-icon-highlight);\n    }\n\n.shell-navigation-item.shell-navigation-item--active .shell-navigation-item__label {\n      color: var(--s-text-highlight);\n    }\n\n.shell-navigation-item.shell-navigation-item--active .shell-navigation-item__badge {\n      --swirl-badge-border-color: var(--s-surface-sunken-hovered);\n    }\n\n.shell-navigation-item.shell-navigation-item--active:hover {\n    background-color: var(--s-surface-sunken-hovered);\n  }\n\n.shell-navigation-item.shell-navigation-item--active:hover .shell-navigation-item__badge {\n      --swirl-badge-border-color: var(--s-surface-sunken-hovered);\n    }\n\n.shell-navigation-item.shell-navigation-item--active:active {\n    background-color: var(--s-surface-sunken-pressed);\n  }\n\n.shell-navigation-item.shell-navigation-item--active:active .shell-navigation-item__badge {\n      --swirl-badge-border-color: var(--s-surface-sunken-pressed);\n    }\n\n@media (min-width: 992px) {\n\n.shell-navigation-item {\n    background-color: var(--s-surface-sunken-default)\n}\n  }\n\n.shell-navigation-item__icon {\n  display: inline-flex;\n  width: 2rem;\n  min-width: 2rem;\n  height: 2rem;\n  min-height: 2rem;\n  justify-content: center;\n  align-items: center;\n}\n\n.shell-navigation-item__label {\n  overflow: hidden;\n  min-width: 0;\n  flex-grow: 1;\n  text-align: start;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n\n.shell-navigation-item__badge {\n  --swirl-badge-border-color: var(--swirl-shell-background);\n}\n\n@container (max-width: 4rem) {\n  .shell-navigation-item__label {\n    display: none;\n  }\n\n  .shell-navigation-item__badge {\n    position: absolute;\n    top: var(--s-space-4);\n    right: var(--s-space-4);\n    padding: var(--s-space-2);\n  }\n\n  .shell-navigation-item__badge--dot {\n    top: var(--s-space-8);\n    right: var(--s-space-8);\n  }\n}\n\n@container (min-width: 10rem) {\n  .shell-navigation-item__badge--dot {\n    padding-right: var(--s-space-4);\n  }\n}\n";export{s as swirl_shell_navigation_item}
+import{r as n,h as e,H as i,g as a}from"./p-e212b5b7.js";import{c as t}from"./p-a5dce9e6.js";const s=class{constructor(e){n(this,e),this.active=void 0,this.badgeLabel=void 0,this.boxed=void 0,this.hideLabel=void 0,this.href=void 0,this.label=void 0,this.target=void 0,this.tiled=void 0}render(){const n=t("shell-navigation-item",{"shell-navigation-item--active":this.active,"shell-navigation-item--boxed":this.boxed,"shell-navigation-item--tiled":this.tiled}),a=Boolean(this.href);return e(i,{key:"9d595b03d1372141e7662b05fa086f3d7e36365c"},e("swirl-tooltip",{key:"a97bae55ea4d71a595b50f789e2b6acbd1bec472",active:this.hideLabel,content:this.label,delay:100,position:"right",positioning:"fixed"},e(a?"a":"button",{key:"b7b28c23b0558f3cfc09f58c2f43bf703cc694c6",class:n,href:this.href,target:this.target,type:a?void 0:"button"},e("span",{key:"8554b21fc40c9bcb5548e0faa811a1bc95cb59e2",class:"shell-navigation-item__icon"},e("slot",{key:"2a5da046f8decd2d7245d208ad00ed946b83c88b",name:"icon"})),this.hideLabel?e("swirl-visually-hidden",null,e("span",{class:"shell-navigation-item__label"},this.label)):e("span",{class:"shell-navigation-item__label"},this.label),null!=this.badgeLabel&&e("swirl-badge",{key:"571dae34ca6230b77eb1dfac0ed178891d9aaab7","aria-label":this.badgeLabel,class:t("shell-navigation-item__badge",{"shell-navigation-item__badge--dot":""===this.badgeLabel}),label:this.badgeLabel,size:"xs",variant:""===this.badgeLabel?"dot":"default"}))))}get el(){return a(this)}};s.style="/**\n* seems the container query does not work as expected\n*/\n\n:host {\n  display: inline-flex;\n  width: 100%;\n}\n\n:host * {\n    box-sizing: border-box;\n  }\n\n.shell-navigation-item {\n  --swirl-app-icon-size: 1.5rem;\n\n  position: relative;\n  display: flex;\n  width: 100%;\n  height: 3rem;\n  padding: var(--s-space-8);\n  flex-shrink: 0;\n  justify-content: flex-start;\n  align-items: center;\n  border: none;\n  border-radius: var(--s-border-radius-sm);\n  color: var(--s-text-default);\n  background-color: var(--s-surface-overlay-default);\n  font: inherit;\n  font-size: var(--s-font-size-sm);\n  font-weight: var(--s-font-weight-medium);\n  line-height: var(--s-line-height-sm);\n  text-decoration: none;\n  cursor: pointer;\n  container-type: size;\n  gap: var(--s-space-12);\n}\n\n.shell-navigation-item:hover {\n    background-color: var(--s-surface-sunken-hovered);\n  }\n\n.shell-navigation-item:hover .shell-navigation-item__badge {\n      --swirl-badge-border-color: var(--s-surface-sunken-hovered);\n    }\n\n.shell-navigation-item:active {\n    background-color: var(--s-surface-sunken-pressed);\n  }\n\n.shell-navigation-item:active .shell-navigation-item__badge {\n      --swirl-badge-border-color: var(--s-surface-sunken-pressed);\n    }\n\n.shell-navigation-item:focus {\n    outline: none;\n  }\n\n.shell-navigation-item:focus-visible {\n    z-index: 1;\n    box-shadow: 0 0 0 0.125rem var(--s-focus-default);\n  }\n\n.shell-navigation-item.shell-navigation-item--boxed {\n    --swirl-app-icon-size: 2rem;\n  }\n\n.shell-navigation-item.shell-navigation-item--boxed .shell-navigation-item__icon {\n      overflow: hidden;\n      border-width: var(--s-border-width-default);\n      border-style: solid;\n      border-color: var(--s-border-default);\n      border-radius: var(--s-border-radius-sm);\n      background-color: var(--s-background-default);\n    }\n\n.shell-navigation-item.shell-navigation-item--tiled {\n    --swirl-app-icon-size: 100%;\n\n    height: auto;\n    padding: 0;\n    align-items: start;\n    flex-direction: column;\n    container-type: unset;\n    gap: var(--s-space-8);\n  }\n\n.shell-navigation-item.shell-navigation-item--tiled:hover {\n      background-color: transparent;\n    }\n\n.shell-navigation-item.shell-navigation-item--tiled:hover .shell-navigation-item__label {\n        text-decoration: underline;\n      }\n\n.shell-navigation-item.shell-navigation-item--tiled ::slotted(swirl-app-icon) {\n      width: 100%;\n      height: 100%;\n    }\n\n.shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__icon {\n      overflow: hidden;\n      width: 100%;\n      min-width: 100%;\n      height: auto;\n      min-height: auto;\n      border-radius: var(--s-border-radius-base);\n      background-color: var(--s-surface-sunken-hovered);\n      aspect-ratio: 1;\n    }\n\n.shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__badge {\n      position: absolute;\n      top: -0.375rem;\n      right: -0.375rem;\n      padding: var(--s-space-2);\n    }\n\n.shell-navigation-item.shell-navigation-item--tiled .shell-navigation-item__label {\n      display: -webkit-box;\n      overflow: hidden;\n      text-align: start;\n      white-space: normal;\n      text-overflow: unset;\n      overflow-wrap: anywhere;\n      -webkit-line-clamp: 2;\n      -webkit-box-orient: vertical;\n    }\n\n.shell-navigation-item.shell-navigation-item--active {\n    background-color: var(--s-surface-sunken-hovered);\n  }\n\n.shell-navigation-item.shell-navigation-item--active .shell-navigation-item__icon {\n      color: var(--s-icon-highlight);\n    }\n\n.shell-navigation-item.shell-navigation-item--active .shell-navigation-item__label {\n      color: var(--s-text-highlight);\n    }\n\n.shell-navigation-item.shell-navigation-item--active .shell-navigation-item__badge {\n      --swirl-badge-border-color: var(--s-surface-sunken-hovered);\n    }\n\n.shell-navigation-item.shell-navigation-item--active:hover {\n    background-color: var(--s-surface-sunken-hovered);\n  }\n\n.shell-navigation-item.shell-navigation-item--active:hover .shell-navigation-item__badge {\n      --swirl-badge-border-color: var(--s-surface-sunken-hovered);\n    }\n\n.shell-navigation-item.shell-navigation-item--active:active {\n    background-color: var(--s-surface-sunken-pressed);\n  }\n\n.shell-navigation-item.shell-navigation-item--active:active .shell-navigation-item__badge {\n      --swirl-badge-border-color: var(--s-surface-sunken-pressed);\n    }\n\n@media (min-width: 992px) {\n\n.shell-navigation-item {\n    background-color: var(--s-surface-sunken-default)\n}\n  }\n\n.shell-navigation-item__icon {\n  display: inline-flex;\n  width: 2rem;\n  min-width: 2rem;\n  height: 2rem;\n  min-height: 2rem;\n  justify-content: center;\n  align-items: center;\n}\n\n.shell-navigation-item__label {\n  overflow: hidden;\n  min-width: 0;\n  flex-grow: 1;\n  text-align: start;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n\n.shell-navigation-item__badge {\n  --swirl-badge-border-color: var(--swirl-shell-background);\n}\n\n@container (max-width: 4rem) {\n  .shell-navigation-item__label {\n    display: none;\n  }\n\n  .shell-navigation-item__badge {\n    position: absolute;\n    top: var(--s-space-4);\n    right: var(--s-space-4);\n    padding: var(--s-space-2);\n  }\n\n  .shell-navigation-item__badge--dot {\n    top: var(--s-space-8);\n    right: var(--s-space-8);\n  }\n}\n\n@container (min-width: 10rem) {\n  .shell-navigation-item__badge--dot {\n    padding-right: var(--s-space-4);\n  }\n}\n";export{s as swirl_shell_navigation_item}

package/dist/swirl-components/{p-e88ef61b.entry.js → p-fb7913e6.entry.js}

@@ -1 +1 @@
-import{r as C,h as i,F as e}from"./p-e212b5b7.js";import{c as t}from"./p-a5dce9e6.js";const s=class{constructor(i){C(this,i),this.color=void 0,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 i("svg",{key:"e407064a6fb171c4fbc3c65ad8aeb0f251383f7b","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&&i(e,{key:"9b4b820422a50c3f7e799e88d1795e857cbf7d77"},i("path",{key:"58b26b288f6323f5b1de71f85769080b3b0807d7",d:"M14 2.66667C14 2.47778 13.9361 2.31944 13.8083 2.19167C13.6806 2.06389 13.5222 2 13.3333 2L9.33333 2C9.14445 2 8.98611 2.06389 8.85833 2.19167C8.73056 2.31944 8.66667 2.47778 8.66667 2.66667C8.66667 2.85556 8.73056 3.01389 8.85833 3.14167C8.98611 3.26944 9.14445 3.33333 9.33333 3.33333L11.7333 3.33333L3.33333 11.7333V9.33333C3.33333 9.14444 3.26944 8.98611 3.14167 8.85833C3.01389 8.73056 2.85556 8.66667 2.66667 8.66667C2.47778 8.66667 2.31944 8.73056 2.19167 8.85833C2.06389 8.98611 2 9.14444 2 9.33333L2 13.3333C2 13.5222 2.06389 13.6806 2.19167 13.8083C2.31944 13.9361 2.47778 14 2.66667 14H6.66667C6.85556 14 7.01389 13.9361 7.14167 13.8083C7.26944 13.6806 7.33333 13.5222 7.33333 13.3333C7.33333 13.1444 7.26944 12.9861 7.14167 12.8583C7.01389 12.7306 6.85556 12.6667 6.66667 12.6667H4.26667L12.6667 4.26667V6.66667C12.6667 6.85556 12.7306 7.01389 12.8583 7.14167C12.9861 7.26944 13.1444 7.33333 13.3333 7.33333C13.5222 7.33333 13.6806 7.26944 13.8083 7.14167C13.9361 7.01389 14 6.85556 14 6.66667V2.66667Z",fill:"currentColor"})),(20===this.size||24===this.size)&&i(e,{key:"e97c9088220bc9ea3bf5da11af66202bc10388c8"},i("path",{key:"655159fe9c45292b2d21be5a59f22fabb2ccab57",d:"M4 21C3.71667 21 3.47917 20.9042 3.2875 20.7125C3.09583 20.5208 3 20.2833 3 20V14C3 13.7167 3.09583 13.4792 3.2875 13.2875C3.47917 13.0958 3.71667 13 4 13C4.28333 13 4.52083 13.0958 4.7125 13.2875C4.90417 13.4792 5 13.7167 5 14V17.6L17.6 5H14C13.7167 5 13.4792 4.90417 13.2875 4.7125C13.0958 4.52083 13 4.28333 13 4C13 3.71667 13.0958 3.47917 13.2875 3.2875C13.4792 3.09583 13.7167 3 14 3H20C20.2833 3 20.5208 3.09583 20.7125 3.2875C20.9042 3.47917 21 3.71667 21 4V10C21 10.2833 20.9042 10.5208 20.7125 10.7125C20.5208 10.9042 20.2833 11 20 11C19.7167 11 19.4792 10.9042 19.2875 10.7125C19.0958 10.5208 19 10.2833 19 10V6.4L6.4 19H10C10.2833 19 10.5208 19.0958 10.7125 19.2875C10.9042 19.4792 11 19.7167 11 20C11 20.2833 10.9042 20.5208 10.7125 20.7125C10.5208 20.9042 10.2833 21 10 21H4Z",fill:"currentColor"})),28===this.size&&i(e,{key:"5cc864f6c123456792a0e5ace5860a2c51a15702"},i("path",{key:"4873c2d1489775a88483e080193596fa0629a228",d:"M24.5 4.66667C24.5 4.33611 24.3882 4.05903 24.1646 3.83542C23.941 3.61181 23.6639 3.5 23.3333 3.5L16.3333 3.5C16.0028 3.5 15.7257 3.61181 15.5021 3.83542C15.2785 4.05903 15.1667 4.33611 15.1667 4.66667C15.1667 4.99722 15.2785 5.27431 15.5021 5.49792C15.7257 5.72153 16.0028 5.83333 16.3333 5.83333L20.5333 5.83333L5.83333 20.5333V16.3333C5.83333 16.0028 5.72153 15.7257 5.49792 15.5021C5.27431 15.2785 4.99722 15.1667 4.66667 15.1667C4.33611 15.1667 4.05903 15.2785 3.83542 15.5021C3.61181 15.7257 3.5 16.0028 3.5 16.3333L3.5 23.3333C3.5 23.6639 3.61181 23.941 3.83542 24.1646C4.05903 24.3882 4.33611 24.5 4.66667 24.5L11.6667 24.5C11.9972 24.5 12.2743 24.3882 12.4979 24.1646C12.7215 23.941 12.8333 23.6639 12.8333 23.3333C12.8333 23.0028 12.7215 22.7257 12.4979 22.5021C12.2743 22.2785 11.9972 22.1667 11.6667 22.1667H7.46667L22.1667 7.46667V11.6667C22.1667 11.9972 22.2785 12.2743 22.5021 12.4979C22.7257 12.7215 23.0028 12.8333 23.3333 12.8333C23.6639 12.8333 23.941 12.7215 24.1646 12.4979C24.3882 12.2743 24.5 11.9972 24.5 11.6667V4.66667Z",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_open_in_full}
+import{r as C,h as e,F as i}from"./p-e212b5b7.js";import{c as t}from"./p-a5dce9e6.js";const s=class{constructor(e){C(this,e),this.color=void 0,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:"e2ef48f84df7e5a4e50d1e6efbfff4b406881b3a","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:"6a4029770a76ff0a6363ca8935e9ff8a612a1cff"},e("path",{key:"565e4ccdee729761d8967790a02244958b6cc0c1",d:"M14 2.66667C14 2.47778 13.9361 2.31944 13.8083 2.19167C13.6806 2.06389 13.5222 2 13.3333 2L9.33333 2C9.14445 2 8.98611 2.06389 8.85833 2.19167C8.73056 2.31944 8.66667 2.47778 8.66667 2.66667C8.66667 2.85556 8.73056 3.01389 8.85833 3.14167C8.98611 3.26944 9.14445 3.33333 9.33333 3.33333L11.7333 3.33333L3.33333 11.7333V9.33333C3.33333 9.14444 3.26944 8.98611 3.14167 8.85833C3.01389 8.73056 2.85556 8.66667 2.66667 8.66667C2.47778 8.66667 2.31944 8.73056 2.19167 8.85833C2.06389 8.98611 2 9.14444 2 9.33333L2 13.3333C2 13.5222 2.06389 13.6806 2.19167 13.8083C2.31944 13.9361 2.47778 14 2.66667 14H6.66667C6.85556 14 7.01389 13.9361 7.14167 13.8083C7.26944 13.6806 7.33333 13.5222 7.33333 13.3333C7.33333 13.1444 7.26944 12.9861 7.14167 12.8583C7.01389 12.7306 6.85556 12.6667 6.66667 12.6667H4.26667L12.6667 4.26667V6.66667C12.6667 6.85556 12.7306 7.01389 12.8583 7.14167C12.9861 7.26944 13.1444 7.33333 13.3333 7.33333C13.5222 7.33333 13.6806 7.26944 13.8083 7.14167C13.9361 7.01389 14 6.85556 14 6.66667V2.66667Z",fill:"currentColor"})),(20===this.size||24===this.size)&&e(i,{key:"16c97b6e6b20aceec796ab954ca48f087a5b6fd9"},e("path",{key:"c1d91faf1532e6cef473080219405f5ebc3752df",d:"M4 21C3.71667 21 3.47917 20.9042 3.2875 20.7125C3.09583 20.5208 3 20.2833 3 20V14C3 13.7167 3.09583 13.4792 3.2875 13.2875C3.47917 13.0958 3.71667 13 4 13C4.28333 13 4.52083 13.0958 4.7125 13.2875C4.90417 13.4792 5 13.7167 5 14V17.6L17.6 5H14C13.7167 5 13.4792 4.90417 13.2875 4.7125C13.0958 4.52083 13 4.28333 13 4C13 3.71667 13.0958 3.47917 13.2875 3.2875C13.4792 3.09583 13.7167 3 14 3H20C20.2833 3 20.5208 3.09583 20.7125 3.2875C20.9042 3.47917 21 3.71667 21 4V10C21 10.2833 20.9042 10.5208 20.7125 10.7125C20.5208 10.9042 20.2833 11 20 11C19.7167 11 19.4792 10.9042 19.2875 10.7125C19.0958 10.5208 19 10.2833 19 10V6.4L6.4 19H10C10.2833 19 10.5208 19.0958 10.7125 19.2875C10.9042 19.4792 11 19.7167 11 20C11 20.2833 10.9042 20.5208 10.7125 20.7125C10.5208 20.9042 10.2833 21 10 21H4Z",fill:"currentColor"})),28===this.size&&e(i,{key:"86356c9ef0cb1aa57ad259df201efea148851760"},e("path",{key:"e2086e08185938ccbbb1f053098e1c6991775b48",d:"M24.5 4.66667C24.5 4.33611 24.3882 4.05903 24.1646 3.83542C23.941 3.61181 23.6639 3.5 23.3333 3.5L16.3333 3.5C16.0028 3.5 15.7257 3.61181 15.5021 3.83542C15.2785 4.05903 15.1667 4.33611 15.1667 4.66667C15.1667 4.99722 15.2785 5.27431 15.5021 5.49792C15.7257 5.72153 16.0028 5.83333 16.3333 5.83333L20.5333 5.83333L5.83333 20.5333V16.3333C5.83333 16.0028 5.72153 15.7257 5.49792 15.5021C5.27431 15.2785 4.99722 15.1667 4.66667 15.1667C4.33611 15.1667 4.05903 15.2785 3.83542 15.5021C3.61181 15.7257 3.5 16.0028 3.5 16.3333L3.5 23.3333C3.5 23.6639 3.61181 23.941 3.83542 24.1646C4.05903 24.3882 4.33611 24.5 4.66667 24.5L11.6667 24.5C11.9972 24.5 12.2743 24.3882 12.4979 24.1646C12.7215 23.941 12.8333 23.6639 12.8333 23.3333C12.8333 23.0028 12.7215 22.7257 12.4979 22.5021C12.2743 22.2785 11.9972 22.1667 11.6667 22.1667H7.46667L22.1667 7.46667V11.6667C22.1667 11.9972 22.2785 12.2743 22.5021 12.4979C22.7257 12.7215 23.0028 12.8333 23.3333 12.8333C23.6639 12.8333 23.941 12.7215 24.1646 12.4979C24.3882 12.2743 24.5 11.9972 24.5 11.6667V4.66667Z",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_open_in_full}

package/dist/swirl-components/p-fba9a29e.entry.js

@@ -0,0 +1 @@
+import{r as e,h as a,F as i}from"./p-e212b5b7.js";import{c as t}from"./p-a5dce9e6.js";const c=class{constructor(a){e(this,a),this.color=void 0,this.size=24}render(){const e=20===this.size?24:this.size,c={color:Boolean(this.color)?`var(--s-icon-${this.color})`:void 0},d=t("swirl-icon",`swirl-icon--size-${this.size}`);return a("svg",{key:"8cd96c003f1c40d06aa317c33e66e6cf8dacae1f","aria-hidden":"true",class:d,fill:"none",height:this.size,part:"icon",style:c,viewBox:`0 0 ${e} ${e}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},16===this.size&&a(i,{key:"e6f11789086567e149753fa82b853df03f233922"},a("path",{key:"9d093b2aac568e96c7d884c8c6ead14e53e31a13",d:"M1.16667 9.16662L3.2929 11.2928C3.68342 11.6834 4.31659 11.6834 4.70711 11.2928L10.5 5.49995C10.7761 5.22381 10.7761 4.7761 10.5 4.49995C10.2239 4.22381 9.77615 4.22381 9.5 4.49995L4 9.99995L2.16667 8.16662C1.89053 7.89048 1.44281 7.89048 1.16667 8.16662C0.890529 8.44276 0.890529 8.89048 1.16667 9.16662Z",fill:"currentColor"}),a("path",{key:"25a4e9f839d68bf67a54d2dffef56c0ca781d622",d:"M8 9.33329L7 10.3333L7.95957 11.2928C8.35009 11.6834 8.98325 11.6834 9.37378 11.2928L15.1667 5.49995C15.4428 5.22381 15.4428 4.7761 15.1667 4.49995C14.8905 4.22381 14.4428 4.22381 14.1667 4.49995L8.66667 9.99995L8 9.33329Z",fill:"currentColor"})),(20===this.size||24===this.size)&&a(i,{key:"7055312cfd7ae7dcb90350b2c68a6f0789beb561"},a("path",{key:"85794c522337491974701ddde29cd5d3f5e6fde9",d:"M1.74999 13.75L4.93933 16.9393C5.52512 17.5251 6.47486 17.5251 7.06065 16.9393L15.75 8.24999C16.1642 7.83578 16.1642 7.1642 15.75 6.74999C15.3358 6.33578 14.6642 6.33578 14.25 6.74999L5.99999 15L3.24999 12.25C2.83578 11.8358 2.1642 11.8358 1.74999 12.25C1.33578 12.6642 1.33578 13.3358 1.74999 13.75Z",fill:"currentColor"}),a("path",{key:"d80ad4f4397296ab1fb20104e85c6a5636ef9cd3",d:"M12 14L10.5 15.5L11.9393 16.9393C12.5251 17.5251 13.4749 17.5251 14.0607 16.9393L22.75 8.24999C23.1642 7.83578 23.1642 7.1642 22.75 6.74999C22.3358 6.33578 21.6642 6.33578 21.25 6.74999L13 15L12 14Z",fill:"currentColor"})),28===this.size&&a(i,{key:"77b05a81b54b428e4aa8507659f50c23e2760e25"},a("path",{key:"5855c23d9d020732813a933db5453aaabb929f4a",d:"M2.04167 16.0417L5.76256 19.7626C6.44598 20.446 7.55402 20.446 8.23744 19.7626L18.375 9.62501C18.8583 9.14176 18.8583 8.35826 18.375 7.87501C17.8918 7.39176 17.1082 7.39176 16.625 7.87501L7 17.5L3.79167 14.2917C3.30842 13.8084 2.52492 13.8084 2.04167 14.2917C1.55842 14.7749 1.55842 15.5584 2.04167 16.0417Z",fill:"currentColor"}),a("path",{key:"7e13241f2787c2900d92a778a1510e0265a282bb",d:"M14 16.3333L12.25 18.0833L13.9292 19.7626C14.6126 20.446 15.7207 20.446 16.4041 19.7626L26.5417 9.62501C27.0249 9.14176 27.0249 8.35826 26.5417 7.87501C26.0584 7.39176 25.2749 7.39176 24.7917 7.87501L15.1667 17.5L14 16.3333Z",fill:"currentColor"})))}};c.style=":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";export{c as swirl_icon_recieved}

package/dist/swirl-components/{p-957942b9.entry.js → p-fc9b30f6.entry.js}

@@ -1 +1 @@
-import{r as i,c as t,h as e,H as s,g as o}from"./p-e212b5b7.js";import{d as a,e as l}from"./p-33c168b3.js";import{c as n}from"./p-a5dce9e6.js";import{c as h}from"./p-878dc806.js";import{q as d}from"./p-5848d900.js";const r=class{constructor(e){i(this,e),this.activeSlideChange=t(this,"activeSlideChange",7),this.dragging=!1,this.onKeyDown=i=>{this.isOpen&&("Escape"===i.code?(i.stopImmediatePropagation(),this.close()):"ArrowLeft"===i.code?this.onPreviousSlideClick():"ArrowRight"===i.code&&this.onNextSlideClick())},this.onCloseButtonClick=()=>{this.close()},this.onDownloadButtonClick=()=>{this.slides[this.activeSlideIndex]?.download(),this.menu.close()},this.onNextSlideClick=()=>{this.activateSlide(Math.min(this.slides.length-1,this.activeSlideIndex+1))},this.onPreviousSlideClick=()=>{this.activateSlide(Math.max(0,this.activeSlideIndex-1))},this.registerSlides=()=>{this.slides=Array.from(this.el.children).filter((i=>"SWIRL-FILE-VIEWER"===i.tagName)),this.setSlideAttributes()},this.onPointerDown=i=>{this.dragging=!0,this.dragStartPosition=i instanceof MouseEvent?i.clientX:i.touches[0].clientX,this.slides.forEach((i=>{i.style.transition="none"}))},this.onPointerMove=async i=>{const t=!(i instanceof MouseEvent)&&i.touches.length>1,e=this.slides[this.activeSlideIndex]?.shadowRoot?.querySelector("swirl-file-viewer-image"),s=!!Boolean(e)&&await e.getZoom()>1;if(!t&&!s&&this.dragging){i.preventDefault();const t=i instanceof MouseEvent?i.clientX-this.dragStartPosition:i.touches[0].clientX-this.dragStartPosition;this.slides.forEach((i=>{const e=this.activeSlideIndex*i.getBoundingClientRect().width;this.dragDelta=t,i.style.transform=`translate3d(${(-e+this.dragDelta)/16}rem, 0, 0)`}))}},this.onPointerUp=()=>{this.dragging=!1,this.dragStartPosition=void 0;const i=this.dragDelta/this.slides[this.activeSlideIndex].getBoundingClientRect().width;this.dragDelta=0;const t=i>.2,e=i<-.2;this.slides.forEach((i=>{i.style.transition=""})),t?this.onPreviousSlideClick():e?this.onNextSlideClick():this.resetSlidePositions()},this.onBackdropClick=i=>{i.target===this.slidesContainer&&this.close()},this.onContextMenu=i=>{this.downloadButtonEnabled||i.preventDefault()},this.closeButtonLabel="Close modal",this.downloadButtonEnabled=!0,this.downloadButtonLabel="Download",this.hideMenu=void 0,this.label=void 0,this.menuLabel="Slide options",this.menuTriggerLabel="Open slide menu",this.nextSlideButtonLabel="Next slide",this.previousSlideButtonLabel="Previous slide",this.activeSlideIndex=0,this.closing=!1,this.isOpen=!1,this.slides=void 0}componentWillLoad(){this.registerSlides()}componentDidLoad(){this.activateSlide(0)}componentDidRender(){this.focusTrap?.updateContainerElements(this.modalEl)}disconnectedCallback(){this.focusTrap?.deactivate(),this.unlockBodyScroll()}watchActiveSlideIndex(){this.activeSlideChange.emit(this.activeSlideIndex)}async open(){this.isOpen=!0,this.lockBodyScroll(),this.activateSlide(this.activeSlideIndex||0),setTimeout((()=>{this.focusTrap=h(this.modalEl,{allowOutsideClick:!0,tabbableOptions:{getShadowRoot:i=>i.shadowRoot}}),this.focusTrap?.activate()}))}async close(){this.closing||(this.closing=!0,this.focusTrap?.deactivate(),this.unlockBodyScroll(),setTimeout((()=>{this.isOpen=!1,this.resetImageZoom(),this.stopAllMediaPlayers(),this.closing=!1}),150))}async activateSlide(i){this.menu?.close?.(),this.dragging=!1,this.activeSlideIndex=i,this.slides.forEach(((i,t)=>{t===this.activeSlideIndex?(i.removeAttribute("aria-hidden"),i.setAttribute("active","true")):t===this.activeSlideIndex-1||t===this.activeSlideIndex+1?(i.setAttribute("aria-hidden","true"),i.setAttribute("active","true")):i.setAttribute("aria-hidden","true"),i.style.transform=`translate3d(-${100*this.activeSlideIndex}%, 0, 0)`})),setTimeout((()=>{this.slides.forEach(((i,t)=>{t!==this.activeSlideIndex&&t!==this.activeSlideIndex-1&&t!==this.activeSlideIndex+1&&i.setAttribute("active","false")}))}),300),this.stopAllMediaPlayers(),this.resetImageZoom()}setSlideAttributes(){this.slides.forEach((i=>{i.setAttribute("active","false"),i.setAttribute("aria-label",i.file),i.setAttribute("aria-roledescription","slide"),i.setAttribute("role","group"),i.addEventListener("dragstart",(i=>i.preventDefault()))}))}resetSlidePositions(){this.slides.forEach((i=>{i.style.transform=`translate3d(-${100*this.activeSlideIndex}%, 0, 0)`}))}getCurrentFileName(){return this.slides[this.activeSlideIndex]?.file?.split("/").pop()}getCurrentFileType(){return this.slides[this.activeSlideIndex]?.type}getCurrentThumbnailUrl(){return this.slides[this.activeSlideIndex]?.thumbnailUrl}lockBodyScroll(){a(this.el)}unlockBodyScroll(){l(this.el)}getMediaPlayers(){return d(this.el,"video")}stopAllMediaPlayers(){this.getMediaPlayers().forEach((i=>i.pause()))}resetImageZoom(){this.slides.forEach((i=>{const t=i?.shadowRoot?.querySelector("swirl-file-viewer-image");Boolean(t)&&t.resetZoom()}))}render(){const i=this.slides.length>1,t=this.getCurrentFileName(),o=this.getCurrentFileType(),a=this.getCurrentThumbnailUrl(),l=Boolean(this.el.querySelector("[slot='menu-items']"))||this.downloadButtonEnabled,h=Boolean(this.el.querySelector("[slot='toolbar']")),d=n("lightbox",{"lightbox--closing":this.closing,"lightbox--hide-menu":!l,"lightbox--hide-toolbar":!h});return e(s,{key:"1c69637329016601a8a89eec4513231ec72906a6",onKeydown:this.onKeyDown},e("section",{key:"abd6cddaeb17882a44bc87c53453a64428ac3746","aria-hidden":String(!this.isOpen),"aria-label":this.label,"aria-modal":"true",class:d,id:"lightbox",onMouseDown:this.onPointerDown,onMouseMove:this.onPointerMove,onMouseOut:this.onPointerUp,onMouseUp:this.onPointerUp,onTouchEnd:this.onPointerUp,onTouchMove:this.onPointerMove,onTouchStart:this.onPointerDown,ref:i=>this.modalEl=i,role:"dialog",tabIndex:this.isOpen?0:-1},e("div",{key:"9d0816b424f390f7ea8a3fa58600f50275635ec8",class:"lightbox__body",role:"document"},e("header",{key:"dde0274cb39eb1cfcb63651d69d90f49d6d43e0e",class:"lightbox__header"},e("button",{key:"096040de54d76ef9c7510de0778fbf06fa54f4df","aria-label":this.closeButtonLabel,class:"lightbox__close-button",onClick:this.onCloseButtonClick},e("swirl-icon-close",{key:"3182f4ae75e156bd48b11c33d72f212b15fb96fe"})),e("div",{key:"921c9bd86bb74afd5dfeda11388502fb6c0168e1",class:"lightbox__toolbar"},e("slot",{key:"a90bf34511667899eb510373d55602ab035b4acd",name:"toolbar"})),!this.hideMenu&&e("swirl-popover-trigger",{key:"9b55fa11f85dac3611c78a2b3118b9acff2c05a3",swirlPopover:this.menu},e("button",{key:"79315c5a8fff405e67eb362b824fb1f3a6a08b85","aria-label":this.menuTriggerLabel,class:"lightbox__menu-button"},e("swirl-icon-more-vertikal",{key:"3514f6f700561aa6d39b25b5b3a7289bb03e0d39"})))),e("div",{key:"f4e8c43ac230c85a55ca7f3555f81afbd0a6c773","aria-roledescription":"carousel",class:"lightbox__content",role:"group"},e("div",{key:"256ff6d9cae27a8ed968d4e9f93cffc97e9bad8a","aria-atomic":"false","aria-live":"polite",class:"lightbox__slides",onClick:this.onBackdropClick,onContextMenu:this.onContextMenu,ref:i=>this.slidesContainer=i},e("slot",{key:"bcc3ac33c271c0f7ce39a33448aa00b17a53e335",onSlotchange:this.registerSlides}))),e("div",{key:"f52a4ef8a82e3446c01b619132f40adba5c6bdc4",class:"lightbox__controls"},e("button",{key:"a1efd2b193fe06222c4968babe2ce16535e9ec5a","aria-label":this.previousSlideButtonLabel,class:"lightbox__previous-slide-button",disabled:0===this.activeSlideIndex,onClick:this.onPreviousSlideClick},e("swirl-icon-arrow-left",{key:"bf96de474fb3db77d3cf83ebde6b928c00bed53a"})),e("button",{key:"dd0a8f73337f35dbb253becec5b79f0c39251f30","aria-label":this.nextSlideButtonLabel,class:"lightbox__next-slide-button",disabled:this.activeSlideIndex===this.slides.length-1,onClick:this.onNextSlideClick},e("swirl-icon-arrow-right",{key:"8f2fe322457ba7dff824a394a38acea00326e20d"}))),i&&e("span",{key:"a8fe5d36525f3b5a391136169cecfa48e482ecbb",class:"lightbox__pagination"},e("span",{key:"f3fb5a8d02abdb4d0073e4401bac2f1586c31eb6","aria-current":"page"},this.activeSlideIndex+1)," /"," ",this.slides.length)),!this.hideMenu&&e("swirl-popover",{key:"6876c71f5378ab8261793a9c89e92812800fc3c0",animation:"scale-in-y",disableScrollLock:!0,id:"slide-menu",label:this.menuLabel,placement:"bottom-end",ref:i=>this.menu=i},e("swirl-stack",{key:"2a7164a6d8580c96f0d690d81ffde911f4b8ca26"},e("div",{key:"384837a76f8f94835422f104b8a85262f6a62c7b",class:"lightbox__meta"},a&&e("div",{key:"7197bedbf94ceb4425cc6dd2db2a5777df92ad8d",class:"lightbox__thumbnail"},e("swirl-thumbnail",{key:"d0d94127e9b68dec11276fdf257aecf54ab04ae3",alt:"",src:a})),e("div",{key:"976278296592bea4fdd0aee91813d7d1db910fe3",class:"lightbox__file-info"},e("swirl-text",{key:"eeacb2dd50db0544b0c1ce0b550c72ccc7f22eaa",truncate:!0,weight:"semibold"},t),e("swirl-text",{key:"42be9d2cdd4d422f2f869442969e27eb50571214",color:"subdued",size:"sm",truncate:!0},o))),l&&e("swirl-separator",{key:"a40c55806e885b1856cf1eaefe40ee27d711e9f6"}),e("swirl-action-list",{key:"670a5400512b765b14038ef5c8a1df80ed2c0fbe"},this.downloadButtonEnabled&&e("swirl-action-list-item",{key:"a191756249a697a8b1fe7919c61793fd7391ab28",icon:"<swirl-icon-download></swirl-icon-download>",label:this.downloadButtonLabel,onClick:this.onDownloadButtonClick}),e("slot",{key:"c116c7f4b52395a4f9036bca76f4091d029c7028",name:"menu-items"}))))))}get el(){return o(this)}static get watchers(){return{activeSlideIndex:["watchActiveSlideIndex"]}}};r.style=':host{display:block}:host *{box-sizing:border-box}.lightbox{position:fixed;z-index:var(--s-z-40);background-color:rgba(0, 0, 0, 1);inset:0}.lightbox[aria-hidden="true"]{display:none}@media (min-width: 768px){.lightbox{background-color:rgba(0, 0, 0, 0.8)}}.lightbox:not(.lightbox--closing) .lightbox__body{animation:0.15s lightbox-fade-in}@media (prefers-reduced-motion){.lightbox:not(.lightbox--closing) .lightbox__body{animation:none}}.lightbox--closing{animation:0.15s lightbox-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.lightbox--closing{animation:none}}.lightbox--hide-menu .lightbox__menu{display:none}.lightbox--hide-toolbar .lightbox__toolbar{display:none}.lightbox__body{position:relative;width:100%;height:100%}.lightbox__header{position:absolute;z-index:1;top:0;right:0;left:0;display:flex;padding:var(--s-space-12) var(--s-space-16);justify-content:space-between;align-items:flex-start;pointer-events:none}.lightbox__toolbar{pointer-events:auto}.lightbox__controls{position:absolute;z-index:1;top:50%;right:0;left:0;display:none;padding-right:var(--s-space-16);padding-left:var(--s-space-16);justify-content:space-between;align-items:flex-start;pointer-events:none}@media (min-width: 768px){.lightbox__controls{display:flex}}.lightbox__close-button,.lightbox__menu-button,.lightbox__previous-slide-button,.lightbox__next-slide-button{display:inline-flex;width:2.5rem;height:2.5rem;justify-content:center;align-items:center;border:none;border-radius:50%;color:var(--s-icon-on-image);background-color:rgba(0, 0, 0, 0.6);cursor:pointer;transition:opacity 0.15s;pointer-events:auto}.lightbox__close-button:disabled,.lightbox__menu-button:disabled,.lightbox__previous-slide-button:disabled,.lightbox__next-slide-button:disabled{pointer-events:none;opacity:0}.lightbox__content{overflow:hidden;width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.lightbox__slides{display:flex;width:100%;height:100%}.lightbox__slides ::slotted(*){flex-basis:100%;flex-shrink:0;transition:transform 0.3s}@media (min-width: 768px){.lightbox__slides ::slotted(*){padding:4rem 5rem}}@media (prefers-reduced-motion){.lightbox__slides ::slotted(*){transition:none}}.lightbox__pagination{position:absolute;bottom:var(--s-space-32);left:50%;padding:var(--s-space-4) var(--s-space-12);border-radius:var(--s-border-radius-base);color:var(--s-text-on-image);background-color:rgba(0, 0, 0, 0.6);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);transform:translateX(-50%);pointer-events:none}@media (min-width: 768px){.lightbox__pagination{display:none}}.lightbox__meta{display:flex;padding-top:var(--s-space-4);padding-right:var(--s-space-16);padding-bottom:var(--s-space-4);padding-left:var(--s-space-16);align-items:center;gap:var(--s-space-12)}@media (min-width: 768px){.lightbox__meta{max-width:18rem}}.lightbox__thumbnail{display:inline-flex;flex-shrink:0}.lightbox__file-info{display:flex;min-width:0;flex-grow:1;flex-direction:column}@keyframes lightbox-fade-in{from{opacity:0}to{opacity:1}}@keyframes lightbox-fade-out{from{opacity:1}to{opacity:0}}';export{r as swirl_lightbox}
+import{r as i,c as t,h as e,H as s,g as a}from"./p-e212b5b7.js";import{d as o,e as l}from"./p-33c168b3.js";import{c as n}from"./p-a5dce9e6.js";import{c as h}from"./p-878dc806.js";import{q as d}from"./p-5848d900.js";const r=class{constructor(e){i(this,e),this.activeSlideChange=t(this,"activeSlideChange",7),this.dragging=!1,this.onKeyDown=i=>{this.isOpen&&("Escape"===i.code?(i.stopImmediatePropagation(),this.close()):"ArrowLeft"===i.code?this.onPreviousSlideClick():"ArrowRight"===i.code&&this.onNextSlideClick())},this.onCloseButtonClick=()=>{this.close()},this.onDownloadButtonClick=()=>{this.slides[this.activeSlideIndex]?.download(),this.menu.close()},this.onNextSlideClick=()=>{this.activateSlide(Math.min(this.slides.length-1,this.activeSlideIndex+1))},this.onPreviousSlideClick=()=>{this.activateSlide(Math.max(0,this.activeSlideIndex-1))},this.registerSlides=()=>{this.slides=Array.from(this.el.children).filter((i=>"SWIRL-FILE-VIEWER"===i.tagName)),this.setSlideAttributes()},this.onPointerDown=i=>{this.dragging=!0,this.dragStartPosition=i instanceof MouseEvent?i.clientX:i.touches[0].clientX,this.slides.forEach((i=>{i.style.transition="none"}))},this.onPointerMove=async i=>{const t=!(i instanceof MouseEvent)&&i.touches.length>1,e=this.slides[this.activeSlideIndex]?.shadowRoot?.querySelector("swirl-file-viewer-image"),s=!!Boolean(e)&&await e.getZoom()>1;if(!t&&!s&&this.dragging){i.preventDefault();const t=i instanceof MouseEvent?i.clientX-this.dragStartPosition:i.touches[0].clientX-this.dragStartPosition;this.slides.forEach((i=>{const e=this.activeSlideIndex*i.getBoundingClientRect().width;this.dragDelta=t,i.style.transform=`translate3d(${(-e+this.dragDelta)/16}rem, 0, 0)`}))}},this.onPointerUp=()=>{this.dragging=!1,this.dragStartPosition=void 0;const i=this.dragDelta/this.slides[this.activeSlideIndex].getBoundingClientRect().width;this.dragDelta=0;const t=i>.2,e=i<-.2;this.slides.forEach((i=>{i.style.transition=""})),t?this.onPreviousSlideClick():e?this.onNextSlideClick():this.resetSlidePositions()},this.onBackdropClick=i=>{i.target===this.slidesContainer&&this.close()},this.onContextMenu=i=>{this.downloadButtonEnabled||i.preventDefault()},this.closeButtonLabel="Close modal",this.downloadButtonEnabled=!0,this.downloadButtonLabel="Download",this.hideMenu=void 0,this.label=void 0,this.menuLabel="Slide options",this.menuTriggerLabel="Open slide menu",this.nextSlideButtonLabel="Next slide",this.previousSlideButtonLabel="Previous slide",this.activeSlideIndex=0,this.closing=!1,this.isOpen=!1,this.slides=void 0}componentWillLoad(){this.registerSlides()}componentDidLoad(){this.activateSlide(0)}componentDidRender(){this.focusTrap?.updateContainerElements(this.modalEl)}disconnectedCallback(){this.focusTrap?.deactivate(),this.unlockBodyScroll()}watchActiveSlideIndex(){this.activeSlideChange.emit(this.activeSlideIndex)}async open(){this.isOpen=!0,this.lockBodyScroll(),this.activateSlide(this.activeSlideIndex||0),setTimeout((()=>{this.focusTrap=h(this.modalEl,{allowOutsideClick:!0,tabbableOptions:{getShadowRoot:i=>i.shadowRoot}}),this.focusTrap?.activate()}))}async close(){this.closing||(this.closing=!0,this.focusTrap?.deactivate(),this.unlockBodyScroll(),setTimeout((()=>{this.isOpen=!1,this.resetImageZoom(),this.stopAllMediaPlayers(),this.closing=!1}),150))}async activateSlide(i){this.menu?.close?.(),this.dragging=!1,this.activeSlideIndex=i,this.slides.forEach(((i,t)=>{t===this.activeSlideIndex?(i.removeAttribute("aria-hidden"),i.setAttribute("active","true")):t===this.activeSlideIndex-1||t===this.activeSlideIndex+1?(i.setAttribute("aria-hidden","true"),i.setAttribute("active","true")):i.setAttribute("aria-hidden","true"),i.style.transform=`translate3d(-${100*this.activeSlideIndex}%, 0, 0)`})),setTimeout((()=>{this.slides.forEach(((i,t)=>{t!==this.activeSlideIndex&&t!==this.activeSlideIndex-1&&t!==this.activeSlideIndex+1&&i.setAttribute("active","false")}))}),300),this.stopAllMediaPlayers(),this.resetImageZoom()}setSlideAttributes(){this.slides.forEach((i=>{i.setAttribute("active","false"),i.setAttribute("aria-label",i.file),i.setAttribute("aria-roledescription","slide"),i.setAttribute("role","group"),i.addEventListener("dragstart",(i=>i.preventDefault()))}))}resetSlidePositions(){this.slides.forEach((i=>{i.style.transform=`translate3d(-${100*this.activeSlideIndex}%, 0, 0)`}))}getCurrentFileName(){return this.slides[this.activeSlideIndex]?.file?.split("/").pop()}getCurrentFileType(){return this.slides[this.activeSlideIndex]?.type}getCurrentThumbnailUrl(){return this.slides[this.activeSlideIndex]?.thumbnailUrl}lockBodyScroll(){o(this.el)}unlockBodyScroll(){l(this.el)}getMediaPlayers(){return d(this.el,"video")}stopAllMediaPlayers(){this.getMediaPlayers().forEach((i=>i.pause()))}resetImageZoom(){this.slides.forEach((i=>{const t=i?.shadowRoot?.querySelector("swirl-file-viewer-image");Boolean(t)&&t.resetZoom()}))}render(){const i=this.slides.length>1,t=this.getCurrentFileName(),a=this.getCurrentFileType(),o=this.getCurrentThumbnailUrl(),l=Boolean(this.el.querySelector("[slot='menu-items']"))||this.downloadButtonEnabled,h=Boolean(this.el.querySelector("[slot='toolbar']")),d=n("lightbox",{"lightbox--closing":this.closing,"lightbox--hide-menu":!l,"lightbox--hide-toolbar":!h});return e(s,{key:"f2734a2e6af04f6a0370239aaf4b21381feba736",onKeydown:this.onKeyDown},e("section",{key:"1281d13e171b5aa7b9a6e232485ab93669eef88e","aria-hidden":String(!this.isOpen),"aria-label":this.label,"aria-modal":"true",class:d,id:"lightbox",onMouseDown:this.onPointerDown,onMouseMove:this.onPointerMove,onMouseOut:this.onPointerUp,onMouseUp:this.onPointerUp,onTouchEnd:this.onPointerUp,onTouchMove:this.onPointerMove,onTouchStart:this.onPointerDown,ref:i=>this.modalEl=i,role:"dialog",tabIndex:this.isOpen?0:-1},e("div",{key:"b00258b8d9355d8bd4f19a95a5b7b92178635836",class:"lightbox__body",role:"document"},e("header",{key:"d1b532fb01f67d1d1cc5b59aaedb3f2099404bf4",class:"lightbox__header"},e("button",{key:"9121d75f19313e6f5837a4e1db56ab516159ca11","aria-label":this.closeButtonLabel,class:"lightbox__close-button",onClick:this.onCloseButtonClick},e("swirl-icon-close",{key:"c8261f1daa32b9a70fb2d81d897af67bf92866ac"})),e("div",{key:"caf01d916093c56b3807bb62a8188d3cee211742",class:"lightbox__toolbar"},e("slot",{key:"1cf08e386c6f6aedd6e2cd3ade3f7bb470d6765b",name:"toolbar"})),!this.hideMenu&&e("swirl-popover-trigger",{key:"c4f95f7db960e96867d0a3b133813c9aa47ff483",swirlPopover:this.menu},e("button",{key:"dd24311fd414aacb76fb40acdf17633947aaa2d4","aria-label":this.menuTriggerLabel,class:"lightbox__menu-button"},e("swirl-icon-more-vertikal",{key:"e8931b30cecdadc74d47394656e48db207020c96"})))),e("div",{key:"2e1a1d0a63e6bea8e49fbb3c642e952a0ab166a6","aria-roledescription":"carousel",class:"lightbox__content",role:"group"},e("div",{key:"c1ac931d24c3bfdc6a0fc8aceaa1a5da8ab0c4c8","aria-atomic":"false","aria-live":"polite",class:"lightbox__slides",onClick:this.onBackdropClick,onContextMenu:this.onContextMenu,ref:i=>this.slidesContainer=i},e("slot",{key:"ff0a0e673778e0d482938784c132cf1fc81abb1d",onSlotchange:this.registerSlides}))),e("div",{key:"ab9975a3ef9fc5a19a7767b20aa240059896219e",class:"lightbox__controls"},e("button",{key:"8dd71b3f4e0bce3b3fcd570aeb67d0021a70419b","aria-label":this.previousSlideButtonLabel,class:"lightbox__previous-slide-button",disabled:0===this.activeSlideIndex,onClick:this.onPreviousSlideClick},e("swirl-icon-arrow-left",{key:"ad7b0c13c10b2f52aff2dbdeb881cbccd2e37dfa"})),e("button",{key:"c7042244acc8a6e20ac7ae864ef2cb9c6be58bcb","aria-label":this.nextSlideButtonLabel,class:"lightbox__next-slide-button",disabled:this.activeSlideIndex===this.slides.length-1,onClick:this.onNextSlideClick},e("swirl-icon-arrow-right",{key:"6f4388d53e0ddea5c9db1f11334c4462a0d5abad"}))),i&&e("span",{key:"136f67a9019c60d59c18a3b633fb38dcadca6f10",class:"lightbox__pagination"},e("span",{key:"290cd52650146855367ad0dab4bfbc4ee9289fcc","aria-current":"page"},this.activeSlideIndex+1)," /"," ",this.slides.length)),!this.hideMenu&&e("swirl-popover",{key:"fd7f8aaf55c89cd750031f5b12ae466826ac998a",animation:"scale-in-y",disableScrollLock:!0,id:"slide-menu",label:this.menuLabel,placement:"bottom-end",ref:i=>this.menu=i},e("swirl-stack",{key:"e325ae6944941095aede8855151b0561e9276625"},e("div",{key:"eec5dbc6d403464a213366aae3924dd620a488ad",class:"lightbox__meta"},o&&e("div",{key:"42e6f5045d0c05a4b65edc7c46d75c8ff7760d9b",class:"lightbox__thumbnail"},e("swirl-thumbnail",{key:"a3de4b5d24c4c1b5670f188d00412f40026d538d",alt:"",src:o})),e("div",{key:"af5e69c850511b42c12928bf24931fc87e7f80cf",class:"lightbox__file-info"},e("swirl-text",{key:"94052b82b830773a8d3b391db01deeb5e7538684",truncate:!0,weight:"semibold"},t),e("swirl-text",{key:"8bf3325f2873669a15bdc9235cc207c641be503a",color:"subdued",size:"sm",truncate:!0},a))),l&&e("swirl-separator",{key:"f67ba2c8d5cadefba4e1ec0b1544e5af7738e009"}),e("swirl-action-list",{key:"a36865865808d3b620996c499e1abf5e51e02838"},this.downloadButtonEnabled&&e("swirl-action-list-item",{key:"de66ba749597ab23425465ec0577f80dd752cc33",icon:"<swirl-icon-download></swirl-icon-download>",label:this.downloadButtonLabel,onClick:this.onDownloadButtonClick}),e("slot",{key:"d028960cce8e411b603fa7aac90973c4b2f30b7f",name:"menu-items"}))))))}get el(){return a(this)}static get watchers(){return{activeSlideIndex:["watchActiveSlideIndex"]}}};r.style=':host{display:block}:host *{box-sizing:border-box}.lightbox{position:fixed;z-index:var(--s-z-40);background-color:rgba(0, 0, 0, 1);inset:0}.lightbox[aria-hidden="true"]{display:none}@media (min-width: 768px){.lightbox{background-color:rgba(0, 0, 0, 0.8)}}.lightbox:not(.lightbox--closing) .lightbox__body{animation:0.15s lightbox-fade-in}@media (prefers-reduced-motion){.lightbox:not(.lightbox--closing) .lightbox__body{animation:none}}.lightbox--closing{animation:0.15s lightbox-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.lightbox--closing{animation:none}}.lightbox--hide-menu .lightbox__menu{display:none}.lightbox--hide-toolbar .lightbox__toolbar{display:none}.lightbox__body{position:relative;width:100%;height:100%}.lightbox__header{position:absolute;z-index:1;top:0;right:0;left:0;display:flex;padding:var(--s-space-12) var(--s-space-16);justify-content:space-between;align-items:flex-start;pointer-events:none}.lightbox__toolbar{pointer-events:auto}.lightbox__controls{position:absolute;z-index:1;top:50%;right:0;left:0;display:none;padding-right:var(--s-space-16);padding-left:var(--s-space-16);justify-content:space-between;align-items:flex-start;pointer-events:none}@media (min-width: 768px){.lightbox__controls{display:flex}}.lightbox__close-button,.lightbox__menu-button,.lightbox__previous-slide-button,.lightbox__next-slide-button{display:inline-flex;width:2.5rem;height:2.5rem;justify-content:center;align-items:center;border:none;border-radius:50%;color:var(--s-icon-on-image);background-color:rgba(0, 0, 0, 0.6);cursor:pointer;transition:opacity 0.15s;pointer-events:auto}.lightbox__close-button:disabled,.lightbox__menu-button:disabled,.lightbox__previous-slide-button:disabled,.lightbox__next-slide-button:disabled{pointer-events:none;opacity:0}.lightbox__content{overflow:hidden;width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.lightbox__slides{display:flex;width:100%;height:100%}.lightbox__slides ::slotted(*){flex-basis:100%;flex-shrink:0;transition:transform 0.3s}@media (min-width: 768px){.lightbox__slides ::slotted(*){padding:4rem 5rem}}@media (prefers-reduced-motion){.lightbox__slides ::slotted(*){transition:none}}.lightbox__pagination{position:absolute;bottom:var(--s-space-32);left:50%;padding:var(--s-space-4) var(--s-space-12);border-radius:var(--s-border-radius-base);color:var(--s-text-on-image);background-color:rgba(0, 0, 0, 0.6);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);transform:translateX(-50%);pointer-events:none}@media (min-width: 768px){.lightbox__pagination{display:none}}.lightbox__meta{display:flex;padding-top:var(--s-space-4);padding-right:var(--s-space-16);padding-bottom:var(--s-space-4);padding-left:var(--s-space-16);align-items:center;gap:var(--s-space-12)}@media (min-width: 768px){.lightbox__meta{max-width:18rem}}.lightbox__thumbnail{display:inline-flex;flex-shrink:0}.lightbox__file-info{display:flex;min-width:0;flex-grow:1;flex-direction:column}@keyframes lightbox-fade-in{from{opacity:0}to{opacity:1}}@keyframes lightbox-fade-out{from{opacity:1}to{opacity:0}}';export{r as swirl_lightbox}