@osovitny/anatoly 3.17.117 → 3.17.119

package/fesm2022/osovitny-anatoly.mjs

@@ -1,13 +1,13 @@
 import * as i0 from '@angular/core';
-import { Injectable, Inject, EventEmitter, Output, Pipe, APP_INITIALIZER, Injector, NgModule, Component, Input, ChangeDetectionStrategy, ViewChild, Directive, ViewEncapsulation, HostBinding, HostListener, Optional, SkipSelf } from '@angular/core';
+import { Injectable, EventEmitter, Component, Input, Output, Inject, Pipe, APP_INITIALIZER, Injector, NgModule, ChangeDetectionStrategy, ViewChild, Directive, ViewEncapsulation, HostBinding, HostListener, 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';
 import { HttpResponse, HttpClientModule, HttpClient, HTTP_INTERCEPTORS } from '@angular/common/http';
-import * as i1$2 from '@angular/common';
+import * as i1$1 from '@angular/common';
 import { LOCATION_INITIALIZED, DOCUMENT, CommonModule } from '@angular/common';
 import js_beautify from 'js-beautify';
-import * as i1$1 from '@angular/router';
+import * as i1$2 from '@angular/router';
 import { NavigationEnd, NavigationStart, NavigationCancel, NavigationError, RouterModule } from '@angular/router';
 import { v4 } from 'uuid';
 import * as i4 from '@azure/msal-angular';
@@ -487,6 +487,215 @@ class AppContextService extends ApiServiceBase {
         type: Injectable
     }], () => [{ type: i1.HttpClient }, { type: LocalStorageService }, { type: SessionStorageService }], null); })();
 
