{"version":3,"sources":["webpack:///./src/components/SecurityPage/TabSection/TabSection.vue?df82","webpack:///./src/components/SecurityPage/TabSection/TabSection.vue?e476","webpack:///src/components/SecurityPage/TabSection/TabSection.vue","webpack:///./src/components/SecurityPage/TabSection/TabSection.vue?4b8c","webpack:///./src/components/SecurityPage/TabSection/TabSection.vue?60b1"],"names":["render","_vm","this","_h","$createElement","_c","_self","style","$vuetify","breakpoint","smAndUp","staticClass","attrs","model","value","callback","$$v","selectedTab","expression","_l","item","i","key","_v","_s","title","selectedTabValue","security","_e","staticRenderFns","name","props","type","components","PostsSection","DataSection","NewsSection","data","tabs","computed","mapGetters","getTabSection","get","set","selected","watch","methods","mapActions","toggleTabSection","updateParams","query","tab","mounted","component","VTab","VTabs"],"mappings":"gHAAA,W,gECAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,MAAM,CAACE,MAAON,EAAIO,SAASC,WAAWC,QAAU,YAAc,IAAK,CAACL,EAAG,SAAS,CAACM,YAAY,aAAaC,MAAM,CAAC,mBAAmB,UAAU,MAAQ,UAAU,KAAO,IAAIC,MAAM,CAACC,MAAOb,EAAe,YAAEc,SAAS,SAAUC,GAAMf,EAAIgB,YAAYD,GAAKE,WAAW,gBAAgBjB,EAAIkB,GAAIlB,EAAQ,MAAE,SAASmB,EAAKC,GAAG,OAAOhB,EAAG,QAAQ,CAACiB,IAAID,EAAEV,YAAY,mBAAmB,CAACV,EAAIsB,GAAG,IAAItB,EAAIuB,GAAGJ,EAAKK,OAAO,UAAS,IAAI,GAA6B,UAAzBxB,EAAIyB,iBAA8BrB,EAAG,iBAA2C,SAAzBJ,EAAIyB,iBAA6BrB,EAAG,eAAe,CAACO,MAAM,CAAC,SAAWX,EAAI0B,YAAsC,SAAzB1B,EAAIyB,iBAA6BrB,EAAG,eAAe,CAACO,MAAM,CAAC,SAAWX,EAAI0B,YAAY1B,EAAI2B,MAAM,IACrvBC,EAAkB,G,4EC2BP,GACfC,kBACAC,OACAJ,UACAK,cAGAC,YACAC,wBAAA,wDACAC,uBAAA,wDACAC,uBAAA,yDAEAC,gBACA,OACAC,MACA,CACAb,cACAX,eAEA,CACAW,aACAX,cAEA,CACAW,aACAX,iBAKAyB,0CACAC,gBACAC,8CACA,IACAxB,aACAyB,eACA,2BAEAC,gBACA,8BAAAC,eAGAlB,4BACA,4CAGAmB,OACA5B,uBACA,sBAGA6B,yCACAC,gBACAC,oDACA,IACAC,wBAEA,uBACA,sBACAC,OAAAC,YAIAC,mBACA,uBAAAR,6CC5FkX,I,qECQ9WS,EAAY,eACd,EACArD,EACA6B,GACA,EACA,KACA,WACA,MAIa,aAAAwB,EAAiB,QAMhC,IAAkBA,EAAW,CAACC,OAAA,KAAKC,QAAA","file":"js/chunk-54fb77ab.3ea555a9.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!./TabSection.vue?vue&type=style&index=0&id=5c8bc0ae&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{style:(_vm.$vuetify.breakpoint.smAndUp ? 'width:50%' : '')},[_c('v-tabs',{staticClass:\"trade-tabs\",attrs:{\"background-color\":\"#FAFAFA\",\"color\":\"#2D8CFF\",\"grow\":\"\"},model:{value:(_vm.selectedTab),callback:function ($$v) {_vm.selectedTab=$$v},expression:\"selectedTab\"}},_vm._l((_vm.tabs),function(item,i){return _c('v-tab',{key:i,staticClass:\"text-capitalize\"},[_vm._v(\" \"+_vm._s(item.title)+\" \")])}),1)],1),(_vm.selectedTabValue === 'posts')?_c('posts-section'):(_vm.selectedTabValue === 'data')?_c('data-section',{attrs:{\"security\":_vm.security}}):(_vm.selectedTabValue === 'news')?_c('news-section',{attrs:{\"security\":_vm.security}}):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <div :style=\"$vuetify.breakpoint.smAndUp ? 'width:50%' : ''\">\n      <v-tabs\n        background-color=\"#FAFAFA\"\n        v-model=\"selectedTab\"\n        color=\"#2D8CFF\"\n        class=\"trade-tabs\"\n        grow\n      >\n        <v-tab v-for=\"(item, i) in tabs\" :key=\"i\" class=\"text-capitalize\">\n          {{ item.title }}\n        </v-tab>\n      </v-tabs>\n    </div>\n    <posts-section v-if=\"selectedTabValue === 'posts'\"></posts-section>\n    <data-section\n      v-else-if=\"selectedTabValue === 'data'\"\n      :security=\"security\"\n    ></data-section>\n    <news-section\n      v-else-if=\"selectedTabValue === 'news'\"\n      :security=\"security\"\n    ></news-section>\n  </div>\n</template>\n<script>\nimport { mapGetters, mapActions } from \"vuex\";\nexport default {\n  name: \"TabSection\",\n  props: {\n    security: {\n      type: Object,\n    },\n  },\n  components: {\n    PostsSection: () => import(\"./PostsSection/PostsSection.vue\"),\n    DataSection: () => import(\"./DataSection/DataSection.vue\"),\n    NewsSection: () => import(\"./NewsSection/NewsSection.vue\"),\n  },\n  data() {\n    return {\n      tabs: [\n        {\n          title: \"Posts\",\n          value: \"posts\",\n        },\n        {\n          title: \"Data\",\n          value: \"data\",\n        },\n        {\n          title: \"News\",\n          value: \"news\",\n        },\n      ],\n    };\n  },\n  computed: {\n    ...mapGetters({\n      getTabSection: \"securityPage/getTabSection\",\n    }),\n    selectedTab: {\n      get() {\n        return this.getTabSection;\n      },\n      set(value) {\n        return this.toggleTabSection({ selected: value });\n      },\n    },\n    selectedTabValue() {\n      return this.tabs[this.selectedTab].value;\n    },\n  },\n  watch: {\n    selectedTab() {\n      this.updateParams();\n    },\n  },\n  methods: {\n    ...mapActions({\n      toggleTabSection: \"securityPage/toggleTabSection\",\n    }),\n    updateParams() {\n      // let query = this.$route.params.query;\n      let tab = this.selectedTab;\n      this.$router.replace({\n        query: { tab: tab },\n      });\n    },\n  },\n  mounted() {\n    this.toggleTabSection({ selected: parseInt(this.$route.query.tab) });\n  },\n};\n</script>\n<style scoped>\n.v-card__text {\n  padding: 0px !important;\n}\n@media all and (max-width: 600px) {\n  .v-card__text {\n    padding: 0px !important;\n  }\n}\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!./TabSection.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!./TabSection.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TabSection.vue?vue&type=template&id=5c8bc0ae&scoped=true&\"\nimport script from \"./TabSection.vue?vue&type=script&lang=js&\"\nexport * from \"./TabSection.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TabSection.vue?vue&type=style&index=0&id=5c8bc0ae&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  \"5c8bc0ae\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VTab } from 'vuetify/lib/components/VTabs';\nimport { VTabs } from 'vuetify/lib/components/VTabs';\ninstallComponents(component, {VTab,VTabs})\n"],"sourceRoot":""}