import{y as $,D as B,_ as C}from"./er2hcepb.js";import{_ as h}from"./nicon-title.vue-lmnsr02i.js";import{k,S as l,U as s,Y as a,a0 as w,$ as N,u as r,F as d,a8 as _,a9 as b,V as t,W as p,Q as i,a6 as u,a5 as c,M as S}from"./vendor/json-editor-vue-gv8v06ez.js";const V=["open"],x={"text-base":""},T={key:0,"text-sm":"",op50:""},z=k({__name:"NSectionBlock",props:{icon:{},text:{},description:{},containerClass:{default:""},headerClass:{},collapse:{type:Boolean,default:!0},open:{type:Boolean,default:!0},padding:{type:[Boolean,String],default:!0}},setup(f){const n=$(f,"open",void 0,{passive:!0});function v(e){n.value=e.target.open}return(e,o)=>{const m=B,g=h;return i(),l(d,null,[s("details",{open:r(n),onToggle:o[0]||(o[0]=(...y)=>v(...y))},[s("summary",{class:a(["cursor-pointer select-none hover:bg-active p4",e.collapse?"":"pointer-events-none"])},[w(g,{icon:e.icon,text:e.text,"text-xl":"",transition:"",class:a([r(n)?"op100":"op60",e.headerClass])},{default:N(()=>[s("div",null,[s("div",x,[t(e.$slots,"text",{},()=>[u(c(e.text),1)],!0)]),e.description||e.$slots.description?(i(),l("div",T,[t(e.$slots,"description",{},()=>[u(c(e.description),1)],!0)])):p("",!0)]),o[1]||(o[1]=s("div",{class:"flex-auto"},null,-1)),t(e.$slots,"actions",{},void 0,!0),e.collapse?(i(),S(m,{key:0,icon:"carbon-chevron-down",class:"chevron","cursor-pointer":"","place-self-start":"","text-base":"",op75:"",transition:"","duration-500":""})):p("",!0)]),_:3},8,["icon","text","class"])],2),o._lazyshow1||r(n)?(o._lazyshow1=!0,i(),l(d,null,[_(s("div",{class:a(["flex flex-col flex-gap2 pb6 pt2",typeof e.padding=="string"?e.padding:e.padding?"px4":""])},[t(e.$slots,"details",{},void 0,!0),s("div",{class:a([e.containerClass,"mt1"])},[t(e.$slots,"default",{},void 0,!0)],2),t(e.$slots,"footer",{},void 0,!0)],2),[[b,r(n)]])],64)):p("v-show-if",!0)],40,V),o[2]||(o[2]=s("div",{class:"x-divider"},null,-1))],64)}}}),E=C(z,[["__scopeId","data-v-bae9fa8d"]]);export{E as _};
