{"version":3,"sources":["webpack:///./node_modules/vuetify/lib/components/VWindow/VWindowItem.js","webpack:///./node_modules/@amcharts/amcharts4/.internal/themes/material.js","webpack:///./node_modules/vuetify/lib/components/VTabs/VTabItem.js","webpack:///./src/components/dashboards/comision_por_grupos_comision.vue?86d3","webpack:///./src/components/dashboards/comision_por_grupos_comision.vue","webpack:///src/components/dashboards/comision_por_grupos_comision.vue","webpack:///./src/components/dashboards/comision_por_grupos_comision.vue?35ef","webpack:///./src/components/dashboards/comision_por_grupos_comision.vue?dd4f","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","theme","object","list","minLightness","maxLightness","reuse","background","cornerRadiusTopLeft","cornerRadiusTopRight","cornerRadiusBottomLeft","cornerRadiusBottomRight","animationDuration","extend","id","item","options","call","data","domProps","attrs","model","callback","canalSelected","expression","gruposComision","grupoSelected","periodoOptions","_vm","periodoSelected","productosTipos","tipoProductoSelected","processing","_c","ref","staticStyle","rawName","staticRenderFns","am4core","chartData","chart","canalOptions","headers","text","isChartEmpty","asociadoOptions","currentUser","corteId","mapActions","generateChart","dataParam","incentivos","GrupoComision","TotalLineas","Total","Promedio","newRow","total","lineas","count","categoryAxis","valueAxis","series","lineSeries","circleBullet","lineSeriesPromedio","circleBulletPromedio","refresh","FechaFin","TiposProductos","GruposComisionId","apiDashboard","getChartComisionPorGruposComision","then","_this2","catch","getProductosTipos","getProductoTipos","_this3","getGruposComision","_context","apiEmpleado","response","_this4","getCanales","canales","_this5","_context2","apiHome","responseCanales","watch","grupoSeleted","mounted","beforeDestroy","component","mobileBreakpoint","Number","$vuetify","breakpoint","validator","v","isNaN","includes","mobile","width","mobileWidth","parseInt","isNumber","$attrs","hasOwnProperty"],"mappings":"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","file":"js/chunk-385910d0.e5a3c7cb.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","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","// 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","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_grupos_comision.vue?vue&type=style&index=0&id=1b340c54&prod&scope=true&lang=css\"","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.gruposComision,\"item-text\":\"Nombre\",\"item-value\":\"AsociadosComisionGroupID\",\"append-icon\":\"keyboard_arrow_down\",\"label\":\"Grupo comisión\",\"hint\":\"Grupo comisión\",\"persistent-hint\":\"\",\"hide-details\":\"\",\"multiple\":\"\"},model:{value:(_vm.grupoSelected),callback:function ($$v) {_vm.grupoSelected=$$v},expression:\"grupoSelected\"}})],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\r\n              :items=\"canalOptions\"\r\n              v-model=\"canalSelected\"\r\n              item-text=\"Nombre\"\r\n              item-value=\"CanalId\"\r\n              append-icon=\"keyboard_arrow_down\"\r\n              label=\"Canal\"\r\n              hint=\"Canal\"\r\n              persistent-hint\r\n              hide-details\r\n              multiple\r\n            ></v-select>\r\n          </v-row>\r\n          <br />\r\n          <br />\r\n          <v-row>\r\n            <v-select\r\n              :items=\"gruposComision\"\r\n              v-model=\"grupoSelected\"\r\n              item-text=\"Nombre\"\r\n              item-value=\"AsociadosComisionGroupID\"\r\n              append-icon=\"keyboard_arrow_down\"\r\n              label=\"Grupo comisión\"\r\n              hint=\"Grupo comisión\"\r\n              persistent-hint\r\n              hide-details\r\n              multiple\r\n            ></v-select>\r\n          </v-row>\r\n          <br />\r\n          <br />\r\n          <v-row>\r\n            <v-select\r\n              :items=\"periodoOptions\"\r\n              v-model=\"periodoSelected\"\r\n              item-text=\"NombreMes\"\r\n              item-value=\"FechaFin\"\r\n              append-icon=\"keyboard_arrow_down\"\r\n              label=\"Periodo\"\r\n              hint=\"Periodo\"\r\n              persistent-hint\r\n              hide-details\r\n            ></v-select>\r\n          </v-row>\r\n          <br />\r\n          <br />\r\n          <v-row>\r\n            <v-select\r\n              :items=\"productosTipos\"\r\n              v-model=\"tipoProductoSelected\"\r\n              item-text=\"ProductoName\"\r\n              item-value=\"ProductoTipoId\"\r\n              append-icon=\"keyboard_arrow_down\"\r\n              label=\"Tipo Producto\"\r\n              hint=\"Dejar vacio para filtrar por todos\"\r\n              persistent-hint\r\n              multiple\r\n            ></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\r\n        indeterminate\r\n        color=\"primary\"\r\n        v-if=\"processing\"\r\n      ></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\"\r\n        >No existe información para esta gráfica</v-alert\r\n      >\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 apiEmpleado 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\",\"grupoSeleted\"],\r\n  data() {\r\n    return {\r\n      processing: false,\r\n      productosTipos:[],\r\n      chartData: [],\r\n      chart: null,\r\n      grupoSelected: [],\r\n      canalSelected:[],\r\n      periodoSelected: null,\r\n      tipoProductoSelected: [],\r\n      gruposComision:[],\r\n      canalOptions:[],\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    };\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.grupoSelected.includes(c.CanalId)\r\n      );\r\n    },\r\n    // canalOptions() {\r\n    //   return this.$store.getters.canalesExternos;\r\n    // },\r\n    currentUser() {\r\n      return this.$store.getters.user;\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 incentivos = [];\r\n        dataParam.forEach(function (row) {\r\n          if (incentivos.indexOf(row.Incentivo) === -1) {\r\n            incentivos.push(row.Incentivo);\r\n          }\r\n        });\r\n      \r\n        dataParam.forEach(function (d) {\r\n          let newRow = {\r\n            GrupoComision: d.GrupoComision,\r\n            TotalLineas:0,\r\n            Total: 0,\r\n            Promedio: 0\r\n          };\r\n          let total = 0;\r\n          let lineas = 0;\r\n          let count = 0;\r\n\r\n          incentivos.forEach(function (c) {\r\n            let dc = dataParam.filter((f) => f.GrupoComision === d.GrupoComision && f.Incentivo === 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              count += 1;\r\n            }\r\n          });\r\n\r\n          newRow[\"Total\"] = total;\r\n          newRow[\"TotalLineas\"] = lineas;\r\n          newRow[\"Promedio\"] = count === 0 ? 0 : total / count;\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 = \"GrupoComision\";\r\n        categoryAxis.title.text = \"GrupoComision\";\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        incentivos.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 = \"GrupoComision\";\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 = \"GrupoComision\";\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        //Promedio\r\n\r\n        let lineSeriesPromedio = chart.series.push(new am4charts.LineSeries());\r\n        lineSeriesPromedio.dataFields.categoryX = \"GrupoComision\";\r\n        lineSeriesPromedio.dataFields.valueY = \"Promedio\";\r\n        lineSeriesPromedio.name = \"Promedio\";\r\n        lineSeriesPromedio.strokeWidth = 3;\r\n        var circleBulletPromedio = lineSeriesPromedio.bullets.push(\r\n          new am4charts.CircleBullet()\r\n        );\r\n        circleBulletPromedio.circle.stroke = am4core.color(\"#fff\");\r\n        circleBulletPromedio.tooltipText = \"{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          GruposComisionId: this.grupoSelected,\r\n        };\r\n\r\n        apiDashboard\r\n          .getChartComisionPorGruposComision(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\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    async getGruposComision(){\r\n      \r\n      const response = await apiEmpleado.getGruposComision(Array.from(this.canalSelected));\r\n\r\n      this.gruposComision = response.data\r\n    },\r\n    async getCanales(){\r\n\r\n      let canales = [];\r\n\r\n      if(this.grupoSeleted === 1){\r\n       \r\n        var id = this.corteId?this.corteId:0;\r\n\r\n        const responseCanales =  await apiHome.getCanalesExternosGestionados(id);\r\n\r\n        canales = responseCanales.data;\r\n\r\n\r\n      }else if(this.grupoSeleted === 2){\r\n        const responseCanales =  await apiHome.getCanalesInternos();\r\n\r\n        canales = responseCanales.data;\r\n      }\r\n\r\n      this.canalOptions = canales;\r\n    }\r\n  },\r\n  watch: {\r\n    corteId: function () {\r\n      this.getCanales();\r\n    },\r\n    grupoSelected: 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    canalSelected: function () {\r\n\r\n        if(this.grupoSelected.length>0)\r\n          this.grupoSelected = [];\r\n\r\n        this.getGruposComision();\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    grupoSeleted:function() {\r\n      this.getCanales();\r\n    }\r\n  },\r\n  mounted() {\r\n\r\n    this.tipoProductoSelected = [];\r\n    this.grupoSelected = [];\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_grupos_comision.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_grupos_comision.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./comision_por_grupos_comision.vue?vue&type=template&id=1b340c54\"\nimport script from \"./comision_por_grupos_comision.vue?vue&type=script&lang=js\"\nexport * from \"./comision_por_grupos_comision.vue?vue&type=script&lang=js\"\nimport style0 from \"./comision_por_grupos_comision.vue?vue&type=style&index=0&id=1b340c54&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 { 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":""}