+/*
+<file>
+  Project:
+    @osovitny/anatoly
+
+  Authors:
+    Vadim Osovitny vadim.osovitny@osovitny.com
+    Anatoly Osovitny anatoly.osovitny@osovitny.com
+
+  Created:
+    14 Aug 2018
+
+  Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
+</file>
+*/
+//Node
+function BuyAccessButtonComponent_div_0_div_1_button_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "button", 3);
+    i0.ɵɵtext(1, " Your Plan ");
+    i0.ɵɵelementEnd();
+} }
+function BuyAccessButtonComponent_div_0_div_1_button_2_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = 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.ɵɵtext(1, " Buy Now ");
+    i0.ɵɵelementEnd();
+} }
+function BuyAccessButtonComponent_div_0_div_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div");
+    i0.ɵɵtemplate(1, BuyAccessButtonComponent_div_0_div_1_button_1_Template, 2, 0, "button", 1)(2, BuyAccessButtonComponent_div_0_div_1_button_2_Template, 2, 0, "button", 2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r1.plan == ctx_r1.currentPlan);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r1.plan != ctx_r1.currentPlan);
+} }
+function BuyAccessButtonComponent_div_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div");
+    i0.ɵɵtemplate(1, BuyAccessButtonComponent_div_0_div_1_Template, 3, 2, "div", 0);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r0.isUserSignedIn && ctx_r0.visibleIfUserSignedIn);
+} }
+class BuyAccessButtonComponent {
+    constructor(appContext) {
+        this.appContext = appContext;
+        this.contextUpdated = false;
+        this.isUserSignedIn = false;
+        this.currentPlan = -1;
+        this.visibleIfUserSignedIn = false;
+        //Outputs
+        this.planselect = new EventEmitter();
+    }
+    ngOnInit() {
+        this.setDefaults();
+        this.setValues();
+    }
+    setDefaults() {
+    }
+    setValues() {
+        this.appContext.updated$.subscribe((context) => {
+            if (!context) {
+                return;
+            }
+            this.isUserSignedIn = context.isUserSignedIn;
+            if (this.isUserSignedIn) {
+                let billing = context.billing.profile;
+                this.currentPlan = billing.billingPlan;
+            }
+            this.contextUpdated = true;
+        });
+    }
+    //Events
+    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) {
+            i0.ɵɵtemplate(0, BuyAccessButtonComponent_div_0_Template, 2, 1, "div", 0);
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngIf", ctx.contextUpdated);
+        } }, dependencies: [i1$1.NgIf], encapsulation: 2 }); }
+}
+(() => { (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" }]
+    }], () => [{ type: AppContextService }], { plan: [{
+            type: Input
+        }], visibleIfUserSignedIn: [{
+            type: Input
+        }], planselect: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(BuyAccessButtonComponent, { className: "BuyAccessButtonComponent", filePath: "lib\\billing\\components\\buttons\\buyaccess-button.component.ts", lineNumber: 27 }); })();
+
+/*
+<file>
+  Project:
+    @osovitny/anatoly
+
+  Authors:
+    Vadim Osovitny vadim.osovitny@osovitny.com
+    Anatoly Osovitny anatoly.osovitny@osovitny.com
+
+  Created:
+    1 Jun 2018
+
+  Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
+</file>
+*/
+//Node
+function SubscribePlanButtonComponent_div_0_div_1_button_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "button", 4);
+    i0.ɵɵtext(1, " Your Plan ");
+    i0.ɵɵelementEnd();
+} }
+function SubscribePlanButtonComponent_div_0_div_1_button_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "button", 5);
+    i0.ɵɵtext(1, " Requested ");
+    i0.ɵɵelementEnd();
+} }
+function SubscribePlanButtonComponent_div_0_div_1_button_3_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = 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.ɵɵtext(1, " Subscribe ");
+    i0.ɵɵelementEnd();
+} }
+function SubscribePlanButtonComponent_div_0_div_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div");
+    i0.ɵɵtemplate(1, SubscribePlanButtonComponent_div_0_div_1_button_1_Template, 2, 0, "button", 1)(2, SubscribePlanButtonComponent_div_0_div_1_button_2_Template, 2, 0, "button", 2)(3, SubscribePlanButtonComponent_div_0_div_1_button_3_Template, 2, 0, "button", 3);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r1.plan == ctx_r1.currentPlan);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r1.plan == ctx_r1.requestedPlan);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r1.plan != ctx_r1.currentPlan && ctx_r1.plan != ctx_r1.requestedPlan);
+} }
+function SubscribePlanButtonComponent_div_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div");
+    i0.ɵɵtemplate(1, SubscribePlanButtonComponent_div_0_div_1_Template, 4, 3, "div", 0);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r0.isUserSignedIn && ctx_r0.visibleIfUserSignedIn);
+} }
+class SubscribePlanButtonComponent {
+    constructor(appContext) {
+        this.appContext = appContext;
+        this.contextUpdated = false;
+        this.isUserSignedIn = false;
+        this.currentPlan = -1;
+        this.requestedPlan = -1;
+        this.visibleIfUserSignedIn = false;
+        //Outputs
+        this.planselect = new EventEmitter();
+    }
+    ngOnInit() {
+        this.setDefaults();
+        this.setValues();
+    }
+    setDefaults() {
+    }
+    setValues() {
+        this.appContext.updated$.subscribe((context) => {
+            if (!context) {
+                return;
+            }
+            this.isUserSignedIn = context.isUserSignedIn;
+            if (this.isUserSignedIn) {
+                let billing = context.billing.profile;
+                this.currentPlan = billing.billingPlan;
+                this.requestedPlan = billing.requestedBillingPlan ?? -1;
+            }
+            this.contextUpdated = true;
+        });
+    }
+    //Events
+    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) {
+            i0.ɵɵtemplate(0, SubscribePlanButtonComponent_div_0_Template, 2, 1, "div", 0);
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngIf", ctx.contextUpdated);
+        } }, dependencies: [i1$1.NgIf], encapsulation: 2 }); }
+}
+(() => { (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 == currentPlan\">\r\n      Your Plan\r\n    </button>\r\n\r\n    <button class=\"btn btn-block  btn-warning selectPlan\" *ngIf=\"plan == requestedPlan\">\r\n      Requested\r\n    </button>\r\n\r\n    <button class=\"btn btn-block  btn-warning selectPlan\" *ngIf=\"plan != currentPlan && plan != requestedPlan\"\r\n            (click)=\"onPlanSelect()\">\r\n      Subscribe\r\n    </button>\r\n  </div>\r\n</div>\r\n" }]
+    }], () => [{ type: AppContextService }], { plan: [{
+            type: Input
+        }], visibleIfUserSignedIn: [{
+            type: Input
+        }], planselect: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SubscribePlanButtonComponent, { className: "SubscribePlanButtonComponent", filePath: "lib\\billing\\components\\buttons\\subscribe-plan-button.component.ts", lineNumber: 27 }); })();
+
 /*
 <file>
   Project:
@@ -1155,12 +1364,12 @@ class GoServiceBase {
     error500() {
         this.navigate([this.rootRoute + '/errors/500']);
     }
-    static { this.ɵfac = function GoServiceBase_Factory(t) { return new (t || GoServiceBase)(i0.ɵɵinject(i1$1.ActivatedRoute), i0.ɵɵinject(i1$1.Router)); }; }
+    static { this.ɵfac = function GoServiceBase_Factory(t) { return new (t || 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, [{
         type: Injectable
-    }], () => [{ type: i1$1.ActivatedRoute }, { type: i1$1.Router }], null); })();
+    }], () => [{ type: i1$2.ActivatedRoute }, { type: i1$2.Router }], null); })();
 
 /*
 <file>
@@ -1812,7 +2021,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$1.Router), i0.ɵɵinject(AppContextService), i0.ɵɵinject(MSAL_GUARD_CONFIG), i0.ɵɵinject(i4.MsalService), i0.ɵɵinject(i4.MsalBroadcastService)); }; }
+    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.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: AuthService, factory: AuthService.ɵfac, providedIn: 'root' }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AuthService, [{
@@ -1820,7 +2029,7 @@ class AuthService extends ApiServiceBase {
         args: [{
                 providedIn: 'root'
             }]
-    }], () => [{ type: i1.HttpClient }, { type: i1$1.Router }, { type: AppContextService }, { type: undefined, decorators: [{
+    }], () => [{ type: i1.HttpClient }, { type: i1$2.Router }, { type: AppContextService }, { type: undefined, decorators: [{
                 type: Inject,
                 args: [MSAL_GUARD_CONFIG]
             }] }, { type: i4.MsalService }, { type: i4.MsalBroadcastService }], null); })();
@@ -1935,12 +2144,12 @@ class AppsGoServiceBase extends GoServiceBase {
             }
         }
     }
-    static { this.ɵfac = function AppsGoServiceBase_Factory(t) { return new (t || AppsGoServiceBase)(i0.ɵɵinject(i1$1.ActivatedRoute), i0.ɵɵinject(i1$1.Router), i0.ɵɵinject(AuthService), i0.ɵɵinject(LoggingService)); }; }
+    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.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: AppsGoServiceBase, factory: AppsGoServiceBase.ɵfac }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AppsGoServiceBase, [{
         type: Injectable
-    }], () => [{ type: i1$1.ActivatedRoute }, { type: i1$1.Router }, { type: AuthService }, { type: LoggingService }], null); })();
+    }], () => [{ type: i1$2.ActivatedRoute }, { type: i1$2.Router }, { type: AuthService }, { type: LoggingService }], null); })();
 
 /*
 <file>
@@ -1997,7 +2206,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$2.Location), i0.ɵɵinject(i1$1.Router)); }; }
+    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.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: AuthenticationGuard, factory: AuthenticationGuard.ɵfac }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AuthenticationGuard, [{
@@ -2005,7 +2214,7 @@ class AuthenticationGuard extends MsalGuard {
     }], () => [{ type: undefined, decorators: [{
                 type: Inject,
                 args: [MSAL_GUARD_CONFIG]
-            }] }, { type: i4.MsalBroadcastService }, { type: i4.MsalService }, { type: i1$2.Location }, { type: i1$1.Router }], null); })();
+            }] }, { type: i4.MsalBroadcastService }, { type: i4.MsalService }, { type: i1$1.Location }, { type: i1$2.Router }], null); })();
 
 /*
 <file>
@@ -3284,12 +3493,12 @@ class GoogleAnalyticsService {
         let ga = window.gtag;
         return ga;
     }
-    static { this.ɵfac = function GoogleAnalyticsService_Factory(t) { return new (t || GoogleAnalyticsService)(i0.ɵɵinject(i1$1.Router)); }; }
+    static { this.ɵfac = function GoogleAnalyticsService_Factory(t) { return new (t || GoogleAnalyticsService)(i0.ɵɵinject(i1$2.Router)); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: GoogleAnalyticsService, factory: GoogleAnalyticsService.ɵfac }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(GoogleAnalyticsService, [{
         type: Injectable
-    }], () => [{ type: i1$1.Router }], null); })();
+    }], () => [{ type: i1$2.Router }], null); })();
 
 /*
 <file>
@@ -3803,320 +4012,14 @@ class Utils {
             "ts(70|m-|m3|m5)|tx-9|up(\\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|-v)|" +
             "vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(-| )|webc|whit|wi(g |nc|nw)|" +
             "wmlb|wonu|x700|yas-|your|zeto|zte-", "i");
-        const isMobileUserAgent = mobileRegex.test(userAgent);
-        const isSmallScreen = window.innerWidth <= 800 && window.innerHeight <= 600;
-        const isTabletRegex = new RegExp("ipad|android(?!.*mobile)|tablet|kindle|playbook|silk|nexus 7|nexus 10|Macintosh|" +
-            "fire|sm-t|tab|gt-p|sch-i|xoom|sch-i|tf101|kftt|kfot|kfjw|kfsowi|a500|rim\\w", "i");
-        const isTabletUserAgent = isTabletRegex.test(userAgent);
-        return isMobileUserAgent && !isTabletUserAgent || isSmallScreen;
-    }
-}
-
-/*
-<file>
-  Project:
-    @osovitny/anatoly
-
-  Authors:
-    Vadim Osovitny vadim.osovitny@osovitny.com
-    Anatoly Osovitny anatoly.osovitny@osovitny.com
-
-  Created:
-    2 Aug 2022
-
-  Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
-</file>
-*/
-//consts
-
-/*
-<file>
-  Project:
-    @osovitny/anatoly
-
-  Authors:
-    Vadim Osovitny vadim.osovitny@osovitny.com
-    Anatoly Osovitny anatoly.osovitny@osovitny.com
-
-  Created:
-    28 Aug 2018
-
-  Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
-</file>
-*/
-//Node
-class ComponentBase {
-    constructor() {
-        this.isDevMode = false;
-        this.subs = new Subs();
-        //Component Data => usually loading from API
-        this.dataLoading = true;
-        this.dataLoaded = false;
-        this.dataFound = false;
-        this.applicationOneUrl = '/';
-        this.title = '';
-        this.isTitleVisible = true;
-        this.isRequired = false;
-        this.isDevMode = IsDevMode;
-        this.applicationType = 1;
-        this.applicationRoot = '/';
-        if (AppSettings) {
-            this.applicationType = AppSettings.id;
-            if (AppSettings.root != '/') {
-                this.applicationRoot = AppSettings.root;
-            }
-            let applicationOne = getAppSettingsById(1);
-            if (applicationOne) {
-                this.applicationOneUrl = applicationOne.baseUrl + applicationOne.root;
-            }
-        }
-    }
-    ngOnInit() {
-    }
-    ngOnDestroy() {
-        this.subs.unsubscribe();
-    }
-    getEntityId() {
-        return QSUtils.getValueByName("id");
-    }
-    dataStartedLoading() {
-        this.dataLoading = true;
-        this.dataLoaded = false;
-        this.dataFound = false;
-    }
-    dataLoadedAndNothingFound() {
-        this.dataLoadedAndFound(false);
-    }
-    dataLoadedAndFound(found = true) {
-        this.dataLoading = false;
-        this.dataLoaded = true;
-        this.dataFound = found;
-    }
-    static { this.ɵfac = function ComponentBase_Factory(t) { return new (t || 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, [{
-        type: Component,
-        args: [{
-                template: ''
-            }]
-    }], () => [], { classes: [{
-            type: Input
-        }], title: [{
-            type: Input
-        }], isTitleVisible: [{
-            type: Input
-        }], isRequired: [{
-            type: Input
-        }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ComponentBase, { className: "ComponentBase", filePath: "lib\\ui\\components\\base\\components\\component.ts", lineNumber: 26 }); })();
-
-/*
-<file>
-  Project:
-    @osovitny/anatoly
-
-  Authors:
-    Vadim Osovitny vadim.osovitny@osovitny.com
-    Anatoly Osovitny anatoly.osovitny@osovitny.com
-
-  Created:
-    4 Jul 2018
-
-  Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
-</file>
-*/
-//Node
-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.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    const _r3 = i0.ɵɵreference(3);
-    i0.ɵɵclassMap(ctx_r0.classes);
-    i0.ɵɵproperty("href", ctx_r0.url, i0.ɵɵsanitizeUrl);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", _r3);
-} }
-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.ɵɵ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);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", _r3);
-} }
-function SignUpButtonComponent_ng_template_2_span_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span");
-    i0.ɵɵtext(1, "Sign Up");
-    i0.ɵɵelementEnd();
-} }
-function SignUpButtonComponent_ng_template_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", null, 6);
-    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);
-    i0.ɵɵadvance(3);
-    i0.ɵɵproperty("ngIf", !_r6.innerHTML.trim());
-} }
-const _c0$h = ["*"];
-class SignUpButtonComponent extends ComponentBase {
-    constructor() {
-        super();
-        this.external = false;
-    }
-    ngOnInit() {
-        let url = MSALConfig.ui.signup;
-        if (url) {
-            this.external = url.indexOf('http') > -1;
-            if (this.external) {
-                this.url = url + (this.qs ? '?' + this.qs : '');
-            }
-            else {
-                this.url = url;
-            }
-        }
-    }
-    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$h, 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) {
-            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);
-        } if (rf & 2) {
-            i0.ɵɵproperty("ngIf", ctx.external);
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", !ctx.external);
-        } }, dependencies: [i1$2.NgIf, i1$2.NgTemplateOutlet, i1$1.RouterLink], encapsulation: 2 }); }
-}
-(() => { (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" }]
-    }], () => [], { qs: [{
-            type: Input
-        }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SignUpButtonComponent, { className: "SignUpButtonComponent", filePath: "lib\\ui\\components\\identity\\signup-button.component.ts", lineNumber: 28 }); })();
-
-/*
-<file>
-  Project:
-    @osovitny/anatoly
-
-  Authors:
-    Vadim Osovitny vadim.osovitny@osovitny.com
-    Anatoly Osovitny anatoly.osovitny@osovitny.com
-
-  Created:
-    14 Aug 2018
-
-  Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
-</file>
-*/
-//Node
-function BuyAccessButtonComponent_div_0_div_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div");
-    i0.ɵɵelement(1, "anatoly-signup-button", 1);
-    i0.ɵɵelementEnd();
-} }
-function BuyAccessButtonComponent_div_0_div_2_button_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "button", 4);
-    i0.ɵɵtext(1, " Your Plan ");
-    i0.ɵɵelementEnd();
-} }
-function BuyAccessButtonComponent_div_0_div_2_button_2_Template(rf, ctx) { if (rf & 1) {
-    const _r6 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 5);
-    i0.ɵɵlistener("click", function BuyAccessButtonComponent_div_0_div_2_button_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r6); const ctx_r5 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r5.onPlanSelect()); });
-    i0.ɵɵtext(1, " Buy Now ");
-    i0.ɵɵelementEnd();
-} }
-function BuyAccessButtonComponent_div_0_div_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div");
-    i0.ɵɵtemplate(1, BuyAccessButtonComponent_div_0_div_2_button_1_Template, 2, 0, "button", 2)(2, BuyAccessButtonComponent_div_0_div_2_button_2_Template, 2, 0, "button", 3);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r2.plan == ctx_r2.currentPlan);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r2.plan != ctx_r2.currentPlan && ctx_r2.currentPlan == 1);
-} }
-function BuyAccessButtonComponent_div_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div");
-    i0.ɵɵtemplate(1, BuyAccessButtonComponent_div_0_div_1_Template, 2, 0, "div", 0)(2, BuyAccessButtonComponent_div_0_div_2_Template, 3, 2, "div", 0);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", !ctx_r0.isUserSignedIn);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r0.isUserSignedIn && ctx_r0.visibleIfUserSignedIn);
-} }
-class BuyAccessButtonComponent {
-    constructor(appContext) {
-        this.appContext = appContext;
-        this.contextUpdated = false;
-        this.isUserSignedIn = false;
-        this.currentPlan = -1;
-        this.currentPlanTitle = '';
-        this.visibleIfUserSignedIn = false;
-        //Outputs
-        this.planselect = new EventEmitter();
-    }
-    ngOnInit() {
-        this.setDefaults();
-        this.setValues();
-    }
-    setDefaults() {
-    }
-    setValues() {
-        this.appContext.updated$.subscribe((context) => {
-            if (!context) {
-                return;
-            }
-            this.isUserSignedIn = context.isUserSignedIn;
-            if (this.isUserSignedIn) {
-                this.currentPlan = context.account.billingPlan;
-                this.currentPlanTitle = context.account.billingPlanAsString;
-            }
-            this.contextUpdated = true;
-        });
-    }
-    //Events
-    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", planTitle: "planTitle", visibleIfUserSignedIn: "visibleIfUserSignedIn" }, outputs: { planselect: "planselect" }, decls: 1, vars: 1, consts: [[4, "ngIf"], ["classes", "btn btn-block btn-primary"], ["class", "btn btn-block btn-success selectPlan", 4, "ngIf"], ["class", "btn btn-block  btn-warning selectPlan", 3, "click", 4, "ngIf"], [1, "btn", "btn-block", "btn-success", "selectPlan"], [1, "btn", "btn-block", "btn-warning", "selectPlan", 3, "click"]], template: function BuyAccessButtonComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵtemplate(0, BuyAccessButtonComponent_div_0_Template, 3, 2, "div", 0);
-        } if (rf & 2) {
-            i0.ɵɵproperty("ngIf", ctx.contextUpdated);
-        } }, dependencies: [i1$2.NgIf, SignUpButtonComponent], encapsulation: 2 }); }
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BuyAccessButtonComponent, [{
-        type: Component,
-        args: [{ selector: 'anatoly-billing-buyaccess-button', template: "<div *ngIf=\"contextUpdated\">\r\n  <div *ngIf=\"!isUserSignedIn\">\r\n    <anatoly-signup-button classes=\"btn btn-block btn-primary\" />\r\n  </div>\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 && currentPlan == 1\"\r\n            (click)=\"onPlanSelect()\">\r\n      Buy Now\r\n    </button>\r\n  </div>\r\n</div>\r\n" }]
-    }], () => [{ type: AppContextService }], { plan: [{
-            type: Input
-        }], planTitle: [{
-            type: Input
-        }], visibleIfUserSignedIn: [{
-            type: Input
-        }], planselect: [{
-            type: Output
-        }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(BuyAccessButtonComponent, { className: "BuyAccessButtonComponent", filePath: "lib\\billing\\components\\buttons\\buyaccess-button.component.ts", lineNumber: 27 }); })();
+        const isMobileUserAgent = mobileRegex.test(userAgent);
+        const isSmallScreen = window.innerWidth <= 800 && window.innerHeight <= 600;
+        const isTabletRegex = new RegExp("ipad|android(?!.*mobile)|tablet|kindle|playbook|silk|nexus 7|nexus 10|Macintosh|" +
+            "fire|sm-t|tab|gt-p|sch-i|xoom|sch-i|tf101|kftt|kfot|kfjw|kfsowi|a500|rim\\w", "i");
+        const isTabletUserAgent = isTabletRegex.test(userAgent);
+        return isMobileUserAgent && !isTabletUserAgent || isSmallScreen;
+    }
+}
 
 /*
 <file>
@@ -4128,117 +4031,94 @@ class BuyAccessButtonComponent {
     Anatoly Osovitny anatoly.osovitny@osovitny.com
 
   Created:
-    1 Jun 2018
+    2 Aug 2022
+
+  Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
+</file>
+*/
+//consts
+
+/*
+<file>
+  Project:
+    @osovitny/anatoly
+
+  Authors:
+    Vadim Osovitny vadim.osovitny@osovitny.com
+    Anatoly Osovitny anatoly.osovitny@osovitny.com
+
+  Created:
+    28 Aug 2018
 
   Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
 </file>
 */
 //Node
