{"version":3,"sources":["webpack:///./src/components/SecurityPage/TabSection/NewsSection/NewsCard/NewsCard.vue?fe43","webpack:///./src/components/SecurityPage/TabSection/NewsSection/NewsCard/NewsCard.vue?70e1","webpack:///src/components/SecurityPage/TabSection/NewsSection/NewsCard/NewsCard.vue","webpack:///./src/components/SecurityPage/TabSection/NewsSection/NewsCard/NewsCard.vue?c37c","webpack:///./src/components/SecurityPage/TabSection/NewsSection/NewsCard/NewsCard.vue?5218"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","on","$event","routeToNewDetailPage","item","image_url","_v","_s","title","source","time","shareLink","staticRenderFns","name","components","AvatarOrInitials","props","type","security","data","computed","watch","methods","helper","query","id","mounted","component","VIcon","VSpacer"],"mappings":"uIAAA,W,yCCAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,MAAM,CAACE,YAAY,kBAAkBC,MAAM,CAAC,GAAK,aAAa,CAACH,EAAG,MAAM,CAACE,YAAY,qCAAqCE,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOT,EAAIU,qBAAqBV,EAAIW,SAAS,CAACP,EAAG,qBAAqB,CAACG,MAAM,CAAC,MAAQP,EAAIW,KAAKC,UAAU,KAAO,SAAS,GAAGR,EAAG,MAAM,CAACE,YAAY,uBAAuB,CAACF,EAAG,MAAM,CAACE,YAAY,cAAcE,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOT,EAAIU,qBAAqBV,EAAIW,SAAS,CAACX,EAAIa,GAAG,IAAIb,EAAIc,GAAGd,EAAIW,KAAKI,OAAO,OAAOX,EAAG,MAAM,CAACE,YAAY,2BAA2B,CAACF,EAAG,MAAM,CAACE,YAAY,4BAA4B,CAACN,EAAIa,GAAG,IAAIb,EAAIc,GAAGd,EAAIW,KAAKK,QAAQ,MAAMhB,EAAIc,GAAGd,EAAIW,KAAKM,MAAM,WAAWb,EAAG,YAAYA,EAAG,SAAS,CAACG,MAAM,CAAC,MAAQ,GAAG,MAAQ,WAAWC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOT,EAAIkB,UAAU,eAAe,CAAClB,EAAIa,GAAG,gCAAgC,UAC35BM,EAAkB,G,kEC+BP,GACfC,gBACAC,YACAC,4BAAA,qDAEAC,OACAZ,MACAa,aAEAC,UACAD,cAGAE,gBACA,UAIAC,YACAC,SACAC,SACAX,sBACA,oBACA,6FACA,iBACAY,gCAEApB,iCACA,WACA,2BACA,mBACAU,+CACAW,OAAAC,KAAAD,aAIAE,sBCpE8Y,I,qECQ1YC,EAAY,eACd,EACAnC,EACAoB,GACA,EACA,KACA,WACA,MAIa,aAAAe,EAAiB,QAMhC,IAAkBA,EAAW,CAACC,QAAA,KAAMC,UAAA","file":"js/chunk-5943687e.65cecac7.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!./NewsCard.vue?vue&type=style&index=0&id=525fb9c4&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',{staticClass:\"news_div__class\",attrs:{\"id\":\"newsCard\"}},[_c('div',{staticClass:\"news_content__class width_20_class\",on:{\"click\":function($event){return _vm.routeToNewDetailPage(_vm.item)}}},[_c('avatar-or-initials',{attrs:{\"image\":_vm.item.image_url,\"size\":\"50\"}})],1),_c('div',{staticClass:\"news_content__class\"},[_c('div',{staticClass:\"news__class\",on:{\"click\":function($event){return _vm.routeToNewDetailPage(_vm.item)}}},[_vm._v(\" \"+_vm._s(_vm.item.title)+\" \")]),_c('div',{staticClass:\"d-flex width_100__class\"},[_c('div',{staticClass:\"news_other_detail__class\"},[_vm._v(\" \"+_vm._s(_vm.item.source)+\" | \"+_vm._s(_vm.item.time)+\" ago \")]),_c('v-spacer'),_c('v-icon',{attrs:{\"small\":\"\",\"color\":\"#535353\"},on:{\"click\":function($event){return _vm.shareLink('newsCard')}}},[_vm._v(\"mdi-share-variant-outline\")])],1)])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <div class=\"news_div__class\" id=\"newsCard\">\n      <div\n        class=\"news_content__class width_20_class\"\n        @click=\"routeToNewDetailPage(item)\"\n      >\n        <avatar-or-initials\n          :image=\"item.image_url\"\n          size=\"50\"\n        ></avatar-or-initials>\n      </div>\n      <div class=\"news_content__class\">\n        <div class=\"news__class\" @click=\"routeToNewDetailPage(item)\">\n          {{ item.title }}\n        </div>\n        <div class=\"d-flex width_100__class\">\n          <div class=\"news_other_detail__class\">\n            {{ item.source }} | {{ item.time }} ago\n          </div>\n          <v-spacer></v-spacer>\n          <v-icon small color=\"#535353\" @click=\"shareLink('newsCard')\"\n            >mdi-share-variant-outline</v-icon\n          >\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n<script>\nimport ROUTER_URL from \"@/constant/urls\";\nimport helper from \"@/helper/index.js\";\nexport default {\n  name: \"NewsCard\",\n  components: {\n    AvatarOrInitials: () => import(\"@/components/AvatarOrInitials.vue\"),\n  },\n  props: {\n    item: {\n      type: Object,\n    },\n    security: {\n      type: Object,\n    },\n  },\n  data() {\n    return {\n      //   router_url: ROUTER_URL,\n    };\n  },\n  computed: {},\n  watch: {},\n  methods: {\n    shareLink(refValue) {\n      let url = location.href;\n      let text = `Hey check out ${this.security.symbol} stock on Covesto Social Trading Platform.`;\n      let title = \"Stock Detail\";\n      helper.shareSsAndLink(refValue, url, text, title);\n    },\n    routeToNewDetailPage(item) {\n      const { id } = item;\n      let query = this.$route.params.query;\n      this.$router.push({\n        name: ROUTER_URL.userPanel.children.newsDetail.name,\n        query: { id: id, query: query },\n      });\n    },\n  },\n  mounted() {},\n};\n</script>\n<style scoped>\n.news_div__class {\n  background: #fafafa;\n  border: 1px solid rgba(0, 0, 0, 0.04);\n  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.01);\n  border-radius: 8px;\n  padding: 10px;\n  display: flex;\n  width: 100%;\n}\n.news_content__class {\n  margin: 5px;\n  cursor: pointer;\n}\n.width_100__class {\n  width: 100%;\n}\n.width_20_class {\n  width: 10%;\n}\n.news__class {\n  font-family: \"Avenir\";\n  font-style: normal;\n  font-weight: 500;\n  font-size: 15px;\n  line-height: 23px;\n  /* or 153% */\n  align-items: center;\n\n  color: #454545;\n}\n.news_other_detail__class {\n  font-family: \"Avenir\";\n  font-style: normal;\n  font-weight: 400;\n  font-size: 11px;\n  line-height: 15px;\n  /* identical to box height */\n\n  display: flex;\n  align-items: center;\n\n  color: #878787;\n}\n@media only screen and (max-width: 600px) {\n  .width_20_class {\n    width: 20%;\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!./NewsCard.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!./NewsCard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./NewsCard.vue?vue&type=template&id=525fb9c4&scoped=true&\"\nimport script from \"./NewsCard.vue?vue&type=script&lang=js&\"\nexport * from \"./NewsCard.vue?vue&type=script&lang=js&\"\nimport style0 from \"./NewsCard.vue?vue&type=style&index=0&id=525fb9c4&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  \"525fb9c4\",\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 { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VIcon,VSpacer})\n"],"sourceRoot":""}