@osovitny/anatoly 3.20.30 → 3.20.32

package/fesm2022/osovitny-anatoly.mjs

@@ -1,14 +1,14 @@
 import * as i0 from '@angular/core';
-import { inject, Injectable, EventEmitter, Component, Output, Input, Inject, Pipe, NgModule, Directive, ChangeDetectionStrategy, ViewChild, ViewEncapsulation, HostListener, HostBinding, provideAppInitializer } from '@angular/core';
+import { inject, Injectable, Inject, EventEmitter, Output, Pipe, NgModule, Component, Input, Directive, ChangeDetectionStrategy, ViewChild, ViewEncapsulation, HostListener, HostBinding, provideAppInitializer } from '@angular/core';
 import { BehaviorSubject, forkJoin, Subject, filter, takeUntil, map as map$1, catchError, of, merge, timer, fromEvent, firstValueFrom } from 'rxjs';
 import { map, tap, mergeMap } from 'rxjs/operators';
 import * as i1 from '@angular/common/http';
 import { HttpClient, HttpBackend, HttpResponse, HTTP_INTERCEPTORS, provideHttpClient } from '@angular/common/http';
-import * as i1$1 from '@angular/common';
+import * as i1$2 from '@angular/common';
 import { DOCUMENT, CommonModule } from '@angular/common';
 import { format, formatDistance, formatDistanceToNow } from 'date-fns';
 import js_beautify from 'js-beautify';
-import * as i1$2 from '@angular/router';
+import * as i1$1 from '@angular/router';
 import { NavigationEnd, NavigationStart, NavigationCancel, NavigationError, RouterModule } from '@angular/router';
 import { v4 } from 'uuid';
 import * as i4 from '@azure/msal-angular';
