https://www.ccvt.fr/build/assets/Builder-Boy_NoKs.js

1import{_ as ye,r as d,C as fe,D as ge,o as s,c as l,a as k,b as N,h as xe,d as n,n as p,t as v,w as L,l as ke,e as te,F as M,m as S,i as m,T as U,E as he,f as a,g as q,k as B,v as F,z as ne,G as be,H as oe,j as we}from"./app-CFYReQIT.js";import{_ as _e}from"./RevisionsPanel-DYPUmW-r.js";/* empty css            */const Ce={class:"builder-root flex flex-col bg-gray-100",style:{height:"100dvh",overflow:"hidden"}},$e={class:"h-11 bg-gray-900 flex items-center justify-between px-2 flex-shrink-0 z-50 border-b border-gray-700 select-none"},Me={class:"flex items-center gap-1"},Be=["title"],je={class:"text-gray-300 text-sm font-medium truncate max-w-xs px-4 hidden sm:block"},Ae={class:"flex items-center gap-1"},De=["title"],Se=["href"],Te=["disabled"],Ve={key:0,class:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24"},Ie={key:1,class:"w-4 h-4 animate-spin",fill:"none",viewBox:"0 0 24 24"},ze={class:"flex flex-1 overflow-hidden"},Ee={key:0,class:"w-56 xl:w-64 bg-gray-800 border-r border-gray-700 flex flex-col flex-shrink-0 overflow-hidden"},Le={class:"flex-1 overflow-y-auto p-2 space-y-2"},Re={key:0,class:"text-center py-8 text-gray-500 text-xs px-2"},He=["onClick"],Ke={class:"w-full h-20 bg-gradient-to-br from-gray-600 to-gray-700 flex items-center justify-center overflow-hidden"},Ne=["src","alt"],Ue={key:1,class:"w-8 h-8 text-gray-500",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24"},qe={class:"p-2"},Fe={class:"text-white text-xs font-medium leading-tight truncate"},Ge={key:0,class:"text-gray-400 text-xs mt-0.5 line-clamp-2"},Oe={class:"flex-1 overflow-y-auto bg-gray-50 relative"},We={class:"w-full py-4 px-4 pb-16"},Je={key:0,class:"w-60 xl:w-72 bg-gray-900 border-l border-gray-700 flex flex-col flex-shrink-0 overflow-hidden"},Pe={class:"px-3 py-2 border-b border-gray-700 flex items-center justify-between flex-shrink-0"},Qe={class:"flex-1 overflow-y-auto py-2 text-xs"},Xe={class:"px-2"},Ye=["onClick","onMouseenter","onMouseleave"],Ze=["onClick"],et={key:0,fill:"none",stroke:"currentColor",viewBox:"0 0 24 24"},tt={key:1,fill:"none",stroke:"currentColor",viewBox:"0 0 24 24"},nt=["onBlur","onKeydown"],ot=["onDblclick"],rt={key:0,class:"ml-4"},st=["onClick","onMouseenter","onMouseleave"],lt=["onClick"],it={key:0,fill:"none",stroke:"currentColor",viewBox:"0 0 24 24"},at={key:1,fill:"none",stroke:"currentColor",viewBox:"0 0 24 24"},ut=["onBlur","onKeydown"],dt=["onDblclick"],vt={key:2,class:"text-gray-500 ml-auto pl-1 flex-shrink-0"},ct={key:0,class:"ml-4"},mt=["onClick","onMouseenter","onMouseleave"],pt=["onClick"],yt={key:0,fill:"none",stroke:"currentColor",viewBox:"0 0 24 24"},ft={key:1,fill:"none",stroke:"currentColor",viewBox:"0 0 24 24"},gt=["onBlur","onKeydown"],xt=["onDblclick"],kt={key:2,class:"text-gray-500 ml-auto pl-1 flex-shrink-0"},ht={key:0,class:"ml-4"},bt=["onClick","onMouseenter","onMouseleave"],wt={class:"truncate"},_t={class:"text-gray-600 ml-auto pl-1"},Ct={key:0,class:"px-2 py-4 text-center text-gray-600 text-xs"},$t={__name:"Builder",props:{news:{type:Object,required:!0},templates:{type:Array,default:()=>[]}},setup(j){const G=we(),T=j,re=ne(()=>G("admin.news.edit",T.news.id)),A=d(!1),h=d(!1),O=d(T.templates||[]),b=()=>typeof crypto<"u"&&typeof crypto.randomUUID=="function"?crypto.randomUUID():`${Date.now()}-${Math.random().toString(36).slice(2)}`,se=t=>Array.isArray(t)?t.map(e=>({...e,id:e?.id??b()})):[],le=t=>Array.isArray(t)?t.map((e,o)=>({...e,id:e?.id??b(),_num:e?._num??o+1,name:typeof e?.name=="string"?e.name:"",contents:se(e?.contents)})):[],ie=t=>Array.isArray(t)?t.map((e,o)=>({...e,id:e?.id??b(),_num:e?._num??o+1,name:typeof e?.name=="string"?e.name:"",columns:le(e?.columns)})):[],W=t=>Array.isArray(t)?t.map((e,o)=>({...e,id:e?.id??b(),_num:e?._num??o+1,name:typeof e?.name=="string"?e.name:"",rows:ie(e?.rows)})):[],g=d((t=>{const o=W(t).flatMap(r=>r.rows||[]);return[{id:b(),_num:1,name:"",rows:o,settings:{htmlId:"",cssClasses:""}}]})(T.news.builder_content)),D=d(null),w=d(null),V=t=>{if(w.value&&w.value!==t){const o=document.getElementById(w.value);o&&o.classList.remove("builder-hovered")}w.value=t;const e=document.getElementById(t);e&&e.classList.add("builder-hovered")},I=t=>{const e=document.getElementById(t);e&&e.classList.remove("builder-hovered"),w.value===t&&(w.value=null)},R=t=>{if(Array.isArray(t))return t.map(R);if(t&&typeof t=="object"){const e={};for(const o in t)e[o]=o==="id"?b():R(t[o]);return e}return t},z=async t=>{D.value=t,await oe();const e=["builder-section-","builder-row-","builder-col-"];for(const o of e){const r=document.getElementById(`${o}${t}`);if(r){r.scrollIntoView({behavior:"smooth",block:"center"});return}}},J=ne(()=>g.value.map(t=>({id:t.id,_num:t._num,name:t.name?.trim()||"",rows:(t.rows||[]).map(e=>({id:e.id,_num:e._num,name:e.name?.trim()||"",columns:(e.columns||[]).map(o=>({id:o.id,_num:o._num,name:o.name?.trim()||"",width:o.width,contents:(o.contents||[]).map(r=>({id:r.id,type:r.type}))}))}))}))),c=d(null),y=d(""),x=d(null),H=(t,e)=>{c.value=t,y.value=e,oe(()=>{if(x.value){const o=Array.isArray(x.value)?x.value[0]:x.value;o?.focus(),o?.select()}})},_=t=>{const e=y.value.trim();c.value=null;for(const o of g.value){if(o.id===t){o.name=e;return}for(const r of o.rows||[]){if(r.id===t){r.name=e;return}for(const i of r.columns||[])if(i.id===t){i.name=e;return}}}},f=d(new Set),C=t=>f.value.has(t),K=t=>{f.value.has(t)?f.value.delete(t):f.value.add(t),f.value=new Set(f.value)},ae=()=>{const t=new Set;

1J.value.forEach(e=>{t.add(e.id),e.rows.forEach(o=>{t.add(o.id),o.columns.forEach(r=>t.add(r.id))})}),f.value=t},ue=()=>{f.value=new Set},de={image:"Image",video:"Vidéo",text:"Texte",button:"Bouton",nestedRow:"Colonnes",accordion:"Accordéon",slider:"Slider",map:"Carte",html:"HTML",templateStructure:"Structure"},ve=t=>de[t]||"Contenu",ce=t=>({image:"bg-pink-400",video:"bg-red-400",text:"bg-secondary",button:"bg-purple-400",nestedRow:"bg-teal-400",accordion:"bg-emerald-400",slider:"bg-amber-400",map:"bg-lime-400",html:"bg-orange-400",templateStructure:"bg-indigo-400"})[t]||"bg-gray-400",me=t=>{if(!t.builder_content||!Array.isArray(t.builder_content))return;const e=t.builder_content.map(o=>{const r=R(o);return r.templateName=t.name,r});g.value.push(...e)},$=d(!1),E=d(null),P=d(!0);let Q=null;const X=(t,e)=>{E.value=t,P.value=e,clearTimeout(Q),Q=setTimeout(()=>{E.value=null},3e3)},Y=async()=>{if(!$.value){$.value=!0;try{await be.post(G("admin.news.builder-save",T.news.id),{builder_content:W(g.value)}),X("Contenu sauvegardé avec succès.",!0)}catch(t){console.error(t),X("Erreur lors de la sauvegarde.",!1)}finally{$.value=!1}}},Z=t=>{(t.ctrlKey||t.metaKey)&&t.key==="s"&&(t.preventDefault(),Y())};return fe(()=>window.addEventListener("keydown",Z)),ge(()=>window.removeEventListener("keydown",Z)),(t,e)=>(s(),l(M,null,[k(N(xe),{title:`Builder — ${j.news.title}`},null,8,["title"]),n("div",Ce,[n("div",$e,[n("div",Me,[n("button",{type:"button",onClick:e[0]||(e[0]=o=>A.value=!A.value),title:A.value?"Masquer les modèles":"Afficher les modèles",class:p(["flex items-center justify-center w-8 h-8 rounded transition text-sm font-bold",A.value?"bg-secondary text-white":"bg-gray-700 hover:bg-gray-600 text-gray-300"])},[...e[16]||(e[16]=[n("svg",{class:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24"},[n("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2.5",d:"M12 4v16m8-8H4"})],-1)])],10,Be)]),n("span",je,v(j.news.title),1),n("div",Ae,[n("button",{type:"button",onClick:e[1]||(e[1]=o=>h.value=!h.value),title:h.value?"Masquer la structure":"Afficher la structure",class:p(["flex items-center justify-center w-8 h-8 rounded transition",h.value?"bg-cyan-600 text-white":"bg-gray-700 hover:bg-gray-600 text-gray-300"])},[...e[17]||(e[17]=[n("svg",{class:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24"},[n("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M4 6h16M4 12h16M4 18h16"})],-1)])],10,De),e[22]||(e[22]=n("div",{class:"w-px h-6 bg-gray-700 mx-1"},null,-1)),k(N(ke),{href:re.value,title:"Retour à l'édition de l'actualité",class:"flex items-center justify-center w-8 h-8 rounded bg-gray-700 hover:bg-gray-600 text-gray-300 transition"},{default:L(()=>[...e[18]||(e[18]=[n("svg",{class:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24"},[n("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M10 19l-7-7m0 0l7-7m-7 7h18"})],-1)])]),_:1},8,["href"]),n("a",{href:`/${j.news.full_slug}`,target:"_blank",rel:"noopener noreferrer",title:"Voir la news dans un nouvel onglet",class:"flex items-center justify-center w-8 h-8 rounded bg-gray-700 hover:bg-gray-600 text-gray-300 transition"},[...e[19]||(e[19]=[n("svg",{class:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24"},[n("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"})],-1)])],8,Se),e[23]||(e[23]=n("div",{class:"w-px h-6 bg-gray-700 mx-1"},null,-1)),k(_e,{type:"news",id:j.news.id},null,8,["id"]),n("button",{type:"button",onClick:Y,disabled:$.value,title:"Enregistrer les modifications",class:p(["flex items-center justify-center w-8 h-8 rounded transition",$.value?"bg-gray-600 text-gray-400 cursor-not-allowed":"bg-green-700 hover:bg-green-600 text-white"])},[$.value?(s(),l("svg",Ie,[...e[21]||(e[21]=[n("circle",{class:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor","stroke-width":"4"},null,-1),n("path",{class:"opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8v8H4z"},null,-1)])])):(s(),l("svg",Ve,[...e[20]||(e[20]=[n("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M8 7H5a2 2 0 00-2 2v9a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-3m-1 4l-3 3m0 0l-3-3m3 3V4"},null,-1)])]))],10,Te)])]),n("div",ze,[k(U,{name:"slide-left"},{default:L(()=>[A.value?(s(),l("aside",Ee,[e[27]||(e[27]=n("div",{class:"px-3 py-2 border-b border-gray-700 flex-shrink-0"},[n("h3",{class:"text-white text-xs font-semibold uppercase tracking-wider"},"Modèles"),n("p",{class:"text-gray-400 text-xs mt-0.5"},"Cliquez pour insérer")],-1)),n("div",Le,[O.value.length===0?(s(),l("div",Re,[...e[24]||(e[24]=[n("svg",{class:"w-8 h-8 mx-auto mb-2 text-gray-600",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24"},[n("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"1.5",d:"M9 13h6m-3-3v6m5 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"})],-1),te(" Aucun modèle disponible. ",-1)])])):(s(!0),l(M,{key:1},S(O.value,o=>(s(),l("div",{key:o.id,class:"group cursor-pointer bg-gray-700 hover:bg-gray-600 rounded-lg overflow-hidden border border-gray-600 hover:border-primary transition",onClick:r=>me(o)},[n("div",Ke,[o.thumbnail?(s(),l("img",{key:0,src:`/storage/${o.thumbnail}`,alt:o.name,class:"w-full h-full object-cover"},null,8,Ne)):(s(),l("svg",Ue,[...e[25]||(e[25]=[n("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"1.5",d:"M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z"},null,-1)])]))]),n("div",qe,[n("p",Fe,v(o.name),1),o.description?(s(),l("p",Ge,v(o.description),1)):m("",!0),e[26]||(e[26]=n("p",{class:"text-gray-500 text-xs mt-1 flex items-center gap-1"},[n("svg",{class:"w-3 h-3",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24"},[n("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M12 4v16m8-8H4"})]),te(" Insérer ")],-1))])],8,He))),128))])])):m("",!0)]),_:1}),n("main",Oe,[k(U,{name:"fade"},{default:L(()=>[E.value?(s(),l("div",{key:0,class:p(["fixed bottom-6 left-1/2 -translate-x-1/2 z-50 px-5 py-2.5 rounded-lg text-sm font-medium shadow-lg pointer-events-none",P.value?"bg-green-700 text-white":"bg-red-700 text-white"])},v(E.value),3)):m("",!0)]),_:1}),n("div",We,[k(N(he),{modelValue:g.value,"onUpdate:modelValue":e[2]||(e[2]=o=>g.value=o)},null,8,["modelValue"])])]),k(U,{name:"slide-right"},{default:L(()=>[h.value?(s(),l("aside",Je,[n("div",Pe,[e[29]||(e[29]=n("h3",{class:"text-white text-xs font-semibold uppercase tracking-wider"},"Structure",-1)),n("button",{type:"button",onClick:e[3]||(e[3]=o=>h.value=!1),class:"text-gray-500 hover:text-gray-300 transition"},[...e[28]||(e[28]=[n("svg",{class:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24"},[n("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",d:"M6 18L18 6M6 6l12 12"})],-1)])])]),n("div",{class:"flex items-center gap-3 px-3 py-1.5 border-b border-gray-700 flex-shrink-0"},[n("button",{type:"button",onClick:ae,class:"text-xs text-gray-400 hover:text-gray-200 transition"}," ↓ Tout ouvrir "),e[30]||(e[30]=n("span",{class:"text-gray-700"},"·",-1)),n("button",{type:"button",onClick:ue,class:"text-xs text-gray-400 hover:text-gray-200 transition"}

1," ↑ Tout fermer ")]),n("div",Qe,[n("div",Xe,[(s(!0),l(M,null,S(J.value,o=>(s(),l("div",{key:o.id,class:"ml-3"},[n("div",{class:p(["flex items-center gap-1 px-2 py-1 rounded cursor-pointer transition mb-0.5",D.value===o.id?"bg-white/15 text-white":"text-cyan-400 hover:bg-gray-800"]),onClick:r=>z(o.id),onMouseenter:r=>V(`builder-section-${o.id}`),onMouseleave:r=>I(`builder-section-${o.id}`)},[n("button",{type:"button",class:"flex-shrink-0 text-gray-500 hover:text-gray-300 w-3 h-3",onClick:a(r=>K(o.id),["stop"])},[C(o.id)?(s(),l("svg",et,[...e[31]||(e[31]=[n("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2.5",d:"M19 9l-7 7-7-7"},null,-1)])])):(s(),l("svg",tt,[...e[32]||(e[32]=[n("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2.5",d:"M9 5l7 7-7 7"},null,-1)])]))],8,Ze),e[33]||(e[33]=n("span",{class:"w-2 h-2 rounded-sm bg-cyan-500 flex-shrink-0"},null,-1)),c.value===o.id?q((s(),l("input",{key:0,ref_for:!0,ref_key:"renameInputRef",ref:x,"onUpdate:modelValue":e[4]||(e[4]=r=>y.value=r),class:"flex-1 min-w-0 bg-gray-700 text-white text-xs rounded px-1 outline-none border border-secondary",onBlur:r=>_(o.id),onKeydown:[B(a(r=>_(o.id),["prevent"]),["enter"]),e[5]||(e[5]=B(a(r=>c.value=null,["prevent"]),["esc"]))],onClick:e[6]||(e[6]=a(()=>{},["stop"])),onDblclick:e[7]||(e[7]=a(()=>{},["stop"]))},null,40,nt)),[[F,y.value]]):(s(),l("span",{key:1,class:"truncate font-medium cursor-text",onDblclick:a(r=>H(o.id,o.name||""),["stop"]),title:"Double-clic pour renommer"},v(o.name||`Section ${o._num}`),41,ot))],42,Ye),C(o.id)?(s(),l("div",rt,[(s(!0),l(M,null,S(o.rows,r=>(s(),l("div",{key:r.id},[n("div",{class:p(["flex items-center gap-1 px-2 py-1 rounded cursor-pointer transition mb-0.5",D.value===r.id?"bg-white/15 text-white":"text-orange-300 hover:bg-gray-800"]),onClick:i=>z(r.id),onMouseenter:i=>V(`builder-row-${r.id}`),onMouseleave:i=>I(`builder-row-${r.id}`)},[n("button",{type:"button",class:"flex-shrink-0 text-gray-500 hover:text-gray-300 w-3 h-3",onClick:a(i=>K(r.id),["stop"])},[C(r.id)?(s(),l("svg",it,[...e[34]||(e[34]=[n("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2.5",d:"M19 9l-7 7-7-7"},null,-1)])])):(s(),l("svg",at,[...e[35]||(e[35]=[n("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2.5",d:"M9 5l7 7-7 7"},null,-1)])]))],8,lt),e[36]||(e[36]=n("span",{class:"w-2 h-2 rounded-sm bg-orange-400 flex-shrink-0"},null,-1)),c.value===r.id?q((s(),l("input",{key:0,ref_for:!0,ref_key:"renameInputRef",ref:x,"onUpdate:modelValue":e[8]||(e[8]=i=>y.value=i),class:"flex-1 min-w-0 bg-gray-700 text-white text-xs rounded px-1 outline-none border border-orange-400",onBlur:i=>_(r.id),onKeydown:[B(a(i=>_(r.id),["prevent"]),["enter"]),e[9]||(e[9]=B(a(i=>c.value=null,["prevent"]),["esc"]))],onClick:e[10]||(e[10]=a(()=>{},["stop"])),onDblclick:e[11]||(e[11]=a(()=>{},["stop"]))},null,40,ut)),[[F,y.value]]):(s(),l("span",{key:1,class:"truncate cursor-text",onDblclick:a(i=>H(r.id,r.name||""),["stop"]),title:"Double-clic pour renommer"},v(r.name||`Ligne ${r._num}`),41,dt)),c.value!==r.id?(s(),l("span",vt,v(r.columns.length)+" col.",1)):m("",!0)],42,st),C(r.id)?(s(),l("div",ct,[(s(!0),l(M,null,S(r.columns,i=>(s(),l("div",{key:i.id},[n("div",{class:p(["flex items-center gap-1 px-2 py-1 rounded cursor-pointer transition mb-0.5",D.value===i.id?"bg-white/15 text-white":"text-yellow-300 hover:bg-gray-800"]),onClick:u=>z(i.id),onMouseenter:u=>V(`builder-col-${i.id}`),onMouseleave:u=>I(`builder-col-${i.id}`)},[n("button",{type:"button",class:"flex-shrink-0 text-gray-500 hover:text-gray-300 w-3 h-3",onClick:a(u=>K(i.id),["stop"])},[C(i.id)?(s(),l("svg",yt,[...e[37]||(e[37]=[n("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2.5",d:"M19 9l-7 7-7-7"},null,-1)])])):(s(),l("svg",ft,[...e[38]||(e[38]=[n("path",{"stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2.5",d:"M9 5l7 7-7 7"},null,-1)])]))],8,pt),e[39]||(e[39]=n("span",{class:"w-2 h-2 rounded-sm bg-yellow-400 flex-shrink-0"},null,-1)),c.value===i.id?q((s(),l("input",{key:0,ref_for:!0,ref_key:"renameInputRef",ref:x,"onUpdate:modelValue":e[12]||(e[12]=u=>y.value=u),class:"flex-1 min-w-0 bg-gray-700 text-white text-xs rounded px-1 outline-none border border-yellow-400",onBlur:u=>_(i.id),onKeydown:[B(a(u=>_(i.id),["prevent"]),["enter"]),e[13]||(e[13]=B(a(u=>c.value=null,["prevent"]),["esc"]))],onClick:e[14]||(e[14]=a(()=>{},["stop"])),onDblclick:e[15]||(e[15]=a(()=>{},["stop"]))},null,40,gt)),[[F,y.value]]):(s(),l("span",{key:1,class:"truncate cursor-text",onDblclick:a(u=>H(i.id,i.name||""),["stop"]),title:"Double-clic pour renommer"},v(i.name||`Col. ${i._num}`),41,xt)),c.value!==i.id?(s(),l("span",kt,v(i.width||12)+"/12",1)):m("",!0)],42,mt),C(i.id)?(s(),l("div",ht,[(s(!0),l(M,null,S(i.contents,(u,pe)=>(s(),l("div",{key:u.id,class:p(["flex items-center gap-1.5 px-2 py-1 rounded cursor-pointer transition mb-0.5",D.value===u.id?"bg-white/15 text-white":"text-gray-300 hover:bg-gray-800"]),onClick:ee=>z(u.id),onMouseenter:ee=>V(`builder-col-${i.id}`),onMouseleave:ee=>I(`builder-col-${i.id}`)},[n("span",{class:p(["w-2 h-2 rounded-full flex-shrink-0",ce(u.type)])},null,2),n("span",wt,v(ve(u.type)),1),n("span",_t,"#"+v(pe+1),1)],42,bt))),128))])):m("",!0)]))),128))])):m("",!0)]))),128))])):m("",!0)]))),128)),g.value.length===0?(s(),l("div",Ct," La structure apparaîtra ici dès qu'une section sera ajoutée. ")):m("",!0)])])])):m("",!0)]),_:1})])])],64))}},Dt=ye($t,[["__scopeId","data-v-525ea4e9"]]);export{Dt as default};