{"version":3,"sources":["webpack:///../../../src/components/VBottomSheet/VBottomSheet.ts","webpack:///./src/components/Profile/ProfileTradeDetails/Wacthlist/StocksWatchListTable.vue?a92e","webpack:///src/components/Profile/ProfileTradeDetails/Wacthlist/StocksWatchListTable.vue","webpack:///./src/components/Profile/ProfileTradeDetails/Wacthlist/StocksWatchListTable.vue?1c17","webpack:///./src/components/Profile/ProfileTradeDetails/Wacthlist/StocksWatchListTable.vue?dae5","webpack:///./src/components/Profile/ProfileTradeDetails/Wacthlist/StocksWatchListTable.vue?63e2","webpack:///./src/assets/images/experience.svg"],"names":["VDialog","extend","name","props","inset","Boolean","maxWidth","String","Number","transition","type","default","computed","classes","options","call","this","render","_vm","_h","$createElement","_c","_self","class","$vuetify","breakpoint","xsOnly","staticClass","attrs","stock_data","disabled","is_drag","handle","on","$event","drag","ended","_l","element","key","id","bottomSheet","_v","_e","_s","symbol","exchange","experience","paper_trade_count","real_trade_count","live_price","toFixed","up_down_price","retrunPveNve","up_down_percent","deleteButton","is_Nifty","length","total_page","model","value","callback","$$v","pages","expression","onMove","copyTrade","sheet","staticRenderFns","required","hides","page","stock_page","components","draggable","data","index","hide","draggableEnabled","stockss_data","count","numPages","influencerPage","isDraggingButtonPressed","myArray","search_img","mounted","stocks_data","watch","methods","mapActions","toggleWatchlistModal","toggleAddTradeModal","security","show","trade_type","copyDetail","isBuySellButton","new_index","old_index","evt","item","component","VBottomSheet","VBtn","VChip","VCol","VDivider","VIcon","VImg","VPagination","VRow","VSheet","module","exports"],"mappings":"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","file":"js/chunk-01b0a6bc.ba71711d.js","sourcesContent":["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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{class:!_vm.$vuetify.breakpoint.xsOnly ? 'd-flex justify-space-between' : ''}),(!_vm.$vuetify.breakpoint.xsOnly)?_c('div',{staticClass:\"pa-3\"},[_c('v-col',{staticClass:\"pa-4 pr-3\",attrs:{\"cols\":\"12\"}},[_c('draggable',{attrs:{\"group\":\"people1\",\"options\":{\n          disabled: !_vm.is_drag,\n          handle: '.drag-handle',\n        }},on:{\"change\":_vm.ended,\"start\":function($event){_vm.drag = true},\"end\":function($event){_vm.drag = false},\"move\":_vm.onMove},model:{value:(_vm.stock_data),callback:function ($$v) {_vm.stock_data=$$v},expression:\"stock_data\"}},_vm._l((_vm.stock_data),function(element){return _c('v-row',{key:element.id,staticClass:\"list-items d-flex justify-space-between\"},[(_vm.is_drag)?_c('v-col',{staticClass:\"px-0\",attrs:{\"cols\":\"1\"}},[_c('v-row',[_c('v-btn',{staticClass:\"drag-handle\",attrs:{\"icon\":\"\"}},[_c('v-icon',[_vm._v(\"mdi-drag \")])],1)],1)],1):_vm._e(),_c('v-col',{attrs:{\"cols\":\"4\"}},[_c('v-row',[_c('v-col',{staticClass:\"security-name\",attrs:{\"cols\":\"6\"}},[(element.stock_data)?_c('div',[_vm._v(\" \"+_vm._s(element.stock_data.symbol)+\" \")]):_c('div',[_vm._v(\"Null\")])]),_c('v-col',{attrs:{\"cols\":\"2\"}},[(element.stock_data)?_c('div',{},[_c('v-chip',{staticClass:\"nse-bse\",attrs:{\"small\":\"\"}},[_vm._v(\" \"+_vm._s(element.stock_data.exchange)+\" \")])],1):_vm._e()]),_c('v-col',{attrs:{\"cols\":\"1\"}},[_c('div',{staticClass:\"ml-1\"},[_c('v-img',{attrs:{\"height\":\"20px\",\"width\":\"20px\",\"src\":_vm.experience}})],1)]),_c('v-col',{staticClass:\"return-potential\",attrs:{\"cols\":\"1\"}},[_vm._v(\" P \"),(element.stock_data)?_c('span',[_vm._v(\" \"+_vm._s(element.stock_data.paper_trade_count)+\" \")]):_c('span',[_vm._v(\"0\")])]),_c('v-col',{staticClass:\"return-potential\",attrs:{\"cols\":\"1\"}},[_vm._v(\" R \"+_vm._s(element.stock_data.real_trade_count || 0)+\" \")])],1)],1),_c('v-col',{attrs:{\"cols\":\"6\"}},[_c('v-row',{staticClass:\"d-flex justify-end\"},[_c('v-col',{attrs:{\"cols\":\"3\"}},[_c('div',{staticClass:\"percentage text-left\"},[(element.stock_data)?_c('span',[_vm._v(\" \"+_vm._s(_vm.retrunPveNve( element.stock_data.up_down_price.toFixed(2) ))+\" \")]):_c('span',{staticClass:\"black--text\"},[_vm._v(\"-\")]),(element.stock_data)?_c('span',[_vm._v(\" (\"+_vm._s(_vm.retrunPveNve(element.stock_data.up_down_percent))+\"%) \")]):_c('span',{staticClass:\"black--text\"},[_vm._v(\"-\")])])]),_c('v-col',{attrs:{\"cols\":\"3\"}},[(element.stock_data)?_c('div',{staticClass:\"ratio\"},[_vm._v(\" \"+_vm._s(element.stock_data.live_price.toFixed(2))+\" \")]):_c('div',{staticClass:\"text-center black--text\"},[_vm._v(\"-\")])]),(!_vm.is_drag)?_c('v-col',{attrs:{\"cols\":\"2\"}},[_c('v-btn',{staticClass:\"btn-size text-capitalize\",attrs:{\"depressed\":\"\",\"color\":\"primary\"},on:{\"click\":function($event){return _vm.copyTrade(element, 'Buy')}}},[_vm._v(\"Buy\")])],1):_vm._e(),(!_vm.is_drag)?_c('v-col',{attrs:{\"cols\":\"2\"}},[_c('v-btn',{staticClass:\"btn-size white--text text-capitalize\",attrs:{\"depressed\":\"\",\"color\":\"#EB5757\"},on:{\"click\":function($event){return _vm.copyTrade(element, 'Sell')}}},[_vm._v(\"Sell\")])],1):_vm._e(),(_vm.is_drag)?_c('v-col',{staticClass:\"delete-btn\",attrs:{\"cols\":\"2\"}},[_c('v-btn',{attrs:{\"depressed\":\"\"},on:{\"click\":function($event){return _vm.deleteButton(element.id)}}},[_c('v-icon',[_vm._v(\" mdi-trash-can-outline\")])],1)],1):_vm._e()],1)],1)],1)}),1)],1),(_vm.is_Nifty != 'Nifty 50' && _vm.stock_data.length != 0)?_c('div',{staticClass:\"text-center\"},[_c('v-pagination',{attrs:{\"length\":_vm.total_page,\"circle\":\"\"},model:{value:(_vm.pages),callback:function ($$v) {_vm.pages=$$v},expression:\"pages\"}})],1):_vm._e()],1):_c('div',{},[_c('div',[_c('div',[_c('draggable',{staticClass:\"list-group\",attrs:{\"group\":\"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(element){return _c('div',{key:element.id,staticClass:\"list-group-item px-2 py-3\"},[(element.stock_data)?_c('div',{staticClass:\"d-flex justify-space-between align-center\",on:{\"click\":function($event){return _vm.bottomSheet(element)}}},[_c('div',{staticClass:\"d-flex\"},[(_vm.is_drag)?_c('div',{staticClass:\"drag-handle\"},[_c('v-btn',{attrs:{\"icon\":\"\"}},[_c('v-icon',[_vm._v(\"mdi-drag \")])],1)],1):_vm._e(),_c('div',[_c('div',{staticClass:\"security-name\"},[_vm._v(\" \"+_vm._s(element.stock_data.symbol)+\" \")]),_c('div',[_c('span',[_c('v-chip',{staticClass:\"nse-bse\",attrs:{\"small\":\"\"}},[_vm._v(\" \"+_vm._s(element.stock_data.exchange)+\" \")])],1),_c('span',[_c('v-img',{staticClass:\"experience-img\",attrs:{\"src\":_vm.experience}})],1),_c('span',{staticClass:\"return-potential\"},[_vm._v(\" P\"+_vm._s(element.stock_data.paper_trade_count)+\" \")]),_c('span',{staticClass:\"ml-1 return-potential\"},[_vm._v(\" R\"+_vm._s(element.stock_data.real_trade_count)+\" \")])])])]),(!_vm.is_drag)?_c('div',[_c('div',{staticClass:\"ratio\"},[_vm._v(\" \"+_vm._s(element.stock_data.live_price.toFixed(2))+\" \")]),_c('div',{staticClass:\"percentage\",class:element.stock_data.up_down_price >= 0\n                      ? 'green--text'\n                      : 'red--text'},[_c('span',[_vm._v(\" \"+_vm._s(_vm.retrunPveNve( element.stock_data.up_down_price.toFixed(2) ))+\" \")]),_c('span',[_vm._v(\"(\"+_vm._s(_vm.retrunPveNve(element.stock_data.up_down_percent))+\"%)\")])])]):_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(element.id)}}},[_c('v-icon',{attrs:{\"small\":\"\"}},[_vm._v(\" mdi-trash-can-outline\")])],1)],1):_vm._e()]):_vm._e()])}),0)],1),(_vm.is_Nifty != 'Nifty 50' && _vm.stock_data.length != 0)?_c('div',{staticClass:\"text-center mb-13 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()])]),(!_vm.is_drag)?_c('v-bottom-sheet',{model:{value:(_vm.sheet),callback:function ($$v) {_vm.sheet=$$v},expression:\"sheet\"}},[_c('v-sheet',{staticClass:\"d-flex justify-space-between flex-column text-center pa-4\",attrs:{\"rounded\":\"10px\",\"height\":\"150px\"}},[_c('div',{staticClass:\"d-flex justify-space-between\"},[(_vm.element.stock_data)?_c('div',{staticClass:\"d-flex\"},[_c('div',[_vm._v(_vm._s(_vm.element.stock_data.symbol))]),_c('div',{staticClass:\"ml-1\"},[_c('v-chip',{staticClass:\"nse-bse\",attrs:{\"small\":\"\"}},[_vm._v(\" \"+_vm._s(_vm.element.stock_data.exchange)+\" \")])],1)]):_vm._e(),(_vm.element.stock_data)?_c('div',[_c('div',{staticClass:\"ratio\"},[_vm._v(\" \"+_vm._s(_vm.element.stock_data.live_price.toFixed(2))+\" \")]),_c('div',{staticClass:\"percentage text-right\"},[_c('span',[_vm._v(\" \"+_vm._s(_vm.retrunPveNve(_vm.element.stock_data.up_down_price.toFixed(2)))+\" \")]),_c('span',[_vm._v(\"(\"+_vm._s(_vm.retrunPveNve(_vm.element.stock_data.up_down_percent))+\"%)\")])])]):_vm._e()]),_c('v-divider',{staticClass:\"my-2\"}),_c('div',{staticClass:\"d-flex justify-space-between\"},[_c('div',[_c('v-btn',{staticClass:\"btn-size text-capitalize\",attrs:{\"depressed\":\"\",\"width\":\"156px\",\"height\":\"44px\",\"color\":\"primary\"},on:{\"click\":function($event){return _vm.copyTrade(_vm.element, 'Buy')}}},[_vm._v(\"Buy\")])],1),_c('div',[_c('v-btn',{staticClass:\"btn-size white--text text-capitalize\",attrs:{\"depressed\":\"\",\"width\":\"156px\",\"height\":\"44px\",\"color\":\"#EB5757\"},on:{\"click\":function($event){return _vm.copyTrade(_vm.element, 'Sell')}}},[_vm._v(\"Sell\")])],1)])],1)],1):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <div\n      :class=\"!$vuetify.breakpoint.xsOnly ? 'd-flex justify-space-between' : ''\"\n    ></div>\n    <!-- {{ hide }}{{ count }} -->\n    <div v-if=\"!$vuetify.breakpoint.xsOnly\" class=\"pa-3\">\n      <v-col class=\"pa-4 pr-3\" cols=\"12\">\n        <draggable\n          v-model=\"stock_data\"\n          group=\"people1\"\n          @change=\"ended\"\n          @start=\"drag = true\"\n          @end=\"drag = false\"\n          @move=\"onMove\"\n          :options=\"{\n            disabled: !is_drag,\n            handle: '.drag-handle',\n          }\"\n        >\n          <v-row\n            class=\"list-items d-flex justify-space-between\"\n            v-for=\"element in stock_data\"\n            :key=\"element.id\"\n          >\n            <v-col class=\"px-0\" v-if=\"is_drag\" cols=\"1\">\n              <v-row>\n                <v-btn class=\"drag-handle\" icon>\n                  <v-icon>mdi-drag </v-icon>\n                </v-btn>\n              </v-row>\n            </v-col>\n            <v-col cols=\"4\">\n              <v-row>\n                <v-col class=\"security-name\" cols=\"6\">\n                  <div v-if=\"element.stock_data\">\n                    {{ element.stock_data.symbol }}\n                  </div>\n                  <div v-else>Null</div>\n                </v-col>\n                <v-col cols=\"2\">\n                  <!-- <div class=\"\"> -->\n                  <div class=\"\" v-if=\"element.stock_data\">\n                    <v-chip small class=\"nse-bse\">\n                      {{ element.stock_data.exchange }}\n                    </v-chip>\n                  </div>\n                </v-col>\n                <v-col cols=\"1\">\n                  <div class=\"ml-1\">\n                    <v-img\n                      style=\"\"\n                      height=\"20px\"\n                      width=\"20px\"\n                      :src=\"experience\"\n                    ></v-img>\n                  </div>\n                </v-col>\n                <v-col class=\"return-potential\" cols=\"1\">\n                  P\n                  <span v-if=\"element.stock_data\">\n                    {{ element.stock_data.paper_trade_count }}\n                  </span>\n                  <span v-else>0</span>\n                </v-col>\n                <v-col class=\"return-potential\" cols=\"1\">\n                  R {{ element.stock_data.real_trade_count || 0 }}\n                </v-col>\n              </v-row>\n              <!-- <v-row> </v-row> -->\n            </v-col>\n            <v-col cols=\"6\">\n              <v-row class=\"d-flex justify-end\">\n                <v-col cols=\"3\">\n                  <div class=\"percentage text-left\">\n                    <span v-if=\"element.stock_data\">\n                      {{\n                        retrunPveNve(\n                          element.stock_data.up_down_price.toFixed(2)\n                        )\n                      }}\n                    </span>\n                    <span class=\"black--text\" v-else>-</span>\n                    <span v-if=\"element.stock_data\">\n                      ({{ retrunPveNve(element.stock_data.up_down_percent) }}%)\n                    </span>\n                    <span class=\"black--text\" v-else>-</span>\n                  </div>\n                </v-col>\n                <v-col cols=\"3\">\n                  <div class=\"ratio\" v-if=\"element.stock_data\">\n                    {{ element.stock_data.live_price.toFixed(2) }}\n                  </div>\n                  <div class=\"text-center black--text\" v-else>-</div>\n                </v-col>\n                <v-col v-if=\"!is_drag\" cols=\"2\">\n                  <v-btn\n                    @click=\"copyTrade(element, 'Buy')\"\n                    class=\"btn-size text-capitalize\"\n                    depressed\n                    color=\"primary\"\n                    >Buy</v-btn\n                  >\n                </v-col>\n                <v-col v-if=\"!is_drag\" cols=\"2\">\n                  <v-btn\n                    @click=\"copyTrade(element, 'Sell')\"\n                    class=\"btn-size white--text text-capitalize\"\n                    depressed\n                    color=\"#EB5757\"\n                    >Sell</v-btn\n                  >\n                </v-col>\n                <v-col v-if=\"is_drag\" class=\"delete-btn\" cols=\"2\">\n                  <v-btn @click=\"deleteButton(element.id)\" depressed>\n                    <v-icon> mdi-trash-can-outline</v-icon>\n                  </v-btn>\n                </v-col>\n              </v-row>\n            </v-col>\n          </v-row>\n        </draggable>\n      </v-col>\n\n      <!-- <div>\n        <table style=\"width: 100%\">\n          <tbody>\n            <draggable\n              v-model=\"stock_data\"\n              group=\"people1\"\n              @change=\"ended\"\n              @start=\"drag = true\"\n              @end=\"drag = false\"\n              @move=\"onMove\"\n              :options=\"{\n                disabled: !is_drag,\n              }\"\n            >\n              <tr\n                class=\"list-items\"\n                v-for=\"element in stock_data\"\n                :key=\"element.id\"\n              >\n                <td v-if=\"is_drag\">\n                  <v-btn icon>\n                    <v-icon>mdi-drag </v-icon>\n                  </v-btn>\n                </td>\n                <td class=\"security-name\">\n                  <div v-if=\"element.stock_data\">\n                    {{ element.stock_data.symbol }}\n                  </div>\n                  <div v-else>Null</div>\n                </td>\n                <td>\n                  <v-chip small class=\"nse-bse\">\n                    <span v-if=\"element.stock_data\">\n                      {{ element.stock_data.exchange }}\n                    </span>\n                    <span v-else>N/A</span>\n                  </v-chip>\n                </td>\n                <td style=\"vertical-align: middle\">\n                  <div>\n                    <v-img style=\"margin-top: -18px\" :src=\"experience\"></v-img>\n                  </div>\n                </td>\n                <td class=\"return-potential\">\n                  P {{ element.stock_data.paper_trade_count }}\n                </td>\n                <td class=\"return-potential r-padding\">\n                  R {{ element.stock_data.real_trade_count }}\n                </td>\n                <td class=\"table-actions\"></td>\n             \n                <td class=\"percentage\" v-if=\"element.stock_data\">\n                  <span>\n                    {{\n                      retrunPveNve(element.stock_data.up_down_price.toFixed(2))\n                    }}\n                  </span>\n                  <span>\n                    ({{ retrunPveNve(element.stock_data.up_down_percent) }}%)\n                  </span>\n                </td>\n                <td class=\"pr-4 ratio\">\n                  <div v-if=\"element.stock_data\">\n                    {{ element.stock_data.live_price.toFixed(2) }}\n                  </div>\n                </td>\n                <td v-if=\"!is_drag\">\n                  <v-btn\n                    @click=\"copyTrade(element, 'Buy')\"\n                    class=\"btn-size text-capitalize\"\n                    depressed\n                    color=\"primary\"\n                    >Buy</v-btn\n                  >\n                </td>\n                <td v-if=\"!is_drag\">\n                  <v-btn\n                    @click=\"copyTrade(element, 'Sell')\"\n                    class=\"btn-size white--text text-capitalize\"\n                    depressed\n                    color=\"#EB5757\"\n                    >Sell</v-btn\n                  >\n                </td>\n                <td class=\"delete-btn\" v-if=\"is_drag\">\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                </td>\n\n              </tr>\n            </draggable>\n          \n          </tbody>\n        </table>\n      </div> -->\n      <div\n        v-if=\"is_Nifty != 'Nifty 50' && stock_data.length != 0\"\n        class=\"text-center\"\n      >\n        <v-pagination\n          v-model=\"pages\"\n          :length=\"total_page\"\n          circle\n        ></v-pagination>\n      </div>\n      <!-- <div>\n        <table style=\"width: 100%\">\n          <tbody>\n            <draggable\n              v-model=\"myArray\"\n              group=\"people2\"\n              @start=\"drag = true\"\n              @end=\"drag = false\"\n              @change=\"ended\"\n              :options=\"{\n                disabled: !draggableEnabled,\n              }\"\n            >\n              <tr\n                class=\"list-items\"\n                v-for=\"element in myArray\"\n                :key=\"element.id\"\n              >\n                <td class=\"pr-4 ratio\">12,500.50</td>\n                <td v-if=\"!is_drag\">\n                  <v-btn\n                    class=\"btn-size text-capitalize\"\n                    depressed\n                    color=\"primary\"\n                    >Buy</v-btn\n                  >\n                </td>\n                <td v-if=\"!is_drag\">\n                  <v-btn\n                    class=\"btn-size white--text text-capitalize\"\n                    depressed\n                    color=\"#EB5757\"\n                    >Sell</v-btn\n                  >\n                </td>\n                <td class=\"delete-btn\" v-if=\"is_drag\">\n                  <v-btn class=\"delete-button\" depressed>\n                    <v-icon> mdi-trash-can-outline</v-icon>\n                  </v-btn>\n                </td>\n              </tr>\n            </draggable>\n          </tbody>\n        </table>\n      </div> -->\n    </div>\n\n    <div v-else class=\"\">\n      <div>\n        <div>\n          <draggable\n            class=\"list-group\"\n            group=\"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            <div\n              v-for=\"element in stock_data\"\n              class=\"list-group-item px-2 py-3\"\n              :key=\"element.id\"\n            >\n              <div\n                v-if=\"element.stock_data\"\n                @click=\"bottomSheet(element)\"\n                class=\"d-flex justify-space-between align-center\"\n              >\n                <div class=\"d-flex\">\n                  <div class=\"drag-handle\" v-if=\"is_drag\">\n                    <v-btn icon class=\"\">\n                      <v-icon>mdi-drag </v-icon>\n                    </v-btn>\n                  </div>\n                  <div>\n                    <div class=\"security-name\">\n                      {{ element.stock_data.symbol }}\n                    </div>\n                    <div>\n                      <span>\n                        <v-chip small class=\"nse-bse\">\n                          {{ element.stock_data.exchange }}\n                        </v-chip>\n                      </span>\n                      <span>\n                        <v-img class=\"experience-img\" :src=\"experience\"></v-img\n                      ></span>\n                      <span class=\"return-potential\">\n                        P{{ element.stock_data.paper_trade_count }}\n                      </span>\n                      <span class=\"ml-1 return-potential\">\n                        R{{ element.stock_data.real_trade_count }}\n                      </span>\n                    </div>\n                  </div>\n                </div>\n\n                <div v-if=\"!is_drag\">\n                  <div class=\"ratio\">\n                    {{ element.stock_data.live_price.toFixed(2) }}\n                  </div>\n                  <div\n                    class=\"percentage\"\n                    :class=\"\n                      element.stock_data.up_down_price >= 0\n                        ? 'green--text'\n                        : 'red--text'\n                    \"\n                  >\n                    <span>\n                      {{\n                        retrunPveNve(\n                          element.stock_data.up_down_price.toFixed(2)\n                        )\n                      }} </span\n                    ><span\n                      >({{\n                        retrunPveNve(element.stock_data.up_down_percent)\n                      }}%)</span\n                    >\n                  </div>\n                </div>\n                <div class=\"delete-btn\" v-if=\"is_drag\">\n                  <v-btn\n                    @click=\"deleteButton(element.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          v-if=\"is_Nifty != 'Nifty 50' && stock_data.length != 0\"\n          class=\"text-center mb-13 mt-1\"\n        >\n          <v-pagination\n            v-model=\"pages\"\n            :length=\"total_page\"\n            circle\n          ></v-pagination>\n        </div>\n      </div>\n    </div>\n    <v-bottom-sheet v-if=\"!is_drag\" v-model=\"sheet\">\n      <v-sheet\n        rounded=\"10px\"\n        class=\"d-flex justify-space-between flex-column text-center pa-4\"\n        height=\"150px\"\n      >\n        <div class=\"d-flex justify-space-between\">\n          <div class=\"d-flex\" v-if=\"element.stock_data\">\n            <div>{{ element.stock_data.symbol }}</div>\n            <div class=\"ml-1\">\n              <v-chip small class=\"nse-bse\">\n                {{ element.stock_data.exchange }}\n              </v-chip>\n            </div>\n          </div>\n          <div v-if=\"element.stock_data\">\n            <div class=\"ratio\">\n              {{ element.stock_data.live_price.toFixed(2) }}\n            </div>\n            <div class=\"percentage text-right\">\n              <span>\n                {{\n                  retrunPveNve(element.stock_data.up_down_price.toFixed(2))\n                }} </span\n              ><span\n                >({{ retrunPveNve(element.stock_data.up_down_percent) }}%)</span\n              >\n            </div>\n          </div>\n        </div>\n        <v-divider class=\"my-2\"> </v-divider>\n        <div class=\"d-flex justify-space-between\">\n          <div>\n            <v-btn\n              @click=\"copyTrade(element, 'Buy')\"\n              class=\"btn-size text-capitalize\"\n              depressed\n              width=\"156px\"\n              height=\"44px\"\n              color=\"primary\"\n              >Buy</v-btn\n            >\n          </div>\n          <div>\n            <v-btn\n              @click=\"copyTrade(element, 'Sell')\"\n              class=\"btn-size white--text text-capitalize\"\n              depressed\n              width=\"156px\"\n              height=\"44px\"\n              color=\"#EB5757\"\n              >Sell</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\";\nexport default {\n  name: \"WatchListTable\",\n  // props: [\"current_tab\"],\n  // props: [\"is_drag\"],\n  props: {\n    is_drag: Boolean,\n    stock_data: {\n      type: Array,\n      required: true,\n    },\n    hides: {\n      type: Boolean,\n    },\n    is_Nifty: {\n      type: String,\n    },\n    // page_info: {\n    //   type: Object,\n    // },\n    total_page: {\n      type: Number,\n    },\n    page: {\n      type: Number,\n    },\n    stock_page: {\n      type: Number,\n    },\n    // watchlist_name: {\n    //   type: Number,\n    //   required: true,\n    // },\n  },\n  components: {\n    draggable: () => import(\"vuedraggable\"),\n  },\n\n  data() {\n    return {\n      sheet: false,\n      index: null,\n      hide: true,\n      drag: false,\n\n      draggableEnabled: false,\n      stockss_data: [],\n      pages: this.page,\n      count: 1,\n      numPages: 1,\n      influencerPage: 1,\n      element: {},\n      // is_drag: this.is_drag,\n      isDraggingButtonPressed: false,\n      myArray: [\n        { name: \"HDFC\", id: 123 },\n        { name: \"SBIN\", id: 233 },\n        { name: \"TATA CHEM\", id: 232 },\n        { name: \"ADANI\", id: 234 },\n      ],\n      experience: require(\"@/assets/images/experience.svg\"),\n      search_img: require(\"@/assets/images/SearchWatchlist.svg\"),\n    };\n  },\n  mounted() {\n    // console.log(this.stock_data);\n  },\n  computed: {\n    stocks_data() {\n      if (this.stock_data) {\n        return this.stock_data;\n      } else return -1;\n    },\n  },\n\n  watch: {\n    stock_data() {\n      if (this.stock_data.length <= 10) {\n        this.hide = true;\n        this.count = 1;\n      }\n    },\n    pages() {\n      this.eventBus.$emit(\"appendStocksTable\", this.pages);\n    },\n  },\n  methods: {\n    ...mapActions({\n      toggleWatchlistModal: \"watchlistModal/toggleWatchlistModal\",\n      toggleAddTradeModal: \"addTrade/toggleTradeModal\",\n    }),\n    copyTrade(item, type) {\n      this.toggleAddTradeModal({\n        security: item.stock_data,\n        show: true,\n        type: \"add\",\n        trade_type: type,\n        copyDetail: item,\n        isBuySellButton: true,\n      });\n    },\n\n    bottomSheet(element) {\n      this.element = element;\n      this.sheet = true;\n    },\n    // onIntersects(entries) {\n    //   this.hide = true;\n    //   entries.forEach((entry) => {\n    //     if (entry.isIntersecting) {\n    //       if (this.count <= this.total_page) {\n    //         this.count += 1;\n    //         this.eventBus.$emit(\"appendStocksTable\", true);\n    //       } else {\n    //         this.hide = false;\n    //       }\n    //     }\n    //   });\n    // },\n    ended(event) {\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.stock,\n      });\n    },\n    onMove(evt, originalEvent) {\n      if (originalEvent.clientY !== this.lastY) {\n        evt.preventDefault();\n      }\n      this.lastY = originalEvent.clientY;\n    },\n\n    retrunPveNve(value) {\n      if (value >= 0) {\n        return `+${value}`;\n      } else {\n        return value;\n      }\n    },\n    deleteButton(item) {\n      this.eventBus.$emit(\"delete-item\", {\n        item: item,\n      });\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.experience-img {\n  margin-left: 8px;\n  display: inline-block;\n  width: 0.75rem;\n  height: 0.75rem;\n  vertical-align: middle;\n}\n.search-security {\n  color: #333;\n  text-align: center;\n  font-family: Avenir;\n  font-size: 1.5rem;\n  font-style: normal;\n  font-weight: 800;\n  line-height: normal;\n}\n.search-security-desc {\n  color: rgba(51, 51, 51, 0.72);\n  text-align: center;\n  font-family: Avenir;\n  font-size: 1rem;\n  font-style: normal;\n  font-weight: 500;\n  line-height: normal;\n}\n.search-img {\n  width: 13.73813rem;\n  height: 6.2145rem;\n}\n.r-padding {\n  padding-right: 340px !important;\n}\n.table-actions {\n  position: absolute;\n  right: 0;\n}\n.edit-table-actions {\n  margin-left: 140px;\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(51, 51, 51, 0.8);\n}\n.ratio {\n  color: var(--Green-2, #27ae60);\n  text-align: center;\n  font-family: Avenir;\n  font-style: normal;\n  font-weight: 500;\n  line-height: normal;\n}\n.percentage {\n  color: #434343;\n  // text-align: center;\n  font-size: 0.875rem;\n  font-style: normal;\n  font-weight: 500;\n  line-height: normal;\n}\n.return-potential {\n  color: #828282;\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.security-name {\n  color: #000;\n  font-family: Avenir;\n  font-size: 1.125rem;\n  font-style: normal;\n  font-weight: 500;\n  line-height: normal;\n}\n.nse-bse {\n  background: rgba(130, 130, 130, 0.1) !important;\n  font-family: Avenir;\n  font-size: 12px;\n  font-weight: 500;\n  line-height: 16px;\n  letter-spacing: 0em;\n  text-align: left;\n}\n.btn-size {\n  width: 80px;\n  height: 32px;\n}\n.list-items {\n  height: 50px;\n  padding: 15px;\n\n  td:not(tr > td:nth-child(1)) {\n    padding-left: 8px;\n    padding-right: 8px;\n    // width: 60px;\n  }\n}\n\n@media only screen and (max-width: 768px) {\n  .search-img {\n    width: 6.142rem;\n    height: 1.51231rem;\n  }\n  .search-security {\n    font-size: 1.125rem;\n    font-style: normal;\n    font-weight: 800;\n    line-height: 1.25rem; /* 111.111% */\n  }\n  .search-security-desc {\n    text-align: center;\n    font-size: 0.75rem;\n    font-style: normal;\n    font-weight: 500;\n    line-height: normal;\n  }\n  .list-group-item {\n    border-bottom: 0.8px solid #c3c3c3;\n    padding: 6px 0;\n  }\n  .list-items {\n    transition: transform 0.3s ease-in-out; /* Add a transition for smoother movement */\n  }\n  .v-chip.v-size--small {\n    height: 14px !important;\n  }\n  .security-name {\n    font-size: 0.75rem;\n    font-style: normal;\n    line-height: normal;\n  }\n  .nse-bse {\n    padding: 7px;\n    color: var(--Gray-2, #4f4f4f);\n    font-size: 0.5625rem;\n    font-style: normal;\n    font-weight: 500;\n    line-height: normal;\n  }\n  .return-potential {\n    font-size: 0.5625rem;\n    font-style: normal;\n    font-weight: 500;\n    line-height: 1.25rem; /* 222.222% */\n  }\n  .ratio {\n    text-align: right !important;\n    font-size: 0.75rem;\n    font-style: normal;\n    font-weight: 500;\n    line-height: normal;\n  }\n  .percentage {\n    text-align: center;\n    font-size: 0.625rem;\n    font-style: normal;\n    font-weight: 500;\n    line-height: normal;\n  }\n  .ghost {\n    opacity: 0.5;\n    background: #c8ebfb;\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  .ratio {\n    // text-align: right;\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!./StocksWatchListTable.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!./StocksWatchListTable.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./StocksWatchListTable.vue?vue&type=template&id=3185887e&scoped=true&\"\nimport script from \"./StocksWatchListTable.vue?vue&type=script&lang=js&\"\nexport * from \"./StocksWatchListTable.vue?vue&type=script&lang=js&\"\nimport style0 from \"./StocksWatchListTable.vue?vue&type=style&index=0&id=3185887e&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  \"3185887e\",\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 { VChip } from 'vuetify/lib/components/VChip';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VDivider } from 'vuetify/lib/components/VDivider';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VImg } from 'vuetify/lib/components/VImg';\nimport { VPagination } from 'vuetify/lib/components/VPagination';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VSheet } from 'vuetify/lib/components/VSheet';\ninstallComponents(component, {VBottomSheet,VBtn,VChip,VCol,VDivider,VIcon,VImg,VPagination,VRow,VSheet})\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!./StocksWatchListTable.vue?vue&type=style&index=0&id=3185887e&lang=scss&scoped=true&\"","module.exports = __webpack_public_path__ + \"img/experience.fb0494ab.svg\";"],"sourceRoot":""}