Updated Angular & Angular Material

+ Increased the Fuse version

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "fuse2",
-  "version": "1.3.2",
+  "version": "1.3.3",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
@@ -52,17 +52,17 @@
       }
     },
     "@angular/animations": {
-      "version": "5.1.3",
+      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/@angular/animations/-/animations-5.1.3.tgz",
+      "resolved": "https://registry.npmjs.org/@angular/animations/-/animations-5.2.0.tgz",
-      "integrity": "sha512-DlcANlrQ2aaspCZZ6yHdEx1PaLKT1q3/xkdTgoKNTJfj9eautcrEuar8NoH0dkzXuQT0i9GewK6+zsF581rpdQ==",
+      "integrity": "sha512-JLR42YHiJppO4ruAkFxgbzghUDtHkXHkKPM8udd2qyt16T7e1OX7EEOrrmldUu59CC56tZnJ/32p4SrYmxyBSA==",
       "requires": {
         "tslib": "1.8.0"
       }
     },
     "@angular/cdk": {
-      "version": "5.0.3",
+      "version": "5.0.4",
-      "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-5.0.3.tgz",
+      "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-5.0.4.tgz",
-      "integrity": "sha1-1PrPGVjr7mrqePLadQcYTNhYBZY=",
+      "integrity": "sha512-6IKDOhDrfKdywTZNTWZbM1O8Q3cTi7uIOAyFC9sXitg0JUy2SHms0UY9FdW32BABIsZp692ofMCMdMPjHDjwwA==",
       "requires": {
         "tslib": "1.8.0"
       }
@@ -130,41 +130,41 @@
         "webpack-merge": "4.1.1",
         "webpack-sources": "1.1.0",
         "webpack-subresource-integrity": "1.0.3",
-        "zone.js": "0.8.19"
+        "zone.js": "0.8.20"
       }
     },
     "@angular/common": {
-      "version": "5.1.3",
+      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/@angular/common/-/common-5.1.3.tgz",
+      "resolved": "https://registry.npmjs.org/@angular/common/-/common-5.2.0.tgz",
-      "integrity": "sha512-n0bzjfOVZH7+FPHQ3nnE3aAgMWebz4afO/Wh01LZNfVgcjdBxHblAYcMaoJeR7zW7f1zm51P6aDa4XlVtsVupQ==",
+      "integrity": "sha512-yMFn2isC7/XOs56/2Kzzbb1AASHiwipAPOVFtKe7TdZQClO8fJXwCnk326rzr615+CG0eSBNQWeiFGyWN2riBA==",
       "requires": {
         "tslib": "1.8.0"
       }
     },
     "@angular/compiler": {
-      "version": "5.1.3",
+      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/@angular/compiler/-/compiler-5.1.3.tgz",
+      "resolved": "https://registry.npmjs.org/@angular/compiler/-/compiler-5.2.0.tgz",
-      "integrity": "sha512-YQyL52+CtduFqyodv3m+s8qNDRbmEyEv/ZZHEWNKxKFr7RQ5n7+pbjdincwGf2c2mBw4EqWLgyCdd9SFmjJd0w==",
+      "integrity": "sha512-RfYa4ESgjGX0T0ob/Xz00IF7nd2xZkoyRy6oKgL82q42uzB3xZUDMrFNgeGxAUs3H22IkL46/5SSPOMOTMZ0NA==",
       "requires": {
         "tslib": "1.8.0"
       }
     },
     "@angular/compiler-cli": {
-      "version": "5.1.3",
+      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/@angular/compiler-cli/-/compiler-cli-5.1.3.tgz",
+      "resolved": "https://registry.npmjs.org/@angular/compiler-cli/-/compiler-cli-5.2.0.tgz",
-      "integrity": "sha512-5pmVgFch67qYxl04PitagfUgiw0k7Ak1Cvj5LY2gs0961SHo8qLRA2/4xUKAxv4rFy+fx2Qr9KD99YB+wbsb3A==",
+      "integrity": "sha512-+Kef4NjuHwLj2hRPdVo4yAtPmv+kn0Nu/ShmKfaEK4mt9aaQMFxKNt6beUuDK5iUPMB5nuTCZ4bqEFpqd+EtxQ==",
       "dev": true,
       "requires": {
         "chokidar": "1.7.0",
         "minimist": "1.2.0",
         "reflect-metadata": "0.1.10",
-        "tsickle": "0.25.6"
+        "tsickle": "0.26.0"
       }
     },
     "@angular/core": {
-      "version": "5.1.3",
+      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/@angular/core/-/core-5.1.3.tgz",
+      "resolved": "https://registry.npmjs.org/@angular/core/-/core-5.2.0.tgz",
-      "integrity": "sha512-lGlILYCumA5s8Pf+egDW6kjlrEQwnpUG2fBQ4SNRChzzRoTWeJ1XPCrEI9YyFvC8qUsYcDIZwHWBXQQqhdEvmQ==",
+      "integrity": "sha512-s2ne45DguNUubhC1YgybGECC4Tyx3G4EZCntUiRMDWWkmKXSK+6dgHMesyDo8R5Oat8VfN4Anf8l3JHS1He8kg==",
       "requires": {
         "tslib": "1.8.0"
       }
@@ -178,63 +178,63 @@
       }
     },
     "@angular/forms": {
-      "version": "5.1.3",
+      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/@angular/forms/-/forms-5.1.3.tgz",
+      "resolved": "https://registry.npmjs.org/@angular/forms/-/forms-5.2.0.tgz",
-      "integrity": "sha512-DTUg7agXPjvacWHojl0vXuvyJ0Ik9I0D23KKWyzHZHlxXb4vfN7KYP9qIOMwadLLIog8MEu4a6EGgKAoPsZ/Ng==",
+      "integrity": "sha512-g1/SF9lY0ZwzJ0w4NXbFsTGGEuUdgtaZny8DmkaqtmA7idby3FW398X0tv25KQfVYKtL+p9Jp1Y8EI0CvrIsvw==",
       "requires": {
         "tslib": "1.8.0"
       }
     },
     "@angular/http": {
-      "version": "5.1.3",
+      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/@angular/http/-/http-5.1.3.tgz",
+      "resolved": "https://registry.npmjs.org/@angular/http/-/http-5.2.0.tgz",
-      "integrity": "sha512-Ptnu15yjYnvKucLBRKrJqneFMkQYjfwDFgVASLb+YJhRzNFBnqcK8JdfilhP7f0WESANDcwtC/YoaShpiyugNA==",
+      "integrity": "sha512-V5Cl24dP3rCXTTQvDc0TIKoWqBRAa0DWAQbtr7iuDAt5a1vPGdKz5K1sEiiV6ziwX6gzjiwHjUvL+B+WbIUrQA==",
       "requires": {
         "tslib": "1.8.0"
       }
     },
     "@angular/language-service": {
-      "version": "5.1.3",
+      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/@angular/language-service/-/language-service-5.1.3.tgz",
+      "resolved": "https://registry.npmjs.org/@angular/language-service/-/language-service-5.2.0.tgz",
-      "integrity": "sha512-qj5K02LdG637YzqgtQVHVwZbzLHWm2WZOHPthu0M04RjS6bZxD4Ng828IXxFydrxoyTcDO/x0Uy2OAb7+rbBQw==",
+      "integrity": "sha512-Yj/y5XrBBXbtwnZ6HJOBl/0XS/JBvVlHb1UWw5MIrsc81k7/eFiRAIKzmGpAba+Sw0G0dO22ABZ4yJjAMsML6A==",
       "dev": true
     },
     "@angular/material": {
-      "version": "5.0.3",
+      "version": "5.0.4",
-      "resolved": "https://registry.npmjs.org/@angular/material/-/material-5.0.3.tgz",
+      "resolved": "https://registry.npmjs.org/@angular/material/-/material-5.0.4.tgz",
-      "integrity": "sha1-A0VVE0aXPgYHaAKISJxfkSniC6I=",
+      "integrity": "sha512-xrGYPHOlNXpPkventLAvZyTjfCo2A8ZfdyJEHNR4LhFWIjw3ilwb1ihNv4dy/qG56g8L4AwQ2cONxQ0YyZfcWg==",
       "requires": {
         "tslib": "1.8.0"
       }
     },
     "@angular/material-moment-adapter": {
-      "version": "5.0.3",
+      "version": "5.0.4",
-      "resolved": "https://registry.npmjs.org/@angular/material-moment-adapter/-/material-moment-adapter-5.0.3.tgz",
+      "resolved": "https://registry.npmjs.org/@angular/material-moment-adapter/-/material-moment-adapter-5.0.4.tgz",
-      "integrity": "sha1-jMMxq6ItB10IWz91UCrhIb0nzfs=",
+      "integrity": "sha512-fMnEH5sFm3C31VA/Mts5Qbw+oWRF9O2Wwmobpa1cSZNFOkxpP5I2pGT7oEZH2FJam1UqDJUpwv/jI5exYKJF0g==",
       "requires": {
         "tslib": "1.8.0"
       }
     },
     "@angular/platform-browser": {
-      "version": "5.1.3",
+      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/@angular/platform-browser/-/platform-browser-5.1.3.tgz",
+      "resolved": "https://registry.npmjs.org/@angular/platform-browser/-/platform-browser-5.2.0.tgz",
-      "integrity": "sha512-APMYMgEith68hsuSS8PpE0Dn1dEhJN1IkaIeL+ZlmhZQ4GktVAvMV2ySFYHoQofT5QIWEnvbT2r/cvgW9+8IUQ==",
+      "integrity": "sha512-c6cR15MfopPwGZ097HdRuAi9+R9BhA3bRRFpP2HmrSSB/BW4ZNovUYwB2QUMSYbd9s0lYTtnavqGm6DKcyF2QA==",
       "requires": {
         "tslib": "1.8.0"
       }
     },
     "@angular/platform-browser-dynamic": {
-      "version": "5.1.3",
+      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/@angular/platform-browser-dynamic/-/platform-browser-dynamic-5.1.3.tgz",
+      "resolved": "https://registry.npmjs.org/@angular/platform-browser-dynamic/-/platform-browser-dynamic-5.2.0.tgz",
-      "integrity": "sha512-LKyHzN0LZqcw8nL19yJsbqPMBZ2nxPYFDkbsBicxfr9RHWbWbDuIZXY5l742guzAFBPHhccx9Lpjd3Gwxi7syg==",
+      "integrity": "sha512-xG1eNoi8sm4Jcly2y98r5mqYVe3XV8sUJCtOhvGBYtvt4dKEQ5tOns6fWQ0nUbl6Vv3Y0xgGUS1JCtfut3DuaQ==",
       "requires": {
         "tslib": "1.8.0"
       }
     },
     "@angular/router": {
-      "version": "5.1.3",
+      "version": "5.2.0",
-      "resolved": "https://registry.npmjs.org/@angular/router/-/router-5.1.3.tgz",
+      "resolved": "https://registry.npmjs.org/@angular/router/-/router-5.2.0.tgz",
-      "integrity": "sha512-dhrrk2jfbIQEGWkonRyAjrJSt/a3aLmRRWiSL3UUZhfUqMUGhaxwJn7hYB1uQyvhqTGKYncBvjMrdGFmsQInNQ==",
+      "integrity": "sha512-VXDXtp2A1GQEUEhXg0ZzqHdTUERLgDSo3/Mmpzt+dgLMKlXDSCykcm4gINwE5VQLGD1zQvDFCCRv3seGRNfrqA==",
       "requires": {
         "tslib": "1.8.0"
       }
@@ -487,13 +487,13 @@
       "dev": true
     },
     "angular-calendar": {
-      "version": "0.23.1",
+      "version": "0.23.2",
-      "resolved": "https://registry.npmjs.org/angular-calendar/-/angular-calendar-0.23.1.tgz",
+      "resolved": "https://registry.npmjs.org/angular-calendar/-/angular-calendar-0.23.2.tgz",
-      "integrity": "sha512-+4GkoDPeLGxqTs2eNEYMwHkrBJgkvEMQGfnAYiALE+TaVKhXrKrfBU90ERXxvS94ulMp7W3Vc/XnEBwGQyG3Xw==",
+      "integrity": "sha512-Ai6dDg0UfW1h0PcioIwgBwvKNcUwrA5e91P3lDDhVdIPe6E1SAcCAYT+zgxjMnCKFkhA5CozSxCwAJJgumBGIw==",
       "requires": {
         "angular-draggable-droppable": "2.0.0",
         "angular-resizable-element": "2.0.0",
-        "calendar-utils": "0.0.60",
+        "calendar-utils": "0.1.0",
         "date-fns": "1.29.0",
         "positioning": "1.3.1"
       }
@@ -1222,9 +1222,9 @@
       }
     },
     "calendar-utils": {
-      "version": "0.0.60",
+      "version": "0.1.0",
-      "resolved": "https://registry.npmjs.org/calendar-utils/-/calendar-utils-0.0.60.tgz",
+      "resolved": "https://registry.npmjs.org/calendar-utils/-/calendar-utils-0.1.0.tgz",
-      "integrity": "sha512-45lyGf+9XZdq+gWUzeu0PwrbkH2lkxxAa2XdaVG1Jr8ENLLwajkThvJVMf1LruRHz6gF/MJcnWSgCCTJpNVGRQ=="
+      "integrity": "sha512-vWAp4m2I2PV9nrizBoACsXQ2GJiQVlc9EDOEPpzG6vRrTkQ4NCttUhglnQioMMXF8NYM+kJyjZGF1mRk/SSESQ=="
     },
     "callsite": {
       "version": "1.0.0",
@@ -6570,9 +6570,9 @@
       "integrity": "sha512-9pSkVg5UhXiqyclERCSRHqQiPMHl6fHnmZQwQ2tSNfeGSKX2Ykt55cLbQWo6++XgJORTUyI6z+k7fD1KGPZAmA=="
     },
     "ngx-cookie-service": {
-      "version": "1.0.9",
+      "version": "1.0.10",
-      "resolved": "https://registry.npmjs.org/ngx-cookie-service/-/ngx-cookie-service-1.0.9.tgz",
+      "resolved": "https://registry.npmjs.org/ngx-cookie-service/-/ngx-cookie-service-1.0.10.tgz",
-      "integrity": "sha512-n4kTAZQr4EnnQLBaRPMjSmf98N/aLlYWknmbRunonJj9aMhpT1Nki6PfjBuRPl5DxT/9NMAVrQyvk66k/pJ0uQ=="
+      "integrity": "sha512-TAXpQsIONAupTqkUDcH44hFQsLTvsXpxM80eKgxvy3vhBFfT1uIdR7BRhM7VpUW5J7BN9qCbGNgLN5lsnVu7pw=="
     },
     "no-case": {
       "version": "2.3.2",
@@ -9910,9 +9910,9 @@
       }
     },
     "tsickle": {
-      "version": "0.25.6",
+      "version": "0.26.0",
-      "resolved": "https://registry.npmjs.org/tsickle/-/tsickle-0.25.6.tgz",
+      "resolved": "https://registry.npmjs.org/tsickle/-/tsickle-0.26.0.tgz",
-      "integrity": "sha1-tZXbFrI2chgk7u2ouyYjZbR+8zQ=",
+      "integrity": "sha512-eWJ2CUfttGK0LqF9iJ/Avnxbj4M+fCyJ50Zag3wm73Fut1hsasPRHKxKdrMWVj4BMHnQNx7TO+DdNmLmJTSuNw==",
       "dev": true,
       "requires": {
         "minimist": "1.2.0",
@@ -11095,9 +11095,9 @@
       "dev": true
     },
     "zone.js": {
-      "version": "0.8.19",
+      "version": "0.8.20",
-      "resolved": "https://registry.npmjs.org/zone.js/-/zone.js-0.8.19.tgz",
+      "resolved": "https://registry.npmjs.org/zone.js/-/zone.js-0.8.20.tgz",
-      "integrity": "sha512-l9rofaOs6a4y1W8zt4pDmnCUCnYG377dG+5SZlXNWrTWYUuXFqcJZiOarhYiRVR0NI9sH/8ooPJiz4uprB/Mkg=="
+      "integrity": "sha512-FXlA37ErSXCMy5RNBcGFgCI/Zivqzr0D19GuvDxhcYIJc7xkFp6c29DKyODJu0Zo+EMyur/WPPgcBh1EHjB9jA=="
     }
   }
 }

