{"version":3,"sources":["webpack:///./src/components/statistics-cards/StatisticsCardLine.vue?e9e5","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?5b56","webpack:///./src/components/ChangeTimeDurationDropdown.vue","webpack:///./src/views/ui-elements/card/CardAnalytics.vue?db98","webpack:///./src/views/ui-elements/card/CardAnalytics.vue?56b2","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","iconRight","color","style","background","icon","_v","_s","titleName","deptName","deptNum","path","routeName","staticRenderFns","props","type","String","required","statistic","Number","statisticTitle","chartData","Object","default","chartType","Boolean","watch","themePrimaryColor","$refs","apexChart","updateOptions","theme","computed","$store","state","methods","getHex","rgb","split","components","VueApexCharts","created","chartOptions","monochrome","enabled","shadeTo","shadeIntensity","component","on","$event","$emit","script","analyticsData","sessionsByDeviceDonut","series","_l","deviceData","key","device","sessionsPercentgae","comparedResultPercentage","productOrdersRadialBar","orderData","orderType","counts","customersPie","customerData","customerType","statisticsRadar","supportTrackerRadialBar","revenueComparisonLine","goalOverviewRadialBar","salesBar","salesLine","browser","index","id","name","ratio","comparedResult","_f","time","clientRetentionBar","siteTraffic","data","grid","show","padding","left","right","chart","dropShadow","top","blur","opacity","toolbar","sparkline","stroke","width","curve","xaxis","colors","fill","gradient","shade","gradientToColors","opacityFrom","opacityTo","stops","markers","size","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","options","stacked","browserAnalytics"],"mappings":"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","file":"js/chunk-0a1d94ff.c1ec478f.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',{staticClass:\"p-5\",attrs:{\"slot\":\"no-body\"},slot:\"no-body\"},[_c('div',{staticClass:\"pb-3\",class:{'flex justify-between flex-row-reverse items-center': _vm.iconRight}},[_c('div',{staticClass:\"d-flex align-items-center\"},[_c('feather-icon',{staticClass:\"p-3 inline-flex rounded-full\",class:[(\"text-\" + _vm.color)],style:({background: (\"rgba(var(--vs-\" + _vm.color + \"),.15)\")}),attrs:{\"icon\":_vm.icon}}),_c('h2',{staticClass:\"mb-1 font-bold ml-3\"},[_vm._v(_vm._s(_vm.titleName))])],1)]),_c('div',{staticClass:\"vx-row flex-col-reverse lg:flex-row\"},[_c('div',{staticClass:\"vx-col w-full flex flex-col\"},[_c('h5',{},[_vm._v(_vm._s(_vm.deptName))]),_c('h1',{staticClass:\"font-bold text-5xl\"},[_vm._v(_vm._s(_vm.deptNum))])])]),_c('div',{staticClass:\"text-right\"},[_c('router-link',{attrs:{\"to\":{ path: _vm.routeName }}},[_vm._v(\"More..\")])],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: KOZO Admin - VueJS Dashboard\r\n\r\n    \r\n      Author:  \r\n    Author URL:  \r\n========================================================================================== -->\r\n\r\n<template>\r\n  <vx-card class=\"overflow-hidden\">\r\n    <div slot=\"no-body\" class=\"p-5\">\r\n      <div class=\"pb-3\" :class=\"{'flex justify-between flex-row-reverse items-center': iconRight}\">\r\n        <div class=\"d-flex align-items-center\">\r\n          <feather-icon\r\n            :icon=\"icon\"\r\n            class=\"p-3 inline-flex rounded-full\"\r\n            :class=\"[`text-${color}`]\"\r\n            :style=\"{background: `rgba(var(--vs-${color}),.15)`}\"\r\n          ></feather-icon>\r\n          <h2 class=\"mb-1 font-bold ml-3\">{{ titleName }}</h2>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"vx-row flex-col-reverse lg:flex-row\">\r\n        <div class=\"vx-col w-full flex flex-col\">\r\n          <h5 class>{{ deptName }}</h5>\r\n          <h1 class=\"font-bold text-5xl\">{{ deptNum }}</h1>\r\n        </div>\r\n      </div>\r\n      <div class=\"text-right\">\r\n        <router-link :to=\"{ path: routeName }\">More..</router-link>\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    titleName: {\r\n      type: String,\r\n      default: \"\",\r\n    },\r\n    deptName: {\r\n      type: String,\r\n      default: \"\",\r\n    },\r\n    deptNum: {\r\n      type: String,\r\n      default: \"0\",\r\n    },\r\n    routeName: {\r\n      type: String,\r\n      default: \"/\",\r\n    },\r\n  },\r\n  watch: {\r\n    themePrimaryColor() {\r\n      this.$refs.apexChart.updateOptions({\r\n        theme: { monochrome: { color: this.getHex() } },\r\n      });\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\r\n        .getComputedStyle(document.documentElement)\r\n        .getPropertyValue(`--vs-${this.color}`);\r\n      rgb = rgb.split(\",\");\r\n      return (\r\n        \"#\" +\r\n        (\r\n          (1 << 24) +\r\n          (Number(rgb[0]) << 16) +\r\n          (Number(rgb[1]) << 8) +\r\n          Number(rgb[2])\r\n        )\r\n          .toString(16)\r\n          .slice(1)\r\n      );\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=2d785e86&\"\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/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./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/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./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: rgba(var(--vs-primary),.04) ;\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=67853e42&\"\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: ['#7367F0'],\r\n            fill: {\r\n                type: 'gradient',\r\n                gradient: {\r\n                    shade: 'dark',\r\n                    gradientToColors: ['#A9A2F6'],\r\n                    shadeIntensity: 1,\r\n                    type: 'horizontal',\r\n                    opacityFrom: 1,\r\n                    opacityTo: 1,\r\n                    stops: [0, 100, 100, 100]\r\n                },\r\n            },\r\n            markers: {\r\n                size: 0,\r\n                hover: {\r\n                    size: 5\r\n                }\r\n            },\r\n            tooltip: {\r\n                x: { show: false }\r\n            },\r\n        }\r\n    },\r\n    activeUsers: {\r\n        series: [{\r\n            name: 'Active Users',\r\n            data: [750, 1000, 900, 1250, 1000, 1200, 1100]\r\n        }],\r\n        chartOptions: {\r\n            grid: {\r\n                show: false,\r\n                padding: {\r\n                    left: 0,\r\n                    right: 0\r\n                }\r\n            },\r\n            chart: {\r\n                type: 'line',\r\n                dropShadow: {\r\n                    enabled: true,\r\n                    top: 5,\r\n                    left: 0,\r\n                    blur: 4,\r\n                    opacity: 0.10,\r\n                },\r\n                toolbar: {\r\n                    show: false,\r\n                },\r\n                sparkline: {\r\n                    enabled: true\r\n                }\r\n            },\r\n            stroke: {\r\n                width: 5,\r\n                curve: 'smooth'\r\n            },\r\n            xaxis: {\r\n                type: 'numeric',\r\n            },\r\n            colors: ['#28C76F'],\r\n            fill: {\r\n                type: 'gradient',\r\n                gradient: {\r\n                    shade: 'dark',\r\n                    gradientToColors: ['#55DD92'],\r\n                    shadeIntensity: 1,\r\n                    type: 'horizontal',\r\n                    opacityFrom: 1,\r\n                    opacityTo: 1,\r\n                    stops: [0, 75, 100, 100]\r\n                },\r\n            },\r\n            markers: {\r\n                size: 0,\r\n                hover: {\r\n                    size: 5\r\n                }\r\n            },\r\n            tooltip: {\r\n                x: { show: false }\r\n            },\r\n        }\r\n    },\r\n    newsletter: {\r\n        series: [{\r\n            name: 'Newsletter',\r\n            data: [365, 390, 365, 400, 375, 400]\r\n        }],\r\n        chartOptions: {\r\n            grid: {\r\n                show: false,\r\n                padding: {\r\n                    left: 0,\r\n                    right: 0\r\n                }\r\n            },\r\n            chart: {\r\n                type: 'line',\r\n                dropShadow: {\r\n                    enabled: true,\r\n                    top: 5,\r\n                    left: 0,\r\n                    blur: 4,\r\n                    opacity: 0.10,\r\n                },\r\n                toolbar: {\r\n                    show: false,\r\n                },\r\n                sparkline: {\r\n                    enabled: true\r\n                }\r\n            },\r\n            stroke: {\r\n                width: 5,\r\n                curve: 'smooth'\r\n            },\r\n            xaxis: {\r\n                type: 'numeric',\r\n            },\r\n            colors: ['#FF9F43'],\r\n            fill: {\r\n                type: 'gradient',\r\n                gradient: {\r\n                    shade: 'dark',\r\n                    gradientToColors: ['#ffc085'],\r\n                    shadeIntensity: 1,\r\n                    type: 'horizontal',\r\n                    opacityFrom: 1,\r\n                    opacityTo: 1,\r\n                    stops: [0, 75, 100, 100]\r\n                },\r\n            },\r\n            markers: {\r\n                size: 0,\r\n                hover: {\r\n                    size: 5\r\n                }\r\n            },\r\n            tooltip: {\r\n                x: { show: false }\r\n            },\r\n        }\r\n    },\r\n    revenueComparisonLine: {\r\n        series: [{\r\n            name: \"This Month\",\r\n            data: [45000, 47000, 44800, 47500, 45500, 48000, 46500, 48600]\r\n        },\r\n        {\r\n            name: \"Last Month\",\r\n            data: [46000, 48000, 45500, 46600, 44500, 46500, 45000, 47000]\r\n        }\r\n        ],\r\n        chartOptions: {\r\n            chart: {\r\n                toolbar: { show: false },\r\n            },\r\n            stroke: {\r\n                curve: 'smooth',\r\n                dashArray: [0, 8],\r\n                width: [4, 2],\r\n            },\r\n            grid: {\r\n                borderColor: '#e7e7e7',\r\n            },\r\n            legend: {\r\n                show: false,\r\n            },\r\n            colors: ['#F97794', '#b8c2cc'],\r\n            fill: {\r\n                type: 'gradient',\r\n                gradient: {\r\n                    shade: 'dark',\r\n                    inverseColors: false,\r\n                    gradientToColors: ['#7367F0', '#b8c2cc'],\r\n                    shadeIntensity: 1,\r\n                    type: 'horizontal',\r\n                    opacityFrom: 1,\r\n                    opacityTo: 1,\r\n                    stops: [0, 100, 100, 100]\r\n                },\r\n            },\r\n            markers: {\r\n                size: 0,\r\n                hover: {\r\n                    size: 5\r\n                }\r\n            },\r\n            xaxis: {\r\n                labels: {\r\n                    style: {\r\n                        cssClass: 'text-grey fill-current',\r\n                    }\r\n                },\r\n                axisTicks: {\r\n                    show: false,\r\n                },\r\n                categories: ['01', '05', '09', '13', '17', '21', '26', '31'],\r\n                axisBorder: {\r\n                    show: false,\r\n                },\r\n            },\r\n            yaxis: {\r\n                tickAmount: 5,\r\n                labels: {\r\n                    style: {\r\n                        cssClass: 'text-grey fill-current',\r\n                    },\r\n                    formatter: function (val) {\r\n                        return val > 999 ? (val / 1000).toFixed(1) + 'k' : val;\r\n                    }\r\n                }\r\n            },\r\n            tooltip: {\r\n                x: { show: false }\r\n            }\r\n        }\r\n    },\r\n\r\n    // LINE AREA CHART\r\n    subscribersGained: {\r\n        series: [{\r\n            name: 'Subscribers',\r\n            data: [28, 40, 36, 52, 38, 60, 55]\r\n        }],\r\n        chartOptions: {\r\n            grid: {\r\n                show: false,\r\n                padding: {\r\n                    left: 0,\r\n                    right: 0\r\n                }\r\n            },\r\n            chart: {\r\n                toolbar: {\r\n                    show: false,\r\n                },\r\n                sparkline: {\r\n                    enabled: true\r\n                }\r\n            },\r\n            dataLabels: {\r\n                enabled: false\r\n            },\r\n            stroke: {\r\n                curve: 'smooth',\r\n                width: 2.5\r\n            },\r\n            fill: {\r\n                type: 'gradient',\r\n                gradient: {\r\n                    shadeIntensity: 0.9,\r\n                    opacityFrom: 0.7,\r\n                    opacityTo: 0.5,\r\n                    stops: [0, 80, 100]\r\n                }\r\n            },\r\n            xaxis: {\r\n                type: 'numeric',\r\n                lines: {\r\n                    show: false,\r\n                },\r\n                axisBorder: {\r\n                    show: false,\r\n                },\r\n                labels: { show: false }\r\n            },\r\n            yaxis: [{\r\n                y: 0,\r\n                offsetX: 0,\r\n                offsetY: 0,\r\n                padding: { left: 0, right: 0 },\r\n            }],\r\n            tooltip: {\r\n                x: { show: false }\r\n            },\r\n        },\r\n    },\r\n    quarterlySales: {\r\n        series: [{\r\n            name: 'Sales',\r\n            data: [10, 15, 7, 12, 3, 16]\r\n        }],\r\n        chartOptions: {\r\n            grid: {\r\n                show: false,\r\n                padding: {\r\n                    left: 0,\r\n                    right: 0\r\n                }\r\n            },\r\n            chart: {\r\n                toolbar: {\r\n                    show: false,\r\n                },\r\n                sparkline: {\r\n                    enabled: true\r\n                }\r\n            },\r\n            dataLabels: {\r\n                enabled: false\r\n            },\r\n            stroke: {\r\n                curve: 'smooth',\r\n                width: 2.5\r\n            },\r\n            fill: {\r\n                type: 'gradient',\r\n                gradient: {\r\n                    shadeIntensity: 0.9,\r\n                    opacityFrom: 0.7,\r\n                    opacityTo: 0.5,\r\n                    stops: [0, 80, 100]\r\n                }\r\n            },\r\n            xaxis: {\r\n                type: 'numeric',\r\n                lines: {\r\n                    show: false,\r\n                },\r\n                axisBorder: {\r\n                    show: false,\r\n                },\r\n                labels: { show: false }\r\n            },\r\n            yaxis: [{\r\n                y: 0,\r\n                offsetX: 0,\r\n                offsetY: 0,\r\n                padding: { left: 0, right: 0 },\r\n            }],\r\n            tooltip: {\r\n                x: { show: false }\r\n            },\r\n        },\r\n    },\r\n    revenueGenerated: {\r\n        series: [{\r\n            name: 'Revenue',\r\n            data: [350, 275, 400, 300, 350, 300, 450]\r\n        }],\r\n        chartOptions: {\r\n            grid: {\r\n                show: false,\r\n                padding: {\r\n                    left: 0,\r\n                    right: 0\r\n                }\r\n            },\r\n            chart: {\r\n                toolbar: {\r\n                    show: false,\r\n                },\r\n                sparkline: {\r\n                    enabled: true\r\n                }\r\n            },\r\n            dataLabels: {\r\n                enabled: false\r\n            },\r\n            stroke: {\r\n                curve: 'smooth',\r\n                width: 2.5\r\n            },\r\n            fill: {\r\n                type: 'gradient',\r\n                gradient: {\r\n                    shadeIntensity: 0.9,\r\n                    opacityFrom: 0.7,\r\n                    opacityTo: 0.5,\r\n                    stops: [0, 80, 100]\r\n                }\r\n            },\r\n            xaxis: {\r\n                type: 'numeric',\r\n                lines: {\r\n                    show: false,\r\n                },\r\n                axisBorder: {\r\n                    show: false,\r\n                },\r\n                labels: { show: false }\r\n            },\r\n            yaxis: [{\r\n                y: 0,\r\n                offsetX: 0,\r\n                offsetY: 0,\r\n                padding: { left: 0, right: 0 },\r\n            }],\r\n            tooltip: {\r\n                x: { show: false }\r\n            },\r\n        },\r\n    },\r\n    ordersRecevied: {\r\n        series: [{\r\n            name: 'Orders',\r\n            data: [10, 15, 8, 15, 7, 12, 8]\r\n        }],\r\n        chartOptions: {\r\n            grid: {\r\n                show: false,\r\n                padding: {\r\n                    left: 0,\r\n                    right: 0\r\n                }\r\n            },\r\n            chart: {\r\n                toolbar: {\r\n                    show: false,\r\n                },\r\n                sparkline: {\r\n                    enabled: true\r\n                }\r\n            },\r\n            dataLabels: {\r\n                enabled: false\r\n            },\r\n            stroke: {\r\n                curve: 'smooth',\r\n                width: 2.5\r\n            },\r\n            fill: {\r\n                type: 'gradient',\r\n                gradient: {\r\n                    shadeIntensity: 0.9,\r\n                    opacityFrom: 0.7,\r\n                    opacityTo: 0.5,\r\n                    stops: [0, 80, 100]\r\n                }\r\n            },\r\n            xaxis: {\r\n                type: 'numeric',\r\n                lines: {\r\n                    show: false,\r\n                },\r\n                axisBorder: {\r\n                    show: false,\r\n                },\r\n                labels: { show: false }\r\n            },\r\n            yaxis: [{\r\n                y: 0,\r\n                offsetX: 0,\r\n                offsetY: 0,\r\n                padding: { left: 0, right: 0 },\r\n            }],\r\n            tooltip: {\r\n                x: { show: false }\r\n            },\r\n        },\r\n    },\r\n    // BAR CHART\r\n    salesBar: {\r\n        series: [{\r\n            name: 'Sessions',\r\n            data: [75, 125, 225, 175, 125, 75, 25]\r\n        }],\r\n        chartOptions: {\r\n            grid: {\r\n                show: false,\r\n                padding: {\r\n                    left: 0,\r\n                    right: 0\r\n                }\r\n            },\r\n            chart: {\r\n                type: 'bar',\r\n                sparkline: { enabled: true },\r\n                toolbar: { show: false },\r\n            },\r\n            states: {\r\n                hover: {\r\n                    filter: 'none'\r\n                }\r\n            },\r\n            colors: ['#e6edf7', '#e6edf7', '#7367f0', '#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: ['#7367F0'],\r\n                    inverseColors: true,\r\n                    opacityFrom: 1,\r\n                    opacityTo: 1,\r\n                    stops: [0, 100]\r\n                },\r\n            },\r\n            stroke: {\r\n                dashArray: 8\r\n            },\r\n            chart: {\r\n                sparkline: {\r\n                }\r\n            },\r\n            labels: ['Completed Tickets'],\r\n        }\r\n    },\r\n    // RADAR\r\n    statisticsRadar: {\r\n        series: [{\r\n            name: 'Visits',\r\n            data: [90, 50, 86, 40, 100, 20],\r\n        }, {\r\n            name: 'Sales',\r\n            data: [70, 75, 70, 76, 20, 85],\r\n        }],\r\n        chartOptions: {\r\n            labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun'],\r\n            dataLabels: {\r\n                style: {\r\n                    colors: ['#b9c3cd', '#b9c3cd', '#b9c3cd', '#b9c3cd', '#b9c3cd', '#b9c3cd']\r\n                }\r\n            },\r\n            yaxis: {\r\n                show: false,\r\n            },\r\n            grid: {\r\n                show: false,\r\n            },\r\n            legend: { show: false },\r\n            chart: {\r\n                dropShadow: {\r\n                    enabled: true,\r\n                    blur: 8,\r\n                    left: 1,\r\n                    top: 1,\r\n                    opacity: 0.2\r\n                },\r\n                toolbar: {\r\n                    show: false\r\n                }\r\n            },\r\n            stroke: {\r\n                width: 0\r\n            },\r\n            colors: ['#9f8ed7', '#1edec5'],\r\n            plotOptions: {\r\n                radar: {\r\n                    polygons: {\r\n                        strokeColors: ['#e8e8e8', 'transparent', 'transparent', 'transparent', 'transparent', 'transparent'],\r\n                        connectorColors: 'transparent'\r\n                    }\r\n                }\r\n            },\r\n            fill: {\r\n                type: 'gradient',\r\n                gradient: {\r\n                    shade: 'dark',\r\n                    gradientToColors: ['#8e9ad6', '#1fcadb'],\r\n                    shadeIntensity: 1,\r\n                    type: 'horizontal',\r\n                    opacityFrom: 1,\r\n                    opacityTo: 1,\r\n                    stops: [0, 100, 100, 100]\r\n                },\r\n            },\r\n            markers: {\r\n                size: 0,\r\n            },\r\n        }\r\n    },\r\n    // SessionsByDevice\r\n    sessionsByDeviceDonut: {\r\n        analyticsData: [\r\n            { device: 'Dekstop', icon: 'MonitorIcon', color: 'primary', sessionsPercentgae: 58.6, comparedResultPercentage: 2 },\r\n            { device: 'Mobile', icon: 'SmartphoneIcon', color: 'warning', sessionsPercentgae: 34.9, comparedResultPercentage: 8 },\r\n            { device: 'Tablet', icon: 'TabletIcon', color: 'danger', sessionsPercentgae: 6.5, comparedResultPercentage: -5 },\r\n        ],\r\n        comparedResult: [2, -3, 8],\r\n        series: [58.6, 34.9, 6.5],\r\n        chartOptions: {\r\n            labels: ['Desktop', 'Mobile', 'Tablet'],\r\n            dataLabels: {\r\n                enabled: false\r\n            },\r\n            legend: { show: false },\r\n            chart: {\r\n                offsetY: 30,\r\n                type: 'donut',\r\n                toolbar: {\r\n                    show: false\r\n                }\r\n            },\r\n            stroke: { width: 0 },\r\n            colors: ['#7961F9', '#FF9F43', '#EA5455'],\r\n            fill: {\r\n                type: 'gradient',\r\n                gradient: {\r\n                    gradientToColors: ['#9c8cfc', '#FFC085', '#f29292']\r\n                }\r\n            }\r\n        }\r\n    },\r\n    // Product Orders\r\n    productOrdersRadialBar: {\r\n        analyticsData: [\r\n            { 'orderType': 'Finished', 'counts': 23043, color: 'primary' },\r\n            { 'orderType': 'Pending', 'counts': 14658, color: 'warning' },\r\n            { 'orderType': 'Rejected ', 'counts': 4758, color: 'danger' },\r\n        ],\r\n        series: [70, 52, 26],\r\n        chartOptions: {\r\n            labels: ['Finished', 'Pending', 'Rejected'],\r\n            plotOptions: {\r\n                radialBar: {\r\n                    size: 165,\r\n                    offsetY: 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': 'Approved', 'counts': 890, color: 'primary' },\r\n            { 'customerType': 'Pending', 'counts': 258, color: 'warning' },\r\n            { 'customerType': 'Rejected ', 'counts': 149, color: 'danger' },\r\n        ],\r\n        series: [690, 258, 149],\r\n        chartOptions: {\r\n            labels: ['Pending', 'Approved', 'Rejected'],\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: [\"#FFA500\", \"#00ff00\", \"#ff0000\"],\r\n            // colors: ['#7961F9', '#FF9F43', '#EA5455'],\r\n            fill: {\r\n                type: 'gradient',\r\n                gradient: {\r\n                    // gradientToColors: ['#9c8cfc', '#FFC085', '#f29292']\r\n                    gradientToColors: [\"#FFA500\", \"#00ff00\", \"#ff0000\"]\r\n                }\r\n            }\r\n        }\r\n    },\r\n\r\n    // Sales monthly\r\n    salesLine: {\r\n        series: [{\r\n            name: \"Sales\",\r\n            data: [140, 180, 150, 205, 160, 295, 125, 255, 205, 305, 240, 295]\r\n        }],\r\n        chartOptions: {\r\n            chart: {\r\n                toolbar: { show: false },\r\n                dropShadow: {\r\n                    enabled: true,\r\n                    top: 20,\r\n                    left: 2,\r\n                    blur: 6,\r\n                    opacity: 0.20\r\n                }\r\n            },\r\n            stroke: {\r\n                curve: 'smooth',\r\n                width: 4,\r\n            },\r\n            grid: {\r\n                borderColor: '#ebebeb',\r\n            },\r\n            legend: {\r\n                show: false,\r\n            },\r\n            colors: ['#df87f2'],\r\n            fill: {\r\n                type: 'gradient',\r\n                gradient: {\r\n                    shade: 'dark',\r\n                    inverseColors: false,\r\n                    gradientToColors: ['#7367F0'],\r\n                    shadeIntensity: 1,\r\n                    type: 'horizontal',\r\n                    opacityFrom: 1,\r\n                    opacityTo: 1,\r\n                    stops: [0, 100, 100, 100]\r\n                },\r\n            },\r\n            markers: {\r\n                size: 0,\r\n                hover: {\r\n                    size: 5\r\n                }\r\n            },\r\n            xaxis: {\r\n                labels: {\r\n                    style: {\r\n                        cssClass: 'text-grey fill-current',\r\n                    }\r\n                },\r\n                axisTicks: {\r\n                    show: false,\r\n                },\r\n                categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'July', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],\r\n                axisBorder: {\r\n                    show: false,\r\n                },\r\n            },\r\n            yaxis: {\r\n                tickAmount: 5,\r\n                labels: {\r\n                    style: {\r\n                        cssClass: 'text-grey fill-current',\r\n                    },\r\n                    formatter: function (val) {\r\n                        return val > 999 ? (val / 1000).toFixed(1) + 'k' : val;\r\n                    }\r\n                }\r\n            },\r\n            tooltip: {\r\n                x: { show: false }\r\n            }\r\n        }\r\n    },\r\n    // ClientRetention Bar Chart\r\n    clientRetentionBar: {\r\n        series: [{\r\n            name: 'New Clients',\r\n            data: [175, 125, 225, 175, 160, 189, 206, 134, 159, 216, 148, 123]\r\n        }, {\r\n            name: 'Retained Clients',\r\n            data: [-144, -155, -141, -167, -122, -143, -158, -107, -126, -131, -140, -137]\r\n        }],\r\n        chartOptions: {\r\n            grid: {\r\n                borderColor: '#ebebeb',\r\n                padding: {\r\n                    left: 0,\r\n                    right: 0\r\n                }\r\n            },\r\n            legend: {\r\n                show: false,\r\n            },\r\n            dataLabels: {\r\n                enabled: false\r\n            },\r\n            chart: {\r\n                stacked: true,\r\n                type: 'bar',\r\n                toolbar: { show: false },\r\n            },\r\n            colors: ['#7367F0', '#EA5455'],\r\n            plotOptions: {\r\n                bar: {\r\n                    columnWidth: '10%'\r\n                }\r\n            },\r\n            xaxis: {\r\n                labels: {\r\n                    style: {\r\n                        cssClass: 'text-grey fill-current',\r\n                    }\r\n                },\r\n                axisTicks: {\r\n                    show: false,\r\n                },\r\n                categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],\r\n                axisBorder: {\r\n                    show: false,\r\n                },\r\n            },\r\n            yaxis: {\r\n                tickAmount: 5,\r\n                labels: {\r\n                    style: {\r\n                        cssClass: 'text-grey fill-current',\r\n                    }\r\n                }\r\n            },\r\n            tooltip: {\r\n                x: { show: false }\r\n            },\r\n        }\r\n    },\r\n    // OTHER\r\n    browserAnalytics: [{\r\n        id: 1,\r\n        name: 'Google Chrome',\r\n        ratio: 73,\r\n        time: 'Mon Dec 10 2018 07:46:05 GMT+0000 (GMT)',\r\n        comparedResult: '800'\r\n    },\r\n    {\r\n        id: 3,\r\n        name: 'Opera',\r\n        ratio: 8,\r\n        time: 'Mon Dec 10 2018 07:46:05 GMT+0000 (GMT)',\r\n        comparedResult: '-200'\r\n    },\r\n    {\r\n        id: 2,\r\n        name: 'Firefox',\r\n        ratio: 19,\r\n        time: 'Mon Dec 10 2018 07:46:05 GMT+0000 (GMT)',\r\n        comparedResult: '100'\r\n    },\r\n    {\r\n        id: 4,\r\n        name: 'Internet Explorer',\r\n        ratio: 27,\r\n        time: 'Mon Dec 10 2018 07:46:05 GMT+0000 (GMT)',\r\n        comparedResult: '-450'\r\n    },\r\n    ],\r\n}\r\n"],"sourceRoot":""}