{"version":3,"sources":["webpack:///./src/components/dashboards/comision_por_asociados.vue?3000","webpack:///./node_modules/vuetify/lib/components/VWindow/VWindowItem.js","webpack:///./node_modules/@amcharts/amcharts4/.internal/themes/material.js","webpack:///./src/components/dashboards/comision_por_asociados.vue","webpack:///src/components/dashboards/comision_por_asociados.vue","webpack:///./src/components/dashboards/comision_por_asociados.vue?eb58","webpack:///./src/components/dashboards/comision_por_asociados.vue?8dc9","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","theme","object","list","minLightness","maxLightness","reuse","background","cornerRadiusTopLeft","cornerRadiusTopRight","cornerRadiusBottomLeft","cornerRadiusBottomRight","animationDuration","attrs","model","callback","canalSelected","expression","gruposComision","grupoSelected","asociados","asociadoSelected","periodoOptions","_vm","periodoSelected","productosTipos","tipoProductoSelected","processing","_c","ref","staticStyle","rawName","staticRenderFns","am4core","data","chartData","chart","canalOptions","headers","text","isChartEmpty","asociadoOptions","currentUser","corteId","mapActions","generateChart","dataParam","Conceptos","Asociado","TotalLineas","Total","newRow","total","lineas","categoryAxis","valueAxis","series","lineSeries","circleBullet","refresh","FechaFin","TiposProductos","AsociadosId","apiDashboard","getChartComisionPorAsociados","then","_this2","catch","getProductosTipos","getProductoTipos","_this3","getGruposComision","_context","apiEmpleado","response","_this4","getAsociados","id","param","CanalesId","GruposComisionId","CorteId","_context2","_this5","getCanales","canales","_context3","apiHome","responseCanales","_this6","watch","mounted","beforeDestroy","component","extend","item","options","call","domProps","mobileBreakpoint","Number","$vuetify","breakpoint","validator","v","isNaN","includes","mobile","width","mobileWidth","parseInt","isNumber","$attrs","hasOwnProperty"],"mappings":"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","file":"js/chunk-94582a86.215a4ddf.js","sourcesContent":["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_asociados.vue?vue&type=style&index=0&id=d4db256e&prod&scope=true&lang=css\"","// 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","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.asociados,\"item-text\":\"NombreDisplay\",\"item-value\":\"AsociadoId\",\"append-icon\":\"keyboard_arrow_down\",\"label\":\"Asociados\",\"hint\":\"Asociados\",\"persistent-hint\":\"\",\"hide-details\":\"\",\"multiple\":\"\"},model:{value:(_vm.asociadoSelected),callback:function ($$v) {_vm.asociadoSelected=$$v},expression:\"asociadoSelected\"}})],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=\"asociados\"\r\n              v-model=\"asociadoSelected\"\r\n              item-text=\"NombreDisplay\"\r\n              item-value=\"AsociadoId\"\r\n              append-icon=\"keyboard_arrow_down\"\r\n              label=\"Asociados\"\r\n              hint=\"Asociados\"\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\"],\r\n  data() {\r\n    return {\r\n      processing: false,\r\n      productosTipos:[],\r\n      chartData: [],\r\n      chart: null,\r\n      asociadoSelected: [],\r\n      canalOptions:[],\r\n      gruposComision:[],\r\n      periodoSelected: null,\r\n      tipoProductoSelected: [],\r\n      grupoSelected: [],\r\n      canalSelected:[],\r\n      asociados:[],\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.asociadoSelected.includes(c.CanalId)\r\n      );\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 Conceptos = [];\r\n        let asociados = [];\r\n        dataParam.forEach(function (row) {\r\n          if (Conceptos.indexOf(row.Concepto) === -1) {\r\n            Conceptos.push(row.Concepto);\r\n          }\r\n        });\r\n\r\n       \r\n\r\n        dataParam.forEach(function (row) {\r\n          if (asociados.indexOf(row.Asociado) === -1) {\r\n            asociados.push(row.Asociado);\r\n          }\r\n        });\r\n      \r\n        asociados.forEach(function (d) {\r\n          let newRow = {\r\n            Asociado: d,\r\n            TotalLineas:0,\r\n            Total: 0,\r\n          };\r\n          let total = 0;\r\n          let lineas = 0;\r\n\r\n          Conceptos.forEach(function (c) {\r\n            let dc = dataParam.filter((f) => f.Asociado === d && f.Concepto === c);\r\n\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 = \"Asociado\";\r\n        categoryAxis.title.text = \"Asociado\";\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        Conceptos.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 = \"Asociado\";\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 = \"Asociado\";\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          AsociadosId: this.asociadoSelected,\r\n        };\r\n\r\n        apiDashboard\r\n          .getChartComisionPorAsociados(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    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 getAsociados(){\r\n      const id = this.corteId?this.corteId:0;\r\n\r\n      let param = {\r\n        CanalesId:this.canalSelected,\r\n        GruposComisionId:this.grupoSelected,\r\n        CorteId:id\r\n        };\r\n\r\n      const response = await apiEmpleado.getAsociadosPorCanales(param);\r\n\r\n      this.asociados = response.data\r\n    },\r\n    async getCanales(){\r\n\r\n      let canales = [];\r\n      const responseCanales =  await apiHome.getCanalesExternosGestionados(this.corteId);\r\n\r\n      canales = responseCanales.data;\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    asociadoSelected: 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    canalSelected: function () {\r\n\r\n        if(this.grupoSelected.length>0)\r\n          this.grupoSelected = [];\r\n\r\n          this.getGruposComision();\r\n          this.getAsociados();\r\n    },\r\n\r\n    grupoSelected: function () {\r\n\r\n        if(this.asociadoSelected.length > 0)\r\n          this.asociadoSelected = [];\r\n\r\n          this.getAsociados();\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.asociadoSelected = [];\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_asociados.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_asociados.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./comision_por_asociados.vue?vue&type=template&id=d4db256e\"\nimport script from \"./comision_por_asociados.vue?vue&type=script&lang=js\"\nexport * from \"./comision_por_asociados.vue?vue&type=script&lang=js\"\nimport style0 from \"./comision_por_asociados.vue?vue&type=style&index=0&id=d4db256e&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","// 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":""}