{"version":3,"sources":["webpack:///./src/components/reports/PieChart.vue?0693","webpack:///src/components/reports/PieChart.vue","webpack:///./src/components/reports/PieChart.vue?54cc","webpack:///./src/components/reports/PieChart.vue?7245","webpack:///./src/components/reports/PieChart.vue?8e51"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_s","$t","label","attrs","options","series","staticRenderFns","name","components","mixins","props","totalResults","Number","String","attribute","color","breakpoints","Array","data","labels","computed","results","state","items","breakpointsLabels","i","length","push","widgetParams","limit","chart","id","theme","monochrome","enabled","shadeTo","shadeIntensity","responsive","breakpoint","legend","position","noData","text","$i18n","t","customersFromFilter","generalApp","allSelectedFilters","forEach","filter","filterObj","filteredCustomers","values","watch","value","j","count","includes","totals","component"],"mappings":"gHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,KAAK,CAACE,YAAY,aAAa,CAACN,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIS,GAAGT,EAAIU,WAAWN,EAAG,YAAY,CAACO,MAAM,CAAC,KAAO,MAAM,QAAUX,EAAIY,QAAQ,OAASZ,EAAIa,WAAW,IACzRC,EAAkB,G,quBCatB,OACEC,KAAM,qBACNC,WAAY,CACV,UAAa,EAAjB,GAEEC,OAAQ,CACV,gBAAI,UAAJ,UAEEC,MAAO,CACLC,aAAcC,OACdV,MAAOW,OACPC,UAAWD,OACXE,MAAOF,OACPG,YAAaC,OAEfC,KAfF,WAgBI,MAAO,CACLb,OAAQ,GACRc,OAAQ,KAGZC,SAAU,EAAZ,KACA,gCADA,IAEIC,QAFJ,WAGM,IAAN,KAIM,OAHmB,OAAf5B,KAAK6B,QACPD,EAAU5B,KAAK6B,MAAMC,OAEhBF,GAETG,kBATJ,WAWM,IADA,IAAN,KACA,kCACYC,IAAMhC,KAAKuB,YAAYU,OAAS,EAClCP,EAAOQ,KAAK,IAAMlC,KAAKuB,YAAYS,KAEzB,IAANA,GACFN,EAAOQ,KAAK,IAAMlC,KAAKuB,YAAYS,IAErCN,EAAOQ,KAAKlC,KAAKuB,YAAYS,GAAK,IAAMhC,KAAKuB,YAAYS,EAAI,KAGjE,OAAON,GAETS,aAvBJ,WAwBM,MAAO,CACLC,MAAO,IACPf,UAAWrB,KAAKqB,YAGpBV,QA7BJ,WA8BM,IAAN,GACQ0B,MAAO,CACLC,GAAI,mBAENC,MAAO,CACLC,WAAY,CACVC,SAAS,EACTnB,MAAOtB,KAAKsB,MACZoB,QAAS,QACTC,eAAgB,KAGpBjB,OAAQ1B,KAAK0B,OACbkB,WAAY,CAAC,CACXC,WAAY,IACZlC,QAAS,CACPmC,OAAQ,CACNC,SAAU,aAIhBC,OAAQ,CACNC,KAAMjD,KAAKkD,MAAMC,EAAE,qBAGvB,OAAOxC,GAETyC,oBAzDJ,WAyDA,WACA,KAMM,OALApD,KAAKqD,WAAWC,mBAAmBC,SAAQ,SAAjD,GACYC,EAAOC,UAAUpC,YAAc,EAA3C,YACUqC,EAAoBF,EAAOC,UAAUE,WAGlCD,KAGXE,MAAO,CACLhC,QADJ,SACA,GACM,GAAI5B,KAAKuB,YAAa,CAKpB,IAJA,IAAR,yBACA,8BACA,WAEA,YACU,IAAK,IAAf,mCACY,GAAIsC,EAAM7B,GAAG6B,MAAQ7D,KAAKuB,YAAYuC,GAAI,CACxClD,EAAOkD,GAAKlD,EAAOkD,GAAKD,EAAM7B,GAAG+B,MACjC,MAEID,IAAM9D,KAAKuB,YAAYU,OAAS,IAClCrB,EAAOkD,EAAI,GAAKlD,EAAOkD,EAAI,GAAKD,EAAM7B,GAAG+B,OAKjD/D,KAAK0B,OAASA,EACd1B,KAAKY,OAASA,MACtB,CAKQ,IAJA,IAAR,KACA,KACA,oBACA,WACA,aACkD,IAApCZ,KAAKoD,oBAAoBnB,QAAgBjC,KAAKoD,oBAAoBY,SAASH,EAAM,GAA/F,UACgBA,EAAM,GAAtB,oCACc,EAAd,uCACc,EAAd,iBACcI,GAAkBJ,EAAM,GAAtC,OAIYI,EAAS,IACX,EAAV,kCACU,EAAV,SAGQjE,KAAK0B,OAAS,EACd1B,KAAKY,OAAS,MC/I2U,I,wBCQ7VsD,EAAY,eACd,EACApE,EACAe,GACA,EACA,KACA,WACA,MAIa,OAAAqD,E,kECnBf,yBAAujB,EAAG","file":"js/app~5f599cca.app~5f599cca.a2744a48.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"pie-chart\"},[_c('h3',{staticClass:\"pl-4 pt-2\"},[_vm._v(_vm._s(_vm.$t(_vm.label)))]),_c('apexchart',{attrs:{\"type\":\"pie\",\"options\":_vm.options,\"series\":_vm.series}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"pie-chart\">\n    <h3 class=\"pl-4 pt-2\">{{ $t(label) }}</h3>\n    <apexchart type=\"pie\" :options=\"options\" :series=\"series\"></apexchart>\n  </div>\n</template>\n\n<script>\nimport { mapState } from 'vuex'\nimport { createWidgetMixin } from 'vue-instantsearch'\nimport { connectRefinementList } from 'instantsearch.js/es/connectors/'\nimport VueApexCharts from 'vue-apexcharts'\nimport algoliasearch from 'algoliasearch/lite'\n\nexport default {\n  name: 'ShipmentsTypeChart',\n  components: {\n    'apexchart': VueApexCharts\n  },\n  mixins: [\n    createWidgetMixin({ connector: connectRefinementList })\n  ],\n  props: {\n    totalResults: Number,\n    label: String,\n    attribute: String,\n    color: String,\n    breakpoints: Array\n  },\n  data () {\n    return {\n      series: [],\n      labels: []\n    }\n  },\n  computed: {\n    ...mapState(['generalApp']),\n    results () {\n      let results = []\n      if (this.state !== null) {\n        results = this.state.items\n      }\n      return results\n    },\n    breakpointsLabels () {\n      let labels = []\n      for (let i = 0; i < this.breakpoints.length; i++) {\n        if (i === this.breakpoints.length - 1) {\n          labels.push('>' + this.breakpoints[i])\n        } else {\n          if (i === 0) {\n            labels.push('<' + this.breakpoints[i])\n          }\n          labels.push(this.breakpoints[i] + '-' + this.breakpoints[i + 1])\n        }\n      }\n      return labels\n    },\n    widgetParams () {\n      return {\n        limit: 1000,\n        attribute: this.attribute\n      }\n    },\n    options () {\n      let options = {\n        chart: {\n          id: 'customers-chart'\n        },\n        theme: {\n          monochrome: {\n            enabled: true,\n            color: this.color,\n            shadeTo: 'light',\n            shadeIntensity: 0.8\n          }\n        },\n        labels: this.labels,\n        responsive: [{\n          breakpoint: 480,\n          options: {\n            legend: {\n              position: 'bottom'\n            }\n          }\n        }],\n        noData: {\n          text: this.$i18n.t('reports.no_data') // TODO: change for more user friendly message\n        }\n      }\n      return options\n    },\n    customersFromFilter () {\n      let filteredCustomers = []\n      this.generalApp.allSelectedFilters.forEach(filter => {\n        if (filter.filterObj.attribute === this.attribute) {\n          filteredCustomers = filter.filterObj.values\n        }\n      })\n      return filteredCustomers\n    }\n  },\n  watch: {\n    results (value) {\n      if (this.breakpoints) {\n        let labels = this.breakpointsLabels\n        let series = new Array(labels.length).fill(0)\n        const recordLength = value.length\n\n        for (let i = 0; i < recordLength; i++) {\n          for (let j = 0; j < this.breakpoints.length; j++) {\n            if (value[i].value < this.breakpoints[j]) {\n              series[j] = series[j] + value[i].count\n              break\n            } else {\n              if (j === this.breakpoints.length - 1) {\n                series[j + 1] = series[j + 1] + value[i].count\n              }\n            }\n          }\n        }\n        this.labels = labels\n        this.series = series\n      } else {\n        let labels = []\n        let series = []\n        let totals = this.totalResults\n        const recordLength = value.length\n        for (let i = 0; i < recordLength; i++) {\n          if (this.customersFromFilter.length === 0 || this.customersFromFilter.includes(value[i].value)) {\n            if (value[i].count / this.totalResults > 0.07 || i < 6) {\n              labels.push(this.$t('shipments.'+value[i].value))\n              series.push(value[i].count)\n              totals = totals - value[i].count\n            }\n          }\n        }\n        if (totals > 0) {\n          labels.push(this.$t('shipments.others'))\n          series.push(totals)\n        }\n\n        this.labels = labels\n        this.series = series\n      }\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n  .cutomers-chart {\n    border-right: 1px dotted grey;\n  }\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PieChart.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PieChart.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PieChart.vue?vue&type=template&id=774bd023&scoped=true&\"\nimport script from \"./PieChart.vue?vue&type=script&lang=js&\"\nexport * from \"./PieChart.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PieChart.vue?vue&type=style&index=0&id=774bd023&lang=scss&scoped=true&\"\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  \"774bd023\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../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-loader/lib/index.js??vue-loader-options!./PieChart.vue?vue&type=style&index=0&id=774bd023&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../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-loader/lib/index.js??vue-loader-options!./PieChart.vue?vue&type=style&index=0&id=774bd023&lang=scss&scoped=true&\""],"sourceRoot":""}