{"version":3,"sources":["webpack:///./src/components/OpenServicesMenu.vue","webpack:///src/components/OpenServicesMenu.vue","webpack:///./src/components/OpenServicesMenu.vue?ee8c","webpack:///./src/components/OpenServicesMenu.vue?d06d","webpack:///./src/components/OpenServicesMenu.vue?5b32"],"names":["render","_vm","this","_c","_self","menuForServices","length","class","footerPosition","on","$event","$emit","_l","items","item","index","key","id","staticClass","$route","params","slug","style","isFooter","marginLeft","attrs","getLinkBySlug","_v","_s","title","_e","staticRenderFns","props","isOpenServicesMenu","type","Boolean","require","name","data","isActive","menu","servicesLinkBySlug","computed","mapGetters","mounted","methods","console","log","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAQD,KAAKG,gBAAgBC,OAAQH,EAAG,KAAK,CAACI,MAAM,CAAEN,EAAIO,eAAoC,yBAAnB,kBAA6CC,GAAG,CAAC,WAAa,SAASC,GAAQ,OAAOT,EAAIU,MAAM,uBAAuBV,EAAIW,GAAIV,KAAKG,gBAAgB,GAAGQ,OAAO,SAASC,EAAKC,GAAO,OAAOZ,EAAG,KAAK,CAACa,IAAIF,EAAKG,GAAGC,YAAY,uBAAuBX,MAAM,CAAC,CAAC,6BAAgCN,EAAIkB,OAAOC,OAAOH,KAAOH,EAAKO,OAAOC,MAAQrB,EAAIsB,SAAgD,KAArC,CAAEC,WAAuB,IAART,EAAF,MAA4BN,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOT,EAAIU,MAAM,uBAAuB,CAACR,EAAG,cAAc,CAACsB,MAAM,CAAC,GAAM,aAAYX,EAAKO,MAAQZ,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOT,EAAIyB,cAAcZ,EAAKO,SAAS,CAACpB,EAAI0B,GAAG,IAAI1B,EAAI2B,GAAGd,EAAKe,OAAO,QAAQ,MAAK,GAAG5B,EAAI6B,MAEzvBC,EAAkB,G,YC+BP,GACfC,MAAA,CACAC,mBAAA,CACAC,KAAAC,QACAC,SAAA,GAEA5B,eAAA,CACA0B,KAAAC,QACAC,SAAA,GAEAb,SAAA,CACAW,KAAAC,QACAC,SAAA,IAGAC,KAAA,mBACAC,OACA,OACAC,UAAA,EACAC,KAAA,GACAC,mBAAA,KAIAC,SAAA,IACAC,eAAA,CACA,eACA,qBAMAC,YAKAC,QAAA,CACAnB,cAAAZ,GACA,KAAA2B,mBAAA3B,EACAgC,QAAAC,IAAA,KAAAN,mBAAA,yBC1E0V,I,wBCQtVO,EAAY,eACd,EACAhD,EACA+B,GACA,EACA,KACA,WACA,MAIa,aAAAiB,E,2CCnBf,W","file":"js/chunk-bfd91eaa.9990100a.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return (this.menuForServices.length)?_c('ul',{class:[!_vm.footerPosition ? 'open__menu__ul' : 'open__menu__ul__footer'],on:{\"mouseleave\":function($event){return _vm.$emit('closeServiceMenu')}}},_vm._l((this.menuForServices[4].items),function(item,index){return _c('li',{key:item.id,staticClass:\"link__services__menu\",class:[{'link__services__menu__active': _vm.$route.params.id === item.slug}],style:(!_vm.isFooter ? { marginLeft: `${index * 1.5}vw` } : null),on:{\"click\":function($event){return _vm.$emit('closeServiceMenu')}}},[_c('router-link',{attrs:{\"to\":`/services/${item.slug}`},on:{\"ckick\":function($event){return _vm.getLinkBySlug(item.slug)}}},[_vm._v(\" \"+_vm._s(item.title)+\" \")])],1)}),0):_vm._e()\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n<!--\n    <div id=\"open__menu__container\" :class=\"[!footerPosition ? 'open__menu__container' : 'open__menu__container__footer']\">\n-->\n\n\n        <ul\n            v-if=\"this.menuForServices.length\"\n            :class=\"[!footerPosition ? 'open__menu__ul' : 'open__menu__ul__footer']\"\n            @mouseleave=\"$emit('closeServiceMenu')\"\n        >\n            <li\n                @click=\"$emit('closeServiceMenu')\" v-for=\"(item, index) in  this.menuForServices[4].items\" :key=\"item.id\"\n                class=\"link__services__menu\"\n                :class=\"[{'link__services__menu__active': $route.params.id === item.slug}]\"\n                :style=\"!isFooter ? { marginLeft: `${index * 1.5}vw` } : null \"\n            >\n                <router-link  :to=\"`/services/${item.slug}`\" @ckick=\"getLinkBySlug(item.slug)\">\n                    {{ item.title }}\n                </router-link>\n            </li>\n\n        </ul>\n\n\n<!--\n    </div>\n-->\n</template>\n\n<script>\nimport {mapGetters} from \"vuex\";\n\nexport default {\n    props: {\n        isOpenServicesMenu: {\n            type: Boolean,\n            require: true\n        },\n        footerPosition: {\n            type: Boolean,\n            require: false\n        },\n      isFooter: {\n        type: Boolean,\n        require: false\n      }\n    },\n    name: \"OpenServicesMenu\",\n    data() {\n        return {\n            isActive: false,\n            menu: [],\n            servicesLinkBySlug: '',\n\n        }\n    },\n    computed: {\n        ...mapGetters([\n            'menuLinkText',\n            'menuForServices'\n        ]),\n\n    },\n\n\n    mounted() {\n        /*this.$store.dispatch('getMenuServices').then(() => {\n            console.log(this.menuForServices[4].items.find(item => item.slug === this.$route.params.id), '1111')\n        });*/\n    },\n    methods: {\n        getLinkBySlug(item) {\n            this.servicesLinkBySlug = item\n            console.log(this.servicesLinkBySlug, 'servicesLinkBySlug')\n        },\n    }\n}\n</script>\n\n<style scoped lang=\"scss\">\n.nav__container__active{\n    font-size: 0.938vw;\n    text-transform: uppercase;\n    transition: 0.5s;\n    color: red;\n}\n.link__services__menu {\n  white-space: pre-wrap;\n  cursor: pointer;\n}\n\n.link__services__menu a {\n  cursor: pointer;\n  transition: 0.5s;\n  text-decoration: none;\n  color: #FFFFFF;\n  font-size: 0.938vw;\n  text-transform: uppercase;\n}\n.link__services__menu__active a {\n    cursor: pointer;\n    transition: 0.5s;\n    text-decoration: none;\n    font-size: 0.938vw;\n    color: #FFFFFF;\n    opacity: 0.5;\n}\n\n.link__services__menu a:hover {\n  color: #FFFFFF;\n  opacity: 0.5;\n}\n\n@keyframes showBackground {\n  from {\n    background-color: rgba(33, 33, 33, 0);\n  }\n\n  to {\n    background-color: rgba(33, 33, 33, 100);\n  }\n}\n\n.open__menu__container__footer {\n  bottom: 11vw;\n  display: flex;\n  align-items: flex-end;\n  justify-content: center;\n  position: fixed;\n  right: 19vw;\n  z-index: 9;\n  padding-top: 3vw;\n  width: 35.156vw;\n  height: 35.156vw;\n    -webkit-clip-path: polygon(50% 0%, 0 100%, 100% 100%);\n    clip-path: polygon(50% 0%, 0 100%, 100% 100%);\n    background: linear-gradient(180.07deg, rgba(0, 0, 0, 0.4) 0.06%, rgba(0, 0, 0, 0.8) 74.74%);\n\n}\n.open__menu__container{\n  position: fixed;\n  top: 0;\n  right: 26.6vw;\n  z-index: 9;\n  padding-top: 4vw;\n}\n\n.open__menu__list {\n  transform: rotate(360deg);\n  text-align: right;\n  display: flex;\n  width: 5.733vw;\n  height: 5.200vw;\n\n  position: absolute;\n  top: 4.867vw;\n  right: 24.933vw;\n}\n\n.open__menu__ul {\n  position: fixed;\n  top: 4vw;\n  right: 1.5vw;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  width: 30vw;\n  height: max-content;\n  line-height: 2.5vw;\n  text-align: left;\n}\n\n.open__menu__ul__footer {\n  z-index: 9;\n  position: absolute;\n  right: 1.3vw;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  bottom: 13vw;\n  width: 30vw;\n  height: max-content;\n  line-height: 2.5vw;\n  text-align: left;\n\n}\n\n.open__menu__item {\n  text-transform: uppercase;\n\n  list-style-type: none;\n  transform: translateY(-40px);\n  opacity: 0;\n  transition: all .2s ease;\n}\n\n.open__menu__nuxt__link {\n  font-size: 0.3vw;\n  text-decoration: none;\n  color: rgba(246, 242, 242, 1);\n  font-family: 'Benzin-Regular';\n  cursor: pointer;\n  transition: 0.3s;\n  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);\n  -webkit-tap-highlight-color: transparent;\n}\n\n.open__menu__nuxt__link:hover {\n  color: rgba(219, 16, 35, 1);\n}\n\n.open__menu__nuxt__link_active {\n  font-size: 3.733vw;\n  text-decoration: none;\n  font-family: 'Benzin-Regular';\n  color: rgba(219, 16, 35, 1);\n  cursor: pointer;\n  transition: 0.3s;\n  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);\n  -webkit-tap-highlight-color: transparent;\n\n}\n\n.open__menu__container__social {\n  position: absolute;\n  bottom: 0;\n  transform: rotate(315deg);\n  width: 24.533vw;\n  bottom: 15.200vw;\n  right: 17.067vw;\n}\n\n.open__menu__container__social__img {\n  width: 5.600vw;\n  height: 5.600vw;\n}\n\n.open__menu__container__social__img__facebbok {\n  width: 2.667vw;\n  height: 5.600vw;\n}\n\n\n.open__menu__container__social__NuxtLinks__instagramm {\n  margin-right: 5.333vw;\n  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);\n  -webkit-tap-highlight-color: transparent;\n}\n\n.open__menu__container__social__NuxtLinks__facebook {\n  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);\n  -webkit-tap-highlight-color: transparent;\n}\n\n.open__menu__container__social__NuxtLinks__linkedin {\n  margin-right: 5.333vw;\n\n  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);\n  -webkit-tap-highlight-color: transparent;\n}\n\n</style>","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!./OpenServicesMenu.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!./OpenServicesMenu.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./OpenServicesMenu.vue?vue&type=template&id=09b2d4d5&scoped=true&\"\nimport script from \"./OpenServicesMenu.vue?vue&type=script&lang=js&\"\nexport * from \"./OpenServicesMenu.vue?vue&type=script&lang=js&\"\nimport style0 from \"./OpenServicesMenu.vue?vue&type=style&index=0&id=09b2d4d5&prod&scoped=true&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  \"09b2d4d5\",\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!./OpenServicesMenu.vue?vue&type=style&index=0&id=09b2d4d5&prod&scoped=true&lang=scss&\""],"sourceRoot":""}