@osovitny/anatoly 2.16.1 → 2.16.2

package/fesm2022/osovitny-anatoly.mjs

@@ -254,12 +254,12 @@ class BaseGoService {
             this.router.navigate(commands);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: BaseGoService, deps: [{ token: i1.ActivatedRoute }, { token: i1.Router }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: BaseGoService });
+    static ɵfac = function BaseGoService_Factory(t) { return new (t || BaseGoService)(i0.ɵɵinject(i1.ActivatedRoute), i0.ɵɵinject(i1.Router)); };
+    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: BaseGoService, factory: BaseGoService.ɵfac });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: BaseGoService, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: i1.ActivatedRoute }, { type: i1.Router }]; } });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BaseGoService, [{
+        type: Injectable
+    }], function () { return [{ type: i1.ActivatedRoute }, { type: i1.Router }]; }, null); })();
 
 /*
 <file>
@@ -336,15 +336,15 @@ class LoadingService extends BehaviorSubject {
         }
         this.counter = 0;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: LoadingService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: LoadingService, providedIn: "root" });
+    static ɵfac = function LoadingService_Factory(t) { return new (t || LoadingService)(); };
+    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: LoadingService, factory: LoadingService.ɵfac, providedIn: "root" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: LoadingService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: "root",
-                }]
-        }], ctorParameters: function () { return []; } });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LoadingService, [{
+        type: Injectable,
+        args: [{
+                providedIn: "root",
+            }]
+    }], function () { return []; }, null); })();
 
 /*
 <file>
@@ -370,15 +370,15 @@ class LoggingService {
     logInformation(info) {
         console.info(info);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: LoggingService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: LoggingService, providedIn: "root" });
+    static ɵfac = function LoggingService_Factory(t) { return new (t || LoggingService)(); };
+    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: LoggingService, factory: LoggingService.ɵfac, providedIn: "root" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: LoggingService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: "root",
-                }]
-        }], ctorParameters: function () { return []; } });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LoggingService, [{
+        type: Injectable,
+        args: [{
+                providedIn: "root",
+            }]
+    }], function () { return []; }, null); })();
 
 /*
 <file>
@@ -471,12 +471,12 @@ class AnatolyHttpInterceptor {
             this.loadingService.hide();
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: AnatolyHttpInterceptor, deps: [{ token: LoadingService }, { token: LoggingService }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: AnatolyHttpInterceptor });
+    static ɵfac = function AnatolyHttpInterceptor_Factory(t) { return new (t || AnatolyHttpInterceptor)(i0.ɵɵinject(LoadingService), i0.ɵɵinject(LoggingService)); };
+    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: AnatolyHttpInterceptor, factory: AnatolyHttpInterceptor.ɵfac });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: AnatolyHttpInterceptor, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: LoadingService }, { type: LoggingService }]; } });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AnatolyHttpInterceptor, [{
+        type: Injectable
+    }], function () { return [{ type: LoadingService }, { type: LoggingService }]; }, null); })();
 
 /*
 <file>
@@ -642,15 +642,15 @@ class LocalizationService {
         }
         return result;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: LocalizationService, deps: [{ token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: LocalizationService, providedIn: 'root' });
+    static ɵfac = function LocalizationService_Factory(t) { return new (t || LocalizationService)(i0.ɵɵinject(i1$1.TranslateService)); };
+    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: LocalizationService, factory: LocalizationService.ɵfac, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: LocalizationService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: function () { return [{ type: i1$1.TranslateService }]; } });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LocalizationService, [{
+        type: Injectable,
+        args: [{
+                providedIn: 'root'
+            }]
+    }], function () { return [{ type: i1$1.TranslateService }]; }, null); })();
 
 /*
 <file>
@@ -715,15 +715,15 @@ class LocalizePipe {
         }
         return inputData;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: LocalizePipe, deps: [{ token: LocalizationService }], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.7", ngImport: i0, type: LocalizePipe, name: "localize" });
+    static ɵfac = function LocalizePipe_Factory(t) { return new (t || LocalizePipe)(i0.ɵɵdirectiveInject(LocalizationService, 16)); };
+    static ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "localize", type: LocalizePipe, pure: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: LocalizePipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'localize'
-                }]
-        }], ctorParameters: function () { return [{ type: LocalizationService }]; } });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LocalizePipe, [{
+        type: Pipe,
+        args: [{
+                name: 'localize'
+            }]
+    }], function () { return [{ type: LocalizationService }]; }, null); })();
 
 /*
 <file>
@@ -776,9 +776,9 @@ class LocalizationSettingsModule {
         this.injector = injector;
         LocalizationInjectorInstance = this.injector;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: LocalizationSettingsModule, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.7", ngImport: i0, type: LocalizationSettingsModule, imports: [i1$1.TranslateModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: LocalizationSettingsModule, providers: [
+    static ɵfac = function LocalizationSettingsModule_Factory(t) { return new (t || LocalizationSettingsModule)(i0.ɵɵinject(i0.Injector)); };
+    static ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: LocalizationSettingsModule });
+    static ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ providers: [
             {
                 provide: APP_INITIALIZER,
                 useFactory: localizationInitializerFactory,
@@ -787,23 +787,24 @@ class LocalizationSettingsModule {
             }
         ], imports: [TranslateModuleAtRoot] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: LocalizationSettingsModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        TranslateModuleAtRoot
-                    ],
-                    providers: [
-                        {
-                            provide: APP_INITIALIZER,
-                            useFactory: localizationInitializerFactory,
-                            deps: [TranslateService, LocalizationService, Injector],
-                            multi: true
-                        }
-                    ],
-                    exports: []
-                }]
-        }], ctorParameters: function () { return [{ type: i0.Injector }]; } });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LocalizationSettingsModule, [{
+        type: NgModule,
+        args: [{
+                imports: [
+                    TranslateModuleAtRoot
+                ],
+                providers: [
+                    {
+                        provide: APP_INITIALIZER,
+                        useFactory: localizationInitializerFactory,
+                        deps: [TranslateService, LocalizationService, Injector],
+                        multi: true
+                    }
+                ],
+                exports: []
+            }]
+    }], function () { return [{ type: i0.Injector }]; }, null); })();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(LocalizationSettingsModule, { imports: [i1$1.TranslateModule] }); })();
 
 /*
 <file>
@@ -822,27 +823,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImpor
 */
 // Node
 class LocalizationModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: LocalizationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.7", ngImport: i0, type: LocalizationModule, declarations: [LocalizePipe], imports: [TranslateModule], exports: [TranslateModule,
-            LocalizePipe] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: LocalizationModule, imports: [TranslateModule, TranslateModule] });
+    static ɵfac = function LocalizationModule_Factory(t) { return new (t || LocalizationModule)(); };
+    static ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: LocalizationModule });
+    static ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [TranslateModule, TranslateModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: LocalizationModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        TranslateModule
-                    ],
-                    exports: [
-                        TranslateModule,
-                        LocalizePipe
-                    ],
-                    declarations: [
-                        LocalizePipe
-                    ],
-                    providers: []
-                }]
-        }] });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LocalizationModule, [{
+        type: NgModule,
+        args: [{
+                imports: [
+                    TranslateModule
+                ],
+                exports: [
+                    TranslateModule,
+                    LocalizePipe
+                ],
+                declarations: [
+                    LocalizePipe
+                ],
+                providers: []
+            }]
+    }], null, null); })();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(LocalizationModule, { declarations: [LocalizePipe], imports: [TranslateModule], exports: [TranslateModule,
+        LocalizePipe] }); })();
 
 /*
 <file>
@@ -875,12 +877,12 @@ class GlobalErrorHandler {
         // IMPORTANT: Rethrow the error otherwise it gets swallowed
         throw error;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: GlobalErrorHandler, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: GlobalErrorHandler });
+    static ɵfac = function GlobalErrorHandler_Factory(t) { return new (t || GlobalErrorHandler)(i0.ɵɵinject(i0.Injector)); };
+    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: GlobalErrorHandler, factory: GlobalErrorHandler.ɵfac });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: GlobalErrorHandler, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: i0.Injector }]; } });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(GlobalErrorHandler, [{
+        type: Injectable
+    }], function () { return [{ type: i0.Injector }]; }, null); })();
 
 /*
 <file>
@@ -1273,13 +1275,13 @@ class NotificationService {
     set serverNotifications(val) {
         this._serverNotifications.next(val);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: NotificationService, deps: [{ token: i1$2.ToastrService }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: NotificationService, providedIn: 'root' });
+    static ɵfac = function NotificationService_Factory(t) { return new (t || NotificationService)(i0.ɵɵinject(i1$2.ToastrService)); };
+    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: NotificationService, factory: NotificationService.ɵfac, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: NotificationService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }], ctorParameters: function () { return [{ type: i1$2.ToastrService }]; } });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NotificationService, [{
+        type: Injectable,
+        args: [{ providedIn: 'root' }]
+    }], function () { return [{ type: i1$2.ToastrService }]; }, null); })();
 
 /*
 <file>
@@ -1422,12 +1424,12 @@ class BaseApiService {
         }
         return this.http.get(url).pipe(map(res => res));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: BaseApiService, deps: [{ token: i1$3.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: BaseApiService });
+    static ɵfac = function BaseApiService_Factory(t) { return new (t || BaseApiService)(i0.ɵɵinject(i1$3.HttpClient)); };
+    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: BaseApiService, factory: BaseApiService.ɵfac });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: BaseApiService, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: i1$3.HttpClient }]; } });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BaseApiService, [{
+        type: Injectable
+    }], function () { return [{ type: i1$3.HttpClient }]; }, null); })();
 
 /*
 <file>
@@ -1477,22 +1479,22 @@ class LocalStorageService extends WebStorageService {
     constructor() {
         super('localStorage');
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: LocalStorageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: LocalStorageService });
+    static ɵfac = function LocalStorageService_Factory(t) { return new (t || LocalStorageService)(); };
+    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: LocalStorageService, factory: LocalStorageService.ɵfac });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: LocalStorageService, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return []; } });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LocalStorageService, [{
+        type: Injectable
+    }], function () { return []; }, null); })();
 class SessionStorageService extends WebStorageService {
     constructor() {
         super('sessionStorage');
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: SessionStorageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: SessionStorageService });
+    static ɵfac = function SessionStorageService_Factory(t) { return new (t || SessionStorageService)(); };
+    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: SessionStorageService, factory: SessionStorageService.ɵfac });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: SessionStorageService, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return []; } });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SessionStorageService, [{
+        type: Injectable
+    }], function () { return []; }, null); })();
 
 /*
 <file>
@@ -1632,12 +1634,12 @@ class AppContextService extends BaseApiService {
     set current(value) {
         this.setCurrentFromSession(value);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: AppContextService, deps: [{ token: i1$3.HttpClient }, { token: LocalStorageService }, { token: SessionStorageService }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: AppContextService });
+    static ɵfac = function AppContextService_Factory(t) { return new (t || AppContextService)(i0.ɵɵinject(i1$3.HttpClient), i0.ɵɵinject(LocalStorageService), i0.ɵɵinject(SessionStorageService)); };
+    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: AppContextService, factory: AppContextService.ɵfac });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: AppContextService, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: i1$3.HttpClient }, { type: LocalStorageService }, { type: SessionStorageService }]; } });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AppContextService, [{
+        type: Injectable
+    }], function () { return [{ type: i1$3.HttpClient }, { type: LocalStorageService }, { type: SessionStorageService }]; }, null); })();
 
 /*
 <file>
@@ -1707,15 +1709,15 @@ class IdleService {
         this.resetTimeCounters(timeOutSeconds);
         this.startTimer();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: IdleService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: IdleService, providedIn: 'root' });
+    static ɵfac = function IdleService_Factory(t) { return new (t || IdleService)(); };
+    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: IdleService, factory: IdleService.ɵfac, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: IdleService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }] });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IdleService, [{
+        type: Injectable,
+        args: [{
+                providedIn: 'root'
+            }]
+    }], null, null); })();
 
 /*
 <file>
@@ -1772,18 +1774,18 @@ class DigitalMarketingService {
         link.setAttribute('rel', 'canonical');
         link.setAttribute('href', canUrl);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: DigitalMarketingService, deps: [{ token: i1$4.Title }, { token: i1$4.Meta }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: DigitalMarketingService, providedIn: 'root' });
+    static ɵfac = function DigitalMarketingService_Factory(t) { return new (t || DigitalMarketingService)(i0.ɵɵinject(i1$4.Title), i0.ɵɵinject(i1$4.Meta), i0.ɵɵinject(DOCUMENT)); };
+    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: DigitalMarketingService, factory: DigitalMarketingService.ɵfac, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: DigitalMarketingService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: function () { return [{ type: i1$4.Title }, { type: i1$4.Meta }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [DOCUMENT]
-                }] }]; } });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DigitalMarketingService, [{
+        type: Injectable,
+        args: [{
+                providedIn: 'root'
+            }]
+    }], function () { return [{ type: i1$4.Title }, { type: i1$4.Meta }, { type: undefined, decorators: [{
+                type: Inject,
+                args: [DOCUMENT]
+            }] }]; }, null); })();
 
 /*
 <file>
@@ -1829,12 +1831,12 @@ class GoogleAnalyticsService {
             this.subscription.unsubscribe();
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: GoogleAnalyticsService, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: GoogleAnalyticsService });
+    static ɵfac = function GoogleAnalyticsService_Factory(t) { return new (t || GoogleAnalyticsService)(i0.ɵɵinject(i1.Router)); };
+    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: GoogleAnalyticsService, factory: GoogleAnalyticsService.ɵfac });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: GoogleAnalyticsService, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: i1.Router }]; } });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(GoogleAnalyticsService, [{
+        type: Injectable
+    }], function () { return [{ type: i1.Router }]; }, null); })();
 
 /*
 <file>
@@ -2206,12 +2208,12 @@ class BaseGridReadService extends BehaviorSubject {
             }
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: BaseGridReadService, deps: [{ token: i1$3.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: BaseGridReadService });
+    static ɵfac = function BaseGridReadService_Factory(t) { return new (t || BaseGridReadService)(i0.ɵɵinject(i1$3.HttpClient)); };
+    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: BaseGridReadService, factory: BaseGridReadService.ɵfac });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: BaseGridReadService, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: i1$3.HttpClient }]; } });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BaseGridReadService, [{
+        type: Injectable
+    }], function () { return [{ type: i1$3.HttpClient }]; }, null); })();
 
 /*
 <file>
@@ -2283,12 +2285,12 @@ class BaseGridEditService extends BaseGridReadService {
         const url = `${this.baseUrl}/${action}${this.serializeParams(data)}`;
         return this.http.post(url, data).pipe(map(res => res));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: BaseGridEditService, deps: [{ token: i1$3.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: BaseGridEditService });
+    static ɵfac = function BaseGridEditService_Factory(t) { return new (t || BaseGridEditService)(i0.ɵɵinject(i1$3.HttpClient)); };
+    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: BaseGridEditService, factory: BaseGridEditService.ɵfac });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: BaseGridEditService, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: i1$3.HttpClient }]; } });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BaseGridEditService, [{
+        type: Injectable
+    }], function () { return [{ type: i1$3.HttpClient }]; }, null); })();
 
 /*
 <file>
@@ -2340,15 +2342,15 @@ class NotificationsApiService extends BaseApiService {
     retrieveNotifications() {
         return this.get('retrieveNotifications');
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: NotificationsApiService, deps: [{ token: i1$3.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: NotificationsApiService, providedIn: 'root' });
+    static ɵfac = function NotificationsApiService_Factory(t) { return new (t || NotificationsApiService)(i0.ɵɵinject(i1$3.HttpClient)); };
+    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: NotificationsApiService, factory: NotificationsApiService.ɵfac, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: NotificationsApiService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: function () { return [{ type: i1$3.HttpClient }]; } });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NotificationsApiService, [{
+        type: Injectable,
+        args: [{
+                providedIn: 'root'
+            }]
+    }], function () { return [{ type: i1$3.HttpClient }]; }, null); })();
 
 /*
 <file>
@@ -2385,12 +2387,12 @@ class EmailsApiService extends BaseApiService {
             }
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: EmailsApiService, deps: [{ token: i1$3.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: EmailsApiService });
+    static ɵfac = function EmailsApiService_Factory(t) { return new (t || EmailsApiService)(i0.ɵɵinject(i1$3.HttpClient)); };
+    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: EmailsApiService, factory: EmailsApiService.ɵfac });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: EmailsApiService, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: i1$3.HttpClient }]; } });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EmailsApiService, [{
+        type: Injectable
+    }], function () { return [{ type: i1$3.HttpClient }]; }, null); })();
 
 /*
 <file>
@@ -2439,12 +2441,12 @@ class CoreApiService extends BaseApiService {
             }
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: CoreApiService, deps: [{ token: i1$3.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: CoreApiService });
+    static ɵfac = function CoreApiService_Factory(t) { return new (t || CoreApiService)(i0.ɵɵinject(i1$3.HttpClient)); };
+    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: CoreApiService, factory: CoreApiService.ɵfac });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: CoreApiService, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: i1$3.HttpClient }]; } });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CoreApiService, [{
+        type: Injectable
+    }], function () { return [{ type: i1$3.HttpClient }]; }, null); })();
 
 /*
 <file>
@@ -2479,15 +2481,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImpor
 */
 class SignUpButtonComponent {
     classbtn;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: SignUpButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: SignUpButtonComponent, selector: "anatoly-signup-button", inputs: { classbtn: "classbtn" }, ngImport: i0, template: "<a routerLink=\"iam/signup\" class=\"{{classbtn}}\">Sign Up</a>\r\n", dependencies: [{ kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] });
+    static ɵfac = function SignUpButtonComponent_Factory(t) { return new (t || SignUpButtonComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SignUpButtonComponent, selectors: [["anatoly-signup-button"]], inputs: { classbtn: "classbtn" }, decls: 2, vars: 3, consts: [["routerLink", "iam/signup"]], template: function SignUpButtonComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "a", 0);
+            i0.ɵɵtext(1, "Sign Up");
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵclassMap(ctx.classbtn);
+        } }, dependencies: [i1.RouterLink], encapsulation: 2 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: SignUpButtonComponent, decorators: [{
-            type: Component,
-            args: [{ selector: "anatoly-signup-button", template: "<a routerLink=\"iam/signup\" class=\"{{classbtn}}\">Sign Up</a>\r\n" }]
-        }], propDecorators: { classbtn: [{
-                type: Input
-            }] } });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SignUpButtonComponent, [{
+        type: Component,
+        args: [{ selector: "anatoly-signup-button", template: "<a routerLink=\"iam/signup\" class=\"{{classbtn}}\">Sign Up</a>\r\n" }]
+    }], null, { classbtn: [{
+            type: Input
+        }] }); })();
 
 /*
 <file>
@@ -2505,6 +2513,47 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImpor
 </file>
 */
 // Node
+function BuyAccessButtonComponent_div_0_div_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div");
+    i0.ɵɵelement(1, "anatoly-signup-button", 1);
+    i0.ɵɵelementEnd();
+} }
+function BuyAccessButtonComponent_div_0_div_2_button_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "button", 4);
+    i0.ɵɵtext(1, " Your Plan ");
+    i0.ɵɵelementEnd();
+} }
+function BuyAccessButtonComponent_div_0_div_2_button_2_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 5);
+    i0.ɵɵlistener("click", function BuyAccessButtonComponent_div_0_div_2_button_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r6); const ctx_r5 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r5.onPlanSelect()); });
+    i0.ɵɵtext(1, " Buy Now ");
+    i0.ɵɵelementEnd();
+} }
+function BuyAccessButtonComponent_div_0_div_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div");
+    i0.ɵɵtemplate(1, BuyAccessButtonComponent_div_0_div_2_button_1_Template, 2, 0, "button", 2);
+    i0.ɵɵtemplate(2, BuyAccessButtonComponent_div_0_div_2_button_2_Template, 2, 0, "button", 3);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", ctx_r2.plan == ctx_r2.currentPlan);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", ctx_r2.plan != ctx_r2.currentPlan && ctx_r2.currentPlan == 1);
+} }
+function BuyAccessButtonComponent_div_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div");
+    i0.ɵɵtemplate(1, BuyAccessButtonComponent_div_0_div_1_Template, 2, 0, "div", 0);
+    i0.ɵɵtemplate(2, BuyAccessButtonComponent_div_0_div_2_Template, 3, 2, "div", 0);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", !ctx_r0.isUserSignedIn);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", ctx_r0.isUserSignedIn && ctx_r0.visibleIfUserSignedIn);
+} }
 class BuyAccessButtonComponent {
     appContext;
     contextUpdated = false;
@@ -2532,21 +2581,25 @@ class BuyAccessButtonComponent {
     onPlanSelect() {
         this.planselect.emit(this.plan);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: BuyAccessButtonComponent, deps: [{ token: AppContextService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: BuyAccessButtonComponent, selector: "anatoly-buyaccess-button", inputs: { plan: "plan", planTitle: "planTitle", visibleIfUserSignedIn: "visibleIfUserSignedIn" }, outputs: { planselect: "planselect" }, ngImport: i0, 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 && visibleIfUserSignedIn\">\r\n    <button class=\"btn btn-block btn-success selectPlan\" \r\n            *ngIf=\"plan == currentPlan\">\r\n      Your Plan\r\n    </button>\r\n\r\n    <button class=\"btn btn-block  btn-warning selectPlan\" \r\n            *ngIf=\"plan != currentPlan && currentPlan == 1\" \r\n            (click)=\"onPlanSelect()\">\r\n      Buy Now\r\n    </button>\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i1$5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SignUpButtonComponent, selector: "anatoly-signup-button", inputs: ["classbtn"] }] });
+    static ɵfac = function BuyAccessButtonComponent_Factory(t) { return new (t || BuyAccessButtonComponent)(i0.ɵɵdirectiveInject(AppContextService)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: BuyAccessButtonComponent, selectors: [["anatoly-buyaccess-button"]], inputs: { plan: "plan", planTitle: "planTitle", visibleIfUserSignedIn: "visibleIfUserSignedIn" }, outputs: { planselect: "planselect" }, decls: 1, vars: 1, consts: [[4, "ngIf"], ["classbtn", "btn btn-block btn-primary"], ["class", "btn btn-block btn-success selectPlan", 4, "ngIf"], ["class", "btn btn-block  btn-warning selectPlan", 3, "click", 4, "ngIf"], [1, "btn", "btn-block", "btn-success", "selectPlan"], [1, "btn", "btn-block", "btn-warning", "selectPlan", 3, "click"]], template: function BuyAccessButtonComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, BuyAccessButtonComponent_div_0_Template, 3, 2, "div", 0);
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngIf", ctx.contextUpdated);
+        } }, dependencies: [i1$5.NgIf, SignUpButtonComponent], encapsulation: 2 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: BuyAccessButtonComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'anatoly-buyaccess-button', template: "<div *ngIf=\"contextUpdated\">\r\n  <div *ngIf=\"!isUserSignedIn\">\r\n    <anatoly-signup-button classbtn=\"btn btn-block btn-primary\"></anatoly-signup-button>\r\n  </div>\r\n\r\n  <div *ngIf=\"isUserSignedIn && visibleIfUserSignedIn\">\r\n    <button class=\"btn btn-block btn-success selectPlan\" \r\n            *ngIf=\"plan == currentPlan\">\r\n      Your Plan\r\n    </button>\r\n\r\n    <button class=\"btn btn-block  btn-warning selectPlan\" \r\n            *ngIf=\"plan != currentPlan && currentPlan == 1\" \r\n            (click)=\"onPlanSelect()\">\r\n      Buy Now\r\n    </button>\r\n  </div>\r\n</div>\r\n" }]
-        }], ctorParameters: function () { return [{ type: AppContextService }]; }, propDecorators: { plan: [{
-                type: Input
-            }], planTitle: [{
-                type: Input
-            }], visibleIfUserSignedIn: [{
-                type: Input
-            }], planselect: [{
-                type: Output
-            }] } });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BuyAccessButtonComponent, [{
+        type: Component,
+        args: [{ selector: 'anatoly-buyaccess-button', template: "<div *ngIf=\"contextUpdated\">\r\n  <div *ngIf=\"!isUserSignedIn\">\r\n    <anatoly-signup-button classbtn=\"btn btn-block btn-primary\"></anatoly-signup-button>\r\n  </div>\r\n\r\n  <div *ngIf=\"isUserSignedIn && visibleIfUserSignedIn\">\r\n    <button class=\"btn btn-block btn-success selectPlan\" \r\n            *ngIf=\"plan == currentPlan\">\r\n      Your Plan\r\n    </button>\r\n\r\n    <button class=\"btn btn-block  btn-warning selectPlan\" \r\n            *ngIf=\"plan != currentPlan && currentPlan == 1\" \r\n            (click)=\"onPlanSelect()\">\r\n      Buy Now\r\n    </button>\r\n  </div>\r\n</div>\r\n" }]
+    }], function () { return [{ type: AppContextService }]; }, { plan: [{
+            type: Input
+        }], planTitle: [{
+            type: Input
+        }], visibleIfUserSignedIn: [{
+            type: Input
+        }], planselect: [{
+            type: Output
+        }] }); })();
 
 /*
 <file>
@@ -2564,6 +2617,55 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImpor
 </file>
 */
 // Node
