{"version":3,"sources":["webpack:///./src/components/TradingSection/RealTrades/HighlightsCard/HighlightsCardMobile.vue?eb5c","webpack:///src/components/TradingSection/RealTrades/HighlightsCard/HighlightsCardMobile.vue","webpack:///./src/components/TradingSection/RealTrades/HighlightsCard/HighlightsCardMobile.vue?b070","webpack:///./src/components/TradingSection/RealTrades/HighlightsCard/HighlightsCardMobile.vue?98a9","webpack:///./src/components/TradingSection/RealTrades/HighlightsCard/HighlightsCardMobile.vue?e64d"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_s","label","data","investedAmount","currentAmount","class","currentPnl","_e","staticRenderFns","name","props","default","type","computed","watch","methods","mounted","component","VDivider","VSpacer"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,MAAM,CAACE,YAAY,4BAA4B,CAACF,EAAG,MAAM,CAACA,EAAG,MAAM,CAACE,YAAY,cAAc,CAACN,EAAIO,GAAG,IAAIP,EAAIQ,GAAGR,EAAIS,OAAO,OAAOL,EAAG,MAAM,CAACE,YAAY,cAAc,CAACN,EAAIO,GAAG,IAAIP,EAAIQ,GAAGR,EAAIU,KAAKC,qBAAqBP,EAAG,YAAYA,EAAG,MAAM,CAACA,EAAG,MAAM,CAACE,YAAY,cAAc,CAACN,EAAIO,GAAG,aAAaH,EAAG,MAAM,CAACE,YAAY,yBAAyB,CAACN,EAAIO,GAAG,IAAIP,EAAIQ,GAAGR,EAAIU,KAAKE,qBAAqB,GAAGR,EAAG,YAAY,IAAIA,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACF,EAAG,MAAM,CAACE,YAAY,cAAc,CAACN,EAAIO,GAAG,SAASH,EAAG,YAAYA,EAAG,MAAM,CAACE,YAAY,aAAaO,MAAMb,EAAIU,KAAKI,YAAc,EAAI,eAAiB,eAAe,CAAEd,EAAIU,KAAKI,WAAa,EAAGV,EAAG,OAAO,CAACJ,EAAIO,GAAG,OAAOP,EAAIe,KAAKf,EAAIO,GAAG,IAAIP,EAAIQ,GAAGR,EAAIU,KAAKI,YAAY,QAAQ,IAAI,IAC91BE,EAAkB,GC+BP,GACfC,4BACAC,OACAT,OACAU,kBACAC,aAEAV,MACAU,cAGAV,gBACA,UAEAW,YACAC,SACAC,WACAC,sBCjD2Y,I,qECQvYC,EAAY,eACd,EACA1B,EACAiB,GACA,EACA,KACA,WACA,MAIa,aAAAS,EAAiB,QAMhC,IAAkBA,EAAW,CAACC,WAAA,KAASC,UAAA,Q,yDCzBvC","file":"js/chunk-24280cd4.87e6a639.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"box\"},[_c('div',{staticClass:\"d-flex upper_box sub_box\"},[_c('div',[_c('div',{staticClass:\"label_text\"},[_vm._v(\" \"+_vm._s(_vm.label)+\" \")]),_c('div',{staticClass:\"value_text\"},[_vm._v(\"₹\"+_vm._s(_vm.data.investedAmount))])]),_c('v-spacer'),_c('div',[_c('div',{staticClass:\"label_text\"},[_vm._v(\"Current\")]),_c('div',{staticClass:\"value_text text-right\"},[_vm._v(\"₹\"+_vm._s(_vm.data.currentAmount))])])],1),_c('v-divider',{}),_c('div',{staticClass:\"d-flex sub_box\"},[_c('div',{staticClass:\"label_text\"},[_vm._v(\"P&L\")]),_c('v-spacer'),_c('div',{staticClass:\"value_text\",class:_vm.data.currentPnl >= 0 ? 'profit_color' : 'loss_profit'},[(_vm.data.currentPnl > 0)?_c('span',[_vm._v(\"+\")]):_vm._e(),_vm._v(\" \"+_vm._s(_vm.data.currentPnl)+\" \")])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"box\">\n    <div class=\"d-flex upper_box sub_box\">\n      <div>\n        <div class=\"label_text\">\n          {{ label }}\n        </div>\n        <div class=\"value_text\">₹{{ data.investedAmount }}</div>\n      </div>\n      <v-spacer></v-spacer>\n      <div>\n        <div class=\"label_text\">Current</div>\n        <div class=\"value_text text-right\">₹{{ data.currentAmount }}</div>\n      </div>\n    </div>\n    <v-divider class=\"\"></v-divider>\n    <div class=\"d-flex sub_box\">\n      <div class=\"label_text\">P&L</div>\n      <v-spacer></v-spacer>\n      <div\n        class=\"value_text\"\n        :class=\"data.currentPnl >= 0 ? 'profit_color' : 'loss_profit'\"\n      >\n        <span v-if=\"data.currentPnl > 0\">+</span> {{ data.currentPnl }}\n        <!-- ({{\n          data.currentPnlPercent\n        }}%) -->\n      </div>\n    </div>\n  </div>\n</template>\n<script>\nexport default {\n  name: \"HighlightsCardMobile\",\n  props: {\n    label: {\n      default: \"Capital\",\n      type: String,\n    },\n    data: {\n      type: Object,\n    },\n  },\n  data() {\n    return {};\n  },\n  computed: {},\n  watch: {},\n  methods: {},\n  mounted() {},\n};\n</script>\n<style scoped>\n.box {\n  background: #f5f5f5;\n  border-radius: 5px;\n}\n.sub_box {\n  padding: 8px;\n}\n.label_text {\n  color: rgba(51, 51, 51, 0.66);\n\n  font-family: Avenir;\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: normal;\n}\n.value_text {\n  color: #333;\n\n  font-family: Avenir;\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 800;\n  line-height: normal;\n}\n.profit_color {\n  color: green;\n}\n.loss_color {\n  color: red;\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!./HighlightsCardMobile.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!./HighlightsCardMobile.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./HighlightsCardMobile.vue?vue&type=template&id=28d6fe72&scoped=true&\"\nimport script from \"./HighlightsCardMobile.vue?vue&type=script&lang=js&\"\nexport * from \"./HighlightsCardMobile.vue?vue&type=script&lang=js&\"\nimport style0 from \"./HighlightsCardMobile.vue?vue&type=style&index=0&id=28d6fe72&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  \"28d6fe72\",\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 { VDivider } from 'vuetify/lib/components/VDivider';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VDivider,VSpacer})\n","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!./HighlightsCardMobile.vue?vue&type=style&index=0&id=28d6fe72&scoped=true&lang=css&\""],"sourceRoot":""}