{"version":3,"sources":["webpack:///./src/views/forms/form-elements/switch/Switch.vue?e551","webpack:///./src/views/forms/form-elements/switch/Switch.vue?9dc5","webpack:///./src/views/forms/form-elements/switch/SwitchState.vue?7ebd","webpack:///src/views/forms/form-elements/switch/SwitchState.vue","webpack:///./src/views/forms/form-elements/switch/SwitchState.vue?cb0f","webpack:///./src/views/forms/form-elements/switch/SwitchState.vue","webpack:///./src/views/forms/form-elements/switch/SwitchColor.vue?91d2","webpack:///src/views/forms/form-elements/switch/SwitchColor.vue","webpack:///./src/views/forms/form-elements/switch/SwitchColor.vue?06fe","webpack:///./src/views/forms/form-elements/switch/SwitchColor.vue","webpack:///./src/views/forms/form-elements/switch/SwitchText.vue?6123","webpack:///src/views/forms/form-elements/switch/SwitchText.vue","webpack:///./src/views/forms/form-elements/switch/SwitchText.vue?fba0","webpack:///./src/views/forms/form-elements/switch/SwitchText.vue","webpack:///./src/views/forms/form-elements/switch/SwitchIcons.vue?9e6b","webpack:///src/views/forms/form-elements/switch/SwitchIcons.vue","webpack:///./src/views/forms/form-elements/switch/SwitchIcons.vue?7691","webpack:///./src/views/forms/form-elements/switch/SwitchIcons.vue","webpack:///./src/views/forms/form-elements/switch/SwitchArrayValue.vue?595c","webpack:///src/views/forms/form-elements/switch/SwitchArrayValue.vue","webpack:///./src/views/forms/form-elements/switch/SwitchArrayValue.vue?7a4c","webpack:///./src/views/forms/form-elements/switch/SwitchArrayValue.vue","webpack:///src/views/forms/form-elements/switch/Switch.vue","webpack:///./src/views/forms/form-elements/switch/Switch.vue?4375","webpack:///./src/views/forms/form-elements/switch/Switch.vue?0830"],"names":["_node_modules_vue_cli_service_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_lib_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Switch_vue_vue_type_style_index_0_lang_scss___WEBPACK_IMPORTED_MODULE_0__","__webpack_require__","_node_modules_vue_cli_service_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_lib_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Switch_vue_vue_type_style_index_0_lang_scss___WEBPACK_IMPORTED_MODULE_0___default","n","render","_vm","this","_h","$createElement","_c","_self","attrs","id","staticRenderFns","SwitchStatevue_type_template_id_e5053a48_render","title","code-toggler","_v","staticClass","model","value","callback","$$v","switch1","expression","switch2","disabled","switch3","switch4","slot","SwitchStatevue_type_template_id_e5053a48_staticRenderFns","SwitchStatevue_type_script_lang_js_","data","switch_SwitchStatevue_type_script_lang_js_","component","Object","componentNormalizer","SwitchState","SwitchColorvue_type_template_id_ffdbe5ae_render","icon","active","color","switch5","_s","switch6","staticStyle","align-self","directives","name","rawName","type","domProps","on","input","$event","target","composing","SwitchColorvue_type_template_id_ffdbe5ae_staticRenderFns","SwitchColorvue_type_script_lang_js_","switch_SwitchColorvue_type_script_lang_js_","SwitchColor_component","SwitchColor","SwitchTextvue_type_template_id_1297317a_render","vs-icon-off","vs-icon-on","icon-pack","SwitchTextvue_type_template_id_1297317a_staticRenderFns","SwitchTextvue_type_script_lang_js_","switch_SwitchTextvue_type_script_lang_js_","SwitchText_component","SwitchText","SwitchIconsvue_type_template_id_4cece9ad_render","href","vs-icon","SwitchIconsvue_type_template_id_4cece9ad_staticRenderFns","SwitchIconsvue_type_script_lang_js_","switch_SwitchIconsvue_type_script_lang_js_","SwitchIcons_component","SwitchIcons","SwitchArrayValuevue_type_template_id_c3c8b7aa_render","vs-value","switchArray","SwitchArrayValuevue_type_template_id_c3c8b7aa_staticRenderFns","SwitchArrayValuevue_type_script_lang_js_","switch_SwitchArrayValuevue_type_script_lang_js_","SwitchArrayValue_component","SwitchArrayValue","Switchvue_type_script_lang_js_","components","switch_Switchvue_type_script_lang_js_","Switch_component","__webpack_exports__"],"mappings":"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","file":"js/chunk-19366bf4.b97d4225.js","sourcesContent":["import mod from \"-!../../../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/lib/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Switch.vue?vue&type=style&index=0&lang=scss&\"; export default mod; export * from \"-!../../../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/lib/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Switch.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"form-element-switch-demo\"}},[_c('switch-state'),_c('switch-color'),_c('switch-text'),_c('switch-icons'),_c('switch-array-value')],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\":\"State\",\"code-toggler\":\"\"}},[_c('p',[_vm._v(\"To implement a switch element in the application, we add the component \"),_c('code',[_vm._v(\"vs-switch\")])]),_c('ul',{staticClass:\"demo-alignment\"},[_c('li',[_c('label',[_vm._v(\"true / active\")]),_c('vs-switch',{model:{value:(_vm.switch1),callback:function ($$v) {_vm.switch1=$$v},expression:\"switch1\"}})],1),_c('li',[_c('label',[_vm._v(\"false / inactive\")]),_c('vs-switch',{model:{value:(_vm.switch2),callback:function ($$v) {_vm.switch2=$$v},expression:\"switch2\"}})],1),_c('li',[_c('label',[_vm._v(\"disabled / active\")]),_c('vs-switch',{attrs:{\"disabled\":\"true\"},model:{value:(_vm.switch3),callback:function ($$v) {_vm.switch3=$$v},expression:\"switch3\"}})],1),_c('li',[_c('label',[_vm._v(\"disabled / inactive\")]),_c('vs-switch',{attrs:{\"disabled\":\"true\"},model:{value:(_vm.switch4),callback:function ($$v) {_vm.switch4=$$v},expression:\"switch4\"}})],1)]),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template lang=\\\"html\\\">\\n  <ul class=\\\"switch-container\\\">\\n    <li>\\n      <label>true / active</label>\\n      <vs-switch v-model=\\\"switch1\\\" />\\n    </li>\\n    <li>\\n      <label>false / inactive</label>\\n      <vs-switch v-model=\\\"switch2\\\" />\\n    </li>\\n    <li>\\n      <label>disabled / active</label>\\n      <vs-switch disabled=\\\"true\\\" v-model=\\\"switch3\\\" />\\n    </li>\\n    <li>\\n      <label>disabled / inactive</label>\\n      <vs-switch disabled=\\\"true\\\" v-model=\\\"switch4\\\" />\\n    </li>\\n  </ul>\\n</template>\\n\\n<script>\\nexport default {\\n  data(){\\n    return {\\n      switch1:true,\\n      switch2:false,\\n      switch3:true,\\n      switch4:false,\\n    }\\n  }\\n}\\n</script>\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\r\n    File Name: SwitchState.vue\r\n    Description: Add Switch element using vs-switch\r\n    ----------------------------------------------------------------------------------------\r\n    Item Name: Vuesax Admin - VueJS Dashboard Admin Template\r\n      Author: Pixinvent\r\n    Author URL: http://www.themeforest.net/user/pixinvent\r\n========================================================================================== -->\r\n\r\n\r\n<template>\r\n    <vx-card title=\"State\" code-toggler>\r\n\r\n        <p>To implement a switch element in the application, we add the component <code>vs-switch</code></p>\r\n\r\n        <ul class=\"demo-alignment\">\r\n            <li>\r\n                <label>true / active</label>\r\n                <vs-switch v-model=\"switch1\" />\r\n            </li>\r\n            <li>\r\n                <label>false / inactive</label>\r\n                <vs-switch v-model=\"switch2\" />\r\n            </li>\r\n            <li>\r\n                <label>disabled / active</label>\r\n                <vs-switch disabled=\"true\" v-model=\"switch3\" />\r\n            </li>\r\n            <li>\r\n                <label>disabled / inactive</label>\r\n                <vs-switch disabled=\"true\" v-model=\"switch4\" />\r\n            </li>\r\n        </ul>\r\n        \r\n        <template slot=\"codeContainer\">\r\n&lt;template lang=&quot;html&quot;&gt;\r\n  &lt;ul class=&quot;switch-container&quot;&gt;\r\n    &lt;li&gt;\r\n      &lt;label&gt;true / active&lt;/label&gt;\r\n      &lt;vs-switch v-model=&quot;switch1&quot; /&gt;\r\n    &lt;/li&gt;\r\n    &lt;li&gt;\r\n      &lt;label&gt;false / inactive&lt;/label&gt;\r\n      &lt;vs-switch v-model=&quot;switch2&quot; /&gt;\r\n    &lt;/li&gt;\r\n    &lt;li&gt;\r\n      &lt;label&gt;disabled / active&lt;/label&gt;\r\n      &lt;vs-switch disabled=&quot;true&quot; v-model=&quot;switch3&quot; /&gt;\r\n    &lt;/li&gt;\r\n    &lt;li&gt;\r\n      &lt;label&gt;disabled / inactive&lt;/label&gt;\r\n      &lt;vs-switch disabled=&quot;true&quot; v-model=&quot;switch4&quot; /&gt;\r\n    &lt;/li&gt;\r\n  &lt;/ul&gt;\r\n&lt;/template&gt;\r\n\r\n&lt;script&gt;\r\nexport default {\r\n  data(){\r\n    return {\r\n      switch1:true,\r\n      switch2:false,\r\n      switch3:true,\r\n      switch4:false,\r\n    }\r\n  }\r\n}\r\n&lt;/script&gt;\r\n        </template>\r\n    </vx-card>\r\n</template>\r\n<script>\r\nexport default {\r\n    data() {\r\n        return {\r\n            switch1: true,\r\n            switch2: false,\r\n            switch3: true,\r\n            switch4: false,\r\n        }\r\n    }\r\n}\r\n</script>","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SwitchState.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SwitchState.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SwitchState.vue?vue&type=template&id=e5053a48&\"\nimport script from \"./SwitchState.vue?vue&type=script&lang=js&\"\nexport * from \"./SwitchState.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vx-card',{attrs:{\"title\":\"Color\",\"code-toggler\":\"\"}},[_c('span',[_vm._v(\"You can choose the default \"),_c('strong',[_vm._v(\"Switch\")]),_vm._v(\". You are able to use the Main Colors or \"),_c('strong',[_vm._v(\"RGB\")]),_vm._v(\" and \"),_c('strong',[_vm._v(\"HEX\")]),_vm._v(\" colors.\")]),_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('ul',{staticClass:\"demo-alignment\"},[_c('li',[_c('label',[_vm._v(\"Primary\")]),_c('vs-switch',{model:{value:(_vm.switch1),callback:function ($$v) {_vm.switch1=$$v},expression:\"switch1\"}})],1),_c('li',[_c('label',[_vm._v(\"Success\")]),_c('vs-switch',{attrs:{\"color\":\"success\"},model:{value:(_vm.switch2),callback:function ($$v) {_vm.switch2=$$v},expression:\"switch2\"}})],1),_c('li',[_c('label',[_vm._v(\"Danger\")]),_c('vs-switch',{attrs:{\"color\":\"danger\"},model:{value:(_vm.switch3),callback:function ($$v) {_vm.switch3=$$v},expression:\"switch3\"}})],1),_c('li',[_c('label',[_vm._v(\"Warning\")]),_c('vs-switch',{attrs:{\"color\":\"warning\"},model:{value:(_vm.switch4),callback:function ($$v) {_vm.switch4=$$v},expression:\"switch4\"}})],1),_c('li',[_c('label',[_vm._v(\"Dark\")]),_c('vs-switch',{attrs:{\"color\":\"dark\"},model:{value:(_vm.switch5),callback:function ($$v) {_vm.switch5=$$v},expression:\"switch5\"}})],1),_c('li',{staticClass:\"con-input-color\"},[_c('label',[_vm._v(\"Color: \"),_c('span',[_vm._v(_vm._s(_vm.color))])]),_c('vs-switch',{attrs:{\"color\":_vm.color},model:{value:(_vm.switch6),callback:function ($$v) {_vm.switch6=$$v},expression:\"switch6\"}})],1),_c('li',{staticStyle:{\"align-self\":\"flex-end\"}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.color),expression:\"color\"}],attrs:{\"type\":\"color\"},domProps:{\"value\":(_vm.color)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.color=$event.target.value}}})])]),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template lang=\\\"html\\\">\\n  <ul class=\\\"con-s\\\">\\n    <li>\\n      <label>Primary</label>\\n      <vs-switch v-model=\\\"switch1\\\" />\\n    </li>\\n    <li>\\n      <label>Success</label>\\n      <vs-switch color=\\\"success\\\" v-model=\\\"switch2\\\" />\\n    </li>\\n    <li>\\n      <label>Danger</label>\\n      <vs-switch color=\\\"danger\\\" v-model=\\\"switch3\\\" />\\n    </li>\\n    <li>\\n      <label>Warning</label>\\n      <vs-switch color=\\\"warning\\\" v-model=\\\"switch4\\\" />\\n    </li>\\n    <li>\\n      <label>Dark</label>\\n      <vs-switch color=\\\"dark\\\" v-model=\\\"switch5\\\" />\\n    </li>\\n    <li class=\\\"con-input-color\\\">\\n      <label>Color: <span>\"+_vm._s(_vm.color)+\"</span></label>\\n      <input v-model=\\\"color\\\" type=\\\"color\\\">\\n      <vs-switch :color=\\\"color\\\" v-model=\\\"switch6\\\" />\\n    </li>\\n  </ul>\\n</template>\\n\\n<script>\\nexport default {\\n  data(){\\n    return {\\n      color:'#5a3cc4',\\n      switch1:true,\\n      switch2:true,\\n      switch3:true,\\n      switch4:true,\\n      switch5:true,\\n      switch6:true,\\n    }\\n  }\\n}\\n</script>\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\r\n    File Name: SwitchColor.vue\r\n    Description: Change color of switch\r\n    ----------------------------------------------------------------------------------------\r\n    Item Name: Vuesax Admin - VueJS Dashboard Admin Template\r\n      Author: Pixinvent\r\n    Author URL: http://www.themeforest.net/user/pixinvent\r\n========================================================================================== -->\r\n\r\n\r\n<template>\r\n    <vx-card title=\"Color\" code-toggler>\r\n\r\n        <span>You can choose the default <strong>Switch</strong>. You are able to use the Main Colors or <strong>RGB</strong> and <strong>HEX</strong> colors.</span>\r\n\r\n        <vs-alert icon=\"warning\" active=\"true\" color=\"warning\" class=\"mt-5\">\r\n            <span>Only <strong>RGB</strong> and <strong>HEX</strong> colors are supported.</span>\r\n        </vs-alert>\r\n\r\n        <ul class=\"demo-alignment\">\r\n            <li>\r\n                <label>Primary</label>\r\n                <vs-switch v-model=\"switch1\" />\r\n            </li>\r\n            <li>\r\n                <label>Success</label>\r\n                <vs-switch color=\"success\" v-model=\"switch2\" />\r\n            </li>\r\n            <li>\r\n                <label>Danger</label>\r\n                <vs-switch color=\"danger\" v-model=\"switch3\" />\r\n            </li>\r\n            <li>\r\n                <label>Warning</label>\r\n                <vs-switch color=\"warning\" v-model=\"switch4\" />\r\n            </li>\r\n            <li>\r\n                <label>Dark</label>\r\n                <vs-switch color=\"dark\" v-model=\"switch5\" />\r\n            </li>\r\n            <li class=\"con-input-color\">\r\n                <label>Color: <span>{{color}}</span></label>\r\n                <vs-switch :color=\"color\" v-model=\"switch6\" />\r\n            </li>\r\n            <li style=\"align-self: flex-end\">\r\n                <input v-model=\"color\" type=\"color\">\r\n            </li>\r\n        </ul>\r\n        \r\n        <template slot=\"codeContainer\">\r\n&lt;template lang=&quot;html&quot;&gt;\r\n  &lt;ul class=&quot;con-s&quot;&gt;\r\n    &lt;li&gt;\r\n      &lt;label&gt;Primary&lt;/label&gt;\r\n      &lt;vs-switch v-model=&quot;switch1&quot; /&gt;\r\n    &lt;/li&gt;\r\n    &lt;li&gt;\r\n      &lt;label&gt;Success&lt;/label&gt;\r\n      &lt;vs-switch color=&quot;success&quot; v-model=&quot;switch2&quot; /&gt;\r\n    &lt;/li&gt;\r\n    &lt;li&gt;\r\n      &lt;label&gt;Danger&lt;/label&gt;\r\n      &lt;vs-switch color=&quot;danger&quot; v-model=&quot;switch3&quot; /&gt;\r\n    &lt;/li&gt;\r\n    &lt;li&gt;\r\n      &lt;label&gt;Warning&lt;/label&gt;\r\n      &lt;vs-switch color=&quot;warning&quot; v-model=&quot;switch4&quot; /&gt;\r\n    &lt;/li&gt;\r\n    &lt;li&gt;\r\n      &lt;label&gt;Dark&lt;/label&gt;\r\n      &lt;vs-switch color=&quot;dark&quot; v-model=&quot;switch5&quot; /&gt;\r\n    &lt;/li&gt;\r\n    &lt;li class=&quot;con-input-color&quot;&gt;\r\n      &lt;label&gt;Color: &lt;span&gt;{{color}}&lt;/span&gt;&lt;/label&gt;\r\n      &lt;input v-model=&quot;color&quot; type=&quot;color&quot;&gt;\r\n      &lt;vs-switch :color=&quot;color&quot; v-model=&quot;switch6&quot; /&gt;\r\n    &lt;/li&gt;\r\n  &lt;/ul&gt;\r\n&lt;/template&gt;\r\n\r\n&lt;script&gt;\r\nexport default {\r\n  data(){\r\n    return {\r\n      color:&apos;#5a3cc4&apos;,\r\n      switch1:true,\r\n      switch2:true,\r\n      switch3:true,\r\n      switch4:true,\r\n      switch5:true,\r\n      switch6:true,\r\n    }\r\n  }\r\n}\r\n&lt;/script&gt;\r\n        </template>\r\n    </vx-card>\r\n</template>\r\n<script>\r\nexport default {\r\n    data() {\r\n        return {\r\n            color: '#5a3cc4',\r\n            switch1: true,\r\n            switch2: true,\r\n            switch3: true,\r\n            switch4: true,\r\n            switch5: true,\r\n            switch6: true,\r\n        }\r\n    }\r\n}\r\n</script>","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SwitchColor.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SwitchColor.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SwitchColor.vue?vue&type=template&id=ffdbe5ae&\"\nimport script from \"./SwitchColor.vue?vue&type=script&lang=js&\"\nexport * from \"./SwitchColor.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\":\"Text\",\"code-toggler\":\"\"}},[_c('span',[_vm._v(\"You can add a descriptive text with the slot \"),_c('code',[_vm._v(\"on\")]),_vm._v(\" or \"),_c('code',[_vm._v(\"off\")]),_vm._v(\". You can also join the text with the icons.\")]),_c('ul',{staticClass:\"demo-alignment\"},[_c('li',[_c('vs-switch',{model:{value:(_vm.switch1),callback:function ($$v) {_vm.switch1=$$v},expression:\"switch1\"}},[_c('span',{attrs:{\"slot\":\"on\"},slot:\"on\"},[_vm._v(\"On\")]),_c('span',{attrs:{\"slot\":\"off\"},slot:\"off\"},[_vm._v(\"Off\")])])],1),_c('li',[_c('vs-switch',{attrs:{\"color\":\"success\"},model:{value:(_vm.switch2),callback:function ($$v) {_vm.switch2=$$v},expression:\"switch2\"}},[_c('span',{attrs:{\"slot\":\"on\"},slot:\"on\"},[_vm._v(\"Accept\")]),_c('span',{attrs:{\"slot\":\"off\"},slot:\"off\"},[_vm._v(\"Cancel\")])])],1),_c('li',[_c('vs-switch',{attrs:{\"color\":\"danger\",\"vs-icon-off\":\"close\"},model:{value:(_vm.switch3),callback:function ($$v) {_vm.switch3=$$v},expression:\"switch3\"}},[_c('span',{attrs:{\"slot\":\"on\"},slot:\"on\"},[_vm._v(\"Remove\")])])],1),_c('li',[_c('vs-switch',{attrs:{\"color\":\"warning\",\"vs-icon-on\":\"error_outline\"},model:{value:(_vm.switch4),callback:function ($$v) {_vm.switch4=$$v},expression:\"switch4\"}},[_c('span',{attrs:{\"slot\":\"off\"},slot:\"off\"},[_vm._v(\"Prevent\")])])],1),_c('li',[_c('vs-switch',{attrs:{\"color\":\"dark\",\"icon-pack\":\"feather\",\"vs-icon-on\":\"icon-check-circle\",\"vs-icon-off\":\"icon-slash\"},model:{value:(_vm.switch5),callback:function ($$v) {_vm.switch5=$$v},expression:\"switch5\"}},[_c('span',{attrs:{\"slot\":\"on\"},slot:\"on\"},[_vm._v(\"YES\")]),_c('span',{attrs:{\"slot\":\"off\"},slot:\"off\"},[_vm._v(\"NO\")])])],1)]),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template>\\n  <ul class=\\\"con-s\\\">\\n    <li>\\n      <vs-switch v-model=\\\"switch1\\\">\\n        <span slot=\\\"on\\\">On</span>\\n        <span slot=\\\"off\\\">Off</span>\\n      </vs-switch>\\n    </li>\\n    <li>\\n      <vs-switch color=\\\"success\\\" v-model=\\\"switch2\\\">\\n        <span slot=\\\"on\\\">Accept</span>\\n        <span slot=\\\"off\\\">Cancel</span>\\n      </vs-switch>\\n    </li>\\n    <li>\\n      <vs-switch color=\\\"danger\\\" vs-icon-off=\\\"close\\\" v-model=\\\"switch3\\\">\\n        <span slot=\\\"on\\\">Remove</span>\\n      </vs-switch>\\n    </li>\\n    <li>\\n      <vs-switch color=\\\"warning\\\" vs-icon-on=\\\"error_outline\\\" v-model=\\\"switch4\\\">\\n        <span slot=\\\"off\\\">Prevent</span>\\n      </vs-switch>\\n    </li>\\n    <li>\\n      <vs-switch color=\\\"dark\\\" icon-pack=\\\"feather\\\" vs-icon-on=\\\"icon-check-circle\\\" vs-icon-off=\\\"icon-slash\\\" v-model=\\\"switch5\\\">\\n        <span slot=\\\"on\\\">YES</span>\\n        <span slot=\\\"off\\\">NO</span>\\n      </vs-switch>\\n    </li>\\n  </ul>\\n</template>\\n\\n<script>\\nexport default {\\n  data(){\\n    return {\\n      switch1:true,\\n      switch2:true,\\n      switch3:true,\\n      switch4:true,\\n      switch5:true,\\n    }\\n  }\\n}\\n</script>         \\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\r\n    File Name: SwitchText.vue\r\n    Description: Add text to switch\r\n    ----------------------------------------------------------------------------------------\r\n    Item Name: Vuesax Admin - VueJS Dashboard Admin Template\r\n      Author: Pixinvent\r\n    Author URL: http://www.themeforest.net/user/pixinvent\r\n========================================================================================== -->\r\n\r\n\r\n<template>\r\n    <vx-card title=\"Text\" code-toggler>\r\n        <span>You can add a descriptive text with the slot <code>on</code> or <code>off</code>. You can also join the text with the icons.</span>\r\n        <ul class=\"demo-alignment\">\r\n            <li>\r\n                <vs-switch v-model=\"switch1\">\r\n                    <span slot=\"on\">On</span>\r\n                    <span slot=\"off\">Off</span>\r\n                </vs-switch>\r\n            </li>\r\n            <li>\r\n                <vs-switch color=\"success\" v-model=\"switch2\">\r\n                    <span slot=\"on\">Accept</span>\r\n                    <span slot=\"off\">Cancel</span>\r\n                </vs-switch>\r\n            </li>\r\n            <li>\r\n                <vs-switch color=\"danger\" vs-icon-off=\"close\" v-model=\"switch3\">\r\n                    <span slot=\"on\">Remove</span>\r\n                </vs-switch>\r\n            </li>\r\n            <li>\r\n                <vs-switch color=\"warning\" vs-icon-on=\"error_outline\" v-model=\"switch4\">\r\n                    <span slot=\"off\">Prevent</span>\r\n                </vs-switch>\r\n            </li>\r\n            <li>\r\n                <vs-switch color=\"dark\" icon-pack=\"feather\" vs-icon-on=\"icon-check-circle\" vs-icon-off=\"icon-slash\" v-model=\"switch5\">\r\n                    <span slot=\"on\">YES</span>\r\n                    <span slot=\"off\">NO</span>\r\n                </vs-switch>\r\n            </li>\r\n        </ul>\r\n        <template slot=\"codeContainer\">\r\n&lt;template&gt;\r\n  &lt;ul class=&quot;con-s&quot;&gt;\r\n    &lt;li&gt;\r\n      &lt;vs-switch v-model=&quot;switch1&quot;&gt;\r\n        &lt;span slot=&quot;on&quot;&gt;On&lt;/span&gt;\r\n        &lt;span slot=&quot;off&quot;&gt;Off&lt;/span&gt;\r\n      &lt;/vs-switch&gt;\r\n    &lt;/li&gt;\r\n    &lt;li&gt;\r\n      &lt;vs-switch color=&quot;success&quot; v-model=&quot;switch2&quot;&gt;\r\n        &lt;span slot=&quot;on&quot;&gt;Accept&lt;/span&gt;\r\n        &lt;span slot=&quot;off&quot;&gt;Cancel&lt;/span&gt;\r\n      &lt;/vs-switch&gt;\r\n    &lt;/li&gt;\r\n    &lt;li&gt;\r\n      &lt;vs-switch color=&quot;danger&quot; vs-icon-off=&quot;close&quot; v-model=&quot;switch3&quot;&gt;\r\n        &lt;span slot=&quot;on&quot;&gt;Remove&lt;/span&gt;\r\n      &lt;/vs-switch&gt;\r\n    &lt;/li&gt;\r\n    &lt;li&gt;\r\n      &lt;vs-switch color=&quot;warning&quot; vs-icon-on=&quot;error_outline&quot; v-model=&quot;switch4&quot;&gt;\r\n        &lt;span slot=&quot;off&quot;&gt;Prevent&lt;/span&gt;\r\n      &lt;/vs-switch&gt;\r\n    &lt;/li&gt;\r\n    &lt;li&gt;\r\n      &lt;vs-switch color=&quot;dark&quot; icon-pack=&quot;feather&quot; vs-icon-on=&quot;icon-check-circle&quot; vs-icon-off=&quot;icon-slash&quot; v-model=&quot;switch5&quot;&gt;\r\n        &lt;span slot=&quot;on&quot;&gt;YES&lt;/span&gt;\r\n        &lt;span slot=&quot;off&quot;&gt;NO&lt;/span&gt;\r\n      &lt;/vs-switch&gt;\r\n    &lt;/li&gt;\r\n  &lt;/ul&gt;\r\n&lt;/template&gt;\r\n\r\n&lt;script&gt;\r\nexport default {\r\n  data(){\r\n    return {\r\n      switch1:true,\r\n      switch2:true,\r\n      switch3:true,\r\n      switch4:true,\r\n      switch5:true,\r\n    }\r\n  }\r\n}\r\n&lt;/script&gt;         \r\n        </template>\r\n    </vx-card>\r\n</template>\r\n<script>\r\nexport default {\r\n    data() {\r\n        return {\r\n            switch1: true,\r\n            switch2: true,\r\n            switch3: true,\r\n            switch4: true,\r\n            switch5: true,\r\n        }\r\n    }\r\n}\r\n</script>","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SwitchText.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SwitchText.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SwitchText.vue?vue&type=template&id=1297317a&\"\nimport script from \"./SwitchText.vue?vue&type=script&lang=js&\"\nexport * from \"./SwitchText.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\":\"Icons\",\"code-toggler\":\"\"}},[_c('p',[_vm._v(\"We can add a representative icon inside our switch with the property \"),_c('code',[_vm._v(\"vs-icon\")]),_vm._v(\".\")]),_c('p',[_vm._v(\"If you only need to add the icon in one of the states you can do it with the property \"),_c('code',[_vm._v(\"vs-icon-on\")]),_vm._v(\" or \"),_c('code',[_vm._v(\"vs-icon-off\")])]),_c('vs-alert',{staticClass:\"mt-5\",attrs:{\"color\":\"primary\",\"icon\":\"new_releases\",\"active\":\"true\"}},[_c('span',[_vm._v(\"Vuesax uses the \"),_c('strong',[_vm._v(\"Google Material Icons\")]),_vm._v(\" font library. For a list of all available icons, visit the official \"),_c('a',{attrs:{\"href\":\"https://material.io/icons/\",\"target\":\"_blank\"}},[_vm._v(\"Material Icons page.\")])])]),_c('ul',{staticClass:\"demo-alignment\"},[_c('li',[_c('label',[_vm._v(\"Primary\")]),_c('vs-switch',{attrs:{\"icon-pack\":\"feather\",\"vs-icon-off\":\"icon-bell\",\"vs-icon-on\":\"icon-check\"},model:{value:(_vm.switch1),callback:function ($$v) {_vm.switch1=$$v},expression:\"switch1\"}})],1),_c('li',[_c('label',[_vm._v(\"Success\")]),_c('vs-switch',{attrs:{\"color\":\"success\",\"icon-pack\":\"feather\",\"vs-icon\":\"icon-check\"},model:{value:(_vm.switch2),callback:function ($$v) {_vm.switch2=$$v},expression:\"switch2\"}})],1),_c('li',[_c('label',[_vm._v(\"Danger\")]),_c('vs-switch',{attrs:{\"color\":\"danger\",\"icon-pack\":\"feather\",\"vs-icon\":\"icon-x\"},model:{value:(_vm.switch3),callback:function ($$v) {_vm.switch3=$$v},expression:\"switch3\"}})],1),_c('li',[_c('label',[_vm._v(\"Warning\")]),_c('vs-switch',{attrs:{\"color\":\"warning\",\"icon-pack\":\"feather\",\"vs-icon\":\"icon-alert-circle\"},model:{value:(_vm.switch4),callback:function ($$v) {_vm.switch4=$$v},expression:\"switch4\"}})],1),_c('li',[_c('label',[_vm._v(\"Dark\")]),_c('vs-switch',{attrs:{\"color\":\"dark\",\"icon-pack\":\"feather\",\"vs-icon\":\"icon-volume-x\"},model:{value:(_vm.switch5),callback:function ($$v) {_vm.switch5=$$v},expression:\"switch5\"}})],1),_c('li',[_c('label',[_vm._v(\"rgb(color) / #color\")]),_c('vs-switch',{attrs:{\"color\":\"rgb(51, 53, 83)\",\"icon-pack\":\"feather\",\"vs-icon\":\"icon-camera\"},model:{value:(_vm.switch6),callback:function ($$v) {_vm.switch6=$$v},expression:\"switch6\"}})],1)]),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template>\\n    <ul class=\\\"demo-alignment\\\">\\n        <li>\\n            <label>Primary</label>\\n            <vs-switch v-model=\\\"switch1\\\" icon-pack=\\\"feather\\\" vs-icon-off=\\\"icon-bell\\\" vs-icon-on=\\\"icon-check\\\" />\\n        </li>\\n        <li>\\n            <label>Success</label>\\n            <vs-switch color=\\\"success\\\" v-model=\\\"switch2\\\" icon-pack=\\\"feather\\\" vs-icon=\\\"icon-check\\\" />\\n        </li>\\n        <li>\\n            <label>Danger</label>\\n            <vs-switch color=\\\"danger\\\" v-model=\\\"switch3\\\" icon-pack=\\\"feather\\\" vs-icon=\\\"icon-x\\\" />\\n        </li>\\n        <li>\\n            <label>Warning</label>\\n            <vs-switch color=\\\"warning\\\" v-model=\\\"switch4\\\" icon-pack=\\\"feather\\\" vs-icon=\\\"icon-alert-circle\\\" />\\n        </li>\\n        <li>\\n            <label>Dark</label>\\n            <vs-switch color=\\\"dark\\\" v-model=\\\"switch5\\\" icon-pack=\\\"feather\\\" vs-icon=\\\"icon-volume-x\\\" />\\n        </li>\\n        <li>\\n            <label>rgb(color) / #color</label>\\n            <vs-switch color=\\\"rgb(51, 53, 83)\\\" v-model=\\\"switch6\\\" icon-pack=\\\"feather\\\" vs-icon=\\\"icon-camera\\\" />\\n        </li>\\n    </ul>\\n</template>\\n\\n<script>\\nexport default {\\n  data(){\\n    return {\\n      switch1:false,\\n      switch2:false,\\n      switch3:false,\\n      switch4:false,\\n      switch5:false,\\n      switch6:false\\n    }\\n  }\\n}\\n</script>\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\r\n    File Name: SwitchIcon.vue\r\n    Description: Add icon to switch\r\n    ----------------------------------------------------------------------------------------\r\n    Item Name: Vuesax Admin - VueJS Dashboard Admin Template\r\n      Author: Pixinvent\r\n    Author URL: http://www.themeforest.net/user/pixinvent\r\n========================================================================================== -->\r\n\r\n\r\n<template>\r\n    <vx-card title=\"Icons\" code-toggler>\r\n\r\n        <p>We can add a representative icon inside our switch with the property <code>vs-icon</code>.</p>\r\n        <p>If you only need to add the icon in one of the states you can do it with the property <code>vs-icon-on</code> or <code>vs-icon-off</code></p>\r\n\r\n        <vs-alert color=\"primary\" icon=\"new_releases\" active=\"true\" class=\"mt-5\">\r\n            <span>Vuesax uses the <strong>Google Material Icons</strong> font library. For a list of all available icons, visit the official <a href=\"https://material.io/icons/\" target=\"_blank\">Material Icons page.</a></span>\r\n        </vs-alert>\r\n\r\n        <ul class=\"demo-alignment\">\r\n            <li>\r\n                <label>Primary</label>\r\n                <vs-switch v-model=\"switch1\" icon-pack=\"feather\" vs-icon-off=\"icon-bell\" vs-icon-on=\"icon-check\" />\r\n            </li>\r\n            <li>\r\n                <label>Success</label>\r\n                <vs-switch color=\"success\" v-model=\"switch2\" icon-pack=\"feather\" vs-icon=\"icon-check\" />\r\n            </li>\r\n            <li>\r\n                <label>Danger</label>\r\n                <vs-switch color=\"danger\" v-model=\"switch3\" icon-pack=\"feather\" vs-icon=\"icon-x\" />\r\n            </li>\r\n            <li>\r\n                <label>Warning</label>\r\n                <vs-switch color=\"warning\" v-model=\"switch4\" icon-pack=\"feather\" vs-icon=\"icon-alert-circle\" />\r\n            </li>\r\n            <li>\r\n                <label>Dark</label>\r\n                <vs-switch color=\"dark\" v-model=\"switch5\" icon-pack=\"feather\" vs-icon=\"icon-volume-x\" />\r\n            </li>\r\n            <li>\r\n                <label>rgb(color) / #color</label>\r\n                <vs-switch color=\"rgb(51, 53, 83)\" v-model=\"switch6\" icon-pack=\"feather\" vs-icon=\"icon-camera\" />\r\n            </li>\r\n        </ul>\r\n\r\n        <template slot=\"codeContainer\">\r\n&lt;template&gt;\r\n    &lt;ul class=&quot;demo-alignment&quot;&gt;\r\n        &lt;li&gt;\r\n            &lt;label&gt;Primary&lt;/label&gt;\r\n            &lt;vs-switch v-model=&quot;switch1&quot; icon-pack=&quot;feather&quot; vs-icon-off=&quot;icon-bell&quot; vs-icon-on=&quot;icon-check&quot; /&gt;\r\n        &lt;/li&gt;\r\n        &lt;li&gt;\r\n            &lt;label&gt;Success&lt;/label&gt;\r\n            &lt;vs-switch color=&quot;success&quot; v-model=&quot;switch2&quot; icon-pack=&quot;feather&quot; vs-icon=&quot;icon-check&quot; /&gt;\r\n        &lt;/li&gt;\r\n        &lt;li&gt;\r\n            &lt;label&gt;Danger&lt;/label&gt;\r\n            &lt;vs-switch color=&quot;danger&quot; v-model=&quot;switch3&quot; icon-pack=&quot;feather&quot; vs-icon=&quot;icon-x&quot; /&gt;\r\n        &lt;/li&gt;\r\n        &lt;li&gt;\r\n            &lt;label&gt;Warning&lt;/label&gt;\r\n            &lt;vs-switch color=&quot;warning&quot; v-model=&quot;switch4&quot; icon-pack=&quot;feather&quot; vs-icon=&quot;icon-alert-circle&quot; /&gt;\r\n        &lt;/li&gt;\r\n        &lt;li&gt;\r\n            &lt;label&gt;Dark&lt;/label&gt;\r\n            &lt;vs-switch color=&quot;dark&quot; v-model=&quot;switch5&quot; icon-pack=&quot;feather&quot; vs-icon=&quot;icon-volume-x&quot; /&gt;\r\n        &lt;/li&gt;\r\n        &lt;li&gt;\r\n            &lt;label&gt;rgb(color) / #color&lt;/label&gt;\r\n            &lt;vs-switch color=&quot;rgb(51, 53, 83)&quot; v-model=&quot;switch6&quot; icon-pack=&quot;feather&quot; vs-icon=&quot;icon-camera&quot; /&gt;\r\n        &lt;/li&gt;\r\n    &lt;/ul&gt;\r\n&lt;/template&gt;\r\n\r\n&lt;script&gt;\r\nexport default {\r\n  data(){\r\n    return {\r\n      switch1:false,\r\n      switch2:false,\r\n      switch3:false,\r\n      switch4:false,\r\n      switch5:false,\r\n      switch6:false\r\n    }\r\n  }\r\n}\r\n&lt;/script&gt;\r\n        </template>\r\n    </vx-card>\r\n</template>\r\n<script>\r\nexport default {\r\n    data() {\r\n        return {\r\n            switch1: false,\r\n            switch2: false,\r\n            switch3: false,\r\n            switch4: false,\r\n            switch5: false,\r\n            switch6: false\r\n        }\r\n    }\r\n}\r\n</script>","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SwitchIcons.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SwitchIcons.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SwitchIcons.vue?vue&type=template&id=4cece9ad&\"\nimport script from \"./SwitchIcons.vue?vue&type=script&lang=js&\"\nexport * from \"./SwitchIcons.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\":\"Array Value\",\"code-toggler\":\"\"}},[_c('span',[_vm._v(\"For saving the values in an array, you could simply pass it as a value.\")]),_c('vs-alert',{staticClass:\"mt-5\",attrs:{\"icon\":\"warning\",\"active\":\"true\",\"color\":\"warning\"}},[_c('span',[_vm._v(\"For using an array as a value, we need to use the \"),_c('code',[_vm._v(\"vs-value\")]),_vm._v(\" property inside the switch component. That is the value that will be added to the array.\")])]),_c('ul',{staticClass:\"demo-alignment\"},[_c('li',[_c('vs-switch',{attrs:{\"vs-icon-on\":\"check\",\"color\":\"success\",\"vs-value\":\"luis\"},model:{value:(_vm.switchArray),callback:function ($$v) {_vm.switchArray=$$v},expression:\"switchArray\"}},[_c('span',{attrs:{\"slot\":\"off\"},slot:\"off\"},[_vm._v(\"Luis\")])])],1),_c('li',[_c('vs-switch',{attrs:{\"vs-icon-on\":\"check\",\"color\":\"success\",\"vs-value\":\"carols\"},model:{value:(_vm.switchArray),callback:function ($$v) {_vm.switchArray=$$v},expression:\"switchArray\"}},[_c('span',{attrs:{\"slot\":\"off\"},slot:\"off\"},[_vm._v(\"Carols\")])])],1),_c('li',[_c('vs-switch',{attrs:{\"vs-icon-on\":\"check\",\"color\":\"success\",\"vs-value\":\"summer\"},model:{value:(_vm.switchArray),callback:function ($$v) {_vm.switchArray=$$v},expression:\"switchArray\"}},[_c('span',{attrs:{\"slot\":\"off\"},slot:\"off\"},[_vm._v(\"Summer\")])])],1),_c('li',[_c('vs-switch',{attrs:{\"vs-icon-on\":\"check\",\"color\":\"success\",\"vs-value\":\"lyon\"},model:{value:(_vm.switchArray),callback:function ($$v) {_vm.switchArray=$$v},expression:\"switchArray\"}},[_c('span',{attrs:{\"slot\":\"off\"},slot:\"off\"},[_vm._v(\"Lyon\")])])],1)]),_c('p',{staticClass:\"op-block mt-5\"},[_vm._v(_vm._s(_vm.switchArray))]),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n<template>\\n  <ul class=\\\"con-s\\\">\\n    <li class=\\\"modelx\\\">\\n      \"+_vm._s(\"\\{\\{ switchArray \\}\\}\")+\"\\n    </li>\\n    <li>\\n      <vs-switch vs-icon-on=\\\"check\\\" color=\\\"success\\\" v-model=\\\"switchArray\\\" vs-value=\\\"luis\\\">\\n        <span slot=\\\"off\\\">Luis</span>\\n      </vs-switch>\\n    </li>\\n    <li>\\n      <vs-switch vs-icon-on=\\\"check\\\" color=\\\"success\\\" v-model=\\\"switchArray\\\" vs-value=\\\"carols\\\">\\n        <span slot=\\\"off\\\">Carols</span>\\n      </vs-switch>\\n    </li>\\n    <li>\\n      <vs-switch vs-icon-on=\\\"check\\\" color=\\\"success\\\" v-model=\\\"switchArray\\\" vs-value=\\\"summer\\\">\\n        <span slot=\\\"off\\\">Summer</span>\\n      </vs-switch>\\n    </li>\\n    <li>\\n      <vs-switch vs-icon-on=\\\"check\\\" color=\\\"success\\\" v-model=\\\"switchArray\\\" vs-value=\\\"lyon\\\">\\n        <span slot=\\\"off\\\">Lyon</span>\\n      </vs-switch>\\n    </li>\\n  </ul>\\n</template>\\n\\n<script>\\nexport default {\\n  data(){\\n    return {\\n      switchArray:['luis'],\\n    }\\n  }\\n}\\n</script>\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\r\n    File Name: Switch.vue\r\n    Description: Create array using switch\r\n    ----------------------------------------------------------------------------------------\r\n    Item Name: Vuesax Admin - VueJS Dashboard Admin Template\r\n      Author: Pixinvent\r\n    Author URL: http://www.themeforest.net/user/pixinvent\r\n========================================================================================== -->\r\n\r\n\r\n<template>\r\n    <vx-card title=\"Array Value\" code-toggler>\r\n\r\n        <span>For saving the values in an array, you could simply pass it as a value.</span>\r\n\r\n        <vs-alert icon=\"warning\" active=\"true\" color=\"warning\" class=\"mt-5\">\r\n            <span>For using an array as a value, we need to use the <code>vs-value</code> property inside the switch component. That is the value that will be added to the array.</span>\r\n        </vs-alert>\r\n\r\n        <ul class=\"demo-alignment\">\r\n            <li>\r\n                <vs-switch vs-icon-on=\"check\" color=\"success\" v-model=\"switchArray\" vs-value=\"luis\">\r\n                    <span slot=\"off\">Luis</span>\r\n                </vs-switch>\r\n            </li>\r\n            <li>\r\n                <vs-switch vs-icon-on=\"check\" color=\"success\" v-model=\"switchArray\" vs-value=\"carols\">\r\n                    <span slot=\"off\">Carols</span>\r\n                </vs-switch>\r\n            </li>\r\n            <li>\r\n                <vs-switch vs-icon-on=\"check\" color=\"success\" v-model=\"switchArray\" vs-value=\"summer\">\r\n                    <span slot=\"off\">Summer</span>\r\n                </vs-switch>\r\n            </li>\r\n            <li>\r\n                <vs-switch vs-icon-on=\"check\" color=\"success\" v-model=\"switchArray\" vs-value=\"lyon\">\r\n                    <span slot=\"off\">Lyon</span>\r\n                </vs-switch>\r\n            </li>\r\n        </ul>\r\n\r\n        <p class=\"op-block mt-5\">{{ switchArray }}</p>\r\n        \r\n        <template slot=\"codeContainer\">\r\n&lt;template&gt;\r\n  &lt;ul class=&quot;con-s&quot;&gt;\r\n    &lt;li class=&quot;modelx&quot;&gt;\r\n      {{ \"\\{\\{ switchArray \\}\\}\" }}\r\n    &lt;/li&gt;\r\n    &lt;li&gt;\r\n      &lt;vs-switch vs-icon-on=&quot;check&quot; color=&quot;success&quot; v-model=&quot;switchArray&quot; vs-value=&quot;luis&quot;&gt;\r\n        &lt;span slot=&quot;off&quot;&gt;Luis&lt;/span&gt;\r\n      &lt;/vs-switch&gt;\r\n    &lt;/li&gt;\r\n    &lt;li&gt;\r\n      &lt;vs-switch vs-icon-on=&quot;check&quot; color=&quot;success&quot; v-model=&quot;switchArray&quot; vs-value=&quot;carols&quot;&gt;\r\n        &lt;span slot=&quot;off&quot;&gt;Carols&lt;/span&gt;\r\n      &lt;/vs-switch&gt;\r\n    &lt;/li&gt;\r\n    &lt;li&gt;\r\n      &lt;vs-switch vs-icon-on=&quot;check&quot; color=&quot;success&quot; v-model=&quot;switchArray&quot; vs-value=&quot;summer&quot;&gt;\r\n        &lt;span slot=&quot;off&quot;&gt;Summer&lt;/span&gt;\r\n      &lt;/vs-switch&gt;\r\n    &lt;/li&gt;\r\n    &lt;li&gt;\r\n      &lt;vs-switch vs-icon-on=&quot;check&quot; color=&quot;success&quot; v-model=&quot;switchArray&quot; vs-value=&quot;lyon&quot;&gt;\r\n        &lt;span slot=&quot;off&quot;&gt;Lyon&lt;/span&gt;\r\n      &lt;/vs-switch&gt;\r\n    &lt;/li&gt;\r\n  &lt;/ul&gt;\r\n&lt;/template&gt;\r\n\r\n&lt;script&gt;\r\nexport default {\r\n  data(){\r\n    return {\r\n      switchArray:[&apos;luis&apos;],\r\n    }\r\n  }\r\n}\r\n&lt;/script&gt;\r\n        </template>\r\n    </vx-card>\r\n</template>\r\n<script>\r\nexport default {\r\n    data() {\r\n        return {\r\n            switchArray: ['luis'],\r\n        }\r\n    }\r\n}\r\n</script>","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SwitchArrayValue.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SwitchArrayValue.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SwitchArrayValue.vue?vue&type=template&id=c3c8b7aa&\"\nimport script from \"./SwitchArrayValue.vue?vue&type=script&lang=js&\"\nexport * from \"./SwitchArrayValue.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","<!-- =========================================================================================\r\n    File Name: Switch.vue\r\n    Description: Switch element - Imports all page portion\r\n    ----------------------------------------------------------------------------------------\r\n    Item Name: Vuesax Admin - VueJS Dashboard Admin Template\r\n      Author: Pixinvent\r\n    Author URL: http://www.themeforest.net/user/pixinvent\r\n========================================================================================== -->\r\n\r\n\r\n<template>\r\n    <div id=\"form-element-switch-demo\">\r\n        <switch-state></switch-state>\r\n        <switch-color></switch-color>\r\n        <switch-text></switch-text>\r\n        <switch-icons></switch-icons>\r\n        <switch-array-value></switch-array-value>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport SwitchState from './SwitchState.vue'\r\nimport SwitchColor from './SwitchColor.vue'\r\nimport SwitchText from './SwitchText.vue'\r\nimport SwitchIcons from './SwitchIcons.vue'\r\nimport SwitchArrayValue from './SwitchArrayValue.vue'\r\n\r\nexport default{\r\n    components: {\r\n        SwitchState,\r\n        SwitchColor,\r\n        SwitchText,\r\n        SwitchIcons,\r\n        SwitchArrayValue,\r\n    }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n@import \"@/assets/scss/vuesax/pages/switch.scss\";\r\n</style>\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Switch.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Switch.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Switch.vue?vue&type=template&id=3c083102&\"\nimport script from \"./Switch.vue?vue&type=script&lang=js&\"\nexport * from \"./Switch.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Switch.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}