@uniquedj95/vform 3.1.4 → 3.3.0

package/dist/index.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),h=require("@ionic/vue"),T=require("ionicons/icons"),H=require("@maskito/vue");function J(l){return new Promise(r=>{requestAnimationFrame(async()=>{const a=await l.getInputElement();r(a)})})}const Q={d:/\d/,a:/[A-Za-z]/,"*":/[A-Za-z0-9]/},X={d:["1","2","3","4","5","6","7","8","9","0"],a:["A","B","C","x","y","z","D","f"],"*":["A","3","b","8","z","4","D","0"]};function Y(l,r){const a=X[l];return a[r%a.length]}function ee(l){const r=[];let a="",t=0,o=0;for(;t<l.length;){const n=l[t];if(["d","a","*"].includes(n)){let s=1;if(l[t+1]==="{"){const u=l.indexOf("}",t+2);if(u!==-1){const p=l.slice(t+2,u);if(p.includes(",")){const[,i]=p.split(",").map(f=>parseInt(f.trim()));s=i||parseInt(p.split(",")[0])}else s=parseInt(p);t=u}}else{let u=t+1;for(;l[u]===n;)s++,u++;t=u-1}for(let u=0;u<s;u++)r.push(Q[n]),a+=Y(n,o++)}else r.push(n),a+=n;t++}return{mask:r,placeholder:a,elementPredicate:J}}function U(l){return l==null||Array.isArray(l)&&!l.length||typeof l=="object"&&!Object.keys(l).length||!l}function L(l,r,a){return typeof l.condition=="function"?l.condition(r,a):!0}function z(l){if(typeof l!="object"||l===null)return l;if(Array.isArray(l))return l.map(a=>z(a));const r={};return Object.entries(l).forEach(([a,t])=>{typeof t=="function"?r[a]=t.bind(r):r[a]=z(t)}),r}function $(l,r){return r.findIndex(a=>a.value===l.value||a.label===l.label||a.value===l.label||a.label===l.value)}function _(l,r){const a=$(l,r);a>=0?r[a].isChecked=!0:r.push({...l,isChecked:!0})}function q(l,r){const a=$(l,r);a>=0&&(r[a].isChecked=!1)}function te(l,r){return r?l.filter(a=>JSON.stringify(a).toLowerCase().includes(r.toLowerCase())):l}function P(l){const r=l.label||"",a=l.required?" *":"";return r+a}function A(l,r){if(l===r)return!0;if(l==null||r==null||typeof l!=typeof r)return!1;if(typeof l!="object")return l===r;if(Array.isArray(l)&&Array.isArray(r))return l.length!==r.length?!1:l.every((o,n)=>A(o,r[n]));if(Array.isArray(l)!==Array.isArray(r))return!1;const a=Object.keys(l),t=Object.keys(r);return a.length!==t.length?!1:a.every(o=>Object.prototype.hasOwnProperty.call(r,o)&&A(l[o],r[o]))}function j(){const l=e.ref([]);async function r(){console.debug("Validating form inputs");const n=[];for(const s of l.value)if(typeof(s==null?void 0:s.onValueUpdate)=="function"&&await s.onValueUpdate(),typeof(s==null?void 0:s.getErrors)=="function")try{const u=s.getErrors();Array.isArray(u)?n.push(...u):console.warn("getErrors() returned non-array value:",u)}catch(u){console.error("Error calling getErrors on component:",u,s)}else console.warn("Component does not have getErrors function:",s);return n.every(U)}function a(){l.value.forEach(n=>{typeof(n==null?void 0:n.onReset)=="function"&&n.onReset()})}function t(){const n=[];for(const s of l.value)if(typeof(s==null?void 0:s.getErrors)=="function")try{const u=s.getErrors();Array.isArray(u)?n.push(...u):n.push(String(u))}catch(u){console.error("Error calling getErrors on component:",u,s)}return n}async function o(){for(const n of l.value)typeof(n==null?void 0:n.onValueUpdate)=="function"&&await n.onValueUpdate()}return{dynamicRefs:l,isFormValid:r,resetForm:a,getFormErrors:t,updateFormValues:o}}function le(l){const r=e.computed(()=>Object.entries(l.value).reduce((i,[f,m])=>(m.value!==void 0&&(typeof m.onChange=="function"?i[f]=m.onChange(m.value):i[f]=m.value),i),{})),a=e.ref({}),t=(i,f,m)=>{var c;return typeof((c=l.value[i].children[f])==null?void 0:c.computedValue)=="function"?l.value[i].children[f].computedValue(m,l.value):m},o=(i,f,m,c)=>{a.value[i][c]||(a.value[i][c]={}),Object.entries(f.other??{}).forEach(([k,v])=>{var d;!A(v,(d=m.other)==null?void 0:d[k])&&(a.value[i][c][k]=t(i,k,v))})},n=(i,f,m)=>{f.forEach((c,k)=>{const v=m[k]??{other:{}};o(i,c,v,k)})},s=(i,{other:f})=>Object.entries(f??{}).reduce((m,[c,k])=>(m[c]=t(i,c,k),m),{}),u=(i,f,m)=>{a.value[i]||(a.value[i]=[]);const c=f;Array.isArray(m[i])?n(i,c,m[i]):a.value[i]=c.map(k=>s(i,k))},p=(i,f,m)=>{if(!f){delete a.value[i];return}const c=l.value[i];c.children!==void 0?u(i,f,m):typeof c.computedValue=="function"&&(a.value[i]=c.computedValue(f,l.value))};return e.watch(r,(i,f={})=>{Object.keys(i).forEach(m=>{A(i[m],f[m])||p(m,i[m],f)})},{immediate:!0,deep:!0}),{formData:r,computedData:a}}const oe=e.defineComponent({__name:"vForm",props:{schema:{},showLabels:{type:Boolean,default:!0},showClearButton:{type:Boolean,default:!0},showCancelButton:{type:Boolean,default:!0},buttonPlacement:{default:"start"},submitButtonText:{default:"Submit"},clearButtonText:{default:"Reset"},cancelButtonText:{default:"Cancel"},hideButtons:{type:Boolean,default:!1},customButtons:{}},emits:["submit","clear","cancel"],setup(l,{expose:r,emit:a}){const t=l,o=a,n=e.ref(t.schema),{dynamicRefs:s,isFormValid:u,resetForm:p}=j(),{formData:i,computedData:f}=le(n);async function m(){await u()&&o("submit",i.value,f.value)}function c(){p(),o("clear")}function k(){p(),o("cancel")}return e.watch(i,async()=>{for(const[v,C]of Object.entries(n.value))L(C,i.value,f.value)||(C.value=t.schema[v].value)},{deep:!0,immediate:!0}),e.watch(()=>t.schema,v=>{for(const[C,d]of Object.entries(v))d.value!==void 0&&(n.value[C].value=d.value)},{deep:!0,immediate:!0}),r({resetForm:p,isFormValid:u,resolveData:()=>({formData:i.value,computedData:f.value})}),(v,C)=>(e.openBlock(),e.createBlock(e.unref(h.IonGrid),null,{default:e.withCtx(()=>[e.createVNode(e.unref(h.IonRow),null,{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(Object.keys(n.value),d=>{var x,B,w,I,E;return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.unref(L)(n.value[d],e.unref(i),e.unref(f))?(e.openBlock(),e.createBlock(e.unref(h.IonCol),{key:d,size:((x=n.value[d].grid)==null?void 0:x.xs)??"12","size-sm":(B=n.value[d].grid)==null?void 0:B.sm,"size-md":(w=n.value[d].grid)==null?void 0:w.md,"size-lg":(I=n.value[d].grid)==null?void 0:I.lg,"size-xl":(E=n.value[d].grid)==null?void 0:E.xl,class:"ion-margin-vertical"},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.value[d].type),{modelValue:n.value[d],"onUpdate:modelValue":F=>n.value[d]=F,schema:n.value,ref_for:!0,ref_key:"dynamicRefs",ref:s,"ref-key":d},null,8,["modelValue","onUpdate:modelValue","schema","ref-key"]))]),_:2},1032,["size","size-sm","size-md","size-lg","size-xl"])):e.createCommentVNode("",!0)],64)}),256))]),_:1}),v.hideButtons?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(h.IonRow),{key:0},{default:e.withCtx(()=>[e.createVNode(e.unref(h.IonCol),{size:"12",style:e.normalizeStyle([{display:"flex"},{justifyContent:v.buttonPlacement}])},{default:e.withCtx(()=>[v.showCancelButton?(e.openBlock(),e.createBlock(e.unref(h.IonButton),{key:0,onClick:k},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(v.cancelButtonText??"Cancel"),1)]),_:1})):e.createCommentVNode("",!0),v.showClearButton?(e.openBlock(),e.createBlock(e.unref(h.IonButton),{key:1,onClick:c},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(v.clearButtonText??"Reset"),1)]),_:1})):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(v.customButtons,d=>(e.openBlock(),e.createBlock(e.unref(h.IonButton),{key:d.label,onClick:d.action,color:d.color??"primary"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(d.label),1)]),_:2},1032,["onClick","color"]))),128)),e.createVNode(e.unref(h.IonButton),{onClick:m},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(v.submitButtonText??"Submit"),1)]),_:1})]),_:1},8,["style"])]),_:1}))]),_:1}))}});function ne(l){return{applyValidationState:async t=>{var o,n,s,u,p;(o=l.value)==null||o.$el.classList.remove("ion-invalid"),(n=l.value)==null||n.$el.classList.remove("ion-valid"),t?(s=l.value)==null||s.$el.classList.add("ion-valid"):(u=l.value)==null||u.$el.classList.add("ion-invalid"),(p=l.value)==null||p.$el.classList.add("ion-touched")},resetValidationState:()=>{var t,o;(t=l.value)==null||t.$el.classList.remove("ion-touched"),(o=l.value)==null||o.$el.classList.remove("ion-invalid")}}}function S(l,r,a,t,o){const{applyValidationState:n,resetValidationState:s}=ne(l);async function u(){if(r.value.required&&!a.value)return r.value.error="This field is required",!1;if(o){const c=await o(a.value);if(typeof c=="string")return r.value.error=c,!1;if(c===!1)return!1}if(r.value.validation){const c=await r.value.validation(a.value,t==null?void 0:t.value);if(c&&c.length)return r.value.error=c.join(),!1}return!0}async function p(){const c=await u();c&&(r.value.error="",r.value.value=a.value),await n(c)}function i(){s(),r.value.error=""}function f(c=""){a.value=c,r.value.error="",r.value.value=c}function m(){return r.value.error?[r.value.error]:[]}return{isValid:u,onValueUpdate:p,onFocus:i,onReset:f,getErrors:m,applyValidationState:n,resetValidationState:s}}function ae(l){const r=e.computed(()=>!!l.value.label),a=e.computed(()=>!!l.value.required),t=e.computed(()=>l.value.label||"");return{showLabel:r,showRequired:a,labelText:t}}const D=e.defineComponent({__name:"InputLabel",props:{model:{}},setup(l){const r=l,{showLabel:a,showRequired:t,labelText:o}=ae(e.toRef(r,"model"));return(n,s)=>e.unref(a)?(e.openBlock(),e.createBlock(e.unref(h.IonLabel),{key:0,slot:"label",class:"input-label"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(o))+" ",1),e.unref(t)?(e.openBlock(),e.createBlock(e.unref(h.IonText),{key:0,color:"danger"},{default:e.withCtx(()=>s[0]||(s[0]=[e.createTextVNode("*")])),_:1,__:[0]})):e.createCommentVNode("",!0)]),_:1})):e.createCommentVNode("",!0)}}),O=e.defineComponent({__name:"BaseInput",props:e.mergeModels({schema:{},type:{}},{modelValue:{type:Object,default:{}},modelModifiers:{}}),emits:["update:modelValue"],setup(l,{expose:r}){const a=l,t=e.useModel(l,"modelValue"),o=e.ref(null),n=e.ref(t.value.value),s=e.computed(()=>a.schema),{isValid:u,onValueUpdate:p,onFocus:i,onReset:f,getErrors:m}=S(o,t,n,s),c=e.computed(()=>{if(t.value.pattern)return ee(t.value.pattern)});return e.watch(()=>t.value.value,k=>n.value=k),r({onValueUpdate:p,onReset:f,getErrors:m,isValid:u}),(k,v)=>{var d;const C=e.resolveDirective("maskito");return e.withDirectives((e.openBlock(),e.createBlock(e.unref(h.IonInput),{ref_key:"inputRef",ref:o,modelValue:n.value,"onUpdate:modelValue":v[0]||(v[0]=x=>n.value=x),"clear-input":!0,fill:t.value.fill??"solid","label-placement":t.value.labelPlacement??"stacked",type:k.type??"text",required:t.value.required,"error-text":t.value.error,autofocus:t.value.autoFocus,placeholder:((d=c.value)==null?void 0:d.placeholder)??t.value.placeholder,disabled:t.value.disabled,counter:t.value.counter,min:t.value.min,max:t.value.max,"max-length":t.value.maxLength,"min-length":t.value.minLength,pattern:t.value.pattern,onIonFocus:e.unref(i),onIonChange:e.unref(p),onIonBlur:e.unref(p)},{default:e.withCtx(()=>[e.createVNode(D,{model:t.value},null,8,["model"]),t.value.prefix?(e.openBlock(),e.createBlock(e.unref(h.IonLabel),{key:0,slot:"start"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.value.prefix),1)]),_:1})):e.createCommentVNode("",!0),t.value.suffix?(e.openBlock(),e.createBlock(e.unref(h.IonLabel),{key:1,slot:"end"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.value.suffix),1)]),_:1})):e.createCommentVNode("",!0),k.type==="password"?(e.openBlock(),e.createBlock(e.unref(h.IonInputPasswordToggle),{key:2,slot:"end"})):e.createCommentVNode("",!0)]),_:1},8,["modelValue","fill","label-placement","type","required","error-text","autofocus","placeholder","disabled","counter","min","max","max-length","min-length","pattern","onIonFocus","onIonChange","onIonBlur"])),[[C,c.value]])}}}),re=e.defineComponent({__name:"TextInput",props:e.mergeModels({schema:{}},{modelValue:{type:Object,default:{}},modelModifiers:{}}),emits:["update:modelValue"],setup(l,{expose:r}){const a=e.useModel(l,"modelValue"),t=e.ref(null);return r({onReset:()=>{var o;return(o=t.value)==null?void 0:o.onReset()},onValueUpdate:()=>{var o;return(o=t.value)==null?void 0:o.onValueUpdate()},getErrors:()=>{var o,n;return((n=(o=t.value)==null?void 0:o.getErrors)==null?void 0:n.call(o))??[]}}),(o,n)=>(e.openBlock(),e.createBlock(O,{modelValue:a.value,"onUpdate:modelValue":n[0]||(n[0]=s=>a.value=s),type:"text",schema:o.schema,ref_key:"inputRef",ref:t},null,8,["modelValue","schema"]))}}),ue=e.defineComponent({__name:"DateInput",props:e.mergeModels({schema:{}},{modelValue:{type:Object,default:{}},modelModifiers:{}}),emits:["update:modelValue"],setup(l,{expose:r}){const a=e.useModel(l,"modelValue"),t=e.ref(null);return r({onValueUpdate:()=>{var o;return(o=t.value)==null?void 0:o.onValueUpdate()},onReset:()=>{var o;return(o=t.value)==null?void 0:o.onReset()},getErrors:()=>{var o,n;return((n=(o=t.value)==null?void 0:o.getErrors)==null?void 0:n.call(o))??[]}}),(o,n)=>(e.openBlock(),e.createBlock(O,{modelValue:a.value,"onUpdate:modelValue":n[0]||(n[0]=s=>a.value=s),type:a.value.enableTime?"datetime-local":"date",schema:o.schema,ref_key:"inputRef",ref:t},null,8,["modelValue","type","schema"]))}}),se=e.defineComponent({__name:"NumberInput",props:e.mergeModels({schema:{}},{modelValue:{type:Object,default:{}},modelModifiers:{}}),emits:["update:modelValue"],setup(l,{expose:r}){const a=e.useModel(l,"modelValue"),t=e.ref(null);return r({onReset:()=>{var o;return(o=t.value)==null?void 0:o.onReset()},onValueUpdate:()=>{var o;return(o=t.value)==null?void 0:o.onValueUpdate()},getErrors:()=>{var o,n;return((n=(o=t.value)==null?void 0:o.getErrors)==null?void 0:n.call(o))??[]}}),(o,n)=>(e.openBlock(),e.createBlock(O,{modelValue:a.value,"onUpdate:modelValue":n[0]||(n[0]=s=>a.value=s),type:"number",schema:o.schema,ref_key:"inputRef",ref:t},null,8,["modelValue","schema"]))}}),ce=e.defineComponent({__name:"EmailInput",props:e.mergeModels({schema:{}},{modelValue:{type:Object,default:{}},modelModifiers:{}}),emits:["update:modelValue"],setup(l,{expose:r}){const a=e.useModel(l,"modelValue"),t=e.ref(null);return r({onReset:()=>{var o;return(o=t.value)==null?void 0:o.onReset()},onValueUpdate:()=>{var o;return(o=t.value)==null?void 0:o.onValueUpdate()},getErrors:()=>{var o,n;return((n=(o=t.value)==null?void 0:o.getErrors)==null?void 0:n.call(o))??[]}}),(o,n)=>(e.openBlock(),e.createBlock(O,{modelValue:a.value,"onUpdate:modelValue":n[0]||(n[0]=s=>a.value=s),type:"email",schema:o.schema,ref_key:"inputRef",ref:t},null,8,["modelValue","schema"]))}}),ie=e.defineComponent({__name:"PasswordInput",props:e.mergeModels({schema:{}},{modelValue:{type:Object,default:{}},modelModifiers:{}}),emits:["update:modelValue"],setup(l,{expose:r}){const a=e.useModel(l,"modelValue"),t=e.ref(null);return r({onReset:()=>{var o;return(o=t.value)==null?void 0:o.onReset()},onValueUpdate:()=>{var o;return(o=t.value)==null?void 0:o.onValueUpdate()},getErrors:()=>{var o,n;return((n=(o=t.value)==null?void 0:o.getErrors)==null?void 0:n.call(o))??[]}}),(o,n)=>(e.openBlock(),e.createBlock(O,{modelValue:a.value,"onUpdate:modelValue":n[0]||(n[0]=s=>a.value=s),type:"password",schema:o.schema,ref_key:"inputRef",ref:t},null,8,["modelValue","schema"]))}}),de=e.defineComponent({__name:"SelectInput",props:e.mergeModels({schema:{},type:{}},{modelValue:{type:Object,default:{}},modelModifiers:{}}),emits:["update:modelValue"],setup(l,{expose:r}){const a=l,t=e.useModel(l,"modelValue"),o=e.ref(null),n=e.ref(null),s=e.ref(!1),u=e.ref([]),p=e.ref(""),i=e.ref(1),f=e.computed(()=>t.value.interface??"popover"),m=e.computed(()=>t.value.optionsPlacement==="top"?"top":"bottom"),c=e.computed(()=>u.value.filter(y=>!!y.isChecked)),k=e.computed(()=>!p.value&&U(c.value)&&!s.value?t.value.placeholder??"Select an option":"");e.watch([p,()=>t.value.options],N,{immediate:!0,deep:!0}),e.watch(()=>t.value.value,W,{immediate:!0,deep:!0});function v(){u.value.forEach(y=>q(y,u.value)),t.value.error="",p.value="",i.value=1,t.value.value=t.value.multiple?[]:""}function C(y){if(y.isChecked)return q(y,u.value);t.value.multiple?_(y,u.value):(v(),_(y,u.value),R()),p.value=""}function d(){switch(f.value){case"action-sheet":x();break;case"alert":B();break;case"popover":default:s.value=!0;break}}async function x(){if(await N(),t.value.multiple){s.value=!0;return}await(await h.actionSheetController.create({header:t.value.label||"Select an option",buttons:[...u.value.map(g=>({text:g.label,cssClass:g.isChecked?"selected-option":"",handler:()=>(C(g),!1)})),{text:"Cancel",role:"cancel"}]})).present()}async function B(){await N();const y=u.value.map(V=>({label:V.label,type:t.value.multiple?"checkbox":"radio",value:V,checked:V.isChecked}));await(await h.alertController.create({header:t.value.label||"Select an option",inputs:y,buttons:[{text:"Cancel",role:"cancel"},{text:"OK",handler:V=>{if(t.value.multiple)u.value.forEach(b=>q(b,u.value)),V.forEach(b=>{const M=u.value.find(Z=>Z.value===b.value);M&&_(M,u.value)});else{v();const b=u.value.find(M=>M.value===V.value);b&&_(b,u.value)}R()}}]})).present()}async function w(){if(t.value.required&&U(c.value))return"This field is required";if(t.value.validation){const y=await t.value.validation(c.value,a==null?void 0:a.schema);if(y&&y.length)return y.join()}return!0}const{onFocus:I,applyValidationState:E}=S(o,t,e.computed(()=>t.value.multiple?c.value:c.value[0]),e.computed(()=>a==null?void 0:a.schema),w);function F(y){var g;y.target===((g=o.value)==null?void 0:g.$el)&&(I(),f.value==="popover"&&(s.value=!0))}async function R(y){var V;if((V=y==null?void 0:y.relatedTarget)!=null&&V.closest(".suggestions-list"))return;s.value=!1;const g=await w();g===!0?(t.value.error="",t.value.value=t.value.multiple?c.value:c.value[0]):t.value.error=typeof g=="string"?g:"Validation failed",await E(g===!0)}async function N(){const y=[];if(typeof t.value.options=="function"){const g=await t.value.options(p.value);y.push(...g.filter(V=>!!V.label))}else y.push(...te(t.value.options??[],p.value));c.value.forEach(g=>_(g,y)),u.value=y}function W(){const y=t.value.value;y&&(Array.isArray(y)?y.forEach(g=>_(g,u.value)):_(typeof y=="object"?y:{value:y,label:y},u.value))}return r({onValueUpdate:R,onReset:v,getErrors:()=>t.value.error?[t.value.error]:[]}),(y,g)=>(e.openBlock(),e.createElementBlock("div",{class:"autocomplete-container",onFocusout:R,ref_key:"containerRef",ref:n},[e.createVNode(e.unref(h.IonInput),{ref_key:"inputRef",ref:o,modelValue:p.value,"onUpdate:modelValue":g[0]||(g[0]=V=>p.value=V),fill:t.value.fill??"solid","label-placement":t.value.labelPlacement??"stacked",type:y.type??"text",required:t.value.required,"error-text":t.value.error,autofocus:t.value.autoFocus,placeholder:k.value,disabled:t.value.disabled,counter:t.value.counter,onIonFocus:F,debounce:300,onClick:d},{default:e.withCtx(()=>[e.createVNode(D,{model:t.value},null,8,["model"]),t.value.multiple?(e.openBlock(),e.createBlock(e.unref(h.IonLabel),{key:0,style:{width:"fit-content"},slot:"start"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.value,(V,b)=>(e.openBlock(),e.createBlock(e.unref(h.IonChip),{key:b},{default:e.withCtx(()=>[e.createVNode(e.unref(h.IonLabel),null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(V.label),1)]),_:2},1024)]),_:2},1024))),128))]),_:1})):(e.openBlock(),e.createBlock(e.unref(h.IonLabel),{key:1,slot:"start",class:"ion-no-wrap"},{default:e.withCtx(()=>{var V;return[e.createTextVNode(e.toDisplayString(((V=c.value[0])==null?void 0:V.label)??""),1)]}),_:1})),e.createVNode(e.unref(h.IonIcon),{slot:"end",icon:e.unref(T.chevronDown)},null,8,["icon"]),c.value.length>0||p.value?(e.openBlock(),e.createBlock(e.unref(h.IonIcon),{key:2,slot:"end",icon:e.unref(T.close),onClick:v,style:{"z-index":"999999"}},null,8,["icon"])):e.createCommentVNode("",!0)]),_:1},8,["modelValue","fill","label-placement","type","required","error-text","autofocus","placeholder","disabled","counter"]),s.value&&u.value.length>0&&f.value==="popover"?(e.openBlock(),e.createBlock(e.unref(h.IonList),{key:0,class:e.normalizeClass(["suggestions-list",m.value])},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(u.value,V=>(e.openBlock(),e.createBlock(e.unref(h.IonItem),{button:"",key:V.label,onClick:b=>C(V)},{default:e.withCtx(()=>[t.value.multiple?(e.openBlock(),e.createBlock(e.unref(h.IonCheckbox),{key:0,slot:"start",checked:V.isChecked},null,8,["checked"])):e.createCommentVNode("",!0),e.createVNode(e.unref(h.IonLabel),null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(V.label),1)]),_:2},1024)]),_:2},1032,["onClick"]))),128))]),_:1},8,["class"])):e.createCommentVNode("",!0)],544))}}),G=(l,r)=>{const a=l.__vccOpts||l;for(const[t,o]of r)a[t]=o;return a},fe=G(de,[["__scopeId","data-v-e2c4eed6"]]),me=e.defineComponent({__name:"TextAreaInput",props:e.mergeModels({schema:{}},{modelValue:{type:Object,default:{}},modelModifiers:{}}),emits:["update:modelValue"],setup(l,{expose:r}){const a=l,t=e.useModel(l,"modelValue"),o=e.ref(null),n=e.ref(t.value.value),s=e.computed(()=>a.schema),{onValueUpdate:u,onFocus:p,onReset:i,getErrors:f}=S(o,t,n,s);return e.watch(()=>t.value.value,m=>n.value=m),r({onReset:i,onValueUpdate:u,getErrors:f}),(m,c)=>(e.openBlock(),e.createBlock(e.unref(h.IonTextarea),{ref_key:"inputRef",ref:o,modelValue:n.value,"onUpdate:modelValue":c[0]||(c[0]=k=>n.value=k),"clear-input":!0,fill:t.value.fill??"solid","label-placement":t.value.labelPlacement??"stacked",required:t.value.required,"error-text":t.value.error,autofocus:t.value.autoFocus,placeholder:t.value.placeholder,disabled:t.value.disabled,counter:t.value.counter,min:t.value.min,max:t.value.max,rows:t.value.rows,cols:t.value.cols,"auto-grow":t.value.autoGrow,"max-length":t.value.maxLength,"min-length":t.value.minLength,pattern:t.value.pattern,onIonFocus:e.unref(p),onIonChange:e.unref(u),onIonBlur:e.unref(u)},{default:e.withCtx(()=>[e.createVNode(D,{model:t.value},null,8,["model"])]),_:1},8,["modelValue","fill","label-placement","required","error-text","autofocus","placeholder","disabled","counter","min","max","rows","cols","auto-grow","max-length","min-length","pattern","onIonFocus","onIonChange","onIonBlur"]))}}),pe={class:"ion-margin-end",style:{"flex-grow":"1"}},ve={style:{display:"flex","justify-content":"flex-end"}},he=e.defineComponent({__name:"RepeatInput",props:e.mergeModels({schema:{},data:{},computedData:{}},{modelValue:{type:Object,default:{}},modelModifiers:{}}),emits:["update:modelValue"],setup(l,{expose:r}){const a=e.useModel(l,"modelValue"),t=e.ref([]),{dynamicRefs:o,resetForm:n,getFormErrors:s,updateFormValues:u}=j(),p=e.computed(()=>t.value.map((v,C)=>({label:`Set ${C+1}`,value:C,other:Object.entries(v).reduce((d,[x,B])=>(d[x]=B.value,d),{})})));e.watch(p,v=>{a.value.value=v},{deep:!0,immediate:!0}),e.onMounted(i);function i(){a.value.children&&t.value.push(z(a.value.children))}function f(v){t.value.splice(v,1)}function m(){n()}function c(){return s()}async function k(){await u()}return r({onValueUpdate:k,onReset:m,getErrors:c}),(v,C)=>(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.value,(d,x)=>(e.openBlock(),e.createElementBlock("div",{class:"repeat-input-wrapper",key:x},[e.createElementVNode("div",pe,[e.createVNode(e.unref(h.IonRow),null,{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(Object.keys(d),B=>{var w,I,E,F,R;return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.unref(L)(d[B],v.data,v.computedData)?(e.openBlock(),e.createBlock(e.unref(h.IonCol),{key:`${x}-${B}`,size:((w=d[B].grid)==null?void 0:w.xs)??"12","size-sm":(I=d[B].grid)==null?void 0:I.sm,"size-md":(E=d[B].grid)==null?void 0:E.md,"size-lg":(F=d[B].grid)==null?void 0:F.lg,"size-xl":(R=d[B].grid)==null?void 0:R.xl,class:"ion-margin-bottom"},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(d[B].type),{modelValue:d[B],"onUpdate:modelValue":N=>d[B]=N,schema:d,"ref-key":`${x}-${B}`,ref_for:!0,ref_key:"dynamicRefs",ref:o},null,8,["modelValue","onUpdate:modelValue","schema","ref-key"]))]),_:2},1032,["size","size-sm","size-md","size-lg","size-xl"])):e.createCommentVNode("",!0)],64)}),256))]),_:2},1024)]),e.createElementVNode("div",ve,[x===t.value.length-1?(e.openBlock(),e.createBlock(e.unref(h.IonButton),{key:0,onClick:i,color:"primary"},{default:e.withCtx(()=>[e.createVNode(e.unref(h.IonIcon),{slot:"icon-only",icon:e.unref(T.add)},null,8,["icon"])]),_:1})):e.createCommentVNode("",!0),t.value.length>1?(e.openBlock(),e.createBlock(e.unref(h.IonButton),{key:1,onClick:B=>f(x),color:"warning"},{default:e.withCtx(()=>[e.createVNode(e.unref(h.IonIcon),{slot:"icon-only",icon:e.unref(T.remove)},null,8,["icon"])]),_:2},1032,["onClick"])):e.createCommentVNode("",!0)])]))),128))}}),ye=G(he,[["__scopeId","data-v-402695fe"]]),ke=e.defineComponent({__name:"CheckboxInput",props:e.mergeModels({schema:{}},{modelValue:{type:Object,default:{}},modelModifiers:{}}),emits:["update:modelValue"],setup(l,{expose:r}){const a=l,t=e.useModel(l,"modelValue"),o=e.ref(null),n=e.ref(t.value.value),s=e.computed(()=>a.schema),u=e.computed(()=>P(t.value)),{onValueUpdate:p,onFocus:i,getErrors:f}=S(o,t,n,s);function m(){n.value=!1,t.value.error="",t.value.value=!1}return e.watch(()=>t.value.value,c=>n.value=c),r({onValueUpdate:p,onReset:m,getErrors:f}),(c,k)=>(e.openBlock(),e.createBlock(e.unref(h.IonCheckbox),{modelValue:n.value,"onUpdate:modelValue":k[0]||(k[0]=v=>n.value=v),ref_key:"inputRef",ref:o,required:t.value.required,"error-text":t.value.error,disabled:t.value.disabled,onIonFocus:e.unref(i),onIonChange:e.unref(p),onIonBlur:e.unref(p)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(u.value),1)]),_:1},8,["modelValue","required","error-text","disabled","onIonFocus","onIonChange","onIonBlur"]))}}),Ve=e.defineComponent({__name:"RadioInput",props:e.mergeModels({schema:{}},{modelValue:{type:Object,default:{}},modelModifiers:{}}),emits:["update:modelValue"],setup(l,{expose:r}){const a=l,t=e.useModel(l,"modelValue"),o=e.ref(null),n=e.ref(t.value.value),s=e.computed(()=>a.schema),u=e.ref([]),p=e.computed(()=>P(t.value)),{onValueUpdate:i,onFocus:f,getErrors:m}=S(o,t,n,s);function c(){t.value.error="",n.value=void 0,t.value.value=void 0}function k(C,d){return C.value===d.value}async function v(){typeof t.value.options=="function"?u.value=await t.value.options():u.value=t.value.options}return e.watch(()=>t.value.value,C=>n.value=C),r({onValueUpdate:i,onReset:c,getErrors:m}),e.onMounted(v),(C,d)=>(e.openBlock(),e.createBlock(e.unref(h.IonRadioGroup),{modelValue:n.value,"onUpdate:modelValue":d[0]||(d[0]=x=>n.value=x),ref_key:"inputRef",ref:o,required:t.value.required,"helper-text":p.value,"error-text":t.value.error,disabled:t.value.disabled,compareWith:k,"allow-empty-selection":!t.value.required,onIonFocus:e.unref(f),onIonChange:e.unref(i),onIonBlur:e.unref(i)},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(u.value,x=>(e.openBlock(),e.createBlock(e.unref(h.IonRadio),{key:x.value,value:x,disabled:t.value.disabled,"label-placement":"end",justify:"start"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(x.label),1)]),_:2},1032,["value","disabled"]))),128))]),_:1},8,["modelValue","required","helper-text","error-text","disabled","allow-empty-selection","onIonFocus","onIonChange","onIonBlur"]))}}),K={install(l){l.component("VForm",oe),l.component("TextInput",re),l.component("DateInput",ue),l.component("NumberInput",se),l.component("EmailInput",ce),l.component("PasswordInput",ie),l.component("SelectInput",fe),l.component("TextAreaInput",me),l.component("RepeatInput",ye),l.component("CheckboxInput",ke),l.component("RadioInput",Ve),l.directive("maskito",H.maskito)}};exports.VForm=K;exports.default=K;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),y=require("@ionic/vue"),q=require("ionicons/icons"),Q=require("@maskito/vue");function X(n){return new Promise(r=>{requestAnimationFrame(async()=>{const a=await n.getInputElement();r(a)})})}const Y={d:/\d/,a:/[A-Za-z]/,"*":/[A-Za-z0-9]/},ee={d:["1","2","3","4","5","6","7","8","9","0"],a:["A","B","C","x","y","z","D","f"],"*":["A","3","b","8","z","4","D","0"]};function te(n,r){const a=ee[n];return a[r%a.length]}function ne(n){const r=[];let a="",t=0,l=0;for(;t<n.length;){const o=n[t];if(["d","a","*"].includes(o)){let i=1;if(n[t+1]==="{"){const c=n.indexOf("}",t+2);if(c!==-1){const h=n.slice(t+2,c);if(h.includes(",")){const[,d]=h.split(",").map(s=>parseInt(s.trim()));i=d||parseInt(h.split(",")[0])}else i=parseInt(h);t=c}}else{let c=t+1;for(;n[c]===o;)i++,c++;t=c-1}for(let c=0;c<i;c++)r.push(Y[o]),a+=te(o,l++)}else r.push(o),a+=o;t++}return{mask:r,placeholder:a,elementPredicate:X}}function L(n){return n==null||Array.isArray(n)&&!n.length||typeof n=="object"&&!Object.keys(n).length||!n}function U(n,r,a){return typeof n.condition=="function"?n.condition(r,a):!0}function D(n){if(typeof n!="object"||n===null)return n;if(Array.isArray(n))return n.map(a=>D(a));const r={};return Object.entries(n).forEach(([a,t])=>{typeof t=="function"?r[a]=t.bind(r):r[a]=D(t)}),r}function G(n,r){return r.findIndex(a=>a.value===n.value||a.label===n.label||a.value===n.label||a.label===n.value)}function _(n,r){const a=G(n,r);a>=0?r[a].isChecked=!0:r.push({...n,isChecked:!0})}function P(n,r){const a=G(n,r);a>=0&&(r[a].isChecked=!1)}function le(n){n.forEach(r=>{r.isChecked=!1})}function oe(n,r){return r?n.filter(a=>JSON.stringify(a).toLowerCase().includes(r.toLowerCase())):n}function H(n){const r=n.label||"",a=n.required?" *":"";return r+a}function S(n,r){if(n===r)return!0;if(n==null||r==null||typeof n!=typeof r)return!1;if(typeof n!="object")return n===r;if(Array.isArray(n)&&Array.isArray(r))return n.length!==r.length?!1:n.every((l,o)=>S(l,r[o]));if(Array.isArray(n)!==Array.isArray(r))return!1;const a=Object.keys(n),t=Object.keys(r);return a.length!==t.length?!1:a.every(l=>Object.prototype.hasOwnProperty.call(r,l)&&S(n[l],r[l]))}function z(){const n=e.ref([]);async function r(){console.debug("Validating form inputs");const o=[];for(const i of n.value)if(typeof(i==null?void 0:i.onValueUpdate)=="function"&&await i.onValueUpdate(),typeof(i==null?void 0:i.getErrors)=="function")try{const c=i.getErrors();Array.isArray(c)?o.push(...c):console.warn("getErrors() returned non-array value:",c)}catch(c){console.error("Error calling getErrors on component:",c,i)}else console.warn("Component does not have getErrors function:",i);return o.every(L)}function a(){n.value.forEach(o=>{typeof(o==null?void 0:o.onReset)=="function"&&o.onReset()})}function t(){const o=[];for(const i of n.value)if(typeof(i==null?void 0:i.getErrors)=="function")try{const c=i.getErrors();Array.isArray(c)?o.push(...c):o.push(String(c))}catch(c){console.error("Error calling getErrors on component:",c,i)}return o}async function l(){for(const o of n.value)typeof(o==null?void 0:o.onValueUpdate)=="function"&&await o.onValueUpdate()}return{dynamicRefs:n,isFormValid:r,resetForm:a,getFormErrors:t,updateFormValues:l}}function K(n){const r=e.computed(()=>Object.entries(n.value).reduce((d,[s,f])=>(f.value!==void 0&&(typeof f.onChange=="function"?d[s]=f.onChange(f.value,n.value):d[s]=f.value),d),{})),a=e.ref({}),t=(d,s,f)=>{var u;return typeof((u=n.value[d].children[s])==null?void 0:u.computedValue)=="function"?n.value[d].children[s].computedValue(f,n.value):f},l=(d,s,f,u)=>{a.value[d][u]||(a.value[d][u]={}),Object.entries(s.other??{}).forEach(([m,v])=>{var p;!S(v,(p=f.other)==null?void 0:p[m])&&(a.value[d][u][m]=t(d,m,v))})},o=(d,s,f)=>{s.forEach((u,m)=>{const v=f[m]??{other:{}};l(d,u,v,m)})},i=(d,{other:s})=>Object.entries(s??{}).reduce((f,[u,m])=>(f[u]=t(d,u,m),f),{}),c=(d,s,f)=>{a.value[d]||(a.value[d]=[]);const u=s;Array.isArray(f[d])?o(d,u,f[d]):a.value[d]=u.map(m=>i(d,m))},h=(d,s,f)=>{if(!s){delete a.value[d];return}const u=n.value[d];u.children!==void 0?c(d,s,f):typeof u.computedValue=="function"&&(a.value[d]=u.computedValue(s,n.value))};return e.watch(r,(d,s={})=>{Object.keys(d).forEach(f=>{S(d[f],s[f])||h(f,d[f],s)}),Object.keys(s).forEach(f=>{!(f in d)&&f in a.value&&delete a.value[f]})},{immediate:!0,deep:!0}),{formData:r,computedData:a}}const ae=e.defineComponent({__name:"vForm",props:{schema:{},showLabels:{type:Boolean,default:!0},showClearButton:{type:Boolean,default:!0},showCancelButton:{type:Boolean,default:!0},buttonPlacement:{default:"start"},submitButtonText:{default:"Submit"},clearButtonText:{default:"Reset"},cancelButtonText:{default:"Cancel"},hideButtons:{type:Boolean,default:!1},customButtons:{}},emits:["submit","clear","cancel"],setup(n,{expose:r,emit:a}){const t=n,l=a,o=e.ref(t.schema),{dynamicRefs:i,isFormValid:c,resetForm:h}=z(),{formData:d,computedData:s}=K(o);async function f(){await c()&&l("submit",d.value,s.value)}function u(){h(),l("clear")}function m(){h(),l("cancel")}return e.watch(d,async()=>{for(const[v,V]of Object.entries(o.value))U(V,d.value,s.value)||(V.value=t.schema[v].value)},{deep:!0,immediate:!0}),e.watch(()=>t.schema,v=>{for(const[V,p]of Object.entries(v))p.value!==void 0&&(o.value[V].value=p.value)},{deep:!0,immediate:!0}),r({resetForm:h,isFormValid:c,resolveData:()=>({formData:d.value,computedData:s.value})}),(v,V)=>(e.openBlock(),e.createBlock(e.unref(y.IonGrid),null,{default:e.withCtx(()=>[e.createVNode(e.unref(y.IonRow),null,{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(Object.keys(o.value),p=>{var x,B,w,E,I;return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.unref(U)(o.value[p],e.unref(d),e.unref(s))?(e.openBlock(),e.createBlock(e.unref(y.IonCol),{key:p,size:((x=o.value[p].grid)==null?void 0:x.xs)??"12","size-sm":(B=o.value[p].grid)==null?void 0:B.sm,"size-md":(w=o.value[p].grid)==null?void 0:w.md,"size-lg":(E=o.value[p].grid)==null?void 0:E.lg,"size-xl":(I=o.value[p].grid)==null?void 0:I.xl,class:"ion-margin-vertical"},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.value[p].type),{modelValue:o.value[p],"onUpdate:modelValue":N=>o.value[p]=N,schema:o.value,"form-id":p,ref_for:!0,ref_key:"dynamicRefs",ref:i,"ref-key":p},null,8,["modelValue","onUpdate:modelValue","schema","form-id","ref-key"]))]),_:2},1032,["size","size-sm","size-md","size-lg","size-xl"])):e.createCommentVNode("",!0)],64)}),256))]),_:1}),v.hideButtons?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(y.IonRow),{key:0},{default:e.withCtx(()=>[e.createVNode(e.unref(y.IonCol),{size:"12",style:e.normalizeStyle([{display:"flex"},{justifyContent:v.buttonPlacement}])},{default:e.withCtx(()=>[v.showCancelButton?(e.openBlock(),e.createBlock(e.unref(y.IonButton),{key:0,onClick:m},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(v.cancelButtonText??"Cancel"),1)]),_:1})):e.createCommentVNode("",!0),v.showClearButton?(e.openBlock(),e.createBlock(e.unref(y.IonButton),{key:1,onClick:u},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(v.clearButtonText??"Reset"),1)]),_:1})):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(v.customButtons,p=>(e.openBlock(),e.createBlock(e.unref(y.IonButton),{key:p.label,onClick:p.action,color:p.color??"primary"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(p.label),1)]),_:2},1032,["onClick","color"]))),128)),e.createVNode(e.unref(y.IonButton),{onClick:f},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(v.submitButtonText??"Submit"),1)]),_:1})]),_:1},8,["style"])]),_:1}))]),_:1}))}});function re(n){return{applyValidationState:async t=>{var l,o,i,c,h;(l=n.value)==null||l.$el.classList.remove("ion-invalid"),(o=n.value)==null||o.$el.classList.remove("ion-valid"),t?(i=n.value)==null||i.$el.classList.add("ion-valid"):(c=n.value)==null||c.$el.classList.add("ion-invalid"),(h=n.value)==null||h.$el.classList.add("ion-touched")},resetValidationState:()=>{var t,l;(t=n.value)==null||t.$el.classList.remove("ion-touched"),(l=n.value)==null||l.$el.classList.remove("ion-invalid")}}}function A(n,r,a,t,l){const{applyValidationState:o,resetValidationState:i}=re(n);async function c(){if(r.value.required&&!a.value)return r.value.error="This field is required",!1;if(l){const u=await l(a.value);if(typeof u=="string")return r.value.error=u,!1;if(u===!1)return!1}if(r.value.validation){const u=await r.value.validation(a.value,t==null?void 0:t.value);if(u&&u.length)return r.value.error=u.join(),!1}return!0}async function h(){const u=await c();u&&(r.value.error="",r.value.value=a.value),await o(u)}function d(){i(),r.value.error=""}function s(u=""){a.value=u,r.value.error="",r.value.value=u}function f(){return r.value.error?[r.value.error]:[]}return{isValid:c,onValueUpdate:h,onFocus:d,onReset:s,getErrors:f,applyValidationState:o,resetValidationState:i}}function ue(n){const r=e.computed(()=>!!n.value.label),a=e.computed(()=>!!n.value.required),t=e.computed(()=>n.value.label||"");return{showLabel:r,showRequired:a,labelText:t}}const $=e.defineComponent({__name:"InputLabel",props:{model:{}},setup(n){const r=n,{showLabel:a,showRequired:t,labelText:l}=ue(e.toRef(r,"model"));return(o,i)=>e.unref(a)?(e.openBlock(),e.createBlock(e.unref(y.IonLabel),{key:0,slot:"label",class:"input-label"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(l))+" ",1),e.unref(t)?(e.openBlock(),e.createBlock(e.unref(y.IonText),{key:0,color:"danger"},{default:e.withCtx(()=>i[0]||(i[0]=[e.createTextVNode("*")])),_:1,__:[0]})):e.createCommentVNode("",!0)]),_:1})):e.createCommentVNode("",!0)}}),M=e.defineComponent({__name:"BaseInput",props:e.mergeModels({schema:{},type:{}},{modelValue:{type:Object,default:{}},modelModifiers:{}}),emits:["update:modelValue"],setup(n,{expose:r}){const a=n,t=e.useModel(n,"modelValue"),l=e.ref(null),o=e.ref(t.value.value),i=e.computed(()=>a.schema),{isValid:c,onValueUpdate:h,onFocus:d,onReset:s,getErrors:f}=A(l,t,o,i),u=e.computed(()=>{if(t.value.pattern)return ne(t.value.pattern)});return e.watch(()=>t.value.value,m=>o.value=m),r({onValueUpdate:h,onReset:s,getErrors:f,isValid:c}),(m,v)=>{var p;const V=e.resolveDirective("maskito");return e.withDirectives((e.openBlock(),e.createBlock(e.unref(y.IonInput),{ref_key:"inputRef",ref:l,modelValue:o.value,"onUpdate:modelValue":v[0]||(v[0]=x=>o.value=x),"clear-input":!0,fill:t.value.fill??"solid","label-placement":t.value.labelPlacement??"stacked",type:m.type??"text",required:t.value.required,"error-text":t.value.error,autofocus:t.value.autoFocus,placeholder:((p=u.value)==null?void 0:p.placeholder)??t.value.placeholder,disabled:t.value.disabled,counter:t.value.counter,min:t.value.min,max:t.value.max,"max-length":t.value.maxLength,"min-length":t.value.minLength,pattern:t.value.pattern,onIonFocus:e.unref(d),onIonChange:e.unref(h),onIonBlur:e.unref(h)},{default:e.withCtx(()=>[e.createVNode($,{model:t.value},null,8,["model"]),t.value.prefix?(e.openBlock(),e.createBlock(e.unref(y.IonLabel),{key:0,slot:"start"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.value.prefix),1)]),_:1})):e.createCommentVNode("",!0),t.value.suffix?(e.openBlock(),e.createBlock(e.unref(y.IonLabel),{key:1,slot:"end"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.value.suffix),1)]),_:1})):e.createCommentVNode("",!0),m.type==="password"?(e.openBlock(),e.createBlock(e.unref(y.IonInputPasswordToggle),{key:2,slot:"end"})):e.createCommentVNode("",!0)]),_:1},8,["modelValue","fill","label-placement","type","required","error-text","autofocus","placeholder","disabled","counter","min","max","max-length","min-length","pattern","onIonFocus","onIonChange","onIonBlur"])),[[V,u.value]])}}}),se=e.defineComponent({__name:"TextInput",props:e.mergeModels({schema:{}},{modelValue:{type:Object,default:{}},modelModifiers:{}}),emits:["update:modelValue"],setup(n,{expose:r}){const a=e.useModel(n,"modelValue"),t=e.ref(null);return r({onReset:()=>{var l;return(l=t.value)==null?void 0:l.onReset()},onValueUpdate:()=>{var l;return(l=t.value)==null?void 0:l.onValueUpdate()},getErrors:()=>{var l,o;return((o=(l=t.value)==null?void 0:l.getErrors)==null?void 0:o.call(l))??[]}}),(l,o)=>(e.openBlock(),e.createBlock(M,{modelValue:a.value,"onUpdate:modelValue":o[0]||(o[0]=i=>a.value=i),type:"text",schema:l.schema,ref_key:"inputRef",ref:t},null,8,["modelValue","schema"]))}}),ce=e.defineComponent({__name:"DateInput",props:e.mergeModels({schema:{}},{modelValue:{type:Object,default:{}},modelModifiers:{}}),emits:["update:modelValue"],setup(n,{expose:r}){const a=e.useModel(n,"modelValue"),t=e.ref(null);return r({onValueUpdate:()=>{var l;return(l=t.value)==null?void 0:l.onValueUpdate()},onReset:()=>{var l;return(l=t.value)==null?void 0:l.onReset()},getErrors:()=>{var l,o;return((o=(l=t.value)==null?void 0:l.getErrors)==null?void 0:o.call(l))??[]}}),(l,o)=>(e.openBlock(),e.createBlock(M,{modelValue:a.value,"onUpdate:modelValue":o[0]||(o[0]=i=>a.value=i),type:a.value.enableTime?"datetime-local":"date",schema:l.schema,ref_key:"inputRef",ref:t},null,8,["modelValue","type","schema"]))}}),ie=e.defineComponent({__name:"NumberInput",props:e.mergeModels({schema:{}},{modelValue:{type:Object,default:{}},modelModifiers:{}}),emits:["update:modelValue"],setup(n,{expose:r}){const a=e.useModel(n,"modelValue"),t=e.ref(null);return r({onReset:()=>{var l;return(l=t.value)==null?void 0:l.onReset()},onValueUpdate:()=>{var l;return(l=t.value)==null?void 0:l.onValueUpdate()},getErrors:()=>{var l,o;return((o=(l=t.value)==null?void 0:l.getErrors)==null?void 0:o.call(l))??[]}}),(l,o)=>(e.openBlock(),e.createBlock(M,{modelValue:a.value,"onUpdate:modelValue":o[0]||(o[0]=i=>a.value=i),type:"number",schema:l.schema,ref_key:"inputRef",ref:t},null,8,["modelValue","schema"]))}}),de=e.defineComponent({__name:"EmailInput",props:e.mergeModels({schema:{}},{modelValue:{type:Object,default:{}},modelModifiers:{}}),emits:["update:modelValue"],setup(n,{expose:r}){const a=e.useModel(n,"modelValue"),t=e.ref(null);return r({onReset:()=>{var l;return(l=t.value)==null?void 0:l.onReset()},onValueUpdate:()=>{var l;return(l=t.value)==null?void 0:l.onValueUpdate()},getErrors:()=>{var l,o;return((o=(l=t.value)==null?void 0:l.getErrors)==null?void 0:o.call(l))??[]}}),(l,o)=>(e.openBlock(),e.createBlock(M,{modelValue:a.value,"onUpdate:modelValue":o[0]||(o[0]=i=>a.value=i),type:"email",schema:l.schema,ref_key:"inputRef",ref:t},null,8,["modelValue","schema"]))}}),fe=e.defineComponent({__name:"PasswordInput",props:e.mergeModels({schema:{}},{modelValue:{type:Object,default:{}},modelModifiers:{}}),emits:["update:modelValue"],setup(n,{expose:r}){const a=e.useModel(n,"modelValue"),t=e.ref(null);return r({onReset:()=>{var l;return(l=t.value)==null?void 0:l.onReset()},onValueUpdate:()=>{var l;return(l=t.value)==null?void 0:l.onValueUpdate()},getErrors:()=>{var l,o;return((o=(l=t.value)==null?void 0:l.getErrors)==null?void 0:o.call(l))??[]}}),(l,o)=>(e.openBlock(),e.createBlock(M,{modelValue:a.value,"onUpdate:modelValue":o[0]||(o[0]=i=>a.value=i),type:"password",schema:l.schema,ref_key:"inputRef",ref:t},null,8,["modelValue","schema"]))}}),pe=e.defineComponent({__name:"SelectInput",props:e.mergeModels({schema:Object,type:String,formId:String},{modelValue:{type:Object,default:{}},modelModifiers:{}}),emits:["update:modelValue"],setup(n,{expose:r}){const a=n,t=e.useModel(n,"modelValue"),l=e.ref(null),o=e.ref(null),i=e.ref(!1),c=e.ref([]),h=e.ref(""),d=e.ref(1),s=e.computed(()=>t.value.interface??"popover"),f=e.computed(()=>t.value.optionsPlacement==="top"?"top":"bottom"),u=e.computed(()=>c.value.filter(k=>!!k.isChecked)),m=e.computed(()=>!h.value&&L(u.value)&&!i.value?t.value.placeholder??"Select an option":"");e.watch([h,()=>t.value.options],R,{immediate:!0,deep:!0}),e.watch(()=>t.value.value,J,{immediate:!0,deep:!0}),e.watch(()=>!t.value.dependsOn||!a.schema?null:(Array.isArray(t.value.dependsOn)?t.value.dependsOn:[t.value.dependsOn]).map(g=>{var C;return(C=a.schema[g])==null?void 0:C.value}),async(k,g)=>{k&&g&&!S(k,g)&&(v(),c.value=[],await R())},{deep:!0});function v(){t.value.error="",h.value="",d.value=1,t.value.value=t.value.multiple?[]:"",le(c.value)}function V(k){if(k.isChecked)return P(k,c.value);t.value.multiple?_(k,c.value):(v(),_(k,c.value),O()),h.value=""}function p(){switch(s.value){case"action-sheet":x();break;case"alert":B();break;case"popover":default:i.value=!0;break}}async function x(){if(await R(),t.value.multiple){i.value=!0;return}await(await y.actionSheetController.create({header:t.value.label||"Select an option",buttons:[...c.value.map(g=>({text:g.label,cssClass:g.isChecked?"selected-option":"",handler:()=>(V(g),!1)})),{text:"Cancel",role:"cancel"}]})).present()}async function B(){await R();const k=c.value.map(C=>({label:C.label,type:t.value.multiple?"checkbox":"radio",value:C,checked:C.isChecked}));await(await y.alertController.create({header:t.value.label||"Select an option",inputs:k,buttons:[{text:"Cancel",role:"cancel"},{text:"OK",handler:C=>{if(t.value.multiple)c.value.forEach(b=>P(b,c.value)),C.forEach(b=>{const F=c.value.find(T=>T.value===b.value);F&&_(F,c.value)});else{v();const b=c.value.find(F=>F.value===C.value);b&&_(b,c.value)}O()}}]})).present()}async function w(){if(t.value.required&&L(u.value))return"This field is required";if(t.value.validation){const k=await t.value.validation(u.value,a==null?void 0:a.schema);if(k&&k.length)return k.join()}return!0}const{onFocus:E,applyValidationState:I}=A(l,t,e.computed(()=>t.value.multiple?u.value:u.value[0]),e.computed(()=>a==null?void 0:a.schema),w);function N(k){var g;k.target===((g=l.value)==null?void 0:g.$el)&&(E(),s.value==="popover"&&(i.value=!0))}async function O(k){var C;if((C=k==null?void 0:k.relatedTarget)!=null&&C.closest(".suggestions-list"))return;i.value=!1;const g=await w();g===!0?(t.value.error="",t.value.value=t.value.multiple?u.value:u.value[0]):t.value.error=typeof g=="string"?g:"Validation failed",await I(g===!0)}async function R(){const k=[];if(typeof t.value.options=="function"){let g={};t.value.dependsOn&&a.schema&&(g=(Array.isArray(t.value.dependsOn)?t.value.dependsOn:[t.value.dependsOn]).reduce((F,T)=>{var j;return F[T]=(j=a.schema[T])==null?void 0:j.value,F},{}));const C=await t.value.options(h.value,g);k.push(...C.filter(b=>!!b.label))}else Array.isArray(t.value.options)&&k.push(...oe(t.value.options,h.value));u.value.forEach(g=>_(g,k)),c.value=k}function J(){const k=t.value.value;k&&(Array.isArray(k)?k.forEach(g=>_(g,c.value)):_(typeof k=="object"?k:{value:k,label:k},c.value))}return e.onMounted(()=>{R()}),r({onValueUpdate:O,onReset:v,getErrors:()=>t.value.error?[t.value.error]:[]}),(k,g)=>(e.openBlock(),e.createElementBlock("div",{class:"autocomplete-container",onFocusout:O,ref_key:"containerRef",ref:o},[e.createVNode(e.unref(y.IonInput),{ref_key:"inputRef",ref:l,modelValue:h.value,"onUpdate:modelValue":g[0]||(g[0]=C=>h.value=C),fill:t.value.fill??"solid","label-placement":t.value.labelPlacement??"stacked",type:n.type??"text",required:t.value.required,"error-text":t.value.error,autofocus:t.value.autoFocus,placeholder:m.value,disabled:t.value.disabled,counter:t.value.counter,onIonFocus:N,debounce:300,onClick:p},{default:e.withCtx(()=>[e.createVNode($,{model:t.value},null,8,["model"]),t.value.multiple?(e.openBlock(),e.createBlock(e.unref(y.IonLabel),{key:0,style:{width:"fit-content"},slot:"start"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(u.value,(C,b)=>(e.openBlock(),e.createBlock(e.unref(y.IonChip),{key:b},{default:e.withCtx(()=>[e.createVNode(e.unref(y.IonLabel),null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(C.label),1)]),_:2},1024)]),_:2},1024))),128))]),_:1})):(e.openBlock(),e.createBlock(e.unref(y.IonLabel),{key:1,slot:"start",class:"ion-no-wrap"},{default:e.withCtx(()=>{var C;return[e.createTextVNode(e.toDisplayString(((C=u.value[0])==null?void 0:C.label)??""),1)]}),_:1})),e.createVNode(e.unref(y.IonIcon),{slot:"end",icon:e.unref(q.chevronDown)},null,8,["icon"]),u.value.length>0||h.value?(e.openBlock(),e.createBlock(e.unref(y.IonIcon),{key:2,slot:"end",icon:e.unref(q.close),onClick:v,style:{"z-index":"999999"}},null,8,["icon"])):e.createCommentVNode("",!0)]),_:1},8,["modelValue","fill","label-placement","type","required","error-text","autofocus","placeholder","disabled","counter"]),i.value&&c.value.length>0&&s.value==="popover"?(e.openBlock(),e.createBlock(e.unref(y.IonList),{key:0,class:e.normalizeClass(["suggestions-list",f.value])},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.value,C=>(e.openBlock(),e.createBlock(e.unref(y.IonItem),{button:"",key:C.label,onClick:b=>V(C)},{default:e.withCtx(()=>[t.value.multiple?(e.openBlock(),e.createBlock(e.unref(y.IonCheckbox),{key:0,slot:"start",checked:C.isChecked},null,8,["checked"])):e.createCommentVNode("",!0),e.createVNode(e.unref(y.IonLabel),null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(C.label),1)]),_:2},1024)]),_:2},1032,["onClick"]))),128))]),_:1},8,["class"])):e.createCommentVNode("",!0)],544))}}),W=(n,r)=>{const a=n.__vccOpts||n;for(const[t,l]of r)a[t]=l;return a},me=W(pe,[["__scopeId","data-v-4766dec2"]]),ve=e.defineComponent({__name:"TextAreaInput",props:e.mergeModels({schema:{}},{modelValue:{type:Object,default:{}},modelModifiers:{}}),emits:["update:modelValue"],setup(n,{expose:r}){const a=n,t=e.useModel(n,"modelValue"),l=e.ref(null),o=e.ref(t.value.value),i=e.computed(()=>a.schema),{onValueUpdate:c,onFocus:h,onReset:d,getErrors:s}=A(l,t,o,i);return e.watch(()=>t.value.value,f=>o.value=f),r({onReset:d,onValueUpdate:c,getErrors:s}),(f,u)=>(e.openBlock(),e.createBlock(e.unref(y.IonTextarea),{ref_key:"inputRef",ref:l,modelValue:o.value,"onUpdate:modelValue":u[0]||(u[0]=m=>o.value=m),"clear-input":!0,fill:t.value.fill??"solid","label-placement":t.value.labelPlacement??"stacked",required:t.value.required,"error-text":t.value.error,autofocus:t.value.autoFocus,placeholder:t.value.placeholder,disabled:t.value.disabled,counter:t.value.counter,min:t.value.min,max:t.value.max,rows:t.value.rows,cols:t.value.cols,"auto-grow":t.value.autoGrow,"max-length":t.value.maxLength,"min-length":t.value.minLength,pattern:t.value.pattern,onIonFocus:e.unref(h),onIonChange:e.unref(c),onIonBlur:e.unref(c)},{default:e.withCtx(()=>[e.createVNode($,{model:t.value},null,8,["model"])]),_:1},8,["modelValue","fill","label-placement","required","error-text","autofocus","placeholder","disabled","counter","min","max","rows","cols","auto-grow","max-length","min-length","pattern","onIonFocus","onIonChange","onIonBlur"]))}}),he={class:"ion-margin-end",style:{"flex-grow":"1"}},ye={style:{display:"flex","justify-content":"flex-end"}},ke=e.defineComponent({__name:"RepeatInput",props:e.mergeModels({schema:{},data:{},computedData:{}},{modelValue:{type:Object,default:{}},modelModifiers:{}}),emits:["update:modelValue"],setup(n,{expose:r}){const a=e.useModel(n,"modelValue"),t=e.ref([]),{dynamicRefs:l,resetForm:o,getFormErrors:i,updateFormValues:c}=z(),h=e.computed(()=>t.value.map((v,V)=>({label:`Set ${V+1}`,value:V,other:Object.entries(v).reduce((p,[x,B])=>(p[x]=B.value,p),{})})));e.watch(h,v=>{a.value.value=v},{deep:!0,immediate:!0}),e.onMounted(d);function d(){a.value.children&&t.value.push(D(a.value.children))}function s(v){t.value.splice(v,1)}function f(){o()}function u(){return i()}async function m(){await c()}return r({onValueUpdate:m,onReset:f,getErrors:u}),(v,V)=>(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.value,(p,x)=>(e.openBlock(),e.createElementBlock("div",{class:"repeat-input-wrapper",key:x},[e.createElementVNode("div",he,[e.createVNode(e.unref(y.IonRow),null,{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(Object.keys(p),B=>{var w,E,I,N,O;return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.unref(U)(p[B],v.data,v.computedData)?(e.openBlock(),e.createBlock(e.unref(y.IonCol),{key:`${x}-${B}`,size:((w=p[B].grid)==null?void 0:w.xs)??"12","size-sm":(E=p[B].grid)==null?void 0:E.sm,"size-md":(I=p[B].grid)==null?void 0:I.md,"size-lg":(N=p[B].grid)==null?void 0:N.lg,"size-xl":(O=p[B].grid)==null?void 0:O.xl,class:"ion-margin-bottom"},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(p[B].type),{modelValue:p[B],"onUpdate:modelValue":R=>p[B]=R,schema:p,"ref-key":`${x}-${B}`,ref_for:!0,ref_key:"dynamicRefs",ref:l},null,8,["modelValue","onUpdate:modelValue","schema","ref-key"]))]),_:2},1032,["size","size-sm","size-md","size-lg","size-xl"])):e.createCommentVNode("",!0)],64)}),256))]),_:2},1024)]),e.createElementVNode("div",ye,[x===t.value.length-1?(e.openBlock(),e.createBlock(e.unref(y.IonButton),{key:0,onClick:d,color:"primary"},{default:e.withCtx(()=>[e.createVNode(e.unref(y.IonIcon),{slot:"icon-only",icon:e.unref(q.add)},null,8,["icon"])]),_:1})):e.createCommentVNode("",!0),t.value.length>1?(e.openBlock(),e.createBlock(e.unref(y.IonButton),{key:1,onClick:B=>s(x),color:"warning"},{default:e.withCtx(()=>[e.createVNode(e.unref(y.IonIcon),{slot:"icon-only",icon:e.unref(q.remove)},null,8,["icon"])]),_:2},1032,["onClick"])):e.createCommentVNode("",!0)])]))),128))}}),Ve=W(ke,[["__scopeId","data-v-060bdf58"]]),ge=e.defineComponent({__name:"CheckboxInput",props:e.mergeModels({schema:{}},{modelValue:{type:Object,default:{}},modelModifiers:{}}),emits:["update:modelValue"],setup(n,{expose:r}){const a=n,t=e.useModel(n,"modelValue"),l=e.ref(null),o=e.ref(t.value.value),i=e.computed(()=>a.schema),c=e.computed(()=>H(t.value)),{onValueUpdate:h,onFocus:d,getErrors:s}=A(l,t,o,i);function f(){o.value=!1,t.value.error="",t.value.value=!1}return e.watch(()=>t.value.value,u=>o.value=u),r({onValueUpdate:h,onReset:f,getErrors:s}),(u,m)=>(e.openBlock(),e.createBlock(e.unref(y.IonCheckbox),{modelValue:o.value,"onUpdate:modelValue":m[0]||(m[0]=v=>o.value=v),ref_key:"inputRef",ref:l,required:t.value.required,"error-text":t.value.error,disabled:t.value.disabled,onIonFocus:e.unref(d),onIonChange:e.unref(h),onIonBlur:e.unref(h)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(c.value),1)]),_:1},8,["modelValue","required","error-text","disabled","onIonFocus","onIonChange","onIonBlur"]))}}),Ce=e.defineComponent({__name:"RadioInput",props:e.mergeModels({schema:{}},{modelValue:{type:Object,default:{}},modelModifiers:{}}),emits:["update:modelValue"],setup(n,{expose:r}){const a=n,t=e.useModel(n,"modelValue"),l=e.ref(null),o=e.ref(t.value.value),i=e.computed(()=>a.schema),c=e.ref([]),h=e.computed(()=>H(t.value)),{onValueUpdate:d,onFocus:s,getErrors:f}=A(l,t,o,i);function u(){t.value.error="",o.value=void 0,t.value.value=void 0}function m(V,p){return V.value===p.value}async function v(){typeof t.value.options=="function"?c.value=await t.value.options():c.value=t.value.options}return e.watch(()=>t.value.value,V=>o.value=V),r({onValueUpdate:d,onReset:u,getErrors:f}),e.onMounted(v),(V,p)=>(e.openBlock(),e.createBlock(e.unref(y.IonRadioGroup),{modelValue:o.value,"onUpdate:modelValue":p[0]||(p[0]=x=>o.value=x),ref_key:"inputRef",ref:l,required:t.value.required,"helper-text":h.value,"error-text":t.value.error,disabled:t.value.disabled,compareWith:m,"allow-empty-selection":!t.value.required,onIonFocus:e.unref(s),onIonChange:e.unref(d),onIonBlur:e.unref(d)},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.value,x=>(e.openBlock(),e.createBlock(e.unref(y.IonRadio),{key:x.value,value:x,disabled:t.value.disabled,"label-placement":"end",justify:"start"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(x.label),1)]),_:2},1032,["value","disabled"]))),128))]),_:1},8,["modelValue","required","helper-text","error-text","disabled","allow-empty-selection","onIonFocus","onIonChange","onIonBlur"]))}});function xe(n,r,a){const t=e.ref({}),l=e.ref({});function o(s,f,u){l.value[s]=u,f.forEach(m=>{var v;(v=t.value)[m]??(v[m]=[]),t.value[m].includes(s)||t.value[m].push(s)}),d(s)}function i(s){return Object.entries(t.value).filter(([,u])=>u.includes(s)).map(([u])=>u).reduce((u,m)=>(u[m]=r.value[m]??a.value[m],u),{})}function c(s,f){return s?Array.isArray(s)?s.some(u=>f.some(m=>h(u,m.value))):f.some(u=>h(s,u.value)):!1}function h(s,f){return typeof s=="object"&&s!==null?s.value===f:String(s)===String(f)}async function d(s,f){if(!l.value[s])return;const u=i(s),m=Object.keys(u);if(!(m.length===0||!m.every(V=>u[V]!==void 0&&u[V]!==null)))try{const V=l.value[s],p=await V(f,u);if(!n.value[s])return;n.value[s].options=p;const x=n.value[s].value;if(!x)return;c(x,p)||(n.value[s].value=n.value[s].multiple?[]:"")}catch(V){console.error(`Error loading options for ${s}:`,V)}}return e.watch([r,a],()=>{Object.entries(t.value).forEach(([s,f])=>{(r.value[s]!==void 0||a.value[s]!==void 0)&&f.forEach(u=>{d(u)})})},{deep:!0,immediate:!0}),{registerDependency:o,updateOptions:d}}const Z={install(n){n.component("VForm",ae),n.component("TextInput",se),n.component("DateInput",ce),n.component("NumberInput",ie),n.component("EmailInput",de),n.component("PasswordInput",fe),n.component("SelectInput",me),n.component("TextAreaInput",ve),n.component("RepeatInput",Ve),n.component("CheckboxInput",ge),n.component("RadioInput",Ce),n.directive("maskito",Q.maskito)}};exports.VForm=Z;exports.default=Z;exports.useDataTransformation=K;exports.useDependentOptions=xe;exports.useFormValidation=z;exports.useInputValidation=A;
 //# sourceMappingURL=index.cjs.js.map