https://ocsef.org/_app/immutable/nodes/46.DL6zWOFf.js

1import"../chunks/CWj6FrbW.js";import{Z as Ee,p as De,aa as me,n as u,w as e,o as l,r as a,D as Y,y as Ne,T as Ue,b as K,k as t,X as Z,u as $,z as W,a3 as U,x as Ve,d as c,e as Pe,B as Re,_ as at,a0 as ut,a1 as jt,g as Ie,A as Se,a5 as nt,C as Ge,a6 as ot,af as xt,Y as pt,U as yt,f as Ke,v as lt,c as Rt,G as it,a4 as vt,t as qt,h as St,s as Bt,$ as At,j as st,L as dt}from"../chunks/Dny-RSuS.js";import{g as Ut}from"../chunks/v8ff2ilO.js";import{A as Et}from"../chunks/DJoVQRmI.js";import{r as ye,h as Dt,c as Pt,d as Ht,a as Lt,i as Nt}from"../chunks/CQMdGrH5.js";import{P as Vt,u as Ot,a as It}from"../chunks/vDIXpj8a.js";import{p as Gt}from"../chunks/TRUXSLtP.js";import{f as Ct}from"../chunks/DeIOMJgj.js";const Jt=async()=>({title:"Fair Registration Management"}),Jr=Object.freeze(Object.defineProperty({__proto__:null,load:Jt},Symbol.toStringTag,{value:"Module"}));var Wt=(n,s)=>s("pageTitle",n.currentTarget.value),Yt=(n,s)=>s("pageSubtitle",n.currentTarget.value),Qt=(n,s)=>s("registrationDeadline",n.currentTarget.value),Zt=(n,s)=>s("submissionDeadline",n.currentTarget.value),Xt=u('<div class="error-box svelte-yghb9"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"></circle><path d="M12 8v4m0 4h.01"></path></svg> <span> </span></div>'),Kt=u('<div class="editor-card svelte-yghb9"><div class="editor-card-header svelte-yghb9"><div class="header-icon svelte-yghb9"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg></div> <h3 class="header-title svelte-yghb9">Basic Information</h3></div> <div class="editor-card-body svelte-yghb9"><div class="form-group svelte-yghb9"><div class="label-row svelte-yghb9"><label class="form-label svelte-yghb9" for="pageTitle">Page Title</label> <span class="char-count svelte-yghb9"> </span></div> <input id="pageTitle" type="text" class="form-input svelte-yghb9" placeholder="OCSEF 2025 Registration" maxlength="100"/> <span class="form-hint svelte-yghb9">Main heading displayed on the registration page</span></div> <div class="form-group svelte-yghb9"><div class="label-row svelte-yghb9"><label class="form-label svelte-yghb9" for="pageSubtitle">Page Subtitle</label> <span class="char-count svelte-yghb9"> </span></div> <textarea id="pageSubtitle" class="form-textarea svelte-yghb9" placeholder="Welcome to the Orange County Science &amp; Engineering Fair registration process" maxlength="200" rows="3"></textarea> <span class="form-hint svelte-yghb9">Introductory text displayed below the title</span></div> <div class="section-divider svelte-yghb9"><span class="svelte-yghb9">Important Dates</span></div> <div class="form-grid svelte-yghb9"><div class="form-group svelte-yghb9"><div class="label-row svelte-yghb9"><label class="form-label svelte-yghb9" for="registrationDeadline"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path></svg> Registration Deadline</label></div> <input id="registrationDeadline" type="date"/> <span class="form-hint svelte-yghb9">Last day to register for the fair</span></div> <div class="form-group svelte-yghb9"><div class="label-row svelte-yghb9"><label class="form-label svelte-yghb9" for="submissionDeadline"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path></svg> Submission Deadline</label></div> <input id="submissionDeadline" type="date"/> <span class="form-hint svelte-yghb9">Last day to submit project materials</span></div></div> <!></div></div>');function $t(n,s){De(s,!0);let r=me(s,"pageTitle",3,""),o=me(s,"pageSubtitle",3,""),p=me(s,"registrationDeadline",3,""),H=me(s,"submissionDeadline",3,""),T=Z(()=>()=>{if(p()&&H()){const h=new Date(p()),k=new Date(H());if(h>=k)return"Registration deadline must be before submission deadline"}return null});function F(h,k){s.onUpdate(h,k)}var B=Kt(),V=e(l(B),2),D=l(V),g=l(D),q=e(l(g),2),f=l(q);a(q),a(g);var v=e(g,2);Y(v),v.__input=[Wt,F],Ne(2),a(D);var w=e(D,2),m=l(w),i=e(l(m),2),_=l(i);a(i),a(m);var S=e(m,2);Ue(S),S.__input=[Yt,F],Ne(2),a(w);var j=e(w,4),L=l(j),b=e(l(L),2);Y(b);let y;b.__input=[Qt,F],Ne(2),a(L);var R=e(L,2),E=e(l(R),2);Y(E);let d;E.__input=[Zt,F],Ne(2),a(R),a(j);var x=e(j,2);{var z=h=>{var k=Xt(),M=e(l(k),2),N=l(M,!0);a(M),a(k),$(C=>W(N,C),[()=>t(T)()]),c(h,k)};K(x,h=>{t(T)()&&h(z)})}a(V),a(B),$((h,k)=>{W(f,`${r().length??""}/100`),U(v,r()),W(_,`${o().length??""}/200`),U(S,o()),y=Ve(b,1,"form-input svelte-yghb9",null,y,h),U(b,p()),d=Ve(E,1,"form-input svelte-yghb9",null,d,k),U(E,H())},[()=>({error:t(T)()}),()=>({error:t(T)()})]),c(n,B),Pe()}Ee(["input"]);var ea=(n,s)=>s.onUpdate("annualEdition",n.currentTarget.value),ta=(n,s)=>s.onUpdate("processSteps",n.currentTarget.value),aa=(n,s)=>s.onUpdate("theme",n.currentTarget.value),sa=(n,s)=>s.onUpdate("expectedProjects",n.currentTarget.value),la=(n,s)=>s.onUpdate("gradeRange",n.currentTarget.value),ra=u('<div class="theme-preview svelte-1ctjtmy">

1<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"></path></svg> <span> </span></div>'),ia=u('<div class="grade-badge svelte-1ctjtmy"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253"></path></svg> </div>'),na=u(`<div class="editor-card svelte-1ctjtmy"><div class="editor-card-header svelte-1ctjtmy"><div class="header-icon svelte-1ctjtmy"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M13 10V3L4 14h7v7l9-11h-7z"></path></svg></div> <h3 class="header-title svelte-1ctjtmy">Quick Facts</h3></div> <div class="editor-card-body svelte-1ctjtmy"><div class="form-grid svelte-1ctjtmy"><div class="form-group svelte-1ctjtmy"><div class="label-row svelte-1ctjtmy"><label class="form-label svelte-1ctjtmy" for="annualEdition">Annual Edition</label> <span class="char-count svelte-1ctjtmy"> </span></div> <input id="annualEdition" type="text" class="form-input svelte-1ctjtmy" placeholder="58th"/> <span class="form-hint svelte-1ctjtmy">e.g., "58th", "59th Annual"</span></div> <div class="form-group svelte-1ctjtmy"><div class="label-row svelte-1ctjtmy"><label class="form-label svelte-1ctjtmy" for="processSteps">Process Steps</label> <span class="char-count svelte-1ctjtmy"> </span></div> <input id="processSteps" type="text" class="form-input svelte-1ctjtmy" placeholder="6 steps"/> <span class="form-hint svelte-1ctjtmy">Number of registration steps</span></div></div> <div class="form-group svelte-1ctjtmy"><div class="label-row svelte-1ctjtmy"><label class="form-label svelte-1ctjtmy" for="theme">Theme</label> <span class="char-count svelte-1ctjtmy"> </span></div> <input id="theme" type="text" class="form-input svelte-1ctjtmy" placeholder="Science for a Better Tomorrow"/> <span class="form-hint svelte-1ctjtmy">This year's fair theme or tagline</span></div> <div class="form-grid svelte-1ctjtmy"><div class="form-group svelte-1ctjtmy"><div class="label-row svelte-1ctjtmy"><label class="form-label svelte-1ctjtmy" for="expectedProjects">Expected Projects</label> <span class="char-count svelte-1ctjtmy"> </span></div> <input id="expectedProjects" type="text" class="form-input svelte-1ctjtmy" placeholder="500+"/> <span class="form-hint svelte-1ctjtmy">Approximate number of projects</span></div> <div class="form-group svelte-1ctjtmy"><div class="label-row svelte-1ctjtmy"><label class="form-label svelte-1ctjtmy" for="gradeRange">Grade Range</label> <span class="char-count svelte-1ctjtmy"> </span></div> <input id="gradeRange" type="text" class="form-input svelte-1ctjtmy" placeholder="6th - 12th Grade"/> <span class="form-hint svelte-1ctjtmy">Eligible grade levels</span></div></div> <div class="section-divider svelte-1ctjtmy"><span class="svelte-1ctjtmy">Preview</span></div> <div class="stats-preview svelte-1ctjtmy"><div class="stat-card svelte-1ctjtmy"><span class="stat-value svelte-1ctjtmy"> </span> <span class="stat-label svelte-1ctjtmy">Edition</span></div> <div class="stat-card svelte-1ctjtmy"><span class="stat-value svelte-1ctjtmy"> </span> <span class="stat-label svelte-1ctjtmy">Steps</span></div> <div class="stat-card svelte-1ctjtmy"><span class="stat-value svelte-1ctjtmy"> </span> <span class="stat-label svelte-1ctjtmy">Projects</span></div></div> <!> <!></div></div>`);function oa(n,s){De(s,!0);let r=me(s,"annualEdition",3,""),o=me(s,"theme",3,""),p=me(s,"processSteps",3,""),H=me(s,"expectedProjects",3,""),T=me(s,"gradeRange",3,"");const F={annualEdition:20,theme:100,processSteps:20,expectedProjects:20,gradeRange:50};var B=na(),V=e(l(B),2),D=l(V),g=l(D),q=l(g),f=e(l(q),2),v=l(f);a(f),a(q);var w=e(q,2);Y(w),w.__input=[ea,s],Ne(2),a(g);var m=e(g,2),i=l(m),_=e(l(i),2),S=l(_);a(_),a(i);var j=e(i,2);Y(j),j.__input=[ta,s],Ne(2),a(m),a(D);var L=e(D,2),b=l(L),y=e(l(b),2),R=l(y);a(y),a(b);var E=e(b,2);Y(E),E.__input=[aa,s],Ne(2),a(L);var d=e(L,2),x=l(d),z=l(x),h=e(l(z),2),k=l(h);a(h),a(z);var M=e(z,2);Y(M),M.__input=[sa,s],Ne(2),a(x);var N=e(x,2),C=l(N),A=e(l(C),2),ae=l(A);a(A),a(C);var O=e(C,2);Y(O),O.__input=[la,s],Ne(2),a(N),a(d);var G=e(d,4),ee=l(G),re=l(ee),I=l(re,!0);a(re),Ne(2),a(ee);var P=e(ee,2),te=l(P),oe=l(te,!0);a(te),Ne(2),a(P);var he=e(P,2),se=l(he),be=l(se,!0);a(se),Ne(2),a(he),a(G);var _e=e(G,2);{var ie=ne=>{var X=ra(),ze=e(l(X),2),Ae=l(ze,!0);a(ze),a(X),$(()=>W(Ae,o())),c(ne,X)};K(_e,ne=>{o()&&ne(ie)})}var ce=e(_e,2);{var ue=ne=>{var X=ia(),ze=e(l(X));a(X),$(()=>W(ze,` ${T()??""}`)),c(ne,X)};K(ce,ne=>{T()&&ne(ue)})}a(V),a(B),$(()=>{W(v,`${r().length??""}/${F.annualEdition}`),U(w,r()),Re(w,"maxlength",F.annualEdition),W(S,`${p().length??""}/${F.processSteps}`),U(j,p()),Re(j,"maxlength",F.processSteps),W(R,`${o().length??""}/${F.theme}`),U(E,o()),Re(E,"maxlength",F.theme),W(k,`${H().length??""}/${F.expectedProjects}`),U(M,H()),Re(M,"maxlength",F.expectedProjects),W(ae,`${T().length??""}/${F.gradeRange}`),U(O,T()),Re(O,"maxlength",F.gradeRange),W(I,r()||"TBD"),W(oe,p()||"0"),W(be,H()||"0")}),c(n,B),Pe()}Ee(["input"]);var va=u("<option> </option>"),da=u('<div class="detail-row svelte-1xm9ree"><span class="detail-bullet svelte-1xm9ree">•</span> <input type="text" class="form-input form-input-sm flex-1 svelte-1xm9ree" placeholder="Detail item"/> <button class="remove-btn svelte-1xm9ree" title="Remove detail"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path></svg></button></div>'),ca=u('<div class="details-list svelte-1xm9ree"></div>'),ua=u('<div class="step-card svelte-1xm9ree"><div class="step-sidebar svelte-1xm9ree"><button class="move-btn svelte-1xm9ree" title="Move up">

1<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M5 15l7-7 7 7"></path></svg></button> <div class="step-number svelte-1xm9ree"> </div> <button class="move-btn svelte-1xm9ree" title="Move down"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7"></path></svg></button></div> <div class="step-content svelte-1xm9ree"><div class="step-row svelte-1xm9ree"><div class="form-group flex-1 svelte-1xm9ree"><input type="text" class="form-input svelte-1xm9ree" placeholder="Step title"/></div> <select class="form-select svelte-1xm9ree"></select></div> <div class="form-group svelte-1xm9ree"><textarea class="form-textarea svelte-1xm9ree" placeholder="Step description" rows="2"></textarea></div> <div class="form-group svelte-1xm9ree"><label class="form-label svelte-1xm9ree">Deadline (optional)</label> <input type="date" class="form-input form-input-sm svelte-1xm9ree"/></div> <div class="details-section svelte-1xm9ree"><div class="details-header svelte-1xm9ree"><label class="form-label svelte-1xm9ree">Details</label> <button class="add-detail-btn svelte-1xm9ree"><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M12 4v16m8-8H4"></path></svg> Add Detail</button></div> <!></div> <div class="step-status svelte-1xm9ree"><span class="status-label svelte-1xm9ree">Status:</span> <span> </span></div></div></div>'),pa=u(`<div class="editor-card svelte-1xm9ree"><div class="editor-card-header svelte-1xm9ree"><div class="header-icon svelte-1xm9ree"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01"></path></svg></div> <h3 class="header-title svelte-1xm9ree">Registration Steps</h3></div> <div class="editor-card-body svelte-1xm9ree"><div class="steps-list svelte-1xm9ree"></div> <div class="info-box svelte-1xm9ree"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" class="svelte-1xm9ree"><path stroke-linecap="round" stroke-linejoin="round" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg> <span>The registration process consists of 6 fixed steps. You can reorder and customize each step's content.</span></div></div></div>`);function ha(n,s){De(s,!0);let r=me(s,"steps",19,()=>[]),o=at(ut([]));jt(()=>{r().length===0?Ie(o,[{stepNumber:1,title:"Project Registration",description:"Register your project and team",deadline:"",details:[],status:"current"},{stepNumber:2,title:"Submit Application",description:"Complete and submit your application",deadline:"",details:[],status:"upcoming"},{stepNumber:3,title:"Safety Review",description:"Submit safety forms and certifications",deadline:"",details:[],status:"upcoming"},{stepNumber:4,title:"Project Materials",description:"Upload presentation materials",deadline:"",details:[],status:"upcoming"},{stepNumber:5,title:"Final Confirmation",description:"Confirm your participation",deadline:"",details:[],status:"upcoming"},{stepNumber:6,title:"Fair Day",description:"Present your project",deadline:"",details:[],status:"upcoming"}],!0):Ie(o,[...r()],!0)});function p(){s.onUpdate(t(o))}function H(v,w,m){t(o)[v]={...t(o)[v],[w]:m},p()}function T(v){t(o)[v].details||(t(o)[v].details=[]),t(o)[v].details=[...t(o)[v].details,""],p()}function F(v,w,m){t(o)[v].details[w]=m,p()}function B(v,w){t(o)[v].details=t(o)[v].details.filter((m,i)=>i!==w),p()}function V(v,w){w==="up"&&v>0?((m=>{var i=pt(m,2);t(o)[v-1]=i[0],t(o)[v]=i[1]})([t(o)[v],t(o)[v-1]]),t(o)[v-1].stepNumber=v,t(o)[v].stepNumber=v+1):w==="down"&&v<t(o).length-1&&((m=>{var i=pt(m,2);t(o)[v]=i[0],t(o)[v+1]=i[1]})([t(o)[v+1],t(o)[v]]),t(o)[v].stepNumber=v+1,t(o)[v+1].stepNumber=v+2),p()}const D=[{value:"completed",label:"Completed",class:"status-completed"},{value:"current",label:"Current",class:"status-current"},{value:"upcoming",label:"Upcoming",class:"status-upcoming"}];var g=pa(),q=e(l(g),2),f=l(q);Se(f,31,()=>t(o),v=>v.stepNumber,(v,w,m)=>{var i=ua(),_=l(i),S=l(_);S.__click=()=>V(t(m),"up");var j=e(S,2),L=l(j,!0);a(j);var b=e(j,2);b.__click=()=>V(t(m),"down"),a(_);var y=e(_,2),R=l(y),E=l(R),d=l(E);Y(d),d.__input=P=>H(t(m),"title",P.currentTarget.value),a(E);var x=e(E,2);nt(x,()=>t(w).status);var z;x.__change=P=>H(t(m),"status",P.currentTarget.value),Se(x,21,()=>D,Ge,(P,te)=>{var oe=va(),he={},se=l(oe,!0);a(oe),$(()=>{he!==(he=t(te).value)&&(oe.value=(oe.__value=t(te).value)??""),W(se,t(te).label)}),c(P,oe)}),a(x),a(R);var h=e(R,2),k=l(h);Ue(k),k.__input=P=>H(t(m),"description",P.currentTarget.value),a(h);var M=e(h,2),N=e(l(M),2);Y(N),N.__input=P=>H(t(m),"deadline",P.currentTarget.value),a(M);var C=e(M,2),A=l(C),ae=e(l(A),2);ae.__click=()=>T(t(m)),a(A);var O=e(A,2);{var G=P=>{var te=ca();Se(te,21,()=>t(w).details,Ge,(oe,he,se)=>{var be=da(),_e=e(l(be),2);Y(_e),_e.__input=ce=>F(t(m),se,ce.currentTarget.value);var ie=e(_e,2);ie.__click=()=>B(t(m),se),a(be),$(()=>U(_e,t(he))),c(oe,be)}),a(te),c(P,te)};K(O,P=>{t(w).details&&t(w).details.length>0&&P(G)})}a(C);var ee=e(C,2),re=e(l(ee),2),I=l(re,!0);a(re),a(ee),a(y),a(i),$((P,te)=>{S.disabled=t(m)===0,W(L,t(w).stepNumber),b.disabled=t(m)===t(o).length-1,U(d,t(w).title),z!==(z=t(w).status)&&(x.value=(x.__value=t(w).status)??"",ot(x,t(w).status)),U(k,t(w).description),U(N,t(w).deadline||""),Ve(re,1,`status-badge ${P??""}`,"svelte-1xm9ree"),W(I,te)},[()=>{var P;return((P=D.find(te=>te.value===t(w).status))==null?void 0:P.class)||""},()=>{var P;return((P=D.find(te=>te.value===t(w).status))==null?void 0:P.label)||t(w).status}]),xt(i,()=>Ct,()=>({duration:300})),c(v,i)}),a(f),Ne(2),a(q),a(g),c(n,g),Pe()}Ee(["click","input","change"]);function ht(n,s,r){const o=[...s(),{date:"",event:"",description:"",type:"event"}];r.onUpdate("importantDates",o)}var ma=u('<div class="empty-state svelte-16bh8ng"><svg width="40" height="40" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path></svg> <p class="svelte-16bh8ng">No important dates added yet.</p> <button class="add-btn svelte-16bh8ng">Add First Date</button></div>'),ga=u('<div class="date-card svelte-16bh8ng"><div class="date-header svelte-16bh8ng"><span class="date-number svelte-16bh8ng"></span> <div class="date-actions svelte-16bh8ng"><button class="action-btn svelte-16bh8ng" title="Move up"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 15.75l7.5-7.5 7.5 7.5"></path></svg></button> <button class="action-btn svelte-16bh8ng" title="Move down"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"></path></svg></button> <button class="action-btn danger svelte-16bh8ng" title="Remove date"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0"></path></svg></button></div></div> <div class="form-grid svelte-16bh8ng"><div class="form-group svelte-16bh8ng"><label class="form-label svelte-16bh8ng">Event <span class="required svelte-16bh8ng">*</span></label> <input type="text" class="form-input svelte-16bh8ng" placeholder="e.g., Registration Opens"/></div> <div class="form-group svelte-16bh8ng"><label class="form-label svelte-16bh8ng">Date <span class="required svelte-16bh8ng">*</span></label> <input type="date" class="form-input svelte-16bh8ng"/></div> <div class="form-group svelte-16bh8ng"><label class="form-label svelte-16bh8ng">Type <span class="required svelte-16bh8ng">*</span></label> <select class="form-select svelte-16bh8ng"><option>Deadline</option><option>Event</option><option>Ceremony</option></select></div> <div class="form-group svelte-16bh8ng"><label class="form-label svelte-16bh8ng">Description</label> <input type="text" class="form-input svelte-16bh8ng" placeholder="Brief description"/></div></div> <div class="type-badge svelte-16bh8ng"> </div></div>'),_a=u('<div class="dates-list svelte-16bh8ng"></div>'),fa=u('<div class="editor-card svelte-16bh8ng"><div class="editor-card-header svelte-16bh8ng"><div class="header-icon svelte-16bh8ng"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path></svg></div> <h3 class="header-title svelte-16bh8ng">Important Dates</h3> <button class="add-btn svelte-16bh8ng"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15"></path></svg> Add Date</button></div> <div class="editor-card-body svelte-16bh8ng"><!></div></div>');function ba(n,s){De(s,!0);let r=me(s,"dates",19,()=>[]);function o(v){const w=r().filter((m,i)=>i!==v);s.onUpdate("importantDates",w)}function p(v,w){const m=[...r()];w==="up"&&v>0?[m[v-1],m[v]]=[m[v],m[v-1]]:w==="down"&&v<r().length-1&&([m[v],m[v+1]]=[m[v+1],m[v]]),s.onUpdate("importantDates",m)}function H(v,w,m){const i=[...r()];i[v]={...i[v],[w]:m}

1,s.onUpdate("importantDates",i)}const T={deadline:{bg:"#FEE2E2",color:"#DC2626",label:"Deadline"},event:{bg:"#DBEAFE",color:"#2563EB",label:"Event"},ceremony:{bg:"#D1FAE5",color:"#059669",label:"Ceremony"}};var F=fa(),B=l(F),V=e(l(B),4);V.__click=[ht,r,s],a(B);var D=e(B,2),g=l(D);{var q=v=>{var w=ma(),m=e(l(w),4);m.__click=[ht,r,s],a(w),c(v,w)},f=v=>{var w=_a();Se(w,21,r,Ge,(m,i,_)=>{var S=ga(),j=l(S),L=l(j);L.textContent=`#${_+1}`;var b=e(L,2),y=l(b);y.__click=()=>p(_,"up"),y.disabled=_===0;var R=e(y,2);R.__click=()=>p(_,"down");var E=e(R,2);E.__click=()=>o(_),a(b),a(j);var d=e(j,2),x=l(d),z=e(l(x),2);Y(z),z.__input=P=>H(_,"event",P.currentTarget.value),a(x);var h=e(x,2),k=e(l(h),2);Y(k),k.__input=P=>H(_,"date",P.currentTarget.value),a(h);var M=e(h,2),N=e(l(M),2);nt(N,()=>t(i).type);var C;N.__change=P=>H(_,"type",P.currentTarget.value);var A=l(N);A.value=A.__value="deadline";var ae=e(A);ae.value=ae.__value="event";var O=e(ae);O.value=O.__value="ceremony",a(N),a(M);var G=e(M,2),ee=e(l(G),2);Y(ee),ee.__input=P=>H(_,"description",P.currentTarget.value),a(G),a(d);var re=e(d,2),I=l(re,!0);a(re),a(S),$(()=>{R.disabled=_===r().length-1,U(z,t(i).event),U(k,t(i).date),C!==(C=t(i).type)&&(N.value=(N.__value=t(i).type)??"",ot(N,t(i).type)),U(ee,t(i).description||""),yt(re,`background: ${T[t(i).type].bg??""}; color: ${T[t(i).type].color??""}`),W(I,T[t(i).type].label)}),c(m,S)}),a(w),c(v,w)};K(g,v=>{r().length===0?v(q):v(f,!1)})}a(D),a(F),c(n,F),Pe()}Ee(["click","input","change"]);var wa=(n,s)=>s("studentName",n.currentTarget.value),ka=(n,s)=>s("emailRequirements",n.currentTarget.value),ja=(n,s)=>s("gmailNote",n.currentTarget.value),xa=(n,s)=>s("parentCollaborator",n.currentTarget.value),ya=u(`<div class="editor-card svelte-1ownvs7"><div class="editor-card-header svelte-1ownvs7"><div class="header-icon svelte-1ownvs7"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"></path></svg></div> <h3 class="header-title svelte-1ownvs7">Account Requirements</h3></div> <div class="editor-card-body svelte-1ownvs7"><div class="form-group svelte-1ownvs7"><label class="form-label svelte-1ownvs7" for="student-name">Student Name Requirements</label> <span class="form-sublabel svelte-1ownvs7">How students should enter their names</span> <textarea id="student-name" class="form-textarea svelte-1ownvs7" placeholder="Use your actual name for your account—this will appear on certificates and cannot be changed." rows="3"></textarea></div> <div class="form-group svelte-1ownvs7"><label class="form-label svelte-1ownvs7" for="email-requirements">Email Requirements</label> <span class="form-sublabel svelte-1ownvs7">Email account guidelines</span> <textarea id="email-requirements" class="form-textarea svelte-1ownvs7" placeholder="If possible, use a personal email (like Gmail) instead of a school email for continued access." rows="3"></textarea></div> <div class="form-group svelte-1ownvs7"><label class="form-label svelte-1ownvs7" for="gmail-note">Gmail Note</label> <span class="form-sublabel svelte-1ownvs7">Note about creating Gmail accounts</span> <textarea id="gmail-note" class="form-textarea svelte-1ownvs7" placeholder="If you don't have a personal email, create a Gmail account at gmail.com" rows="3"></textarea></div> <div class="form-group svelte-1ownvs7"><label class="form-label svelte-1ownvs7" for="parent-collaborator">Parent Collaborator</label> <span class="form-sublabel svelte-1ownvs7">Instructions for adding parents</span> <textarea id="parent-collaborator" class="form-textarea svelte-1ownvs7" placeholder="After creating your account, add a parent as a collaborator for communication." rows="3"></textarea></div></div></div>`);function Ca(n,s){De(s,!0);function r(f,v){const w={...s.accountRequirements,[f]:v};s.onChange(w)}var o=ya(),p=e(l(o),2),H=l(p),T=e(l(H),4);Ue(T),T.__input=[wa,r],a(H);var F=e(H,2),B=e(l(F),4);Ue(B),B.__input=[ka,r],a(F);var V=e(F,2),D=e(l(V),4);Ue(D),D.__input=[ja,r],a(V);var g=e(V,2),q=e(l(g),4);Ue(q),q.__input=[xa,r],a(g),a(p),a(o),$(()=>{U(T,s.accountRequirements.studentName),U(B,s.accountRequirements.emailRequirements),U(D,s.accountRequirements.gmailNote),U(q,s.accountRequirements.parentCollaborator)}),c(n,o),Pe()}Ee(["input"]);var Ta=(n,s)=>s("oneApplicationRule",n.currentTarget.value),za=(n,s)=>s("maxTeamSize",n.currentTarget.value),Ma=(n,s)=>

