/** * Minified by jsDelivr using Terser v5.39.0. * Original file: /npm/solid-formly@0.0.14/dist/index.js * * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files */ import{isServer,insert,createComponent,effect,setAttribute,classList,className,delegateEvents,template,Dynamic}from"solid-js/web";import{$PROXY,batch,createSignal,$TRACK,getListener,onMount,For,Show,mergeProps,createResource,createEffect}from"solid-js";const $RAW=Symbol("store-raw"),$NODE=Symbol("store-node"),$NAME=Symbol("store-name");function wrap$1(e,t){let r=e[$PROXY];if(!r){Object.defineProperty(e,$PROXY,{value:r=new Proxy(e,proxyTraps$1)});const t=Object.keys(e),n=Object.getOwnPropertyDescriptors(e);for(let a=0,s=t.length;ae[$PROXY][t],r):r}function trackSelf(e){if(getListener()){const t=getDataNodes(e);(t._||(t._=createDataNode()))()}}function ownKeys(e){return trackSelf(e),Reflect.ownKeys(e)}function createDataNode(e,t){const[r,n]=createSignal(e,t?{internal:!0}:{equals:!1,internal:!0});return r.$=n,r}const proxyTraps$1={get(e,t,r){if(t===$RAW)return e;if(t===$PROXY)return r;if(t===$TRACK)return trackSelf(e);const n=getDataNodes(e),a=n[t];let s=a?n[t]():e[t];if(t===$NODE||"__proto__"===t)return s;if(!a){const r=Object.getOwnPropertyDescriptor(e,t);!getListener()||"function"==typeof s&&!e.hasOwnProperty(t)||r&&r.get||(s=getDataNode(n,t,s)())}return isWrappable(s)?wrap$1(s):s},set:()=>!0,deleteProperty:()=>!0,ownKeys:ownKeys,getOwnPropertyDescriptor:proxyDescriptor};function setProperty(e,t,r){if(e[t]===r)return;const n=e[t],a=e.length;void 0===r?delete e[t]:e[t]=r;let s,i=getDataNodes(e);(s=getDataNode(i,t,n))&&s.$((()=>r)),Array.isArray(e)&&e.length!==a&&(s=getDataNode(i,"length",a))&&s.$(e.length),(s=i._)&&s.$()}function mergeStoreNode(e,t){const r=Object.keys(t);for(let n=0;n1){n=t.shift();const s=typeof n,i=Array.isArray(e);if(Array.isArray(n)){for(let a=0;a1)return void updatePath(e[n],t,[n].concat(r));a=e[n],r=[n].concat(r)}let s=t[0];"function"==typeof s&&(s=s(a,r),s===a)||void 0===n&&null==s||(s=unwrap(s),void 0===n||isWrappable(a)&&isWrappable(s)&&!Array.isArray(s)?mergeStoreNode(a,s):setProperty(e,n,s))}function createStore(...[e,t]){const r=unwrap(e||{}),n=Array.isArray(r);return[wrap$1(r),function(...e){batch((()=>{n&&1===e.length?updateArray(r,e[0]):updatePath(r,e)}))}]}const producers=new WeakMap,setterTraps={get(e,t){if(t===$RAW)return e;const r=e[t];let n;return isWrappable(r)?producers.get(r)||(producers.set(r,n=new Proxy(r,setterTraps)),n):r},set:(e,t,r)=>(setProperty(e,t,unwrap(r)),!0),deleteProperty:(e,t)=>(setProperty(e,t,void 0),!0)};function produce(e){return t=>{if(isWrappable(t)){let r;(r=producers.get(t))||producers.set(t,r=new Proxy(t,setterTraps)),e(r)}return t}}function _formStore(){const[e,t]=createStore([]);return{forms:e,setForms:t}}const formStore=_formStore();function _valueStore(){const[e,t]=createStore([]);return{values:e,setValues:t}}const valueStore=_valueStore(),{forms:forms}=formStore;async function preprocessField(e,t,r){const n=e.preprocess;return e=await(n?.call(null,e,t,r))}function getForm(e,t){if(isServer)return t?JSON.parse(t??""):null;return forms.find((t=>t.form_name===e))}function getValues(e){const t=forms.find((t=>t.form_name===e));return t?.values}function isValid(e){const t=forms.find((t=>t.form_name===e));return!!t?.valid}function addClasses(e){if(!e.length)return;let t={};return e.map((e=>t[e]=!0)),t}function dispatchValues(e,t,r,n){n({form_name:e,field_name:t,value:r})}function isRequired(e){return!!(e.rules&&e.rules.length>0)}function isFieldDuplicated(e){let t={};return e.some((function(e){return!(!t.hasOwnProperty(e.name)&&!t.hasOwnProperty(e.attributes.id))||(t[e.name]=!1,t[e.attributes.id]=!1)}))}function min(e,t){const r=parseFloat(t[0]);e=e||"";return(isNaN(e)?e.length:parseFloat(e))>=r}function max(e,t){const r=parseFloat(t[0]);e=e||"";const n=isNaN(e)?e.length:parseFloat(e);return!!isNaN(n)||n<=r}function between(e,t){return min(e,[t[0]])&&max(e,[t[1]])}function email(e,t){return e&&/^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(e)}function required(e,t){if(null==e||"undefined"===e||"null"===e||null===e||Number.isNaN(e))return!1;if("string"==typeof e){return e.replace(/\s/g,"").length>0}return"object"!=typeof e||e.length>0}function url(e,t){return/(https?|ftp|git|svn):\/\/(www\.)?[-a-zA-Z0-9@:%._\+~#=]{1,256}\.[a-z]{2,63}\b([-a-zA-Z0-9@:%_\+.~#?&//=]*)/i.test(e)}function equal(e,t){return e===t[0]}function bytesToSize(e){const t=["Bytes","KB","MB","GB","TB"];if(0===e)return"n/a";const r=Math.floor(Math.log(e)/Math.log(1024)),n=parseInt(r.toString(),10);return 0===n?`${e} ${t[n]})`:`${(e/1024**n).toFixed(1)} ${t[n]}`}function getFileExtension(e){const t=e.name.split(".");return t[t.length-1].toLowerCase()}function types(e,t){return!!t.includes(getFileExtension(e))}function maxsize(e,t){const r=1024*parseFloat(t)*1024;return!(e.size>r)}var CoreRules=Object.freeze({__proto__:null,between:between,email:email,max:max,min:min,required:required,url:url,equal:equal,bytesToSize:bytesToSize,getFileExtension:getFileExtension,types:types,maxsize:maxsize});const _coreRules=CoreRules;async function validate(e){let t,r,{value:n,rules:a}=e,s=!0,i=[];return a?(await Promise.all(a.map((async r=>{if("file"===r)n&&Object.keys(n).map((t=>{Object.keys(e.file).map((r=>{s=_coreRules[r].call(null,n[t],e.file[r]),s||(i=[...i,r])}))}));else{if("function"==typeof r)s=await r.call,t=r.name;else if("object"==typeof r)s=await r.fnc(),t=r.name;else{const e=r.split(/:/g);t=e.shift(),s=_coreRules[t].call(null,n,e)}s||(i=[...i,t])}}))),r={errors:i,dirty:i.length>0}):r={errors:i,dirty:!1},e.validation=r,e}const _tmpl$$7=template("
",2),_tmpl$2$3=template("",1),_tmpl$3$1=template("",2),Checkbox=({form_name:e,field:t,changeValue:r})=>{const{setValues:n}=valueStore,a=async a=>{let s=[];const i=a.target.value;n((t=>t.form_name===e),produce((e=>{let r=e.values[t.name]??[];return r=a.target.checked?[...r,i]:r.filter((e=>{if(e!==i)return e})),s=r,e}))),dispatchValues(e,t.name,s,r)};return onMount((()=>{if(t.extra.items.length>0){let n=[];t.extra.items.map((e=>(e.checked&&(n=[...n,e.value]),e))),dispatchValues(e,t.name,n,r)}})),(()=>{const e=_tmpl$$7.cloneNode(!0);return insert(e,createComponent(For,{get each(){return t.extra.items},children:e=>[(()=>{const r=_tmpl$2$3.cloneNode(!0);return r.$$input=a,effect((n=>{const a=t.type,s=t.attributes.id?t.attributes.id:t.name,i=addClasses(t.attributes.classes?t.attributes.classes:[]),o=e.name;return a!==n._v$&&setAttribute(r,"type",n._v$=a),s!==n._v$2&&setAttribute(r,"id",n._v$2=s),n._v$3=classList(r,i,n._v$3),o!==n._v$4&&setAttribute(r,"name",n._v$4=o),n}),{_v$:void 0,_v$2:void 0,_v$3:void 0,_v$4:void 0}),effect((()=>r.value=e.value)),effect((()=>r.checked=!!e.value&&e.checked)),r})(),(()=>{const t=_tmpl$3$1.cloneNode(!0);return insert(t,(()=>e.title)),t})()]})),effect((()=>className(e,"inline"===t.extra.aligne?"form-check-inline":"form-check"))),e})()};var CheckboxComponent=Checkbox;delegateEvents(["input"]);const _tmpl$$6=template('
',2),list_rules={required:"This field is required",min:"This field must be more characters long",max:"This field must be less characters long",between:"This field must be between values defined",equal:"This field must be equal to value defined",email:"This email format is not valid",types:"Must to allowed file types",maxsize:"This file has size more than max size",custom_rule:"Error"},Message=e=>{const[t]=createSignal(list_rules),[r,n]=createSignal(e.messages);return(()=>{const n=_tmpl$$6.cloneNode(!0);return insert(n,createComponent(Show,{get when(){return e.error},get children(){return(e=>{let n="";return r()[e]?n+=r()[e]?r()[e]:t().custom_rule:n+=t()[e]?t()[e]:t().custom_rule,n})(e.error)}})),n})()};var Message$1=Message;const _tmpl$$5=template("",1),Input$2=({form_name:e,field:t,changeValue:r})=>{const n=async n=>{const a="number"===t.attributes.type?parseInt(n.currentTarget.value):n.currentTarget.value,s={form_name:e,field_name:t.name,value:a};r(s)};return(()=>{const e=_tmpl$$5.cloneNode(!0);return e.$$input=n,effect((r=>{const n=t.attributes.type?t.attributes.type:"text",a=t.name,s=t.attributes.id?t.attributes.id:t.name,i=addClasses(t.attributes.classes?t.attributes.classes:[]),o=t.attributes.placeholder,l=isRequired(t),u=t.attributes.disabled,c=t.attributes.readonly,d=t.attributes.min,m=t.attributes.max,p=t.attributes.step,f=t.attributes.autocomplete;return n!==r._v$&&setAttribute(e,"type",r._v$=n),a!==r._v$2&&setAttribute(e,"name",r._v$2=a),s!==r._v$3&&setAttribute(e,"id",r._v$3=s),r._v$4=classList(e,i,r._v$4),o!==r._v$5&&setAttribute(e,"placeholder",r._v$5=o),l!==r._v$6&&(e.required=r._v$6=l),u!==r._v$7&&(e.disabled=r._v$7=u),c!==r._v$8&&(e.readOnly=r._v$8=c),d!==r._v$9&&setAttribute(e,"min",r._v$9=d),m!==r._v$10&&setAttribute(e,"max",r._v$10=m),p!==r._v$11&&setAttribute(e,"step",r._v$11=p),f!==r._v$12&&setAttribute(e,"autocomplete",r._v$12=f),r}),{_v$:void 0,_v$2:void 0,_v$3:void 0,_v$4:void 0,_v$5:void 0,_v$6:void 0,_v$7:void 0,_v$8:void 0,_v$9:void 0,_v$10:void 0,_v$11:void 0,_v$12:void 0}),effect((()=>e.value=t.value??null)),e})()};var InputComponent=Input$2;delegateEvents(["input"]);const _tmpl$$4=template("",2),_tmpl$2$2=template("",2),Input$1=({form_name:e,field:t,changeValue:r})=>{const[n,a]=createSignal(!1);onMount((()=>{if(t.extra){const e=!!t.extra.multiple&&t.extra.multiple;a(e)}}));const s=async a=>{let s;if(n()){let e=[];const t=a.currentTarget.selectedOptions;for(let r=0;r{const e=_tmpl$$4.cloneNode(!0);return e.$$input=s,insert(e,createComponent(Show,{get when(){return t.extra.options&&t.extra.options.length},get children(){return createComponent(For,{get each(){return t.extra.options},children:e=>(()=>{const t=_tmpl$2$2.cloneNode(!0);return insert(t,(()=>e.title)),effect((()=>t.value=e.value)),t})()})}})),effect((r=>{const a=t.name,s=t.attributes.id,i=addClasses(t.attributes.classes?t.attributes.classes:[]),o=isRequired(t),l=t.attributes.disabled,u=n();return a!==r._v$&&setAttribute(e,"name",r._v$=a),s!==r._v$2&&setAttribute(e,"id",r._v$2=s),r._v$3=classList(e,i,r._v$3),o!==r._v$4&&(e.required=r._v$4=o),l!==r._v$5&&(e.disabled=r._v$5=l),u!==r._v$6&&(e.multiple=r._v$6=u),r}),{_v$:void 0,_v$2:void 0,_v$3:void 0,_v$4:void 0,_v$5:void 0,_v$6:void 0}),e})()};var SelectComponent=Input$1;delegateEvents(["input"]);const _tmpl$$3=template("",2),Textarea=({form_name:e,field:t,changeValue:r})=>{const n=async n=>{const a=n.currentTarget.value,s={form_name:e,field_name:t.name,value:a};r(s)};return(()=>{const e=_tmpl$$3.cloneNode(!0);return e.$$input=n,effect((r=>{const n=t.name,a=addClasses(t.attributes.classes?t.attributes.classes:[]),s=t.attributes.placeholder,i=isRequired(t),o=t.attributes.disabled,l=t.attributes.readonly,u=t.attributes.rows,c=t.attributes.cols;return n!==r._v$&&setAttribute(e,"name",r._v$=n),r._v$2=classList(e,a,r._v$2),s!==r._v$3&&setAttribute(e,"placeholder",r._v$3=s),i!==r._v$4&&(e.required=r._v$4=i),o!==r._v$5&&(e.disabled=r._v$5=o),l!==r._v$6&&(e.readOnly=r._v$6=l),u!==r._v$7&&setAttribute(e,"rows",r._v$7=u),c!==r._v$8&&setAttribute(e,"cols",r._v$8=c),r}),{_v$:void 0,_v$2:void 0,_v$3:void 0,_v$4:void 0,_v$5:void 0,_v$6:void 0,_v$7:void 0,_v$8:void 0}),effect((()=>e.value=t.value)),e})()};var TextareaComponent=Textarea;delegateEvents(["input"]);const _tmpl$$2=template("
",5),Radio=({form_name:e,field:t,changeValue:r})=>{const[n,a]=createSignal([]),s=async n=>{const a="number"===t.attributes.type?parseInt(n.currentTarget.value):n.currentTarget.value,s={form_name:e,field_name:t.name,value:a};r(s)};return onMount((()=>{t.extra&&t.extra.items.length>0&&(a(t.extra.items),t.extra.items.map((n=>{let a=null;return n.checked&&(a=n.value),dispatchValues(e,t.name,a,r),n})))})),createComponent(For,{get each(){return t.extra.items},children:e=>(()=>{const r=_tmpl$$2.cloneNode(!0),n=r.firstChild,a=n.nextSibling;return n.$$input=s,insert(a,(()=>e.title)),effect((a=>{const s="inline"===t.extra.aligne?"form-check-inline":"form-check",i=t.type,o=addClasses(t.attributes.classes?t.attributes.classes:[]),l=e.id,u=t.name;return s!==a._v$&&className(r,a._v$=s),i!==a._v$2&&setAttribute(n,"type",a._v$2=i),a._v$3=classList(n,o,a._v$3),l!==a._v$4&&setAttribute(n,"id",a._v$4=l),u!==a._v$5&&setAttribute(n,"name",a._v$5=u),a}),{_v$:void 0,_v$2:void 0,_v$3:void 0,_v$4:void 0,_v$5:void 0}),effect((()=>n.value=e.value)),effect((()=>n.checked=!!e.value&&e.checked)),r})()})};var RadioComponent=Radio;delegateEvents(["input"]);const _tmpl$$1=template('',1),_tmpl$2$1=template('
  • Name:
  • Size:
  • Type:
',23),Input=({form_name:e,field:t,changeValue:r})=>{let n;const[a,s]=createSignal([]),i=async n=>{s(Array.from(n.target.files)),a().length>0&&dispatchValues(e,t.name,a(),r)};return[(()=>{const e=_tmpl$$1.cloneNode(!0);return"function"==typeof n?n(e):n=e,e.$$input=i,e.multiple=true,effect((r=>{const n=t.name,a=t.attributes.id,s=addClasses(t.attributes.classes?t.attributes.classes:[]);return n!==r._v$&&setAttribute(e,"name",r._v$=n),a!==r._v$2&&setAttribute(e,"id",r._v$2=a),r._v$3=classList(e,s,r._v$3),r}),{_v$:void 0,_v$2:void 0,_v$3:void 0}),e})(),createComponent(Show,{get when(){return a()&&t.extra.showPreview},get children(){return createComponent(For,{get each(){return a()},children:i=>(()=>{const o=_tmpl$2$1.cloneNode(!0),l=o.firstChild,u=l.firstChild,c=l.nextSibling,d=c.firstChild,m=c.nextSibling.firstChild.firstChild;m.firstChild;const p=m.nextSibling;p.firstChild;const f=p.nextSibling;f.firstChild;const v=f.nextSibling.firstChild;return insert(u,(()=>JSON.stringify(i.name,null,2))),insert(m,(()=>i.name),null),insert(p,(()=>i.size),null),insert(f,(()=>i.type),null),v.$$click=o=>((i,o)=>{let l;i.preventDefault();const u=a().filter((e=>e.name!=o.name));0===a().length?(n.value=null,l=null):l=u,s(l),dispatchValues(e,t.name,l,r)})(o,i),effect((e=>{const t=window.URL.createObjectURL(i),r=i.name;return t!==e._v$4&&setAttribute(d,"src",e._v$4=t),r!==e._v$5&&setAttribute(d,"alt",e._v$5=r),e}),{_v$4:void 0,_v$5:void 0}),o})()})}})]};var FileComponent=Input;delegateEvents(["input","click"]);const FieldsTypes={input:InputComponent,select:SelectComponent,checkbox:CheckboxComponent,textarea:TextareaComponent,radio:RadioComponent,file:FileComponent},Tag=({tag:e,classes:t,children:r})=>createComponent(Show,{when:e,fallback:r,get children(){return createComponent(Dynamic,{component:e??"div",get classList(){return addClasses(t||[])},children:r})}});var Tag$1=Tag;const _tmpl$=template('
',6),_tmpl$2=template("

Error! Detect duplicate fields, make sure you put unique name and id for each field

",2),_tmpl$3=template('',2),Formly=e=>{const t=mergeProps({btnSubmit:{text:"Submit",classes:[]},btnReset:{text:"Reset",classes:[]}},e);let r;const{forms:n,setForms:a}=formStore,[s,i]=createSignal(!1),[o]=createResource((()=>({fields:e.fields,form_name:e.form_name,onSubmit:e.onSubmit})),(async t=>{let r={};const s=await Promise.all(t.fields.map((async e=>(r[`${e.name}`]=e.value,e.preprocess&&(e=await preprocessField(e,t.fields,r),r[`${e.name}`]=e.value),e=await validate(e))))),i=s.find((e=>{if(e.validation)return!0===e.validation.dirty})),o={fields:s,form_name:t.form_name,onSubmit:t.onSubmit,values:r,valid:!i};return n.find((t=>t.form_name===e.form_name))?a((t=>t.form_name===e.form_name),produce((e=>(e.fields=o.fields,e.form_name=o.form_name,e.onSubmit=o.onSubmit,e)))):a((e=>[...e,o])),JSON.stringify(o)}),{deferStream:!0});createEffect((()=>{let t=o()?JSON.parse(o()??""):null;if(i(isFieldDuplicated(e.fields)),t){e.fields.map((e=>(e.preprocess&&t.fields.map((t=>(e.name===t.name&&(t.preprocess=e.preprocess),t))),e.rules&&t.fields.map((t=>(e.name===t.name&&(t.rules=e.rules),t))),e)));n.find((t=>t.form_name===e.form_name))?a((t=>t.form_name===e.form_name),produce((e=>(e.fields=t.fields,e.form_name=t.form_name,e.onSubmit=t.onSubmit,e)))):a((e=>[...e,t]))}}));const l=async t=>{a((t=>t.form_name===e.form_name),produce((e=>{e.fields.map((async r=>(r.name===t.field_name&&(e.values.touched=r.name,r.value=t.value,e.values[t.field_name]=t.value),r.preprocess&&(r=await preprocessField(r,e.fields,e.values),e.values[r.name]=r.value),(r=await validate(r)).validation.dirty&&(e.valid=!1),r)));const r=e.fields.find((e=>{if(e.validation)return!0===e.validation.dirty}));return e.valid=!r,e})))},u=e=>{e.preventDefault(),c()},c=()=>{const t=n.find((t=>t.form_name===e.form_name));e.onSubmit(t?.values?{values:t.values,valid:t.valid}:null)},d=()=>getForm(e.form_name,o());return createComponent(Show,{get when(){return!s()},get fallback(){return _tmpl$2.cloneNode(!0)},get children(){const n=_tmpl$.cloneNode(!0),s=n.firstChild,i=s.nextSibling;n.addEventListener("reset",(t=>{a((t=>t.form_name===e.form_name),produce((e=>(e.fields.map((async e=>(e.value=null,await validate(e)))),e.values={},e))))}));return"function"==typeof r?r(n):r=n,n.addEventListener("submit",u),insert(n,createComponent(Show,{get when(){return d()},get children(){return createComponent(For,{get each(){return d()?.fields},children:t=>createComponent(Tag$1,{get tag(){return t.prefix?t.prefix.tag:""},get classes(){return t.prefix&&t.prefix.classes?t.prefix.classes:[]},get children(){return[createComponent(Show,{get when(){return t.attributes},get children(){return createComponent(Show,{get when(){return t.attributes.label},get children(){const e=_tmpl$3.cloneNode(!0);return insert(e,(()=>t.attributes.label)),effect((()=>setAttribute(e,"for",t.attributes.id))),e}})}}),createComponent(Dynamic,{get component(){return FieldsTypes[t.type]},get form_name(){return e.form_name},field:t,changeValue:l,get name(){return t.name}}),createComponent(Show,{get when(){return t.validation&&t.validation.errors.length},get children(){return createComponent(For,{get each(){return t.validation.errors},children:e=>createComponent(Message$1,{error:e,get messages(){return t.messages?t.messages:[]}})})}})]}})})}}),s),insert(s,(()=>t.btnSubmit?.text?t.btnSubmit?.text:"Submit")),insert(i,(()=>t.btnReset?.text?t.btnReset?.text:"Reset")),effect((t=>{const r=addClasses(e.btnSubmit?.classes?e.btnSubmit?.classes:[]),n=addClasses(e.btnReset?.classes?e.btnReset?.classes:[]);return t._v$=classList(s,r,t._v$),t._v$2=classList(i,n,t._v$2),t}),{_v$:void 0,_v$2:void 0}),n}})};var Formly$1=Formly;export{CheckboxComponent as Checkbox,Formly$1 as Formly,InputComponent as Input,Message$1 as Message,SelectComponent as Select,Tag$1 as Tag,addClasses,dispatchValues,formStore,getForm,getValues,isFieldDuplicated,isRequired,isValid,preprocessField,valueStore}; //# sourceMappingURL=/sm/f28248dc75d3d528ad42a633e066b49ac36fce587f669bdcc3e6484b791efeda.map