-function SubscribePlanButtonComponent_div_0_div_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div");
-    i0.ɵɵelement(1, "anatoly-signup-button", 1);
-    i0.ɵɵelementEnd();
-} }
-function SubscribePlanButtonComponent_div_0_div_2_button_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "button", 5);
-    i0.ɵɵtext(1, " Your Plan ");
-    i0.ɵɵelementEnd();
-} }
-function SubscribePlanButtonComponent_div_0_div_2_button_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "button", 6);
-    i0.ɵɵtext(1, " Requested ");
-    i0.ɵɵelementEnd();
-} }
-function SubscribePlanButtonComponent_div_0_div_2_button_3_Template(rf, ctx) { if (rf & 1) {
-    const _r7 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 7);
-    i0.ɵɵlistener("click", function SubscribePlanButtonComponent_div_0_div_2_button_3_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r7); const ctx_r6 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r6.onPlanSelect()); });
-    i0.ɵɵtext(1, " Subscribe ");
-    i0.ɵɵelementEnd();
-} }
-function SubscribePlanButtonComponent_div_0_div_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div");
-    i0.ɵɵtemplate(1, SubscribePlanButtonComponent_div_0_div_2_button_1_Template, 2, 0, "button", 2)(2, SubscribePlanButtonComponent_div_0_div_2_button_2_Template, 2, 0, "button", 3)(3, SubscribePlanButtonComponent_div_0_div_2_button_3_Template, 2, 0, "button", 4);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r2.plan == ctx_r2.currentPlan);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r2.plan == ctx_r2.requestedPlan);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r2.plan != ctx_r2.currentPlan && ctx_r2.plan != ctx_r2.requestedPlan);
-} }
-function SubscribePlanButtonComponent_div_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div");
-    i0.ɵɵtemplate(1, SubscribePlanButtonComponent_div_0_div_1_Template, 2, 0, "div", 0)(2, SubscribePlanButtonComponent_div_0_div_2_Template, 4, 3, "div", 0);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", !ctx_r0.isUserSignedIn);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r0.isUserSignedIn && ctx_r0.visibleIfUserSignedIn);
-} }
-class SubscribePlanButtonComponent {
-    constructor(appContext) {
-        this.appContext = appContext;
-        this.contextUpdated = false;
-        this.isUserSignedIn = false;
-        this.currentPlan = -1;
-        this.currentPlanTitle = "";
-        this.requestedPlan = -1;
-        this.requestedPlanTitle = "";
-        this.visibleIfUserSignedIn = false;
-        //Outputs
-        this.planselect = new EventEmitter();
+class ComponentBase {
+    constructor() {
+        this.isDevMode = false;
+        this.subs = new Subs();
+        //Component Data => usually loading from API
+        this.dataLoading = true;
+        this.dataLoaded = false;
+        this.dataFound = false;
+        this.applicationOneUrl = '/';
+        this.title = '';
+        this.isTitleVisible = true;
+        this.isRequired = false;
+        this.isDevMode = IsDevMode;
+        this.applicationType = 1;
+        this.applicationRoot = '/';
+        if (AppSettings) {
+            this.applicationType = AppSettings.id;
+            if (AppSettings.root != '/') {
+                this.applicationRoot = AppSettings.root;
+            }
+            let applicationOne = getAppSettingsById(1);
+            if (applicationOne) {
+                this.applicationOneUrl = applicationOne.baseUrl + applicationOne.root;
+            }
+        }
     }
     ngOnInit() {
-        this.setDefaults();
-        this.setValues();
     }
-    setDefaults() {
+    ngOnDestroy() {
+        this.subs.unsubscribe();
     }
-    setValues() {
-        this.appContext.updated$.subscribe((context) => {
-            if (!context) {
-                return;
-            }
-            this.isUserSignedIn = context.isUserSignedIn;
-            if (this.isUserSignedIn) {
-                let billing = context.billing.profile;
-                this.currentPlan = billing.billingPlan;
-                this.currentPlanTitle = billing.billingPlanAsString;
-                this.requestedPlan = billing.requestedBillingPlan;
-                this.requestedPlanTitle = billing.requestedBillingPlanAsString;
-            }
-            this.contextUpdated = true;
-        });
+    getEntityId() {
+        return QSUtils.getValueByName("id");
     }
-    //Events
-    onPlanSelect() {
-        this.planselect.emit(this.plan);
+    dataStartedLoading() {
+        this.dataLoading = true;
+        this.dataLoaded = false;
+        this.dataFound = false;
     }
-    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", planTitle: "planTitle", visibleIfUserSignedIn: "visibleIfUserSignedIn" }, outputs: { planselect: "planselect" }, decls: 1, vars: 1, consts: [[4, "ngIf"], ["classes", "btn btn-block btn-primary"], ["class", "btn btn-block btn-success selectPlan", 4, "ngIf"], ["class", "btn btn-block  btn-warning selectPlan", 4, "ngIf"], ["class", "btn btn-block  btn-warning selectPlan", 3, "click", 4, "ngIf"], [1, "btn", "btn-block", "btn-success", "selectPlan"], [1, "btn", "btn-block", "btn-warning", "selectPlan"], [1, "btn", "btn-block", "btn-warning", "selectPlan", 3, "click"]], template: function SubscribePlanButtonComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵtemplate(0, SubscribePlanButtonComponent_div_0_Template, 3, 2, "div", 0);
-        } if (rf & 2) {
-            i0.ɵɵproperty("ngIf", ctx.contextUpdated);
-        } }, dependencies: [i1$2.NgIf, SignUpButtonComponent], encapsulation: 2 }); }
+    dataLoadedAndNothingFound() {
+        this.dataLoadedAndFound(false);
+    }
+    dataLoadedAndFound(found = true) {
+        this.dataLoading = false;
+        this.dataLoaded = true;
+        this.dataFound = found;
+    }
+    static { this.ɵfac = function ComponentBase_Factory(t) { return new (t || 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(SubscribePlanButtonComponent, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ComponentBase, [{
         type: Component,
-        args: [{ selector: 'anatoly-billing-subscribe-plan-button', template: "<div *ngIf=\"contextUpdated\">\r\n  <div *ngIf=\"!isUserSignedIn\">\r\n    <anatoly-signup-button classes=\"btn btn-block btn-primary\" />\r\n  </div>\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 == requestedPlan\">\r\n      Requested\r\n    </button>\r\n\r\n    <button class=\"btn btn-block  btn-warning selectPlan\"\r\n            *ngIf=\"plan != currentPlan && plan != requestedPlan\"\r\n            (click)=\"onPlanSelect()\">\r\n      Subscribe\r\n    </button>\r\n  </div>\r\n</div>\r\n" }]
-    }], () => [{ type: AppContextService }], { plan: [{
+        args: [{
+                template: ''
+            }]
+    }], () => [], { classes: [{
             type: Input
-        }], planTitle: [{
+        }], title: [{
             type: Input
-        }], visibleIfUserSignedIn: [{
+        }], isTitleVisible: [{
+            type: Input
+        }], isRequired: [{
             type: Input
-        }], 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(ComponentBase, { className: "ComponentBase", filePath: "lib\\ui\\components\\base\\components\\component.ts", lineNumber: 26 }); })();
 
 /*
 <file>
@@ -4512,7 +4392,7 @@ class DiscountCodesApiService extends ApiServiceBase {
 </file>
 */
 //Node
-const _c0$g = a0 => ({ "show": a0 });
+const _c0$h = 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);
@@ -4524,7 +4404,7 @@ function OrderSummaryComponent_Conditional_17_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(2, _c0$g, ctx_r0.showPromoCode));
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(2, _c0$h, ctx_r0.showPromoCode));
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngModel", ctx_r0.promoCode);
 } }
