@osovitny/anatoly 3.17.160 → 3.19.1

package/fesm2022/osovitny-anatoly.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Injectable, EventEmitter, Component, Input, Output, Inject, Pipe, APP_INITIALIZER, Injector, NgModule, Directive, ChangeDetectionStrategy, ViewChild, ViewEncapsulation, HostBinding, HostListener, Optional, SkipSelf } from '@angular/core';
+import { Injectable, EventEmitter, Component, Output, Input, Inject, Pipe, Injector, APP_INITIALIZER, NgModule, Directive, ChangeDetectionStrategy, ViewChild, ViewEncapsulation, HostListener, HostBinding, Optional, SkipSelf } from '@angular/core';
 import { BehaviorSubject, Subject, filter, takeUntil, map as map$1, catchError, of, merge, forkJoin, timer, fromEvent, firstValueFrom } from 'rxjs';
 import { map, tap, mergeMap } from 'rxjs/operators';
 import * as i1 from '@angular/common/http';
@@ -14,9 +14,9 @@ import * as i4 from '@azure/msal-angular';
 import { MSAL_GUARD_CONFIG, MsalGuard, MsalInterceptor, MSAL_INTERCEPTOR_CONFIG, MSAL_INSTANCE, MsalService, MsalBroadcastService, MsalModule } from '@azure/msal-angular';
 import { BrowserUtils, EventType, InteractionStatus, InteractionType, InteractionRequiredAuthError, PromptValue, PublicClientApplication, LogLevel } from '@azure/msal-browser';
 import { format, formatDistance, formatDistanceToNow } from 'date-fns';
-import enUS from 'date-fns/locale/en-US';
+import { enUS } from 'date-fns/locale/en-US';
 import * as i1$3 from '@ngx-translate/core';
-import { TranslateService, TranslateModule, TranslateLoader } from '@ngx-translate/core';
+import { TranslateModule, TranslateLoader, TranslateService } from '@ngx-translate/core';
 import { TranslateHttpLoader } from '@ngx-translate/http-loader';
 import Swal from 'sweetalert2';
 import * as i1$4 from 'ngx-toastr';
@@ -167,7 +167,7 @@ class ApiServiceBase {
         const url = AppCoreSettings.assetsExternalUrl + "/" + libname + "/jsons";
         return this.__getJsonFile(url + "/" + fileName);
     }
-    static { this.ɵfac = function ApiServiceBase_Factory(t) { return new (t || ApiServiceBase)(i0.ɵɵinject(i1.HttpClient)); }; }
+    static { this.ɵfac = function ApiServiceBase_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ApiServiceBase)(i0.ɵɵinject(i1.HttpClient)); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: ApiServiceBase, factory: ApiServiceBase.ɵfac }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ApiServiceBase, [{
@@ -294,7 +294,7 @@ class LocalStorageService extends WebStorageService {
     constructor() {
         super('localStorage');
     }
-    static { this.ɵfac = function LocalStorageService_Factory(t) { return new (t || LocalStorageService)(); }; }
+    static { this.ɵfac = function LocalStorageService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LocalStorageService)(); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: LocalStorageService, factory: LocalStorageService.ɵfac }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LocalStorageService, [{
@@ -304,7 +304,7 @@ class SessionStorageService extends WebStorageService {
     constructor() {
         super('sessionStorage');
     }
-    static { this.ɵfac = function SessionStorageService_Factory(t) { return new (t || SessionStorageService)(); }; }
+    static { this.ɵfac = function SessionStorageService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SessionStorageService)(); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: SessionStorageService, factory: SessionStorageService.ɵfac }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SessionStorageService, [{
@@ -480,7 +480,7 @@ class AppContextService extends ApiServiceBase {
     clearLanguages() {
         this.localStorage.remove(AppContextStorageKeys.languages);
     }
-    static { this.ɵfac = function AppContextService_Factory(t) { return new (t || AppContextService)(i0.ɵɵinject(i1.HttpClient), i0.ɵɵinject(LocalStorageService), i0.ɵɵinject(SessionStorageService)); }; }
+    static { this.ɵfac = function AppContextService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || AppContextService)(i0.ɵɵinject(i1.HttpClient), i0.ɵɵinject(LocalStorageService), i0.ɵɵinject(SessionStorageService)); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: AppContextService, factory: AppContextService.ɵfac }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AppContextService, [{
@@ -509,9 +509,9 @@ function BuyAccessButtonComponent_div_0_div_1_button_1_Template(rf, ctx) { if (r
     i0.ɵɵelementEnd();
 } }
 function BuyAccessButtonComponent_div_0_div_1_button_2_Template(rf, ctx) { if (rf & 1) {
-    const _r5 = i0.ɵɵgetCurrentView();
+    const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 4);
-    i0.ɵɵlistener("click", function BuyAccessButtonComponent_div_0_div_1_button_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r5); const ctx_r4 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r4.onPlanSelect()); });
+    i0.ɵɵlistener("click", function BuyAccessButtonComponent_div_0_div_1_button_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.onPlanSelect()); });
     i0.ɵɵtext(1, " Buy Now ");
     i0.ɵɵelementEnd();
 } }
@@ -531,9 +531,9 @@ function BuyAccessButtonComponent_div_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtemplate(1, BuyAccessButtonComponent_div_0_div_1_Template, 3, 2, "div", 0);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
+    const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r0.isUserSignedIn && ctx_r0.visibleIfUserSignedIn);
+    i0.ɵɵproperty("ngIf", ctx_r1.isUserSignedIn && ctx_r1.visibleIfUserSignedIn);
 } }
 class BuyAccessButtonComponent {
     constructor(appContext) {
@@ -568,8 +568,8 @@ class BuyAccessButtonComponent {
     onPlanSelect() {
         this.planselect.emit(this.plan);
     }
-    static { this.ɵfac = function BuyAccessButtonComponent_Factory(t) { return new (t || BuyAccessButtonComponent)(i0.ɵɵdirectiveInject(AppContextService)); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: BuyAccessButtonComponent, selectors: [["anatoly-billing-buyaccess-button"]], inputs: { plan: "plan", visibleIfUserSignedIn: "visibleIfUserSignedIn" }, outputs: { planselect: "planselect" }, decls: 1, vars: 1, consts: [[4, "ngIf"], ["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) {
+    static { this.ɵfac = function BuyAccessButtonComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || BuyAccessButtonComponent)(i0.ɵɵdirectiveInject(AppContextService)); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: BuyAccessButtonComponent, selectors: [["anatoly-billing-buyaccess-button"]], inputs: { plan: "plan", visibleIfUserSignedIn: "visibleIfUserSignedIn" }, outputs: { planselect: "planselect" }, standalone: false, decls: 1, vars: 1, consts: [[4, "ngIf"], ["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, 2, 1, "div", 0);
         } if (rf & 2) {
             i0.ɵɵproperty("ngIf", ctx.contextUpdated);
@@ -577,7 +577,7 @@ class BuyAccessButtonComponent {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BuyAccessButtonComponent, [{
         type: Component,
-        args: [{ selector: 'anatoly-billing-buyaccess-button', template: "<div *ngIf=\"contextUpdated\">\r\n  <!--\r\n  <div *ngIf=\"!isUserSignedIn\">\r\n    <anatoly-signup-button classes=\"btn btn-block btn-primary\" />\r\n  </div>\r\n  -->\r\n\r\n  <div *ngIf=\"isUserSignedIn && visibleIfUserSignedIn\">\r\n    <button class=\"btn btn-block btn-success selectPlan\" *ngIf=\"plan == currentPlan\">\r\n      Your Plan\r\n    </button>\r\n\r\n    <button class=\"btn btn-block  btn-warning selectPlan\" *ngIf=\"plan != currentPlan\"\r\n            (click)=\"onPlanSelect()\">\r\n      Buy Now\r\n    </button>\r\n  </div>\r\n</div>\r\n" }]
+        args: [{ selector: 'anatoly-billing-buyaccess-button', standalone: false, template: "<div *ngIf=\"contextUpdated\">\r\n  <!--\r\n  <div *ngIf=\"!isUserSignedIn\">\r\n    <anatoly-signup-button classes=\"btn btn-block btn-primary\" />\r\n  </div>\r\n  -->\r\n\r\n  <div *ngIf=\"isUserSignedIn && visibleIfUserSignedIn\">\r\n    <button class=\"btn btn-block btn-success selectPlan\" *ngIf=\"plan == currentPlan\">\r\n      Your Plan\r\n    </button>\r\n\r\n    <button class=\"btn btn-block  btn-warning selectPlan\" *ngIf=\"plan != currentPlan\"\r\n            (click)=\"onPlanSelect()\">\r\n      Buy Now\r\n    </button>\r\n  </div>\r\n</div>\r\n" }]
     }], () => [{ type: AppContextService }], { plan: [{
             type: Input
         }], visibleIfUserSignedIn: [{
@@ -585,7 +585,7 @@ class BuyAccessButtonComponent {
         }], planselect: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(BuyAccessButtonComponent, { className: "BuyAccessButtonComponent", filePath: "lib\\billing\\components\\buttons\\buyaccess-button.component.ts", lineNumber: 27 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(BuyAccessButtonComponent, { className: "BuyAccessButtonComponent", filePath: "lib/billing/components/buttons/buyaccess-button.component.ts", lineNumber: 28 }); })();
 
 /*
 <file>
@@ -614,9 +614,9 @@ function SubscribePlanButtonComponent_div_0_div_1_button_2_Template(rf, ctx) { i
     i0.ɵɵelementEnd();
 } }
 function SubscribePlanButtonComponent_div_0_div_1_button_3_Template(rf, ctx) { if (rf & 1) {
-    const _r6 = i0.ɵɵgetCurrentView();
+    const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "button", 6);
-    i0.ɵɵlistener("click", function SubscribePlanButtonComponent_div_0_div_1_button_3_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r6); const ctx_r5 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r5.onPlanSelect()); });
+    i0.ɵɵlistener("click", function SubscribePlanButtonComponent_div_0_div_1_button_3_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.onPlanSelect()); });
     i0.ɵɵtext(1, " Subscribe ");
     i0.ɵɵelementEnd();
 } }
@@ -638,9 +638,9 @@ function SubscribePlanButtonComponent_div_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtemplate(1, SubscribePlanButtonComponent_div_0_div_1_Template, 4, 3, "div", 0);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
+    const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r0.isUserSignedIn && ctx_r0.visibleIfUserSignedIn);
+    i0.ɵɵproperty("ngIf", ctx_r1.isUserSignedIn && ctx_r1.visibleIfUserSignedIn);
 } }
 class SubscribePlanButtonComponent {
     constructor(appContext) {
@@ -677,8 +677,8 @@ class SubscribePlanButtonComponent {
     onPlanSelect() {
         this.planselect.emit(this.plan);
     }
-    static { this.ɵfac = function SubscribePlanButtonComponent_Factory(t) { return new (t || SubscribePlanButtonComponent)(i0.ɵɵdirectiveInject(AppContextService)); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SubscribePlanButtonComponent, selectors: [["anatoly-billing-subscribe-plan-button"]], inputs: { plan: "plan", visibleIfUserSignedIn: "visibleIfUserSignedIn" }, outputs: { planselect: "planselect" }, decls: 1, vars: 1, consts: [[4, "ngIf"], ["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) {
+    static { this.ɵfac = function SubscribePlanButtonComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SubscribePlanButtonComponent)(i0.ɵɵdirectiveInject(AppContextService)); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SubscribePlanButtonComponent, selectors: [["anatoly-billing-subscribe-plan-button"]], inputs: { plan: "plan", visibleIfUserSignedIn: "visibleIfUserSignedIn" }, outputs: { planselect: "planselect" }, standalone: false, decls: 1, vars: 1, consts: [[4, "ngIf"], ["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, 2, 1, "div", 0);
         } if (rf & 2) {
             i0.ɵɵproperty("ngIf", ctx.contextUpdated);
@@ -686,7 +686,7 @@ class SubscribePlanButtonComponent {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SubscribePlanButtonComponent, [{
         type: Component,
-        args: [{ selector: 'anatoly-billing-subscribe-plan-button', template: "<div *ngIf=\"contextUpdated\">\r\n  <!--\r\n  <div *ngIf=\"!isUserSignedIn\">\r\n    <anatoly-signup-button classes=\"btn btn-block btn-primary\" />\r\n  </div>\r\n  -->\r\n\r\n  <div *ngIf=\"isUserSignedIn && visibleIfUserSignedIn\">\r\n    <button class=\"btn btn-block btn-success selectPlan\" *ngIf=\"plan == currentPlanId\">\r\n      Your Plan\r\n    </button>\r\n\r\n    <button class=\"btn btn-block  btn-warning selectPlan\" *ngIf=\"plan == requestedPlanId\">\r\n      Requested\r\n    </button>\r\n\r\n    <button class=\"btn btn-block  btn-warning selectPlan\" *ngIf=\"plan != currentPlanId && plan != requestedPlanId\"\r\n            (click)=\"onPlanSelect()\">\r\n      Subscribe\r\n    </button>\r\n  </div>\r\n</div>\r\n" }]
+        args: [{ selector: 'anatoly-billing-subscribe-plan-button', standalone: false, template: "<div *ngIf=\"contextUpdated\">\r\n  <!--\r\n  <div *ngIf=\"!isUserSignedIn\">\r\n    <anatoly-signup-button classes=\"btn btn-block btn-primary\" />\r\n  </div>\r\n  -->\r\n\r\n  <div *ngIf=\"isUserSignedIn && visibleIfUserSignedIn\">\r\n    <button class=\"btn btn-block btn-success selectPlan\" *ngIf=\"plan == currentPlanId\">\r\n      Your Plan\r\n    </button>\r\n\r\n    <button class=\"btn btn-block  btn-warning selectPlan\" *ngIf=\"plan == requestedPlanId\">\r\n      Requested\r\n    </button>\r\n\r\n    <button class=\"btn btn-block  btn-warning selectPlan\" *ngIf=\"plan != currentPlanId && plan != requestedPlanId\"\r\n            (click)=\"onPlanSelect()\">\r\n      Subscribe\r\n    </button>\r\n  </div>\r\n</div>\r\n" }]
     }], () => [{ type: AppContextService }], { plan: [{
             type: Input
         }], visibleIfUserSignedIn: [{
@@ -694,7 +694,7 @@ class SubscribePlanButtonComponent {
         }], planselect: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SubscribePlanButtonComponent, { className: "SubscribePlanButtonComponent", filePath: "lib\\billing\\components\\buttons\\subscribe-plan-button.component.ts", lineNumber: 27 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SubscribePlanButtonComponent, { className: "SubscribePlanButtonComponent", filePath: "lib/billing/components/buttons/subscribe-plan-button.component.ts", lineNumber: 28 }); })();
 
 /*
 <file>
@@ -1481,7 +1481,7 @@ class GoServiceBase {
     error500() {
         this.navigate([this.currentApp.root + '/errors/500']);
     }
-    static { this.ɵfac = function GoServiceBase_Factory(t) { return new (t || GoServiceBase)(i0.ɵɵinject(i1$2.ActivatedRoute), i0.ɵɵinject(i1$2.Router)); }; }
+    static { this.ɵfac = function GoServiceBase_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || GoServiceBase)(i0.ɵɵinject(i1$2.ActivatedRoute), i0.ɵɵinject(i1$2.Router)); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: GoServiceBase, factory: GoServiceBase.ɵfac }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(GoServiceBase, [{
@@ -2138,7 +2138,7 @@ class AuthService extends ApiServiceBase {
         };
         this.login(resetPasswordFlowRequest);
     }
-    static { this.ɵfac = function AuthService_Factory(t) { return new (t || AuthService)(i0.ɵɵinject(i1.HttpClient), i0.ɵɵinject(i1$2.Router), i0.ɵɵinject(AppContextService), i0.ɵɵinject(MSAL_GUARD_CONFIG), i0.ɵɵinject(i4.MsalService), i0.ɵɵinject(i4.MsalBroadcastService)); }; }
+    static { this.ɵfac = function AuthService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || AuthService)(i0.ɵɵinject(i1.HttpClient), i0.ɵɵinject(i1$2.Router), i0.ɵɵinject(AppContextService), i0.ɵɵinject(MSAL_GUARD_CONFIG), i0.ɵɵinject(i4.MsalService), i0.ɵɵinject(i4.MsalBroadcastService)); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: AuthService, factory: AuthService.ɵfac, providedIn: 'root' }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AuthService, [{
@@ -2179,7 +2179,7 @@ class LoggingService {
     error(error) {
         console.error(error);
     }
-    static { this.ɵfac = function LoggingService_Factory(t) { return new (t || LoggingService)(); }; }
+    static { this.ɵfac = function LoggingService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LoggingService)(); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: LoggingService, factory: LoggingService.ɵfac, providedIn: "root" }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LoggingService, [{
@@ -2261,7 +2261,7 @@ class AppsGoServiceBase extends GoServiceBase {
             }
         }
     }
-    static { this.ɵfac = function AppsGoServiceBase_Factory(t) { return new (t || AppsGoServiceBase)(i0.ɵɵinject(i1$2.ActivatedRoute), i0.ɵɵinject(i1$2.Router), i0.ɵɵinject(AuthService), i0.ɵɵinject(LoggingService)); }; }
+    static { this.ɵfac = function AppsGoServiceBase_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || AppsGoServiceBase)(i0.ɵɵinject(i1$2.ActivatedRoute), i0.ɵɵinject(i1$2.Router), i0.ɵɵinject(AuthService), i0.ɵɵinject(LoggingService)); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: AppsGoServiceBase, factory: AppsGoServiceBase.ɵfac }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AppsGoServiceBase, [{
@@ -2303,7 +2303,7 @@ class AdminGuard {
         }
         return of(true);
     }
-    static { this.ɵfac = function AdminGuard_Factory(t) { return new (t || AdminGuard)(i0.ɵɵinject(AuthService)); }; }
+    static { this.ɵfac = function AdminGuard_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || AdminGuard)(i0.ɵɵinject(AuthService)); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: AdminGuard, factory: AdminGuard.ɵfac }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AdminGuard, [{
@@ -2323,7 +2323,7 @@ class AuthenticationGuard extends MsalGuard {
         this.setInteractionType(route);
         return super.canActivate(route, state);
     }
-    static { this.ɵfac = function AuthenticationGuard_Factory(t) { return new (t || AuthenticationGuard)(i0.ɵɵinject(MSAL_GUARD_CONFIG), i0.ɵɵinject(i4.MsalBroadcastService), i0.ɵɵinject(i4.MsalService), i0.ɵɵinject(i1$1.Location), i0.ɵɵinject(i1$2.Router)); }; }
+    static { this.ɵfac = function AuthenticationGuard_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || AuthenticationGuard)(i0.ɵɵinject(MSAL_GUARD_CONFIG), i0.ɵɵinject(i4.MsalBroadcastService), i0.ɵɵinject(i4.MsalService), i0.ɵɵinject(i1$1.Location), i0.ɵɵinject(i1$2.Router)); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: AuthenticationGuard, factory: AuthenticationGuard.ɵfac }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AuthenticationGuard, [{
@@ -2422,7 +2422,7 @@ class LoadingService extends BehaviorSubject {
         }
         this.counter = 0;
     }
-    static { this.ɵfac = function LoadingService_Factory(t) { return new (t || LoadingService)(); }; }
+    static { this.ɵfac = function LoadingService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LoadingService)(); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: LoadingService, factory: LoadingService.ɵfac, providedIn: 'root' }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LoadingService, [{
@@ -2575,7 +2575,7 @@ class AnatolyHttpInterceptor {
             this.loadingService.hide();
         }
     }
-    static { this.ɵfac = function AnatolyHttpInterceptor_Factory(t) { return new (t || AnatolyHttpInterceptor)(i0.ɵɵinject(AuthService), i0.ɵɵinject(LoadingService), i0.ɵɵinject(LoggingService)); }; }
+    static { this.ɵfac = function AnatolyHttpInterceptor_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || AnatolyHttpInterceptor)(i0.ɵɵinject(AuthService), i0.ɵɵinject(LoadingService), i0.ɵɵinject(LoggingService)); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: AnatolyHttpInterceptor, factory: AnatolyHttpInterceptor.ɵfac }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AnatolyHttpInterceptor, [{
@@ -2669,7 +2669,7 @@ class StarterService extends ApiServiceBase {
             stopwatch.printElapsedAsMilliseconds();
         }));
     }
-    static { this.ɵfac = function StarterService_Factory(t) { return new (t || StarterService)(i0.ɵɵinject(i1.HttpClient), i0.ɵɵinject(AppContextService), i0.ɵɵinject(LoggingService)); }; }
+    static { this.ɵfac = function StarterService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || StarterService)(i0.ɵɵinject(i1.HttpClient), i0.ɵɵinject(AppContextService), i0.ɵɵinject(LoggingService)); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: StarterService, factory: StarterService.ɵfac }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(StarterService, [{
@@ -2710,7 +2710,7 @@ class StarterGuard {
         }
         return of(true);
     }
-    static { this.ɵfac = function StarterGuard_Factory(t) { return new (t || StarterGuard)(i0.ɵɵinject(StarterService)); }; }
+    static { this.ɵfac = function StarterGuard_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || StarterGuard)(i0.ɵɵinject(StarterService)); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: StarterGuard, factory: StarterGuard.ɵfac }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(StarterGuard, [{
@@ -2887,7 +2887,7 @@ class LocalizationService {
         }
         return formatDistanceToNow(d, this.dateFnsLocale);
     }
-    static { this.ɵfac = function LocalizationService_Factory(t) { return new (t || LocalizationService)(i0.ɵɵinject(i1$3.TranslateService)); }; }
+    static { this.ɵfac = function LocalizationService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LocalizationService)(i0.ɵɵinject(i1$3.TranslateService)); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: LocalizationService, factory: LocalizationService.ɵfac, providedIn: 'root' }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LocalizationService, [{
@@ -2968,14 +2968,15 @@ class LocalizePipe {
         //Distance ----------------------------------------------------------------END
         return inputData;
     }
-    static { this.ɵfac = function LocalizePipe_Factory(t) { return new (t || LocalizePipe)(i0.ɵɵdirectiveInject(LocalizationService, 16)); }; }
-    static { this.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "localize", type: LocalizePipe, pure: false }); }
+    static { this.ɵfac = function LocalizePipe_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LocalizePipe)(i0.ɵɵdirectiveInject(LocalizationService, 16)); }; }
+    static { this.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "localize", type: LocalizePipe, pure: false, standalone: false }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LocalizePipe, [{
         type: Pipe,
         args: [{
                 name: 'localize',
-                pure: false
+                pure: false,
+                standalone: false
             }]
     }], () => [{ type: LocalizationService }], null); })();
 
@@ -3028,7 +3029,7 @@ class LocalizationSettingsModule {
         this.injector = injector;
         LocalizationInjectorInstance = this.injector;
     }
-    static { this.ɵfac = function LocalizationSettingsModule_Factory(t) { return new (t || LocalizationSettingsModule)(i0.ɵɵinject(i0.Injector)); }; }
+    static { this.ɵfac = function LocalizationSettingsModule_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LocalizationSettingsModule)(i0.ɵɵinject(i0.Injector)); }; }
     static { this.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: LocalizationSettingsModule }); }
     static { this.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ providers: [
             {
@@ -3089,9 +3090,11 @@ class LocalizationSettingsModule {
 */
 //Node
 class LocalizationModule {
-    static { this.ɵfac = function LocalizationModule_Factory(t) { return new (t || LocalizationModule)(); }; }
+    static { this.ɵfac = function LocalizationModule_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LocalizationModule)(); }; }
     static { this.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: LocalizationModule }); }
-    static { this.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [TranslateModule, TranslateModule] }); }
+    static { this.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ providers: [
+            LocalizationService
+        ], imports: [TranslateModule, TranslateModule] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LocalizationModule, [{
         type: NgModule,
@@ -3106,7 +3109,9 @@ class LocalizationModule {
                 declarations: [
                     LocalizePipe
                 ],
-                providers: []
+                providers: [
+                    LocalizationService
+                ]
             }]
     }], null, null); })();
 (function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(LocalizationModule, { declarations: [LocalizePipe], imports: [TranslateModule], exports: [TranslateModule,
@@ -3181,7 +3186,7 @@ class GlobalErrorHandler {
         // IMPORTANT: Rethrow the error otherwise it gets swallowed
         throw error;
     }
-    static { this.ɵfac = function GlobalErrorHandler_Factory(t) { return new (t || GlobalErrorHandler)(i0.ɵɵinject(i0.Injector)); }; }
+    static { this.ɵfac = function GlobalErrorHandler_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || GlobalErrorHandler)(i0.ɵɵinject(i0.Injector)); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: GlobalErrorHandler, factory: GlobalErrorHandler.ɵfac }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(GlobalErrorHandler, [{
@@ -3387,7 +3392,7 @@ class NotificationService {
         let title = 'Authentication Required';
         this.warning(text, null, title);
     }
-    static { this.ɵfac = function NotificationService_Factory(t) { return new (t || NotificationService)(i0.ɵɵinject(i1$4.ToastrService)); }; }
+    static { this.ɵfac = function NotificationService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || NotificationService)(i0.ɵɵinject(i1$4.ToastrService)); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: NotificationService, factory: NotificationService.ɵfac, providedIn: 'root' }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NotificationService, [{
@@ -3447,7 +3452,7 @@ class DigitalMarketingService {
         link.setAttribute('rel', 'canonical');
         link.setAttribute('href', canUrl);
     }
-    static { this.ɵfac = function DigitalMarketingService_Factory(t) { return new (t || DigitalMarketingService)(i0.ɵɵinject(i1$5.Title), i0.ɵɵinject(i1$5.Meta), i0.ɵɵinject(DOCUMENT)); }; }
+    static { this.ɵfac = function DigitalMarketingService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || DigitalMarketingService)(i0.ɵɵinject(i1$5.Title), i0.ɵɵinject(i1$5.Meta), i0.ɵɵinject(DOCUMENT)); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: DigitalMarketingService, factory: DigitalMarketingService.ɵfac, providedIn: 'root' }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DigitalMarketingService, [{
@@ -3524,7 +3529,7 @@ class GoogleAnalyticsService {
         let ga = window.gtag;
         return ga;
     }
-    static { this.ɵfac = function GoogleAnalyticsService_Factory(t) { return new (t || GoogleAnalyticsService)(i0.ɵɵinject(i1$2.Router)); }; }
+    static { this.ɵfac = function GoogleAnalyticsService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || GoogleAnalyticsService)(i0.ɵɵinject(i1$2.Router)); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: GoogleAnalyticsService, factory: GoogleAnalyticsService.ɵfac }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(GoogleAnalyticsService, [{
@@ -3594,7 +3599,7 @@ class IdleService {
         this.resetTimeCounters(timeOutSeconds);
         this.startTimer();
     }
-    static { this.ɵfac = function IdleService_Factory(t) { return new (t || IdleService)(); }; }
+    static { this.ɵfac = function IdleService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || IdleService)(); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: IdleService, factory: IdleService.ɵfac, providedIn: 'root' }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IdleService, [{
@@ -3672,7 +3677,7 @@ class ScriptService {
         }
         return queryString;
     }
-    static { this.ɵfac = function ScriptService_Factory(t) { return new (t || ScriptService)(i0.ɵɵinject(i0.NgZone)); }; }
+    static { this.ɵfac = function ScriptService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ScriptService)(i0.ɵɵinject(i0.NgZone)); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: ScriptService, factory: ScriptService.ɵfac }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ScriptService, [{
@@ -4122,7 +4127,7 @@ class ComponentBase {
         this.dataLoaded = true;
         this.dataFound = found;
     }
-    static { this.ɵfac = function ComponentBase_Factory(t) { return new (t || ComponentBase)(); }; }
+    static { this.ɵfac = function ComponentBase_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ComponentBase)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ComponentBase, selectors: [["ng-component"]], inputs: { classes: "classes", title: "title", isTitleVisible: "isTitleVisible", isRequired: "isRequired" }, decls: 0, vars: 0, template: function ComponentBase_Template(rf, ctx) { }, encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ComponentBase, [{
@@ -4139,7 +4144,7 @@ class ComponentBase {
         }], isRequired: [{
             type: Input
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ComponentBase, { className: "ComponentBase", filePath: "lib\\ui\\components\\base\\components\\component.ts", lineNumber: 25 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ComponentBase, { className: "ComponentBase", filePath: "lib/ui/components/base/components/component.ts", lineNumber: 25 }); })();
 
 /*
 <file>
@@ -4192,7 +4197,7 @@ class PaymentsApiService extends ApiServiceBase {
             }
         });
     }
-    static { this.ɵfac = function PaymentsApiService_Factory(t) { return new (t || PaymentsApiService)(i0.ɵɵinject(i1.HttpClient)); }; }
+    static { this.ɵfac = function PaymentsApiService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PaymentsApiService)(i0.ɵɵinject(i1.HttpClient)); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: PaymentsApiService, factory: PaymentsApiService.ɵfac }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PaymentsApiService, [{
@@ -4353,7 +4358,7 @@ class PaymentsService {
         this.isPaymentFailed = true;
         this.ns.error("Payment Failed");
     }
-    static { this.ɵfac = function PaymentsService_Factory(t) { return new (t || PaymentsService)(i0.ɵɵinject(i0.NgZone), i0.ɵɵinject(PaymentsApiService), i0.ɵɵinject(NotificationService), i0.ɵɵinject(GoogleAnalyticsService)); }; }
+    static { this.ɵfac = function PaymentsService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PaymentsService)(i0.ɵɵinject(i0.NgZone), i0.ɵɵinject(PaymentsApiService), i0.ɵɵinject(NotificationService), i0.ɵɵinject(GoogleAnalyticsService)); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: PaymentsService, factory: PaymentsService.ɵfac }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PaymentsService, [{
@@ -4384,7 +4389,7 @@ class DiscountCodesApiService extends ApiServiceBase {
     getDiscountCode(code) {
         return this.get('getDiscountCode', { code });
     }
-    static { this.ɵfac = function DiscountCodesApiService_Factory(t) { return new (t || DiscountCodesApiService)(i0.ɵɵinject(i1.HttpClient)); }; }
+    static { this.ɵfac = function DiscountCodesApiService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || DiscountCodesApiService)(i0.ɵɵinject(i1.HttpClient)); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: DiscountCodesApiService, factory: DiscountCodesApiService.ɵfac }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DiscountCodesApiService, [{
@@ -4407,23 +4412,23 @@ class DiscountCodesApiService extends ApiServiceBase {
 </file>
 */
 //Node
-const _c0$h = a0 => ({ "show": a0 });
+const _c0$h = ["*"];
+const _c1$2 = a0 => ({ "show": a0 });
 function OrderSummaryComponent_Conditional_17_Template(rf, ctx) { if (rf & 1) {
-    const _r2 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 12)(1, "div", 13)(2, "input", 14);
-    i0.ɵɵlistener("ngModelChange", function OrderSummaryComponent_Conditional_17_Template_input_ngModelChange_2_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.promoCode = $event); });
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 9)(1, "div", 12)(2, "input", 13);
+    i0.ɵɵtwoWayListener("ngModelChange", function OrderSummaryComponent_Conditional_17_Template_input_ngModelChange_2_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.promoCode, $event) || (ctx_r1.promoCode = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "button", 15);
-    i0.ɵɵlistener("click", function OrderSummaryComponent_Conditional_17_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r2); const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.onApplyPromoCode()); });
+    i0.ɵɵelementStart(3, "button", 14);
+    i0.ɵɵlistener("click", function OrderSummaryComponent_Conditional_17_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onApplyPromoCode()); });
     i0.ɵɵtext(4, "Apply");
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(2, _c0$h, ctx_r0.showPromoCode));
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(2, _c1$2, ctx_r1.showPromoCode));
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngModel", ctx_r0.promoCode);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.promoCode);
 } }
-const _c1$2 = ["*"];
 class OrderSummaryComponent extends ComponentBase {
     constructor(ps, api, ns) {
         super();
@@ -4481,8 +4486,8 @@ class OrderSummaryComponent extends ComponentBase {
             },
         });
     }
-    static { this.ɵfac = function OrderSummaryComponent_Factory(t) { return new (t || OrderSummaryComponent)(i0.ɵɵdirectiveInject(PaymentsService), i0.ɵɵdirectiveInject(DiscountCodesApiService), i0.ɵɵdirectiveInject(NotificationService)); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: OrderSummaryComponent, selectors: [["anatoly-billing-order-summary"]], features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c1$2, decls: 30, vars: 7, consts: [[1, "card"], [1, "card-header"], [1, "card-title"], [1, "card-body"], [1, "order-summary"], [1, "subtotal"], [1, "divider"], [1, "add-promo-code", 3, "ngClass", "click"], [1, "has-arrow"], ["class", "add-promo-code", 3, "ngClass"], [1, "discounts"], [1, "total"], [1, "add-promo-code", 3, "ngClass"], [1, "promo-code"], ["type", "text", "placeholder", "Promo code", 1, "input-text", 3, "ngModel", "ngModelChange"], [1, "btn", 3, "click"]], template: function OrderSummaryComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵfac = function OrderSummaryComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || OrderSummaryComponent)(i0.ɵɵdirectiveInject(PaymentsService), i0.ɵɵdirectiveInject(DiscountCodesApiService), i0.ɵɵdirectiveInject(NotificationService)); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: OrderSummaryComponent, selectors: [["anatoly-billing-order-summary"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$h, decls: 30, vars: 7, consts: [[1, "card"], [1, "card-header"], [1, "card-title"], [1, "card-body"], [1, "order-summary"], [1, "subtotal"], [1, "divider"], [1, "add-promo-code", 3, "click", "ngClass"], [1, "has-arrow"], [1, "add-promo-code", 3, "ngClass"], [1, "discounts"], [1, "total"], [1, "promo-code"], ["type", "text", "placeholder", "Promo code", 1, "input-text", 3, "ngModelChange", "ngModel"], [1, "btn", 3, "click"]], template: function OrderSummaryComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "h2");
             i0.ɵɵtext(4, "Order Summary");
@@ -4520,9 +4525,9 @@ class OrderSummaryComponent extends ComponentBase {
             i0.ɵɵadvance(12);
             i0.ɵɵtextInterpolate1("$", ctx.ps.subtotal, "");
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(5, _c0$h, ctx.showPromoCode));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(5, _c1$2, ctx.showPromoCode));
             i0.ɵɵadvance(3);
-            i0.ɵɵconditional(17, ctx.showPromoCode ? 17 : -1);
+            i0.ɵɵconditional(ctx.showPromoCode ? 17 : -1);
             i0.ɵɵadvance(6);
             i0.ɵɵtextInterpolate(ctx.discount);
             i0.ɵɵadvance(6);
@@ -4531,9 +4536,9 @@ class OrderSummaryComponent extends ComponentBase {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(OrderSummaryComponent, [{
         type: Component,
-        args: [{ selector: "anatoly-billing-order-summary", template: "<div class='card'>\r\n  <div class='card-header'>\r\n    <div class='card-title'>\r\n      <h2>Order Summary</h2>\r\n    </div>\r\n  </div>\r\n  <div class='card-body'>\r\n    <div class='order-summary'>\r\n      <ng-content></ng-content>\r\n\r\n      <div class='subtotal'>\r\n        <span>Subtotal:</span><strong>${{ ps.subtotal }}</strong>\r\n      </div>\r\n      <div class='divider'></div>\r\n      <div class=\"add-promo-code\" [ngClass]=\"{ 'show': showPromoCode }\" (click)=\"onTogglePromoCode()\">\r\n        <span class='has-arrow'>Add a Promo Code:</span>\r\n      </div>\r\n\r\n      @if (showPromoCode) {\r\n        <div class=\"add-promo-code\" [ngClass]=\"{ 'show': showPromoCode }\">\r\n          <div class=\"promo-code\">\r\n            <input type=\"text\" [(ngModel)]=\"promoCode\" class=\"input-text\" placeholder=\"Promo code\">\r\n            <button class=\"btn\" (click)=\"onApplyPromoCode()\">Apply</button>\r\n          </div>\r\n        </div>\r\n      }\r\n\r\n      <div class='divider'></div>\r\n      <div class='discounts'>\r\n        <span>Discounts & Savings:</span>\r\n        <strong>{{ discount }}</strong>\r\n      </div>\r\n      <div class='divider'></div>\r\n      <div class='total'>\r\n        <span>Total:</span>\r\n        <strong>${{ toTotal() }}</strong>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n" }]
+        args: [{ selector: "anatoly-billing-order-summary", standalone: false, template: "<div class='card'>\r\n  <div class='card-header'>\r\n    <div class='card-title'>\r\n      <h2>Order Summary</h2>\r\n    </div>\r\n  </div>\r\n  <div class='card-body'>\r\n    <div class='order-summary'>\r\n      <ng-content></ng-content>\r\n\r\n      <div class='subtotal'>\r\n        <span>Subtotal:</span><strong>${{ ps.subtotal }}</strong>\r\n      </div>\r\n      <div class='divider'></div>\r\n      <div class=\"add-promo-code\" [ngClass]=\"{ 'show': showPromoCode }\" (click)=\"onTogglePromoCode()\">\r\n        <span class='has-arrow'>Add a Promo Code:</span>\r\n      </div>\r\n\r\n      @if (showPromoCode) {\r\n        <div class=\"add-promo-code\" [ngClass]=\"{ 'show': showPromoCode }\">\r\n          <div class=\"promo-code\">\r\n            <input type=\"text\" [(ngModel)]=\"promoCode\" class=\"input-text\" placeholder=\"Promo code\">\r\n            <button class=\"btn\" (click)=\"onApplyPromoCode()\">Apply</button>\r\n          </div>\r\n        </div>\r\n      }\r\n\r\n      <div class='divider'></div>\r\n      <div class='discounts'>\r\n        <span>Discounts & Savings:</span>\r\n        <strong>{{ discount }}</strong>\r\n      </div>\r\n      <div class='divider'></div>\r\n      <div class='total'>\r\n        <span>Total:</span>\r\n        <strong>${{ toTotal() }}</strong>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n" }]
     }], () => [{ type: PaymentsService }, { type: DiscountCodesApiService }, { type: NotificationService }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(OrderSummaryComponent, { className: "OrderSummaryComponent", filePath: "lib\\billing\\components\\order-summary\\order-summary.component.ts", lineNumber: 31 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(OrderSummaryComponent, { className: "OrderSummaryComponent", filePath: "lib/billing/components/order-summary/order-summary.component.ts", lineNumber: 32 }); })();
 
 /*
 <file>
@@ -4567,7 +4572,7 @@ class ReplacerDirectiveBase {
             this.renderer.setAttribute(this.el.nativeElement, name, newSrc);
         }
     }
-    static { this.ɵfac = function ReplacerDirectiveBase_Factory(t) { return new (t || ReplacerDirectiveBase)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.Renderer2)); }; }
+    static { this.ɵfac = function ReplacerDirectiveBase_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ReplacerDirectiveBase)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i0.Renderer2)); }; }
     static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: ReplacerDirectiveBase }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ReplacerDirectiveBase, [{
@@ -4602,13 +4607,14 @@ class ImageReplacerDirective extends ReplacerDirectiveBase {
     setSrc(value) {
         this.setAttribute('src', value);
     }
-    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵImageReplacerDirective_BaseFactory; return function ImageReplacerDirective_Factory(t) { return (ɵImageReplacerDirective_BaseFactory || (ɵImageReplacerDirective_BaseFactory = i0.ɵɵgetInheritedFactory(ImageReplacerDirective)))(t || ImageReplacerDirective); }; })(); }
-    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: ImageReplacerDirective, selectors: [["img"]], inputs: { src: "src" }, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature] }); }
+    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵImageReplacerDirective_BaseFactory; return function ImageReplacerDirective_Factory(__ngFactoryType__) { return (ɵImageReplacerDirective_BaseFactory || (ɵImageReplacerDirective_BaseFactory = i0.ɵɵgetInheritedFactory(ImageReplacerDirective)))(__ngFactoryType__ || ImageReplacerDirective); }; })(); }
+    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: ImageReplacerDirective, selectors: [["img"]], inputs: { src: "src" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ImageReplacerDirective, [{
         type: Directive,
         args: [{
-                selector: 'img'
+                selector: 'img',
+                standalone: false
             }]
     }], null, { src: [{
             type: Input,
@@ -4632,22 +4638,23 @@ class ImageReplacerDirective extends ReplacerDirectiveBase {
 */
 //Node
 function PaymentMethodsComponent_For_9_Template(rf, ctx) { if (rf & 1) {
-    const _r7 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "li", 5);
-    i0.ɵɵlistener("click", function PaymentMethodsComponent_For_9_Template_li_click_0_listener() { const restoredCtx = i0.ɵɵrestoreView(_r7); const item_r1 = restoredCtx.$implicit; const ctx_r6 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r6.onPaymentSelect(item_r1)); });
-    i0.ɵɵelementStart(1, "div", 6);
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "li", 6);
+    i0.ɵɵlistener("click", function PaymentMethodsComponent_For_9_Template_li_click_0_listener() { const item_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.onPaymentSelect(item_r2)); });
+    i0.ɵɵelementStart(1, "div", 7);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 7);
-    i0.ɵɵelement(4, "img", 8);
+    i0.ɵɵelementStart(3, "div", 8);
+    i0.ɵɵelement(4, "img", 9);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const item_r1 = ctx.$implicit;
-    i0.ɵɵclassProp("selected", item_r1.selected);
+    const item_r2 = ctx.$implicit;
+    i0.ɵɵclassProp("selected", item_r2.selected);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1("Pay with ", item_r1.title, "");
+    i0.ɵɵtextInterpolate1("Pay with ", item_r2.title, "");
     i0.ɵɵadvance(2);
-    i0.ɵɵpropertyInterpolate1("src", "./dist/@lib/images/payment-icons/", item_r1.icon, ".png", i0.ɵɵsanitizeUrl)("alt", "payment-icon ", item_r1.title, "");
+    i0.ɵɵpropertyInterpolate1("src", "./dist/@lib/images/payment-icons/", item_r2.icon, ".png", i0.ɵɵsanitizeUrl);
+    i0.ɵɵpropertyInterpolate1("alt", "payment-icon ", item_r2.title, "");
 } }
 class PaymentMethodsComponent extends ComponentBase {
     constructor(ps) {
@@ -4695,13 +4702,13 @@ class PaymentMethodsComponent extends ComponentBase {
         paymentMethod.selected = true;
         this.ps.selectedPaymentMethod = paymentMethod.id;
     }
-    static { this.ɵfac = function PaymentMethodsComponent_Factory(t) { return new (t || PaymentMethodsComponent)(i0.ɵɵdirectiveInject(PaymentsService)); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PaymentMethodsComponent, selectors: [["anatoly-billing-payment-methods"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 10, vars: 0, consts: [[1, "card", "p-0", "mb-3"], [1, "card-header"], [1, "card-title"], [1, "card-body"], [1, "payment__select-method"], [3, "click"], [1, "payment-name"], [1, "icon-img"], [3, "src", "alt"], [3, "selected"]], template: function PaymentMethodsComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵfac = function PaymentMethodsComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PaymentMethodsComponent)(i0.ɵɵdirectiveInject(PaymentsService)); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PaymentMethodsComponent, selectors: [["anatoly-billing-payment-methods"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 10, vars: 0, consts: [[1, "card", "p-0", "mb-3"], [1, "card-header"], [1, "card-title"], [1, "card-body"], [1, "payment__select-method"], [3, "selected"], [3, "click"], [1, "payment-name"], [1, "icon-img"], [3, "src", "alt"]], template: function PaymentMethodsComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "h2");
             i0.ɵɵtext(4, "Select a payment method");
             i0.ɵɵelementEnd()()();
             i0.ɵɵelementStart(5, "div", 3)(6, "div", 4)(7, "ul");
-            i0.ɵɵrepeaterCreate(8, PaymentMethodsComponent_For_9_Template, 5, 5, "li", 9, i0.ɵɵrepeaterTrackByIdentity);
+            i0.ɵɵrepeaterCreate(8, PaymentMethodsComponent_For_9_Template, 5, 7, "li", 5, i0.ɵɵrepeaterTrackByIdentity);
             i0.ɵɵelementEnd()()()();
         } if (rf & 2) {
             i0.ɵɵadvance(8);
@@ -4710,9 +4717,9 @@ class PaymentMethodsComponent extends ComponentBase {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PaymentMethodsComponent, [{
         type: Component,
-        args: [{ selector: "anatoly-billing-payment-methods", template: "<div class='card p-0 mb-3'>\r\n  <div class='card-header'>\r\n    <div class='card-title'>\r\n      <h2>Select a payment method</h2>\r\n    </div>\r\n  </div>\r\n  <div class='card-body'>\r\n    <div class='payment__select-method'>\r\n      <ul>\r\n        @for (item of paymentMethods; track item) {\r\n          <li (click)='onPaymentSelect(item)' [class.selected]='item.selected'>\r\n            <div class='payment-name'>Pay with {{ item.title }}</div>\r\n            <div class='icon-img'>\r\n              <img src='./dist/@lib/images/payment-icons/{{item.icon}}.png' alt='payment-icon {{item.title}}'>\r\n            </div>\r\n          </li>\r\n        }\r\n      </ul>\r\n    </div>\r\n  </div>\r\n</div>\r\n" }]
+        args: [{ selector: "anatoly-billing-payment-methods", standalone: false, template: "<div class='card p-0 mb-3'>\r\n  <div class='card-header'>\r\n    <div class='card-title'>\r\n      <h2>Select a payment method</h2>\r\n    </div>\r\n  </div>\r\n  <div class='card-body'>\r\n    <div class='payment__select-method'>\r\n      <ul>\r\n        @for (item of paymentMethods; track item) {\r\n          <li (click)='onPaymentSelect(item)' [class.selected]='item.selected'>\r\n            <div class='payment-name'>Pay with {{ item.title }}</div>\r\n            <div class='icon-img'>\r\n              <img src='./dist/@lib/images/payment-icons/{{item.icon}}.png' alt='payment-icon {{item.title}}'>\r\n            </div>\r\n          </li>\r\n        }\r\n      </ul>\r\n    </div>\r\n  </div>\r\n</div>\r\n" }]
     }], () => [{ type: PaymentsService }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PaymentMethodsComponent, { className: "PaymentMethodsComponent", filePath: "lib\\billing\\components\\payment-methods\\payment-methods.component.ts", lineNumber: 29 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PaymentMethodsComponent, { className: "PaymentMethodsComponent", filePath: "lib/billing/components/payment-methods/payment-methods.component.ts", lineNumber: 30 }); })();
 
 /*
 <file>
@@ -4750,8 +4757,8 @@ class PaymentOptionsComponent extends ComponentBase {
         this.ps.selectedPaymentType = pt;
         this.change.emit();
     }
-    static { this.ɵfac = function PaymentOptionsComponent_Factory(t) { return new (t || PaymentOptionsComponent)(i0.ɵɵdirectiveInject(PaymentsService)); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PaymentOptionsComponent, selectors: [["anatoly-billing-payment-options"]], inputs: { priceWeekly: "priceWeekly", priceUpfront: "priceUpfront", numberOfWeeks: "numberOfWeeks" }, outputs: { change: "change" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 19, vars: 9, consts: [[1, "payment-options"], [1, "pay-weekly", 3, "ngClass", "click"], [1, "info"], [1, "price"], [1, "pay-upfront", 3, "ngClass", "click"]], template: function PaymentOptionsComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵfac = function PaymentOptionsComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PaymentOptionsComponent)(i0.ɵɵdirectiveInject(PaymentsService)); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PaymentOptionsComponent, selectors: [["anatoly-billing-payment-options"]], inputs: { priceWeekly: "priceWeekly", priceUpfront: "priceUpfront", numberOfWeeks: "numberOfWeeks" }, outputs: { change: "change" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 19, vars: 9, consts: [[1, "payment-options"], [1, "pay-weekly", 3, "click", "ngClass"], [1, "info"], [1, "price"], [1, "pay-upfront", 3, "click", "ngClass"]], template: function PaymentOptionsComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0)(1, "h4");
             i0.ɵɵtext(2, "Payment options");
             i0.ɵɵelementEnd();
@@ -4792,7 +4799,7 @@ class PaymentOptionsComponent extends ComponentBase {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PaymentOptionsComponent, [{
         type: Component,
-        args: [{ selector: "anatoly-billing-payment-options", template: "<div class='payment-options'>\r\n  <h4>Payment options</h4>\r\n  <div (click)='onPaymentTypeSelect(2)' [ngClass]='{\"active\": ps.selectedPaymentType == 2 }' class='pay-weekly'>\r\n    <div class='info'>\r\n      <h4>Pay weekly</h4>\r\n      <p>Cancel anytime</p>\r\n    </div>\r\n    <div class='price'>${{ priceWeekly }}</div>\r\n  </div>\r\n\r\n  <div (click)='onPaymentTypeSelect(1)' [ngClass]='{\"active\": ps.selectedPaymentType == 1 }' class='pay-upfront'>\r\n    <div class='info'>\r\n      <h4>Pay upfront</h4>\r\n      <p>Covers the full {{ numberOfWeeks }} weeks </p>\r\n    </div>\r\n    <div class='price'>${{ priceUpfront }}</div>\r\n  </div>\r\n</div>\r\n" }]
+        args: [{ selector: "anatoly-billing-payment-options", standalone: false, template: "<div class='payment-options'>\r\n  <h4>Payment options</h4>\r\n  <div (click)='onPaymentTypeSelect(2)' [ngClass]='{\"active\": ps.selectedPaymentType == 2 }' class='pay-weekly'>\r\n    <div class='info'>\r\n      <h4>Pay weekly</h4>\r\n      <p>Cancel anytime</p>\r\n    </div>\r\n    <div class='price'>${{ priceWeekly }}</div>\r\n  </div>\r\n\r\n  <div (click)='onPaymentTypeSelect(1)' [ngClass]='{\"active\": ps.selectedPaymentType == 1 }' class='pay-upfront'>\r\n    <div class='info'>\r\n      <h4>Pay upfront</h4>\r\n      <p>Covers the full {{ numberOfWeeks }} weeks </p>\r\n    </div>\r\n    <div class='price'>${{ priceUpfront }}</div>\r\n  </div>\r\n</div>\r\n" }]
     }], () => [{ type: PaymentsService }], { priceWeekly: [{
             type: Input
         }], priceUpfront: [{
@@ -4802,7 +4809,7 @@ class PaymentOptionsComponent extends ComponentBase {
         }], change: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PaymentOptionsComponent, { className: "PaymentOptionsComponent", filePath: "lib\\billing\\components\\payment-options\\payment-options.component.ts", lineNumber: 29 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PaymentOptionsComponent, { className: "PaymentOptionsComponent", filePath: "lib/billing/components/payment-options/payment-options.component.ts", lineNumber: 30 }); })();
 
 /*
 <file>
@@ -4925,7 +4932,7 @@ class EditComponentBase extends ComponentBase {
     get isNgModelBased() {
         return this.controlName == null;
     }
-    static { this.ɵfac = function EditComponentBase_Factory(t) { return new (t || EditComponentBase)(); }; }
+    static { this.ɵfac = function EditComponentBase_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || EditComponentBase)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EditComponentBase, selectors: [["ng-component"]], inputs: { formGroup: "formGroup", formSubmitted: "formSubmitted", controlName: "controlName", controlTitle: "controlTitle" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 0, vars: 0, template: function EditComponentBase_Template(rf, ctx) { }, encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EditComponentBase, [{
@@ -4942,7 +4949,7 @@ class EditComponentBase extends ComponentBase {
         }], controlTitle: [{
             type: Input
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(EditComponentBase, { className: "EditComponentBase", filePath: "lib\\ui\\components\\base\\components\\edit.component.ts", lineNumber: 28 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(EditComponentBase, { className: "EditComponentBase", filePath: "lib/ui/components/base/components/edit.component.ts", lineNumber: 28 }); })();
 
 /*
 <file>
@@ -4994,13 +5001,14 @@ class DialogBase extends EditComponentBase {
         this.isOpen = false;
         this.closed.emit(-1);
     }
-    static { this.ɵfac = function DialogBase_Factory(t) { return new (t || DialogBase)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DialogBase, selectors: [["ng-component"]], inputs: { isOpen: "isOpen" }, outputs: { opened: "opened", closed: "closed" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 0, vars: 0, template: function DialogBase_Template(rf, ctx) { }, encapsulation: 2 }); }
+    static { this.ɵfac = function DialogBase_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || DialogBase)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DialogBase, selectors: [["ng-component"]], inputs: { isOpen: "isOpen" }, outputs: { opened: "opened", closed: "closed" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 0, vars: 0, template: function DialogBase_Template(rf, ctx) { }, encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DialogBase, [{
         type: Component,
         args: [{
-                template: ''
+                template: '',
+                standalone: false
             }]
     }], () => [], { isOpen: [{
             type: Input
@@ -5009,7 +5017,7 @@ class DialogBase extends EditComponentBase {
         }], closed: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DialogBase, { className: "DialogBase", filePath: "lib\\ui\\components\\base\\dialog.ts", lineNumber: 27 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DialogBase, { className: "DialogBase", filePath: "lib/ui/components/base/dialog.ts", lineNumber: 28 }); })();
 
 /*
 <file>
@@ -5030,27 +5038,27 @@ class DialogBase extends EditComponentBase {
 */
 //Node
 function BraintreeDialog_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    const _r2 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 1)(1, "kendo-dialog", 2);
-    i0.ɵɵlistener("close", function BraintreeDialog_Conditional_0_Template_kendo_dialog_close_1_listener() { i0.ɵɵrestoreView(_r2); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onClose()); });
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 0)(1, "kendo-dialog", 1);
+    i0.ɵɵlistener("close", function BraintreeDialog_Conditional_0_Template_kendo_dialog_close_1_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onClose()); });
     i0.ɵɵelementStart(2, "kendo-dialog-titlebar");
     i0.ɵɵtext(3, "Pay with Credit Card");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 3);
-    i0.ɵɵelement(5, "div", 4);
+    i0.ɵɵelementStart(4, "div", 2);
+    i0.ɵɵelement(5, "div", 3);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "kendo-dialog-actions", 5)(7, "button", 6);
-    i0.ɵɵlistener("click", function BraintreeDialog_Conditional_0_Template_button_click_7_listener() { i0.ɵɵrestoreView(_r2); const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.onPay()); });
+    i0.ɵɵelementStart(6, "kendo-dialog-actions", 4)(7, "button", 5);
+    i0.ɵɵlistener("click", function BraintreeDialog_Conditional_0_Template_button_click_7_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onPay()); });
     i0.ɵɵtext(8, "Pay");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "button", 7);
