@osovitny/anatoly 2.14.107 → 2.15.1

package/fesm2020/osovitny-anatoly.mjs

@@ -38,6 +38,7 @@ import { DropDownsModule } from '@progress/kendo-angular-dropdowns';
 import { InputsModule } from '@progress/kendo-angular-inputs';
 import { TreeViewModule } from '@progress/kendo-angular-treeview';
 import { TooltipsModule } from '@progress/kendo-angular-tooltip';
+import { IconsModule } from '@progress/kendo-angular-icons';
 
 /*
 <file>
@@ -114,11 +115,11 @@ class BaseGoService {
         }
     }
 }
-BaseGoService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: BaseGoService, deps: [{ token: i1.ActivatedRoute }, { token: i1.Router }], target: i0.ɵɵFactoryTarget.Injectable });
-BaseGoService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: BaseGoService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: BaseGoService, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: i1.ActivatedRoute }, { type: i1.Router }]; } });
+BaseGoService.ɵfac = function BaseGoService_Factory(t) { return new (t || BaseGoService)(i0.ɵɵinject(i1.ActivatedRoute), i0.ɵɵinject(i1.Router)); };
+BaseGoService.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: BaseGoService, factory: BaseGoService.ɵfac });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BaseGoService, [{
+        type: Injectable
+    }], function () { return [{ type: i1.ActivatedRoute }, { type: i1.Router }]; }, null); })();
 
 /*
 <file>
@@ -195,14 +196,14 @@ class LoadingService extends BehaviorSubject {
         this.counter = 0;
     }
 }
-LoadingService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: LoadingService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-LoadingService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: LoadingService, providedIn: "root" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: LoadingService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: "root",
-                }]
-        }], ctorParameters: function () { return []; } });
+LoadingService.ɵfac = function LoadingService_Factory(t) { return new (t || LoadingService)(); };
+LoadingService.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: LoadingService, factory: LoadingService.ɵfac, providedIn: "root" });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LoadingService, [{
+        type: Injectable,
+        args: [{
+                providedIn: "root",
+            }]
+    }], function () { return []; }, null); })();
 
 /*
 <file>
@@ -228,14 +229,14 @@ class LoggingService {
         console.info(info);
     }
 }
-LoggingService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: LoggingService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-LoggingService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: LoggingService, providedIn: "root" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: LoggingService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: "root",
-                }]
-        }], ctorParameters: function () { return []; } });
+LoggingService.ɵfac = function LoggingService_Factory(t) { return new (t || LoggingService)(); };
+LoggingService.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: LoggingService, factory: LoggingService.ɵfac, providedIn: "root" });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LoggingService, [{
+        type: Injectable,
+        args: [{
+                providedIn: "root",
+            }]
+    }], function () { return []; }, null); })();
 
 /*
 <file>
@@ -326,11 +327,11 @@ class AnatolyHttpInterceptor {
         }
     }
 }
-AnatolyHttpInterceptor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: AnatolyHttpInterceptor, deps: [{ token: LoadingService }, { token: LoggingService }], target: i0.ɵɵFactoryTarget.Injectable });
-AnatolyHttpInterceptor.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: AnatolyHttpInterceptor });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: AnatolyHttpInterceptor, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: LoadingService }, { type: LoggingService }]; } });
+AnatolyHttpInterceptor.ɵfac = function AnatolyHttpInterceptor_Factory(t) { return new (t || AnatolyHttpInterceptor)(i0.ɵɵinject(LoadingService), i0.ɵɵinject(LoggingService)); };
+AnatolyHttpInterceptor.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: AnatolyHttpInterceptor, factory: AnatolyHttpInterceptor.ɵfac });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AnatolyHttpInterceptor, [{
+        type: Injectable
+    }], function () { return [{ type: LoadingService }, { type: LoggingService }]; }, null); })();
 
 /*
 <file>
@@ -599,14 +600,14 @@ class LocalizationService {
         return result;
     }
 }
-LocalizationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: LocalizationService, deps: [{ token: i1$1.TranslateService }], target: i0.ɵɵFactoryTarget.Injectable });
-LocalizationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: LocalizationService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: LocalizationService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: function () { return [{ type: i1$1.TranslateService }]; } });
+LocalizationService.ɵfac = function LocalizationService_Factory(t) { return new (t || LocalizationService)(i0.ɵɵinject(i1$1.TranslateService)); };
+LocalizationService.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: LocalizationService, factory: LocalizationService.ɵfac, providedIn: 'root' });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LocalizationService, [{
+        type: Injectable,
+        args: [{
+                providedIn: 'root'
+            }]
+    }], function () { return [{ type: i1$1.TranslateService }]; }, null); })();
 
 /*
 <file>
@@ -670,14 +671,14 @@ class LocalizePipe {
         return inputData;
     }
 }
-LocalizePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: LocalizePipe, deps: [{ token: LocalizationService }], target: i0.ɵɵFactoryTarget.Pipe });
-LocalizePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.2.8", ngImport: i0, type: LocalizePipe, name: "localize" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: LocalizePipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'localize'
-                }]
-        }], ctorParameters: function () { return [{ type: LocalizationService }]; } });
+LocalizePipe.ɵfac = function LocalizePipe_Factory(t) { return new (t || LocalizePipe)(i0.ɵɵdirectiveInject(LocalizationService, 16)); };
+LocalizePipe.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "localize", type: LocalizePipe, pure: true });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LocalizePipe, [{
+        type: Pipe,
+        args: [{
+                name: 'localize'
+            }]
+    }], function () { return [{ type: LocalizationService }]; }, null); })();
 
 /*
 <file>
@@ -729,9 +730,9 @@ class LocalizationSettingsModule {
         LocalizationInjectorInstance = this.injector;
     }
 }
-LocalizationSettingsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: LocalizationSettingsModule, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.NgModule });
-LocalizationSettingsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.8", ngImport: i0, type: LocalizationSettingsModule, imports: [i1$1.TranslateModule] });
-LocalizationSettingsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: LocalizationSettingsModule, providers: [
+LocalizationSettingsModule.ɵfac = function LocalizationSettingsModule_Factory(t) { return new (t || LocalizationSettingsModule)(i0.ɵɵinject(i0.Injector)); };
+LocalizationSettingsModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: LocalizationSettingsModule });
+LocalizationSettingsModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ providers: [
         {
             provide: APP_INITIALIZER,
             useFactory: localizationInitializerFactory,
@@ -739,23 +740,24 @@ LocalizationSettingsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.
             multi: true
         }
     ], imports: [TranslateModuleAtRoot] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", 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>
@@ -774,26 +776,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImpor
 */
 class LocalizationModule {
 }
-LocalizationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: LocalizationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-LocalizationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.8", ngImport: i0, type: LocalizationModule, declarations: [LocalizePipe], imports: [TranslateModule], exports: [TranslateModule,
-        LocalizePipe] });
-LocalizationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: LocalizationModule, imports: [TranslateModule, TranslateModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: LocalizationModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        TranslateModule
-                    ],
-                    exports: [
-                        TranslateModule,
-                        LocalizePipe
-                    ],
-                    declarations: [
-                        LocalizePipe
-                    ],
-                    providers: []
-                }]
-        }] });
+LocalizationModule.ɵfac = function LocalizationModule_Factory(t) { return new (t || LocalizationModule)(); };
+LocalizationModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: LocalizationModule });
+LocalizationModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [TranslateModule, TranslateModule] });
+(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>
@@ -821,11 +824,11 @@ class GlobalErrorHandler {
         throw error;
     }
 }
