{"version":3,"sources":["webpack:///./src/app/modules/layout-investment/components/investment/card-investment/card-portfolio/multi-symbol-pnl.component.vue","webpack:///src/app/modules/layout-investment/components/investment/card-investment/card-portfolio/multi-symbol-pnl.component.vue","webpack:///./src/app/modules/layout-investment/components/investment/card-investment/card-portfolio/multi-symbol-pnl.component.vue?81a7","webpack:///./src/app/modules/layout-investment/components/investment/card-investment/card-portfolio/multi-symbol-pnl.component.vue?9c66"],"names":["render","_vm","this","_c","_self","staticClass","getVisualizationMode","cardSymbols","length","_l","symbol","key","name","class","item","type","_v","_s","buy_volume","_e","sell_volume","directives","rawName","value","arrow","theme","expression","attrs","openPnl","undefined","domProps","$icons","play_green","play_red","_f","closedPnl","currentExposure","max_exposure","staticRenderFns","props","Object","computed","mapGetters","getUiTheme","getSelectedAccount","_this$item2","_this$item","_this$item3","sub_strategies","reduce","acc","curr","position_profit","closed_pnl","strategy_symbol","curr_positions","open_pnl","position_volume","prices","map","position","position_price_avg","Number","toFixed","strategies","symbols","Array","Set","sub","positionsBySymbol","filter","strategy","includes","position_status","position_symbol","component"],"mappings":"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","file":"js/chunk-2d21df7a.ede523b8.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"flex h-full w-full justify-between gap-2 2xl:gap-12\"},[(_vm.getVisualizationMode === 'card')?_c('div',{staticClass:\"dark:border-ontick-steel-400 border-ontick-steel-300 dark:bg-ontick-graphite-500 min-h-full w-full space-y-1.5 overflow-y-auto border-r-2 bg-gray-100 p-1.5 backdrop-blur-sm backdrop-filter dark:bg-opacity-50\"},[(!_vm.cardSymbols.length)?_c('div',{staticClass:\"flex h-full w-full items-center justify-center text-sm font-medium uppercase\"},[_c('span',[_vm._v(\" Zerado \")])]):_vm._l((_vm.cardSymbols),function(symbol){return _c('div',{key:symbol.name,staticClass:\"grid h-4 gap-1.5\",class:_vm.item.type === 'PORTFOLIO' ? ' grid-cols-3 ' : 'grid-cols-2'},[_c('span',{staticClass:\"bg-ontick-blue-900 flex h-full max-w-[72px] items-center justify-center rounded-sm text-[10px] font-semibold uppercase tracking-wide text-white\"},[_vm._v(\" \"+_vm._s(symbol.name)+\" \")]),(_vm.item.type === 'PORTFOLIO' || symbol.buy_volume)?_c('div',{staticClass:\"flex items-center gap-1\"},[_c('span',{staticClass:\"h-full rounded-sm px-1 text-[10px] font-semibold\",class:symbol.buy_volume === 0\n                ? 'bg-gray-500 text-gray-300'\n                : 'bg-ontick-yellow-800 text-ontick-graphite-500'},[_vm._v(\" C \")]),_c('span',{staticClass:\"text-xs font-semibold\",class:{ 'text-gray-500': symbol.buy_volume === 0 }},[_vm._v(\" \"+_vm._s(symbol.buy_volume || \"-\")+\" \")])]):_vm._e(),(_vm.item.type === 'PORTFOLIO' || symbol.sell_volume)?_c('div',{staticClass:\"flex items-center gap-1\"},[_c('span',{staticClass:\"h-full rounded-sm px-1 text-[10px] font-semibold\",class:symbol.sell_volume === 0\n                ? 'bg-gray-500 text-gray-300'\n                : 'bg-ontick-yellow-800 text-ontick-graphite-500'},[_vm._v(\" V \")]),_c('span',{staticClass:\"text-xs font-semibold\",class:{ 'text-gray-500': symbol.sell_volume === 0 }},[_vm._v(\" \"+_vm._s(symbol.sell_volume || \"-\")+\" \")])]):_vm._e()])})],2):_vm._e(),_c('div',{staticClass:\"flex gap-2\",class:_vm.getVisualizationMode === 'card'\n        ? 'flex-col'\n        : 'w-full items-end justify-between'},[_c('div',{directives:[{name:\"tippy\",rawName:\"v-tippy\",value:({ arrow: true, theme: 'green' }),expression:\"{ arrow: true, theme: 'green' }\"}],staticClass:\"flex flex-col gap-0.5\",class:{ 'items-end': _vm.getVisualizationMode === 'card' },attrs:{\"content\":\"Resultado da operação em aberto\"}},[_c('span',{staticClass:\"text-xs text-gray-500 dark:text-gray-400\"},[_vm._v(\" Resultado \")]),_c('div',{staticClass:\"flex items-center gap-1 text-sm\"},[(_vm.openPnl == null || _vm.openPnl == undefined)?_c('ontick-loading-ellipsis-component'):(_vm.openPnl > 0)?_c('i',{domProps:{\"innerHTML\":_vm._s(_vm.$icons.play_green)}}):(_vm.openPnl < 0)?_c('i',{domProps:{\"innerHTML\":_vm._s(_vm.$icons.play_red)}}):_c('i',{staticClass:\"h-3 w-3 rounded-full bg-gray-500 dark:bg-gray-400\"}),_c('span',{staticClass:\"whitespace-nowrap font-semibold\"},[_vm._v(\" \"+_vm._s(_vm._f(\"currency\")(_vm.openPnl))+\" \")])],1)]),_c('div',{directives:[{name:\"tippy\",rawName:\"v-tippy\",value:({ arrow: true, theme: 'green' }),expression:\"{ arrow: true, theme: 'green' }\"}],staticClass:\"flex flex-col gap-0.5\",class:{ 'items-end': _vm.getVisualizationMode === 'card' },attrs:{\"content\":\"Resultado acumulado do dia\"}},[_c('span',{staticClass:\"text-xs text-gray-500 dark:text-gray-400\"},[_vm._v(\" Acumulado \")]),_c('div',{staticClass:\"flex items-center gap-1\"},[(_vm.closedPnl > 0)?_c('i',{domProps:{\"innerHTML\":_vm._s(_vm.$icons.play_green)}}):(_vm.closedPnl < 0)?_c('i',{domProps:{\"innerHTML\":_vm._s(_vm.$icons.play_red)}}):_c('i',{staticClass:\"h-3 w-3 rounded-full bg-gray-500 dark:bg-gray-400\"}),_c('span',{staticClass:\"whitespace-nowrap text-sm font-semibold\"},[_vm._v(\" \"+_vm._s(_vm._f(\"currency\")(_vm.closedPnl))+\" \")])])]),_c('div',{directives:[{name:\"tippy\",rawName:\"v-tippy\",value:({ arrow: true, theme: 'green' }),expression:\"{ arrow: true, theme: 'green' }\"}],staticClass:\"flex flex-col gap-0.5\",class:{ 'items-end': _vm.getVisualizationMode === 'card' },attrs:{\"content\":\"Exposição atual/exposição máxima\"}},[_c('span',{staticClass:\"text-xs text-gray-500 dark:text-gray-400\"},[_vm._v(\" Exposição \")]),_c('div',{staticClass:\"flex items-center gap-1 text-sm\",class:{\n          'justify-end': _vm.getVisualizationMode === 'mini-card',\n        }},[_c('p',{staticClass:\"whitespace-nowrap text-gray-500 dark:text-gray-400\"},[(_vm.item.type === 'PORTFOLIO')?[_c('span',{staticClass:\"text-ontick-carbon-900 font-semibold dark:text-gray-300\"},[_vm._v(\" \"+_vm._s(_vm.currentExposure)+\" \")]),_c('span',[_vm._v(_vm._s(\"/\"))]),_c('span',[_vm._v(_vm._s(_vm.item.max_exposure))])]:_c('span',{staticClass:\"text-ontick-carbon-900 font-semibold dark:text-gray-300\"},[_vm._v(\" \"+_vm._s(_vm._f(\"currency\")(_vm.currentExposure))+\" \")])],2)])])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"flex h-full w-full justify-between gap-2 2xl:gap-12\">\n    <div\n      v-if=\"getVisualizationMode === 'card'\"\n      class=\"dark:border-ontick-steel-400 border-ontick-steel-300 dark:bg-ontick-graphite-500 min-h-full w-full space-y-1.5 overflow-y-auto border-r-2 bg-gray-100 p-1.5 backdrop-blur-sm backdrop-filter dark:bg-opacity-50\"\n    >\n      <div\n        class=\"flex h-full w-full items-center justify-center text-sm font-medium uppercase\"\n        v-if=\"!cardSymbols.length\"\n      >\n        <span> Zerado </span>\n      </div>\n      <template v-else>\n        <div\n          v-for=\"symbol in cardSymbols\"\n          :key=\"symbol.name\"\n          class=\"grid h-4 gap-1.5\"\n          :class=\"item.type === 'PORTFOLIO' ? ' grid-cols-3 ' : 'grid-cols-2'\"\n        >\n          <span\n            class=\"bg-ontick-blue-900 flex h-full max-w-[72px] items-center justify-center rounded-sm text-[10px] font-semibold uppercase tracking-wide text-white\"\n          >\n            {{ symbol.name }}\n          </span>\n          <!-- <div class=\"grid w-full grid-cols-2 gap-2\"> -->\n          <div\n            class=\"flex items-center gap-1\"\n            v-if=\"item.type === 'PORTFOLIO' || symbol.buy_volume\"\n          >\n            <span\n              class=\"h-full rounded-sm px-1 text-[10px] font-semibold\"\n              :class=\"\n                symbol.buy_volume === 0\n                  ? 'bg-gray-500 text-gray-300'\n                  : 'bg-ontick-yellow-800 text-ontick-graphite-500'\n              \"\n            >\n              C\n            </span>\n            <span\n              class=\"text-xs font-semibold\"\n              :class=\"{ 'text-gray-500': symbol.buy_volume === 0 }\"\n            >\n              {{ symbol.buy_volume || \"-\" }}\n            </span>\n          </div>\n          <div\n            class=\"flex items-center gap-1\"\n            v-if=\"item.type === 'PORTFOLIO' || symbol.sell_volume\"\n          >\n            <span\n              class=\"h-full rounded-sm px-1 text-[10px] font-semibold\"\n              :class=\"\n                symbol.sell_volume === 0\n                  ? 'bg-gray-500 text-gray-300'\n                  : 'bg-ontick-yellow-800 text-ontick-graphite-500'\n              \"\n            >\n              V\n            </span>\n            <span\n              class=\"text-xs font-semibold\"\n              :class=\"{ 'text-gray-500': symbol.sell_volume === 0 }\"\n            >\n              {{ symbol.sell_volume || \"-\" }}\n            </span>\n          </div>\n          <!-- </div> -->\n        </div>\n      </template>\n    </div>\n    <div\n      class=\"flex gap-2\"\n      :class=\"\n        getVisualizationMode === 'card'\n          ? 'flex-col'\n          : 'w-full items-end justify-between'\n      \"\n    >\n      <div\n        class=\"flex flex-col gap-0.5\"\n        :class=\"{ 'items-end': getVisualizationMode === 'card' }\"\n        v-tippy=\"{ arrow: true, theme: 'green' }\"\n        content=\"Resultado da operação em aberto\"\n      >\n        <span class=\"text-xs text-gray-500 dark:text-gray-400\">\n          Resultado\n        </span>\n        <div class=\"flex items-center gap-1 text-sm\">\n          <ontick-loading-ellipsis-component\n            v-if=\"openPnl == null || openPnl == undefined\"\n          />\n          <i v-html=\"$icons.play_green\" v-else-if=\"openPnl > 0\"></i>\n          <i v-html=\"$icons.play_red\" v-else-if=\"openPnl < 0\"></i>\n          <i\n            class=\"h-3 w-3 rounded-full bg-gray-500 dark:bg-gray-400\"\n            v-else\n          ></i>\n          <span class=\"whitespace-nowrap font-semibold\">\n            {{ openPnl | currency }}\n          </span>\n        </div>\n      </div>\n      <div\n        class=\"flex flex-col gap-0.5\"\n        :class=\"{ 'items-end': getVisualizationMode === 'card' }\"\n        v-tippy=\"{ arrow: true, theme: 'green' }\"\n        content=\"Resultado acumulado do dia\"\n      >\n        <span class=\"text-xs text-gray-500 dark:text-gray-400\">\n          Acumulado\n        </span>\n        <div class=\"flex items-center gap-1\">\n          <i v-html=\"$icons.play_green\" v-if=\"closedPnl > 0\"></i>\n          <i v-html=\"$icons.play_red\" v-else-if=\"closedPnl < 0\"></i>\n          <i\n            class=\"h-3 w-3 rounded-full bg-gray-500 dark:bg-gray-400\"\n            v-else\n          ></i>\n          <span class=\"whitespace-nowrap text-sm font-semibold\">\n            {{ closedPnl | currency }}\n          </span>\n        </div>\n      </div>\n      <div\n        class=\"flex flex-col gap-0.5\"\n        :class=\"{ 'items-end': getVisualizationMode === 'card' }\"\n        v-tippy=\"{ arrow: true, theme: 'green' }\"\n        content=\"Exposição atual/exposição máxima\"\n      >\n        <span class=\"text-xs text-gray-500 dark:text-gray-400\">\n          Exposição\n        </span>\n        <div\n          class=\"flex items-center gap-1 text-sm\"\n          :class=\"{\n            'justify-end': getVisualizationMode === 'mini-card',\n          }\"\n        >\n          <p class=\"whitespace-nowrap text-gray-500 dark:text-gray-400\">\n            <template v-if=\"item.type === 'PORTFOLIO'\">\n              <span\n                class=\"text-ontick-carbon-900 font-semibold dark:text-gray-300\"\n              >\n                {{ currentExposure }}\n              </span>\n              <span>{{ \"/\" }}</span>\n              <span>{{ item.max_exposure }}</span>\n            </template>\n            <span\n              v-else\n              class=\"text-ontick-carbon-900 font-semibold dark:text-gray-300\"\n            >\n              {{ currentExposure | currency }}\n            </span>\n          </p>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { mapGetters } from \"vuex\";\n\nexport default {\n  props: {\n    item: {\n      type: Object,\n    },\n  },\n\n  computed: {\n    ...mapGetters({\n      getVisualizationMode: \"investment/getVisualizationMode\",\n      getUiTheme: \"config/getUiTheme\",\n      getSelectedAccount: \"accountTypes/getSelectedAccount\",\n    }),\n    closedPnl() {\n      if (this.item.type === \"PORTFOLIO\") {\n        return (\n          this.item.sub_strategies.reduce((acc, curr) => {\n            return acc + (curr.position_profit || 0) + (curr?.closed_pnl || 0);\n          }, 0) + (this.item?.closed_pnl || 0)\n        );\n      } else if (\n        this.item.strategy_symbol === \"ANY\" &&\n        this.item?.curr_positions\n      ) {\n        return (\n          this.item.curr_positions.reduce((acc, curr) => {\n            return acc + (curr.position_profit || 0);\n          }, 0) + (this.item?.closed_pnl || 0)\n        );\n      }\n      return 0;\n    },\n    openPnl() {\n      if (this.item.type === \"PORTFOLIO\") {\n        return this.item.sub_strategies.reduce(\n          (acc, curr) => acc + (curr.open_pnl || 0),\n          0\n        );\n      } else {\n        return this.item.curr_positions.reduce(\n          (acc, curr) => acc + (curr.open_pnl || 0),\n          0\n        );\n      }\n    },\n    currentExposure() {\n      if (this.item.type === \"PORTFOLIO\") {\n        return this.item.sub_strategies.reduce((acc, item) => {\n          return acc + (item.position_volume || 0);\n        }, 0);\n      } else {\n        // MULTI ATIVOS\n        let prices = this.item.curr_positions.map(\n          (position) => position.position_volume * position.position_price_avg\n        );\n        return Number(prices.reduce((acc, curr) => acc + curr, 0).toFixed(0));\n      }\n    },\n    cardSymbols() {\n      if (this.item.type === \"PORTFOLIO\") {\n        let strategies = this.item.sub_strategies;\n        let symbols = Array(\n          ...new Set(strategies.map((sub) => sub.strategy_symbol))\n        );\n        let positionsBySymbol = symbols.map((symbol) => {\n          return {\n            name: symbol,\n            buy_volume: strategies\n              .filter(\n                (strategy) =>\n                  strategy.strategy_symbol === symbol &&\n                  [\"Comprado\", \"BUY\"].includes(strategy.position_status)\n              )\n              .reduce((acc, curr) => acc + (curr.position_volume || 0), 0),\n            sell_volume: strategies\n              .filter(\n                (strategy) =>\n                  strategy.strategy_symbol === symbol &&\n                  [\"Vendido\", \"SELL\"].includes(strategy.position_status)\n              )\n              .reduce((acc, curr) => acc + (curr.position_volume || 0), 0),\n          };\n        });\n        return positionsBySymbol;\n      } else {\n        return this.item.curr_positions\n          .filter((position) => position.position_status != \"Zerado\")\n          .map((position) => {\n            return {\n              name: position.position_symbol,\n              buy_volume: [\"Comprado\", \"BUY\"].includes(position.position_status)\n                ? position.position_volume\n                : 0,\n              sell_volume: [\"Vendido\", \"SELL\"].includes(\n                position.position_status\n              )\n                ? position.position_volume\n                : 0,\n            };\n          });\n      }\n    },\n  },\n};\n</script>\n\n<style></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/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./multi-symbol-pnl.component.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/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./multi-symbol-pnl.component.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./multi-symbol-pnl.component.vue?vue&type=template&id=fcb7480a\"\nimport script from \"./multi-symbol-pnl.component.vue?vue&type=script&lang=js\"\nexport * from \"./multi-symbol-pnl.component.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}