{"version":3,"sources":["webpack:///./src/components/Form/RadioField.vue?6284","webpack:///./src/components/Form/RadioField.vue","webpack:///src/components/Form/RadioField.vue","webpack:///./src/components/Form/RadioField.vue?9f4a","webpack:///./src/components/Form/RadioField.vue?49a7"],"names":["render","_vm","this","_c","_self","staticClass","_l","options","option","directives","name","rawName","value","expression","ref","refInFor","attrs","domProps","_q","on","$event","updateValue","target","$set","_v","_s","label","staticRenderFns","props","mounted","preselect","$refs","click","methods","$emit","length","component"],"mappings":"uIAAA,W,yCCAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,kBAAkBJ,EAAIK,GAAIL,EAAIM,SAAS,SAASC,GAAQ,OAAOL,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,QAAQ,CAACA,EAAG,QAAQ,CAACM,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,UAAUC,MAAOJ,EAAOI,MAAOC,WAAW,iBAAiBC,IAAIN,EAAOI,MAAMG,UAAS,EAAKC,MAAM,CAAC,KAAO,QAAQ,KAAOf,EAAIS,MAAMO,SAAS,CAAC,MAAQT,EAAOI,MAAM,QAAUX,EAAIiB,GAAGV,EAAOI,MAAMJ,EAAOI,QAAQO,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOnB,EAAIoB,YAAYD,EAAOE,OAAOV,QAAQ,OAAS,SAASQ,GAAQ,OAAOnB,EAAIsB,KAAKf,EAAQ,QAASA,EAAOI,WAAWT,EAAG,OAAO,CAACE,YAAY,cAAcJ,EAAIuB,GAAG,IAAIvB,EAAIwB,GAAGjB,EAAOkB,OAAO,YAAW,IAE1qBC,EAAkB,GCmBtB,GACAjB,KAAA,aAEAkB,MAAA,CACA,QACA,UACA,OACA,aAGAC,UACA,WAAAC,WACA,KAAAC,MAAA,KAAAxB,QAAA,KAAAuB,WAAAlB,OAAA,GAAAoB,SAIAC,QAAA,CACAZ,YAAAT,GACA,KAAAsB,MAAA,QAAAtB,EAAAuB,OAAA,EAAAvB,EAAA,SCvCkW,I,wBCQ9VwB,EAAY,eACd,EACApC,EACA2B,GACA,EACA,KACA,WACA,MAIa,aAAAS,E","file":"js/chunk-7e194436.933badfd.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RadioField.vue?vue&type=style&index=0&id=f71dcfae&prod&lang=scss&scoped=true\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"fieldset radio\"},_vm._l((_vm.options),function(option){return _c('div',{staticClass:\"radio-wrapper\"},[_c('label',[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(option.value),expression:\"option.value\"}],ref:option.value,refInFor:true,attrs:{\"type\":\"radio\",\"name\":_vm.name},domProps:{\"value\":option.value,\"checked\":_vm._q(option.value,option.value)},on:{\"input\":function($event){return _vm.updateValue($event.target.value)},\"change\":function($event){return _vm.$set(option, \"value\", option.value)}}}),_c('span',{staticClass:\"checkmark\"}),_vm._v(\" \"+_vm._s(option.label)+\" \")])])}),0)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"fieldset radio\">\n        <div class=\"radio-wrapper\" v-for=\"option in options\">\n            <label>\n                <input\n                    type=\"radio\"\n                    v-model=\"option.value\"\n                    :value=\"option.value\"\n                    @input=\"updateValue($event.target.value)\"\n                    :name=\"name\"\n                    :ref=\"option.value\"\n                />\n                <span class=\"checkmark\"></span>\n                {{ option.label }}\n            </label>\n        </div>\n    </div>\n\n</template>\n\n<script>\n    export default {\n        name: 'RadioField',\n\n        props: [\n            'value',\n            'options',\n            'name',\n            'preselect'\n        ],\n\n        mounted() {\n            if(this.preselect != null){\n                this.$refs[this.options[this.preselect].value][0].click()\n            }\n        },\n\n        methods: {\n            updateValue(value) {\n                this.$emit('input', value.length > 0 ? value : null)\n            }\n        }\n    }\n</script>\n\n<style lang=\"scss\" scoped>\n    .radio {\n        justify-content: flex-start;\n\n        .radio-wrapper {\n            margin-right: 40px;\n            margin-bottom: 20px;\n            position: relative;\n\n            label {\n                cursor: pointer;\n            }\n\n            input {\n                opacity: 0;\n                margin-right: 20px;\n\n                &:checked {\n                    ~ .checkmark {\n                        &:after {\n                            opacity: 1;\n                        }\n                    }\n                }\n            }\n\n            .checkmark {\n                position: absolute;\n                left: 0;\n                bottom: 0;\n                height: 20px;\n                width: 20px;\n                border: 1px solid $timberGreen;\n\n                &:after {\n                    content: \"\";\n                    position: absolute;\n                    width: 10px;\n                    height: 10px;\n                    bottom: 5px;\n                    left: 5px;\n                    background: $timberGreen;\n                    opacity: 0;\n                }\n            }\n        }\n    }\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RadioField.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RadioField.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./RadioField.vue?vue&type=template&id=f71dcfae&scoped=true\"\nimport script from \"./RadioField.vue?vue&type=script&lang=js\"\nexport * from \"./RadioField.vue?vue&type=script&lang=js\"\nimport style0 from \"./RadioField.vue?vue&type=style&index=0&id=f71dcfae&prod&lang=scss&scoped=true\"\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  \"f71dcfae\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}