{"version":3,"sources":["webpack:///./src/views/forms/form-elements/select/Select.vue?b2d9","webpack:///./src/views/forms/form-elements/select/SelectSingleSelection.vue?53cc","webpack:///src/views/forms/form-elements/select/SelectSingleSelection.vue","webpack:///./src/views/forms/form-elements/select/SelectSingleSelection.vue?f93e","webpack:///./src/views/forms/form-elements/select/SelectSingleSelection.vue","webpack:///./src/views/forms/form-elements/select/SelectColor.vue?f6bf","webpack:///src/views/forms/form-elements/select/SelectColor.vue","webpack:///./src/views/forms/form-elements/select/SelectColor.vue?67c1","webpack:///./src/views/forms/form-elements/select/SelectColor.vue","webpack:///./src/views/forms/form-elements/select/SelectAutocomplete.vue?9ba5","webpack:///src/views/forms/form-elements/select/SelectAutocomplete.vue","webpack:///./src/views/forms/form-elements/select/SelectAutocomplete.vue?97fe","webpack:///./src/views/forms/form-elements/select/SelectAutocomplete.vue","webpack:///./src/views/forms/form-elements/select/SelectMultiple.vue?5817","webpack:///src/views/forms/form-elements/select/SelectMultiple.vue","webpack:///./src/views/forms/form-elements/select/SelectMultiple.vue?5c7e","webpack:///./src/views/forms/form-elements/select/SelectMultiple.vue","webpack:///./src/views/forms/form-elements/select/SelectLabels.vue?4ed5","webpack:///src/views/forms/form-elements/select/SelectLabels.vue","webpack:///./src/views/forms/form-elements/select/SelectLabels.vue?2daa","webpack:///./src/views/forms/form-elements/select/SelectLabels.vue","webpack:///./src/views/forms/form-elements/select/SelectValidators.vue?356f","webpack:///src/views/forms/form-elements/select/SelectValidators.vue","webpack:///./src/views/forms/form-elements/select/SelectValidators.vue?694c","webpack:///./src/views/forms/form-elements/select/SelectValidators.vue","webpack:///./src/views/forms/form-elements/select/SelectIsSelectedItem.vue?ebf2","webpack:///src/views/forms/form-elements/select/SelectIsSelectedItem.vue","webpack:///./src/views/forms/form-elements/select/SelectIsSelectedItem.vue?a4b2","webpack:///./src/views/forms/form-elements/select/SelectIsSelectedItem.vue","webpack:///./src/views/forms/form-elements/select/SelectGroupItems.vue?0c36","webpack:///src/views/forms/form-elements/select/SelectGroupItems.vue","webpack:///./src/views/forms/form-elements/select/SelectGroupItems.vue?d634","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?8ba9","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","$t","select4","exampleOptions","isSelected","selectedText","label","$set","select81","title","_e","select82","select83","options81","options82","options83","components","SelectSingleSelection","SelectColor","SelectAutocomplete","SelectMultiple","SelectLabels","SelectValidators","SelectIsSelectedItem","SelectGroupItems"],"mappings":"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","file":"js/chunk-2d0dd9fc.de19ee71.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: Adstor - Multi Marketing Advertising Platform\n      Author: DevMind\n    Author URL: https://devmind.uz\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=0b92ab82&\"\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: Adstor - Multi Marketing Advertising Platform\n      Author: DevMind\n    Author URL: https://devmind.uz\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=04471302&\"\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: Adstor - Multi Marketing Advertising Platform\n      Author: DevMind\n    Author URL: https://devmind.uz\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=3a6af10d&\"\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: Adstor - Multi Marketing Advertising Platform\n      Author: DevMind\n    Author URL: https://devmind.uz\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=135a76d1&\"\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: Adstor - Multi Marketing Advertising Platform\n  Author: DevMind\n  Author URL: https://devmind.uz\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=2f1bb98c&\"\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(\"\\n    You can add a state for example of in affirmative response to a validation\\n    with \"),_c('code',[_vm._v(\"success\")]),_vm._v(\" and if it is necessary to add a description or\\n    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\\n      \"),_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\":_vm.$t('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\\\"> <div\\n    class=\\\"con-select-example\\\"> <vs-select\\n    :success=\\\"true\\\" success-text=\\\"This field is valid\\\"\\n    placeholder=\\\"Select\\\" class=\\\"selectExample\\\"\\n    label=\\\"Success\\\" multiple v-model=\\\"select1\\\" >\\n    <vs-select-item :key=\\\"index\\\" :value=\\\"item.value\\\"\\n    :text=\\\"item.text\\\" v-for=\\\"(item,index) in\\n    exampleOptions\\\" /> </vs-select> <vs-select\\n    :danger=\\\"true\\\" danger-text=\\\"This field is invalid\\\"\\n    placeholder=\\\"Select\\\" class=\\\"selectExample\\\"\\n    label=\\\"Danger\\\" multiple v-model=\\\"select2\\\" >\\n    <vs-select-item :key=\\\"index\\\" :value=\\\"item.value\\\"\\n    :text=\\\"item.text\\\" v-for=\\\"(item,index) in\\n    exampleOptions\\\" /> </vs-select> <vs-select\\n    :warning=\\\"true\\\" warning-text=\\\"This field is invalid\\\"\\n    placeholder=\\\"Select\\\" class=\\\"selectExample\\\"\\n    label=\\\"Warning\\\" multiple v-model=\\\"select3\\\" >\\n    <vs-select-item :key=\\\"index\\\" :value=\\\"item.value\\\"\\n    :text=\\\"item.text\\\" v-for=\\\"(item,index) in\\n    exampleOptions\\\" /> </vs-select> <vs-select\\n    description-text=\\\"Simple info for multiple select\\\"\\n    placeholder=\\\"Select\\\" class=\\\"selectExample\\\"\\n    label=\\\"Description\\\" multiple v-model=\\\"select4\\\" >\\n    <vs-select-item :key=\\\"index\\\" :value=\\\"item.value\\\"\\n    :text=\\\"item.text\\\" v-for=\\\"(item,index) in\\n    exampleOptions\\\" /> </vs-select> </div>\\n    </template> <script> export default { data(){ return {\\n    select1:[], select2:[], select3:[], select4:[], exampleOptions:[ {text:\\n    'Square', value: 1}, {text: 'Rectangle', value: 2},\\n    {text: 'Rombo', value: 3}, {text: 'Romboid', value:\\n    4}, {text: 'Trapeze', value: 5}, {text: 'Triangle',\\n    value: 6}, {text: 'Polygon', value: 7}, {text: 'Regular\\n    polygon', value: 8}, {text: 'Circumference', value: 9},\\n    {text: 'Circle', value: 10}, {text: 'Circular sector',\\n    value: 11}, {text: 'Circular trapeze', value: 12}, ] } } }\\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: Adstor - Multi Marketing Advertising Platform\n      Author: DevMind\n    Author URL: https://devmind.uz\n========================================================================================== -->\n\n<template>\n  <vx-card title=\"Validators\" code-toggler>\n    <p>\n      You can add a state for example of in affirmative response to a validation\n      with <code>success</code> and if it is necessary to add a description or\n      help to the user you can do it with the property <code>description</code>\n    </p>\n\n    <vs-alert color=\"primary\" icon=\"new_releases\" active=\"true\" class=\"mt-5\">\n      <span\n        >Each of the states you can change the text, for example in the case of\n        <code>vs-danger-text</code> for the state of danger.</span\n      > </vs-alert\n    ><br />\n\n    <div class=\"demo-alignment\">\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\n          :key=\"index\"\n          :value=\"item.value\"\n          :text=\"item.text\"\n          v-for=\"(item, index) in exampleOptions\"\n        />\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\n          :key=\"index\"\n          :value=\"item.value\"\n          :text=\"item.text\"\n          v-for=\"(item, index) in exampleOptions\"\n        />\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\n          :key=\"index\"\n          :value=\"item.value\"\n          :text=\"item.text\"\n          v-for=\"(item, index) in exampleOptions\"\n        />\n      </vs-select>\n\n      <vs-select\n        description-text=\"Simple info for multiple select\"\n        placeholder=\"Select\"\n        class=\"selectExample\"\n        :label=\"$t('Description')\"\n        multiple\n        v-model=\"select4\"\n      >\n        <vs-select-item\n          :key=\"index\"\n          :value=\"item.value\"\n          :text=\"item.text\"\n          v-for=\"(item, index) in exampleOptions\"\n        />\n      </vs-select>\n    </div>\n    <template slot=\"codeContainer\">\n      &lt;template lang=&quot;html&quot;&gt; &lt;div\n      class=&quot;con-select-example&quot;&gt; &lt;vs-select\n      :success=&quot;true&quot; success-text=&quot;This field is valid&quot;\n      placeholder=&quot;Select&quot; class=&quot;selectExample&quot;\n      label=&quot;Success&quot; multiple v-model=&quot;select1&quot; &gt;\n      &lt;vs-select-item :key=&quot;index&quot; :value=&quot;item.value&quot;\n      :text=&quot;item.text&quot; v-for=&quot;(item,index) in\n      exampleOptions&quot; /&gt; &lt;/vs-select&gt; &lt;vs-select\n      :danger=&quot;true&quot; danger-text=&quot;This field is invalid&quot;\n      placeholder=&quot;Select&quot; class=&quot;selectExample&quot;\n      label=&quot;Danger&quot; multiple v-model=&quot;select2&quot; &gt;\n      &lt;vs-select-item :key=&quot;index&quot; :value=&quot;item.value&quot;\n      :text=&quot;item.text&quot; v-for=&quot;(item,index) in\n      exampleOptions&quot; /&gt; &lt;/vs-select&gt; &lt;vs-select\n      :warning=&quot;true&quot; warning-text=&quot;This field is invalid&quot;\n      placeholder=&quot;Select&quot; class=&quot;selectExample&quot;\n      label=&quot;Warning&quot; multiple v-model=&quot;select3&quot; &gt;\n      &lt;vs-select-item :key=&quot;index&quot; :value=&quot;item.value&quot;\n      :text=&quot;item.text&quot; v-for=&quot;(item,index) in\n      exampleOptions&quot; /&gt; &lt;/vs-select&gt; &lt;vs-select\n      description-text=&quot;Simple info for multiple select&quot;\n      placeholder=&quot;Select&quot; class=&quot;selectExample&quot;\n      label=&quot;Description&quot; multiple v-model=&quot;select4&quot; &gt;\n      &lt;vs-select-item :key=&quot;index&quot; :value=&quot;item.value&quot;\n      :text=&quot;item.text&quot; v-for=&quot;(item,index) in\n      exampleOptions&quot; /&gt; &lt;/vs-select&gt; &lt;/div&gt;\n      &lt;/template&gt; &lt;script&gt; export default { data(){ return {\n      select1:[], select2:[], select3:[], select4:[], exampleOptions:[ {text:\n      &apos;Square&apos;, value: 1}, {text: &apos;Rectangle&apos;, value: 2},\n      {text: &apos;Rombo&apos;, value: 3}, {text: &apos;Romboid&apos;, value:\n      4}, {text: &apos;Trapeze&apos;, value: 5}, {text: &apos;Triangle&apos;,\n      value: 6}, {text: &apos;Polygon&apos;, value: 7}, {text: &apos;Regular\n      polygon&apos;, value: 8}, {text: &apos;Circumference&apos;, value: 9},\n      {text: &apos;Circle&apos;, value: 10}, {text: &apos;Circular sector&apos;,\n      value: 11}, {text: &apos;Circular trapeze&apos;, value: 12}, ] } } }\n      &lt;/script&gt;\n    </template>\n  </vx-card>\n</template>\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","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=15c12fc3&\"\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: Adstor - Multi Marketing Advertising Platform\n  Author: DevMind\n  Author URL: https://devmind.uz\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=14d1cc84&\"\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: Adstor - Multi Marketing Advertising Platform\n      Author: DevMind\n    Author URL: https://devmind.uz\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=46198b6e&\"\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: Adstor - Multi Marketing Advertising Platform\n      Author: DevMind\n    Author URL: https://devmind.uz\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=432f60de&\"\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":""}