import{aG as r,_ as d}from"./app-QjDgb7aF.js";import{b as l,j as o,p as a,q as s,y as n,k as h,i as p,l as f,v as g,T as y}from"./vue-Cm77DuTi.js";const i="ui:folder:",u=l({props:{expanded:{type:Boolean,required:!1,default:!0},persistKey:{type:String,required:!1,default:null}},data(){return{bodyId:r(),showBody:this.persistKey&&localStorage.getItem(i+this.persistKey)?localStorage.getItem(i+this.persistKey)==="t":this.expanded}},watch:{showBody(){this.persistKey&&localStorage.setItem(i+this.persistKey,this.showBody?"t":"f")}},methods:{toggleContent(e){this.showBody=e},enter(e){const t=e.getBoundingClientRect().height;e.style.height=0,e.offsetHeight,e.style.height=t+"px"},afterEnter(e){e.style.height=null},leave(e){const t=e.getBoundingClientRect().height;e.style.height=t+"px",e.offsetHeight,e.style.height=0},afterLeave(e){e.style.height=null}}}),c={class:"ssazuxis"},v={class:"title"},m=["aria-expanded","aria-controls"],B={key:0,class:"ph-caret-up ph-bold ph-lg"},w={key:1,class:"ph-caret-down ph-bold ph-lg"},b=["id"];function I(e,t,_,$,k,E){return o(),a("section",c,[s("header",{class:"_button",onClick:t[0]||(t[0]=S=>e.showBody=!e.showBody)},[s("div",v,[n(e.$slots,"header",{},void 0,!0)]),t[1]||(t[1]=s("div",{class:"divider"},null,-1)),s("button",{class:"_button","aria-expanded":e.showBody,"aria-controls":e.bodyId},[e.showBody?(o(),a("i",B)):(o(),a("i",w))],8,m)]),h(y,{name:e.$store.state.animation?"folder-toggle":"",onEnter:e.enter,onAfterEnter:e.afterEnter,onLeave:e.leave,onAfterLeave:e.afterLeave},{default:p(()=>[f(s("div",{id:e.bodyId},[n(e.$slots,"default",{},void 0,!0)],8,b),[[g,e.showBody]])]),_:3},8,["name","onEnter","onAfterEnter","onLeave","onAfterLeave"])])}const L=d(u,[["render",I],["__scopeId","data-v-0c8036ae"]]);export{L as M};
//# sourceMappingURL=MkFolder-DXwFMXde.js.map
