import k from"./Tc8aByMx.js";import x from"./DHzGToFM.js";import{d as S,u as C,r as b,e as d,f as i,x as v,g as s,h as u,v as B,B as H,i as N,F as T,y as J,o as a,t as V,_ as w}from"./BxiWQxwE.js";const I={key:0},L=["innerHTML"],q=S({__name:"CloudSectionPlaceholder",props:{section:{type:Object,required:!0}},setup(p){const o=p,{query:m}=C(),r=b(!1),_=d(()=>!!m.showjson||!1||!1),f=n=>{r.value=n},g=n=>(n=n.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;"),n.replace(/("(\\u[a-zA-Z0-9]{4}|\\[^u]|[^\\"])*"(\s*:)?|\b(true|false|null)\b|-?\d+(?:\.\d*)?(?:[eE][+\\-]?\d+)?)/g,function(e){let t="number";return e.startsWith('"')?e.endsWith(":")?t="key":t="string":/true|false/.test(e)?t="boolean":/null/.test(e)&&(t="null"),'<span class="'+t+'">'+e+"</span>"})),h=d(()=>{const e=Array.from(o.section.items).map(l=>l.toJson()),t={isHidden:o.section.isHidden,name:o.section.name,items:e};return JSON.stringify(t,null,4)}),y=g(h.value);return(n,e)=>{const t=k,l=x;return s(_)?(a(),i("section",I,[u("header",null,[u("h1",null,"Section: "+B(o.section.name),1),u("div",null,[e[0]||(e[0]=H(" Json: ")),N(t,{checked:s(r),onToggleChange:f},null,8,["checked"])])]),s(r)?(a(),i("pre",{key:0,innerHTML:s(y)},null,8,L)):(a(!0),i(T,{key:1},J(o.section.items,c=>(a(),V(l,{key:`item-placeholder-${c.id}`,"data-item":c.alias,item:c},null,8,["data-item","item"]))),128))])):v("",!0)}}}),M=w(q,[["__scopeId","data-v-d5e5f930"]]);export{M as default};