refactor: update imports (utilities and custom-tooltips)

- utilities from @coreui/coreui
- custom-tooltips from @coreui/coreui-plugin-chartjs-custom-tooltips

Author: xidedix

src/app/views/dashboard/dashboard.component.ts

@@ -1,7 +1,7 @@
 import { Component, OnInit } from '@angular/core';
 import { Router } from '@angular/router';
-import { getStyle, hexToRgba } from '@coreui/coreui/js/src/utilities/';
-import { CustomTooltips } from '@coreui/coreui-plugin-chartjs-custom-tooltips/js/';
+import { getStyle, hexToRgba } from '@coreui/coreui/dist/js/utilities';
+import { CustomTooltips } from '@coreui/coreui-plugin-chartjs-custom-tooltips';
 
 @Component({
   templateUrl: 'dashboard.component.html'
@@ -235,7 +235,15 @@ export class DashboardComponent implements OnInit {
   public mainChartOptions: any = {
     tooltips: {
       enabled: false,
-      custom: CustomTooltips
+      custom: CustomTooltips,
+      intersect: true,
+      mode: 'index',
+      position: 'nearest',
+      callbacks: {
+        labelColor: function(tooltipItem, chart) {
+          return { backgroundColor: chart.data.datasets[tooltipItem.datasetIndex].borderColor }
+        }
+      }
     },
     responsive: true,
     maintainAspectRatio: false,

src/app/views/theme/colors.component.ts

@@ -1,5 +1,5 @@
 import { Component, OnInit } from '@angular/core';
-import { getStyle, rgbToHex } from '@coreui/coreui/js/src/utilities/'
+import { getStyle, rgbToHex } from '@coreui/coreui/dist/js/utilities'
 
 @Component({
   templateUrl: 'colors.component.html'

src/app/views/widgets/widgets.component.ts

@@ -1,6 +1,6 @@
 import { Component } from '@angular/core';
-import { getStyle } from '@coreui/coreui/js/src/utilities/'
-import { CustomTooltips } from '@coreui/coreui-plugin-chartjs-custom-tooltips/js/';
+import { getStyle } from '@coreui/coreui/dist/js/utilities'
+import { CustomTooltips } from '@coreui/coreui-plugin-chartjs-custom-tooltips';
 
 @Component({
   templateUrl: 'widgets.component.html'