{"version":3,"sources":["webpack:///./node_modules/core-js/modules/_array-fill.js","webpack:///./src/components/statistics-cards/StatisticsCardLine.vue","webpack:///./src/components/statistics-cards/chartConfigs.js","webpack:///src/components/statistics-cards/StatisticsCardLine.vue","webpack:///./src/components/statistics-cards/StatisticsCardLine.vue?f0fd","webpack:///./src/components/statistics-cards/StatisticsCardLine.vue?b123","webpack:///./src/components/ChangeTimeDurationDropdown.vue","webpack:///./src/components/ChangeTimeDurationDropdown.vue?ea84","webpack:///./node_modules/core-js/modules/es6.array.fill.js","webpack:///./src/views/ui-elements/card/analyticsData.js"],"names":["toObject","toAbsoluteIndex","toLength","module","exports","value","O","this","length","aLen","arguments","index","undefined","end","endPos","render","_vm","_c","_self","staticClass","attrs","slot","class","iconRight","hideChart","concat","color","style","background","icon","_v","_s","statistic","statisticTitle","_e","ref","type","chartOptions","chartData","staticRenderFns","areaChartOptions","grid","show","padding","left","right","chart","toolbar","sparkline","enabled","dataLabels","stroke","curve","width","fill","gradient","shadeIntensity","opacityFrom","opacityTo","stops","xaxis","lines","axisBorder","labels","yaxis","y","offsetX","offsetY","tooltip","x","lineChartOptions","dropShadow","top","blur","opacity","shade","markers","size","hover","props","String","required","Number","default","colorTo","Boolean","data","watch","themePrimaryColor","$refs","apexChart","updateOptions","theme","monochrome","getHex","computed","$store","state","methods","_color","isColor","rgb","window","getComputedStyle","document","documentElement","getPropertyValue","split","toString","slice","gradientToColor","gradientToColors","components","VueApexCharts","created","Object","assign","chartConfigs","shadeTo","JSON","parse","stringify","colors","component","on","$event","listeners","timeDurationChanged","script","$export","P","siteTraffic","series","name","activeUsers","newsletter","revenueComparisonLine","dashArray","borderColor","legend","inverseColors","cssClass","axisTicks","categories","tickAmount","formatter","val","toFixed","subscribersGained","quarterlySales","revenueGenerated","ordersRecevied","salesBar","states","filter","plotOptions","bar","columnWidth","distributed","endingShape","goalOverviewRadialBar","radialBar","startAngle","endAngle","hollow","track","strokeWidth","fontSize","lineCap","supportTrackerRadialBar","statisticsRadar","radar","polygons","strokeColors","connectorColors","sessionsByDeviceDonut","productOrdersRadialBar","margin","total","label","responsive","breakpoint","options","height","customersPie","salesLine","clientRetentionBar","stacked","browserAnalytics","id","ratio","time","comparedResult"],"mappings":"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","file":"js/chunk-1fb5f3bc.08770f93.js","sourcesContent":["// 22.1.3.6 Array.prototype.fill(value, start = 0, end = this.length)\n'use strict';\nvar toObject = require('./_to-object');\nvar toAbsoluteIndex = require('./_to-absolute-index');\nvar toLength = require('./_to-length');\nmodule.exports = function fill(value /* , start = 0, end = @length */) {\n  var O = toObject(this);\n  var length = toLength(O.length);\n  var aLen = arguments.length;\n  var index = toAbsoluteIndex(aLen > 1 ? arguments[1] : undefined, length);\n  var end = aLen > 2 ? arguments[2] : undefined;\n  var endPos = end === undefined ? length : toAbsoluteIndex(end, length);\n  while (endPos > index) O[index++] = value;\n  return O;\n};\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('vx-card',{staticClass:\"overflow-hidden\"},[_c('div',{attrs:{\"slot\":\"no-body\"},slot:\"no-body\"},[_c('div',{staticClass:\"p-6\",class:{\n          'flex justify-between flex-row-reverse items-center': _vm.iconRight,\n          'text-center': !_vm.iconRight && _vm.hideChart,\n          'pb-0': !_vm.hideChart\n        }},[_c('feather-icon',{staticClass:\"p-3 inline-flex rounded-full\",class:[`text-${_vm.color}`, {'mb-4': !_vm.iconRight}],style:({background: `rgba(var(--vs-${_vm.color}),.15)`}),attrs:{\"icon\":_vm.icon}}),_c('div',{staticClass:\"truncate\"},[_c('h2',{staticClass:\"mb-1 font-bold\"},[_vm._v(_vm._s(_vm.statistic))]),_c('span',[_vm._v(_vm._s(_vm.statisticTitle))])])],1),(!_vm.hideChart)?_c('div',{staticClass:\"line-area-chart\"},[_c('vue-apex-charts',{ref:\"apexChart\",attrs:{\"type\":_vm.type,\"height\":\"100\",\"width\":\"100%\",\"options\":_vm.chartOptions,\"series\":_vm.chartData}})],1):_vm._e()])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","export default {\r\n  areaChartOptions: {\r\n    grid: {\r\n      show: false,\r\n      padding: {\r\n        left: 0,\r\n        right: 0\r\n      }\r\n    },\r\n    chart: {\r\n      toolbar: {\r\n        show: false,\r\n      },\r\n      sparkline: {\r\n        enabled: true\r\n      }\r\n    },\r\n    dataLabels: {\r\n      enabled: false\r\n    },\r\n    stroke: {\r\n      curve: 'smooth',\r\n      width: 2.5\r\n    },\r\n    fill: {\r\n      type: 'gradient',\r\n      gradient: {\r\n        shadeIntensity: 0.9,\r\n        opacityFrom: 0.5,\r\n        opacityTo: 0.2,\r\n        stops: [0, 80, 100]\r\n      }\r\n    },\r\n    xaxis: {\r\n      type: 'numeric',\r\n      lines: {\r\n        show: false,\r\n      },\r\n      axisBorder: {\r\n        show: false,\r\n      },\r\n      labels: { show: false }\r\n    },\r\n    yaxis: [{\r\n      y: 0,\r\n      offsetX: 0,\r\n      offsetY: 0,\r\n      padding: { left: 0, right: 0 },\r\n    }],\r\n    tooltip: {\r\n      x: { show: false }\r\n    },\r\n  },\r\n  lineChartOptions: {\r\n    grid: {\r\n      show: false,\r\n      padding: {\r\n        left: 0,\r\n        right: 0\r\n      }\r\n    },\r\n    chart: {\r\n      type: 'line',\r\n      dropShadow: {\r\n        enabled: true,\r\n        top: 5,\r\n        left: 0,\r\n        blur: 4,\r\n        opacity: 0.10,\r\n      },\r\n      toolbar: {\r\n        show: false,\r\n      },\r\n      sparkline: {\r\n        enabled: true\r\n      }\r\n    },\r\n    stroke: {\r\n      width: 5,\r\n      curve: 'smooth'\r\n    },\r\n    xaxis: {\r\n      type: 'numeric',\r\n    },\r\n    // colors: ['#7367F0'],\r\n    fill: {\r\n      type: 'gradient',\r\n      gradient: {\r\n        shade: 'dark',\r\n        // gradientToColors: ['#A9A2F6'],\r\n        shadeIntensity: 1,\r\n        type: 'horizontal',\r\n        opacityFrom: 1,\r\n        opacityTo: 1,\r\n        stops: [0, 100, 100, 100]\r\n      },\r\n    },\r\n    markers: {\r\n      size: 0,\r\n      hover: {\r\n        size: 5\r\n      }\r\n    },\r\n    tooltip: {\r\n      x: { show: false }\r\n    },\r\n  }\r\n\r\n}\r\n","<!-- =========================================================================================\r\n    File Name: StatisticsCard.vue\r\n    Description: Statistics card component\r\n    ----------------------------------------------------------------------------------------\r\n    Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\r\n      Author: Pixinvent\r\n    Author URL: http://www.themeforest.net/user/pixinvent\r\n========================================================================================== -->\r\n\r\n<template>\r\n    <vx-card class=\"overflow-hidden\">\r\n        <div slot=\"no-body\">\r\n            <div class=\"p-6\" :class=\"{\r\n              'flex justify-between flex-row-reverse items-center': iconRight,\r\n              'text-center': !iconRight && hideChart,\r\n              'pb-0': !hideChart\r\n            }\">\r\n                <feather-icon :icon=\"icon\" class=\"p-3 inline-flex rounded-full\" :class=\"[`text-${color}`, {'mb-4': !iconRight}]\" :style=\"{background: `rgba(var(--vs-${color}),.15)`}\"></feather-icon>\r\n                <div class=\"truncate\">\r\n                    <h2 class=\"mb-1 font-bold\">{{ statistic }}</h2>\r\n                    <span>{{ statisticTitle }}</span>\r\n                </div>\r\n            </div>\r\n\r\n            <div class=\"line-area-chart\" v-if=\"!hideChart\">\r\n                <vue-apex-charts ref=\"apexChart\" :type=\"type\" height=100 width='100%' :options=\"chartOptions\" :series=\"chartData\" />\r\n            </div>\r\n        </div>\r\n    </vx-card>\r\n</template>\r\n\r\n<script>\r\nimport VueApexCharts from 'vue-apexcharts'\r\nimport chartConfigs from \"./chartConfigs.js\"\r\nimport _color from '@/assets/utils/color.js'\r\n\r\nexport default{\r\n    props: {\r\n        icon: {\r\n            type: String,\r\n            required: true\r\n        },\r\n        statistic: {\r\n            type: [Number, String],\r\n            required: true,\r\n        },\r\n        statisticTitle: {\r\n            type: String,\r\n        },\r\n        chartData: {\r\n            // type: Array,\r\n            // required: true\r\n        },\r\n        color: {\r\n            type: String,\r\n            default: 'primary',\r\n        },\r\n        colorTo: {\r\n          type: String\r\n        },\r\n        // chartType: {\r\n        //     type: String,\r\n        //     default: 'line-chart',\r\n        // },\r\n        type: {\r\n            type: String,\r\n            default: 'line'\r\n        },\r\n        iconRight: {\r\n            type: Boolean,\r\n            default: false\r\n        },\r\n        hideChart: {\r\n          type: Boolean,\r\n          default: false,\r\n        }\r\n    },\r\n    data() {\r\n      return {\r\n        chartOptions: null\r\n      }\r\n    },\r\n    watch: {\r\n        themePrimaryColor() {\r\n            this.$refs.apexChart.updateOptions({ theme: { monochrome: { color: this.getHex(this.color) } } });\r\n        }\r\n    },\r\n    computed: {\r\n        themePrimaryColor() {\r\n            return this.$store.state.themePrimaryColor;\r\n        }\r\n    },\r\n    methods: {\r\n        getHex(color) {\r\n            if(_color.isColor(color)) {\r\n              let rgb  = window.getComputedStyle(document.documentElement).getPropertyValue(`--vs-${color}`);\r\n              rgb = rgb.split(\",\");\r\n              return \"#\" + ((1 << 24) + (Number(rgb[0]) << 16) + (Number(rgb[1]) << 8) + Number(rgb[2])).toString(16).slice(1);\r\n            }\r\n            return color\r\n        },\r\n        gradientToColor(color) {\r\n          let gradientToColors = {\r\n            \"primary\": \"#A9A2F6\",\r\n            \"success\": \"#55DD92\",\r\n            \"warning\": \"#ffc085\",\r\n            \"danger\": \"#F97794\"\r\n          }\r\n\r\n          return gradientToColors[color] ? gradientToColors[color] : gradientToColors[\"primary\"]\r\n        }\r\n    },\r\n    components: {\r\n        VueApexCharts\r\n    },\r\n    created() {\r\n        if(this.type == 'area') {\r\n            // assign chart options\r\n            this.chartOptions = Object.assign({}, chartConfigs.areaChartOptions)\r\n\r\n            this.chartOptions['theme'] = {\r\n                monochrome: {\r\n                    enabled: true,\r\n                    color: this.getHex(this.color),\r\n                    shadeTo: 'light',\r\n                    shadeIntensity: 0.65\r\n                }\r\n            }\r\n        }\r\n        else if(this.type == \"line\") {\r\n          // Assign chart options\r\n          this.chartOptions = JSON.parse(JSON.stringify(chartConfigs.lineChartOptions))\r\n\r\n          this.chartOptions.fill.gradient.gradientToColors = [this.gradientToColor(this.colorTo || this.color)]\r\n          this.chartOptions.colors = [this.getHex(this.color)]\r\n        }\r\n    }\r\n}\r\n</script>\r\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!./StatisticsCardLine.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!./StatisticsCardLine.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./StatisticsCardLine.vue?vue&type=template&id=2872482a\"\nimport script from \"./StatisticsCardLine.vue?vue&type=script&lang=js\"\nexport * from \"./StatisticsCardLine.vue?vue&type=script&lang=js\"\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","var render = function render(_c,_vm){return _c('vs-dropdown',{staticClass:\"cursor-pointer\",class:_vm.data.staticClass,attrs:{\"vs-trigger-click\":\"\"}},[_c('small',{staticClass:\"flex cursor-pointer\"},[_c('span',[_vm._v(\"Last 7 days\")]),_c('feather-icon',{staticClass:\"ml-1\",attrs:{\"icon\":\"ChevronDownIcon\",\"svgClasses\":\"h-4 w-4\"}})],1),_c('vs-dropdown-menu',{staticClass:\"w-32\"},[_c('vs-dropdown-item',{on:{\"click\":function($event){_vm.listeners.timeDurationChanged ? { timeDurationChanged: _vm.listeners.timeDurationChanged('last-28-days') } : null}}},[_vm._v(\"Last 28 days\")]),_c('vs-dropdown-item',{on:{\"click\":function($event){_vm.listeners.timeDurationChanged ? { timeDurationChanged: _vm.listeners.timeDurationChanged('last-month') } : null}}},[_vm._v(\"Last Month\")]),_c('vs-dropdown-item',{on:{\"click\":function($event){_vm.listeners.timeDurationChanged ? { timeDurationChanged: _vm.listeners.timeDurationChanged('last-year') } : null}}},[_vm._v(\"Last Year\")])],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./ChangeTimeDurationDropdown.vue?vue&type=template&id=d25e4adc&functional=true\"\nvar script = {}\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  true,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","// 22.1.3.6 Array.prototype.fill(value, start = 0, end = this.length)\nvar $export = require('./_export');\n\n$export($export.P, 'Array', { fill: require('./_array-fill') });\n\nrequire('./_add-to-unscopables')('fill');\n","/*=========================================================================================\r\n\tFile Name: analyticsData.vue\r\n\tDescription: Data shown by charts\r\n\t----------------------------------------------------------------------------------------\r\n\tItem Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template\r\n\tAuthor: Pixinvent\r\n\tAuthor URL: http://www.themeforest.net/user/pixinvent\r\n==========================================================================================*/\r\n\r\n\r\nexport default {\r\n    // LINE CHART\r\n    siteTraffic: {\r\n        series: [{\r\n            name: 'Traffic Rate',\r\n            data: [150, 200, 125, 225, 200, 250]\r\n        }],\r\n        chartOptions: {\r\n            grid: {\r\n                show: false,\r\n                padding: {\r\n                    left: 0,\r\n                    right: 0\r\n                }\r\n            },\r\n            chart: {\r\n                type: 'line',\r\n                dropShadow: {\r\n                    enabled: true,\r\n                    top: 5,\r\n                    left: 0,\r\n                    blur: 4,\r\n                    opacity: 0.10,\r\n                },\r\n                toolbar: {\r\n                    show: false,\r\n                },\r\n                sparkline: {\r\n                    enabled: true\r\n                }\r\n            },\r\n            stroke: {\r\n                width: 5,\r\n                curve: 'smooth'\r\n            },\r\n            xaxis: {\r\n                type: 'numeric',\r\n            },\r\n            colors: ['#7367F0'],\r\n            fill: {\r\n                type: 'gradient',\r\n                gradient: {\r\n                    shade: 'dark',\r\n                    gradientToColors: ['#A9A2F6'],\r\n                    shadeIntensity: 1,\r\n                    type: 'horizontal',\r\n                    opacityFrom: 1,\r\n                    opacityTo: 1,\r\n                    stops: [0, 100, 100, 100]\r\n                },\r\n            },\r\n            markers: {\r\n                size: 0,\r\n                hover: {\r\n                    size: 5\r\n                }\r\n            },\r\n            tooltip: {\r\n                x: { show: false }\r\n            },\r\n        }\r\n    },\r\n    activeUsers: {\r\n        series: [{\r\n            name: 'Active Users',\r\n            data: [750, 1000, 900, 1250, 1000, 1200, 1100]\r\n        }],\r\n        chartOptions: {\r\n            grid: {\r\n                show: false,\r\n                padding: {\r\n                    left: 0,\r\n                    right: 0\r\n                }\r\n            },\r\n            chart: {\r\n                type: 'line',\r\n                dropShadow: {\r\n                    enabled: true,\r\n                    top: 5,\r\n                    left: 0,\r\n                    blur: 4,\r\n                    opacity: 0.10,\r\n                },\r\n                toolbar: {\r\n                    show: false,\r\n                },\r\n                sparkline: {\r\n                    enabled: true\r\n                }\r\n            },\r\n            stroke: {\r\n                width: 5,\r\n                curve: 'smooth'\r\n            },\r\n            xaxis: {\r\n                type: 'numeric',\r\n            },\r\n            colors: ['#28C76F'],\r\n            fill: {\r\n                type: 'gradient',\r\n                gradient: {\r\n                    shade: 'dark',\r\n                    gradientToColors: ['#55DD92'],\r\n                    shadeIntensity: 1,\r\n                    type: 'horizontal',\r\n                    opacityFrom: 1,\r\n                    opacityTo: 1,\r\n                    stops: [0, 75, 100, 100]\r\n                },\r\n            },\r\n            markers: {\r\n                size: 0,\r\n                hover: {\r\n                    size: 5\r\n                }\r\n            },\r\n            tooltip: {\r\n                x: { show: false }\r\n            },\r\n        }\r\n    },\r\n    newsletter: {\r\n        series: [{\r\n            name: 'Newsletter',\r\n            data: [365, 390, 365, 400, 375, 400]\r\n        }],\r\n        chartOptions: {\r\n            grid: {\r\n                show: false,\r\n                padding: {\r\n                    left: 0,\r\n                    right: 0\r\n                }\r\n            },\r\n            chart: {\r\n                type: 'line',\r\n                dropShadow: {\r\n                    enabled: true,\r\n                    top: 5,\r\n                    left: 0,\r\n                    blur: 4,\r\n                    opacity: 0.10,\r\n                },\r\n                toolbar: {\r\n                    show: false,\r\n                },\r\n                sparkline: {\r\n                    enabled: true\r\n                }\r\n            },\r\n            stroke: {\r\n                width: 5,\r\n                curve: 'smooth'\r\n            },\r\n            xaxis: {\r\n                type: 'numeric',\r\n            },\r\n            colors: ['#FF9F43'],\r\n            fill: {\r\n                type: 'gradient',\r\n                gradient: {\r\n                    shade: 'dark',\r\n                    gradientToColors: ['#ffc085'],\r\n                    shadeIntensity: 1,\r\n                    type: 'horizontal',\r\n                    opacityFrom: 1,\r\n                    opacityTo: 1,\r\n                    stops: [0, 75, 100, 100]\r\n                },\r\n            },\r\n            markers: {\r\n                size: 0,\r\n                hover: {\r\n                    size: 5\r\n                }\r\n            },\r\n            tooltip: {\r\n                x: { show: false }\r\n            },\r\n        }\r\n    },\r\n    revenueComparisonLine: {\r\n        // series: [{\r\n        //         name: \"This Month\",\r\n        //         data: [45000, 47000, 44800, 47500, 45500, 48000, 46500, 48600]\r\n        //     },\r\n        //     {\r\n        //         name: \"Last Month\",\r\n        //         data: [46000, 48000, 45500, 46600, 44500, 46500, 45000, 47000]\r\n        //     }\r\n        // ],\r\n        chartOptions: {\r\n            chart: {\r\n                toolbar: { show: false },\r\n                dropShadow: {\r\n                  enabled: true,\r\n                  top: 5,\r\n                  left: 0,\r\n                  blur: 4,\r\n                  opacity: 0.10,\r\n                },\r\n            },\r\n            stroke: {\r\n                curve: 'smooth',\r\n                dashArray: [0, 8],\r\n                width: [4, 2],\r\n            },\r\n            grid: {\r\n                borderColor: '#e7e7e7',\r\n            },\r\n            legend: {\r\n                show: false,\r\n            },\r\n            colors: ['#F97794', '#b8c2cc'],\r\n            fill: {\r\n                type: 'gradient',\r\n                gradient: {\r\n                    shade: 'dark',\r\n                    inverseColors: false,\r\n                    gradientToColors: ['#7367F0', '#b8c2cc'],\r\n                    shadeIntensity: 1,\r\n                    type: 'horizontal',\r\n                    opacityFrom: 1,\r\n                    opacityTo: 1,\r\n                    stops: [0, 100, 100, 100]\r\n                },\r\n            },\r\n            markers: {\r\n                size: 0,\r\n                hover: {\r\n                    size: 5\r\n                }\r\n            },\r\n            xaxis: {\r\n                labels: {\r\n                    style: {\r\n                        cssClass: 'text-grey fill-current',\r\n                    }\r\n                },\r\n                axisTicks: {\r\n                    show: false,\r\n                },\r\n                categories: ['01', '05', '09', '13', '17', '21', '26', '31'],\r\n                axisBorder: {\r\n                    show: false,\r\n                },\r\n            },\r\n            yaxis: {\r\n                tickAmount: 5,\r\n                labels: {\r\n                    style: {\r\n                        cssClass: 'text-grey fill-current',\r\n                    },\r\n                    formatter: function(val) {\r\n                        return val > 999 ? (val / 1000).toFixed(1) + 'k' : val;\r\n                    }\r\n                }\r\n            },\r\n            tooltip: {\r\n                x: { show: false }\r\n            }\r\n        }\r\n    },\r\n\r\n    // LINE AREA CHART\r\n    subscribersGained: {\r\n        series: [{\r\n            name: 'Subscribers',\r\n            data: [28, 40, 36, 52, 38, 60, 55]\r\n        }],\r\n        chartOptions: {\r\n            grid: {\r\n                show: false,\r\n                padding: {\r\n                    left: 0,\r\n                    right: 0\r\n                }\r\n            },\r\n            chart: {\r\n                toolbar: {\r\n                    show: false,\r\n                },\r\n                sparkline: {\r\n                    enabled: true\r\n                }\r\n            },\r\n            dataLabels: {\r\n                enabled: false\r\n            },\r\n            stroke: {\r\n                curve: 'smooth',\r\n                width: 2.5\r\n            },\r\n            fill: {\r\n                type: 'gradient',\r\n                gradient: {\r\n                    shadeIntensity: 0.9,\r\n                    opacityFrom: 0.7,\r\n                    opacityTo: 0.5,\r\n                    stops: [0, 80, 100]\r\n                }\r\n            },\r\n            xaxis: {\r\n                type: 'numeric',\r\n                lines: {\r\n                    show: false,\r\n                },\r\n                axisBorder: {\r\n                    show: false,\r\n                },\r\n                labels: { show: false }\r\n            },\r\n            yaxis: [{\r\n                y: 0,\r\n                offsetX: 0,\r\n                offsetY: 0,\r\n                padding: { left: 0, right: 0 },\r\n            }],\r\n            tooltip: {\r\n                x: { show: false }\r\n            },\r\n        },\r\n    },\r\n    quarterlySales: {\r\n        series: [{\r\n            name: 'Sales',\r\n            data: [10, 15, 7, 12, 3, 16]\r\n        }],\r\n        chartOptions: {\r\n            grid: {\r\n                show: false,\r\n                padding: {\r\n                    left: 0,\r\n                    right: 0\r\n                }\r\n            },\r\n            chart: {\r\n                toolbar: {\r\n                    show: false,\r\n                },\r\n                sparkline: {\r\n                    enabled: true\r\n                }\r\n            },\r\n            dataLabels: {\r\n                enabled: false\r\n            },\r\n            stroke: {\r\n                curve: 'smooth',\r\n                width: 2.5\r\n            },\r\n            fill: {\r\n                type: 'gradient',\r\n                gradient: {\r\n                    shadeIntensity: 0.9,\r\n                    opacityFrom: 0.7,\r\n                    opacityTo: 0.5,\r\n                    stops: [0, 80, 100]\r\n                }\r\n            },\r\n            xaxis: {\r\n                type: 'numeric',\r\n                lines: {\r\n                    show: false,\r\n                },\r\n                axisBorder: {\r\n                    show: false,\r\n                },\r\n                labels: { show: false }\r\n            },\r\n            yaxis: [{\r\n                y: 0,\r\n                offsetX: 0,\r\n                offsetY: 0,\r\n                padding: { left: 0, right: 0 },\r\n            }],\r\n            tooltip: {\r\n                x: { show: false }\r\n            },\r\n        },\r\n    },\r\n    revenueGenerated: {\r\n        series: [{\r\n            name: 'Revenue',\r\n            data: [350, 275, 400, 300, 350, 300, 450]\r\n        }],\r\n        chartOptions: {\r\n            grid: {\r\n                show: false,\r\n                padding: {\r\n                    left: 0,\r\n                    right: 0\r\n                }\r\n            },\r\n            chart: {\r\n                toolbar: {\r\n                    show: false,\r\n                },\r\n                sparkline: {\r\n                    enabled: true\r\n                }\r\n            },\r\n            dataLabels: {\r\n                enabled: false\r\n            },\r\n            stroke: {\r\n                curve: 'smooth',\r\n                width: 2.5\r\n            },\r\n            fill: {\r\n                type: 'gradient',\r\n                gradient: {\r\n                    shadeIntensity: 0.9,\r\n                    opacityFrom: 0.7,\r\n                    opacityTo: 0.5,\r\n                    stops: [0, 80, 100]\r\n                }\r\n            },\r\n            xaxis: {\r\n                type: 'numeric',\r\n                lines: {\r\n                    show: false,\r\n                },\r\n                axisBorder: {\r\n                    show: false,\r\n                },\r\n                labels: { show: false }\r\n            },\r\n            yaxis: [{\r\n                y: 0,\r\n                offsetX: 0,\r\n                offsetY: 0,\r\n                padding: { left: 0, right: 0 },\r\n            }],\r\n            tooltip: {\r\n                x: { show: false }\r\n            },\r\n        },\r\n    },\r\n    ordersRecevied: {\r\n        series: [{\r\n            name: 'Orders',\r\n            data: [10, 15, 8, 15, 7, 12, 8]\r\n        }],\r\n        chartOptions: {\r\n            grid: {\r\n                show: false,\r\n                padding: {\r\n                    left: 0,\r\n                    right: 0\r\n                }\r\n            },\r\n            chart: {\r\n                toolbar: {\r\n                    show: false,\r\n                },\r\n                sparkline: {\r\n                    enabled: true\r\n                }\r\n            },\r\n            dataLabels: {\r\n                enabled: false\r\n            },\r\n            stroke: {\r\n                curve: 'smooth',\r\n                width: 2.5\r\n            },\r\n            fill: {\r\n                type: 'gradient',\r\n                gradient: {\r\n                    shadeIntensity: 0.9,\r\n                    opacityFrom: 0.7,\r\n                    opacityTo: 0.5,\r\n                    stops: [0, 80, 100]\r\n                }\r\n            },\r\n            xaxis: {\r\n                type: 'numeric',\r\n                lines: {\r\n                    show: false,\r\n                },\r\n                axisBorder: {\r\n                    show: false,\r\n                },\r\n                labels: { show: false }\r\n            },\r\n            yaxis: [{\r\n                y: 0,\r\n                offsetX: 0,\r\n                offsetY: 0,\r\n                padding: { left: 0, right: 0 },\r\n            }],\r\n            tooltip: {\r\n                x: { show: false }\r\n            },\r\n        },\r\n    },\r\n    // BAR CHART\r\n    salesBar: {\r\n        // series: [{\r\n        //     name: 'Sessions',\r\n        //     data: [75, 125, 225, 175, 125, 75, 25]\r\n        // }],\r\n        chartOptions: {\r\n            grid: {\r\n                show: false,\r\n                padding: {\r\n                    left: 0,\r\n                    right: 0\r\n                }\r\n            },\r\n            chart: {\r\n                type: 'bar',\r\n                sparkline: { enabled: true },\r\n                toolbar: { show: false },\r\n            },\r\n            states: {\r\n                hover: {\r\n                    filter: 'none'\r\n                }\r\n            },\r\n            colors: ['rgba(115,103,240,0.15)', 'rgba(115,103,240,0.15)', '#7367f0', 'rgba(115,103,240,0.15)', 'rgba(115,103,240,0.15)', 'rgba(115,103,240,0.15)'],\r\n            plotOptions: {\r\n                bar: {\r\n                    columnWidth: '45%',\r\n                    distributed: true,\r\n                    endingShape: 'rounded', // Deprecated\r\n                    // borderRadius: '20px', // Coming Soon\r\n                }\r\n            },\r\n            tooltip: {\r\n                x: { show: false }\r\n            },\r\n        }\r\n    },\r\n    // RADIAL BAR\r\n    goalOverviewRadialBar: {\r\n        // series: [83],\r\n        chartOptions: {\r\n            plotOptions: {\r\n                radialBar: {\r\n                    size: 110,\r\n                    startAngle: -150,\r\n                    endAngle: 150,\r\n                    hollow: {\r\n                        size: '77%',\r\n                    },\r\n                    track: {\r\n                        background: \"#bfc5cc\",\r\n                        strokeWidth: '50%',\r\n                    },\r\n                    dataLabels: {\r\n                        name: {\r\n                            show: false\r\n                        },\r\n                        value: {\r\n                            offsetY: 18,\r\n                            color: '#99a2ac',\r\n                            fontSize: '4rem'\r\n                        }\r\n                    }\r\n                }\r\n            },\r\n            colors: ['#00db89'],\r\n            fill: {\r\n                type: 'gradient',\r\n                gradient: {\r\n                    shade: 'dark',\r\n                    type: 'horizontal',\r\n                    shadeIntensity: 0.5,\r\n                    gradientToColors: ['#00b5b5'],\r\n                    inverseColors: true,\r\n                    opacityFrom: 1,\r\n                    opacityTo: 1,\r\n                    stops: [0, 100]\r\n                },\r\n            },\r\n            stroke: {\r\n                lineCap: 'round'\r\n            },\r\n            chart: {\r\n                sparkline: {\r\n                    enabled: true,\r\n                },\r\n                dropShadow: {\r\n                    enabled: true,\r\n                    blur: 3,\r\n                    left: 1,\r\n                    top: 1,\r\n                    opacity: 0.1\r\n                },\r\n            },\r\n        }\r\n    },\r\n    supportTrackerRadialBar: {\r\n        // chartData: {\r\n        //     totalTickets: 163,\r\n        //     openTickets: 103,\r\n        //     lastResponse: '1d',\r\n        // },\r\n        // series: [83],\r\n        chartOptions: {\r\n            plotOptions: {\r\n                radialBar: {\r\n                    size: 158,\r\n                    offsetY: -30,\r\n                    startAngle: -150,\r\n                    endAngle: 150,\r\n                    hollow: {\r\n                        size: '65%',\r\n                    },\r\n                    track: {\r\n                        background: \"rgba(0,0,0,0)\",\r\n                        strokeWidth: '100%',\r\n\r\n                    },\r\n                    dataLabels: {\r\n                        value: {\r\n                            offsetY: 30,\r\n                            color: '#99a2ac',\r\n                            fontSize: '2rem'\r\n                        }\r\n                    }\r\n                },\r\n            },\r\n            colors: ['#EA5455'],\r\n            fill: {\r\n                type: 'gradient',\r\n                gradient: {\r\n                    // enabled: true,\r\n                    shade: 'dark',\r\n                    type: 'horizontal',\r\n                    shadeIntensity: 0.5,\r\n                    gradientToColors: ['#7367F0'],\r\n                    inverseColors: true,\r\n                    opacityFrom: 1,\r\n                    opacityTo: 1,\r\n                    stops: [0, 100]\r\n                },\r\n            },\r\n            stroke: {\r\n                dashArray: 8\r\n            },\r\n            chart: {\r\n                sparkline: {\r\n                }\r\n            },\r\n            labels: ['Completed Tickets'],\r\n        }\r\n    },\r\n    // RADAR\r\n    statisticsRadar: {\r\n        // series: [{\r\n        //     name: 'Visits',\r\n        //     data: [90, 50, 86, 40, 100, 20],\r\n        // }, {\r\n        //     name: 'Sales',\r\n        //     data: [70, 75, 70, 76, 20, 85],\r\n        // }],\r\n        chartOptions: {\r\n            labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun'],\r\n            dataLabels: {\r\n                style: {\r\n                    colors: ['#b9c3cd', '#b9c3cd', '#b9c3cd', '#b9c3cd', '#b9c3cd', '#b9c3cd']\r\n                }\r\n            },\r\n            yaxis: {\r\n                show: false,\r\n            },\r\n            grid: {\r\n                show: false,\r\n            },\r\n            legend: { show: false },\r\n            chart: {\r\n                dropShadow: {\r\n                    enabled: true,\r\n                    blur: 8,\r\n                    left: 1,\r\n                    top: 1,\r\n                    opacity: 0.2\r\n                },\r\n                toolbar: {\r\n                    show: false\r\n                }\r\n            },\r\n            stroke: {\r\n                width: 0\r\n            },\r\n            colors: ['#9f8ed7', '#1edec5'],\r\n            plotOptions: {\r\n                radar: {\r\n                    polygons: {\r\n                        strokeColors: ['#e8e8e8', 'transparent', 'transparent', 'transparent', 'transparent', 'transparent'],\r\n                        connectorColors: 'transparent'\r\n                    }\r\n                }\r\n            },\r\n            fill: {\r\n                type: 'gradient',\r\n                gradient: {\r\n                    shade: 'dark',\r\n                    gradientToColors: ['#8e9ad6', '#1fcadb'],\r\n                    shadeIntensity: 1,\r\n                    type: 'horizontal',\r\n                    opacityFrom: 1,\r\n                    opacityTo: 1,\r\n                    stops: [0, 100, 100, 100]\r\n                },\r\n            },\r\n            markers: {\r\n                size: 0,\r\n            },\r\n        }\r\n    },\r\n    // SessionsByDevice\r\n    sessionsByDeviceDonut: {\r\n        // analyticsData: [\r\n        //     { device: 'Dekstop', icon: 'MonitorIcon', color: 'primary', sessionsPercentgae: 58.6, comparedResultPercentage: 2 },\r\n        //     { device: 'Mobile', icon: 'SmartphoneIcon', color: 'warning', sessionsPercentgae: 34.9, comparedResultPercentage: 8 },\r\n        //     { device: 'Tablet', icon: 'TabletIcon', color: 'danger', sessionsPercentgae: 6.5, comparedResultPercentage: -5 },\r\n        // ],\r\n        // comparedResult: [2, -3, 8],\r\n        // series: [58.6, 34.9, 6.5],\r\n        chartOptions: {\r\n            labels: ['Desktop', 'Mobile', 'Tablet'],\r\n            dataLabels: {\r\n                enabled: false\r\n            },\r\n            legend: { show: false },\r\n            chart: {\r\n                offsetY: 30,\r\n                type: 'donut',\r\n                toolbar: {\r\n                    show: false\r\n                }\r\n            },\r\n            stroke: { width: 0 },\r\n            colors: ['#7961F9', '#FF9F43', '#EA5455'],\r\n            fill: {\r\n                type: 'gradient',\r\n                gradient: {\r\n                    gradientToColors: ['#9c8cfc', '#FFC085', '#f29292']\r\n                }\r\n            }\r\n        }\r\n    },\r\n    // Product Orders\r\n    productOrdersRadialBar: {\r\n        // analyticsData: [\r\n        //     { 'orderType': 'Finished', 'counts': 23043, color: 'primary' },\r\n        //     { 'orderType': 'Pending', 'counts': 14658, color: 'warning' },\r\n        //     { 'orderType': 'Rejected ', 'counts': 4758, color: 'danger' },\r\n        // ],\r\n        // series: [70, 52, 26],\r\n        chartOptions: {\r\n            labels: ['Finished', 'Pending', 'Rejected'],\r\n            plotOptions: {\r\n                radialBar: {\r\n                    size: 165,\r\n                    offsetY: -5,\r\n                    hollow: {\r\n                        size: '20%'\r\n                    },\r\n                    track: {\r\n                        background: \"#ebebeb\",\r\n                        strokeWidth: '100%',\r\n                        margin: 15,\r\n                    },\r\n                    dataLabels: {\r\n                        show: true,\r\n                        name: {\r\n                            fontSize: '18px',\r\n                        },\r\n                        value: {\r\n                            fontSize: '16px',\r\n                            color: \"#636a71\",\r\n                            offsetY: 11\r\n                        },\r\n                        total: {\r\n                            show: true,\r\n                            label: 'Total',\r\n                            formatter: function() {\r\n                                return 42459\r\n                            }\r\n                        }\r\n                    }\r\n                },\r\n            },\r\n            responsive: [{\r\n                breakpoint: 576,\r\n                options: {\r\n                    plotOptions: {\r\n                        radialBar: {\r\n                            size: 150,\r\n                            hollow: {\r\n                                size: '20%'\r\n                            },\r\n                            track: {\r\n                                background: \"#ebebeb\",\r\n                                strokeWidth: '100%',\r\n                                margin: 15,\r\n                            },\r\n                        }\r\n                    }\r\n                }\r\n            }],\r\n            colors: ['#7961F9', '#FF9F43', '#EA5455'],\r\n            fill: {\r\n                type: 'gradient',\r\n                gradient: {\r\n                    // enabled: true,\r\n                    shade: 'dark',\r\n                    type: 'vertical',\r\n                    shadeIntensity: 0.5,\r\n                    gradientToColors: ['#9c8cfc', '#FFC085', '#f29292'],\r\n                    inverseColors: false,\r\n                    opacityFrom: 1,\r\n                    opacityTo: 1,\r\n                    stops: [0, 100]\r\n                },\r\n            },\r\n            stroke: {\r\n                lineCap: 'round'\r\n            },\r\n            chart: {\r\n                height: 355,\r\n                dropShadow: {\r\n                    enabled: true,\r\n                    blur: 3,\r\n                    left: 1,\r\n                    top: 1,\r\n                    opacity: 0.1\r\n                },\r\n            }\r\n        }\r\n    },\r\n    // Customers\r\n    customersPie: {\r\n        // analyticsData: [\r\n        //     { 'customerType': 'New', 'counts': 890, color: 'primary' },\r\n        //     { 'customerType': 'Returning', 'counts': 258, color: 'warning' },\r\n        //     { 'customerType': 'Referrals ', 'counts': 149, color: 'danger' },\r\n        // ],\r\n        // series: [690, 258, 149],\r\n        chartOptions: {\r\n            labels: ['New', 'Returning', 'Referrals'],\r\n            dataLabels: {\r\n                enabled: false\r\n            },\r\n            legend: { show: false },\r\n            chart: {\r\n                type: 'pie',\r\n                offsetY: 0,\r\n                dropShadow: {\r\n                    enabled: false,\r\n                    blur: 5,\r\n                    left: 1,\r\n                    top: 1,\r\n                    opacity: 0.2\r\n                },\r\n                toolbar: {\r\n                    show: false\r\n                }\r\n            },\r\n            stroke: {\r\n                width: 5\r\n            },\r\n            colors: ['#7961F9', '#FF9F43', '#EA5455'],\r\n            fill: {\r\n                type: 'gradient',\r\n                gradient: {\r\n                    gradientToColors: ['#9c8cfc', '#FFC085', '#f29292']\r\n                }\r\n            }\r\n        }\r\n    },\r\n    // Sales monthly\r\n    salesLine: {\r\n        // series: [{\r\n        //     name: \"Sales\",\r\n        //     data: [140, 180, 150, 205, 160, 295, 125, 255, 205, 305, 240, 295]\r\n        // }],\r\n        chartOptions: {\r\n            chart: {\r\n                toolbar: { show: false },\r\n                dropShadow: {\r\n                    enabled: true,\r\n                    top: 20,\r\n                    left: 2,\r\n                    blur: 6,\r\n                    opacity: 0.20\r\n                }\r\n            },\r\n            stroke: {\r\n                curve: 'smooth',\r\n                width: 4,\r\n            },\r\n            grid: {\r\n                borderColor: '#ebebeb',\r\n            },\r\n            legend: {\r\n                show: false,\r\n            },\r\n            colors: ['#df87f2'],\r\n            fill: {\r\n                type: 'gradient',\r\n                gradient: {\r\n                    shade: 'dark',\r\n                    inverseColors: false,\r\n                    gradientToColors: ['#7367F0'],\r\n                    shadeIntensity: 1,\r\n                    type: 'horizontal',\r\n                    opacityFrom: 1,\r\n                    opacityTo: 1,\r\n                    stops: [0, 100, 100, 100]\r\n                },\r\n            },\r\n            markers: {\r\n                size: 0,\r\n                hover: {\r\n                    size: 5\r\n                }\r\n            },\r\n            xaxis: {\r\n                labels: {\r\n                    style: {\r\n                        cssClass: 'text-grey fill-current',\r\n                    }\r\n                },\r\n                axisTicks: {\r\n                    show: false,\r\n                },\r\n                categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'July', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],\r\n                axisBorder: {\r\n                    show: false,\r\n                },\r\n            },\r\n            yaxis: {\r\n                tickAmount: 5,\r\n                labels: {\r\n                    style: {\r\n                        cssClass: 'text-grey fill-current',\r\n                    },\r\n                    formatter: function(val) {\r\n                        return val > 999 ? (val / 1000).toFixed(1) + 'k' : val;\r\n                    }\r\n                }\r\n            },\r\n            tooltip: {\r\n                x: { show: false }\r\n            }\r\n        }\r\n    },\r\n    // ClientRetention Bar Chart\r\n    clientRetentionBar: {\r\n        // series: [{\r\n        //     name: 'New Clients',\r\n        //     data: [175, 125, 225, 175, 160, 189, 206, 134, 159, 216, 148, 123]\r\n        // }, {\r\n        //     name: 'Retained Clients',\r\n        //     data: [-144, -155, -141, -167, -122, -143, -158, -107, -126, -131, -140, -137]\r\n        // }],\r\n        chartOptions: {\r\n            grid: {\r\n                borderColor: '#ebebeb',\r\n                padding: {\r\n                    left: 0,\r\n                    right: 0\r\n                }\r\n            },\r\n            legend: {\r\n                show: false,\r\n            },\r\n            dataLabels: {\r\n                enabled: false\r\n            },\r\n            chart: {\r\n                stacked: true,\r\n                type: 'bar',\r\n                toolbar: { show: false },\r\n            },\r\n            colors: ['#7367F0', '#EA5455'],\r\n            plotOptions: {\r\n                bar: {\r\n                    columnWidth: '10%'\r\n                }\r\n            },\r\n            xaxis: {\r\n                labels: {\r\n                    style: {\r\n                        cssClass: 'text-grey fill-current',\r\n                    }\r\n                },\r\n                axisTicks: {\r\n                    show: false,\r\n                },\r\n                categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],\r\n                axisBorder: {\r\n                    show: false,\r\n                },\r\n            },\r\n            yaxis: {\r\n                tickAmount: 5,\r\n                labels: {\r\n                    style: {\r\n                        cssClass: 'text-grey fill-current',\r\n                    }\r\n                }\r\n            },\r\n            tooltip: {\r\n                x: { show: false }\r\n            },\r\n        }\r\n    },\r\n    // OTHER\r\n    browserAnalytics: [{\r\n            id: 1,\r\n            name: 'Google Chrome',\r\n            ratio: 73,\r\n            time: 'Mon Dec 10 2018 07:46:05 GMT+0000 (GMT)',\r\n            comparedResult: '800'\r\n        },\r\n        {\r\n            id: 3,\r\n            name: 'Opera',\r\n            ratio: 8,\r\n            time: 'Mon Dec 10 2018 07:46:05 GMT+0000 (GMT)',\r\n            comparedResult: '-200'\r\n        },\r\n        {\r\n            id: 2,\r\n            name: 'Firefox',\r\n            ratio: 19,\r\n            time: 'Mon Dec 10 2018 07:46:05 GMT+0000 (GMT)',\r\n            comparedResult: '100'\r\n        },\r\n        {\r\n            id: 4,\r\n            name: 'Internet Explorer',\r\n            ratio: 27,\r\n            time: 'Mon Dec 10 2018 07:46:05 GMT+0000 (GMT)',\r\n            comparedResult: '-450'\r\n        },\r\n    ],\r\n}\r\n"],"sourceRoot":""}