-    i0.ɵɵlistener("click", function BraintreeDialog_Conditional_0_Template_button_click_9_listener() { i0.ɵɵrestoreView(_r2); const ctx_r4 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r4.onClose()); });
+    i0.ɵɵelementStart(9, "button", 6);
+    i0.ɵɵlistener("click", function BraintreeDialog_Conditional_0_Template_button_click_9_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onClose()); });
     i0.ɵɵtext(10, "Cancel");
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
+    const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
-    i0.ɵɵproperty("width", 480)("height", 560)("themeColor", ctx_r0.themeColor);
+    i0.ɵɵproperty("width", 480)("height", 560)("themeColor", ctx_r1.themeColor);
 } }
 class BraintreeDialog extends DialogBase {
     constructor(ps, ns) {
@@ -5137,16 +5145,16 @@ class BraintreeDialog extends DialogBase {
     get visible() {
         return this.isOpen && this.ps.getTotal() > 0;
     }
-    static { this.ɵfac = function BraintreeDialog_Factory(t) { return new (t || BraintreeDialog)(i0.ɵɵdirectiveInject(PaymentsService), i0.ɵɵdirectiveInject(NotificationService)); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: BraintreeDialog, selectors: [["anatoly-billing-braintree-dialog"]], inputs: { paidFor: "paidFor", title: "title", description: "description", image: "image" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [["class", "send-message__kendo-dialog"], [1, "send-message__kendo-dialog"], [3, "width", "height", "themeColor", "close"], [1, "kendo-dialog-content"], ["id", "braintree-container"], ["layout", "end"], ["type", "button", 1, "btn", "btn-sm", "btn-success", 3, "click"], ["type", "button", 1, "btn", "btn-sm", "btn-danger", 3, "click"]], template: function BraintreeDialog_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵfac = function BraintreeDialog_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || BraintreeDialog)(i0.ɵɵdirectiveInject(PaymentsService), i0.ɵɵdirectiveInject(NotificationService)); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: BraintreeDialog, selectors: [["anatoly-billing-braintree-dialog"]], inputs: { paidFor: "paidFor", title: "title", description: "description", image: "image" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [[1, "send-message__kendo-dialog"], [3, "close", "width", "height", "themeColor"], [1, "kendo-dialog-content"], ["id", "braintree-container"], ["layout", "end"], ["type", "button", 1, "btn", "btn-sm", "btn-success", 3, "click"], ["type", "button", 1, "btn", "btn-sm", "btn-danger", 3, "click"]], template: function BraintreeDialog_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵtemplate(0, BraintreeDialog_Conditional_0_Template, 11, 3, "div", 0);
         } if (rf & 2) {
-            i0.ɵɵconditional(0, ctx.visible ? 0 : -1);
+            i0.ɵɵconditional(ctx.visible ? 0 : -1);
         } }, dependencies: [i2$1.DialogComponent, i2$1.DialogTitleBarComponent, i2$1.DialogActionsComponent], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BraintreeDialog, [{
         type: Component,
-        args: [{ selector: 'anatoly-billing-braintree-dialog', template: "@if (visible) {\r\n  <div class='send-message__kendo-dialog'>\r\n    <kendo-dialog [width]='480' [height]='560' [themeColor]='themeColor' (close)='onClose()'>\r\n      <kendo-dialog-titlebar>Pay with Credit Card</kendo-dialog-titlebar>\r\n      <div class='kendo-dialog-content'>\r\n        <div id=\"braintree-container\"></div>\r\n      </div>\r\n      <kendo-dialog-actions layout='end'>\r\n        <button class='btn btn-sm btn-success' type='button' (click)='onPay()'>Pay</button>\r\n        <button class='btn btn-sm btn-danger' type='button'  (click)='onClose()'>Cancel</button>\r\n      </kendo-dialog-actions>\r\n    </kendo-dialog>\r\n  </div>\r\n}\r\n" }]
+        args: [{ selector: 'anatoly-billing-braintree-dialog', standalone: false, template: "@if (visible) {\r\n  <div class='send-message__kendo-dialog'>\r\n    <kendo-dialog [width]='480' [height]='560' [themeColor]='themeColor' (close)='onClose()'>\r\n      <kendo-dialog-titlebar>Pay with Credit Card</kendo-dialog-titlebar>\r\n      <div class='kendo-dialog-content'>\r\n        <div id=\"braintree-container\"></div>\r\n      </div>\r\n      <kendo-dialog-actions layout='end'>\r\n        <button class='btn btn-sm btn-success' type='button' (click)='onPay()'>Pay</button>\r\n        <button class='btn btn-sm btn-danger' type='button'  (click)='onClose()'>Cancel</button>\r\n      </kendo-dialog-actions>\r\n    </kendo-dialog>\r\n  </div>\r\n}\r\n" }]
     }], () => [{ type: PaymentsService }, { type: NotificationService }], { paidFor: [{
             type: Input
         }], title: [{
@@ -5156,7 +5164,7 @@ class BraintreeDialog extends DialogBase {
         }], image: [{
             type: Input
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(BraintreeDialog, { className: "BraintreeDialog", filePath: "lib\\billing\\components\\pm\\braintree\\braintree.component.ts", lineNumber: 32 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(BraintreeDialog, { className: "BraintreeDialog", filePath: "lib/billing/components/pm/braintree/braintree.component.ts", lineNumber: 33 }); })();
 
 /*
 <file>
@@ -5238,7 +5246,7 @@ class PayPalScriptService {
         }
         return `https://www.paypal.com/sdk/js${this.ss.getQueryString(params)}`;
     }
-    static { this.ɵfac = function PayPalScriptService_Factory(t) { return new (t || PayPalScriptService)(i0.ɵɵinject(ScriptService)); }; }
+    static { this.ɵfac = function PayPalScriptService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PayPalScriptService)(i0.ɵɵinject(ScriptService)); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: PayPalScriptService, factory: PayPalScriptService.ɵfac }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PayPalScriptService, [{
@@ -5525,14 +5533,14 @@ class PayPalComponent {
             return (c == "x" ? r : (r & 0x7) | 0x8).toString(16);
         });
     }
-    static { this.ɵfac = function PayPalComponent_Factory(t) { return new (t || PayPalComponent)(i0.ɵɵdirectiveInject(PayPalScriptService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i0.NgZone)); }; }
+    static { this.ɵfac = function PayPalComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PayPalComponent)(i0.ɵɵdirectiveInject(PayPalScriptService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i0.NgZone)); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PayPalComponent, selectors: [["anatoly-billing-paypal-container"]], viewQuery: function PayPalComponent_Query(rf, ctx) { if (rf & 1) {
             i0.ɵɵviewQuery(_c0$f, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.payPalButtonContainer = _t.first);
-        } }, inputs: { config: "config", registerScript: "registerScript" }, outputs: { scriptLoaded: "scriptLoaded" }, features: [i0.ɵɵNgOnChangesFeature], decls: 2, vars: 1, consts: [[3, "id"], ["payPalButtonContainer", ""]], template: function PayPalComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelement(0, "div", 0, 1);
+        } }, inputs: { config: "config", registerScript: "registerScript" }, outputs: { scriptLoaded: "scriptLoaded" }, standalone: false, features: [i0.ɵɵNgOnChangesFeature], decls: 2, vars: 1, consts: [["payPalButtonContainer", ""], [3, "id"]], template: function PayPalComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelement(0, "div", 1, 0);
         } if (rf & 2) {
             i0.ɵɵproperty("id", ctx.payPalButtonContainerId);
         } }, encapsulation: 2, changeDetection: 0 }); }
@@ -5545,6 +5553,7 @@ class PayPalComponent {
                 template: `
     <div #payPalButtonContainer [id]="payPalButtonContainerId"></div>
   `,
+                standalone: false
             }]
     }], () => [{ type: PayPalScriptService }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }], { config: [{
             type: Input
@@ -5556,7 +5565,7 @@ class PayPalComponent {
             type: ViewChild,
             args: ["payPalButtonContainer", { static: false }]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PayPalComponent, { className: "PayPalComponent", filePath: "lib\\billing\\components\\pm\\paypal\\paypal.component.ts", lineNumber: 57 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PayPalComponent, { className: "PayPalComponent", filePath: "lib/billing/components/pm/paypal/paypal.component.ts", lineNumber: 58 }); })();
 
 /*
 <file>
@@ -5692,22 +5701,22 @@ class PaypalButtonComponent extends ComponentBase {
     get visible() {
         return this.ps.selectedPaymentMethod == PaymentMethod.PayPal && this.ps.getTotal() > 0;
     }
-    static { this.ɵfac = function PaypalButtonComponent_Factory(t) { return new (t || PaypalButtonComponent)(i0.ɵɵdirectiveInject(PaymentsService)); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PaypalButtonComponent, selectors: [["anatoly-billing-paypal-button"]], inputs: { paidForTitle: "paidForTitle", paidFor: "paidFor" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [[3, "config"]], template: function PaypalButtonComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵfac = function PaypalButtonComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PaypalButtonComponent)(i0.ɵɵdirectiveInject(PaymentsService)); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PaypalButtonComponent, selectors: [["anatoly-billing-paypal-button"]], inputs: { paidForTitle: "paidForTitle", paidFor: "paidFor" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [[3, "config"]], template: function PaypalButtonComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵtemplate(0, PaypalButtonComponent_Conditional_0_Template, 1, 1, "anatoly-billing-paypal-container", 0);
         } if (rf & 2) {
-            i0.ɵɵconditional(0, ctx.visible ? 0 : -1);
+            i0.ɵɵconditional(ctx.visible ? 0 : -1);
         } }, dependencies: [PayPalComponent], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PaypalButtonComponent, [{
         type: Component,
-        args: [{ selector: 'anatoly-billing-paypal-button', template: "@if (visible) {\r\n  <anatoly-billing-paypal-container [config]='payPalConfig' />\r\n}\r\n" }]
+        args: [{ selector: 'anatoly-billing-paypal-button', standalone: false, template: "@if (visible) {\r\n  <anatoly-billing-paypal-container [config]='payPalConfig' />\r\n}\r\n" }]
     }], () => [{ type: PaymentsService }], { paidForTitle: [{
             type: Input
         }], paidFor: [{
             type: Input
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PaypalButtonComponent, { className: "PaypalButtonComponent", filePath: "lib\\billing\\components\\pm\\paypal\\paypal-button.component.ts", lineNumber: 42 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PaypalButtonComponent, { className: "PaypalButtonComponent", filePath: "lib/billing/components/pm/paypal/paypal-button.component.ts", lineNumber: 43 }); })();
 
 /*
 <file>
@@ -5772,7 +5781,7 @@ class SubscriptionsApiService extends ApiServiceBase {
             }
         });
     }
-    static { this.ɵfac = function SubscriptionsApiService_Factory(t) { return new (t || SubscriptionsApiService)(i0.ɵɵinject(i1.HttpClient)); }; }
+    static { this.ɵfac = function SubscriptionsApiService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SubscriptionsApiService)(i0.ɵɵinject(i1.HttpClient)); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: SubscriptionsApiService, factory: SubscriptionsApiService.ɵfac }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SubscriptionsApiService, [{
@@ -5892,8 +5901,8 @@ class PaypalSubscribeButtonComponent extends ComponentBase {
             });
         });
     }
-    static { this.ɵfac = function PaypalSubscribeButtonComponent_Factory(t) { return new (t || PaypalSubscribeButtonComponent)(i0.ɵɵdirectiveInject(i0.NgZone), i0.ɵɵdirectiveInject(AppContextService), i0.ɵɵdirectiveInject(SubscriptionsApiService)); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PaypalSubscribeButtonComponent, selectors: [["anatoly-billing-paypal-subscribe-button"]], inputs: { payPalPlanId: "payPalPlanId", quantity: "quantity", planId: "planId", addons: "addons", price: "price", totalPrice: "totalPrice" }, outputs: { statusChange: "statusChange" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [[3, "config"]], template: function PaypalSubscribeButtonComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵfac = function PaypalSubscribeButtonComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PaypalSubscribeButtonComponent)(i0.ɵɵdirectiveInject(i0.NgZone), i0.ɵɵdirectiveInject(AppContextService), i0.ɵɵdirectiveInject(SubscriptionsApiService)); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PaypalSubscribeButtonComponent, selectors: [["anatoly-billing-paypal-subscribe-button"]], inputs: { payPalPlanId: "payPalPlanId", quantity: "quantity", planId: "planId", addons: "addons", price: "price", totalPrice: "totalPrice" }, outputs: { statusChange: "statusChange" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [[3, "config"]], template: function PaypalSubscribeButtonComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelement(0, "anatoly-billing-paypal-container", 0);
         } if (rf & 2) {
             i0.ɵɵproperty("config", ctx.payPalConfig);
@@ -5901,7 +5910,7 @@ class PaypalSubscribeButtonComponent extends ComponentBase {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PaypalSubscribeButtonComponent, [{
         type: Component,
-        args: [{ selector: 'anatoly-billing-paypal-subscribe-button', template: "<anatoly-billing-paypal-container [config]='payPalConfig' />\r\n\r\n" }]
+        args: [{ selector: 'anatoly-billing-paypal-subscribe-button', standalone: false, template: "<anatoly-billing-paypal-container [config]='payPalConfig' />\r\n\r\n" }]
     }], () => [{ type: i0.NgZone }, { type: AppContextService }, { type: SubscriptionsApiService }], { payPalPlanId: [{
             type: Input
         }], quantity: [{
@@ -5917,7 +5926,7 @@ class PaypalSubscribeButtonComponent extends ComponentBase {
         }], statusChange: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PaypalSubscribeButtonComponent, { className: "PaypalSubscribeButtonComponent", filePath: "lib\\billing\\components\\pm\\paypal\\paypal-subscribe-button.component.ts", lineNumber: 31 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PaypalSubscribeButtonComponent, { className: "PaypalSubscribeButtonComponent", filePath: "lib/billing/components/pm/paypal/paypal-subscribe-button.component.ts", lineNumber: 32 }); })();
 
 /*
 <file>
@@ -5938,19 +5947,19 @@ class PaypalSubscribeButtonComponent extends ComponentBase {
 */
 //Node
 function StripeDialog_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    const _r2 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 1)(1, "kendo-dialog", 2);
-    i0.ɵɵlistener("close", function StripeDialog_Conditional_0_Template_kendo_dialog_close_1_listener() { i0.ɵɵrestoreView(_r2); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onClose()); });
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 0)(1, "kendo-dialog", 1);
+    i0.ɵɵlistener("close", function StripeDialog_Conditional_0_Template_kendo_dialog_close_1_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onClose()); });
     i0.ɵɵelementStart(2, "kendo-dialog-titlebar");
     i0.ɵɵtext(3, "Pay with Stripe");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div", 3);
-    i0.ɵɵelement(5, "div", 4);
+    i0.ɵɵelementStart(4, "div", 2);
+    i0.ɵɵelement(5, "div", 3);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
+    const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
-    i0.ɵɵproperty("width", 1080)("height", 800)("themeColor", ctx_r0.themeColor);
+    i0.ɵɵproperty("width", 1080)("height", 800)("themeColor", ctx_r1.themeColor);
 } }
 class StripeDialog extends DialogBase {
     constructor(ps) {
@@ -5998,16 +6007,16 @@ class StripeDialog extends DialogBase {
     get visible() {
         return this.isOpen && this.ps.getTotal() > 0;
     }
-    static { this.ɵfac = function StripeDialog_Factory(t) { return new (t || StripeDialog)(i0.ɵɵdirectiveInject(PaymentsService)); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: StripeDialog, selectors: [["anatoly-billing-stripe-dialog"]], inputs: { paidFor: "paidFor", title: "title", description: "description", image: "image" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [["class", "send-message__kendo-dialog"], [1, "send-message__kendo-dialog"], [3, "width", "height", "themeColor", "close"], [1, "kendo-dialog-content"], ["id", "stripeCheckout"]], template: function StripeDialog_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵfac = function StripeDialog_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || StripeDialog)(i0.ɵɵdirectiveInject(PaymentsService)); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: StripeDialog, selectors: [["anatoly-billing-stripe-dialog"]], inputs: { paidFor: "paidFor", title: "title", description: "description", image: "image" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [[1, "send-message__kendo-dialog"], [3, "close", "width", "height", "themeColor"], [1, "kendo-dialog-content"], ["id", "stripeCheckout"]], template: function StripeDialog_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵtemplate(0, StripeDialog_Conditional_0_Template, 6, 3, "div", 0);
         } if (rf & 2) {
-            i0.ɵɵconditional(0, ctx.visible ? 0 : -1);
+            i0.ɵɵconditional(ctx.visible ? 0 : -1);
         } }, dependencies: [i2$1.DialogComponent, i2$1.DialogTitleBarComponent], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(StripeDialog, [{
         type: Component,
-        args: [{ selector: 'anatoly-billing-stripe-dialog', template: "@if (visible) {\r\n  <div class='send-message__kendo-dialog'>\r\n    <kendo-dialog [width]='1080' [height]='800' [themeColor]='themeColor' (close)='onClose()'>\r\n      <kendo-dialog-titlebar>Pay with Stripe</kendo-dialog-titlebar>       \r\n      <div class='kendo-dialog-content'>\r\n        <div id=\"stripeCheckout\"></div>\r\n      </div>\r\n    </kendo-dialog>\r\n  </div>\r\n}\r\n" }]
+        args: [{ selector: 'anatoly-billing-stripe-dialog', standalone: false, template: "@if (visible) {\r\n  <div class='send-message__kendo-dialog'>\r\n    <kendo-dialog [width]='1080' [height]='800' [themeColor]='themeColor' (close)='onClose()'>\r\n      <kendo-dialog-titlebar>Pay with Stripe</kendo-dialog-titlebar>       \r\n      <div class='kendo-dialog-content'>\r\n        <div id=\"stripeCheckout\"></div>\r\n      </div>\r\n    </kendo-dialog>\r\n  </div>\r\n}\r\n" }]
     }], () => [{ type: PaymentsService }], { paidFor: [{
             type: Input
         }], title: [{
@@ -6017,7 +6026,7 @@ class StripeDialog extends DialogBase {
         }], image: [{
             type: Input
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(StripeDialog, { className: "StripeDialog", filePath: "lib\\billing\\components\\pm\\stripe\\stripe.component.ts", lineNumber: 33 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(StripeDialog, { className: "StripeDialog", filePath: "lib/billing/components/pm/stripe/stripe.component.ts", lineNumber: 34 }); })();
 
 /*
 <file>
@@ -6049,16 +6058,19 @@ class StripeDialog extends DialogBase {
 </file>
 */
 class BillingUtils {
+    static { this.CURRENCY_SYMBOLS = {
+        GBP: '£',
+        EUR: '€',
+        USD: '$',
+        JPY: '¥',
+        CAD: 'CA$',
+        AUD: 'A$',
+    }; }
     static convert2AmountWithCurrency(amount, currency) {
-        switch (currency) {
-            case 'GBP':
-                return '£' + amount;
-            case 'EUR':
-                return '€' + amount;
-            case 'USD':
-                return '$' + amount;
-        }
-        return amount;
+        if (!amount && amount !== 0)
+            return '';
+        const symbol = this.CURRENCY_SYMBOLS[currency.toUpperCase()];
+        return symbol ? `${symbol}${amount}` : `${amount} ${currency}`;
     }
 }
 
@@ -6125,7 +6137,7 @@ class GridReadServiceBase extends BehaviorSubject {
             }
         });
     }
-    static { this.ɵfac = function GridReadServiceBase_Factory(t) { return new (t || GridReadServiceBase)(i0.ɵɵinject(i1.HttpClient)); }; }
+    static { this.ɵfac = function GridReadServiceBase_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || GridReadServiceBase)(i0.ɵɵinject(i1.HttpClient)); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: GridReadServiceBase, factory: GridReadServiceBase.ɵfac }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(GridReadServiceBase, [{
@@ -6199,7 +6211,7 @@ class GridEditServiceBase extends GridReadServiceBase {
         const url = `${this.baseUrl}/${action}${this.serializeParams(data)}`;
         return this.http.post(url, data).pipe(map(res => res));
     }
-    static { this.ɵfac = function GridEditServiceBase_Factory(t) { return new (t || GridEditServiceBase)(i0.ɵɵinject(i1.HttpClient)); }; }
+    static { this.ɵfac = function GridEditServiceBase_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || GridEditServiceBase)(i0.ɵɵinject(i1.HttpClient)); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: GridEditServiceBase, factory: GridEditServiceBase.ɵfac }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(GridEditServiceBase, [{
@@ -6234,7 +6246,7 @@ class CurrenciesApiService extends ApiServiceBase {
     getRates() {
         return this.get('getRates');
     }
-    static { this.ɵfac = function CurrenciesApiService_Factory(t) { return new (t || CurrenciesApiService)(i0.ɵɵinject(i1.HttpClient)); }; }
+    static { this.ɵfac = function CurrenciesApiService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CurrenciesApiService)(i0.ɵɵinject(i1.HttpClient)); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: CurrenciesApiService, factory: CurrenciesApiService.ɵfac }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CurrenciesApiService, [{
@@ -6321,7 +6333,7 @@ class CurrenciesStorageService {
         }
         return rate;
     }
-    static { this.ɵfac = function CurrenciesStorageService_Factory(t) { return new (t || CurrenciesStorageService)(i0.ɵɵinject(AppContextService), i0.ɵɵinject(CurrenciesApiService)); }; }
+    static { this.ɵfac = function CurrenciesStorageService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CurrenciesStorageService)(i0.ɵɵinject(AppContextService), i0.ɵɵinject(CurrenciesApiService)); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: CurrenciesStorageService, factory: CurrenciesStorageService.ɵfac }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CurrenciesStorageService, [{
@@ -6358,7 +6370,7 @@ class TransactionsApiService extends ApiServiceBase {
     getTransactions(data) {
         return this.get('getTransactions', data);
     }
-    static { this.ɵfac = function TransactionsApiService_Factory(t) { return new (t || TransactionsApiService)(i0.ɵɵinject(i1.HttpClient)); }; }
+    static { this.ɵfac = function TransactionsApiService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TransactionsApiService)(i0.ɵɵinject(i1.HttpClient)); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: TransactionsApiService, factory: TransactionsApiService.ɵfac }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TransactionsApiService, [{
@@ -6396,7 +6408,7 @@ class CoreApiService extends ApiServiceBase {
     getUSStatesJsonFile() {
         return this.getExternalJsonFile('anatoly', 'usStates.json');
     }
-    static { this.ɵfac = function CoreApiService_Factory(t) { return new (t || CoreApiService)(i0.ɵɵinject(i1.HttpClient)); }; }
+    static { this.ɵfac = function CoreApiService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CoreApiService)(i0.ɵɵinject(i1.HttpClient)); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: CoreApiService, factory: CoreApiService.ɵfac }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CoreApiService, [{
@@ -6437,7 +6449,7 @@ class EmailsApiService extends ApiServiceBase {
             }
         });
     }
-    static { this.ɵfac = function EmailsApiService_Factory(t) { return new (t || EmailsApiService)(i0.ɵɵinject(i1.HttpClient)); }; }
+    static { this.ɵfac = function EmailsApiService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || EmailsApiService)(i0.ɵɵinject(i1.HttpClient)); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: EmailsApiService, factory: EmailsApiService.ɵfac }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EmailsApiService, [{
@@ -6532,7 +6544,7 @@ class EnumEditComponentBase extends EditComponentBase {
             this.sv = value;
         }
     }
-    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵEnumEditComponentBase_BaseFactory; return function EnumEditComponentBase_Factory(t) { return (ɵEnumEditComponentBase_BaseFactory || (ɵEnumEditComponentBase_BaseFactory = i0.ɵɵgetInheritedFactory(EnumEditComponentBase)))(t || EnumEditComponentBase); }; })(); }
+    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵEnumEditComponentBase_BaseFactory; return function EnumEditComponentBase_Factory(__ngFactoryType__) { return (ɵEnumEditComponentBase_BaseFactory || (ɵEnumEditComponentBase_BaseFactory = i0.ɵɵgetInheritedFactory(EnumEditComponentBase)))(__ngFactoryType__ || EnumEditComponentBase); }; })(); }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EnumEditComponentBase, selectors: [["ng-component"]], inputs: { defaultValue: "defaultValue" }, outputs: { valueChange: "valueChange" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 0, vars: 0, template: function EnumEditComponentBase_Template(rf, ctx) { }, encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EnumEditComponentBase, [{
@@ -6545,7 +6557,7 @@ class EnumEditComponentBase extends EditComponentBase {
         }], valueChange: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(EnumEditComponentBase, { className: "EnumEditComponentBase", filePath: "lib\\ui\\components\\base\\components\\enum-edit.component.ts", lineNumber: 27 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(EnumEditComponentBase, { className: "EnumEditComponentBase", filePath: "lib/ui/components/base/components/enum-edit.component.ts", lineNumber: 27 }); })();
 
 /*
 <file>
@@ -6564,16 +6576,17 @@ class EnumEditComponentBase extends EditComponentBase {
 */
 //Node
 class PageBase extends ComponentBase {
-    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵPageBase_BaseFactory; return function PageBase_Factory(t) { return (ɵPageBase_BaseFactory || (ɵPageBase_BaseFactory = i0.ɵɵgetInheritedFactory(PageBase)))(t || PageBase); }; })(); }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PageBase, selectors: [["ng-component"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 0, vars: 0, template: function PageBase_Template(rf, ctx) { }, encapsulation: 2 }); }
+    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵPageBase_BaseFactory; return function PageBase_Factory(__ngFactoryType__) { return (ɵPageBase_BaseFactory || (ɵPageBase_BaseFactory = i0.ɵɵgetInheritedFactory(PageBase)))(__ngFactoryType__ || PageBase); }; })(); }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PageBase, selectors: [["ng-component"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 0, vars: 0, template: function PageBase_Template(rf, ctx) { }, encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PageBase, [{
         type: Component,
         args: [{
-                template: ''
+                template: '',
+                standalone: false
             }]
     }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PageBase, { className: "PageBase", filePath: "lib\\ui\\components\\base\\pages\\page.ts", lineNumber: 26 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PageBase, { className: "PageBase", filePath: "lib/ui/components/base/pages/page.ts", lineNumber: 27 }); })();
 
 /*
 <file>
@@ -6592,16 +6605,17 @@ class PageBase extends ComponentBase {
 */
 //Node
 class EditPageBase extends EditComponentBase {
-    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵEditPageBase_BaseFactory; return function EditPageBase_Factory(t) { return (ɵEditPageBase_BaseFactory || (ɵEditPageBase_BaseFactory = i0.ɵɵgetInheritedFactory(EditPageBase)))(t || EditPageBase); }; })(); }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EditPageBase, selectors: [["ng-component"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 0, vars: 0, template: function EditPageBase_Template(rf, ctx) { }, encapsulation: 2 }); }
+    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵEditPageBase_BaseFactory; return function EditPageBase_Factory(__ngFactoryType__) { return (ɵEditPageBase_BaseFactory || (ɵEditPageBase_BaseFactory = i0.ɵɵgetInheritedFactory(EditPageBase)))(__ngFactoryType__ || EditPageBase); }; })(); }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EditPageBase, selectors: [["ng-component"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 0, vars: 0, template: function EditPageBase_Template(rf, ctx) { }, encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EditPageBase, [{
         type: Component,
         args: [{
-                template: ''
+                template: '',
+                standalone: false
             }]
     }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(EditPageBase, { className: "EditPageBase", filePath: "lib\\ui\\components\\base\\pages\\edit.page.ts", lineNumber: 26 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(EditPageBase, { className: "EditPageBase", filePath: "lib/ui/components/base/pages/edit.page.ts", lineNumber: 27 }); })();
 
 /*
 <file>
@@ -6656,16 +6670,17 @@ class PagedPageBase extends PageBase {
         this.currentPage = (this.skipItems / this.pageSize) + 1;
         this.loadPage();
     }
-    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵPagedPageBase_BaseFactory; return function PagedPageBase_Factory(t) { return (ɵPagedPageBase_BaseFactory || (ɵPagedPageBase_BaseFactory = i0.ɵɵgetInheritedFactory(PagedPageBase)))(t || PagedPageBase); }; })(); }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PagedPageBase, selectors: [["ng-component"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 0, vars: 0, template: function PagedPageBase_Template(rf, ctx) { }, encapsulation: 2 }); }
+    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵPagedPageBase_BaseFactory; return function PagedPageBase_Factory(__ngFactoryType__) { return (ɵPagedPageBase_BaseFactory || (ɵPagedPageBase_BaseFactory = i0.ɵɵgetInheritedFactory(PagedPageBase)))(__ngFactoryType__ || PagedPageBase); }; })(); }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PagedPageBase, selectors: [["ng-component"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 0, vars: 0, template: function PagedPageBase_Template(rf, ctx) { }, encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PagedPageBase, [{
         type: Component,
         args: [{
-                template: ''
+                template: '',
+                standalone: false
             }]
     }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PagedPageBase, { className: "PagedPageBase", filePath: "lib\\ui\\components\\base\\pages\\paged.page.ts", lineNumber: 26 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PagedPageBase, { className: "PagedPageBase", filePath: "lib/ui/components/base/pages/paged.page.ts", lineNumber: 27 }); })();
 
 /*
 <file>
@@ -6744,13 +6759,14 @@ class ListBase extends ComponentBase {
         this.currentPage = (this.skipItems / this.pageSize) + 1;
         this.loadPage();
     }
-    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵListBase_BaseFactory; return function ListBase_Factory(t) { return (ɵListBase_BaseFactory || (ɵListBase_BaseFactory = i0.ɵɵgetInheritedFactory(ListBase)))(t || ListBase); }; })(); }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ListBase, selectors: [["ng-component"]], inputs: { pageSize: "pageSize", autoDataLoading: "autoDataLoading" }, outputs: { filterRequest: "filterRequest", dataChange: "dataChange" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 0, vars: 0, template: function ListBase_Template(rf, ctx) { }, encapsulation: 2 }); }
+    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵListBase_BaseFactory; return function ListBase_Factory(__ngFactoryType__) { return (ɵListBase_BaseFactory || (ɵListBase_BaseFactory = i0.ɵɵgetInheritedFactory(ListBase)))(__ngFactoryType__ || ListBase); }; })(); }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ListBase, selectors: [["ng-component"]], inputs: { pageSize: "pageSize", autoDataLoading: "autoDataLoading" }, outputs: { filterRequest: "filterRequest", dataChange: "dataChange" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 0, vars: 0, template: function ListBase_Template(rf, ctx) { }, encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ListBase, [{
         type: Component,
         args: [{
-                template: ''
+                template: '',
+                standalone: false
             }]
     }], null, { pageSize: [{
             type: Input
@@ -6761,7 +6777,7 @@ class ListBase extends ComponentBase {
         }], dataChange: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ListBase, { className: "ListBase", filePath: "lib\\ui\\components\\base\\list.ts", lineNumber: 26 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ListBase, { className: "ListBase", filePath: "lib/ui/components/base/list.ts", lineNumber: 27 }); })();
 
 /*
 <file>
@@ -6781,8 +6797,8 @@ class ListBase extends ComponentBase {
 const _c0$e = [[["card-header"]], [["card-body"]], "*", [["card-footer"]]];
 const _c1$1 = ["card-header", "card-body", "*", "card-footer"];
 class CardComponent extends ComponentBase {
-    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵCardComponent_BaseFactory; return function CardComponent_Factory(t) { return (ɵCardComponent_BaseFactory || (ɵCardComponent_BaseFactory = i0.ɵɵgetInheritedFactory(CardComponent)))(t || CardComponent); }; })(); }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CardComponent, selectors: [["anatoly-card"]], features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c1$1, decls: 5, vars: 3, template: function CardComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵCardComponent_BaseFactory; return function CardComponent_Factory(__ngFactoryType__) { return (ɵCardComponent_BaseFactory || (ɵCardComponent_BaseFactory = i0.ɵɵgetInheritedFactory(CardComponent)))(__ngFactoryType__ || CardComponent); }; })(); }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CardComponent, selectors: [["anatoly-card"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c1$1, decls: 5, vars: 3, template: function CardComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef(_c0$e);
             i0.ɵɵelementStart(0, "div");
             i0.ɵɵprojection(1);
@@ -6796,9 +6812,9 @@ class CardComponent extends ComponentBase {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CardComponent, [{
         type: Component,
-        args: [{ selector: 'anatoly-card', template: "<div class='card {{ classes }}'>\r\n  <ng-content select='card-header'></ng-content>\r\n  <ng-content select='card-body'></ng-content>\r\n  <ng-content></ng-content>\r\n  <ng-content select='card-footer'></ng-content>\r\n</div>\r\n" }]
+        args: [{ selector: 'anatoly-card', standalone: false, template: "<div class='card {{ classes }}'>\r\n  <ng-content select='card-header'></ng-content>\r\n  <ng-content select='card-body'></ng-content>\r\n  <ng-content></ng-content>\r\n  <ng-content select='card-footer'></ng-content>\r\n</div>\r\n" }]
     }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CardComponent, { className: "CardComponent", filePath: "lib\\ui\\components\\card\\card.component.ts", lineNumber: 26 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CardComponent, { className: "CardComponent", filePath: "lib/ui/components/card/card.component.ts", lineNumber: 27 }); })();
 
 /*
 <file>
@@ -6815,6 +6831,7 @@ class CardComponent extends ComponentBase {
 </file>
 */
 //Node
+const _c0$d = ["*"];
 function CardHeaderComponent_h3_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "h3");
     i0.ɵɵtext(1);
@@ -6824,10 +6841,9 @@ function CardHeaderComponent_h3_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(ctx_r0.title);
 } }
