{"version":3,"sources":["webpack:///./src/views/dashboard/pages/widgets/weeklySale.vue?69a5","webpack:///./src/views/dashboard/pages/widgets/weeklySale.vue","webpack:///src/views/dashboard/pages/widgets/weeklySale.vue","webpack:///./src/views/dashboard/pages/widgets/weeklySale.vue?d3f5","webpack:///./src/views/dashboard/pages/widgets/weeklySale.vue?a12c"],"names":["render","_vm","this","_c","_self","staticStyle","staticClass","attrs","on","getItems","_v","_s","$t","staticRenderFns","am4core","name","data","type","width","height","dataFormat","loading","dataSource","beforeMount","mounted","beforeDestroy","methods","createChart","chart","categoryAxis","valueAxis","label","series","labelBullet","app","params","then","res","catch","finally","component"],"mappings":"kHAAA,W,oECAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,CAAC,mBAAmB,OAAO,gBAAgB,MAAM,OAAS,sBAAsB,CAACF,EAAG,MAAM,CAACG,YAAY,OAAOC,MAAM,CAAC,MAAQ,UAAUC,GAAG,CAAC,MAAQP,EAAIQ,WAAW,CAACN,EAAG,IAAI,CAACE,YAAY,CAAC,MAAQ,UAAU,YAAY,SAAS,CAACJ,EAAIS,GAAG,IAAIT,EAAIU,GAAGV,EAAIW,GAAG,qBAAqB,SAAST,EAAG,MAAM,CAACE,YAAY,CAAC,OAAS,QAAQ,MAAQ,OAAO,UAAY,OAAOE,MAAM,CAAC,GAAK,kBAAkB,MAAQ,eAE5dM,EAAkB,G,oECuBtBC,eAEA,OACAC,YACAC,gBAAA,OACAC,gBACAC,aACAC,aACAC,kBACAC,aACAC,kBAEAC,yBAEAC,mBACA,iBAEAC,yBACA,YACA,sBAGAC,SACAC,wBACA,uCACAC,SAGAA,uBACA,+BACAC,oCACAA,4BACAA,8BACAA,uBACAA,qCACAD,4BACA,+BACAE,QACAA,0CACAA,uCACAA,cACAA,kCACAA,2BACA,iCACAC,eACAA,iBACAA,cAEAA,eACA,gCACAC,6BACAA,4BACAA,+BACAA,mCACAA,kDACAA,iDAGA,iCACAC,gCACAA,eACAA,uBACAA,+DAEAL,4BAGAI,qDACA,+CAGAvB,oBAAA,WACA,OACAyB,aACAA,uCACAC,QACAlB,qBAGAmB,kBACAC,SACAH,oBAEAI,mBACA,4BAEAC,oBAAA,0BC/GiY,I,wBCQ7XC,EAAY,eACd,EACAxC,EACAa,GACA,EACA,KACA,WACA,MAIa,aAAA2B,E","file":"js/chunk-1c7424c2.7e5a0c42.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!./weeklySale.vue?vue&type=style&index=0&id=176fea5b&prod&scoped=true&lang=css&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticStyle:{\"background-color\":\"#fff\",\"border-radius\":\"4px\",\"border\":\"1px solid #e3e3e3\"}},[_c('div',{staticClass:\"pt-3\",attrs:{\"align\":\"center\"},on:{\"click\":_vm.getItems}},[_c('p',{staticStyle:{\"color\":\"#616161\",\"font-size\":\"15px\"}},[_vm._v(\" \"+_vm._s(_vm.$t('incomeTenDaysAgo'))+\" \")])]),_c('div',{staticStyle:{\"height\":\"330px\",\"width\":\"100%\",\"direction\":\"ltr\"},attrs:{\"id\":\"weeklySalechart\",\"align\":\"center\"}})])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div style=\"background-color: #fff;border-radius: 4px;border: 1px solid #e3e3e3\">\n    <div\n      align=\"center\"\n      class=\"pt-3\"\n      @click=\"getItems\"\n    >\n      <p style=\"color: #616161;font-size: 15px\">\n        {{ $t('incomeTenDaysAgo') }}\n      </p>\n    </div>\n    <div\n      id=\"weeklySalechart\"\n      style=\"height: 330px;width: 100%;direction: ltr\"\n      align=\"center\"\n    />\n  </div>\n</template>\n\n<script>\n  import * as am4core from '@amcharts/amcharts4/core'\n  import * as am4charts from '@amcharts/amcharts4/charts'\n  import am4themesAnimated from '@amcharts/amcharts4/themes/animated'\n  // import am4themesMaterial from '@amcharts/amcharts4/themes/material'\n\n  am4core.useTheme(am4themesAnimated)\n  // am4core.useTheme(am4themesMaterial)\n  export default {\n    name: 'Sell',\n    data: () => ({\n      type: 'column2d',\n      width: '100%',\n      height: '300',\n      dataFormat: 'json',\n      loading: null,\n      dataSource: null,\n    }),\n    beforeMount () {\n    },\n    mounted () {\n      this.getItems()\n    },\n    beforeDestroy () {\n      if (this.chart) {\n        this.chart.dispose()\n      }\n    },\n    methods: {\n      createChart (data) {\n        const chart = am4core.create('weeklySalechart', am4charts.XYChart)\n        chart.data = data\n        // chart.background.fill = '#efefef'\n        // chart.background.opacity = 0.5\n        chart.padding(20, 40, 10, 40)\n        const categoryAxis = chart.xAxes.push(new am4charts.CategoryAxis())\n        categoryAxis.renderer.grid.template.location = 0\n        categoryAxis.dataFields.category = 'key'\n        categoryAxis.renderer.minGridDistance = 60\n        categoryAxis.renderer.inversed = true\n        categoryAxis.renderer.grid.template.disabled = true\n        chart.exporting.menu = new am4core.ExportMenu()\n        const valueAxis = chart.yAxes.push(new am4charts.ValueAxis())\n        valueAxis.min = 0\n        valueAxis.renderer.labels.template.fill = '#04AA6D'\n        valueAxis.renderer.labels.template.fontSize = 12\n        valueAxis.extraMax = 0.1\n        valueAxis.rangeChangeEasing = am4core.ease.linear\n        valueAxis.rangeChangeDuration = 1500\n        const label = categoryAxis.renderer.labels.template\n        label.rotation = -60\n        label.fill = '#04AA6D'\n        label.fontSize = 12\n        // label.wrap = true\n        label.maxWidth = 120\n        const series = chart.series.push(new am4charts.ColumnSeries())\n        series.dataFields.categoryX = 'key'\n        series.dataFields.valueY = 'value'\n        series.tooltipText = '{valueY.value}'\n        series.columns.template.strokeOpacity = 0\n        series.columns.template.column.cornerRadiusTopRight = 10\n        series.columns.template.column.cornerRadiusTopLeft = 10\n        // series.interpolationDuration = 1500;\n        // series.interpolationEasing = am4core.ease.linear;\n        const labelBullet = series.bullets.push(new am4charts.LabelBullet())\n        labelBullet.label.verticalCenter = 'bottom'\n        labelBullet.label.dy = -10\n        labelBullet.label.fill = '#04AA6D'\n        labelBullet.label.text = \"{values.valueY.workingValue.formatNumber('#.')}\"\n\n        chart.zoomOutButton.disabled = true\n\n        // as by default columns of the same series are of the same color, we add adapter which takes colors from chart.colors color set\n        series.columns.template.adapter.add('fill', function (fill, target) {\n          return chart.colors.getIndex(target.dataItem.index)\n        })\n      },\n      getItems () {\n        var app = this\n        app.loading = true\n        app.$axios.get(this.$endpoint + 'widgets', {\n          params: {\n            type: 'weeklySale',\n          },\n        })\n          .then(res => {\n            res = res.data\n            app.createChart(res)\n          })\n          .catch(err => {\n            this.serverErrorHandeler(err)\n          })\n          .finally(() => (app.loading = false))\n      },\n    },\n  }\n</script>\n\n<style scoped>\n.white-back {\n  background-color: white !important;\n}\n.grey-back {\n  background-color: #e5e5e5 !important;\n}\n</style>\n","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!./weeklySale.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!./weeklySale.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./weeklySale.vue?vue&type=template&id=176fea5b&scoped=true&\"\nimport script from \"./weeklySale.vue?vue&type=script&lang=js&\"\nexport * from \"./weeklySale.vue?vue&type=script&lang=js&\"\nimport style0 from \"./weeklySale.vue?vue&type=style&index=0&id=176fea5b&prod&scoped=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  \"176fea5b\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}