voc-lib-js 1.0.25 → 1.0.26

package/dist/main.d.mts

@@ -31,7 +31,17 @@ type RowField = {
     description?: string;
     direction?: "horizontal" | "vertical";
 };
-type Field = BaseField | RowField;
+type GroupField = {
+    label?: string;
+    type: "group";
+    items: Field[];
+    description?: string;
+    header?: {
+        title?: string;
+        description?: string;
+    };
+};
+type Field = BaseField | RowField | GroupField;
 type FormData = {
     id: string;
     code: string;

package/dist/main.d.ts

@@ -31,7 +31,17 @@ type RowField = {
     description?: string;
     direction?: "horizontal" | "vertical";
 };
-type Field = BaseField | RowField;
+type GroupField = {
+    label?: string;
+    type: "group";
+    items: Field[];
+    description?: string;
+    header?: {
+        title?: string;
+        description?: string;
+    };
+};
+type Field = BaseField | RowField | GroupField;
 type FormData = {
     id: string;
     code: string;

package/dist/main.global.js

@@ -1,2 +1,2 @@
-"use strict";var VocLibJs=(()=>{var w=Object.defineProperty;var H=Object.getOwnPropertyDescriptor;var R=Object.getOwnPropertyNames;var q=Object.prototype.hasOwnProperty;var N=(h,i)=>{for(var d in i)w(h,d,{get:i[d],enumerable:!0})},$=(h,i,d,u)=>{if(i&&typeof i=="object"||typeof i=="function")for(let y of R(i))!q.call(h,y)&&y!==d&&w(h,y,{get:()=>i[y],enumerable:!(u=H(i,y))||u.enumerable});return h};var B=h=>$(w({},"__esModule",{value:!0}),h);var O={};N(O,{FormsLib:()=>V,default:()=>z});function L(h,i=!0){let d=new FormData(h);if(i)return d;let u={};return d.forEach((y,l)=>{let b=(y instanceof File,y);Object.prototype.hasOwnProperty.call(u,l)?Array.isArray(u[l])?u[l].push(b):u[l]=[u[l],b]:u[l]=b}),u}async function T(h,i,d){let u=i.url,y={"Content-Type":"application/json"};i?.api_token&&(y.Authorization=`Bearer ${i.api_token}`);let l=L(h);if(i?.additional_data)for(let[a,f]of Object.entries(i.additional_data))l.append(a,f);let b,o=l instanceof FormData;b={method:"POST",headers:{Authorization:`Bearer ${i.api_token}`,...o?{}:{"Content-Type":"application/json"},Accept:"application/json"},body:o?l:JSON.stringify(Object.fromEntries(l.entries()))};try{fetch(u,b).then(a=>{let f=a.headers.get("content-type");if(!a.ok){let k=a.text();throw new Error(`HTTP ${a.status}: ${k}`)}return f&&f.includes("application/json")?a.json():a.text()}).then(a=>{d&&d(a,null)}).catch(a=>{d&&d(null,a)})}catch(a){d&&d(null,a)}}function _(h,i,d){let u=[];if(typeof h=="string"?u=Array.from(document.querySelectorAll(h)):u=[h],u.length===0)return null;function y(){let o=d?.style==="bootstrap",a=document.createElement("form");a.classList.add("voc-form"),o&&a.classList.add("needs-validation"),a.id=i.id;let f=document.createElement("h2");f.textContent=i.form_name,a.appendChild(f);function k(e,m){m&&(m.min_length!==void 0&&(e.minLength=m.min_length),m.max_length!==void 0&&(e.maxLength=m.max_length),m.regex&&(e instanceof HTMLInputElement?e.pattern=m.regex:e.dataset.pattern=m.regex))}function C(e){if(!e.key&&!e.label)return null;let m=i.default_values||{},E=e.name||e.key,r=E?m[E]:void 0,g=document.createElement("div");if(g.className="voc-form-group",o&&g.classList.add("mb-3"),e.label){let t=document.createElement("label");t.classList.add("voc-form-label"),o&&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?" *":""),g.appendChild(t)}let v=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((n,c)=>{let p=document.createElement("label");p.classList.add("voc-form-checkbox-label"),o&&p.classList.add("form-check"),p.style.display=e.direction==="horizontal"?"inline-block":"block",e.width&&(p.style.width=e.width);let s=document.createElement("input");s.type="checkbox",s.classList.add("voc-form-checkbox"),o&&s.classList.add("form-check-input"),s.name=e.name||e.key||"",s.value=n.value,e.key&&(s.id=`voc-form-${e.key}-${c}`),e.required&&(s.required=!0),Array.isArray(r)?r.includes(n.value)&&(s.checked=!0):r!==void 0?r===n.value&&(s.checked=!0):e.default===n.value&&(s.checked=!0),p.appendChild(s),p.appendChild(document.createTextNode(n.label)),t.appendChild(p)});else{let n=document.createElement("label");n.classList.add("voc-form-checkbox-label"),o&&n.classList.add("form-check"),e.width&&(n.style.width=e.width);let c=document.createElement("input");c.type="checkbox",c.classList.add("voc-form-checkbox"),(e.key||e.name)&&(c.name=e.name||e.key,e.key&&(c.id=`voc-form-${e.key}`)),o&&c.classList.add("form-check-input"),e.required&&(c.required=!0),r!==void 0?c.checked=!!r:e.default&&(c.checked=!!e.default),n.appendChild(c),n.appendChild(document.createTextNode(e.label||"")),t.appendChild(n)}v=t;break}case"textarea":{let t=document.createElement("textarea");t.classList.add("voc-form-textarea"),o&&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 n=e.default||r||"";if(n){let c=(n.match(/\n/g)||[]).length,p=80,s=n.split(`
-`).reduce((A,D)=>Math.max(A,D.length),0),M=Math.ceil(s/p)||1,S=Math.max(2,c+M);t.rows=S,t.style.resize="vertical"}e.width&&(t.style.width=e.width),e.required&&(t.required=!0),k(t,e.validation),v=t;break}case"select":{let t=document.createElement("select");if(t.classList.add("voc-form-select"),o&&t.classList.add("form-select"),(e.key||e.name)&&(t.name=e.name||e.key,e.key&&(t.id=`voc-form-${e.key}`)),e.placeholder){let n=document.createElement("option");n.value="",n.textContent=e.placeholder,n.disabled=!0,n.selected=!0,t.appendChild(n)}e.required&&(t.required=!0),e.options&&e.options.forEach(n=>{let c=document.createElement("option");c.value=n.value,c.textContent=n.label,Array.isArray(r)?r.includes(n.value)&&(c.selected=!0):r!==void 0?r===n.value&&(c.selected=!0):e.default===n.value&&(c.selected=!0),t.appendChild(c)}),e.width&&(t.style.width=e.width),v=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((n,c)=>{let p=document.createElement("label");p.classList.add("voc-form-radio-label"),o&&p.classList.add("form-check"),p.style.display=e.direction==="horizontal"?"inline-block":"block",e.width&&(p.style.width=e.width);let s=document.createElement("input");s.type="radio",s.classList.add("voc-form-radio"),o&&s.classList.add("form-check-input"),s.name=e.name||e.key||"",s.value=n.value,e.key&&(s.id=`voc-form-${e.key}-${c}`),Array.isArray(r)?r.includes(n.value)&&(s.checked=!0):r!==void 0?r===n.value&&(s.checked=!0):e.default===n.value&&(s.checked=!0),p.appendChild(s),p.appendChild(document.createTextNode(n.label)),t.appendChild(p)}),v=t;break}case"file":{let t=document.createElement("div");t.className="voc-form-file-wrapper",e.width&&(t.style.width=e.width);let n=document.createElement("input");n.type="file",n.classList.add("voc-form-file"),o&&n.classList.add("form-control"),(e.key||e.name)&&(n.name=e.name||e.key,e.key&&(n.id=`voc-form-${e.key}`)),e.width&&(n.style.width=e.width),e.required&&(n.required=!0),e.accept&&(n.accept=e.accept),e.multiple&&(n.multiple=!0),t.appendChild(n),v=t;break}default:{let t=document.createElement("input");t.type=e.type||"text",t.classList.add("voc-form-input"),o&&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),k(t,e.validation),v=t;break}}if(v&&g.appendChild(v),e.hint_text){let t=document.createElement("small");t.className="voc-form-hint",t.textContent=e.hint_text,g.appendChild(t)}return g}i.fields.forEach(e=>{if(e.type==="row"&&"items"in e){let m=document.createElement("div");if(m.className="voc-form-group voc-form-row",o&&m.classList.add("mb-3"),e.label){let r=document.createElement("h3");r.className="voc-form-row-label",r.textContent=e.label,m.appendChild(r)}if(e.description){let r=document.createElement("p");r.className="voc-form-row-description",r.textContent=e.description,m.appendChild(r)}let E=document.createElement("div");E.className="voc-form-row-items "+(e.direction||"horizontal"),m.appendChild(E),e.items.forEach(r=>{let g=C(r);g&&E.appendChild(g)}),a.appendChild(m)}else{let m=C(e);m&&a.appendChild(m)}});let x=document.createElement("button");return x.type="submit",x.className="voc-form-submit",x.textContent="Submit",o&&x.classList.add("btn","btn-primary"),a.appendChild(x),a}let l=y();u[0].appendChild(l);let b=i?.submit_config??d?.submit_config??null;return b&&l.addEventListener("submit",o=>{o.preventDefault(),T(l,b,(a,f)=>{d?.onSubmitResult&&d.onSubmitResult(a,f)})}),{element:l,validate:()=>{let o=[];return l.querySelectorAll(":invalid").forEach(f=>{let k=f.validationMessage;o.push({element:f,message:k})}),o},getValues:()=>L(l),onSubmit:o=>{l.addEventListener("submit",a=>{a.preventDefault();let f=L(l);o(f,a)})}}}var F={renderForm:_};var V=F,z={FormsLib:F};return B(O);})();
+"use strict";var VocLibJs=(()=>{var F=Object.defineProperty;var S=Object.getOwnPropertyDescriptor;var A=Object.getOwnPropertyNames;var H=Object.prototype.hasOwnProperty;var q=(y,d)=>{for(var p in d)F(y,p,{get:d[p],enumerable:!0})},B=(y,d,p,f)=>{if(d&&typeof d=="object"||typeof d=="function")for(let v of A(d))!H.call(y,v)&&v!==p&&F(y,v,{get:()=>d[v],enumerable:!(f=S(d,v))||f.enumerable});return y};var $=y=>B(F({},"__esModule",{value:!0}),y);var V={};q(V,{FormsLib:()=>z,default:()=>W});function C(y,d=!0){let p=new FormData(y);if(d)return p;let f={};return p.forEach((v,u)=>{let E=(v instanceof File,v);Object.prototype.hasOwnProperty.call(f,u)?Array.isArray(f[u])?f[u].push(E):f[u]=[f[u],E]:f[u]=E}),f}async function N(y,d,p){let f=d.url,v={"Content-Type":"application/json"};d?.api_token&&(v.Authorization=`Bearer ${d.api_token}`);let u=C(y);if(d?.additional_data)for(let[a,g]of Object.entries(d.additional_data))u.append(a,g);let E,s=u instanceof FormData;E={method:"POST",headers:{Authorization:`Bearer ${d.api_token}`,...s?{}:{"Content-Type":"application/json"},Accept:"application/json"},body:s?u:JSON.stringify(Object.fromEntries(u.entries()))};try{fetch(f,E).then(a=>{let g=a.headers.get("content-type");if(!a.ok){let w=a.text();throw new Error(`HTTP ${a.status}: ${w}`)}return g&&g.includes("application/json")?a.json():a.text()}).then(a=>{p&&p(a,null)}).catch(a=>{p&&p(null,a)})}catch(a){p&&p(null,a)}}function R(y,d,p){let f=[];if(typeof y=="string"?f=Array.from(document.querySelectorAll(y)):f=[y],f.length===0)return null;function v(){let s=p?.style==="bootstrap",a=document.createElement("form");a.classList.add("voc-form"),s&&a.classList.add("needs-validation"),a.id=d.id;let g=document.createElement("h2");g.textContent=d.form_name,a.appendChild(g);function w(e,i){i&&(i.min_length!==void 0&&(e.minLength=i.min_length),i.max_length!==void 0&&(e.maxLength=i.max_length),i.regex&&(e instanceof HTMLInputElement?e.pattern=i.regex:e.dataset.pattern=i.regex))}function k(e){if(!e.key&&!e.label)return null;let i=d.default_values||{},h=e.name||e.key,o=h?i[h]:void 0,b=document.createElement("div");if(b.className="voc-form-group",s&&b.classList.add("mb-3"),e.label){let t=document.createElement("label");t.classList.add("voc-form-label"),s&&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?" *":""),b.appendChild(t)}let m=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((n,c)=>{let l=document.createElement("label");l.classList.add("voc-form-checkbox-label"),s&&l.classList.add("form-check"),l.style.display=e.direction==="horizontal"?"inline-block":"block",e.width&&(l.style.width=e.width);let r=document.createElement("input");r.type="checkbox",r.classList.add("voc-form-checkbox"),s&&r.classList.add("form-check-input"),r.name=e.name||e.key||"",r.value=n.value,e.key&&(r.id=`voc-form-${e.key}-${c}`),e.required&&(r.required=!0),Array.isArray(o)?o.includes(n.value)&&(r.checked=!0):o!==void 0?o===n.value&&(r.checked=!0):e.default===n.value&&(r.checked=!0),l.appendChild(r),l.appendChild(document.createTextNode(n.label)),t.appendChild(l)});else{let n=document.createElement("label");n.classList.add("voc-form-checkbox-label"),s&&n.classList.add("form-check"),e.width&&(n.style.width=e.width);let c=document.createElement("input");c.type="checkbox",c.classList.add("voc-form-checkbox"),(e.key||e.name)&&(c.name=e.name||e.key,e.key&&(c.id=`voc-form-${e.key}`)),s&&c.classList.add("form-check-input"),e.required&&(c.required=!0),o!==void 0?c.checked=!!o:e.default&&(c.checked=!!e.default),n.appendChild(c),n.appendChild(document.createTextNode(e.label||"")),t.appendChild(n)}m=t;break}case"textarea":{let t=document.createElement("textarea");t.classList.add("voc-form-textarea"),s&&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),o!=null?t.value=String(o):e.default!==void 0&&e.default!==null&&(t.value=String(e.default));let n=e.default||o||"";if(n){let c=(n.match(/\n/g)||[]).length,l=80,r=n.split(`
+`).reduce((D,M)=>Math.max(D,M.length),0),L=Math.ceil(r/l)||1,_=Math.max(2,c+L);t.rows=_,t.style.resize="vertical"}e.width&&(t.style.width=e.width),e.required&&(t.required=!0),w(t,e.validation),m=t;break}case"select":{let t=document.createElement("select");if(t.classList.add("voc-form-select"),s&&t.classList.add("form-select"),(e.key||e.name)&&(t.name=e.name||e.key,e.key&&(t.id=`voc-form-${e.key}`)),e.placeholder){let n=document.createElement("option");n.value="",n.textContent=e.placeholder,n.disabled=!0,n.selected=!0,t.appendChild(n)}e.required&&(t.required=!0),e.options&&e.options.forEach(n=>{let c=document.createElement("option");c.value=n.value,c.textContent=n.label,Array.isArray(o)?o.includes(n.value)&&(c.selected=!0):o!==void 0?o===n.value&&(c.selected=!0):e.default===n.value&&(c.selected=!0),t.appendChild(c)}),e.width&&(t.style.width=e.width),m=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((n,c)=>{let l=document.createElement("label");l.classList.add("voc-form-radio-label"),s&&l.classList.add("form-check"),l.style.display=e.direction==="horizontal"?"inline-block":"block",e.width&&(l.style.width=e.width);let r=document.createElement("input");r.type="radio",r.classList.add("voc-form-radio"),s&&r.classList.add("form-check-input"),r.name=e.name||e.key||"",r.value=n.value,e.key&&(r.id=`voc-form-${e.key}-${c}`),Array.isArray(o)?o.includes(n.value)&&(r.checked=!0):o!==void 0?o===n.value&&(r.checked=!0):e.default===n.value&&(r.checked=!0),l.appendChild(r),l.appendChild(document.createTextNode(n.label)),t.appendChild(l)}),m=t;break}case"file":{let t=document.createElement("div");t.className="voc-form-file-wrapper",e.width&&(t.style.width=e.width);let n=document.createElement("input");n.type="file",n.classList.add("voc-form-file"),s&&n.classList.add("form-control"),(e.key||e.name)&&(n.name=e.name||e.key,e.key&&(n.id=`voc-form-${e.key}`)),e.width&&(n.style.width=e.width),e.required&&(n.required=!0),e.accept&&(n.accept=e.accept),e.multiple&&(n.multiple=!0),t.appendChild(n),m=t;break}default:{let t=document.createElement("input");t.type=e.type||"text",t.classList.add("voc-form-input"),s&&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),o!=null?t.value=String(o):e.default!==void 0&&e.default!==null&&(t.value=String(e.default)),e.width&&(t.style.width=e.width),e.required&&(t.required=!0),w(t,e.validation),m=t;break}}if(m&&b.appendChild(m),e.hint_text){let t=document.createElement("small");t.className="voc-form-hint",t.textContent=e.hint_text,b.appendChild(t)}return b}d.fields.forEach(e=>{if(e.type==="group"&&"items"in e){let i=e;if(s){let h=document.createElement("div");h.className="card voc-form-group-card mb-3";let o=i.label||i.header?.title,b=i.description||i.header?.description;if(o||b){let t=document.createElement("div");if(t.className="card-header voc-form-group-head",o){let n=document.createElement("h5");n.className="mb-0 voc-form-group-label",n.textContent=o,t.appendChild(n)}if(b){let n=document.createElement("p");n.className="mb-0 voc-form-group-description",n.textContent=b,t.appendChild(n)}h.appendChild(t)}let m=document.createElement("div");m.className="card-body voc-form-group-body",i.items.forEach(t=>{if(t.type==="row"&&"items"in t){let n=t,c=document.createElement("div");if(c.className="voc-form-group voc-form-row mb-3",n.label){let r=document.createElement("h6");r.className="voc-form-row-label",r.textContent=n.label,c.appendChild(r)}let l=document.createElement("div");l.className="voc-form-row-items "+(n.direction||"horizontal"),n.items.forEach(r=>{let L=k(r);L&&l.appendChild(L)}),c.appendChild(l),m.appendChild(c)}else{let n=k(t);n&&m.appendChild(n)}}),h.appendChild(m),a.appendChild(h)}else{let h=document.createElement("div");h.className="voc-form-group voc-form-group-wrapper",s&&h.classList.add("mb-3");let o=i.label||i.header?.title,b=i.description||i.header?.description;if(o||b){let m=document.createElement("div");if(m.className="voc-form-group-head",o){let t=document.createElement("h3");t.className="voc-form-group-label",t.textContent=o,m.appendChild(t)}if(b){let t=document.createElement("p");t.className="voc-form-group-description",t.textContent=b,m.appendChild(t)}h.appendChild(m)}i.items.forEach(m=>{if(m.type==="row"&&"items"in m){let t=m,n=document.createElement("div");if(n.className="voc-form-group voc-form-row",s&&n.classList.add("mb-3"),t.label){let l=document.createElement("h4");l.className="voc-form-row-label",l.textContent=t.label,n.appendChild(l)}let c=document.createElement("div");c.className="voc-form-row-items "+(t.direction||"horizontal"),t.items.forEach(l=>{let r=k(l);r&&c.appendChild(r)}),n.appendChild(c),h.appendChild(n)}else{let t=k(m);t&&h.appendChild(t)}}),a.appendChild(h)}return}if(e.type==="row"&&"items"in e){let i=document.createElement("div");if(i.className="voc-form-group voc-form-row",s&&i.classList.add("mb-3"),e.label){let o=document.createElement("h3");o.className="voc-form-row-label",o.textContent=e.label,i.appendChild(o)}if(e.description){let o=document.createElement("p");o.className="voc-form-row-description",o.textContent=e.description,i.appendChild(o)}let h=document.createElement("div");h.className="voc-form-row-items "+(e.direction||"horizontal"),i.appendChild(h),e.items.forEach(o=>{let b=k(o);b&&h.appendChild(b)}),a.appendChild(i)}else{let i=k(e);i&&a.appendChild(i)}});let x=document.createElement("button");return x.type="submit",x.className="voc-form-submit",x.textContent="Submit",s&&x.classList.add("btn","btn-primary"),a.appendChild(x),a}let u=v();f[0].appendChild(u);let E=d?.submit_config??p?.submit_config??null;return E&&u.addEventListener("submit",s=>{s.preventDefault(),N(u,E,(a,g)=>{p?.onSubmitResult&&p.onSubmitResult(a,g)})}),{element:u,validate:()=>{let s=[];return u.querySelectorAll(":invalid").forEach(g=>{let w=g.validationMessage;s.push({element:g,message:w})}),s},getValues:()=>C(u),onSubmit:s=>{u.addEventListener("submit",a=>{a.preventDefault();let g=C(u);s(g,a)})}}}var T={renderForm:R};var z=T,W={FormsLib:T};return $(V);})();