-GlobalErrorHandler.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: GlobalErrorHandler, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
-GlobalErrorHandler.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: GlobalErrorHandler });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: GlobalErrorHandler, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: i0.Injector }]; } });
+GlobalErrorHandler.ɵfac = function GlobalErrorHandler_Factory(t) { return new (t || GlobalErrorHandler)(i0.ɵɵinject(i0.Injector)); };
+GlobalErrorHandler.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: GlobalErrorHandler, factory: GlobalErrorHandler.ɵfac });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(GlobalErrorHandler, [{
+        type: Injectable
+    }], function () { return [{ type: i0.Injector }]; }, null); })();
 
 /*
 <file>
@@ -1216,12 +1219,12 @@ class NotificationService {
         this._serverNotifications.next(val);
     }
 }
-NotificationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: NotificationService, deps: [{ token: i1$2.ToastrService }], target: i0.ɵɵFactoryTarget.Injectable });
-NotificationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: NotificationService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: NotificationService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }], ctorParameters: function () { return [{ type: i1$2.ToastrService }]; } });
+NotificationService.ɵfac = function NotificationService_Factory(t) { return new (t || NotificationService)(i0.ɵɵinject(i1$2.ToastrService)); };
+NotificationService.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: NotificationService, factory: NotificationService.ɵfac, providedIn: 'root' });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NotificationService, [{
+        type: Injectable,
+        args: [{ providedIn: 'root' }]
+    }], function () { return [{ type: i1$2.ToastrService }]; }, null); })();
 
 /*
 <file>
@@ -1307,11 +1310,11 @@ class BaseApiService {
         return this.http.get(url).pipe(map(res => res));
     }
 }
-BaseApiService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: BaseApiService, deps: [{ token: i1$3.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
-BaseApiService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: BaseApiService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: BaseApiService, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: i1$3.HttpClient }]; } });
+BaseApiService.ɵfac = function BaseApiService_Factory(t) { return new (t || BaseApiService)(i0.ɵɵinject(i1$3.HttpClient)); };
+BaseApiService.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: BaseApiService, factory: BaseApiService.ɵfac });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BaseApiService, [{
+        type: Injectable
+    }], function () { return [{ type: i1$3.HttpClient }]; }, null); })();
 
 /*
 <file>
@@ -1360,21 +1363,21 @@ class LocalStorageService extends WebStorageService {
         super('localStorage');
     }
 }
-LocalStorageService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: LocalStorageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-LocalStorageService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: LocalStorageService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: LocalStorageService, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return []; } });
+LocalStorageService.ɵfac = function LocalStorageService_Factory(t) { return new (t || LocalStorageService)(); };
+LocalStorageService.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: LocalStorageService, factory: LocalStorageService.ɵfac });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LocalStorageService, [{
+        type: Injectable
+    }], function () { return []; }, null); })();
 class SessionStorageService extends WebStorageService {
     constructor() {
         super('sessionStorage');
     }
 }
-SessionStorageService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: SessionStorageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-SessionStorageService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: SessionStorageService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: SessionStorageService, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return []; } });
+SessionStorageService.ɵfac = function SessionStorageService_Factory(t) { return new (t || SessionStorageService)(); };
+SessionStorageService.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: SessionStorageService, factory: SessionStorageService.ɵfac });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SessionStorageService, [{
+        type: Injectable
+    }], function () { return []; }, null); })();
 
 /*
 <file>
@@ -1499,11 +1502,11 @@ class AppContextService extends BaseApiService {
         this.setCurrentFromSession(value);
     }
 }
-AppContextService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: AppContextService, deps: [{ token: i1$3.HttpClient }, { token: SessionStorageService }], target: i0.ɵɵFactoryTarget.Injectable });
-AppContextService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: AppContextService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: AppContextService, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: i1$3.HttpClient }, { type: SessionStorageService }]; } });
+AppContextService.ɵfac = function AppContextService_Factory(t) { return new (t || AppContextService)(i0.ɵɵinject(i1$3.HttpClient), i0.ɵɵinject(SessionStorageService)); };
+AppContextService.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: AppContextService, factory: AppContextService.ɵfac });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AppContextService, [{
+        type: Injectable
+    }], function () { return [{ type: i1$3.HttpClient }, { type: SessionStorageService }]; }, null); })();
 
 /*
 <file>
@@ -1568,14 +1571,14 @@ class IdleService {
         this.startTimer();
     }
 }
-IdleService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: IdleService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-IdleService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: IdleService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: IdleService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }] });
+IdleService.ɵfac = function IdleService_Factory(t) { return new (t || IdleService)(); };
+IdleService.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: IdleService, factory: IdleService.ɵfac, providedIn: 'root' });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IdleService, [{
+        type: Injectable,
+        args: [{
+                providedIn: 'root'
+            }]
+    }], null, null); })();
 
 /*
 <file>
@@ -1629,17 +1632,17 @@ class DigitalMarketingService {
         link.setAttribute('href', canUrl);
     }
 }
-DigitalMarketingService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: DigitalMarketingService, deps: [{ token: i1$4.Title }, { token: i1$4.Meta }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable });
-DigitalMarketingService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: DigitalMarketingService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", 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]
-                }] }]; } });
+DigitalMarketingService.ɵfac = function DigitalMarketingService_Factory(t) { return new (t || DigitalMarketingService)(i0.ɵɵinject(i1$4.Title), i0.ɵɵinject(i1$4.Meta), i0.ɵɵinject(DOCUMENT)); };
+DigitalMarketingService.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: DigitalMarketingService, factory: DigitalMarketingService.ɵfac, providedIn: 'root' });
+(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>
@@ -1683,11 +1686,11 @@ class GoogleAnalyticsService {
         }
     }
 }
-GoogleAnalyticsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: GoogleAnalyticsService, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Injectable });
-GoogleAnalyticsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: GoogleAnalyticsService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: GoogleAnalyticsService, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: i1.Router }]; } });
+GoogleAnalyticsService.ɵfac = function GoogleAnalyticsService_Factory(t) { return new (t || GoogleAnalyticsService)(i0.ɵɵinject(i1.Router)); };
+GoogleAnalyticsService.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: GoogleAnalyticsService, factory: GoogleAnalyticsService.ɵfac });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(GoogleAnalyticsService, [{
+        type: Injectable
+    }], function () { return [{ type: i1.Router }]; }, null); })();
 
 /*
 <file>
@@ -1921,6 +1924,9 @@ class Subs {
 </file>
 */
 class Utils {
+    constructor() {
+        this.generateRandomInteger = (start, end) => Math.floor(Math.random() * (end - start + 1)) + start;
+    }
     static getValueByNameInQS(name) {
         return Utils.getValueByName(location.search, name);
     }
@@ -2052,11 +2058,11 @@ class BaseGridReadService extends BehaviorSubject {
         });
     }
 }
-BaseGridReadService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: BaseGridReadService, deps: [{ token: i1$3.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
-BaseGridReadService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: BaseGridReadService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: BaseGridReadService, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: i1$3.HttpClient }]; } });
+BaseGridReadService.ɵfac = function BaseGridReadService_Factory(t) { return new (t || BaseGridReadService)(i0.ɵɵinject(i1$3.HttpClient)); };
+BaseGridReadService.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: BaseGridReadService, factory: BaseGridReadService.ɵfac });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BaseGridReadService, [{
+        type: Injectable
+    }], function () { return [{ type: i1$3.HttpClient }]; }, null); })();
 
 /*
 <file>
@@ -2126,11 +2132,11 @@ class BaseGridEditService extends BaseGridReadService {
         return this.http.post(url, data).pipe(map(res => res));
     }
 }
-BaseGridEditService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: BaseGridEditService, deps: [{ token: i1$3.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
-BaseGridEditService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: BaseGridEditService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: BaseGridEditService, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: i1$3.HttpClient }]; } });
+BaseGridEditService.ɵfac = function BaseGridEditService_Factory(t) { return new (t || BaseGridEditService)(i0.ɵɵinject(i1$3.HttpClient)); };
+BaseGridEditService.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: BaseGridEditService, factory: BaseGridEditService.ɵfac });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BaseGridEditService, [{
+        type: Injectable
+    }], function () { return [{ type: i1$3.HttpClient }]; }, null); })();
 
 /*
 <file>
@@ -2181,14 +2187,14 @@ class NotificationsApiService extends BaseApiService {
         return this.get('retrieveNotifications');
     }
 }
-NotificationsApiService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: NotificationsApiService, deps: [{ token: i1$3.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
-NotificationsApiService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: NotificationsApiService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: NotificationsApiService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: function () { return [{ type: i1$3.HttpClient }]; } });
+NotificationsApiService.ɵfac = function NotificationsApiService_Factory(t) { return new (t || NotificationsApiService)(i0.ɵɵinject(i1$3.HttpClient)); };
+NotificationsApiService.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: NotificationsApiService, factory: NotificationsApiService.ɵfac, providedIn: 'root' });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NotificationsApiService, [{
+        type: Injectable,
+        args: [{
+                providedIn: 'root'
+            }]
+    }], function () { return [{ type: i1$3.HttpClient }]; }, null); })();
 
 /*
 <file>
@@ -2224,11 +2230,11 @@ class EmailsApiService extends BaseApiService {
         });
     }
 }
-EmailsApiService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: EmailsApiService, deps: [{ token: i1$3.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
-EmailsApiService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: EmailsApiService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: EmailsApiService, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: i1$3.HttpClient }]; } });
+EmailsApiService.ɵfac = function EmailsApiService_Factory(t) { return new (t || EmailsApiService)(i0.ɵɵinject(i1$3.HttpClient)); };
+EmailsApiService.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: EmailsApiService, factory: EmailsApiService.ɵfac });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EmailsApiService, [{
+        type: Injectable
+    }], function () { return [{ type: i1$3.HttpClient }]; }, null); })();
 
 /*
 <file>
@@ -2276,11 +2282,11 @@ class CoreApiService extends BaseApiService {
         });
     }
 }
-CoreApiService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: CoreApiService, deps: [{ token: i1$3.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
-CoreApiService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: CoreApiService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: CoreApiService, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: i1$3.HttpClient }]; } });
+CoreApiService.ɵfac = function CoreApiService_Factory(t) { return new (t || CoreApiService)(i0.ɵɵinject(i1$3.HttpClient)); };
+CoreApiService.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: CoreApiService, factory: CoreApiService.ɵfac });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CoreApiService, [{
+        type: Injectable
+    }], function () { return [{ type: i1$3.HttpClient }]; }, null); })();
 
 /*
 <file>
@@ -2315,14 +2321,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImpor
 */
 class SignUpButtonComponent {
 }
-SignUpButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: SignUpButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SignUpButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.8", type: SignUpButtonComponent, selector: "anatoly-signup-button", inputs: { classbtn: "classbtn" }, ngImport: i0, template: "<a href=\"identity/signup\" class=\"{{classbtn}}\">Sign Up</a>\r\n" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: SignUpButtonComponent, decorators: [{
-            type: Component,
-            args: [{ selector: "anatoly-signup-button", template: "<a href=\"identity/signup\" class=\"{{classbtn}}\">Sign Up</a>\r\n" }]
-        }], propDecorators: { classbtn: [{
-                type: Input
-            }] } });
+SignUpButtonComponent.ɵfac = function SignUpButtonComponent_Factory(t) { return new (t || SignUpButtonComponent)(); };
+SignUpButtonComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SignUpButtonComponent, selectors: [["anatoly-signup-button"]], inputs: { classbtn: "classbtn" }, decls: 2, vars: 3, consts: [["href", "identity/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);
+    } }, encapsulation: 2 });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SignUpButtonComponent, [{
+        type: Component,
+        args: [{ selector: "anatoly-signup-button", template: "<a href=\"identity/signup\" class=\"{{classbtn}}\">Sign Up</a>\r\n" }]
+    }], null, { classbtn: [{
+            type: Input
+        }] }); })();
 
 /*
 <file>
@@ -2339,6 +2351,47 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImpor
   Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
 </file>
 */
+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 {
     constructor(appContext) {
         this.appContext = appContext;
@@ -2364,20 +2417,24 @@ class BuyAccessButtonComponent {
         this.planselect.emit(this.plan);
     }
 }
-BuyAccessButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: BuyAccessButtonComponent, deps: [{ token: AppContextService }], target: i0.ɵɵFactoryTarget.Component });
-BuyAccessButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.8", 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"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", 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
-            }] } });
+BuyAccessButtonComponent.ɵfac = function BuyAccessButtonComponent_Factory(t) { return new (t || BuyAccessButtonComponent)(i0.ɵɵdirectiveInject(AppContextService)); };
+BuyAccessButtonComponent.ɵ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 });
+(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>
@@ -2394,6 +2451,55 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImpor
   Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
 </file>
 */
+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 {
     constructor(appContext) {
         this.appContext = appContext;
@@ -2423,20 +2529,24 @@ class SubscribePlanButtonComponent {
         this.planselect.emit(this.plan);
     }
 }
-SubscribePlanButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: SubscribePlanButtonComponent, deps: [{ token: AppContextService }], target: i0.ɵɵFactoryTarget.Component });
-SubscribePlanButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.8", 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"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", 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
-            }] } });
+SubscribePlanButtonComponent.ɵfac = function SubscribePlanButtonComponent_Factory(t) { return new (t || SubscribePlanButtonComponent)(i0.ɵɵdirectiveInject(AppContextService)); };
+SubscribePlanButtonComponent.ɵ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 });
+(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>
@@ -2453,20 +2563,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImpor
   Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
 </file>
 */
+const _c0$b = ["*"];
 class CheckIconComponent {
     constructor() {
         //Inputs
         this.checked = true;
     }
 }
-CheckIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: CheckIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-CheckIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.8", 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", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", 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
-            }] } });
+CheckIconComponent.ɵfac = function CheckIconComponent_Factory(t) { return new (t || CheckIconComponent)(); };
+CheckIconComponent.ɵ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 });
+(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>
@@ -2484,6 +2601,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImpor
 </file>
 */
 class DatapagerComponent {
+    get width() {
+        return this._width;
+    }
+    set width(value) {
+        this._width = value;
+        if (value) {
+            this.style = "width: " + value + "px";
+        }
+    }
     constructor() {
         //Private
         this._defaultPageSizes = [5, 10, 20, 30];
@@ -2497,15 +2623,6 @@ class DatapagerComponent {
         //Outputs
         this.pageChange = new EventEmitter();
     }
-    get width() {
-        return this._width;
-    }
-    set width(value) {
-        this._width = value;
-        if (value) {
-            this.style = "width: " + value + "px";
-        }
-    }
     ngOnInit() {
         this.pageSizes = [];
         if (this.pageSizeDivisor) {
@@ -2525,26 +2642,33 @@ class DatapagerComponent {
         this.pageChange.emit(e);
     }
 }
-DatapagerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: DatapagerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-DatapagerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.8", 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"], outputs: ["pageChange", "pageSizeChange"], exportAs: ["kendoDataPager"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", 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
-            }] } });
+DatapagerComponent.ɵfac = function DatapagerComponent_Factory(t) { return new (t || DatapagerComponent)(); };
+DatapagerComponent.ɵ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 });
+(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>
@@ -2564,14 +2688,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImpor
 class SignInButtonComponent {
     constructor() { }
 }
-SignInButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: SignInButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SignInButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.8", type: SignInButtonComponent, selector: "anatoly-signin-button", inputs: { classbtn: "classbtn" }, ngImport: i0, template: "<a href=\"identity/signIn\" class=\"{{classbtn}}\">Sign In</a>\r\n" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: SignInButtonComponent, decorators: [{
-            type: Component,
-            args: [{ selector: "anatoly-signin-button", template: "<a href=\"identity/signIn\" class=\"{{classbtn}}\">Sign In</a>\r\n" }]
-        }], ctorParameters: function () { return []; }, propDecorators: { classbtn: [{
-                type: Input
-            }] } });
+SignInButtonComponent.ɵfac = function SignInButtonComponent_Factory(t) { return new (t || SignInButtonComponent)(); };
+SignInButtonComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SignInButtonComponent, selectors: [["anatoly-signin-button"]], inputs: { classbtn: "classbtn" }, decls: 2, vars: 3, consts: [["href", "identity/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);
+    } }, encapsulation: 2 });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SignInButtonComponent, [{
+        type: Component,
+        args: [{ selector: "anatoly-signin-button", template: "<a href=\"identity/signIn\" class=\"{{classbtn}}\">Sign In</a>\r\n" }]
+    }], function () { return []; }, { classbtn: [{
+            type: Input
+        }] }); })();
 
 /*
 <file>
@@ -2591,14 +2721,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImpor
 class SignOutButtonComponent {
     constructor() { }
 }
-SignOutButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: SignOutButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SignOutButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.8", type: SignOutButtonComponent, selector: "anatoly-signout-button", inputs: { classbtn: "classbtn" }, ngImport: i0, template: "<a href=\"identity/signOut\" class=\"{{classbtn}}\">Sign Out</a>\r\n" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: SignOutButtonComponent, decorators: [{
-            type: Component,
-            args: [{ selector: "anatoly-signout-button", template: "<a href=\"identity/signOut\" class=\"{{classbtn}}\">Sign Out</a>\r\n" }]
-        }], ctorParameters: function () { return []; }, propDecorators: { classbtn: [{
-                type: Input
-            }] } });
+SignOutButtonComponent.ɵfac = function SignOutButtonComponent_Factory(t) { return new (t || SignOutButtonComponent)(); };
+SignOutButtonComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SignOutButtonComponent, selectors: [["anatoly-signout-button"]], inputs: { classbtn: "classbtn" }, decls: 2, vars: 3, consts: [["href", "identity/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);
+    } }, encapsulation: 2 });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SignOutButtonComponent, [{
+        type: Component,
+        args: [{ selector: "anatoly-signout-button", template: "<a href=\"identity/signOut\" class=\"{{classbtn}}\">Sign Out</a>\r\n" }]
+    }], function () { return []; }, { classbtn: [{
+            type: Input
+        }] }); })();
 
 /*
 <file>
@@ -2615,6 +2751,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImpor
   Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
 </file>
 */
