@uniquedj95/vform 3.1.1 → 3.1.3

package/README.md

@@ -6,7 +6,7 @@
 
 A dynamic form builder for Vue.js with Ionic components
 
-[![Version](https://img.shields.io/badge/version-3.1.1-blue.svg)](https://github.com/uniquedj95/vform/releases)
+[![Version](https://img.shields.io/badge/version-3.1.3-blue.svg)](https://github.com/uniquedj95/vform/releases)
 [![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](https://opensource.org/licenses/MIT)
 [![Vue Version](https://img.shields.io/badge/vue-3.5+-brightgreen.svg)](https://vuejs.org/)
 [![TypeScript](https://img.shields.io/badge/TypeScript-5.5-blue)](https://www.typescriptlang.org/)

package/dist/components/vForm.vue.d.ts

@@ -16,7 +16,7 @@ declare const _default: import('vue').DefineComponent<FormProps, {
     isFormValid: () => Promise<boolean>;
     resolveData: () => {
         formData: FormData;
-        computedData: ComputedData;
+        computedData: any;
     };
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     clear: () => any;

package/dist/composables/useDataTransformation.d.ts

@@ -6,6 +6,6 @@ import { FormData, FormSchema, ComputedData } from 'types';
  */
 export declare function useDataTransformation(activeSchema: Ref<FormSchema>): {
     formData: import('vue').ComputedRef<FormData>;
-    computedData: import('vue').ComputedRef<ComputedData>;
+    computedData: ComputedData;
 };
 //# sourceMappingURL=useDataTransformation.d.ts.map

package/dist/composables/useDataTransformation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDataTransformation.d.ts","sourceRoot":"","sources":["../../src/composables/useDataTransformation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,GAAG,EAAE,MAAM,KAAK,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,YAAY,EAAU,MAAM,OAAO,CAAC;AAEnE;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,YAAY,EAAE,GAAG,CAAC,UAAU,CAAC;;;EAqDlE"}
+{"version":3,"file":"useDataTransformation.d.ts","sourceRoot":"","sources":["../../src/composables/useDataTransformation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,GAAG,EAAS,MAAM,KAAK,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,YAAY,EAAU,MAAM,OAAO,CAAC;AAGnE;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,YAAY,EAAE,GAAG,CAAC,UAAU,CAAC;;;EA+IlE"}

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