{"version":3,"sources":["webpack:///./src/app/modules/layout-investment/components/investment/card-investment/card-mask/card-mask.component.vue?8b2e","webpack:///./src/app/modules/layout-investment/components/investment/card-investment/card-mask/card-mask.component.vue","webpack:///src/app/modules/layout-investment/components/investment/card-investment/card-mask/card-mask.component.vue","webpack:///./src/app/modules/layout-investment/components/investment/card-investment/card-mask/card-mask.component.vue?193e","webpack:///./src/app/modules/layout-investment/components/investment/card-investment/card-mask/card-mask.component.vue?3a66"],"names":["render","_vm","this","_c","_self","mask","type","staticClass","on","close","domProps","_s","$icons","modalCloseButton","class","getVisualizationMode","maskData","maskIndex","icon","_v","title","description","_e","result","_f","fixedMask","timer","style","count","staticRenderFns","name","props","Object","data","max","value","interval","id","icons","status","time","methods","progress","setInterval","clearInterval","$emit","computed","mapGetters","index","findIndex","item","created","component"],"mappings":"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","file":"js/chunk-2a71f5c0.1b21bc20.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!./card-mask.component.vue?vue&type=style&index=0&id=68881fda&prod&lang=scss&scoped=true\"","var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.mask.type != 'FIRST_PLAY')?_c('div',{staticClass:\"dark:bg-ontick-graphite-500 absolute inset-0 z-20 flex transform cursor-pointer items-center justify-center overflow-hidden rounded-lg bg-[#E9EAEB] bg-opacity-90 text-center backdrop-blur-sm backdrop-filter dark:bg-opacity-90 dark:backdrop-blur-sm dark:backdrop-filter\",on:{\"click\":_vm.close}},[_c('div',{staticClass:\"absolute top-4 right-4\"},[_c('i',{domProps:{\"innerHTML\":_vm._s(_vm.$icons.modalCloseButton)}})]),_c('div',{class:_vm.getVisualizationMode === 'list'\n        ? 'flex items-center justify-center space-x-2'\n        : 'block space-y-2 p-5 pb-4'},[_c('i',{staticClass:\"flex justify-center\",class:{ 'scale-50 transform': _vm.getVisualizationMode === 'list' },domProps:{\"innerHTML\":_vm._s(_vm.maskData[_vm.maskIndex].icon)}}),_c('p',{staticClass:\"text-ontick-carbon-900 font-bold dark:text-gray-200\",class:_vm.getVisualizationMode === 'list' ? 'text-normal' : 'mt-2 text-lg'},[_vm._v(\" \"+_vm._s(_vm.maskData[_vm.maskIndex].title)+\" \")]),(\n        _vm.getVisualizationMode === 'card' && _vm.maskData[_vm.maskIndex].description\n      )?_c('p',{staticClass:\"card_mask_description\"},[_vm._v(\" \"+_vm._s(_vm.maskData[_vm.maskIndex].description)+\" \")]):_vm._e(),(_vm.mask.result)?[_c('p',{staticClass:\"card_mask_data\"},[_vm._v(\" Resultado: \"),_c('strong',{},[_vm._v(_vm._s(_vm._f(\"currency\")(_vm.mask.result)))])])]:_vm._e()],2),(!_vm.mask.fixedMask)?_c('div',{staticClass:\"absolute bottom-0 w-full\"},[_c('div',{staticClass:\"transition-all duration-200\",class:[_vm.timer, 'h-1'],style:(`width:${_vm.count}%`)},[_vm._v(\"   \")])]):_vm._e()]):_vm._e()\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div\n    class=\"dark:bg-ontick-graphite-500 absolute inset-0 z-20 flex transform cursor-pointer items-center justify-center overflow-hidden rounded-lg bg-[#E9EAEB] bg-opacity-90 text-center backdrop-blur-sm backdrop-filter dark:bg-opacity-90 dark:backdrop-blur-sm dark:backdrop-filter\"\n    @click=\"close\"\n    v-if=\"mask.type != 'FIRST_PLAY'\"\n  >\n    <div class=\"absolute top-4 right-4\">\n      <i v-html=\"$icons.modalCloseButton\"></i>\n    </div>\n    <div\n      :class=\"\n        getVisualizationMode === 'list'\n          ? 'flex items-center justify-center space-x-2'\n          : 'block space-y-2 p-5 pb-4'\n      \"\n    >\n      <i\n        v-html=\"maskData[maskIndex].icon\"\n        class=\"flex justify-center\"\n        :class=\"{ 'scale-50 transform': getVisualizationMode === 'list' }\"\n      ></i>\n      <p\n        class=\"text-ontick-carbon-900 font-bold dark:text-gray-200\"\n        :class=\"\n          getVisualizationMode === 'list' ? 'text-normal' : 'mt-2 text-lg'\n        \"\n      >\n        {{ maskData[maskIndex].title }}\n      </p>\n      <p\n        v-if=\"\n          getVisualizationMode === 'card' && maskData[maskIndex].description\n        \"\n        class=\"card_mask_description\"\n      >\n        {{ maskData[maskIndex].description }}\n      </p>\n      <template v-if=\"mask.result\">\n        <p class=\"card_mask_data\">\n          Resultado:\n          <strong class=\"\">{{ mask.result | currency }}</strong>\n        </p>\n      </template>\n    </div>\n    <!--  -->\n    <div v-if=\"!mask.fixedMask\" class=\"absolute bottom-0 w-full\">\n      <div\n        class=\"transition-all duration-200\"\n        :class=\"[timer, 'h-1']\"\n        :style=\"`width:${count}%`\"\n      >\n        &nbsp;\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport * as icons from \"@/app/assets/icons/investments\";\nimport { mapGetters } from \"vuex\";\nexport default {\n  name: \"card-mask\",\n\n  props: {\n    mask: {\n      type: Object,\n    },\n  },\n\n  data() {\n    return {\n      max: 100,\n      value: 0,\n      count: 100,\n      interval: null,\n      maskData: [\n        {\n          id: 0,\n          type: \"NEW_POSITION\",\n          icon: icons.aberturaPosicao,\n          title: \"Abertura de posição\",\n          description:\n            \"Sua estratégia abriu posição e já está operando. Bons investimentos!\",\n        },\n        {\n          id: 1,\n          type: \"GAIN_LIMIT\",\n          icon: icons.metaAtingida_Ganho,\n          title: \"Meta atingida\",\n          description:\n            \"Sua estratégia atingiu a meta de lucro diário e não irá mais operar no dia de hoje.\",\n        },\n        {\n          id: 2,\n          type: \"STOP_LOSS\",\n          icon: icons.stopLoss,\n          title: \"Stop loss\",\n          data: {\n            result: -50,\n            status: \"BUY\",\n            time: \"15:03:35\",\n          },\n        },\n        {\n          id: 3,\n          type: \"PARTIAL_GAIN\",\n          icon: icons.realizacaoParcial,\n          title: \"Realização parcial\",\n        },\n\n        {\n          id: 4,\n          type: \"LOSS_LIMIT\",\n          icon: icons.metaAtingida_Perda,\n          title: \"Meta atingida\",\n          description:\n            \"Sua estratégia atingiu a meta de perda diária e não irá mais operar no dia de hoje.\",\n        },\n        {\n          id: 5,\n          type: \"TAKE_PROFIT\",\n          icon: icons.takeProfit,\n          title: \"Take profit\",\n          data: {\n            result: 150,\n            status: \"SELL\",\n            time: \"15:03:35\",\n          },\n        },\n        {\n          id: 6,\n          type: \"TRADES_LIMIT\",\n          icon: icons.limiteOperacoes,\n          title: \"Limite de operações\",\n          description:\n            \"Sua estratégia atingiu o limite de operações e não irá mais operar no dia de hoje.\",\n        },\n        {\n          id: 7,\n          type: \"TIME_LIMIT\",\n          icon: icons.timeLimit,\n          title: \"Horário limite\",\n          description:\n            \"Sua estratégia atingiu o horário limite para operações e não irá mais operar no dia de hoje.\",\n        },\n        {\n          id: 8,\n          type: \"FIRST_PLAY\",\n          icon: icons.comeceInvestir,\n          title: \"Comece a investir!\",\n          description:\n            \"Essa estratégia ainda não foi iniciada. Clique aqui para começar a investir.\",\n        },\n        {\n          id: 9,\n          type: \"BREAKEVEN\",\n          icon: icons.breakeven,\n          title: \"Breakeven\",\n          description:\n            \"Uma alteração de stop loss acabou de ocorrer nessa estratégia.\",\n        },\n        {\n          id: 10,\n          type: \"REVERSAL\",\n          icon: icons.viradaMao,\n          title: \"Virada de mão\",\n          description:\n            \"Essa estratégia acabou de reverter o sentido de sua operação.\",\n        },\n        {\n          id: 11,\n          type: \"EXTERNAL_ACTION\",\n          icon: icons.interferencia,\n          title: \"Interferência externa\",\n          description:\n            \"Interferência detectada. Não será mais possível executar a estratégia no dia de hoje.\",\n        },\n        {\n          id: 12,\n          type: \"REJECTED_ORDER\",\n          icon: icons.ordemRejeitada,\n          title: \"Ordem rejeitada\",\n          description: \"Encontramos um problema para executar esta estratégia.\",\n        },\n        {\n          id: 13,\n          type: \"POSITION_CLOSE\",\n          icon: icons.aberturaPosicao,\n          title: \"Posição fechada\",\n          description: \"Sua estratégia fechou uma posição.\",\n        },\n      ],\n    };\n  },\n\n  methods: {\n    progress() {\n      if (!this.mask.fixedMask) {\n        this.interval = setInterval(() => {\n          if (this.count === 0) {\n            this.close();\n            clearInterval(this.interval);\n          } else {\n            this.count -= 1;\n          }\n        }, 100);\n      }\n    },\n    close() {\n      clearInterval(this.interval);\n      this.$emit(\"close\");\n    },\n  },\n\n  computed: {\n    ...mapGetters({ getVisualizationMode: \"investment/getVisualizationMode\" }),\n    maskIndex() {\n      let index = this.maskData.findIndex(\n        (item) => item.type === this.mask.type\n      );\n      return index;\n    },\n    timer() {\n      return {\n        \"bg-ontick-blue-600\": this.mask.type == \"NEW_POSITION\",\n        \"bg-ontick-red-600\":\n          this.mask.type == \"STOP_LOSS\" || this.mask.type === \"REJECTED_ORDER\",\n        \"bg-ontick-green-600\":\n          this.mask.type == \"PARTIAL_GAIN\" || this.mask.type == \"TAKE_PROFIT\",\n\n        \"bg-[#D7C94E]\": this.mask.type == \"TRADES_LIMIT\",\n        \"bg-[#336179]\": this.mask.type == \"TIME_LIMIT\",\n        \"bg-ontick-graphite-300\":\n          this.mask.type == \"BREAKEVEN\" || this.mask.type == \"REVERSAL\",\n      };\n    },\n  },\n\n  created() {\n    this.progress();\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n@import \"./card-mask.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!./card-mask.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!./card-mask.component.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./card-mask.component.vue?vue&type=template&id=68881fda&scoped=true\"\nimport script from \"./card-mask.component.vue?vue&type=script&lang=js\"\nexport * from \"./card-mask.component.vue?vue&type=script&lang=js\"\nimport style0 from \"./card-mask.component.vue?vue&type=style&index=0&id=68881fda&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  \"68881fda\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}