@getflip/swirl-components-react 0.390.0 → 0.391.0

package/dist/swirl-components-react.umd.cjs

@@ -49,7 +49,7 @@ Check the top-level render call using <`+a1+">.")}return t1}}function IV(N,t1){{
   Copyright (c) 2018 Jed Watson.
   Licensed under the MIT License (MIT), see
   http://jedwatson.github.io/classnames
-*/var wC;function pW(){return wC||(wC=1,function(i){(function(){var e={}.hasOwnProperty;function t(){for(var s=[],r=0;r<arguments.length;r++){var a=arguments[r];if(!!a){var n=typeof a;if(n==="string"||n==="number")s.push(a);else if(Array.isArray(a)){if(a.length){var l=t.apply(null,a);l&&s.push(l)}}else if(n==="object")if(a.toString===Object.prototype.toString)for(var c in a)e.call(a,c)&&a[c]&&s.push(c);else s.push(a.toString())}}return s.join(" ")}i.exports?(t.default=t,i.exports=t):window.classNames=t})()}(Rc)),Rc.exports}var mW=pW(),z=Zc(mW);let z9;const gW=new Uint8Array(16);function wW(){if(!z9&&(z9=typeof crypto<"u"&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto),!z9))throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return z9(gW)}const je=[];for(let i=0;i<256;++i)je.push((i+256).toString(16).slice(1));function yW(i,e=0){return je[i[e+0]]+je[i[e+1]]+je[i[e+2]]+je[i[e+3]]+"-"+je[i[e+4]]+je[i[e+5]]+"-"+je[i[e+6]]+je[i[e+7]]+"-"+je[i[e+8]]+je[i[e+9]]+"-"+je[i[e+10]]+je[i[e+11]]+je[i[e+12]]+je[i[e+13]]+je[i[e+14]]+je[i[e+15]]}var yC={randomUUID:typeof crypto<"u"&&crypto.randomUUID&&crypto.randomUUID.bind(crypto)};function xi(i,e,t){if(yC.randomUUID&&!0&&!i)return yC.randomUUID();i=i||{};const s=i.random||(i.rng||wW)();return s[6]=s[6]&15|64,s[8]=s[8]&63|128,yW(s)}const vW=":host{display:block}:host *{box-sizing:border-box}.accordion-item{display:grid;align-content:start;border-top:0.0625rem solid var(--s-border-default);transition:grid-template-rows 0.15s;grid-template-rows:auto 0fr;will-change:grid-template-rows}@media (prefers-reduced-motion){.accordion-item{transition:none}}.accordion-item--expanded{grid-template-rows:auto 1fr}.accordion-item--expanded .accordion-item__content{padding-top:var(--s-space-16);padding-bottom:var(--s-space-16);animation:accordion-overflow 0.01s;animation-delay:0.15s;animation-fill-mode:forwards}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.accordion-item--expanded .accordion-item__content{padding-top:var(--s-space-8)}}.accordion-item__heading{margin:0;padding:0;font-size:var(--s-font-size-base);font-weight:var(--s-font-weight-semibold)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.accordion-item__heading{font-size:var(--s-font-size-sm)}}.accordion-item__toggle{display:flex;width:100%;padding:0;padding-top:var(--s-space-16);padding-bottom:var(--s-space-16);align-items:center;border:none;color:var(--s-text-default);background-color:var(--swirl-accordion-item-toggle-default);font:inherit;line-height:var(--s-line-height-lg);text-align:start;cursor:pointer;gap:var(--s-space-16)}.accordion-item__toggle:hover{background-color:var(--swirl-accordion-item-toggle-hovered)}.accordion-item__toggle:active{background-color:var(--swirl-accordion-item-toggle-pressed)}.accordion-item__toggle:disabled{color:var(--s-text-disabled);background-color:var(--swirl-accordion-item-toggle-default);cursor:default}.accordion-item__toggle:disabled .text{color:var(--s-text-disabled)}.accordion-item__toggle:focus:not(:focus-visible){outline:none}.accordion-item__toggle:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.accordion-item__toggle{line-height:var(--s-line-height-sm)}}.accordion-item__toggle-text{flex-grow:1}.accordion-item__icon{display:inline-flex;padding-right:var(--s-space-8);flex-shrink:0}.accordion-item__content{overflow:hidden;padding-top:0;padding-bottom:0;transition:padding-top 0.15s, padding-bottom 0.15s;animation:accordion-display 0.01s;animation-delay:0.15s;animation-fill-mode:forwards}@media (prefers-reduced-motion){.accordion-item__content{transition:none}}@keyframes accordion-overflow{from{overflow:hidden}to{overflow:visible}}@keyframes accordion-display{from{display:block}to{display:none}}",vC=class{constructor(i){x(this,i),this.expansionChange=K(this,"expansionChange",7),this.headingLevel=2,this.itemId=xi(),this.expanded=!1,this.headingId=`${xi()}-heading`,this.onHeadingClick=()=>{this.toggle()}}componentWillLoad(){if(this.accordion=this.el.closest("swirl-accordion"),this.expanded=this.initiallyOpen&&!this.disabled||!1,!Boolean(this.accordion))throw new Error("[Swirl] swirl-accordion-item must be a child of a swirl-accordion.")}async collapse(){!this.expanded||this.disabled||(this.expanded=!1,this.expansionChange.emit(this.expanded))}async expand(){this.expanded||this.disabled||(this.expanded=!0,this.expansionChange.emit(this.expanded))}async toggle(){this.expanded?this.collapse():this.expand()}render(){const i=`h${this.headingLevel}`,e=z("accordion-item",{"accordion-item--expanded":this.expanded});return o(q,{key:"06a4cc4c0b8b8d029a6f2ffd998c51688aef59b5"},o("div",{key:"8750b977a5256e4905a48a636ba4837b1d936dee",class:e},o(i,{key:"0e2b9c5ead0ab1eceab4227fe1b1b38ace468025",class:"accordion-item__heading"},o("button",{key:"69a0858555d0821e8206d764ebc82f7d6f495eae","aria-controls":this.itemId,"aria-expanded":String(this.expanded),class:"accordion-item__toggle",disabled:this.disabled,id:this.headingId,onClick:this.onHeadingClick,type:"button"},o("span",{key:"a6b30d5425f1456e48bdf43a3410bf75caa5a105",class:"accordion-item__toggle-text"},this.heading,this.description&&o("swirl-text",{key:"a218dd88bdefbff4a613efa38e2a5a0534d56148",as:"span",color:"subdued",size:"sm"},this.description)),o("span",{key:"3a8f809a4466e336abd07d54a0563b1c3b28fb1b",class:"accordion-item__icon"},!this.expanded&&o("swirl-icon",{key:"3eb99a0da7d0dd9114fc09398f77c4304131de26",glyph:"chevron-right",size:20}),this.expanded&&o("swirl-icon",{key:"212e41374b152b16812b1deeeb31b9aa03edd510",glyph:"expand-more",size:20})))),o("div",{key:"1bb75d431bf46f81afa2d01cb8ce4b41bc82b828","aria-labelledby":this.headingId,class:"accordion-item__content",id:this.itemId,role:"region"},o("slot",{key:"79a7d5faf6a57211dd4d9d09c00b7f608ef2663d"}))))}get el(){return h1(this)}};vC.style=vW;const _C=Object.freeze(Object.defineProperty({__proto__:null,swirl_accordion_item:vC},Symbol.toStringTag,{value:"Module"})),_W=":host{display:block;width:100%}:host *{box-sizing:border-box}.action-list-section{background-color:var(--s-surface-overlay-default)}.action-list-section__label{display:block;width:100%;padding:var(--s-space-8) var(--s-space-16);color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.action-list-section__label{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);padding:var(--s-space-8) var(--s-space-12)}}",xC=class{constructor(i){x(this,i),this.separatorSpacing="4",this.spacing="0",this.hasSeparator=!1}render(){return o(q,{key:"bc6aafa0d628dcc11851822cba74bb2dd8a3354c"},this.hasSeparator&&o("swirl-separator",{key:"38ed66d704bd8e72845f5709c3d061353e9fde1b",spacing:this.separatorSpacing}),o("div",{key:"ba2e3ba623087c0c7730c7b0aba28283c1af2ee5","aria-labelledby":"label",class:"action-list-section",role:"group"},o("span",{key:"fbbacc3ed2d7546ffc53d60addc446f4b87e2a77",class:"action-list-section__label",id:"label",part:"action-list-section__label"},this.label),o("swirl-stack",{key:"d130147da2d710c10583b624e5481e1ca0175b7d",spacing:this.spacing,align:"stretch"},o("slot",{key:"3856b974f11544c3239c57f0e40de16ecc53de6f"}))))}};xC.style=_W;const kC=Object.freeze(Object.defineProperty({__proto__:null,swirl_action_list_section:xC},Symbol.toStringTag,{value:"Module"})),xW=':host{display:block;overflow-x:auto;width:100%}:host *{box-sizing:border-box}.app-bar{display:flex;min-height:3.5rem;padding-right:var(--s-space-16);padding-left:var(--s-space-16);align-items:center;gap:var(--s-space-16)}.app-bar--has-cta .app-bar__cta{display:block}.app-bar:not(.app-bar--has-right-controls) .app-bar__right-controls{display:none}.app-bar__left-controls{display:flex;min-width:0;flex-shrink:0;align-items:center;gap:var(--s-space-16)}.app-bar__main-navigation-control{flex-shrink:0}.app-bar__cta{display:none}.app-bar__heading{display:flex;min-width:10rem;flex-grow:1;align-items:center}@media (min-width: 992px){.app-bar__heading{min-width:0;flex-grow:0}}.app-bar__stepper-controls{position:relative;display:flex;flex-shrink:0;gap:var(--s-space-4)}.app-bar__stepper-controls:not(:first-child){padding-left:var(--s-space-16)}.app-bar__stepper-controls:not(:first-child):after{position:absolute;top:50%;left:0;width:var(--s-border-width-default);height:1.25rem;background-color:var(--s-border-default);content:"";transform:translateY(-50%)}.app-bar__center-controls{display:none;flex-grow:1;justify-content:center;align-items:center}@media (min-width: 992px){.app-bar__center-controls{display:flex}}.app-bar:not(.app-bar--has-heading) .app-bar__center-controls{display:flex}.app-bar:not(.app-bar--has-heading) .app-bar__heading{display:none}.app-bar__right-controls{display:flex;min-width:0;flex-shrink:0;justify-content:flex-end;align-items:center}',SC=class{constructor(i){x(this,i),this.backButtonClick=K(this,"backButtonClick",7),this.closeButtonClick=K(this,"closeButtonClick",7),this.stepUpButtonClick=K(this,"stepUpButtonClick",7),this.stepDownButtonClick=K(this,"stepDownButtonClick",7),this.backButtonLabel="Go back",this.closeButtonIcon="<swirl-icon-close></swirl-icon-close>",this.closeButtonLabel="Close",this.paddingInlineEnd="16",this.paddingInlineStart="16",this.stepUpButtonLabel="Previous item",this.stepDownButtonLabel="Next item",this.showHeading=!0,this.onBackButtonClick=e=>{this.backButtonClick.emit(e)},this.onCloseButtonClick=e=>{this.closeButtonClick.emit(e)},this.onStepUpButtonClick=e=>{this.stepUpButtonClick.emit(e)},this.onStepDownButtonClick=e=>{this.stepDownButtonClick.emit(e)}}componentWillLoad(){this.mutationObserver=new MutationObserver(()=>{this.updateCtaStatus()}),this.mutationObserver.observe(this.el,{childList:!0}),queueMicrotask(()=>{this.updateCtaStatus()})}disconnectedCallback(){var i;(i=this.mutationObserver)==null||i.disconnect()}updateCtaStatus(){this.hasCta=Boolean(this.el.querySelector('[slot="cta"]'))}render(){const i=this.showBackButton||this.showCloseButton||this.showStepperControls,e=Boolean(this.el.querySelector('[slot="right-controls"]')),t=Boolean(this.el.querySelector('[slot="heading"]')),s=z("app-bar",{"app-bar--has-cta":this.hasCta,"app-bar--has-right-controls":e,"app-bar--has-heading":t&&this.showHeading}),r={paddingInlineEnd:`var(--s-space-${this.paddingInlineEnd})`,paddingInlineStart:`var(--s-space-${this.paddingInlineStart})`};return o(q,{key:"2fc2dc7672ca8ab6c3ea4a2bea33d52730eaea3f"},o("div",{key:"853eac25f0092f4e3c9159bcb928f953026c6e87",class:s,style:r},i&&o("div",{key:"272353acea74c10e90d43d894fb535d65fcb1af3",class:"app-bar__left-controls"},(this.showBackButton||this.showCloseButton)&&o("div",{key:"04b34c7a362ca98d02e4692da4e11196122e4d2a",class:"app-bar__main-navigation-control"},this.showBackButton&&o("swirl-button",{key:"82188c1a465798ef652ee7a642bf038ccdd21d5a",hideLabel:!0,icon:"<swirl-icon-arrow-back></swirl-icon-arrow-back>",label:this.backButtonLabel,onClick:this.onBackButtonClick}),this.showCloseButton&&o("swirl-button",{key:"9a31265626092d9079b4b4a27461b483e489fff9",hideLabel:!0,icon:this.closeButtonIcon,label:this.closeButtonLabel,onClick:this.onCloseButtonClick})),this.showStepperControls&&o("div",{key:"0b089aedecaf8f42a9d656174fc93dd5837dbe7c",class:"app-bar__stepper-controls"},o("swirl-button",{key:"8a5a2de50ae5c53e2b9af7ab9597f9988d476863",hideLabel:!0,icon:"<swirl-icon-arrow-upward></swirl-icon-arrow-upward>",label:this.stepUpButtonLabel,onClick:this.onStepUpButtonClick}),o("swirl-button",{key:"090451b7e112346d617018aae45782af57924276",hideLabel:!0,icon:"<swirl-icon-arrow-downward></swirl-icon-arrow-downward>",label:this.stepDownButtonLabel,onClick:this.onStepDownButtonClick}))),o("div",{key:"caf1b7b3e2d6a9f3fd45080b47200ba23f06de2f",class:"app-bar__cta"},o("slot",{key:"f8a5d105b77db1f107dac0364e56f8fc498d22b5",name:"cta"})),o("div",{key:"a3d5e082c9c2957791fc5aa1fd767d466acf70dc",class:"app-bar__heading"},o("slot",{key:"a3188a9e1ab5b93d645293074ba6930e8a88df32",name:"heading"})),o("div",{key:"0466ef640baf9d738f48c221ceb99446f3dcb352",class:"app-bar__center-controls"},o("slot",{key:"56cf69f32c293072015f45bfe017627bf61706c7",name:"center-controls"})),o("div",{key:"d24c3205c5c6f6b8cee93590694c71fb87a9307b",class:"app-bar__right-controls"},o("slot",{key:"bc29b52f8e205b03e48449cfb05f57b5b348766d",name:"right-controls"}))))}get el(){return h1(this)}};SC.style=xW;const zC=Object.freeze(Object.defineProperty({__proto__:null,swirl_app_bar:SC},Symbol.toStringTag,{value:"Module"})),kW=":host{display:inline-flex}:host *{box-sizing:border-box}.app-icon{position:relative;overflow:hidden;width:var(--swirl-app-icon-size);height:var(--swirl-app-icon-size);border-radius:var(--s-border-radius-sm)}.app-icon>img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.app-icon__icon{display:inline-flex;width:100%;height:100%;justify-content:center;align-items:center}",LC=class{constructor(i){x(this,i),this.setImageAvailable=()=>{this.imageAvailable=!0},this.setImageUnavailable=()=>{this.imageAvailable=!1},this.onImageElementUpdate=e=>{var t,s;(t=this.imgEl)==null||t.removeEventListener("load",this.setImageAvailable),(s=this.imgEl)==null||s.removeEventListener("error",this.setImageUnavailable),this.imgEl=e,this.imgEl&&(this.imgEl.addEventListener("load",this.setImageAvailable),this.imgEl.addEventListener("error",this.setImageUnavailable))}}disconnectedCallback(){var i,e;(i=this.imgEl)==null||i.removeEventListener("load",this.setImageAvailable),(e=this.imgEl)==null||e.removeEventListener("error",this.setImageUnavailable)}render(){const i=Boolean(this.src)&&(this.imageAvailable||this.imageAvailable===void 0),e=!i&&Boolean(this.icon),s=z("app-icon",{"app-icon--has-icon":e||!i&&!e});return o(q,{key:"a67ec134c77b8781beb3fc5b310e4d2fe7dbeed8"},o("span",{key:"669857854052455b35268f5c3b5225def06851a9",class:s},i&&o("img",{key:"a5a91f3cb43e92830b1089ecfc179eb2e80b062b",alt:"",height:"256",ref:this.onImageElementUpdate,src:this.src,width:"256"}),e&&o("span",{key:"8d68a1aff13aa5e50ff9f54b5c5e00b1ec1dd7c0",class:"app-icon__icon",innerHTML:this.icon})))}};LC.style=kW;const MC=Object.freeze(Object.defineProperty({__proto__:null,swirl_app_icon:LC},Symbol.toStringTag,{value:"Module"}));function Oo(i){return i.split("-")[1]}function Nc(i){return i==="y"?"height":"width"}function ki(i){return i.split("-")[0]}function Bo(i){return["top","bottom"].includes(ki(i))?"x":"y"}function IC(i,e,t){let{reference:s,floating:r}=i;const a=s.x+s.width/2-r.width/2,n=s.y+s.height/2-r.height/2,l=Bo(e),c=Nc(l),h=s[c]/2-r[c]/2,u=l==="x";let f;switch(ki(e)){case"top":f={x:a,y:s.y-r.height};break;case"bottom":f={x:a,y:s.y+s.height};break;case"right":f={x:s.x+s.width,y:n};break;case"left":f={x:s.x-r.width,y:n};break;default:f={x:s.x,y:s.y}}switch(Oo(e)){case"start":f[l]-=h*(t&&u?-1:1);break;case"end":f[l]+=h*(t&&u?-1:1)}return f}const SW=async(i,e,t)=>{const{placement:s="bottom",strategy:r="absolute",middleware:a=[],platform:n}=t,l=a.filter(Boolean),c=await(n.isRTL==null?void 0:n.isRTL(e));let h=await n.getElementRects({reference:i,floating:e,strategy:r}),{x:u,y:f}=IC(h,s,c),C=s,p={},m=0;for(let g=0;g<l.length;g++){const{name:_,fn:S}=l[g],{x:M,y:H,data:V,reset:P}=await S({x:u,y:f,initialPlacement:s,placement:C,strategy:r,middlewareData:p,rects:h,platform:n,elements:{reference:i,floating:e}});u=M!=null?M:u,f=H!=null?H:f,p={...p,[_]:{...p[_],...V}},P&&m<=50&&(m++,typeof P=="object"&&(P.placement&&(C=P.placement),P.rects&&(h=P.rects===!0?await n.getElementRects({reference:i,floating:e,strategy:r}):P.rects),{x:u,y:f}=IC(h,C,c)),g=-1)}return{x:u,y:f,placement:C,strategy:r,middlewareData:p}};function HC(i){return typeof i!="number"?function(e){return{top:0,right:0,bottom:0,left:0,...e}}(i):{top:i,right:i,bottom:i,left:i}}function L9(i){return{...i,top:i.y,left:i.x,right:i.x+i.width,bottom:i.y+i.height}}async function PC(i,e){var t;e===void 0&&(e={});const{x:s,y:r,platform:a,rects:n,elements:l,strategy:c}=i,{boundary:h="clippingAncestors",rootBoundary:u="viewport",elementContext:f="floating",altBoundary:C=!1,padding:p=0}=e,m=HC(p),g=l[C?f==="floating"?"reference":"floating":f],_=L9(await a.getClippingRect({element:(t=await(a.isElement==null?void 0:a.isElement(g)))==null||t?g:g.contextElement||await(a.getDocumentElement==null?void 0:a.getDocumentElement(l.floating)),boundary:h,rootBoundary:u,strategy:c})),S=f==="floating"?{...n.floating,x:s,y:r}:n.reference,M=await(a.getOffsetParent==null?void 0:a.getOffsetParent(l.floating)),H=await(a.isElement==null?void 0:a.isElement(M))&&await(a.getScale==null?void 0:a.getScale(M))||{x:1,y:1},V=L9(a.convertOffsetParentRelativeRectToViewportRelativeRect?await a.convertOffsetParentRelativeRectToViewportRelativeRect({rect:S,offsetParent:M,strategy:c}):S);return{top:(_.top-V.top+m.top)/H.y,bottom:(V.bottom-_.bottom+m.bottom)/H.y,left:(_.left-V.left+m.left)/H.x,right:(V.right-_.right+m.right)/H.x}}const zW=Math.min,LW=Math.max;function jc(i,e,t){return LW(i,zW(e,t))}const MW=i=>({name:"arrow",options:i,async fn(e){const{element:t,padding:s=0}=i||{},{x:r,y:a,placement:n,rects:l,platform:c,elements:h}=e;if(t==null)return{};const u=HC(s),f={x:r,y:a},C=Bo(n),p=Nc(C),m=await c.getDimensions(t),g=C==="y",_=g?"top":"left",S=g?"bottom":"right",M=g?"clientHeight":"clientWidth",H=l.reference[p]+l.reference[C]-f[C]-l.floating[p],V=f[C]-l.reference[C],P=await(c.getOffsetParent==null?void 0:c.getOffsetParent(t));let T=P?P[M]:0;T&&await(c.isElement==null?void 0:c.isElement(P))||(T=h.floating[M]||l.floating[p]);const $=H/2-V/2,A=u[_],E=T-m[p]-u[S],Z=T/2-m[p]/2+$,R=jc(A,Z,E),O=Oo(n)!=null&&Z!=R&&l.reference[p]/2-(Z<A?u[_]:u[S])-m[p]/2<0;return{[C]:f[C]-(O?Z<A?A-Z:E-Z:0),data:{[C]:R,centerOffset:Z-R}}}});["top","right","bottom","left"].reduce((i,e)=>i.concat(e,e+"-start",e+"-end"),[]);const IW={left:"right",right:"left",bottom:"top",top:"bottom"};function M9(i){return i.replace(/left|right|bottom|top/g,e=>IW[e])}function HW(i,e,t){t===void 0&&(t=!1);const s=Oo(i),r=Bo(i),a=Nc(r);let n=r==="x"?s===(t?"end":"start")?"right":"left":s==="start"?"bottom":"top";return e.reference[a]>e.floating[a]&&(n=M9(n)),{main:n,cross:M9(n)}}const PW={start:"end",end:"start"};function Fc(i){return i.replace(/start|end/g,e=>PW[e])}const Uc=function(i){return i===void 0&&(i={}),{name:"flip",options:i,async fn(e){var t;const{placement:s,middlewareData:r,rects:a,initialPlacement:n,platform:l,elements:c}=e,{mainAxis:h=!0,crossAxis:u=!0,fallbackPlacements:f,fallbackStrategy:C="bestFit",fallbackAxisSideDirection:p="none",flipAlignment:m=!0,...g}=i,_=ki(s),S=ki(n)===n,M=await(l.isRTL==null?void 0:l.isRTL(c.floating)),H=f||(S||!m?[M9(n)]:function(R){const O=M9(R);return[Fc(R),O,Fc(O)]}(n));f||p==="none"||H.push(...function(R,O,D,U){const F=Oo(R);let B=function(j,W,Y){const o1=["left","right"],C1=["right","left"],Q=["top","bottom"],r1=["bottom","top"];switch(j){case"top":case"bottom":return Y?W?C1:o1:W?o1:C1;case"left":case"right":return W?Q:r1;default:return[]}}(ki(R),D==="start",U);return F&&(B=B.map(j=>j+"-"+F),O&&(B=B.concat(B.map(Fc)))),B}(n,m,p,M));const V=[n,...H],P=await PC(e,g),T=[];let $=((t=r.flip)==null?void 0:t.overflows)||[];if(h&&T.push(P[_]),u){const{main:R,cross:O}=HW(s,a,M);T.push(P[R],P[O])}if($=[...$,{placement:s,overflows:T}],!T.every(R=>R<=0)){var A,E;const R=(((A=r.flip)==null?void 0:A.index)||0)+1,O=V[R];if(O)return{data:{index:R,overflows:$},reset:{placement:O}};let D=(E=$.filter(U=>U.overflows[0]<=0).sort((U,F)=>U.overflows[1]-F.overflows[1])[0])==null?void 0:E.placement;if(!D)switch(C){case"bestFit":{var Z;const U=(Z=$.map(F=>[F.placement,F.overflows.filter(B=>B>0).reduce((B,j)=>B+j,0)]).sort((F,B)=>F[1]-B[1])[0])==null?void 0:Z[0];U&&(D=U);break}case"initialPlacement":D=n}if(s!==D)return{reset:{placement:D}}}return{}}}},Do=function(i){return i===void 0&&(i=0),{name:"offset",options:i,async fn(e){const{x:t,y:s}=e,r=await async function(a,n){const{placement:l,platform:c,elements:h}=a,u=await(c.isRTL==null?void 0:c.isRTL(h.floating)),f=ki(l),C=Oo(l),p=Bo(l)==="x",m=["left","top"].includes(f)?-1:1,g=u&&p?-1:1,_=typeof n=="function"?n(a):n;let{mainAxis:S,crossAxis:M,alignmentAxis:H}=typeof _=="number"?{mainAxis:_,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,..._};return C&&typeof H=="number"&&(M=C==="end"?-1*H:H),p?{x:M*g,y:S*m}:{x:S*m,y:M*g}}(e,i);return{x:t+r.x,y:s+r.y,data:r}}}};function EW(i){return i==="x"?"y":"x"}const I9=function(i){return i===void 0&&(i={}),{name:"shift",options:i,async fn(e){const{x:t,y:s,placement:r}=e,{mainAxis:a=!0,crossAxis:n=!1,limiter:l={fn:_=>{let{x:S,y:M}=_;return{x:S,y:M}}},...c}=i,h={x:t,y:s},u=await PC(e,c),f=Bo(ki(r)),C=EW(f);let p=h[f],m=h[C];if(a){const _=f==="y"?"bottom":"right";p=jc(p+u[f==="y"?"top":"left"],p,p-u[_])}if(n){const _=C==="y"?"bottom":"right";m=jc(m+u[C==="y"?"top":"left"],m,m-u[_])}const g=l.fn({...e,[f]:p,[C]:m});return{...g,data:{x:g.x-t,y:g.y-s}}}}};function EC(i){return i&&i.document&&i.location&&i.alert&&i.setInterval}function z2(i){if(i==null)return window;if(!EC(i)){const e=i.ownerDocument;return e&&e.defaultView||window}return i}function j3(i){return z2(i).getComputedStyle(i)}function L2(i){return EC(i)?"":i?(i.nodeName||"").toLowerCase():""}function AC(){const i=navigator.userAgentData;return i!=null&&i.brands?i.brands.map(e=>e.brand+"/"+e.version).join(" "):navigator.userAgent}function F3(i){return i instanceof z2(i).HTMLElement}function v6(i){return i instanceof z2(i).Element}function w5(i){return typeof ShadowRoot>"u"?!1:i instanceof z2(i).ShadowRoot||i instanceof ShadowRoot}function H9(i){const{overflow:e,overflowX:t,overflowY:s}=j3(i);return/auto|scroll|overlay|hidden/.test(e+s+t)}function AW(i){return["table","td","th"].includes(L2(i))}function VC(i){const e=/firefox/i.test(AC()),t=j3(i);return t.transform!=="none"||t.perspective!=="none"||t.contain==="paint"||["transform","perspective"].includes(t.willChange)||e&&t.willChange==="filter"||e&&!!t.filter&&t.filter!=="none"}function TC(){return!/^((?!chrome|android).)*safari/i.test(AC())}const $C=Math.min,Zo=Math.max,P9=Math.round;function M2(i,e,t){var s,r,a,n;e===void 0&&(e=!1),t===void 0&&(t=!1);const l=i.getBoundingClientRect();let c=1,h=1;e&&F3(i)&&(c=i.offsetWidth>0&&P9(l.width)/i.offsetWidth||1,h=i.offsetHeight>0&&P9(l.height)/i.offsetHeight||1);const u=v6(i)?z2(i):window,f=!TC()&&t,C=(l.left+(f&&(s=(r=u.visualViewport)==null?void 0:r.offsetLeft)!=null?s:0))/c,p=(l.top+(f&&(a=(n=u.visualViewport)==null?void 0:n.offsetTop)!=null?a:0))/h,m=l.width/c,g=l.height/h;return{width:m,height:g,top:p,right:C+m,bottom:p+g,left:C,x:C,y:p}}function _6(i){return(e=i,(e instanceof z2(e).Node?i.ownerDocument:i.document)||window.document).documentElement;var e}function E9(i){return v6(i)?{scrollLeft:i.scrollLeft,scrollTop:i.scrollTop}:{scrollLeft:i.pageXOffset,scrollTop:i.pageYOffset}}function OC(i){return M2(_6(i)).left+E9(i).scrollLeft}function VW(i,e,t){const s=F3(e),r=_6(e),a=M2(i,s&&function(c){const h=M2(c);return P9(h.width)!==c.offsetWidth||P9(h.height)!==c.offsetHeight}(e),t==="fixed");let n={scrollLeft:0,scrollTop:0};const l={x:0,y:0};if(s||!s&&t!=="fixed")if((L2(e)!=="body"||H9(r))&&(n=E9(e)),F3(e)){const c=M2(e,!0);l.x=c.x+e.clientLeft,l.y=c.y+e.clientTop}else r&&(l.x=OC(r));return{x:a.left+n.scrollLeft-l.x,y:a.top+n.scrollTop-l.y,width:a.width,height:a.height}}function BC(i){return L2(i)==="html"?i:i.assignedSlot||i.parentNode||(w5(i)?i.host:null)||_6(i)}function DC(i){return F3(i)&&j3(i).position!=="fixed"?function(e){let{offsetParent:t}=e,s=e,r=!1;for(;s&&s!==t;){const{assignedSlot:a}=s;if(a){let n=a.offsetParent;if(j3(a).display==="contents"){const l=a.hasAttribute("style"),c=a.style.display;a.style.display=j3(s).display,n=a.offsetParent,a.style.display=c,l||a.removeAttribute("style")}s=a,t!==n&&(t=n,r=!0)}else if(w5(s)&&s.host&&r)break;s=w5(s)&&s.host||s.parentNode}return t}(i):null}function Wc(i){const e=z2(i);let t=DC(i);for(;t&&AW(t)&&j3(t).position==="static";)t=DC(t);return t&&(L2(t)==="html"||L2(t)==="body"&&j3(t).position==="static"&&!VC(t))?e:t||function(s){let r=BC(s);for(w5(r)&&(r=r.host);F3(r)&&!["html","body"].includes(L2(r));){if(VC(r))return r;{const a=r.parentNode;r=w5(a)?a.host:a}}return null}(i)||e}function ZC(i){if(F3(i))return{width:i.offsetWidth,height:i.offsetHeight};const e=M2(i);return{width:e.width,height:e.height}}function RC(i){const e=BC(i);return["html","body","#document"].includes(L2(e))?i.ownerDocument.body:F3(e)&&H9(e)?e:RC(e)}function A9(i,e){var t;e===void 0&&(e=[]);const s=RC(i),r=s===((t=i.ownerDocument)==null?void 0:t.body),a=z2(s),n=r?[a].concat(a.visualViewport||[],H9(s)?s:[]):s,l=e.concat(n);return r?l:l.concat(A9(n))}function NC(i,e,t){return e==="viewport"?L9(function(s,r){const a=z2(s),n=_6(s),l=a.visualViewport;let c=n.clientWidth,h=n.clientHeight,u=0,f=0;if(l){c=l.width,h=l.height;const C=TC();(C||!C&&r==="fixed")&&(u=l.offsetLeft,f=l.offsetTop)}return{width:c,height:h,x:u,y:f}}(i,t)):v6(e)?function(s,r){const a=M2(s,!1,r==="fixed"),n=a.top+s.clientTop,l=a.left+s.clientLeft;return{top:n,left:l,x:l,y:n,right:l+s.clientWidth,bottom:n+s.clientHeight,width:s.clientWidth,height:s.clientHeight}}(e,t):L9(function(s){var r;const a=_6(s),n=E9(s),l=(r=s.ownerDocument)==null?void 0:r.body,c=Zo(a.scrollWidth,a.clientWidth,l?l.scrollWidth:0,l?l.clientWidth:0),h=Zo(a.scrollHeight,a.clientHeight,l?l.scrollHeight:0,l?l.clientHeight:0);let u=-n.scrollLeft+OC(s);const f=-n.scrollTop;return j3(l||a).direction==="rtl"&&(u+=Zo(a.clientWidth,l?l.clientWidth:0)-c),{width:c,height:h,x:u,y:f}}(_6(i)))}function TW(i){const e=A9(i),t=["absolute","fixed"].includes(j3(i).position)&&F3(i)?Wc(i):i;return v6(t)?e.filter(s=>v6(s)&&function(r,a){const n=a.getRootNode==null?void 0:a.getRootNode();if(r.contains(a))return!0;if(n&&w5(n)){let l=a;do{if(l&&r===l)return!0;l=l.parentNode||l.host}while(l)}return!1}(s,t)&&L2(s)!=="body"):[]}const $W={getClippingRect:function(i){let{element:e,boundary:t,rootBoundary:s,strategy:r}=i;const a=[...t==="clippingAncestors"?TW(e):[].concat(t),s],n=a[0],l=a.reduce((c,h)=>{const u=NC(e,h,r);return c.top=Zo(u.top,c.top),c.right=$C(u.right,c.right),c.bottom=$C(u.bottom,c.bottom),c.left=Zo(u.left,c.left),c},NC(e,n,r));return{width:l.right-l.left,height:l.bottom-l.top,x:l.left,y:l.top}},convertOffsetParentRelativeRectToViewportRelativeRect:function(i){let{rect:e,offsetParent:t,strategy:s}=i;const r=F3(t),a=_6(t);if(t===a)return e;let n={scrollLeft:0,scrollTop:0};const l={x:0,y:0};if((r||!r&&s!=="fixed")&&((L2(t)!=="body"||H9(a))&&(n=E9(t)),F3(t))){const c=M2(t,!0);l.x=c.x+t.clientLeft,l.y=c.y+t.clientTop}return{...e,x:e.x-n.scrollLeft+l.x,y:e.y-n.scrollTop+l.y}},isElement:v6,getDimensions:ZC,getOffsetParent:Wc,getDocumentElement:_6,getElementRects:i=>{let{reference:e,floating:t,strategy:s}=i;return{reference:VW(e,Wc(t),s),floating:{...ZC(t),x:0,y:0}}},getClientRects:i=>Array.from(i.getClientRects()),isRTL:i=>j3(i).direction==="rtl"};function V9(i,e,t,s){s===void 0&&(s={});const{ancestorScroll:r=!0,ancestorResize:a=!0,elementResize:n=!0,animationFrame:l=!1}=s,c=r&&!l,h=a&&!l,u=c||h?[...v6(i)?A9(i):[],...A9(e)]:[];u.forEach(m=>{c&&m.addEventListener("scroll",t,{passive:!0}),h&&m.addEventListener("resize",t)});let f,C=null;if(n){let m=!0;C=new ResizeObserver(()=>{m||t(),m=!1}),v6(i)&&!l&&C.observe(i),C.observe(e)}let p=l?M2(i):null;return l&&function m(){const g=M2(i);!p||g.x===p.x&&g.y===p.y&&g.width===p.width&&g.height===p.height||t(),p=g,f=requestAnimationFrame(m)}(),t(),()=>{var m;u.forEach(g=>{c&&g.removeEventListener("scroll",t),h&&g.removeEventListener("resize",t)}),(m=C)==null||m.disconnect(),C=null,l&&cancelAnimationFrame(f)}}const T9=(i,e,t)=>SW(i,e,{platform:$W,...t});function zt(i,e){return i?i instanceof ShadowRoot?zt(i.host,e):i instanceof HTMLElement&&i.matches(e)?i:zt(i.parentNode,e):null}function OW(i,e){let t=i;for(;t!==null;){if(t===e)return!0;t=t.parentNode,t instanceof ShadowRoot&&(t=t.host)}return!1}function Si(i=document){const e=i.activeElement;if(!!Boolean(e))return Boolean(e.shadowRoot)?Si(e.shadowRoot):e}const BW=()=>document.documentElement.classList.contains("disable-desktop-style-tweaks")?window.matchMedia(null):window.matchMedia("(min-width: 992px) and (max-width: 1439px) and (hover: hover), (min-width: 1440px)");function _3(i,e,t=!1){let s;return async function(){const a=this,n=arguments,l=function(){s=null,t||i.apply(a,n)},c=t&&!Boolean(s);clearTimeout(s),s=setTimeout(l,e),c&&i.apply(a,n)}}function DW(i,e){const t=e.scrollTop,s=t+e.clientHeight,r=e.getBoundingClientRect(),l={top:i.getBoundingClientRect().top-r.top}.top+t,c=l+i.offsetHeight,h=l<t?t:l;return(c>s?s:c)-h}function ye(){return!window.matchMedia("(min-width: 768px)").matches}function Gc(){return window.matchMedia("(min-width: 992px)").matches}function Yc(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches}function zi(i,e,t=[]){return i?i instanceof ShadowRoot?zi(i.host,e,t):i instanceof HTMLElement&&i.matches(e)?zi(i.parentNode,e,[...t,i]):zi(i.parentNode,e,t):t}function Ie(i,e){function t(r,a){if(!Boolean(a))return[];const n=Array.from(a.querySelectorAll(r)),l=Boolean(window.HTMLSlotElement)&&a instanceof HTMLSlotElement?a.assignedElements():[],c=[...Array.from(a.children),...l],h=a.shadowRoot,u=t(r,h);return[...n,...c.map(C=>t(r,C)).flat(),...u]}return t(e,i).filter((r,a,n)=>!n.some((l,c)=>l.isSameNode(r)&&c>a))}function jC(i){const e=new Date(i);return e.setMinutes(e.getMinutes()+e.getTimezoneOffset()),e}function ZW(i){if(i instanceof Date)return`${i.getFullYear()}-${String(i.getMonth()+1).padStart(2,"0")}-${String(i.getDate()).padStart(2,"0")}`}function Kc(i,e){return(i%e+e)%e}function Xc(i){return["image/jpeg","image/png","image/avif","image/gif","image/webp"].includes(i)}function RW(i){return i.startsWith("video/")}function NW(i){return i.startsWith("audio/")}function jW(i){return i.startsWith("application/pdf")}function FW(i){return i.startsWith("application/zip")||i.startsWith("application/x-zip")||i.startsWith("application/vnd.rar")||i.startsWith("application/x-7z")||i.startsWith("application/x-tar")||i.startsWith("application/x-gzip")}function UW(i){return i.startsWith("application/msword")||i.startsWith("application/vnd.openxmlformats-officedocument.wordprocessingml.document")||i.startsWith("application/vnd.apple.pages")}const WW=".sc-swirl-autocomplete-h{display:block}.sc-swirl-autocomplete-h *.sc-swirl-autocomplete{box-sizing:border-box}.autocomplete--inactive.sc-swirl-autocomplete .autocomplete__listbox-container.sc-swirl-autocomplete{display:none}.autocomplete__listbox-container.sc-swirl-autocomplete{position:fixed;z-index:var(--s-z-40);overflow-x:hidden;overflow-y:auto;max-height:18rem;padding-top:var(--s-space-8);padding-bottom:var(--s-space-8);border-radius:var(--s-border-radius-sm);background-color:var(--s-surface-overlay-default);animation:autocomplete-enter 0.1s;box-shadow:var(--s-shadow-level-1)}.autocomplete__listbox-container.sc-swirl-autocomplete:empty{display:none}.autocomplete__spinner.sc-swirl-autocomplete{display:flex;padding:var(--s-space-16);justify-content:center;align-items:center}.autocomplete__multi-select-tags.sc-swirl-autocomplete{margin-top:var(--swirl-autocomplete-tags-margin-top);margin-bottom:var(--s-space-4)}@keyframes autocomplete-enter{from{opacity:0}to{opacity:1}}",FC=class{constructor(i){x(this,i),this.valueChange=K(this,"valueChange",7),this.clearable=!0,this.clearButtonLabel="Clear input",this.generateSuggestions=async()=>[],this.menuLabel="Suggestions",this.active=!1,this.loading=!1,this.suggestions=[],this.onChange=e=>{e.stopPropagation(),this.updateTerm(e)},this.updateTerm=_3(async e=>{this.updateSuggestions(e.detail),this.open(),!this.multiSelect&&(!Boolean(e.detail)||e.detail==="")&&(this.value=void 0,this.valueChange.emit(this.value))},250,!1),this.onSelect=async e=>{if(e.stopPropagation(),this.multiSelect){const t=e.detail,s=this.suggestions.filter(a=>!t.includes(a.id)).map(a=>a.id);this.value=[...this.value.filter(a=>!s.includes(a.id)),...this.suggestions.filter(a=>t.includes(a.id)&&!this.value.some(n=>n.id===a.id))],this.valueChange.emit(this.value),this.inputEl.value="";const r=this.inputEl.querySelector("input");Boolean(r)&&(r.value="",queueMicrotask(()=>{r.focus(),this.close()}),this.updateSuggestions(r.value))}else if(Boolean(e.detail[0])){const t=e.detail[0],s=this.suggestions.find(r=>r.id===t);if(!Boolean(s))return;this.value=s,this.valueChange.emit(this.value),queueMicrotask(()=>{var r;(r=this.inputEl.querySelector("input"))==null||r.focus(),this.close()})}},this.onRemoveValue=e=>{!Array.isArray(this.value)||(this.value=this.value.filter(t=>t.id!==e),this.valueChange.emit(this.value))},this.onFocusOut=e=>{const t=e.relatedTarget;Boolean(t)&&!this.el.contains(t)&&this.close()},this.onFocus=()=>{this.updateSuggestions(),this.open()},this.onKeyDown=e=>{e.code==="Escape"&&(e.preventDefault(),e.stopPropagation(),this.inputEl.querySelector("input").focus(),this.close())},this.onInputKeyDown=e=>{var t,s;e.code==="ArrowDown"&&(e.preventDefault(),(s=(t=this.listboxEl.querySelector('[role="listbox"]'))==null?void 0:t.querySelector('[tabIndex="0"]'))==null||s.focus())}}componentWillLoad(){const i=document.querySelectorAll("swirl-datepicker").length;this.id=`autocomplete-${i}`,this.handleInitialValue()}onWindowClick(i){const e=i.target;this.el.contains(e)||this.close()}watchMultiSelect(){this.handleInitialValue()}async close(){var e;if(!this.active)return;this.disableAutoUpdate&&this.disableAutoUpdate();const i=this.inputEl.querySelector("input");Boolean(i)&&(this.multiSelect?i.value="":i.value=((e=this.value)==null?void 0:e.label)||""),this.active=!1}async open(){this.active||(this.active=!0,requestAnimationFrame(async()=>{await this.reposition(),this.disableAutoUpdate&&this.disableAutoUpdate(),this.disableAutoUpdate=V9(this.inputEl,this.listboxContainerEl,this.reposition.bind(this),{animationFrame:!0}),this.listboxContainerEl.scrollTop=0,this.updateSuggestions(this.inputEl.querySelector("input").value)}))}async reposition(){!Boolean(this.listboxContainerEl)||(this.position=await T9(this.inputEl,this.listboxContainerEl,{middleware:[Do({crossAxis:-16,mainAxis:16})],placement:"bottom-start",strategy:"fixed"}))}async updateSuggestions(i){this.loading=!0,this.suggestions=[],this.suggestions=await this.generateSuggestions(i),this.loading=!1}handleInitialValue(){this.multiSelect&&!Array.isArray(this.value)&&(this.value=[]),!this.multiSelect&&Array.isArray(this.value)&&(this.value=void 0)}render(){var a,n,l,c;const i=`${this.id}-suggestions`,e=this.clearable&&!this.multiSelect,t=this.multiSelect?this.value.map(h=>h.id):Boolean(this.value)?[this.value.id]:[],s=this.multiSelect?void 0:((a=this.value)==null?void 0:a.label)||"",r=z("autocomplete",{"autocomplete--inactive":!this.active});return o(q,{key:"36f37cea5fdd7151673aa5c8ad30f652a1769609"},o("div",{key:"f1457ce0ea13ea7a769cd1de3eb3bf4cf2b9549b",class:r,onKeyDown:this.onKeyDown},this.multiSelect&&Array.isArray(this.value)&&this.value.length>0&&o("div",{key:"7b5b831a06dd7270386f857d198178a92e118580",class:"autocomplete__multi-select-tags"},o("swirl-stack",{key:"c5bf0b5bf1252f9bd8368917a27d9927e3b2c7c0",orientation:"horizontal",spacing:"8",wrap:!0},this.value.map(h=>o("swirl-tag",{key:h.id,label:h.label,onRemove:()=>this.onRemoveValue(h.id),removable:!this.disabled})))),o("swirl-text-input",{key:"f41ec2b57444ff45d75e039dad609d7b2ebf6d17",autoSelect:this.autoSelect,class:"autocomplete__input",clearable:e,clearButtonLabel:this.clearButtonLabel,disabled:this.disabled,disableDynamicWidth:!0,id:this.id,inline:this.inline,invalid:this.invalid,onInputFocus:this.onFocus,onKeyDown:this.onInputKeyDown,onValueChange:this.onChange,maxLength:this.maxLength,mode:this.mode,placeholder:this.placeholder,ref:h=>this.inputEl=h,required:this.required,spellCheck:this.spellCheck,swirlAriaAutocomplete:"list",swirlAriaControls:i,swirlAriaDescribedby:this.swirlAriaDescribedby,swirlAriaExpanded:String(this.active),swirlRole:"combobox",value:s}),o("div",{key:"a940d9511351d965da89de983885eb0d8819f977",class:"autocomplete__listbox-container",onFocusout:this.onFocusOut,ref:h=>this.listboxContainerEl=h,style:{top:Boolean(this.position)?`${(n=this.position)==null?void 0:n.y}px`:"",left:Boolean(this.position)?`${(l=this.position)==null?void 0:l.x}px`:"",width:`${((c=this.inputEl)==null?void 0:c.getBoundingClientRect().width)+32}px`}},this.loading&&o("div",{key:"bdcc2ec3441fa97915ac8d1ed4348a0c59101708",class:"autocomplete__spinner"},o("swirl-spinner",{key:"08a8eeb925fcc515f76ae0d7edae2c5fc01f409f"})),this.suggestions.length>0&&o("swirl-option-list",{key:"79b71e2f6aaabef56558d95229dc24ee26cb4056",allowDeselect:this.multiSelect===!0,label:this.menuLabel,multiSelect:this.multiSelect,onValueChange:this.onSelect,optionListId:i,ref:h=>this.listboxEl=h,value:t},this.suggestions.map(h=>{var u;return o("swirl-option-list-item",{selected:Array.isArray(this.value)?this.value.some(f=>f.id===h.id):((u=this.value)==null?void 0:u.id)===h.id,key:h.id,disabled:h.disabled,label:h.label,value:h.id})})))))}get el(){return h1(this)}static get watchers(){return{multiSelect:["watchMultiSelect"]}}};FC.style=WW;const UC=Object.freeze(Object.defineProperty({__proto__:null,swirl_autocomplete:FC},Symbol.toStringTag,{value:"Module"})),GW=":host{display:inline-flex;flex-shrink:0;align-items:center;flex-direction:column}:host *{box-sizing:border-box}.avatar{position:relative;display:inline-flex;justify-content:center;align-items:center;border-radius:50%}.avatar--has-icon{color:var(--s-icon-default);background-color:var(--swirl-avatar-background-color)}.avatar--has-initials{padding-right:0;padding-left:0;color:#fff}.avatar--interactive{cursor:pointer}.avatar--interactive:focus:not(:focus-visible){outline:none}.avatar--interactive:focus-visible{outline-color:var(--s-focus-default)}.avatar--size-3xs{width:1.25rem;height:1.25rem}.avatar--size-3xs .avatar__initials{font-size:0.625rem}.avatar--size-3xs.avatar--has-icon{padding-right:0.125rem;padding-left:0.125rem}.avatar--size-3xs.avatar--variant-square,.avatar--size-3xs.avatar--variant-square .avatar__image,.avatar--size-3xs.avatar--variant-square .avatar__initials{border-radius:0.25rem}.avatar--size-2xs{width:1.5rem;height:1.5rem}.avatar--size-2xs .avatar__initials{font-size:0.625rem}.avatar--size-2xs.avatar--has-icon{padding-right:0.125rem;padding-left:0.125rem}.avatar--size-2xs.avatar--variant-square,.avatar--size-2xs.avatar--variant-square .avatar__image,.avatar--size-2xs.avatar--variant-square .avatar__initials{border-radius:0.25rem}.avatar--size-xs{width:1.75rem;height:1.75rem}.avatar--size-xs .avatar__initials{font-size:0.75rem}.avatar--size-xs.avatar--has-icon{padding-right:0.4375rem;padding-left:0.4375rem}.avatar--size-xs.avatar--variant-square,.avatar--size-xs.avatar--variant-square .avatar__image,.avatar--size-xs.avatar--variant-square .avatar__initials{border-radius:0.5rem}.avatar--size-s{width:2rem;height:2rem}.avatar--size-s .avatar__initials{font-size:0.75rem}.avatar--size-s.avatar--has-icon{padding-right:var(--s-space-8);padding-left:var(--s-space-8)}.avatar--size-s.avatar--variant-square,.avatar--size-s.avatar--variant-square .avatar__image,.avatar--size-s.avatar--variant-square .avatar__initials{border-radius:0.5rem}.avatar--size-m{width:2.5rem;height:2.5rem}.avatar--size-m .avatar__initials{font-size:var(--s-font-size-base)}.avatar--size-m.avatar--has-icon{padding-right:0.625rem;padding-left:0.625rem}.avatar--size-m.avatar--variant-square,.avatar--size-m.avatar--variant-square .avatar__image,.avatar--size-m.avatar--variant-square .avatar__initials{border-radius:0.625rem}.avatar--size-l{width:3rem;height:3rem}.avatar--size-l .avatar__initials{font-size:var(--s-font-size-lg)}.avatar--size-l.avatar--has-icon{padding-right:var(--s-space-12);padding-left:var(--s-space-12)}.avatar--size-l.avatar--variant-square,.avatar--size-l.avatar--variant-square .avatar__image,.avatar--size-l.avatar--variant-square .avatar__initials{border-radius:0.75rem}.avatar--size-xl{width:4rem;height:4rem}.avatar--size-xl .avatar__initials{font-size:var(--s-font-size-xl)}.avatar--size-xl.avatar--has-icon{padding-right:var(--s-space-16);padding-left:var(--s-space-16)}.avatar--size-xl.avatar--variant-square,.avatar--size-xl.avatar--variant-square .avatar__image,.avatar--size-xl.avatar--variant-square .avatar__initials{border-radius:1rem}.avatar--size-2xl{width:9rem;height:9rem}.avatar--size-2xl .avatar__initials{font-size:3.375rem}.avatar--size-2xl.avatar--has-icon{padding-right:var(--s-space-32);padding-left:var(--s-space-32)}.avatar--size-2xl.avatar--variant-square,.avatar--size-2xl.avatar--variant-square .avatar__image,.avatar--size-2xl.avatar--variant-square .avatar__initials{border-radius:1.25rem}.avatar--size-2xl .avatar__tool{transform:translate3d(-25%, -25%, 0px)}.avatar--size-2xl .avatar__tool--position-top{transform:translate3d(-25%, 25%, 0px)}.avatar--color-banana .avatar__initials{color:var(--s-decorative-banana-text);background-color:var(--s-decorative-banana-surface-subdued)}.avatar--color-blueberry .avatar__initials{color:var(--s-decorative-blueberry-text);background-color:var(--s-decorative-blueberry-surface-subdued)}.avatar--color-chilli .avatar__initials{color:var(--s-decorative-chilli-text);background-color:var(--s-decorative-chilli-surface-subdued)}.avatar--color-grape .avatar__initials{color:var(--s-decorative-grape-text);background-color:var(--s-decorative-grape-surface-subdued)}.avatar--color-kiwi .avatar__initials{color:var(--s-decorative-kiwi-text);background-color:var(--s-decorative-kiwi-surface-subdued)}.avatar--color-pumpkin .avatar__initials{color:var(--s-decorative-pumpkin-text);background-color:var(--s-decorative-pumpkin-surface-subdued)}.avatar--color-radish .avatar__initials{color:var(--s-decorative-radish-text);background-color:var(--s-decorative-radish-surface-subdued)}.avatar__image{overflow:hidden;width:100%;height:100%;border-radius:50%}.avatar__image>img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.avatar__icon{display:inline-flex}.avatar__icon>*{width:100%;height:100%}.avatar__icon>*::part(icon){width:100%;height:100%}.avatar__initials{position:absolute;display:inline-flex;min-width:0;padding-right:0.0625rem;padding-left:0.0625rem;justify-content:center;align-items:center;border-radius:50%;font-weight:var(--s-font-weight-medium);inset:0}.avatar__initials>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.avatar__badge{position:absolute;bottom:0;left:55%;display:inline-flex;min-width:1.5rem;height:1.5rem;transform:translate3d(0, 25%, 0)}.avatar__badge--position-top{top:0;bottom:auto;transform:translate3d(0, -25%, 0)}.avatar__label{margin-top:var(--s-space-4);color:var(--s-icon-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);text-align:center}.avatar__tool{position:absolute;right:0;bottom:0;display:inline-flex;transform:translate3d(25%, 25%, 0)}.avatar__tool--position-top{top:0;bottom:auto;transform:translate3d(25%, -25%, 0)}",WC={"3xs":20,"2xs":24,xs:28,s:32,m:40,l:48,xl:64,"2xl":144},GC=class{constructor(i){x(this,i),this.imageError=K(this,"imageError",7),this.imageLoad=K(this,"imageLoad",7),this.badgePosition="bottom",this.color="kiwi",this.interactive=!1,this.showLabel=!1,this.size="m",this.toolPosition="bottom",this.variant="round",this.loadingError=!1,this.loaded=!1,this.inViewport=!1,this.componentLoaded=!1,this.onImageElementUpdate=e=>{var t,s;(t=this.imgEl)==null||t.removeEventListener("load",this.setImageAvailable),(s=this.imgEl)==null||s.removeEventListener("error",this.setImageUnavailable),this.imgEl=e,this.imgEl&&(this.imgEl.addEventListener("load",this.setImageAvailable),this.imgEl.addEventListener("error",this.setImageUnavailable))},this.setImageAvailable=()=>{this.imageAvailable=!0,this.loadingError=!1,this.loaded=!0,this.imageLoad.emit()},this.setImageUnavailable=()=>{this.imageAvailable=!1,this.loaded=!0,this.loadingError=!0,this.imageError.emit()},this.onKeydown=e=>{e.code==="Space"?e.preventDefault():e.code==="Enter"&&(e.preventDefault(),this.element.click())},this.onKeyup=e=>{e.code==="Space"&&(e.preventDefault(),this.element.click())}}componentDidLoad(){this.setupIntersectionObserver(),this.componentLoaded=!0}connectedCallback(){this.componentLoaded&&this.setupIntersectionObserver()}disconnectedCallback(){var i,e,t;(i=this.intersectionObserver)==null||i.disconnect(),(e=this.imgEl)==null||e.removeEventListener("load",this.setImageAvailable),(t=this.imgEl)==null||t.removeEventListener("error",this.setImageUnavailable)}watchSrcProp(){this.imageAvailable=void 0}setupIntersectionObserver(){this.loading==="intersecting"&&(this.intersectionObserver=new IntersectionObserver(this.onVisibilityChange.bind(this),{threshold:0}),this.intersectionObserver.observe(this.element))}onVisibilityChange(i){this.inViewport=i.some(e=>e.isIntersecting)}render(){const i=Boolean(this.src)&&(this.imageAvailable||this.imageAvailable===void 0)&&(this.loading!=="intersecting"||this.inViewport),e=(!i||!this.loaded&&!this.loadingError)&&Boolean(this.initials),t=!i&&!e&&Boolean(this.icon),s=!i&&!e&&!t,r=Boolean(this.badge)&&this.size==="m",a=this.interactive?"button":void 0,n=z("avatar",`avatar--color-${this.color}`,`avatar--size-${this.size}`,`avatar--variant-${this.variant}`,{"avatar--has-icon":t||s,"avatar--has-initials":e,"avatar--interactive":this.interactive}),l=z("avatar__badge",`avatar__badge--position-${this.badgePosition}`),c=z("avatar__tool",`avatar__tool--position-${this.toolPosition}`);return o(q,{key:"a6c4c3e0d9c306ff28c1a80dc52546228fca1eba","aria-label":this.interactive?this.label:void 0,onKeydown:this.interactive?this.onKeydown:void 0,onKeyup:this.interactive?this.onKeyup:void 0,role:a,tabIndex:this.interactive?0:void 0},o("span",{key:"94f4224fca18e1e0a13f220f17ff16e3857d48d9",class:n,part:"avatar"},i&&o("span",{key:"86584ed6e4bdd4e5eb8e74141ca9ef52a65e3657",class:"avatar__image"},o("img",{key:"1db3a58ab870ae4832d0585b97f6a5ad04879e26",alt:"",height:WC[this.size],loading:this.loading!=="intersecting"?this.loading:void 0,ref:this.onImageElementUpdate,src:this.src,width:WC[this.size]})),e&&o("span",{key:"2e98b96482f0eb8b42a60307f8c67f1f20c67a7b",class:"avatar__initials"},o("span",{key:"889baa8fe8289cd53091d916c4e8c618a5ef55e2"},this.initials)),t&&o("span",{key:"9b33d1c1064a2fd990dbc457aa40462a4409383c",class:"avatar__icon",innerHTML:this.icon}),s&&o("span",{key:"b30ec094c0b0b69239bbc248d458c7fe7c615dbd",class:"avatar__icon"},o("swirl-icon-person",{key:"24ba56fd170f85ec0a3172d5d2340496c168e2d6"})),r&&o("span",{key:"f80ab2dd833ef93dbaa1f4f34fcf4698577ddc70",class:l,innerHTML:this.badge}),o("span",{key:"11ed60620a61049c67e9145019702ba961efeee8",class:c},o("slot",{key:"0cbeaab4de7d5be5baae9144a89340f4135b76d9",name:"tool"}))),this.showLabel&&o("span",{key:"dcb6182cc688f2a8fde5ef1701bf0e928d3a6280","aria-hidden":!0,class:"avatar__label"},this.label))}get element(){return h1(this)}static get watchers(){return{src:["watchSrcProp"]}}};GC.style=GW;const YC=Object.freeze(Object.defineProperty({__proto__:null,swirl_avatar:GC},Symbol.toStringTag,{value:"Module"})),YW=":host{display:inline-flex}:host *{box-sizing:border-box}.avatar-group{position:relative}.avatar-group--diagonal-stack{display:inline-grid;grid-template-rows:repeat(9, 1fr);grid-template-columns:repeat(9, 1fr)}.avatar-group--diagonal-stack ::slotted(*:first-child){z-index:1;display:inline-flex;border-radius:50%;box-shadow:0 0 0 0.25rem var(--swirl-avatar-group-border-color);grid-column-start:1;grid-column-end:7;grid-row-start:4;grid-row-end:10}.avatar-group--diagonal-stack ::slotted(*:nth-child(2)){z-index:0;display:inline-flex;border-radius:50%;grid-column-start:4;grid-column-end:10;grid-row-start:1;grid-row-end:7}.avatar-group--diagonal-stack ::slotted(*:nth-child(n+3)){display:none}.avatar-group--diagonal-stack .avatar-group__badge{position:absolute;right:calc(-1 * var(--s-space-4));bottom:calc(-1 * var(--s-space-4))}.avatar-group--horizontal-stack{display:inline-flex}.avatar-group--horizontal-stack .avatar-group__badge{display:none}.avatar-group--horizontal-stack ::slotted(*){z-index:1;display:inline-flex;border-radius:50%;box-shadow:0 0 0 0.125rem var(--swirl-avatar-group-border-color)}.avatar-group--horizontal-stack ::slotted(*:not(:first-child)){margin-left:calc(-1 * var(--s-space-4))}.avatar-group__badge{z-index:3;display:inline-flex;width:1.5rem;height:1.5rem}.avatar-group__badge ::part(badge){box-shadow:0 0 0 0.25rem var(--swirl-badge-border-color)}",KC=class{constructor(i){x(this,i),this.layout="diagonal",this.avatars=[],this.onSlotChange=e=>{this.avatars=e.target.assignedElements(),this.layOutAvatars()}}componentDidLoad(){this.forceBadgeProps()}forceBadgeProps(){if(!Boolean(this.badge))return;const i=this.badgeEl.querySelector("swirl-badge"),e=i==null?void 0:i.getAttribute("size");Boolean(e)||i==null||i.setAttribute("size","s")}layOutAvatars(){this.layout==="diagonal"?this.avatars.forEach(i=>{i.style.position="",i.style.zIndex=""}):this.avatars.forEach((i,e)=>{i.style.position="relative",i.style.zIndex=String(this.avatars.length-e)})}render(){const i=z("avatar-group",`avatar-group--${this.layout}-stack`,{"avatar-group--has-badge":Boolean(this.badge)}),e=z("avatar-group__badge");return o(q,{key:"44eb5dcca9331aa60a63143ce040ea3f713ecfe0"},o("div",{key:"459e73dfa19bdd06b3865eef1b9fde257a541500","aria-label":this.label,class:i,role:"group"},o("slot",{key:"d91f3fba819973281cc9a1b5b057bcb20a4f3cd4",onSlotchange:this.onSlotChange}),this.badge&&o("span",{key:"f57d98c7b2bac0e0febaeb866be117619cd2ea9a",class:e,innerHTML:this.badge,ref:t=>this.badgeEl=t})))}};KC.style=YW;const XC=Object.freeze(Object.defineProperty({__proto__:null,swirl_avatar_group:KC},Symbol.toStringTag,{value:"Module"}));class KW{constructor(){this.listeners=new Set,this.onChange=e=>{this.listeners.forEach(t=>t(e.matches))},this.mediaQueryList=BW(),this.mediaQueryList.addEventListener("change",this.onChange)}subscribe(e){return this.listeners.add(e),e(this.mediaQueryList.matches),()=>{this.listeners.delete(e)}}}const Ct=new KW,XW=":host{display:block}:host *{box-sizing:border-box}.banner{display:flex;align-items:flex-start;gap:var(--s-space-16);max-width:100%;min-height:3.5rem;padding:var(--s-space-16)}.banner:focus:not(:focus-visible){outline:none}.banner:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-4)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner{padding:var(--s-space-16);min-height:3.25rem}}.banner--size-s{padding:var(--s-space-8);justify-content:center}.banner--size-s .banner__content{flex-grow:0;text-align:center}.banner--size-s .banner__controls{margin-left:0}.banner--intent-default .banner__icon,.banner--intent-default .banner__content,.banner--intent-default .banner__action-button,.banner--intent-default .banner__dismiss-button,.banner--intent-critical .banner__icon,.banner--intent-critical .banner__content,.banner--intent-critical .banner__action-button,.banner--intent-critical .banner__dismiss-button,.banner--intent-success .banner__icon,.banner--intent-success .banner__content,.banner--intent-success .banner__action-button,.banner--intent-success .banner__dismiss-button,.banner--intent-info .banner__icon,.banner--intent-info .banner__content,.banner--intent-info .banner__action-button,.banner--intent-info .banner__dismiss-button{color:var(--s-text-on-status)}.banner--intent-default{background-color:var(--s-surface-neutral-default)}.banner--intent-critical{background-color:var(--s-surface-critical-default)}.banner--intent-success{background-color:var(--s-surface-success-default)}.banner--intent-info{background-color:var(--s-surface-info-default)}.banner--intent-warning{background-color:var(--s-surface-warning-default)}.banner--intent-warning .banner__icon{color:var(--s-icon-strong)}.banner--intent-warning .banner__content,.banner--intent-warning .banner__action-button,.banner--intent-warning .banner__dismiss-button{color:var(--s-text-default)}.banner__content{display:flex;align-items:flex-start;min-height:1.5rem;flex-grow:1;line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner__content{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);min-height:1.25rem}}.banner__icon{display:none;width:1.5rem;height:1.5rem;margin-right:var(--s-space-8);flex-shrink:0;color:var(--s-icon-on-status)}@media (min-width: 375px){.banner__icon{display:inline-flex}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner__icon{width:1.25rem;height:1.25rem}}.banner__text{min-height:1.5rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner__text{min-height:1.25rem}}.banner__controls{display:inline-flex;flex-shrink:0;align-items:flex-start;line-height:var(--s-line-height-base);gap:var(--s-space-16)}@media (min-width: 768px){.banner__controls{gap:var(--s-space-24)}}.banner__action-button,.banner__dismiss-button{display:inline-flex;overflow:hidden;max-width:7rem;height:1.5rem;padding:0;flex-shrink:0;align-items:center;border:none;background-color:transparent;font:inherit;font-weight:var(--s-font-weight-semibold);white-space:nowrap;text-overflow:ellipsis;cursor:pointer}.banner__action-button:focus,.banner__dismiss-button:focus{outline-color:var(--s-focus-default)}@media (min-width: 768px){.banner__action-button,.banner__dismiss-button{max-width:12rem}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner__action-button,.banner__dismiss-button{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);height:1.25rem}}",qW={default:void 0,critical:"<swirl-icon-error></swirl-icon-error>",success:"<swirl-icon-check-circle></swirl-icon-check-circle>",warning:"<swirl-icon-warning></swirl-icon-warning>",info:"<swirl-icon-info></swirl-icon-info>"},qC=class{constructor(i){x(this,i),this.action=K(this,"action",7),this.dismiss=K(this,"dismiss",7),this.dismissable=!1,this.dismissLabel="Dismiss",this.importance="status",this.intent="default",this.showIcon=!1,this.size="m",this.mediaQueryUnsubscribe=()=>{},this.onAction=e=>{this.action.emit(e)},this.onDismiss=e=>{this.dismiss.emit(e)}}componentDidLoad(){this.mediaQueryUnsubscribe=Ct.subscribe(i=>{this.forceIconProps(i)})}disconnectedCallback(){this.mediaQueryUnsubscribe()}forceIconProps(i){var s,r;const e=(s=this.iconEl)==null?void 0:s.children[0],t=(r=this.dismissButtonEl)==null?void 0:r.children[0];e==null||e.setAttribute("size",i?"20":"24"),t==null||t.setAttribute("size",i?"20":"24")}determineIcon(){return this.icon?this.icon:qW[this.intent]}render(){const i=this.determineIcon(),e=Boolean(this.actionLabel)||this.dismissable,t=this.icon||this.showIcon&&Boolean(i),s=z("banner",`banner--intent-${this.intent}`,`banner--size-${this.size}`,{"banner--has-icon":t});return o(q,{key:"11ecf5b273bb2636d5d3e779fc91df1f7b10a8e0"},o("div",{key:"bc5e53f04ad5e80defe407340d191d1951a10123","aria-describedby":"content",class:s,role:this.importance,tabIndex:0},o("div",{key:"86b3950336dca8b1d28994d1fb18113a4b4c421a",class:"banner__content",id:"content",part:"banner__content"},t&&o("span",{key:"5716e25d171cc28861459258e257c8a821ebc56d","aria-hidden":"true",class:"banner__icon",innerHTML:i,ref:r=>this.iconEl=r}),o("span",{key:"a5a5019667573c14dde87041e475481a7edf6d5e",class:"banner__text"},this.content)),e&&o("div",{key:"cf8632f83dc502caba7f10710a353d1a34f30493",class:"banner__controls"},this.actionLabel&&o("button",{key:"166c562828b381640c29783ac8b275f49b088cad",class:"banner__action-button",onClick:this.onAction,part:"banner__action-button",type:"button"},this.actionLabel),this.dismissable&&o("button",{key:"b1247a38ea5f7592d7c12f0919360041ea9061b8","aria-label":this.dismissLabel,class:"banner__dismiss-button",onClick:this.onDismiss,part:"banner__dismiss-button",ref:r=>this.dismissButtonEl=r,type:"button"},o("swirl-icon-close",{key:"12524ce0998e451f9260924e2a5226ddee4ade43"})))))}get element(){return h1(this)}};qC.style=XW;const QC=Object.freeze(Object.defineProperty({__proto__:null,swirl_banner:qC},Symbol.toStringTag,{value:"Module"})),QW=`:host{display:contents}:host *{box-sizing:border-box}.card{--swirl-ghost-button-background-default:var(--s-surface-default);--swirl-ghost-button-background-hovered:var(--s-surface-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-pressed);--swirl-resource-list-item-background-default:var(--s-surface-default);--swirl-resource-list-item-background-hovered:var(--s-surface-hovered);--swirl-resource-list-item-background-pressed:var(--s-surface-pressed);position:relative;display:flex;overflow:hidden;width:100%;margin:0;padding:0;border:var(--s-border-width-default) solid var(--s-border-default);border-radius:var(--s-border-radius-base);color:var(--s-text-default);background-color:var(--swirl-card-background-default);font:inherit;text-decoration:none;flex-direction:column;transition:background-color 0.2s}.card:not(.card--has-image) .card__image{overflow:hidden;height:0}a.card,button.card,.card--interactive{cursor:pointer}a.card:hover,button.card:hover,.card--interactive:hover{background-color:var(--swirl-card-background-hovered)}a.card:active,button.card:active,.card--interactive:active{background-color:var(--swirl-card-background-pressed)}a.card:focus:not(:focus-visible),button.card:focus:not(:focus-visible),.card--interactive:focus:not(:focus-visible){outline:none}a.card:focus-visible,button.card:focus-visible,.card--interactive:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-4)}.card--is--borderless{border:0}.card--elevated.card--elevation-level-1{box-shadow:var(--s-shadow-level-1)}.card--elevated.card--elevation-level-2{box-shadow:var(--s-shadow-level-2)}.card--elevated.card--elevation-level-3{box-shadow:var(--s-shadow-level-3)}.card--flashing{background-color:var(--swirl-card-background-pressed)}.card--flashing.card--intent-default-subdued{background-color:var(--s-surface-raised-pressed)}.card--flashing.card--intent-highlight{background-color:var(--s-surface-highlight-pressed)}.card--highlighted{border-width:0.1875rem;border-color:var(--s-border-highlight)}.card--justify-content-start .card__body{justify-content:flex-start}.card--justify-content-center .card__body{justify-content:center}.card--justify-content-end .card__body{justify-content:flex-end}.card--intent-critical-subdued{background-color:var(--s-surface-critical-subdued)}.card--intent-default-subdued{--swirl-resource-list-item-background-default:var(
+*/var wC;function pW(){return wC||(wC=1,function(i){(function(){var e={}.hasOwnProperty;function t(){for(var s=[],r=0;r<arguments.length;r++){var a=arguments[r];if(!!a){var n=typeof a;if(n==="string"||n==="number")s.push(a);else if(Array.isArray(a)){if(a.length){var l=t.apply(null,a);l&&s.push(l)}}else if(n==="object")if(a.toString===Object.prototype.toString)for(var c in a)e.call(a,c)&&a[c]&&s.push(c);else s.push(a.toString())}}return s.join(" ")}i.exports?(t.default=t,i.exports=t):window.classNames=t})()}(Rc)),Rc.exports}var mW=pW(),z=Zc(mW);let z9;const gW=new Uint8Array(16);function wW(){if(!z9&&(z9=typeof crypto<"u"&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto),!z9))throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return z9(gW)}const je=[];for(let i=0;i<256;++i)je.push((i+256).toString(16).slice(1));function yW(i,e=0){return je[i[e+0]]+je[i[e+1]]+je[i[e+2]]+je[i[e+3]]+"-"+je[i[e+4]]+je[i[e+5]]+"-"+je[i[e+6]]+je[i[e+7]]+"-"+je[i[e+8]]+je[i[e+9]]+"-"+je[i[e+10]]+je[i[e+11]]+je[i[e+12]]+je[i[e+13]]+je[i[e+14]]+je[i[e+15]]}var yC={randomUUID:typeof crypto<"u"&&crypto.randomUUID&&crypto.randomUUID.bind(crypto)};function xi(i,e,t){if(yC.randomUUID&&!0&&!i)return yC.randomUUID();i=i||{};const s=i.random||(i.rng||wW)();return s[6]=s[6]&15|64,s[8]=s[8]&63|128,yW(s)}const vW=":host{display:block}:host *{box-sizing:border-box}.accordion-item{display:grid;align-content:start;border-top:0.0625rem solid var(--s-border-default);transition:grid-template-rows 0.15s;grid-template-rows:auto 0fr;will-change:grid-template-rows}@media (prefers-reduced-motion){.accordion-item{transition:none}}.accordion-item--expanded{grid-template-rows:auto 1fr}.accordion-item--expanded .accordion-item__content{padding-top:var(--s-space-16);padding-bottom:var(--s-space-16);animation:accordion-overflow 0.01s;animation-delay:0.15s;animation-fill-mode:forwards}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.accordion-item--expanded .accordion-item__content{padding-top:var(--s-space-8)}}.accordion-item__heading{margin:0;padding:0;font-size:var(--s-font-size-base);font-weight:var(--s-font-weight-semibold)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.accordion-item__heading{font-size:var(--s-font-size-sm)}}.accordion-item__toggle{display:flex;width:100%;padding:0;padding-top:var(--s-space-16);padding-bottom:var(--s-space-16);align-items:center;border:none;color:var(--s-text-default);background-color:var(--swirl-accordion-item-toggle-default);font:inherit;line-height:var(--s-line-height-lg);text-align:start;cursor:pointer;gap:var(--s-space-16)}.accordion-item__toggle:hover{background-color:var(--swirl-accordion-item-toggle-hovered)}.accordion-item__toggle:active{background-color:var(--swirl-accordion-item-toggle-pressed)}.accordion-item__toggle:disabled{color:var(--s-text-disabled);background-color:var(--swirl-accordion-item-toggle-default);cursor:default}.accordion-item__toggle:disabled .text{color:var(--s-text-disabled)}.accordion-item__toggle:focus:not(:focus-visible){outline:none}.accordion-item__toggle:focus-visible{outline-color:var(--s-focus-default)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.accordion-item__toggle{line-height:var(--s-line-height-sm)}}.accordion-item__toggle-text{flex-grow:1}.accordion-item__icon{display:inline-flex;padding-right:var(--s-space-8);flex-shrink:0}.accordion-item__content{overflow:hidden;padding-top:0;padding-bottom:0;transition:padding-top 0.15s, padding-bottom 0.15s;animation:accordion-display 0.01s;animation-delay:0.15s;animation-fill-mode:forwards}@media (prefers-reduced-motion){.accordion-item__content{transition:none}}@keyframes accordion-overflow{from{overflow:hidden}to{overflow:visible}}@keyframes accordion-display{from{display:block}to{display:none}}",vC=class{constructor(i){x(this,i),this.expansionChange=K(this,"expansionChange",7),this.headingLevel=2,this.itemId=xi(),this.expanded=!1,this.headingId=`${xi()}-heading`,this.onHeadingClick=()=>{this.toggle()}}componentWillLoad(){if(this.accordion=this.el.closest("swirl-accordion"),this.expanded=this.initiallyOpen&&!this.disabled||!1,!Boolean(this.accordion))throw new Error("[Swirl] swirl-accordion-item must be a child of a swirl-accordion.")}async collapse(){!this.expanded||this.disabled||(this.expanded=!1,this.expansionChange.emit(this.expanded))}async expand(){this.expanded||this.disabled||(this.expanded=!0,this.expansionChange.emit(this.expanded))}async toggle(){this.expanded?this.collapse():this.expand()}render(){const i=`h${this.headingLevel}`,e=z("accordion-item",{"accordion-item--expanded":this.expanded});return o(q,{key:"06a4cc4c0b8b8d029a6f2ffd998c51688aef59b5"},o("div",{key:"8750b977a5256e4905a48a636ba4837b1d936dee",class:e},o(i,{key:"0e2b9c5ead0ab1eceab4227fe1b1b38ace468025",class:"accordion-item__heading"},o("button",{key:"69a0858555d0821e8206d764ebc82f7d6f495eae","aria-controls":this.itemId,"aria-expanded":String(this.expanded),class:"accordion-item__toggle",disabled:this.disabled,id:this.headingId,onClick:this.onHeadingClick,type:"button"},o("span",{key:"a6b30d5425f1456e48bdf43a3410bf75caa5a105",class:"accordion-item__toggle-text"},this.heading,this.description&&o("swirl-text",{key:"a218dd88bdefbff4a613efa38e2a5a0534d56148",as:"span",color:"subdued",size:"sm"},this.description)),o("span",{key:"3a8f809a4466e336abd07d54a0563b1c3b28fb1b",class:"accordion-item__icon"},!this.expanded&&o("swirl-icon",{key:"3eb99a0da7d0dd9114fc09398f77c4304131de26",glyph:"chevron-right",size:20}),this.expanded&&o("swirl-icon",{key:"212e41374b152b16812b1deeeb31b9aa03edd510",glyph:"expand-more",size:20})))),o("div",{key:"1bb75d431bf46f81afa2d01cb8ce4b41bc82b828","aria-labelledby":this.headingId,class:"accordion-item__content",id:this.itemId,role:"region"},o("slot",{key:"79a7d5faf6a57211dd4d9d09c00b7f608ef2663d"}))))}get el(){return h1(this)}};vC.style=vW;const _C=Object.freeze(Object.defineProperty({__proto__:null,swirl_accordion_item:vC},Symbol.toStringTag,{value:"Module"})),_W=":host{display:block;width:100%}:host *{box-sizing:border-box}.action-list-section{background-color:var(--s-surface-overlay-default)}.action-list-section__label{display:block;width:100%;padding:var(--s-space-8) var(--s-space-16);color:var(--s-text-subdued);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);text-align:left}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.action-list-section__label{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);padding:var(--s-space-8) var(--s-space-12)}}",xC=class{constructor(i){x(this,i),this.separatorSpacing="4",this.spacing="0",this.hasSeparator=!1}render(){return o(q,{key:"bc6aafa0d628dcc11851822cba74bb2dd8a3354c"},this.hasSeparator&&o("swirl-separator",{key:"38ed66d704bd8e72845f5709c3d061353e9fde1b",spacing:this.separatorSpacing}),o("div",{key:"ba2e3ba623087c0c7730c7b0aba28283c1af2ee5","aria-labelledby":"label",class:"action-list-section",role:"group"},o("span",{key:"fbbacc3ed2d7546ffc53d60addc446f4b87e2a77",class:"action-list-section__label",id:"label",part:"action-list-section__label"},this.label),o("swirl-stack",{key:"d130147da2d710c10583b624e5481e1ca0175b7d",spacing:this.spacing,align:"stretch"},o("slot",{key:"3856b974f11544c3239c57f0e40de16ecc53de6f"}))))}};xC.style=_W;const kC=Object.freeze(Object.defineProperty({__proto__:null,swirl_action_list_section:xC},Symbol.toStringTag,{value:"Module"})),xW=':host{display:block;overflow-x:auto;width:100%}:host *{box-sizing:border-box}.app-bar{display:flex;min-height:3.5rem;padding-right:var(--s-space-16);padding-left:var(--s-space-16);align-items:center;gap:var(--s-space-16)}.app-bar--has-cta .app-bar__cta{display:block}.app-bar:not(.app-bar--has-right-controls) .app-bar__right-controls{display:none}.app-bar__left-controls{display:flex;min-width:0;flex-shrink:0;align-items:center;gap:var(--s-space-16)}.app-bar__main-navigation-control{flex-shrink:0}.app-bar__cta{display:none}.app-bar__heading{display:flex;min-width:10rem;flex-grow:1;align-items:center}@media (min-width: 992px){.app-bar__heading{min-width:0;flex-grow:0}}.app-bar__stepper-controls{position:relative;display:flex;flex-shrink:0;gap:var(--s-space-4)}.app-bar__stepper-controls:not(:first-child){padding-left:var(--s-space-16)}.app-bar__stepper-controls:not(:first-child):after{position:absolute;top:50%;left:0;width:var(--s-border-width-default);height:1.25rem;background-color:var(--s-border-default);content:"";transform:translateY(-50%)}.app-bar__center-controls{display:none;flex-grow:1;justify-content:center;align-items:center}@media (min-width: 992px){.app-bar__center-controls{display:flex}}.app-bar:not(.app-bar--has-heading) .app-bar__center-controls{display:flex}.app-bar:not(.app-bar--has-heading) .app-bar__heading{display:none}.app-bar__right-controls{display:flex;min-width:0;flex-shrink:0;justify-content:flex-end;align-items:center}',SC=class{constructor(i){x(this,i),this.backButtonClick=K(this,"backButtonClick",7),this.closeButtonClick=K(this,"closeButtonClick",7),this.stepUpButtonClick=K(this,"stepUpButtonClick",7),this.stepDownButtonClick=K(this,"stepDownButtonClick",7),this.backButtonLabel="Go back",this.closeButtonIcon="<swirl-icon-close></swirl-icon-close>",this.closeButtonLabel="Close",this.paddingInlineEnd="16",this.paddingInlineStart="16",this.stepUpButtonLabel="Previous item",this.stepDownButtonLabel="Next item",this.showHeading=!0,this.onBackButtonClick=e=>{this.backButtonClick.emit(e)},this.onCloseButtonClick=e=>{this.closeButtonClick.emit(e)},this.onStepUpButtonClick=e=>{this.stepUpButtonClick.emit(e)},this.onStepDownButtonClick=e=>{this.stepDownButtonClick.emit(e)}}componentWillLoad(){this.mutationObserver=new MutationObserver(()=>{this.updateCtaStatus()}),this.mutationObserver.observe(this.el,{childList:!0}),queueMicrotask(()=>{this.updateCtaStatus()})}disconnectedCallback(){var i;(i=this.mutationObserver)==null||i.disconnect()}updateCtaStatus(){this.hasCta=Boolean(this.el.querySelector('[slot="cta"]'))}render(){const i=this.showBackButton||this.showCloseButton||this.showStepperControls,e=Boolean(this.el.querySelector('[slot="right-controls"]')),t=Boolean(this.el.querySelector('[slot="heading"]')),s=z("app-bar",{"app-bar--has-cta":this.hasCta,"app-bar--has-right-controls":e,"app-bar--has-heading":t&&this.showHeading}),r={paddingInlineEnd:`var(--s-space-${this.paddingInlineEnd})`,paddingInlineStart:`var(--s-space-${this.paddingInlineStart})`};return o(q,{key:"2fc2dc7672ca8ab6c3ea4a2bea33d52730eaea3f"},o("div",{key:"853eac25f0092f4e3c9159bcb928f953026c6e87",class:s,style:r},i&&o("div",{key:"272353acea74c10e90d43d894fb535d65fcb1af3",class:"app-bar__left-controls"},(this.showBackButton||this.showCloseButton)&&o("div",{key:"04b34c7a362ca98d02e4692da4e11196122e4d2a",class:"app-bar__main-navigation-control"},this.showBackButton&&o("swirl-button",{key:"82188c1a465798ef652ee7a642bf038ccdd21d5a",hideLabel:!0,icon:"<swirl-icon-arrow-back></swirl-icon-arrow-back>",label:this.backButtonLabel,onClick:this.onBackButtonClick}),this.showCloseButton&&o("swirl-button",{key:"9a31265626092d9079b4b4a27461b483e489fff9",hideLabel:!0,icon:this.closeButtonIcon,label:this.closeButtonLabel,onClick:this.onCloseButtonClick})),this.showStepperControls&&o("div",{key:"0b089aedecaf8f42a9d656174fc93dd5837dbe7c",class:"app-bar__stepper-controls"},o("swirl-button",{key:"8a5a2de50ae5c53e2b9af7ab9597f9988d476863",hideLabel:!0,icon:"<swirl-icon-arrow-upward></swirl-icon-arrow-upward>",label:this.stepUpButtonLabel,onClick:this.onStepUpButtonClick}),o("swirl-button",{key:"090451b7e112346d617018aae45782af57924276",hideLabel:!0,icon:"<swirl-icon-arrow-downward></swirl-icon-arrow-downward>",label:this.stepDownButtonLabel,onClick:this.onStepDownButtonClick}))),o("div",{key:"caf1b7b3e2d6a9f3fd45080b47200ba23f06de2f",class:"app-bar__cta"},o("slot",{key:"f8a5d105b77db1f107dac0364e56f8fc498d22b5",name:"cta"})),o("div",{key:"a3d5e082c9c2957791fc5aa1fd767d466acf70dc",class:"app-bar__heading"},o("slot",{key:"a3188a9e1ab5b93d645293074ba6930e8a88df32",name:"heading"})),o("div",{key:"0466ef640baf9d738f48c221ceb99446f3dcb352",class:"app-bar__center-controls"},o("slot",{key:"56cf69f32c293072015f45bfe017627bf61706c7",name:"center-controls"})),o("div",{key:"d24c3205c5c6f6b8cee93590694c71fb87a9307b",class:"app-bar__right-controls"},o("slot",{key:"bc29b52f8e205b03e48449cfb05f57b5b348766d",name:"right-controls"}))))}get el(){return h1(this)}};SC.style=xW;const zC=Object.freeze(Object.defineProperty({__proto__:null,swirl_app_bar:SC},Symbol.toStringTag,{value:"Module"})),kW=":host{display:inline-flex}:host *{box-sizing:border-box}.app-icon{position:relative;overflow:hidden;width:var(--swirl-app-icon-size);height:var(--swirl-app-icon-size);border-radius:var(--s-border-radius-sm)}.app-icon>img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.app-icon__icon{display:inline-flex;width:100%;height:100%;justify-content:center;align-items:center}",LC=class{constructor(i){x(this,i),this.setImageAvailable=()=>{this.imageAvailable=!0},this.setImageUnavailable=()=>{this.imageAvailable=!1},this.onImageElementUpdate=e=>{var t,s;(t=this.imgEl)==null||t.removeEventListener("load",this.setImageAvailable),(s=this.imgEl)==null||s.removeEventListener("error",this.setImageUnavailable),this.imgEl=e,this.imgEl&&(this.imgEl.addEventListener("load",this.setImageAvailable),this.imgEl.addEventListener("error",this.setImageUnavailable))}}disconnectedCallback(){var i,e;(i=this.imgEl)==null||i.removeEventListener("load",this.setImageAvailable),(e=this.imgEl)==null||e.removeEventListener("error",this.setImageUnavailable)}render(){const i=Boolean(this.src)&&(this.imageAvailable||this.imageAvailable===void 0),e=!i&&Boolean(this.icon),s=z("app-icon",{"app-icon--has-icon":e||!i&&!e});return o(q,{key:"a67ec134c77b8781beb3fc5b310e4d2fe7dbeed8"},o("span",{key:"669857854052455b35268f5c3b5225def06851a9",class:s},i&&o("img",{key:"a5a91f3cb43e92830b1089ecfc179eb2e80b062b",alt:"",height:"256",ref:this.onImageElementUpdate,src:this.src,width:"256"}),e&&o("span",{key:"8d68a1aff13aa5e50ff9f54b5c5e00b1ec1dd7c0",class:"app-icon__icon",innerHTML:this.icon})))}};LC.style=kW;const MC=Object.freeze(Object.defineProperty({__proto__:null,swirl_app_icon:LC},Symbol.toStringTag,{value:"Module"}));function Oo(i){return i.split("-")[1]}function Nc(i){return i==="y"?"height":"width"}function ki(i){return i.split("-")[0]}function Bo(i){return["top","bottom"].includes(ki(i))?"x":"y"}function IC(i,e,t){let{reference:s,floating:r}=i;const a=s.x+s.width/2-r.width/2,n=s.y+s.height/2-r.height/2,l=Bo(e),c=Nc(l),h=s[c]/2-r[c]/2,u=l==="x";let f;switch(ki(e)){case"top":f={x:a,y:s.y-r.height};break;case"bottom":f={x:a,y:s.y+s.height};break;case"right":f={x:s.x+s.width,y:n};break;case"left":f={x:s.x-r.width,y:n};break;default:f={x:s.x,y:s.y}}switch(Oo(e)){case"start":f[l]-=h*(t&&u?-1:1);break;case"end":f[l]+=h*(t&&u?-1:1)}return f}const SW=async(i,e,t)=>{const{placement:s="bottom",strategy:r="absolute",middleware:a=[],platform:n}=t,l=a.filter(Boolean),c=await(n.isRTL==null?void 0:n.isRTL(e));let h=await n.getElementRects({reference:i,floating:e,strategy:r}),{x:u,y:f}=IC(h,s,c),C=s,p={},m=0;for(let g=0;g<l.length;g++){const{name:_,fn:S}=l[g],{x:M,y:H,data:V,reset:P}=await S({x:u,y:f,initialPlacement:s,placement:C,strategy:r,middlewareData:p,rects:h,platform:n,elements:{reference:i,floating:e}});u=M!=null?M:u,f=H!=null?H:f,p={...p,[_]:{...p[_],...V}},P&&m<=50&&(m++,typeof P=="object"&&(P.placement&&(C=P.placement),P.rects&&(h=P.rects===!0?await n.getElementRects({reference:i,floating:e,strategy:r}):P.rects),{x:u,y:f}=IC(h,C,c)),g=-1)}return{x:u,y:f,placement:C,strategy:r,middlewareData:p}};function HC(i){return typeof i!="number"?function(e){return{top:0,right:0,bottom:0,left:0,...e}}(i):{top:i,right:i,bottom:i,left:i}}function L9(i){return{...i,top:i.y,left:i.x,right:i.x+i.width,bottom:i.y+i.height}}async function PC(i,e){var t;e===void 0&&(e={});const{x:s,y:r,platform:a,rects:n,elements:l,strategy:c}=i,{boundary:h="clippingAncestors",rootBoundary:u="viewport",elementContext:f="floating",altBoundary:C=!1,padding:p=0}=e,m=HC(p),g=l[C?f==="floating"?"reference":"floating":f],_=L9(await a.getClippingRect({element:(t=await(a.isElement==null?void 0:a.isElement(g)))==null||t?g:g.contextElement||await(a.getDocumentElement==null?void 0:a.getDocumentElement(l.floating)),boundary:h,rootBoundary:u,strategy:c})),S=f==="floating"?{...n.floating,x:s,y:r}:n.reference,M=await(a.getOffsetParent==null?void 0:a.getOffsetParent(l.floating)),H=await(a.isElement==null?void 0:a.isElement(M))&&await(a.getScale==null?void 0:a.getScale(M))||{x:1,y:1},V=L9(a.convertOffsetParentRelativeRectToViewportRelativeRect?await a.convertOffsetParentRelativeRectToViewportRelativeRect({rect:S,offsetParent:M,strategy:c}):S);return{top:(_.top-V.top+m.top)/H.y,bottom:(V.bottom-_.bottom+m.bottom)/H.y,left:(_.left-V.left+m.left)/H.x,right:(V.right-_.right+m.right)/H.x}}const zW=Math.min,LW=Math.max;function jc(i,e,t){return LW(i,zW(e,t))}const MW=i=>({name:"arrow",options:i,async fn(e){const{element:t,padding:s=0}=i||{},{x:r,y:a,placement:n,rects:l,platform:c,elements:h}=e;if(t==null)return{};const u=HC(s),f={x:r,y:a},C=Bo(n),p=Nc(C),m=await c.getDimensions(t),g=C==="y",_=g?"top":"left",S=g?"bottom":"right",M=g?"clientHeight":"clientWidth",H=l.reference[p]+l.reference[C]-f[C]-l.floating[p],V=f[C]-l.reference[C],P=await(c.getOffsetParent==null?void 0:c.getOffsetParent(t));let T=P?P[M]:0;T&&await(c.isElement==null?void 0:c.isElement(P))||(T=h.floating[M]||l.floating[p]);const $=H/2-V/2,A=u[_],E=T-m[p]-u[S],Z=T/2-m[p]/2+$,R=jc(A,Z,E),O=Oo(n)!=null&&Z!=R&&l.reference[p]/2-(Z<A?u[_]:u[S])-m[p]/2<0;return{[C]:f[C]-(O?Z<A?A-Z:E-Z:0),data:{[C]:R,centerOffset:Z-R}}}});["top","right","bottom","left"].reduce((i,e)=>i.concat(e,e+"-start",e+"-end"),[]);const IW={left:"right",right:"left",bottom:"top",top:"bottom"};function M9(i){return i.replace(/left|right|bottom|top/g,e=>IW[e])}function HW(i,e,t){t===void 0&&(t=!1);const s=Oo(i),r=Bo(i),a=Nc(r);let n=r==="x"?s===(t?"end":"start")?"right":"left":s==="start"?"bottom":"top";return e.reference[a]>e.floating[a]&&(n=M9(n)),{main:n,cross:M9(n)}}const PW={start:"end",end:"start"};function Fc(i){return i.replace(/start|end/g,e=>PW[e])}const Uc=function(i){return i===void 0&&(i={}),{name:"flip",options:i,async fn(e){var t;const{placement:s,middlewareData:r,rects:a,initialPlacement:n,platform:l,elements:c}=e,{mainAxis:h=!0,crossAxis:u=!0,fallbackPlacements:f,fallbackStrategy:C="bestFit",fallbackAxisSideDirection:p="none",flipAlignment:m=!0,...g}=i,_=ki(s),S=ki(n)===n,M=await(l.isRTL==null?void 0:l.isRTL(c.floating)),H=f||(S||!m?[M9(n)]:function(R){const O=M9(R);return[Fc(R),O,Fc(O)]}(n));f||p==="none"||H.push(...function(R,O,D,U){const F=Oo(R);let B=function(j,W,Y){const o1=["left","right"],C1=["right","left"],Q=["top","bottom"],r1=["bottom","top"];switch(j){case"top":case"bottom":return Y?W?C1:o1:W?o1:C1;case"left":case"right":return W?Q:r1;default:return[]}}(ki(R),D==="start",U);return F&&(B=B.map(j=>j+"-"+F),O&&(B=B.concat(B.map(Fc)))),B}(n,m,p,M));const V=[n,...H],P=await PC(e,g),T=[];let $=((t=r.flip)==null?void 0:t.overflows)||[];if(h&&T.push(P[_]),u){const{main:R,cross:O}=HW(s,a,M);T.push(P[R],P[O])}if($=[...$,{placement:s,overflows:T}],!T.every(R=>R<=0)){var A,E;const R=(((A=r.flip)==null?void 0:A.index)||0)+1,O=V[R];if(O)return{data:{index:R,overflows:$},reset:{placement:O}};let D=(E=$.filter(U=>U.overflows[0]<=0).sort((U,F)=>U.overflows[1]-F.overflows[1])[0])==null?void 0:E.placement;if(!D)switch(C){case"bestFit":{var Z;const U=(Z=$.map(F=>[F.placement,F.overflows.filter(B=>B>0).reduce((B,j)=>B+j,0)]).sort((F,B)=>F[1]-B[1])[0])==null?void 0:Z[0];U&&(D=U);break}case"initialPlacement":D=n}if(s!==D)return{reset:{placement:D}}}return{}}}},Do=function(i){return i===void 0&&(i=0),{name:"offset",options:i,async fn(e){const{x:t,y:s}=e,r=await async function(a,n){const{placement:l,platform:c,elements:h}=a,u=await(c.isRTL==null?void 0:c.isRTL(h.floating)),f=ki(l),C=Oo(l),p=Bo(l)==="x",m=["left","top"].includes(f)?-1:1,g=u&&p?-1:1,_=typeof n=="function"?n(a):n;let{mainAxis:S,crossAxis:M,alignmentAxis:H}=typeof _=="number"?{mainAxis:_,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,..._};return C&&typeof H=="number"&&(M=C==="end"?-1*H:H),p?{x:M*g,y:S*m}:{x:S*m,y:M*g}}(e,i);return{x:t+r.x,y:s+r.y,data:r}}}};function EW(i){return i==="x"?"y":"x"}const I9=function(i){return i===void 0&&(i={}),{name:"shift",options:i,async fn(e){const{x:t,y:s,placement:r}=e,{mainAxis:a=!0,crossAxis:n=!1,limiter:l={fn:_=>{let{x:S,y:M}=_;return{x:S,y:M}}},...c}=i,h={x:t,y:s},u=await PC(e,c),f=Bo(ki(r)),C=EW(f);let p=h[f],m=h[C];if(a){const _=f==="y"?"bottom":"right";p=jc(p+u[f==="y"?"top":"left"],p,p-u[_])}if(n){const _=C==="y"?"bottom":"right";m=jc(m+u[C==="y"?"top":"left"],m,m-u[_])}const g=l.fn({...e,[f]:p,[C]:m});return{...g,data:{x:g.x-t,y:g.y-s}}}}};function EC(i){return i&&i.document&&i.location&&i.alert&&i.setInterval}function z2(i){if(i==null)return window;if(!EC(i)){const e=i.ownerDocument;return e&&e.defaultView||window}return i}function j3(i){return z2(i).getComputedStyle(i)}function L2(i){return EC(i)?"":i?(i.nodeName||"").toLowerCase():""}function AC(){const i=navigator.userAgentData;return i!=null&&i.brands?i.brands.map(e=>e.brand+"/"+e.version).join(" "):navigator.userAgent}function F3(i){return i instanceof z2(i).HTMLElement}function v6(i){return i instanceof z2(i).Element}function w5(i){return typeof ShadowRoot>"u"?!1:i instanceof z2(i).ShadowRoot||i instanceof ShadowRoot}function H9(i){const{overflow:e,overflowX:t,overflowY:s}=j3(i);return/auto|scroll|overlay|hidden/.test(e+s+t)}function AW(i){return["table","td","th"].includes(L2(i))}function VC(i){const e=/firefox/i.test(AC()),t=j3(i);return t.transform!=="none"||t.perspective!=="none"||t.contain==="paint"||["transform","perspective"].includes(t.willChange)||e&&t.willChange==="filter"||e&&!!t.filter&&t.filter!=="none"}function TC(){return!/^((?!chrome|android).)*safari/i.test(AC())}const $C=Math.min,Zo=Math.max,P9=Math.round;function M2(i,e,t){var s,r,a,n;e===void 0&&(e=!1),t===void 0&&(t=!1);const l=i.getBoundingClientRect();let c=1,h=1;e&&F3(i)&&(c=i.offsetWidth>0&&P9(l.width)/i.offsetWidth||1,h=i.offsetHeight>0&&P9(l.height)/i.offsetHeight||1);const u=v6(i)?z2(i):window,f=!TC()&&t,C=(l.left+(f&&(s=(r=u.visualViewport)==null?void 0:r.offsetLeft)!=null?s:0))/c,p=(l.top+(f&&(a=(n=u.visualViewport)==null?void 0:n.offsetTop)!=null?a:0))/h,m=l.width/c,g=l.height/h;return{width:m,height:g,top:p,right:C+m,bottom:p+g,left:C,x:C,y:p}}function _6(i){return(e=i,(e instanceof z2(e).Node?i.ownerDocument:i.document)||window.document).documentElement;var e}function E9(i){return v6(i)?{scrollLeft:i.scrollLeft,scrollTop:i.scrollTop}:{scrollLeft:i.pageXOffset,scrollTop:i.pageYOffset}}function OC(i){return M2(_6(i)).left+E9(i).scrollLeft}function VW(i,e,t){const s=F3(e),r=_6(e),a=M2(i,s&&function(c){const h=M2(c);return P9(h.width)!==c.offsetWidth||P9(h.height)!==c.offsetHeight}(e),t==="fixed");let n={scrollLeft:0,scrollTop:0};const l={x:0,y:0};if(s||!s&&t!=="fixed")if((L2(e)!=="body"||H9(r))&&(n=E9(e)),F3(e)){const c=M2(e,!0);l.x=c.x+e.clientLeft,l.y=c.y+e.clientTop}else r&&(l.x=OC(r));return{x:a.left+n.scrollLeft-l.x,y:a.top+n.scrollTop-l.y,width:a.width,height:a.height}}function BC(i){return L2(i)==="html"?i:i.assignedSlot||i.parentNode||(w5(i)?i.host:null)||_6(i)}function DC(i){return F3(i)&&j3(i).position!=="fixed"?function(e){let{offsetParent:t}=e,s=e,r=!1;for(;s&&s!==t;){const{assignedSlot:a}=s;if(a){let n=a.offsetParent;if(j3(a).display==="contents"){const l=a.hasAttribute("style"),c=a.style.display;a.style.display=j3(s).display,n=a.offsetParent,a.style.display=c,l||a.removeAttribute("style")}s=a,t!==n&&(t=n,r=!0)}else if(w5(s)&&s.host&&r)break;s=w5(s)&&s.host||s.parentNode}return t}(i):null}function Wc(i){const e=z2(i);let t=DC(i);for(;t&&AW(t)&&j3(t).position==="static";)t=DC(t);return t&&(L2(t)==="html"||L2(t)==="body"&&j3(t).position==="static"&&!VC(t))?e:t||function(s){let r=BC(s);for(w5(r)&&(r=r.host);F3(r)&&!["html","body"].includes(L2(r));){if(VC(r))return r;{const a=r.parentNode;r=w5(a)?a.host:a}}return null}(i)||e}function ZC(i){if(F3(i))return{width:i.offsetWidth,height:i.offsetHeight};const e=M2(i);return{width:e.width,height:e.height}}function RC(i){const e=BC(i);return["html","body","#document"].includes(L2(e))?i.ownerDocument.body:F3(e)&&H9(e)?e:RC(e)}function A9(i,e){var t;e===void 0&&(e=[]);const s=RC(i),r=s===((t=i.ownerDocument)==null?void 0:t.body),a=z2(s),n=r?[a].concat(a.visualViewport||[],H9(s)?s:[]):s,l=e.concat(n);return r?l:l.concat(A9(n))}function NC(i,e,t){return e==="viewport"?L9(function(s,r){const a=z2(s),n=_6(s),l=a.visualViewport;let c=n.clientWidth,h=n.clientHeight,u=0,f=0;if(l){c=l.width,h=l.height;const C=TC();(C||!C&&r==="fixed")&&(u=l.offsetLeft,f=l.offsetTop)}return{width:c,height:h,x:u,y:f}}(i,t)):v6(e)?function(s,r){const a=M2(s,!1,r==="fixed"),n=a.top+s.clientTop,l=a.left+s.clientLeft;return{top:n,left:l,x:l,y:n,right:l+s.clientWidth,bottom:n+s.clientHeight,width:s.clientWidth,height:s.clientHeight}}(e,t):L9(function(s){var r;const a=_6(s),n=E9(s),l=(r=s.ownerDocument)==null?void 0:r.body,c=Zo(a.scrollWidth,a.clientWidth,l?l.scrollWidth:0,l?l.clientWidth:0),h=Zo(a.scrollHeight,a.clientHeight,l?l.scrollHeight:0,l?l.clientHeight:0);let u=-n.scrollLeft+OC(s);const f=-n.scrollTop;return j3(l||a).direction==="rtl"&&(u+=Zo(a.clientWidth,l?l.clientWidth:0)-c),{width:c,height:h,x:u,y:f}}(_6(i)))}function TW(i){const e=A9(i),t=["absolute","fixed"].includes(j3(i).position)&&F3(i)?Wc(i):i;return v6(t)?e.filter(s=>v6(s)&&function(r,a){const n=a.getRootNode==null?void 0:a.getRootNode();if(r.contains(a))return!0;if(n&&w5(n)){let l=a;do{if(l&&r===l)return!0;l=l.parentNode||l.host}while(l)}return!1}(s,t)&&L2(s)!=="body"):[]}const $W={getClippingRect:function(i){let{element:e,boundary:t,rootBoundary:s,strategy:r}=i;const a=[...t==="clippingAncestors"?TW(e):[].concat(t),s],n=a[0],l=a.reduce((c,h)=>{const u=NC(e,h,r);return c.top=Zo(u.top,c.top),c.right=$C(u.right,c.right),c.bottom=$C(u.bottom,c.bottom),c.left=Zo(u.left,c.left),c},NC(e,n,r));return{width:l.right-l.left,height:l.bottom-l.top,x:l.left,y:l.top}},convertOffsetParentRelativeRectToViewportRelativeRect:function(i){let{rect:e,offsetParent:t,strategy:s}=i;const r=F3(t),a=_6(t);if(t===a)return e;let n={scrollLeft:0,scrollTop:0};const l={x:0,y:0};if((r||!r&&s!=="fixed")&&((L2(t)!=="body"||H9(a))&&(n=E9(t)),F3(t))){const c=M2(t,!0);l.x=c.x+t.clientLeft,l.y=c.y+t.clientTop}return{...e,x:e.x-n.scrollLeft+l.x,y:e.y-n.scrollTop+l.y}},isElement:v6,getDimensions:ZC,getOffsetParent:Wc,getDocumentElement:_6,getElementRects:i=>{let{reference:e,floating:t,strategy:s}=i;return{reference:VW(e,Wc(t),s),floating:{...ZC(t),x:0,y:0}}},getClientRects:i=>Array.from(i.getClientRects()),isRTL:i=>j3(i).direction==="rtl"};function V9(i,e,t,s){s===void 0&&(s={});const{ancestorScroll:r=!0,ancestorResize:a=!0,elementResize:n=!0,animationFrame:l=!1}=s,c=r&&!l,h=a&&!l,u=c||h?[...v6(i)?A9(i):[],...A9(e)]:[];u.forEach(m=>{c&&m.addEventListener("scroll",t,{passive:!0}),h&&m.addEventListener("resize",t)});let f,C=null;if(n){let m=!0;C=new ResizeObserver(()=>{m||t(),m=!1}),v6(i)&&!l&&C.observe(i),C.observe(e)}let p=l?M2(i):null;return l&&function m(){const g=M2(i);!p||g.x===p.x&&g.y===p.y&&g.width===p.width&&g.height===p.height||t(),p=g,f=requestAnimationFrame(m)}(),t(),()=>{var m;u.forEach(g=>{c&&g.removeEventListener("scroll",t),h&&g.removeEventListener("resize",t)}),(m=C)==null||m.disconnect(),C=null,l&&cancelAnimationFrame(f)}}const T9=(i,e,t)=>SW(i,e,{platform:$W,...t});function zt(i,e){return i?i instanceof ShadowRoot?zt(i.host,e):i instanceof HTMLElement&&i.matches(e)?i:zt(i.parentNode,e):null}function OW(i,e){let t=i;for(;t!==null;){if(t===e)return!0;t=t.parentNode,t instanceof ShadowRoot&&(t=t.host)}return!1}function Si(i=document){const e=i.activeElement;if(!!Boolean(e))return Boolean(e.shadowRoot)?Si(e.shadowRoot):e}const BW=()=>document.documentElement.classList.contains("disable-desktop-style-tweaks")?window.matchMedia(null):window.matchMedia("(min-width: 992px) and (max-width: 1439px) and (hover: hover), (min-width: 1440px)");function _3(i,e,t=!1){let s;return async function(){const a=this,n=arguments,l=function(){s=null,t||i.apply(a,n)},c=t&&!Boolean(s);clearTimeout(s),s=setTimeout(l,e),c&&i.apply(a,n)}}function DW(i,e){const t=e.scrollTop,s=t+e.clientHeight,r=e.getBoundingClientRect(),l={top:i.getBoundingClientRect().top-r.top}.top+t,c=l+i.offsetHeight,h=l<t?t:l;return(c>s?s:c)-h}function ye(){return!window.matchMedia("(min-width: 768px)").matches}function Gc(){return window.matchMedia("(min-width: 992px)").matches}function Yc(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches}function zi(i,e,t=[]){return i?i instanceof ShadowRoot?zi(i.host,e,t):i instanceof HTMLElement&&i.matches(e)?zi(i.parentNode,e,[...t,i]):zi(i.parentNode,e,t):t}function Ie(i,e){function t(r,a){if(!Boolean(a))return[];const n=Array.from(a.querySelectorAll(r)),l=Boolean(window.HTMLSlotElement)&&a instanceof HTMLSlotElement?a.assignedElements():[],c=[...Array.from(a.children),...l],h=a.shadowRoot,u=t(r,h);return[...n,...c.map(C=>t(r,C)).flat(),...u]}return t(e,i).filter((r,a,n)=>!n.some((l,c)=>l.isSameNode(r)&&c>a))}function jC(i){const e=new Date(i);return e.setMinutes(e.getMinutes()+e.getTimezoneOffset()),e}function ZW(i){if(i instanceof Date)return`${i.getFullYear()}-${String(i.getMonth()+1).padStart(2,"0")}-${String(i.getDate()).padStart(2,"0")}`}function Kc(i,e){return(i%e+e)%e}function Xc(i){return["image/jpeg","image/png","image/avif","image/gif","image/webp"].includes(i)}function RW(i){return i.startsWith("video/")}function NW(i){return i.startsWith("audio/")}function jW(i){return i.startsWith("application/pdf")}function FW(i){return i.startsWith("application/zip")||i.startsWith("application/x-zip")||i.startsWith("application/vnd.rar")||i.startsWith("application/x-7z")||i.startsWith("application/x-tar")||i.startsWith("application/x-gzip")}function UW(i){return i.startsWith("application/msword")||i.startsWith("application/vnd.openxmlformats-officedocument.wordprocessingml.document")||i.startsWith("application/vnd.apple.pages")}const WW=".sc-swirl-autocomplete-h{display:block}.sc-swirl-autocomplete-h *.sc-swirl-autocomplete{box-sizing:border-box}.autocomplete--inactive.sc-swirl-autocomplete .autocomplete__listbox-container.sc-swirl-autocomplete{display:none}.autocomplete__listbox-container.sc-swirl-autocomplete{position:fixed;z-index:var(--s-z-40);overflow-x:hidden;overflow-y:auto;max-height:18rem;padding-top:var(--s-space-8);padding-bottom:var(--s-space-8);border-radius:var(--s-border-radius-sm);background-color:var(--s-surface-overlay-default);animation:autocomplete-enter 0.1s;box-shadow:var(--s-shadow-level-1)}.autocomplete__listbox-container.sc-swirl-autocomplete:empty{display:none}.autocomplete__spinner.sc-swirl-autocomplete{display:flex;padding:var(--s-space-16);justify-content:center;align-items:center}.autocomplete__multi-select-tags.sc-swirl-autocomplete{margin-top:var(--swirl-autocomplete-tags-margin-top);margin-bottom:var(--s-space-4)}@keyframes autocomplete-enter{from{opacity:0}to{opacity:1}}",FC=class{constructor(i){x(this,i),this.valueChange=K(this,"valueChange",7),this.clearable=!0,this.clearButtonLabel="Clear input",this.generateSuggestions=async()=>[],this.menuLabel="Suggestions",this.active=!1,this.loading=!1,this.suggestions=[],this.onChange=e=>{e.stopPropagation(),this.updateTerm(e)},this.updateTerm=_3(async e=>{this.updateSuggestions(e.detail),this.open(),!this.multiSelect&&(!Boolean(e.detail)||e.detail==="")&&(this.value=void 0,this.valueChange.emit(this.value))},250,!1),this.onSelect=async e=>{if(e.stopPropagation(),this.multiSelect){const t=e.detail,s=this.suggestions.filter(a=>!t.includes(a.id)).map(a=>a.id);this.value=[...this.value.filter(a=>!s.includes(a.id)),...this.suggestions.filter(a=>t.includes(a.id)&&!this.value.some(n=>n.id===a.id))],this.valueChange.emit(this.value),this.inputEl.value="";const r=this.inputEl.querySelector("input");Boolean(r)&&(r.value="",queueMicrotask(()=>{r.focus(),this.close()}),this.updateSuggestions(r.value))}else if(Boolean(e.detail[0])){const t=e.detail[0],s=this.suggestions.find(r=>r.id===t);if(!Boolean(s))return;this.value=s,this.valueChange.emit(this.value),queueMicrotask(()=>{var r;(r=this.inputEl.querySelector("input"))==null||r.focus(),this.close()})}},this.onRemoveValue=e=>{!Array.isArray(this.value)||(this.value=this.value.filter(t=>t.id!==e),this.valueChange.emit(this.value))},this.onFocusOut=e=>{const t=e.relatedTarget;Boolean(t)&&!this.el.contains(t)&&this.close()},this.onFocus=()=>{this.updateSuggestions(),this.open()},this.onKeyDown=e=>{e.code==="Escape"&&(e.preventDefault(),e.stopPropagation(),this.inputEl.querySelector("input").focus(),this.close())},this.onInputKeyDown=e=>{var t,s;e.code==="ArrowDown"&&(e.preventDefault(),(s=(t=this.listboxEl.querySelector('[role="listbox"]'))==null?void 0:t.querySelector('[tabIndex="0"]'))==null||s.focus())}}componentWillLoad(){const i=document.querySelectorAll("swirl-datepicker").length;this.id=`autocomplete-${i}`,this.handleInitialValue()}onWindowClick(i){const e=i.target;this.el.contains(e)||this.close()}watchMultiSelect(){this.handleInitialValue()}async close(){var e;if(!this.active)return;this.disableAutoUpdate&&this.disableAutoUpdate();const i=this.inputEl.querySelector("input");Boolean(i)&&(this.multiSelect?i.value="":i.value=((e=this.value)==null?void 0:e.label)||""),this.active=!1}async open(){this.active||(this.active=!0,requestAnimationFrame(async()=>{await this.reposition(),this.disableAutoUpdate&&this.disableAutoUpdate(),this.disableAutoUpdate=V9(this.inputEl,this.listboxContainerEl,this.reposition.bind(this),{animationFrame:!0}),this.listboxContainerEl.scrollTop=0,this.updateSuggestions(this.inputEl.querySelector("input").value)}))}async reposition(){!Boolean(this.listboxContainerEl)||(this.position=await T9(this.inputEl,this.listboxContainerEl,{middleware:[Do({crossAxis:-16,mainAxis:16})],placement:"bottom-start",strategy:"fixed"}))}async updateSuggestions(i){this.loading=!0,this.suggestions=[],this.suggestions=await this.generateSuggestions(i),this.loading=!1}handleInitialValue(){this.multiSelect&&!Array.isArray(this.value)&&(this.value=[]),!this.multiSelect&&Array.isArray(this.value)&&(this.value=void 0)}render(){var a,n,l,c;const i=`${this.id}-suggestions`,e=this.clearable&&!this.multiSelect,t=this.multiSelect?this.value.map(h=>h.id):Boolean(this.value)?[this.value.id]:[],s=this.multiSelect?void 0:((a=this.value)==null?void 0:a.label)||"",r=z("autocomplete",{"autocomplete--inactive":!this.active});return o(q,{key:"36f37cea5fdd7151673aa5c8ad30f652a1769609"},o("div",{key:"f1457ce0ea13ea7a769cd1de3eb3bf4cf2b9549b",class:r,onKeyDown:this.onKeyDown},this.multiSelect&&Array.isArray(this.value)&&this.value.length>0&&o("div",{key:"7b5b831a06dd7270386f857d198178a92e118580",class:"autocomplete__multi-select-tags"},o("swirl-stack",{key:"c5bf0b5bf1252f9bd8368917a27d9927e3b2c7c0",orientation:"horizontal",spacing:"8",wrap:!0},this.value.map(h=>o("swirl-tag",{key:h.id,label:h.label,onRemove:()=>this.onRemoveValue(h.id),removable:!this.disabled})))),o("swirl-text-input",{key:"f41ec2b57444ff45d75e039dad609d7b2ebf6d17",autoSelect:this.autoSelect,class:"autocomplete__input",clearable:e,clearButtonLabel:this.clearButtonLabel,disabled:this.disabled,disableDynamicWidth:!0,id:this.id,inline:this.inline,invalid:this.invalid,onInputFocus:this.onFocus,onKeyDown:this.onInputKeyDown,onValueChange:this.onChange,maxLength:this.maxLength,mode:this.mode,placeholder:this.placeholder,ref:h=>this.inputEl=h,required:this.required,spellCheck:this.spellCheck,swirlAriaAutocomplete:"list",swirlAriaControls:i,swirlAriaDescribedby:this.swirlAriaDescribedby,swirlAriaExpanded:String(this.active),swirlRole:"combobox",value:s}),o("div",{key:"a940d9511351d965da89de983885eb0d8819f977",class:"autocomplete__listbox-container",onFocusout:this.onFocusOut,ref:h=>this.listboxContainerEl=h,style:{top:Boolean(this.position)?`${(n=this.position)==null?void 0:n.y}px`:"",left:Boolean(this.position)?`${(l=this.position)==null?void 0:l.x}px`:"",width:`${((c=this.inputEl)==null?void 0:c.getBoundingClientRect().width)+32}px`}},this.loading&&o("div",{key:"bdcc2ec3441fa97915ac8d1ed4348a0c59101708",class:"autocomplete__spinner"},o("swirl-spinner",{key:"08a8eeb925fcc515f76ae0d7edae2c5fc01f409f"})),this.suggestions.length>0&&o("swirl-option-list",{key:"79b71e2f6aaabef56558d95229dc24ee26cb4056",allowDeselect:this.multiSelect===!0,label:this.menuLabel,multiSelect:this.multiSelect,onValueChange:this.onSelect,optionListId:i,ref:h=>this.listboxEl=h,value:t},this.suggestions.map(h=>{var u;return o("swirl-option-list-item",{selected:Array.isArray(this.value)?this.value.some(f=>f.id===h.id):((u=this.value)==null?void 0:u.id)===h.id,key:h.id,disabled:h.disabled,label:h.label,value:h.id})})))))}get el(){return h1(this)}static get watchers(){return{multiSelect:["watchMultiSelect"]}}};FC.style=WW;const UC=Object.freeze(Object.defineProperty({__proto__:null,swirl_autocomplete:FC},Symbol.toStringTag,{value:"Module"})),GW=":host{display:inline-flex;flex-shrink:0;align-items:center;flex-direction:column}:host *{box-sizing:border-box}.avatar{position:relative;display:inline-flex;justify-content:center;align-items:center;border-radius:50%}.avatar--has-icon{color:var(--s-icon-default);background-color:var(--swirl-avatar-background-color)}.avatar--has-initials{padding-right:0;padding-left:0;color:#fff}.avatar--interactive{cursor:pointer}.avatar--interactive:focus:not(:focus-visible){outline:none}.avatar--interactive:focus-visible{outline-color:var(--s-focus-default)}.avatar--size-3xs{width:1.25rem;height:1.25rem}.avatar--size-3xs .avatar__initials{font-size:0.625rem}.avatar--size-3xs.avatar--has-icon{padding-right:0.125rem;padding-left:0.125rem}.avatar--size-3xs.avatar--variant-square,.avatar--size-3xs.avatar--variant-square .avatar__image,.avatar--size-3xs.avatar--variant-square .avatar__initials{border-radius:0.25rem}.avatar--size-2xs{width:1.5rem;height:1.5rem}.avatar--size-2xs .avatar__initials{font-size:0.625rem}.avatar--size-2xs.avatar--has-icon{padding-right:0.125rem;padding-left:0.125rem}.avatar--size-2xs.avatar--variant-square,.avatar--size-2xs.avatar--variant-square .avatar__image,.avatar--size-2xs.avatar--variant-square .avatar__initials{border-radius:0.25rem}.avatar--size-xs{width:1.75rem;height:1.75rem}.avatar--size-xs .avatar__initials{font-size:0.75rem}.avatar--size-xs.avatar--has-icon{padding-right:0.4375rem;padding-left:0.4375rem}.avatar--size-xs.avatar--variant-square,.avatar--size-xs.avatar--variant-square .avatar__image,.avatar--size-xs.avatar--variant-square .avatar__initials{border-radius:0.5rem}.avatar--size-s{width:2rem;height:2rem}.avatar--size-s .avatar__initials{font-size:0.75rem}.avatar--size-s.avatar--has-icon{padding-right:var(--s-space-8);padding-left:var(--s-space-8)}.avatar--size-s.avatar--variant-square,.avatar--size-s.avatar--variant-square .avatar__image,.avatar--size-s.avatar--variant-square .avatar__initials{border-radius:0.5rem}.avatar--size-m{width:2.5rem;height:2.5rem}.avatar--size-m .avatar__initials{font-size:var(--s-font-size-base)}.avatar--size-m.avatar--has-icon{padding-right:0.625rem;padding-left:0.625rem}.avatar--size-m.avatar--variant-square,.avatar--size-m.avatar--variant-square .avatar__image,.avatar--size-m.avatar--variant-square .avatar__initials{border-radius:0.625rem}.avatar--size-l{width:3rem;height:3rem}.avatar--size-l .avatar__initials{font-size:var(--s-font-size-lg)}.avatar--size-l.avatar--has-icon{padding-right:var(--s-space-12);padding-left:var(--s-space-12)}.avatar--size-l.avatar--variant-square,.avatar--size-l.avatar--variant-square .avatar__image,.avatar--size-l.avatar--variant-square .avatar__initials{border-radius:0.75rem}.avatar--size-xl{width:4rem;height:4rem}.avatar--size-xl .avatar__initials{font-size:var(--s-font-size-xl)}.avatar--size-xl.avatar--has-icon{padding-right:var(--s-space-16);padding-left:var(--s-space-16)}.avatar--size-xl.avatar--variant-square,.avatar--size-xl.avatar--variant-square .avatar__image,.avatar--size-xl.avatar--variant-square .avatar__initials{border-radius:1rem}.avatar--size-2xl{width:9rem;height:9rem}.avatar--size-2xl .avatar__initials{font-size:3.375rem}.avatar--size-2xl.avatar--has-icon{padding-right:var(--s-space-32);padding-left:var(--s-space-32)}.avatar--size-2xl.avatar--variant-square,.avatar--size-2xl.avatar--variant-square .avatar__image,.avatar--size-2xl.avatar--variant-square .avatar__initials{border-radius:1.25rem}.avatar--size-2xl .avatar__tool{transform:translate3d(-25%, -25%, 0px)}.avatar--size-2xl .avatar__tool--position-top{transform:translate3d(-25%, 25%, 0px)}.avatar--color-banana .avatar__initials{color:var(--s-decorative-banana-text);background-color:var(--s-decorative-banana-surface-subdued)}.avatar--color-blueberry .avatar__initials{color:var(--s-decorative-blueberry-text);background-color:var(--s-decorative-blueberry-surface-subdued)}.avatar--color-chilli .avatar__initials{color:var(--s-decorative-chilli-text);background-color:var(--s-decorative-chilli-surface-subdued)}.avatar--color-grape .avatar__initials{color:var(--s-decorative-grape-text);background-color:var(--s-decorative-grape-surface-subdued)}.avatar--color-kiwi .avatar__initials{color:var(--s-decorative-kiwi-text);background-color:var(--s-decorative-kiwi-surface-subdued)}.avatar--color-pumpkin .avatar__initials{color:var(--s-decorative-pumpkin-text);background-color:var(--s-decorative-pumpkin-surface-subdued)}.avatar--color-radish .avatar__initials{color:var(--s-decorative-radish-text);background-color:var(--s-decorative-radish-surface-subdued)}.avatar--color-neutral .avatar__initials{color:var(--s-text-subdued);background-color:var(--s-surface-neutral-subdued)}.avatar__image{overflow:hidden;width:100%;height:100%;border-radius:50%}.avatar__image>img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.avatar__icon{display:inline-flex}.avatar__icon>*{width:100%;height:100%}.avatar__icon>*::part(icon){width:100%;height:100%}.avatar__initials{position:absolute;display:inline-flex;min-width:0;padding-right:0.0625rem;padding-left:0.0625rem;justify-content:center;align-items:center;border-radius:50%;font-weight:var(--s-font-weight-medium);inset:0}.avatar__initials>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.avatar__badge{position:absolute;bottom:0;left:55%;display:inline-flex;min-width:1.5rem;height:1.5rem;transform:translate3d(0, 25%, 0)}.avatar__badge--position-top{top:0;bottom:auto;transform:translate3d(0, -25%, 0)}.avatar__label{margin-top:var(--s-space-4);color:var(--s-icon-default);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-sm);text-align:center}.avatar__tool{position:absolute;right:0;bottom:0;display:inline-flex;transform:translate3d(25%, 25%, 0)}.avatar__tool--position-top{top:0;bottom:auto;transform:translate3d(25%, -25%, 0)}",WC={"3xs":20,"2xs":24,xs:28,s:32,m:40,l:48,xl:64,"2xl":144},GC=class{constructor(i){x(this,i),this.imageError=K(this,"imageError",7),this.imageLoad=K(this,"imageLoad",7),this.badgePosition="bottom",this.color="kiwi",this.interactive=!1,this.showLabel=!1,this.size="m",this.toolPosition="bottom",this.variant="round",this.loadingError=!1,this.loaded=!1,this.inViewport=!1,this.componentLoaded=!1,this.onImageElementUpdate=e=>{var t,s;(t=this.imgEl)==null||t.removeEventListener("load",this.setImageAvailable),(s=this.imgEl)==null||s.removeEventListener("error",this.setImageUnavailable),this.imgEl=e,this.imgEl&&(this.imgEl.addEventListener("load",this.setImageAvailable),this.imgEl.addEventListener("error",this.setImageUnavailable))},this.setImageAvailable=()=>{this.imageAvailable=!0,this.loadingError=!1,this.loaded=!0,this.imageLoad.emit()},this.setImageUnavailable=()=>{this.imageAvailable=!1,this.loaded=!0,this.loadingError=!0,this.imageError.emit()},this.onKeydown=e=>{e.code==="Space"?e.preventDefault():e.code==="Enter"&&(e.preventDefault(),this.element.click())},this.onKeyup=e=>{e.code==="Space"&&(e.preventDefault(),this.element.click())}}componentDidLoad(){this.setupIntersectionObserver(),this.componentLoaded=!0}connectedCallback(){this.componentLoaded&&this.setupIntersectionObserver()}disconnectedCallback(){var i,e,t;(i=this.intersectionObserver)==null||i.disconnect(),(e=this.imgEl)==null||e.removeEventListener("load",this.setImageAvailable),(t=this.imgEl)==null||t.removeEventListener("error",this.setImageUnavailable)}watchSrcProp(){this.imageAvailable=void 0}setupIntersectionObserver(){this.loading==="intersecting"&&(this.intersectionObserver=new IntersectionObserver(this.onVisibilityChange.bind(this),{threshold:0}),this.intersectionObserver.observe(this.element))}onVisibilityChange(i){this.inViewport=i.some(e=>e.isIntersecting)}render(){const i=Boolean(this.src)&&(this.imageAvailable||this.imageAvailable===void 0)&&(this.loading!=="intersecting"||this.inViewport),e=(!i||!this.loaded&&!this.loadingError)&&Boolean(this.initials),t=!i&&!e&&Boolean(this.icon),s=!i&&!e&&!t,r=Boolean(this.badge)&&this.size==="m",a=this.interactive?"button":void 0,n=z("avatar",`avatar--color-${this.color}`,`avatar--size-${this.size}`,`avatar--variant-${this.variant}`,{"avatar--has-icon":t||s,"avatar--has-initials":e,"avatar--interactive":this.interactive}),l=z("avatar__badge",`avatar__badge--position-${this.badgePosition}`),c=z("avatar__tool",`avatar__tool--position-${this.toolPosition}`);return o(q,{key:"42c11df526248247b9cb2bee6b2d58bc70aafa65","aria-label":this.interactive?this.label:void 0,onKeydown:this.interactive?this.onKeydown:void 0,onKeyup:this.interactive?this.onKeyup:void 0,role:a,tabIndex:this.interactive?0:void 0},o("span",{key:"96a01925f8c723fca2dbb17263152b1d56d26027",class:n,part:"avatar"},i&&o("span",{key:"896d136ab3094a2f583b938c2b91d04e78f0d10f",class:"avatar__image"},o("img",{key:"fde4999892611a1634223519cbccf76130cdb51c",alt:"",height:WC[this.size],loading:this.loading!=="intersecting"?this.loading:void 0,ref:this.onImageElementUpdate,src:this.src,width:WC[this.size]})),e&&o("span",{key:"4e1e6d7539ef10c696292cbb9f8a1a9dd492a97a",class:"avatar__initials"},o("span",{key:"866a9aaaa0b2e2ef114cc992be91b503160aac69"},this.initials)),t&&o("span",{key:"1cb19789413ef94288b19c209f80b9ccab454baa",class:"avatar__icon",innerHTML:this.icon}),s&&o("span",{key:"36dee103b6406e226e48183c4376a978a6ecedc9",class:"avatar__icon"},o("swirl-icon-person",{key:"b992b47b9baa52c05193fff33e9b57211c23a51e"})),r&&o("span",{key:"6134b435fa2572c24dd3d8be7ca3f02b51e6ea3c",class:l,innerHTML:this.badge}),o("span",{key:"20e4112658cd486eb49d7e2543f13678b4d7a5fd",class:c},o("slot",{key:"f03881df79fb42c911c2895cd787f706c9529a9f",name:"tool"}))),this.showLabel&&o("span",{key:"beeb327bbc2a05443d756dea01be85e0a885e507","aria-hidden":!0,class:"avatar__label"},this.label))}get element(){return h1(this)}static get watchers(){return{src:["watchSrcProp"]}}};GC.style=GW;const YC=Object.freeze(Object.defineProperty({__proto__:null,swirl_avatar:GC},Symbol.toStringTag,{value:"Module"})),YW=":host{display:inline-flex}:host *{box-sizing:border-box}.avatar-group{position:relative}.avatar-group--diagonal-stack{display:inline-grid;grid-template-rows:repeat(9, 1fr);grid-template-columns:repeat(9, 1fr)}.avatar-group--diagonal-stack ::slotted(*:first-child){z-index:1;display:inline-flex;border-radius:50%;box-shadow:0 0 0 0.25rem var(--swirl-avatar-group-border-color);grid-column-start:1;grid-column-end:7;grid-row-start:4;grid-row-end:10}.avatar-group--diagonal-stack ::slotted(*:nth-child(2)){z-index:0;display:inline-flex;border-radius:50%;grid-column-start:4;grid-column-end:10;grid-row-start:1;grid-row-end:7}.avatar-group--diagonal-stack ::slotted(*:nth-child(n+3)){display:none}.avatar-group--diagonal-stack .avatar-group__badge{position:absolute;right:calc(-1 * var(--s-space-4));bottom:calc(-1 * var(--s-space-4))}.avatar-group--horizontal-stack{display:inline-flex}.avatar-group--horizontal-stack .avatar-group__badge{display:none}.avatar-group--horizontal-stack ::slotted(*){z-index:1;display:inline-flex;border-radius:50%;box-shadow:0 0 0 0.125rem var(--swirl-avatar-group-border-color)}.avatar-group--horizontal-stack ::slotted(*:not(:first-child)){margin-left:calc(-1 * var(--s-space-4))}.avatar-group__badge{z-index:3;display:inline-flex;width:1.5rem;height:1.5rem}.avatar-group__badge ::part(badge){box-shadow:0 0 0 0.25rem var(--swirl-badge-border-color)}",KC=class{constructor(i){x(this,i),this.layout="diagonal",this.avatars=[],this.onSlotChange=e=>{this.avatars=e.target.assignedElements(),this.layOutAvatars()}}componentDidLoad(){this.forceBadgeProps()}forceBadgeProps(){if(!Boolean(this.badge))return;const i=this.badgeEl.querySelector("swirl-badge"),e=i==null?void 0:i.getAttribute("size");Boolean(e)||i==null||i.setAttribute("size","s")}layOutAvatars(){this.layout==="diagonal"?this.avatars.forEach(i=>{i.style.position="",i.style.zIndex=""}):this.avatars.forEach((i,e)=>{i.style.position="relative",i.style.zIndex=String(this.avatars.length-e)})}render(){const i=z("avatar-group",`avatar-group--${this.layout}-stack`,{"avatar-group--has-badge":Boolean(this.badge)}),e=z("avatar-group__badge");return o(q,{key:"44eb5dcca9331aa60a63143ce040ea3f713ecfe0"},o("div",{key:"459e73dfa19bdd06b3865eef1b9fde257a541500","aria-label":this.label,class:i,role:"group"},o("slot",{key:"d91f3fba819973281cc9a1b5b057bcb20a4f3cd4",onSlotchange:this.onSlotChange}),this.badge&&o("span",{key:"f57d98c7b2bac0e0febaeb866be117619cd2ea9a",class:e,innerHTML:this.badge,ref:t=>this.badgeEl=t})))}};KC.style=YW;const XC=Object.freeze(Object.defineProperty({__proto__:null,swirl_avatar_group:KC},Symbol.toStringTag,{value:"Module"}));class KW{constructor(){this.listeners=new Set,this.onChange=e=>{this.listeners.forEach(t=>t(e.matches))},this.mediaQueryList=BW(),this.mediaQueryList.addEventListener("change",this.onChange)}subscribe(e){return this.listeners.add(e),e(this.mediaQueryList.matches),()=>{this.listeners.delete(e)}}}const Ct=new KW,XW=":host{display:block}:host *{box-sizing:border-box}.banner{display:flex;align-items:flex-start;gap:var(--s-space-16);max-width:100%;min-height:3.5rem;padding:var(--s-space-16)}.banner:focus:not(:focus-visible){outline:none}.banner:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-4)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner{padding:var(--s-space-16);min-height:3.25rem}}.banner--size-s{padding:var(--s-space-8);justify-content:center}.banner--size-s .banner__content{flex-grow:0;text-align:center}.banner--size-s .banner__controls{margin-left:0}.banner--intent-default .banner__icon,.banner--intent-default .banner__content,.banner--intent-default .banner__action-button,.banner--intent-default .banner__dismiss-button,.banner--intent-critical .banner__icon,.banner--intent-critical .banner__content,.banner--intent-critical .banner__action-button,.banner--intent-critical .banner__dismiss-button,.banner--intent-success .banner__icon,.banner--intent-success .banner__content,.banner--intent-success .banner__action-button,.banner--intent-success .banner__dismiss-button,.banner--intent-info .banner__icon,.banner--intent-info .banner__content,.banner--intent-info .banner__action-button,.banner--intent-info .banner__dismiss-button{color:var(--s-text-on-status)}.banner--intent-default{background-color:var(--s-surface-neutral-default)}.banner--intent-critical{background-color:var(--s-surface-critical-default)}.banner--intent-success{background-color:var(--s-surface-success-default)}.banner--intent-info{background-color:var(--s-surface-info-default)}.banner--intent-warning{background-color:var(--s-surface-warning-default)}.banner--intent-warning .banner__icon{color:var(--s-icon-strong)}.banner--intent-warning .banner__content,.banner--intent-warning .banner__action-button,.banner--intent-warning .banner__dismiss-button{color:var(--s-text-default)}.banner__content{display:flex;align-items:flex-start;min-height:1.5rem;flex-grow:1;line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner__content{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);min-height:1.25rem}}.banner__icon{display:none;width:1.5rem;height:1.5rem;margin-right:var(--s-space-8);flex-shrink:0;color:var(--s-icon-on-status)}@media (min-width: 375px){.banner__icon{display:inline-flex}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner__icon{width:1.25rem;height:1.25rem}}.banner__text{min-height:1.5rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner__text{min-height:1.25rem}}.banner__controls{display:inline-flex;flex-shrink:0;align-items:flex-start;line-height:var(--s-line-height-base);gap:var(--s-space-16)}@media (min-width: 768px){.banner__controls{gap:var(--s-space-24)}}.banner__action-button,.banner__dismiss-button{display:inline-flex;overflow:hidden;max-width:7rem;height:1.5rem;padding:0;flex-shrink:0;align-items:center;border:none;background-color:transparent;font:inherit;font-weight:var(--s-font-weight-semibold);white-space:nowrap;text-overflow:ellipsis;cursor:pointer}.banner__action-button:focus,.banner__dismiss-button:focus{outline-color:var(--s-focus-default)}@media (min-width: 768px){.banner__action-button,.banner__dismiss-button{max-width:12rem}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.banner__action-button,.banner__dismiss-button{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm);height:1.25rem}}",qW={default:void 0,critical:"<swirl-icon-error></swirl-icon-error>",success:"<swirl-icon-check-circle></swirl-icon-check-circle>",warning:"<swirl-icon-warning></swirl-icon-warning>",info:"<swirl-icon-info></swirl-icon-info>"},qC=class{constructor(i){x(this,i),this.action=K(this,"action",7),this.dismiss=K(this,"dismiss",7),this.dismissable=!1,this.dismissLabel="Dismiss",this.importance="status",this.intent="default",this.showIcon=!1,this.size="m",this.mediaQueryUnsubscribe=()=>{},this.onAction=e=>{this.action.emit(e)},this.onDismiss=e=>{this.dismiss.emit(e)}}componentDidLoad(){this.mediaQueryUnsubscribe=Ct.subscribe(i=>{this.forceIconProps(i)})}disconnectedCallback(){this.mediaQueryUnsubscribe()}forceIconProps(i){var s,r;const e=(s=this.iconEl)==null?void 0:s.children[0],t=(r=this.dismissButtonEl)==null?void 0:r.children[0];e==null||e.setAttribute("size",i?"20":"24"),t==null||t.setAttribute("size",i?"20":"24")}determineIcon(){return this.icon?this.icon:qW[this.intent]}render(){const i=this.determineIcon(),e=Boolean(this.actionLabel)||this.dismissable,t=this.icon||this.showIcon&&Boolean(i),s=z("banner",`banner--intent-${this.intent}`,`banner--size-${this.size}`,{"banner--has-icon":t});return o(q,{key:"11ecf5b273bb2636d5d3e779fc91df1f7b10a8e0"},o("div",{key:"bc5e53f04ad5e80defe407340d191d1951a10123","aria-describedby":"content",class:s,role:this.importance,tabIndex:0},o("div",{key:"86b3950336dca8b1d28994d1fb18113a4b4c421a",class:"banner__content",id:"content",part:"banner__content"},t&&o("span",{key:"5716e25d171cc28861459258e257c8a821ebc56d","aria-hidden":"true",class:"banner__icon",innerHTML:i,ref:r=>this.iconEl=r}),o("span",{key:"a5a5019667573c14dde87041e475481a7edf6d5e",class:"banner__text"},this.content)),e&&o("div",{key:"cf8632f83dc502caba7f10710a353d1a34f30493",class:"banner__controls"},this.actionLabel&&o("button",{key:"166c562828b381640c29783ac8b275f49b088cad",class:"banner__action-button",onClick:this.onAction,part:"banner__action-button",type:"button"},this.actionLabel),this.dismissable&&o("button",{key:"b1247a38ea5f7592d7c12f0919360041ea9061b8","aria-label":this.dismissLabel,class:"banner__dismiss-button",onClick:this.onDismiss,part:"banner__dismiss-button",ref:r=>this.dismissButtonEl=r,type:"button"},o("swirl-icon-close",{key:"12524ce0998e451f9260924e2a5226ddee4ade43"})))))}get element(){return h1(this)}};qC.style=XW;const QC=Object.freeze(Object.defineProperty({__proto__:null,swirl_banner:qC},Symbol.toStringTag,{value:"Module"})),QW=`:host{display:contents}:host *{box-sizing:border-box}.card{--swirl-ghost-button-background-default:var(--s-surface-default);--swirl-ghost-button-background-hovered:var(--s-surface-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-pressed);--swirl-resource-list-item-background-default:var(--s-surface-default);--swirl-resource-list-item-background-hovered:var(--s-surface-hovered);--swirl-resource-list-item-background-pressed:var(--s-surface-pressed);position:relative;display:flex;overflow:hidden;width:100%;margin:0;padding:0;border:var(--s-border-width-default) solid var(--s-border-default);border-radius:var(--s-border-radius-base);color:var(--s-text-default);background-color:var(--swirl-card-background-default);font:inherit;text-decoration:none;flex-direction:column;transition:background-color 0.2s}.card:not(.card--has-image) .card__image{overflow:hidden;height:0}a.card,button.card,.card--interactive{cursor:pointer}a.card:hover,button.card:hover,.card--interactive:hover{background-color:var(--swirl-card-background-hovered)}a.card:active,button.card:active,.card--interactive:active{background-color:var(--swirl-card-background-pressed)}a.card:focus:not(:focus-visible),button.card:focus:not(:focus-visible),.card--interactive:focus:not(:focus-visible){outline:none}a.card:focus-visible,button.card:focus-visible,.card--interactive:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-4)}.card--is--borderless{border:0}.card--elevated.card--elevation-level-1{box-shadow:var(--s-shadow-level-1)}.card--elevated.card--elevation-level-2{box-shadow:var(--s-shadow-level-2)}.card--elevated.card--elevation-level-3{box-shadow:var(--s-shadow-level-3)}.card--flashing{background-color:var(--swirl-card-background-pressed)}.card--flashing.card--intent-default-subdued{background-color:var(--s-surface-raised-pressed)}.card--flashing.card--intent-highlight{background-color:var(--s-surface-highlight-pressed)}.card--highlighted{border-width:0.1875rem;border-color:var(--s-border-highlight)}.card--justify-content-start .card__body{justify-content:flex-start}.card--justify-content-center .card__body{justify-content:center}.card--justify-content-end .card__body{justify-content:flex-end}.card--intent-critical-subdued{background-color:var(--s-surface-critical-subdued)}.card--intent-default-subdued{--swirl-resource-list-item-background-default:var(
     --s-surface-raised-default
   );--swirl-resource-list-item-background-hovered:var(
     --s-surface-raised-hovered

package/dist/swirl-console-layout.entry.3803adc9.js

@@ -0,0 +1,98 @@
+import { r as c, c as l, h as e, H as d, g as b } from "./index.28204306.js";
+import { c as h } from "./index-orsBiyT_.fc4357c3.js";
+import { d as p, i } from "./utils-DytJsmhr.20b14d35.js";
+import "react";
+import "react-dom";
+const u = `:host{display:block;width:100%;height:100vh;--console-footer-height:4.25rem;--console-app-bar-height:3.5rem;--console-sidebar-width:18.5rem}:host *{box-sizing:border-box}.console-layout{display:grid;width:100%;height:100%;grid-template-columns:1fr;grid-template-areas:"main"}@media (min-width: 768px){.console-layout{grid-template-columns:var(--console-sidebar-width) 1fr;grid-template-areas:"sidebar main"}}@media (max-width: 767px){.console-layout--sidebar-active .console-layout__sidebar{transform:translate3d(0, 0, 0);box-shadow:0 0 1rem rgba(0, 0, 0, 0.06)}}@media (min-width: 768px){.console-layout--empty-app-bar .console-layout__main{grid-template-areas:"content";grid-template-rows:1fr}}@media (min-width: 768px){.console-layout--empty-app-bar .console-layout__app-bar{display:none}}@media (min-width: 768px){.console-layout--empty-app-bar.console-layout--has-footer .console-layout__main{grid-template-areas:"content"
+        "footer";grid-template-rows:1fr -webkit-min-content;grid-template-rows:1fr min-content}}.console-layout__sidebar{position:fixed;z-index:var(--s-z-30);top:4rem;bottom:0;left:0;display:grid;overflow-x:hidden;overflow-y:auto;width:100%;max-width:20rem;border-right:var(--s-border-width-default) solid var(--s-border-default);transition:transform 0.15s, box-shadow 0.15s;transform:translate3d(-100%, 0, 0);grid-template-rows:auto 1fr -webkit-min-content;grid-template-rows:auto 1fr min-content;grid-template-areas:"header"
+    "navigation"
+    "user"}@media (prefers-reduced-motion){.console-layout__sidebar{transition:none}}@media (min-width: 768px){.console-layout__sidebar{position:static;top:auto;left:auto;max-width:none;height:100%;transform:none;box-shadow:none;grid-area:sidebar}}.console-layout__header{overflow:hidden;min-width:0;padding:var(--s-space-20) var(--s-space-24);background-color:var(--s-background-default);grid-area:header}.console-layout__navigation{overflow-x:hidden;overflow-y:auto;padding-top:var(--s-space-8);padding-bottom:var(--s-space-8);background-color:var(--s-background-default);grid-area:navigation}.console-layout__user{overflow:hidden;padding:var(--s-space-16) var(--s-space-24);border-top:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);grid-area:user;min-height:var(--console-footer-height);box-sizing:border-box}.console-layout__main{display:grid;overflow:hidden;width:100%;height:100%;grid-area:main;gap:var(--s-border-width-default);grid-template-rows:var(--console-app-bar-height) 1fr;grid-template-areas:"app-bar"
+    "content"}.console-layout--has-footer .console-layout__main{grid-template-rows:var(--console-app-bar-height) 1fr -webkit-min-content;grid-template-rows:var(--console-app-bar-height) 1fr min-content;grid-template-areas:"app-bar"
+    "content"
+    "footer"}.console-layout__app-bar{position:sticky;z-index:var(--s-z-30);top:0;display:flex;min-width:0;padding-right:var(--s-space-16);padding-left:var(--s-space-16);align-items:center;border-bottom:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);gap:var(--s-space-12);grid-area:app-bar}@media (min-width: 768px){.console-layout__app-bar{padding-right:2.5rem;padding-left:2.5rem}}@media (min-width: 768px){.console-layout__mobile-navigation-button{display:none}}.console-layout__app-name{min-width:0;flex-grow:1}.console-layout__app-name .heading{overflow:hidden;font-weight:var(--s-font-weight-regular);white-space:nowrap;text-overflow:ellipsis}.console-layout__help-button{flex-shrink:0}.console-layout__content{overflow-x:hidden;overflow-y:auto;scrollbar-gutter:stable;display:flex;min-width:0;padding:0 var(--s-space-16);background-color:var(--s-background-default);flex-direction:column;grid-area:content}@media (min-width: 768px){.console-layout__content{padding:0 2.5rem}}.console-layout__content-container{display:flex;flex-direction:column;align-items:center;height:100%;width:100%}.console-layout__integration{flex-grow:1;padding-bottom:var(--s-space-16)}@media (min-width: 768px){.console-layout__integration{padding-bottom:2.5rem}}.console-layout__integration{width:100%}.console-layout__logo{display:flex;min-width:0;align-items:center;gap:var(--s-space-12)}.console-layout__logo-mark{flex-shrink:0}.console-layout__logo-text{min-width:0}.console-layout__logo-text::part(text){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.console-layout__content-header{display:flex;margin-bottom:var(--s-space-24);flex-shrink:0;gap:var(--s-space-16);padding-top:var(--s-space-16)}@media (min-width: 768px){.console-layout__content-header{padding-top:2.5rem}}.console-layout__content-header{width:100%}.console-layout--has-custom-app-bar .console-layout__content-header{padding-top:var(--s-space-16)}.console-layout__back-button{position:relative;top:calc(-1 * var(--s-space-2));flex-shrink:0}.console-layout__heading-container{flex-grow:1}.console-layout__subheading{margin-top:var(--s-space-8)}.console-layout__content-header-tools{display:flex;flex-shrink:0}.console-layout__footer{position:sticky;bottom:0;z-index:var(--s-z-20);display:flex;flex-shrink:0;min-width:0;border-top:var(--s-border-width-default) solid var(--s-border-default);background-color:var(--s-background-default);grid-area:footer;width:100%;min-height:var(--console-footer-height);box-sizing:border-box}.console-layout__app-bar--custom{display:flex;min-width:0;align-items:center;padding:0;border-bottom:var(--s-border-width-default) solid transparent;background-color:var(--s-background-default)}.console-layout--main-scrollable:not(.console-layout--main-scrolled-to-top) .console-layout__app-bar--custom{border-bottom-color:var(--s-border-default)}.console-layout:not(.console-layout--has-custom-app-bar) .console-layout__app-bar--custom{display:none}.console-layout:not(.console-layout--has-footer) .console-layout__footer{display:none}.console-layout--has-custom-app-bar .console-layout__app-bar:not(.console-layout__app-bar--custom){display:none}`, f = class {
+  constructor(o) {
+    c(this, o), this.backButtonClick = l(this, "backButtonClick", 7), this.helpButtonClick = l(this, "helpButtonClick", 7), this.backButonLabel = "Back", this.helpButonLabel = "Help", this.hideNavigationButtonLabel = "Hide main navigation", this.logoText = "Admin", this.navigationLabel = "Main", this.showNavigationButtonLabel = "Show main navigation", this.contentScrollState = {
+      scrollable: !1,
+      scrolledToTop: !1,
+      scrolledToBottom: !1
+    }, this.updateCustomAppBarStatus = () => {
+      this.hasCustomAppBar = Boolean(this.el.querySelector('[slot="app-bar"]'));
+    }, this.updateFooterStatus = () => {
+      this.hasFooter = Boolean(this.el.querySelector('[slot="footer"]'));
+    }, this.onMainScroll = p(() => {
+      this.updateContentScrollState();
+    }, 16), this.onBackButtonClick = (a) => {
+      this.backButtonClick.emit(a);
+    }, this.onHelpButtonClick = (a) => {
+      this.helpButtonClick.emit(a);
+    }, this.onMobileNavigationToggleClick = () => {
+      this.toggleSidebar();
+    }, this.onClick = (a) => {
+      var s;
+      const t = a.target, n = Boolean(t.closest(".console-layout__mobile-navigation-button")), r = ((s = t.closest("[slot]")) == null ? void 0 : s.slot) === "overlays";
+      !a.composedPath().includes(this.sidebarEl) && !n && !r && this.sidebarActive && this.deactivateSidebar();
+    }, this.onKeyDown = (a) => {
+      a.code === "Escape" && this.sidebarActive && this.deactivateSidebar();
+    };
+  }
+  componentDidLoad() {
+    queueMicrotask(() => {
+      i() ? this.deactivateSidebar() : this.activateSidebar(), this.updateContentScrollState(), this.updateCustomAppBarStatus(), this.updateFooterStatus();
+    });
+  }
+  updateContentScrollState() {
+    if (!this.contentEl)
+      return;
+    const o = {
+      scrollable: this.contentEl.scrollHeight > this.contentEl.clientHeight,
+      scrolledToTop: this.contentEl.scrollTop === 0,
+      scrolledToBottom: Math.round(this.contentEl.scrollTop + this.contentEl.clientHeight) >= this.contentEl.scrollHeight
+    };
+    Object.keys(o).some((a) => o[a] !== this.contentScrollState[a]) && (this.contentScrollState = o);
+  }
+  onWindowResize() {
+    const o = i();
+    !o && !this.sidebarActive ? this.activateSidebar() : o && this.deactivateSidebar();
+  }
+  async toggleSidebar() {
+    this.sidebarActive ? this.deactivateSidebar() : this.activateSidebar();
+  }
+  async showSidebar() {
+    this.sidebarActive || this.activateSidebar();
+  }
+  async hideSidebar() {
+    this.sidebarActive && this.deactivateSidebar();
+  }
+  activateSidebar() {
+    var o;
+    this.sidebarActive = !0, this.sidebarEl.removeAttribute("inert"), i() && ((o = this.el.querySelector("swirl-tree-navigation-item")) == null || o.focus());
+  }
+  deactivateSidebar() {
+    this.sidebarActive = !1, i() && this.sidebarEl.setAttribute("inert", "");
+  }
+  render() {
+    const o = Boolean(this.maxContentWidth) ? {
+      maxWidth: this.maxContentWidth,
+      justifySelf: "center",
+      width: "100%"
+    } : void 0;
+    this.updateCustomAppBarStatus(), this.updateFooterStatus();
+    const a = h("console-layout", {
+      "console-layout--sidebar-active": this.sidebarActive,
+      "console-layout--empty-app-bar": !Boolean(this.appName) && !this.showHelpButton && !this.hasCustomAppBar,
+      "console-layout--has-footer": this.hasFooter,
+      "console-layout--has-custom-app-bar": this.hasCustomAppBar,
+      "console-layout--main-scrollable": this.contentScrollState.scrollable,
+      "console-layout--main-scrolled-to-top": this.contentScrollState.scrolledToTop,
+      "console-layout--main-scrolled-to-bottom": this.contentScrollState.scrolledToBottom
+    });
+    return e(d, { key: "e0982ef1c6673239076b6fb2e4109955f9140c6d" }, e("div", { key: "3a9d17422c619bfb4bbe042c2bc85300b7f94e04", class: a, onClick: this.onClick, onKeyDown: this.onKeyDown }, e("header", { key: "39807c1440bcee82e102368950d17a40047ed00e", "aria-hidden": String(!this.sidebarActive), class: "console-layout__sidebar", ref: (t) => this.sidebarEl = t }, e("div", { key: "f1c424be5583f77202f193b618fafc7dca5136a4", class: "console-layout__header" }, e("div", { key: "d6437c395526b5fa2035f336f1a113c293ddc569", class: "console-layout__logo" }, e("svg", { key: "610f516b9d2832490e7ad50a44288d0edf528f99", class: "console-layout__logo-mark", fill: "none", height: "26", viewBox: "0 0 16 26", width: "16", xmlns: "http://www.w3.org/2000/svg" }, e("path", { key: "e1c57d16932e450b94ccaa104040239a061f0126", d: "M0.624238 14.0705C0.326496 13.5353 0.118077 12.9406 0.0287543 12.3161C-0.0307941 11.662 -0.0010199 11.0375 0.147851 10.4428C0.296722 9.84813 0.594464 9.25343 0.951754 8.77767C1.33882 8.27217 1.78543 7.85588 2.35114 7.55853L14.6181 0.362671C14.9159 0.8979 15.1243 1.4926 15.2136 2.11703C15.3029 2.74147 15.2434 3.3659 15.0945 3.99034C14.9456 4.58504 14.6479 5.17974 14.2906 5.6555C13.9035 6.16099 13.4569 6.57728 12.8912 6.87463L0.624238 14.0705Z", fill: "#145AF5" }), e("path", { key: "66f909682ccfd611bd51306b716199e66aad720c", d: "M3.69214 21.4743C3.3944 20.9391 3.18598 20.3444 3.09666 19.72C3.00733 19.0956 3.06688 18.4711 3.21575 17.8467C3.36462 17.252 3.66237 16.6573 4.01966 16.1815C4.40672 15.676 4.85333 15.2597 5.41904 14.9624L12.2076 10.9779C12.5053 11.5131 12.7137 12.1078 12.803 12.7323C12.8924 13.3567 12.8328 13.9811 12.6839 14.6056C12.5351 15.2003 12.2373 15.795 11.88 16.2707C11.493 16.7762 11.0464 17.1925 10.4807 17.4899L3.69214 21.4743Z", fill: "#145AF5" }), e("path", { key: "7290322fd33d8368d31bd8756aebcccb6f232cd1", d: "M3.69141 21.4739L7.77047 19.0951C8.39573 20.1953 8.5446 21.5036 8.24686 22.7228C7.91934 23.9419 7.14521 24.9826 6.04357 25.6368L3.69141 21.4739Z", fill: "#80A8F4" }), e("path", { key: "c96ceba1401831d510f5c3d9cc1db56ea770a493", d: "M12.2072 10.9785L7.32419 10.1459L0.625 14.0709L5.38887 14.9629L12.2072 10.9785Z", fill: "#80A8F4" })), e("swirl-text", { key: "a947fa87292668aec8e4c09b124934a761db5830", class: "console-layout__logo-text", weight: "medium" }, this.logoText))), e("nav", { key: "b23e35155922e38fab0c128684f369b425fde2fa", "aria-label": this.navigationLabel, class: "console-layout__navigation" }, e("slot", { key: "7e158bdb7f169d313eb433ee29841730ec234e3b", name: "navigation" })), e("div", { key: "d631c5d647fc86091ac0357d0849115bda794a7f", class: "console-layout__user" }, e("slot", { key: "1e3205d895e83cda1a31156a9c24d5f41902fca1", name: "user" }))), e("main", { key: "a4d77c27a16e3416e22abd559840b53923263f55", "aria-labelledby": Boolean(this.appName) ? "app-name" : void 0, class: "console-layout__main" }, e("header", { key: "a6f93541bbbe596fa15fb7582d40345ea1982e93", class: "console-layout__app-bar console-layout__app-bar--custom" }, e("slot", { key: "ec570123c2412699c95be7a140339c8a70125768", name: "app-bar", onSlotchange: this.updateCustomAppBarStatus })), e("header", { key: "60f3add9684a0acb0b8f9ab3c1921b6ad50b4185", class: "console-layout__app-bar" }, e("span", { key: "d82ce859d12bc45cc5cfa0b5bf28073f1172fc9b", class: "console-layout__mobile-navigation-button" }, e("swirl-button", { key: "64f7ce37f09a9927af3edcd770401ef0030b3299", swirlAriaExpanded: String(this.sidebarActive), hideLabel: !0, icon: this.sidebarActive ? "<swirl-icon-close></swirl-icon-close>" : "<swirl-icon-menu></swirl-icon-menu>", label: this.sidebarActive ? this.hideNavigationButtonLabel : this.showNavigationButtonLabel, onClick: this.onMobileNavigationToggleClick })), e("div", { key: "71e7bcc36b5dd43fa94b18a648d376e759eb15a2", class: "console-layout__app-name" }, this.appName && e("swirl-heading", { key: "86b797e518d80dd3f82e2e0a1e84b62a0eeaa875", as: "h1", headingId: "app-name", level: 4, text: this.appName })), this.showHelpButton && e("swirl-button", { key: "afcb6141d50f5843e005d9dcc7f366dfd49dc697", class: "console-layout__help-button", hideLabel: !0, icon: "<swirl-icon-help></swirl-icon-help>", label: this.helpButonLabel, onClick: this.onHelpButtonClick })), e("section", { key: "b01b9c1dab5ab7fff6d26ff4088ea95f5146be12", "aria-labelledby": "heading", class: "console-layout__content", onScroll: this.onMainScroll, ref: (t) => this.contentEl = t }, e("div", { key: "3e5ace98ae2149bde88e8199c2b637fea5711173", class: "console-layout__content-container" }, e("header", { key: "c5fff9f08469ec07d8a8b2b30cb3b91a4f25be35", class: "console-layout__content-header", style: o }, this.showBackButton && e("swirl-button", { key: "5c36e749b8ee9e71c565cd4bf7bd536a076552a3", class: "console-layout__back-button", hideLabel: !0, icon: "<swirl-icon-arrow-back></swirl-icon-arrow-back>", label: this.backButonLabel, onClick: this.onBackButtonClick }), Boolean(this.heading) && e("div", { key: "19ebe1bd6bb70488496ce02063247116aa61d1c2", class: "console-layout__heading-container" }, e("swirl-heading", { key: "3e84682353d4d0a0f48fe8fd906693bb780f9fa7", as: Boolean(this.appName) ? "h2" : "h1", class: "console-layout__heading", headingId: "heading", level: 1, text: this.heading }), this.subheading && e("swirl-text", { key: "7ebb00dde91b7a7f8f5d81ae5d73660627576567", class: "console-layout__subheading", color: "subdued" }, this.subheading)), !Boolean(this.heading) && e("div", { key: "d879930e38a9f6e6859d25627604cd15e049c13c", class: "console-layout__heading-container" }, e("slot", { key: "31b93da5f6ea162f56f65e8b3587e9571423c390", name: "heading" })), e("div", { key: "14bfe6ad96716382fe52bdf8d30277869c84616d", class: "console-layout__content-header-tools" }, e("slot", { key: "3958ab7d885910523df02871fdff5316b41a183b", name: "content-header-tools" }))), e("div", { key: "5c3cc7b8ba6f7f1170419958b925aaff943c69b0", class: "console-layout__integration", style: o }, e("slot", { key: "2c1e15c7cea9f3a45ce18558ee19cc8d30bc91f6", name: "content" })))), e("footer", { key: "1bb168120b31a7e8ac0ff0372e1151856647089a", class: "console-layout__footer" }, e("slot", { key: "024140ae1f3e7d7db554711903983ec28dfb7236", name: "footer", onSlotchange: this.updateFooterStatus })), e("div", { key: "1ad90c5d989a59a9639d09ab599d6d77a310569e", class: "console-layout__overlays" }, e("slot", { key: "d9f8462bb8098099a2d18f7713b9e62e6be7057b", name: "overlays" })))));
+  }
+  get el() {
+    return b(this);
+  }
+};
+f.style = u;
+export {
+  f as swirl_console_layout
+};

package/dist/swirl-date-input.entry.4844ef3d.js

@@ -0,0 +1,140 @@
+import { r as h, c as p, h as a, H as f, g as m } from "./index.28204306.js";
+import { c as y } from "./index-orsBiyT_.fc4357c3.js";
+import { f as s, I as n, i as l, p as c } from "./index-D3UoejeY.7db8c51e.js";
+import { D as b } from "./media-query.service-CpP-qu5C.420e3a83.js";
+import { i as u } from "./utils-DytJsmhr.20b14d35.js";
+import "react";
+import "react-dom";
+const k = ".sc-swirl-date-input-h{display:flex;width:100%}.sc-swirl-date-input-h *.sc-swirl-date-input{box-sizing:border-box}.date-input.sc-swirl-date-input{position:relative;display:flex;width:100%;align-items:center;color:var(--s-text-default);line-height:var(--s-line-height-sm)}.date-input--inline.sc-swirl-date-input .date-input__date-picker-button.sc-swirl-date-input{top:-0.0625rem}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.date-input--inline.sc-swirl-date-input .date-input__date-picker-button.sc-swirl-date-input{top:0}}.date-input__input.sc-swirl-date-input{display:inline-flex;width:calc(100% - 1.25rem - var(--s-space-8));margin:0;padding:0;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)}.date-input__input.sc-swirl-date-input:focus{outline:none}.date-input__input.sc-swirl-date-input:disabled{color:var(--s-text-disabled);background-color:transparent}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.date-input__input.sc-swirl-date-input{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.date-input__date-picker-button.sc-swirl-date-input{position:absolute;top:calc(-1 * var(--s-space-12));right:0;display:inline-flex;margin:0;padding:0;border:none;color:var(--s-icon-default);background-color:transparent;cursor:pointer}.date-input__date-picker-button.sc-swirl-date-input:focus:not(:focus-visible){outline:none}.date-input__date-picker-button.sc-swirl-date-input:focus-visible{outline-color:var(--s-focus-default);outline-offset:var(--s-space-2)}.date-input__date-picker-button.sc-swirl-date-input:disabled{color:var(--s-icon-disabled);cursor:default}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.date-input__date-picker-button.sc-swirl-date-input{top:-0.625rem}}@media (max-width: 767px){.date-input__date-picker-popover.sc-swirl-date-input{position:fixed}}", r = "yyyy-MM-dd", g = class {
+  constructor(e) {
+    h(this, e), this.invalidInput = p(this, "invalidInput", 7), this.valueChange = p(this, "valueChange", 7), this.datePickerDisableDate = () => !1, this.datePickerLabel = "Date picker", this.datePickerTriggerLabel = "Open date picker", this.firstDayOfWeek = 0, this.format = "yyyy-MM-dd", this.locale = "en-US", this.placeholder = "yyyy-mm-dd", this.preferredInputMode = "input", this.iconSize = 24, this.isInPickOnlyMode = !1, this.mediaQueryUnsubscribe = () => {
+    }, this.onClick = (t) => {
+      t.preventDefault(), !this.readonly && this.preferredInputMode === "pick" && (this.pickerPopover.open(this.el), u() || this.focus());
+    }, this.onMouseDown = () => {
+      this.readonly || this.preferredInputMode === "pick" && this.pickerPopover.close();
+    }, this.onFocus = (t) => {
+      this.handleAutoSelect(t);
+    }, this.onBlur = (t) => {
+      if (this.readonly)
+        return;
+      const i = this.pickerPopover.contains(t.relatedTarget);
+      this.setIsInPickOnlyMode(!i);
+    }, this.onPickDate = (t) => {
+      const i = t.detail, o = s(i, r);
+      this.value = o, this.inputEl.value = s(i, this.pattern), this.mask.updateValue(), this.setIsInPickOnlyMode(!0), this.pickerPopover.close();
+    };
+  }
+  componentWillLoad() {
+    const e = Array.from(document.querySelectorAll("swirl-date-input")).indexOf(this.el);
+    this.id = `swirl-date-input-${e}`, this.setIsInPickOnlyMode(!0);
+  }
+  componentDidLoad() {
+    this.setupMask(), this.mediaQueryUnsubscribe = b.subscribe((e) => {
+      this.updateIconSize(e);
+    }), this.autoFocus && this.focus();
+  }
+  disconnectedCallback() {
+    var e;
+    (e = this.mask) == null || e.destroy(), this.mediaQueryUnsubscribe();
+  }
+  watchFormat() {
+    this.setupMask();
+  }
+  watchValue(e, t) {
+    e !== t && this.updateValue();
+  }
+  async openPicker() {
+    this.pickerPopover.open(this.el);
+  }
+  focus() {
+    setTimeout(() => {
+      this.inputEl.focus();
+    });
+  }
+  updateIconSize(e) {
+    this.iconSize = e ? 20 : 24;
+  }
+  handleAutoSelect(e) {
+    if (!this.autoSelect) {
+      setTimeout(() => {
+        e.target && e.target instanceof HTMLInputElement && e.target.setSelectionRange && e.target.setSelectionRange(0, 0);
+      });
+      return;
+    }
+    e.target && e.target instanceof HTMLInputElement && e.target.select();
+  }
+  setIsInPickOnlyMode(e) {
+    this.preferredInputMode === "pick" && u() ? this.isInPickOnlyMode = e : this.isInPickOnlyMode = !1;
+  }
+  setupMask() {
+    var e;
+    (e = this.mask) == null || e.destroy(), this.pattern = this.format.replace(new RegExp("(?<!d)d(?!d)", "g"), "dd").replace(new RegExp("(?<!M)M(?!M)", "g"), "MM").replace(new RegExp("(?<!y)y(?!y)", "g"), "yyyy").replace(new RegExp("(?<!y)yyy(?!y)", "g"), "yyyy"), this.pattern || (this.pattern = r), this.mask = n(this.inputEl, {
+      mask: Date,
+      pattern: this.pattern.replace(/([^A-Za-z0-9])/g, "$1`"),
+      autofix: "pad",
+      lazy: !0,
+      overwrite: !0,
+      eager: "append",
+      blocks: {
+        dd: {
+          mask: n.MaskedRange,
+          from: 1,
+          to: 31,
+          maxLength: 2
+        },
+        MM: {
+          mask: n.MaskedRange,
+          from: 1,
+          to: 12,
+          maxLength: 2
+        },
+        yy: {
+          mask: n.MaskedRange,
+          from: 0,
+          to: 99,
+          maxLength: 2
+        },
+        yyyy: {
+          mask: n.MaskedRange,
+          from: 1e3,
+          to: 9999,
+          maxLength: 4
+        }
+      },
+      format: (t) => {
+        const i = s(t, this.pattern);
+        return l(t) ? (this.value = s(t, r), i) : (this.invalidInput.emit(t.toString()), "");
+      },
+      parse: (t) => c(t, this.pattern, new Date())
+    }), this.updateValue();
+  }
+  updateValue() {
+    if (this.value) {
+      const e = c(this.value, r, new Date());
+      if (l(e)) {
+        const t = s(e, this.pattern);
+        this.mask.value = t, this.valueChange.emit(this.value);
+      } else
+        this.invalidInput.emit(this.value);
+    }
+  }
+  render() {
+    const e = this.invalid === !0 || this.invalid === !1 ? String(this.invalid) : void 0, t = Boolean(this.value) ? c(this.value, r, new Date()) : void 0, i = l(t) ? t : void 0, o = y("date-input", {
+      "date-input--inline": this.inline
+    });
+    return a(f, { key: "25b83b05dab36c56e17c1f6dcf45e705f66c1df8" }, a("div", { key: "90a6be1d15745839c0965d07b0d35b49d62f7d3e", class: o }, a("input", { key: "af5c2d16783c14fe885caa4b25e99f802862a650", "aria-describedby": this.swirlAriaDescribedby, "aria-disabled": this.disabled ? "true" : void 0, "aria-invalid": e, autoFocus: this.autoFocus, class: "date-input__input", disabled: this.disabled, readonly: this.isInPickOnlyMode || this.readonly, id: this.id, inputmode: "numeric", onClick: this.onClick, onMouseDown: this.onMouseDown, onFocus: this.onFocus, onBlur: this.onBlur, placeholder: this.placeholder, ref: (d) => this.inputEl = d, required: this.required, type: "text" }), !this.readonly && a("swirl-popover-trigger", { key: "2dea9fed0f17648c96de50cf4fadc797cc99aebe", swirlPopover: `popover-${this.id}` }, a("button", { key: "032997153ab427ce0ee11eec6ff504a090dd3bf5", "aria-label": this.datePickerTriggerLabel, class: "date-input__date-picker-button", disabled: this.disabled, type: "button" }, a("swirl-icon-today", { key: "fbe7af7d43f80712e0dc4fe27fee5c0f6af59d6e", size: this.iconSize })))), !(this.disabled || this.readonly) && a("swirl-popover", { key: "f5df6b8977b7d93d9a924314da667442ee533a64", animation: "scale-in-y", class: "date-input__date-picker-popover", id: `popover-${this.id}`, label: this.datePickerLabel, placement: "bottom-end", ref: (d) => this.pickerPopover = d }, a("swirl-date-picker", { key: "b564afaa8af674be0619050c1d4bc9d4204e7fb3", disableDate: this.datePickerDisableDate, firstDayOfWeek: this.firstDayOfWeek, labels: this.labels, locale: this.locale, onValueChange: this.onPickDate, value: i, startDate: i })));
+  }
+  get el() {
+    return m(this);
+  }
+  static get watchers() {
+    return {
+      format: ["watchFormat"],
+      value: ["watchValue"]
+    };
+  }
+};
+g.style = k;
+export {
+  g as swirl_date_input
+};