{"version":3,"sources":["webpack:///./src/components/statistics-cards/StatisticsCardLine.vue?e09e","webpack:///src/components/statistics-cards/StatisticsCardLine.vue","webpack:///./src/components/statistics-cards/StatisticsCardLine.vue?8061","webpack:///./src/components/statistics-cards/StatisticsCardLine.vue","webpack:///./src/components/ChangeTimeDurationDropdown.vue?0c03","webpack:///./src/components/ChangeTimeDurationDropdown.vue","webpack:///./src/views/ui-elements/card/CardAnalytics.vue?11a2","webpack:///./src/views/ui-elements/card/CardAnalytics.vue?2f42","webpack:///src/views/ui-elements/card/CardAnalytics.vue","webpack:///./src/views/ui-elements/card/CardAnalytics.vue?69ab","webpack:///./src/views/ui-elements/card/CardAnalytics.vue?390c","webpack:///./src/views/ui-elements/card/analyticsData.js"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","slot","class","flex justify-between flex-row-reverse items-center","iconRight","color","mb-4","style","background","icon","_v","_s","statistic","statisticTitle","id","chartData","ref","type","height","width","options","chartOptions","series","staticRenderFns","StatisticsCardLinevue_type_script_lang_js_","props","String","required","Number","Object","default","chartType","Boolean","watch","themePrimaryColor","$refs","apexChart","updateOptions","theme","monochrome","getHex","computed","$store","state","methods","rgb","window","getComputedStyle","document","documentElement","getPropertyValue","concat","split","toString","slice","components","VueApexCharts","vue_apexcharts_default","a","created","enabled","shadeTo","shadeIntensity","statistics_cards_StatisticsCardLinevue_type_script_lang_js_","component","componentNormalizer","__webpack_exports__","vs-trigger-click","svgClasses","on","click","$event","$emit","script","_node_modules_vue_cli_service_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_lib_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_lib_loader_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_CardAnalytics_vue_vue_type_style_index_0_lang_scss___WEBPACK_IMPORTED_MODULE_0__","__webpack_require__","_node_modules_vue_cli_service_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_lib_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_lib_loader_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_CardAnalytics_vue_vue_type_style_index_0_lang_scss___WEBPACK_IMPORTED_MODULE_0___default","n","title","analyticsData","sessionsByDeviceDonut","_l","deviceData","key","device","sessionsPercentgae","comparedResultPercentage","productOrdersRadialBar","orderData","orderType","counts","customersPie","customerData","customerType","subtitle","statisticsRadar","supportTrackerRadialBar","revenueComparisonLine","goalOverviewRadialBar","icon-pack","icon-after","salesBar","percent","radius","size","salesLine","browser","index","mt-4","name","ratio","comparedResult","_f","time","clientRetentionBar","CardAnalyticsvue_type_script_lang_js_","data","statisticsChartData1","chartHeight","axisX","showGrid","showLabel","axisY","low","high","offset","fullWidth","listener","defs","svg","querySelector","elem","x1","y1","x2","y2","stop-color","parent","statisticsChartData2","statisticsChartData3","StatisticsCardLine","ChangeTimeDurationDropdown","card_CardAnalyticsvue_type_script_lang_js_","siteTraffic","grid","show","padding","left","right","chart","dropShadow","top","blur","opacity","toolbar","sparkline","stroke","curve","xaxis","colors","fill","gradient","shade","gradientToColors","opacityFrom","opacityTo","stops","markers","hover","tooltip","x","activeUsers","newsletter","dashArray","borderColor","legend","inverseColors","labels","cssClass","axisTicks","categories","axisBorder","yaxis","tickAmount","formatter","val","toFixed","subscribersGained","dataLabels","lines","y","offsetX","offsetY","quarterlySales","revenueGenerated","ordersRecevied","states","filter","plotOptions","bar","columnWidth","distributed","endingShape","radialBar","startAngle","endAngle","hollow","track","strokeWidth","value","fontSize","lineCap","totalTickets","openTickets","lastResponse","radar","polygons","strokeColors","connectorColors","margin","total","label","responsive","breakpoint","stacked","browserAnalytics"],"mappings":"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","file":"js/chunk-dfb17604.38625caa.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vx-card',{staticClass:\"overflow-hidden\"},[_c('div',{attrs:{\"slot\":\"no-body\"},slot:\"no-body\"},[_c('div',{staticClass:\"p-6 pb-0\",class:{'flex justify-between flex-row-reverse items-center': _vm.iconRight}},[_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',[_c('h2',{staticClass:\"mb-1 font-bold\"},[_vm._v(_vm._s(_vm.statistic))]),_c('span',[_vm._v(_vm._s(_vm.statisticTitle))])])],1),_c('div',{staticClass:\"line-area-chart\",attrs:{\"id\":_vm.chartData.id}},[_c('vue-apex-charts',{ref:\"apexChart\",attrs:{\"type\":_vm.type,\"height\":\"100\",\"width\":\"100%\",\"options\":_vm.chartData.chartOptions,\"series\":_vm.chartData.series}})],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- =========================================================================================\r\n    File Name: StatisticsCard.vue\r\n    Description: Statistics card component\r\n    ----------------------------------------------------------------------------------------\r\n    Item Name: Vuesax Admin - VueJS Dashboard Admin 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 pb-0\" :class=\"{'flex justify-between flex-row-reverse items-center': iconRight}\">\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>\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\" :id=\"chartData.id\">\r\n                <vue-apex-charts ref=\"apexChart\" :type=\"type\" height=100 width='100%' :options=\"chartData.chartOptions\" :series=\"chartData.series\"></vue-apex-charts>\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\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: Object,\r\n            required: true\r\n        },\r\n        color: {\r\n            type: String,\r\n            default: 'primary',\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    },\r\n    watch: {\r\n        themePrimaryColor() {\r\n            this.$refs.apexChart.updateOptions({ theme: { monochrome: { color: this.getHex() } } });\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() {\r\n            let rgb  = window.getComputedStyle(document.documentElement).getPropertyValue(`--vs-${this.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    },\r\n    components: {\r\n        VueApexCharts\r\n    },\r\n    created() {\r\n        if(this.type == 'area') {\r\n            this.chartData.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    }\r\n}\r\n</script>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/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/@vue/cli-plugin-babel/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=6212565d&\"\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 () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vs-dropdown',{staticClass:\"cursor-pointer\",attrs:{\"vs-trigger-click\":\"\"}},[_c('small',{staticClass:\"flex cursor-pointer\"},[_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){return _vm.$emit('timeDurationChanged', 'last-28-days')}}},[_vm._v(\"Last 28 days\")]),_c('vs-dropdown-item',{on:{\"click\":function($event){return _vm.$emit('timeDurationChanged', 'last-month')}}},[_vm._v(\"Last Month\")]),_c('vs-dropdown-item',{on:{\"click\":function($event){return _vm.$emit('timeDurationChanged', 'last-year')}}},[_vm._v(\"Last Year\")])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./ChangeTimeDurationDropdown.vue?vue&type=template&id=dcba1186&\"\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  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../../node_modules/@vue/cli-service/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/lib/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/lib/loader.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!./CardAnalytics.vue?vue&type=style&index=0&lang=scss&\"; export default mod; export * from \"-!../../../../node_modules/@vue/cli-service/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/lib/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/lib/loader.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!./CardAnalytics.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"demo-card-analytics\"}},[_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col w-full lg:w-1/3 mb-base\"},[_c('vx-card',{attrs:{\"title\":\"Sessions By Device\"}},[_c('template',{slot:\"actions\"},[_c('change-time-duration-dropdown')],1),_c('div',{attrs:{\"slot\":\"no-body\"},slot:\"no-body\"},[_c('vue-apex-charts',{staticClass:\"mt-5\",attrs:{\"type\":\"donut\",\"height\":\"330\",\"options\":_vm.analyticsData.sessionsByDeviceDonut.chartOptions,\"series\":_vm.analyticsData.sessionsByDeviceDonut.series}})],1),_c('ul',_vm._l((_vm.analyticsData.sessionsByDeviceDonut.analyticsData),function(deviceData){return _c('li',{key:deviceData.device,staticClass:\"flex mb-3\"},[_c('feather-icon',{attrs:{\"icon\":deviceData.icon,\"svgClasses\":[(\"h-5 w-5 stroke-current text-\" + (deviceData.color))]}}),_c('span',{staticClass:\"ml-2 inline-block font-semibold\"},[_vm._v(_vm._s(deviceData.device))]),_c('span',{staticClass:\"mx-2\"},[_vm._v(\"-\")]),_c('span',{staticClass:\"mr-4\"},[_vm._v(_vm._s(deviceData.sessionsPercentgae)+\"%\")]),_c('div',{staticClass:\"ml-auto flex -mr-1\"},[_c('span',{staticClass:\"mr-1\"},[_vm._v(_vm._s(deviceData.comparedResultPercentage)+\"%\")]),_c('feather-icon',{attrs:{\"icon\":deviceData.comparedResultPercentage < 0 ? 'ArrowDownIcon' : 'ArrowUpIcon',\"svgClasses\":[deviceData.comparedResultPercentage < 0 ? 'text-danger' : 'text-success'  ,'stroke-current h-4 w-4 mb-1 mr-1']}})],1)],1)}),0)],2)],1),_c('div',{staticClass:\"vx-col w-full lg:w-1/3 mb-base\"},[_c('vx-card',{attrs:{\"title\":\"Product Orders\"}},[_c('template',{slot:\"actions\"},[_c('change-time-duration-dropdown')],1),_c('div',{attrs:{\"slot\":\"no-body\"},slot:\"no-body\"},[_c('vue-apex-charts',{attrs:{\"type\":\"radialBar\",\"height\":\"350\",\"options\":_vm.analyticsData.productOrdersRadialBar.chartOptions,\"series\":_vm.analyticsData.productOrdersRadialBar.series}})],1),_c('ul',_vm._l((_vm.analyticsData.productOrdersRadialBar.analyticsData),function(orderData){return _c('li',{key:orderData.orderType,staticClass:\"flex mb-3 justify-between\"},[_c('span',{staticClass:\"flex items-center\"},[_c('span',{staticClass:\"inline-block h-4 w-4 rounded-full mr-2 bg-white border-3 border-solid\",class:(\"border-\" + (orderData.color))}),_c('span',{staticClass:\"font-semibold\"},[_vm._v(_vm._s(orderData.orderType))])]),_c('span',[_vm._v(_vm._s(orderData.counts))])])}),0)],2)],1),_c('div',{staticClass:\"vx-col w-full lg:w-1/3 mb-base\"},[_c('vx-card',{attrs:{\"title\":\"Customers\"}},[_c('template',{slot:\"actions\"},[_c('change-time-duration-dropdown')],1),_c('div',{attrs:{\"slot\":\"no-body\"},slot:\"no-body\"},[_c('vue-apex-charts',{staticClass:\"mt-2\",attrs:{\"type\":\"pie\",\"height\":\"345\",\"options\":_vm.analyticsData.customersPie.chartOptions,\"series\":_vm.analyticsData.customersPie.series}}),_c('ul',{staticClass:\"mb-1\"},_vm._l((_vm.analyticsData.customersPie.analyticsData),function(customerData){return _c('li',{key:customerData.customerType,staticClass:\"flex justify-between py-3 px-6 border d-theme-border-grey-light border-solid border-r-0 border-l-0 border-b-0\"},[_c('span',{staticClass:\"flex items-center\"},[_c('span',{staticClass:\"inline-block h-3 w-3 rounded-full mr-2\",class:(\"bg-\" + (customerData.color))}),_c('span',{staticClass:\"font-semibold\"},[_vm._v(_vm._s(customerData.customerType))])]),_c('span',[_vm._v(_vm._s(customerData.counts))])])}),0)],1)],2)],1)]),_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col w-full md:w-1/2 lg:w-1/2 xl:w-1/2 mb-base\"},[_c('vx-card',{attrs:{\"title\":\"Sales\",\"subtitle\":\"Last 6 Months\"}},[_c('template',{slot:\"actions\"},[_c('feather-icon',{attrs:{\"icon\":\"MoreVerticalIcon\",\"svgClasses\":\"w-6 h-6 text-grey\"}})],1),_c('div',{staticClass:\"flex\"},[_c('span',{staticClass:\"flex items-center\"},[_c('div',{staticClass:\"h-3 w-3 rounded-full mr-2 bg-primary\"}),_c('span',[_vm._v(\"Sales\")])]),_c('span',{staticClass:\"flex items-center ml-5\"},[_c('div',{staticClass:\"h-3 w-3 rounded-full mr-2 bg-success\"}),_c('span',[_vm._v(\"Visits\")])])]),_c('div',{attrs:{\"slot\":\"no-body-bottom\"},slot:\"no-body-bottom\"},[_c('vue-apex-charts',{attrs:{\"type\":\"radar\",\"options\":_vm.analyticsData.statisticsRadar.chartOptions,\"series\":_vm.analyticsData.statisticsRadar.series}})],1)],2)],1),_c('div',{staticClass:\"vx-col w-full md:w-1/2 lg:w-1/2 xl:w-1/2 mb-base\"},[_c('vx-card',{attrs:{\"title\":\"Support Tracker\"}},[_c('template',{slot:\"actions\"},[_c('change-time-duration-dropdown')],1),_c('div',{attrs:{\"slot\":\"no-body\"},slot:\"no-body\"},[_c('div',{staticClass:\"vx-row text-center\"},[_c('div',{staticClass:\"vx-col sm:w-1/5 w-full flex flex-col justify-between mb-4\"},[_c('div',{staticClass:\"ml-6 mt-6\"},[_c('h1',{staticClass:\"font-bold text-5xl\"},[_vm._v(\"163\")]),_c('small',[_vm._v(\"Tickets\")])])]),_c('div',{staticClass:\"vx-col sm:w-4/5 justify-center mx-auto\"},[_c('vue-apex-charts',{attrs:{\"type\":\"radialBar\",\"height\":\"250\",\"options\":_vm.analyticsData.supportTrackerRadialBar.chartOptions,\"series\":_vm.analyticsData.supportTrackerRadialBar.series}})],1)]),_c('div',{staticClass:\"flex flex-row justify-between px-8 pb-4\"},[_c('p',{staticClass:\"text-center\"},[_c('span',{staticClass:\"block\"},[_vm._v(\"New Tickets\")]),_c('span',{staticClass:\"text-4xl\"},[_vm._v(\"29\")])]),_c('p',{staticClass:\"text-center\"},[_c('span',{staticClass:\"block\"},[_vm._v(\"Open Tickets\")]),_c('span',{staticClass:\"text-4xl\"},[_vm._v(\"63\")])]),_c('p',{staticClass:\"text-center\"},[_c('span',{staticClass:\"block\"},[_vm._v(\"Response Time\")]),_c('span',{staticClass:\"text-4xl\"},[_vm._v(\"1d\")])])])])],2)],1)]),_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col w-full md:w-2/3 mb-base\"},[_c('vx-card',{attrs:{\"title\":\"Revenue\"}},[_c('template',{slot:\"actions\"},[_c('feather-icon',{attrs:{\"icon\":\"SettingsIcon\",\"svgClasses\":\"w-6 h-6 text-grey\"}})],1),_c('div',{staticClass:\"p-6 pb-0\",attrs:{\"slot\":\"no-body\"},slot:\"no-body\"},[_c('div',{staticClass:\"flex\"},[_c('div',{staticClass:\"mr-6\"},[_c('p',{staticClass:\"mb-1 font-semibold\"},[_vm._v(\"This Month\")]),_c('p',{staticClass:\"text-3xl text-success\"},[_c('sup',{staticClass:\"text-base mr-1\"},[_vm._v(\"$\")]),_vm._v(\"86,589\")])]),_c('div',[_c('p',{staticClass:\"mb-1 font-semibold\"},[_vm._v(\"Last Month\")]),_c('p',{staticClass:\"text-3xl\"},[_c('sup',{staticClass:\"text-base mr-1\"},[_vm._v(\"$\")]),_vm._v(\"73,683\")])])]),_c('vue-apex-charts',{attrs:{\"type\":\"line\",\"height\":\"266\",\"options\":_vm.analyticsData.revenueComparisonLine.chartOptions,\"series\":_vm.analyticsData.revenueComparisonLine.series}})],1)],2)],1),_c('div',{staticClass:\"vx-col w-full md:w-1/3 mb-base\"},[_c('vx-card',{attrs:{\"title\":\"Goal Overview\"}},[_c('template',{slot:\"actions\"},[_c('feather-icon',{attrs:{\"icon\":\"HelpCircleIcon\",\"svgClasses\":\"w-6 h-6 text-grey\"}})],1),_c('template',{slot:\"no-body\"},[_c('div',{staticClass:\"mt-10\"},[_c('vue-apex-charts',{attrs:{\"type\":\"radialBar\",\"height\":\"240\",\"options\":_vm.analyticsData.goalOverviewRadialBar.chartOptions,\"series\":_vm.analyticsData.goalOverviewRadialBar.series}})],1)]),_c('div',{staticClass:\"flex justify-between text-center\",attrs:{\"slot\":\"no-body-bottom\"},slot:\"no-body-bottom\"},[_c('div',{staticClass:\"w-1/2 border border-solid d-theme-border-grey-light border-r-0 border-b-0 border-l-0\"},[_c('p',{staticClass:\"mt-4\"},[_vm._v(\"Completed\")]),_c('p',{staticClass:\"mb-4 text-3xl font-semibold\"},[_vm._v(\"786,617\")])]),_c('div',{staticClass:\"w-1/2 border border-solid d-theme-border-grey-light border-r-0 border-b-0\"},[_c('p',{staticClass:\"mt-4\"},[_vm._v(\"In Progress\")]),_c('p',{staticClass:\"mb-4 text-3xl font-semibold\"},[_vm._v(\"13,561\")])])])],2)],1)]),_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col w-full md:w-1/2 mb-base\"},[_c('vx-card',[_c('div',{staticClass:\"vx-row flex-col-reverse lg:flex-row\"},[_c('div',{staticClass:\"vx-col w-full lg:w-1/2 xl:w-1/2 flex flex-col justify-between\"},[_c('div',[_c('h2',{staticClass:\"mb-1 font-bold\"},[_vm._v(\"2.7K\")]),_c('span',{staticClass:\"font-medium\"},[_vm._v(\"Avg Sessions\")]),_c('p',{staticClass:\"mt-2 text-xl font-medium\"},[_c('span',{staticClass:\"text-success\"},[_vm._v(\"+5.2%\")]),_vm._v(\" vs last 7 days\")])]),_c('vs-button',{staticClass:\"shadow-md w-full lg:mt-0 mt-4\",attrs:{\"icon-pack\":\"feather\",\"icon\":\"icon-chevrons-right\",\"icon-after\":\"\"}},[_vm._v(\"View Details\")])],1),_c('div',{staticClass:\"vx-col w-full lg:w-1/2 xl:w-1/2 flex flex-col lg:mb-0 mb-base\"},[_c('change-time-duration-dropdown',{staticClass:\"self-end\"}),_c('vue-apex-charts',{attrs:{\"type\":\"bar\",\"height\":\"200\",\"options\":_vm.analyticsData.salesBar.chartOptions,\"series\":_vm.analyticsData.salesBar.series}})],1)]),_c('vs-divider',{staticClass:\"my-6\"}),_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col w-1/2 mb-3\"},[_c('small',[_vm._v(\"Goal: $100000\")]),_c('vs-progress',{staticClass:\"block mt-1\",attrs:{\"percent\":50,\"color\":\"primary\"}})],1),_c('div',{staticClass:\"vx-col w-1/2 mb-3\"},[_c('small',[_vm._v(\"Users: 100K\")]),_c('vs-progress',{staticClass:\"block mt-1\",attrs:{\"percent\":60,\"color\":\"warning\"}})],1),_c('div',{staticClass:\"vx-col w-1/2 mb-3\"},[_c('small',[_vm._v(\"Retention: 90%\")]),_c('vs-progress',{staticClass:\"block mt-1\",attrs:{\"percent\":70,\"color\":\"danger\"}})],1),_c('div',{staticClass:\"vx-col w-1/2 mb-3\"},[_c('small',[_vm._v(\"Duration: 1yr\")]),_c('vs-progress',{staticClass:\"block mt-1\",attrs:{\"percent\":90,\"color\":\"success\"}})],1)])],1)],1),_c('div',{staticClass:\"vx-col w-full md:w-1/2 mb-base\"},[_c('vx-card',{staticClass:\"overflow-hidden\"},[_c('template',{slot:\"no-body\"},[_c('div',{staticClass:\"flex justify-between items-center p-6 border border-solid d-theme-border-grey-light border-r-0 border-l-0 border-t-0\"},[_c('div',[_c('p',[_c('span',{staticClass:\"font-semibold\"},[_vm._v(\"2 task completed\")]),_vm._v(\" out of 10\")]),_c('vs-progress',{attrs:{\"percent\":20,\"color\":\"primary\"}})],1),_c('span',[_vm._v(\"Sat, 16 Feb\")])]),_c('ul',{staticClass:\"tasks-today-container\"},[_c('li',{staticClass:\"px-6 py-4 tasks-today__task\"},[_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col w-full sm:w-auto\"},[_c('p',{staticClass:\"font-semibold text-lg\"},[_vm._v(\"Refactor button component\")]),_c('small',[_vm._v(\"16 Feb 2019 - 2 hrs\")])]),_c('div',{staticClass:\"tasks-today__actions vx-col w-full sm:w-auto ml-auto mt-2 sm:mt-0\"},[_c('vs-button',{attrs:{\"radius\":\"\",\"color\":\"primary\",\"type\":\"border\",\"icon-pack\":\"feather\",\"icon\":\"icon-check\",\"size\":\"small\"}}),_c('vs-button',{staticClass:\"ml-3\",attrs:{\"radius\":\"\",\"color\":\"primary\",\"type\":\"border\",\"icon-pack\":\"feather\",\"icon\":\"icon-edit-2\",\"size\":\"small\"}}),_c('vs-button',{staticClass:\"ml-3\",attrs:{\"radius\":\"\",\"color\":\"primary\",\"type\":\"border\",\"icon-pack\":\"feather\",\"icon\":\"icon-trash\",\"size\":\"small\"}})],1)])]),_c('li',{staticClass:\"px-6 py-4 tasks-today__task\"},[_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col w-full sm:w-auto\"},[_c('p',{staticClass:\"font-semibold text-lg\"},[_vm._v(\"Submit report to admin\")]),_c('small',[_vm._v(\"16 Feb 2019 - 2 hrs\")])]),_c('div',{staticClass:\"tasks-today__actions vx-col w-full sm:w-auto ml-auto mt-2 sm:mt-0\"},[_c('vs-button',{attrs:{\"radius\":\"\",\"color\":\"primary\",\"type\":\"border\",\"icon-pack\":\"feather\",\"icon\":\"icon-check\",\"size\":\"small\"}}),_c('vs-button',{staticClass:\"ml-3\",attrs:{\"radius\":\"\",\"color\":\"primary\",\"type\":\"border\",\"icon-pack\":\"feather\",\"icon\":\"icon-edit-2\",\"size\":\"small\"}}),_c('vs-button',{staticClass:\"ml-3\",attrs:{\"radius\":\"\",\"color\":\"primary\",\"type\":\"border\",\"icon-pack\":\"feather\",\"icon\":\"icon-trash\",\"size\":\"small\"}})],1)])]),_c('li',{staticClass:\"px-6 py-4 tasks-today__task\"},[_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col w-full sm:w-auto\"},[_c('p',{staticClass:\"font-semibold text-lg\"},[_vm._v(\"Prepare presentation\")]),_c('small',[_vm._v(\"16 Feb 2019 - 2 hrs\")])]),_c('div',{staticClass:\"tasks-today__actions vx-col w-full sm:w-auto ml-auto mt-2 sm:mt-0\"},[_c('vs-button',{attrs:{\"radius\":\"\",\"color\":\"primary\",\"type\":\"border\",\"icon-pack\":\"feather\",\"icon\":\"icon-check\",\"size\":\"small\"}}),_c('vs-button',{staticClass:\"ml-3\",attrs:{\"radius\":\"\",\"color\":\"primary\",\"type\":\"border\",\"icon-pack\":\"feather\",\"icon\":\"icon-edit-2\",\"size\":\"small\"}}),_c('vs-button',{staticClass:\"ml-3\",attrs:{\"radius\":\"\",\"color\":\"primary\",\"type\":\"border\",\"icon-pack\":\"feather\",\"icon\":\"icon-trash\",\"size\":\"small\"}})],1)])]),_c('li',{staticClass:\"px-6 py-4 tasks-today__task\"},[_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col w-full sm:w-auto\"},[_c('p',{staticClass:\"font-semibold text-lg\"},[_vm._v(\"Calculate monthly income\")]),_c('small',[_vm._v(\"16 Feb 2019 - 2 hrs\")])]),_c('div',{staticClass:\"tasks-today__actions vx-col w-full sm:w-auto ml-auto mt-2 sm:mt-0\"},[_c('vs-button',{attrs:{\"radius\":\"\",\"color\":\"primary\",\"type\":\"border\",\"icon-pack\":\"feather\",\"icon\":\"icon-check\",\"size\":\"small\"}}),_c('vs-button',{staticClass:\"ml-3\",attrs:{\"radius\":\"\",\"color\":\"primary\",\"type\":\"border\",\"icon-pack\":\"feather\",\"icon\":\"icon-edit-2\",\"size\":\"small\"}}),_c('vs-button',{staticClass:\"ml-3\",attrs:{\"radius\":\"\",\"color\":\"primary\",\"type\":\"border\",\"icon-pack\":\"feather\",\"icon\":\"icon-trash\",\"size\":\"small\"}})],1)])])])])],2)],1)]),_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col w-full md:w-2/3 lg:w-3/4\"},[_c('vx-card',{attrs:{\"title\":\"Sales\"}},[_c('template',{slot:\"actions\"},[_c('feather-icon',{attrs:{\"icon\":\"SettingsIcon\",\"svgClasses\":\"w-6 h-6 text-grey\"}})],1),_c('div',{staticClass:\"p-6 pb-0\",attrs:{\"slot\":\"no-body\"},slot:\"no-body\"},[_c('vue-apex-charts',{attrs:{\"type\":\"line\",\"height\":\"266\",\"options\":_vm.analyticsData.salesLine.chartOptions,\"series\":_vm.analyticsData.salesLine.series}})],1)],2)],1),_c('div',{staticClass:\"vx-col w-full md:w-1/3 lg:w-1/4 xl:w-1/4\"},[_c('vx-card',[_c('template',{slot:\"no-body\"},[_c('div',{staticClass:\"p-8 clearfix\"},[_c('div',[_c('h1',[_c('sup',{staticClass:\"text-lg\"},[_vm._v(\"$\")]),_vm._v(\"23,597\")]),_c('small',[_c('span',{staticClass:\"text-grey\"},[_vm._v(\"Deposits:\")]),_vm._v(\" $20,065\")])]),_c('p',{staticClass:\"mt-2 mb-8 text-xl text-success font-medium\"},[_vm._v(\"+5.2% ($956)\")]),_c('vs-button',{staticClass:\"shadow-md w-full\",attrs:{\"icon-pack\":\"feather\",\"icon\":\"icon-chevrons-right\",\"icon-after\":\"\"}},[_vm._v(\"Add Funds\")])],1),_c('div',{staticClass:\"p-8 border d-theme-border-grey-light border-solid border-r-0 border-l-0 border-b-0\"},[_c('div',{staticClass:\"mb-4\"},[_c('small',[_vm._v(\"Earned: $56,156\")]),_c('vs-progress',{attrs:{\"percent\":50,\"color\":\"success\"}})],1),_c('div',[_c('small',[_vm._v(\"Duration: 2y\")]),_c('vs-progress',{attrs:{\"percent\":50,\"color\":\"warning\"}})],1)])])],2)],1)]),_c('div',{staticClass:\"vx-row mt-base\"},[_c('div',{staticClass:\"vx-col w-full md:w-1/3 lg:w-1/3 xl:w-1/3\"},[_c('vx-card',{attrs:{\"title\":\"Browser Statistics\"}},_vm._l((_vm.analyticsData.browserAnalytics),function(browser,index){return _c('div',{key:browser.id,class:{'mt-4': index}},[_c('div',{staticClass:\"flex justify-between\"},[_c('div',{staticClass:\"flex flex-col\"},[_c('span',{staticClass:\"mb-1\"},[_vm._v(_vm._s(browser.name))]),_c('h4',[_vm._v(_vm._s(browser.ratio)+\"%\")])]),_c('div',{staticClass:\"flex flex-col text-right\"},[_c('span',{staticClass:\"flex -mr-1\"},[_c('span',{staticClass:\"mr-1\"},[_vm._v(_vm._s(browser.comparedResult))]),_c('feather-icon',{attrs:{\"icon\":browser.comparedResult < 0 ? 'ArrowDownIcon' : 'ArrowUpIcon',\"svgClasses\":[browser.comparedResult < 0 ? 'text-danger' : 'text-success'  ,'stroke-current h-4 w-4 mb-1 mr-1']}})],1),_c('span',{staticClass:\"text-grey\"},[_vm._v(_vm._s(_vm._f(\"time\")(browser.time,true)))])])]),_c('vs-progress',{attrs:{\"percent\":browser.ratio}})],1)}),0)],1),_c('div',{staticClass:\"vx-col w-full md:w-2/3\"},[_c('vx-card',{attrs:{\"title\":\"Client Retention\"}},[_c('div',{staticClass:\"flex\"},[_c('span',{staticClass:\"flex items-center\"},[_c('div',{staticClass:\"h-3 w-3 rounded-full mr-1 bg-warning\"}),_c('span',[_vm._v(\"New Clients\")])]),_c('span',{staticClass:\"flex items-center ml-4\"},[_c('div',{staticClass:\"h-3 w-3 rounded-full mr-1 bg-danger\"}),_c('span',[_vm._v(\"Retained Clients\")])])]),_c('vue-apex-charts',{attrs:{\"type\":\"bar\",\"height\":\"266\",\"options\":_vm.analyticsData.clientRetentionBar.chartOptions,\"series\":_vm.analyticsData.clientRetentionBar.series}})],1)],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","    <!-- =========================================================================================\r\n    File Name: CardAnalytics.vue\r\n    Description: Analytic Cards\r\n    ----------------------------------------------------------------------------------------\r\n    Item Name: Vuesax Admin - VueJS Dashboard Admin Template\r\n      Author: Pixinvent\r\n    Author URL: http://www.themeforest.net/user/pixinvent\r\n========================================================================================== -->\r\n\r\n<template>\r\n    <div id=\"demo-card-analytics\">\r\n        <!-- ROW 1 -->\r\n        <div class=\"vx-row\">\r\n            <!-- SESSIONS BY DEVICES -->\r\n            <div class=\"vx-col w-full lg:w-1/3 mb-base\">\r\n                <vx-card title=\"Sessions By Device\">\r\n                    <!-- SLOT = ACTION -->\r\n                    <template slot=\"actions\">\r\n                        <change-time-duration-dropdown />\r\n                    </template>\r\n\r\n                    <!-- CHART -->\r\n                    <div slot=\"no-body\">\r\n                        <vue-apex-charts type=\"donut\" height=\"330\" class=\"mt-5\" :options=\"analyticsData.sessionsByDeviceDonut.chartOptions\" :series=\"analyticsData.sessionsByDeviceDonut.series\" />\r\n                    </div>\r\n\r\n                    <!-- CHART DATA -->\r\n                    <ul>\r\n                        <li v-for=\"deviceData in analyticsData.sessionsByDeviceDonut.analyticsData\" :key=\"deviceData.device\" class=\"flex mb-3\">\r\n                            <feather-icon :icon=\"deviceData.icon\" :svgClasses=\"[`h-5 w-5 stroke-current text-${deviceData.color}`]\"></feather-icon>\r\n                            <span class=\"ml-2 inline-block font-semibold\">{{ deviceData.device }}</span>\r\n                            <span class=\"mx-2\">-</span>\r\n                            <span class=\"mr-4\">{{ deviceData.sessionsPercentgae }}%</span>\r\n                            <div class=\"ml-auto flex -mr-1\">\r\n                            <span class=\"mr-1\">{{ deviceData.comparedResultPercentage }}%</span>\r\n                            <feather-icon :icon=\" deviceData.comparedResultPercentage < 0 ? 'ArrowDownIcon' : 'ArrowUpIcon'\" :svgClasses=\"[deviceData.comparedResultPercentage < 0 ? 'text-danger' : 'text-success'  ,'stroke-current h-4 w-4 mb-1 mr-1']\"></feather-icon>\r\n                            </div>\r\n                        </li>\r\n                    </ul>\r\n                </vx-card>\r\n            </div>\r\n\r\n            <!-- PRODUCT ORDERS -->\r\n            <div class=\"vx-col w-full lg:w-1/3 mb-base\">\r\n                <vx-card title=\"Product Orders\">\r\n                    <!-- SLOT = ACTIONS -->\r\n                    <template slot=\"actions\">\r\n                        <change-time-duration-dropdown />\r\n                    </template>\r\n\r\n                    <!-- CHART -->\r\n                    <div slot=\"no-body\">\r\n                        <vue-apex-charts type=\"radialBar\" height=\"350\" :options=\"analyticsData.productOrdersRadialBar.chartOptions\" :series=\"analyticsData.productOrdersRadialBar.series\" />\r\n                    </div>\r\n\r\n                    <!-- CHART DATA -->\r\n                    <ul>\r\n                        <li v-for=\"orderData in analyticsData.productOrdersRadialBar.analyticsData\" :key=\"orderData.orderType\" class=\"flex mb-3 justify-between\">\r\n                            <span class=\"flex items-center\">\r\n                                    <span class=\"inline-block h-4 w-4 rounded-full mr-2 bg-white border-3 border-solid\" :class=\"`border-${orderData.color}`\"></span>\r\n                                    <span class=\"font-semibold\">{{ orderData.orderType }}</span>\r\n                            </span>\r\n                            <span>{{ orderData.counts }}</span>\r\n                        </li>\r\n                    </ul>\r\n                </vx-card>\r\n            </div>\r\n\r\n            <!-- CUSTOMERS CHART -->\r\n            <div class=\"vx-col w-full lg:w-1/3 mb-base\">\r\n                <vx-card title=\"Customers\">\r\n                    <!-- SLOT = ACTIONS -->\r\n                    <template slot=\"actions\">\r\n                        <change-time-duration-dropdown />\r\n                    </template>\r\n\r\n                    <div slot=\"no-body\">\r\n                        <!-- CHART -->\r\n                        <vue-apex-charts type=pie height=345 class=\"mt-2\" :options=\"analyticsData.customersPie.chartOptions\" :series=\"analyticsData.customersPie.series\" />\r\n\r\n                        <!-- CHART DATA -->\r\n                        <ul class=\"mb-1\">\r\n                            <li v-for=\"customerData in analyticsData.customersPie.analyticsData\" :key=\"customerData.customerType\" class=\"flex justify-between py-3 px-6 border d-theme-border-grey-light border-solid border-r-0 border-l-0 border-b-0\">\r\n                                <span class=\"flex items-center\">\r\n                                    <span class=\"inline-block h-3 w-3 rounded-full mr-2\" :class=\"`bg-${customerData.color}`\"></span>\r\n                                    <span class=\"font-semibold\">{{ customerData.customerType }}</span>\r\n                                </span>\r\n                                <span>{{ customerData.counts }}</span>\r\n                            </li>\r\n                        </ul>\r\n                    </div>\r\n\r\n                </vx-card>\r\n            </div>\r\n\r\n        </div>\r\n\r\n        <!-- ROW 2 -->\r\n        <div class=\"vx-row\">\r\n            <!-- SALES CHART - RADIAL -->\r\n            <div class=\"vx-col w-full md:w-1/2 lg:w-1/2 xl:w-1/2 mb-base\">\r\n                <vx-card title=\"Sales\" subtitle=\"Last 6 Months\">\r\n                    <!-- SLOT = ACTION -->\r\n                    <template slot=\"actions\">\r\n                        <feather-icon icon=\"MoreVerticalIcon\" svgClasses=\"w-6 h-6 text-grey\"></feather-icon>\r\n                    </template>\r\n                    <!-- LABELS -->\r\n                    <div class=\"flex\">\r\n                        <span class=\"flex items-center\"><div class=\"h-3 w-3 rounded-full mr-2 bg-primary\"></div><span>Sales</span></span>\r\n                        <span class=\"flex items-center ml-5\"><div class=\"h-3 w-3 rounded-full mr-2 bg-success\"></div><span>Visits</span></span>\r\n                    </div>\r\n                    <!-- CHART -->\r\n                    <div slot=\"no-body-bottom\">\r\n                        <vue-apex-charts type=radar :options=\"analyticsData.statisticsRadar.chartOptions\" :series=\"analyticsData.statisticsRadar.series\" />\r\n                    </div>\r\n                </vx-card>\r\n            </div>\r\n\r\n            <!-- SUPPORT TRACKER CHART+- -->\r\n            <div class=\"vx-col w-full md:w-1/2 lg:w-1/2 xl:w-1/2 mb-base\">\r\n                <vx-card title=\"Support Tracker\">\r\n                    <!-- CARD ACTION -->\r\n                    <template slot=\"actions\">\r\n                        <change-time-duration-dropdown />\r\n                    </template>\r\n\r\n                    <div slot=\"no-body\">\r\n                        <div class=\"vx-row text-center\">\r\n                            <div class=\"vx-col sm:w-1/5 w-full flex flex-col justify-between mb-4\">\r\n                                <div class=\"ml-6 mt-6\">\r\n                                    <h1 class=\"font-bold text-5xl\">163</h1>\r\n                                    <small>Tickets</small>\r\n                                </div>\r\n                            </div>\r\n                            <div class=\"vx-col sm:w-4/5 justify-center mx-auto\">\r\n                                <vue-apex-charts type=radialBar height=250 :options=\"analyticsData.supportTrackerRadialBar.chartOptions\" :series=\"analyticsData.supportTrackerRadialBar.series\" />\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"flex flex-row justify-between px-8 pb-4\">\r\n                            <p class=\"text-center\"><span class=\"block\">New Tickets</span><span class=\"text-4xl\">29</span></p>\r\n                            <p class=\"text-center\"><span class=\"block\">Open Tickets</span><span class=\"text-4xl\">63</span></p>\r\n                            <p class=\"text-center\"><span class=\"block\">Response Time</span><span class=\"text-4xl\">1d</span></p>\r\n\r\n                        </div>\r\n                    </div>\r\n                </vx-card>\r\n            </div>\r\n        </div>\r\n\r\n        <!-- ROW 1 -->\r\n        <div class=\"vx-row\">\r\n\r\n            <!-- LINE CHART -->\r\n            <div class=\"vx-col w-full md:w-2/3 mb-base\">\r\n                <vx-card title=\"Revenue\">\r\n                    <template slot=\"actions\">\r\n                        <feather-icon icon=\"SettingsIcon\" svgClasses=\"w-6 h-6 text-grey\"></feather-icon>\r\n                    </template>\r\n                    <div slot=\"no-body\" class=\"p-6 pb-0\">\r\n                        <div class=\"flex\">\r\n                            <div class=\"mr-6\">\r\n                                <p class=\"mb-1 font-semibold\">This Month</p>\r\n                                <p class=\"text-3xl text-success\"><sup class=\"text-base mr-1\">$</sup>86,589</p>\r\n                            </div>\r\n                            <div>\r\n                                <p class=\"mb-1 font-semibold\">Last Month</p>\r\n                                <p class=\"text-3xl\"><sup class=\"text-base mr-1\">$</sup>73,683</p>\r\n                            </div>\r\n                        </div>\r\n                        <vue-apex-charts type=line height=266 :options=\"analyticsData.revenueComparisonLine.chartOptions\" :series=\"analyticsData.revenueComparisonLine.series\" />\r\n                    </div>\r\n                </vx-card>\r\n            </div>\r\n\r\n            <!-- RADIAL CHART -->\r\n            <div class=\"vx-col w-full md:w-1/3 mb-base\">\r\n                <vx-card title=\"Goal Overview\">\r\n                    <template slot=\"actions\">\r\n                        <feather-icon icon=\"HelpCircleIcon\" svgClasses=\"w-6 h-6 text-grey\"></feather-icon>\r\n                    </template>\r\n\r\n                    <!-- CHART -->\r\n                    <template slot=\"no-body\">\r\n                        <div class=\"mt-10\">\r\n                            <vue-apex-charts type=radialBar height=240 :options=\"analyticsData.goalOverviewRadialBar.chartOptions\" :series=\"analyticsData.goalOverviewRadialBar.series\" />\r\n                        </div>\r\n                    </template>\r\n\r\n                    <!-- DATA -->\r\n                    <div class=\"flex justify-between text-center\" slot=\"no-body-bottom\">\r\n                        <div class=\"w-1/2 border border-solid d-theme-border-grey-light border-r-0 border-b-0 border-l-0\">\r\n                            <p class=\"mt-4\">Completed</p>\r\n                            <p class=\"mb-4 text-3xl font-semibold\">786,617</p>\r\n                        </div>\r\n                        <div class=\"w-1/2 border border-solid d-theme-border-grey-light border-r-0 border-b-0\">\r\n                            <p class=\"mt-4\">In Progress</p>\r\n                            <p class=\"mb-4 text-3xl font-semibold\">13,561</p>\r\n                        </div>\r\n                    </div>\r\n                </vx-card>\r\n            </div>\r\n        </div>\r\n\r\n        <!-- ROW 4 -->\r\n        <div class=\"vx-row\">\r\n            <div class=\"vx-col w-full md:w-1/2 mb-base\">\r\n                <vx-card>\r\n                    <div class=\"vx-row flex-col-reverse lg:flex-row\">\r\n\r\n                        <!-- LEFT COL -->\r\n                        <div class=\"vx-col w-full lg:w-1/2 xl:w-1/2 flex flex-col justify-between\">\r\n                            <div>\r\n                                <h2 class=\"mb-1 font-bold\">2.7K</h2>\r\n                                <span class=\"font-medium\">Avg Sessions</span>\r\n                                <p class=\"mt-2 text-xl font-medium\"><span class='text-success'>+5.2%</span> vs last 7 days</p>\r\n                            </div>\r\n                            <vs-button icon-pack=\"feather\" icon=\"icon-chevrons-right\" icon-after class=\"shadow-md w-full lg:mt-0 mt-4\">View Details</vs-button>\r\n                        </div>\r\n\r\n                        <!-- RIGHT COL -->\r\n                        <div class=\"vx-col w-full lg:w-1/2 xl:w-1/2 flex flex-col lg:mb-0 mb-base\">\r\n                            <change-time-duration-dropdown class=\"self-end\" />\r\n                            <vue-apex-charts type=bar height=200 :options=\"analyticsData.salesBar.chartOptions\" :series=\"analyticsData.salesBar.series\" />\r\n                        </div>\r\n\r\n                    </div>\r\n                    <vs-divider class=\"my-6\"></vs-divider>\r\n                    <div class=\"vx-row\">\r\n                        <div class=\"vx-col w-1/2 mb-3\">\r\n                            <small>Goal: $100000</small>\r\n                            <vs-progress class=\"block mt-1\" :percent=\"50\" color=\"primary\"></vs-progress>\r\n                        </div>\r\n                        <div class=\"vx-col w-1/2 mb-3\">\r\n                            <small>Users: 100K</small>\r\n                            <vs-progress class=\"block mt-1\" :percent=\"60\" color=\"warning\"></vs-progress>\r\n                        </div>\r\n                        <div class=\"vx-col w-1/2 mb-3\">\r\n                            <small>Retention: 90%</small>\r\n                            <vs-progress class=\"block mt-1\" :percent=\"70\" color=\"danger\"></vs-progress>\r\n                        </div>\r\n                        <div class=\"vx-col w-1/2 mb-3\">\r\n                            <small>Duration: 1yr</small>\r\n                            <vs-progress class=\"block mt-1\" :percent=\"90\" color=\"success\"></vs-progress>\r\n                        </div>\r\n                    </div>\r\n                </vx-card>\r\n            </div>\r\n            <div class=\"vx-col w-full md:w-1/2 mb-base\">\r\n                <vx-card class=\"overflow-hidden\">\r\n                    <template slot=\"no-body\">\r\n                        <div class=\"flex justify-between items-center p-6 border border-solid d-theme-border-grey-light border-r-0 border-l-0 border-t-0\">\r\n                            <div>\r\n                                <p><span class=\"font-semibold\">2 task completed</span> out of 10</p>\r\n                                <vs-progress :percent=\"20\" color=\"primary\"></vs-progress>\r\n                            </div>\r\n                            <span>Sat, 16 Feb</span>\r\n                        </div>\r\n                        <ul class=\"tasks-today-container\">\r\n                            <li class=\"px-6 py-4 tasks-today__task\">\r\n                                <div class=\"vx-row\">\r\n                                    <div class=\"vx-col w-full sm:w-auto\">\r\n                                        <p class=\"font-semibold text-lg\">Refactor button component</p>\r\n                                        <small>16 Feb 2019 - 2 hrs</small>\r\n                                    </div>\r\n                                    <div class=\"tasks-today__actions vx-col w-full sm:w-auto ml-auto mt-2 sm:mt-0\">\r\n                                        <vs-button radius color=\"primary\" type=\"border\" icon-pack=\"feather\" icon=\"icon-check\" size=\"small\"></vs-button>\r\n                                        <vs-button radius color=\"primary\" type=\"border\" icon-pack=\"feather\" icon=\"icon-edit-2\" size=\"small\" class=\"ml-3\"></vs-button>\r\n                                        <vs-button radius color=\"primary\" type=\"border\" icon-pack=\"feather\" icon=\"icon-trash\" size=\"small\" class=\"ml-3\"></vs-button>\r\n                                    </div>\r\n                                </div>\r\n                            </li>\r\n                            <li class=\"px-6 py-4 tasks-today__task\">\r\n                                <div class=\"vx-row\">\r\n                                    <div class=\"vx-col w-full sm:w-auto\">\r\n                                        <p class=\"font-semibold text-lg\">Submit report to admin</p>\r\n                                        <small>16 Feb 2019 - 2 hrs</small>\r\n                                    </div>\r\n                                    <div class=\"tasks-today__actions vx-col w-full sm:w-auto ml-auto mt-2 sm:mt-0\">\r\n                                        <vs-button radius color=\"primary\" type=\"border\" icon-pack=\"feather\" icon=\"icon-check\" size=\"small\"></vs-button>\r\n                                        <vs-button radius color=\"primary\" type=\"border\" icon-pack=\"feather\" icon=\"icon-edit-2\" size=\"small\" class=\"ml-3\"></vs-button>\r\n                                        <vs-button radius color=\"primary\" type=\"border\" icon-pack=\"feather\" icon=\"icon-trash\" size=\"small\" class=\"ml-3\"></vs-button>\r\n                                    </div>\r\n                                </div>\r\n                            </li>\r\n                            <li class=\"px-6 py-4 tasks-today__task\">\r\n                                <div class=\"vx-row\">\r\n                                    <div class=\"vx-col w-full sm:w-auto\">\r\n                                        <p class=\"font-semibold text-lg\">Prepare presentation</p>\r\n                                        <small>16 Feb 2019 - 2 hrs</small>\r\n                                    </div>\r\n                                    <div class=\"tasks-today__actions vx-col w-full sm:w-auto ml-auto mt-2 sm:mt-0\">\r\n                                        <vs-button radius color=\"primary\" type=\"border\" icon-pack=\"feather\" icon=\"icon-check\" size=\"small\"></vs-button>\r\n                                        <vs-button radius color=\"primary\" type=\"border\" icon-pack=\"feather\" icon=\"icon-edit-2\" size=\"small\" class=\"ml-3\"></vs-button>\r\n                                        <vs-button radius color=\"primary\" type=\"border\" icon-pack=\"feather\" icon=\"icon-trash\" size=\"small\" class=\"ml-3\"></vs-button>\r\n                                    </div>\r\n                                </div>\r\n                            </li>\r\n                            <li class=\"px-6 py-4 tasks-today__task\">\r\n                                <div class=\"vx-row\">\r\n                                    <div class=\"vx-col w-full sm:w-auto\">\r\n                                        <p class=\"font-semibold text-lg\">Calculate monthly income</p>\r\n                                        <small>16 Feb 2019 - 2 hrs</small>\r\n                                    </div>\r\n                                    <div class=\"tasks-today__actions vx-col w-full sm:w-auto ml-auto mt-2 sm:mt-0\">\r\n                                        <vs-button radius color=\"primary\" type=\"border\" icon-pack=\"feather\" icon=\"icon-check\" size=\"small\"></vs-button>\r\n                                        <vs-button radius color=\"primary\" type=\"border\" icon-pack=\"feather\" icon=\"icon-edit-2\" size=\"small\" class=\"ml-3\"></vs-button>\r\n                                        <vs-button radius color=\"primary\" type=\"border\" icon-pack=\"feather\" icon=\"icon-trash\" size=\"small\" class=\"ml-3\"></vs-button>\r\n                                    </div>\r\n                                </div>\r\n                            </li>\r\n                        </ul>\r\n                    </template>\r\n                </vx-card>\r\n            </div>\r\n        </div>\r\n\r\n        <!-- ROW 3 -->\r\n        <div class=\"vx-row\">\r\n            <div class=\"vx-col w-full md:w-2/3 lg:w-3/4\">\r\n                <vx-card title=\"Sales\">\r\n                    <template slot=\"actions\">\r\n                        <feather-icon icon=\"SettingsIcon\" svgClasses=\"w-6 h-6 text-grey\"></feather-icon>\r\n                    </template>\r\n                    <div slot=\"no-body\" class=\"p-6 pb-0\">\r\n                        <vue-apex-charts type=line height=266 :options=\"analyticsData.salesLine.chartOptions\" :series=\"analyticsData.salesLine.series\" />\r\n                    </div>\r\n                </vx-card>\r\n            </div>\r\n            <div class=\"vx-col w-full md:w-1/3 lg:w-1/4 xl:w-1/4\">\r\n                <vx-card>\r\n                    <template slot=\"no-body\">\r\n                        <div class=\"p-8 clearfix\">\r\n                            <div>\r\n                                <h1><sup class=\"text-lg\">$</sup>23,597</h1>\r\n                                <small><span class=\"text-grey\">Deposits:</span> $20,065</small>\r\n                            </div>\r\n                            <p class=\"mt-2 mb-8 text-xl text-success font-medium\">+5.2% ($956)</p>\r\n                            <vs-button icon-pack=\"feather\" icon=\"icon-chevrons-right\" icon-after class=\"shadow-md w-full\">Add Funds</vs-button>\r\n                        </div>\r\n                        <div class=\"p-8 border d-theme-border-grey-light border-solid border-r-0 border-l-0 border-b-0\">\r\n                            <div class=\"mb-4\">\r\n                                <small>Earned: $56,156</small>\r\n                                <vs-progress :percent=\"50\" color=\"success\"></vs-progress>\r\n                            </div>\r\n                            <div>\r\n                                <small>Duration: 2y</small>\r\n                                <vs-progress :percent=\"50\" color=\"warning\"></vs-progress>\r\n                            </div>\r\n                        </div>\r\n                    </template>\r\n                </vx-card>\r\n            </div>\r\n        </div>\r\n\r\n        <div class=\"vx-row mt-base\">\r\n\r\n            <div class=\"vx-col w-full md:w-1/3 lg:w-1/3 xl:w-1/3\">\r\n                <vx-card title=\"Browser Statistics\">\r\n                    <div v-for=\"(browser, index) in analyticsData.browserAnalytics\" :key=\"browser.id\" :class=\"{'mt-4': index}\">\r\n                        <div class=\"flex justify-between\">\r\n                            <div class=\"flex flex-col\">\r\n                                <span class=\"mb-1\">{{ browser.name }}</span>\r\n                                <h4>{{ browser.ratio }}%</h4>\r\n                            </div>\r\n                            <div class=\"flex flex-col text-right\">\r\n                                <span class=\"flex -mr-1\">\r\n                                    <span class=\"mr-1\">{{ browser.comparedResult }}</span>\r\n                                    <feather-icon :icon=\" browser.comparedResult < 0 ? 'ArrowDownIcon' : 'ArrowUpIcon'\" :svgClasses=\"[browser.comparedResult < 0 ? 'text-danger' : 'text-success'  ,'stroke-current h-4 w-4 mb-1 mr-1']\"></feather-icon>\r\n                                </span>\r\n                                <span class=\"text-grey\">{{ browser.time | time(true) }}</span>\r\n                            </div>\r\n                        </div>\r\n                        <vs-progress :percent=\"browser.ratio\"></vs-progress>\r\n                    </div>\r\n                </vx-card>\r\n            </div>\r\n\r\n            <div class=\"vx-col w-full md:w-2/3\">\r\n                <vx-card title=\"Client Retention\">\r\n                    <div class=\"flex\">\r\n                        <span class=\"flex items-center\"><div class=\"h-3 w-3 rounded-full mr-1 bg-warning\"></div><span>New Clients</span></span>\r\n                        <span class=\"flex items-center ml-4\"><div class=\"h-3 w-3 rounded-full mr-1 bg-danger\"></div><span>Retained Clients</span></span>\r\n                    </div>\r\n                    <vue-apex-charts type=bar height=266 :options=\"analyticsData.clientRetentionBar.chartOptions\" :series=\"analyticsData.clientRetentionBar.series\" />\r\n                </vx-card>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport VueApexCharts from 'vue-apexcharts'\r\n\r\nimport StatisticsCardLine from '@/components/statistics-cards/StatisticsCardLine.vue'\r\nimport analyticsData from './analyticsData.js'\r\nimport ChangeTimeDurationDropdown from '@/components/ChangeTimeDurationDropdown.vue'\r\n\r\nexport default {\r\n    data() {\r\n        return {\r\n            analyticsData: analyticsData,\r\n            statisticsChartData1: {\r\n                chartHeight: '150px',\r\n                id: 'static-chart-1',\r\n                data: {\r\n                    series: [\r\n                        [10, 15, 7, 12, 3, 16]\r\n                    ],\r\n                },\r\n                options: {\r\n                    axisX: {\r\n                        showGrid: false,\r\n                        showLabel: false,\r\n                    },\r\n                    axisY: {\r\n                        showLabel: false,\r\n                        showGrid: false,\r\n                        low: 0,\r\n                        high: 20,\r\n                        offset: 0\r\n                    },\r\n                    fullWidth: true\r\n                },\r\n                listener: {\r\n                    created: function(data) {\r\n                        var defs = data.svg.querySelector('defs') || data.svg.elem('defs');\r\n                        defs.elem('linearGradient', {\r\n                            id: 'lineLinearStats1',\r\n                            x1: 0,\r\n                            y1: 0,\r\n                            x2: 1,\r\n                            y2: 0\r\n                        }).elem('stop', {\r\n                            offset: '0%',\r\n                            'stop-color': 'rgba(157,33,254,1)'\r\n                        }).parent().elem('stop', {\r\n                            offset: '60%',\r\n                            'stop-color': 'rgba(116,58,253,1)'\r\n                        }).parent().elem('stop', {\r\n                            offset: '75%',\r\n                            'stop-color': 'rgba(99,68,252, 1)'\r\n                        }).parent().elem('stop', {\r\n                            offset: '90%',\r\n                            'stop-color': 'rgba(69,85,252,1)'\r\n                        });\r\n\r\n                        return defs;\r\n                    }\r\n                },\r\n            },\r\n            statisticsChartData2: {\r\n                chartHeight: '150px',\r\n                id: 'static-chart-2',\r\n                data: {\r\n                    series: [\r\n                        [3, 12, 7, 15, 7, 13]\r\n                    ]\r\n                },\r\n                options: {\r\n                    axisX: {\r\n                        showGrid: false,\r\n                        showLabel: false,\r\n                    },\r\n                    axisY: {\r\n                        showLabel: false,\r\n                        showGrid: false,\r\n                        low: 0,\r\n                        high: 20,\r\n                        offset: 0\r\n                    },\r\n                    fullWidth: true\r\n                },\r\n                listener: {\r\n                    created: function(data) {\r\n                        var defs = data.svg.querySelector('defs') || data.svg.elem('defs');\r\n                        defs.elem('linearGradient', {\r\n                            id: 'lineLinearStats2',\r\n                            x1: 0,\r\n                            y1: 0,\r\n                            x2: 1,\r\n                            y2: 0\r\n                        }).elem('stop', {\r\n                            offset: '0%',\r\n                            'stop-color': 'rgba(157,33,254,1)'\r\n                        }).parent().elem('stop', {\r\n                            offset: '60%',\r\n                            'stop-color': 'rgba(116,58,253,1)'\r\n                        }).parent().elem('stop', {\r\n                            offset: '75%',\r\n                            'stop-color': 'rgba(99,68,252, 1)'\r\n                        }).parent().elem('stop', {\r\n                            offset: '90%',\r\n                            'stop-color': 'rgba(69,85,252,1)'\r\n                        });\r\n\r\n                        return defs;\r\n                    }\r\n                },\r\n            },\r\n            statisticsChartData3: {\r\n                chartHeight: '150px',\r\n                id: 'static-chart-3',\r\n                data: {\r\n                    series: [\r\n                        [16, 3, 10, 5, 15, 10]\r\n                    ]\r\n                },\r\n                options: {\r\n                    axisX: {\r\n                        showGrid: false,\r\n                        showLabel: false,\r\n                    },\r\n                    axisY: {\r\n                        showLabel: false,\r\n                        showGrid: false,\r\n                        low: 0,\r\n                        high: 20,\r\n                        offset: 0\r\n                    },\r\n                    fullWidth: true\r\n                },\r\n                listener: {\r\n                    created: function(data) {\r\n                        var defs = data.svg.querySelector('defs') || data.svg.elem('defs');\r\n                        defs.elem('linearGradient', {\r\n                            id: 'lineLinearStats3',\r\n                            x1: 0,\r\n                            y1: 0,\r\n                            x2: 1,\r\n                            y2: 0\r\n                        }).elem('stop', {\r\n                            offset: '0%',\r\n                            'stop-color': 'rgba(157,33,254,1)'\r\n                        }).parent().elem('stop', {\r\n                            offset: '60%',\r\n                            'stop-color': 'rgba(116,58,253,1)'\r\n                        }).parent().elem('stop', {\r\n                            offset: '75%',\r\n                            'stop-color': 'rgba(99,68,252, 1)'\r\n                        }).parent().elem('stop', {\r\n                            offset: '90%',\r\n                            'stop-color': 'rgba(69,85,252,1)'\r\n                        });\r\n\r\n                        return defs;\r\n                    }\r\n                },\r\n            },\r\n        }\r\n    },\r\n    components: {\r\n        VueApexCharts,\r\n        StatisticsCardLine,\r\n        ChangeTimeDurationDropdown\r\n    }\r\n}\r\n</script>\r\n\r\n\r\n<style lang=\"scss\">\r\n#demo-card-analytics {\r\n    .tasks-today-container {\r\n        .tasks-today__task {\r\n            transition: background .15s ease-out;\r\n            .tasks-today__actions {\r\n                display: none;\r\n            }\r\n\r\n            &:hover {\r\n                background: var(--primary) ;\r\n                .tasks-today__actions {\r\n                    display: flex;\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n</style>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/@vue/cli-plugin-babel/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!./CardAnalytics.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/@vue/cli-plugin-babel/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!./CardAnalytics.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CardAnalytics.vue?vue&type=template&id=66751c56&\"\nimport script from \"./CardAnalytics.vue?vue&type=script&lang=js&\"\nexport * from \"./CardAnalytics.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CardAnalytics.vue?vue&type=style&index=0&lang=scss&\"\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","/*=========================================================================================\r\n\tFile Name: analyticsData.vue\r\n\tDescription: Data shown by charts\r\n\t----------------------------------------------------------------------------------------\r\n\tItem Name: Vuesax Admin - VueJS Dashboard Admin 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: ['#633c92'],\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            },\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: ['#633c92', '#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: ['#e6edf7', '#e6edf7', '#633c92', '#e6edf7', '#e6edf7', '#e6edf7'],\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: 150,\r\n                    offsetY: 15,\r\n                    startAngle: -150,\r\n                    endAngle: 150,\r\n                    hollow: {\r\n                        size: '65%',\r\n                    },\r\n                    track: {\r\n                        background: \"#fff\",\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: ['#633c92'],\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: 30,\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                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: 30,\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: ['#633c92'],\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: ['#633c92', '#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":""}