{"version":3,"file":"124.js","sources":["webpack:///src/views/forms/form-wizard/FormWizard.vue","webpack:///src/views/forms/form-wizard/FormWizardIconTab.vue","webpack:///src/views/forms/form-wizard/FormWizardNumberTab.vue","webpack:///src/views/forms/form-wizard/FormWizardValidation.vue","webpack:///./src/views/forms/form-wizard/FormWizard.vue","webpack:///./src/views/forms/form-wizard/FormWizardIconTab.vue","webpack:///./src/views/forms/form-wizard/FormWizardNumberTab.vue","webpack:///./src/views/forms/form-wizard/FormWizardValidation.vue","webpack:///./src/views/forms/form-wizard/FormWizard.vue?1931","webpack:///./src/views/forms/form-wizard/FormWizard.vue?a954","webpack:///./src/views/forms/form-wizard/FormWizard.vue?5846","webpack:///./src/views/forms/form-wizard/FormWizardIconTab.vue?bf03","webpack:///./src/views/forms/form-wizard/FormWizardIconTab.vue?85d0","webpack:///./src/views/forms/form-wizard/FormWizardIconTab.vue?f5e7","webpack:///./src/views/forms/form-wizard/FormWizardNumberTab.vue?4b83","webpack:///./src/views/forms/form-wizard/FormWizardNumberTab.vue?7d7f","webpack:///./src/views/forms/form-wizard/FormWizardNumberTab.vue?2ba4","webpack:///./src/views/forms/form-wizard/FormWizardValidation.vue?dbad","webpack:///./src/views/forms/form-wizard/FormWizardValidation.vue?a1f7","webpack:///./src/views/forms/form-wizard/FormWizardValidation.vue?725b"],"sourcesContent":["<!-- =========================================================================================\n    File Name: FormWizard.vue\n    Description: Form Wizard (third-party) - Imports page portions\n    ----------------------------------------------------------------------------------------\n    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n      Author: Pixinvent\n    Author URL: http://www.themeforest.net/user/pixinvent\n========================================================================================== -->\n\n<template>\n    <div id=\"extra-component-form-wizard-demo\">\n\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>\n\n        <form-wizard-number-tab></form-wizard-number-tab>\n        <form-wizard-icon-tab></form-wizard-icon-tab>\n        <form-wizard-validation></form-wizard-validation>\n    </div>\n</template>\n\n<script>\nimport FormWizardNumberTab from './FormWizardNumberTab.vue'\nimport FormWizardIconTab from './FormWizardIconTab.vue'\nimport FormWizardValidation from './FormWizardValidation.vue'\n\nexport default {\n  components: {\n    FormWizardNumberTab,\n    FormWizardIconTab,\n    FormWizardValidation\n  }\n}\n</script>\n","<!-- =========================================================================================\n    File Name: FormWizardIconTab.vue\n    Description: Form wizard with numbers in tabs\n    ----------------------------------------------------------------------------------------\n    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n      Author: Pixinvent\n    Author URL: http://www.themeforest.net/user/pixinvent\n========================================================================================== -->\n\n\n<template>\n    <vx-card title=\"Form wizard with icon tabs\" code-toggler>\n\n        <p>Add feather icon class to <code>icon</code> prop in <code>tab-content</code> component to get desired icon in tab.</p>\n\n        <div class=\"mt-5\">\n            <form-wizard color=\"rgba(var(--vs-primary), 1)\" :title=\"null\" :subtitle=\"null\" finishButtonText=\"Submit\" @on-complete=\"formSubmitted\">\n                <tab-content title=\"Step 1\" class=\"mb-5\" icon=\"feather icon-home\">\n\n                    <!-- tab 1 content -->\n                    <div class=\"vx-row\">\n                        <div class=\"vx-col md:w-1/2 w-full mt-5\">\n                            <vs-input label=\"First Name\" v-model=\"firstName\" class=\"w-full\" />\n                        </div>\n                        <div class=\"vx-col md:w-1/2 w-full mt-5\">\n                            <vs-input label=\"Last Name\"  v-model=\"lastName\" class=\"w-full\" />\n                        </div>\n                        <div class=\"vx-col md:w-1/2 w-full mt-5\">\n                            <vs-input type=\"email\" label=\"Email\"  v-model=\"email\" class=\"w-full\" />\n                        </div>\n                        <div class=\"vx-col md:w-1/2 w-full mt-5\">\n                            <vs-select v-model=\"city\" class=\"w-full select-large\" label=\"City\">\n                                <vs-select-item :key=\"index\" :value=\"item.value\" :text=\"item.text\" v-for=\"(item,index) in cityOptions\" class=\"w-full\" />\n                            </vs-select>\n                        </div>\n                    </div>\n                </tab-content>\n\n                <!-- tab 2 content -->\n                <tab-content title=\"Step 2\" class=\"mb-5\" icon=\"feather icon-briefcase\">\n                    <div class=\"vx-row\">\n                        <div class=\"vx-col md:w-1/2 w-full\">\n                            <vs-input label=\"Proposal Title\" v-model=\"proposalTitle\" class=\"w-full mt-4\" />\n                            <vs-input label=\"Job Title\"  v-model=\"jobTitle\" class=\"w-full mt-4\" />\n                        </div>\n                        <div class=\"vx-col md:w-1/2 w-full\">\n                            <vs-textarea v-model=\"textarea\" label=\"Short discription\" class=\"mb-0 md:mt-10 mt-6\" rows=\"3\" />\n                        </div>\n                    </div>\n                </tab-content>\n\n                <!-- tab 3 content -->\n                <tab-content title=\"Step 3\" class=\"mb-5\" icon=\"feather icon-image\">\n                    <div class=\"vx-row\">\n                        <div class=\"vx-col md:w-1/2 w-full\">\n                            <vs-input label=\"Event Name\" v-model=\"eventName\" class=\"w-full mt-5\" />\n                        </div>\n                        <div class=\"vx-col md:w-1/2 w-full\">\n                            <vs-select v-model=\"city\" class=\"w-full select-large mt-5\" label=\"Event Location\">\n                                <vs-select-item :key=\"index\" :value=\"item.value\" :text=\"item.text\" v-for=\"(item,index) in cityOptions\" class=\"w-full\" />\n                            </vs-select>\n                        </div>\n                        <div class=\"vx-col md:w-1/2 w-full mt-5\">\n                            <vs-select v-model=\"status\" class=\"w-full select-large\" label=\"Event Status\">\n                                <vs-select-item :key=\"index\" :value=\"item.value\" :text=\"item.text\" v-for=\"(item,index) in statusOptions\" class=\"w-full\" />\n                            </vs-select>\n                        </div>\n                        <div class=\"vx-col md:w-1/2 w-full md:mt-8\">\n                            <div class=\"demo-alignment\">\n                                <span>Requirements:</span>\n                                <div class=\"flex\">\n                                  <vs-checkbox>Staffing</vs-checkbox>\n                                  <vs-checkbox>Catering</vs-checkbox>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </tab-content>\n            </form-wizard>\n        </div>\n\n        <template slot=\"codeContainer\">\n&lt;template&gt;\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;\n      &lt;tab-content title=&quot;Step 1&quot; class=&quot;mb-5&quot; icon=&quot;feather icon-home&quot;&gt;\n\n          &lt;!-- tab 1 content --&gt;\n          &lt;div class=&quot;vx-row&quot;&gt;\n              &lt;div class=&quot;vx-col md:w-1/2 w-full mt-5&quot;&gt;\n                  &lt;vs-input label=&quot;First Name&quot; v-model=&quot;firstName&quot; class=&quot;w-full&quot; /&gt;\n              &lt;/div&gt;\n              &lt;div class=&quot;vx-col md:w-1/2 w-full mt-5&quot;&gt;\n                  &lt;vs-input label=&quot;Last Name&quot;  v-model=&quot;lastName&quot; class=&quot;w-full&quot; /&gt;\n              &lt;/div&gt;\n              &lt;div class=&quot;vx-col md:w-1/2 w-full mt-5&quot;&gt;\n                  &lt;vs-input type=&quot;email&quot; label=&quot;Email&quot;  v-model=&quot;email&quot; class=&quot;w-full&quot; /&gt;\n              &lt;/div&gt;\n              &lt;div class=&quot;vx-col md:w-1/2 w-full mt-5&quot;&gt;\n                  &lt;vs-select v-model=&quot;city&quot; class=&quot;w-full select-large&quot; label=&quot;City&quot;&gt;\n                      &lt;vs-select-item :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;\n                  &lt;/vs-select&gt;\n              &lt;/div&gt;\n          &lt;/div&gt;\n      &lt;/tab-content&gt;\n\n      &lt;!-- tab 2 content --&gt;\n      &lt;tab-content title=&quot;Step 2&quot; class=&quot;mb-5&quot; icon=&quot;feather icon-briefcase&quot;&gt;\n          &lt;div class=&quot;vx-row&quot;&gt;\n              &lt;div class=&quot;vx-col md:w-1/2 w-full&quot;&gt;\n                  &lt;vs-input label=&quot;Proposal Title&quot; v-model=&quot;proposalTitle&quot; class=&quot;w-full mt-4&quot; /&gt;\n                  &lt;vs-input label=&quot;Job Title&quot;  v-model=&quot;jobTitle&quot; class=&quot;w-full mt-4&quot; /&gt;\n              &lt;/div&gt;\n              &lt;div class=&quot;vx-col md:w-1/2 w-full&quot;&gt;\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;\n              &lt;/div&gt;\n          &lt;/div&gt;\n      &lt;/tab-content&gt;\n\n      &lt;!-- tab 3 content --&gt;\n      &lt;tab-content title=&quot;Step 3&quot; class=&quot;mb-5&quot; icon=&quot;feather icon-image&quot;&gt;\n          &lt;div class=&quot;vx-row&quot;&gt;\n              &lt;div class=&quot;vx-col md:w-1/2 w-full&quot;&gt;\n                  &lt;vs-input label=&quot;Event Name&quot; v-model=&quot;eventName&quot; class=&quot;w-full mt-5&quot; /&gt;\n              &lt;/div&gt;\n              &lt;div class=&quot;vx-col md:w-1/2 w-full&quot;&gt;\n                  &lt;vs-select v-model=&quot;city&quot; class=&quot;w-full select-large mt-5&quot; label=&quot;Event Location&quot;&gt;\n                      &lt;vs-select-item :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;\n                  &lt;/vs-select&gt;\n              &lt;/div&gt;\n              &lt;div class=&quot;vx-col md:w-1/2 w-full mt-5&quot;&gt;\n                  &lt;vs-select v-model=&quot;status&quot; class=&quot;w-full select-large&quot; label=&quot;Event Status&quot;&gt;\n                      &lt;vs-select-item :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;\n                  &lt;/vs-select&gt;\n              &lt;/div&gt;\n              &lt;div class=&quot;vx-col md:w-1/2 w-full md:mt-8&quot;&gt;\n                  &lt;div class=&quot;demo-alignment&quot;&gt;\n                      &lt;span&gt;Requirements:&lt;/span&gt;\n                      &lt;div class=&quot;flex&quot;&gt;\n                        &lt;vs-checkbox&gt;Staffing&lt;/vs-checkbox&gt;\n                        &lt;vs-checkbox&gt;Catering&lt;/vs-checkbox&gt;\n                      &lt;/div&gt;\n                  &lt;/div&gt;\n              &lt;/div&gt;\n          &lt;/div&gt;\n      &lt;/tab-content&gt;\n  &lt;/form-wizard&gt;\n&lt;/template&gt;\n\n&lt;script&gt;\nimport {FormWizard, TabContent} from 'vue-form-wizard'\nimport 'vue-form-wizard/dist/vue-form-wizard.min.css'\n\nexport default {\n  data() {\n    return {\n      firstName: &quot;&quot;,\n      /// other data....\n    }\n  },\n  methods: {\n    formSubmitted() {\n      alert(&quot;Form submitted!&quot;);\n    }\n  },\n  components: {\n    FormWizard,\n    TabContent\n  }\n}\n&lt;/script&gt;\n        </template>\n    </vx-card>\n</template>\n\n<script>\nimport {FormWizard, TabContent} from 'vue-form-wizard'\nimport 'vue-form-wizard/dist/vue-form-wizard.min.css'\n\nexport default {\n  data () {\n    return {\n      firstName: '',\n      lastName: '',\n      email: '',\n      city: 'new-york',\n      proposalTitle: '',\n      jobTitle: '',\n      textarea: '',\n      eventName: '',\n      eventLocation: 'san-francisco',\n      status: 'plannning',\n      cityOptions: [\n        {text: 'New York', value:'new-york'},\n        {text: 'Chicago', value:'chicago'},\n        {text: 'San Francisco', value:'san-francisco'},\n        {text: 'Boston', value:'boston'}\n      ],\n      statusOptions: [\n        {text: 'Plannning', value:'plannning'},\n        {text: 'In Progress', value:'in progress'},\n        {text: 'Finished', value:'finished'}\n      ],\n      LocationOptions: [\n        {text: 'New York', value:'new-york'},\n        {text: 'Chicago', value:'chicago'},\n        {text: 'San Francisco', value:'san-francisco'},\n        {text: 'Boston', value:'boston'}\n      ]\n    }\n  },\n  methods: {\n    formSubmitted () {\n      alert('Form submitted!')\n    }\n  },\n  components: {\n    FormWizard,\n    TabContent\n  }\n}\n</script>\n","<!-- =========================================================================================\n    File Name: FormWizardNumberTab.vue\n    Description: Form wizard with numbers in tabs\n    ----------------------------------------------------------------------------------------\n    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n      Author: Pixinvent\n    Author URL: http://www.themeforest.net/user/pixinvent\n========================================================================================== -->\n\n\n<template>\n    <vx-card title=\"Form wizard with number tabs\" code-toggler>\n\n        <p>Create neat and clean form wizard using <code>form-wizard</code> and <code>tab-content</code> components</p>\n\n        <div class=\"mt-5\">\n            <form-wizard color=\"rgba(var(--vs-primary), 1)\" :title=\"null\" :subtitle=\"null\" finishButtonText=\"Submit\" @on-complete=\"formSubmitted\">\n                <tab-content title=\"Step 1\" class=\"mb-5\">\n\n                    <!-- tab 1 content -->\n                    <div class=\"vx-row\">\n                        <div class=\"vx-col md:w-1/2 w-full mt-5\">\n                            <vs-input label=\"First Name\" v-model=\"firstName\" class=\"w-full\" />\n                        </div>\n                        <div class=\"vx-col md:w-1/2 w-full mt-5\">\n                            <vs-input label=\"Last Name\"  v-model=\"lastName\" class=\"w-full\" />\n                        </div>\n                        <div class=\"vx-col md:w-1/2 w-full mt-5\">\n                            <vs-input type=\"email\" label=\"Email\"  v-model=\"email\" class=\"w-full\" />\n                        </div>\n                        <div class=\"vx-col md:w-1/2 w-full mt-5\">\n                            <vs-select v-model=\"city\" class=\"w-full select-large\" label=\"City\">\n                                <vs-select-item :key=\"index\" :value=\"item.value\" :text=\"item.text\" v-for=\"(item,index) in cityOptions\" class=\"w-full\" />\n                            </vs-select>\n                        </div>\n                    </div>\n                </tab-content>\n\n                <!-- tab 2 content -->\n                <tab-content title=\"Step 2\" class=\"mb-5\">\n                    <div class=\"vx-row\">\n                        <div class=\"vx-col md:w-1/2 w-full\">\n                            <vs-input label=\"Proposal Title\" v-model=\"proposalTitle\" class=\"w-full mt-4\" />\n                            <vs-input label=\"Job Title\"  v-model=\"jobTitle\" class=\"w-full mt-4\" />\n                        </div>\n                        <div class=\"vx-col md:w-1/2 w-full\">\n                            <vs-textarea v-model=\"textarea\" label=\"Short discription\" class=\"mb-0 md:mt-10 mt-6\" rows=\"3\" />\n                        </div>\n                    </div>\n                </tab-content>\n\n                <!-- tab 3 content -->\n                <tab-content title=\"Step 3\" class=\"mb-5\">\n                    <div class=\"vx-row\">\n                        <div class=\"vx-col md:w-1/2 w-full\">\n                            <vs-input label=\"Event Name\" v-model=\"eventName\" class=\"w-full mt-5\" />\n                        </div>\n                        <div class=\"vx-col md:w-1/2 w-full\">\n                            <vs-select v-model=\"city\" class=\"w-full select-large mt-5\" label=\"Event Location\">\n                                <vs-select-item :key=\"index\" :value=\"item.value\" :text=\"item.text\" v-for=\"(item,index) in cityOptions\" class=\"w-full\" />\n                            </vs-select>\n                        </div>\n                        <div class=\"vx-col md:w-1/2 w-full mt-5\">\n                            <vs-select v-model=\"status\" class=\"w-full select-large\" label=\"Event Status\">\n                                <vs-select-item :key=\"index\" :value=\"item.value\" :text=\"item.text\" v-for=\"(item,index) in statusOptions\" class=\"w-full\" />\n                            </vs-select>\n                        </div>\n                        <div class=\"vx-col md:w-1/2 w-full md:mt-8\">\n                            <div class=\"demo-alignment\">\n                                <span>Requirements:</span>\n                                <div class=\"flex\">\n                                  <vs-checkbox>Staffing</vs-checkbox>\n                                  <vs-checkbox>Catering</vs-checkbox>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </tab-content>\n            </form-wizard>\n        </div>\n\n        <template slot=\"codeContainer\">\n&lt;template&gt;\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;\n      &lt;tab-content title=&quot;Step 1&quot; class=&quot;mb-5&quot;&gt;\n\n          &lt;!-- tab 1 content --&gt;\n          &lt;div class=&quot;vx-row&quot;&gt;\n              &lt;div class=&quot;vx-col md:w-1/2 w-full mt-5&quot;&gt;\n                  &lt;vs-input label=&quot;First Name&quot; v-model=&quot;firstName&quot; class=&quot;w-full&quot; /&gt;\n              &lt;/div&gt;\n              &lt;div class=&quot;vx-col md:w-1/2 w-full mt-5&quot;&gt;\n                  &lt;vs-input label=&quot;Last Name&quot;  v-model=&quot;lastName&quot; class=&quot;w-full&quot; /&gt;\n              &lt;/div&gt;\n              &lt;div class=&quot;vx-col md:w-1/2 w-full mt-5&quot;&gt;\n                  &lt;vs-input type=&quot;email&quot; label=&quot;Email&quot;  v-model=&quot;email&quot; class=&quot;w-full&quot; /&gt;\n              &lt;/div&gt;\n              &lt;div class=&quot;vx-col md:w-1/2 w-full mt-5&quot;&gt;\n                  &lt;vs-select v-model=&quot;city&quot; class=&quot;w-full select-large&quot; label=&quot;City&quot;&gt;\n                      &lt;vs-select-item :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;\n                  &lt;/vs-select&gt;\n              &lt;/div&gt;\n          &lt;/div&gt;\n      &lt;/tab-content&gt;\n\n      &lt;!-- tab 2 content --&gt;\n      &lt;tab-content title=&quot;Step 2&quot; class=&quot;mb-5&quot;&gt;\n          &lt;div class=&quot;vx-row&quot;&gt;\n              &lt;div class=&quot;vx-col md:w-1/2 w-full&quot;&gt;\n                  &lt;vs-input label=&quot;Proposal Title&quot; v-model=&quot;proposalTitle&quot; class=&quot;w-full mt-4&quot; /&gt;\n                  &lt;vs-input label=&quot;Job Title&quot;  v-model=&quot;jobTitle&quot; class=&quot;w-full mt-4&quot; /&gt;\n              &lt;/div&gt;\n              &lt;div class=&quot;vx-col md:w-1/2 w-full&quot;&gt;\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;\n              &lt;/div&gt;\n          &lt;/div&gt;\n      &lt;/tab-content&gt;\n\n      &lt;!-- tab 3 content --&gt;\n      &lt;tab-content title=&quot;Step 3&quot; class=&quot;mb-5&quot;&gt;\n          &lt;div class=&quot;vx-row&quot;&gt;\n              &lt;div class=&quot;vx-col md:w-1/2 w-full&quot;&gt;\n                  &lt;vs-input label=&quot;Event Name&quot; v-model=&quot;eventName&quot; class=&quot;w-full mt-5&quot; /&gt;\n              &lt;/div&gt;\n              &lt;div class=&quot;vx-col md:w-1/2 w-full&quot;&gt;\n                  &lt;vs-select v-model=&quot;city&quot; class=&quot;w-full select-large mt-5&quot; label=&quot;Event Location&quot;&gt;\n                      &lt;vs-select-item :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;\n                  &lt;/vs-select&gt;\n              &lt;/div&gt;\n              &lt;div class=&quot;vx-col md:w-1/2 w-full mt-5&quot;&gt;\n                  &lt;vs-select v-model=&quot;status&quot; class=&quot;w-full select-large&quot; label=&quot;Event Status&quot;&gt;\n                      &lt;vs-select-item :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;\n                  &lt;/vs-select&gt;\n              &lt;/div&gt;\n              &lt;div class=&quot;vx-col md:w-1/2 w-full md:mt-8&quot;&gt;\n                  &lt;div class=&quot;demo-alignment&quot;&gt;\n                      &lt;span&gt;Requirements:&lt;/span&gt;\n                      &lt;div class=&quot;flex&quot;&gt;\n                        &lt;vs-checkbox&gt;Staffing&lt;/vs-checkbox&gt;\n                        &lt;vs-checkbox&gt;Catering&lt;/vs-checkbox&gt;\n                      &lt;/div&gt;\n                  &lt;/div&gt;\n              &lt;/div&gt;\n          &lt;/div&gt;\n      &lt;/tab-content&gt;\n  &lt;/form-wizard&gt;\n&lt;/template&gt;\n\n&lt;script&gt;\nimport {FormWizard, TabContent} from 'vue-form-wizard'\nimport 'vue-form-wizard/dist/vue-form-wizard.min.css'\n\nexport default {\n  data() {\n    return {\n      firstName: &quot;&quot;,\n      lastName: &quot;&quot;,\n      email: &quot;&quot;,\n      city: &quot;new-york&quot;,\n      proposalTitle: &quot;&quot;,\n      jobTitle: &quot;&quot;,\n      textarea: &quot;&quot;,\n      eventName: &quot;&quot;,\n      eventLocation: &quot;san-francisco&quot;,\n      status: &quot;plannning&quot;,\n      cityOptions: [\n        {text: &quot;New York&quot;, value:&quot;new-york&quot;},\n        {text: &quot;Chicago&quot;, value:&quot;chicago&quot;},\n        {text: &quot;San Francisco&quot;, value:&quot;san-francisco&quot;},\n        {text: &quot;Boston&quot;, value:&quot;boston&quot;},\n      ],\n      statusOptions: [\n        {text: &quot;Plannning&quot;, value:&quot;plannning&quot;},\n        {text: &quot;In Progress&quot;, value:&quot;in progress&quot;},\n        {text: &quot;Finished&quot;, value:&quot;finished&quot;},\n      ],\n      LocationOptions: [\n        {text: &quot;New York&quot;, value:&quot;new-york&quot;},\n        {text: &quot;Chicago&quot;, value:&quot;chicago&quot;},\n        {text: &quot;San Francisco&quot;, value:&quot;san-francisco&quot;},\n        {text: &quot;Boston&quot;, value:&quot;boston&quot;},\n      ],\n    }\n  },\n  methods: {\n    formSubmitted() {\n      alert(&quot;Form submitted!&quot;);\n    }\n  },\n  components: {\n    FormWizard,\n    TabContent\n  }\n}\n&lt;/script&gt;\n        </template>\n    </vx-card>\n</template>\n\n<script>\nimport {FormWizard, TabContent} from 'vue-form-wizard'\nimport 'vue-form-wizard/dist/vue-form-wizard.min.css'\n\nexport default {\n  data () {\n    return {\n      firstName: '',\n      lastName: '',\n      email: '',\n      city: 'new-york',\n      proposalTitle: '',\n      jobTitle: '',\n      textarea: '',\n      eventName: '',\n      eventLocation: 'san-francisco',\n      status: 'plannning',\n      cityOptions: [\n        {text: 'New York', value:'new-york'},\n        {text: 'Chicago', value:'chicago'},\n        {text: 'San Francisco', value:'san-francisco'},\n        {text: 'Boston', value:'boston'}\n      ],\n      statusOptions: [\n        {text: 'Plannning', value:'plannning'},\n        {text: 'In Progress', value:'in progress'},\n        {text: 'Finished', value:'finished'}\n      ],\n      LocationOptions: [\n        {text: 'New York', value:'new-york'},\n        {text: 'Chicago', value:'chicago'},\n        {text: 'San Francisco', value:'san-francisco'},\n        {text: 'Boston', value:'boston'}\n      ]\n    }\n  },\n  methods: {\n    formSubmitted () {\n      alert('Form submitted!')\n    }\n  },\n  components: {\n    FormWizard,\n    TabContent\n  }\n}\n</script>\n","<!-- =========================================================================================\n  File Name: FormWizardValidation.vue\n  Description: Form wizard with validation\n  ----------------------------------------------------------------------------------------\n  Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n  Author: Pixinvent\n  Author URL: http://www.themeforest.net/user/pixinvent\n========================================================================================== -->\n\n\n<template>\n  <vx-card title=\"Form wizard with validation\" code-toggler>\n\n    <p>Implement Form validation with form wizard using popular <strong> <router-link to=\"/forms/form-validation\">VeeValidate</router-link></strong></p>\n\n    <div class=\"mt-5\">\n      <form-wizard color=\"rgba(var(--vs-primary), 1)\" errorColor=\"rgba(var(--vs-danger), 1)\" :title=\"null\" :subtitle=\"null\" finishButtonText=\"Submit\">\n        <tab-content title=\"Step 1\" class=\"mb-5\" icon=\"feather icon-home\" :before-change=\"validateStep1\">\n\n          <!-- tab 1 content -->\n          <form data-vv-scope=\"step-1\">\n          <div class=\"vx-row\">\n            <div class=\"vx-col md:w-1/2 w-full mt-5\">\n              <vs-input label=\"First Name\" v-model=\"firstName\" class=\"w-full\" name=\"first_name\" v-validate=\"'required|alpha'\" />\n              <span class=\"text-danger\">{{ errors.first('step-1.first_name') }}</span>\n            </div>\n            <div class=\"vx-col md:w-1/2 w-full mt-5\">\n              <vs-input label=\"Last Name\"  v-model=\"lastName\" class=\"w-full\" name=\"last_name\" v-validate=\"'required|alpha'\" />\n              <span class=\"text-danger\">{{ errors.first('step-1.last_name') }}</span>\n            </div>\n            <div class=\"vx-col md:w-1/2 w-full mt-5\">\n              <vs-input type=\"email\" label=\"Email\"  v-model=\"email\" class=\"w-full\" name=\"email\" v-validate=\"'required|email'\" />\n              <span class=\"text-danger\">{{ errors.first('step-1.email') }}</span>\n            </div>\n            <div class=\"vx-col md:w-1/2 w-full mt-5\">\n              <vs-select v-model=\"city\" class=\"w-full select-large\" label=\"City\">\n                <vs-select-item :key=\"index\" :value=\"item.value\" :text=\"item.text\" v-for=\"(item,index) in cityOptions\" class=\"w-full\" />\n              </vs-select>\n            </div>\n          </div>\n          </form>\n        </tab-content>\n\n        <!-- tab 2 content -->\n        <tab-content title=\"Step 2\" class=\"mb-5\" icon=\"feather icon-briefcase\" :before-change=\"validateStep2\">\n          <form data-vv-scope=\"step-2\">\n          <div class=\"vx-row\">\n            <div class=\"vx-col md:w-1/2 w-full\">\n              <vs-input label=\"Proposal Title\" v-model=\"proposalTitle\" class=\"w-full mt-4\" name=\"proposal_title\" v-validate=\"'required|alpha_spaces'\" />\n              <span class=\"text-danger\">{{ errors.first('step-2.proposal_title') }}</span>\n\n              <vs-input label=\"Job Title\"  v-model=\"jobTitle\" class=\"w-full mt-4\" name=\"job_title\" v-validate=\"'required|alpha_spaces'\" />\n              <span class=\"text-danger\">{{ errors.first('step-2.job_title') }}</span>\n            </div>\n            <div class=\"vx-col md:w-1/2 w-full\">\n              <vs-textarea v-model=\"textarea\" label=\"Short discription\" class=\"md:mt-10 mt-6 mb-0\" rows=\"3\" />\n            </div>\n          </div>\n          </form>\n        </tab-content>\n\n        <!-- tab 3 content -->\n        <tab-content title=\"Step 3\" class=\"mb-5\" icon=\"feather icon-image\" :before-change=\"validateStep3\">\n          <form data-vv-scope=\"step-3\">\n          <div class=\"vx-row\">\n            <div class=\"vx-col md:w-1/2 w-full\">\n              <vs-input label=\"Event Name\" v-model=\"eventName\" class=\"w-full mt-5\" name=\"event_name\" v-validate=\"'required|alpha_spaces'\" />\n              <span class=\"text-danger\">{{ errors.first('step-3.event_name') }}</span>\n            </div>\n            <div class=\"vx-col md:w-1/2 w-full\">\n              <vs-select v-model=\"city\" class=\"w-full select-large mt-5\" label=\"Event Location\">\n                <vs-select-item :key=\"index\" :value=\"item.value\" :text=\"item.text\" v-for=\"(item,index) in cityOptions\" class=\"w-full\" />\n              </vs-select>\n            </div>\n            <div class=\"vx-col md:w-1/2 w-full mt-5\">\n              <vs-select v-model=\"status\" class=\"w-full select-large\" label=\"Event Status\">\n                <vs-select-item :key=\"index\" :value=\"item.value\" :text=\"item.text\" v-for=\"(item,index) in statusOptions\" class=\"w-full\" />\n              </vs-select>\n            </div>\n            <div class=\"vx-col md:w-1/2 w-full md:mt-8\">\n              <div class=\"demo-alignment\">\n                <span>Requirements:</span>\n                <div class=\"flex\">\n                  <vs-checkbox>Staffing</vs-checkbox>\n                  <vs-checkbox>Catering</vs-checkbox>\n                </div>\n              </div>\n            </div>\n          </div>\n          </form>\n        </tab-content>\n      </form-wizard>\n    </div>\n\n    <template slot=\"codeContainer\">\n&lt;template&gt;\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;\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;\n\n      &lt;!-- tab 1 content --&gt;\n      &lt;form data-vv-scope=&quot;step-1&quot;&gt;\n      &lt;div class=&quot;vx-row&quot;&gt;\n        &lt;div class=&quot;vx-col md:w-1/2 w-full mt-5&quot;&gt;\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;\n          &lt;span class=&quot;text-danger&quot;&gt;{{ errors.first('step-1.first_name') }}&lt;/span&gt;\n        &lt;/div&gt;\n        &lt;div class=&quot;vx-col md:w-1/2 w-full mt-5&quot;&gt;\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;\n          &lt;span class=&quot;text-danger&quot;&gt;{{ errors.first('step-1.last_name') }}&lt;/span&gt;\n        &lt;/div&gt;\n        &lt;div class=&quot;vx-col md:w-1/2 w-full mt-5&quot;&gt;\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;\n          &lt;span class=&quot;text-danger&quot;&gt;{{ errors.first('step-1.email') }}&lt;/span&gt;\n        &lt;/div&gt;\n        &lt;div class=&quot;vx-col md:w-1/2 w-full mt-5&quot;&gt;\n          &lt;vs-select v-model=&quot;city&quot; class=&quot;w-full select-large&quot; label=&quot;City&quot;&gt;\n            &lt;vs-select-item :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;\n          &lt;/vs-select&gt;\n        &lt;/div&gt;\n      &lt;/div&gt;\n      &lt;/form&gt;\n    &lt;/tab-content&gt;\n\n    &lt;!-- tab 2 content --&gt;\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;\n      &lt;form data-vv-scope=&quot;step-2&quot;&gt;\n      &lt;div class=&quot;vx-row&quot;&gt;\n        &lt;div class=&quot;vx-col md:w-1/2 w-full&quot;&gt;\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;\n          &lt;span class=&quot;text-danger&quot;&gt;{{ errors.first('step-2.proposal_title') }}&lt;/span&gt;\n\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;\n          &lt;span class=&quot;text-danger&quot;&gt;{{ errors.first('step-2.job_title') }}&lt;/span&gt;\n        &lt;/div&gt;\n        &lt;div class=&quot;vx-col md:w-1/2 w-full&quot;&gt;\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;\n        &lt;/div&gt;\n      &lt;/div&gt;\n      &lt;/form&gt;\n    &lt;/tab-content&gt;\n\n    &lt;!-- tab 3 content --&gt;\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;\n      &lt;form data-vv-scope=&quot;step-3&quot;&gt;\n      &lt;div class=&quot;vx-row&quot;&gt;\n        &lt;div class=&quot;vx-col md:w-1/2 w-full&quot;&gt;\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;\n          &lt;span class=&quot;text-danger&quot;&gt;{{ errors.first('step-3.event_name') }}&lt;/span&gt;\n        &lt;/div&gt;\n        &lt;div class=&quot;vx-col md:w-1/2 w-full&quot;&gt;\n          &lt;vs-select v-model=&quot;city&quot; class=&quot;w-full select-large mt-5&quot; label=&quot;Event Location&quot;&gt;\n            &lt;vs-select-item :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;\n          &lt;/vs-select&gt;\n        &lt;/div&gt;\n        &lt;div class=&quot;vx-col md:w-1/2 w-full mt-5&quot;&gt;\n          &lt;vs-select v-model=&quot;status&quot; class=&quot;w-full select-large&quot; label=&quot;Event Status&quot;&gt;\n            &lt;vs-select-item :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;\n          &lt;/vs-select&gt;\n        &lt;/div&gt;\n        &lt;div class=&quot;vx-col md:w-1/2 w-full md:mt-8&quot;&gt;\n          &lt;div class=&quot;demo-alignment&quot;&gt;\n            &lt;span&gt;Requirements:&lt;/span&gt;\n            &lt;div class=&quot;flex&quot;&gt;\n              &lt;vs-checkbox&gt;Staffing&lt;/vs-checkbox&gt;\n              &lt;vs-checkbox&gt;Catering&lt;/vs-checkbox&gt;\n            &lt;/div&gt;\n          &lt;/div&gt;\n        &lt;/div&gt;\n      &lt;/div&gt;\n      &lt;/form&gt;\n    &lt;/tab-content&gt;\n  &lt;/form-wizard&gt;\n&lt;/template&gt;\n\n&lt;script&gt;\nimport { FormWizard, TabContent } from 'vue-form-wizard'\nimport 'vue-form-wizard/dist/vue-form-wizard.min.css'\n\n// For custom error message\nimport { Validator } from 'vee-validate';\nconst dict = {\n  custom: {\n    first_name: {\n      required: 'First name is required',\n      alpha: &quot;First name may only contain alphabetic characters&quot;\n    },\n    last_name: {\n      required: 'Last name is required',\n      alpha: &quot;Last name may only contain alphabetic characters&quot;\n    },\n    email: {\n      required: 'Email is required',\n      email: &quot;Please enter valid email&quot;\n    },\n    job_title: {\n      required: 'Job title name is required',\n      alpha: &quot;Job title may only contain alphabetic characters&quot;\n    },\n    proposal_title: {\n      required: 'Proposal title name is required',\n      alpha: &quot;Proposal title may only contain alphabetic characters&quot;\n    },\n    event_name: {\n      required: 'Event name is required',\n      alpha: &quot;Event name may only contain alphabetic characters&quot;\n    },\n  }\n};\n\n// register custom messages\nValidator.localize('en', dict);\n\nexport default {\n  data() {\n    return {\n      firstName: &quot;&quot;,\n      lastName: &quot;&quot;,\n      email: &quot;&quot;,\n      city: &quot;new-york&quot;,\n      proposalTitle: &quot;&quot;,\n      jobTitle: &quot;&quot;,\n      textarea: &quot;&quot;,\n      eventName: &quot;&quot;,\n      eventLocation: &quot;san-francisco&quot;,\n      status: &quot;plannning&quot;,\n      cityOptions: [\n        { text: &quot;New York&quot;, value: &quot;new-york&quot; },\n        { text: &quot;Chicago&quot;, value: &quot;chicago&quot; },\n        { text: &quot;San Francisco&quot;, value: &quot;san-francisco&quot; },\n        { text: &quot;Boston&quot;, value: &quot;boston&quot; },\n      ],\n      statusOptions: [\n        { text: &quot;Plannning&quot;, value: &quot;plannning&quot; },\n        { text: &quot;In Progress&quot;, value: &quot;in progress&quot; },\n        { text: &quot;Finished&quot;, value: &quot;finished&quot; },\n      ],\n      LocationOptions: [\n        { text: &quot;New York&quot;, value: &quot;new-york&quot; },\n        { text: &quot;Chicago&quot;, value: &quot;chicago&quot; },\n        { text: &quot;San Francisco&quot;, value: &quot;san-francisco&quot; },\n        { text: &quot;Boston&quot;, value: &quot;boston&quot; },\n      ],\n    }\n  },\n  methods: {\n    validateStep1() {\n      return new Promise((resolve, reject) =&gt; {\n        this.$validator.validateAll('step-1').then(result =&gt; {\n          if (result) {\n            resolve(true)\n          } else {\n            reject(&quot;correct all values&quot;);\n          }\n        })\n      })\n    },\n    validateStep2() {\n      return new Promise((resolve, reject) =&gt; {\n        this.$validator.validateAll(&quot;step-2&quot;).then(result =&gt; {\n          if (result) {\n            resolve(true)\n          } else {\n            reject(&quot;correct all values&quot;);\n          }\n        })\n      })\n    },\n    validateStep3() {\n      return new Promise((resolve, reject) =&gt; {\n        this.$validator.validateAll(&quot;step-3&quot;).then(result =&gt; {\n          if (result) {\n            alert(&quot;Form submitted!&quot;);\n            resolve(true)\n          } else {\n            reject(&quot;correct all values&quot;);\n          }\n        })\n      })\n    }\n  },\n  components: {\n    FormWizard,\n    TabContent\n  }\n}\n&lt;/script&gt;\n    </template>\n  </vx-card>\n</template>\n\n<script>\nimport { FormWizard, TabContent } from 'vue-form-wizard'\nimport 'vue-form-wizard/dist/vue-form-wizard.min.css'\n\n// For custom error message\nimport { Validator } from 'vee-validate'\nconst dict = {\n  custom: {\n    first_name: {\n      required: 'First name is required',\n      alpha: 'First name may only contain alphabetic characters'\n    },\n    last_name: {\n      required: 'Last name is required',\n      alpha: 'Last name may only contain alphabetic characters'\n    },\n    email: {\n      required: 'Email is required',\n      email: 'Please enter valid email'\n    },\n    job_title: {\n      required: 'Job title name is required',\n      alpha: 'Job title may only contain alphabetic characters'\n    },\n    proposal_title: {\n      required: 'Proposal title name is required',\n      alpha: 'Proposal title may only contain alphabetic characters'\n    },\n    event_name: {\n      required: 'Event name is required',\n      alpha: 'Event name may only contain alphabetic characters'\n    }\n  }\n}\n\n// register custom messages\nValidator.localize('en', dict)\n\nexport default {\n  data () {\n    return {\n      firstName: '',\n      lastName: '',\n      email: '',\n      city: 'new-york',\n      proposalTitle: '',\n      jobTitle: '',\n      textarea: '',\n      eventName: '',\n      eventLocation: 'san-francisco',\n      status: 'plannning',\n      cityOptions: [\n        { text: 'New York', value: 'new-york' },\n        { text: 'Chicago', value: 'chicago' },\n        { text: 'San Francisco', value: 'san-francisco' },\n        { text: 'Boston', value: 'boston' }\n      ],\n      statusOptions: [\n        { text: 'Plannning', value: 'plannning' },\n        { text: 'In Progress', value: 'in progress' },\n        { text: 'Finished', value: 'finished' }\n      ],\n      LocationOptions: [\n        { text: 'New York', value: 'new-york' },\n        { text: 'Chicago', value: 'chicago' },\n        { text: 'San Francisco', value: 'san-francisco' },\n        { text: 'Boston', value: 'boston' }\n      ]\n    }\n  },\n  methods: {\n    validateStep1 () {\n      return new Promise((resolve, reject) => {\n        this.$validator.validateAll('step-1').then(result => {\n          if (result) {\n            resolve(true)\n          } else {\n            reject('correct all values')\n          }\n        })\n      })\n    },\n    validateStep2 () {\n      return new Promise((resolve, reject) => {\n        this.$validator.validateAll('step-2').then(result => {\n          if (result) {\n            resolve(true)\n          } else {\n            reject('correct all values')\n          }\n        })\n      })\n    },\n    validateStep3 () {\n      return new Promise((resolve, reject) => {\n        this.$validator.validateAll('step-3').then(result => {\n          if (result) {\n            alert('Form submitted!')\n            resolve(true)\n          } else {\n            reject('correct all values')\n          }\n        })\n      })\n    }\n  },\n  components: {\n    FormWizard,\n    TabContent\n  }\n}\n</script>\n","var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\n    \"div\",\n    { attrs: { id: \"extra-component-form-wizard-demo\" } },\n    [\n      _vm._m(0),\n      _c(\"form-wizard-number-tab\"),\n      _c(\"form-wizard-icon-tab\"),\n      _c(\"form-wizard-validation\"),\n    ],\n    1\n  )\n}\nvar staticRenderFns = [\n  function () {\n    var _vm = this,\n      _c = _vm._self._c\n    return _c(\"p\", { staticClass: \"mb-4\" }, [\n      _c(\n        \"a\",\n        {\n          attrs: {\n            href: \"https://binarcode.github.io/vue-form-wizard/#/\",\n            target: \"_blank\",\n            rel: \"nofollow\",\n          },\n        },\n        [_vm._v(\"vue-form-wizard\")]\n      ),\n      _vm._v(\n        \" 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    ])\n  },\n]\nrender._withStripped = true\n\nexport { render, staticRenderFns }","var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\n    \"vx-card\",\n    { attrs: { title: \"Form wizard with icon tabs\", \"code-toggler\": \"\" } },\n    [\n      _c(\"p\", [\n        _vm._v(\"Add feather icon class to \"),\n        _c(\"code\", [_vm._v(\"icon\")]),\n        _vm._v(\" prop in \"),\n        _c(\"code\", [_vm._v(\"tab-content\")]),\n        _vm._v(\" component to get desired icon in tab.\"),\n      ]),\n      _c(\n        \"div\",\n        { staticClass: \"mt-5\" },\n        [\n          _c(\n            \"form-wizard\",\n            {\n              attrs: {\n                color: \"rgba(var(--vs-primary), 1)\",\n                title: null,\n                subtitle: null,\n                finishButtonText: \"Submit\",\n              },\n              on: { \"on-complete\": _vm.formSubmitted },\n            },\n            [\n              _c(\n                \"tab-content\",\n                {\n                  staticClass: \"mb-5\",\n                  attrs: { title: \"Step 1\", icon: \"feather icon-home\" },\n                },\n                [\n                  _c(\"div\", { staticClass: \"vx-row\" }, [\n                    _c(\n                      \"div\",\n                      { staticClass: \"vx-col md:w-1/2 w-full mt-5\" },\n                      [\n                        _c(\"vs-input\", {\n                          staticClass: \"w-full\",\n                          attrs: { label: \"First Name\" },\n                          model: {\n                            value: _vm.firstName,\n                            callback: function ($$v) {\n                              _vm.firstName = $$v\n                            },\n                            expression: \"firstName\",\n                          },\n                        }),\n                      ],\n                      1\n                    ),\n                    _c(\n                      \"div\",\n                      { staticClass: \"vx-col md:w-1/2 w-full mt-5\" },\n                      [\n                        _c(\"vs-input\", {\n                          staticClass: \"w-full\",\n                          attrs: { label: \"Last Name\" },\n                          model: {\n                            value: _vm.lastName,\n                            callback: function ($$v) {\n                              _vm.lastName = $$v\n                            },\n                            expression: \"lastName\",\n                          },\n                        }),\n                      ],\n                      1\n                    ),\n                    _c(\n                      \"div\",\n                      { staticClass: \"vx-col md:w-1/2 w-full mt-5\" },\n                      [\n                        _c(\"vs-input\", {\n                          staticClass: \"w-full\",\n                          attrs: { type: \"email\", label: \"Email\" },\n                          model: {\n                            value: _vm.email,\n                            callback: function ($$v) {\n                              _vm.email = $$v\n                            },\n                            expression: \"email\",\n                          },\n                        }),\n                      ],\n                      1\n                    ),\n                    _c(\n                      \"div\",\n                      { staticClass: \"vx-col md:w-1/2 w-full mt-5\" },\n                      [\n                        _c(\n                          \"vs-select\",\n                          {\n                            staticClass: \"w-full select-large\",\n                            attrs: { label: \"City\" },\n                            model: {\n                              value: _vm.city,\n                              callback: function ($$v) {\n                                _vm.city = $$v\n                              },\n                              expression: \"city\",\n                            },\n                          },\n                          _vm._l(_vm.cityOptions, function (item, index) {\n                            return _c(\"vs-select-item\", {\n                              key: index,\n                              staticClass: \"w-full\",\n                              attrs: { value: item.value, text: item.text },\n                            })\n                          }),\n                          1\n                        ),\n                      ],\n                      1\n                    ),\n                  ]),\n                ]\n              ),\n              _c(\n                \"tab-content\",\n                {\n                  staticClass: \"mb-5\",\n                  attrs: { title: \"Step 2\", icon: \"feather icon-briefcase\" },\n                },\n                [\n                  _c(\"div\", { staticClass: \"vx-row\" }, [\n                    _c(\n                      \"div\",\n                      { staticClass: \"vx-col md:w-1/2 w-full\" },\n                      [\n                        _c(\"vs-input\", {\n                          staticClass: \"w-full mt-4\",\n                          attrs: { label: \"Proposal Title\" },\n                          model: {\n                            value: _vm.proposalTitle,\n                            callback: function ($$v) {\n                              _vm.proposalTitle = $$v\n                            },\n                            expression: \"proposalTitle\",\n                          },\n                        }),\n                        _c(\"vs-input\", {\n                          staticClass: \"w-full mt-4\",\n                          attrs: { label: \"Job Title\" },\n                          model: {\n                            value: _vm.jobTitle,\n                            callback: function ($$v) {\n                              _vm.jobTitle = $$v\n                            },\n                            expression: \"jobTitle\",\n                          },\n                        }),\n                      ],\n                      1\n                    ),\n                    _c(\n                      \"div\",\n                      { staticClass: \"vx-col md:w-1/2 w-full\" },\n                      [\n                        _c(\"vs-textarea\", {\n                          staticClass: \"mb-0 md:mt-10 mt-6\",\n                          attrs: { label: \"Short discription\", rows: \"3\" },\n                          model: {\n                            value: _vm.textarea,\n                            callback: function ($$v) {\n                              _vm.textarea = $$v\n                            },\n                            expression: \"textarea\",\n                          },\n                        }),\n                      ],\n                      1\n                    ),\n                  ]),\n                ]\n              ),\n              _c(\n                \"tab-content\",\n                {\n                  staticClass: \"mb-5\",\n                  attrs: { title: \"Step 3\", icon: \"feather icon-image\" },\n                },\n                [\n                  _c(\"div\", { staticClass: \"vx-row\" }, [\n                    _c(\n                      \"div\",\n                      { staticClass: \"vx-col md:w-1/2 w-full\" },\n                      [\n                        _c(\"vs-input\", {\n                          staticClass: \"w-full mt-5\",\n                          attrs: { label: \"Event Name\" },\n                          model: {\n                            value: _vm.eventName,\n                            callback: function ($$v) {\n                              _vm.eventName = $$v\n                            },\n                            expression: \"eventName\",\n                          },\n                        }),\n                      ],\n                      1\n                    ),\n                    _c(\n                      \"div\",\n                      { staticClass: \"vx-col md:w-1/2 w-full\" },\n                      [\n                        _c(\n                          \"vs-select\",\n                          {\n                            staticClass: \"w-full select-large mt-5\",\n                            attrs: { label: \"Event Location\" },\n                            model: {\n                              value: _vm.city,\n                              callback: function ($$v) {\n                                _vm.city = $$v\n                              },\n                              expression: \"city\",\n                            },\n                          },\n                          _vm._l(_vm.cityOptions, function (item, index) {\n                            return _c(\"vs-select-item\", {\n                              key: index,\n                              staticClass: \"w-full\",\n                              attrs: { value: item.value, text: item.text },\n                            })\n                          }),\n                          1\n                        ),\n                      ],\n                      1\n                    ),\n                    _c(\n                      \"div\",\n                      { staticClass: \"vx-col md:w-1/2 w-full mt-5\" },\n                      [\n                        _c(\n                          \"vs-select\",\n                          {\n                            staticClass: \"w-full select-large\",\n                            attrs: { label: \"Event Status\" },\n                            model: {\n                              value: _vm.status,\n                              callback: function ($$v) {\n                                _vm.status = $$v\n                              },\n                              expression: \"status\",\n                            },\n                          },\n                          _vm._l(_vm.statusOptions, function (item, index) {\n                            return _c(\"vs-select-item\", {\n                              key: index,\n                              staticClass: \"w-full\",\n                              attrs: { value: item.value, text: item.text },\n                            })\n                          }),\n                          1\n                        ),\n                      ],\n                      1\n                    ),\n                    _c(\n                      \"div\",\n                      { staticClass: \"vx-col md:w-1/2 w-full md:mt-8\" },\n                      [\n                        _c(\"div\", { staticClass: \"demo-alignment\" }, [\n                          _c(\"span\", [_vm._v(\"Requirements:\")]),\n                          _c(\n                            \"div\",\n                            { staticClass: \"flex\" },\n                            [\n                              _c(\"vs-checkbox\", [_vm._v(\"Staffing\")]),\n                              _c(\"vs-checkbox\", [_vm._v(\"Catering\")]),\n                            ],\n                            1\n                          ),\n                        ]),\n                      ]\n                    ),\n                  ]),\n                ]\n              ),\n            ],\n            1\n          ),\n        ],\n        1\n      ),\n      _c(\"template\", { slot: \"codeContainer\" }, [\n        _vm._v(\n          '\\n<template>\\n  <form-wizard color=\"rgba(var(--vs-primary), 1)\" :title=\"null\" :subtitle=\"null\" finishButtonText=\"Submit\" @on-complete=\"formSubmitted\">\\n      <tab-content title=\"Step 1\" class=\"mb-5\" icon=\"feather icon-home\">\\n\\n          <!-- tab 1 content -->\\n          <div class=\"vx-row\">\\n              <div class=\"vx-col md:w-1/2 w-full mt-5\">\\n                  <vs-input label=\"First Name\" v-model=\"firstName\" class=\"w-full\" />\\n              </div>\\n              <div class=\"vx-col md:w-1/2 w-full mt-5\">\\n                  <vs-input label=\"Last Name\"  v-model=\"lastName\" class=\"w-full\" />\\n              </div>\\n              <div class=\"vx-col md:w-1/2 w-full mt-5\">\\n                  <vs-input type=\"email\" label=\"Email\"  v-model=\"email\" class=\"w-full\" />\\n              </div>\\n              <div class=\"vx-col md:w-1/2 w-full mt-5\">\\n                  <vs-select v-model=\"city\" class=\"w-full select-large\" label=\"City\">\\n                      <vs-select-item :key=\"index\" :value=\"item.value\" :text=\"item.text\" v-for=\"(item,index) in cityOptions\" class=\"w-full\" />\\n                  </vs-select>\\n              </div>\\n          </div>\\n      </tab-content>\\n\\n      <!-- tab 2 content -->\\n      <tab-content title=\"Step 2\" class=\"mb-5\" icon=\"feather icon-briefcase\">\\n          <div class=\"vx-row\">\\n              <div class=\"vx-col md:w-1/2 w-full\">\\n                  <vs-input label=\"Proposal Title\" v-model=\"proposalTitle\" class=\"w-full mt-4\" />\\n                  <vs-input label=\"Job Title\"  v-model=\"jobTitle\" class=\"w-full mt-4\" />\\n              </div>\\n              <div class=\"vx-col md:w-1/2 w-full\">\\n                  <vs-textarea v-model=\"textarea\" label=\"Short discription\" class=\"mb-0 md:mt-10 mt-6\" rows=\"3\" />\\n              </div>\\n          </div>\\n      </tab-content>\\n\\n      <!-- tab 3 content -->\\n      <tab-content title=\"Step 3\" class=\"mb-5\" icon=\"feather icon-image\">\\n          <div class=\"vx-row\">\\n              <div class=\"vx-col md:w-1/2 w-full\">\\n                  <vs-input label=\"Event Name\" v-model=\"eventName\" class=\"w-full mt-5\" />\\n              </div>\\n              <div class=\"vx-col md:w-1/2 w-full\">\\n                  <vs-select v-model=\"city\" class=\"w-full select-large mt-5\" label=\"Event Location\">\\n                      <vs-select-item :key=\"index\" :value=\"item.value\" :text=\"item.text\" v-for=\"(item,index) in cityOptions\" class=\"w-full\" />\\n                  </vs-select>\\n              </div>\\n              <div class=\"vx-col md:w-1/2 w-full mt-5\">\\n                  <vs-select v-model=\"status\" class=\"w-full select-large\" label=\"Event Status\">\\n                      <vs-select-item :key=\"index\" :value=\"item.value\" :text=\"item.text\" v-for=\"(item,index) in statusOptions\" class=\"w-full\" />\\n                  </vs-select>\\n              </div>\\n              <div class=\"vx-col md:w-1/2 w-full md:mt-8\">\\n                  <div class=\"demo-alignment\">\\n                      <span>Requirements:</span>\\n                      <div class=\"flex\">\\n                        <vs-checkbox>Staffing</vs-checkbox>\\n                        <vs-checkbox>Catering</vs-checkbox>\\n                      </div>\\n                  </div>\\n              </div>\\n          </div>\\n      </tab-content>\\n  </form-wizard>\\n</template>\\n\\n<script>\\nimport {FormWizard, TabContent} from \\'vue-form-wizard\\'\\nimport \\'vue-form-wizard/dist/vue-form-wizard.min.css\\'\\n\\nexport default {\\n  data() {\\n    return {\\n      firstName: \"\",\\n      /// other data....\\n    }\\n  },\\n  methods: {\\n    formSubmitted() {\\n      alert(\"Form submitted!\");\\n    }\\n  },\\n  components: {\\n    FormWizard,\\n    TabContent\\n  }\\n}\\n</script>\\n        '\n        ),\n      ]),\n    ],\n    2\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\n    \"vx-card\",\n    { attrs: { title: \"Form wizard with number tabs\", \"code-toggler\": \"\" } },\n    [\n      _c(\"p\", [\n        _vm._v(\"Create neat and clean form wizard using \"),\n        _c(\"code\", [_vm._v(\"form-wizard\")]),\n        _vm._v(\" and \"),\n        _c(\"code\", [_vm._v(\"tab-content\")]),\n        _vm._v(\" components\"),\n      ]),\n      _c(\n        \"div\",\n        { staticClass: \"mt-5\" },\n        [\n          _c(\n            \"form-wizard\",\n            {\n              attrs: {\n                color: \"rgba(var(--vs-primary), 1)\",\n                title: null,\n                subtitle: null,\n                finishButtonText: \"Submit\",\n              },\n              on: { \"on-complete\": _vm.formSubmitted },\n            },\n            [\n              _c(\n                \"tab-content\",\n                { staticClass: \"mb-5\", attrs: { title: \"Step 1\" } },\n                [\n                  _c(\"div\", { staticClass: \"vx-row\" }, [\n                    _c(\n                      \"div\",\n                      { staticClass: \"vx-col md:w-1/2 w-full mt-5\" },\n                      [\n                        _c(\"vs-input\", {\n                          staticClass: \"w-full\",\n                          attrs: { label: \"First Name\" },\n                          model: {\n                            value: _vm.firstName,\n                            callback: function ($$v) {\n                              _vm.firstName = $$v\n                            },\n                            expression: \"firstName\",\n                          },\n                        }),\n                      ],\n                      1\n                    ),\n                    _c(\n                      \"div\",\n                      { staticClass: \"vx-col md:w-1/2 w-full mt-5\" },\n                      [\n                        _c(\"vs-input\", {\n                          staticClass: \"w-full\",\n                          attrs: { label: \"Last Name\" },\n                          model: {\n                            value: _vm.lastName,\n                            callback: function ($$v) {\n                              _vm.lastName = $$v\n                            },\n                            expression: \"lastName\",\n                          },\n                        }),\n                      ],\n                      1\n                    ),\n                    _c(\n                      \"div\",\n                      { staticClass: \"vx-col md:w-1/2 w-full mt-5\" },\n                      [\n                        _c(\"vs-input\", {\n                          staticClass: \"w-full\",\n                          attrs: { type: \"email\", label: \"Email\" },\n                          model: {\n                            value: _vm.email,\n                            callback: function ($$v) {\n                              _vm.email = $$v\n                            },\n                            expression: \"email\",\n                          },\n                        }),\n                      ],\n                      1\n                    ),\n                    _c(\n                      \"div\",\n                      { staticClass: \"vx-col md:w-1/2 w-full mt-5\" },\n                      [\n                        _c(\n                          \"vs-select\",\n                          {\n                            staticClass: \"w-full select-large\",\n                            attrs: { label: \"City\" },\n                            model: {\n                              value: _vm.city,\n                              callback: function ($$v) {\n                                _vm.city = $$v\n                              },\n                              expression: \"city\",\n                            },\n                          },\n                          _vm._l(_vm.cityOptions, function (item, index) {\n                            return _c(\"vs-select-item\", {\n                              key: index,\n                              staticClass: \"w-full\",\n                              attrs: { value: item.value, text: item.text },\n                            })\n                          }),\n                          1\n                        ),\n                      ],\n                      1\n                    ),\n                  ]),\n                ]\n              ),\n              _c(\n                \"tab-content\",\n                { staticClass: \"mb-5\", attrs: { title: \"Step 2\" } },\n                [\n                  _c(\"div\", { staticClass: \"vx-row\" }, [\n                    _c(\n                      \"div\",\n                      { staticClass: \"vx-col md:w-1/2 w-full\" },\n                      [\n                        _c(\"vs-input\", {\n                          staticClass: \"w-full mt-4\",\n                          attrs: { label: \"Proposal Title\" },\n                          model: {\n                            value: _vm.proposalTitle,\n                            callback: function ($$v) {\n                              _vm.proposalTitle = $$v\n                            },\n                            expression: \"proposalTitle\",\n                          },\n                        }),\n                        _c(\"vs-input\", {\n                          staticClass: \"w-full mt-4\",\n                          attrs: { label: \"Job Title\" },\n                          model: {\n                            value: _vm.jobTitle,\n                            callback: function ($$v) {\n                              _vm.jobTitle = $$v\n                            },\n                            expression: \"jobTitle\",\n                          },\n                        }),\n                      ],\n                      1\n                    ),\n                    _c(\n                      \"div\",\n                      { staticClass: \"vx-col md:w-1/2 w-full\" },\n                      [\n                        _c(\"vs-textarea\", {\n                          staticClass: \"mb-0 md:mt-10 mt-6\",\n                          attrs: { label: \"Short discription\", rows: \"3\" },\n                          model: {\n                            value: _vm.textarea,\n                            callback: function ($$v) {\n                              _vm.textarea = $$v\n                            },\n                            expression: \"textarea\",\n                          },\n                        }),\n                      ],\n                      1\n                    ),\n                  ]),\n                ]\n              ),\n              _c(\n                \"tab-content\",\n                { staticClass: \"mb-5\", attrs: { title: \"Step 3\" } },\n                [\n                  _c(\"div\", { staticClass: \"vx-row\" }, [\n                    _c(\n                      \"div\",\n                      { staticClass: \"vx-col md:w-1/2 w-full\" },\n                      [\n                        _c(\"vs-input\", {\n                          staticClass: \"w-full mt-5\",\n                          attrs: { label: \"Event Name\" },\n                          model: {\n                            value: _vm.eventName,\n                            callback: function ($$v) {\n                              _vm.eventName = $$v\n                            },\n                            expression: \"eventName\",\n                          },\n                        }),\n                      ],\n                      1\n                    ),\n                    _c(\n                      \"div\",\n                      { staticClass: \"vx-col md:w-1/2 w-full\" },\n                      [\n                        _c(\n                          \"vs-select\",\n                          {\n                            staticClass: \"w-full select-large mt-5\",\n                            attrs: { label: \"Event Location\" },\n                            model: {\n                              value: _vm.city,\n                              callback: function ($$v) {\n                                _vm.city = $$v\n                              },\n                              expression: \"city\",\n                            },\n                          },\n                          _vm._l(_vm.cityOptions, function (item, index) {\n                            return _c(\"vs-select-item\", {\n                              key: index,\n                              staticClass: \"w-full\",\n                              attrs: { value: item.value, text: item.text },\n                            })\n                          }),\n                          1\n                        ),\n                      ],\n                      1\n                    ),\n                    _c(\n                      \"div\",\n                      { staticClass: \"vx-col md:w-1/2 w-full mt-5\" },\n                      [\n                        _c(\n                          \"vs-select\",\n                          {\n                            staticClass: \"w-full select-large\",\n                            attrs: { label: \"Event Status\" },\n                            model: {\n                              value: _vm.status,\n                              callback: function ($$v) {\n                                _vm.status = $$v\n                              },\n                              expression: \"status\",\n                            },\n                          },\n                          _vm._l(_vm.statusOptions, function (item, index) {\n                            return _c(\"vs-select-item\", {\n                              key: index,\n                              staticClass: \"w-full\",\n                              attrs: { value: item.value, text: item.text },\n                            })\n                          }),\n                          1\n                        ),\n                      ],\n                      1\n                    ),\n                    _c(\n                      \"div\",\n                      { staticClass: \"vx-col md:w-1/2 w-full md:mt-8\" },\n                      [\n                        _c(\"div\", { staticClass: \"demo-alignment\" }, [\n                          _c(\"span\", [_vm._v(\"Requirements:\")]),\n                          _c(\n                            \"div\",\n                            { staticClass: \"flex\" },\n                            [\n                              _c(\"vs-checkbox\", [_vm._v(\"Staffing\")]),\n                              _c(\"vs-checkbox\", [_vm._v(\"Catering\")]),\n                            ],\n                            1\n                          ),\n                        ]),\n                      ]\n                    ),\n                  ]),\n                ]\n              ),\n            ],\n            1\n          ),\n        ],\n        1\n      ),\n      _c(\"template\", { slot: \"codeContainer\" }, [\n        _vm._v(\n          '\\n<template>\\n  <form-wizard color=\"rgba(var(--vs-primary), 1)\" :title=\"null\" :subtitle=\"null\" finishButtonText=\"Submit\" @on-complete=\"formSubmitted\">\\n      <tab-content title=\"Step 1\" class=\"mb-5\">\\n\\n          <!-- tab 1 content -->\\n          <div class=\"vx-row\">\\n              <div class=\"vx-col md:w-1/2 w-full mt-5\">\\n                  <vs-input label=\"First Name\" v-model=\"firstName\" class=\"w-full\" />\\n              </div>\\n              <div class=\"vx-col md:w-1/2 w-full mt-5\">\\n                  <vs-input label=\"Last Name\"  v-model=\"lastName\" class=\"w-full\" />\\n              </div>\\n              <div class=\"vx-col md:w-1/2 w-full mt-5\">\\n                  <vs-input type=\"email\" label=\"Email\"  v-model=\"email\" class=\"w-full\" />\\n              </div>\\n              <div class=\"vx-col md:w-1/2 w-full mt-5\">\\n                  <vs-select v-model=\"city\" class=\"w-full select-large\" label=\"City\">\\n                      <vs-select-item :key=\"index\" :value=\"item.value\" :text=\"item.text\" v-for=\"(item,index) in cityOptions\" class=\"w-full\" />\\n                  </vs-select>\\n              </div>\\n          </div>\\n      </tab-content>\\n\\n      <!-- tab 2 content -->\\n      <tab-content title=\"Step 2\" class=\"mb-5\">\\n          <div class=\"vx-row\">\\n              <div class=\"vx-col md:w-1/2 w-full\">\\n                  <vs-input label=\"Proposal Title\" v-model=\"proposalTitle\" class=\"w-full mt-4\" />\\n                  <vs-input label=\"Job Title\"  v-model=\"jobTitle\" class=\"w-full mt-4\" />\\n              </div>\\n              <div class=\"vx-col md:w-1/2 w-full\">\\n                  <vs-textarea v-model=\"textarea\" label=\"Short discription\" class=\"mb-0 md:mt-10 mt-6\" rows=\"3\" />\\n              </div>\\n          </div>\\n      </tab-content>\\n\\n      <!-- tab 3 content -->\\n      <tab-content title=\"Step 3\" class=\"mb-5\">\\n          <div class=\"vx-row\">\\n              <div class=\"vx-col md:w-1/2 w-full\">\\n                  <vs-input label=\"Event Name\" v-model=\"eventName\" class=\"w-full mt-5\" />\\n              </div>\\n              <div class=\"vx-col md:w-1/2 w-full\">\\n                  <vs-select v-model=\"city\" class=\"w-full select-large mt-5\" label=\"Event Location\">\\n                      <vs-select-item :key=\"index\" :value=\"item.value\" :text=\"item.text\" v-for=\"(item,index) in cityOptions\" class=\"w-full\" />\\n                  </vs-select>\\n              </div>\\n              <div class=\"vx-col md:w-1/2 w-full mt-5\">\\n                  <vs-select v-model=\"status\" class=\"w-full select-large\" label=\"Event Status\">\\n                      <vs-select-item :key=\"index\" :value=\"item.value\" :text=\"item.text\" v-for=\"(item,index) in statusOptions\" class=\"w-full\" />\\n                  </vs-select>\\n              </div>\\n              <div class=\"vx-col md:w-1/2 w-full md:mt-8\">\\n                  <div class=\"demo-alignment\">\\n                      <span>Requirements:</span>\\n                      <div class=\"flex\">\\n                        <vs-checkbox>Staffing</vs-checkbox>\\n                        <vs-checkbox>Catering</vs-checkbox>\\n                      </div>\\n                  </div>\\n              </div>\\n          </div>\\n      </tab-content>\\n  </form-wizard>\\n</template>\\n\\n<script>\\nimport {FormWizard, TabContent} from \\'vue-form-wizard\\'\\nimport \\'vue-form-wizard/dist/vue-form-wizard.min.css\\'\\n\\nexport default {\\n  data() {\\n    return {\\n      firstName: \"\",\\n      lastName: \"\",\\n      email: \"\",\\n      city: \"new-york\",\\n      proposalTitle: \"\",\\n      jobTitle: \"\",\\n      textarea: \"\",\\n      eventName: \"\",\\n      eventLocation: \"san-francisco\",\\n      status: \"plannning\",\\n      cityOptions: [\\n        {text: \"New York\", value:\"new-york\"},\\n        {text: \"Chicago\", value:\"chicago\"},\\n        {text: \"San Francisco\", value:\"san-francisco\"},\\n        {text: \"Boston\", value:\"boston\"},\\n      ],\\n      statusOptions: [\\n        {text: \"Plannning\", value:\"plannning\"},\\n        {text: \"In Progress\", value:\"in progress\"},\\n        {text: \"Finished\", value:\"finished\"},\\n      ],\\n      LocationOptions: [\\n        {text: \"New York\", value:\"new-york\"},\\n        {text: \"Chicago\", value:\"chicago\"},\\n        {text: \"San Francisco\", value:\"san-francisco\"},\\n        {text: \"Boston\", value:\"boston\"},\\n      ],\\n    }\\n  },\\n  methods: {\\n    formSubmitted() {\\n      alert(\"Form submitted!\");\\n    }\\n  },\\n  components: {\\n    FormWizard,\\n    TabContent\\n  }\\n}\\n</script>\\n        '\n        ),\n      ]),\n    ],\n    2\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return _c(\n    \"vx-card\",\n    { attrs: { title: \"Form wizard with validation\", \"code-toggler\": \"\" } },\n    [\n      _c(\"p\", [\n        _vm._v(\"Implement Form validation with form wizard using popular \"),\n        _c(\n          \"strong\",\n          [\n            _c(\"router-link\", { attrs: { to: \"/forms/form-validation\" } }, [\n              _vm._v(\"VeeValidate\"),\n            ]),\n          ],\n          1\n        ),\n      ]),\n      _c(\n        \"div\",\n        { staticClass: \"mt-5\" },\n        [\n          _c(\n            \"form-wizard\",\n            {\n              attrs: {\n                color: \"rgba(var(--vs-primary), 1)\",\n                errorColor: \"rgba(var(--vs-danger), 1)\",\n                title: null,\n                subtitle: null,\n                finishButtonText: \"Submit\",\n              },\n            },\n            [\n              _c(\n                \"tab-content\",\n                {\n                  staticClass: \"mb-5\",\n                  attrs: {\n                    title: \"Step 1\",\n                    icon: \"feather icon-home\",\n                    \"before-change\": _vm.validateStep1,\n                  },\n                },\n                [\n                  _c(\"form\", { attrs: { \"data-vv-scope\": \"step-1\" } }, [\n                    _c(\"div\", { staticClass: \"vx-row\" }, [\n                      _c(\n                        \"div\",\n                        { staticClass: \"vx-col md:w-1/2 w-full mt-5\" },\n                        [\n                          _c(\"vs-input\", {\n                            directives: [\n                              {\n                                name: \"validate\",\n                                rawName: \"v-validate\",\n                                value: \"required|alpha\",\n                                expression: \"'required|alpha'\",\n                              },\n                            ],\n                            staticClass: \"w-full\",\n                            attrs: { label: \"First Name\", name: \"first_name\" },\n                            model: {\n                              value: _vm.firstName,\n                              callback: function ($$v) {\n                                _vm.firstName = $$v\n                              },\n                              expression: \"firstName\",\n                            },\n                          }),\n                          _c(\"span\", { staticClass: \"text-danger\" }, [\n                            _vm._v(\n                              _vm._s(_vm.errors.first(\"step-1.first_name\"))\n                            ),\n                          ]),\n                        ],\n                        1\n                      ),\n                      _c(\n                        \"div\",\n                        { staticClass: \"vx-col md:w-1/2 w-full mt-5\" },\n                        [\n                          _c(\"vs-input\", {\n                            directives: [\n                              {\n                                name: \"validate\",\n                                rawName: \"v-validate\",\n                                value: \"required|alpha\",\n                                expression: \"'required|alpha'\",\n                              },\n                            ],\n                            staticClass: \"w-full\",\n                            attrs: { label: \"Last Name\", name: \"last_name\" },\n                            model: {\n                              value: _vm.lastName,\n                              callback: function ($$v) {\n                                _vm.lastName = $$v\n                              },\n                              expression: \"lastName\",\n                            },\n                          }),\n                          _c(\"span\", { staticClass: \"text-danger\" }, [\n                            _vm._v(\n                              _vm._s(_vm.errors.first(\"step-1.last_name\"))\n                            ),\n                          ]),\n                        ],\n                        1\n                      ),\n                      _c(\n                        \"div\",\n                        { staticClass: \"vx-col md:w-1/2 w-full mt-5\" },\n                        [\n                          _c(\"vs-input\", {\n                            directives: [\n                              {\n                                name: \"validate\",\n                                rawName: \"v-validate\",\n                                value: \"required|email\",\n                                expression: \"'required|email'\",\n                              },\n                            ],\n                            staticClass: \"w-full\",\n                            attrs: {\n                              type: \"email\",\n                              label: \"Email\",\n                              name: \"email\",\n                            },\n                            model: {\n                              value: _vm.email,\n                              callback: function ($$v) {\n                                _vm.email = $$v\n                              },\n                              expression: \"email\",\n                            },\n                          }),\n                          _c(\"span\", { staticClass: \"text-danger\" }, [\n                            _vm._v(_vm._s(_vm.errors.first(\"step-1.email\"))),\n                          ]),\n                        ],\n                        1\n                      ),\n                      _c(\n                        \"div\",\n                        { staticClass: \"vx-col md:w-1/2 w-full mt-5\" },\n                        [\n                          _c(\n                            \"vs-select\",\n                            {\n                              staticClass: \"w-full select-large\",\n                              attrs: { label: \"City\" },\n                              model: {\n                                value: _vm.city,\n                                callback: function ($$v) {\n                                  _vm.city = $$v\n                                },\n                                expression: \"city\",\n                              },\n                            },\n                            _vm._l(_vm.cityOptions, function (item, index) {\n                              return _c(\"vs-select-item\", {\n                                key: index,\n                                staticClass: \"w-full\",\n                                attrs: { value: item.value, text: item.text },\n                              })\n                            }),\n                            1\n                          ),\n                        ],\n                        1\n                      ),\n                    ]),\n                  ]),\n                ]\n              ),\n              _c(\n                \"tab-content\",\n                {\n                  staticClass: \"mb-5\",\n                  attrs: {\n                    title: \"Step 2\",\n                    icon: \"feather icon-briefcase\",\n                    \"before-change\": _vm.validateStep2,\n                  },\n                },\n                [\n                  _c(\"form\", { attrs: { \"data-vv-scope\": \"step-2\" } }, [\n                    _c(\"div\", { staticClass: \"vx-row\" }, [\n                      _c(\n                        \"div\",\n                        { staticClass: \"vx-col md:w-1/2 w-full\" },\n                        [\n                          _c(\"vs-input\", {\n                            directives: [\n                              {\n                                name: \"validate\",\n                                rawName: \"v-validate\",\n                                value: \"required|alpha_spaces\",\n                                expression: \"'required|alpha_spaces'\",\n                              },\n                            ],\n                            staticClass: \"w-full mt-4\",\n                            attrs: {\n                              label: \"Proposal Title\",\n                              name: \"proposal_title\",\n                            },\n                            model: {\n                              value: _vm.proposalTitle,\n                              callback: function ($$v) {\n                                _vm.proposalTitle = $$v\n                              },\n                              expression: \"proposalTitle\",\n                            },\n                          }),\n                          _c(\"span\", { staticClass: \"text-danger\" }, [\n                            _vm._v(\n                              _vm._s(_vm.errors.first(\"step-2.proposal_title\"))\n                            ),\n                          ]),\n                          _c(\"vs-input\", {\n                            directives: [\n                              {\n                                name: \"validate\",\n                                rawName: \"v-validate\",\n                                value: \"required|alpha_spaces\",\n                                expression: \"'required|alpha_spaces'\",\n                              },\n                            ],\n                            staticClass: \"w-full mt-4\",\n                            attrs: { label: \"Job Title\", name: \"job_title\" },\n                            model: {\n                              value: _vm.jobTitle,\n                              callback: function ($$v) {\n                                _vm.jobTitle = $$v\n                              },\n                              expression: \"jobTitle\",\n                            },\n                          }),\n                          _c(\"span\", { staticClass: \"text-danger\" }, [\n                            _vm._v(\n                              _vm._s(_vm.errors.first(\"step-2.job_title\"))\n                            ),\n                          ]),\n                        ],\n                        1\n                      ),\n                      _c(\n                        \"div\",\n                        { staticClass: \"vx-col md:w-1/2 w-full\" },\n                        [\n                          _c(\"vs-textarea\", {\n                            staticClass: \"md:mt-10 mt-6 mb-0\",\n                            attrs: { label: \"Short discription\", rows: \"3\" },\n                            model: {\n                              value: _vm.textarea,\n                              callback: function ($$v) {\n                                _vm.textarea = $$v\n                              },\n                              expression: \"textarea\",\n                            },\n                          }),\n                        ],\n                        1\n                      ),\n                    ]),\n                  ]),\n                ]\n              ),\n              _c(\n                \"tab-content\",\n                {\n                  staticClass: \"mb-5\",\n                  attrs: {\n                    title: \"Step 3\",\n                    icon: \"feather icon-image\",\n                    \"before-change\": _vm.validateStep3,\n                  },\n                },\n                [\n                  _c(\"form\", { attrs: { \"data-vv-scope\": \"step-3\" } }, [\n                    _c(\"div\", { staticClass: \"vx-row\" }, [\n                      _c(\n                        \"div\",\n                        { staticClass: \"vx-col md:w-1/2 w-full\" },\n                        [\n                          _c(\"vs-input\", {\n                            directives: [\n                              {\n                                name: \"validate\",\n                                rawName: \"v-validate\",\n                                value: \"required|alpha_spaces\",\n                                expression: \"'required|alpha_spaces'\",\n                              },\n                            ],\n                            staticClass: \"w-full mt-5\",\n                            attrs: { label: \"Event Name\", name: \"event_name\" },\n                            model: {\n                              value: _vm.eventName,\n                              callback: function ($$v) {\n                                _vm.eventName = $$v\n                              },\n                              expression: \"eventName\",\n                            },\n                          }),\n                          _c(\"span\", { staticClass: \"text-danger\" }, [\n                            _vm._v(\n                              _vm._s(_vm.errors.first(\"step-3.event_name\"))\n                            ),\n                          ]),\n                        ],\n                        1\n                      ),\n                      _c(\n                        \"div\",\n                        { staticClass: \"vx-col md:w-1/2 w-full\" },\n                        [\n                          _c(\n                            \"vs-select\",\n                            {\n                              staticClass: \"w-full select-large mt-5\",\n                              attrs: { label: \"Event Location\" },\n                              model: {\n                                value: _vm.city,\n                                callback: function ($$v) {\n                                  _vm.city = $$v\n                                },\n                                expression: \"city\",\n                              },\n                            },\n                            _vm._l(_vm.cityOptions, function (item, index) {\n                              return _c(\"vs-select-item\", {\n                                key: index,\n                                staticClass: \"w-full\",\n                                attrs: { value: item.value, text: item.text },\n                              })\n                            }),\n                            1\n                          ),\n                        ],\n                        1\n                      ),\n                      _c(\n                        \"div\",\n                        { staticClass: \"vx-col md:w-1/2 w-full mt-5\" },\n                        [\n                          _c(\n                            \"vs-select\",\n                            {\n                              staticClass: \"w-full select-large\",\n                              attrs: { label: \"Event Status\" },\n                              model: {\n                                value: _vm.status,\n                                callback: function ($$v) {\n                                  _vm.status = $$v\n                                },\n                                expression: \"status\",\n                              },\n                            },\n                            _vm._l(_vm.statusOptions, function (item, index) {\n                              return _c(\"vs-select-item\", {\n                                key: index,\n                                staticClass: \"w-full\",\n                                attrs: { value: item.value, text: item.text },\n                              })\n                            }),\n                            1\n                          ),\n                        ],\n                        1\n                      ),\n                      _c(\n                        \"div\",\n                        { staticClass: \"vx-col md:w-1/2 w-full md:mt-8\" },\n                        [\n                          _c(\"div\", { staticClass: \"demo-alignment\" }, [\n                            _c(\"span\", [_vm._v(\"Requirements:\")]),\n                            _c(\n                              \"div\",\n                              { staticClass: \"flex\" },\n                              [\n                                _c(\"vs-checkbox\", [_vm._v(\"Staffing\")]),\n                                _c(\"vs-checkbox\", [_vm._v(\"Catering\")]),\n                              ],\n                              1\n                            ),\n                          ]),\n                        ]\n                      ),\n                    ]),\n                  ]),\n                ]\n              ),\n            ],\n            1\n          ),\n        ],\n        1\n      ),\n      _c(\"template\", { slot: \"codeContainer\" }, [\n        _vm._v(\n          '\\n<template>\\n  <form-wizard color=\"rgba(var(--vs-primary), 1)\" errorColor=\"rgba(var(--vs-danger), 1)\" :title=\"null\" :subtitle=\"null\" finishButtonText=\"Submit\">\\n    <tab-content title=\"Step 1\" class=\"mb-5\" icon=\"feather icon-home\" :before-change=\"validateStep1\">\\n\\n      <!-- tab 1 content -->\\n      <form data-vv-scope=\"step-1\">\\n      <div class=\"vx-row\">\\n        <div class=\"vx-col md:w-1/2 w-full mt-5\">\\n          <vs-input label=\"First Name\" v-model=\"firstName\" class=\"w-full\" name=\"first_name\" v-validate=\"\\'required|alpha\\'\" />\\n          <span class=\"text-danger\">' +\n            _vm._s(_vm.errors.first(\"step-1.first_name\")) +\n            '</span>\\n        </div>\\n        <div class=\"vx-col md:w-1/2 w-full mt-5\">\\n          <vs-input label=\"Last Name\"  v-model=\"lastName\" class=\"w-full\" name=\"last_name\" v-validate=\"\\'required|alpha\\'\" />\\n          <span class=\"text-danger\">' +\n            _vm._s(_vm.errors.first(\"step-1.last_name\")) +\n            '</span>\\n        </div>\\n        <div class=\"vx-col md:w-1/2 w-full mt-5\">\\n          <vs-input type=\"email\" label=\"Email\"  v-model=\"email\" class=\"w-full\" name=\"email\" v-validate=\"\\'required|email\\'\" />\\n          <span class=\"text-danger\">' +\n            _vm._s(_vm.errors.first(\"step-1.email\")) +\n            '</span>\\n        </div>\\n        <div class=\"vx-col md:w-1/2 w-full mt-5\">\\n          <vs-select v-model=\"city\" class=\"w-full select-large\" label=\"City\">\\n            <vs-select-item :key=\"index\" :value=\"item.value\" :text=\"item.text\" v-for=\"(item,index) in cityOptions\" class=\"w-full\" />\\n          </vs-select>\\n        </div>\\n      </div>\\n      </form>\\n    </tab-content>\\n\\n    <!-- tab 2 content -->\\n    <tab-content title=\"Step 2\" class=\"mb-5\" icon=\"feather icon-briefcase\" :before-change=\"validateStep2\">\\n      <form data-vv-scope=\"step-2\">\\n      <div class=\"vx-row\">\\n        <div class=\"vx-col md:w-1/2 w-full\">\\n          <vs-input label=\"Proposal Title\" v-model=\"proposalTitle\" class=\"w-full mt-4\" name=\"proposal_title\" v-validate=\"\\'required|alpha_spaces\\'\" />\\n          <span class=\"text-danger\">' +\n            _vm._s(_vm.errors.first(\"step-2.proposal_title\")) +\n            '</span>\\n\\n          <vs-input label=\"Job Title\"  v-model=\"jobTitle\" class=\"w-full mt-4\" name=\"job_title\" v-validate=\"\\'required|alpha_spaces\\'\" />\\n          <span class=\"text-danger\">' +\n            _vm._s(_vm.errors.first(\"step-2.job_title\")) +\n            '</span>\\n        </div>\\n        <div class=\"vx-col md:w-1/2 w-full\">\\n          <vs-textarea v-model=\"textarea\" label=\"Short discription\" class=\"md:mt-10 mt-6 mb-0\" rows=\"3\" />\\n        </div>\\n      </div>\\n      </form>\\n    </tab-content>\\n\\n    <!-- tab 3 content -->\\n    <tab-content title=\"Step 3\" class=\"mb-5\" icon=\"feather icon-image\" :before-change=\"validateStep3\">\\n      <form data-vv-scope=\"step-3\">\\n      <div class=\"vx-row\">\\n        <div class=\"vx-col md:w-1/2 w-full\">\\n          <vs-input label=\"Event Name\" v-model=\"eventName\" class=\"w-full mt-5\" name=\"event_name\" v-validate=\"\\'required|alpha_spaces\\'\" />\\n          <span class=\"text-danger\">' +\n            _vm._s(_vm.errors.first(\"step-3.event_name\")) +\n            '</span>\\n        </div>\\n        <div class=\"vx-col md:w-1/2 w-full\">\\n          <vs-select v-model=\"city\" class=\"w-full select-large mt-5\" label=\"Event Location\">\\n            <vs-select-item :key=\"index\" :value=\"item.value\" :text=\"item.text\" v-for=\"(item,index) in cityOptions\" class=\"w-full\" />\\n          </vs-select>\\n        </div>\\n        <div class=\"vx-col md:w-1/2 w-full mt-5\">\\n          <vs-select v-model=\"status\" class=\"w-full select-large\" label=\"Event Status\">\\n            <vs-select-item :key=\"index\" :value=\"item.value\" :text=\"item.text\" v-for=\"(item,index) in statusOptions\" class=\"w-full\" />\\n          </vs-select>\\n        </div>\\n        <div class=\"vx-col md:w-1/2 w-full md:mt-8\">\\n          <div class=\"demo-alignment\">\\n            <span>Requirements:</span>\\n            <div class=\"flex\">\\n              <vs-checkbox>Staffing</vs-checkbox>\\n              <vs-checkbox>Catering</vs-checkbox>\\n            </div>\\n          </div>\\n        </div>\\n      </div>\\n      </form>\\n    </tab-content>\\n  </form-wizard>\\n</template>\\n\\n<script>\\nimport { FormWizard, TabContent } from \\'vue-form-wizard\\'\\nimport \\'vue-form-wizard/dist/vue-form-wizard.min.css\\'\\n\\n// For custom error message\\nimport { Validator } from \\'vee-validate\\';\\nconst dict = {\\n  custom: {\\n    first_name: {\\n      required: \\'First name is required\\',\\n      alpha: \"First name may only contain alphabetic characters\"\\n    },\\n    last_name: {\\n      required: \\'Last name is required\\',\\n      alpha: \"Last name may only contain alphabetic characters\"\\n    },\\n    email: {\\n      required: \\'Email is required\\',\\n      email: \"Please enter valid email\"\\n    },\\n    job_title: {\\n      required: \\'Job title name is required\\',\\n      alpha: \"Job title may only contain alphabetic characters\"\\n    },\\n    proposal_title: {\\n      required: \\'Proposal title name is required\\',\\n      alpha: \"Proposal title may only contain alphabetic characters\"\\n    },\\n    event_name: {\\n      required: \\'Event name is required\\',\\n      alpha: \"Event name may only contain alphabetic characters\"\\n    },\\n  }\\n};\\n\\n// register custom messages\\nValidator.localize(\\'en\\', dict);\\n\\nexport default {\\n  data() {\\n    return {\\n      firstName: \"\",\\n      lastName: \"\",\\n      email: \"\",\\n      city: \"new-york\",\\n      proposalTitle: \"\",\\n      jobTitle: \"\",\\n      textarea: \"\",\\n      eventName: \"\",\\n      eventLocation: \"san-francisco\",\\n      status: \"plannning\",\\n      cityOptions: [\\n        { text: \"New York\", value: \"new-york\" },\\n        { text: \"Chicago\", value: \"chicago\" },\\n        { text: \"San Francisco\", value: \"san-francisco\" },\\n        { text: \"Boston\", value: \"boston\" },\\n      ],\\n      statusOptions: [\\n        { text: \"Plannning\", value: \"plannning\" },\\n        { text: \"In Progress\", value: \"in progress\" },\\n        { text: \"Finished\", value: \"finished\" },\\n      ],\\n      LocationOptions: [\\n        { text: \"New York\", value: \"new-york\" },\\n        { text: \"Chicago\", value: \"chicago\" },\\n        { text: \"San Francisco\", value: \"san-francisco\" },\\n        { text: \"Boston\", value: \"boston\" },\\n      ],\\n    }\\n  },\\n  methods: {\\n    validateStep1() {\\n      return new Promise((resolve, reject) => {\\n        this.$validator.validateAll(\\'step-1\\').then(result => {\\n          if (result) {\\n            resolve(true)\\n          } else {\\n            reject(\"correct all values\");\\n          }\\n        })\\n      })\\n    },\\n    validateStep2() {\\n      return new Promise((resolve, reject) => {\\n        this.$validator.validateAll(\"step-2\").then(result => {\\n          if (result) {\\n            resolve(true)\\n          } else {\\n            reject(\"correct all values\");\\n          }\\n        })\\n      })\\n    },\\n    validateStep3() {\\n      return new Promise((resolve, reject) => {\\n        this.$validator.validateAll(\"step-3\").then(result => {\\n          if (result) {\\n            alert(\"Form submitted!\");\\n            resolve(true)\\n          } else {\\n            reject(\"correct all values\");\\n          }\\n        })\\n      })\\n    }\\n  },\\n  components: {\\n    FormWizard,\\n    TabContent\\n  }\\n}\\n</script>\\n    '\n        ),\n      ]),\n    ],\n    2\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./FormWizard.vue?vue&type=template&id=67350878&\"\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-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\n/* hot reload */\nif (module.hot) {\n  var api = require(\"/home/node/app/node_modules/vue-hot-reload-api/dist/index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('67350878')) {\n      api.createRecord('67350878', component.options)\n    } else {\n      api.reload('67350878', component.options)\n    }\n    module.hot.accept(\"./FormWizard.vue?vue&type=template&id=67350878&\", function () {\n      api.rerender('67350878', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/forms/form-wizard/FormWizard.vue\"\nexport default component.exports","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../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--12-0!../../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormWizard.vue?vue&type=script&lang=js&\"","export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js?{\\\"cacheDirectory\\\":\\\"node_modules/.cache/vue-loader\\\",\\\"cacheIdentifier\\\":\\\"27e57935-vue-loader-template\\\"}!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormWizard.vue?vue&type=template&id=67350878&\"","import { render, staticRenderFns } from \"./FormWizardIconTab.vue?vue&type=template&id=310db3b0&\"\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-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\n/* hot reload */\nif (module.hot) {\n  var api = require(\"/home/node/app/node_modules/vue-hot-reload-api/dist/index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('310db3b0')) {\n      api.createRecord('310db3b0', component.options)\n    } else {\n      api.reload('310db3b0', component.options)\n    }\n    module.hot.accept(\"./FormWizardIconTab.vue?vue&type=template&id=310db3b0&\", function () {\n      api.rerender('310db3b0', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/forms/form-wizard/FormWizardIconTab.vue\"\nexport default component.exports","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../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--12-0!../../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormWizardIconTab.vue?vue&type=script&lang=js&\"","export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js?{\\\"cacheDirectory\\\":\\\"node_modules/.cache/vue-loader\\\",\\\"cacheIdentifier\\\":\\\"27e57935-vue-loader-template\\\"}!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormWizardIconTab.vue?vue&type=template&id=310db3b0&\"","import { render, staticRenderFns } from \"./FormWizardNumberTab.vue?vue&type=template&id=99607f50&\"\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-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\n/* hot reload */\nif (module.hot) {\n  var api = require(\"/home/node/app/node_modules/vue-hot-reload-api/dist/index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('99607f50')) {\n      api.createRecord('99607f50', component.options)\n    } else {\n      api.reload('99607f50', component.options)\n    }\n    module.hot.accept(\"./FormWizardNumberTab.vue?vue&type=template&id=99607f50&\", function () {\n      api.rerender('99607f50', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/forms/form-wizard/FormWizardNumberTab.vue\"\nexport default component.exports","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../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--12-0!../../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormWizardNumberTab.vue?vue&type=script&lang=js&\"","export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js?{\\\"cacheDirectory\\\":\\\"node_modules/.cache/vue-loader\\\",\\\"cacheIdentifier\\\":\\\"27e57935-vue-loader-template\\\"}!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormWizardNumberTab.vue?vue&type=template&id=99607f50&\"","import { render, staticRenderFns } from \"./FormWizardValidation.vue?vue&type=template&id=1e0024dd&\"\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-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\n/* hot reload */\nif (module.hot) {\n  var api = require(\"/home/node/app/node_modules/vue-hot-reload-api/dist/index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('1e0024dd')) {\n      api.createRecord('1e0024dd', component.options)\n    } else {\n      api.reload('1e0024dd', component.options)\n    }\n    module.hot.accept(\"./FormWizardValidation.vue?vue&type=template&id=1e0024dd&\", function () {\n      api.rerender('1e0024dd', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/forms/form-wizard/FormWizardValidation.vue\"\nexport default component.exports","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../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--12-0!../../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormWizardValidation.vue?vue&type=script&lang=js&\"","export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js?{\\\"cacheDirectory\\\":\\\"node_modules/.cache/vue-loader\\\",\\\"cacheIdentifier\\\":\\\"27e57935-vue-loader-template\\\"}!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/babel-loader/lib/index.js??ref--12-1!../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormWizardValidation.vue?vue&type=template&id=1e0024dd&\""],"mappings":";;;;;;;;;;AAqBA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;ACgJA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;ACnBA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;AC+CA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AACA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;AChZA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AASA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AAIA;AACA;AACA;AACA;AACA;AACA;AAOA;AAEA;;;;;;;;;;;;;ACrCA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAWA;AAAA;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAKA;AACA;AAAA;AAAA;AAAA;AACA;AAEA;AAAA;AAGA;AAAA;AAGA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAMA;AAAA;AAGA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAMA;AAAA;AAGA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAMA;AAAA;AAKA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AAYA;AACA;AAAA;AAAA;AAAA;AACA;AAEA;AAAA;AAGA;AAAA;AAGA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAMA;AAAA;AAGA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAUA;AACA;AAAA;AAAA;AAAA;AACA;AAEA;AAAA;AAGA;AAAA;AAGA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAMA;AAAA;AAKA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AAQA;AAAA;AAKA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AAQA;AAAA;AAEA;AAAA;AAIA;AAAA;AAmBA;AAAA;AAQA;AACA;AACA;;;;;;;;;;;;;AC/SA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAWA;AAAA;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AACA;AAIA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAGA;AAAA;AAGA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAMA;AAAA;AAGA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAMA;AAAA;AAGA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAMA;AAAA;AAKA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AAWA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAGA;AAAA;AAGA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAMA;AAAA;AAGA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AASA;AAAA;AAAA;AAAA;AAAA;AAEA;AAAA;AAGA;AAAA;AAGA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAMA;AAAA;AAKA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AAQA;AAAA;AAKA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AAQA;AAAA;AAEA;AAAA;AAIA;AAAA;AAmBA;AAAA;AAQA;AACA;AACA;;;;;;;;;;;;;ACtSA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAOA;AAAA;AAAA;AAAA;AASA;AAAA;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AACA;AAAA;AAGA;AAAA;AAGA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAUA;AAAA;AAGA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAUA;AAAA;AAGA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAQA;AAAA;AAKA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AAaA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AACA;AAAA;AAGA;AAAA;AAGA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAMA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAUA;AAAA;AAGA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAWA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AACA;AAAA;AAGA;AAAA;AAGA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAUA;AAAA;AAKA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AAQA;AAAA;AAKA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AAQA;AAAA;AAEA;AAAA;AAIA;AAAA;AAoBA;AAAA;AAoBA;AACA;AACA;;;;;;;;;;;;;ACraA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;ACtCA;AAAA;AAAA;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;ACtCA;AAAA;AAAA;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;ACtCA;AAAA;AAAA;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;ACtCA;AAAA;AAAA;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;A","sourceRoot":""}