-const _c0$d = ["*"];
 class CardHeaderComponent extends ComponentBase {
-    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵCardHeaderComponent_BaseFactory; return function CardHeaderComponent_Factory(t) { return (ɵCardHeaderComponent_BaseFactory || (ɵCardHeaderComponent_BaseFactory = i0.ɵɵgetInheritedFactory(CardHeaderComponent)))(t || CardHeaderComponent); }; })(); }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CardHeaderComponent, selectors: [["anatoly-card-header"]], features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$d, decls: 4, vars: 4, consts: [[1, "card-title"], [4, "ngIf"]], template: function CardHeaderComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵCardHeaderComponent_BaseFactory; return function CardHeaderComponent_Factory(__ngFactoryType__) { return (ɵCardHeaderComponent_BaseFactory || (ɵCardHeaderComponent_BaseFactory = i0.ɵɵgetInheritedFactory(CardHeaderComponent)))(__ngFactoryType__ || CardHeaderComponent); }; })(); }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CardHeaderComponent, selectors: [["anatoly-card-header"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$d, decls: 4, vars: 4, consts: [[1, "card-title"], [4, "ngIf"]], template: function CardHeaderComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "div")(1, "div", 0);
             i0.ɵɵtemplate(2, CardHeaderComponent_h3_2_Template, 2, 1, "h3", 1);
@@ -6842,9 +6858,9 @@ class CardHeaderComponent extends ComponentBase {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CardHeaderComponent, [{
         type: Component,
-        args: [{ selector: 'anatoly-card-header', template: "<div class='card-header {{ classes }}'>\r\n  <div class=\"card-title\">\r\n    <h3 *ngIf='title'>{{ title }}</h3>\r\n  </div>\r\n  <ng-content></ng-content>\r\n</div>\r\n" }]
+        args: [{ selector: 'anatoly-card-header', standalone: false, template: "<div class='card-header {{ classes }}'>\r\n  <div class=\"card-title\">\r\n    <h3 *ngIf='title'>{{ title }}</h3>\r\n  </div>\r\n  <ng-content></ng-content>\r\n</div>\r\n" }]
     }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CardHeaderComponent, { className: "CardHeaderComponent", filePath: "lib\\ui\\components\\card\\card-header.component.ts", lineNumber: 26 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CardHeaderComponent, { className: "CardHeaderComponent", filePath: "lib/ui/components/card/card-header.component.ts", lineNumber: 27 }); })();
 
 /*
 <file>
@@ -6863,8 +6879,8 @@ class CardHeaderComponent extends ComponentBase {
 //Node
 const _c0$c = ["*"];
 class CardBodyComponent extends ComponentBase {
-    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵCardBodyComponent_BaseFactory; return function CardBodyComponent_Factory(t) { return (ɵCardBodyComponent_BaseFactory || (ɵCardBodyComponent_BaseFactory = i0.ɵɵgetInheritedFactory(CardBodyComponent)))(t || CardBodyComponent); }; })(); }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CardBodyComponent, selectors: [["anatoly-card-body"]], features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$c, decls: 2, vars: 3, template: function CardBodyComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵCardBodyComponent_BaseFactory; return function CardBodyComponent_Factory(__ngFactoryType__) { return (ɵCardBodyComponent_BaseFactory || (ɵCardBodyComponent_BaseFactory = i0.ɵɵgetInheritedFactory(CardBodyComponent)))(__ngFactoryType__ || CardBodyComponent); }; })(); }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CardBodyComponent, selectors: [["anatoly-card-body"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$c, decls: 2, vars: 3, template: function CardBodyComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "div");
             i0.ɵɵprojection(1);
@@ -6875,9 +6891,9 @@ class CardBodyComponent extends ComponentBase {
 }
 (() => { (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" }]
+        args: [{ selector: 'anatoly-card-body', standalone: false, template: "<div class='card-body {{ classes }}'>\r\n  <ng-content></ng-content>\r\n</div>\r\n" }]
     }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CardBodyComponent, { className: "CardBodyComponent", filePath: "lib\\ui\\components\\card\\card-body.component.ts", lineNumber: 26 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CardBodyComponent, { className: "CardBodyComponent", filePath: "lib/ui/components/card/card-body.component.ts", lineNumber: 27 }); })();
 
 /*
 <file>
@@ -6896,8 +6912,8 @@ class CardBodyComponent extends ComponentBase {
 //Node
 const _c0$b = ["*"];
 class CardFooterComponent extends ComponentBase {
-    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵCardFooterComponent_BaseFactory; return function CardFooterComponent_Factory(t) { return (ɵCardFooterComponent_BaseFactory || (ɵCardFooterComponent_BaseFactory = i0.ɵɵgetInheritedFactory(CardFooterComponent)))(t || CardFooterComponent); }; })(); }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CardFooterComponent, selectors: [["anatoly-card-footer"]], features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$b, decls: 2, vars: 3, template: function CardFooterComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵCardFooterComponent_BaseFactory; return function CardFooterComponent_Factory(__ngFactoryType__) { return (ɵCardFooterComponent_BaseFactory || (ɵCardFooterComponent_BaseFactory = i0.ɵɵgetInheritedFactory(CardFooterComponent)))(__ngFactoryType__ || CardFooterComponent); }; })(); }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CardFooterComponent, selectors: [["anatoly-card-footer"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$b, decls: 2, vars: 3, template: function CardFooterComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "div");
             i0.ɵɵprojection(1);
@@ -6908,9 +6924,9 @@ class CardFooterComponent extends ComponentBase {
 }
 (() => { (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" }]
+        args: [{ selector: 'anatoly-card-footer', standalone: false, template: "<div class='card-footer {{ classes }}'>\r\n  <ng-content></ng-content>\r\n</div>\r\n" }]
     }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CardFooterComponent, { className: "CardFooterComponent", filePath: "lib\\ui\\components\\card\\card-footer.component.ts", lineNumber: 26 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CardFooterComponent, { className: "CardFooterComponent", filePath: "lib/ui/components/card/card-footer.component.ts", lineNumber: 27 }); })();
 
 /*
 <file>
@@ -6936,13 +6952,14 @@ class NativeElementDirective {
         // sets the localization key to the control
         this.control.control.nativeElement = this.el.nativeElement;
     }
-    static { this.ɵfac = function NativeElementDirective_Factory(t) { return new (t || NativeElementDirective)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i2.NgControl)); }; }
-    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: NativeElementDirective, selectors: [["", "formControl", ""], ["", "formControlName", ""]] }); }
+    static { this.ɵfac = function NativeElementDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || NativeElementDirective)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i2.NgControl)); }; }
+    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: NativeElementDirective, selectors: [["", "formControl", ""], ["", "formControlName", ""]], standalone: false }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NativeElementDirective, [{
         type: Directive,
         args: [{
-                selector: '[formControl], [formControlName]'
+                selector: '[formControl], [formControlName]',
+                standalone: false
             }]
     }], () => [{ type: i0.ElementRef }, { type: i2.NgControl }], null); })();
 
@@ -6967,18 +6984,18 @@ function CountryDropdownlist_div_0_Template(rf, ctx) { if (rf & 1) {
 function CountryDropdownlist_div_1_kendo_label_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "kendo-label", 6);
 } if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵpropertyInterpolate("text", ctx_r2.title);
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵpropertyInterpolate("text", ctx_r0.title);
 } }
 function CountryDropdownlist_div_1_option_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "option", 7);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const item_r4 = ctx.$implicit;
-    i0.ɵɵproperty("value", item_r4.code);
+    const item_r2 = ctx.$implicit;
+    i0.ɵɵproperty("value", item_r2.code);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", item_r4.name, " ");
+    i0.ɵɵtextInterpolate1(" ", item_r2.name, " ");
 } }
 function CountryDropdownlist_div_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 2);
@@ -6987,20 +7004,19 @@ function CountryDropdownlist_div_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtemplate(3, CountryDropdownlist_div_1_option_3_Template, 2, 2, "option", 5);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("formGroup", ctx_r1.formGroup);
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("formGroup", ctx_r0.formGroup);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r1.isTitleVisible);
+    i0.ɵɵproperty("ngIf", ctx_r0.isTitleVisible);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("formControlName", ctx_r1.controlName);
+    i0.ɵɵproperty("formControlName", ctx_r0.controlName);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngForOf", ctx_r1.items);
+    i0.ɵɵproperty("ngForOf", ctx_r0.items);
 } }
 class CountryDropdownlist extends EditComponentBase {
-    constructor(api, appContext) {
+    constructor(api) {
         super();
         this.api = api;
-        this.appContext = appContext;
         this.title = 'Country';
     }
     ngOnInit() {
@@ -7017,8 +7033,8 @@ class CountryDropdownlist extends EditComponentBase {
         else {
         }
     }
-    static { this.ɵfac = function CountryDropdownlist_Factory(t) { return new (t || CountryDropdownlist)(i0.ɵɵdirectiveInject(CoreApiService), i0.ɵɵdirectiveInject(AppContextService)); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CountryDropdownlist, selectors: [["anatoly-country-dropdownlist"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 2, consts: [[4, "ngIf"], [3, "formGroup", 4, "ngIf"], [3, "formGroup"], [3, "text", 4, "ngIf"], [1, "form-select", 3, "formControlName"], [3, "value", 4, "ngFor", "ngForOf"], [3, "text"], [3, "value"]], template: function CountryDropdownlist_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵfac = function CountryDropdownlist_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CountryDropdownlist)(i0.ɵɵdirectiveInject(CoreApiService)); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CountryDropdownlist, selectors: [["anatoly-country-dropdownlist"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 2, consts: [[4, "ngIf"], [3, "formGroup", 4, "ngIf"], [3, "formGroup"], [3, "text", 4, "ngIf"], [1, "form-select", 3, "formControlName"], [3, "value", 4, "ngFor", "ngForOf"], [3, "text"], [3, "value"]], template: function CountryDropdownlist_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵtemplate(0, CountryDropdownlist_div_0_Template, 1, 0, "div", 0)(1, CountryDropdownlist_div_1_Template, 4, 4, "div", 1);
         } if (rf & 2) {
             i0.ɵɵproperty("ngIf", ctx.isNgModelBased);
@@ -7028,9 +7044,9 @@ class CountryDropdownlist extends EditComponentBase {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CountryDropdownlist, [{
         type: Component,
-        args: [{ selector: 'anatoly-country-dropdownlist', template: "<div *ngIf='isNgModelBased'>\r\n</div>\r\n\r\n<div *ngIf='!isNgModelBased' [formGroup]='formGroup'>\r\n  <kendo-label text=\"{{ title }}\" *ngIf='isTitleVisible'></kendo-label>\r\n  <select [formControlName]='controlName' class='form-select'>\r\n    <option *ngFor='let item of items' [value]='item.code'>\r\n      {{ item.name }}\r\n    </option>\r\n  </select>\r\n</div>\r\n" }]
-    }], () => [{ type: CoreApiService }, { type: AppContextService }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CountryDropdownlist, { className: "CountryDropdownlist", filePath: "lib\\ui\\components\\dropdownlists\\country\\country.dropdownlist.ts", lineNumber: 28 }); })();
+        args: [{ selector: 'anatoly-country-dropdownlist', standalone: false, template: "<div *ngIf='isNgModelBased'>\r\n</div>\r\n\r\n<div *ngIf='!isNgModelBased' [formGroup]='formGroup'>\r\n  <kendo-label text=\"{{ title }}\" *ngIf='isTitleVisible'></kendo-label>\r\n  <select [formControlName]='controlName' class='form-select'>\r\n    <option *ngFor='let item of items' [value]='item.code'>\r\n      {{ item.name }}\r\n    </option>\r\n  </select>\r\n</div>\r\n" }]
+    }], () => [{ type: CoreApiService }], null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CountryDropdownlist, { className: "CountryDropdownlist", filePath: "lib/ui/components/dropdownlists/country/country.dropdownlist.ts", lineNumber: 28 }); })();
 
 /*
 <file>
@@ -7141,16 +7157,17 @@ class ValidationSummaryComponent extends EditComponentBase {
         }
         return messages;
     }
-    static { this.ɵfac = function ValidationSummaryComponent_Factory(t) { return new (t || ValidationSummaryComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ValidationSummaryComponent, selectors: [["ng-component"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 0, vars: 0, template: function ValidationSummaryComponent_Template(rf, ctx) { }, encapsulation: 2 }); }
+    static { this.ɵfac = function ValidationSummaryComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ValidationSummaryComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ValidationSummaryComponent, selectors: [["ng-component"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 0, vars: 0, template: function ValidationSummaryComponent_Template(rf, ctx) { }, encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ValidationSummaryComponent, [{
         type: Component,
         args: [{
-                template: ''
+                template: '',
+                standalone: false
             }]
     }], () => [], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ValidationSummaryComponent, { className: "ValidationSummaryComponent", filePath: "lib\\ui\\validation\\validation-summary.component.ts", lineNumber: 27 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ValidationSummaryComponent, { className: "ValidationSummaryComponent", filePath: "lib/ui/validation/validation-summary.component.ts", lineNumber: 28 }); })();
 
 /*
 <file>
@@ -7173,22 +7190,22 @@ function ItemValidationSummaryComponent_ul_0_li_1_Template(rf, ctx) { if (rf & 1
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const error_r2 = ctx.$implicit;
+    const error_r1 = ctx.$implicit;
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(error_r2);
+    i0.ɵɵtextInterpolate(error_r1);
 } }
 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();
+    const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngForOf", ctx_r0.getValidationMessages(ctx_r0.formGroup.controls[ctx_r0.controlName], ctx_r0.controlName, ctx_r0.controlTitle));
+    i0.ɵɵproperty("ngForOf", ctx_r1.getValidationMessages(ctx_r1.formGroup.controls[ctx_r1.controlName], ctx_r1.controlName, ctx_r1.controlTitle));
 } }
 class ItemValidationSummaryComponent extends ValidationSummaryComponent {
-    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵItemValidationSummaryComponent_BaseFactory; return function ItemValidationSummaryComponent_Factory(t) { return (ɵItemValidationSummaryComponent_BaseFactory || (ɵItemValidationSummaryComponent_BaseFactory = i0.ɵɵgetInheritedFactory(ItemValidationSummaryComponent)))(t || ItemValidationSummaryComponent); }; })(); }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ItemValidationSummaryComponent, selectors: [["anatoly-item-validation-summary"]], 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) {
+    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵItemValidationSummaryComponent_BaseFactory; return function ItemValidationSummaryComponent_Factory(__ngFactoryType__) { return (ɵItemValidationSummaryComponent_BaseFactory || (ɵItemValidationSummaryComponent_BaseFactory = i0.ɵɵgetInheritedFactory(ItemValidationSummaryComponent)))(__ngFactoryType__ || ItemValidationSummaryComponent); }; })(); }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ItemValidationSummaryComponent, selectors: [["anatoly-item-validation-summary"]], standalone: false, 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));
@@ -7196,9 +7213,9 @@ class ItemValidationSummaryComponent extends ValidationSummaryComponent {
 }
 (() => { (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.controls[controlName], controlName, controlTitle)\">\r\n    <span class=\"help-block\">{{ error }}</span>\r\n  </li>\r\n</ul>\r\n\r\n" }]
+        args: [{ selector: "anatoly-item-validation-summary", standalone: false, template: "<ul class=\"list-unstyled\" *ngIf=\"isControlInvalid(controlName)\">\r\n  <li *ngFor=\"let error of getValidationMessages(formGroup.controls[controlName], controlName, controlTitle)\">\r\n    <span class=\"help-block\">{{ error }}</span>\r\n  </li>\r\n</ul>\r\n\r\n" }]
     }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ItemValidationSummaryComponent, { className: "ItemValidationSummaryComponent", filePath: "lib\\ui\\validation\\item-validation-summary.component.ts", lineNumber: 27 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ItemValidationSummaryComponent, { className: "ItemValidationSummaryComponent", filePath: "lib/ui/validation/item-validation-summary.component.ts", lineNumber: 28 }); })();
 
 /*
 <file>
@@ -7218,28 +7235,30 @@ class ItemValidationSummaryComponent extends ValidationSummaryComponent {
 function ModerationStatusDropdownlist_div_0_kendo_label_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "kendo-label", 4);
 } if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵpropertyInterpolate("text", ctx_r2.title);
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵpropertyInterpolate("text", ctx_r1.title);
 } }
 function ModerationStatusDropdownlist_div_0_Template(rf, ctx) { if (rf & 1) {
-    const _r4 = i0.ɵɵgetCurrentView();
+    const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div");
     i0.ɵɵtemplate(1, ModerationStatusDropdownlist_div_0_kendo_label_1_Template, 1, 1, "kendo-label", 2);
     i0.ɵɵelementStart(2, "kendo-dropdownlist", 3);
-    i0.ɵɵlistener("ngModelChange", function ModerationStatusDropdownlist_div_0_Template_kendo_dropdownlist_ngModelChange_2_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.sv = $event); })("valueChange", function ModerationStatusDropdownlist_div_0_Template_kendo_dropdownlist_valueChange_2_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r5 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r5.onChange($event)); });
+    i0.ɵɵtwoWayListener("ngModelChange", function ModerationStatusDropdownlist_div_0_Template_kendo_dropdownlist_ngModelChange_2_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.sv, $event) || (ctx_r1.sv = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("valueChange", function ModerationStatusDropdownlist_div_0_Template_kendo_dropdownlist_valueChange_2_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onChange($event)); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
+    const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r0.isTitleVisible);
+    i0.ɵɵproperty("ngIf", ctx_r1.isTitleVisible);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("data", ctx_r0.items)("valuePrimitive", true)("ngModel", ctx_r0.sv);
+    i0.ɵɵproperty("data", ctx_r1.items)("valuePrimitive", true);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.sv);
 } }
 function ModerationStatusDropdownlist_div_1_kendo_label_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "kendo-label", 4);
 } if (rf & 2) {
-    const ctx_r6 = i0.ɵɵnextContext(2);
-    i0.ɵɵpropertyInterpolate("text", ctx_r6.title);
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵpropertyInterpolate("text", ctx_r1.title);
 } }
 function ModerationStatusDropdownlist_div_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 5);
@@ -7262,8 +7281,8 @@ class ModerationStatusDropdownlist extends EnumEditComponentBase {
         this.title = 'Moderation Status';
         this.enumeration = ModerationStatus;
     }
-    static { this.ɵfac = function ModerationStatusDropdownlist_Factory(t) { return new (t || ModerationStatusDropdownlist)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ModerationStatusDropdownlist, selectors: [["anatoly-moderationstatus-dropdownlist"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 2, consts: [[4, "ngIf"], [3, "formGroup", 4, "ngIf"], [3, "text", 4, "ngIf"], ["valueField", "value", "textField", "text", 3, "data", "valuePrimitive", "ngModel", "ngModelChange", "valueChange"], [3, "text"], [3, "formGroup"], ["valueField", "value", "textField", "text", 3, "data", "valuePrimitive", "formControlName"], [3, "formGroup", "formSubmitted", "controlName", "controlTitle"]], template: function ModerationStatusDropdownlist_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵfac = function ModerationStatusDropdownlist_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ModerationStatusDropdownlist)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ModerationStatusDropdownlist, selectors: [["anatoly-moderationstatus-dropdownlist"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 2, consts: [[4, "ngIf"], [3, "formGroup", 4, "ngIf"], [3, "text", 4, "ngIf"], ["valueField", "value", "textField", "text", 3, "ngModelChange", "valueChange", "data", "valuePrimitive", "ngModel"], [3, "text"], [3, "formGroup"], ["valueField", "value", "textField", "text", 3, "data", "valuePrimitive", "formControlName"], [3, "formGroup", "formSubmitted", "controlName", "controlTitle"]], template: function ModerationStatusDropdownlist_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵtemplate(0, ModerationStatusDropdownlist_div_0_Template, 3, 4, "div", 0)(1, ModerationStatusDropdownlist_div_1_Template, 4, 9, "div", 1);
         } if (rf & 2) {
             i0.ɵɵproperty("ngIf", ctx.isNgModelBased);
@@ -7273,9 +7292,9 @@ class ModerationStatusDropdownlist extends EnumEditComponentBase {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ModerationStatusDropdownlist, [{
         type: Component,
-        args: [{ selector: 'anatoly-moderationstatus-dropdownlist', template: "<div *ngIf='isNgModelBased'>\r\n  <kendo-label text=\"{{ title }}\" *ngIf='isTitleVisible'></kendo-label>\r\n  <kendo-dropdownlist [data]=\"items\"\r\n                      valueField=\"value\" textField=\"text\"\r\n                      [valuePrimitive]=\"true\"\r\n                      [(ngModel)]=\"sv\"\r\n                      (valueChange)=\"onChange($event)\" />\r\n</div>\r\n\r\n<div *ngIf='!isNgModelBased' [formGroup]='formGroup'>\r\n  <kendo-label text=\"{{ title }}\" *ngIf='isTitleVisible'></kendo-label>\r\n  <kendo-dropdownlist [data]=\"items\"\r\n                      valueField=\"value\" textField=\"text\"\r\n                      [valuePrimitive]=\"true\"\r\n                      [formControlName]='controlName' />\r\n  <anatoly-item-validation-summary [formGroup]='formGroup'\r\n                                   [formSubmitted]='formSubmitted'\r\n                                   [controlName]='controlName'\r\n                                   [controlTitle]='controlTitle' />\r\n</div>\r\n" }]
+        args: [{ selector: 'anatoly-moderationstatus-dropdownlist', standalone: false, template: "<div *ngIf='isNgModelBased'>\r\n  <kendo-label text=\"{{ title }}\" *ngIf='isTitleVisible'></kendo-label>\r\n  <kendo-dropdownlist [data]=\"items\"\r\n                      valueField=\"value\" textField=\"text\"\r\n                      [valuePrimitive]=\"true\"\r\n                      [(ngModel)]=\"sv\"\r\n                      (valueChange)=\"onChange($event)\" />\r\n</div>\r\n\r\n<div *ngIf='!isNgModelBased' [formGroup]='formGroup'>\r\n  <kendo-label text=\"{{ title }}\" *ngIf='isTitleVisible'></kendo-label>\r\n  <kendo-dropdownlist [data]=\"items\"\r\n                      valueField=\"value\" textField=\"text\"\r\n                      [valuePrimitive]=\"true\"\r\n                      [formControlName]='controlName' />\r\n  <anatoly-item-validation-summary [formGroup]='formGroup'\r\n                                   [formSubmitted]='formSubmitted'\r\n                                   [controlName]='controlName'\r\n                                   [controlTitle]='controlTitle' />\r\n</div>\r\n" }]
     }], () => [], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ModerationStatusDropdownlist, { className: "ModerationStatusDropdownlist", filePath: "lib\\ui\\components\\dropdownlists\\moderationstatus\\moderationstatus.dropdownlist.ts", lineNumber: 27 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ModerationStatusDropdownlist, { className: "ModerationStatusDropdownlist", filePath: "lib/ui/components/dropdownlists/moderationstatus/moderationstatus.dropdownlist.ts", lineNumber: 28 }); })();
 
 /*
 <file>
@@ -7295,28 +7314,30 @@ class ModerationStatusDropdownlist extends EnumEditComponentBase {
 function PublishStatusDropdownlist_div_0_kendo_label_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "kendo-label", 4);
 } if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵpropertyInterpolate("text", ctx_r2.title);
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵpropertyInterpolate("text", ctx_r1.title);
 } }
 function PublishStatusDropdownlist_div_0_Template(rf, ctx) { if (rf & 1) {
-    const _r4 = i0.ɵɵgetCurrentView();
+    const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div");
     i0.ɵɵtemplate(1, PublishStatusDropdownlist_div_0_kendo_label_1_Template, 1, 1, "kendo-label", 2);
     i0.ɵɵelementStart(2, "kendo-dropdownlist", 3);
-    i0.ɵɵlistener("ngModelChange", function PublishStatusDropdownlist_div_0_Template_kendo_dropdownlist_ngModelChange_2_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.sv = $event); })("valueChange", function PublishStatusDropdownlist_div_0_Template_kendo_dropdownlist_valueChange_2_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r5 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r5.onChange($event)); });
+    i0.ɵɵtwoWayListener("ngModelChange", function PublishStatusDropdownlist_div_0_Template_kendo_dropdownlist_ngModelChange_2_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.sv, $event) || (ctx_r1.sv = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("valueChange", function PublishStatusDropdownlist_div_0_Template_kendo_dropdownlist_valueChange_2_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onChange($event)); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
+    const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r0.isTitleVisible);
+    i0.ɵɵproperty("ngIf", ctx_r1.isTitleVisible);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("data", ctx_r0.items)("valuePrimitive", true)("ngModel", ctx_r0.sv);
+    i0.ɵɵproperty("data", ctx_r1.items)("valuePrimitive", true);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.sv);
 } }
 function PublishStatusDropdownlist_div_1_kendo_label_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "kendo-label", 4);
 } if (rf & 2) {
-    const ctx_r6 = i0.ɵɵnextContext(2);
-    i0.ɵɵpropertyInterpolate("text", ctx_r6.title);
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵpropertyInterpolate("text", ctx_r1.title);
 } }
 function PublishStatusDropdownlist_div_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 5);
@@ -7339,8 +7360,8 @@ class PublishStatusDropdownlist extends EnumEditComponentBase {
         this.title = 'Publish Status';
         this.enumeration = PublishStatus;
     }
-    static { this.ɵfac = function PublishStatusDropdownlist_Factory(t) { return new (t || PublishStatusDropdownlist)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PublishStatusDropdownlist, selectors: [["anatoly-publishstatus-dropdownlist"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 2, consts: [[4, "ngIf"], [3, "formGroup", 4, "ngIf"], [3, "text", 4, "ngIf"], ["valueField", "value", "textField", "text", 3, "data", "valuePrimitive", "ngModel", "ngModelChange", "valueChange"], [3, "text"], [3, "formGroup"], ["valueField", "value", "textField", "text", 3, "data", "valuePrimitive", "formControlName"], [3, "formGroup", "formSubmitted", "controlName", "controlTitle"]], template: function PublishStatusDropdownlist_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵfac = function PublishStatusDropdownlist_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PublishStatusDropdownlist)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PublishStatusDropdownlist, selectors: [["anatoly-publishstatus-dropdownlist"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 2, consts: [[4, "ngIf"], [3, "formGroup", 4, "ngIf"], [3, "text", 4, "ngIf"], ["valueField", "value", "textField", "text", 3, "ngModelChange", "valueChange", "data", "valuePrimitive", "ngModel"], [3, "text"], [3, "formGroup"], ["valueField", "value", "textField", "text", 3, "data", "valuePrimitive", "formControlName"], [3, "formGroup", "formSubmitted", "controlName", "controlTitle"]], template: function PublishStatusDropdownlist_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵtemplate(0, PublishStatusDropdownlist_div_0_Template, 3, 4, "div", 0)(1, PublishStatusDropdownlist_div_1_Template, 4, 9, "div", 1);
         } if (rf & 2) {
             i0.ɵɵproperty("ngIf", ctx.isNgModelBased);
@@ -7350,9 +7371,9 @@ class PublishStatusDropdownlist extends EnumEditComponentBase {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PublishStatusDropdownlist, [{
         type: Component,
-        args: [{ selector: 'anatoly-publishstatus-dropdownlist', template: "<div *ngIf='isNgModelBased'>\r\n  <kendo-label text=\"{{ title }}\" *ngIf='isTitleVisible'></kendo-label>\r\n  <kendo-dropdownlist [data]=\"items\"\r\n                      valueField=\"value\" textField=\"text\"\r\n                      [valuePrimitive]=\"true\"\r\n                      [(ngModel)]=\"sv\"\r\n                      (valueChange)=\"onChange($event)\" />\r\n</div>\r\n\r\n<div *ngIf='!isNgModelBased' [formGroup]='formGroup'>\r\n  <kendo-label text=\"{{ title }}\" *ngIf='isTitleVisible'></kendo-label>\r\n  <kendo-dropdownlist [data]=\"items\"\r\n                      valueField=\"value\" textField=\"text\"\r\n                      [valuePrimitive]=\"true\"\r\n                      [formControlName]='controlName' />\r\n  <anatoly-item-validation-summary [formGroup]='formGroup'\r\n                                   [formSubmitted]='formSubmitted'\r\n                                   [controlName]='controlName'\r\n                                   [controlTitle]='controlTitle' />\r\n</div>\r\n" }]
+        args: [{ selector: 'anatoly-publishstatus-dropdownlist', standalone: false, template: "<div *ngIf='isNgModelBased'>\r\n  <kendo-label text=\"{{ title }}\" *ngIf='isTitleVisible'></kendo-label>\r\n  <kendo-dropdownlist [data]=\"items\"\r\n                      valueField=\"value\" textField=\"text\"\r\n                      [valuePrimitive]=\"true\"\r\n                      [(ngModel)]=\"sv\"\r\n                      (valueChange)=\"onChange($event)\" />\r\n</div>\r\n\r\n<div *ngIf='!isNgModelBased' [formGroup]='formGroup'>\r\n  <kendo-label text=\"{{ title }}\" *ngIf='isTitleVisible'></kendo-label>\r\n  <kendo-dropdownlist [data]=\"items\"\r\n                      valueField=\"value\" textField=\"text\"\r\n                      [valuePrimitive]=\"true\"\r\n                      [formControlName]='controlName' />\r\n  <anatoly-item-validation-summary [formGroup]='formGroup'\r\n                                   [formSubmitted]='formSubmitted'\r\n                                   [controlName]='controlName'\r\n                                   [controlTitle]='controlTitle' />\r\n</div>\r\n" }]
     }], () => [], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PublishStatusDropdownlist, { className: "PublishStatusDropdownlist", filePath: "lib\\ui\\components\\dropdownlists\\publishstatus\\publishstatus.dropdownlist.ts", lineNumber: 27 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PublishStatusDropdownlist, { className: "PublishStatusDropdownlist", filePath: "lib/ui/components/dropdownlists/publishstatus/publishstatus.dropdownlist.ts", lineNumber: 28 }); })();
 
 /*
 <file>
@@ -7383,10 +7404,10 @@ function TimezoneDropdownlist_div_1_option_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const item_r4 = ctx.$implicit;
-    i0.ɵɵproperty("value", item_r4.code);
+    const item_r1 = ctx.$implicit;
+    i0.ɵɵproperty("value", item_r1.code);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate2(" (", item_r4.offset, ") ", item_r4.name, " ");
+    i0.ɵɵtextInterpolate2(" (", item_r1.offset, ") ", item_r1.name, " ");
 } }
 function TimezoneDropdownlist_div_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 2);
@@ -7442,8 +7463,8 @@ class TimezoneDropdownlist extends EditComponentBase {
             }
         }
     }
-    static { this.ɵfac = function TimezoneDropdownlist_Factory(t) { return new (t || TimezoneDropdownlist)(i0.ɵɵdirectiveInject(CoreApiService), i0.ɵɵdirectiveInject(AppContextService)); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TimezoneDropdownlist, selectors: [["anatoly-timezone-dropdownlist"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 2, consts: [[4, "ngIf"], [3, "formGroup", 4, "ngIf"], [3, "formGroup"], ["class", "col-form-label", 4, "ngIf"], [1, "form-select", 3, "formControlName"], [3, "value", 4, "ngFor", "ngForOf"], [1, "col-form-label"], [3, "value"]], template: function TimezoneDropdownlist_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵfac = function TimezoneDropdownlist_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TimezoneDropdownlist)(i0.ɵɵdirectiveInject(CoreApiService), i0.ɵɵdirectiveInject(AppContextService)); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TimezoneDropdownlist, selectors: [["anatoly-timezone-dropdownlist"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 2, consts: [[4, "ngIf"], [3, "formGroup", 4, "ngIf"], [3, "formGroup"], ["class", "col-form-label", 4, "ngIf"], [1, "form-select", 3, "formControlName"], [3, "value", 4, "ngFor", "ngForOf"], [1, "col-form-label"], [3, "value"]], template: function TimezoneDropdownlist_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵtemplate(0, TimezoneDropdownlist_div_0_Template, 1, 0, "div", 0)(1, TimezoneDropdownlist_div_1_Template, 4, 4, "div", 1);
         } if (rf & 2) {
             i0.ɵɵproperty("ngIf", ctx.isNgModelBased);
@@ -7453,9 +7474,9 @@ class TimezoneDropdownlist extends EditComponentBase {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TimezoneDropdownlist, [{
         type: Component,
-        args: [{ selector: 'anatoly-timezone-dropdownlist', template: "<div *ngIf='isNgModelBased'>\r\n</div>\r\n\r\n<div *ngIf='!isNgModelBased' [formGroup]='formGroup'>\r\n  <label *ngIf='isTitleVisible' class='col-form-label'>Timezone</label>\r\n  <select [formControlName]='controlName' class='form-select'>\r\n    <option *ngFor='let item of items' [value]='item.code'>\r\n      ({{ item.offset }}) {{ item.name }}\r\n    </option>\r\n  </select>\r\n</div>\r\n" }]
+        args: [{ selector: 'anatoly-timezone-dropdownlist', standalone: false, template: "<div *ngIf='isNgModelBased'>\r\n</div>\r\n\r\n<div *ngIf='!isNgModelBased' [formGroup]='formGroup'>\r\n  <label *ngIf='isTitleVisible' class='col-form-label'>Timezone</label>\r\n  <select [formControlName]='controlName' class='form-select'>\r\n    <option *ngFor='let item of items' [value]='item.code'>\r\n      ({{ item.offset }}) {{ item.name }}\r\n    </option>\r\n  </select>\r\n</div>\r\n" }]
     }], () => [{ type: CoreApiService }, { type: AppContextService }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TimezoneDropdownlist, { className: "TimezoneDropdownlist", filePath: "lib\\ui\\components\\dropdownlists\\timezone\\timezone.dropdownlist.ts", lineNumber: 29 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TimezoneDropdownlist, { className: "TimezoneDropdownlist", filePath: "lib/ui/components/dropdownlists/timezone/timezone.dropdownlist.ts", lineNumber: 30 }); })();
 
 /*
 <file>
@@ -7618,18 +7639,19 @@ class HtmlEditorComponentBase extends EditComponentBase {
             editor.opts.imageUploadParams.uploadParentId = uploadParentId;
         });
     }
-    static { this.ɵfac = function HtmlEditorComponentBase_Factory(t) { return new (t || HtmlEditorComponentBase)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: HtmlEditorComponentBase, selectors: [["ng-component"]], inputs: { editorOptions: "editorOptions" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 0, vars: 0, template: function HtmlEditorComponentBase_Template(rf, ctx) { }, encapsulation: 2 }); }
+    static { this.ɵfac = function HtmlEditorComponentBase_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || HtmlEditorComponentBase)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: HtmlEditorComponentBase, selectors: [["ng-component"]], inputs: { editorOptions: "editorOptions" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 0, vars: 0, template: function HtmlEditorComponentBase_Template(rf, ctx) { }, encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(HtmlEditorComponentBase, [{
         type: Component,
         args: [{
                 template: "",
+                standalone: false
             }]
     }], () => [], { editorOptions: [{
             type: Input
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(HtmlEditorComponentBase, { className: "HtmlEditorComponentBase", filePath: "lib\\ui\\components\\html-editor\\base-editor.component.ts", lineNumber: 30 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(HtmlEditorComponentBase, { className: "HtmlEditorComponentBase", filePath: "lib/ui/components/html-editor/base-editor.component.ts", lineNumber: 31 }); })();
 
 /*
 <file>
@@ -7649,35 +7671,35 @@ class HtmlEditorComponentBase extends EditComponentBase {
 function HtmlEditorComponent_div_0_kendo_label_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "kendo-label", 4);
 } if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵpropertyInterpolate("text", ctx_r2.title);
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵpropertyInterpolate("text", ctx_r1.title);
 } }
 function HtmlEditorComponent_div_0_Template(rf, ctx) { if (rf & 1) {
-    const _r4 = i0.ɵɵgetCurrentView();
+    const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div");
     i0.ɵɵtemplate(1, HtmlEditorComponent_div_0_kendo_label_1_Template, 1, 1, "kendo-label", 2);
     i0.ɵɵelementStart(2, "textarea", 3);
-    i0.ɵɵlistener("froalaInit", function HtmlEditorComponent_div_0_Template_textarea_froalaInit_2_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.initializeControl($event)); });
+    i0.ɵɵlistener("froalaInit", function HtmlEditorComponent_div_0_Template_textarea_froalaInit_2_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.initializeControl($event)); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
+    const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r0.isTitleVisible);
+    i0.ɵɵproperty("ngIf", ctx_r1.isTitleVisible);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("froalaEditor", ctx_r0.options);
+    i0.ɵɵproperty("froalaEditor", ctx_r1.options);
 } }
 function HtmlEditorComponent_div_1_kendo_label_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "kendo-label", 4);
 } if (rf & 2) {
-    const ctx_r5 = i0.ɵɵnextContext(2);
-    i0.ɵɵpropertyInterpolate("text", ctx_r5.title);
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵpropertyInterpolate("text", ctx_r1.title);
 } }
 function HtmlEditorComponent_div_1_Template(rf, ctx) { if (rf & 1) {
-    const _r7 = i0.ɵɵgetCurrentView();
+    const _r3 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 5);
     i0.ɵɵtemplate(1, HtmlEditorComponent_div_1_kendo_label_1_Template, 1, 1, "kendo-label", 2);
     i0.ɵɵelementStart(2, "textarea", 6);
-    i0.ɵɵlistener("froalaInit", function HtmlEditorComponent_div_1_Template_textarea_froalaInit_2_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r6 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r6.initializeControl($event)); });
+    i0.ɵɵlistener("froalaInit", function HtmlEditorComponent_div_1_Template_textarea_froalaInit_2_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.initializeControl($event)); });
     i0.ɵɵtext(3, "  ");
     i0.ɵɵelementEnd();
     i0.ɵɵelement(4, "anatoly-item-validation-summary", 7);
@@ -7720,8 +7742,8 @@ class HtmlEditorComponent extends HtmlEditorComponentBase {
             that.setFormValue(name, value);
         });
     }
-    static { this.ɵfac = function HtmlEditorComponent_Factory(t) { return new (t || HtmlEditorComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: HtmlEditorComponent, selectors: [["anatoly-html-editor"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 2, consts: [[4, "ngIf"], [3, "formGroup", 4, "ngIf"], [3, "text", 4, "ngIf"], [3, "froalaEditor", "froalaInit"], [3, "text"], [3, "formGroup"], [3, "froalaEditor", "formControlName", "froalaInit"], [3, "formGroup", "formSubmitted", "controlName", "controlTitle"]], template: function HtmlEditorComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵfac = function HtmlEditorComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || HtmlEditorComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: HtmlEditorComponent, selectors: [["anatoly-html-editor"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 2, consts: [[4, "ngIf"], [3, "formGroup", 4, "ngIf"], [3, "text", 4, "ngIf"], [3, "froalaInit", "froalaEditor"], [3, "text"], [3, "formGroup"], [3, "froalaInit", "froalaEditor", "formControlName"], [3, "formGroup", "formSubmitted", "controlName", "controlTitle"]], template: function HtmlEditorComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵtemplate(0, HtmlEditorComponent_div_0_Template, 3, 2, "div", 0)(1, HtmlEditorComponent_div_1_Template, 5, 9, "div", 1);
         } if (rf & 2) {
             i0.ɵɵproperty("ngIf", ctx.isNgModelBased);
@@ -7731,9 +7753,9 @@ class HtmlEditorComponent extends HtmlEditorComponentBase {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(HtmlEditorComponent, [{
         type: Component,
-        args: [{ selector: "anatoly-html-editor", template: "<div *ngIf='isNgModelBased'>\r\n  <kendo-label text=\"{{ title }}\" *ngIf='isTitleVisible'></kendo-label>\r\n  <textarea [froalaEditor]=\"options\" (froalaInit)=\"initializeControl($event)\"></textarea>\r\n</div>\r\n\r\n<div *ngIf='!isNgModelBased' [formGroup]='formGroup'>\r\n  <kendo-label text=\"{{ title }}\" *ngIf='isTitleVisible'></kendo-label>\r\n  <textarea [froalaEditor]=\"options\" \r\n            [formControlName]=\"controlName\" \r\n            [attr.formControlTitle]=\"controlTitle\" \r\n            (froalaInit)=\"initializeControl($event)\">\r\n  </textarea>\r\n  <anatoly-item-validation-summary [formGroup]='formGroup'\r\n                                   [formSubmitted]='formSubmitted'\r\n                                   [controlName]='controlName'\r\n                                   [controlTitle]='controlTitle' />\r\n</div>\r\n" }]
+        args: [{ selector: "anatoly-html-editor", standalone: false, template: "<div *ngIf='isNgModelBased'>\r\n  <kendo-label text=\"{{ title }}\" *ngIf='isTitleVisible'></kendo-label>\r\n  <textarea [froalaEditor]=\"options\" (froalaInit)=\"initializeControl($event)\"></textarea>\r\n</div>\r\n\r\n<div *ngIf='!isNgModelBased' [formGroup]='formGroup'>\r\n  <kendo-label text=\"{{ title }}\" *ngIf='isTitleVisible'></kendo-label>\r\n  <textarea [froalaEditor]=\"options\" \r\n            [formControlName]=\"controlName\" \r\n            [attr.formControlTitle]=\"controlTitle\" \r\n            (froalaInit)=\"initializeControl($event)\">\r\n  </textarea>\r\n  <anatoly-item-validation-summary [formGroup]='formGroup'\r\n                                   [formSubmitted]='formSubmitted'\r\n                                   [controlName]='controlName'\r\n                                   [controlTitle]='controlTitle' />\r\n</div>\r\n" }]
     }], () => [], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(HtmlEditorComponent, { className: "HtmlEditorComponent", filePath: "lib\\ui\\components\\html-editor\\html-editor.component.ts", lineNumber: 26 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(HtmlEditorComponent, { className: "HtmlEditorComponent", filePath: "lib/ui/components/html-editor/html-editor.component.ts", lineNumber: 27 }); })();
 
 /*
 <file>
@@ -7757,8 +7779,8 @@ class CheckIconComponent {
         //Inputs
         this.checked = true;
     }
-    static { this.ɵfac = function CheckIconComponent_Factory(t) { return new (t || CheckIconComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CheckIconComponent, selectors: [["anatoly-check-icon"]], inputs: { checked: "checked" }, ngContentSelectors: _c0$a, decls: 2, vars: 2, consts: [[3, "icon", "ngClass"]], template: function CheckIconComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵfac = function CheckIconComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CheckIconComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CheckIconComponent, selectors: [["anatoly-check-icon"]], inputs: { checked: "checked" }, standalone: false, ngContentSelectors: _c0$a, 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);
@@ -7768,11 +7790,11 @@ class CheckIconComponent {
 }
 (() => { (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" }]
+        args: [{ selector: 'anatoly-check-icon', standalone: false, template: "<fa-icon [icon]=\"this.checked ? 'check-circle' : 'circle-xmark'\"\r\n         [ngClass]=\"checked ? 'text-success' : 'text-danger'\" />\r\n<ng-content></ng-content>\r\n" }]
     }], null, { checked: [{
             type: Input
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CheckIconComponent, { className: "CheckIconComponent", filePath: "lib\\ui\\components\\check-icon\\check-icon.component.ts", lineNumber: 24 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CheckIconComponent, { className: "CheckIconComponent", filePath: "lib/ui/components/check-icon/check-icon.component.ts", lineNumber: 25 }); })();
 
 /*
 <file>
@@ -7805,13 +7827,14 @@ class AReplacerDirective extends ReplacerDirectiveBase {
             }
         }
     }
-    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵAReplacerDirective_BaseFactory; return function AReplacerDirective_Factory(t) { return (ɵAReplacerDirective_BaseFactory || (ɵAReplacerDirective_BaseFactory = i0.ɵɵgetInheritedFactory(AReplacerDirective)))(t || AReplacerDirective); }; })(); }
-    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: AReplacerDirective, selectors: [["a"]], inputs: { href: "href" }, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature] }); }
+    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵAReplacerDirective_BaseFactory; return function AReplacerDirective_Factory(__ngFactoryType__) { return (ɵAReplacerDirective_BaseFactory || (ɵAReplacerDirective_BaseFactory = i0.ɵɵgetInheritedFactory(AReplacerDirective)))(__ngFactoryType__ || AReplacerDirective); }; })(); }
+    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: AReplacerDirective, selectors: [["a"]], inputs: { href: "href" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AReplacerDirective, [{
         type: Directive,
         args: [{
-                selector: 'a'
+                selector: 'a',
+                standalone: false
             }]
     }], null, { href: [{
             type: Input,
@@ -7833,72 +7856,74 @@ class AReplacerDirective extends ReplacerDirectiveBase {
 </file>
 */
 //Node
-const _c0$9 = a0 => ({ "active": a0 });
+const _c0$9 = ["*"];
+const _c1 = a0 => ({ "active": a0 });
 function ControlPanelComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 7)(1, "a", 8);