@@ -4623,14 +4503,14 @@ class OrderSummaryComponent extends ComponentBase {
             i0.ɵɵadvance(12);
             i0.ɵɵtextInterpolate1("$", ctx.ps.subtotal, "");
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(5, _c0$g, ctx.showPromoCode));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(5, _c0$h, ctx.showPromoCode));
             i0.ɵɵadvance(3);
             i0.ɵɵconditional(17, ctx.showPromoCode ? 17 : -1);
             i0.ɵɵadvance(6);
             i0.ɵɵtextInterpolate(ctx.discount);
             i0.ɵɵadvance(6);
             i0.ɵɵtextInterpolate1("$", ctx.toTotal(), "");
-        } }, dependencies: [i1$2.NgClass, i2.DefaultValueAccessor, i2.NgControlStatus, i2.NgModel], encapsulation: 2 }); }
+        } }, dependencies: [i1$1.NgClass, i2.DefaultValueAccessor, i2.NgControlStatus, i2.NgModel], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(OrderSummaryComponent, [{
         type: Component,
@@ -4753,7 +4633,7 @@ class PaymentMethodsComponent extends ComponentBase {
 </file>
 */
 //Node
-const _c0$f = a0 => ({ "active": a0 });
+const _c0$g = a0 => ({ "active": a0 });
 class PaymentOptionsComponent extends ComponentBase {
     constructor(ps) {
         super();
@@ -4802,16 +4682,16 @@ class PaymentOptionsComponent extends ComponentBase {
             i0.ɵɵelementEnd()()();
         } if (rf & 2) {
             i0.ɵɵadvance(3);
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(5, _c0$f, ctx.ps.selectedPaymentType == 2));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(5, _c0$g, ctx.ps.selectedPaymentType == 2));
             i0.ɵɵadvance(7);
             i0.ɵɵtextInterpolate1("$", ctx.priceWeekly, "");
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(7, _c0$f, ctx.ps.selectedPaymentType == 1));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(7, _c0$g, ctx.ps.selectedPaymentType == 1));
             i0.ɵɵadvance(5);
             i0.ɵɵtextInterpolate1("Covers the full ", ctx.numberOfWeeks, " weeks ");
             i0.ɵɵadvance(2);
             i0.ɵɵtextInterpolate1("$", ctx.priceUpfront, "");
-        } }, dependencies: [i1$2.NgClass], encapsulation: 2 }); }
+        } }, dependencies: [i1$1.NgClass], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PaymentOptionsComponent, [{
         type: Component,
@@ -5276,7 +5156,7 @@ class PayPalScriptService {
   Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
 </file>
 */
-const _c0$e = ["payPalButtonContainer"];
+const _c0$f = ["payPalButtonContainer"];
 class PayPalComponent {
     set payPalButtonContainer(content) {
         this.payPalButtonContainerElem = content;
@@ -5543,7 +5423,7 @@ class PayPalComponent {
     }
     static { this.ɵfac = function PayPalComponent_Factory(t) { return new (t || 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$e, 5);
+            i0.ɵɵviewQuery(_c0$f, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.payPalButtonContainer = _t.first);
@@ -6625,12 +6505,12 @@ class ListBase extends ComponentBase {
 </file>
 */
 //Node
-const _c0$d = [[["card-header"]], [["card-body"]], "*", [["card-footer"]]];
+const _c0$e = [[["card-header"]], [["card-body"]], "*", [["card-footer"]]];
 const _c1 = ["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, decls: 5, vars: 3, template: function CardComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵprojectionDef(_c0$d);
+            i0.ɵɵprojectionDef(_c0$e);
             i0.ɵɵelementStart(0, "div");
             i0.ɵɵprojection(1);
             i0.ɵɵprojection(2, 1);
@@ -6671,10 +6551,10 @@ function CardHeaderComponent_h3_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(ctx_r0.title);
 } }
-const _c0$c = ["*"];
+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$c, decls: 4, vars: 4, consts: [[1, "card-title"], [4, "ngIf"]], template: function CardHeaderComponent_Template(rf, ctx) { if (rf & 1) {
+    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) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "div")(1, "div", 0);
             i0.ɵɵtemplate(2, CardHeaderComponent_h3_2_Template, 2, 1, "h3", 1);
@@ -6685,7 +6565,7 @@ class CardHeaderComponent extends ComponentBase {
             i0.ɵɵclassMapInterpolate1("card-header ", ctx.classes, "");
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngIf", ctx.title);
-        } }, dependencies: [i1$2.NgIf], encapsulation: 2 }); }
+        } }, dependencies: [i1$1.NgIf], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CardHeaderComponent, [{
         type: Component,
@@ -6708,10 +6588,10 @@ class CardHeaderComponent extends ComponentBase {
 </file>
 */
 //Node
-const _c0$b = ["*"];
+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$b, decls: 2, vars: 3, template: function CardBodyComponent_Template(rf, ctx) { if (rf & 1) {
+    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) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "div");
             i0.ɵɵprojection(1);
@@ -6741,10 +6621,10 @@ class CardBodyComponent extends ComponentBase {
 </file>
 */
 //Node
-const _c0$a = ["*"];
+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$a, decls: 2, vars: 3, template: function CardFooterComponent_Template(rf, ctx) { if (rf & 1) {
+    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) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "div");
             i0.ɵɵprojection(1);
@@ -6871,7 +6751,7 @@ class CountryDropdownlist extends EditComponentBase {
             i0.ɵɵproperty("ngIf", ctx.isNgModelBased);
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", !ctx.isNgModelBased);
-        } }, dependencies: [i1$2.NgForOf, i1$2.NgIf, i2.NgSelectOption, i2.ɵNgSelectMultipleOption, i2.SelectControlValueAccessor, i2.NgControlStatus, i2.NgControlStatusGroup, i2.FormGroupDirective, i2.FormControlName, i4$1.LabelComponent, NativeElementDirective], encapsulation: 2 }); }
+        } }, dependencies: [i1$1.NgForOf, i1$1.NgIf, i2.NgSelectOption, i2.ɵNgSelectMultipleOption, i2.SelectControlValueAccessor, i2.NgControlStatus, i2.NgControlStatusGroup, i2.FormGroupDirective, i2.FormControlName, i4$1.LabelComponent, NativeElementDirective], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CountryDropdownlist, [{
         type: Component,
@@ -7054,7 +6934,7 @@ class ItemValidationSummaryComponent extends ValidationSummaryComponent {
             i0.ɵɵtemplate(0, ItemValidationSummaryComponent_ul_0_Template, 2, 1, "ul", 0);
         } if (rf & 2) {
             i0.ɵɵproperty("ngIf", ctx.isControlInvalid(ctx.controlName));
-        } }, dependencies: [i1$2.NgForOf, i1$2.NgIf], encapsulation: 2 }); }
+        } }, dependencies: [i1$1.NgForOf, i1$1.NgIf], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ItemValidationSummaryComponent, [{
         type: Component,
@@ -7131,7 +7011,7 @@ class ModerationStatusDropdownlist extends EnumEditComponentBase {
             i0.ɵɵproperty("ngIf", ctx.isNgModelBased);
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", !ctx.isNgModelBased);
-        } }, dependencies: [i1$2.NgIf, i2.NgControlStatus, i2.NgControlStatusGroup, i2.FormGroupDirective, i2.FormControlName, i2.NgModel, i3.DropDownListComponent, i4$1.LabelComponent, NativeElementDirective, ItemValidationSummaryComponent], encapsulation: 2 }); }
+        } }, dependencies: [i1$1.NgIf, i2.NgControlStatus, i2.NgControlStatusGroup, i2.FormGroupDirective, i2.FormControlName, i2.NgModel, i3.DropDownListComponent, i4$1.LabelComponent, NativeElementDirective, ItemValidationSummaryComponent], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ModerationStatusDropdownlist, [{
         type: Component,
@@ -7208,7 +7088,7 @@ class PublishStatusDropdownlist extends EnumEditComponentBase {
             i0.ɵɵproperty("ngIf", ctx.isNgModelBased);
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", !ctx.isNgModelBased);
-        } }, dependencies: [i1$2.NgIf, i2.NgControlStatus, i2.NgControlStatusGroup, i2.FormGroupDirective, i2.FormControlName, i2.NgModel, i3.DropDownListComponent, i4$1.LabelComponent, NativeElementDirective, ItemValidationSummaryComponent], encapsulation: 2 }); }
+        } }, dependencies: [i1$1.NgIf, i2.NgControlStatus, i2.NgControlStatusGroup, i2.FormGroupDirective, i2.FormControlName, i2.NgModel, i3.DropDownListComponent, i4$1.LabelComponent, NativeElementDirective, ItemValidationSummaryComponent], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PublishStatusDropdownlist, [{
         type: Component,
@@ -7311,7 +7191,7 @@ class TimezoneDropdownlist extends EditComponentBase {
             i0.ɵɵproperty("ngIf", ctx.isNgModelBased);
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", !ctx.isNgModelBased);
-        } }, dependencies: [i1$2.NgForOf, i1$2.NgIf, i2.NgSelectOption, i2.ɵNgSelectMultipleOption, i2.SelectControlValueAccessor, i2.NgControlStatus, i2.NgControlStatusGroup, i2.FormGroupDirective, i2.FormControlName, NativeElementDirective], encapsulation: 2 }); }
+        } }, dependencies: [i1$1.NgForOf, i1$1.NgIf, i2.NgSelectOption, i2.ɵNgSelectMultipleOption, i2.SelectControlValueAccessor, i2.NgControlStatus, i2.NgControlStatusGroup, i2.FormGroupDirective, i2.FormControlName, NativeElementDirective], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TimezoneDropdownlist, [{
         type: Component,
@@ -7589,7 +7469,7 @@ class HtmlEditorComponent extends HtmlEditorComponentBase {
             i0.ɵɵproperty("ngIf", ctx.isNgModelBased);
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", !ctx.isNgModelBased);
-        } }, dependencies: [i1$2.NgIf, i2.DefaultValueAccessor, i2.NgControlStatus, i2.NgControlStatusGroup, i2.FormGroupDirective, i2.FormControlName, i3$1.FroalaEditorDirective, i4$1.LabelComponent, NativeElementDirective, ItemValidationSummaryComponent], encapsulation: 2 }); }
+        } }, dependencies: [i1$1.NgIf, i2.DefaultValueAccessor, i2.NgControlStatus, i2.NgControlStatusGroup, i2.FormGroupDirective, i2.FormControlName, i3$1.FroalaEditorDirective, i4$1.LabelComponent, NativeElementDirective, ItemValidationSummaryComponent], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(HtmlEditorComponent, [{
         type: Component,
@@ -7613,20 +7493,20 @@ class HtmlEditorComponent extends HtmlEditorComponentBase {
 </file>
 */
 //Node
-const _c0$9 = ["*"];
+const _c0$a = ["*"];
 class CheckIconComponent {
     constructor() {
         //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$9, decls: 2, vars: 2, consts: [[3, "icon", "ngClass"]], template: function CheckIconComponent_Template(rf, ctx) { if (rf & 1) {
+    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) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelement(0, "fa-icon", 0);
             i0.ɵɵprojection(1);
         } if (rf & 2) {
             i0.ɵɵproperty("icon", ctx.checked ? "check-circle" : "circle-xmark")("ngClass", ctx.checked ? "text-success" : "text-danger");
-        } }, dependencies: [i1$2.NgClass, i1$6.FaIconComponent], encapsulation: 2 }); }
+        } }, dependencies: [i1$1.NgClass, i1$6.FaIconComponent], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CheckIconComponent, [{
         type: Component,
@@ -7673,7 +7553,7 @@ function ControlPanelComponent_Conditional_8_Conditional_10_Template(rf, ctx) {
     i0.ɵɵelement(1, "fa-icon", 21);
     i0.ɵɵelementEnd();
 } }
-const _c0$8 = a0 => ({ "active": a0 });
+const _c0$9 = a0 => ({ "active": a0 });
 function ControlPanelComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
     const _r9 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 11)(1, "a", 3);