+function SubscribePlanButtonComponent_div_0_div_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div");
+    i0.ɵɵelement(1, "anatoly-signup-button", 1);
+    i0.ɵɵelementEnd();
+} }
+function SubscribePlanButtonComponent_div_0_div_2_button_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "button", 5);
+    i0.ɵɵtext(1, " Your Plan ");
+    i0.ɵɵelementEnd();
+} }
+function SubscribePlanButtonComponent_div_0_div_2_button_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "button", 6);
+    i0.ɵɵtext(1, " Requested ");
+    i0.ɵɵelementEnd();
+} }
+function SubscribePlanButtonComponent_div_0_div_2_button_3_Template(rf, ctx) { if (rf & 1) {
+    const _r7 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 7);
+    i0.ɵɵlistener("click", function SubscribePlanButtonComponent_div_0_div_2_button_3_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r7); const ctx_r6 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r6.onPlanSelect()); });
+    i0.ɵɵtext(1, " Subscribe ");
+    i0.ɵɵelementEnd();
+} }
+function SubscribePlanButtonComponent_div_0_div_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div");
+    i0.ɵɵtemplate(1, SubscribePlanButtonComponent_div_0_div_2_button_1_Template, 2, 0, "button", 2);
+    i0.ɵɵtemplate(2, SubscribePlanButtonComponent_div_0_div_2_button_2_Template, 2, 0, "button", 3);
+    i0.ɵɵtemplate(3, SubscribePlanButtonComponent_div_0_div_2_button_3_Template, 2, 0, "button", 4);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", ctx_r2.plan == ctx_r2.currentPlan);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", ctx_r2.plan == ctx_r2.requestedPlan);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", ctx_r2.plan != ctx_r2.currentPlan && ctx_r2.plan != ctx_r2.requestedPlan);
+} }
+function SubscribePlanButtonComponent_div_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div");
+    i0.ɵɵtemplate(1, SubscribePlanButtonComponent_div_0_div_1_Template, 2, 0, "div", 0);
+    i0.ɵɵtemplate(2, SubscribePlanButtonComponent_div_0_div_2_Template, 4, 3, "div", 0);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", !ctx_r0.isUserSignedIn);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", ctx_r0.isUserSignedIn && ctx_r0.visibleIfUserSignedIn);
+} }
 class SubscribePlanButtonComponent {
     appContext;
     contextUpdated = false;
@@ -2595,21 +2697,25 @@ class SubscribePlanButtonComponent {
     onPlanSelect() {
         this.planselect.emit(this.plan);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: SubscribePlanButtonComponent, deps: [{ token: AppContextService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: SubscribePlanButtonComponent, selector: "anatoly-subscribe-plan-button", inputs: { plan: "plan", planTitle: "planTitle", visibleIfUserSignedIn: "visibleIfUserSignedIn" }, outputs: { planselect: "planselect" }, ngImport: i0, 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 && visibleIfUserSignedIn\">\r\n    <button class=\"btn btn-block btn-success selectPlan\" \r\n            *ngIf=\"plan == currentPlan\">\r\n      Your Plan\r\n    </button>\r\n\r\n    <button class=\"btn btn-block  btn-warning selectPlan\" \r\n            *ngIf=\"plan == requestedPlan\">\r\n      Requested\r\n    </button>\r\n\r\n    <button class=\"btn btn-block  btn-warning selectPlan\" \r\n            *ngIf=\"plan != currentPlan && plan != requestedPlan\" \r\n            (click)=\"onPlanSelect()\">\r\n      Subscribe\r\n    </button>\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i1$5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SignUpButtonComponent, selector: "anatoly-signup-button", inputs: ["classbtn"] }] });
+    static ɵfac = function SubscribePlanButtonComponent_Factory(t) { return new (t || SubscribePlanButtonComponent)(i0.ɵɵdirectiveInject(AppContextService)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SubscribePlanButtonComponent, selectors: [["anatoly-subscribe-plan-button"]], inputs: { plan: "plan", planTitle: "planTitle", visibleIfUserSignedIn: "visibleIfUserSignedIn" }, outputs: { planselect: "planselect" }, decls: 1, vars: 1, consts: [[4, "ngIf"], ["classbtn", "btn btn-block btn-primary"], ["class", "btn btn-block btn-success selectPlan", 4, "ngIf"], ["class", "btn btn-block  btn-warning selectPlan", 4, "ngIf"], ["class", "btn btn-block  btn-warning selectPlan", 3, "click", 4, "ngIf"], [1, "btn", "btn-block", "btn-success", "selectPlan"], [1, "btn", "btn-block", "btn-warning", "selectPlan"], [1, "btn", "btn-block", "btn-warning", "selectPlan", 3, "click"]], template: function SubscribePlanButtonComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, SubscribePlanButtonComponent_div_0_Template, 3, 2, "div", 0);
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngIf", ctx.contextUpdated);
+        } }, dependencies: [i1$5.NgIf, SignUpButtonComponent], encapsulation: 2 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: SubscribePlanButtonComponent, decorators: [{
-            type: Component,
-            args: [{ selector: "anatoly-subscribe-plan-button", template: "<div *ngIf=\"contextUpdated\">\r\n  <div *ngIf=\"!isUserSignedIn\">\r\n    <anatoly-signup-button classbtn=\"btn btn-block btn-primary\"></anatoly-signup-button>\r\n  </div>\r\n\r\n  <div *ngIf=\"isUserSignedIn && visibleIfUserSignedIn\">\r\n    <button class=\"btn btn-block btn-success selectPlan\" \r\n            *ngIf=\"plan == currentPlan\">\r\n      Your Plan\r\n    </button>\r\n\r\n    <button class=\"btn btn-block  btn-warning selectPlan\" \r\n            *ngIf=\"plan == requestedPlan\">\r\n      Requested\r\n    </button>\r\n\r\n    <button class=\"btn btn-block  btn-warning selectPlan\" \r\n            *ngIf=\"plan != currentPlan && plan != requestedPlan\" \r\n            (click)=\"onPlanSelect()\">\r\n      Subscribe\r\n    </button>\r\n  </div>\r\n</div>\r\n" }]
-        }], ctorParameters: function () { return [{ type: AppContextService }]; }, propDecorators: { plan: [{
-                type: Input
-            }], planTitle: [{
-                type: Input
-            }], visibleIfUserSignedIn: [{
-                type: Input
-            }], planselect: [{
-                type: Output
-            }] } });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SubscribePlanButtonComponent, [{
+        type: Component,
+        args: [{ selector: "anatoly-subscribe-plan-button", template: "<div *ngIf=\"contextUpdated\">\r\n  <div *ngIf=\"!isUserSignedIn\">\r\n    <anatoly-signup-button classbtn=\"btn btn-block btn-primary\"></anatoly-signup-button>\r\n  </div>\r\n\r\n  <div *ngIf=\"isUserSignedIn && visibleIfUserSignedIn\">\r\n    <button class=\"btn btn-block btn-success selectPlan\" \r\n            *ngIf=\"plan == currentPlan\">\r\n      Your Plan\r\n    </button>\r\n\r\n    <button class=\"btn btn-block  btn-warning selectPlan\" \r\n            *ngIf=\"plan == requestedPlan\">\r\n      Requested\r\n    </button>\r\n\r\n    <button class=\"btn btn-block  btn-warning selectPlan\" \r\n            *ngIf=\"plan != currentPlan && plan != requestedPlan\" \r\n            (click)=\"onPlanSelect()\">\r\n      Subscribe\r\n    </button>\r\n  </div>\r\n</div>\r\n" }]
+    }], function () { return [{ type: AppContextService }]; }, { plan: [{
+            type: Input
+        }], planTitle: [{
+            type: Input
+        }], visibleIfUserSignedIn: [{
+            type: Input
+        }], planselect: [{
+            type: Output
+        }] }); })();
 
 /*
 <file>
@@ -2627,18 +2733,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImpor
 </file>
 */
 //Node
+const _c0$b = ["*"];
 class CheckIconComponent {
     //Inputs
     checked = true;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: CheckIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: CheckIconComponent, selector: "anatoly-check-icon", inputs: { checked: "checked" }, ngImport: i0, template: "<fa-icon [icon]=\"this.checked ? 'check-circle' : 'circle-xmark'\" [ngClass]=\"checked ? 'text-success' : 'text-danger'\">\r\n</fa-icon>\r\n<ng-content></ng-content>\r\n", dependencies: [{ kind: "directive", type: i1$5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i1$6.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }] });
+    static ɵfac = function CheckIconComponent_Factory(t) { return new (t || CheckIconComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CheckIconComponent, selectors: [["anatoly-check-icon"]], inputs: { checked: "checked" }, ngContentSelectors: _c0$b, decls: 2, vars: 2, consts: [[3, "icon", "ngClass"]], template: function CheckIconComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef();
+            i0.ɵɵelement(0, "fa-icon", 0);
+            i0.ɵɵprojection(1);
+        } if (rf & 2) {
+            i0.ɵɵproperty("icon", ctx.checked ? "check-circle" : "circle-xmark")("ngClass", ctx.checked ? "text-success" : "text-danger");
+        } }, dependencies: [i1$5.NgClass, i1$6.FaIconComponent], encapsulation: 2 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: CheckIconComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'anatoly-check-icon', template: "<fa-icon [icon]=\"this.checked ? 'check-circle' : 'circle-xmark'\" [ngClass]=\"checked ? 'text-success' : 'text-danger'\">\r\n</fa-icon>\r\n<ng-content></ng-content>\r\n" }]
-        }], propDecorators: { checked: [{
-                type: Input
-            }] } });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CheckIconComponent, [{
+        type: Component,
+        args: [{ selector: 'anatoly-check-icon', template: "<fa-icon [icon]=\"this.checked ? 'check-circle' : 'circle-xmark'\" [ngClass]=\"checked ? 'text-success' : 'text-danger'\">\r\n</fa-icon>\r\n<ng-content></ng-content>\r\n" }]
+    }], null, { checked: [{
+            type: Input
+        }] }); })();
 
 /*
 <file>
@@ -2700,27 +2813,34 @@ class DatapagerComponent {
     onPageChange(e) {
         this.pageChange.emit(e);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: DatapagerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: DatapagerComponent, selector: "anatoly-datapager", inputs: { totalItems: "totalItems", pageSize: "pageSize", skipItems: "skipItems", pageSizeDivisor: "pageSizeDivisor", pageSizeMax: "pageSizeMax", width: "width" }, outputs: { pageChange: "pageChange" }, ngImport: i0, template: "<kendo-datapager [total]='totalItems'\r\n                 [pageSize]='pageSize'\r\n                 [pageSizeValues]='pageSizes'\r\n                 [skip]='skipItems'                 \r\n                 [style]='style'\r\n                 (pageChange)='onPageChange($event)'>\r\n</kendo-datapager>\r\n", dependencies: [{ kind: "component", type: i1$7.PagerComponent, selector: "kendo-datapager", inputs: ["total", "skip", "pageSize", "buttonCount", "info", "type", "pageSizeValues", "previousNext", "navigable", "size"], outputs: ["pageChange", "pageSizeChange"], exportAs: ["kendoDataPager"] }] });
+    static ɵfac = function DatapagerComponent_Factory(t) { return new (t || DatapagerComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DatapagerComponent, selectors: [["anatoly-datapager"]], inputs: { totalItems: "totalItems", pageSize: "pageSize", skipItems: "skipItems", pageSizeDivisor: "pageSizeDivisor", pageSizeMax: "pageSizeMax", width: "width" }, outputs: { pageChange: "pageChange" }, decls: 1, vars: 6, consts: [[3, "total", "pageSize", "pageSizeValues", "skip", "pageChange"]], template: function DatapagerComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "kendo-datapager", 0);
+            i0.ɵɵlistener("pageChange", function DatapagerComponent_Template_kendo_datapager_pageChange_0_listener($event) { return ctx.onPageChange($event); });
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵstyleMap(ctx.style);
+            i0.ɵɵproperty("total", ctx.totalItems)("pageSize", ctx.pageSize)("pageSizeValues", ctx.pageSizes)("skip", ctx.skipItems);
+        } }, dependencies: [i1$7.PagerComponent], encapsulation: 2 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: DatapagerComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'anatoly-datapager', template: "<kendo-datapager [total]='totalItems'\r\n                 [pageSize]='pageSize'\r\n                 [pageSizeValues]='pageSizes'\r\n                 [skip]='skipItems'                 \r\n                 [style]='style'\r\n                 (pageChange)='onPageChange($event)'>\r\n</kendo-datapager>\r\n" }]
-        }], ctorParameters: function () { return []; }, propDecorators: { totalItems: [{
-                type: Input
-            }], pageSize: [{
-                type: Input
-            }], skipItems: [{
-                type: Input
-            }], pageSizeDivisor: [{
-                type: Input
-            }], pageSizeMax: [{
-                type: Input
-            }], width: [{
-                type: Input
-            }], pageChange: [{
-                type: Output
-            }] } });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DatapagerComponent, [{
+        type: Component,
+        args: [{ selector: 'anatoly-datapager', template: "<kendo-datapager [total]='totalItems'\r\n                 [pageSize]='pageSize'\r\n                 [pageSizeValues]='pageSizes'\r\n                 [skip]='skipItems'                 \r\n                 [style]='style'\r\n                 (pageChange)='onPageChange($event)'>\r\n</kendo-datapager>\r\n" }]
+    }], function () { return []; }, { totalItems: [{
+            type: Input
+        }], pageSize: [{
+            type: Input
+        }], skipItems: [{
+            type: Input
+        }], pageSizeDivisor: [{
+            type: Input
+        }], pageSizeMax: [{
+            type: Input
+        }], width: [{
+            type: Input
+        }], pageChange: [{
+            type: Output
+        }] }); })();
 
 /*
 <file>
@@ -2740,15 +2860,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImpor
 class SignInButtonComponent {
     classbtn;
     constructor() { }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: SignInButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: SignInButtonComponent, selector: "anatoly-signin-button", inputs: { classbtn: "classbtn" }, ngImport: i0, template: "<a routerLink=\"iam/signin\" class=\"{{classbtn}}\">Sign In</a>\r\n", dependencies: [{ kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] });
+    static ɵfac = function SignInButtonComponent_Factory(t) { return new (t || SignInButtonComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SignInButtonComponent, selectors: [["anatoly-signin-button"]], inputs: { classbtn: "classbtn" }, decls: 2, vars: 3, consts: [["routerLink", "iam/signin"]], template: function SignInButtonComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "a", 0);
+            i0.ɵɵtext(1, "Sign In");
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵclassMap(ctx.classbtn);
+        } }, dependencies: [i1.RouterLink], encapsulation: 2 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: SignInButtonComponent, decorators: [{
-            type: Component,
-            args: [{ selector: "anatoly-signin-button", template: "<a routerLink=\"iam/signin\" class=\"{{classbtn}}\">Sign In</a>\r\n" }]
-        }], ctorParameters: function () { return []; }, propDecorators: { classbtn: [{
-                type: Input
-            }] } });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SignInButtonComponent, [{
+        type: Component,
+        args: [{ selector: "anatoly-signin-button", template: "<a routerLink=\"iam/signin\" class=\"{{classbtn}}\">Sign In</a>\r\n" }]
+    }], function () { return []; }, { classbtn: [{
+            type: Input
+        }] }); })();
 
 /*
 <file>
@@ -2768,15 +2894,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImpor
 class SignOutButtonComponent {
     classbtn;
     constructor() { }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: SignOutButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: SignOutButtonComponent, selector: "anatoly-signout-button", inputs: { classbtn: "classbtn" }, ngImport: i0, template: "<a routerLink=\"iam/signout\" class=\"{{classbtn}}\">Sign Out</a>\r\n", dependencies: [{ kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] });
+    static ɵfac = function SignOutButtonComponent_Factory(t) { return new (t || SignOutButtonComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SignOutButtonComponent, selectors: [["anatoly-signout-button"]], inputs: { classbtn: "classbtn" }, decls: 2, vars: 3, consts: [["routerLink", "iam/signout"]], template: function SignOutButtonComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "a", 0);
+            i0.ɵɵtext(1, "Sign Out");
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵclassMap(ctx.classbtn);
+        } }, dependencies: [i1.RouterLink], encapsulation: 2 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: SignOutButtonComponent, decorators: [{
-            type: Component,
-            args: [{ selector: "anatoly-signout-button", template: "<a routerLink=\"iam/signout\" class=\"{{classbtn}}\">Sign Out</a>\r\n" }]
-        }], ctorParameters: function () { return []; }, propDecorators: { classbtn: [{
-                type: Input
-            }] } });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SignOutButtonComponent, [{
+        type: Component,
+        args: [{ selector: "anatoly-signout-button", template: "<a routerLink=\"iam/signout\" class=\"{{classbtn}}\">Sign Out</a>\r\n" }]
+    }], function () { return []; }, { classbtn: [{
+            type: Input
+        }] }); })();
 
 /*
 <file>
@@ -2794,6 +2926,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImpor
 </file>
 */
 //Node
+function NodataComponent_div_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 1)(1, "div", 2);
+    i0.ɵɵelement(2, "fa-icon", 3);
+    i0.ɵɵelementStart(3, "h3");
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵprojection(5);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(3);
+    i0.ɵɵclassMap(ctx_r0.headingClass);
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate(ctx_r0.heading);
+} }
+const _c0$a = ["*"];
 class NodataComponent {
     dataLoading = false;
     dataLoaded = false;
@@ -2802,23 +2950,28 @@ class NodataComponent {
     headingClass = 'text-uppercase';
     constructor() {
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: NodataComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: NodataComponent, selector: "anatoly-nodata", inputs: { dataLoading: "dataLoading", dataLoaded: "dataLoaded", dataFound: "dataFound", heading: "heading", headingClass: "headingClass" }, ngImport: i0, template: "<div class=\"no-data\" *ngIf='dataLoaded && !dataFound'>\r\n  <div class='loaded text-info'>\r\n    <fa-icon icon=\"database\" size=\"10x\"></fa-icon>\r\n    <h3 class='{{headingClass}}'>{{heading}}</h3>\r\n    <ng-content></ng-content>\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i1$5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1$6.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }] });
+    static ɵfac = function NodataComponent_Factory(t) { return new (t || NodataComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: NodataComponent, selectors: [["anatoly-nodata"]], inputs: { dataLoading: "dataLoading", dataLoaded: "dataLoaded", dataFound: "dataFound", heading: "heading", headingClass: "headingClass" }, ngContentSelectors: _c0$a, decls: 1, vars: 1, consts: [["class", "no-data", 4, "ngIf"], [1, "no-data"], [1, "loaded", "text-info"], ["icon", "database", "size", "10x"]], template: function NodataComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef();
+            i0.ɵɵtemplate(0, NodataComponent_div_0_Template, 6, 4, "div", 0);
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngIf", ctx.dataLoaded && !ctx.dataFound);
+        } }, dependencies: [i1$5.NgIf, i1$6.FaIconComponent], encapsulation: 2 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: NodataComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'anatoly-nodata', template: "<div class=\"no-data\" *ngIf='dataLoaded && !dataFound'>\r\n  <div class='loaded text-info'>\r\n    <fa-icon icon=\"database\" size=\"10x\"></fa-icon>\r\n    <h3 class='{{headingClass}}'>{{heading}}</h3>\r\n    <ng-content></ng-content>\r\n  </div>\r\n</div>\r\n" }]
-        }], ctorParameters: function () { return []; }, propDecorators: { dataLoading: [{
-                type: Input
-            }], dataLoaded: [{
-                type: Input
-            }], dataFound: [{
-                type: Input
-            }], heading: [{
-                type: Input
-            }], headingClass: [{
-                type: Input
-            }] } });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NodataComponent, [{
+        type: Component,
+        args: [{ selector: 'anatoly-nodata', template: "<div class=\"no-data\" *ngIf='dataLoaded && !dataFound'>\r\n  <div class='loaded text-info'>\r\n    <fa-icon icon=\"database\" size=\"10x\"></fa-icon>\r\n    <h3 class='{{headingClass}}'>{{heading}}</h3>\r\n    <ng-content></ng-content>\r\n  </div>\r\n</div>\r\n" }]
+    }], function () { return []; }, { dataLoading: [{
+            type: Input
+        }], dataLoaded: [{
+            type: Input
+        }], dataFound: [{
+            type: Input
+        }], heading: [{
+            type: Input
+        }], headingClass: [{
+            type: Input
+        }] }); })();
 
 /*
 <file>
@@ -2836,6 +2989,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImpor
 </file>
 */
 // Node
