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