package/dist/main.js

@@ -1,2 +1,2 @@
-"use strict";var w=Object.defineProperty;var H=Object.getOwnPropertyDescriptor;var R=Object.getOwnPropertyNames;var q=Object.prototype.hasOwnProperty;var N=(h,i)=>{for(var d in i)w(h,d,{get:i[d],enumerable:!0})},$=(h,i,d,u)=>{if(i&&typeof i=="object"||typeof i=="function")for(let y of R(i))!q.call(h,y)&&y!==d&&w(h,y,{get:()=>i[y],enumerable:!(u=H(i,y))||u.enumerable});return h};var B=h=>$(w({},"__esModule",{value:!0}),h);var O={};N(O,{FormsLib:()=>V,default:()=>z});module.exports=B(O);function L(h,i=!0){let d=new FormData(h);if(i)return d;let u={};return d.forEach((y,l)=>{let b=(y instanceof File,y);Object.prototype.hasOwnProperty.call(u,l)?Array.isArray(u[l])?u[l].push(b):u[l]=[u[l],b]:u[l]=b}),u}async function T(h,i,d){let u=i.url,y={"Content-Type":"application/json"};i?.api_token&&(y.Authorization=`Bearer ${i.api_token}`);let l=L(h);if(i?.additional_data)for(let[a,f]of Object.entries(i.additional_data))l.append(a,f);let b,o=l instanceof FormData;b={method:"POST",headers:{Authorization:`Bearer ${i.api_token}`,...o?{}:{"Content-Type":"application/json"},Accept:"application/json"},body:o?l:JSON.stringify(Object.fromEntries(l.entries()))};try{fetch(u,b).then(a=>{let f=a.headers.get("content-type");if(!a.ok){let k=a.text();throw new Error(`HTTP ${a.status}: ${k}`)}return f&&f.includes("application/json")?a.json():a.text()}).then(a=>{d&&d(a,null)}).catch(a=>{d&&d(null,a)})}catch(a){d&&d(null,a)}}function _(h,i,d){let u=[];if(typeof h=="string"?u=Array.from(document.querySelectorAll(h)):u=[h],u.length===0)return null;function y(){let o=d?.style==="bootstrap",a=document.createElement("form");a.classList.add("voc-form"),o&&a.classList.add("needs-validation"),a.id=i.id;let f=document.createElement("h2");f.textContent=i.form_name,a.appendChild(f);function k(e,m){m&&(m.min_length!==void 0&&(e.minLength=m.min_length),m.max_length!==void 0&&(e.maxLength=m.max_length),m.regex&&(e instanceof HTMLInputElement?e.pattern=m.regex:e.dataset.pattern=m.regex))}function C(e){if(!e.key&&!e.label)return null;let m=i.default_values||{},E=e.name||e.key,r=E?m[E]:void 0,g=document.createElement("div");if(g.className="voc-form-group",o&&g.classList.add("mb-3"),e.label){let t=document.createElement("label");t.classList.add("voc-form-label"),o&&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?" *":""),g.appendChild(t)}let v=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((n,c)=>{let p=document.createElement("label");p.classList.add("voc-form-checkbox-label"),o&&p.classList.add("form-check"),p.style.display=e.direction==="horizontal"?"inline-block":"block",e.width&&(p.style.width=e.width);let s=document.createElement("input");s.type="checkbox",s.classList.add("voc-form-checkbox"),o&&s.classList.add("form-check-input"),s.name=e.name||e.key||"",s.value=n.value,e.key&&(s.id=`voc-form-${e.key}-${c}`),e.required&&(s.required=!0),Array.isArray(r)?r.includes(n.value)&&(s.checked=!0):r!==void 0?r===n.value&&(s.checked=!0):e.default===n.value&&(s.checked=!0),p.appendChild(s),p.appendChild(document.createTextNode(n.label)),t.appendChild(p)});else{let n=document.createElement("label");n.classList.add("voc-form-checkbox-label"),o&&n.classList.add("form-check"),e.width&&(n.style.width=e.width);let c=document.createElement("input");c.type="checkbox",c.classList.add("voc-form-checkbox"),(e.key||e.name)&&(c.name=e.name||e.key,e.key&&(c.id=`voc-form-${e.key}`)),o&&c.classList.add("form-check-input"),e.required&&(c.required=!0),r!==void 0?c.checked=!!r:e.default&&(c.checked=!!e.default),n.appendChild(c),n.appendChild(document.createTextNode(e.label||"")),t.appendChild(n)}v=t;break}case"textarea":{let t=document.createElement("textarea");t.classList.add("voc-form-textarea"),o&&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 n=e.default||r||"";if(n){let c=(n.match(/\n/g)||[]).length,p=80,s=n.split(`
-`).reduce((A,D)=>Math.max(A,D.length),0),M=Math.ceil(s/p)||1,S=Math.max(2,c+M);t.rows=S,t.style.resize="vertical"}e.width&&(t.style.width=e.width),e.required&&(t.required=!0),k(t,e.validation),v=t;break}case"select":{let t=document.createElement("select");if(t.classList.add("voc-form-select"),o&&t.classList.add("form-select"),(e.key||e.name)&&(t.name=e.name||e.key,e.key&&(t.id=`voc-form-${e.key}`)),e.placeholder){let n=document.createElement("option");n.value="",n.textContent=e.placeholder,n.disabled=!0,n.selected=!0,t.appendChild(n)}e.required&&(t.required=!0),e.options&&e.options.forEach(n=>{let c=document.createElement("option");c.value=n.value,c.textContent=n.label,Array.isArray(r)?r.includes(n.value)&&(c.selected=!0):r!==void 0?r===n.value&&(c.selected=!0):e.default===n.value&&(c.selected=!0),t.appendChild(c)}),e.width&&(t.style.width=e.width),v=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((n,c)=>{let p=document.createElement("label");p.classList.add("voc-form-radio-label"),o&&p.classList.add("form-check"),p.style.display=e.direction==="horizontal"?"inline-block":"block",e.width&&(p.style.width=e.width);let s=document.createElement("input");s.type="radio",s.classList.add("voc-form-radio"),o&&s.classList.add("form-check-input"),s.name=e.name||e.key||"",s.value=n.value,e.key&&(s.id=`voc-form-${e.key}-${c}`),Array.isArray(r)?r.includes(n.value)&&(s.checked=!0):r!==void 0?r===n.value&&(s.checked=!0):e.default===n.value&&(s.checked=!0),p.appendChild(s),p.appendChild(document.createTextNode(n.label)),t.appendChild(p)}),v=t;break}case"file":{let t=document.createElement("div");t.className="voc-form-file-wrapper",e.width&&(t.style.width=e.width);let n=document.createElement("input");n.type="file",n.classList.add("voc-form-file"),o&&n.classList.add("form-control"),(e.key||e.name)&&(n.name=e.name||e.key,e.key&&(n.id=`voc-form-${e.key}`)),e.width&&(n.style.width=e.width),e.required&&(n.required=!0),e.accept&&(n.accept=e.accept),e.multiple&&(n.multiple=!0),t.appendChild(n),v=t;break}default:{let t=document.createElement("input");t.type=e.type||"text",t.classList.add("voc-form-input"),o&&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),k(t,e.validation),v=t;break}}if(v&&g.appendChild(v),e.hint_text){let t=document.createElement("small");t.className="voc-form-hint",t.textContent=e.hint_text,g.appendChild(t)}return g}i.fields.forEach(e=>{if(e.type==="row"&&"items"in e){let m=document.createElement("div");if(m.className="voc-form-group voc-form-row",o&&m.classList.add("mb-3"),e.label){let r=document.createElement("h3");r.className="voc-form-row-label",r.textContent=e.label,m.appendChild(r)}if(e.description){let r=document.createElement("p");r.className="voc-form-row-description",r.textContent=e.description,m.appendChild(r)}let E=document.createElement("div");E.className="voc-form-row-items "+(e.direction||"horizontal"),m.appendChild(E),e.items.forEach(r=>{let g=C(r);g&&E.appendChild(g)}),a.appendChild(m)}else{let m=C(e);m&&a.appendChild(m)}});let x=document.createElement("button");return x.type="submit",x.className="voc-form-submit",x.textContent="Submit",o&&x.classList.add("btn","btn-primary"),a.appendChild(x),a}let l=y();u[0].appendChild(l);let b=i?.submit_config??d?.submit_config??null;return b&&l.addEventListener("submit",o=>{o.preventDefault(),T(l,b,(a,f)=>{d?.onSubmitResult&&d.onSubmitResult(a,f)})}),{element:l,validate:()=>{let o=[];return l.querySelectorAll(":invalid").forEach(f=>{let k=f.validationMessage;o.push({element:f,message:k})}),o},getValues:()=>L(l),onSubmit:o=>{l.addEventListener("submit",a=>{a.preventDefault();let f=L(l);o(f,a)})}}}var F={renderForm:_};var V=F,z={FormsLib:F};0&&(module.exports={FormsLib});
+"use strict";var F=Object.defineProperty;var S=Object.getOwnPropertyDescriptor;var A=Object.getOwnPropertyNames;var H=Object.prototype.hasOwnProperty;var q=(y,d)=>{for(var p in d)F(y,p,{get:d[p],enumerable:!0})},B=(y,d,p,f)=>{if(d&&typeof d=="object"||typeof d=="function")for(let v of A(d))!H.call(y,v)&&v!==p&&F(y,v,{get:()=>d[v],enumerable:!(f=S(d,v))||f.enumerable});return y};var $=y=>B(F({},"__esModule",{value:!0}),y);var V={};q(V,{FormsLib:()=>z,default:()=>W});module.exports=$(V);function C(y,d=!0){let p=new FormData(y);if(d)return p;let f={};return p.forEach((v,u)=>{let E=(v instanceof File,v);Object.prototype.hasOwnProperty.call(f,u)?Array.isArray(f[u])?f[u].push(E):f[u]=[f[u],E]:f[u]=E}),f}async function N(y,d,p){let f=d.url,v={"Content-Type":"application/json"};d?.api_token&&(v.Authorization=`Bearer ${d.api_token}`);let u=C(y);if(d?.additional_data)for(let[a,g]of Object.entries(d.additional_data))u.append(a,g);let E,s=u instanceof FormData;E={method:"POST",headers:{Authorization:`Bearer ${d.api_token}`,...s?{}:{"Content-Type":"application/json"},Accept:"application/json"},body:s?u:JSON.stringify(Object.fromEntries(u.entries()))};try{fetch(f,E).then(a=>{let g=a.headers.get("content-type");if(!a.ok){let w=a.text();throw new Error(`HTTP ${a.status}: ${w}`)}return g&&g.includes("application/json")?a.json():a.text()}).then(a=>{p&&p(a,null)}).catch(a=>{p&&p(null,a)})}catch(a){p&&p(null,a)}}function R(y,d,p){let f=[];if(typeof y=="string"?f=Array.from(document.querySelectorAll(y)):f=[y],f.length===0)return null;function v(){let s=p?.style==="bootstrap",a=document.createElement("form");a.classList.add("voc-form"),s&&a.classList.add("needs-validation"),a.id=d.id;let g=document.createElement("h2");g.textContent=d.form_name,a.appendChild(g);function w(e,i){i&&(i.min_length!==void 0&&(e.minLength=i.min_length),i.max_length!==void 0&&(e.maxLength=i.max_length),i.regex&&(e instanceof HTMLInputElement?e.pattern=i.regex:e.dataset.pattern=i.regex))}function k(e){if(!e.key&&!e.label)return null;let i=d.default_values||{},h=e.name||e.key,o=h?i[h]:void 0,b=document.createElement("div");if(b.className="voc-form-group",s&&b.classList.add("mb-3"),e.label){let t=document.createElement("label");t.classList.add("voc-form-label"),s&&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?" *":""),b.appendChild(t)}let m=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((n,c)=>{let l=document.createElement("label");l.classList.add("voc-form-checkbox-label"),s&&l.classList.add("form-check"),l.style.display=e.direction==="horizontal"?"inline-block":"block",e.width&&(l.style.width=e.width);let r=document.createElement("input");r.type="checkbox",r.classList.add("voc-form-checkbox"),s&&r.classList.add("form-check-input"),r.name=e.name||e.key||"",r.value=n.value,e.key&&(r.id=`voc-form-${e.key}-${c}`),e.required&&(r.required=!0),Array.isArray(o)?o.includes(n.value)&&(r.checked=!0):o!==void 0?o===n.value&&(r.checked=!0):e.default===n.value&&(r.checked=!0),l.appendChild(r),l.appendChild(document.createTextNode(n.label)),t.appendChild(l)});else{let n=document.createElement("label");n.classList.add("voc-form-checkbox-label"),s&&n.classList.add("form-check"),e.width&&(n.style.width=e.width);let c=document.createElement("input");c.type="checkbox",c.classList.add("voc-form-checkbox"),(e.key||e.name)&&(c.name=e.name||e.key,e.key&&(c.id=`voc-form-${e.key}`)),s&&c.classList.add("form-check-input"),e.required&&(c.required=!0),o!==void 0?c.checked=!!o:e.default&&(c.checked=!!e.default),n.appendChild(c),n.appendChild(document.createTextNode(e.label||"")),t.appendChild(n)}m=t;break}case"textarea":{let t=document.createElement("textarea");t.classList.add("voc-form-textarea"),s&&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),o!=null?t.value=String(o):e.default!==void 0&&e.default!==null&&(t.value=String(e.default));let n=e.default||o||"";if(n){let c=(n.match(/\n/g)||[]).length,l=80,r=n.split(`
+`).reduce((D,M)=>Math.max(D,M.length),0),L=Math.ceil(r/l)||1,_=Math.max(2,c+L);t.rows=_,t.style.resize="vertical"}e.width&&(t.style.width=e.width),e.required&&(t.required=!0),w(t,e.validation),m=t;break}case"select":{let t=document.createElement("select");if(t.classList.add("voc-form-select"),s&&t.classList.add("form-select"),(e.key||e.name)&&(t.name=e.name||e.key,e.key&&(t.id=`voc-form-${e.key}`)),e.placeholder){let n=document.createElement("option");n.value="",n.textContent=e.placeholder,n.disabled=!0,n.selected=!0,t.appendChild(n)}e.required&&(t.required=!0),e.options&&e.options.forEach(n=>{let c=document.createElement("option");c.value=n.value,c.textContent=n.label,Array.isArray(o)?o.includes(n.value)&&(c.selected=!0):o!==void 0?o===n.value&&(c.selected=!0):e.default===n.value&&(c.selected=!0),t.appendChild(c)}),e.width&&(t.style.width=e.width),m=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((n,c)=>{let l=document.createElement("label");l.classList.add("voc-form-radio-label"),s&&l.classList.add("form-check"),l.style.display=e.direction==="horizontal"?"inline-block":"block",e.width&&(l.style.width=e.width);let r=document.createElement("input");r.type="radio",r.classList.add("voc-form-radio"),s&&r.classList.add("form-check-input"),r.name=e.name||e.key||"",r.value=n.value,e.key&&(r.id=`voc-form-${e.key}-${c}`),Array.isArray(o)?o.includes(n.value)&&(r.checked=!0):o!==void 0?o===n.value&&(r.checked=!0):e.default===n.value&&(r.checked=!0),l.appendChild(r),l.appendChild(document.createTextNode(n.label)),t.appendChild(l)}),m=t;break}case"file":{let t=document.createElement("div");t.className="voc-form-file-wrapper",e.width&&(t.style.width=e.width);let n=document.createElement("input");n.type="file",n.classList.add("voc-form-file"),s&&n.classList.add("form-control"),(e.key||e.name)&&(n.name=e.name||e.key,e.key&&(n.id=`voc-form-${e.key}`)),e.width&&(n.style.width=e.width),e.required&&(n.required=!0),e.accept&&(n.accept=e.accept),e.multiple&&(n.multiple=!0),t.appendChild(n),m=t;break}default:{let t=document.createElement("input");t.type=e.type||"text",t.classList.add("voc-form-input"),s&&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),o!=null?t.value=String(o):e.default!==void 0&&e.default!==null&&(t.value=String(e.default)),e.width&&(t.style.width=e.width),e.required&&(t.required=!0),w(t,e.validation),m=t;break}}if(m&&b.appendChild(m),e.hint_text){let t=document.createElement("small");t.className="voc-form-hint",t.textContent=e.hint_text,b.appendChild(t)}return b}d.fields.forEach(e=>{if(e.type==="group"&&"items"in e){let i=e;if(s){let h=document.createElement("div");h.className="card voc-form-group-card mb-3";let o=i.label||i.header?.title,b=i.description||i.header?.description;if(o||b){let t=document.createElement("div");if(t.className="card-header voc-form-group-head",o){let n=document.createElement("h5");n.className="mb-0 voc-form-group-label",n.textContent=o,t.appendChild(n)}if(b){let n=document.createElement("p");n.className="mb-0 voc-form-group-description",n.textContent=b,t.appendChild(n)}h.appendChild(t)}let m=document.createElement("div");m.className="card-body voc-form-group-body",i.items.forEach(t=>{if(t.type==="row"&&"items"in t){let n=t,c=document.createElement("div");if(c.className="voc-form-group voc-form-row mb-3",n.label){let r=document.createElement("h6");r.className="voc-form-row-label",r.textContent=n.label,c.appendChild(r)}let l=document.createElement("div");l.className="voc-form-row-items "+(n.direction||"horizontal"),n.items.forEach(r=>{let L=k(r);L&&l.appendChild(L)}),c.appendChild(l),m.appendChild(c)}else{let n=k(t);n&&m.appendChild(n)}}),h.appendChild(m),a.appendChild(h)}else{let h=document.createElement("div");h.className="voc-form-group voc-form-group-wrapper",s&&h.classList.add("mb-3");let o=i.label||i.header?.title,b=i.description||i.header?.description;if(o||b){let m=document.createElement("div");if(m.className="voc-form-group-head",o){let t=document.createElement("h3");t.className="voc-form-group-label",t.textContent=o,m.appendChild(t)}if(b){let t=document.createElement("p");t.className="voc-form-group-description",t.textContent=b,m.appendChild(t)}h.appendChild(m)}i.items.forEach(m=>{if(m.type==="row"&&"items"in m){let t=m,n=document.createElement("div");if(n.className="voc-form-group voc-form-row",s&&n.classList.add("mb-3"),t.label){let l=document.createElement("h4");l.className="voc-form-row-label",l.textContent=t.label,n.appendChild(l)}let c=document.createElement("div");c.className="voc-form-row-items "+(t.direction||"horizontal"),t.items.forEach(l=>{let r=k(l);r&&c.appendChild(r)}),n.appendChild(c),h.appendChild(n)}else{let t=k(m);t&&h.appendChild(t)}}),a.appendChild(h)}return}if(e.type==="row"&&"items"in e){let i=document.createElement("div");if(i.className="voc-form-group voc-form-row",s&&i.classList.add("mb-3"),e.label){let o=document.createElement("h3");o.className="voc-form-row-label",o.textContent=e.label,i.appendChild(o)}if(e.description){let o=document.createElement("p");o.className="voc-form-row-description",o.textContent=e.description,i.appendChild(o)}let h=document.createElement("div");h.className="voc-form-row-items "+(e.direction||"horizontal"),i.appendChild(h),e.items.forEach(o=>{let b=k(o);b&&h.appendChild(b)}),a.appendChild(i)}else{let i=k(e);i&&a.appendChild(i)}});let x=document.createElement("button");return x.type="submit",x.className="voc-form-submit",x.textContent="Submit",s&&x.classList.add("btn","btn-primary"),a.appendChild(x),a}let u=v();f[0].appendChild(u);let E=d?.submit_config??p?.submit_config??null;return E&&u.addEventListener("submit",s=>{s.preventDefault(),N(u,E,(a,g)=>{p?.onSubmitResult&&p.onSubmitResult(a,g)})}),{element:u,validate:()=>{let s=[];return u.querySelectorAll(":invalid").forEach(g=>{let w=g.validationMessage;s.push({element:g,message:w})}),s},getValues:()=>C(u),onSubmit:s=>{u.addEventListener("submit",a=>{a.preventDefault();let g=C(u);s(g,a)})}}}var T={renderForm:R};var z=T,W={FormsLib:T};0&&(module.exports={FormsLib});