@@ -378,6 +378,15 @@ class AppContextService extends ApiServiceBase {
         this._standardJsonFilesLoaded = new BehaviorSubject(null);
         this.standardJsonFilesLoaded$ = this._standardJsonFilesLoaded.asObservable();
         this.baseUrl = `${ApiUrl}/app`;
+        this.internalInit();
+    }
+    internalInit() {
+        this.setDefaults();
+        this.setValues();
+        this.contextUpdated(this.current);
+        this.updated$.subscribe((context) => {
+            this.contextUpdated(context);
+        });
     }
     //fires
     fireUpdated(data) {
@@ -600,215 +609,6 @@ 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 _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(_r1); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.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.currentPlanId);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r1.plan != ctx_r1.currentPlanId);
-} }
-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_r1 = i0.ɵɵnextContext();
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r1.isUserSignedIn && ctx_r1.visibleIfUserSignedIn);
-} }
-class BuyAccessButtonComponent {
-    constructor(appContext) {
-        this.appContext = appContext;
-        this.contextUpdated = false;
-        this.isUserSignedIn = false;
-        this.currentPlanId = -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 profile = context.billing.profile;
-                this.currentPlanId = profile.planId;
-            }
-            this.contextUpdated = true;
-        });
-    }
-    //Events
-    onPlanSelect() {
-        this.planselect.emit(this.plan);
-    }
-    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);
-        } }, dependencies: [i1$1.NgIf], encapsulation: 2 }); }
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BuyAccessButtonComponent, [{
-        type: Component,
-        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 == currentPlanId\">\r\n      Your Plan\r\n    </button>\r\n\r\n    <button class=\"btn btn-block  btn-warning selectPlan\" *ngIf=\"plan != currentPlanId\"\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: 28 }); })();
-
-/*
-<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 _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(_r1); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.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.currentPlanId);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r1.plan == ctx_r1.requestedPlanId);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r1.plan != ctx_r1.currentPlanId && ctx_r1.plan != ctx_r1.requestedPlanId);
-} }
-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_r1 = i0.ɵɵnextContext();
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r1.isUserSignedIn && ctx_r1.visibleIfUserSignedIn);
-} }
-class SubscribePlanButtonComponent {
-    constructor(appContext) {
-        this.appContext = appContext;
-        this.contextUpdated = false;
-        this.isUserSignedIn = false;
-        this.currentPlanId = -1;
-        this.requestedPlanId = -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 profile = context.billing.profile;
-                this.currentPlanId = profile.planId;
-                this.requestedPlanId = profile.requestedPlanId ?? -1;
-            }
-            this.contextUpdated = true;
-        });
-    }
-    //Events
-    onPlanSelect() {
-        this.planselect.emit(this.plan);
-    }
-    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);
-        } }, dependencies: [i1$1.NgIf], encapsulation: 2 }); }
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SubscribePlanButtonComponent, [{
-        type: Component,
-        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: [{
-            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: 28 }); })();
-
 /*
 <file>
   Project:
@@ -1602,12 +1402,12 @@ class GoServiceBase {
     error500() {
         this.navigate([this.currentApp.root + '/errors/500']);
     }
-    static { this.ɵfac = function GoServiceBase_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || 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$1.ActivatedRoute), i0.ɵɵinject(i1$1.Router)); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: GoServiceBase, factory: GoServiceBase.ɵfac }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(GoServiceBase, [{
         type: Injectable
-    }], () => [{ type: i1$2.ActivatedRoute }, { type: i1$2.Router }], null); })();
+    }], () => [{ type: i1$1.ActivatedRoute }, { type: i1$1.Router }], null); })();
 
 /*
 <file>
@@ -2266,7 +2066,7 @@ class AuthService extends ApiServiceBase {
         };
         this.login(resetPasswordFlowRequest);
     }
-    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.ɵfac = function AuthService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || 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.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: AuthService, factory: AuthService.ɵfac, providedIn: 'root' }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AuthService, [{
@@ -2274,7 +2074,7 @@ class AuthService extends ApiServiceBase {
         args: [{
                 providedIn: 'root'
             }]
-    }], () => [{ type: i1.HttpClient }, { type: i1$2.Router }, { type: AppContextService }, { type: undefined, decorators: [{
+    }], () => [{ type: i1.HttpClient }, { type: i1$1.Router }, { type: AppContextService }, { type: undefined, decorators: [{
                 type: Inject,
                 args: [MSAL_GUARD_CONFIG]
             }] }, { type: i4.MsalService }, { type: i4.MsalBroadcastService }], null); })();
@@ -2389,12 +2189,12 @@ class AppsGoServiceBase extends GoServiceBase {
             }
         }
     }
-    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.ɵfac = function AppsGoServiceBase_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || AppsGoServiceBase)(i0.ɵɵinject(i1$1.ActivatedRoute), i0.ɵɵinject(i1$1.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$2.ActivatedRoute }, { type: i1$2.Router }, { type: AuthService }, { type: LoggingService }], null); })();
+    }], () => [{ type: i1$1.ActivatedRoute }, { type: i1$1.Router }, { type: AuthService }, { type: LoggingService }], null); })();
 
 /*
 <file>
@@ -2451,7 +2251,7 @@ class AuthenticationGuard extends MsalGuard {
         this.setInteractionType(route);
         return super.canActivate(route, state);
     }
-    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.ɵ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$2.Location), i0.ɵɵinject(i1$1.Router)); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: AuthenticationGuard, factory: AuthenticationGuard.ɵfac }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AuthenticationGuard, [{
@@ -2459,7 +2259,7 @@ class AuthenticationGuard extends MsalGuard {
     }], () => [{ type: undefined, decorators: [{
                 type: Inject,
                 args: [MSAL_GUARD_CONFIG]
-            }] }, { type: i4.MsalBroadcastService }, { type: i4.MsalService }, { type: i1$1.Location }, { type: i1$2.Router }], null); })();
+            }] }, { type: i4.MsalBroadcastService }, { type: i4.MsalService }, { type: i1$2.Location }, { type: i1$1.Router }], null); })();
 
 /*
 <file>
@@ -3784,12 +3584,12 @@ class GoogleAnalyticsService {
         let ga = window.gtag;
         return ga;
     }
-    static { this.ɵfac = function GoogleAnalyticsService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || GoogleAnalyticsService)(i0.ɵɵinject(i1$2.Router)); }; }
+    static { this.ɵfac = function GoogleAnalyticsService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || GoogleAnalyticsService)(i0.ɵɵinject(i1$1.Router)); }; }
     static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: GoogleAnalyticsService, factory: GoogleAnalyticsService.ɵfac }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(GoogleAnalyticsService, [{
         type: Injectable
-    }], () => [{ type: i1$2.Router }], null); })();
+    }], () => [{ type: i1$1.Router }], null); })();
 
 /*
 <file>
@@ -4323,45 +4123,456 @@ class ComponentBase {
     }
     ngOnInit() {
     }
-    ngOnDestroy() {
-        this.subs.unsubscribe();
-    }
-    getEntityId() {
-        return QSUtils.getValueByName("id");
-    }
-    dataStartedLoading() {
-        this.dataLoading = true;
-        this.dataLoaded = false;
-        this.dataFound = false;
+    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(__ngFactoryType__) { return new (__ngFactoryType__ || ComponentBase)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ComponentBase, selectors: [["ng-component"]], inputs: { mode: "mode", 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: ''
+            }]
+    }], () => [], { mode: [{
+            type: Input
+        }], 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
+
+  Created:
+    19 May 2025
+
+  Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
+</file>
+*/
+//Node
+class ReplacerDirectiveBase {
+    constructor(el, renderer) {
+        this.el = el;
+        this.renderer = renderer;
+    }
+    setUrlAttribute(name, url) {
+        if (url) {
+            let newUrl = formatUrl(url);
+            this.setAttribute(name, newUrl);
+        }
+    }
+    setAttribute(name, value) {
+        this.renderer.setAttribute(this.el.nativeElement, name, value);
+    }
+    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, [{
+        type: Directive,
+        args: [{}]
+    }], () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], null); })();
+
+/*
+<file>
+  Project:
+    @osovitny/anatoly
+
+  Authors:
+    Vadim Osovitny vadim.osovitny@osovitny.com
+
+  Created:
+    19 May 2025
+
+  Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
+</file>
+*/
+//Node
+class AReplacerDirective extends ReplacerDirectiveBase {
+    ngOnInit() {
+        this.setHref(this.href);
+    }
+    ngOnChanges(changes) {
+        if (changes['href']) {
+            this.setHref(changes['href'].currentValue);
+        }
+    }
+    setHref(value) {
+        if (value) {
+            if (value.indexOf("assets") > -1) {
+                this.setUrlAttribute('href', value);
+            }
+            else {
+                this.setAttribute('href', value);
+            }
+        }
+    }
+    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',
+                standalone: false
+            }]
+    }], null, { href: [{
+            type: Input,
+            args: ['href']
+        }] }); })();
+
+/*
+<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
+const _c0$h = ["*"];
+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", 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 contentTemplate_r2 = i0.ɵɵreference(3);
+    i0.ɵɵclassMap(ctx_r0.classes);
+    i0.ɵɵproperty("href", ctx_r0.url, i0.ɵɵsanitizeUrl);
+    i0.ɵɵadvance();
+    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", 6);
+    i0.ɵɵtemplate(1, SignUpButtonComponent_a_1_ng_container_1_Template, 1, 0, "ng-container", 5);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    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", contentTemplate_r2);
+} }
+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, 1);
+    i0.ɵɵprojection(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(3, SignUpButtonComponent_ng_template_2_span_3_Template, 2, 0, "span", 7);
+} if (rf & 2) {
+    const ref_r3 = i0.ɵɵreference(1);
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("ngIf", !ref_r3.innerHTML.trim());
+} }
+class SignUpButtonComponent extends ComponentBase {
+    constructor() {
+        super(...arguments);
+        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 = /*@__PURE__*/ (() => { let ɵSignUpButtonComponent_BaseFactory; return function SignUpButtonComponent_Factory(__ngFactoryType__) { return (ɵSignUpButtonComponent_BaseFactory || (ɵSignUpButtonComponent_BaseFactory = i0.ɵɵgetInheritedFactory(SignUpButtonComponent)))(__ngFactoryType__ || SignUpButtonComponent); }; })(); }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SignUpButtonComponent, selectors: [["anatoly-signup-button"]], inputs: { qs: "qs" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$h, 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, 4, "a", 2)(1, SignUpButtonComponent_a_1_Template, 2, 4, "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();
+            i0.ɵɵproperty("ngIf", !ctx.external);
+        } }, dependencies: [i1$2.NgIf, i1$2.NgTemplateOutlet, i1$1.RouterLink, AReplacerDirective], encapsulation: 2 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SignUpButtonComponent, [{
+        type: Component,
+        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" }]
+    }], null, { qs: [{
+            type: Input
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SignUpButtonComponent, { className: "SignUpButtonComponent", filePath: "lib/ui/components/identity/signup-button.component.ts", lineNumber: 29 }); })();
+
+/*
+<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", 3);
+    i0.ɵɵelementEnd();
+} }
+function BuyAccessButtonComponent_div_0_div_2_button_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "button", 6);
+    i0.ɵɵtext(1, " Your Plan ");
+    i0.ɵɵelementEnd();
+} }
+function BuyAccessButtonComponent_div_0_div_2_button_2_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 7);
+    i0.ɵɵlistener("click", function BuyAccessButtonComponent_div_0_div_2_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();
+} }
+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", 4)(2, BuyAccessButtonComponent_div_0_div_2_button_2_Template, 2, 0, "button", 5);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r1.plan == ctx_r1.currentPlanId);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r1.plan != ctx_r1.currentPlanId);
+} }
+function BuyAccessButtonComponent_div_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 1);
+    i0.ɵɵtemplate(1, BuyAccessButtonComponent_div_0_div_1_Template, 2, 0, "div", 2)(2, BuyAccessButtonComponent_div_0_div_2_Template, 3, 2, "div", 2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", !ctx_r1.isUserSignedIn && ctx_r1.visibleSignup);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r1.isUserSignedIn && ctx_r1.visiblePlanStatus);
+} }
+class BuyAccessButtonComponent {
+    constructor(appContext) {
+        this.appContext = appContext;
+        this.contextUpdated = false;
+        this.isUserSignedIn = false;
+        this.currentPlanId = -1;
+        this.visiblePlanStatus = false;
+        this.visibleSignup = 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 profile = context.billing.profile;
+                this.currentPlanId = profile.planId;
+            }
+            this.contextUpdated = true;
+        });
+    }
+    //Events
+    onPlanSelect() {
+        this.planselect.emit(this.plan);
+    }
+    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", visiblePlanStatus: "visiblePlanStatus", visibleSignup: "visibleSignup" }, outputs: { planselect: "planselect" }, standalone: false, decls: 1, vars: 1, consts: [["class", "actions", 4, "ngIf"], [1, "actions"], [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', standalone: false, template: "<div class=\"actions\" *ngIf=\"contextUpdated\">\r\n  <div *ngIf=\"!isUserSignedIn && visibleSignup\">\r\n    <anatoly-signup-button classes=\"btn btn-block btn-primary\" />\r\n  </div>\r\n\r\n  <div *ngIf=\"isUserSignedIn && visiblePlanStatus\">\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 != currentPlanId\"\r\n            (click)=\"onPlanSelect()\">\r\n      Buy Now\r\n    </button>\r\n  </div>\r\n</div>\r\n" }]
+    }], () => [{ type: AppContextService }], { plan: [{
+            type: Input
+        }], visiblePlanStatus: [{
+            type: Input
+        }], visibleSignup: [{
+            type: Input
+        }], planselect: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(BuyAccessButtonComponent, { className: "BuyAccessButtonComponent", filePath: "lib/billing/components/buttons/buyaccess-button.component.ts", lineNumber: 28 }); })();
+
+/*
+<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_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div");
+    i0.ɵɵelement(1, "anatoly-signup-button", 3);
+    i0.ɵɵelementEnd();
+} }
+function SubscribePlanButtonComponent_div_0_div_2_button_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "button", 7);
+    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", 8);
+    i0.ɵɵtext(1, " Requested ");
+    i0.ɵɵelementEnd();
+} }
+function SubscribePlanButtonComponent_div_0_div_2_button_3_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 9);
+    i0.ɵɵlistener("click", function SubscribePlanButtonComponent_div_0_div_2_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();
+} }
+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", 4)(2, SubscribePlanButtonComponent_div_0_div_2_button_2_Template, 2, 0, "button", 5)(3, SubscribePlanButtonComponent_div_0_div_2_button_3_Template, 2, 0, "button", 6);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r1.plan == ctx_r1.currentPlanId);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r1.plan == ctx_r1.requestedPlanId);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r1.plan != ctx_r1.currentPlanId && ctx_r1.plan != ctx_r1.requestedPlanId);
+} }
+function SubscribePlanButtonComponent_div_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 1);
+    i0.ɵɵtemplate(1, SubscribePlanButtonComponent_div_0_div_1_Template, 2, 0, "div", 2)(2, SubscribePlanButtonComponent_div_0_div_2_Template, 4, 3, "div", 2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", !ctx_r1.isUserSignedIn && ctx_r1.visibleSignup);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r1.isUserSignedIn && ctx_r1.visiblePlanStatus);
+} }
+class SubscribePlanButtonComponent {
+    constructor(appContext) {
+        this.appContext = appContext;
+        this.contextUpdated = false;
+        this.isUserSignedIn = false;
+        this.currentPlanId = -1;
+        this.requestedPlanId = -1;
+        this.visiblePlanStatus = false;
+        this.visibleSignup = false;
+        //Outputs
+        this.planselect = new EventEmitter();
+    }
+    ngOnInit() {
+        this.setDefaults();
+        this.setValues();
+    }
+    setDefaults() {
     }
-    dataLoadedAndNothingFound() {
-        this.dataLoadedAndFound(false);
+    setValues() {
+        this.appContext.updated$.subscribe((context) => {
+            if (!context) {
+                return;
+            }
+            this.isUserSignedIn = context.isUserSignedIn;
+            if (this.isUserSignedIn) {
+                let profile = context.billing.profile;
+                this.currentPlanId = profile.planId;
+                this.requestedPlanId = profile.requestedPlanId ?? -1;
+            }
+            this.contextUpdated = true;
+        });
     }
-    dataLoadedAndFound(found = true) {
-        this.dataLoading = false;
-        this.dataLoaded = true;
-        this.dataFound = found;
+    //Events
+    onPlanSelect() {
+        this.planselect.emit(this.plan);
     }
-    static { this.ɵfac = function ComponentBase_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ComponentBase)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ComponentBase, selectors: [["ng-component"]], inputs: { mode: "mode", classes: "classes", title: "title", isTitleVisible: "isTitleVisible", isRequired: "isRequired" }, decls: 0, vars: 0, template: function ComponentBase_Template(rf, ctx) { }, encapsulation: 2 }); }
+    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", visiblePlanStatus: "visiblePlanStatus", visibleSignup: "visibleSignup" }, outputs: { planselect: "planselect" }, standalone: false, decls: 1, vars: 1, consts: [["class", "actions", 4, "ngIf"], [1, "actions"], [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 }); }
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ComponentBase, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SubscribePlanButtonComponent, [{
         type: Component,
-        args: [{
-                template: ''
-            }]
-    }], () => [], { mode: [{
-            type: Input
-        }], classes: [{
-            type: Input
-        }], title: [{
+        args: [{ selector: 'anatoly-billing-subscribe-plan-button', standalone: false, template: "<div class=\"actions\" *ngIf=\"contextUpdated\">\r\n  <div *ngIf=\"!isUserSignedIn && visibleSignup\">\r\n    <anatoly-signup-button classes=\"btn btn-block btn-primary\" />\r\n  </div>\r\n\r\n  <div *ngIf=\"isUserSignedIn && visiblePlanStatus\">\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
-        }], isTitleVisible: [{
+        }], visiblePlanStatus: [{
             type: Input
-        }], isRequired: [{
+        }], visibleSignup: [{
             type: Input
+        }], planselect: [{
+            type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ComponentBase, { className: "ComponentBase", filePath: "lib/ui/components/base/components/component.ts", lineNumber: 26 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SubscribePlanButtonComponent, { className: "SubscribePlanButtonComponent", filePath: "lib/billing/components/buttons/subscribe-plan-button.component.ts", lineNumber: 28 }); })();
 
 /*
 <file>
@@ -4519,7 +4730,7 @@ class PromoCodesApiService extends ApiServiceBase {
 </file>
 */
 //Node
