{"version":3,"sources":["webpack:///./src/views/forms/form-elements/radio/Radio.vue?4f9a","webpack:///./src/views/forms/form-elements/radio/RadioDefault.vue?29b8","webpack:///src/views/forms/form-elements/radio/RadioDefault.vue","webpack:///./src/views/forms/form-elements/radio/RadioDefault.vue?eb46","webpack:///./src/views/forms/form-elements/radio/RadioDefault.vue","webpack:///./src/views/forms/form-elements/radio/RadioColor.vue?d195","webpack:///src/views/forms/form-elements/radio/RadioColor.vue","webpack:///./src/views/forms/form-elements/radio/RadioColor.vue?f697","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?438a","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","component","radios2"],"mappings":"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","file":"js/chunk-77302ebe.033ae4a2.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 }","<!-- =========================================================================================\r\n    File Name: RadioDefault.vue\r\n    Description: Rendering default radio\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=\"Default\" code-toggler>\r\n\r\n        <p>To implement a radio button you just add the <code>vs-radio</code> component and add a <code>v-model</code></p>\r\n\r\n        <vs-alert icon=\"warning\" active=\"true\" color=\"warning\" class=\"mt-5\">\r\n            <span>The <strong>Radio Button</strong> is always going to replace the current value.</span>\r\n        </vs-alert>\r\n\r\n        <ul class=\"demo-alignment\">\r\n            <li>\r\n                <vs-radio v-model=\"radios1\" vs-value=\"luis\">Luis</vs-radio>\r\n            </li>\r\n            <li>\r\n                <vs-radio v-model=\"radios1\" vs-value=\"carols\">Carols</vs-radio>\r\n            </li>\r\n            <li>\r\n                <vs-radio v-model=\"radios1\" vs-value=\"summer\">Summer</vs-radio>\r\n            </li>\r\n            <li>\r\n                <vs-radio disabled=\"true\" v-model=\"radios1\" vs-value=\"lyon\">Lyon - disabled</vs-radio>\r\n            </li>\r\n            <li class=\"op-block\">\r\n                {{radios1}}\r\n            </li>\r\n        </ul>\r\n\r\n        <template slot=\"codeContainer\">\r\n\r\n&lt;ul class=&quot;centerx&quot;&gt;\r\n  &lt;li&gt;\r\n    &lt;vs-radio v-model=&quot;radios1&quot; vs-value=&quot;luis&quot;&gt;Luis&lt;/vs-radio&gt;\r\n  &lt;/li&gt;\r\n  &lt;li&gt;\r\n    &lt;vs-radio v-model=&quot;radios1&quot; vs-value=&quot;carols&quot;&gt;Carols&lt;/vs-radio&gt;\r\n  &lt;/li&gt;\r\n  &lt;li&gt;\r\n    &lt;vs-radio v-model=&quot;radios1&quot; vs-value=&quot;summer&quot;&gt;Summer&lt;/vs-radio&gt;\r\n  &lt;/li&gt;\r\n  &lt;li&gt;\r\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;\r\n  &lt;/li&gt;\r\n  &lt;li class=&quot;modelx&quot;&gt;\r\n    {{ \"\\{\\{ radios1 \\}\\}\" }}\r\n  &lt;/li&gt;\r\n&lt;/ul&gt;\r\n\r\n&lt;script&gt;\r\nexport default {\r\n  data(){\r\n    return {\r\n      radios1:&apos;luis&apos;,\r\n    }\r\n  }\r\n}\r\n&lt;/script&gt;\r\n\r\n        </template>\r\n    </vx-card>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    data() {\r\n        return {\r\n            radios1: '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!./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/@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!./RadioDefault.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./RadioDefault.vue?vue&type=template&id=4ab28005&\"\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 }","<!-- =========================================================================================\r\n    File Name: RadioColor.vue\r\n    Description: Change color of radio\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        <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>\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                <vs-radio v-model=\"radios2\" vs-value=\"primary\">Primary</vs-radio>\r\n            </li>\r\n            <li>\r\n                <vs-radio color=\"success\" v-model=\"radios2\" vs-value=\"Success\">Success</vs-radio>\r\n            </li>\r\n            <li>\r\n                <vs-radio color=\"danger\" v-model=\"radios2\" vs-value=\"Danger\">Danger</vs-radio>\r\n            </li>\r\n            <li>\r\n                <vs-radio color=\"warning\" v-model=\"radios2\" vs-value=\"Warning\">Warning</vs-radio>\r\n            </li>\r\n            <li>\r\n                <vs-radio color=\"dark\" v-model=\"radios2\" vs-value=\"Dark\">Dark</vs-radio>\r\n            </li>\r\n            <li>\r\n                <vs-radio color=\"rgb(87, 251, 187)\" v-model=\"radios2\" vs-value=\"RGB\">RGB</vs-radio>\r\n            </li>\r\n            <li>\r\n                <vs-radio color=\"#e48346\" v-model=\"radios2\" vs-value=\"HEX\">HEX</vs-radio>\r\n            </li>\r\n            <li class=\"op-block\">\r\n                {{radios2}}\r\n            </li>\r\n        </ul>\r\n\r\n        <template slot=\"codeContainer\">\r\n\r\n&lt;template&gt;\r\n    &lt;ul class=&quot;centerx&quot;&gt;\r\n      &lt;li&gt;\r\n        &lt;vs-radio v-model=&quot;radios2&quot; vs-value=&quot;primary&quot;&gt;Primary&lt;/vs-radio&gt;\r\n      &lt;/li&gt;\r\n      &lt;li&gt;\r\n        &lt;vs-radio color=&quot;success&quot; v-model=&quot;radios2&quot; vs-value=&quot;Success&quot;&gt;Success&lt;/vs-radio&gt;\r\n      &lt;/li&gt;\r\n      &lt;li&gt;\r\n        &lt;vs-radio color=&quot;danger&quot; v-model=&quot;radios2&quot; vs-value=&quot;Danger&quot;&gt;Danger&lt;/vs-radio&gt;\r\n      &lt;/li&gt;\r\n      &lt;li&gt;\r\n        &lt;vs-radio color=&quot;warning&quot; v-model=&quot;radios2&quot; vs-value=&quot;Warning&quot;&gt;Warning&lt;/vs-radio&gt;\r\n      &lt;/li&gt;\r\n      &lt;li&gt;\r\n        &lt;vs-radio color=&quot;dark&quot; v-model=&quot;radios2&quot; vs-value=&quot;Dark&quot;&gt;Dark&lt;/vs-radio&gt;\r\n      &lt;/li&gt;\r\n      &lt;li&gt;\r\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;\r\n      &lt;/li&gt;\r\n      &lt;li&gt;\r\n        &lt;vs-radio color=&quot;#e48346&quot; v-model=&quot;radios2&quot; vs-value=&quot;HEX&quot;&gt;HEX&lt;/vs-radio&gt;\r\n      &lt;/li&gt;\r\n      &lt;li class=&quot;modelx&quot;&gt;\r\n        {{ \"\\{\\{ radios2 \\}\\}\" }}}\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      radios2:&apos;primary&apos;,\r\n    }\r\n  }\r\n}\r\n&lt;/script&gt;\r\n\r\n        </template>\r\n    </vx-card>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    data() {\r\n        return {\r\n            radios2: 'primary',\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!./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/@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!./RadioColor.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./RadioColor.vue?vue&type=template&id=a6c33932&\"\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","<!-- =========================================================================================\r\n    File Name: Radio.vue\r\n    Description: Radio Element - Imports all page portions.\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-radio-demo\">\r\n        <radio-default></radio-default>\r\n        <radio-color></radio-color>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport RadioDefault from './RadioDefault.vue'\r\nimport RadioColor from './RadioColor.vue'\r\n\r\nexport default{\r\n    components: {\r\n        RadioDefault,\r\n        RadioColor,\r\n    }\r\n}\r\n</script>\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!./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/@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!./Radio.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Radio.vue?vue&type=template&id=6d3941f5&\"\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":""}