@osovitny/anatoly 2.0.25 → 2.0.27

package/fesm2015/osovitny-anatoly.js

@@ -1,18 +1,19 @@
-import Swal from 'sweetalert2';
-import { ɵɵdefineInjectable, Injectable, ɵɵinject, NgModule, Injector, Optional, SkipSelf, Component, Input, Directive, ElementRef, Pipe, APP_INITIALIZER } from '@angular/core';
-import { CommonModule, LOCATION_INITIALIZED } from '@angular/common';
-import { HttpClient, HttpResponse } from '@angular/common/http';
-import { map, tap } from 'rxjs/operators';
-import { BehaviorSubject } from 'rxjs';
-import { ToastrService } from 'ngx-toastr';
-import { v4 } from 'uuid';
+import { Injectable, ɵɵdefineInjectable, ɵɵinject, Pipe, NgModule, APP_INITIALIZER, Injector, Optional, SkipSelf, Component, Input, ViewEncapsulation, Inject, Directive, ElementRef } from '@angular/core';
+import { ActivatedRoute, Router, NavigationStart, NavigationEnd, NavigationCancel, NavigationError } from '@angular/router';
+import { HttpResponse, HttpClient } from '@angular/common/http';
+import { tap, map } from 'rxjs/operators';
+import { BehaviorSubject, Subject, merge, fromEvent, timer } from 'rxjs';
 import { TranslateService, TranslateModule, TranslateLoader } from '@ngx-translate/core';
 import { isValid, format, formatDistanceToNow, formatDistance } from 'date-fns';
 import enUS from 'date-fns/locale/en-US';
-import { ActivatedRoute, Router } from '@angular/router';
+import { LOCATION_INITIALIZED, CommonModule, DOCUMENT } from '@angular/common';
+import { TranslateHttpLoader } from '@ngx-translate/http-loader';
+import Swal from 'sweetalert2';
+import { ToastrService } from 'ngx-toastr';
+import { v4 } from 'uuid';
 import { NgControl, ReactiveFormsModule, FormsModule } from '@angular/forms';
+import { DomSanitizer } from '@angular/platform-browser';
 import { FroalaEditorModule, FroalaViewModule } from 'angular-froala-wysiwyg';
-import { TranslateHttpLoader } from '@ngx-translate/http-loader';
 
 /*
 <file>
@@ -67,14 +68,31 @@ const Urls = {
     Anatoly Osovitny
 
   Created:
-    26 Jun 2020
+    17 Jun 2018
 
   Version:
     1.0
 
   Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
 </file>
-*/
+*/
+class BaseGoService {
+    constructor(route, router) {
+        this.route = route;
+        this.router = router;
+    }
+    locationReload() {
+        // this.router.navigate([this.route.url]);
+        window.location.reload();
+    }
+}
+BaseGoService.decorators = [
+    { type: Injectable }
+];
+BaseGoService.ctorParameters = () => [
+    { type: ActivatedRoute },
+    { type: Router }
+];
 
 /*
 <file>
@@ -110,7 +128,7 @@ function throwIfAlreadyLoaded(parentModule, moduleName) {
     Anatoly Osovitny
 
   Created:
-    4 Mar 2020
+    26 Jun 2020
 
   Version:
     1.0
@@ -118,131 +136,46 @@ function throwIfAlreadyLoaded(parentModule, moduleName) {
   Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
 </file>
 */