-const _c0$h = ["*"];
+const _c0$g = ["*"];
 const _c1$2 = a0 => ({ "show": a0 });
 function OrderSummaryComponent_Conditional_17_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
@@ -4594,7 +4805,7 @@ class OrderSummaryComponent extends ComponentBase {
         });
     }
     static { this.ɵfac = function OrderSummaryComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || OrderSummaryComponent)(i0.ɵɵdirectiveInject(PaymentsService), i0.ɵɵdirectiveInject(PromoCodesApiService), 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) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: OrderSummaryComponent, selectors: [["anatoly-billing-order-summary"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$g, 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");
@@ -4639,7 +4850,7 @@ class OrderSummaryComponent extends ComponentBase {
             i0.ɵɵtextInterpolate(ctx.discount);
             i0.ɵɵadvance(6);
             i0.ɵɵtextInterpolate1("$", ctx.toTotal());
-        } }, dependencies: [i1$1.NgClass, i2.DefaultValueAccessor, i2.NgControlStatus, i2.NgModel], encapsulation: 2 }); }
+        } }, dependencies: [i1$2.NgClass, i2.DefaultValueAccessor, i2.NgControlStatus, i2.NgModel], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(OrderSummaryComponent, [{
         type: Component,
@@ -4647,43 +4858,6 @@ class OrderSummaryComponent extends ComponentBase {
     }], () => [{ type: PaymentsService }, { type: PromoCodesApiService }, { type: NotificationService }], null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(OrderSummaryComponent, { className: "OrderSummaryComponent", filePath: "lib/billing/components/order-summary/order-summary.component.ts", lineNumber: 32 }); })();
 
