{"version":3,"file":"96.js","sources":["webpack:///src/views/forms/form-validation/FormValidation.vue","webpack:///src/views/forms/form-validation/FormValidationCustomErrorMessages.vue","webpack:///src/views/forms/form-validation/FormValidationEvents.vue","webpack:///src/views/forms/form-validation/FormValidationMultipleRules.vue","webpack:///src/views/forms/form-validation/FormValidationSimple.vue","webpack:///src/views/forms/form-validation/FormValidationTypes.vue","webpack:///./src/views/forms/form-validation/FormValidation.vue","webpack:///./src/views/forms/form-validation/FormValidationCustomErrorMessages.vue","webpack:///./src/views/forms/form-validation/FormValidationEvents.vue","webpack:///./src/views/forms/form-validation/FormValidationMultipleRules.vue","webpack:///./src/views/forms/form-validation/FormValidationSimple.vue","webpack:///./src/views/forms/form-validation/FormValidationTypes.vue","webpack:///./src/views/forms/form-validation/FormValidation.vue?ee07","webpack:///./src/views/forms/form-validation/FormValidation.vue?d3ea","webpack:///./src/views/forms/form-validation/FormValidation.vue?7dd9","webpack:///./src/views/forms/form-validation/FormValidationCustomErrorMessages.vue?b20e","webpack:///./src/views/forms/form-validation/FormValidationCustomErrorMessages.vue?94f7","webpack:///./src/views/forms/form-validation/FormValidationCustomErrorMessages.vue?08ed","webpack:///./src/views/forms/form-validation/FormValidationEvents.vue?47a7","webpack:///./src/views/forms/form-validation/FormValidationEvents.vue?a96d","webpack:///./src/views/forms/form-validation/FormValidationEvents.vue?8f6f","webpack:///./src/views/forms/form-validation/FormValidationMultipleRules.vue?7f80","webpack:///./src/views/forms/form-validation/FormValidationMultipleRules.vue?44c0","webpack:///./src/views/forms/form-validation/FormValidationMultipleRules.vue?5b04","webpack:///./src/views/forms/form-validation/FormValidationSimple.vue?7e87","webpack:///./src/views/forms/form-validation/FormValidationSimple.vue?8d1a","webpack:///./src/views/forms/form-validation/FormValidationSimple.vue?acf6","webpack:///./src/views/forms/form-validation/FormValidationTypes.vue?f07e","webpack:///./src/views/forms/form-validation/FormValidationTypes.vue?d667","webpack:///./src/views/forms/form-validation/FormValidationTypes.vue?e5d9"],"sourcesContent":["<!-- =========================================================================================\n    File Name: FormValidation.vue\n    Description: Form validation (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-validation-demo\">\n\n        <p class=\"mb-4\"><a href=\"https://logaretm.github.io/vee-validate/guide/\" target=\"_blank\" rel=\"nofollow\">vee-validate</a> is a Template Based Validation Framework for Vue.js. Read full documentation <a href=\"https://baianat.github.io/vee-validate/guide/\" target=\"_blank\" rel=\"nofollow\">here</a></p>\n\n        <form-validation-simple></form-validation-simple>\n        <form-validation-multiple-rules></form-validation-multiple-rules>\n        <div class=\"vx-row match-height\">\n            <div class=\"vx-col sm:w-1/2 w-full\">\n                <form-validation-custom-error-messages class=\"mb-base\"></form-validation-custom-error-messages>\n            </div>\n            <div class=\"vx-col sm:w-1/2 w-full\">\n                <form-validation-events class=\"mb-base\"></form-validation-events>\n            </div>\n        </div>\n        <form-validation-types></form-validation-types>\n    </div>\n</template>\n\n<script>\nimport FormValidationSimple from './FormValidationSimple.vue'\nimport FormValidationMultipleRules from './FormValidationMultipleRules.vue'\nimport FormValidationCustomErrorMessages from './FormValidationCustomErrorMessages.vue'\nimport FormValidationEvents from './FormValidationEvents.vue'\nimport FormValidationTypes from './FormValidationTypes.vue'\n\nexport default {\n  components: {\n    FormValidationSimple,\n    FormValidationMultipleRules,\n    FormValidationCustomErrorMessages,\n    FormValidationEvents,\n    FormValidationTypes\n  }\n}\n</script>\n","<!-- =========================================================================================\n  File Name: FormValidationCustomErrorMessages.vue\n  Description: Dispalying custom error messages as error\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=\"Custom error messages\" code-toggler>\n\n    <p>With vee-validate you can display your own custom error messages</p>\n    <div class=\"mt-5\">\n      <form>\n        <vs-input v-validate=\"'required|alpha'\" placeholder=\"First Name\" name=\"first_name\" v-model=\"first_name\" class=\"mt-5\" />\n        <span class=\"text-danger text-sm\" v-show=\"errors.has('first_name')\">{{ errors.first('first_name') }}</span>\n\n        <vs-input v-validate=\"'required|alpha'\" placeholder=\"Last Name\" name=\"last_name\" v-model=\"last_name\" class=\"mt-5\" />\n        <span class=\"text-danger text-sm\" v-show=\"errors.has('last_name')\">{{ errors.first('last_name') }}</span>\n\n        <vs-button type=\"filled\" @click.prevent=\"submitForm\" class=\"mt-5 block\">Submit</vs-button>\n      </form>\n    </div>\n\n    <template slot=\"codeContainer\">\n&lt;template&gt;\n  &lt;form&gt;\n    &lt;vs-input size=&quot;large&quot; v-validate=&quot;'required|alpha'&quot; placeholder=&quot;First Name&quot; name=&quot;first_name&quot; v-model=&quot;first_name&quot; class=&quot;mt-5&quot; /&gt;\n    &lt;span class=&quot;text-danger text-sm&quot; v-show=&quot;errors.has('first_name')&quot;&gt;{{ \"\\{\\{ errors.first('first_name') \\}\\}\" }}&lt;/span&gt;\n\n    &lt;vs-input size=&quot;large&quot; v-validate=&quot;'required|alpha'&quot; placeholder=&quot;Last Name&quot; name=&quot;last_name&quot; v-model=&quot;last_name&quot; class=&quot;mt-5&quot; /&gt;\n    &lt;span class=&quot;text-danger text-sm&quot; v-show=&quot;errors.has('last_name')&quot;&gt;{{ \"\\{\\{ errors.first('last_name') \\}\\}\" }}&lt;/span&gt;\n    &lt;vs-button type=&quot;filled&quot; @click.prevent=&quot;submitForm&quot; class=&quot;mt-5 block&quot;&gt;Submit&lt;/vs-button&gt;\n  &lt;/form&gt;\n&lt;/template&gt;\n\n&lt;script&gt;\n// For custom error message\nimport { Validator } from 'vee-validate';\nconst dict = {\n  custom: {\n    first_name: {\n      required: 'Please enter your first name',\n      alpha: &quot;Your first name may only contain alphabetic characters&quot;\n    },\n    last_name: {\n      required: 'Please enter your last name',\n      alpha: &quot;Your last 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      first_name: &quot;&quot;,\n      last_name: &quot;&quot;,\n    }\n  },\n  methods: {\n    submitForm() {\n      this.$validator.validateAll().then(result =&gt; {\n        if (result) {\n          // if form have no errors\n          alert(&quot;form submitted!&quot;);\n        } else {\n          // form have errors\n        }\n      })\n    }\n  },\n}\n&lt;/script&gt;\n    </template>\n  </vx-card>\n</template>\n\n<script>\n// For custom error message\nimport { Validator } from 'vee-validate'\nconst dict = {\n  custom: {\n    first_name: {\n      required: 'Please enter your first name',\n      alpha: 'Your first name may only contain alphabetic characters'\n    },\n    last_name: {\n      required: 'Please enter your last name',\n      alpha: 'Your last 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      first_name: '',\n      last_name: ''\n    }\n  },\n  methods: {\n    submitForm () {\n      this.$validator.validateAll().then(result => {\n        if (result) {\n          // if form have no errors\n          alert('form submitted!')\n        } else {\n          // form have errors\n        }\n      })\n    }\n  }\n}\n</script>\n","<!-- =========================================================================================\n    File Name: FormValidationEvents.vue\n    Description: Form validation on different events\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=\"Change default event for form validation\" code-toggler>\n\n        <p>You can change default event when validation triggers using <code>data-vv-validate-on</code></p>\n        <div class=\"mt-5\">\n            <form>\n                <vs-input v-validate=\"'required|alpha'\" placeholder=\"First Name\" name=\"first_name\" v-model=\"first_name\" class=\"mt-5\" data-vv-validate-on=\"blur\" />\n                <span class=\"text-danger text-sm\" v-show=\"errors.has('first_name')\">{{ errors.first('first_name') }}</span>\n\n                <vs-input v-validate=\"'required|alpha'\" placeholder=\"Last Name\" name=\"last_name\" v-model=\"last_name\" class=\"mt-5\" data-vv-validate-on=\"blur\" />\n                <span class=\"text-danger text-sm\" v-show=\"errors.has('last_name')\">{{ errors.first('last_name') }}</span>\n\n                <vs-button type=\"filled\" @click.prevent=\"submitForm\" class=\"mt-5 block\">Submit</vs-button>\n            </form>\n        </div>\n\n        <template slot=\"codeContainer\">\n&lt;template&gt;\n  &lt;form&gt;\n    &lt;vs-input size=&quot;large&quot; v-validate=&quot;'required|alpha'&quot; placeholder=&quot;First Name&quot; name=&quot;first_name&quot; v-model=&quot;first_name&quot; class=&quot;mt-5&quot; data-vv-validate-on=&quot;blur&quot; /&gt;\n    &lt;span class=&quot;text-danger text-sm&quot; v-show=&quot;errors.has('first_name')&quot;&gt;{{ \"\\{\\{ errors.first('first_name') \\}\\}\" }}&lt;/span&gt;\n\n    &lt;vs-input size=&quot;large&quot; v-validate=&quot;'required|alpha'&quot; placeholder=&quot;Last Name&quot; name=&quot;last_name&quot; v-model=&quot;last_name&quot; class=&quot;mt-5&quot; data-vv-validate-on=&quot;blur&quot; /&gt;\n    &lt;span class=&quot;text-danger text-sm&quot; v-show=&quot;errors.has('last_name')&quot;&gt;{{ \"\\{\\{ errors.first('last_name') \\}\\}\" }}&lt;/span&gt;\n\n    &lt;vs-button type=&quot;filled&quot; @click.prevent=&quot;submitForm&quot; class=&quot;mt-5 block&quot;&gt;Submit&lt;/vs-button&gt;\n  &lt;/form&gt;\n&lt;/template&gt;\n\n&lt;script&gt;\nexport default {\n  data() {\n    return {\n      first_name: &quot;&quot;,\n      last_name: &quot;&quot;,\n    }\n  },\n  methods: {\n    submitForm() {\n      this.$validator.validateAll().then(result =&gt; {\n        if(result) {\n          // if form have no errors\n          alert(&quot;form submitted!&quot;);\n        }else{\n          // form have errors\n        }\n      })\n    }\n  },\n}\n&lt;/script&gt;\n        </template>\n    </vx-card>\n</template>\n\n<script>\nexport default {\n  data () {\n    return {\n      first_name: '',\n      last_name: ''\n    }\n  },\n  methods: {\n    submitForm () {\n      this.$validator.validateAll().then(result => {\n        if (result) {\n          // if form have no errors\n          alert('form submitted!')\n        } else {\n          // form have errors\n        }\n      })\n    }\n  }\n}\n</script>\n","<!-- =========================================================================================\n    File Name: FormValidationMultipleRules.vue\n    Description: Simple form 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=\"Validating multiple rules\" code-toggler>\n\n        <p>You can validate multiple rules using <code>|</code>. You can find more validation rules <a href=\"https://baianat.github.io/vee-validate/guide/rules.html\" target=\"_blank\" rel=\"nofollow\">here</a></p>\n        <div class=\"mt-5\">\n            <form>\n                <div class=\"vx-row lg:w-1/2 w-full\">\n                    <div class=\"vx-col w-full\">\n                        <vs-input v-validate=\"'required|alpha'\" placeholder=\"Your Name\" name=\"name\" v-model=\"name\" class=\"mt-5 w-full\" />\n                        <span class=\"text-danger text-sm\"  v-show=\"errors.has('name')\">{{ errors.first('name') }}</span>\n                    </div>\n\n                    <div class=\"vx-col lg:w-1/2 w-full\">\n                        <vs-input v-validate=\"'required|alpha_dash'\" placeholder=\"Your Username\" name=\"username\" v-model=\"username\" class=\"mt-5 w-full\" />\n                        <span class=\"text-danger text-sm\" v-show=\"errors.has('username')\">{{ errors.first('username') }}</span>\n                    </div>\n\n                    <div class=\"vx-col lg:w-1/2 w-full\">\n                        <vs-input v-validate=\"'required|email'\" placeholder=\"Your Email\" name=\"email\" v-model=\"email\" class=\"mt-5 w-full\" />\n                        <span class=\"text-danger text-sm\" v-show=\"errors.has('email')\">{{ errors.first('email') }}</span>\n                    </div>\n\n                    <div class=\"vx-col lg:w-1/2 w-full\">\n                        <vs-input type=\"password\" v-validate=\"'required|min:6|max:10'\" ref=\"password\" placeholder=\"Your Password\" name=\"password\" v-model=\"password\" class=\"mt-5 w-full\" />\n                        <span class=\"text-danger text-sm\" v-show=\"errors.has('password')\">{{ errors.first('password') }}</span>\n                    </div>\n\n                    <div class=\"vx-col lg:w-1/2 w-full\">\n                        <vs-input type=\"password\" v-validate=\"'required|min:6|max:10|confirmed:password'\" data-vv-as=\"password\" placeholder=\"Confirm Password\" name=\"confirm_password\" v-model=\"confirm_password\" class=\"mt-5 w-full\" />\n                        <span class=\"text-danger text-sm\" v-show=\"errors.has('confirm_password')\">{{ errors.first('confirm_password') }}</span>\n                    </div>\n\n                </div>\n                <vs-button type=\"filled\" @click.prevent=\"submitForm\" class=\"mt-5 block\">Submit</vs-button>\n            </form>\n        </div>\n\n        <template slot=\"codeContainer\">\n&lt;template&gt;\n  &lt;form&gt;\n    &lt;div class=&quot;vx-row w-1/2&quot;&gt;\n\n      &lt;div class=&quot;vx-col w-full&quot;&gt;\n        &lt;vs-input size=&quot;large&quot; v-validate=&quot;'required|alpha'&quot; placeholder=&quot;Your Name&quot; name=&quot;name&quot; v-model=&quot;name&quot; class=&quot;mt-5 w-full&quot; /&gt;\n        &lt;span class=&quot;text-danger text-sm&quot;  v-show=&quot;errors.has('name')&quot;&gt;{{ \"\\{\\{ errors.first('name') \\}\\}\" }}&lt;/span&gt;\n      &lt;/div&gt;\n\n      &lt;div class=&quot;vx-col w-1/2&quot;&gt;\n        &lt;vs-input size=&quot;large&quot; v-validate=&quot;'required|alpha_dash'&quot; placeholder=&quot;Your Username&quot; name=&quot;username&quot; v-model=&quot;username&quot; class=&quot;mt-5 w-full&quot; /&gt;\n        &lt;span class=&quot;text-danger text-sm&quot; v-show=&quot;errors.has('username')&quot;&gt;{{ \"\\{\\{ errors.first('username') \\}\\}\" }}&lt;/span&gt;\n      &lt;/div&gt;\n\n      &lt;div class=&quot;vx-col w-1/2&quot;&gt;\n        &lt;vs-input size=&quot;large&quot; v-validate=&quot;'required|email'&quot; placeholder=&quot;Your Email&quot; name=&quot;email&quot; v-model=&quot;email&quot; class=&quot;mt-5 w-full&quot; /&gt;\n        &lt;span class=&quot;text-danger text-sm&quot; v-show=&quot;errors.has('email')&quot;&gt;{{ \"\\{\\{ errors.first('email') \\}\\}\" }}&lt;/span&gt;\n      &lt;/div&gt;\n\n      &lt;div class=&quot;vx-col w-1/2&quot;&gt;\n        &lt;vs-input type=&quot;password&quot; size=&quot;large&quot; v-validate=&quot;'required|min:6|max:10'&quot; ref=&quot;password&quot; placeholder=&quot;Your Password&quot; name=&quot;password&quot; v-model=&quot;password&quot; class=&quot;mt-5 w-full&quot; /&gt;\n        &lt;span class=&quot;text-danger text-sm&quot; v-show=&quot;errors.has('password')&quot;&gt;{{ \"\\{\\{ errors.first('password') \\}\\}\" }}&lt;/span&gt;\n      &lt;/div&gt;\n\n      &lt;div class=&quot;vx-col w-1/2&quot;&gt;\n        &lt;vs-input type=&quot;password&quot; size=&quot;large&quot; v-validate=&quot;'required|min:6|max:10|confirmed:password'&quot; data-vv-as=&quot;password&quot; placeholder=&quot;Confirm Password&quot; name=&quot;confirm_password&quot; v-model=&quot;confirm_password&quot; class=&quot;mt-5 w-full&quot; /&gt;\n        &lt;span class=&quot;text-danger text-sm&quot; v-show=&quot;errors.has('confirm_password')&quot;&gt;{{ \"\\{\\{ errors.first('confirm_password') \\}\\}\" }}&lt;/span&gt;\n      &lt;/div&gt;\n    &lt;/div&gt;\n\n    &lt;vs-button type=&quot;filled&quot; @click.prevent=&quot;submitForm&quot; class=&quot;mt-5 block&quot;&gt;Submit&lt;/vs-button&gt;\n  &lt;/form&gt;\n&lt;/template&gt;\n\n&lt;script&gt;\nexport default {\n  data() {\n    return {\n      name: &quot;&quot;,\n      username: &quot;&quot;,\n      email: &quot;&quot;,\n      password: &quot;&quot;,\n      confirm_password: &quot;&quot;,\n    }\n  },\n  methods: {\n    submitForm() {\n      this.$validator.validateAll().then(result =&gt; {\n        if (result) {\n          // if form have no errors\n          alert(&quot;form submitted!&quot;);\n        } else {\n          // form have errors\n        }\n      })\n    }\n  },\n}\n&lt;/script&gt;\n        </template>\n    </vx-card>\n</template>\n\n<script>\nexport default {\n  data () {\n    return {\n      name: '',\n      username: '',\n      email: '',\n      password: '',\n      confirm_password: ''\n    }\n  },\n  methods: {\n    submitForm () {\n      this.$validator.validateAll().then(result => {\n        if (result) {\n          // if form have no errors\n          alert('form submitted!')\n        } else {\n          // form have errors\n        }\n      })\n    }\n  }\n}\n</script>\n","<!-- =========================================================================================\n    File Name: FormValidationSimple.vue\n    Description: Simple form 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=\"Simple form validation\" code-toggler>\n\n        <p>Simple form validation before submitting form. Add <code>v-validate</code> directive to input.</p>\n        <div class=\"mt-5\">\n            <form>\n                <vs-input v-validate=\"'required'\" placeholder=\"Input 1\" name=\"input1\" v-model=\"value1\" class=\"mt-5\" />\n                <span class=\"text-danger text-sm\" v-show=\"errors.has('input1')\">{{ errors.first('input1') }}</span>\n\n                <vs-input v-validate=\"'required'\" placeholder=\"Input 2\" name=\"input2\" v-model=\"value2\" class=\"mt-5\" />\n                <span class=\"text-danger text-sm\" v-show=\"errors.has('input2')\">{{ errors.first('input2') }}</span>\n\n                <vs-button type=\"filled\" @click.prevent=\"submitForm\" class=\"mt-5 block\">Submit</vs-button>\n            </form>\n        </div>\n\n        <template slot=\"codeContainer\">\n&lt;template&gt;\n  &lt;form&gt;\n    &lt;vs-input size=&quot;large&quot; v-validate=&quot;'required'&quot; placeholder=&quot;Input 1&quot; name=&quot;input1&quot; v-model=&quot;value1&quot; class=&quot;mt-5&quot; /&gt;\n    &lt;span class=&quot;text-danger text-sm&quot; v-show=&quot;errors.has('input1')&quot;&gt;{{ \"\\{\\{ errors.first('input1') \\}\\}\" }}&lt;/span&gt;\n\n    &lt;vs-input size=&quot;large&quot; v-validate=&quot;'required'&quot; placeholder=&quot;Input 2&quot; name=&quot;input2&quot; v-model=&quot;value2&quot; class=&quot;mt-5&quot; /&gt;\n    &lt;span class=&quot;text-danger text-sm&quot; v-show=&quot;errors.has('input2')&quot;&gt;{{ \"\\{\\{ errors.first('input2') \\}\\}\" }}&lt;/span&gt;\n\n    &lt;vs-button type=&quot;filled&quot; @click.prevent=&quot;submitForm&quot; class=&quot;mt-5 block&quot;&gt;Submit&lt;/vs-button&gt;\n  &lt;/form&gt;\n&lt;/template&gt;\n\n&lt;script&gt;\nexport default {\n  data() {\n    return {\n      value1: &quot;&quot;,\n      value2: &quot;&quot;,\n    }\n  },\n  methods: {\n    submitForm() {\n      this.$validator.validateAll().then(result =&gt; {\n        if(result) {\n          // if form have no errors\n          alert(&quot;form submitted!&quot;);\n        }else{\n          // form have errors\n        }\n      })\n    }\n  },\n}\n&lt;/script&gt;\n        </template>\n    </vx-card>\n</template>\n\n<script>\n\nexport default {\n  data () {\n    return {\n      value1: '',\n      value2: ''\n    }\n  },\n  methods: {\n    submitForm () {\n      this.$validator.validateAll().then(result => {\n        if (result) {\n          // if form have no errors\n          alert('form submitted!')\n        } else {\n          // form have errors\n        }\n      })\n    }\n  }\n}\n</script>\n","<!-- =========================================================================================\n    File Name: FormValidationTypes.vue\n    Description: Validation types\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=\"Validation types\" code-toggler>\n\n        <p>VeeValidate comes with a bunch of validation rules out of the box and cover most validation needs</p>\n        <div class=\"mt-5\">\n            <form>\n                <div class=\"vx-row\">\n                    <div class=\"vx-col w-1/2\">\n                        <vs-input v-validate=\"'required'\" label=\"This field is required\" name=\"required\" v-model=\"required\" class=\"mt-5 w-full\" />\n                        <span class=\"text-danger text-sm\" v-show=\"errors.has('required')\">{{ errors.first('required') }}</span>\n                    </div>\n\n                    <div class=\"vx-col w-1/2\">\n                        <vs-input v-validate=\"'alpha'\" label=\"Only alphabetic characters\" name=\"alpha\" v-model=\"alpha\" class=\"mt-5 w-full\" />\n                        <span class=\"text-danger text-sm\" v-show=\"errors.has('alpha')\">{{ errors.first('alpha') }}</span>\n                    </div>\n\n                    <div class=\"vx-col w-1/2\">\n                        <vs-input v-validate=\"'alpha_dash'\" label=\"Only alphabetic characters, numbers, dashes or underscores\" name=\"alpha_dash\" v-model=\"alpha_dash\" class=\"mt-5 w-full\" />\n                        <span class=\"text-danger text-sm\" v-show=\"errors.has('alpha_dash')\">{{ errors.first('alpha_dash') }}</span>\n                    </div>\n\n                    <div class=\"vx-col w-1/2\">\n                        <vs-input v-validate=\"'alpha_num'\" label=\"May contain alphabetic characters or numbers\" name=\"alpha_num\" v-model=\"alpha_num\" class=\"mt-5 w-full\" />\n                        <span class=\"text-danger text-sm\" v-show=\"errors.has('alpha_num')\">{{ errors.first('alpha_num') }}</span>\n                    </div>\n\n                    <div class=\"vx-col w-1/2\">\n                        <vs-input v-validate=\"'numeric'\" label=\"Must only consist of numbers\" name=\"numeric\" v-model=\"numeric\" class=\"mt-5 w-full\" />\n                        <span class=\"text-danger text-sm\" v-show=\"errors.has('numeric')\">{{ errors.first('numeric') }}</span>\n                    </div>\n\n                    <div class=\"vx-col w-1/2\">\n                        <vs-input v-validate=\"'alpha_spaces'\" label=\"Only alphabetic characters or spaces\" name=\"alpha_spaces\" v-model=\"alpha_spaces\" class=\"mt-5 w-full\" />\n                        <span class=\"text-danger text-sm\" v-show=\"errors.has('alpha_spaces')\">{{ errors.first('alpha_spaces') }}</span>\n                    </div>\n\n                    <div class=\"vx-col w-1/2\">\n                        <vs-input v-validate=\"'email'\" label=\"Must be a valid email\" name=\"email\" v-model=\"email\" class=\"mt-5 w-full\" />\n                        <span class=\"text-danger text-sm\" v-show=\"errors.has('email')\">{{ errors.first('email') }}</span>\n                    </div>\n\n                    <div class=\"vx-col w-1/2\">\n                        <vs-input v-validate=\"'url:require_protocol'\" data-vv-as=\"field\" label=\"Must be a valid url\" name=\"url\" v-model=\"url\" class=\"mt-5 w-full\" />\n                        <span class=\"text-danger text-sm\" v-show=\"errors.has('url')\">{{ errors.first('url') }}</span>\n                    </div>\n\n                    <div class=\"vx-col w-1/2\">\n                        <vs-input v-validate=\"'min:3'\" label=\"Length should not be less than the specified length : 3\" name=\"min\" v-model=\"min\" class=\"mt-5 w-full\" />\n                        <span class=\"text-danger text-sm\" v-show=\"errors.has('min')\">{{ errors.first('min') }}</span>\n                    </div>\n\n                    <div class=\"vx-col w-1/2\">\n                        <vs-input v-validate=\"'max:6'\" label=\"Length may not exceed the specified length : 6\" name=\"max\" v-model=\"max\" class=\"mt-5 w-full\" />\n                        <span class=\"text-danger text-sm\" v-show=\"errors.has('max')\">{{ errors.first('max') }}</span>\n                    </div>\n\n                    <div class=\"vx-col w-1/2\">\n                        <vs-input type=\"password\" v-validate=\"'min:6|max:10'\" label=\"Password 1\" name=\"password\" v-model=\"password\" class=\"mt-5 w-full\" ref=\"password\" />\n                        <span class=\"text-danger text-sm\" v-show=\"errors.has('password')\">{{ errors.first('password') }}</span>\n                    </div>\n\n                    <div class=\"vx-col w-1/2\">\n                        <vs-input type=\"password\" v-validate=\"'min:6|max:10|confirmed:password'\" label=\"Confirm Password\" name=\"confirm_password\" v-model=\"confirm_password\" class=\"mt-5 w-full\" data-vv-as=\"password\" />\n                        <span class=\"text-danger text-sm\" v-show=\"errors.has('confirm_password')\">{{ errors.first('confirm_password') }}</span>\n                    </div>\n\n                    <div class=\"vx-col w-1/2\">\n                        <vs-input v-validate=\"'date_format:dd/MM/yyyy'\" label=\"Date Format: dd/MM/yyyy\" name=\"date_format\" v-model=\"date_format\" class=\"mt-5 w-full\" />\n                        <span class=\"text-danger text-sm\" v-show=\"errors.has('date_format')\">{{ errors.first('date_format') }}</span>\n                    </div>\n\n                    <div class=\"vx-col w-1/2\">\n                        <vs-input v-validate=\"'between:1,11'\" label=\"Numeric value between minimum value and a maximum value : 1 and 11\" name=\"between\" v-model=\"between\" class=\"mt-5 w-full\" />\n                        <span class=\"text-danger text-sm\" v-show=\"errors.has('between')\">{{ errors.first('between') }}</span>\n                    </div>\n\n                    <div class=\"vx-col w-1/2\">\n                        <vs-input v-validate=\"'credit_card'\" label=\"Valid credit card\" name=\"credit_card\" v-model=\"credit_card\" class=\"mt-5 w-full\" />\n                        <span class=\"text-danger text-sm\" v-show=\"errors.has('credit_card')\">{{ errors.first('credit_card') }}</span>\n                    </div>\n\n                    <div class=\"vx-col w-1/2\">\n                        <vs-input v-validate=\"'date_format:dd/MM/yyyy|date_between:10/09/2016,20/09/2016'\" label=\"Must be a valid date between the two dates specified : 10/09/2016 - 20/09/2016\" name=\"date_between\" v-model=\"date_between\" class=\"mt-5 w-full\" />\n                        <span class=\"text-danger text-sm\" v-show=\"errors.has('date_between')\">{{ errors.first('date_between') }}</span>\n                    </div>\n\n                    <div class=\"vx-col w-1/2\">\n                        <vs-input v-validate=\"'digits:3'\" label=\"Must be numeric and have the specified number of digits : 3\" name=\"digits\" v-model=\"digits\" class=\"mt-5 w-full\" />\n                        <span class=\"text-danger text-sm\" v-show=\"errors.has('digits')\">{{ errors.first('digits') }}</span>\n                    </div>\n\n                    <div class=\"vx-col w-1/2\">\n                        <vs-select  v-validate=\"'included:1,3'\" v-model=\"select1\" name=\"included\" label=\"Must have a value that is in the specified list : 1 or 3\" class=\"select-large mt-5 w-full\">\n                            <vs-select-item :key=\"index\" :value=\"item.value\" :text=\"item.text\" v-for=\"(item,index) in options1\" />\n                        </vs-select>\n                        <span class=\"text-danger text-sm\" v-show=\"errors.has('included')\">{{ errors.first('included') }}</span>\n                    </div>\n\n                    <div class=\"vx-col w-1/2\">\n                        <vs-input v-validate=\"'max_value:100'\" label=\"Numeric value and must not be greater than the specified value : 100\" name=\"max_value\" v-model=\"max_value\" class=\"mt-5 w-full\" />\n                        <span class=\"text-danger text-sm\" v-show=\"errors.has('max_value')\">{{ errors.first('max_value') }}</span>\n                    </div>\n\n                    <div class=\"vx-col w-1/2\">\n                        <vs-input v-validate=\"'min_value:10'\" label=\"Numeric value and must not be less than the specified value : 10\" name=\"min_value\" v-model=\"min_value\" class=\"mt-5 w-full\" />\n                        <span class=\"text-danger text-sm\" v-show=\"errors.has('min_value')\">{{ errors.first('min_value') }}</span>\n                    </div>\n\n                    <div class=\"vx-col w-full\">\n                        <vs-input v-validate=\"{regex: '^([0-9]+)$' }\" label=\"Must match the specified regular expression : ^([0-9]+)$ - numbers only\" name=\"regex\" v-model=\"regex\" class=\"mt-5 w-full\" />\n                        <span class=\"text-danger text-sm\" v-show=\"errors.has('regex')\">{{ errors.first('regex') }}</span>\n                    </div>\n\n\n                </div>\n                <vs-button type=\"filled\" @click.prevent=\"submitForm\" class=\"mt-5 block\">Submit</vs-button>\n            </form>\n        </div>\n\n        <template slot=\"codeContainer\">\n&lt;template&gt;\n  &lt;form&gt;\n    &lt;div class=&quot;vx-row&quot;&gt;\n\n      &lt;!-- required --&gt;\n      &lt;div class=&quot;vx-col w-1/2&quot;&gt;\n        &lt;vs-input size=&quot;large&quot; v-validate=&quot;'required'&quot; label=&quot;This field is required&quot; name=&quot;required&quot; v-model=&quot;required&quot; class=&quot;mt-5 w-full&quot; /&gt;\n        &lt;span class=&quot;text-danger text-sm&quot; v-show=&quot;errors.has('required')&quot;&gt;{{ \"\\{\\{ errors.first('required') \\}\\}\" }}&lt;/span&gt;\n      &lt;/div&gt;\n\n      &lt;!-- Only alphabetic characters --&gt;\n      &lt;div class=&quot;vx-col w-1/2&quot;&gt;\n        &lt;vs-input size=&quot;large&quot; v-validate=&quot;'alpha'&quot; label=&quot;Only alphabetic characters&quot; name=&quot;alpha&quot; v-model=&quot;alpha&quot; class=&quot;mt-5 w-full&quot; /&gt;\n        &lt;span class=&quot;text-danger text-sm&quot; v-show=&quot;errors.has('alpha')&quot;&gt;{{ \"\\{\\{ errors.first('alpha') \\}\\}\" }}&lt;/span&gt;\n      &lt;/div&gt;\n\n      &lt;!-- Only alphabetic characters, numbers, dashes or underscores --&gt;\n      &lt;div class=&quot;vx-col w-1/2&quot;&gt;\n        &lt;vs-input size=&quot;large&quot; v-validate=&quot;'alpha_dash'&quot; label=&quot;Only alphabetic characters, numbers, dashes or underscores&quot; name=&quot;alpha_dash&quot; v-model=&quot;alpha_dash&quot; class=&quot;mt-5 w-full&quot; /&gt;\n        &lt;span class=&quot;text-danger text-sm&quot; v-show=&quot;errors.has('alpha_dash')&quot;&gt;{{ \"\\{\\{ errors.first('alpha_dash') \\}\\}\" }}&lt;/span&gt;\n      &lt;/div&gt;\n\n      &lt;!-- May contain alphabetic characters or numbers --&gt;\n      &lt;div class=&quot;vx-col w-1/2&quot;&gt;\n        &lt;vs-input size=&quot;large&quot; v-validate=&quot;'alpha_num'&quot; label=&quot;May contain alphabetic characters or numbers&quot; name=&quot;alpha_num&quot; v-model=&quot;alpha_num&quot; class=&quot;mt-5 w-full&quot; /&gt;\n        &lt;span class=&quot;text-danger text-sm&quot; v-show=&quot;errors.has('alpha_num')&quot;&gt;{{ \"\\{\\{ errors.first('alpha_num') \\}\\}\" }}&lt;/span&gt;\n      &lt;/div&gt;\n\n      &lt;!-- Must only consist of numbers --&gt;\n      &lt;div class=&quot;vx-col w-1/2&quot;&gt;\n        &lt;vs-input size=&quot;large&quot; v-validate=&quot;'numeric'&quot; label=&quot;Must only consist of numbers&quot; name=&quot;numeric&quot; v-model=&quot;numeric&quot; class=&quot;mt-5 w-full&quot; /&gt;\n        &lt;span class=&quot;text-danger text-sm&quot; v-show=&quot;errors.has('numeric')&quot;&gt;{{ \"\\{\\{ errors.first('numeric') \\}\\}\" }}&lt;/span&gt;\n      &lt;/div&gt;\n\n      &lt;!-- Only alphabetic characters or spaces --&gt;\n      &lt;div class=&quot;vx-col w-1/2&quot;&gt;\n        &lt;vs-input size=&quot;large&quot; v-validate=&quot;'alpha_spaces'&quot; label=&quot;Only alphabetic characters or spaces&quot; name=&quot;alpha_spaces&quot; v-model=&quot;alpha_spaces&quot; class=&quot;mt-5 w-full&quot; /&gt;\n        &lt;span class=&quot;text-danger text-sm&quot; v-show=&quot;errors.has('alpha_spaces')&quot;&gt;{{ \"\\{\\{ errors.first('alpha_spaces') \\}\\}\" }}&lt;/span&gt;\n      &lt;/div&gt;\n\n      &lt;!-- Must be a valid email --&gt;\n      &lt;div class=&quot;vx-col w-1/2&quot;&gt;\n        &lt;vs-input size=&quot;large&quot; v-validate=&quot;'email'&quot; label=&quot;Must be a valid email&quot; name=&quot;email&quot; v-model=&quot;email&quot; class=&quot;mt-5 w-full&quot; /&gt;\n        &lt;span class=&quot;text-danger text-sm&quot; v-show=&quot;errors.has('email')&quot;&gt;{{ \"\\{\\{ errors.first('email') \\}\\}\" }}&lt;/span&gt;\n      &lt;/div&gt;\n\n      &lt;!-- Must be a valid url --&gt;\n      &lt;div class=&quot;vx-col w-1/2&quot;&gt;\n        &lt;vs-input size=&quot;large&quot; v-validate=&quot;'url:require_protocol'&quot; data-vv-as=&quot;field&quot; label=&quot;Must be a valid url&quot; name=&quot;url&quot; v-model=&quot;url&quot; class=&quot;mt-5 w-full&quot; /&gt;\n        &lt;span class=&quot;text-danger text-sm&quot; v-show=&quot;errors.has('url')&quot;&gt;{{ \"\\{\\{ errors.first('url') \\}\\}\" }}&lt;/span&gt;\n      &lt;/div&gt;\n\n      &lt;!-- Length should not be less than the specified length : 3 --&gt;\n      &lt;div class=&quot;vx-col w-1/2&quot;&gt;\n        &lt;vs-input size=&quot;large&quot; v-validate=&quot;'min:3'&quot; label=&quot;Length should not be less than the specified length : 3&quot; name=&quot;min&quot; v-model=&quot;min&quot; class=&quot;mt-5 w-full&quot; /&gt;\n        &lt;span class=&quot;text-danger text-sm&quot; v-show=&quot;errors.has('min')&quot;&gt;{{ \"\\{\\{ errors.first('min') \\}\\}\" }}&lt;/span&gt;\n      &lt;/div&gt;\n\n      &lt;!-- Length may not exceed the specified length : 6 --&gt;\n      &lt;div class=&quot;vx-col w-1/2&quot;&gt;\n        &lt;vs-input size=&quot;large&quot; v-validate=&quot;'max:6'&quot; label=&quot;Length may not exceed the specified length : 6&quot; name=&quot;max&quot; v-model=&quot;max&quot; class=&quot;mt-5 w-full&quot; /&gt;\n        &lt;span class=&quot;text-danger text-sm&quot; v-show=&quot;errors.has('max')&quot;&gt;{{ \"\\{\\{ errors.first('max') \\}\\}\" }}&lt;/span&gt;\n      &lt;/div&gt;\n\n      &lt;!-- Password 1 --&gt;\n      &lt;div class=&quot;vx-col w-1/2&quot;&gt;\n        &lt;vs-input type=&quot;password&quot; size=&quot;large&quot; v-validate=&quot;'min:6|max:10'&quot; label=&quot;Password 1&quot; name=&quot;password&quot; v-model=&quot;password&quot; class=&quot;mt-5 w-full&quot; /&gt;\n        &lt;span class=&quot;text-danger text-sm&quot; v-show=&quot;errors.has('password')&quot;&gt;{{ \"\\{\\{ errors.first('password') \\}\\}\" }}&lt;/span&gt;\n      &lt;/div&gt;\n\n      &lt;!-- Confirm Password --&gt;\n      &lt;div class=&quot;vx-col w-1/2&quot;&gt;\n        &lt;vs-input size=&quot;large&quot; v-validate=&quot;'min:6|max:10|confirmed:password'&quot; label=&quot;Confirm Password&quot; name=&quot;confirm_password&quot; v-model=&quot;confirm_password&quot; class=&quot;mt-5 w-full&quot; data-vv-as=&quot;password&quot; /&gt;\n        &lt;span class=&quot;text-danger text-sm&quot; v-show=&quot;errors.has('confirm_password')&quot;&gt;{{ \"\\{\\{ errors.first('confirm_password') \\}\\}\" }}&lt;/span&gt;\n      &lt;/div&gt;\n\n      &lt;!-- Date Format: dd/MM/yyyy --&gt;\n      &lt;div class=&quot;vx-col w-1/2&quot;&gt;\n        &lt;vs-input size=&quot;large&quot; v-validate=&quot;'date_format:dd/MM/yyyy'&quot; label=&quot;Date Format: dd/MM/yyyy&quot; name=&quot;date_format&quot; v-model=&quot;date_format&quot; class=&quot;mt-5 w-full&quot; /&gt;\n        &lt;span class=&quot;text-danger text-sm&quot; v-show=&quot;errors.has('date_format')&quot;&gt;{{ \"\\{\\{ errors.first('date_format') \\}\\}\" }}&lt;/span&gt;\n      &lt;/div&gt;\n\n      &lt;!-- Numeric value between minimum value and a maximum value : 1 and 11 --&gt;\n      &lt;div class=&quot;vx-col w-1/2&quot;&gt;\n        &lt;vs-input size=&quot;large&quot; v-validate=&quot;'between:1,11'&quot; label=&quot;Numeric value between minimum value and a maximum value : 1 and 11&quot; name=&quot;between&quot; v-model=&quot;between&quot; class=&quot;mt-5 w-full&quot; /&gt;\n        &lt;span class=&quot;text-danger text-sm&quot; v-show=&quot;errors.has('between')&quot;&gt;{{ \"\\{\\{ errors.first('between') \\}\\}\" }}&lt;/span&gt;\n      &lt;/div&gt;\n\n      &lt;!-- Valid credit card --&gt;\n      &lt;div class=&quot;vx-col w-1/2&quot;&gt;\n        &lt;vs-input size=&quot;large&quot; v-validate=&quot;'credit_card'&quot; label=&quot;Valid credit card&quot; name=&quot;credit_card&quot; v-model=&quot;credit_card&quot; class=&quot;mt-5 w-full&quot; /&gt;\n        &lt;span class=&quot;text-danger text-sm&quot; v-show=&quot;errors.has('credit_card')&quot;&gt;{{ \"\\{\\{ errors.first('credit_card') \\}\\}\" }}&lt;/span&gt;\n      &lt;/div&gt;\n\n      &lt;!-- Must be a valid date between the two dates specified : 10/09/2016 - 20/09/2016 --&gt;\n      &lt;div class=&quot;vx-col w-1/2&quot;&gt;\n        &lt;vs-input size=&quot;large&quot; v-validate=&quot;'date_format:dd/MM/yyyy|date_between:10/09/2016,20/09/2016'&quot; label=&quot;Must be a valid date between the two dates specified : 10/09/2016 - 20/09/2016&quot; name=&quot;date_between&quot; v-model=&quot;date_between&quot; class=&quot;mt-5 w-full&quot; /&gt;\n        &lt;span class=&quot;text-danger text-sm&quot; v-show=&quot;errors.has('date_between')&quot;&gt;{{ \"\\{\\{ errors.first('date_between') \\}\\}\" }}&lt;/span&gt;\n      &lt;/div&gt;\n\n      &lt;!-- Must be numeric and have the specified number of digits : 3 --&gt;\n      &lt;div class=&quot;vx-col w-1/2&quot;&gt;\n        &lt;vs-input size=&quot;large&quot; v-validate=&quot;'digits:3'&quot; label=&quot;Must be numeric and have the specified number of digits : 3&quot; name=&quot;digits&quot; v-model=&quot;digits&quot; class=&quot;mt-5 w-full&quot; /&gt;\n        &lt;span class=&quot;text-danger text-sm&quot; v-show=&quot;errors.has('digits')&quot;&gt;{{ \"\\{\\{ errors.first('digits') \\}\\}\" }}&lt;/span&gt;\n      &lt;/div&gt;\n\n      &lt;!-- Must have a value that is in the specified list : 1 or 3 --&gt;\n      &lt;div class=&quot;vx-col w-1/2&quot;&gt;\n        &lt;vs-select v-validate=&quot;'included:1,3'&quot; v-model=&quot;select1&quot; name=&quot;included&quot; label=&quot;Must have a value that is in the specified list : 1 or 3&quot; class=&quot;select-large mt-5 w-full&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 options1&quot; /&gt;\n        &lt;/vs-select&gt;\n        &lt;span class=&quot;text-danger text-sm&quot; v-show=&quot;errors.has('included')&quot;&gt;{{ \"\\{\\{ errors.first('included') \\}\\}\" }}&lt;/span&gt;\n      &lt;/div&gt;\n\n      &lt;!-- Numeric value and must not be greater than the specified value : 100 --&gt;\n      &lt;div class=&quot;vx-col w-1/2&quot;&gt;\n        &lt;vs-input size=&quot;large&quot; v-validate=&quot;'max_value:100'&quot; label=&quot;Numeric value and must not be greater than the specified value : 100&quot; name=&quot;max_value&quot; v-model=&quot;max_value&quot; class=&quot;mt-5 w-full&quot; /&gt;\n        &lt;span class=&quot;text-danger text-sm&quot; v-show=&quot;errors.has('max_value')&quot;&gt;{{ \"\\{\\{ errors.first('max_value') \\}\\}\" }}&lt;/span&gt;\n      &lt;/div&gt;\n\n      &lt;!-- Numeric value and must not be less than the specified value : 10 --&gt;\n      &lt;div class=&quot;vx-col w-1/2&quot;&gt;\n        &lt;vs-input size=&quot;large&quot; v-validate=&quot;'min_value:10'&quot; label=&quot;Numeric value and must not be less than the specified value : 10&quot; name=&quot;min_value&quot; v-model=&quot;min_value&quot; class=&quot;mt-5 w-full&quot; /&gt;\n        &lt;span class=&quot;text-danger text-sm&quot; v-show=&quot;errors.has('min_value')&quot;&gt;{{ \"\\{\\{ errors.first('min_value') \\}\\}\" }}&lt;/span&gt;\n      &lt;/div&gt;\n\n      &lt;!-- Must match the specified regular expression : ^([0-9]+)$ - numbers only --&gt;\n      &lt;div class=&quot;vx-col w-full&quot;&gt;\n        &lt;vs-input size=&quot;large&quot; v-validate=&quot;{regex: '^([0-9]+)$' }&quot; label=&quot;Must match the specified regular expression : ^([0-9]+)$ - numbers only&quot; name=&quot;regex&quot; v-model=&quot;regex&quot; class=&quot;mt-5 w-full&quot; /&gt;\n        &lt;span class=&quot;text-danger text-sm&quot; v-show=&quot;errors.has('regex')&quot;&gt;{{ \"\\{\\{ errors.first('regex') \\}\\}\" }}&lt;/span&gt;\n      &lt;/div&gt;\n    &lt;/div&gt;\n    &lt;vs-button type=&quot;filled&quot; @click.prevent=&quot;submitForm&quot; class=&quot;mt-5 block&quot;&gt;Submit&lt;/vs-button&gt;\n  &lt;/form&gt;\n&lt;/template&gt;\n\n&lt;script&gt;\nexport default {\n  data() {\n    return {\n      required: &quot;&quot;,\n      alpha: &quot;&quot;,\n      alpha_dash: &quot;&quot;,\n      alpha_num: &quot;&quot;,\n      numeric: &quot;&quot;,\n      alpha_spaces: &quot;&quot;,\n      email: &quot;&quot;,\n      url: &quot;&quot;,\n      min: &quot;&quot;,\n      max: &quot;&quot;,\n      password: &quot;&quot;,\n      confirm_password: &quot;&quot;,\n      date_format: &quot;&quot;,\n      between: &quot;&quot;,\n      credit_card: &quot;&quot;,\n      date_between: &quot;&quot;,\n      digits: &quot;&quot;,\n      select1: &quot;&quot;,\n      options1: [\n        { text: &quot;One&quot;, value: 1 },\n        { text: &quot;Two&quot;, value: 2 },\n        { text: &quot;Three&quot;, value: 3 },\n        { text: &quot;Four&quot;, value: 4 },\n        { text: &quot;Five&quot;, value: 5 },\n      ],\n      max_value: &quot;&quot;,\n      min_value: &quot;&quot;,\n      regex: &quot;&quot;,\n    }\n  },\n  methods: {\n    submitForm() {\n      this.$validator.validateAll().then(result =&gt; {\n        if (result) {\n          // if form have no errors\n          alert(&quot;form submitted!&quot;);\n        } else {\n          // form have errors\n        }\n      })\n    }\n  },\n}\n&lt;/script&gt;\n        </template>\n    </vx-card>\n</template>\n\n<script>\nexport default {\n  data () {\n    return {\n      required: '',\n      alpha: '',\n      alpha_dash: '',\n      alpha_num: '',\n      numeric: '',\n      alpha_spaces: '',\n      email: '',\n      url: '',\n      min: '',\n      max: '',\n      password: '',\n      confirm_password: '',\n      date_format: '',\n      between: '',\n      credit_card: '',\n      date_between: '',\n      digits: '',\n      select1: '',\n      options1: [\n        {text: 'One', value: 1},\n        {text: 'Two', value: 2},\n        {text: 'Three', value: 3},\n        {text: 'Four', value: 4},\n        {text: 'Five', value: 5}\n      ],\n      max_value: '',\n      min_value: '',\n      regex: ''\n    }\n  },\n  methods: {\n    submitForm () {\n      this.$validator.validateAll().then(result => {\n        if (result) {\n          // if form have no errors\n          alert('form submitted!')\n        } else {\n          // form have errors\n        }\n      })\n    }\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-validation-demo\" } },\n    [\n      _vm._m(0),\n      _c(\"form-validation-simple\"),\n      _c(\"form-validation-multiple-rules\"),\n      _c(\"div\", { staticClass: \"vx-row match-height\" }, [\n        _c(\n          \"div\",\n          { staticClass: \"vx-col sm:w-1/2 w-full\" },\n          [\n            _c(\"form-validation-custom-error-messages\", {\n              staticClass: \"mb-base\",\n            }),\n          ],\n          1\n        ),\n        _c(\n          \"div\",\n          { staticClass: \"vx-col sm:w-1/2 w-full\" },\n          [_c(\"form-validation-events\", { staticClass: \"mb-base\" })],\n          1\n        ),\n      ]),\n      _c(\"form-validation-types\"),\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://logaretm.github.io/vee-validate/guide/\",\n            target: \"_blank\",\n            rel: \"nofollow\",\n          },\n        },\n        [_vm._v(\"vee-validate\")]\n      ),\n      _vm._v(\n        \" is a Template Based Validation Framework for Vue.js. Read full documentation \"\n      ),\n      _c(\n        \"a\",\n        {\n          attrs: {\n            href: \"https://baianat.github.io/vee-validate/guide/\",\n            target: \"_blank\",\n            rel: \"nofollow\",\n          },\n        },\n        [_vm._v(\"here\")]\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: \"Custom error messages\", \"code-toggler\": \"\" } },\n    [\n      _c(\"p\", [\n        _vm._v(\n          \"With vee-validate you can display your own custom error messages\"\n        ),\n      ]),\n      _c(\"div\", { staticClass: \"mt-5\" }, [\n        _c(\n          \"form\",\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: \"mt-5\",\n              attrs: { placeholder: \"First Name\", name: \"first_name\" },\n              model: {\n                value: _vm.first_name,\n                callback: function ($$v) {\n                  _vm.first_name = $$v\n                },\n                expression: \"first_name\",\n              },\n            }),\n            _c(\n              \"span\",\n              {\n                directives: [\n                  {\n                    name: \"show\",\n                    rawName: \"v-show\",\n                    value: _vm.errors.has(\"first_name\"),\n                    expression: \"errors.has('first_name')\",\n                  },\n                ],\n                staticClass: \"text-danger text-sm\",\n              },\n              [_vm._v(_vm._s(_vm.errors.first(\"first_name\")))]\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: \"mt-5\",\n              attrs: { placeholder: \"Last Name\", name: \"last_name\" },\n              model: {\n                value: _vm.last_name,\n                callback: function ($$v) {\n                  _vm.last_name = $$v\n                },\n                expression: \"last_name\",\n              },\n            }),\n            _c(\n              \"span\",\n              {\n                directives: [\n                  {\n                    name: \"show\",\n                    rawName: \"v-show\",\n                    value: _vm.errors.has(\"last_name\"),\n                    expression: \"errors.has('last_name')\",\n                  },\n                ],\n                staticClass: \"text-danger text-sm\",\n              },\n              [_vm._v(_vm._s(_vm.errors.first(\"last_name\")))]\n            ),\n            _c(\n              \"vs-button\",\n              {\n                staticClass: \"mt-5 block\",\n                attrs: { type: \"filled\" },\n                on: {\n                  click: function ($event) {\n                    $event.preventDefault()\n                    return _vm.submitForm.apply(null, arguments)\n                  },\n                },\n              },\n              [_vm._v(\"Submit\")]\n            ),\n          ],\n          1\n        ),\n      ]),\n      _c(\"template\", { slot: \"codeContainer\" }, [\n        _vm._v(\n          '\\n<template>\\n  <form>\\n    <vs-input size=\"large\" v-validate=\"\\'required|alpha\\'\" placeholder=\"First Name\" name=\"first_name\" v-model=\"first_name\" class=\"mt-5\" />\\n    <span class=\"text-danger text-sm\" v-show=\"errors.has(\\'first_name\\')\">' +\n            _vm._s(\"{{ errors.first('first_name') }}\") +\n            '</span>\\n\\n    <vs-input size=\"large\" v-validate=\"\\'required|alpha\\'\" placeholder=\"Last Name\" name=\"last_name\" v-model=\"last_name\" class=\"mt-5\" />\\n    <span class=\"text-danger text-sm\" v-show=\"errors.has(\\'last_name\\')\">' +\n            _vm._s(\"{{ errors.first('last_name') }}\") +\n            '</span>\\n    <vs-button type=\"filled\" @click.prevent=\"submitForm\" class=\"mt-5 block\">Submit</vs-button>\\n  </form>\\n</template>\\n\\n<script>\\n// For custom error message\\nimport { Validator } from \\'vee-validate\\';\\nconst dict = {\\n  custom: {\\n    first_name: {\\n      required: \\'Please enter your first name\\',\\n      alpha: \"Your first name may only contain alphabetic characters\"\\n    },\\n    last_name: {\\n      required: \\'Please enter your last name\\',\\n      alpha: \"Your last 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      first_name: \"\",\\n      last_name: \"\",\\n    }\\n  },\\n  methods: {\\n    submitForm() {\\n      this.$validator.validateAll().then(result => {\\n        if (result) {\\n          // if form have no errors\\n          alert(\"form submitted!\");\\n        } else {\\n          // form have errors\\n        }\\n      })\\n    }\\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    {\n      attrs: {\n        title: \"Change default event for form validation\",\n        \"code-toggler\": \"\",\n      },\n    },\n    [\n      _c(\"p\", [\n        _vm._v(\"You can change default event when validation triggers using \"),\n        _c(\"code\", [_vm._v(\"data-vv-validate-on\")]),\n      ]),\n      _c(\"div\", { staticClass: \"mt-5\" }, [\n        _c(\n          \"form\",\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: \"mt-5\",\n              attrs: {\n                placeholder: \"First Name\",\n                name: \"first_name\",\n                \"data-vv-validate-on\": \"blur\",\n              },\n              model: {\n                value: _vm.first_name,\n                callback: function ($$v) {\n                  _vm.first_name = $$v\n                },\n                expression: \"first_name\",\n              },\n            }),\n            _c(\n              \"span\",\n              {\n                directives: [\n                  {\n                    name: \"show\",\n                    rawName: \"v-show\",\n                    value: _vm.errors.has(\"first_name\"),\n                    expression: \"errors.has('first_name')\",\n                  },\n                ],\n                staticClass: \"text-danger text-sm\",\n              },\n              [_vm._v(_vm._s(_vm.errors.first(\"first_name\")))]\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: \"mt-5\",\n              attrs: {\n                placeholder: \"Last Name\",\n                name: \"last_name\",\n                \"data-vv-validate-on\": \"blur\",\n              },\n              model: {\n                value: _vm.last_name,\n                callback: function ($$v) {\n                  _vm.last_name = $$v\n                },\n                expression: \"last_name\",\n              },\n            }),\n            _c(\n              \"span\",\n              {\n                directives: [\n                  {\n                    name: \"show\",\n                    rawName: \"v-show\",\n                    value: _vm.errors.has(\"last_name\"),\n                    expression: \"errors.has('last_name')\",\n                  },\n                ],\n                staticClass: \"text-danger text-sm\",\n              },\n              [_vm._v(_vm._s(_vm.errors.first(\"last_name\")))]\n            ),\n            _c(\n              \"vs-button\",\n              {\n                staticClass: \"mt-5 block\",\n                attrs: { type: \"filled\" },\n                on: {\n                  click: function ($event) {\n                    $event.preventDefault()\n                    return _vm.submitForm.apply(null, arguments)\n                  },\n                },\n              },\n              [_vm._v(\"Submit\")]\n            ),\n          ],\n          1\n        ),\n      ]),\n      _c(\"template\", { slot: \"codeContainer\" }, [\n        _vm._v(\n          '\\n<template>\\n  <form>\\n    <vs-input size=\"large\" v-validate=\"\\'required|alpha\\'\" placeholder=\"First Name\" name=\"first_name\" v-model=\"first_name\" class=\"mt-5\" data-vv-validate-on=\"blur\" />\\n    <span class=\"text-danger text-sm\" v-show=\"errors.has(\\'first_name\\')\">' +\n            _vm._s(\"{{ errors.first('first_name') }}\") +\n            '</span>\\n\\n    <vs-input size=\"large\" v-validate=\"\\'required|alpha\\'\" placeholder=\"Last Name\" name=\"last_name\" v-model=\"last_name\" class=\"mt-5\" data-vv-validate-on=\"blur\" />\\n    <span class=\"text-danger text-sm\" v-show=\"errors.has(\\'last_name\\')\">' +\n            _vm._s(\"{{ errors.first('last_name') }}\") +\n            '</span>\\n\\n    <vs-button type=\"filled\" @click.prevent=\"submitForm\" class=\"mt-5 block\">Submit</vs-button>\\n  </form>\\n</template>\\n\\n<script>\\nexport default {\\n  data() {\\n    return {\\n      first_name: \"\",\\n      last_name: \"\",\\n    }\\n  },\\n  methods: {\\n    submitForm() {\\n      this.$validator.validateAll().then(result => {\\n        if(result) {\\n          // if form have no errors\\n          alert(\"form submitted!\");\\n        }else{\\n          // form have errors\\n        }\\n      })\\n    }\\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: \"Validating multiple rules\", \"code-toggler\": \"\" } },\n    [\n      _c(\"p\", [\n        _vm._v(\"You can validate multiple rules using \"),\n        _c(\"code\", [_vm._v(\"|\")]),\n        _vm._v(\". You can find more validation rules \"),\n        _c(\n          \"a\",\n          {\n            attrs: {\n              href: \"https://baianat.github.io/vee-validate/guide/rules.html\",\n              target: \"_blank\",\n              rel: \"nofollow\",\n            },\n          },\n          [_vm._v(\"here\")]\n        ),\n      ]),\n      _c(\"div\", { staticClass: \"mt-5\" }, [\n        _c(\n          \"form\",\n          [\n            _c(\"div\", { staticClass: \"vx-row lg:w-1/2 w-full\" }, [\n              _c(\n                \"div\",\n                { staticClass: \"vx-col w-full\" },\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: \"mt-5 w-full\",\n                    attrs: { placeholder: \"Your Name\", name: \"name\" },\n                    model: {\n                      value: _vm.name,\n                      callback: function ($$v) {\n                        _vm.name = $$v\n                      },\n                      expression: \"name\",\n                    },\n                  }),\n                  _c(\n                    \"span\",\n                    {\n                      directives: [\n                        {\n                          name: \"show\",\n                          rawName: \"v-show\",\n                          value: _vm.errors.has(\"name\"),\n                          expression: \"errors.has('name')\",\n                        },\n                      ],\n                      staticClass: \"text-danger text-sm\",\n                    },\n                    [_vm._v(_vm._s(_vm.errors.first(\"name\")))]\n                  ),\n                ],\n                1\n              ),\n              _c(\n                \"div\",\n                { staticClass: \"vx-col lg:w-1/2 w-full\" },\n                [\n                  _c(\"vs-input\", {\n                    directives: [\n                      {\n                        name: \"validate\",\n                        rawName: \"v-validate\",\n                        value: \"required|alpha_dash\",\n                        expression: \"'required|alpha_dash'\",\n                      },\n                    ],\n                    staticClass: \"mt-5 w-full\",\n                    attrs: { placeholder: \"Your Username\", name: \"username\" },\n                    model: {\n                      value: _vm.username,\n                      callback: function ($$v) {\n                        _vm.username = $$v\n                      },\n                      expression: \"username\",\n                    },\n                  }),\n                  _c(\n                    \"span\",\n                    {\n                      directives: [\n                        {\n                          name: \"show\",\n                          rawName: \"v-show\",\n                          value: _vm.errors.has(\"username\"),\n                          expression: \"errors.has('username')\",\n                        },\n                      ],\n                      staticClass: \"text-danger text-sm\",\n                    },\n                    [_vm._v(_vm._s(_vm.errors.first(\"username\")))]\n                  ),\n                ],\n                1\n              ),\n              _c(\n                \"div\",\n                { staticClass: \"vx-col lg:w-1/2 w-full\" },\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: \"mt-5 w-full\",\n                    attrs: { placeholder: \"Your Email\", name: \"email\" },\n                    model: {\n                      value: _vm.email,\n                      callback: function ($$v) {\n                        _vm.email = $$v\n                      },\n                      expression: \"email\",\n                    },\n                  }),\n                  _c(\n                    \"span\",\n                    {\n                      directives: [\n                        {\n                          name: \"show\",\n                          rawName: \"v-show\",\n                          value: _vm.errors.has(\"email\"),\n                          expression: \"errors.has('email')\",\n                        },\n                      ],\n                      staticClass: \"text-danger text-sm\",\n                    },\n                    [_vm._v(_vm._s(_vm.errors.first(\"email\")))]\n                  ),\n                ],\n                1\n              ),\n              _c(\n                \"div\",\n                { staticClass: \"vx-col lg:w-1/2 w-full\" },\n                [\n                  _c(\"vs-input\", {\n                    directives: [\n                      {\n                        name: \"validate\",\n                        rawName: \"v-validate\",\n                        value: \"required|min:6|max:10\",\n                        expression: \"'required|min:6|max:10'\",\n                      },\n                    ],\n                    ref: \"password\",\n                    staticClass: \"mt-5 w-full\",\n                    attrs: {\n                      type: \"password\",\n                      placeholder: \"Your Password\",\n                      name: \"password\",\n                    },\n                    model: {\n                      value: _vm.password,\n                      callback: function ($$v) {\n                        _vm.password = $$v\n                      },\n                      expression: \"password\",\n                    },\n                  }),\n                  _c(\n                    \"span\",\n                    {\n                      directives: [\n                        {\n                          name: \"show\",\n                          rawName: \"v-show\",\n                          value: _vm.errors.has(\"password\"),\n                          expression: \"errors.has('password')\",\n                        },\n                      ],\n                      staticClass: \"text-danger text-sm\",\n                    },\n                    [_vm._v(_vm._s(_vm.errors.first(\"password\")))]\n                  ),\n                ],\n                1\n              ),\n              _c(\n                \"div\",\n                { staticClass: \"vx-col lg:w-1/2 w-full\" },\n                [\n                  _c(\"vs-input\", {\n                    directives: [\n                      {\n                        name: \"validate\",\n                        rawName: \"v-validate\",\n                        value: \"required|min:6|max:10|confirmed:password\",\n                        expression:\n                          \"'required|min:6|max:10|confirmed:password'\",\n                      },\n                    ],\n                    staticClass: \"mt-5 w-full\",\n                    attrs: {\n                      type: \"password\",\n                      \"data-vv-as\": \"password\",\n                      placeholder: \"Confirm Password\",\n                      name: \"confirm_password\",\n                    },\n                    model: {\n                      value: _vm.confirm_password,\n                      callback: function ($$v) {\n                        _vm.confirm_password = $$v\n                      },\n                      expression: \"confirm_password\",\n                    },\n                  }),\n                  _c(\n                    \"span\",\n                    {\n                      directives: [\n                        {\n                          name: \"show\",\n                          rawName: \"v-show\",\n                          value: _vm.errors.has(\"confirm_password\"),\n                          expression: \"errors.has('confirm_password')\",\n                        },\n                      ],\n                      staticClass: \"text-danger text-sm\",\n                    },\n                    [_vm._v(_vm._s(_vm.errors.first(\"confirm_password\")))]\n                  ),\n                ],\n                1\n              ),\n            ]),\n            _c(\n              \"vs-button\",\n              {\n                staticClass: \"mt-5 block\",\n                attrs: { type: \"filled\" },\n                on: {\n                  click: function ($event) {\n                    $event.preventDefault()\n                    return _vm.submitForm.apply(null, arguments)\n                  },\n                },\n              },\n              [_vm._v(\"Submit\")]\n            ),\n          ],\n          1\n        ),\n      ]),\n      _c(\"template\", { slot: \"codeContainer\" }, [\n        _vm._v(\n          '\\n<template>\\n  <form>\\n    <div class=\"vx-row w-1/2\">\\n\\n      <div class=\"vx-col w-full\">\\n        <vs-input size=\"large\" v-validate=\"\\'required|alpha\\'\" placeholder=\"Your Name\" name=\"name\" v-model=\"name\" class=\"mt-5 w-full\" />\\n        <span class=\"text-danger text-sm\"  v-show=\"errors.has(\\'name\\')\">' +\n            _vm._s(\"{{ errors.first('name') }}\") +\n            '</span>\\n      </div>\\n\\n      <div class=\"vx-col w-1/2\">\\n        <vs-input size=\"large\" v-validate=\"\\'required|alpha_dash\\'\" placeholder=\"Your Username\" name=\"username\" v-model=\"username\" class=\"mt-5 w-full\" />\\n        <span class=\"text-danger text-sm\" v-show=\"errors.has(\\'username\\')\">' +\n            _vm._s(\"{{ errors.first('username') }}\") +\n            '</span>\\n      </div>\\n\\n      <div class=\"vx-col w-1/2\">\\n        <vs-input size=\"large\" v-validate=\"\\'required|email\\'\" placeholder=\"Your Email\" name=\"email\" v-model=\"email\" class=\"mt-5 w-full\" />\\n        <span class=\"text-danger text-sm\" v-show=\"errors.has(\\'email\\')\">' +\n            _vm._s(\"{{ errors.first('email') }}\") +\n            '</span>\\n      </div>\\n\\n      <div class=\"vx-col w-1/2\">\\n        <vs-input type=\"password\" size=\"large\" v-validate=\"\\'required|min:6|max:10\\'\" ref=\"password\" placeholder=\"Your Password\" name=\"password\" v-model=\"password\" class=\"mt-5 w-full\" />\\n        <span class=\"text-danger text-sm\" v-show=\"errors.has(\\'password\\')\">' +\n            _vm._s(\"{{ errors.first('password') }}\") +\n            '</span>\\n      </div>\\n\\n      <div class=\"vx-col w-1/2\">\\n        <vs-input type=\"password\" size=\"large\" v-validate=\"\\'required|min:6|max:10|confirmed:password\\'\" data-vv-as=\"password\" placeholder=\"Confirm Password\" name=\"confirm_password\" v-model=\"confirm_password\" class=\"mt-5 w-full\" />\\n        <span class=\"text-danger text-sm\" v-show=\"errors.has(\\'confirm_password\\')\">' +\n            _vm._s(\"{{ errors.first('confirm_password') }}\") +\n            '</span>\\n      </div>\\n    </div>\\n\\n    <vs-button type=\"filled\" @click.prevent=\"submitForm\" class=\"mt-5 block\">Submit</vs-button>\\n  </form>\\n</template>\\n\\n<script>\\nexport default {\\n  data() {\\n    return {\\n      name: \"\",\\n      username: \"\",\\n      email: \"\",\\n      password: \"\",\\n      confirm_password: \"\",\\n    }\\n  },\\n  methods: {\\n    submitForm() {\\n      this.$validator.validateAll().then(result => {\\n        if (result) {\\n          // if form have no errors\\n          alert(\"form submitted!\");\\n        } else {\\n          // form have errors\\n        }\\n      })\\n    }\\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: \"Simple form validation\", \"code-toggler\": \"\" } },\n    [\n      _c(\"p\", [\n        _vm._v(\"Simple form validation before submitting form. Add \"),\n        _c(\"code\", [_vm._v(\"v-validate\")]),\n        _vm._v(\" directive to input.\"),\n      ]),\n      _c(\"div\", { staticClass: \"mt-5\" }, [\n        _c(\n          \"form\",\n          [\n            _c(\"vs-input\", {\n              directives: [\n                {\n                  name: \"validate\",\n                  rawName: \"v-validate\",\n                  value: \"required\",\n                  expression: \"'required'\",\n                },\n              ],\n              staticClass: \"mt-5\",\n              attrs: { placeholder: \"Input 1\", name: \"input1\" },\n              model: {\n                value: _vm.value1,\n                callback: function ($$v) {\n                  _vm.value1 = $$v\n                },\n                expression: \"value1\",\n              },\n            }),\n            _c(\n              \"span\",\n              {\n                directives: [\n                  {\n                    name: \"show\",\n                    rawName: \"v-show\",\n                    value: _vm.errors.has(\"input1\"),\n                    expression: \"errors.has('input1')\",\n                  },\n                ],\n                staticClass: \"text-danger text-sm\",\n              },\n              [_vm._v(_vm._s(_vm.errors.first(\"input1\")))]\n            ),\n            _c(\"vs-input\", {\n              directives: [\n                {\n                  name: \"validate\",\n                  rawName: \"v-validate\",\n                  value: \"required\",\n                  expression: \"'required'\",\n                },\n              ],\n              staticClass: \"mt-5\",\n              attrs: { placeholder: \"Input 2\", name: \"input2\" },\n              model: {\n                value: _vm.value2,\n                callback: function ($$v) {\n                  _vm.value2 = $$v\n                },\n                expression: \"value2\",\n              },\n            }),\n            _c(\n              \"span\",\n              {\n                directives: [\n                  {\n                    name: \"show\",\n                    rawName: \"v-show\",\n                    value: _vm.errors.has(\"input2\"),\n                    expression: \"errors.has('input2')\",\n                  },\n                ],\n                staticClass: \"text-danger text-sm\",\n              },\n              [_vm._v(_vm._s(_vm.errors.first(\"input2\")))]\n            ),\n            _c(\n              \"vs-button\",\n              {\n                staticClass: \"mt-5 block\",\n                attrs: { type: \"filled\" },\n                on: {\n                  click: function ($event) {\n                    $event.preventDefault()\n                    return _vm.submitForm.apply(null, arguments)\n                  },\n                },\n              },\n              [_vm._v(\"Submit\")]\n            ),\n          ],\n          1\n        ),\n      ]),\n      _c(\"template\", { slot: \"codeContainer\" }, [\n        _vm._v(\n          '\\n<template>\\n  <form>\\n    <vs-input size=\"large\" v-validate=\"\\'required\\'\" placeholder=\"Input 1\" name=\"input1\" v-model=\"value1\" class=\"mt-5\" />\\n    <span class=\"text-danger text-sm\" v-show=\"errors.has(\\'input1\\')\">' +\n            _vm._s(\"{{ errors.first('input1') }}\") +\n            '</span>\\n\\n    <vs-input size=\"large\" v-validate=\"\\'required\\'\" placeholder=\"Input 2\" name=\"input2\" v-model=\"value2\" class=\"mt-5\" />\\n    <span class=\"text-danger text-sm\" v-show=\"errors.has(\\'input2\\')\">' +\n            _vm._s(\"{{ errors.first('input2') }}\") +\n            '</span>\\n\\n    <vs-button type=\"filled\" @click.prevent=\"submitForm\" class=\"mt-5 block\">Submit</vs-button>\\n  </form>\\n</template>\\n\\n<script>\\nexport default {\\n  data() {\\n    return {\\n      value1: \"\",\\n      value2: \"\",\\n    }\\n  },\\n  methods: {\\n    submitForm() {\\n      this.$validator.validateAll().then(result => {\\n        if(result) {\\n          // if form have no errors\\n          alert(\"form submitted!\");\\n        }else{\\n          // form have errors\\n        }\\n      })\\n    }\\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: \"Validation types\", \"code-toggler\": \"\" } },\n    [\n      _c(\"p\", [\n        _vm._v(\n          \"VeeValidate comes with a bunch of validation rules out of the box and cover most validation needs\"\n        ),\n      ]),\n      _c(\"div\", { staticClass: \"mt-5\" }, [\n        _c(\n          \"form\",\n          [\n            _c(\"div\", { staticClass: \"vx-row\" }, [\n              _c(\n                \"div\",\n                { staticClass: \"vx-col w-1/2\" },\n                [\n                  _c(\"vs-input\", {\n                    directives: [\n                      {\n                        name: \"validate\",\n                        rawName: \"v-validate\",\n                        value: \"required\",\n                        expression: \"'required'\",\n                      },\n                    ],\n                    staticClass: \"mt-5 w-full\",\n                    attrs: {\n                      label: \"This field is required\",\n                      name: \"required\",\n                    },\n                    model: {\n                      value: _vm.required,\n                      callback: function ($$v) {\n                        _vm.required = $$v\n                      },\n                      expression: \"required\",\n                    },\n                  }),\n                  _c(\n                    \"span\",\n                    {\n                      directives: [\n                        {\n                          name: \"show\",\n                          rawName: \"v-show\",\n                          value: _vm.errors.has(\"required\"),\n                          expression: \"errors.has('required')\",\n                        },\n                      ],\n                      staticClass: \"text-danger text-sm\",\n                    },\n                    [_vm._v(_vm._s(_vm.errors.first(\"required\")))]\n                  ),\n                ],\n                1\n              ),\n              _c(\n                \"div\",\n                { staticClass: \"vx-col w-1/2\" },\n                [\n                  _c(\"vs-input\", {\n                    directives: [\n                      {\n                        name: \"validate\",\n                        rawName: \"v-validate\",\n                        value: \"alpha\",\n                        expression: \"'alpha'\",\n                      },\n                    ],\n                    staticClass: \"mt-5 w-full\",\n                    attrs: {\n                      label: \"Only alphabetic characters\",\n                      name: \"alpha\",\n                    },\n                    model: {\n                      value: _vm.alpha,\n                      callback: function ($$v) {\n                        _vm.alpha = $$v\n                      },\n                      expression: \"alpha\",\n                    },\n                  }),\n                  _c(\n                    \"span\",\n                    {\n                      directives: [\n                        {\n                          name: \"show\",\n                          rawName: \"v-show\",\n                          value: _vm.errors.has(\"alpha\"),\n                          expression: \"errors.has('alpha')\",\n                        },\n                      ],\n                      staticClass: \"text-danger text-sm\",\n                    },\n                    [_vm._v(_vm._s(_vm.errors.first(\"alpha\")))]\n                  ),\n                ],\n                1\n              ),\n              _c(\n                \"div\",\n                { staticClass: \"vx-col w-1/2\" },\n                [\n                  _c(\"vs-input\", {\n                    directives: [\n                      {\n                        name: \"validate\",\n                        rawName: \"v-validate\",\n                        value: \"alpha_dash\",\n                        expression: \"'alpha_dash'\",\n                      },\n                    ],\n                    staticClass: \"mt-5 w-full\",\n                    attrs: {\n                      label:\n                        \"Only alphabetic characters, numbers, dashes or underscores\",\n                      name: \"alpha_dash\",\n                    },\n                    model: {\n                      value: _vm.alpha_dash,\n                      callback: function ($$v) {\n                        _vm.alpha_dash = $$v\n                      },\n                      expression: \"alpha_dash\",\n                    },\n                  }),\n                  _c(\n                    \"span\",\n                    {\n                      directives: [\n                        {\n                          name: \"show\",\n                          rawName: \"v-show\",\n                          value: _vm.errors.has(\"alpha_dash\"),\n                          expression: \"errors.has('alpha_dash')\",\n                        },\n                      ],\n                      staticClass: \"text-danger text-sm\",\n                    },\n                    [_vm._v(_vm._s(_vm.errors.first(\"alpha_dash\")))]\n                  ),\n                ],\n                1\n              ),\n              _c(\n                \"div\",\n                { staticClass: \"vx-col w-1/2\" },\n                [\n                  _c(\"vs-input\", {\n                    directives: [\n                      {\n                        name: \"validate\",\n                        rawName: \"v-validate\",\n                        value: \"alpha_num\",\n                        expression: \"'alpha_num'\",\n                      },\n                    ],\n                    staticClass: \"mt-5 w-full\",\n                    attrs: {\n                      label: \"May contain alphabetic characters or numbers\",\n                      name: \"alpha_num\",\n                    },\n                    model: {\n                      value: _vm.alpha_num,\n                      callback: function ($$v) {\n                        _vm.alpha_num = $$v\n                      },\n                      expression: \"alpha_num\",\n                    },\n                  }),\n                  _c(\n                    \"span\",\n                    {\n                      directives: [\n                        {\n                          name: \"show\",\n                          rawName: \"v-show\",\n                          value: _vm.errors.has(\"alpha_num\"),\n                          expression: \"errors.has('alpha_num')\",\n                        },\n                      ],\n                      staticClass: \"text-danger text-sm\",\n                    },\n                    [_vm._v(_vm._s(_vm.errors.first(\"alpha_num\")))]\n                  ),\n                ],\n                1\n              ),\n              _c(\n                \"div\",\n                { staticClass: \"vx-col w-1/2\" },\n                [\n                  _c(\"vs-input\", {\n                    directives: [\n                      {\n                        name: \"validate\",\n                        rawName: \"v-validate\",\n                        value: \"numeric\",\n                        expression: \"'numeric'\",\n                      },\n                    ],\n                    staticClass: \"mt-5 w-full\",\n                    attrs: {\n                      label: \"Must only consist of numbers\",\n                      name: \"numeric\",\n                    },\n                    model: {\n                      value: _vm.numeric,\n                      callback: function ($$v) {\n                        _vm.numeric = $$v\n                      },\n                      expression: \"numeric\",\n                    },\n                  }),\n                  _c(\n                    \"span\",\n                    {\n                      directives: [\n                        {\n                          name: \"show\",\n                          rawName: \"v-show\",\n                          value: _vm.errors.has(\"numeric\"),\n                          expression: \"errors.has('numeric')\",\n                        },\n                      ],\n                      staticClass: \"text-danger text-sm\",\n                    },\n                    [_vm._v(_vm._s(_vm.errors.first(\"numeric\")))]\n                  ),\n                ],\n                1\n              ),\n              _c(\n                \"div\",\n                { staticClass: \"vx-col w-1/2\" },\n                [\n                  _c(\"vs-input\", {\n                    directives: [\n                      {\n                        name: \"validate\",\n                        rawName: \"v-validate\",\n                        value: \"alpha_spaces\",\n                        expression: \"'alpha_spaces'\",\n                      },\n                    ],\n                    staticClass: \"mt-5 w-full\",\n                    attrs: {\n                      label: \"Only alphabetic characters or spaces\",\n                      name: \"alpha_spaces\",\n                    },\n                    model: {\n                      value: _vm.alpha_spaces,\n                      callback: function ($$v) {\n                        _vm.alpha_spaces = $$v\n                      },\n                      expression: \"alpha_spaces\",\n                    },\n                  }),\n                  _c(\n                    \"span\",\n                    {\n                      directives: [\n                        {\n                          name: \"show\",\n                          rawName: \"v-show\",\n                          value: _vm.errors.has(\"alpha_spaces\"),\n                          expression: \"errors.has('alpha_spaces')\",\n                        },\n                      ],\n                      staticClass: \"text-danger text-sm\",\n                    },\n                    [_vm._v(_vm._s(_vm.errors.first(\"alpha_spaces\")))]\n                  ),\n                ],\n                1\n              ),\n              _c(\n                \"div\",\n                { staticClass: \"vx-col w-1/2\" },\n                [\n                  _c(\"vs-input\", {\n                    directives: [\n                      {\n                        name: \"validate\",\n                        rawName: \"v-validate\",\n                        value: \"email\",\n                        expression: \"'email'\",\n                      },\n                    ],\n                    staticClass: \"mt-5 w-full\",\n                    attrs: { label: \"Must be a valid email\", name: \"email\" },\n                    model: {\n                      value: _vm.email,\n                      callback: function ($$v) {\n                        _vm.email = $$v\n                      },\n                      expression: \"email\",\n                    },\n                  }),\n                  _c(\n                    \"span\",\n                    {\n                      directives: [\n                        {\n                          name: \"show\",\n                          rawName: \"v-show\",\n                          value: _vm.errors.has(\"email\"),\n                          expression: \"errors.has('email')\",\n                        },\n                      ],\n                      staticClass: \"text-danger text-sm\",\n                    },\n                    [_vm._v(_vm._s(_vm.errors.first(\"email\")))]\n                  ),\n                ],\n                1\n              ),\n              _c(\n                \"div\",\n                { staticClass: \"vx-col w-1/2\" },\n                [\n                  _c(\"vs-input\", {\n                    directives: [\n                      {\n                        name: \"validate\",\n                        rawName: \"v-validate\",\n                        value: \"url:require_protocol\",\n                        expression: \"'url:require_protocol'\",\n                      },\n                    ],\n                    staticClass: \"mt-5 w-full\",\n                    attrs: {\n                      \"data-vv-as\": \"field\",\n                      label: \"Must be a valid url\",\n                      name: \"url\",\n                    },\n                    model: {\n                      value: _vm.url,\n                      callback: function ($$v) {\n                        _vm.url = $$v\n                      },\n                      expression: \"url\",\n                    },\n                  }),\n                  _c(\n                    \"span\",\n                    {\n                      directives: [\n                        {\n                          name: \"show\",\n                          rawName: \"v-show\",\n                          value: _vm.errors.has(\"url\"),\n                          expression: \"errors.has('url')\",\n                        },\n                      ],\n                      staticClass: \"text-danger text-sm\",\n                    },\n                    [_vm._v(_vm._s(_vm.errors.first(\"url\")))]\n                  ),\n                ],\n                1\n              ),\n              _c(\n                \"div\",\n                { staticClass: \"vx-col w-1/2\" },\n                [\n                  _c(\"vs-input\", {\n                    directives: [\n                      {\n                        name: \"validate\",\n                        rawName: \"v-validate\",\n                        value: \"min:3\",\n                        expression: \"'min:3'\",\n                      },\n                    ],\n                    staticClass: \"mt-5 w-full\",\n                    attrs: {\n                      label:\n                        \"Length should not be less than the specified length : 3\",\n                      name: \"min\",\n                    },\n                    model: {\n                      value: _vm.min,\n                      callback: function ($$v) {\n                        _vm.min = $$v\n                      },\n                      expression: \"min\",\n                    },\n                  }),\n                  _c(\n                    \"span\",\n                    {\n                      directives: [\n                        {\n                          name: \"show\",\n                          rawName: \"v-show\",\n                          value: _vm.errors.has(\"min\"),\n                          expression: \"errors.has('min')\",\n                        },\n                      ],\n                      staticClass: \"text-danger text-sm\",\n                    },\n                    [_vm._v(_vm._s(_vm.errors.first(\"min\")))]\n                  ),\n                ],\n                1\n              ),\n              _c(\n                \"div\",\n                { staticClass: \"vx-col w-1/2\" },\n                [\n                  _c(\"vs-input\", {\n                    directives: [\n                      {\n                        name: \"validate\",\n                        rawName: \"v-validate\",\n                        value: \"max:6\",\n                        expression: \"'max:6'\",\n                      },\n                    ],\n                    staticClass: \"mt-5 w-full\",\n                    attrs: {\n                      label: \"Length may not exceed the specified length : 6\",\n                      name: \"max\",\n                    },\n                    model: {\n                      value: _vm.max,\n                      callback: function ($$v) {\n                        _vm.max = $$v\n                      },\n                      expression: \"max\",\n                    },\n                  }),\n                  _c(\n                    \"span\",\n                    {\n                      directives: [\n                        {\n                          name: \"show\",\n                          rawName: \"v-show\",\n                          value: _vm.errors.has(\"max\"),\n                          expression: \"errors.has('max')\",\n                        },\n                      ],\n                      staticClass: \"text-danger text-sm\",\n                    },\n                    [_vm._v(_vm._s(_vm.errors.first(\"max\")))]\n                  ),\n                ],\n                1\n              ),\n              _c(\n                \"div\",\n                { staticClass: \"vx-col w-1/2\" },\n                [\n                  _c(\"vs-input\", {\n                    directives: [\n                      {\n                        name: \"validate\",\n                        rawName: \"v-validate\",\n                        value: \"min:6|max:10\",\n                        expression: \"'min:6|max:10'\",\n                      },\n                    ],\n                    ref: \"password\",\n                    staticClass: \"mt-5 w-full\",\n                    attrs: {\n                      type: \"password\",\n                      label: \"Password 1\",\n                      name: \"password\",\n                    },\n                    model: {\n                      value: _vm.password,\n                      callback: function ($$v) {\n                        _vm.password = $$v\n                      },\n                      expression: \"password\",\n                    },\n                  }),\n                  _c(\n                    \"span\",\n                    {\n                      directives: [\n                        {\n                          name: \"show\",\n                          rawName: \"v-show\",\n                          value: _vm.errors.has(\"password\"),\n                          expression: \"errors.has('password')\",\n                        },\n                      ],\n                      staticClass: \"text-danger text-sm\",\n                    },\n                    [_vm._v(_vm._s(_vm.errors.first(\"password\")))]\n                  ),\n                ],\n                1\n              ),\n              _c(\n                \"div\",\n                { staticClass: \"vx-col w-1/2\" },\n                [\n                  _c(\"vs-input\", {\n                    directives: [\n                      {\n                        name: \"validate\",\n                        rawName: \"v-validate\",\n                        value: \"min:6|max:10|confirmed:password\",\n                        expression: \"'min:6|max:10|confirmed:password'\",\n                      },\n                    ],\n                    staticClass: \"mt-5 w-full\",\n                    attrs: {\n                      type: \"password\",\n                      label: \"Confirm Password\",\n                      name: \"confirm_password\",\n                      \"data-vv-as\": \"password\",\n                    },\n                    model: {\n                      value: _vm.confirm_password,\n                      callback: function ($$v) {\n                        _vm.confirm_password = $$v\n                      },\n                      expression: \"confirm_password\",\n                    },\n                  }),\n                  _c(\n                    \"span\",\n                    {\n                      directives: [\n                        {\n                          name: \"show\",\n                          rawName: \"v-show\",\n                          value: _vm.errors.has(\"confirm_password\"),\n                          expression: \"errors.has('confirm_password')\",\n                        },\n                      ],\n                      staticClass: \"text-danger text-sm\",\n                    },\n                    [_vm._v(_vm._s(_vm.errors.first(\"confirm_password\")))]\n                  ),\n                ],\n                1\n              ),\n              _c(\n                \"div\",\n                { staticClass: \"vx-col w-1/2\" },\n                [\n                  _c(\"vs-input\", {\n                    directives: [\n                      {\n                        name: \"validate\",\n                        rawName: \"v-validate\",\n                        value: \"date_format:dd/MM/yyyy\",\n                        expression: \"'date_format:dd/MM/yyyy'\",\n                      },\n                    ],\n                    staticClass: \"mt-5 w-full\",\n                    attrs: {\n                      label: \"Date Format: dd/MM/yyyy\",\n                      name: \"date_format\",\n                    },\n                    model: {\n                      value: _vm.date_format,\n                      callback: function ($$v) {\n                        _vm.date_format = $$v\n                      },\n                      expression: \"date_format\",\n                    },\n                  }),\n                  _c(\n                    \"span\",\n                    {\n                      directives: [\n                        {\n                          name: \"show\",\n                          rawName: \"v-show\",\n                          value: _vm.errors.has(\"date_format\"),\n                          expression: \"errors.has('date_format')\",\n                        },\n                      ],\n                      staticClass: \"text-danger text-sm\",\n                    },\n                    [_vm._v(_vm._s(_vm.errors.first(\"date_format\")))]\n                  ),\n                ],\n                1\n              ),\n              _c(\n                \"div\",\n                { staticClass: \"vx-col w-1/2\" },\n                [\n                  _c(\"vs-input\", {\n                    directives: [\n                      {\n                        name: \"validate\",\n                        rawName: \"v-validate\",\n                        value: \"between:1,11\",\n                        expression: \"'between:1,11'\",\n                      },\n                    ],\n                    staticClass: \"mt-5 w-full\",\n                    attrs: {\n                      label:\n                        \"Numeric value between minimum value and a maximum value : 1 and 11\",\n                      name: \"between\",\n                    },\n                    model: {\n                      value: _vm.between,\n                      callback: function ($$v) {\n                        _vm.between = $$v\n                      },\n                      expression: \"between\",\n                    },\n                  }),\n                  _c(\n                    \"span\",\n                    {\n                      directives: [\n                        {\n                          name: \"show\",\n                          rawName: \"v-show\",\n                          value: _vm.errors.has(\"between\"),\n                          expression: \"errors.has('between')\",\n                        },\n                      ],\n                      staticClass: \"text-danger text-sm\",\n                    },\n                    [_vm._v(_vm._s(_vm.errors.first(\"between\")))]\n                  ),\n                ],\n                1\n              ),\n              _c(\n                \"div\",\n                { staticClass: \"vx-col w-1/2\" },\n                [\n                  _c(\"vs-input\", {\n                    directives: [\n                      {\n                        name: \"validate\",\n                        rawName: \"v-validate\",\n                        value: \"credit_card\",\n                        expression: \"'credit_card'\",\n                      },\n                    ],\n                    staticClass: \"mt-5 w-full\",\n                    attrs: { label: \"Valid credit card\", name: \"credit_card\" },\n                    model: {\n                      value: _vm.credit_card,\n                      callback: function ($$v) {\n                        _vm.credit_card = $$v\n                      },\n                      expression: \"credit_card\",\n                    },\n                  }),\n                  _c(\n                    \"span\",\n                    {\n                      directives: [\n                        {\n                          name: \"show\",\n                          rawName: \"v-show\",\n                          value: _vm.errors.has(\"credit_card\"),\n                          expression: \"errors.has('credit_card')\",\n                        },\n                      ],\n                      staticClass: \"text-danger text-sm\",\n                    },\n                    [_vm._v(_vm._s(_vm.errors.first(\"credit_card\")))]\n                  ),\n                ],\n                1\n              ),\n              _c(\n                \"div\",\n                { staticClass: \"vx-col w-1/2\" },\n                [\n                  _c(\"vs-input\", {\n                    directives: [\n                      {\n                        name: \"validate\",\n                        rawName: \"v-validate\",\n                        value:\n                          \"date_format:dd/MM/yyyy|date_between:10/09/2016,20/09/2016\",\n                        expression:\n                          \"'date_format:dd/MM/yyyy|date_between:10/09/2016,20/09/2016'\",\n                      },\n                    ],\n                    staticClass: \"mt-5 w-full\",\n                    attrs: {\n                      label:\n                        \"Must be a valid date between the two dates specified : 10/09/2016 - 20/09/2016\",\n                      name: \"date_between\",\n                    },\n                    model: {\n                      value: _vm.date_between,\n                      callback: function ($$v) {\n                        _vm.date_between = $$v\n                      },\n                      expression: \"date_between\",\n                    },\n                  }),\n                  _c(\n                    \"span\",\n                    {\n                      directives: [\n                        {\n                          name: \"show\",\n                          rawName: \"v-show\",\n                          value: _vm.errors.has(\"date_between\"),\n                          expression: \"errors.has('date_between')\",\n                        },\n                      ],\n                      staticClass: \"text-danger text-sm\",\n                    },\n                    [_vm._v(_vm._s(_vm.errors.first(\"date_between\")))]\n                  ),\n                ],\n                1\n              ),\n              _c(\n                \"div\",\n                { staticClass: \"vx-col w-1/2\" },\n                [\n                  _c(\"vs-input\", {\n                    directives: [\n                      {\n                        name: \"validate\",\n                        rawName: \"v-validate\",\n                        value: \"digits:3\",\n                        expression: \"'digits:3'\",\n                      },\n                    ],\n                    staticClass: \"mt-5 w-full\",\n                    attrs: {\n                      label:\n                        \"Must be numeric and have the specified number of digits : 3\",\n                      name: \"digits\",\n                    },\n                    model: {\n                      value: _vm.digits,\n                      callback: function ($$v) {\n                        _vm.digits = $$v\n                      },\n                      expression: \"digits\",\n                    },\n                  }),\n                  _c(\n                    \"span\",\n                    {\n                      directives: [\n                        {\n                          name: \"show\",\n                          rawName: \"v-show\",\n                          value: _vm.errors.has(\"digits\"),\n                          expression: \"errors.has('digits')\",\n                        },\n                      ],\n                      staticClass: \"text-danger text-sm\",\n                    },\n                    [_vm._v(_vm._s(_vm.errors.first(\"digits\")))]\n                  ),\n                ],\n                1\n              ),\n              _c(\n                \"div\",\n                { staticClass: \"vx-col w-1/2\" },\n                [\n                  _c(\n                    \"vs-select\",\n                    {\n                      directives: [\n                        {\n                          name: \"validate\",\n                          rawName: \"v-validate\",\n                          value: \"included:1,3\",\n                          expression: \"'included:1,3'\",\n                        },\n                      ],\n                      staticClass: \"select-large mt-5 w-full\",\n                      attrs: {\n                        name: \"included\",\n                        label:\n                          \"Must have a value that is in the specified list : 1 or 3\",\n                      },\n                      model: {\n                        value: _vm.select1,\n                        callback: function ($$v) {\n                          _vm.select1 = $$v\n                        },\n                        expression: \"select1\",\n                      },\n                    },\n                    _vm._l(_vm.options1, function (item, index) {\n                      return _c(\"vs-select-item\", {\n                        key: index,\n                        attrs: { value: item.value, text: item.text },\n                      })\n                    }),\n                    1\n                  ),\n                  _c(\n                    \"span\",\n                    {\n                      directives: [\n                        {\n                          name: \"show\",\n                          rawName: \"v-show\",\n                          value: _vm.errors.has(\"included\"),\n                          expression: \"errors.has('included')\",\n                        },\n                      ],\n                      staticClass: \"text-danger text-sm\",\n                    },\n                    [_vm._v(_vm._s(_vm.errors.first(\"included\")))]\n                  ),\n                ],\n                1\n              ),\n              _c(\n                \"div\",\n                { staticClass: \"vx-col w-1/2\" },\n                [\n                  _c(\"vs-input\", {\n                    directives: [\n                      {\n                        name: \"validate\",\n                        rawName: \"v-validate\",\n                        value: \"max_value:100\",\n                        expression: \"'max_value:100'\",\n                      },\n                    ],\n                    staticClass: \"mt-5 w-full\",\n                    attrs: {\n                      label:\n                        \"Numeric value and must not be greater than the specified value : 100\",\n                      name: \"max_value\",\n                    },\n                    model: {\n                      value: _vm.max_value,\n                      callback: function ($$v) {\n                        _vm.max_value = $$v\n                      },\n                      expression: \"max_value\",\n                    },\n                  }),\n                  _c(\n                    \"span\",\n                    {\n                      directives: [\n                        {\n                          name: \"show\",\n                          rawName: \"v-show\",\n                          value: _vm.errors.has(\"max_value\"),\n                          expression: \"errors.has('max_value')\",\n                        },\n                      ],\n                      staticClass: \"text-danger text-sm\",\n                    },\n                    [_vm._v(_vm._s(_vm.errors.first(\"max_value\")))]\n                  ),\n                ],\n                1\n              ),\n              _c(\n                \"div\",\n                { staticClass: \"vx-col w-1/2\" },\n                [\n                  _c(\"vs-input\", {\n                    directives: [\n                      {\n                        name: \"validate\",\n                        rawName: \"v-validate\",\n                        value: \"min_value:10\",\n                        expression: \"'min_value:10'\",\n                      },\n                    ],\n                    staticClass: \"mt-5 w-full\",\n                    attrs: {\n                      label:\n                        \"Numeric value and must not be less than the specified value : 10\",\n                      name: \"min_value\",\n                    },\n                    model: {\n                      value: _vm.min_value,\n                      callback: function ($$v) {\n                        _vm.min_value = $$v\n                      },\n                      expression: \"min_value\",\n                    },\n                  }),\n                  _c(\n                    \"span\",\n                    {\n                      directives: [\n                        {\n                          name: \"show\",\n                          rawName: \"v-show\",\n                          value: _vm.errors.has(\"min_value\"),\n                          expression: \"errors.has('min_value')\",\n                        },\n                      ],\n                      staticClass: \"text-danger text-sm\",\n                    },\n                    [_vm._v(_vm._s(_vm.errors.first(\"min_value\")))]\n                  ),\n                ],\n                1\n              ),\n              _c(\n                \"div\",\n                { staticClass: \"vx-col w-full\" },\n                [\n                  _c(\"vs-input\", {\n                    directives: [\n                      {\n                        name: \"validate\",\n                        rawName: \"v-validate\",\n                        value: { regex: \"^([0-9]+)$\" },\n                        expression: \"{regex: '^([0-9]+)$' }\",\n                      },\n                    ],\n                    staticClass: \"mt-5 w-full\",\n                    attrs: {\n                      label:\n                        \"Must match the specified regular expression : ^([0-9]+)$ - numbers only\",\n                      name: \"regex\",\n                    },\n                    model: {\n                      value: _vm.regex,\n                      callback: function ($$v) {\n                        _vm.regex = $$v\n                      },\n                      expression: \"regex\",\n                    },\n                  }),\n                  _c(\n                    \"span\",\n                    {\n                      directives: [\n                        {\n                          name: \"show\",\n                          rawName: \"v-show\",\n                          value: _vm.errors.has(\"regex\"),\n                          expression: \"errors.has('regex')\",\n                        },\n                      ],\n                      staticClass: \"text-danger text-sm\",\n                    },\n                    [_vm._v(_vm._s(_vm.errors.first(\"regex\")))]\n                  ),\n                ],\n                1\n              ),\n            ]),\n            _c(\n              \"vs-button\",\n              {\n                staticClass: \"mt-5 block\",\n                attrs: { type: \"filled\" },\n                on: {\n                  click: function ($event) {\n                    $event.preventDefault()\n                    return _vm.submitForm.apply(null, arguments)\n                  },\n                },\n              },\n              [_vm._v(\"Submit\")]\n            ),\n          ],\n          1\n        ),\n      ]),\n      _c(\"template\", { slot: \"codeContainer\" }, [\n        _vm._v(\n          '\\n<template>\\n  <form>\\n    <div class=\"vx-row\">\\n\\n      <!-- required -->\\n      <div class=\"vx-col w-1/2\">\\n        <vs-input size=\"large\" v-validate=\"\\'required\\'\" label=\"This field is required\" name=\"required\" v-model=\"required\" class=\"mt-5 w-full\" />\\n        <span class=\"text-danger text-sm\" v-show=\"errors.has(\\'required\\')\">' +\n            _vm._s(\"{{ errors.first('required') }}\") +\n            '</span>\\n      </div>\\n\\n      <!-- Only alphabetic characters -->\\n      <div class=\"vx-col w-1/2\">\\n        <vs-input size=\"large\" v-validate=\"\\'alpha\\'\" label=\"Only alphabetic characters\" name=\"alpha\" v-model=\"alpha\" class=\"mt-5 w-full\" />\\n        <span class=\"text-danger text-sm\" v-show=\"errors.has(\\'alpha\\')\">' +\n            _vm._s(\"{{ errors.first('alpha') }}\") +\n            '</span>\\n      </div>\\n\\n      <!-- Only alphabetic characters, numbers, dashes or underscores -->\\n      <div class=\"vx-col w-1/2\">\\n        <vs-input size=\"large\" v-validate=\"\\'alpha_dash\\'\" label=\"Only alphabetic characters, numbers, dashes or underscores\" name=\"alpha_dash\" v-model=\"alpha_dash\" class=\"mt-5 w-full\" />\\n        <span class=\"text-danger text-sm\" v-show=\"errors.has(\\'alpha_dash\\')\">' +\n            _vm._s(\"{{ errors.first('alpha_dash') }}\") +\n            '</span>\\n      </div>\\n\\n      <!-- May contain alphabetic characters or numbers -->\\n      <div class=\"vx-col w-1/2\">\\n        <vs-input size=\"large\" v-validate=\"\\'alpha_num\\'\" label=\"May contain alphabetic characters or numbers\" name=\"alpha_num\" v-model=\"alpha_num\" class=\"mt-5 w-full\" />\\n        <span class=\"text-danger text-sm\" v-show=\"errors.has(\\'alpha_num\\')\">' +\n            _vm._s(\"{{ errors.first('alpha_num') }}\") +\n            '</span>\\n      </div>\\n\\n      <!-- Must only consist of numbers -->\\n      <div class=\"vx-col w-1/2\">\\n        <vs-input size=\"large\" v-validate=\"\\'numeric\\'\" label=\"Must only consist of numbers\" name=\"numeric\" v-model=\"numeric\" class=\"mt-5 w-full\" />\\n        <span class=\"text-danger text-sm\" v-show=\"errors.has(\\'numeric\\')\">' +\n            _vm._s(\"{{ errors.first('numeric') }}\") +\n            '</span>\\n      </div>\\n\\n      <!-- Only alphabetic characters or spaces -->\\n      <div class=\"vx-col w-1/2\">\\n        <vs-input size=\"large\" v-validate=\"\\'alpha_spaces\\'\" label=\"Only alphabetic characters or spaces\" name=\"alpha_spaces\" v-model=\"alpha_spaces\" class=\"mt-5 w-full\" />\\n        <span class=\"text-danger text-sm\" v-show=\"errors.has(\\'alpha_spaces\\')\">' +\n            _vm._s(\"{{ errors.first('alpha_spaces') }}\") +\n            '</span>\\n      </div>\\n\\n      <!-- Must be a valid email -->\\n      <div class=\"vx-col w-1/2\">\\n        <vs-input size=\"large\" v-validate=\"\\'email\\'\" label=\"Must be a valid email\" name=\"email\" v-model=\"email\" class=\"mt-5 w-full\" />\\n        <span class=\"text-danger text-sm\" v-show=\"errors.has(\\'email\\')\">' +\n            _vm._s(\"{{ errors.first('email') }}\") +\n            '</span>\\n      </div>\\n\\n      <!-- Must be a valid url -->\\n      <div class=\"vx-col w-1/2\">\\n        <vs-input size=\"large\" v-validate=\"\\'url:require_protocol\\'\" data-vv-as=\"field\" label=\"Must be a valid url\" name=\"url\" v-model=\"url\" class=\"mt-5 w-full\" />\\n        <span class=\"text-danger text-sm\" v-show=\"errors.has(\\'url\\')\">' +\n            _vm._s(\"{{ errors.first('url') }}\") +\n            '</span>\\n      </div>\\n\\n      <!-- Length should not be less than the specified length : 3 -->\\n      <div class=\"vx-col w-1/2\">\\n        <vs-input size=\"large\" v-validate=\"\\'min:3\\'\" label=\"Length should not be less than the specified length : 3\" name=\"min\" v-model=\"min\" class=\"mt-5 w-full\" />\\n        <span class=\"text-danger text-sm\" v-show=\"errors.has(\\'min\\')\">' +\n            _vm._s(\"{{ errors.first('min') }}\") +\n            '</span>\\n      </div>\\n\\n      <!-- Length may not exceed the specified length : 6 -->\\n      <div class=\"vx-col w-1/2\">\\n        <vs-input size=\"large\" v-validate=\"\\'max:6\\'\" label=\"Length may not exceed the specified length : 6\" name=\"max\" v-model=\"max\" class=\"mt-5 w-full\" />\\n        <span class=\"text-danger text-sm\" v-show=\"errors.has(\\'max\\')\">' +\n            _vm._s(\"{{ errors.first('max') }}\") +\n            '</span>\\n      </div>\\n\\n      <!-- Password 1 -->\\n      <div class=\"vx-col w-1/2\">\\n        <vs-input type=\"password\" size=\"large\" v-validate=\"\\'min:6|max:10\\'\" label=\"Password 1\" name=\"password\" v-model=\"password\" class=\"mt-5 w-full\" />\\n        <span class=\"text-danger text-sm\" v-show=\"errors.has(\\'password\\')\">' +\n            _vm._s(\"{{ errors.first('password') }}\") +\n            '</span>\\n      </div>\\n\\n      <!-- Confirm Password -->\\n      <div class=\"vx-col w-1/2\">\\n        <vs-input size=\"large\" v-validate=\"\\'min:6|max:10|confirmed:password\\'\" label=\"Confirm Password\" name=\"confirm_password\" v-model=\"confirm_password\" class=\"mt-5 w-full\" data-vv-as=\"password\" />\\n        <span class=\"text-danger text-sm\" v-show=\"errors.has(\\'confirm_password\\')\">' +\n            _vm._s(\"{{ errors.first('confirm_password') }}\") +\n            '</span>\\n      </div>\\n\\n      <!-- Date Format: dd/MM/yyyy -->\\n      <div class=\"vx-col w-1/2\">\\n        <vs-input size=\"large\" v-validate=\"\\'date_format:dd/MM/yyyy\\'\" label=\"Date Format: dd/MM/yyyy\" name=\"date_format\" v-model=\"date_format\" class=\"mt-5 w-full\" />\\n        <span class=\"text-danger text-sm\" v-show=\"errors.has(\\'date_format\\')\">' +\n            _vm._s(\"{{ errors.first('date_format') }}\") +\n            '</span>\\n      </div>\\n\\n      <!-- Numeric value between minimum value and a maximum value : 1 and 11 -->\\n      <div class=\"vx-col w-1/2\">\\n        <vs-input size=\"large\" v-validate=\"\\'between:1,11\\'\" label=\"Numeric value between minimum value and a maximum value : 1 and 11\" name=\"between\" v-model=\"between\" class=\"mt-5 w-full\" />\\n        <span class=\"text-danger text-sm\" v-show=\"errors.has(\\'between\\')\">' +\n            _vm._s(\"{{ errors.first('between') }}\") +\n            '</span>\\n      </div>\\n\\n      <!-- Valid credit card -->\\n      <div class=\"vx-col w-1/2\">\\n        <vs-input size=\"large\" v-validate=\"\\'credit_card\\'\" label=\"Valid credit card\" name=\"credit_card\" v-model=\"credit_card\" class=\"mt-5 w-full\" />\\n        <span class=\"text-danger text-sm\" v-show=\"errors.has(\\'credit_card\\')\">' +\n            _vm._s(\"{{ errors.first('credit_card') }}\") +\n            '</span>\\n      </div>\\n\\n      <!-- Must be a valid date between the two dates specified : 10/09/2016 - 20/09/2016 -->\\n      <div class=\"vx-col w-1/2\">\\n        <vs-input size=\"large\" v-validate=\"\\'date_format:dd/MM/yyyy|date_between:10/09/2016,20/09/2016\\'\" label=\"Must be a valid date between the two dates specified : 10/09/2016 - 20/09/2016\" name=\"date_between\" v-model=\"date_between\" class=\"mt-5 w-full\" />\\n        <span class=\"text-danger text-sm\" v-show=\"errors.has(\\'date_between\\')\">' +\n            _vm._s(\"{{ errors.first('date_between') }}\") +\n            '</span>\\n      </div>\\n\\n      <!-- Must be numeric and have the specified number of digits : 3 -->\\n      <div class=\"vx-col w-1/2\">\\n        <vs-input size=\"large\" v-validate=\"\\'digits:3\\'\" label=\"Must be numeric and have the specified number of digits : 3\" name=\"digits\" v-model=\"digits\" class=\"mt-5 w-full\" />\\n        <span class=\"text-danger text-sm\" v-show=\"errors.has(\\'digits\\')\">' +\n            _vm._s(\"{{ errors.first('digits') }}\") +\n            '</span>\\n      </div>\\n\\n      <!-- Must have a value that is in the specified list : 1 or 3 -->\\n      <div class=\"vx-col w-1/2\">\\n        <vs-select v-validate=\"\\'included:1,3\\'\" v-model=\"select1\" name=\"included\" label=\"Must have a value that is in the specified list : 1 or 3\" class=\"select-large mt-5 w-full\">\\n          <vs-select-item :key=\"index\" :value=\"item.value\" :text=\"item.text\" v-for=\"(item,index) in options1\" />\\n        </vs-select>\\n        <span class=\"text-danger text-sm\" v-show=\"errors.has(\\'included\\')\">' +\n            _vm._s(\"{{ errors.first('included') }}\") +\n            '</span>\\n      </div>\\n\\n      <!-- Numeric value and must not be greater than the specified value : 100 -->\\n      <div class=\"vx-col w-1/2\">\\n        <vs-input size=\"large\" v-validate=\"\\'max_value:100\\'\" label=\"Numeric value and must not be greater than the specified value : 100\" name=\"max_value\" v-model=\"max_value\" class=\"mt-5 w-full\" />\\n        <span class=\"text-danger text-sm\" v-show=\"errors.has(\\'max_value\\')\">' +\n            _vm._s(\"{{ errors.first('max_value') }}\") +\n            '</span>\\n      </div>\\n\\n      <!-- Numeric value and must not be less than the specified value : 10 -->\\n      <div class=\"vx-col w-1/2\">\\n        <vs-input size=\"large\" v-validate=\"\\'min_value:10\\'\" label=\"Numeric value and must not be less than the specified value : 10\" name=\"min_value\" v-model=\"min_value\" class=\"mt-5 w-full\" />\\n        <span class=\"text-danger text-sm\" v-show=\"errors.has(\\'min_value\\')\">' +\n            _vm._s(\"{{ errors.first('min_value') }}\") +\n            '</span>\\n      </div>\\n\\n      <!-- Must match the specified regular expression : ^([0-9]+)$ - numbers only -->\\n      <div class=\"vx-col w-full\">\\n        <vs-input size=\"large\" v-validate=\"{regex: \\'^([0-9]+)$\\' }\" label=\"Must match the specified regular expression : ^([0-9]+)$ - numbers only\" name=\"regex\" v-model=\"regex\" class=\"mt-5 w-full\" />\\n        <span class=\"text-danger text-sm\" v-show=\"errors.has(\\'regex\\')\">' +\n            _vm._s(\"{{ errors.first('regex') }}\") +\n            '</span>\\n      </div>\\n    </div>\\n    <vs-button type=\"filled\" @click.prevent=\"submitForm\" class=\"mt-5 block\">Submit</vs-button>\\n  </form>\\n</template>\\n\\n<script>\\nexport default {\\n  data() {\\n    return {\\n      required: \"\",\\n      alpha: \"\",\\n      alpha_dash: \"\",\\n      alpha_num: \"\",\\n      numeric: \"\",\\n      alpha_spaces: \"\",\\n      email: \"\",\\n      url: \"\",\\n      min: \"\",\\n      max: \"\",\\n      password: \"\",\\n      confirm_password: \"\",\\n      date_format: \"\",\\n      between: \"\",\\n      credit_card: \"\",\\n      date_between: \"\",\\n      digits: \"\",\\n      select1: \"\",\\n      options1: [\\n        { text: \"One\", value: 1 },\\n        { text: \"Two\", value: 2 },\\n        { text: \"Three\", value: 3 },\\n        { text: \"Four\", value: 4 },\\n        { text: \"Five\", value: 5 },\\n      ],\\n      max_value: \"\",\\n      min_value: \"\",\\n      regex: \"\",\\n    }\\n  },\\n  methods: {\\n    submitForm() {\\n      this.$validator.validateAll().then(result => {\\n        if (result) {\\n          // if form have no errors\\n          alert(\"form submitted!\");\\n        } else {\\n          // form have errors\\n        }\\n      })\\n    }\\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 \"./FormValidation.vue?vue&type=template&id=66e7bdf8&\"\nimport script from \"./FormValidation.vue?vue&type=script&lang=js&\"\nexport * from \"./FormValidation.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('66e7bdf8')) {\n      api.createRecord('66e7bdf8', component.options)\n    } else {\n      api.reload('66e7bdf8', component.options)\n    }\n    module.hot.accept(\"./FormValidation.vue?vue&type=template&id=66e7bdf8&\", function () {\n      api.rerender('66e7bdf8', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/forms/form-validation/FormValidation.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!./FormValidation.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!./FormValidation.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!./FormValidation.vue?vue&type=template&id=66e7bdf8&\"","import { render, staticRenderFns } from \"./FormValidationCustomErrorMessages.vue?vue&type=template&id=6b04868f&\"\nimport script from \"./FormValidationCustomErrorMessages.vue?vue&type=script&lang=js&\"\nexport * from \"./FormValidationCustomErrorMessages.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('6b04868f')) {\n      api.createRecord('6b04868f', component.options)\n    } else {\n      api.reload('6b04868f', component.options)\n    }\n    module.hot.accept(\"./FormValidationCustomErrorMessages.vue?vue&type=template&id=6b04868f&\", function () {\n      api.rerender('6b04868f', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/forms/form-validation/FormValidationCustomErrorMessages.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!./FormValidationCustomErrorMessages.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!./FormValidationCustomErrorMessages.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!./FormValidationCustomErrorMessages.vue?vue&type=template&id=6b04868f&\"","import { render, staticRenderFns } from \"./FormValidationEvents.vue?vue&type=template&id=5c77ae86&\"\nimport script from \"./FormValidationEvents.vue?vue&type=script&lang=js&\"\nexport * from \"./FormValidationEvents.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('5c77ae86')) {\n      api.createRecord('5c77ae86', component.options)\n    } else {\n      api.reload('5c77ae86', component.options)\n    }\n    module.hot.accept(\"./FormValidationEvents.vue?vue&type=template&id=5c77ae86&\", function () {\n      api.rerender('5c77ae86', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/forms/form-validation/FormValidationEvents.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!./FormValidationEvents.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!./FormValidationEvents.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!./FormValidationEvents.vue?vue&type=template&id=5c77ae86&\"","import { render, staticRenderFns } from \"./FormValidationMultipleRules.vue?vue&type=template&id=6a5694d3&\"\nimport script from \"./FormValidationMultipleRules.vue?vue&type=script&lang=js&\"\nexport * from \"./FormValidationMultipleRules.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('6a5694d3')) {\n      api.createRecord('6a5694d3', component.options)\n    } else {\n      api.reload('6a5694d3', component.options)\n    }\n    module.hot.accept(\"./FormValidationMultipleRules.vue?vue&type=template&id=6a5694d3&\", function () {\n      api.rerender('6a5694d3', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/forms/form-validation/FormValidationMultipleRules.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!./FormValidationMultipleRules.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!./FormValidationMultipleRules.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!./FormValidationMultipleRules.vue?vue&type=template&id=6a5694d3&\"","import { render, staticRenderFns } from \"./FormValidationSimple.vue?vue&type=template&id=40b884d6&\"\nimport script from \"./FormValidationSimple.vue?vue&type=script&lang=js&\"\nexport * from \"./FormValidationSimple.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('40b884d6')) {\n      api.createRecord('40b884d6', component.options)\n    } else {\n      api.reload('40b884d6', component.options)\n    }\n    module.hot.accept(\"./FormValidationSimple.vue?vue&type=template&id=40b884d6&\", function () {\n      api.rerender('40b884d6', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/forms/form-validation/FormValidationSimple.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!./FormValidationSimple.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!./FormValidationSimple.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!./FormValidationSimple.vue?vue&type=template&id=40b884d6&\"","import { render, staticRenderFns } from \"./FormValidationTypes.vue?vue&type=template&id=8d2808f6&\"\nimport script from \"./FormValidationTypes.vue?vue&type=script&lang=js&\"\nexport * from \"./FormValidationTypes.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('8d2808f6')) {\n      api.createRecord('8d2808f6', component.options)\n    } else {\n      api.reload('8d2808f6', component.options)\n    }\n    module.hot.accept(\"./FormValidationTypes.vue?vue&type=template&id=8d2808f6&\", function () {\n      api.rerender('8d2808f6', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/forms/form-validation/FormValidationTypes.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!./FormValidationTypes.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!./FormValidationTypes.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!./FormValidationTypes.vue?vue&type=template&id=8d2808f6&\""],"mappings":";;;;;;;;;;AA6BA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;ACwCA;AAAA;AAAA;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;AAEA;AACA;AACA;AACA;;;;;;;;;;;;ACtDA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEA;AACA;AACA;AACA;;;;;;;;;;;;AC2BA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEA;AACA;AACA;AACA;;;;;;;;;;;;ACnEA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEA;AACA;AACA;AACA;;;;;;;;;;;;AC0OA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;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;AACA;AAAA;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AAEA;AACA;AACA;AACA;;;;;;;;;;;;AC7WA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAKA;AAAA;AAGA;AAAA;AAGA;AACA;AAMA;AAAA;AACA;AAAA;AAQA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AAIA;AACA;AACA;AACA;AACA;AACA;AASA;AACA;AACA;AACA;AACA;AACA;AAIA;AAEA;;;;;;;;;;;;;AClEA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAOA;AAAA;AAKA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAIA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AAIA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAIA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AAMA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAOA;AAAA;AAYA;AACA;AACA;;;;;;;;;;;;;ACpHA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAGA;AACA;AACA;AACA;AACA;AAMA;AAAA;AAKA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAIA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AAIA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAIA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AAMA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAOA;AAAA;AAYA;AACA;AACA;;;;;;;;;;;;;;;;;;;AChIA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AASA;AACA;AACA;AACA;AACA;AACA;AAIA;AAAA;AAIA;AAAA;AAGA;AAAA;AAGA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAIA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AAQA;AAAA;AAGA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAIA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AAQA;AAAA;AAGA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAIA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AAQA;AAAA;AAGA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAIA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AAQA;AAAA;AAGA;AAEA;AACA;AACA;AACA;AAEA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAIA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AAUA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAOA;AAAA;AAkBA;AACA;AACA;;;;;;;;;;;;;AC3RA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAOA;AAAA;AAKA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAIA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AAIA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAIA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AAMA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAOA;AAAA;AAYA;AACA;AACA;;;;;;;;;;;;;ACpHA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AAEA;AAAA;AAAA;AAAA;AAAA;AAOA;AAAA;AAIA;AAAA;AAGA;AAAA;AAGA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAIA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AAQA;AAAA;AAGA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAIA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AAQA;AAAA;AAGA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAIA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AAQA;AAAA;AAGA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAIA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AAQA;AAAA;AAGA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAIA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AAQA;AAAA;AAGA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAIA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AAQA;AAAA;AAGA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAIA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AAQA;AAAA;AAGA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAIA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AAQA;AAAA;AAGA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAIA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AAQA;AAAA;AAGA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAIA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AAQA;AAAA;AAGA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAIA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AAQA;AAAA;AAGA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAIA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AAQA;AAAA;AAGA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAIA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AAQA;AAAA;AAGA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAIA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AAQA;AAAA;AAGA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAIA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AAQA;AAAA;AAGA;AAEA;AACA;AACA;AAEA;AAEA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAIA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AAQA;AAAA;AAGA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAIA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AAQA;AAAA;AAKA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAAA;AAAA;AAAA;AACA;AACA;AAMA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AAQA;AAAA;AAGA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAIA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AAQA;AAAA;AAGA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAIA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AAQA;AAAA;AAGA;AAEA;AACA;AACA;AAAA;AAAA;AACA;AACA;AAEA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAIA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AAUA;AACA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAOA;AAAA;AAkDA;AACA;AACA;;;;;;;;;;;;;ACxgCA;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;;;;;;;;;;;;;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":""}