{"version":3,"sources":["webpack:///./src/components/RWMCheckbox/RwmCheckbox.vue?0a04","webpack:///src/components/RWMCheckbox/RwmCheckbox.vue","webpack:///./src/components/RWMCheckbox/RwmCheckbox.vue?c2f1","webpack:///./src/components/RWMCheckbox/RwmCheckbox.vue","webpack:///./src/components/RWMCheckbox/RwmCheckbox.vue?9ff5","webpack:///./src/components/RWMCheckbox/RwmCheckbox.vue?075f"],"names":["render","_vm","this","_h","$createElement","_c","_self","class","error","checked","on","$event","$emit","linkText","staticClass","_v","_s","label","preventDefault","stopPropagation","linkTarget","domProps","_b","attrs","target","checkReadable","$attrs","staticRenderFns","name","model","prop","event","props","readonly","type","Boolean","default","String","Object","methods","component"],"mappings":"oKAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,QAAQ,CAACE,MAAM,CAAC,eAAgB,CAAC,MAAUN,EAAIO,QAAUP,EAAIQ,UAAUC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOV,EAAIW,MAAM,YAAY,CAAGX,EAAIY,SAA+FR,EAAG,IAAI,CAACS,YAAY,uBAAuB,CAACb,EAAIc,GAAGd,EAAIe,GAAGf,EAAIgB,OAAO,KAAKZ,EAAG,IAAI,CAACK,GAAG,CAAC,MAAQ,SAASC,GAAyD,OAAjDA,EAAOO,iBAAiBP,EAAOQ,kBAAyBlB,EAAIW,MAAM,aAAcX,EAAImB,eAAe,CAACnB,EAAIc,GAAGd,EAAIe,GAAGf,EAAIY,eAA1TR,EAAG,IAAI,CAACS,YAAY,sBAAsBO,SAAS,CAAC,UAAYpB,EAAIe,GAAGf,EAAIgB,UAA8PZ,EAAG,QAAQJ,EAAIqB,GAAG,CAACC,MAAM,CAAC,KAAO,YAAYF,SAAS,CAAC,QAAUpB,EAAIQ,SAASC,GAAG,CAAC,OAAS,SAASC,GAAQ,OAAOV,EAAIW,MAAM,SAAUD,EAAOa,OAAOf,UAAU,MAAQ,SAASE,GAAQ,OAAOV,EAAIwB,cAAcd,MAAW,QAAQV,EAAIyB,QAAO,IAAQrB,EAAG,OAAO,CAACS,YAAY,iBACx0Ba,EAAkB,GCQtB,GACEC,KAAM,cACNC,MAAO,CACLC,KAAM,UACNC,MAAO,UAETC,MAAO,CACLC,SAAU,CACRC,KAAMC,QACNC,SAAS,GAEX3B,QAAS0B,QACTlB,MAAOoB,OACP7B,MAAO,CACL0B,KAAMC,QACNC,SAAS,GAEXvB,SAAUwB,OACVjB,WAAYkB,QAEdC,QAAS,CACPd,cADJ,SACA,GACUvB,KAAK+B,SACPF,EAAMb,iBAENhB,KAAKU,MAAM,YClCiV,I,kCCShW4B,EAAY,eACd,EACAxC,EACA2B,GACA,EACA,KACA,WACA,MAIa,OAAAa,E,2CCpBf,W,kCCAA","file":"js/chunk-627385cc.fc4d8195.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('label',{class:['rwm-checkbox', {'error' : _vm.error && !_vm.checked}],on:{\"click\":function($event){return _vm.$emit('click')}}},[(!_vm.linkText)?_c('p',{staticClass:\"rwm-checkbox__label\",domProps:{\"innerHTML\":_vm._s(_vm.label)}}):_c('p',{staticClass:\"rwm-checkbox__label\"},[_vm._v(_vm._s(_vm.label)+\" \"),_c('a',{on:{\"click\":function($event){$event.preventDefault();$event.stopPropagation();return _vm.$emit('downloadDU', _vm.linkTarget)}}},[_vm._v(_vm._s(_vm.linkText))])]),_c('input',_vm._b({attrs:{\"type\":\"checkbox\"},domProps:{\"checked\":_vm.checked},on:{\"change\":function($event){return _vm.$emit('change', $event.target.checked)},\"click\":function($event){return _vm.checkReadable($event)}}},'input',_vm.$attrs,false)),_c('span',{staticClass:\"checkmark\"})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <label :class=\"['rwm-checkbox', {'error' : error && !checked}]\" @click=\"$emit('click')\">\n    <p v-if=\"!linkText\" class=\"rwm-checkbox__label\" v-html=\"label\"/>\n    <p v-else class=\"rwm-checkbox__label\">{{label}} <a @click.prevent.stop=\"$emit('downloadDU', linkTarget)\">{{ linkText }}</a></p>\n    <input v-bind=\"$attrs\" type=\"checkbox\" :checked=\"checked\" @change=\"$emit('change', $event.target.checked)\" @click=\"checkReadable($event)\">\n    <span class=\"checkmark\"></span>\n  </label>\n</template>\n<script>\nexport default {\n  name: \"RwmCheckbox\",\n  model: {\n    prop: 'checked',\n    event: 'change',\n  },\n  props: {\n    readonly: {\n      type: Boolean,\n      default: false\n    },\n    checked: Boolean,\n    label: String,\n    error: {\n      type: Boolean,\n      default: false\n    },\n    linkText: String,\n    linkTarget: Object\n  },\n  methods: {\n    checkReadable(event) {\n      if (this.readonly) {\n        event.preventDefault();\n      } else {\n        this.$emit('click')\n      }\n    }\n  }\n}\n</script>\n\n<style scoped lang=\"scss\">\n.rwm-checkbox {\n  margin: 8px 0;\n  display: block;\n  position: relative;\n  padding-left: 65px;\n  max-width: max-content;\n  cursor: pointer;\n  font-weight: normal;\n  font-size: 19px;\n  line-height: 26px;\n  user-select: none;\n  color: $RWM-grey;\n  text-align: left;\n  &:hover,\n  &:focus,\n  &:active {\n    color: $RWM-dark;\n    & input ~ .checkmark { /* On mouse-over, add a grey background color */\n      &:before {\n        background-color: $RWM-grey-super-light;\n        opacity: $RWM-opacity-hover;\n      }\n    }\n  }\n  &:hover input:checked ~ .checkmark { /* On mouse-over, add a grey background color */\n    background-color: $RWM-dark;\n    opacity: 1;\n  }\n  & input { /* Hide the browser's default checkbox */\n    position: absolute;\n    opacity: 0;\n    cursor: pointer;\n    height: 0;\n    width: 0;\n    &:disabled ~ .checkmark { //when checkbox is disabled\n      background-color: $RWM-block;\n    }\n    &:checked ~ .checkmark { /* When the checkbox is checked, add a blue background */\n      background-color: $RWM-grey;\n      &:after { /* Show the checkmark when checked */\n        display: block;\n      }\n    }\n  }\n  & .checkmark { /* Create a custom checkbox */\n    position: absolute;\n    top: 50%;\n    transform: translate(0, -50%);\n    left: 0;\n    height: 33px;\n    width: 33px;\n    border: 2px solid $RWM-grey;\n    border-radius: 5px;\n    transition: all .3s;\n    &:after { /* Create the checkmark/indicator (hidden when not checked) */\n      content: \"\";\n      position: absolute;\n      display: none;\n\n      left: 8px;\n      top: 7px;\n      width: 16px;\n      height: 10px;\n      border: solid $RWM-white;\n      border-width: 3px 3px 0 0;\n      transform: rotate(135deg);\n    }\n    &:before {\n      content: \"\";\n      box-sizing: content-box;\n      position: absolute;\n      top: 0; left: 0; bottom: 0; right: 0;\n      transition: all .3s;\n      background-color: transparent;\n      opacity: 0;\n    }\n  }\n  &.error {\n    color: $RWM-red;\n    &:hover {\n      color: $RWM-dark-red;\n    }\n    & .checkmark {\n      border: 2px solid $RWM-red;\n    }\n  }\n}\n</style>\n\n<style lang=\"scss\">\n  .rwm-checkbox {\n    &__label {\n      & a {\n        text-decoration: none;\n        color: inherit;\n        font-weight: 500;\n        transition: color 300ms;\n        position: relative;\n        &:hover {\n          color: $RWM-red;\n        }\n        &:after {\n          content: '';\n          position: absolute;\n          left: 0;\n          right: 0;\n          height: 2px;\n          background-color: currentColor;\n          bottom: 1px;\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!./RwmCheckbox.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!./RwmCheckbox.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./RwmCheckbox.vue?vue&type=template&id=69c25224&scoped=true&\"\nimport script from \"./RwmCheckbox.vue?vue&type=script&lang=js&\"\nexport * from \"./RwmCheckbox.vue?vue&type=script&lang=js&\"\nimport style0 from \"./RwmCheckbox.vue?vue&type=style&index=0&id=69c25224&scoped=true&lang=scss&\"\nimport style1 from \"./RwmCheckbox.vue?vue&type=style&index=1&lang=scss&\"\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  \"69c25224\",\n  null\n  \n)\n\nexport default component.exports","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!./RwmCheckbox.vue?vue&type=style&index=0&id=69c25224&scoped=true&lang=scss&\"","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!./RwmCheckbox.vue?vue&type=style&index=1&lang=scss&\""],"sourceRoot":""}