{"version":3,"sources":["webpack:///./src/components/bandejaEncuestas/IndicadoresReginal.vue?6495","webpack:///./src/components/bandejaEncuestas/IndicadoresReginal.vue?6108","webpack:///./src/components/bandejaEncuestas/IndicadoresReginal.vue?1252","webpack:///src/components/bandejaEncuestas/IndicadoresReginal.vue","webpack:///./src/components/bandejaEncuestas/IndicadoresReginal.vue?4727","webpack:///./src/components/bandejaEncuestas/IndicadoresReginal.vue?e0b1","webpack:///./src/components/bandejaEncuestas/IndicadoresReginal.vue?66be"],"names":["render","_vm","this","_c","_self","loadinDatos","staticClass","attrs","tipoGrafico","option","defaultWords","rotate","wordClickHandler","_e","staticRenderFns","name","components","VChart","wordcloud","props","idEncuesta","type","Number","required","loadingProp","Boolean","default","lstIndicadoresRegional","Array","fnSetIndicadores","Function","provide","from","to","myColors","tooltip","trigger","legend","orient","left","series","radius","data","emphasis","itemStyle","shadowBlur","shadowOffsetX","shadowColor","option2","color","xAxis","show","axisLabel","fontSize","yAxis","barWidth","getEncuestaIndicadores","methods","length","i","push","value","component","VCol","VSkeletonLoader"],"mappings":"yIAAA,W,oCCAA,W,2CCAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAyB,GAAjBF,EAAII,YAAmBF,EAAG,QAAQ,CAACG,YAAY,cAAcC,MAAM,CAAC,KAAO,OAAO,CAACJ,EAAG,oBAAoB,CAACI,MAAM,CAAC,KAAO,YAAY,GAAGJ,EAAG,QAAQ,CAACI,MAAM,CAAC,KAAO,OAAO,CAAmB,GAAjBN,EAAII,aAAsC,GAAjBJ,EAAIO,YAAiBL,EAAG,UAAU,CAACG,YAAY,QAAQC,MAAM,CAAC,OAASN,EAAIQ,UAA4B,GAAjBR,EAAII,aAAqC,GAAjBJ,EAAIO,YAAgBL,EAAG,YAAY,CAACI,MAAM,CAAC,KAAON,EAAIS,aAAa,QAAU,OAAO,SAAW,QAAQ,OAAST,EAAIU,OAAO,UAAYV,EAAIW,iBAAiB,MAAQ,YAAYX,EAAIY,MAAM,IAE5iBC,EAAkB,G,2ICiCtB,eAAI,CACF,OACA,OACA,OACA,OACA,OACA,SAGa,OACbC,KAAM,sBACNC,WAAY,CACVC,OAAA,OACAC,UAAA,KAEFC,MAAO,CACLC,WAAY,CACVC,KAAMC,OACNC,UAAU,GAGZC,YAAa,CACXH,KAAMI,QACNC,SAAS,GAEXC,uBAAwB,CACtBN,KAAMO,MACNF,QAAS,WACP,MAAO,KAGXG,iBAAkB,CAChBR,KAAMS,SACNJ,QAAS,SAGZK,QAAS,CACR,CAAC,QAAY,SAEd,OACC,MAAO,CACP1B,aAAY,EACZG,YAAY,GACfG,OAAQ,CAAEqB,KAAM,EAAGC,GAAI,GACtBC,SAAU,CAAC,UAAW,UAAW,UAAW,WACxCxB,aAAc,GAEjBD,OAAS,CACV0B,QAAS,CACPC,QAAS,QAEXC,OAAQ,CACNC,OAAQ,WACRC,KAAM,QAERC,OAAQ,CACN,CACEnB,KAAM,MACNoB,OAAQ,MACRC,KAAM,GAENC,SAAU,CACRC,UAAW,CACTC,WAAY,GACZC,cAAe,EACfC,YAAa,0BAMtBC,QAAU,CACVb,QAAS,CACAC,QAAS,QAEXa,MAAO,UACPC,MAAM,CACJ7B,KAAM,WACJqB,KAAK,GACLS,MAAM,EACLC,UAAW,CAClBD,MAAM,EACNxC,OAAQ,GACR0C,SAAU,KAIRC,MAAM,GAGNd,OAAO,CAAC,CAEJnB,KAAK,MACLkC,SAAU,MACVb,KAAK,GACLS,MAAO,OAOnB,gBAEE,gBACEjD,KAAKsD,yBACLtD,KAAKU,oBAEP6C,QAAS,CACP,yBACMvD,KAAKyB,uBAAuB+B,OAAO,GACnCxD,KAAKM,YAAY,EAGfN,KAAKM,YAAY,EAGnB,IAAK,IAAImD,EAAE,EAAGA,EAAEzD,KAAKyB,uBAAuB+B,OAAQC,IAE7B,GAAlBzD,KAAKM,aACTN,KAAKO,OAAO+B,OAAO,GAAGE,KAAKkB,KAAK,CAACC,MAAM3D,KAAKyB,uBAAuBgC,GAAG,YAAY5C,KAAKb,KAAKyB,uBAAuBgC,GAAG,UAAW,MAAOzD,KAAKyB,uBAAuBgC,GAAG,YAEjJ,GAAlBzD,KAAKM,aACPN,KAAKQ,aAAakD,KAAK,CAAC7C,KAAKb,KAAKyB,uBAAuBgC,GAAG,UAAWE,MAAM3D,KAAKyB,uBAAuBgC,GAAG,cAG7GzD,KAAKG,aAAY,GAEzB,iBAAiBU,EAAM8C,GACd3D,KAAKa,KACJb,KAAK2D,SCrK2N,I,yFCU1OC,EAAY,eACd,EACA9D,EACAc,GACA,EACA,KACA,WACA,MAIa,aAAAgD,EAAiB,QAMhC,IAAkBA,EAAW,CAACC,OAAA,KAAKC,kBAAA,Q,kCC3BnC,W","file":"js/chunk-3e288c85.26fe232a.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./IndicadoresReginal.vue?vue&type=style&index=0&id=ed19261e&prod&scoped=true&lang=css\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./IndicadoresReginal.vue?vue&type=style&index=1&id=ed19261e&prod&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.loadinDatos==true)?_c('v-col',{staticClass:\"text-center\",attrs:{\"cols\":\"12\"}},[_c('v-skeleton-loader',{attrs:{\"type\":\"image\"}})],1):_c('v-col',{attrs:{\"cols\":\"12\"}},[(_vm.loadinDatos==false&&(_vm.tipoGrafico==1))?_c('v-chart',{staticClass:\"chart\",attrs:{\"option\":_vm.option}}):(_vm.loadinDatos==false&&_vm.tipoGrafico==2)?_c('wordcloud',{attrs:{\"data\":_vm.defaultWords,\"nameKey\":\"name\",\"valueKey\":\"value\",\"rotate\":_vm.rotate,\"wordClick\":_vm.wordClickHandler,\"color\":\"Accent\"}}):_vm._e()],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  \r\n  <v-col v-if=\"loadinDatos==true\" class=\"text-center\" cols=\"12\">\r\n            <v-skeleton-loader type=\"image\" />\r\n  </v-col>   \r\n  <v-col v-else cols=\"12\">\r\n     \r\n   <v-chart v-if=\"loadinDatos==false&&(tipoGrafico==1)\" class=\"chart\" :option=\"option\" />\r\n<wordcloud  v-else-if=\"loadinDatos==false&&tipoGrafico==2\"\r\n      :data=\"defaultWords\"\r\n      nameKey=\"name\"\r\n      valueKey=\"value\"\r\n      :rotate=\"rotate\"\r\n      :wordClick=\"wordClickHandler\"\r\n      color=\"Accent\">\r\n      \r\n      </wordcloud>\r\n  </v-col>\r\n</template>\r\n\r\n<script>\r\nimport { use } from \"echarts/core\";\r\nimport IEcharts from 'echarts'\r\nimport 'echarts/lib/chart/bar'\r\nimport { CanvasRenderer } from \"echarts/renderers\";\r\nimport { PieChart } from \"echarts/charts\";\r\nimport { BarChart } from 'echarts/charts';\r\nimport {\r\n  TitleComponent,\r\n  TooltipComponent,\r\n  LegendComponent\r\n} from \"echarts/components\";\r\nimport VChart, { THEME_KEY } from \"vue-echarts\";\r\nimport { ref, defineComponent } from \"vue\";\r\nimport wordcloud from 'vue-wordcloud'\r\nuse([\r\n  CanvasRenderer,\r\n  PieChart,\r\n  BarChart,\r\n  TitleComponent,\r\n  TooltipComponent,\r\n  LegendComponent\r\n]);\r\n\r\nexport default({\r\n  name: \"IndicadoresRegional\",\r\n  components: {\r\n    VChart,\r\n    wordcloud\r\n  },\r\n  props: {\r\n    idEncuesta: {\r\n      type: Number,\r\n      required: true,\r\n    },\r\n   \r\n    loadingProp: {\r\n      type: Boolean,\r\n      default: false\r\n    },\r\n    lstIndicadoresRegional: {\r\n      type: Array,\r\n      default: function () {\r\n        return []\r\n      }\r\n    },\r\n    fnSetIndicadores: {\r\n      type: Function,\r\n      default: () => {}\r\n    },\r\n  },\r\n   provide: {\r\n    [THEME_KEY]: \"white\"\r\n  },\r\n   data () {\r\n    return {\r\n    loadinDatos:true,\r\n    tipoGrafico:\"\",\r\n rotate: { from: 0, to: 0 },\r\n  myColors: ['#1f77b4', '#629fc9', '#94bedb', '#c9e0ef'],\r\n      defaultWords: [],\r\n\r\n   option : {\r\n  tooltip: {\r\n    trigger: 'item'\r\n  },\r\n  legend: {\r\n    orient: 'vertical',\r\n    left: 'left'\r\n  },\r\n  series: [\r\n    {\r\n      type: 'pie',\r\n      radius: '50%',\r\n      data: [\r\n      ],\r\n      emphasis: {\r\n        itemStyle: {\r\n          shadowBlur: 10,\r\n          shadowOffsetX: 0,\r\n          shadowColor: 'rgba(0, 0, 0, 0.5)'\r\n        }\r\n      }\r\n    }\r\n  ]\r\n},\r\n option2 : {\r\n tooltip: {\r\n          trigger: \"axis\"\r\n        },\r\n        color: \"#5DADE2\",\r\n        xAxis:{\r\n          type: \"category\",\r\n            data:[],\r\n            show :true,\r\n             axisLabel: {\r\n      show: true,\r\n      rotate: 48,\r\n      fontSize: 10\r\n      //interval: 6\r\n    }\r\n        },\r\n        yAxis:{\r\n\r\n        },\r\n        series:[{\r\n           \r\n            type:'bar',\r\n            barWidth: \"60%\",\r\n            data:[],\r\n            show : true\r\n        }]      \r\n},\r\n   \r\n    \r\n    };\r\n  },\r\nbeforeMount () { \r\n  },\r\n  async mounted () {\r\n    this.getEncuestaIndicadores();\r\n    this.wordClickHandler();\r\n  },\r\n  methods: {\r\n    getEncuestaIndicadores () {\r\n       if(this.lstIndicadoresRegional.length>10){\r\n          this.tipoGrafico=2;  \r\n          }\r\n          else{\r\n            this.tipoGrafico=1;\r\n          }\r\n      \r\n          for (var i=0; i<this.lstIndicadoresRegional.length; i++) {\r\n            //if(this.tipoGrafico==2||this.tipoGrafico==3||this.tipoGrafico==6||this.tipoGrafico==4){\r\n            if(this.tipoGrafico==1){\r\n           this.option.series[0].data.push({value:this.lstIndicadoresRegional[i][\"Cantidad\"],name:this.lstIndicadoresRegional[i][\"ESTADO\"]+ \" : \" +this.lstIndicadoresRegional[i][\"CIUDAD\"]});\r\n           }\r\n            if(this.tipoGrafico==2){\r\n             this.defaultWords.push({name:this.lstIndicadoresRegional[i][\"CIUDAD\"], value:this.lstIndicadoresRegional[i][\"Cantidad\"]});\r\n         }\r\n           }\r\n            this.loadinDatos=false;\r\n   },\r\n    wordClickHandler(name, value) {\r\n      name = this.name;\r\n      value = this.value;\r\n    },\r\n  }\r\n});\r\n</script>\r\n\r\n<style scoped>\r\n.chart {\r\n  height: 100vh;\r\n}\r\n</style>\r\n\r\n<style>\r\nbody {\r\n  margin: 0;\r\n}\r\n</style>\r\n<style lang=\"scss\">\r\ndiv.tooltip {\r\n  background-color: green !important;\r\n  color: red !important;\r\n}\r\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./IndicadoresReginal.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./IndicadoresReginal.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./IndicadoresReginal.vue?vue&type=template&id=ed19261e&scoped=true\"\nimport script from \"./IndicadoresReginal.vue?vue&type=script&lang=js\"\nexport * from \"./IndicadoresReginal.vue?vue&type=script&lang=js\"\nimport style0 from \"./IndicadoresReginal.vue?vue&type=style&index=0&id=ed19261e&prod&scoped=true&lang=css\"\nimport style1 from \"./IndicadoresReginal.vue?vue&type=style&index=1&id=ed19261e&prod&lang=css\"\nimport style2 from \"./IndicadoresReginal.vue?vue&type=style&index=2&id=ed19261e&prod&lang=scss\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"ed19261e\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VSkeletonLoader } from 'vuetify/lib/components/VSkeletonLoader';\ninstallComponents(component, {VCol,VSkeletonLoader})\n","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./IndicadoresReginal.vue?vue&type=style&index=2&id=ed19261e&prod&lang=scss\""],"sourceRoot":""}