@wdns/vuetify-stepper-form
Version:
The Vuetify Stepper Form plugin provides a structured way to create multi-step forms using Vue 3, TypeScript, and Vuetify. It features a stepper layout that allows users to navigate between steps with form validation. The plugin is customizable and stream
14 lines • 87.8 kB
JavaScript
"use strict";/**
* @name @wdns/vuetify-stepper-form
* @version 1.2.8
* @description The Vuetify Stepper Form plugin provides a structured way to create multi-step forms using Vue 3, TypeScript, and Vuetify. It features a stepper layout that allows users to navigate between steps with form validation. The plugin is customizable and streamlines building dynamic, interactive forms that guide users through sequential steps.
* @author WebDevNerdStuff & Bunnies... lots and lots of bunnies! <webdevnerdstuff@gmail.com> (https://webdevnerdstuff.com)
* @copyright Copyright 2025, WebDevNerdStuff
* @homepage https://webdevnerdstuff.github.io/vuetify-stepper-form/
* @repository https://github.com/webdevnerdstuff/vuetify-stepper-form
* @license MIT License
*/Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue");require("@vueuse/core");const da=require("vuetify"),sa=require("@wdns/vuetify-color-field"),Me=require("vuetify/components"),ca=require("vuetify/labs/VDateInput"),lt=require("vuetify/components/VBtn"),Nt=require("vuetify/components/VItemGroup"),Bt=require("vuetify/components/VLabel"),jt=require("vuetify/components/VCheckbox"),va=require("vuetify/components/VRadio"),fa=require("vuetify/components/VRadioGroup"),ma=require("vuetify/components/VSwitch"),Ce=require("vuetify/components/VGrid"),pa=require("vuetify/components/VCard"),Te=require("vuetify/components/VList"),ha=require("vuetify/components/VDivider"),ze=require("vuetify/components/VStepper"),ga=require("vuetify/components/VTooltip"),ya={"data-cy":"vsf-field-label"},ba=["innerHTML"],Va={key:0,class:"text-error ms-1"},Ae=e.defineComponent({__name:"FieldLabel",props:{label:{},required:{type:Boolean,default:!1}},setup:t=>(n,o)=>(e.openBlock(),e.createElementBlock("div",ya,[e.createElementVNode("span",{innerHTML:n.label},null,8,ba),o[0]||(o[0]=e.createTextVNode()),n.required?(e.openBlock(),e.createElementBlock("span",Va,"*")):e.createCommentVNode("",!0)]))}),ht=(t,n,o={})=>{const r=(c,a)=>{const u={...c};for(const p in a)a[p]===void 0||typeof a[p]!="object"||Array.isArray(a[p])?a[p]!==void 0&&(u[p]=a[p]):u[p]=r(u[p]??{},a[p]);return u};return[t,n,o].filter(Boolean).reduce(r,{})},It=t=>({altLabels:t.altLabels,autoPage:t.autoPage,autoPageDelay:t.autoPageDelay,bgColor:t.bgColor,border:t.border,color:t.color,density:t.density,disabled:t.disabled,editIcon:t.editIcon,editable:t.editable,elevation:t.elevation,errorIcon:t.errorIcon,fieldColumns:t.fieldColumns,flat:t.flat,headerTooltips:t.headerTooltips,height:t.height,hideActions:t.hideActions,hideDetails:t.hideDetails,keepValuesOnUnmount:t.keepValuesOnUnmount,maxHeight:t.maxHeight,maxWidth:t.maxWidth,minHeight:t.minHeight,minWidth:t.minWidth,nextText:t.nextText,prevText:t.prevText,rounded:t.rounded,selectedClass:t.selectedClass,summaryColumns:t.summaryColumns,tag:t.tag,theme:t.theme,tile:t.tile,tooltipLocation:t.tooltipLocation,tooltipOffset:t.tooltipOffset,tooltipTransition:t.tooltipTransition,transition:t.transition,validateOn:t.validateOn,validateOnMount:t.validateOnMount,variant:t.variant}),gt=t=>{const{columns:n,propName:o}=t;let r=!1;if(n&&(Object.values(n).forEach(c=>{(c<1||c>12)&&(r=!0)}),r))throw new Error(`The ${o} values must be between 1 and 12`)},yt=t=>{let n=-1,o=-1;return t.forEach((r,c)=>{r.editable===!1&&(n===-1&&(n=c),o=c)}),{firstNonEditableIndex:n,lastNonEditableIndex:o}},Je="v-stepper-form",Gt=Symbol(),bt={autoPageDelay:250,direction:"horizontal",disabled:!1,editable:!0,jumpAhead:!1,keepValuesOnUnmount:!1,navButtonSize:"large",tooltipLocation:"bottom",tooltipOffset:10,tooltipTransition:"fade-transition",transition:"fade-transition",width:"100%"};/**
* vee-validate v4.15.0
* (c) 2024 Abdelrahman Awad
* @license MIT
*/function ye(t){return typeof t=="function"}function Kt(t){return t==null}const Pe=t=>t!==null&&!!t&&typeof t=="object"&&!Array.isArray(t);function Et(t){return Number(t)>=0}function Mt(t){if(!function(o){return typeof o=="object"&&o!==null}(t)||function(o){return o==null?o===void 0?"[object Undefined]":"[object Null]":Object.prototype.toString.call(o)}(t)!=="[object Object]")return!1;if(Object.getPrototypeOf(t)===null)return!0;let n=t;for(;Object.getPrototypeOf(n)!==null;)n=Object.getPrototypeOf(n);return Object.getPrototypeOf(t)===n}function Ge(t,n){return Object.keys(n).forEach(o=>{if(Mt(n[o])&&Mt(t[o]))return t[o]||(t[o]={}),void Ge(t[o],n[o]);t[o]=n[o]}),t}function Ke(t){const n=t.split(".");if(!n.length)return"";let o=String(n[0]);for(let r=1;r<n.length;r++)Et(n[r])?o+=`[${n[r]}]`:o+=`.${n[r]}`;return o}const ka={};function Pt(t,n,o){typeof o.value=="object"&&(o.value=ne(o.value)),o.enumerable&&!o.get&&!o.set&&o.configurable&&o.writable&&n!=="__proto__"?t[n]=o.value:Object.defineProperty(t,n,o)}function ne(t){if(typeof t!="object")return t;var n,o,r,c=0,a=Object.prototype.toString.call(t);if(a==="[object Object]"?r=Object.create(t.__proto__||null):a==="[object Array]"?r=Array(t.length):a==="[object Set]"?(r=new Set,t.forEach(function(u){r.add(ne(u))})):a==="[object Map]"?(r=new Map,t.forEach(function(u,p){r.set(ne(p),ne(u))})):a==="[object Date]"?r=new Date(+t):a==="[object RegExp]"?r=new RegExp(t.source,t.flags):a==="[object DataView]"?r=new t.constructor(ne(t.buffer)):a==="[object ArrayBuffer]"?r=t.slice(0):a.slice(-6)==="Array]"&&(r=new t.constructor(t)),r){for(o=Object.getOwnPropertySymbols(t);c<o.length;c++)Pt(r,o[c],Object.getOwnPropertyDescriptor(t,o[c]));for(c=0,o=Object.getOwnPropertyNames(t);c<o.length;c++)Object.hasOwnProperty.call(r,n=o[c])&&r[n]===t[n]||Pt(r,n,Object.getOwnPropertyDescriptor(t,n))}return r||t}const _t=Symbol("vee-validate-form"),Oa=Symbol("vee-validate-form-context"),Ca=Symbol("vee-validate-field-instance"),ot=Symbol("Default empty value"),Qt=typeof window<"u";function Vt(t){return ye(t)&&!!t.__locatorRef}function Be(t){return!!t&&ye(t.parse)&&t.__type==="VVTypedSchema"}function rt(t){return!!t&&ye(t.validate)}function Ze(t){return t==="checkbox"||t==="radio"}function dt(t){return/^\[.+\]$/i.test(t)}function At(t){return t.tagName==="SELECT"}function xa(t,n){return!function(o,r){const c=![!1,null,void 0,0].includes(r.multiple)&&!Number.isNaN(r.multiple);return o==="select"&&"multiple"in r&&c}(t,n)&&n.type!=="file"&&!Ze(n.type)}function Xt(t){return!!t&&(!!(typeof Event<"u"&&ye(Event)&&t instanceof Event)||!(!t||!t.srcElement))}function Ut(t,n){return n in t&&t[n]!==ot}function Ve(t,n){if(t===n)return!0;if(t&&n&&typeof t=="object"&&typeof n=="object"){if(t.constructor!==n.constructor)return!1;var o,r,c;if(Array.isArray(t)){if((o=t.length)!=n.length)return!1;for(r=o;r--!=0;)if(!Ve(t[r],n[r]))return!1;return!0}if(t instanceof Map&&n instanceof Map){if(t.size!==n.size)return!1;for(r of t.entries())if(!n.has(r[0]))return!1;for(r of t.entries())if(!Ve(r[1],n.get(r[0])))return!1;return!0}if(Tt(t)&&Tt(n))return t.size===n.size&&t.name===n.name&&t.lastModified===n.lastModified&&t.type===n.type;if(t instanceof Set&&n instanceof Set){if(t.size!==n.size)return!1;for(r of t.entries())if(!n.has(r[0]))return!1;return!0}if(ArrayBuffer.isView(t)&&ArrayBuffer.isView(n)){if((o=t.length)!=n.length)return!1;for(r=o;r--!=0;)if(t[r]!==n[r])return!1;return!0}if(t.constructor===RegExp)return t.source===n.source&&t.flags===n.flags;if(t.valueOf!==Object.prototype.valueOf)return t.valueOf()===n.valueOf();if(t.toString!==Object.prototype.toString)return t.toString()===n.toString();if((o=(c=Object.keys(t)).length-Ft(t,c))!==Object.keys(n).length-Ft(n,Object.keys(n)))return!1;for(r=o;r--!=0;)if(!Object.prototype.hasOwnProperty.call(n,c[r]))return!1;for(r=o;r--!=0;){var a=c[r];if(!Ve(t[a],n[a]))return!1}return!0}return t!=t&&n!=n}function Ft(t,n){let o=0;for(let r=n.length;r--!=0;)t[n[r]]===void 0&&o++;return o}function Tt(t){return!!Qt&&t instanceof File}function St(t){return dt(t)?t.replace(/\[|\]/gi,""):t}function Oe(t,n,o){return t?dt(n)?t[St(n)]:(n||"").split(/\.|\[(\d+)\]/).filter(Boolean).reduce((r,c)=>{return(Pe(a=r)||Array.isArray(a))&&c in r?r[c]:o;var a},t):o}function Se(t,n,o){if(dt(n))return void(t[St(n)]=o);const r=n.split(/\.|\[(\d+)\]/).filter(Boolean);let c=t;for(let a=0;a<r.length;a++){if(a===r.length-1)return void(c[r[a]]=o);r[a]in c&&!Kt(c[r[a]])||(c[r[a]]=Et(r[a+1])?[]:{}),c=c[r[a]]}}function ft(t,n){Array.isArray(t)&&Et(n)?t.splice(Number(n),1):Pe(t)&&delete t[n]}function Dt(t,n){if(dt(n))return void delete t[St(n)];const o=n.split(/\.|\[(\d+)\]/).filter(Boolean);let r=t;for(let u=0;u<o.length;u++){if(u===o.length-1){ft(r,o[u]);break}if(!(o[u]in r)||Kt(r[o[u]]))break;r=r[o[u]]}const c=o.map((u,p)=>Oe(t,o.slice(0,p).join(".")));for(let u=c.length-1;u>=0;u--)a=c[u],(Array.isArray(a)?a.length===0:Pe(a)&&Object.keys(a).length===0)&&(u!==0?ft(c[u-1],o[u-1]):ft(t,o[0]));var a}function ke(t){return Object.keys(t)}function Yt(t,n=void 0){const o=e.getCurrentInstance();return(o==null?void 0:o.provides[t])||e.inject(t,n)}function $t(t,n,o){if(Array.isArray(t)){const r=[...t],c=r.findIndex(a=>Ve(a,n));return c>=0?r.splice(c,1):r.push(n),r}return Ve(t,n)?o:n}function Rt(t,n=0){let o=null,r=[];return function(...c){return o&&clearTimeout(o),o=setTimeout(()=>{const a=t(...c);r.forEach(u=>u(a)),r=[]},n),new Promise(a=>r.push(a))}}function wa(t,n){return Pe(n)&&n.number?function(o){const r=parseFloat(o);return isNaN(r)?o:r}(t):t}function kt(t,n){let o;return async function(...r){const c=t(...r);o=c;const a=await c;return c!==o?a:(o=void 0,n(a,r))}}function Ot(t){return Array.isArray(t)?t:t?[t]:[]}function at(t,n){const o={};for(const r in t)n.includes(r)||(o[r]=t[r]);return o}function mt(t){if(Zt(t))return t._value}function Zt(t){return"_value"in t}function it(t){if(!Xt(t))return t;const n=t.target;if(Ze(n.type)&&Zt(n))return mt(n);if(n.type==="file"&&n.files){const r=Array.from(n.files);return n.multiple?r:r[0]}if(At(o=n)&&o.multiple)return Array.from(n.options).filter(r=>r.selected&&!r.disabled).map(mt);var o;if(At(n)){const r=Array.from(n.options).find(c=>c.selected);return r?mt(r):n.value}return function(r){return r.type==="number"||r.type==="range"?Number.isNaN(r.valueAsNumber)?r.value:r.valueAsNumber:r.value}(n)}function ea(t){const n={};return Object.defineProperty(n,"_$$isNormalized",{value:!0,writable:!1,enumerable:!1,configurable:!1}),t?Pe(t)&&t._$$isNormalized?t:Pe(t)?Object.keys(t).reduce((o,r)=>{const c=function(a){return a===!0?[]:Array.isArray(a)||Pe(a)?a:[a]}(t[r]);return t[r]!==!1&&(o[r]=Lt(c)),o},n):typeof t!="string"?n:t.split("|").reduce((o,r)=>{const c=Ba(r);return c.name&&(o[c.name]=Lt(c.params)),o},n):n}function Lt(t){const n=o=>typeof o=="string"&&o[0]==="@"?function(r){const c=a=>{var u;return(u=Oe(a,r))!==null&&u!==void 0?u:a[r]};return c.__locatorRef=r,c}(o.slice(1)):o;return Array.isArray(t)?t.map(n):t instanceof RegExp?[t]:Object.keys(t).reduce((o,r)=>(o[r]=n(t[r]),o),{})}const Ba=t=>{let n=[];const o=t.split(":")[0];return t.includes(":")&&(n=t.split(":").slice(1).join(":").split(",")),{name:o,params:n}};let Ea=Object.assign({},{generateMessage:({field:t})=>`${t} is not valid.`,bails:!0,validateOnBlur:!0,validateOnChange:!0,validateOnInput:!1,validateOnModelUpdate:!0});const De=()=>Ea;async function ta(t,n,o={}){const r=o==null?void 0:o.bails,c={name:(o==null?void 0:o.name)||"{field}",rules:n,label:o==null?void 0:o.label,bails:r==null||r,formData:(o==null?void 0:o.values)||{}},a=await async function(u,p){const h=u.rules;if(Be(h)||rt(h))return async function(x,V){const O=Be(V.rules)?V.rules:aa(V.rules),s=await O.parse(x,{formData:V.formData}),w=[];for(const N of s.errors)N.errors.length&&w.push(...N.errors);return{value:s.value,errors:w}}(p,Object.assign(Object.assign({},u),{rules:h}));if(ye(h)||Array.isArray(h)){const x={field:u.label||u.name,name:u.name,label:u.label,form:u.formData,value:p},V=Array.isArray(h)?h:[h],O=V.length,s=[];for(let w=0;w<O;w++){const N=V[w],I=await N(p,x);if(!(typeof I!="string"&&!Array.isArray(I)&&I)){if(Array.isArray(I))s.push(...I);else{const A=typeof I=="string"?I:na(x);s.push(A)}if(u.bails)return{errors:s}}}return{errors:s}}const m=Object.assign(Object.assign({},u),{rules:ea(h)}),b=[],C=Object.keys(m.rules),k=C.length;for(let x=0;x<k;x++){const V=C[x],O=await _a(m,p,{name:V,params:m.rules[V]});if(O.error&&(b.push(O.error),u.bails))return{errors:b}}return{errors:b}}(c,t);return Object.assign(Object.assign({},a),{valid:!a.errors.length})}function aa(t){return{__type:"VVTypedSchema",async parse(n,o){var r;try{return{output:await t.validate(n,{abortEarly:!1,context:(o==null?void 0:o.formData)||{}}),errors:[]}}catch(c){if(!function(u){return!!u&&u.name==="ValidationError"}(c))throw c;if(!(!((r=c.inner)===null||r===void 0)&&r.length)&&c.errors.length)return{errors:[{path:c.path,errors:c.errors}]};const a=c.inner.reduce((u,p)=>{const h=p.path||"";return u[h]||(u[h]={errors:[],path:h}),u[h].errors.push(...p.errors),u},{});return{errors:Object.values(a)}}}}}async function _a(t,n,o){const r=(c=o.name,ka[c]);var c;if(!r)throw new Error(`No such validator '${o.name}' exists.`);const a=function(h,m){const b=C=>Vt(C)?C(m):C;return Array.isArray(h)?h.map(b):Object.keys(h).reduce((C,k)=>(C[k]=b(h[k]),C),{})}(o.params,t.formData),u={field:t.label||t.name,name:t.name,label:t.label,value:n,form:t.formData,rule:Object.assign(Object.assign({},o),{params:a})},p=await r(n,a,u);return typeof p=="string"?{error:p}:{error:p?void 0:na(u)}}function na(t){const n=De().generateMessage;return n?n(t):"Field is invalid"}async function Sa(t,n,o){const r=ke(t).map(async h=>{var m,b,C;const k=(m=o==null?void 0:o.names)===null||m===void 0?void 0:m[h],x=await ta(Oe(n,h),t[h],{name:(k==null?void 0:k.name)||h,label:k==null?void 0:k.label,values:n,bails:(C=(b=o==null?void 0:o.bailsMap)===null||b===void 0?void 0:b[h])===null||C===void 0||C});return Object.assign(Object.assign({},x),{path:h})});let c=!0;const a=await Promise.all(r),u={},p={};for(const h of a)u[h.path]={valid:h.valid,errors:h.errors},h.valid||(c=!1,p[h.path]=h.errors[0]);return{valid:c,results:u,errors:p,source:"schema"}}let zt=0;function Na(t,n){const{value:o,initialValue:r,setInitialValue:c}=function(p,h,m){const b=e.ref(e.unref(h));function C(){return m?Oe(m.initialValues.value,e.unref(p),e.unref(b)):e.unref(b)}function k(s){m?m.setFieldInitialValue(e.unref(p),s,!0):b.value=s}const x=e.computed(C);if(!m)return{value:e.ref(C()),initialValue:x,setInitialValue:k};const V=function(s,w,N,I){return e.isRef(s)?e.unref(s):s!==void 0?s:Oe(w.values,e.unref(I),e.unref(N))}(h,m,x,p);return m.stageInitialValue(e.unref(p),V,!0),{value:e.computed({get:()=>Oe(m.values,e.unref(p)),set(s){m.setFieldValue(e.unref(p),s,!1)}}),initialValue:x,setInitialValue:k}}(t,n.modelValue,n.form);if(!n.form){let C=function(k){var x;"value"in k&&(o.value=k.value),"errors"in k&&h(k.errors),"touched"in k&&(b.touched=(x=k.touched)!==null&&x!==void 0?x:b.touched),"initialValue"in k&&c(k.initialValue)};const{errors:p,setErrors:h}=function(){const k=e.ref([]);return{errors:k,setErrors:x=>{k.value=Ot(x)}}}(),m=zt>=Number.MAX_SAFE_INTEGER?0:++zt,b=function(k,x,V,O){const s=e.computed(()=>{var N,I,A;return(A=(I=(N=e.toValue(O))===null||N===void 0?void 0:N.describe)===null||I===void 0?void 0:I.call(N).required)!==null&&A!==void 0&&A}),w=e.reactive({touched:!1,pending:!1,valid:!0,required:s,validated:!!e.unref(V).length,initialValue:e.computed(()=>e.unref(x)),dirty:e.computed(()=>!Ve(e.unref(k),e.unref(x)))});return e.watch(V,N=>{w.valid=!N.length},{immediate:!0,flush:"sync"}),w}(o,r,p,n.schema);return{id:m,path:t,value:o,initialValue:r,meta:b,flags:{pendingUnmount:{[m]:!1},pendingReset:!1},errors:p,setState:C}}const a=n.form.createPathState(t,{bails:n.bails,label:n.label,type:n.type,validate:n.validate,schema:n.schema}),u=e.computed(()=>a.errors);return{id:Array.isArray(a.id)?a.id[a.id.length-1]:a.id,path:t,value:o,errors:u,meta:a,initialValue:r,flags:a.__flags,setState:function(p){var h,m,b;"value"in p&&(o.value=p.value),"errors"in p&&((h=n.form)===null||h===void 0||h.setFieldError(e.unref(t),p.errors)),"touched"in p&&((m=n.form)===null||m===void 0||m.setFieldTouched(e.unref(t),(b=p.touched)!==null&&b!==void 0&&b)),"initialValue"in p&&c(p.initialValue)}}}const Qe={},Xe={},Ye="vee-validate-inspector",ja=12405579,Ia=448379,Ma=5522283,ut=16777215,Ct=0,Pa=218007,Aa=12157168,Ua=16099682,Fa=12304330;let $e,fe=null;async function la(t){if(process.env.NODE_ENV!=="production"){if(!Qt)return;(await Promise.resolve().then(()=>require("./index-GpH0tOUW.js"))).setupDevtoolsPlugin({id:"vee-validate-devtools-plugin",label:"VeeValidate Plugin",packageName:"vee-validate",homepage:"https://vee-validate.logaretm.com/v4",app:t,logo:"https://vee-validate.logaretm.com/v4/logo.png"},n=>{$e=n,n.addInspector({id:Ye,icon:"rule",label:"vee-validate",noSelectionText:"Select a vee-validate node to inspect",actions:[{icon:"done_outline",tooltip:"Validate selected item",action:async()=>{fe?fe.type!=="field"?fe.type!=="form"?fe.type==="pathState"&&await fe.form.validateField(fe.state.path):await fe.form.validate():await fe.field.validate():console.error("There is not a valid selected vee-validate node or component")}},{icon:"delete_sweep",tooltip:"Clear validation state of the selected item",action:()=>{fe?fe.type!=="field"?(fe.type==="form"&&fe.form.resetForm(),fe.type==="pathState"&&fe.form.resetField(fe.state.path)):fe.field.resetField():console.error("There is not a valid selected vee-validate node or component")}}]}),n.on.getInspectorTree(o=>{if(o.inspectorId!==Ye)return;const r=Object.values(Qe),c=Object.values(Xe);o.rootNodes=[...r.map(Ta),...c.map(a=>function(u,p){return{id:xt(p,u),label:e.unref(u.name),tags:oa(!1,1,u.type,u.meta.valid,p)}}(a))]}),n.on.getInspectorState(o=>{if(o.inspectorId!==Ye)return;const{form:r,field:c,state:a,type:u}=function(p){try{const h=JSON.parse(decodeURIComponent(atob(p))),m=Qe[h.f];if(!m&&h.ff){const C=Xe[h.ff];return C?{type:h.type,field:C}:{}}if(!m)return{};const b=m.getPathState(h.ff);return{type:h.type,form:m,state:b}}catch{}return{}}(o.nodeId);return n.unhighlightElement(),r&&u==="form"?(o.state=function(p){const{errorBag:h,meta:m,values:b,isSubmitting:C,isValidating:k,submitCount:x}=p;return{"Form state":[{key:"submitCount",value:x.value},{key:"isSubmitting",value:C.value},{key:"isValidating",value:k.value},{key:"touched",value:m.value.touched},{key:"dirty",value:m.value.dirty},{key:"valid",value:m.value.valid},{key:"initialValues",value:m.value.initialValues},{key:"currentValues",value:b},{key:"errors",value:ke(h.value).reduce((V,O)=>{var s;const w=(s=h.value[O])===null||s===void 0?void 0:s[0];return w&&(V[O]=w),V},{})}]}}(r),fe={type:"form",form:r},void n.highlightElement(r._vm)):a&&u==="pathState"&&r?(o.state=qt(a),void(fe={type:"pathState",state:a,form:r})):c&&u==="field"?(o.state=qt({errors:c.errors.value,dirty:c.meta.dirty,valid:c.meta.valid,touched:c.meta.touched,value:c.value.value,initialValue:c.meta.initialValue}),fe={field:c,type:"field"},void n.highlightElement(c._vm)):(fe=null,void n.unhighlightElement())})})}}const qe=function(t,n){let o,r;return function(...c){const a=this;return o||(o=!0,setTimeout(()=>o=!1,n),r=t.apply(a,c)),r}}(()=>{setTimeout(async()=>{await e.nextTick(),$e==null||$e.sendInspectorState(Ye),$e==null||$e.sendInspectorTree(Ye)},100)},100);function Ta(t){const{textColor:n,bgColor:o}=ra(t.meta.value.valid),r={};Object.values(t.getAllPathStates()).forEach(a=>{Se(r,e.toValue(a.path),function(u,p){return{id:xt(p,u),label:e.toValue(u.path),tags:oa(u.multiple,u.fieldsCount,u.type,u.valid,p)}}(a,t))});const{children:c}=function a(u,p=[]){const h=[...p].pop();return"id"in u?Object.assign(Object.assign({},u),{label:h||u.label}):Pe(u)?{id:`${p.join(".")}`,label:h||"",children:Object.keys(u).map(m=>a(u[m],[...p,m]))}:Array.isArray(u)?{id:`${p.join(".")}`,label:`${h}[]`,children:u.map((m,b)=>a(m,[...p,String(b)]))}:{id:"",label:"",children:[]}}(r);return{id:xt(t),label:t.name,children:c,tags:[{label:"Form",textColor:n,backgroundColor:o},{label:`${t.getAllPathStates().length} fields`,textColor:ut,backgroundColor:Ma}]}}function oa(t,n,o,r,c){const{textColor:a,bgColor:u}=ra(r);return[t?void 0:{label:"Field",textColor:a,backgroundColor:u},c?void 0:{label:"Standalone",textColor:Ct,backgroundColor:Fa},o==="checkbox"?{label:"Checkbox",textColor:ut,backgroundColor:Pa}:void 0,o==="radio"?{label:"Radio",textColor:ut,backgroundColor:Aa}:void 0,t?{label:"Multiple",textColor:Ct,backgroundColor:Ua}:void 0].filter(Boolean)}function xt(t,n){const o=n?"path"in n?"pathState":"field":"form",r=n?"path"in n?n==null?void 0:n.path:e.toValue(n==null?void 0:n.name):"",c={f:t==null?void 0:t.formId,ff:(n==null?void 0:n.id)||r,type:o};return btoa(encodeURIComponent(JSON.stringify(c)))}function qt(t){return{"Field state":[{key:"errors",value:t.errors},{key:"initialValue",value:t.initialValue},{key:"currentValue",value:t.value},{key:"touched",value:t.touched},{key:"dirty",value:t.dirty},{key:"valid",value:t.valid}]}}function ra(t){return{bgColor:t?Ia:ja,textColor:t?Ct:ut}}function He(t,n,o){return Ze(o==null?void 0:o.type)?function(r,c,a){const u=a!=null&&a.standalone?void 0:Yt(_t),p=a==null?void 0:a.checkedValue,h=a==null?void 0:a.uncheckedValue;function m(b){const C=b.handleChange,k=e.computed(()=>{const V=e.toValue(b.value),O=e.toValue(p);return Array.isArray(V)?V.findIndex(s=>Ve(s,O))>=0:Ve(O,V)});function x(V,O=!0){var s,w;if(k.value===((s=V==null?void 0:V.target)===null||s===void 0?void 0:s.checked))return void(O&&b.validate());const N=e.toValue(r),I=u==null?void 0:u.getPathState(N),A=it(V);let R=(w=e.toValue(p))!==null&&w!==void 0?w:A;u&&(I!=null&&I.multiple)&&I.type==="checkbox"?R=$t(Oe(u.values,N)||[],R,void 0):(a==null?void 0:a.type)==="checkbox"&&(R=$t(e.toValue(b.value),R,e.toValue(h))),C(R,O)}return Object.assign(Object.assign({},b),{checked:k,checkedValue:p,uncheckedValue:h,handleChange:x})}return m(Ht(r,c,a))}(t,n,o):Ht(t,n,o)}function Ht(t,n,o){const{initialValue:r,validateOnMount:c,bails:a,type:u,checkedValue:p,label:h,validateOnValueUpdate:m,uncheckedValue:b,controlled:C,keepValueOnUnmount:k,syncVModel:x,form:V}=function(g){const F=()=>({initialValue:void 0,validateOnMount:!1,bails:!0,label:void 0,validateOnValueUpdate:!0,keepValueOnUnmount:void 0,syncVModel:!1,controlled:!0}),Q=!!(g!=null&&g.syncVModel),q=typeof(g==null?void 0:g.syncVModel)=="string"?g.syncVModel:(g==null?void 0:g.modelPropName)||"modelValue",Z=Q&&!("initialValue"in(g||{}))?pt(e.getCurrentInstance(),q):g==null?void 0:g.initialValue;if(!g)return Object.assign(Object.assign({},F()),{initialValue:Z});const U="valueProp"in g?g.valueProp:g.checkedValue,ie="standalone"in g?!g.standalone:g.controlled,ue=(g==null?void 0:g.modelPropName)||(g==null?void 0:g.syncVModel)||!1;return Object.assign(Object.assign(Object.assign({},F()),g||{}),{initialValue:Z,controlled:ie==null||ie,checkedValue:U,syncVModel:ue})}(o),O=C?Yt(_t):void 0,s=V||O,w=e.computed(()=>Ke(e.toValue(t))),N=e.computed(()=>{if(e.toValue(s==null?void 0:s.schema))return;const g=e.unref(n);return rt(g)||Be(g)||ye(g)||Array.isArray(g)?g:ea(g)}),I=!ye(N.value)&&Be(e.toValue(n)),{id:A,value:R,initialValue:ee,meta:G,setState:me,errors:D,flags:J}=Na(w,{modelValue:r,form:s,bails:a,label:h,type:u,validate:N.value?te:void 0,schema:I?n:void 0}),X=e.computed(()=>D.value[0]);x&&function({prop:g,value:F,handleChange:Q,shouldValidate:q}){const Z=e.getCurrentInstance();if(!Z||!g)return void(process.env.NODE_ENV!=="production"&&console.warn("Failed to setup model events because `useField` was not called in setup."));const U=typeof g=="string"?g:"modelValue",ie=`update:${U}`;U in Z.props&&(e.watch(F,ue=>{Ve(ue,pt(Z,U))||Z.emit(ie,ue)}),e.watch(()=>pt(Z,U),ue=>{if(ue===ot&&F.value===void 0)return;const pe=ue===ot?void 0:ue;Ve(pe,F.value)||Q(pe,q())}))}({value:R,prop:x,handleChange:ce,shouldValidate:()=>m&&!J.pendingReset});async function le(g){var F,Q;if(s!=null&&s.validateSchema){const{results:q}=await s.validateSchema(g);return(F=q[e.toValue(w)])!==null&&F!==void 0?F:{valid:!0,errors:[]}}return N.value?ta(R.value,N.value,{name:e.toValue(w),label:e.toValue(h),values:(Q=s==null?void 0:s.values)!==null&&Q!==void 0?Q:{},bails:a}):{valid:!0,errors:[]}}const L=kt(async()=>(G.pending=!0,G.validated=!0,le("validated-only")),g=>(J.pendingUnmount[W.id]||(me({errors:g.errors}),G.pending=!1,G.valid=g.valid),g)),S=kt(async()=>le("silent"),g=>(G.valid=g.valid,g));function te(g){return(g==null?void 0:g.mode)==="silent"?S():L()}function ce(g,F=!0){Y(it(g),F)}function z(g){var F;const Q=g&&"value"in g?g.value:ee.value;me({value:ne(Q),initialValue:ne(Q),touched:(F=g==null?void 0:g.touched)!==null&&F!==void 0&&F,errors:(g==null?void 0:g.errors)||[]}),G.pending=!1,G.validated=!1,S()}e.onMounted(()=>{if(c)return L();s&&s.validateSchema||S()});const oe=e.getCurrentInstance();function Y(g,F=!0){R.value=oe&&x?wa(g,oe.props.modelModifiers):g,(F?L:S)()}const K=e.computed({get:()=>R.value,set(g){Y(g,m)}}),W={id:A,name:w,label:h,value:K,meta:G,errors:D,errorMessage:X,type:u,checkedValue:p,uncheckedValue:b,bails:a,keepValueOnUnmount:k,resetField:z,handleReset:()=>z(),validate:te,handleChange:ce,handleBlur:(g,F=!1)=>{G.touched=!0,F&&L()},setState:me,setTouched:function(g){G.touched=g},setErrors:function(g){me({errors:Array.isArray(g)?g:[g]})},setValue:Y};if(e.provide(Ca,W),e.isRef(n)&&typeof e.unref(n)!="function"&&e.watch(n,(g,F)=>{Ve(g,F)||(G.validated?L():S())},{deep:!0}),process.env.NODE_ENV!=="production"&&(W._vm=e.getCurrentInstance(),e.watch(()=>Object.assign(Object.assign({errors:D.value},G),{value:R.value}),qe,{deep:!0}),s||function(g){const F=e.getCurrentInstance();if(!$e){const Q=F==null?void 0:F.appContext.app;if(!Q)return;la(Q)}Xe[g.id]=Object.assign({},g),Xe[g.id]._vm=F,e.onUnmounted(()=>{delete Xe[g.id],qe()}),qe()}(W)),!s)return W;const re=e.computed(()=>{const g=N.value;return!g||ye(g)||rt(g)||Be(g)||Array.isArray(g)?{}:Object.keys(g).reduce((F,Q)=>{const q=(Z=g[Q],Array.isArray(Z)?Z.filter(Vt):ke(Z).filter(U=>Vt(Z[U])).map(U=>Z[U])).map(U=>U.__locatorRef).reduce((U,ie)=>{const ue=Oe(s.values,ie)||s.values[ie];return ue!==void 0&&(U[ie]=ue),U},{});var Z;return Object.assign(F,q),F},{})});return e.watch(re,(g,F)=>{Object.keys(g).length&&!Ve(g,F)&&(G.validated?L():S())}),e.onBeforeUnmount(()=>{var g;const F=(g=e.toValue(W.keepValueOnUnmount))!==null&&g!==void 0?g:e.toValue(s.keepValuesOnUnmount),Q=e.toValue(w);if(F||!s||J.pendingUnmount[W.id])return void(s==null||s.removePathState(Q,A));J.pendingUnmount[W.id]=!0;const q=s.getPathState(Q);if(Array.isArray(q==null?void 0:q.id)&&(q!=null&&q.multiple)?q!=null&&q.id.includes(W.id):(q==null?void 0:q.id)===W.id){if(q!=null&&q.multiple&&Array.isArray(q.value)){const Z=q.value.findIndex(U=>Ve(U,e.toValue(W.checkedValue)));if(Z>-1){const U=[...q.value];U.splice(Z,1),s.setFieldValue(Q,U)}Array.isArray(q.id)&&q.id.splice(q.id.indexOf(W.id),1)}else s.unsetPathValue(e.toValue(w));s.removePathState(Q,A)}}),W}function pt(t,n){if(t)return t.props[n]}function Wt(t,n){let o=t.as||"";return t.as||n.slots.default||(o="input"),o}function Da(t,n){return Ze(n.attrs.type)?Ut(t,"modelValue")?t.modelValue:void 0:Ut(t,"modelValue")?t.modelValue:n.attrs.value}const $a=e.defineComponent({name:"Field",inheritAttrs:!1,props:{as:{type:[String,Object],default:void 0},name:{type:String,required:!0},rules:{type:[Object,String,Function],default:void 0},validateOnMount:{type:Boolean,default:!1},validateOnBlur:{type:Boolean,default:void 0},validateOnChange:{type:Boolean,default:void 0},validateOnInput:{type:Boolean,default:void 0},validateOnModelUpdate:{type:Boolean,default:void 0},bails:{type:Boolean,default:()=>De().bails},label:{type:String,default:void 0},uncheckedValue:{type:null,default:void 0},modelValue:{type:null,default:ot},modelModifiers:{type:null,default:()=>({})},"onUpdate:modelValue":{type:null,default:void 0},standalone:{type:Boolean,default:!1},keepValue:{type:Boolean,default:void 0}},setup(t,n){const o=e.toRef(t,"rules"),r=e.toRef(t,"name"),c=e.toRef(t,"label"),a=e.toRef(t,"uncheckedValue"),u=e.toRef(t,"keepValue"),{errors:p,value:h,errorMessage:m,validate:b,handleChange:C,handleBlur:k,setTouched:x,resetField:V,handleReset:O,meta:s,checked:w,setErrors:N,setValue:I}=He(r,o,{validateOnMount:t.validateOnMount,bails:t.bails,standalone:t.standalone,type:n.attrs.type,initialValue:Da(t,n),checkedValue:n.attrs.value,uncheckedValue:a,label:c,validateOnValueUpdate:t.validateOnModelUpdate,keepValueOnUnmount:u,syncVModel:!0}),A=function(D,J=!0){C(D,J)},R=e.computed(()=>{const{validateOnInput:D,validateOnChange:J,validateOnBlur:X,validateOnModelUpdate:le}=function(S){var te,ce,z,oe;const{validateOnInput:Y,validateOnChange:K,validateOnBlur:W,validateOnModelUpdate:re}=De();return{validateOnInput:(te=S.validateOnInput)!==null&&te!==void 0?te:Y,validateOnChange:(ce=S.validateOnChange)!==null&&ce!==void 0?ce:K,validateOnBlur:(z=S.validateOnBlur)!==null&&z!==void 0?z:W,validateOnModelUpdate:(oe=S.validateOnModelUpdate)!==null&&oe!==void 0?oe:re}}(t);return{name:t.name,onBlur:function(S){k(S,X),ye(n.attrs.onBlur)&&n.attrs.onBlur(S)},onInput:function(S){A(S,D),ye(n.attrs.onInput)&&n.attrs.onInput(S)},onChange:function(S){A(S,J),ye(n.attrs.onChange)&&n.attrs.onChange(S)},"onUpdate:modelValue":S=>A(S,le)}}),ee=e.computed(()=>{const D=Object.assign({},R.value);return Ze(n.attrs.type)&&w&&(D.checked=w.value),xa(Wt(t,n),n.attrs)&&(D.value=h.value),D}),G=e.computed(()=>Object.assign(Object.assign({},R.value),{modelValue:h.value}));function me(){return{field:ee.value,componentField:G.value,value:h.value,meta:s,errors:p.value,errorMessage:m.value,validate:b,resetField:V,handleChange:A,handleInput:D=>A(D,!1),handleReset:O,handleBlur:R.value.onBlur,setTouched:x,setErrors:N,setValue:I}}return n.expose({value:h,meta:s,errors:p,errorMessage:m,setErrors:N,setTouched:x,setValue:I,reset:V,validate:b,handleChange:C}),()=>{const D=e.resolveDynamicComponent(Wt(t,n)),J=function(X,le,L){return le.slots.default?typeof X!="string"&&X?{default:()=>{var S,te;return(te=(S=le.slots).default)===null||te===void 0?void 0:te.call(S,L())}}:le.slots.default(L()):le.slots.default}(D,n,me);return D?e.h(D,Object.assign(Object.assign({},n.attrs),ee.value),J):J}}});let Ra=0;const nt=["bails","fieldsCount","id","multiple","type","validate"];function Jt(t){const n=(t==null?void 0:t.initialValues)||{},o=Object.assign({},e.toValue(n)),r=e.unref(t==null?void 0:t.validationSchema);return r&&Be(r)&&ye(r.cast)?ne(r.cast(o)||{}):ne(o)}function La(t){var n;const o=Ra++,r=(t==null?void 0:t.name)||"Form";let c=0;const a=e.ref(!1),u=e.ref(!1),p=e.ref(0),h=[],m=e.reactive(Jt(t)),b=e.ref([]),C=e.ref({}),k=e.ref({}),x=function(l){let i=null,d=[];return function(...f){const v=e.nextTick(()=>{if(i!==v)return;const j=l(...f);d.forEach(_=>_(j)),d=[],i=null});return i=v,new Promise(j=>d.push(j))}}(()=>{k.value=b.value.reduce((l,i)=>(l[Ke(e.toValue(i.path))]=i,l),{})});function V(l,i){const d=z(l);if(d){if(typeof l=="string"){const f=Ke(l);C.value[f]&&delete C.value[f]}d.errors=Ot(i),d.valid=!d.errors.length}else typeof l=="string"&&(C.value[Ke(l)]=Ot(i))}function O(l){ke(l).forEach(i=>{V(i,l[i])})}t!=null&&t.initialErrors&&O(t.initialErrors);const s=e.computed(()=>{const l=b.value.reduce((i,d)=>(d.errors.length&&(i[e.toValue(d.path)]=d.errors),i),{});return Object.assign(Object.assign({},C.value),l)}),w=e.computed(()=>ke(s.value).reduce((l,i)=>{const d=s.value[i];return d!=null&&d.length&&(l[i]=d[0]),l},{})),N=e.computed(()=>b.value.reduce((l,i)=>(l[e.toValue(i.path)]={name:e.toValue(i.path)||"",label:i.label||""},l),{})),I=e.computed(()=>b.value.reduce((l,i)=>{var d;return l[e.toValue(i.path)]=(d=i.bails)===null||d===void 0||d,l},{})),A=Object.assign({},(t==null?void 0:t.initialErrors)||{}),R=(n=t==null?void 0:t.keepValuesOnUnmount)!==null&&n!==void 0&&n,{initialValues:ee,originalInitialValues:G,setInitialValues:me}=function(l,i,d){const f=Jt(d),v=e.ref(f),j=e.ref(ne(f));function _(P,M){M!=null&&M.force?(v.value=ne(P),j.value=ne(P)):(v.value=Ge(ne(v.value)||{},ne(P)),j.value=Ge(ne(j.value)||{},ne(P))),M!=null&&M.updateFields&&l.value.forEach(ae=>{if(ae.touched)return;const $=Oe(v.value,e.toValue(ae.path));Se(i,e.toValue(ae.path),ne($))})}return{initialValues:v,originalInitialValues:j,setInitialValues:_}}(b,m,t),D=function(l,i,d,f){const v={touched:"some",pending:"some",valid:"every"},j=e.computed(()=>!Ve(i,e.unref(d)));function _(){const M=l.value;return ke(v).reduce((ae,$)=>{const ve=v[$];return ae[$]=M[ve](de=>de[$]),ae},{})}const P=e.reactive(_());return e.watchEffect(()=>{const M=_();P.touched=M.touched,P.valid=M.valid,P.pending=M.pending}),e.computed(()=>Object.assign(Object.assign({initialValues:e.unref(d)},P),{valid:P.valid&&!ke(f.value).length,dirty:j.value}))}(b,m,G,w),J=e.computed(()=>b.value.reduce((l,i)=>{const d=Oe(m,e.toValue(i.path));return Se(l,e.toValue(i.path),d),l},{})),X=t==null?void 0:t.validationSchema;function le(l,i){var d,f;const v=e.computed(()=>Oe(ee.value,e.toValue(l))),j=k.value[e.toValue(l)],_=(i==null?void 0:i.type)==="checkbox"||(i==null?void 0:i.type)==="radio";if(j&&_){j.multiple=!0;const se=c++;return Array.isArray(j.id)?j.id.push(se):j.id=[j.id,se],j.fieldsCount++,j.__flags.pendingUnmount[se]=!1,j}const P=e.computed(()=>Oe(m,e.toValue(l))),M=e.toValue(l),ae=Y.findIndex(se=>se===M);ae!==-1&&Y.splice(ae,1);const $=e.computed(()=>{var se,ge,xe,je;const Re=e.toValue(X);if(Be(Re))return(ge=(se=Re.describe)===null||se===void 0?void 0:se.call(Re,e.toValue(l)).required)!==null&&ge!==void 0&≥const Le=e.toValue(i==null?void 0:i.schema);return!!Be(Le)&&(je=(xe=Le.describe)===null||xe===void 0?void 0:xe.call(Le).required)!==null&&je!==void 0&&je}),ve=c++,de=e.reactive({id:ve,path:l,touched:!1,pending:!1,valid:!0,validated:!!(!((d=A[M])===null||d===void 0)&&d.length),required:$,initialValue:v,errors:e.shallowRef([]),bails:(f=i==null?void 0:i.bails)!==null&&f!==void 0&&f,label:i==null?void 0:i.label,type:(i==null?void 0:i.type)||"default",value:P,multiple:!1,__flags:{pendingUnmount:{[ve]:!1},pendingReset:!1},fieldsCount:1,validate:i==null?void 0:i.validate,dirty:e.computed(()=>!Ve(e.unref(P),e.unref(v)))});return b.value.push(de),k.value[M]=de,x(),w.value[M]&&!A[M]&&e.nextTick(()=>{pe(M,{mode:"silent"})}),e.isRef(l)&&e.watch(l,se=>{x();const ge=ne(P.value);k.value[se]=de,e.nextTick(()=>{Se(m,se,ge)})}),de}const L=Rt(E,5),S=Rt(E,5),te=kt(async l=>await(l==="silent"?L():S()),(l,[i])=>{const d=ke(re.errorBag.value),f=[...new Set([...ke(l.results),...b.value.map(v=>v.path),...d])].sort().reduce((v,j)=>{var _;const P=j,M=z(P)||function(de){return b.value.filter(ge=>de.startsWith(e.toValue(ge.path))).reduce((ge,xe)=>ge?xe.path.length>ge.path.length?xe:ge:xe,void 0)}(P),ae=((_=l.results[P])===null||_===void 0?void 0:_.errors)||[],$=e.toValue(M==null?void 0:M.path)||P,ve=function(de,se){return se?{valid:de.valid&&se.valid,errors:[...de.errors,...se.errors]}:de}({errors:ae,valid:!ae.length},v.results[$]);return v.results[$]=ve,ve.valid||(v.errors[$]=ve.errors[0]),M&&C.value[$]&&delete C.value[$],M?(M.valid=ve.valid,i==="silent"||(i!=="validated-only"||M.validated)&&V(M,ve.errors),v):(V($,ae),v)},{valid:l.valid,results:{},errors:{},source:l.source});return l.values&&(f.values=l.values,f.source=l.source),ke(f.results).forEach(v=>{var j;const _=z(v);_&&i!=="silent"&&(i!=="validated-only"||_.validated)&&V(_,(j=f.results[v])===null||j===void 0?void 0:j.errors)}),f});function ce(l){b.value.forEach(l)}function z(l){const i=typeof l=="string"?Ke(l):l;return typeof i=="string"?k.value[i]:i}let oe,Y=[];function K(l){return function(i,d){return function(f){return f instanceof Event&&(f.preventDefault(),f.stopPropagation()),ce(v=>v.touched=!0),a.value=!0,p.value++,ue().then(v=>{const j=ne(m);if(v.valid&&typeof i=="function"){const _=ne(J.value);let P=l?_:j;return v.values&&(P=v.source==="schema"?v.values:Object.assign({},P,v.values)),i(P,{evt:f,controlledValues:_,setErrors:O,setFieldError:V,setTouched:Z,setFieldTouched:q,setValues:F,setFieldValue:g,resetForm:ie,resetField:U})}v.valid||typeof d!="function"||d({values:j,evt:f,errors:v.errors,results:v.results})}).then(v=>(a.value=!1,v),v=>{throw a.value=!1,v})}}}const W=K(!1);W.withControlled=K(!0);const re={name:r,formId:o,values:m,controlledValues:J,errorBag:s,errors:w,schema:X,submitCount:p,meta:D,isSubmitting:a,isValidating:u,fieldArrays:h,keepValuesOnUnmount:R,validateSchema:e.unref(X)?te:void 0,validate:ue,setFieldError:V,validateField:pe,setFieldValue:g,setValues:F,setErrors:O,setFieldTouched:q,setTouched:Z,resetForm:ie,resetField:U,handleSubmit:W,useFieldModel:function(l){return Array.isArray(l)?l.map(i=>Q(i,!0)):Q(l)},defineInputBinds:function(l,i){const[d,f]=H(l,i);function v(){f.value.onBlur()}function j(P){const M=it(P);g(e.toValue(l),M,!1),f.value.onInput()}function _(P){const M=it(P);g(e.toValue(l),M,!1),f.value.onChange()}return e.computed(()=>Object.assign(Object.assign({},f.value),{onBlur:v,onInput:j,onChange:_,value:d.value}))},defineComponentBinds:function(l,i){const[d,f]=H(l,i),v=z(e.toValue(l));function j(_){d.value=_}return e.computed(()=>{const _=ye(i)?i(at(v,nt)):i||{};return Object.assign({[_.model||"modelValue"]:d.value,[`onUpdate:${_.model||"modelValue"}`]:j},f.value)})},defineField:H,stageInitialValue:function(l,i,d=!1){y(l,i),Se(m,l,i),d&&!(t!=null&&t.initialValues)&&Se(G.value,l,ne(i))},unsetInitialValue:Ne,setFieldInitialValue:y,createPathState:le,getPathState:z,unsetPathValue:function(l){return Y.push(l),oe||(oe=e.nextTick(()=>{[...Y].sort().reverse().forEach(i=>{Dt(m,i)}),Y=[],oe=null})),oe},removePathState:function(l,i){const d=b.value.findIndex(v=>v.path===l&&(Array.isArray(v.id)?v.id.includes(i):v.id===i)),f=b.value[d];if(d!==-1&&f){if(e.nextTick(()=>{pe(l,{mode:"silent",warn:!1})}),f.multiple&&f.fieldsCount&&f.fieldsCount--,Array.isArray(f.id)){const v=f.id.indexOf(i);v>=0&&f.id.splice(v,1),delete f.__flags.pendingUnmount[i]}(!f.multiple||f.fieldsCount<=0)&&(b.value.splice(d,1),Ne(l),x(),delete k.value[l])}},initialValues:ee,getAllPathStates:()=>b.value,destroyPath:function(l){ke(k.value).forEach(i=>{i.startsWith(l)&&delete k.value[i]}),b.value=b.value.filter(i=>!i.path.startsWith(l)),e.nextTick(()=>{x()})},isFieldTouched:function(l){const i=z(l);return i?i.touched:b.value.filter(d=>d.path.startsWith(l)).some(d=>d.touched)},isFieldDirty:function(l){const i=z(l);return i?i.dirty:b.value.filter(d=>d.path.startsWith(l)).some(d=>d.dirty)},isFieldValid:function(l){const i=z(l);return i?i.valid:b.value.filter(d=>d.path.startsWith(l)).every(d=>d.valid)}};function g(l,i,d=!0){const f=ne(i),v=typeof l=="string"?l:l.path;z(v)||le(v),Se(m,v,f),d&&pe(v)}function F(l,i=!0){Ge(m,l),h.forEach(d=>d&&d.reset()),i&&ue()}function Q(l,i){const d=z(e.toValue(l))||le(l);return e.computed({get:()=>d.value,set(f){var v;g(e.toValue(l),f,(v=e.toValue(i))!==null&&v!==void 0&&v)}})}function q(l,i){const d=z(l);d&&(d.touched=i)}function Z(l){typeof l!="boolean"?ke(l).forEach(i=>{q(i,!!l[i])}):ce(i=>{i.touched=l})}function U(l,i){var d;const f=i&&"value"in i?i.value:Oe(ee.value,l),v=z(l);v&&(v.__flags.pendingReset=!0),y(l,ne(f),!0),g(l,f,!1),q(l,(d=i==null?void 0:i.touched)!==null&&d!==void 0&&d),V(l,(i==null?void 0:i.errors)||[]),e.nextTick(()=>{v&&(v.__flags.pendingReset=!1)})}function ie(l,i){let d=ne(l!=null&&l.values?l.values:G.value);d=i!=null&&i.force?d:Ge(G.value,d),d=Be(X)&&ye(X.cast)?X.cast(d):d,me(d,{force:i==null?void 0:i.force}),ce(f=>{var v;f.__flags.pendingReset=!0,f.validated=!1,f.touched=((v=l==null?void 0:l.touched)===null||v===void 0?void 0:v[e.toValue(f.path)])||!1,g(e.toValue(f.path),Oe(d,e.toValue(f.path)),!1),V(e.toValue(f.path),void 0)}),i!=null&&i.force?function(f,v=!0){ke(m).forEach(j=>{delete m[j]}),ke(f).forEach(j=>{g(j,f[j],!1)}),v&&ue()}(d,!1):F(d,!1),O((l==null?void 0:l.errors)||{}),p.value=(l==null?void 0:l.submitCount)||0,e.nextTick(()=>{ue({mode:"silent"}),ce(f=>{f.__flags.pendingReset=!1})})}async function ue(l){const i=(l==null?void 0:l.mode)||"force";if(i==="force"&&ce(_=>_.validated=!0),re.validateSchema)return re.validateSchema(i);u.value=!0;const d=await Promise.all(b.value.map(_=>_.validate?_.validate(l).then(P=>({key:e.toValue(_.path),valid:P.valid,errors:P.errors,value:P.value})):Promise.resolve({key:e.toValue(_.path),valid:!0,errors:[],value:void 0})));u.value=!1;const f={},v={},j={};for(const _ of d)f[_.key]={valid:_.valid,errors:_.errors},_.value&&Se(j,_.key,_.value),_.errors.length&&(v[_.key]=_.errors[0]);return{valid:d.every(_=>_.valid),results:f,errors:v,values:j,source:"fields"}}async function pe(l,i){var d;const f=z(l);if(f&&(i==null?void 0:i.mode)!=="silent"&&(f.validated=!0),X){const{results:v}=await te((i==null?void 0:i.mode)||"validated-only");return v[l]||{errors:[],valid:!0}}return f!=null&&f.validate?f.validate(i):(!f&&((d=i==null?void 0:i.warn)===null||d===void 0||d)&&process.env.NODE_ENV!=="production"&&e.warn(`field with path ${l} was not found`),Promise.resolve({errors:[],valid:!0}))}function Ne(l){Dt(ee.value,l)}function y(l,i,d=!1){Se(ee.value,l,ne(i)),d&&Se(G.value,l,ne(i))}async function E(){const l=e.unref(X);if(!l)return{valid:!0,results:{},errors:{},source:"none"};u.value=!0;const i=rt(l)||Be(l)?await async function(d,f){const v=Be(d)?d:aa(d),j=await v.parse(ne(f),{formData:ne(f)}),_={},P={};for(const M of j.errors){const ae=M.errors,$=(M.path||"").replace(/\["(\d+)"\]/g,(ve,de)=>`[${de}]`);_[$]={valid:!ae.length,errors:ae},ae.length&&(P[$]=ae[0])}return{valid:!j.errors.length,results:_,errors:P,values:j.value,source:"schema"}}(l,m):await Sa(l,m,{names:N.value,bailsMap:I.value});return u.value=!1,i}const T=W((l,{evt:i})=>{(function(d){return Xt(d)&&d.target&&"submit"in d.target})(i)&&i.target.submit()});function H(l,i){const d=ye(i)||i==null?void 0:i.label,f=z(e.toValue(l))||le(l,{label:d}),v=()=>ye(i)?i(at(f,nt)):i||{};function j(){var $;f.touched=!0,(($=v().validateOnBlur)!==null&&$!==void 0?$:De().validateOnBlur)&&pe(e.toValue(f.path))}function _(){var $;(($=v().validateOnInput)!==null&&$!==void 0?$:De().validateOnInput)&&e.nextTick(()=>{pe(e.toValue(f.path))})}function P(){var $;(($=v().validateOnChange)!==null&&$!==void 0?$:De().validateOnChange)&&e.nextTick(()=>{pe(e.toValue(f.path))})}const M=e.computed(()=>{const $={onChange:P,onInput:_,onBlur:j};return ye(i)?Object.assign(Object.assign({},$),i(at(f,nt)).props||{}):i!=null&&i.props?Object.assign(Object.assign({},$),i.props(at(f,nt))):$});return[Q(l,()=>{var $,ve,de;return(de=($=v().validateOnModelUpdate)!==null&&$!==void 0?$:(ve=De())===null||ve===void 0?void 0:ve.validateOnModelUpdate)===null||de===void 0||de}),M]}e.onMounted(()=>{t!=null&&t.initialErrors&&O(t.initialErrors),t!=null&&t.initialTouched&&Z(t.initialTouched),t!=null&&t.validateOnMount?ue():re.validateSchema&&re.validateSchema("silent")}),e.isRef(X)&&e.watch(X,()=>{var l;(l=re.validateSchema)===null||l===void 0||l.call(re,"validated-only")}),e.provide(_t,re),process.env.NODE_ENV!=="production"&&(function(l){const i=e.getCurrentInstance();if(!$e){const d=i==null?void 0:i.appContext.app;if(!d)return;la(d)}Qe[l.formId]=Object.assign({},l),Qe[l.formId]._vm=i,e.onUnmounted(()=>{delete Qe[l.formId],qe()}),qe()}(re),e.watch(()=>Object.assign(Object.assign({errors:s.value},D.value),{values:m,isSubmitting:a.value,isValidating:u.value,submitCount:p.value}),qe,{deep:!0}));const B=Object.assign(Object.assign({},re),{values:e.readonly(m),handleReset:()=>ie(),submitForm:T});return e.provide(Oa,B),B}const ia=t=>{const{columnsMerged:n,fieldColumns:o,propName:r}=t;o&&r&>({columns:o,propName:`${r} prop "columns"`});const c=(o==null?void 0:o.sm)??n.sm,a=(o==null?void 0:o.md)??n.md,u=(o==null?void 0:o.lg)??n.lg,p=(o==null?void 0:o.xl)??n.xl;return{"v-col-12":!0,"v-cols":!0,[`v-col-sm-${c}`]:!!c,[`v-col-md-${a}`]:!!a,[`v-col-lg-${u}`]:!!u,[`v-col-xl-${p}`]:!!p}},za=["columns","options","required","rules","when"],Ue=(t,n=[])=>{const o=Object.entries(t).filter(([r])=>!za.includes(r)&&!(n!=null&&n.includes(r)));return Object.fromEntries(o)},We=async t=>{const{action:n,emit:o,field:r,settingsValidateOn:c,validate:a}=t,u=r.validateOn||c;(n==="blur"&&u==="blur"||n==="input"&&u==="input"||n==="change"&&u==="change"||n==="click")&&await a().then(()=>{o("validate",r)})},qa=e.defineComponent({__name:"CommonField",props:e.mergeModels({field:{},component:{}},{modelValue:{},modelModifiers:{}}),emits:e.mergeModels(["validate"],["update:modelValue"]),setup(t,{emit:n}){const o=n,r=e.useModel(t,"modelValue"),c=t,{field:a}=e.toRefs(c),u=e.inject("settings"),p=e.computed(()=>a.value.required||!1),h=e.computed(()=>{var A;return((A=a.value)==null?void 0:A.validateOn)??u.value.validateOn}),m=r.value,{errorMessage:b,setValue:C,validate:k,value:x}=He(a.value.name,void 0,{initialValue:r.value,validateOnBlur:h.value==="blur",validateOnChange:h.value==="change",validateOnInput:h.value==="input",validateOnModelUpdate:h.value!=null});async function V(A){await We({action:A,emit:o,field:a.value,settingsValidateOn:u.value.validateOn,validate:k})}e.onUnmounted(()=>{u.value.keepValuesOnUnmount||(r.value=m,C(m))});const O=e.computed(()=>{var A;return(A=a.value)!=null&&A.items?a.value.items:void 0}),s=e.computed(()=>a.value.type==="color"||a.value.type==="date"?"text":a.value.type),w=e.computed(()=>{var R,ee;let A=(R=a.value)==null?void 0:R.error;return A=(ee=a.value)!=null&&ee.errorMessages?a.value.errorMessages.length>0:A,A}),N=e.computed(()=>({...a.value,color:a.value.color||u.value.color,density:a.value.density||u.value.density,hideDetails:a.value.hideDetails||u.value.hideDetails,type:s.value,variant:a.value.variant||u.value.variant})),I=e.computed(()=>Ue(N.value));return(A,R)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(A.component),e.mergeProps({modelValue:e.unref(x),"onUpdate:modelValue":R[0]||(R[0]=ee=>e.isRef(x)?x.value=ee:null)},{...e.unref(I)},{"data-cy":`vsf-field-${e.unref(a).name}`,error:e.unref(w),"error-messages":e.unref(b)||e.unref(a).errorMessages,items:e.unref(O),onBlur:R[1]||(R[1]=ee=>e.unref(h)==="blur"?V("blur"):void 0),onChange:R[2]||(R[2]=ee=>e.unref(h)==="change"?V("change"):void 0),onInput:R[3]||(R[3]=ee=>e.unref(h)==="input"?V("input"):void 0)}),{label:e.withCtx(()=>[e.createVNode(Ae,{label:e.unref(a).label,required:e.unref(p)},null,8,["label","required"])]),_:1},16,["modelValue","data-cy","error","error-messages","items"]))}}),Ha=["innerHTML"],Wa={key:0,class:"v-input__details"},Ja=["name"],Ga=e.defineComponent({__name:"VSFButtonField",props:e.mergeModels({density:{},field:{}},{modelValue:{},modelModifiers:{}}),emits:e.mergeModels(["validate"],["update:modelValue"]),setup(t,{emit:n}){var pe,Ne;e.useCssVars(y=>({"07240b38":e.unref(re)}));const o=n,r=e.useModel(t,"modelValue"),c=t,{field:a}=e.toRefs(c),u=e.inject("settings"),p=e.computed(()=>a.value.required||!1),h=e.computed(()=>{var y,E;return((y=a.value)==null?void 0:y.validateOn)??((E=u.value)==null?void 0:E.validateOn)}),m=r.value,{errorMessage:b,handleChange:C,setValue:k,validate:x,value:V}=He(a.value.name,void 0,{initialValue:(pe=a.value)!=null&&pe.multiple?[]:null,validateOnBlur:h.value==="blur",validateOnChange:h.value==="change",validateOnInput:h.value==="input",validateOnModelUpdate:h.value!=null});e.onUnmounted(()=>{var y;(y=u.value)!=null&&y.keepValuesOnUnmount||(r.value=m,k(m))});const O=e.ref(r.value);async function s(y,E){var T,H,B;if(O.value!==E||h.value!=="change"&&h.value!=="input"){if(!((T=a.value)!=null&&T.disabled)&&V.value){let l;if((H=a.value)!=null&&H.multiple){const i=Array.isArray(V.value)?V.value.slice():[],d=String(E);i.includes(d)?i.splice(i.indexOf(d),1):i.push(d),l=i}else l=E;k(l),r.value=l}else k(E),r.value=E;await We({action:y,emit:o,field:a.value,settingsValidateOn:(B=u.value)==null?void 0:B.validateOn,validate:x}).then(()=>{O.value=V.value}).catch(l=>{console.error(l)})}}const w=e.computed(()=>{var y,E,T,H,B,l,i;return{...a.value,border:(y=a.value)!=null&&y.border?`${(E=a.value)==null?void 0:E.color} ${(T=a.value)==null?void 0:T.border}`:void 0,color:a.value.color||((H=u.value)==null?void 0:H.color),density:((B=a.value)==null?void 0:B.density)??((l=u.value)==null?void 0:l.density),hideDetails:a.value.hideDetails||((i=u.value)==null?void 0:i.hideDetails),multiple:void 0}}),N=e.computed(()=>Ue(w.value,["autoPage","hideDetails","href","maxErrors","multiple","to"])),I=(y,E)=>{var B;const T=y[E],H=(B=a.value)==null?void 0:B[E];return T??H};function A(y,E){var T,H;return y.id!=null?y.id:(T=a.value)!=null&&T.id?`${(H=a.value)==null?void 0:H.id}-${E}`:void 0}const R={comfortable:"48px",compact:"40px",default:"56px",expanded:"64px",oversized:"72px"},ee=e.computed(()=>{var y,E;return((y=a.value)==null?void 0:y.density)??((E=u.value)==null?void 0:E.density)});function G(){return ee.value?R[ee.value]:R.default}function me(y){var T,H;const E=(y==null?void 0:y.minWidth)??((T=a.value)==null?void 0:T.minWidth);return E??(y!=null&&y.icon||(H=a.value)!=null&&H.icon?G():"100px")}function D(y){var T,H;const E=(y==null?void 0:y.maxWidth)??((T=a.value)==null?void 0:T.maxWidth);return E??(y!=null&&y.icon||(H=a.value)!=null&&H.icon?G():void 0)}function J(y){var T,H;const E=(y==null?void 0:y.minHeight)??((T=a.value)==null?void 0:T.minHeight);return E??(y!=null&&y.icon||(H=a.value)!=null&&H.icon?G():void 0)}function X(y){var T;const E=(y==null?void 0:y.maxHeight)??((T=a.value)==null?void 0:T.maxHeight);if(E!=null)return E}function le(y){var T;const E=(y==null?void 0:y.width)??((T=a.value)==null?void 0:T.width);return E??(y!=null&&y.icon?G():"fit-content")}function L(y){var T;const E=(y==null?void 0:y.height)??((T=a.value)==null?void 0:T.height);return E??G()}const S=y=>{if(V.value)return typeof V.value=="number"?V.value===y:typeof V.value=="string"||Array.isArray(V.value)?V.value.includes(y):void 0},te=e.ref((Ne=a.value)==null?void 0:Ne.variant);function ce(y){var E;return S(y)?"flat":te.value??((E=u.value)==null?void 0:E.variant)??"tonal"}function z(y){return y&&y.length>0?y:a.value.hint&&(a.value.persistentHint||U.value)?a.value.hint:a.value.messages?a.value.messages:""}const oe=e.computed(()=>a.value.messages&&a.value.messages.length>0),Y=e.computed(()=>!w.value.hideDetails||w.value.hideDetails==="auto"&&oe.value),K=e.shall