{"version":3,"sources":["webpack:///./src/app/modules/marketplace/components/details/marketplace-details-heatmap.component.vue?c4fe","webpack:///./src/app/modules/marketplace/components/details/marketplace-details-heatmap.component.vue","webpack:///src/app/modules/marketplace/components/details/marketplace-details-heatmap.component.vue","webpack:///./src/app/modules/marketplace/components/details/marketplace-details-heatmap.component.vue?5784","webpack:///./src/app/modules/marketplace/components/details/marketplace-details-heatmap.component.vue?6f60"],"names":["render","_vm","this","_c","_self","staticClass","_l","listMonths","month","key","class","textColorMonth","_v","_s","listDays","day","stepInitialYear","item","product","idx","directives","name","rawName","value","arrow","arrowType","animation","theme","expression","boxColor","attrs","boxTooltipContent","on","$event","periodSpecificDate","_m","staticRenderFns","props","periodYear","type","String","default","periodMonth","Array","data","count","watch","immediate","handler","values","methods","index","date","splitDate","split","year","reverse","join","getIndexDay","result","Intl","DateTimeFormat","weekday","format","Date","Number","component"],"mappings":"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","file":"js/chunk-f0e5ad50.8a13f0b1.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-heatmap.component.vue?vue&type=style&index=0&id=26983c25&prod&lang=scss&scoped=true\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"space-y-3\"},[_c('div',{staticClass:\"flex flex-col space-y-2 overflow-x-auto overflow-y-hidden py-2\"},[_c('div',{staticClass:\"flex justify-around\"},_vm._l((_vm.listMonths),function(month,key){return _c('div',{key:key,class:['months', _vm.textColorMonth(month)]},[_vm._v(\" \"+_vm._s(month)+\" \")])}),0),_c('div',{staticClass:\"flex space-x-2\"},[_c('div',{staticClass:\"grid-rows-7 grid grid-flow-col gap-0\"},_vm._l((_vm.listDays),function(day,key){return _c('div',{key:key,staticClass:\"days\"},[_vm._v(\" \"+_vm._s(day)+\" \")])}),0),_c('div',{staticClass:\"grid-rows-7 grid grid-flow-col gap-0.5\"},[_vm._l((_vm.stepInitialYear()),function(item){return _c('div',{key:item,staticClass:\"h-4 w-4\"},[_vm._v(\" \")])}),_vm._l((_vm.product),function(item,idx){return _c('div',{directives:[{name:\"tippy\",rawName:\"v-tippy\",value:({\n            arrow: true,\n            arrowType: 'round',\n            animation: 'scale',\n            theme: 'gray',\n          }),expression:\"{\\n            arrow: true,\\n            arrowType: 'round',\\n            animation: 'scale',\\n            theme: 'gray',\\n          }\"}],key:item[0],class:['boxHeatmap', _vm.boxColor(item, idx)],attrs:{\"content\":_vm.boxTooltipContent(item)},on:{\"click\":function($event){_vm.periodSpecificDate = _vm.periodSpecificDate === item[0] ? null : item[0]}}},[_vm._v(\"   \")])})],2)])]),_vm._m(0)])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"flex space-x-6\"},[_c('p',{staticClass:\"inline-flex items-center space-x-1.5\"},[_c('span',{staticClass:\"block h-3 w-3 rounded-sm bg-[#2D3748]\"}),_c('span',{staticClass:\"text-xs font-semibold\"},[_vm._v(\"Sem operação\")])]),_c('p',{staticClass:\"inline-flex items-center space-x-1.5\"},[_c('span',{staticClass:\"block h-3 w-3 rounded-sm bg-[#1EB866]\"}),_c('span',{staticClass:\"text-xs font-semibold\"},[_vm._v(\"Lucro\")])]),_c('p',{staticClass:\"inline-flex items-center space-x-1.5\"},[_c('span',{staticClass:\"block h-3 w-3 rounded-sm bg-[#DD5B5B]\"}),_c('span',{staticClass:\"text-xs font-semibold\"},[_vm._v(\"Perda\")])]),_c('p',{staticClass:\"inline-flex items-center space-x-1.5\"},[_c('span',{staticClass:\"block h-3 w-3 rounded-sm bg-[#abafb6]\"}),_c('span',{staticClass:\"text-xs font-semibold\"},[_vm._v(\"Resultado igual a zero\")])])])\n}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"space-y-3\">\n    <div class=\"flex flex-col space-y-2 overflow-x-auto overflow-y-hidden py-2\">\n      <!-- Meses -->\n      <div class=\"flex justify-around\">\n        <div v-for=\"(month, key) in listMonths\" :key=\"key\" :class=\"['months', textColorMonth(month)]\">\n          {{ month }}\n        </div>\n      </div>\n      <div class=\"flex space-x-2\">\n        <!-- Dias -->\n        <div class=\"grid-rows-7 grid grid-flow-col gap-0\">\n          <div v-for=\"(day, key) in listDays\" :key=\"key\" class=\"days\">\n            {{ day }}\n          </div>\n        </div>\n        <!-- Heatmap -->\n        <div class=\"grid-rows-7 grid grid-flow-col gap-0.5\">\n          <div v-for=\"item in stepInitialYear()\" :key=\"item\" class=\"h-4 w-4\">&nbsp;</div>\n          <div\n            v-for=\"(item, idx) in product\"\n            :key=\"item[0]\"\n            :class=\"['boxHeatmap', boxColor(item, idx)]\"\n            :content=\"boxTooltipContent(item)\"\n            v-tippy=\"{\n              arrow: true,\n              arrowType: 'round',\n              animation: 'scale',\n              theme: 'gray',\n            }\"\n            @click=\"periodSpecificDate = periodSpecificDate === item[0] ? null : item[0]\"\n          >\n            &nbsp;\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"flex space-x-6\">\n      <p class=\"inline-flex items-center space-x-1.5\">\n        <span class=\"block h-3 w-3 rounded-sm bg-[#2D3748]\"></span>\n        <span class=\"text-xs font-semibold\">Sem operação</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-[#1EB866]\"></span>\n        <span class=\"text-xs font-semibold\">Lucro</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-[#DD5B5B]\"></span>\n        <span class=\"text-xs font-semibold\">Perda</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-[#abafb6]\"></span>\n        <span class=\"text-xs font-semibold\">Resultado igual a zero</span>\n      </p>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: \"marketplace-details-heatmap\",\n  props: {\n    periodYear: {\n      type: String,\n      default: \"ALL\",\n    },\n    periodMonth: {\n      type: String,\n      default: \"ALL\",\n    },\n    product: {\n      type: Array,\n      default: [],\n    },\n  },\n  data() {\n    return {\n      count: 0,\n      listDays: [\"D\", \"S\", \"T\", \"Q\", \"Q\", \"S\", \"S\"],\n      listMonths: [\"JAN\", \"FEV\", \"MAR\", \"ABR\", \"MAI\", \"JUN\", \"JUL\", \"AGO\", \"SET\", \"OUT\", \"NOV\", \"DEZ\"],\n      data: [],\n      periodSpecificDate: null,\n    };\n  },\n  watch: {\n    periodMonth: {\n      immediate: true,\n      handler(values) {\n        this.periodSpecificDate = null;\n        return values;\n      },\n    },\n    periodYear: {\n      immediate: true,\n      handler(values) {\n        return values;\n      },\n    },\n    product: {\n      immediate: true,\n      handler(values) {\n        return values;\n      },\n    },\n  },\n  methods: {\n    boxColor(item, index) {\n      const [date, value] = item;\n      const splitDate = date.split(\"-\");\n      const year = splitDate[0];\n      const month = this.listMonths[splitDate[1] - 1];\n\n      if (this.periodSpecificDate != null) {\n        if (this.periodSpecificDate === date) {\n          if (value > 0) return \"bg-ontick-green-600\";\n          if (value < 0) return \"bg-ontick-red-600\";\n          if (value === 0) return \"bg-ontick-steel-300\";\n          return \"bg-ontick-steel-500\";\n        }\n        if (value > 0) return \"bg-ontick-green-600 opacity-20\";\n        if (value < 0) return \"bg-ontick-red-600 opacity-20\";\n        if (value === 0) return \"bg-ontick-steel-300 opacity-20\";\n        return \"bg-ontick-steel-500 opacity-20\";\n      }\n\n      if (this.periodMonth === \"ALL\" || (this.periodMonth === month && this.periodYear === year)) {\n        if (value > 0) return \"bg-ontick-green-600\";\n        if (value < 0) return \"bg-ontick-red-600\";\n        if (value === 0) return \"bg-ontick-steel-300\";\n        return \"bg-ontick-steel-500\";\n      }\n\n      if (value > 0) return \"bg-ontick-green-600 opacity-20\";\n      if (value < 0) return \"bg-ontick-red-600 opacity-20\";\n      if (value === 0) return \"bg-ontick-steel-300 opacity-20\";\n\n      return \"bg-ontick-steel-500 opacity-20\";\n    },\n    boxTooltipContent(item) {\n      const date = item[0].split(\"-\").reverse().join(\"/\");\n      return `<span class=\"text-xs\"><strong>Data:</strong> ${date} | <strong>Valor:</strong> ${\n        item[1] != null ? item[1] : \"-\"\n      }</span>`;\n    },\n    textColorMonth(month) {\n      if (this.periodMonth === \"ALL\") return \"text-gray-50\";\n      return month === this.periodMonth ? \"text-gray-50\" : \"text-gray-50 opacity-20\";\n    },\n    getIndexDay(day) {\n      if (day === \"dom.\") return 0;\n      if (day === \"seg.\") return 1;\n      if (day === \"ter.\") return 2;\n      if (day === \"qua.\") return 3;\n      if (day === \"qui.\") return 4;\n      if (day === \"sex.\") return 5;\n      if (day === \"sáb.\") return 6;\n    },\n    stepInitialYear() {\n      const splitDate = this.product[0][0].split(\"-\");\n      const result = new Intl.DateTimeFormat(\"pt-BR\", {\n        weekday: \"short\",\n      }).format(new Date(Number(splitDate[0]), Number(splitDate[1]) - 1, Number(splitDate[2])));\n      return this.getIndexDay(result);\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.cardHeatmap {\n  @apply border-ontick-graphite-400 flex h-56 border-2;\n  @apply flex flex-col flex-wrap;\n  @apply justify-start;\n}\n.boxHeatmap {\n  @apply h-4 w-4 cursor-pointer rounded-sm;\n  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.8);\n}\n.days,\n.months {\n  @apply flex items-center text-xs text-gray-50;\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-heatmap.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-heatmap.component.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./marketplace-details-heatmap.component.vue?vue&type=template&id=26983c25&scoped=true\"\nimport script from \"./marketplace-details-heatmap.component.vue?vue&type=script&lang=js\"\nexport * from \"./marketplace-details-heatmap.component.vue?vue&type=script&lang=js\"\nimport style0 from \"./marketplace-details-heatmap.component.vue?vue&type=style&index=0&id=26983c25&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  \"26983c25\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}