{"version":3,"sources":["webpack:///./src/app/modules/marketplace/components/details/marketplace-details-table.component.vue?b5f2","webpack:///./src/app/modules/marketplace/components/details/marketplace-details-table.component.vue","webpack:///src/app/modules/marketplace/components/details/marketplace-details-table.component.vue","webpack:///./src/app/modules/marketplace/components/details/marketplace-details-table.component.vue?7d01","webpack:///./src/app/modules/marketplace/components/details/marketplace-details-table.component.vue?6de8"],"names":["render","_vm","this","_c","_self","staticClass","_l","list_months","item","index","key","attrs","_v","_s","pnlError","_e","months","length","class","hasBorder","year","on","$event","setPeriod","month","item2","index2","statusColor","result","toString","toUpperCase","position_origin","click","Object","keys","tag","showPnl","_m","isOpenModalInfo","tableResultOptions","tableResultSelect","scopedSlots","_u","fn","node","labelClassName","id","label","model","value","tableResultId","callback","$$v","expression","staticRenderFns","name","components","OntickModalComponent","Treeselect","props","product","type","Array","default","String","data","selectedPeriod","periodYear","periodMonth","created","EventBus","$on","watch","immediate","handler","values","methods","color","$emit","tableResultPNL","isSame","money","amount","Number","parseFloat","toLocaleString","currency","minimumFractionDigits","maximumFractionDigits","includes","component"],"mappings":"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","file":"js/chunk-3ef6540f.53f1a5fa.js","sourcesContent":["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/cli-service/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/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./marketplace-details-table.component.vue?vue&type=style&index=0&id=256245d5&prod&lang=scss&scoped=true\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('div',{staticClass:\"border-ontick-steel-300 dark:border-ontick-graphite-500 overflow-y-auto rounded-lg border-b shadow\"},[_c('table',{staticClass:\"divide-ontick-steel-300 dark:divide-ontick-carbon-500 min-w-full table-fixed divide-y\"},[_c('thead',{staticClass:\"bg-ontick-steel-200 dark:bg-ontick-steel-500\"},[_c('tr',[_c('th'),_vm._l((_vm.list_months),function(item,index){return _c('th',{key:index,staticClass:\"text-ontick-carbon-900 px-3 py-3 text-center text-xs font-medium uppercase tracking-wider dark:text-gray-300\",attrs:{\"scope\":\"col\"}},[_vm._v(\" \"+_vm._s(item)+\" \")])})],2)]),_c('tbody',{staticClass:\"divide-ontick-steel-300 dark:divide-ontick-carbon-500 dark:bg-ontick-graphite-500 divide-y bg-gray-50 text-center\"},[(_vm.pnlError != '')?[_c('tr',[_c('td',{staticClass:\"p-4\",attrs:{\"colspan\":\"14\"}},[_c('span',[_vm._v(_vm._s(_vm.pnlError))])])])]:_vm._e(),(_vm.pnlError === '' && _vm.months.length > 0)?_vm._l((_vm.months),function(item,index){return _c('tr',{key:index},[_c('td',{staticClass:\"text-ontick-carbon-900 px-3 text-xs font-medium hover:cursor-pointer dark:text-gray-300\",class:[_vm.hasBorder(_vm.year[index], 'ALL') && 'border-ontick-blue-600 border-2'],on:{\"click\":function($event){return _vm.setPeriod({ year: _vm.year[index], month: 'ALL' })}}},[_c('span',[_vm._v(_vm._s(_vm.year[index]))])]),_vm._l((item),function(item2,index2){return _c('td',{key:index2,staticClass:\"whitespace-nowrap py-3 text-xs font-medium\",class:[\n                _vm.statusColor(typeof item2 === 'object' ? item2.result : item2, {\n                  year: _vm.year[index],\n                  month: _vm.list_months[index2].toString().toUpperCase(),\n                }),\n                // item2 == 0 || list_months[index2] == 'Anual'\n                //   ? 'cursor-not-allowed'\n                //   : item2?.position_origin === 'BT'\n                //     ? 'bg-[#D7DB1A0D] hover:cursor-pointer'\n                //     : 'bg-[#0085FF1A] hover:cursor-pointer',\n                item2 == 0 || _vm.list_months[index2] == 'Anual'\n                  ? 'cursor-not-allowed'\n                  : typeof item2 != 'object'\n                    ? 'cursor-not-allowed'\n                    : item2?.position_origin === 'BT'\n                      ? 'bg-[#D7DB1A0D] hover:cursor-pointer'\n                      : 'bg-[#0085FF1A] hover:cursor-pointer',\n              ],on:{\"click\":() => {\n                  if (item2 === 0 || _vm.list_months[index2] === 'Anual') {\n                    return;\n                  }\n                  if (typeof item2 != 'object') {\n                    return;\n                  }\n                  _vm.setPeriod({\n                    year: _vm.year[index],\n                    month: _vm.list_months[index2].toString().toUpperCase(),\n                  });\n                }}},[(typeof item2 === 'object' && Object.keys(item2).length > 0)?_c(\"transition\",{tag:\"span\",attrs:{\"name\":\"slide-fade\",\"mode\":\"out-in\"}},[_c('span',{key:index2},[_vm._v(\" \"+_vm._s(_vm.showPnl(item2.result))+\" \")])]):(typeof item2 === 'number')?_c(\"transition\",{tag:\"span\",attrs:{\"name\":\"slide-fade\",\"mode\":\"out-in\"}},[_c('span',{key:index2},[_vm._v(\" \"+_vm._s(_vm.showPnl(item2))+\" \")])]):_c(\"transition\",{tag:\"span\",attrs:{\"name\":\"slide-fade\",\"mode\":\"out-in\"}},[_c('span',{key:index2},[_vm._v(\"-\")])])],1)})],2)}):_vm._e()],2)])]),_c('section',{staticClass:\"legend mt-3 flex flex-col items-start justify-between md:flex-row\"},[_vm._m(0),_c('div',{staticClass:\"flex w-auto items-center space-x-2\"},[_c('button',{on:{\"click\":function($event){_vm.isOpenModalInfo = true}}},[_c('svg',{staticClass:\"w-4\",attrs:{\"viewBox\":\"0 0 14 14\",\"fill\":\"none\",\"xmlns\":\"http://www.w3.org/2000/svg\"}},[_c('path',{attrs:{\"d\":\"M7.00004 0.333313C3.32004 0.333313 0.333374 3.31998 0.333374 6.99998C0.333374 10.68 3.32004 13.6666 7.00004 13.6666C10.68 13.6666 13.6667 10.68 13.6667 6.99998C13.6667 3.31998 10.68 0.333313 7.00004 0.333313ZM7.66671 11.6666H6.33337V10.3333H7.66671V11.6666ZM9.04671 6.49998L8.44671 7.11331C7.96671 7.59998 7.66671 7.99998 7.66671 8.99998H6.33337V8.66665C6.33337 7.93331 6.63337 7.26665 7.11337 6.77998L7.94004 5.93998C8.18671 5.69998 8.33337 5.36665 8.33337 4.99998C8.33337 4.26665 7.73337 3.66665 7.00004 3.66665C6.26671 3.66665 5.66671 4.26665 5.66671 4.99998H4.33337C4.33337 3.52665 5.52671 2.33331 7.00004 2.33331C8.47337 2.33331 9.66671 3.52665 9.66671 4.99998C9.66671 5.58665 9.42671 6.11998 9.04671 6.49998Z\",\"fill\":\"#6C737F\"}})])]),_c('treeselect',{staticClass:\"h-9 w-full rounded-md md:w-72\",attrs:{\"multiple\":false,\"options\":_vm.tableResultOptions,\"show-count\":true,\"searchable\":false,\"clearable\":false,\"placeholder\":\"Selecionar\"},on:{\"select\":_vm.tableResultSelect},scopedSlots:_vm._u([{key:\"option-label\",fn:function({ node, labelClassName }){return _c('div',{staticClass:\"py-2\",class:labelClassName},_vm._l((_vm.tableResultOptions),function(item,index){return _c('div',{key:index,staticClass:\"flex items-center justify-between\"},[(node.id == item.id)?_c('div',{staticClass:\"space-x-3\"},[_c('span',{staticClass:\"text-sm text-gray-300\"},[_vm._v(_vm._s(node.label))])]):_vm._e()])}),0)}},{key:\"value-label\",fn:function({ node }){return _c('div',{staticClass:\"w-full\"},_vm._l((_vm.tableResultOptions),function(item,index){return _c('div',{key:index,staticClass:\"flex items-center justify-between\"},[(node.id == item.id)?_c('div',{staticClass:\"space-x-3\"},[_c('span',{staticClass:\"text-sm text-gray-300\"},[_vm._v(_vm._s(node.label))])]):_vm._e()])}),0)}}]),model:{value:(_vm.tableResultId),callback:function ($$v) {_vm.tableResultId=$$v},expression:\"tableResultId\"}})],1)]),_c('portal',{attrs:{\"to\":\"modal\"}},[_c('ontick-modal-component',{attrs:{\"open\":_vm.isOpenModalInfo,\"size\":\"small\"},on:{\"close\":function($event){_vm.isOpenModalInfo = false}}},[_c('div',{staticClass:\"divide-ontick-graphite-900 my-3 divide-y overflow-x-auto overflow-y-auto px-3\"},[_c('div',{staticClass:\"pb-4\"},[_c('p',{staticClass:\"text-sm font-medium\"},[_vm._v(\"Retorno capital recomendado:\")]),_c('p',{staticClass:\"text-sm text-gray-400\"},[_vm._v(\"Retorno (%) mensal baseado no capital mínimo recomendado.\")])]),_c('div',{staticClass:\"py-4\"},[_c('p',{staticClass:\"text-sm font-medium\"},[_vm._v(\"Retorno acumulado:\")]),_c('p',{staticClass:\"text-sm text-gray-400\"},[_vm._v(\" Retorno (%) acumulado. Usa como base de calculo o resultado do mês anterior. \")])]),_c('div',{staticClass:\"py-4\"},[_c('p',{staticClass:\"text-sm font-medium\"},[_vm._v(\"Resultado em pontos:\")]),_c('p',{staticClass:\"text-sm text-gray-400\"},[_vm._v(\"Resultado ($) mensal da estratégia convertido para pontos.\")])]),_c('div',{staticClass:\"py-4\"},[_c('p',{staticClass:\"text-sm font-medium\"},[_vm._v(\"Resultado financeiro:\")]),_c('p',{staticClass:\"text-sm text-gray-400\"},[_vm._v(\"Resultado ($) mensal da estratégia.\")])]),_c('div',{staticClass:\"py-4\"},[_c('p',{staticClass:\"text-sm font-medium\"},[_vm._v(\"Volume operado:\")]),_c('p',{staticClass:\"text-sm text-gray-400\"},[_vm._v(\"Quantidade de contratos ou ações operados pela estratégia no período.\")])]),_c('div',{staticClass:\"pt-4\"},[_c('p',{staticClass:\"text-sm font-medium\"},[_vm._v(\"Número de operações:\")]),_c('p',{staticClass:\"text-sm text-gray-400\"},[_vm._v(\"Quantidade de operações realizadas pela estratégia no período.\")])])])])],1)],1)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"flex w-full flex-row justify-center space-x-6 py-3 md:justify-start md:py-0\"},[_c('p',{staticClass:\"inline-flex items-center space-x-1.5\"},[_c('span',{staticClass:\"block h-3 w-3 rounded-sm bg-[#B9AB3066]\"}),_c('span',{staticClass:\"text-xs font-semibold\"},[_vm._v(\"Backtest\")])]),_c('p',{staticClass:\"inline-flex items-center space-x-1.5\"},[_c('span',{staticClass:\"block h-3 w-3 rounded-sm bg-[#057BBF80]\"}),_c('span',{staticClass:\"text-xs font-semibold\"},[_vm._v(\"Paper trade\")])])])\n}]\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <div class=\"border-ontick-steel-300 dark:border-ontick-graphite-500 overflow-y-auto rounded-lg border-b shadow\">\n      <table class=\"divide-ontick-steel-300 dark:divide-ontick-carbon-500 min-w-full table-fixed divide-y\">\n        <thead class=\"bg-ontick-steel-200 dark:bg-ontick-steel-500\">\n          <tr>\n            <th></th>\n            <th\n              v-for=\"(item, index) in list_months\"\n              :key=\"index\"\n              scope=\"col\"\n              class=\"text-ontick-carbon-900 px-3 py-3 text-center text-xs font-medium uppercase tracking-wider dark:text-gray-300\"\n            >\n              {{ item }}\n            </th>\n          </tr>\n        </thead>\n        <tbody\n          class=\"divide-ontick-steel-300 dark:divide-ontick-carbon-500 dark:bg-ontick-graphite-500 divide-y bg-gray-50 text-center\"\n        >\n          <template v-if=\"pnlError != ''\">\n            <tr>\n              <td class=\"p-4\" colspan=\"14\">\n                <span>{{ pnlError }}</span>\n              </td>\n            </tr>\n          </template>\n          <template v-if=\"pnlError === '' && months.length > 0\">\n            <tr v-for=\"(item, index) in months\" :key=\"index\">\n              <td\n                :class=\"[hasBorder(year[index], 'ALL') && 'border-ontick-blue-600 border-2']\"\n                class=\"text-ontick-carbon-900 px-3 text-xs font-medium hover:cursor-pointer dark:text-gray-300\"\n                @click=\"setPeriod({ year: year[index], month: 'ALL' })\"\n              >\n                <span>{{ year[index] }}</span>\n              </td>\n              <td\n                v-for=\"(item2, index2) in item\"\n                :key=\"index2\"\n                :class=\"[\n                  statusColor(typeof item2 === 'object' ? item2.result : item2, {\n                    year: year[index],\n                    month: list_months[index2].toString().toUpperCase(),\n                  }),\n                  // item2 == 0 || list_months[index2] == 'Anual'\n                  //   ? 'cursor-not-allowed'\n                  //   : item2?.position_origin === 'BT'\n                  //     ? 'bg-[#D7DB1A0D] hover:cursor-pointer'\n                  //     : 'bg-[#0085FF1A] hover:cursor-pointer',\n                  item2 == 0 || list_months[index2] == 'Anual'\n                    ? 'cursor-not-allowed'\n                    : typeof item2 != 'object'\n                      ? 'cursor-not-allowed'\n                      : item2?.position_origin === 'BT'\n                        ? 'bg-[#D7DB1A0D] hover:cursor-pointer'\n                        : 'bg-[#0085FF1A] hover:cursor-pointer',\n                ]\"\n                class=\"whitespace-nowrap py-3 text-xs font-medium\"\n                @click=\"\n                  () => {\n                    if (item2 === 0 || list_months[index2] === 'Anual') {\n                      return;\n                    }\n                    if (typeof item2 != 'object') {\n                      return;\n                    }\n                    setPeriod({\n                      year: year[index],\n                      month: list_months[index2].toString().toUpperCase(),\n                    });\n                  }\n                \"\n              >\n                <span\n                  v-if=\"typeof item2 === 'object' && Object.keys(item2).length > 0\"\n                  is=\"transition\"\n                  name=\"slide-fade\"\n                  mode=\"out-in\"\n                >\n                  <span :key=\"index2\">\n                    {{ showPnl(item2.result) }}\n                  </span>\n                </span>\n                <span v-else-if=\"typeof item2 === 'number'\" is=\"transition\" name=\"slide-fade\" mode=\"out-in\">\n                  <span :key=\"index2\">\n                    {{ showPnl(item2) }}\n                  </span>\n                </span>\n                <span v-else is=\"transition\" name=\"slide-fade\" mode=\"out-in\">\n                  <span :key=\"index2\">-</span>\n                </span>\n              </td>\n            </tr>\n          </template>\n        </tbody>\n      </table>\n    </div>\n    <section class=\"legend mt-3 flex flex-col items-start justify-between md:flex-row\">\n      <div class=\"flex w-full flex-row justify-center space-x-6 py-3 md:justify-start md:py-0\">\n        <p class=\"inline-flex items-center space-x-1.5\">\n          <span class=\"block h-3 w-3 rounded-sm bg-[#B9AB3066]\"></span>\n          <span class=\"text-xs font-semibold\">Backtest</span>\n        </p>\n        <p class=\"inline-flex items-center space-x-1.5\">\n          <span class=\"block h-3 w-3 rounded-sm bg-[#057BBF80]\"></span>\n          <span class=\"text-xs font-semibold\">Paper trade</span>\n        </p>\n      </div>\n      <div class=\"flex w-auto items-center space-x-2\">\n        <button @click=\"isOpenModalInfo = true\">\n          <svg class=\"w-4\" viewBox=\"0 0 14 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <path\n              d=\"M7.00004 0.333313C3.32004 0.333313 0.333374 3.31998 0.333374 6.99998C0.333374 10.68 3.32004 13.6666 7.00004 13.6666C10.68 13.6666 13.6667 10.68 13.6667 6.99998C13.6667 3.31998 10.68 0.333313 7.00004 0.333313ZM7.66671 11.6666H6.33337V10.3333H7.66671V11.6666ZM9.04671 6.49998L8.44671 7.11331C7.96671 7.59998 7.66671 7.99998 7.66671 8.99998H6.33337V8.66665C6.33337 7.93331 6.63337 7.26665 7.11337 6.77998L7.94004 5.93998C8.18671 5.69998 8.33337 5.36665 8.33337 4.99998C8.33337 4.26665 7.73337 3.66665 7.00004 3.66665C6.26671 3.66665 5.66671 4.26665 5.66671 4.99998H4.33337C4.33337 3.52665 5.52671 2.33331 7.00004 2.33331C8.47337 2.33331 9.66671 3.52665 9.66671 4.99998C9.66671 5.58665 9.42671 6.11998 9.04671 6.49998Z\"\n              fill=\"#6C737F\"\n            />\n          </svg>\n        </button>\n        <treeselect\n          :multiple=\"false\"\n          :options=\"tableResultOptions\"\n          :show-count=\"true\"\n          :searchable=\"false\"\n          :clearable=\"false\"\n          placeholder=\"Selecionar\"\n          v-model=\"tableResultId\"\n          @select=\"tableResultSelect\"\n          class=\"h-9 w-full rounded-md md:w-72\"\n        >\n          <div slot=\"option-label\" slot-scope=\"{ node, labelClassName }\" :class=\"labelClassName\" class=\"py-2\">\n            <div class=\"flex items-center justify-between\" v-for=\"(item, index) in tableResultOptions\" :key=\"index\">\n              <div class=\"space-x-3\" v-if=\"node.id == item.id\">\n                <span class=\"text-sm text-gray-300\">{{ node.label }}</span>\n              </div>\n            </div>\n          </div>\n          <div slot=\"value-label\" slot-scope=\"{ node }\" class=\"w-full\">\n            <div class=\"flex items-center justify-between\" v-for=\"(item, index) in tableResultOptions\" :key=\"index\">\n              <div class=\"space-x-3\" v-if=\"node.id == item.id\">\n                <span class=\"text-sm text-gray-300\">{{ node.label }}</span>\n              </div>\n            </div>\n          </div>\n        </treeselect>\n      </div>\n    </section>\n\n    <portal to=\"modal\">\n      <ontick-modal-component :open=\"isOpenModalInfo\" @close=\"isOpenModalInfo = false\" size=\"small\">\n        <!-- <h1 class=\"text-2xl font-bold text-gray-50\">Info</h1> -->\n        <div class=\"divide-ontick-graphite-900 my-3 divide-y overflow-x-auto overflow-y-auto px-3\">\n          <div class=\"pb-4\">\n            <p class=\"text-sm font-medium\">Retorno capital recomendado:</p>\n            <p class=\"text-sm text-gray-400\">Retorno (%) mensal baseado no capital mínimo recomendado.</p>\n          </div>\n\n          <div class=\"py-4\">\n            <p class=\"text-sm font-medium\">Retorno acumulado:</p>\n            <p class=\"text-sm text-gray-400\">\n              Retorno (%) acumulado. Usa como base de calculo o resultado do mês anterior.\n            </p>\n          </div>\n\n          <div class=\"py-4\">\n            <p class=\"text-sm font-medium\">Resultado em pontos:</p>\n            <p class=\"text-sm text-gray-400\">Resultado ($) mensal da estratégia convertido para pontos.</p>\n          </div>\n\n          <div class=\"py-4\">\n            <p class=\"text-sm font-medium\">Resultado financeiro:</p>\n            <p class=\"text-sm text-gray-400\">Resultado ($) mensal da estratégia.</p>\n          </div>\n\n          <div class=\"py-4\">\n            <p class=\"text-sm font-medium\">Volume operado:</p>\n            <p class=\"text-sm text-gray-400\">Quantidade de contratos ou ações operados pela estratégia no período.</p>\n          </div>\n\n          <div class=\"pt-4\">\n            <p class=\"text-sm font-medium\">Número de operações:</p>\n            <p class=\"text-sm text-gray-400\">Quantidade de operações realizadas pela estratégia no período.</p>\n          </div>\n        </div>\n      </ontick-modal-component>\n    </portal>\n  </div>\n</template>\n\n<script>\nimport OntickModalComponent from \"../../../../shared/components/basic/ontick-modal.component.vue\";\nimport EventBus from \"@/app/shared/utils/event_bus.js\";\n\nimport Treeselect from \"@riophae/vue-treeselect\";\nimport \"@riophae/vue-treeselect/dist/vue-treeselect.css\";\n\nexport default {\n  name: \"marketplaceCarousel\",\n\n  components: {\n    OntickModalComponent,\n    Treeselect,\n  },\n\n  props: {\n    product: {\n      type: Array,\n      default: [],\n    },\n    pnlError: {\n      type: String,\n      default: \"\",\n    },\n    year: {\n      type: Array,\n      default: [],\n    },\n  },\n\n  data() {\n    return {\n      months: [],\n      list_months: [\"Jan\", \"Fev\", \"Mar\", \"Abr\", \"Mai\", \"Jun\", \"Jul\", \"Ago\", \"Set\", \"Out\", \"Nov\", \"Dez\", \"Anual\"],\n      tableResultId: \"FIN_RESULT\",\n      tableResultOptions: [\n        { label: \"Retorno cap. recom. (%)\", id: \"REC_CAP_RET\" },\n        { label: \"Retorno acumulado (%)\", id: \"CUM_RET\" },\n        { label: \"Retorno em pontos\", id: \"POINTS_RESULT\" },\n        { label: \"Resultado financeiro (R$)\", id: \"FIN_RESULT\" },\n        { label: \"Volume operado\", id: \"VOLUME\" },\n        { label: \"Número de operações\", id: \"OPERATION\" },\n      ],\n      selectedPeriod: {\n        periodYear: \"ALL\",\n        periodMonth: \"ALL\",\n      },\n      isOpenModalInfo: false,\n    };\n  },\n\n  created() {\n    EventBus.$on(\"RESET_TABLE_PNL\", () => {\n      this.selectedPeriod = {\n        periodYear: \"ALL\",\n        periodMonth: \"ALL\",\n      };\n    });\n  },\n\n  watch: {\n    product: {\n      immediate: true,\n      handler(values) {\n        this.months = values;\n        return values;\n      },\n    },\n  },\n\n  methods: {\n    hasBorder(year, month) {\n      const { periodYear, periodMonth } = this.selectedPeriod;\n      return periodYear === year && periodMonth === month;\n    },\n    statusColor(value, { year, month }) {\n      let color;\n\n      if (!value) return \"text-ontick-gray-500\";\n\n      if (value < 0) {\n        color = \"dark:text-ontick-red-600 text-ontick-red-900\";\n      } else if (value == 0) {\n        color = \"dark:text-gray-400 text-ontick-carbon-900\";\n      } else {\n        color = \" dark:text-ontick-green-600 text-ontick-green-800\";\n      }\n      return this.hasBorder(year, month) ? `${color} border-2 border-ontick-blue-600` : color;\n    },\n    tableResultSelect(result) {\n      this.tableResultId = result.id;\n      this.$emit(\"change\", {\n        year: this.selectedPeriod.periodYear,\n        month: this.selectedPeriod.periodMonth,\n        tableResultPNL: result.id,\n      });\n    },\n    setPeriod({ year, month }) {\n      const isSame = this.selectedPeriod.periodYear === year && this.selectedPeriod.periodMonth === month;\n      this.$emit(\"selectedPeriod\", isSame ? { year: \"ALL\", month: \"ALL\" } : { year, month });\n      this.selectedPeriod.periodYear = isSame ? \"ALL\" : year;\n      this.selectedPeriod.periodMonth = isSame ? \"ALL\" : month;\n    },\n    money(amount) {\n      return Number.parseFloat(amount).toLocaleString(\"pt-BR\", {\n        // style: \"currency\",\n        currency: \"BRL\",\n        minimumFractionDigits: 2,\n        maximumFractionDigits: 2,\n      });\n    },\n    showPnl(result) {\n      if ([\"REC_CAP_RET\", \"CUM_RET\"].includes(this.tableResultId)) {\n        return this.money(result) + \"%\";\n      }\n      if ([\"POINTS_RESULT\", \"VOLUME\", \"OPERATION\"].includes(this.tableResultId)) {\n        return result;\n      }\n      if (this.tableResultId === \"FIN_RESULT\") {\n        return this.money(result);\n      }\n\n      return result;\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\nth,\ntd {\n  border-style: solid !important;\n}\n</style>\n","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./marketplace-details-table.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!./marketplace-details-table.component.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./marketplace-details-table.component.vue?vue&type=template&id=256245d5&scoped=true\"\nimport script from \"./marketplace-details-table.component.vue?vue&type=script&lang=js\"\nexport * from \"./marketplace-details-table.component.vue?vue&type=script&lang=js\"\nimport style0 from \"./marketplace-details-table.component.vue?vue&type=style&index=0&id=256245d5&prod&lang=scss&scoped=true\"\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  \"256245d5\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}