-    i0.ɵɵlistener("click", function ControlPanelComponent_Conditional_2_Template_a_click_1_listener() { i0.ɵɵrestoreView(_r5); const ctx_r4 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r4.onFilterToggle()); });
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 2)(1, "a", 7);
+    i0.ɵɵlistener("click", function ControlPanelComponent_Conditional_2_Template_a_click_1_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onFilterToggle()); });
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(2, "svg", 9);
-    i0.ɵɵelement(3, "path", 10);
+    i0.ɵɵelementStart(2, "svg", 8);
+    i0.ɵɵelement(3, "path", 9);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
+    const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(1, _c0$9, ctx_r0.filterVisible));
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(1, _c1, ctx_r1.filterVisible));
 } }
 function ControlPanelComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    const _r7 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 11)(1, "h2");
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 4)(1, "h2");
     i0.ɵɵtext(2, "Sort By:");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "kendo-dropdownlist", 12);
-    i0.ɵɵlistener("ngModelChange", function ControlPanelComponent_Conditional_6_Template_kendo_dropdownlist_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r6 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r6.selectedSortBy = $event); })("valueChange", function ControlPanelComponent_Conditional_6_Template_kendo_dropdownlist_valueChange_3_listener() { i0.ɵɵrestoreView(_r7); const ctx_r8 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r8.onSortByChange()); });
+    i0.ɵɵelementStart(3, "kendo-dropdownlist", 10);
+    i0.ɵɵtwoWayListener("ngModelChange", function ControlPanelComponent_Conditional_6_Template_kendo_dropdownlist_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.selectedSortBy, $event) || (ctx_r1.selectedSortBy = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("valueChange", function ControlPanelComponent_Conditional_6_Template_kendo_dropdownlist_valueChange_3_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onSortByChange()); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("data", ctx_r1.sortByItems)("valuePrimitive", true)("ngModel", ctx_r1.selectedSortBy);
+    i0.ɵɵproperty("data", ctx_r1.sortByItems)("valuePrimitive", true);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.selectedSortBy);
 } }
 function ControlPanelComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    const _r10 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 13)(1, "a", 8);
