{"version":3,"sources":["webpack:///./src/views/forms/form-elements/input/Input.vue?a631","webpack:///./src/views/forms/form-elements/input/InputDefault.vue?c10c","webpack:///src/views/forms/form-elements/input/InputDefault.vue","webpack:///./src/views/forms/form-elements/input/InputDefault.vue?0034","webpack:///./src/views/forms/form-elements/input/InputDefault.vue","webpack:///./src/views/forms/form-elements/input/InputLabel.vue?5181","webpack:///src/views/forms/form-elements/input/InputLabel.vue","webpack:///./src/views/forms/form-elements/input/InputLabel.vue?499c","webpack:///./src/views/forms/form-elements/input/InputLabel.vue","webpack:///./src/views/forms/form-elements/input/InputLabelPlaceholder.vue?70cc","webpack:///src/views/forms/form-elements/input/InputLabelPlaceholder.vue","webpack:///./src/views/forms/form-elements/input/InputLabelPlaceholder.vue?65d6","webpack:///./src/views/forms/form-elements/input/InputLabelPlaceholder.vue","webpack:///./src/views/forms/form-elements/input/InputIcon.vue?bbfa","webpack:///src/views/forms/form-elements/input/InputIcon.vue","webpack:///./src/views/forms/form-elements/input/InputIcon.vue?feb1","webpack:///./src/views/forms/form-elements/input/InputIcon.vue","webpack:///./src/views/forms/form-elements/input/InputColor.vue?2436","webpack:///src/views/forms/form-elements/input/InputColor.vue","webpack:///./src/views/forms/form-elements/input/InputColor.vue?bfa8","webpack:///./src/views/forms/form-elements/input/InputColor.vue","webpack:///./src/views/forms/form-elements/input/InputValidation.vue?8e5e","webpack:///src/views/forms/form-elements/input/InputValidation.vue","webpack:///./src/views/forms/form-elements/input/InputValidation.vue?738d","webpack:///./src/views/forms/form-elements/input/InputValidation.vue","webpack:///./src/views/forms/form-elements/input/InputSize.vue?38f4","webpack:///src/views/forms/form-elements/input/InputSize.vue","webpack:///./src/views/forms/form-elements/input/InputSize.vue?975a","webpack:///./src/views/forms/form-elements/input/InputSize.vue","webpack:///src/views/forms/form-elements/input/Input.vue","webpack:///./src/views/forms/form-elements/input/Input.vue?9ba0","webpack:///./src/views/forms/form-elements/input/Input.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","id","staticRenderFns","InputDefaultvue_type_template_id_354c3aa5_render","title","code-toggler","_v","staticClass","placeholder","model","value","callback","$$v","value1","expression","disabled","value2","slot","InputDefaultvue_type_template_id_354c3aa5_staticRenderFns","InputDefaultvue_type_script_lang_js_","data","input_InputDefaultvue_type_script_lang_js_","component","Object","componentNormalizer","InputDefault","InputLabelvue_type_template_id_a2987404_render","label","type","InputLabelvue_type_template_id_a2987404_staticRenderFns","InputLabelvue_type_script_lang_js_","input_InputLabelvue_type_script_lang_js_","InputLabel_component","InputLabel","InputLabelPlaceholdervue_type_template_id_558e2583_render","label-placeholder","InputLabelPlaceholdervue_type_template_id_558e2583_staticRenderFns","InputLabelPlaceholdervue_type_script_lang_js_","input_InputLabelPlaceholdervue_type_script_lang_js_","InputLabelPlaceholder_component","InputLabelPlaceholder","InputIconvue_type_template_id_c4707a36_render","color","icon","active","href","target","icon-pack","icon-after","vs-placeholder","value3","vs-icon-after","value4","value5","icon-no-border","value6","InputIconvue_type_template_id_c4707a36_staticRenderFns","InputIconvue_type_script_lang_js_","value7","value8","input_InputIconvue_type_script_lang_js_","InputIcon_component","InputIcon","InputColorvue_type_template_id_07da6356_render","to","InputColorvue_type_template_id_07da6356_staticRenderFns","InputColorvue_type_script_lang_js_","input_InputColorvue_type_script_lang_js_","InputColor_component","InputColor","InputValidationvue_type_template_id_69117f54_render","success","success-text","val-icon-success","danger","danger-text","val-icon-danger","warning","warning-text","val-icon-warning","description-text","InputValidationvue_type_template_id_69117f54_staticRenderFns","InputValidationvue_type_script_lang_js_","input_InputValidationvue_type_script_lang_js_","InputValidation_component","InputValidation","InputSizevue_type_template_id_0a1af56b_render","size","InputSizevue_type_template_id_0a1af56b_staticRenderFns","InputSizevue_type_script_lang_js_","input_InputSizevue_type_script_lang_js_","InputSize_component","InputSize","Inputvue_type_script_lang_js_","components","input_Inputvue_type_script_lang_js_","Input_component","__webpack_exports__"],"mappings":"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","file":"js/chunk-2d0b2f18.a0178f3d.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"form-element-input-demo\"}},[_c('input-default'),_c('input-label'),_c('input-label-placeholder'),_c('input-icon'),_c('input-color'),_c('input-validation'),_c('input-size')],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vx-card',{attrs:{\"title\":\"Default\",\"code-toggler\":\"\"}},[_c('span',[_vm._v(\"The input is a functional part in an application, For implementing it we have the \"),_c('code',[_vm._v(\"vs-input\")]),_vm._v(\" component.\")]),_c('div',{staticClass:\"demo-alignment\"},[_c('vs-input',{staticClass:\"inputx\",attrs:{\"placeholder\":\"Placeholder\"},model:{value:(_vm.value1),callback:function ($$v) {_vm.value1=$$v},expression:\"value1\"}}),_c('vs-input',{staticClass:\"inputx\",attrs:{\"disabled\":\"\",\"placeholder\":\"Disabled\"},model:{value:(_vm.value2),callback:function ($$v) {_vm.value2=$$v},expression:\"value2\"}})],1),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template lang=\\\"html\\\">\\n  <div class=\\\"centerx default-input\\\">\\n    <vs-input class=\\\"inputx\\\" placeholder=\\\"Placeholder\\\" v-model=\\\"value1\\\" />\\n    <vs-input disabled class=\\\"inputx\\\" placeholder=\\\"Disabled\\\" v-model=\\\"value2\\\" />\\n  </div>\\n</template>\\n\\n<script>\\nexport default {\\n  data() {\\n    return {\\n      value1: '',\\n      value2: ''\\n    }\\n  }\\n}\\n</script>\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\r\n    File Name: InputDefault.vue\r\n    Description: Default input using vs-input\r\n    ----------------------------------------------------------------------------------------\r\n    Item Name: Vuesax Admin - VueJS Dashboard Admin Template\r\n      Author: Pixinvent\r\n    Author URL: http://www.themeforest.net/user/pixinvent\r\n========================================================================================== -->\r\n\r\n\r\n<template>\r\n    <vx-card title=\"Default\" code-toggler>\r\n\r\n        <span>The input is a functional part in an application, For implementing it we have the <code>vs-input</code> component.</span>\r\n\r\n        <div class=\"demo-alignment\">\r\n            <vs-input class=\"inputx\" placeholder=\"Placeholder\" v-model=\"value1\" />\r\n            <vs-input disabled class=\"inputx\" placeholder=\"Disabled\" v-model=\"value2\" />\r\n        </div>\r\n\r\n        <template slot=\"codeContainer\">\r\n&lt;template lang=&quot;html&quot;&gt;\r\n  &lt;div class=&quot;centerx default-input&quot;&gt;\r\n    &lt;vs-input class=&quot;inputx&quot; placeholder=&quot;Placeholder&quot; v-model=&quot;value1&quot; /&gt;\r\n    &lt;vs-input disabled class=&quot;inputx&quot; placeholder=&quot;Disabled&quot; v-model=&quot;value2&quot; /&gt;\r\n  &lt;/div&gt;\r\n&lt;/template&gt;\r\n\r\n&lt;script&gt;\r\nexport default {\r\n  data() {\r\n    return {\r\n      value1: &apos;&apos;,\r\n      value2: &apos;&apos;\r\n    }\r\n  }\r\n}\r\n&lt;/script&gt;\r\n        </template>\r\n    </vx-card>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    data() {\r\n        return {\r\n            value1: '',\r\n            value2: '',\r\n        }\r\n    }\r\n}\r\n</script>","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InputDefault.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InputDefault.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./InputDefault.vue?vue&type=template&id=354c3aa5&\"\nimport script from \"./InputDefault.vue?vue&type=script&lang=js&\"\nexport * from \"./InputDefault.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\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vx-card',{attrs:{\"title\":\"Label\",\"code-toggler\":\"\"}},[_c('span',[_vm._v(\"Add a label to the input with the property \"),_c('code',[_vm._v(\"label\")])]),_c('div',{staticClass:\"demo-alignment\"},[_c('vs-input',{attrs:{\"label\":\"Name\",\"placeholder\":\"Your Name\"},model:{value:(_vm.value1),callback:function ($$v) {_vm.value1=$$v},expression:\"value1\"}}),_c('vs-input',{attrs:{\"type\":\"password\",\"label\":\"Password\",\"placeholder\":\"Your Password\"},model:{value:(_vm.value2),callback:function ($$v) {_vm.value2=$$v},expression:\"value2\"}})],1),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template>\\n    <div class=\\\"centerx labelx\\\">\\n      <vs-input label=\\\"Name\\\" placeholder=\\\"Your Name\\\" v-model=\\\"value1\\\"/>\\n      <vs-input type=\\\"password\\\" label=\\\"Password\\\" placeholder=\\\"Your Password\\\" v-model=\\\"value2\\\"/>\\n    </div>\\n</template>\\n\\n<script>\\nexport default {\\n  data(){\\n    return {\\n      value1:'',\\n      value2:''\\n    }\\n  }\\n}\\n</script>\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\r\n    File Name: InputLabel.vue\r\n    Description: Give label to inputs using label prop\r\n    ----------------------------------------------------------------------------------------\r\n    Item Name: Vuesax Admin - VueJS Dashboard Admin Template\r\n      Author: Pixinvent\r\n    Author URL: http://www.themeforest.net/user/pixinvent\r\n========================================================================================== -->\r\n\r\n\r\n<template>\r\n    <vx-card title=\"Label\" code-toggler>\r\n\r\n        <span>Add a label to the input with the property <code>label</code></span>\r\n\r\n        <div class=\"demo-alignment\">\r\n            <vs-input label=\"Name\" placeholder=\"Your Name\" v-model=\"value1\" />\r\n            <vs-input type=\"password\" label=\"Password\" placeholder=\"Your Password\" v-model=\"value2\" />\r\n        </div>\r\n\r\n        <template slot=\"codeContainer\">\r\n&lt;template&gt;\r\n    &lt;div class=&quot;centerx labelx&quot;&gt;\r\n      &lt;vs-input label=&quot;Name&quot; placeholder=&quot;Your Name&quot; v-model=&quot;value1&quot;/&gt;\r\n      &lt;vs-input type=&quot;password&quot; label=&quot;Password&quot; placeholder=&quot;Your Password&quot; v-model=&quot;value2&quot;/&gt;\r\n    &lt;/div&gt;\r\n&lt;/template&gt;\r\n\r\n&lt;script&gt;\r\nexport default {\r\n  data(){\r\n    return {\r\n      value1:&apos;&apos;,\r\n      value2:&apos;&apos;\r\n    }\r\n  }\r\n}\r\n&lt;/script&gt;\r\n        </template>\r\n    </vx-card>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    data() {\r\n        return {\r\n            value1: '',\r\n            value2: ''\r\n        }\r\n    }\r\n}\r\n</script>","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InputLabel.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InputLabel.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./InputLabel.vue?vue&type=template&id=a2987404&\"\nimport script from \"./InputLabel.vue?vue&type=script&lang=js&\"\nexport * from \"./InputLabel.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\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vx-card',{attrs:{\"title\":\"Label Placeholder\",\"code-toggler\":\"\"}},[_c('span',[_vm._v(\"The placeholder can become a label when the input is focused. Use the property \"),_c('code',[_vm._v(\"label-placeholder\")]),_vm._v(\" for making this.\")]),_c('div',{staticClass:\"demo-alignment\"},[_c('vs-input',{attrs:{\"label-placeholder\":\"Label-placeholder\"},model:{value:(_vm.value1),callback:function ($$v) {_vm.value1=$$v},expression:\"value1\"}}),_c('vs-input',{attrs:{\"disabled\":\"true\",\"label-placeholder\":\"Label-placeholder-disabled\"},model:{value:(_vm.value2),callback:function ($$v) {_vm.value2=$$v},expression:\"value2\"}})],1),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template lang=\\\"html\\\">\\n  <div class=\\\"centerx\\\">\\n    <vs-input label-placeholder=\\\"Label-placeholder\\\" v-model=\\\"value1\\\"/>\\n    <vs-input disabled=\\\"true\\\" label-placeholder=\\\"Label-placeholder-disabled\\\" v-model=\\\"value2\\\"/>\\n  </div>\\n</template>\\n\\n<script>\\nexport default {\\n  data(){\\n    return {\\n      value1:'',\\n      value2:''\\n    }\\n  }\\n}\\n</script>\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\r\n    File Name: InputLabelPlaceholder.vue\r\n    Description: Add placeholder to input\r\n    ----------------------------------------------------------------------------------------\r\n    Item Name: Vuesax Admin - VueJS Dashboard Admin Template\r\n      Author: Pixinvent\r\n    Author URL: http://www.themeforest.net/user/pixinvent\r\n========================================================================================== -->\r\n\r\n\r\n<template>\r\n    <vx-card title=\"Label Placeholder\" code-toggler>\r\n\r\n        <span>The placeholder can become a label when the input is focused. Use the property <code>label-placeholder</code> for making this.</span>\r\n\r\n        <div class=\"demo-alignment\">\r\n            <vs-input label-placeholder=\"Label-placeholder\" v-model=\"value1\" />\r\n            <vs-input disabled=\"true\" label-placeholder=\"Label-placeholder-disabled\" v-model=\"value2\" />\r\n        </div>\r\n\r\n        <template slot=\"codeContainer\">\r\n&lt;template lang=&quot;html&quot;&gt;\r\n  &lt;div class=&quot;centerx&quot;&gt;\r\n    &lt;vs-input label-placeholder=&quot;Label-placeholder&quot; v-model=&quot;value1&quot;/&gt;\r\n    &lt;vs-input disabled=&quot;true&quot; label-placeholder=&quot;Label-placeholder-disabled&quot; v-model=&quot;value2&quot;/&gt;\r\n  &lt;/div&gt;\r\n&lt;/template&gt;\r\n\r\n&lt;script&gt;\r\nexport default {\r\n  data(){\r\n    return {\r\n      value1:&apos;&apos;,\r\n      value2:&apos;&apos;\r\n    }\r\n  }\r\n}\r\n&lt;/script&gt;\r\n        </template>\r\n    </vx-card>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    data() {\r\n        return {\r\n            value1: '',\r\n            value2: ''\r\n        }\r\n    }\r\n}\r\n</script>","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InputLabelPlaceholder.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InputLabelPlaceholder.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./InputLabelPlaceholder.vue?vue&type=template&id=558e2583&\"\nimport script from \"./InputLabelPlaceholder.vue?vue&type=script&lang=js&\"\nexport * from \"./InputLabelPlaceholder.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\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vx-card',{attrs:{\"title\":\"Icon\",\"code-toggler\":\"\"}},[_c('span',[_vm._v(\"The input can have icons. Use the property \"),_c('code',[_vm._v(\"vs-icon\")]),_vm._v(\". You can also also manipulate the icon's position with the property \"),_c('code',[_vm._v(\"vs-icon-after\")])]),_c('vs-alert',{staticClass:\"mt-5\",attrs:{\"color\":\"primary\",\"icon\":\"new_releases\",\"active\":\"true\"}},[_c('span',[_vm._v(\"Vuesax uses the \"),_c('strong',[_vm._v(\"Google Material Icons\")]),_vm._v(\" font library. For a list of all available icons, visit the official \"),_c('a',{attrs:{\"href\":\"https://material.io/icons/\",\"target\":\"_blank\"}},[_vm._v(\"Material Icons page.\")])])]),_c('vs-alert',{staticClass:\"mt-5\",attrs:{\"color\":\"primary\",\"icon\":\"new_releases\",\"active\":\"true\"}},[_c('span',[_vm._v(\"FontAwesome and other fonts library are supported. Simply use the \"),_c('code',[_vm._v(\"vs-icon-pack\")]),_vm._v(\" with \"),_c('code',[_vm._v(\"fa\")]),_vm._v(\" or \"),_c('code',[_vm._v(\"fas\")]),_vm._v(\". You still need to include the Font Awesome icons in your project.\")])]),_c('br'),_c('div',{staticClass:\"demo-alignment\"},[_c('vs-input',{staticClass:\"is-label-placeholder\",attrs:{\"icon-pack\":\"feather\",\"icon\":\"icon-search\",\"label-placeholder\":\"Search\"},model:{value:(_vm.value1),callback:function ($$v) {_vm.value1=$$v},expression:\"value1\"}}),_c('vs-input',{attrs:{\"icon-pack\":\"feather\",\"icon\":\"icon-edit-2\",\"icon-after\":\"true\",\"label-placeholder\":\"icon-after\",\"vs-placeholder\":\"Nombre\"},model:{value:(_vm.value2),callback:function ($$v) {_vm.value2=$$v},expression:\"value2\"}}),_c('vs-input',{attrs:{\"icon-pack\":\"feather\",\"icon\":\"icon-plus\",\"label-placeholder\":\"Label-placeholder\"},model:{value:(_vm.value3),callback:function ($$v) {_vm.value3=$$v},expression:\"value3\"}}),_c('vs-input',{attrs:{\"icon-pack\":\"feather\",\"icon\":\"icon-shopping-cart\",\"vs-icon-after\":\"true\",\"label-placeholder\":\"Label-placeholder\"},model:{value:(_vm.value4),callback:function ($$v) {_vm.value4=$$v},expression:\"value4\"}}),_c('vs-input',{attrs:{\"icon-pack\":\"feather\",\"icon\":\"icon-alert-circle\",\"label-placeholder\":\"icon-disabled\",\"disabled\":\"true\"},model:{value:(_vm.value5),callback:function ($$v) {_vm.value5=$$v},expression:\"value5\"}}),_c('vs-input',{attrs:{\"icon-pack\":\"feather\",\"icon\":\"icon-mail\",\"label-placeholder\":\"icon-no-border\",\"icon-no-border\":\"\"},model:{value:(_vm.value6),callback:function ($$v) {_vm.value6=$$v},expression:\"value6\"}})],1),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template>\\n    <div class=\\\"centerx\\\">\\n        <vs-input icon-pack=\\\"feather\\\" icon=\\\"icon-search\\\" label-placeholder=\\\"Search\\\" v-model=\\\"value1\\\" class=\\\"is-label-placeholder\\\" />\\n        <vs-input icon-pack=\\\"feather\\\" icon=\\\"icon-edit-2\\\" icon-after=\\\"true\\\" label-placeholder=\\\"icon-after\\\" vs-placeholder=\\\"Nombre\\\" v-model=\\\"value2\\\" />\\n        <vs-input icon-pack=\\\"feather\\\" icon=\\\"icon-plus\\\" label-placeholder=\\\"Label-placeholder\\\" v-model=\\\"value3\\\" />\\n        <vs-input icon-pack=\\\"feather\\\" icon=\\\"icon-shopping-cart\\\" vs-icon-after=\\\"true\\\" label-placeholder=\\\"Label-placeholder\\\" v-model=\\\"value4\\\" />\\n        <vs-input icon-pack=\\\"feather\\\" icon=\\\"icon-alert-circle\\\" label-placeholder=\\\"icon-disabled\\\" disabled=\\\"true\\\" v-model=\\\"value5\\\" />\\n        <vs-input icon-pack=\\\"feather\\\" icon=\\\"icon-mail\\\" label-placeholder=\\\"icon-no-border\\\" v-model=\\\"value6\\\" icon-no-border />\\n    </div>\\n</template>\\n\\n<script>\\nexport default {\\n  data(){\\n    return {\\n      value1:'',\\n      value2:'',\\n      value3:'',\\n      value4:'',\\n      value5:'',\\n      value6:'',\\n      value7:'',\\n      value8: ''\\n    }\\n  }\\n}\\n</script>\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\r\n    File Name: InputIcon.vue\r\n    Description: Add icon to input using icon prop\r\n    ----------------------------------------------------------------------------------------\r\n    Item Name: Vuesax Admin - VueJS Dashboard Admin Template\r\n      Author: Pixinvent\r\n    Author URL: http://www.themeforest.net/user/pixinvent\r\n========================================================================================== -->\r\n\r\n\r\n<template>\r\n    <vx-card title=\"Icon\" code-toggler>\r\n\r\n        <span>The input can have icons. Use the property <code>vs-icon</code>. You can also also manipulate the icon's position with the property <code>vs-icon-after</code></span>\r\n\r\n        <vs-alert color=\"primary\" icon=\"new_releases\" active=\"true\" class=\"mt-5\">\r\n            <span>Vuesax uses the <strong>Google Material Icons</strong> font library. For a list of all available icons, visit the official <a href=\"https://material.io/icons/\" target=\"_blank\">Material Icons page.</a></span>\r\n        </vs-alert>\r\n\r\n        <vs-alert color=\"primary\" icon=\"new_releases\" active=\"true\" class=\"mt-5\">\r\n            <span>FontAwesome and other fonts library are supported. Simply use the <code>vs-icon-pack</code> with <code>fa</code> or <code>fas</code>. You still need to include the Font Awesome icons in your project.</span>\r\n        </vs-alert><br>\r\n\r\n        <div class=\"demo-alignment\">\r\n            <vs-input icon-pack=\"feather\" icon=\"icon-search\" label-placeholder=\"Search\" v-model=\"value1\" class=\"is-label-placeholder\" />\r\n            <vs-input icon-pack=\"feather\" icon=\"icon-edit-2\" icon-after=\"true\" label-placeholder=\"icon-after\" vs-placeholder=\"Nombre\" v-model=\"value2\" />\r\n            <vs-input icon-pack=\"feather\" icon=\"icon-plus\" label-placeholder=\"Label-placeholder\" v-model=\"value3\" />\r\n            <vs-input icon-pack=\"feather\" icon=\"icon-shopping-cart\" vs-icon-after=\"true\" label-placeholder=\"Label-placeholder\" v-model=\"value4\" />\r\n            <vs-input icon-pack=\"feather\" icon=\"icon-alert-circle\" label-placeholder=\"icon-disabled\" disabled=\"true\" v-model=\"value5\" />\r\n            <vs-input icon-pack=\"feather\" icon=\"icon-mail\" label-placeholder=\"icon-no-border\" v-model=\"value6\" icon-no-border />\r\n        </div>\r\n\r\n        <template slot=\"codeContainer\">\r\n&lt;template&gt;\r\n    &lt;div class=&quot;centerx&quot;&gt;\r\n        &lt;vs-input icon-pack=&quot;feather&quot; icon=&quot;icon-search&quot; label-placeholder=&quot;Search&quot; v-model=&quot;value1&quot; class=&quot;is-label-placeholder&quot; /&gt;\r\n        &lt;vs-input icon-pack=&quot;feather&quot; icon=&quot;icon-edit-2&quot; icon-after=&quot;true&quot; label-placeholder=&quot;icon-after&quot; vs-placeholder=&quot;Nombre&quot; v-model=&quot;value2&quot; /&gt;\r\n        &lt;vs-input icon-pack=&quot;feather&quot; icon=&quot;icon-plus&quot; label-placeholder=&quot;Label-placeholder&quot; v-model=&quot;value3&quot; /&gt;\r\n        &lt;vs-input icon-pack=&quot;feather&quot; icon=&quot;icon-shopping-cart&quot; vs-icon-after=&quot;true&quot; label-placeholder=&quot;Label-placeholder&quot; v-model=&quot;value4&quot; /&gt;\r\n        &lt;vs-input icon-pack=&quot;feather&quot; icon=&quot;icon-alert-circle&quot; label-placeholder=&quot;icon-disabled&quot; disabled=&quot;true&quot; v-model=&quot;value5&quot; /&gt;\r\n        &lt;vs-input icon-pack=&quot;feather&quot; icon=&quot;icon-mail&quot; label-placeholder=&quot;icon-no-border&quot; v-model=&quot;value6&quot; icon-no-border /&gt;\r\n    &lt;/div&gt;\r\n&lt;/template&gt;\r\n\r\n&lt;script&gt;\r\nexport default {\r\n  data(){\r\n    return {\r\n      value1:&apos;&apos;,\r\n      value2:&apos;&apos;,\r\n      value3:&apos;&apos;,\r\n      value4:&apos;&apos;,\r\n      value5:&apos;&apos;,\r\n      value6:&apos;&apos;,\r\n      value7:&apos;&apos;,\r\n      value8: &apos;&apos;\r\n    }\r\n  }\r\n}\r\n&lt;/script&gt;\r\n        </template>\r\n    </vx-card>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    data() {\r\n        return {\r\n            value1: '',\r\n            value2: '',\r\n            value3: '',\r\n            value4: '',\r\n            value5: '',\r\n            value6: '',\r\n            value7: '',\r\n            value8: ''\r\n        }\r\n    }\r\n}\r\n</script>\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InputIcon.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InputIcon.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./InputIcon.vue?vue&type=template&id=c4707a36&\"\nimport script from \"./InputIcon.vue?vue&type=script&lang=js&\"\nexport * from \"./InputIcon.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\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vx-card',{attrs:{\"title\":\"Color\",\"code-toggler\":\"\"}},[_c('span',[_vm._v(\"You can change the color of the borders when the focus the input with the property \"),_c('code',[_vm._v(\"color\")]),_vm._v(\". You are able to use the \"),_c('router-link',{attrs:{\"to\":\"/colors\"}},[_vm._v(\"Main Colors\")]),_vm._v(\" or \"),_c('strong',[_vm._v(\"strong\")]),_vm._v(\" and \"),_c('strong',[_vm._v(\"HEX\")]),_vm._v(\" colors.\")],1),_c('vs-alert',{staticClass:\"mt-5 mb-3\",attrs:{\"icon\":\"warning\",\"active\":\"true\",\"color\":\"warning\"}},[_c('span',[_vm._v(\"Only \"),_c('strong',[_vm._v(\"RGB\")]),_vm._v(\" and \"),_c('strong',[_vm._v(\"HEX\")]),_vm._v(\" colors are supported.\")])]),_c('div',{staticClass:\"demo-alignment\"},[_c('vs-input',{staticClass:\"mb-2\",attrs:{\"label-placeholder\":\"Default\"},model:{value:(_vm.value1),callback:function ($$v) {_vm.value1=$$v},expression:\"value1\"}}),_c('vs-input',{staticClass:\"mb-2\",attrs:{\"color\":\"success\",\"label-placeholder\":\"Success\"},model:{value:(_vm.value2),callback:function ($$v) {_vm.value2=$$v},expression:\"value2\"}}),_c('vs-input',{staticClass:\"mb-2\",attrs:{\"color\":\"danger\",\"label-placeholder\":\"Danger\"},model:{value:(_vm.value3),callback:function ($$v) {_vm.value3=$$v},expression:\"value3\"}}),_c('vs-input',{staticClass:\"mb-2\",attrs:{\"color\":\"warning\",\"label-placeholder\":\"Warning\"},model:{value:(_vm.value4),callback:function ($$v) {_vm.value4=$$v},expression:\"value4\"}}),_c('vs-input',{attrs:{\"color\":\"dark\",\"label-placeholder\":\"Dark\"},model:{value:(_vm.value5),callback:function ($$v) {_vm.value5=$$v},expression:\"value5\"}}),_c('vs-input',{attrs:{\"color\":\"rgb(213, 14, 151)\",\"label-placeholder\":\"RGB: rgb(213, 14, 151)\"},model:{value:(_vm.value6),callback:function ($$v) {_vm.value6=$$v},expression:\"value6\"}}),_c('vs-input',{attrs:{\"color\":\"#11e988\",\"label-placeholder\":\"HEX: #11e988\"},model:{value:(_vm.value7),callback:function ($$v) {_vm.value7=$$v},expression:\"value7\"}})],1),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n\\n<template>\\n    <div class=\\\"demo-alignment\\\">\\n      <vs-input label-placeholder=\\\"Default\\\" v-model=\\\"value1\\\"/>\\n      <vs-input color=\\\"success\\\" label-placeholder=\\\"Success\\\" v-model=\\\"value2\\\"/>\\n      <vs-input color=\\\"danger\\\" label-placeholder=\\\"Danger\\\" v-model=\\\"value3\\\"/>\\n      <vs-input color=\\\"warning\\\" label-placeholder=\\\"Warning\\\" v-model=\\\"value4\\\"/>\\n      <vs-input color=\\\"dark\\\" label-placeholder=\\\"Dark\\\" v-model=\\\"value5\\\"/>\\n      <vs-input color=\\\"rgb(213, 14, 151)\\\" label-placeholder=\\\"RGB: rgb(213, 14, 151)\\\" v-model=\\\"value6\\\"/>\\n      <vs-input color=\\\"#11e988\\\" label-placeholder=\\\"HEX: #11e988\\\" v-model=\\\"value7\\\"/>\\n    </div>\\n</template>\\n\\n<script>\\nexport default {\\n  data(){\\n    return {\\n      value1:'',\\n      value2:'',\\n      value3:'',\\n      value4:'',\\n      value5:'',\\n      value6:'',\\n      value7:''\\n    }\\n  }\\n}\\n</script>\\n\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\r\n    File Name: InputColor.vue\r\n    Description: Chnage border color of inputs\r\n    ----------------------------------------------------------------------------------------\r\n    Item Name: Vuesax Admin - VueJS Dashboard Admin Template\r\n      Author: Pixinvent\r\n    Author URL: http://www.themeforest.net/user/pixinvent\r\n========================================================================================== -->\r\n\r\n\r\n<template>\r\n    <vx-card title=\"Color\" code-toggler>\r\n\r\n        <span>You can change the color of the borders when the focus the input with the property <code>color</code>. You are able to use the <router-link to=\"/colors\">Main Colors</router-link> or <strong>strong</strong> and <strong>HEX</strong> colors.</span>\r\n\r\n        <vs-alert icon=\"warning\" active=\"true\" color=\"warning\" class=\"mt-5 mb-3\">\r\n            <span>Only <strong>RGB</strong> and <strong>HEX</strong> colors are supported.</span>\r\n        </vs-alert>\r\n\r\n        <div class=\"demo-alignment\">\r\n            <vs-input label-placeholder=\"Default\" v-model=\"value1\" class=\"mb-2\" />\r\n            <vs-input color=\"success\" label-placeholder=\"Success\" v-model=\"value2\" class=\"mb-2\" />\r\n            <vs-input color=\"danger\" label-placeholder=\"Danger\" v-model=\"value3\" class=\"mb-2\" />\r\n            <vs-input color=\"warning\" label-placeholder=\"Warning\" v-model=\"value4\" class=\"mb-2\" />\r\n            <vs-input color=\"dark\" label-placeholder=\"Dark\" v-model=\"value5\" />\r\n            <vs-input color=\"rgb(213, 14, 151)\" label-placeholder=\"RGB: rgb(213, 14, 151)\" v-model=\"value6\" />\r\n            <vs-input color=\"#11e988\" label-placeholder=\"HEX: #11e988\" v-model=\"value7\" />\r\n        </div>\r\n\r\n        <template slot=\"codeContainer\">\r\n\r\n&lt;template&gt;\r\n    &lt;div class=&quot;demo-alignment&quot;&gt;\r\n      &lt;vs-input label-placeholder=&quot;Default&quot; v-model=&quot;value1&quot;/&gt;\r\n      &lt;vs-input color=&quot;success&quot; label-placeholder=&quot;Success&quot; v-model=&quot;value2&quot;/&gt;\r\n      &lt;vs-input color=&quot;danger&quot; label-placeholder=&quot;Danger&quot; v-model=&quot;value3&quot;/&gt;\r\n      &lt;vs-input color=&quot;warning&quot; label-placeholder=&quot;Warning&quot; v-model=&quot;value4&quot;/&gt;\r\n      &lt;vs-input color=&quot;dark&quot; label-placeholder=&quot;Dark&quot; v-model=&quot;value5&quot;/&gt;\r\n      &lt;vs-input color=&quot;rgb(213, 14, 151)&quot; label-placeholder=&quot;RGB: rgb(213, 14, 151)&quot; v-model=&quot;value6&quot;/&gt;\r\n      &lt;vs-input color=&quot;#11e988&quot; label-placeholder=&quot;HEX: #11e988&quot; v-model=&quot;value7&quot;/&gt;\r\n    &lt;/div&gt;\r\n&lt;/template&gt;\r\n\r\n&lt;script&gt;\r\nexport default {\r\n  data(){\r\n    return {\r\n      value1:&apos;&apos;,\r\n      value2:&apos;&apos;,\r\n      value3:&apos;&apos;,\r\n      value4:&apos;&apos;,\r\n      value5:&apos;&apos;,\r\n      value6:&apos;&apos;,\r\n      value7:&apos;&apos;\r\n    }\r\n  }\r\n}\r\n&lt;/script&gt;\r\n\r\n        </template>\r\n    </vx-card>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    data() {\r\n        return {\r\n            value1: '',\r\n            value2: '',\r\n            value3: '',\r\n            value4: '',\r\n            value5: '',\r\n            value6: '',\r\n            value7: ''\r\n        }\r\n    }\r\n}\r\n</script>","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InputColor.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InputColor.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./InputColor.vue?vue&type=template&id=07da6356&\"\nimport script from \"./InputColor.vue?vue&type=script&lang=js&\"\nexport * from \"./InputColor.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\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vx-card',{attrs:{\"title\":\"Validations\",\"code-toggler\":\"\"}},[_c('p',[_vm._v(\"You can add a state for example of in affirmative response to a validation with \"),_c('code',[_vm._v(\"vs-success\")]),_vm._v(\" and if it is necessary to add a description or help to the user you can do it with the property \"),_c('code',[_vm._v(\"vs-description\")])]),_c('p',[_vm._v(\"You can add icon using \"),_c('code',[_vm._v(\"val-icon-{}\")]),_vm._v(\" and value will be icon name\")]),_c('vs-alert',{staticClass:\"mt-5\",attrs:{\"color\":\"primary\",\"icon\":\"new_releases\",\"active\":\"true\"}},[_c('span',[_vm._v(\"Each of the states you can change the text, for example in the case of \"),_c('code',[_vm._v(\"vs-danger-text\")]),_vm._v(\" for the state of danger.\")])]),_c('div',{staticClass:\"demo-alignment\"},[_c('vs-input',{attrs:{\"success\":true,\"success-text\":\"The mail is valid\",\"placeholder\":\"Email Success\",\"val-icon-success\":\"done\"},model:{value:(_vm.value1),callback:function ($$v) {_vm.value1=$$v},expression:\"value1\"}}),_c('vs-input',{attrs:{\"danger\":true,\"danger-text\":\"Wrong password\",\"placeholder\":\"Password Danger\",\"val-icon-danger\":\"clear\"},model:{value:(_vm.value2),callback:function ($$v) {_vm.value2=$$v},expression:\"value2\"}}),_c('vs-input',{attrs:{\"warning\":true,\"warning-text\":\"The your data could not be verified\",\"placeholder\":\"Date Warning\",\"val-icon-warning\":\"warning\"},model:{value:(_vm.value3),callback:function ($$v) {_vm.value3=$$v},expression:\"value3\"}}),_c('vs-input',{attrs:{\"description-text\":\"Enter first two digit of your phone\",\"placeholder\":\"Phone Description\"},model:{value:(_vm.value4),callback:function ($$v) {_vm.value4=$$v},expression:\"value4\"}})],1),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template>\\n    <div class=\\\"centerx\\\">\\n      <vs-input\\n        :success=\\\"true\\\"\\n        success-text=\\\"The mail is valid\\\"\\n        placeholder=\\\"Email Success\\\"\\n        val-icon-success=\\\"done\\\"\\n        v-model=\\\"value1\\\" />\\n\\n      <vs-input\\n        :danger=\\\"true\\\"\\n        danger-text=\\\"Wrong password\\\"\\n        placeholder=\\\"Password Danger\\\"\\n        val-icon-danger=\\\"clear\\\"\\n        v-model=\\\"value2\\\" />\\n\\n      <vs-input\\n        :warning=\\\"true\\\"\\n        warning-text=\\\"The your data could not be verified\\\"\\n        placeholder=\\\"Date Warning\\\"\\n        val-icon-warning=\\\"warning\\\"\\n        v-model=\\\"value3\\\" />\\n\\n      <vs-input\\n        description-text=\\\"Enter first two digit of your phone\\\"\\n        placeholder=\\\"Phone Description\\\"\\n        v-model=\\\"value4\\\" />\\n    </div>\\n</template>\\n\\n<script>\\nexport default {\\n  data(){\\n    return {\\n      value1:'',\\n      value2:'',\\n      value3:'',\\n      value4:'',\\n    }\\n  }\\n}\\n</script>\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\r\n    File Name: InputValidation.vue\r\n    Description: represent validation of inputs\r\n    ----------------------------------------------------------------------------------------\r\n    Item Name: Vuesax Admin - VueJS Dashboard Admin Template\r\n      Author: Pixinvent\r\n    Author URL: http://www.themeforest.net/user/pixinvent\r\n========================================================================================== -->\r\n\r\n\r\n<template>\r\n    <vx-card title=\"Validations\" code-toggler>\r\n\r\n        <p>You can add a state for example of in affirmative response to a validation with <code>vs-success</code> and if it is necessary to add a description or help to the user you can do it with the property <code>vs-description</code></p>\r\n\r\n        <p>You can add icon using <code>val-icon-{}</code> and value will be icon name</p>\r\n\r\n        <vs-alert color=\"primary\" icon=\"new_releases\" active=\"true\" class=\"mt-5\">\r\n            <span>Each of the states you can change the text, for example in the case of <code>vs-danger-text</code> for the state of danger.</span>\r\n        </vs-alert>\r\n\r\n        <div class=\"demo-alignment\">\r\n            \r\n            <vs-input\r\n                :success=\"true\"\r\n                success-text=\"The mail is valid\"\r\n                placeholder=\"Email Success\"\r\n                val-icon-success=\"done\"\r\n                v-model=\"value1\" />\r\n\r\n            <vs-input\r\n                :danger=\"true\"\r\n                danger-text=\"Wrong password\"\r\n                placeholder=\"Password Danger\"\r\n                val-icon-danger=\"clear\"\r\n                v-model=\"value2\" />\r\n\r\n            <vs-input\r\n                :warning=\"true\"\r\n                warning-text=\"The your data could not be verified\"\r\n                placeholder=\"Date Warning\"\r\n                val-icon-warning=\"warning\"\r\n                v-model=\"value3\" />\r\n\r\n            <vs-input\r\n                description-text=\"Enter first two digit of your phone\"\r\n                placeholder=\"Phone Description\"\r\n                v-model=\"value4\" />\r\n        </div>\r\n\r\n        <template slot=\"codeContainer\">\r\n&lt;template&gt;\r\n    &lt;div class=&quot;centerx&quot;&gt;\r\n      &lt;vs-input\r\n        :success=&quot;true&quot;\r\n        success-text=&quot;The mail is valid&quot;\r\n        placeholder=&quot;Email Success&quot;\r\n        val-icon-success=&quot;done&quot;\r\n        v-model=&quot;value1&quot; /&gt;\r\n\r\n      &lt;vs-input\r\n        :danger=&quot;true&quot;\r\n        danger-text=&quot;Wrong password&quot;\r\n        placeholder=&quot;Password Danger&quot;\r\n        val-icon-danger=&quot;clear&quot;\r\n        v-model=&quot;value2&quot; /&gt;\r\n\r\n      &lt;vs-input\r\n        :warning=&quot;true&quot;\r\n        warning-text=&quot;The your data could not be verified&quot;\r\n        placeholder=&quot;Date Warning&quot;\r\n        val-icon-warning=&quot;warning&quot;\r\n        v-model=&quot;value3&quot; /&gt;\r\n\r\n      &lt;vs-input\r\n        description-text=&quot;Enter first two digit of your phone&quot;\r\n        placeholder=&quot;Phone Description&quot;\r\n        v-model=&quot;value4&quot; /&gt;\r\n    &lt;/div&gt;\r\n&lt;/template&gt;\r\n\r\n&lt;script&gt;\r\nexport default {\r\n  data(){\r\n    return {\r\n      value1:&apos;&apos;,\r\n      value2:&apos;&apos;,\r\n      value3:&apos;&apos;,\r\n      value4:&apos;&apos;,\r\n    }\r\n  }\r\n}\r\n&lt;/script&gt;\r\n        </template>\r\n    </vx-card>\r\n</template>\r\n<script>\r\nexport default {\r\n    data() {\r\n        return {\r\n            value1: '',\r\n            value2: '',\r\n            value3: '',\r\n            value4: '',\r\n        }\r\n    }\r\n}\r\n</script>","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InputValidation.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InputValidation.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./InputValidation.vue?vue&type=template&id=69117f54&\"\nimport script from \"./InputValidation.vue?vue&type=script&lang=js&\"\nexport * from \"./InputValidation.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\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vx-card',{attrs:{\"title\":\"Size\",\"code-toggler\":\"\"}},[_c('span',[_vm._v(\"Control the size of input using \"),_c('code',[_vm._v(\"size\")]),_vm._v(\". The allowed values are: \"),_c('code',[_vm._v(\"large\")]),_vm._v(\" and \"),_c('code',[_vm._v(\"small\")])]),_c('div',{staticClass:\"demo-alignment\"},[_c('vs-input',{staticClass:\"inputx\",attrs:{\"size\":\"large\",\"placeholder\":\"Size large\"},model:{value:(_vm.value1),callback:function ($$v) {_vm.value1=$$v},expression:\"value1\"}}),_c('vs-input',{staticClass:\"inputx\",attrs:{\"placeholder\":\"Size Default\"},model:{value:(_vm.value2),callback:function ($$v) {_vm.value2=$$v},expression:\"value2\"}}),_c('vs-input',{staticClass:\"inputx\",attrs:{\"size\":\"small\",\"placeholder\":\"Size small\"},model:{value:(_vm.value3),callback:function ($$v) {_vm.value3=$$v},expression:\"value3\"}})],1),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n\\n<template>\\n    <div class=\\\"centerx\\\">\\n       <vs-input size=\\\"large\\\" class=\\\"inputx\\\" placeholder=\\\"Size large\\\" v-model=\\\"value1\\\"/>\\n       <vs-input class=\\\"inputx\\\" placeholder=\\\"Size Default\\\" v-model=\\\"value2\\\"/>\\n       <vs-input size=\\\"small\\\" class=\\\"inputx\\\" placeholder=\\\"Size small\\\" v-model=\\\"value3\\\"/>\\n    </div>\\n</template>\\n\\n<script>\\nexport default {\\n  data(){\\n    return {\\n      value1:'',\\n      value2:'',\\n      value3:''\\n    }\\n  }\\n}\\n</script>\\n\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\r\n    File Name: InputSize.vue\r\n    Description: Change size of input\r\n    ----------------------------------------------------------------------------------------\r\n    Item Name: Vuesax Admin - VueJS Dashboard Admin Template\r\n      Author: Pixinvent\r\n    Author URL: http://www.themeforest.net/user/pixinvent\r\n========================================================================================== -->\r\n\r\n\r\n<template>\r\n    <vx-card title=\"Size\" code-toggler>\r\n\r\n        <span>Control the size of input using <code>size</code>. The allowed values are: <code>large</code> and <code>small</code></span>\r\n\r\n        <div class=\"demo-alignment\">\r\n            <vs-input size=\"large\" class=\"inputx\" placeholder=\"Size large\" v-model=\"value1\" />\r\n            <vs-input class=\"inputx\" placeholder=\"Size Default\" v-model=\"value2\" />\r\n            <vs-input size=\"small\" class=\"inputx\" placeholder=\"Size small\" v-model=\"value3\" />\r\n        </div>\r\n\r\n        <template slot=\"codeContainer\">\r\n\r\n&lt;template&gt;\r\n    &lt;div class=&quot;centerx&quot;&gt;\r\n       &lt;vs-input size=&quot;large&quot; class=&quot;inputx&quot; placeholder=&quot;Size large&quot; v-model=&quot;value1&quot;/&gt;\r\n       &lt;vs-input class=&quot;inputx&quot; placeholder=&quot;Size Default&quot; v-model=&quot;value2&quot;/&gt;\r\n       &lt;vs-input size=&quot;small&quot; class=&quot;inputx&quot; placeholder=&quot;Size small&quot; v-model=&quot;value3&quot;/&gt;\r\n    &lt;/div&gt;\r\n&lt;/template&gt;\r\n\r\n&lt;script&gt;\r\nexport default {\r\n  data(){\r\n    return {\r\n      value1:&apos;&apos;,\r\n      value2:&apos;&apos;,\r\n      value3:&apos;&apos;\r\n    }\r\n  }\r\n}\r\n&lt;/script&gt;\r\n\r\n        </template>\r\n    </vx-card>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    data() {\r\n        return {\r\n            value1: '',\r\n            value2: '',\r\n            value3: ''\r\n        }\r\n    }\r\n}\r\n</script>","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InputSize.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InputSize.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./InputSize.vue?vue&type=template&id=0a1af56b&\"\nimport script from \"./InputSize.vue?vue&type=script&lang=js&\"\nexport * from \"./InputSize.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\nexport default component.exports","<!-- =========================================================================================\r\n    File Name: Input.vue\r\n    Description: Input Element - Imports all page portions.\r\n    ----------------------------------------------------------------------------------------\r\n    Item Name: Vuesax Admin - VueJS Dashboard Admin Template\r\n      Author: Pixinvent\r\n    Author URL: http://www.themeforest.net/user/pixinvent\r\n========================================================================================== -->\r\n\r\n\r\n<template>\r\n    <div id=\"form-element-input-demo\">\r\n        <input-default></input-default>\r\n        <input-label></input-label>\r\n        <input-label-placeholder></input-label-placeholder>\r\n        <input-icon></input-icon>\r\n        <input-color></input-color>\r\n        <input-validation></input-validation>\r\n        <input-size></input-size>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport InputDefault from './InputDefault.vue'\r\nimport InputLabel from './InputLabel.vue'\r\nimport InputLabelPlaceholder from './InputLabelPlaceholder.vue'\r\nimport InputIcon from './InputIcon.vue'\r\nimport InputColor from './InputColor.vue'\r\nimport InputValidation from './InputValidation.vue'\r\nimport InputSize from './InputSize.vue'\r\n\r\nexport default{\r\n    components: {\r\n        InputDefault,\r\n        InputLabel,\r\n        InputLabelPlaceholder,\r\n        InputIcon,\r\n        InputColor,\r\n        InputValidation,\r\n        InputSize,\r\n    }\r\n}\r\n</script>","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Input.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Input.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Input.vue?vue&type=template&id=05b7f7ea&\"\nimport script from \"./Input.vue?vue&type=script&lang=js&\"\nexport * from \"./Input.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\nexport default component.exports"],"sourceRoot":""}