+function LoadingComponent_div_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 1);
+    i0.ɵɵelement(1, "span", 2);
+    i0.ɵɵelementEnd();
+} }
 class LoadingComponent {
     loadingService;
     // Private
@@ -2855,13 +3013,17 @@ class LoadingComponent {
     ngOnDestroy() {
         this.subs.unsubscribe();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: LoadingComponent, deps: [{ token: LoadingService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: LoadingComponent, selector: "anatoly-loading", ngImport: i0, template: "<div id=\"pnlLoading\" *ngIf=\"show\">\r\n  <span class=\"k-icon k-i-loading\"></span>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i1$5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+    static ɵfac = function LoadingComponent_Factory(t) { return new (t || LoadingComponent)(i0.ɵɵdirectiveInject(LoadingService)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LoadingComponent, selectors: [["anatoly-loading"]], decls: 1, vars: 1, consts: [["id", "pnlLoading", 4, "ngIf"], ["id", "pnlLoading"], [1, "k-icon", "k-i-loading"]], template: function LoadingComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, LoadingComponent_div_0_Template, 2, 0, "div", 0);
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngIf", ctx.show);
+        } }, dependencies: [i1$5.NgIf], encapsulation: 2 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: LoadingComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'anatoly-loading', template: "<div id=\"pnlLoading\" *ngIf=\"show\">\r\n  <span class=\"k-icon k-i-loading\"></span>\r\n</div>\r\n" }]
-        }], ctorParameters: function () { return [{ type: LoadingService }]; } });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LoadingComponent, [{
+        type: Component,
+        args: [{ selector: 'anatoly-loading', template: "<div id=\"pnlLoading\" *ngIf=\"show\">\r\n  <span class=\"k-icon k-i-loading\"></span>\r\n</div>\r\n" }]
+    }], function () { return [{ type: LoadingService }]; }, null); })();
 
 const Spinkit = {
     skChasingDots: 'sk-chasing-dots',
@@ -2891,6 +3053,25 @@ const Spinkit = {
 </file>
 */
 // Node
+function PageSpinnerComponent_div_0_div_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 4);
+    i0.ɵɵelement(1, "div", 5);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("colored", !ctx_r1.backgroundColor);
+    i0.ɵɵadvance(1);
+    i0.ɵɵstyleProp("background-color", ctx_r1.backgroundColor);
+} }
+function PageSpinnerComponent_div_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 1)(1, "div", 2);
+    i0.ɵɵtemplate(2, PageSpinnerComponent_div_0_div_2_Template, 2, 4, "div", 3);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngIf", ctx_r0.spinner === ctx_r0.Spinkit.skLine);
+} }
 class PageSpinnerComponent {
     router;
     isSpinnerVisible = true;
@@ -2918,17 +3099,21 @@ class PageSpinnerComponent {
     ngOnDestroy() {
         this.isSpinnerVisible = false;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: PageSpinnerComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: PageSpinnerComponent, selector: "anatoly-pagespinner", inputs: { backgroundColor: "backgroundColor", spinner: "spinner" }, ngImport: i0, template: "<div id=\"http-loader\" *ngIf=\"isSpinnerVisible\">\r\n  <div class=\"loader-bg\">\r\n      <div class=\"sk-line-material\" [class.colored]=\"!backgroundColor\" *ngIf=\"spinner === Spinkit.skLine\">\r\n          <div class=\"sk-child sk-bounce1\" [style.background-color]='backgroundColor'></div>\r\n      </div>\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i1$5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = function PageSpinnerComponent_Factory(t) { return new (t || PageSpinnerComponent)(i0.ɵɵdirectiveInject(i1.Router)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PageSpinnerComponent, selectors: [["anatoly-pagespinner"]], inputs: { backgroundColor: "backgroundColor", spinner: "spinner" }, decls: 1, vars: 1, consts: [["id", "http-loader", 4, "ngIf"], ["id", "http-loader"], [1, "loader-bg"], ["class", "sk-line-material", 3, "colored", 4, "ngIf"], [1, "sk-line-material"], [1, "sk-child", "sk-bounce1"]], template: function PageSpinnerComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, PageSpinnerComponent_div_0_Template, 3, 1, "div", 0);
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngIf", ctx.isSpinnerVisible);
+        } }, dependencies: [i1$5.NgIf], encapsulation: 2 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: PageSpinnerComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'anatoly-pagespinner', encapsulation: ViewEncapsulation.None, template: "<div id=\"http-loader\" *ngIf=\"isSpinnerVisible\">\r\n  <div class=\"loader-bg\">\r\n      <div class=\"sk-line-material\" [class.colored]=\"!backgroundColor\" *ngIf=\"spinner === Spinkit.skLine\">\r\n          <div class=\"sk-child sk-bounce1\" [style.background-color]='backgroundColor'></div>\r\n      </div>\r\n  </div>\r\n</div>\r\n" }]
-        }], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { backgroundColor: [{
-                type: Input
-            }], spinner: [{
-                type: Input
-            }] } });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PageSpinnerComponent, [{
+        type: Component,
+        args: [{ selector: 'anatoly-pagespinner', encapsulation: ViewEncapsulation.None, template: "<div id=\"http-loader\" *ngIf=\"isSpinnerVisible\">\r\n  <div class=\"loader-bg\">\r\n      <div class=\"sk-line-material\" [class.colored]=\"!backgroundColor\" *ngIf=\"spinner === Spinkit.skLine\">\r\n          <div class=\"sk-child sk-bounce1\" [style.background-color]='backgroundColor'></div>\r\n      </div>\r\n  </div>\r\n</div>\r\n" }]
+    }], function () { return [{ type: i1.Router }]; }, { backgroundColor: [{
+            type: Input
+        }], spinner: [{
+            type: Input
+        }] }); })();
 
 /*
 <file>
@@ -2957,17 +3142,22 @@ class Copy2ClipboardComponent {
         }, 1000);
         Utils.copyToClipBoard(event, this.text);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: Copy2ClipboardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: Copy2ClipboardComponent, selector: "anatoly-copy-2-clipboard", inputs: { tooltip: "tooltip", text: "text" }, ngImport: i0, template: "<a class=\"btn btn-primary btn-sm active\" (click)=\"onCopy2Clipboard($event)\">\r\n  <fa-icon size=\"lg\" icon=\"copy\"></fa-icon>\r\n</a>", dependencies: [{ kind: "component", type: i1$6.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }] });
+    static ɵfac = function Copy2ClipboardComponent_Factory(t) { return new (t || Copy2ClipboardComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Copy2ClipboardComponent, selectors: [["anatoly-copy-2-clipboard"]], inputs: { tooltip: "tooltip", text: "text" }, decls: 2, vars: 0, consts: [[1, "btn", "btn-primary", "btn-sm", "active", 3, "click"], ["size", "lg", "icon", "copy"]], template: function Copy2ClipboardComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "a", 0);
+            i0.ɵɵlistener("click", function Copy2ClipboardComponent_Template_a_click_0_listener($event) { return ctx.onCopy2Clipboard($event); });
+            i0.ɵɵelement(1, "fa-icon", 1);
+            i0.ɵɵelementEnd();
+        } }, dependencies: [i1$6.FaIconComponent], encapsulation: 2 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: Copy2ClipboardComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'anatoly-copy-2-clipboard', template: "<a class=\"btn btn-primary btn-sm active\" (click)=\"onCopy2Clipboard($event)\">\r\n  <fa-icon size=\"lg\" icon=\"copy\"></fa-icon>\r\n</a>" }]
-        }], propDecorators: { tooltip: [{
-                type: Input
-            }], text: [{
-                type: Input
-            }] } });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(Copy2ClipboardComponent, [{
+        type: Component,
+        args: [{ selector: 'anatoly-copy-2-clipboard', template: "<a class=\"btn btn-primary btn-sm active\" (click)=\"onCopy2Clipboard($event)\">\r\n  <fa-icon size=\"lg\" icon=\"copy\"></fa-icon>\r\n</a>" }]
+    }], null, { tooltip: [{
+            type: Input
+        }], text: [{
+            type: Input
+        }] }); })();
 
 /*
 <file>
@@ -2985,17 +3175,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImpor
 </file>
 */
 //Node
+const _c0$9 = [[["mex-card-header"]], [["mex-card-body"]], "*", [["mex-card-footer"]]];
+const _c1 = ["mex-card-header", "mex-card-body", "*", "mex-card-footer"];
 class CardComponent {
     classes;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: CardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: CardComponent, selector: "anatoly-card", inputs: { classes: "classes" }, ngImport: i0, template: "<div class='card {{ classes }}'>\r\n  <ng-content select='mex-card-header'></ng-content>\r\n  <ng-content select='mex-card-body'></ng-content>\r\n  <ng-content></ng-content>\r\n  <ng-content select='mex-card-footer'></ng-content>\r\n</div>\r\n" });
+    static ɵfac = function CardComponent_Factory(t) { return new (t || CardComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CardComponent, selectors: [["anatoly-card"]], inputs: { classes: "classes" }, ngContentSelectors: _c1, decls: 5, vars: 3, template: function CardComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef(_c0$9);
+            i0.ɵɵelementStart(0, "div");
+            i0.ɵɵprojection(1);
+            i0.ɵɵprojection(2, 1);
+            i0.ɵɵprojection(3, 2);
+            i0.ɵɵprojection(4, 3);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵclassMapInterpolate1("card ", ctx.classes, "");
+        } }, encapsulation: 2 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: CardComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'anatoly-card', template: "<div class='card {{ classes }}'>\r\n  <ng-content select='mex-card-header'></ng-content>\r\n  <ng-content select='mex-card-body'></ng-content>\r\n  <ng-content></ng-content>\r\n  <ng-content select='mex-card-footer'></ng-content>\r\n</div>\r\n" }]
-        }], propDecorators: { classes: [{
-                type: Input
-            }] } });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CardComponent, [{
+        type: Component,
+        args: [{ selector: 'anatoly-card', template: "<div class='card {{ classes }}'>\r\n  <ng-content select='mex-card-header'></ng-content>\r\n  <ng-content select='mex-card-body'></ng-content>\r\n  <ng-content></ng-content>\r\n  <ng-content select='mex-card-footer'></ng-content>\r\n</div>\r\n" }]
+    }], null, { classes: [{
+            type: Input
+        }] }); })();
 
 /*
 <file>
@@ -3013,20 +3215,40 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImpor
 </file>
 */
 //Node
+function CardHeaderComponent_h3_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "h3", 1);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate(ctx_r0.title);
+} }
+const _c0$8 = ["*"];
 class CardHeaderComponent {
     classes;
     title;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: CardHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: CardHeaderComponent, selector: "anatoly-card-header", inputs: { classes: "classes", title: "title" }, ngImport: i0, template: "<div class='card-header {{ classes }}'>\r\n  <h3 *ngIf='title' class='card-title'>{{ title }}</h3>\r\n  <ng-content></ng-content>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i1$5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+    static ɵfac = function CardHeaderComponent_Factory(t) { return new (t || CardHeaderComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CardHeaderComponent, selectors: [["anatoly-card-header"]], inputs: { classes: "classes", title: "title" }, ngContentSelectors: _c0$8, decls: 3, vars: 4, consts: [["class", "card-title", 4, "ngIf"], [1, "card-title"]], template: function CardHeaderComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef();
+            i0.ɵɵelementStart(0, "div");
+            i0.ɵɵtemplate(1, CardHeaderComponent_h3_1_Template, 2, 1, "h3", 0);
+            i0.ɵɵprojection(2);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵclassMapInterpolate1("card-header ", ctx.classes, "");
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", ctx.title);
+        } }, dependencies: [i1$5.NgIf], encapsulation: 2 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: CardHeaderComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'anatoly-card-header', template: "<div class='card-header {{ classes }}'>\r\n  <h3 *ngIf='title' class='card-title'>{{ title }}</h3>\r\n  <ng-content></ng-content>\r\n</div>\r\n" }]
-        }], propDecorators: { classes: [{
-                type: Input
-            }], title: [{
-                type: Input
-            }] } });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CardHeaderComponent, [{
+        type: Component,
+        args: [{ selector: 'anatoly-card-header', template: "<div class='card-header {{ classes }}'>\r\n  <h3 *ngIf='title' class='card-title'>{{ title }}</h3>\r\n  <ng-content></ng-content>\r\n</div>\r\n" }]
+    }], null, { classes: [{
+            type: Input
+        }], title: [{
+            type: Input
+        }] }); })();
 
 /*
 <file>
@@ -3044,17 +3266,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImpor
 </file>
 */
 //Node
+const _c0$7 = ["*"];
 class CardBodyComponent {
     classes;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: CardBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: CardBodyComponent, selector: "anatoly-card-body", inputs: { classes: "classes" }, ngImport: i0, template: "<div class='card-body {{ classes }}'>\r\n  <ng-content></ng-content>\r\n</div>\r\n" });
+    static ɵfac = function CardBodyComponent_Factory(t) { return new (t || CardBodyComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CardBodyComponent, selectors: [["anatoly-card-body"]], inputs: { classes: "classes" }, ngContentSelectors: _c0$7, decls: 2, vars: 3, template: function CardBodyComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef();
+            i0.ɵɵelementStart(0, "div");
+            i0.ɵɵprojection(1);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵclassMapInterpolate1("card-body ", ctx.classes, "");
+        } }, encapsulation: 2 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: CardBodyComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'anatoly-card-body', template: "<div class='card-body {{ classes }}'>\r\n  <ng-content></ng-content>\r\n</div>\r\n" }]
-        }], propDecorators: { classes: [{
-                type: Input
-            }] } });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CardBodyComponent, [{
+        type: Component,
+        args: [{ selector: 'anatoly-card-body', template: "<div class='card-body {{ classes }}'>\r\n  <ng-content></ng-content>\r\n</div>\r\n" }]
+    }], null, { classes: [{
+            type: Input
+        }] }); })();
 
 /*
 <file>
@@ -3072,17 +3302,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImpor
 </file>
 */
 //Node
+const _c0$6 = ["*"];
 class CardFooterComponent {
     classes;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: CardFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: CardFooterComponent, selector: "anatoly-card-footer", inputs: { classes: "classes" }, ngImport: i0, template: "<div class='card-footer {{ classes }}'>\r\n  <ng-content></ng-content>\r\n</div>\r\n" });
+    static ɵfac = function CardFooterComponent_Factory(t) { return new (t || CardFooterComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CardFooterComponent, selectors: [["anatoly-card-footer"]], inputs: { classes: "classes" }, ngContentSelectors: _c0$6, decls: 2, vars: 3, template: function CardFooterComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef();
+            i0.ɵɵelementStart(0, "div");
+            i0.ɵɵprojection(1);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵclassMapInterpolate1("card-footer ", ctx.classes, "");
+        } }, encapsulation: 2 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: CardFooterComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'anatoly-card-footer', template: "<div class='card-footer {{ classes }}'>\r\n  <ng-content></ng-content>\r\n</div>\r\n" }]
-        }], propDecorators: { classes: [{
-                type: Input
-            }] } });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CardFooterComponent, [{
+        type: Component,
+        args: [{ selector: 'anatoly-card-footer', template: "<div class='card-footer {{ classes }}'>\r\n  <ng-content></ng-content>\r\n</div>\r\n" }]
+    }], null, { classes: [{
+            type: Input
+        }] }); })();
 
 /*
 <file>
@@ -3217,15 +3455,15 @@ class BaseComponent {
         this.dataLoaded = true;
         this.dataFound = found;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: BaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: BaseComponent, selector: "ng-component", ngImport: i0, template: '', isInline: true });
+    static ɵfac = function BaseComponent_Factory(t) { return new (t || BaseComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: BaseComponent, selectors: [["ng-component"]], decls: 0, vars: 0, template: function BaseComponent_Template(rf, ctx) { }, encapsulation: 2 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: BaseComponent, decorators: [{
-            type: Component,
-            args: [{
-                    template: ''
-                }]
-        }] });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BaseComponent, [{
+        type: Component,
+        args: [{
+                template: ''
+            }]
+    }], null, null); })();
 
 /*
 <file>
@@ -3342,19 +3580,19 @@ class BaseEditComponent extends BaseComponent {
     get fc() {
         return this.formGroup.controls;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: BaseEditComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: BaseEditComponent, selector: "ng-component", inputs: { formGroup: "formGroup", formSubmitted: "formSubmitted" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
+    static ɵfac = function BaseEditComponent_Factory(t) { return new (t || BaseEditComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: BaseEditComponent, selectors: [["ng-component"]], inputs: { formGroup: "formGroup", formSubmitted: "formSubmitted" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 0, vars: 0, template: function BaseEditComponent_Template(rf, ctx) { }, encapsulation: 2 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: BaseEditComponent, decorators: [{
-            type: Component,
-            args: [{
-                    template: ''
-                }]
-        }], ctorParameters: function () { return []; }, propDecorators: { formGroup: [{
-                type: Input
-            }], formSubmitted: [{
-                type: Input
-            }] } });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BaseEditComponent, [{
+        type: Component,
+        args: [{
+                template: ''
+            }]
+    }], function () { return []; }, { formGroup: [{
+            type: Input
+        }], formSubmitted: [{
+            type: Input
+        }] }); })();
 
 // Node
 class BaseHtmlEditorComponent extends BaseEditComponent {
@@ -3432,19 +3670,19 @@ class BaseHtmlEditorComponent extends BaseEditComponent {
             editor.opts.imageUploadParams.uploadParentId = uploadParentId;
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: BaseHtmlEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: BaseHtmlEditorComponent, selector: "ng-component", inputs: { editorLabelText: "editorLabelText", editorOptions: "editorOptions" }, usesInheritance: true, ngImport: i0, template: "", isInline: true });
+    static ɵfac = function BaseHtmlEditorComponent_Factory(t) { return new (t || BaseHtmlEditorComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: BaseHtmlEditorComponent, selectors: [["ng-component"]], inputs: { editorLabelText: "editorLabelText", editorOptions: "editorOptions" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 0, vars: 0, template: function BaseHtmlEditorComponent_Template(rf, ctx) { }, encapsulation: 2 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: BaseHtmlEditorComponent, decorators: [{
-            type: Component,
-            args: [{
-                    template: "",
-                }]
-        }], ctorParameters: function () { return []; }, propDecorators: { editorLabelText: [{
-                type: Input
-            }], editorOptions: [{
-                type: Input
-            }] } });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BaseHtmlEditorComponent, [{
+        type: Component,
+        args: [{
+                template: "",
+            }]
+    }], function () { return []; }, { editorLabelText: [{
+            type: Input
+        }], editorOptions: [{
+            type: Input
+        }] }); })();
 
 /*
 <file>
@@ -3473,15 +3711,15 @@ class NativeElementDirective {
         // sets the localization key to the control
         this.control.control.nativeElement = this.el.nativeElement;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: NativeElementDirective, deps: [{ token: i0.ElementRef }, { token: i2.NgControl }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.7", type: NativeElementDirective, selector: "[formControl], [formControlName]", ngImport: i0 });
+    static ɵfac = function NativeElementDirective_Factory(t) { return new (t || NativeElementDirective)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i2.NgControl)); };
+    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: NativeElementDirective, selectors: [["", "formControl", ""], ["", "formControlName", ""]] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: NativeElementDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[formControl], [formControlName]'
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i2.NgControl }]; } });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NativeElementDirective, [{
+        type: Directive,
+        args: [{
+                selector: '[formControl], [formControlName]'
+            }]
+    }], function () { return [{ type: i0.ElementRef }, { type: i2.NgControl }]; }, null); })();
 
 /*
 <file>
@@ -3594,15 +3832,15 @@ class ValidationSummaryComponent extends BaseEditComponent {
         }
         return title;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: ValidationSummaryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: ValidationSummaryComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "", isInline: true });
+    static ɵfac = function ValidationSummaryComponent_Factory(t) { return new (t || ValidationSummaryComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ValidationSummaryComponent, selectors: [["ng-component"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 0, vars: 0, template: function ValidationSummaryComponent_Template(rf, ctx) { }, encapsulation: 2 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: ValidationSummaryComponent, decorators: [{
-            type: Component,
-            args: [{
-                    template: "",
-                }]
-        }], ctorParameters: function () { return []; } });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ValidationSummaryComponent, [{
+        type: Component,
+        args: [{
+                template: "",
+            }]
+    }], function () { return []; }, null); })();
 
 /*
 <file>
@@ -3620,23 +3858,45 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImpor
 </file>
 */
 // Node
