{"version":3,"file":"89.js","sources":["webpack:///src/views/forms/form-elements/switch/Switch.vue","webpack:///src/views/forms/form-elements/switch/SwitchArrayValue.vue","webpack:///src/views/forms/form-elements/switch/SwitchColor.vue","webpack:///src/views/forms/form-elements/switch/SwitchIcons.vue","webpack:///src/views/forms/form-elements/switch/SwitchState.vue","webpack:///src/views/forms/form-elements/switch/SwitchText.vue","webpack:///./src/views/forms/form-elements/switch/Switch.vue","webpack:///./src/views/forms/form-elements/switch/SwitchArrayValue.vue","webpack:///./src/views/forms/form-elements/switch/SwitchColor.vue","webpack:///./src/views/forms/form-elements/switch/SwitchIcons.vue","webpack:///./src/views/forms/form-elements/switch/SwitchState.vue","webpack:///./src/views/forms/form-elements/switch/SwitchText.vue","webpack:///./src/views/forms/form-elements/switch/Switch.vue?269c","webpack:///./src/views/forms/form-elements/switch/Switch.vue?1435","webpack:///./src/views/forms/form-elements/switch/Switch.vue?0830","webpack:///./src/views/forms/form-elements/switch/Switch.vue?cc20","webpack:///./src/views/forms/form-elements/switch/Switch.vue?1e07","webpack:///./src/views/forms/form-elements/switch/Switch.vue?16c4","webpack:///./src/views/forms/form-elements/switch/SwitchArrayValue.vue?dffb","webpack:///./src/views/forms/form-elements/switch/SwitchArrayValue.vue?36b1","webpack:///./src/views/forms/form-elements/switch/SwitchArrayValue.vue?9b7d","webpack:///./src/views/forms/form-elements/switch/SwitchColor.vue?fcb7","webpack:///./src/views/forms/form-elements/switch/SwitchColor.vue?02ed","webpack:///./src/views/forms/form-elements/switch/SwitchColor.vue?a092","webpack:///./src/views/forms/form-elements/switch/SwitchIcons.vue?4362","webpack:///./src/views/forms/form-elements/switch/SwitchIcons.vue?e21e","webpack:///./src/views/forms/form-elements/switch/SwitchIcons.vue?530f","webpack:///./src/views/forms/form-elements/switch/SwitchState.vue?569b","webpack:///./src/views/forms/form-elements/switch/SwitchState.vue?0f8d","webpack:///./src/views/forms/form-elements/switch/SwitchState.vue?f042","webpack:///./src/views/forms/form-elements/switch/SwitchText.vue?b2a0","webpack:///./src/views/forms/form-elements/switch/SwitchText.vue?9e07","webpack:///./src/views/forms/form-elements/switch/SwitchText.vue?dde6"],"sourcesContent":["\n\n\n\n\n\n\n\n","\n\n\n\n\n","\n\n\n\n\n","\n\n\n\n\n","\n\n\n\n\n","\n\n\n\n\n","var render = function render() {\n var _vm = this,\n _c = _vm._self._c\n return _c(\n \"div\",\n { attrs: { id: \"form-element-switch-demo\" } },\n [\n _c(\"switch-state\"),\n _c(\"switch-color\"),\n _c(\"switch-text\"),\n _c(\"switch-icons\"),\n _c(\"switch-array-value\"),\n ],\n 1\n )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","var render = function render() {\n var _vm = this,\n _c = _vm._self._c\n return _c(\n \"vx-card\",\n { attrs: { title: \"Array Value\", \"code-toggler\": \"\" } },\n [\n _c(\"span\", [\n _vm._v(\n \"For saving the values in an array, you could simply pass it as a value.\"\n ),\n ]),\n _c(\n \"vs-alert\",\n {\n staticClass: \"mt-5\",\n attrs: { icon: \"warning\", active: \"true\", color: \"warning\" },\n },\n [\n _c(\"span\", [\n _vm._v(\"For using an array as a value, we need to use the \"),\n _c(\"code\", [_vm._v(\"vs-value\")]),\n _vm._v(\n \" property inside the switch component. That is the value that will be added to the array.\"\n ),\n ]),\n ]\n ),\n _c(\"ul\", { staticClass: \"demo-alignment\" }, [\n _c(\n \"li\",\n [\n _c(\n \"vs-switch\",\n {\n attrs: {\n \"vs-icon-on\": \"check\",\n color: \"success\",\n \"vs-value\": \"luis\",\n },\n model: {\n value: _vm.switchArray,\n callback: function ($$v) {\n _vm.switchArray = $$v\n },\n expression: \"switchArray\",\n },\n },\n [\n _c(\"span\", { attrs: { slot: \"off\" }, slot: \"off\" }, [\n _vm._v(\"Luis\"),\n ]),\n ]\n ),\n ],\n 1\n ),\n _c(\n \"li\",\n [\n _c(\n \"vs-switch\",\n {\n attrs: {\n \"vs-icon-on\": \"check\",\n color: \"success\",\n \"vs-value\": \"carols\",\n },\n model: {\n value: _vm.switchArray,\n callback: function ($$v) {\n _vm.switchArray = $$v\n },\n expression: \"switchArray\",\n },\n },\n [\n _c(\"span\", { attrs: { slot: \"off\" }, slot: \"off\" }, [\n _vm._v(\"Carols\"),\n ]),\n ]\n ),\n ],\n 1\n ),\n _c(\n \"li\",\n [\n _c(\n \"vs-switch\",\n {\n attrs: {\n \"vs-icon-on\": \"check\",\n color: \"success\",\n \"vs-value\": \"summer\",\n },\n model: {\n value: _vm.switchArray,\n callback: function ($$v) {\n _vm.switchArray = $$v\n },\n expression: \"switchArray\",\n },\n },\n [\n _c(\"span\", { attrs: { slot: \"off\" }, slot: \"off\" }, [\n _vm._v(\"Summer\"),\n ]),\n ]\n ),\n ],\n 1\n ),\n _c(\n \"li\",\n [\n _c(\n \"vs-switch\",\n {\n attrs: {\n \"vs-icon-on\": \"check\",\n color: \"success\",\n \"vs-value\": \"lyon\",\n },\n model: {\n value: _vm.switchArray,\n callback: function ($$v) {\n _vm.switchArray = $$v\n },\n expression: \"switchArray\",\n },\n },\n [\n _c(\"span\", { attrs: { slot: \"off\" }, slot: \"off\" }, [\n _vm._v(\"Lyon\"),\n ]),\n ]\n ),\n ],\n 1\n ),\n ]),\n _c(\"p\", { staticClass: \"op-block mt-5\" }, [\n _vm._v(_vm._s(_vm.switchArray)),\n ]),\n _c(\"template\", { slot: \"codeContainer\" }, [\n _vm._v(\n '\\n\\n\\n\\n '\n ),\n ]),\n ],\n 2\n )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","var render = function render() {\n var _vm = this,\n _c = _vm._self._c\n return _c(\n \"vx-card\",\n { attrs: { title: \"Color\", \"code-toggler\": \"\" } },\n [\n _c(\"span\", [\n _vm._v(\"You can choose the default \"),\n _c(\"strong\", [_vm._v(\"Switch\")]),\n _vm._v(\". You are able to use the Main Colors or \"),\n _c(\"strong\", [_vm._v(\"RGB\")]),\n _vm._v(\" and \"),\n _c(\"strong\", [_vm._v(\"HEX\")]),\n _vm._v(\" colors.\"),\n ]),\n _c(\n \"vs-alert\",\n {\n staticClass: \"mt-5\",\n attrs: { icon: \"warning\", active: \"true\", color: \"warning\" },\n },\n [\n _c(\"span\", [\n _vm._v(\"Only \"),\n _c(\"strong\", [_vm._v(\"RGB\")]),\n _vm._v(\" and \"),\n _c(\"strong\", [_vm._v(\"HEX\")]),\n _vm._v(\" colors are supported.\"),\n ]),\n ]\n ),\n _c(\"ul\", { staticClass: \"demo-alignment\" }, [\n _c(\n \"li\",\n [\n _c(\"label\", [_vm._v(\"Primary\")]),\n _c(\"vs-switch\", {\n model: {\n value: _vm.switch1,\n callback: function ($$v) {\n _vm.switch1 = $$v\n },\n expression: \"switch1\",\n },\n }),\n ],\n 1\n ),\n _c(\n \"li\",\n [\n _c(\"label\", [_vm._v(\"Success\")]),\n _c(\"vs-switch\", {\n attrs: { color: \"success\" },\n model: {\n value: _vm.switch2,\n callback: function ($$v) {\n _vm.switch2 = $$v\n },\n expression: \"switch2\",\n },\n }),\n ],\n 1\n ),\n _c(\n \"li\",\n [\n _c(\"label\", [_vm._v(\"Danger\")]),\n _c(\"vs-switch\", {\n attrs: { color: \"danger\" },\n model: {\n value: _vm.switch3,\n callback: function ($$v) {\n _vm.switch3 = $$v\n },\n expression: \"switch3\",\n },\n }),\n ],\n 1\n ),\n _c(\n \"li\",\n [\n _c(\"label\", [_vm._v(\"Warning\")]),\n _c(\"vs-switch\", {\n attrs: { color: \"warning\" },\n model: {\n value: _vm.switch4,\n callback: function ($$v) {\n _vm.switch4 = $$v\n },\n expression: \"switch4\",\n },\n }),\n ],\n 1\n ),\n _c(\n \"li\",\n [\n _c(\"label\", [_vm._v(\"Dark\")]),\n _c(\"vs-switch\", {\n attrs: { color: \"dark\" },\n model: {\n value: _vm.switch5,\n callback: function ($$v) {\n _vm.switch5 = $$v\n },\n expression: \"switch5\",\n },\n }),\n ],\n 1\n ),\n _c(\n \"li\",\n { staticClass: \"con-input-color\" },\n [\n _c(\"label\", [\n _vm._v(\"Color: \"),\n _c(\"span\", [_vm._v(_vm._s(_vm.color))]),\n ]),\n _c(\"vs-switch\", {\n attrs: { color: _vm.color },\n model: {\n value: _vm.switch6,\n callback: function ($$v) {\n _vm.switch6 = $$v\n },\n expression: \"switch6\",\n },\n }),\n ],\n 1\n ),\n _c(\"li\", { staticStyle: { \"align-self\": \"flex-end\" } }, [\n _c(\"input\", {\n directives: [\n {\n name: \"model\",\n rawName: \"v-model\",\n value: _vm.color,\n expression: \"color\",\n },\n ],\n attrs: { type: \"color\" },\n domProps: { value: _vm.color },\n on: {\n input: function ($event) {\n if ($event.target.composing) return\n _vm.color = $event.target.value\n },\n },\n }),\n ]),\n ]),\n _c(\"template\", { slot: \"codeContainer\" }, [\n _vm._v(\n '\\n\\n\\n\\n '\n ),\n ]),\n ],\n 2\n )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","var render = function render() {\n var _vm = this,\n _c = _vm._self._c\n return _c(\n \"vx-card\",\n { attrs: { title: \"Icons\", \"code-toggler\": \"\" } },\n [\n _c(\"p\", [\n _vm._v(\n \"We can add a representative icon inside our switch with the property \"\n ),\n _c(\"code\", [_vm._v(\"vs-icon\")]),\n _vm._v(\".\"),\n ]),\n _c(\"p\", [\n _vm._v(\n \"If you only need to add the icon in one of the states you can do it with the property \"\n ),\n _c(\"code\", [_vm._v(\"vs-icon-on\")]),\n _vm._v(\" or \"),\n _c(\"code\", [_vm._v(\"vs-icon-off\")]),\n ]),\n _c(\n \"vs-alert\",\n {\n staticClass: \"mt-5\",\n attrs: { color: \"primary\", icon: \"new_releases\", active: \"true\" },\n },\n [\n _c(\"span\", [\n _vm._v(\"Vuesax uses the \"),\n _c(\"strong\", [_vm._v(\"Google Material Icons\")]),\n _vm._v(\n \" font library. For a list of all available icons, visit the official \"\n ),\n _c(\n \"a\",\n {\n attrs: { href: \"https://material.io/icons/\", target: \"_blank\" },\n },\n [_vm._v(\"Material Icons page.\")]\n ),\n ]),\n ]\n ),\n _c(\"ul\", { staticClass: \"demo-alignment\" }, [\n _c(\n \"li\",\n [\n _c(\"label\", [_vm._v(\"Primary\")]),\n _c(\"vs-switch\", {\n attrs: {\n \"icon-pack\": \"feather\",\n \"vs-icon-off\": \"icon-bell\",\n \"vs-icon-on\": \"icon-check\",\n },\n model: {\n value: _vm.switch1,\n callback: function ($$v) {\n _vm.switch1 = $$v\n },\n expression: \"switch1\",\n },\n }),\n ],\n 1\n ),\n _c(\n \"li\",\n [\n _c(\"label\", [_vm._v(\"Success\")]),\n _c(\"vs-switch\", {\n attrs: {\n color: \"success\",\n \"icon-pack\": \"feather\",\n \"vs-icon\": \"icon-check\",\n },\n model: {\n value: _vm.switch2,\n callback: function ($$v) {\n _vm.switch2 = $$v\n },\n expression: \"switch2\",\n },\n }),\n ],\n 1\n ),\n _c(\n \"li\",\n [\n _c(\"label\", [_vm._v(\"Danger\")]),\n _c(\"vs-switch\", {\n attrs: {\n color: \"danger\",\n \"icon-pack\": \"feather\",\n \"vs-icon\": \"icon-x\",\n },\n model: {\n value: _vm.switch3,\n callback: function ($$v) {\n _vm.switch3 = $$v\n },\n expression: \"switch3\",\n },\n }),\n ],\n 1\n ),\n _c(\n \"li\",\n [\n _c(\"label\", [_vm._v(\"Warning\")]),\n _c(\"vs-switch\", {\n attrs: {\n color: \"warning\",\n \"icon-pack\": \"feather\",\n \"vs-icon\": \"icon-alert-circle\",\n },\n model: {\n value: _vm.switch4,\n callback: function ($$v) {\n _vm.switch4 = $$v\n },\n expression: \"switch4\",\n },\n }),\n ],\n 1\n ),\n _c(\n \"li\",\n [\n _c(\"label\", [_vm._v(\"Dark\")]),\n _c(\"vs-switch\", {\n attrs: {\n color: \"dark\",\n \"icon-pack\": \"feather\",\n \"vs-icon\": \"icon-volume-x\",\n },\n model: {\n value: _vm.switch5,\n callback: function ($$v) {\n _vm.switch5 = $$v\n },\n expression: \"switch5\",\n },\n }),\n ],\n 1\n ),\n _c(\n \"li\",\n [\n _c(\"label\", [_vm._v(\"rgb(color) / #color\")]),\n _c(\"vs-switch\", {\n attrs: {\n color: \"rgb(51, 53, 83)\",\n \"icon-pack\": \"feather\",\n \"vs-icon\": \"icon-camera\",\n },\n model: {\n value: _vm.switch6,\n callback: function ($$v) {\n _vm.switch6 = $$v\n },\n expression: \"switch6\",\n },\n }),\n ],\n 1\n ),\n ]),\n _c(\"template\", { slot: \"codeContainer\" }, [\n _vm._v(\n '\\n\\n\\n\\n '\n ),\n ]),\n ],\n 2\n )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","var render = function render() {\n var _vm = this,\n _c = _vm._self._c\n return _c(\n \"vx-card\",\n { attrs: { title: \"State\", \"code-toggler\": \"\" } },\n [\n _c(\"p\", [\n _vm._v(\n \"To implement a switch element in the application, we add the component \"\n ),\n _c(\"code\", [_vm._v(\"vs-switch\")]),\n ]),\n _c(\"ul\", { staticClass: \"demo-alignment\" }, [\n _c(\n \"li\",\n [\n _c(\"label\", [_vm._v(\"true / active\")]),\n _c(\"vs-switch\", {\n model: {\n value: _vm.switch1,\n callback: function ($$v) {\n _vm.switch1 = $$v\n },\n expression: \"switch1\",\n },\n }),\n ],\n 1\n ),\n _c(\n \"li\",\n [\n _c(\"label\", [_vm._v(\"false / inactive\")]),\n _c(\"vs-switch\", {\n model: {\n value: _vm.switch2,\n callback: function ($$v) {\n _vm.switch2 = $$v\n },\n expression: \"switch2\",\n },\n }),\n ],\n 1\n ),\n _c(\n \"li\",\n [\n _c(\"label\", [_vm._v(\"disabled / active\")]),\n _c(\"vs-switch\", {\n attrs: { disabled: \"true\" },\n model: {\n value: _vm.switch3,\n callback: function ($$v) {\n _vm.switch3 = $$v\n },\n expression: \"switch3\",\n },\n }),\n ],\n 1\n ),\n _c(\n \"li\",\n [\n _c(\"label\", [_vm._v(\"disabled / inactive\")]),\n _c(\"vs-switch\", {\n attrs: { disabled: \"true\" },\n model: {\n value: _vm.switch4,\n callback: function ($$v) {\n _vm.switch4 = $$v\n },\n expression: \"switch4\",\n },\n }),\n ],\n 1\n ),\n ]),\n _c(\"template\", { slot: \"codeContainer\" }, [\n _vm._v(\n '\\n\\n\\n\\n '\n ),\n ]),\n ],\n 2\n )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","var render = function render() {\n var _vm = this,\n _c = _vm._self._c\n return _c(\n \"vx-card\",\n { attrs: { title: \"Text\", \"code-toggler\": \"\" } },\n [\n _c(\"span\", [\n _vm._v(\"You can add a descriptive text with the slot \"),\n _c(\"code\", [_vm._v(\"on\")]),\n _vm._v(\" or \"),\n _c(\"code\", [_vm._v(\"off\")]),\n _vm._v(\". You can also join the text with the icons.\"),\n ]),\n _c(\"ul\", { staticClass: \"demo-alignment\" }, [\n _c(\n \"li\",\n [\n _c(\n \"vs-switch\",\n {\n model: {\n value: _vm.switch1,\n callback: function ($$v) {\n _vm.switch1 = $$v\n },\n expression: \"switch1\",\n },\n },\n [\n _c(\"span\", { attrs: { slot: \"on\" }, slot: \"on\" }, [\n _vm._v(\"On\"),\n ]),\n _c(\"span\", { attrs: { slot: \"off\" }, slot: \"off\" }, [\n _vm._v(\"Off\"),\n ]),\n ]\n ),\n ],\n 1\n ),\n _c(\n \"li\",\n [\n _c(\n \"vs-switch\",\n {\n attrs: { color: \"success\" },\n model: {\n value: _vm.switch2,\n callback: function ($$v) {\n _vm.switch2 = $$v\n },\n expression: \"switch2\",\n },\n },\n [\n _c(\"span\", { attrs: { slot: \"on\" }, slot: \"on\" }, [\n _vm._v(\"Accept\"),\n ]),\n _c(\"span\", { attrs: { slot: \"off\" }, slot: \"off\" }, [\n _vm._v(\"Cancel\"),\n ]),\n ]\n ),\n ],\n 1\n ),\n _c(\n \"li\",\n [\n _c(\n \"vs-switch\",\n {\n attrs: { color: \"danger\", \"vs-icon-off\": \"close\" },\n model: {\n value: _vm.switch3,\n callback: function ($$v) {\n _vm.switch3 = $$v\n },\n expression: \"switch3\",\n },\n },\n [\n _c(\"span\", { attrs: { slot: \"on\" }, slot: \"on\" }, [\n _vm._v(\"Remove\"),\n ]),\n ]\n ),\n ],\n 1\n ),\n _c(\n \"li\",\n [\n _c(\n \"vs-switch\",\n {\n attrs: { color: \"warning\", \"vs-icon-on\": \"error_outline\" },\n model: {\n value: _vm.switch4,\n callback: function ($$v) {\n _vm.switch4 = $$v\n },\n expression: \"switch4\",\n },\n },\n [\n _c(\"span\", { attrs: { slot: \"off\" }, slot: \"off\" }, [\n _vm._v(\"Prevent\"),\n ]),\n ]\n ),\n ],\n 1\n ),\n _c(\n \"li\",\n [\n _c(\n \"vs-switch\",\n {\n attrs: {\n color: \"dark\",\n \"icon-pack\": \"feather\",\n \"vs-icon-on\": \"icon-check-circle\",\n \"vs-icon-off\": \"icon-slash\",\n },\n model: {\n value: _vm.switch5,\n callback: function ($$v) {\n _vm.switch5 = $$v\n },\n expression: \"switch5\",\n },\n },\n [\n _c(\"span\", { attrs: { slot: \"on\" }, slot: \"on\" }, [\n _vm._v(\"YES\"),\n ]),\n _c(\"span\", { attrs: { slot: \"off\" }, slot: \"off\" }, [\n _vm._v(\"NO\"),\n ]),\n ]\n ),\n ],\n 1\n ),\n ]),\n _c(\"template\", { slot: \"codeContainer\" }, [\n _vm._v(\n '\\n\\n\\n\\n '\n ),\n ]),\n ],\n 2\n )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","exports = module.exports = require(\"../../../../../node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \"/*=========================================================================================\\n File Name: switch.scss\\n Description: Switch page styles\\n ----------------------------------------------------------------------------------------\\n Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\\n Author: Pixinvent\\n Author URL: http://www.themeforest.net/user/pixinvent\\n==========================================================================================*/\\n[dir=ltr] .demo-alignment li {\\n margin-right: 2rem;\\n}\\n[dir=rtl] .demo-alignment li {\\n margin-left: 2rem;\\n}\\n[dir] .demo-alignment .vs-switch {\\n margin-top: 0.5rem;\\n}\", \"\"]);\n\n// exports\n","// style-loader: Adds some css to the DOM by adding a