{"version":3,"sources":["webpack:///./src/components/forms/form-wizard/FormWizard.vue?ff7d","webpack:///./src/components/forms/form-wizard/FormWizard.vue?2333","webpack:///src/components/forms/form-wizard/FormWizard.vue","webpack:///./src/components/forms/form-wizard/FormWizard.vue?f3b0","webpack:///./src/components/forms/form-wizard/FormWizard.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","$t","hsSteps","slot","_v","class","errors","has","isFormFieldValid","directives","name","rawName","value","expression","domProps","on","$event","target","composing","hsName","_s","_f","first","ref","countriesList","model","callback","$$v","hsCountry","hrSteps","hrName","hrCountry","vrSteps","vrName","vrCountry","vsSteps","vsName","vsCountry","staticRenderFns","computed","data","email","CountriesList","chosenCountry","methods","formFields","field","isValid","validated","valid","validateFormField","$validator","validate","fieldName","component"],"mappings":"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","file":"js/chunk-2f4d2174.6214a0fa.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormWizard.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"form-wizard-page\"},[_c('div',{staticClass:\"va-row\"},[_c('div',{staticClass:\"flex md12\"},[_c('vuestic-widget',{staticClass:\"no-h-padding\",attrs:{\"headerText\":_vm.$t('forms.wizard.simple')}},[_c('vuestic-wizard',{attrs:{\"steps\":_vm.hsSteps}},[_c('div',{staticClass:\"form-wizard-tab-content\",attrs:{\"slot\":\"page1\"},slot:\"page1\"},[_c('div',{staticClass:\"form-wizard-tab-content-text\"},[_c('p',[_vm._v(\"Zebras communicate with facial expressions and sounds. They\\n                make loud braying or barking sounds and\\n                soft snorting sounds. The position of their ears, how wide\\n                open their eyes are, and whether they show\\n                their teeth all send a signal. For example, ears flat back\\n                means trouble, or \\\"you better follow orders!\\\"\")])]),_c('div',{staticClass:\"form-group with-icon-right\",class:{'has-error': _vm.errors.has('hsName'), 'valid': _vm.isFormFieldValid('hsName')}},[_c('div',{staticClass:\"input-group\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.hsName),expression:\"hsName\"},{name:\"validate\",rawName:\"v-validate\",value:('required'),expression:\"'required'\"}],attrs:{\"name\":\"hsName\",\"data-vv-as\":\"Name\",\"required\":\"\",\"title\":\"\"},domProps:{\"value\":(_vm.hsName)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.hsName=$event.target.value}}}),_c('i',{staticClass:\"fa fa-exclamation-triangle error-icon icon-right input-icon\"}),_c('i',{staticClass:\"fa fa-check valid-icon icon-right input-icon\"}),_c('label',{staticClass:\"control-label\"},[_vm._v(_vm._s(_vm._f(\"translate\")('forms.wizard.name')))]),_c('i',{staticClass:\"bar\"}),_c('small',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.errors.has('hsName')),expression:\"errors.has('hsName')\"}],staticClass:\"help text-danger\"},[_vm._v(\"\\n                  \"+_vm._s(_vm.errors.first('hsName'))+\"\\n                  \")])])])]),_c('div',{staticClass:\"form-wizard-tab-content\",attrs:{\"slot\":\"page2\"},slot:\"page2\"},[_c('div',{staticClass:\"form-wizard-tab-content-text\"},[_c('p',[_vm._v(\"Zebras communicate with facial expressions and sounds. They\\n                make loud braying or barking sounds and\\n                soft snorting sounds. The position of their ears, how wide\\n                open their eyes are, and whether they show\\n                their teeth all send a signal. For example, ears flat back\\n                means trouble, or \\\"you better follow orders!\\\"\")])]),_c('vuestic-simple-select',{ref:\"hsCountrySelect\",attrs:{\"label\":\"Select country\",\"name\":\"country\",\"required\":true,\"options\":_vm.countriesList},model:{value:(_vm.hsCountry),callback:function ($$v) {_vm.hsCountry=$$v},expression:\"hsCountry\"}})],1),_c('div',{staticClass:\"form-wizard-tab-content\",attrs:{\"slot\":\"page3\"},slot:\"page3\"},[_c('h4',[_vm._v(_vm._s(_vm._f(\"translate\")('forms.wizard.confirmSelection')))]),_c('p',[_vm._v(\"\\n              Zebras communicate with facial expressions and sounds. They make\\n              loud braying or barking sounds and\\n              soft snorting sounds. The position of their ears, how wide open\\n              their eyes are, and whether they show\\n              their teeth all send a signal. For example, ears flat back means\\n              trouble, or \\\"you better follow orders!\\\"\\n            \")])]),_c('div',{staticClass:\"form-wizard-tab-content\",attrs:{\"slot\":\"wizardCompleted\"},slot:\"wizardCompleted\"},[_c('h4',[_vm._v(_vm._s(_vm._f(\"translate\")('forms.wizard.completed')))]),_c('p',[_vm._v(\"\\n              Zebras communicate with facial expressions and sounds. They make\\n              loud braying or barking sounds and\\n              soft snorting sounds. The position of their ears, how wide open\\n              their eyes are, and whether they show\\n              their teeth all send a signal. For example, ears flat back means\\n              trouble, or \\\"you better follow orders!\\\"\\n            \")])])])],1)],1)]),_c('div',{staticClass:\"va-row\"},[_c('div',{staticClass:\"flex md12\"},[_c('vuestic-widget',{staticClass:\"no-h-padding\",attrs:{\"headerText\":_vm.$t('forms.wizard.rich')}},[_c('vuestic-wizard',{attrs:{\"steps\":_vm.hrSteps,\"wizard-type\":\"rich\"}},[_c('div',{staticClass:\"form-wizard-tab-content\",attrs:{\"slot\":\"page1\"},slot:\"page1\"},[_c('div',{staticClass:\"form-wizard-tab-content-text\"},[_c('p',[_vm._v(\"Zebras communicate with facial expressions and sounds. They\\n                make loud braying or barking sounds and\\n                soft snorting sounds. The position of their ears, how wide\\n                open their eyes are, and whether they show\\n                their teeth all send a signal. For example, ears flat back\\n                means trouble, or \\\"you better follow orders!\\\"\")])]),_c('div',{staticClass:\"form-group with-icon-right\",class:{'has-error': _vm.errors.has('hrName'), 'valid': _vm.isFormFieldValid('hrName')}},[_c('div',{staticClass:\"input-group\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.hrName),expression:\"hrName\"},{name:\"validate\",rawName:\"v-validate\",value:('required'),expression:\"'required'\"}],attrs:{\"name\":\"hrName\",\"data-vv-as\":\"Name\",\"required\":\"\",\"title\":\"\"},domProps:{\"value\":(_vm.hrName)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.hrName=$event.target.value}}}),_c('i',{staticClass:\"fa fa-exclamation-triangle error-icon icon-right input-icon\"}),_c('i',{staticClass:\"fa fa-check valid-icon icon-right input-icon\"}),_c('label',{staticClass:\"control-label\"},[_vm._v(_vm._s(_vm._f(\"translate\")('forms.wizard.name')))]),_c('i',{staticClass:\"bar\"}),_c('small',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.errors.has('hrName')),expression:\"errors.has('hrName')\"}],staticClass:\"help text-danger\"},[_vm._v(\"\\n                  \"+_vm._s(_vm.errors.first('hrName'))+\"\\n                \")])])])]),_c('div',{staticClass:\"form-wizard-tab-content\",attrs:{\"slot\":\"page2\"},slot:\"page2\"},[_c('div',{staticClass:\"form-wizard-tab-content-text\"},[_c('p',[_vm._v(\"Zebras communicate with facial expressions and sounds. They\\n                make loud braying or barking sounds and\\n                soft snorting sounds. The position of their ears, how wide\\n                open their eyes are, and whether they show\\n                their teeth all send a signal. For example, ears flat back\\n                means trouble, or \\\"you better follow orders!\\\"\")])]),_c('vuestic-simple-select',{ref:\"hrCountrySelect\",attrs:{\"label\":\"Select country\",\"name\":\"country\",\"required\":true,\"options\":_vm.countriesList},model:{value:(_vm.hrCountry),callback:function ($$v) {_vm.hrCountry=$$v},expression:\"hrCountry\"}})],1),_c('div',{staticClass:\"form-wizard-tab-content\",attrs:{\"slot\":\"page3\"},slot:\"page3\"},[_c('h4',[_vm._v(_vm._s(_vm._f(\"translate\")('forms.wizard.confirmSelection')))]),_c('p',[_vm._v(\"\\n              Zebras communicate with facial expressions and sounds. They make\\n              loud braying or barking sounds and\\n              soft snorting sounds. The position of their ears, how wide open\\n              their eyes are, and whether they show\\n              their teeth all send a signal. For example, ears flat back means\\n              trouble, or \\\"you better follow orders!\\\"\\n            \")])]),_c('div',{staticClass:\"form-wizard-tab-content\",attrs:{\"slot\":\"wizardCompleted\"},slot:\"wizardCompleted\"},[_c('h4',[_vm._v(_vm._s(_vm._f(\"translate\")('forms.wizard.completed')))]),_c('p',[_vm._v(\"\\n              Zebras communicate with facial expressions and sounds. They make\\n              loud braying or barking sounds and\\n              soft snorting sounds. The position of their ears, how wide open\\n              their eyes are, and whether they show\\n              their teeth all send a signal. For example, ears flat back means\\n              trouble, or \\\"you better follow orders!\\\"\\n            \")])])])],1)],1)]),_c('div',{staticClass:\"va-row\"},[_c('div',{staticClass:\"flex md12\"},[_c('vuestic-widget',{attrs:{\"headerText\":_vm.$t('forms.wizard.verticalRich')}},[_c('vuestic-wizard',{attrs:{\"steps\":_vm.vrSteps,\"wizard-layout\":\"vertical\",\"wizard-type\":\"rich\"}},[_c('div',{staticClass:\"form-wizard-tab-content\",attrs:{\"slot\":\"page1\"},slot:\"page1\"},[_c('div',{staticClass:\"form-wizard-tab-content-text\"},[_c('p',[_vm._v(\"Zebras communicate with facial expressions and sounds. They\\n                make loud braying or barking sounds and\\n                soft snorting sounds. The position of their ears, how wide\\n                open their eyes are, and whether they show\\n                their teeth all send a signal. For example, ears flat back\\n                means trouble, or \\\"you better follow orders!\\\"\")])]),_c('div',{staticClass:\"form-group with-icon-right\",class:{'has-error': _vm.errors.has('vrName'), 'valid': _vm.isFormFieldValid('vrName')}},[_c('div',{staticClass:\"input-group\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.vrName),expression:\"vrName\"},{name:\"validate\",rawName:\"v-validate\",value:('required'),expression:\"'required'\"}],attrs:{\"name\":\"vrName\",\"data-vv-as\":\"Name\",\"required\":\"\",\"title\":\"\"},domProps:{\"value\":(_vm.vrName)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.vrName=$event.target.value}}}),_c('i',{staticClass:\"fa fa-exclamation-triangle error-icon icon-right input-icon\"}),_c('i',{staticClass:\"fa fa-check valid-icon icon-right input-icon\"}),_c('label',{staticClass:\"control-label\"},[_vm._v(_vm._s(_vm._f(\"translate\")('forms.wizard.name')))]),_c('i',{staticClass:\"bar\"}),_c('small',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.errors.has('vrName')),expression:\"errors.has('vrName')\"}],staticClass:\"help text-danger\"},[_vm._v(\"\\n                  \"+_vm._s(_vm.errors.first('vrName'))+\"\\n                \")])])])]),_c('div',{staticClass:\"form-wizard-tab-content\",attrs:{\"slot\":\"page2\"},slot:\"page2\"},[_c('div',{staticClass:\"form-wizard-tab-content-text\"},[_c('p',[_vm._v(\"Zebras communicate with facial expressions and sounds. They\\n                make loud braying or barking sounds and\\n                soft snorting sounds. The position of their ears, how wide\\n                open their eyes are, and whether they show\\n                their teeth all send a signal. For example, ears flat back\\n                means trouble, or \\\"you better follow orders!\\\"\")])]),_c('vuestic-simple-select',{ref:\"vrCountrySelect\",attrs:{\"label\":\"Select country\",\"name\":\"country\",\"required\":true,\"options\":_vm.countriesList},model:{value:(_vm.vrCountry),callback:function ($$v) {_vm.vrCountry=$$v},expression:\"vrCountry\"}})],1),_c('div',{staticClass:\"form-wizard-tab-content\",attrs:{\"slot\":\"page3\"},slot:\"page3\"},[_c('h4',[_vm._v(_vm._s(_vm._f(\"translate\")('forms.wizard.confirmSelection')))]),_c('p',[_vm._v(\"\\n              Zebras communicate with facial expressions and sounds. They make\\n              loud braying or barking sounds and\\n              soft snorting sounds. The position of their ears, how wide open\\n              their eyes are, and whether they show\\n              their teeth all send a signal. For example, ears flat back means\\n              trouble, or \\\"you better follow orders!\\\"\\n            \")])]),_c('div',{staticClass:\"form-wizard-tab-content\",attrs:{\"slot\":\"wizardCompleted\"},slot:\"wizardCompleted\"},[_c('h4',[_vm._v(_vm._s(_vm._f(\"translate\")('forms.wizard.completed')))]),_c('p',[_vm._v(\"\\n              Zebras communicate with facial expressions and sounds. They make\\n              loud braying or barking sounds and\\n              soft snorting sounds. The position of their ears, how wide open\\n              their eyes are, and whether they show\\n              their teeth all send a signal. For example, ears flat back means\\n              trouble, or \\\"you better follow orders!\\\"\\n            \")])])])],1)],1)]),_c('div',{staticClass:\"va-row\"},[_c('div',{staticClass:\"flex md12\"},[_c('vuestic-widget',{staticClass:\"simple-vertical-wizard-widget\",attrs:{\"headerText\":_vm.$t('forms.wizard.verticalSimple')}},[_c('vuestic-wizard',{attrs:{\"steps\":_vm.vsSteps,\"wizard-layout\":\"vertical\",\"wizard-type\":\"simple\"}},[_c('div',{staticClass:\"form-wizard-tab-content\",attrs:{\"slot\":\"page1\"},slot:\"page1\"},[_c('div',{staticClass:\"form-wizard-tab-content-text\"},[_c('p',[_vm._v(\"Zebras communicate with facial expressions and sounds. They\\n                make loud braying or barking sounds and\\n                soft snorting sounds. The position of their ears, how wide\\n                open their eyes are, and whether they show\\n                their teeth all send a signal. For example, ears flat back\\n                means trouble, or \\\"you better follow orders!\\\"\")])]),_c('div',{staticClass:\"form-group with-icon-right\",class:{'has-error': _vm.errors.has('vsName'), 'valid': _vm.isFormFieldValid('vsName')}},[_c('div',{staticClass:\"input-group\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.vsName),expression:\"vsName\"},{name:\"validate\",rawName:\"v-validate\",value:('required'),expression:\"'required'\"}],attrs:{\"name\":\"vsName\",\"data-vv-as\":\"Name\",\"required\":\"\",\"title\":\"\"},domProps:{\"value\":(_vm.vsName)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.vsName=$event.target.value}}}),_c('i',{staticClass:\"fa fa-exclamation-triangle error-icon icon-right input-icon\"}),_c('i',{staticClass:\"fa fa-check valid-icon icon-right input-icon\"}),_c('label',{staticClass:\"control-label\"},[_vm._v(_vm._s(_vm._f(\"translate\")('forms.wizard.name')))]),_c('i',{staticClass:\"bar\"}),_c('small',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.errors.has('vsName')),expression:\"errors.has('vsName')\"}],staticClass:\"help text-danger\"},[_vm._v(\"\\n                  \"+_vm._s(_vm.errors.first('vsName'))+\"\\n                \")])])])]),_c('div',{staticClass:\"form-wizard-tab-content\",attrs:{\"slot\":\"page2\"},slot:\"page2\"},[_c('div',{staticClass:\"form-wizard-tab-content-text\"},[_c('p',[_vm._v(\"Zebras communicate with facial expressions and sounds. They\\n                make loud braying or barking sounds and\\n                soft snorting sounds. The position of their ears, how wide\\n                open their eyes are, and whether they show\\n                their teeth all send a signal. For example, ears flat back\\n                means trouble, or \\\"you better follow orders!\\\"\")])]),_c('vuestic-simple-select',{ref:\"vsCountrySelect\",attrs:{\"label\":\"Select country\",\"name\":\"country\",\"required\":true,\"options\":_vm.countriesList},model:{value:(_vm.vsCountry),callback:function ($$v) {_vm.vsCountry=$$v},expression:\"vsCountry\"}})],1),_c('div',{staticClass:\"form-wizard-tab-content\",attrs:{\"slot\":\"page3\"},slot:\"page3\"},[_c('h4',[_vm._v(_vm._s(_vm._f(\"translate\")('forms.wizard.confirmSelection')))]),_c('div',{staticClass:\"form-wizard-tab-content-text\"},[_c('p',[_vm._v(\"Zebras communicate with facial expressions and sounds. They\\n                make loud braying or barking sounds and\\n                soft snorting sounds. The position of their ears, how wide\\n                open their eyes are, and whether they show\\n                their teeth all send a signal. For example, ears flat back\\n                means trouble, or \\\"you better follow orders!\\\"\")])])]),_c('div',{staticClass:\"form-wizard-tab-content\",attrs:{\"slot\":\"wizardCompleted\"},slot:\"wizardCompleted\"},[_c('h4',[_vm._v(_vm._s(_vm._f(\"translate\")('forms.wizard.completed')))]),_c('div',{staticClass:\"form-wizard-tab-content-text\"},[_c('p',[_vm._v(\"Zebras communicate with facial expressions and sounds. They\\n                make loud braying or barking sounds and\\n                soft snorting sounds. The position of their ears, how wide\\n                open their eyes are, and whether they show\\n                their teeth all send a signal. For example, ears flat back\\n                means trouble, or \\\"you better follow orders!\\\"\")])])])])],1)],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"form-wizard-page\">\r\n    <div class=\"va-row\">\r\n      <div class=\"flex md12\">\r\n        <vuestic-widget class=\"no-h-padding\"\r\n                        :headerText=\"$t('forms.wizard.simple')\">\r\n          <vuestic-wizard\r\n            :steps=\"hsSteps\">\r\n            <div slot=\"page1\" class=\"form-wizard-tab-content\">\r\n              <div class=\"form-wizard-tab-content-text\">\r\n                <p>Zebras communicate with facial expressions and sounds. They\r\n                  make loud braying or barking sounds and\r\n                  soft snorting sounds. The position of their ears, how wide\r\n                  open their eyes are, and whether they show\r\n                  their teeth all send a signal. For example, ears flat back\r\n                  means trouble, or \"you better follow orders!\"</p>\r\n              </div>\r\n              <div class=\"form-group with-icon-right\"\r\n                   :class=\"{'has-error': errors.has('hsName'), 'valid': isFormFieldValid('hsName')}\">\r\n                <div class=\"input-group\">\r\n                  <input\r\n                    name=\"hsName\"\r\n                    data-vv-as=\"Name\"\r\n                    v-model=\"hsName\"\r\n                    v-validate=\"'required'\"\r\n                    required title=\"\"/>\r\n                    <i\r\n                    class=\"fa fa-exclamation-triangle error-icon icon-right input-icon\"></i>\r\n                    <i class=\"fa fa-check valid-icon icon-right input-icon\"></i>\r\n                    <label class=\"control-label\">{{'forms.wizard.name' |\r\n                    translate}}</label><i class=\"bar\"></i>\r\n                    <small v-show=\"errors.has('hsName')\" class=\"help text-danger\">\r\n                    {{ errors.first('hsName') }}\r\n                    </small>\r\n                    </div>\r\n                 </div>\r\n               </div>\r\n            <div slot=\"page2\" class=\"form-wizard-tab-content\">\r\n              <div class=\"form-wizard-tab-content-text\">\r\n                <p>Zebras communicate with facial expressions and sounds. They\r\n                  make loud braying or barking sounds and\r\n                  soft snorting sounds. The position of their ears, how wide\r\n                  open their eyes are, and whether they show\r\n                  their teeth all send a signal. For example, ears flat back\r\n                  means trouble, or \"you better follow orders!\"</p>\r\n              </div>\r\n              <vuestic-simple-select\r\n                label=\"Select country\"\r\n                v-model=\"hsCountry\"\r\n                name=\"country\"\r\n                :required=\"true\"\r\n                ref=\"hsCountrySelect\"\r\n                v-bind:options=\"countriesList\">\r\n              </vuestic-simple-select>\r\n            </div>\r\n            <div slot=\"page3\" class=\"form-wizard-tab-content\">\r\n              <h4>{{'forms.wizard.confirmSelection' | translate}}</h4>\r\n              <p>\r\n                Zebras communicate with facial expressions and sounds. They make\r\n                loud braying or barking sounds and\r\n                soft snorting sounds. The position of their ears, how wide open\r\n                their eyes are, and whether they show\r\n                their teeth all send a signal. For example, ears flat back means\r\n                trouble, or \"you better follow orders!\"\r\n              </p>\r\n            </div>\r\n            <div slot=\"wizardCompleted\" class=\"form-wizard-tab-content\">\r\n              <h4>{{'forms.wizard.completed' | translate}}</h4>\r\n              <p>\r\n                Zebras communicate with facial expressions and sounds. They make\r\n                loud braying or barking sounds and\r\n                soft snorting sounds. The position of their ears, how wide open\r\n                their eyes are, and whether they show\r\n                their teeth all send a signal. For example, ears flat back means\r\n                trouble, or \"you better follow orders!\"\r\n              </p>\r\n            </div>\r\n          </vuestic-wizard>\r\n        </vuestic-widget>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"va-row\">\r\n      <div class=\"flex md12\">\r\n        <vuestic-widget class=\"no-h-padding\"\r\n                        :headerText=\"$t('forms.wizard.rich')\">\r\n          <vuestic-wizard\r\n            :steps=\"hrSteps\"\r\n            wizard-type=\"rich\">\r\n            <div slot=\"page1\" class=\"form-wizard-tab-content\">\r\n              <div class=\"form-wizard-tab-content-text\">\r\n                <p>Zebras communicate with facial expressions and sounds. They\r\n                  make loud braying or barking sounds and\r\n                  soft snorting sounds. The position of their ears, how wide\r\n                  open their eyes are, and whether they show\r\n                  their teeth all send a signal. For example, ears flat back\r\n                  means trouble, or \"you better follow orders!\"</p>\r\n              </div>\r\n              <div class=\"form-group with-icon-right\"\r\n                   :class=\"{'has-error': errors.has('hrName'), 'valid': isFormFieldValid('hrName')}\">\r\n                <div class=\"input-group\">\r\n                  <input\r\n                    name=\"hrName\"\r\n                    data-vv-as=\"Name\"\r\n                    v-model=\"hrName\"\r\n                    v-validate=\"'required'\"\r\n                    required title=\"\"/>\r\n                  <i\r\n                    class=\"fa fa-exclamation-triangle error-icon icon-right input-icon\"></i>\r\n                  <i class=\"fa fa-check valid-icon icon-right input-icon\"></i>\r\n                  <label class=\"control-label\">{{'forms.wizard.name' |\r\n                    translate}}</label><i class=\"bar\"></i>\r\n                  <small v-show=\"errors.has('hrName')\" class=\"help text-danger\">\r\n                    {{ errors.first('hrName') }}\r\n                  </small>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div slot=\"page2\" class=\"form-wizard-tab-content\">\r\n              <div class=\"form-wizard-tab-content-text\">\r\n                <p>Zebras communicate with facial expressions and sounds. They\r\n                  make loud braying or barking sounds and\r\n                  soft snorting sounds. The position of their ears, how wide\r\n                  open their eyes are, and whether they show\r\n                  their teeth all send a signal. For example, ears flat back\r\n                  means trouble, or \"you better follow orders!\"</p>\r\n              </div>\r\n              <vuestic-simple-select\r\n                label=\"Select country\"\r\n                v-model=\"hrCountry\"\r\n                name=\"country\"\r\n                :required=\"true\"\r\n                ref=\"hrCountrySelect\"\r\n                v-bind:options=\"countriesList\">\r\n              </vuestic-simple-select>\r\n            </div>\r\n            <div slot=\"page3\" class=\"form-wizard-tab-content\">\r\n              <h4>{{'forms.wizard.confirmSelection' | translate}}</h4>\r\n              <p>\r\n                Zebras communicate with facial expressions and sounds. They make\r\n                loud braying or barking sounds and\r\n                soft snorting sounds. The position of their ears, how wide open\r\n                their eyes are, and whether they show\r\n                their teeth all send a signal. For example, ears flat back means\r\n                trouble, or \"you better follow orders!\"\r\n              </p>\r\n            </div>\r\n            <div slot=\"wizardCompleted\" class=\"form-wizard-tab-content\">\r\n              <h4>{{'forms.wizard.completed' | translate}}</h4>\r\n              <p>\r\n                Zebras communicate with facial expressions and sounds. They make\r\n                loud braying or barking sounds and\r\n                soft snorting sounds. The position of their ears, how wide open\r\n                their eyes are, and whether they show\r\n                their teeth all send a signal. For example, ears flat back means\r\n                trouble, or \"you better follow orders!\"\r\n              </p>\r\n            </div>\r\n          </vuestic-wizard>\r\n        </vuestic-widget>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"va-row\">\r\n      <div class=\"flex md12\">\r\n        <vuestic-widget :headerText=\"$t('forms.wizard.verticalRich')\">\r\n          <vuestic-wizard\r\n            :steps=\"vrSteps\"\r\n            wizard-layout=\"vertical\"\r\n            wizard-type=\"rich\">\r\n            <div slot=\"page1\" class=\"form-wizard-tab-content\">\r\n              <div class=\"form-wizard-tab-content-text\">\r\n                <p>Zebras communicate with facial expressions and sounds. They\r\n                  make loud braying or barking sounds and\r\n                  soft snorting sounds. The position of their ears, how wide\r\n                  open their eyes are, and whether they show\r\n                  their teeth all send a signal. For example, ears flat back\r\n                  means trouble, or \"you better follow orders!\"</p>\r\n              </div>\r\n              <div class=\"form-group with-icon-right\"\r\n                   :class=\"{'has-error': errors.has('vrName'), 'valid': isFormFieldValid('vrName')}\">\r\n                <div class=\"input-group\">\r\n                  <input\r\n                    name=\"vrName\"\r\n                    data-vv-as=\"Name\"\r\n                    v-model=\"vrName\"\r\n                    v-validate=\"'required'\"\r\n                    required title=\"\"/>\r\n                  <i\r\n                    class=\"fa fa-exclamation-triangle error-icon icon-right input-icon\"></i>\r\n                  <i class=\"fa fa-check valid-icon icon-right input-icon\"></i>\r\n                  <label class=\"control-label\">{{'forms.wizard.name' |\r\n                    translate}}</label><i class=\"bar\"></i>\r\n                  <small v-show=\"errors.has('vrName')\" class=\"help text-danger\">\r\n                    {{ errors.first('vrName') }}\r\n                  </small>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div slot=\"page2\" class=\"form-wizard-tab-content\">\r\n              <div class=\"form-wizard-tab-content-text\">\r\n                <p>Zebras communicate with facial expressions and sounds. They\r\n                  make loud braying or barking sounds and\r\n                  soft snorting sounds. The position of their ears, how wide\r\n                  open their eyes are, and whether they show\r\n                  their teeth all send a signal. For example, ears flat back\r\n                  means trouble, or \"you better follow orders!\"</p>\r\n              </div>\r\n              <vuestic-simple-select\r\n                label=\"Select country\"\r\n                v-model=\"vrCountry\"\r\n                name=\"country\"\r\n                :required=\"true\"\r\n                ref=\"vrCountrySelect\"\r\n                v-bind:options=\"countriesList\">\r\n              </vuestic-simple-select>\r\n            </div>\r\n            <div slot=\"page3\" class=\"form-wizard-tab-content\">\r\n              <h4>{{'forms.wizard.confirmSelection' | translate}}</h4>\r\n              <p>\r\n                Zebras communicate with facial expressions and sounds. They make\r\n                loud braying or barking sounds and\r\n                soft snorting sounds. The position of their ears, how wide open\r\n                their eyes are, and whether they show\r\n                their teeth all send a signal. For example, ears flat back means\r\n                trouble, or \"you better follow orders!\"\r\n              </p>\r\n            </div>\r\n            <div slot=\"wizardCompleted\" class=\"form-wizard-tab-content\">\r\n              <h4>{{'forms.wizard.completed' | translate}}</h4>\r\n              <p>\r\n                Zebras communicate with facial expressions and sounds. They make\r\n                loud braying or barking sounds and\r\n                soft snorting sounds. The position of their ears, how wide open\r\n                their eyes are, and whether they show\r\n                their teeth all send a signal. For example, ears flat back means\r\n                trouble, or \"you better follow orders!\"\r\n              </p>\r\n            </div>\r\n          </vuestic-wizard>\r\n        </vuestic-widget>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"va-row\">\r\n      <div class=\"flex md12\">\r\n        <vuestic-widget class=\"simple-vertical-wizard-widget\"\r\n                        :headerText=\"$t('forms.wizard.verticalSimple')\">\r\n          <vuestic-wizard\r\n            :steps=\"vsSteps\"\r\n            wizard-layout=\"vertical\"\r\n            wizard-type=\"simple\">\r\n            <div slot=\"page1\" class=\"form-wizard-tab-content\">\r\n              <div class=\"form-wizard-tab-content-text\">\r\n                <p>Zebras communicate with facial expressions and sounds. They\r\n                  make loud braying or barking sounds and\r\n                  soft snorting sounds. The position of their ears, how wide\r\n                  open their eyes are, and whether they show\r\n                  their teeth all send a signal. For example, ears flat back\r\n                  means trouble, or \"you better follow orders!\"</p>\r\n              </div>\r\n              <div class=\"form-group with-icon-right\"\r\n                   :class=\"{'has-error': errors.has('vsName'), 'valid': isFormFieldValid('vsName')}\">\r\n                <div class=\"input-group\">\r\n                  <input\r\n                    name=\"vsName\"\r\n                    data-vv-as=\"Name\"\r\n                    v-model=\"vsName\"\r\n                    v-validate=\"'required'\"\r\n                    required title=\"\"/>\r\n                  <i\r\n                    class=\"fa fa-exclamation-triangle error-icon icon-right input-icon\"></i>\r\n                  <i class=\"fa fa-check valid-icon icon-right input-icon\"></i>\r\n                  <label class=\"control-label\">{{'forms.wizard.name' |\r\n                    translate}}</label><i class=\"bar\"></i>\r\n                  <small v-show=\"errors.has('vsName')\" class=\"help text-danger\">\r\n                    {{ errors.first('vsName') }}\r\n                  </small>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div slot=\"page2\" class=\"form-wizard-tab-content\">\r\n              <div class=\"form-wizard-tab-content-text\">\r\n                <p>Zebras communicate with facial expressions and sounds. They\r\n                  make loud braying or barking sounds and\r\n                  soft snorting sounds. The position of their ears, how wide\r\n                  open their eyes are, and whether they show\r\n                  their teeth all send a signal. For example, ears flat back\r\n                  means trouble, or \"you better follow orders!\"</p>\r\n              </div>\r\n              <vuestic-simple-select\r\n                label=\"Select country\"\r\n                v-model=\"vsCountry\"\r\n                name=\"country\"\r\n                :required=\"true\"\r\n                ref=\"vsCountrySelect\"\r\n                v-bind:options=\"countriesList\">\r\n              </vuestic-simple-select>\r\n            </div>\r\n            <div slot=\"page3\" class=\"form-wizard-tab-content\">\r\n              <h4>{{'forms.wizard.confirmSelection' | translate}}</h4>\r\n              <div class=\"form-wizard-tab-content-text\">\r\n                <p>Zebras communicate with facial expressions and sounds. They\r\n                  make loud braying or barking sounds and\r\n                  soft snorting sounds. The position of their ears, how wide\r\n                  open their eyes are, and whether they show\r\n                  their teeth all send a signal. For example, ears flat back\r\n                  means trouble, or \"you better follow orders!\"</p>\r\n              </div>\r\n            </div>\r\n            <div slot=\"wizardCompleted\" class=\"form-wizard-tab-content\">\r\n              <h4>{{'forms.wizard.completed' | translate}}</h4>\r\n              <div class=\"form-wizard-tab-content-text\">\r\n                <p>Zebras communicate with facial expressions and sounds. They\r\n                  make loud braying or barking sounds and\r\n                  soft snorting sounds. The position of their ears, how wide\r\n                  open their eyes are, and whether they show\r\n                  their teeth all send a signal. For example, ears flat back\r\n                  means trouble, or \"you better follow orders!\"</p>\r\n              </div>\r\n            </div>\r\n          </vuestic-wizard>\r\n        </vuestic-widget>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport CountriesList from 'data/CountriesList'\r\n\r\nexport default {\r\n  name: 'form-wizard',\r\n\r\n  computed: {\r\n    hsSteps () {\r\n      return [\r\n        {\r\n          label: this.$t('forms.wizard.stepOne'),\r\n          slot: 'page1',\r\n          onNext: () => {\r\n            this.validateFormField('hsName')\r\n          },\r\n          isValid: () => {\r\n            return this.isFormFieldValid('hsName')\r\n          },\r\n        },\r\n        {\r\n          label: this.$t('forms.wizard.stepTwo'),\r\n          slot: 'page2',\r\n          onNext: () => {\r\n            this.$refs.hsCountrySelect.validate()\r\n          },\r\n          isValid: () => {\r\n            return this.$refs.hsCountrySelect.isValid()\r\n          },\r\n        },\r\n        {\r\n          label: this.$t('forms.wizard.stepThree'),\r\n          slot: 'page3',\r\n        },\r\n      ]\r\n    },\r\n    hrSteps () {\r\n      return [\r\n        {\r\n          label: this.$t('forms.wizard.stepOne'),\r\n          slot: 'page1',\r\n          onNext: () => {\r\n            this.validateFormField('hrName')\r\n          },\r\n          isValid: () => {\r\n            return this.isFormFieldValid('hrName')\r\n          },\r\n        },\r\n        {\r\n          label: this.$t('forms.wizard.stepTwo'),\r\n          slot: 'page2',\r\n          onNext: () => {\r\n            this.$refs.hrCountrySelect.validate()\r\n          },\r\n          isValid: () => {\r\n            return this.$refs.hrCountrySelect.isValid()\r\n          },\r\n        },\r\n        {\r\n          label: this.$t('forms.wizard.stepThree'),\r\n          slot: 'page3',\r\n        },\r\n      ]\r\n    },\r\n    vrSteps () {\r\n      return [\r\n        {\r\n          label: this.$t('forms.wizard.stepOne'),\r\n          slot: 'page1',\r\n          onNext: () => {\r\n            this.validateFormField('vrName')\r\n          },\r\n          isValid: () => {\r\n            return this.isFormFieldValid('vrName')\r\n          },\r\n        },\r\n        {\r\n          label: this.$t('forms.wizard.stepTwo'),\r\n          slot: 'page2',\r\n          onNext: () => {\r\n            this.$refs.vrCountrySelect.validate()\r\n          },\r\n          isValid: () => {\r\n            return this.$refs.vrCountrySelect.isValid()\r\n          },\r\n        },\r\n        {\r\n          label: this.$t('forms.wizard.stepThree'),\r\n          slot: 'page3',\r\n        },\r\n      ]\r\n    },\r\n    vsSteps () {\r\n      return [\r\n        {\r\n          label: this.$t('forms.wizard.stepOne'),\r\n          slot: 'page1',\r\n          onNext: () => {\r\n            this.validateFormField('vsName')\r\n          },\r\n          isValid: () => {\r\n            return this.isFormFieldValid('vsName')\r\n          },\r\n        },\r\n        {\r\n          label: this.$t('forms.wizard.stepTwo'),\r\n          slot: 'page2',\r\n          onNext: () => {\r\n            this.$refs.vsCountrySelect.validate()\r\n          },\r\n          isValid: () => {\r\n            return this.$refs.vsCountrySelect.isValid()\r\n          },\r\n        },\r\n        {\r\n          label: this.$t('forms.wizard.stepThree'),\r\n          slot: 'page3',\r\n        },\r\n      ]\r\n    },\r\n  },\r\n  data () {\r\n    return {\r\n      hsName: '',\r\n      hsCountry: '',\r\n      hrName: '',\r\n      hrCountry: '',\r\n      vrName: '',\r\n      vrCountry: '',\r\n      vsName: '',\r\n      vsCountry: '',\r\n      email: '',\r\n      countriesList: CountriesList,\r\n      chosenCountry: '',\r\n    }\r\n  },\r\n  methods: {\r\n    isFormFieldValid (field) {\r\n      let isValid = false\r\n      if (this.formFields[field]) {\r\n        isValid = this.formFields[field].validated && this.formFields[field].valid\r\n      }\r\n      return isValid\r\n    },\r\n    validateFormField (fieldName) {\r\n      this.$validator.validate(fieldName, this[fieldName])\r\n    },\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n.widget.simple-vertical-wizard-widget {\r\n  .widget-body {\r\n    padding: 0 $widget-padding;\r\n    @include media-breakpoint-down(sm) {\r\n      padding: $widget-padding 0;\r\n    }\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../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/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../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&\"","import { render, staticRenderFns } from \"./FormWizard.vue?vue&type=template&id=045f7076&\"\nimport script from \"./FormWizard.vue?vue&type=script&lang=js&\"\nexport * from \"./FormWizard.vue?vue&type=script&lang=js&\"\nimport style0 from \"./FormWizard.vue?vue&type=style&index=0&lang=scss&\"\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\nexport default component.exports"],"sourceRoot":""}