1s("gradeDivisionRule",n.currentTarget.value),Fa=u('<div class="editor-card svelte-1ownvs7"><div class="editor-card-header svelte-1ownvs7"><div class="header-icon svelte-1ownvs7"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z"></path></svg></div> <h3 class="header-title svelte-1ownvs7">Team Projects</h3></div> <div class="editor-card-body svelte-1ownvs7"><div class="form-group svelte-1ownvs7"><label class="form-label svelte-1ownvs7" for="one-application">One Application Rule</label> <span class="form-sublabel svelte-1ownvs7">Policy about application submissions</span> <textarea id="one-application" class="form-textarea svelte-1ownvs7" placeholder="Only ONE application per project is allowed" rows="3"></textarea></div> <div class="form-group svelte-1ownvs7"><label class="form-label svelte-1ownvs7" for="max-team-size">Maximum Team Size</label> <span class="form-sublabel svelte-1ownvs7">Maximum number of students per team</span> <textarea id="max-team-size" class="form-textarea svelte-1ownvs7" placeholder="Teams can have up to 3 students" rows="3"></textarea></div> <div class="form-group svelte-1ownvs7"><label class="form-label svelte-1ownvs7" for="grade-division">Grade Division Rule</label> <span class="form-sublabel svelte-1ownvs7">Rules about team member grade divisions</span> <textarea id="grade-division" class="form-textarea svelte-1ownvs7" placeholder="All team members must be in the same grade division" rows="3"></textarea></div></div></div>');function Ra(n,s){De(s,!0);function r(g,q){const f={...s.teamProjects,[g]:q};s.onChange(f)}var o=Fa(),p=e(l(o),2),H=l(p),T=e(l(H),4);Ue(T),T.__input=[Ta,r],a(H);var F=e(H,2),B=e(l(F),4);Ue(B),B.__input=[za,r],a(F);var V=e(F,2),D=e(l(V),4);Ue(D),D.__input=[Ma,r],a(V),a(p),a(o),$(()=>{U(T,s.teamProjects.oneApplicationRule),U(B,s.teamProjects.maxTeamSize),U(D,s.teamProjects.gradeDivisionRule)}),c(n,o),Pe()}Ee(["input"]);var qa=(n,s)=>s.onUpdate("emailInfo.senderEmail",n.currentTarget.value),Sa=u('<span class="form-error svelte-d4sxl1">Please enter a valid email address</span>'),Ba=(n,s)=>s.onUpdate("emailInfo.srcEmail",n.currentTarget.value),Aa=u('<span class="form-error svelte-d4sxl1">Please enter a valid email address</span>'),Ua=(n,s)=>s.onUpdate("emailInfo.checkingReminders",n.currentTarget.value),Ea=(n,s)=>s.onUpdate("emailInfo.appealProcess",n.currentTarget.value),Da=(n,s)=>s.onUpdate("emailInfo.sectionTitle",n.currentTarget.value),Pa=(n,s)=>s.onUpdate("emailInfo.notificationsTitle",n.currentTarget.value),Ha=(n,s)=>s.onUpdate("emailInfo.contactTitle",n.currentTarget.value),La=(n,s,r)=>s("notificationNotes",r()),Na=u('<p class="empty-list-text svelte-d4sxl1">No notification notes added.</p>'),Va=u('<div class="item-row svelte-d4sxl1"><span class="item-bullet svelte-d4sxl1"></span> <input type="text" class="form-input flex-1 svelte-d4sxl1" placeholder="Enter notification note..."/> <button class="remove-item-btn svelte-d4sxl1" title="Remove note" aria-label="Remove note"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path></svg></button></div>'),Oa=u('<div class="items-list svelte-d4sxl1"></div>'),Ia=(n,s)=>s.onUpdate("emailInfo.registrationHelpEmail",n.currentTarget.value),Ga=u('<span class="form-error svelte-d4sxl1">Please enter a valid email address</span>'),Ja=(n,s,r)=>

