{"version":3,"sources":["webpack:///./src/components/Profile/ProfileTradeDetails/Wacthlist/TradesWatchlistTable.vue?c665","webpack:///./src/components/Profile/ProfileTradeDetails/Wacthlist/TradesWatchlistTable.vue?177d","webpack:///src/components/Profile/ProfileTradeDetails/Wacthlist/TradesWatchlistTable.vue","webpack:///./src/components/Profile/ProfileTradeDetails/Wacthlist/TradesWatchlistTable.vue?6965","webpack:///./src/components/Profile/ProfileTradeDetails/Wacthlist/TradesWatchlistTable.vue?1028","webpack:///./src/components/Profile/ProfileTradeDetails/Wacthlist/TradesWatchlistTable.vue?e98e"],"names":["render","_vm","this","_h","$createElement","_c","_self","$vuetify","breakpoint","xsOnly","stock_data","length","staticClass","attrs","disabled","is_drag","handle","on","$event","drag","ended","_l","item","key","id","showTrade","trade","_v","_e","class","trade_data","trade_type","_s","entry_price","lots","staticStyle","security_symbol","getDuration","duration_name","posted_by_name","live_price","price_up_down","profit_percent","status","returnRedGreen","pl_data","givePlusMinus","pl_percent","target_price","stop_loss","deleteButton","total_page","model","value","callback","$$v","pages","expression","headers","scopedSlots","_u","fn","props","items","onMoveCallback","onCloneCallback","onDropCallback","originalEvent","onDraggableChange","index","element","copyTrade","closed_trades","closed_total_page","closed_pages","staticRenderFns","name","components","draggable","type","closed_page","required","watchlist_id","Type","page","data","draggableEnabled","text","align","sortable","search_img","computed","activeHeaders","watch","mounted","methods","mapActions","toggleWatchlistModal","toggleAddTradeModal","tradeCardDialog","show","isTitle","console","new_index","old_index","component","VBtn","VChip","VDataTable","VExpansionPanel","VExpansionPanelContent","VExpansionPanelHeader","VExpansionPanels","VIcon","VPagination"],"mappings":"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","file":"js/chunk-35d92c6a.b2a8906c.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!./TradesWatchlistTable.vue?vue&type=style&index=0&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 && _vm.stock_data.length != 0)?_c('div',[_c('draggable',{on:{\"start\":function($event){_vm.drag = true},\"end\":function($event){_vm.drag = false}},model:{value:(_vm.stock_data),callback:function ($$v) {_vm.stock_data=$$v},expression:\"stock_data\"}},[_c('v-data-table',{staticClass:\"elevation-1\",attrs:{\"headers\":_vm.headers,\"items\":_vm.stock_data,\"hide-default-footer\":\"\",\"mobile-breakpoint\":\"\",\"item-key\":\"name\"},scopedSlots:_vm._u([{key:\"body\",fn:function(props){return [_c('draggable',{attrs:{\"list\":props.items,\"tag\":\"tbody\",\"disabled\":!_vm.is_drag,\"move\":_vm.onMoveCallback,\"clone\":_vm.onCloneCallback,\"options\":{\n              disabled: !_vm.is_drag,\n              handle: '.drag-handle',\n            }},on:{\"end\":function($event){return _vm.onDropCallback($event, $event.originalEvent, 'active')},\"change\":function($event){return _vm.onDraggableChange('active')}}},[_vm._l((props.items),function(item,index){return [_c('tr',{key:index,staticClass:\"web-tr\"},[_c('td',[_c('div',{staticClass:\"d-flex\"},[(_vm.is_drag)?_c('div',{},[_c('v-btn',{staticClass:\"drag-handle\",attrs:{\"icon\":\"\"}},[_c('v-icon',[_vm._v(\"mdi-drag \")])],1)],1):_vm._e(),(item.trade_data)?_c('div',[(item.trade_data.security_symbol)?_c('div',[_c('span',{staticClass:\"name\",staticStyle:{\"cursor\":\"pointer\"},on:{\"click\":function($event){return _vm.showTrade(item.trade)}}},[_vm._v(_vm._s(item.trade_data.security_symbol))]),_c('span',{staticClass:\"facilation ml-1\"},[_vm._v(\" \"+_vm._s(_vm.getDuration(item.trade_data.duration_name))+\" \")])]):_c('div',[_vm._v(\" \"+_vm._s(item.trade_data.security_symbol)+\" \")]),_c('div',{staticClass:\"user-name\"},[_vm._v(\" By \"+_vm._s(item.trade_data.posted_by_name)+\" \")])]):_vm._e()])]),_c('td',[(item.trade_data)?_c('div',[(item.trade_data.trade_type)?_c('span',{class:item.trade_data.trade_type},[_vm._v(_vm._s(item.trade_data.trade_type)+\" \")]):_vm._e(),_c('span',{staticClass:\"trade-price\"},[_vm._v(\"@\"+_vm._s(item.trade_data.entry_price)+\" \")])]):_vm._e(),(item.trade_data)?_c('div',{staticClass:\"user-name\"},[_vm._v(\" QTY. \"),(item.trade_data.lots)?_c('span',[_vm._v(\" \"+_vm._s(item.trade_data.lots))]):_vm._e()]):_vm._e()]),(item.trade_data)?_c('td',{staticClass:\"trade-price\"},[(item.trade_data.stop_loss)?_c('div',[_vm._v(\" \"+_vm._s(item.trade_data.stop_loss)+\" \")]):_vm._e()]):_vm._e(),(item.trade_data)?_c('td',{staticClass:\"trade-price\"},[(item.trade_data.target_price)?_c('div',[_vm._v(\" \"+_vm._s(item.trade_data.target_price)+\" \")]):_vm._e()]):_vm._e(),_c('td',{staticClass:\"trade-price\"},[(item.trade_data)?_c('span',[(item.trade_data.live_price)?_c('span',[_vm._v(\" \"+_vm._s(item.trade_data.live_price)+\" \")]):_vm._e(),(item.trade_data.profit_percent)?_c('span',{staticClass:\"percentage\",class:_vm.returnRedGreen(item.trade_data.profit_percent)},[_vm._v(\" (\"+_vm._s(item.trade_data.profit_percent)+\"%) \")]):_vm._e()]):_vm._e()]),_c('td',[(item.trade_data.status == 'Inactive')?_c('div',[_c('div',[_c('v-chip',{attrs:{\"outlined\":\"\",\"small\":\"\",\"color\":\"primary\"}},[_vm._v(\" Upcoming \")])],1)]):_c('div',[(item.trade_data)?_c('div',[(item.trade_data.pl_data)?_c('div',{class:_vm.returnRedGreen(item.trade_data.pl_data)},[_vm._v(\" \"+_vm._s(item.trade_data.pl_data)+\" (\"+_vm._s(item.trade_data.pl_percent)+\"%) \")]):_vm._e()]):_vm._e()])]),_c('td',[(item.trade_data)?[_c('div',{staticClass:\"d-flex justify-end\"},[(!_vm.is_drag)?_c('v-btn',{staticClass:\"text-capitalize\",staticStyle:{\"border-radius\":\"5px\"},attrs:{\"small\":\"\",\"height\":\"32px\",\"width\":\"92px\",\"depressed\":\"\",\"color\":\"primary\"},on:{\"click\":function($event){return _vm.copyTrade(item)}}},[_vm._v(\" Trade \")]):_c('div',{staticClass:\"delete-btn\"},[_c('v-btn',{staticClass:\"delete-button\",attrs:{\"depressed\":\"\"},on:{\"click\":function($event){return _vm.deleteButton(_vm.element.id)}}},[_c('v-icon',[_vm._v(\" mdi-trash-can-outline\")])],1)],1)],1)]:_vm._e()],2)])]})],2)]}}],null,false,1852974409)})],1),_c('div',{staticClass:\"text-center\"},[(_vm.stock_data.length != 0)?_c('v-pagination',{attrs:{\"length\":_vm.total_page,\"circle\":\"\"},model:{value:(_vm.pages),callback:function ($$v) {_vm.pages=$$v},expression:\"pages\"}}):_vm._e()],1)],1):_c('div',{},[_c('div',[_c('div',{},[_c('draggable',{staticClass:\"list-group\",attrs:{\"group\":\"trade-mobile-view\",\"list\":_vm.stock_data,\"options\":{\n            disabled: !_vm.is_drag,\n            handle: '.drag-handle',\n          }},on:{\"start\":function($event){_vm.drag = true},\"change\":_vm.ended,\"end\":function($event){_vm.drag = false}}},_vm._l((_vm.stock_data),function(item){return _c('div',{key:item.id,staticClass:\"list-group-item px-1 py-3\"},[_c('div',{staticClass:\"d-flex align-center justify-space-between\",on:{\"click\":function($event){return _vm.showTrade(item.trade)}}},[_c('div',{staticClass:\"d-flex align-center\"},[(_vm.is_drag)?_c('div',[_c('v-btn',{staticClass:\"drag-handle\",attrs:{\"icon\":\"\"}},[_c('v-icon',[_vm._v(\"mdi-drag \")])],1)],1):_vm._e(),_c('div',[_c('div',[_c('span',{class:item.trade_data.trade_type},[_vm._v(\" \"+_vm._s(item.trade_data.trade_type)+\" \")]),_c('span',{staticClass:\"trade-price\"},[_vm._v(\" @ Avg. \"+_vm._s(item.trade_data.entry_price)+\" \")]),_c('span',{staticClass:\"user-name\"},[_vm._v(\"● Qty.\")]),_c('span',{staticClass:\"trade-price\"},[_vm._v(_vm._s(item.trade_data.lots)+\" \")])]),_c('div',[_c('span',{staticClass:\"name\",staticStyle:{\"cursor\":\"pointer\"},on:{\"click\":function($event){return _vm.showTrade(item.trade)}}},[_vm._v(_vm._s(item.trade_data.security_symbol)+\" \")]),_c('span',{staticClass:\"facilation\"},[_vm._v(\" \"+_vm._s(_vm.getDuration(item.trade_data.duration_name))+\" \")])]),_c('div',{staticClass:\"user-name\"},[_vm._v(\" By \"+_vm._s(item.trade_data.posted_by_name)+\" \")])])]),(!_vm.is_drag)?_c('div',[_c('div',{staticClass:\"text-right\"},[_c('span',{staticClass:\"user-name\"},[_vm._v(\"LTP\")]),_c('span',{staticClass:\"trade-price\"},[_vm._v(\" \"+_vm._s(item.trade_data.live_price)+\" \")]),_c('span',{class:item.trade_data.price_up_down > 0 ? 'up' : 'down'},[_vm._v(\"(\"+_vm._s(item.trade_data.profit_percent)+\"%) \")])]),(item.trade_data.status == 'Inactive')?_c('div',[_c('v-chip',{staticClass:\"text-capitalize\",attrs:{\"outlined\":\"\",\"small\":\"\",\"color\":\"primary\"}},[_vm._v(\" Upcoming \")])],1):_c('div',{staticClass:\"text-right\",class:_vm.returnRedGreen(item.trade_data.pl_data)},[_c('span',{staticClass:\"pl-data\"},[_vm._v(\" \"+_vm._s(_vm.givePlusMinus(item.trade_data.pl_data))+\" \")]),_c('span',{staticClass:\"pl-percent\"},[_vm._v(\" (\"+_vm._s(_vm.givePlusMinus(item.trade_data.pl_percent))+\"%) \")])]),_c('div',{staticClass:\"text-right\"},[_c('span',{staticClass:\"tp-sp\"},[_vm._v(\"TP \")]),_c('span',{staticClass:\"trade-price\"},[_vm._v(\" \"+_vm._s(item.trade_data.target_price))]),_c('span',{staticClass:\"tp-sp\"},[_vm._v(\" SL \")]),_c('span',{staticClass:\"trade-price\"},[_vm._v(\" \"+_vm._s(item.trade_data.stop_loss)+\" \")])])]):_vm._e(),(_vm.is_drag)?_c('div',{staticClass:\"delete-btn\"},[_c('v-btn',{staticClass:\"delete-button\",attrs:{\"depressed\":\"\"},on:{\"click\":function($event){return _vm.deleteButton(item.id)}}},[_c('v-icon',{attrs:{\"small\":\"\"}},[_vm._v(\" mdi-trash-can-outline\")])],1)],1):_vm._e()])])}),0)],1),(_vm.stock_data.length != 0)?_c('div',{staticClass:\"text-center mb-5 mt-1\"},[_c('v-pagination',{attrs:{\"length\":_vm.total_page,\"circle\":\"\"},model:{value:(_vm.pages),callback:function ($$v) {_vm.pages=$$v},expression:\"pages\"}})],1):_vm._e()])]),_c('div',{staticClass:\"mb-15\"},[_c('div',{staticClass:\"expansion-table\"}),_c('v-expansion-panels',{staticClass:\"px-0\"},[_c('v-expansion-panel',{staticClass:\"px-0\"},[_c('v-expansion-panel-header',[_vm._v(\" Closed Trades (\"+_vm._s(_vm.closed_trades.length)+\") \")]),_c('v-expansion-panel-content',{staticClass:\"px-0\"},[(!_vm.$vuetify.breakpoint.xsOnly)?_c('div',[_c('draggable',{on:{\"start\":function($event){_vm.drag = true},\"end\":function($event){_vm.drag = false}},model:{value:(_vm.closed_trades),callback:function ($$v) {_vm.closed_trades=$$v},expression:\"closed_trades\"}},[_c('v-data-table',{staticClass:\"elevation-1\",attrs:{\"headers\":_vm.headers,\"items\":_vm.closed_trades,\"hide-default-footer\":\"\",\"mobile-breakpoint\":\"\",\"item-key\":\"name\"},scopedSlots:_vm._u([{key:\"body\",fn:function(props){return [_c('draggable',{attrs:{\"list\":props.items,\"tag\":\"tbody\",\"disabled\":!_vm.is_drag,\"move\":_vm.onMoveCallback,\"clone\":_vm.onCloneCallback,\"options\":{\n                      disabled: !_vm.is_drag,\n                      handle: '.drag-handle',\n                    }},on:{\"end\":function($event){return _vm.onDropCallback($event, $event.originalEvent, 'closed')},\"change\":function($event){return _vm.onDraggableChange('active')}}},[_vm._l((props.items),function(item,index){return [(item.trade_data)?_c('tr',{key:index},[_c('td',[_c('div',{staticClass:\"d-flex\"},[_c('div',[_c('div',[_c('span',{staticClass:\"name\",staticStyle:{\"cursor\":\"pointer\"},on:{\"click\":function($event){return _vm.showTrade(item.trade)}}},[_vm._v(_vm._s(item.trade_data.security_symbol))]),_c('span',{staticClass:\"facilation ml-1\"},[_vm._v(\" \"+_vm._s(_vm.getDuration(item.trade_data.duration_name))+\" \")])]),_c('div',{staticClass:\"user-name\"},[_vm._v(\" By \"+_vm._s(item.trade_data.posted_by_name)+\" \")])])])]),_c('td',[_c('div',[_c('span',{class:item.trade_data.trade_type},[_vm._v(_vm._s(item.trade_data.trade_type)+\" \")]),_c('span',{staticClass:\"trade-price\"},[_vm._v(\"@\"+_vm._s(item.trade_data.entry_price)+\" \")])]),_c('div',{staticClass:\"user-name\"},[_vm._v(\" QTY.\"+_vm._s(item.trade_data.lots)+\" \")])]),_c('td',{staticClass:\"trade-price\"},[_vm._v(\" \"+_vm._s(item.trade_data.stop_loss)+\" \")]),_c('td',{staticClass:\"trade-price\"},[_vm._v(\" \"+_vm._s(item.trade_data.target_price)+\" \")]),_c('td',{staticClass:\"trade-price\"},[_vm._v(\" \"+_vm._s(item.trade_data.live_price)+\" \"),_c('span',{staticClass:\"percentage\",class:_vm.returnRedGreen(item.trade_data.profit_percent)},[_vm._v(\" (\"+_vm._s(item.trade_data.profit_percent)+\"%) \")])]),_c('td',[(item.trade_data.status == 'upcoming')?_c('div',[_c('v-chip',{attrs:{\"outlined\":\"\",\"small\":\"\",\"color\":\"#27AE60\"}},[_vm._v(_vm._s(item.trade_data.status)+\" \")])],1):_c('div',{class:_vm.returnRedGreen(item.trade_data.pl_data)},[_vm._v(\" \"+_vm._s(item.trade_data.pl_data)+\" (\"+_vm._s(item.trade_data.pl_percent)+\"%) \")])]),_c('td',[(item)?[_c('div',{staticClass:\"d-flex justify-end\"},[(!_vm.is_drag)?_c('v-btn',{staticClass:\"text-capitalize\",staticStyle:{\"border-radius\":\"5px\"},attrs:{\"small\":\"\",\"depressed\":\"\",\"color\":\"primary\",\"height\":\"32px\",\"width\":\"92px\"},on:{\"click\":function($event){return _vm.copyTrade(item)}}},[_vm._v(\" Trade \")]):_c('div',{staticClass:\"delete-btn\"},[_c('v-btn',{staticClass:\"delete-button\",attrs:{\"depressed\":\"\"},on:{\"click\":function($event){return _vm.deleteButton(_vm.element.id)}}},[_c('v-icon',[_vm._v(\" mdi-trash-can-outline\")])],1)],1)],1)]:_vm._e()],2)]):_vm._e()]})],2)]}}],null,false,2610419137)})],1),(_vm.stock_data.length != 0)?_c('div',{staticClass:\"text-center mt-1\"},[_c('v-pagination',{attrs:{\"length\":_vm.closed_total_page,\"circle\":\"\"},model:{value:(_vm.closed_pages),callback:function ($$v) {_vm.closed_pages=$$v},expression:\"closed_pages\"}})],1):_vm._e()],1):_c('div',{staticClass:\"mb-12\"},[_c('div',[_c('div',{},[_c('draggable',{staticClass:\"list-group\",attrs:{\"group\":\"trade-mobile-view\",\"list\":_vm.closed_trades,\"options\":{\n                    handle: '.drag-handle',\n                    disabled: !_vm.is_drag,\n                  }},on:{\"start\":function($event){_vm.drag = true},\"change\":_vm.ended,\"end\":function($event){_vm.drag = false}}},_vm._l((_vm.closed_trades),function(item){return _c('div',{key:item.id,staticClass:\"list-group-item px-1\"},[_c('div',{staticClass:\"d-flex align-center justify-space-between\"},[_c('div',{staticClass:\"d-flex align-center\"},[_c('div',[_c('div',[_c('span',{class:item.trade_data.trade_type},[_vm._v(\" \"+_vm._s(item.trade_data.trade_type)+\" \")]),_c('span',{staticClass:\"trade-price\"},[_vm._v(\" @ Avg. \"+_vm._s(item.trade_data.entry_price)+\" \")]),_c('span',{staticClass:\"user-name\"},[_vm._v(\"● Qty.\")]),_c('span',{staticClass:\"trade-price\"},[_vm._v(_vm._s(item.trade_data.lots)+\" \")])]),_c('div',[_c('span',{staticClass:\"name\",staticStyle:{\"cursor\":\"pointer\"},on:{\"click\":function($event){return _vm.showTrade(item.trade)}}},[_vm._v(_vm._s(item.trade_data.security_symbol)+\" \")]),_c('span',{staticClass:\"facilation\"},[_vm._v(\" \"+_vm._s(_vm.getDuration(item.trade_data.duration_name))+\" \")])]),_c('div',{staticClass:\"user-name\"},[_vm._v(\" By \"+_vm._s(item.trade_data.posted_by_name)+\" \")])])]),(!_vm.is_drag)?_c('div',[_c('div',{staticClass:\"text-right\"},[_c('span',{staticClass:\"user-name\"},[_vm._v(\"LTP\")]),_c('span',{staticClass:\"trade-price\"},[_vm._v(\" \"+_vm._s(item.trade_data.live_price)+\" \")]),_c('span',{class:item.trade_data.price_up_down > 0\n                                ? 'up'\n                                : 'down'},[_vm._v(\"(\"+_vm._s(item.trade_data.profit_percent)+\"%) \")])]),(item.trade_data.status == 'upcoming')?_c('div',[_c('v-chip',{staticClass:\"text-capitalize\",attrs:{\"outlined\":\"\",\"small\":\"\",\"color\":\"primary\"}},[_vm._v(_vm._s(item.trade_data.status)+\" \")])],1):_c('div',{staticClass:\"text-right\",class:_vm.returnRedGreen(item.trade_data.pl_data)},[_c('span',{staticClass:\"pl-data\"},[_vm._v(\" \"+_vm._s(_vm.givePlusMinus(item.trade_data.pl_data))+\" \")]),_c('span',{staticClass:\"pl-percent\"},[_vm._v(\" (\"+_vm._s(_vm.givePlusMinus(item.trade_data.pl_percent))+\"%) \")])]),_c('div',{staticClass:\"text-right\"},[_c('span',{staticClass:\"tp-sp\"},[_vm._v(\"TP \")]),_c('span',{staticClass:\"trade-price\"},[_vm._v(\" \"+_vm._s(item.trade_data.target_price))]),_c('span',{staticClass:\"tp-sp\"},[_vm._v(\" SL \")]),_c('span',{staticClass:\"trade-price\"},[_vm._v(\" \"+_vm._s(item.trade_data.stop_loss)+\" \")])])]):_vm._e(),(_vm.is_drag)?_c('div',{staticClass:\"delete-btn\"},[_c('v-btn',{staticClass:\"delete-button\",attrs:{\"depressed\":\"\"},on:{\"click\":function($event){return _vm.deleteButton(item.id)}}},[_c('v-icon',{attrs:{\"small\":\"\"}},[_vm._v(\" mdi-trash-can-outline\")])],1)],1):_vm._e()])])}),0)],1)]),_c('div',{staticClass:\"text-center mt-1\"},[_c('v-pagination',{attrs:{\"length\":_vm.closed_total_page,\"circle\":\"\"},model:{value:(_vm.closed_pages),callback:function ($$v) {_vm.closed_pages=$$v},expression:\"closed_pages\"}})],1)])])],1)],1)],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <div v-if=\"!$vuetify.breakpoint.xsOnly && stock_data.length != 0\">\n      <draggable v-model=\"stock_data\" @start=\"drag = true\" @end=\"drag = false\">\n        <v-data-table\n          :headers=\"headers\"\n          :items=\"stock_data\"\n          hide-default-footer\n          class=\"elevation-1\"\n          mobile-breakpoint\n          item-key=\"name\"\n        >\n          <template v-slot:body=\"props\">\n            <draggable\n              :list=\"props.items\"\n              tag=\"tbody\"\n              :disabled=\"!is_drag\"\n              :move=\"onMoveCallback\"\n              :clone=\"onCloneCallback\"\n              @end=\"onDropCallback($event, $event.originalEvent, 'active')\"\n              @change=\"onDraggableChange('active')\"\n              :options=\"{\n                disabled: !is_drag,\n                handle: '.drag-handle',\n              }\"\n            >\n              <template v-for=\"(item, index) in props.items\">\n                <tr class=\"web-tr\" :key=\"index\">\n                  <td>\n                    <div class=\"d-flex\">\n                      <div class=\"\" v-if=\"is_drag\">\n                        <v-btn class=\"drag-handle\" icon>\n                          <v-icon>mdi-drag </v-icon>\n                        </v-btn>\n                      </div>\n                      <div v-if=\"item.trade_data\">\n                        <div v-if=\"item.trade_data.security_symbol\">\n                          <span\n                            @click=\"showTrade(item.trade)\"\n                            style=\"cursor: pointer\"\n                            class=\"name\"\n                            >{{ item.trade_data.security_symbol }}</span\n                          ><span class=\"facilation ml-1\">\n                            {{ getDuration(item.trade_data.duration_name) }}\n                          </span>\n                        </div>\n                        <div v-else>\n                          {{ item.trade_data.security_symbol }}\n                        </div>\n                        <div class=\"user-name\">\n                          By {{ item.trade_data.posted_by_name }}\n                        </div>\n                      </div>\n                    </div>\n                  </td>\n                  <td>\n                    <div v-if=\"item.trade_data\">\n                      <span\n                        v-if=\"item.trade_data.trade_type\"\n                        :class=\"item.trade_data.trade_type\"\n                        >{{ item.trade_data.trade_type }}\n                      </span>\n                      <span class=\"trade-price\"\n                        >@{{ item.trade_data.entry_price }}\n                      </span>\n                    </div>\n                    <div v-if=\"item.trade_data\" class=\"user-name\">\n                      QTY.\n                      <span v-if=\"item.trade_data.lots\">\n                        {{ item.trade_data.lots }}</span\n                      >\n                    </div>\n                    <!-- {{ item.trade_type }} -->\n                  </td>\n                  <td v-if=\"item.trade_data\" class=\"trade-price\">\n                    <div v-if=\"item.trade_data.stop_loss\">\n                      {{ item.trade_data.stop_loss }}\n                    </div>\n                  </td>\n                  <td v-if=\"item.trade_data\" class=\"trade-price\">\n                    <div v-if=\"item.trade_data.target_price\">\n                      {{ item.trade_data.target_price }}\n                    </div>\n                  </td>\n                  <td class=\"trade-price\">\n                    <span v-if=\"item.trade_data\">\n                      <span v-if=\"item.trade_data.live_price\">\n                        {{ item.trade_data.live_price }}\n                      </span>\n                      <span\n                        v-if=\"item.trade_data.profit_percent\"\n                        class=\"percentage\"\n                        :class=\"returnRedGreen(item.trade_data.profit_percent)\"\n                      >\n                        ({{ item.trade_data.profit_percent }}%)\n                      </span>\n                    </span>\n                  </td>\n                  <td>\n                    <div v-if=\"item.trade_data.status == 'Inactive'\">\n                      <div>\n                        <v-chip outlined small color=\"primary\">\n                          Upcoming\n                        </v-chip>\n                      </div>\n                    </div>\n                    <div v-else>\n                      <div v-if=\"item.trade_data\">\n                        <div\n                          v-if=\"item.trade_data.pl_data\"\n                          :class=\"returnRedGreen(item.trade_data.pl_data)\"\n                        >\n                          {{ item.trade_data.pl_data }} ({{\n                            item.trade_data.pl_percent\n                          }}%)\n                        </div>\n                      </div>\n                    </div>\n                  </td>\n                  <td>\n                    <template v-if=\"item.trade_data\">\n                      <div class=\"d-flex justify-end\">\n                        <v-btn\n                          v-if=\"!is_drag\"\n                          @click=\"copyTrade(item)\"\n                          small\n                          height=\"32px\"\n                          width=\"92px\"\n                          style=\"border-radius: 5px\"\n                          depressed\n                          color=\"primary\"\n                          class=\"text-capitalize\"\n                        >\n                          Trade\n                        </v-btn>\n                        <div v-else class=\"delete-btn\">\n                          <v-btn\n                            @click=\"deleteButton(element.id)\"\n                            class=\"delete-button\"\n                            depressed\n                          >\n                            <v-icon> mdi-trash-can-outline</v-icon>\n                          </v-btn>\n                        </div>\n                      </div>\n                    </template>\n                  </td>\n                </tr>\n              </template>\n            </draggable>\n          </template>\n        </v-data-table>\n      </draggable>\n      <div class=\"text-center\">\n        <v-pagination\n          v-if=\"stock_data.length != 0\"\n          v-model=\"pages\"\n          :length=\"total_page\"\n          circle\n        ></v-pagination>\n      </div>\n    </div>\n\n    <div v-else class=\"\">\n      <div>\n        <div class=\"\">\n          <draggable\n            class=\"list-group\"\n            group=\"trade-mobile-view\"\n            :list=\"stock_data\"\n            @start=\"drag = true\"\n            @change=\"ended\"\n            @end=\"drag = false\"\n            :options=\"{\n              disabled: !is_drag,\n              handle: '.drag-handle',\n            }\"\n          >\n            <!-- <transition-group> -->\n            <div\n              v-for=\"item in stock_data\"\n              class=\"list-group-item px-1 py-3\"\n              :key=\"item.id\"\n            >\n              <div\n                class=\"d-flex align-center justify-space-between\"\n                @click=\"showTrade(item.trade)\"\n              >\n                <div class=\"d-flex align-center\">\n                  <div v-if=\"is_drag\">\n                    <v-btn class=\"drag-handle\" icon>\n                      <v-icon>mdi-drag </v-icon>\n                    </v-btn>\n                  </div>\n                  <div>\n                    <div>\n                      <span :class=\"item.trade_data.trade_type\">\n                        {{ item.trade_data.trade_type }}\n                      </span>\n                      <span class=\"trade-price\">\n                        @ Avg. {{ item.trade_data.entry_price }}\n                      </span>\n\n                      <span class=\"user-name\">● Qty.</span>\n                      <span class=\"trade-price\"\n                        >{{ item.trade_data.lots }}\n                      </span>\n                    </div>\n                    <div>\n                      <span\n                        @click=\"showTrade(item.trade)\"\n                        style=\"cursor: pointer\"\n                        class=\"name\"\n                        >{{ item.trade_data.security_symbol }}\n                      </span>\n                      <span class=\"facilation\">\n                        {{ getDuration(item.trade_data.duration_name) }}\n                      </span>\n                    </div>\n                    <div class=\"user-name\">\n                      By {{ item.trade_data.posted_by_name }}\n                    </div>\n                  </div>\n                </div>\n                <div v-if=\"!is_drag\">\n                  <div class=\"text-right\">\n                    <span class=\"user-name\">LTP</span>\n                    <span class=\"trade-price\">\n                      {{ item.trade_data.live_price }} </span\n                    ><span\n                      :class=\"item.trade_data.price_up_down > 0 ? 'up' : 'down'\"\n                      >({{ item.trade_data.profit_percent }}%)\n                    </span>\n                  </div>\n                  <div v-if=\"item.trade_data.status == 'Inactive'\">\n                    <v-chip\n                      outlined\n                      small\n                      color=\"primary\"\n                      class=\"text-capitalize\"\n                    >\n                      Upcoming\n                    </v-chip>\n                  </div>\n                  <div\n                    class=\"text-right\"\n                    v-else\n                    :class=\"returnRedGreen(item.trade_data.pl_data)\"\n                  >\n                    <span class=\"pl-data\">\n                      {{ givePlusMinus(item.trade_data.pl_data) }}\n                    </span>\n                    <span class=\"pl-percent\">\n                      ({{ givePlusMinus(item.trade_data.pl_percent) }}%)\n                    </span>\n                  </div>\n                  <div class=\"text-right\">\n                    <span class=\"tp-sp\">TP </span>\n                    <span class=\"trade-price\">\n                      {{ item.trade_data.target_price }}</span\n                    >\n                    <span class=\"tp-sp\"> SL </span>\n                    <span class=\"trade-price\">\n                      {{ item.trade_data.stop_loss }}\n                    </span>\n                  </div>\n                </div>\n                <div class=\"delete-btn\" v-if=\"is_drag\">\n                  <v-btn\n                    @click=\"deleteButton(item.id)\"\n                    class=\"delete-button\"\n                    depressed\n                  >\n                    <v-icon small> mdi-trash-can-outline</v-icon>\n                  </v-btn>\n                </div>\n              </div>\n            </div>\n            <!-- </transition-group> -->\n          </draggable>\n        </div>\n        <div v-if=\"stock_data.length != 0\" class=\"text-center mb-5 mt-1\">\n          <v-pagination\n            v-model=\"pages\"\n            :length=\"total_page\"\n            circle\n          ></v-pagination>\n        </div>\n      </div>\n    </div>\n    <!-- :style=\"!$vuetify.breakpoint.xsOnly ? '' : 'display: none'\" -->\n\n    <div class=\"mb-15\">\n      <div class=\"expansion-table\"></div>\n      <v-expansion-panels class=\"px-0\">\n        <v-expansion-panel class=\"px-0\">\n          <v-expansion-panel-header>\n            Closed Trades ({{ closed_trades.length }})\n          </v-expansion-panel-header>\n          <v-expansion-panel-content class=\"px-0\">\n            <div v-if=\"!$vuetify.breakpoint.xsOnly\">\n              <draggable\n                v-model=\"closed_trades\"\n                @start=\"drag = true\"\n                @end=\"drag = false\"\n              >\n                <v-data-table\n                  :headers=\"headers\"\n                  :items=\"closed_trades\"\n                  hide-default-footer\n                  class=\"elevation-1\"\n                  mobile-breakpoint\n                  item-key=\"name\"\n                >\n                  <template v-slot:body=\"props\">\n                    <draggable\n                      :list=\"props.items\"\n                      tag=\"tbody\"\n                      :disabled=\"!is_drag\"\n                      :move=\"onMoveCallback\"\n                      :clone=\"onCloneCallback\"\n                      @end=\"\n                        onDropCallback($event, $event.originalEvent, 'closed')\n                      \"\n                      @change=\"onDraggableChange('active')\"\n                      :options=\"{\n                        disabled: !is_drag,\n                        handle: '.drag-handle',\n                      }\"\n                    >\n                      <template v-for=\"(item, index) in props.items\">\n                        <tr v-if=\"item.trade_data\" :key=\"index\">\n                          <td>\n                            <div class=\"d-flex\">\n                              <!-- <div class=\"drag-handle\" v-if=\"is_drag\">\n                                <v-btn icon>\n                                  <v-icon>mdi-drag </v-icon>\n                                </v-btn>\n                              </div> -->\n                              <div>\n                                <div>\n                                  <span\n                                    @click=\"showTrade(item.trade)\"\n                                    style=\"cursor: pointer\"\n                                    class=\"name\"\n                                    >{{ item.trade_data.security_symbol }}</span\n                                  ><span class=\"facilation ml-1\">\n                                    {{\n                                      getDuration(item.trade_data.duration_name)\n                                    }}\n                                  </span>\n                                </div>\n                                <div class=\"user-name\">\n                                  By {{ item.trade_data.posted_by_name }}\n                                </div>\n                              </div>\n                            </div>\n                          </td>\n                          <td>\n                            <div>\n                              <span :class=\"item.trade_data.trade_type\"\n                                >{{ item.trade_data.trade_type }}\n                              </span>\n                              <span class=\"trade-price\"\n                                >@{{ item.trade_data.entry_price }}\n                              </span>\n                            </div>\n                            <div class=\"user-name\">\n                              QTY.{{ item.trade_data.lots }}\n                            </div>\n                            <!-- {{ item.trade_type }} -->\n                          </td>\n                          <td class=\"trade-price\">\n                            {{ item.trade_data.stop_loss }}\n                          </td>\n                          <td class=\"trade-price\">\n                            {{ item.trade_data.target_price }}\n                          </td>\n                          <td class=\"trade-price\">\n                            {{ item.trade_data.live_price }}\n                            <span\n                              class=\"percentage\"\n                              :class=\"\n                                returnRedGreen(item.trade_data.profit_percent)\n                              \"\n                            >\n                              ({{ item.trade_data.profit_percent }}%)\n                            </span>\n                          </td>\n                          <td>\n                            <div v-if=\"item.trade_data.status == 'upcoming'\">\n                              <v-chip outlined small color=\"#27AE60\"\n                                >{{ item.trade_data.status }}\n                              </v-chip>\n                            </div>\n                            <div\n                              v-else\n                              :class=\"returnRedGreen(item.trade_data.pl_data)\"\n                            >\n                              {{ item.trade_data.pl_data }} ({{\n                                item.trade_data.pl_percent\n                              }}%)\n                            </div>\n                          </td>\n                          <td>\n                            <template v-if=\"item\">\n                              <div class=\"d-flex justify-end\">\n                                <v-btn\n                                  v-if=\"!is_drag\"\n                                  @click=\"copyTrade(item)\"\n                                  small\n                                  depressed\n                                  color=\"primary\"\n                                  class=\"text-capitalize\"\n                                  height=\"32px\"\n                                  width=\"92px\"\n                                  style=\"border-radius: 5px\"\n                                >\n                                  Trade\n                                </v-btn>\n                                <div class=\"delete-btn\" v-else>\n                                  <v-btn\n                                    @click=\"deleteButton(element.id)\"\n                                    class=\"delete-button\"\n                                    depressed\n                                  >\n                                    <v-icon> mdi-trash-can-outline</v-icon>\n                                  </v-btn>\n                                </div>\n                              </div>\n                            </template>\n                          </td>\n                        </tr>\n                      </template>\n                    </draggable>\n                  </template>\n                </v-data-table>\n              </draggable>\n              <div v-if=\"stock_data.length != 0\" class=\"text-center mt-1\">\n                <v-pagination\n                  v-model=\"closed_pages\"\n                  :length=\"closed_total_page\"\n                  circle\n                ></v-pagination>\n              </div>\n            </div>\n            <div v-else class=\"mb-12\">\n              <div>\n                <div class=\"\">\n                  <draggable\n                    class=\"list-group\"\n                    group=\"trade-mobile-view\"\n                    :list=\"closed_trades\"\n                    @start=\"drag = true\"\n                    @change=\"ended\"\n                    @end=\"drag = false\"\n                    :options=\"{\n                      handle: '.drag-handle',\n                      disabled: !is_drag,\n                    }\"\n                  >\n                    <!-- <transition-group> -->\n                    <div\n                      v-for=\"item in closed_trades\"\n                      class=\"list-group-item px-1\"\n                      :key=\"item.id\"\n                    >\n                      <div class=\"d-flex align-center justify-space-between\">\n                        <div class=\"d-flex align-center\">\n                          <!-- <div v-if=\"is_drag\">\n                            <v-btn icon class=\"drag-handle\">\n                              <v-icon>mdi-drag </v-icon>\n                            </v-btn>\n                          </div> -->\n                          <div>\n                            <div>\n                              <span :class=\"item.trade_data.trade_type\">\n                                {{ item.trade_data.trade_type }}\n                              </span>\n                              <span class=\"trade-price\">\n                                @ Avg. {{ item.trade_data.entry_price }}\n                              </span>\n\n                              <span class=\"user-name\">● Qty.</span>\n                              <span class=\"trade-price\"\n                                >{{ item.trade_data.lots }}\n                              </span>\n                            </div>\n                            <div>\n                              <span\n                                @click=\"showTrade(item.trade)\"\n                                style=\"cursor: pointer\"\n                                class=\"name\"\n                                >{{ item.trade_data.security_symbol }}\n                              </span>\n                              <span class=\"facilation\">\n                                {{ getDuration(item.trade_data.duration_name) }}\n                              </span>\n                            </div>\n                            <div class=\"user-name\">\n                              By {{ item.trade_data.posted_by_name }}\n                            </div>\n                          </div>\n                        </div>\n                        <div v-if=\"!is_drag\">\n                          <div class=\"text-right\">\n                            <span class=\"user-name\">LTP</span>\n                            <span class=\"trade-price\">\n                              {{ item.trade_data.live_price }} </span\n                            ><span\n                              :class=\"\n                                item.trade_data.price_up_down > 0\n                                  ? 'up'\n                                  : 'down'\n                              \"\n                              >({{ item.trade_data.profit_percent }}%)\n                            </span>\n                          </div>\n                          <div v-if=\"item.trade_data.status == 'upcoming'\">\n                            <v-chip\n                              outlined\n                              small\n                              color=\"primary\"\n                              class=\"text-capitalize\"\n                              >{{ item.trade_data.status }}\n                            </v-chip>\n                          </div>\n                          <div\n                            class=\"text-right\"\n                            v-else\n                            :class=\"returnRedGreen(item.trade_data.pl_data)\"\n                          >\n                            <span class=\"pl-data\">\n                              {{ givePlusMinus(item.trade_data.pl_data) }}\n                            </span>\n                            <span class=\"pl-percent\">\n                              ({{ givePlusMinus(item.trade_data.pl_percent) }}%)\n                            </span>\n                          </div>\n                          <div class=\"text-right\">\n                            <span class=\"tp-sp\">TP </span>\n                            <span class=\"trade-price\">\n                              {{ item.trade_data.target_price }}</span\n                            >\n                            <span class=\"tp-sp\"> SL </span>\n                            <span class=\"trade-price\">\n                              {{ item.trade_data.stop_loss }}\n                            </span>\n                          </div>\n                        </div>\n                        <div class=\"delete-btn\" v-if=\"is_drag\">\n                          <v-btn\n                            @click=\"deleteButton(item.id)\"\n                            class=\"delete-button\"\n                            depressed\n                          >\n                            <v-icon small> mdi-trash-can-outline</v-icon>\n                          </v-btn>\n                        </div>\n                      </div>\n                    </div>\n                    <!-- </transition-group> -->\n                  </draggable>\n                </div>\n              </div>\n              <div class=\"text-center mt-1\">\n                <v-pagination\n                  v-model=\"closed_pages\"\n                  :length=\"closed_total_page\"\n                  circle\n                ></v-pagination>\n              </div>\n            </div>\n          </v-expansion-panel-content>\n        </v-expansion-panel>\n      </v-expansion-panels>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { mapActions } from \"vuex\";\n// import Axios from \"@/api/BaseAxios.js\";\n\nexport default {\n  name: \"TradersWatchlistTable\",\n  components: { draggable: () => import(\"vuedraggable\") },\n  // props: [\"is_drag\"],\n  props: {\n    is_drag: Boolean,\n    closed_total_page: {\n      type: Number,\n    },\n    closed_page: {\n      type: Number,\n    },\n    stock_data: {\n      type: Array,\n      required: true,\n    },\n    watchlist_id: {\n      Type: Number,\n      required: true,\n    },\n    total_page: {\n      type: Number,\n    },\n    closed_trades: {\n      Type: Array,\n      required: true,\n    },\n    page: {\n      type: Number,\n    },\n  },\n  data() {\n    return {\n      drag: false,\n      // is_drag: false,\n      draggableEnabled: true,\n      pages: this.page,\n      closed_pages: this.closed_page,\n      headers: [\n        {\n          text: \"Security\",\n          align: \"start\",\n          sortable: false,\n          value: \"name\",\n          class: \"trade-header\",\n        },\n        {\n          text: \"Position\",\n          value: \"trade_type\",\n          sortable: false,\n          class: \"trade-header\",\n        },\n        {\n          text: \"Stoploss\",\n          value: \"stop_loss\",\n          sortable: false,\n          class: \"trade-header\",\n        },\n        {\n          text: \"Target\",\n          value: \"target_price\",\n          sortable: false,\n          class: \"trade-header\",\n        },\n        {\n          text: \"LTP ₹\",\n          value: \"ltp_price\",\n          sortable: false,\n          class: \"trade-header\",\n        },\n        { text: \"Profit/Loss\", value: \"status\", class: \"trade-header\" },\n        {\n          value: \"action\",\n          align: \"end\",\n          sortable: false,\n          class: \"trade-header\",\n        },\n      ],\n\n      search_img: require(\"@/assets/images/SearchWatchlist.svg\"),\n    };\n  },\n\n  computed: {\n    activeHeaders() {\n      return this.headers.filter((h) => {\n        if (!this.is_drag && h.value === \"lock\") {\n          return false;\n        }\n        return true;\n      });\n    },\n  },\n  watch: {\n    pages() {\n      this.eventBus.$emit(\"appendStocksTable\", this.pages);\n    },\n    closed_pages() {\n      this.eventBus.$emit(\"appendClosedTable\", this.closed_pages);\n    },\n  },\n  // created() {\n  //   this.eventBus.$on(\"enable-drag\", (value) => {\n  //     this.is_drag = value.is_draggable;\n  //   });\n  // },\n  // beforeDestroy() {\n  //   this.eventBus.$off(\"enable-drag\");\n  // },\n\n  mounted() {\n    // this.getWatchlistItems(this.watchlist_id);\n    // console.log(\"watchlist id\", this.watchlist_id);\n  },\n  methods: {\n    ...mapActions({\n      toggleWatchlistModal: \"watchlistModal/toggleWatchlistModal\",\n      toggleAddTradeModal: \"addTrade/toggleTradeModal\",\n      tradeCardDialog: \"tradeCardDialog/toggleModal\",\n      // toggleTrades\n    }),\n    givePlusMinus(value) {\n      if (value >= 0) {\n        return `+${value}`;\n      } else {\n        return `-${value}`;\n      }\n    },\n    showTrade(id) {\n      if (!this.is_drag) {\n        this.tradeCardDialog({\n          show: true,\n          id: id,\n          isTitle: true,\n        });\n      }\n    },\n    copyTrade(item) {\n      this.toggleAddTradeModal({\n        show: true,\n        type: \"edit\",\n        id: item.trade,\n      });\n    },\n    deleteButton(item) {\n      this.eventBus.$emit(\"delete-item\", {\n        item: item,\n      });\n    },\n    onCloneCallback(item) {\n      const cloneMe = JSON.parse(JSON.stringify(item));\n      return cloneMe;\n    },\n    getDuration(duration) {\n      if (duration == \"Intra-day/BTST \") {\n        return \"INT\";\n      } else if (duration == \"Swing \") {\n        return \"SW\";\n      } else if (duration == \"Long term \") {\n        return \"LT\";\n      }\n      return \"ST\";\n    },\n    onMoveCallback(evt, originalEvent) {\n      const item = evt.draggedContext.element;\n      const itemIdx = evt.draggedContext.futureIndex;\n      console.log(originalEvent, itemIdx);\n      console.log(\"onMoveCallback\");\n\n      if (item.locked) {\n        return false;\n      }\n\n      return true;\n    },\n    onDropCallback(evt, originalEvent, draggableName) {\n      let id = null;\n      if (draggableName == \"active\") {\n        id = this.stock_data[evt.newIndex];\n        this.eventBus.$emit(\"stock_old_index\", {\n          new_index: evt.newIndex + 1,\n          old_index: id.id,\n          id: id.trade,\n        });\n      }\n      // else if (draggableName == \"closed\") {\n      //   id = this.closed_trades[evt.newIndex];\n      // }\n      // this.eventBus.$emit(\"stock_old_index\", {\n      //   new_index: evt.newIndex + 1,\n      //   old_index: id.id,\n      //   id: id.trade,\n      // });\n\n      // console.log(\"event on drop\", evt, originalEvent, draggableName);\n    },\n    onDraggableChange(evt) {\n      console.log(evt);\n    },\n\n    returnRedGreen(value) {\n      return value < 0 ? \"down\" : \"up\";\n    },\n    ended(event) {\n      // console.log(event);\n      // console.log(event.moved.oldIndex);\n      // console.log(event.moved.newIndex + 1);\n      let id = this.stock_data[event.moved.newIndex];\n      this.eventBus.$emit(\"stock_old_index\", {\n        new_index: event.moved.newIndex + 1,\n        old_index: id.id,\n        id: id.trade,\n      });\n    },\n  },\n};\n</script>\n<style>\n.trade-header {\n  color: var(--Button-Black, #000000);\n  font-size: 0.895rem !important;\n  font-style: normal;\n  font-weight: 900;\n  line-height: normal;\n  text-transform: uppercase !important;\n}\n.web-tr {\n  padding: 30px;\n}\n</style>\n\n<style lang=\"scss\" scoped>\n.list-group-item {\n  border-bottom: 0.8px solid #c3c3c3;\n  padding: 6px 0;\n}\n\n.up {\n  color: var(--Green-2, #27ae60);\n  font-size: 0.75rem;\n  font-style: normal;\n  font-weight: 800;\n  line-height: normal;\n  text-transform: uppercase;\n}\n.down {\n  color: var(--Red, #eb5757);\n  font-family: Avenir;\n  font-size: 0.75rem;\n  font-style: normal;\n  font-weight: 800;\n  line-height: normal;\n  text-transform: uppercase;\n}\n.name {\n  color: #333;\n  font-size: 0.75rem;\n  font-style: normal;\n  font-weight: 800;\n  line-height: normal;\n  text-transform: uppercase;\n}\n.facilation {\n  color: var(--Primary, #2d8cff);\n\n  font-size: 0.75rem;\n  font-style: normal;\n  font-weight: 400;\n  line-height: normal;\n  text-transform: uppercase;\n}\n.user-name {\n  color: rgba(51, 51, 51, 0.6);\n  font-size: 0.625rem;\n  font-style: normal;\n  font-weight: 800;\n  line-height: normal;\n}\n.Buy {\n  color: var(--Green-2, #27ae60);\n  font-size: 0.75rem;\n  font-style: normal;\n  font-weight: 800;\n  line-height: normal;\n  text-transform: uppercase;\n}\n.Sell {\n  color: var(--Red, #eb5757);\n  font-size: 0.75rem;\n  font-style: normal;\n  font-weight: 800;\n  line-height: normal;\n  text-transform: uppercase;\n}\n.trade-price {\n  color: #333;\n  font-size: 0.75rem;\n  font-style: normal;\n  font-weight: 800;\n  line-height: normal;\n  text-transform: uppercase;\n}\n.trade-price-label {\n  color: #878787;\n  text-align: center;\n  font-family: Avenir;\n  font-size: 0.625rem;\n  font-style: normal;\n  font-weight: 400;\n  line-height: normal;\n}\n.tp-sp {\n  color: #878787;\n  text-align: center;\n  font-size: 0.625rem;\n  font-style: normal;\n  font-weight: 400;\n  line-height: normal;\n}\n.expansion-table {\n  background-color: #f3f9ff;\n  height: 20px;\n}\n\n::v-deep.v-expansion-panel\n  > .v-expansion-panel-content\n  > .v-expansion-panel-content__wrap {\n  padding: 0;\n}\n.delete-btn > .v-btn:not(.v-btn--round).v-size--default {\n  height: 37px;\n  min-width: 46px;\n  padding: 0px !important;\n  background-color: #fff !important;\n  border-radius: 0.375rem;\n  border: 1px solid rgba(97, 97, 97, 0.8);\n}\n@media only screen and (max-width: 768px) {\n  .pl-data {\n    font-family: Avenir;\n    font-size: 0.75rem;\n    font-style: normal;\n    font-weight: 500;\n    line-height: 1.25rem; /* 166.667% */\n  }\n  .pl-percent {\n    // text-align: center;\n    font-family: Avenir;\n    font-size: 0.625rem;\n    font-style: normal;\n    font-weight: 500;\n    line-height: normal;\n  }\n  .trade-price {\n    color: #434343;\n    text-align: center;\n    font-size: 0.625rem;\n    font-style: normal;\n    font-weight: 500;\n    line-height: normal;\n  }\n  .down {\n    color: var(--Red, #eb5757);\n    text-align: center;\n    font-family: Avenir;\n    font-size: 0.625rem;\n    font-style: normal;\n    font-weight: 500;\n    line-height: normal;\n  }\n  .up {\n    color: var(--Red, #27ae60);\n    text-align: center;\n    font-family: Avenir;\n    font-size: 0.625rem;\n    font-style: normal;\n    font-weight: 500;\n    line-height: normal;\n  }\n  .delete-btn > .v-btn:not(.v-btn--round).v-size--default {\n    height: 26px;\n    min-width: 30px;\n    padding: 0px !important;\n    background-color: #fff !important;\n    border-radius: 0.375rem;\n    border: 1px solid rgba(51, 51, 51, 0.8);\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!./TradesWatchlistTable.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!./TradesWatchlistTable.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TradesWatchlistTable.vue?vue&type=template&id=2a22d068&scoped=true&\"\nimport script from \"./TradesWatchlistTable.vue?vue&type=script&lang=js&\"\nexport * from \"./TradesWatchlistTable.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TradesWatchlistTable.vue?vue&type=style&index=0&lang=css&\"\nimport style1 from \"./TradesWatchlistTable.vue?vue&type=style&index=1&id=2a22d068&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  \"2a22d068\",\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 { VChip } from 'vuetify/lib/components/VChip';\nimport { VDataTable } from 'vuetify/lib/components/VDataTable';\nimport { VExpansionPanel } from 'vuetify/lib/components/VExpansionPanel';\nimport { VExpansionPanelContent } from 'vuetify/lib/components/VExpansionPanel';\nimport { VExpansionPanelHeader } from 'vuetify/lib/components/VExpansionPanel';\nimport { VExpansionPanels } from 'vuetify/lib/components/VExpansionPanel';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VPagination } from 'vuetify/lib/components/VPagination';\ninstallComponents(component, {VBtn,VChip,VDataTable,VExpansionPanel,VExpansionPanelContent,VExpansionPanelHeader,VExpansionPanels,VIcon,VPagination})\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!./TradesWatchlistTable.vue?vue&type=style&index=1&id=2a22d068&lang=scss&scoped=true&\""],"sourceRoot":""}