domma-cms 0.36.1 → 0.36.3

package/admin/js/views/collection-editor.js

@@ -1,5 +1,5 @@
 import{api as w}from"../api.js";const ee=[{value:"string",label:"Text (single line)"},{value:"email",label:"Email"},{value:"tel",label:"Phone"},{value:"number",label:"Number"},{value:"textarea",label:"Textarea (multi-line)"},{value:"select",label:"Dropdown (select)"},{value:"radio",label:"Radio buttons"},{value:"checkbox",label:"Single checkbox"},{value:"checkbox-group",label:"Checkbox group"},{value:"date",label:"Date"},{value:"time",label:"Time"},{value:"url",label:"URL"},{value:"hidden",label:"Hidden field"}],Q=new Set(["select","radio","checkbox-group"]),ae=["public","token","subscriber","editor","manager","admin"],te=["create","read","update","delete"];let g=[],h=null,S=!0,F=null,B="file",X={};function le(e){return e.toLowerCase().replace(/[^a-z0-9]+/g,"-").replace(/^-|-$/g,"")}function ne(e){return ee.find(t=>t.value===e)?.label||e}function oe(e){const t={...g[e]},n=document.getElementById(`fb-label-${e}`),d=document.getElementById(`fb-name-${e}`),s=document.getElementById(`fb-type-${e}`),r=document.getElementById(`fb-required-${e}`),u=document.getElementById(`fb-placeholder-${e}`),l=document.getElementById(`fb-helper-${e}`);if(n&&(t.label=n.value.trim()||t.label),d&&(t.name=d.value.trim()||t.name),s&&(t.type=s.value||t.type),r&&(t.required=r.checked),u&&(t.placeholder=u.value.trim()),l&&(t.helper=l.value.trim()),Q.has(t.type)){const a=document.getElementById(`fb-options-${e}`);a&&(t.options=a.value.split(`
-`).filter(c=>c.trim()).map(c=>{const[p,...y]=c.split(":");return{value:p.trim(),label:y.join(":").trim()||p.trim()}}))}const o=document.getElementById(`fb-span-${e}`);if(document.getElementById(`fb-fullwidth-${e}`)?.checked)t.fullWidth=!0,delete t.span;else{delete t.fullWidth;const a=parseInt(o?.value,10);a>1?t.span=a:delete t.span}return t}function Z(){return g.map((e,t)=>oe(t))}function de(e,t){const n=document.createElement("div");n.className="fb-field-card",n.dataset.index=t,n.style.cssText="border:1px solid var(--border-color,#333);border-radius:8px;margin-bottom:.75rem;overflow:hidden;";const d=document.createElement("div");d.className="fb-field-header",d.style.cssText="display:flex;align-items:center;gap:.5rem;padding:.6rem .75rem;background:var(--card-header-bg,rgba(255,255,255,.03));cursor:pointer;user-select:none;";const s=document.createElement("span");s.textContent="\u283F",s.style.cssText="cursor:grab;opacity:.4;font-size:1.1rem;flex-shrink:0;",n.draggable=!0,s.addEventListener("mousedown",()=>{n.draggable=!0}),n.addEventListener("dragstart",i=>{F=t,i.dataTransfer.effectAllowed="move",n.style.opacity="0.4"}),n.addEventListener("dragend",()=>{n.style.opacity="",document.querySelectorAll(".fb-field-card").forEach(i=>i.classList.remove("fb-drag-over"))}),n.addEventListener("dragover",i=>{i.preventDefault(),i.dataTransfer.dropEffect="move",document.querySelectorAll(".fb-field-card").forEach(C=>C.classList.remove("fb-drag-over")),n.classList.add("fb-drag-over")}),n.addEventListener("dragleave",()=>{n.classList.remove("fb-drag-over")}),n.addEventListener("drop",i=>{if(i.preventDefault(),n.classList.remove("fb-drag-over"),F===null||F===t)return;g=Z();const[C]=g.splice(F,1);g.splice(t,0,C),F=null,H(document.getElementById("fields-list"))});const r=document.createElement("span");r.className="fb-field-summary",r.style.cssText="flex:1;font-weight:500;font-size:.9rem;",r.textContent=e.label||"(Untitled field)";const u=document.createElement("span");u.style.cssText="font-size:.75rem;opacity:.5;",u.textContent=ne(e.type);const l=document.createElement("span");l.className="fb-field-chevron",l.textContent="\u25BE",l.style.cssText="opacity:.5;transition:transform .2s;";const o=document.createElement("button");o.type="button",o.innerHTML='<span data-icon="x"></span>',o.className="btn btn-sm btn-ghost",o.style.cssText="padding:.15rem .45rem;line-height:1;opacity:.6;",o.title="Remove field",o.addEventListener("click",i=>{i.stopPropagation(),g.splice(t,1),H(document.getElementById("fields-list"))}),d.appendChild(s),d.appendChild(r),d.appendChild(u),d.appendChild(l),d.appendChild(o),Domma.icons.scan(o);const a=document.createElement("div");a.className="fb-field-body",a.style.cssText="padding:.75rem;display:none;";const c=document.createElement("div");c.style.cssText="display:grid;grid-template-columns:1fr 1fr 1fr;gap:.6rem;margin-bottom:.6rem;";const p=document.createElement("div"),y=document.createElement("label");y.className="form-label",y.textContent="Label";const b=document.createElement("input");b.id=`fb-label-${t}`,b.type="text",b.className="form-input",b.value=e.label||"",b.addEventListener("input",()=>{r.textContent=b.value.trim()||"(Untitled field)";const i=document.getElementById(`fb-name-${t}`);i&&!i.dataset.manual&&(i.value=le(b.value).replace(/-/g,"_"))}),p.appendChild(y),p.appendChild(b);const f=document.createElement("div"),$=document.createElement("label");$.className="form-label",$.textContent="Name (key)";const v=document.createElement("input");v.id=`fb-name-${t}`,v.type="text",v.className="form-input",v.value=e.name||"",v.addEventListener("input",()=>{v.dataset.manual="1"}),f.appendChild($),f.appendChild(v);const T=document.createElement("div"),L=document.createElement("label");L.className="form-label",L.textContent="Type";const m=document.createElement("select");m.id=`fb-type-${t}`,m.className="form-input",ee.forEach(i=>{const C=document.createElement("option");C.value=i.value,C.textContent=i.label,i.value===e.type&&(C.selected=!0),m.appendChild(C)}),m.addEventListener("change",()=>{u.textContent=ne(m.value);const i=a.querySelector(".fb-options-wrap");i&&(i.style.display=Q.has(m.value)?"":"none")}),T.appendChild(L),T.appendChild(m),c.appendChild(p),c.appendChild(f),c.appendChild(T);const N=document.createElement("div");N.style.cssText="display:grid;grid-template-columns:1fr 1fr auto;gap:.6rem;align-items:end;margin-bottom:.6rem;";const I=document.createElement("div"),P=document.createElement("label");P.className="form-label",P.textContent="Placeholder";const j=document.createElement("input");j.id=`fb-placeholder-${t}`,j.type="text",j.className="form-input",j.value=e.placeholder||"",I.appendChild(P),I.appendChild(j);const O=document.createElement("div"),V=document.createElement("label");V.className="form-label",V.textContent="Helper text";const q=document.createElement("input");q.id=`fb-helper-${t}`,q.type="text",q.className="form-input",q.value=e.helper||"",O.appendChild(V),O.appendChild(q);const Y=document.createElement("div");Y.style.cssText="padding-bottom:.35rem;";const M=document.createElement("label");M.style.cssText="display:flex;align-items:center;gap:.4rem;cursor:pointer;white-space:nowrap;";const z=document.createElement("input");z.id=`fb-required-${t}`,z.type="checkbox",z.checked=!!e.required,M.appendChild(z),M.appendChild(document.createTextNode("Required")),Y.appendChild(M),N.appendChild(I),N.appendChild(O),N.appendChild(Y);const A=document.createElement("div");A.className="fb-options-wrap",A.style.display=Q.has(e.type)?"":"none";const _=document.createElement("label");_.className="form-label",_.textContent="Options (one per line: value: Label)";const D=document.createElement("textarea");D.id=`fb-options-${t}`,D.className="form-input",D.rows=4,D.value=(e.options||[]).map(i=>typeof i=="string"?`${i}: ${i}`:`${i.value??""}: ${i.label??i.value??""}`).join(`
-`),A.appendChild(_),A.appendChild(D);const x=document.createElement("div");x.className="fb-grid-row",x.style.gridTemplateColumns="1fr auto",x.style.gap=".6rem",x.style.alignItems="end",x.style.marginBottom=".6rem",x.style.display=document.getElementById("collection-layout")?.value==="grid"?"grid":"none";const G=document.createElement("div"),J=document.createElement("label");J.className="form-label",J.textContent="Column Span";const k=document.createElement("input");k.id=`fb-span-${t}`,k.type="number",k.className="form-input",k.min="1",k.max="6",k.value=e.span>1?String(e.span):"1",G.appendChild(J),G.appendChild(k);const K=document.createElement("div");K.style.cssText="padding-bottom:.35rem;";const U=document.createElement("label");U.style.cssText="display:flex;align-items:center;gap:.4rem;cursor:pointer;white-space:nowrap;";const W=document.createElement("input");return W.id=`fb-fullwidth-${t}`,W.type="checkbox",W.checked=!!e.fullWidth,U.appendChild(W),U.appendChild(document.createTextNode("Full Width")),K.appendChild(U),x.appendChild(G),x.appendChild(K),a.appendChild(c),a.appendChild(N),a.appendChild(A),a.appendChild(x),d.addEventListener("click",()=>{const i=a.style.display!=="none";a.style.display=i?"none":"",l.style.transform=i?"":"rotate(180deg)"}),n.appendChild(d),n.appendChild(a),n}function H(e){if(e){if(e.textContent="",g.length===0){const t=document.createElement("p");t.className="text-muted",t.id="fields-empty-msg",t.style.cssText="text-align:center;padding:2rem 0;",t.textContent='No fields yet. Click "Add Field" to get started.',e.appendChild(t);return}g.forEach((t,n)=>{e.appendChild(de(t,n))})}}function ie(e,t){t.textContent="",te.forEach(n=>{const d=e?.[n]||{enabled:!1,access:"admin"},s=document.createElement("div");s.style.cssText="display:grid;grid-template-columns:140px 1fr 160px;gap:.75rem;align-items:center;padding:.6rem 0;border-bottom:1px solid var(--border-color,#333);";const r=document.createElement("strong");r.textContent=n.charAt(0).toUpperCase()+n.slice(1),r.style.cssText="font-size:.9rem;";const u=document.createElement("label");u.style.cssText="display:flex;align-items:center;gap:.45rem;cursor:pointer;font-size:.875rem;";const l=document.createElement("input");l.type="checkbox",l.id=`api-${n}-enabled`,l.checked=!!d.enabled,u.appendChild(l),u.appendChild(document.createTextNode("Enable public access"));const o=document.createElement("select");if(o.id=`api-${n}-access`,o.className="form-input",ae.forEach(a=>{const c=document.createElement("option");c.value=a,c.textContent=a.charAt(0).toUpperCase()+a.slice(1),a===d.access&&(c.selected=!0),o.appendChild(c)}),s.appendChild(r),s.appendChild(u),s.appendChild(o),t.appendChild(s),n==="read"){const a=document.createElement("div");a.style.cssText="display:grid;grid-template-columns:140px 1fr;gap:.75rem;align-items:center;padding:.6rem 0;border-bottom:1px solid var(--border-color,#333);";const c=document.createElement("label");c.htmlFor="api-read-fields",c.style.cssText="font-size:.85rem;color:var(--dm-text-muted,#aaa);",c.textContent="Read fields";const p=document.createElement("input");p.type="text",p.id="api-read-fields",p.className="form-input",p.placeholder="Comma-separated allowlist \u2014 empty = all fields",p.value=Array.isArray(d.fields)?d.fields.join(", "):"",a.appendChild(c),a.appendChild(p),t.appendChild(a)}})}function ce(e,t){E.dropdown("#storage-adapter-trigger",{items:[{label:"File (default)",value:"file"},{label:"MongoDB",value:"mongodb"}],onSelect:({item:d})=>{e.find("#storage-adapter").val(d.value),e.find("#storage-adapter-label").text(d.label);const s=d.value==="mongodb";e.find("#storage-connection-group").toggle(s),e.find("#storage-migration-warning").toggle(s&&!S)}});const n=t.map(d=>({label:d,value:d}));E.dropdown("#storage-connection-trigger",{items:n.length?n:[{label:"default",value:"default"}],onSelect:({item:d})=>{e.find("#storage-connection").val(d.value),e.find("#storage-connection-label").text(d.label)}})}function se(){return(document.getElementById("storage-adapter")?.value||"file")==="mongodb"?{adapter:"mongodb",connection:document.getElementById("storage-connection")?.value||"default"}:{adapter:"file"}}function re(){const e={};return te.forEach(t=>{const n=document.getElementById(`api-${t}-enabled`)?.checked??!1,d=document.getElementById(`api-${t}-access`)?.value||"admin";if(e[t]={enabled:n,access:d},t==="read"){const s=(document.getElementById("api-read-fields")?.value||"").split(",").map(r=>r.trim()).filter(Boolean);s.length&&(e[t].fields=s)}}),e}export const collectionEditorView={templateUrl:"/admin/js/templates/collection-editor.html",async onMount(e){g=[],h=null,S=!0;const t=window.location.hash.match(/\/collections\/edit\/([^/?#]+)/);t&&(h=t[1],S=!1),E.tabs(e.find("#collection-tabs").get(0)),e.find("#collection-layout").get(0)?.addEventListener("change",function(){const l=this.value==="grid";e.find("#collection-columns-group").get(0).style.display=l?"":"none",document.querySelectorAll(".fb-grid-row").forEach(o=>{o.style.display=l?"grid":"none"})});const n=e.find("#fields-list").get(0),d=e.find("#api-access-rows").get(0);X={};const s=e.find("#collection-project").get(0);if(s)try{(await w.projects.list()).forEach(o=>{const a=document.createElement("option");a.value=o.slug,a.textContent=o.name||o.slug,s.appendChild(a)})}catch{}const r=await w.collections.proStatus();r?.pro&&h!=="roles"&&(e.find("#storage-tab-btn").show(),ce(e,r.connections));let u={create:{enabled:!1,access:"admin"},read:{enabled:!0,access:"public"},update:{enabled:!1,access:"admin"},delete:{enabled:!1,access:"admin"}};if(S){const l=e.find("#field-title").get(0),o=e.find("#field-slug").get(0);l&&o&&(l.addEventListener("input",()=>{o.dataset.manual||(o.value=le(l.value))}),o.addEventListener("input",()=>{o.dataset.manual="1"}))}else try{const l=await w.collections.get(h);if(!l){E.toast("Collection not found.",{type:"error"}),R.navigate("/collections");return}const o=e.find("#editor-title-text").get(0);o&&(o.textContent=l.title),e.find("#field-title").val(l.title||""),e.find("#field-slug").val(l.slug||""),e.find("#field-slug").prop("readonly",!0),e.find("#slug-hint").get(0).textContent="Slug cannot be changed after creation.",e.find("#field-description").val(l.description||""),e.find("#collection-layout").val(l.layout||"stacked"),e.find("#collection-columns").val(l.columns||2),e.find("#collection-bundled").prop("checked",!!l.bundled),X=l.meta||{},e.find("#collection-project").val(l.meta?.project||""),e.find("#collection-columns-group").get(0).style.display=l.layout==="grid"?"":"none",g=l.fields||[],u=l.api||u,B=l.storage?.adapter||"file",l.storage&&(e.find("#storage-adapter").val(l.storage.adapter||"file"),e.find("#storage-adapter-label").text(l.storage.adapter==="mongodb"?"MongoDB":"File (default)"),l.storage.adapter==="mongodb"&&(e.find("#storage-connection-group").show(),e.find("#storage-connection").val(l.storage.connection||"default"),e.find("#storage-connection-label").text(l.storage.connection||"default"))),h==="roles"&&e.find("#storage-tab-btn").hide()}catch{E.toast("Failed to load collection.",{type:"error"}),R.navigate("/collections");return}H(n),ie(u,d),e.find("#add-field-btn").off("click").on("click",()=>{g=Z(),g.push({id:`field-${Date.now()}`,name:"",label:"",type:"string",required:!1,placeholder:"",helper:"",options:[],validation:[],logic:null}),H(n);const l=n.querySelectorAll(".fb-field-card");if(l.length){const o=l[l.length-1],a=o.querySelector(".fb-field-body"),c=o.querySelector(".fb-field-chevron");a&&(a.style.display=""),c&&(c.style.transform="rotate(180deg)"),o.querySelector(`#fb-label-${g.length-1}`)?.focus()}}),e.find("#save-collection-btn").off("click").on("click",async()=>{const l=e.find("#field-title").val().trim(),o=e.find("#field-slug").val().trim(),a=e.find("#field-description").val().trim();if(!l){E.toast("Title is required.",{type:"warning"});return}const c=Z(),p=re(),y=e.find("#collection-layout").val()||"stacked",b=parseInt(e.find("#collection-columns").val(),10)||2,f=se(),$=e.find("#collection-bundled").is(":checked"),v=e.find("#collection-project").val()||"",T={...X||{},project:v||null},L=e.find("#save-collection-btn");L.prop("disabled",!0);try{if(S){const m=await w.collections.create({title:l,slug:o,description:a,layout:y,columns:b,fields:c,api:p,storage:f,meta:T,...$?{bundled:!0}:{}});h=m.slug,B=f.adapter||"file",S=!1,E.toast("Collection created.",{type:"success"}),R.navigate(`/collections/edit/${m.slug}`)}else if((f.adapter||"file")!==B){let m=0;try{m=(await w.collections.listEntries(h,{limit:1}))?.total??0}catch{}const N=B==="file"?`file \u2192 ${f.adapter}`:`${B} \u2192 ${f.adapter||"file"}`;if(m>0&&await E.confirm(`You changed the storage adapter (${N}).
+`).filter(c=>c.trim()).map(c=>{const[p,...y]=c.split(":");return{value:p.trim(),label:y.join(":").trim()||p.trim()}}))}const o=document.getElementById(`fb-span-${e}`);if(document.getElementById(`fb-fullwidth-${e}`)?.checked)t.fullWidth=!0,delete t.span;else{delete t.fullWidth;const a=parseInt(o?.value,10);a>1?t.span=a:delete t.span}return t}function Z(){return g.map((e,t)=>oe(t))}function de(e,t){const n=document.createElement("div");n.className="fb-field-card",n.dataset.index=t,n.style.cssText="border:1px solid var(--dm-border,#333);border-radius:8px;margin-bottom:.75rem;overflow:hidden;";const d=document.createElement("div");d.className="fb-field-header",d.style.cssText="display:flex;align-items:center;gap:.5rem;padding:.6rem .75rem;background:var(--dm-card-header-bg,rgba(255,255,255,.03));cursor:pointer;user-select:none;";const s=document.createElement("span");s.textContent="\u283F",s.style.cssText="cursor:grab;opacity:.4;font-size:1.1rem;flex-shrink:0;",n.draggable=!0,s.addEventListener("mousedown",()=>{n.draggable=!0}),n.addEventListener("dragstart",i=>{F=t,i.dataTransfer.effectAllowed="move",n.style.opacity="0.4"}),n.addEventListener("dragend",()=>{n.style.opacity="",document.querySelectorAll(".fb-field-card").forEach(i=>i.classList.remove("fb-drag-over"))}),n.addEventListener("dragover",i=>{i.preventDefault(),i.dataTransfer.dropEffect="move",document.querySelectorAll(".fb-field-card").forEach(C=>C.classList.remove("fb-drag-over")),n.classList.add("fb-drag-over")}),n.addEventListener("dragleave",()=>{n.classList.remove("fb-drag-over")}),n.addEventListener("drop",i=>{if(i.preventDefault(),n.classList.remove("fb-drag-over"),F===null||F===t)return;g=Z();const[C]=g.splice(F,1);g.splice(t,0,C),F=null,H(document.getElementById("fields-list"))});const r=document.createElement("span");r.className="fb-field-summary",r.style.cssText="flex:1;font-weight:500;font-size:.9rem;",r.textContent=e.label||"(Untitled field)";const u=document.createElement("span");u.style.cssText="font-size:.75rem;opacity:.5;",u.textContent=ne(e.type);const l=document.createElement("span");l.className="fb-field-chevron",l.textContent="\u25BE",l.style.cssText="opacity:.5;transition:transform .2s;";const o=document.createElement("button");o.type="button",o.innerHTML='<span data-icon="x"></span>',o.className="btn btn-sm btn-ghost",o.style.cssText="padding:.15rem .45rem;line-height:1;opacity:.6;",o.title="Remove field",o.addEventListener("click",i=>{i.stopPropagation(),g.splice(t,1),H(document.getElementById("fields-list"))}),d.appendChild(s),d.appendChild(r),d.appendChild(u),d.appendChild(l),d.appendChild(o),Domma.icons.scan(o);const a=document.createElement("div");a.className="fb-field-body",a.style.cssText="padding:.75rem;display:none;";const c=document.createElement("div");c.style.cssText="display:grid;grid-template-columns:1fr 1fr 1fr;gap:.6rem;margin-bottom:.6rem;";const p=document.createElement("div"),y=document.createElement("label");y.className="form-label",y.textContent="Label";const b=document.createElement("input");b.id=`fb-label-${t}`,b.type="text",b.className="form-input",b.value=e.label||"",b.addEventListener("input",()=>{r.textContent=b.value.trim()||"(Untitled field)";const i=document.getElementById(`fb-name-${t}`);i&&!i.dataset.manual&&(i.value=le(b.value).replace(/-/g,"_"))}),p.appendChild(y),p.appendChild(b);const f=document.createElement("div"),$=document.createElement("label");$.className="form-label",$.textContent="Name (key)";const v=document.createElement("input");v.id=`fb-name-${t}`,v.type="text",v.className="form-input",v.value=e.name||"",v.addEventListener("input",()=>{v.dataset.manual="1"}),f.appendChild($),f.appendChild(v);const T=document.createElement("div"),L=document.createElement("label");L.className="form-label",L.textContent="Type";const m=document.createElement("select");m.id=`fb-type-${t}`,m.className="form-input",ee.forEach(i=>{const C=document.createElement("option");C.value=i.value,C.textContent=i.label,i.value===e.type&&(C.selected=!0),m.appendChild(C)}),m.addEventListener("change",()=>{u.textContent=ne(m.value);const i=a.querySelector(".fb-options-wrap");i&&(i.style.display=Q.has(m.value)?"":"none")}),T.appendChild(L),T.appendChild(m),c.appendChild(p),c.appendChild(f),c.appendChild(T);const N=document.createElement("div");N.style.cssText="display:grid;grid-template-columns:1fr 1fr auto;gap:.6rem;align-items:end;margin-bottom:.6rem;";const I=document.createElement("div"),P=document.createElement("label");P.className="form-label",P.textContent="Placeholder";const j=document.createElement("input");j.id=`fb-placeholder-${t}`,j.type="text",j.className="form-input",j.value=e.placeholder||"",I.appendChild(P),I.appendChild(j);const O=document.createElement("div"),V=document.createElement("label");V.className="form-label",V.textContent="Helper text";const q=document.createElement("input");q.id=`fb-helper-${t}`,q.type="text",q.className="form-input",q.value=e.helper||"",O.appendChild(V),O.appendChild(q);const Y=document.createElement("div");Y.style.cssText="padding-bottom:.35rem;";const M=document.createElement("label");M.style.cssText="display:flex;align-items:center;gap:.4rem;cursor:pointer;white-space:nowrap;";const z=document.createElement("input");z.id=`fb-required-${t}`,z.type="checkbox",z.checked=!!e.required,M.appendChild(z),M.appendChild(document.createTextNode("Required")),Y.appendChild(M),N.appendChild(I),N.appendChild(O),N.appendChild(Y);const A=document.createElement("div");A.className="fb-options-wrap",A.style.display=Q.has(e.type)?"":"none";const _=document.createElement("label");_.className="form-label",_.textContent="Options (one per line: value: Label)";const D=document.createElement("textarea");D.id=`fb-options-${t}`,D.className="form-input",D.rows=4,D.value=(e.options||[]).map(i=>typeof i=="string"?`${i}: ${i}`:`${i.value??""}: ${i.label??i.value??""}`).join(`
+`),A.appendChild(_),A.appendChild(D);const x=document.createElement("div");x.className="fb-grid-row",x.style.gridTemplateColumns="1fr auto",x.style.gap=".6rem",x.style.alignItems="end",x.style.marginBottom=".6rem",x.style.display=document.getElementById("collection-layout")?.value==="grid"?"grid":"none";const G=document.createElement("div"),J=document.createElement("label");J.className="form-label",J.textContent="Column Span";const k=document.createElement("input");k.id=`fb-span-${t}`,k.type="number",k.className="form-input",k.min="1",k.max="6",k.value=e.span>1?String(e.span):"1",G.appendChild(J),G.appendChild(k);const K=document.createElement("div");K.style.cssText="padding-bottom:.35rem;";const U=document.createElement("label");U.style.cssText="display:flex;align-items:center;gap:.4rem;cursor:pointer;white-space:nowrap;";const W=document.createElement("input");return W.id=`fb-fullwidth-${t}`,W.type="checkbox",W.checked=!!e.fullWidth,U.appendChild(W),U.appendChild(document.createTextNode("Full Width")),K.appendChild(U),x.appendChild(G),x.appendChild(K),a.appendChild(c),a.appendChild(N),a.appendChild(A),a.appendChild(x),d.addEventListener("click",()=>{const i=a.style.display!=="none";a.style.display=i?"none":"",l.style.transform=i?"":"rotate(180deg)"}),n.appendChild(d),n.appendChild(a),n}function H(e){if(e){if(e.textContent="",g.length===0){const t=document.createElement("p");t.className="text-muted",t.id="fields-empty-msg",t.style.cssText="text-align:center;padding:2rem 0;",t.textContent='No fields yet. Click "Add Field" to get started.',e.appendChild(t);return}g.forEach((t,n)=>{e.appendChild(de(t,n))})}}function ie(e,t){t.textContent="",te.forEach(n=>{const d=e?.[n]||{enabled:!1,access:"admin"},s=document.createElement("div");s.style.cssText="display:grid;grid-template-columns:140px 1fr 160px;gap:.75rem;align-items:center;padding:.6rem 0;border-bottom:1px solid var(--dm-border,#333);";const r=document.createElement("strong");r.textContent=n.charAt(0).toUpperCase()+n.slice(1),r.style.cssText="font-size:.9rem;";const u=document.createElement("label");u.style.cssText="display:flex;align-items:center;gap:.45rem;cursor:pointer;font-size:.875rem;";const l=document.createElement("input");l.type="checkbox",l.id=`api-${n}-enabled`,l.checked=!!d.enabled,u.appendChild(l),u.appendChild(document.createTextNode("Enable public access"));const o=document.createElement("select");if(o.id=`api-${n}-access`,o.className="form-input",ae.forEach(a=>{const c=document.createElement("option");c.value=a,c.textContent=a.charAt(0).toUpperCase()+a.slice(1),a===d.access&&(c.selected=!0),o.appendChild(c)}),s.appendChild(r),s.appendChild(u),s.appendChild(o),t.appendChild(s),n==="read"){const a=document.createElement("div");a.style.cssText="display:grid;grid-template-columns:140px 1fr;gap:.75rem;align-items:center;padding:.6rem 0;border-bottom:1px solid var(--dm-border,#333);";const c=document.createElement("label");c.htmlFor="api-read-fields",c.style.cssText="font-size:.85rem;color:var(--dm-text-muted,#aaa);",c.textContent="Read fields";const p=document.createElement("input");p.type="text",p.id="api-read-fields",p.className="form-input",p.placeholder="Comma-separated allowlist \u2014 empty = all fields",p.value=Array.isArray(d.fields)?d.fields.join(", "):"",a.appendChild(c),a.appendChild(p),t.appendChild(a)}})}function ce(e,t){E.dropdown("#storage-adapter-trigger",{items:[{label:"File (default)",value:"file"},{label:"MongoDB",value:"mongodb"}],onSelect:({item:d})=>{e.find("#storage-adapter").val(d.value),e.find("#storage-adapter-label").text(d.label);const s=d.value==="mongodb";e.find("#storage-connection-group").toggle(s),e.find("#storage-migration-warning").toggle(s&&!S)}});const n=t.map(d=>({label:d,value:d}));E.dropdown("#storage-connection-trigger",{items:n.length?n:[{label:"default",value:"default"}],onSelect:({item:d})=>{e.find("#storage-connection").val(d.value),e.find("#storage-connection-label").text(d.label)}})}function se(){return(document.getElementById("storage-adapter")?.value||"file")==="mongodb"?{adapter:"mongodb",connection:document.getElementById("storage-connection")?.value||"default"}:{adapter:"file"}}function re(){const e={};return te.forEach(t=>{const n=document.getElementById(`api-${t}-enabled`)?.checked??!1,d=document.getElementById(`api-${t}-access`)?.value||"admin";if(e[t]={enabled:n,access:d},t==="read"){const s=(document.getElementById("api-read-fields")?.value||"").split(",").map(r=>r.trim()).filter(Boolean);s.length&&(e[t].fields=s)}}),e}export const collectionEditorView={templateUrl:"/admin/js/templates/collection-editor.html",async onMount(e){g=[],h=null,S=!0;const t=window.location.hash.match(/\/collections\/edit\/([^/?#]+)/);t&&(h=t[1],S=!1),E.tabs(e.find("#collection-tabs").get(0)),e.find("#collection-layout").get(0)?.addEventListener("change",function(){const l=this.value==="grid";e.find("#collection-columns-group").get(0).style.display=l?"":"none",document.querySelectorAll(".fb-grid-row").forEach(o=>{o.style.display=l?"grid":"none"})});const n=e.find("#fields-list").get(0),d=e.find("#api-access-rows").get(0);X={};const s=e.find("#collection-project").get(0);if(s)try{(await w.projects.list()).forEach(o=>{const a=document.createElement("option");a.value=o.slug,a.textContent=o.name||o.slug,s.appendChild(a)})}catch{}const r=await w.collections.proStatus();r?.pro&&h!=="roles"&&(e.find("#storage-tab-btn").show(),ce(e,r.connections));let u={create:{enabled:!1,access:"admin"},read:{enabled:!0,access:"public"},update:{enabled:!1,access:"admin"},delete:{enabled:!1,access:"admin"}};if(S){const l=e.find("#field-title").get(0),o=e.find("#field-slug").get(0);l&&o&&(l.addEventListener("input",()=>{o.dataset.manual||(o.value=le(l.value))}),o.addEventListener("input",()=>{o.dataset.manual="1"}))}else try{const l=await w.collections.get(h);if(!l){E.toast("Collection not found.",{type:"error"}),R.navigate("/collections");return}const o=e.find("#editor-title-text").get(0);o&&(o.textContent=l.title),e.find("#field-title").val(l.title||""),e.find("#field-slug").val(l.slug||""),e.find("#field-slug").prop("readonly",!0),e.find("#slug-hint").get(0).textContent="Slug cannot be changed after creation.",e.find("#field-description").val(l.description||""),e.find("#collection-layout").val(l.layout||"stacked"),e.find("#collection-columns").val(l.columns||2),e.find("#collection-bundled").prop("checked",!!l.bundled),X=l.meta||{},e.find("#collection-project").val(l.meta?.project||""),e.find("#collection-columns-group").get(0).style.display=l.layout==="grid"?"":"none",g=l.fields||[],u=l.api||u,B=l.storage?.adapter||"file",l.storage&&(e.find("#storage-adapter").val(l.storage.adapter||"file"),e.find("#storage-adapter-label").text(l.storage.adapter==="mongodb"?"MongoDB":"File (default)"),l.storage.adapter==="mongodb"&&(e.find("#storage-connection-group").show(),e.find("#storage-connection").val(l.storage.connection||"default"),e.find("#storage-connection-label").text(l.storage.connection||"default"))),h==="roles"&&e.find("#storage-tab-btn").hide()}catch{E.toast("Failed to load collection.",{type:"error"}),R.navigate("/collections");return}H(n),ie(u,d),e.find("#add-field-btn").off("click").on("click",()=>{g=Z(),g.push({id:`field-${Date.now()}`,name:"",label:"",type:"string",required:!1,placeholder:"",helper:"",options:[],validation:[],logic:null}),H(n);const l=n.querySelectorAll(".fb-field-card");if(l.length){const o=l[l.length-1],a=o.querySelector(".fb-field-body"),c=o.querySelector(".fb-field-chevron");a&&(a.style.display=""),c&&(c.style.transform="rotate(180deg)"),o.querySelector(`#fb-label-${g.length-1}`)?.focus()}}),e.find("#save-collection-btn").off("click").on("click",async()=>{const l=e.find("#field-title").val().trim(),o=e.find("#field-slug").val().trim(),a=e.find("#field-description").val().trim();if(!l){E.toast("Title is required.",{type:"warning"});return}const c=Z(),p=re(),y=e.find("#collection-layout").val()||"stacked",b=parseInt(e.find("#collection-columns").val(),10)||2,f=se(),$=e.find("#collection-bundled").is(":checked"),v=e.find("#collection-project").val()||"",T={...X||{},project:v||null},L=e.find("#save-collection-btn");L.prop("disabled",!0);try{if(S){const m=await w.collections.create({title:l,slug:o,description:a,layout:y,columns:b,fields:c,api:p,storage:f,meta:T,...$?{bundled:!0}:{}});h=m.slug,B=f.adapter||"file",S=!1,E.toast("Collection created.",{type:"success"}),R.navigate(`/collections/edit/${m.slug}`)}else if((f.adapter||"file")!==B){let m=0;try{m=(await w.collections.listEntries(h,{limit:1}))?.total??0}catch{}const N=B==="file"?`file \u2192 ${f.adapter}`:`${B} \u2192 ${f.adapter||"file"}`;if(m>0&&await E.confirm(`You changed the storage adapter (${N}).
 
 Migrate ${m} existing ${m===1?"entry":"entries"} to the new storage?`)){const I=await w.collections.migrateStorage(h,f);B=f.adapter||"file",E.toast(`Migrated ${I.migrated} of ${I.total} entries.`,{type:"success"})}else await w.collections.update(h,{title:l,description:a,layout:y,columns:b,fields:c,api:p,storage:f,meta:T,...$?{bundled:!0}:{bundled:!1}}),B=f.adapter||"file",E.toast("Collection saved.",{type:"success"})}else await w.collections.update(h,{title:l,description:a,layout:y,columns:b,fields:c,api:p,storage:f,meta:T,...$?{bundled:!0}:{bundled:!1}}),E.toast("Collection saved.",{type:"success"})}catch(m){E.toast(m.message||"Failed to save.",{type:"error"})}finally{L.prop("disabled",!1)}}),Domma.icons.scan()}};

package/admin/js/views/collection-entries.js

@@ -1 +1 @@
-import{api as h}from"../api.js";function M(t){return String(t).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;")}let f=null,g=null,p=[],j=1,w=[],x={};const z=50;export const collectionEntriesView={templateUrl:"/admin/js/templates/collection-entries.html",async onMount(t){p=[],j=1,g=null,w=[],x={};const d=window.location.hash.match(/\/collections\/([^/?#]+)\/entries/);if(f=d?d[1]:null,!f){E.toast("No collection selected.",{type:"error"});return}try{if(g=await h.collections.get(f),!g){E.toast("Collection not found.",{type:"error"}),R.navigate("/collections");return}const o=t.find("#entries-title").get(0);o&&(o.textContent=g.title+" \u2014 Entries");const a=t.find("#edit-schema-btn").get(0);a&&a.setAttribute("href",`#/collections/edit/${f}`);const e=t.find("#form-btn").get(0);e&&(new Set(["roles","user-profiles"]).has(f)?e.style.display="none":e.setAttribute("href",`#/forms/edit/${f}`))}catch{E.toast("Failed to load collection schema.",{type:"error"});return}try{w=await h.actions.forCollection(f)}catch{w=[]}await v(t),await k(t);const n=t.find("#entry-search").get(0);n&&n.addEventListener("input",()=>{const o=n.value.toLowerCase().trim(),a=o?p.filter(e=>Object.values(e.data||{}).some(l=>String(l).toLowerCase().includes(o))):p;C(a,t)}),t.find("#add-entry-btn").off("click").on("click",()=>{A(null,t)}),t.find("#export-btn").off("click").on("click",()=>{const o=E.slideover({title:"Export Entries",size:"sm",position:"right"}),a=document.createElement("div");a.style.cssText="padding:1.25rem;display:flex;flex-direction:column;gap:1rem;",["json","csv"].forEach(e=>{const l=document.createElement("button");l.className="btn btn-ghost",l.style.cssText="justify-content:flex-start;gap:.5rem;",l.textContent=e==="json"?"Export as JSON":"Export as CSV",l.addEventListener("click",()=>{fetch(`/api/collections/${f}/export?format=${e}`,{headers:{Authorization:`Bearer ${S.get("auth_token")||""}`}}).then(s=>s.blob()).then(s=>{const r=document.createElement("a");r.href=URL.createObjectURL(s),r.download=`${f}-entries.${e}`,document.body.appendChild(r),r.click(),document.body.removeChild(r),URL.revokeObjectURL(r.href),o.close()}).catch(()=>E.toast("Export failed.",{type:"error"}))}),a.appendChild(l)}),o.setContent(a),o.open()}),t.find("#import-btn").off("click").on("click",()=>{B(t)}),t.find("#clear-all-btn").off("click").on("click",async()=>{if(await E.confirm("Delete ALL entries? This cannot be undone."))try{await h.collections.clearEntries(f),p=[],E.toast("All entries cleared.",{type:"success"}),C([],t)}catch{E.toast("Failed to clear entries.",{type:"error"})}}),Domma.icons.scan()}};async function k(t){const m=w.filter(n=>n.access?.rowLevel);if(m.length===0)return;const d=p.map(n=>n.id);d.length!==0&&(await Promise.all(m.map(async n=>{try{const{allowed:o}=await h.actions.checkAccess(n.slug,d);x[n.slug]=new Set(o)}catch{x[n.slug]=null}})),C(p,t))}async function v(t){try{const m=await h.collections.listEntries(f,{limit:500});p=m.entries||m||[]}catch{p=[],E.toast("Could not load entries.",{type:"error"})}C(p,t),await k(t)}function C(t,m){const d=m.find("#entry-count").get(0);d&&(d.textContent=t.length===p.length?`${p.length} entr${p.length!==1?"ies":"y"}`:`Showing ${t.length} of ${p.length}`);const o=[...(g?.fields||[]).slice(0,5).map(e=>({key:`data.${e.name}`,title:e.label||e.name,render:(l,s)=>{const r=s.data?.[e.name]??"",c=String(r),i=document.createElement("span");return i.title=c,i.textContent=c.length>60?c.slice(0,60)+"\u2026":c,i.outerHTML}})),{key:"meta",title:"Created",render:e=>D(e?.createdAt).format("DD MMM YYYY HH:mm")},{key:"id",title:"",render:e=>{const l=document.createElement("div");l.style.cssText="display:flex;gap:.3rem;justify-content:flex-end;flex-wrap:wrap;",w.forEach(c=>{if(x[c.slug]!==void 0&&x[c.slug]!==null&&!x[c.slug].has(e))return;const i=document.createElement("button");i.className="btn btn-sm btn-ghost js-run-action",i.dataset.actionSlug=c.slug,i.dataset.entryId=e,i.dataset.confirmMessage=c.trigger?.confirmMessage||"",i.title=c.title||c.slug;const y=document.createElement("span");y.setAttribute("data-icon",M(c.trigger?.icon||"zap")),i.appendChild(y),i.appendChild(document.createTextNode(" "+(c.trigger?.label||c.title))),l.appendChild(i)});const s=document.createElement("button");s.className="btn btn-sm btn-ghost js-edit-entry",s.dataset.id=e,s.setAttribute("data-tooltip","Edit"),s.innerHTML='<span data-icon="edit"></span>';const r=document.createElement("button");return r.className="btn btn-sm btn-danger js-delete-entry",r.dataset.id=e,r.setAttribute("data-tooltip","Delete"),r.innerHTML='<span data-icon="trash"></span>',l.appendChild(s),l.appendChild(r),l.outerHTML}}];T.create("#entries-table",{data:t,columns:o,emptyMessage:'No entries yet. Click "Add Entry" to get started.'});const a=document.querySelector("#entries-table");a&&(a.querySelectorAll(".js-run-action").forEach(e=>{e.addEventListener("click",async l=>{l.stopPropagation();const{actionSlug:s,entryId:r,confirmMessage:c}=e.dataset;if(!(c&&!await E.confirm(c))){e.disabled=!0;try{const i=await h.actions.execute(s,r);if(i.success)E.toast(`Action completed (${i.stepsCompleted} step${i.stepsCompleted!==1?"s":""}).`,{type:"success"}),await v({find:y=>({get:u=>document.querySelector(y)})});else{const y=i.results?.find(u=>!u.success);E.toast(y?.error||"Action failed.",{type:"error"})}}catch(i){E.toast(i.message||"Action failed.",{type:"error"})}finally{e.disabled=!1}}})}),a.querySelectorAll(".js-edit-entry").forEach(e=>{e.addEventListener("click",l=>{l.stopPropagation();const s=p.find(r=>r.id===e.dataset.id);s&&A(s,null)})}),a.querySelectorAll(".js-delete-entry").forEach(e=>{e.addEventListener("click",async l=>{if(l.stopPropagation(),!!await E.confirm("Delete this entry?"))try{await h.collections.deleteEntry(f,e.dataset.id),p=p.filter(r=>r.id!==e.dataset.id),E.toast("Entry deleted.",{type:"success"}),C(p,{find:r=>({get:c=>document.querySelector(r)})})}catch{E.toast("Failed to delete entry.",{type:"error"})}})}),a.querySelectorAll("tbody tr").forEach((e,l)=>{const s=t[l];s&&(e.style.cursor="pointer",e.addEventListener("click",r=>{r.target.closest(".js-edit-entry, .js-delete-entry")||q(s)}))}),Domma.icons.scan(a),a.querySelectorAll("[data-tooltip]").forEach(e=>{E.tooltip(e,{content:e.getAttribute("data-tooltip"),position:"top"})}))}function N(t,m){const d={};return t.forEach(n=>{const o={};n.fullWidth?o.span=m:n.span>1&&(o.span=n.span),n.placeholder&&(o.placeholder=n.placeholder),n.helper&&(o.hint=n.helper);const a=n.type==="checkbox"?"boolean":n.type==="date"?"string":n.type;d[n.name]={type:a,label:n.label,required:n.required,options:n.options,...Object.keys(o).length?{formConfig:o}:{}}}),d}function A(t,m){const d=!!t,n=E.modal({title:d?"Edit Entry":"Add Entry",size:"md"}),o=document.createElement("div");o.style.cssText="padding:.25rem 0 .5rem;";const a=g?.fields||[],e=g?.columns||2,l=g?.layout||"stacked",s=document.createElement("div");F.create(N(a,e),t?.data||{},{layout:l,columns:e,showSubmitButton:!1}).renderTo(s),(a||[]).forEach(y=>{if(y.type!=="date"||!y.name)return;const u=s.querySelector(`[name="${y.name}"]`);u&&u.type!=="date"&&(u.type="date")}),o.appendChild(s);const r=document.createElement("div");r.style.cssText="display:flex;justify-content:flex-end;gap:.5rem;margin-top:.5rem;";const c=document.createElement("button");c.className="btn btn-ghost",c.textContent="Cancel";const i=document.createElement("button");i.className="btn btn-primary",i.textContent=d?"Save Changes":"Add Entry",r.appendChild(c),r.appendChild(i),o.appendChild(r),n.element.appendChild(o),n.open(),c.addEventListener("click",()=>n.close()),i.addEventListener("click",async()=>{const y={};a.forEach(u=>{const b=s.querySelector(`[name="${u.name}"]`);b&&(y[u.name]=u.type==="checkbox"?b.checked:b.value)}),i.disabled=!0;try{if(d){const u=await h.collections.updateEntry(f,t.id,y),b=p.findIndex(L=>L.id===t.id);b!==-1&&(p[b]=u),E.toast("Entry updated.",{type:"success"})}else{const u=await h.collections.createEntry(f,y);p.unshift(u),E.toast("Entry added.",{type:"success"})}n.close(),C(p,m||{find:()=>({get:()=>null})})}catch(u){E.toast(u.message||"Failed to save entry.",{type:"error"}),i.disabled=!1}})}function q(t){const m=document.createElement("div"),d=g?.fields||[],n=document.createElement("div");n.style.cssText="display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem;",d.forEach(e=>{const l=t.data?.[e.name];if(l==null||l==="")return;const s=document.createElement("div");s.style.cssText="border-bottom:1px solid var(--border-color,#333);padding-bottom:.6rem;";const r=document.createElement("strong");r.textContent=e.label||e.name,r.style.cssText="display:block;font-size:.8rem;color:var(--text-muted,#888);margin-bottom:.2rem;";const c=document.createElement("p");c.textContent=String(l),c.style.cssText="margin:0;word-break:break-word;",s.appendChild(r),s.appendChild(c),n.appendChild(s)});const o=document.createElement("div");if(o.style.cssText="font-size:.8rem;color:var(--text-muted,#888);display:flex;flex-direction:column;gap:.3rem;border-top:1px solid var(--border-color,#333);padding-top:.75rem;",t.meta?.createdAt){const e=document.createElement("span");e.textContent=`Created: ${D(t.meta.createdAt).format("DD MMM YYYY HH:mm")}`,o.appendChild(e)}if(t.meta?.source){const e=document.createElement("span");e.textContent=`Source: ${t.meta.source}`,o.appendChild(e)}m.appendChild(n),m.appendChild(o);const a=E.modal({title:"Entry Details",size:"md"});a.element.appendChild(m),a.open()}function B(t){const m=E.modal({title:"Import Entries",size:"md"}),d=document.createElement("div");d.style.cssText="padding:.25rem 0 .5rem;display:flex;flex-direction:column;gap:.75rem;";const n=document.createElement("p");n.textContent='Paste a JSON array of entries. Each item should have a "data" object with field values.',n.style.cssText="font-size:.875rem;color:var(--text-muted,#888);margin:0;",d.appendChild(n);const o=document.createElement("textarea");o.className="form-input",o.rows=10,o.placeholder='[{"data": {"name": "Example"}}, ...]',d.appendChild(o);const a=document.createElement("p");a.style.cssText="font-size:.875rem;margin:0;display:none;",d.appendChild(a);const e=document.createElement("div");e.style.cssText="display:flex;justify-content:flex-end;gap:.5rem;";const l=document.createElement("button");l.className="btn btn-ghost",l.textContent="Cancel";const s=document.createElement("button");s.className="btn btn-primary",s.textContent="Import",e.appendChild(l),e.appendChild(s),d.appendChild(e),m.element.appendChild(d),m.open(),l.addEventListener("click",()=>m.close()),s.addEventListener("click",async()=>{let r;try{if(r=JSON.parse(o.value),!Array.isArray(r))throw new Error("Must be a JSON array")}catch(c){a.style.display="",a.style.color="var(--danger,#f87171)",a.textContent=`Invalid JSON: ${c.message}`;return}s.disabled=!0;try{const c=await h.collections.import(f,r);a.style.display="",a.style.color="var(--success,#4ade80)",a.textContent=`Imported ${c.imported} entries. Skipped: ${c.skipped}.`,await v(t||{find:()=>({get:()=>null,off:()=>({on:()=>{}})})}),setTimeout(()=>m.close(),1500)}catch(c){a.style.display="",a.style.color="var(--danger,#f87171)",a.textContent=c.message||"Import failed."}finally{s.disabled=!1}})}
+import{api as h}from"../api.js";function M(t){return String(t).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;")}let f=null,g=null,p=[],j=1,w=[],x={};const z=50;export const collectionEntriesView={templateUrl:"/admin/js/templates/collection-entries.html",async onMount(t){p=[],j=1,g=null,w=[],x={};const d=window.location.hash.match(/\/collections\/([^/?#]+)\/entries/);if(f=d?d[1]:null,!f){E.toast("No collection selected.",{type:"error"});return}try{if(g=await h.collections.get(f),!g){E.toast("Collection not found.",{type:"error"}),R.navigate("/collections");return}const a=t.find("#entries-title").get(0);a&&(a.textContent=g.title+" \u2014 Entries");const o=t.find("#edit-schema-btn").get(0);o&&o.setAttribute("href",`#/collections/edit/${f}`);const e=t.find("#form-btn").get(0);e&&(new Set(["roles","user-profiles"]).has(f)?e.style.display="none":e.setAttribute("href",`#/forms/edit/${f}`))}catch{E.toast("Failed to load collection schema.",{type:"error"});return}try{w=await h.actions.forCollection(f)}catch{w=[]}await v(t),await k(t);const n=t.find("#entry-search").get(0);n&&n.addEventListener("input",()=>{const a=n.value.toLowerCase().trim(),o=a?p.filter(e=>Object.values(e.data||{}).some(l=>String(l).toLowerCase().includes(a))):p;C(o,t)}),t.find("#add-entry-btn").off("click").on("click",()=>{A(null,t)}),t.find("#export-btn").off("click").on("click",()=>{const a=E.slideover({title:"Export Entries",size:"sm",position:"right"}),o=document.createElement("div");o.style.cssText="padding:1.25rem;display:flex;flex-direction:column;gap:1rem;",["json","csv"].forEach(e=>{const l=document.createElement("button");l.className="btn btn-ghost",l.style.cssText="justify-content:flex-start;gap:.5rem;",l.textContent=e==="json"?"Export as JSON":"Export as CSV",l.addEventListener("click",()=>{fetch(`/api/collections/${f}/export?format=${e}`,{headers:{Authorization:`Bearer ${S.get("auth_token")||""}`}}).then(s=>s.blob()).then(s=>{const r=document.createElement("a");r.href=URL.createObjectURL(s),r.download=`${f}-entries.${e}`,document.body.appendChild(r),r.click(),document.body.removeChild(r),URL.revokeObjectURL(r.href),a.close()}).catch(()=>E.toast("Export failed.",{type:"error"}))}),o.appendChild(l)}),a.setContent(o),a.open()}),t.find("#import-btn").off("click").on("click",()=>{B(t)}),t.find("#clear-all-btn").off("click").on("click",async()=>{if(await E.confirm("Delete ALL entries? This cannot be undone."))try{await h.collections.clearEntries(f),p=[],E.toast("All entries cleared.",{type:"success"}),C([],t)}catch{E.toast("Failed to clear entries.",{type:"error"})}}),Domma.icons.scan()}};async function k(t){const m=w.filter(n=>n.access?.rowLevel);if(m.length===0)return;const d=p.map(n=>n.id);d.length!==0&&(await Promise.all(m.map(async n=>{try{const{allowed:a}=await h.actions.checkAccess(n.slug,d);x[n.slug]=new Set(a)}catch{x[n.slug]=null}})),C(p,t))}async function v(t){try{const m=await h.collections.listEntries(f,{limit:500});p=m.entries||m||[]}catch{p=[],E.toast("Could not load entries.",{type:"error"})}C(p,t),await k(t)}function C(t,m){const d=m.find("#entry-count").get(0);d&&(d.textContent=t.length===p.length?`${p.length} entr${p.length!==1?"ies":"y"}`:`Showing ${t.length} of ${p.length}`);const a=[...(g?.fields||[]).slice(0,5).map(e=>({key:`data.${e.name}`,title:e.label||e.name,render:(l,s)=>{const r=s.data?.[e.name]??"",c=String(r),i=document.createElement("span");return i.title=c,i.textContent=c.length>60?c.slice(0,60)+"\u2026":c,i.outerHTML}})),{key:"meta",title:"Created",render:e=>D(e?.createdAt).format("DD MMM YYYY HH:mm")},{key:"id",title:"",render:e=>{const l=document.createElement("div");l.style.cssText="display:flex;gap:.3rem;justify-content:flex-end;flex-wrap:wrap;",w.forEach(c=>{if(x[c.slug]!==void 0&&x[c.slug]!==null&&!x[c.slug].has(e))return;const i=document.createElement("button");i.className="btn btn-sm btn-ghost js-run-action",i.dataset.actionSlug=c.slug,i.dataset.entryId=e,i.dataset.confirmMessage=c.trigger?.confirmMessage||"",i.title=c.title||c.slug;const y=document.createElement("span");y.setAttribute("data-icon",M(c.trigger?.icon||"zap")),i.appendChild(y),i.appendChild(document.createTextNode(" "+(c.trigger?.label||c.title))),l.appendChild(i)});const s=document.createElement("button");s.className="btn btn-sm btn-ghost js-edit-entry",s.dataset.id=e,s.setAttribute("data-tooltip","Edit"),s.innerHTML='<span data-icon="edit"></span>';const r=document.createElement("button");return r.className="btn btn-sm btn-danger js-delete-entry",r.dataset.id=e,r.setAttribute("data-tooltip","Delete"),r.innerHTML='<span data-icon="trash"></span>',l.appendChild(s),l.appendChild(r),l.outerHTML}}];T.create("#entries-table",{data:t,columns:a,emptyMessage:'No entries yet. Click "Add Entry" to get started.'});const o=document.querySelector("#entries-table");o&&(o.querySelectorAll(".js-run-action").forEach(e=>{e.addEventListener("click",async l=>{l.stopPropagation();const{actionSlug:s,entryId:r,confirmMessage:c}=e.dataset;if(!(c&&!await E.confirm(c))){e.disabled=!0;try{const i=await h.actions.execute(s,r);if(i.success)E.toast(`Action completed (${i.stepsCompleted} step${i.stepsCompleted!==1?"s":""}).`,{type:"success"}),await v({find:y=>({get:u=>document.querySelector(y)})});else{const y=i.results?.find(u=>!u.success);E.toast(y?.error||"Action failed.",{type:"error"})}}catch(i){E.toast(i.message||"Action failed.",{type:"error"})}finally{e.disabled=!1}}})}),o.querySelectorAll(".js-edit-entry").forEach(e=>{e.addEventListener("click",l=>{l.stopPropagation();const s=p.find(r=>r.id===e.dataset.id);s&&A(s,null)})}),o.querySelectorAll(".js-delete-entry").forEach(e=>{e.addEventListener("click",async l=>{if(l.stopPropagation(),!!await E.confirm("Delete this entry?"))try{await h.collections.deleteEntry(f,e.dataset.id),p=p.filter(r=>r.id!==e.dataset.id),E.toast("Entry deleted.",{type:"success"}),C(p,{find:r=>({get:c=>document.querySelector(r)})})}catch{E.toast("Failed to delete entry.",{type:"error"})}})}),o.querySelectorAll("tbody tr").forEach((e,l)=>{const s=t[l];s&&(e.style.cursor="pointer",e.addEventListener("click",r=>{r.target.closest(".js-edit-entry, .js-delete-entry")||q(s)}))}),Domma.icons.scan(o),o.querySelectorAll("[data-tooltip]").forEach(e=>{E.tooltip(e,{content:e.getAttribute("data-tooltip"),position:"top"})}))}function N(t,m){const d={};return t.forEach(n=>{const a={};n.fullWidth?a.span=m:n.span>1&&(a.span=n.span),n.placeholder&&(a.placeholder=n.placeholder),n.helper&&(a.hint=n.helper);const o=n.type==="checkbox"?"boolean":n.type==="date"?"string":n.type;d[n.name]={type:o,label:n.label,required:n.required,options:n.options,...Object.keys(a).length?{formConfig:a}:{}}}),d}function A(t,m){const d=!!t,n=E.modal({title:d?"Edit Entry":"Add Entry",size:"md"}),a=document.createElement("div");a.style.cssText="padding:.25rem 0 .5rem;";const o=g?.fields||[],e=g?.columns||2,l=g?.layout||"stacked",s=document.createElement("div");F.create(N(o,e),t?.data||{},{layout:l,columns:e,showSubmitButton:!1}).renderTo(s),(o||[]).forEach(y=>{if(y.type!=="date"||!y.name)return;const u=s.querySelector(`[name="${y.name}"]`);u&&u.type!=="date"&&(u.type="date")}),a.appendChild(s);const r=document.createElement("div");r.style.cssText="display:flex;justify-content:flex-end;gap:.5rem;margin-top:.5rem;";const c=document.createElement("button");c.className="btn btn-ghost",c.textContent="Cancel";const i=document.createElement("button");i.className="btn btn-primary",i.textContent=d?"Save Changes":"Add Entry",r.appendChild(c),r.appendChild(i),a.appendChild(r),n.element.appendChild(a),n.open(),c.addEventListener("click",()=>n.close()),i.addEventListener("click",async()=>{const y={};o.forEach(u=>{const b=s.querySelector(`[name="${u.name}"]`);b&&(y[u.name]=u.type==="checkbox"?b.checked:b.value)}),i.disabled=!0;try{if(d){const u=await h.collections.updateEntry(f,t.id,y),b=p.findIndex(L=>L.id===t.id);b!==-1&&(p[b]=u),E.toast("Entry updated.",{type:"success"})}else{const u=await h.collections.createEntry(f,y);p.unshift(u),E.toast("Entry added.",{type:"success"})}n.close(),C(p,m||{find:()=>({get:()=>null})})}catch(u){E.toast(u.message||"Failed to save entry.",{type:"error"}),i.disabled=!1}})}function q(t){const m=document.createElement("div"),d=g?.fields||[],n=document.createElement("div");n.style.cssText="display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem;",d.forEach(e=>{const l=t.data?.[e.name];if(l==null||l==="")return;const s=document.createElement("div");s.style.cssText="border-bottom:1px solid var(--dm-border,#333);padding-bottom:.6rem;";const r=document.createElement("strong");r.textContent=e.label||e.name,r.style.cssText="display:block;font-size:.8rem;color:var(--dm-text-muted,#888);margin-bottom:.2rem;";const c=document.createElement("p");c.textContent=String(l),c.style.cssText="margin:0;word-break:break-word;",s.appendChild(r),s.appendChild(c),n.appendChild(s)});const a=document.createElement("div");if(a.style.cssText="font-size:.8rem;color:var(--dm-text-muted,#888);display:flex;flex-direction:column;gap:.3rem;border-top:1px solid var(--dm-border,#333);padding-top:.75rem;",t.meta?.createdAt){const e=document.createElement("span");e.textContent=`Created: ${D(t.meta.createdAt).format("DD MMM YYYY HH:mm")}`,a.appendChild(e)}if(t.meta?.source){const e=document.createElement("span");e.textContent=`Source: ${t.meta.source}`,a.appendChild(e)}m.appendChild(n),m.appendChild(a);const o=E.modal({title:"Entry Details",size:"md"});o.element.appendChild(m),o.open()}function B(t){const m=E.modal({title:"Import Entries",size:"md"}),d=document.createElement("div");d.style.cssText="padding:.25rem 0 .5rem;display:flex;flex-direction:column;gap:.75rem;";const n=document.createElement("p");n.textContent='Paste a JSON array of entries. Each item should have a "data" object with field values.',n.style.cssText="font-size:.875rem;color:var(--dm-text-muted,#888);margin:0;",d.appendChild(n);const a=document.createElement("textarea");a.className="form-input",a.rows=10,a.placeholder='[{"data": {"name": "Example"}}, ...]',d.appendChild(a);const o=document.createElement("p");o.style.cssText="font-size:.875rem;margin:0;display:none;",d.appendChild(o);const e=document.createElement("div");e.style.cssText="display:flex;justify-content:flex-end;gap:.5rem;";const l=document.createElement("button");l.className="btn btn-ghost",l.textContent="Cancel";const s=document.createElement("button");s.className="btn btn-primary",s.textContent="Import",e.appendChild(l),e.appendChild(s),d.appendChild(e),m.element.appendChild(d),m.open(),l.addEventListener("click",()=>m.close()),s.addEventListener("click",async()=>{let r;try{if(r=JSON.parse(a.value),!Array.isArray(r))throw new Error("Must be a JSON array")}catch(c){o.style.display="",o.style.color="var(--dm-danger,#f87171)",o.textContent=`Invalid JSON: ${c.message}`;return}s.disabled=!0;try{const c=await h.collections.import(f,r);o.style.display="",o.style.color="var(--dm-success,#4ade80)",o.textContent=`Imported ${c.imported} entries. Skipped: ${c.skipped}.`,await v(t||{find:()=>({get:()=>null,off:()=>({on:()=>{}})})}),setTimeout(()=>m.close(),1500)}catch(c){o.style.display="",o.style.color="var(--dm-danger,#f87171)",o.textContent=c.message||"Import failed."}finally{s.disabled=!1}})}

package/admin/js/views/component-editor.js

@@ -1,4 +1,4 @@
-import{api as u}from"../api.js";import{createSimpleEditor as S}from"../lib/simple-editor.js";let p=null,b=null,f=null,l={},h={};const c={};export const componentEditorView={templateUrl:"/admin/js/templates/component-editor.html",async onMount(e){p=null,f=null,l={},h={};for(const t of Object.keys(c))c[t]?.destroy?.(),delete c[t];const n=window.location.hash.match(/\/components\/edit\/([^/?#]+)/);n&&(p=decodeURIComponent(n[1])),A(e),await T(e),L(e),z(e),await D(e);const o=e.find("#component-preview-iframe").get(0);o.contentDocument?.readyState==="complete"?v(e):o.addEventListener("load",()=>v(e),{once:!0}),Domma.icons.scan(e.get(0))}};async function T(e){const n=e.find("#component-name").get(0),o=e.find("#component-tag-hint").get(0),t=e.find("#component-editor-title").get(0),s=e.find("#export-component-btn").get(0),a=()=>{const i=(n.value||"").trim()||"\u2026";o.textContent=`<dm-${i}>`},r=e.find("#component-project").get(0);if(r)try{const i=await u.projects.list();for(const m of i){const d=document.createElement("option");d.value=m.slug,d.textContent=m.name||m.slug,r.appendChild(d)}}catch{}if(p){t.textContent="Edit Component",n.value=p,n.disabled=!0,s&&(s.style.display="");try{const i=await u.components.get(p);w(e,i.source),e.find("#component-bundled").prop("checked",!!i.bundled),h=i.meta||{},r&&(r.value=i.meta?.project||"")}catch(i){E.toast(i.message||"Component not found.",{type:"error"}),R.navigate("/components");return}}else t.textContent="New Component",w(e,V);a(),n.addEventListener("input",a)}const V=`<template>
+import{api as u}from"../api.js";import{createSimpleEditor as S}from"../lib/simple-editor.js";let p=null,b=null,f=null,l={},v={};const c={};export const componentEditorView={templateUrl:"/admin/js/templates/component-editor.html",async onMount(e){p=null,f=null,l={},v={};for(const t of Object.keys(c))c[t]?.destroy?.(),delete c[t];const n=window.location.hash.match(/\/components\/edit\/([^/?#]+)/);n&&(p=decodeURIComponent(n[1])),A(e),await T(e),L(e),z(e),await D(e);const o=e.find("#component-preview-iframe").get(0);o.contentDocument?.readyState==="complete"?h(e):o.addEventListener("load",()=>h(e),{once:!0}),Domma.icons.scan(e.get(0))}};async function T(e){const n=e.find("#component-name").get(0),o=e.find("#component-tag-hint").get(0),t=e.find("#component-editor-title").get(0),s=e.find("#export-component-btn").get(0),r=()=>{const i=(n.value||"").trim()||"\u2026";o.textContent=`<dm-${i}>`},a=e.find("#component-project").get(0);if(a)try{const i=await u.projects.list();for(const m of i){const d=document.createElement("option");d.value=m.slug,d.textContent=m.name||m.slug,a.appendChild(d)}}catch{}if(p){t.textContent="Edit Component",n.value=p,n.disabled=!0,s&&(s.style.display="");try{const i=await u.components.get(p);w(e,i.source),e.find("#component-bundled").prop("checked",!!i.bundled),v=i.meta||{},a&&(a.value=i.meta?.project||"")}catch(i){E.toast(i.message||"Component not found.",{type:"error"}),R.navigate("/components");return}}else t.textContent="New Component",w(e,V);r(),n.addEventListener("input",r)}const V=`<template>
 <div>Hello, <span>{{name}}</span>.</div>
 </template>
 <props>
@@ -24,5 +24,5 @@ ${e.script}
 ${e.style}
 </style>`:""].filter(Boolean).join(`
 `)+`
-`}function w(e,n){const o=I(n);c.template?.setValue(o.template),c.props?.setValue(o.props),c.script?.setValue(o.script),c.style?.setValue(o.style)}function N(e){return M({template:c.template?.getValue()??"",props:c.props?.getValue()??"",script:c.script?.getValue()??"",style:c.style?.getValue()??""})}const O=["template","props","script","style"];function A(e){const n=()=>{b&&clearTimeout(b),b=setTimeout(()=>v(e),300)};for(const o of O){const t=e.find(`#component-src-${o}`).get(0);t&&(c[o]=S(t,{initialValue:"",onChange:n}))}}async function v(e){const n=(e.find("#component-name").val()||"").trim()||"preview",o=N(e);g(e,"compiling");let t;try{t=await u.components.compile(n,o)}catch(s){g(e,"error",s.message||"Compile request failed.");return}if(t.errors?.length){const s=t.errors.map(a=>`[${a.type}] ${a.message}`).join(`
-`);g(e,"error",s),f=null;return}f=t.js,g(e,"ok"),P(e),B(e,{compiledJs:f,tagName:`dm-${n}`,props:l})}let y=null;function B(e,n){const o=e.find("#component-preview-iframe").get(0);if(!o)return;if(!o.dataset.dmMounted){o.dataset.dmMounted="true",C(e,{type:"mount",payload:n});return}y=n;const t=()=>{o.removeEventListener("load",t),y&&(C(e,{type:"mount",payload:y}),y=null)};o.addEventListener("load",t),o.src=o.src}function g(e,n,o=""){const t=e.find("#component-compile-indicator").get(0),s=e.find("#component-compile-status").get(0),a=e.find("#component-compile-errors").get(0),r=e.find("#save-component-btn").get(0);n==="compiling"?(t.style.background="#888",s.textContent="Compiling\u2026",a.hidden=!0,r&&(r.disabled=!0)):n==="ok"?(t.style.background="#3bb273",s.textContent="Compile OK",a.hidden=!0,r&&(r.disabled=!1)):(t.style.background="#c92a2a",s.textContent="Compile failed \u2014 see below",a.hidden=!1,a.textContent=o,r&&(r.disabled=!0))}function j(e){for(;e.firstChild;)e.removeChild(e.firstChild)}function k(e,n,o=!1){j(e);const t=document.createElement("p");if(t.className="text-muted",t.style.cssText="font-size:.8rem;margin:0;",o){t.appendChild(document.createTextNode("Invalid "));const s=document.createElement("code");s.textContent="<props>",t.appendChild(s),t.appendChild(document.createTextNode(" JSON \u2014 fix the tab above to see the props panel."))}else t.textContent=n;e.appendChild(t)}function P(e){const n=e.find("#component-preview-props-panel").get(0);if(!n)return;let o={};try{o=JSON.parse(c.props?.getValue()||"{}")}catch{k(n,"",!0);return}const t={};j(n);const s=Object.entries(o);if(s.length===0){k(n,"No props declared."),l={};return}for(const[a,r]of s){const i=document.createElement("div");i.style.cssText="display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;";const m=document.createElement("label");m.style.cssText="font-size:.75rem;color:var(--dm-text-muted,#aaa);min-width:120px;",m.textContent=r.label||a,i.appendChild(m);const d=F(r,a,()=>{l[a]=J(d,r),C(e,{type:"update",payload:{props:l}})}),x=a in l?l[a]:r.default!==void 0?r.default:_(r.type);U(d,r,x),t[a]=x,i.appendChild(d),n.appendChild(i)}l=t}function F(e,n,o){let t;return e.type==="number"?(t=document.createElement("input"),t.type="number",t.className="form-input form-input--sm"):e.type==="boolean"?(t=document.createElement("input"),t.type="checkbox",t.className="form-check"):e.type==="array"||e.type==="object"?(t=document.createElement("textarea"),t.rows=2,t.className="form-input form-input--sm",t.style.fontFamily="var(--dm-font-mono, monospace)"):(t=document.createElement("input"),t.type="text",t.className="form-input form-input--sm"),t.style.flex="1",t.dataset.propName=n,t.addEventListener("input",o),t.addEventListener("change",o),t}function J(e,n){if(n.type==="number")return e.value===""?null:Number(e.value);if(n.type==="boolean")return!!e.checked;if(n.type==="array"||n.type==="object")try{return JSON.parse(e.value||"null")}catch{return null}return e.value}function U(e,n,o){n.type==="boolean"?e.checked=!!o:n.type==="array"||n.type==="object"?e.value=JSON.stringify(o??null):e.value=o??""}function _(e){return e==="number"?0:e==="boolean"?!1:e==="array"?[]:e==="object"?{}:""}function C(e,n){const o=e.find("#component-preview-iframe").get(0);o?.contentWindow&&o.contentWindow.postMessage(n,"*")}function z(e){const n=e.find("#save-component-btn").get(0),o=e.find("#export-component-btn").get(0);n&&n.addEventListener("click",()=>q(e)),o&&o.addEventListener("click",async()=>{if(p)try{await u.components.exportBundle(p)}catch(t){E.toast(t.message||"Export failed.",{type:"error"})}})}async function q(e){const n=(e.find("#component-name").val()||"").trim();if(!n){E.toast("Component name is required.",{type:"warning"});return}if(!/^[a-z][a-z0-9-]*$/.test(n)){E.toast("Name must start with a letter and contain only lowercase letters, digits, and hyphens.",{type:"warning"});return}const o=N(e),t=!!e.find("#component-bundled").is(":checked"),s={...h||{}};delete s.bundled;const a=(e.find("#component-project").val()||"").trim();a?s.project=a:delete s.project;const r=e.find("#save-component-btn").get(0);r&&(r.disabled=!0);try{await u.components.put(n,{source:o,bundled:t,meta:s}),E.toast(p?"Component updated.":"Component created.",{type:"success"}),p||(p=n,R.navigate(`/components/edit/${encodeURIComponent(n)}`))}catch(i){E.toast(i.message||"Failed to save component.",{type:"error"})}finally{r&&(r.disabled=!1)}}async function D(e){if(p)try{const n=await u.components.list(),o=e.find("#component-quick-switch").get(0);if(!o||!n?.length)return;const t=[...n].sort((s,a)=>s.name.localeCompare(a.name));for(const s of t){const a=document.createElement("option");a.value=s.name,a.textContent=s.name,s.name===p&&(a.selected=!0),o.appendChild(a)}o.style.display="",o.addEventListener("change",()=>{const s=o.value;s&&s!==p&&R.navigate(`/components/edit/${encodeURIComponent(s)}`)})}catch{}}
+`}function w(e,n){const o=I(n);c.template?.setValue(o.template),c.props?.setValue(o.props),c.script?.setValue(o.script),c.style?.setValue(o.style)}function N(e){return M({template:c.template?.getValue()??"",props:c.props?.getValue()??"",script:c.script?.getValue()??"",style:c.style?.getValue()??""})}const O=["template","props","script","style"];function A(e){const n=()=>{b&&clearTimeout(b),b=setTimeout(()=>h(e),300)};for(const o of O){const t=e.find(`#component-src-${o}`).get(0);t&&(c[o]=S(t,{initialValue:"",onChange:n}))}}async function h(e){const n=(e.find("#component-name").val()||"").trim()||"preview",o=N(e);g(e,"compiling");let t;try{t=await u.components.compile(n,o)}catch(s){g(e,"error",s.message||"Compile request failed.");return}if(t.errors?.length){const s=t.errors.map(r=>`[${r.type}] ${r.message}`).join(`
+`);g(e,"error",s),f=null;return}f=t.js,g(e,"ok"),P(e),B(e,{compiledJs:f,tagName:`dm-${n}`,props:l})}let y=null;function B(e,n){const o=e.find("#component-preview-iframe").get(0);if(!o)return;if(!o.dataset.dmMounted){o.dataset.dmMounted="true",C(e,{type:"mount",payload:n});return}y=n;const t=()=>{o.removeEventListener("load",t),y&&(C(e,{type:"mount",payload:y}),y=null)};o.addEventListener("load",t),o.src=o.src}function g(e,n,o=""){const t=e.find("#component-compile-indicator").get(0),s=e.find("#component-compile-status").get(0),r=e.find("#component-compile-errors").get(0),a=e.find("#save-component-btn").get(0);n==="compiling"?(t.style.background="var(--dm-text-muted)",s.textContent="Compiling\u2026",r.hidden=!0,a&&(a.disabled=!0)):n==="ok"?(t.style.background="var(--dm-success)",s.textContent="Compile OK",r.hidden=!0,a&&(a.disabled=!1)):(t.style.background="var(--dm-danger)",s.textContent="Compile failed \u2014 see below",r.hidden=!1,r.textContent=o,a&&(a.disabled=!0))}function j(e){for(;e.firstChild;)e.removeChild(e.firstChild)}function k(e,n,o=!1){j(e);const t=document.createElement("p");if(t.className="text-muted",t.style.cssText="font-size:.8rem;margin:0;",o){t.appendChild(document.createTextNode("Invalid "));const s=document.createElement("code");s.textContent="<props>",t.appendChild(s),t.appendChild(document.createTextNode(" JSON \u2014 fix the tab above to see the props panel."))}else t.textContent=n;e.appendChild(t)}function P(e){const n=e.find("#component-preview-props-panel").get(0);if(!n)return;let o={};try{o=JSON.parse(c.props?.getValue()||"{}")}catch{k(n,"",!0);return}const t={};j(n);const s=Object.entries(o);if(s.length===0){k(n,"No props declared."),l={};return}for(const[r,a]of s){const i=document.createElement("div");i.style.cssText="display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;";const m=document.createElement("label");m.style.cssText="font-size:.75rem;color:var(--dm-text-muted,#aaa);min-width:120px;",m.textContent=a.label||r,i.appendChild(m);const d=F(a,r,()=>{l[r]=J(d,a),C(e,{type:"update",payload:{props:l}})}),x=r in l?l[r]:a.default!==void 0?a.default:_(a.type);U(d,a,x),t[r]=x,i.appendChild(d),n.appendChild(i)}l=t}function F(e,n,o){let t;return e.type==="number"?(t=document.createElement("input"),t.type="number",t.className="form-input form-input--sm"):e.type==="boolean"?(t=document.createElement("input"),t.type="checkbox",t.className="form-check"):e.type==="array"||e.type==="object"?(t=document.createElement("textarea"),t.rows=2,t.className="form-input form-input--sm",t.style.fontFamily="var(--dm-font-mono, monospace)"):(t=document.createElement("input"),t.type="text",t.className="form-input form-input--sm"),t.style.flex="1",t.dataset.propName=n,t.addEventListener("input",o),t.addEventListener("change",o),t}function J(e,n){if(n.type==="number")return e.value===""?null:Number(e.value);if(n.type==="boolean")return!!e.checked;if(n.type==="array"||n.type==="object")try{return JSON.parse(e.value||"null")}catch{return null}return e.value}function U(e,n,o){n.type==="boolean"?e.checked=!!o:n.type==="array"||n.type==="object"?e.value=JSON.stringify(o??null):e.value=o??""}function _(e){return e==="number"?0:e==="boolean"?!1:e==="array"?[]:e==="object"?{}:""}function C(e,n){const o=e.find("#component-preview-iframe").get(0);o?.contentWindow&&o.contentWindow.postMessage(n,"*")}function z(e){const n=e.find("#save-component-btn").get(0),o=e.find("#export-component-btn").get(0);n&&n.addEventListener("click",()=>q(e)),o&&o.addEventListener("click",async()=>{if(p)try{await u.components.exportBundle(p)}catch(t){E.toast(t.message||"Export failed.",{type:"error"})}})}async function q(e){const n=(e.find("#component-name").val()||"").trim();if(!n){E.toast("Component name is required.",{type:"warning"});return}if(!/^[a-z][a-z0-9-]*$/.test(n)){E.toast("Name must start with a letter and contain only lowercase letters, digits, and hyphens.",{type:"warning"});return}const o=N(e),t=!!e.find("#component-bundled").is(":checked"),s={...v||{}};delete s.bundled;const r=(e.find("#component-project").val()||"").trim();r?s.project=r:delete s.project;const a=e.find("#save-component-btn").get(0);a&&(a.disabled=!0);try{await u.components.put(n,{source:o,bundled:t,meta:s}),E.toast(p?"Component updated.":"Component created.",{type:"success"}),p||(p=n,R.navigate(`/components/edit/${encodeURIComponent(n)}`))}catch(i){E.toast(i.message||"Failed to save component.",{type:"error"})}finally{a&&(a.disabled=!1)}}async function D(e){if(p)try{const n=await u.components.list(),o=e.find("#component-quick-switch").get(0);if(!o||!n?.length)return;const t=[...n].sort((s,r)=>s.name.localeCompare(r.name));for(const s of t){const r=document.createElement("option");r.value=s.name,r.textContent=s.name,s.name===p&&(r.selected=!0),o.appendChild(r)}o.style.display="",o.addEventListener("change",()=>{const s=o.value;s&&s!==p&&R.navigate(`/components/edit/${encodeURIComponent(s)}`)})}catch{}}

package/admin/js/views/form-editor.js

@@ -1,8 +1,8 @@
-import{apiRequest as z}from"/admin/js/api.js";import{makeIconInput as ie}from"/admin/js/lib/shortcode-modal.js";const G=[{value:"string",label:"Text (single line)"},{value:"email",label:"Email"},{value:"tel",label:"Phone"},{value:"number",label:"Number"},{value:"textarea",label:"Textarea (multi-line)"},{value:"select",label:"Dropdown (select)"},{value:"radio",label:"Radio buttons"},{value:"checkbox",label:"Single checkbox"},{value:"checkbox-group",label:"Checkbox group"},{value:"chooser",label:"Chooser (visual options)"},{value:"date",label:"Date"},{value:"time",label:"Time"},{value:"url",label:"URL"},{value:"password",label:"Password"},{value:"file",label:"File upload"},{value:"hidden",label:"Hidden field"}],H=new Set(["select","radio","checkbox-group","chooser"]);let b=[],T=null,O=null,M=null,V={};function W(e){return e.toLowerCase().replace(/[^a-z0-9]+/g,"_").replace(/^_|_$/g,"")}function Y(e){return G.find(t=>t.value===e)?.label||e}function K(e){return e?!!(e.visibility?.conditions?.length||e.requirement?.conditions?.length||e.validation?.length||e.cascade?.sourceField):!1}function ce(e){const t={...b[e]};if(t.type==="spacer")return t;if(t.type==="page-break"){const h=document.getElementById(`fb-pb-label-${e}`),y=document.getElementById(`fb-pb-desc-${e}`);return h&&(t.label=h.value.trim()||t.label),y&&(t.description=y.value.trim()),t}const s=document.getElementById(`fb-label-${e}`),n=document.getElementById(`fb-name-${e}`),o=document.getElementById(`fb-type-${e}`),l=document.getElementById(`fb-required-${e}`),a=document.getElementById(`fb-placeholder-${e}`),i=document.getElementById(`fb-helper-${e}`),c=document.getElementById(`fb-tooltip-${e}`);if(s&&(t.label=s.value.trim()||t.label),n&&(t.name=n.value.trim()||t.name),o&&(t.type=o.value||t.type),l&&(t.required=l.checked),a&&(t.placeholder=a.value.trim()),i&&(t.helper=i.value.trim()),c&&(t.tooltip=c.value.trim()),t.type==="chooser"){const h=document.getElementById(`fb-chooser-variant-${e}`)?.value;h&&(t.variant=h);const y=document.getElementById(`fb-chooser-multiple-${e}`);y&&(t.multiple=y.checked);const k=document.getElementById(`fb-chooser-density-${e}`)?.value;k&&(t.density=k);const N=document.getElementById(`fb-chooser-columns-${e}`)?.value;N!==""&&N!==void 0&&(t.columns=parseInt(N,10)||3);const q=document.getElementById(`fb-chooser-accent-${e}`)?.value.trim();q?t.accent=q:delete t.accent;const $=document.getElementById(`fb-chooser-accent-style-${e}`)?.value;$?t.accentStyle=$:delete t.accentStyle;const L=document.getElementById(`fb-chooser-glow-${e}`);L&&(t.glow=L.checked);const B=document.getElementById(`fb-chooser-glow-colour-${e}`)?.value.trim();B?t.glowColour=B:delete t.glowColour;const S=document.getElementById(`fb-chooser-shadow-${e}`)?.value;S&&S!=="none"?t.shadow=S:delete t.shadow;const I=document.getElementById(`fb-chooser-shadow-colour-${e}`)?.value.trim();I?t.shadowColour=I:delete t.shadowColour,D(e),b[e]&&Array.isArray(b[e].options)&&(t.options=b[e].options)}else if(H.has(t.type)){const h=document.getElementById(`fb-options-${e}`);h&&(t.options=h.value.split(`
-`).filter(y=>y.trim()).map(y=>{const[k,...N]=y.split(":");return{value:k.trim(),label:N.join(":").trim()||k.trim()}}))}if(t.type==="textarea"){const h=parseInt(document.getElementById(`fb-rows-${e}`)?.value,10);h>0&&(t.formConfig={...t.formConfig||{},rows:h})}const r=document.getElementById(`fb-span-${e}`),m=document.getElementById(`fb-fullwidth-${e}`);if(r||m){const h={...t.formConfig||{}};if(m?.checked)h.span="full";else{const y=parseInt(r?.value,10);y>1?h.span=y:delete h.span}t.formConfig=Object.keys(h).length?h:void 0}const p=document.getElementById(`fb-minlength-${e}`)?.value;p&&(t.minLength=parseInt(p,10));const u=document.getElementById(`fb-maxlength-${e}`)?.value;u&&(t.maxLength=parseInt(u,10));const d=document.getElementById(`fb-min-${e}`)?.value;d!==""&&d!==void 0&&(t.min=parseFloat(d));const f=document.getElementById(`fb-max-${e}`)?.value;f!==""&&f!==void 0&&(t.max=parseFloat(f));const g=re(e);return g?t.logic=g:delete t.logic,t}function re(e){const t=document.querySelector(`.fb-field-card[data-index="${e}"]`);if(!t)return;const s=t.querySelector(".fb-field-logic");if(!s)return;const n={};let o=!1;const l=s.querySelector('[data-logic-section="visibility"]');if(l){const r=l.querySelector(".fb-logic-vis-default"),m=l.querySelector(".fb-logic-vis-transition"),p=Array.from(l.querySelectorAll(".fb-logic-cond-row")).map(f=>{const g=f.querySelector(".fb-logic-cond-field"),h=f.querySelector(".fb-logic-cond-op"),y=f.querySelector(".fb-logic-cond-val"),k=f.querySelector(".fb-logic-vis-then");return g?.value?{when:{all:[{field:g.value,operator:h.value,value:y.value}]},then:k.value}:null}).filter(Boolean),u=r?.value||"visible",d=m?.value||"none";(u!=="visible"||p.length>0||d!=="none")&&(n.visibility={default:u,conditions:p},d!=="none"&&(n.visibility.transition=d),o=!0)}const a=s.querySelector('[data-logic-section="requirement"]');if(a){const r=a.querySelector(".fb-logic-req-default"),m=Array.from(a.querySelectorAll(".fb-logic-cond-row")).map(p=>{const u=p.querySelector(".fb-logic-cond-field"),d=p.querySelector(".fb-logic-cond-op"),f=p.querySelector(".fb-logic-cond-val"),g=p.querySelector(".fb-logic-req-then");return u?.value?{when:{all:[{field:u.value,operator:d.value,value:f.value}]},then:g.value==="true"}:null}).filter(Boolean);m.length>0&&(n.requirement={default:r?.checked===!0,conditions:m},o=!0)}const i=s.querySelector('[data-logic-section="validation"]');if(i){const r=Array.from(i.querySelectorAll(".fb-logic-val-rule")).map(m=>{const p=m.querySelector(".fb-logic-val-type"),u=m.querySelector(".fb-logic-val-pattern"),d=m.querySelector(".fb-logic-val-flags"),f=m.querySelector(".fb-logic-val-message");if(!u?.value.trim())return null;const g=p?.value||"regex",h={type:g,message:f?.value.trim()||"Invalid value."};return g==="regex"?(h.pattern=u.value.trim(),d?.value.trim()&&(h.flags=d.value.trim())):h.field=u.value.trim(),h}).filter(Boolean);r.length>0&&(n.validation=r,o=!0)}const c=s.querySelector('[data-logic-section="cascade"]');if(c){const r=c.querySelector(".fb-logic-cascade-source"),m=c.querySelector(".fb-logic-cascade-mapping"),p=c.querySelector(".fb-logic-cascade-defaults"),u=r?.value?.trim();if(u){let d={};try{d=JSON.parse(m?.value||"{}")}catch{}const f=(p?.value||"").split(`
-`).filter(g=>g.trim()).map(g=>{const[h,...y]=g.split(":");return{value:h.trim(),label:y.join(":").trim()||h.trim()}});n.cascade={sourceField:u,mapping:d,defaultOptions:f},o=!0}}return o?n:void 0}function C(){b=b.map((e,t)=>ce(t))}function w(e){const t=e.find("#fields-list").get(0),s=e.find("#fields-empty-msg").get(0);if(t){if(Array.from(t.querySelectorAll(".fb-field-card")).forEach(n=>n.remove()),b.length===0){s&&(s.style.display="");return}s&&(s.style.display="none"),b.forEach((n,o)=>{const l=n.type==="page-break"?de(n,o,e):n.type==="spacer"?pe(n,o,e):me(n,o,e);t.appendChild(l)})}}function de(e,t,s){const n=document.createElement("div");n.className="fb-field-card",n.dataset.index=t,n.style.cssText="border:2px dashed var(--border-color,#444);border-radius:6px;overflow:hidden;margin-bottom:.5rem;background:var(--card-bg,rgba(255,255,255,.02));";const o=document.createElement("div");o.style.cssText="display:flex;align-items:center;gap:.6rem;padding:.6rem .8rem;cursor:pointer;user-select:none;";const l=document.createElement("span");l.textContent="\u2014 Page Break \u2014",l.style.cssText="font-size:.7rem;padding:.15rem .5rem;border-radius:999px;background:rgba(120,120,120,.2);color:var(--text-muted,#888);white-space:nowrap;flex-shrink:0;font-style:italic;";const a=document.createElement("span");a.textContent=e.label||"Untitled Step",a.style.cssText="flex:1;font-weight:600;font-size:.9rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted,#888);";const i=document.createElement("div");if(i.style.cssText="display:flex;gap:.25rem;flex-shrink:0;margin-left:.5rem;",t>0){const d=document.createElement("button");d.className="btn btn-xs btn-ghost",d.title="Move up",d.textContent="\u2191",d.addEventListener("click",f=>{f.stopPropagation(),C(),[b[t-1],b[t]]=[b[t],b[t-1]],w(s)}),i.appendChild(d)}if(t<b.length-1){const d=document.createElement("button");d.className="btn btn-xs btn-ghost",d.title="Move down",d.textContent="\u2193",d.addEventListener("click",f=>{f.stopPropagation(),C(),[b[t],b[t+1]]=[b[t+1],b[t]],w(s)}),i.appendChild(d)}const c=document.createElement("button");c.className="btn btn-xs btn-ghost",c.title="Edit step",c.textContent="\u22EF",c.addEventListener("click",d=>{d.stopPropagation(),m.style.display=m.style.display==="none"?"":"none"}),i.appendChild(c);const r=document.createElement("button");r.className="btn btn-xs btn-danger",r.title="Remove page break",r.textContent="\u2715",r.addEventListener("click",async d=>{d.stopPropagation(),await E.confirm("Remove this page break?")&&(C(),b.splice(t,1),w(s))}),i.appendChild(r),o.appendChild(l),o.appendChild(a),o.appendChild(i),o.addEventListener("click",()=>{m.style.display=m.style.display==="none"?"":"none"});const m=document.createElement("div");m.className="fb-field-body",m.style.cssText="padding:.8rem;border-top:1px dashed var(--border-color,#444);display:none;";const p=v([x("Step Title",`fb-pb-label-${t}`,"text",e.label||"","Shown as the wizard step heading"),x("Step Description",`fb-pb-desc-${t}`,"text",e.description||"","Optional sub-heading")]),u=p.querySelector(`#fb-pb-label-${t}`);return u&&u.addEventListener("input",()=>{a.textContent=u.value||"Untitled Step"}),m.appendChild(p),n.appendChild(o),n.appendChild(m),n}function pe(e,t,s){const n=document.createElement("div");n.className="fb-field-card",n.dataset.index=t,n.style.cssText="border:1px dashed var(--border-color,#444);border-radius:6px;margin-bottom:.5rem;background:transparent;";const o=document.createElement("div");o.style.cssText="display:flex;align-items:center;gap:.6rem;padding:.4rem .8rem;";const l=document.createElement("div");l.style.cssText="flex:1;height:1px;background:var(--border-color,#444);";const a=document.createElement("span");a.textContent="Spacer",a.style.cssText="font-size:.7rem;color:var(--text-muted,#888);white-space:nowrap;padding:0 .4rem;font-style:italic;";const i=document.createElement("div");i.style.cssText="flex:1;height:1px;background:var(--border-color,#444);";const c=document.createElement("div");if(c.style.cssText="display:flex;gap:.25rem;flex-shrink:0;",t>0){const m=document.createElement("button");m.className="btn btn-xs btn-ghost",m.title="Move up",m.textContent="\u2191",m.addEventListener("click",p=>{p.stopPropagation(),C(),[b[t-1],b[t]]=[b[t],b[t-1]],w(s)}),c.appendChild(m)}if(t<b.length-1){const m=document.createElement("button");m.className="btn btn-xs btn-ghost",m.title="Move down",m.textContent="\u2193",m.addEventListener("click",p=>{p.stopPropagation(),C(),[b[t],b[t+1]]=[b[t+1],b[t]],w(s)}),c.appendChild(m)}const r=document.createElement("button");return r.className="btn btn-xs btn-danger",r.title="Remove spacer",r.textContent="\u2715",r.addEventListener("click",async m=>{m.stopPropagation(),C(),b.splice(t,1),w(s)}),c.appendChild(r),o.appendChild(l),o.appendChild(a),o.appendChild(i),o.appendChild(c),n.appendChild(o),n}function me(e,t,s){const n=document.createElement("div");n.className="fb-field-card",n.dataset.index=t,n.style.cssText="border:1px solid var(--border-color,#333);border-radius:6px;overflow:hidden;margin-bottom:.5rem;";const o=document.createElement("div");o.style.cssText="display:flex;align-items:center;gap:.6rem;padding:.6rem .8rem;background:var(--card-header-bg,rgba(255,255,255,.04));cursor:pointer;user-select:none;";const l=document.createElement("span");l.textContent=Y(e.type),l.style.cssText="font-size:.7rem;padding:.15rem .45rem;border-radius:999px;background:var(--primary-soft,rgba(99,102,241,.15));color:var(--primary,#6366f1);white-space:nowrap;flex-shrink:0;";const a=document.createElement("span");a.textContent=e.label||"(unlabelled)",a.style.cssText="flex:1;font-weight:600;font-size:.9rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;";const i=document.createElement("div");if(i.style.cssText="display:flex;gap:.25rem;flex-shrink:0;margin-left:.5rem;",t>0){const p=document.createElement("button");p.className="btn btn-xs btn-ghost",p.title="Move up",p.textContent="\u2191",p.addEventListener("click",u=>{u.stopPropagation(),C(),[b[t-1],b[t]]=[b[t],b[t-1]],w(s)}),i.appendChild(p)}if(t<b.length-1){const p=document.createElement("button");p.className="btn btn-xs btn-ghost",p.title="Move down",p.textContent="\u2193",p.addEventListener("click",u=>{u.stopPropagation(),C(),[b[t],b[t+1]]=[b[t+1],b[t]],w(s)}),i.appendChild(p)}const c=document.createElement("button");c.className="btn btn-xs btn-ghost",c.title="Edit field",c.textContent="\u22EF",c.addEventListener("click",p=>{p.stopPropagation(),m.style.display=m.style.display==="none"?"":"none"}),i.appendChild(c);const r=document.createElement("button");if(r.className="btn btn-xs btn-danger",r.title="Remove field",r.textContent="\u2715",r.addEventListener("click",async p=>{p.stopPropagation(),await E.confirm("Remove this field?")&&(C(),b.splice(t,1),w(s))}),i.appendChild(r),o.appendChild(l),o.appendChild(a),e.required){const p=document.createElement("span");p.textContent="required",p.style.cssText="font-size:.7rem;color:var(--danger,#ef4444);flex-shrink:0;",o.appendChild(p)}if(K(e.logic)){const p=document.createElement("span");p.textContent="\u26A1",p.title="Has conditional logic",p.style.cssText="font-size:.75rem;color:var(--primary,#6366f1);flex-shrink:0;",o.appendChild(p)}o.appendChild(i),o.addEventListener("click",()=>{m.style.display=m.style.display==="none"?"":"none"});const m=ue(e,t,a);return m.style.display="none",n.appendChild(o),n.appendChild(m),n}function ue(e,t,s){const n=document.createElement("div");n.className="fb-field-body",n.style.cssText="padding:.8rem;border-top:1px solid var(--border-color,#333);";const o=v([x("Label",`fb-label-${t}`,"text",e.label||"","Shown above the field"),x("Field Name",`fb-name-${t}`,"text",e.name||"","Used as data key")]),l=v([Te("Type",`fb-type-${t}`,G,e.type||"string"),le("Required",`fb-required-${t}`,e.required||!1)]),a=v([x("Placeholder",`fb-placeholder-${t}`,"text",e.placeholder||"","Hint text inside the field")]),i=v([x("Helper Text",`fb-helper-${t}`,"text",e.helper||"","Shown below the field"),x("Tooltip",`fb-tooltip-${t}`,"text",e.tooltip||"","Shown on hover via a help icon next to the label")]),c=e.formConfig?.span,r=v([x("Column Span",`fb-span-${t}`,"number",c&&c!=="full"?String(c):"1","Columns to span (grid only)"),le("Full Width",`fb-fullwidth-${t}`,c==="full")]);r.classList.add("fb-grid-row"),r.style.display=document.getElementById("setting-layout")?.value==="grid"?"flex":"none",n.appendChild(o),n.appendChild(l),n.appendChild(a),n.appendChild(i),n.appendChild(r);const m=n.querySelector(`#fb-label-${t}`),p=n.querySelector(`#fb-name-${t}`);m&&m.addEventListener("input",()=>{s&&(s.textContent=m.value||"(unlabelled)"),p&&!p.dataset.manuallyEdited&&(p.value=W(m.value))}),p&&p.addEventListener("input",()=>{p.dataset.manuallyEdited="1"});const u=n.querySelector(`#fb-type-${t}`);u&&u.addEventListener("change",()=>{const f=n.closest(".fb-field-card");if(f){const y=f.querySelector("span");y&&(y.textContent=Y(u.value))}const g=n.querySelector(".fb-field-extras");g&&g.remove();const h=Z(u.value,e,t);h&&n.appendChild(h)});const d=Z(e.type,e,t);return d&&n.appendChild(d),n.appendChild(ve(e,t)),n}const fe=[{value:"equals",label:"equals"},{value:"not_equals",label:"does not equal"},{value:"contains",label:"contains"},{value:"not_contains",label:"does not contain"},{value:"starts_with",label:"starts with"},{value:"ends_with",label:"ends with"},{value:"greater_than",label:"is greater than"},{value:"less_than",label:"is less than"},{value:"is_empty",label:"is empty"},{value:"is_not_empty",label:"is not empty"},{value:"in",label:"is one of (comma sep)"},{value:"not_in",label:"is not one of (comma sep)"},{value:"matches_regex",label:"matches regex"}],Q=new Set(["is_empty","is_not_empty"]);function j(e){const t=document.createElement("p");return t.textContent=e,t.style.cssText="font-size:.75rem;font-weight:700;color:var(--text-muted,#888);margin:.6rem 0 .3rem;text-transform:uppercase;letter-spacing:.04em;",t}function P(e,t,s,n,o){const l=document.createElement("div");l.className="fb-logic-cond-row",l.style.cssText="display:flex;gap:.35rem;align-items:center;margin-bottom:.35rem;flex-wrap:wrap;";const a=document.createElement("span");a.textContent="When",a.style.cssText="font-size:.73rem;color:var(--text-muted,#888);flex-shrink:0;";const i=document.createElement("select");i.className="form-select fb-logic-cond-field",i.style.cssText="flex:1 1 140px;min-width:140px;",t.forEach(d=>{const f=document.createElement("option");f.value=d.value,f.textContent=d.label,e&&d.value===e.field&&(f.selected=!0),i.appendChild(f)});const c=document.createElement("select");c.className="form-select fb-logic-cond-op",c.style.cssText="flex:1 1 160px;min-width:140px;",fe.forEach(d=>{const f=document.createElement("option");f.value=d.value,f.textContent=d.label,e&&d.value===e.operator&&(f.selected=!0),c.appendChild(f)});const r=document.createElement("input");r.type="text",r.className="form-input fb-logic-cond-val",r.placeholder="value",r.style.cssText="flex:1 1 120px;min-width:100px;",r.value=e?.value||"",e&&Q.has(e.operator)&&(r.style.display="none"),c.addEventListener("change",()=>{r.style.display=Q.has(c.value)?"none":""});const m=document.createElement("span");m.textContent="\u2192",m.style.cssText="font-size:.73rem;color:var(--text-muted,#888);flex-shrink:0;";const p=document.createElement("select");p.className=`form-select ${n}`,p.style.cssText="flex:1 1 140px;min-width:120px;",s.forEach(d=>{const f=document.createElement("option");f.value=d.value,f.textContent=d.label,d.value===o&&(f.selected=!0),p.appendChild(f)});const u=document.createElement("button");return u.type="button",u.className="btn btn-xs btn-danger",u.textContent="\u2715",u.style.flexShrink="0",u.addEventListener("click",()=>l.remove()),l.appendChild(a),l.appendChild(i),l.appendChild(c),l.appendChild(r),l.appendChild(m),l.appendChild(p),l.appendChild(u),l}function be(e,t,s){const n=document.createElement("div");n.dataset.logicSection="visibility",n.appendChild(j("Visibility"));const o=document.createElement("div");o.style.cssText="display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem;";const l=document.createElement("span");l.textContent="Default:",l.style.cssText="font-size:.8rem;flex-shrink:0;";const a=document.createElement("select");a.className="form-select fb-logic-vis-default",a.style.cssText="max-width:240px;",[{value:"visible",label:"Visible"},{value:"hidden",label:"Hidden"}].forEach(d=>{const f=document.createElement("option");f.value=d.value,f.textContent=d.label,d.value===(e.default||"visible")&&(f.selected=!0),a.appendChild(f)}),o.appendChild(l),o.appendChild(a),n.appendChild(o);const i=document.createElement("div");i.style.cssText="display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem;";const c=document.createElement("span");c.textContent="Transition:",c.style.cssText="font-size:.8rem;flex-shrink:0;";const r=document.createElement("select");r.className="form-select fb-logic-vis-transition",r.style.cssText="max-width:240px;",[{value:"none",label:"None (instant)"},{value:"fade",label:"Fade"},{value:"slide",label:"Slide"},{value:"scale",label:"Scale"}].forEach(d=>{const f=document.createElement("option");f.value=d.value,f.textContent=d.label,d.value===(e.transition||"none")&&(f.selected=!0),r.appendChild(f)}),i.appendChild(c),i.appendChild(r),n.appendChild(i);const m=document.createElement("div");m.className="fb-logic-vis-rules";const p=s.map(d=>({value:d.name,label:d.label||d.name})),u=[{value:"visible",label:"Show"},{value:"hidden",label:"Hide"}];if((e.conditions||[]).forEach(d=>{const f=(d.when?.all||d.when?.any||[])[0],g=d.then==="hidden"?"hidden":"visible";p.length>0&&m.appendChild(P(f,p,u,"fb-logic-vis-then",g))}),n.appendChild(m),p.length>0){const d=document.createElement("button");d.type="button",d.className="btn btn-xs btn-ghost",d.style.cssText="font-size:.73rem;margin-top:.2rem;",d.textContent="+ Add visibility rule",d.addEventListener("click",()=>m.appendChild(P(null,p,u,"fb-logic-vis-then","visible"))),n.appendChild(d)}return n}function he(e,t,s){const n=document.createElement("div");n.dataset.logicSection="requirement",n.appendChild(j("Conditional Requirement"));const o=document.createElement("label");o.style.cssText="display:flex;align-items:center;gap:.4rem;font-size:.8rem;cursor:pointer;margin-bottom:.4rem;";const l=document.createElement("input");l.type="checkbox",l.className="fb-logic-req-default",l.checked=e.default===!0,o.appendChild(l),o.appendChild(document.createTextNode("Required by default")),n.appendChild(o);const a=document.createElement("div");a.className="fb-logic-req-rules";const i=s.map(r=>({value:r.name,label:r.label||r.name})),c=[{value:"true",label:"Make required"},{value:"false",label:"Make optional"}];if((e.conditions||[]).forEach(r=>{const m=(r.when?.all||r.when?.any||[])[0],p=r.then===!0?"true":"false";i.length>0&&a.appendChild(P(m,i,c,"fb-logic-req-then",p))}),n.appendChild(a),i.length>0){const r=document.createElement("button");r.type="button",r.className="btn btn-xs btn-ghost",r.style.cssText="font-size:.73rem;margin-top:.2rem;",r.textContent="+ Add requirement rule",r.addEventListener("click",()=>a.appendChild(P(null,i,c,"fb-logic-req-then","true"))),n.appendChild(r)}return n}function X(e){const t=document.createElement("div");t.className="fb-logic-val-rule",t.style.cssText="display:flex;gap:.35rem;align-items:center;margin-bottom:.35rem;flex-wrap:wrap;";const s=document.createElement("select");s.className="form-select fb-logic-val-type",s.style.cssText="flex:0 0 140px;",[{value:"regex",label:"Regex"},{value:"match",label:"Match field"}].forEach(i=>{const c=document.createElement("option");c.value=i.value,c.textContent=i.label,i.value===(e?.type||"regex")&&(c.selected=!0),s.appendChild(c)});const n=document.createElement("input");n.type="text",n.className="form-input fb-logic-val-pattern",n.placeholder=e?.type==="match"?"field name":"pattern",n.value=e?.pattern||e?.field||"",n.style.cssText="flex:3;";const o=document.createElement("input");o.type="text",o.className="form-input fb-logic-val-flags",o.placeholder="flags",o.value=e?.flags||"",o.style.cssText="flex:0 0 55px;",e?.type==="match"&&(o.style.display="none"),s.addEventListener("change",()=>{o.style.display=s.value==="match"?"none":"",n.placeholder=s.value==="match"?"field name":"pattern"});const l=document.createElement("input");l.type="text",l.className="form-input fb-logic-val-message",l.placeholder="Error message",l.value=e?.message||"",l.style.cssText="flex:4;";const a=document.createElement("button");return a.type="button",a.className="btn btn-xs btn-danger",a.textContent="\u2715",a.style.flexShrink="0",a.addEventListener("click",()=>t.remove()),t.appendChild(s),t.appendChild(n),t.appendChild(o),t.appendChild(l),t.appendChild(a),t}function ge(e,t,s){const n=document.createElement("div");n.dataset.logicSection="validation",n.appendChild(j("Custom Validation"));const o=document.createElement("div");o.className="fb-logic-val-rules",(e||[]).forEach(a=>o.appendChild(X(a))),n.appendChild(o);const l=document.createElement("button");return l.type="button",l.className="btn btn-xs btn-ghost",l.style.cssText="font-size:.73rem;margin-top:.2rem;",l.textContent="+ Add validation rule",l.addEventListener("click",()=>o.appendChild(X(null))),n.appendChild(l),n}function ye(e,t,s){const n=document.createElement("div");n.dataset.logicSection="cascade",n.appendChild(j("Cascade Options"));const o=document.createElement("div");o.style.cssText="display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;";const l=document.createElement("span");l.textContent="Source field:",l.style.cssText="font-size:.8rem;flex-shrink:0;";const a=document.createElement("select");a.className="form-select fb-logic-cascade-source",a.style.cssText="flex:1;";const i=document.createElement("option");i.value="",i.textContent="\u2014 none \u2014",a.appendChild(i),s.forEach(u=>{const d=document.createElement("option");d.value=u.name,d.textContent=u.label||u.name,u.name===e.sourceField&&(d.selected=!0),a.appendChild(d)}),o.appendChild(l),o.appendChild(a),n.appendChild(o);const c=document.createElement("p");c.textContent='Mapping JSON \u2014 {"value":[{"value":"...","label":"..."}]}',c.style.cssText="font-size:.73rem;color:var(--text-muted,#888);margin:.3rem 0 .2rem;";const r=document.createElement("textarea");r.className="form-input fb-logic-cascade-mapping",r.rows=4,r.style.cssText="font-family:monospace;",r.placeholder='{"uk": [{"value": "london", "label": "London"}]}',r.value=e.mapping?JSON.stringify(e.mapping,null,2):"",n.appendChild(c),n.appendChild(r);const m=document.createElement("p");m.textContent="Default options (one per line: value:Label)",m.style.cssText="font-size:.73rem;color:var(--text-muted,#888);margin:.3rem 0 .2rem;";const p=document.createElement("textarea");return p.className="form-input fb-logic-cascade-defaults",p.rows=3,p.style.cssText="font-family:monospace;",p.placeholder=`option1:Option 1
-option2:Option 2`,p.value=(e.defaultOptions||[]).map(u=>{const d=typeof u=="string"?u:u.value??"",f=typeof u=="string"?u:u.label??d;return d===f?d:`${d}:${f}`}).join(`
-`),n.appendChild(m),n.appendChild(p),n}function ve(e,t){const s=e.logic||{},n=b.filter((p,u)=>u!==t&&p.type!=="page-break"&&p.type!=="spacer"),o=document.createElement("div");o.className="fb-field-logic",o.style.cssText="margin-top:.75rem;border-top:1px solid var(--border-color,#333);padding-top:.5rem;";const l=document.createElement("div");l.style.cssText="display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:.15rem 0;";const a=document.createElement("span");a.style.cssText="font-size:.8rem;font-weight:600;color:var(--text-muted,#888);",a.textContent="\u26A1 Conditional Logic";const i=K(s),c=document.createElement("button");c.type="button",c.className="btn btn-xs btn-ghost",c.textContent=i?"\u25BE":"\u25B8";const r=document.createElement("div");r.className="fb-logic-body",r.style.cssText="padding:.25rem 0 .25rem;"+(i?"":"display:none;"),l.addEventListener("click",()=>{const p=r.style.display==="none";r.style.display=p?"":"none",c.textContent=p?"\u25BE":"\u25B8"}),l.appendChild(a),l.appendChild(c),o.appendChild(l),r.appendChild(be(s.visibility||{},t,n)),r.appendChild(he(s.requirement||{},t,n)),r.appendChild(ge(s.validation||[],t,n));const m=document.getElementById(`fb-type-${t}`)?.value||e.type;return H.has(m)&&r.appendChild(ye(s.cascade||{},t,n)),o.appendChild(r),o}function Z(e,t,s){const n=document.createElement("div");return n.className="fb-field-extras",e==="chooser"?(n.appendChild(xe(t,s)),n.appendChild(Ee(t.options||[],s))):(H.has(e)&&n.appendChild(Ne(t.options||[],s)),e==="textarea"&&n.appendChild(v([x("Rows",`fb-rows-${s}`,"number",t.formConfig?.rows||4,"Height of textarea")])),(e==="string"||e==="textarea")&&n.appendChild(v([x("Min Length",`fb-minlength-${s}`,"number",t.minLength||"",""),x("Max Length",`fb-maxlength-${s}`,"number",t.maxLength||"","")])),e==="number"&&n.appendChild(v([x("Min",`fb-min-${s}`,"number",t.min??"",""),x("Max",`fb-max-${s}`,"number",t.max??"","")]))),n.children.length?n:null}function ee(e){const t=document.createElement("div");t.className="fb-chooser-section",t.style.cssText="border:1px solid var(--dm-border, #e5e7eb); border-radius:6px; margin-top:.5rem; overflow:hidden;";const s=document.createElement("div");s.style.cssText="padding:.4rem .6rem; background:color-mix(in srgb, var(--dm-bg, #f9fafb) 60%, transparent); font-weight:600; font-size:.82rem; border-bottom:1px solid var(--dm-border, #e5e7eb);",s.textContent=e,t.appendChild(s);const n=document.createElement("div");return n.className="fb-chooser-section-body",n.style.cssText="padding:.55rem .6rem; display:flex; flex-direction:column; gap:.45rem;",t.appendChild(n),{wrap:t,body:n}}function _(e,t,s,n,o){const l=document.createElement("div");l.style.flex="1";const a=document.createElement("label");a.htmlFor=e,a.className="form-label",a.textContent=t,a.style.fontSize=".8rem";const i=document.createElement("select");if(i.id=e,i.className="form-input",n.forEach(([c,r])=>{const m=document.createElement("option");m.value=c,m.textContent=r,String(c)===String(s)&&(m.selected=!0),i.appendChild(m)}),l.appendChild(a),l.appendChild(i),o){const c=document.createElement("p");c.className="form-hint text-muted",c.textContent=o,c.style.cssText="font-size:.72rem;margin-top:.2rem;",l.appendChild(c)}return l}function te(e,t,s,n){const o=document.createElement("div");o.style.flex="1";const l=document.createElement("label");l.style.cssText="display:inline-flex;align-items:center;gap:.4rem;font-size:.82rem;";const a=document.createElement("input");if(a.id=e,a.type="checkbox",a.checked=!!s,l.appendChild(a),l.appendChild(document.createTextNode(" "+t)),o.appendChild(l),n){const i=document.createElement("p");i.className="form-hint text-muted",i.textContent=n,i.style.cssText="font-size:.72rem;margin-top:.2rem;",o.appendChild(i)}return o}function U(e,t,s,n,o){const l=document.createElement("div");l.style.flex="1";const a=document.createElement("label");a.htmlFor=e,a.className="form-label",a.textContent=t,a.style.fontSize=".8rem",l.appendChild(a);const i=document.createElement("div");i.style.cssText="display:flex;gap:.4rem;align-items:stretch;";const c=document.createElement("input");c.id=e,c.type="text",c.className="form-input",c.value=s||"",n&&(c.placeholder=n),c.style.flex="1";const r=document.createElement("input");r.type="color",r.title="Pick a colour",r.style.cssText="width:36px;height:auto;padding:0;border:1px solid var(--dm-border,#e5e7eb);border-radius:4px;cursor:pointer;";const m=String(c.value).match(/^#[0-9a-fA-F]{3,8}$/);if(r.value=m?c.value:"#000000",r.addEventListener("input",()=>{c.value=r.value,c.dispatchEvent(new Event("input",{bubbles:!0}))}),i.appendChild(c),i.appendChild(r),l.appendChild(i),o){const p=document.createElement("p");p.className="form-hint text-muted",p.textContent=o,p.style.cssText="font-size:.72rem;margin-top:.2rem;",l.appendChild(p)}return l}function xe(e,t){const s=document.createElement("div");s.style.cssText="margin-top:.5rem; display:flex; flex-direction:column; gap:.4rem;";const n=ee("Layout");n.body.appendChild(v([_(`fb-chooser-variant-${t}`,"Variant",e.variant||"card",[["card","Card \u2014 rich tiles"],["chip","Chip \u2014 compact pills"]],"Card supports description and grid columns; chips wrap."),te(`fb-chooser-multiple-${t}`,"Multi-select",!!e.multiple,"Off = single (radio); on = multi (checkbox).")])),n.body.appendChild(v([_(`fb-chooser-density-${t}`,"Density",e.density||"comfortable",[["comfortable","Comfortable"],["compact","Compact"]],"Compact strips description (card variant only)."),x("Columns",`fb-chooser-columns-${t}`,"number",e.columns||3,"Card grid (1\u20136). Ignored for chips.")])),s.appendChild(n.wrap);const o=ee("Visual");return o.body.appendChild(v([U(`fb-chooser-accent-${t}`,"Accent",e.accent||"","primary / success / #ec4899","Selected highlight colour \u2014 semantic name or any CSS colour."),_(`fb-chooser-accent-style-${t}`,"Accent style",e.accentStyle||"border",[["border","Border (default)"],["solid","Solid"],["glow","Glow"],["overlay","Overlay"],["underline","Underline"]],"Visual treatment of the selected state.")])),o.body.appendChild(v([te(`fb-chooser-glow-${t}`,"Glow on selected",!!e.glow,"Soft outer glow."),U(`fb-chooser-glow-colour-${t}`,"Glow colour",e.glowColour||"","defaults to accent","Optional; semantic name or CSS colour.")])),o.body.appendChild(v([_(`fb-chooser-shadow-${t}`,"Shadow",e.shadow||"none",[["none","None"],["sm","Small"],["md","Medium"],["lg","Large"],["xl","Extra Large"]],"Drop shadow on every option."),U(`fb-chooser-shadow-colour-${t}`,"Shadow colour",e.shadowColour||"","rgba(0,0,0,0.1)","Optional shadow tint.")])),s.appendChild(o.wrap),s}function Ce(e,t,s,n){const o=document.createElement("div");o.className="fb-chooser-option-row",o.dataset.optIdx=String(s),o.style.cssText="border:1px solid var(--dm-border,#e5e7eb); border-radius:4px; padding:.5rem; background:var(--dm-bg-alt, color-mix(in srgb, var(--dm-card-bg, #fff) 92%, var(--dm-text, #111))); display:flex; flex-direction:column; gap:.35rem;";const l=document.createElement("div");l.style.cssText="display:flex; gap:.4rem; align-items:center;";const a=document.createElement("div");a.style.cssText="display:flex; flex-direction:column; gap:1px;";const i=document.createElement("button");i.type="button",i.className="btn btn-secondary btn-sm",i.style.padding=".1rem .3rem",i.title="Move up",i.textContent="\u25B2",i.addEventListener("click",S=>{S.preventDefault(),ne(t,s,-1,n)});const c=document.createElement("button");c.type="button",c.className="btn btn-secondary btn-sm",c.style.padding=".1rem .3rem",c.title="Move down",c.textContent="\u25BC",c.addEventListener("click",S=>{S.preventDefault(),ne(t,s,1,n)}),a.appendChild(i),a.appendChild(c),l.appendChild(a);const r=document.createElement("input");r.type="text",r.className="form-input fb-chooser-opt-value",r.placeholder="value",r.value=e.value||"",r.style.flex="1",l.appendChild(r);const m=document.createElement("input");m.type="text",m.className="form-input fb-chooser-opt-label",m.placeholder="label (visible to users)",m.value=e.label||"",m.style.flex="2",l.appendChild(m);const p=document.createElement("button");p.type="button",p.className="btn btn-ghost btn-sm",p.title="Remove option",p.innerHTML='<span data-icon="x"></span>',p.addEventListener("click",S=>{S.preventDefault(),Se(t,s,n)}),l.appendChild(p),Domma.icons.scan(p),o.appendChild(l);const u=document.createElement("div");u.style.cssText="display:flex; gap:.4rem;";const d=ie("icon name (optional)",e.icon||"");d.input.classList.add("fb-chooser-opt-icon"),d.el.style.flex="1",u.appendChild(d.el);const f=document.createElement("input");f.type="text",f.className="form-input fb-chooser-opt-description",f.placeholder="description (card + comfortable only)",f.value=e.description||"",f.style.flex="2",u.appendChild(f),o.appendChild(u);const g=document.createElement("div");g.style.cssText="display:flex; gap:.4rem;";const h=document.createElement("input");h.type="text",h.className="form-input fb-chooser-opt-tooltip",h.placeholder="tooltip (hover hint)",h.value=e.tooltip||"",h.style.flex="2",g.appendChild(h);const y=document.createElement("input");y.type="text",y.className="form-input fb-chooser-opt-badge-text",y.placeholder="badge text",y.value=e.badge?.text||"",y.style.flex="1",g.appendChild(y);const k=document.createElement("select");k.className="form-input fb-chooser-opt-badge-type",k.style.flex="1",[["","no badge"],["primary","primary"],["success","success"],["info","info"],["warning","warning"],["danger","danger"]].forEach(([S,I])=>{const A=document.createElement("option");A.value=S,A.textContent=I,(e.badge?.type||"")===S&&(A.selected=!0),k.appendChild(A)}),g.appendChild(k),o.appendChild(g);const N=document.createElement("div");N.style.cssText="display:flex; gap:1rem; font-size:.8rem;";const q=document.createElement("label");q.style.cssText="display:inline-flex;align-items:center;gap:.3rem;";const $=document.createElement("input");$.type="checkbox",$.className="fb-chooser-opt-recommended",$.checked=!!e.recommended,q.appendChild($),q.appendChild(document.createTextNode(" Recommended")),N.appendChild(q);const L=document.createElement("label");L.style.cssText="display:inline-flex;align-items:center;gap:.3rem;";const B=document.createElement("input");return B.type="checkbox",B.className="fb-chooser-opt-disabled",B.checked=!!e.disabled,L.appendChild(B),L.appendChild(document.createTextNode(" Disabled")),N.appendChild(L),o.appendChild(N),o}function Ee(e,t){const s=document.createElement("div");s.style.cssText="margin-top:.5rem;";const n=document.createElement("div");n.style.cssText="display:flex; align-items:center; justify-content:space-between; margin-bottom:.4rem;";const o=document.createElement("p");o.textContent="Options",o.style.cssText="font-size:.85rem;font-weight:600;margin:0;",n.appendChild(o);const l=document.createElement("button");l.type="button",l.className="btn btn-secondary btn-sm",l.innerHTML='<span data-icon="plus"></span> Add option',n.appendChild(l),s.appendChild(n),Domma.icons.scan(l);const a=document.createElement("div");a.className="fb-chooser-options-list",a.id=`fb-chooser-options-${t}`,a.style.cssText="display:flex; flex-direction:column; gap:.4rem;",s.appendChild(a);const i=()=>{a.replaceChildren();const c=we(t);(c.length?c:e||[]).forEach((m,p)=>{a.appendChild(Ce(m,t,p,i))})};return l.addEventListener("click",c=>{c.preventDefault(),ke(t,i)}),i(),s}function we(e){const t=b[e];return!t||!Array.isArray(t.options)?[]:t.options}function J(e){return b[e]?(Array.isArray(b[e].options)||(b[e].options=[]),b[e].options):[]}function ke(e,t){D(e),J(e).push({value:"new",label:"New option"}),t()}function Se(e,t,s){D(e),J(e).splice(t,1),s()}function ne(e,t,s,n){D(e);const o=J(e),l=t+s;if(l<0||l>=o.length)return;const[a]=o.splice(t,1);o.splice(l,0,a),n()}function D(e){const t=document.getElementById(`fb-chooser-options-${e}`);if(!t)return;const s=t.querySelectorAll(".fb-chooser-option-row"),n=[];s.forEach(o=>{const l={value:o.querySelector(".fb-chooser-opt-value")?.value.trim()||"",label:o.querySelector(".fb-chooser-opt-label")?.value.trim()||""},a=o.querySelector(".fb-chooser-opt-icon")?.value.trim();a&&(l.icon=a);const i=o.querySelector(".fb-chooser-opt-description")?.value.trim();i&&(l.description=i);const c=o.querySelector(".fb-chooser-opt-tooltip")?.value.trim();c&&(l.tooltip=c);const r=o.querySelector(".fb-chooser-opt-badge-text")?.value.trim(),m=o.querySelector(".fb-chooser-opt-badge-type")?.value;(r||m)&&(l.badge={},r&&(l.badge.text=r),m&&(l.badge.type=m)),o.querySelector(".fb-chooser-opt-recommended")?.checked&&(l.recommended=!0),o.querySelector(".fb-chooser-opt-disabled")?.checked&&(l.disabled=!0),n.push(l)}),b[e]&&(b[e].options=n)}function v(e){const t=document.createElement("div");return t.style.cssText="display:flex;gap:.75rem;margin-bottom:.6rem;",e.forEach(s=>{s&&t.appendChild(s)}),t}function x(e,t,s,n,o){const l=document.createElement("div");l.style.flex="1";const a=document.createElement("label");a.htmlFor=t,a.className="form-label",a.textContent=e,a.style.fontSize=".8rem";const i=document.createElement("input");if(i.id=t,i.type=s||"text",i.className="form-input",i.value=n??"",l.appendChild(a),l.appendChild(i),o){const c=document.createElement("p");c.className="form-hint text-muted",c.textContent=o,c.style.cssText="font-size:.73rem;margin-top:.2rem;",l.appendChild(c)}return l}function Te(e,t,s,n){const o=document.createElement("div");o.style.flex="1";const l=document.createElement("label");l.htmlFor=t,l.className="form-label",l.textContent=e,l.style.fontSize=".8rem";const a=document.createElement("select");return a.id=t,a.className="form-select",s.forEach(i=>{const c=document.createElement("option");c.value=i.value,c.textContent=i.label,i.value===n&&(c.selected=!0),a.appendChild(c)}),o.appendChild(l),o.appendChild(a),o}function le(e,t,s){const n=document.createElement("div");n.style.cssText="flex:0;min-width:80px;display:flex;flex-direction:column;justify-content:flex-end;";const o=document.createElement("label");o.style.cssText="display:flex;align-items:center;gap:.4rem;cursor:pointer;font-size:.8rem;white-space:nowrap;";const l=document.createElement("input");return l.id=t,l.type="checkbox",l.checked=s,o.appendChild(l),o.appendChild(document.createTextNode(e)),n.appendChild(o),n}function Ne(e,t){const s=document.createElement("div");s.style.cssText="margin-top:.4rem;";const n=document.createElement("p");n.textContent="Options (one per line: value or value:Label)",n.style.cssText="font-size:.8rem;font-weight:600;margin-bottom:.3rem;";const o=document.createElement("textarea");return o.id=`fb-options-${t}`,o.className="form-input",o.rows=4,o.placeholder=`yes:Yes
+import{apiRequest as I}from"/admin/js/api.js";import{makeIconInput as me}from"/admin/js/lib/shortcode-modal.js";const K=[{value:"string",label:"Text (single line)"},{value:"email",label:"Email"},{value:"tel",label:"Phone"},{value:"number",label:"Number"},{value:"textarea",label:"Textarea (multi-line)"},{value:"select",label:"Dropdown (select)"},{value:"radio",label:"Radio buttons"},{value:"checkbox",label:"Single checkbox"},{value:"checkbox-group",label:"Checkbox group"},{value:"chooser",label:"Chooser (visual options)"},{value:"date",label:"Date"},{value:"time",label:"Time"},{value:"url",label:"URL"},{value:"password",label:"Password"},{value:"file",label:"File upload"},{value:"hidden",label:"Hidden field"}],J=new Set(["select","radio","checkbox-group","chooser"]);let b=[],L=null,P=null,M=null,G={};function x(e,t,s=14){e.textContent="";const n=document.createElement("span");return n.setAttribute("data-icon",t),n.setAttribute("data-icon-size",String(s)),n.style.cssText="display:inline-flex;align-items:center;vertical-align:middle;",e.appendChild(n),window.I?.scan?.(e),e}function j(e,t,s,n=14){return x(e,t,n),e.appendChild(document.createTextNode(" "+s)),e}let _=null,X=null;function W(){clearTimeout(X),X=setTimeout(()=>{_&&_()},350)}function Z(e){return e.toLowerCase().replace(/[^a-z0-9]+/g,"_").replace(/^_|_$/g,"")}function ee(e){return K.find(t=>t.value===e)?.label||e}function te(e){return e?!!(e.visibility?.conditions?.length||e.requirement?.conditions?.length||e.validation?.length||e.cascade?.sourceField):!1}function ue(e){const t={...b[e]};if(t.type==="spacer")return t;if(t.type==="page-break"){const h=document.getElementById(`fb-pb-label-${e}`),g=document.getElementById(`fb-pb-desc-${e}`);return h&&(t.label=h.value.trim()||t.label),g&&(t.description=g.value.trim()),t}const s=document.getElementById(`fb-label-${e}`),n=document.getElementById(`fb-name-${e}`),o=document.getElementById(`fb-type-${e}`),l=document.getElementById(`fb-required-${e}`),c=document.getElementById(`fb-placeholder-${e}`),p=document.getElementById(`fb-helper-${e}`),d=document.getElementById(`fb-tooltip-${e}`);if(s&&(t.label=s.value.trim()||t.label),n&&(t.name=n.value.trim()||t.name),o&&(t.type=o.value||t.type),l&&(t.required=l.checked),c&&(t.placeholder=c.value.trim()),p&&(t.helper=p.value.trim()),d&&(t.tooltip=d.value.trim()),t.type==="chooser"){const h=document.getElementById(`fb-chooser-variant-${e}`)?.value;h&&(t.variant=h);const g=document.getElementById(`fb-chooser-multiple-${e}`);g&&(t.multiple=g.checked);const v=document.getElementById(`fb-chooser-density-${e}`)?.value;v&&(t.density=v);const w=document.getElementById(`fb-chooser-columns-${e}`)?.value;w!==""&&w!==void 0&&(t.columns=parseInt(w,10)||3);const C=document.getElementById(`fb-chooser-accent-${e}`)?.value.trim();C?t.accent=C:delete t.accent;const q=document.getElementById(`fb-chooser-accent-style-${e}`)?.value;q?t.accentStyle=q:delete t.accentStyle;const z=document.getElementById(`fb-chooser-glow-${e}`);z&&(t.glow=z.checked);const B=document.getElementById(`fb-chooser-glow-colour-${e}`)?.value.trim();B?t.glowColour=B:delete t.glowColour;const $=document.getElementById(`fb-chooser-shadow-${e}`)?.value;$&&$!=="none"?t.shadow=$:delete t.shadow;const A=document.getElementById(`fb-chooser-shadow-colour-${e}`)?.value.trim();A?t.shadowColour=A:delete t.shadowColour,U(e),b[e]&&Array.isArray(b[e].options)&&(t.options=b[e].options)}else if(J.has(t.type)){const h=document.getElementById(`fb-options-${e}`);h&&(t.options=h.value.split(`
+`).filter(g=>g.trim()).map(g=>{const[v,...w]=g.split(":");return{value:v.trim(),label:w.join(":").trim()||v.trim()}}))}if(t.type==="textarea"){const h=parseInt(document.getElementById(`fb-rows-${e}`)?.value,10);h>0&&(t.formConfig={...t.formConfig||{},rows:h})}const a=document.getElementById(`fb-span-${e}`),r=document.getElementById(`fb-fullwidth-${e}`);if(a||r){const h={...t.formConfig||{}};if(r?.checked)h.span="full";else{const g=parseInt(a?.value,10);g>1?h.span=g:delete h.span}t.formConfig=Object.keys(h).length?h:void 0}const i=document.getElementById(`fb-minlength-${e}`)?.value;i&&(t.minLength=parseInt(i,10));const u=document.getElementById(`fb-maxlength-${e}`)?.value;u&&(t.maxLength=parseInt(u,10));const m=document.getElementById(`fb-min-${e}`)?.value;m!==""&&m!==void 0&&(t.min=parseFloat(m));const f=document.getElementById(`fb-max-${e}`)?.value;f!==""&&f!==void 0&&(t.max=parseFloat(f));const y=fe(e);return y?t.logic=y:delete t.logic,t}function fe(e){const t=document.querySelector(`.fb-field-card[data-index="${e}"]`);if(!t)return;const s=t.querySelector(".fb-field-logic");if(!s)return;const n={};let o=!1;const l=s.querySelector('[data-logic-section="visibility"]');if(l){const a=l.querySelector(".fb-logic-vis-default"),r=l.querySelector(".fb-logic-vis-transition"),i=Array.from(l.querySelectorAll(".fb-logic-cond-row")).map(f=>{const y=f.querySelector(".fb-logic-cond-field"),h=f.querySelector(".fb-logic-cond-op"),g=f.querySelector(".fb-logic-cond-val"),v=f.querySelector(".fb-logic-vis-then");return y?.value?{when:{all:[{field:y.value,operator:h.value,value:g.value}]},then:v.value}:null}).filter(Boolean),u=a?.value||"visible",m=r?.value||"none";(u!=="visible"||i.length>0||m!=="none")&&(n.visibility={default:u,conditions:i},m!=="none"&&(n.visibility.transition=m),o=!0)}const c=s.querySelector('[data-logic-section="requirement"]');if(c){const a=c.querySelector(".fb-logic-req-default"),r=Array.from(c.querySelectorAll(".fb-logic-cond-row")).map(i=>{const u=i.querySelector(".fb-logic-cond-field"),m=i.querySelector(".fb-logic-cond-op"),f=i.querySelector(".fb-logic-cond-val"),y=i.querySelector(".fb-logic-req-then");return u?.value?{when:{all:[{field:u.value,operator:m.value,value:f.value}]},then:y.value==="true"}:null}).filter(Boolean);r.length>0&&(n.requirement={default:a?.checked===!0,conditions:r},o=!0)}const p=s.querySelector('[data-logic-section="validation"]');if(p){const a=Array.from(p.querySelectorAll(".fb-logic-val-rule")).map(r=>{const i=r.querySelector(".fb-logic-val-type"),u=r.querySelector(".fb-logic-val-pattern"),m=r.querySelector(".fb-logic-val-flags"),f=r.querySelector(".fb-logic-val-message");if(!u?.value.trim())return null;const y=i?.value||"regex",h={type:y,message:f?.value.trim()||"Invalid value."};return y==="regex"?(h.pattern=u.value.trim(),m?.value.trim()&&(h.flags=m.value.trim())):h.field=u.value.trim(),h}).filter(Boolean);a.length>0&&(n.validation=a,o=!0)}const d=s.querySelector('[data-logic-section="cascade"]');if(d){const a=d.querySelector(".fb-logic-cascade-source"),r=d.querySelector(".fb-logic-cascade-mapping"),i=d.querySelector(".fb-logic-cascade-defaults"),u=a?.value?.trim();if(u){let m={};try{m=JSON.parse(r?.value||"{}")}catch{}const f=(i?.value||"").split(`
+`).filter(y=>y.trim()).map(y=>{const[h,...g]=y.split(":");return{value:h.trim(),label:g.join(":").trim()||h.trim()}});n.cascade={sourceField:u,mapping:m,defaultOptions:f},o=!0}}return o?n:void 0}function T(){b=b.map((e,t)=>ue(t))}function N(e){const t=e.find("#fields-list").get(0),s=e.find("#fields-empty-msg").get(0);if(t){if(Array.from(t.querySelectorAll(".fb-field-card")).forEach(n=>n.remove()),b.length===0){s&&(s.style.display=""),W();return}s&&(s.style.display="none"),b.forEach((n,o)=>{const l=n.type==="page-break"?be(n,o,e):n.type==="spacer"?he(n,o,e):ge(n,o,e);t.appendChild(l)}),W()}}function be(e,t,s){const n=document.createElement("div");n.className="fb-field-card",n.dataset.index=t,n.style.cssText="border:2px dashed var(--dm-border,#444);border-radius:6px;overflow:hidden;margin-bottom:.5rem;background:var(--dm-card-bg,rgba(255,255,255,.02));";const o=document.createElement("div");o.style.cssText="display:flex;align-items:center;gap:.6rem;padding:.6rem .8rem;cursor:pointer;user-select:none;";const l=document.createElement("span");l.textContent="\u2014 Page Break \u2014",l.style.cssText="font-size:.7rem;padding:.15rem .5rem;border-radius:999px;background:color-mix(in srgb, var(--dm-text-muted) 20%, transparent);color:var(--dm-text-muted,#888);white-space:nowrap;flex-shrink:0;font-style:italic;";const c=document.createElement("span");c.textContent=e.label||"Untitled Step",c.style.cssText="flex:1;font-weight:600;font-size:.9rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--dm-text-muted,#888);";const p=document.createElement("div");if(p.style.cssText="display:flex;gap:.25rem;flex-shrink:0;margin-left:.5rem;",t>0){const m=document.createElement("button");m.className="btn btn-xs btn-ghost",m.title="Move up",x(m,"arrow-up"),m.addEventListener("click",f=>{f.stopPropagation(),T(),[b[t-1],b[t]]=[b[t],b[t-1]],N(s)}),p.appendChild(m)}if(t<b.length-1){const m=document.createElement("button");m.className="btn btn-xs btn-ghost",m.title="Move down",x(m,"arrow-down"),m.addEventListener("click",f=>{f.stopPropagation(),T(),[b[t],b[t+1]]=[b[t+1],b[t]],N(s)}),p.appendChild(m)}const d=document.createElement("button");d.className="btn btn-xs btn-ghost",d.title="Edit step",x(d,"more-horizontal"),d.addEventListener("click",m=>{m.stopPropagation(),r.style.display=r.style.display==="none"?"":"none"}),p.appendChild(d);const a=document.createElement("button");a.className="btn btn-xs btn-ghost",a.style.cssText="line-height:1;opacity:.6;",a.title="Remove page break",x(a,"x"),a.addEventListener("click",async m=>{m.stopPropagation(),await E.confirm("Remove this page break?")&&(T(),b.splice(t,1),N(s))}),p.appendChild(a),o.appendChild(l),o.appendChild(c),o.appendChild(p),o.addEventListener("click",()=>{r.style.display=r.style.display==="none"?"":"none"});const r=document.createElement("div");r.className="fb-field-body",r.style.cssText="padding:.8rem;border-top:1px dashed var(--dm-border,#444);display:none;";const i=k([S("Step Title",`fb-pb-label-${t}`,"text",e.label||"","Shown as the wizard step heading"),S("Step Description",`fb-pb-desc-${t}`,"text",e.description||"","Optional sub-heading")]),u=i.querySelector(`#fb-pb-label-${t}`);return u&&u.addEventListener("input",()=>{c.textContent=u.value||"Untitled Step"}),r.appendChild(i),n.appendChild(o),n.appendChild(r),n}function he(e,t,s){const n=document.createElement("div");n.className="fb-field-card",n.dataset.index=t,n.style.cssText="border:1px dashed var(--dm-border,#444);border-radius:6px;margin-bottom:.5rem;background:transparent;";const o=document.createElement("div");o.style.cssText="display:flex;align-items:center;gap:.6rem;padding:.4rem .8rem;";const l=document.createElement("div");l.style.cssText="flex:1;height:1px;background:var(--dm-border,#444);";const c=document.createElement("span");c.textContent="Spacer",c.style.cssText="font-size:.7rem;color:var(--dm-text-muted,#888);white-space:nowrap;padding:0 .4rem;font-style:italic;";const p=document.createElement("div");p.style.cssText="flex:1;height:1px;background:var(--dm-border,#444);";const d=document.createElement("div");if(d.style.cssText="display:flex;gap:.25rem;flex-shrink:0;",t>0){const r=document.createElement("button");r.className="btn btn-xs btn-ghost",r.title="Move up",x(r,"arrow-up"),r.addEventListener("click",i=>{i.stopPropagation(),T(),[b[t-1],b[t]]=[b[t],b[t-1]],N(s)}),d.appendChild(r)}if(t<b.length-1){const r=document.createElement("button");r.className="btn btn-xs btn-ghost",r.title="Move down",x(r,"arrow-down"),r.addEventListener("click",i=>{i.stopPropagation(),T(),[b[t],b[t+1]]=[b[t+1],b[t]],N(s)}),d.appendChild(r)}const a=document.createElement("button");return a.className="btn btn-xs btn-ghost",a.style.cssText="line-height:1;opacity:.6;",a.title="Remove spacer",x(a,"x"),a.addEventListener("click",async r=>{r.stopPropagation(),T(),b.splice(t,1),N(s)}),d.appendChild(a),o.appendChild(l),o.appendChild(c),o.appendChild(p),o.appendChild(d),n.appendChild(o),n}function ge(e,t,s){const n=document.createElement("div");n.className="fb-field-card",n.dataset.index=t,n.style.cssText="border:1px solid var(--dm-border,#333);border-radius:6px;overflow:hidden;margin-bottom:.5rem;";const o=document.createElement("div");o.style.cssText="display:flex;align-items:center;gap:.6rem;padding:.6rem .8rem;background:var(--dm-card-header-bg,rgba(255,255,255,.04));cursor:pointer;user-select:none;";const l=document.createElement("span");l.textContent=ee(e.type),l.style.cssText="font-size:.7rem;padding:.15rem .45rem;border-radius:999px;background:color-mix(in srgb, var(--dm-primary) 14%, transparent);color:var(--dm-primary,#6366f1);white-space:nowrap;flex-shrink:0;";const c=document.createElement("span");c.textContent=e.label||"(unlabelled)",c.style.cssText="flex:1;font-weight:600;font-size:.9rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;";const p=document.createElement("div");if(p.style.cssText="display:flex;gap:.25rem;flex-shrink:0;margin-left:.5rem;",t>0){const i=document.createElement("button");i.className="btn btn-xs btn-ghost",i.title="Move up",x(i,"arrow-up"),i.addEventListener("click",u=>{u.stopPropagation(),T(),[b[t-1],b[t]]=[b[t],b[t-1]],N(s)}),p.appendChild(i)}if(t<b.length-1){const i=document.createElement("button");i.className="btn btn-xs btn-ghost",i.title="Move down",x(i,"arrow-down"),i.addEventListener("click",u=>{u.stopPropagation(),T(),[b[t],b[t+1]]=[b[t+1],b[t]],N(s)}),p.appendChild(i)}const d=document.createElement("button");d.className="btn btn-xs btn-ghost",d.title="Edit field",x(d,"more-horizontal"),d.addEventListener("click",i=>{i.stopPropagation(),r.style.display=r.style.display==="none"?"":"none"}),p.appendChild(d);const a=document.createElement("button");if(a.className="btn btn-xs btn-ghost",a.style.cssText="line-height:1;opacity:.6;",a.title="Remove field",x(a,"x"),a.addEventListener("click",async i=>{i.stopPropagation(),await E.confirm("Remove this field?")&&(T(),b.splice(t,1),N(s))}),p.appendChild(a),o.appendChild(l),o.appendChild(c),e.required){const i=document.createElement("span");i.textContent="required",i.style.cssText="font-size:.7rem;color:var(--dm-danger,#ef4444);flex-shrink:0;",o.appendChild(i)}if(te(e.logic)){const i=document.createElement("span");x(i,"zap"),i.title="Has conditional logic",i.style.cssText="font-size:.75rem;color:var(--dm-primary,#6366f1);flex-shrink:0;",o.appendChild(i)}o.appendChild(p),o.addEventListener("click",()=>{r.style.display=r.style.display==="none"?"":"none"});const r=ye(e,t,c);return r.style.display="none",n.appendChild(o),n.appendChild(r),n}function ye(e,t,s){const n=document.createElement("div");n.className="fb-field-body",n.style.cssText="padding:.8rem;border-top:1px solid var(--dm-border,#333);";const o=k([S("Label",`fb-label-${t}`,"text",e.label||"","Shown above the field"),S("Field Name",`fb-name-${t}`,"text",e.name||"","Used as data key")]),l=k([ze("Type",`fb-type-${t}`,K,e.type||"string"),ce("Required",`fb-required-${t}`,e.required||!1)]),c=k([S("Placeholder",`fb-placeholder-${t}`,"text",e.placeholder||"","Hint text inside the field")]),p=k([S("Helper Text",`fb-helper-${t}`,"text",e.helper||"","Shown below the field"),S("Tooltip",`fb-tooltip-${t}`,"text",e.tooltip||"","Shown on hover via a help icon next to the label")]),d=e.formConfig?.span,a=k([S("Column Span",`fb-span-${t}`,"number",d&&d!=="full"?String(d):"1","Columns to span (grid only)"),ce("Full Width",`fb-fullwidth-${t}`,d==="full")]);a.classList.add("fb-grid-row"),a.style.display=document.getElementById("setting-layout")?.value==="grid"?"flex":"none",n.appendChild(o),n.appendChild(l),n.appendChild(c),n.appendChild(p),n.appendChild(a);const r=n.querySelector(`#fb-label-${t}`),i=n.querySelector(`#fb-name-${t}`);r&&r.addEventListener("input",()=>{s&&(s.textContent=r.value||"(unlabelled)"),i&&!i.dataset.manuallyEdited&&(i.value=Z(r.value))}),i&&i.addEventListener("input",()=>{i.dataset.manuallyEdited="1"});const u=n.querySelector(`#fb-type-${t}`);u&&u.addEventListener("change",()=>{const f=n.closest(".fb-field-card");if(f){const g=f.querySelector("span");g&&(g.textContent=ee(u.value))}const y=n.querySelector(".fb-field-extras");y&&y.remove();const h=oe(u.value,e,t);h&&n.appendChild(h)});const m=oe(e.type,e,t);return m&&n.appendChild(m),n.appendChild(ke(e,t)),n}const ve=[{value:"equals",label:"equals"},{value:"not_equals",label:"does not equal"},{value:"contains",label:"contains"},{value:"not_contains",label:"does not contain"},{value:"starts_with",label:"starts with"},{value:"ends_with",label:"ends with"},{value:"greater_than",label:"is greater than"},{value:"less_than",label:"is less than"},{value:"is_empty",label:"is empty"},{value:"is_not_empty",label:"is not empty"},{value:"in",label:"is one of (comma sep)"},{value:"not_in",label:"is not one of (comma sep)"},{value:"matches_regex",label:"matches regex"}],ne=new Set(["is_empty","is_not_empty"]);function D(e){const t=document.createElement("p");return t.textContent=e,t.style.cssText="font-size:.75rem;font-weight:700;color:var(--dm-text-muted,#888);margin:.6rem 0 .3rem;text-transform:uppercase;letter-spacing:.04em;",t}function V(e,t,s,n,o){const l=document.createElement("div");l.className="fb-logic-cond-row",l.style.cssText="display:flex;gap:.35rem;align-items:center;margin-bottom:.35rem;flex-wrap:wrap;";const c=document.createElement("span");c.textContent="When",c.style.cssText="font-size:.73rem;color:var(--dm-text-muted,#888);flex-shrink:0;";const p=document.createElement("select");p.className="form-select fb-logic-cond-field",p.style.cssText="flex:1 1 140px;min-width:140px;",t.forEach(m=>{const f=document.createElement("option");f.value=m.value,f.textContent=m.label,e&&m.value===e.field&&(f.selected=!0),p.appendChild(f)});const d=document.createElement("select");d.className="form-select fb-logic-cond-op",d.style.cssText="flex:1 1 160px;min-width:140px;",ve.forEach(m=>{const f=document.createElement("option");f.value=m.value,f.textContent=m.label,e&&m.value===e.operator&&(f.selected=!0),d.appendChild(f)});const a=document.createElement("input");a.type="text",a.className="form-input fb-logic-cond-val",a.placeholder="value",a.style.cssText="flex:1 1 120px;min-width:100px;",a.value=e?.value||"",e&&ne.has(e.operator)&&(a.style.display="none"),d.addEventListener("change",()=>{a.style.display=ne.has(d.value)?"none":""});const r=document.createElement("span");x(r,"arrow-right"),r.style.cssText="font-size:.73rem;color:var(--dm-text-muted,#888);flex-shrink:0;";const i=document.createElement("select");i.className=`form-select ${n}`,i.style.cssText="flex:1 1 140px;min-width:120px;",s.forEach(m=>{const f=document.createElement("option");f.value=m.value,f.textContent=m.label,m.value===o&&(f.selected=!0),i.appendChild(f)});const u=document.createElement("button");return u.type="button",u.className="btn btn-xs btn-ghost",u.style.cssText="line-height:1;opacity:.6;",x(u,"x"),u.style.flexShrink="0",u.addEventListener("click",()=>l.remove()),l.appendChild(c),l.appendChild(p),l.appendChild(d),l.appendChild(a),l.appendChild(r),l.appendChild(i),l.appendChild(u),l}function xe(e,t,s){const n=document.createElement("div");n.dataset.logicSection="visibility",n.appendChild(D("Visibility"));const o=document.createElement("div");o.style.cssText="display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem;";const l=document.createElement("span");l.textContent="Default:",l.style.cssText="font-size:.8rem;flex-shrink:0;";const c=document.createElement("select");c.className="form-select fb-logic-vis-default",c.style.cssText="max-width:240px;",[{value:"visible",label:"Visible"},{value:"hidden",label:"Hidden"}].forEach(m=>{const f=document.createElement("option");f.value=m.value,f.textContent=m.label,m.value===(e.default||"visible")&&(f.selected=!0),c.appendChild(f)}),o.appendChild(l),o.appendChild(c),n.appendChild(o);const p=document.createElement("div");p.style.cssText="display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem;";const d=document.createElement("span");d.textContent="Transition:",d.style.cssText="font-size:.8rem;flex-shrink:0;";const a=document.createElement("select");a.className="form-select fb-logic-vis-transition",a.style.cssText="max-width:240px;",[{value:"none",label:"None (instant)"},{value:"fade",label:"Fade"},{value:"slide",label:"Slide"},{value:"scale",label:"Scale"}].forEach(m=>{const f=document.createElement("option");f.value=m.value,f.textContent=m.label,m.value===(e.transition||"none")&&(f.selected=!0),a.appendChild(f)}),p.appendChild(d),p.appendChild(a),n.appendChild(p);const r=document.createElement("div");r.className="fb-logic-vis-rules";const i=s.map(m=>({value:m.name,label:m.label||m.name})),u=[{value:"visible",label:"Show"},{value:"hidden",label:"Hide"}];if((e.conditions||[]).forEach(m=>{const f=(m.when?.all||m.when?.any||[])[0],y=m.then==="hidden"?"hidden":"visible";i.length>0&&r.appendChild(V(f,i,u,"fb-logic-vis-then",y))}),n.appendChild(r),i.length>0){const m=document.createElement("button");m.type="button",m.className="btn btn-xs btn-ghost",m.style.cssText="font-size:.73rem;margin-top:.2rem;",j(m,"plus","Add visibility rule"),m.addEventListener("click",()=>r.appendChild(V(null,i,u,"fb-logic-vis-then","visible"))),n.appendChild(m)}return n}function Ce(e,t,s){const n=document.createElement("div");n.dataset.logicSection="requirement",n.appendChild(D("Conditional Requirement"));const o=document.createElement("label");o.style.cssText="display:flex;align-items:center;gap:.4rem;font-size:.8rem;cursor:pointer;margin-bottom:.4rem;";const l=document.createElement("input");l.type="checkbox",l.className="fb-logic-req-default",l.checked=e.default===!0,o.appendChild(l),o.appendChild(document.createTextNode("Required by default")),n.appendChild(o);const c=document.createElement("div");c.className="fb-logic-req-rules";const p=s.map(a=>({value:a.name,label:a.label||a.name})),d=[{value:"true",label:"Make required"},{value:"false",label:"Make optional"}];if((e.conditions||[]).forEach(a=>{const r=(a.when?.all||a.when?.any||[])[0],i=a.then===!0?"true":"false";p.length>0&&c.appendChild(V(r,p,d,"fb-logic-req-then",i))}),n.appendChild(c),p.length>0){const a=document.createElement("button");a.type="button",a.className="btn btn-xs btn-ghost",a.style.cssText="font-size:.73rem;margin-top:.2rem;",j(a,"plus","Add requirement rule"),a.addEventListener("click",()=>c.appendChild(V(null,p,d,"fb-logic-req-then","true"))),n.appendChild(a)}return n}function le(e){const t=document.createElement("div");t.className="fb-logic-val-rule",t.style.cssText="display:flex;gap:.35rem;align-items:center;margin-bottom:.35rem;flex-wrap:wrap;";const s=document.createElement("select");s.className="form-select fb-logic-val-type",s.style.cssText="flex:0 0 140px;",[{value:"regex",label:"Regex"},{value:"match",label:"Match field"}].forEach(p=>{const d=document.createElement("option");d.value=p.value,d.textContent=p.label,p.value===(e?.type||"regex")&&(d.selected=!0),s.appendChild(d)});const n=document.createElement("input");n.type="text",n.className="form-input fb-logic-val-pattern",n.placeholder=e?.type==="match"?"field name":"pattern",n.value=e?.pattern||e?.field||"",n.style.cssText="flex:3;";const o=document.createElement("input");o.type="text",o.className="form-input fb-logic-val-flags",o.placeholder="flags",o.value=e?.flags||"",o.style.cssText="flex:0 0 55px;",e?.type==="match"&&(o.style.display="none"),s.addEventListener("change",()=>{o.style.display=s.value==="match"?"none":"",n.placeholder=s.value==="match"?"field name":"pattern"});const l=document.createElement("input");l.type="text",l.className="form-input fb-logic-val-message",l.placeholder="Error message",l.value=e?.message||"",l.style.cssText="flex:4;";const c=document.createElement("button");return c.type="button",c.className="btn btn-xs btn-ghost",c.style.cssText="line-height:1;opacity:.6;",x(c,"x"),c.style.flexShrink="0",c.addEventListener("click",()=>t.remove()),t.appendChild(s),t.appendChild(n),t.appendChild(o),t.appendChild(l),t.appendChild(c),t}function Ee(e,t,s){const n=document.createElement("div");n.dataset.logicSection="validation",n.appendChild(D("Custom Validation"));const o=document.createElement("div");o.className="fb-logic-val-rules",(e||[]).forEach(c=>o.appendChild(le(c))),n.appendChild(o);const l=document.createElement("button");return l.type="button",l.className="btn btn-xs btn-ghost",l.style.cssText="font-size:.73rem;margin-top:.2rem;",j(l,"plus","Add validation rule"),l.addEventListener("click",()=>o.appendChild(le(null))),n.appendChild(l),n}function we(e,t,s){const n=document.createElement("div");n.dataset.logicSection="cascade",n.appendChild(D("Cascade Options"));const o=document.createElement("div");o.style.cssText="display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;";const l=document.createElement("span");l.textContent="Source field:",l.style.cssText="font-size:.8rem;flex-shrink:0;";const c=document.createElement("select");c.className="form-select fb-logic-cascade-source",c.style.cssText="flex:1;";const p=document.createElement("option");p.value="",p.textContent="\u2014 none \u2014",c.appendChild(p),s.forEach(u=>{const m=document.createElement("option");m.value=u.name,m.textContent=u.label||u.name,u.name===e.sourceField&&(m.selected=!0),c.appendChild(m)}),o.appendChild(l),o.appendChild(c),n.appendChild(o);const d=document.createElement("p");d.textContent='Mapping JSON \u2014 {"value":[{"value":"...","label":"..."}]}',d.style.cssText="font-size:.73rem;color:var(--dm-text-muted,#888);margin:.3rem 0 .2rem;";const a=document.createElement("textarea");a.className="form-input fb-logic-cascade-mapping",a.rows=4,a.style.cssText="font-family:monospace;",a.placeholder='{"uk": [{"value": "london", "label": "London"}]}',a.value=e.mapping?JSON.stringify(e.mapping,null,2):"",n.appendChild(d),n.appendChild(a);const r=document.createElement("p");r.textContent="Default options (one per line: value:Label)",r.style.cssText="font-size:.73rem;color:var(--dm-text-muted,#888);margin:.3rem 0 .2rem;";const i=document.createElement("textarea");return i.className="form-input fb-logic-cascade-defaults",i.rows=3,i.style.cssText="font-family:monospace;",i.placeholder=`option1:Option 1
+option2:Option 2`,i.value=(e.defaultOptions||[]).map(u=>{const m=typeof u=="string"?u:u.value??"",f=typeof u=="string"?u:u.label??m;return m===f?m:`${m}:${f}`}).join(`
+`),n.appendChild(r),n.appendChild(i),n}function ke(e,t){const s=e.logic||{},n=b.filter((i,u)=>u!==t&&i.type!=="page-break"&&i.type!=="spacer"),o=document.createElement("div");o.className="fb-field-logic",o.style.cssText="margin-top:.75rem;border-top:1px solid var(--dm-border,#333);padding-top:.5rem;";const l=document.createElement("div");l.style.cssText="display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:.15rem 0;";const c=document.createElement("span");c.style.cssText="font-size:.8rem;font-weight:600;color:var(--dm-text-muted,#888);",c.textContent="\u26A1 Conditional Logic";const p=te(s),d=document.createElement("button");d.type="button",d.className="btn btn-xs btn-ghost",x(d,p?"chevron-down":"chevron-right",12);const a=document.createElement("div");a.className="fb-logic-body",a.style.cssText="padding:.25rem 0 .25rem;"+(p?"":"display:none;"),l.addEventListener("click",()=>{const i=a.style.display==="none";a.style.display=i?"":"none",d.textContent=i?"\u25BE":"\u25B8"}),l.appendChild(c),l.appendChild(d),o.appendChild(l),a.appendChild(xe(s.visibility||{},t,n)),a.appendChild(Ce(s.requirement||{},t,n)),a.appendChild(Ee(s.validation||[],t,n));const r=document.getElementById(`fb-type-${t}`)?.value||e.type;return J.has(r)&&a.appendChild(we(s.cascade||{},t,n)),o.appendChild(a),o}function oe(e,t,s){const n=document.createElement("div");return n.className="fb-field-extras",e==="chooser"?(n.appendChild(Se(t,s)),n.appendChild(Ne(t.options||[],s))):(J.has(e)&&n.appendChild(Be(t.options||[],s)),e==="textarea"&&n.appendChild(k([S("Rows",`fb-rows-${s}`,"number",t.formConfig?.rows||4,"Height of textarea")])),(e==="string"||e==="textarea")&&n.appendChild(k([S("Min Length",`fb-minlength-${s}`,"number",t.minLength||"",""),S("Max Length",`fb-maxlength-${s}`,"number",t.maxLength||"","")])),e==="number"&&n.appendChild(k([S("Min",`fb-min-${s}`,"number",t.min??"",""),S("Max",`fb-max-${s}`,"number",t.max??"","")]))),n.children.length?n:null}function ae(e){const t=document.createElement("div");t.className="fb-chooser-section",t.style.cssText="border:1px solid var(--dm-border, #e5e7eb); border-radius:6px; margin-top:.5rem; overflow:hidden;";const s=document.createElement("div");s.style.cssText="padding:.4rem .6rem; background:color-mix(in srgb, var(--dm-background, #f9fafb) 60%, transparent); font-weight:600; font-size:.82rem; border-bottom:1px solid var(--dm-border, #e5e7eb);",s.textContent=e,t.appendChild(s);const n=document.createElement("div");return n.className="fb-chooser-section-body",n.style.cssText="padding:.55rem .6rem; display:flex; flex-direction:column; gap:.45rem;",t.appendChild(n),{wrap:t,body:n}}function H(e,t,s,n,o){const l=document.createElement("div");l.style.flex="1";const c=document.createElement("label");c.htmlFor=e,c.className="form-label",c.textContent=t,c.style.fontSize=".8rem";const p=document.createElement("select");if(p.id=e,p.className="form-input",n.forEach(([d,a])=>{const r=document.createElement("option");r.value=d,r.textContent=a,String(d)===String(s)&&(r.selected=!0),p.appendChild(r)}),l.appendChild(c),l.appendChild(p),o){const d=document.createElement("p");d.className="form-hint text-muted",d.textContent=o,d.style.cssText="font-size:.72rem;margin-top:.2rem;",l.appendChild(d)}return l}function se(e,t,s,n){const o=document.createElement("div");o.style.flex="1";const l=document.createElement("label");l.style.cssText="display:inline-flex;align-items:center;gap:.4rem;font-size:.82rem;";const c=document.createElement("input");if(c.id=e,c.type="checkbox",c.checked=!!s,l.appendChild(c),l.appendChild(document.createTextNode(" "+t)),o.appendChild(l),n){const p=document.createElement("p");p.className="form-hint text-muted",p.textContent=n,p.style.cssText="font-size:.72rem;margin-top:.2rem;",o.appendChild(p)}return o}function Q(e,t,s,n,o){const l=document.createElement("div");l.style.flex="1";const c=document.createElement("label");c.htmlFor=e,c.className="form-label",c.textContent=t,c.style.fontSize=".8rem",l.appendChild(c);const p=document.createElement("div");p.style.cssText="display:flex;gap:.4rem;align-items:stretch;";const d=document.createElement("input");d.id=e,d.type="text",d.className="form-input",d.value=s||"",n&&(d.placeholder=n),d.style.flex="1";const a=document.createElement("input");a.type="color",a.title="Pick a colour",a.style.cssText="width:36px;height:auto;padding:0;border:1px solid var(--dm-border,#e5e7eb);border-radius:4px;cursor:pointer;";const r=String(d.value).match(/^#[0-9a-fA-F]{3,8}$/);if(a.value=r?d.value:"#000000",a.addEventListener("input",()=>{d.value=a.value,d.dispatchEvent(new Event("input",{bubbles:!0}))}),p.appendChild(d),p.appendChild(a),l.appendChild(p),o){const i=document.createElement("p");i.className="form-hint text-muted",i.textContent=o,i.style.cssText="font-size:.72rem;margin-top:.2rem;",l.appendChild(i)}return l}function Se(e,t){const s=document.createElement("div");s.style.cssText="margin-top:.5rem; display:flex; flex-direction:column; gap:.4rem;";const n=ae("Layout");n.body.appendChild(k([H(`fb-chooser-variant-${t}`,"Variant",e.variant||"card",[["card","Card \u2014 rich tiles"],["chip","Chip \u2014 compact pills"]],"Card supports description and grid columns; chips wrap."),se(`fb-chooser-multiple-${t}`,"Multi-select",!!e.multiple,"Off = single (radio); on = multi (checkbox).")])),n.body.appendChild(k([H(`fb-chooser-density-${t}`,"Density",e.density||"comfortable",[["comfortable","Comfortable"],["compact","Compact"]],"Compact strips description (card variant only)."),S("Columns",`fb-chooser-columns-${t}`,"number",e.columns||3,"Card grid (1\u20136). Ignored for chips.")])),s.appendChild(n.wrap);const o=ae("Visual");return o.body.appendChild(k([Q(`fb-chooser-accent-${t}`,"Accent",e.accent||"","primary / success / #ec4899","Selected highlight colour \u2014 semantic name or any CSS colour."),H(`fb-chooser-accent-style-${t}`,"Accent style",e.accentStyle||"border",[["border","Border (default)"],["solid","Solid"],["glow","Glow"],["overlay","Overlay"],["underline","Underline"]],"Visual treatment of the selected state.")])),o.body.appendChild(k([se(`fb-chooser-glow-${t}`,"Glow on selected",!!e.glow,"Soft outer glow."),Q(`fb-chooser-glow-colour-${t}`,"Glow colour",e.glowColour||"","defaults to accent","Optional; semantic name or CSS colour.")])),o.body.appendChild(k([H(`fb-chooser-shadow-${t}`,"Shadow",e.shadow||"none",[["none","None"],["sm","Small"],["md","Medium"],["lg","Large"],["xl","Extra Large"]],"Drop shadow on every option."),Q(`fb-chooser-shadow-colour-${t}`,"Shadow colour",e.shadowColour||"","rgba(0,0,0,0.1)","Optional shadow tint.")])),s.appendChild(o.wrap),s}function Te(e,t,s,n){const o=document.createElement("div");o.className="fb-chooser-option-row",o.dataset.optIdx=String(s),o.style.cssText="border:1px solid var(--dm-border,#e5e7eb); border-radius:4px; padding:.5rem; background:var(--dm-background-alt, color-mix(in srgb, var(--dm-card-bg, #fff) 92%, var(--dm-text, #111))); display:flex; flex-direction:column; gap:.35rem;";const l=document.createElement("div");l.style.cssText="display:flex; gap:.4rem; align-items:center;";const c=document.createElement("div");c.style.cssText="display:flex; flex-direction:column; gap:1px;";const p=document.createElement("button");p.type="button",p.className="btn btn-xs btn-ghost",p.title="Move up",x(p,"arrow-up"),p.addEventListener("click",$=>{$.preventDefault(),ie(t,s,-1,n)});const d=document.createElement("button");d.type="button",d.className="btn btn-xs btn-ghost",d.title="Move down",x(d,"arrow-down"),d.addEventListener("click",$=>{$.preventDefault(),ie(t,s,1,n)}),c.appendChild(p),c.appendChild(d),l.appendChild(c);const a=document.createElement("input");a.type="text",a.className="form-input fb-chooser-opt-value",a.placeholder="value",a.value=e.value||"",a.style.flex="1",l.appendChild(a);const r=document.createElement("input");r.type="text",r.className="form-input fb-chooser-opt-label",r.placeholder="label (visible to users)",r.value=e.label||"",r.style.flex="2",l.appendChild(r);const i=document.createElement("button");i.type="button",i.className="btn btn-xs btn-ghost",i.style.cssText="line-height:1;opacity:.6;",i.title="Remove option",x(i,"x"),i.addEventListener("click",$=>{$.preventDefault(),Le(t,s,n)}),l.appendChild(i),o.appendChild(l);const u=document.createElement("div");u.style.cssText="display:flex; gap:.4rem;";const m=me("icon name (optional)",e.icon||"");m.input.classList.add("fb-chooser-opt-icon"),m.el.style.flex="1",u.appendChild(m.el);const f=document.createElement("input");f.type="text",f.className="form-input fb-chooser-opt-description",f.placeholder="description (card + comfortable only)",f.value=e.description||"",f.style.flex="2",u.appendChild(f),o.appendChild(u);const y=document.createElement("div");y.style.cssText="display:flex; gap:.4rem;";const h=document.createElement("input");h.type="text",h.className="form-input fb-chooser-opt-tooltip",h.placeholder="tooltip (hover hint)",h.value=e.tooltip||"",h.style.flex="2",y.appendChild(h);const g=document.createElement("input");g.type="text",g.className="form-input fb-chooser-opt-badge-text",g.placeholder="badge text",g.value=e.badge?.text||"",g.style.flex="1",y.appendChild(g);const v=document.createElement("select");v.className="form-input fb-chooser-opt-badge-type",v.style.flex="1",[["","no badge"],["primary","primary"],["success","success"],["info","info"],["warning","warning"],["danger","danger"]].forEach(([$,A])=>{const O=document.createElement("option");O.value=$,O.textContent=A,(e.badge?.type||"")===$&&(O.selected=!0),v.appendChild(O)}),y.appendChild(v),o.appendChild(y);const w=document.createElement("div");w.style.cssText="display:flex; gap:1rem; font-size:.8rem;";const C=document.createElement("label");C.style.cssText="display:inline-flex;align-items:center;gap:.3rem;";const q=document.createElement("input");q.type="checkbox",q.className="fb-chooser-opt-recommended",q.checked=!!e.recommended,C.appendChild(q),C.appendChild(document.createTextNode(" Recommended")),w.appendChild(C);const z=document.createElement("label");z.style.cssText="display:inline-flex;align-items:center;gap:.3rem;";const B=document.createElement("input");return B.type="checkbox",B.className="fb-chooser-opt-disabled",B.checked=!!e.disabled,z.appendChild(B),z.appendChild(document.createTextNode(" Disabled")),w.appendChild(z),o.appendChild(w),o}function Ne(e,t){const s=document.createElement("div");s.style.cssText="margin-top:.5rem;";const n=document.createElement("div");n.style.cssText="display:flex; align-items:center; justify-content:space-between; margin-bottom:.4rem;";const o=document.createElement("p");o.textContent="Options",o.style.cssText="font-size:.85rem;font-weight:600;margin:0;",n.appendChild(o);const l=document.createElement("button");l.type="button",l.className="btn btn-xs btn-ghost",j(l,"plus","Add option"),n.appendChild(l),s.appendChild(n);const c=document.createElement("div");c.className="fb-chooser-options-list",c.id=`fb-chooser-options-${t}`,c.style.cssText="display:flex; flex-direction:column; gap:.4rem;",s.appendChild(c);const p=()=>{c.replaceChildren();const d=qe(t);(d.length?d:e||[]).forEach((r,i)=>{c.appendChild(Te(r,t,i,p))})};return l.addEventListener("click",d=>{d.preventDefault(),$e(t,p)}),p(),s}function qe(e){const t=b[e];return!t||!Array.isArray(t.options)?[]:t.options}function Y(e){return b[e]?(Array.isArray(b[e].options)||(b[e].options=[]),b[e].options):[]}function $e(e,t){U(e),Y(e).push({value:"new",label:"New option"}),t()}function Le(e,t,s){U(e),Y(e).splice(t,1),s()}function ie(e,t,s,n){U(e);const o=Y(e),l=t+s;if(l<0||l>=o.length)return;const[c]=o.splice(t,1);o.splice(l,0,c),n()}function U(e){const t=document.getElementById(`fb-chooser-options-${e}`);if(!t)return;const s=t.querySelectorAll(".fb-chooser-option-row"),n=[];s.forEach(o=>{const l={value:o.querySelector(".fb-chooser-opt-value")?.value.trim()||"",label:o.querySelector(".fb-chooser-opt-label")?.value.trim()||""},c=o.querySelector(".fb-chooser-opt-icon")?.value.trim();c&&(l.icon=c);const p=o.querySelector(".fb-chooser-opt-description")?.value.trim();p&&(l.description=p);const d=o.querySelector(".fb-chooser-opt-tooltip")?.value.trim();d&&(l.tooltip=d);const a=o.querySelector(".fb-chooser-opt-badge-text")?.value.trim(),r=o.querySelector(".fb-chooser-opt-badge-type")?.value;(a||r)&&(l.badge={},a&&(l.badge.text=a),r&&(l.badge.type=r)),o.querySelector(".fb-chooser-opt-recommended")?.checked&&(l.recommended=!0),o.querySelector(".fb-chooser-opt-disabled")?.checked&&(l.disabled=!0),n.push(l)}),b[e]&&(b[e].options=n)}function k(e){const t=document.createElement("div");return t.style.cssText="display:flex;gap:.75rem;margin-bottom:.6rem;",e.forEach(s=>{s&&t.appendChild(s)}),t}function S(e,t,s,n,o){const l=document.createElement("div");l.style.flex="1";const c=document.createElement("label");c.htmlFor=t,c.className="form-label",c.textContent=e,c.style.fontSize=".8rem";const p=document.createElement("input");if(p.id=t,p.type=s||"text",p.className="form-input",p.value=n??"",l.appendChild(c),l.appendChild(p),o){const d=document.createElement("p");d.className="form-hint text-muted",d.textContent=o,d.style.cssText="font-size:.73rem;margin-top:.2rem;",l.appendChild(d)}return l}function ze(e,t,s,n){const o=document.createElement("div");o.style.flex="1";const l=document.createElement("label");l.htmlFor=t,l.className="form-label",l.textContent=e,l.style.fontSize=".8rem";const c=document.createElement("select");return c.id=t,c.className="form-select",s.forEach(p=>{const d=document.createElement("option");d.value=p.value,d.textContent=p.label,p.value===n&&(d.selected=!0),c.appendChild(d)}),o.appendChild(l),o.appendChild(c),o}function ce(e,t,s){const n=document.createElement("div");n.style.cssText="flex:0;min-width:80px;display:flex;flex-direction:column;justify-content:flex-end;";const o=document.createElement("label");o.style.cssText="display:flex;align-items:center;gap:.4rem;cursor:pointer;font-size:.8rem;white-space:nowrap;";const l=document.createElement("input");return l.id=t,l.type="checkbox",l.checked=s,o.appendChild(l),o.appendChild(document.createTextNode(e)),n.appendChild(o),n}function Be(e,t){const s=document.createElement("div");s.style.cssText="margin-top:.4rem;";const n=document.createElement("p");n.textContent="Options (one per line: value or value:Label)",n.style.cssText="font-size:.8rem;font-weight:600;margin-bottom:.3rem;";const o=document.createElement("textarea");return o.id=`fb-options-${t}`,o.className="form-input",o.rows=4,o.placeholder=`yes:Yes
 no:No
-maybe:Maybe`,o.value=(e||[]).map(l=>{const a=typeof l=="string"?l:l.value??"",i=typeof l=="string"?l:l.label??a;return a===i?a:`${a}:${i}`}).join(`
-`),o.style.fontFamily="monospace",s.appendChild(n),s.appendChild(o),s}function oe(e){const t=e.find("#field-project").val()||"";return C(),{title:e.find("#field-title").val().trim(),slug:e.find("#field-slug").val().trim(),description:e.find("#field-description").val().trim(),...e.find("#field-bundled").is(":checked")?{bundled:!0}:{},meta:{...V||{},project:t||null},fields:b,settings:{submitText:e.find("#setting-submit-text").val().trim()||"Submit",successMessage:e.find("#setting-success-message").val().trim()||"Thank you.",layout:e.find("#setting-layout").val()||"stacked",columns:parseInt(e.find("#setting-columns").val(),10)||2,submitSpan:e.find("#setting-submit-span").val()||"",honeypot:e.find("#setting-honeypot").prop("checked"),rateLimitPerMinute:parseInt(e.find("#setting-rate-limit").val(),10)||3,successRedirect:e.find("#setting-success-redirect").val().trim()||null,actionSlug:e.find("#action-cms-slug").val()||null},actions:{email:{enabled:e.find("#action-email-enabled").prop("checked"),recipients:e.find("#action-email-recipients").val().trim(),subjectPrefix:e.find("#action-email-subject-prefix").val().trim()},webhook:{enabled:e.find("#action-webhook-enabled").prop("checked"),url:e.find("#action-webhook-url").val().trim(),method:e.find("#action-webhook-method").val()},...O!==null&&{collection:O}}}}function qe(e){const t=[];let s=[],n="Step 1",o="";return e.forEach(l=>{l.type==="page-break"?(t.push({title:n,description:o,fields:s}),s=[],n=l.label||`Step ${t.length+1}`,o=l.description||""):l.type!=="spacer"&&s.push(l)}),(s.length||t.length===0)&&t.push({title:n,description:o,fields:s}),t}function ae(e,t){const s={};return e.forEach(n=>{if(n.type==="page-break"||n.type==="spacer")return;const o={...n.formConfig||{}};o.span==="full"&&t&&(o.span=t);const a={type:n.type==="checkbox"?"boolean":n.type==="date"?"string":n.type,label:n.label,required:n.required,options:n.options,formConfig:{...n.placeholder&&{placeholder:n.placeholder},...n.helper&&{helperText:n.helper},...n.tooltip&&{tooltip:n.tooltip},...o}};n.type==="chooser"&&(n.variant&&(a.variant=n.variant),n.multiple&&(a.multiple=!0),n.density&&(a.density=n.density),n.columns&&(a.columns=n.columns),n.accent&&(a.accent=n.accent),n.accentStyle&&(a.accentStyle=n.accentStyle),n.glow&&(a.glow=!0),n.glowColour&&(a.glowColour=n.glowColour),n.shadow&&(a.shadow=n.shadow),n.shadowColour&&(a.shadowColour=n.shadowColour)),s[n.name]=a}),s}function se(e,t){const s=typeof e=="string"?document.querySelector(e):e;s&&(t||[]).forEach(n=>{if(n.type!=="date"||!n.name)return;const o=s.querySelector(`[name="${n.name}"]`);o&&o.type!=="date"&&(o.type="date")})}export const formEditorView={templateUrl:"/admin/js/templates/form-editor.html",async onMount(e){b=[],T=null,O=null;const t=window.location.hash.match(/\/forms\/edit\/([^/?#]+)/);T=t?t[1]:null;let s=null;if(T)try{s=await z(`/forms/${T}`),b=s.fields||[],O=s.actions?.collection??null}catch{E.toast("Could not load form.",{type:"error"})}V={};try{const l=await z("/projects").catch(()=>[]),a=e.find("#field-project").get(0);a&&(Array.isArray(l)?l:[]).forEach(i=>{const c=document.createElement("option");c.value=i.slug,c.textContent=i.name||i.slug,a.appendChild(c)})}catch{}if(s?e.find("#editor-title").get(0).textContent=`Edit: ${s.title}`:e.find("#editor-title").get(0).textContent="New Form",T||e.find("#field-title").get(0).addEventListener("input",function(){e.find("#field-slug").val(W(this.value))}),E.tabs(e.find("#editor-tabs").get(0)),s){e.find("#field-title").val(s.title),e.find("#field-slug").val(s.slug),e.find("#field-description").val(s.description||""),e.find("#field-bundled").prop("checked",!!s.bundled),V=s.meta||{},e.find("#field-project").val(s.meta?.project||"");const l=s.settings||{};e.find("#setting-submit-text").val(l.submitText||"Submit"),e.find("#setting-success-message").val(l.successMessage||""),e.find("#setting-layout").val(l.layout||"stacked"),e.find("#setting-columns").val(l.columns||2),e.find("#setting-submit-span").val(l.submitSpan||""),e.find("#columns-group").get(0).style.display=l.layout==="grid"?"":"none",e.find("#setting-honeypot").prop("checked",l.honeypot!==!1),e.find("#setting-rate-limit").val(l.rateLimitPerMinute||3),e.find("#setting-success-redirect").val(l.successRedirect||"");const a=s.actions?.email||{};e.find("#action-email-enabled").prop("checked",a.enabled||!1),e.find("#action-email-recipients").val(a.recipients||""),e.find("#action-email-subject-prefix").val(a.subjectPrefix||"");const i=s.actions?.webhook||{};e.find("#action-webhook-enabled").prop("checked",i.enabled||!1),e.find("#action-webhook-url").val(i.url||""),e.find("#action-webhook-method").val(i.method||"POST")}const n=s?.settings?.actionSlug||"";try{const l=await z("/actions").catch(()=>[]),a=e.find("#action-cms-slug").get(0);if((Array.isArray(l)?l:[]).forEach(i=>{const c=document.createElement("option");c.value=i.slug,c.textContent=i.title||i.slug,i.slug===n&&(c.selected=!0),a.appendChild(c)}),!l.length){const i=document.createElement("option");i.value="",i.textContent="No actions available",i.disabled=!0,a.appendChild(i)}}catch{}e.find("#setting-layout").get(0)?.addEventListener("change",function(){const l=this.value==="grid";e.find("#columns-group").get(0).style.display=l?"":"none",document.querySelectorAll(".fb-grid-row").forEach(a=>{a.style.display=l?"flex":"none"})}),w(e);const o=e.find("#add-element-menu").get(0);e.find("#add-element-btn").get(0).addEventListener("click",l=>{l.stopPropagation(),o.style.display=o.style.display==="none"?"":"none"}),M&&document.removeEventListener("click",M),M=()=>{o&&(o.style.display="none")},document.addEventListener("click",M),e.find("#add-field-btn").get(0).addEventListener("click",()=>{o&&(o.style.display="none"),C();const l=b.length;b.push({name:`field_${l+1}`,type:"string",label:"New Field",required:!1,placeholder:""}),w(e);const a=e.find("#fields-list").get(0)?.lastElementChild;if(a){const i=a.querySelector(".fb-field-body");i&&(i.style.display="")}}),e.find("#add-spacer-btn").get(0).addEventListener("click",()=>{o&&(o.style.display="none"),C(),b.push({type:"spacer"}),w(e)}),e.find("#add-page-break-btn").get(0).addEventListener("click",()=>{o&&(o.style.display="none"),C();const l=b.filter(a=>a.type==="page-break").length+2;b.push({type:"page-break",label:`Step ${l}`,description:""}),w(e)}),e.find("#save-form-btn").get(0).addEventListener("click",async()=>{const l=oe(e);if(!l.title){E.toast("Please enter a form title.",{type:"error"});return}try{T?(await z(`/forms/${T}`,{method:"PUT",body:JSON.stringify(l)}),E.toast("Form saved.",{type:"success"})):(T=(await z("/forms",{method:"POST",body:JSON.stringify(l)})).slug,R.navigate(`/forms/edit/${T}`),E.toast("Form created.",{type:"success"}))}catch(a){E.toast(a.message||"Failed to save form.",{type:"error"})}}),e.find("#preview-btn").get(0).addEventListener("click",()=>{const l=oe(e),a=e.find("#preview-container").get(0);if(!a)return;const i=e.find("#preview-test-result").get(0),c=e.find("#preview-test-badge").get(0);i&&(i.style.display="none",i.textContent=""),c&&(c.style.display=T?"":"none"),e.find("#preview-card").get(0).style.display="",a.textContent="";const r=document.createElement("div");r.id="fb-preview-form",a.appendChild(r);const m=T?async u=>{i&&(i.style.display="none",i.textContent="");try{const d=await fetch(`/api/forms/submit/${T}`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(u)}),f=await d.json();if(!d.ok)throw new Error(f.error||"Submission failed.");i&&(i.textContent=f.message||l.settings?.successMessage||"Submitted successfully.",i.style.cssText="display:block;margin-top:.75rem;padding:.6rem .9rem;border-radius:6px;font-size:.9rem;background:rgba(34,197,94,.12);color:var(--success,#22c55e);"),E.toast("Test submission stored.",{type:"success"})}catch(d){i&&(i.textContent=d.message,i.style.cssText="display:block;margin-top:.75rem;padding:.6rem .9rem;border-radius:6px;font-size:.9rem;background:rgba(239,68,68,.12);color:var(--danger,#ef4444);"),E.toast(d.message,{type:"error"})}return!1}:()=>!1,p=l.fields.some(u=>u.type==="page-break");if(typeof F<"u"){const u=l.settings?.columns||2,d=l.settings?.layout||"stacked";if(p&&F.wizard){const f=qe(l.fields).map(g=>({title:g.title,description:g.description,fields:ae(g.fields,u)}));F.wizard("#fb-preview-form",{schema:{steps:f},onSubmit:m}),se("#fb-preview-form",l.fields)}else if(F.render){const f=ae(l.fields,u),g={};if(l.fields.forEach(h=>{if(!(!h.name||h.type==="page-break"||h.type==="spacer")&&(h.type==="select"||h.type==="multiselect")&&h.required){const y=(h.options||[])[0];y&&(g[h.name]=typeof y=="object"?y.value:y)}}),F.render("#fb-preview-form",f,g,{submitText:l.settings?.submitText||"Submit",layout:d,columns:u,onSubmit:m}),d==="grid"&&l.settings?.submitSpan==="full"){const h=document.querySelector("#fb-preview-form .form-buttons");h&&h.classList.add("col-span-full")}se("#fb-preview-form",l.fields)}window.FormLogicEngine&&l.fields.some(f=>f.logic)&&requestAnimationFrame(()=>{new window.FormLogicEngine.FormLogicRuntime({fields:l.fields},r).init()})}else{const u=document.createElement("p");u.textContent=`${l.fields.filter(d=>d.type!=="page-break").length} field(s): ${l.fields.filter(d=>d.type!=="page-break").map(d=>d.label).join(", ")}`,u.style.cssText="color:var(--muted);font-style:italic;",r.appendChild(u)}e.find("#preview-card").get(0).scrollIntoView({behavior:"smooth",block:"start"})})}};
+maybe:Maybe`,o.value=(e||[]).map(l=>{const c=typeof l=="string"?l:l.value??"",p=typeof l=="string"?l:l.label??c;return c===p?c:`${c}:${p}`}).join(`
+`),o.style.fontFamily="monospace",s.appendChild(n),s.appendChild(o),s}function re(e){const t=e.find("#field-project").val()||"";return T(),{title:e.find("#field-title").val().trim(),slug:e.find("#field-slug").val().trim(),description:e.find("#field-description").val().trim(),...e.find("#field-bundled").is(":checked")?{bundled:!0}:{},meta:{...G||{},project:t||null},fields:b,settings:{submitText:e.find("#setting-submit-text").val().trim()||"Submit",successMessage:e.find("#setting-success-message").val().trim()||"Thank you.",layout:e.find("#setting-layout").val()||"stacked",columns:parseInt(e.find("#setting-columns").val(),10)||2,submitSpan:e.find("#setting-submit-span").val()||"",honeypot:e.find("#setting-honeypot").prop("checked"),rateLimitPerMinute:parseInt(e.find("#setting-rate-limit").val(),10)||3,successRedirect:e.find("#setting-success-redirect").val().trim()||null,actionSlug:e.find("#action-cms-slug").val()||null},actions:{email:{enabled:e.find("#action-email-enabled").prop("checked"),recipients:e.find("#action-email-recipients").val().trim(),subjectPrefix:e.find("#action-email-subject-prefix").val().trim()},webhook:{enabled:e.find("#action-webhook-enabled").prop("checked"),url:e.find("#action-webhook-url").val().trim(),method:e.find("#action-webhook-method").val()},...P!==null&&{collection:P}}}}function Ie(e){const t=[];let s=[],n="Step 1",o="";return e.forEach(l=>{l.type==="page-break"?(t.push({title:n,description:o,fields:s}),s=[],n=l.label||`Step ${t.length+1}`,o=l.description||""):l.type!=="spacer"&&s.push(l)}),(s.length||t.length===0)&&t.push({title:n,description:o,fields:s}),t}function de(e,t){const s={};return e.forEach(n=>{if(n.type==="page-break"||n.type==="spacer")return;const o={...n.formConfig||{}};o.span==="full"&&t&&(o.span=t);const c={type:n.type==="checkbox"?"boolean":n.type==="date"?"string":n.type,label:n.label,required:n.required,options:n.options,formConfig:{...n.placeholder&&{placeholder:n.placeholder},...n.helper&&{helperText:n.helper},...n.tooltip&&{tooltip:n.tooltip},...o}};n.type==="chooser"&&(n.variant&&(c.variant=n.variant),n.multiple&&(c.multiple=!0),n.density&&(c.density=n.density),n.columns&&(c.columns=n.columns),n.accent&&(c.accent=n.accent),n.accentStyle&&(c.accentStyle=n.accentStyle),n.glow&&(c.glow=!0),n.glowColour&&(c.glowColour=n.glowColour),n.shadow&&(c.shadow=n.shadow),n.shadowColour&&(c.shadowColour=n.shadowColour)),s[n.name]=c}),s}function pe(e,t){const s=typeof e=="string"?document.querySelector(e):e;s&&(t||[]).forEach(n=>{if(n.type!=="date"||!n.name)return;const o=s.querySelector(`[name="${n.name}"]`);o&&o.type!=="date"&&(o.type="date")})}export const formEditorView={templateUrl:"/admin/js/templates/form-editor.html",async onMount(e){b=[],L=null,P=null;const t=window.location.hash.match(/\/forms\/edit\/([^/?#]+)/);L=t?t[1]:null;let s=null;const n=E.loader(e.get(0),{type:"dots"});if(L)try{s=await I(`/forms/${L}`),b=s.fields||[],P=s.actions?.collection??null}catch{E.toast("Could not load form.",{type:"error"})}G={};try{const a=await I("/projects").catch(()=>[]),r=e.find("#field-project").get(0);r&&(Array.isArray(a)?a:[]).forEach(i=>{const u=document.createElement("option");u.value=i.slug,u.textContent=i.name||i.slug,r.appendChild(u)})}catch{}if(n.destroy(),s?e.find("#editor-title").get(0).textContent=`Edit: ${s.title}`:e.find("#editor-title").get(0).textContent="New Form",L||e.find("#field-title").get(0).addEventListener("input",function(){e.find("#field-slug").val(Z(this.value))}),E.tabs(e.find("#editor-tabs").get(0)),s){e.find("#field-title").val(s.title),e.find("#field-slug").val(s.slug),e.find("#field-description").val(s.description||""),e.find("#field-bundled").prop("checked",!!s.bundled),G=s.meta||{},e.find("#field-project").val(s.meta?.project||"");const a=s.settings||{};e.find("#setting-submit-text").val(a.submitText||"Submit"),e.find("#setting-success-message").val(a.successMessage||""),e.find("#setting-layout").val(a.layout||"stacked"),e.find("#setting-columns").val(a.columns||2),e.find("#setting-submit-span").val(a.submitSpan||""),e.find("#columns-group").get(0).style.display=a.layout==="grid"?"":"none",e.find("#setting-honeypot").prop("checked",a.honeypot!==!1),e.find("#setting-rate-limit").val(a.rateLimitPerMinute||3),e.find("#setting-success-redirect").val(a.successRedirect||"");const r=s.actions?.email||{};e.find("#action-email-enabled").prop("checked",r.enabled||!1),e.find("#action-email-recipients").val(r.recipients||""),e.find("#action-email-subject-prefix").val(r.subjectPrefix||"");const i=s.actions?.webhook||{};e.find("#action-webhook-enabled").prop("checked",i.enabled||!1),e.find("#action-webhook-url").val(i.url||""),e.find("#action-webhook-method").val(i.method||"POST")}const o=s?.settings?.actionSlug||"";try{const a=await I("/actions").catch(()=>[]),r=e.find("#action-cms-slug").get(0);if((Array.isArray(a)?a:[]).forEach(i=>{const u=document.createElement("option");u.value=i.slug,u.textContent=i.title||i.slug,i.slug===o&&(u.selected=!0),r.appendChild(u)}),!a.length){const i=document.createElement("option");i.value="",i.textContent="No actions available",i.disabled=!0,r.appendChild(i)}}catch{}e.find("#setting-layout").get(0)?.addEventListener("change",function(){const a=this.value==="grid";e.find("#columns-group").get(0).style.display=a?"":"none",document.querySelectorAll(".fb-grid-row").forEach(r=>{r.style.display=a?"flex":"none"})}),N(e);const l=e.find("#add-element-menu").get(0);e.find("#add-element-btn").get(0).addEventListener("click",a=>{a.stopPropagation(),l.style.display=l.style.display==="none"?"":"none"}),M&&document.removeEventListener("click",M),M=()=>{l&&(l.style.display="none")},document.addEventListener("click",M),e.find("#add-field-btn").get(0).addEventListener("click",()=>{l&&(l.style.display="none"),T();const a=b.length;b.push({name:`field_${a+1}`,type:"string",label:"New Field",required:!1,placeholder:""}),N(e);const r=e.find("#fields-list").get(0)?.lastElementChild;if(r){const i=r.querySelector(".fb-field-body");i&&(i.style.display="")}}),e.find("#add-spacer-btn").get(0).addEventListener("click",()=>{l&&(l.style.display="none"),T(),b.push({type:"spacer"}),N(e)}),e.find("#add-page-break-btn").get(0).addEventListener("click",()=>{l&&(l.style.display="none"),T();const a=b.filter(r=>r.type==="page-break").length+2;b.push({type:"page-break",label:`Step ${a}`,description:""}),N(e)}),e.find("#save-form-btn").get(0).addEventListener("click",async()=>{const a=re(e);if(!a.title){E.toast("Please enter a form title.",{type:"error"});return}try{L?(await I(`/forms/${L}`,{method:"PUT",body:JSON.stringify(a)}),E.toast("Form saved.",{type:"success"})):(L=(await I("/forms",{method:"POST",body:JSON.stringify(a)})).slug,R.navigate(`/forms/edit/${L}`),E.toast("Form created.",{type:"success"}))}catch(r){E.toast(r.message||"Failed to save form.",{type:"error"})}}),_=()=>{const a=re(e),r=e.find("#preview-container").get(0);if(!r)return;const i=e.find("#preview-test-result").get(0),u=e.find("#preview-test-badge").get(0);i&&(i.style.display="none",i.textContent=""),u&&(u.style.display=L?"":"none"),e.find("#preview-card").get(0).style.display="",r.textContent="";const m=document.createElement("div");m.id="fb-preview-form",r.appendChild(m);const f=L?async h=>{i&&(i.style.display="none",i.textContent="");try{const g=await fetch(`/api/forms/submit/${L}`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(h)}),v=await g.json();if(!g.ok)throw new Error(v.error||"Submission failed.");i&&(i.textContent=v.message||a.settings?.successMessage||"Submitted successfully.",i.style.cssText="display:block;margin-top:.75rem;padding:.6rem .9rem;border-radius:6px;font-size:.9rem;background:color-mix(in srgb, var(--dm-success) 12%, transparent);color:var(--dm-success,#22c55e);"),E.toast("Test submission stored.",{type:"success"})}catch(g){i&&(i.textContent=g.message,i.style.cssText="display:block;margin-top:.75rem;padding:.6rem .9rem;border-radius:6px;font-size:.9rem;background:color-mix(in srgb, var(--dm-danger) 12%, transparent);color:var(--dm-danger,#ef4444);"),E.toast(g.message,{type:"error"})}return!1}:()=>!1,y=a.fields.some(h=>h.type==="page-break");if(typeof F<"u"){const h=a.settings?.columns||2,g=a.settings?.layout||"stacked";if(y&&F.wizard){const v=Ie(a.fields).map(w=>({title:w.title,description:w.description,fields:de(w.fields,h)}));F.wizard("#fb-preview-form",{schema:{steps:v},onSubmit:f}),pe("#fb-preview-form",a.fields)}else if(F.render){const v=de(a.fields,h),w={};if(a.fields.forEach(C=>{if(!(!C.name||C.type==="page-break"||C.type==="spacer")&&(C.type==="select"||C.type==="multiselect")&&C.required){const q=(C.options||[])[0];q&&(w[C.name]=typeof q=="object"?q.value:q)}}),F.render("#fb-preview-form",v,w,{submitText:a.settings?.submitText||"Submit",layout:g,columns:h,onSubmit:f}),g==="grid"&&a.settings?.submitSpan==="full"){const C=document.querySelector("#fb-preview-form .form-buttons");C&&C.classList.add("col-span-full")}pe("#fb-preview-form",a.fields)}window.FormLogicEngine&&a.fields.some(v=>v.logic)&&requestAnimationFrame(()=>{new window.FormLogicEngine.FormLogicRuntime({fields:a.fields},m).init()})}else{const h=document.createElement("p");h.textContent=`${a.fields.filter(g=>g.type!=="page-break").length} field(s): ${a.fields.filter(g=>g.type!=="page-break").map(g=>g.label).join(", ")}`,h.style.cssText="color:var(--dm-text-muted);font-style:italic;",m.appendChild(h)}},_();const c=e.find("#editor-tabs").get(0),p=e.find("#preview-card").get(0),d=a=>{p&&p.contains(a.target)||W()};c&&(c.addEventListener("input",d),c.addEventListener("change",d))}};

package/admin/js/views/form-submissions.js

@@ -1 +1 @@
-import{apiRequest as g}from"/admin/js/api.js";let c=null,w=[],i=[];export const formSubmissionsView={templateUrl:"/admin/js/templates/form-submissions.html",async onMount(o){const r=window.location.hash.match(/\/forms\/([^/?#]+)\/submissions/);if(c=r?r[1]:null,!c){E.toast("No form selected.",{type:"error"});return}try{const t=await g(`/forms/${c}`);w=(t.fields||[]).filter(n=>n.type!=="page-break"),o.find("#submissions-title").get(0).textContent=`${t.title} \u2014 Submissions`}catch{E.toast("Could not load form definition.",{type:"error"})}await L(o),o.find("#export-btn").off("click").on("click",()=>{const t=E.slideover({title:"Export Submissions",size:"sm",position:"right"}),n=document.createElement("div");n.style.cssText="padding:1.25rem;display:flex;flex-direction:column;gap:1rem;";function a(l,u,f,y){const v=document.createElement("div");v.style.cssText="display:flex;flex-direction:column;gap:.4rem;";const b=document.createElement("button");b.className="btn btn-ghost",b.style.cssText="justify-content:flex-start;gap:.5rem;";const k=document.createElement("span");return k.setAttribute("data-icon",u),b.appendChild(k),b.appendChild(document.createTextNode(" "+l)),b.addEventListener("click",()=>{fetch(f,{headers:{Authorization:"Bearer "+(S.get("auth_token")||"")}}).then(C=>C.blob()).then(C=>{const h=document.createElement("a");h.href=URL.createObjectURL(C),h.download=y,document.body.appendChild(h),h.click(),document.body.removeChild(h),URL.revokeObjectURL(h.href),t.close()}).catch(()=>E.toast("Export failed.",{type:"error"}))}),v.appendChild(b),v}n.appendChild(a("Export as CSV","file-text",`/api/forms/${c}/submissions/export`,`${c}-submissions.csv`)),n.appendChild(a("Export as JSON","code",`/api/forms/${c}/submissions/export/json`,`${c}-submissions.json`)),t.setContent(n),Domma.icons.scan(n),t.open()}),o.find("#clear-all-btn").off("click").on("click",async()=>{if(await E.confirm("Delete all submissions? This cannot be undone."))try{await g(`/forms/${c}/submissions`,{method:"DELETE"}),i=[],E.toast("All submissions cleared.",{type:"success"}),x([],o)}catch{E.toast("Failed to clear submissions.",{type:"error"})}});const d=o.find("#sub-search").get(0),m=o.find("#sub-date-from").get(0),s=o.find("#sub-date-to").get(0);function e(){const t=d?.value.toLowerCase()||"",n=m?.value?new Date(m.value):null,a=s?.value?new Date(s.value+"T23:59:59"):null,l=i.filter(u=>{if(t&&!Object.values(u.data||{}).map(y=>String(y).toLowerCase()).some(y=>y.includes(t)))return!1;if(n||a){const f=u.meta?.createdAt?new Date(u.meta.createdAt):null;if(!f||n&&f<n||a&&f>a)return!1}return!0});x(l,o)}d&&d.addEventListener("input",e),m&&m.addEventListener("change",e),s&&s.addEventListener("change",e),Domma.icons.scan()}};async function L(o){try{i=await g(`/forms/${c}/submissions`)}catch{i=[],E.toast("Could not load submissions.",{type:"error"})}x(i,o)}function x(o,p){const r=p.find("#sub-count").get(0);r&&(o.length===i.length?r.textContent=`${i.length} submission${i.length!==1?"s":""}`:r.textContent=`Showing ${o.length} of ${i.length}`);const m=[...w.map(e=>({key:`data.${e.name}`,title:e.label||e.name,render:(t,n)=>{const a=n.data?.[e.name]??"",l=String(a),u=document.createElement("span");return u.title=l,u.textContent=l.length>80?l.slice(0,80)+"\u2026":l,u.outerHTML}})),{key:"meta",title:"Date",render:e=>D(e?.createdAt).format("DD MMM YYYY HH:mm")},{key:"id",title:"",render:e=>{const t=document.createElement("button");return t.className="btn btn-sm btn-danger js-delete-submission",t.dataset.id=e,t.setAttribute("data-tooltip","Delete"),t.innerHTML='<span data-icon="trash"></span>',t.outerHTML}}];T.create("#submissions-table",{data:o,columns:m,emptyMessage:"No submissions yet."});const s=document.querySelector("#submissions-table");s&&(s.querySelectorAll(".js-delete-submission").forEach(e=>{e.addEventListener("click",async t=>{t.stopPropagation();const n=e.dataset.id;if(await E.confirm("Delete this submission?"))try{await g(`/forms/${c}/submissions/${n}`,{method:"DELETE"}),i=i.filter(l=>l.id!==n),E.toast("Submission deleted.",{type:"success"}),x(i,p)}catch{E.toast("Failed to delete submission.",{type:"error"})}})}),s.querySelectorAll("tbody tr").forEach((e,t)=>{const n=o[t];n&&(e.style.cursor="pointer",e.addEventListener("click",a=>{a.target.closest(".js-delete-submission")||A(n)}))}),Domma.icons.scan(s),s.querySelectorAll("[data-tooltip]").forEach(e=>{E.tooltip(e,{content:e.getAttribute("data-tooltip"),position:"top"})}))}function A(o){const p=document.createElement("div"),r=document.createElement("div");r.style.cssText="display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem;",w.forEach(s=>{const e=o.data?.[s.name];if(e==null||e==="")return;const t=document.createElement("div");t.style.cssText="border-bottom:1px solid var(--border-color,#333);padding-bottom:.6rem;";const n=document.createElement("strong");n.textContent=s.label||s.name,n.style.cssText="display:block;font-size:.8rem;color:var(--text-muted,#888);margin-bottom:.2rem;";const a=document.createElement("p");a.textContent=String(e),a.style.cssText="margin:0;word-break:break-word;",t.appendChild(n),t.appendChild(a),r.appendChild(t)});const d=document.createElement("div");if(d.style.cssText="font-size:.8rem;color:var(--text-muted,#888);display:flex;flex-direction:column;gap:.3rem;border-top:1px solid var(--border-color,#333);padding-top:.75rem;",o.meta?.createdAt){const s=document.createElement("span");s.textContent=`Submitted: ${D(o.meta.createdAt).format("DD MMM YYYY HH:mm")}`,d.appendChild(s)}if(o.meta?.ip){const s=document.createElement("span");s.textContent=`IP: ${o.meta.ip}`,d.appendChild(s)}p.appendChild(r),p.appendChild(d);const m=E.modal({title:"Submission Details",size:"md"});m.element.appendChild(p),m.open()}
+import{apiRequest as x}from"/admin/js/api.js";let c=null,k=[],r=[];export const formSubmissionsView={templateUrl:"/admin/js/templates/form-submissions.html",async onMount(t){const l=window.location.hash.match(/\/forms\/([^/?#]+)\/submissions/);if(c=l?l[1]:null,!c){E.toast("No form selected.",{type:"error"});return}const u=E.loader(t.get(0),{type:"dots"});try{const n=await x(`/forms/${c}`);k=(n.fields||[]).filter(s=>s.type!=="page-break"),t.find("#submissions-title").get(0).textContent=`${n.title} \u2014 Submissions`}catch{E.toast("Could not load form definition.",{type:"error"})}try{await A(t)}finally{u.destroy()}t.find("#export-btn").off("click").on("click",()=>{const n=E.slideover({title:"Export Submissions",size:"sm",position:"right"}),s=document.createElement("div");s.style.cssText="padding:1.25rem;display:flex;flex-direction:column;gap:1rem;";function i(p,y,f,g){const C=document.createElement("div");C.style.cssText="display:flex;flex-direction:column;gap:.4rem;";const b=document.createElement("button");b.className="btn btn-ghost",b.style.cssText="justify-content:flex-start;gap:.5rem;";const L=document.createElement("span");return L.setAttribute("data-icon",y),b.appendChild(L),b.appendChild(document.createTextNode(" "+p)),b.addEventListener("click",()=>{fetch(f,{headers:{Authorization:"Bearer "+(S.get("auth_token")||"")}}).then(w=>w.blob()).then(w=>{const h=document.createElement("a");h.href=URL.createObjectURL(w),h.download=g,document.body.appendChild(h),h.click(),document.body.removeChild(h),URL.revokeObjectURL(h.href),n.close()}).catch(()=>E.toast("Export failed.",{type:"error"}))}),C.appendChild(b),C}s.appendChild(i("Export as CSV","file-text",`/api/forms/${c}/submissions/export`,`${c}-submissions.csv`)),s.appendChild(i("Export as JSON","code",`/api/forms/${c}/submissions/export/json`,`${c}-submissions.json`)),n.setContent(s),Domma.icons.scan(s),n.open()}),t.find("#clear-all-btn").off("click").on("click",async()=>{if(await E.confirm("Delete all submissions? This cannot be undone."))try{await x(`/forms/${c}/submissions`,{method:"DELETE"}),r=[],E.toast("All submissions cleared.",{type:"success"}),v([],t)}catch{E.toast("Failed to clear submissions.",{type:"error"})}});const d=t.find("#sub-search").get(0),o=t.find("#sub-date-from").get(0),e=t.find("#sub-date-to").get(0);function a(){const n=d?.value.toLowerCase()||"",s=o?.value?new Date(o.value):null,i=e?.value?new Date(e.value+"T23:59:59"):null,p=r.filter(y=>{if(n&&!Object.values(y.data||{}).map(g=>String(g).toLowerCase()).some(g=>g.includes(n)))return!1;if(s||i){const f=y.meta?.createdAt?new Date(y.meta.createdAt):null;if(!f||s&&f<s||i&&f>i)return!1}return!0});v(p,t)}d&&d.addEventListener("input",a),o&&o.addEventListener("change",a),e&&e.addEventListener("change",a),Domma.icons.scan()}};async function A(t){try{r=await x(`/forms/${c}/submissions`)}catch{r=[],E.toast("Could not load submissions.",{type:"error"})}v(r,t)}function v(t,m){const l=m.find("#sub-count").get(0);l&&(t.length===r.length?l.textContent=`${r.length} submission${r.length!==1?"s":""}`:l.textContent=`Showing ${t.length} of ${r.length}`);const d=[...k.map(e=>({key:`data.${e.name}`,title:e.label||e.name,render:(a,n)=>{const s=n.data?.[e.name]??"",i=String(s),p=document.createElement("span");return p.title=i,p.textContent=i.length>80?i.slice(0,80)+"\u2026":i,p.outerHTML}})),{key:"meta",title:"Date",render:e=>D(e?.createdAt).format("DD MMM YYYY HH:mm")},{key:"id",title:"",render:e=>{const a=document.createElement("button");return a.className="btn btn-sm btn-danger js-delete-submission",a.dataset.id=e,a.setAttribute("data-tooltip","Delete"),a.innerHTML='<span data-icon="trash"></span>',a.outerHTML}}];T.create("#submissions-table",{data:t,columns:d,emptyMessage:"No submissions yet."});const o=document.querySelector("#submissions-table");o&&(o.querySelectorAll(".js-delete-submission").forEach(e=>{e.addEventListener("click",async a=>{a.stopPropagation();const n=e.dataset.id;if(await E.confirm("Delete this submission?"))try{await x(`/forms/${c}/submissions/${n}`,{method:"DELETE"}),r=r.filter(i=>i.id!==n),E.toast("Submission deleted.",{type:"success"}),v(r,m)}catch{E.toast("Failed to delete submission.",{type:"error"})}})}),o.querySelectorAll("tbody tr").forEach((e,a)=>{const n=t[a];n&&(e.style.cursor="pointer",e.addEventListener("click",s=>{s.target.closest(".js-delete-submission")||M(n)}))}),Domma.icons.scan(o),o.querySelectorAll("[data-tooltip]").forEach(e=>{E.tooltip(e,{content:e.getAttribute("data-tooltip"),position:"top"})}))}function M(t){const m=document.createElement("div"),l=document.createElement("div");l.style.cssText="display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem;",k.forEach(o=>{const e=t.data?.[o.name];if(e==null||e==="")return;const a=document.createElement("div");a.style.cssText="border-bottom:1px solid var(--dm-border,#333);padding-bottom:.6rem;";const n=document.createElement("strong");n.textContent=o.label||o.name,n.style.cssText="display:block;font-size:.8rem;color:var(--dm-text-muted,#888);margin-bottom:.2rem;";const s=document.createElement("p");s.textContent=String(e),s.style.cssText="margin:0;word-break:break-word;",a.appendChild(n),a.appendChild(s),l.appendChild(a)});const u=document.createElement("div");if(u.style.cssText="font-size:.8rem;color:var(--dm-text-muted,#888);display:flex;flex-direction:column;gap:.3rem;border-top:1px solid var(--dm-border,#333);padding-top:.75rem;",t.meta?.createdAt){const o=document.createElement("span");o.textContent=`Submitted: ${D(t.meta.createdAt).format("DD MMM YYYY HH:mm")}`,u.appendChild(o)}if(t.meta?.ip){const o=document.createElement("span");o.textContent=`IP: ${t.meta.ip}`,u.appendChild(o)}m.appendChild(l),m.appendChild(u);const d=E.modal({title:"Submission Details",size:"md"});d.element.appendChild(m),d.open()}