-/*
-<file>
-  Project:
-    @osovitny/anatoly
-
-  Authors:
-    Vadim Osovitny vadim.osovitny@osovitny.com
-
-  Created:
-    19 May 2025
-
-  Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
-</file>
-*/
-//Node
-class ReplacerDirectiveBase {
-    constructor(el, renderer) {
-        this.el = el;
-        this.renderer = renderer;
-    }
-    setUrlAttribute(name, url) {
-        if (url) {
-            let newUrl = formatUrl(url);
-            this.setAttribute(name, newUrl);
-        }
-    }
-    setAttribute(name, value) {
-        this.renderer.setAttribute(this.el.nativeElement, name, value);
-    }
-    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, [{
-        type: Directive,
-        args: [{}]
-    }], () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], null); })();
-
 /*
 <file>
   Project:
@@ -4840,7 +5014,7 @@ class PaymentMethodsComponent extends ComponentBase {
 </file>
 */
 //Node
-const _c0$g = a0 => ({ "active": a0 });
+const _c0$f = a0 => ({ "active": a0 });
 class PaymentOptionsComponent extends ComponentBase {
     constructor(ps) {
         super();
@@ -4889,16 +5063,16 @@ class PaymentOptionsComponent extends ComponentBase {
             i0.ɵɵelementEnd()()();
         } if (rf & 2) {
             i0.ɵɵadvance(3);
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(5, _c0$g, ctx.ps.selectedPaymentType == 2));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(5, _c0$f, ctx.ps.selectedPaymentType == 2));
             i0.ɵɵadvance(7);
             i0.ɵɵtextInterpolate1("$", ctx.priceWeekly);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(7, _c0$g, ctx.ps.selectedPaymentType == 1));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(7, _c0$f, ctx.ps.selectedPaymentType == 1));
             i0.ɵɵadvance(5);
             i0.ɵɵtextInterpolate1("Covers the full ", ctx.numberOfWeeks, " weeks ");
             i0.ɵɵadvance(2);
             i0.ɵɵtextInterpolate1("$", ctx.priceUpfront);