-    i0.ɵɵlistener("click", function ControlPanelComponent_Conditional_7_Template_a_click_1_listener() { i0.ɵɵrestoreView(_r10); const ctx_r9 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r9.onViewSwitch("grid")); });
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 5)(1, "a", 7);
+    i0.ɵɵlistener("click", function ControlPanelComponent_Conditional_7_Template_a_click_1_listener() { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onViewSwitch("grid")); });
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(2, "svg", 14);
-    i0.ɵɵelement(3, "path", 15)(4, "path", 16)(5, "path", 17)(6, "path", 18);
+    i0.ɵɵelementStart(2, "svg", 11);
+    i0.ɵɵelement(3, "path", 12)(4, "path", 13)(5, "path", 14)(6, "path", 15);
     i0.ɵɵelementEnd()();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(7, "a", 8);
-    i0.ɵɵlistener("click", function ControlPanelComponent_Conditional_7_Template_a_click_7_listener() { i0.ɵɵrestoreView(_r10); const ctx_r11 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r11.onViewSwitch("list")); });
+    i0.ɵɵelementStart(7, "a", 7);
+    i0.ɵɵlistener("click", function ControlPanelComponent_Conditional_7_Template_a_click_7_listener() { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onViewSwitch("list")); });
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(8, "svg", 19);
-    i0.ɵɵelement(9, "path", 20);
+    i0.ɵɵelementStart(8, "svg", 16);
+    i0.ɵɵelement(9, "path", 17);
     i0.ɵɵelementEnd()();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(10, "a", 8);
-    i0.ɵɵlistener("click", function ControlPanelComponent_Conditional_7_Template_a_click_10_listener() { i0.ɵɵrestoreView(_r10); const ctx_r12 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r12.onViewSwitch("table")); });
+    i0.ɵɵelementStart(10, "a", 7);
+    i0.ɵɵlistener("click", function ControlPanelComponent_Conditional_7_Template_a_click_10_listener() { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onViewSwitch("table")); });
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(11, "svg", 21);
-    i0.ɵɵelement(12, "path", 22);
+    i0.ɵɵelementStart(11, "svg", 18);
+    i0.ɵɵelement(12, "path", 19);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext();
+    const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(3, _c0$9, ctx_r2.viewType == "grid"));
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(3, _c1, ctx_r1.viewType == "grid"));
     i0.ɵɵadvance(6);
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(5, _c0$9, ctx_r2.viewType == "list"));
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(5, _c1, ctx_r1.viewType == "list"));
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(7, _c0$9, ctx_r2.viewType == "table"));
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(7, _c1, ctx_r1.viewType == "table"));
 } }
 function ControlPanelComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    const _r14 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 23)(1, "a", 24);
-    i0.ɵɵlistener("click", function ControlPanelComponent_Conditional_8_Template_a_click_1_listener() { i0.ɵɵrestoreView(_r14); const ctx_r13 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r13.onAdd()); });
-    i0.ɵɵelement(2, "fa-icon", 25);
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 6)(1, "a", 20);
+    i0.ɵɵlistener("click", function ControlPanelComponent_Conditional_8_Template_a_click_1_listener() { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onAdd()); });
+    i0.ɵɵelement(2, "fa-icon", 21);
     i0.ɵɵelementEnd()();
 } }
-const _c1 = ["*"];
 class ControlPanelComponent extends ComponentBase {
     constructor() {
         super(...arguments);
@@ -7965,8 +7990,8 @@ class ControlPanelComponent extends ComponentBase {
     onAdd() {
         this.fireAdd();
     }
-    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵControlPanelComponent_BaseFactory; return function ControlPanelComponent_Factory(t) { return (ɵControlPanelComponent_BaseFactory || (ɵControlPanelComponent_BaseFactory = i0.ɵɵgetInheritedFactory(ControlPanelComponent)))(t || ControlPanelComponent); }; })(); }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ControlPanelComponent, selectors: [["anatoly-data-grid-control-panel"]], inputs: { sortByItems: "sortByItems", viewType: "viewType", filterButtonVisible: "filterButtonVisible", sortByVisible: "sortByVisible", viewTypesVisible: "viewTypesVisible", addButtonVisible: "addButtonVisible" }, outputs: { settingsChange: "settingsChange", add: "add" }, features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c1, decls: 9, vars: 4, consts: [[1, "os-control-panel"], [1, "control-wrapper"], ["class", "filter"], [1, "tools"], ["class", "sort-by"], ["class", "actions"], ["class", "action-add"], [1, "filter"], ["href", "javascript:void(0)", 1, "btn", "btn-icon", "btn-primary", 3, "ngClass", "click"], ["height", "22", "viewBox", "0 0 32 32", "width", "20", "xmlns", "http://www.w3.org/2000/svg"], ["d", "M2 7h.142a3.981 3.981 0 0 0 7.716 0H30a1 1 0 0 0 0-2H9.858a3.981 3.981 0 0 0-7.716 0H2a1 1 0 0 0 0 2zm4-3a2 2 0 1 1-2 2 2 2 0 0 1 2-2zm24 11h-.142a3.981 3.981 0 0 0-7.716 0H2a1 1 0 0 0 0 2h20.142a3.981 3.981 0 0 0 7.716 0H30a1 1 0 0 0 0-2zm-4 3a2 2 0 1 1 2-2 2 2 0 0 1-2 2zm4 7H19.858a3.981 3.981 0 0 0-7.716 0H2a1 1 0 0 0 0 2h10.142a3.981 3.981 0 0 0 7.716 0H30a1 1 0 0 0 0-2zm-14 3a2 2 0 1 1 2-2 2 2 0 0 1-2 2z", "fill", "currentColor"], [1, "sort-by"], ["valueField", "value", "textField", "text", 3, "data", "valuePrimitive", "ngModel", "ngModelChange", "valueChange"], [1, "actions"], ["fill", "none", "height", "18", "viewBox", "0 0 18 18", "width", "18", "xmlns", "http://www.w3.org/2000/svg"], ["d", "M6 1H2C1.44772 1 1 1.44772 1 2V6C1 6.55228 1.44772 7 2 7H6C6.55228 7 7 6.55228 7 6V2C7 1.44772 6.55228 1 6 1Z", "stroke", "currentColor", "stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2"], ["d", "M16 1H12C11.4477 1 11 1.44772 11 2V6C11 6.55228 11.4477 7 12 7H16C16.5523 7 17 6.55228 17 6V2C17 1.44772 16.5523 1 16 1Z", "stroke", "currentColor", "stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2"], ["d", "M6 11H2C1.44772 11 1 11.4477 1 12V16C1 16.5523 1.44772 17 2 17H6C6.55228 17 7 16.5523 7 16V12C7 11.4477 6.55228 11 6 11Z", "stroke", "currentColor", "stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2"], ["d", "M16 11H12C11.4477 11 11 11.4477 11 12V16C11 16.5523 11.4477 17 12 17H16C16.5523 17 17 16.5523 17 16V12C17 11.4477 16.5523 11 16 11Z", "stroke", "currentColor", "stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2"], ["fill", "none", "height", "15", "viewBox", "0 0 19 15", "width", "19", "xmlns", "http://www.w3.org/2000/svg"], ["d", "M1.5 6C0.67 6 0 6.67 0 7.5C0 8.33 0.67 9 1.5 9C2.33 9 3 8.33 3 7.5C3 6.67 2.33 6 1.5 6ZM1.5 0C0.67 0 0 0.67 0 1.5C0 2.33 0.67 3 1.5 3C2.33 3 3 2.33 3 1.5C3 0.67 2.33 0 1.5 0ZM1.5 12C0.67 12 0 12.68 0 13.5C0 14.32 0.68 15 1.5 15C2.32 15 3 14.32 3 13.5C3 12.68 2.33 12 1.5 12ZM5.5 14.5H17.5C18.05 14.5 18.5 14.05 18.5 13.5C18.5 12.95 18.05 12.5 17.5 12.5H5.5C4.95 12.5 4.5 12.95 4.5 13.5C4.5 14.05 4.95 14.5 5.5 14.5ZM5.5 8.5H17.5C18.05 8.5 18.5 8.05 18.5 7.5C18.5 6.95 18.05 6.5 17.5 6.5H5.5C4.95 6.5 4.5 6.95 4.5 7.5C4.5 8.05 4.95 8.5 5.5 8.5ZM4.5 1.5C4.5 2.05 4.95 2.5 5.5 2.5H17.5C18.05 2.5 18.5 2.05 18.5 1.5C18.5 0.95 18.05 0.5 17.5 0.5H5.5C4.95 0.5 4.5 0.95 4.5 1.5Z", "fill", "currentColor"], ["xmlns", "http://www.w3.org/2000/svg", "viewBox", "0 0 512 512", "height", "20", "width", "20", "fill", "none"], ["d", "M64 256l0-96 160 0 0 96L64 256zm0 64l160 0 0 96L64 416l0-96zm224 96l0-96 160 0 0 96-160 0zM448 256l-160 0 0-96 160 0 0 96zM64 32C28.7 32 0 60.7 0 96L0 416c0 35.3 28.7 64 64 64l384 0c35.3 0 64-28.7 64-64l0-320c0-35.3-28.7-64-64-64L64 32z", "fill", "currentColor"], [1, "action-add"], ["href", "javascript:void(0)", 1, "btn", "btn-icon", "btn-primary", 3, "click"], ["icon", "plus"]], template: function ControlPanelComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵControlPanelComponent_BaseFactory; return function ControlPanelComponent_Factory(__ngFactoryType__) { return (ɵControlPanelComponent_BaseFactory || (ɵControlPanelComponent_BaseFactory = i0.ɵɵgetInheritedFactory(ControlPanelComponent)))(__ngFactoryType__ || ControlPanelComponent); }; })(); }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ControlPanelComponent, selectors: [["anatoly-data-grid-control-panel"]], inputs: { sortByItems: "sortByItems", viewType: "viewType", filterButtonVisible: "filterButtonVisible", sortByVisible: "sortByVisible", viewTypesVisible: "viewTypesVisible", addButtonVisible: "addButtonVisible" }, outputs: { settingsChange: "settingsChange", add: "add" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$9, decls: 9, vars: 4, consts: [[1, "os-control-panel"], [1, "control-wrapper"], [1, "filter"], [1, "tools"], [1, "sort-by"], [1, "actions"], [1, "action-add"], ["href", "javascript:void(0)", 1, "btn", "btn-icon", "btn-primary", 3, "click", "ngClass"], ["height", "22", "viewBox", "0 0 32 32", "width", "20", "xmlns", "http://www.w3.org/2000/svg"], ["d", "M2 7h.142a3.981 3.981 0 0 0 7.716 0H30a1 1 0 0 0 0-2H9.858a3.981 3.981 0 0 0-7.716 0H2a1 1 0 0 0 0 2zm4-3a2 2 0 1 1-2 2 2 2 0 0 1 2-2zm24 11h-.142a3.981 3.981 0 0 0-7.716 0H2a1 1 0 0 0 0 2h20.142a3.981 3.981 0 0 0 7.716 0H30a1 1 0 0 0 0-2zm-4 3a2 2 0 1 1 2-2 2 2 0 0 1-2 2zm4 7H19.858a3.981 3.981 0 0 0-7.716 0H2a1 1 0 0 0 0 2h10.142a3.981 3.981 0 0 0 7.716 0H30a1 1 0 0 0 0-2zm-14 3a2 2 0 1 1 2-2 2 2 0 0 1-2 2z", "fill", "currentColor"], ["valueField", "value", "textField", "text", 3, "ngModelChange", "valueChange", "data", "valuePrimitive", "ngModel"], ["fill", "none", "height", "18", "viewBox", "0 0 18 18", "width", "18", "xmlns", "http://www.w3.org/2000/svg"], ["d", "M6 1H2C1.44772 1 1 1.44772 1 2V6C1 6.55228 1.44772 7 2 7H6C6.55228 7 7 6.55228 7 6V2C7 1.44772 6.55228 1 6 1Z", "stroke", "currentColor", "stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2"], ["d", "M16 1H12C11.4477 1 11 1.44772 11 2V6C11 6.55228 11.4477 7 12 7H16C16.5523 7 17 6.55228 17 6V2C17 1.44772 16.5523 1 16 1Z", "stroke", "currentColor", "stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2"], ["d", "M6 11H2C1.44772 11 1 11.4477 1 12V16C1 16.5523 1.44772 17 2 17H6C6.55228 17 7 16.5523 7 16V12C7 11.4477 6.55228 11 6 11Z", "stroke", "currentColor", "stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2"], ["d", "M16 11H12C11.4477 11 11 11.4477 11 12V16C11 16.5523 11.4477 17 12 17H16C16.5523 17 17 16.5523 17 16V12C17 11.4477 16.5523 11 16 11Z", "stroke", "currentColor", "stroke-linecap", "round", "stroke-linejoin", "round", "stroke-width", "2"], ["fill", "none", "height", "15", "viewBox", "0 0 19 15", "width", "19", "xmlns", "http://www.w3.org/2000/svg"], ["d", "M1.5 6C0.67 6 0 6.67 0 7.5C0 8.33 0.67 9 1.5 9C2.33 9 3 8.33 3 7.5C3 6.67 2.33 6 1.5 6ZM1.5 0C0.67 0 0 0.67 0 1.5C0 2.33 0.67 3 1.5 3C2.33 3 3 2.33 3 1.5C3 0.67 2.33 0 1.5 0ZM1.5 12C0.67 12 0 12.68 0 13.5C0 14.32 0.68 15 1.5 15C2.32 15 3 14.32 3 13.5C3 12.68 2.33 12 1.5 12ZM5.5 14.5H17.5C18.05 14.5 18.5 14.05 18.5 13.5C18.5 12.95 18.05 12.5 17.5 12.5H5.5C4.95 12.5 4.5 12.95 4.5 13.5C4.5 14.05 4.95 14.5 5.5 14.5ZM5.5 8.5H17.5C18.05 8.5 18.5 8.05 18.5 7.5C18.5 6.95 18.05 6.5 17.5 6.5H5.5C4.95 6.5 4.5 6.95 4.5 7.5C4.5 8.05 4.95 8.5 5.5 8.5ZM4.5 1.5C4.5 2.05 4.95 2.5 5.5 2.5H17.5C18.05 2.5 18.5 2.05 18.5 1.5C18.5 0.95 18.05 0.5 17.5 0.5H5.5C4.95 0.5 4.5 0.95 4.5 1.5Z", "fill", "currentColor"], ["xmlns", "http://www.w3.org/2000/svg", "viewBox", "0 0 512 512", "height", "20", "width", "20", "fill", "none"], ["d", "M64 256l0-96 160 0 0 96L64 256zm0 64l160 0 0 96L64 416l0-96zm224 96l0-96 160 0 0 96-160 0zM448 256l-160 0 0-96 160 0 0 96zM64 32C28.7 32 0 60.7 0 96L0 416c0 35.3 28.7 64 64 64l384 0c35.3 0 64-28.7 64-64l0-320c0-35.3-28.7-64-64-64L64 32z", "fill", "currentColor"], ["href", "javascript:void(0)", 1, "btn", "btn-icon", "btn-primary", 3, "click"], ["icon", "plus"]], template: function ControlPanelComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "div", 0)(1, "div", 1);
             i0.ɵɵtemplate(2, ControlPanelComponent_Conditional_2_Template, 4, 3, "div", 2);
@@ -7978,18 +8003,18 @@ class ControlPanelComponent extends ComponentBase {
             i0.ɵɵelementEnd()()();
         } if (rf & 2) {
             i0.ɵɵadvance(2);
-            i0.ɵɵconditional(2, ctx.filterButtonVisible ? 2 : -1);
+            i0.ɵɵconditional(ctx.filterButtonVisible ? 2 : -1);
             i0.ɵɵadvance(4);
-            i0.ɵɵconditional(6, ctx.sortByVisible ? 6 : -1);
+            i0.ɵɵconditional(ctx.sortByVisible ? 6 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(7, ctx.viewTypesVisible ? 7 : -1);
+            i0.ɵɵconditional(ctx.viewTypesVisible ? 7 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(8, ctx.addButtonVisible ? 8 : -1);
+            i0.ɵɵconditional(ctx.addButtonVisible ? 8 : -1);
         } }, dependencies: [i1$1.NgClass, i2.NgControlStatus, i2.NgModel, i1$6.FaIconComponent, i3.DropDownListComponent, AReplacerDirective], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ControlPanelComponent, [{
         type: Component,
-        args: [{ selector: 'anatoly-data-grid-control-panel', template: "<div class='os-control-panel'>\r\n  <div class='control-wrapper'>\r\n    @if (filterButtonVisible) {\r\n      <div class='filter'>\r\n        <a [ngClass]=\"{'active': filterVisible}\"\r\n            class='btn btn-icon btn-primary'\r\n            href='javascript:void(0)' \r\n            (click)='onFilterToggle()'>\r\n          <svg height='22' viewBox='0 0 32 32' width='20' xmlns='http://www.w3.org/2000/svg'>\r\n            <path\r\n              d='M2 7h.142a3.981 3.981 0 0 0 7.716 0H30a1 1 0 0 0 0-2H9.858a3.981 3.981 0 0 0-7.716 0H2a1 1 0 0 0 0 2zm4-3a2 2 0 1 1-2 2 2 2 0 0 1 2-2zm24 11h-.142a3.981 3.981 0 0 0-7.716 0H2a1 1 0 0 0 0 2h20.142a3.981 3.981 0 0 0 7.716 0H30a1 1 0 0 0 0-2zm-4 3a2 2 0 1 1 2-2 2 2 0 0 1-2 2zm4 7H19.858a3.981 3.981 0 0 0-7.716 0H2a1 1 0 0 0 0 2h10.142a3.981 3.981 0 0 0 7.716 0H30a1 1 0 0 0 0-2zm-14 3a2 2 0 1 1 2-2 2 2 0 0 1-2 2z'\r\n              fill='currentColor'/>\r\n          </svg>\r\n        </a>      \r\n      </div>\r\n    }\r\n   \r\n    <div>\r\n      <ng-content></ng-content>\r\n    </div>\r\n\r\n    <div class='tools'>\r\n      @if (sortByVisible) {\r\n        <div class='sort-by'>\r\n          <h2>Sort By:</h2>\r\n          <kendo-dropdownlist [data]='sortByItems'\r\n                              valueField='value'\r\n                              textField='text'\r\n                              [valuePrimitive]='true'\r\n                              [(ngModel)]='selectedSortBy'\r\n                              (valueChange)='onSortByChange()'>\r\n          </kendo-dropdownlist>\r\n        </div>\r\n      }\r\n\r\n      @if (viewTypesVisible) {\r\n        <div class='actions'>\r\n          <a class='btn btn-icon btn-primary' href='javascript:void(0)'\r\n             [ngClass]=\"{'active': viewType == 'grid'}\"\r\n             (click)=\"onViewSwitch('grid')\">\r\n            <svg fill='none' height='18' viewBox='0 0 18 18' width='18' xmlns='http://www.w3.org/2000/svg'>\r\n              <path\r\n                d='M6 1H2C1.44772 1 1 1.44772 1 2V6C1 6.55228 1.44772 7 2 7H6C6.55228 7 7 6.55228 7 6V2C7 1.44772 6.55228 1 6 1Z'\r\n                stroke='currentColor'\r\n                stroke-linecap='round'\r\n                stroke-linejoin='round'\r\n                stroke-width='2'/>\r\n              <path\r\n                d='M16 1H12C11.4477 1 11 1.44772 11 2V6C11 6.55228 11.4477 7 12 7H16C16.5523 7 17 6.55228 17 6V2C17 1.44772 16.5523 1 16 1Z'\r\n                stroke='currentColor'\r\n                stroke-linecap='round'\r\n                stroke-linejoin='round'\r\n                stroke-width='2'/>\r\n              <path\r\n                d='M6 11H2C1.44772 11 1 11.4477 1 12V16C1 16.5523 1.44772 17 2 17H6C6.55228 17 7 16.5523 7 16V12C7 11.4477 6.55228 11 6 11Z'\r\n                stroke='currentColor'\r\n                stroke-linecap='round'\r\n                stroke-linejoin='round'\r\n                stroke-width='2'/>\r\n              <path\r\n                d='M16 11H12C11.4477 11 11 11.4477 11 12V16C11 16.5523 11.4477 17 12 17H16C16.5523 17 17 16.5523 17 16V12C17 11.4477 16.5523 11 16 11Z'\r\n                stroke='currentColor'\r\n                stroke-linecap='round'\r\n                stroke-linejoin='round'\r\n                stroke-width='2'/>\r\n            </svg>\r\n          </a>\r\n          <a class='btn btn-icon btn-primary' href='javascript:void(0)'\r\n             [ngClass]=\"{'active': viewType == 'list'}\"\r\n             (click)=\"onViewSwitch('list')\">\r\n            <svg fill='none' height='15' viewBox='0 0 19 15' width='19' xmlns='http://www.w3.org/2000/svg'>\r\n              <path\r\n                d='M1.5 6C0.67 6 0 6.67 0 7.5C0 8.33 0.67 9 1.5 9C2.33 9 3 8.33 3 7.5C3 6.67 2.33 6 1.5 6ZM1.5 0C0.67 0 0 0.67 0 1.5C0 2.33 0.67 3 1.5 3C2.33 3 3 2.33 3 1.5C3 0.67 2.33 0 1.5 0ZM1.5 12C0.67 12 0 12.68 0 13.5C0 14.32 0.68 15 1.5 15C2.32 15 3 14.32 3 13.5C3 12.68 2.33 12 1.5 12ZM5.5 14.5H17.5C18.05 14.5 18.5 14.05 18.5 13.5C18.5 12.95 18.05 12.5 17.5 12.5H5.5C4.95 12.5 4.5 12.95 4.5 13.5C4.5 14.05 4.95 14.5 5.5 14.5ZM5.5 8.5H17.5C18.05 8.5 18.5 8.05 18.5 7.5C18.5 6.95 18.05 6.5 17.5 6.5H5.5C4.95 6.5 4.5 6.95 4.5 7.5C4.5 8.05 4.95 8.5 5.5 8.5ZM4.5 1.5C4.5 2.05 4.95 2.5 5.5 2.5H17.5C18.05 2.5 18.5 2.05 18.5 1.5C18.5 0.95 18.05 0.5 17.5 0.5H5.5C4.95 0.5 4.5 0.95 4.5 1.5Z'\r\n                fill='currentColor'/>\r\n            </svg>\r\n          </a>\r\n          <a class='btn btn-icon btn-primary' href='javascript:void(0)'\r\n             [ngClass]=\"{'active': viewType == 'table'}\"\r\n             (click)=\"onViewSwitch('table')\">\r\n            <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\" height=\"20\" width=\"20\" fill='none' >\r\n              <path\r\n                d=\"M64 256l0-96 160 0 0 96L64 256zm0 64l160 0 0 96L64 416l0-96zm224 96l0-96 160 0 0 96-160 0zM448 256l-160 0 0-96 160 0 0 96zM64 32C28.7 32 0 60.7 0 96L0 416c0 35.3 28.7 64 64 64l384 0c35.3 0 64-28.7 64-64l0-320c0-35.3-28.7-64-64-64L64 32z\"\r\n                fill='currentColor'/>\r\n            </svg>\r\n          </a>\r\n        </div>\r\n      }\r\n\r\n      @if (addButtonVisible) {\r\n        <div class='action-add'>\r\n          <a class='btn btn-icon btn-primary' href='javascript:void(0)' (click)='onAdd()'>\r\n            <fa-icon icon='plus'/>\r\n          </a>\r\n        </div>\r\n      }\r\n    </div>\r\n  </div>\r\n</div>\r\n" }]
+        args: [{ selector: 'anatoly-data-grid-control-panel', standalone: false, template: "<div class='os-control-panel'>\r\n  <div class='control-wrapper'>\r\n    @if (filterButtonVisible) {\r\n      <div class='filter'>\r\n        <a [ngClass]=\"{'active': filterVisible}\"\r\n            class='btn btn-icon btn-primary'\r\n            href='javascript:void(0)' \r\n            (click)='onFilterToggle()'>\r\n          <svg height='22' viewBox='0 0 32 32' width='20' xmlns='http://www.w3.org/2000/svg'>\r\n            <path\r\n              d='M2 7h.142a3.981 3.981 0 0 0 7.716 0H30a1 1 0 0 0 0-2H9.858a3.981 3.981 0 0 0-7.716 0H2a1 1 0 0 0 0 2zm4-3a2 2 0 1 1-2 2 2 2 0 0 1 2-2zm24 11h-.142a3.981 3.981 0 0 0-7.716 0H2a1 1 0 0 0 0 2h20.142a3.981 3.981 0 0 0 7.716 0H30a1 1 0 0 0 0-2zm-4 3a2 2 0 1 1 2-2 2 2 0 0 1-2 2zm4 7H19.858a3.981 3.981 0 0 0-7.716 0H2a1 1 0 0 0 0 2h10.142a3.981 3.981 0 0 0 7.716 0H30a1 1 0 0 0 0-2zm-14 3a2 2 0 1 1 2-2 2 2 0 0 1-2 2z'\r\n              fill='currentColor'/>\r\n          </svg>\r\n        </a>      \r\n      </div>\r\n    }\r\n   \r\n    <div>\r\n      <ng-content></ng-content>\r\n    </div>\r\n\r\n    <div class='tools'>\r\n      @if (sortByVisible) {\r\n        <div class='sort-by'>\r\n          <h2>Sort By:</h2>\r\n          <kendo-dropdownlist [data]='sortByItems'\r\n                              valueField='value'\r\n                              textField='text'\r\n                              [valuePrimitive]='true'\r\n                              [(ngModel)]='selectedSortBy'\r\n                              (valueChange)='onSortByChange()'>\r\n          </kendo-dropdownlist>\r\n        </div>\r\n      }\r\n\r\n      @if (viewTypesVisible) {\r\n        <div class='actions'>\r\n          <a class='btn btn-icon btn-primary' href='javascript:void(0)'\r\n             [ngClass]=\"{'active': viewType == 'grid'}\"\r\n             (click)=\"onViewSwitch('grid')\">\r\n            <svg fill='none' height='18' viewBox='0 0 18 18' width='18' xmlns='http://www.w3.org/2000/svg'>\r\n              <path\r\n                d='M6 1H2C1.44772 1 1 1.44772 1 2V6C1 6.55228 1.44772 7 2 7H6C6.55228 7 7 6.55228 7 6V2C7 1.44772 6.55228 1 6 1Z'\r\n                stroke='currentColor'\r\n                stroke-linecap='round'\r\n                stroke-linejoin='round'\r\n                stroke-width='2'/>\r\n              <path\r\n                d='M16 1H12C11.4477 1 11 1.44772 11 2V6C11 6.55228 11.4477 7 12 7H16C16.5523 7 17 6.55228 17 6V2C17 1.44772 16.5523 1 16 1Z'\r\n                stroke='currentColor'\r\n                stroke-linecap='round'\r\n                stroke-linejoin='round'\r\n                stroke-width='2'/>\r\n              <path\r\n                d='M6 11H2C1.44772 11 1 11.4477 1 12V16C1 16.5523 1.44772 17 2 17H6C6.55228 17 7 16.5523 7 16V12C7 11.4477 6.55228 11 6 11Z'\r\n                stroke='currentColor'\r\n                stroke-linecap='round'\r\n                stroke-linejoin='round'\r\n                stroke-width='2'/>\r\n              <path\r\n                d='M16 11H12C11.4477 11 11 11.4477 11 12V16C11 16.5523 11.4477 17 12 17H16C16.5523 17 17 16.5523 17 16V12C17 11.4477 16.5523 11 16 11Z'\r\n                stroke='currentColor'\r\n                stroke-linecap='round'\r\n                stroke-linejoin='round'\r\n                stroke-width='2'/>\r\n            </svg>\r\n          </a>\r\n          <a class='btn btn-icon btn-primary' href='javascript:void(0)'\r\n             [ngClass]=\"{'active': viewType == 'list'}\"\r\n             (click)=\"onViewSwitch('list')\">\r\n            <svg fill='none' height='15' viewBox='0 0 19 15' width='19' xmlns='http://www.w3.org/2000/svg'>\r\n              <path\r\n                d='M1.5 6C0.67 6 0 6.67 0 7.5C0 8.33 0.67 9 1.5 9C2.33 9 3 8.33 3 7.5C3 6.67 2.33 6 1.5 6ZM1.5 0C0.67 0 0 0.67 0 1.5C0 2.33 0.67 3 1.5 3C2.33 3 3 2.33 3 1.5C3 0.67 2.33 0 1.5 0ZM1.5 12C0.67 12 0 12.68 0 13.5C0 14.32 0.68 15 1.5 15C2.32 15 3 14.32 3 13.5C3 12.68 2.33 12 1.5 12ZM5.5 14.5H17.5C18.05 14.5 18.5 14.05 18.5 13.5C18.5 12.95 18.05 12.5 17.5 12.5H5.5C4.95 12.5 4.5 12.95 4.5 13.5C4.5 14.05 4.95 14.5 5.5 14.5ZM5.5 8.5H17.5C18.05 8.5 18.5 8.05 18.5 7.5C18.5 6.95 18.05 6.5 17.5 6.5H5.5C4.95 6.5 4.5 6.95 4.5 7.5C4.5 8.05 4.95 8.5 5.5 8.5ZM4.5 1.5C4.5 2.05 4.95 2.5 5.5 2.5H17.5C18.05 2.5 18.5 2.05 18.5 1.5C18.5 0.95 18.05 0.5 17.5 0.5H5.5C4.95 0.5 4.5 0.95 4.5 1.5Z'\r\n                fill='currentColor'/>\r\n            </svg>\r\n          </a>\r\n          <a class='btn btn-icon btn-primary' href='javascript:void(0)'\r\n             [ngClass]=\"{'active': viewType == 'table'}\"\r\n             (click)=\"onViewSwitch('table')\">\r\n            <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\" height=\"20\" width=\"20\" fill='none' >\r\n              <path\r\n                d=\"M64 256l0-96 160 0 0 96L64 256zm0 64l160 0 0 96L64 416l0-96zm224 96l0-96 160 0 0 96-160 0zM448 256l-160 0 0-96 160 0 0 96zM64 32C28.7 32 0 60.7 0 96L0 416c0 35.3 28.7 64 64 64l384 0c35.3 0 64-28.7 64-64l0-320c0-35.3-28.7-64-64-64L64 32z\"\r\n                fill='currentColor'/>\r\n            </svg>\r\n          </a>\r\n        </div>\r\n      }\r\n\r\n      @if (addButtonVisible) {\r\n        <div class='action-add'>\r\n          <a class='btn btn-icon btn-primary' href='javascript:void(0)' (click)='onAdd()'>\r\n            <fa-icon icon='plus'/>\r\n          </a>\r\n        </div>\r\n      }\r\n    </div>\r\n  </div>\r\n</div>\r\n" }]
     }], null, { sortByItems: [{
             type: Input
         }], viewType: [{
@@ -8007,7 +8032,7 @@ class ControlPanelComponent extends ComponentBase {
         }], add: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ControlPanelComponent, { className: "ControlPanelComponent", filePath: "lib\\ui\\components\\data-grid\\control-panel.component.ts", lineNumber: 27 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ControlPanelComponent, { className: "ControlPanelComponent", filePath: "lib/ui/components/data-grid/control-panel.component.ts", lineNumber: 28 }); })();
 
 /*
 <file>
@@ -8067,8 +8092,8 @@ class DataPagerComponent extends ComponentBase {
     onPageChange(e) {
         this.pageChange.emit(e);
     }
-    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵDataPagerComponent_BaseFactory; return function DataPagerComponent_Factory(t) { return (ɵDataPagerComponent_BaseFactory || (ɵDataPagerComponent_BaseFactory = i0.ɵɵgetInheritedFactory(DataPagerComponent)))(t || DataPagerComponent); }; })(); }
-    static { this.ɵ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" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 9, consts: [[3, "total", "pageSize", "pageSizeValues", "skip", "pageChange"]], template: function DataPagerComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵDataPagerComponent_BaseFactory; return function DataPagerComponent_Factory(__ngFactoryType__) { return (ɵDataPagerComponent_BaseFactory || (ɵDataPagerComponent_BaseFactory = i0.ɵɵgetInheritedFactory(DataPagerComponent)))(__ngFactoryType__ || DataPagerComponent); }; })(); }
+    static { this.ɵ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" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 9, consts: [[3, "pageChange", "total", "pageSize", "pageSizeValues", "skip"]], template: function DataPagerComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div")(1, "kendo-datapager", 0);
             i0.ɵɵlistener("pageChange", function DataPagerComponent_Template_kendo_datapager_pageChange_1_listener($event) { return ctx.onPageChange($event); });
             i0.ɵɵelementEnd()();
@@ -8081,7 +8106,7 @@ class DataPagerComponent extends ComponentBase {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DataPagerComponent, [{
         type: Component,
-        args: [{ selector: 'anatoly-datapager', template: "<div class='{{ classes }}'>\r\n  <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</div>\r\n" }]
+        args: [{ selector: 'anatoly-datapager', standalone: false, template: "<div class='{{ classes }}'>\r\n  <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</div>\r\n" }]
     }], null, { totalItems: [{
             type: Input
         }], pageSize: [{
@@ -8097,7 +8122,7 @@ class DataPagerComponent extends ComponentBase {
         }], pageChange: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DataPagerComponent, { className: "DataPagerComponent", filePath: "lib\\ui\\components\\datapager\\datapager.component.ts", lineNumber: 27 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DataPagerComponent, { className: "DataPagerComponent", filePath: "lib/ui/components/datapager/datapager.component.ts", lineNumber: 28 }); })();
 
 /*
 <file>
@@ -8115,35 +8140,36 @@ class DataPagerComponent extends ComponentBase {
 </file>
 */
 //Node
+const _c0$8 = ["*"];
 function SignInButtonComponent_a_0_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
 } }
 function SignInButtonComponent_a_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "a", 3);
