{"version":3,"sources":["webpack:///./src/views/forms/form-elements/select/Select.vue?1d35","webpack:///./src/views/forms/form-elements/select/SelectSingleSelection.vue?3a88","webpack:///src/views/forms/form-elements/select/SelectSingleSelection.vue","webpack:///./src/views/forms/form-elements/select/SelectSingleSelection.vue?1ee4","webpack:///./src/views/forms/form-elements/select/SelectSingleSelection.vue","webpack:///./src/views/forms/form-elements/select/SelectColor.vue?7483","webpack:///src/views/forms/form-elements/select/SelectColor.vue","webpack:///./src/views/forms/form-elements/select/SelectColor.vue?352b","webpack:///./src/views/forms/form-elements/select/SelectColor.vue","webpack:///./src/views/forms/form-elements/select/SelectAutocomplete.vue?90f9","webpack:///src/views/forms/form-elements/select/SelectAutocomplete.vue","webpack:///./src/views/forms/form-elements/select/SelectAutocomplete.vue?4265","webpack:///./src/views/forms/form-elements/select/SelectAutocomplete.vue","webpack:///./src/views/forms/form-elements/select/SelectMultiple.vue?6421","webpack:///src/views/forms/form-elements/select/SelectMultiple.vue","webpack:///./src/views/forms/form-elements/select/SelectMultiple.vue?7101","webpack:///./src/views/forms/form-elements/select/SelectMultiple.vue","webpack:///./src/views/forms/form-elements/select/SelectLabels.vue?b5a0","webpack:///src/views/forms/form-elements/select/SelectLabels.vue","webpack:///./src/views/forms/form-elements/select/SelectLabels.vue?4fa4","webpack:///./src/views/forms/form-elements/select/SelectLabels.vue","webpack:///./src/views/forms/form-elements/select/SelectValidators.vue?c51e","webpack:///src/views/forms/form-elements/select/SelectValidators.vue","webpack:///./src/views/forms/form-elements/select/SelectValidators.vue?be61","webpack:///./src/views/forms/form-elements/select/SelectValidators.vue","webpack:///./src/views/forms/form-elements/select/SelectIsSelectedItem.vue?4f4d","webpack:///src/views/forms/form-elements/select/SelectIsSelectedItem.vue","webpack:///./src/views/forms/form-elements/select/SelectIsSelectedItem.vue?fabe","webpack:///./src/views/forms/form-elements/select/SelectIsSelectedItem.vue","webpack:///./src/views/forms/form-elements/select/SelectGroupItems.vue?28b4","webpack:///src/views/forms/form-elements/select/SelectGroupItems.vue","webpack:///./src/views/forms/form-elements/select/SelectGroupItems.vue?6fba","webpack:///./src/views/forms/form-elements/select/SelectGroupItems.vue","webpack:///src/views/forms/form-elements/select/Select.vue","webpack:///./src/views/forms/form-elements/select/Select.vue?4f0f","webpack:///./src/views/forms/form-elements/select/Select.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticRenderFns","_v","staticClass","model","value","callback","$$v","select1","expression","_l","item","index","key","text","select2","select3","slot","data","options1","options2","options3","component","directives","name","rawName","domProps","on","$event","target","composing","colorx","select4","exampleOptions","isSelected","selectedText","label","$set","select81","title","_e","select82","select83","options81","group","options82","options83","components","SelectSingleSelection","SelectColor","SelectAutocomplete","SelectMultiple","SelectLabels","SelectValidators","SelectIsSelectedItem","SelectGroupItems"],"mappings":"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","file":"js/chunk-2d0dd9fc.3ce2eb04.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-select-demo\"}},[_c('select-single-selection'),_c('select-color'),_c('select-autocomplete'),_c('select-multiple'),_c('select-labels'),_c('select-validators'),_c('select-is-selected-item'),_c('select-group-items')],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\":\"Single selection\",\"code-toggler\":\"\"}},[_c('p',[_vm._v(\"To add a select to the application we have the component \"),_c('code',[_vm._v(\"vs-select\")]),_vm._v(\".\")]),_c('div',{staticClass:\"demo-alignment\"},[_c('vs-select',{staticClass:\"selectExample\",model:{value:(_vm.select1),callback:function ($$v) {_vm.select1=$$v},expression:\"select1\"}},_vm._l((_vm.options1),function(item,index){return _c('vs-select-item',{key:index,attrs:{\"value\":item.value,\"text\":item.text}})}),1),_c('vs-select',{staticClass:\"selectExample\",model:{value:(_vm.select2),callback:function ($$v) {_vm.select2=$$v},expression:\"select2\"}},_vm._l((_vm.options2),function(item,index){return _c('vs-select-item',{key:index,attrs:{\"value\":item.value,\"text\":item.text}})}),1),_c('vs-select',{staticClass:\"selectExample\",attrs:{\"disabled\":\"true\"},model:{value:(_vm.select3),callback:function ($$v) {_vm.select3=$$v},expression:\"select3\"}},_vm._l((_vm.options3),function(item,index){return _c('vs-select-item',{key:index,attrs:{\"disabled\":index==2,\"value\":item.value,\"text\":item.text}})}),1)],1),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template lang=\\\"html\\\">\\n  <div class=\\\"con-select-example\\\">\\n\\n    <vs-select class=\\\"selectExample\\\" v-model=\\\"select1\\\">\\n      <vs-select-item :key=\\\"index\\\" :value=\\\"item.value\\\" :text=\\\"item.text\\\" v-for=\\\"(item,index) in options1\\\" />\\n    </vs-select>\\n\\n    <vs-select class=\\\"selectExample\\\" v-model=\\\"select2\\\">\\n      <vs-select-item :key=\\\"index\\\" :value=\\\"item.value\\\" :text=\\\"item.text\\\" v-for=\\\"(item,index) in options2\\\" />\\n    </vs-select>\\n\\n    <vs-select disabled=\\\"true\\\" class=\\\"selectExample\\\" v-model=\\\"select3\\\">\\n      <vs-select-item :key=\\\"index\\\" :disabled=\\\"index==2\\\" :value=\\\"item.value\\\" :text=\\\"item.text\\\" v-for=\\\"(item,index) in options3\\\" />\\n    </vs-select>\\n\\n  </div>\\n</template>\\n\\n<script>\\nexport default {\\n  data(){\\n    return {\\n      select1:3,\\n      select2:7,\\n      select3:2,\\n      options1:[\\n        {text:'IT',value:0},\\n        {text:'Blade Runner',value:2},\\n        {text:'Thor Ragnarok',value:3},\\n      ],\\n      options2:[\\n        {text: 'Square', value: 1},\\n        {text: 'Rectangle', value: 2},\\n        {text: 'Rombo', value: 3},\\n        {text: 'Romboid', value: 4},\\n        {text: 'Trapeze', value: 5},\\n        {text: 'Triangle', value: 6},\\n        {text: 'Polygon', value: 7},\\n        {text: 'Regular polygon', value: 8},\\n        {text: 'Circumference', value: 9},\\n        {text: 'Circle', value: 10},\\n        {text: 'Circular sector', value: 11},\\n        {text: 'Circular trapeze', value: 12},\\n      ],\\n      options3:[\\n        {text: 'Red', value: 1},\\n        {text: 'Green', value: 2},\\n        {text: 'Blue', value: 3},\\n        {text: 'Purple', value: 4},\\n      ],\\n    }\\n  },\\n}\\n</script>\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\n    File Name: SelectSingleSelection.vue\n    Description: Single Selection\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=\"Single selection\" code-toggler>\n\n        <p>To add a select to the application we have the component <code>vs-select</code>.</p>\n\n        <div class=\"demo-alignment\">\n\n            <vs-select class=\"selectExample\" v-model=\"select1\">\n                <vs-select-item :key=\"index\" :value=\"item.value\" :text=\"item.text\" v-for=\"(item,index) in options1\" />\n            </vs-select>\n\n            <vs-select class=\"selectExample\" v-model=\"select2\">\n                <vs-select-item :key=\"index\" :value=\"item.value\" :text=\"item.text\" v-for=\"(item,index) in options2\" />\n            </vs-select>\n\n            <vs-select disabled=\"true\" class=\"selectExample\" v-model=\"select3\">\n                <vs-select-item :key=\"index\" :disabled=\"index==2\" :value=\"item.value\" :text=\"item.text\" v-for=\"(item,index) in options3\" />\n            </vs-select>\n        </div>\n\n        <template slot=\"codeContainer\">\n&lt;template lang=&quot;html&quot;&gt;\n  &lt;div class=&quot;con-select-example&quot;&gt;\n\n    &lt;vs-select class=&quot;selectExample&quot; v-model=&quot;select1&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\n    &lt;vs-select class=&quot;selectExample&quot; v-model=&quot;select2&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 options2&quot; /&gt;\n    &lt;/vs-select&gt;\n\n    &lt;vs-select disabled=&quot;true&quot; class=&quot;selectExample&quot; v-model=&quot;select3&quot;&gt;\n      &lt;vs-select-item :key=&quot;index&quot; :disabled=&quot;index==2&quot; :value=&quot;item.value&quot; :text=&quot;item.text&quot; v-for=&quot;(item,index) in options3&quot; /&gt;\n    &lt;/vs-select&gt;\n\n  &lt;/div&gt;\n&lt;/template&gt;\n\n&lt;script&gt;\nexport default {\n  data(){\n    return {\n      select1:3,\n      select2:7,\n      select3:2,\n      options1:[\n        {text:&apos;IT&apos;,value:0},\n        {text:&apos;Blade Runner&apos;,value:2},\n        {text:&apos;Thor Ragnarok&apos;,value:3},\n      ],\n      options2:[\n        {text: &apos;Square&apos;, value: 1},\n        {text: &apos;Rectangle&apos;, value: 2},\n        {text: &apos;Rombo&apos;, value: 3},\n        {text: &apos;Romboid&apos;, value: 4},\n        {text: &apos;Trapeze&apos;, value: 5},\n        {text: &apos;Triangle&apos;, value: 6},\n        {text: &apos;Polygon&apos;, value: 7},\n        {text: &apos;Regular polygon&apos;, value: 8},\n        {text: &apos;Circumference&apos;, value: 9},\n        {text: &apos;Circle&apos;, value: 10},\n        {text: &apos;Circular sector&apos;, value: 11},\n        {text: &apos;Circular trapeze&apos;, value: 12},\n      ],\n      options3:[\n        {text: &apos;Red&apos;, value: 1},\n        {text: &apos;Green&apos;, value: 2},\n        {text: &apos;Blue&apos;, value: 3},\n        {text: &apos;Purple&apos;, value: 4},\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      select1: 3,\n      select2: 7,\n      select3: 2,\n      options1: [\n        { text: 'IT', value: 0 },\n        { text: 'Blade Runner', value: 2 },\n        { text: 'Thor Ragnarok', value: 3 }\n      ],\n      options2: [\n        { text: 'Square', value: 1 },\n        { text: 'Rectangle', value: 2 },\n        { text: 'Rombo', value: 3 },\n        { text: 'Romboid', value: 4 },\n        { text: 'Trapeze', value: 5 },\n        { text: 'Triangle', value: 6 },\n        { text: 'Polygon', value: 7 },\n        { text: 'Regular polygon', value: 8 },\n        { text: 'Circumference', value: 9 },\n        { text: 'Circle', value: 10 },\n        { text: 'Circular sector', value: 11 },\n        { text: 'Circular trapeze', value: 12 }\n      ],\n      options3: [\n        { text: 'Red', value: 1 },\n        { text: 'Green', value: 2 },\n        { text: 'Blue', value: 3 },\n        { text: 'Purple', value: 4 }\n      ]\n    }\n  }\n}\n</script>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SelectSingleSelection.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SelectSingleSelection.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SelectSingleSelection.vue?vue&type=template&id=cd8dfdcc&\"\nimport script from \"./SelectSingleSelection.vue?vue&type=script&lang=js&\"\nexport * from \"./SelectSingleSelection.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('p',[_vm._v(\"You can change the color of the select with the property \"),_c('code',[_vm._v(\"color\")])]),_c('vs-alert',{staticClass:\"mt-5\",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('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.colorx),expression:\"colorx\"}],attrs:{\"type\":\"color\",\"value\":\"\"},domProps:{\"value\":(_vm.colorx)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.colorx=$event.target.value}}}),_c('vs-select',{staticClass:\"selectExample\",attrs:{\"color\":_vm.colorx},model:{value:(_vm.select1),callback:function ($$v) {_vm.select1=$$v},expression:\"select1\"}},_vm._l((_vm.options1),function(item,index){return _c('vs-select-item',{key:index,attrs:{\"value\":item.value,\"text\":item.text}})}),1),_c('vs-select',{staticClass:\"selectExample\",attrs:{\"color\":_vm.select2},model:{value:(_vm.select2),callback:function ($$v) {_vm.select2=$$v},expression:\"select2\"}},_vm._l((_vm.options2),function(item,index){return _c('vs-select-item',{key:index,attrs:{\"value\":item.value,\"text\":item.text}})}),1)],1),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template>\\n  <div class=\\\"con-select-example\\\">\\n\\n    <input v-model=\\\"colorx\\\" type=\\\"color\\\" value=\\\"\\\">\\n\\n    <vs-select :color=\\\"colorx\\\" class=\\\"selectExample\\\" v-model=\\\"select1\\\">\\n      <vs-select-item :key=\\\"index\\\" :value=\\\"item.value\\\" :text=\\\"item.text\\\" v-for=\\\"(item,index) in options1\\\" />\\n    </vs-select>\\n\\n    <vs-select :color=\\\"select2\\\" class=\\\"selectExample\\\" v-model=\\\"select2\\\">\\n      <vs-select-item :key=\\\"index\\\" :value=\\\"item.value\\\" :text=\\\"item.text\\\" v-for=\\\"(item,index) in options2\\\" />\\n    </vs-select>\\n\\n  </div>\\n</template>\\n\\n<script>\\nexport default {\\n  data(){\\n    return {\\n      colorx:'#103767',\\n      select1:3,\\n      select2:'primary',\\n      options1:[\\n        {text: 'Square', value: 1},\\n        {text: 'Rectangle', value: 2},\\n        {text: 'Rombo', value: 3},\\n        {text: 'Romboid', value: 4},\\n        {text: 'Trapeze', value: 5},\\n        {text: 'Triangle', value: 6},\\n        {text: 'Polygon', value: 7},\\n        {text: 'Regular polygon', value: 8},\\n        {text: 'Circumference', value: 9},\\n        {text: 'Circle', value: 10},\\n        {text: 'Circular sector', value: 11},\\n        {text: 'Circular trapeze', value: 12},\\n      ],\\n      options2:[\\n        {text: 'Primary', value: 'primary'},\\n        {text: 'Success', value: 'success'},\\n        {text: 'Danger', value: 'danger'},\\n        {text: 'Warning', value: 'warning'},\\n        {text: 'Dark', value: 'dark'},\\n      ],\\n    }\\n  }\\n}\\n</script>\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\n    File Name: SelectColor.vue\n    Description: Change color of selected option\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=\"Color\" code-toggler>\n\n        <p>You can change the color of the select with the property <code>color</code></p>\n\n        <vs-alert icon=\"warning\" active=\"true\" color=\"warning\" class=\"mt-5\">\n            <span>Only <strong>RGB</strong> and <strong>HEX</strong> colors are supported.</span>\n        </vs-alert>\n\n        <div class=\"demo-alignment\">\n            <input v-model=\"colorx\" type=\"color\" value=\"\">\n            <vs-select :color=\"colorx\" class=\"selectExample\" v-model=\"select1\">\n                <vs-select-item :key=\"index\" :value=\"item.value\" :text=\"item.text\" v-for=\"(item,index) in options1\" />\n            </vs-select>\n            <vs-select :color=\"select2\" class=\"selectExample\" v-model=\"select2\">\n                <vs-select-item :key=\"index\" :value=\"item.value\" :text=\"item.text\" v-for=\"(item,index) in options2\" />\n            </vs-select>\n        </div>\n\n        <template slot=\"codeContainer\">\n&lt;template&gt;\n  &lt;div class=&quot;con-select-example&quot;&gt;\n\n    &lt;input v-model=&quot;colorx&quot; type=&quot;color&quot; value=&quot;&quot;&gt;\n\n    &lt;vs-select :color=&quot;colorx&quot; class=&quot;selectExample&quot; v-model=&quot;select1&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\n    &lt;vs-select :color=&quot;select2&quot; class=&quot;selectExample&quot; v-model=&quot;select2&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 options2&quot; /&gt;\n    &lt;/vs-select&gt;\n\n  &lt;/div&gt;\n&lt;/template&gt;\n\n&lt;script&gt;\nexport default {\n  data(){\n    return {\n      colorx:&apos;#103767&apos;,\n      select1:3,\n      select2:&apos;primary&apos;,\n      options1:[\n        {text: &apos;Square&apos;, value: 1},\n        {text: &apos;Rectangle&apos;, value: 2},\n        {text: &apos;Rombo&apos;, value: 3},\n        {text: &apos;Romboid&apos;, value: 4},\n        {text: &apos;Trapeze&apos;, value: 5},\n        {text: &apos;Triangle&apos;, value: 6},\n        {text: &apos;Polygon&apos;, value: 7},\n        {text: &apos;Regular polygon&apos;, value: 8},\n        {text: &apos;Circumference&apos;, value: 9},\n        {text: &apos;Circle&apos;, value: 10},\n        {text: &apos;Circular sector&apos;, value: 11},\n        {text: &apos;Circular trapeze&apos;, value: 12},\n      ],\n      options2:[\n        {text: &apos;Primary&apos;, value: &apos;primary&apos;},\n        {text: &apos;Success&apos;, value: &apos;success&apos;},\n        {text: &apos;Danger&apos;, value: &apos;danger&apos;},\n        {text: &apos;Warning&apos;, value: &apos;warning&apos;},\n        {text: &apos;Dark&apos;, value: &apos;dark&apos;},\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      colorx: '#103767',\n      select1: 3,\n      select2: 'primary',\n      options1: [\n        { text: 'Square', value: 1 },\n        { text: 'Rectangle', value: 2 },\n        { text: 'Rombo', value: 3 },\n        { text: 'Romboid', value: 4 },\n        { text: 'Trapeze', value: 5 },\n        { text: 'Triangle', value: 6 },\n        { text: 'Polygon', value: 7 },\n        { text: 'Regular polygon', value: 8 },\n        { text: 'Circumference', value: 9 },\n        { text: 'Circle', value: 10 },\n        { text: 'Circular sector', value: 11 },\n        { text: 'Circular trapeze', value: 12 }\n      ],\n      options2: [\n        { text: 'Primary', value: 'primary' },\n        { text: 'Success', value: 'success' },\n        { text: 'Danger', value: 'danger' },\n        { text: 'Warning', value: 'warning' },\n        { text: 'Dark', value: 'dark' }\n      ]\n    }\n  }\n}\n</script>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SelectColor.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SelectColor.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SelectColor.vue?vue&type=template&id=45987804&\"\nimport script from \"./SelectColor.vue?vue&type=script&lang=js&\"\nexport * from \"./SelectColor.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\":\"Autocomplete\",\"code-toggler\":\"\"}},[_c('p',[_vm._v(\"You can add the autocomplete functionality in the desired selected with the property \"),_c('code',[_vm._v(\"autocomplete\")])]),_c('div',{staticClass:\"demo-alignment\"},[_c('vs-select',{staticClass:\"selectExample\",attrs:{\"autocomplete\":\"\"},model:{value:(_vm.select1),callback:function ($$v) {_vm.select1=$$v},expression:\"select1\"}},_vm._l((_vm.options1),function(item,index){return _c('vs-select-item',{key:index,attrs:{\"value\":item.value,\"text\":item.text}})}),1),_c('vs-select',{staticClass:\"selectExample\",attrs:{\"autocomplete\":\"\"},model:{value:(_vm.select2),callback:function ($$v) {_vm.select2=$$v},expression:\"select2\"}},_vm._l((_vm.options2),function(item,index){return _c('vs-select-item',{key:index,attrs:{\"value\":item.value,\"text\":item.text}})}),1),_c('vs-select',{staticClass:\"selectExample\",attrs:{\"autocomplete\":\"\",\"disabled\":\"true\"},model:{value:(_vm.select3),callback:function ($$v) {_vm.select3=$$v},expression:\"select3\"}},_vm._l((_vm.options3),function(item,index){return _c('vs-select-item',{key:index,attrs:{\"value\":item.value,\"text\":item.text}})}),1)],1),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template lang=\\\"html\\\">\\n  <div class=\\\"con-select-example\\\">\\n\\n    <vs-select autocomplete @input-change=\\\"autoCompleteFunc\\\" class=\\\"selectExample\\\" v-model=\\\"select1\\\">\\n      <vs-select-item :key=\\\"index\\\" :value=\\\"item.value\\\" :text=\\\"item.text\\\" v-for=\\\"(item,index) in options1\\\" />\\n    </vs-select>\\n\\n    <vs-select autocomplete @input-change=\\\"autoCompleteFunc\\\" class=\\\"selectExample\\\" v-model=\\\"select2\\\">\\n      <vs-select-item :key=\\\"index\\\" :value=\\\"item.value\\\" :text=\\\"item.text\\\" v-for=\\\"(item,index) in options2\\\" />\\n    </vs-select>\\n\\n    <vs-select autocomplete @input-change=\\\"autoCompleteFunc\\\" disabled=\\\"true\\\" class=\\\"selectExample\\\" v-model=\\\"select3\\\">\\n      <vs-select-item :key=\\\"index\\\" :value=\\\"item.value\\\" :text=\\\"item.text\\\" v-for=\\\"(item,index) in options3\\\" />\\n    </vs-select>\\n\\n  </div>\\n</template>\\n\\n<script>\\nexport default {\\n  data(){\\n    return {\\n      select1:3,\\n      select2:7,\\n      select3:2,\\n      options1:[\\n        {text:'IT',value:0},\\n        {text:'Blade Runner',value:2},\\n        {text:'Thor Ragnarok',value:3},\\n      ],\\n      options2:[\\n        {text: 'Square', value: 1},\\n        {text: 'Rectangle', value: 2},\\n        {text: 'Rombo', value: 3},\\n        {text: 'Romboid', value: 4},\\n        {text: 'Trapeze', value: 5},\\n        {text: 'Triangle', value: 6},\\n        {text: 'Polygon', value: 7},\\n        {text: 'Regular polygon', value: 8},\\n        {text: 'Circumference', value: 9},\\n        {text: 'Circle', value: 10},\\n        {text: 'Circular sector', value: 11},\\n        {text: 'Circular trapeze', value: 12},\\n      ],\\n      options3:[\\n        {text: 'Red', value: 1},\\n        {text: 'Green', value: 2},\\n        {text: 'Blue', value: 3},\\n        {text: 'Purple', value: 4},\\n      ],\\n    }\\n  }\\n}\\n</script>\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\n    File Name: SelectAutocomplete.vue\n    Description: Select element with autocomplete\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=\"Autocomplete\" code-toggler>\n\n        <p>You can add the autocomplete functionality in the desired selected with the property <code>autocomplete</code></p>\n\n        <div class=\"demo-alignment\">\n            <vs-select autocomplete class=\"selectExample\" v-model=\"select1\">\n                <vs-select-item :key=\"index\" :value=\"item.value\" :text=\"item.text\" v-for=\"(item,index) in options1\" />\n            </vs-select>\n            <vs-select autocomplete class=\"selectExample\" v-model=\"select2\">\n                <vs-select-item :key=\"index\" :value=\"item.value\" :text=\"item.text\" v-for=\"(item,index) in options2\" />\n            </vs-select>\n            <vs-select autocomplete disabled=\"true\" class=\"selectExample\" v-model=\"select3\">\n                <vs-select-item :key=\"index\" :value=\"item.value\" :text=\"item.text\" v-for=\"(item,index) in options3\" />\n            </vs-select>\n        </div>\n\n        <template slot=\"codeContainer\">\n&lt;template lang=&quot;html&quot;&gt;\n  &lt;div class=&quot;con-select-example&quot;&gt;\n\n    &lt;vs-select autocomplete @input-change=&quot;autoCompleteFunc&quot; class=&quot;selectExample&quot; v-model=&quot;select1&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\n    &lt;vs-select autocomplete @input-change=&quot;autoCompleteFunc&quot; class=&quot;selectExample&quot; v-model=&quot;select2&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 options2&quot; /&gt;\n    &lt;/vs-select&gt;\n\n    &lt;vs-select autocomplete @input-change=&quot;autoCompleteFunc&quot; disabled=&quot;true&quot; class=&quot;selectExample&quot; v-model=&quot;select3&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 options3&quot; /&gt;\n    &lt;/vs-select&gt;\n\n  &lt;/div&gt;\n&lt;/template&gt;\n\n&lt;script&gt;\nexport default {\n  data(){\n    return {\n      select1:3,\n      select2:7,\n      select3:2,\n      options1:[\n        {text:&apos;IT&apos;,value:0},\n        {text:&apos;Blade Runner&apos;,value:2},\n        {text:&apos;Thor Ragnarok&apos;,value:3},\n      ],\n      options2:[\n        {text: &apos;Square&apos;, value: 1},\n        {text: &apos;Rectangle&apos;, value: 2},\n        {text: &apos;Rombo&apos;, value: 3},\n        {text: &apos;Romboid&apos;, value: 4},\n        {text: &apos;Trapeze&apos;, value: 5},\n        {text: &apos;Triangle&apos;, value: 6},\n        {text: &apos;Polygon&apos;, value: 7},\n        {text: &apos;Regular polygon&apos;, value: 8},\n        {text: &apos;Circumference&apos;, value: 9},\n        {text: &apos;Circle&apos;, value: 10},\n        {text: &apos;Circular sector&apos;, value: 11},\n        {text: &apos;Circular trapeze&apos;, value: 12},\n      ],\n      options3:[\n        {text: &apos;Red&apos;, value: 1},\n        {text: &apos;Green&apos;, value: 2},\n        {text: &apos;Blue&apos;, value: 3},\n        {text: &apos;Purple&apos;, value: 4},\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      select1: 3,\n      select2: 7,\n      select3: 2,\n      options1: [\n        { text: 'IT', value: 0 },\n        { text: 'Blade Runner', value: 2 },\n        { text: 'Thor Ragnarok', value: 3 }\n      ],\n      options2: [\n        { text: 'Square', value: 1 },\n        { text: 'Rectangle', value: 2 },\n        { text: 'Rombo', value: 3 },\n        { text: 'Romboid', value: 4 },\n        { text: 'Trapeze', value: 5 },\n        { text: 'Triangle', value: 6 },\n        { text: 'Polygon', value: 7 },\n        { text: 'Regular polygon', value: 8 },\n        { text: 'Circumference', value: 9 },\n        { text: 'Circle', value: 10 },\n        { text: 'Circular sector', value: 11 },\n        { text: 'Circular trapeze', value: 12 }\n      ],\n      options3: [\n        { text: 'Red', value: 1 },\n        { text: 'Green', value: 2 },\n        { text: 'Blue', value: 3 },\n        { text: 'Purple', value: 4 }\n      ]\n    }\n  }\n}\n</script>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SelectAutocomplete.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SelectAutocomplete.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SelectAutocomplete.vue?vue&type=template&id=aeff36dc&\"\nimport script from \"./SelectAutocomplete.vue?vue&type=script&lang=js&\"\nexport * from \"./SelectAutocomplete.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\":\"Multiple\",\"code-toggler\":\"\"}},[_c('p',[_vm._v(\"You can have a selection with multiple selections with the property \"),_c('code',[_vm._v(\"multiple\")]),_vm._v(\". If you need the user to select only a certain number of options you can use the property \"),_c('code',[_vm._v(\"max-selected\")])]),_c('div',{staticClass:\"demo-alignment\"},[_c('vs-select',{staticClass:\"selectExample\",attrs:{\"placeholder\":\"Multiple\",\"multiple\":\"\"},model:{value:(_vm.select1),callback:function ($$v) {_vm.select1=$$v},expression:\"select1\"}},_vm._l((_vm.options1),function(item,index){return _c('vs-select-item',{key:index,attrs:{\"value\":item.value,\"text\":item.text}})}),1),_c('vs-select',{staticClass:\"selectExample\",attrs:{\"placeholder\":\"Multiple and autocomplete\",\"multiple\":\"\",\"vs-autocomplete\":\"\"},model:{value:(_vm.select2),callback:function ($$v) {_vm.select2=$$v},expression:\"select2\"}},_vm._l((_vm.options2),function(item,index){return _c('vs-select-item',{key:index,attrs:{\"value\":item.value,\"text\":item.text}})}),1),_c('vs-select',{staticClass:\"selectExample\",attrs:{\"placeholder\":\"Max Selected\",\"max-selected\":\"2\",\"multiple\":\"\"},model:{value:(_vm.select3),callback:function ($$v) {_vm.select3=$$v},expression:\"select3\"}},_vm._l((_vm.options3),function(item,index){return _c('vs-select-item',{key:index,attrs:{\"value\":item.value,\"text\":item.text}})}),1)],1),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template lang=\\\"html\\\">\\n  <div class=\\\"con-select-example\\\">\\n\\n    <vs-select placeholder=\\\"Multiple\\\" multiple class=\\\"selectExample\\\" v-model=\\\"select1\\\">\\n      <vs-select-item :key=\\\"index\\\" :value=\\\"item.value\\\" :text=\\\"item.text\\\" v-for=\\\"(item,index) in options1\\\" />\\n    </vs-select>\\n\\n    <vs-select placeholder=\\\"Multiple and autocomplete\\\" multiple vs-autocomplete class=\\\"selectExample\\\" v-model=\\\"select2\\\">\\n      <vs-select-item :key=\\\"index\\\" :value=\\\"item.value\\\" :text=\\\"item.text\\\" v-for=\\\"(item,index) in options2\\\" />\\n    </vs-select>\\n\\n    <vs-select placeholder=\\\"Max Selected\\\" max-selected=\\\"2\\\" multiple class=\\\"selectExample\\\" v-model=\\\"select3\\\">\\n      <vs-select-item :key=\\\"index\\\" :value=\\\"item.value\\\" :text=\\\"item.text\\\" v-for=\\\"(item,index) in options3\\\" />\\n    </vs-select>\\n\\n  </div>\\n</template>\\n\\n<script>\\nexport default {\\n  data() {\\n    return {\\n      select1: [],\\n      select2: [],\\n      select3: [],\\n      options1: [\\n        { text: 'IT', value: 0 },\\n        { text: 'Blade Runner', value: 2 },\\n        { text: 'Thor Ragnarok', value: 3 },\\n      ],\\n      options2: [\\n        { text: 'Square', value: 1 },\\n        { text: 'Rectangle', value: 2 },\\n        { text: 'Rombo', value: 3 },\\n        { text: 'Romboid', value: 4 },\\n        { text: 'Trapeze', value: 5 },\\n        { text: 'Triangle', value: 6 },\\n        { text: 'Polygon', value: 7 },\\n        { text: 'Regular polygon', value: 8 },\\n        { text: 'Circumference', value: 9 },\\n        { text: 'Circle', value: 10 },\\n        { text: 'Circular sector', value: 11 },\\n        { text: 'Circular trapeze', value: 12 },\\n      ],\\n      options3: [\\n        { text: 'Red', value: 1 },\\n        { text: 'Green', value: 2 },\\n        { text: 'Blue', value: 3 },\\n        { text: 'Purple', value: 4 },\\n      ],\\n    }\\n  }\\n}\\n</script>\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\n    File Name: SelectMultiple.vue\n    Description: Select multiple options using multiple prop\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=\"Multiple\" code-toggler>\n\n        <p>You can have a selection with multiple selections with the property <code>multiple</code>. If you need the user to select only a certain number of options you can use the property <code>max-selected</code></p>\n\n        <div class=\"demo-alignment\">\n\n            <vs-select placeholder=\"Multiple\" multiple class=\"selectExample\" v-model=\"select1\">\n                <vs-select-item :key=\"index\" :value=\"item.value\" :text=\"item.text\" v-for=\"(item,index) in options1\" />\n            </vs-select>\n\n            <vs-select placeholder=\"Multiple and autocomplete\" multiple vs-autocomplete class=\"selectExample\" v-model=\"select2\">\n                <vs-select-item :key=\"index\" :value=\"item.value\" :text=\"item.text\" v-for=\"(item,index) in options2\" />\n            </vs-select>\n\n            <vs-select placeholder=\"Max Selected\" max-selected=\"2\" multiple class=\"selectExample\" v-model=\"select3\">\n                <vs-select-item :key=\"index\" :value=\"item.value\" :text=\"item.text\" v-for=\"(item,index) in options3\" />\n            </vs-select>\n        </div>\n\n        <template slot=\"codeContainer\">\n&lt;template lang=&quot;html&quot;&gt;\n  &lt;div class=&quot;con-select-example&quot;&gt;\n\n    &lt;vs-select placeholder=&quot;Multiple&quot; multiple class=&quot;selectExample&quot; v-model=&quot;select1&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\n    &lt;vs-select placeholder=&quot;Multiple and autocomplete&quot; multiple vs-autocomplete class=&quot;selectExample&quot; v-model=&quot;select2&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 options2&quot; /&gt;\n    &lt;/vs-select&gt;\n\n    &lt;vs-select placeholder=&quot;Max Selected&quot; max-selected=&quot;2&quot; multiple class=&quot;selectExample&quot; v-model=&quot;select3&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 options3&quot; /&gt;\n    &lt;/vs-select&gt;\n\n  &lt;/div&gt;\n&lt;/template&gt;\n\n&lt;script&gt;\nexport default {\n  data() {\n    return {\n      select1: [],\n      select2: [],\n      select3: [],\n      options1: [\n        { text: &apos;IT&apos;, value: 0 },\n        { text: &apos;Blade Runner&apos;, value: 2 },\n        { text: &apos;Thor Ragnarok&apos;, value: 3 },\n      ],\n      options2: [\n        { text: &apos;Square&apos;, value: 1 },\n        { text: &apos;Rectangle&apos;, value: 2 },\n        { text: &apos;Rombo&apos;, value: 3 },\n        { text: &apos;Romboid&apos;, value: 4 },\n        { text: &apos;Trapeze&apos;, value: 5 },\n        { text: &apos;Triangle&apos;, value: 6 },\n        { text: &apos;Polygon&apos;, value: 7 },\n        { text: &apos;Regular polygon&apos;, value: 8 },\n        { text: &apos;Circumference&apos;, value: 9 },\n        { text: &apos;Circle&apos;, value: 10 },\n        { text: &apos;Circular sector&apos;, value: 11 },\n        { text: &apos;Circular trapeze&apos;, value: 12 },\n      ],\n      options3: [\n        { text: &apos;Red&apos;, value: 1 },\n        { text: &apos;Green&apos;, value: 2 },\n        { text: &apos;Blue&apos;, value: 3 },\n        { text: &apos;Purple&apos;, value: 4 },\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      select1: [],\n      select2: [],\n      select3: [],\n      options1: [\n        { text: 'IT', value: 0 },\n        { text: 'Blade Runner', value: 2 },\n        { text: 'Thor Ragnarok', value: 3 }\n      ],\n      options2: [\n        { text: 'Square', value: 1 },\n        { text: 'Rectangle', value: 2 },\n        { text: 'Rombo', value: 3 },\n        { text: 'Romboid', value: 4 },\n        { text: 'Trapeze', value: 5 },\n        { text: 'Triangle', value: 6 },\n        { text: 'Polygon', value: 7 },\n        { text: 'Regular polygon', value: 8 },\n        { text: 'Circumference', value: 9 },\n        { text: 'Circle', value: 10 },\n        { text: 'Circular sector', value: 11 },\n        { text: 'Circular trapeze', value: 12 }\n      ],\n      options3: [\n        { text: 'Red', value: 1 },\n        { text: 'Green', value: 2 },\n        { text: 'Blue', value: 3 },\n        { text: 'Purple', value: 4 }\n      ]\n    }\n  }\n}\n</script>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SelectMultiple.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SelectMultiple.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SelectMultiple.vue?vue&type=template&id=4e1331a8&\"\nimport script from \"./SelectMultiple.vue?vue&type=script&lang=js&\"\nexport * from \"./SelectMultiple.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\":\"Labels\",\"code-toggler\":\"\"}},[_c('p',[_vm._v(\"Add a label to the input with the property \"),_c('code',[_vm._v(\"label\")])]),_c('div',{staticClass:\"demo-alignment\"},[_c('vs-select',{staticClass:\"selectExample\",attrs:{\"placeholder\":\"Select\",\"label\":\"Multiple\",\"label-placeholder\":\"vs-Multiple\",\"vs-multiple\":\"\"},model:{value:(_vm.select1),callback:function ($$v) {_vm.select1=$$v},expression:\"select1\"}},_vm._l((_vm.options1),function(item,index){return _c('vs-select-item',{key:index,attrs:{\"value\":item.value,\"text\":item.text}})}),1),_c('vs-select',{staticClass:\"selectExample\",attrs:{\"placeholder\":\"Search and select\",\"label\":\"Autocomplete\",\"label-placeholder\":\"Autocomplete\",\"vs-multiple\":\"\",\"autocomplete\":\"\"},model:{value:(_vm.select2),callback:function ($$v) {_vm.select2=$$v},expression:\"select2\"}},_vm._l((_vm.options2),function(item,index){return _c('vs-select-item',{key:index,attrs:{\"value\":item.value,\"text\":item.text}})}),1)],1),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template lang=\\\"html\\\">\\n    <div class=\\\"con-select-example\\\">\\n\\n    <vs-select\\n      placeholder=\\\"Select\\\"\\n      class=\\\"selectExample\\\"\\n      label=\\\"Multiple\\\"\\n      label-placeholder=\\\"vs-Multiple\\\"\\n      vs-multiple\\n      v-model=\\\"select1\\\"\\n      >\\n\\n      <vs-select-item :key=\\\"index\\\" :value=\\\"item.value\\\" :text=\\\"item.text\\\" v-for=\\\"(item,index) in options1\\\" />\\n    </vs-select>\\n\\n    <vs-select\\n      placeholder=\\\"Search and select\\\"\\n      class=\\\"selectExample\\\"\\n      label=\\\"Autocomplete\\\"\\n      label-placeholder=\\\"Autocomplete\\\"\\n      vs-multiple\\n      autocomplete\\n      v-model=\\\"select2\\\"\\n      >\\n\\n      <vs-select-item :key=\\\"index\\\" :value=\\\"item.value\\\" :text=\\\"item.text\\\" v-for=\\\"(item,index) in options2\\\" />\\n    </vs-select>\\n\\n  </div>\\n</template>\\n\\n<script>\\nexport default {\\n  data(){\\n    return {\\n      select1:[],\\n      select2:[],\\n      options1:[\\n        {text:'IT',value:0},\\n        {text:'Blade Runner',value:2},\\n        {text:'Thor Ragnarok',value:3},\\n      ],\\n      options2:[\\n        {text: 'Square', value: 1},\\n        {text: 'Rectangle', value: 2},\\n        {text: 'Rombo', value: 3},\\n        {text: 'Romboid', value: 4},\\n        {text: 'Trapeze', value: 5},\\n        {text: 'Triangle', value: 6},\\n        {text: 'Polygon', value: 7},\\n        {text: 'Regular polygon', value: 8},\\n        {text: 'Circumference', value: 9},\\n        {text: 'Circle', value: 10},\\n        {text: 'Circular sector', value: 11},\\n        {text: 'Circular trapeze', value: 12},\\n      ]\\n    }\\n  }\\n}\\n</script>\\n    \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\n  File Name: SelectLabels.vue\n  Description: Add label to select element\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=\"Labels\" code-toggler>\n\n    <p>Add a label to the input with the property <code>label</code></p>\n\n    <div class=\"demo-alignment\">\n\n      <vs-select placeholder=\"Select\" class=\"selectExample\" label=\"Multiple\" label-placeholder=\"vs-Multiple\" vs-multiple v-model=\"select1\">\n        <vs-select-item :key=\"index\" :value=\"item.value\" :text=\"item.text\" v-for=\"(item,index) in options1\" />\n      </vs-select>\n\n      <vs-select placeholder=\"Search and select\" class=\"selectExample\" label=\"Autocomplete\" label-placeholder=\"Autocomplete\" vs-multiple autocomplete v-model=\"select2\">\n        <vs-select-item :key=\"index\" :value=\"item.value\" :text=\"item.text\" v-for=\"(item,index) in options2\" />\n      </vs-select>\n    </div>\n\n    <template slot=\"codeContainer\">\n&lt;template lang=&quot;html&quot;&gt;\n    &lt;div class=&quot;con-select-example&quot;&gt;\n\n    &lt;vs-select\n      placeholder=&quot;Select&quot;\n      class=&quot;selectExample&quot;\n      label=&quot;Multiple&quot;\n      label-placeholder=&quot;vs-Multiple&quot;\n      vs-multiple\n      v-model=&quot;select1&quot;\n      &gt;\n\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\n    &lt;vs-select\n      placeholder=&quot;Search and select&quot;\n      class=&quot;selectExample&quot;\n      label=&quot;Autocomplete&quot;\n      label-placeholder=&quot;Autocomplete&quot;\n      vs-multiple\n      autocomplete\n      v-model=&quot;select2&quot;\n      &gt;\n\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 options2&quot; /&gt;\n    &lt;/vs-select&gt;\n\n  &lt;/div&gt;\n&lt;/template&gt;\n\n&lt;script&gt;\nexport default {\n  data(){\n    return {\n      select1:[],\n      select2:[],\n      options1:[\n        {text:&apos;IT&apos;,value:0},\n        {text:&apos;Blade Runner&apos;,value:2},\n        {text:&apos;Thor Ragnarok&apos;,value:3},\n      ],\n      options2:[\n        {text: &apos;Square&apos;, value: 1},\n        {text: &apos;Rectangle&apos;, value: 2},\n        {text: &apos;Rombo&apos;, value: 3},\n        {text: &apos;Romboid&apos;, value: 4},\n        {text: &apos;Trapeze&apos;, value: 5},\n        {text: &apos;Triangle&apos;, value: 6},\n        {text: &apos;Polygon&apos;, value: 7},\n        {text: &apos;Regular polygon&apos;, value: 8},\n        {text: &apos;Circumference&apos;, value: 9},\n        {text: &apos;Circle&apos;, value: 10},\n        {text: &apos;Circular sector&apos;, value: 11},\n        {text: &apos;Circular trapeze&apos;, value: 12},\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\n      select1: [],\n      select2: [],\n      options1: [\n        { text: 'IT', value: 0 },\n        { text: 'Blade Runner', value: 2 },\n        { text: 'Thor Ragnarok', value: 3 }\n      ],\n      options2: [\n        { text: 'Square', value: 1 },\n        { text: 'Rectangle', value: 2 },\n        { text: 'Rombo', value: 3 },\n        { text: 'Romboid', value: 4 },\n        { text: 'Trapeze', value: 5 },\n        { text: 'Triangle', value: 6 },\n        { text: 'Polygon', value: 7 },\n        { text: 'Regular polygon', value: 8 },\n        { text: 'Circumference', value: 9 },\n        { text: 'Circle', value: 10 },\n        { text: 'Circular sector', value: 11 },\n        { text: 'Circular trapeze', value: 12 }\n      ]\n    }\n  }\n}\n</script>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SelectLabels.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SelectLabels.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SelectLabels.vue?vue&type=template&id=d209e682&\"\nimport script from \"./SelectLabels.vue?vue&type=script&lang=js&\"\nexport * from \"./SelectLabels.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\":\"Validators\",\"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(\"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(\"description\")])]),_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('br'),_c('div',{staticClass:\"demo-alignment\"},[_c('vs-select',{staticClass:\"selectExample\",attrs:{\"success\":true,\"success-text\":\"This field is valid\",\"placeholder\":\"Select\",\"label\":\"Success\",\"multiple\":\"\"},model:{value:(_vm.select1),callback:function ($$v) {_vm.select1=$$v},expression:\"select1\"}},_vm._l((_vm.exampleOptions),function(item,index){return _c('vs-select-item',{key:index,attrs:{\"value\":item.value,\"text\":item.text}})}),1),_c('vs-select',{staticClass:\"selectExample\",attrs:{\"danger\":true,\"danger-text\":\"This field is invalid\",\"placeholder\":\"Select\",\"label\":\"Danger\",\"multiple\":\"\"},model:{value:(_vm.select2),callback:function ($$v) {_vm.select2=$$v},expression:\"select2\"}},_vm._l((_vm.exampleOptions),function(item,index){return _c('vs-select-item',{key:index,attrs:{\"value\":item.value,\"text\":item.text}})}),1),_c('vs-select',{staticClass:\"selectExample\",attrs:{\"warning\":true,\"warning-text\":\"This field is invalid\",\"placeholder\":\"Select\",\"label\":\"Warning\",\"multiple\":\"\"},model:{value:(_vm.select3),callback:function ($$v) {_vm.select3=$$v},expression:\"select3\"}},_vm._l((_vm.exampleOptions),function(item,index){return _c('vs-select-item',{key:index,attrs:{\"value\":item.value,\"text\":item.text}})}),1),_c('vs-select',{staticClass:\"selectExample\",attrs:{\"description-text\":\"Simple info for multiple select\",\"placeholder\":\"Select\",\"label\":\"Description\",\"multiple\":\"\"},model:{value:(_vm.select4),callback:function ($$v) {_vm.select4=$$v},expression:\"select4\"}},_vm._l((_vm.exampleOptions),function(item,index){return _c('vs-select-item',{key:index,attrs:{\"value\":item.value,\"text\":item.text}})}),1)],1),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template lang=\\\"html\\\">\\n  <div class=\\\"con-select-example\\\">\\n\\n    <vs-select\\n     :success=\\\"true\\\"\\n      success-text=\\\"This field is valid\\\"\\n      placeholder=\\\"Select\\\"\\n      class=\\\"selectExample\\\"\\n      label=\\\"Success\\\"\\n      multiple\\n      v-model=\\\"select1\\\"\\n      >\\n      <vs-select-item :key=\\\"index\\\" :value=\\\"item.value\\\" :text=\\\"item.text\\\" v-for=\\\"(item,index) in exampleOptions\\\" />\\n    </vs-select>\\n\\n    <vs-select\\n      :danger=\\\"true\\\"\\n      danger-text=\\\"This field is invalid\\\"\\n      placeholder=\\\"Select\\\"\\n      class=\\\"selectExample\\\"\\n      label=\\\"Danger\\\"\\n      multiple\\n      v-model=\\\"select2\\\"\\n      >\\n      <vs-select-item :key=\\\"index\\\" :value=\\\"item.value\\\" :text=\\\"item.text\\\" v-for=\\\"(item,index) in exampleOptions\\\" />\\n    </vs-select>\\n\\n    <vs-select\\n      :warning=\\\"true\\\"\\n      warning-text=\\\"This field is invalid\\\"\\n      placeholder=\\\"Select\\\"\\n      class=\\\"selectExample\\\"\\n      label=\\\"Warning\\\"\\n      multiple\\n      v-model=\\\"select3\\\"\\n      >\\n      <vs-select-item :key=\\\"index\\\" :value=\\\"item.value\\\" :text=\\\"item.text\\\" v-for=\\\"(item,index) in exampleOptions\\\" />\\n    </vs-select>\\n\\n    <vs-select\\n      description-text=\\\"Simple info for multiple select\\\"\\n      placeholder=\\\"Select\\\"\\n      class=\\\"selectExample\\\"\\n      label=\\\"Description\\\"\\n      multiple\\n      v-model=\\\"select4\\\"\\n      >\\n      <vs-select-item :key=\\\"index\\\" :value=\\\"item.value\\\" :text=\\\"item.text\\\" v-for=\\\"(item,index) in exampleOptions\\\" />\\n    </vs-select>\\n\\n  </div>\\n</template>\\n\\n<script>\\nexport default {\\n  data(){\\n    return {\\n      select1:[],\\n      select2:[],\\n      select3:[],\\n      select4:[],\\n      exampleOptions:[\\n        {text: 'Square', value: 1},\\n        {text: 'Rectangle', value: 2},\\n        {text: 'Rombo', value: 3},\\n        {text: 'Romboid', value: 4},\\n        {text: 'Trapeze', value: 5},\\n        {text: 'Triangle', value: 6},\\n        {text: 'Polygon', value: 7},\\n        {text: 'Regular polygon', value: 8},\\n        {text: 'Circumference', value: 9},\\n        {text: 'Circle', value: 10},\\n        {text: 'Circular sector', value: 11},\\n        {text: 'Circular trapeze', value: 12},\\n      ]\\n    }\\n  }\\n}\\n</script>\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\n    File Name: SelectValidators.vue\n    Description: Represent validation on select\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=\"Validators\" code-toggler>\n\n        <p>You can add a state for example of in affirmative response to a validation with <code>success</code> and if it is necessary to add a description or help to the user you can do it with the property <code>description</code></p>\n\n        <vs-alert color=\"primary\" icon=\"new_releases\" active=\"true\" class=\"mt-5\">\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>\n        </vs-alert><br>\n\n        <div class=\"demo-alignment\">\n\n            <vs-select\n                :success=\"true\"\n                success-text=\"This field is valid\"\n                placeholder=\"Select\"\n                class=\"selectExample\"\n                label=\"Success\"\n                multiple\n                v-model=\"select1\" >\n                <vs-select-item :key=\"index\" :value=\"item.value\" :text=\"item.text\" v-for=\"(item,index) in exampleOptions\" />\n            </vs-select>\n\n            <vs-select\n                :danger=\"true\"\n                danger-text=\"This field is invalid\"\n                placeholder=\"Select\"\n                class=\"selectExample\"\n                label=\"Danger\"\n                multiple\n                v-model=\"select2\">\n                <vs-select-item :key=\"index\" :value=\"item.value\" :text=\"item.text\" v-for=\"(item,index) in exampleOptions\" />\n            </vs-select>\n\n            <vs-select\n                :warning=\"true\"\n                warning-text=\"This field is invalid\"\n                placeholder=\"Select\"\n                class=\"selectExample\"\n                label=\"Warning\"\n                multiple\n                v-model=\"select3\">\n                <vs-select-item :key=\"index\" :value=\"item.value\" :text=\"item.text\" v-for=\"(item,index) in exampleOptions\" />\n            </vs-select>\n\n            <vs-select\n                description-text=\"Simple info for multiple select\"\n                placeholder=\"Select\"\n                class=\"selectExample\"\n                label=\"Description\"\n                multiple\n                v-model=\"select4\">\n                <vs-select-item :key=\"index\" :value=\"item.value\" :text=\"item.text\" v-for=\"(item,index) in exampleOptions\" />\n            </vs-select>\n        </div>\n        <template slot=\"codeContainer\">\n&lt;template lang=&quot;html&quot;&gt;\n  &lt;div class=&quot;con-select-example&quot;&gt;\n\n    &lt;vs-select\n     :success=&quot;true&quot;\n      success-text=&quot;This field is valid&quot;\n      placeholder=&quot;Select&quot;\n      class=&quot;selectExample&quot;\n      label=&quot;Success&quot;\n      multiple\n      v-model=&quot;select1&quot;\n      &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 exampleOptions&quot; /&gt;\n    &lt;/vs-select&gt;\n\n    &lt;vs-select\n      :danger=&quot;true&quot;\n      danger-text=&quot;This field is invalid&quot;\n      placeholder=&quot;Select&quot;\n      class=&quot;selectExample&quot;\n      label=&quot;Danger&quot;\n      multiple\n      v-model=&quot;select2&quot;\n      &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 exampleOptions&quot; /&gt;\n    &lt;/vs-select&gt;\n\n    &lt;vs-select\n      :warning=&quot;true&quot;\n      warning-text=&quot;This field is invalid&quot;\n      placeholder=&quot;Select&quot;\n      class=&quot;selectExample&quot;\n      label=&quot;Warning&quot;\n      multiple\n      v-model=&quot;select3&quot;\n      &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 exampleOptions&quot; /&gt;\n    &lt;/vs-select&gt;\n\n    &lt;vs-select\n      description-text=&quot;Simple info for multiple select&quot;\n      placeholder=&quot;Select&quot;\n      class=&quot;selectExample&quot;\n      label=&quot;Description&quot;\n      multiple\n      v-model=&quot;select4&quot;\n      &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 exampleOptions&quot; /&gt;\n    &lt;/vs-select&gt;\n\n  &lt;/div&gt;\n&lt;/template&gt;\n\n&lt;script&gt;\nexport default {\n  data(){\n    return {\n      select1:[],\n      select2:[],\n      select3:[],\n      select4:[],\n      exampleOptions:[\n        {text: &apos;Square&apos;, value: 1},\n        {text: &apos;Rectangle&apos;, value: 2},\n        {text: &apos;Rombo&apos;, value: 3},\n        {text: &apos;Romboid&apos;, value: 4},\n        {text: &apos;Trapeze&apos;, value: 5},\n        {text: &apos;Triangle&apos;, value: 6},\n        {text: &apos;Polygon&apos;, value: 7},\n        {text: &apos;Regular polygon&apos;, value: 8},\n        {text: &apos;Circumference&apos;, value: 9},\n        {text: &apos;Circle&apos;, value: 10},\n        {text: &apos;Circular sector&apos;, value: 11},\n        {text: &apos;Circular trapeze&apos;, value: 12},\n      ]\n    }\n  }\n}\n&lt;/script&gt;\n        </template>\n    </vx-card>\n</template>\n<script>\nexport default {\n  data () {\n    return {\n\n      select1: [],\n      select2: [],\n      select3: [],\n      select4: [],\n      exampleOptions: [\n        { text: 'Square', value: 1 },\n        { text: 'Rectangle', value: 2 },\n        { text: 'Rombo', value: 3 },\n        { text: 'Romboid', value: 4 },\n        { text: 'Trapeze', value: 5 },\n        { text: 'Triangle', value: 6 },\n        { text: 'Polygon', value: 7 },\n        { text: 'Regular polygon', value: 8 },\n        { text: 'Circumference', value: 9 },\n        { text: 'Circle', value: 10 },\n        { text: 'Circular sector', value: 11 },\n        { text: 'Circular trapeze', value: 12 }\n      ]\n    }\n  }\n}\n</script>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SelectValidators.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SelectValidators.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SelectValidators.vue?vue&type=template&id=02637764&\"\nimport script from \"./SelectValidators.vue?vue&type=script&lang=js&\"\nexport * from \"./SelectValidators.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\":\"Is Selected Item\",\"code-toggler\":\"\"}},[_c('p',[_vm._v(\"You can validate if an option is selected with the property \"),_c('code',[_vm._v(\"is-selected.sync\")]),_vm._v(\" and do with it multiple variants with changing the text of the selected options\")]),_c('div',{staticClass:\"demo-alignment\"},[_c('vs-select',{staticClass:\"selectExample\",model:{value:(_vm.select1),callback:function ($$v) {_vm.select1=$$v},expression:\"select1\"}},_vm._l((_vm.options1),function(item,index){return _c('vs-select-item',{key:index,attrs:{\"is-selected\":item.isSelected,\"value\":item.value,\"text\":item.isSelected?item.selectedText:item.label},on:{\"update:isSelected\":function($event){return _vm.$set(item, \"isSelected\", $event)},\"update:is-selected\":function($event){return _vm.$set(item, \"isSelected\", $event)}}})}),1)],1),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template lang=\\\"html\\\">\\n  <div class=\\\"con-select-example\\\">\\n\\n    <vs-select class=\\\"selectExample\\\" v-model=\\\"select1\\\" >\\n      <vs-select-item\\n        :is-selected.sync=\\\"item.isSelected\\\"\\n        :key=\\\"index\\\"\\n        :value=\\\"item.value\\\"\\n        :text=\\\"item.isSelected?item.selectedText:item.label\\\"\\n        v-for=\\\"(item,index) in options1\\\"\\n        />\\n    </vs-select>\\n\\n  </div>\\n</template>\\n\\n<script>\\nexport default {\\n  data(){\\n    return {\\n      select1:3,\\n      options1:[\\n        {value: 1, label: 'label 1', selectedText: 'show after select label 1', isSelected: false },\\n        {value: 2, label: 'label 2', selectedText: 'show after select label 2', isSelected: false },\\n        {value: 3, label: 'label 3', selectedText: 'show after select label 3', isSelected: false },\\n      ],\\n    }\\n  }\\n}\\n</script>\\n\\n<style>\\n.selectExample {\\n  margin: 10px;\\n}\\n.con-select-example {\\n  display: flex;\\n  align-items: center;\\n  justify-content: center;\\n}\\n.con-select .vs-select {\\n  width: 100%\\n}\\n@media (max-width: 550px) {\\n  .con-select {\\n    flex-direction: column;\\n  }\\n  .con-select .vs-select {\\n    width: 100%\\n  }\\n}\\n</style>\\n    \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\n  File Name: SelectIsSelectedItem.vue\n  Description: Display/Validate on selecting option\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=\"Is Selected Item\" code-toggler>\n\n    <p>You can validate if an option is selected with the property <code>is-selected.sync</code> and do with it multiple variants with changing the text of the selected options</p>\n\n    <div class=\"demo-alignment\">\n      <vs-select class=\"selectExample\" v-model=\"select1\">\n        <vs-select-item :is-selected.sync=\"item.isSelected\" :key=\"index\" :value=\"item.value\" :text=\"item.isSelected?item.selectedText:item.label\" v-for=\"(item,index) in options1\" />\n      </vs-select>\n    </div>\n\n    <template slot=\"codeContainer\">\n&lt;template lang=&quot;html&quot;&gt;\n  &lt;div class=&quot;con-select-example&quot;&gt;\n\n    &lt;vs-select class=&quot;selectExample&quot; v-model=&quot;select1&quot; &gt;\n      &lt;vs-select-item\n        :is-selected.sync=&quot;item.isSelected&quot;\n        :key=&quot;index&quot;\n        :value=&quot;item.value&quot;\n        :text=&quot;item.isSelected?item.selectedText:item.label&quot;\n        v-for=&quot;(item,index) in options1&quot;\n        /&gt;\n    &lt;/vs-select&gt;\n\n  &lt;/div&gt;\n&lt;/template&gt;\n\n&lt;script&gt;\nexport default {\n  data(){\n    return {\n      select1:3,\n      options1:[\n        {value: 1, label: &apos;label 1&apos;, selectedText: &apos;show after select label 1&apos;, isSelected: false },\n        {value: 2, label: &apos;label 2&apos;, selectedText: &apos;show after select label 2&apos;, isSelected: false },\n        {value: 3, label: &apos;label 3&apos;, selectedText: &apos;show after select label 3&apos;, isSelected: false },\n      ],\n    }\n  }\n}\n&lt;/script&gt;\n\n&lt;style&gt;\n.selectExample {\n  margin: 10px;\n}\n.con-select-example {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.con-select .vs-select {\n  width: 100%\n}\n@media (max-width: 550px) {\n  .con-select {\n    flex-direction: column;\n  }\n  .con-select .vs-select {\n    width: 100%\n  }\n}\n&lt;/style&gt;\n    </template>\n  </vx-card>\n</template>\n\n<script>\nexport default {\n  data () {\n    return {\n      select1: 3,\n      options1: [\n        { value: 1, label: 'label 1', selectedText: 'show after select label 1', isSelected: false },\n        { value: 2, label: 'label 2', selectedText: 'show after select label 2', isSelected: false },\n        { value: 3, label: 'label 3', selectedText: 'show after select label 3', isSelected: false }\n      ]\n    }\n  }\n}\n</script>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SelectIsSelectedItem.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SelectIsSelectedItem.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SelectIsSelectedItem.vue?vue&type=template&id=ec83d7c2&\"\nimport script from \"./SelectIsSelectedItem.vue?vue&type=script&lang=js&\"\nexport * from \"./SelectIsSelectedItem.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\":\"Group items\",\"code-toggler\":\"\"}},[_c('p',[_vm._v(\"You can group elements with the sub component \"),_c('code',[_vm._v(\"vs-select-group\")])]),_c('div',{staticClass:\"demo-alignment\"},[_c('vs-select',{staticClass:\"selectExample\",model:{value:(_vm.select81),callback:function ($$v) {_vm.select81=$$v},expression:\"select81\"}},_vm._l((_vm.options81),function(item,index){return _c('div',{key:index},[(item.group)?_c('vs-select-group',{attrs:{\"title\":item.title}},_vm._l((item.group),function(item,index){return _c('vs-select-item',{key:index,attrs:{\"value\":item.value,\"text\":item.text}})}),1):_vm._e()],1)}),0),_c('vs-select',{staticClass:\"selectExample\",attrs:{\"vs-multiple\":\"\"},model:{value:(_vm.select82),callback:function ($$v) {_vm.select82=$$v},expression:\"select82\"}},_vm._l((_vm.options82),function(item,index){return _c('div',{key:index},[(item.group)?_c('vs-select-group',{attrs:{\"title\":item.title}},_vm._l((item.group),function(item,index){return _c('vs-select-item',{key:index,attrs:{\"value\":item.value,\"text\":item.text}})}),1):_vm._e()],1)}),0),_c('vs-select',{staticClass:\"selectExample\",attrs:{\"vs-autocomplete\":\"\"},model:{value:(_vm.select83),callback:function ($$v) {_vm.select83=$$v},expression:\"select83\"}},_vm._l((_vm.options83),function(item,index){return _c('div',{key:index},[(item.group)?_c('vs-select-group',{attrs:{\"title\":item.title}},_vm._l((item.group),function(item,index){return _c('vs-select-item',{key:index,attrs:{\"value\":item.value,\"text\":item.text}})}),1):_vm._e()],1)}),0)],1),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template lang=\\\"html\\\">\\n  <div class=\\\"con-select-example\\\">\\n\\n    <vs-select class=\\\"selectExample\\\" vs-label=\\\"Defautl\\\" v-model=\\\"select1\\\">\\n      <div :key=\\\"index\\\" v-for=\\\"(item,index) in options1\\\">\\n\\n        <vs-select-group :title=\\\"item.title\\\" v-if=\\\"item.group\\\">\\n          <vs-select-item :key=\\\"index\\\" :value=\\\"item.value\\\" :text=\\\"item.text\\\" v-for=\\\"(item,index) in item.group\\\" />\\n        </vs-select-group>\\n\\n      </div>\\n    </vs-select>\\n\\n    <vs-select vs-multiple class=\\\"selectExample\\\" vs-label=\\\"Multiple\\\" v-model=\\\"select2\\\">\\n      <div :key=\\\"index\\\" v-for=\\\"(item,index) in options2\\\">\\n\\n        <vs-select-group :title=\\\"item.title\\\" v-if=\\\"item.group\\\">\\n          <vs-select-item :key=\\\"index\\\" :value=\\\"item.value\\\" :text=\\\"item.text\\\" v-for=\\\"(item,index) in item.group\\\" />\\n        </vs-select-group>\\n\\n      </div>\\n    </vs-select>\\n\\n    <vs-select vs-autocomplete class=\\\"selectExample\\\" vs-label=\\\"Autocomplete\\\" v-model=\\\"select3\\\">\\n      <div :key=\\\"index\\\" v-for=\\\"(item,index) in options3\\\">\\n\\n        <vs-select-group :title=\\\"item.title\\\" v-if=\\\"item.group\\\">\\n          <vs-select-item :key=\\\"index\\\" :value=\\\"item.value\\\" :text=\\\"item.text\\\" v-for=\\\"(item,index) in item.group\\\" />\\n        </vs-select-group>\\n\\n      </div>\\n    </vs-select>\\n  </div>\\n</template>\\n\\n<script>\\nexport default {\\n  data() {\\n    return {\\n      select1: 6,\\n      select2: [6],\\n      select3: ['red'],\\n      options1: [{\\n          title: 'Figures',\\n          group: [\\n            { text: 'Romboid', value: 4 },\\n            { text: 'Trapeze', value: 5 },\\n            { text: 'Triangle', value: 6 },\\n            { text: 'Polygon', value: 7 },\\n          ]\\n        },\\n        {\\n          title: 'Colors',\\n          group: [\\n            { text: 'Red', value: 'red' },\\n            { text: 'Green', value: 'green' },\\n            { text: 'Blue', value: 'blue' },\\n            { text: 'Purple', value: 'purple' },\\n          ]\\n        }\\n      ],\\n      options2: [{\\n          title: 'Figures',\\n          group: [\\n            { text: 'Romboid', value: 4 },\\n            { text: 'Trapeze', value: 5 },\\n            { text: 'Triangle', value: 6 },\\n            { text: 'Polygon', value: 7 },\\n          ]\\n        },\\n        {\\n          title: 'Colors',\\n          group: [\\n            { text: 'Red', value: 'red' },\\n            { text: 'Green', value: 'green' },\\n            { text: 'Blue', value: 'blue' },\\n            { text: 'Purple', value: 'purple' },\\n          ]\\n        }\\n      ],\\n      options3: [{\\n          title: 'Figures',\\n          group: [\\n            { text: 'Romboid', value: 4 },\\n            { text: 'Trapeze', value: 5 },\\n            { text: 'Triangle', value: 6 },\\n            { text: 'Polygon', value: 7 },\\n          ]\\n        },\\n        {\\n          title: 'Colors',\\n          group: [\\n            { text: 'Red', value: 'red' },\\n            { text: 'Green', value: 'green' },\\n            { text: 'Blue', value: 'blue' },\\n            { text: 'Purple', value: 'purple' },\\n          ]\\n        }\\n      ],\\n    }\\n  },\\n}\\n</script>\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\n    File Name: SelectGroupItems.vue\n    Description: Group options in select element\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=\"Group items\" code-toggler>\n\n        <p>You can group elements with the sub component <code>vs-select-group</code></p>\n\n        <div class=\"demo-alignment\">\n\n            <vs-select class=\"selectExample\" v-model=\"select81\">\n                <div :key=\"index\" v-for=\"(item,index) in options81\">\n                    <vs-select-group :title=\"item.title\" v-if=\"item.group\">\n                        <vs-select-item :key=\"index\" :value=\"item.value\" :text=\"item.text\" v-for=\"(item,index) in item.group\" />\n                    </vs-select-group>\n                </div>\n            </vs-select>\n\n            <vs-select vs-multiple class=\"selectExample\" v-model=\"select82\">\n                <div :key=\"index\" v-for=\"(item,index) in options82\">\n                    <vs-select-group :title=\"item.title\" v-if=\"item.group\">\n                        <vs-select-item :key=\"index\" :value=\"item.value\" :text=\"item.text\" v-for=\"(item,index) in item.group\" />\n                    </vs-select-group>\n                </div>\n            </vs-select>\n\n            <vs-select vs-autocomplete class=\"selectExample\" v-model=\"select83\">\n                <div :key=\"index\" v-for=\"(item,index) in options83\">\n                    <vs-select-group :title=\"item.title\" v-if=\"item.group\">\n                        <vs-select-item :key=\"index\" :value=\"item.value\" :text=\"item.text\" v-for=\"(item,index) in item.group\" />\n                    </vs-select-group>\n                </div>\n            </vs-select>\n        </div>\n\n        <template slot=\"codeContainer\">\n&lt;template lang=&quot;html&quot;&gt;\n  &lt;div class=&quot;con-select-example&quot;&gt;\n\n    &lt;vs-select class=&quot;selectExample&quot; vs-label=&quot;Defautl&quot; v-model=&quot;select1&quot;&gt;\n      &lt;div :key=&quot;index&quot; v-for=&quot;(item,index) in options1&quot;&gt;\n\n        &lt;vs-select-group :title=&quot;item.title&quot; v-if=&quot;item.group&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 item.group&quot; /&gt;\n        &lt;/vs-select-group&gt;\n\n      &lt;/div&gt;\n    &lt;/vs-select&gt;\n\n    &lt;vs-select vs-multiple class=&quot;selectExample&quot; vs-label=&quot;Multiple&quot; v-model=&quot;select2&quot;&gt;\n      &lt;div :key=&quot;index&quot; v-for=&quot;(item,index) in options2&quot;&gt;\n\n        &lt;vs-select-group :title=&quot;item.title&quot; v-if=&quot;item.group&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 item.group&quot; /&gt;\n        &lt;/vs-select-group&gt;\n\n      &lt;/div&gt;\n    &lt;/vs-select&gt;\n\n    &lt;vs-select vs-autocomplete class=&quot;selectExample&quot; vs-label=&quot;Autocomplete&quot; v-model=&quot;select3&quot;&gt;\n      &lt;div :key=&quot;index&quot; v-for=&quot;(item,index) in options3&quot;&gt;\n\n        &lt;vs-select-group :title=&quot;item.title&quot; v-if=&quot;item.group&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 item.group&quot; /&gt;\n        &lt;/vs-select-group&gt;\n\n      &lt;/div&gt;\n    &lt;/vs-select&gt;\n  &lt;/div&gt;\n&lt;/template&gt;\n\n&lt;script&gt;\nexport default {\n  data() {\n    return {\n      select1: 6,\n      select2: [6],\n      select3: [&apos;red&apos;],\n      options1: [{\n          title: &apos;Figures&apos;,\n          group: [\n            { text: &apos;Romboid&apos;, value: 4 },\n            { text: &apos;Trapeze&apos;, value: 5 },\n            { text: &apos;Triangle&apos;, value: 6 },\n            { text: &apos;Polygon&apos;, value: 7 },\n          ]\n        },\n        {\n          title: &apos;Colors&apos;,\n          group: [\n            { text: &apos;Red&apos;, value: &apos;red&apos; },\n            { text: &apos;Green&apos;, value: &apos;green&apos; },\n            { text: &apos;Blue&apos;, value: &apos;blue&apos; },\n            { text: &apos;Purple&apos;, value: &apos;purple&apos; },\n          ]\n        }\n      ],\n      options2: [{\n          title: &apos;Figures&apos;,\n          group: [\n            { text: &apos;Romboid&apos;, value: 4 },\n            { text: &apos;Trapeze&apos;, value: 5 },\n            { text: &apos;Triangle&apos;, value: 6 },\n            { text: &apos;Polygon&apos;, value: 7 },\n          ]\n        },\n        {\n          title: &apos;Colors&apos;,\n          group: [\n            { text: &apos;Red&apos;, value: &apos;red&apos; },\n            { text: &apos;Green&apos;, value: &apos;green&apos; },\n            { text: &apos;Blue&apos;, value: &apos;blue&apos; },\n            { text: &apos;Purple&apos;, value: &apos;purple&apos; },\n          ]\n        }\n      ],\n      options3: [{\n          title: &apos;Figures&apos;,\n          group: [\n            { text: &apos;Romboid&apos;, value: 4 },\n            { text: &apos;Trapeze&apos;, value: 5 },\n            { text: &apos;Triangle&apos;, value: 6 },\n            { text: &apos;Polygon&apos;, value: 7 },\n          ]\n        },\n        {\n          title: &apos;Colors&apos;,\n          group: [\n            { text: &apos;Red&apos;, value: &apos;red&apos; },\n            { text: &apos;Green&apos;, value: &apos;green&apos; },\n            { text: &apos;Blue&apos;, value: &apos;blue&apos; },\n            { text: &apos;Purple&apos;, value: &apos;purple&apos; },\n          ]\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      select81: 6,\n      select82: [6],\n      select83: ['red'],\n      options81: [\n        {\n          title: 'Figures',\n          group: [\n            { text: 'Romboid', value: 4 },\n            { text: 'Trapeze', value: 5 },\n            { text: 'Triangle', value: 6 },\n            { text: 'Polygon', value: 7 }\n          ]\n        },\n        {\n          title: 'Colors',\n          group: [\n            { text: 'Red', value: 'red' },\n            { text: 'Green', value: 'green' },\n            { text: 'Blue', value: 'blue' },\n            { text: 'Purple', value: 'purple' }\n          ]\n        }\n      ],\n      options82: [\n        {\n          title: 'Figures',\n          group: [\n            { text: 'Romboid', value: 4 },\n            { text: 'Trapeze', value: 5 },\n            { text: 'Triangle', value: 6 },\n            { text: 'Polygon', value: 7 }\n          ]\n        },\n        {\n          title: 'Colors',\n          group: [\n            { text: 'Red', value: 'red' },\n            { text: 'Green', value: 'green' },\n            { text: 'Blue', value: 'blue' },\n            { text: 'Purple', value: 'purple' }\n          ]\n        }\n      ],\n      options83: [\n        {\n          title: 'Figures',\n          group: [\n            { text: 'Romboid', value: 4 },\n            { text: 'Trapeze', value: 5 },\n            { text: 'Triangle', value: 6 },\n            { text: 'Polygon', value: 7 }\n          ]\n        },\n        {\n          title: 'Colors',\n          group: [\n            { text: 'Red', value: 'red' },\n            { text: 'Green', value: 'green' },\n            { text: 'Blue', value: 'blue' },\n            { text: 'Purple', value: 'purple' }\n          ]\n        }\n      ]\n    }\n  }\n}\n</script>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SelectGroupItems.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SelectGroupItems.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SelectGroupItems.vue?vue&type=template&id=683dbab3&\"\nimport script from \"./SelectGroupItems.vue?vue&type=script&lang=js&\"\nexport * from \"./SelectGroupItems.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","<!-- =========================================================================================\n    File Name: Select.vue\n    Description: Select element - 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=\"form-element-select-demo\">\n        <select-single-selection></select-single-selection>\n        <select-color></select-color>\n        <select-autocomplete></select-autocomplete>\n        <select-multiple></select-multiple>\n        <select-labels></select-labels>\n        <select-validators></select-validators>\n        <select-is-selected-item></select-is-selected-item>\n        <select-group-items></select-group-items>\n    </div>\n</template>\n\n<script>\nimport SelectSingleSelection from './SelectSingleSelection.vue'\nimport SelectColor from './SelectColor.vue'\nimport SelectAutocomplete from './SelectAutocomplete.vue'\nimport SelectMultiple from './SelectMultiple.vue'\nimport SelectLabels from './SelectLabels.vue'\nimport SelectValidators from './SelectValidators.vue'\nimport SelectIsSelectedItem from './SelectIsSelectedItem.vue'\nimport SelectGroupItems from './SelectGroupItems.vue'\n\nexport default {\n  components: {\n    SelectSingleSelection,\n    SelectColor,\n    SelectAutocomplete,\n    SelectMultiple,\n    SelectLabels,\n    SelectValidators,\n    SelectIsSelectedItem,\n    SelectGroupItems\n  }\n}\n</script>\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Select.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Select.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Select.vue?vue&type=template&id=3effd73a&\"\nimport script from \"./Select.vue?vue&type=script&lang=js&\"\nexport * from \"./Select.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":""}