{"version":3,"sources":["webpack:///./src/components/TradingSection/RealTrades/PortfolioTables/PortfolioTables.vue?2470","webpack:///src/components/TradingSection/RealTrades/PortfolioTables/PortfolioTables.vue","webpack:///./src/components/TradingSection/RealTrades/PortfolioTables/PortfolioTables.vue?bc68","webpack:///./src/components/TradingSection/RealTrades/PortfolioTables/PortfolioTables.vue?d0d7","webpack:///./src/components/Profile/ProfileTradeDetails/RealPortfolio/BuySellModal.vue?3a7d","webpack:///../../../src/components/VBottomSheet/VBottomSheet.ts","webpack:///./src/assets/import_icon.png","webpack:///./src/assets/images/experience.svg","webpack:///./src/components/TradingSection/RealTrades/PortfolioTables/PortfolioTables.vue?cc8a","webpack:///./src/components/Profile/ProfileTradeDetails/RealPortfolio/BuySellModal.vue?4fc7","webpack:///src/components/Profile/ProfileTradeDetails/RealPortfolio/BuySellModal.vue","webpack:///./src/components/Profile/ProfileTradeDetails/RealPortfolio/BuySellModal.vue?b4c8","webpack:///./src/components/Profile/ProfileTradeDetails/RealPortfolio/BuySellModal.vue?fb19","webpack:///./src/components/TradingSection/RealTrades/PortfolioTables/PortfolioTables.vue?b7e7"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","$vuetify","breakpoint","staticStyle","attrs","positionHeader","loading","positionFlex","positionItems","page_info","item_per_page","scopedSlots","_u","key","fn","_v","_s","positionCount","positionInvestedAmount","positionCurrentAmount","positionCurrentPnl","positionCurrentPnlPercent","proxy","ref","item","on","$event","getItems","nseTicker","_e","currentValue","quantity","averagePrice","LTP","class","dailyChange","PnL","holdingHeader","holdingFlex","holdingItems","holdingCount","holdingDaysPnl","holdingDaysPnlPercent","holdingInvestedAmount","holdingCurrentAmount","holdingCurrentPnl","holdingCurrentPnlPercent","_l","investedAmount","currentAmount","currentPnl","currentPnlPercent","i","_m","buySellModal","staticRenderFns","name","props","components","BuySellModal","HighlightsCard","HighlightsCardMobile","RealTradeCardMobile","data","flag","page_number","total_page","total_pnl","total_pnl_percent","computed","is_items","user_id","parentTabValue","tabValue","watch","methods","mapActions","snackBar","emitLoader","emitDaysPnl","daysPnl","daysPnlPercent","tableHeader","sortable","text","align","value","initialImport","config","then","res","catch","color","timeout","initiateSmallcaseSdk","gateway","smallcaseAuthToken","amo","gatewayInstance","triggerTransaction","transactionId","console","patchUserDetail","params","getPortfolio","headers","positions","holdings","broker","total_pnl_per","mounted","created","component","VBtn","VCard","VCardText","VCardTitle","VChip","VCol","VDataTable","VDivider","VIcon","VRow","VSkeletonLoader","VSpacer","VDialog","extend","inset","Boolean","maxWidth","String","Number","transition","type","default","classes","options","call","module","exports","xsOnly","model","buySellItem","callback","$$v","$set","expression","exchange","experience","netChange","copyTrade","dialog","toggleAddTradeModal","security","show","trade_type","copyDetail","isTrading","VBottomSheet","VCardActions","VImg","VSheet"],"mappings":"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KvD,EAAG,eAAe,CAACM,MAAM,CAAC,YAAcV,EAAI4D,iBAAiB,IACldC,EAAkB,CAAC,WAAa,IAAI7D,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,0BAA0B,CAACF,EAAG,MAAM,CAACE,YAAY,8BAA8B,CAACF,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACF,EAAG,MAAM,CAACE,YAAY,eAAeI,MAAM,CAAC,IAAM,EAAQ,eAAmCN,EAAG,MAAM,CAACA,EAAG,MAAM,CAACE,YAAY,eAAe,CAACN,EAAIqB,GAAG,mG,kHCiV/X,GACfyC,uBACAC,SACAC,YACAC,oBACAC,0BAAA,wDACAC,gCAAA,OACA,iDACAC,+BAAA,yDAEAC,gBACA,OACAxD,gBACA+B,eACAhC,WACAgD,cACAU,QACAxC,SAEAhB,iBA8BA+B,gBA8BAtB,gBACAuB,eACAtB,yBACAC,wBACAC,qBACAC,4BACAsB,wBACAC,uBACAC,oBACAC,2BACAL,iBACAC,wBACAjC,WACAC,iBACAuD,cACAC,cAEAC,YACAC,sBAGAC,UACAC,oBACA,4DAEAC,mBACA,2BAEAC,0BACA,sDAEAC,oBACA,0CAEApE,0BACA,6BAEAgC,yBACA,8BAGAqC,SAKAC,yCACAC,gBACAC,iCACA,IACAlD,qBAEA,yBACA,2BAEAmD,uBACA,GACA,qCAGAC,uBACA,oBACAC,uBACAC,yCAGAC,wBACA,SAoDA,CACA,CACAC,YACAC,gBACAC,eACAnD,gCACArB,gBACAyE,mBAEA,CACAH,YACAC,gBACAC,eACAnD,gCACArB,mBACAyE,sBAEA,CACAH,YACAC,WACAC,eACAnD,gCACArB,eACAyE,kBAEA,CACAH,YACAC,kBACAC,eACAnD,gCACArB,mBACAyE,sBAEA,CACAH,YACAC,WACAC,eACAnD,gCACArB,UACAyE,aAEA,CACAH,YACAC,mBACAC,eACAnD,gCACArB,UACAyE,cAlGA,CACA,CACAH,YACAC,gBACAC,eACAnD,gCACArB,gBACAyE,mBAEA,CACAH,YACAC,eACAC,eACAnD,gCACArB,mBACAyE,sBAEA,CACAH,YACAC,WACAC,eACAnD,gCACArB,eACAyE,kBAEA,CACAH,YACAC,kBACAC,eACAnD,gCACArB,mBACAyE,sBAEA,CACAH,YACAC,WACAC,eACAnD,gCACArB,UACAyE,aAEA,CACAH,YACAC,mBACAC,eACAnD,gCACArB,UACAyE,eAwDAC,yBAAA,WACA,KACAC,8CACAA,mBACA,kBACAC,kBAEA,uBACAC,kBACAA,8BAGAC,mBACA,YACAP,OACAQ,cACAC,mBAIAC,mCAAA,WACA,mBAEAC,kBAKAC,qBACAR,QAEAS,UAGAC,EACAC,oBAEAC,kBAEAX,kBAMA,wBAEAE,mBAKAU,6CAGAC,4BAAA,WACA,WAAAN,uBAAAI,kBACA,oBACA,oBACA,KACA,KACAG,0BACAA,sBACAA,eACAA,cACAf,sCACAA,oBACAA,cACA,kBACAC,iBACA,qBAEAE,mBACA,YACAP,OACAQ,cACAC,mBAIAW,yBAAA,WACA,gBACA,SACA,KACA,KACAD,0BACA,IACAA,eAEAE,gCACAjB,eACAA,+BACAA,kBACAA,cACA,kBACAC,kBACAY,eACA,MACAX,OADAgB,cAAAC,aAAAC,WAAAzC,cAAA0C,kBAgBA,WAGA,6BACA,wBACA,0CACA,wCACA,kCACA,4CAGA,4BACA,uBACA,yCACA,uCACA,iCACA,2CACA,2BACA,qCACA,cACA,6DACA,gBACA,aACA,oBAEAlB,mBACA,YACAP,OACAQ,cACAC,eAEA,aACA,uBAIAiB,mBACA,yBAEAC,mBAAA,WACA,gDACA,qBAEA,+CACA,qBAEA,wCCjxBsY,I,2LCSlYC,EAAY,eACd,EACAvH,EACA8D,GACA,EACA,KACA,WACA,MAIa,aAAAyD,EAAiB,QAgBhC,IAAkBA,EAAW,CAACC,OAAA,KAAKC,QAAA,KAAMC,UAAA,OAAUC,WAAA,OAAWC,QAAA,KAAMC,OAAA,KAAKC,aAAA,KAAWC,WAAA,KAASC,QAAA,KAAMC,OAAA,KAAKC,kBAAA,KAAgBC,UAAA,Q,kCCpCxH,W,+GCMeC,cAAQC,OAAO,CAC5BtE,KAAM,iBAENC,MAA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","file":"js/chunk-4bd23bde.a188feae.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"pb-12\"},[(_vm.is_items)?_c('div',[(_vm.$vuetify.breakpoint.smAndUp)?_c('div',[_c('div',[_c('v-data-table',{staticClass:\"elevation-2\",staticStyle:{\"border-radius\":\"10px\"},attrs:{\"headers\":_vm.positionHeader,\"loading\":_vm.loading,\"loading-text\":\"Please wait ....Loading\",\"items\":_vm.positionFlex ? _vm.positionItems : [],\"items-per-page\":_vm.page_info.item_per_page,\"server-items-length\":_vm.page_info.item_per_page,\"hide-default-footer\":\"\",\"hide-default-header\":!_vm.positionFlex,\"no-data-text\":!_vm.positionFlex ? '' : 'No data available',\"mobile-breakpoint\":\"\"},scopedSlots:_vm._u([{key:\"top\",fn:function(){return [_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',{staticClass:\"pa-4\",attrs:{\"cols\":\"4\"}},[_c('div',{staticClass:\"d-flex\"},[_c('div',{staticClass:\"tableTopHeading\"},[_vm._v(\" Positions (\"+_vm._s(_vm.positionCount)+\") \")]),_c('div',{staticClass:\"d-flex\"},[_c('v-chip',{staticClass:\"ml-2 normal\"},[_vm._v(\"CNC\")]),_c('v-chip',{staticClass:\"ml-2 normal\"},[_vm._v(\"NSE\")])],1)])]),_c('v-col',{staticClass:\"d-flex justify-end pa-4\",attrs:{\"cols\":\"8\"}},[_c('div',{staticClass:\"box_width\"},[_c('highlights-card',{attrs:{\"label\":'Capital',\"value\":_vm.positionInvestedAmount}})],1),_c('div',{staticClass:\"box_width\"},[_c('highlights-card',{attrs:{\"label\":'Current',\"value\":_vm.positionCurrentAmount}})],1),_c('div',{staticClass:\"pnl_box_width\"},[_c('highlights-card',{attrs:{\"label\":'P&L',\"color\":true,\"value\":_vm.positionCurrentPnl,\"string_value\":(_vm.positionCurrentPnl + \"(\" + _vm.positionCurrentPnlPercent + \"%)\")}})],1)])],1)]},proxy:true},{key:\"item.nseTicker\",fn:function(ref){\nvar item = ref.item;\nreturn [(item.nseTicker)?_c('div',{staticClass:\"td_text\",on:{\"click\":function($event){return _vm.getItems(item)}}},[_vm._v(\" \"+_vm._s(item.nseTicker)+\" \")]):_vm._e()]}},{key:\"item.currentValue\",fn:function(ref){\nvar item = ref.item;\nreturn [(item.currentValue)?_c('div',{staticClass:\"td_text\"},[_vm._v(\" \"+_vm._s(item.currentValue)+\" \")]):_vm._e()]}},{key:\"item.quantity\",fn:function(ref){\nvar item = ref.item;\nreturn [(item.quantity)?_c('div',{staticClass:\"td_text\"},[_vm._v(\" \"+_vm._s(item.quantity)+\" \")]):_vm._e()]}},{key:\"item.averagePrice\",fn:function(ref){\nvar item = ref.item;\nreturn [(item.averagePrice)?_c('div',{staticClass:\"td_text\"},[_vm._v(\" \"+_vm._s(item.averagePrice)+\" \")]):_vm._e()]}},{key:\"item.LTP\",fn:function(ref){\nvar item = ref.item;\nreturn [(item.LTP)?_c('div',{staticClass:\"td_text\"},[_vm._v(\" \"+_vm._s(item.LTP)+\" \"),_c('span',{staticClass:\"sub_value\",class:item.dailyChange >= 0 ? 'positive_text' : 'negative_text'},[_vm._v(\"(\"+_vm._s(item.dailyChange)+\"%)\")])]):_vm._e()]}},{key:\"item.PnL\",fn:function(ref){\nvar item = ref.item;\nreturn [(item.PnL)?_c('div',{class:item.PnL >= 0\n                  ? 'positive_text td_text_pnl'\n                  : 'negative_text td_text_pnl'},[_vm._v(\" \"+_vm._s(item.PnL)+\" \")]):_vm._e()]}},{key:\"footer\",fn:function(){return [_c('v-row',{attrs:{\"justify\":\"center\",\"no-gutters\":\"\"}},[_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('v-divider')],1),_c('v-col',{staticClass:\"px-6 py-2 d-flex text-center d-flex justify-center\",attrs:{\"cols\":\"12\"}},[_c('div',{staticClass:\"text-center\"},[(!_vm.positionFlex)?_c('v-icon',{on:{\"click\":function($event){_vm.positionFlex = !_vm.positionFlex}}},[_vm._v(\" mdi-chevron-down \")]):_c('v-icon',{on:{\"click\":function($event){_vm.positionFlex = !_vm.positionFlex}}},[_vm._v(\"mdi-chevron-up\")])],1)])],1)]},proxy:true}],null,true)})],1),_c('div',{staticClass:\"mt-3\"},[_c('v-data-table',{staticClass:\"elevation-2\",staticStyle:{\"border-radius\":\"10px\"},attrs:{\"headers\":_vm.holdingHeader,\"loading\":_vm.loading,\"loading-text\":\"Please wait ....Loading\",\"items\":_vm.holdingFlex ? _vm.holdingItems : [],\"items-per-page\":_vm.page_info.item_per_page,\"server-items-length\":_vm.page_info.item_per_page,\"hide-default-footer\":\"\",\"hide-default-header\":!_vm.holdingFlex,\"no-data-text\":!_vm.holdingFlex ? '' : 'No data available',\"mobile-breakpoint\":\"\"},scopedSlots:_vm._u([{key:\"top\",fn:function(){return [_c('v-row',{attrs:{\"no-gutters\":\"\"}},[_c('v-col',{staticClass:\"pa-4\",attrs:{\"cols\":\"4\"}},[_c('div',{staticClass:\"d-flex\"},[_c('div',{staticClass:\"tableTopHeading\"},[_vm._v(\" Holdings (\"+_vm._s(_vm.holdingCount)+\") \")]),_c('div',{staticClass:\"d-flex\"},[_c('v-chip',{staticClass:\"ml-2\",class:_vm.holdingDaysPnl >= 0 ? 'positive' : 'negative'},[_vm._v(\"Day \"),(_vm.holdingDaysPnl >= 0)?_c('span',[_vm._v(\"+\")]):_vm._e(),_vm._v(_vm._s(_vm.holdingDaysPnl)+\"(\"+_vm._s(_vm.holdingDaysPnlPercent)+\"%)\")])],1)])]),_c('v-col',{staticClass:\"pa-4 d-flex justify-end\",attrs:{\"cols\":\"8\"}},[_c('div',{staticClass:\"box_width\"},[_c('highlights-card',{attrs:{\"label\":'Invested',\"value\":_vm.holdingInvestedAmount}})],1),_c('div',{staticClass:\"box_width\"},[_c('highlights-card',{attrs:{\"label\":'Current',\"value\":_vm.holdingCurrentAmount}})],1),_c('div',{staticClass:\"pnl_box_width\"},[_c('highlights-card',{attrs:{\"label\":'P&L',\"color\":true,\"value\":_vm.holdingCurrentPnl,\"string_value\":(_vm.holdingCurrentPnl + \"(\" + _vm.holdingCurrentPnlPercent + \"%)\")}})],1)])],1)]},proxy:true},{key:\"item.nseTicker\",fn:function(ref){\n                  var item = ref.item;\nreturn [(item.nseTicker)?_c('div',{staticClass:\"td_text\",staticStyle:{\"cursor\":\"pointer\"},on:{\"click\":function($event){return _vm.getItems(item)}}},[_vm._v(\" \"+_vm._s(item.nseTicker)+\" \")]):_vm._e()]}},{key:\"item.currentValue\",fn:function(ref){\n                  var item = ref.item;\nreturn [(item.currentValue)?_c('div',{staticClass:\"td_text\"},[_vm._v(\" \"+_vm._s(item.currentValue)+\" \")]):_vm._e()]}},{key:\"item.quantity\",fn:function(ref){\n                  var item = ref.item;\nreturn [(item.quantity)?_c('div',{staticClass:\"td_text\"},[_vm._v(\" \"+_vm._s(item.quantity)+\" \")]):_vm._e()]}},{key:\"item.averagePrice\",fn:function(ref){\n                  var item = ref.item;\nreturn [(item.averagePrice)?_c('div',{staticClass:\"td_text\"},[_vm._v(\" \"+_vm._s(item.averagePrice)+\" \")]):_vm._e()]}},{key:\"item.LTP\",fn:function(ref){\n                  var item = ref.item;\nreturn [(item.LTP)?_c('div',{staticClass:\"td_text\"},[_vm._v(\" \"+_vm._s(item.LTP)+\" \"),_c('span',{staticClass:\"sub_value\",class:item.dailyChange >= 0 ? 'positive_text' : 'negative_text'},[_vm._v(\"(\"+_vm._s(item.dailyChange)+\"%)\")])]):_vm._e()]}},{key:\"item.PnL\",fn:function(ref){\n                  var item = ref.item;\nreturn [(item.PnL)?_c('div',{class:item.PnL >= 0\n                  ? 'positive_text td_text_pnl'\n                  : 'negative_text td_text_pnl'},[_vm._v(\" \"+_vm._s(item.PnL)+\" \")]):_vm._e()]}},{key:\"footer\",fn:function(){return [_c('v-row',{attrs:{\"justify\":\"center\",\"no-gutters\":\"\"}},[_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('v-divider')],1),_c('v-col',{staticClass:\"px-6 py-2 d-flex text-center d-flex justify-center\",attrs:{\"cols\":\"12\"}},[_c('div',{staticClass:\"text-center\"},[(!_vm.holdingFlex)?_c('v-icon',{on:{\"click\":function($event){_vm.holdingFlex = !_vm.holdingFlex}}},[_vm._v(\" mdi-chevron-down \")]):_c('v-icon',{on:{\"click\":function($event){_vm.holdingFlex = !_vm.holdingFlex}}},[_vm._v(\"mdi-chevron-up\")])],1)])],1)]},proxy:true}],null,true)})],1)]):_c('div',[(_vm.loading)?_c('v-card',[_c('v-card-text',_vm._l((8),function(item){return _c('div',{key:item},[_c('v-skeleton-loader',{staticClass:\"pa-2\",attrs:{\"type\":\"list-item-avatar-three-line\"}})],1)}),0)],1):_vm._e(),(!_vm.loading)?_c('v-card',{staticClass:\"elevation-2 rounded-0\"},[_c('v-card-title',{staticClass:\"d-flex pb-0\"},[_c('div',{staticClass:\"d-flex\",staticStyle:{\"width\":\"100%\"}},[_c('div',{staticClass:\"tableTopHeading\"},[_vm._v(\"Positions (\"+_vm._s(_vm.positionCount)+\")\")]),_c('v-spacer'),_c('div',[_c('v-btn',{staticStyle:{\"min-width\":\"0px\",\"padding\":\"0px\",\"height\":\"25px\"},attrs:{\"text\":\"\"},on:{\"click\":function($event){_vm.positionFlex = !_vm.positionFlex}}},[(!_vm.positionFlex)?_c('v-icon',[_vm._v(\"mdi-chevron-down\")]):_c('v-icon',[_vm._v(\"mdi-chevron-up\")])],1)],1)],1)]),(_vm.positionFlex)?_c('v-card-text',[_c('highlights-card-mobile',{attrs:{\"label\":'Capital',\"data\":{\n              investedAmount: _vm.positionInvestedAmount,\n              currentAmount: _vm.positionCurrentAmount,\n              currentPnl: _vm.positionCurrentPnl,\n              currentPnlPercent: _vm.positionCurrentPnlPercent,\n            }}})],1):_vm._e(),_c('v-card-text',{staticClass:\"py-0 px-0\"},_vm._l((_vm.positionItems),function(item,i){return _c('div',{key:i},[(i == 0)?_c('v-divider',{}):_vm._e(),_c('div',{on:{\"click\":function($event){return _vm.getItems(item)}}},[_c('real-trade-card-mobile',{attrs:{\"item\":item}})],1),_c('v-divider',{})],1)}),0)],1):_vm._e(),(!_vm.loading)?_c('v-card',{staticClass:\"elevation-2 mt-3 rounded-0\"},[_c('v-card-title',{staticClass:\"d-flex pb-0\"},[_c('div',{staticClass:\"d-flex\",staticStyle:{\"width\":\"100%\"}},[_c('div',{staticClass:\"tableTopHeading\"},[_vm._v(\"Holdings (\"+_vm._s(_vm.holdingCount)+\")\")]),_c('v-spacer'),_c('div',[_c('v-btn',{staticStyle:{\"min-width\":\"0px\",\"padding\":\"0px\",\"height\":\"25px\"},attrs:{\"text\":\"\"},on:{\"click\":function($event){_vm.holdingFlex = !_vm.holdingFlex}}},[(!_vm.holdingFlex)?_c('v-icon',[_vm._v(\"mdi-chevron-down\")]):_c('v-icon',[_vm._v(\"mdi-chevron-up\")])],1)],1)],1)]),(_vm.holdingFlex)?_c('v-card-text',{staticClass:\"pt-0 mt-0\"},[_c('highlights-card-mobile',{attrs:{\"label\":'Invested',\"data\":{\n              investedAmount: _vm.holdingInvestedAmount,\n              currentAmount: _vm.holdingCurrentAmount,\n              currentPnl: _vm.holdingCurrentPnl,\n              currentPnlPercent: _vm.holdingDaysPnlPercent,\n            }}})],1):_vm._e(),_c('v-card-text',{staticClass:\"py-0 px-0\"},_vm._l((_vm.holdingItems),function(item,i){return _c('div',{key:i},[(i == 0)?_c('v-divider',{}):_vm._e(),_c('div',{on:{\"click\":function($event){return _vm.getItems(item)}}},[_c('real-trade-card-mobile',{attrs:{\"item\":item}})],1),_c('v-divider',{})],1)}),0)],1):_vm._e()],1)]):_c('div',{staticClass:\"d-flex justify-center\"},[_vm._m(0)]),_c('BuySellModal',{attrs:{\"buySellItem\":_vm.buySellModal}})],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"text-center import_box\"},[_c('div',{staticClass:\"d-flex justify-center mb-3\"},[_c('div',{staticClass:\"no_data_img_box\"},[_c('img',{staticClass:\"import_image\",attrs:{\"src\":require(\"@/assets/import_icon.png\")}})])]),_c('div',[_c('pre',{staticClass:\"import_text\"},[_vm._v(\"  Import your portfolio to view your \\n  performance or place trades directly\\n        \")])])])}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"pb-12\">\n    <div v-if=\"is_items\">\n      <div v-if=\"$vuetify.breakpoint.smAndUp\">\n        <div>\n          <v-data-table\n            :headers=\"positionHeader\"\n            :loading=\"loading\"\n            loading-text=\"Please wait ....Loading\"\n            :items=\"positionFlex ? positionItems : []\"\n            :items-per-page=\"page_info.item_per_page\"\n            :server-items-length=\"page_info.item_per_page\"\n            hide-default-footer\n            :hide-default-header=\"!positionFlex\"\n            :no-data-text=\"!positionFlex ? '' : 'No data available'\"\n            mobile-breakpoint\n            class=\"elevation-2\"\n            style=\"border-radius: 10px\"\n          >\n            <template v-slot:top>\n              <v-row no-gutters>\n                <v-col cols=\"4\" class=\"pa-4\">\n                  <div class=\"d-flex\">\n                    <div class=\"tableTopHeading\">\n                      Positions ({{ positionCount }})\n                    </div>\n                    <div class=\"d-flex\">\n                      <v-chip class=\"ml-2 normal\">CNC</v-chip>\n                      <v-chip class=\"ml-2 normal\">NSE</v-chip>\n                    </div>\n                  </div>\n                </v-col>\n                <v-col cols=\"8\" class=\"d-flex justify-end pa-4\">\n                  <div class=\"box_width\">\n                    <highlights-card\n                      :label=\"'Capital'\"\n                      :value=\"positionInvestedAmount\"\n                    ></highlights-card>\n                  </div>\n                  <div class=\"box_width\">\n                    <highlights-card\n                      :label=\"'Current'\"\n                      :value=\"positionCurrentAmount\"\n                    ></highlights-card>\n                  </div>\n                  <div class=\"pnl_box_width\">\n                    <highlights-card\n                      :label=\"'P&L'\"\n                      :color=\"true\"\n                      :value=\"positionCurrentPnl\"\n                      :string_value=\"`${positionCurrentPnl}(${positionCurrentPnlPercent}%)`\"\n                    ></highlights-card>\n                  </div>\n                </v-col>\n              </v-row>\n            </template>\n            <template v-slot:[`item.nseTicker`]=\"{ item }\">\n              <div\n                @click=\"getItems(item)\"\n                v-if=\"item.nseTicker\"\n                class=\"td_text\"\n              >\n                {{ item.nseTicker }}\n              </div>\n            </template>\n            <template v-slot:[`item.currentValue`]=\"{ item }\">\n              <div v-if=\"item.currentValue\" class=\"td_text\">\n                {{ item.currentValue }}\n              </div>\n            </template>\n            <template v-slot:[`item.quantity`]=\"{ item }\">\n              <div v-if=\"item.quantity\" class=\"td_text\">\n                {{ item.quantity }}\n              </div>\n            </template>\n            <template v-slot:[`item.averagePrice`]=\"{ item }\">\n              <div v-if=\"item.averagePrice\" class=\"td_text\">\n                {{ item.averagePrice }}\n              </div>\n            </template>\n            <template v-slot:[`item.LTP`]=\"{ item }\">\n              <div v-if=\"item.LTP\" class=\"td_text\">\n                {{ item.LTP }}\n                <span\n                  class=\"sub_value\"\n                  :class=\"\n                    item.dailyChange >= 0 ? 'positive_text' : 'negative_text'\n                  \"\n                  >({{ item.dailyChange }}%)</span\n                >\n              </div>\n            </template>\n            <template v-slot:[`item.PnL`]=\"{ item }\">\n              <div\n                v-if=\"item.PnL\"\n                :class=\"\n                  item.PnL >= 0\n                    ? 'positive_text td_text_pnl'\n                    : 'negative_text td_text_pnl'\n                \"\n              >\n                {{ item.PnL }}\n              </div>\n            </template>\n            <template v-slot:footer>\n              <v-row justify=\"center\" no-gutters>\n                <v-col cols=\"12\">\n                  <v-divider></v-divider>\n                </v-col>\n                <v-col\n                  cols=\"12\"\n                  class=\"px-6 py-2 d-flex text-center d-flex justify-center\"\n                >\n                  <div class=\"text-center\">\n                    <v-icon\n                      v-if=\"!positionFlex\"\n                      @click=\"positionFlex = !positionFlex\"\n                    >\n                      mdi-chevron-down\n                    </v-icon>\n                    <v-icon v-else @click=\"positionFlex = !positionFlex\"\n                      >mdi-chevron-up</v-icon\n                    >\n                  </div>\n                </v-col>\n              </v-row>\n            </template>\n          </v-data-table>\n        </div>\n        <div class=\"mt-3\">\n          <v-data-table\n            :headers=\"holdingHeader\"\n            :loading=\"loading\"\n            loading-text=\"Please wait ....Loading\"\n            :items=\"holdingFlex ? holdingItems : []\"\n            :items-per-page=\"page_info.item_per_page\"\n            :server-items-length=\"page_info.item_per_page\"\n            hide-default-footer\n            :hide-default-header=\"!holdingFlex\"\n            :no-data-text=\"!holdingFlex ? '' : 'No data available'\"\n            mobile-breakpoint\n            class=\"elevation-2\"\n            style=\"border-radius: 10px\"\n          >\n            <template v-slot:top>\n              <v-row no-gutters>\n                <v-col cols=\"4\" class=\"pa-4\">\n                  <div class=\"d-flex\">\n                    <div class=\"tableTopHeading\">\n                      Holdings ({{ holdingCount }})\n                    </div>\n                    <div class=\"d-flex\">\n                      <v-chip\n                        class=\"ml-2\"\n                        :class=\"holdingDaysPnl >= 0 ? 'positive' : 'negative'\"\n                        >Day <span v-if=\"holdingDaysPnl >= 0\">+</span\n                        >{{ holdingDaysPnl }}({{\n                          holdingDaysPnlPercent\n                        }}%)</v-chip\n                      >\n                    </div>\n                  </div>\n                </v-col>\n                <v-col cols=\"8\" class=\"pa-4 d-flex justify-end\">\n                  <div class=\"box_width\">\n                    <highlights-card\n                      :label=\"'Invested'\"\n                      :value=\"holdingInvestedAmount\"\n                    ></highlights-card>\n                  </div>\n                  <div class=\"box_width\">\n                    <highlights-card\n                      :label=\"'Current'\"\n                      :value=\"holdingCurrentAmount\"\n                    ></highlights-card>\n                  </div>\n                  <div class=\"pnl_box_width\">\n                    <highlights-card\n                      :label=\"'P&L'\"\n                      :color=\"true\"\n                      :value=\"holdingCurrentPnl\"\n                      :string_value=\"`${holdingCurrentPnl}(${holdingCurrentPnlPercent}%)`\"\n                    ></highlights-card>\n                  </div>\n                </v-col>\n              </v-row>\n            </template>\n            <template v-slot:[`item.nseTicker`]=\"{ item }\">\n              <div\n                style=\"cursor: pointer\"\n                @click=\"getItems(item)\"\n                v-if=\"item.nseTicker\"\n                class=\"td_text\"\n              >\n                {{ item.nseTicker }}\n              </div>\n            </template>\n            <template v-slot:[`item.currentValue`]=\"{ item }\">\n              <div v-if=\"item.currentValue\" class=\"td_text\">\n                {{ item.currentValue }}\n              </div>\n            </template>\n            <template v-slot:[`item.quantity`]=\"{ item }\">\n              <div v-if=\"item.quantity\" class=\"td_text\">\n                {{ item.quantity }}\n              </div>\n            </template>\n            <template v-slot:[`item.averagePrice`]=\"{ item }\">\n              <div v-if=\"item.averagePrice\" class=\"td_text\">\n                {{ item.averagePrice }}\n              </div>\n            </template>\n            <template v-slot:[`item.LTP`]=\"{ item }\">\n              <div v-if=\"item.LTP\" class=\"td_text\">\n                {{ item.LTP }}\n                <span\n                  class=\"sub_value\"\n                  :class=\"\n                    item.dailyChange >= 0 ? 'positive_text' : 'negative_text'\n                  \"\n                  >({{ item.dailyChange }}%)</span\n                >\n              </div>\n            </template>\n            <template v-slot:[`item.PnL`]=\"{ item }\">\n              <div\n                v-if=\"item.PnL\"\n                :class=\"\n                  item.PnL >= 0\n                    ? 'positive_text td_text_pnl'\n                    : 'negative_text td_text_pnl'\n                \"\n              >\n                {{ item.PnL }}\n              </div>\n            </template>\n            <template v-slot:footer>\n              <v-row justify=\"center\" no-gutters>\n                <v-col cols=\"12\">\n                  <v-divider></v-divider>\n                </v-col>\n                <v-col\n                  cols=\"12\"\n                  class=\"px-6 py-2 d-flex text-center d-flex justify-center\"\n                >\n                  <div class=\"text-center\">\n                    <v-icon\n                      v-if=\"!holdingFlex\"\n                      @click=\"holdingFlex = !holdingFlex\"\n                    >\n                      mdi-chevron-down\n                    </v-icon>\n                    <v-icon v-else @click=\"holdingFlex = !holdingFlex\"\n                      >mdi-chevron-up</v-icon\n                    >\n                  </div>\n                </v-col>\n              </v-row>\n            </template>\n          </v-data-table>\n        </div>\n      </div>\n      <div v-else>\n        <v-card v-if=\"loading\">\n          <v-card-text>\n            <div v-for=\"item in 8\" :key=\"item\">\n              <v-skeleton-loader\n                class=\"pa-2\"\n                type=\"list-item-avatar-three-line\"\n              ></v-skeleton-loader>\n            </div>\n          </v-card-text>\n        </v-card>\n        <v-card class=\"elevation-2 rounded-0\" v-if=\"!loading\">\n          <v-card-title class=\"d-flex pb-0\">\n            <div class=\"d-flex\" style=\"width: 100%\">\n              <div class=\"tableTopHeading\">Positions ({{ positionCount }})</div>\n              <v-spacer></v-spacer>\n              <div>\n                <v-btn\n                  text\n                  style=\"min-width: 0px; padding: 0px; height: 25px\"\n                  @click=\"positionFlex = !positionFlex\"\n                >\n                  <v-icon v-if=\"!positionFlex\">mdi-chevron-down</v-icon>\n                  <v-icon v-else>mdi-chevron-up</v-icon>\n                </v-btn>\n              </div>\n            </div>\n          </v-card-title>\n          <v-card-text v-if=\"positionFlex\">\n            <highlights-card-mobile\n              :label=\"'Capital'\"\n              :data=\"{\n                investedAmount: positionInvestedAmount,\n                currentAmount: positionCurrentAmount,\n                currentPnl: positionCurrentPnl,\n                currentPnlPercent: positionCurrentPnlPercent,\n              }\"\n            ></highlights-card-mobile>\n          </v-card-text>\n          <v-card-text class=\"py-0 px-0\">\n            <div v-for=\"(item, i) in positionItems\" :key=\"i\">\n              <v-divider class=\"\" v-if=\"i == 0\"></v-divider>\n              <div @click=\"getItems(item)\">\n                <real-trade-card-mobile :item=\"item\"></real-trade-card-mobile>\n              </div>\n              <v-divider class=\"\"></v-divider>\n            </div>\n          </v-card-text>\n        </v-card>\n        <v-card class=\"elevation-2 mt-3 rounded-0\" v-if=\"!loading\">\n          <v-card-title class=\"d-flex pb-0\">\n            <div class=\"d-flex\" style=\"width: 100%\">\n              <div class=\"tableTopHeading\">Holdings ({{ holdingCount }})</div>\n              <v-spacer></v-spacer>\n              <div>\n                <v-btn\n                  text\n                  style=\"min-width: 0px; padding: 0px; height: 25px\"\n                  @click=\"holdingFlex = !holdingFlex\"\n                >\n                  <v-icon v-if=\"!holdingFlex\">mdi-chevron-down</v-icon>\n                  <v-icon v-else>mdi-chevron-up</v-icon>\n                </v-btn>\n              </div>\n            </div>\n          </v-card-title>\n          <v-card-text v-if=\"holdingFlex\" class=\"pt-0 mt-0\">\n            <highlights-card-mobile\n              :label=\"'Invested'\"\n              :data=\"{\n                investedAmount: holdingInvestedAmount,\n                currentAmount: holdingCurrentAmount,\n                currentPnl: holdingCurrentPnl,\n                currentPnlPercent: holdingDaysPnlPercent,\n              }\"\n            ></highlights-card-mobile>\n          </v-card-text>\n          <v-card-text class=\"py-0 px-0\">\n            <div v-for=\"(item, i) in holdingItems\" :key=\"i\">\n              <v-divider class=\"\" v-if=\"i == 0\"></v-divider>\n              <div @click=\"getItems(item)\">\n                <real-trade-card-mobile :item=\"item\"></real-trade-card-mobile>\n              </div>\n              <v-divider class=\"\"></v-divider>\n            </div>\n          </v-card-text>\n        </v-card>\n      </div>\n    </div>\n    <div v-else class=\"d-flex justify-center\">\n      <div class=\"text-center import_box\">\n        <div class=\"d-flex justify-center mb-3\">\n          <div class=\"no_data_img_box\">\n            <img src=\"@/assets/import_icon.png\" class=\"import_image\" />\n          </div>\n        </div>\n        <div>\n          <pre class=\"import_text\">\n    Import your portfolio to view your \n    performance or place trades directly\n          </pre>\n        </div>\n      </div>\n    </div>\n    <BuySellModal :buySellItem=\"buySellModal\"> </BuySellModal>\n  </div>\n</template>\n<script>\nimport commonFunctions from \"@/common/commonFunctions\";\n// import BuySellModal from \"./BuySellModal.vue\";\nimport apiUrl from \"@/common/apiUrl\";\nimport { mapActions } from \"vuex\";\nimport jwt_decode from \"jwt-decode\";\nimport BuySellModal from \"@/components/Profile/ProfileTradeDetails/RealPortfolio/BuySellModal.vue\";\nexport default {\n  name: \"PortfolioTables\",\n  props: {},\n  components: {\n    BuySellModal,\n    HighlightsCard: () => import(\"../HighlightsCard/HighlightsCard.vue\"),\n    HighlightsCardMobile: () =>\n      import(\"../HighlightsCard/HighlightsCardMobile.vue\"),\n    RealTradeCardMobile: () => import(\"../RealTradeCard/RealTradeCard.vue\"),\n  },\n  data() {\n    return {\n      positionFlex: true,\n      holdingFlex: true,\n      loading: false,\n      buySellModal: {\n        flag: false,\n        item: {},\n      },\n      positionItems: [\n        // {\n        //   id: 3,\n        //   LTP: 3321.7,\n        //   PnL: 55.08,\n        //   averagePrice: 3372.78,\n        //   currentValue: 3323.7,\n        //   dailyChange: -0.23,\n        //   exchange: \"NSE\",\n        //   netChange: -1.51,\n        //   nseTicker: \"TCK\",\n        //   prevCurrentValue: 3322.25,\n        //   public: true,\n        //   quantity: 1,\n        // },\n        // {\n        //   id: 3,\n        //   LTP: 3321.7,\n        //   PnL: -55.08,\n        //   averagePrice: 3372.78,\n        //   currentValue: 3323.7,\n        //   dailyChange: -0.23,\n        //   exchange: \"NSE\",\n        //   netChange: -1.51,\n        //   nseTicker: \"TCK\",\n        //   prevCurrentValue: 3322.25,\n        //   public: true,\n        //   quantity: 1,\n        // },\n      ],\n      holdingItems: [\n        // {\n        //   id: null,\n        //   nseTicker: \"YESBANK\",\n        //   quantity: 10,\n        //   averagePrice: 16.4,\n        //   LTP: 26.85,\n        //   currentValue: 268.5,\n        //   PnL: 104.5,\n        //   netChange: 63.72,\n        //   dailyChange: -0.92,\n        //   exchange: \"NSE\",\n        //   prevCurrentValue: 271.0,\n        //   public: false,\n        // },\n        // {\n        //   id: null,\n        //   LTP: 3321.7,\n        //   PnL: -55.08,\n        //   averagePrice: 3372.78,\n        //   currentValue: 3323.7,\n        //   dailyChange: -0.23,\n        //   exchange: \"NSE\",\n        //   netChange: -1.51,\n        //   nseTicker: \"TCPLPACK\",\n        //   prevCurrentValue: 3322.25,\n        //   public: true,\n        //   quantity: 1,\n        // },\n      ],\n      positionCount: 0,\n      holdingCount: 0,\n      positionInvestedAmount: 0,\n      positionCurrentAmount: 0,\n      positionCurrentPnl: 0,\n      positionCurrentPnlPercent: 0,\n      holdingInvestedAmount: 0,\n      holdingCurrentAmount: 0,\n      holdingCurrentPnl: 0,\n      holdingCurrentPnlPercent: 0,\n      holdingDaysPnl: 0,\n      holdingDaysPnlPercent: 0,\n      page_info: {\n        item_per_page: 10,\n        page_number: 1,\n        total_page: 1,\n      },\n      total_pnl: 0,\n      total_pnl_percent: 0,\n    };\n  },\n  computed: {\n    is_items() {\n      return this.positionItems.length || this.holdingItems.length;\n    },\n    user_id() {\n      return commonFunctions.getUserId();\n    },\n    parentTabValue() {\n      return this.parentTabs[this.selectedParentTab].value;\n    },\n    tabValue() {\n      return this.tabs[this.selectedTab].value;\n    },\n    positionHeader() {\n      return this.tableHeader(false);\n    },\n    holdingHeader() {\n      return this.tableHeader(true);\n    },\n  },\n  watch: {\n    // loading(value) {\n    //   // this.emitLoader(value);\n    // },\n  },\n  methods: {\n    ...mapActions({\n      snackBar: \"snackBar/showSnack\",\n    }),\n    getItems(items) {\n      // console.log();\n      this.buySellModal.item = items;\n      this.buySellModal.flag = true;\n    },\n    emitLoader(value) {\n      if (!value) {\n        this.eventBus.$emit(\"updateLoader\");\n      }\n    },\n    emitDaysPnl() {\n      this.$emit(\"input\", {\n        daysPnl: this.total_pnl,\n        daysPnlPercent: this.total_pnl_percent,\n      });\n    },\n    tableHeader(holding) {\n      if (!holding) {\n        return [\n          {\n            sortable: false,\n            text: \"security\",\n            align: \"center\",\n            class: [\"tableHeader-textClass\"],\n            key: \"nseTicker\",\n            value: \"nseTicker\",\n          },\n          {\n            sortable: false,\n            text: \"Capital\",\n            align: \"center\",\n            class: [\"tableHeader-textClass\"],\n            key: \"currentValue\",\n            value: \"currentValue\",\n          },\n          {\n            sortable: false,\n            text: \"Qty\",\n            align: \"center\",\n            class: [\"tableHeader-textClass\"],\n            key: \"quantity\",\n            value: \"quantity\",\n          },\n          {\n            sortable: false,\n            text: \"Avg. Price\",\n            align: \"center\",\n            class: [\"tableHeader-textClass\"],\n            key: \"averagePrice\",\n            value: \"averagePrice\",\n          },\n          {\n            sortable: false,\n            text: \"LTP\",\n            align: \"center\",\n            class: [\"tableHeader-textClass\"],\n            key: \"LTP\",\n            value: \"LTP\",\n          },\n          {\n            sortable: false,\n            text: \"PROFIT/LOSS\",\n            align: \"center\",\n            class: [\"tableHeader-textClass\"],\n            key: \"PnL\",\n            value: \"PnL\",\n          },\n        ];\n      } else {\n        return [\n          {\n            sortable: false,\n            text: \"security\",\n            align: \"center\",\n            class: [\"tableHeader-textClass\"],\n            key: \"nseTicker\",\n            value: \"nseTicker\",\n          },\n          {\n            sortable: false,\n            text: \"Invested\",\n            align: \"center\",\n            class: [\"tableHeader-textClass\"],\n            key: \"currentValue\",\n            value: \"currentValue\",\n          },\n          {\n            sortable: false,\n            text: \"Qty\",\n            align: \"center\",\n            class: [\"tableHeader-textClass\"],\n            key: \"quantity\",\n            value: \"quantity\",\n          },\n          {\n            sortable: false,\n            text: \"Avg. Price\",\n            align: \"center\",\n            class: [\"tableHeader-textClass\"],\n            key: \"averagePrice\",\n            value: \"averagePrice\",\n          },\n          {\n            sortable: false,\n            text: \"LTP\",\n            align: \"center\",\n            class: [\"tableHeader-textClass\"],\n            key: \"LTP\",\n            value: \"LTP\",\n          },\n          {\n            sortable: false,\n            text: \"PROFIT/LOSS\",\n            align: \"center\",\n            class: [\"tableHeader-textClass\"],\n            key: \"PnL\",\n            value: \"PnL\",\n          },\n        ];\n      }\n    },\n    initialImport() {\n      let config = {};\n      config[\"url\"] = apiUrl.INTEGRATION_SMALL_CASE_IMPORT;\n      config[\"method\"] = \"post\";\n      this.tempAxios(config)\n        .then((res) => {\n          //   console.log(res);\n          this.initiateSmallcaseSdk(\n            res.data.auth_token,\n            res.data.resp.transactionId\n          );\n        })\n        .catch((err) => {\n          this.snackBar({\n            text: err,\n            color: \"error\",\n            timeout: 4500,\n          });\n        });\n    },\n    initiateSmallcaseSdk(authToken, transactionId) {\n      const gatewayInstance = new window.scDK({\n        // ! Use valid gateway name here\n        gateway: \"covesto\",\n        /*\n         * ! Use valid auth token\n         * Details - https://developers.gateway.smallcase.com/docs/getting-started#broker-identification\n         */\n        smallcaseAuthToken: authToken,\n        config: {\n          // Should allow after market orders?\n          amo: true,\n        },\n      });\n      gatewayInstance\n        .triggerTransaction({\n          // ! Use valid transactionId here\n          transactionId: transactionId,\n        })\n        .then((txnResponse) => {\n          /*\n           * Gateway flow ended after order placement\n           * Response structure & example - https://developers.gateway.smallcase.com/docs/transaction-response\n           */\n          //   console.log(\"received response:\", txnResponse);\n          this.patchUserDetail(txnResponse);\n        })\n        .catch((err) => {\n          /*\n           * Gateway flow ended before order placement\n           * Possible errors - https://developers.gateway.smallcase.com/docs/transaction-errors\n           */\n          console.log(\"received error:\", err.message);\n        });\n    },\n    patchUserDetail(res) {\n      const { broker, smallcaseAuthToken, transactionId } = res;\n      let decoded_token = jwt_decode(smallcaseAuthToken);\n      const { smallcaseAuthId } = decoded_token;\n      let config = {};\n      let params = {};\n      params[\"user_id\"] = this.user_id;\n      params[\"transaction_id\"] = transactionId;\n      params[\"auth_id\"] = smallcaseAuthId;\n      params[\"broker\"] = broker;\n      config[\"url\"] = apiUrl.PORTFOLIO_USER_DRTAIL;\n      config[\"method\"] = \"patch\";\n      config[\"params\"] = params;\n      this.tempAxios(config)\n        .then(() => {\n          this.getPortfolio(broker);\n        })\n        .catch((err) => {\n          this.snackBar({\n            text: err,\n            color: \"error\",\n            timeout: 4500,\n          });\n        });\n    },\n    getPortfolio(broker) {\n      this.loading = true;\n      let config = {};\n      let params = {};\n      let headers = {};\n      params[\"user_id\"] = this.user_id;\n      if (broker) {\n        params[\"broker\"] = broker;\n      }\n      headers[\"User-Id\"] = commonFunctions.getUserId();\n      config[\"headers\"] = headers;\n      config[\"url\"] = apiUrl.GET_PORT_FOLIO;\n      config[\"method\"] = \"get\";\n      config[\"params\"] = params;\n      this.tempAxios(config)\n        .then((res) => {\n          console.log(res);\n          const { positions, holdings, broker, total_pnl, total_pnl_per } =\n            res.data;\n          // const { positions, holdings, broker, total_pnl, total_pnl_per } = {\n          //   id: null,\n          //   nseTicker: \"YESBANK\",\n          //   quantity: 10,\n          //   averagePrice: 16.4,\n          //   LTP: 26.85,\n          //   currentValue: 268.5,\n          //   PnL: 104.5,\n          //   netChange: 63.72,\n          //   dailyChange: -0.92,\n          //   exchange: \"NSE\",\n          //   prevCurrentValue: 271.0,\n          //   public: false,\n          // };\n          this.broker = broker;\n\n          //positions\n          this.positionItems = positions.securities;\n          this.positionCount = positions.count;\n          this.positionInvestedAmount = positions.investedAmount;\n          this.positionCurrentAmount = positions.currentAmount;\n          this.positionCurrentPnl = positions.currentPnL;\n          this.positionCurrentPnlPercent = positions.currentPnLPer;\n\n          //holdings\n          this.holdingItems = holdings.securities;\n          this.holdingCount = holdings.count;\n          this.holdingInvestedAmount = holdings.investedAmount;\n          this.holdingCurrentAmount = holdings.currentAmount;\n          this.holdingCurrentPnl = holdings.currentPnL;\n          this.holdingCurrentPnlPercent = holdings.currentPnLPer;\n          this.holdingDaysPnl = holdings.daysPnL;\n          this.holdingDaysPnlPercent = holdings.daysPnLPer;\n          this.total_pnl = total_pnl;\n          this.total_pnl_percent = total_pnl_per?.toFixed(2);\n          this.emitDaysPnl();\n          this.loading = false;\n          this.emitLoader(false);\n        })\n        .catch((err) => {\n          this.snackBar({\n            text: err,\n            color: \"error\",\n            timeout: 4500,\n          });\n          this.loading = false;\n          this.emitLoader(false);\n        });\n    },\n  },\n  mounted() {\n    this.getPortfolio(null);\n  },\n  created() {\n    this.eventBus.$on(\"UpdateHoldings\", (broker) => {\n      this.getPortfolio(broker);\n    });\n    this.eventBus.$on(\"ImportHoldings\", () => {\n      this.initialImport();\n    });\n    this.$root.$refs.importPortfolio = this;\n  },\n};\n</script>\n<style scoped>\n.table_value {\n  font-family: Avenir;\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 800;\n  line-height: normal;\n  text-transform: uppercase;\n}\n.table_value_color {\n  color: #333;\n}\n.tableTopHeading {\n  color: var(--Text-Black, #39434d);\n  text-align: center;\n  font-family: Avenir;\n  font-size: 20px;\n  font-style: normal;\n  font-weight: 800;\n  line-height: normal;\n  text-transform: capitalize;\n}\nspan.v-chip {\n  font-family: Avenir;\n  font-size: 10px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: normal;\n  border-radius: 24px;\n}\nspan.v-chip.normal {\n  background: #f3f3f3;\n}\nspan.v-chip.positive {\n  color: var(--Green-2, #27ae60);\n  background: rgba(39, 174, 96, 0.2);\n}\nspan.v-chip.negative {\n  color: var(--Red, #eb5757);\n  background: rgba(235, 87, 87, 0.2);\n}\n.positive_text {\n  color: var(--Green-2, #27ae60);\n}\n.negative_text {\n  color: var(--Red, #eb5757);\n}\n.td_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  text-transform: uppercase;\n}\n.td_text_pnl {\n  font-family: Avenir;\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 800;\n  line-height: normal;\n  text-transform: uppercase;\n}\n.box_width {\n  width: 25%;\n  margin-right: 10px;\n}\n.pnl_box_width {\n  width: 25%;\n}\n.import_image {\n  width: 30px;\n}\n.import_box {\n  margin-top: 200px;\n}\n.import_text {\n  color: rgba(51, 51, 51, 0.82);\n\n  text-align: center;\n  font-family: Avenir;\n  font-size: 22px;\n  font-style: normal;\n  font-weight: 800;\n  line-height: normal;\n}\n.no_data_img_box {\n  border-radius: 50px;\n  border: 1px solid #e4e4e4;\n  width: 60px;\n  height: 60px;\n\n  background: #f9f9f9;\n  align-items: center;\n  padding-top: 13px;\n}\n@media all and (max-width: 600px) {\n  .import_box {\n    margin-top: 80px;\n  }\n  .import_text {\n    color: rgba(51, 51, 51, 0.82);\n\n    text-align: center;\n    font-family: Avenir;\n    font-size: 13px;\n    font-style: normal;\n    font-weight: 800;\n    line-height: 20px; /* 153.846% */\n  }\n  .tableTopHeading {\n    color: var(--Text-Black, #39434d);\n    text-align: center;\n    font-family: Avenir;\n    font-size: 16px;\n    font-style: normal;\n    font-weight: 800;\n    line-height: normal;\n    text-transform: capitalize;\n  }\n}\n</style>\n<style>\n.tableHeader-textClass {\n  color: #283037 !important;\n  font-family: Avenir !important;\n  font-size: 14px !important;\n  font-style: normal !important;\n  font-weight: 800 !important;\n  line-height: normal !important;\n  text-transform: uppercase !important;\n  border-top: 1px solid #283037 !important;\n}\n.v-data-table__empty-wrapper {\n  display: none !important;\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!./PortfolioTables.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!./PortfolioTables.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PortfolioTables.vue?vue&type=template&id=b23e62f6&scoped=true&\"\nimport script from \"./PortfolioTables.vue?vue&type=script&lang=js&\"\nexport * from \"./PortfolioTables.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PortfolioTables.vue?vue&type=style&index=0&id=b23e62f6&scoped=true&lang=css&\"\nimport style1 from \"./PortfolioTables.vue?vue&type=style&index=1&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  \"b23e62f6\",\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 { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VCardText } from 'vuetify/lib/components/VCard';\nimport { VCardTitle } from 'vuetify/lib/components/VCard';\nimport { VChip } from 'vuetify/lib/components/VChip';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VDataTable } from 'vuetify/lib/components/VDataTable';\nimport { VDivider } from 'vuetify/lib/components/VDivider';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VSkeletonLoader } from 'vuetify/lib/components/VSkeletonLoader';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\ninstallComponents(component, {VBtn,VCard,VCardText,VCardTitle,VChip,VCol,VDataTable,VDivider,VIcon,VRow,VSkeletonLoader,VSpacer})\n","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BuySellModal.vue?vue&type=style&index=0&id=15757656&lang=scss&scoped=true&\"","import './VBottomSheet.sass'\n\n// Extensions\nimport VDialog from '../VDialog/VDialog'\n\n/* @vue/component */\nexport default VDialog.extend({\n  name: 'v-bottom-sheet',\n\n  props: {\n    inset: Boolean,\n    maxWidth: [String, Number],\n    transition: {\n      type: String,\n      default: 'bottom-sheet-transition',\n    },\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        ...VDialog.options.computed.classes.call(this),\n        'v-bottom-sheet': true,\n        'v-bottom-sheet--inset': this.inset,\n      }\n    },\n  },\n})\n","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAKcSURBVHgB7ZrdcdpAFIWvgAIoQemAVBD5nR+5ApMKoAPjChJXEEoAhveQCqJUYDqwGgByjrxKQF4hWO1askffjAZxl4VzpN27P8ITR4Rh2DscDt9w2sXrYrVaPYgDPHEAxFP0b5z6aWy3292s1+uNWKYlbujJkfjkh1qtQBzgysCb0RiomsZA1TQGqqYxUDXv3kAnG+A8Zr/fTzzPC+RlStAt+I7tcrn8JAaMRqMnyUw5NMQ4IsytIkxHHheLxfa48J8BJfweH5xCvNQIXsCAF5TaYHqO84fUSNKEIN7n7BEFU6k/Y2j9Sc18kxhgQIpvZZ3wlYluZzAYjCVf/FYd5ygqP0d0QX02oZ4m7qPJTzvoGBNN4Ua1s404BJ3/9pLPqSbO1V14HIfGL+zEWXfMKjdSI1SHvUUHfpbTrBjoxoGt1JcoG2hGYmYCHnIlpvWylDIAARz4nnkMh8P7K+pNUOeJ9dCuf0gJjA1ABEfGWfoeGWF2iQll+rv874xjpHLjAbQjhmCfx0cKPokpEzz9paujxM+ycdQzbkrGd6Ddbi9Ek7FoAiInmvidTjyIcSHmYoixAeTmGKI4Xmw1xaEm5mtiyXdkZ5jXUKoT84fPmCgiFR9JCUqnUUMTVsQTKwPZlSasiSfWRuILTVgVT6xOJQpMWBdPrM+Fckw4EU+cTOZSE8j7j3g7dyWeGI/ERajc7nyN3Uynq6YxUDUfwkCcifVsLPVsozT52TgNZPNz8pC63++HUhOgJcjZPdx4cMa9xrx1aSyv79Bb05WcHXIMkF+TbWgsrOkukPdFhA24z0knhhNu8TkZ6h0RKc2nf/ZAc+J69k7qu1PNSSEfcszSwKsnGWrfnZ1mJC9Gqs5IyRMaCP+D1znX4seFfwECiiNU/fmcagAAAABJRU5ErkJggg==\"","module.exports = __webpack_public_path__ + \"img/experience.fb0494ab.svg\";","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!./PortfolioTables.vue?vue&type=style&index=1&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(!_vm.$vuetify.breakpoint.xsOnly)?_c('v-dialog',{attrs:{\"max-width\":\"442px\"},model:{value:(_vm.buySellItem.flag),callback:function ($$v) {_vm.$set(_vm.buySellItem, \"flag\", $$v)},expression:\"buySellItem.flag\"}},[_c('v-card',[_c('v-card-title',{staticClass:\"title d-flex justify-space-between\"},[_c('div',[_vm._v(\"Add trade\")]),_c('div',[_c('v-btn',{attrs:{\"icon\":\"\"},on:{\"click\":function($event){_vm.buySellItem.flag = false}}},[_c('v-icon',{attrs:{\"color\":\"#fff\"}},[_vm._v(\"mdi-close\")])],1)],1)]),_c('v-card-text',{staticClass:\"pt-6\"},[_c('div',[_c('div',{staticClass:\"d-flex justify-space-between\"},[_c('div',{staticClass:\"d-flex\"},[_c('div',{staticClass:\"stock-symbol\"},[_vm._v(_vm._s(_vm.buySellItem.item.nseTicker))]),_c('div',{staticClass:\"ml-2\"},[_c('v-chip',{staticClass:\"nse-bse\",attrs:{\"small\":\"\"}},[_vm._v(\" \"+_vm._s(_vm.buySellItem.item.exchange)+\" \")])],1)]),_c('div',{staticClass:\"d-flex\"},[_c('div',{staticClass:\"mr-1\"},[_c('v-img',{staticClass:\"experience-img\",attrs:{\"src\":_vm.experience}})],1),_c('div',{staticClass:\"real-paper mx-1\"},[_vm._v(\"P 0\")]),_c('div',{staticClass:\"real-paper mx-1\"},[_vm._v(\"R 0\")])])]),_c('div',{staticClass:\"d-flex justify-space-between mt-6\"},[_c('div',{staticClass:\"positive-nve-price green--text\"},[_vm._v(\" \"+_vm._s(_vm.buySellItem.item.currentValue)+\" \")]),_c('div',{staticClass:\"d-flex\"},[_c('div',{staticClass:\"positive-nve-price\"},[_vm._v(\" \"+_vm._s(_vm.buySellItem.item.netChange)+\" \")]),_c('div',{staticClass:\"positive-nve-price ml-1\"},[_vm._v(\" (\"+_vm._s(_vm.buySellItem.item.dailyChange)+\"%) \")])])])])]),_c('v-divider',{staticClass:\"my-2 mx-4\"}),_c('v-card-actions',{staticClass:\"pt-0 justify-space-between\"},[_c('div',[_c('v-btn',{staticClass:\"btn-size white--text text-capitalize\",attrs:{\"depressed\":\"\",\"height\":\"44px\",\"color\":\"#EB5757\"},on:{\"click\":function($event){return _vm.copyTrade('Sell')}}},[_vm._v(\"Sell\")])],1),_c('div',[_c('v-btn',{staticClass:\"btn-size text-capitalize\",attrs:{\"depressed\":\"\",\"height\":\"44px\",\"color\":\"primary\"},on:{\"click\":function($event){return _vm.copyTrade('Buy')}}},[_vm._v(\"Buy\")])],1)])],1)],1):_c('v-bottom-sheet',{model:{value:(_vm.buySellItem.flag),callback:function ($$v) {_vm.$set(_vm.buySellItem, \"flag\", $$v)},expression:\"buySellItem.flag\"}},[_c('v-sheet',{attrs:{\"rounded\":\"\",\"height\":\"270px\"}},[_c('div',{staticClass:\"d-flex justify-space-between align-center pa-4\"},[_c('div',{staticClass:\"m-title\"},[_vm._v(\"Add Trade\")]),_c('div',[_c('v-btn',{attrs:{\"icon\":\"\"},on:{\"click\":function($event){_vm.buySellItem.flag = false}}},[_c('v-icon',{attrs:{\"color\":\"primary\"}},[_vm._v(\"mdi-close\")])],1)],1)]),_c('v-divider'),_c('div',{staticClass:\"mx-4 mt-4\"},[_c('div',{staticClass:\"d-flex justify-space-between\"},[_c('div',{staticClass:\"d-flex\"},[_c('div',{staticClass:\"stock-symbol\"},[_vm._v(_vm._s(_vm.buySellItem.item.nseTicker))]),_c('div',{staticClass:\"ml-2\"},[_c('v-chip',{staticClass:\"nse-bse\",attrs:{\"small\":\"\"}},[_vm._v(\" \"+_vm._s(_vm.buySellItem.item.exchange)+\" \")])],1)]),_c('div',{staticClass:\"d-flex\"},[_c('div',{staticClass:\"mr-1\"},[_c('v-img',{staticClass:\"experience-img\",attrs:{\"src\":_vm.experience}})],1),_c('div',{staticClass:\"real-paper mx-1\"},[_vm._v(\"P 0\")]),_c('div',{staticClass:\"real-paper mx-1\"},[_vm._v(\"R 0\")])])]),_c('div',{staticClass:\"d-flex justify-space-between mt-6\"},[_c('div',{staticClass:\"positive-nve-price green--text\"},[_vm._v(\" \"+_vm._s(_vm.buySellItem.item.currentValue)+\" \")]),_c('div',{staticClass:\"d-flex\"},[_c('div',{staticClass:\"positive-nve-price\"},[_vm._v(\" \"+_vm._s(_vm.buySellItem.item.netChange)+\" \")]),_c('div',{staticClass:\"positive-nve-price ml-1\"},[_vm._v(\" (\"+_vm._s(_vm.buySellItem.item.dailyChange)+\"%) \")])])])]),_c('div',{staticClass:\"d-flex justify-space-between ma-4 mt-6\",staticStyle:{\"border-top\":\"2px solid #e3e3e3\"}},[_c('div',[_c('v-btn',{staticClass:\"btn-size white--text text-capitalize mt-4\",attrs:{\"depressed\":\"\",\"height\":\"44px\",\"color\":\"#EB5757\"},on:{\"click\":function($event){return _vm.copyTrade('Sell')}}},[_vm._v(\"Sell\")])],1),_c('div',[_c('v-btn',{staticClass:\"btn-size text-capitalize mt-4\",attrs:{\"depressed\":\"\",\"height\":\"44px\",\"color\":\"primary\"},on:{\"click\":function($event){return _vm.copyTrade('Buy')}}},[_vm._v(\"Buy\")])],1)])],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <v-dialog\n      v-if=\"!$vuetify.breakpoint.xsOnly\"\n      max-width=\"442px\"\n      v-model=\"buySellItem.flag\"\n    >\n      <v-card>\n        <v-card-title class=\"title d-flex justify-space-between\">\n          <div>Add trade</div>\n          <div>\n            <v-btn @click=\"buySellItem.flag = false\" icon class=\"\">\n              <v-icon color=\"#fff\">mdi-close</v-icon>\n            </v-btn>\n          </div>\n        </v-card-title>\n        <v-card-text class=\"pt-6\">\n          <!-- {{ buySellItem }} -->\n          <div>\n            <div class=\"d-flex justify-space-between\">\n              <div class=\"d-flex\">\n                <div class=\"stock-symbol\">{{ buySellItem.item.nseTicker }}</div>\n                <div class=\"ml-2\">\n                  <v-chip small class=\"nse-bse\">\n                    {{ buySellItem.item.exchange }}\n                  </v-chip>\n                </div>\n              </div>\n              <div class=\"d-flex\">\n                <div class=\"mr-1\">\n                  <v-img class=\"experience-img\" :src=\"experience\"></v-img>\n                </div>\n                <div class=\"real-paper mx-1\">P 0</div>\n                <div class=\"real-paper mx-1\">R 0</div>\n              </div>\n            </div>\n            <div class=\"d-flex justify-space-between mt-6\">\n              <div class=\"positive-nve-price green--text\">\n                {{ buySellItem.item.currentValue }}\n              </div>\n              <div class=\"d-flex\">\n                <div class=\"positive-nve-price\">\n                  {{ buySellItem.item.netChange }}\n                </div>\n                <div class=\"positive-nve-price ml-1\">\n                  ({{ buySellItem.item.dailyChange }}%)\n                </div>\n              </div>\n            </div>\n          </div>\n        </v-card-text>\n        <v-divider class=\"my-2 mx-4\"> </v-divider>\n        <v-card-actions class=\"pt-0 justify-space-between\">\n          <div>\n            <v-btn\n              @click=\"copyTrade('Sell')\"\n              class=\"btn-size white--text text-capitalize\"\n              depressed\n              height=\"44px\"\n              color=\"#EB5757\"\n              >Sell</v-btn\n            >\n          </div>\n          <div>\n            <v-btn\n              @click=\"copyTrade('Buy')\"\n              class=\"btn-size text-capitalize\"\n              depressed\n              height=\"44px\"\n              color=\"primary\"\n              >Buy</v-btn\n            >\n          </div>\n        </v-card-actions>\n      </v-card>\n    </v-dialog>\n    <v-bottom-sheet v-else v-model=\"buySellItem.flag\">\n      <v-sheet rounded class=\"\" height=\"270px\">\n        <div class=\"d-flex justify-space-between align-center pa-4\">\n          <div class=\"m-title\">Add Trade</div>\n          <div>\n            <v-btn @click=\"buySellItem.flag = false\" icon class=\"\">\n              <v-icon color=\"primary\">mdi-close</v-icon>\n            </v-btn>\n          </div>\n        </div>\n        <v-divider> </v-divider>\n        <div class=\"mx-4 mt-4\">\n          <div class=\"d-flex justify-space-between\">\n            <div class=\"d-flex\">\n              <div class=\"stock-symbol\">{{ buySellItem.item.nseTicker }}</div>\n              <div class=\"ml-2\">\n                <v-chip small class=\"nse-bse\">\n                  {{ buySellItem.item.exchange }}\n                </v-chip>\n              </div>\n            </div>\n            <div class=\"d-flex\">\n              <div class=\"mr-1\">\n                <v-img class=\"experience-img\" :src=\"experience\"></v-img>\n              </div>\n              <div class=\"real-paper mx-1\">P 0</div>\n              <div class=\"real-paper mx-1\">R 0</div>\n            </div>\n          </div>\n          <div class=\"d-flex justify-space-between mt-6\">\n            <div class=\"positive-nve-price green--text\">\n              {{ buySellItem.item.currentValue }}\n            </div>\n            <div class=\"d-flex\">\n              <div class=\"positive-nve-price\">\n                {{ buySellItem.item.netChange }}\n              </div>\n              <div class=\"positive-nve-price ml-1\">\n                ({{ buySellItem.item.dailyChange }}%)\n              </div>\n            </div>\n          </div>\n        </div>\n        <!-- <v-divider class=\"my-2\"> </v-divider> -->\n        <div\n          style=\"border-top: 2px solid #e3e3e3\"\n          class=\"d-flex justify-space-between ma-4 mt-6\"\n        >\n          <div>\n            <v-btn\n              @click=\"copyTrade('Sell')\"\n              class=\"btn-size white--text text-capitalize mt-4\"\n              depressed\n              height=\"44px\"\n              color=\"#EB5757\"\n              >Sell</v-btn\n            >\n          </div>\n          <div>\n            <v-btn\n              @click=\"copyTrade('Buy')\"\n              class=\"btn-size text-capitalize mt-4\"\n              depressed\n              height=\"44px\"\n              color=\"primary\"\n              >Buy</v-btn\n            >\n          </div>\n        </div>\n      </v-sheet>\n    </v-bottom-sheet>\n  </div>\n</template>\n\n<script>\nimport { mapActions } from \"vuex\";\n\nexport default {\n  name: \"BuySellModal\",\n  props: [\"buySellItem\"],\n  data() {\n    return {\n      dialog: true,\n      experience: require(\"@/assets/images/experience.svg\"),\n    };\n  },\n\n  methods: {\n    ...mapActions({\n      toggleAddTradeModal: \"addTrade/toggleTradeModal\",\n    }),\n\n    copyTrade(type) {\n      //   console.log(item);\n      this.toggleAddTradeModal({\n        security: this.buySellItem.item,\n        show: true,\n        type: \"add\",\n        trade_type: type,\n        copyDetail: this.buySellItem.item,\n        isTrading: true,\n      });\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.btn-size {\n  width: 197px;\n  height: 44px;\n  padding: 12px 10px 12px 10px;\n  border-radius: 4px;\n}\n@media only screen and (max-width: 600px) {\n  .btn-size {\n    width: 156px;\n    height: 44px;\n    padding: 12px 10px 12px 10px;\n    border-radius: 4px;\n  }\n  .stock-symbol {\n    font-family: Avenir;\n    font-size: 16px !important;\n    font-weight: 500;\n    line-height: 21.86px;\n    text-align: left;\n  }\n  .nse-bse {\n    width: 36px;\n    height: 22px;\n  }\n  .experience-img {\n    width: 18px;\n    height: 18px;\n  }\n  .real-paper {\n    font-family: Avenir;\n    font-size: 12px;\n    font-weight: 500;\n    line-height: 20px;\n    text-align: left;\n  }\n  .positive-nve-price {\n    font-family: Avenir;\n    font-size: 20px;\n    font-weight: 500;\n    line-height: 27.32px;\n    text-align: right;\n  }\n}\n.positive-nve-price {\n  font-family: Avenir;\n  font-size: 22px;\n  font-weight: 500;\n  line-height: 30.05px;\n  //   text-align: right;\n}\n.positive-nve-value {\n}\n.real-paper {\n  font-family: Avenir;\n  font-size: 16px;\n  font-weight: 500;\n  line-height: 20px;\n  text-align: left;\n  color: #828282;\n}\n.title {\n  background-color: #2d8cff;\n  color: white;\n}\n.nse-bse {\n  background: rgba(130, 130, 130, 0.1) !important;\n  font-family: Avenir;\n  width: 44px;\n  height: 27px;\n  //   padding: 4px 8px 4px 8px;\n  gap: 10px;\n  //   border-radius: 40px 0px 0px 0px;\n  opacity: 0px;\n\n  font-size: 12px;\n  font-weight: 500;\n  line-height: 16px;\n  letter-spacing: 0em;\n  text-align: left;\n}\n.stock-symbol {\n  font-family: Avenir;\n  font-size: 23px;\n  font-weight: 500;\n  line-height: 31.42px;\n  text-align: left;\n  color: #000000;\n}\n.m-title {\n  font-family: Avenir;\n  font-size: 20px;\n  font-weight: 800;\n  line-height: 26px;\n  text-align: left;\n  color: #2d8cff;\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!./BuySellModal.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!./BuySellModal.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BuySellModal.vue?vue&type=template&id=15757656&scoped=true&\"\nimport script from \"./BuySellModal.vue?vue&type=script&lang=js&\"\nexport * from \"./BuySellModal.vue?vue&type=script&lang=js&\"\nimport style0 from \"./BuySellModal.vue?vue&type=style&index=0&id=15757656&lang=scss&scoped=true&\"\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  \"15757656\",\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 { VBottomSheet } from 'vuetify/lib/components/VBottomSheet';\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VCardActions } from 'vuetify/lib/components/VCard';\nimport { VCardText } from 'vuetify/lib/components/VCard';\nimport { VCardTitle } from 'vuetify/lib/components/VCard';\nimport { VChip } from 'vuetify/lib/components/VChip';\nimport { VDialog } from 'vuetify/lib/components/VDialog';\nimport { VDivider } from 'vuetify/lib/components/VDivider';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VImg } from 'vuetify/lib/components/VImg';\nimport { VSheet } from 'vuetify/lib/components/VSheet';\ninstallComponents(component, {VBottomSheet,VBtn,VCard,VCardActions,VCardText,VCardTitle,VChip,VDialog,VDivider,VIcon,VImg,VSheet})\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!./PortfolioTables.vue?vue&type=style&index=0&id=b23e62f6&scoped=true&lang=css&\""],"sourceRoot":""}