-        } }, dependencies: [i1$1.NgClass], encapsulation: 2 }); }
+        } }, dependencies: [i1$2.NgClass], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PaymentOptionsComponent, [{
         type: Component,
@@ -5612,7 +5786,7 @@ class PayPalScriptService {
   Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
 </file>
 */
-const _c0$f = ["payPalButtonContainer"];
+const _c0$e = ["payPalButtonContainer"];
 class PayPalComponent {
     set payPalButtonContainer(content) {
         this.payPalButtonContainerElem = content;
@@ -5880,7 +6054,7 @@ class PayPalComponent {
     }
     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);
+            i0.ɵɵviewQuery(_c0$e, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.payPalButtonContainer = _t.first);
@@ -7059,12 +7233,12 @@ class ListBase extends ComponentBase {
 </file>
 */
 //Node
-const _c0$e = [[["card-header"]], [["card-body"]], "*", [["card-footer"]]];
+const _c0$d = [[["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(__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.ɵɵprojectionDef(_c0$d);
             i0.ɵɵelementStart(0, "div");
             i0.ɵɵprojection(1);
             i0.ɵɵprojection(2, 1);
@@ -7096,7 +7270,7 @@ class CardComponent extends ComponentBase {
 </file>
 */
 //Node
-const _c0$d = ["*"];
+const _c0$c = ["*"];
 function CardHeaderComponent_h3_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "h3");
     i0.ɵɵtext(1);
@@ -7108,7 +7282,7 @@ function CardHeaderComponent_h3_2_Template(rf, ctx) { if (rf & 1) {
 } }
 class CardHeaderComponent extends ComponentBase {
     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) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CardHeaderComponent, selectors: [["anatoly-card-header"]], standalone: false, 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) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "div")(1, "div", 0);
             i0.ɵɵtemplate(2, CardHeaderComponent_h3_2_Template, 2, 1, "h3", 1);
@@ -7119,7 +7293,7 @@ class CardHeaderComponent extends ComponentBase {
             i0.ɵɵclassMap(i0.ɵɵinterpolate1("card-header ", ctx.classes));
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngIf", ctx.title);
-        } }, dependencies: [i1$1.NgIf], encapsulation: 2 }); }
+        } }, dependencies: [i1$2.NgIf], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CardHeaderComponent, [{
         type: Component,
@@ -7142,10 +7316,10 @@ class CardHeaderComponent extends ComponentBase {
 </file>
 */
 //Node
-const _c0$c = ["*"];
+const _c0$b = ["*"];
 class CardBodyComponent extends ComponentBase {
     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) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CardBodyComponent, selectors: [["anatoly-card-body"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$b, decls: 2, vars: 3, template: function CardBodyComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "div");
             i0.ɵɵprojection(1);
@@ -7175,10 +7349,10 @@ class CardBodyComponent extends ComponentBase {
 </file>
 */
 //Node
-const _c0$b = ["*"];
+const _c0$a = ["*"];
 class CardFooterComponent extends ComponentBase {
     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) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CardFooterComponent, selectors: [["anatoly-card-footer"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$a, decls: 2, vars: 3, template: function CardFooterComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "div");
             i0.ɵɵprojection(1);
@@ -7305,7 +7479,7 @@ class CountryDropdownlist extends EditComponentBase {
             i0.ɵɵproperty("ngIf", ctx.isNgModelBased);
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", !ctx.isNgModelBased);
-        } }, dependencies: [i1$1.NgForOf, i1$1.NgIf, i2.NgSelectOption, i2.ɵNgSelectMultipleOption, i2.SelectControlValueAccessor, i2.NgControlStatus, i2.NgControlStatusGroup, i2.FormGroupDirective, i2.FormControlName, i4$2.LabelComponent, NativeElementDirective], encapsulation: 2 }); }
+        } }, dependencies: [i1$2.NgForOf, i1$2.NgIf, i2.NgSelectOption, i2.ɵNgSelectMultipleOption, i2.SelectControlValueAccessor, i2.NgControlStatus, i2.NgControlStatusGroup, i2.FormGroupDirective, i2.FormControlName, i4$2.LabelComponent, NativeElementDirective], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CountryDropdownlist, [{
         type: Component,
@@ -7370,7 +7544,7 @@ class LanguageDropdownlist extends EditComponentBase {
             i0.ɵɵproperty("ngIf", ctx.isNgModelBased);
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", !ctx.isNgModelBased);
-        } }, dependencies: [i1$1.NgIf, i2.NgControlStatus, i2.NgControlStatusGroup, i2.FormGroupDirective, i2.FormControlName, i3.DropDownListComponent, i4$2.LabelComponent, NativeElementDirective], encapsulation: 2 }); }
+        } }, dependencies: [i1$2.NgIf, i2.NgControlStatus, i2.NgControlStatusGroup, i2.FormGroupDirective, i2.FormControlName, i3.DropDownListComponent, i4$2.LabelComponent, NativeElementDirective], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LanguageDropdownlist, [{
         type: Component,
@@ -7539,7 +7713,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$1.NgForOf, i1$1.NgIf], encapsulation: 2 }); }
+        } }, dependencies: [i1$2.NgForOf, i1$2.NgIf], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ItemValidationSummaryComponent, [{
         type: Component,
@@ -7618,7 +7792,7 @@ class ModerationStatusDropdownlist extends EnumEditComponentBase {
             i0.ɵɵproperty("ngIf", ctx.isNgModelBased);
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", !ctx.isNgModelBased);
-        } }, dependencies: [i1$1.NgIf, i2.NgControlStatus, i2.NgControlStatusGroup, i2.FormGroupDirective, i2.FormControlName, i2.NgModel, i3.DropDownListComponent, i4$2.LabelComponent, NativeElementDirective, ItemValidationSummaryComponent], encapsulation: 2 }); }
+        } }, dependencies: [i1$2.NgIf, i2.NgControlStatus, i2.NgControlStatusGroup, i2.FormGroupDirective, i2.FormControlName, i2.NgModel, i3.DropDownListComponent, i4$2.LabelComponent, NativeElementDirective, ItemValidationSummaryComponent], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ModerationStatusDropdownlist, [{
         type: Component,
@@ -7697,7 +7871,7 @@ class PublishStatusDropdownlist extends EnumEditComponentBase {
             i0.ɵɵproperty("ngIf", ctx.isNgModelBased);
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", !ctx.isNgModelBased);
-        } }, dependencies: [i1$1.NgIf, i2.NgControlStatus, i2.NgControlStatusGroup, i2.FormGroupDirective, i2.FormControlName, i2.NgModel, i3.DropDownListComponent, i4$2.LabelComponent, NativeElementDirective, ItemValidationSummaryComponent], encapsulation: 2 }); }
+        } }, dependencies: [i1$2.NgIf, i2.NgControlStatus, i2.NgControlStatusGroup, i2.FormGroupDirective, i2.FormControlName, i2.NgModel, i3.DropDownListComponent, i4$2.LabelComponent, NativeElementDirective, ItemValidationSummaryComponent], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PublishStatusDropdownlist, [{
         type: Component,
@@ -7800,7 +7974,7 @@ class TimezoneDropdownlist extends EditComponentBase {
             i0.ɵɵproperty("ngIf", ctx.isNgModelBased);
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", !ctx.isNgModelBased);
-        } }, dependencies: [i1$1.NgForOf, i1$1.NgIf, i2.NgSelectOption, i2.ɵNgSelectMultipleOption, i2.SelectControlValueAccessor, i2.NgControlStatus, i2.NgControlStatusGroup, i2.FormGroupDirective, i2.FormControlName, NativeElementDirective], encapsulation: 2 }); }
+        } }, dependencies: [i1$2.NgForOf, i1$2.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,
@@ -8074,7 +8248,7 @@ class HtmlEditorComponent extends HtmlEditorComponentBase {
             i0.ɵɵproperty("ngIf", ctx.isNgModelBased);
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", !ctx.isNgModelBased);
-        } }, dependencies: [i1$1.NgIf, i2.DefaultValueAccessor, i2.NgControlStatus, i2.NgControlStatusGroup, i2.FormGroupDirective, i2.FormControlName, i3$1.FroalaEditorDirective, i4$2.LabelComponent, NativeElementDirective, ItemValidationSummaryComponent], encapsulation: 2 }); }
+        } }, dependencies: [i1$2.NgIf, i2.DefaultValueAccessor, i2.NgControlStatus, i2.NgControlStatusGroup, i2.FormGroupDirective, i2.FormControlName, i3$1.FroalaEditorDirective, i4$2.LabelComponent, NativeElementDirective, ItemValidationSummaryComponent], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(HtmlEditorComponent, [{
         type: Component,
@@ -8098,20 +8272,20 @@ class HtmlEditorComponent extends HtmlEditorComponentBase {
 </file>
 */
 //Node
-const _c0$a = ["*"];
+const _c0$9 = ["*"];
 class CheckIconComponent {
     constructor() {
         //Inputs
         this.checked = true;
     }
     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) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CheckIconComponent, selectors: [["anatoly-check-icon"]], inputs: { checked: "checked" }, standalone: false, ngContentSelectors: _c0$9, 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$1.NgClass, i1$7.FaIconComponent], encapsulation: 2 }); }