-    i0.ɵɵtemplate(1, SignInButtonComponent_a_0_ng_container_1_Template, 1, 0, "ng-container", 4);
+    i0.ɵɵelementStart(0, "a", 4);
+    i0.ɵɵtemplate(1, SignInButtonComponent_a_0_ng_container_1_Template, 1, 0, "ng-container", 5);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
-    const _r3 = i0.ɵɵreference(3);
+    const contentTemplate_r2 = i0.ɵɵreference(3);
     i0.ɵɵclassMap(ctx_r0.classes);
     i0.ɵɵproperty("href", ctx_r0.url, i0.ɵɵsanitizeUrl);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", _r3);
+    i0.ɵɵproperty("ngTemplateOutlet", contentTemplate_r2);
 } }
 function SignInButtonComponent_a_1_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
 } }
 function SignInButtonComponent_a_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "a", 5);
-    i0.ɵɵtemplate(1, SignInButtonComponent_a_1_ng_container_1_Template, 1, 0, "ng-container", 4);
+    i0.ɵɵelementStart(0, "a", 6);
+    i0.ɵɵtemplate(1, SignInButtonComponent_a_1_ng_container_1_Template, 1, 0, "ng-container", 5);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    const _r3 = i0.ɵɵreference(3);
-    i0.ɵɵclassMap(ctx_r1.classes);
-    i0.ɵɵproperty("routerLink", ctx_r1.url);
+    const ctx_r0 = i0.ɵɵnextContext();
+    const contentTemplate_r2 = i0.ɵɵreference(3);
+    i0.ɵɵclassMap(ctx_r0.classes);
+    i0.ɵɵproperty("routerLink", ctx_r0.url);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", _r3);
+    i0.ɵɵproperty("ngTemplateOutlet", contentTemplate_r2);
 } }
 function SignInButtonComponent_ng_template_2_span_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
@@ -8151,16 +8177,15 @@ function SignInButtonComponent_ng_template_2_span_3_Template(rf, ctx) { if (rf &
     i0.ɵɵelementEnd();
 } }
 function SignInButtonComponent_ng_template_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", null, 6);
+    i0.ɵɵelementStart(0, "span", null, 1);
     i0.ɵɵprojection(2);
     i0.ɵɵelementEnd();
     i0.ɵɵtemplate(3, SignInButtonComponent_ng_template_2_span_3_Template, 2, 0, "span", 7);
 } if (rf & 2) {
-    const _r6 = i0.ɵɵreference(1);
+    const ref_r3 = i0.ɵɵreference(1);
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("ngIf", !_r6.innerHTML.trim());
+    i0.ɵɵproperty("ngIf", !ref_r3.innerHTML.trim());
 } }
-const _c0$8 = ["*"];
 class SignInButtonComponent extends ComponentBase {
     constructor() {
         super();
@@ -8178,10 +8203,10 @@ class SignInButtonComponent extends ComponentBase {
             }
         }
     }
-    static { this.ɵfac = function SignInButtonComponent_Factory(t) { return new (t || SignInButtonComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SignInButtonComponent, selectors: [["anatoly-signin-button"]], inputs: { qs: "qs" }, features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$8, decls: 4, vars: 2, consts: [[3, "href", "class", 4, "ngIf"], [3, "routerLink", "class", 4, "ngIf"], ["contentTemplate", ""], [3, "href"], [4, "ngTemplateOutlet"], [3, "routerLink"], ["ref", ""], [4, "ngIf"]], template: function SignInButtonComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵfac = function SignInButtonComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SignInButtonComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SignInButtonComponent, selectors: [["anatoly-signin-button"]], inputs: { qs: "qs" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$8, decls: 4, vars: 2, consts: [["contentTemplate", ""], ["ref", ""], [3, "href", "class", 4, "ngIf"], [3, "routerLink", "class", 4, "ngIf"], [3, "href"], [4, "ngTemplateOutlet"], [3, "routerLink"], [4, "ngIf"]], template: function SignInButtonComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
-            i0.ɵɵtemplate(0, SignInButtonComponent_a_0_Template, 2, 5, "a", 0)(1, SignInButtonComponent_a_1_Template, 2, 5, "a", 1)(2, SignInButtonComponent_ng_template_2_Template, 4, 1, "ng-template", null, 2, i0.ɵɵtemplateRefExtractor);
+            i0.ɵɵtemplate(0, SignInButtonComponent_a_0_Template, 2, 5, "a", 2)(1, SignInButtonComponent_a_1_Template, 2, 5, "a", 3)(2, SignInButtonComponent_ng_template_2_Template, 4, 1, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
         } if (rf & 2) {
             i0.ɵɵproperty("ngIf", ctx.external);
             i0.ɵɵadvance();
@@ -8190,11 +8215,11 @@ class SignInButtonComponent extends ComponentBase {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SignInButtonComponent, [{
         type: Component,
-        args: [{ selector: "anatoly-signin-button", template: "<a [href]=\"url\" class=\"{{ classes }}\" *ngIf=\"external\">\r\n  <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\r\n</a>\r\n\r\n<a [routerLink]=\"url\" class=\"{{ classes }}\" *ngIf=\"!external\">\r\n  <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\r\n</a>\r\n\r\n<ng-template #contentTemplate>\r\n  <span #ref><ng-content></ng-content></span>\r\n  <span *ngIf=\"!ref.innerHTML.trim()\">Sign In</span>\r\n</ng-template>\r\n" }]
+        args: [{ selector: "anatoly-signin-button", standalone: false, template: "<a [href]=\"url\" class=\"{{ classes }}\" *ngIf=\"external\">\r\n  <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\r\n</a>\r\n\r\n<a [routerLink]=\"url\" class=\"{{ classes }}\" *ngIf=\"!external\">\r\n  <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\r\n</a>\r\n\r\n<ng-template #contentTemplate>\r\n  <span #ref><ng-content></ng-content></span>\r\n  <span *ngIf=\"!ref.innerHTML.trim()\">Sign In</span>\r\n</ng-template>\r\n" }]
     }], () => [], { qs: [{
             type: Input
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SignInButtonComponent, { className: "SignInButtonComponent", filePath: "lib\\ui\\components\\identity\\signin-button.component.ts", lineNumber: 28 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SignInButtonComponent, { className: "SignInButtonComponent", filePath: "lib/ui/components/identity/signin-button.component.ts", lineNumber: 29 }); })();
 
 /*
 <file>
@@ -8212,35 +8237,36 @@ class SignInButtonComponent extends ComponentBase {
 </file>
 */
 //Node
+const _c0$7 = ["*"];
 function SignOutButtonComponent_a_0_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
 } }
 function SignOutButtonComponent_a_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "a", 3);
-    i0.ɵɵtemplate(1, SignOutButtonComponent_a_0_ng_container_1_Template, 1, 0, "ng-container", 4);
+    i0.ɵɵelementStart(0, "a", 4);
+    i0.ɵɵtemplate(1, SignOutButtonComponent_a_0_ng_container_1_Template, 1, 0, "ng-container", 5);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
-    const _r3 = i0.ɵɵreference(3);
+    const contentTemplate_r2 = i0.ɵɵreference(3);
     i0.ɵɵclassMap(ctx_r0.classes);
     i0.ɵɵproperty("href", ctx_r0.url, i0.ɵɵsanitizeUrl);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", _r3);
+    i0.ɵɵproperty("ngTemplateOutlet", contentTemplate_r2);
 } }
 function SignOutButtonComponent_a_1_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
 } }
 function SignOutButtonComponent_a_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "a", 5);
-    i0.ɵɵtemplate(1, SignOutButtonComponent_a_1_ng_container_1_Template, 1, 0, "ng-container", 4);
+    i0.ɵɵelementStart(0, "a", 6);
+    i0.ɵɵtemplate(1, SignOutButtonComponent_a_1_ng_container_1_Template, 1, 0, "ng-container", 5);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    const _r3 = i0.ɵɵreference(3);
-    i0.ɵɵclassMap(ctx_r1.classes);
-    i0.ɵɵproperty("routerLink", ctx_r1.url);
+    const ctx_r0 = i0.ɵɵnextContext();
+    const contentTemplate_r2 = i0.ɵɵreference(3);
+    i0.ɵɵclassMap(ctx_r0.classes);
+    i0.ɵɵproperty("routerLink", ctx_r0.url);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", _r3);
+    i0.ɵɵproperty("ngTemplateOutlet", contentTemplate_r2);
 } }
 function SignOutButtonComponent_ng_template_2_span_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
@@ -8248,16 +8274,15 @@ function SignOutButtonComponent_ng_template_2_span_3_Template(rf, ctx) { if (rf
     i0.ɵɵelementEnd();
 } }
 function SignOutButtonComponent_ng_template_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", null, 6);
+    i0.ɵɵelementStart(0, "span", null, 1);
     i0.ɵɵprojection(2);
     i0.ɵɵelementEnd();
     i0.ɵɵtemplate(3, SignOutButtonComponent_ng_template_2_span_3_Template, 2, 0, "span", 7);
 } if (rf & 2) {
-    const _r6 = i0.ɵɵreference(1);
+    const ref_r3 = i0.ɵɵreference(1);
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("ngIf", !_r6.innerHTML.trim());
+    i0.ɵɵproperty("ngIf", !ref_r3.innerHTML.trim());
 } }
-const _c0$7 = ["*"];
 class SignOutButtonComponent extends ComponentBase {
     constructor() {
         super();
@@ -8275,10 +8300,10 @@ class SignOutButtonComponent extends ComponentBase {
             }
         }
     }
-    static { this.ɵfac = function SignOutButtonComponent_Factory(t) { return new (t || SignOutButtonComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SignOutButtonComponent, selectors: [["anatoly-signout-button"]], inputs: { qs: "qs" }, features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$7, decls: 4, vars: 2, consts: [[3, "href", "class", 4, "ngIf"], [3, "routerLink", "class", 4, "ngIf"], ["contentTemplate", ""], [3, "href"], [4, "ngTemplateOutlet"], [3, "routerLink"], ["ref", ""], [4, "ngIf"]], template: function SignOutButtonComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵfac = function SignOutButtonComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SignOutButtonComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SignOutButtonComponent, selectors: [["anatoly-signout-button"]], inputs: { qs: "qs" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$7, decls: 4, vars: 2, consts: [["contentTemplate", ""], ["ref", ""], [3, "href", "class", 4, "ngIf"], [3, "routerLink", "class", 4, "ngIf"], [3, "href"], [4, "ngTemplateOutlet"], [3, "routerLink"], [4, "ngIf"]], template: function SignOutButtonComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
-            i0.ɵɵtemplate(0, SignOutButtonComponent_a_0_Template, 2, 5, "a", 0)(1, SignOutButtonComponent_a_1_Template, 2, 5, "a", 1)(2, SignOutButtonComponent_ng_template_2_Template, 4, 1, "ng-template", null, 2, i0.ɵɵtemplateRefExtractor);
+            i0.ɵɵtemplate(0, SignOutButtonComponent_a_0_Template, 2, 5, "a", 2)(1, SignOutButtonComponent_a_1_Template, 2, 5, "a", 3)(2, SignOutButtonComponent_ng_template_2_Template, 4, 1, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
         } if (rf & 2) {
             i0.ɵɵproperty("ngIf", ctx.external);
             i0.ɵɵadvance();
@@ -8287,11 +8312,11 @@ class SignOutButtonComponent extends ComponentBase {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SignOutButtonComponent, [{
         type: Component,
-        args: [{ selector: "anatoly-signout-button", template: "<a [href]=\"url\" class=\"{{ classes }}\" *ngIf=\"external\">\r\n  <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\r\n</a>\r\n\r\n<a [routerLink]=\"url\" class=\"{{ classes }}\" *ngIf=\"!external\">\r\n  <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\r\n</a>\r\n\r\n<ng-template #contentTemplate>\r\n  <span #ref><ng-content></ng-content></span>\r\n  <span *ngIf=\"!ref.innerHTML.trim()\">Sign Out</span>\r\n</ng-template>\r\n" }]
+        args: [{ selector: "anatoly-signout-button", standalone: false, template: "<a [href]=\"url\" class=\"{{ classes }}\" *ngIf=\"external\">\r\n  <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\r\n</a>\r\n\r\n<a [routerLink]=\"url\" class=\"{{ classes }}\" *ngIf=\"!external\">\r\n  <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\r\n</a>\r\n\r\n<ng-template #contentTemplate>\r\n  <span #ref><ng-content></ng-content></span>\r\n  <span *ngIf=\"!ref.innerHTML.trim()\">Sign Out</span>\r\n</ng-template>\r\n" }]
     }], () => [], { qs: [{
             type: Input
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SignOutButtonComponent, { className: "SignOutButtonComponent", filePath: "lib\\ui\\components\\identity\\signout-button.component.ts", lineNumber: 28 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SignOutButtonComponent, { className: "SignOutButtonComponent", filePath: "lib/ui/components/identity/signout-button.component.ts", lineNumber: 29 }); })();
 
 /*
 <file>
@@ -8309,35 +8334,36 @@ class SignOutButtonComponent extends ComponentBase {
 </file>
 */
 //Node
+const _c0$6 = ["*"];
 function SignUpButtonComponent_a_0_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
 } }
 function SignUpButtonComponent_a_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "a", 3);
-    i0.ɵɵtemplate(1, SignUpButtonComponent_a_0_ng_container_1_Template, 1, 0, "ng-container", 4);
+    i0.ɵɵelementStart(0, "a", 4);
+    i0.ɵɵtemplate(1, SignUpButtonComponent_a_0_ng_container_1_Template, 1, 0, "ng-container", 5);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
-    const _r3 = i0.ɵɵreference(3);
+    const contentTemplate_r2 = i0.ɵɵreference(3);
     i0.ɵɵclassMap(ctx_r0.classes);
     i0.ɵɵproperty("href", ctx_r0.url, i0.ɵɵsanitizeUrl);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", _r3);
+    i0.ɵɵproperty("ngTemplateOutlet", contentTemplate_r2);
 } }
 function SignUpButtonComponent_a_1_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
 } }
 function SignUpButtonComponent_a_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "a", 5);
-    i0.ɵɵtemplate(1, SignUpButtonComponent_a_1_ng_container_1_Template, 1, 0, "ng-container", 4);
+    i0.ɵɵelementStart(0, "a", 6);
+    i0.ɵɵtemplate(1, SignUpButtonComponent_a_1_ng_container_1_Template, 1, 0, "ng-container", 5);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    const _r3 = i0.ɵɵreference(3);
-    i0.ɵɵclassMap(ctx_r1.classes);
-    i0.ɵɵproperty("routerLink", ctx_r1.url);
+    const ctx_r0 = i0.ɵɵnextContext();
+    const contentTemplate_r2 = i0.ɵɵreference(3);
+    i0.ɵɵclassMap(ctx_r0.classes);
+    i0.ɵɵproperty("routerLink", ctx_r0.url);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", _r3);
+    i0.ɵɵproperty("ngTemplateOutlet", contentTemplate_r2);
 } }
 function SignUpButtonComponent_ng_template_2_span_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "span");
@@ -8345,16 +8371,15 @@ function SignUpButtonComponent_ng_template_2_span_3_Template(rf, ctx) { if (rf &
     i0.ɵɵelementEnd();
 } }
 function SignUpButtonComponent_ng_template_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", null, 6);
+    i0.ɵɵelementStart(0, "span", null, 1);
     i0.ɵɵprojection(2);
     i0.ɵɵelementEnd();
     i0.ɵɵtemplate(3, SignUpButtonComponent_ng_template_2_span_3_Template, 2, 0, "span", 7);
 } if (rf & 2) {
-    const _r6 = i0.ɵɵreference(1);
+    const ref_r3 = i0.ɵɵreference(1);
     i0.ɵɵadvance(3);
-    i0.ɵɵproperty("ngIf", !_r6.innerHTML.trim());
+    i0.ɵɵproperty("ngIf", !ref_r3.innerHTML.trim());
 } }
-const _c0$6 = ["*"];
 class SignUpButtonComponent extends ComponentBase {
     constructor() {
         super();
@@ -8372,10 +8397,10 @@ class SignUpButtonComponent extends ComponentBase {
             }
         }
     }
