{"version":3,"file":"js/1548.de5d26a3.js","mappings":"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","sources":["webpack://eucaps/./src/modules/companyTopMenu/index.vue","webpack://eucaps/./src/modules/companyTopMenu/index.vue?dcc0","webpack://eucaps/./src/modules/topNavigationBar/index.vue","webpack://eucaps/./src/modules/topNavigationBar/_components/Navigationbar.vue","webpack://eucaps/./src/modules/topNavigationBar/_components/Navigationbar.vue?53ff","webpack://eucaps/./src/modules/topNavigationBar/index.vue?a7d6"],"sourcesContent":["<template>\n  <HorizontalSubMenu>\n    <Container\n      wide\n      padding=\"p-0\"\n    >\n      <div class=\" w-full h-16 mb-4 font-semibold \">\n        <div class=\" flex justify-between pt-1 z-10 \">\n          <CompanyNameContainer\n            header\n            :company=\"company\"\n            :company-details=\"companyDetails\"\n            :is-epp=\"isEpp\"\n            @click=\"$route.name !== 'companyOverview' && !isEpp ? $router.push({ name: 'companyOverview', params: { id: company.slug_url } }) : null\"\n          />\n          <div class=\"flex \">\n            <div class=\"flex items-center\">\n              <div\n                v-if=\"isEpp\"\n                class=\"sm:flex font-semibold items-center lg:text-base md:text-sm text-xs dark:text-custom-purple-100\"\n              >\n                {{ getCountryName(companyDetails?.country) }}\n              </div>\n              <BuyAndSellWidget\n                v-else\n                header\n              />\n\n              <span class=\"text-custom-gray-400 font-extralight text-lg px-4\"> | </span>\n              <div class=\"md:flex md:flex-row flex flex-col items-center justify-center space-y-1 md:space-y-0 \">\n                <div class=\"md:pr-4\">\n                  <CompanyFollowContainer\n                    class=\"z-20 flex-grow-0 md:py-2\"\n                    small-padding\n                    :company=\"company\"\n                    :rounded-button=\"true\"\n                    :is-epp=\"isEpp\"\n                    :is-menu=\"true\"\n                  />\n                </div>\n                <div class=\"relative\">\n                  <RoundedButton\n                    class=\"lg:h-9 md:h-8 h-6\"\n                    @click=\"$emit('show-header-menu')\"\n                  >\n                    <DotMenu\n                      class=\"lg:text-lg \"\n                      horizontal\n                    />\n                  </RoundedButton>\n                  <div\n                    v-if=\"showHeaderMenu\"\n                    class=\"w-40 z-70 absolute top-10 right-0 rounded-lg shadow-sm dark:shadow-sm-dark border dark:border-custom-purple-400 bg-white dark:bg-custom-purple-450 dark:text-white\"\n                  >\n                    <div class=\"relative w-full\">\n                      <div\n                        v-if=\"hasEditAccess\"\n                        class=\"flex items-center\"\n                      >\n                        <div\n                          class=\"text-sm h-14 cursor-pointer flex items-center z-30 px-4 w-full\"\n                          :class=\"editMode ? 'bg-custom-yellow-300 dark:text-custom-purple-500' : 'hover:bg-gray-100 dark:hover:bg-custom-purple-400 text-custom-purple-500 dark:text-custom-purple-100'\"\n                          @click=\"$emit('on-edit-mode', $event)\"\n                        >\n                          <div class=\"flex items-center\">\n                            <Icon\n                              :name=\"editMode ? 'x' : 'pencil'\"\n                              class=\"mr-2 text-gray-600 dark:text-custom-purple-100\"\n                              :class=\"editMode ? 'text-2xl' : 'text-lg'\"\n                              :solid=\"editMode ? false : true\"\n                            />\n                            <span class=\"font-medium\">{{ $t('Edit') }}</span>\n                          </div>\n                        </div>\n                      </div>\n                    </div>\n                    <div\n                      v-if=\"hasEditAccess\"\n                      class=\"px-4 text-md dark:text-custom-purple-100 h-14 cursor-pointer flex items-center z-30 hover:bg-gray-100 dark:hover:bg-custom-purple-400\"\n                      @click=\"$emit('toggle-settings')\"\n                    >\n                      <Icon\n                        name=\"cog\"\n                        class=\"mr-2 text-gray-600 dark:text-custom-purple-100 text-lg\"\n                        solid\n                      />\n                      <span class=\"font-medium\">{{ $t('Settings') }}</span>\n                    </div>\n                    <div\n                      class=\"px-4 text-md dark:text-custom-purple-100 h-14 cursor-pointer flex items-center z-30 hover:bg-gray-100 dark:hover:bg-custom-purple-400\"\n                      @click=\"shared\"\n                    >\n                      <Icon\n                        name=\"share\"\n                        class=\"mr-2  dark:text-custom-purple-100 text-lg\"\n                      />\n                      <span class=\"font-semibold\">{{ $t('Share') }}</span>\n                    </div>\n                    <div\n                      class=\"px-4 text-md dark:text-custom-purple-100 h-14 cursor-pointer flex items-center z-30 hover:bg-gray-100 dark:hover:bg-custom-purple-400\"\n                      @click=\"$emit('toggle-compare')\"\n                    >\n                      <Icon\n                        name=\"door-open\"\n                        class=\"mr-2  dark:text-custom-purple-100 text-lg\"\n                      />\n                      <span class=\"font-semibold\">{{ $t('Compare') }}</span>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </Container>\n    <ShareWithSocialMedia\n      v-if=\"showShare\"\n      :title=\"`${company.name} @ Eucaps.com`\"\n      :description=\"`At Eucaps you can find decision based information about ${company.name}, Data, Financials, Analysis, Holdings and Latest News. \\n\\n Check out the company here:`\"\n      :url=\"`${url}/${company?.slug_url}`\"\n      :show-share=\"showShare\"\n      @shared=\"shared\"\n    />\n  </HorizontalSubMenu>\n</template>\n\n<script>\n\n// import { Swiper, SwiperSlide } from 'swiper/vue'\n// import 'swiper/css'\n\n// import SwiperCore, {\n//   Navigation\n// } from 'swiper/core'\nimport CompanyNameContainer from '@/modules/companyName'\nimport BuyAndSellWidget from '@/modules/buyAndSellWidget';\nimport CompanyFollowContainer from '@/modules/companyFollow'\nimport { useCountriesStore } from '../../stores/countries'\nimport { useExchangesStore } from '../../stores/exchanges'\n// import { isMobile } from '@/js/helpers/mobile'\n\n// SwiperCore.use([Navigation])\n\nexport default {\n  name: 'CompanyTopMenuModule',\n  components: {\n    CompanyNameContainer,\n    BuyAndSellWidget,\n    CompanyFollowContainer\n    // Swiper,\n    // SwiperSlide\n  },\n  props: {\n    company: {\n      type: Object,\n      default: () => { }\n    },\n    companyDetails: {\n      type: Object,\n      default: () => { }\n    },\n    type: {\n      type: String,\n      default: null\n    },\n    hasEditAccess: {\n      type: Boolean,\n      default: false\n    },\n    editMode: {\n      type: Boolean,\n      default: false\n    },\n    showHeaderMenu: {\n      type: Boolean,\n      default: false\n    },\n    isEpp: {\n      type: Boolean,\n      default: false\n    }\n  },\n  emits: [\n    'show-header-menu',\n    'change-type',\n    'on-edit-mode',\n    'toggle-compare'\n  ],\n  setup () {\n    const countriesStore = useCountriesStore()\n    const exchangesStore = useExchangesStore()\n\n    return { countriesStore, exchangesStore }\n  },\n  data () {\n    return {\n      showShare: false\n    }\n  },\n  computed: {\n    url () {\n      if (process.env.VUE_APP_URL) return process.env.VUE_APP_URL\n      else return ''\n    },\n    countries () {\n      return this.countriesStore.countries\n    }\n  },\n  async mounted () {\n    await this.countriesStore.fetch()\n  },\n  methods: {\n    shared () {\n      this.showShare = !this.showShare\n      this.$emit('show-header-menu')\n    },\n    getCountryName (data) {\n      const country = this.countries?.find(country => country.code === data)\n      return country ? country.name : ''\n    }\n  }\n  // data () {\n  //   return {\n  //     swiperOption: {\n  //       slidesPerView: isMobile() ? 3.5 : 'auto',\n  //       spaceBetween: 0,\n  //       slideToClickedSlide: true,\n  //       centeredSlides: !!isMobile(),\n  //       centeredSlidesBounds: !!isMobile()\n  //     }\n  //   }\n  // }\n}\n</script>\n\n<!-- <style lang=\"scss\">\n.filter-menu {\n  .swiper-slide {\n    width: auto !important;\n  }\n  }\n</style> -->\n","import { render } from \"./index.vue?vue&type=template&id=2abc0195\"\nimport script from \"./index.vue?vue&type=script&lang=js\"\nexport * from \"./index.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\n  <FiltrationsContainer\n    v-if=\"isMobile && showFiltrations\"\n    source=\"mobile\"\n    :show-filter=\"showFilter\"\n    @toggle=\"toggleFilterMenu\"\n  />\n  <div class=\"hidden lg:block\">\n    <div class=\"flex justify-center items-center\">\n      <Navigationbar\n        class=\"py-6\"\n        :swiper=\"swiper\"\n        :swiper-option=\"swiperOption\"\n        :slug=\"company?.slug_url\"\n        :options=\"options\"\n        :route=\"route\"\n        :discover=\"discover\"\n        @translate-toggle=\"translate = !translate\" \n        @on-swiper=\"onSwiper\"\n      />\n    </div>\n  </div>\n  <div class=\"block lg:hidden\">\n    <Container\n      wide\n      padding=\"p-0\"\n    >\n      <Navigationbar\n        ref=\"scrollable\"\n        class=\"pt-2 pb-4\"\n        :show-filtrations=\"showFiltrations\"\n        :is-mobile=\"isMobile\"\n        :slug=\"company?.slug_url\"\n        :options=\"options\"\n        :route=\"route\"\n        :discover=\"discover\"\n        @translate-toggle=\"translate = !translate\" \n        @on-swiper=\"onSwiper\"\n        @toggle=\"toggleFilterMenu\"\n        @on-scroll=\"setScrollPositions\"\n      />\n    </Container>\n  </div>\n</template>\n  \n<script>\n\nimport Navigationbar from './_components/Navigationbar'\nimport FiltrationsContainer from '@/modules/filtrations'\nimport { isMobile } from '../../js/helpers/mobile'\n// import SwiperCore, { Navigation } from 'swiper/core'\nimport 'swiper/css'\n\n// SwiperCore.use([Navigation])\n\nexport default {\n  name: 'TopNavigationBarModule',\n  components: {\n    Navigationbar,\n    FiltrationsContainer\n  },\n  props: {\n    company: {\n      type: Object,\n      default: () => {}\n    },\n    options: {\n      type: Array,\n      default: () => []\n    },\n    discover: {\n      type: Boolean,\n      default: false\n    }\n  },\n  data () {\n    return {\n      showFilter: false,\n      swiper: null,\n      swiperOption: {\n        slidesPerView: 'auto',\n        spaceBetween: 0,\n        loop: true,\n        resistance: true,\n        resistanceRatio: 0,\n        // navigation: {\n        //   nextEl: '.new-navbar-swiper-button-next',\n        //   prevEl: '.new-navbar-swiper-button-prev'\n        // }\n      },\n      scrollPositions: {\n        'exploreResults': 0,\n        'exploreMaps': 200,\n        'exploreExchanges': 300,\n        'exploreNews': 400,\n        'exploreCompanies': 500,\n        'exploreLists': 600,\n        'exploreMedia': 700,\n      },\n      homeTabs: [\n        'home',\n        'exploreResults',\n        'exchangeOverview',\n        'myAdminOverview',\n        'myEucapsOverview',\n        'companyOverview'\n      ]\n    }\n  },\n  computed: {\n    isMobile () {\n      return isMobile()\n    },\n    route() {\n      return this.$route.name\n    },\n    parentRoute () {\n      if (this.$route.matched.length > 1) {\n        return this.$route?.matched[0]?.name\n      }\n      return this.$route.name\n    },\n    showFiltrations () {\n      // console.log('this.parentRoute', this.parentRoute)\n      return this.parentRoute === 'explore' || this.parentRoute === 'forumAndDiscussions' || this.parentRoute === 'history'\n    }\n  },\n  mounted () {\n    const position = this.scrollPositions[this.route] || -50;\n    this.scrollToPosition(position);\n  },\n  methods: {\n    setScrollPositions(event) {\n      localStorage.setItem('position', event.target.scrollLeft)\n    },\n    scrollToPosition (position) {\n      const scrollableDiv = this.$refs.scrollable.$refs.scrollableDiv;\n\n      const oldPosition = this.homeTabs.includes(this.route) ? 0 : localStorage.getItem('position')\n\n      if (scrollableDiv) {\n        if(position === -50 || Math.abs(oldPosition - position) < 200) scrollableDiv.scrollTo({ left: oldPosition, behavior: 'instant' })\n        else scrollableDiv.scrollTo({ left: position, behavior: 'smooth' })\n      }\n    },\n    toggleFilterMenu() {\n      this.showFilter = !this.showFilter\n    },\n    onSwiper(swiper) {\n      this.swiper = swiper;\n    },\n  }\n}\n</script>\n  \n  \n","<template>\n  <div class=\"flex flex-row items-stretch space-x-3 lg:px-10\">\n    <div\n      v-for=\"option in options\"\n      :key=\"option.id\"      \n      class=\"hidden lg:block\"\n    >\n      <RouterLink\n        class=\"text-center\"\n        :to=\"slug ? {name: option.routerName, params: { id: slug }} : {name: option.routerName}\"\n      >\n        <BaseButton\n          class=\" border-none shadow-md dark:shadow-sm-dark minWidth minWidthX minHeight  hover:text-custom-purple-100 rounded-3xl hover:from-custom-purple-300 hover:to-custom-purple-500 hover:dark:from-white hover:dark:to-custom-purple-150 hover:dark:text-custom-purple-500 whitespace-nowrap\" \n          :class=\"option.routerName === route ? 'bg-gradient-to-tl from-custom-purple-300 to bg-custom-purple-500 dark:from-white dark:to-custom-purple-150 dark:text-custom-purple-500 text-white' : discover ? 'bg-white hover:bg-custom-purple-400 dark:bg-custom-purple-400 hover:dark:bg-white' : 'bg-gradient-to-tl from-white dark:from-custom-purple-300 to-custom-purple-150'\"\n          no-shadow\n        >\n          <span>\n            {{ option.name }}\n          </span>\n        </BaseButton>\n      </RouterLink>\n    </div>\n    <div class=\"block lg:hidden overflow-hidden w-full items-center justify-center pl-1 pr-0\">\n      <div\n        ref=\"scrollableDiv\"\n        class=\"pt-4 pb-2 flex items-center gap-4 overflow-x-scroll\"\n        style=\"scrollbar-width: none; -ms-overflow-style: none;\"\n        @scroll=\"$emit('on-scroll', $event)\"\n      >\n        <BaseButton\n          v-if=\"isMobile && showFiltrations\"\n          class=\" border-none shadow-md minWidth minWidthX minHeight h-11  hover:text-custom-purple-100 rounded-3xl hover:from-custom-purple-300 hover:to-custom-purple-500 hover:dark:from-white hover:dark:to-custom-purple-150 hover:dark:text-custom-purple-500 dark:shadow-sm-dark bg-gradient-to-tl from-white dark:from-custom-purple-300 to-custom-purple-150 \" \n          no-shadow\n          @click=\"$emit('toggle')\"\n        >\n          Filter\n        </BaseButton>\n        <RouterLink\n          v-for=\"option in options\" \n          :key=\"option.id\"\n          class=\"text-center\"\n          :to=\"{name: option.routerName, params: { id: slug }}\"\n        >\n          <BaseButton\n            class=\" border-none shadow-md minWidth minWidthX minHeight h-11  hover:text-custom-purple-100 rounded-3xl hover:from-custom-purple-300 hover:to-custom-purple-500 hover:dark:from-white hover:dark:to-custom-purple-150 hover:dark:text-custom-purple-500 dark:shadow-sm-dark whitespace-nowrap\" \n            :class=\"option.routerName === route ? 'bg-gradient-to-tl from-custom-purple-300 to bg-custom-purple-500 dark:from-white dark:to-custom-purple-150 dark:text-custom-purple-500 text-white' : discover ? 'bg-white hover:bg-custom-purple-400 dark:bg-custom-purple-400 hover:dark:bg-white' : 'bg-gradient-to-tl from-white dark:from-custom-purple-300 to-custom-purple-150'\"\n            no-shadow\n          >\n            {{ option.name }}\n          </BaseButton>\n        </RouterLink>\n      </div>\n    </div>\n  </div>\n</template>\n    \n<script>\n\nexport default {\n  name: 'NavigationBar',\n  props: {\n    slug: {\n      type: String,\n      default: ''\n    },\n    options: {\n      type: Array,\n      default: () => []\n    },\n    route: {\n      type: String,\n      default: ''\n    },\n    discover: {\n      type: Boolean,\n      default: false\n    },\n    showFiltrations: {\n      type: Boolean,\n      default: false\n    },\n    isMobile: {\n      type: Boolean,\n      default: false\n    }\n  },\n  emits: ['toggle','on-scroll'],\n}\n</script>\n    \n<style scoped lang=\"scss\">\n.minWidth { \n    min-width: 128px \n}\n@media only screen and (max-width: 600px) {\n  .minWidth {\n\tmin-width: max-content;\n\tpadding-left: 30px;\n\tpadding-right: 30px;\n  }\n}\n\n@media only screen and (max-width: 1250px) {\n  .minWidthX { min-width: 96px }\n}\n\n.minHeight { min-height: 44px }\n.swiper-slide { width: auto; }\n</style>","import { render } from \"./Navigationbar.vue?vue&type=template&id=059c210a&scoped=true\"\nimport script from \"./Navigationbar.vue?vue&type=script&lang=js\"\nexport * from \"./Navigationbar.vue?vue&type=script&lang=js\"\n\nimport \"./Navigationbar.vue?vue&type=style&index=0&id=059c210a&scoped=true&lang=scss\"\n\nimport exportComponent from \"../../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-059c210a\"]])\n\nexport default __exports__","import { render } from \"./index.vue?vue&type=template&id=f4d1d996\"\nimport script from \"./index.vue?vue&type=script&lang=js\"\nexport * from \"./index.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"../../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__"],"names":["class","wide","padding","header","company","companyDetails","isEpp","$route","name","$router","push","params","id","slug_url","getCountryName","country","$emit","horizontal","editMode","$event","solid","$t","shared","title","description","url","showShare","components","CompanyNameContainer","BuyAndSellWidget","CompanyFollowContainer","props","type","Object","default","String","hasEditAccess","Boolean","showHeaderMenu","emits","setup","countriesStore","exchangesStore","data","computed","countries","this","mounted","fetch","methods","find","code","__exports__","render","isMobile","showFiltrations","source","showFilter","toggleFilterMenu","swiper","swiperOption","slug","options","route","discover","translate","onSwiper","ref","setScrollPositions","option","key","to","routerName","style","Array","Navigationbar","FiltrationsContainer","slidesPerView","spaceBetween","loop","resistance","resistanceRatio","scrollPositions","homeTabs","parentRoute","matched","length","position","scrollToPosition","event","localStorage","setItem","target","scrollLeft","scrollableDiv","$refs","scrollable","oldPosition","includes","getItem","Math","abs","scrollTo","left","behavior"],"sourceRoot":""}