@@ -7694,9 +7574,9 @@ function ControlPanelComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(3, _c0$8, ctx_r1.viewType == "grid"));
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(3, _c0$9, ctx_r1.viewType == "grid"));
     i0.ɵɵadvance(6);
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(5, _c0$8, ctx_r1.viewType == "list"));
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(5, _c0$9, ctx_r1.viewType == "list"));
     i0.ɵɵadvance(3);
     i0.ɵɵconditional(10, ctx_r1.addVisible ? 10 : -1);
 } }
@@ -7765,12 +7645,12 @@ class ControlPanelComponent extends ComponentBase {
             i0.ɵɵelementEnd()()();
         } if (rf & 2) {
             i0.ɵɵadvance(3);
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(3, _c0$8, ctx.filterVisible));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(3, _c0$9, ctx.filterVisible));
             i0.ɵɵadvance(4);
             i0.ɵɵconditional(7, ctx.sortByVisible ? 7 : -1);
             i0.ɵɵadvance();
             i0.ɵɵconditional(8, ctx.viewTypeVisible ? 8 : -1);
-        } }, dependencies: [i1$2.NgClass, i2.NgControlStatus, i2.NgModel, i1$6.FaIconComponent, i3.DropDownListComponent], encapsulation: 2 }); }
+        } }, dependencies: [i1$1.NgClass, i2.NgControlStatus, i2.NgModel, i1$6.FaIconComponent, i3.DropDownListComponent], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ControlPanelComponent, [{
         type: Component,
@@ -7943,7 +7823,7 @@ function SignInButtonComponent_ng_template_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(3);
     i0.ɵɵproperty("ngIf", !_r6.innerHTML.trim());
 } }