+        } }, dependencies: [i1$2.NgClass, i1$7.FaIconComponent], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CheckIconComponent, [{
         type: Component,
@@ -8121,54 +8295,6 @@ class CheckIconComponent {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CheckIconComponent, { className: "CheckIconComponent", filePath: "lib/ui/components/check-icon/check-icon.component.ts", lineNumber: 25 }); })();
 
-/*
-<file>
-  Project:
-    @osovitny/anatoly
-
-  Authors:
-    Vadim Osovitny vadim.osovitny@osovitny.com
-
-  Created:
-    19 May 2025
-
-  Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
-</file>
-*/
-//Node
-class AReplacerDirective extends ReplacerDirectiveBase {
-    ngOnInit() {
-        this.setHref(this.href);
-    }
-    ngOnChanges(changes) {
-        if (changes['href']) {
-            this.setHref(changes['href'].currentValue);
-        }
-    }
-    setHref(value) {
-        if (value) {
-            if (value.indexOf("assets") > -1) {
-                this.setUrlAttribute('href', value);
-            }
-            else {
-                this.setAttribute('href', value);
-            }
-        }
-    }
-    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',
-                standalone: false
-            }]
-    }], null, { href: [{
-            type: Input,
-            args: ['href']
-        }] }); })();
-
 /*
 <file>
   Project:
@@ -8184,7 +8310,7 @@ class AReplacerDirective extends ReplacerDirectiveBase {
 </file>
 */
 //Node