+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 {
     constructor() {
         this.dataLoading = false;
@@ -2624,22 +2776,27 @@ class NodataComponent {
         this.headingClass = 'text-uppercase';
     }
 }
-NodataComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: NodataComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-NodataComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.8", 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", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", 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
-            }] } });
+NodataComponent.ɵfac = function NodataComponent_Factory(t) { return new (t || NodataComponent)(); };
+NodataComponent.ɵ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 });
+(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>
@@ -2656,6 +2813,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImpor
   Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
 </file>
 */
+function LoadingComponent_div_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 1);
+    i0.ɵɵelement(1, "span", 2);
+    i0.ɵɵelementEnd();
+} }
 class LoadingComponent {
     constructor(loadingService) {
         this.loadingService = loadingService;
@@ -2675,12 +2837,16 @@ class LoadingComponent {
         this.subs.unsubscribe();
     }
 }
-LoadingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: LoadingComponent, deps: [{ token: LoadingService }], target: i0.ɵɵFactoryTarget.Component });
-LoadingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.8", 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"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", 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 }]; } });
+LoadingComponent.ɵfac = function LoadingComponent_Factory(t) { return new (t || LoadingComponent)(i0.ɵɵdirectiveInject(LoadingService)); };
+LoadingComponent.ɵ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 });
+(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',
@@ -2709,6 +2875,25 @@ const Spinkit = {
   Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
 </file>
 */
+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 {
     constructor(router) {
         this.router = router;
@@ -2736,16 +2921,20 @@ class PageSpinnerComponent {
         this.isSpinnerVisible = false;
     }
 }
-PageSpinnerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: PageSpinnerComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
-PageSpinnerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.8", 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 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", 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
-            }] } });
+PageSpinnerComponent.ɵfac = function PageSpinnerComponent_Factory(t) { return new (t || PageSpinnerComponent)(i0.ɵɵdirectiveInject(i1.Router)); };
+PageSpinnerComponent.ɵ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 });
+(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>
@@ -2776,16 +2965,21 @@ class Copy2ClipboardComponent {
         Utils.copyToClipBoard(event, this.text);
     }
 }
-Copy2ClipboardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: Copy2ClipboardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-Copy2ClipboardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.8", 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", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", 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
-            }] } });
+Copy2ClipboardComponent.ɵfac = function Copy2ClipboardComponent_Factory(t) { return new (t || Copy2ClipboardComponent)(); };
+Copy2ClipboardComponent.ɵ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 });
+(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>
@@ -2802,16 +2996,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImpor
   Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
 </file>
 */
+const _c0$9 = [[["mex-card-header"]], [["mex-card-body"]], "*", [["mex-card-footer"]]];
+const _c1$1 = ["mex-card-header", "mex-card-body", "*", "mex-card-footer"];
 class CardComponent {
 }
-CardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: CardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-CardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.8", 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" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", 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
-            }] } });
+CardComponent.ɵfac = function CardComponent_Factory(t) { return new (t || CardComponent)(); };
+CardComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CardComponent, selectors: [["anatoly-card"]], inputs: { classes: "classes" }, ngContentSelectors: _c1$1, 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 });
+(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>
@@ -2828,18 +3034,38 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImpor
   Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
 </file>
 */
+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 {
 }
-CardHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: CardHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-CardHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.8", 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"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", 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
-            }] } });
+CardHeaderComponent.ɵfac = function CardHeaderComponent_Factory(t) { return new (t || CardHeaderComponent)(); };
+CardHeaderComponent.ɵ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 });
+(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>
@@ -2856,16 +3082,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImpor
   Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
 </file>
 */
+const _c0$7 = ["*"];
 class CardBodyComponent {
 }
-CardBodyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: CardBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-CardBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.8", 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" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", 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
-            }] } });
+CardBodyComponent.ɵfac = function CardBodyComponent_Factory(t) { return new (t || CardBodyComponent)(); };
+CardBodyComponent.ɵ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 });
+(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>
@@ -2882,16 +3116,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImpor
   Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
 </file>
 */
+const _c0$6 = ["*"];
 class CardFooterComponent {
 }
-CardFooterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: CardFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-CardFooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.8", 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" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", 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
-            }] } });
+CardFooterComponent.ɵfac = function CardFooterComponent_Factory(t) { return new (t || CardFooterComponent)(); };
+CardFooterComponent.ɵ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 });
+(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>
@@ -3028,14 +3270,14 @@ class BaseComponent {
         this.dataFound = found;
     }
 }
-BaseComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: BaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-BaseComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.8", type: BaseComponent, selector: "ng-component", ngImport: i0, template: '', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: BaseComponent, decorators: [{
-            type: Component,
-            args: [{
-                    template: ''
-                }]
-        }] });
+BaseComponent.ɵfac = function BaseComponent_Factory(t) { return new (t || BaseComponent)(); };
+BaseComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: BaseComponent, selectors: [["ng-component"]], decls: 0, vars: 0, template: function BaseComponent_Template(rf, ctx) { }, encapsulation: 2 });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BaseComponent, [{
+        type: Component,
+        args: [{
+                template: ''
+            }]
+    }], null, null); })();
 
 /*
 <file>
@@ -3152,18 +3394,18 @@ class BaseEditComponent extends BaseComponent {
         return this.formGroup.controls;
     }
 }
-BaseEditComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: BaseEditComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-BaseEditComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.8", type: BaseEditComponent, selector: "ng-component", inputs: { formGroup: "formGroup", formSubmitted: "formSubmitted" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: BaseEditComponent, decorators: [{
-            type: Component,
-            args: [{
-                    template: ''
-                }]
-        }], ctorParameters: function () { return []; }, propDecorators: { formGroup: [{
-                type: Input
-            }], formSubmitted: [{
-                type: Input
-            }] } });
+BaseEditComponent.ɵfac = function BaseEditComponent_Factory(t) { return new (t || BaseEditComponent)(); };
+BaseEditComponent.ɵ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 });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BaseEditComponent, [{
+        type: Component,
+        args: [{
+                template: ''
+            }]
+    }], function () { return []; }, { formGroup: [{
+            type: Input
+        }], formSubmitted: [{
+            type: Input
+        }] }); })();
 
 /*
 <file>
@@ -3253,18 +3495,18 @@ class BaseHtmlEditorComponent extends BaseEditComponent {
         });
     }
 }
-BaseHtmlEditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: BaseHtmlEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-BaseHtmlEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.8", type: BaseHtmlEditorComponent, selector: "ng-component", inputs: { editorLabelText: "editorLabelText", editorOptions: "editorOptions" }, usesInheritance: true, ngImport: i0, template: "", isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: BaseHtmlEditorComponent, decorators: [{
-            type: Component,
-            args: [{
-                    template: "",
-                }]
-        }], ctorParameters: function () { return []; }, propDecorators: { editorLabelText: [{
-                type: Input
-            }], editorOptions: [{
-                type: Input
-            }] } });
+BaseHtmlEditorComponent.ɵfac = function BaseHtmlEditorComponent_Factory(t) { return new (t || BaseHtmlEditorComponent)(); };
+BaseHtmlEditorComponent.ɵ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 });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BaseHtmlEditorComponent, [{
+        type: Component,
+        args: [{
+                template: "",
+            }]
+    }], function () { return []; }, { editorLabelText: [{
+            type: Input
+        }], editorOptions: [{
+            type: Input
+        }] }); })();
 
 /*
 <file>
@@ -3291,14 +3533,14 @@ class NativeElementDirective {
         this.control.control.nativeElement = this.el.nativeElement;
     }
 }
-NativeElementDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: NativeElementDirective, deps: [{ token: i0.ElementRef }, { token: i1$8.NgControl }], target: i0.ɵɵFactoryTarget.Directive });
-NativeElementDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.8", type: NativeElementDirective, selector: "[formControl], [formControlName]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: NativeElementDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[formControl], [formControlName]'
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1$8.NgControl }]; } });
+NativeElementDirective.ɵfac = function NativeElementDirective_Factory(t) { return new (t || NativeElementDirective)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i1$8.NgControl)); };
+NativeElementDirective.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: NativeElementDirective, selectors: [["", "formControl", ""], ["", "formControlName", ""]] });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NativeElementDirective, [{
+        type: Directive,
+        args: [{
+                selector: '[formControl], [formControlName]'
+            }]
+    }], function () { return [{ type: i0.ElementRef }, { type: i1$8.NgControl }]; }, null); })();
 
 /*
 <file>
@@ -3411,14 +3653,14 @@ class ValidationSummaryComponent extends BaseEditComponent {
         return title;
     }
 }
-ValidationSummaryComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: ValidationSummaryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ValidationSummaryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.8", type: ValidationSummaryComponent, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "", isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: ValidationSummaryComponent, decorators: [{
-            type: Component,
-            args: [{
-                    template: "",
-                }]
-        }], ctorParameters: function () { return []; } });
+ValidationSummaryComponent.ɵfac = function ValidationSummaryComponent_Factory(t) { return new (t || ValidationSummaryComponent)(); };
+ValidationSummaryComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ValidationSummaryComponent, selectors: [["ng-component"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 0, vars: 0, template: function ValidationSummaryComponent_Template(rf, ctx) { }, encapsulation: 2 });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ValidationSummaryComponent, [{
+        type: Component,
+        args: [{
+                template: "",
+            }]
+    }], function () { return []; }, null); })();
 
 /*
 <file>
@@ -3435,21 +3677,43 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImpor
   Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
 </file>
 */