package/dist/main.mjs

@@ -1,2 +1,2 @@
-function L(g,d=!0){let u=new FormData(g);if(d)return u;let p={};return u.forEach((v,c)=>{let f=(v instanceof File,v);Object.prototype.hasOwnProperty.call(p,c)?Array.isArray(p[c])?p[c].push(f):p[c]=[p[c],f]:p[c]=f}),p}async function C(g,d,u){let p=d.url,v={"Content-Type":"application/json"};d?.api_token&&(v.Authorization=`Bearer ${d.api_token}`);let c=L(g);if(d?.additional_data)for(let[a,h]of Object.entries(d.additional_data))c.append(a,h);let f,o=c instanceof FormData;f={method:"POST",headers:{Authorization:`Bearer ${d.api_token}`,...o?{}:{"Content-Type":"application/json"},Accept:"application/json"},body:o?c:JSON.stringify(Object.fromEntries(c.entries()))};try{fetch(p,f).then(a=>{let h=a.headers.get("content-type");if(!a.ok){let k=a.text();throw new Error(`HTTP ${a.status}: ${k}`)}return h&&h.includes("application/json")?a.json():a.text()}).then(a=>{u&&u(a,null)}).catch(a=>{u&&u(null,a)})}catch(a){u&&u(null,a)}}function T(g,d,u){let p=[];if(typeof g=="string"?p=Array.from(document.querySelectorAll(g)):p=[g],p.length===0)return null;function v(){let o=u?.style==="bootstrap",a=document.createElement("form");a.classList.add("voc-form"),o&&a.classList.add("needs-validation"),a.id=d.id;let h=document.createElement("h2");h.textContent=d.form_name,a.appendChild(h);function k(e,l){l&&(l.min_length!==void 0&&(e.minLength=l.min_length),l.max_length!==void 0&&(e.maxLength=l.max_length),l.regex&&(e instanceof HTMLInputElement?e.pattern=l.regex:e.dataset.pattern=l.regex))}function F(e){if(!e.key&&!e.label)return null;let l=d.default_values||{},E=e.name||e.key,r=E?l[E]:void 0,y=document.createElement("div");if(y.className="voc-form-group",o&&y.classList.add("mb-3"),e.label){let t=document.createElement("label");t.classList.add("voc-form-label"),o&&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?" *":""),y.appendChild(t)}let b=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((n,s)=>{let m=document.createElement("label");m.classList.add("voc-form-checkbox-label"),o&&m.classList.add("form-check"),m.style.display=e.direction==="horizontal"?"inline-block":"block",e.width&&(m.style.width=e.width);let i=document.createElement("input");i.type="checkbox",i.classList.add("voc-form-checkbox"),o&&i.classList.add("form-check-input"),i.name=e.name||e.key||"",i.value=n.value,e.key&&(i.id=`voc-form-${e.key}-${s}`),e.required&&(i.required=!0),Array.isArray(r)?r.includes(n.value)&&(i.checked=!0):r!==void 0?r===n.value&&(i.checked=!0):e.default===n.value&&(i.checked=!0),m.appendChild(i),m.appendChild(document.createTextNode(n.label)),t.appendChild(m)});else{let n=document.createElement("label");n.classList.add("voc-form-checkbox-label"),o&&n.classList.add("form-check"),e.width&&(n.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}`)),o&&s.classList.add("form-check-input"),e.required&&(s.required=!0),r!==void 0?s.checked=!!r:e.default&&(s.checked=!!e.default),n.appendChild(s),n.appendChild(document.createTextNode(e.label||"")),t.appendChild(n)}b=t;break}case"textarea":{let t=document.createElement("textarea");t.classList.add("voc-form-textarea"),o&&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 n=e.default||r||"";if(n){let s=(n.match(/\n/g)||[]).length,m=80,i=n.split(`
-`).reduce((S,A)=>Math.max(S,A.length),0),_=Math.ceil(i/m)||1,M=Math.max(2,s+_);t.rows=M,t.style.resize="vertical"}e.width&&(t.style.width=e.width),e.required&&(t.required=!0),k(t,e.validation),b=t;break}case"select":{let t=document.createElement("select");if(t.classList.add("voc-form-select"),o&&t.classList.add("form-select"),(e.key||e.name)&&(t.name=e.name||e.key,e.key&&(t.id=`voc-form-${e.key}`)),e.placeholder){let n=document.createElement("option");n.value="",n.textContent=e.placeholder,n.disabled=!0,n.selected=!0,t.appendChild(n)}e.required&&(t.required=!0),e.options&&e.options.forEach(n=>{let s=document.createElement("option");s.value=n.value,s.textContent=n.label,Array.isArray(r)?r.includes(n.value)&&(s.selected=!0):r!==void 0?r===n.value&&(s.selected=!0):e.default===n.value&&(s.selected=!0),t.appendChild(s)}),e.width&&(t.style.width=e.width),b=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((n,s)=>{let m=document.createElement("label");m.classList.add("voc-form-radio-label"),o&&m.classList.add("form-check"),m.style.display=e.direction==="horizontal"?"inline-block":"block",e.width&&(m.style.width=e.width);let i=document.createElement("input");i.type="radio",i.classList.add("voc-form-radio"),o&&i.classList.add("form-check-input"),i.name=e.name||e.key||"",i.value=n.value,e.key&&(i.id=`voc-form-${e.key}-${s}`),Array.isArray(r)?r.includes(n.value)&&(i.checked=!0):r!==void 0?r===n.value&&(i.checked=!0):e.default===n.value&&(i.checked=!0),m.appendChild(i),m.appendChild(document.createTextNode(n.label)),t.appendChild(m)}),b=t;break}case"file":{let t=document.createElement("div");t.className="voc-form-file-wrapper",e.width&&(t.style.width=e.width);let n=document.createElement("input");n.type="file",n.classList.add("voc-form-file"),o&&n.classList.add("form-control"),(e.key||e.name)&&(n.name=e.name||e.key,e.key&&(n.id=`voc-form-${e.key}`)),e.width&&(n.style.width=e.width),e.required&&(n.required=!0),e.accept&&(n.accept=e.accept),e.multiple&&(n.multiple=!0),t.appendChild(n),b=t;break}default:{let t=document.createElement("input");t.type=e.type||"text",t.classList.add("voc-form-input"),o&&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),k(t,e.validation),b=t;break}}if(b&&y.appendChild(b),e.hint_text){let t=document.createElement("small");t.className="voc-form-hint",t.textContent=e.hint_text,y.appendChild(t)}return y}d.fields.forEach(e=>{if(e.type==="row"&&"items"in e){let l=document.createElement("div");if(l.className="voc-form-group voc-form-row",o&&l.classList.add("mb-3"),e.label){let r=document.createElement("h3");r.className="voc-form-row-label",r.textContent=e.label,l.appendChild(r)}if(e.description){let r=document.createElement("p");r.className="voc-form-row-description",r.textContent=e.description,l.appendChild(r)}let E=document.createElement("div");E.className="voc-form-row-items "+(e.direction||"horizontal"),l.appendChild(E),e.items.forEach(r=>{let y=F(r);y&&E.appendChild(y)}),a.appendChild(l)}else{let l=F(e);l&&a.appendChild(l)}});let x=document.createElement("button");return x.type="submit",x.className="voc-form-submit",x.textContent="Submit",o&&x.classList.add("btn","btn-primary"),a.appendChild(x),a}let c=v();p[0].appendChild(c);let f=d?.submit_config??u?.submit_config??null;return f&&c.addEventListener("submit",o=>{o.preventDefault(),C(c,f,(a,h)=>{u?.onSubmitResult&&u.onSubmitResult(a,h)})}),{element:c,validate:()=>{let o=[];return c.querySelectorAll(":invalid").forEach(h=>{let k=h.validationMessage;o.push({element:h,message:k})}),o},getValues:()=>L(c),onSubmit:o=>{c.addEventListener("submit",a=>{a.preventDefault();let h=L(c);o(h,a)})}}}var w={renderForm:T};var O=w,j={FormsLib:w};export{O as FormsLib,j as default};
+function C(v,h=!0){let f=new FormData(v);if(h)return f;let b={};return f.forEach((E,m)=>{let g=(E instanceof File,E);Object.prototype.hasOwnProperty.call(b,m)?Array.isArray(b[m])?b[m].push(g):b[m]=[b[m],g]:b[m]=g}),b}async function T(v,h,f){let b=h.url,E={"Content-Type":"application/json"};h?.api_token&&(E.Authorization=`Bearer ${h.api_token}`);let m=C(v);if(h?.additional_data)for(let[a,y]of Object.entries(h.additional_data))m.append(a,y);let g,s=m instanceof FormData;g={method:"POST",headers:{Authorization:`Bearer ${h.api_token}`,...s?{}:{"Content-Type":"application/json"},Accept:"application/json"},body:s?m:JSON.stringify(Object.fromEntries(m.entries()))};try{fetch(b,g).then(a=>{let y=a.headers.get("content-type");if(!a.ok){let w=a.text();throw new Error(`HTTP ${a.status}: ${w}`)}return y&&y.includes("application/json")?a.json():a.text()}).then(a=>{f&&f(a,null)}).catch(a=>{f&&f(null,a)})}catch(a){f&&f(null,a)}}function N(v,h,f){let b=[];if(typeof v=="string"?b=Array.from(document.querySelectorAll(v)):b=[v],b.length===0)return null;function E(){let s=f?.style==="bootstrap",a=document.createElement("form");a.classList.add("voc-form"),s&&a.classList.add("needs-validation"),a.id=h.id;let y=document.createElement("h2");y.textContent=h.form_name,a.appendChild(y);function w(e,i){i&&(i.min_length!==void 0&&(e.minLength=i.min_length),i.max_length!==void 0&&(e.maxLength=i.max_length),i.regex&&(e instanceof HTMLInputElement?e.pattern=i.regex:e.dataset.pattern=i.regex))}function k(e){if(!e.key&&!e.label)return null;let i=h.default_values||{},u=e.name||e.key,o=u?i[u]:void 0,p=document.createElement("div");if(p.className="voc-form-group",s&&p.classList.add("mb-3"),e.label){let t=document.createElement("label");t.classList.add("voc-form-label"),s&&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?" *":""),p.appendChild(t)}let d=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((n,c)=>{let l=document.createElement("label");l.classList.add("voc-form-checkbox-label"),s&&l.classList.add("form-check"),l.style.display=e.direction==="horizontal"?"inline-block":"block",e.width&&(l.style.width=e.width);let r=document.createElement("input");r.type="checkbox",r.classList.add("voc-form-checkbox"),s&&r.classList.add("form-check-input"),r.name=e.name||e.key||"",r.value=n.value,e.key&&(r.id=`voc-form-${e.key}-${c}`),e.required&&(r.required=!0),Array.isArray(o)?o.includes(n.value)&&(r.checked=!0):o!==void 0?o===n.value&&(r.checked=!0):e.default===n.value&&(r.checked=!0),l.appendChild(r),l.appendChild(document.createTextNode(n.label)),t.appendChild(l)});else{let n=document.createElement("label");n.classList.add("voc-form-checkbox-label"),s&&n.classList.add("form-check"),e.width&&(n.style.width=e.width);let c=document.createElement("input");c.type="checkbox",c.classList.add("voc-form-checkbox"),(e.key||e.name)&&(c.name=e.name||e.key,e.key&&(c.id=`voc-form-${e.key}`)),s&&c.classList.add("form-check-input"),e.required&&(c.required=!0),o!==void 0?c.checked=!!o:e.default&&(c.checked=!!e.default),n.appendChild(c),n.appendChild(document.createTextNode(e.label||"")),t.appendChild(n)}d=t;break}case"textarea":{let t=document.createElement("textarea");t.classList.add("voc-form-textarea"),s&&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),o!=null?t.value=String(o):e.default!==void 0&&e.default!==null&&(t.value=String(e.default));let n=e.default||o||"";if(n){let c=(n.match(/\n/g)||[]).length,l=80,r=n.split(`
+`).reduce((_,D)=>Math.max(_,D.length),0),L=Math.ceil(r/l)||1,R=Math.max(2,c+L);t.rows=R,t.style.resize="vertical"}e.width&&(t.style.width=e.width),e.required&&(t.required=!0),w(t,e.validation),d=t;break}case"select":{let t=document.createElement("select");if(t.classList.add("voc-form-select"),s&&t.classList.add("form-select"),(e.key||e.name)&&(t.name=e.name||e.key,e.key&&(t.id=`voc-form-${e.key}`)),e.placeholder){let n=document.createElement("option");n.value="",n.textContent=e.placeholder,n.disabled=!0,n.selected=!0,t.appendChild(n)}e.required&&(t.required=!0),e.options&&e.options.forEach(n=>{let c=document.createElement("option");c.value=n.value,c.textContent=n.label,Array.isArray(o)?o.includes(n.value)&&(c.selected=!0):o!==void 0?o===n.value&&(c.selected=!0):e.default===n.value&&(c.selected=!0),t.appendChild(c)}),e.width&&(t.style.width=e.width),d=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((n,c)=>{let l=document.createElement("label");l.classList.add("voc-form-radio-label"),s&&l.classList.add("form-check"),l.style.display=e.direction==="horizontal"?"inline-block":"block",e.width&&(l.style.width=e.width);let r=document.createElement("input");r.type="radio",r.classList.add("voc-form-radio"),s&&r.classList.add("form-check-input"),r.name=e.name||e.key||"",r.value=n.value,e.key&&(r.id=`voc-form-${e.key}-${c}`),Array.isArray(o)?o.includes(n.value)&&(r.checked=!0):o!==void 0?o===n.value&&(r.checked=!0):e.default===n.value&&(r.checked=!0),l.appendChild(r),l.appendChild(document.createTextNode(n.label)),t.appendChild(l)}),d=t;break}case"file":{let t=document.createElement("div");t.className="voc-form-file-wrapper",e.width&&(t.style.width=e.width);let n=document.createElement("input");n.type="file",n.classList.add("voc-form-file"),s&&n.classList.add("form-control"),(e.key||e.name)&&(n.name=e.name||e.key,e.key&&(n.id=`voc-form-${e.key}`)),e.width&&(n.style.width=e.width),e.required&&(n.required=!0),e.accept&&(n.accept=e.accept),e.multiple&&(n.multiple=!0),t.appendChild(n),d=t;break}default:{let t=document.createElement("input");t.type=e.type||"text",t.classList.add("voc-form-input"),s&&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),o!=null?t.value=String(o):e.default!==void 0&&e.default!==null&&(t.value=String(e.default)),e.width&&(t.style.width=e.width),e.required&&(t.required=!0),w(t,e.validation),d=t;break}}if(d&&p.appendChild(d),e.hint_text){let t=document.createElement("small");t.className="voc-form-hint",t.textContent=e.hint_text,p.appendChild(t)}return p}h.fields.forEach(e=>{if(e.type==="group"&&"items"in e){let i=e;if(s){let u=document.createElement("div");u.className="card voc-form-group-card mb-3";let o=i.label||i.header?.title,p=i.description||i.header?.description;if(o||p){let t=document.createElement("div");if(t.className="card-header voc-form-group-head",o){let n=document.createElement("h5");n.className="mb-0 voc-form-group-label",n.textContent=o,t.appendChild(n)}if(p){let n=document.createElement("p");n.className="mb-0 voc-form-group-description",n.textContent=p,t.appendChild(n)}u.appendChild(t)}let d=document.createElement("div");d.className="card-body voc-form-group-body",i.items.forEach(t=>{if(t.type==="row"&&"items"in t){let n=t,c=document.createElement("div");if(c.className="voc-form-group voc-form-row mb-3",n.label){let r=document.createElement("h6");r.className="voc-form-row-label",r.textContent=n.label,c.appendChild(r)}let l=document.createElement("div");l.className="voc-form-row-items "+(n.direction||"horizontal"),n.items.forEach(r=>{let L=k(r);L&&l.appendChild(L)}),c.appendChild(l),d.appendChild(c)}else{let n=k(t);n&&d.appendChild(n)}}),u.appendChild(d),a.appendChild(u)}else{let u=document.createElement("div");u.className="voc-form-group voc-form-group-wrapper",s&&u.classList.add("mb-3");let o=i.label||i.header?.title,p=i.description||i.header?.description;if(o||p){let d=document.createElement("div");if(d.className="voc-form-group-head",o){let t=document.createElement("h3");t.className="voc-form-group-label",t.textContent=o,d.appendChild(t)}if(p){let t=document.createElement("p");t.className="voc-form-group-description",t.textContent=p,d.appendChild(t)}u.appendChild(d)}i.items.forEach(d=>{if(d.type==="row"&&"items"in d){let t=d,n=document.createElement("div");if(n.className="voc-form-group voc-form-row",s&&n.classList.add("mb-3"),t.label){let l=document.createElement("h4");l.className="voc-form-row-label",l.textContent=t.label,n.appendChild(l)}let c=document.createElement("div");c.className="voc-form-row-items "+(t.direction||"horizontal"),t.items.forEach(l=>{let r=k(l);r&&c.appendChild(r)}),n.appendChild(c),u.appendChild(n)}else{let t=k(d);t&&u.appendChild(t)}}),a.appendChild(u)}return}if(e.type==="row"&&"items"in e){let i=document.createElement("div");if(i.className="voc-form-group voc-form-row",s&&i.classList.add("mb-3"),e.label){let o=document.createElement("h3");o.className="voc-form-row-label",o.textContent=e.label,i.appendChild(o)}if(e.description){let o=document.createElement("p");o.className="voc-form-row-description",o.textContent=e.description,i.appendChild(o)}let u=document.createElement("div");u.className="voc-form-row-items "+(e.direction||"horizontal"),i.appendChild(u),e.items.forEach(o=>{let p=k(o);p&&u.appendChild(p)}),a.appendChild(i)}else{let i=k(e);i&&a.appendChild(i)}});let x=document.createElement("button");return x.type="submit",x.className="voc-form-submit",x.textContent="Submit",s&&x.classList.add("btn","btn-primary"),a.appendChild(x),a}let m=E();b[0].appendChild(m);let g=h?.submit_config??f?.submit_config??null;return g&&m.addEventListener("submit",s=>{s.preventDefault(),T(m,g,(a,y)=>{f?.onSubmitResult&&f.onSubmitResult(a,y)})}),{element:m,validate:()=>{let s=[];return m.querySelectorAll(":invalid").forEach(y=>{let w=y.validationMessage;s.push({element:y,message:w})}),s},getValues:()=>C(m),onSubmit:s=>{m.addEventListener("submit",a=>{a.preventDefault();let y=C(m);s(y,a)})}}}var F={renderForm:N};var V=F,O={FormsLib:F};export{V as FormsLib,O as default};

package/package.json

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