-const _c0$9 = ["*"];
+const _c0$8 = ["*"];
 const _c1 = a0 => ({ "active": a0 });
 function ControlPanelComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
@@ -8319,7 +8445,7 @@ class ControlPanelComponent extends ComponentBase {
         this.fireAdd();
     }
     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) {
+    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$8, 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.ɵɵconditionalCreate(2, ControlPanelComponent_Conditional_2_Template, 4, 3, "div", 2);
@@ -8340,7 +8466,7 @@ class ControlPanelComponent extends ComponentBase {
             i0.ɵɵconditional(ctx.viewTypesVisible ? 7 : -1);
             i0.ɵɵadvance();
             i0.ɵɵconditional(ctx.addButtonVisible ? 8 : -1);
-        } }, dependencies: [i1$1.NgClass, i2.NgControlStatus, i2.NgModel, i1$7.FaIconComponent, i3.DropDownListComponent, AReplacerDirective], encapsulation: 2 }); }
+        } }, dependencies: [i1$2.NgClass, i2.NgControlStatus, i2.NgModel, i1$7.FaIconComponent, i3.DropDownListComponent, AReplacerDirective], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ControlPanelComponent, [{
         type: Component,
@@ -8470,7 +8596,7 @@ class DataPagerComponent extends ComponentBase {
 </file>
 */
 //Node
-const _c0$8 = ["*"];
+const _c0$7 = ["*"];
 function SignInButtonComponent_a_0_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
 } }
@@ -8534,14 +8660,14 @@ class SignInButtonComponent extends ComponentBase {
         }
     }
     static { this.ɵfac = /*@__PURE__*/ (() => { let ɵSignInButtonComponent_BaseFactory; return function SignInButtonComponent_Factory(__ngFactoryType__) { return (ɵSignInButtonComponent_BaseFactory || (ɵSignInButtonComponent_BaseFactory = i0.ɵɵgetInheritedFactory(SignInButtonComponent)))(__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) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SignInButtonComponent, selectors: [["anatoly-signin-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 SignInButtonComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵtemplate(0, SignInButtonComponent_a_0_Template, 2, 4, "a", 2)(1, SignInButtonComponent_a_1_Template, 2, 4, "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();
             i0.ɵɵproperty("ngIf", !ctx.external);
-        } }, dependencies: [i1$1.NgIf, i1$1.NgTemplateOutlet, i1$2.RouterLink, AReplacerDirective], encapsulation: 2 }); }
+        } }, dependencies: [i1$2.NgIf, i1$2.NgTemplateOutlet, i1$1.RouterLink, AReplacerDirective], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SignInButtonComponent, [{
         type: Component,
@@ -8567,7 +8693,7 @@ class SignInButtonComponent extends ComponentBase {
 </file>
 */
 //Node
-const _c0$7 = ["*"];
+const _c0$6 = ["*"];
 function SignOutButtonComponent_a_0_ng_container_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainer(0);
 } }
@@ -8631,14 +8757,14 @@ class SignOutButtonComponent extends ComponentBase {
         }
     }
     static { this.ɵfac = /*@__PURE__*/ (() => { let ɵSignOutButtonComponent_BaseFactory; return function SignOutButtonComponent_Factory(__ngFactoryType__) { return (ɵSignOutButtonComponent_BaseFactory || (ɵSignOutButtonComponent_BaseFactory = i0.ɵɵgetInheritedFactory(SignOutButtonComponent)))(__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) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SignOutButtonComponent, selectors: [["anatoly-signout-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 SignOutButtonComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵtemplate(0, SignOutButtonComponent_a_0_Template, 2, 4, "a", 2)(1, SignOutButtonComponent_a_1_Template, 2, 4, "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();
             i0.ɵɵproperty("ngIf", !ctx.external);
-        } }, dependencies: [i1$1.NgIf, i1$1.NgTemplateOutlet, i1$2.RouterLink, AReplacerDirective], encapsulation: 2 }); }
+        } }, dependencies: [i1$2.NgIf, i1$2.NgTemplateOutlet, i1$1.RouterLink, AReplacerDirective], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SignOutButtonComponent, [{
         type: Component,
@@ -8648,103 +8774,6 @@ class SignOutButtonComponent extends ComponentBase {
         }] }); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SignOutButtonComponent, { className: "SignOutButtonComponent", filePath: "lib/ui/components/identity/signout-button.component.ts", lineNumber: 29 }); })();
 
