@oneclick.dev/cms-core-modules 0.0.53 → 0.0.55

package/dist/Components-DXbx0RLV.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),m=require("lucide-vue-next"),k=require("@oneclick.dev/cms-kit"),S={class:"grid py-4"},Z={class:"flex gap-6 mb-6"},F={class:"w-1/2"},I={class:"w-1/2"},U={class:"flex gap-6 mb-6"},q={class:"w-1/2"},A={class:"w-1/2"},O={class:"grid grid-cols-3 bg-input/30 rounded border divide-x divide-input/30 mb-6"},P=e.defineComponent({__name:"ComponentDialog",emits:["add","edit","delete"],setup(s,{expose:V,emit:v}){const{confirm:C}=k.useConfirmation(),i=v,r=e.ref(!1),l=e.ref("create"),a=e.ref(""),d=e.ref(""),p=e.ref(""),f=e.ref(""),n=e.ref(""),o=e.ref("layout"),u=e.ref([]),y=x=>{x?(l.value="edit",a.value=x.id,d.value=x.displayName||"",p.value=x.name||"",f.value=x.tint||"",n.value=x.icon||"",o.value=x.componentType||"layout",u.value=x.formLayout||[]):(l.value="create",a.value="",d.value="",p.value="",f.value="",n.value="",o.value="layout",u.value=[]),r.value=!0},N=()=>{i("add",{id:crypto.randomUUID(),displayName:d.value,name:p.value,tint:f.value,icon:n.value,componentType:o.value,formLayout:u.value}),r.value=!1},b=()=>{i("edit",{id:a.value,displayName:d.value,name:p.value,tint:f.value,icon:n.value,componentType:o.value,formLayout:u.value}),r.value=!1},w=async()=>{await C("Are you sure you want to delete this component? This action cannot be undone.","Delete Component","Delete")&&(i("delete",a.value),r.value=!1)};return V({openDialog:y}),(x,t)=>{const g=e.resolveComponent("DialogTitle"),_=e.resolveComponent("DialogDescription"),D=e.resolveComponent("DialogHeader"),h=e.resolveComponent("Input"),L=e.resolveComponent("TailwindColorPicker"),T=e.resolveComponent("LucideIconPicker"),$=e.resolveComponent("FormBuilderSelect"),E=e.resolveComponent("Button"),H=e.resolveComponent("DialogFooter"),M=e.resolveComponent("DialogScrollContent"),z=e.resolveComponent("Dialog");return e.openBlock(),e.createBlock(z,{open:r.value,"onUpdate:open":t[8]||(t[8]=c=>r.value=c)},{default:e.withCtx(()=>[e.createVNode(M,{class:"sm:max-w-2xl"},{default:e.withCtx(()=>[e.createVNode(D,null,{default:e.withCtx(()=>[e.createVNode(g,null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.value==="create"?"Add New Component":"Update Component"),1)]),_:1}),e.createVNode(_,null,{default:e.withCtx(()=>[...t[9]||(t[9]=[e.createTextVNode(" Connect the components from your front-end to build pages with them. ",-1)])]),_:1})]),_:1}),e.createElementVNode("div",S,[e.createElementVNode("div",Z,[e.createElementVNode("div",F,[t[10]||(t[10]=e.createElementVNode("label",{for:"component-dialog-display-name",class:"text-sm mb-1 block font-medium"},"Display Name",-1)),e.createVNode(h,{modelValue:d.value,"onUpdate:modelValue":t[0]||(t[0]=c=>d.value=c),placeholder:"Display Name",id:"component-dialog-display-name"},null,8,["modelValue"]),t[11]||(t[11]=e.createElementVNode("p",{class:"text-xs text-muted-foreground mt-2"}," This is the name that the user will see in the component list. ",-1))]),e.createElementVNode("div",I,[t[12]||(t[12]=e.createElementVNode("label",{for:"component-dialog-component-name",class:"text-sm mb-1 block font-medium"},"Component Name",-1)),e.createVNode(h,{modelValue:p.value,"onUpdate:modelValue":t[1]||(t[1]=c=>p.value=c),placeholder:"Component Name",id:"component-dialog-component-name"},null,8,["modelValue"]),t[13]||(t[13]=e.createElementVNode("p",{class:"text-xs text-muted-foreground mt-2"}," How is the component called in your front-end? ",-1))])]),e.createElementVNode("div",U,[e.createElementVNode("div",q,[t[14]||(t[14]=e.createElementVNode("label",{for:"component-dialog-display-name",class:"text-sm mb-1 block font-medium"},"Tint",-1)),e.createVNode(L,{modelValue:f.value,"onUpdate:modelValue":t[2]||(t[2]=c=>f.value=c),"default-value":"white"},null,8,["modelValue"])]),e.createElementVNode("div",A,[t[15]||(t[15]=e.createElementVNode("label",{for:"component-dialog-component-name",class:"text-sm mb-1 block font-medium"},"Icon",-1)),e.createVNode(T,{modelValue:n.value,"onUpdate:modelValue":t[3]||(t[3]=c=>n.value=c)},null,8,["modelValue"])])]),t[22]||(t[22]=e.createElementVNode("p",{class:"text-sm mb-1 block font-medium"}," Component Type ",-1)),e.createElementVNode("div",O,[e.createElementVNode("button",{class:e.normalizeClass(["flex flex-col p-6 hover:bg-input/30 transition-all duration-300",{"bg-input/50 hover:bg-input/50":o.value=="layout"}]),onClick:t[4]||(t[4]=c=>o.value="layout")},[t[16]||(t[16]=e.createElementVNode("svg",{width:"60",height:"60",viewBox:"0 0 60 60",fill:"none",xmlns:"http://www.w3.org/2000/svg",class:"dark:invert dark:opacity-30 mx-auto mb-4"},[e.createElementVNode("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M10 6C7.79086 6 6 7.79086 6 10V15H0V10C0 4.47715 4.47715 0 10 0H15V6H10ZM35 6H25V0H35V6ZM50 6H45V0H50C55.5229 0 60 4.47715 60 10V15H54V10C54 7.79086 52.2091 6 50 6ZM6 25V35H0V25H6ZM54 35V25H60V35H54ZM6 45V50C6 52.2091 7.79086 54 10 54H15V60H10C4.47715 60 0 55.5228 0 50V45H6ZM54 50V45H60V50C60 55.5229 55.5228 60 50 60H45V54H50C52.2091 54 54 52.2091 54 50ZM25 54H35V60H25V54Z",fill:"black"})],-1)),t[17]||(t[17]=e.createElementVNode("div",{class:"mb-auto"},[e.createElementVNode("strong",{class:"text-sm mb-1"},"Layout Component"),e.createElementVNode("p",{class:"text-xs text-muted-foreground"}," Helps setting up the overall structure or layout of the page. (Examples: Section, 2 Column Grid, ...) ")],-1)),o.value!="layout"?(e.openBlock(),e.createBlock(e.unref(m.Circle),{key:0,class:"size-4 mx-auto mt-4"})):(e.openBlock(),e.createBlock(e.unref(m.CircleCheck),{key:1,class:"size-4 mx-auto mt-4"}))],2),e.createElementVNode("button",{class:e.normalizeClass(["flex flex-col p-6 hover:bg-input/30 transition-all duration-300",{"bg-input/50 hover:bg-input/50":o.value=="content"}]),onClick:t[5]||(t[5]=c=>o.value="content")},[t[18]||(t[18]=e.createElementVNode("svg",{width:"60",height:"60",viewBox:"0 0 60 60",fill:"none",xmlns:"http://www.w3.org/2000/svg",class:"dark:invert dark:opacity-30 mx-auto mb-4"},[e.createElementVNode("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M0 10C0 4.47715 4.47715 0 10 0H50C55.5229 0 60 4.47715 60 10V50C60 55.5229 55.5228 60 50 60H10C4.47715 60 0 55.5228 0 50V10ZM10 6C7.79086 6 6 7.79086 6 10V50C6 52.2091 7.79086 54 10 54H50C52.2091 54 54 52.2091 54 50V10C54 7.79086 52.2091 6 50 6H10Z",fill:"black"})],-1)),t[19]||(t[19]=e.createElementVNode("div",{class:"mb-auto"},[e.createElementVNode("strong",{class:"text-sm mb-1"},"Content Component"),e.createElementVNode("p",{class:"text-xs text-muted-foreground"}," Aimed at hosting and displaying unique content. (Examples: Text, Link, Image, ...) ")],-1)),o.value!="content"?(e.openBlock(),e.createBlock(e.unref(m.Circle),{key:0,class:"size-4 mx-auto mt-4"})):(e.openBlock(),e.createBlock(e.unref(m.CircleCheck),{key:1,class:"size-4 mx-auto mt-4"}))],2),e.createElementVNode("button",{class:e.normalizeClass(["flex flex-col p-6 hover:bg-input/30 transition-all duration-300",{"bg-input/50 hover:bg-input/50":o.value=="hybrid"}]),onClick:t[6]||(t[6]=c=>o.value="hybrid")},[t[20]||(t[20]=e.createElementVNode("svg",{width:"60",height:"60",viewBox:"0 0 60 60",fill:"none",xmlns:"http://www.w3.org/2000/svg",class:"dark:invert dark:opacity-30 mx-auto mb-4"},[e.createElementVNode("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M54 10C54 7.79086 52.2091 6 50 6L45 6L45 -6.55671e-07L50 -4.37114e-07C55.5228 -1.95703e-07 60 4.47715 60 10L60 15L54 15L54 10ZM54 50L54 15L60 15L60 50C60 55.5229 55.5228 60 50 60L15 60L15 54L50 54C52.2091 54 54 52.2091 54 50ZM35 6L25 6L25 -1.5299e-06L35 -1.09278e-06L35 6ZM15 6L10 6C7.79086 6 6 7.79086 6 10L6 15L-6.55671e-07 15L-4.37114e-07 10C-1.95703e-07 4.47715 4.47715 -2.42698e-06 10 -2.18557e-06L15 -1.96701e-06L15 6ZM10 54L15 54L15 60L10 60C4.47715 60 -2.42698e-06 55.5228 -2.18557e-06 50L-1.96701e-06 45L6 45L6 50C6 52.2091 7.79086 54 10 54ZM6 25L6 35L-1.5299e-06 35L-1.09278e-06 25L6 25Z",fill:"black"})],-1)),t[21]||(t[21]=e.createElementVNode("div",{class:"mb-auto"},[e.createElementVNode("strong",{class:"text-sm mb-1"},"Hybrid Component"),e.createElementVNode("p",{class:"text-xs text-muted-foreground"}," These serve as both layout and content components, unlocking complex layouts. ")],-1)),o.value!="hybrid"?(e.openBlock(),e.createBlock(e.unref(m.Circle),{key:0,class:"size-4 mx-auto mt-4"})):(e.openBlock(),e.createBlock(e.unref(m.CircleCheck),{key:1,class:"size-4 mx-auto mt-4"}))],2)]),t[23]||(t[23]=e.createElementVNode("p",{class:"text-sm mb-1 block font-medium"}," Form Layout ",-1)),t[24]||(t[24]=e.createElementVNode("p",{class:"text-xs text-muted-foreground mb-2"}," This will be the form that the client can fill in to populate this component. ",-1)),e.createElementVNode("div",null,[e.createVNode($,{modelValue:u.value,"onUpdate:modelValue":t[7]||(t[7]=c=>u.value=c),buildText:"Edit Form Layout",editText:"Edit Form Layout"},null,8,["modelValue"])])]),e.createVNode(H,null,{default:e.withCtx(()=>[l.value==="edit"?(e.openBlock(),e.createBlock(E,{key:0,variant:"destructive",class:"mr-auto",onClick:w},{default:e.withCtx(()=>[...t[25]||(t[25]=[e.createTextVNode(" Delete Component ",-1)])]),_:1})):e.createCommentVNode("",!0),l.value==="create"?(e.openBlock(),e.createBlock(E,{key:1,type:"submit",onClick:N},{default:e.withCtx(()=>[...t[26]||(t[26]=[e.createTextVNode(" Add Component ",-1)])]),_:1})):(e.openBlock(),e.createBlock(E,{key:2,type:"submit",onClick:b},{default:e.withCtx(()=>[...t[27]||(t[27]=[e.createTextVNode(" Edit Component ",-1)])]),_:1}))]),_:1})]),_:1})]),_:1},8,["open"])}}}),j={class:"w-full truncate text-sm font-medium"},G={class:"w-full truncate text-xs text-muted-foreground"},B=e.defineComponent({__name:"ComponentGridItem",props:{component:{type:Object,required:!0}},emits:["edit"],setup(s,{emit:V}){const v=V;return(C,i)=>{const r=e.resolveComponent("Skeleton"),l=e.resolveComponent("Card");return e.openBlock(),e.createElementBlock("button",{onClick:i[0]||(i[0]=a=>v("edit")),class:"basis-[100px] max-w-[200px] @7xl:max-w-xs"},[e.createVNode(l,{class:"flex flex-col items-center px-4 py-4 gap-0 hover:bg-input/30"},{default:e.withCtx(()=>[s.component.icon?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(`${s.component.tint?"bg-"+s.component.tint:"bg-input/50"} rounded-lg p-4 mb-2`)},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(m.icons)[s.component.icon]),{class:"size-16 @5xl:size-22 @7xl:size-28"}))],2)):(e.openBlock(),e.createBlock(r,{key:1,class:"size-24 @5xl:size-30 @7xl:size-36 mb-2"})),e.createElementVNode("p",j,e.toDisplayString(s.component.displayName),1),e.createElementVNode("p",G,e.toDisplayString(s.component.name),1)]),_:1})])}}}),R={class:"flex flex-col gap-2 mb-12"},K={class:"flex items-start gap-4 overflow-hidden"},Y={class:"flex flex-col text-left"},J={class:"text-sm font-semibold"},Q={key:0,class:"text-xs text-muted-foreground/70 dark:text-muted-foreground/50 line-clamp-2 whitespace-normal mt-2"},W=e.defineComponent({__name:"VerticalToggle",props:{modelValue:{type:Array,required:!0},options:{type:Array,required:!0}},emits:["update:modelValue"],setup(s,{emit:V}){const v=s,C=V,i=e.computed({get(){return v.modelValue},set(a){C("update:modelValue",a)}}),r=e.ref("full"),l=a=>{i.value.includes(a)?i.value=i.value.filter(d=>d!==a):i.value.push(a)};return(a,d)=>{const p=e.resolveComponent("SegmentedControlButton"),f=e.resolveComponent("SegmentedControl"),n=e.resolveComponent("Button");return e.openBlock(),e.createElementBlock("div",null,[e.createVNode(f,{modelValue:r.value,"onUpdate:modelValue":d[0]||(d[0]=o=>r.value=o),class:"grid grid-cols-2 mb-4 w-28 scale-75 origin-left opacity-50 transition-all duration-300 hover:opacity-100"},{default:e.withCtx(()=>[e.createVNode(p,{value:"minimal"},{default:e.withCtx(()=>[e.createVNode(e.unref(m.Baseline),{class:"size-5 mx-auto"})]),_:1}),e.createVNode(p,{value:"full"},{default:e.withCtx(()=>[e.createVNode(e.unref(m.LetterText),{class:"size-5 mx-auto"})]),_:1})]),_:1},8,["modelValue"]),e.createElementVNode("div",R,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.options,o=>(e.openBlock(),e.createBlock(n,{variant:"ghost",key:o.value,class:e.normalizeClass(["flex-1 transition-all duration-300 active:scale-95 rounded-md justify-start w-full h-auto cursor-pointer border",s.modelValue.includes(o.value)?"bg-white hover:bg-white dark:bg-input/30 dark:hover:bg-input/30 shadow-xs":"hover:bg-transparent"]),onClick:u=>l(o.value)},{default:e.withCtx(()=>[e.createElementVNode("div",K,[e.createVNode(e.unref(m.Check),{class:e.normalizeClass(["size-5 text-muted-foreground transition-opacity duration-300",s.modelValue.includes(o.value)?"opacity-100":"opacity-0"])},null,8,["class"]),e.createElementVNode("div",Y,[e.createElementVNode("span",J,e.toDisplayString(o.text),1),r.value==="full"&&o.description?(e.openBlock(),e.createElementBlock("p",Q,e.toDisplayString(o.description),1)):e.createCommentVNode("",!0)])])]),_:2},1032,["class","onClick"]))),128))])])}}}),X={key:0,class:"truncate"},ee={key:1},te={class:"p-6 overflow-y-auto"},oe={class:"flex flex-col gap-3"},le={class:"flex items-start gap-4 overflow-hidden"},ne={class:"flex flex-col text-left"},ae={class:"text-sm font-semibold mb-2"},se={class:"text-xs text-muted-foreground line-clamp-2 whitespace-normal"},re=e.defineComponent({__name:"DrawerToggle",props:{modelValue:{type:Array,required:!0},options:{type:Array,required:!0}},emits:["update:modelValue"],setup(s,{emit:V}){const v=s,C=V,i=e.computed({get(){return v.modelValue},set(l){C("update:modelValue",l)}}),r=l=>{i.value.includes(l)?i.value=i.value.filter(a=>a!==l):i.value.push(l)};return(l,a)=>{const d=e.resolveComponent("Button"),p=e.resolveComponent("DrawerTrigger"),f=e.resolveComponent("DrawerContent"),n=e.resolveComponent("Drawer");return e.openBlock(),e.createBlock(n,null,{default:e.withCtx(()=>[e.createVNode(p,{"as-child":""},{default:e.withCtx(()=>[e.createVNode(d,{variant:"outline",class:"mb-2"},{default:e.withCtx(()=>[s.modelValue.length<4?(e.openBlock(),e.createElementBlock("p",X,e.toDisplayString(s.modelValue.join(", ")),1)):(e.openBlock(),e.createElementBlock("p",ee,e.toDisplayString(s.modelValue.slice(0,3).join(", "))+" + "+e.toDisplayString(s.modelValue.length-3)+" more ",1)),e.createVNode(e.unref(m.ChevronDown),{class:"size-4 text-muted-foreground translate-y-0.25 ml-4"})]),_:1})]),_:1}),e.createVNode(f,null,{default:e.withCtx(()=>[e.createElementVNode("div",te,[e.createElementVNode("div",oe,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.options,o=>(e.openBlock(),e.createBlock(d,{key:o.value,class:e.normalizeClass(["justify-start w-full h-auto cursor-pointer flex-1 transition-all duration-300 active:scale-95 rounded-md border border-transparent",s.modelValue.includes(o.value)?"bg-input/30 border-border":""]),variant:"ghost",onClick:u=>r(o.value)},{default:e.withCtx(()=>[e.createElementVNode("div",le,[e.createVNode(e.unref(m.Check),{class:e.normalizeClass(["size-5 text-muted-foreground transition-opacity duration-300",s.modelValue.includes(o.value)?"opacity-100":"opacity-0"])},null,8,["class"]),e.createElementVNode("div",ne,[e.createElementVNode("span",ae,e.toDisplayString(o.text),1),e.createElementVNode("p",se,e.toDisplayString(o.description),1)])])]),_:2},1032,["class","onClick"]))),128))])])]),_:1})]),_:1})}}}),ie={class:"w-full"},de={class:"flex items-center justify-between gap-4 w-full my-4"},ue={class:"flex flex-col space-y-8 @5xl:flex-row @5xl:space-x-12 @5xl:space-y-0"},ce={class:"hidden @5xl:block @5xl:w-1/4 @7xl:w-1/5"},me={class:"flex-1"},pe={class:"@5xl:hidden"},ve={class:"flex items-center justify-between w-full"},fe={class:"flex items-start gap-8"},xe={key:0,class:"mb-8"},Ve={class:"flex flex-wrap gap-4"},Ce={key:1,class:"mb-8"},ge={class:"flex flex-wrap gap-4"},ke={key:2,class:"mb-8"},ye={class:"flex flex-wrap gap-4"},Ne=e.defineComponent({__name:"Components",setup(s){const V=[{value:"hybrid",text:"Hybrid Components",icon:"",description:"These serve as both layout and content components, unlocking complex layouts."},{value:"layout",text:"Layout Component",icon:"",description:"Helps setting up the overall structure or layout of the page. (Examples: Section, 2 Column Grid, ...)"},{value:"content",text:"Content Component",icon:"",description:"Aimed at hosting and displaying unique content. (Examples: Text, Link, Image, ...)"}],{getModuleData:v,setModuleData:C}=k.useModuleStorage(),{navigateTo:i}=k.useModuleRoute();k.useModuleBreadcrumbs(()=>[{text:"Components"}]);const r=e.useTemplateRef("componentDialog"),l=e.ref([]),a=e.ref(["hybrid","layout","content"]),d=async n=>{l.value.push(n),l.value=await v("components")||[],l.value.push(n),C("components",l.value)},p=async n=>{let o=l.value.findIndex(u=>u.id===n.id);o!==-1&&(l.value[o]=n),l.value=await v("components")||[],o=l.value.findIndex(u=>u.id===n.id),o!==-1&&(l.value[o]=n,C("components",l.value))},f=async n=>{l.value=l.value.filter(o=>o.id!==n),l.value=await v("components")||[],l.value=l.value.filter(o=>o.id!==n),C("components",l.value)};return e.onMounted(()=>{v("components").then(n=>{l.value=n})}),(n,o)=>{const u=e.resolveComponent("Button"),y=e.resolveComponent("CardTitle"),N=e.resolveComponent("CardDescription"),b=e.resolveComponent("CardHeader"),w=e.resolveComponent("CardContent"),x=e.resolveComponent("Card");return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",ie,[e.createElementVNode("div",de,[e.createVNode(u,{onClick:o[0]||(o[0]=t=>e.unref(i)("/")),variant:"link",class:"!pl-0"},{default:e.withCtx(()=>[e.createVNode(e.unref(m.ChevronLeft),{class:"size-4"}),o[4]||(o[4]=e.createTextVNode(" Collections ",-1))]),_:1})]),e.createElementVNode("div",ue,[e.createElementVNode("div",ce,[e.createVNode(W,{options:V,modelValue:a.value,"onUpdate:modelValue":o[1]||(o[1]=t=>a.value=t)},null,8,["modelValue"])]),e.createElementVNode("div",me,[e.createElementVNode("div",pe,[e.createVNode(re,{options:V,modelValue:a.value,"onUpdate:modelValue":o[2]||(o[2]=t=>a.value=t)},null,8,["modelValue"])]),e.createVNode(x,null,{default:e.withCtx(()=>[e.createVNode(b,null,{default:e.withCtx(()=>[e.createElementVNode("div",ve,[e.createElementVNode("div",null,[e.createVNode(y,null,{default:e.withCtx(()=>[...o[5]||(o[5]=[e.createTextVNode("Components",-1)])]),_:1}),e.createVNode(N,null,{default:e.withCtx(()=>[...o[6]||(o[6]=[e.createTextVNode("Manage your components here.",-1)])]),_:1})]),e.createVNode(u,{onClick:o[3]||(o[3]=t=>r.value.openDialog())},{default:e.withCtx(()=>[e.createVNode(e.unref(m.Plus),{class:"size-4"}),o[7]||(o[7]=e.createTextVNode(" New Component ",-1))]),_:1})])]),_:1}),e.createVNode(w,null,{default:e.withCtx(()=>[e.createElementVNode("div",fe,[e.createElementVNode("div",null,[a.value.includes("hybrid")?(e.openBlock(),e.createElementBlock("div",xe,[o[8]||(o[8]=e.createElementVNode("h3",{class:"font-medium mb-2"},"Hybrid Components",-1)),e.createElementVNode("div",Ve,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.value,t=>(e.openBlock(),e.createBlock(B,{key:t.name,onEdit:g=>r.value.openDialog(t),component:t},null,8,["onEdit","component"]))),128))])])):e.createCommentVNode("",!0),a.value.includes("layout")?(e.openBlock(),e.createElementBlock("div",Ce,[o[9]||(o[9]=e.createElementVNode("h3",{class:"font-medium mb-2"},"Layout Components",-1)),e.createElementVNode("div",ge,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.value,t=>(e.openBlock(),e.createBlock(B,{key:t.name,onEdit:g=>r.value.openDialog(t),component:t},null,8,["onEdit","component"]))),128))])])):e.createCommentVNode("",!0),a.value.includes("content")?(e.openBlock(),e.createElementBlock("div",ke,[o[10]||(o[10]=e.createElementVNode("h3",{class:"font-medium mb-2"},"Content Components",-1)),e.createElementVNode("div",ye,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.value,t=>(e.openBlock(),e.createBlock(B,{key:t.name,onEdit:g=>r.value.openDialog(t),component:t},null,8,["onEdit","component"]))),128))])])):e.createCommentVNode("",!0)])])]),_:1})]),_:1})])])]),e.createVNode(P,{ref_key:"componentDialog",ref:r,onAdd:d,onEdit:p,onDelete:f},null,512)],64)}}});exports.default=Ne;