-class Alerts {
-    static Info(text) {
-        Swal.fire({
-            title: 'Information',
-            text,
-            icon: 'info',
-            confirmButtonText: 'OK',
-        });
-    }
-    static Warning(text) {
-        Swal.fire({
-            title: 'Warning',
-            text,
-            icon: 'warning',
-            confirmButtonText: 'OK',
-        });
-    }
-    static Error(text) {
-        Swal.fire({
-            title: 'Error',
-            text,
-            icon: 'error',
-            confirmButtonText: 'OK',
-        });
-    }
-    static NotImplemented() {
-        this.Warning('Not Implemented Yet');
-    }
-    static ErrorOccurred() {
-        this.Error('Sorry, an unexpected error occurred');
-    }
-    static AreYouSure(text, title, confirmButtonText, cancelButtonText, successAction, cancelAction) {
-        if (typeof title === 'undefined' || title == null)
-            title = 'Are you sure?';
-        Swal.fire({
-            title,
-            text,
-            icon: 'warning',
-            confirmButtonText,
-            cancelButtonText,
-            showCancelButton: true,
-        }).then((result) => {
-            if (result.value) {
-                if (successAction) {
-                    successAction();
-                }
-            }
-            // result.dismiss can be 'cancel', 'overlay', 'close', and 'timer'
-            else if (result.dismiss === Swal.DismissReason.cancel ||
-                result.dismiss === Swal.DismissReason.close) {
-                if (cancelAction) {
-                    cancelAction();
-                }
-            }
-        });
+class LoadingService extends BehaviorSubject {
+    constructor() {
+        super(false);
+        this.counter = 0;
+        //Public
+        this.isFreezed = false;
     }
-    static Success(text, title, successAction) {
-        if (typeof title === 'undefined' || title == null)
-            title = 'Success';
-        if (!text) {
-            text = 'Operation was successful';
-        }
-        Swal.fire({
-            title,
-            text,
-            icon: 'success',
-            confirmButtonText: 'OK',
-        }).then(() => {
-            if (successAction) {
-                successAction();
+    show() {
+        this.counter++;
+        let that = this;
+        setTimeout(() => {
+            if (that.counter > 0) {
+                that.next(true);
             }
-        });
-    }
-    static Cancel(text) {
-        if (!text) {
-            text = 'Operation has been cancled';
-        }
-        Swal.fire({
-            title: 'Cancelled',
-            text,
-            icon: 'info',
-        });
+        }, 1000);
     }
-    // Notifications
-    static NotificationCancel(text, title) {
-        if (typeof title === 'undefined' || title == null) {
-            title = 'Canceled';
+    hide() {
+        if (this.counter <= 0) {
+            return;
         }
-        if (!text) {
-            text = 'Operation has been canceled';
+        this.counter--;
+        if (this.counter == 0) {
+            this.next(false);
         }
-        const toast = Swal.mixin({
-            toast: true,
-            position: 'top-end',
-            showConfirmButton: false,
-            timer: 3000,
-            timerProgressBar: true,
-        });
-        toast.fire({
-            title,
-            text,
-            icon: 'info',
-        });
     }
-    static NotificationSuccess(text, title) {
-        if (typeof title === 'undefined' || title == null) {
-            title = 'Success';
-        }
-        if (!text) {
-            text = 'Operation was successful';
-        }
-        const toast = Swal.mixin({
-            toast: true,
-            position: 'top-end',
-            showConfirmButton: false,
-            timer: 3000,
-            timerProgressBar: true,
-        });
-        toast.fire({
-            title,
-            text,
-            icon: 'success',
-        });
+    freeze(timeout = 1000) {
+        this.isFreezed = true;
+        let that = this;
+        setTimeout(() => {
+            this.isFreezed = false;
+        }, timeout);
     }
-}
+}
+LoadingService.ɵprov = ɵɵdefineInjectable({ factory: function LoadingService_Factory() { return new LoadingService(); }, token: LoadingService, providedIn: "root" });
+LoadingService.decorators = [
+    { type: Injectable, args: [{
+                providedIn: "root",
+            },] }
+];
+LoadingService.ctorParameters = () => [];
 
 /*
 <file>
@@ -289,7 +222,7 @@ LoggingService.ctorParameters = () => [];
     Anatoly Osovitny
 
   Created:
-     13 Nov 2017
+    25 March 2020
 
   Version:
     1.0
@@ -297,68 +230,85 @@ LoggingService.ctorParameters = () => [];
   Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
 </file>
 */
-class BaseApiService {
-    constructor(http) {
-        this.http = http;
-        this.baseUrl = '';
-    }
-    serializeParams(data) {
-        return data ? '?' + $.param(data) : '';
+class AnatolyHttpInterceptor {
+    constructor(loadingService, loggingService) {
+        this.loadingService = loadingService;
+        this.loggingService = loggingService;
+        this.longRunningExceptionsList = [];
+        this.autoCDNSASTokenUrls = ['chunks', 'resources'];
+        this.externalSiteUrls = ['azurewebsites.net'];
     }
-    // api
-    get(action, data, responseType) {
-        if (!responseType) {
-            responseType = 'json';
+    intercept(req, next) {
+        const isCDNEnabled = AppCoreSettings.IsCDNEnabled;
+        const cdnSasToken = AppCoreSettings.CDNSASToken;
+        const isLoadingFreezed = this.loadingService.isFreezed;
+        let loadingRequired = !isLoadingFreezed;
+        const authorizationTokenRequired = true;
+        const url = req.url.toLowerCase();
+        const originalUrl = req.url;
+        let isExternalSite = false;
+        if (!isLoadingFreezed) {
+            for (const i of this.longRunningExceptionsList) {
+                if (url.indexOf(this.longRunningExceptionsList[i]) >= 0) {
+                    loadingRequired = false;
+                    break;
+                }
+            }
         }
-        const url = `${this.baseUrl}/${action}${this.serializeParams(data)}`;
-        return this.http
-            .get(url, { responseType })
-            .pipe(map((res) => res));
-    }
-    post(action, data, responseType) {
-        if (!responseType) {
-            responseType = 'text';
+        if (isCDNEnabled) {
+            for (const i of this.autoCDNSASTokenUrls) {
+                if (url.indexOf(this.autoCDNSASTokenUrls[i]) >= 0) {
+                    req = req.clone({ url: originalUrl + cdnSasToken });
+                    break;
+                }
+            }
         }
-        const url = `${this.baseUrl}/${action}`;
-        return this.http.post(url, data, { responseType });
-    }
-    postQS(action, data, responseType) {
-        if (!responseType) {
-            responseType = 'text';
+        for (const i of this.externalSiteUrls) {
+            if (url.indexOf(this.externalSiteUrls[i]) >= 0) {
+                isExternalSite = true;
+                break;
+            }
         }
-        const url = `${this.baseUrl}/${action}${this.serializeParams(data)}`;
-        return this.http.post(url, null, { responseType });
-    }
-    delete(action, data, responseType) {
-        if (!responseType) {
-            responseType = 'text';
+        // VadimOS: IE11-fix
+        if (url.indexOf('/api/') > -1) {
+            let newUrl = '';
+            const t = new Date().getTime().toString();
+            if (url.indexOf('?') > -1) {
+                newUrl = originalUrl + '&t=' + t;
+            }
+            else {
+                newUrl = originalUrl + '?t=' + t;
+            }
+            req = req.clone({ url: newUrl });
         }
-        const url = `${this.baseUrl}/${action}${this.serializeParams(data)}`;
-        return this.http.delete(url, { responseType });
-    }
-    // gets
-    getById(id) {
-        return this.get('getById', { id });
-    }
-    getAll(data) {
-        return this.get('getall', data).pipe(map((res) => res));
+        req = req.clone({ headers: req.headers.set('Accept', 'application/json') });
+        this.onRequestStart(loadingRequired);
+        return next.handle(req).pipe(tap((event) => {
+            if (event instanceof HttpResponse) {
+                this.onRequestEnd(loadingRequired);
+            }
+        }, (err) => {
+            this.onRequestEnd(loadingRequired);
+            this.loggingService.logError(err);
+        }));
     }
-    getJsonFile(fileName, jsonUrl, jsonVersion) {
-        if (!jsonUrl) {
-            jsonUrl = '/dist/jsons';
+    onRequestStart(loadingRequired) {
+        if (loadingRequired) {
+            this.loadingService.show();
         }
-        if (!jsonVersion) {
-            jsonVersion = '1.0';
+    }
+    onRequestEnd(loadingRequired) {
+        if (loadingRequired) {
+            this.loadingService.hide();
         }
-        const url = jsonUrl + '/' + fileName + '?' + jsonVersion;
-        return this.http.get(url).pipe(map((res) => res));
     }
 }
-BaseApiService.decorators = [
+AnatolyHttpInterceptor.decorators = [
     { type: Injectable }
 ];
-BaseApiService.ctorParameters = () => [
-    { type: HttpClient }
+AnatolyHttpInterceptor.ctorParameters = () => [
+    { type: LoadingService },
+    { type: LoggingService }
 ];
 
 /*
@@ -371,7 +321,7 @@ BaseApiService.ctorParameters = () => [
     Anatoly Osovitny
 
   Created:
-    13 Nov 2017
+    29 June 2020
 
   Version:
     1.0
@@ -379,54 +329,115 @@ BaseApiService.ctorParameters = () => [
   Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
 </file>
 */
-class AppContextService extends BaseApiService {
-    constructor(http) {
-        super(http);
-        this.http = http;
-        this.current = null;
-        this.successes = [];
-        this.subscription = null;
-        this.baseUrl = "/api/appContext";
-    }
-    getCurrent(success) {
-        if (typeof success == "undefined") {
-            return;
+class Convert {
+    static toLocalizedDateTime(value) {
+        if (value) {
+            return new Date(Date.UTC(value.getFullYear(), value.getMonth(), value.getDate(), value.getHours(), value.getMinutes(), value.getSeconds(), value.getMilliseconds()));
         }
-        if (this.current != null) {
-            success(this.current);
-            return;
+        return null;
+    }
+}
+
+/*
+<file>
+  Project:
+    @osovitny/anatoly
+
+  Authors:
+    Vadim Osovitny
+    Anatoly Osovitny
+
+  Created:
+      05 May 2020
+
+  Version:
+    1.0
+
+  Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
+</file>
+*/
+class LocalizationService {
+    constructor(translate) {
+        this.translate = translate;
+        this.setSupportedLanguages(['en']);
+    }
+    format(str, args) {
+        // tslint:disable-next-line:variable-name
+        return str.replace(/{(\d+)}/g, (match, number) => typeof args[number] !== 'undefined' ? args[number] : match);
+    }
+    ;
+    configureTranslationSettings(translate) {
+        const languageToSet = 'en';
+        translate.setDefaultLang(languageToSet);
+        return languageToSet;
+    }
+    getBrowserLanguage() {
+        return this.translate.getBrowserLang();
+    }
+    getDatefnsLocale() {
+        let dfnLocale;
+        switch (this.getBrowserLanguage()) {
+            case 'en':
+                dfnLocale = { locale: enUS };
+                break;
+            default:
+                dfnLocale = { locale: enUS };
         }
-        this.successes.push(success);
-        if (this.subscription != null) {
-            return;
+        return dfnLocale;
+    }
+    setDefaultLanguage(lang) {
+        this.translate.setDefaultLang(lang);
+    }
+    setSupportedLanguages(languages) {
+        this.translate.addLangs(languages);
+    }
+    updateLanguage(language) {
+        this.translate.use(language);
+    }
+    getLocalizedValue(key, params) {
+        const value = this.translate.instant(key);
+        if (!params || params.length === 0) {
+            return value;
         }
-        this.subscription = this.get("GetCurrentContext", null).subscribe((data) => {
-            this.dataReceived(data);
-        }, (e) => { });
+        return this.format(value, params);
     }
-    dataReceived(data) {
-        this.current = data;
-        for (var i = 0; i < this.successes.length; i++) {
-            var success = this.successes[i];
-            success(data);
+    getLocalizedDate(key) {
+        if (isValid(new Date(key))) {
+            return format(new Date(key), AppCoreSettings.DATE_FORMATS.angular, this.dateFnsLocale);
         }
-        this.successes = [];
-        this.subscription.unsubscribe();
-        this.subscription = null;
-        this.current = null;
+        return 'Invalid Date';
     }
-    isUserSignedIn() {
-        return ContextInitState.isUserSignedIn;
+    getLocalizedDateTime(key) {
+        // To Do Manoj: Test in IE and make TimeZone specific changes accordingly
+        const dateValue = new Date(key);
+        if (isValid(dateValue)) {
+            const localDate = Convert.toLocalizedDateTime(dateValue);
+            return format(localDate, AppCoreSettings.DATE_FORMATS.angularWithTime, this.dateFnsLocale);
+        }
+        return 'Invalid Date';
     }
-    isUserAdmin() {
-        return ContextInitState.isUserAdmin;
+    getLocalizedDistanceToNowInWords(date) {
+        // https://date-fns.org/v1.30.1/docs/distanceInWords
+        if (isValid(new Date(date))) {
+            return formatDistanceToNow(new Date(date), this.dateFnsLocale);
+        }
+        return 'Invalid Date';
+    }
+    getLocalizedDistanceInWords(endedDate, startedDate) {
+        if (isValid(new Date(endedDate)) && isValid(new Date(startedDate))) {
+            return formatDistance(new Date(endedDate), new Date(startedDate), this.dateFnsLocale);
+        }
+        return 'Invalid Date';
     }
 }
-AppContextService.decorators = [
-    { type: Injectable }
+LocalizationService.ɵprov = ɵɵdefineInjectable({ factory: function LocalizationService_Factory() { return new LocalizationService(ɵɵinject(TranslateService)); }, token: LocalizationService, providedIn: "root" });
+LocalizationService.decorators = [
+    { type: Injectable, args: [{
+                providedIn: 'root'
+            },] }
 ];
-AppContextService.ctorParameters = () => [
-    { type: HttpClient }
+LocalizationService.ctorParameters = () => [
+    { type: TranslateService }
 ];
 
 /*
@@ -439,7 +450,7 @@ AppContextService.ctorParameters = () => [
     Anatoly Osovitny
 
   Created:
-    26 Jun 2020
+     10 May 2020
 
   Version:
     1.0
@@ -447,46 +458,48 @@ AppContextService.ctorParameters = () => [
   Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
 </file>
 */
-class LoadingService extends BehaviorSubject {
-    constructor() {
-        super(false);
-        this.counter = 0;
-        //Public
-        this.isFreezed = false;
-    }
-    show() {
-        this.counter++;
-        let that = this;
-        setTimeout(() => {
-            if (that.counter > 0) {
-                that.next(true);
-            }
-        }, 1000);
+class LocalizePipe {
+    constructor(localizeService) {
+        this.localizeService = localizeService;
     }
-    hide() {
-        if (this.counter <= 0) {
+    transform(inputData, type, param2) {
+        if (!inputData) {
             return;
         }
-        this.counter--;
-        if (this.counter == 0) {
-            this.next(false);
+        if (!type) {
+            type = 't';
         }
-    }
-    freeze(timeout = 1000) {
-        this.isFreezed = true;
-        let that = this;
-        setTimeout(() => {
-            this.isFreezed = false;
-        }, timeout);
+        // Translate
+        if (type === 't') {
+            return this.localizeService.getLocalizedValue(inputData);
+        }
+        // Date
+        if (type === 'd') {
+            return this.localizeService.getLocalizedDate(inputData);
+        }
+        // DateTime
+        if (type === 'dt') {
+            return this.localizeService.getLocalizedDateTime(inputData);
+        }
+        // DistanceToNowInWords
+        if (type === 'dis2now') {
+            return this.localizeService.getLocalizedDistanceToNowInWords(inputData);
+        }
+        // DistanceInWords
+        if (type === 'dis') {
+            return this.localizeService.getLocalizedDistanceInWords(inputData, param2);
+        }
+        return inputData;
     }
 }
-LoadingService.ɵprov = ɵɵdefineInjectable({ factory: function LoadingService_Factory() { return new LoadingService(); }, token: LoadingService, providedIn: "root" });
-LoadingService.decorators = [
-    { type: Injectable, args: [{
-                providedIn: "root",
+LocalizePipe.decorators = [
+    { type: Pipe, args: [{
+                name: 'localize'
             },] }
 ];
-LoadingService.ctorParameters = () => [];
+LocalizePipe.ctorParameters = () => [
+    { type: LocalizationService }
+];
 
 /*
 <file>
@@ -498,7 +511,7 @@ LoadingService.ctorParameters = () => [];
     Anatoly Osovitny
 
   Created:
-    26 Jun 2020
+     05 May 2020
 
   Version:
     1.0
@@ -506,11 +519,48 @@ LoadingService.ctorParameters = () => [];
   Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
 </file>
 */
-class Guid {
-    static newGuid() {
-        return v4();
+function customTranslateLoaderFactory(http) {
+    return new TranslateHttpLoader(http, AppCoreSettings.resourcesUrl + "/", '.json');
+}
+function localizationInitializerFactory(translate, localizationService, injector) {
+    return () => new Promise((resolve) => {
+        let locationInitialized = injector.get(LOCATION_INITIALIZED, Promise.resolve(null));
+        locationInitialized.then(() => {
+            let languageToSet = localizationService.configureTranslationSettings(translate);
+            translate.use(languageToSet).subscribe(() => {
+            }, () => {
+                resolve(null);
+            }, () => {
+                resolve(null);
+            });
+        });
+    });
+}
+const TranslateModuleAtRoot = TranslateModule.forRoot({
+    loader: {
+        provide: TranslateLoader,
+        useFactory: customTranslateLoaderFactory,
+        deps: [HttpClient]
     }
-}
+});
+class LocalizationSettingsModule {
+}
+LocalizationSettingsModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    TranslateModuleAtRoot
+                ],
+                providers: [
+                    {
+                        provide: APP_INITIALIZER,
+                        useFactory: localizationInitializerFactory,
+                        deps: [TranslateService, LocalizationService, Injector],
+                        multi: true
+                    }
+                ],
+                exports: []
+            },] }
+];
 
 /*
 <file>
@@ -522,7 +572,7 @@ class Guid {
     Anatoly Osovitny
 
   Created:
-    2 Jun 2020
+     12 May 2020
 
   Version:
     1.0
@@ -530,23 +580,269 @@ class Guid {
   Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
 </file>
 */
-// SignalR
-// import * as signalR from '@microsoft/signalr';
-// import { NotificationsApiService } from '../../../data/services/notifications/notifications-api-service';
-class NotificationService {
-    constructor(toastrService) {
-        this.toastrService = toastrService;
-        // SignalR
-        // private hubConnection: signalR.HubConnection;
-        // private socketUrl: string;
-        // Notifications
-        this._sessionNotifications = new BehaviorSubject([]);
-        this._serverNotifications = new BehaviorSubject([]);
-        // Public
-        this.sessionNotifications$ = this._sessionNotifications.asObservable();
-        this.serverNotifications$ = this._serverNotifications.asObservable();
-        // this.onInit();
-    }
+class LocalizationModule {
+}
+LocalizationModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    TranslateModule
+                ],
+                exports: [
+                    TranslateModule,
+                    LocalizePipe
+                ],
+                declarations: [
+                    LocalizePipe
+                ],
+                providers: []
+            },] }
+];
+
+/*
+<file>
+  Project:
+    @osovitny/anatoly
+
+  Authors:
+    Vadim Osovitny
+    Anatoly Osovitny
+
+  Created:
+    26 Jun 2020
+
+  Version:
+    1.0
+
+  Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
+</file>
+*/
+class GlobalErrorHandler {
+    constructor(injector) {
+        this.injector = injector;
+    }
+    handleError(error) {
+        const loggingService = this.injector.get(LoggingService);
+        loggingService.logError(error);
+        // IMPORTANT: Rethrow the error otherwise it gets swallowed
+        throw error;
+    }
+}
+GlobalErrorHandler.decorators = [
+    { type: Injectable }
+];
+GlobalErrorHandler.ctorParameters = () => [
+    { type: Injector }
+];
+
+/*
+<file>
+  Project:
+    @osovitny/anatoly
+
+  Authors:
+    Vadim Osovitny
+    Anatoly Osovitny
+
+  Created:
+     13 Nov 2017
+
+  Version:
+    1.0
+
+  Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
+</file>
+*/
+class BaseApiService {
+    constructor(http) {
+        this.http = http;
+        this.baseUrl = '';
+    }
+    serializeParams(data) {
+        return data ? '?' + $.param(data) : '';
+    }
+    // api
+    get(action, data, responseType) {
+        if (!responseType) {
+            responseType = 'json';
+        }
+        const url = `${this.baseUrl}/${action}${this.serializeParams(data)}`;
+        return this.http
+            .get(url, { responseType })
+            .pipe(map((res) => res));
+    }
+    post(action, data, responseType) {
+        if (!responseType) {
+            responseType = 'text';
+        }
+        const url = `${this.baseUrl}/${action}`;
+        return this.http.post(url, data, { responseType });
+    }
+    postQS(action, data, responseType) {
+        if (!responseType) {
+            responseType = 'text';
+        }
+        const url = `${this.baseUrl}/${action}${this.serializeParams(data)}`;
+        return this.http.post(url, null, { responseType });
+    }
+    delete(action, data, responseType) {
+        if (!responseType) {
+            responseType = 'text';
+        }
+        const url = `${this.baseUrl}/${action}${this.serializeParams(data)}`;
+        return this.http.delete(url, { responseType });
+    }
+    // gets
+    getById(id) {
+        return this.get('getById', { id });
+    }
+    getAll(data) {
+        return this.get('getall', data).pipe(map((res) => res));
+    }
+    getJsonFile(fileName, jsonUrl, jsonVersion) {
+        if (!jsonUrl) {
+            jsonUrl = '/dist/jsons';
+        }
+        if (!jsonVersion) {
+            jsonVersion = '1.0';
+        }
+        const url = jsonUrl + '/' + fileName + '?' + jsonVersion;
+        return this.http.get(url).pipe(map((res) => res));
+    }
+}
+BaseApiService.decorators = [
+    { type: Injectable }
+];
+BaseApiService.ctorParameters = () => [
+    { type: HttpClient }
+];
+
+/*
+<file>
+  Project:
+    @osovitny/anatoly
+
+  Authors:
+    Vadim Osovitny
+    Anatoly Osovitny
+
+  Created:
+    13 Nov 2017
+
+  Version:
+    1.0
+
+  Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
+</file>
+*/
+class AppContextService extends BaseApiService {
+    constructor(http) {
+        super(http);
+        this.http = http;
+        this.current = null;
+        this.successes = [];
+        this.subscription = null;
+        this.baseUrl = '/api/appContext';
+    }
+    getCurrent(success) {
+        if (typeof success == 'undefined') {
+            return;
+        }
+        if (this.current != null) {
+            success(this.current);
+            return;
+        }
+        this.successes.push(success);
+        if (this.subscription != null) {
+            return;
+        }
+        this.subscription = this.get('GetCurrentContext', null).subscribe((data) => {
+            this.dataReceived(data);
+        }, (e) => { });
+    }
+    dataReceived(data) {
+        this.current = data;
+        for (let i = 0; i < this.successes.length; i++) {
+            let success = this.successes[i];
+            success(data);
+        }
+        this.successes = [];
+        this.subscription.unsubscribe();
+        this.subscription = null;
+        this.current = null;
+    }
+    isUserSignedIn() {
+        return ContextInitState.isUserSignedIn;
+    }
+    isUserAdmin() {
+        return ContextInitState.isUserAdmin;
+    }
+}
+AppContextService.decorators = [
+    { type: Injectable }
+];
+AppContextService.ctorParameters = () => [
+    { type: HttpClient }
+];
+
+/*
+<file>
+  Project:
+    @osovitny/anatoly
+
+  Authors:
+    Vadim Osovitny
+    Anatoly Osovitny
+
+  Created:
+    26 Jun 2020
+
+  Version:
+    1.0
+
+  Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
+</file>
+*/
+class Guid {
+    static newGuid() {
+        return v4();
+    }
+}
+
+/*
+<file>
+  Project:
+    @osovitny/anatoly
+
+  Authors:
+    Vadim Osovitny
+    Anatoly Osovitny
+
+  Created:
+    2 Jun 2020
+
+  Version:
+    1.0
+
+  Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
+</file>
+*/
+// SignalR
+// import * as signalR from '@microsoft/signalr';
+// import { NotificationsApiService } from '../../../data/services/notifications/notifications-api-service';
+class NotificationService {
+    constructor(toastrService) {
+        this.toastrService = toastrService;
+        // SignalR
+        // private hubConnection: signalR.HubConnection;
+        // private socketUrl: string;
+        // Notifications
+        this._sessionNotifications = new BehaviorSubject([]);
+        this._serverNotifications = new BehaviorSubject([]);
+        // Public
+        this.sessionNotifications$ = this._sessionNotifications.asObservable();
+        this.serverNotifications$ = this._serverNotifications.asObservable();
+        // this.onInit();
+    }
     /*
     onInit() {
       if (AppCoreSettings.AzureAD) {
@@ -718,177 +1014,43 @@ class NotificationService {
     }
     // ServerNotifications
     get serverNotifications() {
-        return this._serverNotifications.getValue();
-    }
-    set serverNotifications(val) {
-        this._serverNotifications.next(val);
-    }
-}
-NotificationService.ɵprov = ɵɵdefineInjectable({ factory: function NotificationService_Factory() { return new NotificationService(ɵɵinject(ToastrService)); }, token: NotificationService, providedIn: "root" });
-NotificationService.decorators = [
-    { type: Injectable, args: [{ providedIn: 'root' },] }
-];
-NotificationService.ctorParameters = () => [
-    { type: ToastrService }
-];
-
-const providers = [
-    LoggingService,
-    NotificationService,
-    AppContextService,
-    LoadingService
-];
-let InjectorInstance;
-class AnatolyCoreModule {
-    constructor(injector, parentModule) {
-        this.injector = injector;
-        throwIfAlreadyLoaded(parentModule, 'AnatolyCoreModule');
-        InjectorInstance = this.injector;
-    }
-}
-AnatolyCoreModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [CommonModule],
-                exports: [],
-                providers: [...providers],
-            },] }
-];
-AnatolyCoreModule.ctorParameters = () => [
-    { type: Injector },
-    { type: AnatolyCoreModule, decorators: [{ type: Optional }, { type: SkipSelf }] }
-];
-
-/*
-<file>
-  Project:
-    @osovitny/anatoly
-
-  Authors:
-    Vadim Osovitny
-    Anatoly Osovitny
-
-  Created:
-    29 June 2020
-
-  Version:
-    1.0
-
-  Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
-</file>
-*/
-class Convert {
-    /**
-     * Convert date time lo local time zone value.
-     * @param value
-     */
-    static toLocalizedDateTime(value) {
-        if (value) {
-            return new Date(Date.UTC(value.getFullYear(), value.getMonth(), value.getDate(), value.getHours(), value.getMinutes(), value.getSeconds(), value.getMilliseconds()));
-        }
-        return null;
-    }
-}
-
-/*
-<file>
-  Project:
-    @osovitny/anatoly
-
-  Authors:
-    Vadim Osovitny
-    Anatoly Osovitny
-
-  Created:
-      05 May 2020
-
-  Version:
-    1.0
-
-  Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
-</file>
-*/
-class LocalizationService {
-    constructor(translate) {
-        this.translate = translate;
-        this.setSupportedLanguages(['en']);
-    }
-    format(str, args) {
-        // tslint:disable-next-line:variable-name
-        return str.replace(/{(\d+)}/g, (match, number) => typeof args[number] !== 'undefined' ? args[number] : match);
-    }
-    ;
-    configureTranslationSettings(translate) {
-        const languageToSet = 'en';
-        translate.setDefaultLang(languageToSet);
-        return languageToSet;
-    }
-    getBrowserLanguage() {
-        return this.translate.getBrowserLang();
-    }
-    getDatefnsLocale() {
-        let dfnLocale;
-        switch (this.getBrowserLanguage()) {
-            case 'en':
-                dfnLocale = { locale: enUS };
-                break;
-            default:
-                dfnLocale = { locale: enUS };
-        }
-        return dfnLocale;
-    }
-    setDefaultLanguage(lang) {
-        this.translate.setDefaultLang(lang);
-    }
-    setSupportedLanguages(languages) {
-        this.translate.addLangs(languages);
-    }
-    updateLanguage(language) {
-        this.translate.use(language);
-    }
-    getLocalizedValue(key, params) {
-        const value = this.translate.instant(key);
-        if (!params || params.length === 0) {
-            return value;
-        }
-        return this.format(value, params);
-    }
-    getLocalizedDate(key) {
-        if (isValid(new Date(key))) {
-            return format(new Date(key), AppCoreSettings.DATE_FORMATS.angular, this.dateFnsLocale);
-        }
-        return 'Invalid Date';
-    }
-    getLocalizedDateTime(key) {
-        // To Do Manoj: Test in IE and make TimeZone specific changes accordingly
-        const dateValue = new Date(key);
-        if (isValid(dateValue)) {
-            const localDate = Convert.toLocalizedDateTime(dateValue);
-            return format(localDate, AppCoreSettings.DATE_FORMATS.angularWithTime, this.dateFnsLocale);
-        }
-        return 'Invalid Date';
+        return this._serverNotifications.getValue();
     }
-    getLocalizedDistanceToNowInWords(date) {
-        // https://date-fns.org/v1.30.1/docs/distanceInWords
-        if (isValid(new Date(date))) {
-            return formatDistanceToNow(new Date(date), this.dateFnsLocale);
-        }
-        return 'Invalid Date';
+    set serverNotifications(val) {
+        this._serverNotifications.next(val);
     }
-    getLocalizedDistanceInWords(endedDate, startedDate) {
-        if (isValid(new Date(endedDate)) && isValid(new Date(startedDate))) {
-            return formatDistance(new Date(endedDate), new Date(startedDate), this.dateFnsLocale);
-        }
-        return 'Invalid Date';
+}
+NotificationService.ɵprov = ɵɵdefineInjectable({ factory: function NotificationService_Factory() { return new NotificationService(ɵɵinject(ToastrService)); }, token: NotificationService, providedIn: "root" });
+NotificationService.decorators = [
+    { type: Injectable, args: [{ providedIn: 'root' },] }
+];
+NotificationService.ctorParameters = () => [
+    { type: ToastrService }
+];
+
+let InjectorInstance;
+class AnatolyCoreModule {
+    constructor(injector, parentModule) {
+        this.injector = injector;
+        throwIfAlreadyLoaded(parentModule, 'AnatolyCoreModule');
+        InjectorInstance = this.injector;
     }
 }
-LocalizationService.ɵprov = ɵɵdefineInjectable({ factory: function LocalizationService_Factory() { return new LocalizationService(ɵɵinject(TranslateService)); }, token: LocalizationService, providedIn: "root" });
-LocalizationService.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root'
+AnatolyCoreModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [CommonModule],
+                exports: [],
+                providers: [
+                    LoggingService,
+                    NotificationService,
+                    AppContextService,
+                    LoadingService
+                ],
             },] }
 ];
-LocalizationService.ctorParameters = () => [
-    { type: TranslateService }
+AnatolyCoreModule.ctorParameters = () => [
+    { type: Injector },
+    { type: AnatolyCoreModule, decorators: [{ type: Optional }, { type: SkipSelf }] }
 ];
 
 /*
@@ -982,7 +1144,7 @@ class Utils {
     Anatoly Osovitny
 
   Created:
-    26 Jun 2020
+    3 March 2020
 
   Version:
     1.0
@@ -990,192 +1152,94 @@ class Utils {
   Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
 </file>
 */
-class Subs {
-    constructor() {
-        this.subs = [];
-    }
-    add(...subscriptions) {
-        this.subs = this.subs.concat(subscriptions);
-    }
-    set sink(subscription) {
-        this.subs.push(subscription);
-    }
-    unsubscribe() {
-        this.subs.forEach((sub) => sub && sub.unsubscribe());
-        this.subs = [];
+class Alerts {
+    static success(text, params, title, successAction) {
+        text = Utils.getLocalizedValue(text, params, 'OperationSuccessFull');
+        title = Utils.getLocalizedValue(title, null, 'Success');
+        Swal.fire({
+            text,
+            title,
+            icon: 'success',
+            confirmButtonText: Utils.getLocalizedValue('Ok')
+        })
+            .then(() => {
+            if (successAction) {
+                successAction();
+            }
+        });
     }
-}
-
-/*
-<file>
-  Project:
-    @osovitny/anatoly
-
-  Authors:
-    Vadim Osovitny
-    Anatoly Osovitny
-
-  Created:
-    17 Jun 2018
-
-  Version:
-    1.0
-
-  Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
-</file>
-*/
-class BaseGoService {
-    constructor(route, router) {
-        this.route = route;
-        this.router = router;
+    static info(text, params, title) {
+        text = Utils.getLocalizedValue(text, params);
+        title = Utils.getLocalizedValue(title, null, 'Info');
+        Swal.fire({
+            text,
+            title,
+            icon: 'info',
+            confirmButtonText: Utils.getLocalizedValue('Ok')
+        });
     }
-    locationReload() {
-        //this.router.navigate([this.route.url]);
-        window.location.reload();
+    static warning(text, params, title) {
+        text = Utils.getLocalizedValue(text, params);
+        title = Utils.getLocalizedValue(title, null, 'Warning');
+        Swal.fire({
+            text,
+            title,
+            icon: 'warning',
+            confirmButtonText: Utils.getLocalizedValue('Ok')
+        });
     }
-}
-BaseGoService.decorators = [
-    { type: Injectable }
-];
-BaseGoService.ctorParameters = () => [
-    { type: ActivatedRoute },
-    { type: Router }
-];
-
-/*
-<file>
-  Project:
-    @osovitny/anatoly
-
-  Authors:
-    Vadim Osovitny
-    Anatoly Osovitny
-
-  Created:
-    26 Jun 2020
-
-  Version:
-    1.0
-
-  Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
-</file>
-*/
-class GlobalErrorHandler {
-    constructor(injector) {
-        this.injector = injector;
+    static error(text, params, title) {
+        text = Utils.getLocalizedValue(text, params, 'ErrorOccured');
+        title = Utils.getLocalizedValue(title, null, 'Error');
+        Swal.fire({
+            text,
+            title,
+            icon: 'error',
+            confirmButtonText: Utils.getLocalizedValue('Ok')
+        });
     }
-    handleError(error) {
-        const loggingService = this.injector.get(LoggingService);
-        loggingService.logError(error);
-        // IMPORTANT: Rethrow the error otherwise it gets swallowed
-        throw error;
+    static cancel(text, params, title) {
+        text = Utils.getLocalizedValue(text, params, 'OperationCancelled');
+        title = Utils.getLocalizedValue(title, null, 'Cancelled');
+        Swal.fire({
+            text,
+            title,
+            icon: 'info'
+        });
     }
-}
-GlobalErrorHandler.decorators = [
-    { type: Injectable }
-];
-GlobalErrorHandler.ctorParameters = () => [
-    { type: Injector }
-];
-
-/*
-<file>
-  Project:
-    @osovitny/anatoly
-
-  Authors:
-    Vadim Osovitny
-    Anatoly Osovitny
-
-  Created:
-    25 March 2020
-
-  Version:
-    1.0
-
-  Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
-</file>
-*/
-class AnatolyHttpInterceptor {
-    constructor(loadingService, loggingService) {
-        this.loadingService = loadingService;
-        this.loggingService = loggingService;
-        this.longRunningExceptionsList = [];
-        this.autoCDNSASTokenUrls = ['chunks', 'resources'];
-        this.externalSiteUrls = ['azurewebsites.net'];
+    static notImplemented() {
+        this.warning('Not Implemented Yet');
     }
-    intercept(req, next) {
-        const isCDNEnabled = AppCoreSettings.IsCDNEnabled;
-        const cdnSasToken = AppCoreSettings.CDNSASToken;
-        const isLoadingFreezed = this.loadingService.isFreezed;
-        let loadingRequired = !isLoadingFreezed;
-        const authorizationTokenRequired = true;
-        const url = req.url.toLowerCase();
-        const originalUrl = req.url;
-        let isExternalSite = false;
-        if (!isLoadingFreezed) {
-            for (const i of this.longRunningExceptionsList) {
-                if (url.indexOf(this.longRunningExceptionsList[i]) >= 0) {
-                    loadingRequired = false;
-                    break;
-                }
-            }
-        }
-        if (isCDNEnabled) {
-            for (const i of this.autoCDNSASTokenUrls) {
-                if (url.indexOf(this.autoCDNSASTokenUrls[i]) >= 0) {
-                    req = req.clone({ url: originalUrl + cdnSasToken });
-                    break;
-                }
-            }
-        }
-        for (const i of this.externalSiteUrls) {
-            if (url.indexOf(this.externalSiteUrls[i]) >= 0) {
-                isExternalSite = true;
-                break;
-            }
-        }
-        // VadimOS: IE11-fix
-        if (url.indexOf('/api/') > -1) {
-            let newUrl = '';
-            const t = new Date().getTime().toString();
-            if (url.indexOf('?') > -1) {
-                newUrl = originalUrl + '&t=' + t;
-            }
-            else {
-                newUrl = originalUrl + '?t=' + t;
+    ;
+    static areYouSure(text, title, confirmButtonText, cancelButtonText, successAction, cancelAction) {
+        text = Utils.getLocalizedValue(text);
+        title = Utils.getLocalizedValue(title, null, 'AreYouSure');
+        confirmButtonText = Utils.getLocalizedValue(confirmButtonText, null, 'AreYouSure-ConfirmButtonText');
+        cancelButtonText = Utils.getLocalizedValue(cancelButtonText, null, 'AreYouSure-CancelButtonText');
+        Swal.fire({
+            text,
+            title,
+            icon: 'warning',
+            confirmButtonText,
+            cancelButtonText,
+            showCancelButton: true
+        })
+            .then((result) => {
+            if (result.value) {
+                if (successAction) {
+                    successAction();
+                }
             }
-            req = req.clone({ url: newUrl });
-        }
-        req = req.clone({ headers: req.headers.set('Accept', 'application/json') });
-        this.onRequestStart(loadingRequired);
-        return next.handle(req).pipe(tap((event) => {
-            if (event instanceof HttpResponse) {
-                this.onRequestEnd(loadingRequired);
+            // result.dismiss can be 'cancel', 'overlay', 'close', and 'timer'
+            else if (result.dismiss == Swal.DismissReason.cancel || result.dismiss == Swal.DismissReason.close) {
+                if (cancelAction) {
+                    cancelAction();
+                }
             }
-        }, (err) => {
-            this.onRequestEnd(loadingRequired);
-            this.loggingService.logError(err);
-        }));
-    }
-    onRequestStart(loadingRequired) {
-        if (loadingRequired) {
-            this.loadingService.show();
-        }
-    }
-    onRequestEnd(loadingRequired) {
-        if (loadingRequired) {
-            this.loadingService.hide();
-        }
+        });
     }
-}
-AnatolyHttpInterceptor.decorators = [
-    { type: Injectable }
-];
-AnatolyHttpInterceptor.ctorParameters = () => [
-    { type: LoadingService },
-    { type: LoggingService }
-];
+    ;
+}
 
 /*
 <file>
@@ -1187,7 +1251,7 @@ AnatolyHttpInterceptor.ctorParameters = () => [
     Anatoly Osovitny
 
   Created:
-    26 Jun 2020
+    2 Jun 2020
 
   Version:
     1.0
@@ -1206,7 +1270,7 @@ AnatolyHttpInterceptor.ctorParameters = () => [
     Anatoly Osovitny
 
   Created:
-    29 Apr 2018
+    26 Jun 2020
 
   Version:
     1.0
@@ -1214,46 +1278,46 @@ AnatolyHttpInterceptor.ctorParameters = () => [
   Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
 </file>
 */
-class BaseGridReadService extends BehaviorSubject {
-    constructor(http) {
-        super([]);
-        this.http = http;
-        this.baseReadUrl = "";
-        this.data = [];
+class IdleService {
+    constructor() {
+        this.expired$ = new Subject();
     }
-    serializeParams(data) {
-        return data ? "?" + $.param(data) : "";
+    startWatching(timeOutSeconds) {
+        this.idle$ = merge(fromEvent(document, "mousemove"), fromEvent(document, "click"), fromEvent(document, "mousedown"), fromEvent(document, "keypress"), fromEvent(document, "DOMMouseScroll"), fromEvent(document, "mousewheel"), fromEvent(document, "touchmove"), fromEvent(document, "MSPointerMove"), fromEvent(window, "mousemove"), fromEvent(window, "resize"));
+        this.timeOutMilliSeconds = timeOutSeconds * 1000;
+        this.idleSubscription = this.idle$.subscribe((res) => {
+            this.resetTimer();
+        });
+        this.startTimer();
+        return this.expired$;
     }
-    read(params, success, error) {
-        if (this.data.length) {
-            return super.next(this.data);
-        }
-        var url = this.baseReadUrl;
-        if (typeof params === "undefined") {
-            params = this.savedReadParams;
-        }
-        if (params) {
-            url = this.baseReadUrl + `${this.serializeParams(params)}`;
-            this.savedReadParams = params;
-        }
-        this.http
-            .get(url)
-            .pipe(map((res) => res))
-            .subscribe((data) => {
-            super.next(data);
-            if (success)
-                success();
-        }, (e) => {
-            if (error)
-                error(e);
+    startTimer() {
+        this.timer$ = timer(this.timeOutMilliSeconds, this.timeOutMilliSeconds).subscribe((res) => {
+            this.expired$.next(true);
+        });
+    }
+    resetTimer() {
+        this.timer$.unsubscribe();
+        this.startTimer();
+    }
+    stopTimer() {
+        this.timer$.unsubscribe();
+        this.idleSubscription.unsubscribe();
+    }
+    restartIdleTimer() {
+        this.timer$.unsubscribe();
+        this.idleSubscription.unsubscribe();
+        this.idleSubscription = this.idle$.subscribe((res) => {
+            this.resetTimer();
         });
+        this.startTimer();
     }
 }
-BaseGridReadService.decorators = [
-    { type: Injectable }
-];
-BaseGridReadService.ctorParameters = () => [
-    { type: HttpClient }
+IdleService.ɵprov = ɵɵdefineInjectable({ factory: function IdleService_Factory() { return new IdleService(); }, token: IdleService, providedIn: "root" });
+IdleService.decorators = [
+    { type: Injectable, args: [{
+                providedIn: "root",
+            },] }
 ];
 
 /*
@@ -1266,7 +1330,7 @@ BaseGridReadService.ctorParameters = () => [
     Anatoly Osovitny
 
   Created:
-    29 Apr 2018
+    26 Jun 2020
 
   Version:
     1.0
@@ -1274,57 +1338,48 @@ BaseGridReadService.ctorParameters = () => [
   Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
 </file>
 */
-class BaseGridEditService extends BaseGridReadService {
-    constructor(http) {
-        super(http);
-        this.http = http;
-        this.baseUrl = "";
+class WebStorageService {
+    constructor(storage) {
+        this.currentClientKey = AppCoreSettings.SERVICES_CONF.selectedClientID;
+        this.storage =
+            storage === 'local' || storage === 'localStorage'
+                ? localStorage
+                : sessionStorage;
     }
-    reset() {
-        this.data = [];
+    setItem(key, value) {
+        this.storage.setItem(this.currentClientKey + key, value);
     }
-    resetItem(dataItem) {
-        if (!dataItem) {
-            return;
-        }
-        //find orignal data item
-        const originalDataItem = this.data.find((item) => item.Id === dataItem.Id);
-        //revert changes
-        Object.assign(originalDataItem, dataItem);
-        super.next(this.data);
+    setObject(key, value) {
+        this.storage.setItem(this.currentClientKey + key, JSON.stringify(value));
     }
-    save(data, isNew, sucess) {
-        const action = isNew ? "add" : "update";
-        this.reset();
-        this.post(action, data).subscribe(() => { }, () => {
-            this.read();
-        }, () => {
-            this.read();
-            if (sucess)
-                sucess();
-        });
+    getItem(key) {
+        return this.storage.getItem(this.currentClientKey + key);
     }
-    remove(data, sucess) {
-        this.reset();
-        this.post("remove", data).subscribe(() => { }, () => {
-            this.read();
-        }, () => {
-            this.read();
-            if (sucess)
-                sucess();
-        });
+    getObject(key) {
+        return JSON.parse(this.storage.getItem(this.currentClientKey + key) || '{}');
     }
-    post(action, data) {
-        var url = this.baseUrl + `${action}${this.serializeParams(data)}`;
-        return this.http.post(url, data).pipe(map((res) => res));
+    remove(key) {
+        this.storage.removeItem(this.currentClientKey + key);
     }
 }
-BaseGridEditService.decorators = [
+class LocalStorageService extends WebStorageService {
+    constructor() {
+        super('localStorage');
+    }
+}
+LocalStorageService.decorators = [
     { type: Injectable }
 ];
-BaseGridEditService.ctorParameters = () => [
-    { type: HttpClient }
-];
+LocalStorageService.ctorParameters = () => [];
+class SessionStorageService extends WebStorageService {
+    constructor() {
+        super('sessionStorage');
+    }
+}
+SessionStorageService.decorators = [
+    { type: Injectable }
+];
+SessionStorageService.ctorParameters = () => [];
 
 /*
 <file>
@@ -1336,7 +1391,7 @@ BaseGridEditService.ctorParameters = () => [
     Anatoly Osovitny
 
   Created:
-    30 April 2020
+    26 Jun 2020
 
   Version:
     1.0
@@ -1344,11 +1399,21 @@ BaseGridEditService.ctorParameters = () => [
   Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
 </file>
 */
-const consts = {
-    billingApiPath: "api/billing",
-    // Notifications API
-    notificationsApiPath: 'api/notifications',
-};
+class Subs {
+    constructor() {
+        this.subs = [];
+    }
+    add(...subscriptions) {
+        this.subs = this.subs.concat(subscriptions);
+    }
+    set sink(subscription) {
+        this.subs.push(subscription);
+    }
+    unsubscribe() {
+        this.subs.forEach((sub) => sub && sub.unsubscribe());
+        this.subs = [];
+    }
+}
 
 /*
 <file>
@@ -1360,7 +1425,7 @@ const consts = {
     Anatoly Osovitny
 
   Created:
-    12 Nov 2017
+    29 Apr 2018
 
   Version:
     1.0
@@ -1368,82 +1433,46 @@ const consts = {
   Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
 </file>
 */
-class BillingApiService extends BaseApiService {
+class BaseGridReadService extends BehaviorSubject {
     constructor(http) {
-        super(http);
+        super([]);
         this.http = http;
-        this.baseUrl = consts.billingApiPath;
+        this.baseReadUrl = "";
+        this.data = [];
     }
-    requestNewSubscription(requestedPlan, success, error) {
-        this.postQS("requestNewSubscription", { requestedPlan: requestedPlan }).subscribe((data) => { }, (e) => {
-            if (error)
-                error();
-        }, () => {
-            if (success)
-                success();
-        });
+    serializeParams(data) {
+        return data ? "?" + $.param(data) : "";
     }
-    cancelRequestedSubscription(success, error) {
-        this.postQS("cancelRequestedSubscription", null).subscribe((data) => { }, (e) => {
-            if (error)
-                error();
-        }, () => {
+    read(params, success, error) {
+        if (this.data.length) {
+            return super.next(this.data);
+        }
+        var url = this.baseReadUrl;
+        if (typeof params === "undefined") {
+            params = this.savedReadParams;
+        }
+        if (params) {
+            url = this.baseReadUrl + `${this.serializeParams(params)}`;
+            this.savedReadParams = params;
+        }
+        this.http
+            .get(url)
+            .pipe(map((res) => res))
+            .subscribe((data) => {
+            super.next(data);
             if (success)
                 success();
-        });
-    }
-    buyAccess(requestedPlan, success, error) {
-        this.postQS("buyAccess", { requestedPlan: requestedPlan }).subscribe((data) => { }, (e) => {
+        }, (e) => {
             if (error)
-                error();
-        }, () => {
-            if (success)
-                success();
+                error(e);
         });
     }
 }
-BillingApiService.decorators = [
+BaseGridReadService.decorators = [
     { type: Injectable }
 ];
-BillingApiService.ctorParameters = () => [
-    { type: HttpClient }
-];
-
-/*
-<file>
-  Project:
-    @osovitny/anatoly
-
-  Authors:
-    Vadim Osovitny
-    Anatoly Osovitny
-
-  Created:
-    4 Mar 2020
-
-  Version:
-    1.0
-
-  Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
-</file>
-*/
-class AnatolyDataModule {
-    constructor(parentModule) {
-        throwIfAlreadyLoaded(parentModule, 'AnatolyDataModule');
-    }
-}
-AnatolyDataModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    CommonModule
-                ],
-                providers: [
-                    BillingApiService
-                ],
-            },] }
-];
-AnatolyDataModule.ctorParameters = () => [
-    { type: AnatolyDataModule, decorators: [{ type: Optional }, { type: SkipSelf }] }
+BaseGridReadService.ctorParameters = () => [
+    { type: HttpClient }
 ];
 
 /*
@@ -1456,26 +1485,7 @@ AnatolyDataModule.ctorParameters = () => [
     Anatoly Osovitny
 
   Created:
-    4 Mar 2020
-
-  Version:
-    1.0
-
-  Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
-</file>
-*/
-
-/*
-<file>
-  Project:
-    @osovitny/anatoly
-
-  Authors:
-    Vadim Osovitny
-    Anatoly Osovitny
-
-  Created:
-    14 Aug 2018
+    29 Apr 2018
 
   Version:
     1.0
@@ -1483,55 +1493,57 @@ AnatolyDataModule.ctorParameters = () => [
   Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
 </file>
 */
-class BuyAccessButtonComponent {
-    constructor(appcontext, api) {
-        this.appcontext = appcontext;
-        this.api = api;
-        this.contextUpdated = false;
-        this.isUserSignedIn = false;
-        this.currentPlan = 0;
-        this.currentPlanTitle = "";
+class BaseGridEditService extends BaseGridReadService {
+    constructor(http) {
+        super(http);
+        this.http = http;
+        this.baseUrl = "";
     }
-    ngOnInit() {
-        if (!this.appcontext.isUserSignedIn()) {
-            this.contextUpdated = true;
+    reset() {
+        this.data = [];
+    }
+    resetItem(dataItem) {
+        if (!dataItem) {
             return;
         }
-        this.appcontext.getCurrent((current) => {
-            this.isUserSignedIn = current.isUserSignedIn;
-            if (this.isUserSignedIn) {
-                this.currentPlan = current.account.billingPlan;
-                this.currentPlanTitle = current.account.billingPlanAsString;
-            }
-            this.contextUpdated = true;
+        //find orignal data item
+        const originalDataItem = this.data.find((item) => item.Id === dataItem.Id);
+        //revert changes
+        Object.assign(originalDataItem, dataItem);
+        super.next(this.data);
+    }
+    save(data, isNew, sucess) {
+        const action = isNew ? "add" : "update";
+        this.reset();
+        this.post(action, data).subscribe(() => { }, () => {
+            this.read();
+        }, () => {
+            this.read();
+            if (sucess)
+                sucess();
         });
     }
-    onBuyPlan() {
-        const text = `Requested plan: ${this.plantitle} `;
-        const that = this;
-        Alerts.AreYouSure(text, "Buying access", "Confirm change", "Cancel", () => {
-            that.api.buyAccess(that.plan, () => {
-                Alerts.Success("Access Granted", null, () => {
-                    window.location.reload();
-                });
-            });
+    remove(data, sucess) {
+        this.reset();
+        this.post("remove", data).subscribe(() => { }, () => {
+            this.read();
+        }, () => {
+            this.read();
+            if (sucess)
+                sucess();
         });
     }
+    post(action, data) {
+        var url = this.baseUrl + `${action}${this.serializeParams(data)}`;
+        return this.http.post(url, data).pipe(map((res) => res));
+    }
 }
-BuyAccessButtonComponent.decorators = [
-    { type: Component, args: [{
-                selector: "anatoly-buyaccess-button",
-                template: "<div *ngIf=\"contextUpdated\">\r\n  <div *ngIf=\"!isUserSignedIn\">\r\n    <anatoly-signup-button classbtn=\"btn btn-block btn-primary\"></anatoly-signup-button>\r\n  </div>\r\n\r\n  <div *ngIf=\"isUserSignedIn\">\r\n    <button class=\"btn btn-block btn-success selectPlan\" *ngIf=\"plan == currentPlan\">\r\n      Your Plan\r\n    </button>\r\n\r\n    <button class=\"btn btn-block  btn-warning selectPlan\" *ngIf=\"plan != currentPlan && currentPlan == 1\" (click)=\"onBuyPlan()\">\r\n      Buy Now\r\n    </button>\r\n  </div>\r\n</div>\r\n"
-            },] }
-];
-BuyAccessButtonComponent.ctorParameters = () => [
-    { type: AppContextService },
-    { type: BillingApiService }
+BaseGridEditService.decorators = [
+    { type: Injectable }
 ];
-BuyAccessButtonComponent.propDecorators = {
-    plan: [{ type: Input }],
-    plantitle: [{ type: Input }]
-};
+BaseGridEditService.ctorParameters = () => [
+    { type: HttpClient }
+];
 
 /*
 <file>
@@ -1543,7 +1555,7 @@ BuyAccessButtonComponent.propDecorators = {
     Anatoly Osovitny
 
   Created:
-    1 Jun 2018
+    30 April 2020
 
   Version:
     1.0
@@ -1551,45 +1563,10 @@ BuyAccessButtonComponent.propDecorators = {
   Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
 </file>
 */
-class SubscribePlanButtonComponent {
-    constructor(appcontext) {
-        this.appcontext = appcontext;
-        this.contextUpdated = false;
-        this.isUserSignedIn = false;
-        this.currentPlan = 0;
-        this.currentPlanTitle = "";
-        this.requestedPlan = 0;
-        this.requestedPlanTitle = "";
-    }
-    ngOnInit() {
-        if (!this.appcontext.isUserSignedIn()) {
-            this.contextUpdated = true;
-            return;
-        }
-        this.appcontext.getCurrent((current) => {
-            this.isUserSignedIn = current.isUserSignedIn;
-            if (this.isUserSignedIn) {
-                this.currentPlan = current.account.billingPlan;
-                this.currentPlanTitle = current.account.billingPlanAsString;
-                this.requestedPlan = current.account.requestedBillingPlan;
-                this.requestedPlanTitle = current.account.requestedBillingPlanAsString;
-            }
-            this.contextUpdated = true;
-        });
-    }
-}
-SubscribePlanButtonComponent.decorators = [
-    { type: Component, args: [{
-                selector: "anatoly-subscribe-plan-button",
-                template: "<div *ngIf=\"contextUpdated\">\r\n  <div *ngIf=\"!isUserSignedIn\">\r\n    <anatoly-signup-button classbtn=\"btn btn-block btn-primary\"></anatoly-signup-button>\r\n  </div>\r\n\r\n  <div *ngIf=\"isUserSignedIn\">\r\n    <button class=\"btn btn-block btn-success selectPlan\" *ngIf=\"plan == currentPlan\">\r\n      Your Plan\r\n    </button>\r\n\r\n    <button class=\"btn btn-block  btn-warning selectPlan\" *ngIf=\"requestedPlan != null && requestedPlan != 0 && plan == requestedPlan\">\r\n      Requested\r\n    </button>\r\n\r\n    <anatoly-upgrade-plan-button *ngIf=\"plan != currentPlan && plan != requestedPlan\"\r\n                                 [currentplantitle]=\"currentPlanTitle\"\r\n                                 [requestedplan]=plan\r\n                                 [requestedplantitle]=\"plantitle\">\r\n    </anatoly-upgrade-plan-button>\r\n  </div>\r\n</div>\r\n"
-            },] }
-];
-SubscribePlanButtonComponent.ctorParameters = () => [
-    { type: AppContextService }
-];
-SubscribePlanButtonComponent.propDecorators = {
-    plan: [{ type: Input }],
-    plantitle: [{ type: Input }]
+const consts = {
+    billingApiPath: 'api/billing',
+    // Notifications API
+    notificationsApiPath: 'api/notifications',
 };
 
 /*
@@ -1602,7 +1579,7 @@ SubscribePlanButtonComponent.propDecorators = {
     Anatoly Osovitny
 
   Created:
-    12 Nov 2017
+    30 April 2020
 
   Version:
     1.0
@@ -1610,37 +1587,25 @@ SubscribePlanButtonComponent.propDecorators = {
   Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
 </file>
 */
-// Services
-class UpgradePlanButtonComponent {
-    constructor(api) {
-        this.api = api;
+class NotificationsApiService extends BaseApiService {
+    constructor(http) {
+        super(http);
+        this.http = http;
+        this.baseUrl = consts.notificationsApiPath;
     }
-    onUpgradePlan() {
-        const text = `Current plan: ${this.currentplantitle} New plan: ${this.requestedplantitle}`;
-        const that = this;
-        Alerts.AreYouSure(text, "Change billing plan", "Confirm change", "Cancel", () => {
-            that.api.requestNewSubscription(that.requestedplan, () => {
-                Alerts.Success("Your request for changing plan has been sent.", null, () => {
-                    window.location.reload();
-                });
-            });
-        });
+    retrieveNotifications() {
+        return this.get('retrieveNotifications');
     }
 }
-UpgradePlanButtonComponent.decorators = [
-    { type: Component, args: [{
-                selector: "anatoly-upgrade-plan-button",
-                template: "<button class=\"btn btn-block btn-primary\" (click)=\"onUpgradePlan()\">\r\n  Upgrade\r\n</button>\r\n"
+NotificationsApiService.ɵprov = ɵɵdefineInjectable({ factory: function NotificationsApiService_Factory() { return new NotificationsApiService(ɵɵinject(HttpClient)); }, token: NotificationsApiService, providedIn: "root" });
+NotificationsApiService.decorators = [
+    { type: Injectable, args: [{
+                providedIn: 'root'
             },] }
 ];
-UpgradePlanButtonComponent.ctorParameters = () => [
-    { type: BillingApiService }
-];
-UpgradePlanButtonComponent.propDecorators = {
-    currentplantitle: [{ type: Input }],
-    requestedplan: [{ type: Input }],
-    requestedplantitle: [{ type: Input }]
-};
+NotificationsApiService.ctorParameters = () => [
+    { type: HttpClient }
+];
 
 /*
 <file>
@@ -1652,7 +1617,7 @@ UpgradePlanButtonComponent.propDecorators = {
     Anatoly Osovitny
 
   Created:
-    4 Jul 2018
+    12 Nov 2017
 
   Version:
     1.0
@@ -1660,19 +1625,46 @@ UpgradePlanButtonComponent.propDecorators = {
   Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
 </file>
 */
-class SignInButtonComponent {
-    constructor() { }
+class BillingApiService extends BaseApiService {
+    constructor(http) {
+        super(http);
+        this.http = http;
+        this.baseUrl = consts.billingApiPath;
+    }
+    requestNewSubscription(requestedPlan, success, error) {
+        this.postQS("requestNewSubscription", { requestedPlan: requestedPlan }).subscribe((data) => { }, (e) => {
+            if (error)
+                error();
+        }, () => {
+            if (success)
+                success();
+        });
+    }
+    cancelRequestedSubscription(success, error) {
+        this.postQS("cancelRequestedSubscription", null).subscribe((data) => { }, (e) => {
+            if (error)
+                error();
+        }, () => {
+            if (success)
+                success();
+        });
+    }
+    buyAccess(requestedPlan, success, error) {
+        this.postQS("buyAccess", { requestedPlan: requestedPlan }).subscribe((data) => { }, (e) => {
+            if (error)
+                error();
+        }, () => {
+            if (success)
+                success();
+        });
+    }
 }
-SignInButtonComponent.decorators = [
-    { type: Component, args: [{
-                selector: "anatoly-signin-button",
-                template: "<a href=\"identity/signIn\" class=\"{{classbtn}}\">Sign In</a>\r\n"
-            },] }
+BillingApiService.decorators = [
+    { type: Injectable }
 ];
-SignInButtonComponent.ctorParameters = () => [];
-SignInButtonComponent.propDecorators = {
-    classbtn: [{ type: Input }]
-};
+BillingApiService.ctorParameters = () => [
+    { type: HttpClient }
+];
 
 /*
 <file>
@@ -1684,7 +1676,7 @@ SignInButtonComponent.propDecorators = {
     Anatoly Osovitny
 
   Created:
-    4 Jul 2018
+    4 Mar 2020
 
   Version:
     1.0
@@ -1692,19 +1684,24 @@ SignInButtonComponent.propDecorators = {
   Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
 </file>
 */
-class SignOutButtonComponent {
-    constructor() { }
+class AnatolyDataModule {
+    constructor(parentModule) {
+        throwIfAlreadyLoaded(parentModule, 'AnatolyDataModule');
+    }
 }
-SignOutButtonComponent.decorators = [
-    { type: Component, args: [{
-                selector: "anatoly-signout-button",
-                template: "<a href=\"identity/signOut\" class=\"{{classbtn}}\">Sign Out</a>\r\n"
+AnatolyDataModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule
+                ],
+                providers: [
+                    BillingApiService
+                ],
             },] }
 ];
-SignOutButtonComponent.ctorParameters = () => [];
-SignOutButtonComponent.propDecorators = {
-    classbtn: [{ type: Input }]
-};
+AnatolyDataModule.ctorParameters = () => [
+    { type: AnatolyDataModule, decorators: [{ type: Optional }, { type: SkipSelf }] }
+];
 
 /*
 <file>
@@ -1716,7 +1713,7 @@ SignOutButtonComponent.propDecorators = {
     Anatoly Osovitny
 
   Created:
-    4 Jul 2018
+    14 Aug 2018
 
   Version:
     1.0
@@ -1724,16 +1721,54 @@ SignOutButtonComponent.propDecorators = {
   Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
 </file>
 */
-class SignUpButtonComponent {
+class BuyAccessButtonComponent {
+    constructor(appcontext, api) {
+        this.appcontext = appcontext;
+        this.api = api;
+        this.contextUpdated = false;
+        this.isUserSignedIn = false;
+        this.currentPlan = 0;
+        this.currentPlanTitle = '';
+    }
+    ngOnInit() {
+        if (!this.appcontext.isUserSignedIn()) {
+            this.contextUpdated = true;
+            return;
+        }
+        this.appcontext.getCurrent((current) => {
+            this.isUserSignedIn = current.isUserSignedIn;
+            if (this.isUserSignedIn) {
+                this.currentPlan = current.account.billingPlan;
+                this.currentPlanTitle = current.account.billingPlanAsString;
+            }
+            this.contextUpdated = true;
+        });
+    }
+    onBuyPlan() {
+        const text = `Requested plan: ${this.plantitle} `;
+        const that = this;
+        Alerts.areYouSure(text, 'Buying access', 'Confirm change', 'Cancel', () => {
+            that.api.buyAccess(that.plan, () => {
+                Alerts.success('Access Granted', null, null, () => {
+                    window.location.reload();
+                });
+            });
+        });
+    }
 }
-SignUpButtonComponent.decorators = [
+BuyAccessButtonComponent.decorators = [
     { type: Component, args: [{
-                selector: "anatoly-signup-button",
-                template: "<a href=\"identity/signup\" class=\"{{classbtn}}\">Sign Up</a>\r\n"
+                selector: 'anatoly-buyaccess-button',
+                template: "<div *ngIf=\"contextUpdated\">\r\n  <div *ngIf=\"!isUserSignedIn\">\r\n    <anatoly-signup-button classbtn=\"btn btn-block btn-primary\"></anatoly-signup-button>\r\n  </div>\r\n\r\n  <div *ngIf=\"isUserSignedIn\">\r\n    <button class=\"btn btn-block btn-success selectPlan\" *ngIf=\"plan == currentPlan\">\r\n      Your Plan\r\n    </button>\r\n\r\n    <button class=\"btn btn-block  btn-warning selectPlan\" *ngIf=\"plan != currentPlan && currentPlan == 1\" (click)=\"onBuyPlan()\">\r\n      Buy Now\r\n    </button>\r\n  </div>\r\n</div>\r\n"
             },] }
 ];
-SignUpButtonComponent.propDecorators = {
-    classbtn: [{ type: Input }]
+BuyAccessButtonComponent.ctorParameters = () => [
+    { type: AppContextService },
+    { type: BillingApiService }
+];
+BuyAccessButtonComponent.propDecorators = {
+    plan: [{ type: Input }],
+    plantitle: [{ type: Input }]
 };
 
 /*
@@ -1746,7 +1781,7 @@ SignUpButtonComponent.propDecorators = {
     Anatoly Osovitny
 
   Created:
-    23 Apr 2018
+    1 Jun 2018
 
   Version:
     1.0
@@ -1754,21 +1789,45 @@ SignUpButtonComponent.propDecorators = {
   Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
 </file>
 */
-class ContentHeaderComponent {
+class SubscribePlanButtonComponent {
+    constructor(appcontext) {
+        this.appcontext = appcontext;
+        this.contextUpdated = false;
+        this.isUserSignedIn = false;
+        this.currentPlan = 0;
+        this.currentPlanTitle = "";
+        this.requestedPlan = 0;
+        this.requestedPlanTitle = "";
+    }
     ngOnInit() {
-        if (this.title == null) {
-            this.title = "";
+        if (!this.appcontext.isUserSignedIn()) {
+            this.contextUpdated = true;
+            return;
         }
+        this.appcontext.getCurrent((current) => {
+            this.isUserSignedIn = current.isUserSignedIn;
+            if (this.isUserSignedIn) {
+                this.currentPlan = current.account.billingPlan;
+                this.currentPlanTitle = current.account.billingPlanAsString;
+                this.requestedPlan = current.account.requestedBillingPlan;
+                this.requestedPlanTitle = current.account.requestedBillingPlanAsString;
+            }
+            this.contextUpdated = true;
+        });
     }
 }
-ContentHeaderComponent.decorators = [
+SubscribePlanButtonComponent.decorators = [
     { type: Component, args: [{
-                selector: "anatoly-content-header",
-                template: "<h2 class=\"page-header\">\r\n  {{title}}\r\n  <!--<small>Optional {{title}}</small>-->\r\n</h2>\r\n"
+                selector: "anatoly-subscribe-plan-button",
+                template: "<div *ngIf=\"contextUpdated\">\r\n  <div *ngIf=\"!isUserSignedIn\">\r\n    <anatoly-signup-button classbtn=\"btn btn-block btn-primary\"></anatoly-signup-button>\r\n  </div>\r\n\r\n  <div *ngIf=\"isUserSignedIn\">\r\n    <button class=\"btn btn-block btn-success selectPlan\" *ngIf=\"plan == currentPlan\">\r\n      Your Plan\r\n    </button>\r\n\r\n    <button class=\"btn btn-block  btn-warning selectPlan\" *ngIf=\"requestedPlan != null && requestedPlan != 0 && plan == requestedPlan\">\r\n      Requested\r\n    </button>\r\n\r\n    <anatoly-upgrade-plan-button *ngIf=\"plan != currentPlan && plan != requestedPlan\"\r\n                                 [currentplantitle]=\"currentPlanTitle\"\r\n                                 [requestedplan]=plan\r\n                                 [requestedplantitle]=\"plantitle\">\r\n    </anatoly-upgrade-plan-button>\r\n  </div>\r\n</div>\r\n"
             },] }
 ];
-ContentHeaderComponent.propDecorators = {
-    title: [{ type: Input }]
+SubscribePlanButtonComponent.ctorParameters = () => [
+    { type: AppContextService }
+];
+SubscribePlanButtonComponent.propDecorators = {
+    plan: [{ type: Input }],
+    plantitle: [{ type: Input }]
 };
 
 /*
@@ -1781,7 +1840,7 @@ ContentHeaderComponent.propDecorators = {
     Anatoly Osovitny
 
   Created:
-    28 Aug 2018
+    12 Nov 2017
 
   Version:
     1.0
@@ -1789,14 +1848,37 @@ ContentHeaderComponent.propDecorators = {
   Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
 </file>
 */
-class BaseComponent {
-    getQSId() {
-        var id = Utils.getValueByNameInQS("id");
-        if (typeof id === 'undefined' || id == '')
-            return null;
-        return id;
+// Services
+class UpgradePlanButtonComponent {
+    constructor(api) {
+        this.api = api;
     }
-}
+    onUpgradePlan() {
+        const text = `Current plan: ${this.currentplantitle} New plan: ${this.requestedplantitle}`;
+        const that = this;
+        Alerts.areYouSure(text, 'Change billing plan', 'Confirm change', 'Cancel', () => {
+            that.api.requestNewSubscription(that.requestedplan, () => {
+                Alerts.success('Your request for changing plan has been sent.', null, null, () => {
+                    window.location.reload();
+                });
+            });
+        });
+    }
+}
+UpgradePlanButtonComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'anatoly-upgrade-plan-button',
+                template: "<button class=\"btn btn-block btn-primary\" (click)=\"onUpgradePlan()\">\r\n  Upgrade\r\n</button>\r\n"
+            },] }
+];
+UpgradePlanButtonComponent.ctorParameters = () => [
+    { type: BillingApiService }
+];
+UpgradePlanButtonComponent.propDecorators = {
+    currentplantitle: [{ type: Input }],
+    requestedplan: [{ type: Input }],
+    requestedplantitle: [{ type: Input }]
+};
 
 /*
 <file>
@@ -1808,7 +1890,7 @@ class BaseComponent {
     Anatoly Osovitny
 
   Created:
-    20 Nov 2017
+    23 Apr 2018
 
   Version:
     1.0
@@ -1816,58 +1898,21 @@ class BaseComponent {
   Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
 </file>
 */
-class BaseEditComponent extends BaseComponent {
-    constructor() {
-        super();
-        this.formSubmitted = false;
-    }
-    isActionAdding() {
-        var id = Utils.getValueByNameInQS("id");
-        if (typeof id === 'undefined' || id == '')
-            return true;
-        return false;
-    }
-    getEntityId() {
-        return this.getQSId();
-    }
-    isControlValid(name, formGroup = null) {
-        return !this.isControlInvalid(name, formGroup);
-    }
-    isControlInvalid(name, formGroup = null) {
-        if (typeof name === 'undefined' || name == '') {
-            return false;
-        }
-        let fg = (formGroup) ? formGroup : this.formGroup;
-        if (!fg) {
-            return false;
-        }
-        if (fg.get(name)) {
-            return (this.formSubmitted && fg.get(name).invalid) ||
-                (fg.get(name).touched && fg.get(name).invalid);
+class ContentHeaderComponent {
+    ngOnInit() {
+        if (this.title == null) {
+            this.title = "";
         }
-        return false;
-    }
-    //FormGroup functions
-    getFormValue(name, formGroup = null) {
-        let fg = (formGroup) ? formGroup : this.formGroup;
-        return fg.controls[name].value;
-    }
-    setFormValue(name, value, formGroup = null) {
-        let fg = (formGroup) ? formGroup : this.formGroup;
-        fg.controls[name].setValue(value);
-    }
-    getFormGroupValue(groupName, name, formGroup = null) {
-        let fg = (formGroup) ? formGroup : this.formGroup;
-        return fg.controls[groupName].get(name).value;
-    }
-    setFormGroupValue(groupName, name, value, formGroup = null) {
-        let fg = (formGroup) ? formGroup : this.formGroup;
-        fg.controls[groupName].get(name).setValue(value);
     }
 }
-BaseEditComponent.propDecorators = {
-    formGroup: [{ type: Input }],
-    formSubmitted: [{ type: Input }]
+ContentHeaderComponent.decorators = [
+    { type: Component, args: [{
+                selector: "anatoly-content-header",
+                template: "<h2 class=\"page-header\">\r\n  {{title}}\r\n  <!--<small>Optional {{title}}</small>-->\r\n</h2>\r\n"
+            },] }
+];
+ContentHeaderComponent.propDecorators = {
+    title: [{ type: Input }]
 };
 
 /*
@@ -1959,6 +2004,105 @@ const DefaultEditorOptions = {
     imageUploadParams: { uploadType: "", uploadParentId: "" },
 };
 
+/*
+<file>
+  Project:
+    @osovitny/anatoly
+
+  Authors:
+    Vadim Osovitny
+    Anatoly Osovitny
+
+  Created:
+    28 Aug 2018
+
+  Version:
+    1.0
+
+  Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
+</file>
+*/
+class BaseComponent {
+    getQSId() {
+        var id = Utils.getValueByNameInQS("id");
+        if (typeof id === 'undefined' || id == '')
+            return null;
+        return id;
+    }
+}
+
+/*
+<file>
+  Project:
+    @osovitny/anatoly
+
+  Authors:
+    Vadim Osovitny
+    Anatoly Osovitny
+
+  Created:
+    20 Nov 2017
+
+  Version:
+    1.0
+
+  Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
+</file>
+*/
+class BaseEditComponent extends BaseComponent {
+    constructor() {
+        super();
+        this.formSubmitted = false;
+    }
+    isActionAdding() {
+        var id = Utils.getValueByNameInQS("id");
+        if (typeof id === 'undefined' || id == '')
+            return true;
+        return false;
+    }
+    getEntityId() {
+        return this.getQSId();
+    }
+    isControlValid(name, formGroup = null) {
+        return !this.isControlInvalid(name, formGroup);
+    }
+    isControlInvalid(name, formGroup = null) {
+        if (typeof name === 'undefined' || name == '') {
+            return false;
+        }
+        let fg = (formGroup) ? formGroup : this.formGroup;
+        if (!fg) {
+            return false;
+        }
+        if (fg.get(name)) {
+            return (this.formSubmitted && fg.get(name).invalid) ||
+                (fg.get(name).touched && fg.get(name).invalid);
+        }
+        return false;
+    }
+    //FormGroup functions
+    getFormValue(name, formGroup = null) {
+        let fg = (formGroup) ? formGroup : this.formGroup;
+        return fg.controls[name].value;
+    }
+    setFormValue(name, value, formGroup = null) {
+        let fg = (formGroup) ? formGroup : this.formGroup;
+        fg.controls[name].setValue(value);
+    }
+    getFormGroupValue(groupName, name, formGroup = null) {
+        let fg = (formGroup) ? formGroup : this.formGroup;
+        return fg.controls[groupName].get(name).value;
+    }
+    setFormGroupValue(groupName, name, value, formGroup = null) {
+        let fg = (formGroup) ? formGroup : this.formGroup;
+        fg.controls[groupName].get(name).setValue(value);
+    }
+}
+BaseEditComponent.propDecorators = {
+    formGroup: [{ type: Input }],
+    formSubmitted: [{ type: Input }]
+};
+
 /*
 <file>
   Project:
@@ -1982,17 +2126,17 @@ class BaseHtmlEditorComponent extends BaseEditComponent {
         super();
         this.froalaEditorInitialized = false;
         this.afterInitializedActions = [];
-        //Inputs
-        this.editorLabelText = "Html";
+        // Inputs
+        this.editorLabelText = 'Html';
         this.editorOptions = {};
     }
     ngOnInit() {
         let opt = this.editorOptions;
-        if (typeof this.editorOptions == "string") {
+        if (typeof this.editorOptions == 'string') {
             opt = JSON.parse(this.editorOptions);
         }
         let newOptions = $.extend({}, DefaultEditorOptions, opt);
-        let key = AppCoreSettings.froalaEditorKey;
+        const key = AppCoreSettings.froalaEditorKey;
         if (key) {
             newOptions = $.extend({}, newOptions, JSON.parse('{ "key": "' + key + '" }'));
         }
@@ -2002,18 +2146,18 @@ class BaseHtmlEditorComponent extends BaseEditComponent {
         this.options = newOptions;
     }
     ngAfterViewInit() {
-        let that = this;
+        const that = this;
         setTimeout(function () {
             that.froalaEditorInitialized = true;
             that.onInitialized();
         }, 300);
     }
     onInitialized() {
-        let actions = this.afterInitializedActions;
-        //Clear actions
+        const actions = this.afterInitializedActions;
+        // Clear actions
         this.afterInitializedActions = [];
         if (actions) {
-            for (var i = 0; i < actions.length; i++) {
+            for (let i = 0; i < actions.length; i++) {
                 actions[i]();
             }
         }
@@ -2023,9 +2167,9 @@ class BaseHtmlEditorComponent extends BaseEditComponent {
             return this.froalaEditor.getEditor();
         return null;
     }
-    //Public Funcs
+    // Public Funcs
     doAfterInitialized(action) {
-        let that = this;
+        const that = this;
         if (!this.froalaEditorInitialized) {
             this.afterInitializedActions.push(() => {
                 action(that);
@@ -2041,8 +2185,8 @@ class BaseHtmlEditorComponent extends BaseEditComponent {
     }
     setUploadParams(uploadType, uploadParentId) {
         this.doAfterInitialized(function (that) {
-            var editor = that.getEditor();
-            if (typeof editor == "undefined" || editor == null) {
+            const editor = that.getEditor();
+            if (typeof editor == 'undefined' || editor == null) {
                 return;
             }
             editor.opts.imageUploadParams.uploadType = uploadType;
@@ -2055,6 +2199,46 @@ BaseHtmlEditorComponent.propDecorators = {
     editorOptions: [{ type: Input }]
 };
 
+/*
+<file>
+  Project:
+    @osovitny/anatoly
+
+  Authors:
+    Vadim Osovitny
+    Anatoly Osovitny
+
+  Created:
+    12 Dec 2017
+
+  Version:
+    1.0
+
+  Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
+</file>
+*/
+class FormsHtmlEditorComponent extends BaseHtmlEditorComponent {
+    constructor() {
+        super();
+        this.editorFormKey = "html";
+    }
+    setFormValueAfterInitialized(name, value) {
+        this.doAfterInitialized(function (that) {
+            that.setFormValue(name, value);
+        });
+    }
+}
+FormsHtmlEditorComponent.decorators = [
+    { type: Component, args: [{
+                selector: "anatoly-forms-html-editor",
+                template: "<div [formGroup]=\"formGroup\">\r\n  <div class=\"form-group\" [ngClass]=\"{'has-error': isControlInvalid(editorFormKey) }\">\r\n    <label class=\"control-label\">{{ editorLabelText }}</label>\r\n    <textarea [formControlName]=\"editorFormKey\"\r\n              [froalaEditor]=\"options\" (froalaInit)=\"initializeControl($event)\">\r\n    </textarea>\r\n    <anatoly-item-validation-summary [formGroup]=\"formGroup\"\r\n                                     [formSubmitted]=\"formSubmitted\"\r\n                                     [controlName]=\"editorFormKey\"\r\n                                     [controlTitle]=\"editorLabelText\">\r\n    </anatoly-item-validation-summary>\r\n  </div>\r\n</div>\r\n"
+            },] }
+];
+FormsHtmlEditorComponent.ctorParameters = () => [];
+FormsHtmlEditorComponent.propDecorators = {
+    editorFormKey: [{ type: Input }]
+};
+
 /*
 <file>
   Project:
@@ -2112,7 +2296,7 @@ HtmlEditorComponent.ctorParameters = () => [];
     Anatoly Osovitny
 
   Created:
-    12 Dec 2017
+    4 Jul 2018
 
   Version:
     1.0
@@ -2120,26 +2304,18 @@ HtmlEditorComponent.ctorParameters = () => [];
   Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
 </file>
 */
-class FormsHtmlEditorComponent extends BaseHtmlEditorComponent {
-    constructor() {
-        super();
-        this.editorFormKey = "html";
-    }
-    setFormValueAfterInitialized(name, value) {
-        this.doAfterInitialized(function (that) {
-            that.setFormValue(name, value);
-        });
-    }
+class SignInButtonComponent {
+    constructor() { }
 }
-FormsHtmlEditorComponent.decorators = [
+SignInButtonComponent.decorators = [
     { type: Component, args: [{
-                selector: "anatoly-forms-html-editor",
-                template: "<div [formGroup]=\"formGroup\">\r\n  <div class=\"form-group\" [ngClass]=\"{'has-error': isControlInvalid(editorFormKey) }\">\r\n    <label class=\"control-label\">{{ editorLabelText }}</label>\r\n    <textarea [formControlName]=\"editorFormKey\"\r\n              [froalaEditor]=\"options\" (froalaInit)=\"initializeControl($event)\">\r\n    </textarea>\r\n    <anatoly-item-validation-summary [formGroup]=\"formGroup\"\r\n                                     [formSubmitted]=\"formSubmitted\"\r\n                                     [controlName]=\"editorFormKey\"\r\n                                     [controlTitle]=\"editorLabelText\">\r\n    </anatoly-item-validation-summary>\r\n  </div>\r\n</div>\r\n"
+                selector: "anatoly-signin-button",
+                template: "<a href=\"identity/signIn\" class=\"{{classbtn}}\">Sign In</a>\r\n"
             },] }
 ];
-FormsHtmlEditorComponent.ctorParameters = () => [];
-FormsHtmlEditorComponent.propDecorators = {
-    editorFormKey: [{ type: Input }]
+SignInButtonComponent.ctorParameters = () => [];
+SignInButtonComponent.propDecorators = {
+    classbtn: [{ type: Input }]
 };
 
 /*
@@ -2152,7 +2328,7 @@ FormsHtmlEditorComponent.propDecorators = {
     Anatoly Osovitny
 
   Created:
-    8 Dec 2017
+    4 Jul 2018
 
   Version:
     1.0
@@ -2160,102 +2336,19 @@ FormsHtmlEditorComponent.propDecorators = {
   Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
 </file>
 */
-class ValidationSummaryComponent extends BaseEditComponent {
-    constructor() {
-        super();
-    }
-    getFormValidationMessages() {
-        let messages = [];
-        Object.keys(this.formGroup.controls).forEach(k => {
-            var control = this.formGroup.controls[k];
-            if (control.controls != null) {
-                Object.keys(control.controls).forEach(k => {
-                    var child = control.controls[k];
-                    this.getValidationMessages(child, this.getControlName(child, k)).forEach(m => messages.push(m));
-                });
-            }
-            else {
-                this.getValidationMessages(control, this.getControlName(control, k)).forEach(m => messages.push(m));
-            }
-        });
-        return messages;
-    }
-    getValidationMessages(state, thingName) {
-        let thing = state.path || thingName;
-        let messages = [];
-        if (state.errors) {
-            for (let errorName in state.errors) {
-                if (state.errors.hasOwnProperty(errorName)) {
-                    switch (errorName) {
-                        case 'required':
-                            messages.push(`${thing} is required`);
-                            break;
-                        case 'minlength':
-                            messages.push(`${thing} must be at least ${state.errors["minlength"].requiredLength} characters`);
-                            break;
-                        case 'pattern':
-                            messages.push(`${thing} contains illegal characters`);
-                            break;
-                        case 'format':
-                            messages.push(`${thing} format mismatch`);
-                            break;
-                        case 'maxlength':
-                            messages.push(`${thing} must have maximum ${state.errors["maxlength"].requiredLength} characters`);
-                            break;
-                        case 'specialcharacters':
-                            messages.push(`${thing} contains special characters`);
-                            break;
-                    }
-                }
-            }
-        }
-        return messages;
-    }
-    /**
-    * Get Control Name
-    * @param control
-    * @param thingName
-    */
-    getControlName(control, thingName) {
-        let value = this.getControlTitle(control);
-        return value ? value : thingName;
-    }
-    /**
-     * Retrieve tilte of control
-     * @param control
-     */
-    getControlTitle(control) {
-        if (control === null || control === void 0 ? void 0 : control.nativeElement) {
-            let controlTitle = this.getTitleAttribute(control.nativeElement);
-            if (controlTitle) {
-                return controlTitle;
-            }
-        }
-        return undefined;
-    }
-    /**
-     * Return title attribute of form control
-     */
-    getTitleAttribute(nativeElement) {
-        var _a, _b, _c, _d, _e, _f;
-        let title;
-        switch (nativeElement.tagName) {
-            // For Kendo time and date picker element title is assigned to the 4th child control.
-            case "KENDO-TIMEPICKER":
-            case "KENDO-DATEPICKER":
-                title = (_d = (_c = (_b = (_a = nativeElement.children[0]) === null || _a === void 0 ? void 0 : _a.children[0]) === null || _b === void 0 ? void 0 : _b.children[0]) === null || _c === void 0 ? void 0 : _c.children[0]) === null || _d === void 0 ? void 0 : _d.getAttribute('title');
-                break;
-            // For Kendo numaric element title is assigned to the 2nd child control.
-            case "KENDO-NUMERICTEXTBOX":
-                title = (_f = (_e = nativeElement.children[0]) === null || _e === void 0 ? void 0 : _e.children[0]) === null || _f === void 0 ? void 0 : _f.getAttribute('title');
-                break;
-            default:
-                title = nativeElement.getAttribute('title');
-                break;
-        }
-        return title;
-    }
-}
+class SignOutButtonComponent {
+    constructor() { }
+}
+SignOutButtonComponent.decorators = [
+    { type: Component, args: [{
+                selector: "anatoly-signout-button",
+                template: "<a href=\"identity/signOut\" class=\"{{classbtn}}\">Sign Out</a>\r\n"
+            },] }
+];
+SignOutButtonComponent.ctorParameters = () => [];
+SignOutButtonComponent.propDecorators = {
+    classbtn: [{ type: Input }]
+};
 
 /*
 <file>
@@ -2267,7 +2360,7 @@ class ValidationSummaryComponent extends BaseEditComponent {
     Anatoly Osovitny
 
   Created:
-    7 Dec 2017
+    4 Jul 2018
 
   Version:
     1.0
@@ -2275,48 +2368,62 @@ class ValidationSummaryComponent extends BaseEditComponent {
   Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
 </file>
 */
-class FormValidationSummaryComponent extends ValidationSummaryComponent {
-    constructor() {
-        super();
-        this.visible = false;
-        this.customerrors = [];
-        /*
-          0 - only FormValidation messages
-          1 - only Custom messages
-          2 - all
-        */
-        this.viewtype = 0;
+class SignUpButtonComponent {
+}
+SignUpButtonComponent.decorators = [
+    { type: Component, args: [{
+                selector: "anatoly-signup-button",
+                template: "<a href=\"identity/signup\" class=\"{{classbtn}}\">Sign Up</a>\r\n"
+            },] }
+];
+SignUpButtonComponent.propDecorators = {
+    classbtn: [{ type: Input }]
+};
+
+/*
+<file>
+  Project:
+    @osovitny/anatoly
+
+  Authors:
+    Vadim Osovitny
+    Anatoly Osovitny
+
+  Created:
+    9 May 2020
+
+  Version:
+    1.0
+
+  Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
+</file>
+*/
+class LoadingComponent {
+    constructor(loadingService) {
+        this.loadingService = loadingService;
+        // Private
+        this.subs = new Subs();
+        // Public
+        this.show = false;
     }
-    getErrors() {
-        if (this.viewtype == 1) {
-            return this.customerrors;
-        }
-        let formValidationMessages = this.getFormValidationMessages();
-        if (this.viewtype == 0) {
-            return formValidationMessages;
-        }
-        var messages = [];
-        if (formValidationMessages.length > 0) {
-            messages.push(...formValidationMessages);
-        }
-        if (this.customerrors.length > 0) {
-            messages.push(...this.customerrors);
-        }
-        return messages;
+    ngOnInit() {
+        this.subs.sink = this.loadingService.subscribe((state) => {
+            this.show = state;
+        });
+    }
+    ngOnDestroy() {
+        this.subs.unsubscribe();
     }
 }
-FormValidationSummaryComponent.decorators = [
+LoadingComponent.decorators = [
     { type: Component, args: [{
-                selector: "anatoly-form-validation-summary",
-                template: "<div class=\"callout callout-danger\" *ngIf=\"visible\">\r\n  <h6 class=\"box-title\">There are problems with the form</h6>\r\n  <ul>\r\n    <li *ngFor=\"let error of getErrors()\"><span>{{error}}</span></li>\r\n  </ul>\r\n</div>\r\n\r\n"
+                selector: 'anatoly-loading',
+                template: "<div *ngIf=\"show\">\r\n  <span id=\"pnlLoading\" class=\"k-icon k-i-loading\"></span>\r\n</div>\r\n"
             },] }
 ];
-FormValidationSummaryComponent.ctorParameters = () => [];
-FormValidationSummaryComponent.propDecorators = {
-    visible: [{ type: Input }],
-    customerrors: [{ type: Input }],
-    viewtype: [{ type: Input }]
-};
+LoadingComponent.ctorParameters = () => [
+    { type: LoadingService }
+];
 
 /*
 <file>
@@ -2328,7 +2435,7 @@ FormValidationSummaryComponent.propDecorators = {
     Anatoly Osovitny
 
   Created:
-    6 Dec 2017
+    16 May 2020
 
   Version:
     1.0
@@ -2336,21 +2443,55 @@ FormValidationSummaryComponent.propDecorators = {
   Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
 </file>
 */
-class ItemValidationSummaryComponent extends ValidationSummaryComponent {
-    constructor() {
-        super();
+const SpinnerSpinKit = {
+    spinnerLine: 'spinner-line-material',
+    // ToDo
+    ChasingDots: 'spinner-chasing-dots',
+    CubeGrid: 'spinner-cube-grid',
+    DoubleBounce: 'spinner-double-bounce',
+    RotatingPlane: 'spinner-rotationg-plane',
+    SpinnerPulse: 'spinner-spinner-pulse',
+    ThreeBounce: 'spinner-three-bounce',
+    WanderingCubes: 'spinner-wandering-cubes',
+    Wave: 'spinner-wave'
+};
+class SpinnerComponent {
+    constructor(router, document) {
+        this.router = router;
+        this.document = document;
+        this.isSpinnerVisible = true;
+        this.spinnerSpinKit = SpinnerSpinKit;
+        this.backgroundColor = '#007CB0';
+        this.spinner = SpinnerSpinKit.spinnerLine;
+        this.router.events.subscribe(event => {
+            if (event instanceof NavigationStart) {
+                this.isSpinnerVisible = true;
+            }
+            else if (event instanceof NavigationEnd || event instanceof NavigationCancel || event instanceof NavigationError) {
+                this.isSpinnerVisible = false;
+            }
+        }, () => {
+            this.isSpinnerVisible = false;
+        });
+    }
+    ngOnDestroy() {
+        this.isSpinnerVisible = false;
     }
 }
-ItemValidationSummaryComponent.decorators = [
+SpinnerComponent.decorators = [
     { type: Component, args: [{
-                selector: "anatoly-item-validation-summary",
-                template: "<ul class=\"list-unstyled\" *ngIf=\"isControlInvalid(controlName)\">\r\n  <li *ngFor=\"let error of getValidationMessages(formGroup.get(controlName), controlTitle)\">\r\n    <span class=\"help-block\">{{ error }}</span>\r\n  </li>\r\n</ul>\r\n\r\n"
+                selector: 'spinner',
+                template: "<div id=\"spinner-loader\" *ngIf=\"isSpinnerVisible\">\r\n  <div class=\"loader-bg\">\r\n    <div class=\"spinner-line-material\" [class.colored]=\"!backgroundColor\" *ngIf=\"spinner === spinnerSpinKit.spinnerLine\">\r\n      <div class=\"spinner-child spinner-bounce1\" [style.background-color]='backgroundColor'></div>\r\n    </div>\r\n  </div>\r\n</div>\r\n",
+                encapsulation: ViewEncapsulation.None
             },] }
 ];
-ItemValidationSummaryComponent.ctorParameters = () => [];
-ItemValidationSummaryComponent.propDecorators = {
-    controlName: [{ type: Input }],
-    controlTitle: [{ type: Input }]
+SpinnerComponent.ctorParameters = () => [
+    { type: Router },
+    { type: Document, decorators: [{ type: Inject, args: [DOCUMENT,] }] }
+];
+SpinnerComponent.propDecorators = {
+    backgroundColor: [{ type: Input }],
+    spinner: [{ type: Input }]
 };
 
 /*
@@ -2409,49 +2550,19 @@ NativeElementDirective.ctorParameters = () => [
   Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
 </file>
 */
-const FroalaEditorModuleWithProviders = FroalaEditorModule.forRoot();
-const FroalaViewModuleWithProviders = FroalaViewModule.forRoot();
-class AnatolyUIModule {
+class ReplaceTextPipe {
+    transform(inputData, search, replacement) {
+        if (inputData) {
+            return inputData.replace(new RegExp(search, "g"), replacement);
+        }
+        else {
+            return inputData;
+        }
+    }
 }
-AnatolyUIModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    CommonModule,
-                    ReactiveFormsModule,
-                    FormsModule,
-                    FroalaEditorModuleWithProviders,
-                    FroalaViewModuleWithProviders,
-                ],
-                exports: [
-                    SubscribePlanButtonComponent,
-                    UpgradePlanButtonComponent,
-                    BuyAccessButtonComponent,
-                    SignInButtonComponent,
-                    SignUpButtonComponent,
-                    SignOutButtonComponent,
-                    FormValidationSummaryComponent,
-                    ItemValidationSummaryComponent,
-                    HtmlEditorComponent,
-                    FormsHtmlEditorComponent,
-                    ContentHeaderComponent,
-                    // Directives
-                    NativeElementDirective
-                ],
-                declarations: [
-                    SubscribePlanButtonComponent,
-                    UpgradePlanButtonComponent,
-                    BuyAccessButtonComponent,
-                    SignInButtonComponent,
-                    SignUpButtonComponent,
-                    SignOutButtonComponent,
-                    FormValidationSummaryComponent,
-                    ItemValidationSummaryComponent,
-                    HtmlEditorComponent,
-                    FormsHtmlEditorComponent,
-                    ContentHeaderComponent,
-                    // Directives
-                    NativeElementDirective
-                ]
+ReplaceTextPipe.decorators = [
+    { type: Pipe, args: [{
+                name: "replaceText",
             },] }
 ];
 
@@ -2472,7 +2583,27 @@ AnatolyUIModule.decorators = [
 
   Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
 </file>
-*/
+*/
+class FileSizePipe {
+    constructor() {
+        this.units = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB'];
+    }
+    transform(bytes = 0, precision = 0) {
+        if (isNaN(parseFloat(String(bytes))) || !isFinite(bytes))
+            return '';
+        let unit = 0;
+        while (bytes >= 1024) {
+            bytes /= 1024;
+            unit++;
+        }
+        return bytes.toFixed(+precision) + ' ' + this.units[unit];
+    }
+}
+FileSizePipe.decorators = [
+    { type: Pipe, args: [{
+                name: 'filesize',
+            },] }
+];
 
 /*
 <file>
@@ -2484,7 +2615,7 @@ AnatolyUIModule.decorators = [
     Anatoly Osovitny
 
   Created:
-     10 May 2020
+    27 Oct 2019
 
   Version:
     1.0
@@ -2492,47 +2623,19 @@ AnatolyUIModule.decorators = [
   Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
 </file>
 */
-class LocalizePipe {
-    constructor(localizeService) {
-        this.localizeService = localizeService;
+class SafeHtmlPipe {
+    constructor(sanitized) {
+        this.sanitized = sanitized;
     }
-    transform(inputData, type, param2) {
-        if (!inputData) {
-            return;
-        }
-        if (!type) {
-            type = 't';
-        }
-        // Translate
-        if (type === 't') {
-            return this.localizeService.getLocalizedValue(inputData);
-        }
-        // Date
-        if (type === 'd') {
-            return this.localizeService.getLocalizedDate(inputData);
-        }
-        // DateTime
-        if (type === 'dt') {
-            return this.localizeService.getLocalizedDateTime(inputData);
-        }
-        // DistanceToNowInWords
-        if (type === 'dis2now') {
-            return this.localizeService.getLocalizedDistanceToNowInWords(inputData);
-        }
-        // DistanceInWords
-        if (type === 'dis') {
-            return this.localizeService.getLocalizedDistanceInWords(inputData, param2);
-        }
-        return inputData;
+    transform(value) {
+        return this.sanitized.bypassSecurityTrustHtml(value);
     }
 }
-LocalizePipe.decorators = [
-    { type: Pipe, args: [{
-                name: 'localize'
-            },] }
+SafeHtmlPipe.decorators = [
+    { type: Pipe, args: [{ name: 'safeHtml' },] }
 ];
-LocalizePipe.ctorParameters = () => [
-    { type: LocalizationService }
+SafeHtmlPipe.ctorParameters = () => [
+    { type: DomSanitizer }
 ];
 
 /*
@@ -2545,7 +2648,122 @@ LocalizePipe.ctorParameters = () => [
     Anatoly Osovitny
 
   Created:
-     12 May 2020
+    8 Dec 2017
+
+  Version:
+    1.0
+
+  Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
+</file>
+*/
+class ValidationSummaryComponent extends BaseEditComponent {
+    constructor() {
+        super();
+    }
+    getFormValidationMessages() {
+        let messages = [];
+        Object.keys(this.formGroup.controls).forEach(k => {
+            var control = this.formGroup.controls[k];
+            if (control.controls != null) {
+                Object.keys(control.controls).forEach(k => {
+                    var child = control.controls[k];
+                    this.getValidationMessages(child, this.getControlName(child, k)).forEach(m => messages.push(m));
+                });
+            }
+            else {
+                this.getValidationMessages(control, this.getControlName(control, k)).forEach(m => messages.push(m));
+            }
+        });
+        return messages;
+    }
+    getValidationMessages(state, thingName) {
+        let thing = state.path || thingName;
+        let messages = [];
+        if (state.errors) {
+            for (let errorName in state.errors) {
+                if (state.errors.hasOwnProperty(errorName)) {
+                    switch (errorName) {
+                        case 'required':
+                            messages.push(`${thing} is required`);
+                            break;
+                        case 'minlength':
+                            messages.push(`${thing} must be at least ${state.errors["minlength"].requiredLength} characters`);
+                            break;
+                        case 'pattern':
+                            messages.push(`${thing} contains illegal characters`);
+                            break;
+                        case 'format':
+                            messages.push(`${thing} format mismatch`);
+                            break;
+                        case 'maxlength':
+                            messages.push(`${thing} must have maximum ${state.errors["maxlength"].requiredLength} characters`);
+                            break;
+                        case 'specialcharacters':
+                            messages.push(`${thing} contains special characters`);
+                            break;
+                    }
+                }
+            }
+        }
+        return messages;
+    }
+    /**
+    * Get Control Name
+    * @param control
+    * @param thingName
+    */
+    getControlName(control, thingName) {
+        let value = this.getControlTitle(control);
+        return value ? value : thingName;
+    }
+    /**
+     * Retrieve tilte of control
+     * @param control
+     */
+    getControlTitle(control) {
+        if (control === null || control === void 0 ? void 0 : control.nativeElement) {
+            let controlTitle = this.getTitleAttribute(control.nativeElement);
+            if (controlTitle) {
+                return controlTitle;
+            }
+        }
+        return undefined;
+    }
+    /**
+     * Return title attribute of form control
+     */
+    getTitleAttribute(nativeElement) {
+        var _a, _b, _c, _d, _e, _f;
+        let title;
+        switch (nativeElement.tagName) {
+            // For Kendo time and date picker element title is assigned to the 4th child control.
+            case "KENDO-TIMEPICKER":
+            case "KENDO-DATEPICKER":
+                title = (_d = (_c = (_b = (_a = nativeElement.children[0]) === null || _a === void 0 ? void 0 : _a.children[0]) === null || _b === void 0 ? void 0 : _b.children[0]) === null || _c === void 0 ? void 0 : _c.children[0]) === null || _d === void 0 ? void 0 : _d.getAttribute('title');
+                break;
+            // For Kendo numaric element title is assigned to the 2nd child control.
+            case "KENDO-NUMERICTEXTBOX":
+                title = (_f = (_e = nativeElement.children[0]) === null || _e === void 0 ? void 0 : _e.children[0]) === null || _f === void 0 ? void 0 : _f.getAttribute('title');
+                break;
+            default:
+                title = nativeElement.getAttribute('title');
+                break;
+        }
+        return title;
+    }
+}
+
+/*
+<file>
+  Project:
+    @osovitny/anatoly
+
+  Authors:
+    Vadim Osovitny
+    Anatoly Osovitny
+
+  Created:
+    7 Dec 2017
 
   Version:
     1.0
@@ -2553,23 +2771,48 @@ LocalizePipe.ctorParameters = () => [
   Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
 </file>
 */
-class LocalizationModule {
+class FormValidationSummaryComponent extends ValidationSummaryComponent {
+    constructor() {
+        super();
+        this.visible = false;
+        this.customerrors = [];
+        /*
+          0 - only FormValidation messages
+          1 - only Custom messages
+          2 - all
+        */
+        this.viewtype = 0;
+    }
+    getErrors() {
+        if (this.viewtype == 1) {
+            return this.customerrors;
+        }
+        let formValidationMessages = this.getFormValidationMessages();
+        if (this.viewtype == 0) {
+            return formValidationMessages;
+        }
+        var messages = [];
+        if (formValidationMessages.length > 0) {
+            messages.push(...formValidationMessages);
+        }
+        if (this.customerrors.length > 0) {
+            messages.push(...this.customerrors);
+        }
+        return messages;
+    }
 }
-LocalizationModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    TranslateModule
-                ],
-                exports: [
-                    TranslateModule,
-                    LocalizePipe
-                ],
-                declarations: [
-                    LocalizePipe
-                ],
-                providers: []
+FormValidationSummaryComponent.decorators = [
+    { type: Component, args: [{
+                selector: "anatoly-form-validation-summary",
+                template: "<div class=\"callout callout-danger\" *ngIf=\"visible\">\r\n  <h6 class=\"box-title\">There are problems with the form</h6>\r\n  <ul>\r\n    <li *ngFor=\"let error of getErrors()\"><span>{{error}}</span></li>\r\n  </ul>\r\n</div>\r\n\r\n"
             },] }
-];
+];
+FormValidationSummaryComponent.ctorParameters = () => [];
+FormValidationSummaryComponent.propDecorators = {
+    visible: [{ type: Input }],
+    customerrors: [{ type: Input }],
+    viewtype: [{ type: Input }]
+};
 
 /*
 <file>
@@ -2581,7 +2824,7 @@ LocalizationModule.decorators = [
     Anatoly Osovitny
 
   Created:
-     05 May 2020
+    6 Dec 2017
 
   Version:
     1.0
@@ -2589,48 +2832,22 @@ LocalizationModule.decorators = [
   Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
 </file>
 */
-function customTranslateLoaderFactory(http) {
-    return new TranslateHttpLoader(http, AppCoreSettings.resourcesUrl + "/", '.json');
-}
-function localizationInitializerFactory(translate, localizationService, injector) {
-    return () => new Promise((resolve) => {
-        let locationInitialized = injector.get(LOCATION_INITIALIZED, Promise.resolve(null));
-        locationInitialized.then(() => {
-            let languageToSet = localizationService.configureTranslationSettings(translate);
-            translate.use(languageToSet).subscribe(() => {
-            }, () => {
-                resolve(null);
-            }, () => {
-                resolve(null);
-            });
-        });
-    });
-}
-const TranslateModuleAtRoot = TranslateModule.forRoot({
-    loader: {
-        provide: TranslateLoader,
-        useFactory: customTranslateLoaderFactory,
-        deps: [HttpClient]
+class ItemValidationSummaryComponent extends ValidationSummaryComponent {
+    constructor() {
+        super();
     }
-});
-class LocalizationSettingsModule {
 }
-LocalizationSettingsModule.decorators = [
-    { type: NgModule, args: [{
-                imports: [
-                    TranslateModuleAtRoot
-                ],
-                providers: [
-                    {
-                        provide: APP_INITIALIZER,
-                        useFactory: localizationInitializerFactory,
-                        deps: [TranslateService, LocalizationService, Injector],
-                        multi: true
-                    }
-                ],
-                exports: []
+ItemValidationSummaryComponent.decorators = [
+    { type: Component, args: [{
+                selector: "anatoly-item-validation-summary",
+                template: "<ul class=\"list-unstyled\" *ngIf=\"isControlInvalid(controlName)\">\r\n  <li *ngFor=\"let error of getValidationMessages(formGroup.get(controlName), controlTitle)\">\r\n    <span class=\"help-block\">{{ error }}</span>\r\n  </li>\r\n</ul>\r\n\r\n"
             },] }
-];
+];
+ItemValidationSummaryComponent.ctorParameters = () => [];
+ItemValidationSummaryComponent.propDecorators = {
+    controlName: [{ type: Input }],
+    controlTitle: [{ type: Input }]
+};
 
 /*
 <file>
@@ -2649,112 +2866,60 @@ LocalizationSettingsModule.decorators = [
 
   Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
 </file>
-*/
-
-/*
-<file>
-  Project:
-    @osovitny/anatoly
-
-  Authors:
-    Vadim Osovitny
-    Anatoly Osovitny
-
-  Created:
-    3 March 2020
-
-  Version:
-    1.0
-
-  Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
-</file>
 */
-class Alerts$1 {
-    static success(text, params, title, successAction) {
-        text = Utils.getLocalizedValue(text, params, 'OperationSuccessFull');
-        title = Utils.getLocalizedValue(title, null, 'Success');
-        Swal.fire({
-            text,
-            title,
-            icon: 'success',
-            confirmButtonText: Utils.getLocalizedValue('Ok')
-        })
-            .then(() => {
-            if (successAction) {
-                successAction();
-            }
-        });
-    }
-    static info(text, params, title) {
-        text = Utils.getLocalizedValue(text, params);
-        title = Utils.getLocalizedValue(title, null, 'Info');
-        Swal.fire({
-            text,
-            title,
-            icon: 'info',
-            confirmButtonText: Utils.getLocalizedValue('Ok')
-        });
-    }
-    static warning(text, params, title) {
-        text = Utils.getLocalizedValue(text, params);
-        title = Utils.getLocalizedValue(title, null, 'Warning');
-        Swal.fire({
-            text,
-            title,
-            icon: 'warning',
-            confirmButtonText: Utils.getLocalizedValue('Ok')
-        });
-    }
-    static error(text, params, title) {
-        text = Utils.getLocalizedValue(text, params, 'ErrorOccured');
-        title = Utils.getLocalizedValue(title, null, 'Error');
-        Swal.fire({
-            text,
-            title,
-            icon: 'error',
-            confirmButtonText: Utils.getLocalizedValue('Ok')
-        });
-    }
-    static cancel(text, params, title) {
-        text = Utils.getLocalizedValue(text, params, 'OperationCancelled');
-        title = Utils.getLocalizedValue(title, null, 'Cancelled');
-        Swal.fire({
-            text,
-            title,
-            icon: 'info'
-        });
-    }
-    static notImplemented() {
-        this.warning('Not Implemented Yet');
-    }
-    ;
-    static areYouSure(text, title, confirmButtonText, cancelButtonText, successAction, cancelAction) {
-        text = Utils.getLocalizedValue(text);
-        title = Utils.getLocalizedValue(title, null, 'AreYouSure');
-        Swal.fire({
-            text,
-            title,
-            icon: 'warning',
-            confirmButtonText: Utils.getLocalizedValue(confirmButtonText),
-            cancelButtonText: Utils.getLocalizedValue(cancelButtonText),
-            showCancelButton: true
-        })
-            .then((result) => {
-            if (result.value) {
-                if (successAction) {
-                    successAction();
-                }
-            }
-            // result.dismiss can be 'cancel', 'overlay', 'close', and 'timer'
-            else if (result.dismiss == Swal.DismissReason.cancel || result.dismiss == Swal.DismissReason.close) {
-                if (cancelAction) {
-                    cancelAction();
-                }
-            }
-        });
-    }
-    ;
-}
+const FroalaEditorModuleWithProviders = FroalaEditorModule.forRoot();
+const FroalaViewModuleWithProviders = FroalaViewModule.forRoot();
+class AnatolyUIModule {
+}
+AnatolyUIModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    ReactiveFormsModule,
+                    FormsModule,
+                    FroalaEditorModuleWithProviders,
+                    FroalaViewModuleWithProviders,
+                ],
+                exports: [
+                    SubscribePlanButtonComponent,
+                    UpgradePlanButtonComponent,
+                    BuyAccessButtonComponent,
+                    SignInButtonComponent,
+                    SignUpButtonComponent,
+                    SignOutButtonComponent,
+                    FormValidationSummaryComponent,
+                    ItemValidationSummaryComponent,
+                    HtmlEditorComponent,
+                    FormsHtmlEditorComponent,
+                    ContentHeaderComponent,
+                    SpinnerComponent,
+                    LoadingComponent,
+                    NativeElementDirective,
+                    SafeHtmlPipe,
+                    ReplaceTextPipe,
+                    FileSizePipe
+                ],
+                declarations: [
+                    SubscribePlanButtonComponent,
+                    UpgradePlanButtonComponent,
+                    BuyAccessButtonComponent,
+                    SignInButtonComponent,
+                    SignUpButtonComponent,
+                    SignOutButtonComponent,
+                    FormValidationSummaryComponent,
+                    ItemValidationSummaryComponent,
+                    HtmlEditorComponent,
+                    FormsHtmlEditorComponent,
+                    ContentHeaderComponent,
+                    SpinnerComponent,
+                    LoadingComponent,
+                    NativeElementDirective,
+                    SafeHtmlPipe,
+                    ReplaceTextPipe,
+                    FileSizePipe
+                ]
+            },] }
+];
 
 /*
  * Public API Surface of anatoly
@@ -2764,5 +2929,5 @@ class Alerts$1 {
  * Generated bundle index. Do not edit.
  */
 
-export { Alerts$1 as Alerts, AnatolyCoreModule, AnatolyDataModule, AnatolyHttpInterceptor, AnatolyUIModule, AppContextService, AppCoreSettings, BaseApiService, BaseComponent, BaseEditComponent, BaseGoService, BaseGridEditService, BaseGridReadService, BillingApiService, BuyAccessButtonComponent, ContentHeaderComponent, ContextInitState, FormValidationSummaryComponent, FormsHtmlEditorComponent, GlobalErrorHandler, Guid, HtmlEditorComponent, ItemValidationSummaryComponent, LoadingService, LocalizationModule, LocalizationService, LocalizationSettingsModule, LocalizePipe, LoggingService, NativeElementDirective, SignInButtonComponent, SignOutButtonComponent, SignUpButtonComponent, Subs, SubscribePlanButtonComponent, UpgradePlanButtonComponent, Utils, ValidationSummaryComponent, throwIfAlreadyLoaded };
+export { Alerts, AnatolyCoreModule, AnatolyDataModule, AnatolyHttpInterceptor, AnatolyUIModule, AppContextService, AppCoreSettings, BaseApiService, BaseComponent, BaseEditComponent, BaseGoService, BaseGridEditService, BaseGridReadService, BaseHtmlEditorComponent, BillingApiService, BuyAccessButtonComponent, ContentHeaderComponent, ContextInitState, Convert, DefaultEditorOptions, FileSizePipe, FormValidationSummaryComponent, FormsHtmlEditorComponent, FroalaEditorModuleWithProviders, FroalaViewModuleWithProviders, GlobalErrorHandler, Guid, HtmlEditorComponent, IdleService, InjectorInstance, ItemValidationSummaryComponent, LoadingComponent, LoadingService, LocalStorageService, LocalizationModule, LocalizationService, LocalizationSettingsModule, LocalizePipe, LoggingService, NativeElementDirective, NotificationService, NotificationsApiService, ReplaceTextPipe, SafeHtmlPipe, SessionStorageService, SignInButtonComponent, SignOutButtonComponent, SignUpButtonComponent, SpinnerComponent, Subs, SubscribePlanButtonComponent, TranslateModuleAtRoot, UpgradePlanButtonComponent, Urls, Utils, ValidationSummaryComponent, consts, customTranslateLoaderFactory, localizationInitializerFactory, throwIfAlreadyLoaded };
 //# sourceMappingURL=osovitny-anatoly.js.map