@osovitny/anatoly 2.0.23 → 2.0.26

package/bundles/osovitny-anatoly.umd.js

@@ -1,11 +1,11 @@
 (function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('sweetalert2'), require('@angular/core'), require('@ngx-translate/core'), require('date-fns'), require('date-fns/locale/en-US'), require('@angular/common'), require('@angular/common/http'), require('rxjs/operators'), require('rxjs'), require('uuid'), require('@angular/router'), require('@angular/forms'), require('angular-froala-wysiwyg')) :
-  typeof define === 'function' && define.amd ? define('@osovitny/anatoly', ['exports', 'sweetalert2', '@angular/core', '@ngx-translate/core', 'date-fns', 'date-fns/locale/en-US', '@angular/common', '@angular/common/http', 'rxjs/operators', 'rxjs', 'uuid', '@angular/router', '@angular/forms', 'angular-froala-wysiwyg'], factory) :
-  (global = global || self, factory((global.osovitny = global.osovitny || {}, global.osovitny.anatoly = {}), global.Swal, global.ng.core, global.i1, global.dateFns, global.enUS, global.ng.common, global.ng.common.http, global.rxjs.operators, global.rxjs, global.uuid, global.ng.router, global.ng.forms, global.angularFroalaWysiwyg));
-}(this, (function (exports, Swal, i0, i1, dateFns, enUS, common, http, operators, rxjs, uuid, router, forms, angularFroalaWysiwyg) { 'use strict';
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/router'), require('@angular/common/http'), require('rxjs/operators'), require('rxjs'), require('@ngx-translate/core'), require('date-fns'), require('date-fns/locale/en-US'), require('@angular/common'), require('@ngx-translate/http-loader'), require('sweetalert2'), require('ngx-toastr'), require('uuid'), require('@angular/forms'), require('@angular/platform-browser'), require('angular-froala-wysiwyg')) :
+  typeof define === 'function' && define.amd ? define('@osovitny/anatoly', ['exports', '@angular/core', '@angular/router', '@angular/common/http', 'rxjs/operators', 'rxjs', '@ngx-translate/core', 'date-fns', 'date-fns/locale/en-US', '@angular/common', '@ngx-translate/http-loader', 'sweetalert2', 'ngx-toastr', 'uuid', '@angular/forms', '@angular/platform-browser', 'angular-froala-wysiwyg'], factory) :
+  (global = global || self, factory((global.osovitny = global.osovitny || {}, global.osovitny.anatoly = {}), global.ng.core, global.ng.router, global.ng.common.http, global.rxjs.operators, global.rxjs, global.i1$1, global.dateFns, global.enUS, global.ng.common, global.httpLoader, global.Swal, global.i1$2, global.uuid, global.ng.forms, global.ng.platformBrowser, global.angularFroalaWysiwyg));
+}(this, (function (exports, i0, router, i1, operators, rxjs, i1$1, dateFns, enUS, common, httpLoader, Swal, i1$2, uuid, forms, platformBrowser, angularFroalaWysiwyg) { 'use strict';
 
-  Swal = Swal && Object.prototype.hasOwnProperty.call(Swal, 'default') ? Swal['default'] : Swal;
   enUS = enUS && Object.prototype.hasOwnProperty.call(enUS, 'default') ? enUS['default'] : enUS;
+  Swal = Swal && Object.prototype.hasOwnProperty.call(Swal, 'default') ? Swal['default'] : Swal;
 
   /*
   <file>
@@ -31,45 +31,24 @@
   /*
   <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>
-  */
-
-  /*
-  <file>
-    Project:
-      @osovitny/anatoly
+      MICE
 
     Authors:
-      Vadim Osovitny
-      Anatoly Osovitny
+      Vadim Osovitny vaosovitny@deloitte.com
 
     Created:
-      26 Jun 2020
+      5 May 2020
 
     Version:
       1.0
 
-    Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
+    Copyright (c) 2020 Deloitte Tax. All rights reserved.
   </file>
   */
-  function throwIfAlreadyLoaded(parentModule, moduleName) {
-      if (parentModule) {
-          throw new Error(moduleName + " has already been loaded. Import " + moduleName + " modules in the AppModule only.");
-      }
-  }
+  var Urls = {
+      // SignalR Notifications
+      notificationsSocketUrl: '/hubs/notifications'
+  };
 
   /*
   <file>
@@ -81,7 +60,7 @@
       Anatoly Osovitny
 
     Created:
-      4 Mar 2020
+      17 Jun 2018
 
     Version:
       1.0
@@ -89,134 +68,24 @@
     Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
   </file>
   */
-  var Alerts = /** @class */ (function () {
-      function Alerts() {
+  var BaseGoService = /** @class */ (function () {
+      function BaseGoService(route, router) {
+          this.route = route;
+          this.router = router;
       }
-      Alerts.Info = function (text) {
-          Swal.fire({
-              title: "Information",
-              text: text,
-              icon: "info",
-              confirmButtonText: "OK",
-          });
-      };
-      Alerts.Warning = function (text) {
-          Swal.fire({
-              title: "Warning",
-              text: text,
-              icon: "warning",
-              confirmButtonText: "OK",
-          });
-      };
-      Alerts.Error = function (text) {
-          Swal.fire({
-              title: "Error",
-              text: text,
-              icon: "error",
-              confirmButtonText: "OK",
-          });
-      };
-      Alerts.NotImplemented = function () {
-          this.Warning("Not Implemented Yet");
-      };
-      Alerts.ErrorOccurred = function () {
-          this.Error("Sorry, an unexpected error occurred");
-      };
-      Alerts.AreYouSure = function (text, title, confirmButtonText, cancelButtonText, successAction, cancelAction) {
-          if (typeof title == "undefined" || title == null)
-              title = "Are you sure?";
-          Swal.fire({
-              title: title,
-              text: text,
-              icon: "warning",
-              confirmButtonText: confirmButtonText,
-              cancelButtonText: cancelButtonText,
-              showCancelButton: true,
-          }).then(function (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();
-                  }
-              }
-          });
-      };
-      Alerts.Success = function (text, title, successAction) {
-          if (typeof title == "undefined" || title == null)
-              title = "Success";
-          if (!text) {
-              text = "Operation was successful";
-          }
-          Swal.fire({
-              title: title,
-              text: text,
-              icon: "success",
-              confirmButtonText: "OK",
-          }).then(function () {
-              if (successAction) {
-                  successAction();
-              }
-          });
-      };
-      Alerts.Cancel = function (text) {
-          if (!text) {
-              text = "Operation has been cancled";
-          }
-          Swal.fire({
-              title: "Cancelled",
-              text: text,
-              icon: "info",
-          });
-      };
-      //Notifications
-      Alerts.NotificationCancel = function (text, title) {
-          if (typeof title == "undefined" || title == null) {
-              title = "Canceled";
-          }
-          if (!text) {
-              text = "Operation has been canceled";
-          }
-          var toast = Swal.mixin({
-              toast: true,
-              position: "top-end",
-              showConfirmButton: false,
-              timer: 3000,
-              timerProgressBar: true,
-          });
-          toast.fire({
-              title: title,
-              text: text,
-              icon: "info",
-          });
-      };
-      Alerts.NotificationSuccess = function (text, title) {
-          if (typeof title == "undefined" || title == null) {
-              title = "Success";
-          }
-          if (!text) {
-              text = "Operation was successful";
-          }
-          var toast = Swal.mixin({
-              toast: true,
-              position: "top-end",
-              showConfirmButton: false,
-              timer: 3000,
-              timerProgressBar: true,
-          });
-          toast.fire({
-              title: title,
-              text: text,
-              icon: "success",
-          });
+      BaseGoService.prototype.locationReload = function () {
+          // this.router.navigate([this.route.url]);
+          window.location.reload();
       };
-      return Alerts;
-  }());
+      return BaseGoService;
+  }());
+  BaseGoService.decorators = [
+      { type: i0.Injectable }
+  ];
+  BaseGoService.ctorParameters = function () { return [
+      { type: router.ActivatedRoute },
+      { type: router.Router }
+  ]; };
 
   /*
   <file>
@@ -228,7 +97,7 @@
       Anatoly Osovitny
 
     Created:
-        05 May 2020
+      26 Jun 2020
 
     Version:
       1.0
@@ -236,90 +105,11 @@
     Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
   </file>
   */
-  var LocalizationService = /** @class */ (function () {
-      function LocalizationService(translate) {
-          this.translate = translate;
-          this.setSupportedLanguages(['en']);
+  function throwIfAlreadyLoaded(parentModule, moduleName) {
+      if (parentModule) {
+          throw new Error(moduleName + " has already been loaded. Import " + moduleName + " modules in the AppModule only.");
       }
-      LocalizationService.prototype.format = function (str, args) {
-          // tslint:disable-next-line:variable-name
-          return str.replace(/{(\d+)}/g, function (match, number) { return typeof args[number] !== 'undefined' ? args[number] : match; });
-      };
-      ;
-      LocalizationService.prototype.configureTranslationSettings = function (translate) {
-          var languageToSet = 'en';
-          translate.setDefaultLang(languageToSet);
-          return languageToSet;
-      };
-      LocalizationService.prototype.getBrowserLanguage = function () {
-          return this.translate.getBrowserLang();
-      };
-      LocalizationService.prototype.getDatefnsLocale = function () {
-          var dfnLocale;
-          switch (this.getBrowserLanguage()) {
-              case 'en':
-                  dfnLocale = { locale: enUS };
-                  break;
-              default:
-                  dfnLocale = { locale: enUS };
-          }
-          return dfnLocale;
-      };
-      LocalizationService.prototype.setDefaultLanguage = function (lang) {
-          this.translate.setDefaultLang(lang);
-      };
-      LocalizationService.prototype.setSupportedLanguages = function (languages) {
-          this.translate.addLangs(languages);
-      };
-      LocalizationService.prototype.updateLanguage = function (language) {
-          this.translate.use(language);
-      };
-      LocalizationService.prototype.getLocalizedValue = function (key, params) {
-          var value = this.translate.instant(key);
-          if (!params || params.length === 0) {
-              return value;
-          }
-          return this.format(value, params);
-      };
-      LocalizationService.prototype.getLocalizedDate = function (key) {
-          if (dateFns.isValid(new Date(key))) {
-              return dateFns.format(new Date(key), AppCoreSettings.DATE_FORMATS.angular, this.dateFnsLocale);
-          }
-          return 'Invalid Date';
-      };
-      LocalizationService.prototype.getLocalizedDateTime = function (key) {
-          // To Do Manoj: Test in IE and make TimeZone specific changes accordingly
-          var dateValue = new Date(key);
-          if (dateFns.isValid(dateValue)) {
-              var localDate = Utils.convertToLocalizedDateTime(dateValue);
-              return dateFns.format(localDate, AppCoreSettings.DATE_FORMATS.angularWithTime, this.dateFnsLocale);
-          }
-          return 'Invalid Date';
-      };
-      LocalizationService.prototype.getLocalizedDistanceToNowInWords = function (date) {
-          // https://date-fns.org/v1.30.1/docs/distanceInWords
-          if (dateFns.isValid(new Date(date))) {
-              return dateFns.formatDistanceToNow(new Date(date), this.dateFnsLocale);
-          }
-          return 'Invalid Date';
-      };
-      LocalizationService.prototype.getLocalizedDistanceInWords = function (endedDate, startedDate) {
-          if (dateFns.isValid(new Date(endedDate)) && dateFns.isValid(new Date(startedDate))) {
-              return dateFns.formatDistance(new Date(endedDate), new Date(startedDate), this.dateFnsLocale);
-          }
-          return 'Invalid Date';
-      };
-      return LocalizationService;
-  }());
-  LocalizationService.ɵprov = i0.ɵɵdefineInjectable({ factory: function LocalizationService_Factory() { return new LocalizationService(i0.ɵɵinject(i1.TranslateService)); }, token: LocalizationService, providedIn: "root" });
-  LocalizationService.decorators = [
-      { type: i0.Injectable, args: [{
-                  providedIn: 'root'
-              },] }
-  ];
-  LocalizationService.ctorParameters = function () { return [
-      { type: i1.TranslateService }
-  ]; };
+  }
 
   /*! *****************************************************************************
   Copyright (c) Microsoft Corporation.
@@ -622,6 +412,52 @@
       return value;
   }
 
+  var LoadingService = /** @class */ (function (_super) {
+      __extends(LoadingService, _super);
+      function LoadingService() {
+          var _this = _super.call(this, false) || this;
+          _this.counter = 0;
+          //Public
+          _this.isFreezed = false;
+          return _this;
+      }
+      LoadingService.prototype.show = function () {
+          this.counter++;
+          var that = this;
+          setTimeout(function () {
+              if (that.counter > 0) {
+                  that.next(true);
+              }
+          }, 1000);
+      };
+      LoadingService.prototype.hide = function () {
+          if (this.counter <= 0) {
+              return;
+          }
+          this.counter--;
+          if (this.counter == 0) {
+              this.next(false);
+          }
+      };
+      LoadingService.prototype.freeze = function (timeout) {
+          var _this = this;
+          if (timeout === void 0) { timeout = 1000; }
+          this.isFreezed = true;
+          var that = this;
+          setTimeout(function () {
+              _this.isFreezed = false;
+          }, timeout);
+      };
+      return LoadingService;
+  }(rxjs.BehaviorSubject));
+  LoadingService.ɵprov = i0.ɵɵdefineInjectable({ factory: function LoadingService_Factory() { return new LoadingService(); }, token: LoadingService, providedIn: "root" });
+  LoadingService.decorators = [
+      { type: i0.Injectable, args: [{
+                  providedIn: "root",
+              },] }
+  ];
+  LoadingService.ctorParameters = function () { return []; };
+
   /*
   <file>
     Project:
@@ -659,216 +495,118 @@
   ];
   LoggingService.ctorParameters = function () { return []; };
 
-  /*
-  <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>
-  */
-  var BaseApiService = /** @class */ (function () {
-      function BaseApiService(http) {
-          this.http = http;
-          this.baseUrl = "";
-      }
-      BaseApiService.prototype.serializeParams = function (data) {
-          return data ? "?" + $.param(data) : "";
-      };
-      //api
-      BaseApiService.prototype.get = function (action, data, responseType) {
-          if (!responseType) {
-              responseType = "json";
-          }
-          var url = this.baseUrl + "/" + action + this.serializeParams(data);
-          return this.http
-              .get(url, { responseType: responseType })
-              .pipe(operators.map(function (res) { return res; }));
-      };
-      BaseApiService.prototype.post = function (action, data, responseType) {
-          if (!responseType) {
-              responseType = "text";
-          }
-          var url = this.baseUrl + "/" + action;
-          return this.http.post(url, data, { responseType: responseType });
-      };
-      BaseApiService.prototype.postQS = function (action, data, responseType) {
-          if (!responseType) {
-              responseType = "text";
-          }
-          var url = this.baseUrl + "/" + action + this.serializeParams(data);
-          return this.http.post(url, null, { responseType: responseType });
-      };
-      BaseApiService.prototype.delete = function (action, data, responseType) {
-          if (!responseType) {
-              responseType = "text";
-          }
-          var url = this.baseUrl + "/" + action + this.serializeParams(data);
-          return this.http.delete(url, { responseType: responseType });
-      };
-      //gets
-      BaseApiService.prototype.getById = function (id) {
-          return this.get("getById", { id: id });
-      };
-      BaseApiService.prototype.getAll = function (data) {
-          return this.get("getall", data).pipe(operators.map(function (res) { return res; }));
-      };
-      BaseApiService.prototype.getJsonFile = function (fileName, jsonUrl, jsonVersion) {
-          if (!jsonUrl) {
-              jsonUrl = "/dist/jsons";
-          }
-          if (!jsonVersion) {
-              jsonVersion = "1.0";
-          }
-          var url = jsonUrl + "/" + fileName + "?" + jsonVersion;
-          return this.http.get(url).pipe(operators.map(function (res) { return res; }));
-      };
-      BaseApiService.prototype.getNewGuid = function () {
-          var url = this.baseUrl + "/getNewGuid";
-          return this.http.get(url, { responseType: "text" });
-      };
-      return BaseApiService;
-  }());
-  BaseApiService.decorators = [
-      { type: i0.Injectable }
-  ];
-  BaseApiService.ctorParameters = function () { return [
-      { type: http.HttpClient }
-  ]; };
-
-  var AppContextService = /** @class */ (function (_super) {
-      __extends(AppContextService, _super);
-      function AppContextService(http) {
-          var _this = _super.call(this, http) || this;
-          _this.http = http;
-          _this.current = null;
-          _this.successes = [];
-          _this.subscription = null;
-          _this.baseUrl = "/api/appContext";
-          return _this;
+  var AnatolyHttpInterceptor = /** @class */ (function () {
+      function AnatolyHttpInterceptor(loadingService, loggingService) {
+          this.loadingService = loadingService;
+          this.loggingService = loggingService;
+          this.longRunningExceptionsList = [];
+          this.autoCDNSASTokenUrls = ['chunks', 'resources'];
+          this.externalSiteUrls = ['azurewebsites.net'];
       }
-      AppContextService.prototype.getCurrent = function (success) {
+      AnatolyHttpInterceptor.prototype.intercept = function (req, next) {
+          var e_1, _a, e_2, _b, e_3, _c;
           var _this = this;
-          if (typeof success == "undefined") {
-              return;
+          var isCDNEnabled = AppCoreSettings.IsCDNEnabled;
+          var cdnSasToken = AppCoreSettings.CDNSASToken;
+          var isLoadingFreezed = this.loadingService.isFreezed;
+          var loadingRequired = !isLoadingFreezed;
+          var authorizationTokenRequired = true;
+          var url = req.url.toLowerCase();
+          var originalUrl = req.url;
+          var isExternalSite = false;
+          if (!isLoadingFreezed) {
+              try {
+                  for (var _d = __values(this.longRunningExceptionsList), _e = _d.next(); !_e.done; _e = _d.next()) {
+                      var i = _e.value;
+                      if (url.indexOf(this.longRunningExceptionsList[i]) >= 0) {
+                          loadingRequired = false;
+                          break;
+                      }
+                  }
+              }
+              catch (e_1_1) { e_1 = { error: e_1_1 }; }
+              finally {
+                  try {
+                      if (_e && !_e.done && (_a = _d.return)) _a.call(_d);
+                  }
+                  finally { if (e_1) throw e_1.error; }
+              }
           }
-          if (this.current != null) {
-              success(this.current);
-              return;
+          if (isCDNEnabled) {
+              try {
+                  for (var _f = __values(this.autoCDNSASTokenUrls), _g = _f.next(); !_g.done; _g = _f.next()) {
+                      var i = _g.value;
+                      if (url.indexOf(this.autoCDNSASTokenUrls[i]) >= 0) {
+                          req = req.clone({ url: originalUrl + cdnSasToken });
+                          break;
+                      }
+                  }
+              }
+              catch (e_2_1) { e_2 = { error: e_2_1 }; }
+              finally {
+                  try {
+                      if (_g && !_g.done && (_b = _f.return)) _b.call(_f);
+                  }
+                  finally { if (e_2) throw e_2.error; }
+              }
           }
-          this.successes.push(success);
-          if (this.subscription != null) {
-              return;
+          try {
+              for (var _h = __values(this.externalSiteUrls), _j = _h.next(); !_j.done; _j = _h.next()) {
+                  var i = _j.value;
+                  if (url.indexOf(this.externalSiteUrls[i]) >= 0) {
+                      isExternalSite = true;
+                      break;
+                  }
+              }
           }
-          this.subscription = this.get("GetCurrentContext", null).subscribe(function (data) {
-              _this.dataReceived(data);
-          }, function (e) { });
-      };
-      AppContextService.prototype.dataReceived = function (data) {
-          this.current = data;
-          for (var i = 0; i < this.successes.length; i++) {
-              var success = this.successes[i];
-              success(data);
+          catch (e_3_1) { e_3 = { error: e_3_1 }; }
+          finally {
+              try {
+                  if (_j && !_j.done && (_c = _h.return)) _c.call(_h);
+              }
+              finally { if (e_3) throw e_3.error; }
           }
-          this.successes = [];
-          this.subscription.unsubscribe();
-          this.subscription = null;
-          this.current = null;
-      };
-      AppContextService.prototype.isUserSignedIn = function () {
-          return ContextInitState.isUserSignedIn;
-      };
-      AppContextService.prototype.isUserAdmin = function () {
-          return ContextInitState.isUserAdmin;
-      };
-      return AppContextService;
-  }(BaseApiService));
-  AppContextService.decorators = [
-      { type: i0.Injectable }
-  ];
-  AppContextService.ctorParameters = function () { return [
-      { type: http.HttpClient }
-  ]; };
-
-  var LoadingService = /** @class */ (function (_super) {
-      __extends(LoadingService, _super);
-      function LoadingService() {
-          var _this = _super.call(this, false) || this;
-          _this.counter = 0;
-          //Public
-          _this.isFreezed = false;
-          return _this;
-      }
-      LoadingService.prototype.show = function () {
-          this.counter++;
-          var that = this;
-          setTimeout(function () {
-              if (that.counter > 0) {
-                  that.next(true);
+          // VadimOS: IE11-fix
+          if (url.indexOf('/api/') > -1) {
+              var newUrl = '';
+              var t = new Date().getTime().toString();
+              if (url.indexOf('?') > -1) {
+                  newUrl = originalUrl + '&t=' + t;
               }
-          }, 1000);
-      };
-      LoadingService.prototype.hide = function () {
-          if (this.counter <= 0) {
-              return;
+              else {
+                  newUrl = originalUrl + '?t=' + t;
+              }
+              req = req.clone({ url: newUrl });
           }
-          this.counter--;
-          if (this.counter == 0) {
-              this.next(false);
+          req = req.clone({ headers: req.headers.set('Accept', 'application/json') });
+          this.onRequestStart(loadingRequired);
+          return next.handle(req).pipe(operators.tap(function (event) {
+              if (event instanceof i1.HttpResponse) {
+                  _this.onRequestEnd(loadingRequired);
+              }
+          }, function (err) {
+              _this.onRequestEnd(loadingRequired);
+              _this.loggingService.logError(err);
+          }));
+      };
+      AnatolyHttpInterceptor.prototype.onRequestStart = function (loadingRequired) {
+          if (loadingRequired) {
+              this.loadingService.show();
           }
       };
-      LoadingService.prototype.freeze = function (timeout) {
-          var _this = this;
-          if (timeout === void 0) { timeout = 1000; }
-          this.isFreezed = true;
-          var that = this;
-          setTimeout(function () {
-              _this.isFreezed = false;
-          }, timeout);
+      AnatolyHttpInterceptor.prototype.onRequestEnd = function (loadingRequired) {
+          if (loadingRequired) {
+              this.loadingService.hide();
+          }
       };
-      return LoadingService;
-  }(rxjs.BehaviorSubject));
-  LoadingService.ɵprov = i0.ɵɵdefineInjectable({ factory: function LoadingService_Factory() { return new LoadingService(); }, token: LoadingService, providedIn: "root" });
-  LoadingService.decorators = [
-      { type: i0.Injectable, args: [{
-                  providedIn: "root",
-              },] }
-  ];
-  LoadingService.ctorParameters = function () { return []; };
-
-  var providers = [
-      LoggingService,
-      AppContextService,
-      LoadingService
-  ];
-  var InjectorInstance;
-  var AnatolyCoreModule = /** @class */ (function () {
-      function AnatolyCoreModule(injector, parentModule) {
-          this.injector = injector;
-          throwIfAlreadyLoaded(parentModule, 'AnatolyCoreModule');
-          InjectorInstance = this.injector;
-      }
-      return AnatolyCoreModule;
+      return AnatolyHttpInterceptor;
   }());
-  AnatolyCoreModule.decorators = [
-      { type: i0.NgModule, args: [{
-                  imports: [common.CommonModule],
-                  providers: __spread(providers),
-              },] }
+  AnatolyHttpInterceptor.decorators = [
+      { type: i0.Injectable }
   ];
-  AnatolyCoreModule.ctorParameters = function () { return [
-      { type: i0.Injector },
-      { type: AnatolyCoreModule, decorators: [{ type: i0.Optional }, { type: i0.SkipSelf }] }
+  AnatolyHttpInterceptor.ctorParameters = function () { return [
+      { type: LoadingService },
+      { type: LoggingService }
   ]; };
 
   /*
@@ -881,7 +619,7 @@
       Anatoly Osovitny
 
     Created:
-      19 March 2020
+      29 June 2020
 
     Version:
       1.0
@@ -889,85 +627,120 @@
     Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
   </file>
   */
-  // @dynamic
-  var Utils = /** @class */ (function () {
-      function Utils() {
+  var Convert = /** @class */ (function () {
+      function Convert() {
       }
-      Utils.getValueByNameInQS = function (name) {
-          return Utils.getValueByName(location.search, name);
+      Convert.toLocalizedDateTime = function (value) {
+          if (value) {
+              return new Date(Date.UTC(value.getFullYear(), value.getMonth(), value.getDate(), value.getHours(), value.getMinutes(), value.getSeconds(), value.getMilliseconds()));
+          }
+          return null;
       };
-      Utils.getValueByName = function (url, name) {
-          name = name.replace(/[\[]/, '\\[').replace(/[\]]/, '\\]');
-          var regex = new RegExp('[\\?&]' + name + '=([^&#]*)'), results = regex.exec(url);
-          return results === null ? '' : decodeURIComponent(results[1].replace(/\+/g, ' '));
+      return Convert;
+  }());
+
+  /*
+  <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>
+  */
+  var LocalizationService = /** @class */ (function () {
+      function LocalizationService(translate) {
+          this.translate = translate;
+          this.setSupportedLanguages(['en']);
+      }
+      LocalizationService.prototype.format = function (str, args) {
+          // tslint:disable-next-line:variable-name
+          return str.replace(/{(\d+)}/g, function (match, number) { return typeof args[number] !== 'undefined' ? args[number] : match; });
       };
-      Utils.copyToClipBoard = function (event, val) {
-          event.preventDefault();
-          var selBox = document.createElement('textarea');
-          selBox.style.position = 'fixed';
-          selBox.style.left = '0';
-          selBox.style.top = '0';
-          selBox.style.opacity = '0';
-          selBox.value = val;
-          document.body.appendChild(selBox);
-          selBox.focus();
-          selBox.select();
-          document.execCommand('copy');
-          document.body.removeChild(selBox);
+      ;
+      LocalizationService.prototype.configureTranslationSettings = function (translate) {
+          var languageToSet = 'en';
+          translate.setDefaultLang(languageToSet);
+          return languageToSet;
       };
-      Utils.downloadFile = function (name, url) {
-          var link = document.createElement('a');
-          link.download = name;
-          link.href = url;
-          link.click();
+      LocalizationService.prototype.getBrowserLanguage = function () {
+          return this.translate.getBrowserLang();
       };
-      Object.defineProperty(Utils, "localizationService", {
-          // Localization
-          // @dynamic
-          get: function () {
-              var ns = InjectorInstance.get(LocalizationService);
-              return ns;
-          },
-          enumerable: false,
-          configurable: true
-      });
-      Utils.getLocalizedValue = function (key, params, defaultKey) {
-          // VadimOS: DON'T CHANGE THIS CODE. NEED TO BE REVIEWED AND APPROVED BY VADIMOS
-          // defaultKey definition:
-          // if key is empty and defaultKey is defined => get localization for defaultKey
-          // Example: cancel()
-          if (!key && defaultKey) {
-              return this.localizationService.getLocalizedValue(defaultKey);
+      LocalizationService.prototype.getDatefnsLocale = function () {
+          var dfnLocale;
+          switch (this.getBrowserLanguage()) {
+              case 'en':
+                  dfnLocale = { locale: enUS };
+                  break;
+              default:
+                  dfnLocale = { locale: enUS };
           }
-          // VadimOS:
-          // if key is not empty value MUST be in localization table, othewise we will return key
-          if (key) {
-              var value = this.localizationService.getLocalizedValue(key, params);
+          return dfnLocale;
+      };
+      LocalizationService.prototype.setDefaultLanguage = function (lang) {
+          this.translate.setDefaultLang(lang);
+      };
+      LocalizationService.prototype.setSupportedLanguages = function (languages) {
+          this.translate.addLangs(languages);
+      };
+      LocalizationService.prototype.updateLanguage = function (language) {
+          this.translate.use(language);
+      };
+      LocalizationService.prototype.getLocalizedValue = function (key, params) {
+          var value = this.translate.instant(key);
+          if (!params || params.length === 0) {
               return value;
           }
-          return key;
+          return this.format(value, params);
       };
-      /**
-       * Convert date time lo local time zone value.
-       * @param value
-       */
-      Utils.convertToLocalizedDateTime = function (value) {
-          if (value) {
-              return new Date(Date.UTC(value.getFullYear(), value.getMonth(), value.getDate(), value.getHours(), value.getMinutes(), value.getSeconds(), value.getMilliseconds()));
+      LocalizationService.prototype.getLocalizedDate = function (key) {
+          if (dateFns.isValid(new Date(key))) {
+              return dateFns.format(new Date(key), AppCoreSettings.DATE_FORMATS.angular, this.dateFnsLocale);
           }
-          return null;
+          return 'Invalid Date';
       };
-      Utils.downloadBlobFile = function (value, fileName) {
-          if (window.navigator.msSaveOrOpenBlob) {
-              window.navigator.msSaveOrOpenBlob(value, fileName);
+      LocalizationService.prototype.getLocalizedDateTime = function (key) {
+          // To Do Manoj: Test in IE and make TimeZone specific changes accordingly
+          var dateValue = new Date(key);
+          if (dateFns.isValid(dateValue)) {
+              var localDate = Convert.toLocalizedDateTime(dateValue);
+              return dateFns.format(localDate, AppCoreSettings.DATE_FORMATS.angularWithTime, this.dateFnsLocale);
           }
-          else {
-              var downloadURL = window.URL.createObjectURL(value);
-              Utils.downloadFile(fileName, downloadURL);
+          return 'Invalid Date';
+      };
+      LocalizationService.prototype.getLocalizedDistanceToNowInWords = function (date) {
+          // https://date-fns.org/v1.30.1/docs/distanceInWords
+          if (dateFns.isValid(new Date(date))) {
+              return dateFns.formatDistanceToNow(new Date(date), this.dateFnsLocale);
           }
+          return 'Invalid Date';
       };
-      return Utils;
-  }());
+      LocalizationService.prototype.getLocalizedDistanceInWords = function (endedDate, startedDate) {
+          if (dateFns.isValid(new Date(endedDate)) && dateFns.isValid(new Date(startedDate))) {
+              return dateFns.formatDistance(new Date(endedDate), new Date(startedDate), this.dateFnsLocale);
+          }
+          return 'Invalid Date';
+      };
+      return LocalizationService;
+  }());
+  LocalizationService.ɵprov = i0.ɵɵdefineInjectable({ factory: function LocalizationService_Factory() { return new LocalizationService(i0.ɵɵinject(i1$1.TranslateService)); }, token: LocalizationService, providedIn: "root" });
+  LocalizationService.decorators = [
+      { type: i0.Injectable, args: [{
+                  providedIn: 'root'
+              },] }
+  ];
+  LocalizationService.ctorParameters = function () { return [
+      { type: i1$1.TranslateService }
+  ]; };
 
   /*
   <file>
@@ -979,7 +752,7 @@
       Anatoly Osovitny
 
     Created:
-      26 Jun 2020
+       10 May 2020
 
     Version:
       1.0
@@ -987,30 +760,49 @@
     Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
   </file>
   */
-  var Subs = /** @class */ (function () {
-      function Subs() {
-          this.subs = [];
+  var LocalizePipe = /** @class */ (function () {
+      function LocalizePipe(localizeService) {
+          this.localizeService = localizeService;
       }
-      Subs.prototype.add = function () {
-          var subscriptions = [];
-          for (var _i = 0; _i < arguments.length; _i++) {
-              subscriptions[_i] = arguments[_i];
+      LocalizePipe.prototype.transform = function (inputData, type, param2) {
+          if (!inputData) {
+              return;
           }
-          this.subs = this.subs.concat(subscriptions);
-      };
-      Object.defineProperty(Subs.prototype, "sink", {
-          set: function (subscription) {
-              this.subs.push(subscription);
-          },
-          enumerable: false,
-          configurable: true
-      });
-      Subs.prototype.unsubscribe = function () {
-          this.subs.forEach(function (sub) { return sub && sub.unsubscribe(); });
-          this.subs = [];
+          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;
       };
-      return Subs;
-  }());
+      return LocalizePipe;
+  }());
+  LocalizePipe.decorators = [
+      { type: i0.Pipe, args: [{
+                  name: 'localize'
+              },] }
+  ];
+  LocalizePipe.ctorParameters = function () { return [
+      { type: LocalizationService }
+  ]; };
 
   /*
   <file>
@@ -1022,7 +814,7 @@
       Anatoly Osovitny
 
     Created:
-      26 Jun 2020
+       05 May 2020
 
     Version:
       1.0
@@ -1030,14 +822,51 @@
     Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
   </file>
   */
-  var Guid = /** @class */ (function () {
-      function Guid() {
+  function customTranslateLoaderFactory(http) {
+      return new httpLoader.TranslateHttpLoader(http, AppCoreSettings.resourcesUrl + "/", '.json');
+  }
+  function localizationInitializerFactory(translate, localizationService, injector) {
+      return function () { return new Promise(function (resolve) {
+          var locationInitialized = injector.get(common.LOCATION_INITIALIZED, Promise.resolve(null));
+          locationInitialized.then(function () {
+              var languageToSet = localizationService.configureTranslationSettings(translate);
+              translate.use(languageToSet).subscribe(function () {
+              }, function () {
+                  resolve(null);
+              }, function () {
+                  resolve(null);
+              });
+          });
+      }); };
+  }
+  var TranslateModuleAtRoot = i1$1.TranslateModule.forRoot({
+      loader: {
+          provide: i1$1.TranslateLoader,
+          useFactory: customTranslateLoaderFactory,
+          deps: [i1.HttpClient]
       }
-      Guid.newGuid = function () {
-          return uuid.v4();
-      };
-      return Guid;
-  }());
+  });
+  var LocalizationSettingsModule = /** @class */ (function () {
+      function LocalizationSettingsModule() {
+      }
+      return LocalizationSettingsModule;
+  }());
+  LocalizationSettingsModule.decorators = [
+      { type: i0.NgModule, args: [{
+                  imports: [
+                      TranslateModuleAtRoot
+                  ],
+                  providers: [
+                      {
+                          provide: i0.APP_INITIALIZER,
+                          useFactory: localizationInitializerFactory,
+                          deps: [i1$1.TranslateService, LocalizationService, i0.Injector],
+                          multi: true
+                      }
+                  ],
+                  exports: []
+              },] }
+  ];
 
   /*
   <file>
@@ -1049,7 +878,7 @@
       Anatoly Osovitny
 
     Created:
-      17 Jun 2018
+       12 May 2020
 
     Version:
       1.0
@@ -1057,24 +886,26 @@
     Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
   </file>
   */
-  var BaseGoService = /** @class */ (function () {
-      function BaseGoService(route, router) {
-          this.route = route;
-          this.router = router;
+  var LocalizationModule = /** @class */ (function () {
+      function LocalizationModule() {
       }
-      BaseGoService.prototype.locationReload = function () {
-          //this.router.navigate([this.route.url]);
-          window.location.reload();
-      };
-      return BaseGoService;
+      return LocalizationModule;
   }());
-  BaseGoService.decorators = [
-      { type: i0.Injectable }
-  ];
-  BaseGoService.ctorParameters = function () { return [
-      { type: router.ActivatedRoute },
-      { type: router.Router }
-  ]; };
+  LocalizationModule.decorators = [
+      { type: i0.NgModule, args: [{
+                  imports: [
+                      i1$1.TranslateModule
+                  ],
+                  exports: [
+                      i1$1.TranslateModule,
+                      LocalizePipe
+                  ],
+                  declarations: [
+                      LocalizePipe
+                  ],
+                  providers: []
+              },] }
+  ];
 
   /*
   <file>
@@ -1113,118 +944,141 @@
       { type: i0.Injector }
   ]; };
 
-  var AnatolyHttpInterceptor = /** @class */ (function () {
-      function AnatolyHttpInterceptor(loadingService, loggingService) {
-          this.loadingService = loadingService;
-          this.loggingService = loggingService;
-          this.longRunningExceptionsList = [];
-          this.autoCDNSASTokenUrls = ['chunks', 'resources'];
-          this.externalSiteUrls = ['azurewebsites.net'];
-      }
-      AnatolyHttpInterceptor.prototype.intercept = function (req, next) {
-          var e_1, _a, e_2, _b, e_3, _c;
-          var _this = this;
-          var isCDNEnabled = AppCoreSettings.IsCDNEnabled;
-          var cdnSasToken = AppCoreSettings.CDNSASToken;
-          var isLoadingFreezed = this.loadingService.isFreezed;
-          var loadingRequired = !isLoadingFreezed;
-          var authorizationTokenRequired = true;
-          var url = req.url.toLowerCase();
-          var originalUrl = req.url;
-          var isExternalSite = false;
-          if (!isLoadingFreezed) {
-              try {
-                  for (var _d = __values(this.longRunningExceptionsList), _e = _d.next(); !_e.done; _e = _d.next()) {
-                      var i = _e.value;
-                      if (url.indexOf(this.longRunningExceptionsList[i]) >= 0) {
-                          loadingRequired = false;
-                          break;
-                      }
-                  }
-              }
-              catch (e_1_1) { e_1 = { error: e_1_1 }; }
-              finally {
-                  try {
-                      if (_e && !_e.done && (_a = _d.return)) _a.call(_d);
-                  }
-                  finally { if (e_1) throw e_1.error; }
-              }
+  /*
+  <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>
+  */
+  var BaseApiService = /** @class */ (function () {
+      function BaseApiService(http) {
+          this.http = http;
+          this.baseUrl = '';
+      }
+      BaseApiService.prototype.serializeParams = function (data) {
+          return data ? '?' + $.param(data) : '';
+      };
+      // api
+      BaseApiService.prototype.get = function (action, data, responseType) {
+          if (!responseType) {
+              responseType = 'json';
           }
-          if (isCDNEnabled) {
-              try {
-                  for (var _f = __values(this.autoCDNSASTokenUrls), _g = _f.next(); !_g.done; _g = _f.next()) {
-                      var i = _g.value;
-                      if (url.indexOf(this.autoCDNSASTokenUrls[i]) >= 0) {
-                          req = req.clone({ url: originalUrl + cdnSasToken });
-                          break;
-                      }
-                  }
-              }
-              catch (e_2_1) { e_2 = { error: e_2_1 }; }
-              finally {
-                  try {
-                      if (_g && !_g.done && (_b = _f.return)) _b.call(_f);
-                  }
-                  finally { if (e_2) throw e_2.error; }
-              }
+          var url = this.baseUrl + "/" + action + this.serializeParams(data);
+          return this.http
+              .get(url, { responseType: responseType })
+              .pipe(operators.map(function (res) { return res; }));
+      };
+      BaseApiService.prototype.post = function (action, data, responseType) {
+          if (!responseType) {
+              responseType = 'text';
           }
-          try {
-              for (var _h = __values(this.externalSiteUrls), _j = _h.next(); !_j.done; _j = _h.next()) {
-                  var i = _j.value;
-                  if (url.indexOf(this.externalSiteUrls[i]) >= 0) {
-                      isExternalSite = true;
-                      break;
-                  }
-              }
+          var url = this.baseUrl + "/" + action;
+          return this.http.post(url, data, { responseType: responseType });
+      };
+      BaseApiService.prototype.postQS = function (action, data, responseType) {
+          if (!responseType) {
+              responseType = 'text';
           }
-          catch (e_3_1) { e_3 = { error: e_3_1 }; }
-          finally {
-              try {
-                  if (_j && !_j.done && (_c = _h.return)) _c.call(_h);
-              }
-              finally { if (e_3) throw e_3.error; }
+          var url = this.baseUrl + "/" + action + this.serializeParams(data);
+          return this.http.post(url, null, { responseType: responseType });
+      };
+      BaseApiService.prototype.delete = function (action, data, responseType) {
+          if (!responseType) {
+              responseType = 'text';
           }
-          // VadimOS: IE11-fix
-          if (url.indexOf('/api/') > -1) {
-              var newUrl = '';
-              var t = new Date().getTime().toString();
-              if (url.indexOf('?') > -1) {
-                  newUrl = originalUrl + '&t=' + t;
-              }
-              else {
-                  newUrl = originalUrl + '?t=' + t;
-              }
-              req = req.clone({ url: newUrl });
+          var url = this.baseUrl + "/" + action + this.serializeParams(data);
+          return this.http.delete(url, { responseType: responseType });
+      };
+      // gets
+      BaseApiService.prototype.getById = function (id) {
+          return this.get('getById', { id: id });
+      };
+      BaseApiService.prototype.getAll = function (data) {
+          return this.get('getall', data).pipe(operators.map(function (res) { return res; }));
+      };
+      BaseApiService.prototype.getJsonFile = function (fileName, jsonUrl, jsonVersion) {
+          if (!jsonUrl) {
+              jsonUrl = '/dist/jsons';
           }
-          req = req.clone({ headers: req.headers.set('Accept', 'application/json') });
-          this.onRequestStart(loadingRequired);
-          return next.handle(req).pipe(operators.tap(function (event) {
-              if (event instanceof http.HttpResponse) {
-                  _this.onRequestEnd(loadingRequired);
-              }
-          }, function (err) {
-              _this.onRequestEnd(loadingRequired);
-              _this.loggingService.logError(err);
-          }));
+          if (!jsonVersion) {
+              jsonVersion = '1.0';
+          }
+          var url = jsonUrl + '/' + fileName + '?' + jsonVersion;
+          return this.http.get(url).pipe(operators.map(function (res) { return res; }));
       };
-      AnatolyHttpInterceptor.prototype.onRequestStart = function (loadingRequired) {
-          if (loadingRequired) {
-              this.loadingService.show();
+      return BaseApiService;
+  }());
+  BaseApiService.decorators = [
+      { type: i0.Injectable }
+  ];
+  BaseApiService.ctorParameters = function () { return [
+      { type: i1.HttpClient }
+  ]; };
+
+  var AppContextService = /** @class */ (function (_super) {
+      __extends(AppContextService, _super);
+      function AppContextService(http) {
+          var _this = _super.call(this, http) || this;
+          _this.http = http;
+          _this.current = null;
+          _this.successes = [];
+          _this.subscription = null;
+          _this.baseUrl = '/api/appContext';
+          return _this;
+      }
+      AppContextService.prototype.getCurrent = function (success) {
+          var _this = this;
+          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(function (data) {
+              _this.dataReceived(data);
+          }, function (e) { });
       };
-      AnatolyHttpInterceptor.prototype.onRequestEnd = function (loadingRequired) {
-          if (loadingRequired) {
-              this.loadingService.hide();
+      AppContextService.prototype.dataReceived = function (data) {
+          this.current = data;
+          for (var i = 0; i < this.successes.length; i++) {
+              var success = this.successes[i];
+              success(data);
           }
+          this.successes = [];
+          this.subscription.unsubscribe();
+          this.subscription = null;
+          this.current = null;
       };
-      return AnatolyHttpInterceptor;
-  }());
-  AnatolyHttpInterceptor.decorators = [
+      AppContextService.prototype.isUserSignedIn = function () {
+          return ContextInitState.isUserSignedIn;
+      };
+      AppContextService.prototype.isUserAdmin = function () {
+          return ContextInitState.isUserAdmin;
+      };
+      return AppContextService;
+  }(BaseApiService));
+  AppContextService.decorators = [
       { type: i0.Injectable }
   ];
-  AnatolyHttpInterceptor.ctorParameters = function () { return [
-      { type: LoadingService },
-      { type: LoggingService }
+  AppContextService.ctorParameters = function () { return [
+      { type: i1.HttpClient }
   ]; };
 
   /*
@@ -1244,156 +1098,340 @@
 
     Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
   </file>
-  */
+  */
+  var Guid = /** @class */ (function () {
+      function Guid() {
+      }
+      Guid.newGuid = function () {
+          return uuid.v4();
+      };
+      return Guid;
+  }());
 
-  var BaseGridReadService = /** @class */ (function (_super) {
-      __extends(BaseGridReadService, _super);
-      function BaseGridReadService(http) {
-          var _this = _super.call(this, []) || this;
-          _this.http = http;
-          _this.baseReadUrl = "";
-          _this.data = [];
-          return _this;
+  // SignalR
+  // import * as signalR from '@microsoft/signalr';
+  // import { NotificationsApiService } from '../../../data/services/notifications/notifications-api-service';
+  var NotificationService = /** @class */ (function () {
+      function NotificationService(toastrService) {
+          this.toastrService = toastrService;
+          // SignalR
+          // private hubConnection: signalR.HubConnection;
+          // private socketUrl: string;
+          // Notifications
+          this._sessionNotifications = new rxjs.BehaviorSubject([]);
+          this._serverNotifications = new rxjs.BehaviorSubject([]);
+          // Public
+          this.sessionNotifications$ = this._sessionNotifications.asObservable();
+          this.serverNotifications$ = this._serverNotifications.asObservable();
+          // this.onInit();
       }
-      BaseGridReadService.prototype.serializeParams = function (data) {
-          return data ? "?" + $.param(data) : "";
+      /*
+      onInit() {
+        if (AppCoreSettings.AzureAD) {
+          this.authService.getAuthToken().subscribe((token: string) => {
+            this.startSignalRConnection(token);
+          });
+    
+          return;
+        }
+    
+        this.startSignalRConnection();
+      }
+    
+      ngOnDestroy() {
+        this.stopSignalRConnection();
+      }
+    
+      // SignalR
+      private startSignalRConnection(accessToken?) {
+        const cskii = AppCoreSettings.selectedClientID;
+        // tslint:disable-next-line:variable-name
+        const cskii_upn = AppCoreSettings.CSKII_UPN;
+        // tslint:disable-next-line:variable-name
+        const cli_sessionguid = AppCoreSettings.CLI_SessionGUID;
+    
+        const url = this.socketUrl + '?cskii=' + cskii + '&cskii_upn=' + cskii_upn + '&cli_sessionguid=' + cli_sessionguid;
+    
+        if (accessToken) {
+          this.hubConnection = new signalR.HubConnectionBuilder()
+            .withUrl(url, {
+              skipNegotiation: false,
+              transport: signalR.HttpTransportType.WebSockets,
+              accessTokenFactory: () => accessToken
+            })
+            .withAutomaticReconnect()
+            .configureLogging(signalR.LogLevel.Debug)
+            .build();
+        }
+        else {
+          this.hubConnection = new signalR.HubConnectionBuilder()
+            .withUrl(this.socketUrl, {
+              skipNegotiation: true,
+              transport: signalR.HttpTransportType.WebSockets
+            })
+            .withAutomaticReconnect()
+            .configureLogging(signalR.LogLevel.Debug)
+            .build();
+        }
+    
+        this.hubConnection
+          .start()
+          .then(() => this.signalRConnection_onSuccess())
+          .catch(err => {
+            console.error('Connection failed to SignalR Notification Hub')
+          })
+      }
+    
+      private signalRConnection_onSuccess() {
+        this.addReceiveMessageDataListener();
+    
+        this.notificationsApiService.retrieveNotifications().subscribe(data => {
+          this.serverNotifications = data;
+        });
+      }
+    
+      stopSignalRConnection() {
+        if (this.hubConnection) {
+          this.hubConnection.stop();
+          this.hubConnection = null;
+        }
+      }
+    
+      private addReceiveMessageDataListener = () => {
+        this.hubConnection.on('ReceiveMessage', (message) => {
+          if (message) {
+            if (message.type === 'error') {
+              this.error(message.text, null, null, false);
+            }
+            else {
+              this.success(message.text, null, null, false);
+            }
+    
+            const notification = {
+              id: message.id,
+              isNew: message.isNew,
+              isSession: true,
+              text: message.text,
+              type: message.type,
+              createdDate: message.createdDate
+            };
+    
+            this.addSessionNotificationToList(notification);
+          }
+        });
+      }
+      */
+      NotificationService.prototype.addSessionNotification = function (text, type) {
+          var id = Guid.newGuid();
+          var notification = { id: id, isNew: true, isSession: true, text: text, type: type, createdDate: new Date(Date.now()).toISOString() };
+          this.addSessionNotificationToList(notification);
       };
-      BaseGridReadService.prototype.read = function (params, success, error) {
-          var _this = this;
-          if (this.data.length) {
-              return _super.prototype.next.call(this, this.data);
+      NotificationService.prototype.addSessionNotificationToList = function (notification) {
+          this.sessionNotifications = __spread([
+              notification
+          ], this.sessionNotifications);
+      };
+      // Public API
+      NotificationService.prototype.removeNotification = function (id, isSession) {
+          if (isSession) {
+              this.sessionNotifications = this.sessionNotifications.filter(function (notifications) { return notifications.id !== id; });
           }
-          var url = this.baseReadUrl;
-          if (typeof params === "undefined") {
-              params = this.savedReadParams;
+          else {
+              this.serverNotifications = this.serverNotifications.filter(function (notifications) { return notifications.id !== id; });
           }
-          if (params) {
-              url = this.baseReadUrl + ("" + this.serializeParams(params));
-              this.savedReadParams = params;
+      };
+      NotificationService.prototype.success = function (text, params, title, createSessionNotification) {
+          if (createSessionNotification === void 0) { createSessionNotification = true; }
+          text = Utils.getLocalizedValue(text, params, 'OperationSuccessFull');
+          title = Utils.getLocalizedValue(title);
+          this.toastrService.success(text, title, {
+              timeOut: 3000,
+              progressBar: true
+          });
+          if (createSessionNotification) {
+              this.addSessionNotification(text, 'success');
           }
-          this.http
-              .get(url)
-              .pipe(operators.map(function (res) { return res; }))
-              .subscribe(function (data) {
-              _super.prototype.next.call(_this, data);
-              if (success)
-                  success();
-          }, function (e) {
-              if (error)
-                  error(e);
+      };
+      NotificationService.prototype.info = function (text, params, title) {
+          text = Utils.getLocalizedValue(text, params);
+          title = Utils.getLocalizedValue(title);
+          this.toastrService.info(text, title, {
+              timeOut: 3000,
+              progressBar: true
           });
       };
-      return BaseGridReadService;
-  }(rxjs.BehaviorSubject));
-  BaseGridReadService.decorators = [
-      { type: i0.Injectable }
-  ];
-  BaseGridReadService.ctorParameters = function () { return [
-      { type: http.HttpClient }
-  ]; };
-
-  var BaseGridEditService = /** @class */ (function (_super) {
-      __extends(BaseGridEditService, _super);
-      function BaseGridEditService(http) {
-          var _this = _super.call(this, http) || this;
-          _this.http = http;
-          _this.baseUrl = "";
-          return _this;
-      }
-      BaseGridEditService.prototype.reset = function () {
-          this.data = [];
+      NotificationService.prototype.warning = function (text, params, title) {
+          text = Utils.getLocalizedValue(text, params);
+          title = Utils.getLocalizedValue(title);
+          this.toastrService.warning(text, title, {
+              timeOut: 3000,
+              progressBar: true
+          });
       };
-      BaseGridEditService.prototype.resetItem = function (dataItem) {
-          if (!dataItem) {
-              return;
+      NotificationService.prototype.error = function (text, params, title, createSessionNotification) {
+          if (createSessionNotification === void 0) { createSessionNotification = true; }
+          text = Utils.getLocalizedValue(text, params, 'ErrorOccured');
+          title = Utils.getLocalizedValue(title);
+          this.toastrService.error(text, title, {
+              timeOut: 3000,
+              progressBar: true
+          });
+          if (createSessionNotification) {
+              this.addSessionNotification(text, 'error');
           }
-          //find orignal data item
-          var originalDataItem = this.data.find(function (item) { return item.Id === dataItem.Id; });
-          //revert changes
-          Object.assign(originalDataItem, dataItem);
-          _super.prototype.next.call(this, this.data);
-      };
-      BaseGridEditService.prototype.save = function (data, isNew, sucess) {
-          var _this = this;
-          var action = isNew ? "add" : "update";
-          this.reset();
-          this.post(action, data).subscribe(function () { }, function () {
-              _this.read();
-          }, function () {
-              _this.read();
-              if (sucess)
-                  sucess();
-          });
       };
-      BaseGridEditService.prototype.remove = function (data, sucess) {
-          var _this = this;
-          this.reset();
-          this.post("remove", data).subscribe(function () { }, function () {
-              _this.read();
-          }, function () {
-              _this.read();
-              if (sucess)
-                  sucess();
+      NotificationService.prototype.cancel = function (text, params, title) {
+          text = Utils.getLocalizedValue(text, params, 'OperationCancelled');
+          title = Utils.getLocalizedValue(title);
+          this.toastrService.info(text, title, {
+              timeOut: 3000,
+              progressBar: true
           });
       };
-      BaseGridEditService.prototype.post = function (action, data) {
-          var url = this.baseUrl + ("" + action + this.serializeParams(data));
-          return this.http.post(url, data).pipe(operators.map(function (res) { return res; }));
-      };
-      return BaseGridEditService;
-  }(BaseGridReadService));
-  BaseGridEditService.decorators = [
-      { type: i0.Injectable }
+      Object.defineProperty(NotificationService.prototype, "sessionNotifications", {
+          // SessionNotifications
+          get: function () {
+              return this._sessionNotifications.getValue();
+          },
+          set: function (val) {
+              this._sessionNotifications.next(val);
+          },
+          enumerable: false,
+          configurable: true
+      });
+      Object.defineProperty(NotificationService.prototype, "serverNotifications", {
+          // ServerNotifications
+          get: function () {
+              return this._serverNotifications.getValue();
+          },
+          set: function (val) {
+              this._serverNotifications.next(val);
+          },
+          enumerable: false,
+          configurable: true
+      });
+      return NotificationService;
+  }());
+  NotificationService.ɵprov = i0.ɵɵdefineInjectable({ factory: function NotificationService_Factory() { return new NotificationService(i0.ɵɵinject(i1$2.ToastrService)); }, token: NotificationService, providedIn: "root" });
+  NotificationService.decorators = [
+      { type: i0.Injectable, args: [{ providedIn: 'root' },] }
   ];
-  BaseGridEditService.ctorParameters = function () { return [
-      { type: http.HttpClient }
+  NotificationService.ctorParameters = function () { return [
+      { type: i1$2.ToastrService }
   ]; };
 
-  var BillingApiService = /** @class */ (function (_super) {
-      __extends(BillingApiService, _super);
-      function BillingApiService(http) {
-          var _this = _super.call(this, http) || this;
-          _this.http = http;
-          _this.baseUrl += "billing/";
-          return _this;
+  var AnatolyCoreModule = /** @class */ (function () {
+      function AnatolyCoreModule(injector, parentModule) {
+          this.injector = injector;
+          throwIfAlreadyLoaded(parentModule, 'AnatolyCoreModule');
+          exports.InjectorInstance = this.injector;
       }
-      BillingApiService.prototype.requestNewSubscription = function (requestedPlan, success, error) {
-          this.postQS("requestNewSubscription", {
-              requestedPlan: requestedPlan,
-          }).subscribe(function (data) { }, function (e) {
-              if (error)
-                  error();
-          }, function () {
-              if (success)
-                  success();
-          });
+      return AnatolyCoreModule;
+  }());
+  AnatolyCoreModule.decorators = [
+      { type: i0.NgModule, args: [{
+                  imports: [common.CommonModule],
+                  exports: [],
+                  providers: [
+                      LoggingService,
+                      NotificationService,
+                      AppContextService,
+                      LoadingService
+                  ],
+              },] }
+  ];
+  AnatolyCoreModule.ctorParameters = function () { return [
+      { type: i0.Injector },
+      { type: AnatolyCoreModule, decorators: [{ type: i0.Optional }, { type: i0.SkipSelf }] }
+  ]; };
+
+  /*
+  <file>
+    Project:
+      @osovitny/anatoly
+
+    Authors:
+      Vadim Osovitny
+      Anatoly Osovitny
+
+    Created:
+      19 March 2020
+
+    Version:
+      1.0
+
+    Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
+  </file>
+  */
+  var Utils = /** @class */ (function () {
+      function Utils() {
+      }
+      Utils.getValueByNameInQS = function (name) {
+          return Utils.getValueByName(location.search, name);
       };
-      BillingApiService.prototype.cancelRequestedSubscription = function (success, error) {
-          this.postQS("cancelRequestedSubscription", null).subscribe(function (data) { }, function (e) {
-              if (error)
-                  error();
-          }, function () {
-              if (success)
-                  success();
-          });
+      Utils.getValueByName = function (url, name) {
+          name = name.replace(/[\[]/, '\\[').replace(/[\]]/, '\\]');
+          // tslint:disable-next-line:one-variable-per-declaration
+          var regex = new RegExp('[\\?&]' + name + '=([^&#]*)'), results = regex.exec(url);
+          return results === null ? '' : decodeURIComponent(results[1].replace(/\+/g, ' '));
       };
-      BillingApiService.prototype.buyAccess = function (requestedPlan, success, error) {
-          this.postQS("buyAccess", { requestedPlan: requestedPlan }).subscribe(function (data) { }, function (e) {
-              if (error)
-                  error();
-          }, function () {
-              if (success)
-                  success();
-          });
+      Utils.copyToClipBoard = function (event, val) {
+          event.preventDefault();
+          var selBox = document.createElement('textarea');
+          selBox.style.position = 'fixed';
+          selBox.style.left = '0';
+          selBox.style.top = '0';
+          selBox.style.opacity = '0';
+          selBox.value = val;
+          document.body.appendChild(selBox);
+          selBox.focus();
+          selBox.select();
+          document.execCommand('copy');
+          document.body.removeChild(selBox);
       };
-      return BillingApiService;
-  }(BaseApiService));
-  BillingApiService.decorators = [
-      { type: i0.Injectable }
-  ];
-  BillingApiService.ctorParameters = function () { return [
-      { type: http.HttpClient }
-  ]; };
+      Utils.downloadFile = function (name, url) {
+          var link = document.createElement('a');
+          link.download = name;
+          link.href = url;
+          link.click();
+      };
+      Object.defineProperty(Utils, "localizationService", {
+          // Localization
+          // @dynamic
+          get: function () {
+              var ns = exports.InjectorInstance.get(LocalizationService);
+              return ns;
+          },
+          enumerable: false,
+          configurable: true
+      });
+      Utils.getLocalizedValue = function (key, params, defaultKey) {
+          // VadimOS: DON'T CHANGE THIS CODE. NEED TO BE REVIEWED AND APPROVED BY VADIMOS
+          // defaultKey definition:
+          // if key is empty and defaultKey is defined => get localization for defaultKey
+          // Example: cancel()
+          if (!key && defaultKey) {
+              return this.localizationService.getLocalizedValue(defaultKey);
+          }
+          // VadimOS:
+          // if key is not empty value MUST be in localization table, othewise we will return key
+          if (key) {
+              var value = this.localizationService.getLocalizedValue(key, params);
+              return value;
+          }
+          return key;
+      };
+      Utils.downloadBlobFile = function (value, fileName) {
+          if (window.navigator.msSaveOrOpenBlob) {
+              window.navigator.msSaveOrOpenBlob(value, fileName);
+          }
+          else {
+              var downloadURL = window.URL.createObjectURL(value);
+              Utils.downloadFile(fileName, downloadURL);
+          }
+      };
+      return Utils;
+  }());
 
   /*
   <file>
@@ -1405,7 +1443,7 @@
       Anatoly Osovitny
 
     Created:
-      4 Mar 2020
+      3 March 2020
 
     Version:
       1.0
@@ -1413,17 +1451,95 @@
     Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
   </file>
   */
-  var AnatolyDataModule = /** @class */ (function () {
-      function AnatolyDataModule() {
+  var Alerts = /** @class */ (function () {
+      function Alerts() {
       }
-      return AnatolyDataModule;
-  }());
-  AnatolyDataModule.decorators = [
-      { type: i0.NgModule, args: [{
-                  imports: [common.CommonModule],
-                  providers: [BillingApiService],
-              },] }
-  ];
+      Alerts.success = function (text, params, title, successAction) {
+          text = Utils.getLocalizedValue(text, params, 'OperationSuccessFull');
+          title = Utils.getLocalizedValue(title, null, 'Success');
+          Swal.fire({
+              text: text,
+              title: title,
+              icon: 'success',
+              confirmButtonText: Utils.getLocalizedValue('Ok')
+          })
+              .then(function () {
+              if (successAction) {
+                  successAction();
+              }
+          });
+      };
+      Alerts.info = function (text, params, title) {
+          text = Utils.getLocalizedValue(text, params);
+          title = Utils.getLocalizedValue(title, null, 'Info');
+          Swal.fire({
+              text: text,
+              title: title,
+              icon: 'info',
+              confirmButtonText: Utils.getLocalizedValue('Ok')
+          });
+      };
+      Alerts.warning = function (text, params, title) {
+          text = Utils.getLocalizedValue(text, params);
+          title = Utils.getLocalizedValue(title, null, 'Warning');
+          Swal.fire({
+              text: text,
+              title: title,
+              icon: 'warning',
+              confirmButtonText: Utils.getLocalizedValue('Ok')
+          });
+      };
+      Alerts.error = function (text, params, title) {
+          text = Utils.getLocalizedValue(text, params, 'ErrorOccured');
+          title = Utils.getLocalizedValue(title, null, 'Error');
+          Swal.fire({
+              text: text,
+              title: title,
+              icon: 'error',
+              confirmButtonText: Utils.getLocalizedValue('Ok')
+          });
+      };
+      Alerts.cancel = function (text, params, title) {
+          text = Utils.getLocalizedValue(text, params, 'OperationCancelled');
+          title = Utils.getLocalizedValue(title, null, 'Cancelled');
+          Swal.fire({
+              text: text,
+              title: title,
+              icon: 'info'
+          });
+      };
+      Alerts.notImplemented = function () {
+          this.warning('Not Implemented Yet');
+      };
+      ;
+      Alerts.areYouSure = function (text, title, confirmButtonText, cancelButtonText, successAction, cancelAction) {
+          text = Utils.getLocalizedValue(text);
+          title = Utils.getLocalizedValue(title, null, 'AreYouSure');
+          Swal.fire({
+              text: text,
+              title: title,
+              icon: 'warning',
+              confirmButtonText: Utils.getLocalizedValue(confirmButtonText),
+              cancelButtonText: Utils.getLocalizedValue(cancelButtonText),
+              showCancelButton: true
+          })
+              .then(function (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();
+                  }
+              }
+          });
+      };
+      ;
+      return Alerts;
+  }());
 
   /*
   <file>
@@ -1435,7 +1551,7 @@
       Anatoly Osovitny
 
     Created:
-      4 Mar 2020
+      2 Jun 2020
 
     Version:
       1.0
@@ -1454,7 +1570,7 @@
       Anatoly Osovitny
 
     Created:
-      14 Aug 2018
+      26 Jun 2020
 
     Version:
       1.0
@@ -1462,57 +1578,99 @@
     Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
   </file>
   */
-  var BuyAccessButtonComponent = /** @class */ (function () {
-      function BuyAccessButtonComponent(appcontext, api) {
-          this.appcontext = appcontext;
-          this.api = api;
-          this.contextUpdated = false;
-          this.isUserSignedIn = false;
-          this.currentPlan = 0;
-          this.currentPlanTitle = "";
+  var IdleService = /** @class */ (function () {
+      function IdleService() {
+          this.expired$ = new rxjs.Subject();
       }
-      BuyAccessButtonComponent.prototype.ngOnInit = function () {
+      IdleService.prototype.startWatching = function (timeOutSeconds) {
           var _this = this;
-          if (!this.appcontext.isUserSignedIn()) {
-              this.contextUpdated = true;
-              return;
-          }
-          this.appcontext.getCurrent(function (current) {
-              _this.isUserSignedIn = current.isUserSignedIn;
-              if (_this.isUserSignedIn) {
-                  _this.currentPlan = current.account.billingPlan;
-                  _this.currentPlanTitle = current.account.billingPlanAsString;
-              }
-              _this.contextUpdated = true;
+          this.idle$ = rxjs.merge(rxjs.fromEvent(document, "mousemove"), rxjs.fromEvent(document, "click"), rxjs.fromEvent(document, "mousedown"), rxjs.fromEvent(document, "keypress"), rxjs.fromEvent(document, "DOMMouseScroll"), rxjs.fromEvent(document, "mousewheel"), rxjs.fromEvent(document, "touchmove"), rxjs.fromEvent(document, "MSPointerMove"), rxjs.fromEvent(window, "mousemove"), rxjs.fromEvent(window, "resize"));
+          this.timeOutMilliSeconds = timeOutSeconds * 1000;
+          this.idleSubscription = this.idle$.subscribe(function (res) {
+              _this.resetTimer();
           });
+          this.startTimer();
+          return this.expired$;
       };
-      BuyAccessButtonComponent.prototype.onBuyPlan = function () {
-          var text = "Requested plan: " + this.plantitle + " ";
-          var that = this;
-          Alerts.AreYouSure(text, "Buying access", "Confirm change", "Cancel", function () {
-              that.api.buyAccess(that.plan, function () {
-                  Alerts.Success("Access Granted", null, function () {
-                      window.location.reload();
-                  });
-              });
+      IdleService.prototype.startTimer = function () {
+          var _this = this;
+          this.timer$ = rxjs.timer(this.timeOutMilliSeconds, this.timeOutMilliSeconds).subscribe(function (res) {
+              _this.expired$.next(true);
           });
       };
-      return BuyAccessButtonComponent;
+      IdleService.prototype.resetTimer = function () {
+          this.timer$.unsubscribe();
+          this.startTimer();
+      };
+      IdleService.prototype.stopTimer = function () {
+          this.timer$.unsubscribe();
+          this.idleSubscription.unsubscribe();
+      };
+      IdleService.prototype.restartIdleTimer = function () {
+          var _this = this;
+          this.timer$.unsubscribe();
+          this.idleSubscription.unsubscribe();
+          this.idleSubscription = this.idle$.subscribe(function (res) {
+              _this.resetTimer();
+          });
+          this.startTimer();
+      };
+      return IdleService;
   }());
-  BuyAccessButtonComponent.decorators = [
-      { type: i0.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"
+  IdleService.ɵprov = i0.ɵɵdefineInjectable({ factory: function IdleService_Factory() { return new IdleService(); }, token: IdleService, providedIn: "root" });
+  IdleService.decorators = [
+      { type: i0.Injectable, args: [{
+                  providedIn: "root",
               },] }
+  ];
+
+  var WebStorageService = /** @class */ (function () {
+      function WebStorageService(storage) {
+          this.currentClientKey = AppCoreSettings.SERVICES_CONF.selectedClientID;
+          this.storage =
+              storage === 'local' || storage === 'localStorage'
+                  ? localStorage
+                  : sessionStorage;
+      }
+      WebStorageService.prototype.setItem = function (key, value) {
+          this.storage.setItem(this.currentClientKey + key, value);
+      };
+      WebStorageService.prototype.setObject = function (key, value) {
+          this.storage.setItem(this.currentClientKey + key, JSON.stringify(value));
+      };
+      WebStorageService.prototype.getItem = function (key) {
+          return this.storage.getItem(this.currentClientKey + key);
+      };
+      WebStorageService.prototype.getObject = function (key) {
+          return JSON.parse(this.storage.getItem(this.currentClientKey + key) || '{}');
+      };
+      WebStorageService.prototype.remove = function (key) {
+          this.storage.removeItem(this.currentClientKey + key);
+      };
+      return WebStorageService;
+  }());
+  var LocalStorageService = /** @class */ (function (_super) {
+      __extends(LocalStorageService, _super);
+      function LocalStorageService() {
+          return _super.call(this, 'localStorage') || this;
+      }
+      return LocalStorageService;
+  }(WebStorageService));
+  LocalStorageService.decorators = [
+      { type: i0.Injectable }
   ];
-  BuyAccessButtonComponent.ctorParameters = function () { return [
-      { type: AppContextService },
-      { type: BillingApiService }
-  ]; };
-  BuyAccessButtonComponent.propDecorators = {
-      plan: [{ type: i0.Input }],
-      plantitle: [{ type: i0.Input }]
-  };
+  LocalStorageService.ctorParameters = function () { return []; };
+  var SessionStorageService = /** @class */ (function (_super) {
+      __extends(SessionStorageService, _super);
+      function SessionStorageService() {
+          return _super.call(this, 'sessionStorage') || this;
+      }
+      return SessionStorageService;
+  }(WebStorageService));
+  SessionStorageService.decorators = [
+      { type: i0.Injectable }
+  ];
+  SessionStorageService.ctorParameters = function () { return []; };
 
   /*
   <file>
@@ -1524,7 +1682,7 @@
       Anatoly Osovitny
 
     Created:
-      1 Jun 2018
+      26 Jun 2020
 
     Version:
       1.0
@@ -1532,99 +1690,133 @@
     Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
   </file>
   */
-  var SubscribePlanButtonComponent = /** @class */ (function () {
-      function SubscribePlanButtonComponent(appcontext) {
-          this.appcontext = appcontext;
-          this.contextUpdated = false;
-          this.isUserSignedIn = false;
-          this.currentPlan = 0;
-          this.currentPlanTitle = "";
-          this.requestedPlan = 0;
-          this.requestedPlanTitle = "";
+  var Subs = /** @class */ (function () {
+      function Subs() {
+          this.subs = [];
       }
-      SubscribePlanButtonComponent.prototype.ngOnInit = function () {
+      Subs.prototype.add = function () {
+          var subscriptions = [];
+          for (var _i = 0; _i < arguments.length; _i++) {
+              subscriptions[_i] = arguments[_i];
+          }
+          this.subs = this.subs.concat(subscriptions);
+      };
+      Object.defineProperty(Subs.prototype, "sink", {
+          set: function (subscription) {
+              this.subs.push(subscription);
+          },
+          enumerable: false,
+          configurable: true
+      });
+      Subs.prototype.unsubscribe = function () {
+          this.subs.forEach(function (sub) { return sub && sub.unsubscribe(); });
+          this.subs = [];
+      };
+      return Subs;
+  }());
+
+  var BaseGridReadService = /** @class */ (function (_super) {
+      __extends(BaseGridReadService, _super);
+      function BaseGridReadService(http) {
+          var _this = _super.call(this, []) || this;
+          _this.http = http;
+          _this.baseReadUrl = "";
+          _this.data = [];
+          return _this;
+      }
+      BaseGridReadService.prototype.serializeParams = function (data) {
+          return data ? "?" + $.param(data) : "";
+      };
+      BaseGridReadService.prototype.read = function (params, success, error) {
           var _this = this;
-          if (!this.appcontext.isUserSignedIn()) {
-              this.contextUpdated = true;
-              return;
+          if (this.data.length) {
+              return _super.prototype.next.call(this, this.data);
           }
-          this.appcontext.getCurrent(function (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;
+          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(operators.map(function (res) { return res; }))
+              .subscribe(function (data) {
+              _super.prototype.next.call(_this, data);
+              if (success)
+                  success();
+          }, function (e) {
+              if (error)
+                  error(e);
           });
       };
-      return SubscribePlanButtonComponent;
-  }());
-  SubscribePlanButtonComponent.decorators = [
-      { type: i0.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"
-              },] }
+      return BaseGridReadService;
+  }(rxjs.BehaviorSubject));
+  BaseGridReadService.decorators = [
+      { type: i0.Injectable }
   ];
-  SubscribePlanButtonComponent.ctorParameters = function () { return [
-      { type: AppContextService }
-  ]; };
-  SubscribePlanButtonComponent.propDecorators = {
-      plan: [{ type: i0.Input }],
-      plantitle: [{ type: i0.Input }]
-  };
+  BaseGridReadService.ctorParameters = function () { return [
+      { type: i1.HttpClient }
+  ]; };
 
-  /*
-  <file>
-    Project:
-      @osovitny/anatoly
-
-    Authors:
-      Vadim Osovitny
-      Anatoly Osovitny
-
-    Created:
-      12 Nov 2017
-
-    Version:
-      1.0
-
-    Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
-  </file>
-  */
-  // Services
-  var UpgradePlanButtonComponent = /** @class */ (function () {
-      function UpgradePlanButtonComponent(api) {
-          this.api = api;
+  var BaseGridEditService = /** @class */ (function (_super) {
+      __extends(BaseGridEditService, _super);
+      function BaseGridEditService(http) {
+          var _this = _super.call(this, http) || this;
+          _this.http = http;
+          _this.baseUrl = "";
+          return _this;
       }
-      UpgradePlanButtonComponent.prototype.onUpgradePlan = function () {
-          var text = "Current plan: " + this.currentplantitle + " New plan: " + this.requestedplantitle;
-          var that = this;
-          Alerts.AreYouSure(text, "Change billing plan", "Confirm change", "Cancel", function () {
-              that.api.requestNewSubscription(that.requestedplan, function () {
-                  Alerts.Success("Your request for changing plan has been sent.", null, function () {
-                      window.location.reload();
-                  });
-              });
+      BaseGridEditService.prototype.reset = function () {
+          this.data = [];
+      };
+      BaseGridEditService.prototype.resetItem = function (dataItem) {
+          if (!dataItem) {
+              return;
+          }
+          //find orignal data item
+          var originalDataItem = this.data.find(function (item) { return item.Id === dataItem.Id; });
+          //revert changes
+          Object.assign(originalDataItem, dataItem);
+          _super.prototype.next.call(this, this.data);
+      };
+      BaseGridEditService.prototype.save = function (data, isNew, sucess) {
+          var _this = this;
+          var action = isNew ? "add" : "update";
+          this.reset();
+          this.post(action, data).subscribe(function () { }, function () {
+              _this.read();
+          }, function () {
+              _this.read();
+              if (sucess)
+                  sucess();
           });
       };
-      return UpgradePlanButtonComponent;
-  }());
-  UpgradePlanButtonComponent.decorators = [
-      { type: i0.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"
-              },] }
+      BaseGridEditService.prototype.remove = function (data, sucess) {
+          var _this = this;
+          this.reset();
+          this.post("remove", data).subscribe(function () { }, function () {
+              _this.read();
+          }, function () {
+              _this.read();
+              if (sucess)
+                  sucess();
+          });
+      };
+      BaseGridEditService.prototype.post = function (action, data) {
+          var url = this.baseUrl + ("" + action + this.serializeParams(data));
+          return this.http.post(url, data).pipe(operators.map(function (res) { return res; }));
+      };
+      return BaseGridEditService;
+  }(BaseGridReadService));
+  BaseGridEditService.decorators = [
+      { type: i0.Injectable }
   ];
-  UpgradePlanButtonComponent.ctorParameters = function () { return [
-      { type: BillingApiService }
-  ]; };
-  UpgradePlanButtonComponent.propDecorators = {
-      currentplantitle: [{ type: i0.Input }],
-      requestedplan: [{ type: i0.Input }],
-      requestedplantitle: [{ type: i0.Input }]
-  };
+  BaseGridEditService.ctorParameters = function () { return [
+      { type: i1.HttpClient }
+  ]; };
 
   /*
   <file>
@@ -1636,7 +1828,7 @@
       Anatoly Osovitny
 
     Created:
-      4 Jul 2018
+      30 April 2020
 
     Version:
       1.0
@@ -1644,20 +1836,185 @@
     Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
   </file>
   */
-  var SignInButtonComponent = /** @class */ (function () {
-      function SignInButtonComponent() {
+  var consts = {
+      billingApiPath: 'api/billing',
+      // Notifications API
+      notificationsApiPath: 'api/notifications',
+  };
+
+  var NotificationsApiService = /** @class */ (function (_super) {
+      __extends(NotificationsApiService, _super);
+      function NotificationsApiService(http) {
+          var _this = _super.call(this, http) || this;
+          _this.http = http;
+          _this.baseUrl = consts.notificationsApiPath;
+          return _this;
       }
-      return SignInButtonComponent;
-  }());
-  SignInButtonComponent.decorators = [
+      NotificationsApiService.prototype.retrieveNotifications = function () {
+          return this.get('retrieveNotifications');
+      };
+      return NotificationsApiService;
+  }(BaseApiService));
+  NotificationsApiService.ɵprov = i0.ɵɵdefineInjectable({ factory: function NotificationsApiService_Factory() { return new NotificationsApiService(i0.ɵɵinject(i1.HttpClient)); }, token: NotificationsApiService, providedIn: "root" });
+  NotificationsApiService.decorators = [
+      { type: i0.Injectable, args: [{
+                  providedIn: 'root'
+              },] }
+  ];
+  NotificationsApiService.ctorParameters = function () { return [
+      { type: i1.HttpClient }
+  ]; };
+
+  var BillingApiService = /** @class */ (function (_super) {
+      __extends(BillingApiService, _super);
+      function BillingApiService(http) {
+          var _this = _super.call(this, http) || this;
+          _this.http = http;
+          _this.baseUrl = consts.billingApiPath;
+          return _this;
+      }
+      BillingApiService.prototype.requestNewSubscription = function (requestedPlan, success, error) {
+          this.postQS("requestNewSubscription", { requestedPlan: requestedPlan }).subscribe(function (data) { }, function (e) {
+              if (error)
+                  error();
+          }, function () {
+              if (success)
+                  success();
+          });
+      };
+      BillingApiService.prototype.cancelRequestedSubscription = function (success, error) {
+          this.postQS("cancelRequestedSubscription", null).subscribe(function (data) { }, function (e) {
+              if (error)
+                  error();
+          }, function () {
+              if (success)
+                  success();
+          });
+      };
+      BillingApiService.prototype.buyAccess = function (requestedPlan, success, error) {
+          this.postQS("buyAccess", { requestedPlan: requestedPlan }).subscribe(function (data) { }, function (e) {
+              if (error)
+                  error();
+          }, function () {
+              if (success)
+                  success();
+          });
+      };
+      return BillingApiService;
+  }(BaseApiService));
+  BillingApiService.decorators = [
+      { type: i0.Injectable }
+  ];
+  BillingApiService.ctorParameters = function () { return [
+      { type: i1.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>
+  */
+  var AnatolyDataModule = /** @class */ (function () {
+      function AnatolyDataModule(parentModule) {
+          throwIfAlreadyLoaded(parentModule, 'AnatolyDataModule');
+      }
+      return AnatolyDataModule;
+  }());
+  AnatolyDataModule.decorators = [
+      { type: i0.NgModule, args: [{
+                  imports: [
+                      common.CommonModule
+                  ],
+                  providers: [
+                      BillingApiService
+                  ],
+              },] }
+  ];
+  AnatolyDataModule.ctorParameters = function () { return [
+      { type: AnatolyDataModule, decorators: [{ type: i0.Optional }, { type: i0.SkipSelf }] }
+  ]; };
+
+  /*
+  <file>
+    Project:
+      @osovitny/anatoly
+
+    Authors:
+      Vadim Osovitny
+      Anatoly Osovitny
+
+    Created:
+      14 Aug 2018
+
+    Version:
+      1.0
+
+    Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
+  </file>
+  */
+  var BuyAccessButtonComponent = /** @class */ (function () {
+      function BuyAccessButtonComponent(appcontext, api) {
+          this.appcontext = appcontext;
+          this.api = api;
+          this.contextUpdated = false;
+          this.isUserSignedIn = false;
+          this.currentPlan = 0;
+          this.currentPlanTitle = '';
+      }
+      BuyAccessButtonComponent.prototype.ngOnInit = function () {
+          var _this = this;
+          if (!this.appcontext.isUserSignedIn()) {
+              this.contextUpdated = true;
+              return;
+          }
+          this.appcontext.getCurrent(function (current) {
+              _this.isUserSignedIn = current.isUserSignedIn;
+              if (_this.isUserSignedIn) {
+                  _this.currentPlan = current.account.billingPlan;
+                  _this.currentPlanTitle = current.account.billingPlanAsString;
+              }
+              _this.contextUpdated = true;
+          });
+      };
+      BuyAccessButtonComponent.prototype.onBuyPlan = function () {
+          var text = "Requested plan: " + this.plantitle + " ";
+          var that = this;
+          Alerts.areYouSure(text, 'Buying access', 'Confirm change', 'Cancel', function () {
+              that.api.buyAccess(that.plan, function () {
+                  Alerts.success('Access Granted', null, null, function () {
+                      window.location.reload();
+                  });
+              });
+          });
+      };
+      return BuyAccessButtonComponent;
+  }());
+  BuyAccessButtonComponent.decorators = [
       { type: i0.Component, args: [{
-                  selector: "anatoly-signin-button",
-                  template: "<a href=\"identity/signIn\" class=\"{{classbtn}}\">Sign In</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"
               },] }
   ];
-  SignInButtonComponent.ctorParameters = function () { return []; };
-  SignInButtonComponent.propDecorators = {
-      classbtn: [{ type: i0.Input }]
+  BuyAccessButtonComponent.ctorParameters = function () { return [
+      { type: AppContextService },
+      { type: BillingApiService }
+  ]; };
+  BuyAccessButtonComponent.propDecorators = {
+      plan: [{ type: i0.Input }],
+      plantitle: [{ type: i0.Input }]
   };
 
   /*
@@ -1670,7 +2027,7 @@
       Anatoly Osovitny
 
     Created:
-      4 Jul 2018
+      1 Jun 2018
 
     Version:
       1.0
@@ -1678,21 +2035,456 @@
     Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
   </file>
   */
-  var SignOutButtonComponent = /** @class */ (function () {
-      function SignOutButtonComponent() {
+  var SubscribePlanButtonComponent = /** @class */ (function () {
+      function SubscribePlanButtonComponent(appcontext) {
+          this.appcontext = appcontext;
+          this.contextUpdated = false;
+          this.isUserSignedIn = false;
+          this.currentPlan = 0;
+          this.currentPlanTitle = "";
+          this.requestedPlan = 0;
+          this.requestedPlanTitle = "";
       }
-      return SignOutButtonComponent;
+      SubscribePlanButtonComponent.prototype.ngOnInit = function () {
+          var _this = this;
+          if (!this.appcontext.isUserSignedIn()) {
+              this.contextUpdated = true;
+              return;
+          }
+          this.appcontext.getCurrent(function (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;
+          });
+      };
+      return SubscribePlanButtonComponent;
   }());
-  SignOutButtonComponent.decorators = [
+  SubscribePlanButtonComponent.decorators = [
       { type: i0.Component, args: [{
-                  selector: "anatoly-signout-button",
-                  template: "<a href=\"identity/signOut\" class=\"{{classbtn}}\">Sign Out</a>\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"
+              },] }
+  ];
+  SubscribePlanButtonComponent.ctorParameters = function () { return [
+      { type: AppContextService }
+  ]; };
+  SubscribePlanButtonComponent.propDecorators = {
+      plan: [{ type: i0.Input }],
+      plantitle: [{ type: i0.Input }]
+  };
+
+  /*
+  <file>
+    Project:
+      @osovitny/anatoly
+
+    Authors:
+      Vadim Osovitny
+      Anatoly Osovitny
+
+    Created:
+      12 Nov 2017
+
+    Version:
+      1.0
+
+    Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
+  </file>
+  */
+  // Services
+  var UpgradePlanButtonComponent = /** @class */ (function () {
+      function UpgradePlanButtonComponent(api) {
+          this.api = api;
+      }
+      UpgradePlanButtonComponent.prototype.onUpgradePlan = function () {
+          var text = "Current plan: " + this.currentplantitle + " New plan: " + this.requestedplantitle;
+          var that = this;
+          Alerts.areYouSure(text, 'Change billing plan', 'Confirm change', 'Cancel', function () {
+              that.api.requestNewSubscription(that.requestedplan, function () {
+                  Alerts.success('Your request for changing plan has been sent.', null, null, function () {
+                      window.location.reload();
+                  });
+              });
+          });
+      };
+      return UpgradePlanButtonComponent;
+  }());
+  UpgradePlanButtonComponent.decorators = [
+      { type: i0.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 = function () { return [
+      { type: BillingApiService }
+  ]; };
+  UpgradePlanButtonComponent.propDecorators = {
+      currentplantitle: [{ type: i0.Input }],
+      requestedplan: [{ type: i0.Input }],
+      requestedplantitle: [{ type: i0.Input }]
+  };
+
+  /*
+  <file>
+    Project:
+      @osovitny/anatoly
+
+    Authors:
+      Vadim Osovitny
+      Anatoly Osovitny
+
+    Created:
+      23 Apr 2018
+
+    Version:
+      1.0
+
+    Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
+  </file>
+  */
+  var ContentHeaderComponent = /** @class */ (function () {
+      function ContentHeaderComponent() {
+      }
+      ContentHeaderComponent.prototype.ngOnInit = function () {
+          if (this.title == null) {
+              this.title = "";
+          }
+      };
+      return ContentHeaderComponent;
+  }());
+  ContentHeaderComponent.decorators = [
+      { type: i0.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: i0.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>
+  */
+  var DefaultEditorOptions = {
+      placeholderText: "Edit Your Content Here",
+      charCounterCount: true,
+      heightMin: 100,
+      toolbarInline: false,
+      toolbarButtons: {
+          moreText: {
+              buttons: [
+                  "bold",
+                  "italic",
+                  "underline",
+                  "strikeThrough",
+                  "subscript",
+                  "superscript",
+                  "fontFamily",
+                  "fontSize",
+                  "textColor",
+                  "backgroundColor",
+                  "inlineClass",
+                  "inlineStyle",
+              ],
+          },
+          moreParagraph: {
+              buttons: [
+                  "alignLeft",
+                  "alignCenter",
+                  "formatOLSimple",
+                  "alignRight",
+                  "alignJustify",
+                  "formatOL",
+                  "formatUL",
+                  "paragraphFormat",
+                  "paragraphStyle",
+                  "lineHeight",
+                  "outdent",
+                  "indent",
+                  "quote",
+              ],
+          },
+          moreRich: {
+              buttons: [
+                  "insertLink",
+                  "insertImage",
+                  "insertTable",
+                  "emoticons",
+                  "fontAwesome",
+                  "specialCharacters",
+                  "embedly",
+              ],
+          },
+          moreMisc: {
+              buttons: [
+                  "selectAll",
+                  "clearFormatting",
+                  "html",
+                  "undo",
+                  "redo",
+                  "fullscreen",
+              ],
+              align: "right",
+          },
+      },
+      /*
+          Upload:
+          https://www.froala.com/wysiwyg-editor/docs/concepts/image/upload
+      */
+      imageUploadURL: "/api/HtmlEditor/UploadImage",
+      imageAllowedTypes: ["jpeg", "jpg", "png"],
+      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>
+  */
+  var BaseComponent = /** @class */ (function () {
+      function BaseComponent() {
+      }
+      BaseComponent.prototype.getQSId = function () {
+          var id = Utils.getValueByNameInQS("id");
+          if (typeof id === 'undefined' || id == '')
+              return null;
+          return id;
+      };
+      return BaseComponent;
+  }());
+
+  var BaseEditComponent = /** @class */ (function (_super) {
+      __extends(BaseEditComponent, _super);
+      function BaseEditComponent() {
+          var _this = _super.call(this) || this;
+          _this.formSubmitted = false;
+          return _this;
+      }
+      BaseEditComponent.prototype.isActionAdding = function () {
+          var id = Utils.getValueByNameInQS("id");
+          if (typeof id === 'undefined' || id == '')
+              return true;
+          return false;
+      };
+      BaseEditComponent.prototype.getEntityId = function () {
+          return this.getQSId();
+      };
+      BaseEditComponent.prototype.isControlValid = function (name, formGroup) {
+          if (formGroup === void 0) { formGroup = null; }
+          return !this.isControlInvalid(name, formGroup);
+      };
+      BaseEditComponent.prototype.isControlInvalid = function (name, formGroup) {
+          if (formGroup === void 0) { formGroup = null; }
+          if (typeof name === 'undefined' || name == '') {
+              return false;
+          }
+          var 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
+      BaseEditComponent.prototype.getFormValue = function (name, formGroup) {
+          if (formGroup === void 0) { formGroup = null; }
+          var fg = (formGroup) ? formGroup : this.formGroup;
+          return fg.controls[name].value;
+      };
+      BaseEditComponent.prototype.setFormValue = function (name, value, formGroup) {
+          if (formGroup === void 0) { formGroup = null; }
+          var fg = (formGroup) ? formGroup : this.formGroup;
+          fg.controls[name].setValue(value);
+      };
+      BaseEditComponent.prototype.getFormGroupValue = function (groupName, name, formGroup) {
+          if (formGroup === void 0) { formGroup = null; }
+          var fg = (formGroup) ? formGroup : this.formGroup;
+          return fg.controls[groupName].get(name).value;
+      };
+      BaseEditComponent.prototype.setFormGroupValue = function (groupName, name, value, formGroup) {
+          if (formGroup === void 0) { formGroup = null; }
+          var fg = (formGroup) ? formGroup : this.formGroup;
+          fg.controls[groupName].get(name).setValue(value);
+      };
+      return BaseEditComponent;
+  }(BaseComponent));
+  BaseEditComponent.propDecorators = {
+      formGroup: [{ type: i0.Input }],
+      formSubmitted: [{ type: i0.Input }]
+  };
+
+  var BaseHtmlEditorComponent = /** @class */ (function (_super) {
+      __extends(BaseHtmlEditorComponent, _super);
+      function BaseHtmlEditorComponent() {
+          var _this = _super.call(this) || this;
+          _this.froalaEditorInitialized = false;
+          _this.afterInitializedActions = [];
+          // Inputs
+          _this.editorLabelText = 'Html';
+          _this.editorOptions = {};
+          return _this;
+      }
+      BaseHtmlEditorComponent.prototype.ngOnInit = function () {
+          var opt = this.editorOptions;
+          if (typeof this.editorOptions == 'string') {
+              opt = JSON.parse(this.editorOptions);
+          }
+          var newOptions = $.extend({}, DefaultEditorOptions, opt);
+          var key = AppCoreSettings.froalaEditorKey;
+          if (key) {
+              newOptions = $.extend({}, newOptions, JSON.parse('{ "key": "' + key + '" }'));
+          }
+          if (newOptions.events && newOptions.events.initialized) {
+              newOptions.events.initialized.overridden = false;
+          }
+          this.options = newOptions;
+      };
+      BaseHtmlEditorComponent.prototype.ngAfterViewInit = function () {
+          var that = this;
+          setTimeout(function () {
+              that.froalaEditorInitialized = true;
+              that.onInitialized();
+          }, 300);
+      };
+      BaseHtmlEditorComponent.prototype.onInitialized = function () {
+          var actions = this.afterInitializedActions;
+          // Clear actions
+          this.afterInitializedActions = [];
+          if (actions) {
+              for (var i = 0; i < actions.length; i++) {
+                  actions[i]();
+              }
+          }
+      };
+      BaseHtmlEditorComponent.prototype.getEditor = function () {
+          if (this.froalaEditor)
+              return this.froalaEditor.getEditor();
+          return null;
+      };
+      // Public Funcs
+      BaseHtmlEditorComponent.prototype.doAfterInitialized = function (action) {
+          var that = this;
+          if (!this.froalaEditorInitialized) {
+              this.afterInitializedActions.push(function () {
+                  action(that);
+              });
+          }
+          else {
+              action(that);
+          }
+      };
+      BaseHtmlEditorComponent.prototype.initializeControl = function (control) {
+          this.froalaEditor = control;
+          this.froalaEditor.initialize();
+      };
+      BaseHtmlEditorComponent.prototype.setUploadParams = function (uploadType, uploadParentId) {
+          this.doAfterInitialized(function (that) {
+              var editor = that.getEditor();
+              if (typeof editor == 'undefined' || editor == null) {
+                  return;
+              }
+              editor.opts.imageUploadParams.uploadType = uploadType;
+              editor.opts.imageUploadParams.uploadParentId = uploadParentId;
+          });
+      };
+      return BaseHtmlEditorComponent;
+  }(BaseEditComponent));
+  BaseHtmlEditorComponent.propDecorators = {
+      editorLabelText: [{ type: i0.Input }],
+      editorOptions: [{ type: i0.Input }]
+  };
+
+  var FormsHtmlEditorComponent = /** @class */ (function (_super) {
+      __extends(FormsHtmlEditorComponent, _super);
+      function FormsHtmlEditorComponent() {
+          var _this = _super.call(this) || this;
+          _this.editorFormKey = "html";
+          return _this;
+      }
+      FormsHtmlEditorComponent.prototype.setFormValueAfterInitialized = function (name, value) {
+          this.doAfterInitialized(function (that) {
+              that.setFormValue(name, value);
+          });
+      };
+      return FormsHtmlEditorComponent;
+  }(BaseHtmlEditorComponent));
+  FormsHtmlEditorComponent.decorators = [
+      { type: i0.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 = function () { return []; };
+  FormsHtmlEditorComponent.propDecorators = {
+      editorFormKey: [{ type: i0.Input }]
+  };
+
+  var HtmlEditorComponent = /** @class */ (function (_super) {
+      __extends(HtmlEditorComponent, _super);
+      function HtmlEditorComponent() {
+          return _super.call(this) || this;
+      }
+      HtmlEditorComponent.prototype.setHtml = function (content) {
+          this.doAfterInitialized(function (that) {
+              var editor = that.getEditor();
+              if (typeof editor == "undefined" || editor == null) {
+                  return;
+              }
+              editor.html.set(content);
+          });
+      };
+      HtmlEditorComponent.prototype.getHtml = function () {
+          var editor = this.getEditor();
+          if (typeof editor == "undefined" || editor == null) {
+              return;
+          }
+          return editor.html.get(false);
+      };
+      return HtmlEditorComponent;
+  }(BaseHtmlEditorComponent));
+  HtmlEditorComponent.decorators = [
+      { type: i0.Component, args: [{
+                  selector: "anatoly-html-editor",
+                  template: "<div>\r\n  <label>{{ editorLabelText }}</label>\r\n  <textarea [froalaEditor]=\"options\" (froalaInit)=\"initializeControl($event)\">\r\n  </textarea>\r\n</div>"
               },] }
   ];
-  SignOutButtonComponent.ctorParameters = function () { return []; };
-  SignOutButtonComponent.propDecorators = {
-      classbtn: [{ type: i0.Input }]
-  };
+  HtmlEditorComponent.ctorParameters = function () { return []; };
 
   /*
   <file>
@@ -1712,18 +2504,19 @@
     Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
   </file>
   */
-  var SignUpButtonComponent = /** @class */ (function () {
-      function SignUpButtonComponent() {
+  var SignInButtonComponent = /** @class */ (function () {
+      function SignInButtonComponent() {
       }
-      return SignUpButtonComponent;
+      return SignInButtonComponent;
   }());
-  SignUpButtonComponent.decorators = [
+  SignInButtonComponent.decorators = [
       { type: i0.Component, args: [{
-                  selector: "anatoly-signup-button",
-                  template: "<a href=\"identity/signup\" class=\"{{classbtn}}\">Sign Up</a>\r\n"
+                  selector: "anatoly-signin-button",
+                  template: "<a href=\"identity/signIn\" class=\"{{classbtn}}\">Sign In</a>\r\n"
               },] }
   ];
-  SignUpButtonComponent.propDecorators = {
+  SignInButtonComponent.ctorParameters = function () { return []; };
+  SignInButtonComponent.propDecorators = {
       classbtn: [{ type: i0.Input }]
   };
 
@@ -1737,7 +2530,7 @@
       Anatoly Osovitny
 
     Created:
-      23 Apr 2018
+      4 Jul 2018
 
     Version:
       1.0
@@ -1745,24 +2538,20 @@
     Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
   </file>
   */
-  var ContentHeaderComponent = /** @class */ (function () {
-      function ContentHeaderComponent() {
+  var SignOutButtonComponent = /** @class */ (function () {
+      function SignOutButtonComponent() {
       }
-      ContentHeaderComponent.prototype.ngOnInit = function () {
-          if (this.title == null) {
-              this.title = "";
-          }
-      };
-      return ContentHeaderComponent;
+      return SignOutButtonComponent;
   }());
-  ContentHeaderComponent.decorators = [
+  SignOutButtonComponent.decorators = [
       { type: i0.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-signout-button",
+                  template: "<a href=\"identity/signOut\" class=\"{{classbtn}}\">Sign Out</a>\r\n"
               },] }
   ];
-  ContentHeaderComponent.propDecorators = {
-      title: [{ type: i0.Input }]
+  SignOutButtonComponent.ctorParameters = function () { return []; };
+  SignOutButtonComponent.propDecorators = {
+      classbtn: [{ type: i0.Input }]
   };
 
   /*
@@ -1775,7 +2564,7 @@
       Anatoly Osovitny
 
     Created:
-      28 Aug 2018
+      4 Jul 2018
 
     Version:
       1.0
@@ -1783,79 +2572,19 @@
     Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
   </file>
   */
-  var BaseComponent = /** @class */ (function () {
-      function BaseComponent() {
-      }
-      BaseComponent.prototype.getQSId = function () {
-          var id = Utils.getValueByNameInQS("id");
-          if (typeof id === 'undefined' || id == '')
-              return null;
-          return id;
-      };
-      return BaseComponent;
-  }());
-
-  var BaseEditComponent = /** @class */ (function (_super) {
-      __extends(BaseEditComponent, _super);
-      function BaseEditComponent() {
-          var _this = _super.call(this) || this;
-          _this.formSubmitted = false;
-          return _this;
+  var SignUpButtonComponent = /** @class */ (function () {
+      function SignUpButtonComponent() {
       }
-      BaseEditComponent.prototype.isActionAdding = function () {
-          var id = Utils.getValueByNameInQS("id");
-          if (typeof id === 'undefined' || id == '')
-              return true;
-          return false;
-      };
-      BaseEditComponent.prototype.getEntityId = function () {
-          return this.getQSId();
-      };
-      BaseEditComponent.prototype.isControlValid = function (name, formGroup) {
-          if (formGroup === void 0) { formGroup = null; }
-          return !this.isControlInvalid(name, formGroup);
-      };
-      BaseEditComponent.prototype.isControlInvalid = function (name, formGroup) {
-          if (formGroup === void 0) { formGroup = null; }
-          if (typeof name === 'undefined' || name == '') {
-              return false;
-          }
-          var 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
-      BaseEditComponent.prototype.getFormValue = function (name, formGroup) {
-          if (formGroup === void 0) { formGroup = null; }
-          var fg = (formGroup) ? formGroup : this.formGroup;
-          return fg.controls[name].value;
-      };
-      BaseEditComponent.prototype.setFormValue = function (name, value, formGroup) {
-          if (formGroup === void 0) { formGroup = null; }
-          var fg = (formGroup) ? formGroup : this.formGroup;
-          fg.controls[name].setValue(value);
-      };
-      BaseEditComponent.prototype.getFormGroupValue = function (groupName, name, formGroup) {
-          if (formGroup === void 0) { formGroup = null; }
-          var fg = (formGroup) ? formGroup : this.formGroup;
-          return fg.controls[groupName].get(name).value;
-      };
-      BaseEditComponent.prototype.setFormGroupValue = function (groupName, name, value, formGroup) {
-          if (formGroup === void 0) { formGroup = null; }
-          var fg = (formGroup) ? formGroup : this.formGroup;
-          fg.controls[groupName].get(name).setValue(value);
-      };
-      return BaseEditComponent;
-  }(BaseComponent));
-  BaseEditComponent.propDecorators = {
-      formGroup: [{ type: i0.Input }],
-      formSubmitted: [{ type: i0.Input }]
+      return SignUpButtonComponent;
+  }());
+  SignUpButtonComponent.decorators = [
+      { type: i0.Component, args: [{
+                  selector: "anatoly-signup-button",
+                  template: "<a href=\"identity/signup\" class=\"{{classbtn}}\">Sign Up</a>\r\n"
+              },] }
+  ];
+  SignUpButtonComponent.propDecorators = {
+      classbtn: [{ type: i0.Input }]
   };
 
   /*
@@ -1868,7 +2597,7 @@
       Anatoly Osovitny
 
     Created:
-      12 Dec 2017
+      9 May 2020
 
     Version:
       1.0
@@ -1876,213 +2605,257 @@
     Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
   </file>
   */
-  var DefaultEditorOptions = {
-      placeholderText: "Edit Your Content Here",
-      charCounterCount: true,
-      heightMin: 100,
-      toolbarInline: false,
-      toolbarButtons: {
-          moreText: {
-              buttons: [
-                  "bold",
-                  "italic",
-                  "underline",
-                  "strikeThrough",
-                  "subscript",
-                  "superscript",
-                  "fontFamily",
-                  "fontSize",
-                  "textColor",
-                  "backgroundColor",
-                  "inlineClass",
-                  "inlineStyle",
-              ],
-          },
-          moreParagraph: {
-              buttons: [
-                  "alignLeft",
-                  "alignCenter",
-                  "formatOLSimple",
-                  "alignRight",
-                  "alignJustify",
-                  "formatOL",
-                  "formatUL",
-                  "paragraphFormat",
-                  "paragraphStyle",
-                  "lineHeight",
-                  "outdent",
-                  "indent",
-                  "quote",
-              ],
-          },
-          moreRich: {
-              buttons: [
-                  "insertLink",
-                  "insertImage",
-                  "insertTable",
-                  "emoticons",
-                  "fontAwesome",
-                  "specialCharacters",
-                  "embedly",
-              ],
-          },
-          moreMisc: {
-              buttons: [
-                  "selectAll",
-                  "clearFormatting",
-                  "html",
-                  "undo",
-                  "redo",
-                  "fullscreen",
-              ],
-              align: "right",
-          },
-      },
-      /*
-          Upload:
-          https://www.froala.com/wysiwyg-editor/docs/concepts/image/upload
-      */
-      imageUploadURL: "/api/HtmlEditor/UploadImage",
-      imageAllowedTypes: ["jpeg", "jpg", "png"],
-      imageUploadParams: { uploadType: "", uploadParentId: "" },
-  };
-
-  var BaseHtmlEditorComponent = /** @class */ (function (_super) {
-      __extends(BaseHtmlEditorComponent, _super);
-      function BaseHtmlEditorComponent() {
-          var _this = _super.call(this) || this;
-          _this.froalaEditorInitialized = false;
-          _this.afterInitializedActions = [];
-          //Inputs
-          _this.editorLabelText = "Html";
-          _this.editorOptions = {};
-          return _this;
+  var LoadingComponent = /** @class */ (function () {
+      function LoadingComponent(loadingService) {
+          this.loadingService = loadingService;
+          // Private
+          this.subs = new Subs();
+          // Public
+          this.show = false;
       }
-      BaseHtmlEditorComponent.prototype.ngOnInit = function () {
-          var opt = this.editorOptions;
-          if (typeof this.editorOptions == "string") {
-              opt = JSON.parse(this.editorOptions);
-          }
-          var newOptions = $.extend({}, DefaultEditorOptions, opt);
-          var key = AppCoreSettings.froalaEditorKey;
-          if (key) {
-              newOptions = $.extend({}, newOptions, JSON.parse('{ "key": "' + key + '" }'));
-          }
-          if (newOptions.events && newOptions.events.initialized) {
-              newOptions.events.initialized.overridden = false;
-          }
-          this.options = newOptions;
-      };
-      BaseHtmlEditorComponent.prototype.ngAfterViewInit = function () {
-          var that = this;
-          setTimeout(function () {
-              that.froalaEditorInitialized = true;
-              that.onInitialized();
-          }, 300);
-      };
-      BaseHtmlEditorComponent.prototype.onInitialized = function () {
-          var actions = this.afterInitializedActions;
-          //Clear actions
-          this.afterInitializedActions = [];
-          if (actions) {
-              for (var i = 0; i < actions.length; i++) {
-                  actions[i]();
-              }
-          }
-      };
-      BaseHtmlEditorComponent.prototype.getEditor = function () {
-          if (this.froalaEditor)
-              return this.froalaEditor.getEditor();
-          return null;
-      };
-      //Public Funcs
-      BaseHtmlEditorComponent.prototype.doAfterInitialized = function (action) {
-          var that = this;
-          if (!this.froalaEditorInitialized) {
-              this.afterInitializedActions.push(function () {
-                  action(that);
-              });
-          }
-          else {
-              action(that);
-          }
+      LoadingComponent.prototype.ngOnInit = function () {
+          var _this = this;
+          this.subs.sink = this.loadingService.subscribe(function (state) {
+              _this.show = state;
+          });
       };
-      BaseHtmlEditorComponent.prototype.initializeControl = function (control) {
-          this.froalaEditor = control;
-          this.froalaEditor.initialize();
+      LoadingComponent.prototype.ngOnDestroy = function () {
+          this.subs.unsubscribe();
       };
-      BaseHtmlEditorComponent.prototype.setUploadParams = function (uploadType, uploadParentId) {
-          this.doAfterInitialized(function (that) {
-              var editor = that.getEditor();
-              if (typeof editor == "undefined" || editor == null) {
-                  return;
+      return LoadingComponent;
+  }());
+  LoadingComponent.decorators = [
+      { type: i0.Component, args: [{
+                  selector: 'anatoly-loading',
+                  template: "<div *ngIf=\"show\">\r\n  <span id=\"pnlLoading\" class=\"k-icon k-i-loading\"></span>\r\n</div>\r\n"
+              },] }
+  ];
+  LoadingComponent.ctorParameters = function () { return [
+      { type: LoadingService }
+  ]; };
+
+  /*
+  <file>
+    Project:
+      @osovitny/anatoly
+
+    Authors:
+      Vadim Osovitny
+      Anatoly Osovitny
+
+    Created:
+      16 May 2020
+
+    Version:
+      1.0
+
+    Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
+  </file>
+  */
+  var 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'
+  };
+  var SpinnerComponent = /** @class */ (function () {
+      function SpinnerComponent(router$1, document) {
+          var _this = this;
+          this.router = router$1;
+          this.document = document;
+          this.isSpinnerVisible = true;
+          this.spinnerSpinKit = SpinnerSpinKit;
+          this.backgroundColor = '#007CB0';
+          this.spinner = SpinnerSpinKit.spinnerLine;
+          this.router.events.subscribe(function (event) {
+              if (event instanceof router.NavigationStart) {
+                  _this.isSpinnerVisible = true;
               }
-              editor.opts.imageUploadParams.uploadType = uploadType;
-              editor.opts.imageUploadParams.uploadParentId = uploadParentId;
+              else if (event instanceof router.NavigationEnd || event instanceof router.NavigationCancel || event instanceof router.NavigationError) {
+                  _this.isSpinnerVisible = false;
+              }
+          }, function () {
+              _this.isSpinnerVisible = false;
           });
+      }
+      SpinnerComponent.prototype.ngOnDestroy = function () {
+          this.isSpinnerVisible = false;
       };
-      return BaseHtmlEditorComponent;
-  }(BaseEditComponent));
-  BaseHtmlEditorComponent.propDecorators = {
-      editorLabelText: [{ type: i0.Input }],
-      editorOptions: [{ type: i0.Input }]
+      return SpinnerComponent;
+  }());
+  SpinnerComponent.decorators = [
+      { type: i0.Component, args: [{
+                  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: i0.ViewEncapsulation.None
+              },] }
+  ];
+  SpinnerComponent.ctorParameters = function () { return [
+      { type: router.Router },
+      { type: Document, decorators: [{ type: i0.Inject, args: [common.DOCUMENT,] }] }
+  ]; };
+  SpinnerComponent.propDecorators = {
+      backgroundColor: [{ type: i0.Input }],
+      spinner: [{ type: i0.Input }]
   };
 
-  var HtmlEditorComponent = /** @class */ (function (_super) {
-      __extends(HtmlEditorComponent, _super);
-      function HtmlEditorComponent() {
-          return _super.call(this) || this;
+  /*
+  <file>
+    Project:
+      @osovitny/anatoly
+
+    Authors:
+      Vadim Osovitny
+      Anatoly Osovitny
+
+    Created:
+      28 Jun 2020
+
+    Version:
+      1.0
+
+    Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
+  </file>
+  */
+  var NativeElementDirective = /** @class */ (function () {
+      function NativeElementDirective(el, control) {
+          this.el = el;
+          this.control = control;
       }
-      HtmlEditorComponent.prototype.setHtml = function (content) {
-          this.doAfterInitialized(function (that) {
-              var editor = that.getEditor();
-              if (typeof editor == "undefined" || editor == null) {
-                  return;
-              }
-              editor.html.set(content);
-          });
-      };
-      HtmlEditorComponent.prototype.getHtml = function () {
-          var editor = this.getEditor();
-          if (typeof editor == "undefined" || editor == null) {
-              return;
-          }
-          return editor.html.get(false);
+      NativeElementDirective.prototype.ngOnInit = function () {
+          // sets the localization key to the control
+          this.control.control.nativeElement = this.el.nativeElement;
       };
-      return HtmlEditorComponent;
-  }(BaseHtmlEditorComponent));
-  HtmlEditorComponent.decorators = [
-      { type: i0.Component, args: [{
-                  selector: "anatoly-html-editor",
-                  template: "<div>\r\n  <label>{{ editorLabelText }}</label>\r\n  <textarea [froalaEditor]=\"options\" (froalaInit)=\"initializeControl($event)\">\r\n  </textarea>\r\n</div>"
+      return NativeElementDirective;
+  }());
+  NativeElementDirective.decorators = [
+      { type: i0.Directive, args: [{
+                  selector: '[formControl], [formControlName]'
               },] }
   ];
-  HtmlEditorComponent.ctorParameters = function () { return []; };
+  NativeElementDirective.ctorParameters = function () { return [
+      { type: i0.ElementRef },
+      { type: forms.NgControl }
+  ]; };
 
-  var FormsHtmlEditorComponent = /** @class */ (function (_super) {
-      __extends(FormsHtmlEditorComponent, _super);
-      function FormsHtmlEditorComponent() {
-          var _this = _super.call(this) || this;
-          _this.editorFormKey = "html";
-          return _this;
+  /*
+  <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>
+  */
+  var ReplaceTextPipe = /** @class */ (function () {
+      function ReplaceTextPipe() {
       }
-      FormsHtmlEditorComponent.prototype.setFormValueAfterInitialized = function (name, value) {
-          this.doAfterInitialized(function (that) {
-              that.setFormValue(name, value);
-          });
+      ReplaceTextPipe.prototype.transform = function (inputData, search, replacement) {
+          if (inputData) {
+              return inputData.replace(new RegExp(search, "g"), replacement);
+          }
+          else {
+              return inputData;
+          }
       };
-      return FormsHtmlEditorComponent;
-  }(BaseHtmlEditorComponent));
-  FormsHtmlEditorComponent.decorators = [
-      { type: i0.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"
+      return ReplaceTextPipe;
+  }());
+  ReplaceTextPipe.decorators = [
+      { type: i0.Pipe, args: [{
+                  name: "replaceText",
+              },] }
+  ];
+
+  /*
+  <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>
+  */
+  var FileSizePipe = /** @class */ (function () {
+      function FileSizePipe() {
+          this.units = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB'];
+      }
+      FileSizePipe.prototype.transform = function (bytes, precision) {
+          if (bytes === void 0) { bytes = 0; }
+          if (precision === void 0) { precision = 0; }
+          if (isNaN(parseFloat(String(bytes))) || !isFinite(bytes))
+              return '';
+          var unit = 0;
+          while (bytes >= 1024) {
+              bytes /= 1024;
+              unit++;
+          }
+          return bytes.toFixed(+precision) + ' ' + this.units[unit];
+      };
+      return FileSizePipe;
+  }());
+  FileSizePipe.decorators = [
+      { type: i0.Pipe, args: [{
+                  name: 'filesize',
               },] }
+  ];
+
+  /*
+  <file>
+    Project:
+      @osovitny/anatoly
+
+    Authors:
+      Vadim Osovitny
+      Anatoly Osovitny
+
+    Created:
+      27 Oct 2019
+
+    Version:
+      1.0
+
+    Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
+  </file>
+  */
+  var SafeHtmlPipe = /** @class */ (function () {
+      function SafeHtmlPipe(sanitized) {
+          this.sanitized = sanitized;
+      }
+      SafeHtmlPipe.prototype.transform = function (value) {
+          return this.sanitized.bypassSecurityTrustHtml(value);
+      };
+      return SafeHtmlPipe;
+  }());
+  SafeHtmlPipe.decorators = [
+      { type: i0.Pipe, args: [{ name: 'safeHtml' },] }
   ];
-  FormsHtmlEditorComponent.ctorParameters = function () { return []; };
-  FormsHtmlEditorComponent.propDecorators = {
-      editorFormKey: [{ type: i0.Input }]
-  };
+  SafeHtmlPipe.ctorParameters = function () { return [
+      { type: platformBrowser.DomSanitizer }
+  ]; };
 
   var ValidationSummaryComponent = /** @class */ (function (_super) {
       __extends(ValidationSummaryComponent, _super);
@@ -2249,45 +3022,6 @@
       controlTitle: [{ type: i0.Input }]
   };
 
-  /*
-  <file>
-    Project:
-      @osovitny/anatoly
-
-    Authors:
-      Vadim Osovitny
-      Anatoly Osovitny
-
-    Created:
-      28 Jun 2020
-
-    Version:
-      1.0
-
-    Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
-  </file>
-  */
-  var NativeElementDirective = /** @class */ (function () {
-      function NativeElementDirective(el, control) {
-          this.el = el;
-          this.control = control;
-      }
-      NativeElementDirective.prototype.ngOnInit = function () {
-          // sets the localization key to the control
-          this.control.control.nativeElement = this.el.nativeElement;
-      };
-      return NativeElementDirective;
-  }());
-  NativeElementDirective.decorators = [
-      { type: i0.Directive, args: [{
-                  selector: '[formControl], [formControlName]'
-              },] }
-  ];
-  NativeElementDirective.ctorParameters = function () { return [
-      { type: i0.ElementRef },
-      { type: forms.NgControl }
-  ]; };
-
   /*
   <file>
     Project:
@@ -2334,8 +3068,12 @@
                       HtmlEditorComponent,
                       FormsHtmlEditorComponent,
                       ContentHeaderComponent,
-                      // Directives
-                      NativeElementDirective
+                      SpinnerComponent,
+                      LoadingComponent,
+                      NativeElementDirective,
+                      SafeHtmlPipe,
+                      ReplaceTextPipe,
+                      FileSizePipe
                   ],
                   declarations: [
                       SubscribePlanButtonComponent,
@@ -2349,31 +3087,16 @@
                       HtmlEditorComponent,
                       FormsHtmlEditorComponent,
                       ContentHeaderComponent,
-                      // Directives
-                      NativeElementDirective
+                      SpinnerComponent,
+                      LoadingComponent,
+                      NativeElementDirective,
+                      SafeHtmlPipe,
+                      ReplaceTextPipe,
+                      FileSizePipe
                   ]
               },] }
   ];
 
-  /*
-  <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>
-  */
-
   /*
    * Public API Surface of anatoly
    */
@@ -2395,27 +3118,51 @@
   exports.BaseGoService = BaseGoService;
   exports.BaseGridEditService = BaseGridEditService;
   exports.BaseGridReadService = BaseGridReadService;
+  exports.BaseHtmlEditorComponent = BaseHtmlEditorComponent;
   exports.BillingApiService = BillingApiService;
   exports.BuyAccessButtonComponent = BuyAccessButtonComponent;
   exports.ContentHeaderComponent = ContentHeaderComponent;
   exports.ContextInitState = ContextInitState;
+  exports.Convert = Convert;
+  exports.DefaultEditorOptions = DefaultEditorOptions;
+  exports.FileSizePipe = FileSizePipe;
   exports.FormValidationSummaryComponent = FormValidationSummaryComponent;
   exports.FormsHtmlEditorComponent = FormsHtmlEditorComponent;
+  exports.FroalaEditorModuleWithProviders = FroalaEditorModuleWithProviders;
+  exports.FroalaViewModuleWithProviders = FroalaViewModuleWithProviders;
   exports.GlobalErrorHandler = GlobalErrorHandler;
   exports.Guid = Guid;
   exports.HtmlEditorComponent = HtmlEditorComponent;
+  exports.IdleService = IdleService;
   exports.ItemValidationSummaryComponent = ItemValidationSummaryComponent;
+  exports.LoadingComponent = LoadingComponent;
   exports.LoadingService = LoadingService;
+  exports.LocalStorageService = LocalStorageService;
+  exports.LocalizationModule = LocalizationModule;
+  exports.LocalizationService = LocalizationService;
+  exports.LocalizationSettingsModule = LocalizationSettingsModule;
+  exports.LocalizePipe = LocalizePipe;
   exports.LoggingService = LoggingService;
   exports.NativeElementDirective = NativeElementDirective;
+  exports.NotificationService = NotificationService;
+  exports.NotificationsApiService = NotificationsApiService;
+  exports.ReplaceTextPipe = ReplaceTextPipe;
+  exports.SafeHtmlPipe = SafeHtmlPipe;
+  exports.SessionStorageService = SessionStorageService;
   exports.SignInButtonComponent = SignInButtonComponent;
   exports.SignOutButtonComponent = SignOutButtonComponent;
   exports.SignUpButtonComponent = SignUpButtonComponent;
+  exports.SpinnerComponent = SpinnerComponent;
   exports.Subs = Subs;
   exports.SubscribePlanButtonComponent = SubscribePlanButtonComponent;
+  exports.TranslateModuleAtRoot = TranslateModuleAtRoot;
   exports.UpgradePlanButtonComponent = UpgradePlanButtonComponent;
+  exports.Urls = Urls;
   exports.Utils = Utils;
   exports.ValidationSummaryComponent = ValidationSummaryComponent;
+  exports.consts = consts;
+  exports.customTranslateLoaderFactory = customTranslateLoaderFactory;
+  exports.localizationInitializerFactory = localizationInitializerFactory;
   exports.throwIfAlreadyLoaded = throwIfAlreadyLoaded;
 
   Object.defineProperty(exports, '__esModule', { value: true });