1s("contactNotes",r()),Wa=u('<p class="empty-list-text svelte-d4sxl1">No contact notes added.</p>'),Ya=u('<div class="item-row svelte-d4sxl1"><span class="item-bullet svelte-d4sxl1"></span> <input type="text" class="form-input flex-1 svelte-d4sxl1" placeholder="Enter contact note..."/> <button class="remove-item-btn svelte-d4sxl1" title="Remove note" aria-label="Remove note"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path></svg></button></div>'),Qa=u('<div class="items-list svelte-d4sxl1"></div>'),Za=u('<div class="editor-card svelte-d4sxl1"><div class="editor-card-header svelte-d4sxl1"><div class="header-icon svelte-d4sxl1"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"></path></svg></div> <h3 class="header-title svelte-d4sxl1">Email Configuration</h3></div> <div class="editor-card-body svelte-d4sxl1"><div class="form-grid svelte-d4sxl1"><div class="form-group svelte-d4sxl1"><label class="form-label svelte-d4sxl1" for="sender-email">Sender Email</label> <span class="form-sublabel svelte-d4sxl1">Email displayed as sender</span> <input id="sender-email" type="email" placeholder="[email protected]"/> <!></div> <div class="form-group svelte-d4sxl1"><label class="form-label svelte-d4sxl1" for="src-email">SRC Email</label> <span class="form-sublabel svelte-d4sxl1">Science Research Competition email</span> <input id="src-email" type="email" placeholder="[email protected]"/> <!></div></div> <div class="form-group svelte-d4sxl1"><label class="form-label svelte-d4sxl1" for="checking-reminders">Email Checking Reminders</label> <span class="form-sublabel svelte-d4sxl1">Instructions for checking emails</span> <textarea id="checking-reminders" class="form-textarea svelte-d4sxl1" placeholder="e.g., Check your email regularly, including spam/junk folders" rows="3"></textarea></div> <div class="form-group svelte-d4sxl1"><label class="form-label svelte-d4sxl1" for="appeal-process">Appeal Process</label> <span class="form-sublabel svelte-d4sxl1">Instructions for appealing rejections</span> <textarea id="appeal-process" class="form-textarea svelte-d4sxl1" placeholder="e.g., If rejected, check email for appeal instructions" rows="3"></textarea></div> <div class="form-group svelte-d4sxl1"><label class="form-label svelte-d4sxl1" for="email-section-title">Section Title</label> <span class="form-sublabel svelte-d4sxl1">Heading of the email information card on the public page</span> <input id="email-section-title" type="text" class="form-input svelte-d4sxl1" placeholder="e.g., Important Email Information"/></div> <div class="form-grid svelte-d4sxl1"><div class="form-group svelte-d4sxl1"><label class="form-label svelte-d4sxl1" for="notifications-title">Notifications Column Title</label> <span class="form-sublabel svelte-d4sxl1">Heading of the email notifications column</span> <input id="notifications-title" type="text" class="form-input svelte-d4sxl1" placeholder="e.g., Email Notifications"/></div> <div class="form-group svelte-d4sxl1"><label class="form-label svelte-d4sxl1" for="contact-title">Contact Column Title</label> <span class="form-sublabel svelte-d4sxl1">Heading of the contact information column</span> <input id="contact-title" type="text" class="form-input svelte-d4sxl1" placeholder="e.g., Contact Information"/></div></div> <div class="list-section svelte-d4sxl1"><div class="list-section-header svelte-d4sxl1"><span class="list-section-label svelte-d4sxl1">Notification Notes</span> <button class="add-item-btn svelte-d4sxl1"><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15"></path></svg> Add</button></div> <!></div> <div class="form-group svelte-d4sxl1"><label class="form-label svelte-d4sxl1" for="registration-help-email">Registration Help Email</label> <span class="form-sublabel svelte-d4sxl1">Email shown for registration help</span> <input id="registration-help-email" type="email" placeholder="[email protected]"/> <!></div> <div class="list-section svelte-d4sxl1"><div class="list-section-header svelte-d4sxl1"><span class="list-section-label svelte-d4sxl1">Contact Notes</span> <button class="add-item-btn svelte-d4sxl1"><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15"></path></svg> Add</button></div> <!></div></div></div>');function Xa(n,s){De(s,!0);let r=me(s,"senderEmail",3,""),o=me(s,"srcEmail",3,""),p=me(s,"checkingReminders",3,""),H=me(s,"appealProcess",3,""),T=me(s,"sectionTitle",3,""),F=me(s,"notificationsTitle",3,""),B=me(s,"contactTitle",3,""),V=me(s,"registrationHelpEmail",3,""),D=me(s,"notificationNotes",19,()=>[]),g=me(s,"contactNotes",19,()=>[]);function q(Q){return/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(Q)}let f=Z(()=>

1!r()||q(r())),v=Z(()=>!o()||q(o())),w=Z(()=>!V()||q(V()));function m(Q){return Array.isArray(Q)?Q:[]}function i(Q,de){s.onUpdate(`emailInfo.${Q}`,[...m(de),""])}function _(Q,de,Me){s.onUpdate(`emailInfo.${Q}`,m(de).filter((Ce,je)=>je!==Me))}function S(Q,de,Me,Ce){const je=[...m(de)];je[Me]=Ce,s.onUpdate(`emailInfo.${Q}`,je)}var j=Za(),L=e(l(j),2),b=l(L),y=l(b),R=e(l(y),4);Y(R);let E;R.__input=[qa,s];var d=e(R,2);{var x=Q=>{var de=Sa();c(Q,de)};K(d,Q=>{t(f)||Q(x)})}a(y);var z=e(y,2),h=e(l(z),4);Y(h);let k;h.__input=[Ba,s];var M=e(h,2);{var N=Q=>{var de=Aa();c(Q,de)};K(M,Q=>{t(v)||Q(N)})}a(z),a(b);var C=e(b,2),A=e(l(C),4);Ue(A),A.__input=[Ua,s],a(C);var ae=e(C,2),O=e(l(ae),4);Ue(O),O.__input=[Ea,s],a(ae);var G=e(ae,2),ee=e(l(G),4);Y(ee),ee.__input=[Da,s],a(G);var re=e(G,2),I=l(re),P=e(l(I),4);Y(P),P.__input=[Pa,s],a(I);var te=e(I,2),oe=e(l(te),4);Y(oe),oe.__input=[Ha,s],a(te),a(re);var he=e(re,2),se=l(he),be=e(l(se),2);be.__click=[La,i,D],a(se);var _e=e(se,2);{var ie=Q=>{var de=Na();c(Q,de)},ce=Q=>{var de=Oa();Se(de,21,()=>m(D()),Ge,(Me,Ce,je)=>{var Te=Va(),ve=e(l(Te),2);Y(ve),ve.__input=fe=>S("notificationNotes",D(),je,fe.currentTarget.value);var xe=e(ve,2);xe.__click=()=>_("notificationNotes",D(),je),a(Te),$(()=>U(ve,t(Ce))),c(Me,Te)}),a(de),c(Q,de)};K(_e,Q=>{m(D()).length===0?Q(ie):Q(ce,!1)})}a(he);var ue=e(he,2),ne=e(l(ue),4);Y(ne);let X;ne.__input=[Ia,s];var ze=e(ne,2);{var Ae=Q=>{var de=Ga();c(Q,de)};K(ze,Q=>{t(w)||Q(Ae)})}a(ue);var He=e(ue,2),Ye=l(He),Oe=e(l(Ye),2);Oe.__click=[Ja,i,g],a(Ye);var Le=e(Ye,2);{var Je=Q=>{var de=Wa();c(Q,de)},We=Q=>{var de=Qa();Se(de,21,()=>m(g()),Ge,(Me,Ce,je)=>{var Te=Ya(),ve=e(l(Te),2);Y(ve),ve.__input=fe=>S("contactNotes",g(),je,fe.currentTarget.value);var xe=e(ve,2);xe.__click=()=>_("contactNotes",g(),je),a(Te),$(()=>U(ve,t(Ce))),c(Me,Te)}),a(de),c(Q,de)};K(Le,Q=>{m(g()).length===0?Q(Je):Q(We,!1)})}a(He),a(L),a(j),$((Q,de,Me)=>{E=Ve(R,1,"form-input svelte-d4sxl1",null,E,Q),U(R,r()),k=Ve(h,1,"form-input svelte-d4sxl1",null,k,de),U(h,o()),U(A,p()),U(O,H()),U(ee,T()),U(P,F()),U(oe,B()),X=Ve(ne,1,"form-input svelte-d4sxl1",null,X,Me),U(ne,V())},[()=>({error:!t(f)}),()=>({error:!t(v)}),()=>({error:!t(w)})]),c(n,j),Pe()}Ee(["input","click"]);function mt(n,s,r){s([...s(),""]),r()}var Ka=u('<div class="empty-state svelte-6ox9x1"><svg width="40" height="40" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"></path></svg> <p class="svelte-6ox9x1">No tips added yet.</p> <button class="add-btn svelte-6ox9x1">Add First Tip</button></div>'),$a=u('<div draggable="true"><div class="drag-handle svelte-6ox9x1"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M4 8h16M4 16h16"></path></svg></div> <div class="tip-content svelte-6ox9x1"><span class="tip-badge svelte-6ox9x1"></span> <textarea class="form-textarea svelte-6ox9x1" placeholder="Enter application tip..." rows="2"></textarea></div> <button class="remove-btn svelte-6ox9x1" title="Remove tip"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"></path></svg></button></div>'),es=u('<div class="tips-list svelte-6ox9x1"></div> <div class="hint-box svelte-6ox9x1"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"></path></svg> <span>Drag and drop tips to reorder them</span></div>',1),ts=u('<div class="editor-card svelte-6ox9x1"><div class="editor-card-header svelte-6ox9x1"><div class="header-icon svelte-6ox9x1"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"></path></svg></div> <h3 class="header-title svelte-6ox9x1">Application Tips</h3> <button class="add-btn svelte-6ox9x1"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M12 4v16m8-8H4"></path></svg> Add Tip</button></div> <div class="editor-card-body svelte-6ox9x1"><!></div></div>');function as(n,s){De(s,!0);let r=me(s,"applicationTips",23,()=>[]),o=at(null);function p(){s.onChange(r())}function H(_){r(r().filter((S,j)=>j!==_)),p()}function T(_,S){r()[_]=S,p()}function F(_,S){Ie(o,S,!0),_.dataTransfer&&(_.dataTransfer.effectAllowed="move",_.dataTransfer.setData("text/html",""))}function B(_){_.preventDefault(),_.dataTransfer&&(_.dataTransfer.dropEffect="move")}function V(_,S){if(_.preventDefault(),t(o)===null||t(o)===S)return;const j=[...r()],L=j[t(o)];j.splice(t(o),1);const b=t(o)<S?S-1:S;j.splice(b,0,L),r(j),p(),Ie(o,null)}function D(){Ie(o,null)}var g=ts(),q=l(g),f=e(l(q),4);f.__click=[mt,r,p],a(q);var v=e(q,2),w=l(v);{var m=_=>{var S=Ka(),j=e(l(S),4);j.__click=[mt,r,p],a(S),c(_,S)},i=_=>{var S=es(),j=Ke(S);Se(j,29,r,Ge,(L,b,y)=>{var R=$a();let E;var d=e(l(R),2),x=l(d);x.textContent=`Tip ${y+1}`;var z=e(x,2);Ue(z),z.__input=k=>T(y,k.currentTarget.value),a(d);var h=e(d,2);h.__click=()=>H(y),a(R),$(k=>{E=Ve(R,1,"tip-item svelte-6ox9x1",null,E,k),U(z,t(b))},[()=>({dragging:t(o)===y})]),lt("dragstart",R,k=>F(k,y)),lt("dragover",R,B),lt("drop",R,k=>

1V(k,y)),lt("dragend",R,D),xt(R,()=>Ct,()=>({duration:300})),c(L,R)}),a(j),Ne(2),c(_,S)};K(w,_=>{r().length===0?_(m):_(i,!1)})}a(v),a(g),c(n,g),Pe()}Ee(["click","input"]);function ss(n,s,r){s({deadlines:[...r(),""]})}var ls=(n,s)=>s({title:n.currentTarget.value}),rs=u('<p class="empty-list-text svelte-44ye37">No deadlines added. The alert is hidden on the public page.</p>'),is=u('<div class="item-row svelte-44ye37"><span class="item-bullet svelte-44ye37"></span> <input type="text" class="form-input flex-1 svelte-44ye37" placeholder="e.g., Project Registration: February 4, 2026"/> <button class="action-btn svelte-44ye37" title="Move up" aria-label="Move up"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 15.75l7.5-7.5 7.5 7.5"></path></svg></button> <button class="action-btn svelte-44ye37" title="Move down" aria-label="Move down"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"></path></svg></button> <button class="remove-item-btn svelte-44ye37" title="Remove deadline" aria-label="Remove deadline"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path></svg></button></div>'),ns=u('<div class="items-list svelte-44ye37"></div>'),os=u('<div class="editor-card svelte-44ye37"><div class="editor-card-header svelte-44ye37"><div class="header-icon svelte-44ye37"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126zM12 15.75h.007v.008H12v-.008z"></path></svg></div> <h3 class="header-title svelte-44ye37">Hero Alert</h3> <button class="add-btn svelte-44ye37"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15"></path></svg> Add Deadline</button></div> <div class="editor-card-body svelte-44ye37"><div class="form-group svelte-44ye37"><label class="form-label svelte-44ye37" for="hero-alert-title">Alert Title</label> <span class="form-sublabel svelte-44ye37">Bold heading shown above the deadline lines</span> <input id="hero-alert-title" type="text" class="form-input svelte-44ye37" placeholder="e.g., Critical Deadlines:"/></div> <div class="items-section svelte-44ye37"><div class="section-header svelte-44ye37"><span class="section-label svelte-44ye37">Deadline Lines</span></div> <!></div> <div class="hint-box svelte-44ye37"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" class="svelte-44ye37"><path stroke-linecap="round" stroke-linejoin="round" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg> <span>Removing all deadlines hides the alert banner on the public registration page.</span></div></div></div>');function vs(n,s){De(s,!0);let r=me(s,"heroAlert",19,()=>({title:"",deadlines:[]}));function o(){var _;return Array.isArray((_=r())==null?void 0:_.deadlines)?r().deadlines:[]}function p(_){var S;s.onUpdate("heroAlert",{title:((S=r())==null?void 0:S.title)??"",deadlines:o(),..._})}function H(_){p({deadlines:o().filter((S,j)=>j!==_)})}function T(_,S){const j=[...o()];j[_]=S,p({deadlines:j})}function F(_,S){const j=[...o()],L=S==="up"?_-1:_+1;L<0||L>=j.length||([j[_],j[L]]=[j[L],j[_]],p({deadlines:j}))}var B=os(),V=l(B),D=e(l(V),4);D.__click=[ss,p,o],a(V);var g=e(V,2),q=l(g),f=e(l(q),4);Y(f),f.__input=[ls,p],a(q);var v=e(q,2),w=e(l(v),2);{var m=_=>{var S=rs();c(_,S)},i=_=>{var S=ns();Se(S,21,o,Ge,(j,L,b)=>{var y=is(),R=e(l(y),2);Y(R),R.__input=z=>T(b,z.currentTarget.value);var E=e(R,2);E.__click=()=>F(b,"up"),E.disabled=b===0;var d=e(E,2);d.__click=()=>F(b,"down");var x=e(d,2);x.__click=()=>H(b),a(y),$(z=>{U(R,t(L)),d.disabled=z},[()=>b===o().length-1]),c(j,y)}),a(S),c(_,S)};K(w,_=>{o().length===0?_(m):_(i,!1)})}a(v),Ne(2),a(g),a(B),$(()=>{var _;return U(f,((_=r())==null?void 0:_.title)??"")}),c(n,B),Pe()}Ee(["click","input"]);var ds=(n,s,r)=>