+function ItemValidationSummaryComponent_ul_0_li_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "li")(1, "span", 3);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const error_r2 = ctx.$implicit;
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(error_r2);
+} }
+function ItemValidationSummaryComponent_ul_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "ul", 1);
+    i0.ɵɵtemplate(1, ItemValidationSummaryComponent_ul_0_li_1_Template, 3, 1, "li", 2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngForOf", ctx_r0.getValidationMessages(ctx_r0.formGroup.get(ctx_r0.controlName), ctx_r0.controlTitle));
+} }
 class ItemValidationSummaryComponent extends ValidationSummaryComponent {
     controlName;
     controlTitle;
     constructor() {
         super();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: ItemValidationSummaryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: ItemValidationSummaryComponent, selector: "anatoly-item-validation-summary", inputs: { controlName: "controlName", controlTitle: "controlTitle" }, usesInheritance: true, ngImport: i0, template: "<ul class=\"list-unstyled\" *ngIf=\"isControlInvalid(controlName)\">\r\n  <li *ngFor=\"let error of getValidationMessages(formGroup.get(controlName), controlTitle)\">\r\n    <span class=\"help-block\">{{ error }}</span>\r\n  </li>\r\n</ul>\r\n\r\n", dependencies: [{ kind: "directive", type: i1$5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+    static ɵfac = function ItemValidationSummaryComponent_Factory(t) { return new (t || ItemValidationSummaryComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ItemValidationSummaryComponent, selectors: [["anatoly-item-validation-summary"]], inputs: { controlName: "controlName", controlTitle: "controlTitle" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [["class", "list-unstyled", 4, "ngIf"], [1, "list-unstyled"], [4, "ngFor", "ngForOf"], [1, "help-block"]], template: function ItemValidationSummaryComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, ItemValidationSummaryComponent_ul_0_Template, 2, 1, "ul", 0);
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngIf", ctx.isControlInvalid(ctx.controlName));
+        } }, dependencies: [i1$5.NgForOf, i1$5.NgIf], encapsulation: 2 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: ItemValidationSummaryComponent, decorators: [{
-            type: Component,
-            args: [{ selector: "anatoly-item-validation-summary", template: "<ul class=\"list-unstyled\" *ngIf=\"isControlInvalid(controlName)\">\r\n  <li *ngFor=\"let error of getValidationMessages(formGroup.get(controlName), controlTitle)\">\r\n    <span class=\"help-block\">{{ error }}</span>\r\n  </li>\r\n</ul>\r\n\r\n" }]
-        }], ctorParameters: function () { return []; }, propDecorators: { controlName: [{
-                type: Input
-            }], controlTitle: [{
-                type: Input
-            }] } });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ItemValidationSummaryComponent, [{
+        type: Component,
+        args: [{ selector: "anatoly-item-validation-summary", template: "<ul class=\"list-unstyled\" *ngIf=\"isControlInvalid(controlName)\">\r\n  <li *ngFor=\"let error of getValidationMessages(formGroup.get(controlName), controlTitle)\">\r\n    <span class=\"help-block\">{{ error }}</span>\r\n  </li>\r\n</ul>\r\n\r\n" }]
+    }], function () { return []; }, { controlName: [{
+            type: Input
+        }], controlTitle: [{
+            type: Input
+        }] }); })();
 
 /*
 <file>
@@ -3654,6 +3914,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImpor
 </file>
 */
 //Node
+const _c0$5 = function (a0) { return { "has-error": a0 }; };
 class FormsHtmlEditorComponent extends BaseHtmlEditorComponent {
     editorFormKey = "html";
     constructor() {
@@ -3664,15 +3925,32 @@ class FormsHtmlEditorComponent extends BaseHtmlEditorComponent {
             that.setFormValue(name, value);
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: FormsHtmlEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: FormsHtmlEditorComponent, selector: "anatoly-forms-html-editor", inputs: { editorFormKey: "editorFormKey" }, usesInheritance: true, ngImport: i0, template: "<div [formGroup]=\"formGroup\" [ngClass]=\"{'has-error': isControlInvalid(editorFormKey) }\" class=\"form-group\" >\r\n    <label class=\"col-form-label\">{{ editorLabelText }}</label>\r\n    <textarea [formControlName]=\"editorFormKey\" [froalaEditor]=\"options\" (froalaInit)=\"initializeControl($event)\"></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", dependencies: [{ kind: "directive", type: i1$5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i3.FroalaEditorDirective, selector: "[froalaEditor]", inputs: ["froalaEditor", "froalaModel"], outputs: ["froalaModelChange", "froalaInit"], exportAs: ["froalaEditor"] }, { kind: "directive", type: NativeElementDirective, selector: "[formControl], [formControlName]" }, { kind: "component", type: ItemValidationSummaryComponent, selector: "anatoly-item-validation-summary", inputs: ["controlName", "controlTitle"] }] });
+    static ɵfac = function FormsHtmlEditorComponent_Factory(t) { return new (t || FormsHtmlEditorComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FormsHtmlEditorComponent, selectors: [["anatoly-forms-html-editor"]], inputs: { editorFormKey: "editorFormKey" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 5, vars: 11, consts: [[1, "form-group", 3, "formGroup", "ngClass"], [1, "col-form-label"], [3, "formControlName", "froalaEditor", "froalaInit"], [3, "formGroup", "formSubmitted", "controlName", "controlTitle"]], template: function FormsHtmlEditorComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "label", 1);
+            i0.ɵɵtext(2);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(3, "textarea", 2);
+            i0.ɵɵlistener("froalaInit", function FormsHtmlEditorComponent_Template_textarea_froalaInit_3_listener($event) { return ctx.initializeControl($event); });
+            i0.ɵɵelementEnd();
+            i0.ɵɵelement(4, "anatoly-item-validation-summary", 3);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵproperty("formGroup", ctx.formGroup)("ngClass", i0.ɵɵpureFunction1(9, _c0$5, ctx.isControlInvalid(ctx.editorFormKey)));
+            i0.ɵɵadvance(2);
+            i0.ɵɵtextInterpolate(ctx.editorLabelText);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("formControlName", ctx.editorFormKey)("froalaEditor", ctx.options);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("formGroup", ctx.formGroup)("formSubmitted", ctx.formSubmitted)("controlName", ctx.editorFormKey)("controlTitle", ctx.editorLabelText);
+        } }, dependencies: [i1$5.NgClass, i2.DefaultValueAccessor, i2.NgControlStatus, i2.NgControlStatusGroup, i2.FormGroupDirective, i2.FormControlName, i3.FroalaEditorDirective, NativeElementDirective, ItemValidationSummaryComponent], encapsulation: 2 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: FormsHtmlEditorComponent, decorators: [{
-            type: Component,
-            args: [{ selector: "anatoly-forms-html-editor", template: "<div [formGroup]=\"formGroup\" [ngClass]=\"{'has-error': isControlInvalid(editorFormKey) }\" class=\"form-group\" >\r\n    <label class=\"col-form-label\">{{ editorLabelText }}</label>\r\n    <textarea [formControlName]=\"editorFormKey\" [froalaEditor]=\"options\" (froalaInit)=\"initializeControl($event)\"></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" }]
-        }], ctorParameters: function () { return []; }, propDecorators: { editorFormKey: [{
-                type: Input
-            }] } });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FormsHtmlEditorComponent, [{
+        type: Component,
+        args: [{ selector: "anatoly-forms-html-editor", template: "<div [formGroup]=\"formGroup\" [ngClass]=\"{'has-error': isControlInvalid(editorFormKey) }\" class=\"form-group\" >\r\n    <label class=\"col-form-label\">{{ editorLabelText }}</label>\r\n    <textarea [formControlName]=\"editorFormKey\" [froalaEditor]=\"options\" (froalaInit)=\"initializeControl($event)\"></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" }]
+    }], function () { return []; }, { editorFormKey: [{
+            type: Input
+        }] }); })();
 
 /*
 <file>
@@ -3710,13 +3988,25 @@ class HtmlEditorComponent extends BaseHtmlEditorComponent {
         }
         return editor.html.get(false);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: HtmlEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: HtmlEditorComponent, selector: "anatoly-html-editor", usesInheritance: true, ngImport: i0, template: "<div class=\"form-group\">\r\n  <label class=\"col-form-label\">{{ editorLabelText }}</label>\r\n  <textarea [froalaEditor]=\"options\" (froalaInit)=\"initializeControl($event)\"></textarea>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i3.FroalaEditorDirective, selector: "[froalaEditor]", inputs: ["froalaEditor", "froalaModel"], outputs: ["froalaModelChange", "froalaInit"], exportAs: ["froalaEditor"] }] });
+    static ɵfac = function HtmlEditorComponent_Factory(t) { return new (t || HtmlEditorComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: HtmlEditorComponent, selectors: [["anatoly-html-editor"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 4, vars: 2, consts: [[1, "form-group"], [1, "col-form-label"], [3, "froalaEditor", "froalaInit"]], template: function HtmlEditorComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "label", 1);
+            i0.ɵɵtext(2);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(3, "textarea", 2);
+            i0.ɵɵlistener("froalaInit", function HtmlEditorComponent_Template_textarea_froalaInit_3_listener($event) { return ctx.initializeControl($event); });
+            i0.ɵɵelementEnd()();
+        } if (rf & 2) {
+            i0.ɵɵadvance(2);
+            i0.ɵɵtextInterpolate(ctx.editorLabelText);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("froalaEditor", ctx.options);
+        } }, dependencies: [i3.FroalaEditorDirective], encapsulation: 2 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: HtmlEditorComponent, decorators: [{
-            type: Component,
-            args: [{ selector: "anatoly-html-editor", template: "<div class=\"form-group\">\r\n  <label class=\"col-form-label\">{{ editorLabelText }}</label>\r\n  <textarea [froalaEditor]=\"options\" (froalaInit)=\"initializeControl($event)\"></textarea>\r\n</div>\r\n" }]
-        }], ctorParameters: function () { return []; } });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(HtmlEditorComponent, [{
+        type: Component,
+        args: [{ selector: "anatoly-html-editor", template: "<div class=\"form-group\">\r\n  <label class=\"col-form-label\">{{ editorLabelText }}</label>\r\n  <textarea [froalaEditor]=\"options\" (froalaInit)=\"initializeControl($event)\"></textarea>\r\n</div>\r\n" }]
+    }], function () { return []; }, null); })();
 
 /*
 <file>
@@ -3765,21 +4055,21 @@ class BaseDialog extends BaseEditComponent {
         this.isOpen = false;
         this.closed.emit(-1);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: BaseDialog, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: BaseDialog, selector: "ng-component", inputs: { isOpen: "isOpen" }, outputs: { opened: "opened", closed: "closed" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
+    static ɵfac = function BaseDialog_Factory(t) { return new (t || BaseDialog)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: BaseDialog, selectors: [["ng-component"]], inputs: { isOpen: "isOpen" }, outputs: { opened: "opened", closed: "closed" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 0, vars: 0, template: function BaseDialog_Template(rf, ctx) { }, encapsulation: 2 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: BaseDialog, decorators: [{
-            type: Component,
-            args: [{
-                    template: ''
-                }]
-        }], ctorParameters: function () { return []; }, propDecorators: { isOpen: [{
-                type: Input
-            }], opened: [{
-                type: Output
-            }], closed: [{
-                type: Output
-            }] } });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BaseDialog, [{
+        type: Component,
+        args: [{
+                template: ''
+            }]
+    }], function () { return []; }, { isOpen: [{
+            type: Input
+        }], opened: [{
+            type: Output
+        }], closed: [{
+            type: Output
+        }] }); })();
 
 /*
 <file>
@@ -3834,17 +4124,17 @@ class BaseList extends BaseComponent {
         this.currentPage = (this.skipItems / this.pageSize) + 1;
         this.loadPage();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: BaseList, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: BaseList, selector: "ng-component", inputs: { showNoDataIfNoDataFound: "showNoDataIfNoDataFound" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
+    static ɵfac = /*@__PURE__*/ function () { let ɵBaseList_BaseFactory; return function BaseList_Factory(t) { return (ɵBaseList_BaseFactory || (ɵBaseList_BaseFactory = i0.ɵɵgetInheritedFactory(BaseList)))(t || BaseList); }; }();
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: BaseList, selectors: [["ng-component"]], inputs: { showNoDataIfNoDataFound: "showNoDataIfNoDataFound" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 0, vars: 0, template: function BaseList_Template(rf, ctx) { }, encapsulation: 2 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: BaseList, decorators: [{
-            type: Component,
-            args: [{
-                    template: ''
-                }]
-        }], propDecorators: { showNoDataIfNoDataFound: [{
-                type: Input
-            }] } });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BaseList, [{
+        type: Component,
+        args: [{
+                template: ''
+            }]
+    }], null, { showNoDataIfNoDataFound: [{
+            type: Input
+        }] }); })();
 
 /*
 <file>
@@ -3863,15 +4153,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImpor
 */
 //Node
 class BasePage extends BaseComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: BasePage, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: BasePage, selector: "ng-component", usesInheritance: true, ngImport: i0, template: '', isInline: true });
+    static ɵfac = /*@__PURE__*/ function () { let ɵBasePage_BaseFactory; return function BasePage_Factory(t) { return (ɵBasePage_BaseFactory || (ɵBasePage_BaseFactory = i0.ɵɵgetInheritedFactory(BasePage)))(t || BasePage); }; }();
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: BasePage, selectors: [["ng-component"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 0, vars: 0, template: function BasePage_Template(rf, ctx) { }, encapsulation: 2 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: BasePage, decorators: [{
-            type: Component,
-            args: [{
-                    template: ''
-                }]
-        }] });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BasePage, [{
+        type: Component,
+        args: [{
+                template: ''
+            }]
+    }], null, null); })();
 
 /*
 <file>
@@ -3925,15 +4215,15 @@ class BasePagedPage extends BasePage {
         this.currentPage = (this.skipItems / this.pageSize) + 1;
         this.loadPage();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: BasePagedPage, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: BasePagedPage, selector: "ng-component", usesInheritance: true, ngImport: i0, template: '', isInline: true });
+    static ɵfac = /*@__PURE__*/ function () { let ɵBasePagedPage_BaseFactory; return function BasePagedPage_Factory(t) { return (ɵBasePagedPage_BaseFactory || (ɵBasePagedPage_BaseFactory = i0.ɵɵgetInheritedFactory(BasePagedPage)))(t || BasePagedPage); }; }();
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: BasePagedPage, selectors: [["ng-component"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 0, vars: 0, template: function BasePagedPage_Template(rf, ctx) { }, encapsulation: 2 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: BasePagedPage, decorators: [{
-            type: Component,
-            args: [{
-                    template: ''
-                }]
-        }] });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BasePagedPage, [{
+        type: Component,
+        args: [{
+                template: ''
+            }]
+    }], null, null); })();
 
 /*
 <file>
@@ -3967,6 +4257,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImpor
 </file>
 */
 // Node
+function FormValidationSummaryComponent_div_0_li_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "li")(1, "span");
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const error_r2 = ctx.$implicit;
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(error_r2);
+} }
+function FormValidationSummaryComponent_div_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 1)(1, "h6", 2);
+    i0.ɵɵtext(2, "There are problems with the form");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "ul");
+    i0.ɵɵtemplate(4, FormValidationSummaryComponent_div_0_li_4_Template, 3, 1, "li", 3);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("ngForOf", ctx_r0.getErrors());
+} }
 class FormValidationSummaryComponent extends ValidationSummaryComponent {
     visible = false;
     customerrors = [];
@@ -3996,19 +4307,23 @@ class FormValidationSummaryComponent extends ValidationSummaryComponent {
         }
         return messages;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: FormValidationSummaryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: FormValidationSummaryComponent, selector: "anatoly-form-validation-summary", inputs: { visible: "visible", customerrors: "customerrors", viewtype: "viewtype" }, usesInheritance: true, ngImport: i0, template: "<div class=\"callout callout-danger\" *ngIf=\"visible\">\r\n  <h6 class=\"box-title\">There are problems with the form</h6>\r\n  <ul>\r\n    <li *ngFor=\"let error of getErrors()\"><span>{{error}}</span></li>\r\n  </ul>\r\n</div>\r\n\r\n", dependencies: [{ kind: "directive", type: i1$5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+    static ɵfac = function FormValidationSummaryComponent_Factory(t) { return new (t || FormValidationSummaryComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FormValidationSummaryComponent, selectors: [["anatoly-form-validation-summary"]], inputs: { visible: "visible", customerrors: "customerrors", viewtype: "viewtype" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [["class", "callout callout-danger", 4, "ngIf"], [1, "callout", "callout-danger"], [1, "box-title"], [4, "ngFor", "ngForOf"]], template: function FormValidationSummaryComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, FormValidationSummaryComponent_div_0_Template, 5, 1, "div", 0);
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngIf", ctx.visible);
+        } }, dependencies: [i1$5.NgForOf, i1$5.NgIf], encapsulation: 2 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: FormValidationSummaryComponent, decorators: [{
-            type: Component,
-            args: [{ selector: "anatoly-form-validation-summary", template: "<div class=\"callout callout-danger\" *ngIf=\"visible\">\r\n  <h6 class=\"box-title\">There are problems with the form</h6>\r\n  <ul>\r\n    <li *ngFor=\"let error of getErrors()\"><span>{{error}}</span></li>\r\n  </ul>\r\n</div>\r\n\r\n" }]
-        }], ctorParameters: function () { return []; }, propDecorators: { visible: [{
-                type: Input
-            }], customerrors: [{
-                type: Input
-            }], viewtype: [{
-                type: Input
-            }] } });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FormValidationSummaryComponent, [{
+        type: Component,
+        args: [{ selector: "anatoly-form-validation-summary", template: "<div class=\"callout callout-danger\" *ngIf=\"visible\">\r\n  <h6 class=\"box-title\">There are problems with the form</h6>\r\n  <ul>\r\n    <li *ngFor=\"let error of getErrors()\"><span>{{error}}</span></li>\r\n  </ul>\r\n</div>\r\n\r\n" }]
+    }], function () { return []; }, { visible: [{
+            type: Input
+        }], customerrors: [{
+            type: Input
+        }], viewtype: [{
+            type: Input
+        }] }); })();
 
 /*
 <file>
@@ -4026,6 +4341,30 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImpor
 </file>
 */
 //Node
