{"version":3,"sources":["webpack:///./src/components/input/Checkbox.vue?e848","webpack:///src/components/input/Checkbox.vue","webpack:///./src/components/input/Checkbox.vue?aea9","webpack:///./src/components/input/Checkbox.vue","webpack:///./src/components/input/Checkbox.vue?5002"],"names":["render","_vm","this","_h","$createElement","_c","_self","invoice","staticClass","class","computedClass","on","$event","$emit","attrs","staticRenderFns","component"],"mappings":"oMAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAsB,IAAdF,EAAIM,QAAgBF,EAAG,OAAO,CAACG,YAAY,mBAAmBC,MAAMR,EAAIS,cAAcC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOX,EAAIY,MAAM,YAAY,CAACR,EAAG,OAAO,CAACG,YAAY,YAAYH,EAAG,OAAO,CAACG,YAAY,WAAWC,MAAMR,EAAIS,cAAcC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOX,EAAIY,MAAM,YAAY,CAACR,EAAG,oBAAoB,CAACG,YAAY,QAAQM,MAAM,CAAC,KAAO,YAAY,IAC5cC,EAAkB,GCStB,GACE,KAAF,WACE,MAAF,CACI,SAAJ,CACM,KAAN,QACM,SAAN,GAEI,QAAJ,CACM,KAAN,QACM,SAAN,GAEI,eAAJ,CACM,KAAN,QACM,SAAN,GAEI,QAAJ,CACM,KAAN,QACM,SAAN,EACM,UAAN,IAGE,SAAF,CACI,cADJ,WAEM,MAAN,CACQ,QAAR,aACQ,SAAR,cACQ,MAAR,uBAIE,QAAF,CACI,MADJ,WAEM,KAAN,kBC1CiT,I,wBCQ7SC,EAAY,eACd,EACAhB,EACAe,GACA,EACA,KACA,WACA,MAIa,OAAAC,E,2CCnBf,yBAA0jB,EAAG","file":"js/address~edit-my-account~logInPage~signUpNoChargePage~signUpPage~summaryPage.6c47a2a3.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.invoice===true)?_c('span',{staticClass:\"Invoice-checkbox\",class:_vm.computedClass,on:{\"click\":function($event){return _vm.$emit('click')}}},[_c('span',{staticClass:\"check\"})]):_c('span',{staticClass:\"Checkbox\",class:_vm.computedClass,on:{\"click\":function($event){return _vm.$emit('click')}}},[_c('font-awesome-icon',{staticClass:\"check\",attrs:{\"icon\":\"check\"}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <span v-if=\"invoice===true\" class=\"Invoice-checkbox\" :class=\"computedClass\" @click=\"$emit('click')\">\n        <span class=\"check\"></span>\n    </span>\n    <span v-else class=\"Checkbox\" :class=\"computedClass\" @click=\"$emit('click')\">\n        <font-awesome-icon class=\"check\" icon=\"check\"/>\n    </span>\n</template>\n\n<script>\n    export default {\n        name: 'Checkbox',\n        props: {\n            disabled: {\n                type: Boolean,\n                default: false,\n            },\n            checked: {\n                type: Boolean,\n                default: false,\n            },\n            highlightError: {\n                type: Boolean,\n                default: false,\n            },\n            invoice: {\n                type: Boolean,\n                default: false,\n                required: false,\n            }\n        },\n        computed: {\n            computedClass() {\n                return {\n                    checked: this.checked,\n                    disabled: this.disabled,\n                    error: this.highlightError,\n                };\n            },\n        },\n        methods: {\n            click() {\n                this.$emit('click');\n            },\n        },\n    };\n</script>\n\n<style lang=\"scss\" scoped>\n    @import '@/assets/scss/_variables.scss';\n    @import \"@/assets/scss/bulma/projectBulma.scss\";\n\n    .Invoice-checkbox {\n        display: block;\n        background-color: white;\n        width: 20px;\n        height: 20px;\n        border: solid 1px $primary;\n        border-radius: 3px;\n        position: relative;\n        cursor: pointer;\n\n        .check::before{\n            content: \"\";\n            position: relative;\n            display: block;\n            height: 7px;\n            background-color: $primary;\n            top: 10px;\n            left: 9px;\n            width: 15px;\n            margin-left: -14px;\n            border-radius: 3px;\n            -webkit-transform: rotate(45deg);\n            transform: rotate(45deg);\n            transition: 0.2s ease-out opacity;\n            opacity: 0;\n        }\n        .check::after{\n            content: \"\";\n            position: relative;\n            display: block;\n            bottom: 12px;\n            left: 9px;\n            width: 7px;\n            height: 28px;\n            background-color: $primary;\n            border-radius: 3px;\n            -webkit-transform: rotate(30deg);\n            transform: rotate(30deg);\n            transition: 0.2s ease-out opacity;\n            opacity: 0;\n        }\n\n        &.checked{\n            .check::before{\n                content: \"\";\n                position: relative;\n                display: block;\n                height: 6.5px;\n                background-color: $primary;\n                top: 10px;\n                left: 9px;\n                width: 15px;\n                margin-left: -14px;\n                border-radius: 4px;\n                -webkit-transform: rotate(45deg);\n                transform: rotate(45deg);\n                opacity: 1;\n            }\n            .check::after{\n                content: \"\";\n                position: relative;\n                display: block;\n                bottom: 12px;\n                left: 9px;\n                width: 6.5px;\n                height: 28px;\n                background-color: $primary;\n                border-radius: 4px;\n                -webkit-transform: rotate(30deg);\n                transform: rotate(30deg);\n                opacity: 1;\n            }\n        }\n    }\n\n    .Checkbox {\n        cursor: pointer;\n        user-select: none;\n        padding: 1px 2px;\n        background-color: #eee;\n        border: solid 1px $primary;\n        border-radius: 3px;\n        color: #eee;\n        font-size: 0.7em;\n        transition: 0.1s ease-out background-color;\n\n        &.disabled {\n            pointer-events: none;\n            opacity: 0.2;\n        }\n\n        .check {\n            opacity: 0;\n            transition: 0.2s ease-out opacity;\n        }\n\n        &.checked {\n            background-color: $primary;\n\n            .check {\n                opacity: 1;\n            }\n        }\n\n        &.error {\n            background-color: red;\n        }\n    }\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../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!./Checkbox.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../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!./Checkbox.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Checkbox.vue?vue&type=template&id=31458677&scoped=true&\"\nimport script from \"./Checkbox.vue?vue&type=script&lang=js&\"\nexport * from \"./Checkbox.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Checkbox.vue?vue&type=style&index=0&id=31458677&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  \"31458677\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Checkbox.vue?vue&type=style&index=0&id=31458677&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Checkbox.vue?vue&type=style&index=0&id=31458677&lang=scss&scoped=true&\""],"sourceRoot":""}