{"version":3,"sources":["webpack:///./node_modules/vuetify/lib/components/VWindow/VWindowItem.js","webpack:///./src/components/dashboards/comision_por_segmentos.vue","webpack:///src/components/dashboards/comision_por_segmentos.vue","webpack:///./src/components/dashboards/comision_por_segmentos.vue?14c9","webpack:///./src/components/dashboards/comision_por_segmentos.vue?99b8","webpack:///./node_modules/@amcharts/amcharts4/.internal/themes/material.js","webpack:///./src/components/dashboards/comision_por_segmentos.vue?7916","webpack:///./node_modules/vuetify/lib/components/VTabs/VTabItem.js","webpack:///./node_modules/vuetify/lib/mixins/mobile/index.js"],"names":["baseMixins","name","directives","Touch","props","disabled","Boolean","reverseTransition","type","String","default","undefined","transition","value","required","isActive","inTransition","computed","this","groupClasses","windowGroup","internalReverse","computedTransition","methods","$createElement","staticClass","class","classes","on","$listeners","genDefaultSlot","transitionCount","transitionHeight","$el","clientHeight","onAfterTransition","el","$nextTick","h","beforeEnter","onBeforeTransition","afterEnter","enterCancelled","onTransitionCancelled","beforeLeave","afterLeave","leaveCancelled","enter","onEnter","showLazyContent","genWindowItem","attrs","model","callback","canalSelected","expression","segmentoOptions","segmentoSelected","periodoOptions","_vm","periodoSelected","productosTipos","tipoProductoSelected","processing","_c","ref","staticStyle","rawName","staticRenderFns","am4core","data","chartData","chart","headers","text","canalOptions","isChartEmpty","asociadoOptions","corteId","mapActions","generateChart","dataParam","tiposProducto","Segmento","TotalLineas","Total","newRow","total","lineas","categoryAxis","valueAxis","series","lineSeries","circleBullet","refresh","FechaFin","TiposProductos","CanalesId","SegmentosId","apiDashboard","getChartComisionesPorSegmentos","then","_this2","catch","getProductosTipos","getProductoTipos","_this3","getCanales","apiHome","_this4","getSegmentos","apiEmpleados","_this5","watch","mounted","beforeDestroy","component","theme","object","list","minLightness","maxLightness","reuse","background","cornerRadiusTopLeft","cornerRadiusTopRight","cornerRadiusBottomLeft","cornerRadiusBottomRight","animationDuration","extend","id","item","options","call","domProps","mobileBreakpoint","Number","$vuetify","breakpoint","validator","v","isNaN","includes","mobile","width","mobileWidth","parseInt","isNumber","$attrs","hasOwnProperty"],"mappings":"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,OACfjE,8BACAkE,gBACA,OACAP,cACAF,kBACAU,aACAC,WACAlB,iBACAG,oBACAG,qBACAE,wBACAW,SACA,CAAAC,cAAA7D,iBACA,CAAA6D,gBAAA7D,kBACA,CAAA6D,aAAA7D,gBAEA8D,gBACAnB,qBAGAvC,UACA2D,wBACA,kCAEAlB,0BACA,qCAEAmB,2BAAA,WACA,6CACA,2DAGAC,mBACA,0CAGAvD,yCACAwD,iEACAC,0BACA,YACA,qBAGA,IACA,wCACAR,gBACAA,oBACAA,4BACAA,0CACAA,wBAEA,SACA,KACAS,wBACA,+BACAC,0BAIAD,uBACA,OACAE,oBACAC,cACAC,SAEA,IACA,IAEAH,uBACA,kFACA,SAEA,4BAEAI,gBACAA,iBACAC,cACAC,mBAIAF,aACAA,mBACAhB,aAGAE,SAEA,+BACAiB,iCACAA,wBACAA,oCAEA,+BACAC,uBAEAR,uBAEA,4BAEA,4BACAS,kCACAA,sBACAA,4BACAA,SACAA,aACAA,oCACAA,sFAGA,gCACAC,kCACAA,4BACAA,eACAA,2BACAA,gBACAA,yBACA,qBACA,YAEAC,+BACAA,iEAEA,aACA,YAIAC,mBAAA,WACA,yBACA,mBACA,OACAC,8BACAC,yCACAC,6BACAC,mCAGAC,OACAC,kCACAC,kBACAC,wBACAA,mBAEAC,mBACAD,cACAA,qBAIAE,6BAAA,WACAL,OACAM,mBACAJ,kBACAK,2BAEAH,mBACAG,kBAGAC,sBAAA,WAEAC,qEACAC,0BAIAC,wBAAA,WAEAC,yDACAC,+BAKAC,OACAnC,mBACA,mBAEAxB,yBACA,eACA,qBAEAG,4BACA,gBAEAG,2BACA,gBAEAE,gCACA,gBAGAa,wBACA,6BACA,wBAGAjB,0BACA,+BACA,wDAIAwD,mBAEA,6BACA,sBAEA,+BACA,sDAGA,yBACA,eACA,mBAEAC,yBACA,YACA,uBC7R8W,I,wBCQ1WC,EAAY,eACd,EACA,EACAhD,GACA,EACA,KACA,KACA,MAIa,aAAAgD,E,2GCjBXC,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,oCCvCf,W,yDCAA,gBAIe,cAAYC,OAAO,CAChChI,KAAM,aACNG,MAAO,CACL8H,GAAIzH,QAENc,QAAS,CACP,gBACE,MAAM4G,EAAO,OAAYC,QAAQ7G,QAAQ2B,cAAcmF,KAAKnH,MAG5D,OAFAiH,EAAK7D,KAAKgE,SAAWH,EAAK7D,KAAKgE,UAAY,GAC3CH,EAAK7D,KAAKgE,SAASJ,GAAKhH,KAAKgH,IAAMhH,KAAKL,MACjCsH,O,kCCdb,4BAIe,cAAIF,OAAO,CACxBhI,KAAM,SACNG,MAAO,CACLmI,iBAAkB,CAChB/H,KAAM,CAACgI,OAAQ/H,QAEf,UAGE,OAAOS,KAAKuH,SAAWvH,KAAKuH,SAASC,WAAWH,sBAAmB5H,GAGrEgI,UAAWC,IAAMC,MAAML,OAAOI,KAAO,CAAC,KAAM,KAAM,KAAM,KAAM,MAAME,SAASrI,OAAOmI,MAGxF3H,SAAU,CACR,WACE,MAAM,OACJ8H,EAAM,MACNC,EAAK,KACL/I,EAAI,iBACJsI,GACErH,KAAKuH,SAASC,WAGlB,GAAIH,IAAqBrH,KAAKqH,iBAAkB,OAAOQ,EACvD,MAAME,EAAcC,SAAShI,KAAKqH,iBAAkB,IAC9CY,GAAYN,MAAMI,GACxB,OAAOE,EAAWH,EAAQC,EAAchJ,IAASiB,KAAKqH,mBAK1D,UAEMrH,KAAKkI,OAAOC,eAAe,uBAC7B,eAAU,qBAAsB,oBAAqBnI","file":"js/chunk-c8f10a88.263badd1.js","sourcesContent":["// Mixins\nimport Bootable from '../../mixins/bootable';\nimport { factory as GroupableFactory } from '../../mixins/groupable'; // Directives\n\nimport Touch from '../../directives/touch'; // Utilities\n\nimport { convertToUnit, getSlot } from '../../util/helpers';\nimport mixins from '../../util/mixins';\nconst baseMixins = mixins(Bootable, GroupableFactory('windowGroup', 'v-window-item', 'v-window'));\nexport default baseMixins.extend().extend().extend({\n  name: 'v-window-item',\n  directives: {\n    Touch\n  },\n  props: {\n    disabled: Boolean,\n    reverseTransition: {\n      type: [Boolean, String],\n      default: undefined\n    },\n    transition: {\n      type: [Boolean, String],\n      default: undefined\n    },\n    value: {\n      required: false\n    }\n  },\n\n  data() {\n    return {\n      isActive: false,\n      inTransition: false\n    };\n  },\n\n  computed: {\n    classes() {\n      return this.groupClasses;\n    },\n\n    computedTransition() {\n      if (!this.windowGroup.internalReverse) {\n        return typeof this.transition !== 'undefined' ? this.transition || '' : this.windowGroup.computedTransition;\n      }\n\n      return typeof this.reverseTransition !== 'undefined' ? this.reverseTransition || '' : this.windowGroup.computedTransition;\n    }\n\n  },\n  methods: {\n    genDefaultSlot() {\n      return getSlot(this);\n    },\n\n    genWindowItem() {\n      return this.$createElement('div', {\n        staticClass: 'v-window-item',\n        class: this.classes,\n        directives: [{\n          name: 'show',\n          value: this.isActive\n        }],\n        on: this.$listeners\n      }, this.genDefaultSlot());\n    },\n\n    onAfterTransition() {\n      if (!this.inTransition) {\n        return;\n      } // Finalize transition state.\n\n\n      this.inTransition = false;\n\n      if (this.windowGroup.transitionCount > 0) {\n        this.windowGroup.transitionCount--; // Remove container height if we are out of transition.\n\n        if (this.windowGroup.transitionCount === 0) {\n          this.windowGroup.transitionHeight = undefined;\n        }\n      }\n    },\n\n    onBeforeTransition() {\n      if (this.inTransition) {\n        return;\n      } // Initialize transition state here.\n\n\n      this.inTransition = true;\n\n      if (this.windowGroup.transitionCount === 0) {\n        // Set initial height for height transition.\n        this.windowGroup.transitionHeight = convertToUnit(this.windowGroup.$el.clientHeight);\n      }\n\n      this.windowGroup.transitionCount++;\n    },\n\n    onTransitionCancelled() {\n      this.onAfterTransition(); // This should have the same path as normal transition end.\n    },\n\n    onEnter(el) {\n      if (!this.inTransition) {\n        return;\n      }\n\n      this.$nextTick(() => {\n        // Do not set height if no transition or cancelled.\n        if (!this.computedTransition || !this.inTransition) {\n          return;\n        } // Set transition target height.\n\n\n        this.windowGroup.transitionHeight = convertToUnit(el.clientHeight);\n      });\n    }\n\n  },\n\n  render(h) {\n    return h('transition', {\n      props: {\n        name: this.computedTransition\n      },\n      on: {\n        // Handlers for enter windows.\n        beforeEnter: this.onBeforeTransition,\n        afterEnter: this.onAfterTransition,\n        enterCancelled: this.onTransitionCancelled,\n        // Handlers for leave windows.\n        beforeLeave: this.onBeforeTransition,\n        afterLeave: this.onAfterTransition,\n        leaveCancelled: this.onTransitionCancelled,\n        // Enter handler for height transition.\n        enter: this.onEnter\n      }\n    }, this.showLazyContent(() => [this.genWindowItem()]));\n  }\n\n});\n//# sourceMappingURL=VWindowItem.js.map","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-row',[_c('v-col',{attrs:{\"cols\":\"12\",\"sm\":\"2\"}},[_c('v-card',{staticClass:\"pa-2\",attrs:{\"dark\":\"\",\"color\":\"accent\",\"outlined\":\"\",\"height\":\"100%\"}},[_c('v-card-text',[_c('v-row',[_c('v-select',{attrs:{\"items\":_vm.canalOptions,\"item-text\":\"Nombre\",\"item-value\":\"CanalId\",\"append-icon\":\"keyboard_arrow_down\",\"label\":\"Canal\",\"hint\":\"Canal\",\"persistent-hint\":\"\",\"hide-details\":\"\",\"multiple\":\"\"},model:{value:(_vm.canalSelected),callback:function ($$v) {_vm.canalSelected=$$v},expression:\"canalSelected\"}})],1),_c('br'),_c('br'),_c('v-row',[_c('v-select',{attrs:{\"items\":_vm.segmentoOptions,\"item-text\":\"Nombre\",\"item-value\":\"SegmentoID\",\"append-icon\":\"keyboard_arrow_down\",\"label\":\"Segmento\",\"hint\":\"Segmento\",\"persistent-hint\":\"\",\"hide-details\":\"\",\"multiple\":\"\"},model:{value:(_vm.segmentoSelected),callback:function ($$v) {_vm.segmentoSelected=$$v},expression:\"segmentoSelected\"}})],1),_c('br'),_c('br'),_c('v-row',[_c('v-select',{attrs:{\"items\":_vm.periodoOptions,\"item-text\":\"NombreMes\",\"item-value\":\"FechaFin\",\"append-icon\":\"keyboard_arrow_down\",\"label\":\"Periodo\",\"hint\":\"Periodo\",\"persistent-hint\":\"\",\"hide-details\":\"\"},model:{value:(_vm.periodoSelected),callback:function ($$v) {_vm.periodoSelected=$$v},expression:\"periodoSelected\"}})],1),_c('br'),_c('br'),_c('v-row',[_c('v-select',{attrs:{\"items\":_vm.productosTipos,\"item-text\":\"ProductoName\",\"item-value\":\"ProductoTipoId\",\"append-icon\":\"keyboard_arrow_down\",\"label\":\"Tipo Producto\",\"hint\":\"Dejar vacio para filtrar por todos\",\"persistent-hint\":\"\",\"multiple\":\"\"},model:{value:(_vm.tipoProductoSelected),callback:function ($$v) {_vm.tipoProductoSelected=$$v},expression:\"tipoProductoSelected\"}})],1),_c('br'),_c('br')],1)],1)],1),_c('v-col',{attrs:{\"cols\":\"12\",\"sm\":\"10\"}},[(_vm.processing)?_c('v-progress-linear',{attrs:{\"indeterminate\":\"\",\"color\":\"primary\"}}):_vm._e(),_c('v-tabs',[_c('v-tabs-slider',{attrs:{\"color\":\"primary\"}}),_c('v-tab',[_vm._v(\"Gráfica\")]),_c('v-tab-item',[_c('v-card',{attrs:{\"flat\":\"\"}},[_c('v-card-text',[_c('div',{ref:\"amchart\",staticStyle:{\"height\":\"45vh\"}})])],1)],1)],1),_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)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <v-row>\r\n    <v-col cols=\"12\" sm=\"2\">\r\n      <v-card dark color=\"accent\" outlined class=\"pa-2\" height=\"100%\">\r\n        <v-card-text>\r\n          <v-row>\r\n            <v-select :items=\"canalOptions\" v-model=\"canalSelected\" item-text=\"Nombre\" item-value=\"CanalId\"\r\n              append-icon=\"keyboard_arrow_down\" label=\"Canal\" hint=\"Canal\" persistent-hint hide-details\r\n              multiple></v-select>\r\n          </v-row>\r\n          <br />\r\n          <br />\r\n          <v-row>\r\n            <v-select :items=\"segmentoOptions\" v-model=\"segmentoSelected\" item-text=\"Nombre\" item-value=\"SegmentoID\"\r\n              append-icon=\"keyboard_arrow_down\" label=\"Segmento\" hint=\"Segmento\" persistent-hint hide-details\r\n              multiple></v-select>\r\n          </v-row>\r\n          <br />\r\n          <br />\r\n          <v-row>\r\n            <v-select :items=\"periodoOptions\" v-model=\"periodoSelected\" item-text=\"NombreMes\" item-value=\"FechaFin\"\r\n              append-icon=\"keyboard_arrow_down\" label=\"Periodo\" hint=\"Periodo\" persistent-hint hide-details></v-select>\r\n          </v-row>\r\n          <br />\r\n          <br />\r\n          <v-row>\r\n            <v-select :items=\"productosTipos\" v-model=\"tipoProductoSelected\" item-text=\"ProductoName\"\r\n              item-value=\"ProductoTipoId\" append-icon=\"keyboard_arrow_down\" label=\"Tipo Producto\"\r\n              hint=\"Dejar vacio para filtrar por todos\" persistent-hint multiple></v-select>\r\n          </v-row>\r\n          <br />\r\n          <br />\r\n        </v-card-text>\r\n      </v-card>\r\n    </v-col>\r\n    <v-col cols=\"12\" sm=\"10\">\r\n      <v-progress-linear indeterminate color=\"primary\" v-if=\"processing\"></v-progress-linear>\r\n      <v-tabs>\r\n        <v-tabs-slider color=\"primary\"></v-tabs-slider>\r\n        <v-tab>Gráfica</v-tab>\r\n        <v-tab-item>\r\n          <v-card flat>\r\n            <v-card-text>\r\n              <div ref=\"amchart\" style=\"height: 45vh\"></div>\r\n            </v-card-text>\r\n          </v-card>\r\n        </v-tab-item>\r\n      </v-tabs>\r\n      <v-alert dense type=\"warning\" text v-show=\"!processing && isChartEmpty\">No existe información para esta\r\n        gráfica</v-alert>\r\n    </v-col>\r\n  </v-row>\r\n</template>\r\n\r\n<script>\r\nimport apiDashboard from \"@/api/dashboards\";\r\nimport apiHome from \"@/api/home\";\r\nimport apiEmpleados from \"@/api/empleados\";\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\n\r\nam4core.useTheme(am4themesAnimated);\r\n\r\nexport default {\r\n  props: [\"tipoProductoOptions\"],\r\n  data() {\r\n    return {\r\n      processing: false,\r\n      productosTipos: [],\r\n      chartData: [],\r\n      chart: null,\r\n      canalSelected: [],\r\n      segmentoSelected: [],\r\n      periodoSelected: null,\r\n      tipoProductoSelected: [],\r\n      headers: [\r\n        { text: \"PERIDO\", value: \"Periodo\" },\r\n        { text: \"ASOCIADO\", value: \"Asociado\" },\r\n        { text: \"CANAL\", value: \"Canal\" },\r\n      ],\r\n      canalOptions: [],\r\n      segmentoOptions: [],\r\n    };\r\n  },\r\n  computed: {\r\n    isChartEmpty() {\r\n      return this.chartData.length === 0;\r\n    },\r\n    periodoOptions() {\r\n      return this.$store.getters.periodos;\r\n    },\r\n    asociadoOptions() {\r\n      return this.$store.getters.asociados.filter(\r\n        (c) => this.canalSelected.includes(c.CanalId)\r\n      );\r\n    },\r\n    corteId() {\r\n      return this.$store.getters.user.corteId;\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 = 8;\r\n        chart.legend = new am4charts.Legend();\r\n        chart.exporting.menu = new am4core.ExportMenu();\r\n        chart.numberFormatter.numberFormat = \"#,###.##\";\r\n        chart.scrollbarX = new am4charts.XYChartScrollbar();\r\n\r\n        let data = [];\r\n        let tiposProducto = [];\r\n        dataParam.forEach(function (row) {\r\n          if (tiposProducto.indexOf(row.TipoProducto) === -1) {\r\n            tiposProducto.push(row.TipoProducto);\r\n          }\r\n        });\r\n\r\n        dataParam.forEach(function (d) {\r\n          let newRow = {\r\n            Segmento: d.Segmento,\r\n            TotalLineas: 0,\r\n            Total: 0,\r\n          };\r\n          let total = 0;\r\n          let lineas = 0;\r\n\r\n          tiposProducto.forEach(function (c) {\r\n            let dc = dataParam.filter((f) => f.Segmento === d.Segmento && f.TipoProducto === c);\r\n            if (dc[0]) {\r\n\r\n              const name = `${c}lineas`;\r\n\r\n              newRow[c] = dc[0].Monto;\r\n              newRow[name] = dc[0].Lineas;\r\n              total += dc[0].Monto;\r\n              lineas += dc[0].Lineas;\r\n            }\r\n          });\r\n\r\n          newRow[\"Total\"] = total;\r\n          newRow[\"TotalLineas\"] = lineas;\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 = \"Segmento\";\r\n        categoryAxis.title.text = \"Segmento\";\r\n        categoryAxis.renderer.grid.template.location = 0;\r\n\r\n        let valueAxis = chart.yAxes.push(new am4charts.ValueAxis());\r\n        valueAxis.renderer.minWidth = 35;\r\n\r\n        tiposProducto.forEach(function (c) {\r\n\r\n          const nameLineas = `${c}lineas`;\r\n\r\n          let series = chart.series.push(new am4charts.ColumnSeries());\r\n          series.dataFields.categoryX = \"Segmento\";\r\n          series.dataFields.valueY = c;\r\n          series.dataFields.valueYLineas = nameLineas;\r\n          series.name = c;\r\n          series.stacked = true;\r\n          series.columns.template.width = am4core.percent(80);\r\n          series.columns.template.tooltipText = \"Lineas: {valueYLineas}\\n{name}: [bold]{valueY}[/]\";\r\n        });\r\n\r\n        let lineSeries = chart.series.push(new am4charts.LineSeries());\r\n        lineSeries.dataFields.categoryX = \"Segmento\";\r\n        lineSeries.dataFields.valueY = \"Total\";\r\n        lineSeries.name = \"Total\";\r\n        lineSeries.nameLineas = \"TotalLineas\";\r\n        lineSeries.strokeWidth = 3;\r\n        lineSeries.strokeLinejoin = \"bevel\"\r\n        var circleBullet = lineSeries.bullets.push(\r\n          new am4charts.CircleBullet()\r\n        );\r\n        circleBullet.circle.stroke = am4core.color(\"#fff\");\r\n        circleBullet.tooltipText = \"Lineas: {TotalLineas}\\n{name}: [bold]{valueY}[/]\";\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.periodoSelected) {\r\n        this.processing = true;\r\n        let param = {\r\n          FechaFin: this.periodoSelected,\r\n          TiposProductos: this.tipoProductoSelected,\r\n          CanalesId: this.canalSelected,\r\n          SegmentosId: this.segmentoSelected,\r\n        };\r\n\r\n        apiDashboard\r\n          .getChartComisionesPorSegmentos(param)\r\n          .then((response) => {\r\n            this.generateChart(response.data);\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    getProductosTipos() {\r\n      apiDashboard\r\n        .getProductoTipos()\r\n        .then((response) => {\r\n          this.productosTipos = response.data\r\n        })\r\n        .catch((error) => {\r\n          this.setError(error);\r\n        });\r\n    },\r\n    getCanales() {\r\n\r\n      apiHome.getCanalesExternosGestionados(this.corteId).then((response) => {\r\n        this.canalOptions = response.data;\r\n      });\r\n\r\n    },\r\n    getSegmentos() {\r\n\r\n      apiEmpleados.getSegmento(this.canalSelected).then((response) => {\r\n        this.segmentoOptions = response.data;\r\n      });\r\n\r\n    },\r\n  },\r\n  watch: {\r\n    corteId: function () {\r\n      this.getCanales();\r\n    },\r\n    canalSelected: function () {\r\n      this.refresh();\r\n      this.getSegmentos();\r\n    },\r\n    segmentoSelected: function () {\r\n      this.refresh();\r\n    },\r\n    periodoSelected: function () {\r\n      this.refresh();\r\n    },\r\n    tipoProductoSelected: function () {\r\n      this.refresh();\r\n    },\r\n\r\n    canalOptions: function () {\r\n      if (this.canalOptions.length > 0) {\r\n        this.canalSelected = [];\r\n      }\r\n    },\r\n    periodoOptions: function () {\r\n      if (this.periodoOptions.length > 0) {\r\n        this.periodoSelected = this.periodoOptions[0].FechaFin;\r\n      }\r\n    },\r\n  },\r\n  mounted() {\r\n\r\n    this.tipoProductoSelected = [];\r\n    this.canalSelected = [];\r\n\r\n    if (this.periodoOptions.length > 0) {\r\n      this.periodoSelected = this.periodoOptions[0].FechaFin;\r\n    }\r\n\r\n    this.getProductosTipos();\r\n    this.refresh();\r\n    this.getCanales();\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!./comision_por_segmentos.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!./comision_por_segmentos.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./comision_por_segmentos.vue?vue&type=template&id=49499e83\"\nimport script from \"./comision_por_segmentos.vue?vue&type=script&lang=js\"\nexport * from \"./comision_por_segmentos.vue?vue&type=script&lang=js\"\nimport style0 from \"./comision_por_segmentos.vue?vue&type=style&index=0&id=49499e83&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","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","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!./comision_por_segmentos.vue?vue&type=style&index=0&id=49499e83&prod&scope=true&lang=css\"","// Extensions\nimport VWindowItem from '../VWindow/VWindowItem';\n/* @vue/component */\n\nexport default VWindowItem.extend({\n  name: 'v-tab-item',\n  props: {\n    id: String\n  },\n  methods: {\n    genWindowItem() {\n      const item = VWindowItem.options.methods.genWindowItem.call(this);\n      item.data.domProps = item.data.domProps || {};\n      item.data.domProps.id = this.id || this.value;\n      return item;\n    }\n\n  }\n});\n//# sourceMappingURL=VTabItem.js.map","import { deprecate } from '../../util/console';\nimport Vue from 'vue';\n/* @vue/component */\n\nexport default Vue.extend({\n  name: 'mobile',\n  props: {\n    mobileBreakpoint: {\n      type: [Number, String],\n\n      default() {\n        // Avoid destroying unit\n        // tests for users\n        return this.$vuetify ? this.$vuetify.breakpoint.mobileBreakpoint : undefined;\n      },\n\n      validator: v => !isNaN(Number(v)) || ['xs', 'sm', 'md', 'lg', 'xl'].includes(String(v))\n    }\n  },\n  computed: {\n    isMobile() {\n      const {\n        mobile,\n        width,\n        name,\n        mobileBreakpoint\n      } = this.$vuetify.breakpoint; // Check if local mobileBreakpoint matches\n      // the application's mobileBreakpoint\n\n      if (mobileBreakpoint === this.mobileBreakpoint) return mobile;\n      const mobileWidth = parseInt(this.mobileBreakpoint, 10);\n      const isNumber = !isNaN(mobileWidth);\n      return isNumber ? width < mobileWidth : name === this.mobileBreakpoint;\n    }\n\n  },\n\n  created() {\n    /* istanbul ignore next */\n    if (this.$attrs.hasOwnProperty('mobile-break-point')) {\n      deprecate('mobile-break-point', 'mobile-breakpoint', this);\n    }\n  }\n\n});\n//# sourceMappingURL=index.js.map"],"sourceRoot":""}