1s(t(r).id),cs=(n,s,r)=>s(t(r).key,n.currentTarget.value),us=u('<div class="form-group svelte-1m3ghbi"><label class="form-label svelte-1m3ghbi"> </label> <input type="text" class="form-input svelte-1m3ghbi"/></div>'),ps=u('<div class="group-content svelte-1m3ghbi"></div>'),hs=u('<div><button class="group-header svelte-1m3ghbi"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"></path></svg> <span class="group-title svelte-1m3ghbi"> </span> <span class="group-meta svelte-1m3ghbi"> </span></button> <!></div>'),ms=u('<div class="editor-card svelte-1m3ghbi"><div class="editor-card-header svelte-1m3ghbi"><div class="header-icon svelte-1m3ghbi"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M7 8h10M7 12h6m-6 4h8M5 4h14a2 2 0 012 2v12a2 2 0 01-2 2H5a2 2 0 01-2-2V6a2 2 0 012-2z"></path></svg></div> <h3 class="header-title svelte-1m3ghbi">Overview Headings & Labels</h3></div> <div class="editor-card-body svelte-1m3ghbi"><p class="help-text svelte-1m3ghbi">Headings and labels shown across the Overview tab of the public registration page.</p> <!></div></div>');function gs(n,s){De(s,!0);let r=me(s,"content",19,()=>({}));const o=[{id:"quickFacts",label:"Quick Facts Labels",fields:[{key:"quickFactAnnualLabel",label:"Annual Fair Label",placeholder:"Annual Fair"},{key:"quickFactProcessLabel",label:"Registration Process Label",placeholder:"Registration Process"}]},{id:"headings",label:"Column & Card Headings",fields:[{key:"essentialsTitle",label:"Registration Essentials Title",placeholder:"Registration Essentials"},{key:"accountRequirementsTitle",label:"Account Requirements Title",placeholder:"Account Requirements"},{key:"teamProjectsTitle",label:"Team Projects Title",placeholder:"Team Projects"},{key:"tipsColumnTitle",label:"Tips Column Title",placeholder:"Application Tips"},{key:"importantTipsTitle",label:"Important Tips Title",placeholder:"Important Tips"}]},{id:"taskStatus",label:"SurveyMonkey Status Labels",fields:[{key:"taskStatusTitle",label:"Task Status Title",placeholder:"Task Completion Status on SurveyMonkey"},{key:"taskStatusNotStarted",label:"Not Started Label",placeholder:"Not started - empty circle"},{key:"taskStatusInProgress",label:"In Progress Label",placeholder:"In progress - half-filled green"},{key:"taskStatusComplete",label:"Complete Label",placeholder:"Complete - solid green with checkmark"}]},{id:"forms",label:"Pre-Approval & Forms Headings",fields:[{key:"preApprovalTitle",label:"Pre-Approval Title",placeholder:"Pre-Approval"},{key:"requiredFormsTitle",label:"Required Certification Forms Title",placeholder:"Required Certification Forms"},{key:"complianceTitle",label:"Compliance Requirements Title",placeholder:"Compliance Requirements"},{key:"otherFormsTitle",label:"Other Forms Title",placeholder:"Other Forms"},{key:"documentationFormsTitle",label:"Documentation Forms Title",placeholder:"Documentation Forms"},{key:"whenToUseTitle",label:"When to Use Title",placeholder:"When to Use These Forms"}]}];let p=at(ut(new Set(["quickFacts"])));function H(D){const g=new Set(t(p));g.has(D)?g.delete(D):g.add(D),Ie(p,g,!0)}function T(D,g){s.onUpdate("overviewContent",{...r(),[D]:g})}var F=ms(),B=e(l(F),2),V=e(l(B),2);Se(V,17,()=>o,D=>D.id,(D,g)=>{var q=hs();let f;var v=l(q);v.__click=[ds,H,g];var w=l(v);let m;var i=e(w,2),_=l(i,!0);a(i);var S=e(i,2),j=l(S);a(S),a(v);var L=e(v,2);{var b=y=>{var R=ps();Se(R,21,()=>t(g).fields,E=>E.key,(E,d)=>{var x=us(),z=l(x),h=l(z,!0);a(z);var k=e(z,2);Y(k),k.__input=[cs,T,d],a(x),$(()=>{var M;Re(z,"for",`overview-${t(d).key}`),W(h,t(d).label),Re(k,"id",`overview-${t(d).key}`),U(k,((M=r())==null?void 0:M[t(d).key])??""),Re(k,"placeholder",t(d).placeholder)}),c(E,x)}),a(R),c(y,R)};K(L,y=>{t(p).has(t(g).id)&&y(b)})}a(q),$((y,R)=>{f=Ve(q,1,"group-card svelte-1m3ghbi",null,f,y),m=Ve(w,0,"chevron svelte-1m3ghbi",null,m,R),W(_,t(g).label),W(j,`${t(g).fields.length??""} fields`)},[()=>({expanded:t(p).has(t(g).id)}),()=>({rotated:t(p).has(t(g).id)})]),c(D,q)}),a(B),a(F),c(n,F),Pe()}Ee(["click","input"]);var _s=(n,s)=>s({sectionTitle:n.currentTarget.value}),fs=(n,s)=>s({affiliatedFairsTitle:n.currentTarget.value}),bs=(n,s)=>s({affiliatedFairsDescription:n.currentTarget.value}),ws=u('<div class="editor-card svelte-uls3ps"><div class="editor-card-header svelte-uls3ps"><div class="header-icon svelte-uls3ps"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2"></path></svg></div> <h3 class="header-title svelte-uls3ps">Registration Process Headings</h3></div> <div class="editor-card-body svelte-uls3ps"><div class="form-group svelte-uls3ps"><label class="form-label svelte-uls3ps" for="steps-section-title">Section Title</label> <span class="form-sublabel svelte-uls3ps">Heading above the step-by-step process</span> <input id="steps-section-title" type="text" class="form-input svelte-uls3ps" placeholder="e.g., OCSEF Multi-Step Process"/></div> <div class="form-group svelte-uls3ps"><label class="form-label svelte-uls3ps" for="affiliated-fairs-title">Affiliated Fairs Title</label> <span class="form-sublabel svelte-uls3ps">Heading of the affiliated fairs card</span> <input id="affiliated-fairs-title" type="text" class="form-input svelte-uls3ps" placeholder="e.g., Affiliated Fairs Selection"/></div> <div class="form-group svelte-uls3ps"><label class="form-label svelte-uls3ps" for="affiliated-fairs-description">Affiliated Fairs Description</label> <span class="form-sublabel svelte-uls3ps">Paragraph shown under the affiliated fairs heading</span> <textarea id="affiliated-fairs-description" class="form-textarea svelte-uls3ps" placeholder="e.g., Some projects will be selected to al

1so compete in these affiliated fairs..." rows="3"></textarea></div></div></div>');function ks(n,s){De(s,!0);let r=me(s,"stepsContent",19,()=>({sectionTitle:"",affiliatedFairsTitle:"",affiliatedFairsDescription:""}));function o(q){var f,v,w;s.onUpdate("stepsContent",{sectionTitle:((f=r())==null?void 0:f.sectionTitle)??"",affiliatedFairsTitle:((v=r())==null?void 0:v.affiliatedFairsTitle)??"",affiliatedFairsDescription:((w=r())==null?void 0:w.affiliatedFairsDescription)??"",...q})}var p=ws(),H=e(l(p),2),T=l(H),F=e(l(T),4);Y(F),F.__input=[_s,o],a(T);var B=e(T,2),V=e(l(B),4);Y(V),V.__input=[fs,o],a(B);var D=e(B,2),g=e(l(D),4);Ue(g),g.__input=[bs,o],a(D),a(H),a(p),$(()=>{var q,f,v;U(F,((q=r())==null?void 0:q.sectionTitle)??""),U(V,((f=r())==null?void 0:f.affiliatedFairsTitle)??""),U(g,((v=r())==null?void 0:v.affiliatedFairsDescription)??"")}),c(n,p),Pe()}Ee(["input"]);var js=(n,s)=>s({sectionTitle:n.currentTarget.value}),xs=(n,s)=>s({sectionSubtitle:n.currentTarget.value}),ys=(n,s)=>s({registrationComponentsTitle:n.currentTarget.value}),Cs=(n,s)=>s({submissionComponentsTitle:n.currentTarget.value}),Ts=u('<div class="editor-card svelte-1hr1gwa"><div class="editor-card-header svelte-1hr1gwa"><div class="header-icon svelte-1hr1gwa"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg></div> <h3 class="header-title svelte-1hr1gwa">Requirements Headings</h3></div> <div class="editor-card-body svelte-1hr1gwa"><div class="form-group svelte-1hr1gwa"><label class="form-label svelte-1hr1gwa" for="requirements-section-title">Section Title</label> <span class="form-sublabel svelte-1hr1gwa">Main heading of the Requirements tab</span> <input id="requirements-section-title" type="text" class="form-input svelte-1hr1gwa" placeholder="e.g., Certification Forms &amp; Requirements"/></div> <div class="form-group svelte-1hr1gwa"><label class="form-label svelte-1hr1gwa" for="requirements-section-subtitle">Section Subtitle</label> <span class="form-sublabel svelte-1hr1gwa">Shown under the main heading; leave blank to hide</span> <input id="requirements-section-subtitle" type="text" class="form-input svelte-1hr1gwa" placeholder="e.g., All forms are submitted through SurveyMonkey."/></div> <div class="form-grid svelte-1hr1gwa"><div class="form-group svelte-1hr1gwa"><label class="form-label svelte-1hr1gwa" for="registration-components-title">Registration Components Title</label> <span class="form-sublabel svelte-1hr1gwa">Heading of the registration components card</span> <input id="registration-components-title" type="text" class="form-input svelte-1hr1gwa" placeholder="e.g., Project Registration Components"/></div> <div class="form-group svelte-1hr1gwa"><label class="form-label svelte-1hr1gwa" for="submission-components-title">Submission Components Title</label> <span class="form-sublabel svelte-1hr1gwa">Heading of the submission components card</span> <input id="submission-components-title" type="text" class="form-input svelte-1hr1gwa" placeholder="e.g., Project Submission Components"/></div></div></div></div>');function zs(n,s){De(s,!0);let r=me(s,"requirementsContent",19,()=>({sectionTitle:"",sectionSubtitle:"",registrationComponentsTitle:"",submissionComponentsTitle:""}));function o(w){var m,i,_,S;s.onUpdate("requirementsContent",{sectionTitle:((m=r())==null?void 0:m.sectionTitle)??"",sectionSubtitle:((i=r())==null?void 0:i.sectionSubtitle)??"",registrationComponentsTitle:((_=r())==null?void 0:_.registrationComponentsTitle)??"",submissionComponentsTitle:((S=r())==null?void 0:S.submissionComponentsTitle)??"",...w})}var p=Ts(),H=e(l(p),2),T=l(H),F=e(l(T),4);Y(F),F.__input=[js,o],a(T);var B=e(T,2),V=e(l(B),4);Y(V),V.__input=[xs,o],a(B);var D=e(B,2),g=l(D),q=e(l(g),4);Y(q),q.__input=[ys,o],a(g);var f=e(g,2),v=e(l(f),4);Y(v),v.__input=[Cs,o],a(f),a(D),a(H),a(p),$(()=>{var w,m,i,_;U(F,((w=r())==null?void 0:w.sectionTitle)??""),U(V,((m=r())==null?void 0:m.sectionSubtitle)??""),U(q,((i=r())==null?void 0:i.registrationComponentsTitle)??""),U(v,((_=r())==null?void 0:_.submissionComponentsTitle)??"")}),c(n,p),Pe()}Ee(["input"]);var Ms=(n,s)=>s({sectionTitle:n.currentTarget.value}),Fs=(n,s)=>s({description:n.currentTarget.value}),Rs=u('<div class="editor-card svelte-e8z5ox"><div class="editor-card-header svelte-e8z5ox"><div class="header-icon svelte-e8z5ox"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 

10 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z"></path></svg></div> <h3 class="header-title svelte-e8z5ox">In-Person Judging</h3></div> <div class="editor-card-body svelte-e8z5ox"><div class="form-group svelte-e8z5ox"><label class="form-label svelte-e8z5ox" for="judging-section-title">Section Title</label> <span class="form-sublabel svelte-e8z5ox">Heading of the in-person judging section</span> <input id="judging-section-title" type="text" class="form-input svelte-e8z5ox" placeholder="e.g., In-Person Judging"/></div> <div class="form-group svelte-e8z5ox"><label class="form-label svelte-e8z5ox" for="judging-description">Description</label> <span class="form-sublabel svelte-e8z5ox">Optional intro paragraph shown under the heading</span> <textarea id="judging-description" class="form-textarea svelte-e8z5ox" placeholder="Describe what students should expect during in-person judging..." rows="3"></textarea></div> <div class="hint-box svelte-e8z5ox"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" class="svelte-e8z5ox"><path stroke-linecap="round" stroke-linejoin="round" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg> <span>The judging cards are managed in the "In-Person Judging Cards" editor below. The section stays hidden on the public page until a description or cards are added.</span></div></div></div>');function qs(n,s){De(s,!0);let r=me(s,"inPersonJudging",19,()=>({sectionTitle:"",description:"",components:[]}));function o(D){var g,q,f;

1s.onUpdate("inPersonJudging",{sectionTitle:((g=r())==null?void 0:g.sectionTitle)??"",description:((q=r())==null?void 0:q.description)??"",components:Array.isArray((f=r())==null?void 0:f.components)?r().components:[],...D})}var p=Rs(),H=e(l(p),2),T=l(H),F=e(l(T),4);Y(F),F.__input=[Ms,o],a(T);var B=e(T,2),V=e(l(B),4);Ue(V),V.__input=[Fs,o],a(B),Ne(2),a(H),a(p),$(()=>{var D,g;U(F,((D=r())==null?void 0:D.sectionTitle)??""),U(V,((g=r())==null?void 0:g.description)??"")}),c(n,p),Pe()}Ee(["input"]);function gt(n,s,r,o,p){const H={name:"",description:"",gradeRange:"",link:""};s([...s(),H]),Ie(r,s().length-1),Ie(o,{...H},!0),p()}function Ss(n,s,r,o,p,H){if(t(s)!==null&&t(r)){const T=[...o()];T[t(s)]={...t(r)},o(T),p(),H()}}var Bs=u('<div class="empty-state svelte-1jzlmhr"><svg width="40" height="40" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9"></path></svg> <p class="svelte-1jzlmhr">No affiliated fairs added yet.</p> <button class="add-btn svelte-1jzlmhr">Add First Fair</button></div>'),As=u('<div class="fair-card editing svelte-1jzlmhr"><div class="fair-edit-header svelte-1jzlmhr"><span class="edit-badge svelte-1jzlmhr">Editing</span></div> <div class="form-group svelte-1jzlmhr"><label class="form-label svelte-1jzlmhr">Fair Name <span class="required svelte-1jzlmhr">*</span></label> <input type="text" class="form-input svelte-1jzlmhr" placeholder="e.g., Greater San Diego Science &amp; Engineering Fair"/></div> <div class="form-group svelte-1jzlmhr"><label class="form-label svelte-1jzlmhr">Description <span class="required svelte-1jzlmhr">*</span></label> <textarea class="form-textarea svelte-1jzlmhr" placeholder="Brief description of the fair..." rows="3"></textarea></div> <div class="form-group svelte-1jzlmhr"><label class="form-label svelte-1jzlmhr">Grade Range <span class="required svelte-1jzlmhr">*</span></label> <input type="text" class="form-input svelte-1jzlmhr" placeholder="e.g., Grades 6-12"/></div> <div class="form-group svelte-1jzlmhr"><label class="form-label svelte-1jzlmhr">Website Link (Optional)</label> <input type="url" class="form-input svelte-1jzlmhr" placeholder="https://www.example.com"/></div> <div class="edit-actions svelte-1jzlmhr"><button class="btn-secondary svelte-1jzlmhr">Cancel</button> <button class="btn-primary svelte-1jzlmhr">Save</button></div></div>'),Us=u('<a target="_blank" rel="noopener noreferrer" class="fair-link svelte-1jzlmhr"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path></svg> Visit Website</a>'),Es=u('<div class="fair-card svelte-1jzlmhr"><div class="fair-header svelte-1jzlmhr"><div class="fair-info svelte-1jzlmhr"><h4 class="fair-name svelte-1jzlmhr"> </h4> <span class="grade-badge svelte-1jzlmhr"> </span></div> <div class="fair-actions svelte-1jzlmhr"><button class="action-btn svelte-1jzlmhr" title="Edit"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z"></path></svg></button> <button class="action-btn danger svelte-1jzlmhr" title="Delete"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"></path></svg></button></div></div> <p class="fair-description svelte-1jzlmhr"> </p> <!></div>'),Ds=u('<div class="fairs-list svelte-1jzlmhr"></div>'),Ps=u('<div class="editor-card svelte-1jzlmhr"><div class="editor-card-header svelte-1jzlmhr"><div class="header-icon svelte-1jzlmhr"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9"></path></svg></div> <h3 class="header-title svelte-1jzlmhr">Affiliated Fairs</h3> <button class="add-btn svelte-1jzlmhr"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M12 4v16m8-8H4"></path></svg> Add Fair</button></div> <div class="editor-card-body svelte-1jzlmhr"><!></div></div>');function Hs(n,s){De(s,!0);let r=me(s,"affiliatedFairs",23,()=>[]),o=at(null),p=at(null);function H(){s.onUpdate(r())}function T(i){Ie(o,i,!0),Ie(p,{...r()[i]},!0)}function F(){Ie(o,null),Ie(p,null)}function B(i){r(r().filter((_,S)=>S!==i)),H(),t(o)===i&&F()}function V(i){return i.name.trim()!==""&&i.description.trim()!==""&&i.gradeRange.trim()!==""}var D=Ps(),g=l(D),q=e(l(g),4);q.__click=[gt,r,o,p,H],a(g);var f=e(g,2),v=l(f);{var w=i=>{var _=Bs(),S=e(l(_),4);S.__click=[gt,r,o,p,H],a(_),c(i,_)},m=i=>{var _=Ds();Se(_,21,r,Ge,(S,j,L)=>{var b=Rt(),y=Ke(b);{var R=d=>{var x=As(),z=e(l(x),2),h=l(z);Re(h,"for",`fair-name-${L}`);var k=e(h,2);Y(k),Re(k,"id",`fair-name-${L}`),a(z);var M=e(z,2),N=l(M);Re(N,"for",`fair-description-${L}`);var C=e(N,2);Ue(C),Re(C,"id",`fair-description-${L}`),a(M);var A=e(M,2),ae=l(A);Re(ae,"for",`fair-grade-range-${L}`);var O=e(ae,2);Y(O),Re(O,"id",`fair-grade-range-${L}`),a(A);var G=e(A,2),ee=l(G);Re(ee,"for",`fair-link-${L}`);var re=e(ee,2);Y(re),Re(re,"id",`fair-link-${L}`),a(G);var I=e(G,2),P=l(I);P.__click=F;var te=e(P,2);te.__click=[Ss,o,p,r,H,F],a(I),a(x),$(oe=>te.disabled=oe,[()=>!V(t(p))]),it(k,()=>t(p).name,oe=>t(p).name=oe),it(C,()=>t(p).description,oe=>t(p).description=oe),it(O,()=>t(p).gradeRange,oe=>t(p).gradeRange=oe),it(re,()=>t(p).link,oe=>t(p).link=oe),c(d,x)},E=d=>{var x=Es(),z=l(x),h=l(z),k=l(h),M=l(k,!0);a(k);var N=e(k,2),C=l(N,!0);a(N),a(h);var A=e(h,2),ae=l(A);ae.__click=()=>T(L);var O=e(ae,2);O.__click=()=>B(L),a(A),a(z);var G=e(z,2),ee=l(G,!0);a(G);var re=e(G,2);{var I=P=>{var te=Us();$(()=>Re(te,"href",t(j).link)),c(P,te)};K(re,P=>{t(j).link&&P(I)})}a(x),$(()=>{W(M,t(j).name||"Unnamed Fair"),W(C,t(j).gradeRange),W(ee,t(j).description)}),c(d,x)};K(y,d=>{t(o)===L&&t(p)?d(R):d(E,!1)})}c(S,b)}),a(_),c(i,_)};K(v,i=>{r().length===0?i(w):i(m,!1)})}a(f),a(D),c(n,D),Pe()}Ee(["click"]);var Ls=vt('<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H20v20H6.5a2.5 2.5 0 0 1 0-5H20"></path></svg>'),Ns=vt('<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M10 2v7.527a2 2 0 0 1-.211.896L4.72 20.55a1 1 0 0 0 .9 1.45h12.76a1 1 0 0 0 .9-1.45l-5.069-10.127A2 2 0 0 1 14 9.527V2"></path><path d="M8.5 2h7"></path></svg>'),Vs=vt('<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M6 9H4.5a2.5 2.5 0 0 1 0-5H6"></path><path d="M18 9h1.5a2.5 2.5 0 0 0 0-5H18"></path><path d="M4 22h16"></path><path d="M18 2H6v7a6 6 0 0 0 12 0V2Z"></path></svg>'),Os=u('<span class="error-text svelte-3qeaha">Please enter a valid URL</span>'),Is=u('<div class="warning-box svelte-3qeaha"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"></path></svg> <span>Please fill in all fields</span></div>'),Gs=u('<div class="help-card svelte-3qeaha"><div class="card-header svelte-3qeaha"><div class="card-icon svelte-3qeaha"><!></div> <span class="card-label svelte-3qeaha"></span></div> <div class="card-form svelte-3qeaha"><div class="form-group svelte-3qeaha"><label class="form-label svelte-3qeaha">Title</label> <input type="text" class="form-input svelte-3qeaha" placeholder="e.g., Resources for Students"/></div> <div class="form-group svelte-3qeaha"><label class="form-label svelte-3qeaha">Description</label> <textarea class="form-textarea svelte-3qeaha" placeholder="Brief description..." rows="2"></textarea></div> <div class="form-row svelte-3qeaha"><div class="form-group svelte-3qeaha"><label class="form-label svelte-3qeaha">Button Text</label> <input type="text" class="form-input svelte-3qeaha" placeholder="e.g., View Resources"/></div> <div class="form-group svelte-3qeaha"><label class="form-label svelte-3qeaha">Button Link</label> <input type="url" placeholder="https://..."/> <!></div></div> <!></div></div>

1'),Js=u('<div class="editor-card svelte-3qeaha"><div class="editor-card-header svelte-3qeaha"><div class="header-icon svelte-3qeaha"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M8.228 9c.549-1.165 2.03-2 3.772-2 2.21 0 4 1.343 4 3 0 1.4-1.278 2.575-3.006 2.907-.542.104-.994.54-.994 1.093m0 3h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg></div> <h3 class="header-title svelte-3qeaha">Help Section Cards</h3></div> <div class="editor-card-body svelte-3qeaha"><p class="section-description svelte-3qeaha">Configure the three help cards that appear on the registration page.</p> <div class="cards-grid svelte-3qeaha"></div></div></div>');function Ws(n,s){De(s,!0);let r=me(s,"helpSection",23,()=>[]);jt(()=>{if(r().length<3){const g=3-r().length,q=[];for(let f=0;f<g;f++)q.push({title:"",description:"",buttonText:"",buttonLink:""});r([...r(),...q])}else r().length>3&&r(r().slice(0,3))});function o(){s.onUpdate("helpSection",r())}function p(g,q,f){const v=[...r()];v[g]={...v[g],[q]:f},r(v),o()}function H(g){if(!g)return!0;try{return new URL(g),!0}catch{try{return new URL(`https://${g}`),!0}catch{return!1}}}function T(g){return g.title.trim()!==""&&g.description.trim()!==""&&g.buttonText.trim()!==""&&H(g.buttonLink)}const F=[{icon:"book",bg:"#DBEAFE",color:"#2563EB",label:"Resources"},{icon:"flask",bg:"#D1FAE5",color:"#059669",label:"Research"},{icon:"trophy",bg:"#FEF3C7",color:"#D97706",label:"Awards"}];var B=Js(),V=e(l(B),2),D=e(l(V),2);Se(D,21,r,Ge,(g,q,f)=>{var v=Gs(),w=l(v),m=l(w),i=l(m);{var _=I=>{var P=Ls();c(I,P)},S=(I,P)=>{{var te=he=>{var se=Ns();c(he,se)},oe=he=>{var se=Vs();c(he,se)};K(I,he=>{f===1?he(te):he(oe,!1)},P)}};K(i,I=>{f===0?I(_):I(S,!1)})}a(m);var j=e(m,2);j.textContent=`Card ${f+1}`,a(w);var L=e(w,2),b=l(L),y=l(b);Re(y,"for",`card-title-${f}`);var R=e(y,2);Y(R),Re(R,"id",`card-title-${f}`),R.__input=I=>p(f,"title",I.currentTarget.value),a(b);var E=e(b,2),d=l(E);Re(d,"for",`card-description-${f}`);var x=e(d,2);Ue(x),Re(x,"id",`card-description-${f}`),x.__input=I=>p(f,"description",I.currentTarget.value),a(E);var z=e(E,2),h=l(z),k=l(h);Re(k,"for",`card-button-text-${f}`);var M=e(k,2);Y(M),Re(M,"id",`card-button-text-${f}`),M.__input=I=>p(f,"buttonText",I.currentTarget.value),a(h);var N=e(h,2),C=l(N);Re(C,"for",`card-button-link-${f}`);var A=e(C,2);Y(A),Re(A,"id",`card-button-link-${f}`);let ae;A.__input=I=>p(f,"buttonLink",I.currentTarget.value);var O=e(A,2);{var G=I=>{var P=Os();c(I,P)};K(O,I=>{H(t(q).buttonLink)||I(G)})}a(N),a(z);var ee=e(z,2);{var re=I=>{var P=Is();c(I,P)};K(ee,I=>{T(t(q))||I(re)})}a(L),a(v),$(I=>{yt(v,`--card-bg: ${F[f].bg??""}; --card-color: ${F[f].color??""}`),U(R,t(q).title),U(x,t(q).description),U(M,t(q).buttonText),ae=Ve(A,1,"form-input svelte-3qeaha",null,ae,I),U(A,t(q).buttonLink)},[()=>({error:!H(t(q).buttonLink)})]),c(g,v)}),a(D),a(V),a(B),c(n,B),Pe()}Ee(["input"]);var Ys=(n,s)=>s("heroTitle",n.currentTarget.value),Qs=(n,s)=>s("heroSubtitle",n.currentTarget.value),Zs=(n,s)=>s("title",n.currentTarget.value),Xs=(n,s)=>s("description",n.currentTarget.value),Ks=(n,s)=>s("buttonText",n.currentTarget.value),$s=(n,s)=>s("applicationUrl",n.currentTarget.value),el=u('<span class="error-text svelte-qzc99e">Please enter a valid URL</span>'),tl=u('<p class="preview-link svelte-qzc99e"> </p>'),al=u('<div class="warning-box svelte-qzc99e"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"></path></svg> <span>Please fill in all fields with valid information</span></div>'),sl=u('<div class="editor-card svelte-qzc99e"><div class="editor-card-header svelte-qzc99e"><div class="header-icon svelte-qzc99e"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122"></path></svg></div> <h3 class="header-title svelte-qzc99e">Registration Call-to-Action</h3></div> <div class="editor-card-body svelte-qzc99e"><div class="section-label svelte-qzc99e"><span class="section-label-text svelte-qzc99e">Hero Section</span> <span class="section-label-hint svelte-qzc99e">Displayed above the CTA card on the "Register Now" tab</span></div> <div class="form-grid svelte-qzc99e"><div class="form-group full-width svelte-qzc99e"><label class="form-label svelte-qzc99e" for="hero-title">Hero Title</label> <span class="form-sublabel svelte-qzc99e">Main heading on the Register Now tab</span> <input id="hero-title" type="text" class="form-input svelte-qzc99e" placeholder="e.g., Start Your 70th Annual OCSEF Registration"/></div> <div class="form-group full-width svelte-qzc99e"><label class="form-label svelte-qzc99e" for="hero-subtitle">Hero Subtitle</label> <span class="form-sublabel svelte-qzc99e">Supporting text below the hero title</span> <textarea id="hero-subtitle" class="form-textarea svelte-qzc99e" placeholder="e.g., Ready to begin your journey? Click below to access the OCSEF Online Application." rows="2"></textarea></div> <div class="form-group full-width section-divider svelte-qzc99e"><span class="section-label-text svelte-qzc99e">CTA Card</span> <span class="section-label-hint svelte-qzc99e">The highlighted registration card below the hero</span></div> <div class="form-group full-width svelte-qzc99e"><label class="form-label svelte-qzc99e" for="cta-title">CTA Title</label> <span class="form-sublabel svelte-qzc99e">Main headline for the CTA section</span> <input id="cta-title" type="text" class="form-input svelte-qzc99e" placeholder="e.g., Ready to Register?"/></div> <div class="form-group full-width svelte-qzc99e"><label class="form-label svelte-qzc99e" for="cta-description">Description</label> <span class="form-sublabel svelte-qzc99e">Supporting text for the CTA</span> <textarea id="cta-description" class="form-textarea svelte-qzc99e" placeholder="e.g., Start your science fair journey today. Registration is open until February 3, 2025." rows="3"></textarea></div> <div class="form-group svelte-qzc99e"><label class="form-label svelte-qzc99e" for="cta-button-text">Button Text</label> <span class="form-sublabel svelte-qzc99e">Text displayed on the CTA button</span> <input id="cta-button-text" type="text" class="form-input svelte-qzc99e" placeholder="e.g., Begin Registration"/></div> <div class="form-group svelte-qzc99e"><label class="form-label svelte-qzc99e" for="cta-application-url">Application URL</label> <span class="form-sublabel svelte-qzc99e">Link to registration form</span> <input id="cta-application-url" type="url" placeholder="https://registration.ocsef.org"/> <!></div></div> <div class="preview-section svelte-qzc99e"><div class="preview-header svelte-qzc99e"><span class="preview-label svelte-qzc99e">Preview</span></div> <div class="preview-content svelte-qzc99e"><div class="preview-hero svelte-qzc99e"><h2 class="preview-hero-title svelte-qzc99e"> </h2> <p class="preview-hero-subtitle svelte-qzc99e"> </p></div> <div class="preview-cta-card svelte-qzc99e"><h2 class="preview-title svelte-qzc99e"> </h2> <p class="preview-description svelte-qzc99e"> </p> <button class="preview-button svelte-qzc99e" disabled> </button> <!></div></div></div> <!></div></div>');function ll(n,s){De(s,!0);let r=me(s,"heroTitle",3,""),o=me(s,"heroSubtitle",3,""),p=me(s,"title",3,""),H=me(s,"description",3,""),T=me(s,"buttonText",3,""),F=me(s,"applicationUrl",3,"");function B(ie,ce){s.onUpdate(`registrationCTA.${ie}`,ce)}function V(ie){if(!ie)return!0;try{return new URL(ie),!0}catch{try{return new URL(`https://${ie}`),!0}catch{return!1}}}let D=Z(()=>r().trim()!==""&&o().trim()!==""&&p().trim()!==""&&H().trim()!==""&&T().trim()!==""&&V(F())),g=Z(()=>V(F()));var q=sl(),f=e(l(q),2),v=e(l(f),2),w=l(v),m=e(l(w),4);Y(m),m.__input=[Ys,B],a(w);var i=e(w,2),_=e(l(i),4);Ue(_),_.__input=[Qs,B],a(i);var S=e(i,4),j=e(l(S),4);Y(j),j.__input=[Zs,B],a(S);var L=e(S,2),b=e(l(L),4);Ue(b),b.__input=[Xs,B],a(L);var y=e(L,2),R=e(l(y),4);Y(R),R.__input=[Ks,B],a(y);var E=e(y,2),d=e(l(E),4);Y(d);let x;d.__input=[$s,B];var z=e(d,2);{var h=ie=>{var ce=el();c(ie,ce)};K(z,ie=>{t(g)||ie(h)})}a(E),a(v);var k=e(v,2),M=e(l(k),2),N=l(M),C=l(N),A=l(C,!0);a(C);var ae=e(C,2),O=l(ae,!0);a(ae),a(N);var G=e(N,2),ee=l(G),re=l(ee,!0);a(ee);var I=e(ee,2),P=l(I,!0);a(I);var te=e(I,2),oe=l(te,!0);a(te);var he=e(te,2);{var se=ie=>{var ce=tl(),ue=l(ce);a(ce),$(()=>W(ue,`Links to: ${F()??""}`)),c(ie,ce)};K(he,ie=>{F()&&ie(se)})}a(G),a(M),a(k);var be=e(k,2);{var _e=ie=>{var ce=al();c(ie,ce)};K(be,ie=>{t(D)||ie(_e)})}a(f),a(q),$(ie=>{U(m,r()),U(_,o()),U(j,p()),U(b,H()),U(R,T()),x=Ve(d,1,"form-input svelte-qzc99e",null,x,ie),U(d,F()),W(A,r()||"Start Your Registration"),W(O,o()||"Ready to begin your journey? Click below to access the OCSEF Online Application."),W(re,p()||"Ready to Register?"),W(P,H()||"Start your science fair journey today."),W(oe,T()||"Begin Registration")},[()=>({error:!t(g)})]),c(n,q),Pe()}Ee(["input"]);function _t(n,s,r){const p=[...s(),{category:"",description:"",required:!0,timing:"",link:""}];r.onUpdate("certificationForms",p)}var rl=u('<div class="empty-state svelte-149zgfb"><svg width="40" height="40" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"></path></svg> <p class="svelte-149zgfb">No required forms added yet.</p> <button class="add-btn svelte-149zgfb">Add First Form</button></div>'),il=u('<div class="form-card svelte-149zgfb"><div class="form-header svelte-149zgfb"><span class="form-number svelte-149zgfb"></span> <div class="form-actions svelte-149zgfb"><button class="action-btn svelte-149zgfb" title="Move up"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 15.75l7.5-7.5 7.5 7.5"></path></svg></button> <button class="action-btn svelte-149zgfb" title="Move down"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"></path></svg></button> <button class="action-btn danger svelte-149zgfb" title="Remove form"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0"></path></svg></button></div></div> <div class="form-fields svelte-149zgfb"><div class="form-group svelte-149zgfb"><label class="form-label svelte-149zgfb">Category <span class="required-mark svelte-149zgfb">*</span></label> <input type="text" class="form-input svelte-149zgfb" placeholder="e.g., Human Subjects"/></div> <div class="form-group svelte-149zgfb"><label class="form-label svelte-149zgfb">Description <span class="required-mark svelte-149zgfb">*</span></label> <textarea class="form-textarea svelte-149zgfb" placeholder="Brief description of what this form is for" rows="2"></textarea></div> <div class="form-group svelte-149zgfb"><label class="form-label svelte-149zgfb">Timing <span class="required-mark svelte-149zgfb">*</span></label> <input type="text" class="form-input svelte-149zgfb" placeholder="e.g., Must be approved BEFORE experimentation begins"/></div> <div class="form-group svelte-149zgfb"><label class="form-label svelte-149zgfb">Form Link URL</label> <input type="url" class="form-input svelte-149zgfb" placeholder="https://drive.google.com/..."/></div></div></div>'),nl=u('<div class="forms-list svelte-149zgfb"></div>'),ol=u('<div class="editor-card svelte-149zgfb"><div class="editor-card-header svelte-149zgfb"><div class="header-icon svelte-149zgfb"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"></path></svg></div> <h3 class="header-title svelte-149zgfb">Required Forms</h3> <button class="add-btn svelte-149zgfb"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15"></path></svg> Add Form</button></div> <div class="editor-card-body svelte-149zgfb"><!></div></div>');function ft(n,s){De(s,!0);function r(){return Array.isArray(s.forms)?s.forms:[]}function o(f){const v=r().filter((w,m)=>m!==f);s.onUpdate("certificationForms",v)}function p(f,v){const w=r(),m=[...w];v==="up"&&f>0?[m[f-1],m[f]]=[m[f],m[f-1]]:v==="down"&&f<w.length-1&&([m[f],m[f+1]]=[m[f+1],m[f]]),s.onUpdate("certificationForms",m)}function H(f,v,w){const m=[...r()];m[f]={...m[f],[v]:w},s.onUpdate("certificationForms",m)}var T=ol(),F=l(T),B=e(l(F),4);B.__click=[_t,r,s],a(F);var V=e(F,2),D=l(V);{var g=f=>{var v=rl(),w=e(l(v),4);w.__click=[_t,r,s],a(v),c(f,v)},q=f=>{var v=nl();Se(v,21,()=>s.forms,Ge,(w,m,i)=>{var _=il(),S=l(_),j=l(S);j.textContent=`#${i+1}`;var L=e(j,2),b=l(L);b.__click=()=>p(i,"up"),b.disabled=i===0;var y=e(b,2);y.__click=()=>p(i,"down");var R=e(y,2);R.__click=()=>o(i),a(L),a(S);var E=e(S,2),d=l(E),x=e(l(d),2);Y(x),x.__input=A=>H(i,"category",A.currentTarget.value),a(d);var z=e(d,2),h=e(l(z),2);Ue(h),h.__input=A=>H(i,"description",A.currentTarget.value),a(z);var k=e(z,2),M=e(l(k),2);Y(M),M.__input=A=>H(i,"timing",A.currentTarget.value),a(k);var N=e(k,2),C=e(l(N),2);Y(C),C.__input=A=>H(i,"link",A.currentTarget.value),a(N),a(E),a(_),$(()=>{y.disabled=i===s.forms.length-1,U(x,t(m).category),U(h,t(m).description),U(M,t(m).timing),U(C,t(m).link)}),c(w,_)}),a(v),c(f,v)};K(D,f=>{!s.forms||s.forms.length===0?f(g):f(q,!1)})}a(V),a(T),c(n,T),Pe()}Ee(["click","input"]);var vl=(n,s)=>s("alertTitle",n.currentTarget.value),dl=(n,s)=>s("alertMessage",n.currentTarget.value),cl=u('<div class="empty-state-small svelte-12trakj"><p class="svelte-12trakj">No compliance requirements added.</p></div>'),ul=u('<div class="requirement-item svelte-12trakj"><span class="item-number svelte-12trakj"></span> <input type="text" class="form-input flex-1 svelte-12trakj" placeholder="Enter requirement..."/> <div class="item-actions svelte-12trakj"><button class="action-btn svelte-12trakj" title="Move up"><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 15.75l7.5-7.5 7.5 7.5"></path></svg></button> <button class="action-btn svelte-12trakj" title="Move down"><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"></path></svg></button> <button class="action-btn danger svelte-12trakj" title="Remove"><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path></svg></button></div></div>'),pl=u('<div class="requirements-list svelte-12trakj"></div>'),hl=(n,s)=>s("flowchartButtonText",n.currentTarget.value),ml=(n,s)=>s("flowchartLink",n.currentTarget.value),gl=(n,s)=>s("helpTitle",n.currentTarget.value),_l=(n,s)=>s("helpMessage",n.currentTarget.value),fl=u('<div class="editor-card svelte-12trakj"><div class="editor-card-header svelte-12trakj"><div class="header-ic

1on svelte-12trakj"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg></div> <h3 class="header-title svelte-12trakj">Pre-Approval Content</h3></div> <div class="editor-card-body svelte-12trakj"><div class="section-group svelte-12trakj"><h4 class="section-label svelte-12trakj">Alert Box</h4> <div class="form-group svelte-12trakj"><label class="form-label svelte-12trakj">Alert Title <span class="required-mark svelte-12trakj">*</span></label> <input type="text" class="form-input svelte-12trakj" placeholder="e.g., Early Pre-Approval Deadline: November 3, 2025"/></div> <div class="form-group svelte-12trakj"><label class="form-label svelte-12trakj">Alert Message</label> <input type="text" class="form-input svelte-12trakj" placeholder="e.g., Submit required certification forms early..."/></div></div> <div class="section-group svelte-12trakj"><div class="section-header svelte-12trakj"><h4 class="section-label svelte-12trakj">Compliance Requirements</h4> <button class="add-btn-small svelte-12trakj"><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15"></path></svg> Add</button></div> <!></div> <div class="section-group svelte-12trakj"><h4 class="section-label svelte-12trakj">Flowchart Button</h4> <div class="form-row svelte-12trakj"><div class="form-group flex-1 svelte-12trakj"><label class="form-label svelte-12trakj">Button Text</label> <input type="text" class="form-input svelte-12trakj" placeholder="e.g., Pre-Approval Flowchart"/></div> <div class="form-group flex-2 svelte-12trakj"><label class="form-label svelte-12trakj">Link URL</label> <input type="url" class="form-input svelte-12trakj" placeholder="https://drive.google.com/..."/></div></div></div> <div class="section-group svelte-12trakj"><h4 class="section-label svelte-12trakj">Help Section</h4> <div class="form-group svelte-12trakj"><label class="form-label svelte-12trakj">Help Title</label> <input type="text" class="form-input svelte-12trakj" placeholder="e.g., Need Help?"/></div> <div class="form-group svelte-12trakj"><label class="form-label svelte-12trakj">Help Message</label> <textarea class="form-textarea svelte-12trakj" placeholder="e.g., Contact SRC at [email protected] for form guidance" rows="2"></textarea></div></div></div></div>');function bl(n,s){De(s,!0);function r(){var C,A,ae,O,G,ee,re;return{alertTitle:((C=s.content)==null?void 0:C.alertTitle)||"",alertMessage:((A=s.content)==null?void 0:A.alertMessage)||"",complianceRequirements:((ae=s.content)==null?void 0:ae.complianceRequirements)||[],flowchartButtonText:((O=s.content)==null?void 0:O.flowchartButtonText)||"",flowchartLink:((G=s.content)==null?void 0:G.flowchartLink)||"",helpTitle:((ee=s.content)==null?void 0:ee.helpTitle)||"",helpMessage:((re=s.content)==null?void 0:re.helpMessage)||""}}function o(C,A){const ae={...r(),[C]:A};s.onUpdate(ae)}function p(){const A=[...r().complianceRequirements,""];o("complianceRequirements",A)}function H(C){const ae=r().complianceRequirements.filter((O,G)=>G!==C);o("complianceRequirements",ae)}function T(C,A){const O=[...r().complianceRequirements];O[C]=A,o("complianceRequirements",O)}function F(C,A){const O=[...r().complianceRequirements];A==="up"&&C>0?[O[C-1],O[C]]=[O[C],O[C-1]]:A==="down"&&C<O.length-1&&([O[C],O[C+1]]=[O[C+1],O[C]]),o("complianceRequirements",O)}let B=Z(r);var V=fl(),D=e(l(V),2),g=l(D),q=e(l(g),2),f=e(l(q),2);Y(f),f.__input=[vl,o],a(q);var v=e(q,2),w=e(l(v),2);Y(w),w.__input=[dl,o],a(v),a(g);var m=e(g,2),i=l(m),_=e(l(i),2);_.__click=p,a(i);var S=e(i,2);{var j=C=>{var A=cl();c(C,A)},L=C=>{var A=pl();Se(A,21,()=>t(B).complianceRequirements,Ge,(ae,O,G)=>{var ee=ul(),re=l(ee);re.textContent=G+1;var I=e(re,2);Y(I),I.__input=se=>T(G,se.currentTarget.value);var P=e(I,2),te=l(P);te.__click=()=>F(G,"up"),te.disabled=G===0;var oe=e(te,2);oe.__click=()=>F(G,"down");var he=e(oe,2);he.__click=()=>H(G),a(P),a(ee),$(()=>{U(I,t(O)),oe.disabled=G===t(B).complianceRequirements.length-1}),c(ae,ee)}),a(A),c(C,A)};K(S,C=>{t(B).complianceRequirements.length===0?C(j):C(L,!1)})}a(m);var b=e(m,2),y=e(l(b),2),R=l(y),E=e(l(R),2);Y(E),E.__input=[hl,o],a(R);var d=e(R,2),x=e(l(d),2);Y(x),x.__input=[ml,o],a(d),a(y),a(b);var z=e(b,2),h=e(l(z),2),k=e(l(h),2);Y(k),k.__input=[gl,o],a(h);var M=e(h,2),N=e(l(M),2);Ue(N),N.__input=[_l,o],a(M),a(z),a(D),a(V),$(()=>{U(f,t(B).alertTitle),U(w,t(B).alertMessage),U(E,t(B).flowchartButtonText),U(x,t(B).flowchartLink),U(k,t(B).helpTitle),U(N,t(B).helpMessage)}),c(n,V),Pe()}Ee(["input","click"]);function bt(n,s,r,o){const p=[...s(),{id:r(),title:"",description:"",link:"",category:"other",dis

1playOrder:s().length}];o.onUpdate(p)}var wl=u('<div class="empty-state svelte-2nkf26"><svg width="40" height="40" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"></path></svg> <p class="svelte-2nkf26">No other forms added yet.</p> <button class="add-btn svelte-2nkf26">Add First Form</button></div>'),kl=u('<span class="error-text svelte-2nkf26">Please enter a valid URL</span>'),jl=u('<div draggable="true" role="listitem"><div class="form-header svelte-2nkf26"><div class="drag-handle svelte-2nkf26" title="Drag to reorder"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M4 8h16M4 16h16"></path></svg></div> <span class="form-number svelte-2nkf26"></span> <span class="category-badge svelte-2nkf26"> </span> <div class="form-actions svelte-2nkf26"><button class="action-btn svelte-2nkf26" title="Move up"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 15.75l7.5-7.5 7.5 7.5"></path></svg></button> <button class="action-btn svelte-2nkf26" title="Move down"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"></path></svg></button> <button class="action-btn danger svelte-2nkf26" title="Remove form"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0"></path></svg></button></div></div> <div class="form-fields svelte-2nkf26"><div class="form-row svelte-2nkf26"><div class="form-group flex-2 svelte-2nkf26"><label class="form-label svelte-2nkf26">Title <span class="required-mark svelte-2nkf26">*</span></label> <input type="text" class="form-input svelte-2nkf26" placeholder="e.g., Regulated Research Form"/></div> <div class="form-group flex-1 svelte-2nkf26"><label class="form-label svelte-2nkf26">Category</label> <select class="form-select svelte-2nkf26"><option>Documentation</option><option>Continuation</option><option>Other</option></select></div></div> <div class="form-group svelte-2nkf26"><label class="form-label svelte-2nkf26">Description</label> <textarea class="form-textarea svelte-2nkf26" placeholder="Brief description of what this form is for" rows="2"></textarea></div> <div class="form-group svelte-2nkf26"><label class="form-label svelte-2nkf26">Link URL</label> <input type="url" placeholder="https://drive.google.com/..."/> <!></div></div></div>'),xl=u('<div class="forms-list svelte-2nkf26"></div>'),yl=u(`<div class="editor-card svelte-2nkf26"><div class="editor-card-header svelte-2nkf26"><div class="header-icon svelte-2nkf26"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"></path></svg></div> <h3 class="header-title svelte-2nkf26">Other Forms</h3> <span class="header-subtitle svelte-2nkf26">Documentation forms that don't require pre-approval</span> <button class="add-btn svelte-2nkf26"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15"></path></svg> Add Form</button></div> <div class="editor-card-body svelte-2nkf26"><!></div></div>`);function Cl(n,s){De(s,!0);let r=me(s,"forms",19,()=>[]),o=at(null);function p(){return"form_"+Date.now()+"_"+Math.random().toString(36).substr(2,9)}function H(j){const L=r().filter((b,y)=>y!==j).map((b,y)=>

1({...b,displayOrder:y}));s.onUpdate(L)}function T(j,L){const b=[...r()];L==="up"&&j>0?[b[j-1],b[j]]=[b[j],b[j-1]]:L==="down"&&j<r().length-1&&([b[j],b[j+1]]=[b[j+1],b[j]]);const y=b.map((R,E)=>({...R,displayOrder:E}));s.onUpdate(y)}function F(j,L,b){const y=[...r()];y[j]={...y[j],[L]:b},s.onUpdate(y)}function B(j){Ie(o,j,!0)}function V(j,L){if(j.preventDefault(),t(o)===null||t(o)===L)return;const b=[...r()],[y]=b.splice(t(o),1);b.splice(L,0,y);const R=b.map((E,d)=>({...E,displayOrder:d}));s.onUpdate(R),Ie(o,L,!0)}function D(){Ie(o,null)}function g(j){if(!j.trim())return!0;try{return new URL(j),!0}catch{return!1}}const q={documentation:"Documentation",continuation:"Continuation",other:"Other"};var f=yl(),v=l(f),w=e(l(v),6);w.__click=[bt,r,p,s],a(v);var m=e(v,2),i=l(m);{var _=j=>{var L=wl(),b=e(l(L),4);b.__click=[bt,r,p,s],a(L),c(j,L)},S=j=>{var L=xl();Se(L,21,r,Ge,(b,y,R)=>{var E=jl();let d;var x=l(E),z=e(l(x),2);z.textContent=`#${R+1}`;var h=e(z,2),k=l(h,!0);a(h);var M=e(h,2),N=l(M);N.__click=()=>T(R,"up"),N.disabled=R===0;var C=e(N,2);C.__click=()=>T(R,"down");var A=e(C,2);A.__click=()=>H(R),a(M),a(x);var ae=e(x,2),O=l(ae),G=l(O),ee=e(l(G),2);Y(ee),ee.__input=X=>F(R,"title",X.currentTarget.value),a(G);var re=e(G,2),I=e(l(re),2);nt(I,()=>t(y).category);var P;I.__change=X=>F(R,"category",X.currentTarget.value);var te=l(I);te.value=te.__value="documentation";var oe=e(te);oe.value=oe.__value="continuation";var he=e(oe);he.value=he.__value="other",a(I),a(re),a(O);var se=e(O,2),be=e(l(se),2);Ue(be),be.__input=X=>F(R,"description",X.currentTarget.value),a(se);var _e=e(se,2),ie=e(l(_e),2);Y(ie);let ce;ie.__input=X=>F(R,"link",X.currentTarget.value);var ue=e(ie,2);{var ne=X=>{var ze=kl();c(X,ze)};K(ue,X=>{g(t(y).link)||X(ne)})}a(_e),a(ae),a(E),$((X,ze)=>{d=Ve(E,1,"form-card svelte-2nkf26",null,d,X),Re(h,"data-category",t(y).category),W(k,q[t(y).category]),C.disabled=R===r().length-1,U(ee,t(y).title),P!==(P=t(y).category)&&(I.value=(I.__value=t(y).category)??"",ot(I,t(y).category)),U(be,t(y).description),ce=Ve(ie,1,"form-input svelte-2nkf26",null,ce,ze),U(ie,t(y).link)},[()=>({dragging:t(o)===R}),()=>({error:!g(t(y).link)})]),lt("dragstart",E,()=>B(R)),lt("dragover",E,X=>V(X,R)),lt("dragend",E,D),c(b,E)}),a(L),c(j,L)};K(i,j=>{r().length===0?j(_):j(S,!1)})}a(m),a(f),c(n,f),Pe()}Ee(["click","input","change"]);var Tl=(n,s)=>s("alertTitle",n.currentTarget.value),zl=(n,s)=>s("alertMessage",n.currentTarget.value),Ml=u('<div class="empty-state-small svelte-1xmneux"><p class="svelte-1xmneux">No usage guidelines added.</p></div>'),Fl=u('<div class="guideline-item svelte-1xmneux"><span class="item-number svelte-1xmneux"></span> <input type="text" class="form-input flex-1 svelte-1xmneux" placeholder="Enter guideline..."/> <div class="item-actions svelte-1xmneux"><button class="action-btn svelte-1xmneux" title="Move up"><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 15.75l7.5-7.5 7.5 7.5"></path></svg></button> <button class="action-btn svelte-1xmneux" title="Move down"><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"></path></svg></button> <button class="action-btn danger svelte-1xmneux" title="Remove"><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path></svg></button></div></div>'),Rl=u('<div class="guidelines-list svelte-1xmneux"></div>'),ql=u('<div class="editor-card svelte-1xmneux"><div class="editor-card-header svelte-1xmneux"><div class="header-icon svelte-1xmneux"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"></path></svg></div> <h3 class="header-title svelte-1xmneux">Other Forms Content</h3></div> <div class="editor-card-body svelte-1xmneux"><div class="section-group svelte-1xmneux"><h4 class="section-label svelte-1xmneux">Info Alert Box</h4> <div class="form-group svelte-1xmneux"><label class="form-label svelte-1xmneux">Alert Title <span class="required-mark svelte-1xmneux">*</span></label> <input type="text" class="form-input svelte-1xmneux" placeholder="e.g., No Pre-Approval Required"/></div> <div class="form-group svelte-1xmneux"><label class="form-label svelte-1xmneux">Alert Message</label> <input type="text" class="form-input svelte-1xmneux" placeholder="e.g., These forms are for documentation purposes..."/></div></div> <div class="section-group svelte-1xmneux"><div class="section-header svelte-1xmneux"><h4 class="section-label svelte-1xmneux">When to Use These Forms</h4> <button class="add-btn-small svelte-1xmneux"><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15"></path></svg> Add</button></div> <p class="help-hint svelte-1xmneux">Use **text** for bold formatting in guidelines.</p> <!></div></div></div>');function Sl(n,s){De(s,!0);function r(){var b,y,R;return{alertTitle:((b=s.content)==null?void 0:b.alertTitle)||"",alertMessage:((y=s.content)==null?void 0:y.alertMessage)||"",usageGuidelines:((R=s.content)==null?void 0:R.usageGuidelines)||[]}}function o(b,y){const R={...r(),[b]:y};s.onUpdate(R)}function p(){const y=[...r().usageGuidelines,""];o("usageGuidelines",y)}function H(b){const R=r().usageGuidelines.filter((E,d)=>d!==b);o("usageGuidelines",R)}function T(b,y){const E=[...r().usageGuidelines];E[b]=y,o("usageGuidelines",E)}function F(b,y){const E=[...r().usageGuidelines];y==="up"&&b>0?[E[b-1],E[b]]=[E[b],E[b-1]]:y==="down"&&b<E.length-1&&([E[b],E[b+1]]=[E[b+1],E[b]]),o("usageGuidelines",E)}let B=Z(r);var V=ql(),D=e(l(V),2),g=l(D),q=e(l(g),2),f=e(l(q),2);Y(f),f.__input=[Tl,o],a(q);var v=e(q,2),w=e(l(v),2);Y(w),w.__input=[zl,o],a(v),a(g);var m=e(g,2),i=l(m),_=e(l(i),2);_.__click=p,a(i);var S=e(i,4);{var j=b=>{var y=Ml();c(b,y)},L=b=>{var y=Rl();Se(y,21,()=>t(B).usageGuidelines,Ge,(R,E,d)=>{var x=Fl(),z=l(x);z.textContent=d+1;var h=e(z,2);Y(h),h.__input=A=>T(d,A.currentTarget.value);var k=e(h,2),M=l(k);M.__click=()=>F(d,"up"),M.disabled=d===0;var N=e(M,2);N.__click=()=>F(d,"down");var C=e(N,2);C.__click=()=>H(d),a(k),a(x),$(()=>{U(h,t(E)),N.disabled=d===t(B).usageGuidelines.length-1}),c(R,x)}),a(y),c(b,y)};K(S,b=>{t(B).usageGuidelines.length===0?b(j):b(L,!1)})}a(m),a(D),a(V),$(()=>{U(f,t(B).alertTitle),U(w,t(B).alertMessage)}),c(n,V),Pe()}Ee(["input","click"]);function Bl(n,s,r){const o=[...s.safetyForms.forms||[],{id:`form_${Date.now()}`,title:"",url:""}];s.onUpdate(r(),{...s.safetyForms,forms:o})}var Al=(n,s)=>s("sectionTitle",n.currentTarget.value),Ul=(n,s)=>s("sectionDescription",n.currentTarget.value),El=u('<div class="empty-state svelte-iajazi"><svg width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"></path></svg> <p class="svelte-iajazi">No download forms added yet.</p></div>'),Dl=u('<div class="form-card svelte-iajazi"><div class="form-header svelte-iajazi"><span class="form-number svelte-iajazi"> </span> <div class="form-actions svelte-iajazi"><button class="action-btn svelte-iajazi" title="Move up"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 15.75l7.5-7.5 7.5 7.5"></path></svg></button> <button class="action-btn svelte-iajazi" title="Move down"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"></path></svg></button> <button class="action-btn danger svelte-iajazi" title="Remove"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0"></path></svg></button></div></div> <div class="form-fields svelte-iajazi"><div class="form-row svelte-iajazi"><div class="form-group flex-1 svelte-iajazi"><label class="form-label svelte-iajazi">Title <span class="required-mark svelte-iajazi">*</span></label> <input type="text" class="form-input svelte-iajazi" placeholder="e.g., Human Subjects Form"/></div></div> <div class="form-group svelte-iajazi"><label class="form-label svelte-iajazi">Download URL <span class="required-mark svelte-iajazi">*</span></label> <input type="url" class="form-input svelte-iajazi" placeholder="https://drive.google.com/..."/></div></div></div>'),Pl=u('<div class="forms-list svelte-iajazi"></div>'),Hl=(n,s)=>s("noticeTitle",n.currentTarget.value),Ll=(n,s)=>s("noticeMessage",n.currentTarget.value),Nl=u('<div class="editor-card svelte-iajazi"><div class="editor-card-header svelte-iajazi"><div class="header-icon svelte-iajazi"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"></path></svg></div> <h3 class="header-title svelte-iajazi"> </h3></div> <div class="editor-card-body svelte-iajazi"><div class="section-settings svelte-iajazi"><div class="form-group svelte-iajazi"><label class="form-label svelte-iajazi">Section Title</label> <input type="text" class="form-input svelte-iajazi"/></div> <div class="form-group svelte-iajazi"><label class="form-label svelte-iajazi">Section Description</label> <textarea class="form-textarea svelte-iajazi" placeholder="Describe what these forms are for..." rows="2"></textarea></div></div> <div class="divider svelte-iajazi"></div> <div class="forms-section svelte-iajazi"><div class="forms-header svelte-iajazi"><span class="forms-count svelte-iajazi"> </span> <button class="add-btn svelte-iajazi"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15"></path></svg> Add Form</button></div> <!></div> <div class="divider svelte-iajazi"></div> <div class="notice-section svelte-iajazi"><h4 class="notice-heading svelte-iajazi">Important Notice Box</h4> <div class="form-group svelte-iajazi"><label class="form-label svelte-iajazi">Notice Title</label> <input type="text" class="form-input svelte-iajazi" placeholder="Important:"/></div> <div class="form-group svelte-iajazi"><label class="form-label svelte-iajazi">Notice Message</label> <textarea class="form-textarea svelte-iajazi" placeholder="These forms must be completed..." rows="3"></textarea></div></div></div></div>');function wt(n,s){De(s,!0);let r=me(s,"field",3,"safetyForms"),o=me(s,"title",3,"Pre-Approval & Safety Forms");function p(M,N){s.onUpdate(r(),{...s.safetyForms,[M]:N})}function H(M){const N=s.safetyForms.forms.filter((C,A)=>A!==M);s.onUpdate(r(),{...s.safetyForms,forms:N})}function T(M,N){const C=[...s.safetyForms.forms];N==="up"&&M>0?[C[M-1],C[M]]=[C[M],C[M-1]]:N==="down"&&M<C.length-1&&([C[M],C[M+1]]=[C[M+1],C[M]]),s.onUpdate(r(),{...s.safetyForms,forms:C})}function F(M,N,C){const A=[...s.safetyForms.forms];A[M]={...A[M],[N]:C},s.onUpdate(r(),{...s.safetyForms,forms:A})}var B=Nl(),V=l(B),D=e(l(V),2),g=l(D,!0);a(D),a(V);var q=e(V,2),f=l(q),v=l(f),w=e(l(v),2);Y(w),w.__input=[Al,p],a(v);var m=e(v,2),i=e(l(m),2);Ue(i),i.__input=[Ul,p],a(m),a(f);var _=e(f,4),S=l(_),j=l(S),L=l(j);a(j);var b=e(j,2);b.__click=[Bl,s,r],a(S);var y=e(S,2);{var R=M=>{var N=El();c(M,N)},E=M=>{var N=Pl();Se(N,23,()=>s.safetyForms.forms,C=>C.id,(C,A,ae)=>{var O=Dl(),G=l(O),ee=l(G),re=l(ee);a(ee);var I=e(ee,2),P=l(I);P.__click=()=>T(t(ae),"up");var te=e(P,2);te.__click=()=>T(t(ae),"down");var oe=e(te,2);oe.__click=()=>H(t(ae)),a(I),a(G);var he=e(G,2),se=l(he),be=l(se),_e=e(l(be),2);Y(_e),_e.__input=ue=>

1F(t(ae),"title",ue.currentTarget.value),a(be),a(se);var ie=e(se,2),ce=e(l(ie),2);Y(ce),ce.__input=ue=>F(t(ae),"url",ue.currentTarget.value),a(ie),a(he),a(O),$(()=>{W(re,`#${t(ae)+1}`),P.disabled=t(ae)===0,te.disabled=t(ae)===s.safetyForms.forms.length-1,U(_e,t(A).title),U(ce,t(A).url)}),c(C,O)}),a(N),c(M,N)};K(y,M=>{!s.safetyForms.forms||s.safetyForms.forms.length===0?M(R):M(E,!1)})}a(_);var d=e(_,4),x=e(l(d),2),z=e(l(x),2);Y(z),z.__input=[Hl,p],a(x);var h=e(x,2),k=e(l(h),2);Ue(k),k.__input=[Ll,p],a(h),a(d),a(q),a(B),$(()=>{var M;W(g,o()),U(w,s.safetyForms.sectionTitle||""),Re(w,"placeholder",o()),U(i,s.safetyForms.sectionDescription||""),W(L,`${(((M=s.safetyForms.forms)==null?void 0:M.length)||0)??""} Download Links`),U(z,s.safetyForms.noticeTitle||""),U(k,s.safetyForms.noticeMessage||"")}),c(n,B),Pe()}Ee(["input","click"]);function kt(n,s,r,o,p){const H=s(),T={id:`component_${Date.now()}`,title:"",icon:"document",items:[""],buttons:[]};r.onUpdate(o(),[...H,T]),Ie(p,new Set([...t(p),T.id]),!0)}var Vl=u('<div class="empty-state svelte-z7l4ju"><svg width="40" height="40" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M4 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2V6zM14 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V6z"></path></svg> <p class="svelte-z7l4ju">No cards added yet.</p> <button class="add-btn svelte-z7l4ju">Add First Component</button></div>'),Ol=(n,s,r)=>s(t(r).id),Il=u("<option> </option>"),Gl=u('<div class="item-row svelte-z7l4ju"><span class="item-bullet svelte-z7l4ju"></span> <input type="text" class="form-input flex-1 svelte-z7l4ju" placeholder="Enter bullet point text..."/> <button class="remove-item-btn svelte-z7l4ju" title="Remove item"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path></svg></button></div>'),Jl=u('<div class="button-row svelte-z7l4ju"><input type="text" class="form-input svelte-z7l4ju" placeholder="Button label"/> <input type="url" class="form-input flex-2 svelte-z7l4ju" placeholder="URL"/> <button class="remove-item-btn svelte-z7l4ju" title="Remove button"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path></svg></button></div>'),Wl=u('<div class="buttons-list svelte-z7l4ju"></div>'),Yl=u('<p class="empty-buttons-text svelte-z7l4ju">No buttons added. Buttons appear below the bullet points.</p>'),Ql=u('<div class="component-content svelte-z7l4ju"><div class="form-row svelte-z7l4ju"><div class="form-group flex-2 svelte-z7l4ju"><label class="form-label svelte-z7l4ju">Card Title <span class="required-mark svelte-z7l4ju">*</span></label> <input type="text" class="form-input svelte-z7l4ju" placeholder="e.g., Student Information"/></div> <div class="form-group flex-1 svelte-z7l4ju"><label class="form-label svelte-z7l4ju">Icon</label> <select class="form-select svelte-z7l4ju"></select></div></div> <div class="items-section svelte-z7l4ju"><div class="section-header svelte-z7l4ju"><span class="section-label svelte-z7l4ju">Bullet Points</span> <button class="add-item-btn svelte-z7l4ju"><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15"></path></svg> Add</button></div> <div class="items-list svelte-z7l4ju"></div></div> <div class="buttons-section svelte-z7l4ju"><div class="section-header svelte-z7l4ju"><span class="section-label svelte-z7l4ju">Action Buttons (optional)</span> <button class="add-item-btn svelte-z7l4ju"><svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15"></path></svg> Add</button></div> <!></div></div>'),Zl=u('<div><div class="component-header svelte-z7l4ju"><button class="expand-toggle svelte-z7l4ju">

1<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"></path></svg></button> <span class="component-number svelte-z7l4ju"> </span> <span class="component-title svelte-z7l4ju"> </span> <span class="component-meta svelte-z7l4ju"> </span> <div class="component-actions svelte-z7l4ju"><button class="action-btn svelte-z7l4ju" title="Move up"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M4.5 15.75l7.5-7.5 7.5 7.5"></path></svg></button> <button class="action-btn svelte-z7l4ju" title="Move down"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5"></path></svg></button> <button class="action-btn danger svelte-z7l4ju" title="Remove"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0"></path></svg></button></div></div> <!></div>'),Xl=u('<div class="components-list svelte-z7l4ju"></div>'),Kl=u('<div class="editor-card svelte-z7l4ju"><div class="editor-card-header svelte-z7l4ju"><div class="header-icon svelte-z7l4ju"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M4 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2V6zM14 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V6zM4 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2v-2zM14 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2v-2z"></path></svg></div> <h3 class="header-title svelte-z7l4ju"> </h3> <button class="add-btn svelte-z7l4ju"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15"></path></svg> Add Card</button></div> <div class="editor-card-body svelte-z7l4ju"><p class="help-text svelte-z7l4ju">These cards appear on the Requirements tab of the public registration page.</p> <!></div></div>');function ct(n,s){De(s,!0);let r=me(s,"field",3,"registrationComponents"),o=me(s,"title",3,"Project Registration Components"),p=at(ut(new Set));const H=[{value:"user",label:"User"},{value:"flask",label:"Flask/Science"},{value:"check-circle",label:"Check Circle"},{value:"book",label:"Book"},{value:"tag",label:"Tag/Category"},{value:"folder",label:"Folder"},{value:"document",label:"Document"},{value:"video",label:"Video"},{value:"shield",label:"Shield"},{value:"calendar",label:"Calendar"},{value:"globe",label:"Globe"}];function T(){return Array.isArray(s.components)?s.components:[]}function F(d){const x=new Set(t(p));x.has(d)?x.delete(d):x.add(d),Ie(p,x,!0)}function B(d){const x=T().filter((z,h)=>h!==d);s.onUpdate(r(),x)}function V(d,x){const z=T(),h=[...z];x==="up"&&d>0?[h[d-1],h[d]]=[h[d],h[d-1]]:x==="down"&&d<z.length-1&&([h[d],h[d+1]]=[h[d+1],h[d]]),s.onUpdate(r(),h)}function D(d,x,z){const h=[...T()];h[d]={...h[d],[x]:z},s.onUpdate(r(),h)}function g(d){const x=[...T()];x[d]={...x[d],items:[...x[d].items,""]},s.onUpdate(r(),x)}function q(d,x){const z=[...T()];z[d]={...z[d],items:z[d].items.filter((h,k)=>k!==x)},s.onUpdate(r(),z)}function f(d,x,z){const h=[...T()],k=[...h[d].items];k[x]=z,h[d]={...h[d],items:k},s.onUpdate(r(),h)}function v(d){const x=[...T()],z=x[d].buttons||[];x[d]={...x[d],buttons:[...z,{label:"",url:""}]},s.onUpdate(r(),x)}function w(d,x){const z=[...T()];z[d]={...z[d],buttons:(z[d].buttons||[]).filter((h,k)=>k!==x)},s.onUpdate(r(),z)}function m(d,x,z,h){const k=[...T()],M=[...k[d].buttons||[]];M[x]={...M[x],[z]:h},k[d]={...k[d],buttons:M},s.onUpdate(r(),k)}var i=Kl(),_=l(i),S=e(l(_),2),j=l(S,!0);a(S);var L=e(S,2);L.__click=[kt,T,s,r,p],a(_);var b=e(_,2),y=e(l(b),2);{var R=d=>{var x=Vl(),z=e(l(x),4);z.__click=[kt,T,s,r,p],a(x),c(d,x)},E=d=>{var x=Xl();Se(x,23,()=>s.components,z=>z.id,(z,h,k)=>{var M=Zl();let N;

1var C=l(M),A=l(C);A.__click=[Ol,F,h];var ae=l(A);let O;a(A);var G=e(A,2),ee=l(G);a(G);var re=e(G,2),I=l(re,!0);a(re);var P=e(re,2),te=l(P);a(P);var oe=e(P,2),he=l(oe);he.__click=()=>V(t(k),"up");var se=e(he,2);se.__click=()=>V(t(k),"down");var be=e(se,2);be.__click=()=>B(t(k)),a(oe),a(C);var _e=e(C,2);{var ie=ce=>{var ue=Ql(),ne=l(ue),X=l(ne),ze=e(l(X),2);Y(ze),ze.__input=ve=>D(t(k),"title",ve.currentTarget.value),a(X);var Ae=e(X,2),He=e(l(Ae),2);nt(He,()=>t(h).icon);var Ye;He.__change=ve=>D(t(k),"icon",ve.currentTarget.value),Se(He,21,()=>H,Ge,(ve,xe)=>{var fe=Il(),Fe={},qe=l(fe,!0);a(fe),$(()=>{Fe!==(Fe=t(xe).value)&&(fe.value=(fe.__value=t(xe).value)??""),W(qe,t(xe).label)}),c(ve,fe)}),a(He),a(Ae),a(ne);var Oe=e(ne,2),Le=l(Oe),Je=e(l(Le),2);Je.__click=()=>g(t(k)),a(Le);var We=e(Le,2);Se(We,21,()=>t(h).items,Ge,(ve,xe,fe)=>{var Fe=Gl(),qe=e(l(Fe),2);Y(qe),qe.__input=we=>f(t(k),fe,we.currentTarget.value);var le=e(qe,2);le.__click=()=>q(t(k),fe),a(Fe),$(()=>{U(qe,t(xe)),le.disabled=t(h).items.length<=1}),c(ve,Fe)}),a(We),a(Oe);var Q=e(Oe,2),de=l(Q),Me=e(l(de),2);Me.__click=()=>v(t(k)),a(de);var Ce=e(de,2);{var je=ve=>{var xe=Wl();Se(xe,21,()=>t(h).buttons,Ge,(fe,Fe,qe)=>{var le=Jl(),we=l(le);Y(we),we.__input=pe=>m(t(k),qe,"label",pe.currentTarget.value);var ke=e(we,2);Y(ke),ke.__input=pe=>m(t(k),qe,"url",pe.currentTarget.value);var Be=e(ke,2);Be.__click=()=>w(t(k),qe),a(le),$(()=>{U(we,t(Fe).label),U(ke,t(Fe).url)}),c(fe,le)}),a(xe),c(ve,xe)},Te=ve=>{var xe=Yl();c(ve,xe)};K(Ce,ve=>{t(h).buttons&&t(h).buttons.length>0?ve(je):ve(Te,!1)})}a(Q),a(ue),$(()=>{U(ze,t(h).title),Ye!==(Ye=t(h).icon)&&(He.value=(He.__value=t(h).icon)??"",ot(He,t(h).icon))}),c(ce,ue)};K(_e,ce=>{t(p).has(t(h).id)&&ce(ie)})}a(M),$((ce,ue)=>{var ne,X;N=Ve(M,1,"component-card svelte-z7l4ju",null,N,ce),O=Ve(ae,0,"chevron svelte-z7l4ju",null,O,ue),W(ee,`#${t(k)+1}`),W(I,t(h).title||"Untitled Component"),W(te,`${(((ne=t(h).items)==null?void 0:ne.length)||0)??""} items, ${(((X=t(h).buttons)==null?void 0:X.length)||0)??""} buttons`),he.disabled=t(k)===0,se.disabled=t(k)===s.components.length-1},[()=>({expanded:t(p).has(t(h).id)}),()=>({rotated:t(p).has(t(h).id)})]),c(z,M)}),a(x),c(d,x)};K(y,d=>{!s.components||s.components.length===0?d(R):d(E,!1)})}a(b),a(i),$(()=>W(j,o())),c(n,i),Pe()}Ee(["click","input","change"]);var $l=u('<meta name="description" content="Manage registration information for OCSEF" class="svelte-16jnwed"/> <link rel="preconnect" href="https://fonts.googleapis.com" class="svelte-16jnwed"/> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous" class="svelte-16jnwed"/> <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&amp;family=Plus+Jakarta+Sans:wght@400;500;600;700&amp;display=swap" rel="stylesheet" class="svelte-16jnwed"/>',1),er=u('<span class="status-indicator saving svelte-16jnwed"><span class="spinner svelte-16jnwed"></span> Saving...</span>'),tr=u('<span class="status-indicator saved svelte-16jnwed"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" class="svelte-16jnwed"><path d="M5 13l4 4L19 7" class="svelte-16jnwed"></path></svg> Saved</span>'),ar=u('<span class="status-indicator unsaved svelte-16jnwed"><span class="dot svelte-16jnwed"></span> Unsaved changes</span>'),sr=(n,s)=>Ie(s,!t(s)),lr=u('<button class="action-btn secondary svelte-16jnwed">Reset</button>'),rr=u('<span class="spinner svelte-16jnwed"></span>'),ir=vt('<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" class="svelte-16jnwed"><path d="M8 7H5a2 2 0 00-2 2v9a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-3m-1 4l-3 3m0 0l-3-3m3 3V4" class="svelte-16jnwed"></path></svg>'),nr=u('<div class="action-buttons svelte-16jnwed"><div class="save-status svelte-16jnwed"><!></div> <button class="action-btn secondary svelte-16jnwed"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" class="svelte-16jnwed"><path d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" class="svelte-16jnwed"></path><path d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z" class="svelte-16jnwed"></path></svg> </button> <div class="btn-group svelte-16jnwed"><button class="action-btn icon-only svelte-16jnwed" title="Undo (Ctrl+Z)">

1<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" class="svelte-16jnwed"><path d="M3 10h10a8 8 0 018 8v2M3 10l6 6m-6-6l6-6" class="svelte-16jnwed"></path></svg></button> <button class="action-btn icon-only svelte-16jnwed" title="Redo (Ctrl+Y)"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" class="svelte-16jnwed"><path d="M21 10h-10a8 8 0 00-8 8v2M21 10l-6 6m6-6l-6-6" class="svelte-16jnwed"></path></svg></button></div> <!> <button class="action-btn primary svelte-16jnwed"><!> Save Changes</button></div>'),or=(n,s,r)=>Ie(s,t(r).id,!0),vr=u('<button><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" class="svelte-16jnwed"><path stroke-linecap="round" stroke-linejoin="round" class="svelte-16jnwed"></path></svg> </button>'),dr=u('<div class="sidebar-content svelte-16jnwed"><div class="sidebar-card svelte-16jnwed"><h3 class="sidebar-card-title svelte-16jnwed">Status</h3> <div class="stats-grid svelte-16jnwed"><div class="stat-item svelte-16jnwed"><span class="stat-label svelte-16jnwed">Save Status</span> <span class="stat-value mono svelte-16jnwed"><!></span></div> <div class="stat-item svelte-16jnwed"><span class="stat-label svelte-16jnwed">Errors</span> <span> </span></div> <div class="stat-item svelte-16jnwed"><span class="stat-label svelte-16jnwed">Warnings</span> <span> </span></div></div></div> <div class="sidebar-card svelte-16jnwed"><h3 class="sidebar-card-title svelte-16jnwed">Sections</h3> <nav class="section-nav svelte-16jnwed"></nav></div> <div class="sidebar-card svelte-16jnwed"><h3 class="sidebar-card-title svelte-16jnwed">Quick Actions</h3> <div class="quick-actions svelte-16jnwed"><a href="/fair/registration" target="_blank" class="quick-action-link svelte-16jnwed"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" class="svelte-16jnwed"><path d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" class="svelte-16jnwed"></path></svg> View Public Page</a></div></div> <div class="sidebar-card help-card svelte-16jnwed"><h3 class="sidebar-card-title svelte-16jnwed">Help</h3> <p class="help-text svelte-16jnwed">Changes are auto-saved after 2 seconds of inactivity. Use the undo/redo buttons to navigate through your edit history.</p> <ul class="help-list svelte-16jnwed"><li class="svelte-16jnwed"><kbd class="svelte-16jnwed">Ctrl+Z</kbd> Undo</li> <li class="svelte-16jnwed"><kbd class="svelte-16jnwed">Ctrl+Y</kbd> Redo</li> <li class="svelte-16jnwed"><kbd class="svelte-16jnwed">Ctrl+S</kbd> Save</li></ul></div></div>'),cr=u('<div class="error-banner svelte-16jnwed"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" class="svelte-16jnwed"><circle cx="12" cy="12" r="10" class="svelte-16jnwed"></circle><path d="M12 8v4m0 4h.01" class="svelte-16jnwed"></path></svg> <span class="svelte-16jnwed"> </span> <button class="dismiss-btn svelte-16jnwed"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" class="svelte-16jnwed"><path d="M6 18L18 6M6 6l12 12" class="svelte-16jnwed"></path></svg></button></div>'),ur=u('<div class="loading-state svelte-16jnwed"><div class="loading-spinner svelte-16jnwed"></div> <span class="svelte-16jnwed">Loading registration data...</span></div>'),pr=(n,s,r)=>Ie(s,t(r).id,!0),hr=u('<button><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" class="svelte-16jnwed"><path stroke-linecap="round" stroke-linejoin="round" class="svelte-16jnwed"></path></svg> </button>'),mr=u('<!> <div class="section-divider svelte-16jnwed"><h4 class="section-title svelte-16jnwed">Hero Alert</h4></div> <!> <!> <div class="section-divider svelte-16jnwed"><h4 class="section-title svelte-16jnwed">Registration Essentials</h4></div> <!> <!> <div class="section-divider svelte-16jnwed"><h4 class="section-title svelte-16jnwed">Application Tips</h4></div> <!> <div class="section-divider svelte-16jnwed"><h4 class="section-title svelte-16jnwed">Pre-approval</h4></div> <!> <!> <div class="section-divider svelte-16jnwed"><h4 class="section-title svelte-16jnwed">Other Forms</h4></div> <!> <!> <div class="section-divider svelte-16jnwed"><h4 class="section-title svelte-16jnwed">Important Email Information</h4></div> <!> <div class="section-divider svelte-16jnwed"><h4 class="section-title svelte-16jnwed">Page Headings & Labels</h4></div> <!>',1),gr=u('<div class="section-divider svelte-16jnwed"><h4 class="section-title svelte-16jnwed">Section Headings</h4></div> <!> <!> <!> <!>',1),_r=u('<div class="section-divider svelte-16jnwed"><h4 class="section-title svelte-16jnwed">Section Headings</h4></div> <!> <div class="section-divider svelte-16jnwed"><h4 class="section-title svelte-16jnwed">Certification Forms</h4></div> <!> <div class="section-divider svelte-16jnwed"><h4 class="section-title svelte-16jnwed">Pre-Approval & Safety Forms</h4></div> <!> <div class="section-divider svelte-16jnwed"><h4 class="section-title svelte-16jnwed">Other Forms</h4></div> <!> <div class="section-divider svelte-16jnwed"><h4 class="section-title svelte-16jnwed">Project Registration Components</h4></div> <!> <div class="section-divider svelte-16jnwed"><h4 class="section-title svelte-16jnwed">Project Submission Components</h4></div> <!> <div class="section-divider svelte-16jnwed"><h4 class="section-title svelte-16jnwed">In-Person Judging</h4></div> <!> <!>

1',1),fr=u("<!> <!>",1),br=u('<h1 class="preview-title svelte-16jnwed"> </h1> <p class="preview-subtitle svelte-16jnwed"> </p> <div class="preview-dates svelte-16jnwed"><div class="preview-date-item svelte-16jnwed"><span class="preview-date-label svelte-16jnwed">Registration Deadline</span> <span class="preview-date-value mono svelte-16jnwed"> </span></div> <div class="preview-date-item svelte-16jnwed"><span class="preview-date-label svelte-16jnwed">Submission Deadline</span> <span class="preview-date-value mono svelte-16jnwed"> </span></div></div> <div class="preview-stats svelte-16jnwed"><div class="preview-stat svelte-16jnwed"><span class="preview-stat-value svelte-16jnwed"> </span> <span class="preview-stat-label svelte-16jnwed">Edition</span></div> <div class="preview-stat svelte-16jnwed"><span class="preview-stat-value svelte-16jnwed"> </span> <span class="preview-stat-label svelte-16jnwed">Steps</span></div> <div class="preview-stat svelte-16jnwed"><span class="preview-stat-value svelte-16jnwed"> </span> <span class="preview-stat-label svelte-16jnwed">Projects</span></div></div>',1),wr=u('<span class="step-deadline mono svelte-16jnwed"> </span>'),kr=u('<li><span class="step-number svelte-16jnwed"> </span> <div class="step-content svelte-16jnwed"><h4 class="svelte-16jnwed"> </h4> <p class="svelte-16jnwed"> </p> <!></div></li>'),jr=u('<ol class="preview-steps svelte-16jnwed"></ol>'),xr=u('<p class="preview-empty svelte-16jnwed">No registration steps configured.</p>'),yr=u('<h2 class="preview-section-title svelte-16jnwed">Registration Steps</h2> <!>',1),Cr=u('<li class="svelte-16jnwed"> </li>'),Tr=u('<div class="preview-req-group svelte-16jnwed"><h4 class="svelte-16jnwed"> </h4> <ul class="svelte-16jnwed"></ul></div>'),zr=u('<div class="preview-requirements svelte-16jnwed"></div>'),Mr=u('<p class="preview-empty svelte-16jnwed">No submission components configured.</p>'),Fr=u('<div class="preview-req-group svelte-16jnwed"><h4 class="svelte-16jnwed"> </h4></div>'),Rr=u('<h2 class="preview-section-title svelte-16jnwed"> </h2> <div class="preview-requirements svelte-16jnwed"></div>',1),qr=u('<h2 class="preview-section-title svelte-16jnwed">Submission Components</h2> <!> <!>',1),Sr=u('<div class="preview-contact svelte-16jnwed"><p class="svelte-16jnwed"><strong class="svelte-16jnwed">Email:</strong> </p> <p class="svelte-16jnwed"><strong class="svelte-16jnwed">SRC:</strong> </p></div>'),Br=u('<div class="preview-cta svelte-16jnwed"><h3 class="svelte-16jnwed"> </h3> <p class="svelte-16jnwed"> </p> <button class="preview-cta-btn svelte-16jnwed"> </button></div>'),Ar=u('<h2 class="preview-section-title svelte-16jnwed">Contact & Help</h2> <!> <!>',1),Ur=u('<div class="preview-column svelte-16jnwed"><div class="preview-card svelte-16jnwed"><div class="preview-header svelte-16jnwed"><h3 class="svelte-16jnwed">Live Preview</h3> <span class="preview-badge svelte-16jnwed">Preview</span></div> <div class="preview-content svelte-16jnwed"><!></div></div></div>'),Er=u('<div class="tab-bar svelte-16jnwed"></div> <div><div class="editor-column svelte-16jnwed"><!></div> <!></div>',1),Dr=u("<!> <!>",1);function Wr(n,s){De(s,!0);const[r,o]=Bt(),p=()=>st(Ot,"$userClaims",r),H=()=>st(It,"$authLoading",r),T=()=>st(ye,"$registrationAdmin",r),F=()=>st(Dt,"$hasUnsavedChanges",r),B=()=>st(Pt,"$canUndo",r),V=()=>st(Ht,"$canRedo",r),D=()=>st(Lt,"$hasValidationErrors",r);let g=at("overview"),q=at(!1),f=Z(()=>p()&&!H()&&(p().isSuperAdmin||Gt.hasPermission(p(),Vt.STUDENT_INFO_EDIT))),v=Z(()=>T().saveStatus),w=Z(()=>T().error),m=Z(()=>T().loading),i=Z(()=>T().data),_=Z(()=>T().validationErrors),S=Z(()=>t(_).filter(d=>d.severity==="error").length),j=Z(()=>t(_).filter(d=>d.severity==="warning").length);qt(()=>{if(!t(f)){alert("You do not have permission to edit registration information."),Ut("/admin");return}Nt()});function L(){ye.save()}function b(){ye.undo()}function y(){ye.redo()}function R(){confirm("Are you sure you want to discard all unsaved changes?")&&ye.reset()}const E=[{id:"overview",label:"Overview",icon:"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"},{id:"registration",label:"Registration Process",icon:"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2"},{id:"requirements",label:"Requirements",icon:"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"},{id:"support",label:"Support & Help",icon:"M8.228 9c.549-1.165 2.03-2 3.772-2 2.21 0 4 1.343 4 3 0 1.4-1.278 2.575-3.006 2.907-.542.104-.994.54-.994 1.093m0 3h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"}];St(d=>{var x=$l();At.title="Registration Admin - OCSEF Admin",Ne(6),c(d,x)}),Et(n,{title:"Registration Admin",subtitle:"Manage student registration information and process",currentSection:"fair",breadcrumbs:[{label:"Fair",href:"/admin"},{label:"Registration"}],actions:z=>{var h=nr(),k=l(h),M=l(k);{var N=se=>{var be=er();c(se,be)},C=(se,be)=>{{var _e=ce=>{var ue=tr();c(ce,ue)},ie=(ce,ue)=>{{var ne=X=>{var ze=ar();c(X,ze)};K(ce,X=>{F()&&X(ne)},ue)}};K(se,ce=>{t(v)==="saved"&&!F()?ce(_e):ce(ie,!1)},be)}};K(M,se=>{t(v)==="saving"?se(N):se(C,!1)})}a(k);var A=e(k,2);A.__click=[sr,q];var ae=e(l(A));a(A);var O=e(A,2),G=l(O);G.__click=b;var ee=e(G,2);ee.__click=y,a(O);var re=e(O,2);{var I=se=>{var be=lr();be.__click=R,c(se,be)};K(re,se=>{F()&&se(I)})}var P=e(re,2);P.__click=L;var te=l(P);{var oe=se=>{var be=rr();c(se,be)},he=se=>{var be=ir();c(se,be)};K(te,se=>{t(v)==="saving"?se(oe):se(he,!1)})}Ne(),a(P),a(h),$(()=>{W(ae,` ${t(q)?"Hide":"Show"} Preview`),G.disabled=!B(),ee.disabled=!V(),P.disabled=!F()||t(v)==="saving"||D()}),c(z,h)},sidebar:z=>{var h=dr(),k=l(h),M=e(l(k),2),N=l(M),C=e(l(N),2),A=l(C);{var ae=_e=>{var ie=dt("Saving...");c(_e,ie)},O=(_e,ie)=>{{var ce=ne=>{var X=dt("Unsaved");c(ne,X)},ue=ne=>{var X=dt("Saved");c(ne,X)};K(_e,ne=>{F()?ne(ce):ne(ue,!1)},ie)}};K(A,_e=>

1{t(v)==="saving"?_e(ae):_e(O,!1)})}a(C),a(N);var G=e(N,2),ee=e(l(G),2);let re;var I=l(ee,!0);a(ee),a(G);var P=e(G,2),te=e(l(P),2);let oe;var he=l(te,!0);a(te),a(P),a(M),a(k);var se=e(k,2),be=e(l(se),2);Se(be,21,()=>E,Ge,(_e,ie)=>{var ce=vr();let ue;ce.__click=[or,g,ie];var ne=l(ce),X=l(ne);a(ne);var ze=e(ne);a(ce),$(Ae=>{ue=Ve(ce,1,"section-nav-item svelte-16jnwed",null,ue,Ae),Re(X,"d",t(ie).icon),W(ze,` ${t(ie).label??""}`)},[()=>({active:t(g)===t(ie).id})]),c(_e,ce)}),a(be),a(se),Ne(4),a(h),$((_e,ie)=>{re=Ve(ee,1,"stat-value mono svelte-16jnwed",null,re,_e),W(I,t(S)),oe=Ve(te,1,"stat-value mono svelte-16jnwed",null,oe,ie),W(he,t(j))},[()=>({error:t(S)>0}),()=>({warning:t(j)>0})]),c(z,h)},children:(z,h)=>{var k=Dr(),M=Ke(k);{var N=O=>{var G=cr(),ee=e(l(G),2),re=l(ee,!0);a(ee);var I=e(ee,2);I.__click=()=>ye.clearError(),a(G),$(()=>W(re,t(w))),c(O,G)};K(M,O=>{t(w)&&O(N)})}var C=e(M,2);{var A=O=>{var G=ur();c(O,G)},ae=(O,G)=>{{var ee=re=>{var I=Er(),P=Ke(I);Se(P,21,()=>E,Ge,(ue,ne)=>{var X=hr();let ze;X.__click=[pr,g,ne];var Ae=l(X),He=l(Ae);a(Ae);var Ye=e(Ae);a(X),$(Oe=>{ze=Ve(X,1,"tab-btn svelte-16jnwed",null,ze,Oe),Re(He,"d",t(ne).icon),W(Ye,` ${t(ne).label??""}`)},[()=>({active:t(g)===t(ne).id})]),c(ue,X)}),a(P);var te=e(P,2);let oe;var he=l(te),se=l(he);{var be=ue=>{var ne=mr(),X=Ke(ne);$t(X,{get pageTitle(){return t(i).pageTitle},get pageSubtitle(){return t(i).pageSubtitle},get registrationDeadline(){return t(i).registrationDeadline},get submissionDeadline(){return t(i).submissionDeadline},onUpdate:(J,et)=>ye.updateField(J,et)});var ze=e(X,4);const Ae=Z(()=>t(i).heroAlert||{title:"",deadlines:[]});vs(ze,{get heroAlert(){return t(Ae)},onUpdate:(J,et)=>ye.updateField(J,et)});var He=e(ze,2);const Ye=Z(()=>t(i).annualEdition||""),Oe=Z(()=>t(i).theme||""),Le=Z(()=>t(i).processSteps||""),Je=Z(()=>t(i).expectedProjects||""),We=Z(()=>t(i).gradeRange||"");oa(He,{get annualEdition(){return t(Ye)},get theme(){return t(Oe)},get processSteps(){return t(Le)},get expectedProjects(){return t(Je)},get gradeRange(){return t(We)},onUpdate:(J,et)=>ye.updateField(J,et)});var Q=e(He,4);const de=Z(()=>t(i).accountRequirements||{studentName:"",emailRequirements:"",gmailNote:"",parentCollaborator:""});Ca(Q,{get accountRequirements(){return t(de)},onChange:J=>ye.updateField("accountRequirements",J)});var Me=e(Q,2);const Ce=Z(()=>t(i).teamProjects||{oneApplicationRule:"",maxTeamSize:"",gradeDivisionRule:""});Ra(Me,{get teamProjects(){return t(Ce)},onChange:J=>ye.updateField("teamProjects",J)});var je=e(Me,4);const Te=Z(()=>t(i).applicationTips||[]);as(je,{get applicationTips(){return t(Te)},onChange:J=>ye.updateField("applicationTips",J)});var ve=e(je,4);const xe=Z(()=>{var J;return((J=T().data)==null?void 0:J.certificationForms)||[]});ft(ve,{get forms(){return t(xe)},onUpdate:(J,et)=>ye.updateField("certificationForms",et)});var fe=e(ve,2);const Fe=Z(()=>{var J;return((J=T().data)==null?void 0:J.preApprovalContent)||{}});bl(fe,{get content(){return t(Fe)},onUpdate:J=>ye.updateField("preApprovalContent",J)});var qe=e(fe,4);const le=Z(()=>{var J;return((J=T().data)==null?void 0:J.otherForms)||[]});Cl(qe,{get forms(){return t(le)},onUpdate:J=>ye.updateField("otherForms",J)});var we=e(qe,2);const ke=Z(()=>{var J;return((J=T().data)==null?void 0:J.otherFormsContent)||{}});Sl(we,{get content(){return t(ke)},onUpdate:J=>ye.updateField("otherFormsContent",J)});var Be=e(we,4);const pe=Z(()=>{var J;return((J=t(i).emailInfo)==null?void 0:J.senderEmail)||""}),ge=Z(()=>{var J;return((J=t(i).emailInfo)==null?void 0:J.srcEmail)||""}),Qe=Z(()=>{var J;return((J=t(i).emailInfo)==null?void 0:J.checkingReminders)||""}),Ze=Z(()=>{var J;return((J=t(i).emailInfo)==null?void 0:J.appealProcess)||""}),$e=Z(()=>{var J;return((J=t(i).emailInfo)==null?void 0:J.sectionTitle)||""}),Xe=Z(()=>{var J;return((J=t(i).emailInfo)==null?void 0:J.notificationsTitle)||""}),tt=Z(()=>{var J;return((J=t(i).emailInfo)==null?void 0:J.contactTitle)||""}),rt=Z(()=>{var J;return((J=t(i).emailInfo)==null?void 0:J.registrationHelpEmail)||""}),Tt=Z(()=>{var J;return((J=t(i).emailInfo)==null?void 0:J.notificationNotes)||[]}),zt=Z(()=>{var J;return((J=t(i).emailInfo)==null?void 0:J.contactNotes)||[]});Xa(Be,{get senderEmail(){return t(pe)},get srcEmail(){return t(ge)},get checkingReminders(){return t(Qe)},get appealProcess(){return t(Ze)},get sectionTitle(){return t($e)},get notificationsTitle(){return t(Xe)},get contactTitle(){return t(tt)},get registrationHelpEmail(){return t(rt)},get notificationNotes(){return t(Tt)},get contactNotes(){return t(zt)}

1,onUpdate:(J,et)=>ye.updateField(J,et)});var Mt=e(Be,4);const Ft=Z(()=>t(i).overviewContent||{});gs(Mt,{get content(){return t(Ft)},onUpdate:(J,et)=>ye.updateField(J,et)}),c(ue,ne)},_e=(ue,ne)=>{{var X=Ae=>{var He=gr(),Ye=e(Ke(He),2);const Oe=Z(()=>t(i).stepsContent||{sectionTitle:"",affiliatedFairsTitle:"",affiliatedFairsDescription:""});ks(Ye,{get stepsContent(){return t(Oe)},onUpdate:(Ce,je)=>ye.updateField(Ce,je)});var Le=e(Ye,2);const Je=Z(()=>t(i).registrationSteps||[]);ha(Le,{get steps(){return t(Je)},onUpdate:Ce=>ye.updateField("registrationSteps",Ce)});var We=e(Le,2);const Q=Z(()=>t(i).importantDates||[]);ba(We,{get dates(){return t(Q)},onUpdate:Ce=>ye.updateField("importantDates",Ce)});var de=e(We,2);const Me=Z(()=>t(i).affiliatedFairs||[]);Hs(de,{get affiliatedFairs(){return t(Me)},onUpdate:Ce=>ye.updateField("affiliatedFairs",Ce)}),c(Ae,He)},ze=(Ae,He)=>{{var Ye=Le=>{var Je=_r(),We=e(Ke(Je),2);const Q=Z(()=>t(i).requirementsContent||{sectionTitle:"",sectionSubtitle:"",registrationComponentsTitle:"",submissionComponentsTitle:""});zs(We,{get requirementsContent(){return t(Q)},onUpdate:(pe,ge)=>ye.updateField(pe,ge)});var de=e(We,4);const Me=Z(()=>t(i).certificationForms||[]);ft(de,{get forms(){return t(Me)},onUpdate:(pe,ge)=>ye.updateField("certificationForms",ge)});var Ce=e(de,4);const je=Z(()=>t(i).safetyForms||{sectionTitle:"",sectionDescription:"",forms:[],noticeTitle:"",noticeMessage:""});wt(Ce,{get safetyForms(){return t(je)},onUpdate:(pe,ge)=>ye.updateField(pe,ge)});var Te=e(Ce,4);const ve=Z(()=>t(i).requirementsOtherForms||{sectionTitle:"Other Forms",sectionDescription:"",forms:[],noticeTitle:"",noticeMessage:""});wt(Te,{field:"requirementsOtherForms",title:"Other Forms",get safetyForms(){return t(ve)},onUpdate:(pe,ge)=>ye.updateField(pe,ge)});var xe=e(Te,4);const fe=Z(()=>t(i).registrationComponents||[]);ct(xe,{get components(){return t(fe)},onUpdate:(pe,ge)=>ye.updateField(pe,ge)});var Fe=e(xe,4);const qe=Z(()=>t(i).submissionComponents||[]);ct(Fe,{field:"submissionComponents",title:"Project Submission Components",get components(){return t(qe)},onUpdate:(pe,ge)=>ye.updateField(pe,ge)});var le=e(Fe,4);const we=Z(()=>t(i).inPersonJudging||{sectionTitle:"",description:"",components:[]});qs(le,{get inPersonJudging(){return t(we)},onUpdate:(pe,ge)=>ye.updateField(pe,ge)});var ke=e(le,2);const Be=Z(()=>{var pe;return((pe=t(i).inPersonJudging)==null?void 0:pe.components)||[]});ct(ke,{field:"inPersonJudging.components",title:"In-Person Judging Cards",get components(){return t(Be)},onUpdate:(pe,ge)=>ye.updateField(pe,ge)}),c(Le,Je)},Oe=(Le,Je)=>{{var We=Q=>{var de=fr(),Me=Ke(de);const Ce=Z(()=>{var le;return((le=t(i).registrationCTA)==null?void 0:le.heroTitle)||""}),je=Z(()=>{var le;return((le=t(i).registrationCTA)==null?void 0:le.heroSubtitle)||""}),Te=Z(()=>{var le;return((le=t(i).registrationCTA)==null?void 0:le.title)||""}),ve=Z(()=>{var le;return((le=t(i).registrationCTA)==null?void 0:le.description)||""}),xe=Z(()=>{var le;return((le=t(i).registrationCTA)==null?void 0:le.buttonText)||""}),fe=Z(()=>{var le;return((le=t(i).registrationCTA)==null?void 0:le.applicationUrl)||""});ll(Me,{get heroTitle(){return t(Ce)},get heroSubtitle(){return t(je)},get title(){return t(Te)},get description(){return t(ve)},get buttonText(){return t(xe)},get applicationUrl(){return t(fe)},onUpdate:(le,we)=>ye.updateField(le,we)});var Fe=e(Me,2);const qe=Z(()=>t(i).helpSection||[]);Ws(Fe,{get helpSection(){return t(qe)},onUpdate:le=>ye.updateField("helpSection",le)}),c(Q,de)};K(Le,Q=>{t(g)==="support"&&Q(We)},Je)}};K(Ae,Le=>{t(g)==="requirements"?Le(Ye):Le(Oe,!1)},He)}};K(ue,Ae=>{t(g)==="registration"?Ae(X):Ae(ze,!1)},ne)}};K(se,ue=>{t(g)==="overview"?ue(be):ue(_e,!1)})}a(he);var ie=e(he,2);{var ce=ue=>{var ne=Ur(),X=l(ne),ze=e(l(X),2),Ae=l(ze);{var He=Oe=>{var Le=br(),Je=Ke(Le),We=l(Je,!0);a(Je);var Q=e(Je,2),de=l(Q,!0);a(Q);var Me=e(Q,2),Ce=l(Me),je=e(l(Ce),2),Te=l(je,!0);a(je),a(Ce);var ve=e(Ce,2),xe=e(l(ve),2),fe=l(xe,!0);a(xe),a(ve),a(Me);var Fe=e(Me,2),qe=l(Fe),le=l(qe),we=l(le,!0);a(le),Ne(2),a(qe);var ke=e(qe,2),Be=l(ke),pe=l(Be,!0);a(Be),Ne(2),a(ke);var ge=e(ke,2),Qe=l(ge),Ze=l(Qe,!0);a(Qe),Ne(2),a(ge),a(Fe),$(()=>{W(We,t(i).pageTitle||"Page Title"),W(de,t(i).pageSubtitle||"Page subtitle..."),W(Te,t(i).registrationDeadline||"TBD"),W(fe,t(i).submissionDeadline||"TBD"),W(we,t(i).annualEdition||"TBD"),W(pe,t(i).processSteps||"0"),W(Ze,t(i).expectedProjects||"0")}),c(Oe,Le)},Ye=(Oe,Le)=>{{var Je=Q=>{var de=yr(),Me=e(Ke(de),2);{var Ce=Te=>{var ve=jr();Se(ve,21,()=>t(i).registrationSteps,Ge,(xe,fe)=>{var Fe=kr();let qe;var le=l(Fe),we=l(le,!0);a(le);var ke=e(le,2),Be=l(ke),pe=l(Be,!0);a(Be);

1var ge=e(Be,2),Qe=l(ge,!0);a(ge);var Ze=e(ge,2);{var $e=Xe=>{var tt=wr(),rt=l(tt,!0);a(tt),$(()=>W(rt,t(fe).deadline)),c(Xe,tt)};K(Ze,Xe=>{t(fe).deadline&&Xe($e)})}a(ke),a(Fe),$(Xe=>{qe=Ve(Fe,1,"preview-step svelte-16jnwed",null,qe,Xe),W(we,t(fe).stepNumber),W(pe,t(fe).title),W(Qe,t(fe).description)},[()=>({current:t(fe).status==="current"})]),c(xe,Fe)}),a(ve),c(Te,ve)},je=Te=>{var ve=xr();c(Te,ve)};K(Me,Te=>{var ve;(ve=t(i).registrationSteps)!=null&&ve.length?Te(Ce):Te(je,!1)})}c(Q,de)},We=(Q,de)=>{{var Me=je=>{var Te=qr(),ve=e(Ke(Te),2);{var xe=le=>{var we=zr();Se(we,21,()=>t(i).submissionComponents,ke=>ke.id,(ke,Be)=>{var pe=Tr(),ge=l(pe),Qe=l(ge,!0);a(ge);var Ze=e(ge,2);Se(Ze,21,()=>(t(Be).items??[]).slice(0,2),Ge,($e,Xe)=>{var tt=Cr(),rt=l(tt,!0);a(tt),$(()=>W(rt,t(Xe)||"Not specified")),c($e,tt)}),a(Ze),a(pe),$(()=>W(Qe,t(Be).title||"Untitled")),c(ke,pe)}),a(we),c(le,we)},fe=le=>{var we=Mr();c(le,we)};K(ve,le=>{var we;(we=t(i).submissionComponents)!=null&&we.length?le(xe):le(fe,!1)})}var Fe=e(ve,2);{var qe=le=>{var we=Rr(),ke=Ke(we),Be=l(ke,!0);a(ke);var pe=e(ke,2);Se(pe,21,()=>t(i).inPersonJudging.components,ge=>ge.id,(ge,Qe)=>{var Ze=Fr(),$e=l(Ze),Xe=l($e,!0);a($e),a(Ze),$(()=>W(Xe,t(Qe).title||"Untitled")),c(ge,Ze)}),a(pe),$(()=>W(Be,t(i).inPersonJudging.sectionTitle||"In-Person Judging")),c(le,we)};K(Fe,le=>{var we,ke;(ke=(we=t(i).inPersonJudging)==null?void 0:we.components)!=null&&ke.length&&le(qe)})}c(je,Te)},Ce=(je,Te)=>{{var ve=xe=>{var fe=Ar(),Fe=e(Ke(fe),2);{var qe=ke=>{var Be=Sr(),pe=l(Be),ge=e(l(pe));a(pe);var Qe=e(pe,2),Ze=e(l(Qe));a(Qe),a(Be),$(()=>{W(ge,` ${t(i).emailInfo.senderEmail||"Not set"}`),W(Ze,` ${t(i).emailInfo.srcEmail||"Not set"}`)}),c(ke,Be)};K(Fe,ke=>{t(i).emailInfo&&ke(qe)})}var le=e(Fe,2);{var we=ke=>{var Be=Br(),pe=l(Be),ge=l(pe,!0);a(pe);var Qe=e(pe,2),Ze=l(Qe,!0);a(Qe);var $e=e(Qe,2),Xe=l($e,!0);a($e),a(Be),$(()=>{W(ge,t(i).registrationCTA.title||"CTA Title"),W(Ze,t(i).registrationCTA.description||"Description..."),W(Xe,t(i).registrationCTA.buttonText||"Button")}),c(ke,Be)};K(le,ke=>{t(i).registrationCTA&&ke(we)})}c(xe,fe)};K(je,xe=>{t(g)==="support"&&xe(ve)},Te)}};K(Q,je=>{t(g)==="requirements"?je(Me):je(Ce,!1)},de)}};K(Oe,Q=>{t(g)==="registration"?Q(Je):Q(We,!1)},Le)}};K(Ae,Oe=>{t(g)==="overview"?Oe(He):Oe(Ye,!1)})}a(ze),a(X),a(ne),c(ue,ne)};K(ie,ue=>{t(q)&&ue(ce)})}a(te),$(ue=>oe=Ve(te,1,"content-layout svelte-16jnwed",null,oe,ue),[()=>({"with-preview":t(q)})]),c(re,I)};K(O,re=>{t(i)&&re(ee)},G)}};K(C,O=>{t(m)?O(A):O(ae,!1)})}c(z,k)},$$slots:{actions:!0,sidebar:!0,default:!0}}),Pe(),o()}Ee(["click"]);export{Wr as component,Jr as universal};