+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 {
     constructor() {
         super();
     }
 }
-ItemValidationSummaryComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: ItemValidationSummaryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ItemValidationSummaryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.8", 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"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", 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
-            }] } });
+ItemValidationSummaryComponent.ɵfac = function ItemValidationSummaryComponent_Factory(t) { return new (t || ItemValidationSummaryComponent)(); };
+ItemValidationSummaryComponent.ɵ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 });
+(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>
@@ -3466,6 +3730,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImpor
   Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
 </file>
 */
+const _c0$5 = function (a0) { return { "has-error": a0 }; };
 class FormsHtmlEditorComponent extends BaseHtmlEditorComponent {
     constructor() {
         super();
@@ -3477,14 +3742,31 @@ class FormsHtmlEditorComponent extends BaseHtmlEditorComponent {
         });
     }
 }
-FormsHtmlEditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: FormsHtmlEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-FormsHtmlEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.8", 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: i1$8.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: i1$8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$8.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$8.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$8.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$9.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"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", 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
-            }] } });
+FormsHtmlEditorComponent.ɵfac = function FormsHtmlEditorComponent_Factory(t) { return new (t || FormsHtmlEditorComponent)(); };
+FormsHtmlEditorComponent.ɵ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, i1$8.DefaultValueAccessor, i1$8.NgControlStatus, i1$8.NgControlStatusGroup, i1$8.FormGroupDirective, i1$8.FormControlName, i1$9.FroalaEditorDirective, NativeElementDirective, ItemValidationSummaryComponent], encapsulation: 2 });
+(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>
@@ -3522,12 +3804,24 @@ class HtmlEditorComponent extends BaseHtmlEditorComponent {
         return editor.html.get(false);
     }
 }
-HtmlEditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: HtmlEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-HtmlEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.8", 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: i1$9.FroalaEditorDirective, selector: "[froalaEditor]", inputs: ["froalaEditor", "froalaModel"], outputs: ["froalaModelChange", "froalaInit"], exportAs: ["froalaEditor"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", 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 []; } });
+HtmlEditorComponent.ɵfac = function HtmlEditorComponent_Factory(t) { return new (t || HtmlEditorComponent)(); };
+HtmlEditorComponent.ɵ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: [i1$9.FroalaEditorDirective], encapsulation: 2 });
+(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>
@@ -3545,13 +3839,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImpor
 </file>
 */
 class BaseDialog extends BaseEditComponent {
-    constructor() {
-        super();
-        this._isOpen = false;
-        //Events
-        this.opened = new EventEmitter();
-        this.closed = new EventEmitter();
-    }
     get isOpen() {
         return this._isOpen;
     }
@@ -3564,6 +3851,13 @@ class BaseDialog extends BaseEditComponent {
         }
         this._isOpen = value;
     }
+    constructor() {
+        super();
+        this._isOpen = false;
+        //Events
+        this.opened = new EventEmitter();
+        this.closed = new EventEmitter();
+    }
     open() {
         this.isOpen = true;
     }
@@ -3576,20 +3870,20 @@ class BaseDialog extends BaseEditComponent {
         this.closed.emit(-1);
     }
 }
-BaseDialog.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: BaseDialog, deps: [], target: i0.ɵɵFactoryTarget.Component });
-BaseDialog.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.8", type: BaseDialog, selector: "ng-component", inputs: { isOpen: "isOpen" }, outputs: { opened: "opened", closed: "closed" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: BaseDialog, decorators: [{
-            type: Component,
-            args: [{
-                    template: ''
-                }]
-        }], ctorParameters: function () { return []; }, propDecorators: { isOpen: [{
-                type: Input
-            }], opened: [{
-                type: Output
-            }], closed: [{
-                type: Output
-            }] } });
+BaseDialog.ɵfac = function BaseDialog_Factory(t) { return new (t || BaseDialog)(); };
+BaseDialog.ɵ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 });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BaseDialog, [{
+        type: Component,
+        args: [{
+                template: ''
+            }]
+    }], function () { return []; }, { isOpen: [{
+            type: Input
+        }], opened: [{
+            type: Output
+        }], closed: [{
+            type: Output
+        }] }); })();
 
 /*
 <file>
@@ -3645,16 +3939,16 @@ class BaseList extends BaseComponent {
         this.loadPage();
     }
 }
-BaseList.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: BaseList, deps: null, target: i0.ɵɵFactoryTarget.Component });
-BaseList.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.8", type: BaseList, selector: "ng-component", inputs: { showNoDataIfNoDataFound: "showNoDataIfNoDataFound" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: BaseList, decorators: [{
-            type: Component,
-            args: [{
-                    template: ''
-                }]
-        }], propDecorators: { showNoDataIfNoDataFound: [{
-                type: Input
-            }] } });
+BaseList.ɵfac = /*@__PURE__*/ function () { let ɵBaseList_BaseFactory; return function BaseList_Factory(t) { return (ɵBaseList_BaseFactory || (ɵBaseList_BaseFactory = i0.ɵɵgetInheritedFactory(BaseList)))(t || BaseList); }; }();
+BaseList.ɵ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 });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BaseList, [{
+        type: Component,
+        args: [{
+                template: ''
+            }]
+    }], null, { showNoDataIfNoDataFound: [{
+            type: Input
+        }] }); })();
 
 /*
 <file>
@@ -3673,14 +3967,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImpor
 */
 class BasePage extends BaseComponent {
 }
-BasePage.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: BasePage, deps: null, target: i0.ɵɵFactoryTarget.Component });
-BasePage.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.8", type: BasePage, selector: "ng-component", usesInheritance: true, ngImport: i0, template: '', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: BasePage, decorators: [{
-            type: Component,
-            args: [{
-                    template: ''
-                }]
-        }] });
+BasePage.ɵfac = /*@__PURE__*/ function () { let ɵBasePage_BaseFactory; return function BasePage_Factory(t) { return (ɵBasePage_BaseFactory || (ɵBasePage_BaseFactory = i0.ɵɵgetInheritedFactory(BasePage)))(t || BasePage); }; }();
+BasePage.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: BasePage, selectors: [["ng-component"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 0, vars: 0, template: function BasePage_Template(rf, ctx) { }, encapsulation: 2 });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BasePage, [{
+        type: Component,
+        args: [{
+                template: ''
+            }]
+    }], null, null); })();
 
 /*
 <file>
@@ -3735,14 +4029,14 @@ class BasePagedPage extends BasePage {
         this.loadPage();
     }
 }
-BasePagedPage.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: BasePagedPage, deps: null, target: i0.ɵɵFactoryTarget.Component });
-BasePagedPage.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.8", type: BasePagedPage, selector: "ng-component", usesInheritance: true, ngImport: i0, template: '', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: BasePagedPage, decorators: [{
-            type: Component,
-            args: [{
-                    template: ''
-                }]
-        }] });
+BasePagedPage.ɵfac = /*@__PURE__*/ function () { let ɵBasePagedPage_BaseFactory; return function BasePagedPage_Factory(t) { return (ɵBasePagedPage_BaseFactory || (ɵBasePagedPage_BaseFactory = i0.ɵɵgetInheritedFactory(BasePagedPage)))(t || BasePagedPage); }; }();
+BasePagedPage.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: BasePagedPage, selectors: [["ng-component"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 0, vars: 0, template: function BasePagedPage_Template(rf, ctx) { }, encapsulation: 2 });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BasePagedPage, [{
+        type: Component,
+        args: [{
+                template: ''
+            }]
+    }], null, null); })();
 
 /*
 <file>
@@ -3775,6 +4069,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImpor
   Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
 </file>
 */