+function ContactUsForm_option_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 28);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const topic_r3 = ctx.$implicit;
+    i0.ɵɵproperty("value", topic_r3.value);
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate1("", topic_r3.value, " ");
+} }
+function ContactUsForm_p_23_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p");
+    i0.ɵɵtext(1, "Please indicate the email used for your MailEx login if you already have an account");
+    i0.ɵɵelementEnd();
+} }
+function ContactUsForm_button_38_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "button", 29);
+    i0.ɵɵtext(1, " Submit ");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵclassProp("btn-primary", !ctx_r2.formGroup.invalid);
+} }
+const _c0$4 = function (a0) { return { "has-error": a0 }; };
 class ContactUsForm extends BaseEditComponent {
     reCaptcha;
     fb;
@@ -4109,17 +4448,88 @@ class ContactUsForm extends BaseEditComponent {
     onTopicChange(event) {
         this.selectedTopic = event.target.value;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: ContactUsForm, deps: [{ token: i1$8.ReCaptchaV3Service }, { token: i2.FormBuilder }, { token: AppContextService }, { token: EmailsApiService }, { token: NotificationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: ContactUsForm, selector: "anatoly-forms-contactus-form", inputs: { showActionButtons: "showActionButtons" }, outputs: { submit: "submit" }, usesInheritance: true, ngImport: i0, template: "<form (ngSubmit)='onSubmit()' [formGroup]='formGroup' novalidate>\r\n  <anatoly-form-validation-summary [formGroup]='formGroup'\r\n                                   [visible]='formSubmitted && formGroup.invalid'></anatoly-form-validation-summary>\r\n\r\n  <div class='contact-us'>\r\n    <div class=\"row\">\r\n      <div class='form-fields col-6'>\r\n        <p>What can we help you with?</p>\r\n        <div [ngClass]=\"{'has-error': isControlInvalid('topic') }\" class='form-topic'>\r\n          <div class='form-select-wrapper'>\r\n            <label class='assistive-text'>Topic *</label>\r\n            <select (change)='onTopicChange($event)' class='form-select' formControlName='topic'>\r\n              <option *ngFor='let topic of topicList' [value]='topic.value'>{{ topic.value }} </option>\r\n            </select>\r\n            <anatoly-item-validation-summary [formGroup]='formGroup'\r\n                                             [formSubmitted]='formSubmitted'\r\n                                             controlName='topic'\r\n                                             controlTitle='topic'>\r\n            </anatoly-item-validation-summary>\r\n          </div>\r\n        </div>\r\n        <div [ngClass]=\"{'has-error': isControlInvalid('name') }\" class='form-name'>\r\n          <label class='assistive-text'>Name *</label>\r\n          <input class='form-control' formControlName='name' placeholder='Name *' type='text'>\r\n          <anatoly-item-validation-summary [formGroup]='formGroup'\r\n                                           [formSubmitted]='formSubmitted'\r\n                                           controlName='name'\r\n                                           controlTitle='name'>\r\n          </anatoly-item-validation-summary>\r\n        </div>\r\n        <div [ngClass]=\"{'has-error': isControlInvalid('email') }\" class='form-email'>\r\n          <label class='assistive-text'>E-mail * </label>\r\n          <input class='form-control' formControlName='email' placeholder='E-mail *' type='text' />\r\n          <p *ngIf='!isUserSignedIn'>Please indicate the email used for your MailEx login if you already have an account</p>\r\n          <anatoly-item-validation-summary [formGroup]='formGroup'\r\n                                           [formSubmitted]='formSubmitted'\r\n                                           controlName='email'\r\n                                           controlTitle='email'>\r\n          </anatoly-item-validation-summary>\r\n        </div>\r\n        <div [ngClass]=\"{'has-error': isControlInvalid('subject') }\" class='form-subject'>\r\n          <label class='assistive-text'>Subject *</label>\r\n          <input class='form-control' formControlName='subject' placeholder='Subject *' type='text' />\r\n          <anatoly-item-validation-summary [formGroup]='formGroup'\r\n                                           [formSubmitted]='formSubmitted'\r\n                                           controlName='subject'\r\n                                           controlTitle='subject'>\r\n          </anatoly-item-validation-summary>\r\n        </div>\r\n\r\n      </div>\r\n      <div class='col-6'>\r\n        <div [ngClass]=\"{'has-error': isControlInvalid('message') }\" class='form-message'>\r\n          <label class='assistive-text'>Message *</label>\r\n          <textarea formControlName='message' name='message' placeholder='Message  *' rows='4'\r\n                    type='text'></textarea>\r\n          <anatoly-item-validation-summary [formGroup]='formGroup'\r\n                                           [formSubmitted]='formSubmitted'\r\n                                           controlName='message'\r\n                                           controlTitle='message'>\r\n          </anatoly-item-validation-summary>\r\n        </div>\r\n      </div>\r\n    </div>\r\n      <div class=\"row form-footer\">\r\n        <div class=\"col\">\r\n          <button *ngIf='showActionButtons'\r\n                  [class.btn-primary]='!formGroup.invalid'\r\n                  class='btn btn-success'\r\n                  type='submit'>\r\n            Submit\r\n          </button>\r\n        </div>\r\n    </div>\r\n  </div>\r\n</form>\r\n", dependencies: [{ kind: "directive", type: i1$5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: NativeElementDirective, selector: "[formControl], [formControlName]" }, { kind: "component", type: FormValidationSummaryComponent, selector: "anatoly-form-validation-summary", inputs: ["visible", "customerrors", "viewtype"] }, { kind: "component", type: ItemValidationSummaryComponent, selector: "anatoly-item-validation-summary", inputs: ["controlName", "controlTitle"] }] });
+    static ɵfac = function ContactUsForm_Factory(t) { return new (t || ContactUsForm)(i0.ɵɵdirectiveInject(i1$8.ReCaptchaV3Service), i0.ɵɵdirectiveInject(i2.FormBuilder), i0.ɵɵdirectiveInject(AppContextService), i0.ɵɵdirectiveInject(EmailsApiService), i0.ɵɵdirectiveInject(NotificationService)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ContactUsForm, selectors: [["anatoly-forms-contactus-form"]], inputs: { showActionButtons: "showActionButtons" }, outputs: { submit: "submit" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 39, vars: 31, consts: [["novalidate", "", 3, "formGroup", "ngSubmit"], [3, "formGroup", "visible"], [1, "contact-us"], [1, "row"], [1, "form-fields", "col-6"], [1, "form-topic", 3, "ngClass"], [1, "form-select-wrapper"], [1, "assistive-text"], ["formControlName", "topic", 1, "form-select", 3, "change"], [3, "value", 4, "ngFor", "ngForOf"], ["controlName", "topic", "controlTitle", "topic", 3, "formGroup", "formSubmitted"], [1, "form-name", 3, "ngClass"], ["formControlName", "name", "placeholder", "Name *", "type", "text", 1, "form-control"], ["controlName", "name", "controlTitle", "name", 3, "formGroup", "formSubmitted"], [1, "form-email", 3, "ngClass"], ["formControlName", "email", "placeholder", "E-mail *", "type", "text", 1, "form-control"], [4, "ngIf"], ["controlName", "email", "controlTitle", "email", 3, "formGroup", "formSubmitted"], [1, "form-subject", 3, "ngClass"], ["formControlName", "subject", "placeholder", "Subject *", "type", "text", 1, "form-control"], ["controlName", "subject", "controlTitle", "subject", 3, "formGroup", "formSubmitted"], [1, "col-6"], [1, "form-message", 3, "ngClass"], ["formControlName", "message", "name", "message", "placeholder", "Message  *", "rows", "4", "type", "text"], ["controlName", "message", "controlTitle", "message", 3, "formGroup", "formSubmitted"], [1, "row", "form-footer"], [1, "col"], ["class", "btn btn-success", "type", "submit", 3, "btn-primary", 4, "ngIf"], [3, "value"], ["type", "submit", 1, "btn", "btn-success"]], template: function ContactUsForm_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "form", 0);
+            i0.ɵɵlistener("ngSubmit", function ContactUsForm_Template_form_ngSubmit_0_listener() { return ctx.onSubmit(); });
+            i0.ɵɵelement(1, "anatoly-form-validation-summary", 1);
+            i0.ɵɵelementStart(2, "div", 2)(3, "div", 3)(4, "div", 4)(5, "p");
+            i0.ɵɵtext(6, "What can we help you with?");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(7, "div", 5)(8, "div", 6)(9, "label", 7);
+            i0.ɵɵtext(10, "Topic *");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(11, "select", 8);
+            i0.ɵɵlistener("change", function ContactUsForm_Template_select_change_11_listener($event) { return ctx.onTopicChange($event); });
+            i0.ɵɵtemplate(12, ContactUsForm_option_12_Template, 2, 2, "option", 9);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelement(13, "anatoly-item-validation-summary", 10);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(14, "div", 11)(15, "label", 7);
+            i0.ɵɵtext(16, "Name *");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelement(17, "input", 12)(18, "anatoly-item-validation-summary", 13);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(19, "div", 14)(20, "label", 7);
+            i0.ɵɵtext(21, "E-mail * ");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelement(22, "input", 15);
+            i0.ɵɵtemplate(23, ContactUsForm_p_23_Template, 2, 0, "p", 16);
+            i0.ɵɵelement(24, "anatoly-item-validation-summary", 17);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(25, "div", 18)(26, "label", 7);
+            i0.ɵɵtext(27, "Subject *");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelement(28, "input", 19)(29, "anatoly-item-validation-summary", 20);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(30, "div", 21)(31, "div", 22)(32, "label", 7);
+            i0.ɵɵtext(33, "Message *");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelement(34, "textarea", 23)(35, "anatoly-item-validation-summary", 24);
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵelementStart(36, "div", 25)(37, "div", 26);
+            i0.ɵɵtemplate(38, ContactUsForm_button_38_Template, 2, 2, "button", 27);
+            i0.ɵɵelementEnd()()()();
+        } if (rf & 2) {
+            i0.ɵɵproperty("formGroup", ctx.formGroup);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("formGroup", ctx.formGroup)("visible", ctx.formSubmitted && ctx.formGroup.invalid);
+            i0.ɵɵadvance(6);
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(21, _c0$4, ctx.isControlInvalid("topic")));
+            i0.ɵɵadvance(5);
+            i0.ɵɵproperty("ngForOf", ctx.topicList);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("formGroup", ctx.formGroup)("formSubmitted", ctx.formSubmitted);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(23, _c0$4, ctx.isControlInvalid("name")));
+            i0.ɵɵadvance(4);
+            i0.ɵɵproperty("formGroup", ctx.formGroup)("formSubmitted", ctx.formSubmitted);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(25, _c0$4, ctx.isControlInvalid("email")));
+            i0.ɵɵadvance(4);
+            i0.ɵɵproperty("ngIf", !ctx.isUserSignedIn);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("formGroup", ctx.formGroup)("formSubmitted", ctx.formSubmitted);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(27, _c0$4, ctx.isControlInvalid("subject")));
+            i0.ɵɵadvance(4);
+            i0.ɵɵproperty("formGroup", ctx.formGroup)("formSubmitted", ctx.formSubmitted);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(29, _c0$4, ctx.isControlInvalid("message")));
+            i0.ɵɵadvance(4);
+            i0.ɵɵproperty("formGroup", ctx.formGroup)("formSubmitted", ctx.formSubmitted);
+            i0.ɵɵadvance(3);
+            i0.ɵɵproperty("ngIf", ctx.showActionButtons);
+        } }, dependencies: [i1$5.NgClass, i1$5.NgForOf, i1$5.NgIf, i2.ɵNgNoValidate, i2.NgSelectOption, i2.ɵNgSelectMultipleOption, i2.DefaultValueAccessor, i2.SelectControlValueAccessor, i2.NgControlStatus, i2.NgControlStatusGroup, i2.FormGroupDirective, i2.FormControlName, NativeElementDirective, FormValidationSummaryComponent, ItemValidationSummaryComponent], encapsulation: 2 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: ContactUsForm, decorators: [{
-            type: Component,
-            args: [{ selector: 'anatoly-forms-contactus-form', template: "<form (ngSubmit)='onSubmit()' [formGroup]='formGroup' novalidate>\r\n  <anatoly-form-validation-summary [formGroup]='formGroup'\r\n                                   [visible]='formSubmitted && formGroup.invalid'></anatoly-form-validation-summary>\r\n\r\n  <div class='contact-us'>\r\n    <div class=\"row\">\r\n      <div class='form-fields col-6'>\r\n        <p>What can we help you with?</p>\r\n        <div [ngClass]=\"{'has-error': isControlInvalid('topic') }\" class='form-topic'>\r\n          <div class='form-select-wrapper'>\r\n            <label class='assistive-text'>Topic *</label>\r\n            <select (change)='onTopicChange($event)' class='form-select' formControlName='topic'>\r\n              <option *ngFor='let topic of topicList' [value]='topic.value'>{{ topic.value }} </option>\r\n            </select>\r\n            <anatoly-item-validation-summary [formGroup]='formGroup'\r\n                                             [formSubmitted]='formSubmitted'\r\n                                             controlName='topic'\r\n                                             controlTitle='topic'>\r\n            </anatoly-item-validation-summary>\r\n          </div>\r\n        </div>\r\n        <div [ngClass]=\"{'has-error': isControlInvalid('name') }\" class='form-name'>\r\n          <label class='assistive-text'>Name *</label>\r\n          <input class='form-control' formControlName='name' placeholder='Name *' type='text'>\r\n          <anatoly-item-validation-summary [formGroup]='formGroup'\r\n                                           [formSubmitted]='formSubmitted'\r\n                                           controlName='name'\r\n                                           controlTitle='name'>\r\n          </anatoly-item-validation-summary>\r\n        </div>\r\n        <div [ngClass]=\"{'has-error': isControlInvalid('email') }\" class='form-email'>\r\n          <label class='assistive-text'>E-mail * </label>\r\n          <input class='form-control' formControlName='email' placeholder='E-mail *' type='text' />\r\n          <p *ngIf='!isUserSignedIn'>Please indicate the email used for your MailEx login if you already have an account</p>\r\n          <anatoly-item-validation-summary [formGroup]='formGroup'\r\n                                           [formSubmitted]='formSubmitted'\r\n                                           controlName='email'\r\n                                           controlTitle='email'>\r\n          </anatoly-item-validation-summary>\r\n        </div>\r\n        <div [ngClass]=\"{'has-error': isControlInvalid('subject') }\" class='form-subject'>\r\n          <label class='assistive-text'>Subject *</label>\r\n          <input class='form-control' formControlName='subject' placeholder='Subject *' type='text' />\r\n          <anatoly-item-validation-summary [formGroup]='formGroup'\r\n                                           [formSubmitted]='formSubmitted'\r\n                                           controlName='subject'\r\n                                           controlTitle='subject'>\r\n          </anatoly-item-validation-summary>\r\n        </div>\r\n\r\n      </div>\r\n      <div class='col-6'>\r\n        <div [ngClass]=\"{'has-error': isControlInvalid('message') }\" class='form-message'>\r\n          <label class='assistive-text'>Message *</label>\r\n          <textarea formControlName='message' name='message' placeholder='Message  *' rows='4'\r\n                    type='text'></textarea>\r\n          <anatoly-item-validation-summary [formGroup]='formGroup'\r\n                                           [formSubmitted]='formSubmitted'\r\n                                           controlName='message'\r\n                                           controlTitle='message'>\r\n          </anatoly-item-validation-summary>\r\n        </div>\r\n      </div>\r\n    </div>\r\n      <div class=\"row form-footer\">\r\n        <div class=\"col\">\r\n          <button *ngIf='showActionButtons'\r\n                  [class.btn-primary]='!formGroup.invalid'\r\n                  class='btn btn-success'\r\n                  type='submit'>\r\n            Submit\r\n          </button>\r\n        </div>\r\n    </div>\r\n  </div>\r\n</form>\r\n" }]
-        }], ctorParameters: function () { return [{ type: i1$8.ReCaptchaV3Service }, { type: i2.FormBuilder }, { type: AppContextService }, { type: EmailsApiService }, { type: NotificationService }]; }, propDecorators: { showActionButtons: [{
-                type: Input
-            }], submit: [{
-                type: Output
-            }] } });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ContactUsForm, [{
+        type: Component,
+        args: [{ selector: 'anatoly-forms-contactus-form', template: "<form (ngSubmit)='onSubmit()' [formGroup]='formGroup' novalidate>\r\n  <anatoly-form-validation-summary [formGroup]='formGroup'\r\n                                   [visible]='formSubmitted && formGroup.invalid'></anatoly-form-validation-summary>\r\n\r\n  <div class='contact-us'>\r\n    <div class=\"row\">\r\n      <div class='form-fields col-6'>\r\n        <p>What can we help you with?</p>\r\n        <div [ngClass]=\"{'has-error': isControlInvalid('topic') }\" class='form-topic'>\r\n          <div class='form-select-wrapper'>\r\n            <label class='assistive-text'>Topic *</label>\r\n            <select (change)='onTopicChange($event)' class='form-select' formControlName='topic'>\r\n              <option *ngFor='let topic of topicList' [value]='topic.value'>{{ topic.value }} </option>\r\n            </select>\r\n            <anatoly-item-validation-summary [formGroup]='formGroup'\r\n                                             [formSubmitted]='formSubmitted'\r\n                                             controlName='topic'\r\n                                             controlTitle='topic'>\r\n            </anatoly-item-validation-summary>\r\n          </div>\r\n        </div>\r\n        <div [ngClass]=\"{'has-error': isControlInvalid('name') }\" class='form-name'>\r\n          <label class='assistive-text'>Name *</label>\r\n          <input class='form-control' formControlName='name' placeholder='Name *' type='text'>\r\n          <anatoly-item-validation-summary [formGroup]='formGroup'\r\n                                           [formSubmitted]='formSubmitted'\r\n                                           controlName='name'\r\n                                           controlTitle='name'>\r\n          </anatoly-item-validation-summary>\r\n        </div>\r\n        <div [ngClass]=\"{'has-error': isControlInvalid('email') }\" class='form-email'>\r\n          <label class='assistive-text'>E-mail * </label>\r\n          <input class='form-control' formControlName='email' placeholder='E-mail *' type='text' />\r\n          <p *ngIf='!isUserSignedIn'>Please indicate the email used for your MailEx login if you already have an account</p>\r\n          <anatoly-item-validation-summary [formGroup]='formGroup'\r\n                                           [formSubmitted]='formSubmitted'\r\n                                           controlName='email'\r\n                                           controlTitle='email'>\r\n          </anatoly-item-validation-summary>\r\n        </div>\r\n        <div [ngClass]=\"{'has-error': isControlInvalid('subject') }\" class='form-subject'>\r\n          <label class='assistive-text'>Subject *</label>\r\n          <input class='form-control' formControlName='subject' placeholder='Subject *' type='text' />\r\n          <anatoly-item-validation-summary [formGroup]='formGroup'\r\n                                           [formSubmitted]='formSubmitted'\r\n                                           controlName='subject'\r\n                                           controlTitle='subject'>\r\n          </anatoly-item-validation-summary>\r\n        </div>\r\n\r\n      </div>\r\n      <div class='col-6'>\r\n        <div [ngClass]=\"{'has-error': isControlInvalid('message') }\" class='form-message'>\r\n          <label class='assistive-text'>Message *</label>\r\n          <textarea formControlName='message' name='message' placeholder='Message  *' rows='4'\r\n                    type='text'></textarea>\r\n          <anatoly-item-validation-summary [formGroup]='formGroup'\r\n                                           [formSubmitted]='formSubmitted'\r\n                                           controlName='message'\r\n                                           controlTitle='message'>\r\n          </anatoly-item-validation-summary>\r\n        </div>\r\n      </div>\r\n    </div>\r\n      <div class=\"row form-footer\">\r\n        <div class=\"col\">\r\n          <button *ngIf='showActionButtons'\r\n                  [class.btn-primary]='!formGroup.invalid'\r\n                  class='btn btn-success'\r\n                  type='submit'>\r\n            Submit\r\n          </button>\r\n        </div>\r\n    </div>\r\n  </div>\r\n</form>\r\n" }]
+    }], function () { return [{ type: i1$8.ReCaptchaV3Service }, { type: i2.FormBuilder }, { type: AppContextService }, { type: EmailsApiService }, { type: NotificationService }]; }, { showActionButtons: [{
+            type: Input
+        }], submit: [{
+            type: Output
+        }] }); })();
 
 /*
 <file>
@@ -4137,6 +4547,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImpor
 </file>
 */
 //Node
+const _c0$3 = ["contactusform"];
+function ContactUsDialog_kendo_dialog_0_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "kendo-dialog", 1);
+    i0.ɵɵlistener("close", function ContactUsDialog_kendo_dialog_0_Template_kendo_dialog_close_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onClose()); });
+    i0.ɵɵelementStart(1, "div", 2)(2, "anatoly-forms-contactus-form", 3, 4);
+    i0.ɵɵlistener("submit", function ContactUsDialog_kendo_dialog_0_Template_anatoly_forms_contactus_form_submit_2_listener() { i0.ɵɵrestoreView(_r3); const ctx_r4 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r4.onSubmit()); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(4, "kendo-dialog-actions", 5)(5, "div", 6)(6, "button", 7);
+    i0.ɵɵlistener("click", function ContactUsDialog_kendo_dialog_0_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r3); const ctx_r5 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r5.onSubmitFire()); });
+    i0.ɵɵtext(7, "Submit");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "button", 8);
+    i0.ɵɵlistener("click", function ContactUsDialog_kendo_dialog_0_Template_button_click_8_listener() { i0.ɵɵrestoreView(_r3); const ctx_r6 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r6.onClose()); });
+    i0.ɵɵtext(9, "Cancel ");
+    i0.ɵɵelementEnd()()()();
+} if (rf & 2) {
+    i0.ɵɵproperty("width", 700);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("showActionButtons", false);
+} }
 class ContactUsDialog extends BaseDialog {
     contactUsForm;
     constructor() {
@@ -4152,16 +4583,25 @@ class ContactUsDialog extends BaseDialog {
     onSubmit() {
         super.close();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: ContactUsDialog, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: ContactUsDialog, selector: "anatoly-contactus-dialog", viewQueries: [{ propertyName: "contactUsForm", first: true, predicate: ["contactusform"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<kendo-dialog (close)='onClose()' *ngIf='isOpen' [width]='700' title='Contact Us'>\r\n  <div class=\"k-content k-window-content k-dialog-content\">\r\n    <anatoly-forms-contactus-form #contactusform [showActionButtons]='false' (submit)='onSubmit()'>\r\n    </anatoly-forms-contactus-form>\r\n  </div>\r\n  <kendo-dialog-actions class=\"k-actions\">\r\n    <div class=\"d-flex justify-content-end\">\r\n      <button (click)='onSubmitFire()' class='btn btn-sm btn-success' type='button'>Submit</button>\r\n      <button (click)='onClose()' class='btn btn-sm btn-danger' type='button'>Cancel </button>\r\n    </div>\r\n  </kendo-dialog-actions>\r\n</kendo-dialog>", dependencies: [{ kind: "directive", type: i1$5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$1.DialogComponent, selector: "kendo-dialog", inputs: ["actions", "actionsLayout", "autoFocusedElement", "title", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "animation", "themeColor"], outputs: ["action", "close"], exportAs: ["kendoDialog"] }, { kind: "component", type: i2$1.DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }, { kind: "component", type: ContactUsForm, selector: "anatoly-forms-contactus-form", inputs: ["showActionButtons"], outputs: ["submit"] }] });
+    static ɵfac = function ContactUsDialog_Factory(t) { return new (t || ContactUsDialog)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ContactUsDialog, selectors: [["anatoly-contactus-dialog"]], viewQuery: function ContactUsDialog_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuery(_c0$3, 5);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.contactUsForm = _t.first);
+        } }, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [["title", "Contact Us", 3, "width", "close", 4, "ngIf"], ["title", "Contact Us", 3, "width", "close"], [1, "k-content", "k-window-content", "k-dialog-content"], [3, "showActionButtons", "submit"], ["contactusform", ""], [1, "k-actions"], [1, "d-flex", "justify-content-end"], ["type", "button", 1, "btn", "btn-sm", "btn-success", 3, "click"], ["type", "button", 1, "btn", "btn-sm", "btn-danger", 3, "click"]], template: function ContactUsDialog_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, ContactUsDialog_kendo_dialog_0_Template, 10, 2, "kendo-dialog", 0);
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngIf", ctx.isOpen);
+        } }, dependencies: [i1$5.NgIf, i2$1.DialogComponent, i2$1.DialogActionsComponent, ContactUsForm], encapsulation: 2 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: ContactUsDialog, decorators: [{
-            type: Component,
-            args: [{ selector: 'anatoly-contactus-dialog', template: "<kendo-dialog (close)='onClose()' *ngIf='isOpen' [width]='700' title='Contact Us'>\r\n  <div class=\"k-content k-window-content k-dialog-content\">\r\n    <anatoly-forms-contactus-form #contactusform [showActionButtons]='false' (submit)='onSubmit()'>\r\n    </anatoly-forms-contactus-form>\r\n  </div>\r\n  <kendo-dialog-actions class=\"k-actions\">\r\n    <div class=\"d-flex justify-content-end\">\r\n      <button (click)='onSubmitFire()' class='btn btn-sm btn-success' type='button'>Submit</button>\r\n      <button (click)='onClose()' class='btn btn-sm btn-danger' type='button'>Cancel </button>\r\n    </div>\r\n  </kendo-dialog-actions>\r\n</kendo-dialog>" }]
-        }], ctorParameters: function () { return []; }, propDecorators: { contactUsForm: [{
-                type: ViewChild,
-                args: ['contactusform']
-            }] } });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ContactUsDialog, [{
+        type: Component,
+        args: [{ selector: 'anatoly-contactus-dialog', template: "<kendo-dialog (close)='onClose()' *ngIf='isOpen' [width]='700' title='Contact Us'>\r\n  <div class=\"k-content k-window-content k-dialog-content\">\r\n    <anatoly-forms-contactus-form #contactusform [showActionButtons]='false' (submit)='onSubmit()'>\r\n    </anatoly-forms-contactus-form>\r\n  </div>\r\n  <kendo-dialog-actions class=\"k-actions\">\r\n    <div class=\"d-flex justify-content-end\">\r\n      <button (click)='onSubmitFire()' class='btn btn-sm btn-success' type='button'>Submit</button>\r\n      <button (click)='onClose()' class='btn btn-sm btn-danger' type='button'>Cancel </button>\r\n    </div>\r\n  </kendo-dialog-actions>\r\n</kendo-dialog>" }]
+    }], function () { return []; }, { contactUsForm: [{
+            type: ViewChild,
+            args: ['contactusform']
+        }] }); })();
 
 /*
 <file>
@@ -4203,24 +4643,28 @@ class HoveringDirective {
     onMouseLeave() {
         this.hovering = false;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: HoveringDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.7", type: HoveringDirective, selector: "[anatoly-hover]", host: { listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()" }, properties: { "class.hovering": "this.hovering" } }, ngImport: i0 });
+    static ɵfac = function HoveringDirective_Factory(t) { return new (t || HoveringDirective)(); };
+    static ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: HoveringDirective, selectors: [["", "anatoly-hover", ""]], hostVars: 2, hostBindings: function HoveringDirective_HostBindings(rf, ctx) { if (rf & 1) {
+            i0.ɵɵlistener("mouseenter", function HoveringDirective_mouseenter_HostBindingHandler() { return ctx.onMouseEnter(); })("mouseleave", function HoveringDirective_mouseleave_HostBindingHandler() { return ctx.onMouseLeave(); });
+        } if (rf & 2) {
+            i0.ɵɵclassProp("hovering", ctx.hovering);
+        } } });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: HoveringDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[anatoly-hover]'
-                }]
-        }], propDecorators: { hovering: [{
-                type: HostBinding,
-                args: ['class.hovering']
-            }], onMouseEnter: [{
-                type: HostListener,
-                args: ['mouseenter']
-            }], onMouseLeave: [{
-                type: HostListener,
-                args: ['mouseleave']
-            }] } });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(HoveringDirective, [{
+        type: Directive,
+        args: [{
+                selector: '[anatoly-hover]'
+            }]
+    }], null, { hovering: [{
+            type: HostBinding,
+            args: ['class.hovering']
+        }], onMouseEnter: [{
+            type: HostListener,
+            args: ['mouseenter']
+        }], onMouseLeave: [{
+            type: HostListener,
+            args: ['mouseleave']
+        }] }); })();
 
 /*
 <file>
@@ -4254,6 +4698,52 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImpor
 </file>
 */
 //Node
