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