{"version":3,"sources":["webpack:///./src/components/sign/SignCCLSFR.vue?44c1","webpack:///./src/components/sign/SignCCLSFR.vue?47a2","webpack:///./src/components/sign/SignCCLSFR.vue?ba49","webpack:///./src/components/sign/SignCCLSFR.vue","webpack:///src/components/sign/SignCCLSFR.vue","webpack:///./src/components/sign/SignCCLSFR.vue?ae10","webpack:///./src/components/sign/SignCCLSFR.vue?ab39"],"names":["directives","name","rawName","expression","_c","attrs","staticClass","_v","staticStyle","showDetailsMobile","class","_vm","floaLogoRvb","_s","render","staticRenderFns","components","LegalNotice","HeaderLayout","Contract","props","signbookError","Boolean","signbookUrl","String","signbookToken","signbookMerchantLogo","type","default","nthSignbook","Object","demand","isLoading","data","floaLogo","require","computed","amountAsked","product","taeg","duration","insuranceCost","Number","parseFloat","insuranceSubscribed","insuranceMonthly","toFixed","totalMonthly","totalMonthlyWithInsurance","loanCost","totalAmountDue","component"],"mappings":"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","file":"js/chunk-22b5fc1b.480fab15.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SignCCLSFR.vue?vue&type=style&index=0&id=58fb3004&prod&lang=css\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SignCCLSFR.vue?vue&type=style&index=2&id=58fb3004&prod&scoped=true&lang=css\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SignCCLSFR.vue?vue&type=style&index=1&id=58fb3004&prod&scoped=true&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('HeaderLayout',{attrs:{\"signbook-merchant-logo\":_vm.signbookMerchantLogo,\"is-reminder-visible\":true}}),_c('v-container',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.$vuetify.breakpoint.xs),expression:\"$vuetify.breakpoint.xs\"}]},[_c('v-row',{attrs:{\"justify\":\"space-around\"}},[_c('div',[_c('span',{staticClass:\"font-weight-medium title\"},[_vm._v(\"Montant total dû :\")]),_vm._v(\" \"),_c('span',{staticClass:\"title font-weight-bold light-blue--text accent-4\"},[_vm._v(_vm._s(_vm.demand.product.insuranceSubscribed ? _vm.demand.product.totalAmountDueWithInsurance : _vm.demand.product.totalAmountDue)+\"€\")])]),_c('div',{staticStyle:{\"display\":\"flex\",\"justify-content\":\"center\",\"align-content\":\"center\",\"flex-direction\":\"column\",\"cursor\":\"pointer\"},on:{\"click\":function($event){_vm.showDetailsMobile = !_vm.showDetailsMobile}}},[_c('div',{class:{'recap-details': true, 'font-weight-bold': true, 'recap-details-opened': _vm.showDetailsMobile, 'recap-details-closed': !_vm.showDetailsMobile}},[_vm._v(\"Détails\")])])]),_c('v-row',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showDetailsMobile),expression:\"showDetailsMobile\"}]},[_c('v-container',{staticClass:\"order-details\"},[_c('v-row',{attrs:{\"justify\":\"center\"}},[_c('v-col',[_c('div',{staticStyle:{\"color\":\"#fff\",\"font-size\":\"16px\",\"text-decoration\":\"underline\",\"text-align\":\"center\"}},[_vm._v(\"Votre proposition : \")])])],1),_c('v-row',{staticClass:\"mt-0\",attrs:{\"justify\":\"start\",\"align\":\"center\"}},[_c('v-col',[_c('div',[_vm._v(\"Montant d'achat : \"),_c('strong',[_vm._v(_vm._s(_vm.amountAsked)+\"€\")])])]),_c('v-col',[_c('div',[_vm._v(\"TAEG fixe : \"),_c('strong',[_vm._v(_vm._s(_vm.taeg)+\"%\")])])])],1),_c('v-row',{staticClass:\"mt-0\",attrs:{\"justify\":\"start\",\"align\":\"center\"}},[_c('v-col',[_c('div',[_vm._v(\"Nombre de mensualités : \"),_c('strong',[_vm._v(_vm._s(_vm.duration))])])]),_c('v-col',[_c('div',[_vm._v(\"Coût de l'assurance : \"),_c('strong',[_vm._v(_vm._s(_vm.insuranceCost)+\"€\")])])])],1),_c('v-row',{staticClass:\"mt-0\",attrs:{\"justify\":\"start\",\"align\":\"center\"}},[_c('v-col',[_c('div',[_vm._v(_vm._s(_vm.duration)+\" mensualités de : \"),_c('strong',[_vm._v(_vm._s(_vm.totalMonthly)+\"€\")])])]),_c('v-col',[_c('div',[_vm._v(\"Coût du crédit : \"),_c('strong',[_vm._v(_vm._s(_vm.loanCost)+\"€\")])])])],1)],1)],1)],1),(_vm.signbookError == false)?_c('div',[_c('v-container',{staticClass:\"mt-5\"},[_c('v-row',{staticClass:\"mb-6\"},[_c('v-col',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.$vuetify.breakpoint.xs),expression:\"!$vuetify.breakpoint.xs\"}],staticClass:\"pt-0 mb-5\",attrs:{\"cols\":\"12\",\"sm\":\"3\",\"md\":\"3\",\"lg\":\"3\"}}),_c('v-col',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.$vuetify.breakpoint.xs),expression:\"!$vuetify.breakpoint.xs\"}],staticClass:\"pt-0\",attrs:{\"cols\":\"12\",\"sm\":\"7\",\"md\":\"7\",\"lg\":\"3\",\"order-lg\":\"1\"}},[_c('div',{staticClass:\"pt-2 pb-2\",attrs:{\"id\":\"summary-top\"}},[_vm._v(\" Votre proposition de\"),_c('br'),_c('strong',[_vm._v(\"FINANCEMENT\")]),_c('br'),_c('img',{staticStyle:{\"display\":\"inline-block\",\"vertical-align\":\"top\"},attrs:{\"width\":\"100\",\"src\":_vm.floaLogoRvb}}),_c('v-badge',{attrs:{\"id\":\"loan-duration-badge\",\"inline\":\"\",\"color\":\"white\",\"value\":`${ _vm.duration }X`,\"content\":`${ _vm.duration }X`}})],1),_c('div',{staticClass:\"summary-middle pt-3 pb-3\"},[_vm._v(\" Montant d'achat : \"),_c('strong',{staticClass:\"display-right\"},[_vm._v(_vm._s(_vm.amountAsked)+\"€\")])]),_c('div',{staticClass:\"summary-middle pt-3 pb-3\"},[_vm._v(\" Nombre de mensualités : \"),_c('strong',{staticClass:\"display-right\"},[_vm._v(_vm._s(_vm.duration))])]),_c('div',{staticClass:\"summary-middle pt-3 pb-3\"},[_vm._v(\" \"+_vm._s(_vm.duration)+\" mensualités de : \"),_c('strong',{staticClass:\"display-right\"},[_vm._v(_vm._s(_vm.totalMonthly)+\"€\")])]),_c('div',{staticClass:\"summary-middle pt-3 pb-3\"},[_vm._v(\" TAEG fixe : \"),_c('strong',{staticClass:\"display-right\"},[_vm._v(_vm._s(_vm.taeg)+\"%\")])]),_c('div',{staticClass:\"summary-middle pt-3 pb-3\"},[_vm._v(\" Coût de l'assurance : \"),_c('strong',{staticClass:\"display-right\"},[_vm._v(_vm._s(_vm.insuranceCost)+\"€\")])]),_c('div',{staticClass:\"summary-middle pt-3 pb-3\"},[_vm._v(\" Coût du crédit : \"),_c('strong',{staticClass:\"display-right\"},[_vm._v(_vm._s(_vm.loanCost)+\"€\")])]),_c('div',{staticClass:\"pt-4 pb-4\",attrs:{\"id\":\"summary-bottom\"}},[_c('span',{staticClass:\"font-weight-medium title\"},[_vm._v(\"Montant total dû :\")]),_vm._v(\" \"),_c('span',{staticClass:\"title font-weight-bold display-right light-blue--text accent-4\"},[_vm._v(_vm._s(_vm.demand.product.insuranceSubscribed ? _vm.demand.product.totalAmountDueWithInsurance : _vm.demand.product.totalAmountDue)+\"€\")])])]),_c('v-col',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.$vuetify.breakpoint.xs),expression:\"!$vuetify.breakpoint.xs\"}],staticClass:\"d-lg-none\",attrs:{\"cols\":\"12\",\"md\":\"12\"}},[_c('hr',{staticClass:\"mt-3 mb-3\"})]),_c('Contract',{attrs:{\"gender\":_vm.demand.customers[0].gender,\"lastName\":_vm.demand.customers[0].lastName,\"is-loading\":_vm.isLoading}})],1),_c('v-row',[_c('v-col',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.$vuetify.breakpoint.xs),expression:\"!$vuetify.breakpoint.xs\"}],staticClass:\"pt-0 mb-5\",attrs:{\"cols\":\"12\",\"sm\":\"5\",\"md\":\"5\",\"lg\":\"3\"}}),_c('v-col',{staticClass:\"pt-0 pl-0 pr-0\",attrs:{\"cols\":\"12\",\"lg\":\"6\"}},[_c('LegalNotice')],1)],1)],1)],1):_c('div',{staticClass:\"height-center\"},[_c('error')],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div>\n         <HeaderLayout \n            :signbook-merchant-logo=\"signbookMerchantLogo\"\n            :is-reminder-visible=\"true\">\n        </HeaderLayout>\n        <v-container v-show=\"$vuetify.breakpoint.xs\">\n            <v-row justify=\"space-around\">\n                <div>\n                    <span class=\"font-weight-medium title\">Montant total dû :</span> <span class=\"title font-weight-bold light-blue--text accent-4\">{{ demand.product.insuranceSubscribed ? demand.product.totalAmountDueWithInsurance : demand.product.totalAmountDue }}€</span>\n                </div>\n                <div style=\"display: flex; justify-content: center; align-content: center; flex-direction: column; cursor: pointer;\" @click=\"showDetailsMobile = !showDetailsMobile\">\n                    <div v-bind:class=\"{'recap-details': true, 'font-weight-bold': true, 'recap-details-opened': showDetailsMobile, 'recap-details-closed': !showDetailsMobile}\">Détails</div>\n                </div>\n            </v-row>\n            <v-row v-show=\"showDetailsMobile\">\n                <v-container class=\"order-details\">\n                    <v-row justify=\"center\">\n                        <v-col>\n                            <div style=\"color: #fff; font-size: 16px; text-decoration: underline; text-align: center\">Votre proposition : </div>\n                        </v-col>\n                    </v-row>\n                    <v-row justify=\"start\" align=\"center\" class=\"mt-0\">\n                        <v-col>\n                            <div>Montant d'achat : <strong>{{ amountAsked }}€</strong></div>\n                        </v-col>\n                        <v-col>\n                            <div>TAEG fixe : <strong>{{ taeg }}%</strong></div>\n                        </v-col>\n                    </v-row>\n                    <v-row justify=\"start\" align=\"center\" class=\"mt-0\">\n                        <v-col>\n                            <div>Nombre de mensualités : <strong>{{ duration }}</strong></div>\n                        </v-col>\n                        <v-col>\n                            <div>Coût de l'assurance : <strong>{{ insuranceCost }}€</strong></div>\n                        </v-col>\n                    </v-row>\n                    <v-row justify=\"start\" align=\"center\" class=\"mt-0\">\n                        <v-col>\n                            <div>{{ duration }} mensualités de : <strong>{{ totalMonthly }}€</strong></div>\n                        </v-col>\n                        <v-col>\n                            <div>Coût du crédit : <strong>{{ loanCost }}€</strong></div>\n                        </v-col>\n                    </v-row>\n                </v-container>\n            </v-row>\n        </v-container>\n\n        <div v-if=\"signbookError == false\">\n            <v-container class=\"mt-5\">\n                <v-row class=\"mb-6\">\n                    <!-- Breadcrumb desktop -->\n                    <v-col cols=\"12\" sm=\"3\" md=\"3\" lg=\"3\" class=\"pt-0 mb-5\" v-show=\"!$vuetify.breakpoint.xs\"></v-col>\n                    <v-col cols=\"12\" sm=\"7\" md=\"7\" lg=\"3\" class=\"pt-0\" order-lg=\"1\" v-show=\"!$vuetify.breakpoint.xs\">\n                        <div id=\"summary-top\" class=\"pt-2 pb-2\">\n                            Votre proposition de<br />\n                            <strong>FINANCEMENT</strong><br />\n                            <img width=\"100\" :src=\"floaLogoRvb\" style=\"display: inline-block; vertical-align: top;\" />\n                            <v-badge id=\"loan-duration-badge\"\n                                     inline\n                                     color=\"white\"\n                                     :value=\"`${ duration }X`\"\n                                     :content=\"`${ duration }X`\"></v-badge>\n                        </div>\n                        <div class=\"summary-middle pt-3 pb-3\">\n                            Montant d'achat : <strong class=\"display-right\">{{ amountAsked }}€</strong>\n                        </div>\n                        <div class=\"summary-middle pt-3 pb-3\">\n                            Nombre de mensualités : <strong class=\"display-right\">{{ duration }}</strong>\n                        </div>\n                        <div class=\"summary-middle pt-3 pb-3\">\n                            {{ duration }} mensualités de : <strong class=\"display-right\">{{ totalMonthly }}€</strong>\n                        </div>\n                        <div class=\"summary-middle pt-3 pb-3\">\n                            TAEG fixe : <strong class=\"display-right\">{{ taeg }}%</strong>\n                        </div>\n                        <div class=\"summary-middle pt-3 pb-3\">\n                            Coût de l'assurance : <strong class=\"display-right\">{{ insuranceCost }}€</strong>\n                        </div>\n                        <div class=\"summary-middle pt-3 pb-3\">\n                            Coût du crédit : <strong class=\"display-right\">{{ loanCost }}€</strong>\n                        </div>\n                        <div id=\"summary-bottom\" class=\"pt-4 pb-4\">\n                            <span class=\"font-weight-medium title\">Montant total dû :</span> <span class=\"title font-weight-bold display-right light-blue--text accent-4\">{{ demand.product.insuranceSubscribed ? demand.product.totalAmountDueWithInsurance : demand.product.totalAmountDue }}€</span>\n                        </div>\n                    </v-col>\n                    <v-col cols=\"12\" md=\"12\" class=\"d-lg-none\" v-show=\"!$vuetify.breakpoint.xs\">\n                        <hr class=\"mt-3 mb-3\" />\n                    </v-col>\n                    <Contract\n                        :gender=\"demand.customers[0].gender\"\n                        :lastName=\"demand.customers[0].lastName\"\n                        :is-loading=\"isLoading\">\n                    </Contract>\n                </v-row>\n                <v-row>\n                    <v-col cols=\"12\" sm=\"5\" md=\"5\" lg=\"3\" class=\"pt-0 mb-5\" v-show=\"!$vuetify.breakpoint.xs\" />\n                    <v-col cols=\"12\" lg=\"6\" class=\"pt-0 pl-0 pr-0\">\n                        <LegalNotice></LegalNotice>\n                    </v-col>\n                </v-row>\n            </v-container>\n        </div>\n        <div class=\"height-center\" v-else>\n            <error></error>\n        </div>\n    </div>\n</template>\n\n<script>\n    import LegalNotice from '../shared/LegalNotice.vue';\n    import HeaderLayout from '../shared/HeaderLayout.vue';\n    import Contract from '../shared/Contract.vue';\n        \n    export default {\n        name: 'SignCCL122436',\n        components: {\n            LegalNotice,\n            HeaderLayout,\n            Contract\n        },\n        props: {\n            signbookError: Boolean,\n            signbookUrl: String,\n            signbookToken: String,\n            signbookMerchantLogo: {\n                type: String,\n                default: ''\n            },\n            nthSignbook: Object,\n            demand: Object,\n            isLoading: {\n                type: Boolean,\n                default: true\n            }\n        },\n        data() {\n            return {\n                floaLogo: require('../../../public/img/logo_floa.svg'),\n                floaLogoRvb: require('../../../public/img/logo_floa_negative.svg'),\n                showDetailsMobile: false,\n            }\n        },\n    computed: {\n        amountAsked: function ()\n        {\n            return this.demand.product.amountAsked;\n        },\n        taeg: function ()\n        {\n            return this.demand.product.taeg;\n        },\n        duration: function ()\n        {\n            return this.demand.product.duration;\n        },\n        insuranceCost: function ()\n        {\n            return Number.parseFloat( this.demand.product.insuranceSubscribed ? ( this.demand.product.insuranceMonthly * this.demand.product.duration ) : 0 ).toFixed( 2 );\n        },\n        totalMonthly: function ()\n        {\n            return this.demand.product.insuranceSubscribed ? this.demand.product.totalMonthlyWithInsurance : this.demand.product.totalMonthly;\n        },\n        loanCost: function ()\n        {\n            return Number.parseFloat( this.demand.product.totalAmountDue - this.demand.product.amountAsked ).toFixed( 2 );\n        }\n    },\n}\n</script>\n<style>\n    #app > div {\n        background-color: #F3F3F3 !important;\n    }\n\n    #app {\n        font-family: 'Poppins'\n    }\n\n    #loan-duration-badge > span > span {\n        margin-top: 14px;\n        background-color: #FFF !important;\n        border-color: #FFF !important;\n        color: #009FFF !important;\n        font-weight: bold !important;\n        font-size: 0.9em;\n        width: 45px;\n        height: 21px;\n    }\n</style>\n<style scoped>\n    #toolbar {\n        text-align: center !important;\n    }\n\n    .toolbar-title {\n        margin-left: 25px;\n        font-size: 0.85em;\n        color: #808080;\n    }\n\n    .v-sheet.v-card:not(.v-sheet--outlined) {\n        box-shadow: none !important;\n    }\n\n    #summary-top {\n        background-color: #009FFF;\n        color: #FFF;\n        text-align: center;\n        border-top-left-radius: 12px;\n        border-top-right-radius: 12px;\n    }\n\n    .summary-middle {\n        padding-left: 15px;\n        padding-right: 15px;\n        background-color: #FFF;\n        font-size: 0.9em;\n        border-bottom: 1px solid #d3d3d3;\n    }\n\n    #summary-bottom {\n        padding-left: 15px;\n        padding-right: 15px;\n        background-color: #FFF;\n        font-size: 0.9em;\n        border-bottom-left-radius: 12px;\n        border-bottom-right-radius: 12px;\n    }\n\n    .display-right {\n        float: right;\n    }\n\n    .floa-color {\n        color: #009FFF;\n    }\n\n    .floa-color-muted {\n        color: #009FFF;\n        opacity: 0.3;\n    }\n\n    .step-progress {\n        position: relative;\n        list-style: none;\n    }\n\n    .step-progress-item {\n        position: relative;\n        counter-increment: list;\n        text-align: right;\n        padding-right: 70px;\n    }\n\n        .step-progress-item:not(:last-child) {\n            padding-bottom: 30px;\n            color: #009FFF;\n            opacity: 0.3;\n        }\n\n        .step-progress-item:last-child {\n            color: #009FFF;\n        }\n\n        .step-progress-item::before {\n            display: inline-block;\n            content: '';\n            position: absolute;\n            right: 0;\n            height: 100%;\n            width: 19px;\n        }\n\n        .step-progress-item::after {\n            content: '';\n            display: inline-block;\n            position: absolute;\n            top: 0;\n            right: 3px;\n            width: 27px;\n            height: 27px;\n            border: 2px solid #009FFF;\n            border-radius: 50%;\n            background-color: #009FFF;\n        }\n\n        .step-progress-item.is-done::before {\n            border-left: 5px solid #009FFF;\n        }\n\n        .step-progress-item.is-done::after {\n            content: \"✔\";\n            font-size: 14px;\n            padding-top: 2px;\n            color: #FFF;\n            text-align: center;\n            border: 2px solid #009FFF;\n            background-color: #009FFF;\n        }\n\n        .step-progress-item.current::before {\n            border-left: 2px solid #009FFF;\n        }\n\n        .step-progress-item.current::after {\n            content: counter(list);\n            padding-top: 1px;\n            width: 19px;\n            height: 18px;\n            top: -4px;\n            left: -40px;\n            font-size: 14px;\n            text-align: center;\n            color: green;\n            border: 2px solid #009FFF;\n            background-color: white;\n        }\n\n    .step-progress strong {\n        display: block;\n    }\n\n    .breadcrumb-item {\n        border-radius: 50%;\n        display: inline-block;\n        height: 10px;\n        width: 10px;\n        background-color: #c9d4d8;\n    }\n\n    .active {\n        background-color: #009fff;\n    }\n\n    .recap-details-closed::before {\n        content: url(\"../../../public/img/recap_plus.svg\");\n    }\n\n    .recap-details-opened::before {\n        content: url(\"../../../public/img/recap_minus.svg\");\n    }\n\n    .recap-details::before {\n        position: relative;\n        left: -2px;\n    }\n\n    .recap-details {\n        font-size: 12px;\n    }\n\n    .order-details {\n        color: #fff;\n        background-color: #009fff;\n        border-radius: 0 0 10px 10px;\n        font-size: 16px;\n    }\n</style>\n\n<style scoped>\n    @import '../../assets/css/fonts.css';\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!./SignCCLSFR.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!./SignCCLSFR.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./SignCCLSFR.vue?vue&type=template&id=58fb3004&scoped=true\"\nimport script from \"./SignCCLSFR.vue?vue&type=script&lang=js\"\nexport * from \"./SignCCLSFR.vue?vue&type=script&lang=js\"\nimport style0 from \"./SignCCLSFR.vue?vue&type=style&index=0&id=58fb3004&prod&lang=css\"\nimport style1 from \"./SignCCLSFR.vue?vue&type=style&index=1&id=58fb3004&prod&scoped=true&lang=css\"\nimport style2 from \"./SignCCLSFR.vue?vue&type=style&index=2&id=58fb3004&prod&scoped=true&lang=css\"\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  \"58fb3004\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}