{"version":3,"sources":["webpack:///./src/views/forms/form-elements/radio/Radio.vue?c957","webpack:///./src/views/forms/form-elements/radio/RadioDefault.vue?fca4","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?5740","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","id","staticRenderFns","RadioDefaultvue_type_template_id_4ab28005_render","title","code-toggler","_v","staticClass","icon","active","color","vs-value","model","value","callback","$$v","radios1","expression","disabled","_s","slot","RadioDefaultvue_type_template_id_4ab28005_staticRenderFns","RadioDefaultvue_type_script_lang_js_","data","radio_RadioDefaultvue_type_script_lang_js_","component","Object","componentNormalizer","RadioDefault","RadioColorvue_type_template_id_a6c33932_render","to","radios2","RadioColorvue_type_template_id_a6c33932_staticRenderFns","RadioColorvue_type_script_lang_js_","radio_RadioColorvue_type_script_lang_js_","RadioColor_component","RadioColor","Radiovue_type_script_lang_js_","components","radio_Radiovue_type_script_lang_js_","Radio_component","__webpack_exports__"],"mappings":"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","file":"js/chunk-2d229624.6e1b51b5.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":""}