{"version":3,"sources":["webpack:///./src/app/modules/marketplace/components/products/card/marketplace-card.portfolio.component.vue?af29","webpack:///./src/app/modules/marketplace/components/products/card/marketplace-card.portfolio.component.vue","webpack:///src/app/modules/marketplace/components/products/card/marketplace-card.portfolio.component.vue","webpack:///./src/app/modules/marketplace/components/products/card/marketplace-card.portfolio.component.vue?4766","webpack:///./src/app/modules/marketplace/components/products/card/marketplace-card.portfolio.component.vue?cce2"],"names":["render","_vm","this","_c","_self","staticClass","directives","name","rawName","value","arrow","theme","placement","expression","class","strategy","strategy_risk","attrs","_v","_s","_l","portfolio_symbols","item","index","key","staticRenderFns","components","props","product","type","Object","favorite","Boolean","visualization","computed","mapGetters","chart_line","mapState","accountTypes","state","color","investment","config","methods","colorStatus","chartPie","dark","ui_theme","theme_chart","light","option","dataset","dimensions","source","tooltip","show","legend","grid","top","bottom","left","right","containLabel","series","radius","selectedMode","selectedOffset","itemStyle","borderRadius","borderColor","line","borderWidth","dataIndex","label","position","emphasis","fontSize","fontWeight","textBorderColor","padding","formatter","data","component_name","component_volume","percent","backgroundColor","rich","a","lineHeight","align","hr","width","height","b","per","labelLine","component"],"mappings":"4IAAA,W,yCCAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,0BAA0B,CAACF,EAAG,MAAM,CAACE,YAAY,kDAAkD,CAACF,EAAG,cAAcA,EAAG,MAAM,CAACE,YAAY,+BAA+B,CAACF,EAAG,MAAM,CAACG,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,UAAUC,MAAO,CAAEC,OAAO,EAAMC,MAAO,QAASC,UAAW,UAAYC,WAAW,yDAAyDR,YAAY,sDAAsDS,MAAoC,SAA9Bb,EAAIc,SAASC,cAClgB,sBAC8B,SAA9Bf,EAAIc,SAASC,cACb,uBACA,oBAAoBC,MAAM,CAAC,QAAU,UAAU,CAACd,EAAG,OAAO,CAACW,MAAoC,SAA9Bb,EAAIc,SAASC,cAC5E,wBAC8B,SAA9Bf,EAAIc,SAASC,cACb,yBACA,uBAAuB,CAACf,EAAIiB,GAAG,IAAIjB,EAAIkB,GAAGlB,EAAIc,SAASC,oBAAoBf,EAAImB,GAAInB,EAAIc,SAASM,mBAAmB,SAASC,EAAKC,GAAO,OAAOpB,EAAG,MAAM,CAACqB,IAAID,GAAO,CAACpB,EAAG,MAAM,CAACG,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,MAAOc,EAAQ,EAAGV,WAAW,cAAcR,YAAY,wGAAwG,CAACJ,EAAIiB,GAAG,IAAIjB,EAAIkB,GAAGG,GAAM,OAAOnB,EAAG,MAAM,CAACG,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,MAAOc,EAAQ,EAAGV,WAAW,cAAcR,YAAY,gGAAgG,CAACJ,EAAIiB,GAAG,MAAMjB,EAAIkB,GAAGI,EAAQ,GAAG,aAAY,IAAI,MAE/pBE,EAAkB,G,YCmEP,GACfC,WAAA,GAIAC,MAAA,CACAC,QAAA,CAAAC,KAAAC,QACAf,SAAA,CAAAc,KAAAC,QACAC,SAAA,CAAAF,KAAAG,SACAC,cAAA,CAAAJ,KAAAG,UAGAE,SAAA,IACAC,eAAA,CACAC,WAAA,8BAEAC,eAAA,CACAC,aAAAC,KAAAD,aACAE,MAAAD,KAAAE,WAAAD,MACAE,OAAAH,KAAAG,UAIAC,QAAA,CACAC,YAAAnC,GACA,IAAA+B,EAAA,GAMA,MALA,aAAA/B,EACA+B,EAAA,8CACA,eAAA/B,IACA+B,EAAA,2CAEAA,GAGAK,SAAApC,GACA,IAAAqC,EACA,aAAAJ,OAAAK,SACA,KAAAL,OAAAM,YAAAF,KACA,KAAAJ,OAAAM,YAAAC,MAEAT,EAAA,KAAAA,MACAU,EAAA,CACAC,QAAA,CACAC,WAAA,sCACAC,OAAA5C,GAGA6C,QAAA,CACAC,MAAA,GAEAC,OAAA,CACAD,MAAA,GAGAE,KAAA,CACAC,IAAA,KACAC,OAAA,KACAC,KAAA,IACAC,MAAA,IACAC,cAAA,GAEAC,OAAA,CACA,CACAlC,KAAA,MACAmC,OAAA,eACAC,aAAA,SACAC,eAAA,EAEAC,UAAA,CACAC,aAAA,EACAC,YAAAvB,EAAAwB,KACAC,YAAA,EACA/B,MAAA,SAAA/B,GACA,OAAA+B,EAAA/B,EAAA+D,aAIAC,MAAA,CACAlB,MAAA,EACAmB,SAAA,UAGAC,SAAA,CACAF,MAAA,CACAlB,MAAA,EACAqB,SAAA,KACAC,WAAA,SACAC,gBAAA,OACAC,QAAA,MACAX,aAAA,GACAY,UAAA,SAAAvE,GACA,YAAAA,EAAAwE,KAAAC,+BAAAzE,EAAAwE,KAAAE,4BAAA1E,EAAA2E,aAEAC,gBAAA,wBACAhB,YAAA,sBACAE,YAAA,EAEA/B,MAAA,OACA8C,KAAA,CACAC,EAAA,CACA/C,MAAA,OACAgD,WAAA,GACAC,MAAA,UAEAC,GAAA,CACArB,YAAA,UACAsB,MAAA,OACApB,YAAA,EACAqB,OAAA,GAEAC,EAAA,CACArD,MAAA,OACAoC,SAAA,GACAC,WAAA,OACAW,WAAA,IAEAM,IAAA,CACAtD,MAAA,OACA6C,gBAAA,UACAN,QAAA,MACAX,aAAA,MAKA2B,UAAA,CACAxC,MAAA,MAKA,OAAAL,KChNsd,I,yBCQld8C,EAAY,eACd,EACAhG,EACAyB,GACA,EACA,KACA,WACA,MAIa,aAAAuE,E","file":"js/chunk-6f938dc1.d8c3ae11.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-card.portfolio.component.vue?vue&type=style&index=0&id=2bc9c391&prod&lang=scss&scoped=true\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"my-6 flex items-center\"},[_c('div',{staticClass:\"chart-line-marketplace grid h-full grid-cols-2\"},[_c('keep-alive'),_c('div',{staticClass:\"grid grid-cols-2 gap-3 pr-4\"},[_c('div',{directives:[{name:\"tippy\",rawName:\"v-tippy\",value:({ arrow: true, theme: 'green', placement: 'bottom' }),expression:\"{ arrow: true, theme: 'green', placement: 'bottom' }\"}],staticClass:\"self-start rounded-md px-3 py-1 text-center text-xs\",class:_vm.strategy.strategy_risk == 'BAIXO'\n            ? 'bg-ontick-green-900'\n            : _vm.strategy.strategy_risk == 'MEDIO'\n            ? 'bg-ontick-yellow-900'\n            : 'bg-ontick-red-900',attrs:{\"content\":\"Risco\"}},[_c('span',{class:_vm.strategy.strategy_risk == 'BAIXO'\n              ? 'text-ontick-green-500'\n              : _vm.strategy.strategy_risk == 'MEDIO'\n              ? 'text-ontick-yellow-500'\n              : 'text-ontick-red-500'},[_vm._v(\" \"+_vm._s(_vm.strategy.strategy_risk))])]),_vm._l((_vm.strategy.portfolio_symbols),function(item,index){return _c('div',{key:index},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(index < 4),expression:\"index < 4\"}],staticClass:\"w-20 self-start rounded-md bg-ontick-teal-600 py-1 text-center text-xs uppercase text-ontick-teal-50\"},[_vm._v(\" \"+_vm._s(item)+\" \")]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(index > 4),expression:\"index > 4\"}],staticClass:\"w-16 self-start rounded-md bg-ontick-steel-400 px-2 py-0.5 text-center text-sm text-gray-200\"},[_vm._v(\" + \"+_vm._s(index - 4)+\" \")])])})],2)],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"my-6 flex items-center\">\n    <div class=\"chart-line-marketplace grid h-full grid-cols-2\">\n      <keep-alive>\n        <!-- <v-chart\n          autoresize\n          :options=\"chartPie(strategy.portfolio_components)\"\n        ></v-chart> -->\n      </keep-alive>\n      <div class=\"grid grid-cols-2 gap-3 pr-4\">\n        <div\n          content=\"Risco\"\n          v-tippy=\"{ arrow: true, theme: 'green', placement: 'bottom' }\"\n          :class=\"\n            strategy.strategy_risk == 'BAIXO'\n              ? 'bg-ontick-green-900'\n              : strategy.strategy_risk == 'MEDIO'\n              ? 'bg-ontick-yellow-900'\n              : 'bg-ontick-red-900'\n          \"\n          class=\"self-start rounded-md px-3 py-1 text-center text-xs\"\n        >\n          <span\n            :class=\"\n              strategy.strategy_risk == 'BAIXO'\n                ? 'text-ontick-green-500'\n                : strategy.strategy_risk == 'MEDIO'\n                ? 'text-ontick-yellow-500'\n                : 'text-ontick-red-500'\n            \"\n          >\n            {{ strategy.strategy_risk }}</span\n          >\n        </div>\n        <!-- <div\n          content=\"Modo de operação\"\n          v-tippy=\"{ arrow: true, theme: 'green', placement: 'bottom' }\"\n          :class=\"colorStatus(strategy.strategy_style)\"\n          class=\"\n            rounded-md\n            px-3\n            py-1\n            text-xs\n            whitespace-nowrap\n            self-start\n            text-center\n          \"\n        >\n          {{\n            strategy.strategy_style\n              ? strategy.strategy_style.replace(\"_\", \" \")\n              : \"--\"\n          }}\n        </div> -->\n        <div v-for=\"(item, index) in strategy.portfolio_symbols\" :key=\"index\">\n          <div\n            v-show=\"index < 4\"\n            class=\"w-20 self-start rounded-md bg-ontick-teal-600 py-1 text-center text-xs uppercase text-ontick-teal-50\"\n          >\n            {{ item }}\n          </div>\n          <div\n            v-show=\"index > 4\"\n            class=\"w-16 self-start rounded-md bg-ontick-steel-400 px-2 py-0.5 text-center text-sm text-gray-200\"\n          >\n            + {{ index - 4 }}\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\n// import ECharts from \"@/app/shared/components/chart/echarts\";\nimport { mapGetters, mapState } from \"vuex\";\n\nexport default {\n  components: {\n    // \"v-chart\": ECharts,\n  },\n\n  props: {\n    product: { type: Object },\n    strategy: { type: Object },\n    favorite: { type: Boolean },\n    visualization: { type: Boolean },\n  },\n\n  computed: {\n    ...mapGetters({\n      chart_line: \"marketplace/chart_line\",\n    }),\n    ...mapState({\n      accountTypes: (state) => state.accountTypes,\n      color: (state) => state.investment.color,\n      config: (state) => state.config,\n    }),\n  },\n\n  methods: {\n    colorStatus(value) {\n      let color = \"\";\n      if (value == \"DAY_TRADE\") {\n        color = `bg-ontick-orange-900 text-ontick-orange-500`;\n      } else if (value == \"SWING_TRADE\") {\n        color = `bg-ontick-blue-900 text-ontick-blue-500`;\n      }\n      return color;\n    },\n\n    chartPie(value) {\n      let dark =\n        this.config.ui_theme == \"DARK\"\n          ? this.config.theme_chart.dark\n          : this.config.theme_chart.light;\n\n      let color = this.color;\n      let option = {\n        dataset: {\n          dimensions: [\"component_volume\", \"component_name\"],\n          source: value,\n        },\n\n        tooltip: {\n          show: false,\n        },\n        legend: {\n          show: false,\n        },\n\n        grid: {\n          top: \"5%\",\n          bottom: \"5%\",\n          left: \"0\",\n          right: \"0\",\n          containLabel: false,\n        },\n        series: [\n          {\n            type: \"pie\",\n            radius: [\"60%\", \"100%\"],\n            selectedMode: \"single\",\n            selectedOffset: 3,\n            // clockwise: true,\n            itemStyle: {\n              borderRadius: 5,\n              borderColor: dark.line,\n              borderWidth: 2,\n              color: function (value) {\n                return color[value.dataIndex];\n              },\n            },\n\n            label: {\n              show: false,\n              position: \"center\",\n            },\n\n            emphasis: {\n              label: {\n                show: true,\n                fontSize: \"12\",\n                fontWeight: \"normal\",\n                textBorderColor: \"#fff\",\n                padding: [3, 8],\n                borderRadius: 10,\n                formatter: function (value) {\n                  return `{a|${value.data.component_name}}\\n{hr|}\\n {b|${value.data.component_volume}} - {per|${value.percent}%}`;\n                },\n                backgroundColor: \"rgba(23, 30, 39, 0.9)\",\n                borderColor: \"rgba(23, 30, 39, 1)\",\n                borderWidth: 0,\n\n                color: \"#fff\",\n                rich: {\n                  a: {\n                    color: \"#fff\",\n                    lineHeight: 28,\n                    align: \"center\",\n                  },\n                  hr: {\n                    borderColor: \"#8C8D8E\",\n                    width: \"100%\",\n                    borderWidth: 0,\n                    height: 0,\n                  },\n                  b: {\n                    color: \"#fff\",\n                    fontSize: 12,\n                    fontWeight: \"bold\",\n                    lineHeight: 33,\n                  },\n                  per: {\n                    color: \"#fff\",\n                    backgroundColor: \"#0694e6\",\n                    padding: [3, 4],\n                    borderRadius: 4,\n                  },\n                },\n              },\n            },\n            labelLine: {\n              show: true,\n            },\n          },\n        ],\n      };\n      return option;\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n@import \"@/app/modules/marketplace/pages/marketplace/marketplace.component.scss\";\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-card.portfolio.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-card.portfolio.component.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./marketplace-card.portfolio.component.vue?vue&type=template&id=2bc9c391&scoped=true\"\nimport script from \"./marketplace-card.portfolio.component.vue?vue&type=script&lang=js\"\nexport * from \"./marketplace-card.portfolio.component.vue?vue&type=script&lang=js\"\nimport style0 from \"./marketplace-card.portfolio.component.vue?vue&type=style&index=0&id=2bc9c391&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  \"2bc9c391\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}