package.json

@@ -1,6 +1,6 @@
 {
   "name": "fuse2",
-  "version": "1.3.2",
+  "version": "1.3.3",
   "license": "https://themeforest.net/licenses/terms/regular",
   "scripts": {
     "ng": "ng",
@@ -19,19 +19,19 @@
   "private": true,
   "dependencies": {
     "@agm/core": "1.0.0-beta.2",
-    "@angular/animations": "5.1.3",
+    "@angular/animations": "5.2.0",
-    "@angular/cdk": "5.0.3",
+    "@angular/cdk": "5.0.4",
-    "@angular/common": "5.1.3",
+    "@angular/common": "5.2.0",
-    "@angular/compiler": "5.1.3",
+    "@angular/compiler": "5.2.0",
-    "@angular/core": "5.1.3",
+    "@angular/core": "5.2.0",
     "@angular/flex-layout": "2.0.0-beta.12",
-    "@angular/forms": "5.1.3",
+    "@angular/forms": "5.2.0",
-    "@angular/http": "5.1.3",
+    "@angular/http": "5.2.0",
-    "@angular/material": "5.0.3",
+    "@angular/material": "5.0.4",
-    "@angular/material-moment-adapter": "5.0.3",
+    "@angular/material-moment-adapter": "5.0.4",
-    "@angular/platform-browser": "5.1.3",
+    "@angular/platform-browser": "5.2.0",
-    "@angular/platform-browser-dynamic": "5.1.3",
+    "@angular/platform-browser-dynamic": "5.2.0",
-    "@angular/router": "5.1.3",
+    "@angular/router": "5.2.0",
     "@ngrx/effects": "4.1.1",
     "@ngrx/router-store": "4.1.1",
     "@ngrx/store": "4.1.1",
@@ -41,7 +41,7 @@
     "@swimlane/ngx-datatable": "11.1.7",
     "@swimlane/ngx-dnd": "3.1.0",
     "@types/prismjs": "1.9.0",
-    "angular-calendar": "0.23.1",
+    "angular-calendar": "0.23.2",
     "angular-in-memory-web-api": "0.5.2",
     "classlist.js": "1.1.20150312",
     "core-js": "2.5.3",
@@ -51,17 +51,17 @@
     "moment": "2.20.1",
     "ngrx-store-freeze": "0.2.0",
     "ngx-color-picker": "5.3.0",
-    "ngx-cookie-service": "1.0.9",
+    "ngx-cookie-service": "1.0.10",
     "perfect-scrollbar": "1.3.0",
     "prismjs": "1.9.0",
     "rxjs": "5.5.6",
     "web-animations-js": "2.3.1",
-    "zone.js": "0.8.19"
+    "zone.js": "0.8.20"
   },
   "devDependencies": {
     "@angular/cli": "1.6.3",
-    "@angular/compiler-cli": "5.1.3",
+    "@angular/compiler-cli": "5.2.0",
-    "@angular/language-service": "5.1.3",
+    "@angular/language-service": "5.2.0",
     "@angularclass/hmr": "2.1.3",
     "@types/jasmine": "2.5.54",
     "@types/jasminewd2": "2.0.3",

src/app/core/directives/fuse-perfect-scrollbar/fuse-perfect-scrollbar.directive.ts

@@ -1,8 +1,8 @@
-import { AfterViewInit, Directive, ElementRef, OnDestroy, OnInit } from '@angular/core';
+import { AfterViewInit, Directive, ElementRef, HostListener, OnDestroy } from '@angular/core';
-import PerfectScrollbar from 'perfect-scrollbar';
 import { FuseConfigService } from '../../services/config.service';
 import { Subscription } from 'rxjs/Subscription';
 import { Platform } from '@angular/cdk/platform';
+import PerfectScrollbar from 'perfect-scrollbar';
 
 @Directive({
     selector: '[fusePerfectScrollbar]'
@@ -13,7 +13,7 @@ export class FusePerfectScrollbarDirective implements AfterViewInit, OnDestroy
     isDisableCustomScrollbars = false;
     isMobile = false;
     isInitialized = true;
-    ps;
+    ps: PerfectScrollbar;
 
     constructor(
         public element: ElementRef,
@@ -62,6 +62,21 @@ export class FusePerfectScrollbarDirective implements AfterViewInit, OnDestroy
         this.ps.destroy();
     }
 
+    @HostListener('document:click', ['$event'])
+    documentClick(event: Event): void
+    {
+        if ( !this.isInitialized || !this.ps )
+        {
+            return;
+        }
+
+        // Update the scrollbar on document click..
+        // This isn't the most elegant solution but there is no other way
+        // of knowing when the contents of the scrollable container changes.
+        // Therefore, we update scrollbars on every document click.
+        this.ps.update();
+    }
+
     update()
     {
         if ( !this.isInitialized )

src/app/main/content/apps/calendar/calendar.component.ts

@@ -25,21 +25,13 @@ import { fuseAnimations } from '../../../../core/animations';
 export class FuseCalendarComponent implements OnInit
 {
     view: string;
-
     viewDate: Date;
-
     events: CalendarEvent[];
-
     public actions: CalendarEventAction[];
-
     activeDayIsOpen: boolean;
-
     refresh: Subject<any> = new Subject();
-
     dialogRef: any;
-
     confirmDialogRef: MatDialogRef<FuseConfirmDialogComponent>;
-
     selectedDay: any;
 
     constructor(

src/app/main/content/apps/mail-ngrx/mail.component.ts

@@ -7,6 +7,8 @@ import { locale as english } from './i18n/en';
 import { locale as turkish } from './i18n/tr';
 import { Store } from '@ngrx/store';
 import { Observable } from 'rxjs/Observable';
+import 'rxjs/add/operator/debounceTime';
+import 'rxjs/add/operator/distinctUntilChanged';
 import * as fromStore from './store';
 import { FuseConfigService } from '../../../../core/services/config.service';
 

src/app/main/content/apps/mail-ngrx/store/effects/mails.effects.ts

@@ -4,6 +4,7 @@ import { Actions, Effect } from '@ngrx/effects';
 import { Observable } from 'rxjs/Observable';
 import { of } from 'rxjs/observable/of';
 import { map, mergeMap, exhaustMap, withLatestFrom } from 'rxjs/operators';
+import 'rxjs/add/operator/debounceTime';
 import { getRouterState, State } from '../../../../../../store/reducers';
 import { getMailsState } from '../selectors';
 import * as MailsActions from '../actions/mails.actions';

src/app/main/content/apps/todo/todo-list/todo-list-item/todo-list-item.component.scss

@@ -10,13 +10,6 @@
     flex-shrink: 0;
     background: #FFFFFF;
 
-    &.todo-item-placeholder {
-        background: rgba(0, 0, 0, 0.12);
-        * {
-            opacity: 0;
-        }
-    }
-
     .handle {
         height: 48px;
         line-height: 48px;