{"version":3,"sources":["webpack:///./src/views/forms/form-elements/radio/Radio.vue?7e9b","webpack:///./src/views/forms/form-elements/radio/RadioDefault.vue?99f4","webpack:///src/views/forms/form-elements/radio/RadioDefault.vue","webpack:///./src/views/forms/form-elements/radio/RadioDefault.vue?c65c","webpack:///./src/views/forms/form-elements/radio/RadioDefault.vue","webpack:///./src/views/forms/form-elements/radio/RadioColor.vue?d190","webpack:///src/views/forms/form-elements/radio/RadioColor.vue","webpack:///./src/views/forms/form-elements/radio/RadioColor.vue?6c1d","webpack:///./src/views/forms/form-elements/radio/RadioColor.vue","webpack:///src/views/forms/form-elements/radio/Radio.vue","webpack:///./src/views/forms/form-elements/radio/Radio.vue?7599","webpack:///./src/views/forms/form-elements/radio/Radio.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticRenderFns","_v","staticClass","model","value","callback","$$v","radios1","expression","_s","slot","data","component","radios2","components","RadioDefault","RadioColor"],"mappings":"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","file":"js/chunk-2d229624.89371cae.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-radio-demo\"}},[_c('radio-default'),_c('radio-color')],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vx-card',{attrs:{\"title\":\"Default\",\"code-toggler\":\"\"}},[_c('p',[_vm._v(\"To implement a radio button you just add the \"),_c('code',[_vm._v(\"vs-radio\")]),_vm._v(\" component and add a \"),_c('code',[_vm._v(\"v-model\")])]),_c('vs-alert',{staticClass:\"mt-5\",attrs:{\"icon\":\"warning\",\"active\":\"true\",\"color\":\"warning\"}},[_c('span',[_vm._v(\"The \"),_c('strong',[_vm._v(\"Radio Button\")]),_vm._v(\" is always going to replace the current value.\")])]),_c('ul',{staticClass:\"demo-alignment\"},[_c('li',[_c('vs-radio',{attrs:{\"vs-value\":\"luis\"},model:{value:(_vm.radios1),callback:function ($$v) {_vm.radios1=$$v},expression:\"radios1\"}},[_vm._v(\"Luis\")])],1),_c('li',[_c('vs-radio',{attrs:{\"vs-value\":\"carols\"},model:{value:(_vm.radios1),callback:function ($$v) {_vm.radios1=$$v},expression:\"radios1\"}},[_vm._v(\"Carols\")])],1),_c('li',[_c('vs-radio',{attrs:{\"vs-value\":\"summer\"},model:{value:(_vm.radios1),callback:function ($$v) {_vm.radios1=$$v},expression:\"radios1\"}},[_vm._v(\"Summer\")])],1),_c('li',[_c('vs-radio',{attrs:{\"disabled\":\"true\",\"vs-value\":\"lyon\"},model:{value:(_vm.radios1),callback:function ($$v) {_vm.radios1=$$v},expression:\"radios1\"}},[_vm._v(\"Lyon - disabled\")])],1),_c('li',{staticClass:\"op-block\"},[_vm._v(\"\\n                \"+_vm._s(_vm.radios1)+\"\\n            \")])]),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n\\n<ul class=\\\"centerx\\\">\\n  <li>\\n    <vs-radio v-model=\\\"radios1\\\" vs-value=\\\"luis\\\">Luis</vs-radio>\\n  </li>\\n  <li>\\n    <vs-radio v-model=\\\"radios1\\\" vs-value=\\\"carols\\\">Carols</vs-radio>\\n  </li>\\n  <li>\\n    <vs-radio v-model=\\\"radios1\\\" vs-value=\\\"summer\\\">Summer</vs-radio>\\n  </li>\\n  <li>\\n    <vs-radio disabled=\\\"true\\\" v-model=\\\"radios1\\\" vs-value=\\\"lyon\\\">Lyon - disabled</vs-radio>\\n  </li>\\n  <li class=\\\"modelx\\\">\\n    \"+_vm._s(\"\\{\\{ radios1 \\}\\}\")+\"\\n  </li>\\n</ul>\\n\\n<script>\\nexport default {\\n  data(){\\n    return {\\n      radios1:'luis',\\n    }\\n  }\\n}\\n</script>\\n\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\n    File Name: RadioDefault.vue\n    Description: Rendering default radio\n    ----------------------------------------------------------------------------------------\n    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n      Author: Pixinvent\n    Author URL: http://www.themeforest.net/user/pixinvent\n========================================================================================== -->\n\n\n<template>\n    <vx-card title=\"Default\" code-toggler>\n\n        <p>To implement a radio button you just add the <code>vs-radio</code> component and add a <code>v-model</code></p>\n\n        <vs-alert icon=\"warning\" active=\"true\" color=\"warning\" class=\"mt-5\">\n            <span>The <strong>Radio Button</strong> is always going to replace the current value.</span>\n        </vs-alert>\n\n        <ul class=\"demo-alignment\">\n            <li>\n                <vs-radio v-model=\"radios1\" vs-value=\"luis\">Luis</vs-radio>\n            </li>\n            <li>\n                <vs-radio v-model=\"radios1\" vs-value=\"carols\">Carols</vs-radio>\n            </li>\n            <li>\n                <vs-radio v-model=\"radios1\" vs-value=\"summer\">Summer</vs-radio>\n            </li>\n            <li>\n                <vs-radio disabled=\"true\" v-model=\"radios1\" vs-value=\"lyon\">Lyon - disabled</vs-radio>\n            </li>\n            <li class=\"op-block\">\n                {{radios1}}\n            </li>\n        </ul>\n\n        <template slot=\"codeContainer\">\n\n&lt;ul class=&quot;centerx&quot;&gt;\n  &lt;li&gt;\n    &lt;vs-radio v-model=&quot;radios1&quot; vs-value=&quot;luis&quot;&gt;Luis&lt;/vs-radio&gt;\n  &lt;/li&gt;\n  &lt;li&gt;\n    &lt;vs-radio v-model=&quot;radios1&quot; vs-value=&quot;carols&quot;&gt;Carols&lt;/vs-radio&gt;\n  &lt;/li&gt;\n  &lt;li&gt;\n    &lt;vs-radio v-model=&quot;radios1&quot; vs-value=&quot;summer&quot;&gt;Summer&lt;/vs-radio&gt;\n  &lt;/li&gt;\n  &lt;li&gt;\n    &lt;vs-radio disabled=&quot;true&quot; v-model=&quot;radios1&quot; vs-value=&quot;lyon&quot;&gt;Lyon - disabled&lt;/vs-radio&gt;\n  &lt;/li&gt;\n  &lt;li class=&quot;modelx&quot;&gt;\n    {{ \"\\{\\{ radios1 \\}\\}\" }}\n  &lt;/li&gt;\n&lt;/ul&gt;\n\n&lt;script&gt;\nexport default {\n  data(){\n    return {\n      radios1:&apos;luis&apos;,\n    }\n  }\n}\n&lt;/script&gt;\n\n        </template>\n    </vx-card>\n</template>\n\n<script>\nexport default {\n  data () {\n    return {\n      radios1: 'luis'\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!./RadioDefault.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!./RadioDefault.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./RadioDefault.vue?vue&type=template&id=329a8a40&\"\nimport script from \"./RadioDefault.vue?vue&type=script&lang=js&\"\nexport * from \"./RadioDefault.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 with the property \"),_c('code',[_vm._v(\"color\")]),_vm._v(\". You are able to use the \"),_c('router-link',{attrs:{\"to\":\"/colors\"}},[_vm._v(\"Main Colors\")]),_vm._v(\" or \"),_c('strong',[_vm._v(\"RGB\")]),_vm._v(\" and \"),_c('strong',[_vm._v(\"HEX\")]),_vm._v(\" colors.\")],1),_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('vs-radio',{attrs:{\"vs-value\":\"primary\"},model:{value:(_vm.radios2),callback:function ($$v) {_vm.radios2=$$v},expression:\"radios2\"}},[_vm._v(\"Primary\")])],1),_c('li',[_c('vs-radio',{attrs:{\"color\":\"success\",\"vs-value\":\"Success\"},model:{value:(_vm.radios2),callback:function ($$v) {_vm.radios2=$$v},expression:\"radios2\"}},[_vm._v(\"Success\")])],1),_c('li',[_c('vs-radio',{attrs:{\"color\":\"danger\",\"vs-value\":\"Danger\"},model:{value:(_vm.radios2),callback:function ($$v) {_vm.radios2=$$v},expression:\"radios2\"}},[_vm._v(\"Danger\")])],1),_c('li',[_c('vs-radio',{attrs:{\"color\":\"warning\",\"vs-value\":\"Warning\"},model:{value:(_vm.radios2),callback:function ($$v) {_vm.radios2=$$v},expression:\"radios2\"}},[_vm._v(\"Warning\")])],1),_c('li',[_c('vs-radio',{attrs:{\"color\":\"dark\",\"vs-value\":\"Dark\"},model:{value:(_vm.radios2),callback:function ($$v) {_vm.radios2=$$v},expression:\"radios2\"}},[_vm._v(\"Dark\")])],1),_c('li',[_c('vs-radio',{attrs:{\"color\":\"rgb(87, 251, 187)\",\"vs-value\":\"RGB\"},model:{value:(_vm.radios2),callback:function ($$v) {_vm.radios2=$$v},expression:\"radios2\"}},[_vm._v(\"RGB\")])],1),_c('li',[_c('vs-radio',{attrs:{\"color\":\"#e48346\",\"vs-value\":\"HEX\"},model:{value:(_vm.radios2),callback:function ($$v) {_vm.radios2=$$v},expression:\"radios2\"}},[_vm._v(\"HEX\")])],1),_c('li',{staticClass:\"op-block\"},[_vm._v(\"\\n                \"+_vm._s(_vm.radios2)+\"\\n            \")])]),_c('template',{slot:\"codeContainer\"},[_vm._v(\"\\n\\n<template>\\n    <ul class=\\\"centerx\\\">\\n      <li>\\n        <vs-radio v-model=\\\"radios2\\\" vs-value=\\\"primary\\\">Primary</vs-radio>\\n      </li>\\n      <li>\\n        <vs-radio color=\\\"success\\\" v-model=\\\"radios2\\\" vs-value=\\\"Success\\\">Success</vs-radio>\\n      </li>\\n      <li>\\n        <vs-radio color=\\\"danger\\\" v-model=\\\"radios2\\\" vs-value=\\\"Danger\\\">Danger</vs-radio>\\n      </li>\\n      <li>\\n        <vs-radio color=\\\"warning\\\" v-model=\\\"radios2\\\" vs-value=\\\"Warning\\\">Warning</vs-radio>\\n      </li>\\n      <li>\\n        <vs-radio color=\\\"dark\\\" v-model=\\\"radios2\\\" vs-value=\\\"Dark\\\">Dark</vs-radio>\\n      </li>\\n      <li>\\n        <vs-radio color=\\\"rgb(87, 251, 187)\\\" v-model=\\\"radios2\\\" vs-value=\\\"RGB\\\">RGB</vs-radio>\\n      </li>\\n      <li>\\n        <vs-radio color=\\\"#e48346\\\" v-model=\\\"radios2\\\" vs-value=\\\"HEX\\\">HEX</vs-radio>\\n      </li>\\n      <li class=\\\"modelx\\\">\\n        \"+_vm._s(\"\\{\\{ radios2 \\}\\}\")+\"}\\n      </li>\\n    </ul>\\n</template>\\n\\n<script>\\nexport default {\\n  data(){\\n    return {\\n      radios2:'primary',\\n    }\\n  }\\n}\\n</script>\\n\\n        \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\n    File Name: RadioColor.vue\n    Description: Change color of radio\n    ----------------------------------------------------------------------------------------\n    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n      Author: Pixinvent\n    Author URL: http://www.themeforest.net/user/pixinvent\n========================================================================================== -->\n\n\n<template>\n    <vx-card title=\"Color\" code-toggler>\n\n        <p>You can change the color with the property <code>color</code>. You are able to use the <router-link to=\"/colors\">Main Colors</router-link> or <strong>RGB</strong> and <strong>HEX</strong> colors.</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        <ul class=\"demo-alignment\">\n            <li>\n                <vs-radio v-model=\"radios2\" vs-value=\"primary\">Primary</vs-radio>\n            </li>\n            <li>\n                <vs-radio color=\"success\" v-model=\"radios2\" vs-value=\"Success\">Success</vs-radio>\n            </li>\n            <li>\n                <vs-radio color=\"danger\" v-model=\"radios2\" vs-value=\"Danger\">Danger</vs-radio>\n            </li>\n            <li>\n                <vs-radio color=\"warning\" v-model=\"radios2\" vs-value=\"Warning\">Warning</vs-radio>\n            </li>\n            <li>\n                <vs-radio color=\"dark\" v-model=\"radios2\" vs-value=\"Dark\">Dark</vs-radio>\n            </li>\n            <li>\n                <vs-radio color=\"rgb(87, 251, 187)\" v-model=\"radios2\" vs-value=\"RGB\">RGB</vs-radio>\n            </li>\n            <li>\n                <vs-radio color=\"#e48346\" v-model=\"radios2\" vs-value=\"HEX\">HEX</vs-radio>\n            </li>\n            <li class=\"op-block\">\n                {{radios2}}\n            </li>\n        </ul>\n\n        <template slot=\"codeContainer\">\n\n&lt;template&gt;\n    &lt;ul class=&quot;centerx&quot;&gt;\n      &lt;li&gt;\n        &lt;vs-radio v-model=&quot;radios2&quot; vs-value=&quot;primary&quot;&gt;Primary&lt;/vs-radio&gt;\n      &lt;/li&gt;\n      &lt;li&gt;\n        &lt;vs-radio color=&quot;success&quot; v-model=&quot;radios2&quot; vs-value=&quot;Success&quot;&gt;Success&lt;/vs-radio&gt;\n      &lt;/li&gt;\n      &lt;li&gt;\n        &lt;vs-radio color=&quot;danger&quot; v-model=&quot;radios2&quot; vs-value=&quot;Danger&quot;&gt;Danger&lt;/vs-radio&gt;\n      &lt;/li&gt;\n      &lt;li&gt;\n        &lt;vs-radio color=&quot;warning&quot; v-model=&quot;radios2&quot; vs-value=&quot;Warning&quot;&gt;Warning&lt;/vs-radio&gt;\n      &lt;/li&gt;\n      &lt;li&gt;\n        &lt;vs-radio color=&quot;dark&quot; v-model=&quot;radios2&quot; vs-value=&quot;Dark&quot;&gt;Dark&lt;/vs-radio&gt;\n      &lt;/li&gt;\n      &lt;li&gt;\n        &lt;vs-radio color=&quot;rgb(87, 251, 187)&quot; v-model=&quot;radios2&quot; vs-value=&quot;RGB&quot;&gt;RGB&lt;/vs-radio&gt;\n      &lt;/li&gt;\n      &lt;li&gt;\n        &lt;vs-radio color=&quot;#e48346&quot; v-model=&quot;radios2&quot; vs-value=&quot;HEX&quot;&gt;HEX&lt;/vs-radio&gt;\n      &lt;/li&gt;\n      &lt;li class=&quot;modelx&quot;&gt;\n        {{ \"\\{\\{ radios2 \\}\\}\" }}}\n      &lt;/li&gt;\n    &lt;/ul&gt;\n&lt;/template&gt;\n\n&lt;script&gt;\nexport default {\n  data(){\n    return {\n      radios2:&apos;primary&apos;,\n    }\n  }\n}\n&lt;/script&gt;\n\n        </template>\n    </vx-card>\n</template>\n\n<script>\nexport default {\n  data () {\n    return {\n      radios2: 'primary'\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!./RadioColor.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!./RadioColor.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./RadioColor.vue?vue&type=template&id=a4b9ed18&\"\nimport script from \"./RadioColor.vue?vue&type=script&lang=js&\"\nexport * from \"./RadioColor.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: Radio.vue\n    Description: Radio Element - Imports all page portions.\n    ----------------------------------------------------------------------------------------\n    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\n      Author: Pixinvent\n    Author URL: http://www.themeforest.net/user/pixinvent\n========================================================================================== -->\n\n\n<template>\n    <div id=\"form-element-radio-demo\">\n        <radio-default></radio-default>\n        <radio-color></radio-color>\n    </div>\n</template>\n\n<script>\nimport RadioDefault from './RadioDefault.vue'\nimport RadioColor from './RadioColor.vue'\n\nexport default{\n  components: {\n    RadioDefault,\n    RadioColor\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!./Radio.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!./Radio.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Radio.vue?vue&type=template&id=6bed9e31&\"\nimport script from \"./Radio.vue?vue&type=script&lang=js&\"\nexport * from \"./Radio.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":""}