@uniquedj95/vform 3.4.0 → 3.4.1

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.4.0-blue.svg)](https://github.com/uniquedj95/vform/releases)
+[![Version](https://img.shields.io/badge/version-3.4.1-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/)
@@ -351,9 +351,8 @@ To create a multi-step form, define a `multiStepConfig` prop:
 ```vue
 <template>
   <v-form
-    :schema="formSchema"
     :multi-step-config="multiStepConfig"
-    @submit="handleSubmit"
+    @multi-step-submit="handleSubmit"
     @step-change="handleStepChange"
   />
 </template>
@@ -362,35 +361,6 @@ To create a multi-step form, define a `multiStepConfig` prop:
 import { reactive } from 'vue';
 import { FormSchema, MultiStepConfig } from '@uniquedj95/vform';
 
-const formSchema = reactive<FormSchema>({
-  // Personal Information Step
-  firstName: {
-    type: 'TextInput',
-    label: 'First Name',
-    required: true,
-  },
-  lastName: {
-    type: 'TextInput',
-    label: 'Last Name',
-    required: true,
-  },
-  // Contact Information Step
-  email: {
-    type: 'EmailInput',
-    label: 'Email',
-    required: true,
-  },
-  phone: {
-    type: 'TextInput',
-    label: 'Phone Number',
-  },
-  // Review Step
-  comments: {
-    type: 'TextAreaInput',
-    label: 'Additional Comments',
-  },
-});
-
 const multiStepConfig: MultiStepConfig = {
   steps: [
     {
@@ -398,8 +368,16 @@ const multiStepConfig: MultiStepConfig = {
       title: 'Personal Information',
       subtitle: 'Basic details about you',
       schema: {
-        firstName: formSchema.firstName,
-        lastName: formSchema.lastName,
+        firstName: {
+          type: 'TextInput',
+          label: 'First Name',
+          required: true,
+        },
+        lastName: {
+          type: 'TextInput',
+          label: 'Last Name',
+          required: true,
+        },
       },
     },
     {
@@ -407,8 +385,15 @@ const multiStepConfig: MultiStepConfig = {
       title: 'Contact Details',
       subtitle: 'How we can reach you',
       schema: {
-        email: formSchema.email,
-        phone: formSchema.phone,
+        email: {
+          type: 'EmailInput',
+          label: 'Email',
+          required: true,
+        },
+        phone: {
+          type: 'TextInput',
+          label: 'Phone Number',
+        },
       },
     },
     {
@@ -416,7 +401,10 @@ const multiStepConfig: MultiStepConfig = {
       title: 'Review & Submit',
       subtitle: 'Final review of your information',
       schema: {
-        comments: formSchema.comments,
+        comments: {
+          type: 'TextAreaInput',
+          label: 'Additional Comments',
+        },
       },
     },
   ],
@@ -425,9 +413,8 @@ const multiStepConfig: MultiStepConfig = {
   allowStepNavigation: true,
 };
 
-function handleSubmit(allData: FormData, perStepData: MultiStepFormData) {
+function handleSubmit(allData: MultiStepFormData) {
   console.log('All form data:', allData);
-  console.log('Per-step data:', perStepData);
 }
 
 function handleStepChange(stepIndex: number, stepId: string) {
@@ -522,15 +509,7 @@ const multiStepConfig: MultiStepConfig = {
 The `submit` event provides both the combined data from all steps and the per-step data structure:
 
 ```typescript
-// Combined data from all steps
-allData: FormData = {
-  firstName: 'John',
-  lastName: 'Doe',
-  email: 'john@example.com',
-  // ...
-};
-
-// Per-step data structure
+// multi-step data structure
 multiStepData: MultiStepFormData = {
   steps: {
     personal: { firstName: 'John', lastName: 'Doe' },
@@ -541,10 +520,10 @@ multiStepData: MultiStepFormData = {
     /* computed values per step */
   },
   allFormData: {
-    /* same as allData */
+    /* all form Data raw values */
   },
   allComputedData: {
-    /* all computed values */
+    /* all form data computed values */
   },
 };
 ```

package/dist/components/inputs/SelectInput.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/SelectInput.vue"],"names":[],"mappings":"AAiDA;AA0aA,OAAO,EAAiB,QAAQ,EAA6C,MAAM,KAAK,CAAC;AAEzF,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,SAAS,EAAU,MAAM,SAAS,CAAC;AAmFxE,iBAAS,OAAO,SAMf;AA6ID,iBAAe,aAAa,CAAC,GAAG,CAAC,EAAE,GAAG,iBAgBrC;;YA8XmB,QAAQ,CAAC,UAAU,CAAC;UACtB,QAAQ,CAAC,cAAc,CAAC;;;;;;;;;;;;YADtB,QAAQ,CAAC,UAAU,CAAC;UACtB,QAAQ,CAAC,cAAc,CAAC;;;;;;;;;;;;;;;;;;AAX1C,wBAiBG"}
+{"version":3,"file":"SelectInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/SelectInput.vue"],"names":[],"mappings":"AAiDA;AAodA,OAAO,EAAiB,QAAQ,EAA6C,MAAM,KAAK,CAAC;AAEzF,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,SAAS,EAAU,MAAM,SAAS,CAAC;AAoFxE,iBAAS,OAAO,SAMf;AAkJD,iBAAe,aAAa,CAAC,GAAG,CAAC,EAAE,GAAG,iBAgBrC;;YAkamB,QAAQ,CAAC,UAAU,CAAC;UACtB,QAAQ,CAAC,cAAc,CAAC;;;;;;;;;;;;YADtB,QAAQ,CAAC,UAAU,CAAC;UACtB,QAAQ,CAAC,cAAc,CAAC;;;;;;;;;;;;;;;;;;AAX1C,wBAiBG"}

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"),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;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),C=require("@ionic/vue"),q=require("ionicons/icons"),te=require("@maskito/vue");function oe(o){return new Promise(u=>{requestAnimationFrame(async()=>{const a=await o.getInputElement();u(a)})})}const ne={d:/\d/,a:/[A-Za-z]/,"*":/[A-Za-z0-9]/},le={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 ae(o,u){const a=le[o];return a[u%a.length]}function re(o){const u=[];let a="",t=0,n=0;for(;t<o.length;){const s=o[t];if(["d","a","*"].includes(s)){let i=1;if(o[t+1]==="{"){const r=o.indexOf("}",t+2);if(r!==-1){const g=o.slice(t+2,r);if(g.includes(",")){const[,p]=g.split(",").map(d=>parseInt(d.trim()));i=p||parseInt(g.split(",")[0])}else i=parseInt(g);t=r}}else{let r=t+1;for(;o[r]===s;)i++,r++;t=r-1}for(let r=0;r<i;r++)u.push(ne[s]),a+=ae(s,n++)}else u.push(s),a+=s;t++}return{mask:u,placeholder:a,elementPredicate:oe}}function H(o){return o==null||Array.isArray(o)&&!o.length||typeof o=="object"&&!Object.keys(o).length||!o}function U(o,u,a){return typeof o.condition=="function"?o.condition(u,a):!0}function K(o){if(typeof o!="object"||o===null)return o;if(Array.isArray(o))return o.map(a=>K(a));const u={};return Object.entries(o).forEach(([a,t])=>{typeof t=="function"?u[a]=t.bind(u):u[a]=K(t)}),u}function W(o,u){return u.findIndex(a=>a.value===o.value||a.label===o.label||a.value===o.label||a.label===o.value)}function T(o,u){const a=W(o,u);a>=0?u[a].isChecked=!0:u.push({...o,isChecked:!0})}function ue(o,u){const a=W(o,u);a>=0&&(u[a].isChecked=!1)}function se(o){o.forEach(u=>{u.isChecked=!1})}function ie(o,u){return u?o.filter(a=>JSON.stringify(a).toLowerCase().includes(u.toLowerCase())):o}function Q(o){const u=o.label||"",a=o.required?" *":"";return u+a}function $(o,u){if(o===u)return!0;if(o==null||u==null||typeof o!=typeof u)return!1;if(typeof o!="object")return o===u;if(Array.isArray(o)&&Array.isArray(u))return o.length!==u.length?!1:o.every((n,s)=>$(n,u[s]));if(Array.isArray(o)!==Array.isArray(u))return!1;const a=Object.keys(o),t=Object.keys(u);return a.length!==t.length?!1:a.every(n=>Object.prototype.hasOwnProperty.call(u,n)&&$(o[n],u[n]))}function Z(){const o=e.ref([]);async function u(){console.debug("Validating form inputs");const s=[];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 r=i.getErrors();Array.isArray(r)?s.push(...r):console.warn("getErrors() returned non-array value:",r)}catch(r){console.error("Error calling getErrors on component:",r,i)}else console.warn("Component does not have getErrors function:",i);return s.every(H)}function a(){o.value.forEach(s=>{typeof(s==null?void 0:s.onReset)=="function"&&s.onReset()})}function t(){const s=[];for(const i of o.value)if(typeof(i==null?void 0:i.getErrors)=="function")try{const r=i.getErrors();Array.isArray(r)?s.push(...r):s.push(String(r))}catch(r){console.error("Error calling getErrors on component:",r,i)}return s}async function n(){for(const s of o.value)typeof(s==null?void 0:s.onValueUpdate)=="function"&&await s.onValueUpdate()}return{dynamicRefs:o,isFormValid:u,resetForm:a,getFormErrors:t,updateFormValues:n}}function X(o){const u=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(([v,k])=>{var B;!$(k,(B=f.other)==null?void 0:B[v])&&(a.value[p][c][v]=t(p,v,k))})},s=(p,d,f)=>{d.forEach((c,v)=>{const k=f[v]??{other:{}};n(p,c,k,v)})},i=(p,{other:d})=>Object.entries(d??{}).reduce((f,[c,v])=>(f[c]=t(p,c,v),f),{}),r=(p,d,f)=>{a.value[p]||(a.value[p]=[]);const c=d;Array.isArray(f[p])?s(p,c,f[p]):a.value[p]=c.map(v=>i(p,v))},g=(p,d,f)=>{if(!d){delete a.value[p];return}const c=o.value[p];c.children!==void 0?r(p,d,f):typeof c.computedValue=="function"&&(a.value[p]=c.computedValue(d,o.value))};return e.watch(u,(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:u,computedData:a}}function Y(o){const u=e.ref(0),a=e.ref({}),t=e.ref({}),n=e.ref({});function s(y){const l={};return Object.entries(y.schema).forEach(([m,V])=>{l[m]=V.value}),l}o.steps.forEach(y=>{a.value[y.id]=s(y),t.value[y.id]={},n.value[y.id]=[]});const i=e.computed(()=>o.steps[u.value]),r=e.computed(()=>u.value===0),g=e.computed(()=>u.value===o.steps.length-1),p=e.computed(()=>!g.value),d=e.computed(()=>!r.value),f=e.computed(()=>o.steps.length),c=e.computed(()=>f.value===0?0:Math.round((u.value+1)/f.value*100)),v=e.computed(()=>{const y={};return Object.values(a.value).forEach(l=>{Object.assign(y,l)}),y}),k=e.computed(()=>{const y={};return Object.values(t.value).forEach(l=>{Object.assign(y,l)}),y});function w(y,l){a.value[y]={...a.value[y],...l}}function B(y,l){t.value[y]={...t.value[y],...l}}function S(y){const l=o.steps.find(m=>m.id===y);l&&(a.value[y]=s(l),t.value[y]={})}async function b(){const y=i.value;if(!y)return!0;const l=[];if(y.validation){const m=await y.validation(a.value[y.id],t.value[y.id]);m&&l.push(...m)}return n.value[y.id]=l,l.length===0}async function I(y){return y<0||y>=o.steps.length||y>u.value&&!await b()?!1:(u.value=y,!0)}async function O(){return p.value?I(u.value+1):!1}async function F(){return d.value?I(u.value-1):!1}function D(){u.value=0,n.value={},o.steps.forEach(y=>{S(y.id),n.value[y.id]=[]})}async function E(){let y=!0;for(const l of o.steps)if(l.validation){const m=await l.validation(a.value[l.id],t.value[l.id]);n.value[l.id]=m||[],m&&m.length>0&&(y=!1)}return y}function N(){return{steps:{...a.value},computedSteps:{...t.value},allFormData:v.value,allComputedData:k.value}}return{currentStepIndex:u,currentStep:i,stepData:a,stepComputedData:t,stepValidationErrors:n,isFirstStep:r,isLastStep:g,canGoNext:p,canGoPrevious:d,totalSteps:f,progressPercentage:c,allFormData:v,allComputedData:k,updateStepData:w,updateStepComputedData:B,clearStepData:S,validateCurrentStep:b,goToStep:I,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:u}){const a=o,t=u,n=e.computed(()=>a.steps.length===0?0:(a.activeStepIndex+1)/a.steps.length*100);function s(i){a.allowNavigation&&t("step-click",i)}return(i,r)=>(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=>s(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,u)=>{const a=o.__vccOpts||o;for(const[t,n]of u)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:u,emit:a}){const t=o,n=a,s=e.computed(()=>!!t.multiStepConfig),i=e.ref(t.schema||{}),r=t.multiStepConfig?Y(t.multiStepConfig):null,{dynamicRefs:g,isFormValid:p,resetForm:d}=Z(),{formData:f,computedData:c}=X(i),v=e.computed(()=>(r==null?void 0:r.currentStepIndex.value)??0),k=e.computed(()=>r==null?void 0:r.currentStep.value),w=e.computed(()=>(r==null?void 0:r.isLastStep.value)??!0),B=e.computed(()=>(r==null?void 0:r.canGoNext.value)??!1),S=e.computed(()=>(r==null?void 0:r.canGoPrevious.value)??!1),b=e.computed(()=>!s.value||!r?0:r.progressPercentage.value);e.watch(()=>k.value,l=>{l&&s.value&&(i.value=l.schema)},{immediate:!0}),e.watch([f,c],([l,m])=>{s.value&&r&&k.value&&(r.updateStepData(k.value.id,l),r.updateStepComputedData(k.value.id,m))},{deep:!0}),e.watch(()=>t.schema,l=>{if(!s.value&&l){i.value=l;for(const[m,V]of Object.entries(l))V.value!==void 0&&(i.value[m].value=V.value)}},{deep:!0,immediate:!0});async function I(){if(s.value&&r){if(!await r.validateAllSteps())return;const m=r.getMultiStepFormData();n("multi-step-submit",m)}else{if(!await p())return;n("submit",f.value,c.value)}}function O(){s.value&&r?r.resetForm():d(),n("clear")}function F(){s.value&&r&&k.value&&r.clearStepData(k.value.id)}function D(){s.value&&r?r.resetForm():d(),n("cancel")}async function E(){if(r){if(!await p())return;await r.nextStep()&&k.value&&n("step-change",v.value,k.value.id)}}async function N(){r&&await r.previousStep()&&k.value&&n("step-change",v.value,k.value.id)}async function y(l){if(r){if(l>v.value&&!await p())return;await r.goToStep(l)&&k.value&&n("step-change",l,k.value.id)}}return e.watch(f,async()=>{var l;for(const[m,V]of Object.entries(i.value))if(!U(V,f.value,c.value)){const h=s.value&&k.value?k.value.schema[m]:(l=t.schema)==null?void 0:l[m];h&&(V.value=h.value)}},{deep:!0,immediate:!0}),u({resetForm:O,isFormValid:p,resolveData:()=>s.value&&r?r.getMultiStepFormData():{formData:f.value,computedData:c.value},nextStep:E,previousStep:N,goToStep:y,getCurrentStep:()=>k.value,getCurrentStepIndex:()=>v.value}),(l,m)=>{var V;return e.openBlock(),e.createElementBlock("div",Ve,[s.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":v.value,position:l.multiStepConfig.stepPosition||"top","show-progress":l.multiStepConfig.showProgress,"allow-navigation":l.multiStepConfig.allowStepNavigation,onStepClick:y},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":v.value,position:l.multiStepConfig.stepPosition??"top","show-progress":l.multiStepConfig.showProgress,"allow-navigation":l.multiStepConfig.allowStepNavigation,onStepClick:y,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(C.IonGrid),null,{default:e.withCtx(()=>[e.createVNode(e.unref(C.IonRow),null,{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(Object.keys(i.value),h=>{var _,x,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(C.IonCol),{key:h,size:((_=i.value[h].grid)==null?void 0:_.xs)??"12","size-sm":(x=i.value[h].grid)==null?void 0:x.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(C.IonRow),{key:0,class:"multi-step-buttons"},{default:e.withCtx(()=>[e.createVNode(e.unref(C.IonCol),{size:"12",class:"button-container"},{default:e.withCtx(()=>[e.createElementVNode("div",Se,[S.value?(e.openBlock(),e.createBlock(e.unref(C.IonButton),{key:0,onClick:N,fill:"outline"},{default:e.withCtx(()=>m[0]||(m[0]=[e.createTextVNode(" Previous ")])),_:1,__:[0]})):e.createCommentVNode("",!0)]),e.createElementVNode("div",be,[l.showCancelButton?(e.openBlock(),e.createBlock(e.unref(C.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(C.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(C.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(C.IonButton),{key:0,onClick:E},{default:e.withCtx(()=>m[1]||(m[1]=[e.createTextVNode(" Next ")])),_:1,__:[1]})):e.createCommentVNode("",!0),w.value?(e.openBlock(),e.createBlock(e.unref(C.IonButton),{key:1,onClick:I},{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(v.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":v.value,position:l.multiStepConfig.stepPosition,"show-progress":l.multiStepConfig.showProgress,"allow-navigation":l.multiStepConfig.allowStepNavigation,onStepClick:y,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":v.value,position:l.multiStepConfig.stepPosition,"show-progress":l.multiStepConfig.showProgress,"allow-navigation":l.multiStepConfig.allowStepNavigation,onStepClick:y},null,8,["steps","active-step-index","position","show-progress","allow-navigation"])):e.createCommentVNode("",!0)])):(e.openBlock(),e.createBlock(e.unref(C.IonGrid),{key:1},{default:e.withCtx(()=>[e.createVNode(e.unref(C.IonRow),null,{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(Object.keys(i.value),h=>{var _,x,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(C.IonCol),{key:h,size:((_=i.value[h].grid)==null?void 0:_.xs)??"12","size-sm":(x=i.value[h].grid)==null?void 0:x.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(C.IonRow),{key:0},{default:e.withCtx(()=>[e.createVNode(e.unref(C.IonCol),{size:"12",style:e.normalizeStyle([{display:"flex"},{justifyContent:l.buttonPlacement}])},{default:e.withCtx(()=>[l.showCancelButton?(e.openBlock(),e.createBlock(e.unref(C.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(C.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(C.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(C.IonButton),{onClick:I},{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,s,i,r,g;(n=o.value)==null||n.$el.classList.remove("ion-invalid"),(s=o.value)==null||s.$el.classList.remove("ion-valid"),t?(i=o.value)==null||i.$el.classList.add("ion-valid"):(r=o.value)==null||r.$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,u,a,t,n){const{applyValidationState:s,resetValidationState:i}=De(o);async function r(){if(u.value.required&&!a.value)return u.value.error="This field is required",!1;if(n){const c=await n(a.value);if(typeof c=="string")return u.value.error=c,!1;if(c===!1)return!1}if(u.value.validation){const c=await u.value.validation(a.value,t==null?void 0:t.value);if(c&&c.length)return u.value.error=c.join(),!1}return!0}async function g(){const c=await r();c&&(u.value.error="",u.value.value=a.value),await s(c)}function p(){i(),u.value.error=""}function d(c=""){a.value=c,u.value.error="",u.value.value=c}function f(){return u.value.error?[u.value.error]:[]}return{isValid:r,onValueUpdate:g,onFocus:p,onReset:d,getErrors:f,applyValidationState:s,resetValidationState:i}}function Fe(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 J=e.defineComponent({__name:"InputLabel",props:{model:{}},setup(o){const u=o,{showLabel:a,showRequired:t,labelText:n}=Fe(e.toRef(u,"model"));return(s,i)=>e.unref(a)?(e.openBlock(),e.createBlock(e.unref(C.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(C.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:u}){const a=o,t=e.useModel(o,"modelValue"),n=e.ref(null),s=e.ref(t.value.value),i=e.computed(()=>a.schema),{isValid:r,onValueUpdate:g,onFocus:p,onReset:d,getErrors:f}=A(n,t,s,i),c=e.computed(()=>{if(t.value.pattern)return re(t.value.pattern)});return e.watch(()=>t.value.value,v=>s.value=v),u({onValueUpdate:g,onReset:d,getErrors:f,isValid:r}),(v,k)=>{var B;const w=e.resolveDirective("maskito");return e.withDirectives((e.openBlock(),e.createBlock(e.unref(C.IonInput),{ref_key:"inputRef",ref:n,modelValue:s.value,"onUpdate:modelValue":k[0]||(k[0]=S=>s.value=S),"clear-input":!0,fill:t.value.fill??"solid","label-placement":t.value.labelPlacement??"stacked",type:v.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(J,{model:t.value},null,8,["model"]),t.value.prefix?(e.openBlock(),e.createBlock(e.unref(C.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(C.IonLabel),{key:1,slot:"end"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.value.suffix),1)]),_:1})):e.createCommentVNode("",!0),v.type==="password"?(e.openBlock(),e.createBlock(e.unref(C.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:u}){const a=e.useModel(o,"modelValue"),t=e.ref(null);return u({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,s;return((s=(n=t.value)==null?void 0:n.getErrors)==null?void 0:s.call(n))??[]}}),(n,s)=>(e.openBlock(),e.createBlock(P,{modelValue:a.value,"onUpdate:modelValue":s[0]||(s[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:u}){const a=e.useModel(o,"modelValue"),t=e.ref(null);return u({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,s;return((s=(n=t.value)==null?void 0:n.getErrors)==null?void 0:s.call(n))??[]}}),(n,s)=>(e.openBlock(),e.createBlock(P,{modelValue:a.value,"onUpdate:modelValue":s[0]||(s[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:u}){const a=e.useModel(o,"modelValue"),t=e.ref(null);return u({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,s;return((s=(n=t.value)==null?void 0:n.getErrors)==null?void 0:s.call(n))??[]}}),(n,s)=>(e.openBlock(),e.createBlock(P,{modelValue:a.value,"onUpdate:modelValue":s[0]||(s[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:u}){const a=e.useModel(o,"modelValue"),t=e.ref(null);return u({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,s;return((s=(n=t.value)==null?void 0:n.getErrors)==null?void 0:s.call(n))??[]}}),(n,s)=>(e.openBlock(),e.createBlock(P,{modelValue:a.value,"onUpdate:modelValue":s[0]||(s[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:u}){const a=e.useModel(o,"modelValue"),t=e.ref(null);return u({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,s;return((s=(n=t.value)==null?void 0:n.getErrors)==null?void 0:s.call(n))??[]}}),(n,s)=>(e.openBlock(),e.createBlock(P,{modelValue:a.value,"onUpdate:modelValue":s[0]||(s[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:u}){const a=o,t=e.useModel(o,"modelValue"),n=e.ref(null),s=e.ref(null),i=e.ref(!1),r=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(()=>r.value.filter(l=>!!l.isChecked)),v=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,y,{immediate:!0,deep:!0}),e.watch(()=>!t.value.dependsOn||!a.schema?null:(Array.isArray(t.value.dependsOn)?t.value.dependsOn:[t.value.dependsOn]).map(m=>{var V;return(V=a.schema[m])==null?void 0:V.value}),async(l,m)=>{l&&m&&!$(l,m)&&(k(),r.value=[],await N())},{deep:!0});function k(){t.value.error="",g.value="",p.value=1,t.value.value=t.value.multiple?[]:"",se(r.value)}function w(l){const m=r.value.findIndex(V=>V.value===l.value&&V.isChecked);if(m>=0){if(Array.isArray(t.value.value)){const V=W(l,t.value.value);V>=0&&t.value.value.splice(V,1)}r.value[m].isChecked=!1}else t.value.multiple||k(),T(l,r.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 C.actionSheetController.create({header:t.value.label||"Select an option",buttons:[...r.value.map(m=>({text:m.label,cssClass:m.isChecked?"selected-option":"",handler:()=>(w(m),!1)})),{text:"Cancel",role:"cancel"}]})).present()}async function b(){await N();const l=r.value.map(V=>({label:V.label,type:t.value.multiple?"checkbox":"radio",value:V,checked:V.isChecked}));await(await C.alertController.create({header:t.value.label||"Select an option",inputs:l,buttons:[{text:"Cancel",role:"cancel"},{text:"OK",handler:V=>{if(t.value.multiple)r.value.forEach(h=>ue(h,r.value)),V.forEach(h=>{const _=r.value.find(x=>x.value===h.value);_&&T(_,r.value)});else{k();const h=r.value.find(_=>_.value===V.value);h&&T(h,r.value)}E()}}]})).present()}async function I(){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),I);function D(l){var m;l.target===((m=n.value)==null?void 0:m.$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 m=await I();m===!0?(t.value.error="",t.value.value=t.value.multiple?c.value:c.value[0]):t.value.error=typeof m=="string"?m:"Validation failed",await F(m===!0)}async function N(){const l=[];if(typeof t.value.options=="function"){let m={};if(t.value.dependsOn&&a.schema){const V=Array.isArray(t.value.dependsOn)?t.value.dependsOn:[t.value.dependsOn];let h=!0;if(m=V.reduce((_,x)=>{var R;return _[x]=(R=a.schema[x])==null?void 0:R.value,(_[x]===void 0||_[x]===null||_[x]==="")&&(h=!1),_},{}),h){const _=await t.value.options(g.value,m);l.push(..._.filter(x=>!!x.label))}}else{const V=await t.value.options(g.value,{});l.push(...V.filter(h=>!!h.label))}}else Array.isArray(t.value.options)&&l.push(...ie(t.value.options,g.value));c.value.forEach(m=>T(m,l)),r.value=l}async function y(){const l=t.value.value;if(l){if(r.value.length===0&&await N(),Array.isArray(l))l.forEach(m=>T(m,r.value));else if(typeof l=="object")T(l,r.value);else{const m=r.value.find(V=>V.value===l);T(m||{value:l,label:l},r.value)}E()}}return e.onMounted(async()=>{await N(),await y()}),u({onValueUpdate:E,onReset:k,getErrors:()=>t.value.error?[t.value.error]:[]}),(l,m)=>(e.openBlock(),e.createElementBlock("div",{class:"autocomplete-container",onFocusout:E,ref_key:"containerRef",ref:s},[e.createVNode(e.unref(C.IonInput),{ref_key:"inputRef",ref:n,modelValue:g.value,"onUpdate:modelValue":m[0]||(m[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:v.value,disabled:t.value.disabled,counter:t.value.counter,onIonFocus:D,debounce:300,onClick:B},{default:e.withCtx(()=>[e.createVNode(J,{model:t.value},null,8,["model"]),t.value.multiple?(e.openBlock(),e.createBlock(e.unref(C.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(C.IonChip),{key:h},{default:e.withCtx(()=>[e.createVNode(e.unref(C.IonLabel),null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(V.label),1)]),_:2},1024)]),_:2},1024))),128))]),_:1})):(e.openBlock(),e.createBlock(e.unref(C.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(C.IonIcon),{slot:"end",icon:e.unref(q.chevronDown)},null,8,["icon"]),c.value.length>0||g.value?(e.openBlock(),e.createBlock(e.unref(C.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&&r.value.length>0&&d.value==="popover"?(e.openBlock(),e.createBlock(e.unref(C.IonList),{key:0,class:e.normalizeClass(["suggestions-list",f.value])},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value,V=>(e.openBlock(),e.createBlock(e.unref(C.IonItem),{button:"",key:V.label,onClick:h=>w(V)},{default:e.withCtx(()=>[t.value.multiple?(e.openBlock(),e.createBlock(e.unref(C.IonCheckbox),{key:0,slot:"start",checked:V.isChecked},null,8,["checked"])):e.createCommentVNode("",!0),e.createVNode(e.unref(C.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-8d55391c"]]),Le=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"),n=e.ref(null),s=e.ref(t.value.value),i=e.computed(()=>a.schema),{onValueUpdate:r,onFocus:g,onReset:p,getErrors:d}=A(n,t,s,i);return e.watch(()=>t.value.value,f=>s.value=f),u({onReset:p,onValueUpdate:r,getErrors:d}),(f,c)=>(e.openBlock(),e.createBlock(e.unref(C.IonTextarea),{ref_key:"inputRef",ref:n,modelValue:s.value,"onUpdate:modelValue":c[0]||(c[0]=v=>s.value=v),"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(r),onIonBlur:e.unref(r)},{default:e.withCtx(()=>[e.createVNode(J,{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:u}){const a=e.useModel(o,"modelValue"),t=e.ref([]),{dynamicRefs:n,resetForm:s,getFormErrors:i,updateFormValues:r}=Z(),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(){s()}function c(){return i()}async function v(){await r()}return u({onValueUpdate:v,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(C.IonRow),null,{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(Object.keys(B),b=>{var I,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(C.IonCol),{key:`${S}-${b}`,size:((I=B[b].grid)==null?void 0:I.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(C.IonButton),{key:0,onClick:p,color:"primary"},{default:e.withCtx(()=>[e.createVNode(e.unref(C.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(C.IonButton),{key:1,onClick:b=>d(S),color:"warning"},{default:e.withCtx(()=>[e.createVNode(e.unref(C.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:u}){const a=o,t=e.useModel(o,"modelValue"),n=e.ref(null),s=e.ref(t.value.value),i=e.computed(()=>a.schema),r=e.computed(()=>Q(t.value)),{onValueUpdate:g,onFocus:p,getErrors:d}=A(n,t,s,i);function f(){s.value=!1,t.value.error="",t.value.value=!1}return e.watch(()=>t.value.value,c=>s.value=c),u({onValueUpdate:g,onReset:f,getErrors:d}),(c,v)=>(e.openBlock(),e.createBlock(e.unref(C.IonCheckbox),{modelValue:s.value,"onUpdate:modelValue":v[0]||(v[0]=k=>s.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(r.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:u}){const a=o,t=e.useModel(o,"modelValue"),n=e.ref(null),s=e.ref(t.value.value),i=e.computed(()=>a.schema),r=e.ref([]),g=e.computed(()=>Q(t.value)),{onValueUpdate:p,onFocus:d,getErrors:f}=A(n,t,s,i);function c(){t.value.error="",s.value=void 0,t.value.value=void 0}function v(w,B){return w.value===B.value}async function k(){typeof t.value.options=="function"?r.value=await t.value.options():r.value=t.value.options}return e.watch(()=>t.value.value,w=>s.value=w),u({onValueUpdate:p,onReset:c,getErrors:f}),e.onMounted(k),(w,B)=>(e.openBlock(),e.createBlock(e.unref(C.IonRadioGroup),{modelValue:s.value,"onUpdate:modelValue":B[0]||(B[0]=S=>s.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:v,"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(r.value,S=>(e.openBlock(),e.createBlock(e.unref(C.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,u,a){const t=e.ref({}),n=e.ref({});function s(d,f,c){n.value[d]=c,f.forEach(v=>{var k;(k=t.value)[v]??(k[v]=[]),t.value[v].includes(d)||t.value[v].push(d)}),p(d)}function i(d){return Object.entries(t.value).filter(([,c])=>c.includes(d)).map(([c])=>c).reduce((c,v)=>(c[v]=u.value[v]??a.value[v],c),{})}function r(d,f){return d?Array.isArray(d)?d.some(c=>f.some(v=>g(c,v.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),v=Object.keys(c);if(!(v.length===0||!v.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;r(S,B)||(o.value[d].value=o.value[d].multiple?[]:"")}catch(w){console.error(`Error loading options for ${d}:`,w)}}return e.watch([u,a],()=>{Object.entries(t.value).forEach(([d,f])=>{(u.value[d]!==void 0||a.value[d]!==void 0)&&f.forEach(c=>{p(c)})})},{deep:!0,immediate:!0}),{registerDependency:s,updateOptions:p}}const ee={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",te.maskito)}};exports.VForm=ee;exports.default=ee;exports.useDataTransformation=X;exports.useDependentOptions=We;exports.useFormValidation=Z;exports.useInputValidation=A;exports.useMultiStepForm=Y;
 //# sourceMappingURL=index.cjs.js.map