{"version":3,"sources":["webpack:///./node_modules/@amcharts/amcharts4/.internal/themes/material.js","webpack:///./node_modules/core-js/internals/array-fill.js","webpack:///./src/components/dashboards/residual_promedio.vue","webpack:///src/components/dashboards/residual_promedio.vue","webpack:///./src/components/dashboards/residual_promedio.vue?b6f4","webpack:///./src/components/dashboards/residual_promedio.vue?5c43","webpack:///./node_modules/core-js/modules/es.array.fill.js","webpack:///./src/components/dashboards/residual_promedio.vue?d345"],"names":["theme","object","list","minLightness","maxLightness","reuse","background","cornerRadiusTopLeft","cornerRadiusTopRight","cornerRadiusBottomLeft","cornerRadiusBottomRight","animationDuration","toObject","toAbsoluteIndex","lengthOfArrayLike","module","exports","value","O","this","length","argumentsLength","arguments","index","undefined","end","endPos","attrs","processing","_e","staticStyle","_v","ref","_c","directives","rawName","_vm","render","am4core","props","data","chartData","chart","headers","text","computed","isChartEmpty","methods","mapActions","generateChart","dataParam","periodo","Periodo","Residual","rows","montoResidual","newRow","categoryAxis","valueAxis","lineSeries","bullet","arrow","hoverState","refresh","CorteId","TipoProductoList","Chart","AsociadoId","apiDashboard","getChart","then","_this","catch","getName","watch","corteId","tipoProducto","mounted","beforeDestroy","component","staticRenderFns","$","fill","addToUnscopables","target","proto"],"mappings":"gLAEIA,EAAQ,SAAUC,GACd,eAAGA,EAAQ,cACXA,EAAOC,KAAO,CACV,eAAM,WACN,eAAM,WACN,eAAM,WACN,eAAM,WACN,eAAM,WACN,eAAM,WACN,eAAM,WACN,eAAM,WACN,eAAM,WACN,eAAM,WACN,eAAM,WACN,eAAM,WACN,eAAM,WACN,eAAM,WACN,eAAM,WACN,eAAM,WACN,eAAM,WACN,eAAM,WACN,eAAM,YAEVD,EAAOE,aAAe,GACtBF,EAAOG,aAAe,GACtBH,EAAOI,OAAQ,GAEf,eAAGJ,EAAQ,kBACXA,EAAOK,WAAWC,oBAAsB,GACxCN,EAAOK,WAAWE,qBAAuB,GACzCP,EAAOK,WAAWG,uBAAyB,GAC3CR,EAAOK,WAAWI,wBAA0B,IAE5C,eAAGT,EAAQ,aACXA,EAAOU,kBAAoB,MAGpB,K,6DCtCf,IAAIC,EAAW,EAAQ,QACnBC,EAAkB,EAAQ,QAC1BC,EAAoB,EAAQ,QAIhCC,EAAOC,QAAU,SAAcC,GAC7B,IAAIC,EAAIN,EAASO,MACbC,EAASN,EAAkBI,GAC3BG,EAAkBC,UAAUF,OAC5BG,EAAQV,EAAgBQ,EAAkB,EAAIC,UAAU,QAAKE,EAAWJ,GACxEK,EAAMJ,EAAkB,EAAIC,UAAU,QAAKE,EAC3CE,OAAiBF,IAARC,EAAoBL,EAASP,EAAgBY,EAAKL,GAC/D,MAAOM,EAASH,EAAOL,EAAEK,KAAWN,EACpC,OAAOC,I,iICf2H,EAAK,W,IAAuCS,EAAM,K,EAAC,EAAK,S,OAAI,UAAE,YAAOC,sBAAoCD,MAAM,CAAC,UAAoC,+BAAG,MAAKE,CAAuBC,UAAyC,wBAAE,MAAMC,CAAoCC,cAAa,GAACF,MAAW,aAAiB,iBAAG,YAAUG,CAAcC,YAAY,mB,CAAaC,KAAO,uBAAS,S,IAAClB,U,YAAsD,CAAgC,iBAAQ,QAAQ,EAAE,Q,WAAQ,EAAU,KAAM,OAAG,iBAAImB,OAAO,6BACxoB,2CAGD,MAASC,C,6RC0BTC,OAAiBA,QAEF,OACfC,iCACAC,gBACA,OACAZ,cACAa,aACAC,WACAC,SACA,CAAAC,eAAA3B,iBACA,CAAA2B,aAAA3B,kBAIA4B,UACAC,wBACA,mCAGAC,yCACAC,iEACAC,0BACA,YACA,qBAGA,IACA,wCACAP,gBACAA,4BACAA,2CAEA,SACA,KACAQ,wBACA,wBACAC,mBAIAA,uBACA,kDACA,GACAC,UACAC,YAEA,IAEAC,uBACA,IACAC,uCAGAC,gBACAhB,aAGAE,SAEA,+BACAe,gCACAA,uBACAA,8BACA,+BACAC,uBAEA,gCACAC,iCACAA,+BACAA,2BACAA,gBACAA,2BACA,iCAEAC,kCAEA,4BACAC,4BACAA,0BACAA,wBACAA,yBACAA,kBACAA,WACAA,YACAA,0CAEA,+BACAC,uBAEA,aACA,YAIAC,mBAAA,WACA,iBACA,mBACA,OACAC,qBACAC,+CACAC,yBACAC,4CAGAC,OACAC,YACAC,kBACAC,mBACAA,6BACAA,mBAEAC,mBACAD,cACAA,qBAIAE,0BACA,kCAGAC,OACAC,mBACA,gBAEAC,wBACA,iBAGAC,mBACA,gBAEAC,yBACA,YACA,uBCrKyW,I,wBCQrWC,EAAY,eACd,EACA,EACAC,GACA,EACA,KACA,KACA,MAIa,aAAAD,E,8BCnBf,IAAIE,EAAI,EAAQ,QACZC,EAAO,EAAQ,QACfC,EAAmB,EAAQ,QAI/BF,EAAE,CAAEG,OAAQ,QAASC,OAAO,GAAQ,CAClCH,KAAMA,IAIRC,EAAiB,S,kCCXjB","file":"js/chunk-401933be.b9edd76a.js","sourcesContent":["import { is } from \"../core/Registry\";\r\nimport { color } from \"../core/utils/Color\";\r\nvar theme = function (object) {\r\n    if (is(object, \"ColorSet\")) {\r\n        object.list = [\r\n            color(\"#F44336\"),\r\n            color(\"#E91E63\"),\r\n            color(\"#9C27B0\"),\r\n            color(\"#673AB7\"),\r\n            color(\"#3F51B5\"),\r\n            color(\"#2196F3\"),\r\n            color(\"#03A9F4\"),\r\n            color(\"#00BCD4\"),\r\n            color(\"#009688\"),\r\n            color(\"#4CAF50\"),\r\n            color(\"#8BC34A\"),\r\n            color(\"#CDDC39\"),\r\n            color(\"#FFEB3B\"),\r\n            color(\"#FFC107\"),\r\n            color(\"#FF9800\"),\r\n            color(\"#FF5722\"),\r\n            color(\"#795548\"),\r\n            color(\"#9E9E9E\"),\r\n            color(\"#607D8B\")\r\n        ];\r\n        object.minLightness = 0.2;\r\n        object.maxLightness = 0.7;\r\n        object.reuse = true;\r\n    }\r\n    if (is(object, \"ResizeButton\")) {\r\n        object.background.cornerRadiusTopLeft = 20;\r\n        object.background.cornerRadiusTopRight = 20;\r\n        object.background.cornerRadiusBottomLeft = 20;\r\n        object.background.cornerRadiusBottomRight = 20;\r\n    }\r\n    if (is(object, \"Tooltip\")) {\r\n        object.animationDuration = 800;\r\n    }\r\n};\r\nexport default theme;\r\n//# sourceMappingURL=material.js.map","'use strict';\nvar toObject = require('../internals/to-object');\nvar toAbsoluteIndex = require('../internals/to-absolute-index');\nvar lengthOfArrayLike = require('../internals/length-of-array-like');\n\n// `Array.prototype.fill` method implementation\n// https://tc39.es/ecma262/#sec-array.prototype.fill\nmodule.exports = function fill(value /* , start = 0, end = @length */) {\n  var O = toObject(this);\n  var length = lengthOfArrayLike(O);\n  var argumentsLength = arguments.length;\n  var index = toAbsoluteIndex(argumentsLength > 1 ? arguments[1] : undefined, length);\n  var end = argumentsLength > 2 ? arguments[2] : undefined;\n  var endPos = end === undefined ? length : toAbsoluteIndex(end, length);\n  while (endPos > index) O[index++] = value;\n  return O;\n};\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-card',{staticClass:\"mb-2 pa-2 lighten-5\",attrs:{\"flat\":\"\"}},[_c('v-card-text',[_c('v-row',[_c('v-col',{attrs:{\"xs\":\"12\"}},[(_vm.processing)?_c('v-progress-linear',{attrs:{\"indeterminate\":\"\",\"color\":\"primary\"}}):_vm._e(),_c('v-subheader',{staticStyle:{\"font-size\":\"16px!important\"}},[_vm._v(\"Residual Promedio\")]),_c('div',{ref:\"amchart\",staticStyle:{\"height\":\"45vh\"}}),_c('br'),_c('v-alert',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.processing && _vm.isChartEmpty),expression:\"!processing && isChartEmpty\"}],attrs:{\"dense\":\"\",\"type\":\"warning\",\"text\":\"\"}},[_vm._v(\"No existe información para esta gráfica\")])],1)],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-card flat class=\"mb-2 pa-2  lighten-5\">\r\n    <v-card-text>\r\n      <v-row>\r\n        <v-col xs=\"12\">\r\n          <v-progress-linear indeterminate color=\"primary\" v-if=\"processing\"></v-progress-linear>\r\n          <v-subheader style=\"font-size: 16px!important;\">Residual Promedio</v-subheader>\r\n          <div ref=\"amchart\" style=\"height: 45vh;\"></div>\r\n          <br />\r\n          <v-alert\r\n            dense\r\n            type=\"warning\"\r\n            text\r\n            v-show=\"!processing && isChartEmpty\"\r\n          >No existe información para esta gráfica</v-alert>\r\n        </v-col>\r\n      </v-row>\r\n    </v-card-text>\r\n  </v-card>\r\n</template>\r\n\r\n<script>\r\nimport apiDashboard from \"@/api/dashboards\";\r\nimport { mapActions } from \"vuex\";\r\nimport * as am4core from \"@amcharts/amcharts4/core\";\r\nimport * as am4charts from \"@amcharts/amcharts4/charts\";\r\nimport am4themesAnimated from \"@amcharts/amcharts4/themes/material\";\r\nimport { store } from \"@/store\";\r\nimport helper from \"@/api/empleados\";\r\n\r\nam4core.useTheme(am4themesAnimated);\r\n\r\nexport default {\r\n  props: [\"corteId\", \"tipoProducto\"],\r\n  data() {\r\n    return {\r\n      processing: false,\r\n      chartData: [],\r\n      chart: null,\r\n      headers: [\r\n        { text: \"PERIODO\", value: \"Periodo\" },\r\n        { text: \"VALOR\", value: \"Monto\" }\r\n      ]\r\n    };\r\n  },\r\n  computed: {\r\n    isChartEmpty() {\r\n      return this.chartData.length === 0;\r\n    }\r\n  },\r\n  methods: {\r\n    ...mapActions([\"setError\", \"setErrorMessage\", \"setMessage\"]),\r\n    generateChart(dataParam) {\r\n      if (this.chart) {\r\n        this.chart.dispose();\r\n      }\r\n\r\n      try {\r\n        let chart = am4core.create(this.$refs.amchart, am4charts.XYChart);\r\n        chart.colors.step = 6;\r\n        chart.exporting.menu = new am4core.ExportMenu();\r\n        chart.numberFormatter.numberFormat = \"$#,###.##\";\r\n\r\n        let data = [];\r\n        var periodo = [];\r\n        dataParam.forEach(function(row) {\r\n          if (periodo.indexOf(row.Corte) === -1) {\r\n            periodo.push(row.Corte);\r\n          }\r\n        });\r\n\r\n        periodo.forEach(function(d) {\r\n          let rows = dataParam.filter(c => c.Corte === d);\r\n          let newRow = {\r\n            Periodo: d,\r\n            Residual: 0\r\n          };\r\n          let montoResidual = 0;\r\n\r\n          rows.forEach(function(c) {\r\n            if (c) {\r\n              montoResidual = (c.Monto / c.ConteoAct).toFixed(2);\r\n            }\r\n          });\r\n          newRow[\"Residual\"] = montoResidual;\r\n          data.push(newRow);\r\n        });\r\n\r\n        chart.data = data;\r\n\r\n        var categoryAxis = chart.xAxes.push(new am4charts.CategoryAxis());\r\n        categoryAxis.dataFields.category = \"Periodo\";\r\n        categoryAxis.title.text = \"Periodo\";\r\n        categoryAxis.renderer.minGridDistance = 20;\r\n        let valueAxis = chart.yAxes.push(new am4charts.ValueAxis());\r\n        valueAxis.renderer.minWidth = 35;\r\n\r\n        let lineSeries = chart.series.push(new am4charts.LineSeries());\r\n        lineSeries.dataFields.categoryX = \"Periodo\";\r\n        lineSeries.dataFields.valueY = \"Residual\";\r\n        lineSeries.name = \"Residual promedio\";\r\n        lineSeries.strokeWidth = 3;\r\n        lineSeries.stroke = am4core.color(\"#F1C40F\");\r\n        var bullet = lineSeries.bullets.push(new am4charts.Bullet());\r\n\r\n        bullet.propertyFields.rotation = \"angle\";\r\n\r\n        var arrow = bullet.createChild(am4core.Triangle);\r\n        arrow.horizontalCenter = \"middle\";\r\n        arrow.verticalCenter = \"middle\";\r\n        arrow.stroke = am4core.color(\"#fff\");\r\n        arrow.fill = am4core.color(\"#D35400\");\r\n        arrow.direction = \"top\";\r\n        arrow.width = 10;\r\n        arrow.height = 25;\r\n        arrow.tooltipText = \"{name}: [bold]{valueY}[/]\";\r\n\r\n        var hoverState = bullet.states.create(\"hover\");\r\n        hoverState.properties.scale = 1.7;\r\n\r\n        this.chart = chart;\r\n      } catch (e) {\r\n        // empty\r\n      }\r\n    },\r\n    refresh() {\r\n      if (this.corteId) {\r\n        this.processing = true;\r\n        let param = {\r\n          CorteId: this.corteId,\r\n          TipoProductoList: Array.from(this.tipoProducto),\r\n          Chart: \"ResidualPromedio\",\r\n          AsociadoId: store.getters.user.asociado.id\r\n        };\r\n\r\n        apiDashboard\r\n          .getChart(param)\r\n          .then(response => {\r\n            this.chartData = response.data;\r\n            this.generateChart(this.chartData);\r\n            this.processing = false;\r\n          })\r\n          .catch(error => {\r\n            this.setError(error);\r\n            this.processing = false;\r\n          });\r\n      }\r\n    },\r\n    getName(list, id, value, text) {\r\n      return helper.getName(list, id, value, text);\r\n    }\r\n  },\r\n  watch: {\r\n    corteId: function() {\r\n      this.refresh();\r\n    },\r\n    tipoProducto: function() {\r\n      this.refresh();\r\n    }\r\n  },\r\n  mounted() {\r\n    this.refresh();\r\n  },\r\n  beforeDestroy() {\r\n    if (this.chart) {\r\n      this.chart.dispose();\r\n    }\r\n  }\r\n};\r\n</script>\r\n\r\n<style scope>\r\n.v-alert.v-sheet.theme--dark.v-alert--dense.warning {\r\n  margin-bottom: 0;\r\n}\r\n</style>","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-loader/lib/index.js??vue-loader-options!./residual_promedio.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-loader/lib/index.js??vue-loader-options!./residual_promedio.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./residual_promedio.vue?vue&type=template&id=20100516\"\nimport script from \"./residual_promedio.vue?vue&type=script&lang=js\"\nexport * from \"./residual_promedio.vue?vue&type=script&lang=js\"\nimport style0 from \"./residual_promedio.vue?vue&type=style&index=0&id=20100516&prod&scope=true&lang=css\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../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","var $ = require('../internals/export');\nvar fill = require('../internals/array-fill');\nvar addToUnscopables = require('../internals/add-to-unscopables');\n\n// `Array.prototype.fill` method\n// https://tc39.es/ecma262/#sec-array.prototype.fill\n$({ target: 'Array', proto: true }, {\n  fill: fill\n});\n\n// https://tc39.es/ecma262/#sec-array.prototype-@@unscopables\naddToUnscopables('fill');\n","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./residual_promedio.vue?vue&type=style&index=0&id=20100516&prod&scope=true&lang=css\""],"sourceRoot":""}