@uniquedj95/vform 3.3.0 → 3.4.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"),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;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),y=require("@ionic/vue"),q=require("ionicons/icons"),oe=require("@maskito/vue");function ne(o){return new Promise(r=>{requestAnimationFrame(async()=>{const a=await o.getInputElement();r(a)})})}const le={d:/\d/,a:/[A-Za-z]/,"*":/[A-Za-z0-9]/},ae={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 re(o,r){const a=ae[o];return a[r%a.length]}function ue(o){const r=[];let a="",t=0,n=0;for(;t<o.length;){const u=o[t];if(["d","a","*"].includes(u)){let i=1;if(o[t+1]==="{"){const s=o.indexOf("}",t+2);if(s!==-1){const g=o.slice(t+2,s);if(g.includes(",")){const[,p]=g.split(",").map(d=>parseInt(d.trim()));i=p||parseInt(g.split(",")[0])}else i=parseInt(g);t=s}}else{let s=t+1;for(;o[s]===u;)i++,s++;t=s-1}for(let s=0;s<i;s++)r.push(le[u]),a+=re(u,n++)}else r.push(u),a+=u;t++}return{mask:r,placeholder:a,elementPredicate:ne}}function H(o){return o==null||Array.isArray(o)&&!o.length||typeof o=="object"&&!Object.keys(o).length||!o}function U(o,r,a){return typeof o.condition=="function"?o.condition(r,a):!0}function K(o){if(typeof o!="object"||o===null)return o;if(Array.isArray(o))return o.map(a=>K(a));const r={};return Object.entries(o).forEach(([a,t])=>{typeof t=="function"?r[a]=t.bind(r):r[a]=K(t)}),r}function Q(o,r){return r.findIndex(a=>a.value===o.value||a.label===o.label||a.value===o.label||a.label===o.value)}function T(o,r){const a=Q(o,r);a>=0?r[a].isChecked=!0:r.push({...o,isChecked:!0})}function J(o,r){const a=Q(o,r);a>=0&&(r[a].isChecked=!1)}function se(o){o.forEach(r=>{r.isChecked=!1})}function ie(o,r){return r?o.filter(a=>JSON.stringify(a).toLowerCase().includes(r.toLowerCase())):o}function X(o){const r=o.label||"",a=o.required?" *":"";return r+a}function $(o,r){if(o===r)return!0;if(o==null||r==null||typeof o!=typeof r)return!1;if(typeof o!="object")return o===r;if(Array.isArray(o)&&Array.isArray(r))return o.length!==r.length?!1:o.every((n,u)=>$(n,r[u]));if(Array.isArray(o)!==Array.isArray(r))return!1;const a=Object.keys(o),t=Object.keys(r);return a.length!==t.length?!1:a.every(n=>Object.prototype.hasOwnProperty.call(r,n)&&$(o[n],r[n]))}function W(){const o=e.ref([]);async function r(){console.debug("Validating form inputs");const u=[];for(const i of o.value)if(typeof(i==null?void 0:i.onValueUpdate)=="function"&&await i.onValueUpdate(),typeof(i==null?void 0:i.getErrors)=="function")try{const s=i.getErrors();Array.isArray(s)?u.push(...s):console.warn("getErrors() returned non-array value:",s)}catch(s){console.error("Error calling getErrors on component:",s,i)}else console.warn("Component does not have getErrors function:",i);return u.every(H)}function a(){o.value.forEach(u=>{typeof(u==null?void 0:u.onReset)=="function"&&u.onReset()})}function t(){const u=[];for(const i of o.value)if(typeof(i==null?void 0:i.getErrors)=="function")try{const s=i.getErrors();Array.isArray(s)?u.push(...s):u.push(String(s))}catch(s){console.error("Error calling getErrors on component:",s,i)}return u}async function n(){for(const u of o.value)typeof(u==null?void 0:u.onValueUpdate)=="function"&&await u.onValueUpdate()}return{dynamicRefs:o,isFormValid:r,resetForm:a,getFormErrors:t,updateFormValues:n}}function Y(o){const r=e.computed(()=>Object.entries(o.value).reduce((p,[d,f])=>(f.value!==void 0&&(typeof f.onChange=="function"?p[d]=f.onChange(f.value,o.value):p[d]=f.value),p),{})),a=e.ref({}),t=(p,d,f)=>{var c;return typeof((c=o.value[p].children[d])==null?void 0:c.computedValue)=="function"?o.value[p].children[d].computedValue(f,o.value):f},n=(p,d,f,c)=>{a.value[p][c]||(a.value[p][c]={}),Object.entries(d.other??{}).forEach(([m,k])=>{var B;!$(k,(B=f.other)==null?void 0:B[m])&&(a.value[p][c][m]=t(p,m,k))})},u=(p,d,f)=>{d.forEach((c,m)=>{const k=f[m]??{other:{}};n(p,c,k,m)})},i=(p,{other:d})=>Object.entries(d??{}).reduce((f,[c,m])=>(f[c]=t(p,c,m),f),{}),s=(p,d,f)=>{a.value[p]||(a.value[p]=[]);const c=d;Array.isArray(f[p])?u(p,c,f[p]):a.value[p]=c.map(m=>i(p,m))},g=(p,d,f)=>{if(!d){delete a.value[p];return}const c=o.value[p];c.children!==void 0?s(p,d,f):typeof c.computedValue=="function"&&(a.value[p]=c.computedValue(d,o.value))};return e.watch(r,(p,d={})=>{Object.keys(p).forEach(f=>{$(p[f],d[f])||g(f,p[f],d)}),Object.keys(d).forEach(f=>{!(f in p)&&f in a.value&&delete a.value[f]})},{immediate:!0,deep:!0}),{formData:r,computedData:a}}function ee(o){const r=e.ref(0),a=e.ref({}),t=e.ref({}),n=e.ref({});function u(C){const l={};return Object.entries(C.schema).forEach(([v,V])=>{l[v]=V.value}),l}o.steps.forEach(C=>{a.value[C.id]=u(C),t.value[C.id]={},n.value[C.id]=[]});const i=e.computed(()=>o.steps[r.value]),s=e.computed(()=>r.value===0),g=e.computed(()=>r.value===o.steps.length-1),p=e.computed(()=>!g.value),d=e.computed(()=>!s.value),f=e.computed(()=>o.steps.length),c=e.computed(()=>f.value===0?0:Math.round((r.value+1)/f.value*100)),m=e.computed(()=>{const C={};return Object.values(a.value).forEach(l=>{Object.assign(C,l)}),C}),k=e.computed(()=>{const C={};return Object.values(t.value).forEach(l=>{Object.assign(C,l)}),C});function w(C,l){a.value[C]={...a.value[C],...l}}function B(C,l){t.value[C]={...t.value[C],...l}}function S(C){const l=o.steps.find(v=>v.id===C);l&&(a.value[C]=u(l),t.value[C]={})}async function b(){const C=i.value;if(!C)return!0;const l=[];if(C.validation){const v=await C.validation(a.value[C.id],t.value[C.id]);v&&l.push(...v)}return n.value[C.id]=l,l.length===0}async function x(C){return C<0||C>=o.steps.length||C>r.value&&!await b()?!1:(r.value=C,!0)}async function O(){return p.value?x(r.value+1):!1}async function F(){return d.value?x(r.value-1):!1}function D(){r.value=0,n.value={},o.steps.forEach(C=>{S(C.id),n.value[C.id]=[]})}async function E(){let C=!0;for(const l of o.steps)if(l.validation){const v=await l.validation(a.value[l.id],t.value[l.id]);n.value[l.id]=v||[],v&&v.length>0&&(C=!1)}return C}function N(){return{steps:{...a.value},computedSteps:{...t.value},allFormData:m.value,allComputedData:k.value}}return{currentStepIndex:r,currentStep:i,stepData:a,stepComputedData:t,stepValidationErrors:n,isFirstStep:s,isLastStep:g,canGoNext:p,canGoPrevious:d,totalSteps:f,progressPercentage:c,allFormData:m,allComputedData:k,updateStepData:w,updateStepComputedData:B,clearStepData:S,validateCurrentStep:b,goToStep:x,nextStep:O,previousStep:F,resetForm:D,validateAllSteps:E,getMultiStepFormData:N}}const ce={class:"step-indicator__container"},de=["onClick"],pe={class:"step-indicator__step-content"},fe={class:"step-indicator__step-marker"},me={class:"step-indicator__step-info"},ve={class:"step-indicator__step-title"},he={key:0,class:"step-indicator__step-subtitle"},ge={key:0,class:"step-indicator__progress"},ke={class:"step-indicator__progress-bar"},ye={class:"step-indicator__progress-text"},Ce=e.defineComponent({__name:"StepIndicator",props:{steps:{},activeStepIndex:{},position:{},showProgress:{type:Boolean,default:!0},allowNavigation:{type:Boolean,default:!1}},emits:["step-click"],setup(o,{emit:r}){const a=o,t=r,n=e.computed(()=>a.steps.length===0?0:(a.activeStepIndex+1)/a.steps.length*100);function u(i){a.allowNavigation&&t("step-click",i)}return(i,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["step-indicator",[`step-indicator--${i.position}`,{"step-indicator--clickable":i.allowNavigation}]])},[e.createElementVNode("div",ce,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.steps,(g,p)=>(e.openBlock(),e.createElementBlock("div",{key:g.id,class:e.normalizeClass(["step-indicator__step",{"step-indicator__step--active":p===i.activeStepIndex,"step-indicator__step--completed":p<i.activeStepIndex,"step-indicator__step--clickable":i.allowNavigation}]),onClick:d=>u(p)},[e.createElementVNode("div",pe,[e.createElementVNode("div",fe,[e.createElementVNode("span",null,e.toDisplayString(p+1),1)]),e.createElementVNode("div",me,[e.createElementVNode("div",ve,e.toDisplayString(g.title),1),g.subtitle?(e.openBlock(),e.createElementBlock("div",he,e.toDisplayString(g.subtitle),1)):e.createCommentVNode("",!0)])]),p<i.steps.length-1?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["step-indicator__connector",{"step-indicator__connector--completed":p<i.activeStepIndex}])},null,2)):e.createCommentVNode("",!0)],10,de))),128))]),i.showProgress&&(i.position==="top"||i.position==="bottom")?(e.openBlock(),e.createElementBlock("div",ge,[e.createElementVNode("div",ke,[e.createElementVNode("div",{class:"step-indicator__progress-fill",style:e.normalizeStyle({width:`${n.value}%`})},null,4)]),e.createElementVNode("div",ye," Step "+e.toDisplayString(i.activeStepIndex+1)+" of "+e.toDisplayString(i.steps.length),1)])):e.createCommentVNode("",!0)],2))}}),j=(o,r)=>{const a=o.__vccOpts||o;for(const[t,n]of r)a[t]=n;return a},L=j(Ce,[["__scopeId","data-v-aca1a6d0"]]),Ve={class:"v-form-container"},Be={key:0,class:"multi-step-form"},we={class:"multi-step-form-content"},Se={class:"step-nav-buttons"},be={class:"step-action-buttons"},_e={class:"step-nav-buttons"},xe={key:1,class:"step-progress-bottom"},Ee={class:"step-progress-bar"},Ne={class:"step-progress-text"},Ie=e.defineComponent({__name:"vForm",props:{schema:{},multiStepConfig:{},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","multi-step-submit","step-change","clear","cancel"],setup(o,{expose:r,emit:a}){const t=o,n=a,u=e.computed(()=>!!t.multiStepConfig),i=e.ref(t.schema||{}),s=t.multiStepConfig?ee(t.multiStepConfig):null,{dynamicRefs:g,isFormValid:p,resetForm:d}=W(),{formData:f,computedData:c}=Y(i),m=e.computed(()=>(s==null?void 0:s.currentStepIndex.value)??0),k=e.computed(()=>s==null?void 0:s.currentStep.value),w=e.computed(()=>(s==null?void 0:s.isLastStep.value)??!0),B=e.computed(()=>(s==null?void 0:s.canGoNext.value)??!1),S=e.computed(()=>(s==null?void 0:s.canGoPrevious.value)??!1),b=e.computed(()=>!u.value||!s?0:s.progressPercentage.value);e.watch(()=>k.value,l=>{l&&u.value&&(i.value=l.schema)},{immediate:!0}),e.watch([f,c],([l,v])=>{u.value&&s&&k.value&&(s.updateStepData(k.value.id,l),s.updateStepComputedData(k.value.id,v))},{deep:!0}),e.watch(()=>t.schema,l=>{if(!u.value&&l){i.value=l;for(const[v,V]of Object.entries(l))V.value!==void 0&&(i.value[v].value=V.value)}},{deep:!0,immediate:!0});async function x(){if(u.value&&s){if(!await s.validateAllSteps())return;const v=s.getMultiStepFormData();n("multi-step-submit",v)}else{if(!await p())return;n("submit",f.value,c.value)}}function O(){u.value&&s?s.resetForm():d(),n("clear")}function F(){u.value&&s&&k.value&&s.clearStepData(k.value.id)}function D(){u.value&&s?s.resetForm():d(),n("cancel")}async function E(){if(s){if(!await p())return;await s.nextStep()&&k.value&&n("step-change",m.value,k.value.id)}}async function N(){s&&await s.previousStep()&&k.value&&n("step-change",m.value,k.value.id)}async function C(l){if(s){if(l>m.value&&!await p())return;await s.goToStep(l)&&k.value&&n("step-change",l,k.value.id)}}return e.watch(f,async()=>{var l;for(const[v,V]of Object.entries(i.value))if(!U(V,f.value,c.value)){const h=u.value&&k.value?k.value.schema[v]:(l=t.schema)==null?void 0:l[v];h&&(V.value=h.value)}},{deep:!0,immediate:!0}),r({resetForm:O,isFormValid:p,resolveData:()=>u.value&&s?s.getMultiStepFormData():{formData:f.value,computedData:c.value},nextStep:E,previousStep:N,goToStep:C,getCurrentStep:()=>k.value,getCurrentStepIndex:()=>m.value}),(l,v)=>{var V;return e.openBlock(),e.createElementBlock("div",Ve,[u.value?(e.openBlock(),e.createElementBlock("div",Be,[l.multiStepConfig&&l.multiStepConfig.stepPosition==="top"?(e.openBlock(),e.createBlock(L,{key:0,steps:l.multiStepConfig.steps,"active-step-index":m.value,position:l.multiStepConfig.stepPosition||"top","show-progress":l.multiStepConfig.showProgress,"allow-navigation":l.multiStepConfig.allowStepNavigation,onStepClick:C},null,8,["steps","active-step-index","position","show-progress","allow-navigation"])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(["multi-step-content",`multi-step-content--${((V=l.multiStepConfig)==null?void 0:V.stepPosition)||"top"}`])},[l.multiStepConfig&&l.multiStepConfig.stepPosition==="left"?(e.openBlock(),e.createBlock(L,{key:0,steps:l.multiStepConfig.steps,"active-step-index":m.value,position:l.multiStepConfig.stepPosition??"top","show-progress":l.multiStepConfig.showProgress,"allow-navigation":l.multiStepConfig.allowStepNavigation,onStepClick:C,class:"multi-step-sidebar"},null,8,["steps","active-step-index","position","show-progress","allow-navigation"])):e.createCommentVNode("",!0),e.createElementVNode("div",we,[e.createVNode(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(i.value),h=>{var _,I,R,M,z;return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.unref(U)(i.value[h],e.unref(f),e.unref(c))?(e.openBlock(),e.createBlock(e.unref(y.IonCol),{key:h,size:((_=i.value[h].grid)==null?void 0:_.xs)??"12","size-sm":(I=i.value[h].grid)==null?void 0:I.sm,"size-md":(R=i.value[h].grid)==null?void 0:R.md,"size-lg":(M=i.value[h].grid)==null?void 0:M.lg,"size-xl":(z=i.value[h].grid)==null?void 0:z.xl,class:"ion-margin-vertical"},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(i.value[h].type),{modelValue:i.value[h],"onUpdate:modelValue":G=>i.value[h]=G,schema:i.value,"form-id":h,ref_for:!0,ref_key:"dynamicRefs",ref:g,"ref-key":h},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})]),_:1}),l.hideButtons?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(y.IonRow),{key:0,class:"multi-step-buttons"},{default:e.withCtx(()=>[e.createVNode(e.unref(y.IonCol),{size:"12",class:"button-container"},{default:e.withCtx(()=>[e.createElementVNode("div",Se,[S.value?(e.openBlock(),e.createBlock(e.unref(y.IonButton),{key:0,onClick:N,fill:"outline"},{default:e.withCtx(()=>v[0]||(v[0]=[e.createTextVNode(" Previous ")])),_:1,__:[0]})):e.createCommentVNode("",!0)]),e.createElementVNode("div",be,[l.showCancelButton?(e.openBlock(),e.createBlock(e.unref(y.IonButton),{key:0,onClick:D,fill:"outline"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.cancelButtonText??"Cancel"),1)]),_:1})):e.createCommentVNode("",!0),l.showClearButton?(e.openBlock(),e.createBlock(e.unref(y.IonButton),{key:1,onClick:F,fill:"outline"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.clearButtonText??"Reset"),1)]),_:1})):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.customButtons,h=>(e.openBlock(),e.createBlock(e.unref(y.IonButton),{key:h.label,onClick:h.action,color:h.color??"primary"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(h.label),1)]),_:2},1032,["onClick","color"]))),128))]),e.createElementVNode("div",_e,[B.value?(e.openBlock(),e.createBlock(e.unref(y.IonButton),{key:0,onClick:E},{default:e.withCtx(()=>v[1]||(v[1]=[e.createTextVNode(" Next ")])),_:1,__:[1]})):e.createCommentVNode("",!0),w.value?(e.openBlock(),e.createBlock(e.unref(y.IonButton),{key:1,onClick:x},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.submitButtonText??"Submit"),1)]),_:1})):e.createCommentVNode("",!0)])]),_:1})]),_:1})),l.multiStepConfig&&(l.multiStepConfig.stepPosition==="left"||l.multiStepConfig.stepPosition==="right")&&l.multiStepConfig.showProgress?(e.openBlock(),e.createElementBlock("div",xe,[e.createElementVNode("div",Ee,[e.createElementVNode("div",{class:"step-progress-fill",style:e.normalizeStyle({width:`${b.value}%`})},null,4)]),e.createElementVNode("div",Ne," Step "+e.toDisplayString(m.value+1)+" of "+e.toDisplayString(l.multiStepConfig.steps.length),1)])):e.createCommentVNode("",!0)]),l.multiStepConfig&&l.multiStepConfig.stepPosition==="right"?(e.openBlock(),e.createBlock(L,{key:1,steps:l.multiStepConfig.steps,"active-step-index":m.value,position:l.multiStepConfig.stepPosition,"show-progress":l.multiStepConfig.showProgress,"allow-navigation":l.multiStepConfig.allowStepNavigation,onStepClick:C,class:"multi-step-sidebar"},null,8,["steps","active-step-index","position","show-progress","allow-navigation"])):e.createCommentVNode("",!0)],2),l.multiStepConfig&&l.multiStepConfig.stepPosition==="bottom"?(e.openBlock(),e.createBlock(L,{key:1,steps:l.multiStepConfig.steps,"active-step-index":m.value,position:l.multiStepConfig.stepPosition,"show-progress":l.multiStepConfig.showProgress,"allow-navigation":l.multiStepConfig.allowStepNavigation,onStepClick:C},null,8,["steps","active-step-index","position","show-progress","allow-navigation"])):e.createCommentVNode("",!0)])):(e.openBlock(),e.createBlock(e.unref(y.IonGrid),{key:1},{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(i.value),h=>{var _,I,R,M,z;return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.unref(U)(i.value[h],e.unref(f),e.unref(c))?(e.openBlock(),e.createBlock(e.unref(y.IonCol),{key:h,size:((_=i.value[h].grid)==null?void 0:_.xs)??"12","size-sm":(I=i.value[h].grid)==null?void 0:I.sm,"size-md":(R=i.value[h].grid)==null?void 0:R.md,"size-lg":(M=i.value[h].grid)==null?void 0:M.lg,"size-xl":(z=i.value[h].grid)==null?void 0:z.xl,class:"ion-margin-vertical"},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(i.value[h].type),{modelValue:i.value[h],"onUpdate:modelValue":G=>i.value[h]=G,schema:i.value,"form-id":h,ref_for:!0,ref_key:"dynamicRefs",ref:g,"ref-key":h},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}),l.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:l.buttonPlacement}])},{default:e.withCtx(()=>[l.showCancelButton?(e.openBlock(),e.createBlock(e.unref(y.IonButton),{key:0,onClick:D},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.cancelButtonText??"Cancel"),1)]),_:1})):e.createCommentVNode("",!0),l.showClearButton?(e.openBlock(),e.createBlock(e.unref(y.IonButton),{key:1,onClick:O},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.clearButtonText??"Reset"),1)]),_:1})):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.customButtons,h=>(e.openBlock(),e.createBlock(e.unref(y.IonButton),{key:h.label,onClick:h.action,color:h.color??"primary"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(h.label),1)]),_:2},1032,["onClick","color"]))),128)),e.createVNode(e.unref(y.IonButton),{onClick:x},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.submitButtonText??"Submit"),1)]),_:1})]),_:1},8,["style"])]),_:1}))]),_:1}))])}}}),Oe=j(Ie,[["__scopeId","data-v-3850cccc"]]);function De(o){return{applyValidationState:async t=>{var n,u,i,s,g;(n=o.value)==null||n.$el.classList.remove("ion-invalid"),(u=o.value)==null||u.$el.classList.remove("ion-valid"),t?(i=o.value)==null||i.$el.classList.add("ion-valid"):(s=o.value)==null||s.$el.classList.add("ion-invalid"),(g=o.value)==null||g.$el.classList.add("ion-touched")},resetValidationState:()=>{var t,n;(t=o.value)==null||t.$el.classList.remove("ion-touched"),(n=o.value)==null||n.$el.classList.remove("ion-invalid")}}}function A(o,r,a,t,n){const{applyValidationState:u,resetValidationState:i}=De(o);async function s(){if(r.value.required&&!a.value)return r.value.error="This field is required",!1;if(n){const c=await n(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 g(){const c=await s();c&&(r.value.error="",r.value.value=a.value),await u(c)}function p(){i(),r.value.error=""}function d(c=""){a.value=c,r.value.error="",r.value.value=c}function f(){return r.value.error?[r.value.error]:[]}return{isValid:s,onValueUpdate:g,onFocus:p,onReset:d,getErrors:f,applyValidationState:u,resetValidationState:i}}function Fe(o){const r=e.computed(()=>!!o.value.label),a=e.computed(()=>!!o.value.required),t=e.computed(()=>o.value.label||"");return{showLabel:r,showRequired:a,labelText:t}}const Z=e.defineComponent({__name:"InputLabel",props:{model:{}},setup(o){const r=o,{showLabel:a,showRequired:t,labelText:n}=Fe(e.toRef(r,"model"));return(u,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(n))+" ",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)}}),P=e.defineComponent({__name:"BaseInput",props:e.mergeModels({schema:{},type:{}},{modelValue:{type:Object,default:{}},modelModifiers:{}}),emits:["update:modelValue"],setup(o,{expose:r}){const a=o,t=e.useModel(o,"modelValue"),n=e.ref(null),u=e.ref(t.value.value),i=e.computed(()=>a.schema),{isValid:s,onValueUpdate:g,onFocus:p,onReset:d,getErrors:f}=A(n,t,u,i),c=e.computed(()=>{if(t.value.pattern)return ue(t.value.pattern)});return e.watch(()=>t.value.value,m=>u.value=m),r({onValueUpdate:g,onReset:d,getErrors:f,isValid:s}),(m,k)=>{var B;const w=e.resolveDirective("maskito");return e.withDirectives((e.openBlock(),e.createBlock(e.unref(y.IonInput),{ref_key:"inputRef",ref:n,modelValue:u.value,"onUpdate:modelValue":k[0]||(k[0]=S=>u.value=S),"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:((B=c.value)==null?void 0:B.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(p),onIonChange:e.unref(g),onIonBlur:e.unref(g)},{default:e.withCtx(()=>[e.createVNode(Z,{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"])),[[w,c.value]])}}}),Re=e.defineComponent({__name:"TextInput",props:e.mergeModels({schema:{}},{modelValue:{type:Object,default:{}},modelModifiers:{}}),emits:["update:modelValue"],setup(o,{expose:r}){const a=e.useModel(o,"modelValue"),t=e.ref(null);return r({onReset:()=>{var n;return(n=t.value)==null?void 0:n.onReset()},onValueUpdate:()=>{var n;return(n=t.value)==null?void 0:n.onValueUpdate()},getErrors:()=>{var n,u;return((u=(n=t.value)==null?void 0:n.getErrors)==null?void 0:u.call(n))??[]}}),(n,u)=>(e.openBlock(),e.createBlock(P,{modelValue:a.value,"onUpdate:modelValue":u[0]||(u[0]=i=>a.value=i),type:"text",schema:n.schema,ref_key:"inputRef",ref:t},null,8,["modelValue","schema"]))}}),Te=e.defineComponent({__name:"DateInput",props:e.mergeModels({schema:{}},{modelValue:{type:Object,default:{}},modelModifiers:{}}),emits:["update:modelValue"],setup(o,{expose:r}){const a=e.useModel(o,"modelValue"),t=e.ref(null);return r({onValueUpdate:()=>{var n;return(n=t.value)==null?void 0:n.onValueUpdate()},onReset:()=>{var n;return(n=t.value)==null?void 0:n.onReset()},getErrors:()=>{var n,u;return((u=(n=t.value)==null?void 0:n.getErrors)==null?void 0:u.call(n))??[]}}),(n,u)=>(e.openBlock(),e.createBlock(P,{modelValue:a.value,"onUpdate:modelValue":u[0]||(u[0]=i=>a.value=i),type:a.value.enableTime?"datetime-local":"date",schema:n.schema,ref_key:"inputRef",ref:t},null,8,["modelValue","type","schema"]))}}),Ae=e.defineComponent({__name:"NumberInput",props:e.mergeModels({schema:{}},{modelValue:{type:Object,default:{}},modelModifiers:{}}),emits:["update:modelValue"],setup(o,{expose:r}){const a=e.useModel(o,"modelValue"),t=e.ref(null);return r({onReset:()=>{var n;return(n=t.value)==null?void 0:n.onReset()},onValueUpdate:()=>{var n;return(n=t.value)==null?void 0:n.onValueUpdate()},getErrors:()=>{var n,u;return((u=(n=t.value)==null?void 0:n.getErrors)==null?void 0:u.call(n))??[]}}),(n,u)=>(e.openBlock(),e.createBlock(P,{modelValue:a.value,"onUpdate:modelValue":u[0]||(u[0]=i=>a.value=i),type:"number",schema:n.schema,ref_key:"inputRef",ref:t},null,8,["modelValue","schema"]))}}),Me=e.defineComponent({__name:"EmailInput",props:e.mergeModels({schema:{}},{modelValue:{type:Object,default:{}},modelModifiers:{}}),emits:["update:modelValue"],setup(o,{expose:r}){const a=e.useModel(o,"modelValue"),t=e.ref(null);return r({onReset:()=>{var n;return(n=t.value)==null?void 0:n.onReset()},onValueUpdate:()=>{var n;return(n=t.value)==null?void 0:n.onValueUpdate()},getErrors:()=>{var n,u;return((u=(n=t.value)==null?void 0:n.getErrors)==null?void 0:u.call(n))??[]}}),(n,u)=>(e.openBlock(),e.createBlock(P,{modelValue:a.value,"onUpdate:modelValue":u[0]||(u[0]=i=>a.value=i),type:"email",schema:n.schema,ref_key:"inputRef",ref:t},null,8,["modelValue","schema"]))}}),ze=e.defineComponent({__name:"PasswordInput",props:e.mergeModels({schema:{}},{modelValue:{type:Object,default:{}},modelModifiers:{}}),emits:["update:modelValue"],setup(o,{expose:r}){const a=e.useModel(o,"modelValue"),t=e.ref(null);return r({onReset:()=>{var n;return(n=t.value)==null?void 0:n.onReset()},onValueUpdate:()=>{var n;return(n=t.value)==null?void 0:n.onValueUpdate()},getErrors:()=>{var n,u;return((u=(n=t.value)==null?void 0:n.getErrors)==null?void 0:u.call(n))??[]}}),(n,u)=>(e.openBlock(),e.createBlock(P,{modelValue:a.value,"onUpdate:modelValue":u[0]||(u[0]=i=>a.value=i),type:"password",schema:n.schema,ref_key:"inputRef",ref:t},null,8,["modelValue","schema"]))}}),$e=e.defineComponent({__name:"SelectInput",props:e.mergeModels({schema:Object,type:String,formId:String},{modelValue:{type:Object,default:{}},modelModifiers:{}}),emits:["update:modelValue"],setup(o,{expose:r}){const a=o,t=e.useModel(o,"modelValue"),n=e.ref(null),u=e.ref(null),i=e.ref(!1),s=e.ref([]),g=e.ref(""),p=e.ref(1),d=e.computed(()=>t.value.interface??"popover"),f=e.computed(()=>t.value.optionsPlacement==="top"?"top":"bottom"),c=e.computed(()=>s.value.filter(l=>!!l.isChecked)),m=e.computed(()=>!g.value&&H(c.value)&&!i.value?t.value.placeholder??"Select an option":"");e.watch([g,()=>t.value.options],N,{immediate:!0,deep:!0}),e.watch(()=>t.value.value,C,{immediate:!0,deep:!0}),e.watch(()=>!t.value.dependsOn||!a.schema?null:(Array.isArray(t.value.dependsOn)?t.value.dependsOn:[t.value.dependsOn]).map(v=>{var V;return(V=a.schema[v])==null?void 0:V.value}),async(l,v)=>{l&&v&&!$(l,v)&&(k(),s.value=[],await N())},{deep:!0});function k(){t.value.error="",g.value="",p.value=1,t.value.value=t.value.multiple?[]:"",se(s.value)}function w(l){if(l.isChecked)return J(l,s.value);t.value.multiple?T(l,s.value):(k(),T(l,s.value),E()),g.value=""}function B(){switch(d.value){case"action-sheet":S();break;case"alert":b();break;case"popover":default:i.value=!0;break}}async function S(){if(await N(),t.value.multiple){i.value=!0;return}await(await y.actionSheetController.create({header:t.value.label||"Select an option",buttons:[...s.value.map(v=>({text:v.label,cssClass:v.isChecked?"selected-option":"",handler:()=>(w(v),!1)})),{text:"Cancel",role:"cancel"}]})).present()}async function b(){await N();const l=s.value.map(V=>({label:V.label,type:t.value.multiple?"checkbox":"radio",value:V,checked:V.isChecked}));await(await y.alertController.create({header:t.value.label||"Select an option",inputs:l,buttons:[{text:"Cancel",role:"cancel"},{text:"OK",handler:V=>{if(t.value.multiple)s.value.forEach(h=>J(h,s.value)),V.forEach(h=>{const _=s.value.find(I=>I.value===h.value);_&&T(_,s.value)});else{k();const h=s.value.find(_=>_.value===V.value);h&&T(h,s.value)}E()}}]})).present()}async function x(){if(t.value.required&&H(c.value))return"This field is required";if(t.value.validation){const l=await t.value.validation(c.value,a==null?void 0:a.schema);if(l&&l.length)return l.join()}return!0}const{onFocus:O,applyValidationState:F}=A(n,t,e.computed(()=>t.value.multiple?c.value:c.value[0]),e.computed(()=>a==null?void 0:a.schema),x);function D(l){var v;l.target===((v=n.value)==null?void 0:v.$el)&&(O(),d.value==="popover"&&(i.value=!0))}async function E(l){var V;if((V=l==null?void 0:l.relatedTarget)!=null&&V.closest(".suggestions-list"))return;i.value=!1;const v=await x();v===!0?(t.value.error="",t.value.value=t.value.multiple?c.value:c.value[0]):t.value.error=typeof v=="string"?v:"Validation failed",await F(v===!0)}async function N(){const l=[];if(typeof t.value.options=="function"){let v={};t.value.dependsOn&&a.schema&&(v=(Array.isArray(t.value.dependsOn)?t.value.dependsOn:[t.value.dependsOn]).reduce((_,I)=>{var R;return _[I]=(R=a.schema[I])==null?void 0:R.value,_},{}));const V=await t.value.options(g.value,v);l.push(...V.filter(h=>!!h.label))}else Array.isArray(t.value.options)&&l.push(...ie(t.value.options,g.value));c.value.forEach(v=>T(v,l)),s.value=l}function C(){const l=t.value.value;l&&(Array.isArray(l)?l.forEach(v=>T(v,s.value)):T(typeof l=="object"?l:{value:l,label:l},s.value))}return e.onMounted(()=>{N()}),r({onValueUpdate:E,onReset:k,getErrors:()=>t.value.error?[t.value.error]:[]}),(l,v)=>(e.openBlock(),e.createElementBlock("div",{class:"autocomplete-container",onFocusout:E,ref_key:"containerRef",ref:u},[e.createVNode(e.unref(y.IonInput),{ref_key:"inputRef",ref:n,modelValue:g.value,"onUpdate:modelValue":v[0]||(v[0]=V=>g.value=V),fill:t.value.fill??"solid","label-placement":t.value.labelPlacement??"stacked",type:o.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:D,debounce:300,onClick:B},{default:e.withCtx(()=>[e.createVNode(Z,{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(c.value,(V,h)=>(e.openBlock(),e.createBlock(e.unref(y.IonChip),{key:h},{default:e.withCtx(()=>[e.createVNode(e.unref(y.IonLabel),null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(V.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 V;return[e.createTextVNode(e.toDisplayString(((V=c.value[0])==null?void 0:V.label)??""),1)]}),_:1})),e.createVNode(e.unref(y.IonIcon),{slot:"end",icon:e.unref(q.chevronDown)},null,8,["icon"]),c.value.length>0||g.value?(e.openBlock(),e.createBlock(e.unref(y.IonIcon),{key:2,slot:"end",icon:e.unref(q.close),onClick:k,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&&s.value.length>0&&d.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(s.value,V=>(e.openBlock(),e.createBlock(e.unref(y.IonItem),{button:"",key:V.label,onClick:h=>w(V)},{default:e.withCtx(()=>[t.value.multiple?(e.openBlock(),e.createBlock(e.unref(y.IonCheckbox),{key:0,slot:"start",checked:V.isChecked},null,8,["checked"])):e.createCommentVNode("",!0),e.createVNode(e.unref(y.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))}}),Pe=j($e,[["__scopeId","data-v-4766dec2"]]),Le=e.defineComponent({__name:"TextAreaInput",props:e.mergeModels({schema:{}},{modelValue:{type:Object,default:{}},modelModifiers:{}}),emits:["update:modelValue"],setup(o,{expose:r}){const a=o,t=e.useModel(o,"modelValue"),n=e.ref(null),u=e.ref(t.value.value),i=e.computed(()=>a.schema),{onValueUpdate:s,onFocus:g,onReset:p,getErrors:d}=A(n,t,u,i);return e.watch(()=>t.value.value,f=>u.value=f),r({onReset:p,onValueUpdate:s,getErrors:d}),(f,c)=>(e.openBlock(),e.createBlock(e.unref(y.IonTextarea),{ref_key:"inputRef",ref:n,modelValue:u.value,"onUpdate:modelValue":c[0]||(c[0]=m=>u.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(g),onIonChange:e.unref(s),onIonBlur:e.unref(s)},{default:e.withCtx(()=>[e.createVNode(Z,{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"]))}}),Ue={class:"ion-margin-end",style:{"flex-grow":"1"}},qe={style:{display:"flex","justify-content":"flex-end"}},je=e.defineComponent({__name:"RepeatInput",props:e.mergeModels({schema:{},data:{},computedData:{}},{modelValue:{type:Object,default:{}},modelModifiers:{}}),emits:["update:modelValue"],setup(o,{expose:r}){const a=e.useModel(o,"modelValue"),t=e.ref([]),{dynamicRefs:n,resetForm:u,getFormErrors:i,updateFormValues:s}=W(),g=e.computed(()=>t.value.map((k,w)=>({label:`Set ${w+1}`,value:w,other:Object.entries(k).reduce((B,[S,b])=>(B[S]=b.value,B),{})})));e.watch(g,k=>{a.value.value=k},{deep:!0,immediate:!0}),e.onMounted(p);function p(){a.value.children&&t.value.push(K(a.value.children))}function d(k){t.value.splice(k,1)}function f(){u()}function c(){return i()}async function m(){await s()}return r({onValueUpdate:m,onReset:f,getErrors:c}),(k,w)=>(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.value,(B,S)=>(e.openBlock(),e.createElementBlock("div",{class:"repeat-input-wrapper",key:S},[e.createElementVNode("div",Ue,[e.createVNode(e.unref(y.IonRow),null,{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(Object.keys(B),b=>{var x,O,F,D,E;return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.unref(U)(B[b],k.data,k.computedData)?(e.openBlock(),e.createBlock(e.unref(y.IonCol),{key:`${S}-${b}`,size:((x=B[b].grid)==null?void 0:x.xs)??"12","size-sm":(O=B[b].grid)==null?void 0:O.sm,"size-md":(F=B[b].grid)==null?void 0:F.md,"size-lg":(D=B[b].grid)==null?void 0:D.lg,"size-xl":(E=B[b].grid)==null?void 0:E.xl,class:"ion-margin-bottom"},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(B[b].type),{modelValue:B[b],"onUpdate:modelValue":N=>B[b]=N,schema:B,"ref-key":`${S}-${b}`,ref_for:!0,ref_key:"dynamicRefs",ref:n},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",qe,[S===t.value.length-1?(e.openBlock(),e.createBlock(e.unref(y.IonButton),{key:0,onClick:p,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=>d(S),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))}}),Ge=j(je,[["__scopeId","data-v-060bdf58"]]),He=e.defineComponent({__name:"CheckboxInput",props:e.mergeModels({schema:{}},{modelValue:{type:Object,default:{}},modelModifiers:{}}),emits:["update:modelValue"],setup(o,{expose:r}){const a=o,t=e.useModel(o,"modelValue"),n=e.ref(null),u=e.ref(t.value.value),i=e.computed(()=>a.schema),s=e.computed(()=>X(t.value)),{onValueUpdate:g,onFocus:p,getErrors:d}=A(n,t,u,i);function f(){u.value=!1,t.value.error="",t.value.value=!1}return e.watch(()=>t.value.value,c=>u.value=c),r({onValueUpdate:g,onReset:f,getErrors:d}),(c,m)=>(e.openBlock(),e.createBlock(e.unref(y.IonCheckbox),{modelValue:u.value,"onUpdate:modelValue":m[0]||(m[0]=k=>u.value=k),ref_key:"inputRef",ref:n,required:t.value.required,"error-text":t.value.error,disabled:t.value.disabled,onIonFocus:e.unref(p),onIonChange:e.unref(g),onIonBlur:e.unref(g)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(s.value),1)]),_:1},8,["modelValue","required","error-text","disabled","onIonFocus","onIonChange","onIonBlur"]))}}),Ke=e.defineComponent({__name:"RadioInput",props:e.mergeModels({schema:{}},{modelValue:{type:Object,default:{}},modelModifiers:{}}),emits:["update:modelValue"],setup(o,{expose:r}){const a=o,t=e.useModel(o,"modelValue"),n=e.ref(null),u=e.ref(t.value.value),i=e.computed(()=>a.schema),s=e.ref([]),g=e.computed(()=>X(t.value)),{onValueUpdate:p,onFocus:d,getErrors:f}=A(n,t,u,i);function c(){t.value.error="",u.value=void 0,t.value.value=void 0}function m(w,B){return w.value===B.value}async function k(){typeof t.value.options=="function"?s.value=await t.value.options():s.value=t.value.options}return e.watch(()=>t.value.value,w=>u.value=w),r({onValueUpdate:p,onReset:c,getErrors:f}),e.onMounted(k),(w,B)=>(e.openBlock(),e.createBlock(e.unref(y.IonRadioGroup),{modelValue:u.value,"onUpdate:modelValue":B[0]||(B[0]=S=>u.value=S),ref_key:"inputRef",ref:n,required:t.value.required,"helper-text":g.value,"error-text":t.value.error,disabled:t.value.disabled,compareWith:m,"allow-empty-selection":!t.value.required,onIonFocus:e.unref(d),onIonChange:e.unref(p),onIonBlur:e.unref(p)},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.value,S=>(e.openBlock(),e.createBlock(e.unref(y.IonRadio),{key:S.value,value:S,disabled:t.value.disabled,"label-placement":"end",justify:"start"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(S.label),1)]),_:2},1032,["value","disabled"]))),128))]),_:1},8,["modelValue","required","helper-text","error-text","disabled","allow-empty-selection","onIonFocus","onIonChange","onIonBlur"]))}});function We(o,r,a){const t=e.ref({}),n=e.ref({});function u(d,f,c){n.value[d]=c,f.forEach(m=>{var k;(k=t.value)[m]??(k[m]=[]),t.value[m].includes(d)||t.value[m].push(d)}),p(d)}function i(d){return Object.entries(t.value).filter(([,c])=>c.includes(d)).map(([c])=>c).reduce((c,m)=>(c[m]=r.value[m]??a.value[m],c),{})}function s(d,f){return d?Array.isArray(d)?d.some(c=>f.some(m=>g(c,m.value))):f.some(c=>g(d,c.value)):!1}function g(d,f){return typeof d=="object"&&d!==null?d.value===f:String(d)===String(f)}async function p(d,f){if(!n.value[d])return;const c=i(d),m=Object.keys(c);if(!(m.length===0||!m.every(w=>c[w]!==void 0&&c[w]!==null)))try{const w=n.value[d],B=await w(f,c);if(!o.value[d])return;o.value[d].options=B;const S=o.value[d].value;if(!S)return;s(S,B)||(o.value[d].value=o.value[d].multiple?[]:"")}catch(w){console.error(`Error loading options for ${d}:`,w)}}return e.watch([r,a],()=>{Object.entries(t.value).forEach(([d,f])=>{(r.value[d]!==void 0||a.value[d]!==void 0)&&f.forEach(c=>{p(c)})})},{deep:!0,immediate:!0}),{registerDependency:u,updateOptions:p}}const te={install(o){o.component("VForm",Oe),o.component("TextInput",Re),o.component("DateInput",Te),o.component("NumberInput",Ae),o.component("EmailInput",Me),o.component("PasswordInput",ze),o.component("SelectInput",Pe),o.component("TextAreaInput",Le),o.component("RepeatInput",Ge),o.component("CheckboxInput",He),o.component("RadioInput",Ke),o.directive("maskito",oe.maskito)}};exports.VForm=te;exports.default=te;exports.useDataTransformation=Y;exports.useDependentOptions=We;exports.useFormValidation=W;exports.useInputValidation=A;exports.useMultiStepForm=ee;
 //# sourceMappingURL=index.cjs.js.map