+function AddressComponent_anatoly_card_header_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "anatoly-card-header", 18);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("title", ctx_r0.title);
+} }
+function AddressComponent_div_17_option_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 21);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const state_r4 = ctx.$implicit;
+    i0.ɵɵproperty("value", state_r4.code);
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate(state_r4.name);
+} }
+const _c0$2 = function (a0) { return { "has-error": a0 }; };
+function AddressComponent_div_17_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 9)(1, "label", 4);
+    i0.ɵɵtext(2, "State");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "select", 19);
+    i0.ɵɵlistener("change", function AddressComponent_div_17_Template_select_change_3_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r5 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r5.onUSStateChange($event)); });
+    i0.ɵɵtemplate(4, AddressComponent_div_17_option_4_Template, 2, 2, "option", 16);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelement(5, "anatoly-item-validation-summary", 20);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(4, _c0$2, ctx_r1.isControlInvalid("address_stateOrRegion")));
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("ngForOf", ctx_r1.usStateData);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("formGroup", ctx_r1.formGroup)("formSubmitted", ctx_r1.formSubmitted);
+} }
+function AddressComponent_option_27_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 21);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const country_r7 = ctx.$implicit;
+    i0.ɵɵproperty("value", country_r7.code);
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate(country_r7.name);
+} }
 class AddressComponent extends BaseEditComponent {
     fb;
     api;
@@ -4348,23 +4838,83 @@ class AddressComponent extends BaseEditComponent {
         let usState = event.target.value;
         this.change.emit(usState);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: AddressComponent, deps: [{ token: i2.FormBuilder }, { token: CoreApiService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: AddressComponent, selector: "anatoly-forms-address", inputs: { title: "title", isTitleVisible: "isTitleVisible", isRequired: "isRequired", address: "address" }, outputs: { change: "change" }, usesInheritance: true, ngImport: i0, template: "<anatoly-card classes='card-primary card-outline'>\r\n  <anatoly-card-header *ngIf='isTitleVisible' [title]='title'></anatoly-card-header>\r\n  <anatoly-card-body>\r\n    <div class='row' [formGroup]='formGroup'>\r\n      <div class='form-group col-12' [ngClass]=\"{'has-error': isControlInvalid('address_street')}\" >\r\n        <label class='col-form-label required'>Street Address</label>\r\n        <input type='text' class='form-control' formControlName='address_street' placeholder='Street Address'>\r\n        <anatoly-item-validation-summary controlName='address_street'\r\n                                         controlTitle='Street'\r\n                                         [formGroup]='formGroup'\r\n                                         [formSubmitted]='formSubmitted'>\r\n        </anatoly-item-validation-summary>\r\n      </div>\r\n\r\n      <div class='form-group col-12' [ngClass]=\"{'has-error': isControlInvalid('address_street2')}\" >\r\n        <input type='text' class='form-control' formControlName='address_street2' placeholder='Apartment, suite, unit, building, floor, etc.'>\r\n        <anatoly-item-validation-summary controlName='address_street2'\r\n                                         controlTitle='Street2'\r\n                                         [formGroup]='formGroup'\r\n                                         [formSubmitted]='formSubmitted'>\r\n        </anatoly-item-validation-summary>\r\n      </div>\r\n\r\n      <div class='form-group col-3' [ngClass]=\"{'has-error': isControlInvalid('address_city')}\">\r\n        <label class='col-form-label required'>City</label>\r\n        <input type='text' class='form-control' formControlName='address_city' placeholder='City'>\r\n        <anatoly-item-validation-summary controlName='address_city'\r\n                                         controlTitle='City'\r\n                                         [formGroup]='formGroup'\r\n                                         [formSubmitted]='formSubmitted'>\r\n        </anatoly-item-validation-summary>\r\n      </div>\r\n\r\n      <div class='form-group col-3' *ngIf=\"formGroup.value.address_country == 'US'\" [ngClass]=\"{'has-error': isControlInvalid('address_stateOrRegion')}\">\r\n        <label class='col-form-label required'>State</label>\r\n        <select class='form-control' (change)='onUSStateChange($event)' formControlName='address_stateOrRegion'>\r\n          <option *ngFor='let state of usStateData' [value]='state.code'>{{state.name}}</option>\r\n        </select>\r\n        <anatoly-item-validation-summary controlName='address_stateOrRegion'\r\n                                         controlTitle='State'\r\n                                         [formGroup]='formGroup'\r\n                                         [formSubmitted]='formSubmitted'>\r\n        </anatoly-item-validation-summary>\r\n      </div>\r\n\r\n      <div class='form-group col-3' [ngClass]=\"{'has-error': isControlInvalid('address_zipcode')}\" >\r\n        <label class='col-form-label required'>zipcode</label>\r\n        <input type='text' class='form-control' formControlName='address_zipcode' placeholder='zipcode'>\r\n        <anatoly-item-validation-summary controlName='address_zipcode'\r\n                                         controlTitle='zipcode'\r\n                                         [formGroup]='formGroup'\r\n                                         [formSubmitted]='formSubmitted'>\r\n        </anatoly-item-validation-summary>\r\n      </div>\r\n\r\n      <div class='form-group col-3' [ngClass]=\"{'has-error': isControlInvalid('address_country')}\">\r\n        <label class='col-form-label required'>Country</label>\r\n        <select class='form-control' (change)='onCountryChange($event)' formControlName='address_country' data-placeholder='Select a Country'>\r\n          <option *ngFor='let country of countryData' [value]='country.code'>{{country.name}}</option>\r\n        </select>\r\n        <anatoly-item-validation-summary controlName='address_country'\r\n                                         controlTitle='Country'\r\n                                         [formGroup]='formGroup'\r\n                                         [formSubmitted]='formSubmitted'>\r\n        </anatoly-item-validation-summary>\r\n      </div>\r\n    </div>\r\n  </anatoly-card-body>\r\n</anatoly-card>\r\n", dependencies: [{ kind: "directive", type: i1$5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: CardComponent, selector: "anatoly-card", inputs: ["classes"] }, { kind: "component", type: CardHeaderComponent, selector: "anatoly-card-header", inputs: ["classes", "title"] }, { kind: "component", type: CardBodyComponent, selector: "anatoly-card-body", inputs: ["classes"] }, { kind: "directive", type: NativeElementDirective, selector: "[formControl], [formControlName]" }, { kind: "component", type: ItemValidationSummaryComponent, selector: "anatoly-item-validation-summary", inputs: ["controlName", "controlTitle"] }] });
+    static ɵfac = function AddressComponent_Factory(t) { return new (t || AddressComponent)(i0.ɵɵdirectiveInject(i2.FormBuilder), i0.ɵɵdirectiveInject(CoreApiService)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AddressComponent, selectors: [["anatoly-forms-address"]], inputs: { title: "title", isTitleVisible: "isTitleVisible", isRequired: "isRequired", address: "address" }, outputs: { change: "change" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 29, vars: 29, consts: [["classes", "card-primary card-outline"], [3, "title", 4, "ngIf"], [1, "row", 3, "formGroup"], [1, "form-group", "col-12", 3, "ngClass"], [1, "col-form-label", "required"], ["type", "text", "formControlName", "address_street", "placeholder", "Street Address", 1, "form-control"], ["controlName", "address_street", "controlTitle", "Street", 3, "formGroup", "formSubmitted"], ["type", "text", "formControlName", "address_street2", "placeholder", "Apartment, suite, unit, building, floor, etc.", 1, "form-control"], ["controlName", "address_street2", "controlTitle", "Street2", 3, "formGroup", "formSubmitted"], [1, "form-group", "col-3", 3, "ngClass"], ["type", "text", "formControlName", "address_city", "placeholder", "City", 1, "form-control"], ["controlName", "address_city", "controlTitle", "City", 3, "formGroup", "formSubmitted"], ["class", "form-group col-3", 3, "ngClass", 4, "ngIf"], ["type", "text", "formControlName", "address_zipcode", "placeholder", "zipcode", 1, "form-control"], ["controlName", "address_zipcode", "controlTitle", "zipcode", 3, "formGroup", "formSubmitted"], ["formControlName", "address_country", "data-placeholder", "Select a Country", 1, "form-control", 3, "change"], [3, "value", 4, "ngFor", "ngForOf"], ["controlName", "address_country", "controlTitle", "Country", 3, "formGroup", "formSubmitted"], [3, "title"], ["formControlName", "address_stateOrRegion", 1, "form-control", 3, "change"], ["controlName", "address_stateOrRegion", "controlTitle", "State", 3, "formGroup", "formSubmitted"], [3, "value"]], template: function AddressComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "anatoly-card", 0);
+            i0.ɵɵtemplate(1, AddressComponent_anatoly_card_header_1_Template, 1, 1, "anatoly-card-header", 1);
+            i0.ɵɵelementStart(2, "anatoly-card-body")(3, "div", 2)(4, "div", 3)(5, "label", 4);
+            i0.ɵɵtext(6, "Street Address");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelement(7, "input", 5)(8, "anatoly-item-validation-summary", 6);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(9, "div", 3);
+            i0.ɵɵelement(10, "input", 7)(11, "anatoly-item-validation-summary", 8);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(12, "div", 9)(13, "label", 4);
+            i0.ɵɵtext(14, "City");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelement(15, "input", 10)(16, "anatoly-item-validation-summary", 11);
+            i0.ɵɵelementEnd();
+            i0.ɵɵtemplate(17, AddressComponent_div_17_Template, 6, 6, "div", 12);
+            i0.ɵɵelementStart(18, "div", 9)(19, "label", 4);
+            i0.ɵɵtext(20, "zipcode");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelement(21, "input", 13)(22, "anatoly-item-validation-summary", 14);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(23, "div", 9)(24, "label", 4);
+            i0.ɵɵtext(25, "Country");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(26, "select", 15);
+            i0.ɵɵlistener("change", function AddressComponent_Template_select_change_26_listener($event) { return ctx.onCountryChange($event); });
+            i0.ɵɵtemplate(27, AddressComponent_option_27_Template, 2, 2, "option", 16);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelement(28, "anatoly-item-validation-summary", 17);
+            i0.ɵɵelementEnd()()()();
+        } if (rf & 2) {
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", ctx.isTitleVisible);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("formGroup", ctx.formGroup);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(19, _c0$2, ctx.isControlInvalid("address_street")));
+            i0.ɵɵadvance(4);
+            i0.ɵɵproperty("formGroup", ctx.formGroup)("formSubmitted", ctx.formSubmitted);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(21, _c0$2, ctx.isControlInvalid("address_street2")));
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("formGroup", ctx.formGroup)("formSubmitted", ctx.formSubmitted);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(23, _c0$2, ctx.isControlInvalid("address_city")));
+            i0.ɵɵadvance(4);
+            i0.ɵɵproperty("formGroup", ctx.formGroup)("formSubmitted", ctx.formSubmitted);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", ctx.formGroup.value.address_country == "US");
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(25, _c0$2, ctx.isControlInvalid("address_zipcode")));
+            i0.ɵɵadvance(4);
+            i0.ɵɵproperty("formGroup", ctx.formGroup)("formSubmitted", ctx.formSubmitted);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(27, _c0$2, ctx.isControlInvalid("address_country")));
+            i0.ɵɵadvance(4);
+            i0.ɵɵproperty("ngForOf", ctx.countryData);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("formGroup", ctx.formGroup)("formSubmitted", ctx.formSubmitted);
+        } }, dependencies: [i1$5.NgClass, i1$5.NgForOf, i1$5.NgIf, i2.NgSelectOption, i2.ɵNgSelectMultipleOption, i2.DefaultValueAccessor, i2.SelectControlValueAccessor, i2.NgControlStatus, i2.NgControlStatusGroup, i2.FormGroupDirective, i2.FormControlName, CardComponent, CardHeaderComponent, CardBodyComponent, NativeElementDirective, ItemValidationSummaryComponent], encapsulation: 2 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: AddressComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'anatoly-forms-address', template: "<anatoly-card classes='card-primary card-outline'>\r\n  <anatoly-card-header *ngIf='isTitleVisible' [title]='title'></anatoly-card-header>\r\n  <anatoly-card-body>\r\n    <div class='row' [formGroup]='formGroup'>\r\n      <div class='form-group col-12' [ngClass]=\"{'has-error': isControlInvalid('address_street')}\" >\r\n        <label class='col-form-label required'>Street Address</label>\r\n        <input type='text' class='form-control' formControlName='address_street' placeholder='Street Address'>\r\n        <anatoly-item-validation-summary controlName='address_street'\r\n                                         controlTitle='Street'\r\n                                         [formGroup]='formGroup'\r\n                                         [formSubmitted]='formSubmitted'>\r\n        </anatoly-item-validation-summary>\r\n      </div>\r\n\r\n      <div class='form-group col-12' [ngClass]=\"{'has-error': isControlInvalid('address_street2')}\" >\r\n        <input type='text' class='form-control' formControlName='address_street2' placeholder='Apartment, suite, unit, building, floor, etc.'>\r\n        <anatoly-item-validation-summary controlName='address_street2'\r\n                                         controlTitle='Street2'\r\n                                         [formGroup]='formGroup'\r\n                                         [formSubmitted]='formSubmitted'>\r\n        </anatoly-item-validation-summary>\r\n      </div>\r\n\r\n      <div class='form-group col-3' [ngClass]=\"{'has-error': isControlInvalid('address_city')}\">\r\n        <label class='col-form-label required'>City</label>\r\n        <input type='text' class='form-control' formControlName='address_city' placeholder='City'>\r\n        <anatoly-item-validation-summary controlName='address_city'\r\n                                         controlTitle='City'\r\n                                         [formGroup]='formGroup'\r\n                                         [formSubmitted]='formSubmitted'>\r\n        </anatoly-item-validation-summary>\r\n      </div>\r\n\r\n      <div class='form-group col-3' *ngIf=\"formGroup.value.address_country == 'US'\" [ngClass]=\"{'has-error': isControlInvalid('address_stateOrRegion')}\">\r\n        <label class='col-form-label required'>State</label>\r\n        <select class='form-control' (change)='onUSStateChange($event)' formControlName='address_stateOrRegion'>\r\n          <option *ngFor='let state of usStateData' [value]='state.code'>{{state.name}}</option>\r\n        </select>\r\n        <anatoly-item-validation-summary controlName='address_stateOrRegion'\r\n                                         controlTitle='State'\r\n                                         [formGroup]='formGroup'\r\n                                         [formSubmitted]='formSubmitted'>\r\n        </anatoly-item-validation-summary>\r\n      </div>\r\n\r\n      <div class='form-group col-3' [ngClass]=\"{'has-error': isControlInvalid('address_zipcode')}\" >\r\n        <label class='col-form-label required'>zipcode</label>\r\n        <input type='text' class='form-control' formControlName='address_zipcode' placeholder='zipcode'>\r\n        <anatoly-item-validation-summary controlName='address_zipcode'\r\n                                         controlTitle='zipcode'\r\n                                         [formGroup]='formGroup'\r\n                                         [formSubmitted]='formSubmitted'>\r\n        </anatoly-item-validation-summary>\r\n      </div>\r\n\r\n      <div class='form-group col-3' [ngClass]=\"{'has-error': isControlInvalid('address_country')}\">\r\n        <label class='col-form-label required'>Country</label>\r\n        <select class='form-control' (change)='onCountryChange($event)' formControlName='address_country' data-placeholder='Select a Country'>\r\n          <option *ngFor='let country of countryData' [value]='country.code'>{{country.name}}</option>\r\n        </select>\r\n        <anatoly-item-validation-summary controlName='address_country'\r\n                                         controlTitle='Country'\r\n                                         [formGroup]='formGroup'\r\n                                         [formSubmitted]='formSubmitted'>\r\n        </anatoly-item-validation-summary>\r\n      </div>\r\n    </div>\r\n  </anatoly-card-body>\r\n</anatoly-card>\r\n" }]
-        }], ctorParameters: function () { return [{ type: i2.FormBuilder }, { type: CoreApiService }]; }, propDecorators: { title: [{
-                type: Input
-            }], isTitleVisible: [{
-                type: Input
-            }], isRequired: [{
-                type: Input
-            }], address: [{
-                type: Input
-            }], change: [{
-                type: Output
-            }] } });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AddressComponent, [{
+        type: Component,
+        args: [{ selector: 'anatoly-forms-address', template: "<anatoly-card classes='card-primary card-outline'>\r\n  <anatoly-card-header *ngIf='isTitleVisible' [title]='title'></anatoly-card-header>\r\n  <anatoly-card-body>\r\n    <div class='row' [formGroup]='formGroup'>\r\n      <div class='form-group col-12' [ngClass]=\"{'has-error': isControlInvalid('address_street')}\" >\r\n        <label class='col-form-label required'>Street Address</label>\r\n        <input type='text' class='form-control' formControlName='address_street' placeholder='Street Address'>\r\n        <anatoly-item-validation-summary controlName='address_street'\r\n                                         controlTitle='Street'\r\n                                         [formGroup]='formGroup'\r\n                                         [formSubmitted]='formSubmitted'>\r\n        </anatoly-item-validation-summary>\r\n      </div>\r\n\r\n      <div class='form-group col-12' [ngClass]=\"{'has-error': isControlInvalid('address_street2')}\" >\r\n        <input type='text' class='form-control' formControlName='address_street2' placeholder='Apartment, suite, unit, building, floor, etc.'>\r\n        <anatoly-item-validation-summary controlName='address_street2'\r\n                                         controlTitle='Street2'\r\n                                         [formGroup]='formGroup'\r\n                                         [formSubmitted]='formSubmitted'>\r\n        </anatoly-item-validation-summary>\r\n      </div>\r\n\r\n      <div class='form-group col-3' [ngClass]=\"{'has-error': isControlInvalid('address_city')}\">\r\n        <label class='col-form-label required'>City</label>\r\n        <input type='text' class='form-control' formControlName='address_city' placeholder='City'>\r\n        <anatoly-item-validation-summary controlName='address_city'\r\n                                         controlTitle='City'\r\n                                         [formGroup]='formGroup'\r\n                                         [formSubmitted]='formSubmitted'>\r\n        </anatoly-item-validation-summary>\r\n      </div>\r\n\r\n      <div class='form-group col-3' *ngIf=\"formGroup.value.address_country == 'US'\" [ngClass]=\"{'has-error': isControlInvalid('address_stateOrRegion')}\">\r\n        <label class='col-form-label required'>State</label>\r\n        <select class='form-control' (change)='onUSStateChange($event)' formControlName='address_stateOrRegion'>\r\n          <option *ngFor='let state of usStateData' [value]='state.code'>{{state.name}}</option>\r\n        </select>\r\n        <anatoly-item-validation-summary controlName='address_stateOrRegion'\r\n                                         controlTitle='State'\r\n                                         [formGroup]='formGroup'\r\n                                         [formSubmitted]='formSubmitted'>\r\n        </anatoly-item-validation-summary>\r\n      </div>\r\n\r\n      <div class='form-group col-3' [ngClass]=\"{'has-error': isControlInvalid('address_zipcode')}\" >\r\n        <label class='col-form-label required'>zipcode</label>\r\n        <input type='text' class='form-control' formControlName='address_zipcode' placeholder='zipcode'>\r\n        <anatoly-item-validation-summary controlName='address_zipcode'\r\n                                         controlTitle='zipcode'\r\n                                         [formGroup]='formGroup'\r\n                                         [formSubmitted]='formSubmitted'>\r\n        </anatoly-item-validation-summary>\r\n      </div>\r\n\r\n      <div class='form-group col-3' [ngClass]=\"{'has-error': isControlInvalid('address_country')}\">\r\n        <label class='col-form-label required'>Country</label>\r\n        <select class='form-control' (change)='onCountryChange($event)' formControlName='address_country' data-placeholder='Select a Country'>\r\n          <option *ngFor='let country of countryData' [value]='country.code'>{{country.name}}</option>\r\n        </select>\r\n        <anatoly-item-validation-summary controlName='address_country'\r\n                                         controlTitle='Country'\r\n                                         [formGroup]='formGroup'\r\n                                         [formSubmitted]='formSubmitted'>\r\n        </anatoly-item-validation-summary>\r\n      </div>\r\n    </div>\r\n  </anatoly-card-body>\r\n</anatoly-card>\r\n" }]
+    }], function () { return [{ type: i2.FormBuilder }, { type: CoreApiService }]; }, { title: [{
+            type: Input
+        }], isTitleVisible: [{
+            type: Input
+        }], isRequired: [{
+            type: Input
+        }], address: [{
+            type: Input
+        }], change: [{
+            type: Output
+        }] }); })();
 
 /*
 <file>
@@ -4382,6 +4932,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImpor
 </file>
 */
 //Node
