{"version":3,"sources":["webpack:///./src/components/TradingSection/PaperTrades/PaperTradesSummary/SummaryFigure/SummaryFigureMobile.vue?4920","webpack:///src/components/TradingSection/PaperTrades/PaperTradesSummary/SummaryFigure/SummaryFigureMobile.vue","webpack:///./src/components/TradingSection/PaperTrades/PaperTradesSummary/SummaryFigure/SummaryFigureMobile.vue?b161","webpack:///./src/components/TradingSection/PaperTrades/PaperTradesSummary/SummaryFigure/SummaryFigureMobile.vue?360d","webpack:///./src/components/TradingSection/PaperTrades/PaperTradesSummary/SummaryFigure/SummaryFigureMobile.vue?dfaf"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","tabValue","_v","_s","_f","totalMargin","availableMargin","investedMargin","currentAmount","class","pandl","pandlPercent","staticRenderFns","name","props","default","type","data","computed","watch","methods","component","VDivider","VSpacer"],"mappings":"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","file":"js/chunk-1c036a6f.0a944c2a.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"mobile_box_class\"},[(_vm.tabValue == 'Active')?_c('div',{staticClass:\"d-flex pa-2\"},[_c('div',[_c('div',{staticClass:\"label_class\"},[_vm._v(\"Total Margin\")]),_c('div',{staticClass:\"val__class normal_val_color\"},[_vm._v(\" \"+_vm._s(_vm._f(\"addCommaDecimal\")(_vm.totalMargin))+\" \")])]),_c('v-spacer'),_c('div',{staticClass:\"text-right\"},[_c('div',{staticClass:\"label_class\"},[_vm._v(\"Available Margin\")]),_c('div',{staticClass:\"val__class normal_val_color\"},[_vm._v(\" \"+_vm._s(_vm._f(\"addCommaDecimal\")(_vm.availableMargin))+\" \")])])],1):_c('div',{staticClass:\"d-flex pa-2\"},[_c('div',[_c('div',{staticClass:\"label_class\"},[_vm._v(\"Invested Amount\")]),_c('div',{staticClass:\"val__class normal_val_color\"},[_vm._v(\" \"+_vm._s(_vm._f(\"addCommaDecimal\")(_vm.investedMargin))+\" \")])]),_c('v-spacer'),_c('div',{staticClass:\"text-right\"},[_c('div',{staticClass:\"label_class\"},[_vm._v(\"Current Amount\")]),_c('div',{staticClass:\"val__class normal_val_color\"},[_vm._v(\" \"+_vm._s(_vm._f(\"addCommaDecimal\")(_vm.currentAmount))+\" \")])])],1),_c('v-divider'),(_vm.tabValue == 'Active')?_c('div',{staticClass:\"d-flex pa-2\"},[_c('div',[_c('div',{staticClass:\"label_class\"},[_vm._v(\"Invested Margin\")]),_c('div',{staticClass:\"val__class normal_val_color\"},[_vm._v(\" \"+_vm._s(_vm._f(\"addCommaDecimal\")(_vm.investedMargin))+\" \")])]),_c('v-spacer'),_c('div',{staticClass:\"text-right\"},[_c('div',{staticClass:\"label_class\"},[_vm._v(\"P&L\")]),_c('div',{staticClass:\"val__class\",class:_vm.pandl >= 0 ? 'positive_color' : 'negative_color'},[_vm._v(\" \"+_vm._s(_vm._f(\"addCommaDecimal\")(_vm.pandl))+\" (\"+_vm._s(_vm._f(\"addCommaDecimal\")(_vm.pandlPercent))+\"%) \")])])],1):_c('div',{staticClass:\"d-flex pa-2\"},[_c('div',{staticClass:\"label_class\"},[_vm._v(\"P&L\")]),_c('v-spacer'),_c('div',{staticClass:\"val__class\",class:_vm.pandl >= 0 ? 'positive_color' : 'negative_color'},[_vm._v(\" \"+_vm._s(_vm._f(\"addCommaDecimal\")(_vm.pandl))+\" (\"+_vm._s(_vm._f(\"addCommaDecimal\")(_vm.pandlPercent))+\"%) \")])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"mobile_box_class\">\n    <div class=\"d-flex pa-2\" v-if=\"tabValue == 'Active'\">\n      <div>\n        <div class=\"label_class\">Total Margin</div>\n        <div class=\"val__class normal_val_color\">\n          {{ totalMargin | addCommaDecimal }}\n        </div>\n      </div>\n      <v-spacer></v-spacer>\n      <div class=\"text-right\">\n        <div class=\"label_class\">Available Margin</div>\n        <div class=\"val__class normal_val_color\">\n          {{ availableMargin | addCommaDecimal }}\n        </div>\n      </div>\n    </div>\n    <div v-else class=\"d-flex pa-2\">\n      <div>\n        <div class=\"label_class\">Invested Amount</div>\n        <div class=\"val__class normal_val_color\">\n          {{ investedMargin | addCommaDecimal }}\n        </div>\n      </div>\n      <v-spacer></v-spacer>\n      <div class=\"text-right\">\n        <div class=\"label_class\">Current Amount</div>\n        <div class=\"val__class normal_val_color\">\n          {{ currentAmount | addCommaDecimal }}\n        </div>\n      </div>\n    </div>\n    <v-divider></v-divider>\n    <div class=\"d-flex pa-2\" v-if=\"tabValue == 'Active'\">\n      <div>\n        <div class=\"label_class\">Invested Margin</div>\n        <div class=\"val__class normal_val_color\">\n          {{ investedMargin | addCommaDecimal }}\n        </div>\n      </div>\n      <v-spacer></v-spacer>\n      <div class=\"text-right\">\n        <div class=\"label_class\">P&L</div>\n        <div\n          class=\"val__class\"\n          :class=\"pandl >= 0 ? 'positive_color' : 'negative_color'\"\n        >\n          {{ pandl | addCommaDecimal }} ({{ pandlPercent | addCommaDecimal }}%)\n        </div>\n      </div>\n    </div>\n    <div v-else class=\"d-flex pa-2\">\n      <div class=\"label_class\">P&L</div>\n      <v-spacer></v-spacer>\n      <div\n        class=\"val__class\"\n        :class=\"pandl >= 0 ? 'positive_color' : 'negative_color'\"\n      >\n        {{ pandl | addCommaDecimal }} ({{ pandlPercent | addCommaDecimal }}%)\n      </div>\n    </div>\n  </div>\n</template>\n<script>\nexport default {\n  name: \"SummaryFigureMobile\",\n  props: {\n    totalMargin: {\n      default: 0,\n    },\n    availableMargin: {\n      default: 0,\n    },\n    investedMargin: {\n      default: 0,\n    },\n    pandl: {\n      default: 0,\n    },\n    pandlPercent: {\n      default: 0,\n    },\n    currentAmount: {\n      default: 0,\n    },\n    tabValue: {\n      type: String,\n    },\n  },\n  data() {\n    return {};\n  },\n  computed: {},\n  watch: {},\n  methods: {},\n};\n</script>\n<style scoped>\n.mobile_box_class {\n  border-radius: 8px;\n  background: #f5f5f5;\n}\n.label_class {\n  color: rgba(51, 51, 51, 0.66);\n\n  font-family: Avenir;\n  font-size: 10px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: normal;\n}\n.val__class {\n  font-family: Avenir;\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 800;\n  line-height: normal;\n}\n.normal_val_color {\n  color: var(--Button-Black, #283037);\n}\n.positive_color {\n  color: var(--Green-2, #27ae60);\n}\n.negative_color {\n  color: var(--Red, #eb5757);\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!./SummaryFigureMobile.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!./SummaryFigureMobile.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SummaryFigureMobile.vue?vue&type=template&id=65c37264&scoped=true&\"\nimport script from \"./SummaryFigureMobile.vue?vue&type=script&lang=js&\"\nexport * from \"./SummaryFigureMobile.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SummaryFigureMobile.vue?vue&type=style&index=0&id=65c37264&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  \"65c37264\",\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!./SummaryFigureMobile.vue?vue&type=style&index=0&id=65c37264&scoped=true&lang=css&\""],"sourceRoot":""}