@forms.expert/sdk 0.4.1 → 0.4.2

package/dist/vanilla/index.js

@@ -333,7 +333,7 @@ var T={theme:"light",primaryColor:"#3b82f6",backgroundColor:"#ffffff",textColor:
 }
 
 ${e.customCss||""}
-`.trim()}function E(t){let e=document.createElement("div");return e.textContent=t,e.innerHTML}function j(t){switch(t){case"small":return"18px";case"large":return"30px";case"extra-large":return"36px";default:return"24px"}}function _(t){switch(t){case"small":return"14px";case"large":return"18px";default:return"16px"}}function b(t,e){return e?`${t} ${e}`:t}function G(t){switch(t){case"1/4":return"25%";case"1/3":return"33.333%";case"1/2":return"50%";case"2/3":return"66.666%";case"3/4":return"75%";case"full":return"100%";default:return}}function $(t,e,i,s){let l=document.createElement("div");if(t.type==="heading"){l.className="forms-expert-group";let n=document.createElement("h3");if(n.className="forms-expert-heading",n.style.fontSize=j(s?.headingSize),n.textContent=t.label||"",l.appendChild(n),t.content){let p=document.createElement("p");p.className="forms-expert-heading-subtitle",p.textContent=t.content,l.appendChild(p)}return l}if(t.type==="divider"){let n=document.createElement("hr");return n.className="forms-expert-divider",n}if(t.type==="paragraph"){l.className="forms-expert-group";let n=t.paragraphFontSize?`${t.paragraphFontSize}px`:_(s?.paragraphSize);if(t.label){let p=document.createElement("p");p.className="forms-expert-paragraph-label",p.style.fontSize=n,p.textContent=t.label,l.appendChild(p)}if(t.content){let p=document.createElement("div");p.className="forms-expert-paragraph",p.style.fontSize=n,p.innerHTML=t.content,l.appendChild(p)}return l}if(t.type==="hidden"){let n=document.createElement("input");return n.type="hidden",n.name=t.name,n.value=String(t.defaultValue??e??""),l.appendChild(n),l.style.display="none",l}if(t.type==="checkbox"||t.type==="toggle"||t.type==="consent"){l.className="forms-expert-checkbox-group";let n=document.createElement("input");n.type="checkbox",n.id=`mira-field-${t.name}`,n.name=t.name,n.className="forms-expert-checkbox",n.checked=!!e,t.required&&(n.required=!0);let p=document.createElement("div"),d=document.createElement("label");d.htmlFor=n.id,d.style.cursor="pointer",t.type==="consent"&&t.consentFontSize&&(d.style.fontSize=`${t.consentFontSize}px`);let a=t.type==="consent"?t.consentText||t.label||t.name:t.label||t.name;if(d.innerHTML=`${E(a)}${t.required?'<span class="forms-expert-required">*</span>':""}`,p.appendChild(d),t.type==="consent"&&t.consentUrl){let r=document.createElement("a");r.href=t.consentUrl,r.target="_blank",r.rel="noopener noreferrer",r.textContent="View policy",r.className="forms-expert-consent-link",p.appendChild(r)}if(l.appendChild(n),l.appendChild(p),i){let r=document.createElement("div");r.className="forms-expert-error-message",r.textContent=i,l.appendChild(r)}return l}if(l.className="forms-expert-group",t.label){let n=document.createElement("label");n.className=`forms-expert-label${s?.labelClassName?" "+s.labelClassName:""}`,n.htmlFor=`mira-field-${t.name}`,n.innerHTML=`${E(t.label)}${t.required?'<span class="forms-expert-required">*</span>':""}`,l.appendChild(n)}let m=document.createElement("div");m.className="forms-expert-input-wrapper";let o;switch(t.type){case"textarea":case"richText":o=document.createElement("textarea"),o.className=b("forms-expert-textarea",s?.fieldClassName),o.value=String(e||""),t.maxLength&&(o.maxLength=t.maxLength);break;case"select":case"dropdown":{o=document.createElement("select"),o.className=b("forms-expert-select",s?.fieldClassName);let n=document.createElement("option");n.value="",n.textContent=t.placeholder||"Select an option...",o.appendChild(n),(t.options||[]).forEach(d=>{let a=document.createElement("option");a.value=d,a.textContent=d,e===d&&(a.selected=!0),o.appendChild(a)});break}case"radio":{let n=document.createElement("div");if(n.className="forms-expert-radio-group",(t.options||[]).forEach(d=>{let a=document.createElement("label");a.className="forms-expert-radio-item";let r=document.createElement("input");r.type="radio",r.name=t.name,r.value=d,r.checked=e===d,a.appendChild(r),a.appendChild(document.createTextNode(` ${d}`)),n.appendChild(a)}),m.appendChild(n),i){let d=document.createElement("div");d.className="forms-expert-error-message",d.textContent=i,m.appendChild(d)}return l.appendChild(m),l}case"multiselect":{let n=document.createElement("div");n.className="forms-expert-multiselect-group";let p=e||[];if((t.options||[]).forEach(a=>{let r=document.createElement("label");r.className="forms-expert-checkbox-item";let u=document.createElement("input");u.type="checkbox",u.name=t.name,u.value=a,u.checked=p.includes(a),r.appendChild(u),r.appendChild(document.createTextNode(` ${a}`)),n.appendChild(r)}),m.appendChild(n),i){let a=document.createElement("div");a.className="forms-expert-error-message",a.textContent=i,m.appendChild(a)}return l.appendChild(m),l}case"rating":{let n=document.createElement("div");n.className="forms-expert-rating";let p=t.ratingMax||5,d=e||0;for(let a=1;a<=p;a++){let r=document.createElement("button");r.type="button",r.className=`forms-expert-rating-star ${a<=d?"active":""}`,r.textContent="\u2605",r.dataset.value=String(a),n.appendChild(r)}if(m.appendChild(n),i){let a=document.createElement("div");a.className="forms-expert-error-message",a.textContent=i,m.appendChild(a)}return l.appendChild(m),l}case"scale":case"opinionScale":{let n=document.createElement("div");n.className="forms-expert-scale";let p=t.min??(t.type==="opinionScale"?0:1),d=t.max??(t.type==="opinionScale"?10:5),a=e;for(let r=p;r<=d;r++){let u=document.createElement("button");u.type="button",u.className=`forms-expert-scale-btn ${a===r?"active":""}`,u.textContent=String(r),u.dataset.value=String(r),n.appendChild(u)}if(m.appendChild(n),t.lowLabel||t.highLabel){let r=document.createElement("div");r.className="forms-expert-scale-labels",r.innerHTML=`<span>${E(t.lowLabel||"")}</span><span>${E(t.highLabel||"")}</span>`,m.appendChild(r)}if(i){let r=document.createElement("div");r.className="forms-expert-error-message",r.textContent=i,m.appendChild(r)}return l.appendChild(m),l}case"slider":{o=document.createElement("input"),o.type="range",o.className="forms-expert-slider",o.min=String(t.min??0),o.max=String(t.max??100),o.step=String(t.step??1),o.value=String(e??t.min??0);break}case"file":o=document.createElement("input"),o.type="file",o.className="forms-expert-file",t.allowedMimeTypes?.length&&(o.accept=t.allowedMimeTypes.join(",")),t.multiple&&(o.multiple=!0);break;case"currency":{o=document.createElement("input"),o.type="number",o.className=b("forms-expert-input",s?.fieldClassName),o.value=String(e??""),t.min!==void 0&&(o.min=String(t.min)),t.max!==void 0&&(o.max=String(t.max)),o.step=String(t.step||.01);break}case"phone":o=document.createElement("input"),o.type="tel",o.className=b("forms-expert-input",s?.fieldClassName),o.value=String(e||"");break;case"url":o=document.createElement("input"),o.type="url",o.className=b("forms-expert-input",s?.fieldClassName),o.value=String(e||"");break;case"password":o=document.createElement("input"),o.type="password",o.className=b("forms-expert-input",s?.fieldClassName),o.value=String(e||"");break;case"time":o=document.createElement("input"),o.type="time",o.className=b("forms-expert-input",s?.fieldClassName),o.value=String(e||"");break;case"datetime":o=document.createElement("input"),o.type="datetime-local",o.className=b("forms-expert-input",s?.fieldClassName),o.value=String(e||"");break;case"colorPicker":o=document.createElement("input"),o.type="color",o.className="forms-expert-color",o.value=String(e||"#000000");break;case"dateRange":{let n=document.createElement("div");n.className="forms-expert-date-range";let p=e||{},d=document.createElement("input");d.type="date",d.className=b("forms-expert-input",s?.fieldClassName),d.name=`${t.name}.start`,d.value=p.start||"";let a=document.createElement("input");if(a.type="date",a.className=b("forms-expert-input",s?.fieldClassName),a.name=`${t.name}.end`,a.value=p.end||"",n.appendChild(d),n.appendChild(a),m.appendChild(n),i){let r=document.createElement("div");r.className="forms-expert-error-message",r.textContent=i,m.appendChild(r)}return l.appendChild(m),l}case"address":{let n=document.createElement("div");n.className="forms-expert-address";let p=t.addressFields||["street","city","state","zip","country"],d=e||{},a={street:"Street",street2:"Street Line 2",city:"City",state:"State",zip:"ZIP",country:"Country"};if(p.forEach(r=>{let u=document.createElement("input");u.type="text",u.className=b("forms-expert-input",s?.fieldClassName),u.name=`${t.name}.${r}`,u.placeholder=a[r]||r,u.value=d[r]||"",n.appendChild(u)}),m.appendChild(n),i){let r=document.createElement("div");r.className="forms-expert-error-message",r.textContent=i,m.appendChild(r)}return l.appendChild(m),l}case"name":{let n=document.createElement("div");n.className="forms-expert-name";let p=t.nameFields||["first","last"],d=e||{},a={prefix:"Prefix",first:"First Name",middle:"Middle",last:"Last Name",suffix:"Suffix"};if(p.forEach(r=>{let u=document.createElement("input");u.type="text",u.className=b("forms-expert-input",s?.fieldClassName),u.name=`${t.name}.${r}`,u.placeholder=a[r]||r,u.value=d[r]||"",n.appendChild(u)}),m.appendChild(n),i){let r=document.createElement("div");r.className="forms-expert-error-message",r.textContent=i,m.appendChild(r)}return l.appendChild(m),l}case"imageChoice":{let n=document.createElement("div");n.className="forms-expert-image-choice";let p=t.options||[],d=e;if(p.forEach(a=>{let r=document.createElement("button");if(r.type="button",r.className=`forms-expert-image-choice-item ${d===a.value?"active":""}`,r.dataset.value=a.value,a.imageUrl){let c=document.createElement("img");c.src=a.imageUrl,c.alt=a.label,r.appendChild(c)}let u=document.createElement("span");u.textContent=a.label,r.appendChild(u),n.appendChild(r)}),m.appendChild(n),i){let a=document.createElement("div");a.className="forms-expert-error-message",a.textContent=i,m.appendChild(a)}return l.appendChild(m),l}case"ranking":{let n=document.createElement("div");n.className="forms-expert-ranking";let p=t.options||[];if((e||[...p]).forEach((a,r)=>{let u=document.createElement("div");u.className="forms-expert-ranking-item",u.textContent=`${r+1}. ${a}`,u.dataset.value=a,n.appendChild(u)}),m.appendChild(n),i){let a=document.createElement("div");a.className="forms-expert-error-message",a.textContent=i,m.appendChild(a)}return l.appendChild(m),l}case"location":{let n=document.createElement("div");n.className="forms-expert-location";let p=e||{},d=document.createElement("input");d.type="text",d.className=b("forms-expert-input",s?.fieldClassName),d.name=`${t.name}.address`,d.placeholder="Address",d.value=p.address||"",n.appendChild(d);let a=document.createElement("div");a.className="forms-expert-location-coords";let r=document.createElement("input");r.type="number",r.className=b("forms-expert-input",s?.fieldClassName),r.name=`${t.name}.lat`,r.placeholder="Latitude",r.step="any",r.value=p.lat!==void 0?String(p.lat):"";let u=document.createElement("input");if(u.type="number",u.className=b("forms-expert-input",s?.fieldClassName),u.name=`${t.name}.lng`,u.placeholder="Longitude",u.step="any",u.value=p.lng!==void 0?String(p.lng):"",a.appendChild(r),a.appendChild(u),n.appendChild(a),m.appendChild(n),i){let c=document.createElement("div");c.className="forms-expert-error-message",c.textContent=i,m.appendChild(c)}return l.appendChild(m),l}default:o=document.createElement("input"),o.type=t.type==="email"?"email":t.type==="number"?"number":t.type==="date"?"date":"text",o.className=b("forms-expert-input",s?.fieldClassName),o.value=String(e||""),t.type==="number"&&(t.min!==void 0&&(o.min=String(t.min)),t.max!==void 0&&(o.max=String(t.max)),t.step!==void 0&&(o.step=String(t.step)));break}if(o.id=`mira-field-${t.name}`,o.name=t.name,t.placeholder&&"placeholder"in o&&(o.placeholder=t.placeholder),t.required&&(o.required=!0),i&&o.classList.add("forms-expert-error"),m.appendChild(o),i){let n=document.createElement("div");n.className="forms-expert-error-message",n.textContent=i,m.appendChild(n)}return l.appendChild(m),l}function z(t,e={},i={},s={}){let l=document.createElement("form");if(l.className="forms-expert",s.hideRequiredAsterisk){let c=document.createElement("style");c.textContent=".forms-expert .forms-expert-required { display: none; }",l.appendChild(c)}if(s.showFormName!==!1&&s.formName){let c=document.createElement("h1");c.className="forms-expert-title",c.textContent=s.formName,c.style.fontSize=s.formNameFontSize!=null?`${s.formNameFontSize}px`:"1.5rem";let h={normal:"400",medium:"500",semibold:"600",bold:"700"};c.style.fontWeight=h[s.formNameFontWeight||"bold"]||"700",c.style.marginBottom="0.5rem",l.appendChild(c)}let m=t.styling,o=t.fields,n=0;for(;n<o.length;){let c=o[n];if(c.row!=null){let h=[c],g=n+1;for(;g<o.length&&o[g].row===c.row;)h.push(o[g]),g++;if(h.length>1){let f=document.createElement("div");f.style.display="flex",f.style.gap="0.75rem",f.style.flexWrap="wrap",h.forEach(x=>{let C=document.createElement("div"),w=G(x.width);w?C.style.flex=`0 0 calc(${w} - 0.75rem)`:C.style.flex="1 1 0",C.style.minWidth="120px";let F=$(x,e[x.name],i[x.name],m);C.appendChild(F),f.appendChild(C)}),l.appendChild(f)}else{let f=$(c,e[c.name],i[c.name],m);l.appendChild(f)}n=g}else{let h=$(c,e[c.name],i[c.name],m);l.appendChild(h),n++}}if(s.honeypot){let c=document.createElement("input");c.type="text",c.name="_hp",c.className="forms-expert-honeypot",c.tabIndex=-1,c.autocomplete="off",l.appendChild(c)}let p=document.createElement("input");p.type="hidden",p.name="pageUrl",p.value=typeof window<"u"?window.location.href:"",l.appendChild(p);let d=document.createElement("div");d.className="forms-expert-button-wrapper";let a=document.createElement("button");if(a.type="submit",a.className=b("forms-expert-button",s.buttonClassName),a.disabled=s.isLoading||!1,s.isLoading)a.innerHTML=`
+`.trim()}function E(t){let e=document.createElement("div");return e.textContent=t,e.innerHTML}function j(t){switch(t){case"small":return"18px";case"large":return"30px";case"extra-large":return"36px";default:return"24px"}}function _(t){switch(t){case"small":return"14px";case"large":return"18px";default:return"16px"}}function b(t,e){return e?`${t} ${e}`:t}function G(t){switch(t){case"1/4":return"25%";case"1/3":return"33.333%";case"1/2":return"50%";case"2/3":return"66.666%";case"3/4":return"75%";case"full":return"100%";default:return}}function $(t,e,i,s){let l=document.createElement("div");if(t.type==="heading"){l.className="forms-expert-group";let n=document.createElement("h3");if(n.className="forms-expert-heading",n.style.fontSize=j(s?.headingSize),n.textContent=t.label||"",l.appendChild(n),t.content){let p=document.createElement("p");p.className="forms-expert-heading-subtitle",p.textContent=t.content,l.appendChild(p)}return l}if(t.type==="divider"){let n=document.createElement("hr");return n.className="forms-expert-divider",n}if(t.type==="paragraph"){l.className="forms-expert-group";let n=t.paragraphFontSize?`${t.paragraphFontSize}px`:_(s?.paragraphSize);if(t.label){let p=document.createElement("p");p.className="forms-expert-paragraph-label",p.style.fontSize=n,p.textContent=t.label,l.appendChild(p)}if(t.content){let p=document.createElement("div");p.className="forms-expert-paragraph",p.style.fontSize=n,p.innerHTML=t.content,l.appendChild(p)}return l}if(t.type==="hidden"){let n=document.createElement("input");return n.type="hidden",n.name=t.name,n.value=String(t.defaultValue??e??""),l.appendChild(n),l.style.display="none",l}if(t.type==="checkbox"||t.type==="toggle"||t.type==="consent"){l.className="forms-expert-checkbox-group";let n=document.createElement("input");n.type="checkbox",n.id=`mira-field-${t.name}`,n.name=t.name,n.className="forms-expert-checkbox",n.checked=!!e,t.required&&(n.required=!0);let p=document.createElement("div"),d=document.createElement("label");d.htmlFor=n.id,d.style.cursor="pointer",t.type==="consent"&&t.consentFontSize&&(d.style.fontSize=`${t.consentFontSize}px`);let a=t.type==="consent"?t.consentText||t.label||t.name:t.label||t.name;if(d.innerHTML=`${E(a)}${t.required?'<span class="forms-expert-required">*</span>':""}`,p.appendChild(d),t.type==="consent"&&t.consentUrl){let r=document.createElement("a");r.href=t.consentUrl,r.target="_blank",r.rel="noopener noreferrer",r.textContent="View policy",r.className="forms-expert-consent-link",p.appendChild(r)}if(l.appendChild(n),l.appendChild(p),i){let r=document.createElement("div");r.className="forms-expert-error-message",r.textContent=i,l.appendChild(r)}return l}if(l.className="forms-expert-group",t.label){let n=document.createElement("label");n.className=`forms-expert-label${s?.labelClassName?" "+s.labelClassName:""}`,n.htmlFor=`mira-field-${t.name}`,n.innerHTML=`${E(t.label)}${t.required?'<span class="forms-expert-required">*</span>':""}`,l.appendChild(n)}let m=document.createElement("div");m.className="forms-expert-input-wrapper";let o;switch(t.type){case"textarea":case"richText":o=document.createElement("textarea"),o.className=b("forms-expert-textarea",s?.fieldClassName),o.value=String(e||""),t.maxLength&&(o.maxLength=t.maxLength);break;case"select":case"dropdown":{o=document.createElement("select"),o.className=b("forms-expert-select",s?.fieldClassName);let n=document.createElement("option");n.value="",n.textContent=t.placeholder||"Select an option...",o.appendChild(n),(t.options||[]).forEach(d=>{let a=document.createElement("option");a.value=d,a.textContent=d,e===d&&(a.selected=!0),o.appendChild(a)});break}case"radio":{let n=document.createElement("div");if(n.className="forms-expert-radio-group",(t.options||[]).forEach(d=>{let a=document.createElement("label");a.className="forms-expert-radio-item";let r=document.createElement("input");r.type="radio",r.name=t.name,r.value=d,r.checked=e===d,a.appendChild(r),a.appendChild(document.createTextNode(` ${d}`)),n.appendChild(a)}),m.appendChild(n),i){let d=document.createElement("div");d.className="forms-expert-error-message",d.textContent=i,m.appendChild(d)}return l.appendChild(m),l}case"multiselect":{let n=document.createElement("div");n.className="forms-expert-multiselect-group";let p=e||[];if((t.options||[]).forEach(a=>{let r=document.createElement("label");r.className="forms-expert-checkbox-item";let u=document.createElement("input");u.type="checkbox",u.name=t.name,u.value=a,u.checked=p.includes(a),r.appendChild(u),r.appendChild(document.createTextNode(` ${a}`)),n.appendChild(r)}),m.appendChild(n),i){let a=document.createElement("div");a.className="forms-expert-error-message",a.textContent=i,m.appendChild(a)}return l.appendChild(m),l}case"rating":{let n=document.createElement("div");n.className="forms-expert-rating";let p=t.ratingMax||5,d=e||0;for(let a=1;a<=p;a++){let r=document.createElement("button");r.type="button",r.className=`forms-expert-rating-star ${a<=d?"active":""}`,r.textContent="\u2605",r.dataset.value=String(a),n.appendChild(r)}if(m.appendChild(n),i){let a=document.createElement("div");a.className="forms-expert-error-message",a.textContent=i,m.appendChild(a)}return l.appendChild(m),l}case"scale":case"opinionScale":{let n=document.createElement("div");n.className="forms-expert-scale";let p=t.min??(t.type==="opinionScale"?0:1),d=t.max??(t.type==="opinionScale"?10:5),a=e;for(let r=p;r<=d;r++){let u=document.createElement("button");u.type="button",u.className=`forms-expert-scale-btn ${a===r?"active":""}`,u.textContent=String(r),u.dataset.value=String(r),n.appendChild(u)}if(m.appendChild(n),t.lowLabel||t.highLabel){let r=document.createElement("div");r.className="forms-expert-scale-labels",r.innerHTML=`<span>${E(t.lowLabel||"")}</span><span>${E(t.highLabel||"")}</span>`,m.appendChild(r)}if(i){let r=document.createElement("div");r.className="forms-expert-error-message",r.textContent=i,m.appendChild(r)}return l.appendChild(m),l}case"slider":{o=document.createElement("input"),o.type="range",o.className="forms-expert-slider",o.min=String(t.min??0),o.max=String(t.max??100),o.step=String(t.step??1),o.value=String(e??t.min??0);break}case"file":o=document.createElement("input"),o.type="file",o.className="forms-expert-file",t.allowedMimeTypes?.length&&(o.accept=t.allowedMimeTypes.join(",")),t.multiple&&(o.multiple=!0);break;case"currency":{o=document.createElement("input"),o.type="number",o.className=b("forms-expert-input",s?.fieldClassName),o.value=String(e??""),t.min!==void 0&&(o.min=String(t.min)),t.max!==void 0&&(o.max=String(t.max)),o.step=String(t.step||.01);break}case"phone":o=document.createElement("input"),o.type="tel",o.className=b("forms-expert-input",s?.fieldClassName),o.value=String(e||"");break;case"url":o=document.createElement("input"),o.type="url",o.className=b("forms-expert-input",s?.fieldClassName),o.value=String(e||"");break;case"password":o=document.createElement("input"),o.type="password",o.className=b("forms-expert-input",s?.fieldClassName),o.value=String(e||"");break;case"time":o=document.createElement("input"),o.type="time",o.className=b("forms-expert-input",s?.fieldClassName),o.value=String(e||"");break;case"datetime":o=document.createElement("input"),o.type="datetime-local",o.className=b("forms-expert-input",s?.fieldClassName),o.value=String(e||"");break;case"colorPicker":o=document.createElement("input"),o.type="color",o.className="forms-expert-color",o.value=String(e||"#000000");break;case"dateRange":{let n=document.createElement("div");n.className="forms-expert-date-range";let p=e||{},d=document.createElement("input");d.type="date",d.className=b("forms-expert-input",s?.fieldClassName),d.name=`${t.name}.start`,d.value=p.start||"";let a=document.createElement("input");if(a.type="date",a.className=b("forms-expert-input",s?.fieldClassName),a.name=`${t.name}.end`,a.value=p.end||"",n.appendChild(d),n.appendChild(a),m.appendChild(n),i){let r=document.createElement("div");r.className="forms-expert-error-message",r.textContent=i,m.appendChild(r)}return l.appendChild(m),l}case"address":{let n=document.createElement("div");n.className="forms-expert-address";let p=t.addressFields||["street","city","state","zip","country"],d=e||{},a={street:"Street",street2:"Street Line 2",city:"City",state:"State",zip:"ZIP",country:"Country"};if(p.forEach(r=>{let u=document.createElement("input");u.type="text",u.className=b("forms-expert-input",s?.fieldClassName),u.name=`${t.name}.${r}`,u.placeholder=a[r]||r,u.value=d[r]||"",n.appendChild(u)}),m.appendChild(n),i){let r=document.createElement("div");r.className="forms-expert-error-message",r.textContent=i,m.appendChild(r)}return l.appendChild(m),l}case"name":{let n=document.createElement("div");n.className="forms-expert-name";let p=t.nameFields||["first","last"],d=e||{},a={prefix:"Prefix",first:"First Name",middle:"Middle",last:"Last Name",suffix:"Suffix"};if(p.forEach(r=>{let u=document.createElement("input");u.type="text",u.className=b("forms-expert-input",s?.fieldClassName),u.name=`${t.name}.${r}`,u.placeholder=a[r]||r,u.value=d[r]||"",n.appendChild(u)}),m.appendChild(n),i){let r=document.createElement("div");r.className="forms-expert-error-message",r.textContent=i,m.appendChild(r)}return l.appendChild(m),l}case"imageChoice":{let n=document.createElement("div");n.className="forms-expert-image-choice";let p=t.options||[],d=e;if(p.forEach(a=>{let r=document.createElement("button");if(r.type="button",r.className=`forms-expert-image-choice-item ${d===a.value?"active":""}`,r.dataset.value=a.value,a.imageUrl){let c=document.createElement("img");c.src=a.imageUrl,c.alt=a.label,r.appendChild(c)}let u=document.createElement("span");u.textContent=a.label,r.appendChild(u),n.appendChild(r)}),m.appendChild(n),i){let a=document.createElement("div");a.className="forms-expert-error-message",a.textContent=i,m.appendChild(a)}return l.appendChild(m),l}case"ranking":{let n=document.createElement("div");n.className="forms-expert-ranking";let p=t.options||[];if((e||[...p]).forEach((a,r)=>{let u=document.createElement("div");u.className="forms-expert-ranking-item",u.textContent=`${r+1}. ${a}`,u.dataset.value=a,n.appendChild(u)}),m.appendChild(n),i){let a=document.createElement("div");a.className="forms-expert-error-message",a.textContent=i,m.appendChild(a)}return l.appendChild(m),l}case"location":{let n=document.createElement("div");n.className="forms-expert-location";let p=e||{},d=document.createElement("input");d.type="text",d.className=b("forms-expert-input",s?.fieldClassName),d.name=`${t.name}.address`,d.placeholder="Address",d.value=p.address||"",n.appendChild(d);let a=document.createElement("div");a.className="forms-expert-location-coords";let r=document.createElement("input");r.type="number",r.className=b("forms-expert-input",s?.fieldClassName),r.name=`${t.name}.lat`,r.placeholder="Latitude",r.step="any",r.value=p.lat!==void 0?String(p.lat):"";let u=document.createElement("input");if(u.type="number",u.className=b("forms-expert-input",s?.fieldClassName),u.name=`${t.name}.lng`,u.placeholder="Longitude",u.step="any",u.value=p.lng!==void 0?String(p.lng):"",a.appendChild(r),a.appendChild(u),n.appendChild(a),m.appendChild(n),i){let c=document.createElement("div");c.className="forms-expert-error-message",c.textContent=i,m.appendChild(c)}return l.appendChild(m),l}default:o=document.createElement("input"),o.type=t.type==="email"?"email":t.type==="number"?"number":t.type==="date"?"date":"text",o.className=b("forms-expert-input",s?.fieldClassName),o.value=String(e||""),t.type==="number"&&(t.min!==void 0&&(o.min=String(t.min)),t.max!==void 0&&(o.max=String(t.max)),t.step!==void 0&&(o.step=String(t.step)));break}if(o.id=`mira-field-${t.name}`,o.name=t.name,t.placeholder&&"placeholder"in o&&(o.placeholder=t.placeholder),t.required&&(o.required=!0),i&&o.classList.add("forms-expert-error"),m.appendChild(o),i){let n=document.createElement("div");n.className="forms-expert-error-message",n.textContent=i,m.appendChild(n)}return l.appendChild(m),l}function z(t,e={},i={},s={}){let l=document.createElement("form");if(l.className="forms-expert",s.hideRequiredAsterisk){let c=document.createElement("style");c.textContent=".forms-expert .forms-expert-required { display: none; }",l.appendChild(c)}if(s.showFormName!==!1&&s.formName){let c=document.createElement("h1");c.className="forms-expert-title",c.textContent=s.formName,c.style.fontSize=s.formNameFontSize!=null?`${s.formNameFontSize}px`:"1.5rem";let h={normal:"400",medium:"500",semibold:"600",bold:"700"};c.style.fontWeight=h[s.formNameFontWeight||"bold"]||"700",c.style.marginBottom="0.5rem",l.appendChild(c)}let m=t.styling,o=t.fields,n=0;for(;n<o.length;){let c=o[n];if(c.row!=null){let h=[c],g=n+1;for(;g<o.length&&o[g].row===c.row;)h.push(o[g]),g++;if(h.length>1){let f=document.createElement("div");f.style.display="flex",f.style.gap="0.75rem",f.style.flexWrap="wrap",h.forEach(x=>{let C=document.createElement("div"),w=G(x.width);w?C.style.flex=`0 0 calc(${w} - 0.75rem)`:C.style.flex="1 1 0",C.style.minWidth="180px";let F=$(x,e[x.name],i[x.name],m);C.appendChild(F),f.appendChild(C)}),l.appendChild(f)}else{let f=$(c,e[c.name],i[c.name],m);l.appendChild(f)}n=g}else{let h=$(c,e[c.name],i[c.name],m);l.appendChild(h),n++}}if(s.honeypot){let c=document.createElement("input");c.type="text",c.name="_hp",c.className="forms-expert-honeypot",c.tabIndex=-1,c.autocomplete="off",l.appendChild(c)}let p=document.createElement("input");p.type="hidden",p.name="pageUrl",p.value=typeof window<"u"?window.location.href:"",l.appendChild(p);let d=document.createElement("div");d.className="forms-expert-button-wrapper";let a=document.createElement("button");if(a.type="submit",a.className=b("forms-expert-button",s.buttonClassName),a.disabled=s.isLoading||!1,s.isLoading)a.innerHTML=`
       <span class="forms-expert-button-loading">
         <span class="forms-expert-spinner"></span>
         Submitting...