+function CompanyComponent_anatoly_card_header_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "anatoly-card-header", 13);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("title", ctx_r0.title);
+} }
+const _c0$1 = function (a0) { return { "has-error": a0 }; };
 class CompanyComponent extends BaseEditComponent {
     fb;
     //Private
@@ -4435,19 +4992,63 @@ class CompanyComponent extends BaseEditComponent {
         };
         return JSON.stringify(data);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: CompanyComponent, deps: [{ token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: CompanyComponent, selector: "anatoly-forms-company", inputs: { title: "title", isTitleVisible: "isTitleVisible", company: "company" }, usesInheritance: true, ngImport: i0, template: "<anatoly-card classes='card-primary card-outline'>\r\n  <anatoly-card-header *ngIf='isTitleVisible' [title]='title'></anatoly-card-header>\r\n  <anatoly-card-body>\r\n    <div  [formGroup]='formGroup'  class='row'>\r\n      <div class='form-group col-6' [ngClass]=\"{'has-error': isControlInvalid('company_name') }\">\r\n        <label class='col-form-label'>Name</label>\r\n        <input type='text' class='form-control' formControlName='company_name' placeholder='Company Name'>\r\n        <anatoly-item-validation-summary controlName='company_name'\r\n                                         controlTitle='Company Name'\r\n                                         [formGroup]='formGroup'\r\n                                         [formSubmitted]='formSubmitted'>\r\n        </anatoly-item-validation-summary>\r\n      </div>\r\n      <div class='form-group col-6' [ngClass]=\"{'has-error': isControlInvalid('company_phone') }\">\r\n        <label class='col-form-label'>Phone</label>\r\n        <input type='tel' class='form-control' formControlName='company_phone' placeholder='Company Phone'>\r\n        <anatoly-item-validation-summary controlName='company_phone'\r\n                                         controlTitle='Company Phone'\r\n                                         [formGroup]='formGroup'\r\n                                         [formSubmitted]='formSubmitted'>\r\n        </anatoly-item-validation-summary>\r\n      </div>\r\n      <div class='form-group col-6' [ngClass]=\"{'has-error': isControlInvalid('company_email') }\">\r\n        <label class='col-form-label'>Email</label>\r\n        <input type='email' class='form-control' formControlName='company_email' placeholder='Company Email'>\r\n        <anatoly-item-validation-summary controlName='company_email'\r\n                                         controlTitle='Company Email'\r\n                                         [formGroup]='formGroup'\r\n                                         [formSubmitted]='formSubmitted'>\r\n        </anatoly-item-validation-summary>\r\n      </div>\r\n      <div class='form-group col-6' [ngClass]=\"{'has-error': isControlInvalid('company_websiteUrl') }\">\r\n        <label class='col-form-label'>Website Url</label>\r\n        <input type='url' placeholder='https://example.com' pattern='https://.*' size='30'\r\n               class='form-control' formControlName='company_websiteUrl'>\r\n        <anatoly-item-validation-summary controlName='company_websiteUrl'\r\n                                         controlTitle='Company website url'\r\n                                         [formGroup]='formGroup'\r\n                                         [formSubmitted]='formSubmitted'>\r\n        </anatoly-item-validation-summary>\r\n      </div>\r\n\r\n    </div>\r\n  </anatoly-card-body>\r\n</anatoly-card>\r\n", dependencies: [{ kind: "directive", type: i1$5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: CardComponent, selector: "anatoly-card", inputs: ["classes"] }, { kind: "component", type: CardHeaderComponent, selector: "anatoly-card-header", inputs: ["classes", "title"] }, { kind: "component", type: CardBodyComponent, selector: "anatoly-card-body", inputs: ["classes"] }, { kind: "directive", type: NativeElementDirective, selector: "[formControl], [formControlName]" }, { kind: "component", type: ItemValidationSummaryComponent, selector: "anatoly-item-validation-summary", inputs: ["controlName", "controlTitle"] }] });
+    static ɵfac = function CompanyComponent_Factory(t) { return new (t || CompanyComponent)(i0.ɵɵdirectiveInject(i2.FormBuilder)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CompanyComponent, selectors: [["anatoly-forms-company"]], inputs: { title: "title", isTitleVisible: "isTitleVisible", company: "company" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 24, vars: 22, consts: [["classes", "card-primary card-outline"], [3, "title", 4, "ngIf"], [1, "row", 3, "formGroup"], [1, "form-group", "col-6", 3, "ngClass"], [1, "col-form-label"], ["type", "text", "formControlName", "company_name", "placeholder", "Company Name", 1, "form-control"], ["controlName", "company_name", "controlTitle", "Company Name", 3, "formGroup", "formSubmitted"], ["type", "tel", "formControlName", "company_phone", "placeholder", "Company Phone", 1, "form-control"], ["controlName", "company_phone", "controlTitle", "Company Phone", 3, "formGroup", "formSubmitted"], ["type", "email", "formControlName", "company_email", "placeholder", "Company Email", 1, "form-control"], ["controlName", "company_email", "controlTitle", "Company Email", 3, "formGroup", "formSubmitted"], ["type", "url", "placeholder", "https://example.com", "pattern", "https://.*", "size", "30", "formControlName", "company_websiteUrl", 1, "form-control"], ["controlName", "company_websiteUrl", "controlTitle", "Company website url", 3, "formGroup", "formSubmitted"], [3, "title"]], template: function CompanyComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "anatoly-card", 0);
+            i0.ɵɵtemplate(1, CompanyComponent_anatoly_card_header_1_Template, 1, 1, "anatoly-card-header", 1);
+            i0.ɵɵelementStart(2, "anatoly-card-body")(3, "div", 2)(4, "div", 3)(5, "label", 4);
+            i0.ɵɵtext(6, "Name");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelement(7, "input", 5)(8, "anatoly-item-validation-summary", 6);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(9, "div", 3)(10, "label", 4);
+            i0.ɵɵtext(11, "Phone");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelement(12, "input", 7)(13, "anatoly-item-validation-summary", 8);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(14, "div", 3)(15, "label", 4);
+            i0.ɵɵtext(16, "Email");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelement(17, "input", 9)(18, "anatoly-item-validation-summary", 10);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(19, "div", 3)(20, "label", 4);
+            i0.ɵɵtext(21, "Website Url");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelement(22, "input", 11)(23, "anatoly-item-validation-summary", 12);
+            i0.ɵɵelementEnd()()()();
+        } if (rf & 2) {
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", ctx.isTitleVisible);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("formGroup", ctx.formGroup);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(14, _c0$1, ctx.isControlInvalid("company_name")));
+            i0.ɵɵadvance(4);
+            i0.ɵɵproperty("formGroup", ctx.formGroup)("formSubmitted", ctx.formSubmitted);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(16, _c0$1, ctx.isControlInvalid("company_phone")));
+            i0.ɵɵadvance(4);
+            i0.ɵɵproperty("formGroup", ctx.formGroup)("formSubmitted", ctx.formSubmitted);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(18, _c0$1, ctx.isControlInvalid("company_email")));
+            i0.ɵɵadvance(4);
+            i0.ɵɵproperty("formGroup", ctx.formGroup)("formSubmitted", ctx.formSubmitted);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(20, _c0$1, ctx.isControlInvalid("company_websiteUrl")));
+            i0.ɵɵadvance(4);
+            i0.ɵɵproperty("formGroup", ctx.formGroup)("formSubmitted", ctx.formSubmitted);
+        } }, dependencies: [i1$5.NgClass, i1$5.NgIf, i2.DefaultValueAccessor, i2.NgControlStatus, i2.NgControlStatusGroup, i2.PatternValidator, i2.FormGroupDirective, i2.FormControlName, CardComponent, CardHeaderComponent, CardBodyComponent, NativeElementDirective, ItemValidationSummaryComponent], encapsulation: 2 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: CompanyComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'anatoly-forms-company', template: "<anatoly-card classes='card-primary card-outline'>\r\n  <anatoly-card-header *ngIf='isTitleVisible' [title]='title'></anatoly-card-header>\r\n  <anatoly-card-body>\r\n    <div  [formGroup]='formGroup'  class='row'>\r\n      <div class='form-group col-6' [ngClass]=\"{'has-error': isControlInvalid('company_name') }\">\r\n        <label class='col-form-label'>Name</label>\r\n        <input type='text' class='form-control' formControlName='company_name' placeholder='Company Name'>\r\n        <anatoly-item-validation-summary controlName='company_name'\r\n                                         controlTitle='Company Name'\r\n                                         [formGroup]='formGroup'\r\n                                         [formSubmitted]='formSubmitted'>\r\n        </anatoly-item-validation-summary>\r\n      </div>\r\n      <div class='form-group col-6' [ngClass]=\"{'has-error': isControlInvalid('company_phone') }\">\r\n        <label class='col-form-label'>Phone</label>\r\n        <input type='tel' class='form-control' formControlName='company_phone' placeholder='Company Phone'>\r\n        <anatoly-item-validation-summary controlName='company_phone'\r\n                                         controlTitle='Company Phone'\r\n                                         [formGroup]='formGroup'\r\n                                         [formSubmitted]='formSubmitted'>\r\n        </anatoly-item-validation-summary>\r\n      </div>\r\n      <div class='form-group col-6' [ngClass]=\"{'has-error': isControlInvalid('company_email') }\">\r\n        <label class='col-form-label'>Email</label>\r\n        <input type='email' class='form-control' formControlName='company_email' placeholder='Company Email'>\r\n        <anatoly-item-validation-summary controlName='company_email'\r\n                                         controlTitle='Company Email'\r\n                                         [formGroup]='formGroup'\r\n                                         [formSubmitted]='formSubmitted'>\r\n        </anatoly-item-validation-summary>\r\n      </div>\r\n      <div class='form-group col-6' [ngClass]=\"{'has-error': isControlInvalid('company_websiteUrl') }\">\r\n        <label class='col-form-label'>Website Url</label>\r\n        <input type='url' placeholder='https://example.com' pattern='https://.*' size='30'\r\n               class='form-control' formControlName='company_websiteUrl'>\r\n        <anatoly-item-validation-summary controlName='company_websiteUrl'\r\n                                         controlTitle='Company website url'\r\n                                         [formGroup]='formGroup'\r\n                                         [formSubmitted]='formSubmitted'>\r\n        </anatoly-item-validation-summary>\r\n      </div>\r\n\r\n    </div>\r\n  </anatoly-card-body>\r\n</anatoly-card>\r\n" }]
-        }], ctorParameters: function () { return [{ type: i2.FormBuilder }]; }, propDecorators: { title: [{
-                type: Input
-            }], isTitleVisible: [{
-                type: Input
-            }], company: [{
-                type: Input
-            }] } });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CompanyComponent, [{
+        type: Component,
+        args: [{ selector: 'anatoly-forms-company', template: "<anatoly-card classes='card-primary card-outline'>\r\n  <anatoly-card-header *ngIf='isTitleVisible' [title]='title'></anatoly-card-header>\r\n  <anatoly-card-body>\r\n    <div  [formGroup]='formGroup'  class='row'>\r\n      <div class='form-group col-6' [ngClass]=\"{'has-error': isControlInvalid('company_name') }\">\r\n        <label class='col-form-label'>Name</label>\r\n        <input type='text' class='form-control' formControlName='company_name' placeholder='Company Name'>\r\n        <anatoly-item-validation-summary controlName='company_name'\r\n                                         controlTitle='Company Name'\r\n                                         [formGroup]='formGroup'\r\n                                         [formSubmitted]='formSubmitted'>\r\n        </anatoly-item-validation-summary>\r\n      </div>\r\n      <div class='form-group col-6' [ngClass]=\"{'has-error': isControlInvalid('company_phone') }\">\r\n        <label class='col-form-label'>Phone</label>\r\n        <input type='tel' class='form-control' formControlName='company_phone' placeholder='Company Phone'>\r\n        <anatoly-item-validation-summary controlName='company_phone'\r\n                                         controlTitle='Company Phone'\r\n                                         [formGroup]='formGroup'\r\n                                         [formSubmitted]='formSubmitted'>\r\n        </anatoly-item-validation-summary>\r\n      </div>\r\n      <div class='form-group col-6' [ngClass]=\"{'has-error': isControlInvalid('company_email') }\">\r\n        <label class='col-form-label'>Email</label>\r\n        <input type='email' class='form-control' formControlName='company_email' placeholder='Company Email'>\r\n        <anatoly-item-validation-summary controlName='company_email'\r\n                                         controlTitle='Company Email'\r\n                                         [formGroup]='formGroup'\r\n                                         [formSubmitted]='formSubmitted'>\r\n        </anatoly-item-validation-summary>\r\n      </div>\r\n      <div class='form-group col-6' [ngClass]=\"{'has-error': isControlInvalid('company_websiteUrl') }\">\r\n        <label class='col-form-label'>Website Url</label>\r\n        <input type='url' placeholder='https://example.com' pattern='https://.*' size='30'\r\n               class='form-control' formControlName='company_websiteUrl'>\r\n        <anatoly-item-validation-summary controlName='company_websiteUrl'\r\n                                         controlTitle='Company website url'\r\n                                         [formGroup]='formGroup'\r\n                                         [formSubmitted]='formSubmitted'>\r\n        </anatoly-item-validation-summary>\r\n      </div>\r\n\r\n    </div>\r\n  </anatoly-card-body>\r\n</anatoly-card>\r\n" }]
+    }], function () { return [{ type: i2.FormBuilder }]; }, { title: [{
+            type: Input
+        }], isTitleVisible: [{
+            type: Input
+        }], company: [{
+            type: Input
+        }] }); })();
 
 /*
 <file>
@@ -4465,6 +5066,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImpor
 </file>
 */
 //Node
+function UrlSlugComponent_label_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "label", 7);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementStart(2, "span", 8);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.title, " ");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r0.urlPrefix);
+} }
+function UrlSlugComponent_div_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 9)(1, "a", 10);
+    i0.ɵɵtext(2, "Go");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(1);
+    i0.ɵɵpropertyInterpolate2("href", "", ctx_r1.urlPrefix, "", ctx_r1.hrefGo, "", i0.ɵɵsanitizeUrl);
+} }
+const _c0 = function (a0) { return { "has-error": a0 }; };
 class UrlSlugComponent extends BaseEditComponent {
     firstValue = true;
     hrefGo;
@@ -4512,31 +5136,52 @@ class UrlSlugComponent extends BaseEditComponent {
         let text = this.getFormValue(this.controlName);
         this.generateUrlSlug(text);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: UrlSlugComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: UrlSlugComponent, selector: "anatoly-forms-urlslug", inputs: { title: "title", isTitleVisible: "isTitleVisible", controlName: "controlName", controlTitle: "controlTitle", class: "class", watchedControlName: "watchedControlName", urlPrefix: "urlPrefix", isGoButtonVisible: "isGoButtonVisible" }, outputs: { generating: "generating" }, usesInheritance: true, ngImport: i0, template: "<div [formGroup]='formGroup' [ngClass]=\"{'has-error': isControlInvalid(controlName)}\"\r\n  class=\"permalink form-group {{class}}\">\r\n  <div class=\"d-flex align-items-end\">\r\n    <anatoly-item-validation-summary [formGroup]='formGroup' [formSubmitted]='formSubmitted' [controlName]='controlName'\r\n      [controlTitle]='controlTitle'>\r\n    </anatoly-item-validation-summary>\r\n    <div class=\"form-group\">\r\n      <label *ngIf='isTitleVisible' class='col-form-label'>\r\n        {{ title }}\r\n        <span class=\"urlPrefix\">{{ urlPrefix }}</span>\r\n      </label>\r\n      <input type='text' class='form-control' [formControlName]='controlName' placeholder='Type url slug here'\r\n        (focusout)='onUrlSlugChange()' />\r\n    </div>\r\n\r\n    <div class=\"form-group flex-shrink-1\" *ngIf=\"isGoButtonVisible\">\r\n      <a href=\"{{urlPrefix}}{{hrefGo}}\" target=\"_blank\" class=\"btn btn-primary\">Go</a>\r\n    </div>\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i1$5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: NativeElementDirective, selector: "[formControl], [formControlName]" }, { kind: "component", type: ItemValidationSummaryComponent, selector: "anatoly-item-validation-summary", inputs: ["controlName", "controlTitle"] }] });
+    static ɵfac = function UrlSlugComponent_Factory(t) { return new (t || UrlSlugComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UrlSlugComponent, selectors: [["anatoly-forms-urlslug"]], inputs: { title: "title", isTitleVisible: "isTitleVisible", controlName: "controlName", controlTitle: "controlTitle", class: "class", watchedControlName: "watchedControlName", urlPrefix: "urlPrefix", isGoButtonVisible: "isGoButtonVisible" }, outputs: { generating: "generating" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 7, vars: 14, consts: [[3, "formGroup", "ngClass"], [1, "d-flex", "align-items-end"], [3, "formGroup", "formSubmitted", "controlName", "controlTitle"], [1, "form-group"], ["class", "col-form-label", 4, "ngIf"], ["type", "text", "placeholder", "Type url slug here", 1, "form-control", 3, "formControlName", "focusout"], ["class", "form-group flex-shrink-1", 4, "ngIf"], [1, "col-form-label"], [1, "urlPrefix"], [1, "form-group", "flex-shrink-1"], ["target", "_blank", 1, "btn", "btn-primary", 3, "href"]], template: function UrlSlugComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1);
+            i0.ɵɵelement(2, "anatoly-item-validation-summary", 2);
+            i0.ɵɵelementStart(3, "div", 3);
+            i0.ɵɵtemplate(4, UrlSlugComponent_label_4_Template, 4, 2, "label", 4);
+            i0.ɵɵelementStart(5, "input", 5);
+            i0.ɵɵlistener("focusout", function UrlSlugComponent_Template_input_focusout_5_listener() { return ctx.onUrlSlugChange(); });
+            i0.ɵɵelementEnd()();
+            i0.ɵɵtemplate(6, UrlSlugComponent_div_6_Template, 3, 2, "div", 6);
+            i0.ɵɵelementEnd()();
+        } if (rf & 2) {
+            i0.ɵɵclassMapInterpolate1("permalink form-group ", ctx.class, "");
+            i0.ɵɵproperty("formGroup", ctx.formGroup)("ngClass", i0.ɵɵpureFunction1(12, _c0, ctx.isControlInvalid(ctx.controlName)));
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("formGroup", ctx.formGroup)("formSubmitted", ctx.formSubmitted)("controlName", ctx.controlName)("controlTitle", ctx.controlTitle);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("ngIf", ctx.isTitleVisible);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("formControlName", ctx.controlName);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", ctx.isGoButtonVisible);
+        } }, dependencies: [i1$5.NgClass, i1$5.NgIf, i2.DefaultValueAccessor, i2.NgControlStatus, i2.NgControlStatusGroup, i2.FormGroupDirective, i2.FormControlName, NativeElementDirective, ItemValidationSummaryComponent], encapsulation: 2 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: UrlSlugComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'anatoly-forms-urlslug', template: "<div [formGroup]='formGroup' [ngClass]=\"{'has-error': isControlInvalid(controlName)}\"\r\n  class=\"permalink form-group {{class}}\">\r\n  <div class=\"d-flex align-items-end\">\r\n    <anatoly-item-validation-summary [formGroup]='formGroup' [formSubmitted]='formSubmitted' [controlName]='controlName'\r\n      [controlTitle]='controlTitle'>\r\n    </anatoly-item-validation-summary>\r\n    <div class=\"form-group\">\r\n      <label *ngIf='isTitleVisible' class='col-form-label'>\r\n        {{ title }}\r\n        <span class=\"urlPrefix\">{{ urlPrefix }}</span>\r\n      </label>\r\n      <input type='text' class='form-control' [formControlName]='controlName' placeholder='Type url slug here'\r\n        (focusout)='onUrlSlugChange()' />\r\n    </div>\r\n\r\n    <div class=\"form-group flex-shrink-1\" *ngIf=\"isGoButtonVisible\">\r\n      <a href=\"{{urlPrefix}}{{hrefGo}}\" target=\"_blank\" class=\"btn btn-primary\">Go</a>\r\n    </div>\r\n  </div>\r\n</div>\r\n" }]
-        }], ctorParameters: function () { return []; }, propDecorators: { title: [{
-                type: Input
-            }], isTitleVisible: [{
-                type: Input
-            }], controlName: [{
-                type: Input
-            }], controlTitle: [{
-                type: Input
-            }], class: [{
-                type: Input
-            }], watchedControlName: [{
-                type: Input
-            }], urlPrefix: [{
-                type: Input
-            }], isGoButtonVisible: [{
-                type: Input
-            }], generating: [{
-                type: Output
-            }] } });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UrlSlugComponent, [{
+        type: Component,
+        args: [{ selector: 'anatoly-forms-urlslug', template: "<div [formGroup]='formGroup' [ngClass]=\"{'has-error': isControlInvalid(controlName)}\"\r\n  class=\"permalink form-group {{class}}\">\r\n  <div class=\"d-flex align-items-end\">\r\n    <anatoly-item-validation-summary [formGroup]='formGroup' [formSubmitted]='formSubmitted' [controlName]='controlName'\r\n      [controlTitle]='controlTitle'>\r\n    </anatoly-item-validation-summary>\r\n    <div class=\"form-group\">\r\n      <label *ngIf='isTitleVisible' class='col-form-label'>\r\n        {{ title }}\r\n        <span class=\"urlPrefix\">{{ urlPrefix }}</span>\r\n      </label>\r\n      <input type='text' class='form-control' [formControlName]='controlName' placeholder='Type url slug here'\r\n        (focusout)='onUrlSlugChange()' />\r\n    </div>\r\n\r\n    <div class=\"form-group flex-shrink-1\" *ngIf=\"isGoButtonVisible\">\r\n      <a href=\"{{urlPrefix}}{{hrefGo}}\" target=\"_blank\" class=\"btn btn-primary\">Go</a>\r\n    </div>\r\n  </div>\r\n</div>\r\n" }]
+    }], function () { return []; }, { title: [{
+            type: Input
+        }], isTitleVisible: [{
+            type: Input
+        }], controlName: [{
+            type: Input
+        }], controlTitle: [{
+            type: Input
+        }], class: [{
+            type: Input
+        }], watchedControlName: [{
+            type: Input
+        }], urlPrefix: [{
+            type: Input
+        }], isGoButtonVisible: [{
+            type: Input
+        }], generating: [{
+            type: Output
+        }] }); })();
 
 /*
 <file>
@@ -4554,6 +5199,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImpor
 </file>
 */
 //Node
+function TimezoneDropdownlist_label_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "label", 4);
+    i0.ɵɵtext(1, "Timezone");
+    i0.ɵɵelementEnd();
+} }
+function TimezoneDropdownlist_option_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 5);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const timezone_r2 = ctx.$implicit;
+    i0.ɵɵproperty("value", timezone_r2.code);
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate2(" (", timezone_r2.offset, ") ", timezone_r2.name, " ");
+} }
 class TimezoneDropdownlist extends BaseEditComponent {
     api;
     appContext;
@@ -4587,21 +5247,35 @@ class TimezoneDropdownlist extends BaseEditComponent {
             this.setFormValue(this.controlName, timeZone);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: TimezoneDropdownlist, deps: [{ token: CoreApiService }, { token: AppContextService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.7", type: TimezoneDropdownlist, selector: "anatoly-forms-timezone-dropdownlist", inputs: { title: "title", isTitleVisible: "isTitleVisible", controlName: "controlName", controlTitle: "controlTitle" }, usesInheritance: true, ngImport: i0, template: "<div [formGroup]='formGroup' class='form-group'>\r\n  <label *ngIf='isTitleVisible' class='col-form-label'>Timezone</label>\r\n  <select [formControlName]='controlName' class='form-control'>\r\n    <option *ngFor='let timezone of timezoneListItems'\r\n            [value]='timezone.code'>\r\n      ({{timezone.offset}})  {{timezone.name}}\r\n    </option>\r\n  </select>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i1$5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: NativeElementDirective, selector: "[formControl], [formControlName]" }] });
