@getflip/swirl-components 0.252.0 → 0.253.0

package/dist/swirl-components/{p-0f811d0b.entry.js → p-8a840f11.entry.js}

@@ -1 +1 @@
-import{r as o,c as t,h as e,H as i,g as s}from"./p-30e99c25.js";import{o as r,s as n,f as a,c as p,a as h}from"./p-bc0de553.js";import{d,e as c}from"./p-33c168b3.js";import{c as l}from"./p-a5dce9e6.js";import{i as v,q as m,b as f}from"./p-0f3e0216.js";const u=class{constructor(e){o(this,e),this.popoverClose=t(this,"popoverClose",7),this.popoverOpen=t(this,"popoverOpen",7),this.toggle=o=>{o.stopPropagation(),this.active?this.close():this.open()},this.onKeydown=o=>{"Escape"===o.code&&this.active&&(o.stopImmediatePropagation(),o.stopPropagation(),this.close())},this.reposition=async()=>{const o=v();if(!Boolean(this.triggerEl)||!Boolean(this.contentContainer))return;if(o)return void(this.position=void 0);const t="number"==typeof this.offset?{mainAxis:this.offset,crossAxis:0}:{mainAxis:this.offset[0],crossAxis:this.offset[1]},e=this.enableFlip?[r(t),n(),a()]:[r(t),n()];this.position=await p(this.triggerEl,this.contentContainer,{middleware:e,placement:this.placement,strategy:"fixed"})},this.onCloseButtonClick=()=>{this.close()},this.animation="scale-in-xy",this.disableScrollLock=void 0,this.enableFlip=!0,this.fullscreenBottomSheet=void 0,this.label=void 0,this.maxHeight="22rem",this.offset=8,this.popoverId=void 0,this.placement="bottom-start",this.returnFocusToTrigger=!0,this.transparent=void 0,this.trigger=void 0,this.triggerContainer=void 0,this.useContainerWidth=void 0,this.active=!1,this.closing=!1,this.position=void 0}componentDidLoad(){this.connectTrigger(),this.updateTriggerAttributes(),Boolean(this.trigger)&&console.warn('[Swirl] The "trigger" prop of swirl-popover is deprecated and will be removed with the next major release. Please use the swirl-popover-trigger component instead. https://swirl-storybook.flip-app.dev/?path=/docs/components-swirlpopovertrigger--docs')}disconnectedCallback(){this.unlockBodyScroll()}onWindowFocusIn(o){if(!this.active)return;const t=/^((?!chrome|android).)*safari/i.test(navigator.userAgent),e="webkit"in window,i=t||e,s=o.target,r=o.relatedTarget,n=f(),a=!this.el.contains(s)&&!this.el.contains(n),p=s!==this.triggerEl&&!this.triggerEl?.contains(s),h=i&&!this.el.contains(r||s)&&r!==this.el;["SWIRL-TAB"].includes(s.tagName)||!a||!p||i&&!h||this.close()}onWindowClick(o){if(!this.active||this.closing)return;const t=o.target,e=this.el.contains(t),i=o.composedPath().some((o=>!!(Boolean(o)&&o instanceof Node)&&this.el.contains(o))),s=t===this.triggerEl||this.triggerEl.contains(t)||o.composedPath().includes(this.triggerEl);e||i||s||this.close()}async close(o){!this.closing&&this.active&&(this.popoverClose.emit(),this.disableAutoUpdate&&this.disableAutoUpdate(),this.closing=!0,setTimeout((()=>{this.active=!1,this.closing=!1,this.updateTriggerAttributes()}),150),this.unlockBodyScroll(),this.returnFocusToTrigger&&!o&&this.getNativeTriggerElement()?.focus())}async open(o,t){if(this.triggerEl=o||this.triggerEl,this.active||!Boolean(this.triggerEl))return;this.adjustWidth(),this.active=!0,this.updateTriggerAttributes();const e=this.getFocusableChildren();requestAnimationFrame((async()=>{await this.reposition(),this.popoverOpen.emit({position:this.position}),e.length>0&&!t?e[0].focus():t||this.contentContainer.focus(),this.disableAutoUpdate&&this.disableAutoUpdate(),this.disableAutoUpdate=h(this.triggerEl,this.contentContainer,(()=>this.reposition())),this.scrollContainer.scrollTop=0,this.lockBodyScroll()}))}connectTrigger(){Boolean(this.trigger)?(this.triggerEl="string"==typeof this.trigger?m(this.triggerContainer||document.body,`#${this.trigger}`)[0]:this.trigger,Boolean(this.triggerEl)&&this.triggerEl.addEventListener("click",(o=>{this.toggle(o)}))):this.triggerEl=void 0}getNativeTriggerElement(){return this.triggerEl?.tagName.startsWith("SWIRL-")&&(this.triggerEl?.children[0]||this.triggerEl?.shadowRoot?.children[0])||this.triggerEl}updateTriggerAttributes(){if(!Boolean(this.triggerEl))return;const o=this.getNativeTriggerElement();o.setAttribute("aria-controls",this.el.id),o.setAttribute("aria-expanded",String(this.active)),o.setAttribute("aria-haspopup","dialog")}getFocusableChildren(){return m(this.el,'[role="menuitem"], [role="listbox"]')}adjustWidth(){let o=this.useContainerWidth;[!0,"true"].includes(this.useContainerWidth)?o=!0:[!1,"false"].includes(this.useContainerWidth)&&(o=!1);const t=!window.matchMedia("(min-width: 768px)").matches;if(Boolean(o)&&!t){const t="string"==typeof o&&this.el.closest(o)||this.el.parentElement;this.contentContainer.style.maxWidth="none",this.contentContainer.style.width=t.getBoundingClientRect().width+"px"}else this.contentContainer.style.maxWidth="",this.contentContainer.style.width=""}lockBodyScroll(){v()&&!this.disableScrollLock&&Boolean(this.scrollContainer)&&d(this.scrollContainer)}unlockBodyScroll(){v()&&!this.disableScrollLock&&Boolean(this.scrollContainer)&&c(this.scrollContainer)}render(){const o=!window.matchMedia("(min-width: 768px)").matches,t=l("popover",`popover--animation-${this.animation}`,`popover--placement-${this.position?.placement}`,{"popover--active":this.active,"popover--closing":this.closing,"popover--fullscreen-bottom-sheet":this.fullscreenBottomSheet,"popover--inactive":!this.active,"popover--transparent":this.transparent});return e(i,{key:"38a29d63bc70b8a3f2367d260f5f2d089450f797"},e("div",{key:"d59e79ff136630b5635d265ba7b327f04c25a30b",class:t,onKeyDown:this.onKeydown},e("div",{key:"2a72f72e5f4ab92792ca7976b86d1bda66334ee5","aria-hidden":this.active?"false":"true","aria-label":this.label,class:"popover__content",id:this.popoverId,part:"popover__content",role:"dialog",ref:o=>this.contentContainer=o,style:{top:Boolean(this.position)?`${this.position?.y}px`:"",left:Boolean(this.position)?`${this.position?.x}px`:""},tabindex:"-1"},e("span",{key:"e295d57d2b14fc2c564558dd5d15395441d57214",class:"popover__handle"}),e("div",{key:"2fd787d2a3e58527bddf6aec6247b9626f36947c",class:"popover__scroll-container",part:"popover__scroll-container",ref:o=>this.scrollContainer=o,style:{maxHeight:!o&&Boolean(this.maxHeight)?this.maxHeight:void 0}},e("slot",{key:"8c991bd657aa979fa87cf7918729c5d1eee155db"}))),this.active&&e("div",{key:"c0d83c06f8a6b2e7e219522c9eb0a44dc1b33028",class:"popover__backdrop",onClick:this.onCloseButtonClick})))}get el(){return s(this)}};u.style=":host{position:relative;z-index:var(--s-z-40);display:inline-flex}:host *{box-sizing:border-box}.popover--active:not(.popover--closing) .popover__backdrop{animation:0.15s popover-fade-in}@media (prefers-reduced-motion){.popover--active:not(.popover--closing) .popover__backdrop{animation:none}}.popover--active:not(.popover--closing) .popover__content{animation:0.15s popover-slide-in}@media (min-width: 768px){.popover--active:not(.popover--closing) .popover__content{transform-origin:top left;animation:0.15s popover-fade-scale-in-xy}}@media (prefers-reduced-motion){.popover--active:not(.popover--closing) .popover__content{animation:none}}.popover--closing .popover__backdrop{animation:0.15s popover-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.popover--closing .popover__backdrop{animation:none}}.popover--closing .popover__content{animation:0.15s popover-slide-out;animation-fill-mode:forwards}@media (min-width: 768px){.popover--closing .popover__content{animation:0.15s popover-fade-out}}@media (prefers-reduced-motion){.popover--closing .popover__content{animation:none}}.popover--inactive .popover__content{display:none}@media (max-width: 767px){.popover--fullscreen-bottom-sheet.popover--active:not(.popover--closing) .popover__content{animation:0.15s popover-fade-in}@media (prefers-reduced-motion){.popover--fullscreen-bottom-sheet.popover--active:not(.popover--closing) .popover__content{animation:none}}.popover--fullscreen-bottom-sheet.popover--closing .popover__content{animation:0.15s popover-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.popover--fullscreen-bottom-sheet.popover--closing .popover__content{animation:none}}.popover--fullscreen-bottom-sheet .popover__backdrop{display:none}.popover--fullscreen-bottom-sheet .popover__content{top:0;border-top-left-radius:0;border-top-right-radius:0}.popover--fullscreen-bottom-sheet .popover__scroll-container{height:100%;max-height:none;padding-top:0;padding-bottom:0}.popover--fullscreen-bottom-sheet .popover__handle{display:none}}@media (min-width: 768px){.popover--animation-scale-in-y.popover--active:not(.popover--closing) .popover__content{animation:0.15s popover-fade-scale-in-y}}@media (prefers-reduced-motion){.popover--animation-scale-in-y.popover--active:not(.popover--closing) .popover__content{animation:none}}@media (min-width: 768px){.popover--animation-fade-in.popover--active:not(.popover--closing) .popover__content{animation:0.15s popover-fade-in}}@media (prefers-reduced-motion){.popover--animation-fade-in.popover--active:not(.popover--closing) .popover__content{animation:none}}@media (min-width: 768px){.popover--transparent .popover__content{background-color:transparent;box-shadow:none}}@media (min-width: 768px){.popover--transparent .popover__scroll-container{padding:0}}.popover__backdrop{position:fixed;z-index:0;background-color:rgba(0, 0, 0, 0.2);animation:0.15s popover-backdrop-fade-in;inset:0}@media (prefers-reduced-motion){.popover__backdrop{animation:none}}@media (min-width: 768px){.popover__backdrop{display:none}}.popover__content{position:fixed;z-index:2;right:0;bottom:0;left:0;overflow:hidden;border-top-left-radius:var(--s-border-radius-xl);border-top-right-radius:var(--s-border-radius-xl);background-color:var(--s-surface-overlay-default)}@media (min-width: 768px){.popover__content{right:unset;bottom:unset;left:unset;max-width:22.5rem;border-radius:var(--s-border-radius-sm);animation:none;box-shadow:var(--s-shadow-level-2)}}.popover__scroll-container{overflow-x:hidden;overflow-y:auto;width:100%;max-height:90vh;padding-top:var(--s-space-24);padding-bottom:var(--s-space-24);overscroll-behavior:contain}@media (min-width: 768px){.popover__scroll-container{max-height:22rem;padding-top:var(--s-space-8);padding-bottom:var(--s-space-8)}}.popover__handle{position:absolute;top:var(--s-space-8);left:50%;width:2.5rem;height:0.375rem;border-radius:0.1875rem;background-color:var(--s-border-default);transform:translatex(-50%)}@media (min-width: 768px){.popover__handle{display:none}}@keyframes popover-slide-in{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes popover-slide-out{from{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes popover-fade-in{from{opacity:0}to{opacity:1}}@keyframes popover-fade-out{from{opacity:1}to{opacity:0}}@keyframes popover-fade-scale-in-xy{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes popover-fade-scale-in-y{from{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}";const g=class{constructor(t){o(this,t),this.triggerIsActive=!1,this.popoverMouseEnter=()=>{this.stopHoverLingerTimer()},this.popoverMouseLeave=()=>{this.triggerIsActive&&this.mouseleaveHandler()},this.onMouseenter=()=>{this.triggerOnHover&&(this.stopHoverLingerTimer(),this.triggerIsActive=!0,this.hoverDelayReference=setTimeout((()=>{this.hoverDelayReference=void 0,this.triggerOnHover&&this.mouseenterHandler()}),this.hoverDelay))},this.mouseenterHandler=()=>{const o=this.getPopoverEl(),t=this.getTriggerEl();o.open(t,!0),o.addEventListener("popoverOpen",(()=>{this.updateTriggerElAriaAttributes(!0)}),{once:!0}),o.addEventListener("popoverClose",(()=>{this.updateTriggerElAriaAttributes(!1)}),{once:!0})},this.onMouseleave=()=>{clearTimeout(this.hoverDelayReference),this.mouseleaveHandler()},this.mouseleaveHandler=()=>{this.triggerOnHover&&this.startHoverLingerTimer()},this.onClick=()=>{if(!this.triggerOnClick)return;const o=this.getPopoverEl(),t=this.getTriggerEl();o.open(t),o.addEventListener("popoverOpen",(()=>{this.updateTriggerElAriaAttributes(!0)}),{once:!0}),o.addEventListener("popoverClose",(()=>{this.updateTriggerElAriaAttributes(!1)}),{once:!0})},this.updateTriggerElAriaAttributes=o=>{if(!this.setAriaAttributes)return;const t=this.getTriggerEl();if(!Boolean(t))return;const e="string"==typeof this.swirlPopover?this.swirlPopover:this.swirlPopover?.id;t.tagName.startsWith("SWIRL-")?(t.setAttribute("swirl-aria-controls",e),t.setAttribute("swirl-aria-expanded",String(o||"false")),t.setAttribute("swirl-aria-haspopup","dialog")):(t.setAttribute("aria-controls",e),t.setAttribute("aria-expanded",String(o||"false")),t.setAttribute("aria-haspopup","dialog"))},this.hidePopoverWhenInvisible=!0,this.parentScrollContainer=void 0,this.setAriaAttributes=!0,this.swirlPopover=void 0,this.triggerOnClick=!0,this.triggerOnHover=!1,this.hoverLingerDuration=void 0,this.hoverDelay=void 0}componentDidLoad(){if(this.updateTriggerElAriaAttributes(),this.setupHoverListeners(),this.hidePopoverWhenInvisible){this.intersectionObserver=new IntersectionObserver(this.onVisibilityChange.bind(this),{root:this.parentScrollContainer,threshold:1});const o=this.el.querySelector("*");if(!Boolean(o))return;this.intersectionObserver.observe(o)}}disconnectedCallback(){this.intersectionObserver?.disconnect();const o=this.getPopoverEl();Boolean(o)&&(o.removeEventListener("mouseenter",this.popoverMouseEnter),o.removeEventListener("mouseleave",this.popoverMouseLeave))}watchPopover(){this.updateTriggerElAriaAttributes()}watchHover(){clearTimeout(this.hoverDelayReference),clearTimeout(this.hoverLingerReference)}getPopoverEl(){return"string"==typeof this.swirlPopover?document.querySelector(`#${this.swirlPopover}`):this.swirlPopover}getTriggerEl(){return 1!==this.el.children.length&&console.warn('[Swirl] The "swirl-popover-trigger" component expects exactly one child element.'),this.el.children[0]}onVisibilityChange(o){!o[0].isIntersecting&&this.isPopoverOpen()&&this.getPopoverEl()?.close()}setupHoverListeners(){const o=this.getPopoverEl();Boolean(o)&&(o.addEventListener("mouseenter",this.popoverMouseEnter),o.addEventListener("mouseleave",this.popoverMouseLeave))}startHoverLingerTimer(){clearTimeout(this.hoverLingerReference),this.hoverLingerReference=setTimeout((()=>{this.triggerIsActive&&this.isPopoverOpen()&&this.getPopoverEl().close(!0),this.triggerIsActive=!1}),this.hoverLingerDuration)}stopHoverLingerTimer(){clearTimeout(this.hoverLingerReference)}isPopoverOpen(){const o=this.getPopoverEl(),t=o?.shadowRoot.firstChild?.classList.contains("popover--active");return t}render(){return e(i,{key:"1847ad7b3f8871937e44e085033f33c5b0e33b56",onClick:this.onClick,onMouseenter:this.onMouseenter,onMouseleave:this.onMouseleave},e("slot",{key:"3110baedf8213f070d263ca4424c611c03408c5a"}))}get el(){return s(this)}static get watchers(){return{swirlPopover:["watchPopover"],triggerOnHover:["watchHover"]}}};g.style=".sc-swirl-popover-trigger-h{display:contents}";export{u as swirl_popover,g as swirl_popover_trigger}
+import{r as o,c as t,h as e,H as i,g as s}from"./p-30e99c25.js";import{o as r,s as n,f as a,c as p,a as h}from"./p-bc0de553.js";import{d,e as c}from"./p-33c168b3.js";import{c as l}from"./p-a5dce9e6.js";import{i as v,q as m,b as f}from"./p-0f3e0216.js";const u=class{constructor(e){o(this,e),this.popoverClose=t(this,"popoverClose",7),this.popoverOpen=t(this,"popoverOpen",7),this.toggle=o=>{o.stopPropagation(),this.active?this.close():this.open()},this.onKeydown=o=>{"Escape"===o.code&&this.active&&(o.stopImmediatePropagation(),o.stopPropagation(),this.close())},this.reposition=async()=>{const o=v();if(!Boolean(this.triggerEl)||!Boolean(this.contentContainer))return;if(o)return void(this.position=void 0);const t="number"==typeof this.offset?{mainAxis:this.offset,crossAxis:0}:{mainAxis:this.offset[0],crossAxis:this.offset[1]},e=this.enableFlip?[r(t),n(),a()]:[r(t),n()];this.position=await p(this.triggerEl,this.contentContainer,{middleware:e,placement:this.placement,strategy:"fixed"})},this.onCloseButtonClick=()=>{this.close()},this.animation="scale-in-xy",this.disableScrollLock=void 0,this.enableFlip=!0,this.fullscreenBottomSheet=void 0,this.label=void 0,this.maxHeight="22rem",this.offset=8,this.popoverId=void 0,this.placement="bottom-start",this.returnFocusToTrigger=!0,this.transparent=void 0,this.trigger=void 0,this.triggerContainer=void 0,this.useContainerWidth=void 0,this.active=!1,this.closing=!1,this.position=void 0}componentDidLoad(){this.connectTrigger(),this.updateTriggerAttributes(),Boolean(this.trigger)&&console.warn('[Swirl] The "trigger" prop of swirl-popover is deprecated and will be removed with the next major release. Please use the swirl-popover-trigger component instead. https://swirl-storybook.flip-app.dev/?path=/docs/components-swirlpopovertrigger--docs')}disconnectedCallback(){this.unlockBodyScroll()}onWindowFocusIn(o){if(!this.active)return;const t=/^((?!chrome|android).)*safari/i.test(navigator.userAgent),e="webkit"in window,i=t||e,s=o.target,r=o.relatedTarget,n=f(),a=!this.el.contains(s)&&!this.el.contains(n),p=s!==this.triggerEl&&!this.triggerEl?.contains(s),h=i&&!this.el.contains(r||s)&&r!==this.el;["SWIRL-TAB"].includes(s.tagName)||!a||!p||i&&!h||this.close()}onWindowClick(o){if(!this.active||this.closing)return;const t=o.target,e=this.el.contains(t),i=o.composedPath().some((o=>!!(Boolean(o)&&o instanceof Node)&&this.el.contains(o))),s=t===this.triggerEl||this.triggerEl.contains(t)||o.composedPath().includes(this.triggerEl);e||i||s||this.close()}async close(o){!this.closing&&this.active&&(this.popoverClose.emit(),this.disableAutoUpdate&&this.disableAutoUpdate(),this.closing=!0,setTimeout((()=>{this.active=!1,this.closing=!1,this.updateTriggerAttributes()}),150),this.unlockBodyScroll(),this.returnFocusToTrigger&&!o&&this.getNativeTriggerElement()?.focus())}async open(o,t){if(this.triggerEl=o||this.triggerEl,this.active||!Boolean(this.triggerEl))return;this.adjustWidth(),this.active=!0,this.updateTriggerAttributes();const e=this.getFocusableChildren();requestAnimationFrame((async()=>{await this.reposition(),this.popoverOpen.emit({position:this.position}),e.length>0&&!t?e[0].focus():t||this.contentContainer.focus(),this.disableAutoUpdate&&this.disableAutoUpdate(),this.disableAutoUpdate=h(this.triggerEl,this.contentContainer,(()=>this.reposition())),this.scrollContainer.scrollTop=0,this.lockBodyScroll()}))}connectTrigger(){Boolean(this.trigger)?(this.triggerEl="string"==typeof this.trigger?m(this.triggerContainer||document.body,`#${this.trigger}`)[0]:this.trigger,Boolean(this.triggerEl)&&this.triggerEl.addEventListener("click",(o=>{this.toggle(o)}))):this.triggerEl=void 0}getNativeTriggerElement(){return this.triggerEl?.tagName.startsWith("SWIRL-")&&(this.triggerEl?.children[0]||this.triggerEl?.shadowRoot?.children[0])||this.triggerEl}updateTriggerAttributes(){if(!Boolean(this.triggerEl))return;const o=this.getNativeTriggerElement();o.setAttribute("aria-controls",this.el.id),o.setAttribute("aria-expanded",String(this.active)),o.setAttribute("aria-haspopup","dialog")}getFocusableChildren(){return m(this.el,'[role="menuitem"], [role="listbox"]')}adjustWidth(){let o=this.useContainerWidth;[!0,"true"].includes(this.useContainerWidth)?o=!0:[!1,"false"].includes(this.useContainerWidth)&&(o=!1);const t=!window.matchMedia("(min-width: 768px)").matches;if(Boolean(o)&&!t){const t="string"==typeof o&&this.el.closest(o)||this.el.parentElement;this.contentContainer.style.maxWidth="none",this.contentContainer.style.width=t.getBoundingClientRect().width+"px"}else this.contentContainer.style.maxWidth="",this.contentContainer.style.width=""}lockBodyScroll(){v()&&!this.disableScrollLock&&Boolean(this.scrollContainer)&&d(this.scrollContainer)}unlockBodyScroll(){v()&&!this.disableScrollLock&&Boolean(this.scrollContainer)&&c(this.scrollContainer)}render(){const o=!window.matchMedia("(min-width: 768px)").matches,t=l("popover",`popover--animation-${this.animation}`,`popover--placement-${this.position?.placement}`,{"popover--active":this.active,"popover--closing":this.closing,"popover--fullscreen-bottom-sheet":this.fullscreenBottomSheet,"popover--inactive":!this.active,"popover--transparent":this.transparent});return e(i,{key:"38a29d63bc70b8a3f2367d260f5f2d089450f797"},e("div",{key:"d59e79ff136630b5635d265ba7b327f04c25a30b",class:t,onKeyDown:this.onKeydown},e("div",{key:"2a72f72e5f4ab92792ca7976b86d1bda66334ee5","aria-hidden":this.active?"false":"true","aria-label":this.label,class:"popover__content",id:this.popoverId,part:"popover__content",role:"dialog",ref:o=>this.contentContainer=o,style:{top:Boolean(this.position)?`${this.position?.y}px`:"",left:Boolean(this.position)?`${this.position?.x}px`:""},tabindex:"-1"},e("span",{key:"e295d57d2b14fc2c564558dd5d15395441d57214",class:"popover__handle"}),e("div",{key:"2fd787d2a3e58527bddf6aec6247b9626f36947c",class:"popover__scroll-container",part:"popover__scroll-container",ref:o=>this.scrollContainer=o,style:{maxHeight:!o&&Boolean(this.maxHeight)?this.maxHeight:void 0}},e("slot",{key:"8c991bd657aa979fa87cf7918729c5d1eee155db"}))),this.active&&e("div",{key:"c0d83c06f8a6b2e7e219522c9eb0a44dc1b33028",class:"popover__backdrop",onClick:this.onCloseButtonClick})))}get el(){return s(this)}};u.style=":host{position:relative;z-index:var(--s-z-40);display:inline-flex}:host *{box-sizing:border-box}.popover--active:not(.popover--closing) .popover__backdrop{animation:0.15s popover-fade-in}@media (prefers-reduced-motion){.popover--active:not(.popover--closing) .popover__backdrop{animation:none}}.popover--active:not(.popover--closing) .popover__content{animation:0.15s popover-slide-in}@media (min-width: 768px){.popover--active:not(.popover--closing) .popover__content{transform-origin:top left;animation:0.15s popover-fade-scale-in-xy}}@media (prefers-reduced-motion){.popover--active:not(.popover--closing) .popover__content{animation:none}}.popover--closing .popover__backdrop{animation:0.15s popover-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.popover--closing .popover__backdrop{animation:none}}.popover--closing .popover__content{animation:0.15s popover-slide-out;animation-fill-mode:forwards}@media (min-width: 768px){.popover--closing .popover__content{animation:0.15s popover-fade-out}}@media (prefers-reduced-motion){.popover--closing .popover__content{animation:none}}.popover--inactive .popover__content{display:none}@media (max-width: 767px){.popover--fullscreen-bottom-sheet.popover--active:not(.popover--closing) .popover__content{animation:0.15s popover-fade-in}@media (prefers-reduced-motion){.popover--fullscreen-bottom-sheet.popover--active:not(.popover--closing) .popover__content{animation:none}}.popover--fullscreen-bottom-sheet.popover--closing .popover__content{animation:0.15s popover-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.popover--fullscreen-bottom-sheet.popover--closing .popover__content{animation:none}}.popover--fullscreen-bottom-sheet .popover__backdrop{display:none}.popover--fullscreen-bottom-sheet .popover__content{top:0;border-top-left-radius:0;border-top-right-radius:0}.popover--fullscreen-bottom-sheet .popover__scroll-container{height:100%;max-height:none;padding-top:0;padding-bottom:0}.popover--fullscreen-bottom-sheet .popover__handle{display:none}}@media (min-width: 768px){.popover--animation-scale-in-y.popover--active:not(.popover--closing) .popover__content{animation:0.15s popover-fade-scale-in-y}}@media (prefers-reduced-motion){.popover--animation-scale-in-y.popover--active:not(.popover--closing) .popover__content{animation:none}}@media (min-width: 768px){.popover--animation-fade-in.popover--active:not(.popover--closing) .popover__content{animation:0.15s popover-fade-in}}@media (prefers-reduced-motion){.popover--animation-fade-in.popover--active:not(.popover--closing) .popover__content{animation:none}}@media (min-width: 768px){.popover--transparent .popover__content{background-color:transparent;box-shadow:none}}@media (min-width: 768px){.popover--transparent .popover__scroll-container{padding:0}}.popover__backdrop{position:fixed;z-index:0;background-color:rgba(0, 0, 0, 0.2);animation:0.15s popover-backdrop-fade-in;inset:0}@media (prefers-reduced-motion){.popover__backdrop{animation:none}}@media (min-width: 768px){.popover__backdrop{display:none}}.popover__content{position:fixed;z-index:2;right:0;bottom:0;left:0;overflow:hidden;border-top-left-radius:var(--s-border-radius-xl);border-top-right-radius:var(--s-border-radius-xl);background-color:var(--s-surface-overlay-default)}@media (min-width: 768px){.popover__content{right:unset;bottom:unset;left:unset;max-width:22.5rem;border-radius:var(--s-border-radius-sm);animation:none;box-shadow:var(--s-shadow-level-2)}}.popover__scroll-container{overflow-x:hidden;overflow-y:auto;width:100%;max-height:90vh;padding-top:var(--s-space-24);padding-bottom:var(--s-space-24);overscroll-behavior:contain}@media (min-width: 768px){.popover__scroll-container{max-height:22rem;padding-top:var(--s-space-8);padding-bottom:var(--s-space-8)}}.popover__handle{position:absolute;top:var(--s-space-8);left:50%;width:2.5rem;height:0.375rem;border-radius:0.1875rem;background-color:var(--s-border-default);transform:translatex(-50%)}@media (min-width: 768px){.popover__handle{display:none}}@keyframes popover-slide-in{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes popover-slide-out{from{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes popover-fade-in{from{opacity:0}to{opacity:1}}@keyframes popover-fade-out{from{opacity:1}to{opacity:0}}@keyframes popover-fade-scale-in-xy{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes popover-fade-scale-in-y{from{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}";const g=class{constructor(t){o(this,t),this.triggerIsActive=!1,this.popoverMouseEnter=()=>{this.stopHoverLingerTimer()},this.popoverMouseLeave=()=>{this.triggerIsActive&&this.mouseleaveHandler()},this.onMouseenter=()=>{this.triggerOnHover&&(this.stopHoverLingerTimer(),this.triggerIsActive=!0,this.hoverDelayReference=setTimeout((()=>{this.hoverDelayReference=void 0,this.triggerOnHover&&this.mouseenterHandler()}),this.hoverDelay))},this.mouseenterHandler=()=>{const o=this.getPopoverEl(),t=this.getTriggerEl();o.open(t,!0),o.addEventListener("popoverOpen",(()=>{this.updateTriggerElAriaAttributes(!0)}),{once:!0}),o.addEventListener("popoverClose",(()=>{this.updateTriggerElAriaAttributes(!1)}),{once:!0})},this.onMouseleave=()=>{clearTimeout(this.hoverDelayReference),this.mouseleaveHandler()},this.mouseleaveHandler=()=>{this.triggerOnHover&&this.startHoverLingerTimer()},this.onClick=()=>{if(!this.triggerOnClick)return;const o=this.getPopoverEl(),t=this.getTriggerEl();o.open(t),o.addEventListener("popoverOpen",(()=>{this.updateTriggerElAriaAttributes(!0)}),{once:!0}),o.addEventListener("popoverClose",(()=>{this.updateTriggerElAriaAttributes(!1)}),{once:!0})},this.updateTriggerElAriaAttributes=o=>{if(!this.setAriaAttributes)return;const t=this.getTriggerEl();if(!Boolean(t))return;const e="string"==typeof this.swirlPopover?this.swirlPopover:this.swirlPopover?.id;t.tagName.startsWith("SWIRL-")?(t.setAttribute("swirl-aria-controls",e),t.setAttribute("swirl-aria-expanded",String(o||"false")),t.setAttribute("swirl-aria-haspopup","dialog")):(t.setAttribute("aria-controls",e),t.setAttribute("aria-expanded",String(o||"false")),t.setAttribute("aria-haspopup","dialog"))},this.hidePopoverWhenInvisible=!0,this.parentScrollContainer=void 0,this.setAriaAttributes=!0,this.swirlPopover=void 0,this.triggerOnClick=!0,this.triggerOnHover=!1,this.hoverLingerDuration=void 0,this.hoverDelay=void 0}componentDidLoad(){if(this.updateTriggerElAriaAttributes(),this.setupHoverListeners(),this.hidePopoverWhenInvisible){this.intersectionObserver=new IntersectionObserver(this.onVisibilityChange.bind(this),{root:this.parentScrollContainer,threshold:1});const o=this.el.querySelector("*");if(!Boolean(o))return;this.intersectionObserver.observe(o)}}disconnectedCallback(){this.intersectionObserver?.disconnect();const o=this.getPopoverEl();Boolean(o)&&(o.removeEventListener("mouseenter",this.popoverMouseEnter),o.removeEventListener("mouseleave",this.popoverMouseLeave))}watchPopover(){this.updateTriggerElAriaAttributes()}watchHover(){clearTimeout(this.hoverDelayReference),clearTimeout(this.hoverLingerReference)}getPopoverEl(){return"string"==typeof this.swirlPopover?document.querySelector(`#${this.swirlPopover}`):this.swirlPopover}getTriggerEl(){return 1!==this.el.children.length&&console.warn('[Swirl] The "swirl-popover-trigger" component expects exactly one child element.'),this.el.children[0]}onVisibilityChange(o){!o[0].isIntersecting&&this.isPopoverOpen()&&this.getPopoverEl()?.close()}setupHoverListeners(){const o=this.getPopoverEl();Boolean(o)&&(o.addEventListener("mouseenter",this.popoverMouseEnter),o.addEventListener("mouseleave",this.popoverMouseLeave))}startHoverLingerTimer(){clearTimeout(this.hoverLingerReference),this.hoverLingerReference=setTimeout((()=>{this.triggerIsActive&&this.isPopoverOpen()&&this.getPopoverEl().close(!0),this.triggerIsActive=!1}),this.hoverLingerDuration)}stopHoverLingerTimer(){clearTimeout(this.hoverLingerReference)}isPopoverOpen(){const o=this.getPopoverEl(),t=o?.shadowRoot.firstChild?.classList.contains("popover--active");return t}render(){return e(i,{key:"f082341bc336f35b2013e81fb0f321432a2d3b66",onClick:this.onClick,onMouseenter:this.onMouseenter,onMouseleave:this.onMouseleave},e("slot",{key:"a33ede696be37aef5a9585ab61687298522c9147"}))}get el(){return s(this)}static get watchers(){return{swirlPopover:["watchPopover"],triggerOnHover:["watchHover"]}}};g.style=".sc-swirl-popover-trigger-h{display:contents}";export{u as swirl_popover,g as swirl_popover_trigger}