-/*
-<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
-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", 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 contentTemplate_r2 = i0.ɵɵreference(3);
-    i0.ɵɵclassMap(ctx_r0.classes);
-    i0.ɵɵproperty("href", ctx_r0.url, i0.ɵɵsanitizeUrl);
-    i0.ɵɵadvance();
-    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", 6);
-    i0.ɵɵtemplate(1, SignUpButtonComponent_a_1_ng_container_1_Template, 1, 0, "ng-container", 5);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    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", contentTemplate_r2);
-} }
-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, 1);
-    i0.ɵɵprojection(2);
-    i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(3, SignUpButtonComponent_ng_template_2_span_3_Template, 2, 0, "span", 7);
-} if (rf & 2) {
-    const ref_r3 = i0.ɵɵreference(1);
-    i0.ɵɵadvance(3);
-    i0.ɵɵproperty("ngIf", !ref_r3.innerHTML.trim());
-} }
-class SignUpButtonComponent extends ComponentBase {
-    constructor() {
-        super(...arguments);
-        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 = /*@__PURE__*/ (() => { let ɵSignUpButtonComponent_BaseFactory; return function SignUpButtonComponent_Factory(__ngFactoryType__) { return (ɵSignUpButtonComponent_BaseFactory || (ɵSignUpButtonComponent_BaseFactory = i0.ɵɵgetInheritedFactory(SignUpButtonComponent)))(__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, 4, "a", 2)(1, SignUpButtonComponent_a_1_Template, 2, 4, "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();
-            i0.ɵɵproperty("ngIf", !ctx.external);
-        } }, dependencies: [i1$1.NgIf, i1$1.NgTemplateOutlet, i1$2.RouterLink, AReplacerDirective], encapsulation: 2 }); }
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SignUpButtonComponent, [{
-        type: Component,
-        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" }]
-    }], null, { qs: [{
-            type: Input
-        }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SignUpButtonComponent, { className: "SignUpButtonComponent", filePath: "lib/ui/components/identity/signup-button.component.ts", lineNumber: 29 }); })();
-
 /*
 <file>
   Project:
@@ -8797,7 +8826,7 @@ class NodataComponent {
             i0.ɵɵconditionalCreate(0, NodataComponent_Conditional_0_Template, 6, 2, "div", 0);
         } if (rf & 2) {
             i0.ɵɵconditional(!ctx.dataLoading && ctx.dataLoaded && !ctx.dataFound ? 0 : -1);
-        } }, dependencies: [i1$1.NgIf, i1$7.FaIconComponent], encapsulation: 2 }); }
+        } }, dependencies: [i1$2.NgIf, i1$7.FaIconComponent], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NodataComponent, [{
         type: Component,
@@ -8896,7 +8925,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$1.NgIf], encapsulation: 2 }); }
+        } }, dependencies: [i1$2.NgIf], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LoadingComponent, [{
         type: Component,
@@ -8977,17 +9006,17 @@ class PageSpinnerComponent {
     ngOnDestroy() {
         this.isSpinnerVisible = false;
     }
-    static { this.ɵfac = function PageSpinnerComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PageSpinnerComponent)(i0.ɵɵdirectiveInject(i1$2.Router)); }; }
+    static { this.ɵfac = function PageSpinnerComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PageSpinnerComponent)(i0.ɵɵdirectiveInject(i1$1.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);
-        } }, dependencies: [i1$1.NgIf], encapsulation: 2 }); }
+        } }, dependencies: [i1$2.NgIf], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PageSpinnerComponent, [{
         type: Component,
         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: i1$1.Router }], { backgroundColor: [{
             type: Input
         }], spinner: [{
             type: Input
@@ -9147,7 +9176,7 @@ class UrlSlugComponent extends EditComponentBase {
             i0.ɵɵproperty("formControlName", ctx.controlName);
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", ctx.isGoButtonVisible);
-        } }, dependencies: [i1$1.NgClass, i1$1.NgIf, i2.DefaultValueAccessor, i2.NgControlStatus, i2.NgControlStatusGroup, i2.FormGroupDirective, i2.FormControlName, i4$2.LabelDirective, AReplacerDirective, NativeElementDirective, ItemValidationSummaryComponent], encapsulation: 2 }); }
+        } }, dependencies: [i1$2.NgClass, i1$2.NgIf, i2.DefaultValueAccessor, i2.NgControlStatus, i2.NgControlStatusGroup, i2.FormGroupDirective, i2.FormControlName, i4$2.LabelDirective, AReplacerDirective, NativeElementDirective, ItemValidationSummaryComponent], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UrlSlugComponent, [{
         type: Component,
@@ -9203,7 +9232,7 @@ class FeatureWillBeReadyComponent extends ComponentBase {
             i0.ɵɵproperty("ngIf", ctx.readyDate);
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", !ctx.readyDate);
-        } }, dependencies: [i1$1.NgIf], encapsulation: 2 }); }
+        } }, dependencies: [i1$2.NgIf], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FeatureWillBeReadyComponent, [{
         type: Component,
@@ -9359,7 +9388,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$1.NgForOf, i1$1.NgIf], encapsulation: 2 }); }
+        } }, dependencies: [i1$2.NgForOf, i1$2.NgIf], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FormValidationSummaryComponent, [{
         type: Component,
@@ -9561,7 +9590,7 @@ class ContactUsForm extends EditComponentBase {
             i0.ɵɵproperty("formGroup", ctx.formGroup)("formSubmitted", ctx.formSubmitted);
             i0.ɵɵadvance(3);
             i0.ɵɵproperty("ngIf", ctx.showActionButtons);
-        } }, 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 }); }
+        } }, 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 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ContactUsForm, [{
         type: Component,
@@ -9633,7 +9662,7 @@ class ContactUsDialog extends DialogBase {
             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, i4$1.DialogComponent, i4$1.DialogActionsComponent, ContactUsForm], encapsulation: 2 }); }
+        } }, dependencies: [i1$2.NgIf, i4$1.DialogComponent, i4$1.DialogActionsComponent, ContactUsForm], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ContactUsDialog, [{
         type: Component,
@@ -9934,7 +9963,7 @@ class AddressComponent extends EditComponentBase {
             i0.ɵɵproperty("ngForOf", ctx.countryData);
             i0.ɵɵadvance();
             i0.ɵɵproperty("formGroup", ctx.formGroup)("formSubmitted", ctx.formSubmitted);
-        } }, 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 }); }
+        } }, 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 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AddressComponent, [{
         type: Component,
@@ -10063,7 +10092,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$1.NgClass, i1$1.NgIf, i2.DefaultValueAccessor, i2.NgControlStatus, i2.NgControlStatusGroup, i2.PatternValidator, i2.FormGroupDirective, i2.FormControlName, CardComponent, CardHeaderComponent, CardBodyComponent, NativeElementDirective, ItemValidationSummaryComponent], encapsulation: 2 }); }
+        } }, 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 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CompanyComponent, [{
         type: Component,
@@ -10748,7 +10777,7 @@ class AnatolyIAMPagesModule {
             }]
     }], null, null); })();
 (function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(AnatolyIAMPagesModule, { declarations: [SignInPage, SignUpPage, SignOutPage], imports: [CommonModule,
-        RouterModule, i1$2.RouterModule] }); })();
+        RouterModule, i1$1.RouterModule] }); })();
 
 /*
 <file>