+    static ɵfac = function TimezoneDropdownlist_Factory(t) { return new (t || TimezoneDropdownlist)(i0.ɵɵdirectiveInject(CoreApiService), i0.ɵɵdirectiveInject(AppContextService)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TimezoneDropdownlist, selectors: [["anatoly-forms-timezone-dropdownlist"]], inputs: { title: "title", isTitleVisible: "isTitleVisible", controlName: "controlName", controlTitle: "controlTitle" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 4, vars: 4, consts: [[1, "form-group", 3, "formGroup"], ["class", "col-form-label", 4, "ngIf"], [1, "form-control", 3, "formControlName"], [3, "value", 4, "ngFor", "ngForOf"], [1, "col-form-label"], [3, "value"]], template: function TimezoneDropdownlist_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0);
+            i0.ɵɵtemplate(1, TimezoneDropdownlist_label_1_Template, 2, 0, "label", 1);
+            i0.ɵɵelementStart(2, "select", 2);
+            i0.ɵɵtemplate(3, TimezoneDropdownlist_option_3_Template, 2, 3, "option", 3);
+            i0.ɵɵelementEnd()();
+        } if (rf & 2) {
+            i0.ɵɵproperty("formGroup", ctx.formGroup);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngIf", ctx.isTitleVisible);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("formControlName", ctx.controlName);
+            i0.ɵɵadvance(1);
+            i0.ɵɵproperty("ngForOf", ctx.timezoneListItems);
+        } }, dependencies: [i1$5.NgForOf, i1$5.NgIf, i2.NgSelectOption, i2.ɵNgSelectMultipleOption, i2.SelectControlValueAccessor, i2.NgControlStatus, i2.NgControlStatusGroup, i2.FormGroupDirective, i2.FormControlName, NativeElementDirective], encapsulation: 2 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: TimezoneDropdownlist, decorators: [{
-            type: Component,
-            args: [{ selector: 'anatoly-forms-timezone-dropdownlist', template: "<div [formGroup]='formGroup' class='form-group'>\r\n  <label *ngIf='isTitleVisible' class='col-form-label'>Timezone</label>\r\n  <select [formControlName]='controlName' class='form-control'>\r\n    <option *ngFor='let timezone of timezoneListItems'\r\n            [value]='timezone.code'>\r\n      ({{timezone.offset}})  {{timezone.name}}\r\n    </option>\r\n  </select>\r\n</div>\r\n" }]
-        }], ctorParameters: function () { return [{ type: CoreApiService }, { type: AppContextService }]; }, propDecorators: { title: [{
-                type: Input
-            }], isTitleVisible: [{
-                type: Input
-            }], controlName: [{
-                type: Input
-            }], controlTitle: [{
-                type: Input
-            }] } });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TimezoneDropdownlist, [{
+        type: Component,
+        args: [{ selector: 'anatoly-forms-timezone-dropdownlist', template: "<div [formGroup]='formGroup' class='form-group'>\r\n  <label *ngIf='isTitleVisible' class='col-form-label'>Timezone</label>\r\n  <select [formControlName]='controlName' class='form-control'>\r\n    <option *ngFor='let timezone of timezoneListItems'\r\n            [value]='timezone.code'>\r\n      ({{timezone.offset}})  {{timezone.name}}\r\n    </option>\r\n  </select>\r\n</div>\r\n" }]
+    }], function () { return [{ type: CoreApiService }, { type: AppContextService }]; }, { title: [{
+            type: Input
+        }], isTitleVisible: [{
+            type: Input
+        }], controlName: [{
+            type: Input
+        }], controlTitle: [{
+            type: Input
+        }] }); })();
 
 /*
 <file>
@@ -4648,15 +5322,15 @@ class FileSizePipe {
         }
         return bytes.toFixed(+precision) + ' ' + this.units[unit];
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: FileSizePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.7", ngImport: i0, type: FileSizePipe, name: "filesize" });
+    static ɵfac = function FileSizePipe_Factory(t) { return new (t || FileSizePipe)(); };
+    static ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "filesize", type: FileSizePipe, pure: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: FileSizePipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'filesize',
-                }]
-        }] });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FileSizePipe, [{
+        type: Pipe,
+        args: [{
+                name: 'filesize',
+            }]
+    }], null, null); })();
 
 /*
 <file>
@@ -4683,15 +5357,15 @@ class ReplaceTextPipe {
             return inputData;
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: ReplaceTextPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.7", ngImport: i0, type: ReplaceTextPipe, name: "replaceText" });
+    static ɵfac = function ReplaceTextPipe_Factory(t) { return new (t || ReplaceTextPipe)(); };
+    static ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "replaceText", type: ReplaceTextPipe, pure: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: ReplaceTextPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: "replaceText",
-                }]
-        }] });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ReplaceTextPipe, [{
+        type: Pipe,
+        args: [{
+                name: "replaceText",
+            }]
+    }], null, null); })();
 
 /*
 <file>
@@ -4717,13 +5391,13 @@ class SafeHtmlPipe {
     transform(value) {
         return this.sanitized.bypassSecurityTrustHtml(value);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: SafeHtmlPipe, deps: [{ token: i1$4.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.2.7", ngImport: i0, type: SafeHtmlPipe, name: "safeHtml" });
+    static ɵfac = function SafeHtmlPipe_Factory(t) { return new (t || SafeHtmlPipe)(i0.ɵɵdirectiveInject(i1$4.DomSanitizer, 16)); };
+    static ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "safeHtml", type: SafeHtmlPipe, pure: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: SafeHtmlPipe, decorators: [{
-            type: Pipe,
-            args: [{ name: 'safeHtml' }]
-        }], ctorParameters: function () { return [{ type: i1$4.DomSanitizer }]; } });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SafeHtmlPipe, [{
+        type: Pipe,
+        args: [{ name: 'safeHtml' }]
+    }], function () { return [{ type: i1$4.DomSanitizer }]; }, null); })();
 
 /*
 <file>
@@ -4779,11 +5453,9 @@ class AnatolyCoreModule {
         this.injector = injector;
         InjectorInstance = this.injector;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: AnatolyCoreModule, deps: [{ token: i0.Injector }, { token: AnatolyCoreModule, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.7", ngImport: i0, type: AnatolyCoreModule, imports: [CommonModule, i1$2.ToastrModule, LocalizationSettingsModule,
-            LocalizationModule], exports: [LocalizationSettingsModule,
-            LocalizationModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: AnatolyCoreModule, providers: [
+    static ɵfac = function AnatolyCoreModule_Factory(t) { return new (t || AnatolyCoreModule)(i0.ɵɵinject(i0.Injector), i0.ɵɵinject(AnatolyCoreModule, 12)); };
+    static ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: AnatolyCoreModule });
+    static ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ providers: [
             LoggingService,
             NotificationService,
             AppContextService,
@@ -4798,35 +5470,38 @@ class AnatolyCoreModule {
             LocalizationModule, LocalizationSettingsModule,
             LocalizationModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: AnatolyCoreModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        CommonModule,
-                        ToastrModule.forRoot(),
-                        LocalizationSettingsModule,
-                        LocalizationModule
-                    ],
-                    exports: [
-                        LocalizationSettingsModule,
-                        LocalizationModule,
-                    ],
-                    providers: [
-                        LoggingService,
-                        NotificationService,
-                        AppContextService,
-                        LoadingService,
-                        DigitalMarketingService,
-                        GoogleAnalyticsService,
-                        LocalStorageService,
-                        SessionStorageService
-                    ],
-                }]
-        }], ctorParameters: function () { return [{ type: i0.Injector }, { type: AnatolyCoreModule, decorators: [{
-                    type: Optional
-                }, {
-                    type: SkipSelf
-                }] }]; } });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AnatolyCoreModule, [{
+        type: NgModule,
+        args: [{
+                imports: [
+                    CommonModule,
+                    ToastrModule.forRoot(),
+                    LocalizationSettingsModule,
+                    LocalizationModule
+                ],
+                exports: [
+                    LocalizationSettingsModule,
+                    LocalizationModule,
+                ],
+                providers: [
+                    LoggingService,
+                    NotificationService,
+                    AppContextService,
+                    LoadingService,
+                    DigitalMarketingService,
+                    GoogleAnalyticsService,
+                    LocalStorageService,
+                    SessionStorageService
+                ],
+            }]
+    }], function () { return [{ type: i0.Injector }, { type: AnatolyCoreModule, decorators: [{
+                type: Optional
+            }, {
+                type: SkipSelf
+            }] }]; }, null); })();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(AnatolyCoreModule, { imports: [CommonModule, i1$2.ToastrModule, LocalizationSettingsModule,
+        LocalizationModule], exports: [LocalizationSettingsModule,
+        LocalizationModule] }); })();
 
 /*
 <file>
@@ -4845,25 +5520,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImpor
 */
 //Node
 class AnatolyDataModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: AnatolyDataModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.7", ngImport: i0, type: AnatolyDataModule, imports: [CommonModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: AnatolyDataModule, providers: [
+    static ɵfac = function AnatolyDataModule_Factory(t) { return new (t || AnatolyDataModule)(); };
+    static ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: AnatolyDataModule });
+    static ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ providers: [
             CoreApiService,
             EmailsApiService
         ], imports: [CommonModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: AnatolyDataModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        CommonModule
-                    ],
-                    providers: [
-                        CoreApiService,
-                        EmailsApiService
-                    ]
-                }]
-        }] });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AnatolyDataModule, [{
+        type: NgModule,
+        args: [{
+                imports: [
+                    CommonModule
+                ],
+                providers: [
+                    CoreApiService,
+                    EmailsApiService
+                ]
+            }]
+    }], null, null); })();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(AnatolyDataModule, { imports: [CommonModule] }); })();
 
 /*
 <file>
@@ -4885,24 +5561,25 @@ class FaModule {
     constructor(library) {
         library.addIcons(faCheckCircle, faCircleXmark, faDatabase, faCopy);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: FaModule, deps: [{ token: i1$6.FaIconLibrary }], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.7", ngImport: i0, type: FaModule, imports: [CommonModule,
-            FontAwesomeModule], exports: [FontAwesomeModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: FaModule, imports: [CommonModule,
+    static ɵfac = function FaModule_Factory(t) { return new (t || FaModule)(i0.ɵɵinject(i1$6.FaIconLibrary)); };
+    static ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: FaModule });
+    static ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule,
             FontAwesomeModule, FontAwesomeModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: FaModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        CommonModule,
-                        FontAwesomeModule
-                    ],
-                    exports: [
-                        FontAwesomeModule
-                    ]
-                }]
-        }], ctorParameters: function () { return [{ type: i1$6.FaIconLibrary }]; } });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FaModule, [{
+        type: NgModule,
+        args: [{
+                imports: [
+                    CommonModule,
+                    FontAwesomeModule
+                ],
+                exports: [
+                    FontAwesomeModule
+                ]
+            }]
+    }], function () { return [{ type: i1$6.FaIconLibrary }]; }, null); })();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(FaModule, { imports: [CommonModule,
+        FontAwesomeModule], exports: [FontAwesomeModule] }); })();
 
 /*
 <file>
@@ -4921,24 +5598,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImpor
 */
 //Node
 class KendoModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: KendoModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.7", ngImport: i0, type: KendoModule, imports: [CommonModule,
-            ButtonsModule,
-            DialogsModule,
-            DropDownsModule,
-            InputsModule,
-            PagerModule,
-            TreeViewModule,
-            TooltipsModule,
-            IconsModule], exports: [ButtonsModule,
-            DialogsModule,
-            DropDownsModule,
-            InputsModule,
-            PagerModule,
-            TreeViewModule,
-            TooltipsModule,
-            IconsModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: KendoModule, imports: [CommonModule,
+    static ɵfac = function KendoModule_Factory(t) { return new (t || KendoModule)(); };
+    static ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: KendoModule });
+    static ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule,
             ButtonsModule,
             DialogsModule,
             DropDownsModule,
@@ -4955,32 +5617,48 @@ class KendoModule {
             TooltipsModule,
             IconsModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: KendoModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        CommonModule,
-                        ButtonsModule,
-                        DialogsModule,
-                        DropDownsModule,
-                        InputsModule,
-                        PagerModule,
-                        TreeViewModule,
-                        TooltipsModule,
-                        IconsModule,
-                    ],
-                    exports: [
-                        ButtonsModule,
-                        DialogsModule,
-                        DropDownsModule,
-                        InputsModule,
-                        PagerModule,
-                        TreeViewModule,
-                        TooltipsModule,
-                        IconsModule
-                    ]
-                }]
-        }] });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(KendoModule, [{
+        type: NgModule,
+        args: [{
+                imports: [
+                    CommonModule,
+                    ButtonsModule,
+                    DialogsModule,
+                    DropDownsModule,
+                    InputsModule,
+                    PagerModule,
+                    TreeViewModule,
+                    TooltipsModule,
+                    IconsModule,
+                ],
+                exports: [
+                    ButtonsModule,
+                    DialogsModule,
+                    DropDownsModule,
+                    InputsModule,
+                    PagerModule,
+                    TreeViewModule,
+                    TooltipsModule,
+                    IconsModule
+                ]
+            }]
+    }], null, null); })();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(KendoModule, { imports: [CommonModule,
+        ButtonsModule,
+        DialogsModule,
+        DropDownsModule,
+        InputsModule,
+        PagerModule,
+        TreeViewModule,
+        TooltipsModule,
+        IconsModule], exports: [ButtonsModule,
+        DialogsModule,
+        DropDownsModule,
+        InputsModule,
+        PagerModule,
+        TreeViewModule,
+        TooltipsModule,
+        IconsModule] }); })();
 
 /*
 <file>
@@ -5038,88 +5716,9 @@ const COMPONENTS = [
     ItemValidationSummaryComponent
 ];
 class AnatolyUIModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: AnatolyUIModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.7", ngImport: i0, type: AnatolyUIModule, declarations: [BuyAccessButtonComponent,
-            SubscribePlanButtonComponent,
-            CheckIconComponent,
-            DatapagerComponent,
-            SignInButtonComponent,
-            SignUpButtonComponent,
-            SignOutButtonComponent,
-            NodataComponent,
-            PageSpinnerComponent,
-            LoadingComponent,
-            Copy2ClipboardComponent,
-            //Cards
-            CardComponent,
-            CardHeaderComponent,
-            CardBodyComponent,
-            CardFooterComponent,
-            //HtmlEditor
-            HtmlEditorComponent,
-            FormsHtmlEditorComponent,
-            //Dialogs
-            ContactUsDialog,
-            //Directives
-            NativeElementDirective,
-            HoveringDirective,
-            //Forms
-            AddressComponent,
-            CompanyComponent,
-            UrlSlugComponent,
-            TimezoneDropdownlist,
-            ContactUsForm,
-            //Pipes
-            SafeHtmlPipe,
-            ReplaceTextPipe,
-            FileSizePipe,
-            //Validation
-            FormValidationSummaryComponent,
-            ItemValidationSummaryComponent], imports: [CommonModule,
-            RouterModule,
-            ReactiveFormsModule,
-            FormsModule,
-            NgxCaptchaModule,
-            FaModule,
-            KendoModule,
-            FERootModule], exports: [BuyAccessButtonComponent,
-            SubscribePlanButtonComponent,
-            CheckIconComponent,
-            DatapagerComponent,
-            SignInButtonComponent,
-            SignUpButtonComponent,
-            SignOutButtonComponent,
-            NodataComponent,
-            PageSpinnerComponent,
-            LoadingComponent,
-            Copy2ClipboardComponent,
-            //Cards
-            CardComponent,
-            CardHeaderComponent,
-            CardBodyComponent,
-            CardFooterComponent,
-            //HtmlEditor
-            HtmlEditorComponent,
-            FormsHtmlEditorComponent,
-            //Dialogs
-            ContactUsDialog,
-            //Directives
-            NativeElementDirective,
-            HoveringDirective,
-            //Forms
-            AddressComponent,
-            CompanyComponent,
-            UrlSlugComponent,
-            TimezoneDropdownlist,
-            ContactUsForm,
-            //Pipes
-            SafeHtmlPipe,
-            ReplaceTextPipe,
-            FileSizePipe,
-            //Validation
-            FormValidationSummaryComponent,
-            ItemValidationSummaryComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: AnatolyUIModule, imports: [CommonModule,
+    static ɵfac = function AnatolyUIModule_Factory(t) { return new (t || AnatolyUIModule)(); };
+    static ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: AnatolyUIModule });
+    static ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule,
             RouterModule,
             ReactiveFormsModule,
             FormsModule,
@@ -5128,27 +5727,107 @@ class AnatolyUIModule {
             KendoModule,
             FERootModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: AnatolyUIModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        CommonModule,
-                        RouterModule,
-                        ReactiveFormsModule,
-                        FormsModule,
-                        NgxCaptchaModule,
-                        FaModule,
-                        KendoModule,
-                        FERootModule
-                    ],
-                    exports: [
-                        ...COMPONENTS
-                    ],
-                    declarations: [
-                        ...COMPONENTS
-                    ]
-                }]
-        }] });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AnatolyUIModule, [{
+        type: NgModule,
+        args: [{
+                imports: [
+                    CommonModule,
+                    RouterModule,
+                    ReactiveFormsModule,
+                    FormsModule,
+                    NgxCaptchaModule,
+                    FaModule,
+                    KendoModule,
+                    FERootModule
+                ],
+                exports: [
+                    ...COMPONENTS
+                ],
+                declarations: [
+                    ...COMPONENTS
+                ]
+            }]
+    }], null, null); })();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(AnatolyUIModule, { declarations: [BuyAccessButtonComponent,
+        SubscribePlanButtonComponent,
+        CheckIconComponent,
+        DatapagerComponent,
+        SignInButtonComponent,
+        SignUpButtonComponent,
+        SignOutButtonComponent,
+        NodataComponent,
+        PageSpinnerComponent,
+        LoadingComponent,
+        Copy2ClipboardComponent,
+        //Cards
+        CardComponent,
+        CardHeaderComponent,
+        CardBodyComponent,
+        CardFooterComponent,
+        //HtmlEditor
+        HtmlEditorComponent,
+        FormsHtmlEditorComponent,
+        //Dialogs
+        ContactUsDialog,
+        //Directives
+        NativeElementDirective,
+        HoveringDirective,
+        //Forms
+        AddressComponent,
+        CompanyComponent,
+        UrlSlugComponent,
+        TimezoneDropdownlist,
+        ContactUsForm,
+        //Pipes
+        SafeHtmlPipe,
+        ReplaceTextPipe,
+        FileSizePipe,
+        //Validation
+        FormValidationSummaryComponent,
+        ItemValidationSummaryComponent], imports: [CommonModule,
+        RouterModule,
+        ReactiveFormsModule,
+        FormsModule,
+        NgxCaptchaModule,
+        FaModule,
+        KendoModule,
+        FERootModule], exports: [BuyAccessButtonComponent,
+        SubscribePlanButtonComponent,
+        CheckIconComponent,
+        DatapagerComponent,
+        SignInButtonComponent,
+        SignUpButtonComponent,
+        SignOutButtonComponent,
+        NodataComponent,
+        PageSpinnerComponent,
+        LoadingComponent,
+        Copy2ClipboardComponent,
+        //Cards
+        CardComponent,
+        CardHeaderComponent,
+        CardBodyComponent,
+        CardFooterComponent,
+        //HtmlEditor
+        HtmlEditorComponent,
+        FormsHtmlEditorComponent,
+        //Dialogs
+        ContactUsDialog,
+        //Directives
+        NativeElementDirective,
+        HoveringDirective,
+        //Forms
+        AddressComponent,
+        CompanyComponent,
+        UrlSlugComponent,
+        TimezoneDropdownlist,
+        ContactUsForm,
+        //Pipes
+        SafeHtmlPipe,
+        ReplaceTextPipe,
+        FileSizePipe,
+        //Validation
+        FormValidationSummaryComponent,
+        ItemValidationSummaryComponent] }); })();
 
 /*
 <file>
@@ -5166,37 +5845,38 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImpor
 </file>
 */
 class AnatolyModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: AnatolyModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.7", ngImport: i0, type: AnatolyModule, imports: [CommonModule,
-            AnatolyCoreModule,
-            AnatolyDataModule,
-            AnatolyUIModule], exports: [AnatolyCoreModule,
-            AnatolyDataModule,
-            AnatolyUIModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: AnatolyModule, imports: [CommonModule,
+    static ɵfac = function AnatolyModule_Factory(t) { return new (t || AnatolyModule)(); };
+    static ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: AnatolyModule });
+    static ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule,
             AnatolyCoreModule,
             AnatolyDataModule,
             AnatolyUIModule, AnatolyCoreModule,
             AnatolyDataModule,
             AnatolyUIModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.7", ngImport: i0, type: AnatolyModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        CommonModule,
-                        AnatolyCoreModule,
-                        AnatolyDataModule,
-                        AnatolyUIModule
-                    ],
-                    exports: [
-                        AnatolyCoreModule,
-                        AnatolyDataModule,
-                        AnatolyUIModule
-                    ],
-                    providers: [],
-                }]
-        }] });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AnatolyModule, [{
+        type: NgModule,
+        args: [{
+                imports: [
+                    CommonModule,
+                    AnatolyCoreModule,
+                    AnatolyDataModule,
+                    AnatolyUIModule
+                ],
+                exports: [
+                    AnatolyCoreModule,
+                    AnatolyDataModule,
+                    AnatolyUIModule
+                ],
+                providers: [],
+            }]
+    }], null, null); })();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(AnatolyModule, { imports: [CommonModule,
+        AnatolyCoreModule,
+        AnatolyDataModule,
+        AnatolyUIModule], exports: [AnatolyCoreModule,
+        AnatolyDataModule,
+        AnatolyUIModule] }); })();
 
 /*
  * Public API Surface of anatoly-lib