You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 lines
1.8 KiB
1 lines
1.8 KiB
import{_ as g}from"./IconTitle.vue_vue_type_script_setup_true_lang-B9Nj8PlY.js";import{d as y,c as l,o as a,F as B,b as o,u as i,S as _,T as $,n as r,q as h,w as b,r as s,e as k,a as p,U as w,V as C,y as d,t as c,W as V}from"./index-CtdYRAx7.js";const S=["open"],x={"text-base":""},N={key:0,"text-sm":"",op50:""},T=y({__name:"SectionBlock",props:{icon:{},text:{},description:{},containerClass:{default:""},collapse:{type:Boolean,default:!0},open:{type:Boolean,default:!0},padding:{type:[Boolean,String],default:!0}},setup(u){const t=_(u,"open",void 0,{passive:!0});function v(e){t.value=e.target.open}return(e,n)=>{const f=g,m=C("lazy-show");return a(),l(B,null,[o("details",{open:i(t),onToggle:v},[o("summary",{class:r(["cursor-pointer select-none p4 hover:bg-active",e.collapse?"":"pointer-events-none"])},[h(f,{icon:e.icon,text:e.text,"text-xl":"",transition:"",class:r(i(t)?"op100":"op60")},{default:b(()=>[o("div",null,[o("div",x,[s(e.$slots,"text",{},()=>[d(c(e.text),1)],!0)]),e.description||e.$slots.description?(a(),l("div",N,[s(e.$slots,"description",{},()=>[d(c(e.description),1)],!0)])):p("",!0)]),n[0]||(n[0]=o("div",{class:"flex-auto"},null,-1)),s(e.$slots,"actions",{},void 0,!0),e.collapse?(a(),k(i(w),{key:0,icon:"i-carbon-chevron-down",class:"chevron","cursor-pointer":"","place-self-start":"","text-base":"",op75:"",transition:"","duration-500":""})):p("",!0)]),_:3},8,["icon","text","class"])],2),$((a(),l("div",{class:r(["flex flex-col flex-gap2 pb6 pt2",typeof e.padding=="string"?e.padding:e.padding?"px4":""])},[s(e.$slots,"details",{},void 0,!0),o("div",{class:r([e.containerClass,"mt1"])},[s(e.$slots,"default",{},void 0,!0)],2),s(e.$slots,"footer",{},void 0,!0)],2)),[[m,i(t)]])],40,S),n[1]||(n[1]=o("div",{class:"x-divider"},null,-1))],64)}}}),I=V(T,[["__scopeId","data-v-d1d325e5"]]);export{I as _};
|