{"version":3,"sources":["webpack:///./src/components/TradingSection/RealTrades/HighlightsCard/HighlightsCard.vue?8d24","webpack:///./src/components/TradingSection/RealTrades/HighlightsCard/HighlightsCard.vue?2d1d","webpack:///src/components/TradingSection/RealTrades/HighlightsCard/HighlightsCard.vue","webpack:///./src/components/TradingSection/RealTrades/HighlightsCard/HighlightsCard.vue?cef5","webpack:///./src/components/TradingSection/RealTrades/HighlightsCard/HighlightsCard.vue?2583"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_s","label","class","color_class","str_val","staticRenderFns","name","props","default","type","value","color","string_value","data","computed","watch","methods","mounted","component"],"mappings":"yIAAA,W,2CCAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,MAAM,CAACE,YAAY,aAAa,CAACN,EAAIO,GAAG,IAAIP,EAAIQ,GAAGR,EAAIS,OAAO,OAAOL,EAAG,MAAM,CAACE,YAAY,YAAYI,MAAMV,EAAIW,aAAa,CAACX,EAAIO,GAAG,IAAIP,EAAIQ,GAAGR,EAAIY,SAAS,YACzSC,EAAkB,GCYP,G,UAAA,CACfC,sBACAC,OACAN,OACAO,gBACAC,aAEAC,OACAF,UACAC,aAEAE,OACAH,WACAC,cAEAG,cACAJ,WACAC,cAGAI,gBACA,UAEAC,UACAX,uBACA,kBACA,cACA,eAEA,aAGA,eAGAC,mBACA,kBACA,kBAEA,aAIAW,SACAC,WACAC,uBC1DqY,I,wBCQjYC,EAAY,eACd,EACA3B,EACAc,GACA,EACA,KACA,WACA,MAIa,aAAAa,E","file":"js/chunk-05631872.62a76be7.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!./HighlightsCard.vue?vue&type=style&index=0&id=178f9556&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:\"pnl_box\"},[_c('div',{staticClass:\"pnl_label\"},[_vm._v(\" \"+_vm._s(_vm.label)+\" \")]),_c('div',{staticClass:\"pnl_value\",class:_vm.color_class},[_vm._v(\" \"+_vm._s(_vm.str_val)+\" \")])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <div class=\"pnl_box\">\n      <div class=\"pnl_label\">\n        {{ label }}\n      </div>\n      <div class=\"pnl_value\" :class=\"color_class\">\n        {{ str_val }}\n      </div>\n    </div>\n  </div>\n</template>\n<script>\nexport default {\n  name: \"HighlightsCard\",\n  props: {\n    label: {\n      default: \"label\",\n      type: String,\n    },\n    value: {\n      default: 0,\n      type: Number,\n    },\n    color: {\n      default: false,\n      type: Boolean,\n    },\n    string_value: {\n      default: \"\",\n      type: String,\n    },\n  },\n  data() {\n    return {};\n  },\n  computed: {\n    color_class() {\n      if (this.color) {\n        if (this.value >= 0) {\n          return \"profit_color\";\n        } else {\n          return \"loss_color\";\n        }\n      } else {\n        return \"black_color\";\n      }\n    },\n    str_val() {\n      if (this.color) {\n        return this.string_value;\n      } else {\n        return this.value;\n      }\n    },\n  },\n  watch: {},\n  methods: {},\n  mounted() {},\n};\n</script>\n<style scoped>\n.pnl_box {\n  padding: 6px 12px;\n  align-items: center;\n  gap: 30px;\n  border-radius: 8px;\n  background-color: #f5f5f5;\n}\n.pnl_label {\n  color: #757575;\n\n  font-family: Avenir;\n  font-size: 11px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: normal;\n}\n.pnl_value {\n  font-family: Avenir;\n  font-size: 13px;\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.black_color {\n  color: #283037;\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!./HighlightsCard.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!./HighlightsCard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./HighlightsCard.vue?vue&type=template&id=178f9556&scoped=true&\"\nimport script from \"./HighlightsCard.vue?vue&type=script&lang=js&\"\nexport * from \"./HighlightsCard.vue?vue&type=script&lang=js&\"\nimport style0 from \"./HighlightsCard.vue?vue&type=style&index=0&id=178f9556&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  \"178f9556\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}