-    static { this.ɵfac = function SignUpButtonComponent_Factory(t) { return new (t || SignUpButtonComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SignUpButtonComponent, selectors: [["anatoly-signup-button"]], inputs: { qs: "qs" }, features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$6, decls: 4, vars: 2, consts: [[3, "href", "class", 4, "ngIf"], [3, "routerLink", "class", 4, "ngIf"], ["contentTemplate", ""], [3, "href"], [4, "ngTemplateOutlet"], [3, "routerLink"], ["ref", ""], [4, "ngIf"]], template: function SignUpButtonComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵfac = function SignUpButtonComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SignUpButtonComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SignUpButtonComponent, selectors: [["anatoly-signup-button"]], inputs: { qs: "qs" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$6, decls: 4, vars: 2, consts: [["contentTemplate", ""], ["ref", ""], [3, "href", "class", 4, "ngIf"], [3, "routerLink", "class", 4, "ngIf"], [3, "href"], [4, "ngTemplateOutlet"], [3, "routerLink"], [4, "ngIf"]], template: function SignUpButtonComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
-            i0.ɵɵtemplate(0, SignUpButtonComponent_a_0_Template, 2, 5, "a", 0)(1, SignUpButtonComponent_a_1_Template, 2, 5, "a", 1)(2, SignUpButtonComponent_ng_template_2_Template, 4, 1, "ng-template", null, 2, i0.ɵɵtemplateRefExtractor);
+            i0.ɵɵtemplate(0, SignUpButtonComponent_a_0_Template, 2, 5, "a", 2)(1, SignUpButtonComponent_a_1_Template, 2, 5, "a", 3)(2, SignUpButtonComponent_ng_template_2_Template, 4, 1, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
         } if (rf & 2) {
             i0.ɵɵproperty("ngIf", ctx.external);
             i0.ɵɵadvance();
@@ -8384,11 +8409,11 @@ class SignUpButtonComponent extends ComponentBase {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SignUpButtonComponent, [{
         type: Component,
-        args: [{ selector: "anatoly-signup-button", template: "<a [href]=\"url\" class=\"{{ classes }}\" *ngIf=\"external\">\r\n  <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\r\n</a>\r\n\r\n<a [routerLink]=\"url\" class=\"{{ classes }}\" *ngIf=\"!external\">\r\n  <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\r\n</a>\r\n\r\n<ng-template #contentTemplate>\r\n  <span #ref><ng-content></ng-content></span>\r\n  <span *ngIf=\"!ref.innerHTML.trim()\">Sign Up</span>\r\n</ng-template>\r\n" }]
+        args: [{ selector: "anatoly-signup-button", standalone: false, template: "<a [href]=\"url\" class=\"{{ classes }}\" *ngIf=\"external\">\r\n  <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\r\n</a>\r\n\r\n<a [routerLink]=\"url\" class=\"{{ classes }}\" *ngIf=\"!external\">\r\n  <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\r\n</a>\r\n\r\n<ng-template #contentTemplate>\r\n  <span #ref><ng-content></ng-content></span>\r\n  <span *ngIf=\"!ref.innerHTML.trim()\">Sign Up</span>\r\n</ng-template>\r\n" }]
     }], () => [], { qs: [{
             type: Input
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SignUpButtonComponent, { className: "SignUpButtonComponent", filePath: "lib\\ui\\components\\identity\\signup-button.component.ts", lineNumber: 28 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SignUpButtonComponent, { className: "SignUpButtonComponent", filePath: "lib/ui/components/identity/signup-button.component.ts", lineNumber: 29 }); })();
 
 /*
 <file>
@@ -8406,19 +8431,20 @@ class SignUpButtonComponent extends ComponentBase {
 </file>
 */
 //Node
+const _c0$5 = ["*"];
 function NodataComponent_Conditional_0_div_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div");
-    i0.ɵɵelement(1, "fa-icon", 5);
+    i0.ɵɵelement(1, "fa-icon", 4);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
+    const ctx_r0 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("icon", ctx_r1.icon)("size", ctx_r1.iconSize);
+    i0.ɵɵproperty("icon", ctx_r0.icon)("size", ctx_r0.iconSize);
 } }
 function NodataComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 1)(1, "div", 2);
-    i0.ɵɵtemplate(2, NodataComponent_Conditional_0_div_2_Template, 2, 2, "div", 3);
-    i0.ɵɵelementStart(3, "h3", 4);
+    i0.ɵɵelementStart(0, "div", 0)(1, "div", 1);
+    i0.ɵɵtemplate(2, NodataComponent_Conditional_0_div_2_Template, 2, 2, "div", 2);
+    i0.ɵɵelementStart(3, "h3", 3);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd();
     i0.ɵɵprojection(5);
@@ -8430,23 +8456,22 @@ function NodataComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(ctx_r0.heading);
 } }
-const _c0$5 = ["*"];
 class NodataComponent {
     constructor() {
         this.iconSize = '10x';
         this.heading = 'No data found';
     }
-    static { this.ɵfac = function NodataComponent_Factory(t) { return new (t || NodataComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: NodataComponent, selectors: [["anatoly-nodata"]], inputs: { dataLoading: "dataLoading", dataLoaded: "dataLoaded", dataFound: "dataFound", icon: "icon", iconSize: "iconSize", heading: "heading" }, ngContentSelectors: _c0$5, decls: 1, vars: 1, consts: [["class", "no-data"], [1, "no-data"], [1, "loaded", "text-info"], [4, "ngIf"], [1, "no-data-heading"], [3, "icon", "size"]], template: function NodataComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵfac = function NodataComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || NodataComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: NodataComponent, selectors: [["anatoly-nodata"]], inputs: { dataLoading: "dataLoading", dataLoaded: "dataLoaded", dataFound: "dataFound", icon: "icon", iconSize: "iconSize", heading: "heading" }, standalone: false, ngContentSelectors: _c0$5, decls: 1, vars: 1, consts: [[1, "no-data"], [1, "loaded", "text-info"], [4, "ngIf"], [1, "no-data-heading"], [3, "icon", "size"]], template: function NodataComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵtemplate(0, NodataComponent_Conditional_0_Template, 6, 2, "div", 0);
         } if (rf & 2) {
-            i0.ɵɵconditional(0, !ctx.dataLoading && ctx.dataLoaded && !ctx.dataFound ? 0 : -1);
+            i0.ɵɵconditional(!ctx.dataLoading && ctx.dataLoaded && !ctx.dataFound ? 0 : -1);
         } }, dependencies: [i1$1.NgIf, i1$6.FaIconComponent], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NodataComponent, [{
         type: Component,
-        args: [{ selector: 'anatoly-nodata', template: "@if (!dataLoading && dataLoaded && !dataFound) {\r\n  <div class=\"no-data\">\r\n    <div class='loaded text-info'>\r\n      <div *ngIf='icon'>\r\n        <fa-icon [icon]=\"icon\" [size]=\"iconSize\"></fa-icon>\r\n      </div>\r\n      <h3 class='no-data-heading'>{{heading}}</h3>\r\n      <ng-content></ng-content>\r\n    </div>\r\n  </div>\r\n}\r\n" }]
+        args: [{ selector: 'anatoly-nodata', standalone: false, template: "@if (!dataLoading && dataLoaded && !dataFound) {\r\n  <div class=\"no-data\">\r\n    <div class='loaded text-info'>\r\n      <div *ngIf='icon'>\r\n        <fa-icon [icon]=\"icon\" [size]=\"iconSize\"></fa-icon>\r\n      </div>\r\n      <h3 class='no-data-heading'>{{heading}}</h3>\r\n      <ng-content></ng-content>\r\n    </div>\r\n  </div>\r\n}\r\n" }]
     }], null, { dataLoading: [{
             type: Input
         }], dataLoaded: [{
@@ -8460,7 +8485,7 @@ class NodataComponent {
         }], heading: [{
             type: Input
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(NodataComponent, { className: "NodataComponent", filePath: "lib\\ui\\components\\nodata\\nodata.component.ts", lineNumber: 25 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(NodataComponent, { className: "NodataComponent", filePath: "lib/ui/components/nodata/nodata.component.ts", lineNumber: 26 }); })();
 
 /*
 <file>
@@ -8478,8 +8503,8 @@ class NodataComponent {
 */
 //Node
 class NoMobileSupportComponent extends ComponentBase {
-    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵNoMobileSupportComponent_BaseFactory; return function NoMobileSupportComponent_Factory(t) { return (ɵNoMobileSupportComponent_BaseFactory || (ɵNoMobileSupportComponent_BaseFactory = i0.ɵɵgetInheritedFactory(NoMobileSupportComponent)))(t || NoMobileSupportComponent); }; })(); }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: NoMobileSupportComponent, selectors: [["anatoly-no-mobile-support"]], inputs: { logo: "logo" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 8, vars: 1, consts: [[2, "text-align", "center", "padding-top", "20px"], ["alt", "logo", 3, "src"], [2, "text-align", "center", "margin-top", "40vh"], [2, "font-size", "1.25rem"]], template: function NoMobileSupportComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵNoMobileSupportComponent_BaseFactory; return function NoMobileSupportComponent_Factory(__ngFactoryType__) { return (ɵNoMobileSupportComponent_BaseFactory || (ɵNoMobileSupportComponent_BaseFactory = i0.ɵɵgetInheritedFactory(NoMobileSupportComponent)))(__ngFactoryType__ || NoMobileSupportComponent); }; })(); }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: NoMobileSupportComponent, selectors: [["anatoly-no-mobile-support"]], inputs: { logo: "logo" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 8, vars: 1, consts: [[2, "text-align", "center", "padding-top", "20px"], ["alt", "logo", 3, "src"], [2, "text-align", "center", "margin-top", "40vh"], [2, "font-size", "1.25rem"]], template: function NoMobileSupportComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵelement(1, "img", 1);
             i0.ɵɵelementEnd();
@@ -8496,11 +8521,11 @@ class NoMobileSupportComponent extends ComponentBase {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NoMobileSupportComponent, [{
         type: Component,
-        args: [{ selector: 'anatoly-no-mobile-support', template: "<div style=\"text-align:center; padding-top:20px;\">\r\n  <img [src]='logo' alt='logo'>\r\n</div>\r\n<div style='text-align: center; margin-top:40vh;'>\r\n  <div style='font-size:1.25rem;'>\r\n    <b>Mobile Site Under Construction</b>\r\n  </div>\r\n  <div>Please Use Another Device</div>\r\n</div>\r\n" }]
+        args: [{ selector: 'anatoly-no-mobile-support', standalone: false, template: "<div style=\"text-align:center; padding-top:20px;\">\r\n  <img [src]='logo' alt='logo'>\r\n</div>\r\n<div style='text-align: center; margin-top:40vh;'>\r\n  <div style='font-size:1.25rem;'>\r\n    <b>Mobile Site Under Construction</b>\r\n  </div>\r\n  <div>Please Use Another Device</div>\r\n</div>\r\n" }]
     }], null, { logo: [{
             type: Input
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(NoMobileSupportComponent, { className: "NoMobileSupportComponent", filePath: "lib\\ui\\components\\no-mobile-support\\no-mobile-support.component.ts", lineNumber: 26 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(NoMobileSupportComponent, { className: "NoMobileSupportComponent", filePath: "lib/ui/components/no-mobile-support/no-mobile-support.component.ts", lineNumber: 27 }); })();
 
 /*
 <file>
@@ -8536,8 +8561,8 @@ class LoadingComponent extends ComponentBase {
             }
         });
     }
-    static { this.ɵfac = function LoadingComponent_Factory(t) { return new (t || LoadingComponent)(i0.ɵɵdirectiveInject(LoadingService)); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LoadingComponent, selectors: [["anatoly-loading"]], features: [i0.ɵɵInheritDefinitionFeature], 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) {
+    static { this.ɵfac = function LoadingComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LoadingComponent)(i0.ɵɵdirectiveInject(LoadingService)); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LoadingComponent, selectors: [["anatoly-loading"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], 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);
@@ -8545,9 +8570,9 @@ class LoadingComponent extends ComponentBase {
 }
 (() => { (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" }]
+        args: [{ selector: 'anatoly-loading', standalone: false, template: "<div id=\"pnlLoading\" *ngIf=\"show\">\r\n  <span class=\"k-icon k-i-loading\"></span>\r\n</div>\r\n" }]
     }], () => [{ type: LoadingService }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LoadingComponent, { className: "LoadingComponent", filePath: "lib\\ui\\components\\spinners\\loading\\loading.component.ts", lineNumber: 28 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LoadingComponent, { className: "LoadingComponent", filePath: "lib/ui/components/spinners/loading/loading.component.ts", lineNumber: 29 }); })();
 
 const Spinkit = {
     skChasingDots: 'sk-chasing-dots',
@@ -8582,10 +8607,10 @@ function PageSpinnerComponent_div_0_div_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(1, "div", 5);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵclassProp("colored", !ctx_r1.backgroundColor);
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("colored", !ctx_r0.backgroundColor);
     i0.ɵɵadvance();
-    i0.ɵɵstyleProp("background-color", ctx_r1.backgroundColor);
+    i0.ɵɵstyleProp("background-color", ctx_r0.backgroundColor);
 } }
 function PageSpinnerComponent_div_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 1)(1, "div", 2);
@@ -8622,8 +8647,8 @@ class PageSpinnerComponent {
     ngOnDestroy() {
         this.isSpinnerVisible = false;
     }
-    static { this.ɵfac = function PageSpinnerComponent_Factory(t) { return new (t || PageSpinnerComponent)(i0.ɵɵdirectiveInject(i1$2.Router)); }; }
-    static { this.ɵ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) {
+    static { this.ɵfac = function PageSpinnerComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PageSpinnerComponent)(i0.ɵɵdirectiveInject(i1$2.Router)); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PageSpinnerComponent, selectors: [["anatoly-pagespinner"]], inputs: { backgroundColor: "backgroundColor", spinner: "spinner" }, standalone: false, 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);
@@ -8631,13 +8656,13 @@ class PageSpinnerComponent {
 }
 (() => { (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" }]
+        args: [{ selector: 'anatoly-pagespinner', standalone: false, 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" }]
     }], () => [{ type: i1$2.Router }], { backgroundColor: [{
             type: Input
         }], spinner: [{
             type: Input
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PageSpinnerComponent, { className: "PageSpinnerComponent", filePath: "lib\\ui\\components\\spinners\\pagespinner\\pagespinner.component.ts", lineNumber: 29 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PageSpinnerComponent, { className: "PageSpinnerComponent", filePath: "lib/ui/components/spinners/pagespinner/pagespinner.component.ts", lineNumber: 30 }); })();
 
 /*
 <file>
@@ -8669,8 +8694,8 @@ class Copy2ClipboardComponent extends ComponentBase {
         }, 1000);
         Utils.copyToClipBoard(event, this.text);
     }
-    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵCopy2ClipboardComponent_BaseFactory; return function Copy2ClipboardComponent_Factory(t) { return (ɵCopy2ClipboardComponent_BaseFactory || (ɵCopy2ClipboardComponent_BaseFactory = i0.ɵɵgetInheritedFactory(Copy2ClipboardComponent)))(t || Copy2ClipboardComponent); }; })(); }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Copy2ClipboardComponent, selectors: [["anatoly-copy-2-clipboard"]], inputs: { tooltip: "tooltip", text: "text" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 3, consts: [[3, "click"], ["size", "lg", "icon", "copy"]], template: function Copy2ClipboardComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵCopy2ClipboardComponent_BaseFactory; return function Copy2ClipboardComponent_Factory(__ngFactoryType__) { return (ɵCopy2ClipboardComponent_BaseFactory || (ɵCopy2ClipboardComponent_BaseFactory = i0.ɵɵgetInheritedFactory(Copy2ClipboardComponent)))(__ngFactoryType__ || Copy2ClipboardComponent); }; })(); }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Copy2ClipboardComponent, selectors: [["anatoly-copy-2-clipboard"]], inputs: { tooltip: "tooltip", text: "text" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 3, consts: [[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);
@@ -8681,13 +8706,13 @@ class Copy2ClipboardComponent extends ComponentBase {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(Copy2ClipboardComponent, [{
         type: Component,
-        args: [{ selector: 'anatoly-copy-2-clipboard', template: "<a class=\"btn btn-icon {{ classes }}\" (click)=\"onCopy2Clipboard($event)\">\r\n  <fa-icon size=\"lg\" icon=\"copy\" />\r\n</a>\r\n" }]
+        args: [{ selector: 'anatoly-copy-2-clipboard', standalone: false, template: "<a class=\"btn btn-icon {{ classes }}\" (click)=\"onCopy2Clipboard($event)\">\r\n  <fa-icon size=\"lg\" icon=\"copy\" />\r\n</a>\r\n" }]
     }], null, { tooltip: [{
             type: Input
         }], text: [{
             type: Input
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(Copy2ClipboardComponent, { className: "Copy2ClipboardComponent", filePath: "lib\\ui\\components\\copy-2-clipboard\\copy-2-clipboard.component.ts", lineNumber: 28 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(Copy2ClipboardComponent, { className: "Copy2ClipboardComponent", filePath: "lib/ui/components/copy-2-clipboard/copy-2-clipboard.component.ts", lineNumber: 29 }); })();
 
 /*
 <file>
@@ -8705,6 +8730,7 @@ class Copy2ClipboardComponent extends ComponentBase {
 </file>
 */
 //Node
+const _c0$4 = a0 => ({ "has-error": a0 });
 function UrlSlugComponent_label_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "label", 7);
     i0.ɵɵtext(1);
@@ -8719,10 +8745,9 @@ function UrlSlugComponent_a_7_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(1, "Go");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵpropertyInterpolate2("href", "", ctx_r1.urlPrefix, "", ctx_r1.hrefGo, "", i0.ɵɵsanitizeUrl);
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵpropertyInterpolate2("href", "", ctx_r0.urlPrefix, "", ctx_r0.hrefGo, "", i0.ɵɵsanitizeUrl);
 } }
-const _c0$4 = a0 => ({ "has-error": a0 });
 class UrlSlugComponent extends EditComponentBase {
     constructor() {
         super();
@@ -8764,8 +8789,8 @@ class UrlSlugComponent extends EditComponentBase {
         let text = this.getFormValue(this.controlName);
         this.generateUrlSlug(text);
     }
-    static { this.ɵfac = function UrlSlugComponent_Factory(t) { return new (t || UrlSlugComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UrlSlugComponent, selectors: [["anatoly-urlslug"]], inputs: { urlPrefix: "urlPrefix", isGoButtonVisible: "isGoButtonVisible", watchedControlName: "watchedControlName" }, outputs: { generated: "generated" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 8, vars: 12, consts: [[1, "form-group", 3, "formGroup", "ngClass"], [3, "formGroup", "formSubmitted", "controlName"], [1, "input-group", "permalink", 3, "ngClass"], ["for", "urlPrefixId", 4, "ngIf"], [1, "urlPrefix"], ["type", "text", "id", "urlPrefixId", 1, "form-control", 3, "formControlName", "focusout"], ["class", "btn btn-primary", "target", "_blank", 3, "href", 4, "ngIf"], ["for", "urlPrefixId"], ["target", "_blank", 1, "btn", "btn-primary", 3, "href"]], template: function UrlSlugComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵfac = function UrlSlugComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || UrlSlugComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UrlSlugComponent, selectors: [["anatoly-urlslug"]], inputs: { urlPrefix: "urlPrefix", isGoButtonVisible: "isGoButtonVisible", watchedControlName: "watchedControlName" }, outputs: { generated: "generated" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 8, vars: 12, consts: [[1, "form-group", 3, "formGroup", "ngClass"], [3, "formGroup", "formSubmitted", "controlName"], [1, "input-group", "permalink", 3, "ngClass"], ["for", "urlPrefixId", 4, "ngIf"], [1, "urlPrefix"], ["type", "text", "id", "urlPrefixId", 1, "form-control", 3, "focusout", "formControlName"], ["class", "btn btn-primary", "target", "_blank", 3, "href", 4, "ngIf"], ["for", "urlPrefixId"], ["target", "_blank", 1, "btn", "btn-primary", 3, "href"]], template: function UrlSlugComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵelement(1, "anatoly-item-validation-summary", 1);
             i0.ɵɵelementStart(2, "div", 2);
@@ -8776,7 +8801,7 @@ class UrlSlugComponent extends EditComponentBase {
             i0.ɵɵelementStart(6, "input", 5);
             i0.ɵɵlistener("focusout", function UrlSlugComponent_Template_input_focusout_6_listener() { return ctx.onUrlSlugChange(); });
             i0.ɵɵelementEnd();
-            i0.ɵɵtemplate(7, UrlSlugComponent_a_7_Template, 2, 2, "a", 6);
+            i0.ɵɵtemplate(7, UrlSlugComponent_a_7_Template, 2, 3, "a", 6);
             i0.ɵɵelementEnd()();
         } if (rf & 2) {
             i0.ɵɵproperty("formGroup", ctx.formGroup)("ngClass", i0.ɵɵpureFunction1(10, _c0$4, ctx.isControlInvalid(ctx.controlName)));
@@ -8796,7 +8821,7 @@ class UrlSlugComponent extends EditComponentBase {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UrlSlugComponent, [{
         type: Component,
-        args: [{ selector: 'anatoly-urlslug', template: "<div class=\"form-group\" [formGroup]='formGroup' [ngClass]=\"{'has-error': isControlInvalid(controlName)}\" >\r\n  <anatoly-item-validation-summary\r\n    [formGroup]='formGroup'\r\n    [formSubmitted]='formSubmitted'\r\n    [controlName]='controlName'>\r\n  </anatoly-item-validation-summary>\r\n\r\n  <div class=\"input-group permalink\" [ngClass]=\"classes\">\r\n    <label for=\"urlPrefixId\" *ngIf='isTitleVisible'>{{ title }}</label>\r\n    <div class=\"urlPrefix\">{{ urlPrefix }}</div>\r\n    <input type=\"text\" class=\"form-control\" id=\"urlPrefixId\" [formControlName]='controlName' (focusout)='onUrlSlugChange()'>\r\n    <a class=\"btn btn-primary\" href=\"{{urlPrefix}}{{hrefGo}}\" target=\"_blank\" *ngIf=\"isGoButtonVisible\" >Go</a>\r\n  </div>\r\n</div>\r\n" }]
+        args: [{ selector: 'anatoly-urlslug', standalone: false, template: "<div class=\"form-group\" [formGroup]='formGroup' [ngClass]=\"{'has-error': isControlInvalid(controlName)}\" >\r\n  <anatoly-item-validation-summary\r\n    [formGroup]='formGroup'\r\n    [formSubmitted]='formSubmitted'\r\n    [controlName]='controlName'>\r\n  </anatoly-item-validation-summary>\r\n\r\n  <div class=\"input-group permalink\" [ngClass]=\"classes\">\r\n    <label for=\"urlPrefixId\" *ngIf='isTitleVisible'>{{ title }}</label>\r\n    <div class=\"urlPrefix\">{{ urlPrefix }}</div>\r\n    <input type=\"text\" class=\"form-control\" id=\"urlPrefixId\" [formControlName]='controlName' (focusout)='onUrlSlugChange()'>\r\n    <a class=\"btn btn-primary\" href=\"{{urlPrefix}}{{hrefGo}}\" target=\"_blank\" *ngIf=\"isGoButtonVisible\" >Go</a>\r\n  </div>\r\n</div>\r\n" }]
     }], () => [], { urlPrefix: [{
             type: Input
         }], isGoButtonVisible: [{
@@ -8806,7 +8831,7 @@ class UrlSlugComponent extends EditComponentBase {
         }], generated: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UrlSlugComponent, { className: "UrlSlugComponent", filePath: "lib\\ui\\components\\urlslug\\urlslug.component.ts", lineNumber: 28 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UrlSlugComponent, { className: "UrlSlugComponent", filePath: "lib/ui/components/urlslug/urlslug.component.ts", lineNumber: 29 }); })();
 
 /*
 <file>
@@ -8838,8 +8863,8 @@ function FeatureWillBeReadyComponent_h3_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementEnd();
 } }
 class FeatureWillBeReadyComponent extends ComponentBase {
-    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵFeatureWillBeReadyComponent_BaseFactory; return function FeatureWillBeReadyComponent_Factory(t) { return (ɵFeatureWillBeReadyComponent_BaseFactory || (ɵFeatureWillBeReadyComponent_BaseFactory = i0.ɵɵgetInheritedFactory(FeatureWillBeReadyComponent)))(t || FeatureWillBeReadyComponent); }; })(); }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FeatureWillBeReadyComponent, selectors: [["anatoly-feature-will-be-ready"]], inputs: { readyDate: "readyDate" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 3, vars: 2, consts: [[1, "feature-will-be-ready"], [4, "ngIf"]], template: function FeatureWillBeReadyComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵFeatureWillBeReadyComponent_BaseFactory; return function FeatureWillBeReadyComponent_Factory(__ngFactoryType__) { return (ɵFeatureWillBeReadyComponent_BaseFactory || (ɵFeatureWillBeReadyComponent_BaseFactory = i0.ɵɵgetInheritedFactory(FeatureWillBeReadyComponent)))(__ngFactoryType__ || FeatureWillBeReadyComponent); }; })(); }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FeatureWillBeReadyComponent, selectors: [["anatoly-feature-will-be-ready"]], inputs: { readyDate: "readyDate" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 3, vars: 2, consts: [[1, "feature-will-be-ready"], [4, "ngIf"]], template: function FeatureWillBeReadyComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵtemplate(1, FeatureWillBeReadyComponent_h3_1_Template, 2, 1, "h3", 1)(2, FeatureWillBeReadyComponent_h3_2_Template, 2, 0, "h3", 1);
             i0.ɵɵelementEnd();
@@ -8852,11 +8877,11 @@ class FeatureWillBeReadyComponent extends ComponentBase {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FeatureWillBeReadyComponent, [{
         type: Component,
-        args: [{ selector: 'anatoly-feature-will-be-ready', template: "<div class='feature-will-be-ready'>\r\n  <h3 *ngIf='readyDate'>This feature will be ready in {{ readyDate }} </h3>\r\n  <h3 *ngIf='!readyDate'>This feature will be available soon</h3>\r\n</div>\r\n" }]
+        args: [{ selector: 'anatoly-feature-will-be-ready', standalone: false, template: "<div class='feature-will-be-ready'>\r\n  <h3 *ngIf='readyDate'>This feature will be ready in {{ readyDate }} </h3>\r\n  <h3 *ngIf='!readyDate'>This feature will be available soon</h3>\r\n</div>\r\n" }]
     }], null, { readyDate: [{
             type: Input
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FeatureWillBeReadyComponent, { className: "FeatureWillBeReadyComponent", filePath: "lib\\ui\\components\\feature-will-be-ready\\feature-will-be-ready.component.ts", lineNumber: 26 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FeatureWillBeReadyComponent, { className: "FeatureWillBeReadyComponent", filePath: "lib/ui/components/feature-will-be-ready/feature-will-be-ready.component.ts", lineNumber: 27 }); })();
 
 /*
 <file>
@@ -8881,8 +8906,8 @@ class YouAgreeToOurTermsComponent extends ComponentBase {
         super(...arguments);
         this.oneLine = true;
     }
-    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵYouAgreeToOurTermsComponent_BaseFactory; return function YouAgreeToOurTermsComponent_Factory(t) { return (ɵYouAgreeToOurTermsComponent_BaseFactory || (ɵYouAgreeToOurTermsComponent_BaseFactory = i0.ɵɵgetInheritedFactory(YouAgreeToOurTermsComponent)))(t || YouAgreeToOurTermsComponent); }; })(); }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: YouAgreeToOurTermsComponent, selectors: [["anatoly-you-agree-to-our-terms"]], inputs: { prefix: "prefix", oneLine: "oneLine" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 10, vars: 4, consts: [[1, "you-agree-to-our-terms"], ["target", "_blank", "rel", "noopener", 3, "href"]], template: function YouAgreeToOurTermsComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵYouAgreeToOurTermsComponent_BaseFactory; return function YouAgreeToOurTermsComponent_Factory(__ngFactoryType__) { return (ɵYouAgreeToOurTermsComponent_BaseFactory || (ɵYouAgreeToOurTermsComponent_BaseFactory = i0.ɵɵgetInheritedFactory(YouAgreeToOurTermsComponent)))(__ngFactoryType__ || YouAgreeToOurTermsComponent); }; })(); }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: YouAgreeToOurTermsComponent, selectors: [["anatoly-you-agree-to-our-terms"]], inputs: { prefix: "prefix", oneLine: "oneLine" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 10, vars: 4, consts: [[1, "you-agree-to-our-terms"], ["target", "_blank", "rel", "noopener", 3, "href"]], template: function YouAgreeToOurTermsComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0)(1, "p");
             i0.ɵɵtext(2);
             i0.ɵɵtemplate(3, YouAgreeToOurTermsComponent_Conditional_3_Template, 1, 0, "br");
@@ -8899,7 +8924,7 @@ class YouAgreeToOurTermsComponent extends ComponentBase {
             i0.ɵɵadvance(2);
             i0.ɵɵtextInterpolate1(" ", ctx.prefix, " you agree to our ");
             i0.ɵɵadvance();
-            i0.ɵɵconditional(3, !ctx.oneLine ? 3 : -1);
+            i0.ɵɵconditional(!ctx.oneLine ? 3 : -1);
             i0.ɵɵadvance();
             i0.ɵɵproperty("href", ctx.currentApp.oneUrl + "legal/terms", i0.ɵɵsanitizeUrl);
             i0.ɵɵadvance(3);
@@ -8908,13 +8933,13 @@ class YouAgreeToOurTermsComponent extends ComponentBase {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(YouAgreeToOurTermsComponent, [{
         type: Component,
-        args: [{ selector: 'anatoly-you-agree-to-our-terms', template: "<div class=\"you-agree-to-our-terms\">\r\n  <p>\r\n    {{ prefix }} you agree to our\r\n    @if (!oneLine) {\r\n      <br />\r\n    }\r\n    <a [href]=\"currentApp.oneUrl + 'legal/terms'\" target=\"_blank\" rel=\"noopener\">Terms of use</a>\r\n    and\r\n    <a [href]=\"currentApp.oneUrl + 'legal/privacy'\" target=\"_blank\" rel=\"noopener\">Privacy Policy</a>.\r\n  </p>\r\n</div>\r\n" }]
+        args: [{ selector: 'anatoly-you-agree-to-our-terms', standalone: false, template: "<div class=\"you-agree-to-our-terms\">\r\n  <p>\r\n    {{ prefix }} you agree to our\r\n    @if (!oneLine) {\r\n      <br />\r\n    }\r\n    <a [href]=\"currentApp.oneUrl + 'legal/terms'\" target=\"_blank\" rel=\"noopener\">Terms of use</a>\r\n    and\r\n    <a [href]=\"currentApp.oneUrl + 'legal/privacy'\" target=\"_blank\" rel=\"noopener\">Privacy Policy</a>.\r\n  </p>\r\n</div>\r\n" }]
     }], null, { prefix: [{
             type: Input
         }], oneLine: [{
             type: Input
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(YouAgreeToOurTermsComponent, { className: "YouAgreeToOurTermsComponent", filePath: "lib\\ui\\components\\you-agree-to-our-terms\\you-agree-to-our-terms.component.ts", lineNumber: 26 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(YouAgreeToOurTermsComponent, { className: "YouAgreeToOurTermsComponent", filePath: "lib/ui/components/you-agree-to-our-terms/you-agree-to-our-terms.component.ts", lineNumber: 27 }); })();
 
 /*
 <file>
@@ -8954,9 +8979,9 @@ function FormValidationSummaryComponent_div_0_li_4_Template(rf, ctx) { if (rf &
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const error_r2 = ctx.$implicit;
+    const error_r1 = ctx.$implicit;
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(error_r2);
+    i0.ɵɵtextInterpolate(error_r1);
 } }
 function FormValidationSummaryComponent_div_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 1)(1, "h6", 2);
@@ -8966,9 +8991,9 @@ function FormValidationSummaryComponent_div_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtemplate(4, FormValidationSummaryComponent_div_0_li_4_Template, 3, 1, "li", 3);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
+    const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance(4);
-    i0.ɵɵproperty("ngForOf", ctx_r0.getErrors());
+    i0.ɵɵproperty("ngForOf", ctx_r1.getErrors());
 } }
 class FormValidationSummaryComponent extends ValidationSummaryComponent {
     constructor() {
@@ -8999,8 +9024,8 @@ class FormValidationSummaryComponent extends ValidationSummaryComponent {
         }
         return messages;
     }
-    static { this.ɵfac = function FormValidationSummaryComponent_Factory(t) { return new (t || FormValidationSummaryComponent)(); }; }
-    static { this.ɵ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) {
+    static { this.ɵfac = function FormValidationSummaryComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || FormValidationSummaryComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FormValidationSummaryComponent, selectors: [["anatoly-form-validation-summary"]], inputs: { visible: "visible", customerrors: "customerrors", viewtype: "viewtype" }, standalone: false, 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);
@@ -9008,7 +9033,7 @@ class FormValidationSummaryComponent extends ValidationSummaryComponent {
 }
 (() => { (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" }]
+        args: [{ selector: "anatoly-form-validation-summary", standalone: false, 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" }]
     }], () => [], { visible: [{
             type: Input
         }], customerrors: [{
@@ -9016,7 +9041,7 @@ class FormValidationSummaryComponent extends ValidationSummaryComponent {
         }], viewtype: [{
             type: Input
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FormValidationSummaryComponent, { className: "FormValidationSummaryComponent", filePath: "lib\\ui\\validation\\form-validation-summary.component.ts", lineNumber: 27 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FormValidationSummaryComponent, { className: "FormValidationSummaryComponent", filePath: "lib/ui/validation/form-validation-summary.component.ts", lineNumber: 28 }); })();
 
 /*
 <file>
@@ -9034,15 +9059,16 @@ class FormValidationSummaryComponent extends ValidationSummaryComponent {
 </file>
 */
 //Node
+const _c0$3 = a0 => ({ "has-error": a0 });
 function ContactUsForm_option_12_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "option", 28);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const topic_r3 = ctx.$implicit;
-    i0.ɵɵproperty("value", topic_r3.value);
+    const topic_r1 = ctx.$implicit;
+    i0.ɵɵproperty("value", topic_r1.value);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1("", topic_r3.value, " ");
+    i0.ɵɵtextInterpolate1("", topic_r1.value, " ");
 } }
 function ContactUsForm_p_23_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "p");
@@ -9054,10 +9080,9 @@ function ContactUsForm_button_38_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(1, " Submit ");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵclassProp("btn-primary", !ctx_r2.formGroup.invalid);
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵclassProp("btn-primary", !ctx_r1.formGroup.invalid);
 } }
-const _c0$3 = a0 => ({ "has-error": a0 });
 class ContactUsForm extends EditComponentBase {
     constructor(reCaptcha, fb, appContext, api, notificationService) {
         super();
@@ -9070,7 +9095,7 @@ class ContactUsForm extends EditComponentBase {
         this.topicList = [
             { value: 'Billing & Pricing' },
             { value: 'Legal & Privacy' },
-            { value: 'Repor abuse' },
+            { value: 'Report abuse' },
             { value: 'Technical Support' },
             { value: 'Other' }
         ];
@@ -9134,8 +9159,8 @@ class ContactUsForm extends EditComponentBase {
     onTopicChange(event) {
         this.selectedTopic = event.target.value;
     }
-    static { this.ɵfac = function ContactUsForm_Factory(t) { return new (t || ContactUsForm)(i0.ɵɵdirectiveInject(i1$8.ReCaptchaV3Service), i0.ɵɵdirectiveInject(i2.FormBuilder), i0.ɵɵdirectiveInject(AppContextService), i0.ɵɵdirectiveInject(EmailsApiService), i0.ɵɵdirectiveInject(NotificationService)); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ContactUsForm, selectors: [["anatoly-forms-contactus-form"]], inputs: { showActionButtons: "showActionButtons" }, outputs: { submit: "submit" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 39, vars: 31, consts: [["novalidate", "", 3, "formGroup", "ngSubmit"], [3, "formGroup", "visible"], [1, "contact-us"], [1, "row"], [1, "form-fields", "col-6"], [1, "form-topic", 3, "ngClass"], [1, "form-select-wrapper"], [1, "assistive-text"], ["formControlName", "topic", 1, "form-select", 3, "change"], [3, "value", 4, "ngFor", "ngForOf"], ["controlName", "topic", "controlTitle", "topic", 3, "formGroup", "formSubmitted"], [1, "form-name", 3, "ngClass"], ["formControlName", "name", "placeholder", "Name *", "type", "text", 1, "form-control"], ["controlName", "name", "controlTitle", "name", 3, "formGroup", "formSubmitted"], [1, "form-email", 3, "ngClass"], ["formControlName", "email", "placeholder", "E-mail *", "type", "text", 1, "form-control"], [4, "ngIf"], ["controlName", "email", "controlTitle", "email", 3, "formGroup", "formSubmitted"], [1, "form-subject", 3, "ngClass"], ["formControlName", "subject", "placeholder", "Subject *", "type", "text", 1, "form-control"], ["controlName", "subject", "controlTitle", "subject", 3, "formGroup", "formSubmitted"], [1, "col-6"], [1, "form-message", 3, "ngClass"], ["formControlName", "message", "name", "message", "placeholder", "Message  *", "rows", "4", "type", "text"], ["controlName", "message", "controlTitle", "message", 3, "formGroup", "formSubmitted"], [1, "row", "form-footer"], [1, "col"], ["class", "btn btn-success", "type", "submit", 3, "btn-primary", 4, "ngIf"], [3, "value"], ["type", "submit", 1, "btn", "btn-success"]], template: function ContactUsForm_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵfac = function ContactUsForm_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ContactUsForm)(i0.ɵɵdirectiveInject(i1$8.ReCaptchaV3Service), i0.ɵɵdirectiveInject(i2.FormBuilder), i0.ɵɵdirectiveInject(AppContextService), i0.ɵɵdirectiveInject(EmailsApiService), i0.ɵɵdirectiveInject(NotificationService)); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ContactUsForm, selectors: [["anatoly-forms-contactus-form"]], inputs: { showActionButtons: "showActionButtons" }, outputs: { submit: "submit" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 39, vars: 31, consts: [["novalidate", "", 3, "ngSubmit", "formGroup"], [3, "formGroup", "visible"], [1, "contact-us"], [1, "row"], [1, "form-fields", "col-6"], [1, "form-topic", 3, "ngClass"], [1, "form-select-wrapper"], [1, "assistive-text"], ["formControlName", "topic", 1, "form-select", 3, "change"], [3, "value", 4, "ngFor", "ngForOf"], ["controlName", "topic", "controlTitle", "topic", 3, "formGroup", "formSubmitted"], [1, "form-name", 3, "ngClass"], ["formControlName", "name", "placeholder", "Name *", "type", "text", 1, "form-control"], ["controlName", "name", "controlTitle", "name", 3, "formGroup", "formSubmitted"], [1, "form-email", 3, "ngClass"], ["formControlName", "email", "placeholder", "E-mail *", "type", "text", 1, "form-control"], [4, "ngIf"], ["controlName", "email", "controlTitle", "email", 3, "formGroup", "formSubmitted"], [1, "form-subject", 3, "ngClass"], ["formControlName", "subject", "placeholder", "Subject *", "type", "text", 1, "form-control"], ["controlName", "subject", "controlTitle", "subject", 3, "formGroup", "formSubmitted"], [1, "col-6"], [1, "form-message", 3, "ngClass"], ["formControlName", "message", "name", "message", "placeholder", "Message  *", "rows", "4", "type", "text"], ["controlName", "message", "controlTitle", "message", 3, "formGroup", "formSubmitted"], [1, "row", "form-footer"], [1, "col"], ["class", "btn btn-success", "type", "submit", 3, "btn-primary", 4, "ngIf"], [3, "value"], ["type", "submit", 1, "btn", "btn-success"]], template: function ContactUsForm_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "form", 0);
             i0.ɵɵlistener("ngSubmit", function ContactUsForm_Template_form_ngSubmit_0_listener() { return ctx.onSubmit(); });
             i0.ɵɵelement(1, "anatoly-form-validation-summary", 1);
@@ -9210,13 +9235,13 @@ class ContactUsForm extends EditComponentBase {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ContactUsForm, [{
         type: Component,
-        args: [{ selector: 'anatoly-forms-contactus-form', template: "<form (ngSubmit)='onSubmit()' [formGroup]='formGroup' novalidate>\r\n  <anatoly-form-validation-summary [formGroup]='formGroup'\r\n                                   [visible]='formSubmitted && formGroup.invalid'></anatoly-form-validation-summary>\r\n\r\n  <div class='contact-us'>\r\n    <div class=\"row\">\r\n      <div class='form-fields col-6'>\r\n        <p>What can we help you with?</p>\r\n        <div [ngClass]=\"{'has-error': isControlInvalid('topic') }\" class='form-topic'>\r\n          <div class='form-select-wrapper'>\r\n            <label class='assistive-text'>Topic *</label>\r\n            <select (change)='onTopicChange($event)' class='form-select' formControlName='topic'>\r\n              <option *ngFor='let topic of topicList' [value]='topic.value'>{{ topic.value }} </option>\r\n            </select>\r\n            <anatoly-item-validation-summary [formGroup]='formGroup'\r\n                                             [formSubmitted]='formSubmitted'\r\n                                             controlName='topic'\r\n                                             controlTitle='topic'>\r\n            </anatoly-item-validation-summary>\r\n          </div>\r\n        </div>\r\n        <div [ngClass]=\"{'has-error': isControlInvalid('name') }\" class='form-name'>\r\n          <label class='assistive-text'>Name *</label>\r\n          <input class='form-control' formControlName='name' placeholder='Name *' type='text'>\r\n          <anatoly-item-validation-summary [formGroup]='formGroup'\r\n                                           [formSubmitted]='formSubmitted'\r\n                                           controlName='name'\r\n                                           controlTitle='name'>\r\n          </anatoly-item-validation-summary>\r\n        </div>\r\n        <div [ngClass]=\"{'has-error': isControlInvalid('email') }\" class='form-email'>\r\n          <label class='assistive-text'>E-mail * </label>\r\n          <input class='form-control' formControlName='email' placeholder='E-mail *' type='text' />\r\n          <p *ngIf='!isUserSignedIn'>Please indicate the email used for your MailEx login if you already have an account</p>\r\n          <anatoly-item-validation-summary [formGroup]='formGroup'\r\n                                           [formSubmitted]='formSubmitted'\r\n                                           controlName='email'\r\n                                           controlTitle='email'>\r\n          </anatoly-item-validation-summary>\r\n        </div>\r\n        <div [ngClass]=\"{'has-error': isControlInvalid('subject') }\" class='form-subject'>\r\n          <label class='assistive-text'>Subject *</label>\r\n          <input class='form-control' formControlName='subject' placeholder='Subject *' type='text' />\r\n          <anatoly-item-validation-summary [formGroup]='formGroup'\r\n                                           [formSubmitted]='formSubmitted'\r\n                                           controlName='subject'\r\n                                           controlTitle='subject'>\r\n          </anatoly-item-validation-summary>\r\n        </div>\r\n\r\n      </div>\r\n      <div class='col-6'>\r\n        <div [ngClass]=\"{'has-error': isControlInvalid('message') }\" class='form-message'>\r\n          <label class='assistive-text'>Message *</label>\r\n          <textarea formControlName='message' name='message' placeholder='Message  *' rows='4'\r\n                    type='text'></textarea>\r\n          <anatoly-item-validation-summary [formGroup]='formGroup'\r\n                                           [formSubmitted]='formSubmitted'\r\n                                           controlName='message'\r\n                                           controlTitle='message'>\r\n          </anatoly-item-validation-summary>\r\n        </div>\r\n      </div>\r\n    </div>\r\n      <div class=\"row form-footer\">\r\n        <div class=\"col\">\r\n          <button *ngIf='showActionButtons'\r\n                  [class.btn-primary]='!formGroup.invalid'\r\n                  class='btn btn-success'\r\n                  type='submit'>\r\n            Submit\r\n          </button>\r\n        </div>\r\n    </div>\r\n  </div>\r\n</form>\r\n" }]
+        args: [{ selector: 'anatoly-forms-contactus-form', standalone: false, template: "<form (ngSubmit)='onSubmit()' [formGroup]='formGroup' novalidate>\r\n  <anatoly-form-validation-summary [formGroup]='formGroup'\r\n                                   [visible]='formSubmitted && formGroup.invalid'></anatoly-form-validation-summary>\r\n\r\n  <div class='contact-us'>\r\n    <div class=\"row\">\r\n      <div class='form-fields col-6'>\r\n        <p>What can we help you with?</p>\r\n        <div [ngClass]=\"{'has-error': isControlInvalid('topic') }\" class='form-topic'>\r\n          <div class='form-select-wrapper'>\r\n            <label class='assistive-text'>Topic *</label>\r\n            <select (change)='onTopicChange($event)' class='form-select' formControlName='topic'>\r\n              <option *ngFor='let topic of topicList' [value]='topic.value'>{{ topic.value }} </option>\r\n            </select>\r\n            <anatoly-item-validation-summary [formGroup]='formGroup'\r\n                                             [formSubmitted]='formSubmitted'\r\n                                             controlName='topic'\r\n                                             controlTitle='topic'>\r\n            </anatoly-item-validation-summary>\r\n          </div>\r\n        </div>\r\n        <div [ngClass]=\"{'has-error': isControlInvalid('name') }\" class='form-name'>\r\n          <label class='assistive-text'>Name *</label>\r\n          <input class='form-control' formControlName='name' placeholder='Name *' type='text'>\r\n          <anatoly-item-validation-summary [formGroup]='formGroup'\r\n                                           [formSubmitted]='formSubmitted'\r\n                                           controlName='name'\r\n                                           controlTitle='name'>\r\n          </anatoly-item-validation-summary>\r\n        </div>\r\n        <div [ngClass]=\"{'has-error': isControlInvalid('email') }\" class='form-email'>\r\n          <label class='assistive-text'>E-mail * </label>\r\n          <input class='form-control' formControlName='email' placeholder='E-mail *' type='text' />\r\n          <p *ngIf='!isUserSignedIn'>Please indicate the email used for your MailEx login if you already have an account</p>\r\n          <anatoly-item-validation-summary [formGroup]='formGroup'\r\n                                           [formSubmitted]='formSubmitted'\r\n                                           controlName='email'\r\n                                           controlTitle='email'>\r\n          </anatoly-item-validation-summary>\r\n        </div>\r\n        <div [ngClass]=\"{'has-error': isControlInvalid('subject') }\" class='form-subject'>\r\n          <label class='assistive-text'>Subject *</label>\r\n          <input class='form-control' formControlName='subject' placeholder='Subject *' type='text' />\r\n          <anatoly-item-validation-summary [formGroup]='formGroup'\r\n                                           [formSubmitted]='formSubmitted'\r\n                                           controlName='subject'\r\n                                           controlTitle='subject'>\r\n          </anatoly-item-validation-summary>\r\n        </div>\r\n\r\n      </div>\r\n      <div class='col-6'>\r\n        <div [ngClass]=\"{'has-error': isControlInvalid('message') }\" class='form-message'>\r\n          <label class='assistive-text'>Message *</label>\r\n          <textarea formControlName='message' name='message' placeholder='Message  *' rows='4'\r\n                    type='text'></textarea>\r\n          <anatoly-item-validation-summary [formGroup]='formGroup'\r\n                                           [formSubmitted]='formSubmitted'\r\n                                           controlName='message'\r\n                                           controlTitle='message'>\r\n          </anatoly-item-validation-summary>\r\n        </div>\r\n      </div>\r\n    </div>\r\n      <div class=\"row form-footer\">\r\n        <div class=\"col\">\r\n          <button *ngIf='showActionButtons'\r\n                  [class.btn-primary]='!formGroup.invalid'\r\n                  class='btn btn-success'\r\n                  type='submit'>\r\n            Submit\r\n          </button>\r\n        </div>\r\n    </div>\r\n  </div>\r\n</form>\r\n" }]
     }], () => [{ type: i1$8.ReCaptchaV3Service }, { type: i2.FormBuilder }, { type: AppContextService }, { type: EmailsApiService }, { type: NotificationService }], { showActionButtons: [{
             type: Input
         }], submit: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ContactUsForm, { className: "ContactUsForm", filePath: "lib\\ui\\forms\\contact-us\\contact-us.ts", lineNumber: 32 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ContactUsForm, { className: "ContactUsForm", filePath: "lib/ui/forms/contact-us/contact-us.ts", lineNumber: 33 }); })();
 
 /*
 <file>
@@ -9235,18 +9260,18 @@ class ContactUsForm extends EditComponentBase {
 //Node
 const _c0$2 = ["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()); });
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "kendo-dialog", 2);
+    i0.ɵɵlistener("close", function ContactUsDialog_kendo_dialog_0_Template_kendo_dialog_close_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onClose()); });
+    i0.ɵɵelementStart(1, "div", 3)(2, "anatoly-forms-contactus-form", 4, 0);
+    i0.ɵɵlistener("submit", function ContactUsDialog_kendo_dialog_0_Template_anatoly_forms_contactus_form_submit_2_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.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.ɵɵlistener("click", function ContactUsDialog_kendo_dialog_0_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.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.ɵɵlistener("click", function ContactUsDialog_kendo_dialog_0_Template_button_click_8_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onClose()); });
     i0.ɵɵtext(9, "Cancel ");
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
@@ -9268,26 +9293,26 @@ class ContactUsDialog extends DialogBase {
     onSubmit() {
         super.close();
     }
-    static { this.ɵfac = function ContactUsDialog_Factory(t) { return new (t || ContactUsDialog)(); }; }
+    static { this.ɵfac = function ContactUsDialog_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ContactUsDialog)(); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ContactUsDialog, selectors: [["anatoly-contactus-dialog"]], viewQuery: function ContactUsDialog_Query(rf, ctx) { if (rf & 1) {
             i0.ɵɵviewQuery(_c0$2, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.contactUsForm = _t.first);
-        } }, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [["title", "Contact Us", 3, "width", "close", 4, "ngIf"], ["title", "Contact Us", 3, "width", "close"], [1, "k-content", "k-window-content", "k-dialog-content"], [3, "showActionButtons", "submit"], ["contactusform", ""], [1, "k-actions"], [1, "d-flex", "justify-content-end"], ["type", "button", 1, "btn", "btn-sm", "btn-success", 3, "click"], ["type", "button", 1, "btn", "btn-sm", "btn-danger", 3, "click"]], template: function ContactUsDialog_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵtemplate(0, ContactUsDialog_kendo_dialog_0_Template, 10, 2, "kendo-dialog", 0);
+        } }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [["contactusform", ""], ["title", "Contact Us", 3, "width", "close", 4, "ngIf"], ["title", "Contact Us", 3, "close", "width"], [1, "k-content", "k-window-content", "k-dialog-content"], [3, "submit", "showActionButtons"], [1, "k-actions"], [1, "d-flex", "justify-content-end"], ["type", "button", 1, "btn", "btn-sm", "btn-success", 3, "click"], ["type", "button", 1, "btn", "btn-sm", "btn-danger", 3, "click"]], template: function ContactUsDialog_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, ContactUsDialog_kendo_dialog_0_Template, 10, 2, "kendo-dialog", 1);
         } if (rf & 2) {
             i0.ɵɵproperty("ngIf", ctx.isOpen);
         } }, dependencies: [i1$1.NgIf, i2$1.DialogComponent, i2$1.DialogActionsComponent, ContactUsForm], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ContactUsDialog, [{
         type: Component,
-        args: [{ selector: 'anatoly-contactus-dialog', template: "<kendo-dialog (close)='onClose()' *ngIf='isOpen' [width]='700' title='Contact Us'>\r\n  <div class=\"k-content k-window-content k-dialog-content\">\r\n    <anatoly-forms-contactus-form #contactusform [showActionButtons]='false' (submit)='onSubmit()'>\r\n    </anatoly-forms-contactus-form>\r\n  </div>\r\n  <kendo-dialog-actions class=\"k-actions\">\r\n    <div class=\"d-flex justify-content-end\">\r\n      <button (click)='onSubmitFire()' class='btn btn-sm btn-success' type='button'>Submit</button>\r\n      <button (click)='onClose()' class='btn btn-sm btn-danger' type='button'>Cancel </button>\r\n    </div>\r\n  </kendo-dialog-actions>\r\n</kendo-dialog>" }]
+        args: [{ selector: 'anatoly-contactus-dialog', standalone: false, template: "<kendo-dialog (close)='onClose()' *ngIf='isOpen' [width]='700' title='Contact Us'>\r\n  <div class=\"k-content k-window-content k-dialog-content\">\r\n    <anatoly-forms-contactus-form #contactusform [showActionButtons]='false' (submit)='onSubmit()'>\r\n    </anatoly-forms-contactus-form>\r\n  </div>\r\n  <kendo-dialog-actions class=\"k-actions\">\r\n    <div class=\"d-flex justify-content-end\">\r\n      <button (click)='onSubmitFire()' class='btn btn-sm btn-success' type='button'>Submit</button>\r\n      <button (click)='onClose()' class='btn btn-sm btn-danger' type='button'>Cancel </button>\r\n    </div>\r\n  </kendo-dialog-actions>\r\n</kendo-dialog>" }]
     }], () => [], { contactUsForm: [{
             type: ViewChild,
             args: ['contactusform']
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ContactUsDialog, { className: "ContactUsDialog", filePath: "lib\\ui\\dialogs\\contact-us\\contact-us.dialog.ts", lineNumber: 27 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ContactUsDialog, { className: "ContactUsDialog", filePath: "lib/ui/dialogs/contact-us/contact-us.dialog.ts", lineNumber: 28 }); })();
 
 /*
 <file>
@@ -9329,17 +9354,18 @@ class HoveringDirective {
     onMouseLeave() {
         this.hovering = false;
     }
-    static { this.ɵfac = function HoveringDirective_Factory(t) { return new (t || HoveringDirective)(); }; }
+    static { this.ɵfac = function HoveringDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || HoveringDirective)(); }; }
     static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: HoveringDirective, selectors: [["", "anatoly-hover", ""]], hostVars: 2, hostBindings: function HoveringDirective_HostBindings(rf, ctx) { if (rf & 1) {
             i0.ɵɵlistener("mouseenter", function HoveringDirective_mouseenter_HostBindingHandler() { return ctx.onMouseEnter(); })("mouseleave", function HoveringDirective_mouseleave_HostBindingHandler() { return ctx.onMouseLeave(); });
         } if (rf & 2) {
             i0.ɵɵclassProp("hovering", ctx.hovering);
-        } } }); }
+        } }, standalone: false }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(HoveringDirective, [{
         type: Directive,
         args: [{
-                selector: '[anatoly-hover]'
+                selector: '[anatoly-hover]',
+                standalone: false
             }]
     }], null, { hovering: [{
             type: HostBinding,
@@ -9383,6 +9409,7 @@ class HoveringDirective {
 </file>
 */
 //Node
+const _c0$1 = a0 => ({ "has-error": a0 });
 function AddressComponent_anatoly_card_header_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "anatoly-card-header", 18);
 } if (rf & 2) {
@@ -9394,40 +9421,39 @@ function AddressComponent_div_18_option_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const state_r4 = ctx.$implicit;
-    i0.ɵɵproperty("value", state_r4.code);
+    const state_r3 = ctx.$implicit;
+    i0.ɵɵproperty("value", state_r3.code);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(state_r4.name);
+    i0.ɵɵtextInterpolate(state_r3.name);
 } }
-const _c0$1 = a0 => ({ "has-error": a0 });
 function AddressComponent_div_18_Template(rf, ctx) { if (rf & 1) {
-    const _r6 = i0.ɵɵgetCurrentView();
+    const _r2 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 9)(1, "label");
     i0.ɵɵtext(2, "State");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(3, "select", 19);
-    i0.ɵɵlistener("change", function AddressComponent_div_18_Template_select_change_3_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r5 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r5.onUSStateChange($event)); });
+    i0.ɵɵlistener("change", function AddressComponent_div_18_Template_select_change_3_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.onUSStateChange($event)); });
     i0.ɵɵtemplate(4, AddressComponent_div_18_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$1, ctx_r1.isControlInvalid("address_stateOrRegion")));
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(4, _c0$1, ctx_r0.isControlInvalid("address_stateOrRegion")));
     i0.ɵɵadvance(4);
-    i0.ɵɵproperty("ngForOf", ctx_r1.usStateData);
+    i0.ɵɵproperty("ngForOf", ctx_r0.usStateData);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("formGroup", ctx_r1.formGroup)("formSubmitted", ctx_r1.formSubmitted);
+    i0.ɵɵproperty("formGroup", ctx_r0.formGroup)("formSubmitted", ctx_r0.formSubmitted);
 } }
 function AddressComponent_option_28_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);
+    const country_r4 = ctx.$implicit;
+    i0.ɵɵproperty("value", country_r4.code);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(country_r7.name);
+    i0.ɵɵtextInterpolate(country_r4.name);
 } }
 class AddressComponent extends EditComponentBase {
     //Inputs
@@ -9521,8 +9547,8 @@ class AddressComponent extends EditComponentBase {
         let usState = event.target.value;
         this.change.emit(usState);
     }
-    static { this.ɵfac = function AddressComponent_Factory(t) { return new (t || AddressComponent)(i0.ɵɵdirectiveInject(i2.FormBuilder), i0.ɵɵdirectiveInject(CoreApiService)); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AddressComponent, selectors: [["anatoly-forms-address"]], inputs: { address: "address" }, outputs: { change: "change" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 30, vars: 29, consts: [["classes", "card-outline card-primary"], [3, "title", 4, "ngIf"], [3, "formGroup"], [1, "row"], [1, "form-group", 3, "ngClass"], ["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", "mb-0", 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 mb-0", 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) {
+    static { this.ɵfac = function AddressComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || AddressComponent)(i0.ɵɵdirectiveInject(i2.FormBuilder), i0.ɵɵdirectiveInject(CoreApiService)); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AddressComponent, selectors: [["anatoly-forms-address"]], inputs: { address: "address" }, outputs: { change: "change" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 30, vars: 29, consts: [["classes", "card-outline card-primary"], [3, "title", 4, "ngIf"], [3, "formGroup"], [1, "row"], [1, "form-group", 3, "ngClass"], ["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", "mb-0", 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 mb-0", 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", 2)(3, "div", 3)(4, "div", 4)(5, "label");
@@ -9586,13 +9612,13 @@ class AddressComponent extends EditComponentBase {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AddressComponent, [{
         type: Component,
-        args: [{ selector: 'anatoly-forms-address', template: "<anatoly-card classes='card-outline card-primary'>\r\n  <anatoly-card-header *ngIf='isTitleVisible' [title]='title' />\r\n  <anatoly-card-body [formGroup]='formGroup'>\r\n    <div class=\"row\">\r\n      <div class='form-group' [ngClass]=\"{'has-error': isControlInvalid('address_street')}\" >\r\n        <label>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      <div class='form-group' [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    </div>\r\n    <div class=\"row\">\r\n      <div class='form-group col-3 mb-0' [ngClass]=\"{'has-error': isControlInvalid('address_city')}\">\r\n        <label>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      <div class='form-group col-3 mb-0' *ngIf=\"formGroup.value.address_country == 'US'\" [ngClass]=\"{'has-error': isControlInvalid('address_stateOrRegion')}\">\r\n        <label>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      <div class='form-group col-3 mb-0' [ngClass]=\"{'has-error': isControlInvalid('address_zipcode')}\" >\r\n        <label>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      <div class='form-group col-3 mb-0' [ngClass]=\"{'has-error': isControlInvalid('address_country')}\">\r\n        <label>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" }]
+        args: [{ selector: 'anatoly-forms-address', standalone: false, template: "<anatoly-card classes='card-outline card-primary'>\r\n  <anatoly-card-header *ngIf='isTitleVisible' [title]='title' />\r\n  <anatoly-card-body [formGroup]='formGroup'>\r\n    <div class=\"row\">\r\n      <div class='form-group' [ngClass]=\"{'has-error': isControlInvalid('address_street')}\" >\r\n        <label>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      <div class='form-group' [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    </div>\r\n    <div class=\"row\">\r\n      <div class='form-group col-3 mb-0' [ngClass]=\"{'has-error': isControlInvalid('address_city')}\">\r\n        <label>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      <div class='form-group col-3 mb-0' *ngIf=\"formGroup.value.address_country == 'US'\" [ngClass]=\"{'has-error': isControlInvalid('address_stateOrRegion')}\">\r\n        <label>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      <div class='form-group col-3 mb-0' [ngClass]=\"{'has-error': isControlInvalid('address_zipcode')}\" >\r\n        <label>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      <div class='form-group col-3 mb-0' [ngClass]=\"{'has-error': isControlInvalid('address_country')}\">\r\n        <label>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" }]
     }], () => [{ type: i2.FormBuilder }, { type: CoreApiService }], { address: [{
             type: Input
         }], change: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AddressComponent, { className: "AddressComponent", filePath: "lib\\ui\\forms\\components\\address\\address.component.ts", lineNumber: 35 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AddressComponent, { className: "AddressComponent", filePath: "lib/ui/forms/components/address/address.component.ts", lineNumber: 36 }); })();
 
 /*
 <file>
@@ -9610,13 +9636,13 @@ class AddressComponent extends EditComponentBase {
 </file>
 */
 //Node
+const _c0 = a0 => ({ "has-error": a0 });
 function CompanyComponent_anatoly_card_header_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "anatoly-card-header", 14);
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵproperty("title", ctx_r0.title);
 } }
-const _c0 = a0 => ({ "has-error": a0 });
 class CompanyComponent extends EditComponentBase {
     //Inputs
     get company() {
@@ -9666,8 +9692,8 @@ class CompanyComponent extends EditComponentBase {
         };
         return JSON.stringify(data);
     }
-    static { this.ɵfac = function CompanyComponent_Factory(t) { return new (t || CompanyComponent)(i0.ɵɵdirectiveInject(i2.FormBuilder)); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CompanyComponent, selectors: [["anatoly-forms-company"]], inputs: { company: "company" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 25, vars: 22, consts: [["classes", "card-outline card-primary"], [3, "title", 4, "ngIf"], [3, "formGroup"], [1, "row"], [1, "form-group", "col-6", 3, "ngClass"], ["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"], [1, "form-group", "col-6", "mb-0", 3, "ngClass"], ["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) {
+    static { this.ɵfac = function CompanyComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CompanyComponent)(i0.ɵɵdirectiveInject(i2.FormBuilder)); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CompanyComponent, selectors: [["anatoly-forms-company"]], inputs: { company: "company" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 25, vars: 22, consts: [["classes", "card-outline card-primary"], [3, "title", 4, "ngIf"], [3, "formGroup"], [1, "row"], [1, "form-group", "col-6", 3, "ngClass"], ["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"], [1, "form-group", "col-6", "mb-0", 3, "ngClass"], ["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", 2)(3, "div", 3)(4, "div", 4)(5, "label");
@@ -9715,11 +9741,11 @@ class CompanyComponent extends EditComponentBase {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CompanyComponent, [{
         type: Component,
-        args: [{ selector: 'anatoly-forms-company', template: "<anatoly-card classes='card-outline card-primary'>\r\n  <anatoly-card-header *ngIf='isTitleVisible' [title]='title' />\r\n  <anatoly-card-body [formGroup]='formGroup' >\r\n     <div class=\"row\">\r\n      <div class='form-group col-6' [ngClass]=\"{'has-error': isControlInvalid('company_name') }\">\r\n        <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>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>\r\n     <div class=\"row\">\r\n      <div class='form-group col-6 mb-0' [ngClass]=\"{'has-error': isControlInvalid('company_email') }\">\r\n        <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 mb-0' [ngClass]=\"{'has-error': isControlInvalid('company_websiteUrl') }\">\r\n        <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     </div>\r\n  </anatoly-card-body>\r\n</anatoly-card>\r\n" }]
+        args: [{ selector: 'anatoly-forms-company', standalone: false, template: "<anatoly-card classes='card-outline card-primary'>\r\n  <anatoly-card-header *ngIf='isTitleVisible' [title]='title' />\r\n  <anatoly-card-body [formGroup]='formGroup' >\r\n     <div class=\"row\">\r\n      <div class='form-group col-6' [ngClass]=\"{'has-error': isControlInvalid('company_name') }\">\r\n        <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>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>\r\n     <div class=\"row\">\r\n      <div class='form-group col-6 mb-0' [ngClass]=\"{'has-error': isControlInvalid('company_email') }\">\r\n        <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 mb-0' [ngClass]=\"{'has-error': isControlInvalid('company_websiteUrl') }\">\r\n        <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     </div>\r\n  </anatoly-card-body>\r\n</anatoly-card>\r\n" }]
     }], () => [{ type: i2.FormBuilder }], { company: [{
             type: Input
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CompanyComponent, { className: "CompanyComponent", filePath: "lib\\ui\\forms\\components\\company\\company.component.ts", lineNumber: 28 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CompanyComponent, { className: "CompanyComponent", filePath: "lib/ui/forms/components/company/company.component.ts", lineNumber: 29 }); })();
 
 /*
 <file>
@@ -9767,13 +9793,14 @@ class FileSizePipe {
         }
         return bytes.toFixed(+precision) + ' ' + this.units[unit];
     }
-    static { this.ɵfac = function FileSizePipe_Factory(t) { return new (t || FileSizePipe)(); }; }
-    static { this.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "filesize", type: FileSizePipe, pure: true }); }
+    static { this.ɵfac = function FileSizePipe_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || FileSizePipe)(); }; }
+    static { this.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "filesize", type: FileSizePipe, pure: true, standalone: false }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FileSizePipe, [{
         type: Pipe,
         args: [{
                 name: 'filesize',
+                standalone: false
             }]
     }], null, null); })();
 
@@ -9802,13 +9829,14 @@ class ReplaceTextPipe {
             return inputData;
         }
     }
-    static { this.ɵfac = function ReplaceTextPipe_Factory(t) { return new (t || ReplaceTextPipe)(); }; }
-    static { this.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "replaceText", type: ReplaceTextPipe, pure: true }); }
+    static { this.ɵfac = function ReplaceTextPipe_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ReplaceTextPipe)(); }; }
+    static { this.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "replaceText", type: ReplaceTextPipe, pure: true, standalone: false }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ReplaceTextPipe, [{
         type: Pipe,
         args: [{
                 name: "replaceText",
+                standalone: false
             }]
     }], null, null); })();
 
@@ -9835,12 +9863,15 @@ class SafeHtmlPipe {
     transform(value) {
         return this.sanitized.bypassSecurityTrustHtml(value);
     }
-    static { this.ɵfac = function SafeHtmlPipe_Factory(t) { return new (t || SafeHtmlPipe)(i0.ɵɵdirectiveInject(i1$5.DomSanitizer, 16)); }; }
-    static { this.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "safeHtml", type: SafeHtmlPipe, pure: true }); }
+    static { this.ɵfac = function SafeHtmlPipe_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SafeHtmlPipe)(i0.ɵɵdirectiveInject(i1$5.DomSanitizer, 16)); }; }
+    static { this.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "safeHtml", type: SafeHtmlPipe, pure: true, standalone: false }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SafeHtmlPipe, [{
         type: Pipe,
-        args: [{ name: 'safeHtml' }]
+        args: [{
+                name: 'safeHtml',
+                standalone: false
+            }]
     }], () => [{ type: i1$5.DomSanitizer }], null); })();
 
 /*
@@ -9913,7 +9944,7 @@ class AnatolyCoreModule {
         this.injector = injector;
         InjectorInstance = this.injector;
     }
-    static { this.ɵfac = function AnatolyCoreModule_Factory(t) { return new (t || AnatolyCoreModule)(i0.ɵɵinject(i0.Injector), i0.ɵɵinject(AnatolyCoreModule, 12)); }; }
+    static { this.ɵfac = function AnatolyCoreModule_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || AnatolyCoreModule)(i0.ɵɵinject(i0.Injector), i0.ɵɵinject(AnatolyCoreModule, 12)); }; }
     static { this.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: AnatolyCoreModule }); }
     static { this.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ providers: [
             //Guards
@@ -9997,7 +10028,7 @@ class AnatolyCoreModule {
 */
 //Node
 class AnatolyDataModule {
-    static { this.ɵfac = function AnatolyDataModule_Factory(t) { return new (t || AnatolyDataModule)(); }; }
+    static { this.ɵfac = function AnatolyDataModule_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || AnatolyDataModule)(); }; }
     static { this.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: AnatolyDataModule }); }
     static { this.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ providers: [
             //Billing
@@ -10182,7 +10213,7 @@ const MSALProviders = [
     AdminGuard
 ];
 class AnatolyIAMModule {
-    static { this.ɵfac = function AnatolyIAMModule_Factory(t) { return new (t || AnatolyIAMModule)(); }; }
+    static { this.ɵfac = function AnatolyIAMModule_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || AnatolyIAMModule)(); }; }
     static { this.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: AnatolyIAMModule }); }
     static { this.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ providers: [
             ...MSALProviders
@@ -10238,14 +10269,14 @@ class SignInPage extends PageBase {
     ngOnInit() {
         this.auth.login();
     }
-    static { this.ɵfac = function SignInPage_Factory(t) { return new (t || SignInPage)(i0.ɵɵdirectiveInject(AuthService)); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SignInPage, selectors: [["iam-signin-page"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 0, vars: 0, template: function SignInPage_Template(rf, ctx) { }, encapsulation: 2 }); }
+    static { this.ɵfac = function SignInPage_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SignInPage)(i0.ɵɵdirectiveInject(AuthService)); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SignInPage, selectors: [["iam-signin-page"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 0, vars: 0, template: function SignInPage_Template(rf, ctx) { }, encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SignInPage, [{
         type: Component,
-        args: [{ selector: 'iam-signin-page', template: "" }]
+        args: [{ selector: 'iam-signin-page', standalone: false, template: "" }]
     }], () => [{ type: AuthService }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SignInPage, { className: "SignInPage", filePath: "lib\\iam\\pages\\signin.page.ts", lineNumber: 31 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SignInPage, { className: "SignInPage", filePath: "lib/iam/pages/signin.page.ts", lineNumber: 32 }); })();
 
 /*
 <file>
@@ -10274,14 +10305,14 @@ class SignOutPage extends PageBase {
     ngOnInit() {
         this.auth.logout();
     }
-    static { this.ɵfac = function SignOutPage_Factory(t) { return new (t || SignOutPage)(i0.ɵɵdirectiveInject(AuthService)); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SignOutPage, selectors: [["iam-signout-page"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 0, vars: 0, template: function SignOutPage_Template(rf, ctx) { }, encapsulation: 2 }); }
+    static { this.ɵfac = function SignOutPage_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SignOutPage)(i0.ɵɵdirectiveInject(AuthService)); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SignOutPage, selectors: [["iam-signout-page"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 0, vars: 0, template: function SignOutPage_Template(rf, ctx) { }, encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SignOutPage, [{
         type: Component,
-        args: [{ selector: 'iam-signout-page', template: "" }]
+        args: [{ selector: 'iam-signout-page', standalone: false, template: "" }]
     }], () => [{ type: AuthService }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SignOutPage, { className: "SignOutPage", filePath: "lib\\iam\\pages\\signout.page.ts", lineNumber: 31 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SignOutPage, { className: "SignOutPage", filePath: "lib/iam/pages/signout.page.ts", lineNumber: 32 }); })();
 
 /*
 <file>
@@ -10310,14 +10341,14 @@ class SignUpPage extends PageBase {
     ngOnInit() {
         this.auth.signUp();
     }
-    static { this.ɵfac = function SignUpPage_Factory(t) { return new (t || SignUpPage)(i0.ɵɵdirectiveInject(AuthService)); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SignUpPage, selectors: [["iam-signup-page"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 0, vars: 0, template: function SignUpPage_Template(rf, ctx) { }, encapsulation: 2 }); }
+    static { this.ɵfac = function SignUpPage_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SignUpPage)(i0.ɵɵdirectiveInject(AuthService)); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SignUpPage, selectors: [["iam-signup-page"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 0, vars: 0, template: function SignUpPage_Template(rf, ctx) { }, encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SignUpPage, [{
         type: Component,
-        args: [{ selector: 'iam-signup-page', template: "" }]
+        args: [{ selector: 'iam-signup-page', standalone: false, template: "" }]
     }], () => [{ type: AuthService }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SignUpPage, { className: "SignUpPage", filePath: "lib\\iam\\pages\\signup.page.ts", lineNumber: 31 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SignUpPage, { className: "SignUpPage", filePath: "lib/iam/pages/signup.page.ts", lineNumber: 32 }); })();
 
 /*
 <file>
@@ -10379,7 +10410,7 @@ const PAGES = [
 */
 //Node
 class AnatolyIAMPagesModule {
-    static { this.ɵfac = function AnatolyIAMPagesModule_Factory(t) { return new (t || AnatolyIAMPagesModule)(); }; }
+    static { this.ɵfac = function AnatolyIAMPagesModule_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || AnatolyIAMPagesModule)(); }; }
     static { this.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: AnatolyIAMPagesModule }); }
     static { this.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule,
             RouterModule,
@@ -10424,7 +10455,7 @@ class FaModule {
     constructor(library) {
         library.addIcons(faCheckCircle, faCircleXmark, faDatabase, faCopy);
     }
-    static { this.ɵfac = function FaModule_Factory(t) { return new (t || FaModule)(i0.ɵɵinject(i1$6.FaIconLibrary)); }; }
+    static { this.ɵfac = function FaModule_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || FaModule)(i0.ɵɵinject(i1$6.FaIconLibrary)); }; }
     static { this.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: FaModule }); }
     static { this.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule,
             FontAwesomeModule, FontAwesomeModule] }); }
@@ -10460,7 +10491,7 @@ class FaModule {
 */
 //Node
 class KendoModule {
-    static { this.ɵfac = function KendoModule_Factory(t) { return new (t || KendoModule)(); }; }
+    static { this.ɵfac = function KendoModule_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || KendoModule)(); }; }
     static { this.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: KendoModule }); }
     static { this.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule,
             LayoutModule,
@@ -10771,7 +10802,7 @@ const COMPONENTS$1 = [
     VALIDATION_COMPONENTS
 ];
 class AnatolyUIModule {
-    static { this.ɵfac = function AnatolyUIModule_Factory(t) { return new (t || AnatolyUIModule)(); }; }
+    static { this.ɵfac = function AnatolyUIModule_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || AnatolyUIModule)(); }; }
     static { this.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: AnatolyUIModule }); }
     static { this.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule,
             RouterModule,
@@ -10860,7 +10891,7 @@ const COMPONENTS = [
 */
 //Node
 class AnatolyBillingModule {
-    static { this.ɵfac = function AnatolyBillingModule_Factory(t) { return new (t || AnatolyBillingModule)(); }; }
+    static { this.ɵfac = function AnatolyBillingModule_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || AnatolyBillingModule)(); }; }
     static { this.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: AnatolyBillingModule }); }
     static { this.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ providers: [
             PayPalScriptService,
@@ -10884,10 +10915,10 @@ class AnatolyBillingModule {
                     AnatolyUIModule
                 ],
                 declarations: [
-                    COMPONENTS
+                    ...COMPONENTS
                 ],
                 exports: [
-                    COMPONENTS
+                    ...COMPONENTS
                 ],
                 providers: [
                     PayPalScriptService,
@@ -10918,7 +10949,7 @@ class AnatolyBillingModule {
 */
 //Node
 class AnatolyModule {
-    static { this.ɵfac = function AnatolyModule_Factory(t) { return new (t || AnatolyModule)(); }; }
+    static { this.ɵfac = function AnatolyModule_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || AnatolyModule)(); }; }
     static { this.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: AnatolyModule }); }
     static { this.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule,
             AnatolyCoreModule,