package/dist/swirl-components/{p-0cdce698.entry.js → p-8bc4995b.entry.js}

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

package/dist/swirl-components/{p-81097330.entry.js → p-8cd013a4.entry.js}

@@ -1 +1 @@
-import{r as a,c as t,h as i,H as e,g as o,F as s}from"./p-30e99c25.js";import{c as r}from"./p-a5dce9e6.js";import{g as l,d as n,i as p,f as d}from"./p-0f3e0216.js";import{S as c}from"./p-1486d7ea.js";import{v as u}from"./p-14616bce.js";const b=class{constructor(i){a(this,i),this.ctaClick=t(this,"ctaClick",7),this.mobileViewChange=t(this,"mobileViewChange",7),this.navigationBackButtonClick=t(this,"navigationBackButtonClick",7),this.navigationExpansionStateChange=t(this,"navigationExpansionStateChange",7),this.sidebarToggle=t(this,"sidebarToggle",7),this.desktopMediaQuery=l(),this.desktopMediaQueryHandler=a=>{this.isDesktop=a.matches},this.onBackToNavigationViewButtonClick=()=>{this.changeMobileView("navigation")},this.onCtaClick=a=>{this.ctaClick.emit(a)},this.onNavigationBackButtonClick=a=>{this.navigationBackButtonClick.emit(a)},this.onSidebarCloseButtonClick=()=>{this.hideSidebar()},this.onContentScroll=n((()=>{this.updateContentScrollState()}),16),this.onNavScroll=n((()=>{this.updateNavScrollState()}),16),this.onSidebarScroll=n((()=>{this.updateSidebarScrollState()}),16),this.toggleNavigation=()=>{this.collapsibleNavigation&&this.setCollapsibleNavigationState("expanded"===this.navExpansionState?"collapsed":"expanded")},this.overlayNavigation=a=>{a.stopPropagation(),this.setCollapsibleNavigationState("overlayed")},this.appName=void 0,this.backToNavigationViewButtonLabel="Back to navigation",this.collapsibleNavigation=void 0,this.ctaIcon=void 0,this.ctaLabel=void 0,this.hasNavigation=void 0,this.hideAppBar=void 0,this.navigationBackButtonLabel="Go back",this.navigationExpansionStateStorageKey="SWIRL_APP_LAYOUT_NAV_EXPANSION_STATE",this.navigationToggleLabel="Toggle navigation",this.navigationOverlayLabel="Show navigation",this.navigationLabel=void 0,this.showNavigationBackButton=void 0,this.sidebarCloseButtonLabel="Close sidebar",this.sidebarHeading=void 0,this.transitionStyle="slides",this.contentScrollState={scrollable:!1,scrolledToTop:!1,scrolledToBottom:!1},this.hasCustomAppBarBackButton=void 0,this.hasSidebar=void 0,this.isDesktop=void 0,this.mobileView="navigation",this.navScrollState={scrollable:!1,scrolledToTop:!1},this.navExpansionState="expanded",this.sidebarActive=void 0,this.sidebarClosing=void 0,this.sidebarOpening=void 0,this.sidebarScrollState={scrollable:!1,scrolledToTop:!1},this.transitioningFrom=void 0,this.transitioningTo=void 0}componentWillLoad(){this.mutationObserver=new MutationObserver((()=>{this.updateCustomAppBarBackButtonStatus(),this.updateNavigationStatus(),this.updateSidebarStatus()})),this.mutationObserver.observe(this.el,{childList:!0}),queueMicrotask((()=>{this.updateCustomAppBarBackButtonStatus(),this.updateSidebarStatus(),this.updateNavigationStatus(),this.checkMobileView()}))}componentDidLoad(){this.desktopMediaQuery.onchange=this.desktopMediaQueryHandler,queueMicrotask((()=>{this.isDesktop=this.desktopMediaQuery.matches,this.restoreNavExpansionState(),this.updateContentScrollState(),this.updateSidebarScrollState(),this.updateNavScrollState()}))}disconnectedCallback(){this.desktopMediaQuery.removeEventListener?.("change",this.desktopMediaQueryHandler),this.mutationObserver?.disconnect()}onDocumentClick(a){this.collapsibleNavigation&&"overlayed"===this.navExpansionState&&(a.composedPath().includes(this.navEl)||a.composedPath().includes(this.headerEl)||this.setCollapsibleNavigationState("collapsed"))}onKeyDown(a){"Escape"===a.key&&"overlayed"===this.navExpansionState&&this.setCollapsibleNavigationState("collapsed")}watchMobileView(){this.checkMobileView()}async showSidebar(){if(this.sidebarActive||!this.hasSidebar)return;Boolean(this.sidebarOpeningTimeout)&&clearTimeout(this.sidebarOpeningTimeout),this.sidebarOpening=!0;const a=p()||d()?0:300;this.sidebarOpeningTimeout=setTimeout((()=>{this.sidebarActive=!0,this.sidebarOpening=!1,this.changeMobileView("sidebar"),this.sidebarToggle.emit(!0)}),a)}async hideSidebar(){if(!this.sidebarActive||!this.hasSidebar)return;Boolean(this.sidebarClosingTimeout)&&clearTimeout(this.sidebarClosingTimeout),this.sidebarClosing=!0;const a=p()||d()?0:300;this.sidebarClosingTimeout=setTimeout((()=>{this.sidebarActive=!1,this.sidebarClosing=!1,this.changeMobileView("body"),this.sidebarToggle.emit(!1)}),a)}async toggleSidebar(){this.hasSidebar&&(this.sidebarActive?this.hideSidebar():this.showSidebar())}async getCollapsibleNavigationState(){return this.navExpansionState}async setCollapsibleNavigationState(a){this.collapsibleNavigation&&(this.navExpansionState=a,this.navigationExpansionStateChange.emit(this.navExpansionState),localStorage.setItem(this.navigationExpansionStateStorageKey,this.navExpansionState))}async changeMobileView(a,t=!0){if(this.mobileView===a||"navigation"===a&&!this.hasNavigation||"sidebar"===a&&!this.hasSidebar)return;if(!p()||!t)return this.mobileView=a,void this.mobileViewChange.emit(this.mobileView);Boolean(this.transitionTimeout)&&clearTimeout(this.transitionTimeout),this.transitioningFrom=this.mobileView,this.transitioningTo=a;const i=d();this.transitionTimeout=setTimeout((()=>{this.mobileView=a,this.transitioningFrom=void 0,this.transitioningTo=void 0,this.mobileViewChange.emit(this.mobileView)}),i?0:"slides"===this.transitionStyle?400:"dialog"===this.transitionStyle?300:0)}checkMobileView(){if("navigation"===this.mobileView&&!this.hasNavigation||"sidebar"===this.mobileView&&!this.hasSidebar)return void(this.mobileView="body");const a="sidebar"===this.mobileView||this.sidebarActive;a!==this.sidebarActive&&(a?this.showSidebar():this.hideSidebar())}updateNavigationStatus(){this.hasNavigation=Boolean(this.el.querySelector('[slot="navigation"]'))}updateCustomAppBarBackButtonStatus(){this.hasCustomAppBarBackButton=Boolean(this.el.querySelector('[slot="custom-app-bar-back-button"]'))}updateSidebarStatus(){this.hasSidebar=Boolean(this.el.querySelector('[slot="sidebar"]'))}updateContentScrollState(){const a={scrollable:this.contentEl.scrollHeight>this.contentEl.clientHeight,scrolledToTop:0===this.contentEl.scrollTop,scrolledToBottom:Math.round(this.contentEl.scrollTop+this.contentEl.clientHeight)>=this.contentEl.scrollHeight};Object.keys(a).some((t=>a[t]!==this.contentScrollState[t]))&&(this.contentScrollState=a)}updateNavScrollState(){const a={scrollable:this.navEl.scrollHeight>this.navEl.clientHeight,scrolledToTop:0===this.navEl.scrollTop};Object.keys(a).some((t=>a[t]!==this.navScrollState[t]))&&(this.navScrollState=a)}updateSidebarScrollState(){const a={scrollable:this.sidebarEl.scrollHeight>this.sidebarEl.clientHeight,scrolledToTop:0===this.sidebarEl.scrollTop};Object.keys(a).some((t=>a[t]!==this.sidebarScrollState[t]))&&(this.sidebarScrollState=a)}restoreNavExpansionState(){if(!this.collapsibleNavigation)return;const a=localStorage.getItem(this.navigationExpansionStateStorageKey);Boolean(a)&&this.setCollapsibleNavigationState(a)}render(){const a=("body"===this.mobileView||this.transitioningTo)&&this.hasNavigation&&!this.hasCustomAppBarBackButton,t=Boolean(this.el.querySelector('[slot="app-bar-controls"]')),o=Boolean(this.el.querySelector('[slot="bottom-bar"]')),s=Boolean(this.el.querySelector('[slot="app-bar-mobile-menu-button"]')),l=Boolean(this.el.querySelector('[slot="custom-sidebar-header"]')),n=Boolean(this.el.querySelector('[slot="floating-action-button"]'))||Boolean(this.ctaLabel),p=this.hasNavigation&&(!this.collapsibleNavigation||"collapsed"!==this.navExpansionState||!this.isDesktop),d=r("app-layout",`app-layout--mobile-view-${this.mobileView}`,`app-layout--nav-${this.isDesktop?this.navExpansionState:"expanded"}`,`app-layout--transitioning-from-${this.transitioningFrom}`,`app-layout--transitioning-to-${this.transitioningTo}`,`app-layout--transition-style-${this.transitionStyle}`,{"app-layout--content-scrollable":this.contentScrollState.scrollable,"app-layout--content-scrolled-to-top":this.contentScrollState.scrolledToTop,"app-layout--content-scrolled-to-bottom":this.contentScrollState.scrolledToBottom,"app-layout--has-app-bar-mobile-menu-button":s,"app-layout--has-app-bar-controls":t,"app-layout--has-bottom-bar":o,"app-layout--has-custom-app-bar-back-button":this.hasCustomAppBarBackButton,"app-layout--has-custom-sidebar-header":l,"app-layout--has-floating-action-button":n,"app-layout--has-navigation":this.hasNavigation,"app-layout--has-sidebar":this.hasSidebar,"app-layout--hide-app-bar":this.hideAppBar,"app-layout--nav-collapsible":this.collapsibleNavigation&&this.isDesktop,"app-layout--nav-scrollable":this.navScrollState.scrollable,"app-layout--nav-scrolled-to-top":this.navScrollState.scrolledToTop,"app-layout--sidebar-active":"sidebar"===this.mobileView||this.sidebarActive,"app-layout--sidebar-closing":this.sidebarClosing,"app-layout--sidebar-opening":this.sidebarOpening,"app-layout--sidebar-scrollable":this.sidebarScrollState.scrollable,"app-layout--sidebar-scrolled-to-top":this.sidebarScrollState.scrolledToTop});return i(e,{key:"3b1c6dfbd70f1e73595152063eb0f19214061a0b"},i("section",{key:"66b24882d23244130b99d018d154819924a238a8","aria-labelledby":"app-name",class:d},i("div",{key:"4ba4430a6ff528e1f5c7739a49bb1718acfff76c",class:"app-layout__grid"},i("header",{key:"2557b4f52f4d63b8e3bd0d79b97d12dff3e35ebf",class:"app-layout__header",ref:a=>this.headerEl=a},i("span",{key:"db4942252a5b23067a186188a2de09e231b33fc2",class:"app-layout__navigation-mobile-menu-button"},i("slot",{key:"d34fefe46a8116f28df00c3d2b00611d2e5c977f",name:"navigation-mobile-menu-button"})),this.collapsibleNavigation&&i("span",{key:"f199cb947888c1ae726108c398f1b0a0ccd459e1",class:"app-layout__nav-overlay-toggle"},i("swirl-button",{key:"801cb2ec74f780fd9f5a2114e4ef9c5fa11bc844",hideLabel:!0,icon:"expanded"!==this.navExpansionState?"<swirl-icon-dock-left-expand></swirl-icon-dock-left-expand>":"<swirl-icon-dock-left-collapse></swirl-icon-dock-left-collapse>",label:this.navigationToggleLabel,onClick:this.toggleNavigation})),this.showNavigationBackButton&&i("span",{key:"09cc96fc608719f6f03c124765362c9203ae624a",class:"app-layout__navigation-back-button"},i("swirl-button",{key:"c48e18559fef928f25f0fee06b3d1e3202ef624a",hideLabel:!0,icon:"<swirl-icon-arrow-back></swirl-icon-arrow-back>",label:this.navigationBackButtonLabel,onClick:this.onNavigationBackButtonClick})),i("swirl-heading",{key:"5b0c2f2b4183636415d2c605f2921f4513f87d9e",as:"h1",class:"app-layout__app-name",headingId:"app-name",level:3,text:this.appName}),p&&i("span",{key:"1c17004783909c533522e645bcde641efe20af38",class:"app-layout__navigation-controls"},i("slot",{key:"6194344af515533f48c12719578d355d538fe132",name:"navigation-controls"}))),i("nav",{key:"49f8bed05da5f7ea4d8ca731e8ac6640f6efba1d","aria-label":this.navigationLabel,class:"app-layout__navigation",onScroll:this.onNavScroll,ref:a=>this.navEl=a,inert:this.isDesktop&&this.collapsibleNavigation&&"collapsed"===this.navExpansionState},i("slot",{key:"7bb84dd7374be5df9caaea8bd04545512ee68ec0",name:"navigation"})),i("section",{key:"a19ab7ca766bf445427ccbd80ca20c8493435e83","aria-labelledby":"app-name",class:"app-layout__body"},!this.hideAppBar&&i("header",{key:"8325293845b85f72b7f3df2662559e2ab4074bb9",class:"app-layout__app-bar"},i("span",{key:"5237b62f03cd7c1373549a2a30ccf446ba0372f9",class:"app-layout__app-bar-mobile-menu-button"},i("slot",{key:"f18bde70731b9351e63b21ad7f1a9c647abf416f",name:"app-bar-mobile-menu-button"})),a&&i("span",{key:"215d23179fc51dd075864c265ea9b7f364319a95",class:"app-layout__back-to-navigation-button"},i("swirl-button",{key:"ea3be8edd9002a61f20c0a12da9aa1b578947c6a",hideLabel:!0,icon:"dialog"===this.transitionStyle?"<swirl-icon-close></swirl-icon-close>":"<swirl-icon-arrow-back></swirl-icon-arrow-back>",label:this.backToNavigationViewButtonLabel,onClick:this.onBackToNavigationViewButtonClick})),this.collapsibleNavigation&&"expanded"!==this.navExpansionState&&i("span",{key:"60fa359b9bd61b0e1f6be352436999b2cf17f4fc",class:"app-layout__nav-expansion-toggle"},i("swirl-button",{key:"05e09fb3a58dc2ab2e88ee49c585eecc60c7954d",hideLabel:!0,icon:"<swirl-icon-hamburger-menu></swirl-icon-hamburger-menu>",label:this.navigationOverlayLabel,onClick:this.overlayNavigation})),i("span",{key:"f47a36036537b26f772e3bda24b2aa6469e2cf3c",class:"app-layout__custom-app-bar-back-button"},i("slot",{key:"136b0f6cb5f49fd2748ff359ee12320adc70e564",name:"custom-app-bar-back-button"})),i("div",{key:"b8a00b16415b1ec1e860c1d5d57e0490d48e4401",class:"app-layout__app-bar-content"},i("slot",{key:"62cc509a362d5f194182499071b1756c146d26dc",name:"app-bar"})),i("div",{key:"effb581b5c5e33f5ff2438b4b41376d88d232fe9",class:"app-layout__app-bar-controls"},i("slot",{key:"f87b7467b069faaa2efa0cbc68e7ec22c041ff8b",name:"app-bar-controls"}))),i("div",{key:"818823f7c90a8f1fb905a225b5d10b4828805769",class:"app-layout__banner"},i("slot",{key:"fd1f5c35df19fffe35abdd5096f85c32fc1bba22",name:"banner"})),i("div",{key:"572494fb3c5f3b59bdb55d87feb44b59842eb1a6",class:"app-layout__content",onScroll:this.onContentScroll,ref:a=>this.contentEl=a},i("slot",{key:"b83fb9b173afa0b60976565aded1449afd680955",name:"content"})),i("div",{key:"3150822e788bf1af515f1e55c42b25851feaef27",class:"app-layout__bottom-bar"},i("slot",{key:"35a21d973b8f54a8aac80f3744c500f501fa5aa1",name:"bottom-bar"}))),i("aside",{key:"d32a56c28adc6a57c15b750a02575093b80a58f6",class:"app-layout__sidebar"},i("header",{key:"7b60c1d2b4dc8ddd384dde58d4e822e34732f37d",class:"app-layout__custom-sidebar-header"},i("slot",{key:"a10e07f95f94b4fd3863c60e0689997fcc7af569",name:"custom-sidebar-header"})),i("header",{key:"18bfcf429fcbfb1ef138a7723a8b9e0752ced246",class:"app-layout__sidebar-header"},i("swirl-button",{key:"ea311add99e5adb33b8bbed78f7d88fc7d6bf28f",class:"app-layout__sidebar-close-button",hideLabel:!0,icon:"<swirl-icon-close></swirl-icon-close>",label:this.sidebarCloseButtonLabel,onClick:this.onSidebarCloseButtonClick}),i("swirl-heading",{key:"54a13c7f1f0b362cb196a59c5622d2e246cadec0",as:"h3",class:"app-layout__sidebar-heading",headingId:"sidebar-heading",level:3,text:this.sidebarHeading})),i("div",{key:"6920f3562d625be0f9e16c090eeed8d17eea49b7",class:"app-layout__sidebar-content",onScroll:this.onSidebarScroll,ref:a=>this.sidebarEl=a},i("slot",{key:"9807fec2801d84a5ae517765ff7b0f08e4c3f3c5",name:"sidebar"}))),i("span",{key:"9a5b7f6098d8f24f6df6ba7d84bf0276c043effa",class:"app-layout__floating-action-button"},this.ctaLabel&&i("swirl-button",{key:"77e960a30d95129160f0ebec29d419a8572f67ab",hideLabel:Boolean(this.ctaIcon),icon:this.ctaIcon,intent:"primary",label:this.ctaLabel,onClick:this.onCtaClick,variant:"floating"}),i("slot",{key:"8f8942d7df62a364c2e9216d08aa0cbe765a9093",name:"floating-action-button"})))))}get el(){return o(this)}static get watchers(){return{mobileView:["watchMobileView"]}}};b.style=':host{--header-height:3.5625rem;position:relative;z-index:1;display:flex;width:100%;height:100%}:host *{box-sizing:border-box}.app-layout{display:flex;overflow:hidden;width:100%;height:100%;margin-right:auto;margin-left:auto}.app-layout__grid{position:relative;display:grid;width:100%;height:100%;grid-template-columns:100%;grid-template-rows:var(--header-height) 1fr;grid-template-areas:"body"\n    "body"}.app-layout:not(.app-layout--has-navigation) .app-layout__header,.app-layout:not(.app-layout--has-navigation) .app-layout__navigation{display:none}.app-layout:not(.app-layout--has-sidebar) .app-layout__sidebar{display:none}@media (max-width: 767px){.app-layout:not(.app-layout--mobile-view-body) .app-layout__body{display:none}}@media (max-width: 767px){.app-layout:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar{display:none}}.app-layout:not(.app-layout--has-app-bar-mobile-menu-button) .app-layout__app-bar-mobile-menu-button{display:none}.app-layout--has-navigation .app-layout__grid{grid-template-columns:100%;grid-template-areas:"header"\n      "navigation"}@media (min-width: 768px){.app-layout--has-navigation .app-layout__grid{grid-template-columns:min(50%, 22.5rem) 1fr;grid-template-areas:"header body"\n        "navigation body"}}@media (min-width: 1440px){.app-layout--has-navigation .app-layout__grid{grid-template-columns:min(50%, 25rem) 1fr}}@media (min-width: 768px){.app-layout--has-navigation .app-layout__app-bar-mobile-menu-button{display:none}}@media (min-width: 992px){.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-collapsed .app-layout__grid{grid-template-columns:0 1fr}.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__grid{grid-template-columns:0 1fr}.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__header,.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__navigation{position:absolute;z-index:4;top:0;left:0;width:22.5rem;animation:app-layout-nav-overlay-slide-in-desktop 0.1s;animation-fill-mode:forwards}.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__header:after{position:absolute;z-index:1;top:0;left:calc(100% + var(--s-border-width-default));display:block;width:2rem;height:100vh;background-image:linear-gradient(\n              to right,\n              rgba(0, 0, 0, 0.05) 0,\n              rgba(0, 0, 0, 0) 80%,\n              rgba(0, 0, 0, 0) 100%\n            );content:""}.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__navigation{z-index:3;bottom:0}}@media (min-width: 1440px){.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__header,.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__navigation{width:25rem;animation:app-layout-nav-overlay-slide-in-large-desktop 0.1s}}@media (min-width: 768px){.app-layout--has-sidebar:not(.app-layout--has-navigation).app-layout--sidebar-active .app-layout__grid{animation:app-layout-no-nav-sidebar-slide-in 0.3s}@media (prefers-reduced-motion){.app-layout--has-sidebar:not(.app-layout--has-navigation).app-layout--sidebar-active .app-layout__grid{animation:none}}}@media (min-width: 768px){.app-layout--has-sidebar:not(.app-layout--has-navigation).app-layout--sidebar-closing .app-layout__grid{animation:app-layout-no-nav-sidebar-slide-out 0.3s}@media (prefers-reduced-motion){.app-layout--has-sidebar:not(.app-layout--has-navigation).app-layout--sidebar-closing .app-layout__grid{animation:none}}}@media (min-width: 768px){.app-layout--has-sidebar.app-layout--sidebar-active .app-layout__grid{grid-template-columns:1fr min(50%, 25rem);grid-template-areas:"body sidebar"\n          "body sidebar"}}.app-layout--has-sidebar .app-layout__grid{grid-template-columns:100%;grid-template-areas:"body"\n      "body"}@media (min-width: 1800px){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-active .app-layout__grid{grid-template-columns:25rem 1fr 25rem;grid-template-areas:"header body sidebar"\n          "navigation body sidebar"}}@media (min-width: 1800px){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-opening .app-layout__grid{animation:app-layout-sidebar-slide-in 0.3s;animation-fill-mode:forwards}@media (prefers-reduced-motion){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-opening .app-layout__grid{animation:none}}.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-opening.app-layout--nav-collapsed .app-layout__grid,.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-opening.app-layout--nav-overlayed .app-layout__grid{animation:app-layout-sidebar-slide-in-with-collapsed-nav 0.3s}}@media (min-width: 1800px){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-closing .app-layout__grid{animation:app-layout-sidebar-slide-out 0.3s}@media (prefers-reduced-motion){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-closing .app-layout__grid{animation:none}}.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-closing.app-layout--nav-collapsed .app-layout__grid,.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-closing.app-layout--nav-overlayed .app-layout__grid{animation:app-layout-sidebar-slide-out-with-collapsed-nav 0.3s}}@media (min-width: 768px){.app-layout--has-navigation.app-layout--has-sidebar .app-layout__grid{grid-template-columns:min(50%, 22.5rem) 1fr;grid-template-areas:"header body"\n        "navigation body"}}@media (min-width: 992px){.app-layout--has-navigation.app-layout--has-sidebar .app-layout__grid{grid-template-columns:22.5rem 1fr}}@media (min-width: 1440px){.app-layout--has-navigation.app-layout--has-sidebar .app-layout__grid{grid-template-columns:25rem 1fr}}@media (min-width: 992px){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--nav-collapsible.app-layout--nav-collapsed .app-layout__grid{grid-template-columns:0 1fr}.app-layout--has-navigation.app-layout--has-sidebar.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__grid{grid-template-columns:0 1fr}}@media (min-width: 768px) and (max-width: 1799px){.app-layout--has-navigation.app-layout--has-sidebar .app-layout__sidebar{position:absolute;top:0;right:0;bottom:0;width:min(40%, 25rem);border-left:var(--s-border-width-default) solid var(--s-border-default);box-shadow:var(--s-shadow-level-3)}}@media (max-width: 767px){.app-layout--mobile-view-navigation .app-layout__grid{grid-template-areas:"header"\n        "navigation"}.app-layout--mobile-view-navigation .app-layout__body,.app-layout--mobile-view-navigation .app-layout__sidebar{display:none}}@media (max-width: 767px){.app-layout--mobile-view-body .app-layout__grid{grid-template-areas:"body"\n        "body"}.app-layout--mobile-view-body .app-layout__header,.app-layout--mobile-view-body .app-layout__navigation,.app-layout--mobile-view-body .app-layout__sidebar{display:none}}@media (max-width: 767px){.app-layout--mobile-view-sidebar .app-layout__grid{grid-template-areas:"sidebar"\n        "sidebar"}.app-layout--mobile-view-sidebar .app-layout__header,.app-layout--mobile-view-sidebar .app-layout__navigation,.app-layout--mobile-view-sidebar .app-layout__body{display:none}}.app-layout--has-sidebar:not(.app-layout--sidebar-active) .app-layout__sidebar{display:none}@media (min-width: 768px){.app-layout--sidebar-closing .app-layout__sidebar{animation:app-layout-sidebar-overlay-slide-out 0.3s}@media (prefers-reduced-motion){.app-layout--sidebar-closing .app-layout__sidebar{animation:none}}}@media (min-width: 1800px){.app-layout--sidebar-closing .app-layout__sidebar{animation:none}}.app-layout--has-app-bar-controls .app-layout__app-bar-controls{display:block}.app-layout--has-bottom-bar .app-layout__body{grid-template-rows:minmax(var(--header-height), auto) auto 1fr auto;grid-template-areas:"app-bar"\n      "banner"\n      "content"\n      "bottom-bar"}.app-layout--has-bottom-bar .app-layout__content{border-bottom:var(--s-border-width-default) solid transparent}.app-layout--has-bottom-bar .app-layout__bottom-bar{display:block}.app-layout--has-custom-app-bar-back-button .app-layout__custom-app-bar-back-button{display:block}.app-layout--has-custom-sidebar-header .app-layout__sidebar-header{display:none}.app-layout--has-custom-sidebar-header .app-layout__custom-sidebar-header{display:block}.app-layout--has-floating-action-button .app-layout__floating-action-button{display:block}.app-layout--hide-app-bar .app-layout__body{grid-template-rows:auto 1fr;grid-template-areas:"banner"\n      "content"}.app-layout--content-scrollable:not(.app-layout--content-scrolled-to-top) .app-layout__app-bar{border-bottom-color:var(--s-border-default)}.app-layout--content-scrollable.app-layout--has-bottom-bar:not(.app-layout--content-scrolled-to-bottom) .app-layout__content{border-bottom-color:var(--s-border-default)}.app-layout--nav-scrollable:not(.app-layout--nav-scrolled-to-top) .app-layout__header{border-bottom-color:var(--s-border-default)}.app-layout--sidebar-scrollable:not(.app-layout--sidebar-scrolled-to-top) .app-layout__sidebar-header,.app-layout--sidebar-scrollable:not(.app-layout--sidebar-scrolled-to-top) .app-layout__custom-sidebar-header{border-bottom-color:var(--s-border-default)}.app-layout__header{z-index:1;display:flex;min-width:0;height:var(--header-height);padding-top:var(--s-space-12);padding-right:var(--s-space-8);padding-bottom:var(--s-space-12);padding-left:var(--s-space-8);align-items:center;border-bottom:var(--s-border-width-default) solid transparent;background-color:var(--s-background-default);grid-area:header;gap:var(--s-space-8)}@media (min-width: 768px){.app-layout__header{border-right:var(--s-border-width-default) solid var(--s-border-default)}}@media (min-width: 992px){.app-layout__header{padding-right:var(--s-space-16);padding-left:var(--s-space-16)}}.app-layout__app-name{min-width:0}.app-layout__app-name .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-layout__app-bar-mobile-menu-button,.app-layout__navigation-mobile-menu-button{flex-shrink:0}@media (min-width: 992px){.app-layout__app-bar-mobile-menu-button,.app-layout__navigation-mobile-menu-button{display:none}}.app-layout__app-bar-mobile-menu-button{padding-left:var(--s-space-8)}@media (min-width: 768px){.app-layout__app-bar-mobile-menu-button{padding-left:0}}.app-layout__navigation-back-button{margin-left:calc(-1 * var(--s-space-4))}.app-layout__floating-action-button{position:absolute;z-index:4;right:var(--s-space-16);bottom:var(--s-space-16);display:none}.app-layout__navigation-controls{flex-shrink:0}.app-layout__navigation{z-index:1;overflow-y:auto;border-right:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);grid-area:navigation}.app-layout__nav-overlay-toggle,.app-layout__nav-expansion-toggle{display:none}@media (min-width: 992px){.app-layout__nav-overlay-toggle,.app-layout__nav-expansion-toggle{display:block}}.app-layout__nav-expansion-toggle{padding-left:var(--s-space-16)}.app-layout__body{z-index:2;display:grid;width:100%;height:100%;grid-area:body;grid-template-rows:minmax(var(--header-height), auto) auto 1fr;grid-template-areas:"app-bar"\n    "banner"\n    "content"}.app-layout__app-bar{--swirl-tab-bar-border-width:0;--swirl-tab-bar-height:3.5rem;display:flex;min-width:0;align-items:center;border-bottom:var(--s-border-width-default) solid transparent;background-color:var(--s-background-default);grid-area:app-bar;gap:var(--s-space-8)}.app-layout__bottom-bar{display:none;min-width:0;align-items:center;background-color:var(--s-background-default);grid-area:bottom-bar}.app-layout__back-to-navigation-button{padding-left:var(--s-space-8)}@media (min-width: 768px){.app-layout__back-to-navigation-button{display:none}}.app-layout__banner{grid-area:banner}.app-layout__app-bar-content{min-width:0;flex-grow:1}.app-layout__custom-app-bar-back-button{display:none;padding-left:var(--s-space-8)}.app-layout__app-bar-controls{display:none;padding-right:var(--s-space-8)}@media (min-width: 768px){.app-layout__app-bar-controls{padding-right:var(--s-space-16)}}.app-layout__content{overflow:auto;background-color:var(--s-background-default);grid-area:content}.app-layout__sidebar{z-index:3;display:grid;width:100%;height:100%;border-left:var(--s-border-width-default) solid var(--s-border-default);grid-area:sidebar;grid-template-rows:var(--header-height) 1fr;grid-template-areas:"sidebar-header"\n    "sidebar-content"}@media (min-width: 768px){.app-layout__sidebar{animation:app-layout-slide-in 0.3s}@media (prefers-reduced-motion){.app-layout__sidebar{animation:none}}}@media (min-width: 1800px){.app-layout__sidebar{width:25rem;animation:none}}.app-layout__custom-sidebar-header{display:none;min-width:0;border-bottom:var(--s-border-width-default) solid transparent;background-color:var(--s-background-default);grid-area:sidebar-header}.app-layout__sidebar-header{display:flex;min-width:0;padding-top:var(--s-space-12);padding-right:var(--s-space-8);padding-bottom:var(--s-space-12);padding-left:var(--s-space-8);align-items:center;border-bottom:var(--s-border-width-default) solid transparent;background-color:var(--s-background-default);grid-area:sidebar-header;gap:var(--s-space-8)}@media (min-width: 768px){.app-layout__sidebar-header{padding-right:var(--s-space-16);padding-left:var(--s-space-16)}}.app-layout__sidebar-heading{min-width:0;flex-grow:1}.app-layout__sidebar-heading .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-layout__sidebar-close-button{margin-left:calc(-1 * var(--s-space-4))}.app-layout__sidebar-content{overflow-y:auto;background-color:var(--s-background-default);grid-area:sidebar-content}@keyframes app-layout-nav-overlay-slide-in-desktop{from{width:0}to{width:22.5rem}}@keyframes app-layout-nav-overlay-slide-in-large-desktop{from{width:0}to{width:25rem}}@media (max-width: 767px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__grid,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__grid{grid-template-columns:100%;grid-template-areas:"header"\n          "navigation"}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{position:absolute;top:0;left:0;display:grid;width:100%;transform:translate3d(100%, 0, 0)}}@media (max-width: 767px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header{display:flex}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{display:block}}@media (max-width: 991px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__grid,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__grid{grid-template-columns:100%;grid-template-areas:"body"\n          "body"}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{position:absolute;top:0;left:0;display:grid;border-left:var(--s-border-width-default) solid var(--s-border-default)}}@media (max-width: 991px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{display:grid}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{display:grid}}@media (max-width: 767px){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__navigation,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation:app-layout-slide-out 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__navigation,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation:none}}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation:app-layout-slide-in 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation:none}}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body:after,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body:after{position:absolute;top:0;right:100%;bottom:0;display:block;width:100%;background-color:rgba(0, 0, 0, 0.3);content:"";animation:app-layout-fade-in 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body:after,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body:after{animation:none}}}@media (max-width: 767px){.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body:after{animation-direction:reverse}}@media (max-width: 991px){.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation:app-layout-slide-out 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation:none}}.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation:app-layout-slide-in 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation:none}}.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar:after,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar:after{position:absolute;top:0;right:100%;bottom:0;display:block;width:100%;background-color:rgba(0, 0, 0, 0.3);content:"";animation:app-layout-fade-in 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar:after,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar:after{animation:none}}}@media (max-width: 991px){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar:after{animation-direction:reverse}}@media (max-width: 767px){.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation:app-layout-scale-in 0.3s}@media (prefers-reduced-motion){.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation:none}}}@media (max-width: 767px){.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation-direction:reverse}}@media (max-width: 991px){.app-layout--transition-style-dialog.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation:app-layout-scale-in 0.3s}@media (prefers-reduced-motion){.app-layout--transition-style-dialog.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation:none}}}@media (max-width: 991px){.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation-direction:reverse}}@keyframes app-layout-sidebar-overlay-slide-out{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(100%, 0, 0)}}@keyframes app-layout-slide-in{0%{transform:translate3d(100%, 0, 0)}100%{transform:translate3d(0, 0, 0)}}@keyframes app-layout-slide-out{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(-20%, 0, 0)}}@keyframes app-layout-fade-in{0%{opacity:0}100%{opacity:1}}@keyframes app-layout-scale-in{from{transform:scale(0);box-shadow:0 0 0 100rem rgba(0, 0, 0, 0)}to{transform:scale(1);box-shadow:0 0 0 100rem rgba(0, 0, 0, 0.25)}}@keyframes app-layout-sidebar-slide-in{from{overflow:hidden;grid-template-columns:25rem 1fr 0}to{overflow:hidden;grid-template-columns:25rem 1fr 25rem}}@keyframes app-layout-sidebar-slide-in-with-collapsed-nav{from{overflow:hidden;grid-template-columns:0 1fr 0}to{overflow:hidden;grid-template-columns:0 1fr 25rem}}@keyframes app-layout-sidebar-slide-out{from{overflow:hidden;grid-template-columns:25rem 1fr 25rem}to{overflow:hidden;grid-template-columns:25rem 1fr 0}}@keyframes app-layout-sidebar-slide-out-with-collapsed-nav{from{overflow:hidden;grid-template-columns:0 1fr 25rem}to{overflow:hidden;grid-template-columns:0 1fr 0}}@keyframes app-layout-no-nav-sidebar-slide-in{from{overflow:hidden;grid-template-columns:1fr 0}to{overflow:hidden;grid-template-columns:1fr 25rem}}@keyframes app-layout-no-nav-sidebar-slide-out{from{overflow:hidden;grid-template-columns:1fr 25rem}to{overflow:hidden;grid-template-columns:1fr 0}}';const h=class{constructor(t){a(this,t),this.heading=void 0,this.illustration=void 0}render(){const a=Boolean(this.el.querySelector('[slot="controls"]')),t=Boolean(this.el.querySelector('[slot="illustration"]')),o=r("empty-state",{"empty-state--has-controls":a,"empty-state--has-slotted-illustration":t});return i(e,{key:"424c8322c82e00084c5b3bb2be33312280359541"},i("div",{key:"3129fe816afb65ad4dab40cd9a061447d03c7836",class:o},this.illustration&&!t&&i("img",{key:"0df923ce9745882446e788cc4b22a5e1837613f4",alt:"",class:"empty-state__illustration",src:this.illustration}),i("div",{key:"13ac9fe0669437f8abc7ee99bb9470fa0f739172",class:"empty-state__slotted-illustration"},i("slot",{key:"b0396456047dfa2f0bc9fdad569495f017225bb9",name:"illustration"})),i("div",{key:"438890a8ae3f36ea7157499740f143e89391d2bc",class:"empty-state__body"},i("swirl-stack",{key:"a860fc1f29779a835c60b336d7145d1697032745",align:"stretch",spacing:"8"},this.heading&&i("swirl-heading",{key:"b77f137324ec5a2513481e7da4e4311bc8bb4203",align:"center",as:"p",level:4,text:this.heading}),i("div",{key:"d0f2cf1bbf4b33542042dede7e26af740065ceb5",class:"empty-state__content"},i("swirl-text",{key:"53d2bdab398030f980ac0003080c750b16ad64db",align:"center",color:"subdued"},i("slot",{key:"dbad1055ae6be7467cfa9cc5c52ac951ef43898c"})))),i("div",{key:"2fe847c9d0fa2aa95157da982f1dc30ce3591b8f",class:"empty-state__controls"},i("slot",{key:"701b0fbcd08734d094d2a49ae185d635e1863d3f",name:"controls"})))))}get el(){return o(this)}};h.style=":host{display:block}:host *{box-sizing:border-box}.empty-state{display:flex;max-width:28rem;align-items:center;flex-direction:column;gap:var(--s-space-16)}.empty-state--has-controls .empty-state__controls{display:block}.empty-state--has-slotted-illustration .empty-state__slotted-illustration{display:block}.empty-state__illustration{max-width:16rem}.empty-state__body{display:flex;align-items:center;flex-direction:column;gap:var(--s-space-24)}.empty-state__controls{display:none}.empty-state__slotted-illustration{display:none;max-width:16rem}";const y=class{constructor(t){a(this,t),this.color=void 0,this.size=24}render(){const a=20===this.size?24:this.size,t={color:Boolean(this.color)?`var(--s-icon-${this.color})`:void 0},e=r("swirl-icon",`swirl-icon--size-${this.size}`);return i("svg",{key:"8321ff5954ac8a10d37b93373e932cbf5746b85a","aria-hidden":"true",class:e,fill:"none",height:this.size,part:"icon",style:t,viewBox:`0 0 ${a} ${a}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},16===this.size&&i(s,{key:"9670ea2201f358f6c4f654fa1ddcf7729a89f561"},i("path",{key:"e5274d5bc49a93dc8b4af459d490b554c3f0e3a3",d:"M9.99998 8.66669C10.3666 8.66669 10.6806 8.53602 10.942 8.27469C11.2029 8.0138 11.3333 7.70002 11.3333 7.33335C11.3333 6.96669 11.2029 6.65269 10.942 6.39135C10.6806 6.13046 10.3666 6.00002 9.99998 6.00002C9.63331 6.00002 9.31953 6.13046 9.05865 6.39135C8.79731 6.65269 8.66665 6.96669 8.66665 7.33335C8.66665 7.70002 8.79731 8.0138 9.05865 8.27469C9.31953 8.53602 9.63331 8.66669 9.99998 8.66669ZM7.33331 11.3334H12.6666V10.9667C12.6666 10.4667 12.4222 10.0694 11.9333 9.77469C11.4444 9.48046 10.8 9.33335 9.99998 9.33335C9.19998 9.33335 8.55553 9.48046 8.06665 9.77469C7.57776 10.0694 7.33331 10.4667 7.33331 10.9667V11.3334ZM2.66665 13.3334C2.29998 13.3334 1.9862 13.2029 1.72531 12.942C1.46398 12.6807 1.33331 12.3667 1.33331 12V4.00002C1.33331 3.63335 1.46398 3.31958 1.72531 3.05869C1.9862 2.79735 2.29998 2.66669 2.66665 2.66669H6.11665C6.29442 2.66669 6.46398 2.70002 6.62531 2.76669C6.7862 2.83335 6.92776 2.9278 7.04998 3.05002L7.99998 4.00002H13.3333C13.7 4.00002 14.014 4.13069 14.2753 4.39202C14.5362 4.65291 14.6666 4.96669 14.6666 5.33335V12C14.6666 12.3667 14.5362 12.6807 14.2753 12.942C14.014 13.2029 13.7 13.3334 13.3333 13.3334H2.66665ZM2.66665 4.00002V12H13.3333V5.33335H7.44998L6.11665 4.00002H2.66665Z",fill:"currentColor"})),(20===this.size||24===this.size)&&i(s,{key:"484cc390deb505e2c791960d665fc904a46b280b"},i("path",{key:"c77c42bceb59a9a2a628adf7b3d33fefa9af7a43",d:"M15 13C15.55 13 16.021 12.804 16.413 12.412C16.8043 12.0207 17 11.55 17 11C17 10.45 16.8043 9.979 16.413 9.587C16.021 9.19567 15.55 9 15 9C14.45 9 13.9793 9.19567 13.588 9.587C13.196 9.979 13 10.45 13 11C13 11.55 13.196 12.0207 13.588 12.412C13.9793 12.804 14.45 13 15 13ZM11 17H19V16.45C19 15.7 18.6333 15.104 17.9 14.662C17.1667 14.2207 16.2 14 15 14C13.8 14 12.8333 14.2207 12.1 14.662C11.3667 15.104 11 15.7 11 16.45V17ZM4 20C3.45 20 2.97933 19.8043 2.588 19.413C2.196 19.021 2 18.55 2 18V6C2 5.45 2.196 4.97933 2.588 4.588C2.97933 4.196 3.45 4 4 4H9.175C9.44167 4 9.696 4.05 9.938 4.15C10.1793 4.25 10.3917 4.39167 10.575 4.575L12 6H20C20.55 6 21.021 6.196 21.413 6.588C21.8043 6.97933 22 7.45 22 8V18C22 18.55 21.8043 19.021 21.413 19.413C21.021 19.8043 20.55 20 20 20H4ZM4 6V18H20V8H11.175L9.175 6H4Z",fill:"currentColor"})),28===this.size&&i(s,{key:"d4fc59759ff2769cc51d3a07798eb90fb21928a1"},i("path",{key:"4bd2a68e7cd0bdd5c684499c11848f2e4f27c84e",d:"M17.5 15.1667C18.1416 15.1667 18.6911 14.938 19.1485 14.4807C19.605 14.0241 19.8333 13.475 19.8333 12.8334C19.8333 12.1917 19.605 11.6422 19.1485 11.1849C18.6911 10.7283 18.1416 10.5 17.5 10.5C16.8583 10.5 16.3092 10.7283 15.8526 11.1849C15.3953 11.6422 15.1666 12.1917 15.1666 12.8334C15.1666 13.475 15.3953 14.0241 15.8526 14.4807C16.3092 14.938 16.8583 15.1667 17.5 15.1667ZM12.8333 19.8334H22.1666V19.1917C22.1666 18.3167 21.7389 17.6214 20.8833 17.1057C20.0278 16.5908 18.9 16.3334 17.5 16.3334C16.1 16.3334 14.9722 16.5908 14.1166 17.1057C13.2611 17.6214 12.8333 18.3167 12.8333 19.1917V19.8334ZM4.66665 23.3334C4.02498 23.3334 3.47587 23.1051 3.01931 22.6485C2.56198 22.1912 2.33331 21.6417 2.33331 21V7.00002C2.33331 6.35835 2.56198 5.80924 3.01931 5.35269C3.47587 4.89535 4.02498 4.66669 4.66665 4.66669H10.7041C11.0153 4.66669 11.312 4.72502 11.5943 4.84169C11.8759 4.95835 12.1236 5.12363 12.3375 5.33752L14 7.00002H23.3333C23.975 7.00002 24.5245 7.22869 24.9818 7.68602C25.4384 8.14258 25.6666 8.69169 25.6666 9.33335V21C25.6666 21.6417 25.4384 22.1912 24.9818 22.6485C24.5245 23.1051 23.975 23.3334 23.3333 23.3334H4.66665ZM4.66665 7.00002V21H23.3333V9.33335H13.0375L10.7041 7.00002H4.66665Z",fill:"currentColor"})))}};y.style=":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";const m=class{constructor(i){a(this,i),this.itemDrop=t(this,"itemDrop",7),this.focusedIndex=0,this.toggleDrag=a=>{const t=a.detail;Boolean(this.dragging)?this.stopDrag(t):this.startDrag(t)},this.startDrag=a=>{this.dragging=a,this.draggingStartIndex=this.getItemIndex(this.dragging),a.setAttribute("dragging","true");const t=this.getItemIndex(this.dragging);this.focusItemAtIndex(t),this.assistiveText=this.assistiveTextItemGrabbed},this.stopDrag=a=>{const t=this.getItemIndex(this.dragging);this.dragging=void 0,a.removeAttribute("dragging"),this.assistiveText=`${this.assistiveTextItemMoved} ${t+1}`,this.itemDrop.emit({item:a,oldIndex:this.draggingStartIndex,newIndex:t}),this.draggingStartIndex=void 0},this.onKeyDown=a=>{if("ArrowDown"===a.code)a.preventDefault(),Boolean(this.dragging)?this.moveDraggedItemDown():this.focusItemAtIndex((this.focusedIndex+1)%this.items.length);else if("ArrowUp"===a.code)a.preventDefault(),Boolean(this.dragging)?this.moveDraggedItemUp():this.focusItemAtIndex(0===this.focusedIndex?this.items.length-1:this.focusedIndex-1);else if("Space"===a.code||"Enter"===a.code){const t=a.composedPath()[0];if(Boolean(this.dragging)&&!t?.classList.contains("resource-list-item__drag-handle"))a.preventDefault(),this.stopDrag(this.dragging);else if(Boolean(this.controllingElement)){const t=this.items[this.focusedIndex];if(!Boolean(t)||!t.isConnected)return;a.stopPropagation(),a.preventDefault(),t.click()}}else"Home"===a.code?(a.preventDefault(),this.focusItemAtIndex(0)):"End"===a.code&&(a.preventDefault(),this.focusItemAtIndex(this.items.length-1))},this.allowDrag=void 0,this.assistiveTextItemGrabbed="Item grabbed. Use arrow keys to move item up or down. Use spacebar to save position.",this.assistiveTextItemMoving="Current position:",this.assistiveTextItemMoved="Item moved. New position:",this.controllingElement=void 0,this.label=void 0,this.spacing="0",this.assistiveText=void 0,this.listId=u()}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((a=>a.isConnected)),this.removeItemsFromTabOrder(),this.enableItemFocus(this.items[this.focusedIndex]),Boolean(this.controllingElement)&&this.items[0]?.setAttribute("aria-selected","true")}setupControllingElement(){Boolean(this.controllingElement)&&(this.controllingElement.setAttribute("aria-controls",this.listId),this.controllingElement.setAttribute("role","combobox"),this.controllingElement.setAttribute("aria-autocomplete","list"),this.controllingElement.addEventListener("keydown",this.onKeyDown))}getItemIndex(a){return this.items.map((a=>a)).findIndex((t=>t===a))}removeItemsFromTabOrder(){this.items.forEach((a=>{const t=a?.querySelector(".resource-list-item__content, .resource-list-file-item, [data-resource-list-item-button]"),i=a?.querySelector(".resource-list-item__drag-handle");Boolean(this.controllingElement)&&a.setAttribute("aria-selected","false"),t?.setAttribute("tabIndex","-1"),i?.setAttribute("tabIndex","-1")}))}setItemAllowDragState(){this.items.forEach(this.allowDrag?a=>{a.setAttribute("allow-drag","true"),a.addEventListener("toggleDrag",this.toggleDrag)}:a=>{a.removeAttribute("allow-drag"),a.removeEventListener("toggleDrag",this.toggleDrag)})}setupDragDrop(){Boolean(this.sortable)&&this.sortable.destroy(),this.allowDrag&&(this.sortable=c.create(this.gridEl,{animation:150,draggable:"swirl-resource-list-item",handle:".resource-list-item__drag-handle",onEnd:a=>{this.itemDrop.emit({item:a.item,oldIndex:a.oldDraggableIndex,newIndex:a.newDraggableIndex})}}))}enableItemFocus(a,t){if(!Boolean(a)||Boolean(this.controllingElement))return;const i=a.querySelector(".resource-list-item__content, .resource-list-file-item, [data-resource-list-item-button]"),e=a.querySelector(".resource-list-item__drag-handle");Boolean(e)&&e.setAttribute("tabIndex","0"),Boolean(i)&&(i.setAttribute("tabIndex","0"),t&&!Boolean(this.controllingElement)&&i.focus())}focusItemAtIndex(a){this.removeItemsFromTabOrder();const t=this.items[a];Boolean(t)&&t.isConnected&&(this.enableItemFocus(t,!Boolean(this.controllingElement)),Boolean(this.controllingElement)&&(t.setAttribute("aria-selected","true"),t.scrollIntoView({block:"nearest"})),this.focusedIndex=a)}moveDraggedItemDown(){const a=this.dragging.nextElementSibling;Boolean(a)&&(a.after(this.dragging),this.collectItems(),this.focusItemAtIndex(this.getItemIndex(this.dragging)),this.assistiveText=`${this.assistiveTextItemMoving} ${this.getItemIndex(this.dragging)+1}`)}moveDraggedItemUp(){const a=this.dragging.previousElementSibling;Boolean(a)&&(a.before(this.dragging),this.collectItems(),this.focusItemAtIndex(this.getItemIndex(this.dragging)),this.assistiveText=`${this.assistiveTextItemMoving} ${this.getItemIndex(this.dragging)+1}`)}render(){return i(e,{key:"96ebc33b7620c0d0c0e2311a766938810750a2f5",onKeyDown:this.onKeyDown},i("swirl-visually-hidden",{key:"4f5efcddc06838ca0aad065d917d2da6f955dd3c",role:"alert"},this.assistiveText),i("swirl-box",{key:"dd076eb5eff8d9f0a72f60e5ae5aa9f75ac7094a",paddingInlineEnd:"8",paddingInlineStart:"8"},i("swirl-stack",{key:"a32f3ae7632a9ac6f249c82a518b5348f0b04e71","aria-label":this.label,class:"resource-list",id:this.listId,ref:a=>this.gridEl=a,role:"grid",spacing:this.spacing},i("slot",{key:"cbd51a6e1ac9495431a1d12b3156741d682e5cd4"}))))}get el(){return o(this)}static get watchers(){return{allowDrag:["watchAllowDrag"]}}};m.style=".sc-swirl-resource-list-h{display:block;width:100%}.sc-swirl-resource-list-h *.sc-swirl-resource-list{box-sizing:border-box}";const g=class{constructor(i){a(this,i),this.toggleDrag=t(this,"toggleDrag",7),this.valueChange=t(this,"valueChange",7),this.desktopMediaQuery=l(),this.elementId=u(),this.desktopMediaQueryHandler=a=>{this.forceIconProps(a.matches),this.updateIconSize(a.matches)},this.onClick=()=>{this.selectable&&(this.checked=!this.checked,this.valueChange.emit(this.checked))},this.onBlur=()=>{this.makeControlUnfocusable()},this.onFocus=()=>{this.makeControlFocusable()},this.onMenuTriggerClick=a=>{this.disabled&&!Boolean(this.href)&&a.stopPropagation()},this.onDragHandleKeyDown=a=>{"Space"!==a.code&&"Enter"!==a.code||(a.preventDefault(),this.toggleDrag.emit(this.el))},this.onControlClick=a=>{a.stopPropagation()},this.active=void 0,this.allowDrag=void 0,this.allowHtml=!0,this.checked=!1,this.compact=void 0,this.description=void 0,this.descriptionWrap=void 0,this.disabled=void 0,this.dragging=void 0,this.dragHandleDescription="Press spacebar to toggle grab",this.dragHandleLabel="Move item",this.hideDivider=void 0,this.href=void 0,this.interactive=!0,this.label=void 0,this.labelWeight="medium",this.labelWrap=void 0,this.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(a){const t=this.iconEl?.children[0];t?.setAttribute("size",a?"20":"24")}updateIconSize(a){this.iconSize=a?20:24}updateMediaState(){const a=this.el.querySelector('[slot="media"]'),t=Boolean(a);t!==this.hasMedia&&(this.hasMedia=t)}getControl(){return this.el.querySelector('[slot="control"] button')}makeControlFocusable(){const a=this.getControl();Boolean(a)&&(a.tabIndex=0)}makeControlUnfocusable(){const a=this.getControl();Boolean(a)&&(a.tabIndex=-1)}render(){const a=this.interactive||this.selectable?Boolean(this.href)&&!this.selectable?"a":"button":"div",t=this.disabled&&!Boolean(this.href),o=Boolean(this.el.querySelector("[slot='badges']")),s=this.el.querySelector("[slot='control']"),l=Boolean(this.menuTriggerId)||s,n=this.interactive&&Boolean(this.href)?this.href:void 0,p=s&&(Boolean(this.meta)||o),d=Boolean(this.menuTriggerId)&&!Boolean(this.meta)&&!this.selectable,c=(Boolean(this.meta)||o)&&!this.selectable,u=Boolean(this.swirlAriaLabel)?this.swirlAriaLabel:this.label,b=this.selectable?String(this.checked):void 0,h=this.interactive&&this.selectable?"checkbox":void 0,y=!c&&Boolean(this.controlContainer)?{paddingRight:`calc(${this.controlContainer?.getBoundingClientRect().width}px + var(--s-space-16))`}:void 0,m=r("resource-list-item",`resource-list-item--label-weight-${this.labelWeight}`,{"resource-list-item--active":this.active,"resource-list-item--checked":this.checked,"resource-list-item--compact":this.compact,"resource-list-item--disabled":this.disabled,"resource-list-item--draggable":this.allowDrag,"resource-list-item--dragging":this.dragging,"resource-list-item--has-menu":l,"resource-list-item--hide-divider":this.hideDivider,"resource-list-item--interactive":this.interactive||this.selectable,"resource-list-item--selectable":this.selectable,"resource-list-item--show-control-on-focus":p,"resource-list-item--show-meta":c,"resource-list-item--wrap-description":this.descriptionWrap,"resource-list-item--wrap-label":this.labelWrap});return i(e,{key:"34f17b63ce869ff02ed15d51dc08c43d70ce5809",role:"row"},i("div",{key:"173546327c0afcc74d8bb8e1eb0d002c2ac85768",class:m,role:"gridcell"},i(a,{key:"9ff1c6b10a89e442a1c6e19089b2f8baaef2b714","aria-checked":b,"aria-disabled":t?"true":void 0,"aria-label":u,"aria-labelledby":Boolean(this.swirlAriaLabel)?void 0:this.elementId,class:"resource-list-item__content",href:n,disabled:t,onClick:this.onClick,onBlur:this.onBlur,onFocus:this.onFocus,part:"resource-list-item__content",role:h,tabIndex:0,type:"button"===a?"button":void 0},this.hasMedia&&i("span",{key:"71cf579663ef8b84c4e67e511cb9358728d2c655",class:"resource-list-item__media"},i("slot",{key:"4c5b26280b08eed144a01da627280ee836e76ec3",name:"media"})),i("span",{key:"b11abf704472f8a13939e8e022144f8651db2dc3",class:"resource-list-item__label-container",style:y},i("span",{key:"60e6d2b12fff025cbf09af2217f84cc6a12c4563",class:"resource-list-item__label",id:this.elementId,innerHTML:this.allowHtml?this.label:void 0},!this.allowHtml&&this.label),this.description&&i("span",{key:"f2bae3c58ed331743ca1b3bc09aa884e7c76b37a",class:"resource-list-item__description",innerHTML:this.allowHtml?this.description:void 0},!this.allowHtml&&this.description)),c&&i("span",{key:"fb3037ecc67b3fbab826508d0426340089486a93",class:"resource-list-item__meta"},i("span",{key:"1fd2d907f25563919804d55129e0c7bde0804e03",class:"resource-list-item__meta-text"},this.meta),i("span",{key:"ede9da39d957a275427be653e9967e791b65df57",class:"resource-list-item__badges"},i("slot",{key:"3a6696fe72c10d249a7000a32775f572512325b9",name:"badges"})))),this.selectable&&i("span",{key:"28ed22a9fd20a4f30ebc5ac55f92a795c38b742b","aria-hidden":"true",class:"resource-list-item__checkbox"},i("span",{key:"7743ccc373f0d2d92747464f7f41b4c06d6dbc3f",class:"resource-list-item__checkbox-icon"},this.checked&&i("swirl-icon-check-strong",{key:"bd48d9dbffc8472ed7a4d56a22dd75f2262c259d"}))),i("span",{key:"33256a7f819a9d24616323f973029ce6e5a4dba1",class:"resource-list-item__control",onClick:this.onControlClick,ref:a=>this.controlContainer=a},i("slot",{key:"fe0743292ad16ecd44858ccc55439e94a5adbf02",name:"control"})),d&&i("swirl-popover-trigger",{key:"43a2dd82c11982b9e4ecaeb8092aba75af9eb9fe",swirlPopover:this.menuTriggerId},i("swirl-button",{key:"0075031de69cefdfb5993c45f4ec6db47216c28d","aria-disabled":t?"true":void 0,class:"resource-list-item__menu-trigger",disabled:t,hideLabel:!0,icon:"<swirl-icon-more-horizontal></swirl-icon-more-horizontal>",intent:"primary",label:this.menuTriggerLabel,onClick:this.onMenuTriggerClick}))),this.allowDrag&&i("button",{key:"6277a700b39ee8fd33eb027c68ddeed0d9498513","aria-describedby":this.dragHandleDescription,"aria-label":`${this.dragHandleLabel} "${this.label}"`,class:"resource-list-item__drag-handle",onKeyDown:this.onDragHandleKeyDown,type:"button"},i("swirl-icon-drag-handle",{key:"b616a3364a98b35d85acf02e4bd847a1157e1bd9",size:this.iconSize})))}get el(){return o(this)}};g.style='.sc-swirl-resource-list-item-h{position:relative;display:block;width:100%}.sc-swirl-resource-list-item-h *.sc-swirl-resource-list-item{box-sizing:border-box}[aria-selected="true"].sc-swirl-resource-list-item-h .resource-list-item__content.sc-swirl-resource-list-item{background-color:var(--swirl-resource-list-item-background-hovered)}[aria-selected="true"].sc-swirl-resource-list-item-h .resource-list-item__content.sc-swirl-resource-list-item .resource-list-item__media.sc-swirl-resource-list-item,[aria-selected="true"].sc-swirl-resource-list-item-h .resource-list-item__content.sc-swirl-resource-list-item .resource-list-item__meta.sc-swirl-resource-list-item{--swirl-avatar-background-color:var(--s-surface-raised-hovered);--swirl-avatar-group-border-color:var(--s-background-hovered);--swirl-badge-border-color:var(--s-background-hovered)}.resource-list-item.sc-swirl-resource-list-item{position:relative;width:100%}.resource-list-item--interactive.sc-swirl-resource-list-item:hover{--swirl-ghost-button-background-default:var(--s-background-hovered)}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{cursor:pointer}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:disabled{cursor:default}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:hover:not(:disabled),.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:focus:not(:disabled){background-color:var(--swirl-resource-list-item-background-hovered)}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:hover:not(:disabled) .resource-list-item__media.sc-swirl-resource-list-item,.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:hover:not(:disabled) .resource-list-item__meta.sc-swirl-resource-list-item,.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:focus:not(:disabled) .resource-list-item__media.sc-swirl-resource-list-item,.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:focus:not(:disabled) .resource-list-item__meta.sc-swirl-resource-list-item{--swirl-avatar-background-color:var(--s-surface-raised-hovered);--swirl-avatar-group-border-color:var(--s-background-hovered);--swirl-badge-border-color:var(--s-background-hovered)}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:active:not(:disabled){background-color:var(--swirl-resource-list-item-background-pressed)}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:active:not(:disabled) .resource-list-item__media.sc-swirl-resource-list-item,.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:active:not(:disabled) .resource-list-item__meta.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-pressed);--swirl-badge-border-color:var(--s-background-pressed)}.resource-list-item--active.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{--swirl-badge-border-color:var(\n      --swirl-resource-list-item-background-hovered\n    );background-color:var(--swirl-resource-list-item-background-hovered)}.resource-list-item--checked.sc-swirl-resource-list-item .resource-list-item__checkbox.sc-swirl-resource-list-item{border-color:var(--s-icon-highlight);color:var(--s-text-on-status);background-color:var(--s-icon-highlight)}.resource-list-item--compact.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding:var(--s-space-8)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item--compact.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding:var(--s-space-8)}}.resource-list-item--compact.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item{min-height:2.5rem}@media (min-width: 768px){.resource-list-item--selectable.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding-left:calc(var(--s-space-16) + 1.5rem + var(--s-space-12))}}.resource-list-item--selectable.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item{padding-right:calc(var(--s-space-16) + 1.5rem + var(--s-space-12))}@media (min-width: 768px){.resource-list-item--selectable.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item{padding-right:var(--s-space-16)}}.resource-list-item--label-weight-medium.sc-swirl-resource-list-item .resource-list-item__label.sc-swirl-resource-list-item{font-weight:var(--s-font-weight-medium)}.resource-list-item--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{b as swirl_app_layout,h as swirl_empty_state,y as swirl_icon_folder_shared,m as swirl_resource_list,g as swirl_resource_list_item}
+import{r as a,c as t,h as i,H as e,g as o,F as s}from"./p-30e99c25.js";import{c as r}from"./p-a5dce9e6.js";import{g as l,d as n,i as p,f as d}from"./p-0f3e0216.js";import{S as c}from"./p-1486d7ea.js";import{v as u}from"./p-14616bce.js";const b=class{constructor(i){a(this,i),this.ctaClick=t(this,"ctaClick",7),this.mobileViewChange=t(this,"mobileViewChange",7),this.navigationBackButtonClick=t(this,"navigationBackButtonClick",7),this.navigationExpansionStateChange=t(this,"navigationExpansionStateChange",7),this.sidebarToggle=t(this,"sidebarToggle",7),this.desktopMediaQuery=l(),this.desktopMediaQueryHandler=a=>{this.isDesktop=a.matches},this.onBackToNavigationViewButtonClick=()=>{this.changeMobileView("navigation")},this.onCtaClick=a=>{this.ctaClick.emit(a)},this.onNavigationBackButtonClick=a=>{this.navigationBackButtonClick.emit(a)},this.onSidebarCloseButtonClick=()=>{this.hideSidebar()},this.onContentScroll=n((()=>{this.updateContentScrollState()}),16),this.onNavScroll=n((()=>{this.updateNavScrollState()}),16),this.onSidebarScroll=n((()=>{this.updateSidebarScrollState()}),16),this.toggleNavigation=()=>{this.collapsibleNavigation&&this.setCollapsibleNavigationState("expanded"===this.navExpansionState?"collapsed":"expanded")},this.overlayNavigation=a=>{a.stopPropagation(),this.setCollapsibleNavigationState("overlayed")},this.appName=void 0,this.backToNavigationViewButtonLabel="Back to navigation",this.collapsibleNavigation=void 0,this.ctaIcon=void 0,this.ctaLabel=void 0,this.hasNavigation=void 0,this.hideAppBar=void 0,this.navigationBackButtonLabel="Go back",this.navigationExpansionStateStorageKey="SWIRL_APP_LAYOUT_NAV_EXPANSION_STATE",this.navigationToggleLabel="Toggle navigation",this.navigationOverlayLabel="Show navigation",this.navigationLabel=void 0,this.showNavigationBackButton=void 0,this.sidebarCloseButtonLabel="Close sidebar",this.sidebarHeading=void 0,this.transitionStyle="slides",this.contentScrollState={scrollable:!1,scrolledToTop:!1,scrolledToBottom:!1},this.hasCustomAppBarBackButton=void 0,this.hasSidebar=void 0,this.isDesktop=void 0,this.mobileView="navigation",this.navScrollState={scrollable:!1,scrolledToTop:!1},this.navExpansionState="expanded",this.sidebarActive=void 0,this.sidebarClosing=void 0,this.sidebarOpening=void 0,this.sidebarScrollState={scrollable:!1,scrolledToTop:!1},this.transitioningFrom=void 0,this.transitioningTo=void 0}componentWillLoad(){this.mutationObserver=new MutationObserver((()=>{this.updateCustomAppBarBackButtonStatus(),this.updateNavigationStatus(),this.updateSidebarStatus()})),this.mutationObserver.observe(this.el,{childList:!0}),queueMicrotask((()=>{this.updateCustomAppBarBackButtonStatus(),this.updateSidebarStatus(),this.updateNavigationStatus(),this.checkMobileView()}))}componentDidLoad(){this.desktopMediaQuery.onchange=this.desktopMediaQueryHandler,queueMicrotask((()=>{this.isDesktop=this.desktopMediaQuery.matches,this.restoreNavExpansionState(),this.updateContentScrollState(),this.updateSidebarScrollState(),this.updateNavScrollState()}))}disconnectedCallback(){this.desktopMediaQuery.removeEventListener?.("change",this.desktopMediaQueryHandler),this.mutationObserver?.disconnect()}onDocumentClick(a){this.collapsibleNavigation&&"overlayed"===this.navExpansionState&&(a.composedPath().includes(this.navEl)||a.composedPath().includes(this.headerEl)||this.setCollapsibleNavigationState("collapsed"))}onKeyDown(a){"Escape"===a.key&&"overlayed"===this.navExpansionState&&this.setCollapsibleNavigationState("collapsed")}watchMobileView(){this.checkMobileView()}async showSidebar(){if(this.sidebarActive||!this.hasSidebar)return;Boolean(this.sidebarOpeningTimeout)&&clearTimeout(this.sidebarOpeningTimeout),this.sidebarOpening=!0;const a=p()||d()?0:300;this.sidebarOpeningTimeout=setTimeout((()=>{this.sidebarActive=!0,this.sidebarOpening=!1,this.changeMobileView("sidebar"),this.sidebarToggle.emit(!0)}),a)}async hideSidebar(){if(!this.sidebarActive||!this.hasSidebar)return;Boolean(this.sidebarClosingTimeout)&&clearTimeout(this.sidebarClosingTimeout),this.sidebarClosing=!0;const a=p()||d()?0:300;this.sidebarClosingTimeout=setTimeout((()=>{this.sidebarActive=!1,this.sidebarClosing=!1,this.changeMobileView("body"),this.sidebarToggle.emit(!1)}),a)}async toggleSidebar(){this.hasSidebar&&(this.sidebarActive?this.hideSidebar():this.showSidebar())}async getCollapsibleNavigationState(){return this.navExpansionState}async setCollapsibleNavigationState(a){this.collapsibleNavigation&&(this.navExpansionState=a,this.navigationExpansionStateChange.emit(this.navExpansionState),localStorage.setItem(this.navigationExpansionStateStorageKey,this.navExpansionState))}async changeMobileView(a,t=!0){if(this.mobileView===a||"navigation"===a&&!this.hasNavigation||"sidebar"===a&&!this.hasSidebar)return;if(!p()||!t)return this.mobileView=a,void this.mobileViewChange.emit(this.mobileView);Boolean(this.transitionTimeout)&&clearTimeout(this.transitionTimeout),this.transitioningFrom=this.mobileView,this.transitioningTo=a;const i=d();this.transitionTimeout=setTimeout((()=>{this.mobileView=a,this.transitioningFrom=void 0,this.transitioningTo=void 0,this.mobileViewChange.emit(this.mobileView)}),i?0:"slides"===this.transitionStyle?400:"dialog"===this.transitionStyle?300:0)}checkMobileView(){if("navigation"===this.mobileView&&!this.hasNavigation||"sidebar"===this.mobileView&&!this.hasSidebar)return void(this.mobileView="body");const a="sidebar"===this.mobileView||this.sidebarActive;a!==this.sidebarActive&&(a?this.showSidebar():this.hideSidebar())}updateNavigationStatus(){this.hasNavigation=Boolean(this.el.querySelector('[slot="navigation"]'))}updateCustomAppBarBackButtonStatus(){this.hasCustomAppBarBackButton=Boolean(this.el.querySelector('[slot="custom-app-bar-back-button"]'))}updateSidebarStatus(){this.hasSidebar=Boolean(this.el.querySelector('[slot="sidebar"]'))}updateContentScrollState(){const a={scrollable:this.contentEl.scrollHeight>this.contentEl.clientHeight,scrolledToTop:0===this.contentEl.scrollTop,scrolledToBottom:Math.round(this.contentEl.scrollTop+this.contentEl.clientHeight)>=this.contentEl.scrollHeight};Object.keys(a).some((t=>a[t]!==this.contentScrollState[t]))&&(this.contentScrollState=a)}updateNavScrollState(){const a={scrollable:this.navEl.scrollHeight>this.navEl.clientHeight,scrolledToTop:0===this.navEl.scrollTop};Object.keys(a).some((t=>a[t]!==this.navScrollState[t]))&&(this.navScrollState=a)}updateSidebarScrollState(){const a={scrollable:this.sidebarEl.scrollHeight>this.sidebarEl.clientHeight,scrolledToTop:0===this.sidebarEl.scrollTop};Object.keys(a).some((t=>a[t]!==this.sidebarScrollState[t]))&&(this.sidebarScrollState=a)}restoreNavExpansionState(){if(!this.collapsibleNavigation)return;const a=localStorage.getItem(this.navigationExpansionStateStorageKey);Boolean(a)&&this.setCollapsibleNavigationState(a)}render(){const a=("body"===this.mobileView||this.transitioningTo)&&this.hasNavigation&&!this.hasCustomAppBarBackButton,t=Boolean(this.el.querySelector('[slot="app-bar-controls"]')),o=Boolean(this.el.querySelector('[slot="bottom-bar"]')),s=Boolean(this.el.querySelector('[slot="app-bar-mobile-menu-button"]')),l=Boolean(this.el.querySelector('[slot="custom-sidebar-header"]')),n=Boolean(this.el.querySelector('[slot="floating-action-button"]'))||Boolean(this.ctaLabel),p=this.hasNavigation&&(!this.collapsibleNavigation||"collapsed"!==this.navExpansionState||!this.isDesktop),d=r("app-layout",`app-layout--mobile-view-${this.mobileView}`,`app-layout--nav-${this.isDesktop?this.navExpansionState:"expanded"}`,`app-layout--transitioning-from-${this.transitioningFrom}`,`app-layout--transitioning-to-${this.transitioningTo}`,`app-layout--transition-style-${this.transitionStyle}`,{"app-layout--content-scrollable":this.contentScrollState.scrollable,"app-layout--content-scrolled-to-top":this.contentScrollState.scrolledToTop,"app-layout--content-scrolled-to-bottom":this.contentScrollState.scrolledToBottom,"app-layout--has-app-bar-mobile-menu-button":s,"app-layout--has-app-bar-controls":t,"app-layout--has-bottom-bar":o,"app-layout--has-custom-app-bar-back-button":this.hasCustomAppBarBackButton,"app-layout--has-custom-sidebar-header":l,"app-layout--has-floating-action-button":n,"app-layout--has-navigation":this.hasNavigation,"app-layout--has-sidebar":this.hasSidebar,"app-layout--hide-app-bar":this.hideAppBar,"app-layout--nav-collapsible":this.collapsibleNavigation&&this.isDesktop,"app-layout--nav-scrollable":this.navScrollState.scrollable,"app-layout--nav-scrolled-to-top":this.navScrollState.scrolledToTop,"app-layout--sidebar-active":"sidebar"===this.mobileView||this.sidebarActive,"app-layout--sidebar-closing":this.sidebarClosing,"app-layout--sidebar-opening":this.sidebarOpening,"app-layout--sidebar-scrollable":this.sidebarScrollState.scrollable,"app-layout--sidebar-scrolled-to-top":this.sidebarScrollState.scrolledToTop});return i(e,{key:"3b1c6dfbd70f1e73595152063eb0f19214061a0b"},i("section",{key:"66b24882d23244130b99d018d154819924a238a8","aria-labelledby":"app-name",class:d},i("div",{key:"4ba4430a6ff528e1f5c7739a49bb1718acfff76c",class:"app-layout__grid"},i("header",{key:"2557b4f52f4d63b8e3bd0d79b97d12dff3e35ebf",class:"app-layout__header",ref:a=>this.headerEl=a},i("span",{key:"db4942252a5b23067a186188a2de09e231b33fc2",class:"app-layout__navigation-mobile-menu-button"},i("slot",{key:"d34fefe46a8116f28df00c3d2b00611d2e5c977f",name:"navigation-mobile-menu-button"})),this.collapsibleNavigation&&i("span",{key:"f199cb947888c1ae726108c398f1b0a0ccd459e1",class:"app-layout__nav-overlay-toggle"},i("swirl-button",{key:"801cb2ec74f780fd9f5a2114e4ef9c5fa11bc844",hideLabel:!0,icon:"expanded"!==this.navExpansionState?"<swirl-icon-dock-left-expand></swirl-icon-dock-left-expand>":"<swirl-icon-dock-left-collapse></swirl-icon-dock-left-collapse>",label:this.navigationToggleLabel,onClick:this.toggleNavigation})),this.showNavigationBackButton&&i("span",{key:"09cc96fc608719f6f03c124765362c9203ae624a",class:"app-layout__navigation-back-button"},i("swirl-button",{key:"c48e18559fef928f25f0fee06b3d1e3202ef624a",hideLabel:!0,icon:"<swirl-icon-arrow-back></swirl-icon-arrow-back>",label:this.navigationBackButtonLabel,onClick:this.onNavigationBackButtonClick})),i("swirl-heading",{key:"5b0c2f2b4183636415d2c605f2921f4513f87d9e",as:"h1",class:"app-layout__app-name",headingId:"app-name",level:3,text:this.appName}),p&&i("span",{key:"1c17004783909c533522e645bcde641efe20af38",class:"app-layout__navigation-controls"},i("slot",{key:"6194344af515533f48c12719578d355d538fe132",name:"navigation-controls"}))),i("nav",{key:"49f8bed05da5f7ea4d8ca731e8ac6640f6efba1d","aria-label":this.navigationLabel,class:"app-layout__navigation",onScroll:this.onNavScroll,ref:a=>this.navEl=a,inert:this.isDesktop&&this.collapsibleNavigation&&"collapsed"===this.navExpansionState},i("slot",{key:"7bb84dd7374be5df9caaea8bd04545512ee68ec0",name:"navigation"})),i("section",{key:"a19ab7ca766bf445427ccbd80ca20c8493435e83","aria-labelledby":"app-name",class:"app-layout__body"},!this.hideAppBar&&i("header",{key:"8325293845b85f72b7f3df2662559e2ab4074bb9",class:"app-layout__app-bar"},i("span",{key:"5237b62f03cd7c1373549a2a30ccf446ba0372f9",class:"app-layout__app-bar-mobile-menu-button"},i("slot",{key:"f18bde70731b9351e63b21ad7f1a9c647abf416f",name:"app-bar-mobile-menu-button"})),a&&i("span",{key:"215d23179fc51dd075864c265ea9b7f364319a95",class:"app-layout__back-to-navigation-button"},i("swirl-button",{key:"ea3be8edd9002a61f20c0a12da9aa1b578947c6a",hideLabel:!0,icon:"dialog"===this.transitionStyle?"<swirl-icon-close></swirl-icon-close>":"<swirl-icon-arrow-back></swirl-icon-arrow-back>",label:this.backToNavigationViewButtonLabel,onClick:this.onBackToNavigationViewButtonClick})),this.collapsibleNavigation&&"expanded"!==this.navExpansionState&&i("span",{key:"60fa359b9bd61b0e1f6be352436999b2cf17f4fc",class:"app-layout__nav-expansion-toggle"},i("swirl-button",{key:"05e09fb3a58dc2ab2e88ee49c585eecc60c7954d",hideLabel:!0,icon:"<swirl-icon-hamburger-menu></swirl-icon-hamburger-menu>",label:this.navigationOverlayLabel,onClick:this.overlayNavigation})),i("span",{key:"f47a36036537b26f772e3bda24b2aa6469e2cf3c",class:"app-layout__custom-app-bar-back-button"},i("slot",{key:"136b0f6cb5f49fd2748ff359ee12320adc70e564",name:"custom-app-bar-back-button"})),i("div",{key:"b8a00b16415b1ec1e860c1d5d57e0490d48e4401",class:"app-layout__app-bar-content"},i("slot",{key:"62cc509a362d5f194182499071b1756c146d26dc",name:"app-bar"})),i("div",{key:"effb581b5c5e33f5ff2438b4b41376d88d232fe9",class:"app-layout__app-bar-controls"},i("slot",{key:"f87b7467b069faaa2efa0cbc68e7ec22c041ff8b",name:"app-bar-controls"}))),i("div",{key:"818823f7c90a8f1fb905a225b5d10b4828805769",class:"app-layout__banner"},i("slot",{key:"fd1f5c35df19fffe35abdd5096f85c32fc1bba22",name:"banner"})),i("div",{key:"572494fb3c5f3b59bdb55d87feb44b59842eb1a6",class:"app-layout__content",onScroll:this.onContentScroll,ref:a=>this.contentEl=a},i("slot",{key:"b83fb9b173afa0b60976565aded1449afd680955",name:"content"})),i("div",{key:"3150822e788bf1af515f1e55c42b25851feaef27",class:"app-layout__bottom-bar"},i("slot",{key:"35a21d973b8f54a8aac80f3744c500f501fa5aa1",name:"bottom-bar"}))),i("aside",{key:"d32a56c28adc6a57c15b750a02575093b80a58f6",class:"app-layout__sidebar"},i("header",{key:"7b60c1d2b4dc8ddd384dde58d4e822e34732f37d",class:"app-layout__custom-sidebar-header"},i("slot",{key:"a10e07f95f94b4fd3863c60e0689997fcc7af569",name:"custom-sidebar-header"})),i("header",{key:"18bfcf429fcbfb1ef138a7723a8b9e0752ced246",class:"app-layout__sidebar-header"},i("swirl-button",{key:"ea311add99e5adb33b8bbed78f7d88fc7d6bf28f",class:"app-layout__sidebar-close-button",hideLabel:!0,icon:"<swirl-icon-close></swirl-icon-close>",label:this.sidebarCloseButtonLabel,onClick:this.onSidebarCloseButtonClick}),i("swirl-heading",{key:"54a13c7f1f0b362cb196a59c5622d2e246cadec0",as:"h3",class:"app-layout__sidebar-heading",headingId:"sidebar-heading",level:3,text:this.sidebarHeading})),i("div",{key:"6920f3562d625be0f9e16c090eeed8d17eea49b7",class:"app-layout__sidebar-content",onScroll:this.onSidebarScroll,ref:a=>this.sidebarEl=a},i("slot",{key:"9807fec2801d84a5ae517765ff7b0f08e4c3f3c5",name:"sidebar"}))),i("span",{key:"9a5b7f6098d8f24f6df6ba7d84bf0276c043effa",class:"app-layout__floating-action-button"},this.ctaLabel&&i("swirl-button",{key:"77e960a30d95129160f0ebec29d419a8572f67ab",hideLabel:Boolean(this.ctaIcon),icon:this.ctaIcon,intent:"primary",label:this.ctaLabel,onClick:this.onCtaClick,variant:"floating"}),i("slot",{key:"8f8942d7df62a364c2e9216d08aa0cbe765a9093",name:"floating-action-button"})))))}get el(){return o(this)}static get watchers(){return{mobileView:["watchMobileView"]}}};b.style=':host{--header-height:3.5625rem;position:relative;z-index:1;display:flex;width:100%;height:100%}:host *{box-sizing:border-box}.app-layout{display:flex;overflow:hidden;width:100%;height:100%;margin-right:auto;margin-left:auto}.app-layout__grid{position:relative;display:grid;width:100%;height:100%;grid-template-columns:100%;grid-template-rows:var(--header-height) 1fr;grid-template-areas:"body"\n    "body"}.app-layout:not(.app-layout--has-navigation) .app-layout__header,.app-layout:not(.app-layout--has-navigation) .app-layout__navigation{display:none}.app-layout:not(.app-layout--has-sidebar) .app-layout__sidebar{display:none}@media (max-width: 767px){.app-layout:not(.app-layout--mobile-view-body) .app-layout__body{display:none}}@media (max-width: 767px){.app-layout:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar{display:none}}.app-layout:not(.app-layout--has-app-bar-mobile-menu-button) .app-layout__app-bar-mobile-menu-button{display:none}.app-layout--has-navigation .app-layout__grid{grid-template-columns:100%;grid-template-areas:"header"\n      "navigation"}@media (min-width: 768px){.app-layout--has-navigation .app-layout__grid{grid-template-columns:min(50%, 22.5rem) 1fr;grid-template-areas:"header body"\n        "navigation body"}}@media (min-width: 1440px){.app-layout--has-navigation .app-layout__grid{grid-template-columns:min(50%, 25rem) 1fr}}@media (min-width: 768px){.app-layout--has-navigation .app-layout__app-bar-mobile-menu-button{display:none}}@media (min-width: 992px){.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-collapsed .app-layout__grid{grid-template-columns:0 1fr}.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__grid{grid-template-columns:0 1fr}.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__header,.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__navigation{position:absolute;z-index:4;top:0;left:0;width:22.5rem;animation:app-layout-nav-overlay-slide-in-desktop 0.1s;animation-fill-mode:forwards}.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__header:after{position:absolute;z-index:1;top:0;left:calc(100% + var(--s-border-width-default));display:block;width:2rem;height:100vh;background-image:linear-gradient(\n              to right,\n              rgba(0, 0, 0, 0.05) 0,\n              rgba(0, 0, 0, 0) 80%,\n              rgba(0, 0, 0, 0) 100%\n            );content:""}.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__navigation{z-index:3;bottom:0}}@media (min-width: 1440px){.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__header,.app-layout--has-navigation.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__navigation{width:25rem;animation:app-layout-nav-overlay-slide-in-large-desktop 0.1s}}@media (min-width: 768px){.app-layout--has-sidebar:not(.app-layout--has-navigation).app-layout--sidebar-active .app-layout__grid{animation:app-layout-no-nav-sidebar-slide-in 0.3s}@media (prefers-reduced-motion){.app-layout--has-sidebar:not(.app-layout--has-navigation).app-layout--sidebar-active .app-layout__grid{animation:none}}}@media (min-width: 768px){.app-layout--has-sidebar:not(.app-layout--has-navigation).app-layout--sidebar-closing .app-layout__grid{animation:app-layout-no-nav-sidebar-slide-out 0.3s}@media (prefers-reduced-motion){.app-layout--has-sidebar:not(.app-layout--has-navigation).app-layout--sidebar-closing .app-layout__grid{animation:none}}}@media (min-width: 768px){.app-layout--has-sidebar.app-layout--sidebar-active .app-layout__grid{grid-template-columns:1fr min(50%, 25rem);grid-template-areas:"body sidebar"\n          "body sidebar"}}.app-layout--has-sidebar .app-layout__grid{grid-template-columns:100%;grid-template-areas:"body"\n      "body"}@media (min-width: 1800px){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-active .app-layout__grid{grid-template-columns:25rem 1fr 25rem;grid-template-areas:"header body sidebar"\n          "navigation body sidebar"}}@media (min-width: 1800px){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-opening .app-layout__grid{animation:app-layout-sidebar-slide-in 0.3s;animation-fill-mode:forwards}@media (prefers-reduced-motion){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-opening .app-layout__grid{animation:none}}.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-opening.app-layout--nav-collapsed .app-layout__grid,.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-opening.app-layout--nav-overlayed .app-layout__grid{animation:app-layout-sidebar-slide-in-with-collapsed-nav 0.3s}}@media (min-width: 1800px){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-closing .app-layout__grid{animation:app-layout-sidebar-slide-out 0.3s}@media (prefers-reduced-motion){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-closing .app-layout__grid{animation:none}}.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-closing.app-layout--nav-collapsed .app-layout__grid,.app-layout--has-navigation.app-layout--has-sidebar.app-layout--sidebar-closing.app-layout--nav-overlayed .app-layout__grid{animation:app-layout-sidebar-slide-out-with-collapsed-nav 0.3s}}@media (min-width: 768px){.app-layout--has-navigation.app-layout--has-sidebar .app-layout__grid{grid-template-columns:min(50%, 22.5rem) 1fr;grid-template-areas:"header body"\n        "navigation body"}}@media (min-width: 992px){.app-layout--has-navigation.app-layout--has-sidebar .app-layout__grid{grid-template-columns:22.5rem 1fr}}@media (min-width: 1440px){.app-layout--has-navigation.app-layout--has-sidebar .app-layout__grid{grid-template-columns:25rem 1fr}}@media (min-width: 992px){.app-layout--has-navigation.app-layout--has-sidebar.app-layout--nav-collapsible.app-layout--nav-collapsed .app-layout__grid{grid-template-columns:0 1fr}.app-layout--has-navigation.app-layout--has-sidebar.app-layout--nav-collapsible.app-layout--nav-overlayed .app-layout__grid{grid-template-columns:0 1fr}}@media (min-width: 768px) and (max-width: 1799px){.app-layout--has-navigation.app-layout--has-sidebar .app-layout__sidebar{position:absolute;top:0;right:0;bottom:0;width:min(40%, 25rem);border-left:var(--s-border-width-default) solid var(--s-border-default);box-shadow:var(--s-shadow-level-3)}}@media (max-width: 767px){.app-layout--mobile-view-navigation .app-layout__grid{grid-template-areas:"header"\n        "navigation"}.app-layout--mobile-view-navigation .app-layout__body,.app-layout--mobile-view-navigation .app-layout__sidebar{display:none}}@media (max-width: 767px){.app-layout--mobile-view-body .app-layout__grid{grid-template-areas:"body"\n        "body"}.app-layout--mobile-view-body .app-layout__header,.app-layout--mobile-view-body .app-layout__navigation,.app-layout--mobile-view-body .app-layout__sidebar{display:none}}@media (max-width: 767px){.app-layout--mobile-view-sidebar .app-layout__grid{grid-template-areas:"sidebar"\n        "sidebar"}.app-layout--mobile-view-sidebar .app-layout__header,.app-layout--mobile-view-sidebar .app-layout__navigation,.app-layout--mobile-view-sidebar .app-layout__body{display:none}}.app-layout--has-sidebar:not(.app-layout--sidebar-active) .app-layout__sidebar{display:none}@media (min-width: 768px){.app-layout--sidebar-closing .app-layout__sidebar{animation:app-layout-sidebar-overlay-slide-out 0.3s}@media (prefers-reduced-motion){.app-layout--sidebar-closing .app-layout__sidebar{animation:none}}}@media (min-width: 1800px){.app-layout--sidebar-closing .app-layout__sidebar{animation:none}}.app-layout--has-app-bar-controls .app-layout__app-bar-controls{display:block}.app-layout--has-bottom-bar .app-layout__body{grid-template-rows:minmax(var(--header-height), auto) auto 1fr auto;grid-template-areas:"app-bar"\n      "banner"\n      "content"\n      "bottom-bar"}.app-layout--has-bottom-bar .app-layout__content{border-bottom:var(--s-border-width-default) solid transparent}.app-layout--has-bottom-bar .app-layout__bottom-bar{display:block}.app-layout--has-custom-app-bar-back-button .app-layout__custom-app-bar-back-button{display:block}.app-layout--has-custom-sidebar-header .app-layout__sidebar-header{display:none}.app-layout--has-custom-sidebar-header .app-layout__custom-sidebar-header{display:block}.app-layout--has-floating-action-button .app-layout__floating-action-button{display:block}.app-layout--hide-app-bar .app-layout__body{grid-template-rows:auto 1fr;grid-template-areas:"banner"\n      "content"}.app-layout--content-scrollable:not(.app-layout--content-scrolled-to-top) .app-layout__app-bar{border-bottom-color:var(--s-border-default)}.app-layout--content-scrollable.app-layout--has-bottom-bar:not(.app-layout--content-scrolled-to-bottom) .app-layout__content{border-bottom-color:var(--s-border-default)}.app-layout--nav-scrollable:not(.app-layout--nav-scrolled-to-top) .app-layout__header{border-bottom-color:var(--s-border-default)}.app-layout--sidebar-scrollable:not(.app-layout--sidebar-scrolled-to-top) .app-layout__sidebar-header,.app-layout--sidebar-scrollable:not(.app-layout--sidebar-scrolled-to-top) .app-layout__custom-sidebar-header{border-bottom-color:var(--s-border-default)}.app-layout__header{z-index:1;display:flex;min-width:0;height:var(--header-height);padding-top:var(--s-space-12);padding-right:var(--s-space-8);padding-bottom:var(--s-space-12);padding-left:var(--s-space-8);align-items:center;border-bottom:var(--s-border-width-default) solid transparent;background-color:var(--s-background-default);grid-area:header;gap:var(--s-space-8)}@media (min-width: 768px){.app-layout__header{border-right:var(--s-border-width-default) solid var(--s-border-default)}}@media (min-width: 992px){.app-layout__header{padding-right:var(--s-space-16);padding-left:var(--s-space-16)}}.app-layout__app-name{min-width:0}.app-layout__app-name .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-layout__app-bar-mobile-menu-button,.app-layout__navigation-mobile-menu-button{flex-shrink:0}@media (min-width: 992px){.app-layout__app-bar-mobile-menu-button,.app-layout__navigation-mobile-menu-button{display:none}}.app-layout__app-bar-mobile-menu-button{padding-left:var(--s-space-8)}@media (min-width: 768px){.app-layout__app-bar-mobile-menu-button{padding-left:0}}.app-layout__navigation-back-button{margin-left:calc(-1 * var(--s-space-4))}.app-layout__floating-action-button{position:absolute;z-index:4;right:var(--s-space-16);bottom:var(--s-space-16);display:none}.app-layout__navigation-controls{flex-shrink:0}.app-layout__navigation{z-index:1;overflow-y:auto;border-right:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);grid-area:navigation}.app-layout__nav-overlay-toggle,.app-layout__nav-expansion-toggle{display:none}@media (min-width: 992px){.app-layout__nav-overlay-toggle,.app-layout__nav-expansion-toggle{display:block}}.app-layout__nav-expansion-toggle{padding-left:var(--s-space-16)}.app-layout__body{z-index:2;display:grid;width:100%;height:100%;grid-area:body;grid-template-rows:minmax(var(--header-height), auto) auto 1fr;grid-template-areas:"app-bar"\n    "banner"\n    "content"}.app-layout__app-bar{--swirl-tab-bar-border-width:0;--swirl-tab-bar-height:3.5rem;display:flex;min-width:0;align-items:center;border-bottom:var(--s-border-width-default) solid transparent;background-color:var(--s-background-default);grid-area:app-bar;gap:var(--s-space-8)}.app-layout__bottom-bar{display:none;min-width:0;align-items:center;background-color:var(--s-background-default);grid-area:bottom-bar}.app-layout__back-to-navigation-button{padding-left:var(--s-space-8)}@media (min-width: 768px){.app-layout__back-to-navigation-button{display:none}}.app-layout__banner{grid-area:banner}.app-layout__app-bar-content{min-width:0;flex-grow:1}.app-layout__custom-app-bar-back-button{display:none;padding-left:var(--s-space-8)}.app-layout__app-bar-controls{display:none;padding-right:var(--s-space-8)}@media (min-width: 768px){.app-layout__app-bar-controls{padding-right:var(--s-space-16)}}.app-layout__content{overflow:auto;background-color:var(--s-background-default);grid-area:content}.app-layout__sidebar{z-index:3;display:grid;width:100%;height:100%;border-left:var(--s-border-width-default) solid var(--s-border-default);grid-area:sidebar;grid-template-rows:var(--header-height) 1fr;grid-template-areas:"sidebar-header"\n    "sidebar-content"}@media (min-width: 768px){.app-layout__sidebar{animation:app-layout-slide-in 0.3s}@media (prefers-reduced-motion){.app-layout__sidebar{animation:none}}}@media (min-width: 1800px){.app-layout__sidebar{width:25rem;animation:none}}.app-layout__custom-sidebar-header{display:none;min-width:0;border-bottom:var(--s-border-width-default) solid transparent;background-color:var(--s-background-default);grid-area:sidebar-header}.app-layout__sidebar-header{display:flex;min-width:0;padding-top:var(--s-space-12);padding-right:var(--s-space-8);padding-bottom:var(--s-space-12);padding-left:var(--s-space-8);align-items:center;border-bottom:var(--s-border-width-default) solid transparent;background-color:var(--s-background-default);grid-area:sidebar-header;gap:var(--s-space-8)}@media (min-width: 768px){.app-layout__sidebar-header{padding-right:var(--s-space-16);padding-left:var(--s-space-16)}}.app-layout__sidebar-heading{min-width:0;flex-grow:1}.app-layout__sidebar-heading .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-layout__sidebar-close-button{margin-left:calc(-1 * var(--s-space-4))}.app-layout__sidebar-content{overflow-y:auto;background-color:var(--s-background-default);grid-area:sidebar-content}@keyframes app-layout-nav-overlay-slide-in-desktop{from{width:0}to{width:22.5rem}}@keyframes app-layout-nav-overlay-slide-in-large-desktop{from{width:0}to{width:25rem}}@media (max-width: 767px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__grid,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__grid{grid-template-columns:100%;grid-template-areas:"header"\n          "navigation"}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{position:absolute;top:0;left:0;display:grid;width:100%;transform:translate3d(100%, 0, 0)}}@media (max-width: 767px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header{display:flex}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{display:block}}@media (max-width: 991px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__grid,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__grid{grid-template-columns:100%;grid-template-areas:"body"\n          "body"}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{position:absolute;top:0;left:0;display:grid;border-left:var(--s-border-width-default) solid var(--s-border-default)}}@media (max-width: 991px){.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{display:grid}.app-layout:not(.app-layout--transition-none).app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{display:grid}}@media (max-width: 767px){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__navigation,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation:app-layout-slide-out 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__navigation,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation:none}}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation:app-layout-slide-in 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation:none}}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body:after,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body:after{position:absolute;top:0;right:100%;bottom:0;display:block;width:100%;background-color:rgba(0, 0, 0, 0.3);content:"";animation:app-layout-fade-in 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body:after,.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body:after{animation:none}}}@media (max-width: 767px){.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body:after{animation-direction:reverse}}@media (max-width: 991px){.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation:app-layout-slide-out 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__body,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation:none}}.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation:app-layout-slide-in 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation:none}}.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar:after,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar:after{position:absolute;top:0;right:100%;bottom:0;display:block;width:100%;background-color:rgba(0, 0, 0, 0.3);content:"";animation:app-layout-fade-in 0.4s}@media (prefers-reduced-motion){.app-layout--transition-style-slides.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar:after,.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar:after{animation:none}}}@media (max-width: 991px){.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation-direction:reverse}.app-layout--transition-style-slides.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar:after{animation-direction:reverse}}@media (max-width: 767px){.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation:app-layout-scale-in 0.3s}@media (prefers-reduced-motion){.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-navigation:not(.app-layout--mobile-view-body) .app-layout__body,.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation:none}}}@media (max-width: 767px){.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__header{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__navigation{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-navigation.app-layout--transitioning-from-body:not(.app-layout--mobile-view-navigation) .app-layout__body{animation-direction:reverse}}@media (max-width: 991px){.app-layout--transition-style-dialog.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation:app-layout-scale-in 0.3s}@media (prefers-reduced-motion){.app-layout--transition-style-dialog.app-layout--transitioning-to-sidebar.app-layout--transitioning-from-body:not(.app-layout--mobile-view-sidebar) .app-layout__sidebar,.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation:none}}}@media (max-width: 991px){.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__body{animation-direction:reverse}.app-layout--transition-style-dialog.app-layout--transitioning-to-body.app-layout--transitioning-from-sidebar:not(.app-layout--mobile-view-body) .app-layout__sidebar{animation-direction:reverse}}@keyframes app-layout-sidebar-overlay-slide-out{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(100%, 0, 0)}}@keyframes app-layout-slide-in{0%{transform:translate3d(100%, 0, 0)}100%{transform:translate3d(0, 0, 0)}}@keyframes app-layout-slide-out{0%{transform:translate3d(0, 0, 0)}100%{transform:translate3d(-20%, 0, 0)}}@keyframes app-layout-fade-in{0%{opacity:0}100%{opacity:1}}@keyframes app-layout-scale-in{from{transform:scale(0);box-shadow:0 0 0 100rem rgba(0, 0, 0, 0)}to{transform:scale(1);box-shadow:0 0 0 100rem rgba(0, 0, 0, 0.25)}}@keyframes app-layout-sidebar-slide-in{from{overflow:hidden;grid-template-columns:25rem 1fr 0}to{overflow:hidden;grid-template-columns:25rem 1fr 25rem}}@keyframes app-layout-sidebar-slide-in-with-collapsed-nav{from{overflow:hidden;grid-template-columns:0 1fr 0}to{overflow:hidden;grid-template-columns:0 1fr 25rem}}@keyframes app-layout-sidebar-slide-out{from{overflow:hidden;grid-template-columns:25rem 1fr 25rem}to{overflow:hidden;grid-template-columns:25rem 1fr 0}}@keyframes app-layout-sidebar-slide-out-with-collapsed-nav{from{overflow:hidden;grid-template-columns:0 1fr 25rem}to{overflow:hidden;grid-template-columns:0 1fr 0}}@keyframes app-layout-no-nav-sidebar-slide-in{from{overflow:hidden;grid-template-columns:1fr 0}to{overflow:hidden;grid-template-columns:1fr 25rem}}@keyframes app-layout-no-nav-sidebar-slide-out{from{overflow:hidden;grid-template-columns:1fr 25rem}to{overflow:hidden;grid-template-columns:1fr 0}}';const h=class{constructor(t){a(this,t),this.heading=void 0,this.illustration=void 0}render(){const a=Boolean(this.el.querySelector('[slot="controls"]')),t=Boolean(this.el.querySelector('[slot="illustration"]')),o=r("empty-state",{"empty-state--has-controls":a,"empty-state--has-slotted-illustration":t});return i(e,{key:"a0d70dc213a678eda5d05f45689b2fc4b3ef79e2"},i("div",{key:"44fa906829f09913cc82b248f4a448a8237c4aa8",class:o},this.illustration&&!t&&i("img",{key:"d237ad9abdde16dbd1f17679e14add428e1b0a1a",alt:"",class:"empty-state__illustration",src:this.illustration}),i("div",{key:"2f2de9f4e52914bdef003a0eedd4f8341d3d07cf",class:"empty-state__slotted-illustration"},i("slot",{key:"b558d0eb8e17191c3db69112b94c8136cebf2de9",name:"illustration"})),i("div",{key:"990b6cb4126983bfe626f63051e1795dbe837024",class:"empty-state__body"},i("swirl-stack",{key:"6cbd0524e0405222e8abd858adb3784ad43433e1",align:"stretch",spacing:"8"},this.heading&&i("swirl-heading",{key:"a8adbbdb32817f49f21388bb3179204375106cc3",align:"center",as:"p",level:4,text:this.heading}),i("div",{key:"91e61734540d630c694b6e2ccd955eaadf52c43f",class:"empty-state__content"},i("swirl-text",{key:"f2d057bc75c306d4c5ac8f0cb36d5a1d639ed83a",align:"center",color:"subdued"},i("slot",{key:"9928d7b7f10f951b4f2544c15c15a8cc2a2ad283"})))),i("div",{key:"ca118d3d46669cb7697075841c1ceb0380d07c0d",class:"empty-state__controls"},i("slot",{key:"de5e87f0bb8dfe6b5c39e39ed882b901e37e9f4b",name:"controls"})))))}get el(){return o(this)}};h.style=":host{display:block}:host *{box-sizing:border-box}.empty-state{display:flex;max-width:28rem;align-items:center;flex-direction:column;gap:var(--s-space-16)}.empty-state--has-controls .empty-state__controls{display:block}.empty-state--has-slotted-illustration .empty-state__slotted-illustration{display:block}.empty-state__illustration{max-width:16rem}.empty-state__body{display:flex;align-items:center;flex-direction:column;gap:var(--s-space-24)}.empty-state__controls{display:none}.empty-state__slotted-illustration{display:none;max-width:16rem}";const y=class{constructor(t){a(this,t),this.color=void 0,this.size=24}render(){const a=20===this.size?24:this.size,t={color:Boolean(this.color)?`var(--s-icon-${this.color})`:void 0},e=r("swirl-icon",`swirl-icon--size-${this.size}`);return i("svg",{key:"5461750bcaa33f6dffc15c6e2cc8f67db732b464","aria-hidden":"true",class:e,fill:"none",height:this.size,part:"icon",style:t,viewBox:`0 0 ${a} ${a}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},16===this.size&&i(s,{key:"2f04e23bf06cbe747aa2530d6e3aa17218fbae3b"},i("path",{key:"36f47815b2cb58f3431c9d25aa7b226d41156cbb",d:"M9.99998 8.66669C10.3666 8.66669 10.6806 8.53602 10.942 8.27469C11.2029 8.0138 11.3333 7.70002 11.3333 7.33335C11.3333 6.96669 11.2029 6.65269 10.942 6.39135C10.6806 6.13046 10.3666 6.00002 9.99998 6.00002C9.63331 6.00002 9.31953 6.13046 9.05865 6.39135C8.79731 6.65269 8.66665 6.96669 8.66665 7.33335C8.66665 7.70002 8.79731 8.0138 9.05865 8.27469C9.31953 8.53602 9.63331 8.66669 9.99998 8.66669ZM7.33331 11.3334H12.6666V10.9667C12.6666 10.4667 12.4222 10.0694 11.9333 9.77469C11.4444 9.48046 10.8 9.33335 9.99998 9.33335C9.19998 9.33335 8.55553 9.48046 8.06665 9.77469C7.57776 10.0694 7.33331 10.4667 7.33331 10.9667V11.3334ZM2.66665 13.3334C2.29998 13.3334 1.9862 13.2029 1.72531 12.942C1.46398 12.6807 1.33331 12.3667 1.33331 12V4.00002C1.33331 3.63335 1.46398 3.31958 1.72531 3.05869C1.9862 2.79735 2.29998 2.66669 2.66665 2.66669H6.11665C6.29442 2.66669 6.46398 2.70002 6.62531 2.76669C6.7862 2.83335 6.92776 2.9278 7.04998 3.05002L7.99998 4.00002H13.3333C13.7 4.00002 14.014 4.13069 14.2753 4.39202C14.5362 4.65291 14.6666 4.96669 14.6666 5.33335V12C14.6666 12.3667 14.5362 12.6807 14.2753 12.942C14.014 13.2029 13.7 13.3334 13.3333 13.3334H2.66665ZM2.66665 4.00002V12H13.3333V5.33335H7.44998L6.11665 4.00002H2.66665Z",fill:"currentColor"})),(20===this.size||24===this.size)&&i(s,{key:"25ead2719f40f11bb0dc69d6fb69ad77f645cb79"},i("path",{key:"bbb00179a0212d81eb3b50e74dac1f675ac96df9",d:"M15 13C15.55 13 16.021 12.804 16.413 12.412C16.8043 12.0207 17 11.55 17 11C17 10.45 16.8043 9.979 16.413 9.587C16.021 9.19567 15.55 9 15 9C14.45 9 13.9793 9.19567 13.588 9.587C13.196 9.979 13 10.45 13 11C13 11.55 13.196 12.0207 13.588 12.412C13.9793 12.804 14.45 13 15 13ZM11 17H19V16.45C19 15.7 18.6333 15.104 17.9 14.662C17.1667 14.2207 16.2 14 15 14C13.8 14 12.8333 14.2207 12.1 14.662C11.3667 15.104 11 15.7 11 16.45V17ZM4 20C3.45 20 2.97933 19.8043 2.588 19.413C2.196 19.021 2 18.55 2 18V6C2 5.45 2.196 4.97933 2.588 4.588C2.97933 4.196 3.45 4 4 4H9.175C9.44167 4 9.696 4.05 9.938 4.15C10.1793 4.25 10.3917 4.39167 10.575 4.575L12 6H20C20.55 6 21.021 6.196 21.413 6.588C21.8043 6.97933 22 7.45 22 8V18C22 18.55 21.8043 19.021 21.413 19.413C21.021 19.8043 20.55 20 20 20H4ZM4 6V18H20V8H11.175L9.175 6H4Z",fill:"currentColor"})),28===this.size&&i(s,{key:"ebc011e3caea47962b9a043cfa2a2dc0a70dd3a0"},i("path",{key:"e2d86fd3a9d649f14eaf080509b0d932c80ce412",d:"M17.5 15.1667C18.1416 15.1667 18.6911 14.938 19.1485 14.4807C19.605 14.0241 19.8333 13.475 19.8333 12.8334C19.8333 12.1917 19.605 11.6422 19.1485 11.1849C18.6911 10.7283 18.1416 10.5 17.5 10.5C16.8583 10.5 16.3092 10.7283 15.8526 11.1849C15.3953 11.6422 15.1666 12.1917 15.1666 12.8334C15.1666 13.475 15.3953 14.0241 15.8526 14.4807C16.3092 14.938 16.8583 15.1667 17.5 15.1667ZM12.8333 19.8334H22.1666V19.1917C22.1666 18.3167 21.7389 17.6214 20.8833 17.1057C20.0278 16.5908 18.9 16.3334 17.5 16.3334C16.1 16.3334 14.9722 16.5908 14.1166 17.1057C13.2611 17.6214 12.8333 18.3167 12.8333 19.1917V19.8334ZM4.66665 23.3334C4.02498 23.3334 3.47587 23.1051 3.01931 22.6485C2.56198 22.1912 2.33331 21.6417 2.33331 21V7.00002C2.33331 6.35835 2.56198 5.80924 3.01931 5.35269C3.47587 4.89535 4.02498 4.66669 4.66665 4.66669H10.7041C11.0153 4.66669 11.312 4.72502 11.5943 4.84169C11.8759 4.95835 12.1236 5.12363 12.3375 5.33752L14 7.00002H23.3333C23.975 7.00002 24.5245 7.22869 24.9818 7.68602C25.4384 8.14258 25.6666 8.69169 25.6666 9.33335V21C25.6666 21.6417 25.4384 22.1912 24.9818 22.6485C24.5245 23.1051 23.975 23.3334 23.3333 23.3334H4.66665ZM4.66665 7.00002V21H23.3333V9.33335H13.0375L10.7041 7.00002H4.66665Z",fill:"currentColor"})))}};y.style=":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";const m=class{constructor(i){a(this,i),this.itemDrop=t(this,"itemDrop",7),this.focusedIndex=0,this.toggleDrag=a=>{const t=a.detail;Boolean(this.dragging)?this.stopDrag(t):this.startDrag(t)},this.startDrag=a=>{this.dragging=a,this.draggingStartIndex=this.getItemIndex(this.dragging),a.setAttribute("dragging","true");const t=this.getItemIndex(this.dragging);this.focusItemAtIndex(t),this.assistiveText=this.assistiveTextItemGrabbed},this.stopDrag=a=>{const t=this.getItemIndex(this.dragging);this.dragging=void 0,a.removeAttribute("dragging"),this.assistiveText=`${this.assistiveTextItemMoved} ${t+1}`,this.itemDrop.emit({item:a,oldIndex:this.draggingStartIndex,newIndex:t}),this.draggingStartIndex=void 0},this.onKeyDown=a=>{if("ArrowDown"===a.code)a.preventDefault(),Boolean(this.dragging)?this.moveDraggedItemDown():this.focusItemAtIndex((this.focusedIndex+1)%this.items.length);else if("ArrowUp"===a.code)a.preventDefault(),Boolean(this.dragging)?this.moveDraggedItemUp():this.focusItemAtIndex(0===this.focusedIndex?this.items.length-1:this.focusedIndex-1);else if("Space"===a.code||"Enter"===a.code){const t=a.composedPath()[0];if(Boolean(this.dragging)&&!t?.classList.contains("resource-list-item__drag-handle"))a.preventDefault(),this.stopDrag(this.dragging);else if(Boolean(this.controllingElement)){const t=this.items[this.focusedIndex];if(!Boolean(t)||!t.isConnected)return;a.stopPropagation(),a.preventDefault(),t.click()}}else"Home"===a.code?(a.preventDefault(),this.focusItemAtIndex(0)):"End"===a.code&&(a.preventDefault(),this.focusItemAtIndex(this.items.length-1))},this.allowDrag=void 0,this.assistiveTextItemGrabbed="Item grabbed. Use arrow keys to move item up or down. Use spacebar to save position.",this.assistiveTextItemMoving="Current position:",this.assistiveTextItemMoved="Item moved. New position:",this.controllingElement=void 0,this.label=void 0,this.spacing="0",this.assistiveText=void 0,this.listId=u()}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((a=>a.isConnected)),this.removeItemsFromTabOrder(),this.enableItemFocus(this.items[this.focusedIndex]),Boolean(this.controllingElement)&&this.items[0]?.setAttribute("aria-selected","true")}setupControllingElement(){Boolean(this.controllingElement)&&(this.controllingElement.setAttribute("aria-controls",this.listId),this.controllingElement.setAttribute("role","combobox"),this.controllingElement.setAttribute("aria-autocomplete","list"),this.controllingElement.addEventListener("keydown",this.onKeyDown))}getItemIndex(a){return this.items.map((a=>a)).findIndex((t=>t===a))}removeItemsFromTabOrder(){this.items.forEach((a=>{const t=a?.querySelector(".resource-list-item__content, .resource-list-file-item, [data-resource-list-item-button]"),i=a?.querySelector(".resource-list-item__drag-handle");Boolean(this.controllingElement)&&a.setAttribute("aria-selected","false"),t?.setAttribute("tabIndex","-1"),i?.setAttribute("tabIndex","-1")}))}setItemAllowDragState(){this.items.forEach(this.allowDrag?a=>{a.setAttribute("allow-drag","true"),a.addEventListener("toggleDrag",this.toggleDrag)}:a=>{a.removeAttribute("allow-drag"),a.removeEventListener("toggleDrag",this.toggleDrag)})}setupDragDrop(){Boolean(this.sortable)&&this.sortable.destroy(),this.allowDrag&&(this.sortable=c.create(this.gridEl,{animation:150,draggable:"swirl-resource-list-item",handle:".resource-list-item__drag-handle",onEnd:a=>{this.itemDrop.emit({item:a.item,oldIndex:a.oldDraggableIndex,newIndex:a.newDraggableIndex})}}))}enableItemFocus(a,t){if(!Boolean(a)||Boolean(this.controllingElement))return;const i=a.querySelector(".resource-list-item__content, .resource-list-file-item, [data-resource-list-item-button]"),e=a.querySelector(".resource-list-item__drag-handle");Boolean(e)&&e.setAttribute("tabIndex","0"),Boolean(i)&&(i.setAttribute("tabIndex","0"),t&&!Boolean(this.controllingElement)&&i.focus())}focusItemAtIndex(a){this.removeItemsFromTabOrder();const t=this.items[a];Boolean(t)&&t.isConnected&&(this.enableItemFocus(t,!Boolean(this.controllingElement)),Boolean(this.controllingElement)&&(t.setAttribute("aria-selected","true"),t.scrollIntoView({block:"nearest"})),this.focusedIndex=a)}moveDraggedItemDown(){const a=this.dragging.nextElementSibling;Boolean(a)&&(a.after(this.dragging),this.collectItems(),this.focusItemAtIndex(this.getItemIndex(this.dragging)),this.assistiveText=`${this.assistiveTextItemMoving} ${this.getItemIndex(this.dragging)+1}`)}moveDraggedItemUp(){const a=this.dragging.previousElementSibling;Boolean(a)&&(a.before(this.dragging),this.collectItems(),this.focusItemAtIndex(this.getItemIndex(this.dragging)),this.assistiveText=`${this.assistiveTextItemMoving} ${this.getItemIndex(this.dragging)+1}`)}render(){return i(e,{key:"d19d328722e0e72745f4a70143c876d5b79bacbe",onKeyDown:this.onKeyDown},i("swirl-visually-hidden",{key:"3c2aabe3b0173eef0ae21d2c736f2874b49aaa92",role:"alert"},this.assistiveText),i("swirl-box",{key:"aba5b14eea29c5fbb658c078e9a73f6d435852fe",paddingInlineEnd:"8",paddingInlineStart:"8"},i("swirl-stack",{key:"b8ce8a1fc7dba8f30ad34485ec20a8b3e31c48bd","aria-label":this.label,class:"resource-list",id:this.listId,ref:a=>this.gridEl=a,role:"grid",spacing:this.spacing},i("slot",{key:"9f784bd1cfcdbecfa771eb7146591bab73a540c7"}))))}get el(){return o(this)}static get watchers(){return{allowDrag:["watchAllowDrag"]}}};m.style=".sc-swirl-resource-list-h{display:block;width:100%}.sc-swirl-resource-list-h *.sc-swirl-resource-list{box-sizing:border-box}";const g=class{constructor(i){a(this,i),this.toggleDrag=t(this,"toggleDrag",7),this.valueChange=t(this,"valueChange",7),this.desktopMediaQuery=l(),this.elementId=u(),this.desktopMediaQueryHandler=a=>{this.forceIconProps(a.matches),this.updateIconSize(a.matches)},this.onClick=()=>{this.selectable&&(this.checked=!this.checked,this.valueChange.emit(this.checked))},this.onBlur=()=>{this.makeControlUnfocusable()},this.onFocus=()=>{this.makeControlFocusable()},this.onMenuTriggerClick=a=>{this.disabled&&!Boolean(this.href)&&a.stopPropagation()},this.onDragHandleKeyDown=a=>{"Space"!==a.code&&"Enter"!==a.code||(a.preventDefault(),this.toggleDrag.emit(this.el))},this.onControlClick=a=>{a.stopPropagation()},this.active=void 0,this.allowDrag=void 0,this.allowHtml=!0,this.checked=!1,this.compact=void 0,this.description=void 0,this.descriptionWrap=void 0,this.disabled=void 0,this.dragging=void 0,this.dragHandleDescription="Press spacebar to toggle grab",this.dragHandleLabel="Move item",this.hideDivider=void 0,this.href=void 0,this.interactive=!0,this.label=void 0,this.labelWeight="medium",this.labelWrap=void 0,this.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(a){const t=this.iconEl?.children[0];t?.setAttribute("size",a?"20":"24")}updateIconSize(a){this.iconSize=a?20:24}updateMediaState(){const a=this.el.querySelector('[slot="media"]'),t=Boolean(a);t!==this.hasMedia&&(this.hasMedia=t)}getControl(){return this.el.querySelector('[slot="control"] button')}makeControlFocusable(){const a=this.getControl();Boolean(a)&&(a.tabIndex=0)}makeControlUnfocusable(){const a=this.getControl();Boolean(a)&&(a.tabIndex=-1)}render(){const a=this.interactive||this.selectable?Boolean(this.href)&&!this.selectable?"a":"button":"div",t=this.disabled&&!Boolean(this.href),o=Boolean(this.el.querySelector("[slot='badges']")),s=this.el.querySelector("[slot='control']"),l=Boolean(this.menuTriggerId)||s,n=this.interactive&&Boolean(this.href)?this.href:void 0,p=s&&(Boolean(this.meta)||o),d=Boolean(this.menuTriggerId)&&!Boolean(this.meta)&&!this.selectable,c=(Boolean(this.meta)||o)&&!this.selectable,u=Boolean(this.swirlAriaLabel)?this.swirlAriaLabel:this.label,b=this.selectable?String(this.checked):void 0,h=this.interactive&&this.selectable?"checkbox":void 0,y=!c&&Boolean(this.controlContainer)?{paddingRight:`calc(${this.controlContainer?.getBoundingClientRect().width}px + var(--s-space-16))`}:void 0,m=r("resource-list-item",`resource-list-item--label-weight-${this.labelWeight}`,{"resource-list-item--active":this.active,"resource-list-item--checked":this.checked,"resource-list-item--compact":this.compact,"resource-list-item--disabled":this.disabled,"resource-list-item--draggable":this.allowDrag,"resource-list-item--dragging":this.dragging,"resource-list-item--has-menu":l,"resource-list-item--hide-divider":this.hideDivider,"resource-list-item--interactive":this.interactive||this.selectable,"resource-list-item--selectable":this.selectable,"resource-list-item--show-control-on-focus":p,"resource-list-item--show-meta":c,"resource-list-item--wrap-description":this.descriptionWrap,"resource-list-item--wrap-label":this.labelWrap});return i(e,{key:"0d05433bd1eed691f0af28856f1445ba850e2264",role:"row"},i("div",{key:"d640ffc1dc6d9a9cd39bf1dbc4d17c65d927dc31",class:m,role:"gridcell"},i(a,{key:"cc8d6453a29b7fc41d305a73cd99e22e53d41a83","aria-checked":b,"aria-disabled":t?"true":void 0,"aria-label":u,"aria-labelledby":Boolean(this.swirlAriaLabel)?void 0:this.elementId,class:"resource-list-item__content",href:n,disabled:t,onClick:this.onClick,onBlur:this.onBlur,onFocus:this.onFocus,part:"resource-list-item__content",role:h,tabIndex:0,type:"button"===a?"button":void 0},this.hasMedia&&i("span",{key:"d9951c895268e518ead288b843be76d04cb1defe",class:"resource-list-item__media"},i("slot",{key:"5f01b4609ad1722380a11855ff5e37a8117fe4a1",name:"media"})),i("span",{key:"2ff534df1933a4d8c2ae01485d01e6053681e959",class:"resource-list-item__label-container",style:y},i("span",{key:"d1902c3d93faa4c44bb44ce515158c3d10ddc679",class:"resource-list-item__label",id:this.elementId,innerHTML:this.allowHtml?this.label:void 0},!this.allowHtml&&this.label),this.description&&i("span",{key:"ad5db348bf4dcbe197ce6770bbc4b6865b6f5f3f",class:"resource-list-item__description",innerHTML:this.allowHtml?this.description:void 0},!this.allowHtml&&this.description)),c&&i("span",{key:"da24411c107ed067fa19956b1e89b997cd56e042",class:"resource-list-item__meta"},i("span",{key:"6b9be6f9db9d8527ad7b524dc2c5eebae0e0006f",class:"resource-list-item__meta-text"},this.meta),i("span",{key:"a80397d87905afddfae68ecaffdc4ec9adb11479",class:"resource-list-item__badges"},i("slot",{key:"9cb5e8e40a5e5cdcec0bb2676ed3ddb9f6e16f52",name:"badges"})))),this.selectable&&i("span",{key:"f064972077b12e69a0fee85401e2dff61698952f","aria-hidden":"true",class:"resource-list-item__checkbox"},i("span",{key:"69a196bf0de0c3461fe57250303b0a24298c0e6a",class:"resource-list-item__checkbox-icon"},this.checked&&i("swirl-icon-check-strong",{key:"0169a2808f6b77dc5a1ce6a18e33974c88f9388c"}))),i("span",{key:"11b2a61a3d0eccaa032c345293c63efe93289c33",class:"resource-list-item__control",onClick:this.onControlClick,ref:a=>this.controlContainer=a},i("slot",{key:"31a297bbdda56f32ef4a375a63b0cb90e36ec088",name:"control"})),d&&i("swirl-popover-trigger",{key:"4a17cf6c85f290d2dbe47ebe75986f7b7fe92b07",swirlPopover:this.menuTriggerId},i("swirl-button",{key:"88a70c60cacf97b87f785614c22157ae0bb85f7d","aria-disabled":t?"true":void 0,class:"resource-list-item__menu-trigger",disabled:t,hideLabel:!0,icon:"<swirl-icon-more-horizontal></swirl-icon-more-horizontal>",intent:"primary",label:this.menuTriggerLabel,onClick:this.onMenuTriggerClick}))),this.allowDrag&&i("button",{key:"1be718a0b81849132a50ef2ccdee4696b048df7b","aria-describedby":this.dragHandleDescription,"aria-label":`${this.dragHandleLabel} "${this.label}"`,class:"resource-list-item__drag-handle",onKeyDown:this.onDragHandleKeyDown,type:"button"},i("swirl-icon-drag-handle",{key:"7810bd66715c5168ee7b7fd55335881631fbdac7",size:this.iconSize})))}get el(){return o(this)}};g.style='.sc-swirl-resource-list-item-h{position:relative;display:block;width:100%}.sc-swirl-resource-list-item-h *.sc-swirl-resource-list-item{box-sizing:border-box}[aria-selected="true"].sc-swirl-resource-list-item-h .resource-list-item__content.sc-swirl-resource-list-item{background-color:var(--swirl-resource-list-item-background-hovered)}[aria-selected="true"].sc-swirl-resource-list-item-h .resource-list-item__content.sc-swirl-resource-list-item .resource-list-item__media.sc-swirl-resource-list-item,[aria-selected="true"].sc-swirl-resource-list-item-h .resource-list-item__content.sc-swirl-resource-list-item .resource-list-item__meta.sc-swirl-resource-list-item{--swirl-avatar-background-color:var(--s-surface-raised-hovered);--swirl-avatar-group-border-color:var(--s-background-hovered);--swirl-badge-border-color:var(--s-background-hovered)}.resource-list-item.sc-swirl-resource-list-item{position:relative;width:100%}.resource-list-item--interactive.sc-swirl-resource-list-item:hover{--swirl-ghost-button-background-default:var(--s-background-hovered)}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{cursor:pointer}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:disabled{cursor:default}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:hover:not(:disabled),.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:focus:not(:disabled){background-color:var(--swirl-resource-list-item-background-hovered)}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:hover:not(:disabled) .resource-list-item__media.sc-swirl-resource-list-item,.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:hover:not(:disabled) .resource-list-item__meta.sc-swirl-resource-list-item,.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:focus:not(:disabled) .resource-list-item__media.sc-swirl-resource-list-item,.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:focus:not(:disabled) .resource-list-item__meta.sc-swirl-resource-list-item{--swirl-avatar-background-color:var(--s-surface-raised-hovered);--swirl-avatar-group-border-color:var(--s-background-hovered);--swirl-badge-border-color:var(--s-background-hovered)}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:active:not(:disabled){background-color:var(--swirl-resource-list-item-background-pressed)}.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:active:not(:disabled) .resource-list-item__media.sc-swirl-resource-list-item,.resource-list-item--interactive.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item:active:not(:disabled) .resource-list-item__meta.sc-swirl-resource-list-item{--swirl-avatar-group-border-color:var(--s-background-pressed);--swirl-badge-border-color:var(--s-background-pressed)}.resource-list-item--active.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{--swirl-badge-border-color:var(\n      --swirl-resource-list-item-background-hovered\n    );background-color:var(--swirl-resource-list-item-background-hovered)}.resource-list-item--checked.sc-swirl-resource-list-item .resource-list-item__checkbox.sc-swirl-resource-list-item{border-color:var(--s-icon-highlight);color:var(--s-text-on-status);background-color:var(--s-icon-highlight)}.resource-list-item--compact.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding:var(--s-space-8)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.resource-list-item--compact.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding:var(--s-space-8)}}.resource-list-item--compact.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item{min-height:2.5rem}@media (min-width: 768px){.resource-list-item--selectable.sc-swirl-resource-list-item .resource-list-item__content.sc-swirl-resource-list-item{padding-left:calc(var(--s-space-16) + 1.5rem + var(--s-space-12))}}.resource-list-item--selectable.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item{padding-right:calc(var(--s-space-16) + 1.5rem + var(--s-space-12))}@media (min-width: 768px){.resource-list-item--selectable.sc-swirl-resource-list-item .resource-list-item__label-container.sc-swirl-resource-list-item{padding-right:var(--s-space-16)}}.resource-list-item--label-weight-medium.sc-swirl-resource-list-item .resource-list-item__label.sc-swirl-resource-list-item{font-weight:var(--s-font-weight-medium)}.resource-list-item--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{b as swirl_app_layout,h as swirl_empty_state,y as swirl_icon_folder_shared,m as swirl_resource_list,g as swirl_resource_list_item}

package/dist/swirl-components/{p-31d00f47.entry.js → p-8f07fa3f.entry.js}

@@ -1 +1 @@
-import{r as e,h as i,F as s,H as r}from"./p-30e99c25.js";import{c as n}from"./p-a5dce9e6.js";import{g as t}from"./p-0f3e0216.js";const a=class{constructor(i){e(this,i),this.color=void 0,this.size=24}render(){const e=20===this.size?24:this.size,r={color:Boolean(this.color)?`var(--s-icon-${this.color})`:void 0},t=n("swirl-icon",`swirl-icon--size-${this.size}`);return i("svg",{key:"700b84278d59aa2298a6908bf0639b2d253a0f35","aria-hidden":"true",class:t,fill:"none",height:this.size,part:"icon",style:r,viewBox:`0 0 ${e} ${e}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},16===this.size&&i(s,{key:"c117328400f05e5d972641c692700faeed0a59d2"},i("path",{key:"32badd1977c2b35515650bc7827dc5a375cd7723",d:"M6.05 14C5.87222 14 5.70267 13.9667 5.54133 13.9C5.38044 13.8333 5.23889 13.7389 5.11667 13.6167L2.38333 10.8833C2.26111 10.7611 2.16667 10.6196 2.1 10.4587C2.03333 10.2973 2 10.1278 2 9.95V6.05C2 5.87222 2.03333 5.70267 2.1 5.54133C2.16667 5.38044 2.26111 5.23889 2.38333 5.11667L5.11667 2.38333C5.23889 2.26111 5.38044 2.16667 5.54133 2.1C5.70267 2.03333 5.87222 2 6.05 2H9.95C10.1278 2 10.2973 2.03333 10.4587 2.1C10.6196 2.16667 10.7611 2.26111 10.8833 2.38333L13.6167 5.11667C13.7389 5.23889 13.8333 5.38044 13.9 5.54133C13.9667 5.70267 14 5.87222 14 6.05V9.95C14 10.1278 13.9667 10.2973 13.9 10.4587C13.8333 10.6196 13.7389 10.7611 13.6167 10.8833L10.8833 13.6167C10.7611 13.7389 10.6196 13.8333 10.4587 13.9C10.2973 13.9667 10.1278 14 9.95 14H6.05ZM8 11.3333C8.18889 11.3333 8.34733 11.2693 8.47533 11.1413C8.60289 11.0138 8.66667 10.8556 8.66667 10.6667C8.66667 10.4778 8.60289 10.3193 8.47533 10.1913C8.34733 10.0638 8.18889 10 8 10C7.81111 10 7.65289 10.0638 7.52533 10.1913C7.39733 10.3193 7.33333 10.4778 7.33333 10.6667C7.33333 10.8556 7.39733 11.0138 7.52533 11.1413C7.65289 11.2693 7.81111 11.3333 8 11.3333ZM8 8.66667C8.18889 8.66667 8.34733 8.60267 8.47533 8.47467C8.60289 8.34711 8.66667 8.18889 8.66667 8V5.33333C8.66667 5.14444 8.60289 4.986 8.47533 4.858C8.34733 4.73044 8.18889 4.66667 8 4.66667C7.81111 4.66667 7.65289 4.73044 7.52533 4.858C7.39733 4.986 7.33333 5.14444 7.33333 5.33333V8C7.33333 8.18889 7.39733 8.34711 7.52533 8.47467C7.65289 8.60267 7.81111 8.66667 8 8.66667ZM6.06667 12.6667H9.93333L12.6667 9.93333V6.06667L9.93333 3.33333H6.06667L3.33333 6.06667V9.93333L6.06667 12.6667Z",fill:"currentColor"})),(20===this.size||24===this.size)&&i(s,{key:"5069caf4ab9352ee41d485a00474ac62bac7f051"},i("path",{key:"0e37dfa8fb934bb3b786f73886d72cbbcb6d44cd",d:"M9.075 21C8.80833 21 8.554 20.95 8.312 20.85C8.07067 20.75 7.85833 20.6083 7.675 20.425L3.575 16.325C3.39167 16.1417 3.25 15.9293 3.15 15.688C3.05 15.446 3 15.1917 3 14.925V9.075C3 8.80833 3.05 8.554 3.15 8.312C3.25 8.07067 3.39167 7.85833 3.575 7.675L7.675 3.575C7.85833 3.39167 8.07067 3.25 8.312 3.15C8.554 3.05 8.80833 3 9.075 3H14.925C15.1917 3 15.446 3.05 15.688 3.15C15.9293 3.25 16.1417 3.39167 16.325 3.575L20.425 7.675C20.6083 7.85833 20.75 8.07067 20.85 8.312C20.95 8.554 21 8.80833 21 9.075V14.925C21 15.1917 20.95 15.446 20.85 15.688C20.75 15.9293 20.6083 16.1417 20.425 16.325L16.325 20.425C16.1417 20.6083 15.9293 20.75 15.688 20.85C15.446 20.95 15.1917 21 14.925 21H9.075ZM12 17C12.2833 17 12.521 16.904 12.713 16.712C12.9043 16.5207 13 16.2833 13 16C13 15.7167 12.9043 15.479 12.713 15.287C12.521 15.0957 12.2833 15 12 15C11.7167 15 11.4793 15.0957 11.288 15.287C11.096 15.479 11 15.7167 11 16C11 16.2833 11.096 16.5207 11.288 16.712C11.4793 16.904 11.7167 17 12 17ZM12 13C12.2833 13 12.521 12.904 12.713 12.712C12.9043 12.5207 13 12.2833 13 12V8C13 7.71667 12.9043 7.479 12.713 7.287C12.521 7.09567 12.2833 7 12 7C11.7167 7 11.4793 7.09567 11.288 7.287C11.096 7.479 11 7.71667 11 8V12C11 12.2833 11.096 12.5207 11.288 12.712C11.4793 12.904 11.7167 13 12 13ZM9.1 19H14.9L19 14.9V9.1L14.9 5H9.1L5 9.1V14.9L9.1 19Z",fill:"currentColor"})),28===this.size&&i(s,{key:"eacdcbb100e1e691b5224252bee6ca5037dfea6e"},i("path",{key:"30d2c699f90c8f11f9f30a3a56345ddc3ba15093",d:"M10.5875 24.5C10.2764 24.5 9.97967 24.4417 9.69733 24.325C9.41578 24.2083 9.16806 24.0431 8.95417 23.8292L4.17083 19.0458C3.95694 18.8319 3.79167 18.5842 3.675 18.3027C3.55833 18.0203 3.5 17.7236 3.5 17.4125V10.5875C3.5 10.2764 3.55833 9.97967 3.675 9.69733C3.79167 9.41578 3.95694 9.16806 4.17083 8.95417L8.95417 4.17083C9.16806 3.95694 9.41578 3.79167 9.69733 3.675C9.97967 3.55833 10.2764 3.5 10.5875 3.5H17.4125C17.7236 3.5 18.0203 3.55833 18.3027 3.675C18.5842 3.79167 18.8319 3.95694 19.0458 4.17083L23.8292 8.95417C24.0431 9.16806 24.2083 9.41578 24.325 9.69733C24.4417 9.97967 24.5 10.2764 24.5 10.5875V17.4125C24.5 17.7236 24.4417 18.0203 24.325 18.3027C24.2083 18.5842 24.0431 18.8319 23.8292 19.0458L19.0458 23.8292C18.8319 24.0431 18.5842 24.2083 18.3027 24.325C18.0203 24.4417 17.7236 24.5 17.4125 24.5H10.5875ZM14 19.8333C14.3306 19.8333 14.6078 19.7213 14.8318 19.4973C15.0551 19.2741 15.1667 18.9972 15.1667 18.6667C15.1667 18.3361 15.0551 18.0588 14.8318 17.8348C14.6078 17.6116 14.3306 17.5 14 17.5C13.6694 17.5 13.3926 17.6116 13.1693 17.8348C12.9453 18.0588 12.8333 18.3361 12.8333 18.6667C12.8333 18.9972 12.9453 19.2741 13.1693 19.4973C13.3926 19.7213 13.6694 19.8333 14 19.8333ZM14 15.1667C14.3306 15.1667 14.6078 15.0547 14.8318 14.8307C15.0551 14.6074 15.1667 14.3306 15.1667 14V9.33333C15.1667 9.00278 15.0551 8.7255 14.8318 8.5015C14.6078 8.27828 14.3306 8.16667 14 8.16667C13.6694 8.16667 13.3926 8.27828 13.1693 8.5015C12.9453 8.7255 12.8333 9.00278 12.8333 9.33333V14C12.8333 14.3306 12.9453 14.6074 13.1693 14.8307C13.3926 15.0547 13.6694 15.1667 14 15.1667ZM10.6167 22.1667H17.3833L22.1667 17.3833V10.6167L17.3833 5.83333H10.6167L5.83333 10.6167V17.3833L10.6167 22.1667Z",fill:"currentColor"})))}};a.style=":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";const o=class{constructor(i){e(this,i),this.desktopMediaQuery=t(),this.desktopMediaQueryHandler=e=>{this.forceIconProps(e.matches)},this.message=void 0,this.size="m"}componentDidLoad(){this.forceIconProps(this.desktopMediaQuery.matches),this.desktopMediaQuery.onchange=this.desktopMediaQueryHandler}disconnectedCallback(){this.desktopMediaQuery.removeEventListener?.("change",this.desktopMediaQueryHandler)}forceIconProps(e){if(!Boolean(this.iconEl))return;const i=this.iconEl.children[0];let s="24";"s"===this.size?s="16":e&&(s="20"),i?.setAttribute("size",s)}render(){const e=n("inline-error",`inline-error--size-${this.size}`);return i(r,{key:"edb010fb1d3c62fb70a5c4e4798ab8f05179d201"},i("span",{key:"cf2bc5431dd53bc76fb49cd496bc1d33f8599d45",class:e,part:"inline-error"},i("span",{key:"c73df9c00f5f9ed63f950f7a8183a3fbac60ccd8",class:"inline-error__icon",ref:e=>this.iconEl=e},i("swirl-icon-error",{key:"a4e0cc36646132c3abca3e13b60dfc0c7ca4c3f5"})),i("span",{key:"b3b61fe2888b167cdffb864057899d7f7ae626c4",class:"inline-error__message"},this.message)))}};o.style=":host{display:inline-flex}:host *{box-sizing:border-box}.inline-error{display:inline-flex;color:var(--s-text-critical);line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.inline-error{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.inline-error--size-s{font-size:var(--s-font-size-sm)}.inline-error--size-s .inline-error__icon{width:1rem;height:1rem;margin-top:0.125rem}.inline-error--size-s .inline-error__message{padding-top:0}.inline-error__icon{display:inline-flex;width:1.5rem;height:1.5rem;color:var(--s-icon-critical);align-self:flex-start}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.inline-error__icon{width:1.25rem;height:1.25rem}}.inline-error__message{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-left:var(--s-space-4);padding-top:0.0625rem;white-space:pre-line}";const c=class{constructor(i){e(this,i),this.label=void 0,this.size="m"}render(){const e=n("spinner",`spinner--size-${this.size}`);return i(r,{key:"5533883346c7e74c9edf78c02cce4c9b88152d77"},i("span",{key:"53662ae2811562db538f5970c91b9e55773249ed",class:e,role:Boolean(this.label)?"status":void 0},i("svg",{key:"f3bdf36daacfac01c16353341618a8306a9bceaf","aria-hidden":"true",class:"spinner__indicator",focusable:"false",viewBox:"0 0 50 50"},i("circle",{key:"0ac9c55cd9da8adf75e8eb8e534d7f41fd50f428",class:"spinner__background",cx:"25",cy:"25",r:"20",fill:"none","stroke-width":"4"}),i("circle",{key:"25ed1ced8ddbe250ad742a6aa02dbdd520f1dc8b",class:"spinner__circle",cx:"25",cy:"25",r:"20",fill:"none","stroke-width":"4"})),this.label&&i("swirl-visually-hidden",{key:"b05bebb65fd79dde4196928c2a37234d4cd7466e"},i("span",{key:"f9bb1150f617467ca74e3cb6fc7d68cf8cde0886",class:"spinner__label"},this.label))))}};c.style=":host{display:inline-flex}:host *{box-sizing:border-box}.spinner{position:relative;display:inline-flex;overflow:hidden;width:2.25rem;height:2.25rem}.spinner--size-xs,.spinner--size-20{width:1.25rem;height:1.25rem}.spinner--size-xs .spinner__circle,.spinner--size-20 .spinner__circle{stroke-width:0.1875rem}.spinner--size-s,.spinner--size-24{width:1.5rem;height:1.5rem}.spinner--size-s .spinner__circle,.spinner--size-24 .spinner__circle{stroke-width:0.1875rem}.spinner__indicator{position:absolute;inset:0;width:100%;height:100%;transform-origin:center center;animation:spinner-rotate 2s linear infinite}.spinner__background{stroke:var(--s-border-default);stroke-linecap:round}.spinner__circle{animation:spinner-dash 1.5s ease-in-out infinite;stroke:var(--s-interactive-primary-default);stroke-dasharray:1, 200;stroke-dashoffset:0;stroke-linecap:round}@keyframes spinner-rotate{100%{transform:rotate(360deg)}}@keyframes spinner-dash{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124}}";export{a as swirl_icon_error,o as swirl_inline_error,c as swirl_spinner}
+import{r as e,h as i,F as s,H as r}from"./p-30e99c25.js";import{c as n}from"./p-a5dce9e6.js";import{g as t}from"./p-0f3e0216.js";const a=class{constructor(i){e(this,i),this.color=void 0,this.size=24}render(){const e=20===this.size?24:this.size,r={color:Boolean(this.color)?`var(--s-icon-${this.color})`:void 0},t=n("swirl-icon",`swirl-icon--size-${this.size}`);return i("svg",{key:"27d260bd4bf3e77678daba20c2325309e29723a1","aria-hidden":"true",class:t,fill:"none",height:this.size,part:"icon",style:r,viewBox:`0 0 ${e} ${e}`,width:this.size,xmlns:"http://www.w3.org/2000/svg"},16===this.size&&i(s,{key:"d1166e78562ea464dadf4493c76fe1afba003d10"},i("path",{key:"7560bd1f522d444ebcb56e9d94103ac3144431b5",d:"M6.05 14C5.87222 14 5.70267 13.9667 5.54133 13.9C5.38044 13.8333 5.23889 13.7389 5.11667 13.6167L2.38333 10.8833C2.26111 10.7611 2.16667 10.6196 2.1 10.4587C2.03333 10.2973 2 10.1278 2 9.95V6.05C2 5.87222 2.03333 5.70267 2.1 5.54133C2.16667 5.38044 2.26111 5.23889 2.38333 5.11667L5.11667 2.38333C5.23889 2.26111 5.38044 2.16667 5.54133 2.1C5.70267 2.03333 5.87222 2 6.05 2H9.95C10.1278 2 10.2973 2.03333 10.4587 2.1C10.6196 2.16667 10.7611 2.26111 10.8833 2.38333L13.6167 5.11667C13.7389 5.23889 13.8333 5.38044 13.9 5.54133C13.9667 5.70267 14 5.87222 14 6.05V9.95C14 10.1278 13.9667 10.2973 13.9 10.4587C13.8333 10.6196 13.7389 10.7611 13.6167 10.8833L10.8833 13.6167C10.7611 13.7389 10.6196 13.8333 10.4587 13.9C10.2973 13.9667 10.1278 14 9.95 14H6.05ZM8 11.3333C8.18889 11.3333 8.34733 11.2693 8.47533 11.1413C8.60289 11.0138 8.66667 10.8556 8.66667 10.6667C8.66667 10.4778 8.60289 10.3193 8.47533 10.1913C8.34733 10.0638 8.18889 10 8 10C7.81111 10 7.65289 10.0638 7.52533 10.1913C7.39733 10.3193 7.33333 10.4778 7.33333 10.6667C7.33333 10.8556 7.39733 11.0138 7.52533 11.1413C7.65289 11.2693 7.81111 11.3333 8 11.3333ZM8 8.66667C8.18889 8.66667 8.34733 8.60267 8.47533 8.47467C8.60289 8.34711 8.66667 8.18889 8.66667 8V5.33333C8.66667 5.14444 8.60289 4.986 8.47533 4.858C8.34733 4.73044 8.18889 4.66667 8 4.66667C7.81111 4.66667 7.65289 4.73044 7.52533 4.858C7.39733 4.986 7.33333 5.14444 7.33333 5.33333V8C7.33333 8.18889 7.39733 8.34711 7.52533 8.47467C7.65289 8.60267 7.81111 8.66667 8 8.66667ZM6.06667 12.6667H9.93333L12.6667 9.93333V6.06667L9.93333 3.33333H6.06667L3.33333 6.06667V9.93333L6.06667 12.6667Z",fill:"currentColor"})),(20===this.size||24===this.size)&&i(s,{key:"6dcb269f9002903f6a084742302e255b200a3b7f"},i("path",{key:"fe199014a7a78bc42d12de0590273d03b85ab858",d:"M9.075 21C8.80833 21 8.554 20.95 8.312 20.85C8.07067 20.75 7.85833 20.6083 7.675 20.425L3.575 16.325C3.39167 16.1417 3.25 15.9293 3.15 15.688C3.05 15.446 3 15.1917 3 14.925V9.075C3 8.80833 3.05 8.554 3.15 8.312C3.25 8.07067 3.39167 7.85833 3.575 7.675L7.675 3.575C7.85833 3.39167 8.07067 3.25 8.312 3.15C8.554 3.05 8.80833 3 9.075 3H14.925C15.1917 3 15.446 3.05 15.688 3.15C15.9293 3.25 16.1417 3.39167 16.325 3.575L20.425 7.675C20.6083 7.85833 20.75 8.07067 20.85 8.312C20.95 8.554 21 8.80833 21 9.075V14.925C21 15.1917 20.95 15.446 20.85 15.688C20.75 15.9293 20.6083 16.1417 20.425 16.325L16.325 20.425C16.1417 20.6083 15.9293 20.75 15.688 20.85C15.446 20.95 15.1917 21 14.925 21H9.075ZM12 17C12.2833 17 12.521 16.904 12.713 16.712C12.9043 16.5207 13 16.2833 13 16C13 15.7167 12.9043 15.479 12.713 15.287C12.521 15.0957 12.2833 15 12 15C11.7167 15 11.4793 15.0957 11.288 15.287C11.096 15.479 11 15.7167 11 16C11 16.2833 11.096 16.5207 11.288 16.712C11.4793 16.904 11.7167 17 12 17ZM12 13C12.2833 13 12.521 12.904 12.713 12.712C12.9043 12.5207 13 12.2833 13 12V8C13 7.71667 12.9043 7.479 12.713 7.287C12.521 7.09567 12.2833 7 12 7C11.7167 7 11.4793 7.09567 11.288 7.287C11.096 7.479 11 7.71667 11 8V12C11 12.2833 11.096 12.5207 11.288 12.712C11.4793 12.904 11.7167 13 12 13ZM9.1 19H14.9L19 14.9V9.1L14.9 5H9.1L5 9.1V14.9L9.1 19Z",fill:"currentColor"})),28===this.size&&i(s,{key:"5969b20e153dac4f8ae7966829f22c00324a35e3"},i("path",{key:"d2c613faaeba045e2266dafd1b77a3b2caf62be2",d:"M10.5875 24.5C10.2764 24.5 9.97967 24.4417 9.69733 24.325C9.41578 24.2083 9.16806 24.0431 8.95417 23.8292L4.17083 19.0458C3.95694 18.8319 3.79167 18.5842 3.675 18.3027C3.55833 18.0203 3.5 17.7236 3.5 17.4125V10.5875C3.5 10.2764 3.55833 9.97967 3.675 9.69733C3.79167 9.41578 3.95694 9.16806 4.17083 8.95417L8.95417 4.17083C9.16806 3.95694 9.41578 3.79167 9.69733 3.675C9.97967 3.55833 10.2764 3.5 10.5875 3.5H17.4125C17.7236 3.5 18.0203 3.55833 18.3027 3.675C18.5842 3.79167 18.8319 3.95694 19.0458 4.17083L23.8292 8.95417C24.0431 9.16806 24.2083 9.41578 24.325 9.69733C24.4417 9.97967 24.5 10.2764 24.5 10.5875V17.4125C24.5 17.7236 24.4417 18.0203 24.325 18.3027C24.2083 18.5842 24.0431 18.8319 23.8292 19.0458L19.0458 23.8292C18.8319 24.0431 18.5842 24.2083 18.3027 24.325C18.0203 24.4417 17.7236 24.5 17.4125 24.5H10.5875ZM14 19.8333C14.3306 19.8333 14.6078 19.7213 14.8318 19.4973C15.0551 19.2741 15.1667 18.9972 15.1667 18.6667C15.1667 18.3361 15.0551 18.0588 14.8318 17.8348C14.6078 17.6116 14.3306 17.5 14 17.5C13.6694 17.5 13.3926 17.6116 13.1693 17.8348C12.9453 18.0588 12.8333 18.3361 12.8333 18.6667C12.8333 18.9972 12.9453 19.2741 13.1693 19.4973C13.3926 19.7213 13.6694 19.8333 14 19.8333ZM14 15.1667C14.3306 15.1667 14.6078 15.0547 14.8318 14.8307C15.0551 14.6074 15.1667 14.3306 15.1667 14V9.33333C15.1667 9.00278 15.0551 8.7255 14.8318 8.5015C14.6078 8.27828 14.3306 8.16667 14 8.16667C13.6694 8.16667 13.3926 8.27828 13.1693 8.5015C12.9453 8.7255 12.8333 9.00278 12.8333 9.33333V14C12.8333 14.3306 12.9453 14.6074 13.1693 14.8307C13.3926 15.0547 13.6694 15.1667 14 15.1667ZM10.6167 22.1667H17.3833L22.1667 17.3833V10.6167L17.3833 5.83333H10.6167L5.83333 10.6167V17.3833L10.6167 22.1667Z",fill:"currentColor"})))}};a.style=":host{display:inline-flex;max-width:100%;max-height:100%}.swirl-icon{max-width:100%;max-height:100%}";const o=class{constructor(i){e(this,i),this.desktopMediaQuery=t(),this.desktopMediaQueryHandler=e=>{this.forceIconProps(e.matches)},this.message=void 0,this.size="m"}componentDidLoad(){this.forceIconProps(this.desktopMediaQuery.matches),this.desktopMediaQuery.onchange=this.desktopMediaQueryHandler}disconnectedCallback(){this.desktopMediaQuery.removeEventListener?.("change",this.desktopMediaQueryHandler)}forceIconProps(e){if(!Boolean(this.iconEl))return;const i=this.iconEl.children[0];let s="24";"s"===this.size?s="16":e&&(s="20"),i?.setAttribute("size",s)}render(){const e=n("inline-error",`inline-error--size-${this.size}`);return i(r,{key:"edb010fb1d3c62fb70a5c4e4798ab8f05179d201"},i("span",{key:"cf2bc5431dd53bc76fb49cd496bc1d33f8599d45",class:e,part:"inline-error"},i("span",{key:"c73df9c00f5f9ed63f950f7a8183a3fbac60ccd8",class:"inline-error__icon",ref:e=>this.iconEl=e},i("swirl-icon-error",{key:"a4e0cc36646132c3abca3e13b60dfc0c7ca4c3f5"})),i("span",{key:"b3b61fe2888b167cdffb864057899d7f7ae626c4",class:"inline-error__message"},this.message)))}};o.style=":host{display:inline-flex}:host *{box-sizing:border-box}.inline-error{display:inline-flex;color:var(--s-text-critical);line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.inline-error{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.inline-error--size-s{font-size:var(--s-font-size-sm)}.inline-error--size-s .inline-error__icon{width:1rem;height:1rem;margin-top:0.125rem}.inline-error--size-s .inline-error__message{padding-top:0}.inline-error__icon{display:inline-flex;width:1.5rem;height:1.5rem;color:var(--s-icon-critical);align-self:flex-start}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.inline-error__icon{width:1.25rem;height:1.25rem}}.inline-error__message{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-left:var(--s-space-4);padding-top:0.0625rem;white-space:pre-line}";const c=class{constructor(i){e(this,i),this.label=void 0,this.size="m"}render(){const e=n("spinner",`spinner--size-${this.size}`);return i(r,{key:"57487383cecc04b8ed210ea7b136c2652b5f61b2"},i("span",{key:"6c9698bf8bf4c4c9e2c2abf1dccdf0dca28b3170",class:e,role:Boolean(this.label)?"status":void 0},i("svg",{key:"b9a0ba84960f0b376c482f7e693d7e3d6317ae48","aria-hidden":"true",class:"spinner__indicator",focusable:"false",viewBox:"0 0 50 50"},i("circle",{key:"236d37eca114e6edef421ffe1c3a1b378a713d0c",class:"spinner__background",cx:"25",cy:"25",r:"20",fill:"none","stroke-width":"4"}),i("circle",{key:"e50816688138b4bf57a920fbc47dbc67ef116662",class:"spinner__circle",cx:"25",cy:"25",r:"20",fill:"none","stroke-width":"4"})),this.label&&i("swirl-visually-hidden",{key:"e5b701d87957aea77949b573643fc8e5e0dfd89f"},i("span",{key:"a5abe48a42567459dcfa157dcd2c17f2359eb5df",class:"spinner__label"},this.label))))}};c.style=":host{display:inline-flex}:host *{box-sizing:border-box}.spinner{position:relative;display:inline-flex;overflow:hidden;width:2.25rem;height:2.25rem}.spinner--size-xs,.spinner--size-20{width:1.25rem;height:1.25rem}.spinner--size-xs .spinner__circle,.spinner--size-20 .spinner__circle{stroke-width:0.1875rem}.spinner--size-s,.spinner--size-24{width:1.5rem;height:1.5rem}.spinner--size-s .spinner__circle,.spinner--size-24 .spinner__circle{stroke-width:0.1875rem}.spinner__indicator{position:absolute;inset:0;width:100%;height:100%;transform-origin:center center;animation:spinner-rotate 2s linear infinite}.spinner__background{stroke:var(--s-border-default);stroke-linecap:round}.spinner__circle{animation:spinner-dash 1.5s ease-in-out infinite;stroke:var(--s-interactive-primary-default);stroke-dasharray:1, 200;stroke-dashoffset:0;stroke-linecap:round}@keyframes spinner-rotate{100%{transform:rotate(360deg)}}@keyframes spinner-dash{0%{stroke-dasharray:1, 200;stroke-dashoffset:0}50%{stroke-dasharray:89, 200;stroke-dashoffset:-35}100%{stroke-dasharray:89, 200;stroke-dashoffset:-124}}";export{a as swirl_icon_error,o as swirl_inline_error,c as swirl_spinner}

package/dist/swirl-components/p-909f32e4.entry.js

@@ -0,0 +1 @@
+import{r as C,h as e,F as i}from"./p-30e99c25.js";import{c}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},t=c("swirl-icon",`swirl-icon--size-${this.size}`);return e("svg",{key:"1602e968878b7d487734efa503e7eea768fb3e3f","aria-hidden":"true",class:t,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:"4a97065b6ec752ec4911c2d041598a607cc0306e"},e("path",{key:"7ce8f7391b8c6b7d80e31a72528df3b1885cf434",d:"M7.06671 9.20004L5.61671 7.75004C5.49449 7.62782 5.34182 7.5696 5.15871 7.57537C4.97515 7.58071 4.82226 7.64448 4.70004 7.76671C4.57782 7.88893 4.51671 8.04448 4.51671 8.23337C4.51671 8.42226 4.57782 8.57782 4.70004 8.70004L6.60004 10.6C6.72226 10.7223 6.87782 10.7834 7.06671 10.7834C7.2556 10.7834 7.41115 10.7223 7.53337 10.6L11.3167 6.81671C11.4389 6.69449 11.4974 6.5416 11.492 6.35804C11.4863 6.17493 11.4223 6.02226 11.3 5.90004C11.1778 5.77782 11.0223 5.71671 10.8334 5.71671C10.6445 5.71671 10.4889 5.77782 10.3667 5.90004L7.06671 9.20004ZM8.00004 14.6667C7.07782 14.6667 6.21115 14.4916 5.40004 14.1414C4.58893 13.7916 3.88337 13.3167 3.28337 12.7167C2.68337 12.1167 2.20849 11.4112 1.85871 10.6C1.50849 9.78893 1.33337 8.92226 1.33337 8.00004C1.33337 7.07782 1.50849 6.21115 1.85871 5.40004C2.20849 4.58893 2.68337 3.88337 3.28337 3.28337C3.88337 2.68337 4.58893 2.20826 5.40004 1.85804C6.21115 1.50826 7.07782 1.33337 8.00004 1.33337C8.92226 1.33337 9.78893 1.50826 10.6 1.85804C11.4112 2.20826 12.1167 2.68337 12.7167 3.28337C13.3167 3.88337 13.7916 4.58893 14.1414 5.40004C14.4916 6.21115 14.6667 7.07782 14.6667 8.00004C14.6667 8.92226 14.4916 9.78893 14.1414 10.6C13.7916 11.4112 13.3167 12.1167 12.7167 12.7167C12.1167 13.3167 11.4112 13.7916 10.6 14.1414C9.78893 14.4916 8.92226 14.6667 8.00004 14.6667ZM8.00004 13.3334C9.47782 13.3334 10.7363 12.814 11.7754 11.7754C12.814 10.7363 13.3334 9.47782 13.3334 8.00004C13.3334 6.52226 12.814 5.26382 11.7754 4.22471C10.7363 3.18604 9.47782 2.66671 8.00004 2.66671C6.52226 2.66671 5.26404 3.18604 4.22537 4.22471C3.18626 5.26382 2.66671 6.52226 2.66671 8.00004C2.66671 9.47782 3.18626 10.7363 4.22537 11.7754C5.26404 12.814 6.52226 13.3334 8.00004 13.3334Z",fill:"currentColor"})),(20===this.size||24===this.size)&&e(i,{key:"db0cdc2c04b887cb802f9181f8c90ef1b712a3fa"},e("path",{key:"f97dbc44c4c3b379ad69928b782bb4d0c464f7ce",d:"M10.6 13.8L8.425 11.625C8.24167 11.4417 8.01267 11.3543 7.738 11.363C7.46267 11.371 7.23333 11.4667 7.05 11.65C6.86667 11.8333 6.775 12.0667 6.775 12.35C6.775 12.6333 6.86667 12.8667 7.05 13.05L9.9 15.9C10.0833 16.0833 10.3167 16.175 10.6 16.175C10.8833 16.175 11.1167 16.0833 11.3 15.9L16.975 10.225C17.1583 10.0417 17.246 9.81233 17.238 9.537C17.2293 9.26233 17.1333 9.03333 16.95 8.85C16.7667 8.66667 16.5333 8.575 16.25 8.575C15.9667 8.575 15.7333 8.66667 15.55 8.85L10.6 13.8ZM12 22C10.6167 22 9.31667 21.7373 8.1 21.212C6.88333 20.6873 5.825 19.975 4.925 19.075C4.025 18.175 3.31267 17.1167 2.788 15.9C2.26267 14.6833 2 13.3833 2 12C2 10.6167 2.26267 9.31667 2.788 8.1C3.31267 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.31233 8.1 2.787C9.31667 2.26233 10.6167 2 12 2C13.3833 2 14.6833 2.26233 15.9 2.787C17.1167 3.31233 18.175 4.025 19.075 4.925C19.975 5.825 20.6873 6.88333 21.212 8.1C21.7373 9.31667 22 10.6167 22 12C22 13.3833 21.7373 14.6833 21.212 15.9C20.6873 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6873 15.9 21.212C14.6833 21.7373 13.3833 22 12 22ZM12 20C14.2167 20 16.1043 19.221 17.663 17.663C19.221 16.1043 20 14.2167 20 12C20 9.78333 19.221 7.89567 17.663 6.337C16.1043 4.779 14.2167 4 12 4C9.78333 4 7.896 4.779 6.338 6.337C4.77933 7.89567 4 9.78333 4 12C4 14.2167 4.77933 16.1043 6.338 17.663C7.896 19.221 9.78333 20 12 20Z",fill:"currentColor"})),28===this.size&&e(i,{key:"4962df603e5964a38757bfd78b3cc3a88e9629bc"},e("path",{key:"2939bcaf7b1680471e6fdf33efb22d85c0264323",d:"M12.3667 16.1L9.82921 13.5625C9.61532 13.3487 9.34815 13.2468 9.02771 13.2569C8.70649 13.2662 8.43893 13.3778 8.22504 13.5917C8.01115 13.8056 7.90421 14.0778 7.90421 14.4084C7.90421 14.7389 8.01115 15.0112 8.22504 15.225L11.55 18.55C11.7639 18.7639 12.0362 18.8709 12.3667 18.8709C12.6973 18.8709 12.9695 18.7639 13.1834 18.55L19.8042 11.9292C20.0181 11.7153 20.1204 11.4478 20.111 11.1265C20.1009 10.8061 19.9889 10.5389 19.775 10.325C19.5612 10.1112 19.2889 10.0042 18.9584 10.0042C18.6278 10.0042 18.3556 10.1112 18.1417 10.325L12.3667 16.1ZM14 25.6667C12.3862 25.6667 10.8695 25.3603 9.45004 24.7474C8.0306 24.1353 6.79587 23.3042 5.74587 22.2542C4.69587 21.2042 3.86482 19.9695 3.25271 18.55C2.63982 17.1306 2.33337 15.6139 2.33337 14C2.33337 12.3862 2.63982 10.8695 3.25271 9.45004C3.86482 8.0306 4.69587 6.79587 5.74587 5.74587C6.79587 4.69587 8.0306 3.86443 9.45004 3.25154C10.8695 2.63943 12.3862 2.33337 14 2.33337C15.6139 2.33337 17.1306 2.63943 18.55 3.25154C19.9695 3.86443 21.2042 4.69587 22.2542 5.74587C23.3042 6.79587 24.1353 8.0306 24.7474 9.45004C25.3603 10.8695 25.6667 12.3862 25.6667 14C25.6667 15.6139 25.3603 17.1306 24.7474 18.55C24.1353 19.9695 23.3042 21.2042 22.2542 22.2542C21.2042 23.3042 19.9695 24.1353 18.55 24.7474C17.1306 25.3603 15.6139 25.6667 14 25.6667ZM14 23.3334C16.5862 23.3334 18.7884 22.4245 20.6069 20.6069C22.4245 18.7884 23.3334 16.5862 23.3334 14C23.3334 11.4139 22.4245 9.21165 20.6069 7.39321C18.7884 5.57554 16.5862 4.66671 14 4.66671C11.4139 4.66671 9.21204 5.57554 7.39437 7.39321C5.57593 9.21165 4.66671 11.4139 4.66671 14C4.66671 16.5862 5.57593 18.7884 7.39437 20.6069C9.21204 22.4245 11.4139 23.3334 14 23.3334Z",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_tasks}