-const _c0$7 = ["*"];
+const _c0$8 = ["*"];
 class SignInButtonComponent extends ComponentBase {
     constructor() {
         super();
@@ -7962,14 +7842,14 @@ 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$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 SignInButtonComponent_Template(rf, ctx) { if (rf & 1) {
+    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) {
             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);
         } if (rf & 2) {
             i0.ɵɵproperty("ngIf", ctx.external);
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", !ctx.external);
-        } }, dependencies: [i1$2.NgIf, i1$2.NgTemplateOutlet, i1$1.RouterLink], encapsulation: 2 }); }
+        } }, dependencies: [i1$1.NgIf, i1$1.NgTemplateOutlet, i1$2.RouterLink], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SignInButtonComponent, [{
         type: Component,
@@ -8040,7 +7920,7 @@ function SignOutButtonComponent_ng_template_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(3);
     i0.ɵɵproperty("ngIf", !_r6.innerHTML.trim());
 } }
-const _c0$6 = ["*"];
+const _c0$7 = ["*"];
 class SignOutButtonComponent extends ComponentBase {
     constructor() {
         super();
@@ -8059,14 +7939,14 @@ 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$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 SignOutButtonComponent_Template(rf, ctx) { if (rf & 1) {
+    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) {
             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);
         } if (rf & 2) {
             i0.ɵɵproperty("ngIf", ctx.external);
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", !ctx.external);
-        } }, dependencies: [i1$2.NgIf, i1$2.NgTemplateOutlet, i1$1.RouterLink], encapsulation: 2 }); }
+        } }, dependencies: [i1$1.NgIf, i1$1.NgTemplateOutlet, i1$2.RouterLink], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SignOutButtonComponent, [{
         type: Component,
@@ -8076,6 +7956,103 @@ class SignOutButtonComponent extends ComponentBase {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SignOutButtonComponent, { className: "SignOutButtonComponent", filePath: "lib\\ui\\components\\identity\\signout-button.component.ts", lineNumber: 28 }); })();
 
