voc-lib-js 1.0.51 → 1.0.53

package/dist/main.d.mts

@@ -65,7 +65,7 @@ interface RenderedForm {
     onSubmit: (callback: (data: globalThis.FormData | Record<string, any>, event: Event) => void) => void;
 }
 type RenderOptions = {
-    onSubmit?: (result: any, error?: any) => void;
+    onSubmit?: (data: any, error?: any) => void;
     onSubmitResult?: (response: any, error: Error | string | null) => void;
     enableAutoSubmit?: boolean;
     style?: "bootstrap" | undefined | null;

package/dist/main.d.ts

@@ -65,7 +65,7 @@ interface RenderedForm {
     onSubmit: (callback: (data: globalThis.FormData | Record<string, any>, event: Event) => void) => void;
 }
 type RenderOptions = {
-    onSubmit?: (result: any, error?: any) => void;
+    onSubmit?: (data: any, error?: any) => void;
     onSubmitResult?: (response: any, error: Error | string | null) => void;
     enableAutoSubmit?: boolean;
     style?: "bootstrap" | undefined | null;

package/dist/main.global.js

@@ -1,2 +1,2 @@
-"use strict";var VocLibJs=(()=>{var j=Object.defineProperty;var Q=Object.getOwnPropertyDescriptor;var X=Object.getOwnPropertyNames;var Y=Object.prototype.hasOwnProperty;var Z=(s,b)=>{for(var f in b)j(s,f,{get:b[f],enumerable:!0})},ee=(s,b,f,v)=>{if(b&&typeof b=="object"||typeof b=="function")for(let d of X(b))!Y.call(s,d)&&d!==f&&j(s,d,{get:()=>b[d],enumerable:!(v=Q(b,d))||v.enumerable});return s};var te=s=>ee(j({},"__esModule",{value:!0}),s);var oe={};Z(oe,{FormsLib:()=>ne,default:()=>re});function z(s,b,f){let v=b?.style==="bootstrap",d=document.createElement("div");d.className="voc-form-avatar-wrapper",v&&d.classList.add("d-flex","align-items-center","gap-3");let m=document.createElement("img");m.className="voc-form-avatar-preview",m.alt=s.label||"avatar",v&&(m.classList.add("img-thumbnail","rounded-circle"),m.style.width=m.style.height="64px",m.style.objectFit="cover");let E=f!=null?String(f):s.default!==void 0&&s.default!==null?String(s.default):"";E?m.src=E:(m.src="",m.style.display="none");let c=document.createElement("input");c.type="file",c.accept=s.accept||"image/*",c.className="voc-form-avatar-input",v&&c.classList.add("form-control"),(s.key||s.name)&&(c.name=s.name||s.key,s.key&&(c.id=`voc-form-${s.key}`));let h=document.createElement("input");if(h.type="hidden",(s.key||s.name)&&(h.name=(s.name||s.key)+"_url"),h.value=E||"",c.addEventListener("change",y=>{let u=y.target;if(u.files&&u.files.length>0){let N=u.files[0],C=new FileReader;C.onload=()=>{m.src=String(C.result),m.style.display="",h.value=""},C.readAsDataURL(N)}}),v){let y=document.createElement("div");y.style.flex="1",y.appendChild(c),y.appendChild(h),d.appendChild(m),d.appendChild(y)}else d.appendChild(m),d.appendChild(c),d.appendChild(h);return d}function P(s,b,f){let v=b?.style==="bootstrap",d=document.createElement("div");if(d.className="voc-form-audio-select",!s.options||s.options.length===0)return d;let m=s.name||s.key||`audio_select_${Math.random().toString(36).substr(2,6)}`,E;return Array.isArray(f)?E=f[0]:f!==void 0?E=f:s.default!==void 0&&(E=s.default),s.options.forEach((c,h)=>{let y=document.createElement("div");y.className="voc-form-audio-item",v&&y.classList.add("form-check");let u=document.createElement("input");u.type="radio",u.name=m,u.value=c.value,u.className="voc-form-audio-radio",s.key&&(u.id=`voc-form-${s.key}-${h}`),s.required&&h===0&&(u.required=!0),u.style.position="absolute",u.style.width="1px",u.style.height="1px",u.style.margin="0",u.style.padding="0",u.style.clip="rect(0 0 0 0)",u.style.clipPath="inset(50%)",u.style.overflow="hidden",u.style.border="0",E!==void 0&&(Array.isArray(E)?u.checked=E.includes(c.value):u.checked=String(E)===String(c.value));let N=()=>{u.checked?y.classList.add("selected"):y.classList.remove("selected")};u.addEventListener("change",()=>{d.querySelectorAll(".voc-form-audio-item").forEach(a=>a.classList.remove("selected")),N()}),u.checked&&y.classList.add("selected");let C=document.createElement("label");C.className="voc-form-audio-label",v&&C.classList.add("form-check-label"),C.htmlFor=u.id||"",C.textContent=c.label||c.value,C.tabIndex=0;let e=document.createElement("div");e.className="voc-form-audio-control";let p=null;if(c.audio_link){let t=document.createElement("button");t.type="button",t.className="voc-form-audio-play",v&&t.classList.add("btn","btn-sm","btn-outline-secondary"),t.setAttribute("aria-label",`Play ${c.label||c.value}`);let a="http://www.w3.org/2000/svg",i=document.createElementNS(a,"svg");i.setAttribute("viewBox","0 0 24 24"),i.setAttribute("width","16"),i.setAttribute("height","16"),i.setAttribute("aria-hidden","true");let n=document.createElementNS(a,"path");n.setAttribute("d","M8 5v14l11-7z"),n.setAttribute("fill","currentColor"),i.appendChild(n),t.appendChild(i),p=document.createElement("audio"),p.src=c.audio_link,p.preload="none",p.style.display="none";let o=l=>{for(;l.firstChild;)l.removeChild(l.firstChild)},x=()=>{let l="http://www.w3.org/2000/svg",M=document.createElementNS(l,"svg");M.setAttribute("viewBox","0 0 24 24"),M.setAttribute("width","16"),M.setAttribute("height","16"),M.setAttribute("aria-hidden","true");let T=document.createElementNS(l,"path");return T.setAttribute("d","M8 5v14l11-7z"),T.setAttribute("fill","currentColor"),M.appendChild(T),M},A=()=>{let l="http://www.w3.org/2000/svg",M=document.createElementNS(l,"svg");M.setAttribute("viewBox","0 0 24 24"),M.setAttribute("width","16"),M.setAttribute("height","16"),M.setAttribute("aria-hidden","true");let T=document.createElementNS(l,"rect");return T.setAttribute("x","6"),T.setAttribute("y","6"),T.setAttribute("width","12"),T.setAttribute("height","12"),T.setAttribute("fill","currentColor"),M.appendChild(T),M};o(t),t.appendChild(x());let $=l=>{o(t),l?(t.appendChild(A()),t.setAttribute("aria-label",`Stop ${c.label||c.value}`)):(t.appendChild(x()),t.setAttribute("aria-label",`Play ${c.label||c.value}`))};t.addEventListener("click",()=>{try{if(!p)return;let l=d.querySelectorAll("audio");if(!p.paused&&!p.ended){p.pause(),p.currentTime=0;return}l.forEach(T=>{try{T.pause(),T.currentTime=0}catch{}}),d.querySelectorAll(".voc-form-audio-item").forEach(T=>T.classList.remove("is-playing")),p.play()}catch(l){console.warn("audio play failed",l)}}),p.addEventListener("playing",()=>{y.classList.add("is-playing"),$(!0)});let R=()=>{y.classList.remove("is-playing"),$(!1)};p.addEventListener("pause",R),p.addEventListener("ended",R),e.appendChild(t),e.appendChild(p)}let w=document.createElement("div");w.className="voc-form-item-detail",w.style.display="flex",w.style.flexDirection="column",w.style.gap="4px";let r=document.createElement("div");r.className="voc-form-item-top",r.style.display="flex",r.style.alignItems="center",r.style.gap="8px",r.appendChild(u),r.appendChild(C);let L=document.createElement("div");L.className="voc-form-item-description";let k=c.description||c.hint_text||"";k&&(L.textContent=k),w.appendChild(r),w.appendChild(L),e.appendChild(w),y.appendChild(e),r.addEventListener("click",t=>{let a=t.target;a&&a.closest(".voc-form-audio-play")||(u.checked=!0,u.dispatchEvent(new Event("change",{bubbles:!0})))}),y.addEventListener("click",t=>{let a=t.target;a&&a.closest(".voc-form-audio-play")||(u.checked=!0,u.dispatchEvent(new Event("change",{bubbles:!0})))}),d.appendChild(y)}),d}function V(s,b,f){let v=document.createElement("div");v.className="voc-form-table-wrapper";let d=b?.style==="bootstrap",m=document.createElement("input");m.type="hidden",m.name=s.name||s.key,s.key&&(m.id=`voc-form-${s.key}`),v.appendChild(m);let E=document.createElement("table");E.className="voc-form-table",d&&E.classList.add("table","table-bordered");let c=document.createElement("thead"),h=document.createElement("tr"),y=document.createElement("th");y.className="voc-form-table-drag-col",y.textContent="",h.appendChild(y),(s.fields||[]).forEach(a=>{let i=document.createElement("th");i.textContent=a.label||a.key,h.appendChild(i)});let u=document.createElement("th");u.textContent="Actions",h.appendChild(u),c.appendChild(h),E.appendChild(c);let N=document.createElement("tbody");E.appendChild(N),v.appendChild(E);let C=document.createElement("button");C.type="button",C.className="voc-form-table-add",d&&C.classList.add("btn","btn-secondary"),C.textContent="+Add";let e=document.createElement("tfoot"),p=document.createElement("tr"),w=document.createElement("td");w.colSpan=(s.fields?s.fields.length:0)+1,w.appendChild(C),p.appendChild(w),e.appendChild(p),E.appendChild(e),v.appendChild(E);let r=[];function L(){m.value=JSON.stringify(r)}function k(a){let i=[];return s.fields.forEach(n=>{let o=a[n.key];if(n.type==="checkbox"){let x=Array.isArray(o)?o:o?[o]:[];n.required&&x.length===0&&i.push(`${n.label||n.key} is required`);return}n.required&&(o==null||String(o).trim()==="")&&i.push(`${n.label||n.key} is required`),n.type==="email"&&o&&(/^\S+@\S+\.\S+$/.test(String(o))||i.push(`${n.label||n.key} must be a valid email`)),n.type==="number"&&o&&isNaN(Number(o))&&i.push(`${n.label||n.key} must be a number`),n.validation&&n.validation.regex&&o&&(new RegExp(n.validation.regex).test(String(o))||i.push(`${n.label||n.key} invalid format`))}),i}function t(){N.innerHTML="";let a=(i,n)=>{n.draggable=!0,n.addEventListener("mousedown",()=>{n.style.cursor="grabbing"}),n.addEventListener("mouseup",()=>{n.style.cursor="grab"}),n.addEventListener("dragstart",o=>{let x=Number(i.dataset.rowIndex);o.dataTransfer.setData("text/plain",String(x)),i.classList.add("dragging");try{o.dataTransfer?.setDragImage(n,10,10)}catch{}}),n.addEventListener("dragend",()=>{i.classList.remove("dragging"),n.style.cursor="grab"}),i.addEventListener("dragover",o=>{o.preventDefault(),o.currentTarget.classList.add("drag-over")}),i.addEventListener("dragleave",o=>{o.currentTarget.classList.remove("drag-over")}),i.addEventListener("drop",o=>{o.preventDefault();let x=o.dataTransfer.getData("text/plain"),A=Number(o.currentTarget.dataset.rowIndex),$=Number(x);if(!isNaN($)&&!isNaN(A)&&$!==A){let[R]=r.splice($,1);r.splice(A,0,R),t(),L()}})};r.forEach((i,n)=>{let o=document.createElement("tr");o.dataset.rowIndex=String(n),o.classList.add("voc-form-table-row");let x=document.createElement("td");x.className="voc-form-table-drag-handle";let A=document.createElement("span");A.className="voc-form-drag-handle-icon",A.textContent="\u2630",A.style.cursor="grab",x.appendChild(A),o.appendChild(x),a(o,A),s.fields.forEach(l=>{let M=document.createElement("td"),T,q=(l.type||"text").toLowerCase();if(q==="select"){let g=document.createElement("select");if(g.className="voc-form-table-cell",d&&g.classList.add("form-control"),l.placeholder){let F=document.createElement("option");F.value="",F.textContent=l.placeholder,F.disabled=!0,(i[l.key]===void 0||i[l.key]===null||i[l.key]==="")&&(F.selected=!0),g.appendChild(F)}(l.options||[]).forEach(F=>{let D=document.createElement("option");D.value=F.value,D.textContent=F.label,g.appendChild(D)}),g.value=i[l.key]!==void 0&&i[l.key]!==null?String(i[l.key]):"",l.required&&(g.required=!0),g.addEventListener("change",F=>{r[n][l.key]=F.target.value,L()}),T=g}else if(q==="checkbox"){let g=document.createElement("div");g.className="voc-form-table-checkboxes",d&&g.classList.add("form-check");let B=l.options||[];Array.isArray(r[n][l.key])||(r[n][l.key]=r[n][l.key]?[r[n][l.key]]:[]),B.forEach(F=>{let D=`voc-form-${s.key}-${l.key}-${n}-${F.value}`,_=document.createElement("div");_.className="voc-form-table-checkbox-item",d&&_.classList.add("form-check");let S=document.createElement("input");S.type="checkbox",S.className="voc-form-table-cell",d&&S.classList.add("form-check-input"),S.id=D,S.value=F.value,S.checked=Array.isArray(r[n][l.key])&&r[n][l.key].includes(F.value),S.addEventListener("change",O=>{let U=O.target.checked;Array.isArray(r[n][l.key])||(r[n][l.key]=[]),U?r[n][l.key].includes(F.value)||r[n][l.key].push(F.value):r[n][l.key]=r[n][l.key].filter(K=>K!==F.value),L()});let H=document.createElement("label");H.htmlFor=D,H.className="voc-form-table-checkbox-label",d&&H.classList.add("form-check-label"),H.textContent=F.label,_.appendChild(S),_.appendChild(H),g.appendChild(_)}),T=g}else if(q==="radio"){let g=document.createElement("div");g.className="voc-form-table-radios",d&&g.classList.add("form-check");let B=l.options||[];r[n][l.key]===void 0&&(r[n][l.key]=""),B.forEach(F=>{let D=`voc-form-${s.key}-${l.key}-${n}-${F.value}`,_=document.createElement("div");_.className="voc-form-table-radio-item",d&&_.classList.add("form-check");let S=document.createElement("input");S.type="radio",S.className="voc-form-table-cell",d&&S.classList.add("form-check-input"),S.id=D,S.name=`voc-form-${s.key}-${l.key}-${n}`,S.value=F.value,S.checked=r[n][l.key]===F.value,S.addEventListener("change",O=>{O.target.checked&&(r[n][l.key]=O.target.value,L())});let H=document.createElement("label");H.htmlFor=D,H.className="voc-form-table-radio-label",d&&H.classList.add("form-check-label"),H.textContent=F.label,_.appendChild(S),_.appendChild(H),g.appendChild(_)}),T=g}else{let g=document.createElement("input");q==="number"?g.type="number":q==="email"?g.type="email":q==="tel"?g.type="tel":q==="url"?g.type="url":q==="date"?g.type="date":g.type="text",g.value=i[l.key]!==void 0&&i[l.key]!==null?String(i[l.key]):"",l.placeholder&&(g.placeholder=l.placeholder),l.required&&(g.required=!0),g.className="voc-form-table-cell",d&&g.classList.add("form-control"),g.addEventListener("input",B=>{r[n][l.key]=B.target.value,L()}),T=g}M.appendChild(T),o.appendChild(M)});let $=document.createElement("td"),R=document.createElement("button");R.type="button",R.className="voc-form-table-remove",d&&R.classList.add("btn","btn-danger"),R.textContent="Remove",R.addEventListener("click",()=>{r.splice(n,1),t(),L()}),$.appendChild(R),o.appendChild($),N.appendChild(o)})}return C.addEventListener("click",()=>{if(s.validation?.max_rows!==void 0&&r.length>=s.validation.max_rows)return;let a={};s.fields.forEach(i=>a[i.key]=""),r.push(a),t(),L()}),Array.isArray(f)&&f.length?r=f.map(a=>({...a})):s.default&&Array.isArray(s.default)&&(r=s.default.map(a=>({...a}))),t(),L(),v.validate=function(){let a=[];return r.forEach((i,n)=>{let o=k(i);o.length&&a.push(`Row ${n+1}: ${o.join("; ")}`)}),s.validation?.min_rows!==void 0&&r.length<s.validation.min_rows&&a.push(`At least ${s.validation.min_rows} rows required`),s.validation?.max_rows!==void 0&&r.length>s.validation.max_rows&&a.push(`No more than ${s.validation.max_rows} rows allowed`),s.validation?.unique_fields&&s.validation.unique_fields.length&&s.validation.unique_fields.forEach(i=>{let n=new Set;r.forEach((o,x)=>{let A=o[i];A!=null&&(n.has(A)&&a.push(`Field ${i} must be unique (duplicate at row ${x+1})`),n.add(A))})}),a},v}function I(s,b=!0){let f=new FormData(s);if(b)return ae(f);let v={};return f.forEach((d,m)=>{let E=(d instanceof File,d);Object.prototype.hasOwnProperty.call(v,m)?Array.isArray(v[m])?v[m].push(E):v[m]=[v[m],E]:v[m]=E}),v}function ae(s){let b=new FormData;for(let[f,v]of s.entries()){if(v instanceof File){b.append(f,v);continue}let d;try{d=JSON.parse(v)}catch{d=null}Array.isArray(d)&&d.every(m=>typeof m=="object"&&m!==null)?d.forEach((m,E)=>{for(let[c,h]of Object.entries(m))b.append(`${f}[${E}][${c}]`,h)}):b.append(f,v)}return b}async function G(s,b,f){let v=b.url,d={"Content-Type":"application/json"};b?.api_token&&(d.Authorization=`Bearer ${b.api_token}`);let m=I(s);if(b?.additional_data)for(let[h,y]of Object.entries(b.additional_data))m.append(h,y);let E,c=m instanceof FormData;E={method:"POST",headers:{Authorization:`Bearer ${b.api_token}`,...c?{}:{"Content-Type":"application/json"},Accept:"application/json"},body:c?m:JSON.stringify(Object.fromEntries(m.entries()))};try{fetch(v,E).then(async h=>{let y=h.headers.get("content-type");if(!h.ok)try{let N=(await h.json())?.message;throw new Error(N??"Their was an error submitting the form. Check your form and try again.")}catch(u){throw new Error(u.message)}return y&&y.includes("application/json")?h.json():h.text()}).then(h=>{f&&f(h,null)}).catch(h=>{f&&f(null,h)})}catch(h){f&&f(null,h)}}function J(s,b,f){let v=[];if(typeof s=="string"?v=Array.from(document.querySelectorAll(s)):v=[s],v.length===0)return null;function d(){let c=f?.style==="bootstrap",h=document.createElement("form");h.classList.add("voc-form"),c&&h.classList.add("needs-validation"),h.id=b.id;let y=document.createElement("h2");y.className="voc-form-title",c&&y.classList.add("mb-3"),y.textContent=b.form_name,h.appendChild(y);function u(e,p){p&&(p.min_length!==void 0&&(e.minLength=p.min_length),p.max_length!==void 0&&(e.maxLength=p.max_length),p.regex&&(e instanceof HTMLInputElement?e.pattern=p.regex:e.dataset.pattern=p.regex))}function N(e){if(!e.key&&!e.label)return null;let p=b.default_values||{},w=e.name||e.key,r=w?p[w]:void 0,L=document.createElement("div");if(L.className="voc-form-group",c&&L.classList.add("mb-3"),e.label){let t=document.createElement("label");if(t.classList.add("voc-form-label"),c&&t.classList.add("form-label"),e.key?e.type==="radio"?t.htmlFor="":t.htmlFor=`voc-form-${e.key}`:t.htmlFor="",t.textContent=e.label,e.required){let a=document.createElement("span");a.className="voc-form-required",a.textContent="*",t.appendChild(a)}L.appendChild(t)}let k=null;switch(e.type){case"checkbox":{let t=document.createElement("div");if(t.className="voc-form-checkbox-group "+(e.direction||"vertical"),e.width&&(t.style.width=e.width),e.options)e.options.forEach((a,i)=>{let n=document.createElement("label");n.classList.add("voc-form-checkbox-label"),c&&n.classList.add("form-check"),n.style.display=e.direction==="horizontal"?"inline-block":"block",e.width&&(n.style.width=e.width);let o=document.createElement("input");o.type="checkbox",o.classList.add("voc-form-checkbox"),c&&o.classList.add("form-check-input"),o.name=e.name||e.key||"",o.value=a.value,e.key&&(o.id=`voc-form-${e.key}-${i}`),e.required&&(o.required=!0),Array.isArray(r)?r.includes(a.value)&&(o.checked=!0):r!==void 0?r===a.value&&(o.checked=!0):e.default===a.value&&(o.checked=!0),n.appendChild(o),n.appendChild(document.createTextNode(a.label)),t.appendChild(n)});else{let a=document.createElement("label");a.classList.add("voc-form-checkbox-label"),c&&a.classList.add("form-check"),e.width&&(a.style.width=e.width);let i=document.createElement("input");i.type="checkbox",i.classList.add("voc-form-checkbox"),(e.key||e.name)&&(i.name=e.name||e.key,e.key&&(i.id=`voc-form-${e.key}`)),c&&i.classList.add("form-check-input"),e.required&&(i.required=!0),r!==void 0?i.checked=!!r:e.default&&(i.checked=!!e.default),a.appendChild(i),a.appendChild(document.createTextNode(e.label||"")),t.appendChild(a)}k=t;break}case"textarea":{let t=document.createElement("textarea");t.classList.add("voc-form-textarea"),c&&t.classList.add("form-control"),(e.key||e.name)&&(t.name=e.name||e.key,e.key&&(t.id=`voc-form-${e.key}`)),e.placeholder&&(t.placeholder=e.placeholder),r!=null?t.value=String(r):e.default!==void 0&&e.default!==null&&(t.value=String(e.default));let a=e.default||r||"";if(a){let i=(a.match(/\n/g)||[]).length,n=80,o=a.split(`
-`).reduce(($,R)=>Math.max($,R.length),0),x=Math.ceil(o/n)||1,A=Math.max(2,i+x);t.rows=A,t.style.resize="vertical"}e.width&&(t.style.width=e.width),e.required&&(t.required=!0),u(t,e.validation),k=t;break}case"select":{let t=document.createElement("select");if(t.classList.add("voc-form-select"),c&&t.classList.add("form-select"),c&&t.classList.add("form-control"),(e.key||e.name)&&(t.name=e.name||e.key,e.key&&(t.id=`voc-form-${e.key}`)),e.placeholder){let a=document.createElement("option");a.value="",a.textContent=e.placeholder,a.disabled=!0,a.selected=!0,t.appendChild(a)}e.required&&(t.required=!0),e.options&&e.options.forEach(a=>{let i=document.createElement("option");i.value=a.value,i.textContent=a.label,Array.isArray(r)?r.includes(a.value)&&(i.selected=!0):r!==void 0?r===a.value&&(i.selected=!0):e.default===a.value&&(i.selected=!0),t.appendChild(i)}),e.width&&(t.style.width=e.width),k=t;break}case"radio":{let t=document.createElement("div");t.className="voc-form-radio-group "+(e.direction||"vertical"),e.width&&(t.style.width=e.width),e.options&&e.options.forEach((a,i)=>{let n=document.createElement("label");n.classList.add("voc-form-radio-label"),c&&n.classList.add("form-check"),n.style.display=e.direction==="horizontal"?"inline-block":"block",e.width&&(n.style.width=e.width);let o=document.createElement("input");o.type="radio",o.classList.add("voc-form-radio"),c&&o.classList.add("form-check-input"),o.name=e.name||e.key||"",o.value=a.value,e.key&&(o.id=`voc-form-${e.key}-${i}`),Array.isArray(r)?r.includes(a.value)&&(o.checked=!0):r!==void 0?r===a.value&&(o.checked=!0):e.default===a.value&&(o.checked=!0),n.appendChild(o),n.appendChild(document.createTextNode(a.label)),t.appendChild(n)}),k=t;break}case"file":{let t=document.createElement("div");t.className="voc-form-file-wrapper",e.width&&(t.style.width=e.width);let a=document.createElement("input");a.type="file",a.classList.add("voc-form-file"),c&&a.classList.add("form-control"),(e.key||e.name)&&(a.name=e.name||e.key,e.key&&(a.id=`voc-form-${e.key}`)),e.width&&(a.style.width=e.width),e.required&&(a.required=!0),e.accept&&(a.accept=e.accept),e.multiple&&(a.multiple=!0),t.appendChild(a),k=t;break}case"avatar":{k=z(e,f||{},r);break}case"table":{k=V(e,f||{},r);break}case"audio_select":{k=P(e,f||{},r);break}default:{let t=document.createElement("input");t.type=e.type||"text",t.classList.add("voc-form-input"),c&&t.classList.add("form-control"),(e.key||e.name)&&(t.name=e.name||e.key,e.key&&(t.id=`voc-form-${e.key}`)),e.placeholder&&(t.placeholder=e.placeholder),r!=null?t.value=String(r):e.default!==void 0&&e.default!==null&&(t.value=String(e.default)),e.width&&(t.style.width=e.width),e.required&&(t.required=!0),u(t,e.validation),k=t;break}}if(k&&L.appendChild(k),e.hint_text){let t=document.createElement("small");t.className="voc-form-hint",t.textContent=e.hint_text,L.appendChild(t)}return L}b.fields.forEach(e=>{if(e.type==="group"&&"items"in e){let p=e;if(c){let w=document.createElement("div");w.className="card voc-form-group-card mb-3";let r=p.label||p.header?.title,L=p.description||p.header?.description;if(r||L){let t=document.createElement("div");if(t.className="card-header voc-form-group-head",r){let a=document.createElement("h5");a.className="mb-0 voc-form-group-label",a.textContent=r,t.appendChild(a)}if(L){let a=document.createElement("p");a.className="mb-0 voc-form-group-description",a.textContent=L,t.appendChild(a)}w.appendChild(t)}let k=document.createElement("div");k.className="card-body voc-form-group-body",p.items.forEach(t=>{if(t.type==="row"&&"items"in t){let a=t,i=document.createElement("div");if(i.className="voc-form-group voc-form-row mb-3",a.label){let o=document.createElement("h6");o.className="voc-form-row-label",o.textContent=a.label,i.appendChild(o)}let n=document.createElement("div");n.className="voc-form-row-items "+(a.direction||"horizontal"),a.items.forEach(o=>{let x=N(o);x&&n.appendChild(x)}),i.appendChild(n),k.appendChild(i)}else{let a=N(t);a&&k.appendChild(a)}}),w.appendChild(k),h.appendChild(w)}else{let w=document.createElement("div");w.className="voc-form-group voc-form-group-wrapper",c&&w.classList.add("mb-3");let r=p.label||p.header?.title,L=p.description||p.header?.description;if(r||L){let k=document.createElement("div");if(k.className="voc-form-group-head",r){let t=document.createElement("h3");t.className="voc-form-group-label",t.textContent=r,k.appendChild(t)}if(L){let t=document.createElement("p");t.className="voc-form-group-description",t.textContent=L,k.appendChild(t)}w.appendChild(k)}p.items.forEach(k=>{if(k.type==="row"&&"items"in k){let t=k,a=document.createElement("div");if(a.className="voc-form-group voc-form-row",c&&a.classList.add("mb-3"),t.label){let n=document.createElement("h4");n.className="voc-form-row-label",n.textContent=t.label,a.appendChild(n)}let i=document.createElement("div");i.className="voc-form-row-items "+(t.direction||"horizontal"),t.items.forEach(n=>{let o=N(n);o&&i.appendChild(o)}),a.appendChild(i),w.appendChild(a)}else{let t=N(k);t&&w.appendChild(t)}}),h.appendChild(w)}return}if(e.type==="row"&&"items"in e){let p=document.createElement("div");if(p.className="voc-form-group voc-form-row",c&&p.classList.add("mb-3"),e.label){let r=document.createElement("h3");r.className="voc-form-row-label",r.textContent=e.label,p.appendChild(r)}if(e.description){let r=document.createElement("p");r.className="voc-form-row-description",r.textContent=e.description,p.appendChild(r)}let w=document.createElement("div");w.className="voc-form-row-items "+(e.direction||"horizontal"),p.appendChild(w),e.items.forEach(r=>{let L=N(r);L&&w.appendChild(L)}),h.appendChild(p)}else{let p=N(e);p&&h.appendChild(p)}});let C=document.createElement("button");return C.type="submit",C.className="voc-form-submit",C.textContent="Submit",c&&C.classList.add("btn","btn-primary"),h.appendChild(C),h}let m=d();v[0].appendChild(m);let E=b?.submit_config??f?.submit_config??null;return E&&m.addEventListener("submit",c=>{if(c.preventDefault(),!m.checkValidity()){m.reportValidity(),f?.onSubmitResult&&f.onSubmitResult(null,new Error("Form validation failed"));return}let h=Array.from(m.querySelectorAll(" .voc-form-table-wrapper, .voc-form-table-wrapper")),y=[];if(h.forEach(u=>{if(u&&typeof u.validate=="function"){let N=u.validate();N&&N.length&&y.push(...N)}}),y.length){f?.onSubmitResult&&f.onSubmitResult(null,new Error(y.join("; ")));let u=h[0];u&&u.scrollIntoView({behavior:"smooth",block:"center"});return}G(m,E,(u,N)=>{f?.onSubmitResult&&f.onSubmitResult(u,N)})}),{element:m,validate:()=>{let c=[];return m.querySelectorAll(":invalid").forEach(y=>{let u=y.validationMessage;c.push({element:y,message:u})}),c},getValues:()=>I(m),onSubmit:c=>{m.addEventListener("submit",h=>{h.preventDefault();let y=I(m);c(y,h)})}}}var W={renderForm:J};var ne=W,re={FormsLib:W};return te(oe);})();
+"use strict";var VocLibJs=(()=>{var j=Object.defineProperty;var Y=Object.getOwnPropertyDescriptor;var Q=Object.getOwnPropertyNames;var X=Object.prototype.hasOwnProperty;var Z=(s,b)=>{for(var f in b)j(s,f,{get:b[f],enumerable:!0})},ee=(s,b,f,y)=>{if(b&&typeof b=="object"||typeof b=="function")for(let u of Q(b))!X.call(s,u)&&u!==f&&j(s,u,{get:()=>b[u],enumerable:!(y=Y(b,u))||y.enumerable});return s};var te=s=>ee(j({},"__esModule",{value:!0}),s);var oe={};Z(oe,{FormsLib:()=>ne,default:()=>re});function W(s,b,f){let y=b?.style==="bootstrap",u=document.createElement("div");u.className="voc-form-avatar-wrapper",y&&u.classList.add("d-flex","align-items-center","gap-3");let m=document.createElement("img");m.className="voc-form-avatar-preview",m.alt=s.label||"avatar",y&&(m.classList.add("img-thumbnail","rounded-circle"),m.style.width=m.style.height="64px",m.style.objectFit="cover");let E=f!=null?String(f):s.default!==void 0&&s.default!==null?String(s.default):"";E?m.src=E:(m.src="",m.style.display="none");let c=document.createElement("input");c.type="file",c.accept=s.accept||"image/*",c.className="voc-form-avatar-input",y&&c.classList.add("form-control"),(s.key||s.name)&&(c.name=s.name||s.key,s.key&&(c.id=`voc-form-${s.key}`));let h=document.createElement("input");if(h.type="hidden",(s.key||s.name)&&(h.name=(s.name||s.key)+"_url"),h.value=E||"",c.addEventListener("change",v=>{let d=v.target;if(d.files&&d.files.length>0){let N=d.files[0],x=new FileReader;x.onload=()=>{m.src=String(x.result),m.style.display="",h.value=""},x.readAsDataURL(N)}}),y){let v=document.createElement("div");v.style.flex="1",v.appendChild(c),v.appendChild(h),u.appendChild(m),u.appendChild(v)}else u.appendChild(m),u.appendChild(c),u.appendChild(h);return u}function z(s,b,f){let y=b?.style==="bootstrap",u=document.createElement("div");if(u.className="voc-form-audio-select",!s.options||s.options.length===0)return u;let m=s.name||s.key||`audio_select_${Math.random().toString(36).substr(2,6)}`,E;return Array.isArray(f)?E=f[0]:f!==void 0?E=f:s.default!==void 0&&(E=s.default),s.options.forEach((c,h)=>{let v=document.createElement("div");v.className="voc-form-audio-item",y&&v.classList.add("form-check");let d=document.createElement("input");d.type="radio",d.name=m,d.value=c.value,d.className="voc-form-audio-radio",s.key&&(d.id=`voc-form-${s.key}-${h}`),s.required&&h===0&&(d.required=!0),d.style.position="absolute",d.style.width="1px",d.style.height="1px",d.style.margin="0",d.style.padding="0",d.style.clip="rect(0 0 0 0)",d.style.clipPath="inset(50%)",d.style.overflow="hidden",d.style.border="0",E!==void 0&&(Array.isArray(E)?d.checked=E.includes(c.value):d.checked=String(E)===String(c.value));let N=()=>{d.checked?v.classList.add("selected"):v.classList.remove("selected")};d.addEventListener("change",()=>{u.querySelectorAll(".voc-form-audio-item").forEach(a=>a.classList.remove("selected")),N()}),d.checked&&v.classList.add("selected");let x=document.createElement("label");x.className="voc-form-audio-label",y&&x.classList.add("form-check-label"),x.htmlFor=d.id||"",x.textContent=c.label||c.value,x.tabIndex=0;let e=document.createElement("div");e.className="voc-form-audio-control";let p=null;if(c.audio_link){let t=document.createElement("button");t.type="button",t.className="voc-form-audio-play",y&&t.classList.add("btn","btn-sm","btn-outline-secondary"),t.setAttribute("aria-label",`Play ${c.label||c.value}`);let a="http://www.w3.org/2000/svg",i=document.createElementNS(a,"svg");i.setAttribute("viewBox","0 0 24 24"),i.setAttribute("width","16"),i.setAttribute("height","16"),i.setAttribute("aria-hidden","true");let n=document.createElementNS(a,"path");n.setAttribute("d","M8 5v14l11-7z"),n.setAttribute("fill","currentColor"),i.appendChild(n),t.appendChild(i),p=document.createElement("audio"),p.src=c.audio_link,p.preload="none",p.style.display="none";let o=l=>{for(;l.firstChild;)l.removeChild(l.firstChild)},w=()=>{let l="http://www.w3.org/2000/svg",S=document.createElementNS(l,"svg");S.setAttribute("viewBox","0 0 24 24"),S.setAttribute("width","16"),S.setAttribute("height","16"),S.setAttribute("aria-hidden","true");let T=document.createElementNS(l,"path");return T.setAttribute("d","M8 5v14l11-7z"),T.setAttribute("fill","currentColor"),S.appendChild(T),S},A=()=>{let l="http://www.w3.org/2000/svg",S=document.createElementNS(l,"svg");S.setAttribute("viewBox","0 0 24 24"),S.setAttribute("width","16"),S.setAttribute("height","16"),S.setAttribute("aria-hidden","true");let T=document.createElementNS(l,"rect");return T.setAttribute("x","6"),T.setAttribute("y","6"),T.setAttribute("width","12"),T.setAttribute("height","12"),T.setAttribute("fill","currentColor"),S.appendChild(T),S};o(t),t.appendChild(w());let H=l=>{o(t),l?(t.appendChild(A()),t.setAttribute("aria-label",`Stop ${c.label||c.value}`)):(t.appendChild(w()),t.setAttribute("aria-label",`Play ${c.label||c.value}`))};t.addEventListener("click",()=>{try{if(!p)return;let l=u.querySelectorAll("audio");if(!p.paused&&!p.ended){p.pause(),p.currentTime=0;return}l.forEach(T=>{try{T.pause(),T.currentTime=0}catch{}}),u.querySelectorAll(".voc-form-audio-item").forEach(T=>T.classList.remove("is-playing")),p.play()}catch(l){console.warn("audio play failed",l)}}),p.addEventListener("playing",()=>{v.classList.add("is-playing"),H(!0)});let R=()=>{v.classList.remove("is-playing"),H(!1)};p.addEventListener("pause",R),p.addEventListener("ended",R),e.appendChild(t),e.appendChild(p)}let L=document.createElement("div");L.className="voc-form-item-detail",L.style.display="flex",L.style.flexDirection="column",L.style.gap="4px";let r=document.createElement("div");r.className="voc-form-item-top",r.style.display="flex",r.style.alignItems="center",r.style.gap="8px",r.appendChild(d),r.appendChild(x);let C=document.createElement("div");C.className="voc-form-item-description";let k=c.description||c.hint_text||"";k&&(C.textContent=k),L.appendChild(r),L.appendChild(C),e.appendChild(L),v.appendChild(e),r.addEventListener("click",t=>{let a=t.target;a&&a.closest(".voc-form-audio-play")||(d.checked=!0,d.dispatchEvent(new Event("change",{bubbles:!0})))}),v.addEventListener("click",t=>{let a=t.target;a&&a.closest(".voc-form-audio-play")||(d.checked=!0,d.dispatchEvent(new Event("change",{bubbles:!0})))}),u.appendChild(v)}),u}function V(s,b,f){let y=document.createElement("div");y.className="voc-form-table-wrapper";let u=b?.style==="bootstrap",m=document.createElement("input");m.type="hidden",m.name=s.name||s.key,s.key&&(m.id=`voc-form-${s.key}`),y.appendChild(m);let E=document.createElement("table");E.className="voc-form-table",u&&E.classList.add("table","table-bordered");let c=document.createElement("thead"),h=document.createElement("tr"),v=document.createElement("th");v.className="voc-form-table-drag-col",v.textContent="",h.appendChild(v),(s.fields||[]).forEach(a=>{let i=document.createElement("th");i.textContent=a.label||a.key,h.appendChild(i)});let d=document.createElement("th");d.textContent="Actions",h.appendChild(d),c.appendChild(h),E.appendChild(c);let N=document.createElement("tbody");E.appendChild(N),y.appendChild(E);let x=document.createElement("button");x.type="button",x.className="voc-form-table-add",u&&x.classList.add("btn","btn-secondary"),x.textContent="+Add";let e=document.createElement("tfoot"),p=document.createElement("tr"),L=document.createElement("td");L.colSpan=(s.fields?s.fields.length:0)+1,L.appendChild(x),p.appendChild(L),e.appendChild(p),E.appendChild(e),y.appendChild(E);let r=[];function C(){m.value=JSON.stringify(r)}function k(a){let i=[];return s.fields.forEach(n=>{let o=a[n.key];if(n.type==="checkbox"){let w=Array.isArray(o)?o:o?[o]:[];n.required&&w.length===0&&i.push(`${n.label||n.key} is required`);return}n.required&&(o==null||String(o).trim()==="")&&i.push(`${n.label||n.key} is required`),n.type==="email"&&o&&(/^\S+@\S+\.\S+$/.test(String(o))||i.push(`${n.label||n.key} must be a valid email`)),n.type==="number"&&o&&isNaN(Number(o))&&i.push(`${n.label||n.key} must be a number`),n.validation&&n.validation.regex&&o&&(new RegExp(n.validation.regex).test(String(o))||i.push(`${n.label||n.key} invalid format`))}),i}function t(){N.innerHTML="";let a=(i,n)=>{n.draggable=!0,n.addEventListener("mousedown",()=>{n.style.cursor="grabbing"}),n.addEventListener("mouseup",()=>{n.style.cursor="grab"}),n.addEventListener("dragstart",o=>{let w=Number(i.dataset.rowIndex);o.dataTransfer.setData("text/plain",String(w)),i.classList.add("dragging");try{o.dataTransfer?.setDragImage(n,10,10)}catch{}}),n.addEventListener("dragend",()=>{i.classList.remove("dragging"),n.style.cursor="grab"}),i.addEventListener("dragover",o=>{o.preventDefault();let w=o.currentTarget,A=w.getBoundingClientRect(),H=A.top+A.height/2,R=(o.clientY||o.y)>H;w.classList.remove("drag-over-top","drag-over-bottom"),R?(w.classList.add("drag-over-bottom"),w.dataset.dropPosition="after"):(w.classList.add("drag-over-top"),w.dataset.dropPosition="before")}),i.addEventListener("dragleave",o=>{let w=o.currentTarget;w.classList.remove("drag-over-top","drag-over-bottom"),delete w.dataset.dropPosition}),i.addEventListener("drop",o=>{o.preventDefault();let w=o.dataTransfer.getData("text/plain"),A=Number(o.currentTarget.dataset.rowIndex),H=Number(w),R=o.currentTarget.dataset.dropPosition||"before";if(isNaN(H)||isNaN(A))return;let[l]=r.splice(H,1),S=A;H<A&&(S=A-1);let T=R==="after"?S+1:S;r.splice(T,0,l),o.currentTarget.classList.remove("drag-over-top","drag-over-bottom"),delete o.currentTarget.dataset.dropPosition,t(),C()})};r.forEach((i,n)=>{let o=document.createElement("tr");o.dataset.rowIndex=String(n),o.classList.add("voc-form-table-row");let w=document.createElement("td");w.className="voc-form-table-drag-handle";let A=document.createElement("span");A.className="voc-form-drag-handle-icon",A.textContent="\u2630",A.style.cursor="grab",w.appendChild(A),o.appendChild(w),a(o,A),s.fields.forEach(l=>{let S=document.createElement("td"),T,q=(l.type||"text").toLowerCase();if(q==="select"){let g=document.createElement("select");if(g.className="voc-form-table-cell",u&&g.classList.add("form-control"),l.placeholder){let F=document.createElement("option");F.value="",F.textContent=l.placeholder,F.disabled=!0,(i[l.key]===void 0||i[l.key]===null||i[l.key]==="")&&(F.selected=!0),g.appendChild(F)}(l.options||[]).forEach(F=>{let D=document.createElement("option");D.value=F.value,D.textContent=F.label,g.appendChild(D)}),g.value=i[l.key]!==void 0&&i[l.key]!==null?String(i[l.key]):"",l.required&&(g.required=!0),g.addEventListener("change",F=>{r[n][l.key]=F.target.value,C()}),T=g}else if(q==="checkbox"){let g=document.createElement("div");g.className="voc-form-table-checkboxes",u&&g.classList.add("form-check");let B=l.options||[];Array.isArray(r[n][l.key])||(r[n][l.key]=r[n][l.key]?[r[n][l.key]]:[]),B.forEach(F=>{let D=`voc-form-${s.key}-${l.key}-${n}-${F.value}`,$=document.createElement("div");$.className="voc-form-table-checkbox-item",u&&$.classList.add("form-check");let M=document.createElement("input");M.type="checkbox",M.className="voc-form-table-cell",u&&M.classList.add("form-check-input"),M.id=D,M.value=F.value,M.checked=Array.isArray(r[n][l.key])&&r[n][l.key].includes(F.value),M.addEventListener("change",O=>{let U=O.target.checked;Array.isArray(r[n][l.key])||(r[n][l.key]=[]),U?r[n][l.key].includes(F.value)||r[n][l.key].push(F.value):r[n][l.key]=r[n][l.key].filter(K=>K!==F.value),C()});let _=document.createElement("label");_.htmlFor=D,_.className="voc-form-table-checkbox-label",u&&_.classList.add("form-check-label"),_.textContent=F.label,$.appendChild(M),$.appendChild(_),g.appendChild($)}),T=g}else if(q==="radio"){let g=document.createElement("div");g.className="voc-form-table-radios",u&&g.classList.add("form-check");let B=l.options||[];r[n][l.key]===void 0&&(r[n][l.key]=""),B.forEach(F=>{let D=`voc-form-${s.key}-${l.key}-${n}-${F.value}`,$=document.createElement("div");$.className="voc-form-table-radio-item",u&&$.classList.add("form-check");let M=document.createElement("input");M.type="radio",M.className="voc-form-table-cell",u&&M.classList.add("form-check-input"),M.id=D,M.name=`voc-form-${s.key}-${l.key}-${n}`,M.value=F.value,M.checked=r[n][l.key]===F.value,M.addEventListener("change",O=>{O.target.checked&&(r[n][l.key]=O.target.value,C())});let _=document.createElement("label");_.htmlFor=D,_.className="voc-form-table-radio-label",u&&_.classList.add("form-check-label"),_.textContent=F.label,$.appendChild(M),$.appendChild(_),g.appendChild($)}),T=g}else{let g=document.createElement("input");q==="number"?g.type="number":q==="email"?g.type="email":q==="tel"?g.type="tel":q==="url"?g.type="url":q==="date"?g.type="date":g.type="text",g.value=i[l.key]!==void 0&&i[l.key]!==null?String(i[l.key]):"",l.placeholder&&(g.placeholder=l.placeholder),l.required&&(g.required=!0),g.className="voc-form-table-cell",u&&g.classList.add("form-control"),g.addEventListener("input",B=>{r[n][l.key]=B.target.value,C()}),T=g}S.appendChild(T),o.appendChild(S)});let H=document.createElement("td"),R=document.createElement("button");R.type="button",R.className="voc-form-table-remove",u&&R.classList.add("btn","btn-danger"),R.textContent="Remove",R.addEventListener("click",()=>{r.splice(n,1),t(),C()}),H.appendChild(R),o.appendChild(H),N.appendChild(o)})}return x.addEventListener("click",()=>{if(s.validation?.max_rows!==void 0&&r.length>=s.validation.max_rows)return;let a={};s.fields.forEach(i=>a[i.key]=""),r.push(a),t(),C()}),Array.isArray(f)&&f.length?r=f.map(a=>({...a})):s.default&&Array.isArray(s.default)&&(r=s.default.map(a=>({...a}))),t(),C(),y.validate=function(){let a=[];return r.forEach((i,n)=>{let o=k(i);o.length&&a.push(`Row ${n+1}: ${o.join("; ")}`)}),s.validation?.min_rows!==void 0&&r.length<s.validation.min_rows&&a.push(`At least ${s.validation.min_rows} rows required`),s.validation?.max_rows!==void 0&&r.length>s.validation.max_rows&&a.push(`No more than ${s.validation.max_rows} rows allowed`),s.validation?.unique_fields&&s.validation.unique_fields.length&&s.validation.unique_fields.forEach(i=>{let n=new Set;r.forEach((o,w)=>{let A=o[i];A!=null&&(n.has(A)&&a.push(`Field ${i} must be unique (duplicate at row ${w+1})`),n.add(A))})}),a},y}function I(s,b=!0){let f=new FormData(s);if(b)return ae(f);let y={};return f.forEach((u,m)=>{let E=(u instanceof File,u);Object.prototype.hasOwnProperty.call(y,m)?Array.isArray(y[m])?y[m].push(E):y[m]=[y[m],E]:y[m]=E}),y}function ae(s){let b=new FormData;for(let[f,y]of s.entries()){if(y instanceof File){b.append(f,y);continue}let u;try{u=JSON.parse(y)}catch{u=null}Array.isArray(u)&&u.every(m=>typeof m=="object"&&m!==null)?u.forEach((m,E)=>{for(let[c,h]of Object.entries(m))b.append(`${f}[${E}][${c}]`,h)}):b.append(f,y)}return b}async function G(s,b,f){let y=b.url,u={"Content-Type":"application/json"};b?.api_token&&(u.Authorization=`Bearer ${b.api_token}`);let m=I(s);if(b?.additional_data)for(let[h,v]of Object.entries(b.additional_data))m.append(h,v);let E,c=m instanceof FormData;E={method:"POST",headers:{Authorization:`Bearer ${b.api_token}`,...c?{}:{"Content-Type":"application/json"},Accept:"application/json"},body:c?m:JSON.stringify(Object.fromEntries(m.entries()))};try{fetch(y,E).then(async h=>{let v=h.headers.get("content-type");if(!h.ok)try{let N=(await h.json())?.message;throw new Error(N??"Their was an error submitting the form. Check your form and try again.")}catch(d){throw new Error(d.message)}return v&&v.includes("application/json")?h.json():h.text()}).then(h=>{f&&f(h,null)}).catch(h=>{f&&f(null,h)})}catch(h){f&&f(null,h)}}function J(s,b,f){let y=[];if(typeof s=="string"?y=Array.from(document.querySelectorAll(s)):y=[s],y.length===0)return null;function u(){let c=f?.style==="bootstrap",h=document.createElement("form");h.classList.add("voc-form"),c&&h.classList.add("needs-validation"),h.id=b.id;let v=document.createElement("h2");v.className="voc-form-title",c&&v.classList.add("mb-3"),v.textContent=b.form_name,h.appendChild(v);function d(e,p){p&&(p.min_length!==void 0&&(e.minLength=p.min_length),p.max_length!==void 0&&(e.maxLength=p.max_length),p.regex&&(e instanceof HTMLInputElement?e.pattern=p.regex:e.dataset.pattern=p.regex))}function N(e){if(!e.key&&!e.label)return null;let p=b.default_values||{},L=e.name||e.key,r=L?p[L]:void 0,C=document.createElement("div");if(C.className="voc-form-group",c&&C.classList.add("mb-3"),e.label){let t=document.createElement("label");if(t.classList.add("voc-form-label"),c&&t.classList.add("form-label"),e.key?e.type==="radio"?t.htmlFor="":t.htmlFor=`voc-form-${e.key}`:t.htmlFor="",t.textContent=e.label,e.required){let a=document.createElement("span");a.className="voc-form-required",a.textContent="*",t.appendChild(a)}C.appendChild(t)}let k=null;switch(e.type){case"checkbox":{let t=document.createElement("div");if(t.className="voc-form-checkbox-group "+(e.direction||"vertical"),e.width&&(t.style.width=e.width),e.options)e.options.forEach((a,i)=>{let n=document.createElement("label");n.classList.add("voc-form-checkbox-label"),c&&n.classList.add("form-check"),n.style.display=e.direction==="horizontal"?"inline-block":"block",e.width&&(n.style.width=e.width);let o=document.createElement("input");o.type="checkbox",o.classList.add("voc-form-checkbox"),c&&o.classList.add("form-check-input"),o.name=e.name||e.key||"",o.value=a.value,e.key&&(o.id=`voc-form-${e.key}-${i}`),e.required&&(o.required=!0),Array.isArray(r)?r.includes(a.value)&&(o.checked=!0):r!==void 0?r===a.value&&(o.checked=!0):e.default===a.value&&(o.checked=!0),n.appendChild(o),n.appendChild(document.createTextNode(a.label)),t.appendChild(n)});else{let a=document.createElement("label");a.classList.add("voc-form-checkbox-label"),c&&a.classList.add("form-check"),e.width&&(a.style.width=e.width);let i=document.createElement("input");i.type="checkbox",i.classList.add("voc-form-checkbox"),(e.key||e.name)&&(i.name=e.name||e.key,e.key&&(i.id=`voc-form-${e.key}`)),c&&i.classList.add("form-check-input"),e.required&&(i.required=!0),r!==void 0?i.checked=!!r:e.default&&(i.checked=!!e.default),a.appendChild(i),a.appendChild(document.createTextNode(e.label||"")),t.appendChild(a)}k=t;break}case"textarea":{let t=document.createElement("textarea");t.classList.add("voc-form-textarea"),c&&t.classList.add("form-control"),(e.key||e.name)&&(t.name=e.name||e.key,e.key&&(t.id=`voc-form-${e.key}`)),e.placeholder&&(t.placeholder=e.placeholder),r!=null?t.value=String(r):e.default!==void 0&&e.default!==null&&(t.value=String(e.default));let a=e.default||r||"";if(a){let i=(a.match(/\n/g)||[]).length,n=80,o=a.split(`
+`).reduce((H,R)=>Math.max(H,R.length),0),w=Math.ceil(o/n)||1,A=Math.max(2,i+w);t.rows=A,t.style.resize="vertical"}e.width&&(t.style.width=e.width),e.required&&(t.required=!0),d(t,e.validation),k=t;break}case"select":{let t=document.createElement("select");if(t.classList.add("voc-form-select"),c&&t.classList.add("form-select"),c&&t.classList.add("form-control"),(e.key||e.name)&&(t.name=e.name||e.key,e.key&&(t.id=`voc-form-${e.key}`)),e.placeholder){let a=document.createElement("option");a.value="",a.textContent=e.placeholder,a.disabled=!0,a.selected=!0,t.appendChild(a)}e.required&&(t.required=!0),e.options&&e.options.forEach(a=>{let i=document.createElement("option");i.value=a.value,i.textContent=a.label,Array.isArray(r)?r.includes(a.value)&&(i.selected=!0):r!==void 0?r===a.value&&(i.selected=!0):e.default===a.value&&(i.selected=!0),t.appendChild(i)}),e.width&&(t.style.width=e.width),k=t;break}case"radio":{let t=document.createElement("div");t.className="voc-form-radio-group "+(e.direction||"vertical"),e.width&&(t.style.width=e.width),e.options&&e.options.forEach((a,i)=>{let n=document.createElement("label");n.classList.add("voc-form-radio-label"),c&&n.classList.add("form-check"),n.style.display=e.direction==="horizontal"?"inline-block":"block",e.width&&(n.style.width=e.width);let o=document.createElement("input");o.type="radio",o.classList.add("voc-form-radio"),c&&o.classList.add("form-check-input"),o.name=e.name||e.key||"",o.value=a.value,e.key&&(o.id=`voc-form-${e.key}-${i}`),Array.isArray(r)?r.includes(a.value)&&(o.checked=!0):r!==void 0?r===a.value&&(o.checked=!0):e.default===a.value&&(o.checked=!0),n.appendChild(o),n.appendChild(document.createTextNode(a.label)),t.appendChild(n)}),k=t;break}case"file":{let t=document.createElement("div");t.className="voc-form-file-wrapper",e.width&&(t.style.width=e.width);let a=document.createElement("input");a.type="file",a.classList.add("voc-form-file"),c&&a.classList.add("form-control"),(e.key||e.name)&&(a.name=e.name||e.key,e.key&&(a.id=`voc-form-${e.key}`)),e.width&&(a.style.width=e.width),e.required&&(a.required=!0),e.accept&&(a.accept=e.accept),e.multiple&&(a.multiple=!0),t.appendChild(a),k=t;break}case"avatar":{k=W(e,f||{},r);break}case"table":{k=V(e,f||{},r);break}case"audio_select":{k=z(e,f||{},r);break}default:{let t=document.createElement("input");t.type=e.type||"text",t.classList.add("voc-form-input"),c&&t.classList.add("form-control"),(e.key||e.name)&&(t.name=e.name||e.key,e.key&&(t.id=`voc-form-${e.key}`)),e.placeholder&&(t.placeholder=e.placeholder),r!=null?t.value=String(r):e.default!==void 0&&e.default!==null&&(t.value=String(e.default)),e.width&&(t.style.width=e.width),e.required&&(t.required=!0),d(t,e.validation),k=t;break}}if(k&&C.appendChild(k),e.hint_text){let t=document.createElement("small");t.className="voc-form-hint",t.textContent=e.hint_text,C.appendChild(t)}return C}b.fields.forEach(e=>{if(e.type==="group"&&"items"in e){let p=e;if(c){let L=document.createElement("div");L.className="card voc-form-group-card mb-3";let r=p.label||p.header?.title,C=p.description||p.header?.description;if(r||C){let t=document.createElement("div");if(t.className="card-header voc-form-group-head",r){let a=document.createElement("h5");a.className="mb-0 voc-form-group-label",a.textContent=r,t.appendChild(a)}if(C){let a=document.createElement("p");a.className="mb-0 voc-form-group-description",a.textContent=C,t.appendChild(a)}L.appendChild(t)}let k=document.createElement("div");k.className="card-body voc-form-group-body",p.items.forEach(t=>{if(t.type==="row"&&"items"in t){let a=t,i=document.createElement("div");if(i.className="voc-form-group voc-form-row mb-3",a.label){let o=document.createElement("h6");o.className="voc-form-row-label",o.textContent=a.label,i.appendChild(o)}let n=document.createElement("div");n.className="voc-form-row-items "+(a.direction||"horizontal"),a.items.forEach(o=>{let w=N(o);w&&n.appendChild(w)}),i.appendChild(n),k.appendChild(i)}else{let a=N(t);a&&k.appendChild(a)}}),L.appendChild(k),h.appendChild(L)}else{let L=document.createElement("div");L.className="voc-form-group voc-form-group-wrapper",c&&L.classList.add("mb-3");let r=p.label||p.header?.title,C=p.description||p.header?.description;if(r||C){let k=document.createElement("div");if(k.className="voc-form-group-head",r){let t=document.createElement("h3");t.className="voc-form-group-label",t.textContent=r,k.appendChild(t)}if(C){let t=document.createElement("p");t.className="voc-form-group-description",t.textContent=C,k.appendChild(t)}L.appendChild(k)}p.items.forEach(k=>{if(k.type==="row"&&"items"in k){let t=k,a=document.createElement("div");if(a.className="voc-form-group voc-form-row",c&&a.classList.add("mb-3"),t.label){let n=document.createElement("h4");n.className="voc-form-row-label",n.textContent=t.label,a.appendChild(n)}let i=document.createElement("div");i.className="voc-form-row-items "+(t.direction||"horizontal"),t.items.forEach(n=>{let o=N(n);o&&i.appendChild(o)}),a.appendChild(i),L.appendChild(a)}else{let t=N(k);t&&L.appendChild(t)}}),h.appendChild(L)}return}if(e.type==="row"&&"items"in e){let p=document.createElement("div");if(p.className="voc-form-group voc-form-row",c&&p.classList.add("mb-3"),e.label){let r=document.createElement("h3");r.className="voc-form-row-label",r.textContent=e.label,p.appendChild(r)}if(e.description){let r=document.createElement("p");r.className="voc-form-row-description",r.textContent=e.description,p.appendChild(r)}let L=document.createElement("div");L.className="voc-form-row-items "+(e.direction||"horizontal"),p.appendChild(L),e.items.forEach(r=>{let C=N(r);C&&L.appendChild(C)}),h.appendChild(p)}else{let p=N(e);p&&h.appendChild(p)}});let x=document.createElement("button");return x.type="submit",x.className="voc-form-submit",x.textContent="Submit",c&&x.classList.add("btn","btn-primary"),h.appendChild(x),h}let m=u();y[0].appendChild(m);let E=b?.submit_config??f?.submit_config??null;return E&&m.addEventListener("submit",c=>{if(c.preventDefault(),!m.checkValidity()){m.reportValidity(),f?.onSubmitResult&&f.onSubmitResult(null,new Error("Form validation failed"));return}let h=Array.from(m.querySelectorAll(" .voc-form-table-wrapper, .voc-form-table-wrapper")),v=[];if(h.forEach(d=>{if(d&&typeof d.validate=="function"){let N=d.validate();N&&N.length&&v.push(...N)}}),v.length){f?.onSubmitResult&&f.onSubmitResult(null,new Error(v.join("; ")));let d=h[0];d&&d.scrollIntoView({behavior:"smooth",block:"center"});return}if(f?.onSubmit){let d=I(m);f.onSubmit(d)}G(m,E,(d,N)=>{f?.onSubmitResult&&f.onSubmitResult(d,N)})}),{element:m,validate:()=>{let c=[];return m.querySelectorAll(":invalid").forEach(v=>{let d=v.validationMessage;c.push({element:v,message:d})}),c},getValues:()=>I(m),onSubmit:c=>{m.addEventListener("submit",h=>{h.preventDefault();let v=I(m);c(v,h)})}}}var P={renderForm:J};var ne=P,re={FormsLib:P};return te(oe);})();

package/dist/main.js

@@ -1,2 +1,2 @@
-"use strict";var j=Object.defineProperty;var Q=Object.getOwnPropertyDescriptor;var X=Object.getOwnPropertyNames;var Y=Object.prototype.hasOwnProperty;var Z=(s,b)=>{for(var f in b)j(s,f,{get:b[f],enumerable:!0})},ee=(s,b,f,v)=>{if(b&&typeof b=="object"||typeof b=="function")for(let d of X(b))!Y.call(s,d)&&d!==f&&j(s,d,{get:()=>b[d],enumerable:!(v=Q(b,d))||v.enumerable});return s};var te=s=>ee(j({},"__esModule",{value:!0}),s);var oe={};Z(oe,{FormsLib:()=>ne,default:()=>re});module.exports=te(oe);function z(s,b,f){let v=b?.style==="bootstrap",d=document.createElement("div");d.className="voc-form-avatar-wrapper",v&&d.classList.add("d-flex","align-items-center","gap-3");let m=document.createElement("img");m.className="voc-form-avatar-preview",m.alt=s.label||"avatar",v&&(m.classList.add("img-thumbnail","rounded-circle"),m.style.width=m.style.height="64px",m.style.objectFit="cover");let E=f!=null?String(f):s.default!==void 0&&s.default!==null?String(s.default):"";E?m.src=E:(m.src="",m.style.display="none");let c=document.createElement("input");c.type="file",c.accept=s.accept||"image/*",c.className="voc-form-avatar-input",v&&c.classList.add("form-control"),(s.key||s.name)&&(c.name=s.name||s.key,s.key&&(c.id=`voc-form-${s.key}`));let h=document.createElement("input");if(h.type="hidden",(s.key||s.name)&&(h.name=(s.name||s.key)+"_url"),h.value=E||"",c.addEventListener("change",y=>{let u=y.target;if(u.files&&u.files.length>0){let N=u.files[0],C=new FileReader;C.onload=()=>{m.src=String(C.result),m.style.display="",h.value=""},C.readAsDataURL(N)}}),v){let y=document.createElement("div");y.style.flex="1",y.appendChild(c),y.appendChild(h),d.appendChild(m),d.appendChild(y)}else d.appendChild(m),d.appendChild(c),d.appendChild(h);return d}function P(s,b,f){let v=b?.style==="bootstrap",d=document.createElement("div");if(d.className="voc-form-audio-select",!s.options||s.options.length===0)return d;let m=s.name||s.key||`audio_select_${Math.random().toString(36).substr(2,6)}`,E;return Array.isArray(f)?E=f[0]:f!==void 0?E=f:s.default!==void 0&&(E=s.default),s.options.forEach((c,h)=>{let y=document.createElement("div");y.className="voc-form-audio-item",v&&y.classList.add("form-check");let u=document.createElement("input");u.type="radio",u.name=m,u.value=c.value,u.className="voc-form-audio-radio",s.key&&(u.id=`voc-form-${s.key}-${h}`),s.required&&h===0&&(u.required=!0),u.style.position="absolute",u.style.width="1px",u.style.height="1px",u.style.margin="0",u.style.padding="0",u.style.clip="rect(0 0 0 0)",u.style.clipPath="inset(50%)",u.style.overflow="hidden",u.style.border="0",E!==void 0&&(Array.isArray(E)?u.checked=E.includes(c.value):u.checked=String(E)===String(c.value));let N=()=>{u.checked?y.classList.add("selected"):y.classList.remove("selected")};u.addEventListener("change",()=>{d.querySelectorAll(".voc-form-audio-item").forEach(a=>a.classList.remove("selected")),N()}),u.checked&&y.classList.add("selected");let C=document.createElement("label");C.className="voc-form-audio-label",v&&C.classList.add("form-check-label"),C.htmlFor=u.id||"",C.textContent=c.label||c.value,C.tabIndex=0;let e=document.createElement("div");e.className="voc-form-audio-control";let p=null;if(c.audio_link){let t=document.createElement("button");t.type="button",t.className="voc-form-audio-play",v&&t.classList.add("btn","btn-sm","btn-outline-secondary"),t.setAttribute("aria-label",`Play ${c.label||c.value}`);let a="http://www.w3.org/2000/svg",i=document.createElementNS(a,"svg");i.setAttribute("viewBox","0 0 24 24"),i.setAttribute("width","16"),i.setAttribute("height","16"),i.setAttribute("aria-hidden","true");let n=document.createElementNS(a,"path");n.setAttribute("d","M8 5v14l11-7z"),n.setAttribute("fill","currentColor"),i.appendChild(n),t.appendChild(i),p=document.createElement("audio"),p.src=c.audio_link,p.preload="none",p.style.display="none";let o=l=>{for(;l.firstChild;)l.removeChild(l.firstChild)},x=()=>{let l="http://www.w3.org/2000/svg",M=document.createElementNS(l,"svg");M.setAttribute("viewBox","0 0 24 24"),M.setAttribute("width","16"),M.setAttribute("height","16"),M.setAttribute("aria-hidden","true");let T=document.createElementNS(l,"path");return T.setAttribute("d","M8 5v14l11-7z"),T.setAttribute("fill","currentColor"),M.appendChild(T),M},A=()=>{let l="http://www.w3.org/2000/svg",M=document.createElementNS(l,"svg");M.setAttribute("viewBox","0 0 24 24"),M.setAttribute("width","16"),M.setAttribute("height","16"),M.setAttribute("aria-hidden","true");let T=document.createElementNS(l,"rect");return T.setAttribute("x","6"),T.setAttribute("y","6"),T.setAttribute("width","12"),T.setAttribute("height","12"),T.setAttribute("fill","currentColor"),M.appendChild(T),M};o(t),t.appendChild(x());let $=l=>{o(t),l?(t.appendChild(A()),t.setAttribute("aria-label",`Stop ${c.label||c.value}`)):(t.appendChild(x()),t.setAttribute("aria-label",`Play ${c.label||c.value}`))};t.addEventListener("click",()=>{try{if(!p)return;let l=d.querySelectorAll("audio");if(!p.paused&&!p.ended){p.pause(),p.currentTime=0;return}l.forEach(T=>{try{T.pause(),T.currentTime=0}catch{}}),d.querySelectorAll(".voc-form-audio-item").forEach(T=>T.classList.remove("is-playing")),p.play()}catch(l){console.warn("audio play failed",l)}}),p.addEventListener("playing",()=>{y.classList.add("is-playing"),$(!0)});let R=()=>{y.classList.remove("is-playing"),$(!1)};p.addEventListener("pause",R),p.addEventListener("ended",R),e.appendChild(t),e.appendChild(p)}let w=document.createElement("div");w.className="voc-form-item-detail",w.style.display="flex",w.style.flexDirection="column",w.style.gap="4px";let r=document.createElement("div");r.className="voc-form-item-top",r.style.display="flex",r.style.alignItems="center",r.style.gap="8px",r.appendChild(u),r.appendChild(C);let L=document.createElement("div");L.className="voc-form-item-description";let k=c.description||c.hint_text||"";k&&(L.textContent=k),w.appendChild(r),w.appendChild(L),e.appendChild(w),y.appendChild(e),r.addEventListener("click",t=>{let a=t.target;a&&a.closest(".voc-form-audio-play")||(u.checked=!0,u.dispatchEvent(new Event("change",{bubbles:!0})))}),y.addEventListener("click",t=>{let a=t.target;a&&a.closest(".voc-form-audio-play")||(u.checked=!0,u.dispatchEvent(new Event("change",{bubbles:!0})))}),d.appendChild(y)}),d}function V(s,b,f){let v=document.createElement("div");v.className="voc-form-table-wrapper";let d=b?.style==="bootstrap",m=document.createElement("input");m.type="hidden",m.name=s.name||s.key,s.key&&(m.id=`voc-form-${s.key}`),v.appendChild(m);let E=document.createElement("table");E.className="voc-form-table",d&&E.classList.add("table","table-bordered");let c=document.createElement("thead"),h=document.createElement("tr"),y=document.createElement("th");y.className="voc-form-table-drag-col",y.textContent="",h.appendChild(y),(s.fields||[]).forEach(a=>{let i=document.createElement("th");i.textContent=a.label||a.key,h.appendChild(i)});let u=document.createElement("th");u.textContent="Actions",h.appendChild(u),c.appendChild(h),E.appendChild(c);let N=document.createElement("tbody");E.appendChild(N),v.appendChild(E);let C=document.createElement("button");C.type="button",C.className="voc-form-table-add",d&&C.classList.add("btn","btn-secondary"),C.textContent="+Add";let e=document.createElement("tfoot"),p=document.createElement("tr"),w=document.createElement("td");w.colSpan=(s.fields?s.fields.length:0)+1,w.appendChild(C),p.appendChild(w),e.appendChild(p),E.appendChild(e),v.appendChild(E);let r=[];function L(){m.value=JSON.stringify(r)}function k(a){let i=[];return s.fields.forEach(n=>{let o=a[n.key];if(n.type==="checkbox"){let x=Array.isArray(o)?o:o?[o]:[];n.required&&x.length===0&&i.push(`${n.label||n.key} is required`);return}n.required&&(o==null||String(o).trim()==="")&&i.push(`${n.label||n.key} is required`),n.type==="email"&&o&&(/^\S+@\S+\.\S+$/.test(String(o))||i.push(`${n.label||n.key} must be a valid email`)),n.type==="number"&&o&&isNaN(Number(o))&&i.push(`${n.label||n.key} must be a number`),n.validation&&n.validation.regex&&o&&(new RegExp(n.validation.regex).test(String(o))||i.push(`${n.label||n.key} invalid format`))}),i}function t(){N.innerHTML="";let a=(i,n)=>{n.draggable=!0,n.addEventListener("mousedown",()=>{n.style.cursor="grabbing"}),n.addEventListener("mouseup",()=>{n.style.cursor="grab"}),n.addEventListener("dragstart",o=>{let x=Number(i.dataset.rowIndex);o.dataTransfer.setData("text/plain",String(x)),i.classList.add("dragging");try{o.dataTransfer?.setDragImage(n,10,10)}catch{}}),n.addEventListener("dragend",()=>{i.classList.remove("dragging"),n.style.cursor="grab"}),i.addEventListener("dragover",o=>{o.preventDefault(),o.currentTarget.classList.add("drag-over")}),i.addEventListener("dragleave",o=>{o.currentTarget.classList.remove("drag-over")}),i.addEventListener("drop",o=>{o.preventDefault();let x=o.dataTransfer.getData("text/plain"),A=Number(o.currentTarget.dataset.rowIndex),$=Number(x);if(!isNaN($)&&!isNaN(A)&&$!==A){let[R]=r.splice($,1);r.splice(A,0,R),t(),L()}})};r.forEach((i,n)=>{let o=document.createElement("tr");o.dataset.rowIndex=String(n),o.classList.add("voc-form-table-row");let x=document.createElement("td");x.className="voc-form-table-drag-handle";let A=document.createElement("span");A.className="voc-form-drag-handle-icon",A.textContent="\u2630",A.style.cursor="grab",x.appendChild(A),o.appendChild(x),a(o,A),s.fields.forEach(l=>{let M=document.createElement("td"),T,q=(l.type||"text").toLowerCase();if(q==="select"){let g=document.createElement("select");if(g.className="voc-form-table-cell",d&&g.classList.add("form-control"),l.placeholder){let F=document.createElement("option");F.value="",F.textContent=l.placeholder,F.disabled=!0,(i[l.key]===void 0||i[l.key]===null||i[l.key]==="")&&(F.selected=!0),g.appendChild(F)}(l.options||[]).forEach(F=>{let D=document.createElement("option");D.value=F.value,D.textContent=F.label,g.appendChild(D)}),g.value=i[l.key]!==void 0&&i[l.key]!==null?String(i[l.key]):"",l.required&&(g.required=!0),g.addEventListener("change",F=>{r[n][l.key]=F.target.value,L()}),T=g}else if(q==="checkbox"){let g=document.createElement("div");g.className="voc-form-table-checkboxes",d&&g.classList.add("form-check");let B=l.options||[];Array.isArray(r[n][l.key])||(r[n][l.key]=r[n][l.key]?[r[n][l.key]]:[]),B.forEach(F=>{let D=`voc-form-${s.key}-${l.key}-${n}-${F.value}`,_=document.createElement("div");_.className="voc-form-table-checkbox-item",d&&_.classList.add("form-check");let S=document.createElement("input");S.type="checkbox",S.className="voc-form-table-cell",d&&S.classList.add("form-check-input"),S.id=D,S.value=F.value,S.checked=Array.isArray(r[n][l.key])&&r[n][l.key].includes(F.value),S.addEventListener("change",O=>{let U=O.target.checked;Array.isArray(r[n][l.key])||(r[n][l.key]=[]),U?r[n][l.key].includes(F.value)||r[n][l.key].push(F.value):r[n][l.key]=r[n][l.key].filter(K=>K!==F.value),L()});let H=document.createElement("label");H.htmlFor=D,H.className="voc-form-table-checkbox-label",d&&H.classList.add("form-check-label"),H.textContent=F.label,_.appendChild(S),_.appendChild(H),g.appendChild(_)}),T=g}else if(q==="radio"){let g=document.createElement("div");g.className="voc-form-table-radios",d&&g.classList.add("form-check");let B=l.options||[];r[n][l.key]===void 0&&(r[n][l.key]=""),B.forEach(F=>{let D=`voc-form-${s.key}-${l.key}-${n}-${F.value}`,_=document.createElement("div");_.className="voc-form-table-radio-item",d&&_.classList.add("form-check");let S=document.createElement("input");S.type="radio",S.className="voc-form-table-cell",d&&S.classList.add("form-check-input"),S.id=D,S.name=`voc-form-${s.key}-${l.key}-${n}`,S.value=F.value,S.checked=r[n][l.key]===F.value,S.addEventListener("change",O=>{O.target.checked&&(r[n][l.key]=O.target.value,L())});let H=document.createElement("label");H.htmlFor=D,H.className="voc-form-table-radio-label",d&&H.classList.add("form-check-label"),H.textContent=F.label,_.appendChild(S),_.appendChild(H),g.appendChild(_)}),T=g}else{let g=document.createElement("input");q==="number"?g.type="number":q==="email"?g.type="email":q==="tel"?g.type="tel":q==="url"?g.type="url":q==="date"?g.type="date":g.type="text",g.value=i[l.key]!==void 0&&i[l.key]!==null?String(i[l.key]):"",l.placeholder&&(g.placeholder=l.placeholder),l.required&&(g.required=!0),g.className="voc-form-table-cell",d&&g.classList.add("form-control"),g.addEventListener("input",B=>{r[n][l.key]=B.target.value,L()}),T=g}M.appendChild(T),o.appendChild(M)});let $=document.createElement("td"),R=document.createElement("button");R.type="button",R.className="voc-form-table-remove",d&&R.classList.add("btn","btn-danger"),R.textContent="Remove",R.addEventListener("click",()=>{r.splice(n,1),t(),L()}),$.appendChild(R),o.appendChild($),N.appendChild(o)})}return C.addEventListener("click",()=>{if(s.validation?.max_rows!==void 0&&r.length>=s.validation.max_rows)return;let a={};s.fields.forEach(i=>a[i.key]=""),r.push(a),t(),L()}),Array.isArray(f)&&f.length?r=f.map(a=>({...a})):s.default&&Array.isArray(s.default)&&(r=s.default.map(a=>({...a}))),t(),L(),v.validate=function(){let a=[];return r.forEach((i,n)=>{let o=k(i);o.length&&a.push(`Row ${n+1}: ${o.join("; ")}`)}),s.validation?.min_rows!==void 0&&r.length<s.validation.min_rows&&a.push(`At least ${s.validation.min_rows} rows required`),s.validation?.max_rows!==void 0&&r.length>s.validation.max_rows&&a.push(`No more than ${s.validation.max_rows} rows allowed`),s.validation?.unique_fields&&s.validation.unique_fields.length&&s.validation.unique_fields.forEach(i=>{let n=new Set;r.forEach((o,x)=>{let A=o[i];A!=null&&(n.has(A)&&a.push(`Field ${i} must be unique (duplicate at row ${x+1})`),n.add(A))})}),a},v}function I(s,b=!0){let f=new FormData(s);if(b)return ae(f);let v={};return f.forEach((d,m)=>{let E=(d instanceof File,d);Object.prototype.hasOwnProperty.call(v,m)?Array.isArray(v[m])?v[m].push(E):v[m]=[v[m],E]:v[m]=E}),v}function ae(s){let b=new FormData;for(let[f,v]of s.entries()){if(v instanceof File){b.append(f,v);continue}let d;try{d=JSON.parse(v)}catch{d=null}Array.isArray(d)&&d.every(m=>typeof m=="object"&&m!==null)?d.forEach((m,E)=>{for(let[c,h]of Object.entries(m))b.append(`${f}[${E}][${c}]`,h)}):b.append(f,v)}return b}async function G(s,b,f){let v=b.url,d={"Content-Type":"application/json"};b?.api_token&&(d.Authorization=`Bearer ${b.api_token}`);let m=I(s);if(b?.additional_data)for(let[h,y]of Object.entries(b.additional_data))m.append(h,y);let E,c=m instanceof FormData;E={method:"POST",headers:{Authorization:`Bearer ${b.api_token}`,...c?{}:{"Content-Type":"application/json"},Accept:"application/json"},body:c?m:JSON.stringify(Object.fromEntries(m.entries()))};try{fetch(v,E).then(async h=>{let y=h.headers.get("content-type");if(!h.ok)try{let N=(await h.json())?.message;throw new Error(N??"Their was an error submitting the form. Check your form and try again.")}catch(u){throw new Error(u.message)}return y&&y.includes("application/json")?h.json():h.text()}).then(h=>{f&&f(h,null)}).catch(h=>{f&&f(null,h)})}catch(h){f&&f(null,h)}}function J(s,b,f){let v=[];if(typeof s=="string"?v=Array.from(document.querySelectorAll(s)):v=[s],v.length===0)return null;function d(){let c=f?.style==="bootstrap",h=document.createElement("form");h.classList.add("voc-form"),c&&h.classList.add("needs-validation"),h.id=b.id;let y=document.createElement("h2");y.className="voc-form-title",c&&y.classList.add("mb-3"),y.textContent=b.form_name,h.appendChild(y);function u(e,p){p&&(p.min_length!==void 0&&(e.minLength=p.min_length),p.max_length!==void 0&&(e.maxLength=p.max_length),p.regex&&(e instanceof HTMLInputElement?e.pattern=p.regex:e.dataset.pattern=p.regex))}function N(e){if(!e.key&&!e.label)return null;let p=b.default_values||{},w=e.name||e.key,r=w?p[w]:void 0,L=document.createElement("div");if(L.className="voc-form-group",c&&L.classList.add("mb-3"),e.label){let t=document.createElement("label");if(t.classList.add("voc-form-label"),c&&t.classList.add("form-label"),e.key?e.type==="radio"?t.htmlFor="":t.htmlFor=`voc-form-${e.key}`:t.htmlFor="",t.textContent=e.label,e.required){let a=document.createElement("span");a.className="voc-form-required",a.textContent="*",t.appendChild(a)}L.appendChild(t)}let k=null;switch(e.type){case"checkbox":{let t=document.createElement("div");if(t.className="voc-form-checkbox-group "+(e.direction||"vertical"),e.width&&(t.style.width=e.width),e.options)e.options.forEach((a,i)=>{let n=document.createElement("label");n.classList.add("voc-form-checkbox-label"),c&&n.classList.add("form-check"),n.style.display=e.direction==="horizontal"?"inline-block":"block",e.width&&(n.style.width=e.width);let o=document.createElement("input");o.type="checkbox",o.classList.add("voc-form-checkbox"),c&&o.classList.add("form-check-input"),o.name=e.name||e.key||"",o.value=a.value,e.key&&(o.id=`voc-form-${e.key}-${i}`),e.required&&(o.required=!0),Array.isArray(r)?r.includes(a.value)&&(o.checked=!0):r!==void 0?r===a.value&&(o.checked=!0):e.default===a.value&&(o.checked=!0),n.appendChild(o),n.appendChild(document.createTextNode(a.label)),t.appendChild(n)});else{let a=document.createElement("label");a.classList.add("voc-form-checkbox-label"),c&&a.classList.add("form-check"),e.width&&(a.style.width=e.width);let i=document.createElement("input");i.type="checkbox",i.classList.add("voc-form-checkbox"),(e.key||e.name)&&(i.name=e.name||e.key,e.key&&(i.id=`voc-form-${e.key}`)),c&&i.classList.add("form-check-input"),e.required&&(i.required=!0),r!==void 0?i.checked=!!r:e.default&&(i.checked=!!e.default),a.appendChild(i),a.appendChild(document.createTextNode(e.label||"")),t.appendChild(a)}k=t;break}case"textarea":{let t=document.createElement("textarea");t.classList.add("voc-form-textarea"),c&&t.classList.add("form-control"),(e.key||e.name)&&(t.name=e.name||e.key,e.key&&(t.id=`voc-form-${e.key}`)),e.placeholder&&(t.placeholder=e.placeholder),r!=null?t.value=String(r):e.default!==void 0&&e.default!==null&&(t.value=String(e.default));let a=e.default||r||"";if(a){let i=(a.match(/\n/g)||[]).length,n=80,o=a.split(`
-`).reduce(($,R)=>Math.max($,R.length),0),x=Math.ceil(o/n)||1,A=Math.max(2,i+x);t.rows=A,t.style.resize="vertical"}e.width&&(t.style.width=e.width),e.required&&(t.required=!0),u(t,e.validation),k=t;break}case"select":{let t=document.createElement("select");if(t.classList.add("voc-form-select"),c&&t.classList.add("form-select"),c&&t.classList.add("form-control"),(e.key||e.name)&&(t.name=e.name||e.key,e.key&&(t.id=`voc-form-${e.key}`)),e.placeholder){let a=document.createElement("option");a.value="",a.textContent=e.placeholder,a.disabled=!0,a.selected=!0,t.appendChild(a)}e.required&&(t.required=!0),e.options&&e.options.forEach(a=>{let i=document.createElement("option");i.value=a.value,i.textContent=a.label,Array.isArray(r)?r.includes(a.value)&&(i.selected=!0):r!==void 0?r===a.value&&(i.selected=!0):e.default===a.value&&(i.selected=!0),t.appendChild(i)}),e.width&&(t.style.width=e.width),k=t;break}case"radio":{let t=document.createElement("div");t.className="voc-form-radio-group "+(e.direction||"vertical"),e.width&&(t.style.width=e.width),e.options&&e.options.forEach((a,i)=>{let n=document.createElement("label");n.classList.add("voc-form-radio-label"),c&&n.classList.add("form-check"),n.style.display=e.direction==="horizontal"?"inline-block":"block",e.width&&(n.style.width=e.width);let o=document.createElement("input");o.type="radio",o.classList.add("voc-form-radio"),c&&o.classList.add("form-check-input"),o.name=e.name||e.key||"",o.value=a.value,e.key&&(o.id=`voc-form-${e.key}-${i}`),Array.isArray(r)?r.includes(a.value)&&(o.checked=!0):r!==void 0?r===a.value&&(o.checked=!0):e.default===a.value&&(o.checked=!0),n.appendChild(o),n.appendChild(document.createTextNode(a.label)),t.appendChild(n)}),k=t;break}case"file":{let t=document.createElement("div");t.className="voc-form-file-wrapper",e.width&&(t.style.width=e.width);let a=document.createElement("input");a.type="file",a.classList.add("voc-form-file"),c&&a.classList.add("form-control"),(e.key||e.name)&&(a.name=e.name||e.key,e.key&&(a.id=`voc-form-${e.key}`)),e.width&&(a.style.width=e.width),e.required&&(a.required=!0),e.accept&&(a.accept=e.accept),e.multiple&&(a.multiple=!0),t.appendChild(a),k=t;break}case"avatar":{k=z(e,f||{},r);break}case"table":{k=V(e,f||{},r);break}case"audio_select":{k=P(e,f||{},r);break}default:{let t=document.createElement("input");t.type=e.type||"text",t.classList.add("voc-form-input"),c&&t.classList.add("form-control"),(e.key||e.name)&&(t.name=e.name||e.key,e.key&&(t.id=`voc-form-${e.key}`)),e.placeholder&&(t.placeholder=e.placeholder),r!=null?t.value=String(r):e.default!==void 0&&e.default!==null&&(t.value=String(e.default)),e.width&&(t.style.width=e.width),e.required&&(t.required=!0),u(t,e.validation),k=t;break}}if(k&&L.appendChild(k),e.hint_text){let t=document.createElement("small");t.className="voc-form-hint",t.textContent=e.hint_text,L.appendChild(t)}return L}b.fields.forEach(e=>{if(e.type==="group"&&"items"in e){let p=e;if(c){let w=document.createElement("div");w.className="card voc-form-group-card mb-3";let r=p.label||p.header?.title,L=p.description||p.header?.description;if(r||L){let t=document.createElement("div");if(t.className="card-header voc-form-group-head",r){let a=document.createElement("h5");a.className="mb-0 voc-form-group-label",a.textContent=r,t.appendChild(a)}if(L){let a=document.createElement("p");a.className="mb-0 voc-form-group-description",a.textContent=L,t.appendChild(a)}w.appendChild(t)}let k=document.createElement("div");k.className="card-body voc-form-group-body",p.items.forEach(t=>{if(t.type==="row"&&"items"in t){let a=t,i=document.createElement("div");if(i.className="voc-form-group voc-form-row mb-3",a.label){let o=document.createElement("h6");o.className="voc-form-row-label",o.textContent=a.label,i.appendChild(o)}let n=document.createElement("div");n.className="voc-form-row-items "+(a.direction||"horizontal"),a.items.forEach(o=>{let x=N(o);x&&n.appendChild(x)}),i.appendChild(n),k.appendChild(i)}else{let a=N(t);a&&k.appendChild(a)}}),w.appendChild(k),h.appendChild(w)}else{let w=document.createElement("div");w.className="voc-form-group voc-form-group-wrapper",c&&w.classList.add("mb-3");let r=p.label||p.header?.title,L=p.description||p.header?.description;if(r||L){let k=document.createElement("div");if(k.className="voc-form-group-head",r){let t=document.createElement("h3");t.className="voc-form-group-label",t.textContent=r,k.appendChild(t)}if(L){let t=document.createElement("p");t.className="voc-form-group-description",t.textContent=L,k.appendChild(t)}w.appendChild(k)}p.items.forEach(k=>{if(k.type==="row"&&"items"in k){let t=k,a=document.createElement("div");if(a.className="voc-form-group voc-form-row",c&&a.classList.add("mb-3"),t.label){let n=document.createElement("h4");n.className="voc-form-row-label",n.textContent=t.label,a.appendChild(n)}let i=document.createElement("div");i.className="voc-form-row-items "+(t.direction||"horizontal"),t.items.forEach(n=>{let o=N(n);o&&i.appendChild(o)}),a.appendChild(i),w.appendChild(a)}else{let t=N(k);t&&w.appendChild(t)}}),h.appendChild(w)}return}if(e.type==="row"&&"items"in e){let p=document.createElement("div");if(p.className="voc-form-group voc-form-row",c&&p.classList.add("mb-3"),e.label){let r=document.createElement("h3");r.className="voc-form-row-label",r.textContent=e.label,p.appendChild(r)}if(e.description){let r=document.createElement("p");r.className="voc-form-row-description",r.textContent=e.description,p.appendChild(r)}let w=document.createElement("div");w.className="voc-form-row-items "+(e.direction||"horizontal"),p.appendChild(w),e.items.forEach(r=>{let L=N(r);L&&w.appendChild(L)}),h.appendChild(p)}else{let p=N(e);p&&h.appendChild(p)}});let C=document.createElement("button");return C.type="submit",C.className="voc-form-submit",C.textContent="Submit",c&&C.classList.add("btn","btn-primary"),h.appendChild(C),h}let m=d();v[0].appendChild(m);let E=b?.submit_config??f?.submit_config??null;return E&&m.addEventListener("submit",c=>{if(c.preventDefault(),!m.checkValidity()){m.reportValidity(),f?.onSubmitResult&&f.onSubmitResult(null,new Error("Form validation failed"));return}let h=Array.from(m.querySelectorAll(" .voc-form-table-wrapper, .voc-form-table-wrapper")),y=[];if(h.forEach(u=>{if(u&&typeof u.validate=="function"){let N=u.validate();N&&N.length&&y.push(...N)}}),y.length){f?.onSubmitResult&&f.onSubmitResult(null,new Error(y.join("; ")));let u=h[0];u&&u.scrollIntoView({behavior:"smooth",block:"center"});return}G(m,E,(u,N)=>{f?.onSubmitResult&&f.onSubmitResult(u,N)})}),{element:m,validate:()=>{let c=[];return m.querySelectorAll(":invalid").forEach(y=>{let u=y.validationMessage;c.push({element:y,message:u})}),c},getValues:()=>I(m),onSubmit:c=>{m.addEventListener("submit",h=>{h.preventDefault();let y=I(m);c(y,h)})}}}var W={renderForm:J};var ne=W,re={FormsLib:W};0&&(module.exports={FormsLib});
+"use strict";var j=Object.defineProperty;var Y=Object.getOwnPropertyDescriptor;var Q=Object.getOwnPropertyNames;var X=Object.prototype.hasOwnProperty;var Z=(s,b)=>{for(var f in b)j(s,f,{get:b[f],enumerable:!0})},ee=(s,b,f,y)=>{if(b&&typeof b=="object"||typeof b=="function")for(let u of Q(b))!X.call(s,u)&&u!==f&&j(s,u,{get:()=>b[u],enumerable:!(y=Y(b,u))||y.enumerable});return s};var te=s=>ee(j({},"__esModule",{value:!0}),s);var oe={};Z(oe,{FormsLib:()=>ne,default:()=>re});module.exports=te(oe);function W(s,b,f){let y=b?.style==="bootstrap",u=document.createElement("div");u.className="voc-form-avatar-wrapper",y&&u.classList.add("d-flex","align-items-center","gap-3");let m=document.createElement("img");m.className="voc-form-avatar-preview",m.alt=s.label||"avatar",y&&(m.classList.add("img-thumbnail","rounded-circle"),m.style.width=m.style.height="64px",m.style.objectFit="cover");let E=f!=null?String(f):s.default!==void 0&&s.default!==null?String(s.default):"";E?m.src=E:(m.src="",m.style.display="none");let c=document.createElement("input");c.type="file",c.accept=s.accept||"image/*",c.className="voc-form-avatar-input",y&&c.classList.add("form-control"),(s.key||s.name)&&(c.name=s.name||s.key,s.key&&(c.id=`voc-form-${s.key}`));let h=document.createElement("input");if(h.type="hidden",(s.key||s.name)&&(h.name=(s.name||s.key)+"_url"),h.value=E||"",c.addEventListener("change",v=>{let d=v.target;if(d.files&&d.files.length>0){let N=d.files[0],x=new FileReader;x.onload=()=>{m.src=String(x.result),m.style.display="",h.value=""},x.readAsDataURL(N)}}),y){let v=document.createElement("div");v.style.flex="1",v.appendChild(c),v.appendChild(h),u.appendChild(m),u.appendChild(v)}else u.appendChild(m),u.appendChild(c),u.appendChild(h);return u}function z(s,b,f){let y=b?.style==="bootstrap",u=document.createElement("div");if(u.className="voc-form-audio-select",!s.options||s.options.length===0)return u;let m=s.name||s.key||`audio_select_${Math.random().toString(36).substr(2,6)}`,E;return Array.isArray(f)?E=f[0]:f!==void 0?E=f:s.default!==void 0&&(E=s.default),s.options.forEach((c,h)=>{let v=document.createElement("div");v.className="voc-form-audio-item",y&&v.classList.add("form-check");let d=document.createElement("input");d.type="radio",d.name=m,d.value=c.value,d.className="voc-form-audio-radio",s.key&&(d.id=`voc-form-${s.key}-${h}`),s.required&&h===0&&(d.required=!0),d.style.position="absolute",d.style.width="1px",d.style.height="1px",d.style.margin="0",d.style.padding="0",d.style.clip="rect(0 0 0 0)",d.style.clipPath="inset(50%)",d.style.overflow="hidden",d.style.border="0",E!==void 0&&(Array.isArray(E)?d.checked=E.includes(c.value):d.checked=String(E)===String(c.value));let N=()=>{d.checked?v.classList.add("selected"):v.classList.remove("selected")};d.addEventListener("change",()=>{u.querySelectorAll(".voc-form-audio-item").forEach(a=>a.classList.remove("selected")),N()}),d.checked&&v.classList.add("selected");let x=document.createElement("label");x.className="voc-form-audio-label",y&&x.classList.add("form-check-label"),x.htmlFor=d.id||"",x.textContent=c.label||c.value,x.tabIndex=0;let e=document.createElement("div");e.className="voc-form-audio-control";let p=null;if(c.audio_link){let t=document.createElement("button");t.type="button",t.className="voc-form-audio-play",y&&t.classList.add("btn","btn-sm","btn-outline-secondary"),t.setAttribute("aria-label",`Play ${c.label||c.value}`);let a="http://www.w3.org/2000/svg",i=document.createElementNS(a,"svg");i.setAttribute("viewBox","0 0 24 24"),i.setAttribute("width","16"),i.setAttribute("height","16"),i.setAttribute("aria-hidden","true");let n=document.createElementNS(a,"path");n.setAttribute("d","M8 5v14l11-7z"),n.setAttribute("fill","currentColor"),i.appendChild(n),t.appendChild(i),p=document.createElement("audio"),p.src=c.audio_link,p.preload="none",p.style.display="none";let o=l=>{for(;l.firstChild;)l.removeChild(l.firstChild)},w=()=>{let l="http://www.w3.org/2000/svg",S=document.createElementNS(l,"svg");S.setAttribute("viewBox","0 0 24 24"),S.setAttribute("width","16"),S.setAttribute("height","16"),S.setAttribute("aria-hidden","true");let T=document.createElementNS(l,"path");return T.setAttribute("d","M8 5v14l11-7z"),T.setAttribute("fill","currentColor"),S.appendChild(T),S},A=()=>{let l="http://www.w3.org/2000/svg",S=document.createElementNS(l,"svg");S.setAttribute("viewBox","0 0 24 24"),S.setAttribute("width","16"),S.setAttribute("height","16"),S.setAttribute("aria-hidden","true");let T=document.createElementNS(l,"rect");return T.setAttribute("x","6"),T.setAttribute("y","6"),T.setAttribute("width","12"),T.setAttribute("height","12"),T.setAttribute("fill","currentColor"),S.appendChild(T),S};o(t),t.appendChild(w());let H=l=>{o(t),l?(t.appendChild(A()),t.setAttribute("aria-label",`Stop ${c.label||c.value}`)):(t.appendChild(w()),t.setAttribute("aria-label",`Play ${c.label||c.value}`))};t.addEventListener("click",()=>{try{if(!p)return;let l=u.querySelectorAll("audio");if(!p.paused&&!p.ended){p.pause(),p.currentTime=0;return}l.forEach(T=>{try{T.pause(),T.currentTime=0}catch{}}),u.querySelectorAll(".voc-form-audio-item").forEach(T=>T.classList.remove("is-playing")),p.play()}catch(l){console.warn("audio play failed",l)}}),p.addEventListener("playing",()=>{v.classList.add("is-playing"),H(!0)});let R=()=>{v.classList.remove("is-playing"),H(!1)};p.addEventListener("pause",R),p.addEventListener("ended",R),e.appendChild(t),e.appendChild(p)}let L=document.createElement("div");L.className="voc-form-item-detail",L.style.display="flex",L.style.flexDirection="column",L.style.gap="4px";let r=document.createElement("div");r.className="voc-form-item-top",r.style.display="flex",r.style.alignItems="center",r.style.gap="8px",r.appendChild(d),r.appendChild(x);let C=document.createElement("div");C.className="voc-form-item-description";let k=c.description||c.hint_text||"";k&&(C.textContent=k),L.appendChild(r),L.appendChild(C),e.appendChild(L),v.appendChild(e),r.addEventListener("click",t=>{let a=t.target;a&&a.closest(".voc-form-audio-play")||(d.checked=!0,d.dispatchEvent(new Event("change",{bubbles:!0})))}),v.addEventListener("click",t=>{let a=t.target;a&&a.closest(".voc-form-audio-play")||(d.checked=!0,d.dispatchEvent(new Event("change",{bubbles:!0})))}),u.appendChild(v)}),u}function V(s,b,f){let y=document.createElement("div");y.className="voc-form-table-wrapper";let u=b?.style==="bootstrap",m=document.createElement("input");m.type="hidden",m.name=s.name||s.key,s.key&&(m.id=`voc-form-${s.key}`),y.appendChild(m);let E=document.createElement("table");E.className="voc-form-table",u&&E.classList.add("table","table-bordered");let c=document.createElement("thead"),h=document.createElement("tr"),v=document.createElement("th");v.className="voc-form-table-drag-col",v.textContent="",h.appendChild(v),(s.fields||[]).forEach(a=>{let i=document.createElement("th");i.textContent=a.label||a.key,h.appendChild(i)});let d=document.createElement("th");d.textContent="Actions",h.appendChild(d),c.appendChild(h),E.appendChild(c);let N=document.createElement("tbody");E.appendChild(N),y.appendChild(E);let x=document.createElement("button");x.type="button",x.className="voc-form-table-add",u&&x.classList.add("btn","btn-secondary"),x.textContent="+Add";let e=document.createElement("tfoot"),p=document.createElement("tr"),L=document.createElement("td");L.colSpan=(s.fields?s.fields.length:0)+1,L.appendChild(x),p.appendChild(L),e.appendChild(p),E.appendChild(e),y.appendChild(E);let r=[];function C(){m.value=JSON.stringify(r)}function k(a){let i=[];return s.fields.forEach(n=>{let o=a[n.key];if(n.type==="checkbox"){let w=Array.isArray(o)?o:o?[o]:[];n.required&&w.length===0&&i.push(`${n.label||n.key} is required`);return}n.required&&(o==null||String(o).trim()==="")&&i.push(`${n.label||n.key} is required`),n.type==="email"&&o&&(/^\S+@\S+\.\S+$/.test(String(o))||i.push(`${n.label||n.key} must be a valid email`)),n.type==="number"&&o&&isNaN(Number(o))&&i.push(`${n.label||n.key} must be a number`),n.validation&&n.validation.regex&&o&&(new RegExp(n.validation.regex).test(String(o))||i.push(`${n.label||n.key} invalid format`))}),i}function t(){N.innerHTML="";let a=(i,n)=>{n.draggable=!0,n.addEventListener("mousedown",()=>{n.style.cursor="grabbing"}),n.addEventListener("mouseup",()=>{n.style.cursor="grab"}),n.addEventListener("dragstart",o=>{let w=Number(i.dataset.rowIndex);o.dataTransfer.setData("text/plain",String(w)),i.classList.add("dragging");try{o.dataTransfer?.setDragImage(n,10,10)}catch{}}),n.addEventListener("dragend",()=>{i.classList.remove("dragging"),n.style.cursor="grab"}),i.addEventListener("dragover",o=>{o.preventDefault();let w=o.currentTarget,A=w.getBoundingClientRect(),H=A.top+A.height/2,R=(o.clientY||o.y)>H;w.classList.remove("drag-over-top","drag-over-bottom"),R?(w.classList.add("drag-over-bottom"),w.dataset.dropPosition="after"):(w.classList.add("drag-over-top"),w.dataset.dropPosition="before")}),i.addEventListener("dragleave",o=>{let w=o.currentTarget;w.classList.remove("drag-over-top","drag-over-bottom"),delete w.dataset.dropPosition}),i.addEventListener("drop",o=>{o.preventDefault();let w=o.dataTransfer.getData("text/plain"),A=Number(o.currentTarget.dataset.rowIndex),H=Number(w),R=o.currentTarget.dataset.dropPosition||"before";if(isNaN(H)||isNaN(A))return;let[l]=r.splice(H,1),S=A;H<A&&(S=A-1);let T=R==="after"?S+1:S;r.splice(T,0,l),o.currentTarget.classList.remove("drag-over-top","drag-over-bottom"),delete o.currentTarget.dataset.dropPosition,t(),C()})};r.forEach((i,n)=>{let o=document.createElement("tr");o.dataset.rowIndex=String(n),o.classList.add("voc-form-table-row");let w=document.createElement("td");w.className="voc-form-table-drag-handle";let A=document.createElement("span");A.className="voc-form-drag-handle-icon",A.textContent="\u2630",A.style.cursor="grab",w.appendChild(A),o.appendChild(w),a(o,A),s.fields.forEach(l=>{let S=document.createElement("td"),T,q=(l.type||"text").toLowerCase();if(q==="select"){let g=document.createElement("select");if(g.className="voc-form-table-cell",u&&g.classList.add("form-control"),l.placeholder){let F=document.createElement("option");F.value="",F.textContent=l.placeholder,F.disabled=!0,(i[l.key]===void 0||i[l.key]===null||i[l.key]==="")&&(F.selected=!0),g.appendChild(F)}(l.options||[]).forEach(F=>{let D=document.createElement("option");D.value=F.value,D.textContent=F.label,g.appendChild(D)}),g.value=i[l.key]!==void 0&&i[l.key]!==null?String(i[l.key]):"",l.required&&(g.required=!0),g.addEventListener("change",F=>{r[n][l.key]=F.target.value,C()}),T=g}else if(q==="checkbox"){let g=document.createElement("div");g.className="voc-form-table-checkboxes",u&&g.classList.add("form-check");let B=l.options||[];Array.isArray(r[n][l.key])||(r[n][l.key]=r[n][l.key]?[r[n][l.key]]:[]),B.forEach(F=>{let D=`voc-form-${s.key}-${l.key}-${n}-${F.value}`,$=document.createElement("div");$.className="voc-form-table-checkbox-item",u&&$.classList.add("form-check");let M=document.createElement("input");M.type="checkbox",M.className="voc-form-table-cell",u&&M.classList.add("form-check-input"),M.id=D,M.value=F.value,M.checked=Array.isArray(r[n][l.key])&&r[n][l.key].includes(F.value),M.addEventListener("change",O=>{let U=O.target.checked;Array.isArray(r[n][l.key])||(r[n][l.key]=[]),U?r[n][l.key].includes(F.value)||r[n][l.key].push(F.value):r[n][l.key]=r[n][l.key].filter(K=>K!==F.value),C()});let _=document.createElement("label");_.htmlFor=D,_.className="voc-form-table-checkbox-label",u&&_.classList.add("form-check-label"),_.textContent=F.label,$.appendChild(M),$.appendChild(_),g.appendChild($)}),T=g}else if(q==="radio"){let g=document.createElement("div");g.className="voc-form-table-radios",u&&g.classList.add("form-check");let B=l.options||[];r[n][l.key]===void 0&&(r[n][l.key]=""),B.forEach(F=>{let D=`voc-form-${s.key}-${l.key}-${n}-${F.value}`,$=document.createElement("div");$.className="voc-form-table-radio-item",u&&$.classList.add("form-check");let M=document.createElement("input");M.type="radio",M.className="voc-form-table-cell",u&&M.classList.add("form-check-input"),M.id=D,M.name=`voc-form-${s.key}-${l.key}-${n}`,M.value=F.value,M.checked=r[n][l.key]===F.value,M.addEventListener("change",O=>{O.target.checked&&(r[n][l.key]=O.target.value,C())});let _=document.createElement("label");_.htmlFor=D,_.className="voc-form-table-radio-label",u&&_.classList.add("form-check-label"),_.textContent=F.label,$.appendChild(M),$.appendChild(_),g.appendChild($)}),T=g}else{let g=document.createElement("input");q==="number"?g.type="number":q==="email"?g.type="email":q==="tel"?g.type="tel":q==="url"?g.type="url":q==="date"?g.type="date":g.type="text",g.value=i[l.key]!==void 0&&i[l.key]!==null?String(i[l.key]):"",l.placeholder&&(g.placeholder=l.placeholder),l.required&&(g.required=!0),g.className="voc-form-table-cell",u&&g.classList.add("form-control"),g.addEventListener("input",B=>{r[n][l.key]=B.target.value,C()}),T=g}S.appendChild(T),o.appendChild(S)});let H=document.createElement("td"),R=document.createElement("button");R.type="button",R.className="voc-form-table-remove",u&&R.classList.add("btn","btn-danger"),R.textContent="Remove",R.addEventListener("click",()=>{r.splice(n,1),t(),C()}),H.appendChild(R),o.appendChild(H),N.appendChild(o)})}return x.addEventListener("click",()=>{if(s.validation?.max_rows!==void 0&&r.length>=s.validation.max_rows)return;let a={};s.fields.forEach(i=>a[i.key]=""),r.push(a),t(),C()}),Array.isArray(f)&&f.length?r=f.map(a=>({...a})):s.default&&Array.isArray(s.default)&&(r=s.default.map(a=>({...a}))),t(),C(),y.validate=function(){let a=[];return r.forEach((i,n)=>{let o=k(i);o.length&&a.push(`Row ${n+1}: ${o.join("; ")}`)}),s.validation?.min_rows!==void 0&&r.length<s.validation.min_rows&&a.push(`At least ${s.validation.min_rows} rows required`),s.validation?.max_rows!==void 0&&r.length>s.validation.max_rows&&a.push(`No more than ${s.validation.max_rows} rows allowed`),s.validation?.unique_fields&&s.validation.unique_fields.length&&s.validation.unique_fields.forEach(i=>{let n=new Set;r.forEach((o,w)=>{let A=o[i];A!=null&&(n.has(A)&&a.push(`Field ${i} must be unique (duplicate at row ${w+1})`),n.add(A))})}),a},y}function I(s,b=!0){let f=new FormData(s);if(b)return ae(f);let y={};return f.forEach((u,m)=>{let E=(u instanceof File,u);Object.prototype.hasOwnProperty.call(y,m)?Array.isArray(y[m])?y[m].push(E):y[m]=[y[m],E]:y[m]=E}),y}function ae(s){let b=new FormData;for(let[f,y]of s.entries()){if(y instanceof File){b.append(f,y);continue}let u;try{u=JSON.parse(y)}catch{u=null}Array.isArray(u)&&u.every(m=>typeof m=="object"&&m!==null)?u.forEach((m,E)=>{for(let[c,h]of Object.entries(m))b.append(`${f}[${E}][${c}]`,h)}):b.append(f,y)}return b}async function G(s,b,f){let y=b.url,u={"Content-Type":"application/json"};b?.api_token&&(u.Authorization=`Bearer ${b.api_token}`);let m=I(s);if(b?.additional_data)for(let[h,v]of Object.entries(b.additional_data))m.append(h,v);let E,c=m instanceof FormData;E={method:"POST",headers:{Authorization:`Bearer ${b.api_token}`,...c?{}:{"Content-Type":"application/json"},Accept:"application/json"},body:c?m:JSON.stringify(Object.fromEntries(m.entries()))};try{fetch(y,E).then(async h=>{let v=h.headers.get("content-type");if(!h.ok)try{let N=(await h.json())?.message;throw new Error(N??"Their was an error submitting the form. Check your form and try again.")}catch(d){throw new Error(d.message)}return v&&v.includes("application/json")?h.json():h.text()}).then(h=>{f&&f(h,null)}).catch(h=>{f&&f(null,h)})}catch(h){f&&f(null,h)}}function J(s,b,f){let y=[];if(typeof s=="string"?y=Array.from(document.querySelectorAll(s)):y=[s],y.length===0)return null;function u(){let c=f?.style==="bootstrap",h=document.createElement("form");h.classList.add("voc-form"),c&&h.classList.add("needs-validation"),h.id=b.id;let v=document.createElement("h2");v.className="voc-form-title",c&&v.classList.add("mb-3"),v.textContent=b.form_name,h.appendChild(v);function d(e,p){p&&(p.min_length!==void 0&&(e.minLength=p.min_length),p.max_length!==void 0&&(e.maxLength=p.max_length),p.regex&&(e instanceof HTMLInputElement?e.pattern=p.regex:e.dataset.pattern=p.regex))}function N(e){if(!e.key&&!e.label)return null;let p=b.default_values||{},L=e.name||e.key,r=L?p[L]:void 0,C=document.createElement("div");if(C.className="voc-form-group",c&&C.classList.add("mb-3"),e.label){let t=document.createElement("label");if(t.classList.add("voc-form-label"),c&&t.classList.add("form-label"),e.key?e.type==="radio"?t.htmlFor="":t.htmlFor=`voc-form-${e.key}`:t.htmlFor="",t.textContent=e.label,e.required){let a=document.createElement("span");a.className="voc-form-required",a.textContent="*",t.appendChild(a)}C.appendChild(t)}let k=null;switch(e.type){case"checkbox":{let t=document.createElement("div");if(t.className="voc-form-checkbox-group "+(e.direction||"vertical"),e.width&&(t.style.width=e.width),e.options)e.options.forEach((a,i)=>{let n=document.createElement("label");n.classList.add("voc-form-checkbox-label"),c&&n.classList.add("form-check"),n.style.display=e.direction==="horizontal"?"inline-block":"block",e.width&&(n.style.width=e.width);let o=document.createElement("input");o.type="checkbox",o.classList.add("voc-form-checkbox"),c&&o.classList.add("form-check-input"),o.name=e.name||e.key||"",o.value=a.value,e.key&&(o.id=`voc-form-${e.key}-${i}`),e.required&&(o.required=!0),Array.isArray(r)?r.includes(a.value)&&(o.checked=!0):r!==void 0?r===a.value&&(o.checked=!0):e.default===a.value&&(o.checked=!0),n.appendChild(o),n.appendChild(document.createTextNode(a.label)),t.appendChild(n)});else{let a=document.createElement("label");a.classList.add("voc-form-checkbox-label"),c&&a.classList.add("form-check"),e.width&&(a.style.width=e.width);let i=document.createElement("input");i.type="checkbox",i.classList.add("voc-form-checkbox"),(e.key||e.name)&&(i.name=e.name||e.key,e.key&&(i.id=`voc-form-${e.key}`)),c&&i.classList.add("form-check-input"),e.required&&(i.required=!0),r!==void 0?i.checked=!!r:e.default&&(i.checked=!!e.default),a.appendChild(i),a.appendChild(document.createTextNode(e.label||"")),t.appendChild(a)}k=t;break}case"textarea":{let t=document.createElement("textarea");t.classList.add("voc-form-textarea"),c&&t.classList.add("form-control"),(e.key||e.name)&&(t.name=e.name||e.key,e.key&&(t.id=`voc-form-${e.key}`)),e.placeholder&&(t.placeholder=e.placeholder),r!=null?t.value=String(r):e.default!==void 0&&e.default!==null&&(t.value=String(e.default));let a=e.default||r||"";if(a){let i=(a.match(/\n/g)||[]).length,n=80,o=a.split(`
+`).reduce((H,R)=>Math.max(H,R.length),0),w=Math.ceil(o/n)||1,A=Math.max(2,i+w);t.rows=A,t.style.resize="vertical"}e.width&&(t.style.width=e.width),e.required&&(t.required=!0),d(t,e.validation),k=t;break}case"select":{let t=document.createElement("select");if(t.classList.add("voc-form-select"),c&&t.classList.add("form-select"),c&&t.classList.add("form-control"),(e.key||e.name)&&(t.name=e.name||e.key,e.key&&(t.id=`voc-form-${e.key}`)),e.placeholder){let a=document.createElement("option");a.value="",a.textContent=e.placeholder,a.disabled=!0,a.selected=!0,t.appendChild(a)}e.required&&(t.required=!0),e.options&&e.options.forEach(a=>{let i=document.createElement("option");i.value=a.value,i.textContent=a.label,Array.isArray(r)?r.includes(a.value)&&(i.selected=!0):r!==void 0?r===a.value&&(i.selected=!0):e.default===a.value&&(i.selected=!0),t.appendChild(i)}),e.width&&(t.style.width=e.width),k=t;break}case"radio":{let t=document.createElement("div");t.className="voc-form-radio-group "+(e.direction||"vertical"),e.width&&(t.style.width=e.width),e.options&&e.options.forEach((a,i)=>{let n=document.createElement("label");n.classList.add("voc-form-radio-label"),c&&n.classList.add("form-check"),n.style.display=e.direction==="horizontal"?"inline-block":"block",e.width&&(n.style.width=e.width);let o=document.createElement("input");o.type="radio",o.classList.add("voc-form-radio"),c&&o.classList.add("form-check-input"),o.name=e.name||e.key||"",o.value=a.value,e.key&&(o.id=`voc-form-${e.key}-${i}`),Array.isArray(r)?r.includes(a.value)&&(o.checked=!0):r!==void 0?r===a.value&&(o.checked=!0):e.default===a.value&&(o.checked=!0),n.appendChild(o),n.appendChild(document.createTextNode(a.label)),t.appendChild(n)}),k=t;break}case"file":{let t=document.createElement("div");t.className="voc-form-file-wrapper",e.width&&(t.style.width=e.width);let a=document.createElement("input");a.type="file",a.classList.add("voc-form-file"),c&&a.classList.add("form-control"),(e.key||e.name)&&(a.name=e.name||e.key,e.key&&(a.id=`voc-form-${e.key}`)),e.width&&(a.style.width=e.width),e.required&&(a.required=!0),e.accept&&(a.accept=e.accept),e.multiple&&(a.multiple=!0),t.appendChild(a),k=t;break}case"avatar":{k=W(e,f||{},r);break}case"table":{k=V(e,f||{},r);break}case"audio_select":{k=z(e,f||{},r);break}default:{let t=document.createElement("input");t.type=e.type||"text",t.classList.add("voc-form-input"),c&&t.classList.add("form-control"),(e.key||e.name)&&(t.name=e.name||e.key,e.key&&(t.id=`voc-form-${e.key}`)),e.placeholder&&(t.placeholder=e.placeholder),r!=null?t.value=String(r):e.default!==void 0&&e.default!==null&&(t.value=String(e.default)),e.width&&(t.style.width=e.width),e.required&&(t.required=!0),d(t,e.validation),k=t;break}}if(k&&C.appendChild(k),e.hint_text){let t=document.createElement("small");t.className="voc-form-hint",t.textContent=e.hint_text,C.appendChild(t)}return C}b.fields.forEach(e=>{if(e.type==="group"&&"items"in e){let p=e;if(c){let L=document.createElement("div");L.className="card voc-form-group-card mb-3";let r=p.label||p.header?.title,C=p.description||p.header?.description;if(r||C){let t=document.createElement("div");if(t.className="card-header voc-form-group-head",r){let a=document.createElement("h5");a.className="mb-0 voc-form-group-label",a.textContent=r,t.appendChild(a)}if(C){let a=document.createElement("p");a.className="mb-0 voc-form-group-description",a.textContent=C,t.appendChild(a)}L.appendChild(t)}let k=document.createElement("div");k.className="card-body voc-form-group-body",p.items.forEach(t=>{if(t.type==="row"&&"items"in t){let a=t,i=document.createElement("div");if(i.className="voc-form-group voc-form-row mb-3",a.label){let o=document.createElement("h6");o.className="voc-form-row-label",o.textContent=a.label,i.appendChild(o)}let n=document.createElement("div");n.className="voc-form-row-items "+(a.direction||"horizontal"),a.items.forEach(o=>{let w=N(o);w&&n.appendChild(w)}),i.appendChild(n),k.appendChild(i)}else{let a=N(t);a&&k.appendChild(a)}}),L.appendChild(k),h.appendChild(L)}else{let L=document.createElement("div");L.className="voc-form-group voc-form-group-wrapper",c&&L.classList.add("mb-3");let r=p.label||p.header?.title,C=p.description||p.header?.description;if(r||C){let k=document.createElement("div");if(k.className="voc-form-group-head",r){let t=document.createElement("h3");t.className="voc-form-group-label",t.textContent=r,k.appendChild(t)}if(C){let t=document.createElement("p");t.className="voc-form-group-description",t.textContent=C,k.appendChild(t)}L.appendChild(k)}p.items.forEach(k=>{if(k.type==="row"&&"items"in k){let t=k,a=document.createElement("div");if(a.className="voc-form-group voc-form-row",c&&a.classList.add("mb-3"),t.label){let n=document.createElement("h4");n.className="voc-form-row-label",n.textContent=t.label,a.appendChild(n)}let i=document.createElement("div");i.className="voc-form-row-items "+(t.direction||"horizontal"),t.items.forEach(n=>{let o=N(n);o&&i.appendChild(o)}),a.appendChild(i),L.appendChild(a)}else{let t=N(k);t&&L.appendChild(t)}}),h.appendChild(L)}return}if(e.type==="row"&&"items"in e){let p=document.createElement("div");if(p.className="voc-form-group voc-form-row",c&&p.classList.add("mb-3"),e.label){let r=document.createElement("h3");r.className="voc-form-row-label",r.textContent=e.label,p.appendChild(r)}if(e.description){let r=document.createElement("p");r.className="voc-form-row-description",r.textContent=e.description,p.appendChild(r)}let L=document.createElement("div");L.className="voc-form-row-items "+(e.direction||"horizontal"),p.appendChild(L),e.items.forEach(r=>{let C=N(r);C&&L.appendChild(C)}),h.appendChild(p)}else{let p=N(e);p&&h.appendChild(p)}});let x=document.createElement("button");return x.type="submit",x.className="voc-form-submit",x.textContent="Submit",c&&x.classList.add("btn","btn-primary"),h.appendChild(x),h}let m=u();y[0].appendChild(m);let E=b?.submit_config??f?.submit_config??null;return E&&m.addEventListener("submit",c=>{if(c.preventDefault(),!m.checkValidity()){m.reportValidity(),f?.onSubmitResult&&f.onSubmitResult(null,new Error("Form validation failed"));return}let h=Array.from(m.querySelectorAll(" .voc-form-table-wrapper, .voc-form-table-wrapper")),v=[];if(h.forEach(d=>{if(d&&typeof d.validate=="function"){let N=d.validate();N&&N.length&&v.push(...N)}}),v.length){f?.onSubmitResult&&f.onSubmitResult(null,new Error(v.join("; ")));let d=h[0];d&&d.scrollIntoView({behavior:"smooth",block:"center"});return}if(f?.onSubmit){let d=I(m);f.onSubmit(d)}G(m,E,(d,N)=>{f?.onSubmitResult&&f.onSubmitResult(d,N)})}),{element:m,validate:()=>{let c=[];return m.querySelectorAll(":invalid").forEach(v=>{let d=v.validationMessage;c.push({element:v,message:d})}),c},getValues:()=>I(m),onSubmit:c=>{m.addEventListener("submit",h=>{h.preventDefault();let v=I(m);c(v,h)})}}}var P={renderForm:J};var ne=P,re={FormsLib:P};0&&(module.exports={FormsLib});

package/dist/main.mjs

@@ -1,2 +1,2 @@
-function W(i,L,y){let v=L?.style==="bootstrap",h=document.createElement("div");h.className="voc-form-avatar-wrapper",v&&h.classList.add("d-flex","align-items-center","gap-3");let d=document.createElement("img");d.className="voc-form-avatar-preview",d.alt=i.label||"avatar",v&&(d.classList.add("img-thumbnail","rounded-circle"),d.style.width=d.style.height="64px",d.style.objectFit="cover");let g=y!=null?String(y):i.default!==void 0&&i.default!==null?String(i.default):"";g?d.src=g:(d.src="",d.style.display="none");let c=document.createElement("input");c.type="file",c.accept=i.accept||"image/*",c.className="voc-form-avatar-input",v&&c.classList.add("form-control"),(i.key||i.name)&&(c.name=i.name||i.key,i.key&&(c.id=`voc-form-${i.key}`));let p=document.createElement("input");if(p.type="hidden",(i.key||i.name)&&(p.name=(i.name||i.key)+"_url"),p.value=g||"",c.addEventListener("change",f=>{let m=f.target;if(m.files&&m.files.length>0){let N=m.files[0],C=new FileReader;C.onload=()=>{d.src=String(C.result),d.style.display="",p.value=""},C.readAsDataURL(N)}}),v){let f=document.createElement("div");f.style.flex="1",f.appendChild(c),f.appendChild(p),h.appendChild(d),h.appendChild(f)}else h.appendChild(d),h.appendChild(c),h.appendChild(p);return h}function z(i,L,y){let v=L?.style==="bootstrap",h=document.createElement("div");if(h.className="voc-form-audio-select",!i.options||i.options.length===0)return h;let d=i.name||i.key||`audio_select_${Math.random().toString(36).substr(2,6)}`,g;return Array.isArray(y)?g=y[0]:y!==void 0?g=y:i.default!==void 0&&(g=i.default),i.options.forEach((c,p)=>{let f=document.createElement("div");f.className="voc-form-audio-item",v&&f.classList.add("form-check");let m=document.createElement("input");m.type="radio",m.name=d,m.value=c.value,m.className="voc-form-audio-radio",i.key&&(m.id=`voc-form-${i.key}-${p}`),i.required&&p===0&&(m.required=!0),m.style.position="absolute",m.style.width="1px",m.style.height="1px",m.style.margin="0",m.style.padding="0",m.style.clip="rect(0 0 0 0)",m.style.clipPath="inset(50%)",m.style.overflow="hidden",m.style.border="0",g!==void 0&&(Array.isArray(g)?m.checked=g.includes(c.value):m.checked=String(g)===String(c.value));let N=()=>{m.checked?f.classList.add("selected"):f.classList.remove("selected")};m.addEventListener("change",()=>{h.querySelectorAll(".voc-form-audio-item").forEach(a=>a.classList.remove("selected")),N()}),m.checked&&f.classList.add("selected");let C=document.createElement("label");C.className="voc-form-audio-label",v&&C.classList.add("form-check-label"),C.htmlFor=m.id||"",C.textContent=c.label||c.value,C.tabIndex=0;let e=document.createElement("div");e.className="voc-form-audio-control";let u=null;if(c.audio_link){let t=document.createElement("button");t.type="button",t.className="voc-form-audio-play",v&&t.classList.add("btn","btn-sm","btn-outline-secondary"),t.setAttribute("aria-label",`Play ${c.label||c.value}`);let a="http://www.w3.org/2000/svg",s=document.createElementNS(a,"svg");s.setAttribute("viewBox","0 0 24 24"),s.setAttribute("width","16"),s.setAttribute("height","16"),s.setAttribute("aria-hidden","true");let n=document.createElementNS(a,"path");n.setAttribute("d","M8 5v14l11-7z"),n.setAttribute("fill","currentColor"),s.appendChild(n),t.appendChild(s),u=document.createElement("audio"),u.src=c.audio_link,u.preload="none",u.style.display="none";let o=l=>{for(;l.firstChild;)l.removeChild(l.firstChild)},x=()=>{let l="http://www.w3.org/2000/svg",M=document.createElementNS(l,"svg");M.setAttribute("viewBox","0 0 24 24"),M.setAttribute("width","16"),M.setAttribute("height","16"),M.setAttribute("aria-hidden","true");let T=document.createElementNS(l,"path");return T.setAttribute("d","M8 5v14l11-7z"),T.setAttribute("fill","currentColor"),M.appendChild(T),M},A=()=>{let l="http://www.w3.org/2000/svg",M=document.createElementNS(l,"svg");M.setAttribute("viewBox","0 0 24 24"),M.setAttribute("width","16"),M.setAttribute("height","16"),M.setAttribute("aria-hidden","true");let T=document.createElementNS(l,"rect");return T.setAttribute("x","6"),T.setAttribute("y","6"),T.setAttribute("width","12"),T.setAttribute("height","12"),T.setAttribute("fill","currentColor"),M.appendChild(T),M};o(t),t.appendChild(x());let $=l=>{o(t),l?(t.appendChild(A()),t.setAttribute("aria-label",`Stop ${c.label||c.value}`)):(t.appendChild(x()),t.setAttribute("aria-label",`Play ${c.label||c.value}`))};t.addEventListener("click",()=>{try{if(!u)return;let l=h.querySelectorAll("audio");if(!u.paused&&!u.ended){u.pause(),u.currentTime=0;return}l.forEach(T=>{try{T.pause(),T.currentTime=0}catch{}}),h.querySelectorAll(".voc-form-audio-item").forEach(T=>T.classList.remove("is-playing")),u.play()}catch(l){console.warn("audio play failed",l)}}),u.addEventListener("playing",()=>{f.classList.add("is-playing"),$(!0)});let R=()=>{f.classList.remove("is-playing"),$(!1)};u.addEventListener("pause",R),u.addEventListener("ended",R),e.appendChild(t),e.appendChild(u)}let k=document.createElement("div");k.className="voc-form-item-detail",k.style.display="flex",k.style.flexDirection="column",k.style.gap="4px";let r=document.createElement("div");r.className="voc-form-item-top",r.style.display="flex",r.style.alignItems="center",r.style.gap="8px",r.appendChild(m),r.appendChild(C);let w=document.createElement("div");w.className="voc-form-item-description";let E=c.description||c.hint_text||"";E&&(w.textContent=E),k.appendChild(r),k.appendChild(w),e.appendChild(k),f.appendChild(e),r.addEventListener("click",t=>{let a=t.target;a&&a.closest(".voc-form-audio-play")||(m.checked=!0,m.dispatchEvent(new Event("change",{bubbles:!0})))}),f.addEventListener("click",t=>{let a=t.target;a&&a.closest(".voc-form-audio-play")||(m.checked=!0,m.dispatchEvent(new Event("change",{bubbles:!0})))}),h.appendChild(f)}),h}function P(i,L,y){let v=document.createElement("div");v.className="voc-form-table-wrapper";let h=L?.style==="bootstrap",d=document.createElement("input");d.type="hidden",d.name=i.name||i.key,i.key&&(d.id=`voc-form-${i.key}`),v.appendChild(d);let g=document.createElement("table");g.className="voc-form-table",h&&g.classList.add("table","table-bordered");let c=document.createElement("thead"),p=document.createElement("tr"),f=document.createElement("th");f.className="voc-form-table-drag-col",f.textContent="",p.appendChild(f),(i.fields||[]).forEach(a=>{let s=document.createElement("th");s.textContent=a.label||a.key,p.appendChild(s)});let m=document.createElement("th");m.textContent="Actions",p.appendChild(m),c.appendChild(p),g.appendChild(c);let N=document.createElement("tbody");g.appendChild(N),v.appendChild(g);let C=document.createElement("button");C.type="button",C.className="voc-form-table-add",h&&C.classList.add("btn","btn-secondary"),C.textContent="+Add";let e=document.createElement("tfoot"),u=document.createElement("tr"),k=document.createElement("td");k.colSpan=(i.fields?i.fields.length:0)+1,k.appendChild(C),u.appendChild(k),e.appendChild(u),g.appendChild(e),v.appendChild(g);let r=[];function w(){d.value=JSON.stringify(r)}function E(a){let s=[];return i.fields.forEach(n=>{let o=a[n.key];if(n.type==="checkbox"){let x=Array.isArray(o)?o:o?[o]:[];n.required&&x.length===0&&s.push(`${n.label||n.key} is required`);return}n.required&&(o==null||String(o).trim()==="")&&s.push(`${n.label||n.key} is required`),n.type==="email"&&o&&(/^\S+@\S+\.\S+$/.test(String(o))||s.push(`${n.label||n.key} must be a valid email`)),n.type==="number"&&o&&isNaN(Number(o))&&s.push(`${n.label||n.key} must be a number`),n.validation&&n.validation.regex&&o&&(new RegExp(n.validation.regex).test(String(o))||s.push(`${n.label||n.key} invalid format`))}),s}function t(){N.innerHTML="";let a=(s,n)=>{n.draggable=!0,n.addEventListener("mousedown",()=>{n.style.cursor="grabbing"}),n.addEventListener("mouseup",()=>{n.style.cursor="grab"}),n.addEventListener("dragstart",o=>{let x=Number(s.dataset.rowIndex);o.dataTransfer.setData("text/plain",String(x)),s.classList.add("dragging");try{o.dataTransfer?.setDragImage(n,10,10)}catch{}}),n.addEventListener("dragend",()=>{s.classList.remove("dragging"),n.style.cursor="grab"}),s.addEventListener("dragover",o=>{o.preventDefault(),o.currentTarget.classList.add("drag-over")}),s.addEventListener("dragleave",o=>{o.currentTarget.classList.remove("drag-over")}),s.addEventListener("drop",o=>{o.preventDefault();let x=o.dataTransfer.getData("text/plain"),A=Number(o.currentTarget.dataset.rowIndex),$=Number(x);if(!isNaN($)&&!isNaN(A)&&$!==A){let[R]=r.splice($,1);r.splice(A,0,R),t(),w()}})};r.forEach((s,n)=>{let o=document.createElement("tr");o.dataset.rowIndex=String(n),o.classList.add("voc-form-table-row");let x=document.createElement("td");x.className="voc-form-table-drag-handle";let A=document.createElement("span");A.className="voc-form-drag-handle-icon",A.textContent="\u2630",A.style.cursor="grab",x.appendChild(A),o.appendChild(x),a(o,A),i.fields.forEach(l=>{let M=document.createElement("td"),T,q=(l.type||"text").toLowerCase();if(q==="select"){let b=document.createElement("select");if(b.className="voc-form-table-cell",h&&b.classList.add("form-control"),l.placeholder){let F=document.createElement("option");F.value="",F.textContent=l.placeholder,F.disabled=!0,(s[l.key]===void 0||s[l.key]===null||s[l.key]==="")&&(F.selected=!0),b.appendChild(F)}(l.options||[]).forEach(F=>{let D=document.createElement("option");D.value=F.value,D.textContent=F.label,b.appendChild(D)}),b.value=s[l.key]!==void 0&&s[l.key]!==null?String(s[l.key]):"",l.required&&(b.required=!0),b.addEventListener("change",F=>{r[n][l.key]=F.target.value,w()}),T=b}else if(q==="checkbox"){let b=document.createElement("div");b.className="voc-form-table-checkboxes",h&&b.classList.add("form-check");let B=l.options||[];Array.isArray(r[n][l.key])||(r[n][l.key]=r[n][l.key]?[r[n][l.key]]:[]),B.forEach(F=>{let D=`voc-form-${i.key}-${l.key}-${n}-${F.value}`,_=document.createElement("div");_.className="voc-form-table-checkbox-item",h&&_.classList.add("form-check");let S=document.createElement("input");S.type="checkbox",S.className="voc-form-table-cell",h&&S.classList.add("form-check-input"),S.id=D,S.value=F.value,S.checked=Array.isArray(r[n][l.key])&&r[n][l.key].includes(F.value),S.addEventListener("change",O=>{let J=O.target.checked;Array.isArray(r[n][l.key])||(r[n][l.key]=[]),J?r[n][l.key].includes(F.value)||r[n][l.key].push(F.value):r[n][l.key]=r[n][l.key].filter(U=>U!==F.value),w()});let H=document.createElement("label");H.htmlFor=D,H.className="voc-form-table-checkbox-label",h&&H.classList.add("form-check-label"),H.textContent=F.label,_.appendChild(S),_.appendChild(H),b.appendChild(_)}),T=b}else if(q==="radio"){let b=document.createElement("div");b.className="voc-form-table-radios",h&&b.classList.add("form-check");let B=l.options||[];r[n][l.key]===void 0&&(r[n][l.key]=""),B.forEach(F=>{let D=`voc-form-${i.key}-${l.key}-${n}-${F.value}`,_=document.createElement("div");_.className="voc-form-table-radio-item",h&&_.classList.add("form-check");let S=document.createElement("input");S.type="radio",S.className="voc-form-table-cell",h&&S.classList.add("form-check-input"),S.id=D,S.name=`voc-form-${i.key}-${l.key}-${n}`,S.value=F.value,S.checked=r[n][l.key]===F.value,S.addEventListener("change",O=>{O.target.checked&&(r[n][l.key]=O.target.value,w())});let H=document.createElement("label");H.htmlFor=D,H.className="voc-form-table-radio-label",h&&H.classList.add("form-check-label"),H.textContent=F.label,_.appendChild(S),_.appendChild(H),b.appendChild(_)}),T=b}else{let b=document.createElement("input");q==="number"?b.type="number":q==="email"?b.type="email":q==="tel"?b.type="tel":q==="url"?b.type="url":q==="date"?b.type="date":b.type="text",b.value=s[l.key]!==void 0&&s[l.key]!==null?String(s[l.key]):"",l.placeholder&&(b.placeholder=l.placeholder),l.required&&(b.required=!0),b.className="voc-form-table-cell",h&&b.classList.add("form-control"),b.addEventListener("input",B=>{r[n][l.key]=B.target.value,w()}),T=b}M.appendChild(T),o.appendChild(M)});let $=document.createElement("td"),R=document.createElement("button");R.type="button",R.className="voc-form-table-remove",h&&R.classList.add("btn","btn-danger"),R.textContent="Remove",R.addEventListener("click",()=>{r.splice(n,1),t(),w()}),$.appendChild(R),o.appendChild($),N.appendChild(o)})}return C.addEventListener("click",()=>{if(i.validation?.max_rows!==void 0&&r.length>=i.validation.max_rows)return;let a={};i.fields.forEach(s=>a[s.key]=""),r.push(a),t(),w()}),Array.isArray(y)&&y.length?r=y.map(a=>({...a})):i.default&&Array.isArray(i.default)&&(r=i.default.map(a=>({...a}))),t(),w(),v.validate=function(){let a=[];return r.forEach((s,n)=>{let o=E(s);o.length&&a.push(`Row ${n+1}: ${o.join("; ")}`)}),i.validation?.min_rows!==void 0&&r.length<i.validation.min_rows&&a.push(`At least ${i.validation.min_rows} rows required`),i.validation?.max_rows!==void 0&&r.length>i.validation.max_rows&&a.push(`No more than ${i.validation.max_rows} rows allowed`),i.validation?.unique_fields&&i.validation.unique_fields.length&&i.validation.unique_fields.forEach(s=>{let n=new Set;r.forEach((o,x)=>{let A=o[s];A!=null&&(n.has(A)&&a.push(`Field ${s} must be unique (duplicate at row ${x+1})`),n.add(A))})}),a},v}function I(i,L=!0){let y=new FormData(i);if(L)return K(y);let v={};return y.forEach((h,d)=>{let g=(h instanceof File,h);Object.prototype.hasOwnProperty.call(v,d)?Array.isArray(v[d])?v[d].push(g):v[d]=[v[d],g]:v[d]=g}),v}function K(i){let L=new FormData;for(let[y,v]of i.entries()){if(v instanceof File){L.append(y,v);continue}let h;try{h=JSON.parse(v)}catch{h=null}Array.isArray(h)&&h.every(d=>typeof d=="object"&&d!==null)?h.forEach((d,g)=>{for(let[c,p]of Object.entries(d))L.append(`${y}[${g}][${c}]`,p)}):L.append(y,v)}return L}async function V(i,L,y){let v=L.url,h={"Content-Type":"application/json"};L?.api_token&&(h.Authorization=`Bearer ${L.api_token}`);let d=I(i);if(L?.additional_data)for(let[p,f]of Object.entries(L.additional_data))d.append(p,f);let g,c=d instanceof FormData;g={method:"POST",headers:{Authorization:`Bearer ${L.api_token}`,...c?{}:{"Content-Type":"application/json"},Accept:"application/json"},body:c?d:JSON.stringify(Object.fromEntries(d.entries()))};try{fetch(v,g).then(async p=>{let f=p.headers.get("content-type");if(!p.ok)try{let N=(await p.json())?.message;throw new Error(N??"Their was an error submitting the form. Check your form and try again.")}catch(m){throw new Error(m.message)}return f&&f.includes("application/json")?p.json():p.text()}).then(p=>{y&&y(p,null)}).catch(p=>{y&&y(null,p)})}catch(p){y&&y(null,p)}}function G(i,L,y){let v=[];if(typeof i=="string"?v=Array.from(document.querySelectorAll(i)):v=[i],v.length===0)return null;function h(){let c=y?.style==="bootstrap",p=document.createElement("form");p.classList.add("voc-form"),c&&p.classList.add("needs-validation"),p.id=L.id;let f=document.createElement("h2");f.className="voc-form-title",c&&f.classList.add("mb-3"),f.textContent=L.form_name,p.appendChild(f);function m(e,u){u&&(u.min_length!==void 0&&(e.minLength=u.min_length),u.max_length!==void 0&&(e.maxLength=u.max_length),u.regex&&(e instanceof HTMLInputElement?e.pattern=u.regex:e.dataset.pattern=u.regex))}function N(e){if(!e.key&&!e.label)return null;let u=L.default_values||{},k=e.name||e.key,r=k?u[k]:void 0,w=document.createElement("div");if(w.className="voc-form-group",c&&w.classList.add("mb-3"),e.label){let t=document.createElement("label");if(t.classList.add("voc-form-label"),c&&t.classList.add("form-label"),e.key?e.type==="radio"?t.htmlFor="":t.htmlFor=`voc-form-${e.key}`:t.htmlFor="",t.textContent=e.label,e.required){let a=document.createElement("span");a.className="voc-form-required",a.textContent="*",t.appendChild(a)}w.appendChild(t)}let E=null;switch(e.type){case"checkbox":{let t=document.createElement("div");if(t.className="voc-form-checkbox-group "+(e.direction||"vertical"),e.width&&(t.style.width=e.width),e.options)e.options.forEach((a,s)=>{let n=document.createElement("label");n.classList.add("voc-form-checkbox-label"),c&&n.classList.add("form-check"),n.style.display=e.direction==="horizontal"?"inline-block":"block",e.width&&(n.style.width=e.width);let o=document.createElement("input");o.type="checkbox",o.classList.add("voc-form-checkbox"),c&&o.classList.add("form-check-input"),o.name=e.name||e.key||"",o.value=a.value,e.key&&(o.id=`voc-form-${e.key}-${s}`),e.required&&(o.required=!0),Array.isArray(r)?r.includes(a.value)&&(o.checked=!0):r!==void 0?r===a.value&&(o.checked=!0):e.default===a.value&&(o.checked=!0),n.appendChild(o),n.appendChild(document.createTextNode(a.label)),t.appendChild(n)});else{let a=document.createElement("label");a.classList.add("voc-form-checkbox-label"),c&&a.classList.add("form-check"),e.width&&(a.style.width=e.width);let s=document.createElement("input");s.type="checkbox",s.classList.add("voc-form-checkbox"),(e.key||e.name)&&(s.name=e.name||e.key,e.key&&(s.id=`voc-form-${e.key}`)),c&&s.classList.add("form-check-input"),e.required&&(s.required=!0),r!==void 0?s.checked=!!r:e.default&&(s.checked=!!e.default),a.appendChild(s),a.appendChild(document.createTextNode(e.label||"")),t.appendChild(a)}E=t;break}case"textarea":{let t=document.createElement("textarea");t.classList.add("voc-form-textarea"),c&&t.classList.add("form-control"),(e.key||e.name)&&(t.name=e.name||e.key,e.key&&(t.id=`voc-form-${e.key}`)),e.placeholder&&(t.placeholder=e.placeholder),r!=null?t.value=String(r):e.default!==void 0&&e.default!==null&&(t.value=String(e.default));let a=e.default||r||"";if(a){let s=(a.match(/\n/g)||[]).length,n=80,o=a.split(`
-`).reduce(($,R)=>Math.max($,R.length),0),x=Math.ceil(o/n)||1,A=Math.max(2,s+x);t.rows=A,t.style.resize="vertical"}e.width&&(t.style.width=e.width),e.required&&(t.required=!0),m(t,e.validation),E=t;break}case"select":{let t=document.createElement("select");if(t.classList.add("voc-form-select"),c&&t.classList.add("form-select"),c&&t.classList.add("form-control"),(e.key||e.name)&&(t.name=e.name||e.key,e.key&&(t.id=`voc-form-${e.key}`)),e.placeholder){let a=document.createElement("option");a.value="",a.textContent=e.placeholder,a.disabled=!0,a.selected=!0,t.appendChild(a)}e.required&&(t.required=!0),e.options&&e.options.forEach(a=>{let s=document.createElement("option");s.value=a.value,s.textContent=a.label,Array.isArray(r)?r.includes(a.value)&&(s.selected=!0):r!==void 0?r===a.value&&(s.selected=!0):e.default===a.value&&(s.selected=!0),t.appendChild(s)}),e.width&&(t.style.width=e.width),E=t;break}case"radio":{let t=document.createElement("div");t.className="voc-form-radio-group "+(e.direction||"vertical"),e.width&&(t.style.width=e.width),e.options&&e.options.forEach((a,s)=>{let n=document.createElement("label");n.classList.add("voc-form-radio-label"),c&&n.classList.add("form-check"),n.style.display=e.direction==="horizontal"?"inline-block":"block",e.width&&(n.style.width=e.width);let o=document.createElement("input");o.type="radio",o.classList.add("voc-form-radio"),c&&o.classList.add("form-check-input"),o.name=e.name||e.key||"",o.value=a.value,e.key&&(o.id=`voc-form-${e.key}-${s}`),Array.isArray(r)?r.includes(a.value)&&(o.checked=!0):r!==void 0?r===a.value&&(o.checked=!0):e.default===a.value&&(o.checked=!0),n.appendChild(o),n.appendChild(document.createTextNode(a.label)),t.appendChild(n)}),E=t;break}case"file":{let t=document.createElement("div");t.className="voc-form-file-wrapper",e.width&&(t.style.width=e.width);let a=document.createElement("input");a.type="file",a.classList.add("voc-form-file"),c&&a.classList.add("form-control"),(e.key||e.name)&&(a.name=e.name||e.key,e.key&&(a.id=`voc-form-${e.key}`)),e.width&&(a.style.width=e.width),e.required&&(a.required=!0),e.accept&&(a.accept=e.accept),e.multiple&&(a.multiple=!0),t.appendChild(a),E=t;break}case"avatar":{E=W(e,y||{},r);break}case"table":{E=P(e,y||{},r);break}case"audio_select":{E=z(e,y||{},r);break}default:{let t=document.createElement("input");t.type=e.type||"text",t.classList.add("voc-form-input"),c&&t.classList.add("form-control"),(e.key||e.name)&&(t.name=e.name||e.key,e.key&&(t.id=`voc-form-${e.key}`)),e.placeholder&&(t.placeholder=e.placeholder),r!=null?t.value=String(r):e.default!==void 0&&e.default!==null&&(t.value=String(e.default)),e.width&&(t.style.width=e.width),e.required&&(t.required=!0),m(t,e.validation),E=t;break}}if(E&&w.appendChild(E),e.hint_text){let t=document.createElement("small");t.className="voc-form-hint",t.textContent=e.hint_text,w.appendChild(t)}return w}L.fields.forEach(e=>{if(e.type==="group"&&"items"in e){let u=e;if(c){let k=document.createElement("div");k.className="card voc-form-group-card mb-3";let r=u.label||u.header?.title,w=u.description||u.header?.description;if(r||w){let t=document.createElement("div");if(t.className="card-header voc-form-group-head",r){let a=document.createElement("h5");a.className="mb-0 voc-form-group-label",a.textContent=r,t.appendChild(a)}if(w){let a=document.createElement("p");a.className="mb-0 voc-form-group-description",a.textContent=w,t.appendChild(a)}k.appendChild(t)}let E=document.createElement("div");E.className="card-body voc-form-group-body",u.items.forEach(t=>{if(t.type==="row"&&"items"in t){let a=t,s=document.createElement("div");if(s.className="voc-form-group voc-form-row mb-3",a.label){let o=document.createElement("h6");o.className="voc-form-row-label",o.textContent=a.label,s.appendChild(o)}let n=document.createElement("div");n.className="voc-form-row-items "+(a.direction||"horizontal"),a.items.forEach(o=>{let x=N(o);x&&n.appendChild(x)}),s.appendChild(n),E.appendChild(s)}else{let a=N(t);a&&E.appendChild(a)}}),k.appendChild(E),p.appendChild(k)}else{let k=document.createElement("div");k.className="voc-form-group voc-form-group-wrapper",c&&k.classList.add("mb-3");let r=u.label||u.header?.title,w=u.description||u.header?.description;if(r||w){let E=document.createElement("div");if(E.className="voc-form-group-head",r){let t=document.createElement("h3");t.className="voc-form-group-label",t.textContent=r,E.appendChild(t)}if(w){let t=document.createElement("p");t.className="voc-form-group-description",t.textContent=w,E.appendChild(t)}k.appendChild(E)}u.items.forEach(E=>{if(E.type==="row"&&"items"in E){let t=E,a=document.createElement("div");if(a.className="voc-form-group voc-form-row",c&&a.classList.add("mb-3"),t.label){let n=document.createElement("h4");n.className="voc-form-row-label",n.textContent=t.label,a.appendChild(n)}let s=document.createElement("div");s.className="voc-form-row-items "+(t.direction||"horizontal"),t.items.forEach(n=>{let o=N(n);o&&s.appendChild(o)}),a.appendChild(s),k.appendChild(a)}else{let t=N(E);t&&k.appendChild(t)}}),p.appendChild(k)}return}if(e.type==="row"&&"items"in e){let u=document.createElement("div");if(u.className="voc-form-group voc-form-row",c&&u.classList.add("mb-3"),e.label){let r=document.createElement("h3");r.className="voc-form-row-label",r.textContent=e.label,u.appendChild(r)}if(e.description){let r=document.createElement("p");r.className="voc-form-row-description",r.textContent=e.description,u.appendChild(r)}let k=document.createElement("div");k.className="voc-form-row-items "+(e.direction||"horizontal"),u.appendChild(k),e.items.forEach(r=>{let w=N(r);w&&k.appendChild(w)}),p.appendChild(u)}else{let u=N(e);u&&p.appendChild(u)}});let C=document.createElement("button");return C.type="submit",C.className="voc-form-submit",C.textContent="Submit",c&&C.classList.add("btn","btn-primary"),p.appendChild(C),p}let d=h();v[0].appendChild(d);let g=L?.submit_config??y?.submit_config??null;return g&&d.addEventListener("submit",c=>{if(c.preventDefault(),!d.checkValidity()){d.reportValidity(),y?.onSubmitResult&&y.onSubmitResult(null,new Error("Form validation failed"));return}let p=Array.from(d.querySelectorAll(" .voc-form-table-wrapper, .voc-form-table-wrapper")),f=[];if(p.forEach(m=>{if(m&&typeof m.validate=="function"){let N=m.validate();N&&N.length&&f.push(...N)}}),f.length){y?.onSubmitResult&&y.onSubmitResult(null,new Error(f.join("; ")));let m=p[0];m&&m.scrollIntoView({behavior:"smooth",block:"center"});return}V(d,g,(m,N)=>{y?.onSubmitResult&&y.onSubmitResult(m,N)})}),{element:d,validate:()=>{let c=[];return d.querySelectorAll(":invalid").forEach(f=>{let m=f.validationMessage;c.push({element:f,message:m})}),c},getValues:()=>I(d),onSubmit:c=>{d.addEventListener("submit",p=>{p.preventDefault();let f=I(d);c(f,p)})}}}var j={renderForm:G};var me=j,ue={FormsLib:j};export{me as FormsLib,ue as default};
+function P(i,C,f){let y=C?.style==="bootstrap",h=document.createElement("div");h.className="voc-form-avatar-wrapper",y&&h.classList.add("d-flex","align-items-center","gap-3");let m=document.createElement("img");m.className="voc-form-avatar-preview",m.alt=i.label||"avatar",y&&(m.classList.add("img-thumbnail","rounded-circle"),m.style.width=m.style.height="64px",m.style.objectFit="cover");let g=f!=null?String(f):i.default!==void 0&&i.default!==null?String(i.default):"";g?m.src=g:(m.src="",m.style.display="none");let c=document.createElement("input");c.type="file",c.accept=i.accept||"image/*",c.className="voc-form-avatar-input",y&&c.classList.add("form-control"),(i.key||i.name)&&(c.name=i.name||i.key,i.key&&(c.id=`voc-form-${i.key}`));let p=document.createElement("input");if(p.type="hidden",(i.key||i.name)&&(p.name=(i.name||i.key)+"_url"),p.value=g||"",c.addEventListener("change",v=>{let d=v.target;if(d.files&&d.files.length>0){let N=d.files[0],x=new FileReader;x.onload=()=>{m.src=String(x.result),m.style.display="",p.value=""},x.readAsDataURL(N)}}),y){let v=document.createElement("div");v.style.flex="1",v.appendChild(c),v.appendChild(p),h.appendChild(m),h.appendChild(v)}else h.appendChild(m),h.appendChild(c),h.appendChild(p);return h}function W(i,C,f){let y=C?.style==="bootstrap",h=document.createElement("div");if(h.className="voc-form-audio-select",!i.options||i.options.length===0)return h;let m=i.name||i.key||`audio_select_${Math.random().toString(36).substr(2,6)}`,g;return Array.isArray(f)?g=f[0]:f!==void 0?g=f:i.default!==void 0&&(g=i.default),i.options.forEach((c,p)=>{let v=document.createElement("div");v.className="voc-form-audio-item",y&&v.classList.add("form-check");let d=document.createElement("input");d.type="radio",d.name=m,d.value=c.value,d.className="voc-form-audio-radio",i.key&&(d.id=`voc-form-${i.key}-${p}`),i.required&&p===0&&(d.required=!0),d.style.position="absolute",d.style.width="1px",d.style.height="1px",d.style.margin="0",d.style.padding="0",d.style.clip="rect(0 0 0 0)",d.style.clipPath="inset(50%)",d.style.overflow="hidden",d.style.border="0",g!==void 0&&(Array.isArray(g)?d.checked=g.includes(c.value):d.checked=String(g)===String(c.value));let N=()=>{d.checked?v.classList.add("selected"):v.classList.remove("selected")};d.addEventListener("change",()=>{h.querySelectorAll(".voc-form-audio-item").forEach(a=>a.classList.remove("selected")),N()}),d.checked&&v.classList.add("selected");let x=document.createElement("label");x.className="voc-form-audio-label",y&&x.classList.add("form-check-label"),x.htmlFor=d.id||"",x.textContent=c.label||c.value,x.tabIndex=0;let e=document.createElement("div");e.className="voc-form-audio-control";let u=null;if(c.audio_link){let t=document.createElement("button");t.type="button",t.className="voc-form-audio-play",y&&t.classList.add("btn","btn-sm","btn-outline-secondary"),t.setAttribute("aria-label",`Play ${c.label||c.value}`);let a="http://www.w3.org/2000/svg",s=document.createElementNS(a,"svg");s.setAttribute("viewBox","0 0 24 24"),s.setAttribute("width","16"),s.setAttribute("height","16"),s.setAttribute("aria-hidden","true");let n=document.createElementNS(a,"path");n.setAttribute("d","M8 5v14l11-7z"),n.setAttribute("fill","currentColor"),s.appendChild(n),t.appendChild(s),u=document.createElement("audio"),u.src=c.audio_link,u.preload="none",u.style.display="none";let o=l=>{for(;l.firstChild;)l.removeChild(l.firstChild)},k=()=>{let l="http://www.w3.org/2000/svg",S=document.createElementNS(l,"svg");S.setAttribute("viewBox","0 0 24 24"),S.setAttribute("width","16"),S.setAttribute("height","16"),S.setAttribute("aria-hidden","true");let T=document.createElementNS(l,"path");return T.setAttribute("d","M8 5v14l11-7z"),T.setAttribute("fill","currentColor"),S.appendChild(T),S},A=()=>{let l="http://www.w3.org/2000/svg",S=document.createElementNS(l,"svg");S.setAttribute("viewBox","0 0 24 24"),S.setAttribute("width","16"),S.setAttribute("height","16"),S.setAttribute("aria-hidden","true");let T=document.createElementNS(l,"rect");return T.setAttribute("x","6"),T.setAttribute("y","6"),T.setAttribute("width","12"),T.setAttribute("height","12"),T.setAttribute("fill","currentColor"),S.appendChild(T),S};o(t),t.appendChild(k());let H=l=>{o(t),l?(t.appendChild(A()),t.setAttribute("aria-label",`Stop ${c.label||c.value}`)):(t.appendChild(k()),t.setAttribute("aria-label",`Play ${c.label||c.value}`))};t.addEventListener("click",()=>{try{if(!u)return;let l=h.querySelectorAll("audio");if(!u.paused&&!u.ended){u.pause(),u.currentTime=0;return}l.forEach(T=>{try{T.pause(),T.currentTime=0}catch{}}),h.querySelectorAll(".voc-form-audio-item").forEach(T=>T.classList.remove("is-playing")),u.play()}catch(l){console.warn("audio play failed",l)}}),u.addEventListener("playing",()=>{v.classList.add("is-playing"),H(!0)});let R=()=>{v.classList.remove("is-playing"),H(!1)};u.addEventListener("pause",R),u.addEventListener("ended",R),e.appendChild(t),e.appendChild(u)}let w=document.createElement("div");w.className="voc-form-item-detail",w.style.display="flex",w.style.flexDirection="column",w.style.gap="4px";let r=document.createElement("div");r.className="voc-form-item-top",r.style.display="flex",r.style.alignItems="center",r.style.gap="8px",r.appendChild(d),r.appendChild(x);let L=document.createElement("div");L.className="voc-form-item-description";let E=c.description||c.hint_text||"";E&&(L.textContent=E),w.appendChild(r),w.appendChild(L),e.appendChild(w),v.appendChild(e),r.addEventListener("click",t=>{let a=t.target;a&&a.closest(".voc-form-audio-play")||(d.checked=!0,d.dispatchEvent(new Event("change",{bubbles:!0})))}),v.addEventListener("click",t=>{let a=t.target;a&&a.closest(".voc-form-audio-play")||(d.checked=!0,d.dispatchEvent(new Event("change",{bubbles:!0})))}),h.appendChild(v)}),h}function z(i,C,f){let y=document.createElement("div");y.className="voc-form-table-wrapper";let h=C?.style==="bootstrap",m=document.createElement("input");m.type="hidden",m.name=i.name||i.key,i.key&&(m.id=`voc-form-${i.key}`),y.appendChild(m);let g=document.createElement("table");g.className="voc-form-table",h&&g.classList.add("table","table-bordered");let c=document.createElement("thead"),p=document.createElement("tr"),v=document.createElement("th");v.className="voc-form-table-drag-col",v.textContent="",p.appendChild(v),(i.fields||[]).forEach(a=>{let s=document.createElement("th");s.textContent=a.label||a.key,p.appendChild(s)});let d=document.createElement("th");d.textContent="Actions",p.appendChild(d),c.appendChild(p),g.appendChild(c);let N=document.createElement("tbody");g.appendChild(N),y.appendChild(g);let x=document.createElement("button");x.type="button",x.className="voc-form-table-add",h&&x.classList.add("btn","btn-secondary"),x.textContent="+Add";let e=document.createElement("tfoot"),u=document.createElement("tr"),w=document.createElement("td");w.colSpan=(i.fields?i.fields.length:0)+1,w.appendChild(x),u.appendChild(w),e.appendChild(u),g.appendChild(e),y.appendChild(g);let r=[];function L(){m.value=JSON.stringify(r)}function E(a){let s=[];return i.fields.forEach(n=>{let o=a[n.key];if(n.type==="checkbox"){let k=Array.isArray(o)?o:o?[o]:[];n.required&&k.length===0&&s.push(`${n.label||n.key} is required`);return}n.required&&(o==null||String(o).trim()==="")&&s.push(`${n.label||n.key} is required`),n.type==="email"&&o&&(/^\S+@\S+\.\S+$/.test(String(o))||s.push(`${n.label||n.key} must be a valid email`)),n.type==="number"&&o&&isNaN(Number(o))&&s.push(`${n.label||n.key} must be a number`),n.validation&&n.validation.regex&&o&&(new RegExp(n.validation.regex).test(String(o))||s.push(`${n.label||n.key} invalid format`))}),s}function t(){N.innerHTML="";let a=(s,n)=>{n.draggable=!0,n.addEventListener("mousedown",()=>{n.style.cursor="grabbing"}),n.addEventListener("mouseup",()=>{n.style.cursor="grab"}),n.addEventListener("dragstart",o=>{let k=Number(s.dataset.rowIndex);o.dataTransfer.setData("text/plain",String(k)),s.classList.add("dragging");try{o.dataTransfer?.setDragImage(n,10,10)}catch{}}),n.addEventListener("dragend",()=>{s.classList.remove("dragging"),n.style.cursor="grab"}),s.addEventListener("dragover",o=>{o.preventDefault();let k=o.currentTarget,A=k.getBoundingClientRect(),H=A.top+A.height/2,R=(o.clientY||o.y)>H;k.classList.remove("drag-over-top","drag-over-bottom"),R?(k.classList.add("drag-over-bottom"),k.dataset.dropPosition="after"):(k.classList.add("drag-over-top"),k.dataset.dropPosition="before")}),s.addEventListener("dragleave",o=>{let k=o.currentTarget;k.classList.remove("drag-over-top","drag-over-bottom"),delete k.dataset.dropPosition}),s.addEventListener("drop",o=>{o.preventDefault();let k=o.dataTransfer.getData("text/plain"),A=Number(o.currentTarget.dataset.rowIndex),H=Number(k),R=o.currentTarget.dataset.dropPosition||"before";if(isNaN(H)||isNaN(A))return;let[l]=r.splice(H,1),S=A;H<A&&(S=A-1);let T=R==="after"?S+1:S;r.splice(T,0,l),o.currentTarget.classList.remove("drag-over-top","drag-over-bottom"),delete o.currentTarget.dataset.dropPosition,t(),L()})};r.forEach((s,n)=>{let o=document.createElement("tr");o.dataset.rowIndex=String(n),o.classList.add("voc-form-table-row");let k=document.createElement("td");k.className="voc-form-table-drag-handle";let A=document.createElement("span");A.className="voc-form-drag-handle-icon",A.textContent="\u2630",A.style.cursor="grab",k.appendChild(A),o.appendChild(k),a(o,A),i.fields.forEach(l=>{let S=document.createElement("td"),T,q=(l.type||"text").toLowerCase();if(q==="select"){let b=document.createElement("select");if(b.className="voc-form-table-cell",h&&b.classList.add("form-control"),l.placeholder){let F=document.createElement("option");F.value="",F.textContent=l.placeholder,F.disabled=!0,(s[l.key]===void 0||s[l.key]===null||s[l.key]==="")&&(F.selected=!0),b.appendChild(F)}(l.options||[]).forEach(F=>{let D=document.createElement("option");D.value=F.value,D.textContent=F.label,b.appendChild(D)}),b.value=s[l.key]!==void 0&&s[l.key]!==null?String(s[l.key]):"",l.required&&(b.required=!0),b.addEventListener("change",F=>{r[n][l.key]=F.target.value,L()}),T=b}else if(q==="checkbox"){let b=document.createElement("div");b.className="voc-form-table-checkboxes",h&&b.classList.add("form-check");let B=l.options||[];Array.isArray(r[n][l.key])||(r[n][l.key]=r[n][l.key]?[r[n][l.key]]:[]),B.forEach(F=>{let D=`voc-form-${i.key}-${l.key}-${n}-${F.value}`,$=document.createElement("div");$.className="voc-form-table-checkbox-item",h&&$.classList.add("form-check");let M=document.createElement("input");M.type="checkbox",M.className="voc-form-table-cell",h&&M.classList.add("form-check-input"),M.id=D,M.value=F.value,M.checked=Array.isArray(r[n][l.key])&&r[n][l.key].includes(F.value),M.addEventListener("change",O=>{let J=O.target.checked;Array.isArray(r[n][l.key])||(r[n][l.key]=[]),J?r[n][l.key].includes(F.value)||r[n][l.key].push(F.value):r[n][l.key]=r[n][l.key].filter(U=>U!==F.value),L()});let _=document.createElement("label");_.htmlFor=D,_.className="voc-form-table-checkbox-label",h&&_.classList.add("form-check-label"),_.textContent=F.label,$.appendChild(M),$.appendChild(_),b.appendChild($)}),T=b}else if(q==="radio"){let b=document.createElement("div");b.className="voc-form-table-radios",h&&b.classList.add("form-check");let B=l.options||[];r[n][l.key]===void 0&&(r[n][l.key]=""),B.forEach(F=>{let D=`voc-form-${i.key}-${l.key}-${n}-${F.value}`,$=document.createElement("div");$.className="voc-form-table-radio-item",h&&$.classList.add("form-check");let M=document.createElement("input");M.type="radio",M.className="voc-form-table-cell",h&&M.classList.add("form-check-input"),M.id=D,M.name=`voc-form-${i.key}-${l.key}-${n}`,M.value=F.value,M.checked=r[n][l.key]===F.value,M.addEventListener("change",O=>{O.target.checked&&(r[n][l.key]=O.target.value,L())});let _=document.createElement("label");_.htmlFor=D,_.className="voc-form-table-radio-label",h&&_.classList.add("form-check-label"),_.textContent=F.label,$.appendChild(M),$.appendChild(_),b.appendChild($)}),T=b}else{let b=document.createElement("input");q==="number"?b.type="number":q==="email"?b.type="email":q==="tel"?b.type="tel":q==="url"?b.type="url":q==="date"?b.type="date":b.type="text",b.value=s[l.key]!==void 0&&s[l.key]!==null?String(s[l.key]):"",l.placeholder&&(b.placeholder=l.placeholder),l.required&&(b.required=!0),b.className="voc-form-table-cell",h&&b.classList.add("form-control"),b.addEventListener("input",B=>{r[n][l.key]=B.target.value,L()}),T=b}S.appendChild(T),o.appendChild(S)});let H=document.createElement("td"),R=document.createElement("button");R.type="button",R.className="voc-form-table-remove",h&&R.classList.add("btn","btn-danger"),R.textContent="Remove",R.addEventListener("click",()=>{r.splice(n,1),t(),L()}),H.appendChild(R),o.appendChild(H),N.appendChild(o)})}return x.addEventListener("click",()=>{if(i.validation?.max_rows!==void 0&&r.length>=i.validation.max_rows)return;let a={};i.fields.forEach(s=>a[s.key]=""),r.push(a),t(),L()}),Array.isArray(f)&&f.length?r=f.map(a=>({...a})):i.default&&Array.isArray(i.default)&&(r=i.default.map(a=>({...a}))),t(),L(),y.validate=function(){let a=[];return r.forEach((s,n)=>{let o=E(s);o.length&&a.push(`Row ${n+1}: ${o.join("; ")}`)}),i.validation?.min_rows!==void 0&&r.length<i.validation.min_rows&&a.push(`At least ${i.validation.min_rows} rows required`),i.validation?.max_rows!==void 0&&r.length>i.validation.max_rows&&a.push(`No more than ${i.validation.max_rows} rows allowed`),i.validation?.unique_fields&&i.validation.unique_fields.length&&i.validation.unique_fields.forEach(s=>{let n=new Set;r.forEach((o,k)=>{let A=o[s];A!=null&&(n.has(A)&&a.push(`Field ${s} must be unique (duplicate at row ${k+1})`),n.add(A))})}),a},y}function I(i,C=!0){let f=new FormData(i);if(C)return K(f);let y={};return f.forEach((h,m)=>{let g=(h instanceof File,h);Object.prototype.hasOwnProperty.call(y,m)?Array.isArray(y[m])?y[m].push(g):y[m]=[y[m],g]:y[m]=g}),y}function K(i){let C=new FormData;for(let[f,y]of i.entries()){if(y instanceof File){C.append(f,y);continue}let h;try{h=JSON.parse(y)}catch{h=null}Array.isArray(h)&&h.every(m=>typeof m=="object"&&m!==null)?h.forEach((m,g)=>{for(let[c,p]of Object.entries(m))C.append(`${f}[${g}][${c}]`,p)}):C.append(f,y)}return C}async function V(i,C,f){let y=C.url,h={"Content-Type":"application/json"};C?.api_token&&(h.Authorization=`Bearer ${C.api_token}`);let m=I(i);if(C?.additional_data)for(let[p,v]of Object.entries(C.additional_data))m.append(p,v);let g,c=m instanceof FormData;g={method:"POST",headers:{Authorization:`Bearer ${C.api_token}`,...c?{}:{"Content-Type":"application/json"},Accept:"application/json"},body:c?m:JSON.stringify(Object.fromEntries(m.entries()))};try{fetch(y,g).then(async p=>{let v=p.headers.get("content-type");if(!p.ok)try{let N=(await p.json())?.message;throw new Error(N??"Their was an error submitting the form. Check your form and try again.")}catch(d){throw new Error(d.message)}return v&&v.includes("application/json")?p.json():p.text()}).then(p=>{f&&f(p,null)}).catch(p=>{f&&f(null,p)})}catch(p){f&&f(null,p)}}function G(i,C,f){let y=[];if(typeof i=="string"?y=Array.from(document.querySelectorAll(i)):y=[i],y.length===0)return null;function h(){let c=f?.style==="bootstrap",p=document.createElement("form");p.classList.add("voc-form"),c&&p.classList.add("needs-validation"),p.id=C.id;let v=document.createElement("h2");v.className="voc-form-title",c&&v.classList.add("mb-3"),v.textContent=C.form_name,p.appendChild(v);function d(e,u){u&&(u.min_length!==void 0&&(e.minLength=u.min_length),u.max_length!==void 0&&(e.maxLength=u.max_length),u.regex&&(e instanceof HTMLInputElement?e.pattern=u.regex:e.dataset.pattern=u.regex))}function N(e){if(!e.key&&!e.label)return null;let u=C.default_values||{},w=e.name||e.key,r=w?u[w]:void 0,L=document.createElement("div");if(L.className="voc-form-group",c&&L.classList.add("mb-3"),e.label){let t=document.createElement("label");if(t.classList.add("voc-form-label"),c&&t.classList.add("form-label"),e.key?e.type==="radio"?t.htmlFor="":t.htmlFor=`voc-form-${e.key}`:t.htmlFor="",t.textContent=e.label,e.required){let a=document.createElement("span");a.className="voc-form-required",a.textContent="*",t.appendChild(a)}L.appendChild(t)}let E=null;switch(e.type){case"checkbox":{let t=document.createElement("div");if(t.className="voc-form-checkbox-group "+(e.direction||"vertical"),e.width&&(t.style.width=e.width),e.options)e.options.forEach((a,s)=>{let n=document.createElement("label");n.classList.add("voc-form-checkbox-label"),c&&n.classList.add("form-check"),n.style.display=e.direction==="horizontal"?"inline-block":"block",e.width&&(n.style.width=e.width);let o=document.createElement("input");o.type="checkbox",o.classList.add("voc-form-checkbox"),c&&o.classList.add("form-check-input"),o.name=e.name||e.key||"",o.value=a.value,e.key&&(o.id=`voc-form-${e.key}-${s}`),e.required&&(o.required=!0),Array.isArray(r)?r.includes(a.value)&&(o.checked=!0):r!==void 0?r===a.value&&(o.checked=!0):e.default===a.value&&(o.checked=!0),n.appendChild(o),n.appendChild(document.createTextNode(a.label)),t.appendChild(n)});else{let a=document.createElement("label");a.classList.add("voc-form-checkbox-label"),c&&a.classList.add("form-check"),e.width&&(a.style.width=e.width);let s=document.createElement("input");s.type="checkbox",s.classList.add("voc-form-checkbox"),(e.key||e.name)&&(s.name=e.name||e.key,e.key&&(s.id=`voc-form-${e.key}`)),c&&s.classList.add("form-check-input"),e.required&&(s.required=!0),r!==void 0?s.checked=!!r:e.default&&(s.checked=!!e.default),a.appendChild(s),a.appendChild(document.createTextNode(e.label||"")),t.appendChild(a)}E=t;break}case"textarea":{let t=document.createElement("textarea");t.classList.add("voc-form-textarea"),c&&t.classList.add("form-control"),(e.key||e.name)&&(t.name=e.name||e.key,e.key&&(t.id=`voc-form-${e.key}`)),e.placeholder&&(t.placeholder=e.placeholder),r!=null?t.value=String(r):e.default!==void 0&&e.default!==null&&(t.value=String(e.default));let a=e.default||r||"";if(a){let s=(a.match(/\n/g)||[]).length,n=80,o=a.split(`
+`).reduce((H,R)=>Math.max(H,R.length),0),k=Math.ceil(o/n)||1,A=Math.max(2,s+k);t.rows=A,t.style.resize="vertical"}e.width&&(t.style.width=e.width),e.required&&(t.required=!0),d(t,e.validation),E=t;break}case"select":{let t=document.createElement("select");if(t.classList.add("voc-form-select"),c&&t.classList.add("form-select"),c&&t.classList.add("form-control"),(e.key||e.name)&&(t.name=e.name||e.key,e.key&&(t.id=`voc-form-${e.key}`)),e.placeholder){let a=document.createElement("option");a.value="",a.textContent=e.placeholder,a.disabled=!0,a.selected=!0,t.appendChild(a)}e.required&&(t.required=!0),e.options&&e.options.forEach(a=>{let s=document.createElement("option");s.value=a.value,s.textContent=a.label,Array.isArray(r)?r.includes(a.value)&&(s.selected=!0):r!==void 0?r===a.value&&(s.selected=!0):e.default===a.value&&(s.selected=!0),t.appendChild(s)}),e.width&&(t.style.width=e.width),E=t;break}case"radio":{let t=document.createElement("div");t.className="voc-form-radio-group "+(e.direction||"vertical"),e.width&&(t.style.width=e.width),e.options&&e.options.forEach((a,s)=>{let n=document.createElement("label");n.classList.add("voc-form-radio-label"),c&&n.classList.add("form-check"),n.style.display=e.direction==="horizontal"?"inline-block":"block",e.width&&(n.style.width=e.width);let o=document.createElement("input");o.type="radio",o.classList.add("voc-form-radio"),c&&o.classList.add("form-check-input"),o.name=e.name||e.key||"",o.value=a.value,e.key&&(o.id=`voc-form-${e.key}-${s}`),Array.isArray(r)?r.includes(a.value)&&(o.checked=!0):r!==void 0?r===a.value&&(o.checked=!0):e.default===a.value&&(o.checked=!0),n.appendChild(o),n.appendChild(document.createTextNode(a.label)),t.appendChild(n)}),E=t;break}case"file":{let t=document.createElement("div");t.className="voc-form-file-wrapper",e.width&&(t.style.width=e.width);let a=document.createElement("input");a.type="file",a.classList.add("voc-form-file"),c&&a.classList.add("form-control"),(e.key||e.name)&&(a.name=e.name||e.key,e.key&&(a.id=`voc-form-${e.key}`)),e.width&&(a.style.width=e.width),e.required&&(a.required=!0),e.accept&&(a.accept=e.accept),e.multiple&&(a.multiple=!0),t.appendChild(a),E=t;break}case"avatar":{E=P(e,f||{},r);break}case"table":{E=z(e,f||{},r);break}case"audio_select":{E=W(e,f||{},r);break}default:{let t=document.createElement("input");t.type=e.type||"text",t.classList.add("voc-form-input"),c&&t.classList.add("form-control"),(e.key||e.name)&&(t.name=e.name||e.key,e.key&&(t.id=`voc-form-${e.key}`)),e.placeholder&&(t.placeholder=e.placeholder),r!=null?t.value=String(r):e.default!==void 0&&e.default!==null&&(t.value=String(e.default)),e.width&&(t.style.width=e.width),e.required&&(t.required=!0),d(t,e.validation),E=t;break}}if(E&&L.appendChild(E),e.hint_text){let t=document.createElement("small");t.className="voc-form-hint",t.textContent=e.hint_text,L.appendChild(t)}return L}C.fields.forEach(e=>{if(e.type==="group"&&"items"in e){let u=e;if(c){let w=document.createElement("div");w.className="card voc-form-group-card mb-3";let r=u.label||u.header?.title,L=u.description||u.header?.description;if(r||L){let t=document.createElement("div");if(t.className="card-header voc-form-group-head",r){let a=document.createElement("h5");a.className="mb-0 voc-form-group-label",a.textContent=r,t.appendChild(a)}if(L){let a=document.createElement("p");a.className="mb-0 voc-form-group-description",a.textContent=L,t.appendChild(a)}w.appendChild(t)}let E=document.createElement("div");E.className="card-body voc-form-group-body",u.items.forEach(t=>{if(t.type==="row"&&"items"in t){let a=t,s=document.createElement("div");if(s.className="voc-form-group voc-form-row mb-3",a.label){let o=document.createElement("h6");o.className="voc-form-row-label",o.textContent=a.label,s.appendChild(o)}let n=document.createElement("div");n.className="voc-form-row-items "+(a.direction||"horizontal"),a.items.forEach(o=>{let k=N(o);k&&n.appendChild(k)}),s.appendChild(n),E.appendChild(s)}else{let a=N(t);a&&E.appendChild(a)}}),w.appendChild(E),p.appendChild(w)}else{let w=document.createElement("div");w.className="voc-form-group voc-form-group-wrapper",c&&w.classList.add("mb-3");let r=u.label||u.header?.title,L=u.description||u.header?.description;if(r||L){let E=document.createElement("div");if(E.className="voc-form-group-head",r){let t=document.createElement("h3");t.className="voc-form-group-label",t.textContent=r,E.appendChild(t)}if(L){let t=document.createElement("p");t.className="voc-form-group-description",t.textContent=L,E.appendChild(t)}w.appendChild(E)}u.items.forEach(E=>{if(E.type==="row"&&"items"in E){let t=E,a=document.createElement("div");if(a.className="voc-form-group voc-form-row",c&&a.classList.add("mb-3"),t.label){let n=document.createElement("h4");n.className="voc-form-row-label",n.textContent=t.label,a.appendChild(n)}let s=document.createElement("div");s.className="voc-form-row-items "+(t.direction||"horizontal"),t.items.forEach(n=>{let o=N(n);o&&s.appendChild(o)}),a.appendChild(s),w.appendChild(a)}else{let t=N(E);t&&w.appendChild(t)}}),p.appendChild(w)}return}if(e.type==="row"&&"items"in e){let u=document.createElement("div");if(u.className="voc-form-group voc-form-row",c&&u.classList.add("mb-3"),e.label){let r=document.createElement("h3");r.className="voc-form-row-label",r.textContent=e.label,u.appendChild(r)}if(e.description){let r=document.createElement("p");r.className="voc-form-row-description",r.textContent=e.description,u.appendChild(r)}let w=document.createElement("div");w.className="voc-form-row-items "+(e.direction||"horizontal"),u.appendChild(w),e.items.forEach(r=>{let L=N(r);L&&w.appendChild(L)}),p.appendChild(u)}else{let u=N(e);u&&p.appendChild(u)}});let x=document.createElement("button");return x.type="submit",x.className="voc-form-submit",x.textContent="Submit",c&&x.classList.add("btn","btn-primary"),p.appendChild(x),p}let m=h();y[0].appendChild(m);let g=C?.submit_config??f?.submit_config??null;return g&&m.addEventListener("submit",c=>{if(c.preventDefault(),!m.checkValidity()){m.reportValidity(),f?.onSubmitResult&&f.onSubmitResult(null,new Error("Form validation failed"));return}let p=Array.from(m.querySelectorAll(" .voc-form-table-wrapper, .voc-form-table-wrapper")),v=[];if(p.forEach(d=>{if(d&&typeof d.validate=="function"){let N=d.validate();N&&N.length&&v.push(...N)}}),v.length){f?.onSubmitResult&&f.onSubmitResult(null,new Error(v.join("; ")));let d=p[0];d&&d.scrollIntoView({behavior:"smooth",block:"center"});return}if(f?.onSubmit){let d=I(m);f.onSubmit(d)}V(m,g,(d,N)=>{f?.onSubmitResult&&f.onSubmitResult(d,N)})}),{element:m,validate:()=>{let c=[];return m.querySelectorAll(":invalid").forEach(v=>{let d=v.validationMessage;c.push({element:v,message:d})}),c},getValues:()=>I(m),onSubmit:c=>{m.addEventListener("submit",p=>{p.preventDefault();let v=I(m);c(v,p)})}}}var j={renderForm:G};var me=j,ue={FormsLib:j};export{me as FormsLib,ue as default};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "voc-lib-js",
-  "version": "1.0.51",
+  "version": "1.0.53",
   "description": "A JavaScript library for VocPhone",
   "main": "./dist/main.cjs",
   "module": "./dist/main.mjs",