{"version":3,"sources":["webpack:///./src/views/Components/BlueBackground.vue?b24b","webpack:///src/views/Components/BlueBackground.vue","webpack:///./src/views/Components/BlueBackground.vue?8973","webpack:///./src/views/Components/BlueBackground.vue","webpack:///./src/views/Pages/Service/Service.vue?db83","webpack:///src/views/Pages/Service/Service.vue","webpack:///./src/views/Pages/Service/Service.vue?d77a","webpack:///./src/views/Pages/Service/Service.vue","webpack:///./src/views/Components/BlueBackground.vue?7a19","webpack:///./src/assets/svg/arrow-down.svg","webpack:///./src/assets/svg/circle-arrow-right.svg","webpack:///./src/views/Pages/Service/Service.vue?0744","webpack:///./src/views/Pages/Service/Service.vue?d60d"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","style","_m","staticRenderFns","staticStyle","component","attrs","showLoader","service","active","_e","_v","_s","title","main_photo","domProps","content","photos","length","_l","item","index","key","$store","state","user","instructions","provider","name","address","post_number","post","website","telephone_number","email","loggedIn","usage_type","coupon","on","getCoupon","$event","copy","contact_person","class","$router","push","$scrollToTop","module","exports"],"mappings":"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","file":"js/chunk-67b44a86.6356fc40.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"top-div\",style:(_vm.cssVars)},[_vm._m(0)])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticStyle:{\"position\":\"absolute\",\"left\":\"-1000px\",\"right\":\"-1000px\",\"height\":\"100%\",\"background-color\":\"#EAF3F9\"}},[_c('div',{staticStyle:{\"position\":\"absolute\",\"bottom\":\"0\",\"left\":\"0\",\"width\":\"100%\",\"height\":\"80px\",\"background\":\"linear-gradient(0deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%)\"}})])}]\n\nexport { render, staticRenderFns }","<template>\n    <div :style=\"cssVars\" class=\"top-div\">\n        <div style=\"position: absolute; left: -1000px; right: -1000px; height: 100%; background-color: #EAF3F9;\">\n            <div style=\"position: absolute; bottom: 0; left: 0; width: 100%; height: 80px; background: linear-gradient(0deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);\"/>\n        </div>\n    </div>\n</template>\n\n<script>\n    export default {\n        name: 'BlueBackground',\n        props:{\n            height: {\n                type: Number,\n                default: 260\n            }\n        },\n        computed: {\n            cssVars() {\n                return {\n                    '--height': `${this.height}px`\n                }\n            }\n        }\n    }\n</script>\n\n<style scoped>\n.top-div{\n    position: absolute; \n    width: 100%; \n    z-index: -1;\n    height: var(--height);\n}\n\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../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!./BlueBackground.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/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!./BlueBackground.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BlueBackground.vue?vue&type=template&id=15d8e924&scoped=true&\"\nimport script from \"./BlueBackground.vue?vue&type=script&lang=js&\"\nexport * from \"./BlueBackground.vue?vue&type=script&lang=js&\"\nimport style0 from \"./BlueBackground.vue?vue&type=style&index=0&id=15d8e924&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  \"15d8e924\",\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('b-overlay',{attrs:{\"show\":_vm.showLoader}},[(_vm.service)?_c('div',[(!_vm.service.active)?_c('b-row',[_c('b-col',[_c('b-alert',{staticClass:\"p-1 text-center w-100\",attrs:{\"variant\":\"danger\",\"show\":\"\"}},[_c('b',[_vm._v(\"Ta storitev ni aktivna! Vidijo jo lahko samo administratorji, navadni uporabniki do nje nimajo dostopa!\")])])],1)],1):_vm._e(),_c('BlueBackground',{staticStyle:{\"top\":\"4rem\"}}),_c('div',{staticClass:\"h-100 w-100 position-relative d-none d-md-block\"},[_c('div',{staticClass:\"position-relative p-2\",staticStyle:{\"z-index\":\"3\"}},[_c('div',{staticClass:\"title-section\"},[_c('h1',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.service.title)+\" \")]),_c('b-img',{staticClass:\"ml-2 mb-2\",staticStyle:{\"position\":\"absolute\",\"bottom\":\"2rem\"},attrs:{\"src\":require('@/assets/svg/arrow-down.svg')}})],1)]),_c('b-img',{staticClass:\"main-photo\",attrs:{\"src\":'/api/user/v1/image/' + _vm.service.main_photo}})],1),_c('div',{staticClass:\"position-relative d-md-none\",staticStyle:{\"z-index\":\"2 !important\"}},[_c('div',{staticClass:\"title-section-mobile\"},[_c('h1',{staticClass:\"title-mobile\"},[_vm._v(_vm._s(_vm.service.title))])]),_c('div',{staticClass:\"d-flex justify-content-center\",staticStyle:{\"z-index\":\"3 !important\"}},[_c('b-img',{staticStyle:{\"max-height\":\"500px\"},attrs:{\"fluid\":\"\",\"src\":'/api/user/v1/image/' + _vm.service.main_photo}})],1)]),_c('b-row',[_c('b-col',{attrs:{\"cols\":\"12\",\"md\":\"10\",\"offset-md\":\"1\"}},[_c('div',{staticClass:\"mt-5 mt-md-3\",staticStyle:{\"font-size\":\"17px\"}},[_c('div',{staticClass:\"text-instructions html-display\",domProps:{\"innerHTML\":_vm._s(_vm.service.content)}})]),(_vm.photos.length > 0)?_c('b-row',{staticClass:\"mt-2\"},[_c('b-col',{staticClass:\"d-flex justify-content-center\",attrs:{\"cols\":\"12\"}},[_c('b-img',{staticStyle:{\"object-fit\":\"cover\"},attrs:{\"fluid\":\"\",\"src\":'/api/user/v1/image/' + _vm.photos[0]}})],1),_vm._l((_vm.photos),function(item,index){return _c('b-col',{key:'photo_'+ index,staticClass:\"mt-1\",attrs:{\"cols\":\"12\",\"md\":\"6\"}},[(_vm.photos.length !== index + 1)?_c('b-img',{staticStyle:{\"width\":\"100%\",\"object-fit\":\"cover\"},attrs:{\"fluid\":\"\",\"src\":'/api/user/v1/image/' + _vm.photos[index + 1]}}):_vm._e()],1)})],2):_vm._e(),_c('div',{staticClass:\"instructions my-2 pb-1\"},[_c('div',{staticStyle:{\"padding\":\"5px 10px\",\"background\":\"#72A5D8\"}},[_c('div',{staticStyle:{\"color\":\"white\",\"font-weight\":\"bold\"}},[_vm._v(\"NAVODILA ZA KORIŠČENJE\")])]),(_vm.$store.state.user.loggedIn)?_c('b-row',{staticClass:\"p-1\"},[_c('b-col',{staticClass:\"mt-2\",attrs:{\"cols\":\"12\"}},[_c('div',{staticClass:\"text-instructions p-2 html-display\",domProps:{\"innerHTML\":_vm._s(_vm.service.instructions)}})]),_c('b-col',{staticClass:\"mt-2 contact text-center\",attrs:{\"cols\":\"12\"}},[_c('h3',{staticClass:\"font\"},[_vm._v(\"Podatki o ponudniku:\")]),_c('div',{staticClass:\"d-md-flex align-items-center justify-content-center\"},[_c('div',[_c('p',[_vm._v(_vm._s(_vm.provider.name))]),_c('p',[_vm._v(_vm._s(_vm.provider.address))]),_c('p',[_vm._v(_vm._s(_vm.provider.post_number)+\" \"+_vm._s(_vm.provider.post))])]),_c('div',{staticClass:\"mt-1 mt-md-0 ml-md-3 text-left\"},[(_vm.provider.website !== '')?_c('p',[_c('span',{staticClass:\"font\"},[_vm._v(\"W\")]),_vm._v(\" \"+_vm._s(_vm.provider.website))]):_vm._e(),_c('p',[_c('span',{staticClass:\"font\"},[_vm._v(\"T\")]),_vm._v(\" \"+_vm._s(_vm.provider.telephone_number))]),_c('p',[_c('span',{staticClass:\"font\"},[_vm._v(\"E\")]),_vm._v(\" \"+_vm._s(_vm.provider.email))])])])])],1):_vm._e(),(_vm.$store.state.user.loggedIn && _vm.service.usage_type === 1)?_c('div',{staticClass:\"mt-1 d-flex justify-content-center\",attrs:{\"cols\":\"12\"}},[(_vm.coupon === '')?_c('rounded-button',{attrs:{\"font-size\":\"14px\"},on:{\"click\":_vm.getCoupon}},[_vm._v(\"PRIDOBI SVOJ KUPON UGODNOSTI\")]):_c('div',{staticClass:\"d-flex align-items-center m-0\"},[_c('h1',{staticClass:\"font text-secondary m-0\"},[_vm._v(_vm._s(_vm.coupon))]),_c('rounded-button',{staticClass:\"ml-1 h-100\",attrs:{\"font-size\":\"18px\"},on:{\"click\":function($event){return _vm.copy(_vm.coupon)}}},[_c('feather-icon',{attrs:{\"icon\":\"ClipboardIcon\",\"size\":\"16\"}})],1)],1)],1):_vm._e()],1),(_vm.$store.state.user.loggedIn)?_c('div',{staticClass:\"my-4\"},[(_vm.service.usage_type === 0)?_c('div',{staticClass:\"mt-5 d-flex justify-content-center\"},[_c('Contact',{staticClass:\"col-12 col-md-8 col-lg-6 p-0\",attrs:{\"contactData\":_vm.provider.contact_person,\"type\":\"service\"}})],1):_vm._e()]):_vm._e()],1)],1)],1):_vm._e(),_c('div',{staticClass:\"d-flex justify-content-center align-items-center\",class:{ 'my-3': !_vm.$store.state.user.loggedIn}},[_c('a',{staticClass:\"d-flex justify-content-center align-items-center\",on:{\"click\":function($event){_vm.$router.push('/storitve'); _vm.$scrollToTop()}}},[_c('div',{staticClass:\"mr-2 text-secondary\",staticStyle:{\"font-weight\":\"700\",\"font-size\":\"17px\"}},[_vm._v(\"Vse storitve\")]),_c('img',{attrs:{\"src\":require('@/assets/svg/circle-arrow-right.svg')}})])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <b-overlay :show='showLoader'>\n        <div v-if=\"service\">\n            <b-row v-if=\"!service.active\">\n                <b-col>\n                    <b-alert variant=\"danger\" class=\"p-1 text-center w-100\" show><b>Ta storitev ni aktivna! Vidijo jo lahko samo administratorji, navadni uporabniki do nje nimajo dostopa!</b></b-alert>\n                </b-col>\n            </b-row>\n            <BlueBackground style=\"top: 4rem;\"/>\n            <div class=\"h-100 w-100 position-relative d-none d-md-block\" >\n                <div class=\"position-relative p-2\" style=\"z-index: 3;\">\n                    <div class=\"title-section\">\n                        <h1 class=\"title\">{{service.title}} </h1>\n                        <b-img class=\"ml-2 mb-2\" style=\"position: absolute; bottom: 2rem;\" :src=\"require('@/assets/svg/arrow-down.svg')\"/>\n                    </div>\n                </div>\n                <b-img class=\"main-photo\" :src=\"'/api/user/v1/image/' + service.main_photo\"/>\n            </div>\n\n            <div class=\"position-relative d-md-none\" style=\"z-index: 2 !important;\">\n                <div class=\"title-section-mobile\">\n                    <h1 class=\"title-mobile\">{{service.title}}</h1>\n                </div>\n                <div class=\"d-flex justify-content-center\" style=\"z-index: 3 !important;\">\n                    <b-img style=\"max-height: 500px\" fluid :src=\"'/api/user/v1/image/' + service.main_photo\"/>\n                </div>\n            </div>\n            <b-row>\n                <b-col cols=\"12\" md=\"10\" offset-md=\"1\">\n                    <div class=\"mt-5 mt-md-3\" style=\"font-size: 17px;\">\n                        <!-- .replace(/<(?!br\\s*\\/?)[^>]+>/g, '') -->\n                        <div class=\"text-instructions html-display\" v-html=\"service.content\"/>\n                    </div>\n                    <b-row class=\"mt-2\" v-if=\"photos.length > 0\">\n                        <b-col cols=\"12\" class=\"d-flex justify-content-center\">\n                            <b-img style=\"object-fit: cover;\" fluid :src=\"'/api/user/v1/image/' + photos[0]\"/>\n                        </b-col>\n                        <b-col cols=\"12\" md=\"6\" class=\"mt-1\" v-for=\"(item, index) of photos\" :key=\"'photo_'+ index\">\n                            <b-img v-if=\"photos.length !== index + 1\" style=\"width: 100%; object-fit: cover;\" fluid :src=\"'/api/user/v1/image/' + photos[index + 1]\"/>\n                        </b-col>\n                    </b-row>\n                    <div  class=\"instructions my-2 pb-1\">\n                        <div style=\" padding: 5px 10px; background: #72A5D8;\">\n                            <div style=\"color: white; font-weight: bold;\">NAVODILA ZA KORIŠČENJE</div>\n                        </div>\n                        <b-row class=\"p-1\" v-if=\"$store.state.user.loggedIn\">\n                            <b-col cols=\"12\" class=\"mt-2\">\n                                <div class=\"text-instructions p-2 html-display\" v-html=\"service.instructions\"/>\n                            </b-col>\n                            <b-col cols=\"12\" class=\"mt-2 contact text-center\">\n                                <h3 class=\"font\">Podatki o ponudniku:</h3>\n                                <div class=\"d-md-flex align-items-center justify-content-center\">\n                                    <div>\n                                        <p>{{provider.name}}</p>\n                                        <p>{{provider.address}}</p>\n                                        <p>{{provider.post_number}} {{provider.post}}</p>\n                                    </div>\n                                    <div class=\"mt-1 mt-md-0 ml-md-3 text-left\">\n                                        <p v-if=\"provider.website !== ''\"><span class=\"font\">W</span> {{provider.website}}</p>\n                                        <p><span class=\"font\">T</span> {{provider.telephone_number}}</p>\n                                        <p><span class=\"font\">E</span> {{provider.email}}</p>\n                                    </div>\n                                </div>\n                            </b-col>\n                        </b-row>\n\n                        <div v-if=\"$store.state.user.loggedIn && service.usage_type === 1\" cols=\"12\" class=\"mt-1 d-flex justify-content-center\">\n                            <rounded-button v-if=\"coupon === ''\" font-size=\"14px\" @click=\"getCoupon\">PRIDOBI SVOJ KUPON UGODNOSTI</rounded-button>\n                            <div v-else class=\"d-flex align-items-center m-0\">\n                                <h1 class=\"font text-secondary m-0\">{{coupon}}</h1>\n                                <rounded-button class=\"ml-1 h-100\" font-size=\"18px\" @click=\"copy(coupon)\"><feather-icon icon=\"ClipboardIcon\" size=\"16\"/></rounded-button>\n                            </div>\n                        </div>\n                    </div>\n                   \n                    <div v-if=\"$store.state.user.loggedIn\" class=\"my-4\">\n                        <div v-if=\"service.usage_type === 0\" class=\"mt-5 d-flex justify-content-center\">\n                            <Contact class=\"col-12 col-md-8 col-lg-6 p-0\" :contactData=\"provider.contact_person\" type=\"service\" />\n                        </div>\n                        \n                    </div>\n                </b-col>\n            </b-row>\n        </div>\n        <div class=\"d-flex justify-content-center align-items-center\" :class=\"{ 'my-3': !$store.state.user.loggedIn}\">\n            <a class=\"d-flex justify-content-center align-items-center\" @click=\"$router.push('/storitve'); $scrollToTop()\">\n                <div class=\"mr-2 text-secondary\" style=\"font-weight: 700;font-size: 17px;\">Vse storitve</div>\n                <img :src=\"require('@/assets/svg/circle-arrow-right.svg')\"/>\n            </a>\n        </div>\n    </b-overlay>\n</template>\n<script>\n    import {BCol, BRow, BOverlay, BAlert, BImg} from 'bootstrap-vue'\n    import Contact from '../../Components/Contact'\n    import RoundedButton from '@/views/Components/RoundedButton'\n    import BlueBackground from '@/views/Components/BlueBackground'\n    export default {\n        components: {\n            BlueBackground,\n            RoundedButton,\n            BCol,\n            BRow,\n            BOverlay,\n            BAlert,\n            BImg,\n            Contact\n        },\n        data() {\n            return {\n                showLoader: false,\n                service: null,\n                serviceIndex: 0,\n                photos: [],\n                coupon: '',\n                provider: []\n            }\n        },\n        methods: {\n            setBreadcrumbTitle(title) {\n                const breadCrumbIndex = this.$route.meta.breadcrumb.findIndex(x => x.isCustomBreadcrumb)\n\n                if (breadCrumbIndex !== -1) {\n                    this.$route.meta.breadcrumb[breadCrumbIndex].text = title\n\n                    this.$root.$emit('force-update-breadcrumbs')\n                }\n            },\n            async loadData() {\n                this.showLoader = true\n\n                try {\n                    await this.loadService()\n                    await this.getServiceProvider()\n\n                } catch (error) {\n                    this.$printError(`Prišlo je do napake pri nalaganju podatkov\\n${error.message}`)\n                } finally {\n                    this.showLoader = false\n                }\n\n            },\n            async loadService() {\n                const thisIns = this\n                this.photos = []\n\n                this.$scrollToTop()\n                try {\n                    const service = await thisIns.$http.get(`/api/user/v1/service/${this.serviceIndex}`)\n                    this.service = service.data\n\n                    for (const item of this.service.additional_photos) {\n                        if (item !== this.service.main_photo) this.photos.push(item)\n                    }\n                    this.setBreadcrumbTitle(this.service.title)\n                } catch (error) {\n                    thisIns.$printError(`Prišlo je do napake pri nalaganju podatkov\\n${error.message}`)\n                }\n            },\n            async getServiceProvider() {\n                const thisIns = this\n\n                await thisIns.$http.get(`/api/user/v1/service/provider/${this.service.service_provider}`)\n                    .then(res => {\n                        this.provider = res.data\n                    })\n                    .catch(error => {\n                        thisIns.$printError(`Pri nalaganju podatkov je prišlo do napake!\\n${error.message}`)\n                    })\n            },\n            getCoupon() {\n                const thisIns = this\n                thisIns.showLoader = true\n\n                thisIns.$http.get(`/api/user/v1/service/coupon/${this.service.id}`)\n                    .then(res => {\n                        this.coupon = res.data\n                        thisIns.showLoader = false\n                    })\n                    .catch(error => {\n                        thisIns.$printError(`Pri nalaganju podatkov je prišlo do napake!\\n${error.message}`)\n                        thisIns.showLoader = false\n                    })\n            },\n            async copy(val) {\n                try {\n                    await navigator.clipboard.writeText(val)\n                    this.$printSuccess('Kupon je bil kopiran')\n                } catch ($e) {\n                    this.$printError('Kupon ni bil kopiran')\n                }\n            }\n        },\n        async mounted() {\n            this.serviceIndex = this.$route.params.service_id\n            await this.loadData()\n        },\n        beforeRouteLeave(to, from, next) {\n            // before leaving service page, reset breadcrumb title to empty\n            this.setBreadcrumbTitle('')\n            next()\n        }\n    }\n</script>\n\n<style>\n    .text-instructions ul li{\n        margin-left: 55px !important;\n    }\n\n</style>\n\n<style scoped>\n    \n\n.font {\n  font-weight: bold;\n}\n.contact p {\n  margin-bottom: 0;\n}\n.main-photo {\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 70%;\n  height: 100%;\n  object-fit: cover;\n  z-index: 2;\n}\n.title-section{\n  background-color: #72A5D8;\n  min-height: 400px;\n  height: auto;\n  padding-bottom: 95px;\n  max-width: 35%;\n  z-index: 3;\n}\n.title-section-mobile {\n  position: absolute;\n  background-color: #72A5D8;\n  bottom: -3.5rem;\n  z-index: 3;\n}\n.title{\n  padding: 1.5rem;\n  padding-bottom: 2rem;\n  font-weight: 700;\n  font-size: 38px;\n  line-height: 48px;\n  color: white;\n}\n.title-mobile{\n  padding: 1rem;\n  font-weight: 700;\n  font-size: 1.4rem;\n  color: white;\n}\n.instructions {\n    font-size: 17px;\n    background: #F3F3F3 !important;\n  /* border: 4px solid #72A5D8;\n  border-radius: 42px !important; */\n}\n</style>","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../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!./Service.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/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!./Service.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Service.vue?vue&type=template&id=f579a514&scoped=true&\"\nimport script from \"./Service.vue?vue&type=script&lang=js&\"\nexport * from \"./Service.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Service.vue?vue&type=style&index=0&lang=css&\"\nimport style1 from \"./Service.vue?vue&type=style&index=1&id=f579a514&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  \"f579a514\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BlueBackground.vue?vue&type=style&index=0&id=15d8e924&scoped=true&lang=css&\"","module.exports = __webpack_public_path__ + \"img/arrow-down.d1c99dad.svg\";","module.exports = __webpack_public_path__ + \"img/circle-arrow-right.9b3a3a8f.svg\";","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Service.vue?vue&type=style&index=0&lang=css&\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Service.vue?vue&type=style&index=1&id=f579a514&scoped=true&lang=css&\""],"sourceRoot":""}