+/*
+<file>
+  Project:
+    @osovitny/anatoly
+
+  Authors:
+    Vadim Osovitny vadim.osovitny@osovitny.com
+    Anatoly Osovitny anatoly.osovitny@osovitny.com
+
+  Created:
+    4 Jul 2018
+
+  Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
+</file>
+*/
+//Node
+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.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    const _r3 = i0.ɵɵreference(3);
+    i0.ɵɵclassMap(ctx_r0.classes);
+    i0.ɵɵproperty("href", ctx_r0.url, i0.ɵɵsanitizeUrl);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngTemplateOutlet", _r3);
+} }
+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.ɵɵ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);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngTemplateOutlet", _r3);
+} }
+function SignUpButtonComponent_ng_template_2_span_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span");
+    i0.ɵɵtext(1, "Sign Up");
+    i0.ɵɵelementEnd();
+} }
+function SignUpButtonComponent_ng_template_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", null, 6);
+    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);
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("ngIf", !_r6.innerHTML.trim());
+} }
+const _c0$6 = ["*"];
+class SignUpButtonComponent extends ComponentBase {
+    constructor() {
+        super();
+        this.external = false;
+    }
+    ngOnInit() {
+        let url = MSALConfig.ui.signup;
+        if (url) {
+            this.external = url.indexOf('http') > -1;
+            if (this.external) {
+                this.url = url + (this.qs ? '?' + this.qs : '');
+            }
+            else {
+                this.url = url;
+            }
+        }
+    }
+    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) {
+            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);
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngIf", ctx.external);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", !ctx.external);
+        } }, dependencies: [i1$1.NgIf, i1$1.NgTemplateOutlet, i1$2.RouterLink], encapsulation: 2 }); }
+}
+(() => { (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" }]
+    }], () => [], { qs: [{
+            type: Input
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SignUpButtonComponent, { className: "SignUpButtonComponent", filePath: "lib\\ui\\components\\identity\\signup-button.component.ts", lineNumber: 28 }); })();
+
 /*
 <file>
   Project:
@@ -8128,7 +8105,7 @@ class NodataComponent {
             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);
-        } }, dependencies: [i1$2.NgIf, i1$6.FaIconComponent], encapsulation: 2 }); }
+        } }, dependencies: [i1$1.NgIf, i1$6.FaIconComponent], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NodataComponent, [{
         type: Component,
@@ -8227,7 +8204,7 @@ class LoadingComponent extends ComponentBase {
             i0.ɵɵtemplate(0, LoadingComponent_div_0_Template, 2, 0, "div", 0);
         } if (rf & 2) {
             i0.ɵɵproperty("ngIf", ctx.show);
-        } }, dependencies: [i1$2.NgIf], encapsulation: 2 }); }
+        } }, dependencies: [i1$1.NgIf], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LoadingComponent, [{
         type: Component,
@@ -8308,17 +8285,17 @@ class PageSpinnerComponent {
     ngOnDestroy() {
         this.isSpinnerVisible = false;
     }
-    static { this.ɵfac = function PageSpinnerComponent_Factory(t) { return new (t || PageSpinnerComponent)(i0.ɵɵdirectiveInject(i1$1.Router)); }; }
+    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) {
             i0.ɵɵtemplate(0, PageSpinnerComponent_div_0_Template, 3, 1, "div", 0);
         } if (rf & 2) {
             i0.ɵɵproperty("ngIf", ctx.isSpinnerVisible);
-        } }, dependencies: [i1$2.NgIf], encapsulation: 2 }); }
+        } }, dependencies: [i1$1.NgIf], encapsulation: 2 }); }
 }
 (() => { (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" }]
-    }], () => [{ type: i1$1.Router }], { backgroundColor: [{
+    }], () => [{ type: i1$2.Router }], { backgroundColor: [{
             type: Input
         }], spinner: [{
             type: Input
@@ -8478,7 +8455,7 @@ class UrlSlugComponent extends EditComponentBase {
             i0.ɵɵproperty("formControlName", ctx.controlName);
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", ctx.isGoButtonVisible);
-        } }, dependencies: [i1$2.NgClass, i1$2.NgIf, i2.DefaultValueAccessor, i2.NgControlStatus, i2.NgControlStatusGroup, i2.FormGroupDirective, i2.FormControlName, i4$1.LabelDirective, NativeElementDirective, ItemValidationSummaryComponent], encapsulation: 2 }); }
+        } }, dependencies: [i1$1.NgClass, i1$1.NgIf, i2.DefaultValueAccessor, i2.NgControlStatus, i2.NgControlStatusGroup, i2.FormGroupDirective, i2.FormControlName, i4$1.LabelDirective, NativeElementDirective, ItemValidationSummaryComponent], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UrlSlugComponent, [{
         type: Component,
@@ -8534,7 +8511,7 @@ class FeatureWillBeReadyComponent extends ComponentBase {
             i0.ɵɵproperty("ngIf", ctx.readyDate);
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", !ctx.readyDate);
-        } }, dependencies: [i1$2.NgIf], encapsulation: 2 }); }
+        } }, dependencies: [i1$1.NgIf], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FeatureWillBeReadyComponent, [{
         type: Component,
@@ -8690,7 +8667,7 @@ class FormValidationSummaryComponent extends ValidationSummaryComponent {
             i0.ɵɵtemplate(0, FormValidationSummaryComponent_div_0_Template, 5, 1, "div", 0);
         } if (rf & 2) {
             i0.ɵɵproperty("ngIf", ctx.visible);
-        } }, dependencies: [i1$2.NgForOf, i1$2.NgIf], encapsulation: 2 }); }
+        } }, dependencies: [i1$1.NgForOf, i1$1.NgIf], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FormValidationSummaryComponent, [{
         type: Component,
@@ -8892,7 +8869,7 @@ class ContactUsForm extends EditComponentBase {
             i0.ɵɵproperty("formGroup", ctx.formGroup)("formSubmitted", ctx.formSubmitted);
             i0.ɵɵadvance(3);
             i0.ɵɵproperty("ngIf", ctx.showActionButtons);
-        } }, dependencies: [i1$2.NgClass, i1$2.NgForOf, i1$2.NgIf, i2.ɵNgNoValidate, i2.NgSelectOption, i2.ɵNgSelectMultipleOption, i2.DefaultValueAccessor, i2.SelectControlValueAccessor, i2.NgControlStatus, i2.NgControlStatusGroup, i2.FormGroupDirective, i2.FormControlName, NativeElementDirective, FormValidationSummaryComponent, ItemValidationSummaryComponent], encapsulation: 2 }); }
+        } }, dependencies: [i1$1.NgClass, i1$1.NgForOf, i1$1.NgIf, i2.ɵNgNoValidate, i2.NgSelectOption, i2.ɵNgSelectMultipleOption, i2.DefaultValueAccessor, i2.SelectControlValueAccessor, i2.NgControlStatus, i2.NgControlStatusGroup, i2.FormGroupDirective, i2.FormControlName, NativeElementDirective, FormValidationSummaryComponent, ItemValidationSummaryComponent], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ContactUsForm, [{
         type: Component,
@@ -8964,7 +8941,7 @@ class ContactUsDialog extends DialogBase {
             i0.ɵɵtemplate(0, ContactUsDialog_kendo_dialog_0_Template, 10, 2, "kendo-dialog", 0);
         } if (rf & 2) {
             i0.ɵɵproperty("ngIf", ctx.isOpen);
-        } }, dependencies: [i1$2.NgIf, i2$1.DialogComponent, i2$1.DialogActionsComponent, ContactUsForm], encapsulation: 2 }); }
+        } }, dependencies: [i1$1.NgIf, i2$1.DialogComponent, i2$1.DialogActionsComponent, ContactUsForm], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ContactUsDialog, [{
         type: Component,
@@ -9268,7 +9245,7 @@ class AddressComponent extends EditComponentBase {
             i0.ɵɵproperty("ngForOf", ctx.countryData);
             i0.ɵɵadvance();
             i0.ɵɵproperty("formGroup", ctx.formGroup)("formSubmitted", ctx.formSubmitted);
-        } }, dependencies: [i1$2.NgClass, i1$2.NgForOf, i1$2.NgIf, i2.NgSelectOption, i2.ɵNgSelectMultipleOption, i2.DefaultValueAccessor, i2.SelectControlValueAccessor, i2.NgControlStatus, i2.NgControlStatusGroup, i2.FormGroupDirective, i2.FormControlName, CardComponent, CardHeaderComponent, CardBodyComponent, NativeElementDirective, ItemValidationSummaryComponent], encapsulation: 2 }); }
+        } }, dependencies: [i1$1.NgClass, i1$1.NgForOf, i1$1.NgIf, i2.NgSelectOption, i2.ɵNgSelectMultipleOption, i2.DefaultValueAccessor, i2.SelectControlValueAccessor, i2.NgControlStatus, i2.NgControlStatusGroup, i2.FormGroupDirective, i2.FormControlName, CardComponent, CardHeaderComponent, CardBodyComponent, NativeElementDirective, ItemValidationSummaryComponent], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AddressComponent, [{
         type: Component,
@@ -9397,7 +9374,7 @@ class CompanyComponent extends EditComponentBase {
             i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(20, _c0, ctx.isControlInvalid("company_websiteUrl")));
             i0.ɵɵadvance(4);
             i0.ɵɵproperty("formGroup", ctx.formGroup)("formSubmitted", ctx.formSubmitted);
-        } }, dependencies: [i1$2.NgClass, i1$2.NgIf, i2.DefaultValueAccessor, i2.NgControlStatus, i2.NgControlStatusGroup, i2.PatternValidator, i2.FormGroupDirective, i2.FormControlName, CardComponent, CardHeaderComponent, CardBodyComponent, NativeElementDirective, ItemValidationSummaryComponent], encapsulation: 2 }); }
+        } }, dependencies: [i1$1.NgClass, i1$1.NgIf, i2.DefaultValueAccessor, i2.NgControlStatus, i2.NgControlStatusGroup, i2.PatternValidator, i2.FormGroupDirective, i2.FormControlName, CardComponent, CardHeaderComponent, CardBodyComponent, NativeElementDirective, ItemValidationSummaryComponent], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CompanyComponent, [{
         type: Component,
@@ -10089,7 +10066,7 @@ class AnatolyIAMPagesModule {
     }], null, null); })();
 (function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(AnatolyIAMPagesModule, { declarations: [SignInPage, SignUpPage, SignOutPage], imports: [CommonModule,
         RouterModule,
-        HttpClientModule, i1$1.RouterModule] }); })();
+        HttpClientModule, i1$2.RouterModule] }); })();
 
 /*
 <file>
@@ -10463,7 +10440,7 @@ class AnatolyUIModule {
             FormsModule,
             NgxCaptchaModule,
             FERootModule,
-            //External Modules
+            //Modules
             FaModule,
             KendoModule] }); }
 }
@@ -10477,7 +10454,7 @@ class AnatolyUIModule {
                     FormsModule,
                     NgxCaptchaModule,
                     FERootModule,
-                    //External Modules
+                    //Modules
                     FaModule,
                     KendoModule
                 ],
@@ -10495,7 +10472,7 @@ class AnatolyUIModule {
         FormsModule,
         NgxCaptchaModule,
         FERootModule,
-        //External Modules
+        //Modules
         FaModule,
         KendoModule], exports: [CardComponent, CardHeaderComponent, CardBodyComponent, CardFooterComponent, CheckIconComponent, Copy2ClipboardComponent, ControlPanelComponent, DataPagerComponent, CountryDropdownlist, ModerationStatusDropdownlist, PublishStatusDropdownlist, TimezoneDropdownlist, HtmlEditorComponent, SignInButtonComponent, SignUpButtonComponent, SignOutButtonComponent, NodataComponent, NoMobileSupportComponent, PageSpinnerComponent, LoadingComponent, UrlSlugComponent, FeatureWillBeReadyComponent, YouAgreeToOurTermsComponent, ContactUsDialog, NativeElementDirective, HoveringDirective, AddressComponent, CompanyComponent, ContactUsForm, SafeHtmlPipe, ReplaceTextPipe, FileSizePipe, FormValidationSummaryComponent, ItemValidationSummaryComponent] }); })();
 
@@ -10546,7 +10523,6 @@ class AnatolyBillingModule {
     static { this.ɵfac = function AnatolyBillingModule_Factory(t) { return new (t || AnatolyBillingModule)(); }; }
     static { this.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: AnatolyBillingModule }); }
     static { this.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ providers: [
-            ScriptService,
             PayPalScriptService,
             PaymentsService
         ], imports: [CommonModule,
@@ -10574,7 +10550,6 @@ class AnatolyBillingModule {
                     COMPONENTS
                 ],
                 providers: [
-                    ScriptService,
                     PayPalScriptService,
                     PaymentsService
                 ]