domma-cms 1.10.16 → 1.10.17

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

@@ -1,8 +1,8 @@
-import{apiRequest as pe}from"/admin/js/api.js";import{makeIconInput as Me}from"/admin/js/lib/shortcode-modal.js";import{enhancePickerFields as ct}from"/public/js/forms.js";import{buildWizardSteps as nn}from"/public/js/form-steps.mjs";import{captureFileFields as dt,destroyDropzones as ut,fileBlueprint as ln,restoreFileFields as an,splitFiles as on,submitBody as sn,wireFileFields as rn}from"/public/js/form-files.mjs";import{applyFormClasses as pt,applySubmitButtons as cn,applyWizardButtons as dn,buttonSettingsProblems as un,formClassProblems as pn,resolveSubmitAlign as mt}from"/public/js/form-submit.mjs";import{addBannerAction as Re}from"../lib/plugin-chrome.js";import{helpPopovers as mn}from"../lib/help-popover.js";import{openMenuAt as ft,sidebarCount as fn}from"../lib/tool-kit.js";import{draftBaseOf as hn,draftChoice as bn,draftKey as me,draftOf as gn,duplicateField as yn,editorDraftQuestion as vn,fieldTitle as De,fingerprint as ht,leavingEditor as bt,moveField as gt,restoreDraft as xn,snapshotOf as ve}from"../lib/form-editor-arrange.js";import{fmtDateTime as Cn}from"../lib/dates.js";const yt=[{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:"icon",label:"Icon (icon picker)"},{value:"image",label:"Image (media library)"},{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"}],_e=new Set(["select","radio","checkbox-group","chooser"]);let k=[],xe=[],A=null,Ce=null,oe=null,Ee={};function B(e,t,o=14){e.textContent="";const n=document.createElement("span");return n.setAttribute("data-icon",t),n.setAttribute("data-icon-size",String(o)),n.style.cssText="display:inline-flex;align-items:center;vertical-align:middle;",e.appendChild(n),window.I?.scan?.(e),e}function fe(e,t,o,n=14){return B(e,t,n),e.appendChild(document.createTextNode(" "+o)),e}function Pe(e){const t=document.createElement("span");return t.setAttribute("data-icon","help-circle"),t.setAttribute("data-icon-size","12"),t.style.cssText="display:inline-flex;align-items:center;vertical-align:middle;margin-left:.3rem;opacity:.55;cursor:help;",t.title=e,window.I?.scan?.(t),requestAnimationFrame(()=>{try{t.parentNode&&typeof E<"u"&&E.tooltip&&(t.removeAttribute("title"),E.tooltip(t,{content:e,position:"top"}))}catch{}}),t}let we=null,vt=null,je=null,he=null;function Ve(){je?.(),clearTimeout(vt),vt=setTimeout(()=>{we&&we()},350)}function xt(e){return e.toLowerCase().replace(/[^a-z0-9]+/g,"_").replace(/^_|_$/g,"")}function Ct(e){return yt.find(t=>t.value===e)?.label||e}function Et(e){return(e||[]).some(t=>t.logic||Array.isArray(t.triggers)&&t.triggers.length)}function wt(e){return e?!!(e.visibility?.conditions?.length||e.requirement?.conditions?.length||e.validation?.length||e.cascade?.sourceField):!1}function En(e){const t={...k[e]};if(t.type==="spacer")return t;if(t.type==="page-break"){const b=document.getElementById(`fb-pb-label-${e}`),T=document.getElementById(`fb-pb-desc-${e}`);return b&&(t.label=b.value.trim()||t.label),T&&(t.description=T.value.trim()),t}const o=document.getElementById(`fb-label-${e}`),n=document.getElementById(`fb-name-${e}`),l=document.getElementById(`fb-type-${e}`),a=document.getElementById(`fb-required-${e}`),i=document.getElementById(`fb-placeholder-${e}`),s=document.getElementById(`fb-helper-${e}`),d=document.getElementById(`fb-tooltip-${e}`);o&&(t.label=o.value.trim()||t.label),n&&(t.name=n.value.trim()||t.name),l&&(t.type=l.value||t.type),a&&(t.required=a.checked),i&&(t.placeholder=i.value.trim()),s&&(t.helper=s.value.trim()),d&&(t.tooltip=d.value.trim());const r=document.getElementById(`fb-class-${e}`);if(r){const b=r.value.trim();b?t.class=b:delete t.class}if(t.type==="chooser"){const b=document.getElementById(`fb-chooser-variant-${e}`)?.value;b&&(t.variant=b);const T=document.getElementById(`fb-chooser-multiple-${e}`);T&&(t.multiple=T.checked);const q=document.getElementById(`fb-chooser-density-${e}`)?.value;q&&(t.density=q);const $=document.getElementById(`fb-chooser-columns-${e}`)?.value;$!==""&&$!==void 0&&(t.columns=parseInt($,10)||3);const z=document.getElementById(`fb-chooser-accent-${e}`)?.value.trim();z?t.accent=z:delete t.accent;const V=document.getElementById(`fb-chooser-accent-style-${e}`)?.value;V?t.accentStyle=V:delete t.accentStyle;const D=document.getElementById(`fb-chooser-glow-${e}`);D&&(t.glow=D.checked);const K=document.getElementById(`fb-chooser-glow-colour-${e}`)?.value.trim();K?t.glowColour=K:delete t.glowColour;const G=document.getElementById(`fb-chooser-shadow-${e}`)?.value;G&&G!=="none"?t.shadow=G:delete t.shadow;const ne=document.getElementById(`fb-chooser-shadow-colour-${e}`)?.value.trim();ne?t.shadowColour=ne:delete t.shadowColour,$e(e),k[e]&&Array.isArray(k[e].options)&&(t.options=k[e].options)}else if(_e.has(t.type)){["variant","density","columns","accent","accentStyle","glow","glowColour","shadow","shadowColour"].forEach(T=>delete t[T]),t.type!=="checkbox-group"&&t.type!=="multiselect"&&delete t.multiple;const b=document.getElementById(`fb-options-${e}`);b&&(t.options=b.value.split(`
-`).filter(T=>T.trim()).map(T=>{const[q,...$]=T.split(":");return{value:q.trim(),label:$.join(":").trim()||q.trim()}}))}for(const b of["prefix","suffix"]){const T=document.getElementById(`fb-${b}-icon-${e}`),q=document.getElementById(`fb-${b}-text-${e}`),$={...t.formConfig||{}};if(T||q){const z=T?.value.trim()||"",V=q?.value.trim()||"";z&&/^[a-z0-9-]+$/i.test(z)?$[b]={icon:z}:V?$[b]={text:V.slice(0,24)}:delete $[b]}else _t.includes(t.type)||delete $[b];t.formConfig=Object.keys($).length?$:void 0}{const b={...t.formConfig||{}};for(const T of Pt){const q=document.getElementById(`fb-extra-${T.key}-${e}`);q&&T.types.includes(t.type)?q.checked?b[T.key]=!0:delete b[T.key]:T.types.includes(t.type)||delete b[T.key]}t.formConfig=Object.keys(b).length?b:void 0}if(t.type==="textarea"){const b=parseInt(document.getElementById(`fb-rows-${e}`)?.value,10);b>0&&(t.formConfig={...t.formConfig||{},rows:b})}const u=document.getElementById(`fb-span-${e}`),p=document.getElementById(`fb-fullwidth-${e}`);if(u||p){const b={...t.formConfig||{}};if(p?.checked)b.span="full";else{const T=parseInt(u?.value,10);T>1?b.span=T:delete b.span}t.formConfig=Object.keys(b).length?b:void 0}const m=document.getElementById(`fb-minlength-${e}`)?.value;m&&(t.minLength=parseInt(m,10));const v=document.getElementById(`fb-maxlength-${e}`)?.value;v&&(t.maxLength=parseInt(v,10));const f=document.getElementById(`fb-min-${e}`)?.value;f!==""&&f!==void 0&&(t.min=parseFloat(f));const y=document.getElementById(`fb-max-${e}`)?.value;y!==""&&y!==void 0&&(t.max=parseFloat(y));const C=wn(e);C?t.logic=C:delete t.logic;const x=jn(e);return x?t.triggers=x:delete t.triggers,t}function wn(e){const t=document.querySelector(`.fb-field-card[data-index="${e}"]`);if(!t)return;const o=t.querySelector(".fb-field-logic");if(!o)return;const n={};let l=!1;const a=o.querySelector('[data-logic-section="visibility"]');if(a){const r=a.querySelector(".fb-logic-vis-default"),u=a.querySelector(".fb-logic-vis-transition"),p=Array.from(a.querySelectorAll(".fb-logic-cond-row")).map(y=>{const C=y.querySelector(".fb-logic-cond-field"),x=y.querySelector(".fb-logic-cond-op"),b=y.querySelector(".fb-logic-cond-val"),T=y.querySelector(".fb-logic-vis-then");return C?.value?{when:{all:[{field:C.value,operator:x.value,value:b.value}]},then:T.value}:null}).filter(Boolean),m=r?.value||"visible",v=u?.value||"none",f=parseInt(a.querySelector(".fb-logic-vis-duration")?.value||"",10);(m!=="visible"||p.length>0||v!=="none")&&(n.visibility={default:m,conditions:p},v!=="none"&&(n.visibility.transition=v),v!=="none"&&Number.isFinite(f)&&(n.visibility.duration=f),l=!0)}const i=o.querySelector('[data-logic-section="requirement"]');if(i){const r=i.querySelector(".fb-logic-req-default"),u=Array.from(i.querySelectorAll(".fb-logic-cond-row")).map(p=>{const m=p.querySelector(".fb-logic-cond-field"),v=p.querySelector(".fb-logic-cond-op"),f=p.querySelector(".fb-logic-cond-val"),y=p.querySelector(".fb-logic-req-then");return m?.value?{when:{all:[{field:m.value,operator:v.value,value:f.value}]},then:y.value==="true"}:null}).filter(Boolean);u.length>0&&(n.requirement={default:r?.checked===!0,conditions:u},l=!0)}const s=o.querySelector('[data-logic-section="validation"]');if(s){const r=Array.from(s.querySelectorAll(".fb-logic-val-rule")).map(u=>{const p=u.querySelector(".fb-logic-val-type"),m=u.querySelector(".fb-logic-val-pattern"),v=u.querySelector(".fb-logic-val-flags"),f=u.querySelector(".fb-logic-val-message");if(!m?.value.trim())return null;const y=p?.value||"regex",C={type:y,message:f?.value.trim()||"Invalid value."};return y==="regex"?(C.pattern=m.value.trim(),v?.value.trim()&&(C.flags=v.value.trim())):C.field=m.value.trim(),C}).filter(Boolean);r.length>0&&(n.validation=r,l=!0)}const d=o.querySelector('[data-logic-section="cascade"]');if(d){const r=d.querySelector(".fb-logic-cascade-source"),u=d.querySelector(".fb-logic-cascade-mapping"),p=d.querySelector(".fb-logic-cascade-defaults"),m=r?.value?.trim();if(m){let v={};try{v=JSON.parse(u?.value||"{}")}catch{}const f=(p?.value||"").split(`
-`).filter(y=>y.trim()).map(y=>{const[C,...x]=y.split(":");return{value:C.trim(),label:x.join(":").trim()||C.trim()}});n.cascade={sourceField:m,mapping:v,defaultOptions:f},l=!0}}return l?n:void 0}function P(){k=k.map((e,t)=>En(t))}function kn(e){const t=e.firstElementChild;if(!t||t.querySelector(".fb-drag-grip"))return;const o=document.createElement("span");o.className="fb-drag-grip",o.setAttribute("data-icon","grip-vertical"),o.setAttribute("data-icon-size","16"),o.title="Drag to reorder",t.insertBefore(o,t.firstChild),window.I?.scan?.(t)}function te(e){const t=e.find("#fields-list").get(0),o=e.find("#fields-empty-msg").get(0);if(t){if(Array.from(t.querySelectorAll(".fb-field-card")).forEach(n=>n.remove()),k.length===0){o&&(o.style.display=""),he?.(t),Ve();return}o&&(o.style.display="none"),k.forEach((n,l)=>{const a=n.type==="page-break"?Sn(n,l,e):n.type==="spacer"?Tn(n,l,e):Nn(n,l,e);kn(a),t.appendChild(a)}),he?.(t),Ve()}}function Sn(e,t,o){const n=document.createElement("div");n.className="fb-field-card",n.dataset.index=t,n.style.cssText="border:2px dashed var(--dm-border);border-radius:8px;overflow:hidden;margin-bottom:.75rem;background:var(--dm-card-bg);";const l=document.createElement("div");l.style.cssText="display:flex;align-items:center;gap:.6rem;padding:.6rem .8rem;cursor:pointer;user-select:none;";const a=document.createElement("span");a.textContent="- Page Break -",a.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);white-space:nowrap;flex-shrink:0;font-style:italic;";const i=document.createElement("span");i.textContent=e.label||"Untitled Step",i.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);";const s=document.createElement("div");s.style.cssText="display:flex;gap:.25rem;flex-shrink:0;margin-left:.5rem;";const d=document.createElement("button");d.className="btn btn-xs btn-ghost",d.title="Edit step",B(d,"more-horizontal"),d.addEventListener("click",v=>{v.stopPropagation(),u.style.display=u.style.display==="none"?"":"none"}),s.appendChild(d);const r=document.createElement("button");r.className="btn btn-xs btn-ghost",r.style.cssText="line-height:1;opacity:.6;",r.title="Remove page break",B(r,"x"),r.addEventListener("click",async v=>{v.stopPropagation(),await E.confirm("Remove this page break?")&&(P(),k.splice(t,1),te(o))}),s.appendChild(r),l.appendChild(a),l.appendChild(i),l.appendChild(s),l.addEventListener("click",()=>{u.style.display=u.style.display==="none"?"":"none"});const u=document.createElement("div");u.className="fb-field-body",u.style.cssText="padding:.8rem;border-top:1px dashed var(--dm-border);display:none;";const p=O([j("Step Title",`fb-pb-label-${t}`,"text",e.label||"","Shown as the wizard step heading"),j("Step Description",`fb-pb-desc-${t}`,"text",e.description||"","Optional sub-heading")]),m=p.querySelector(`#fb-pb-label-${t}`);return m&&m.addEventListener("input",()=>{i.textContent=m.value||"Untitled Step"}),u.appendChild(p),n.appendChild(l),n.appendChild(u),n}function Tn(e,t,o){const n=document.createElement("div");n.className="fb-field-card",n.dataset.index=t,n.style.cssText="border:1px dashed var(--dm-border);border-radius:6px;margin-bottom:.5rem;background:transparent;";const l=document.createElement("div");l.style.cssText="display:flex;align-items:center;gap:.6rem;padding:.4rem .8rem;";const a=document.createElement("div");a.style.cssText="flex:1;height:1px;background:var(--dm-border);";const i=document.createElement("span");i.textContent="Spacer",i.style.cssText="font-size:.7rem;color:var(--dm-text-muted);white-space:nowrap;padding:0 .4rem;font-style:italic;";const s=document.createElement("div");s.style.cssText="flex:1;height:1px;background:var(--dm-border);";const d=document.createElement("div");d.style.cssText="display:flex;gap:.25rem;flex-shrink:0;";const r=document.createElement("button");return r.className="btn btn-xs btn-ghost",r.style.cssText="line-height:1;opacity:.6;",r.title="Remove spacer",B(r,"x"),r.addEventListener("click",async u=>{u.stopPropagation(),P(),k.splice(t,1),te(o)}),d.appendChild(r),l.appendChild(a),l.appendChild(i),l.appendChild(s),l.appendChild(d),n.appendChild(l),n}function Nn(e,t,o){const n=document.createElement("div");n.className="fb-field-card",n.dataset.index=t,n.style.cssText="border:1px solid var(--dm-border);border-radius:8px;overflow:hidden;margin-bottom:.75rem;background:var(--dm-card-bg);box-shadow:var(--dm-shadow-sm);";const l=document.createElement("div");l.style.cssText="display:flex;align-items:center;gap:.6rem;padding:.65rem .85rem;background:var(--dm-card-header-bg);cursor:pointer;user-select:none;";const a=document.createElement("span");a.textContent=Ct(e.type),a.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);white-space:nowrap;flex-shrink:0;";const i=document.createElement("span");i.textContent=e.label||"(unlabelled)",i.style.cssText="flex:1;font-weight:600;font-size:.9rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;";const s=document.createElement("div");s.style.cssText="display:flex;gap:.25rem;flex-shrink:0;margin-left:.5rem;";const d=document.createElement("button");d.className="btn btn-xs btn-ghost",d.title="Edit field",B(d,"more-horizontal"),d.addEventListener("click",p=>{p.stopPropagation(),u.style.display=u.style.display==="none"?"":"none"}),s.appendChild(d);const r=document.createElement("button");if(r.className="btn btn-xs btn-ghost",r.style.cssText="line-height:1;opacity:.6;",r.title="Remove field",B(r,"x"),r.addEventListener("click",async p=>{p.stopPropagation(),await E.confirm("Remove this field?")&&(P(),k.splice(t,1),te(o))}),s.appendChild(r),l.appendChild(a),l.appendChild(i),e.required){const p=document.createElement("span");p.textContent="required",p.style.cssText="font-size:.7rem;color:var(--dm-danger);flex-shrink:0;",l.appendChild(p)}if(wt(e.logic)){const p=document.createElement("span");B(p,"zap"),p.title="Has conditional logic",p.style.cssText="font-size:.75rem;color:var(--dm-primary);flex-shrink:0;",l.appendChild(p)}l.appendChild(s),l.addEventListener("click",()=>{u.style.display=u.style.display==="none"?"":"none"});const u=Ln(e,t,i);return u.style.display="none",n.appendChild(l),n.appendChild(u),n}function Ln(e,t,o){const n=document.createElement("div");n.className="fb-field-body",n.style.cssText="padding:1rem .9rem;border-top:1px solid var(--dm-border);";const l=O([j("Label",`fb-label-${t}`,"text",e.label||"","Shown above the field"),j("Field Name",`fb-name-${t}`,"text",e.name||"","Used as data key")]),a=O([Qn("Type",`fb-type-${t}`,yt,e.type||"string"),Qe("Required",`fb-required-${t}`,e.required||!1)]),i=O([j("Placeholder",`fb-placeholder-${t}`,"text",e.placeholder||"","Hint text inside the field")]),s=O([j("Helper Text",`fb-helper-${t}`,"text",e.helper||"","Shown below the field"),j("Tooltip",`fb-tooltip-${t}`,"text",e.tooltip||"","Shown on hover via a help icon next to the label")]),d=O([j("CSS classes",`fb-class-${t}`,"text",e.class||"","Your own class names, separated by spaces, on the field's wrapper - style them in Custom CSS")]),r=e.formConfig?.span,u=O([j("Column Span",`fb-span-${t}`,"number",r&&r!=="full"?String(r):"1","Columns to span (grid only)"),Qe("Full Width",`fb-fullwidth-${t}`,r==="full")]);u.classList.add("fb-grid-row"),u.style.display=document.getElementById("setting-layout")?.value==="grid"?"flex":"none",n.appendChild(l),n.appendChild(a),n.appendChild(i),n.appendChild(s),n.appendChild(d),n.appendChild(u);const p=n.querySelector(`#fb-label-${t}`),m=n.querySelector(`#fb-name-${t}`);p&&p.addEventListener("input",()=>{o&&(o.textContent=p.value||"(unlabelled)"),m&&!m.dataset.manuallyEdited&&(m.value=xt(p.value))}),m&&m.addEventListener("input",()=>{m.dataset.manuallyEdited="1"});const v=n.querySelector(`#fb-type-${t}`);v&&v.addEventListener("change",()=>{const y=n.closest(".fb-field-card");if(y){const b=y.querySelector("span");b&&(b.textContent=Ct(v.value))}const C=n.querySelector(".fb-field-extras");C&&C.remove();const x=Dt(v.value,e,t);x&&n.appendChild(x)});const f=Dt(e.type,e,t);return f&&n.appendChild(f),n.appendChild(Bn(e,t)),n.appendChild(_n(e,t)),n}const ke=[{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"}],Ge=new Set(["is_empty","is_not_empty"]),kt={equals:"includes",not_equals:"does not include",contains:"any value contains",not_contains:"no value contains",starts_with:"any value starts with",ends_with:"any value ends with",greater_than:"any value is greater than",less_than:"any value is less than",is_empty:"nothing selected",is_not_empty:"something selected",in:"includes one of (comma sep)",not_in:"includes none of (comma sep)",matches_regex:"any value matches regex"};function We(e){return!!e&&(e.type==="checkbox-group"||!!e.multiple)}function Se(e){const t=document.createElement("p");return t.textContent=e,t.style.cssText="font-size:.75rem;font-weight:700;color:var(--dm-text-muted);margin:0 0 .7rem;text-transform:uppercase;letter-spacing:.06em;",t}function Te(e,t,o,n,l){const a=document.createElement("div");a.className="fb-logic-cond-row",a.style.cssText="display:flex;gap:.55rem;align-items:center;margin-bottom:.6rem;flex-wrap:wrap;";const i=document.createElement("span");i.textContent="When",i.style.cssText="font-size:.73rem;color:var(--dm-text-muted);flex-shrink:0;";const s=document.createElement("select");s.className="form-select fb-logic-cond-field",s.style.cssText="flex:1 1 140px;min-width:140px;",t.forEach(f=>{const y=document.createElement("option");y.value=f.value,y.textContent=f.label,e&&f.value===e.field&&(y.selected=!0),s.appendChild(y)});const d=document.createElement("select");d.className="form-select fb-logic-cond-op",d.style.cssText="flex:1 1 160px;min-width:140px;",ke.forEach(f=>{const y=document.createElement("option");y.value=f.value,y.textContent=f.label,e&&f.value===e.operator&&(y.selected=!0),d.appendChild(y)});const r=()=>{const f=t.find(y=>y.value===s.value);Array.from(d.options).forEach(y=>{const C=ke.find(x=>x.value===y.value);y.textContent=f?.multi&&kt[y.value]||C?.label||y.value})};r(),s.addEventListener("change",r);const u=document.createElement("input");u.type="text",u.className="form-input fb-logic-cond-val",u.placeholder="value",u.style.cssText="flex:1 1 120px;min-width:100px;",u.value=e?.value||"",e&&Ge.has(e.operator)&&(u.style.display="none"),d.addEventListener("change",()=>{u.style.display=Ge.has(d.value)?"none":""});const p=document.createElement("span");B(p,"arrow-right"),p.style.cssText="font-size:.73rem;color:var(--dm-text-muted);flex-shrink:0;";const m=document.createElement("select");m.className=`form-select ${n}`,m.style.cssText="flex:1 1 140px;min-width:120px;",o.forEach(f=>{const y=document.createElement("option");y.value=f.value,y.textContent=f.label,f.value===l&&(y.selected=!0),m.appendChild(y)});const v=document.createElement("button");return v.type="button",v.className="btn btn-xs btn-ghost",v.style.cssText="line-height:1;opacity:.6;",B(v,"x"),v.style.flexShrink="0",v.addEventListener("click",()=>a.remove()),a.appendChild(i),a.appendChild(s),a.appendChild(d),a.appendChild(u),a.appendChild(p),a.appendChild(m),a.appendChild(v),a}function $n(e,t,o){const n=document.createElement("div");n.dataset.logicSection="visibility",n.appendChild(Se("Visibility"));const l=document.createElement("div");l.style.cssText="display:flex;align-items:center;gap:.6rem;margin-bottom:.65rem;flex-wrap:wrap;";const a=document.createElement("span");a.textContent="Default:",a.style.cssText="font-size:.8rem;flex-shrink:0;";const i=document.createElement("select");i.className="form-select fb-logic-vis-default",i.style.cssText="max-width:240px;",[{value:"visible",label:"Visible"},{value:"hidden",label:"Hidden"}].forEach(x=>{const b=document.createElement("option");b.value=x.value,b.textContent=x.label,x.value===(e.default||"visible")&&(b.selected=!0),i.appendChild(b)}),l.appendChild(a),l.appendChild(i),n.appendChild(l);const s=document.createElement("div");s.style.cssText="display:flex;align-items:center;gap:.6rem;margin-bottom:.65rem;flex-wrap:wrap;";const d=document.createElement("span");d.textContent="Transition:",d.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(x=>{const b=document.createElement("option");b.value=x.value,b.textContent=x.label,x.value===(e.transition||"none")&&(b.selected=!0),r.appendChild(b)}),s.appendChild(d),s.appendChild(r),n.appendChild(s);const u=document.createElement("div");u.style.cssText="display:flex;align-items:center;gap:.6rem;margin-bottom:.65rem;flex-wrap:wrap;";const p=document.createElement("span");p.textContent="Speed:",p.style.cssText="font-size:.8rem;flex-shrink:0;";const m=document.createElement("select");m.className="form-select fb-logic-vis-duration",m.style.cssText="max-width:240px;",[{value:"",label:"Default"},{value:"120",label:"Very fast (120ms)"},{value:"200",label:"Fast (200ms)"},{value:"350",label:"Medium (350ms)"},{value:"600",label:"Slow (600ms)"},{value:"1000",label:"Very slow (1s)"}].forEach(x=>{const b=document.createElement("option");b.value=x.value,b.textContent=x.label,x.value===String(e.duration??"")&&(b.selected=!0),m.appendChild(b)}),u.appendChild(p),u.appendChild(m),n.appendChild(u);const v=()=>{u.style.display=r.value==="none"?"none":""};v(),r.addEventListener("change",v);const f=document.createElement("div");f.className="fb-logic-vis-rules";const y=o.map(x=>({value:x.name,label:x.label||x.name,multi:We(x)})),C=[{value:"visible",label:"Show"},{value:"hidden",label:"Hide"}];if((e.conditions||[]).forEach(x=>{const b=(x.when?.all||x.when?.any||[])[0],T=x.then==="hidden"?"hidden":"visible";y.length>0&&f.appendChild(Te(b,y,C,"fb-logic-vis-then",T))}),n.appendChild(f),y.length>0){const x=document.createElement("button");x.type="button",x.className="btn btn-xs btn-ghost",x.style.cssText="font-size:.73rem;margin-top:.35rem;",fe(x,"plus","Add visibility rule"),x.addEventListener("click",()=>f.appendChild(Te(null,y,C,"fb-logic-vis-then","visible"))),n.appendChild(x)}return n}function qn(e,t,o){const n=document.createElement("div");n.dataset.logicSection="requirement",n.appendChild(Se("Conditional Requirement"));const l=document.createElement("label");l.style.cssText="display:flex;align-items:center;gap:.5rem;font-size:.8rem;cursor:pointer;margin-bottom:.65rem;";const a=document.createElement("input");a.type="checkbox",a.className="fb-logic-req-default",a.checked=e.default===!0,l.appendChild(a),l.appendChild(document.createTextNode("Required by default")),n.appendChild(l);const i=document.createElement("div");i.className="fb-logic-req-rules";const s=o.map(r=>({value:r.name,label:r.label||r.name,multi:We(r)})),d=[{value:"true",label:"Make required"},{value:"false",label:"Make optional"}];if((e.conditions||[]).forEach(r=>{const u=(r.when?.all||r.when?.any||[])[0],p=r.then===!0?"true":"false";s.length>0&&i.appendChild(Te(u,s,d,"fb-logic-req-then",p))}),n.appendChild(i),s.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:.35rem;",fe(r,"plus","Add requirement rule"),r.addEventListener("click",()=>i.appendChild(Te(null,s,d,"fb-logic-req-then","true"))),n.appendChild(r)}return n}function St(e){const t=document.createElement("div");t.className="fb-logic-val-rule",t.style.cssText="display:flex;gap:.55rem;align-items:center;margin-bottom:.6rem;flex-wrap:wrap;";const o=document.createElement("select");o.className="form-select fb-logic-val-type",o.style.cssText="flex:0 0 140px;",[{value:"regex",label:"Regex"},{value:"match",label:"Match field"}].forEach(s=>{const d=document.createElement("option");d.value=s.value,d.textContent=s.label,s.value===(e?.type||"regex")&&(d.selected=!0),o.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 l=document.createElement("input");l.type="text",l.className="form-input fb-logic-val-flags",l.placeholder="flags",l.value=e?.flags||"",l.style.cssText="flex:0 0 55px;",e?.type==="match"&&(l.style.display="none"),o.addEventListener("change",()=>{l.style.display=o.value==="match"?"none":"",n.placeholder=o.value==="match"?"field name":"pattern"});const a=document.createElement("input");a.type="text",a.className="form-input fb-logic-val-message",a.placeholder="Error message",a.value=e?.message||"",a.style.cssText="flex:4;";const i=document.createElement("button");return i.type="button",i.className="btn btn-xs btn-ghost",i.style.cssText="line-height:1;opacity:.6;",B(i,"x"),i.style.flexShrink="0",i.addEventListener("click",()=>t.remove()),t.appendChild(o),t.appendChild(n),t.appendChild(l),t.appendChild(a),t.appendChild(i),t}function An(e,t,o){const n=document.createElement("div");n.dataset.logicSection="validation",n.appendChild(Se("Custom Validation"));const l=document.createElement("div");l.className="fb-logic-val-rules",(e||[]).forEach(i=>l.appendChild(St(i))),n.appendChild(l);const a=document.createElement("button");return a.type="button",a.className="btn btn-xs btn-ghost",a.style.cssText="font-size:.73rem;margin-top:.35rem;",fe(a,"plus","Add validation rule"),a.addEventListener("click",()=>l.appendChild(St(null))),n.appendChild(a),n}function Fn(e,t,o){const n=document.createElement("div");n.dataset.logicSection="cascade",n.appendChild(Se("Cascade Options")),n.lastChild.appendChild(Pe("Make this field's options depend on another field. When the source field changes, the options here are replaced by the mapping entry for its value; if nothing matches, the default options below are shown."));const l=document.createElement("div");l.style.cssText="display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;";const a=document.createElement("span");a.textContent="Source field:",a.style.cssText="font-size:.8rem;flex-shrink:0;";const i=document.createElement("select");i.className="form-select fb-logic-cascade-source",i.style.cssText="flex:1;";const s=document.createElement("option");s.value="",s.textContent="- none -",i.appendChild(s),o.forEach(m=>{const v=document.createElement("option");v.value=m.name,v.textContent=m.label||m.name,m.name===e.sourceField&&(v.selected=!0),i.appendChild(v)}),l.appendChild(a),l.appendChild(i),n.appendChild(l);const d=document.createElement("p");d.textContent='Mapping JSON - {"value":[{"value":"...","label":"..."}]}',d.appendChild(Pe(`Each key is a value of the source field; its list becomes this field's options when that value is picked. Example: {"uk":[{"value":"london","label":"London"}]} shows London when the source is "uk".`)),d.style.cssText="font-size:.73rem;color:var(--dm-text-muted);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(d),n.appendChild(r);const u=document.createElement("p");u.textContent="Default options (one per line: value:Label)",u.appendChild(Pe("Shown before the source field has a value, or when its value has no mapping entry.")),u.style.cssText="font-size:.73rem;color:var(--dm-text-muted);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
+import{apiRequest as pe}from"/admin/js/api.js";import{makeIconInput as Re}from"/admin/js/lib/shortcode-modal.js";import{enhancePickerFields as dt}from"/public/js/forms.js";import{buildWizardSteps as an}from"/public/js/form-steps.mjs";import{DEFAULT_MAX_FILES as ut,MAX_FILES_LIMIT as De,captureFileFields as pt,destroyDropzones as mt,fileBlueprint as on,restoreFileFields as sn,splitFiles as rn,submitBody as cn,wireFileFields as dn}from"/public/js/form-files.mjs";import{applyFormClasses as ft,applySubmitButtons as un,applyWizardButtons as pn,buttonSettingsProblems as mn,formClassProblems as fn,resolveSubmitAlign as ht}from"/public/js/form-submit.mjs";import{addBannerAction as _e}from"../lib/plugin-chrome.js";import{helpPopovers as hn}from"../lib/help-popover.js";import{openMenuAt as bt,sidebarCount as bn}from"../lib/tool-kit.js";import{draftBaseOf as gn,draftChoice as yn,draftKey as me,draftOf as vn,duplicateField as xn,editorDraftQuestion as Cn,fieldTitle as Pe,fingerprint as gt,leavingEditor as yt,moveField as vt,restoreDraft as En,snapshotOf as ve}from"../lib/form-editor-arrange.js";import{fmtDateTime as wn}from"../lib/dates.js";const xt=[{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:"icon",label:"Icon (icon picker)"},{value:"image",label:"Image (media library)"},{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"}],je=new Set(["select","radio","checkbox-group","chooser"]);let T=[],xe=[],A=null,Ce=null,ie=null,Ee={};function B(e,t,i=14){e.textContent="";const n=document.createElement("span");return n.setAttribute("data-icon",t),n.setAttribute("data-icon-size",String(i)),n.style.cssText="display:inline-flex;align-items:center;vertical-align:middle;",e.appendChild(n),window.I?.scan?.(e),e}function fe(e,t,i,n=14){return B(e,t,n),e.appendChild(document.createTextNode(" "+i)),e}function Ve(e){const t=document.createElement("span");return t.setAttribute("data-icon","help-circle"),t.setAttribute("data-icon-size","12"),t.style.cssText="display:inline-flex;align-items:center;vertical-align:middle;margin-left:.3rem;opacity:.55;cursor:help;",t.title=e,window.I?.scan?.(t),requestAnimationFrame(()=>{try{t.parentNode&&typeof E<"u"&&E.tooltip&&(t.removeAttribute("title"),E.tooltip(t,{content:e,position:"top"}))}catch{}}),t}let we=null,Ct=null,Ge=null,he=null;function We(){Ge?.(),clearTimeout(Ct),Ct=setTimeout(()=>{we&&we()},350)}function Et(e){return e.toLowerCase().replace(/[^a-z0-9]+/g,"_").replace(/^_|_$/g,"")}function wt(e){return xt.find(t=>t.value===e)?.label||e}function kt(e){return(e||[]).some(t=>t.logic||Array.isArray(t.triggers)&&t.triggers.length)}function St(e){return e?!!(e.visibility?.conditions?.length||e.requirement?.conditions?.length||e.validation?.length||e.cascade?.sourceField):!1}function kn(e){const t={...T[e]};if(t.type==="spacer")return t;if(t.type==="page-break"){const b=document.getElementById(`fb-pb-label-${e}`),C=document.getElementById(`fb-pb-desc-${e}`);return b&&(t.label=b.value.trim()||t.label),C&&(t.description=C.value.trim()),t}const i=document.getElementById(`fb-label-${e}`),n=document.getElementById(`fb-name-${e}`),l=document.getElementById(`fb-type-${e}`),a=document.getElementById(`fb-required-${e}`),o=document.getElementById(`fb-placeholder-${e}`),s=document.getElementById(`fb-helper-${e}`),d=document.getElementById(`fb-tooltip-${e}`);i&&(t.label=i.value.trim()||t.label),n&&(t.name=n.value.trim()||t.name),l&&(t.type=l.value||t.type),a&&(t.required=a.checked),o&&(t.placeholder=o.value.trim()),s&&(t.helper=s.value.trim()),d&&(t.tooltip=d.value.trim());const r=document.getElementById(`fb-class-${e}`);if(r){const b=r.value.trim();b?t.class=b:delete t.class}if(t.type==="chooser"){const b=document.getElementById(`fb-chooser-variant-${e}`)?.value;b&&(t.variant=b);const C=document.getElementById(`fb-chooser-multiple-${e}`);C&&(t.multiple=C.checked);const L=document.getElementById(`fb-chooser-density-${e}`)?.value;L&&(t.density=L);const q=document.getElementById(`fb-chooser-columns-${e}`)?.value;q!==""&&q!==void 0&&(t.columns=parseInt(q,10)||3);const D=document.getElementById(`fb-chooser-accent-${e}`)?.value.trim();D?t.accent=D:delete t.accent;const V=document.getElementById(`fb-chooser-accent-style-${e}`)?.value;V?t.accentStyle=V:delete t.accentStyle;const _=document.getElementById(`fb-chooser-glow-${e}`);_&&(t.glow=_.checked);const K=document.getElementById(`fb-chooser-glow-colour-${e}`)?.value.trim();K?t.glowColour=K:delete t.glowColour;const G=document.getElementById(`fb-chooser-shadow-${e}`)?.value;G&&G!=="none"?t.shadow=G:delete t.shadow;const ne=document.getElementById(`fb-chooser-shadow-colour-${e}`)?.value.trim();ne?t.shadowColour=ne:delete t.shadowColour,$e(e),T[e]&&Array.isArray(T[e].options)&&(t.options=T[e].options)}else if(je.has(t.type)){["variant","density","columns","accent","accentStyle","glow","glowColour","shadow","shadowColour"].forEach(C=>delete t[C]),t.type!=="checkbox-group"&&t.type!=="multiselect"&&delete t.multiple;const b=document.getElementById(`fb-options-${e}`);b&&(t.options=b.value.split(`
+`).filter(C=>C.trim()).map(C=>{const[L,...q]=C.split(":");return{value:L.trim(),label:q.join(":").trim()||L.trim()}}))}for(const b of["prefix","suffix"]){const C=document.getElementById(`fb-${b}-icon-${e}`),L=document.getElementById(`fb-${b}-text-${e}`),q={...t.formConfig||{}};if(C||L){const D=C?.value.trim()||"",V=L?.value.trim()||"";D&&/^[a-z0-9-]+$/i.test(D)?q[b]={icon:D}:V?q[b]={text:V.slice(0,24)}:delete q[b]}else jt.includes(t.type)||delete q[b];t.formConfig=Object.keys(q).length?q:void 0}{const b={...t.formConfig||{}};for(const C of Vt){const L=document.getElementById(`fb-extra-${C.key}-${e}`);L&&C.types.includes(t.type)?L.checked?b[C.key]=!0:delete b[C.key]:C.types.includes(t.type)||delete b[C.key]}t.formConfig=Object.keys(b).length?b:void 0}if(t.type==="file"){const b=document.getElementById(`fb-file-multiple-${e}`);if(b){const C={...t.file||{}};if(b.checked){t.multiple=!0;const L=parseInt(document.getElementById(`fb-file-max-${e}`)?.value,10);L>=1?C.maxFiles=Math.min(L,De):delete C.maxFiles}else delete t.multiple,delete C.maxFiles;t.file=Object.keys(C).length?C:void 0}}if(t.type==="textarea"){const b=parseInt(document.getElementById(`fb-rows-${e}`)?.value,10);b>0&&(t.formConfig={...t.formConfig||{},rows:b})}const u=document.getElementById(`fb-span-${e}`),p=document.getElementById(`fb-fullwidth-${e}`);if(u||p){const b={...t.formConfig||{}};if(p?.checked)b.span="full";else{const C=parseInt(u?.value,10);C>1?b.span=C:delete b.span}t.formConfig=Object.keys(b).length?b:void 0}const m=document.getElementById(`fb-minlength-${e}`)?.value;m&&(t.minLength=parseInt(m,10));const v=document.getElementById(`fb-maxlength-${e}`)?.value;v&&(t.maxLength=parseInt(v,10));const f=document.getElementById(`fb-min-${e}`)?.value;f!==""&&f!==void 0&&(t.min=parseFloat(f));const y=document.getElementById(`fb-max-${e}`)?.value;y!==""&&y!==void 0&&(t.max=parseFloat(y));const w=Sn(e);w?t.logic=w:delete t.logic;const x=Gn(e);return x?t.triggers=x:delete t.triggers,t}function Sn(e){const t=document.querySelector(`.fb-field-card[data-index="${e}"]`);if(!t)return;const i=t.querySelector(".fb-field-logic");if(!i)return;const n={};let l=!1;const a=i.querySelector('[data-logic-section="visibility"]');if(a){const r=a.querySelector(".fb-logic-vis-default"),u=a.querySelector(".fb-logic-vis-transition"),p=Array.from(a.querySelectorAll(".fb-logic-cond-row")).map(y=>{const w=y.querySelector(".fb-logic-cond-field"),x=y.querySelector(".fb-logic-cond-op"),b=y.querySelector(".fb-logic-cond-val"),C=y.querySelector(".fb-logic-vis-then");return w?.value?{when:{all:[{field:w.value,operator:x.value,value:b.value}]},then:C.value}:null}).filter(Boolean),m=r?.value||"visible",v=u?.value||"none",f=parseInt(a.querySelector(".fb-logic-vis-duration")?.value||"",10);(m!=="visible"||p.length>0||v!=="none")&&(n.visibility={default:m,conditions:p},v!=="none"&&(n.visibility.transition=v),v!=="none"&&Number.isFinite(f)&&(n.visibility.duration=f),l=!0)}const o=i.querySelector('[data-logic-section="requirement"]');if(o){const r=o.querySelector(".fb-logic-req-default"),u=Array.from(o.querySelectorAll(".fb-logic-cond-row")).map(p=>{const m=p.querySelector(".fb-logic-cond-field"),v=p.querySelector(".fb-logic-cond-op"),f=p.querySelector(".fb-logic-cond-val"),y=p.querySelector(".fb-logic-req-then");return m?.value?{when:{all:[{field:m.value,operator:v.value,value:f.value}]},then:y.value==="true"}:null}).filter(Boolean);u.length>0&&(n.requirement={default:r?.checked===!0,conditions:u},l=!0)}const s=i.querySelector('[data-logic-section="validation"]');if(s){const r=Array.from(s.querySelectorAll(".fb-logic-val-rule")).map(u=>{const p=u.querySelector(".fb-logic-val-type"),m=u.querySelector(".fb-logic-val-pattern"),v=u.querySelector(".fb-logic-val-flags"),f=u.querySelector(".fb-logic-val-message");if(!m?.value.trim())return null;const y=p?.value||"regex",w={type:y,message:f?.value.trim()||"Invalid value."};return y==="regex"?(w.pattern=m.value.trim(),v?.value.trim()&&(w.flags=v.value.trim())):w.field=m.value.trim(),w}).filter(Boolean);r.length>0&&(n.validation=r,l=!0)}const d=i.querySelector('[data-logic-section="cascade"]');if(d){const r=d.querySelector(".fb-logic-cascade-source"),u=d.querySelector(".fb-logic-cascade-mapping"),p=d.querySelector(".fb-logic-cascade-defaults"),m=r?.value?.trim();if(m){let v={};try{v=JSON.parse(u?.value||"{}")}catch{}const f=(p?.value||"").split(`
+`).filter(y=>y.trim()).map(y=>{const[w,...x]=y.split(":");return{value:w.trim(),label:x.join(":").trim()||w.trim()}});n.cascade={sourceField:m,mapping:v,defaultOptions:f},l=!0}}return l?n:void 0}function j(){T=T.map((e,t)=>kn(t))}function Tn(e){const t=e.firstElementChild;if(!t||t.querySelector(".fb-drag-grip"))return;const i=document.createElement("span");i.className="fb-drag-grip",i.setAttribute("data-icon","grip-vertical"),i.setAttribute("data-icon-size","16"),i.title="Drag to reorder",t.insertBefore(i,t.firstChild),window.I?.scan?.(t)}function te(e){const t=e.find("#fields-list").get(0),i=e.find("#fields-empty-msg").get(0);if(t){if(Array.from(t.querySelectorAll(".fb-field-card")).forEach(n=>n.remove()),T.length===0){i&&(i.style.display=""),he?.(t),We();return}i&&(i.style.display="none"),T.forEach((n,l)=>{const a=n.type==="page-break"?Nn(n,l,e):n.type==="spacer"?Ln(n,l,e):$n(n,l,e);Tn(a),t.appendChild(a)}),he?.(t),We()}}function Nn(e,t,i){const n=document.createElement("div");n.className="fb-field-card",n.dataset.index=t,n.style.cssText="border:2px dashed var(--dm-border);border-radius:8px;overflow:hidden;margin-bottom:.75rem;background:var(--dm-card-bg);";const l=document.createElement("div");l.style.cssText="display:flex;align-items:center;gap:.6rem;padding:.6rem .8rem;cursor:pointer;user-select:none;";const a=document.createElement("span");a.textContent="- Page Break -",a.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);white-space:nowrap;flex-shrink:0;font-style:italic;";const o=document.createElement("span");o.textContent=e.label||"Untitled Step",o.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);";const s=document.createElement("div");s.style.cssText="display:flex;gap:.25rem;flex-shrink:0;margin-left:.5rem;";const d=document.createElement("button");d.className="btn btn-xs btn-ghost",d.title="Edit step",B(d,"more-horizontal"),d.addEventListener("click",v=>{v.stopPropagation(),u.style.display=u.style.display==="none"?"":"none"}),s.appendChild(d);const r=document.createElement("button");r.className="btn btn-xs btn-ghost",r.style.cssText="line-height:1;opacity:.6;",r.title="Remove page break",B(r,"x"),r.addEventListener("click",async v=>{v.stopPropagation(),await E.confirm("Remove this page break?")&&(j(),T.splice(t,1),te(i))}),s.appendChild(r),l.appendChild(a),l.appendChild(o),l.appendChild(s),l.addEventListener("click",()=>{u.style.display=u.style.display==="none"?"":"none"});const u=document.createElement("div");u.className="fb-field-body",u.style.cssText="padding:.8rem;border-top:1px dashed var(--dm-border);display:none;";const p=O([z("Step Title",`fb-pb-label-${t}`,"text",e.label||"","Shown as the wizard step heading"),z("Step Description",`fb-pb-desc-${t}`,"text",e.description||"","Optional sub-heading")]),m=p.querySelector(`#fb-pb-label-${t}`);return m&&m.addEventListener("input",()=>{o.textContent=m.value||"Untitled Step"}),u.appendChild(p),n.appendChild(l),n.appendChild(u),n}function Ln(e,t,i){const n=document.createElement("div");n.className="fb-field-card",n.dataset.index=t,n.style.cssText="border:1px dashed var(--dm-border);border-radius:6px;margin-bottom:.5rem;background:transparent;";const l=document.createElement("div");l.style.cssText="display:flex;align-items:center;gap:.6rem;padding:.4rem .8rem;";const a=document.createElement("div");a.style.cssText="flex:1;height:1px;background:var(--dm-border);";const o=document.createElement("span");o.textContent="Spacer",o.style.cssText="font-size:.7rem;color:var(--dm-text-muted);white-space:nowrap;padding:0 .4rem;font-style:italic;";const s=document.createElement("div");s.style.cssText="flex:1;height:1px;background:var(--dm-border);";const d=document.createElement("div");d.style.cssText="display:flex;gap:.25rem;flex-shrink:0;";const r=document.createElement("button");return r.className="btn btn-xs btn-ghost",r.style.cssText="line-height:1;opacity:.6;",r.title="Remove spacer",B(r,"x"),r.addEventListener("click",async u=>{u.stopPropagation(),j(),T.splice(t,1),te(i)}),d.appendChild(r),l.appendChild(a),l.appendChild(o),l.appendChild(s),l.appendChild(d),n.appendChild(l),n}function $n(e,t,i){const n=document.createElement("div");n.className="fb-field-card",n.dataset.index=t,n.style.cssText="border:1px solid var(--dm-border);border-radius:8px;overflow:hidden;margin-bottom:.75rem;background:var(--dm-card-bg);box-shadow:var(--dm-shadow-sm);";const l=document.createElement("div");l.style.cssText="display:flex;align-items:center;gap:.6rem;padding:.65rem .85rem;background:var(--dm-card-header-bg);cursor:pointer;user-select:none;";const a=document.createElement("span");a.textContent=wt(e.type),a.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);white-space:nowrap;flex-shrink:0;";const o=document.createElement("span");o.textContent=e.label||"(unlabelled)",o.style.cssText="flex:1;font-weight:600;font-size:.9rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;";const s=document.createElement("div");s.style.cssText="display:flex;gap:.25rem;flex-shrink:0;margin-left:.5rem;";const d=document.createElement("button");d.className="btn btn-xs btn-ghost",d.title="Edit field",B(d,"more-horizontal"),d.addEventListener("click",p=>{p.stopPropagation(),u.style.display=u.style.display==="none"?"":"none"}),s.appendChild(d);const r=document.createElement("button");if(r.className="btn btn-xs btn-ghost",r.style.cssText="line-height:1;opacity:.6;",r.title="Remove field",B(r,"x"),r.addEventListener("click",async p=>{p.stopPropagation(),await E.confirm("Remove this field?")&&(j(),T.splice(t,1),te(i))}),s.appendChild(r),l.appendChild(a),l.appendChild(o),e.required){const p=document.createElement("span");p.textContent="required",p.style.cssText="font-size:.7rem;color:var(--dm-danger);flex-shrink:0;",l.appendChild(p)}if(St(e.logic)){const p=document.createElement("span");B(p,"zap"),p.title="Has conditional logic",p.style.cssText="font-size:.75rem;color:var(--dm-primary);flex-shrink:0;",l.appendChild(p)}l.appendChild(s),l.addEventListener("click",()=>{u.style.display=u.style.display==="none"?"":"none"});const u=qn(e,t,o);return u.style.display="none",n.appendChild(l),n.appendChild(u),n}function qn(e,t,i){const n=document.createElement("div");n.className="fb-field-body",n.style.cssText="padding:1rem .9rem;border-top:1px solid var(--dm-border);";const l=O([z("Label",`fb-label-${t}`,"text",e.label||"","Shown above the field"),z("Field Name",`fb-name-${t}`,"text",e.name||"","Used as data key")]),a=O([Zn("Type",`fb-type-${t}`,xt,e.type||"string"),qe("Required",`fb-required-${t}`,e.required||!1)]),o=O([z("Placeholder",`fb-placeholder-${t}`,"text",e.placeholder||"","Hint text inside the field")]),s=O([z("Helper Text",`fb-helper-${t}`,"text",e.helper||"","Shown below the field"),z("Tooltip",`fb-tooltip-${t}`,"text",e.tooltip||"","Shown on hover via a help icon next to the label")]),d=O([z("CSS classes",`fb-class-${t}`,"text",e.class||"","Your own class names, separated by spaces, on the field's wrapper - style them in Custom CSS")]),r=e.formConfig?.span,u=O([z("Column Span",`fb-span-${t}`,"number",r&&r!=="full"?String(r):"1","Columns to span (grid only)"),qe("Full Width",`fb-fullwidth-${t}`,r==="full")]);u.classList.add("fb-grid-row"),u.style.display=document.getElementById("setting-layout")?.value==="grid"?"flex":"none",n.appendChild(l),n.appendChild(a),n.appendChild(o),n.appendChild(s),n.appendChild(d),n.appendChild(u);const p=n.querySelector(`#fb-label-${t}`),m=n.querySelector(`#fb-name-${t}`);p&&p.addEventListener("input",()=>{i&&(i.textContent=p.value||"(unlabelled)"),m&&!m.dataset.manuallyEdited&&(m.value=Et(p.value))}),m&&m.addEventListener("input",()=>{m.dataset.manuallyEdited="1"});const v=n.querySelector(`#fb-type-${t}`);v&&v.addEventListener("change",()=>{const y=n.closest(".fb-field-card");if(y){const b=y.querySelector("span");b&&(b.textContent=wt(v.value))}const w=n.querySelector(".fb-field-extras");w&&w.remove();const x=Pt(v.value,e,t);x&&n.appendChild(x)});const f=Pt(e.type,e,t);return f&&n.appendChild(f),n.appendChild(On(e,t)),n.appendChild(jn(e,t)),n}const ke=[{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"}],He=new Set(["is_empty","is_not_empty"]),Tt={equals:"includes",not_equals:"does not include",contains:"any value contains",not_contains:"no value contains",starts_with:"any value starts with",ends_with:"any value ends with",greater_than:"any value is greater than",less_than:"any value is less than",is_empty:"nothing selected",is_not_empty:"something selected",in:"includes one of (comma sep)",not_in:"includes none of (comma sep)",matches_regex:"any value matches regex"};function Ue(e){return!!e&&(e.type==="checkbox-group"||!!e.multiple)}function Se(e){const t=document.createElement("p");return t.textContent=e,t.style.cssText="font-size:.75rem;font-weight:700;color:var(--dm-text-muted);margin:0 0 .7rem;text-transform:uppercase;letter-spacing:.06em;",t}function Te(e,t,i,n,l){const a=document.createElement("div");a.className="fb-logic-cond-row",a.style.cssText="display:flex;gap:.55rem;align-items:center;margin-bottom:.6rem;flex-wrap:wrap;";const o=document.createElement("span");o.textContent="When",o.style.cssText="font-size:.73rem;color:var(--dm-text-muted);flex-shrink:0;";const s=document.createElement("select");s.className="form-select fb-logic-cond-field",s.style.cssText="flex:1 1 140px;min-width:140px;",t.forEach(f=>{const y=document.createElement("option");y.value=f.value,y.textContent=f.label,e&&f.value===e.field&&(y.selected=!0),s.appendChild(y)});const d=document.createElement("select");d.className="form-select fb-logic-cond-op",d.style.cssText="flex:1 1 160px;min-width:140px;",ke.forEach(f=>{const y=document.createElement("option");y.value=f.value,y.textContent=f.label,e&&f.value===e.operator&&(y.selected=!0),d.appendChild(y)});const r=()=>{const f=t.find(y=>y.value===s.value);Array.from(d.options).forEach(y=>{const w=ke.find(x=>x.value===y.value);y.textContent=f?.multi&&Tt[y.value]||w?.label||y.value})};r(),s.addEventListener("change",r);const u=document.createElement("input");u.type="text",u.className="form-input fb-logic-cond-val",u.placeholder="value",u.style.cssText="flex:1 1 120px;min-width:100px;",u.value=e?.value||"",e&&He.has(e.operator)&&(u.style.display="none"),d.addEventListener("change",()=>{u.style.display=He.has(d.value)?"none":""});const p=document.createElement("span");B(p,"arrow-right"),p.style.cssText="font-size:.73rem;color:var(--dm-text-muted);flex-shrink:0;";const m=document.createElement("select");m.className=`form-select ${n}`,m.style.cssText="flex:1 1 140px;min-width:120px;",i.forEach(f=>{const y=document.createElement("option");y.value=f.value,y.textContent=f.label,f.value===l&&(y.selected=!0),m.appendChild(y)});const v=document.createElement("button");return v.type="button",v.className="btn btn-xs btn-ghost",v.style.cssText="line-height:1;opacity:.6;",B(v,"x"),v.style.flexShrink="0",v.addEventListener("click",()=>a.remove()),a.appendChild(o),a.appendChild(s),a.appendChild(d),a.appendChild(u),a.appendChild(p),a.appendChild(m),a.appendChild(v),a}function An(e,t,i){const n=document.createElement("div");n.dataset.logicSection="visibility",n.appendChild(Se("Visibility"));const l=document.createElement("div");l.style.cssText="display:flex;align-items:center;gap:.6rem;margin-bottom:.65rem;flex-wrap:wrap;";const a=document.createElement("span");a.textContent="Default:",a.style.cssText="font-size:.8rem;flex-shrink:0;";const o=document.createElement("select");o.className="form-select fb-logic-vis-default",o.style.cssText="max-width:240px;",[{value:"visible",label:"Visible"},{value:"hidden",label:"Hidden"}].forEach(x=>{const b=document.createElement("option");b.value=x.value,b.textContent=x.label,x.value===(e.default||"visible")&&(b.selected=!0),o.appendChild(b)}),l.appendChild(a),l.appendChild(o),n.appendChild(l);const s=document.createElement("div");s.style.cssText="display:flex;align-items:center;gap:.6rem;margin-bottom:.65rem;flex-wrap:wrap;";const d=document.createElement("span");d.textContent="Transition:",d.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(x=>{const b=document.createElement("option");b.value=x.value,b.textContent=x.label,x.value===(e.transition||"none")&&(b.selected=!0),r.appendChild(b)}),s.appendChild(d),s.appendChild(r),n.appendChild(s);const u=document.createElement("div");u.style.cssText="display:flex;align-items:center;gap:.6rem;margin-bottom:.65rem;flex-wrap:wrap;";const p=document.createElement("span");p.textContent="Speed:",p.style.cssText="font-size:.8rem;flex-shrink:0;";const m=document.createElement("select");m.className="form-select fb-logic-vis-duration",m.style.cssText="max-width:240px;",[{value:"",label:"Default"},{value:"120",label:"Very fast (120ms)"},{value:"200",label:"Fast (200ms)"},{value:"350",label:"Medium (350ms)"},{value:"600",label:"Slow (600ms)"},{value:"1000",label:"Very slow (1s)"}].forEach(x=>{const b=document.createElement("option");b.value=x.value,b.textContent=x.label,x.value===String(e.duration??"")&&(b.selected=!0),m.appendChild(b)}),u.appendChild(p),u.appendChild(m),n.appendChild(u);const v=()=>{u.style.display=r.value==="none"?"none":""};v(),r.addEventListener("change",v);const f=document.createElement("div");f.className="fb-logic-vis-rules";const y=i.map(x=>({value:x.name,label:x.label||x.name,multi:Ue(x)})),w=[{value:"visible",label:"Show"},{value:"hidden",label:"Hide"}];if((e.conditions||[]).forEach(x=>{const b=(x.when?.all||x.when?.any||[])[0],C=x.then==="hidden"?"hidden":"visible";y.length>0&&f.appendChild(Te(b,y,w,"fb-logic-vis-then",C))}),n.appendChild(f),y.length>0){const x=document.createElement("button");x.type="button",x.className="btn btn-xs btn-ghost",x.style.cssText="font-size:.73rem;margin-top:.35rem;",fe(x,"plus","Add visibility rule"),x.addEventListener("click",()=>f.appendChild(Te(null,y,w,"fb-logic-vis-then","visible"))),n.appendChild(x)}return n}function Fn(e,t,i){const n=document.createElement("div");n.dataset.logicSection="requirement",n.appendChild(Se("Conditional Requirement"));const l=document.createElement("label");l.style.cssText="display:flex;align-items:center;gap:.5rem;font-size:.8rem;cursor:pointer;margin-bottom:.65rem;";const a=document.createElement("input");a.type="checkbox",a.className="fb-logic-req-default",a.checked=e.default===!0,l.appendChild(a),l.appendChild(document.createTextNode("Required by default")),n.appendChild(l);const o=document.createElement("div");o.className="fb-logic-req-rules";const s=i.map(r=>({value:r.name,label:r.label||r.name,multi:Ue(r)})),d=[{value:"true",label:"Make required"},{value:"false",label:"Make optional"}];if((e.conditions||[]).forEach(r=>{const u=(r.when?.all||r.when?.any||[])[0],p=r.then===!0?"true":"false";s.length>0&&o.appendChild(Te(u,s,d,"fb-logic-req-then",p))}),n.appendChild(o),s.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:.35rem;",fe(r,"plus","Add requirement rule"),r.addEventListener("click",()=>o.appendChild(Te(null,s,d,"fb-logic-req-then","true"))),n.appendChild(r)}return n}function Nt(e){const t=document.createElement("div");t.className="fb-logic-val-rule",t.style.cssText="display:flex;gap:.55rem;align-items:center;margin-bottom:.6rem;flex-wrap:wrap;";const i=document.createElement("select");i.className="form-select fb-logic-val-type",i.style.cssText="flex:0 0 140px;",[{value:"regex",label:"Regex"},{value:"match",label:"Match field"}].forEach(s=>{const d=document.createElement("option");d.value=s.value,d.textContent=s.label,s.value===(e?.type||"regex")&&(d.selected=!0),i.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 l=document.createElement("input");l.type="text",l.className="form-input fb-logic-val-flags",l.placeholder="flags",l.value=e?.flags||"",l.style.cssText="flex:0 0 55px;",e?.type==="match"&&(l.style.display="none"),i.addEventListener("change",()=>{l.style.display=i.value==="match"?"none":"",n.placeholder=i.value==="match"?"field name":"pattern"});const a=document.createElement("input");a.type="text",a.className="form-input fb-logic-val-message",a.placeholder="Error message",a.value=e?.message||"",a.style.cssText="flex:4;";const o=document.createElement("button");return o.type="button",o.className="btn btn-xs btn-ghost",o.style.cssText="line-height:1;opacity:.6;",B(o,"x"),o.style.flexShrink="0",o.addEventListener("click",()=>t.remove()),t.appendChild(i),t.appendChild(n),t.appendChild(l),t.appendChild(a),t.appendChild(o),t}function Bn(e,t,i){const n=document.createElement("div");n.dataset.logicSection="validation",n.appendChild(Se("Custom Validation"));const l=document.createElement("div");l.className="fb-logic-val-rules",(e||[]).forEach(o=>l.appendChild(Nt(o))),n.appendChild(l);const a=document.createElement("button");return a.type="button",a.className="btn btn-xs btn-ghost",a.style.cssText="font-size:.73rem;margin-top:.35rem;",fe(a,"plus","Add validation rule"),a.addEventListener("click",()=>l.appendChild(Nt(null))),n.appendChild(a),n}function In(e,t,i){const n=document.createElement("div");n.dataset.logicSection="cascade",n.appendChild(Se("Cascade Options")),n.lastChild.appendChild(Ve("Make this field's options depend on another field. When the source field changes, the options here are replaced by the mapping entry for its value; if nothing matches, the default options below are shown."));const l=document.createElement("div");l.style.cssText="display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;";const a=document.createElement("span");a.textContent="Source field:",a.style.cssText="font-size:.8rem;flex-shrink:0;";const o=document.createElement("select");o.className="form-select fb-logic-cascade-source",o.style.cssText="flex:1;";const s=document.createElement("option");s.value="",s.textContent="- none -",o.appendChild(s),i.forEach(m=>{const v=document.createElement("option");v.value=m.name,v.textContent=m.label||m.name,m.name===e.sourceField&&(v.selected=!0),o.appendChild(v)}),l.appendChild(a),l.appendChild(o),n.appendChild(l);const d=document.createElement("p");d.textContent='Mapping JSON - {"value":[{"value":"...","label":"..."}]}',d.appendChild(Ve(`Each key is a value of the source field; its list becomes this field's options when that value is picked. Example: {"uk":[{"value":"london","label":"London"}]} shows London when the source is "uk".`)),d.style.cssText="font-size:.73rem;color:var(--dm-text-muted);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(d),n.appendChild(r);const u=document.createElement("p");u.textContent="Default options (one per line: value:Label)",u.appendChild(Ve("Shown before the source field has a value, or when its value has no mapping entry.")),u.style.cssText="font-size:.73rem;color:var(--dm-text-muted);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(m=>{const v=typeof m=="string"?m:m.value??"",f=typeof m=="string"?m:m.label??v;return v===f?v:`${v}:${f}`}).join(`
-`),n.appendChild(u),n.appendChild(p),n}function Bn(e,t){const o=e.logic||{},n=k.filter((p,m)=>m!==t&&p.type!=="page-break"&&p.type!=="spacer"),l=document.createElement("div");l.className="fb-field-logic",l.style.cssText="margin-top:.75rem;border-top:1px solid var(--dm-border);padding-top:.5rem;";const a=document.createElement("div");a.style.cssText="display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:.15rem 0;";const i=document.createElement("span");i.style.cssText="font-size:.8rem;font-weight:600;color:var(--dm-text-muted);",i.textContent="\u26A1 Conditional Logic";const s=wt(o),d=document.createElement("button");d.type="button",d.className="btn btn-xs btn-ghost",B(d,s?"chevron-down":"chevron-right",12);const r=document.createElement("div");r.className="fb-logic-body",r.style.cssText="padding:.25rem 0 .25rem;"+(s?"":"display:none;"),a.addEventListener("click",()=>{const p=r.style.display==="none";r.style.display=p?"":"none",B(d,p?"chevron-down":"chevron-right",12)}),a.appendChild(i),a.appendChild(d),l.appendChild(a),r.appendChild($n(o.visibility||{},t,n)),r.appendChild(qn(o.requirement||{},t,n)),r.appendChild(An(o.validation||[],t,n));const u=document.getElementById(`fb-type-${t}`)?.value||e.type;return _e.has(u)&&r.appendChild(Fn(o.cascade||{},t,n)),l.appendChild(r),l}const be=[{value:"banner",label:"Show a banner",kind:"state",params:["message","level","position","dismissible"],placeholder:"e.g. You must be 18 or over to continue."},{value:"toast",label:"Show a toast",kind:"event",params:["message","level"],placeholder:"e.g. Thanks - carry on."},{value:"hide-fields",label:"Hide fields",kind:"state",params:["target"]},{value:"disable-fields",label:"Disable fields",kind:"state",params:["target"]},{value:"require-fields",label:"Make fields required",kind:"state",params:["target"]},{value:"block-submit",label:"Block submission",kind:"state",params:["message"],messageLabel:"Reason, shown under the button",placeholder:'Blank: "This form cannot be submitted yet."'},{value:"end-form",label:"End the form here",kind:"state",params:["message","finish","finishLabel","doneMessage","record"],messageLabel:"Message shown in place of the rest",placeholder:"e.g. Sorry - you must be 18 or over to apply."},{value:"goto-step",label:"Jump to a wizard step",kind:"event",params:["step"]},{value:"redirect",label:"Redirect after submit",kind:"event",params:["url"]},{value:"celebrate",label:"Celebrate",kind:"event",params:["theme","intensity"]},{value:"run-action",label:"Run a CMS action",kind:"event",params:["slug"]},{value:"notify",label:"Notify the admins",kind:"event",params:["message","level"],messageLabel:"Notification title",placeholder:"Blank: titled after the form",noOnce:!0,kindText:"when the form is submitted"}],Ne=[{value:"info",label:"Info"},{value:"success",label:"Success"},{value:"warning",label:"Warning"},{value:"error",label:"Error"}],Tt=[{value:"field-below",label:"Below this field"},{value:"field-above",label:"Above this field"},{value:"form-top",label:"Top of the form"}],Nt=[{value:"rest",label:"The rest of the form"},{value:"all",label:"Every other field"},{value:"listed",label:"Chosen fields"}],Lt=[{value:"auto",label:"Whatever is in season"},{value:"christmas",label:"Christmas"},{value:"halloween",label:"Halloween"},{value:"valentines",label:"Valentine's Day"},{value:"guy-fawkes",label:"Guy Fawkes Night"},{value:"st-patricks",label:"St Patrick's Day"},{value:"st-andrews",label:"St Andrew's Day"},{value:"st-davids",label:"St David's Day"},{value:"st-georges",label:"St George's Day"}];function $t(e,t=!1){const o=(i,s)=>({value:i.name,label:`${i.label||i.name}${s?" (this field)":""}`,multi:We(i)}),n=i=>i&&i.type!=="page-break"&&i.type!=="spacer"&&i.name,l=k.filter((i,s)=>s!==e&&n(i)).map(i=>o(i,!1)),a=k[e];return t&&n(a)?[o(a,!0),...l]:l}function Q(e,t,o){const n=document.createElement("select");return n.className=`form-select ${e}`,t.forEach(l=>{const a=document.createElement("option");a.value=l.value,a.textContent=l.label,l.value===o&&(a.selected=!0),n.appendChild(a)}),n}function se(e,t,o){const n=document.createElement("input");return n.type="text",n.className=`form-input ${e}`,n.value=t==null?"":String(t),o&&(n.placeholder=o),n}function He(e,t){const o=document.createElement("button");return o.type="button",o.className="btn btn-xs btn-ghost fb-trig-remove",t&&(o.title=t,o.setAttribute("aria-label",t)),B(o,"x"),o.addEventListener("click",n=>{n.stopPropagation(),e()}),o}function H(e,t,{full:o=!1,hint:n=""}={}){const l=document.createElement("label");l.className=`fb-trig-f${o?" fb-trig-f--full":""}`;const a=document.createElement("span");if(a.className="fb-trig-f-label",a.textContent=e,l.appendChild(a),l.appendChild(t),n){const i=document.createElement("span");i.className="fb-trig-f-hint",i.textContent=n,l.appendChild(i)}return l}function ge(e,t,o,n){const l=document.createElement("label");l.className="fb-trig-check",n&&(l.title=n);const a=document.createElement("input");return a.type="checkbox",a.className=`form-check ${e}`,a.checked=!!t,l.appendChild(a),l.appendChild(document.createTextNode(o)),l}function qt(e,t){const o=document.createElement("div");o.className="fb-trig-cond-row";const n=Q("fb-trig-cond-field",t,e?.field),l=Q("fb-trig-cond-op",ke,e?.operator),a=se("fb-trig-cond-val",e?.value,"value"),i=()=>{const d=t.find(r=>r.value===n.value);Array.from(l.options).forEach(r=>{const u=ke.find(p=>p.value===r.value);r.textContent=d?.multi&&kt[r.value]||u?.label||r.value})},s=()=>{a.hidden=Ge.has(l.value)};return i(),s(),n.addEventListener("change",i),l.addEventListener("change",s),o.appendChild(n),o.appendChild(l),o.appendChild(a),o.appendChild(He(()=>o.remove(),"Remove condition")),o}const At=["banner","toast","block-submit","end-form"],Ft=["password","file","image","signature"],In="Put an answer in with {{field_name}} - e.g. Hello {{name}}. Pick one from Insert field.";function On(){try{P()}catch{}return k.filter(e=>e&&e.name&&e.type!=="page-break"&&e.type!=="spacer"&&!Ft.includes(e.type))}function Bt(e,t,o){const n=se(e,t,o),l=document.createElement("span");l.className="fb-token-row";const a=document.createElement("select");a.className="form-input fb-token-pick",a.title="Insert an answer into the message",a.setAttribute("aria-label","Insert a field's answer into the message");const i=()=>{a.replaceChildren(new Option("Insert field",""));for(const s of On())a.appendChild(new Option(`${s.label||s.name} ({{${s.name}}})`,s.name))};return i(),a.addEventListener("focus",i),a.addEventListener("mousedown",i),a.addEventListener("change",()=>{const s=a.value;if(a.value="",!s)return;const d=`{{${s}}}`,r=n.selectionStart??n.value.length,u=n.selectionEnd??r;n.value=n.value.slice(0,r)+d+n.value.slice(u),n.focus(),n.setSelectionRange(r+d.length,r+d.length),n.dispatchEvent(new Event("input",{bubbles:!0})),n.dispatchEvent(new Event("change",{bubbles:!0}))}),l.append(n,a),l}function zn(e){const t=window.FormLogicEngine;if(!t?.triggerTokens)return[];const o=new Map((e||[]).filter(l=>l&&l.name).map(l=>[l.name,l])),n=new Set;for(const l of e||[])for(const a of l?.triggers||[])for(const i of[...a.then||[],...a.otherwise||[]])if(At.includes(i?.type))for(const s of[...t.triggerTokens(i.message),...t.triggerTokens(i.doneMessage)]){const d=o.get(s);(!d||Ft.includes(d.type))&&n.add(s)}return[...n]}function It(e,t){const o=document.createElement("div");o.className="fb-trig-params";const n=be.find(d=>d.value===(e.type||"banner"));if(!n)return o;const l=document.createElement("div");l.className="fb-trig-grid";const a=document.createElement("div");a.className="fb-trig-opts";const i=[];for(const d of n.params)switch(d){case"message":l.appendChild(At.includes(n.value)?H(n.messageLabel||"Message",Bt("fb-trig-p-message",e.message,n.placeholder||""),{full:!0,hint:In}):H(n.messageLabel||"Message",se("fb-trig-p-message",e.message,n.placeholder||""),{full:!0}));break;case"finish":a.appendChild(ge("fb-trig-p-finish-on",e.finish!==!1,"Let the visitor finish (send the answers given so far)",'Untick to stop the form dead: the submit button is disabled and nothing is sent, so nothing is saved and "Notify the admins" cannot fire.'));break;case"finishLabel":{const r=H("Button text",se("fb-trig-p-finish",e.finishLabel,"Finish"));i.push(r),l.appendChild(r);break}case"doneMessage":{const r=H("Closing message",Bt("fb-trig-p-done",e.doneMessage,"Blank: the form's own success message"));i.push(r),l.appendChild(r);break}case"record":{const r=ge("fb-trig-p-record",e.record!==!1,"Save the answers given so far",`Untick to keep nothing: no submission is stored and the form's email, webhook and actions do not run. A "Notify the admins" action still fires.`);i.push(r),a.appendChild(r);break}case"level":l.appendChild(H(n.value==="notify"?"Severity":"Level",Q("fb-trig-p-level",Ne,e.level||"info")));break;case"position":l.appendChild(H("Where",Q("fb-trig-p-position",Tt,e.position||"field-below")));break;case"dismissible":a.appendChild(ge("fb-trig-p-dismissible",e.dismissible!==!1,"The visitor can dismiss it"));break;case"target":{const r=Q("fb-trig-p-target",Nt,e.target||(e.fields?.length?"listed":"rest")),u=document.createElement("select");u.className="form-select fb-trig-p-fields",u.multiple=!0,u.size=4;const p=new Set(e.fields||[]);$t(t).forEach(f=>{const y=document.createElement("option");y.value=f.value,y.textContent=f.label,p.has(f.value)&&(y.selected=!0),u.appendChild(y)});const m=H("Fields",u,{hint:"Ctrl/Cmd-click to pick several"}),v=()=>{m.hidden=r.value!=="listed"};v(),r.addEventListener("change",v),l.appendChild(H("Which fields",r)),l.appendChild(m);break}case"step":{const r=se("fb-trig-p-step",e.step,"0");r.type="number",r.min="0",l.appendChild(H("Step",r,{hint:"Counting from 0"}));break}case"url":l.appendChild(H("Send them to",se("fb-trig-p-url",e.url,"/thank-you"),{full:!0}));break;case"theme":l.appendChild(H("Theme",Q("fb-trig-p-theme",Lt,e.theme||"auto")));break;case"intensity":l.appendChild(H("Intensity",Q("fb-trig-p-intensity",[{value:"low",label:"Low"},{value:"medium",label:"Medium"},{value:"high",label:"High"}],e.intensity||"medium")));break;case"slug":{const r=[{value:"",label:xe.length?"Choose an action":"No actions available"}].concat(xe.map(u=>({value:u.slug,label:u.title||u.slug})));l.appendChild(H("Action",Q("fb-trig-p-slug",r,e.slug||""),{full:!0}));break}default:break}n.kind==="event"&&!n.noOnce&&a.appendChild(ge("fb-trig-p-once",!!e.once,"Only once","Fire the first time only, rather than every time the answer swings back."));const s=a.querySelector(".fb-trig-p-finish-on");if(s){const d=()=>i.forEach(r=>{r.hidden=!s.checked});d(),s.addEventListener("change",d)}return l.children.length&&o.appendChild(l),a.children.length&&o.appendChild(a),o}function Mn(e){return e?.kindText?e.kindText:e?.kind==="event"?"once, when it becomes true":"while it is true"}const Rn=(e,t=48)=>e.length>t?`${e.slice(0,t-1)}\u2026`:e,re=(e,t)=>e.find(o=>o.value===t)?.label||t;function Dn(e){if(!e)return"";const t=[],o=l=>l?`"${Rn(l)}"`:"",n=()=>e.target==="listed"?e.fields?.length?e.fields.join(", "):"no fields chosen":re(Nt,e.target||"rest").toLowerCase();switch(e.type){case"banner":t.push(o(e.message)||"No message yet",re(Ne,e.level||"info"),re(Tt,e.position||"field-below").toLowerCase());break;case"toast":t.push(o(e.message)||"No message yet",re(Ne,e.level||"info"));break;case"hide-fields":case"disable-fields":case"require-fields":t.push(n());break;case"block-submit":t.push(o(e.message)||"the standard reason");break;case"end-form":t.push(o(e.message)||"no message"),e.finish===!1?t.push("submit disabled"):t.push(`button "${e.finishLabel||"Finish"}"`,e.record===!1?"saves nothing":"saves the answers");break;case"goto-step":t.push(Number.isFinite(e.step)?`step ${e.step}`:"no step yet");break;case"redirect":t.push(e.url||"no address yet");break;case"celebrate":t.push(re(Lt,e.theme||"auto"),`${e.intensity||"medium"} intensity`);break;case"run-action":t.push(e.slug?xe.find(l=>l.slug===e.slug)?.title||e.slug:"no action chosen");break;case"notify":t.push(o(e.message)||"titled after the form",re(Ne,e.level||"info"));break;default:break}return e.once&&t.push("only once"),t.filter(Boolean).join(" \xB7 ")}function Ue(e,t,{open:o=!1}={}){const n=document.createElement("div");n.className="fb-trig-action-row";const l=document.createElement("div");l.className="fb-trig-action-head",l.tabIndex=0,l.setAttribute("role","button");const a=document.createElement("span");a.className="fb-trig-chevron";const i=document.createElement("span");i.className="fb-trig-action-main";const s=document.createElement("strong"),d=document.createElement("small");d.className="fb-trig-action-summary",i.append(s,d);const r=document.createElement("span");r.className="fb-trig-kind",l.append(a,i,r,He(()=>n.remove(),"Remove action"));const u=document.createElement("div");u.className="fb-trig-action-body";const p=Q("fb-trig-action-type",be,e.type||"banner");u.appendChild(H("Action",p,{full:!0})),u.appendChild(It(e,t));const m=()=>{const f=be.find(y=>y.value===p.value);s.textContent=f?.label||p.value,r.textContent=Mn(f),r.classList.toggle("fb-trig-kind--event",f?.kind==="event"),d.textContent=Dn(Rt(n))},v=f=>{u.hidden=!f,n.classList.toggle("is-open",f),l.setAttribute("aria-expanded",String(f)),B(a,f?"chevron-down":"chevron-right",12)};return l.addEventListener("click",()=>v(u.hidden)),l.addEventListener("keydown",f=>{f.target!==l||f.key!=="Enter"&&f.key!==" "||(f.preventDefault(),v(u.hidden))}),p.addEventListener("change",()=>{const f=It({type:p.value},t);u.replaceChild(f,u.querySelector(".fb-trig-params")),m(),window.I?.scan?.()}),u.addEventListener("input",m),u.addEventListener("change",m),n.append(l,u),v(o),m(),n}function Ot(e,t,o){const n=document.createElement("section");n.className=`fb-trig-sec fb-trig-sec--${e}`;const l=document.createElement("div");l.className="fb-trig-sec-head";const a=document.createElement("span");if(a.className="fb-trig-sec-title",a.textContent=t,l.appendChild(a),o){const i=document.createElement("span");i.className="fb-trig-sec-hint",i.textContent=o,l.appendChild(i)}return n.appendChild(l),n}function Ke(e,t){const o=document.createElement("button");return o.type="button",o.className="btn btn-xs btn-ghost fb-trig-add",fe(o,"plus",e,12),o.addEventListener("click",t),o}function zt(e,t,o,n){const a=Ot(e,t,e==="then"?"What happens while the answers match.":"What happens while they do not. Leave empty for nothing.");a.classList.add("fb-trig-branch"),a.dataset.branch=e;const i=document.createElement("div");return i.className="fb-trig-action-list",(o||[]).forEach(s=>i.appendChild(Ue(s,n))),a.appendChild(i),a.appendChild(Ke("Add action",()=>{i.appendChild(Ue({type:"banner"},n,{open:!0})),window.I?.scan?.()})),a}function Mt(e,t,o){const n=$t(t,!0),l=document.createElement("div");l.className="fb-trig-card",l.dataset.triggerId=e.id||`trg-${Date.now()}-${Math.random().toString(36).slice(2,7)}`;const a=document.createElement("div");a.className="fb-trig-card-head";const i=document.createElement("span");i.className="fb-trig-card-title",i.textContent=`Trigger ${o+1}`,a.appendChild(i);const s=ge("fb-trig-enabled",e.enabled!==!1,"Enabled","Untick to keep the trigger but switch it off.");if(a.appendChild(s),a.appendChild(He(()=>l.remove(),"Remove trigger")),l.appendChild(a),!n.length){const p=document.createElement("p");return p.className="fb-trig-empty",p.textContent="Give this field a name first - a trigger tests an answer, and it needs something to test.",l.appendChild(p),l}const d=Ot("when","When");d.querySelector(".fb-trig-sec-head").appendChild(Q("fb-trig-match",[{value:"all",label:"all of these are true"},{value:"any",label:"any of these is true"}],Array.isArray(e.when?.any)?"any":"all"));const r=document.createElement("div");r.className="fb-trig-cond-list";const u=e.when?.all||e.when?.any||[];return(u.length?u:[{}]).forEach(p=>r.appendChild(qt(p,n))),d.appendChild(r),d.appendChild(Ke("Add condition",()=>{r.appendChild(qt({},n)),window.I?.scan?.()})),l.appendChild(d),l.appendChild(zt("then","Then",e.then,t)),l.appendChild(zt("otherwise","Otherwise",e.otherwise,t)),l}function _n(e,t){const o=Array.isArray(e.triggers)?e.triggers:[],n=document.createElement("div");n.className="fb-field-triggers";const l=document.createElement("div");l.className="fb-trig-panel-head";const a=document.createElement("span");a.className="fb-trig-panel-title",a.textContent=`\u{1F3AF} Triggers${o.length?` (${o.length})`:""}`;const i=document.createElement("button");i.type="button",i.className="btn btn-xs btn-ghost",B(i,o.length?"chevron-down":"chevron-right",12);const s=document.createElement("div");s.className="fb-triggers-body",s.hidden=!o.length,l.addEventListener("click",()=>{s.hidden=!s.hidden,B(i,s.hidden?"chevron-right":"chevron-down",12)});const d=document.createElement("p");d.className="fb-trig-blurb",d.textContent="Do something to the form when the answers meet a condition - show a banner or toast, hide, disable or require other fields, refuse the submit, end the form early, notify the admins, jump to a step, or celebrate.",s.appendChild(d);const r=document.createElement("div");return r.className="fb-trig-list",o.forEach((u,p)=>r.appendChild(Mt(u,t,p))),s.appendChild(r),s.appendChild(Ke("Add trigger",()=>{const u=Mt({enabled:!0,then:[]},t,r.children.length);r.appendChild(u),u.querySelector('.fb-trig-branch[data-branch="then"] .fb-trig-action-list')?.appendChild(Ue({type:"banner"},t,{open:!0})),window.I?.scan?.()})),l.appendChild(a),l.appendChild(i),n.appendChild(l),n.appendChild(s),n}function Rt(e){const t=e.querySelector(".fb-trig-action-type")?.value,o=be.find(a=>a.value===t);if(!o)return null;const n={type:t},l=a=>e.querySelector(a)?.value?.trim()||"";for(const a of o.params)switch(a){case"message":n.message=l(".fb-trig-p-message");break;case"finishLabel":{const i=l(".fb-trig-p-finish");i&&(n.finishLabel=i);break}case"doneMessage":{const i=l(".fb-trig-p-done");i&&(n.doneMessage=i);break}case"finish":e.querySelector(".fb-trig-p-finish-on")?.checked||(n.finish=!1);break;case"record":e.querySelector(".fb-trig-p-record")?.checked||(n.record=!1);break;case"level":n.level=l(".fb-trig-p-level")||"info";break;case"position":n.position=l(".fb-trig-p-position")||"field-below";break;case"dismissible":n.dismissible=!!e.querySelector(".fb-trig-p-dismissible")?.checked;break;case"target":{const i=l(".fb-trig-p-target")||"rest";n.target=i,i==="listed"&&(n.fields=Array.from(e.querySelectorAll(".fb-trig-p-fields option")).filter(s=>s.selected).map(s=>s.value));break}case"step":{const i=parseInt(l(".fb-trig-p-step"),10);Number.isFinite(i)&&(n.step=i);break}case"url":n.url=l(".fb-trig-p-url");break;case"theme":n.theme=l(".fb-trig-p-theme")||"auto";break;case"intensity":n.intensity=l(".fb-trig-p-intensity")||"medium";break;case"slug":n.slug=l(".fb-trig-p-slug");break;default:break}return o.kind==="event"&&!o.noOnce&&e.querySelector(".fb-trig-p-once")?.checked&&(n.once=!0),n}function Pn(e){const t=Rt(e);if(!t)return null;const o=be.find(a=>a.value===t.type),n=t.type,l=["block-submit","end-form","notify"].includes(o.value);return o.params.includes("message")&&!t.message&&!l?(delete t.message,null):(l&&!t.message&&delete t.message,n==="redirect"&&!t.url||n==="run-action"&&!t.slug?null:t)}function jn(e){const o=document.querySelector(`.fb-field-card[data-index="${e}"]`)?.querySelector(".fb-field-triggers");if(!o)return;const n=[];return o.querySelectorAll(".fb-trig-card").forEach(l=>{const a=Array.from(l.querySelectorAll(".fb-trig-cond-row")).map(p=>{const m=p.querySelector(".fb-trig-cond-field")?.value,v=p.querySelector(".fb-trig-cond-op")?.value;if(!m||!v)return null;const f=p.querySelector(".fb-trig-cond-val")?.value??"";return{field:m,operator:v,value:f}}).filter(Boolean);if(!a.length)return;const i=p=>Array.from(l.querySelectorAll(`.fb-trig-branch[data-branch="${p}"] .fb-trig-action-row`)).map(Pn).filter(Boolean),s=i("then"),d=i("otherwise");if(!s.length&&!d.length)return;const r=l.querySelector(".fb-trig-match")?.value==="any"?"any":"all",u={id:l.dataset.triggerId,enabled:!!l.querySelector(".fb-trig-enabled")?.checked,when:{[r]:a}};s.length&&(u.then=s),d.length&&(u.otherwise=d),n.push(u)}),n.length?n:void 0}function Dt(e,t,o){const n=document.createElement("div");return n.className="fb-field-extras",e==="chooser"?(n.appendChild(Wn(t,o)),n.appendChild(Un(t.options||[],o))):(_e.has(e)&&n.appendChild(Xn(t.options||[],o)),e==="textarea"&&n.appendChild(O([j("Rows",`fb-rows-${o}`,"number",t.formConfig?.rows||4,"Height of textarea")])),(e==="string"||e==="textarea")&&n.appendChild(O([j("Min Length",`fb-minlength-${o}`,"number",t.minLength||"",""),j("Max Length",`fb-maxlength-${o}`,"number",t.maxLength||"","")])),e==="number"&&n.appendChild(O([j("Min",`fb-min-${o}`,"number",t.min??"",""),j("Max",`fb-max-${o}`,"number",t.max??"","")]))),_t.includes(e)&&n.appendChild(Gn(t,o)),n.children.length?n:null}const _t=["string","email","tel","number","url","date","time","password","select","textarea"],Pt=[{key:"reveal",label:"Show / hide button",types:["password"],hint:"Show / hide lets the visitor see what they typed."},{key:"clear",label:"Clear button",types:["string","email","tel","url","textarea"],hint:"Clear adds an x that empties the field."},{key:"stepper",label:"- / + buttons",types:["number"],hint:"The - and + buttons step the number within its min, max and step."},{key:"counter",label:"Character counter",types:["string","textarea"],hint:"The counter shows how many characters are used, against Max Length if one is set."}];function Vn(e){return e?typeof e=="string"?{icon:"",text:e}:{icon:e.icon||"",text:e.icon?"":e.text??""}:{icon:"",text:""}}function Gn(e,t){const o=document.createElement("div");o.className="fb-addons";const n=(i,s)=>{const d=Vn(e.formConfig?.[i]),r=document.createElement("div");r.style.flex="1";const u=document.createElement("span");u.className="form-label",u.style.fontSize=".8rem",u.textContent=s;const p=Me("Icon, e.g. search",d.icon);p.input.id=`fb-${i}-icon-${t}`,p.input.setAttribute("aria-label",`${s}: icon`);const m=document.createElement("input");return m.type="text",m.className="form-input",m.id=`fb-${i}-text-${t}`,m.value=d.text,m.placeholder="or text, e.g. \xA3 or kg",m.maxLength=24,m.setAttribute("aria-label",`${s}: text`),m.style.marginTop=".35rem",p.input.addEventListener("input",()=>{p.input.value.trim()&&(m.value="")}),m.addEventListener("input",()=>{m.value.trim()&&(p.input.value="")}),r.append(u,p.el,m),r};o.appendChild(O([n("prefix","Before the field"),n("suffix","After the field")]));const l=document.createElement("p");l.className="form-hint text-muted",l.style.cssText="font-size:.73rem;margin:-.4rem 0 .75rem;",l.textContent="An icon or a short text joined to the start or end of the input, like \xA3 before a price or kg after a weight. Leave both empty for none.",o.appendChild(l);const a=Pt.filter(i=>i.types.includes(e.type));if(a.length){o.appendChild(O(a.map(s=>Qe(s.label,`fb-extra-${s.key}-${t}`,!!e.formConfig?.[s.key]))));const i=document.createElement("p");i.className="form-hint text-muted",i.style.cssText="font-size:.73rem;margin:-.4rem 0 .75rem;",i.textContent=a.map(s=>s.hint).join(" "),o.appendChild(i)}return o}function jt(e){const t=document.createElement("div");t.className="fb-chooser-section",t.style.cssText="border:1px solid var(--dm-border); border-radius:6px; margin-top:.5rem; overflow:hidden;";const o=document.createElement("div");o.style.cssText="padding:.4rem .6rem; background:color-mix(in srgb, var(--dm-background) 60%, transparent); font-weight:600; font-size:.82rem; border-bottom:1px solid var(--dm-border);",o.textContent=e,t.appendChild(o);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 Le(e,t,o,n,l){const a=document.createElement("div");a.style.flex="1";const i=document.createElement("label");i.htmlFor=e,i.className="form-label",i.textContent=t,i.style.fontSize=".8rem";const s=document.createElement("select");if(s.id=e,s.className="form-input",n.forEach(([d,r])=>{const u=document.createElement("option");u.value=d,u.textContent=r,String(d)===String(o)&&(u.selected=!0),s.appendChild(u)}),a.appendChild(i),a.appendChild(s),l){const d=document.createElement("p");d.className="form-hint text-muted",d.textContent=l,d.style.cssText="font-size:.72rem;margin-top:.2rem;",a.appendChild(d)}return a}function Vt(e,t,o,n){const l=document.createElement("div");l.style.flex="1";const a=document.createElement("label");a.style.cssText="display:inline-flex;align-items:center;gap:.4rem;font-size:.82rem;";const i=document.createElement("input");if(i.id=e,i.type="checkbox",i.checked=!!o,a.appendChild(i),a.appendChild(document.createTextNode(" "+t)),l.appendChild(a),n){const s=document.createElement("p");s.className="form-hint text-muted",s.textContent=n,s.style.cssText="font-size:.72rem;margin-top:.2rem;",l.appendChild(s)}return l}function Je(e,t,o,n,l){const a=document.createElement("div");a.style.flex="1";const i=document.createElement("label");i.htmlFor=e,i.className="form-label",i.textContent=t,i.style.fontSize=".8rem",a.appendChild(i);const s=document.createElement("div");s.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=o||"",n&&(d.placeholder=n),d.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);border-radius:4px;cursor:pointer;";const u=String(d.value).match(/^#[0-9a-fA-F]{3,8}$/);if(r.value=u?d.value:"#000000",r.addEventListener("input",()=>{d.value=r.value,d.dispatchEvent(new Event("input",{bubbles:!0}))}),s.appendChild(d),s.appendChild(r),a.appendChild(s),l){const p=document.createElement("p");p.className="form-hint text-muted",p.textContent=l,p.style.cssText="font-size:.72rem;margin-top:.2rem;",a.appendChild(p)}return a}function Wn(e,t){const o=document.createElement("div");o.style.cssText="margin-top:.5rem; display:flex; flex-direction:column; gap:.4rem;";const n=jt("Layout");n.body.appendChild(O([Le(`fb-chooser-variant-${t}`,"Variant",e.variant||"card",[["card","Card - rich tiles"],["chip","Chip - compact pills"]],"Card supports description and grid columns; chips wrap."),Vt(`fb-chooser-multiple-${t}`,"Multi-select",!!e.multiple,"Off = single (radio); on = multi (checkbox).")])),n.body.appendChild(O([Le(`fb-chooser-density-${t}`,"Density",e.density||"comfortable",[["comfortable","Comfortable"],["compact","Compact"]],"Compact strips description (card variant only)."),j("Columns",`fb-chooser-columns-${t}`,"number",e.columns||3,"Card grid (1-6). Ignored for chips.")])),o.appendChild(n.wrap);const l=jt("Visual");return l.body.appendChild(O([Je(`fb-chooser-accent-${t}`,"Accent",e.accent||"","primary / success / #ec4899","Selected highlight colour - semantic name or any CSS colour."),Le(`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.")])),l.body.appendChild(O([Vt(`fb-chooser-glow-${t}`,"Glow on selected",!!e.glow,"Soft outer glow."),Je(`fb-chooser-glow-colour-${t}`,"Glow colour",e.glowColour||"","defaults to accent","Optional; semantic name or CSS colour.")])),l.body.appendChild(O([Le(`fb-chooser-shadow-${t}`,"Shadow",e.shadow||"none",[["none","None"],["sm","Small"],["md","Medium"],["lg","Large"],["xl","Extra Large"]],"Drop shadow on every option."),Je(`fb-chooser-shadow-colour-${t}`,"Shadow colour",e.shadowColour||"","rgba(0,0,0,0.1)","Optional shadow tint.")])),o.appendChild(l.wrap),o}function Hn(e,t,o,n){const l=document.createElement("div");l.className="fb-chooser-option-row",l.dataset.optIdx=String(o),l.style.cssText="border:1px solid var(--dm-border); border-radius:4px; padding:.5rem; background:var(--dm-background-alt); display:flex; flex-direction:column; gap:.35rem;";const a=document.createElement("div");a.style.cssText="display:flex; gap:.4rem; align-items:center;";const i=document.createElement("div");i.style.cssText="display:flex; flex-direction:column; gap:1px;";const s=document.createElement("button");s.type="button",s.className="btn btn-xs btn-ghost",s.title="Move up",B(s,"arrow-up"),s.addEventListener("click",D=>{D.preventDefault(),Gt(t,o,-1,n)});const d=document.createElement("button");d.type="button",d.className="btn btn-xs btn-ghost",d.title="Move down",B(d,"arrow-down"),d.addEventListener("click",D=>{D.preventDefault(),Gt(t,o,1,n)}),i.appendChild(s),i.appendChild(d),a.appendChild(i);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",a.appendChild(r);const u=document.createElement("input");u.type="text",u.className="form-input fb-chooser-opt-label",u.placeholder="label (visible to users)",u.value=e.label||"",u.style.flex="2",a.appendChild(u);const p=document.createElement("button");p.type="button",p.className="btn btn-xs btn-ghost",p.style.cssText="line-height:1;opacity:.6;",p.title="Remove option",B(p,"x"),p.addEventListener("click",D=>{D.preventDefault(),Yn(t,o,n)}),a.appendChild(p),l.appendChild(a);const m=document.createElement("div");m.style.cssText="display:flex; gap:.4rem;";const v=Me("icon name (optional)",e.icon||"");v.input.classList.add("fb-chooser-opt-icon"),v.el.style.flex="1",m.appendChild(v.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",m.appendChild(f),l.appendChild(m);const y=document.createElement("div");y.style.cssText="display:flex; gap:.4rem;";const C=document.createElement("input");C.type="text",C.className="form-input fb-chooser-opt-tooltip",C.placeholder="tooltip (hover hint)",C.value=e.tooltip||"",C.style.flex="2",y.appendChild(C);const x=document.createElement("input");x.type="text",x.className="form-input fb-chooser-opt-badge-text",x.placeholder="badge text",x.value=e.badge?.text||"",x.style.flex="1",y.appendChild(x);const b=document.createElement("select");b.className="form-input fb-chooser-opt-badge-type",b.style.flex="1",[["","no badge"],["primary","primary"],["success","success"],["info","info"],["warning","warning"],["danger","danger"]].forEach(([D,K])=>{const G=document.createElement("option");G.value=D,G.textContent=K,(e.badge?.type||"")===D&&(G.selected=!0),b.appendChild(G)}),y.appendChild(b),l.appendChild(y);const T=document.createElement("div");T.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")),T.appendChild(q);const z=document.createElement("label");z.style.cssText="display:inline-flex;align-items:center;gap:.3rem;";const V=document.createElement("input");return V.type="checkbox",V.className="fb-chooser-opt-disabled",V.checked=!!e.disabled,z.appendChild(V),z.appendChild(document.createTextNode(" Disabled")),T.appendChild(z),l.appendChild(T),l}function Un(e,t){const o=document.createElement("div");o.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 l=document.createElement("p");l.textContent="Options",l.style.cssText="font-size:.85rem;font-weight:600;margin:0;",n.appendChild(l);const a=document.createElement("button");a.type="button",a.className="btn btn-xs btn-ghost",fe(a,"plus","Add option"),n.appendChild(a),o.appendChild(n);const i=document.createElement("div");i.className="fb-chooser-options-list",i.id=`fb-chooser-options-${t}`,i.style.cssText="display:flex; flex-direction:column; gap:.4rem;",o.appendChild(i);const s=()=>{i.replaceChildren();const d=Kn(t);(d.length?d:e||[]).forEach((u,p)=>{i.appendChild(Hn(u,t,p,s))})};return a.addEventListener("click",d=>{d.preventDefault(),Jn(t,s)}),s(),o}function Kn(e){const t=k[e];return!t||!Array.isArray(t.options)?[]:t.options}function Ye(e){return k[e]?(Array.isArray(k[e].options)||(k[e].options=[]),k[e].options):[]}function Jn(e,t){$e(e),Ye(e).push({value:"new",label:"New option"}),t()}function Yn(e,t,o){$e(e),Ye(e).splice(t,1),o()}function Gt(e,t,o,n){$e(e);const l=Ye(e),a=t+o;if(a<0||a>=l.length)return;const[i]=l.splice(t,1);l.splice(a,0,i),n()}function $e(e){const t=document.getElementById(`fb-chooser-options-${e}`);if(!t)return;const o=t.querySelectorAll(".fb-chooser-option-row"),n=[];o.forEach(l=>{const a={value:l.querySelector(".fb-chooser-opt-value")?.value.trim()||"",label:l.querySelector(".fb-chooser-opt-label")?.value.trim()||""},i=l.querySelector(".fb-chooser-opt-icon")?.value.trim();i&&(a.icon=i);const s=l.querySelector(".fb-chooser-opt-description")?.value.trim();s&&(a.description=s);const d=l.querySelector(".fb-chooser-opt-tooltip")?.value.trim();d&&(a.tooltip=d);const r=l.querySelector(".fb-chooser-opt-badge-text")?.value.trim(),u=l.querySelector(".fb-chooser-opt-badge-type")?.value;(r||u)&&(a.badge={},r&&(a.badge.text=r),u&&(a.badge.type=u)),l.querySelector(".fb-chooser-opt-recommended")?.checked&&(a.recommended=!0),l.querySelector(".fb-chooser-opt-disabled")?.checked&&(a.disabled=!0),n.push(a)}),k[e]&&(k[e].options=n)}function O(e){const t=document.createElement("div");return t.style.cssText="display:flex;gap:.85rem;margin-bottom:.75rem;",e.forEach(o=>{o&&t.appendChild(o)}),t}function j(e,t,o,n,l){const a=document.createElement("div");a.style.flex="1";const i=document.createElement("label");i.htmlFor=t,i.className="form-label",i.textContent=e,i.style.fontSize=".8rem";const s=document.createElement("input");if(s.id=t,s.type=o||"text",s.className="form-input",s.value=n??"",a.appendChild(i),a.appendChild(s),l){const d=document.createElement("p");d.className="form-hint text-muted",d.textContent=l,d.style.cssText="font-size:.73rem;margin-top:.35rem;",a.appendChild(d)}return a}function Qn(e,t,o,n){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("select");return i.id=t,i.className="form-select",o.forEach(s=>{const d=document.createElement("option");d.value=s.value,d.textContent=s.label,s.value===n&&(d.selected=!0),i.appendChild(d)}),l.appendChild(a),l.appendChild(i),l}function Qe(e,t,o){const n=document.createElement("div");n.style.cssText="flex:0;min-width:80px;display:flex;flex-direction:column;justify-content:flex-end;";const l=document.createElement("label");l.style.cssText="display:flex;align-items:center;gap:.4rem;cursor:pointer;font-size:.8rem;white-space:nowrap;";const a=document.createElement("input");return a.id=t,a.type="checkbox",a.checked=o,l.appendChild(a),l.appendChild(document.createTextNode(e)),n.appendChild(l),n}function Xn(e,t){const o=document.createElement("div");o.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 l=document.createElement("textarea");return l.id=`fb-options-${t}`,l.className="form-input",l.rows=4,l.placeholder=`yes:Yes
+`),n.appendChild(u),n.appendChild(p),n}function On(e,t){const i=e.logic||{},n=T.filter((p,m)=>m!==t&&p.type!=="page-break"&&p.type!=="spacer"),l=document.createElement("div");l.className="fb-field-logic",l.style.cssText="margin-top:.75rem;border-top:1px solid var(--dm-border);padding-top:.5rem;";const a=document.createElement("div");a.style.cssText="display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:.15rem 0;";const o=document.createElement("span");o.style.cssText="font-size:.8rem;font-weight:600;color:var(--dm-text-muted);",o.textContent="\u26A1 Conditional Logic";const s=St(i),d=document.createElement("button");d.type="button",d.className="btn btn-xs btn-ghost",B(d,s?"chevron-down":"chevron-right",12);const r=document.createElement("div");r.className="fb-logic-body",r.style.cssText="padding:.25rem 0 .25rem;"+(s?"":"display:none;"),a.addEventListener("click",()=>{const p=r.style.display==="none";r.style.display=p?"":"none",B(d,p?"chevron-down":"chevron-right",12)}),a.appendChild(o),a.appendChild(d),l.appendChild(a),r.appendChild(An(i.visibility||{},t,n)),r.appendChild(Fn(i.requirement||{},t,n)),r.appendChild(Bn(i.validation||[],t,n));const u=document.getElementById(`fb-type-${t}`)?.value||e.type;return je.has(u)&&r.appendChild(In(i.cascade||{},t,n)),l.appendChild(r),l}const be=[{value:"banner",label:"Show a banner",kind:"state",params:["message","level","position","dismissible"],placeholder:"e.g. You must be 18 or over to continue."},{value:"toast",label:"Show a toast",kind:"event",params:["message","level"],placeholder:"e.g. Thanks - carry on."},{value:"hide-fields",label:"Hide fields",kind:"state",params:["target"]},{value:"disable-fields",label:"Disable fields",kind:"state",params:["target"]},{value:"require-fields",label:"Make fields required",kind:"state",params:["target"]},{value:"block-submit",label:"Block submission",kind:"state",params:["message"],messageLabel:"Reason, shown under the button",placeholder:'Blank: "This form cannot be submitted yet."'},{value:"end-form",label:"End the form here",kind:"state",params:["message","finish","finishLabel","doneMessage","record"],messageLabel:"Message shown in place of the rest",placeholder:"e.g. Sorry - you must be 18 or over to apply."},{value:"goto-step",label:"Jump to a wizard step",kind:"event",params:["step"]},{value:"redirect",label:"Redirect after submit",kind:"event",params:["url"]},{value:"celebrate",label:"Celebrate",kind:"event",params:["theme","intensity"]},{value:"run-action",label:"Run a CMS action",kind:"event",params:["slug"]},{value:"notify",label:"Notify the admins",kind:"event",params:["message","level"],messageLabel:"Notification title",placeholder:"Blank: titled after the form",noOnce:!0,kindText:"when the form is submitted"}],Ne=[{value:"info",label:"Info"},{value:"success",label:"Success"},{value:"warning",label:"Warning"},{value:"error",label:"Error"}],Lt=[{value:"field-below",label:"Below this field"},{value:"field-above",label:"Above this field"},{value:"form-top",label:"Top of the form"}],$t=[{value:"rest",label:"The rest of the form"},{value:"all",label:"Every other field"},{value:"listed",label:"Chosen fields"}],qt=[{value:"auto",label:"Whatever is in season"},{value:"christmas",label:"Christmas"},{value:"halloween",label:"Halloween"},{value:"valentines",label:"Valentine's Day"},{value:"guy-fawkes",label:"Guy Fawkes Night"},{value:"st-patricks",label:"St Patrick's Day"},{value:"st-andrews",label:"St Andrew's Day"},{value:"st-davids",label:"St David's Day"},{value:"st-georges",label:"St George's Day"}];function At(e,t=!1){const i=(o,s)=>({value:o.name,label:`${o.label||o.name}${s?" (this field)":""}`,multi:Ue(o)}),n=o=>o&&o.type!=="page-break"&&o.type!=="spacer"&&o.name,l=T.filter((o,s)=>s!==e&&n(o)).map(o=>i(o,!1)),a=T[e];return t&&n(a)?[i(a,!0),...l]:l}function X(e,t,i){const n=document.createElement("select");return n.className=`form-select ${e}`,t.forEach(l=>{const a=document.createElement("option");a.value=l.value,a.textContent=l.label,l.value===i&&(a.selected=!0),n.appendChild(a)}),n}function se(e,t,i){const n=document.createElement("input");return n.type="text",n.className=`form-input ${e}`,n.value=t==null?"":String(t),i&&(n.placeholder=i),n}function Ke(e,t){const i=document.createElement("button");return i.type="button",i.className="btn btn-xs btn-ghost fb-trig-remove",t&&(i.title=t,i.setAttribute("aria-label",t)),B(i,"x"),i.addEventListener("click",n=>{n.stopPropagation(),e()}),i}function H(e,t,{full:i=!1,hint:n=""}={}){const l=document.createElement("label");l.className=`fb-trig-f${i?" fb-trig-f--full":""}`;const a=document.createElement("span");if(a.className="fb-trig-f-label",a.textContent=e,l.appendChild(a),l.appendChild(t),n){const o=document.createElement("span");o.className="fb-trig-f-hint",o.textContent=n,l.appendChild(o)}return l}function ge(e,t,i,n){const l=document.createElement("label");l.className="fb-trig-check",n&&(l.title=n);const a=document.createElement("input");return a.type="checkbox",a.className=`form-check ${e}`,a.checked=!!t,l.appendChild(a),l.appendChild(document.createTextNode(i)),l}function Ft(e,t){const i=document.createElement("div");i.className="fb-trig-cond-row";const n=X("fb-trig-cond-field",t,e?.field),l=X("fb-trig-cond-op",ke,e?.operator),a=se("fb-trig-cond-val",e?.value,"value"),o=()=>{const d=t.find(r=>r.value===n.value);Array.from(l.options).forEach(r=>{const u=ke.find(p=>p.value===r.value);r.textContent=d?.multi&&Tt[r.value]||u?.label||r.value})},s=()=>{a.hidden=He.has(l.value)};return o(),s(),n.addEventListener("change",o),l.addEventListener("change",s),i.appendChild(n),i.appendChild(l),i.appendChild(a),i.appendChild(Ke(()=>i.remove(),"Remove condition")),i}const Bt=["banner","toast","block-submit","end-form"],It=["password","file","image","signature"],Mn="Put an answer in with {{field_name}} - e.g. Hello {{name}}. Pick one from Insert field.";function zn(){try{j()}catch{}return T.filter(e=>e&&e.name&&e.type!=="page-break"&&e.type!=="spacer"&&!It.includes(e.type))}function Ot(e,t,i){const n=se(e,t,i),l=document.createElement("span");l.className="fb-token-row";const a=document.createElement("select");a.className="form-input fb-token-pick",a.title="Insert an answer into the message",a.setAttribute("aria-label","Insert a field's answer into the message");const o=()=>{a.replaceChildren(new Option("Insert field",""));for(const s of zn())a.appendChild(new Option(`${s.label||s.name} ({{${s.name}}})`,s.name))};return o(),a.addEventListener("focus",o),a.addEventListener("mousedown",o),a.addEventListener("change",()=>{const s=a.value;if(a.value="",!s)return;const d=`{{${s}}}`,r=n.selectionStart??n.value.length,u=n.selectionEnd??r;n.value=n.value.slice(0,r)+d+n.value.slice(u),n.focus(),n.setSelectionRange(r+d.length,r+d.length),n.dispatchEvent(new Event("input",{bubbles:!0})),n.dispatchEvent(new Event("change",{bubbles:!0}))}),l.append(n,a),l}function Rn(e){const t=window.FormLogicEngine;if(!t?.triggerTokens)return[];const i=new Map((e||[]).filter(l=>l&&l.name).map(l=>[l.name,l])),n=new Set;for(const l of e||[])for(const a of l?.triggers||[])for(const o of[...a.then||[],...a.otherwise||[]])if(Bt.includes(o?.type))for(const s of[...t.triggerTokens(o.message),...t.triggerTokens(o.doneMessage)]){const d=i.get(s);(!d||It.includes(d.type))&&n.add(s)}return[...n]}function Mt(e,t){const i=document.createElement("div");i.className="fb-trig-params";const n=be.find(d=>d.value===(e.type||"banner"));if(!n)return i;const l=document.createElement("div");l.className="fb-trig-grid";const a=document.createElement("div");a.className="fb-trig-opts";const o=[];for(const d of n.params)switch(d){case"message":l.appendChild(Bt.includes(n.value)?H(n.messageLabel||"Message",Ot("fb-trig-p-message",e.message,n.placeholder||""),{full:!0,hint:Mn}):H(n.messageLabel||"Message",se("fb-trig-p-message",e.message,n.placeholder||""),{full:!0}));break;case"finish":a.appendChild(ge("fb-trig-p-finish-on",e.finish!==!1,"Let the visitor finish (send the answers given so far)",'Untick to stop the form dead: the submit button is disabled and nothing is sent, so nothing is saved and "Notify the admins" cannot fire.'));break;case"finishLabel":{const r=H("Button text",se("fb-trig-p-finish",e.finishLabel,"Finish"));o.push(r),l.appendChild(r);break}case"doneMessage":{const r=H("Closing message",Ot("fb-trig-p-done",e.doneMessage,"Blank: the form's own success message"));o.push(r),l.appendChild(r);break}case"record":{const r=ge("fb-trig-p-record",e.record!==!1,"Save the answers given so far",`Untick to keep nothing: no submission is stored and the form's email, webhook and actions do not run. A "Notify the admins" action still fires.`);o.push(r),a.appendChild(r);break}case"level":l.appendChild(H(n.value==="notify"?"Severity":"Level",X("fb-trig-p-level",Ne,e.level||"info")));break;case"position":l.appendChild(H("Where",X("fb-trig-p-position",Lt,e.position||"field-below")));break;case"dismissible":a.appendChild(ge("fb-trig-p-dismissible",e.dismissible!==!1,"The visitor can dismiss it"));break;case"target":{const r=X("fb-trig-p-target",$t,e.target||(e.fields?.length?"listed":"rest")),u=document.createElement("select");u.className="form-select fb-trig-p-fields",u.multiple=!0,u.size=4;const p=new Set(e.fields||[]);At(t).forEach(f=>{const y=document.createElement("option");y.value=f.value,y.textContent=f.label,p.has(f.value)&&(y.selected=!0),u.appendChild(y)});const m=H("Fields",u,{hint:"Ctrl/Cmd-click to pick several"}),v=()=>{m.hidden=r.value!=="listed"};v(),r.addEventListener("change",v),l.appendChild(H("Which fields",r)),l.appendChild(m);break}case"step":{const r=se("fb-trig-p-step",e.step,"0");r.type="number",r.min="0",l.appendChild(H("Step",r,{hint:"Counting from 0"}));break}case"url":l.appendChild(H("Send them to",se("fb-trig-p-url",e.url,"/thank-you"),{full:!0}));break;case"theme":l.appendChild(H("Theme",X("fb-trig-p-theme",qt,e.theme||"auto")));break;case"intensity":l.appendChild(H("Intensity",X("fb-trig-p-intensity",[{value:"low",label:"Low"},{value:"medium",label:"Medium"},{value:"high",label:"High"}],e.intensity||"medium")));break;case"slug":{const r=[{value:"",label:xe.length?"Choose an action":"No actions available"}].concat(xe.map(u=>({value:u.slug,label:u.title||u.slug})));l.appendChild(H("Action",X("fb-trig-p-slug",r,e.slug||""),{full:!0}));break}default:break}n.kind==="event"&&!n.noOnce&&a.appendChild(ge("fb-trig-p-once",!!e.once,"Only once","Fire the first time only, rather than every time the answer swings back."));const s=a.querySelector(".fb-trig-p-finish-on");if(s){const d=()=>o.forEach(r=>{r.hidden=!s.checked});d(),s.addEventListener("change",d)}return l.children.length&&i.appendChild(l),a.children.length&&i.appendChild(a),i}function Dn(e){return e?.kindText?e.kindText:e?.kind==="event"?"once, when it becomes true":"while it is true"}const _n=(e,t=48)=>e.length>t?`${e.slice(0,t-1)}\u2026`:e,re=(e,t)=>e.find(i=>i.value===t)?.label||t;function Pn(e){if(!e)return"";const t=[],i=l=>l?`"${_n(l)}"`:"",n=()=>e.target==="listed"?e.fields?.length?e.fields.join(", "):"no fields chosen":re($t,e.target||"rest").toLowerCase();switch(e.type){case"banner":t.push(i(e.message)||"No message yet",re(Ne,e.level||"info"),re(Lt,e.position||"field-below").toLowerCase());break;case"toast":t.push(i(e.message)||"No message yet",re(Ne,e.level||"info"));break;case"hide-fields":case"disable-fields":case"require-fields":t.push(n());break;case"block-submit":t.push(i(e.message)||"the standard reason");break;case"end-form":t.push(i(e.message)||"no message"),e.finish===!1?t.push("submit disabled"):t.push(`button "${e.finishLabel||"Finish"}"`,e.record===!1?"saves nothing":"saves the answers");break;case"goto-step":t.push(Number.isFinite(e.step)?`step ${e.step}`:"no step yet");break;case"redirect":t.push(e.url||"no address yet");break;case"celebrate":t.push(re(qt,e.theme||"auto"),`${e.intensity||"medium"} intensity`);break;case"run-action":t.push(e.slug?xe.find(l=>l.slug===e.slug)?.title||e.slug:"no action chosen");break;case"notify":t.push(i(e.message)||"titled after the form",re(Ne,e.level||"info"));break;default:break}return e.once&&t.push("only once"),t.filter(Boolean).join(" \xB7 ")}function Je(e,t,{open:i=!1}={}){const n=document.createElement("div");n.className="fb-trig-action-row";const l=document.createElement("div");l.className="fb-trig-action-head",l.tabIndex=0,l.setAttribute("role","button");const a=document.createElement("span");a.className="fb-trig-chevron";const o=document.createElement("span");o.className="fb-trig-action-main";const s=document.createElement("strong"),d=document.createElement("small");d.className="fb-trig-action-summary",o.append(s,d);const r=document.createElement("span");r.className="fb-trig-kind",l.append(a,o,r,Ke(()=>n.remove(),"Remove action"));const u=document.createElement("div");u.className="fb-trig-action-body";const p=X("fb-trig-action-type",be,e.type||"banner");u.appendChild(H("Action",p,{full:!0})),u.appendChild(Mt(e,t));const m=()=>{const f=be.find(y=>y.value===p.value);s.textContent=f?.label||p.value,r.textContent=Dn(f),r.classList.toggle("fb-trig-kind--event",f?.kind==="event"),d.textContent=Pn(_t(n))},v=f=>{u.hidden=!f,n.classList.toggle("is-open",f),l.setAttribute("aria-expanded",String(f)),B(a,f?"chevron-down":"chevron-right",12)};return l.addEventListener("click",()=>v(u.hidden)),l.addEventListener("keydown",f=>{f.target!==l||f.key!=="Enter"&&f.key!==" "||(f.preventDefault(),v(u.hidden))}),p.addEventListener("change",()=>{const f=Mt({type:p.value},t);u.replaceChild(f,u.querySelector(".fb-trig-params")),m(),window.I?.scan?.()}),u.addEventListener("input",m),u.addEventListener("change",m),n.append(l,u),v(i),m(),n}function zt(e,t,i){const n=document.createElement("section");n.className=`fb-trig-sec fb-trig-sec--${e}`;const l=document.createElement("div");l.className="fb-trig-sec-head";const a=document.createElement("span");if(a.className="fb-trig-sec-title",a.textContent=t,l.appendChild(a),i){const o=document.createElement("span");o.className="fb-trig-sec-hint",o.textContent=i,l.appendChild(o)}return n.appendChild(l),n}function Ye(e,t){const i=document.createElement("button");return i.type="button",i.className="btn btn-xs btn-ghost fb-trig-add",fe(i,"plus",e,12),i.addEventListener("click",t),i}function Rt(e,t,i,n){const a=zt(e,t,e==="then"?"What happens while the answers match.":"What happens while they do not. Leave empty for nothing.");a.classList.add("fb-trig-branch"),a.dataset.branch=e;const o=document.createElement("div");return o.className="fb-trig-action-list",(i||[]).forEach(s=>o.appendChild(Je(s,n))),a.appendChild(o),a.appendChild(Ye("Add action",()=>{o.appendChild(Je({type:"banner"},n,{open:!0})),window.I?.scan?.()})),a}function Dt(e,t,i){const n=At(t,!0),l=document.createElement("div");l.className="fb-trig-card",l.dataset.triggerId=e.id||`trg-${Date.now()}-${Math.random().toString(36).slice(2,7)}`;const a=document.createElement("div");a.className="fb-trig-card-head";const o=document.createElement("span");o.className="fb-trig-card-title",o.textContent=`Trigger ${i+1}`,a.appendChild(o);const s=ge("fb-trig-enabled",e.enabled!==!1,"Enabled","Untick to keep the trigger but switch it off.");if(a.appendChild(s),a.appendChild(Ke(()=>l.remove(),"Remove trigger")),l.appendChild(a),!n.length){const p=document.createElement("p");return p.className="fb-trig-empty",p.textContent="Give this field a name first - a trigger tests an answer, and it needs something to test.",l.appendChild(p),l}const d=zt("when","When");d.querySelector(".fb-trig-sec-head").appendChild(X("fb-trig-match",[{value:"all",label:"all of these are true"},{value:"any",label:"any of these is true"}],Array.isArray(e.when?.any)?"any":"all"));const r=document.createElement("div");r.className="fb-trig-cond-list";const u=e.when?.all||e.when?.any||[];return(u.length?u:[{}]).forEach(p=>r.appendChild(Ft(p,n))),d.appendChild(r),d.appendChild(Ye("Add condition",()=>{r.appendChild(Ft({},n)),window.I?.scan?.()})),l.appendChild(d),l.appendChild(Rt("then","Then",e.then,t)),l.appendChild(Rt("otherwise","Otherwise",e.otherwise,t)),l}function jn(e,t){const i=Array.isArray(e.triggers)?e.triggers:[],n=document.createElement("div");n.className="fb-field-triggers";const l=document.createElement("div");l.className="fb-trig-panel-head";const a=document.createElement("span");a.className="fb-trig-panel-title",a.textContent=`\u{1F3AF} Triggers${i.length?` (${i.length})`:""}`;const o=document.createElement("button");o.type="button",o.className="btn btn-xs btn-ghost",B(o,i.length?"chevron-down":"chevron-right",12);const s=document.createElement("div");s.className="fb-triggers-body",s.hidden=!i.length,l.addEventListener("click",()=>{s.hidden=!s.hidden,B(o,s.hidden?"chevron-right":"chevron-down",12)});const d=document.createElement("p");d.className="fb-trig-blurb",d.textContent="Do something to the form when the answers meet a condition - show a banner or toast, hide, disable or require other fields, refuse the submit, end the form early, notify the admins, jump to a step, or celebrate.",s.appendChild(d);const r=document.createElement("div");return r.className="fb-trig-list",i.forEach((u,p)=>r.appendChild(Dt(u,t,p))),s.appendChild(r),s.appendChild(Ye("Add trigger",()=>{const u=Dt({enabled:!0,then:[]},t,r.children.length);r.appendChild(u),u.querySelector('.fb-trig-branch[data-branch="then"] .fb-trig-action-list')?.appendChild(Je({type:"banner"},t,{open:!0})),window.I?.scan?.()})),l.appendChild(a),l.appendChild(o),n.appendChild(l),n.appendChild(s),n}function _t(e){const t=e.querySelector(".fb-trig-action-type")?.value,i=be.find(a=>a.value===t);if(!i)return null;const n={type:t},l=a=>e.querySelector(a)?.value?.trim()||"";for(const a of i.params)switch(a){case"message":n.message=l(".fb-trig-p-message");break;case"finishLabel":{const o=l(".fb-trig-p-finish");o&&(n.finishLabel=o);break}case"doneMessage":{const o=l(".fb-trig-p-done");o&&(n.doneMessage=o);break}case"finish":e.querySelector(".fb-trig-p-finish-on")?.checked||(n.finish=!1);break;case"record":e.querySelector(".fb-trig-p-record")?.checked||(n.record=!1);break;case"level":n.level=l(".fb-trig-p-level")||"info";break;case"position":n.position=l(".fb-trig-p-position")||"field-below";break;case"dismissible":n.dismissible=!!e.querySelector(".fb-trig-p-dismissible")?.checked;break;case"target":{const o=l(".fb-trig-p-target")||"rest";n.target=o,o==="listed"&&(n.fields=Array.from(e.querySelectorAll(".fb-trig-p-fields option")).filter(s=>s.selected).map(s=>s.value));break}case"step":{const o=parseInt(l(".fb-trig-p-step"),10);Number.isFinite(o)&&(n.step=o);break}case"url":n.url=l(".fb-trig-p-url");break;case"theme":n.theme=l(".fb-trig-p-theme")||"auto";break;case"intensity":n.intensity=l(".fb-trig-p-intensity")||"medium";break;case"slug":n.slug=l(".fb-trig-p-slug");break;default:break}return i.kind==="event"&&!i.noOnce&&e.querySelector(".fb-trig-p-once")?.checked&&(n.once=!0),n}function Vn(e){const t=_t(e);if(!t)return null;const i=be.find(a=>a.value===t.type),n=t.type,l=["block-submit","end-form","notify"].includes(i.value);return i.params.includes("message")&&!t.message&&!l?(delete t.message,null):(l&&!t.message&&delete t.message,n==="redirect"&&!t.url||n==="run-action"&&!t.slug?null:t)}function Gn(e){const i=document.querySelector(`.fb-field-card[data-index="${e}"]`)?.querySelector(".fb-field-triggers");if(!i)return;const n=[];return i.querySelectorAll(".fb-trig-card").forEach(l=>{const a=Array.from(l.querySelectorAll(".fb-trig-cond-row")).map(p=>{const m=p.querySelector(".fb-trig-cond-field")?.value,v=p.querySelector(".fb-trig-cond-op")?.value;if(!m||!v)return null;const f=p.querySelector(".fb-trig-cond-val")?.value??"";return{field:m,operator:v,value:f}}).filter(Boolean);if(!a.length)return;const o=p=>Array.from(l.querySelectorAll(`.fb-trig-branch[data-branch="${p}"] .fb-trig-action-row`)).map(Vn).filter(Boolean),s=o("then"),d=o("otherwise");if(!s.length&&!d.length)return;const r=l.querySelector(".fb-trig-match")?.value==="any"?"any":"all",u={id:l.dataset.triggerId,enabled:!!l.querySelector(".fb-trig-enabled")?.checked,when:{[r]:a}};s.length&&(u.then=s),d.length&&(u.otherwise=d),n.push(u)}),n.length?n:void 0}function Pt(e,t,i){const n=document.createElement("div");if(n.className="fb-field-extras",e==="chooser")n.appendChild(Un(t,i)),n.appendChild(Jn(t.options||[],i));else if(je.has(e)&&n.appendChild(el(t.options||[],i)),e==="textarea"&&n.appendChild(O([z("Rows",`fb-rows-${i}`,"number",t.formConfig?.rows||4,"Height of textarea")])),(e==="string"||e==="textarea")&&n.appendChild(O([z("Min Length",`fb-minlength-${i}`,"number",t.minLength||"",""),z("Max Length",`fb-maxlength-${i}`,"number",t.maxLength||"","")])),e==="number"&&n.appendChild(O([z("Min",`fb-min-${i}`,"number",t.min??"",""),z("Max",`fb-max-${i}`,"number",t.max??"","")])),e==="file"){const l=z("Most files",`fb-file-max-${i}`,"number",t.file?.maxFiles||"",`${ut} when left empty, ${De} at most`),a=l.querySelector("input");a.min="1",a.max=String(De),a.placeholder=String(ut);const o=qe("Several files",`fb-file-multiple-${i}`,!!t.multiple),s=()=>{l.hidden=!o.querySelector("input").checked};o.querySelector("input").addEventListener("change",s),s(),n.appendChild(O([l,o]))}return jt.includes(e)&&n.appendChild(Hn(t,i)),n.children.length?n:null}const jt=["string","email","tel","number","url","date","time","password","select","textarea"],Vt=[{key:"reveal",label:"Show / hide button",types:["password"],hint:"Show / hide lets the visitor see what they typed."},{key:"clear",label:"Clear button",types:["string","email","tel","url","textarea"],hint:"Clear adds an x that empties the field."},{key:"stepper",label:"- / + buttons",types:["number"],hint:"The - and + buttons step the number within its min, max and step."},{key:"counter",label:"Character counter",types:["string","textarea"],hint:"The counter shows how many characters are used, against Max Length if one is set."}];function Wn(e){return e?typeof e=="string"?{icon:"",text:e}:{icon:e.icon||"",text:e.icon?"":e.text??""}:{icon:"",text:""}}function Hn(e,t){const i=document.createElement("div");i.className="fb-addons";const n=(o,s)=>{const d=Wn(e.formConfig?.[o]),r=document.createElement("div");r.style.flex="1";const u=document.createElement("span");u.className="form-label",u.style.fontSize=".8rem",u.textContent=s;const p=Re("Icon, e.g. search",d.icon);p.input.id=`fb-${o}-icon-${t}`,p.input.setAttribute("aria-label",`${s}: icon`);const m=document.createElement("input");return m.type="text",m.className="form-input",m.id=`fb-${o}-text-${t}`,m.value=d.text,m.placeholder="or text, e.g. \xA3 or kg",m.maxLength=24,m.setAttribute("aria-label",`${s}: text`),m.style.marginTop=".35rem",p.input.addEventListener("input",()=>{p.input.value.trim()&&(m.value="")}),m.addEventListener("input",()=>{m.value.trim()&&(p.input.value="")}),r.append(u,p.el,m),r};i.appendChild(O([n("prefix","Before the field"),n("suffix","After the field")]));const l=document.createElement("p");l.className="form-hint text-muted",l.style.cssText="font-size:.73rem;margin:-.4rem 0 .75rem;",l.textContent="An icon or a short text joined to the start or end of the input, like \xA3 before a price or kg after a weight. Leave both empty for none.",i.appendChild(l);const a=Vt.filter(o=>o.types.includes(e.type));if(a.length){i.appendChild(O(a.map(s=>qe(s.label,`fb-extra-${s.key}-${t}`,!!e.formConfig?.[s.key]))));const o=document.createElement("p");o.className="form-hint text-muted",o.style.cssText="font-size:.73rem;margin:-.4rem 0 .75rem;",o.textContent=a.map(s=>s.hint).join(" "),i.appendChild(o)}return i}function Gt(e){const t=document.createElement("div");t.className="fb-chooser-section",t.style.cssText="border:1px solid var(--dm-border); border-radius:6px; margin-top:.5rem; overflow:hidden;";const i=document.createElement("div");i.style.cssText="padding:.4rem .6rem; background:color-mix(in srgb, var(--dm-background) 60%, transparent); font-weight:600; font-size:.82rem; border-bottom:1px solid var(--dm-border);",i.textContent=e,t.appendChild(i);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 Le(e,t,i,n,l){const a=document.createElement("div");a.style.flex="1";const o=document.createElement("label");o.htmlFor=e,o.className="form-label",o.textContent=t,o.style.fontSize=".8rem";const s=document.createElement("select");if(s.id=e,s.className="form-input",n.forEach(([d,r])=>{const u=document.createElement("option");u.value=d,u.textContent=r,String(d)===String(i)&&(u.selected=!0),s.appendChild(u)}),a.appendChild(o),a.appendChild(s),l){const d=document.createElement("p");d.className="form-hint text-muted",d.textContent=l,d.style.cssText="font-size:.72rem;margin-top:.2rem;",a.appendChild(d)}return a}function Wt(e,t,i,n){const l=document.createElement("div");l.style.flex="1";const a=document.createElement("label");a.style.cssText="display:inline-flex;align-items:center;gap:.4rem;font-size:.82rem;";const o=document.createElement("input");if(o.id=e,o.type="checkbox",o.checked=!!i,a.appendChild(o),a.appendChild(document.createTextNode(" "+t)),l.appendChild(a),n){const s=document.createElement("p");s.className="form-hint text-muted",s.textContent=n,s.style.cssText="font-size:.72rem;margin-top:.2rem;",l.appendChild(s)}return l}function Xe(e,t,i,n,l){const a=document.createElement("div");a.style.flex="1";const o=document.createElement("label");o.htmlFor=e,o.className="form-label",o.textContent=t,o.style.fontSize=".8rem",a.appendChild(o);const s=document.createElement("div");s.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=i||"",n&&(d.placeholder=n),d.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);border-radius:4px;cursor:pointer;";const u=String(d.value).match(/^#[0-9a-fA-F]{3,8}$/);if(r.value=u?d.value:"#000000",r.addEventListener("input",()=>{d.value=r.value,d.dispatchEvent(new Event("input",{bubbles:!0}))}),s.appendChild(d),s.appendChild(r),a.appendChild(s),l){const p=document.createElement("p");p.className="form-hint text-muted",p.textContent=l,p.style.cssText="font-size:.72rem;margin-top:.2rem;",a.appendChild(p)}return a}function Un(e,t){const i=document.createElement("div");i.style.cssText="margin-top:.5rem; display:flex; flex-direction:column; gap:.4rem;";const n=Gt("Layout");n.body.appendChild(O([Le(`fb-chooser-variant-${t}`,"Variant",e.variant||"card",[["card","Card - rich tiles"],["chip","Chip - compact pills"]],"Card supports description and grid columns; chips wrap."),Wt(`fb-chooser-multiple-${t}`,"Multi-select",!!e.multiple,"Off = single (radio); on = multi (checkbox).")])),n.body.appendChild(O([Le(`fb-chooser-density-${t}`,"Density",e.density||"comfortable",[["comfortable","Comfortable"],["compact","Compact"]],"Compact strips description (card variant only)."),z("Columns",`fb-chooser-columns-${t}`,"number",e.columns||3,"Card grid (1-6). Ignored for chips.")])),i.appendChild(n.wrap);const l=Gt("Visual");return l.body.appendChild(O([Xe(`fb-chooser-accent-${t}`,"Accent",e.accent||"","primary / success / #ec4899","Selected highlight colour - semantic name or any CSS colour."),Le(`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.")])),l.body.appendChild(O([Wt(`fb-chooser-glow-${t}`,"Glow on selected",!!e.glow,"Soft outer glow."),Xe(`fb-chooser-glow-colour-${t}`,"Glow colour",e.glowColour||"","defaults to accent","Optional; semantic name or CSS colour.")])),l.body.appendChild(O([Le(`fb-chooser-shadow-${t}`,"Shadow",e.shadow||"none",[["none","None"],["sm","Small"],["md","Medium"],["lg","Large"],["xl","Extra Large"]],"Drop shadow on every option."),Xe(`fb-chooser-shadow-colour-${t}`,"Shadow colour",e.shadowColour||"","rgba(0,0,0,0.1)","Optional shadow tint.")])),i.appendChild(l.wrap),i}function Kn(e,t,i,n){const l=document.createElement("div");l.className="fb-chooser-option-row",l.dataset.optIdx=String(i),l.style.cssText="border:1px solid var(--dm-border); border-radius:4px; padding:.5rem; background:var(--dm-background-alt); display:flex; flex-direction:column; gap:.35rem;";const a=document.createElement("div");a.style.cssText="display:flex; gap:.4rem; align-items:center;";const o=document.createElement("div");o.style.cssText="display:flex; flex-direction:column; gap:1px;";const s=document.createElement("button");s.type="button",s.className="btn btn-xs btn-ghost",s.title="Move up",B(s,"arrow-up"),s.addEventListener("click",_=>{_.preventDefault(),Ht(t,i,-1,n)});const d=document.createElement("button");d.type="button",d.className="btn btn-xs btn-ghost",d.title="Move down",B(d,"arrow-down"),d.addEventListener("click",_=>{_.preventDefault(),Ht(t,i,1,n)}),o.appendChild(s),o.appendChild(d),a.appendChild(o);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",a.appendChild(r);const u=document.createElement("input");u.type="text",u.className="form-input fb-chooser-opt-label",u.placeholder="label (visible to users)",u.value=e.label||"",u.style.flex="2",a.appendChild(u);const p=document.createElement("button");p.type="button",p.className="btn btn-xs btn-ghost",p.style.cssText="line-height:1;opacity:.6;",p.title="Remove option",B(p,"x"),p.addEventListener("click",_=>{_.preventDefault(),Qn(t,i,n)}),a.appendChild(p),l.appendChild(a);const m=document.createElement("div");m.style.cssText="display:flex; gap:.4rem;";const v=Re("icon name (optional)",e.icon||"");v.input.classList.add("fb-chooser-opt-icon"),v.el.style.flex="1",m.appendChild(v.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",m.appendChild(f),l.appendChild(m);const y=document.createElement("div");y.style.cssText="display:flex; gap:.4rem;";const w=document.createElement("input");w.type="text",w.className="form-input fb-chooser-opt-tooltip",w.placeholder="tooltip (hover hint)",w.value=e.tooltip||"",w.style.flex="2",y.appendChild(w);const x=document.createElement("input");x.type="text",x.className="form-input fb-chooser-opt-badge-text",x.placeholder="badge text",x.value=e.badge?.text||"",x.style.flex="1",y.appendChild(x);const b=document.createElement("select");b.className="form-input fb-chooser-opt-badge-type",b.style.flex="1",[["","no badge"],["primary","primary"],["success","success"],["info","info"],["warning","warning"],["danger","danger"]].forEach(([_,K])=>{const G=document.createElement("option");G.value=_,G.textContent=K,(e.badge?.type||"")===_&&(G.selected=!0),b.appendChild(G)}),y.appendChild(b),l.appendChild(y);const C=document.createElement("div");C.style.cssText="display:flex; gap:1rem; font-size:.8rem;";const L=document.createElement("label");L.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,L.appendChild(q),L.appendChild(document.createTextNode(" Recommended")),C.appendChild(L);const D=document.createElement("label");D.style.cssText="display:inline-flex;align-items:center;gap:.3rem;";const V=document.createElement("input");return V.type="checkbox",V.className="fb-chooser-opt-disabled",V.checked=!!e.disabled,D.appendChild(V),D.appendChild(document.createTextNode(" Disabled")),C.appendChild(D),l.appendChild(C),l}function Jn(e,t){const i=document.createElement("div");i.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 l=document.createElement("p");l.textContent="Options",l.style.cssText="font-size:.85rem;font-weight:600;margin:0;",n.appendChild(l);const a=document.createElement("button");a.type="button",a.className="btn btn-xs btn-ghost",fe(a,"plus","Add option"),n.appendChild(a),i.appendChild(n);const o=document.createElement("div");o.className="fb-chooser-options-list",o.id=`fb-chooser-options-${t}`,o.style.cssText="display:flex; flex-direction:column; gap:.4rem;",i.appendChild(o);const s=()=>{o.replaceChildren();const d=Yn(t);(d.length?d:e||[]).forEach((u,p)=>{o.appendChild(Kn(u,t,p,s))})};return a.addEventListener("click",d=>{d.preventDefault(),Xn(t,s)}),s(),i}function Yn(e){const t=T[e];return!t||!Array.isArray(t.options)?[]:t.options}function Qe(e){return T[e]?(Array.isArray(T[e].options)||(T[e].options=[]),T[e].options):[]}function Xn(e,t){$e(e),Qe(e).push({value:"new",label:"New option"}),t()}function Qn(e,t,i){$e(e),Qe(e).splice(t,1),i()}function Ht(e,t,i,n){$e(e);const l=Qe(e),a=t+i;if(a<0||a>=l.length)return;const[o]=l.splice(t,1);l.splice(a,0,o),n()}function $e(e){const t=document.getElementById(`fb-chooser-options-${e}`);if(!t)return;const i=t.querySelectorAll(".fb-chooser-option-row"),n=[];i.forEach(l=>{const a={value:l.querySelector(".fb-chooser-opt-value")?.value.trim()||"",label:l.querySelector(".fb-chooser-opt-label")?.value.trim()||""},o=l.querySelector(".fb-chooser-opt-icon")?.value.trim();o&&(a.icon=o);const s=l.querySelector(".fb-chooser-opt-description")?.value.trim();s&&(a.description=s);const d=l.querySelector(".fb-chooser-opt-tooltip")?.value.trim();d&&(a.tooltip=d);const r=l.querySelector(".fb-chooser-opt-badge-text")?.value.trim(),u=l.querySelector(".fb-chooser-opt-badge-type")?.value;(r||u)&&(a.badge={},r&&(a.badge.text=r),u&&(a.badge.type=u)),l.querySelector(".fb-chooser-opt-recommended")?.checked&&(a.recommended=!0),l.querySelector(".fb-chooser-opt-disabled")?.checked&&(a.disabled=!0),n.push(a)}),T[e]&&(T[e].options=n)}function O(e){const t=document.createElement("div");return t.style.cssText="display:flex;gap:.85rem;margin-bottom:.75rem;",e.forEach(i=>{i&&t.appendChild(i)}),t}function z(e,t,i,n,l){const a=document.createElement("div");a.style.flex="1";const o=document.createElement("label");o.htmlFor=t,o.className="form-label",o.textContent=e,o.style.fontSize=".8rem";const s=document.createElement("input");if(s.id=t,s.type=i||"text",s.className="form-input",s.value=n??"",a.appendChild(o),a.appendChild(s),l){const d=document.createElement("p");d.className="form-hint text-muted",d.textContent=l,d.style.cssText="font-size:.73rem;margin-top:.35rem;",a.appendChild(d)}return a}function Zn(e,t,i,n){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 o=document.createElement("select");return o.id=t,o.className="form-select",i.forEach(s=>{const d=document.createElement("option");d.value=s.value,d.textContent=s.label,s.value===n&&(d.selected=!0),o.appendChild(d)}),l.appendChild(a),l.appendChild(o),l}function qe(e,t,i){const n=document.createElement("div");n.style.cssText="flex:0;min-width:80px;display:flex;flex-direction:column;justify-content:flex-end;";const l=document.createElement("label");l.style.cssText="display:flex;align-items:center;gap:.4rem;cursor:pointer;font-size:.8rem;white-space:nowrap;";const a=document.createElement("input");return a.id=t,a.type="checkbox",a.checked=i,l.appendChild(a),l.appendChild(document.createTextNode(e)),n.appendChild(l),n}function el(e,t){const i=document.createElement("div");i.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 l=document.createElement("textarea");return l.id=`fb-options-${t}`,l.className="form-input",l.rows=4,l.placeholder=`yes:Yes
 no:No
-maybe:Maybe`,l.value=(e||[]).map(a=>{const i=typeof a=="string"?a:a.value??"",s=typeof a=="string"?a:a.label??i;return i===s?i:`${i}:${s}`}).join(`
-`),l.style.fontFamily="monospace",o.appendChild(n),o.appendChild(l),o}function qe(e){return parseInt(e,10)===3?3:2}const Zn=[["#setting-submit-icon-start-slot","setting-submit-icon-start"],["#setting-submit-icon-end-slot","setting-submit-icon-end"],["#setting-second-icon-start-slot","setting-second-icon-start"],["#setting-second-icon-end-slot","setting-second-icon-end"]];function el(e){Zn.forEach(([t,o])=>{const n=e.find(t).get(0);if(!n||n.querySelector(`#${o}`))return;const l=Me("none","");l.input.id=o,l.input.classList.add("form-input"),n.appendChild(l.el)})}function Wt(e){const t=e.find("#setting-second-kind").val()||"",o=e.find("#second-button-group").get(0);o&&(o.style.display=t?"":"none");const n=e.find("#second-url-group").get(0);n&&(n.style.display=t==="link"?"":"none");const l=e.find("#setting-second-label").get(0);l&&(l.placeholder=t==="link"?"Cancel":"Clear form")}function tl(e){const t=a=>String(e.find(a).val()||"").trim(),o={},n={style:t("#setting-submit-style")||"primary",size:t("#setting-submit-size"),iconStart:t("#setting-submit-icon-start"),iconEnd:t("#setting-submit-icon-end")};(n.style!=="primary"||n.size||n.iconStart||n.iconEnd)&&(o.submitButton=n);const l=t("#setting-second-kind");return(l==="reset"||l==="link")&&(o.secondaryButton={kind:l,label:t("#setting-second-label"),...l==="link"?{url:t("#setting-second-url")}:{},style:t("#setting-second-style")||"secondary",iconStart:t("#setting-second-icon-start"),iconEnd:t("#setting-second-icon-end"),first:t("#setting-second-order")==="first",stack:t("#setting-second-arrange")==="stack"}),o}function Ht(e,t){const o=t&&t.submitButton||{},n=t&&t.secondaryButton||{};e.find("#setting-submit-style").val(o.style||"primary"),e.find("#setting-submit-size").val(o.size||""),e.find("#setting-submit-icon-start").val(o.iconStart||""),e.find("#setting-submit-icon-end").val(o.iconEnd||""),e.find("#setting-second-kind").val(n.kind==="reset"||n.kind==="link"?n.kind:""),e.find("#setting-second-label").val(n.label||""),e.find("#setting-second-url").val(n.url||""),e.find("#setting-second-style").val(n.style||"secondary"),e.find("#setting-second-icon-start").val(n.iconStart||""),e.find("#setting-second-icon-end").val(n.iconEnd||""),e.find("#setting-second-order").val(n.first?"first":"after"),e.find("#setting-second-arrange").val(n.stack?"stack":"row"),Wt(e)}function ye(e){const t=e.find("#field-project").val()||"";return P(),{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:{...Ee||{},project:t||null},fields:k,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()||"grid",columns:qe(e.find("#setting-columns").val()),submitAlign:e.find("#setting-submit-align").val()||"",...tl(e),...e.find("#setting-form-class").val().trim()&&{class:e.find("#setting-form-class").val().trim()},...e.find("#setting-submit-class").val().trim()&&{submitClass:e.find("#setting-submit-class").val().trim()},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()},...Ce!==null&&{collection:Ce}}}}function Ut(e,t){const o={};return e.forEach(n=>{if(n.type==="page-break"||n.type==="spacer")return;const l={...n.formConfig||{}};l.span==="full"&&t&&(l.span=t);const a=n.type==="chooser"||!!(n.variant&&["select","radio","checkbox-group"].includes(n.type)),s={type:n.type==="checkbox"?"boolean":n.type==="date"||n.type==="icon"||n.type==="image"?"string":a?"chooser":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},...l}};a&&(n.variant&&(s.variant=n.variant),(n.multiple||n.type==="checkbox-group")&&(s.multiple=!0),n.density&&(s.density=n.density),n.columns&&(s.columns=n.columns),n.accent&&(s.accent=n.accent),n.accentStyle&&(s.accentStyle=n.accentStyle),n.glow&&(s.glow=!0),n.glowColour&&(s.glowColour=n.glowColour),n.shadow&&(s.shadow=n.shadow),n.shadowColour&&(s.shadowColour=n.shadowColour)),o[n.name]=n.type==="file"?ln(n,s):s}),o}function Kt(e,t){const o=typeof e=="string"?document.querySelector(e):e;o&&(t||[]).forEach(n=>{if(n.type!=="date"||!n.name)return;const l=o.querySelector(`[name="${n.name}"]`);l&&l.type!=="date"&&(l.type="date")})}function Xe(e,t){const o=e?.querySelector?.(".dm-plugin-banner-name .dm-plugin-banner-sep");if(o){for(;o.nextSibling;)o.nextSibling.remove();o.after(document.createTextNode(String(t||"")))}}const Jt=e=>String(e??"").replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;");let J=null,Yt=0,Qt=!1;const Ae=e=>String(e||"").split("?")[0].replace(/\/$/,"");function nl(){Qt||!window.R?.use||(Qt=!0,R.use((e,t,o)=>!J||!bt(t?.path,e?.path)||J.path!==Ae(t?.path)||(J.flush(),!J.dirty())?o():E.confirm("You have unsaved changes to this form. Leave anyway? They are kept as a draft for your next visit to it.").then(n=>{n?o():history.replaceState(null,"",`#${t.path}`)})),M.subscribe("router:afterChange",({to:e,from:t}={})=>{if(J&&J.path===Ae(t?.path)&&bt(t?.path,e?.path)){const o=J;J=null,o.dispose()}}))}export const formEditorView={templateUrl:"/admin/js/templates/form-editor.html",async onMount(e){if(nl(),J){const c=J;J=null,c.dispose()}const t=Ae(location.hash.replace(/^#/,"")),o=++Yt,n=()=>o!==Yt||!e.get(0)?.isConnected||Ae(location.hash.replace(/^#/,""))!==t;k=[],A=null,Ce=null,el(e),e.find("#setting-second-kind").get(0)?.addEventListener("change",()=>Wt(e));const l=window.location.hash.match(/\/forms\/edit\/([^/?#]+)/);A=l?l[1]:null;let a=null,i=null;const s=E.loader(e.get(0),{type:"dots"});if(A)try{if(a=await pe(`/forms/${A}`),n()){s.destroy();return}k=a.fields||[],Ce=a.actions?.collection??null}catch(c){if(n()){s.destroy();return}i={missing:c?.status===404,message:c?.message||String(c)},E.toast(i.missing?"This form no longer exists.":`Could not load the form: ${i.message}`,{type:"error"})}Ee={};try{const c=await pe("/projects").catch(()=>[]);if(n()){s.destroy();return}const h=e.find("#field-project").get(0);h&&(Array.isArray(c)?c:[]).forEach(g=>{const w=document.createElement("option");w.value=g.slug,w.textContent=g.name||g.slug,h.appendChild(w)})}catch{}if(s.destroy(),Xe(e.get(0),a?a.title||a.slug:"New form"),A||e.find("#field-title").get(0).addEventListener("input",function(){e.find("#field-slug").val(xt(this.value))}),E.tabs(e.find("#editor-tabs").get(0)),a){e.find("#field-title").val(a.title),e.find("#field-slug").val(a.slug),e.find("#field-description").val(a.description||""),e.find("#field-bundled").prop("checked",!!a.bundled),Ee=a.meta||{},e.find("#field-project").val(a.meta?.project||"");const c=a.settings||{};e.find("#setting-submit-text").val(c.submitText||"Submit"),e.find("#setting-success-message").val(c.successMessage||""),e.find("#setting-layout").val(c.layout||"grid"),e.find("#setting-columns").val(qe(c.columns)),e.find("#setting-submit-align").val(mt(c,c.layout||"grid")),Ht(e,c),e.find("#setting-form-class").val(c.class||""),e.find("#setting-submit-class").val(c.submitClass||""),e.find("#columns-group").get(0).style.display=(c.layout||"grid")==="grid"?"":"none",e.find("#setting-honeypot").prop("checked",c.honeypot!==!1),e.find("#setting-rate-limit").val(c.rateLimitPerMinute||3),e.find("#setting-success-redirect").val(c.successRedirect||"");const h=a.actions?.email||{};e.find("#action-email-enabled").prop("checked",h.enabled||!1),e.find("#action-email-recipients").val(h.recipients||""),e.find("#action-email-subject-prefix").val(h.subjectPrefix||"");const g=a.actions?.webhook||{};e.find("#action-webhook-enabled").prop("checked",g.enabled||!1),e.find("#action-webhook-url").val(g.url||""),e.find("#action-webhook-method").val(g.method||"POST")}const d=a?.settings?.actionSlug||"";try{const c=await pe("/actions").catch(()=>[]);if(n())return;const h=e.find("#action-cms-slug").get(0);if(xe=Array.isArray(c)?c:[],(Array.isArray(c)?c:[]).forEach(g=>{const w=document.createElement("option");w.value=g.slug,w.textContent=g.title||g.slug,g.slug===d&&(w.selected=!0),h.appendChild(w)}),!c.length){const g=document.createElement("option");g.value="",g.textContent="No actions available",g.disabled=!0,h.appendChild(g)}}catch{}const r=c=>{e.find("#columns-group").get(0).style.display=c?"":"none",document.querySelectorAll(".fb-grid-row").forEach(h=>{h.style.display=c?"flex":"none"})};e.find("#setting-layout").get(0)?.addEventListener("change",function(){r(this.value==="grid")}),r(e.find("#setting-layout").val()==="grid"),te(e);const u=e.find("#add-element-menu").get(0);e.find("#add-element-btn").get(0).addEventListener("click",c=>{c.stopPropagation(),u.style.display=u.style.display==="none"?"":"none"}),oe&&document.removeEventListener("click",oe),oe=()=>{u&&(u.style.display="none")},document.addEventListener("click",oe),e.find("#add-field-btn").get(0).addEventListener("click",()=>{u&&(u.style.display="none"),P();const c=k.length;k.push({name:`field_${c+1}`,type:"string",label:"New Field",required:!1,placeholder:""}),te(e);const h=e.find("#fields-list").get(0)?.lastElementChild;if(h){const g=h.querySelector(".fb-field-body");g&&(g.style.display="")}}),e.find("#add-spacer-btn").get(0).addEventListener("click",()=>{u&&(u.style.display="none"),P(),k.push({type:"spacer"}),te(e)}),e.find("#add-page-break-btn").get(0).addEventListener("click",()=>{u&&(u.style.display="none"),P();const c=k.filter(h=>h.type==="page-break").length+2;k.push({type:"page-break",label:`Step ${c}`,description:""}),te(e)}),we=()=>{const c=ye(e),h=e.find("#preview-container").get(0);if(!h)return;const g=e.find("#preview-test-result").get(0),w=e.find("#preview-test-badge").get(0);g&&(g.style.display="none",g.textContent=""),w&&(w.style.display=A?"":"none"),e.find("#preview-card").get(0).style.display="",ut(h),h.textContent="";const N=document.createElement("div");N.id="fb-preview-form",h.appendChild(N);const _=new Map;rn(N,c.fields);const U=A?async I=>{g&&(g.style.display="none",g.textContent="");try{const L=new Map(_);dt(N,L);const ee=on(I,c.fields,L),le=sn(ee.values,ee.files),W=await fetch(`/api/forms/submit/${A}`,{method:"POST",headers:le.headers,body:le.body}),Y=await W.json();if(!W.ok)throw new Error(Y.error||"Submission failed.");g&&(g.textContent=Y.message||c.settings?.successMessage||"Submitted successfully.",g.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);"),E.toast("Test submission stored.",{type:"success"})}catch(L){g&&(g.textContent=L.message,g.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);"),E.toast(L.message,{type:"error"})}return!1}:()=>!1,ue=c.fields.some(I=>I.type==="page-break");if(N.addEventListener("click",I=>{const L=I.target.closest?.("a.fb-secondary-btn");L&&(I.preventDefault(),E.toast(`Cancel takes the visitor to ${L.getAttribute("href")}`,{type:"info"}))}),N.addEventListener("dm-form-end",I=>{const L=I.detail?.validation;if(L&&!L.valid){E.toast(`Still to answer: ${L.missing.map(ee=>ee.label).concat(L.errors).join(", ")}`,{type:"warning"});return}U(I.detail?.values||{})}),typeof F<"u"){const I=qe(c.settings?.columns),L=c.settings?.layout||"grid";if(ue&&F.wizard){const ee=nn(c.fields,c.title),le=ee.map(ae=>({title:ae.title,description:ae.description,fields:Ut(ae.fields,I)}));let W=0,Y=null,Oe=null;const rt=ae=>{const ze=(ee[W]||{}).fields||[];dn(N,c.settings),pt(N,c.settings,ze),Kt("#fb-preview-form",ze),ct(N,ze),an(N,_),ae&&window.FormLogicEngine&&Et(c.fields)&&(Y?.destroy?.(),Y=new window.FormLogicEngine.FormLogicRuntime({fields:c.fields},N,{baseValues:Oe?.getStepData?Oe.getStepData():{}}),Y.init())};Oe=F.wizard("#fb-preview-form",{schema:{steps:le},layout:L,columns:I,finishText:c.settings?.submitText||"Finish",onStepChange:ae=>{dt(N,_),W=ae,queueMicrotask(()=>rt(!0))},onSubmit:U}),rt(!1)}else if(F.render){const ee=Ut(c.fields,I),le={};c.fields.forEach(W=>{if(!(!W.name||W.type==="page-break"||W.type==="spacer")&&(W.type==="select"||W.type==="multiselect")&&W.required){const Y=(W.options||[])[0];Y&&(le[W.name]=typeof Y=="object"?Y.value:Y)}}),F.render("#fb-preview-form",ee,le,{submitText:c.settings?.submitText||"Submit",layout:L,columns:I,onSubmit:U}),cn(N,c.settings,L),pt(N,c.settings,c.fields),Kt("#fb-preview-form",c.fields),ct(N,c.fields)}window.FormLogicEngine&&Et(c.fields)&&requestAnimationFrame(()=>{new window.FormLogicEngine.FormLogicRuntime({fields:c.fields},N).init()})}else{const I=document.createElement("p");I.textContent=`${c.fields.filter(L=>L.type!=="page-break").length} field(s): ${c.fields.filter(L=>L.type!=="page-break").map(L=>L.label).join(", ")}`,I.style.cssText="color:var(--dm-text-muted);font-style:italic;",N.appendChild(I)}},we();const p=e.find("#editor-tabs").get(0),m=e.find("#preview-card").get(0),v=c=>{m&&m.contains(c.target)||Ve()};p&&(p.addEventListener("input",v),p.addEventListener("change",v));const f=e.get(0),y=[],C=c=>(y.push(c),c);let x=!1;const b=M.observable(!1),T=M.observable(!1);let q=A,$=null,z=!1,V=!1,D=!1,K=ye(e),G=ve(K),ne=K;const ie=()=>{x||!f.isConnected||(ne=ye(e),b.value=ve(ne)!==G)};let ce=null;je=()=>{clearTimeout(ce),ce=setTimeout(ie,150)},C(()=>{clearTimeout(ce),je=null,he=null}),C(()=>ut(f.querySelector("#preview-container")));const Fe=c=>{const h=c.settings||{};e.find("#field-title").val(c.title||""),e.find("#field-slug").val(c.slug||""),e.find("#field-description").val(c.description||""),e.find("#field-bundled").prop("checked",!!c.bundled),Ee={...c.meta||{}},e.find("#field-project").val(c.meta?.project||""),e.find("#setting-submit-text").val(h.submitText||"Submit"),e.find("#setting-success-message").val(h.successMessage||""),e.find("#setting-layout").val(h.layout||"grid"),e.find("#setting-columns").val(qe(h.columns)),e.find("#setting-submit-align").val(mt(h,h.layout||"grid")),Ht(e,h),e.find("#setting-form-class").val(h.class||""),e.find("#setting-submit-class").val(h.submitClass||""),e.find("#setting-honeypot").prop("checked",h.honeypot!==!1),e.find("#setting-rate-limit").val(h.rateLimitPerMinute||3),e.find("#setting-success-redirect").val(h.successRedirect||""),e.find("#action-cms-slug").val(h.actionSlug||"");const g=c.actions?.email||{};e.find("#action-email-enabled").prop("checked",!!g.enabled),e.find("#action-email-recipients").val(g.recipients||""),e.find("#action-email-subject-prefix").val(g.subjectPrefix||"");const w=c.actions?.webhook||{};e.find("#action-webhook-enabled").prop("checked",!!w.enabled),e.find("#action-webhook-url").val(w.url||""),e.find("#action-webhook-method").val(w.method||"POST"),k=JSON.parse(JSON.stringify(c.fields||[])),r((h.layout||"grid")==="grid"),te(e)};async function Be(){if(T.peek()||x)return;if(i){E.toast("This form did not load, so saving would replace it with an empty one. Reload the page to try again.",{type:"error"});return}const c=ye(e);if(!c.title){E.toast("Please enter a form title (Form Details).",{type:"error"});return}const h=un(c.settings);if(h.length){E.toast(`${h[0]} (Settings > Submit Button)`,{type:"error"});return}const g=pn(c.settings,c.fields);if(g.length){E.toast(g[0],{type:"error"});return}const w=zn(c.fields);w.length&&E.toast(`Some trigger messages use ${w.map(U=>`{{${U}}}`).join(", ")}, which will show as blank: no field has that name, or it is a password, file or image.`,{type:"warning",duration:9e3}),T.value=!0;const N=A,_=me(q);N||(f.inert=!0);try{if(A?(await pe(`/forms/${A}`,{method:"PUT",body:JSON.stringify(c)}),E.toast("Form saved.",{type:"success"})):(A=(await pe("/forms",{method:"POST",body:JSON.stringify(c)})).slug,E.toast("Form created.",{type:"success"})),x){if(!N)try{S.remove?S.remove(_):S.set(_,null)}catch{}return}q=A,K=c,G=ve(c),$=null,V=!1,D=!1,clearTimeout(ce),ie();for(const U of new Set([_,me(A)]))try{S.remove?S.remove(U):S.set(U,null)}catch{}Xe(f,c.title),fn("#/forms"),N||R.navigate(`/forms/edit/${A}`)}catch(U){N||(A=null),E.toast(U.message||"Failed to save form.",{type:"error"})}finally{T.value=!1,f.inert=!1}}async function Xt(){b.peek()&&(!await E.confirm("Throw away the changes you have not saved?",{confirmText:"Throw away",cancelText:"Keep editing"})||x||(Fe(K),ie(),ot()))}const Ze=f.querySelector(".fex-bar");if(Ze){const c=M.applyBindings({dirty:b,saving:T},Ze,{methods:{save:Be,discard:Xt}});C(()=>c.dispose())}C(mn(f,{position:"bottom"})),Re(e,{id:"form-editor-save",icon:"save",title:"Save (Ctrl+S)",onClick:()=>Be()}),Re(e,{id:"form-editor-back",icon:"arrow-left",title:"All forms",onClick:()=>{location.hash="#/forms"}}),A&&Re(e,{id:"form-editor-subs",icon:"list",title:"Submissions",onClick:()=>{location.hash=`#/forms/${encodeURIComponent(A)}/submissions`}});const et=c=>{n()||!(c.ctrlKey||c.metaKey)||String(c.key).toLowerCase()!=="s"||(c.preventDefault(),c.stopImmediatePropagation(),Be())};document.addEventListener("keydown",et,!0),C(()=>document.removeEventListener("keydown",et,!0));const X=e.find("#fields-list").get(0),Zt=c=>c?.closest?.(".fb-field-card"),tt=c=>Number(c?.dataset.index),nt=c=>c?.querySelector(":scope > .fb-field-body"),lt=c=>{const h=nt(c);h&&(h.style.display=h.style.display==="none"?"":"none")},de=(c,h)=>{k=c,te(e),h!=null&&X?.querySelectorAll(".fb-field-card")[h]?.focus()},en=async c=>{try{await navigator.clipboard.writeText(c),E.toast(`Copied "${c}".`,{type:"success"})}catch{E.toast(`Copy failed - the name is ${c}.`,{type:"info"})}},tn=c=>{const h=Zt(c),g=tt(h);P();const w=k[g];if(!w)return[];const N=w.type!=="spacer"&&w.type!=="page-break",_=nt(h),U=_&&_.style.display!=="none";return[{header:De(w)},..._?[{label:U?"Close":"Edit",icon:U?"chevron-up":"edit",action:()=>lt(h)}]:[],...N?[{label:"Logic & triggers",icon:"zap",action:()=>{_&&(_.style.display=""),(_?.querySelector(".fb-field-logic")||_)?.scrollIntoView({block:"center",behavior:"smooth"})}}]:[],{label:"Duplicate",icon:"copy",action:()=>{P(),de(yn(k,g),g+1)}},{type:"divider"},{label:"Move up",icon:"arrow-up",shortcut:"Alt+\u2191",disabled:g===0,action:()=>{P(),de(gt(k,g,-1),g-1)}},{label:"Move down",icon:"arrow-down",shortcut:"Alt+\u2193",disabled:g>=k.length-1,action:()=>{P(),de(gt(k,g,1),g+1)}},...N&&w.name?[{label:"Copy field name",icon:"clipboard",action:()=>en(w.name)}]:[],{type:"divider"},{label:"Delete\u2026",icon:"trash",danger:!0,action:async()=>{if(w.type!=="spacer"&&!await E.confirm(`Remove "${Jt(De(w))}"?`))return;P();const ue=[...k];ue.splice(g,1),de(ue,Math.min(g,ue.length-1))}}]};if(X&&typeof E.sortable=="function"){const c=E.sortable(X,{items:".fb-field-card",handle:".fb-drag-grip",key:null,onSort:({from:h,to:g})=>{P();const w=[...k],[N]=w.splice(h,1);w.splice(g,0,N),de(w,g)}});C(()=>c.destroy())}let at=null;if(X&&E.contextMenu&&(at=E.contextMenu(X,{cursor:"glyph",match:".fb-field-card > :first-child",inherit:!1,density:"compact",items:c=>tn(c)}),C(()=>at?.destroy?.())),he=c=>{for(const h of c.querySelectorAll(".fb-field-card")){h.tabIndex=0;const g=h.firstElementChild;if(!g||g.querySelector(".fex-kebab"))continue;const w=document.createElement("button");w.type="button",w.className="fex-kebab",w.textContent="\u22EE",w.title="Actions",P(),w.setAttribute("aria-label",`Actions for ${De(k[tt(h)])}`),w.addEventListener("click",N=>{N.stopPropagation(),ft(w)}),g.appendChild(w)}},X){he(X);const c=h=>{const g=h.target?.classList?.contains("fb-field-card")?h.target:null;g&&(h.key==="F10"&&h.shiftKey?(h.preventDefault(),ft(g.firstElementChild)):h.key==="Enter"&&(h.preventDefault(),lt(g)))};X.addEventListener("keydown",c),C(()=>X.removeEventListener("keydown",c))}const ot=()=>{try{const c=me(q);S.remove?S.remove(c):S.set(c,null)}catch{}},it=c=>{if(!i){if(!b.peek()||!c){!z&&!D&&ot();return}try{S.set(me(q),{data:gn(c),base:hn($,ht(G)),...V?{newFrom:!0}:{},at:new Date().toISOString()})}catch{}}},st=c=>{ie(),b.peek()&&(it(ne),c.preventDefault(),c.returnValue="")};if(window.addEventListener("beforeunload",st),C(()=>window.removeEventListener("beforeunload",st)),C(()=>{oe&&(document.removeEventListener("click",oe),oe=null)}),J={path:t,dirty:()=>b.peek(),flush:()=>{clearTimeout(ce),ie()},dispose(){x||(it(ne),x=!0,y.splice(0).reverse().forEach(c=>{try{c?.()}catch{}}))}},i){const c=document.createElement("p");c.className="fex-load-error",c.setAttribute("role","alert"),c.textContent=i.missing?"This form no longer exists - it may have been deleted. Nothing here can be saved over it.":`This form could not be loaded (${i.message}). Saving is off so an empty editor cannot replace it - reload the page to try again.`;const h=f.querySelector(".fex-bar");h?h.before(c):f.prepend(c),C(()=>c.remove())}const Ie=me(A);let Z=null;try{Z=S.get(Ie)}catch{}if(Z?.data&&(!i||i.missing)){const c=!!i?.missing,h=bn(Z,{missing:c});z=!0;const g=await E.confirm(Jt(vn(Z,{current:ht(G),missing:c,when:Z.at?Cn(Z.at):""})),{title:"Unsaved changes",confirmText:"Throw away",cancelText:h==="new"?"Start a new form":h==="refuse"?"Not now":"Keep them"});if(z=!1,g)try{S.remove?S.remove(Ie):S.set(Ie,null)}catch{}else h==="refuse"?D=!0:x||(c?(A=null,i=null,$="",V=!0,K=ye(e),G=ve(K),Xe(f,"New form"),f.querySelector(".fex-load-error")?.remove(),Fe(Z.data)):($=Z.base??"",Fe(xn(Z.data,K))),ie())}}};
+maybe:Maybe`,l.value=(e||[]).map(a=>{const o=typeof a=="string"?a:a.value??"",s=typeof a=="string"?a:a.label??o;return o===s?o:`${o}:${s}`}).join(`
+`),l.style.fontFamily="monospace",i.appendChild(n),i.appendChild(l),i}function Ae(e){return parseInt(e,10)===3?3:2}const tl=[["#setting-submit-icon-start-slot","setting-submit-icon-start"],["#setting-submit-icon-end-slot","setting-submit-icon-end"],["#setting-second-icon-start-slot","setting-second-icon-start"],["#setting-second-icon-end-slot","setting-second-icon-end"]];function nl(e){tl.forEach(([t,i])=>{const n=e.find(t).get(0);if(!n||n.querySelector(`#${i}`))return;const l=Re("none","");l.input.id=i,l.input.classList.add("form-input"),n.appendChild(l.el)})}function Ut(e){const t=e.find("#setting-second-kind").val()||"",i=e.find("#second-button-group").get(0);i&&(i.style.display=t?"":"none");const n=e.find("#second-url-group").get(0);n&&(n.style.display=t==="link"?"":"none");const l=e.find("#setting-second-label").get(0);l&&(l.placeholder=t==="link"?"Cancel":"Clear form")}function ll(e){const t=a=>String(e.find(a).val()||"").trim(),i={},n={style:t("#setting-submit-style")||"primary",size:t("#setting-submit-size"),iconStart:t("#setting-submit-icon-start"),iconEnd:t("#setting-submit-icon-end")};(n.style!=="primary"||n.size||n.iconStart||n.iconEnd)&&(i.submitButton=n);const l=t("#setting-second-kind");return(l==="reset"||l==="link")&&(i.secondaryButton={kind:l,label:t("#setting-second-label"),...l==="link"?{url:t("#setting-second-url")}:{},style:t("#setting-second-style")||"secondary",iconStart:t("#setting-second-icon-start"),iconEnd:t("#setting-second-icon-end"),first:t("#setting-second-order")==="first",stack:t("#setting-second-arrange")==="stack"}),i}function Kt(e,t){const i=t&&t.submitButton||{},n=t&&t.secondaryButton||{};e.find("#setting-submit-style").val(i.style||"primary"),e.find("#setting-submit-size").val(i.size||""),e.find("#setting-submit-icon-start").val(i.iconStart||""),e.find("#setting-submit-icon-end").val(i.iconEnd||""),e.find("#setting-second-kind").val(n.kind==="reset"||n.kind==="link"?n.kind:""),e.find("#setting-second-label").val(n.label||""),e.find("#setting-second-url").val(n.url||""),e.find("#setting-second-style").val(n.style||"secondary"),e.find("#setting-second-icon-start").val(n.iconStart||""),e.find("#setting-second-icon-end").val(n.iconEnd||""),e.find("#setting-second-order").val(n.first?"first":"after"),e.find("#setting-second-arrange").val(n.stack?"stack":"row"),Ut(e)}function ye(e){const t=e.find("#field-project").val()||"";return j(),{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:{...Ee||{},project:t||null},fields:T,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()||"grid",columns:Ae(e.find("#setting-columns").val()),submitAlign:e.find("#setting-submit-align").val()||"",...ll(e),...e.find("#setting-form-class").val().trim()&&{class:e.find("#setting-form-class").val().trim()},...e.find("#setting-submit-class").val().trim()&&{submitClass:e.find("#setting-submit-class").val().trim()},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()},...Ce!==null&&{collection:Ce}}}}function Jt(e,t){const i={};return e.forEach(n=>{if(n.type==="page-break"||n.type==="spacer")return;const l={...n.formConfig||{}};l.span==="full"&&t&&(l.span=t);const a=n.type==="chooser"||!!(n.variant&&["select","radio","checkbox-group"].includes(n.type)),s={type:n.type==="checkbox"?"boolean":n.type==="date"||n.type==="icon"||n.type==="image"?"string":a?"chooser":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},...l}};a&&(n.variant&&(s.variant=n.variant),(n.multiple||n.type==="checkbox-group")&&(s.multiple=!0),n.density&&(s.density=n.density),n.columns&&(s.columns=n.columns),n.accent&&(s.accent=n.accent),n.accentStyle&&(s.accentStyle=n.accentStyle),n.glow&&(s.glow=!0),n.glowColour&&(s.glowColour=n.glowColour),n.shadow&&(s.shadow=n.shadow),n.shadowColour&&(s.shadowColour=n.shadowColour)),i[n.name]=n.type==="file"?on(n,s):s}),i}function Yt(e,t){const i=typeof e=="string"?document.querySelector(e):e;i&&(t||[]).forEach(n=>{if(n.type!=="date"||!n.name)return;const l=i.querySelector(`[name="${n.name}"]`);l&&l.type!=="date"&&(l.type="date")})}function Ze(e,t){const i=e?.querySelector?.(".dm-plugin-banner-name .dm-plugin-banner-sep");if(i){for(;i.nextSibling;)i.nextSibling.remove();i.after(document.createTextNode(String(t||"")))}}const Xt=e=>String(e??"").replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;");let J=null,Qt=0,Zt=!1;const Fe=e=>String(e||"").split("?")[0].replace(/\/$/,"");function al(){Zt||!window.R?.use||(Zt=!0,R.use((e,t,i)=>!J||!yt(t?.path,e?.path)||J.path!==Fe(t?.path)||(J.flush(),!J.dirty())?i():E.confirm("You have unsaved changes to this form. Leave anyway? They are kept as a draft for your next visit to it.").then(n=>{n?i():history.replaceState(null,"",`#${t.path}`)})),M.subscribe("router:afterChange",({to:e,from:t}={})=>{if(J&&J.path===Fe(t?.path)&&yt(t?.path,e?.path)){const i=J;J=null,i.dispose()}}))}export const formEditorView={templateUrl:"/admin/js/templates/form-editor.html",async onMount(e){if(al(),J){const c=J;J=null,c.dispose()}const t=Fe(location.hash.replace(/^#/,"")),i=++Qt,n=()=>i!==Qt||!e.get(0)?.isConnected||Fe(location.hash.replace(/^#/,""))!==t;T=[],A=null,Ce=null,nl(e),e.find("#setting-second-kind").get(0)?.addEventListener("change",()=>Ut(e));const l=window.location.hash.match(/\/forms\/edit\/([^/?#]+)/);A=l?l[1]:null;let a=null,o=null;const s=E.loader(e.get(0),{type:"dots"});if(A)try{if(a=await pe(`/forms/${A}`),n()){s.destroy();return}T=a.fields||[],Ce=a.actions?.collection??null}catch(c){if(n()){s.destroy();return}o={missing:c?.status===404,message:c?.message||String(c)},E.toast(o.missing?"This form no longer exists.":`Could not load the form: ${o.message}`,{type:"error"})}Ee={};try{const c=await pe("/projects").catch(()=>[]);if(n()){s.destroy();return}const h=e.find("#field-project").get(0);h&&(Array.isArray(c)?c:[]).forEach(g=>{const k=document.createElement("option");k.value=g.slug,k.textContent=g.name||g.slug,h.appendChild(k)})}catch{}if(s.destroy(),Ze(e.get(0),a?a.title||a.slug:"New form"),A||e.find("#field-title").get(0).addEventListener("input",function(){e.find("#field-slug").val(Et(this.value))}),E.tabs(e.find("#editor-tabs").get(0)),a){e.find("#field-title").val(a.title),e.find("#field-slug").val(a.slug),e.find("#field-description").val(a.description||""),e.find("#field-bundled").prop("checked",!!a.bundled),Ee=a.meta||{},e.find("#field-project").val(a.meta?.project||"");const c=a.settings||{};e.find("#setting-submit-text").val(c.submitText||"Submit"),e.find("#setting-success-message").val(c.successMessage||""),e.find("#setting-layout").val(c.layout||"grid"),e.find("#setting-columns").val(Ae(c.columns)),e.find("#setting-submit-align").val(ht(c,c.layout||"grid")),Kt(e,c),e.find("#setting-form-class").val(c.class||""),e.find("#setting-submit-class").val(c.submitClass||""),e.find("#columns-group").get(0).style.display=(c.layout||"grid")==="grid"?"":"none",e.find("#setting-honeypot").prop("checked",c.honeypot!==!1),e.find("#setting-rate-limit").val(c.rateLimitPerMinute||3),e.find("#setting-success-redirect").val(c.successRedirect||"");const h=a.actions?.email||{};e.find("#action-email-enabled").prop("checked",h.enabled||!1),e.find("#action-email-recipients").val(h.recipients||""),e.find("#action-email-subject-prefix").val(h.subjectPrefix||"");const g=a.actions?.webhook||{};e.find("#action-webhook-enabled").prop("checked",g.enabled||!1),e.find("#action-webhook-url").val(g.url||""),e.find("#action-webhook-method").val(g.method||"POST")}const d=a?.settings?.actionSlug||"";try{const c=await pe("/actions").catch(()=>[]);if(n())return;const h=e.find("#action-cms-slug").get(0);if(xe=Array.isArray(c)?c:[],(Array.isArray(c)?c:[]).forEach(g=>{const k=document.createElement("option");k.value=g.slug,k.textContent=g.title||g.slug,g.slug===d&&(k.selected=!0),h.appendChild(k)}),!c.length){const g=document.createElement("option");g.value="",g.textContent="No actions available",g.disabled=!0,h.appendChild(g)}}catch{}const r=c=>{e.find("#columns-group").get(0).style.display=c?"":"none",document.querySelectorAll(".fb-grid-row").forEach(h=>{h.style.display=c?"flex":"none"})};e.find("#setting-layout").get(0)?.addEventListener("change",function(){r(this.value==="grid")}),r(e.find("#setting-layout").val()==="grid"),te(e);const u=e.find("#add-element-menu").get(0);e.find("#add-element-btn").get(0).addEventListener("click",c=>{c.stopPropagation(),u.style.display=u.style.display==="none"?"":"none"}),ie&&document.removeEventListener("click",ie),ie=()=>{u&&(u.style.display="none")},document.addEventListener("click",ie),e.find("#add-field-btn").get(0).addEventListener("click",()=>{u&&(u.style.display="none"),j();const c=T.length;T.push({name:`field_${c+1}`,type:"string",label:"New Field",required:!1,placeholder:""}),te(e);const h=e.find("#fields-list").get(0)?.lastElementChild;if(h){const g=h.querySelector(".fb-field-body");g&&(g.style.display="")}}),e.find("#add-spacer-btn").get(0).addEventListener("click",()=>{u&&(u.style.display="none"),j(),T.push({type:"spacer"}),te(e)}),e.find("#add-page-break-btn").get(0).addEventListener("click",()=>{u&&(u.style.display="none"),j();const c=T.filter(h=>h.type==="page-break").length+2;T.push({type:"page-break",label:`Step ${c}`,description:""}),te(e)}),we=()=>{const c=ye(e),h=e.find("#preview-container").get(0);if(!h)return;const g=e.find("#preview-test-result").get(0),k=e.find("#preview-test-badge").get(0);g&&(g.style.display="none",g.textContent=""),k&&(k.style.display=A?"":"none"),e.find("#preview-card").get(0).style.display="",mt(h),h.textContent="";const N=document.createElement("div");N.id="fb-preview-form",h.appendChild(N);const P=new Map;dn(N,c.fields);const U=A?async I=>{g&&(g.style.display="none",g.textContent="");try{const $=new Map(P);pt(N,$);const ee=rn(I,c.fields,$),le=cn(ee.values,ee.files),W=await fetch(`/api/forms/submit/${A}`,{method:"POST",headers:le.headers,body:le.body}),Y=await W.json();if(!W.ok)throw new Error(Y.error||"Submission failed.");g&&(g.textContent=Y.message||c.settings?.successMessage||"Submitted successfully.",g.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);"),E.toast("Test submission stored.",{type:"success"})}catch($){g&&(g.textContent=$.message,g.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);"),E.toast($.message,{type:"error"})}return!1}:()=>!1,ue=c.fields.some(I=>I.type==="page-break");if(N.addEventListener("click",I=>{const $=I.target.closest?.("a.fb-secondary-btn");$&&(I.preventDefault(),E.toast(`Cancel takes the visitor to ${$.getAttribute("href")}`,{type:"info"}))}),N.addEventListener("dm-form-end",I=>{const $=I.detail?.validation;if($&&!$.valid){E.toast(`Still to answer: ${$.missing.map(ee=>ee.label).concat($.errors).join(", ")}`,{type:"warning"});return}U(I.detail?.values||{})}),typeof F<"u"){const I=Ae(c.settings?.columns),$=c.settings?.layout||"grid";if(ue&&F.wizard){const ee=an(c.fields,c.title),le=ee.map(ae=>({title:ae.title,description:ae.description,fields:Jt(ae.fields,I)}));let W=0,Y=null,Me=null;const ct=ae=>{const ze=(ee[W]||{}).fields||[];pn(N,c.settings),ft(N,c.settings,ze),Yt("#fb-preview-form",ze),dt(N,ze),sn(N,P),ae&&window.FormLogicEngine&&kt(c.fields)&&(Y?.destroy?.(),Y=new window.FormLogicEngine.FormLogicRuntime({fields:c.fields},N,{baseValues:Me?.getStepData?Me.getStepData():{}}),Y.init())};Me=F.wizard("#fb-preview-form",{schema:{steps:le},layout:$,columns:I,finishText:c.settings?.submitText||"Finish",onStepChange:ae=>{pt(N,P),W=ae,queueMicrotask(()=>ct(!0))},onSubmit:U}),ct(!1)}else if(F.render){const ee=Jt(c.fields,I),le={};c.fields.forEach(W=>{if(!(!W.name||W.type==="page-break"||W.type==="spacer")&&(W.type==="select"||W.type==="multiselect")&&W.required){const Y=(W.options||[])[0];Y&&(le[W.name]=typeof Y=="object"?Y.value:Y)}}),F.render("#fb-preview-form",ee,le,{submitText:c.settings?.submitText||"Submit",layout:$,columns:I,onSubmit:U}),un(N,c.settings,$),ft(N,c.settings,c.fields),Yt("#fb-preview-form",c.fields),dt(N,c.fields)}window.FormLogicEngine&&kt(c.fields)&&requestAnimationFrame(()=>{new window.FormLogicEngine.FormLogicRuntime({fields:c.fields},N).init()})}else{const I=document.createElement("p");I.textContent=`${c.fields.filter($=>$.type!=="page-break").length} field(s): ${c.fields.filter($=>$.type!=="page-break").map($=>$.label).join(", ")}`,I.style.cssText="color:var(--dm-text-muted);font-style:italic;",N.appendChild(I)}},we();const p=e.find("#editor-tabs").get(0),m=e.find("#preview-card").get(0),v=c=>{m&&m.contains(c.target)||We()};p&&(p.addEventListener("input",v),p.addEventListener("change",v));const f=e.get(0),y=[],w=c=>(y.push(c),c);let x=!1;const b=M.observable(!1),C=M.observable(!1);let L=A,q=null,D=!1,V=!1,_=!1,K=ye(e),G=ve(K),ne=K;const oe=()=>{x||!f.isConnected||(ne=ye(e),b.value=ve(ne)!==G)};let ce=null;Ge=()=>{clearTimeout(ce),ce=setTimeout(oe,150)},w(()=>{clearTimeout(ce),Ge=null,he=null}),w(()=>mt(f.querySelector("#preview-container")));const Be=c=>{const h=c.settings||{};e.find("#field-title").val(c.title||""),e.find("#field-slug").val(c.slug||""),e.find("#field-description").val(c.description||""),e.find("#field-bundled").prop("checked",!!c.bundled),Ee={...c.meta||{}},e.find("#field-project").val(c.meta?.project||""),e.find("#setting-submit-text").val(h.submitText||"Submit"),e.find("#setting-success-message").val(h.successMessage||""),e.find("#setting-layout").val(h.layout||"grid"),e.find("#setting-columns").val(Ae(h.columns)),e.find("#setting-submit-align").val(ht(h,h.layout||"grid")),Kt(e,h),e.find("#setting-form-class").val(h.class||""),e.find("#setting-submit-class").val(h.submitClass||""),e.find("#setting-honeypot").prop("checked",h.honeypot!==!1),e.find("#setting-rate-limit").val(h.rateLimitPerMinute||3),e.find("#setting-success-redirect").val(h.successRedirect||""),e.find("#action-cms-slug").val(h.actionSlug||"");const g=c.actions?.email||{};e.find("#action-email-enabled").prop("checked",!!g.enabled),e.find("#action-email-recipients").val(g.recipients||""),e.find("#action-email-subject-prefix").val(g.subjectPrefix||"");const k=c.actions?.webhook||{};e.find("#action-webhook-enabled").prop("checked",!!k.enabled),e.find("#action-webhook-url").val(k.url||""),e.find("#action-webhook-method").val(k.method||"POST"),T=JSON.parse(JSON.stringify(c.fields||[])),r((h.layout||"grid")==="grid"),te(e)};async function Ie(){if(C.peek()||x)return;if(o){E.toast("This form did not load, so saving would replace it with an empty one. Reload the page to try again.",{type:"error"});return}const c=ye(e);if(!c.title){E.toast("Please enter a form title (Form Details).",{type:"error"});return}const h=mn(c.settings);if(h.length){E.toast(`${h[0]} (Settings > Submit Button)`,{type:"error"});return}const g=fn(c.settings,c.fields);if(g.length){E.toast(g[0],{type:"error"});return}const k=Rn(c.fields);k.length&&E.toast(`Some trigger messages use ${k.map(U=>`{{${U}}}`).join(", ")}, which will show as blank: no field has that name, or it is a password, file or image.`,{type:"warning",duration:9e3}),C.value=!0;const N=A,P=me(L);N||(f.inert=!0);try{if(A?(await pe(`/forms/${A}`,{method:"PUT",body:JSON.stringify(c)}),E.toast("Form saved.",{type:"success"})):(A=(await pe("/forms",{method:"POST",body:JSON.stringify(c)})).slug,E.toast("Form created.",{type:"success"})),x){if(!N)try{S.remove?S.remove(P):S.set(P,null)}catch{}return}L=A,K=c,G=ve(c),q=null,V=!1,_=!1,clearTimeout(ce),oe();for(const U of new Set([P,me(A)]))try{S.remove?S.remove(U):S.set(U,null)}catch{}Ze(f,c.title),bn("#/forms"),N||R.navigate(`/forms/edit/${A}`)}catch(U){N||(A=null),E.toast(U.message||"Failed to save form.",{type:"error"})}finally{C.value=!1,f.inert=!1}}async function en(){b.peek()&&(!await E.confirm("Throw away the changes you have not saved?",{confirmText:"Throw away",cancelText:"Keep editing"})||x||(Be(K),oe(),ot()))}const et=f.querySelector(".fex-bar");if(et){const c=M.applyBindings({dirty:b,saving:C},et,{methods:{save:Ie,discard:en}});w(()=>c.dispose())}w(hn(f,{position:"bottom"})),_e(e,{id:"form-editor-save",icon:"save",title:"Save (Ctrl+S)",onClick:()=>Ie()}),_e(e,{id:"form-editor-back",icon:"arrow-left",title:"All forms",onClick:()=>{location.hash="#/forms"}}),A&&_e(e,{id:"form-editor-subs",icon:"list",title:"Submissions",onClick:()=>{location.hash=`#/forms/${encodeURIComponent(A)}/submissions`}});const tt=c=>{n()||!(c.ctrlKey||c.metaKey)||String(c.key).toLowerCase()!=="s"||(c.preventDefault(),c.stopImmediatePropagation(),Ie())};document.addEventListener("keydown",tt,!0),w(()=>document.removeEventListener("keydown",tt,!0));const Q=e.find("#fields-list").get(0),tn=c=>c?.closest?.(".fb-field-card"),nt=c=>Number(c?.dataset.index),lt=c=>c?.querySelector(":scope > .fb-field-body"),at=c=>{const h=lt(c);h&&(h.style.display=h.style.display==="none"?"":"none")},de=(c,h)=>{T=c,te(e),h!=null&&Q?.querySelectorAll(".fb-field-card")[h]?.focus()},nn=async c=>{try{await navigator.clipboard.writeText(c),E.toast(`Copied "${c}".`,{type:"success"})}catch{E.toast(`Copy failed - the name is ${c}.`,{type:"info"})}},ln=c=>{const h=tn(c),g=nt(h);j();const k=T[g];if(!k)return[];const N=k.type!=="spacer"&&k.type!=="page-break",P=lt(h),U=P&&P.style.display!=="none";return[{header:Pe(k)},...P?[{label:U?"Close":"Edit",icon:U?"chevron-up":"edit",action:()=>at(h)}]:[],...N?[{label:"Logic & triggers",icon:"zap",action:()=>{P&&(P.style.display=""),(P?.querySelector(".fb-field-logic")||P)?.scrollIntoView({block:"center",behavior:"smooth"})}}]:[],{label:"Duplicate",icon:"copy",action:()=>{j(),de(xn(T,g),g+1)}},{type:"divider"},{label:"Move up",icon:"arrow-up",shortcut:"Alt+\u2191",disabled:g===0,action:()=>{j(),de(vt(T,g,-1),g-1)}},{label:"Move down",icon:"arrow-down",shortcut:"Alt+\u2193",disabled:g>=T.length-1,action:()=>{j(),de(vt(T,g,1),g+1)}},...N&&k.name?[{label:"Copy field name",icon:"clipboard",action:()=>nn(k.name)}]:[],{type:"divider"},{label:"Delete\u2026",icon:"trash",danger:!0,action:async()=>{if(k.type!=="spacer"&&!await E.confirm(`Remove "${Xt(Pe(k))}"?`))return;j();const ue=[...T];ue.splice(g,1),de(ue,Math.min(g,ue.length-1))}}]};if(Q&&typeof E.sortable=="function"){const c=E.sortable(Q,{items:".fb-field-card",handle:".fb-drag-grip",key:null,onSort:({from:h,to:g})=>{j();const k=[...T],[N]=k.splice(h,1);k.splice(g,0,N),de(k,g)}});w(()=>c.destroy())}let it=null;if(Q&&E.contextMenu&&(it=E.contextMenu(Q,{cursor:"glyph",match:".fb-field-card > :first-child",inherit:!1,density:"compact",items:c=>ln(c)}),w(()=>it?.destroy?.())),he=c=>{for(const h of c.querySelectorAll(".fb-field-card")){h.tabIndex=0;const g=h.firstElementChild;if(!g||g.querySelector(".fex-kebab"))continue;const k=document.createElement("button");k.type="button",k.className="fex-kebab",k.textContent="\u22EE",k.title="Actions",j(),k.setAttribute("aria-label",`Actions for ${Pe(T[nt(h)])}`),k.addEventListener("click",N=>{N.stopPropagation(),bt(k)}),g.appendChild(k)}},Q){he(Q);const c=h=>{const g=h.target?.classList?.contains("fb-field-card")?h.target:null;g&&(h.key==="F10"&&h.shiftKey?(h.preventDefault(),bt(g.firstElementChild)):h.key==="Enter"&&(h.preventDefault(),at(g)))};Q.addEventListener("keydown",c),w(()=>Q.removeEventListener("keydown",c))}const ot=()=>{try{const c=me(L);S.remove?S.remove(c):S.set(c,null)}catch{}},st=c=>{if(!o){if(!b.peek()||!c){!D&&!_&&ot();return}try{S.set(me(L),{data:vn(c),base:gn(q,gt(G)),...V?{newFrom:!0}:{},at:new Date().toISOString()})}catch{}}},rt=c=>{oe(),b.peek()&&(st(ne),c.preventDefault(),c.returnValue="")};if(window.addEventListener("beforeunload",rt),w(()=>window.removeEventListener("beforeunload",rt)),w(()=>{ie&&(document.removeEventListener("click",ie),ie=null)}),J={path:t,dirty:()=>b.peek(),flush:()=>{clearTimeout(ce),oe()},dispose(){x||(st(ne),x=!0,y.splice(0).reverse().forEach(c=>{try{c?.()}catch{}}))}},o){const c=document.createElement("p");c.className="fex-load-error",c.setAttribute("role","alert"),c.textContent=o.missing?"This form no longer exists - it may have been deleted. Nothing here can be saved over it.":`This form could not be loaded (${o.message}). Saving is off so an empty editor cannot replace it - reload the page to try again.`;const h=f.querySelector(".fex-bar");h?h.before(c):f.prepend(c),w(()=>c.remove())}const Oe=me(A);let Z=null;try{Z=S.get(Oe)}catch{}if(Z?.data&&(!o||o.missing)){const c=!!o?.missing,h=yn(Z,{missing:c});D=!0;const g=await E.confirm(Xt(Cn(Z,{current:gt(G),missing:c,when:Z.at?wn(Z.at):""})),{title:"Unsaved changes",confirmText:"Throw away",cancelText:h==="new"?"Start a new form":h==="refuse"?"Not now":"Keep them"});if(D=!1,g)try{S.remove?S.remove(Oe):S.set(Oe,null)}catch{}else h==="refuse"?_=!0:x||(c?(A=null,o=null,q="",V=!0,K=ye(e),G=ve(K),Ze(f,"New form"),f.querySelector(".fex-load-error")?.remove(),Be(Z.data)):(q=Z.base??"",Be(En(Z.data,K))),oe())}}};