{"version":3,"sources":["webpack:///./src/views/forms/form-wizard/FormWizard.vue","webpack:///./src/views/forms/form-wizard/FormWizardNumberTab.vue","webpack:///src/views/forms/form-wizard/FormWizardNumberTab.vue","webpack:///./src/views/forms/form-wizard/FormWizardNumberTab.vue?306f","webpack:///./src/views/forms/form-wizard/FormWizardNumberTab.vue?526d","webpack:///./src/views/forms/form-wizard/FormWizardIconTab.vue","webpack:///src/views/forms/form-wizard/FormWizardIconTab.vue","webpack:///./src/views/forms/form-wizard/FormWizardIconTab.vue?a1be","webpack:///./src/views/forms/form-wizard/FormWizardIconTab.vue?8cc8","webpack:///./src/views/forms/form-wizard/FormWizardValidation.vue","webpack:///src/views/forms/form-wizard/FormWizardValidation.vue","webpack:///./src/views/forms/form-wizard/FormWizardValidation.vue?9344","webpack:///./src/views/forms/form-wizard/FormWizardValidation.vue?5015","webpack:///src/views/forms/form-wizard/FormWizard.vue","webpack:///./src/views/forms/form-wizard/FormWizard.vue?ff6a","webpack:///./src/views/forms/form-wizard/FormWizard.vue?fdb4"],"names":["render","_vm","this","_c","_self","attrs","_m","staticRenderFns","staticClass","_v","on","formSubmitted","model","value","firstName","callback","$$v","expression","lastName","email","city","_l","cityOptions","item","index","key","text","proposalTitle","jobTitle","textarea","eventName","status","statusOptions","slot","data","eventLocation","LocationOptions","methods","alert","components","component","validateStep1","directives","name","rawName","_s","errors","first","validateStep2","validateStep3","FormWizardNumberTab","FormWizardIconTab","FormWizardValidation"],"mappings":"uHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,MAAM,CAAC,GAAK,qCAAqC,CAACJ,EAAIK,GAAG,GAAGH,EAAG,0BAA0BA,EAAG,wBAAwBA,EAAG,2BAA2B,IAE3NI,EAAkB,CAAC,WAAY,IAAIN,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,IAAI,CAACK,YAAY,QAAQ,CAACL,EAAG,IAAI,CAACE,MAAM,CAAC,KAAO,iDAAiD,OAAS,SAAS,IAAM,aAAa,CAACJ,EAAIQ,GAAG,qBAAqBR,EAAIQ,GAAG,sMCFhPT,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,UAAU,CAACE,MAAM,CAAC,MAAQ,+BAA+B,eAAe,KAAK,CAACF,EAAG,IAAI,CAACF,EAAIQ,GAAG,4CAA4CN,EAAG,OAAO,CAACF,EAAIQ,GAAG,iBAAiBR,EAAIQ,GAAG,SAASN,EAAG,OAAO,CAACF,EAAIQ,GAAG,iBAAiBR,EAAIQ,GAAG,iBAAiBN,EAAG,MAAM,CAACK,YAAY,QAAQ,CAACL,EAAG,cAAc,CAACE,MAAM,CAAC,MAAQ,6BAA6B,MAAQ,KAAK,SAAW,KAAK,iBAAmB,UAAUK,GAAG,CAAC,cAAcT,EAAIU,gBAAgB,CAACR,EAAG,cAAc,CAACK,YAAY,OAAOH,MAAM,CAAC,MAAQ,WAAW,CAACF,EAAG,MAAM,CAACK,YAAY,UAAU,CAACL,EAAG,MAAM,CAACK,YAAY,+BAA+B,CAACL,EAAG,WAAW,CAACK,YAAY,SAASH,MAAM,CAAC,MAAQ,cAAcO,MAAM,CAACC,MAAOZ,EAAIa,UAAWC,SAAS,SAAUC,GAAMf,EAAIa,UAAUE,GAAKC,WAAW,gBAAgB,GAAGd,EAAG,MAAM,CAACK,YAAY,+BAA+B,CAACL,EAAG,WAAW,CAACK,YAAY,SAASH,MAAM,CAAC,MAAQ,aAAaO,MAAM,CAACC,MAAOZ,EAAIiB,SAAUH,SAAS,SAAUC,GAAMf,EAAIiB,SAASF,GAAKC,WAAW,eAAe,GAAGd,EAAG,MAAM,CAACK,YAAY,+BAA+B,CAACL,EAAG,WAAW,CAACK,YAAY,SAASH,MAAM,CAAC,KAAO,QAAQ,MAAQ,SAASO,MAAM,CAACC,MAAOZ,EAAIkB,MAAOJ,SAAS,SAAUC,GAAMf,EAAIkB,MAAMH,GAAKC,WAAW,YAAY,GAAGd,EAAG,MAAM,CAACK,YAAY,+BAA+B,CAACL,EAAG,YAAY,CAACK,YAAY,sBAAsBH,MAAM,CAAC,MAAQ,QAAQO,MAAM,CAACC,MAAOZ,EAAImB,KAAML,SAAS,SAAUC,GAAMf,EAAImB,KAAKJ,GAAKC,WAAW,SAAShB,EAAIoB,GAAIpB,EAAIqB,aAAa,SAASC,EAAKC,GAAO,OAAOrB,EAAG,iBAAiB,CAACsB,IAAID,EAAMhB,YAAY,SAASH,MAAM,CAAC,MAAQkB,EAAKV,MAAM,KAAOU,EAAKG,WAAU,IAAI,OAAOvB,EAAG,cAAc,CAACK,YAAY,OAAOH,MAAM,CAAC,MAAQ,WAAW,CAACF,EAAG,MAAM,CAACK,YAAY,UAAU,CAACL,EAAG,MAAM,CAACK,YAAY,0BAA0B,CAACL,EAAG,WAAW,CAACK,YAAY,cAAcH,MAAM,CAAC,MAAQ,kBAAkBO,MAAM,CAACC,MAAOZ,EAAI0B,cAAeZ,SAAS,SAAUC,GAAMf,EAAI0B,cAAcX,GAAKC,WAAW,mBAAmBd,EAAG,WAAW,CAACK,YAAY,cAAcH,MAAM,CAAC,MAAQ,aAAaO,MAAM,CAACC,MAAOZ,EAAI2B,SAAUb,SAAS,SAAUC,GAAMf,EAAI2B,SAASZ,GAAKC,WAAW,eAAe,GAAGd,EAAG,MAAM,CAACK,YAAY,0BAA0B,CAACL,EAAG,cAAc,CAACK,YAAY,qBAAqBH,MAAM,CAAC,MAAQ,oBAAoB,KAAO,KAAKO,MAAM,CAACC,MAAOZ,EAAI4B,SAAUd,SAAS,SAAUC,GAAMf,EAAI4B,SAASb,GAAKC,WAAW,eAAe,OAAOd,EAAG,cAAc,CAACK,YAAY,OAAOH,MAAM,CAAC,MAAQ,WAAW,CAACF,EAAG,MAAM,CAACK,YAAY,UAAU,CAACL,EAAG,MAAM,CAACK,YAAY,0BAA0B,CAACL,EAAG,WAAW,CAACK,YAAY,cAAcH,MAAM,CAAC,MAAQ,cAAcO,MAAM,CAACC,MAAOZ,EAAI6B,UAAWf,SAAS,SAAUC,GAAMf,EAAI6B,UAAUd,GAAKC,WAAW,gBAAgB,GAAGd,EAAG,MAAM,CAACK,YAAY,0BAA0B,CAACL,EAAG,YAAY,CAACK,YAAY,2BAA2BH,MAAM,CAAC,MAAQ,kBAAkBO,MAAM,CAACC,MAAOZ,EAAImB,KAAML,SAAS,SAAUC,GAAMf,EAAImB,KAAKJ,GAAKC,WAAW,SAAShB,EAAIoB,GAAIpB,EAAIqB,aAAa,SAASC,EAAKC,GAAO,OAAOrB,EAAG,iBAAiB,CAACsB,IAAID,EAAMhB,YAAY,SAASH,MAAM,CAAC,MAAQkB,EAAKV,MAAM,KAAOU,EAAKG,WAAU,IAAI,GAAGvB,EAAG,MAAM,CAACK,YAAY,+BAA+B,CAACL,EAAG,YAAY,CAACK,YAAY,sBAAsBH,MAAM,CAAC,MAAQ,gBAAgBO,MAAM,CAACC,MAAOZ,EAAI8B,OAAQhB,SAAS,SAAUC,GAAMf,EAAI8B,OAAOf,GAAKC,WAAW,WAAWhB,EAAIoB,GAAIpB,EAAI+B,eAAe,SAAST,EAAKC,GAAO,OAAOrB,EAAG,iBAAiB,CAACsB,IAAID,EAAMhB,YAAY,SAASH,MAAM,CAAC,MAAQkB,EAAKV,MAAM,KAAOU,EAAKG,WAAU,IAAI,GAAGvB,EAAG,MAAM,CAACK,YAAY,kCAAkC,CAACL,EAAG,MAAM,CAACK,YAAY,kBAAkB,CAACL,EAAG,OAAO,CAACF,EAAIQ,GAAG,mBAAmBN,EAAG,MAAM,CAACK,YAAY,QAAQ,CAACL,EAAG,cAAc,CAACF,EAAIQ,GAAG,cAAcN,EAAG,cAAc,CAACF,EAAIQ,GAAG,eAAe,YAAY,IAAI,GAAGN,EAAG,WAAW,CAAC8B,KAAK,iBAAiB,CAAChC,EAAIQ,GAAG,usGAAo4G,IAEvkOF,EAAkB,GCyMP,GACf2B,KAAA,WACA,OACApB,UAAA,GACAI,SAAA,GACAC,MAAA,GACAC,KAAA,WACAO,cAAA,GACAC,SAAA,GACAC,SAAA,GACAC,UAAA,GACAK,cAAA,gBACAJ,OAAA,YACAT,YAAA,CACA,CAAAI,KAAA,WAAAb,MAAA,YACA,CAAAa,KAAA,UAAAb,MAAA,WACA,CAAAa,KAAA,gBAAAb,MAAA,iBACA,CAAAa,KAAA,SAAAb,MAAA,WAEAmB,cAAA,CACA,CAAAN,KAAA,YAAAb,MAAA,aACA,CAAAa,KAAA,cAAAb,MAAA,eACA,CAAAa,KAAA,WAAAb,MAAA,aAEAuB,gBAAA,CACA,CAAAV,KAAA,WAAAb,MAAA,YACA,CAAAa,KAAA,UAAAb,MAAA,WACA,CAAAa,KAAA,gBAAAb,MAAA,iBACA,CAAAa,KAAA,SAAAb,MAAA,aAIAwB,QAAA,CACA1B,cAAA,WACA2B,MAAA,qBAGAC,WAAA,IChPyZ,I,YCOrZC,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,KACA,MAIa,EAAAA,E,QClBXxC,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,UAAU,CAACE,MAAM,CAAC,MAAQ,6BAA6B,eAAe,KAAK,CAACF,EAAG,IAAI,CAACF,EAAIQ,GAAG,8BAA8BN,EAAG,OAAO,CAACF,EAAIQ,GAAG,UAAUR,EAAIQ,GAAG,aAAaN,EAAG,OAAO,CAACF,EAAIQ,GAAG,iBAAiBR,EAAIQ,GAAG,4CAA4CN,EAAG,MAAM,CAACK,YAAY,QAAQ,CAACL,EAAG,cAAc,CAACE,MAAM,CAAC,MAAQ,6BAA6B,MAAQ,KAAK,SAAW,KAAK,iBAAmB,UAAUK,GAAG,CAAC,cAAcT,EAAIU,gBAAgB,CAACR,EAAG,cAAc,CAACK,YAAY,OAAOH,MAAM,CAAC,MAAQ,SAAS,KAAO,sBAAsB,CAACF,EAAG,MAAM,CAACK,YAAY,UAAU,CAACL,EAAG,MAAM,CAACK,YAAY,+BAA+B,CAACL,EAAG,WAAW,CAACK,YAAY,SAASH,MAAM,CAAC,MAAQ,cAAcO,MAAM,CAACC,MAAOZ,EAAIa,UAAWC,SAAS,SAAUC,GAAMf,EAAIa,UAAUE,GAAKC,WAAW,gBAAgB,GAAGd,EAAG,MAAM,CAACK,YAAY,+BAA+B,CAACL,EAAG,WAAW,CAACK,YAAY,SAASH,MAAM,CAAC,MAAQ,aAAaO,MAAM,CAACC,MAAOZ,EAAIiB,SAAUH,SAAS,SAAUC,GAAMf,EAAIiB,SAASF,GAAKC,WAAW,eAAe,GAAGd,EAAG,MAAM,CAACK,YAAY,+BAA+B,CAACL,EAAG,WAAW,CAACK,YAAY,SAASH,MAAM,CAAC,KAAO,QAAQ,MAAQ,SAASO,MAAM,CAACC,MAAOZ,EAAIkB,MAAOJ,SAAS,SAAUC,GAAMf,EAAIkB,MAAMH,GAAKC,WAAW,YAAY,GAAGd,EAAG,MAAM,CAACK,YAAY,+BAA+B,CAACL,EAAG,YAAY,CAACK,YAAY,sBAAsBH,MAAM,CAAC,MAAQ,QAAQO,MAAM,CAACC,MAAOZ,EAAImB,KAAML,SAAS,SAAUC,GAAMf,EAAImB,KAAKJ,GAAKC,WAAW,SAAShB,EAAIoB,GAAIpB,EAAIqB,aAAa,SAASC,EAAKC,GAAO,OAAOrB,EAAG,iBAAiB,CAACsB,IAAID,EAAMhB,YAAY,SAASH,MAAM,CAAC,MAAQkB,EAAKV,MAAM,KAAOU,EAAKG,WAAU,IAAI,OAAOvB,EAAG,cAAc,CAACK,YAAY,OAAOH,MAAM,CAAC,MAAQ,SAAS,KAAO,2BAA2B,CAACF,EAAG,MAAM,CAACK,YAAY,UAAU,CAACL,EAAG,MAAM,CAACK,YAAY,0BAA0B,CAACL,EAAG,WAAW,CAACK,YAAY,cAAcH,MAAM,CAAC,MAAQ,kBAAkBO,MAAM,CAACC,MAAOZ,EAAI0B,cAAeZ,SAAS,SAAUC,GAAMf,EAAI0B,cAAcX,GAAKC,WAAW,mBAAmBd,EAAG,WAAW,CAACK,YAAY,cAAcH,MAAM,CAAC,MAAQ,aAAaO,MAAM,CAACC,MAAOZ,EAAI2B,SAAUb,SAAS,SAAUC,GAAMf,EAAI2B,SAASZ,GAAKC,WAAW,eAAe,GAAGd,EAAG,MAAM,CAACK,YAAY,0BAA0B,CAACL,EAAG,cAAc,CAACK,YAAY,qBAAqBH,MAAM,CAAC,MAAQ,oBAAoB,KAAO,KAAKO,MAAM,CAACC,MAAOZ,EAAI4B,SAAUd,SAAS,SAAUC,GAAMf,EAAI4B,SAASb,GAAKC,WAAW,eAAe,OAAOd,EAAG,cAAc,CAACK,YAAY,OAAOH,MAAM,CAAC,MAAQ,SAAS,KAAO,uBAAuB,CAACF,EAAG,MAAM,CAACK,YAAY,UAAU,CAACL,EAAG,MAAM,CAACK,YAAY,0BAA0B,CAACL,EAAG,WAAW,CAACK,YAAY,cAAcH,MAAM,CAAC,MAAQ,cAAcO,MAAM,CAACC,MAAOZ,EAAI6B,UAAWf,SAAS,SAAUC,GAAMf,EAAI6B,UAAUd,GAAKC,WAAW,gBAAgB,GAAGd,EAAG,MAAM,CAACK,YAAY,0BAA0B,CAACL,EAAG,YAAY,CAACK,YAAY,2BAA2BH,MAAM,CAAC,MAAQ,kBAAkBO,MAAM,CAACC,MAAOZ,EAAImB,KAAML,SAAS,SAAUC,GAAMf,EAAImB,KAAKJ,GAAKC,WAAW,SAAShB,EAAIoB,GAAIpB,EAAIqB,aAAa,SAASC,EAAKC,GAAO,OAAOrB,EAAG,iBAAiB,CAACsB,IAAID,EAAMhB,YAAY,SAASH,MAAM,CAAC,MAAQkB,EAAKV,MAAM,KAAOU,EAAKG,WAAU,IAAI,GAAGvB,EAAG,MAAM,CAACK,YAAY,+BAA+B,CAACL,EAAG,YAAY,CAACK,YAAY,sBAAsBH,MAAM,CAAC,MAAQ,gBAAgBO,MAAM,CAACC,MAAOZ,EAAI8B,OAAQhB,SAAS,SAAUC,GAAMf,EAAI8B,OAAOf,GAAKC,WAAW,WAAWhB,EAAIoB,GAAIpB,EAAI+B,eAAe,SAAST,EAAKC,GAAO,OAAOrB,EAAG,iBAAiB,CAACsB,IAAID,EAAMhB,YAAY,SAASH,MAAM,CAAC,MAAQkB,EAAKV,MAAM,KAAOU,EAAKG,WAAU,IAAI,GAAGvB,EAAG,MAAM,CAACK,YAAY,kCAAkC,CAACL,EAAG,MAAM,CAACK,YAAY,kBAAkB,CAACL,EAAG,OAAO,CAACF,EAAIQ,GAAG,mBAAmBN,EAAG,MAAM,CAACK,YAAY,QAAQ,CAACL,EAAG,cAAc,CAACF,EAAIQ,GAAG,cAAcN,EAAG,cAAc,CAACF,EAAIQ,GAAG,eAAe,YAAY,IAAI,GAAGN,EAAG,WAAW,CAAC8B,KAAK,iBAAiB,CAAChC,EAAIQ,GAAG,+pFAAoyF,IAEtkNF,EAAkB,GCgLP,GACf2B,KAAA,WACA,OACApB,UAAA,GACAI,SAAA,GACAC,MAAA,GACAC,KAAA,WACAO,cAAA,GACAC,SAAA,GACAC,SAAA,GACAC,UAAA,GACAK,cAAA,gBACAJ,OAAA,YACAT,YAAA,CACA,CAAAI,KAAA,WAAAb,MAAA,YACA,CAAAa,KAAA,UAAAb,MAAA,WACA,CAAAa,KAAA,gBAAAb,MAAA,iBACA,CAAAa,KAAA,SAAAb,MAAA,WAEAmB,cAAA,CACA,CAAAN,KAAA,YAAAb,MAAA,aACA,CAAAa,KAAA,cAAAb,MAAA,eACA,CAAAa,KAAA,WAAAb,MAAA,aAEAuB,gBAAA,CACA,CAAAV,KAAA,WAAAb,MAAA,YACA,CAAAa,KAAA,UAAAb,MAAA,WACA,CAAAa,KAAA,gBAAAb,MAAA,iBACA,CAAAa,KAAA,SAAAb,MAAA,aAIAwB,QAAA,CACA1B,cAAA,WACA2B,MAAA,qBAGAC,WAAA,ICvNuZ,ICOnZ,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,KACA,MAIa,I,QClBXvC,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,UAAU,CAACE,MAAM,CAAC,MAAQ,8BAA8B,eAAe,KAAK,CAACF,EAAG,IAAI,CAACF,EAAIQ,GAAG,6DAA6DN,EAAG,SAAS,CAACA,EAAG,cAAc,CAACE,MAAM,CAAC,GAAK,2BAA2B,CAACJ,EAAIQ,GAAG,kBAAkB,KAAKN,EAAG,MAAM,CAACK,YAAY,QAAQ,CAACL,EAAG,cAAc,CAACE,MAAM,CAAC,MAAQ,6BAA6B,WAAa,4BAA4B,MAAQ,KAAK,SAAW,KAAK,iBAAmB,WAAW,CAACF,EAAG,cAAc,CAACK,YAAY,OAAOH,MAAM,CAAC,MAAQ,SAAS,KAAO,oBAAoB,gBAAgBJ,EAAIwC,gBAAgB,CAACtC,EAAG,OAAO,CAACE,MAAM,CAAC,gBAAgB,WAAW,CAACF,EAAG,MAAM,CAACK,YAAY,UAAU,CAACL,EAAG,MAAM,CAACK,YAAY,+BAA+B,CAACL,EAAG,WAAW,CAACuC,WAAW,CAAC,CAACC,KAAK,WAAWC,QAAQ,aAAa/B,MAAO,iBAAkBI,WAAW,qBAAqBT,YAAY,SAASH,MAAM,CAAC,MAAQ,aAAa,KAAO,cAAcO,MAAM,CAACC,MAAOZ,EAAIa,UAAWC,SAAS,SAAUC,GAAMf,EAAIa,UAAUE,GAAKC,WAAW,eAAed,EAAG,OAAO,CAACK,YAAY,eAAe,CAACP,EAAIQ,GAAGR,EAAI4C,GAAG5C,EAAI6C,OAAOC,MAAM,0BAA0B,GAAG5C,EAAG,MAAM,CAACK,YAAY,+BAA+B,CAACL,EAAG,WAAW,CAACuC,WAAW,CAAC,CAACC,KAAK,WAAWC,QAAQ,aAAa/B,MAAO,iBAAkBI,WAAW,qBAAqBT,YAAY,SAASH,MAAM,CAAC,MAAQ,YAAY,KAAO,aAAaO,MAAM,CAACC,MAAOZ,EAAIiB,SAAUH,SAAS,SAAUC,GAAMf,EAAIiB,SAASF,GAAKC,WAAW,cAAcd,EAAG,OAAO,CAACK,YAAY,eAAe,CAACP,EAAIQ,GAAGR,EAAI4C,GAAG5C,EAAI6C,OAAOC,MAAM,yBAAyB,GAAG5C,EAAG,MAAM,CAACK,YAAY,+BAA+B,CAACL,EAAG,WAAW,CAACuC,WAAW,CAAC,CAACC,KAAK,WAAWC,QAAQ,aAAa/B,MAAO,iBAAkBI,WAAW,qBAAqBT,YAAY,SAASH,MAAM,CAAC,KAAO,QAAQ,MAAQ,QAAQ,KAAO,SAASO,MAAM,CAACC,MAAOZ,EAAIkB,MAAOJ,SAAS,SAAUC,GAAMf,EAAIkB,MAAMH,GAAKC,WAAW,WAAWd,EAAG,OAAO,CAACK,YAAY,eAAe,CAACP,EAAIQ,GAAGR,EAAI4C,GAAG5C,EAAI6C,OAAOC,MAAM,qBAAqB,GAAG5C,EAAG,MAAM,CAACK,YAAY,+BAA+B,CAACL,EAAG,YAAY,CAACK,YAAY,sBAAsBH,MAAM,CAAC,MAAQ,QAAQO,MAAM,CAACC,MAAOZ,EAAImB,KAAML,SAAS,SAAUC,GAAMf,EAAImB,KAAKJ,GAAKC,WAAW,SAAShB,EAAIoB,GAAIpB,EAAIqB,aAAa,SAASC,EAAKC,GAAO,OAAOrB,EAAG,iBAAiB,CAACsB,IAAID,EAAMhB,YAAY,SAASH,MAAM,CAAC,MAAQkB,EAAKV,MAAM,KAAOU,EAAKG,WAAU,IAAI,SAASvB,EAAG,cAAc,CAACK,YAAY,OAAOH,MAAM,CAAC,MAAQ,SAAS,KAAO,yBAAyB,gBAAgBJ,EAAI+C,gBAAgB,CAAC7C,EAAG,OAAO,CAACE,MAAM,CAAC,gBAAgB,WAAW,CAACF,EAAG,MAAM,CAACK,YAAY,UAAU,CAACL,EAAG,MAAM,CAACK,YAAY,0BAA0B,CAACL,EAAG,WAAW,CAACuC,WAAW,CAAC,CAACC,KAAK,WAAWC,QAAQ,aAAa/B,MAAO,wBAAyBI,WAAW,4BAA4BT,YAAY,cAAcH,MAAM,CAAC,MAAQ,iBAAiB,KAAO,kBAAkBO,MAAM,CAACC,MAAOZ,EAAI0B,cAAeZ,SAAS,SAAUC,GAAMf,EAAI0B,cAAcX,GAAKC,WAAW,mBAAmBd,EAAG,OAAO,CAACK,YAAY,eAAe,CAACP,EAAIQ,GAAGR,EAAI4C,GAAG5C,EAAI6C,OAAOC,MAAM,6BAA6B5C,EAAG,WAAW,CAACuC,WAAW,CAAC,CAACC,KAAK,WAAWC,QAAQ,aAAa/B,MAAO,wBAAyBI,WAAW,4BAA4BT,YAAY,cAAcH,MAAM,CAAC,MAAQ,YAAY,KAAO,aAAaO,MAAM,CAACC,MAAOZ,EAAI2B,SAAUb,SAAS,SAAUC,GAAMf,EAAI2B,SAASZ,GAAKC,WAAW,cAAcd,EAAG,OAAO,CAACK,YAAY,eAAe,CAACP,EAAIQ,GAAGR,EAAI4C,GAAG5C,EAAI6C,OAAOC,MAAM,yBAAyB,GAAG5C,EAAG,MAAM,CAACK,YAAY,0BAA0B,CAACL,EAAG,cAAc,CAACK,YAAY,qBAAqBH,MAAM,CAAC,MAAQ,oBAAoB,KAAO,KAAKO,MAAM,CAACC,MAAOZ,EAAI4B,SAAUd,SAAS,SAAUC,GAAMf,EAAI4B,SAASb,GAAKC,WAAW,eAAe,SAASd,EAAG,cAAc,CAACK,YAAY,OAAOH,MAAM,CAAC,MAAQ,SAAS,KAAO,qBAAqB,gBAAgBJ,EAAIgD,gBAAgB,CAAC9C,EAAG,OAAO,CAACE,MAAM,CAAC,gBAAgB,WAAW,CAACF,EAAG,MAAM,CAACK,YAAY,UAAU,CAACL,EAAG,MAAM,CAACK,YAAY,0BAA0B,CAACL,EAAG,WAAW,CAACuC,WAAW,CAAC,CAACC,KAAK,WAAWC,QAAQ,aAAa/B,MAAO,wBAAyBI,WAAW,4BAA4BT,YAAY,cAAcH,MAAM,CAAC,MAAQ,aAAa,KAAO,cAAcO,MAAM,CAACC,MAAOZ,EAAI6B,UAAWf,SAAS,SAAUC,GAAMf,EAAI6B,UAAUd,GAAKC,WAAW,eAAed,EAAG,OAAO,CAACK,YAAY,eAAe,CAACP,EAAIQ,GAAGR,EAAI4C,GAAG5C,EAAI6C,OAAOC,MAAM,0BAA0B,GAAG5C,EAAG,MAAM,CAACK,YAAY,0BAA0B,CAACL,EAAG,YAAY,CAACK,YAAY,2BAA2BH,MAAM,CAAC,MAAQ,kBAAkBO,MAAM,CAACC,MAAOZ,EAAImB,KAAML,SAAS,SAAUC,GAAMf,EAAImB,KAAKJ,GAAKC,WAAW,SAAShB,EAAIoB,GAAIpB,EAAIqB,aAAa,SAASC,EAAKC,GAAO,OAAOrB,EAAG,iBAAiB,CAACsB,IAAID,EAAMhB,YAAY,SAASH,MAAM,CAAC,MAAQkB,EAAKV,MAAM,KAAOU,EAAKG,WAAU,IAAI,GAAGvB,EAAG,MAAM,CAACK,YAAY,+BAA+B,CAACL,EAAG,YAAY,CAACK,YAAY,sBAAsBH,MAAM,CAAC,MAAQ,gBAAgBO,MAAM,CAACC,MAAOZ,EAAI8B,OAAQhB,SAAS,SAAUC,GAAMf,EAAI8B,OAAOf,GAAKC,WAAW,WAAWhB,EAAIoB,GAAIpB,EAAI+B,eAAe,SAAST,EAAKC,GAAO,OAAOrB,EAAG,iBAAiB,CAACsB,IAAID,EAAMhB,YAAY,SAASH,MAAM,CAAC,MAAQkB,EAAKV,MAAM,KAAOU,EAAKG,WAAU,IAAI,GAAGvB,EAAG,MAAM,CAACK,YAAY,kCAAkC,CAACL,EAAG,MAAM,CAACK,YAAY,kBAAkB,CAACL,EAAG,OAAO,CAACF,EAAIQ,GAAG,mBAAmBN,EAAG,MAAM,CAACK,YAAY,QAAQ,CAACL,EAAG,cAAc,CAACF,EAAIQ,GAAG,cAAcN,EAAG,cAAc,CAACF,EAAIQ,GAAG,eAAe,cAAc,IAAI,GAAGN,EAAG,WAAW,CAAC8B,KAAK,iBAAiB,CAAChC,EAAIQ,GAAG,2gBAAuiBR,EAAI4C,GAAG5C,EAAI6C,OAAOC,MAAM,sBAAsB,wMAAoN9C,EAAI4C,GAAG5C,EAAI6C,OAAOC,MAAM,qBAAqB,0MAAwN9C,EAAI4C,GAAG5C,EAAI6C,OAAOC,MAAM,iBAAiB,orBAAwtB9C,EAAI4C,GAAG5C,EAAI6C,OAAOC,MAAM,0BAA0B,mKAA6K9C,EAAI4C,GAAG5C,EAAI6C,OAAOC,MAAM,qBAAqB,gjBAA4kB9C,EAAI4C,GAAG5C,EAAI6C,OAAOC,MAAM,sBAAsB,ynGAAouG,IAE5wWxC,EAAkB,GCsUP,GACf2B,KAAA,WACA,OACApB,UAAA,GACAI,SAAA,GACAC,MAAA,GACAC,KAAA,WACAO,cAAA,GACAC,SAAA,GACAC,SAAA,GACAC,UAAA,GACAK,cAAA,gBACAJ,OAAA,YACAT,YAAA,CACA,CAAAI,KAAA,WAAAb,MAAA,YACA,CAAAa,KAAA,UAAAb,MAAA,WACA,CAAAa,KAAA,gBAAAb,MAAA,iBACA,CAAAa,KAAA,SAAAb,MAAA,WAEAmB,cAAA,CACA,CAAAN,KAAA,YAAAb,MAAA,aACA,CAAAa,KAAA,cAAAb,MAAA,eACA,CAAAa,KAAA,WAAAb,MAAA,aAEAuB,gBAAA,CACA,CAAAV,KAAA,WAAAb,MAAA,YACA,CAAAa,KAAA,UAAAb,MAAA,WACA,CAAAa,KAAA,gBAAAb,MAAA,iBACA,CAAAa,KAAA,SAAAb,MAAA,aAIAwB,QAAA,CACAI,cAAA,aAWAO,cAAA,aAWAC,cAAA,cAaAV,WAAA,IC5Y0Z,ICOtZ,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,KACA,MAIa,I,QCOA,GACfA,WAAA,CACAW,sBACAC,oBACAC,yBC7BgZ,ICO5Y,EAAY,eACd,EACApD,EACAO,GACA,EACA,KACA,KACA,MAIa,e","file":"js/chunk-2d221417.a6ff7ac5.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{attrs:{\"id\":\"extra-component-form-wizard-demo\"}},[_vm._m(0),_c('form-wizard-number-tab'),_c('form-wizard-icon-tab'),_c('form-wizard-validation')],1)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('p',{staticClass:\"mb-4\"},[_c('a',{attrs:{\"href\":\"https://binarcode.github.io/vue-form-wizard/#/\",\"target\":\"_blank\",\"rel\":\"nofollow\"}},[_vm._v(\"vue-form-wizard\")]),_vm._v(\" is a vue based component with no external depenendcies which simplifies tab wizard management and allows you to focus on the functional part of your app rather than wasting time on details.\")])\n}]\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('vx-card',{attrs:{\"title\":\"Form wizard with number tabs\",\"code-toggler\":\"\"}},[_c('p',[_vm._v(\"Create neat and clean form wizard using \"),_c('code',[_vm._v(\"form-wizard\")]),_vm._v(\" and \"),_c('code',[_vm._v(\"tab-content\")]),_vm._v(\" components\")]),_c('div',{staticClass:\"mt-5\"},[_c('form-wizard',{attrs:{\"color\":\"rgba(var(--vs-primary), 1)\",\"title\":null,\"subtitle\":null,\"finishButtonText\":\"Submit\"},on:{\"on-complete\":_vm.formSubmitted}},[_c('tab-content',{staticClass:\"mb-5\",attrs:{\"title\":\"Step 1\"}},[_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col md:w-1/2 w-full mt-5\"},[_c('vs-input',{staticClass:\"w-full\",attrs:{\"label\":\"First Name\"},model:{value:(_vm.firstName),callback:function ($$v) {_vm.firstName=$$v},expression:\"firstName\"}})],1),_c('div',{staticClass:\"vx-col md:w-1/2 w-full mt-5\"},[_c('vs-input',{staticClass:\"w-full\",attrs:{\"label\":\"Last Name\"},model:{value:(_vm.lastName),callback:function ($$v) {_vm.lastName=$$v},expression:\"lastName\"}})],1),_c('div',{staticClass:\"vx-col md:w-1/2 w-full mt-5\"},[_c('vs-input',{staticClass:\"w-full\",attrs:{\"type\":\"email\",\"label\":\"Email\"},model:{value:(_vm.email),callback:function ($$v) {_vm.email=$$v},expression:\"email\"}})],1),_c('div',{staticClass:\"vx-col md:w-1/2 w-full mt-5\"},[_c('vs-select',{staticClass:\"w-full select-large\",attrs:{\"label\":\"City\"},model:{value:(_vm.city),callback:function ($$v) {_vm.city=$$v},expression:\"city\"}},_vm._l((_vm.cityOptions),function(item,index){return _c('vs-select-item',{key:index,staticClass:\"w-full\",attrs:{\"value\":item.value,\"text\":item.text}})}),1)],1)])]),_c('tab-content',{staticClass:\"mb-5\",attrs:{\"title\":\"Step 2\"}},[_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col md:w-1/2 w-full\"},[_c('vs-input',{staticClass:\"w-full mt-4\",attrs:{\"label\":\"Proposal Title\"},model:{value:(_vm.proposalTitle),callback:function ($$v) {_vm.proposalTitle=$$v},expression:\"proposalTitle\"}}),_c('vs-input',{staticClass:\"w-full mt-4\",attrs:{\"label\":\"Job Title\"},model:{value:(_vm.jobTitle),callback:function ($$v) {_vm.jobTitle=$$v},expression:\"jobTitle\"}})],1),_c('div',{staticClass:\"vx-col md:w-1/2 w-full\"},[_c('vs-textarea',{staticClass:\"mb-0 md:mt-10 mt-6\",attrs:{\"label\":\"Short discription\",\"rows\":\"3\"},model:{value:(_vm.textarea),callback:function ($$v) {_vm.textarea=$$v},expression:\"textarea\"}})],1)])]),_c('tab-content',{staticClass:\"mb-5\",attrs:{\"title\":\"Step 3\"}},[_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col md:w-1/2 w-full\"},[_c('vs-input',{staticClass:\"w-full mt-5\",attrs:{\"label\":\"Event Name\"},model:{value:(_vm.eventName),callback:function ($$v) {_vm.eventName=$$v},expression:\"eventName\"}})],1),_c('div',{staticClass:\"vx-col md:w-1/2 w-full\"},[_c('vs-select',{staticClass:\"w-full select-large mt-5\",attrs:{\"label\":\"Event Location\"},model:{value:(_vm.city),callback:function ($$v) {_vm.city=$$v},expression:\"city\"}},_vm._l((_vm.cityOptions),function(item,index){return _c('vs-select-item',{key:index,staticClass:\"w-full\",attrs:{\"value\":item.value,\"text\":item.text}})}),1)],1),_c('div',{staticClass:\"vx-col md:w-1/2 w-full mt-5\"},[_c('vs-select',{staticClass:\"w-full select-large\",attrs:{\"label\":\"Event Status\"},model:{value:(_vm.status),callback:function ($$v) {_vm.status=$$v},expression:\"status\"}},_vm._l((_vm.statusOptions),function(item,index){return _c('vs-select-item',{key:index,staticClass:\"w-full\",attrs:{\"value\":item.value,\"text\":item.text}})}),1)],1),_c('div',{staticClass:\"vx-col md:w-1/2 w-full md:mt-8\"},[_c('div',{staticClass:\"demo-alignment\"},[_c('span',[_vm._v(\"Requirements:\")]),_c('div',{staticClass:\"flex\"},[_c('vs-checkbox',[_vm._v(\"Staffing\")]),_c('vs-checkbox',[_vm._v(\"Catering\")])],1)])])])])],1)],1),_c('template',{slot:\"codeContainer\"},[_vm._v(\" <template> <form-wizard color=\\\"rgba(var(--vs-primary), 1)\\\" :title=\\\"null\\\" :subtitle=\\\"null\\\" finishButtonText=\\\"Submit\\\" @on-complete=\\\"formSubmitted\\\"> <tab-content title=\\\"Step 1\\\" class=\\\"mb-5\\\"> <!-- tab 1 content --> <div class=\\\"vx-row\\\"> <div class=\\\"vx-col md:w-1/2 w-full mt-5\\\"> <vs-input label=\\\"First Name\\\" v-model=\\\"firstName\\\" class=\\\"w-full\\\" /> </div> <div class=\\\"vx-col md:w-1/2 w-full mt-5\\\"> <vs-input label=\\\"Last Name\\\" v-model=\\\"lastName\\\" class=\\\"w-full\\\" /> </div> <div class=\\\"vx-col md:w-1/2 w-full mt-5\\\"> <vs-input type=\\\"email\\\" label=\\\"Email\\\" v-model=\\\"email\\\" class=\\\"w-full\\\" /> </div> <div class=\\\"vx-col md:w-1/2 w-full mt-5\\\"> <vs-select v-model=\\\"city\\\" class=\\\"w-full select-large\\\" label=\\\"City\\\"> <vs-select-item v-bind:key=\\\"index\\\" :value=\\\"item.value\\\" :text=\\\"item.text\\\" v-for=\\\"(item,index) in cityOptions\\\" class=\\\"w-full\\\" /> </vs-select> </div> </div> </tab-content> <!-- tab 2 content --> <tab-content title=\\\"Step 2\\\" class=\\\"mb-5\\\"> <div class=\\\"vx-row\\\"> <div class=\\\"vx-col md:w-1/2 w-full\\\"> <vs-input label=\\\"Proposal Title\\\" v-model=\\\"proposalTitle\\\" class=\\\"w-full mt-4\\\" /> <vs-input label=\\\"Job Title\\\" v-model=\\\"jobTitle\\\" class=\\\"w-full mt-4\\\" /> </div> <div class=\\\"vx-col md:w-1/2 w-full\\\"> <vs-textarea v-model=\\\"textarea\\\" label=\\\"Short discription\\\" class=\\\"mb-0 md:mt-10 mt-6\\\" rows=\\\"3\\\" /> </div> </div> </tab-content> <!-- tab 3 content --> <tab-content title=\\\"Step 3\\\" class=\\\"mb-5\\\"> <div class=\\\"vx-row\\\"> <div class=\\\"vx-col md:w-1/2 w-full\\\"> <vs-input label=\\\"Event Name\\\" v-model=\\\"eventName\\\" class=\\\"w-full mt-5\\\" /> </div> <div class=\\\"vx-col md:w-1/2 w-full\\\"> <vs-select v-model=\\\"city\\\" class=\\\"w-full select-large mt-5\\\" label=\\\"Event Location\\\"> <vs-select-item v-bind:key=\\\"index\\\" :value=\\\"item.value\\\" :text=\\\"item.text\\\" v-for=\\\"(item,index) in cityOptions\\\" class=\\\"w-full\\\" /> </vs-select> </div> <div class=\\\"vx-col md:w-1/2 w-full mt-5\\\"> <vs-select v-model=\\\"status\\\" class=\\\"w-full select-large\\\" label=\\\"Event Status\\\"> <vs-select-item v-bind:key=\\\"index\\\" :value=\\\"item.value\\\" :text=\\\"item.text\\\" v-for=\\\"(item,index) in statusOptions\\\" class=\\\"w-full\\\" /> </vs-select> </div> <div class=\\\"vx-col md:w-1/2 w-full md:mt-8\\\"> <div class=\\\"demo-alignment\\\"> <span>Requirements:</span> <div class=\\\"flex\\\"> <vs-checkbox>Staffing</vs-checkbox> <vs-checkbox>Catering</vs-checkbox> </div> </div> </div> </div> </tab-content> </form-wizard> </template> <script> import {FormWizard, TabContent} from 'vue-form-wizard' import 'vue-form-wizard/dist/vue-form-wizard.min.css' export default { data() { return { firstName: \\\"\\\", lastName: \\\"\\\", email: \\\"\\\", city: \\\"new-york\\\", proposalTitle: \\\"\\\", jobTitle: \\\"\\\", textarea: \\\"\\\", eventName: \\\"\\\", eventLocation: \\\"san-francisco\\\", status: \\\"plannning\\\", cityOptions: [ {text: \\\"New York\\\", value:\\\"new-york\\\"}, {text: \\\"Chicago\\\", value:\\\"chicago\\\"}, {text: \\\"San Francisco\\\", value:\\\"san-francisco\\\"}, {text: \\\"Boston\\\", value:\\\"boston\\\"}, ], statusOptions: [ {text: \\\"Plannning\\\", value:\\\"plannning\\\"}, {text: \\\"In Progress\\\", value:\\\"in progress\\\"}, {text: \\\"Finished\\\", value:\\\"finished\\\"}, ], LocationOptions: [ {text: \\\"New York\\\", value:\\\"new-york\\\"}, {text: \\\"Chicago\\\", value:\\\"chicago\\\"}, {text: \\\"San Francisco\\\", value:\\\"san-francisco\\\"}, {text: \\\"Boston\\\", value:\\\"boston\\\"}, ], } }, methods: { formSubmitted() { alert(\\\"Form submitted!\\\"); } }, components: { FormWizard, TabContent } } </script> \")])],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\r\n    File Name: FormWizardNumberTab.vue\r\n    Description: Form wizard with numbers in tabs\r\n    ----------------------------------------------------------------------------------------\r\n    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\r\n      Author: Miguel Arenas\r\n    Author URL: http://github.com/mxaxaxbx\r\n========================================================================================== -->\r\n\r\n\r\n<template>\r\n    <vx-card title=\"Form wizard with number tabs\" code-toggler>\r\n\r\n        <p>Create neat and clean form wizard using <code>form-wizard</code> and <code>tab-content</code> components</p>\r\n\r\n        <div class=\"mt-5\">\r\n            <form-wizard color=\"rgba(var(--vs-primary), 1)\" :title=\"null\" :subtitle=\"null\" finishButtonText=\"Submit\" @on-complete=\"formSubmitted\">\r\n                <tab-content title=\"Step 1\" class=\"mb-5\">\r\n\r\n                    <!-- tab 1 content -->\r\n                    <div class=\"vx-row\">\r\n                        <div class=\"vx-col md:w-1/2 w-full mt-5\">\r\n                            <vs-input label=\"First Name\" v-model=\"firstName\" class=\"w-full\" />\r\n                        </div>\r\n                        <div class=\"vx-col md:w-1/2 w-full mt-5\">\r\n                            <vs-input label=\"Last Name\"  v-model=\"lastName\" class=\"w-full\" />\r\n                        </div>\r\n                        <div class=\"vx-col md:w-1/2 w-full mt-5\">\r\n                            <vs-input type=\"email\" label=\"Email\"  v-model=\"email\" class=\"w-full\" />\r\n                        </div>\r\n                        <div class=\"vx-col md:w-1/2 w-full mt-5\">\r\n                            <vs-select v-model=\"city\" class=\"w-full select-large\" label=\"City\">\r\n                                <vs-select-item v-bind:key=\"index\" :value=\"item.value\" :text=\"item.text\" v-for=\"(item,index) in cityOptions\" class=\"w-full\" />\r\n                            </vs-select>\r\n                        </div>\r\n                    </div>\r\n                </tab-content>\r\n\r\n                <!-- tab 2 content -->\r\n                <tab-content title=\"Step 2\" class=\"mb-5\">\r\n                    <div class=\"vx-row\">\r\n                        <div class=\"vx-col md:w-1/2 w-full\">\r\n                            <vs-input label=\"Proposal Title\" v-model=\"proposalTitle\" class=\"w-full mt-4\" />\r\n                            <vs-input label=\"Job Title\"  v-model=\"jobTitle\" class=\"w-full mt-4\" />\r\n                        </div>\r\n                        <div class=\"vx-col md:w-1/2 w-full\">\r\n                            <vs-textarea v-model=\"textarea\" label=\"Short discription\" class=\"mb-0 md:mt-10 mt-6\" rows=\"3\" />\r\n                        </div>\r\n                    </div>\r\n                </tab-content>\r\n\r\n                <!-- tab 3 content -->\r\n                <tab-content title=\"Step 3\" class=\"mb-5\">\r\n                    <div class=\"vx-row\">\r\n                        <div class=\"vx-col md:w-1/2 w-full\">\r\n                            <vs-input label=\"Event Name\" v-model=\"eventName\" class=\"w-full mt-5\" />\r\n                        </div>\r\n                        <div class=\"vx-col md:w-1/2 w-full\">\r\n                            <vs-select v-model=\"city\" class=\"w-full select-large mt-5\" label=\"Event Location\">\r\n                                <vs-select-item v-bind:key=\"index\" :value=\"item.value\" :text=\"item.text\" v-for=\"(item,index) in cityOptions\" class=\"w-full\" />\r\n                            </vs-select>\r\n                        </div>\r\n                        <div class=\"vx-col md:w-1/2 w-full mt-5\">\r\n                            <vs-select v-model=\"status\" class=\"w-full select-large\" label=\"Event Status\">\r\n                                <vs-select-item v-bind:key=\"index\" :value=\"item.value\" :text=\"item.text\" v-for=\"(item,index) in statusOptions\" class=\"w-full\" />\r\n                            </vs-select>\r\n                        </div>\r\n                        <div class=\"vx-col md:w-1/2 w-full md:mt-8\">\r\n                            <div class=\"demo-alignment\">\r\n                                <span>Requirements:</span>\r\n                                <div class=\"flex\">\r\n                                  <vs-checkbox>Staffing</vs-checkbox>\r\n                                  <vs-checkbox>Catering</vs-checkbox>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </tab-content>\r\n            </form-wizard>\r\n        </div>\r\n\r\n        <template slot=\"codeContainer\">\r\n&lt;template&gt;\r\n  &lt;form-wizard color=&quot;rgba(var(--vs-primary), 1)&quot; :title=&quot;null&quot; :subtitle=&quot;null&quot; finishButtonText=&quot;Submit&quot; @on-complete=&quot;formSubmitted&quot;&gt;\r\n      &lt;tab-content title=&quot;Step 1&quot; class=&quot;mb-5&quot;&gt;\r\n\r\n          &lt;!-- tab 1 content --&gt;\r\n          &lt;div class=&quot;vx-row&quot;&gt;\r\n              &lt;div class=&quot;vx-col md:w-1/2 w-full mt-5&quot;&gt;\r\n                  &lt;vs-input label=&quot;First Name&quot; v-model=&quot;firstName&quot; class=&quot;w-full&quot; /&gt;\r\n              &lt;/div&gt;\r\n              &lt;div class=&quot;vx-col md:w-1/2 w-full mt-5&quot;&gt;\r\n                  &lt;vs-input label=&quot;Last Name&quot;  v-model=&quot;lastName&quot; class=&quot;w-full&quot; /&gt;\r\n              &lt;/div&gt;\r\n              &lt;div class=&quot;vx-col md:w-1/2 w-full mt-5&quot;&gt;\r\n                  &lt;vs-input type=&quot;email&quot; label=&quot;Email&quot;  v-model=&quot;email&quot; class=&quot;w-full&quot; /&gt;\r\n              &lt;/div&gt;\r\n              &lt;div class=&quot;vx-col md:w-1/2 w-full mt-5&quot;&gt;\r\n                  &lt;vs-select v-model=&quot;city&quot; class=&quot;w-full select-large&quot; label=&quot;City&quot;&gt;\r\n                      &lt;vs-select-item v-bind:key=&quot;index&quot; :value=&quot;item.value&quot; :text=&quot;item.text&quot; v-for=&quot;(item,index) in cityOptions&quot; class=&quot;w-full&quot; /&gt;\r\n                  &lt;/vs-select&gt;\r\n              &lt;/div&gt;\r\n          &lt;/div&gt;\r\n      &lt;/tab-content&gt;\r\n\r\n      &lt;!-- tab 2 content --&gt;\r\n      &lt;tab-content title=&quot;Step 2&quot; class=&quot;mb-5&quot;&gt;\r\n          &lt;div class=&quot;vx-row&quot;&gt;\r\n              &lt;div class=&quot;vx-col md:w-1/2 w-full&quot;&gt;\r\n                  &lt;vs-input label=&quot;Proposal Title&quot; v-model=&quot;proposalTitle&quot; class=&quot;w-full mt-4&quot; /&gt;\r\n                  &lt;vs-input label=&quot;Job Title&quot;  v-model=&quot;jobTitle&quot; class=&quot;w-full mt-4&quot; /&gt;\r\n              &lt;/div&gt;\r\n              &lt;div class=&quot;vx-col md:w-1/2 w-full&quot;&gt;\r\n                  &lt;vs-textarea v-model=&quot;textarea&quot; label=&quot;Short discription&quot; class=&quot;mb-0 md:mt-10 mt-6&quot; rows=&quot;3&quot; /&gt;\r\n              &lt;/div&gt;\r\n          &lt;/div&gt;\r\n      &lt;/tab-content&gt;\r\n\r\n      &lt;!-- tab 3 content --&gt;\r\n      &lt;tab-content title=&quot;Step 3&quot; class=&quot;mb-5&quot;&gt;\r\n          &lt;div class=&quot;vx-row&quot;&gt;\r\n              &lt;div class=&quot;vx-col md:w-1/2 w-full&quot;&gt;\r\n                  &lt;vs-input label=&quot;Event Name&quot; v-model=&quot;eventName&quot; class=&quot;w-full mt-5&quot; /&gt;\r\n              &lt;/div&gt;\r\n              &lt;div class=&quot;vx-col md:w-1/2 w-full&quot;&gt;\r\n                  &lt;vs-select v-model=&quot;city&quot; class=&quot;w-full select-large mt-5&quot; label=&quot;Event Location&quot;&gt;\r\n                      &lt;vs-select-item v-bind:key=&quot;index&quot; :value=&quot;item.value&quot; :text=&quot;item.text&quot; v-for=&quot;(item,index) in cityOptions&quot; class=&quot;w-full&quot; /&gt;\r\n                  &lt;/vs-select&gt;\r\n              &lt;/div&gt;\r\n              &lt;div class=&quot;vx-col md:w-1/2 w-full mt-5&quot;&gt;\r\n                  &lt;vs-select v-model=&quot;status&quot; class=&quot;w-full select-large&quot; label=&quot;Event Status&quot;&gt;\r\n                      &lt;vs-select-item v-bind:key=&quot;index&quot; :value=&quot;item.value&quot; :text=&quot;item.text&quot; v-for=&quot;(item,index) in statusOptions&quot; class=&quot;w-full&quot; /&gt;\r\n                  &lt;/vs-select&gt;\r\n              &lt;/div&gt;\r\n              &lt;div class=&quot;vx-col md:w-1/2 w-full md:mt-8&quot;&gt;\r\n                  &lt;div class=&quot;demo-alignment&quot;&gt;\r\n                      &lt;span&gt;Requirements:&lt;/span&gt;\r\n                      &lt;div class=&quot;flex&quot;&gt;\r\n                        &lt;vs-checkbox&gt;Staffing&lt;/vs-checkbox&gt;\r\n                        &lt;vs-checkbox&gt;Catering&lt;/vs-checkbox&gt;\r\n                      &lt;/div&gt;\r\n                  &lt;/div&gt;\r\n              &lt;/div&gt;\r\n          &lt;/div&gt;\r\n      &lt;/tab-content&gt;\r\n  &lt;/form-wizard&gt;\r\n&lt;/template&gt;\r\n\r\n&lt;script&gt;\r\nimport {FormWizard, TabContent} from 'vue-form-wizard'\r\nimport 'vue-form-wizard/dist/vue-form-wizard.min.css'\r\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      firstName: &quot;&quot;,\r\n      lastName: &quot;&quot;,\r\n      email: &quot;&quot;,\r\n      city: &quot;new-york&quot;,\r\n      proposalTitle: &quot;&quot;,\r\n      jobTitle: &quot;&quot;,\r\n      textarea: &quot;&quot;,\r\n      eventName: &quot;&quot;,\r\n      eventLocation: &quot;san-francisco&quot;,\r\n      status: &quot;plannning&quot;,\r\n      cityOptions: [\r\n        {text: &quot;New York&quot;, value:&quot;new-york&quot;},\r\n        {text: &quot;Chicago&quot;, value:&quot;chicago&quot;},\r\n        {text: &quot;San Francisco&quot;, value:&quot;san-francisco&quot;},\r\n        {text: &quot;Boston&quot;, value:&quot;boston&quot;},\r\n      ],\r\n      statusOptions: [\r\n        {text: &quot;Plannning&quot;, value:&quot;plannning&quot;},\r\n        {text: &quot;In Progress&quot;, value:&quot;in progress&quot;},\r\n        {text: &quot;Finished&quot;, value:&quot;finished&quot;},\r\n      ],\r\n      LocationOptions: [\r\n        {text: &quot;New York&quot;, value:&quot;new-york&quot;},\r\n        {text: &quot;Chicago&quot;, value:&quot;chicago&quot;},\r\n        {text: &quot;San Francisco&quot;, value:&quot;san-francisco&quot;},\r\n        {text: &quot;Boston&quot;, value:&quot;boston&quot;},\r\n      ],\r\n    }\r\n  },\r\n  methods: {\r\n    formSubmitted() {\r\n      alert(&quot;Form submitted!&quot;);\r\n    }\r\n  },\r\n  components: {\r\n    FormWizard,\r\n    TabContent\r\n  }\r\n}\r\n&lt;/script&gt;\r\n        </template>\r\n    </vx-card>\r\n</template>\r\n\r\n<script>\r\n// import {FormWizard, TabContent} from 'vue-form-wizard'\r\n// import 'vue-form-wizard/dist/vue-form-wizard.min.css'\r\n\r\nexport default {\r\n    data() {\r\n        return {\r\n            firstName: \"\",\r\n            lastName: \"\",\r\n            email: \"\",\r\n            city: \"new-york\",\r\n            proposalTitle: \"\",\r\n            jobTitle: \"\",\r\n            textarea: \"\",\r\n            eventName: \"\",\r\n            eventLocation: \"san-francisco\",\r\n            status: \"plannning\",\r\n            cityOptions: [\r\n                {text: \"New York\", value:\"new-york\"},\r\n                {text: \"Chicago\", value:\"chicago\"},\r\n                {text: \"San Francisco\", value:\"san-francisco\"},\r\n                {text: \"Boston\", value:\"boston\"},\r\n            ],\r\n            statusOptions: [\r\n                {text: \"Plannning\", value:\"plannning\"},\r\n                {text: \"In Progress\", value:\"in progress\"},\r\n                {text: \"Finished\", value:\"finished\"},\r\n            ],\r\n            LocationOptions: [\r\n                {text: \"New York\", value:\"new-york\"},\r\n                {text: \"Chicago\", value:\"chicago\"},\r\n                {text: \"San Francisco\", value:\"san-francisco\"},\r\n                {text: \"Boston\", value:\"boston\"},\r\n            ],\r\n        }\r\n    },\r\n    methods: {\r\n        formSubmitted() {\r\n            alert(\"Form submitted!\");\r\n        }\r\n    },\r\n    components: {\r\n        // FormWizard,\r\n        // TabContent\r\n    }\r\n}\r\n</script>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./FormWizardNumberTab.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./FormWizardNumberTab.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FormWizardNumberTab.vue?vue&type=template&id=11b5771c&\"\nimport script from \"./FormWizardNumberTab.vue?vue&type=script&lang=js&\"\nexport * from \"./FormWizardNumberTab.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('vx-card',{attrs:{\"title\":\"Form wizard with icon tabs\",\"code-toggler\":\"\"}},[_c('p',[_vm._v(\"Add feather icon class to \"),_c('code',[_vm._v(\"icon\")]),_vm._v(\" prop in \"),_c('code',[_vm._v(\"tab-content\")]),_vm._v(\" component to get desired icon in tab.\")]),_c('div',{staticClass:\"mt-5\"},[_c('form-wizard',{attrs:{\"color\":\"rgba(var(--vs-primary), 1)\",\"title\":null,\"subtitle\":null,\"finishButtonText\":\"Submit\"},on:{\"on-complete\":_vm.formSubmitted}},[_c('tab-content',{staticClass:\"mb-5\",attrs:{\"title\":\"Step 1\",\"icon\":\"feather icon-home\"}},[_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col md:w-1/2 w-full mt-5\"},[_c('vs-input',{staticClass:\"w-full\",attrs:{\"label\":\"First Name\"},model:{value:(_vm.firstName),callback:function ($$v) {_vm.firstName=$$v},expression:\"firstName\"}})],1),_c('div',{staticClass:\"vx-col md:w-1/2 w-full mt-5\"},[_c('vs-input',{staticClass:\"w-full\",attrs:{\"label\":\"Last Name\"},model:{value:(_vm.lastName),callback:function ($$v) {_vm.lastName=$$v},expression:\"lastName\"}})],1),_c('div',{staticClass:\"vx-col md:w-1/2 w-full mt-5\"},[_c('vs-input',{staticClass:\"w-full\",attrs:{\"type\":\"email\",\"label\":\"Email\"},model:{value:(_vm.email),callback:function ($$v) {_vm.email=$$v},expression:\"email\"}})],1),_c('div',{staticClass:\"vx-col md:w-1/2 w-full mt-5\"},[_c('vs-select',{staticClass:\"w-full select-large\",attrs:{\"label\":\"City\"},model:{value:(_vm.city),callback:function ($$v) {_vm.city=$$v},expression:\"city\"}},_vm._l((_vm.cityOptions),function(item,index){return _c('vs-select-item',{key:index,staticClass:\"w-full\",attrs:{\"value\":item.value,\"text\":item.text}})}),1)],1)])]),_c('tab-content',{staticClass:\"mb-5\",attrs:{\"title\":\"Step 2\",\"icon\":\"feather icon-briefcase\"}},[_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col md:w-1/2 w-full\"},[_c('vs-input',{staticClass:\"w-full mt-4\",attrs:{\"label\":\"Proposal Title\"},model:{value:(_vm.proposalTitle),callback:function ($$v) {_vm.proposalTitle=$$v},expression:\"proposalTitle\"}}),_c('vs-input',{staticClass:\"w-full mt-4\",attrs:{\"label\":\"Job Title\"},model:{value:(_vm.jobTitle),callback:function ($$v) {_vm.jobTitle=$$v},expression:\"jobTitle\"}})],1),_c('div',{staticClass:\"vx-col md:w-1/2 w-full\"},[_c('vs-textarea',{staticClass:\"mb-0 md:mt-10 mt-6\",attrs:{\"label\":\"Short discription\",\"rows\":\"3\"},model:{value:(_vm.textarea),callback:function ($$v) {_vm.textarea=$$v},expression:\"textarea\"}})],1)])]),_c('tab-content',{staticClass:\"mb-5\",attrs:{\"title\":\"Step 3\",\"icon\":\"feather icon-image\"}},[_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col md:w-1/2 w-full\"},[_c('vs-input',{staticClass:\"w-full mt-5\",attrs:{\"label\":\"Event Name\"},model:{value:(_vm.eventName),callback:function ($$v) {_vm.eventName=$$v},expression:\"eventName\"}})],1),_c('div',{staticClass:\"vx-col md:w-1/2 w-full\"},[_c('vs-select',{staticClass:\"w-full select-large mt-5\",attrs:{\"label\":\"Event Location\"},model:{value:(_vm.city),callback:function ($$v) {_vm.city=$$v},expression:\"city\"}},_vm._l((_vm.cityOptions),function(item,index){return _c('vs-select-item',{key:index,staticClass:\"w-full\",attrs:{\"value\":item.value,\"text\":item.text}})}),1)],1),_c('div',{staticClass:\"vx-col md:w-1/2 w-full mt-5\"},[_c('vs-select',{staticClass:\"w-full select-large\",attrs:{\"label\":\"Event Status\"},model:{value:(_vm.status),callback:function ($$v) {_vm.status=$$v},expression:\"status\"}},_vm._l((_vm.statusOptions),function(item,index){return _c('vs-select-item',{key:index,staticClass:\"w-full\",attrs:{\"value\":item.value,\"text\":item.text}})}),1)],1),_c('div',{staticClass:\"vx-col md:w-1/2 w-full md:mt-8\"},[_c('div',{staticClass:\"demo-alignment\"},[_c('span',[_vm._v(\"Requirements:\")]),_c('div',{staticClass:\"flex\"},[_c('vs-checkbox',[_vm._v(\"Staffing\")]),_c('vs-checkbox',[_vm._v(\"Catering\")])],1)])])])])],1)],1),_c('template',{slot:\"codeContainer\"},[_vm._v(\" <template> <form-wizard color=\\\"rgba(var(--vs-primary), 1)\\\" :title=\\\"null\\\" :subtitle=\\\"null\\\" finishButtonText=\\\"Submit\\\" @on-complete=\\\"formSubmitted\\\"> <tab-content title=\\\"Step 1\\\" class=\\\"mb-5\\\" icon=\\\"feather icon-home\\\"> <!-- tab 1 content --> <div class=\\\"vx-row\\\"> <div class=\\\"vx-col md:w-1/2 w-full mt-5\\\"> <vs-input label=\\\"First Name\\\" v-model=\\\"firstName\\\" class=\\\"w-full\\\" /> </div> <div class=\\\"vx-col md:w-1/2 w-full mt-5\\\"> <vs-input label=\\\"Last Name\\\" v-model=\\\"lastName\\\" class=\\\"w-full\\\" /> </div> <div class=\\\"vx-col md:w-1/2 w-full mt-5\\\"> <vs-input type=\\\"email\\\" label=\\\"Email\\\" v-model=\\\"email\\\" class=\\\"w-full\\\" /> </div> <div class=\\\"vx-col md:w-1/2 w-full mt-5\\\"> <vs-select v-model=\\\"city\\\" class=\\\"w-full select-large\\\" label=\\\"City\\\"> <vs-select-item v-bind:key=\\\"index\\\" :value=\\\"item.value\\\" :text=\\\"item.text\\\" v-for=\\\"(item,index) in cityOptions\\\" class=\\\"w-full\\\" /> </vs-select> </div> </div> </tab-content> <!-- tab 2 content --> <tab-content title=\\\"Step 2\\\" class=\\\"mb-5\\\" icon=\\\"feather icon-briefcase\\\"> <div class=\\\"vx-row\\\"> <div class=\\\"vx-col md:w-1/2 w-full\\\"> <vs-input label=\\\"Proposal Title\\\" v-model=\\\"proposalTitle\\\" class=\\\"w-full mt-4\\\" /> <vs-input label=\\\"Job Title\\\" v-model=\\\"jobTitle\\\" class=\\\"w-full mt-4\\\" /> </div> <div class=\\\"vx-col md:w-1/2 w-full\\\"> <vs-textarea v-model=\\\"textarea\\\" label=\\\"Short discription\\\" class=\\\"mb-0 md:mt-10 mt-6\\\" rows=\\\"3\\\" /> </div> </div> </tab-content> <!-- tab 3 content --> <tab-content title=\\\"Step 3\\\" class=\\\"mb-5\\\" icon=\\\"feather icon-image\\\"> <div class=\\\"vx-row\\\"> <div class=\\\"vx-col md:w-1/2 w-full\\\"> <vs-input label=\\\"Event Name\\\" v-model=\\\"eventName\\\" class=\\\"w-full mt-5\\\" /> </div> <div class=\\\"vx-col md:w-1/2 w-full\\\"> <vs-select v-model=\\\"city\\\" class=\\\"w-full select-large mt-5\\\" label=\\\"Event Location\\\"> <vs-select-item v-bind:key=\\\"index\\\" :value=\\\"item.value\\\" :text=\\\"item.text\\\" v-for=\\\"(item,index) in cityOptions\\\" class=\\\"w-full\\\" /> </vs-select> </div> <div class=\\\"vx-col md:w-1/2 w-full mt-5\\\"> <vs-select v-model=\\\"status\\\" class=\\\"w-full select-large\\\" label=\\\"Event Status\\\"> <vs-select-item v-bind:key=\\\"index\\\" :value=\\\"item.value\\\" :text=\\\"item.text\\\" v-for=\\\"(item,index) in statusOptions\\\" class=\\\"w-full\\\" /> </vs-select> </div> <div class=\\\"vx-col md:w-1/2 w-full md:mt-8\\\"> <div class=\\\"demo-alignment\\\"> <span>Requirements:</span> <div class=\\\"flex\\\"> <vs-checkbox>Staffing</vs-checkbox> <vs-checkbox>Catering</vs-checkbox> </div> </div> </div> </div> </tab-content> </form-wizard> </template> <script> import {FormWizard, TabContent} from 'vue-form-wizard' import 'vue-form-wizard/dist/vue-form-wizard.min.css' export default { data() { return { firstName: \\\"\\\", /// other data.... } }, methods: { formSubmitted() { alert(\\\"Form submitted!\\\"); } }, components: { FormWizard, TabContent } } </script> \")])],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\r\n    File Name: FormWizardIconTab.vue\r\n    Description: Form wizard with numbers in tabs\r\n    ----------------------------------------------------------------------------------------\r\n    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\r\n      Author: Miguel Arenas\r\n    Author URL: http://github.com/mxaxaxbx\r\n========================================================================================== -->\r\n\r\n\r\n<template>\r\n    <vx-card title=\"Form wizard with icon tabs\" code-toggler>\r\n\r\n        <p>Add feather icon class to <code>icon</code> prop in <code>tab-content</code> component to get desired icon in tab.</p>\r\n\r\n        <div class=\"mt-5\">\r\n            <form-wizard color=\"rgba(var(--vs-primary), 1)\" :title=\"null\" :subtitle=\"null\" finishButtonText=\"Submit\" @on-complete=\"formSubmitted\">\r\n                <tab-content title=\"Step 1\" class=\"mb-5\" icon=\"feather icon-home\">\r\n\r\n                    <!-- tab 1 content -->\r\n                    <div class=\"vx-row\">\r\n                        <div class=\"vx-col md:w-1/2 w-full mt-5\">\r\n                            <vs-input label=\"First Name\" v-model=\"firstName\" class=\"w-full\" />\r\n                        </div>\r\n                        <div class=\"vx-col md:w-1/2 w-full mt-5\">\r\n                            <vs-input label=\"Last Name\"  v-model=\"lastName\" class=\"w-full\" />\r\n                        </div>\r\n                        <div class=\"vx-col md:w-1/2 w-full mt-5\">\r\n                            <vs-input type=\"email\" label=\"Email\"  v-model=\"email\" class=\"w-full\" />\r\n                        </div>\r\n                        <div class=\"vx-col md:w-1/2 w-full mt-5\">\r\n                            <vs-select v-model=\"city\" class=\"w-full select-large\" label=\"City\">\r\n                                <vs-select-item v-bind:key=\"index\" :value=\"item.value\" :text=\"item.text\" v-for=\"(item,index) in cityOptions\" class=\"w-full\" />\r\n                            </vs-select>\r\n                        </div>\r\n                    </div>\r\n                </tab-content>\r\n\r\n                <!-- tab 2 content -->\r\n                <tab-content title=\"Step 2\" class=\"mb-5\" icon=\"feather icon-briefcase\">\r\n                    <div class=\"vx-row\">\r\n                        <div class=\"vx-col md:w-1/2 w-full\">\r\n                            <vs-input label=\"Proposal Title\" v-model=\"proposalTitle\" class=\"w-full mt-4\" />\r\n                            <vs-input label=\"Job Title\"  v-model=\"jobTitle\" class=\"w-full mt-4\" />\r\n                        </div>\r\n                        <div class=\"vx-col md:w-1/2 w-full\">\r\n                            <vs-textarea v-model=\"textarea\" label=\"Short discription\" class=\"mb-0 md:mt-10 mt-6\" rows=\"3\" />\r\n                        </div>\r\n                    </div>\r\n                </tab-content>\r\n\r\n                <!-- tab 3 content -->\r\n                <tab-content title=\"Step 3\" class=\"mb-5\" icon=\"feather icon-image\">\r\n                    <div class=\"vx-row\">\r\n                        <div class=\"vx-col md:w-1/2 w-full\">\r\n                            <vs-input label=\"Event Name\" v-model=\"eventName\" class=\"w-full mt-5\" />\r\n                        </div>\r\n                        <div class=\"vx-col md:w-1/2 w-full\">\r\n                            <vs-select v-model=\"city\" class=\"w-full select-large mt-5\" label=\"Event Location\">\r\n                                <vs-select-item v-bind:key=\"index\" :value=\"item.value\" :text=\"item.text\" v-for=\"(item,index) in cityOptions\" class=\"w-full\" />\r\n                            </vs-select>\r\n                        </div>\r\n                        <div class=\"vx-col md:w-1/2 w-full mt-5\">\r\n                            <vs-select v-model=\"status\" class=\"w-full select-large\" label=\"Event Status\">\r\n                                <vs-select-item v-bind:key=\"index\" :value=\"item.value\" :text=\"item.text\" v-for=\"(item,index) in statusOptions\" class=\"w-full\" />\r\n                            </vs-select>\r\n                        </div>\r\n                        <div class=\"vx-col md:w-1/2 w-full md:mt-8\">\r\n                            <div class=\"demo-alignment\">\r\n                                <span>Requirements:</span>\r\n                                <div class=\"flex\">\r\n                                  <vs-checkbox>Staffing</vs-checkbox>\r\n                                  <vs-checkbox>Catering</vs-checkbox>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </tab-content>\r\n            </form-wizard>\r\n        </div>\r\n\r\n        <template slot=\"codeContainer\">\r\n&lt;template&gt;\r\n  &lt;form-wizard color=&quot;rgba(var(--vs-primary), 1)&quot; :title=&quot;null&quot; :subtitle=&quot;null&quot; finishButtonText=&quot;Submit&quot; @on-complete=&quot;formSubmitted&quot;&gt;\r\n      &lt;tab-content title=&quot;Step 1&quot; class=&quot;mb-5&quot; icon=&quot;feather icon-home&quot;&gt;\r\n\r\n          &lt;!-- tab 1 content --&gt;\r\n          &lt;div class=&quot;vx-row&quot;&gt;\r\n              &lt;div class=&quot;vx-col md:w-1/2 w-full mt-5&quot;&gt;\r\n                  &lt;vs-input label=&quot;First Name&quot; v-model=&quot;firstName&quot; class=&quot;w-full&quot; /&gt;\r\n              &lt;/div&gt;\r\n              &lt;div class=&quot;vx-col md:w-1/2 w-full mt-5&quot;&gt;\r\n                  &lt;vs-input label=&quot;Last Name&quot;  v-model=&quot;lastName&quot; class=&quot;w-full&quot; /&gt;\r\n              &lt;/div&gt;\r\n              &lt;div class=&quot;vx-col md:w-1/2 w-full mt-5&quot;&gt;\r\n                  &lt;vs-input type=&quot;email&quot; label=&quot;Email&quot;  v-model=&quot;email&quot; class=&quot;w-full&quot; /&gt;\r\n              &lt;/div&gt;\r\n              &lt;div class=&quot;vx-col md:w-1/2 w-full mt-5&quot;&gt;\r\n                  &lt;vs-select v-model=&quot;city&quot; class=&quot;w-full select-large&quot; label=&quot;City&quot;&gt;\r\n                      &lt;vs-select-item v-bind:key=&quot;index&quot; :value=&quot;item.value&quot; :text=&quot;item.text&quot; v-for=&quot;(item,index) in cityOptions&quot; class=&quot;w-full&quot; /&gt;\r\n                  &lt;/vs-select&gt;\r\n              &lt;/div&gt;\r\n          &lt;/div&gt;\r\n      &lt;/tab-content&gt;\r\n\r\n      &lt;!-- tab 2 content --&gt;\r\n      &lt;tab-content title=&quot;Step 2&quot; class=&quot;mb-5&quot; icon=&quot;feather icon-briefcase&quot;&gt;\r\n          &lt;div class=&quot;vx-row&quot;&gt;\r\n              &lt;div class=&quot;vx-col md:w-1/2 w-full&quot;&gt;\r\n                  &lt;vs-input label=&quot;Proposal Title&quot; v-model=&quot;proposalTitle&quot; class=&quot;w-full mt-4&quot; /&gt;\r\n                  &lt;vs-input label=&quot;Job Title&quot;  v-model=&quot;jobTitle&quot; class=&quot;w-full mt-4&quot; /&gt;\r\n              &lt;/div&gt;\r\n              &lt;div class=&quot;vx-col md:w-1/2 w-full&quot;&gt;\r\n                  &lt;vs-textarea v-model=&quot;textarea&quot; label=&quot;Short discription&quot; class=&quot;mb-0 md:mt-10 mt-6&quot; rows=&quot;3&quot; /&gt;\r\n              &lt;/div&gt;\r\n          &lt;/div&gt;\r\n      &lt;/tab-content&gt;\r\n\r\n      &lt;!-- tab 3 content --&gt;\r\n      &lt;tab-content title=&quot;Step 3&quot; class=&quot;mb-5&quot; icon=&quot;feather icon-image&quot;&gt;\r\n          &lt;div class=&quot;vx-row&quot;&gt;\r\n              &lt;div class=&quot;vx-col md:w-1/2 w-full&quot;&gt;\r\n                  &lt;vs-input label=&quot;Event Name&quot; v-model=&quot;eventName&quot; class=&quot;w-full mt-5&quot; /&gt;\r\n              &lt;/div&gt;\r\n              &lt;div class=&quot;vx-col md:w-1/2 w-full&quot;&gt;\r\n                  &lt;vs-select v-model=&quot;city&quot; class=&quot;w-full select-large mt-5&quot; label=&quot;Event Location&quot;&gt;\r\n                      &lt;vs-select-item v-bind:key=&quot;index&quot; :value=&quot;item.value&quot; :text=&quot;item.text&quot; v-for=&quot;(item,index) in cityOptions&quot; class=&quot;w-full&quot; /&gt;\r\n                  &lt;/vs-select&gt;\r\n              &lt;/div&gt;\r\n              &lt;div class=&quot;vx-col md:w-1/2 w-full mt-5&quot;&gt;\r\n                  &lt;vs-select v-model=&quot;status&quot; class=&quot;w-full select-large&quot; label=&quot;Event Status&quot;&gt;\r\n                      &lt;vs-select-item v-bind:key=&quot;index&quot; :value=&quot;item.value&quot; :text=&quot;item.text&quot; v-for=&quot;(item,index) in statusOptions&quot; class=&quot;w-full&quot; /&gt;\r\n                  &lt;/vs-select&gt;\r\n              &lt;/div&gt;\r\n              &lt;div class=&quot;vx-col md:w-1/2 w-full md:mt-8&quot;&gt;\r\n                  &lt;div class=&quot;demo-alignment&quot;&gt;\r\n                      &lt;span&gt;Requirements:&lt;/span&gt;\r\n                      &lt;div class=&quot;flex&quot;&gt;\r\n                        &lt;vs-checkbox&gt;Staffing&lt;/vs-checkbox&gt;\r\n                        &lt;vs-checkbox&gt;Catering&lt;/vs-checkbox&gt;\r\n                      &lt;/div&gt;\r\n                  &lt;/div&gt;\r\n              &lt;/div&gt;\r\n          &lt;/div&gt;\r\n      &lt;/tab-content&gt;\r\n  &lt;/form-wizard&gt;\r\n&lt;/template&gt;\r\n\r\n&lt;script&gt;\r\nimport {FormWizard, TabContent} from 'vue-form-wizard'\r\nimport 'vue-form-wizard/dist/vue-form-wizard.min.css'\r\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      firstName: &quot;&quot;,\r\n      /// other data....\r\n    }\r\n  },\r\n  methods: {\r\n    formSubmitted() {\r\n      alert(&quot;Form submitted!&quot;);\r\n    }\r\n  },\r\n  components: {\r\n    FormWizard,\r\n    TabContent\r\n  }\r\n}\r\n&lt;/script&gt;\r\n        </template>\r\n    </vx-card>\r\n</template>\r\n\r\n<script>\r\n// import {FormWizard, TabContent} from 'vue-form-wizard'\r\n// import 'vue-form-wizard/dist/vue-form-wizard.min.css'\r\n\r\nexport default {\r\n    data() {\r\n        return {\r\n            firstName: \"\",\r\n            lastName: \"\",\r\n            email: \"\",\r\n            city: \"new-york\",\r\n            proposalTitle: \"\",\r\n            jobTitle: \"\",\r\n            textarea: \"\",\r\n            eventName: \"\",\r\n            eventLocation: \"san-francisco\",\r\n            status: \"plannning\",\r\n            cityOptions: [\r\n                {text: \"New York\", value:\"new-york\"},\r\n                {text: \"Chicago\", value:\"chicago\"},\r\n                {text: \"San Francisco\", value:\"san-francisco\"},\r\n                {text: \"Boston\", value:\"boston\"},\r\n            ],\r\n            statusOptions: [\r\n                {text: \"Plannning\", value:\"plannning\"},\r\n                {text: \"In Progress\", value:\"in progress\"},\r\n                {text: \"Finished\", value:\"finished\"},\r\n            ],\r\n            LocationOptions: [\r\n                {text: \"New York\", value:\"new-york\"},\r\n                {text: \"Chicago\", value:\"chicago\"},\r\n                {text: \"San Francisco\", value:\"san-francisco\"},\r\n                {text: \"Boston\", value:\"boston\"},\r\n            ],\r\n        }\r\n    },\r\n    methods: {\r\n        formSubmitted() {\r\n            alert(\"Form submitted!\");\r\n        }\r\n    },\r\n    components: {\r\n        // FormWizard,\r\n        // TabContent\r\n    }\r\n}\r\n</script>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./FormWizardIconTab.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./FormWizardIconTab.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FormWizardIconTab.vue?vue&type=template&id=49e8cd5e&\"\nimport script from \"./FormWizardIconTab.vue?vue&type=script&lang=js&\"\nexport * from \"./FormWizardIconTab.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('vx-card',{attrs:{\"title\":\"Form wizard with validation\",\"code-toggler\":\"\"}},[_c('p',[_vm._v(\"Implement Form validation with form wizard using popular \"),_c('strong',[_c('router-link',{attrs:{\"to\":\"/forms/form-validation\"}},[_vm._v(\"VeeValidate\")])],1)]),_c('div',{staticClass:\"mt-5\"},[_c('form-wizard',{attrs:{\"color\":\"rgba(var(--vs-primary), 1)\",\"errorColor\":\"rgba(var(--vs-danger), 1)\",\"title\":null,\"subtitle\":null,\"finishButtonText\":\"Submit\"}},[_c('tab-content',{staticClass:\"mb-5\",attrs:{\"title\":\"Step 1\",\"icon\":\"feather icon-home\",\"before-change\":_vm.validateStep1}},[_c('form',{attrs:{\"data-vv-scope\":\"step-1\"}},[_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col md:w-1/2 w-full mt-5\"},[_c('vs-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('required|alpha'),expression:\"'required|alpha'\"}],staticClass:\"w-full\",attrs:{\"label\":\"First Name\",\"name\":\"first_name\"},model:{value:(_vm.firstName),callback:function ($$v) {_vm.firstName=$$v},expression:\"firstName\"}}),_c('span',{staticClass:\"text-danger\"},[_vm._v(_vm._s(_vm.errors.first('step-1.first_name')))])],1),_c('div',{staticClass:\"vx-col md:w-1/2 w-full mt-5\"},[_c('vs-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('required|alpha'),expression:\"'required|alpha'\"}],staticClass:\"w-full\",attrs:{\"label\":\"Last Name\",\"name\":\"last_name\"},model:{value:(_vm.lastName),callback:function ($$v) {_vm.lastName=$$v},expression:\"lastName\"}}),_c('span',{staticClass:\"text-danger\"},[_vm._v(_vm._s(_vm.errors.first('step-1.last_name')))])],1),_c('div',{staticClass:\"vx-col md:w-1/2 w-full mt-5\"},[_c('vs-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('required|email'),expression:\"'required|email'\"}],staticClass:\"w-full\",attrs:{\"type\":\"email\",\"label\":\"Email\",\"name\":\"email\"},model:{value:(_vm.email),callback:function ($$v) {_vm.email=$$v},expression:\"email\"}}),_c('span',{staticClass:\"text-danger\"},[_vm._v(_vm._s(_vm.errors.first('step-1.email')))])],1),_c('div',{staticClass:\"vx-col md:w-1/2 w-full mt-5\"},[_c('vs-select',{staticClass:\"w-full select-large\",attrs:{\"label\":\"City\"},model:{value:(_vm.city),callback:function ($$v) {_vm.city=$$v},expression:\"city\"}},_vm._l((_vm.cityOptions),function(item,index){return _c('vs-select-item',{key:index,staticClass:\"w-full\",attrs:{\"value\":item.value,\"text\":item.text}})}),1)],1)])])]),_c('tab-content',{staticClass:\"mb-5\",attrs:{\"title\":\"Step 2\",\"icon\":\"feather icon-briefcase\",\"before-change\":_vm.validateStep2}},[_c('form',{attrs:{\"data-vv-scope\":\"step-2\"}},[_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col md:w-1/2 w-full\"},[_c('vs-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('required|alpha_spaces'),expression:\"'required|alpha_spaces'\"}],staticClass:\"w-full mt-4\",attrs:{\"label\":\"Proposal Title\",\"name\":\"proposal_title\"},model:{value:(_vm.proposalTitle),callback:function ($$v) {_vm.proposalTitle=$$v},expression:\"proposalTitle\"}}),_c('span',{staticClass:\"text-danger\"},[_vm._v(_vm._s(_vm.errors.first('step-2.proposal_title')))]),_c('vs-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('required|alpha_spaces'),expression:\"'required|alpha_spaces'\"}],staticClass:\"w-full mt-4\",attrs:{\"label\":\"Job Title\",\"name\":\"job_title\"},model:{value:(_vm.jobTitle),callback:function ($$v) {_vm.jobTitle=$$v},expression:\"jobTitle\"}}),_c('span',{staticClass:\"text-danger\"},[_vm._v(_vm._s(_vm.errors.first('step-2.job_title')))])],1),_c('div',{staticClass:\"vx-col md:w-1/2 w-full\"},[_c('vs-textarea',{staticClass:\"md:mt-10 mt-6 mb-0\",attrs:{\"label\":\"Short discription\",\"rows\":\"3\"},model:{value:(_vm.textarea),callback:function ($$v) {_vm.textarea=$$v},expression:\"textarea\"}})],1)])])]),_c('tab-content',{staticClass:\"mb-5\",attrs:{\"title\":\"Step 3\",\"icon\":\"feather icon-image\",\"before-change\":_vm.validateStep3}},[_c('form',{attrs:{\"data-vv-scope\":\"step-3\"}},[_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col md:w-1/2 w-full\"},[_c('vs-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('required|alpha_spaces'),expression:\"'required|alpha_spaces'\"}],staticClass:\"w-full mt-5\",attrs:{\"label\":\"Event Name\",\"name\":\"event_name\"},model:{value:(_vm.eventName),callback:function ($$v) {_vm.eventName=$$v},expression:\"eventName\"}}),_c('span',{staticClass:\"text-danger\"},[_vm._v(_vm._s(_vm.errors.first('step-3.event_name')))])],1),_c('div',{staticClass:\"vx-col md:w-1/2 w-full\"},[_c('vs-select',{staticClass:\"w-full select-large mt-5\",attrs:{\"label\":\"Event Location\"},model:{value:(_vm.city),callback:function ($$v) {_vm.city=$$v},expression:\"city\"}},_vm._l((_vm.cityOptions),function(item,index){return _c('vs-select-item',{key:index,staticClass:\"w-full\",attrs:{\"value\":item.value,\"text\":item.text}})}),1)],1),_c('div',{staticClass:\"vx-col md:w-1/2 w-full mt-5\"},[_c('vs-select',{staticClass:\"w-full select-large\",attrs:{\"label\":\"Event Status\"},model:{value:(_vm.status),callback:function ($$v) {_vm.status=$$v},expression:\"status\"}},_vm._l((_vm.statusOptions),function(item,index){return _c('vs-select-item',{key:index,staticClass:\"w-full\",attrs:{\"value\":item.value,\"text\":item.text}})}),1)],1),_c('div',{staticClass:\"vx-col md:w-1/2 w-full md:mt-8\"},[_c('div',{staticClass:\"demo-alignment\"},[_c('span',[_vm._v(\"Requirements:\")]),_c('div',{staticClass:\"flex\"},[_c('vs-checkbox',[_vm._v(\"Staffing\")]),_c('vs-checkbox',[_vm._v(\"Catering\")])],1)])])])])])],1)],1),_c('template',{slot:\"codeContainer\"},[_vm._v(\" <template> <form-wizard color=\\\"rgba(var(--vs-primary), 1)\\\" errorColor=\\\"rgba(var(--vs-danger), 1)\\\" :title=\\\"null\\\" :subtitle=\\\"null\\\" finishButtonText=\\\"Submit\\\"> <tab-content title=\\\"Step 1\\\" class=\\\"mb-5\\\" icon=\\\"feather icon-home\\\" :before-change=\\\"validateStep1\\\"> <!-- tab 1 content --> <form data-vv-scope=\\\"step-1\\\"> <div class=\\\"vx-row\\\"> <div class=\\\"vx-col md:w-1/2 w-full mt-5\\\"> <vs-input label=\\\"First Name\\\" v-model=\\\"firstName\\\" class=\\\"w-full\\\" name=\\\"first_name\\\" v-validate=\\\"'required|alpha'\\\" /> <span class=\\\"text-danger\\\">\"+_vm._s(_vm.errors.first('step-1.first_name'))+\"</span> </div> <div class=\\\"vx-col md:w-1/2 w-full mt-5\\\"> <vs-input label=\\\"Last Name\\\" v-model=\\\"lastName\\\" class=\\\"w-full\\\" name=\\\"last_name\\\" v-validate=\\\"'required|alpha'\\\" /> <span class=\\\"text-danger\\\">\"+_vm._s(_vm.errors.first('step-1.last_name'))+\"</span> </div> <div class=\\\"vx-col md:w-1/2 w-full mt-5\\\"> <vs-input type=\\\"email\\\" label=\\\"Email\\\" v-model=\\\"email\\\" class=\\\"w-full\\\" name=\\\"email\\\" v-validate=\\\"'required|email'\\\" /> <span class=\\\"text-danger\\\">\"+_vm._s(_vm.errors.first('step-1.email'))+\"</span> </div> <div class=\\\"vx-col md:w-1/2 w-full mt-5\\\"> <vs-select v-model=\\\"city\\\" class=\\\"w-full select-large\\\" label=\\\"City\\\"> <vs-select-item v-bind:key=\\\"index\\\" :value=\\\"item.value\\\" :text=\\\"item.text\\\" v-for=\\\"(item,index) in cityOptions\\\" class=\\\"w-full\\\" /> </vs-select> </div> </div> </form> </tab-content> <!-- tab 2 content --> <tab-content title=\\\"Step 2\\\" class=\\\"mb-5\\\" icon=\\\"feather icon-briefcase\\\" :before-change=\\\"validateStep2\\\"> <form data-vv-scope=\\\"step-2\\\"> <div class=\\\"vx-row\\\"> <div class=\\\"vx-col md:w-1/2 w-full\\\"> <vs-input label=\\\"Proposal Title\\\" v-model=\\\"proposalTitle\\\" class=\\\"w-full mt-4\\\" name=\\\"proposal_title\\\" v-validate=\\\"'required|alpha_spaces'\\\" /> <span class=\\\"text-danger\\\">\"+_vm._s(_vm.errors.first('step-2.proposal_title'))+\"</span> <vs-input label=\\\"Job Title\\\" v-model=\\\"jobTitle\\\" class=\\\"w-full mt-4\\\" name=\\\"job_title\\\" v-validate=\\\"'required|alpha_spaces'\\\" /> <span class=\\\"text-danger\\\">\"+_vm._s(_vm.errors.first('step-2.job_title'))+\"</span> </div> <div class=\\\"vx-col md:w-1/2 w-full\\\"> <vs-textarea v-model=\\\"textarea\\\" label=\\\"Short discription\\\" class=\\\"md:mt-10 mt-6 mb-0\\\" rows=\\\"3\\\" /> </div> </div> </form> </tab-content> <!-- tab 3 content --> <tab-content title=\\\"Step 3\\\" class=\\\"mb-5\\\" icon=\\\"feather icon-image\\\" :before-change=\\\"validateStep3\\\"> <form data-vv-scope=\\\"step-3\\\"> <div class=\\\"vx-row\\\"> <div class=\\\"vx-col md:w-1/2 w-full\\\"> <vs-input label=\\\"Event Name\\\" v-model=\\\"eventName\\\" class=\\\"w-full mt-5\\\" name=\\\"event_name\\\" v-validate=\\\"'required|alpha_spaces'\\\" /> <span class=\\\"text-danger\\\">\"+_vm._s(_vm.errors.first('step-3.event_name'))+\"</span> </div> <div class=\\\"vx-col md:w-1/2 w-full\\\"> <vs-select v-model=\\\"city\\\" class=\\\"w-full select-large mt-5\\\" label=\\\"Event Location\\\"> <vs-select-item v-bind:key=\\\"index\\\" :value=\\\"item.value\\\" :text=\\\"item.text\\\" v-for=\\\"(item,index) in cityOptions\\\" class=\\\"w-full\\\" /> </vs-select> </div> <div class=\\\"vx-col md:w-1/2 w-full mt-5\\\"> <vs-select v-model=\\\"status\\\" class=\\\"w-full select-large\\\" label=\\\"Event Status\\\"> <vs-select-item v-bind:key=\\\"index\\\" :value=\\\"item.value\\\" :text=\\\"item.text\\\" v-for=\\\"(item,index) in statusOptions\\\" class=\\\"w-full\\\" /> </vs-select> </div> <div class=\\\"vx-col md:w-1/2 w-full md:mt-8\\\"> <div class=\\\"demo-alignment\\\"> <span>Requirements:</span> <div class=\\\"flex\\\"> <vs-checkbox>Staffing</vs-checkbox> <vs-checkbox>Catering</vs-checkbox> </div> </div> </div> </div> </form> </tab-content> </form-wizard> </template> <script> import { FormWizard, TabContent } from 'vue-form-wizard' import 'vue-form-wizard/dist/vue-form-wizard.min.css' // For custom error message import { Validator } from 'vee-validate'; const dict = { custom: { first_name: { required: 'First name is required', alpha: \\\"First name may only contain alphabetic characters\\\" }, last_name: { required: 'Last name is required', alpha: \\\"Last name may only contain alphabetic characters\\\" }, email: { required: 'Email is required', email: \\\"Please enter valid email\\\" }, job_title: { required: 'Job title name is required', alpha: \\\"Job title may only contain alphabetic characters\\\" }, proposal_title: { required: 'Proposal title name is required', alpha: \\\"Proposal title may only contain alphabetic characters\\\" }, event_name: { required: 'Event name is required', alpha: \\\"Event name may only contain alphabetic characters\\\" }, } }; // register custom messages Validator.localize('en', dict); export default { data() { return { firstName: \\\"\\\", lastName: \\\"\\\", email: \\\"\\\", city: \\\"new-york\\\", proposalTitle: \\\"\\\", jobTitle: \\\"\\\", textarea: \\\"\\\", eventName: \\\"\\\", eventLocation: \\\"san-francisco\\\", status: \\\"plannning\\\", cityOptions: [ { text: \\\"New York\\\", value: \\\"new-york\\\" }, { text: \\\"Chicago\\\", value: \\\"chicago\\\" }, { text: \\\"San Francisco\\\", value: \\\"san-francisco\\\" }, { text: \\\"Boston\\\", value: \\\"boston\\\" }, ], statusOptions: [ { text: \\\"Plannning\\\", value: \\\"plannning\\\" }, { text: \\\"In Progress\\\", value: \\\"in progress\\\" }, { text: \\\"Finished\\\", value: \\\"finished\\\" }, ], LocationOptions: [ { text: \\\"New York\\\", value: \\\"new-york\\\" }, { text: \\\"Chicago\\\", value: \\\"chicago\\\" }, { text: \\\"San Francisco\\\", value: \\\"san-francisco\\\" }, { text: \\\"Boston\\\", value: \\\"boston\\\" }, ], } }, methods: { validateStep1() { return new Promise((resolve, reject) => { this.$validator.validateAll('step-1').then(result => { if (result) { resolve(true) } else { reject(\\\"correct all values\\\"); } }) }) }, validateStep2() { return new Promise((resolve, reject) => { this.$validator.validateAll(\\\"step-2\\\").then(result => { if (result) { resolve(true) } else { reject(\\\"correct all values\\\"); } }) }) }, validateStep3() { return new Promise((resolve, reject) => { this.$validator.validateAll(\\\"step-3\\\").then(result => { if (result) { alert(\\\"Form submitted!\\\"); resolve(true) } else { reject(\\\"correct all values\\\"); } }) }) } }, components: { FormWizard, TabContent } } </script> \")])],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\r\n  File Name: FormWizardValidation.vue\r\n  Description: Form wizard with validation\r\n  ----------------------------------------------------------------------------------------\r\n  Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\r\n  Author: Miguel Arenas\r\n  Author URL: http://github.com/mxaxaxbx\r\n========================================================================================== -->\r\n\r\n\r\n<template>\r\n  <vx-card title=\"Form wizard with validation\" code-toggler>\r\n\r\n    <p>Implement Form validation with form wizard using popular <strong> <router-link to=\"/forms/form-validation\">VeeValidate</router-link></strong></p>\r\n\r\n    <div class=\"mt-5\">\r\n      <form-wizard color=\"rgba(var(--vs-primary), 1)\" errorColor=\"rgba(var(--vs-danger), 1)\" :title=\"null\" :subtitle=\"null\" finishButtonText=\"Submit\">\r\n        <tab-content title=\"Step 1\" class=\"mb-5\" icon=\"feather icon-home\" :before-change=\"validateStep1\">\r\n\r\n          <!-- tab 1 content -->\r\n          <form data-vv-scope=\"step-1\">\r\n          <div class=\"vx-row\">\r\n            <div class=\"vx-col md:w-1/2 w-full mt-5\">\r\n              <vs-input label=\"First Name\" v-model=\"firstName\" class=\"w-full\" name=\"first_name\" v-validate=\"'required|alpha'\" />\r\n              <span class=\"text-danger\">{{ errors.first('step-1.first_name') }}</span>\r\n            </div>\r\n            <div class=\"vx-col md:w-1/2 w-full mt-5\">\r\n              <vs-input label=\"Last Name\"  v-model=\"lastName\" class=\"w-full\" name=\"last_name\" v-validate=\"'required|alpha'\" />\r\n              <span class=\"text-danger\">{{ errors.first('step-1.last_name') }}</span>\r\n            </div>\r\n            <div class=\"vx-col md:w-1/2 w-full mt-5\">\r\n              <vs-input type=\"email\" label=\"Email\"  v-model=\"email\" class=\"w-full\" name=\"email\" v-validate=\"'required|email'\" />\r\n              <span class=\"text-danger\">{{ errors.first('step-1.email') }}</span>\r\n            </div>\r\n            <div class=\"vx-col md:w-1/2 w-full mt-5\">\r\n              <vs-select v-model=\"city\" class=\"w-full select-large\" label=\"City\">\r\n                <vs-select-item v-bind:key=\"index\" :value=\"item.value\" :text=\"item.text\" v-for=\"(item,index) in cityOptions\" class=\"w-full\" />\r\n              </vs-select>\r\n            </div>\r\n          </div>\r\n          </form>\r\n        </tab-content>\r\n\r\n        <!-- tab 2 content -->\r\n        <tab-content title=\"Step 2\" class=\"mb-5\" icon=\"feather icon-briefcase\" :before-change=\"validateStep2\">\r\n          <form data-vv-scope=\"step-2\">\r\n          <div class=\"vx-row\">\r\n            <div class=\"vx-col md:w-1/2 w-full\">\r\n              <vs-input label=\"Proposal Title\" v-model=\"proposalTitle\" class=\"w-full mt-4\" name=\"proposal_title\" v-validate=\"'required|alpha_spaces'\" />\r\n              <span class=\"text-danger\">{{ errors.first('step-2.proposal_title') }}</span>\r\n\r\n              <vs-input label=\"Job Title\"  v-model=\"jobTitle\" class=\"w-full mt-4\" name=\"job_title\" v-validate=\"'required|alpha_spaces'\" />\r\n              <span class=\"text-danger\">{{ errors.first('step-2.job_title') }}</span>\r\n            </div>\r\n            <div class=\"vx-col md:w-1/2 w-full\">\r\n              <vs-textarea v-model=\"textarea\" label=\"Short discription\" class=\"md:mt-10 mt-6 mb-0\" rows=\"3\" />\r\n            </div>\r\n          </div>\r\n          </form>\r\n        </tab-content>\r\n\r\n        <!-- tab 3 content -->\r\n        <tab-content title=\"Step 3\" class=\"mb-5\" icon=\"feather icon-image\" :before-change=\"validateStep3\">\r\n          <form data-vv-scope=\"step-3\">\r\n          <div class=\"vx-row\">\r\n            <div class=\"vx-col md:w-1/2 w-full\">\r\n              <vs-input label=\"Event Name\" v-model=\"eventName\" class=\"w-full mt-5\" name=\"event_name\" v-validate=\"'required|alpha_spaces'\" />\r\n              <span class=\"text-danger\">{{ errors.first('step-3.event_name') }}</span>\r\n            </div>\r\n            <div class=\"vx-col md:w-1/2 w-full\">\r\n              <vs-select v-model=\"city\" class=\"w-full select-large mt-5\" label=\"Event Location\">\r\n                <vs-select-item v-bind:key=\"index\" :value=\"item.value\" :text=\"item.text\" v-for=\"(item,index) in cityOptions\" class=\"w-full\" />\r\n              </vs-select>\r\n            </div>\r\n            <div class=\"vx-col md:w-1/2 w-full mt-5\">\r\n              <vs-select v-model=\"status\" class=\"w-full select-large\" label=\"Event Status\">\r\n                <vs-select-item v-bind:key=\"index\" :value=\"item.value\" :text=\"item.text\" v-for=\"(item,index) in statusOptions\" class=\"w-full\" />\r\n              </vs-select>\r\n            </div>\r\n            <div class=\"vx-col md:w-1/2 w-full md:mt-8\">\r\n              <div class=\"demo-alignment\">\r\n                <span>Requirements:</span>\r\n                <div class=\"flex\">\r\n                  <vs-checkbox>Staffing</vs-checkbox>\r\n                  <vs-checkbox>Catering</vs-checkbox>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          </form>\r\n        </tab-content>\r\n      </form-wizard>\r\n    </div>\r\n\r\n    <template slot=\"codeContainer\">\r\n&lt;template&gt;\r\n  &lt;form-wizard color=&quot;rgba(var(--vs-primary), 1)&quot; errorColor=&quot;rgba(var(--vs-danger), 1)&quot; :title=&quot;null&quot; :subtitle=&quot;null&quot; finishButtonText=&quot;Submit&quot;&gt;\r\n    &lt;tab-content title=&quot;Step 1&quot; class=&quot;mb-5&quot; icon=&quot;feather icon-home&quot; :before-change=&quot;validateStep1&quot;&gt;\r\n\r\n      &lt;!-- tab 1 content --&gt;\r\n      &lt;form data-vv-scope=&quot;step-1&quot;&gt;\r\n      &lt;div class=&quot;vx-row&quot;&gt;\r\n        &lt;div class=&quot;vx-col md:w-1/2 w-full mt-5&quot;&gt;\r\n          &lt;vs-input label=&quot;First Name&quot; v-model=&quot;firstName&quot; class=&quot;w-full&quot; name=&quot;first_name&quot; v-validate=&quot;'required|alpha'&quot; /&gt;\r\n          &lt;span class=&quot;text-danger&quot;&gt;{{ errors.first('step-1.first_name') }}&lt;/span&gt;\r\n        &lt;/div&gt;\r\n        &lt;div class=&quot;vx-col md:w-1/2 w-full mt-5&quot;&gt;\r\n          &lt;vs-input label=&quot;Last Name&quot;  v-model=&quot;lastName&quot; class=&quot;w-full&quot; name=&quot;last_name&quot; v-validate=&quot;'required|alpha'&quot; /&gt;\r\n          &lt;span class=&quot;text-danger&quot;&gt;{{ errors.first('step-1.last_name') }}&lt;/span&gt;\r\n        &lt;/div&gt;\r\n        &lt;div class=&quot;vx-col md:w-1/2 w-full mt-5&quot;&gt;\r\n          &lt;vs-input type=&quot;email&quot; label=&quot;Email&quot;  v-model=&quot;email&quot; class=&quot;w-full&quot; name=&quot;email&quot; v-validate=&quot;'required|email'&quot; /&gt;\r\n          &lt;span class=&quot;text-danger&quot;&gt;{{ errors.first('step-1.email') }}&lt;/span&gt;\r\n        &lt;/div&gt;\r\n        &lt;div class=&quot;vx-col md:w-1/2 w-full mt-5&quot;&gt;\r\n          &lt;vs-select v-model=&quot;city&quot; class=&quot;w-full select-large&quot; label=&quot;City&quot;&gt;\r\n            &lt;vs-select-item v-bind:key=&quot;index&quot; :value=&quot;item.value&quot; :text=&quot;item.text&quot; v-for=&quot;(item,index) in cityOptions&quot; class=&quot;w-full&quot; /&gt;\r\n          &lt;/vs-select&gt;\r\n        &lt;/div&gt;\r\n      &lt;/div&gt;\r\n      &lt;/form&gt;\r\n    &lt;/tab-content&gt;\r\n\r\n    &lt;!-- tab 2 content --&gt;\r\n    &lt;tab-content title=&quot;Step 2&quot; class=&quot;mb-5&quot; icon=&quot;feather icon-briefcase&quot; :before-change=&quot;validateStep2&quot;&gt;\r\n      &lt;form data-vv-scope=&quot;step-2&quot;&gt;\r\n      &lt;div class=&quot;vx-row&quot;&gt;\r\n        &lt;div class=&quot;vx-col md:w-1/2 w-full&quot;&gt;\r\n          &lt;vs-input label=&quot;Proposal Title&quot; v-model=&quot;proposalTitle&quot; class=&quot;w-full mt-4&quot; name=&quot;proposal_title&quot; v-validate=&quot;'required|alpha_spaces'&quot; /&gt;\r\n          &lt;span class=&quot;text-danger&quot;&gt;{{ errors.first('step-2.proposal_title') }}&lt;/span&gt;\r\n\r\n          &lt;vs-input label=&quot;Job Title&quot;  v-model=&quot;jobTitle&quot; class=&quot;w-full mt-4&quot; name=&quot;job_title&quot; v-validate=&quot;'required|alpha_spaces'&quot; /&gt;\r\n          &lt;span class=&quot;text-danger&quot;&gt;{{ errors.first('step-2.job_title') }}&lt;/span&gt;\r\n        &lt;/div&gt;\r\n        &lt;div class=&quot;vx-col md:w-1/2 w-full&quot;&gt;\r\n          &lt;vs-textarea v-model=&quot;textarea&quot; label=&quot;Short discription&quot; class=&quot;md:mt-10 mt-6 mb-0&quot; rows=&quot;3&quot; /&gt;\r\n        &lt;/div&gt;\r\n      &lt;/div&gt;\r\n      &lt;/form&gt;\r\n    &lt;/tab-content&gt;\r\n\r\n    &lt;!-- tab 3 content --&gt;\r\n    &lt;tab-content title=&quot;Step 3&quot; class=&quot;mb-5&quot; icon=&quot;feather icon-image&quot; :before-change=&quot;validateStep3&quot;&gt;\r\n      &lt;form data-vv-scope=&quot;step-3&quot;&gt;\r\n      &lt;div class=&quot;vx-row&quot;&gt;\r\n        &lt;div class=&quot;vx-col md:w-1/2 w-full&quot;&gt;\r\n          &lt;vs-input label=&quot;Event Name&quot; v-model=&quot;eventName&quot; class=&quot;w-full mt-5&quot; name=&quot;event_name&quot; v-validate=&quot;'required|alpha_spaces'&quot; /&gt;\r\n          &lt;span class=&quot;text-danger&quot;&gt;{{ errors.first('step-3.event_name') }}&lt;/span&gt;\r\n        &lt;/div&gt;\r\n        &lt;div class=&quot;vx-col md:w-1/2 w-full&quot;&gt;\r\n          &lt;vs-select v-model=&quot;city&quot; class=&quot;w-full select-large mt-5&quot; label=&quot;Event Location&quot;&gt;\r\n            &lt;vs-select-item v-bind:key=&quot;index&quot; :value=&quot;item.value&quot; :text=&quot;item.text&quot; v-for=&quot;(item,index) in cityOptions&quot; class=&quot;w-full&quot; /&gt;\r\n          &lt;/vs-select&gt;\r\n        &lt;/div&gt;\r\n        &lt;div class=&quot;vx-col md:w-1/2 w-full mt-5&quot;&gt;\r\n          &lt;vs-select v-model=&quot;status&quot; class=&quot;w-full select-large&quot; label=&quot;Event Status&quot;&gt;\r\n            &lt;vs-select-item v-bind:key=&quot;index&quot; :value=&quot;item.value&quot; :text=&quot;item.text&quot; v-for=&quot;(item,index) in statusOptions&quot; class=&quot;w-full&quot; /&gt;\r\n          &lt;/vs-select&gt;\r\n        &lt;/div&gt;\r\n        &lt;div class=&quot;vx-col md:w-1/2 w-full md:mt-8&quot;&gt;\r\n          &lt;div class=&quot;demo-alignment&quot;&gt;\r\n            &lt;span&gt;Requirements:&lt;/span&gt;\r\n            &lt;div class=&quot;flex&quot;&gt;\r\n              &lt;vs-checkbox&gt;Staffing&lt;/vs-checkbox&gt;\r\n              &lt;vs-checkbox&gt;Catering&lt;/vs-checkbox&gt;\r\n            &lt;/div&gt;\r\n          &lt;/div&gt;\r\n        &lt;/div&gt;\r\n      &lt;/div&gt;\r\n      &lt;/form&gt;\r\n    &lt;/tab-content&gt;\r\n  &lt;/form-wizard&gt;\r\n&lt;/template&gt;\r\n\r\n&lt;script&gt;\r\nimport { FormWizard, TabContent } from 'vue-form-wizard'\r\nimport 'vue-form-wizard/dist/vue-form-wizard.min.css'\r\n\r\n// For custom error message\r\nimport { Validator } from 'vee-validate';\r\nconst dict = {\r\n  custom: {\r\n    first_name: {\r\n      required: 'First name is required',\r\n      alpha: &quot;First name may only contain alphabetic characters&quot;\r\n    },\r\n    last_name: {\r\n      required: 'Last name is required',\r\n      alpha: &quot;Last name may only contain alphabetic characters&quot;\r\n    },\r\n    email: {\r\n      required: 'Email is required',\r\n      email: &quot;Please enter valid email&quot;\r\n    },\r\n    job_title: {\r\n      required: 'Job title name is required',\r\n      alpha: &quot;Job title may only contain alphabetic characters&quot;\r\n    },\r\n    proposal_title: {\r\n      required: 'Proposal title name is required',\r\n      alpha: &quot;Proposal title may only contain alphabetic characters&quot;\r\n    },\r\n    event_name: {\r\n      required: 'Event name is required',\r\n      alpha: &quot;Event name may only contain alphabetic characters&quot;\r\n    },\r\n  }\r\n};\r\n\r\n// register custom messages\r\nValidator.localize('en', dict);\r\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      firstName: &quot;&quot;,\r\n      lastName: &quot;&quot;,\r\n      email: &quot;&quot;,\r\n      city: &quot;new-york&quot;,\r\n      proposalTitle: &quot;&quot;,\r\n      jobTitle: &quot;&quot;,\r\n      textarea: &quot;&quot;,\r\n      eventName: &quot;&quot;,\r\n      eventLocation: &quot;san-francisco&quot;,\r\n      status: &quot;plannning&quot;,\r\n      cityOptions: [\r\n        { text: &quot;New York&quot;, value: &quot;new-york&quot; },\r\n        { text: &quot;Chicago&quot;, value: &quot;chicago&quot; },\r\n        { text: &quot;San Francisco&quot;, value: &quot;san-francisco&quot; },\r\n        { text: &quot;Boston&quot;, value: &quot;boston&quot; },\r\n      ],\r\n      statusOptions: [\r\n        { text: &quot;Plannning&quot;, value: &quot;plannning&quot; },\r\n        { text: &quot;In Progress&quot;, value: &quot;in progress&quot; },\r\n        { text: &quot;Finished&quot;, value: &quot;finished&quot; },\r\n      ],\r\n      LocationOptions: [\r\n        { text: &quot;New York&quot;, value: &quot;new-york&quot; },\r\n        { text: &quot;Chicago&quot;, value: &quot;chicago&quot; },\r\n        { text: &quot;San Francisco&quot;, value: &quot;san-francisco&quot; },\r\n        { text: &quot;Boston&quot;, value: &quot;boston&quot; },\r\n      ],\r\n    }\r\n  },\r\n  methods: {\r\n    validateStep1() {\r\n      return new Promise((resolve, reject) =&gt; {\r\n        this.$validator.validateAll('step-1').then(result =&gt; {\r\n          if (result) {\r\n            resolve(true)\r\n          } else {\r\n            reject(&quot;correct all values&quot;);\r\n          }\r\n        })\r\n      })\r\n    },\r\n    validateStep2() {\r\n      return new Promise((resolve, reject) =&gt; {\r\n        this.$validator.validateAll(&quot;step-2&quot;).then(result =&gt; {\r\n          if (result) {\r\n            resolve(true)\r\n          } else {\r\n            reject(&quot;correct all values&quot;);\r\n          }\r\n        })\r\n      })\r\n    },\r\n    validateStep3() {\r\n      return new Promise((resolve, reject) =&gt; {\r\n        this.$validator.validateAll(&quot;step-3&quot;).then(result =&gt; {\r\n          if (result) {\r\n            alert(&quot;Form submitted!&quot;);\r\n            resolve(true)\r\n          } else {\r\n            reject(&quot;correct all values&quot;);\r\n          }\r\n        })\r\n      })\r\n    }\r\n  },\r\n  components: {\r\n    FormWizard,\r\n    TabContent\r\n  }\r\n}\r\n&lt;/script&gt;\r\n    </template>\r\n  </vx-card>\r\n</template>\r\n\r\n<script>\r\n// import { FormWizard, TabContent } from 'vue-form-wizard'\r\n// import 'vue-form-wizard/dist/vue-form-wizard.min.css'\r\n\r\n// For custom error message\r\n// import { Validator } from 'vee-validate';\r\n// const dict = {\r\n//     custom: {\r\n//         first_name: {\r\n//             required: 'First name is required',\r\n//             alpha: \"First name may only contain alphabetic characters\"\r\n//         },\r\n//         last_name: {\r\n//             required: 'Last name is required',\r\n//             alpha: \"Last name may only contain alphabetic characters\"\r\n//         },\r\n//         email: {\r\n//             required: 'Email is required',\r\n//             email: \"Please enter valid email\"\r\n//         },\r\n//         job_title: {\r\n//             required: 'Job title name is required',\r\n//             alpha: \"Job title may only contain alphabetic characters\"\r\n//         },\r\n//         proposal_title: {\r\n//             required: 'Proposal title name is required',\r\n//             alpha: \"Proposal title may only contain alphabetic characters\"\r\n//         },\r\n//         event_name: {\r\n//             required: 'Event name is required',\r\n//             alpha: \"Event name may only contain alphabetic characters\"\r\n//         },\r\n//     }\r\n// };\r\n\r\n// register custom messages\r\n// Validator.localize('en', dict);\r\n\r\nexport default {\r\n    data() {\r\n        return {\r\n            firstName: \"\",\r\n            lastName: \"\",\r\n            email: \"\",\r\n            city: \"new-york\",\r\n            proposalTitle: \"\",\r\n            jobTitle: \"\",\r\n            textarea: \"\",\r\n            eventName: \"\",\r\n            eventLocation: \"san-francisco\",\r\n            status: \"plannning\",\r\n            cityOptions: [\r\n                { text: \"New York\", value: \"new-york\" },\r\n                { text: \"Chicago\", value: \"chicago\" },\r\n                { text: \"San Francisco\", value: \"san-francisco\" },\r\n                { text: \"Boston\", value: \"boston\" },\r\n            ],\r\n            statusOptions: [\r\n                { text: \"Plannning\", value: \"plannning\" },\r\n                { text: \"In Progress\", value: \"in progress\" },\r\n                { text: \"Finished\", value: \"finished\" },\r\n            ],\r\n            LocationOptions: [\r\n                { text: \"New York\", value: \"new-york\" },\r\n                { text: \"Chicago\", value: \"chicago\" },\r\n                { text: \"San Francisco\", value: \"san-francisco\" },\r\n                { text: \"Boston\", value: \"boston\" },\r\n            ],\r\n        }\r\n    },\r\n    methods: {\r\n        validateStep1() {\r\n            // return new Promise((resolve, reject) => {\r\n            //     this.$validator.validateAll('step-1').then(result => {\r\n            //         if (result) {\r\n            //             resolve(true)\r\n            //         } else {\r\n            //             reject(\"correct all values\");\r\n            //         }\r\n            //     })\r\n            // })\r\n        },\r\n        validateStep2() {\r\n            // return new Promise((resolve, reject) => {\r\n            //     this.$validator.validateAll(\"step-2\").then(result => {\r\n            //         if (result) {\r\n            //             resolve(true)\r\n            //         } else {\r\n            //             reject(\"correct all values\");\r\n            //         }\r\n            //     })\r\n            // })\r\n        },\r\n        validateStep3() {\r\n            // return new Promise((resolve, reject) => {\r\n            //     this.$validator.validateAll(\"step-3\").then(result => {\r\n            //         if (result) {\r\n            //             alert(\"Form submitted!\");\r\n            //             resolve(true)\r\n            //         } else {\r\n            //             reject(\"correct all values\");\r\n            //         }\r\n            //     })\r\n            // })\r\n        }\r\n    },\r\n    components: {\r\n        // FormWizard,\r\n        // TabContent\r\n    }\r\n}\r\n</script>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./FormWizardValidation.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./FormWizardValidation.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FormWizardValidation.vue?vue&type=template&id=11529de4&\"\nimport script from \"./FormWizardValidation.vue?vue&type=script&lang=js&\"\nexport * from \"./FormWizardValidation.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","<!-- =========================================================================================\r\n    File Name: FormWizard.vue\r\n    Description: Form Wizard (third-party) - Imports page portions\r\n    ----------------------------------------------------------------------------------------\r\n    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\r\n      Author: Miguel Arenas\r\n    Author URL: http://github.com/mxaxaxbx\r\n========================================================================================== -->\r\n\r\n<template>\r\n    <div id=\"extra-component-form-wizard-demo\">\r\n\r\n        <p class=\"mb-4\"><a href=\"https://binarcode.github.io/vue-form-wizard/#/\" target=\"_blank\" rel=\"nofollow\">vue-form-wizard</a> is a vue based component with no external depenendcies which simplifies tab wizard management and allows you to focus on the functional part of your app rather than wasting time on details.</p>\r\n\r\n        <form-wizard-number-tab></form-wizard-number-tab>\r\n        <form-wizard-icon-tab></form-wizard-icon-tab>\r\n        <form-wizard-validation></form-wizard-validation>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport FormWizardNumberTab from \"./FormWizardNumberTab.vue\"\r\nimport FormWizardIconTab from \"./FormWizardIconTab.vue\"\r\nimport FormWizardValidation from \"./FormWizardValidation.vue\"\r\n\r\nexport default {\r\n    components: {\r\n        FormWizardNumberTab,\r\n        FormWizardIconTab,\r\n        FormWizardValidation,\r\n    }\r\n}\r\n</script>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./FormWizard.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./FormWizard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FormWizard.vue?vue&type=template&id=050a4e48&\"\nimport script from \"./FormWizard.vue?vue&type=script&lang=js&\"\nexport * from \"./FormWizard.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}