+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 {
     constructor() {
         super();
@@ -3805,18 +4120,22 @@ class FormValidationSummaryComponent extends ValidationSummaryComponent {
         return messages;
     }
 }
-FormValidationSummaryComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: FormValidationSummaryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-FormValidationSummaryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.8", 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"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", 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
-            }] } });
+FormValidationSummaryComponent.ɵfac = function FormValidationSummaryComponent_Factory(t) { return new (t || FormValidationSummaryComponent)(); };
+FormValidationSummaryComponent.ɵ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 });
+(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>
@@ -3833,6 +4152,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImpor
   Copyright (c) 2017-2022 Osovitny Inc. All rights reserved.
 </file>
 */
+const _c0$4 = ["recaptcha"];
+function ContactUsForm_option_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 30);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const topic_r4 = ctx.$implicit;
+    i0.ɵɵproperty("value", topic_r4.value);
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate1("", topic_r4.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_42_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "button", 31);
+    i0.ɵɵtext(1, " Submit ");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r3 = i0.ɵɵnextContext();
+    i0.ɵɵclassProp("btn-primary", !ctx_r3.formGroup.invalid);
+} }
+const _c1 = function (a0) { return { "has-error": a0 }; };
 class ContactUsForm extends BaseEditComponent {
     constructor(fb, appContext, api, notificationService) {
         super();
@@ -3910,19 +4254,100 @@ class ContactUsForm extends BaseEditComponent {
         this.selectedTopic = event.target.value;
     }
 }
-ContactUsForm.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: ContactUsForm, deps: [{ token: i1$8.FormBuilder }, { token: AppContextService }, { token: EmailsApiService }, { token: NotificationService }], target: i0.ɵɵFactoryTarget.Component });
-ContactUsForm.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.8", type: ContactUsForm, selector: "anatoly-forms-contactus-form", inputs: { showActionButtons: "showActionButtons" }, outputs: { submit: "submit" }, viewQueries: [{ propertyName: "recaptcha", first: true, predicate: ["recaptcha"], descendants: true }], 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-6\">\r\n          <div style='transform:scale(0.8);transform-origin:0;'>\r\n            <ngx-recaptcha2 #recaptcha [siteKey]='siteKey' formControlName='captcha'></ngx-recaptcha2>\r\n          </div>\r\n        </div>\r\n        <div class=\"col-6\">\r\n          <button *ngIf='showActionButtons'\r\n                  [class.btn-primary]='!formGroup.invalid'\r\n                  class='btn btn-success float-right m-t-20'\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: i1$8.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$8.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$8.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$8.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: i1$8.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$8.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$8.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$8.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i6.ReCaptcha2Component, selector: "ngx-recaptcha2", inputs: ["theme", "size", "hl"] }, { 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"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", 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-6\">\r\n          <div style='transform:scale(0.8);transform-origin:0;'>\r\n            <ngx-recaptcha2 #recaptcha [siteKey]='siteKey' formControlName='captcha'></ngx-recaptcha2>\r\n          </div>\r\n        </div>\r\n        <div class=\"col-6\">\r\n          <button *ngIf='showActionButtons'\r\n                  [class.btn-primary]='!formGroup.invalid'\r\n                  class='btn btn-success float-right m-t-20'\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.FormBuilder }, { type: AppContextService }, { type: EmailsApiService }, { type: NotificationService }]; }, propDecorators: { showActionButtons: [{
-                type: Input
-            }], submit: [{
-                type: Output
-            }], recaptcha: [{
-                type: ViewChild,
-                args: ['recaptcha']
-            }] } });
+ContactUsForm.ɵfac = function ContactUsForm_Factory(t) { return new (t || ContactUsForm)(i0.ɵɵdirectiveInject(i1$8.FormBuilder), i0.ɵɵdirectiveInject(AppContextService), i0.ɵɵdirectiveInject(EmailsApiService), i0.ɵɵdirectiveInject(NotificationService)); };
+ContactUsForm.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ContactUsForm, selectors: [["anatoly-forms-contactus-form"]], viewQuery: function ContactUsForm_Query(rf, ctx) { if (rf & 1) {
+        i0.ɵɵviewQuery(_c0$4, 5);
+    } if (rf & 2) {
+        let _t;
+        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.recaptcha = _t.first);
+    } }, inputs: { showActionButtons: "showActionButtons" }, outputs: { submit: "submit" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 43, vars: 32, 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"], [2, "transform", "scale(0.8)", "transform-origin", "0"], ["formControlName", "captcha", 3, "siteKey"], ["recaptcha", ""], ["class", "btn btn-success float-right m-t-20", "type", "submit", 3, "btn-primary", 4, "ngIf"], [3, "value"], ["type", "submit", 1, "btn", "btn-success", "float-right", "m-t-20"]], 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", 21)(38, "div", 26);
+        i0.ɵɵelement(39, "ngx-recaptcha2", 27, 28);
+        i0.ɵɵelementEnd()();
+        i0.ɵɵelementStart(41, "div", 21);
+        i0.ɵɵtemplate(42, ContactUsForm_button_42_Template, 2, 2, "button", 29);
+        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(22, _c1, 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(24, _c1, ctx.isControlInvalid("name")));
+        i0.ɵɵadvance(4);
+        i0.ɵɵproperty("formGroup", ctx.formGroup)("formSubmitted", ctx.formSubmitted);
+        i0.ɵɵadvance(1);
+        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(26, _c1, 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(28, _c1, ctx.isControlInvalid("subject")));
+        i0.ɵɵadvance(4);
+        i0.ɵɵproperty("formGroup", ctx.formGroup)("formSubmitted", ctx.formSubmitted);
+        i0.ɵɵadvance(2);
+        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(30, _c1, ctx.isControlInvalid("message")));
+        i0.ɵɵadvance(4);
+        i0.ɵɵproperty("formGroup", ctx.formGroup)("formSubmitted", ctx.formSubmitted);
+        i0.ɵɵadvance(4);
+        i0.ɵɵproperty("siteKey", ctx.siteKey);
+        i0.ɵɵadvance(3);
+        i0.ɵɵproperty("ngIf", ctx.showActionButtons);
+    } }, dependencies: [i1$5.NgClass, i1$5.NgForOf, i1$5.NgIf, i1$8.ɵNgNoValidate, i1$8.NgSelectOption, i1$8.ɵNgSelectMultipleOption, i1$8.DefaultValueAccessor, i1$8.SelectControlValueAccessor, i1$8.NgControlStatus, i1$8.NgControlStatusGroup, i1$8.FormGroupDirective, i1$8.FormControlName, i6.ReCaptcha2Component, NativeElementDirective, FormValidationSummaryComponent, ItemValidationSummaryComponent], encapsulation: 2 });
+(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-6\">\r\n          <div style='transform:scale(0.8);transform-origin:0;'>\r\n            <ngx-recaptcha2 #recaptcha [siteKey]='siteKey' formControlName='captcha'></ngx-recaptcha2>\r\n          </div>\r\n        </div>\r\n        <div class=\"col-6\">\r\n          <button *ngIf='showActionButtons'\r\n                  [class.btn-primary]='!formGroup.invalid'\r\n                  class='btn btn-success float-right m-t-20'\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.FormBuilder }, { type: AppContextService }, { type: EmailsApiService }, { type: NotificationService }]; }, { showActionButtons: [{
+            type: Input
+        }], submit: [{
+            type: Output
+        }], recaptcha: [{
+            type: ViewChild,
+            args: ['recaptcha']
+        }] }); })();
 
 /*
 <file>
@@ -3939,6 +4364,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImpor
   Copyright (c) 2017-2022 Osovitny Inc. All rights reserved.
 </file>
 */
+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 {
     constructor() {
         super();
@@ -3954,15 +4400,24 @@ class ContactUsDialog extends BaseDialog {
         super.close();
     }
 }
-ContactUsDialog.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: ContactUsDialog, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ContactUsDialog.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.8", 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-success' type='button'>Submit</button>\r\n      <button (click)='onClose()' class='btn btn-danger' type='button'>Cancel </button>\r\n    </div>\r\n  </kendo-dialog-actions>\r\n</kendo-dialog>\r\n", dependencies: [{ kind: "directive", type: i1$5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.DialogComponent, selector: "kendo-dialog", inputs: ["actions", "actionsLayout", "autoFocusedElement", "title", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "animation"], outputs: ["action", "close"], exportAs: ["kendoDialog"] }, { kind: "component", type: i2.DialogActionsComponent, selector: "kendo-dialog-actions", inputs: ["actions", "layout"], outputs: ["action"] }, { kind: "component", type: ContactUsForm, selector: "anatoly-forms-contactus-form", inputs: ["showActionButtons"], outputs: ["submit"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", 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-success' type='button'>Submit</button>\r\n      <button (click)='onClose()' class='btn btn-danger' type='button'>Cancel </button>\r\n    </div>\r\n  </kendo-dialog-actions>\r\n</kendo-dialog>\r\n" }]
-        }], ctorParameters: function () { return []; }, propDecorators: { contactUsForm: [{
-                type: ViewChild,
-                args: ['contactusform']
-            }] } });
+ContactUsDialog.ɵfac = function ContactUsDialog_Factory(t) { return new (t || ContactUsDialog)(); };
+ContactUsDialog.ɵ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-success", 3, "click"], ["type", "button", 1, "btn", "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.DialogComponent, i2.DialogActionsComponent, ContactUsForm], encapsulation: 2 });
+(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-success' type='button'>Submit</button>\r\n      <button (click)='onClose()' class='btn btn-danger' type='button'>Cancel </button>\r\n    </div>\r\n  </kendo-dialog-actions>\r\n</kendo-dialog>\r\n" }]
+    }], function () { return []; }, { contactUsForm: [{
+            type: ViewChild,
+            args: ['contactusform']
+        }] }); })();
 
 /*
 <file>
@@ -4011,7 +4466,62 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImpor
   Copyright (c) 2017-2022 Osovitny Inc. All rights reserved.
 </file>
 */
