import{f as C,r as b,h as r,g as k,c as u,o as s,d as o,a as B,b as d,j as x,n as c,t as w,m as E,w as I,e as P,T as A,u as m}from"./BVo-4L0X.js";import{A as D,z as L,D as T,d7 as q,Z as p}from"./CfjfYOu4.js";const F=["aria-expanded"],N=["aria-expanded"],R={class:"s-expansion-panel__expanded-icon-container ml-auto shrink-0"},V={key:0,id:"expansionPanel",class:"s-expansion-panel__content overflow-hidden",role:"region","aria-labelledby":"expansionPanelButton"},h="s-expansion-panel",M=C({__name:"SExpansionPanel",props:{...L(),...D(),iconLeft:{type:String},expanded:{type:Boolean,default:!1},headerText:{type:String,default:"Expansion Item"},expandedIcon:{type:String,default:"icon-plus"},contractIcon:{type:String,default:"icon-minus"},topBorderRadius:{type:Boolean,default:!1}},emits:["expanded"],setup(n,{emit:y}){const t=n,g=y,{themeClasses:f}=T(t,h),{sizeClasses:_}=q(t,h),a=b(t.expanded);r(()=>t.expanded,e=>{a.value=e}),r(a,e=>{g("expanded",e)});const i=k(()=>t.size?t.size==="regular"?"small":"x-small":"small"),v=e=>{e.style.width=getComputedStyle(e).width,e.style.position="absolute",e.style.visibility="hidden",e.style.height="auto";const l=getComputedStyle(e).height;e.style.width=null,e.style.position=null,e.style.visibility=null,e.style.height=0,getComputedStyle(e).height,requestAnimationFrame(()=>{e.style.height=l})},z=e=>{e.style.height="auto"},S=e=>{e.style.height=getComputedStyle(e).height,getComputedStyle(e).height,requestAnimationFrame(()=>{e.style.height=0})};return(e,l)=>(s(),u("div",{id:"expansionPanelButton","data-test-id":"s-expansion-panel__root",type:"button","aria-expanded":a.value,"aria-controls":"expansionPanel",class:c(["!bg-theme-background-light s-expansion-panel inline-flex flex-col",[m(f),m(_),{"s-expansion-panel--expanded":a.value},{"rounded-t-lg":n.topBorderRadius}]])},[o("button",{id:"expansionPanelButton","data-test-id":"s-expansion-panel__header",type:"button","aria-controls":"expansionPanel","aria-expanded":a.value,class:"s-expansion-panel__header flex cursor-pointer items-center !py-[16px]",onClick:l[0]||(l[0]=E($=>a.value=!a.value,["prevent"]))},[n.iconLeft?(s(),d(p,{key:0,class:"s-expansion-panel__custom-icon shrink-0",name:n.iconLeft,size:i.value},null,8,["name","size"])):x("",!0),o("span",{"data-test-id":"s-expansion-panel__header-text",class:c(["s-expansion-panel__header-text",{"s-text-regular":e.size==="regular","s-text-small":e.size==="small"}])},w(n.headerText),3),o("div",R,[a.value?(s(),d(p,{key:0,class:"s-expansion-panel__eitherExpandedIcon",name:n.expandedIcon,size:i.value},null,8,["name","size"])):(s(),d(p,{key:1,class:"s-expansion-panel__eitherExpandedIcon",name:n.contractIcon,size:i.value},null,8,["name","size"]))])],8,N),B(A,{name:"s-expansion-panel__transition-expand",onEnter:v,onAfterEnter:z,onLeave:S},{default:I(()=>[a.value?(s(),u("div",V,[P(e.$slots,"default")])):x("",!0)]),_:3})],10,F))}});export{M as default};