+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 {
+    get address() {
+        return this._address;
+    }
+    set address(value) {
+        this._address = value;
+        if (value) {
+            this.init();
+        }
+    }
     constructor(fb, api) {
         super();
         this.fb = fb;
@@ -4027,15 +4537,6 @@ class AddressComponent extends BaseEditComponent {
         //Outputs
         this.change = new EventEmitter();
     }
-    get address() {
-        return this._address;
-    }
-    set address(value) {
-        this._address = value;
-        if (value) {
-            this.init();
-        }
-    }
     ngOnInit() {
         this.api.getCountriesJsonFile(data => {
             this.countryData = data;
@@ -4101,22 +4602,82 @@ class AddressComponent extends BaseEditComponent {
         this.change.emit(usState);
     }
 }
-AddressComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: AddressComponent, deps: [{ token: i1$8.FormBuilder }, { token: CoreApiService }], target: i0.ɵɵFactoryTarget.Component });
-AddressComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.8", 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: i1$8.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$8.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$8.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: i1$8.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$8.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$8.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$8.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"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", 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: i1$8.FormBuilder }, { type: CoreApiService }]; }, propDecorators: { title: [{
-                type: Input
-            }], isTitleVisible: [{
-                type: Input
-            }], isRequired: [{
-                type: Input
-            }], address: [{
-                type: Input
-            }], change: [{
-                type: Output
-            }] } });
+AddressComponent.ɵfac = function AddressComponent_Factory(t) { return new (t || AddressComponent)(i0.ɵɵdirectiveInject(i1$8.FormBuilder), i0.ɵɵdirectiveInject(CoreApiService)); };
+AddressComponent.ɵ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, i1$8.NgSelectOption, i1$8.ɵNgSelectMultipleOption, i1$8.DefaultValueAccessor, i1$8.SelectControlValueAccessor, i1$8.NgControlStatus, i1$8.NgControlStatusGroup, i1$8.FormGroupDirective, i1$8.FormControlName, CardComponent, CardHeaderComponent, CardBodyComponent, NativeElementDirective, ItemValidationSummaryComponent], encapsulation: 2 });
+(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: i1$8.FormBuilder }, { type: CoreApiService }]; }, { title: [{
+            type: Input
+        }], isTitleVisible: [{
+            type: Input
+        }], isRequired: [{
+            type: Input
+        }], address: [{
+            type: Input
+        }], change: [{
+            type: Output
+        }] }); })();
 
 /*
 <file>
@@ -4133,15 +4694,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImpor
   Copyright (c) 2017-2022 Osovitny Inc. All rights reserved.
 </file>
 */
+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 {
-    constructor(fb) {
-        super();
-        this.fb = fb;
-        this.formGroupGenerated = false;
-        //Inputs
-        this.title = 'Company / Organization';
-        this.isTitleVisible = true;
-    }
     get company() {
         return this._company;
     }
@@ -4151,6 +4711,14 @@ class CompanyComponent extends BaseEditComponent {
             this.init();
         }
     }
+    constructor(fb) {
+        super();
+        this.fb = fb;
+        this.formGroupGenerated = false;
+        //Inputs
+        this.title = 'Company / Organization';
+        this.isTitleVisible = true;
+    }
     ngOnInit() {
         this.createFormGroup();
         this.init();
@@ -4184,18 +4752,62 @@ class CompanyComponent extends BaseEditComponent {
         return JSON.stringify(data);
     }
 }
-CompanyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: CompanyComponent, deps: [{ token: i1$8.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
-CompanyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.8", 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: i1$8.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: i1$8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$8.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$8.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i1$8.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$8.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"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", 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: i1$8.FormBuilder }]; }, propDecorators: { title: [{
-                type: Input
-            }], isTitleVisible: [{
-                type: Input
-            }], company: [{
-                type: Input
-            }] } });
+CompanyComponent.ɵfac = function CompanyComponent_Factory(t) { return new (t || CompanyComponent)(i0.ɵɵdirectiveInject(i1$8.FormBuilder)); };
+CompanyComponent.ɵ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, i1$8.DefaultValueAccessor, i1$8.NgControlStatus, i1$8.NgControlStatusGroup, i1$8.PatternValidator, i1$8.FormGroupDirective, i1$8.FormControlName, CardComponent, CardHeaderComponent, CardBodyComponent, NativeElementDirective, ItemValidationSummaryComponent], encapsulation: 2 });
+(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: i1$8.FormBuilder }]; }, { title: [{
+            type: Input
+        }], isTitleVisible: [{
+            type: Input
+        }], company: [{
+            type: Input
+        }] }); })();
 
 /*
 <file>
@@ -4212,6 +4824,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImpor
   Copyright (c) 2017-2022 Osovitny Inc. All rights reserved.
 </file>
 */
+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 {
     constructor() {
         super();
@@ -4254,30 +4889,51 @@ class UrlSlugComponent extends BaseEditComponent {
         this.generateUrlSlug(text);
     }
 }
-UrlSlugComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: UrlSlugComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-UrlSlugComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.8", 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: i1$8.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: i1$8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$8.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$8.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$8.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"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", 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
-            }] } });
+UrlSlugComponent.ɵfac = function UrlSlugComponent_Factory(t) { return new (t || UrlSlugComponent)(); };
+UrlSlugComponent.ɵ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, i1$8.DefaultValueAccessor, i1$8.NgControlStatus, i1$8.NgControlStatusGroup, i1$8.FormGroupDirective, i1$8.FormControlName, NativeElementDirective, ItemValidationSummaryComponent], encapsulation: 2 });
+(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>
@@ -4294,6 +4950,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImpor
   Copyright (c) 2017-2022 Osovitny Inc. All rights reserved.
 </file>
 */
+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 {
     constructor(api, appContext) {
         super();
@@ -4324,20 +4995,34 @@ class TimezoneDropdownlist extends BaseEditComponent {
         }
     }
 }
-TimezoneDropdownlist.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: TimezoneDropdownlist, deps: [{ token: CoreApiService }, { token: AppContextService }], target: i0.ɵɵFactoryTarget.Component });
-TimezoneDropdownlist.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.8", 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: i1$8.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$8.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$8.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$8.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$8.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$8.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: NativeElementDirective, selector: "[formControl], [formControlName]" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", 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
-            }] } });
+TimezoneDropdownlist.ɵfac = function TimezoneDropdownlist_Factory(t) { return new (t || TimezoneDropdownlist)(i0.ɵɵdirectiveInject(CoreApiService), i0.ɵɵdirectiveInject(AppContextService)); };
+TimezoneDropdownlist.ɵ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, i1$8.NgSelectOption, i1$8.ɵNgSelectMultipleOption, i1$8.SelectControlValueAccessor, i1$8.NgControlStatus, i1$8.NgControlStatusGroup, i1$8.FormGroupDirective, i1$8.FormControlName, NativeElementDirective], encapsulation: 2 });
+(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>
@@ -4385,14 +5070,14 @@ class FileSizePipe {
         return bytes.toFixed(+precision) + ' ' + this.units[unit];
     }
 }
-FileSizePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: FileSizePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-FileSizePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.2.8", ngImport: i0, type: FileSizePipe, name: "filesize" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: FileSizePipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'filesize',
-                }]
-        }] });
+FileSizePipe.ɵfac = function FileSizePipe_Factory(t) { return new (t || FileSizePipe)(); };
+FileSizePipe.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "filesize", type: FileSizePipe, pure: true });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FileSizePipe, [{
+        type: Pipe,
+        args: [{
+                name: 'filesize',
+            }]
+    }], null, null); })();
 
 /*
 <file>
@@ -4419,14 +5104,14 @@ class ReplaceTextPipe {
         }
     }
 }
-ReplaceTextPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: ReplaceTextPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-ReplaceTextPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.2.8", ngImport: i0, type: ReplaceTextPipe, name: "replaceText" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: ReplaceTextPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: "replaceText",
-                }]
-        }] });
+ReplaceTextPipe.ɵfac = function ReplaceTextPipe_Factory(t) { return new (t || ReplaceTextPipe)(); };
+ReplaceTextPipe.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "replaceText", type: ReplaceTextPipe, pure: true });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ReplaceTextPipe, [{
+        type: Pipe,
+        args: [{
+                name: "replaceText",
+            }]
+    }], null, null); })();
 
 /*
 <file>
@@ -4451,12 +5136,12 @@ class SafeHtmlPipe {
         return this.sanitized.bypassSecurityTrustHtml(value);
     }
 }
-SafeHtmlPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: SafeHtmlPipe, deps: [{ token: i1$4.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe });
-SafeHtmlPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.2.8", ngImport: i0, type: SafeHtmlPipe, name: "safeHtml" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: SafeHtmlPipe, decorators: [{
-            type: Pipe,
-            args: [{ name: 'safeHtml' }]
-        }], ctorParameters: function () { return [{ type: i1$4.DomSanitizer }]; } });
+SafeHtmlPipe.ɵfac = function SafeHtmlPipe_Factory(t) { return new (t || SafeHtmlPipe)(i0.ɵɵdirectiveInject(i1$4.DomSanitizer, 16)); };
+SafeHtmlPipe.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "safeHtml", type: SafeHtmlPipe, pure: true });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SafeHtmlPipe, [{
+        type: Pipe,
+        args: [{ name: 'safeHtml' }]
+    }], function () { return [{ type: i1$4.DomSanitizer }]; }, null); })();
 
 /*
 <file>
@@ -4512,11 +5197,9 @@ class AnatolyCoreModule {
         InjectorInstance = this.injector;
     }
 }
-AnatolyCoreModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: AnatolyCoreModule, deps: [{ token: i0.Injector }, { token: AnatolyCoreModule, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.NgModule });
-AnatolyCoreModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.8", ngImport: i0, type: AnatolyCoreModule, imports: [CommonModule, i1$2.ToastrModule, LocalizationSettingsModule,
-        LocalizationModule], exports: [LocalizationSettingsModule,
-        LocalizationModule] });
-AnatolyCoreModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: AnatolyCoreModule, providers: [
+AnatolyCoreModule.ɵfac = function AnatolyCoreModule_Factory(t) { return new (t || AnatolyCoreModule)(i0.ɵɵinject(i0.Injector), i0.ɵɵinject(AnatolyCoreModule, 12)); };
+AnatolyCoreModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: AnatolyCoreModule });
+AnatolyCoreModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ providers: [
         LoggingService,
         NotificationService,
         AppContextService,
@@ -4530,35 +5213,38 @@ AnatolyCoreModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", versi
         LocalizationSettingsModule,
         LocalizationModule, LocalizationSettingsModule,
         LocalizationModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", 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>
@@ -4577,24 +5263,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImpor
 */
 class AnatolyDataModule {
 }
-AnatolyDataModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: AnatolyDataModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AnatolyDataModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.8", ngImport: i0, type: AnatolyDataModule, imports: [CommonModule] });
-AnatolyDataModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: AnatolyDataModule, providers: [
+AnatolyDataModule.ɵfac = function AnatolyDataModule_Factory(t) { return new (t || AnatolyDataModule)(); };
+AnatolyDataModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: AnatolyDataModule });
+AnatolyDataModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ providers: [
         CoreApiService,
         EmailsApiService
     ], imports: [CommonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", 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>
@@ -4616,23 +5303,24 @@ class FaModule {
         library.addIcons(faCheckCircle, faCircleXmark, faDatabase, faCopy);
     }
 }
-FaModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: FaModule, deps: [{ token: i1$6.FaIconLibrary }], target: i0.ɵɵFactoryTarget.NgModule });
-FaModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.8", ngImport: i0, type: FaModule, imports: [CommonModule,
-        FontAwesomeModule], exports: [FontAwesomeModule] });
-FaModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: FaModule, imports: [CommonModule,
+FaModule.ɵfac = function FaModule_Factory(t) { return new (t || FaModule)(i0.ɵɵinject(i1$6.FaIconLibrary)); };
+FaModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: FaModule });
+FaModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule,
         FontAwesomeModule, FontAwesomeModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", 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>
@@ -4651,59 +5339,66 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImpor
 */
 class KendoModule {
 }
-KendoModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: KendoModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-KendoModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.8", ngImport: i0, type: KendoModule, imports: [CommonModule,
+KendoModule.ɵfac = function KendoModule_Factory(t) { return new (t || KendoModule)(); };
+KendoModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: KendoModule });
+KendoModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule,
         ButtonsModule,
         DialogsModule,
         DropDownsModule,
         InputsModule,
         PagerModule,
         TreeViewModule,
-        TooltipsModule], exports: [ButtonsModule,
+        TooltipsModule,
+        IconsModule, ButtonsModule,
         DialogsModule,
         DropDownsModule,
         InputsModule,
         PagerModule,
         TreeViewModule,
-        TooltipsModule] });
-KendoModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: KendoModule, imports: [CommonModule,
+        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, ButtonsModule,
+        TooltipsModule,
+        IconsModule], exports: [ButtonsModule,
         DialogsModule,
         DropDownsModule,
         InputsModule,
         PagerModule,
         TreeViewModule,
-        TooltipsModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: KendoModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        CommonModule,
-                        ButtonsModule,
-                        DialogsModule,
-                        DropDownsModule,
-                        InputsModule,
-                        PagerModule,
-                        TreeViewModule,
-                        TooltipsModule
-                    ],
-                    exports: [
-                        ButtonsModule,
-                        DialogsModule,
-                        DropDownsModule,
-                        InputsModule,
-                        PagerModule,
-                        TreeViewModule,
-                        TooltipsModule
-                    ]
-                }]
-        }] });
+        TooltipsModule,
+        IconsModule] }); })();
 
 /*
 <file>
@@ -4762,8 +5457,38 @@ const COMPONENTS = [
 ];
 class AnatolyUIModule {
 }
-AnatolyUIModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: AnatolyUIModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AnatolyUIModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.8", ngImport: i0, type: AnatolyUIModule, declarations: [BuyAccessButtonComponent,
+AnatolyUIModule.ɵfac = function AnatolyUIModule_Factory(t) { return new (t || AnatolyUIModule)(); };
+AnatolyUIModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: AnatolyUIModule });
+AnatolyUIModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule,
+        ReactiveFormsModule,
+        FormsModule,
+        NgxCaptchaModule,
+        FaModule,
+        KendoModule,
+        FroalaEditorModuleWithProviders,
+        FroalaViewModuleWithProviders] });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AnatolyUIModule, [{
+        type: NgModule,
+        args: [{
+                imports: [
+                    CommonModule,
+                    ReactiveFormsModule,
+                    FormsModule,
+                    NgxCaptchaModule,
+                    FaModule,
+                    KendoModule,
+                    FroalaEditorModuleWithProviders,
+                    FroalaViewModuleWithProviders,
+                ],
+                exports: [
+                    ...COMPONENTS
+                ],
+                declarations: [
+                    ...COMPONENTS
+                ]
+            }]
+    }], null, null); })();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(AnatolyUIModule, { declarations: [BuyAccessButtonComponent,
         SubscribePlanButtonComponent,
         CheckIconComponent,
         DatapagerComponent,
@@ -4838,36 +5563,7 @@ AnatolyUIModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version
         FileSizePipe,
         //Validation
         FormValidationSummaryComponent,
-        ItemValidationSummaryComponent] });
-AnatolyUIModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: AnatolyUIModule, imports: [CommonModule,
-        ReactiveFormsModule,
-        FormsModule,
-        NgxCaptchaModule,
-        FaModule,
-        KendoModule,
-        FroalaEditorModuleWithProviders,
-        FroalaViewModuleWithProviders] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: AnatolyUIModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        CommonModule,
-                        ReactiveFormsModule,
-                        FormsModule,
-                        NgxCaptchaModule,
-                        FaModule,
-                        KendoModule,
-                        FroalaEditorModuleWithProviders,
-                        FroalaViewModuleWithProviders,
-                    ],
-                    exports: [
-                        ...COMPONENTS
-                    ],
-                    declarations: [
-                        ...COMPONENTS
-                    ]
-                }]
-        }] });
+        ItemValidationSummaryComponent] }); })();
 
 /*
 <file>
@@ -4886,36 +5582,37 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImpor
 */
 class AnatolyModule {
 }
-AnatolyModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: AnatolyModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AnatolyModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.8", ngImport: i0, type: AnatolyModule, imports: [CommonModule,
+AnatolyModule.ɵfac = function AnatolyModule_Factory(t) { return new (t || AnatolyModule)(); };
+AnatolyModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: AnatolyModule });
+AnatolyModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule,
         AnatolyCoreModule,
         AnatolyDataModule,
-        AnatolyUIModule], exports: [AnatolyCoreModule,
+        AnatolyUIModule, AnatolyCoreModule,
         AnatolyDataModule,
         AnatolyUIModule] });
-AnatolyModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: AnatolyModule, imports: [CommonModule,
+(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, AnatolyCoreModule,
+        AnatolyUIModule], exports: [AnatolyCoreModule,
         AnatolyDataModule,
-        AnatolyUIModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.8", ngImport: i0, type: AnatolyModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        CommonModule,
-                        AnatolyCoreModule,
-                        AnatolyDataModule,
-                        AnatolyUIModule
-                    ],
-                    exports: [
-                        AnatolyCoreModule,
-                        AnatolyDataModule,
-                        AnatolyUIModule
-                    ],
-                    providers: [],
-                }]
-        }] });
+        AnatolyUIModule] }); })();
 
 /*
  * Public API Surface of anatoly-lib