@osovitny/anatoly 2.14.38 → 2.14.40

package/fesm2015/osovitny-anatoly.mjs

@@ -683,11 +683,15 @@ function localizationInitializerFactory(translate, localizationService, injector
         let locationInitialized = injector.get(LOCATION_INITIALIZED, Promise.resolve(null));
         locationInitialized.then(() => {
             let languageToSet = localizationService.configureTranslationSettings(translate);
-            translate.use(languageToSet).subscribe(() => {
-            }, () => {
-                resolve(null);
-            }, () => {
-                resolve(null);
+            translate.use(languageToSet).subscribe({
+                next: (data) => {
+                },
+                error: (e) => {
+                    resolve(null);
+                },
+                complete: () => {
+                    resolve(null);
+                }
             });
         });
     });
@@ -1421,9 +1425,10 @@ class AppContextService extends BaseApiService {
         }
         let now = new Date();
         console.log('Requesting a new AppContext at ' + now);
-        this.subscription = this.get('getCurrentContext', null).subscribe((data) => {
-            this.dataReceived(data);
-        }, (e) => {
+        this.subscription = this.get('getCurrentContext', null).subscribe({
+            next: (data) => {
+                this.dataReceived(data);
+            }
         });
     }
     updateCurrent(success = null) {
@@ -1483,13 +1488,15 @@ class IdleService {
         this.startDate = new Date();
     }
     startTimer() {
-        this.timer$ = timer(this.timeOutMilliSeconds, 1 * 1000).subscribe((res) => {
-            let nowDate = new Date();
-            let exiredDate = new Date(this.startDate.getTime() + this.timeOutMilliSeconds);
-            if (nowDate.getTime() >= exiredDate.getTime()) {
-                //console.log("nowDate: " + nowDate);
-                //console.log("exiredDate: " + exiredDate);
-                this.expired$.next(true);
+        this.timer$ = timer(this.timeOutMilliSeconds, 1 * 1000).subscribe({
+            next: (data) => {
+                let nowDate = new Date();
+                let exiredDate = new Date(this.startDate.getTime() + this.timeOutMilliSeconds);
+                if (nowDate.getTime() >= exiredDate.getTime()) {
+                    //console.log("nowDate: " + nowDate);
+                    //console.log("exiredDate: " + exiredDate);
+                    this.expired$.next(true);
+                }
             }
         });
     }
@@ -1500,8 +1507,10 @@ class IdleService {
     startWatching(timeOutSeconds) {
         this.idle$ = merge(fromEvent(document, 'mousemove'), fromEvent(document, 'click'), fromEvent(document, 'mousedown'), fromEvent(document, 'keypress'), fromEvent(document, 'DOMMouseScroll'), fromEvent(document, 'mousewheel'), fromEvent(document, 'touchmove'), fromEvent(document, 'MSPointerMove'), fromEvent(window, 'mousemove'), fromEvent(window, 'resize'));
         this.resetTimeCounters(timeOutSeconds);
-        this.idleSubscription = this.idle$.subscribe((res) => {
-            this.resetTimer();
+        this.idleSubscription = this.idle$.subscribe({
+            next: (data) => {
+                this.resetTimer();
+            }
         });
         this.startTimer();
         return this.expired$;
@@ -1616,11 +1625,13 @@ class GoogleAnalyticsService {
         */
     }
     subscribe() {
-        this.subscription = this.router.events.subscribe(event => {
-            if (event instanceof NavigationEnd) {
-                if (window.ga) {
-                    window.ga('set', 'page', event.urlAfterRedirects);
-                    window.ga('send', 'pageview');
+        this.subscription = this.router.events.subscribe({
+            next: (event) => {
+                if (event instanceof NavigationEnd) {
+                    if (window.ga) {
+                        window.ga('set', 'page', event.urlAfterRedirects);
+                        window.ga('send', 'pageview');
+                    }
                 }
             }
         });
@@ -1955,13 +1966,16 @@ class BaseGridReadService extends BehaviorSubject {
             url = this.baseReadUrl + `${this.serializeParams(params)}`;
             this.savedReadParams = params;
         }
-        this.http.get(url).pipe(map(res => res)).subscribe(data => {
-            super.next(data);
-            if (success)
-                success();
-        }, e => {
-            if (error)
-                error(e);
+        this.http.get(url).pipe(map(res => res)).subscribe({
+            next: (data) => {
+                super.next(data);
+                if (success)
+                    success();
+            },
+            error: (e) => {
+                if (error)
+                    error(e);
+            }
         });
     }
 }
@@ -2007,24 +2021,31 @@ class BaseGridEditService extends BaseGridReadService {
     save(data, isNew, sucess) {
         const action = isNew ? 'add' : 'update';
         this.reset();
-        this.post(action, data).subscribe(() => {
-        }, () => {
-            this.read();
-        }, () => {
-            this.read();
-            if (sucess)
-                sucess();
+        this.post(action, data).subscribe({
+            next: (data) => {
+            },
+            error: (e) => {
+                this.read();
+            },
+            complete: () => {
+                this.read();
+                if (sucess)
+                    sucess();
+            }
         });
     }
     delete(data, sucess) {
         this.reset();
         const url = `${this.baseUrl}/delete${this.serializeParams(data)}`;
-        return this.http.delete(url).subscribe(() => {
-            this.read();
-            if (sucess)
-                sucess();
-        }, () => {
-            this.read();
+        return this.http.delete(url).subscribe({
+            next: (data) => {
+                this.read();
+                if (sucess)
+                    sucess();
+            },
+            error: (e) => {
+                this.read();
+            }
         });
     }
     post(action, data) {
@@ -2056,8 +2077,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImpor
 const Consts = {
     //core
     coreApiPath: 'api/core',
-    //billing
-    billingApiPath: 'api/billing',
     //emails
     emailsApiPath: 'api/emails',
     //notifications
@@ -2098,52 +2117,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImpor
                 }]
         }], ctorParameters: function () { return [{ type: i1$3.HttpClient }]; } });
 
-/*
-<file>
-  Project:
-    @osovitny/anatoly
-
-  Authors:
-    Vadim Osovitny
-    Anatoly Osovitny
-
-  Created:
-    12 Nov 2017
-
-  Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
-</file>
-*/
-class BillingApiService extends BaseApiService {
-    constructor(http) {
-        super(http);
-        this.http = http;
-        this.baseUrl = Consts.billingApiPath;
-    }
-    requestNewSubscription(requestedPlan, success, error) {
-        this.postQS("requestNewSubscription", { requestedPlan: requestedPlan }).subscribe((data) => {
-            if (success)
-                success();
-        }, (e) => {
-            if (error)
-                error();
-        });
-    }
-    cancelRequestedSubscription(success, error) {
-        this.postQS("cancelRequestedSubscription", null).subscribe((data) => {
-            if (success)
-                success();
-        }, (e) => {
-            if (error)
-                error();
-        });
-    }
-}
-BillingApiService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: BillingApiService, deps: [{ token: i1$3.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
-BillingApiService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: BillingApiService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: BillingApiService, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: i1$3.HttpClient }]; } });
-
 /*
 <file>
   Project:
@@ -2166,12 +2139,17 @@ class EmailsApiService extends BaseApiService {
         this.baseUrl = Consts.emailsApiPath;
     }
     sendContactUs(captcha, name, email, topic, subject, message, success, error) {
-        return this.post('sendContactUs', { captcha, name, email, topic, subject, message }).subscribe(data => {
-            if (success)
-                success(data);
-        }, e => {
-            if (error)
-                error(e);
+        return this.post('sendContactUs', { captcha, name, email, topic, subject, message }).subscribe({
+            next: (data) => {
+                if (success) {
+                    success(data);
+                }
+            },
+            error: (e) => {
+                if (error) {
+                    error(e);
+                }
+            }
         });
     }
 }
@@ -2203,13 +2181,31 @@ class CoreApiService extends BaseApiService {
         this.baseUrl = Consts.coreApiPath;
     }
     getTimezonesJsonFile(done) {
-        this.getExternalJsonFile('anatoly', 'timezones.json').subscribe(data => done(data));
+        this.getExternalJsonFile('anatoly', 'timezones.json').subscribe({
+            next: (data) => {
+                if (done) {
+                    done(data);
+                }
+            }
+        });
     }
     getUSStatesJsonFile(done) {
-        this.getExternalJsonFile('anatoly', 'usStates.json').subscribe(data => done(data));
+        this.getExternalJsonFile('anatoly', 'usStates.json').subscribe({
+            next: (data) => {
+                if (done) {
+                    done(data);
+                }
+            }
+        });
     }
     getCountriesJsonFile(done) {
-        this.getExternalJsonFile('anatoly', 'countries.json').subscribe(data => done(data));
+        this.getExternalJsonFile('anatoly', 'countries.json').subscribe({
+            next: (data) => {
+                if (done) {
+                    done(data);
+                }
+            }
+        });
     }
 }
 CoreApiService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: CoreApiService, deps: [{ token: i1$3.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
@@ -2496,16 +2492,12 @@ class BuyAccessButtonComponent {
         this.appContext = appContext;
         this.contextUpdated = false;
         this.isUserSignedIn = false;
-        this.currentPlan = 0;
+        this.currentPlan = -1;
         this.currentPlanTitle = '';
         this.visibleIfUserSignedIn = false;
         this.buy = new EventEmitter();
     }
     ngOnInit() {
-        if (!this.appContext.isUserSignedIn()) {
-            this.contextUpdated = true;
-            return;
-        }
         this.appContext.getCurrent((current) => {
             this.isUserSignedIn = current.isUserSignedIn;
             if (this.isUserSignedIn) {
@@ -2517,29 +2509,17 @@ class BuyAccessButtonComponent {
     }
     //Events
     onBuyAccess() {
-        /*
-        const text = `Requested plan: ${this.plantitle} `;
-        const that = this;
-    
-        Alerts.areYouSure(text, 'Buying access', 'Confirm change', 'Cancel', () => {
-          that.api.buyAccess(that.plan, () => {
-            Alerts.success('Access Granted', null, null,() => {
-              (window as any).location.reload();
-            });
-          });
-        });
-        */
         this.buy.emit(this.plan);
     }
 }
 BuyAccessButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: BuyAccessButtonComponent, deps: [{ token: AppContextService }], target: i0.ɵɵFactoryTarget.Component });
-BuyAccessButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: BuyAccessButtonComponent, selector: "anatoly-buyaccess-button", inputs: { plan: "plan", plantitle: "plantitle", visibleIfUserSignedIn: "visibleIfUserSignedIn" }, outputs: { buy: "buy" }, ngImport: i0, template: "<div *ngIf=\"contextUpdated\">\r\n  <div *ngIf=\"!isUserSignedIn\">\r\n    <anatoly-signup-button classbtn=\"btn btn-block btn-primary\"></anatoly-signup-button>\r\n  </div>\r\n\r\n  <div *ngIf=\"isUserSignedIn && visibleIfUserSignedIn\">\r\n    <button class=\"btn btn-block btn-success selectPlan\" *ngIf=\"plan == currentPlan\">\r\n      Your Plan\r\n    </button>\r\n\r\n    <button class=\"btn btn-block  btn-warning selectPlan\" \r\n            *ngIf=\"plan != currentPlan && currentPlan == 1\" \r\n            (click)=\"onBuyAccess()\">\r\n      Buy Now\r\n    </button>\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i1$5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SignUpButtonComponent, selector: "anatoly-signup-button", inputs: ["classbtn"] }] });
+BuyAccessButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: BuyAccessButtonComponent, selector: "anatoly-buyaccess-button", inputs: { plan: "plan", planTitle: "planTitle", visibleIfUserSignedIn: "visibleIfUserSignedIn" }, outputs: { buy: "buy" }, ngImport: i0, template: "<div *ngIf=\"contextUpdated\">\r\n  <div *ngIf=\"!isUserSignedIn\">\r\n    <anatoly-signup-button classbtn=\"btn btn-block btn-primary\"></anatoly-signup-button>\r\n  </div>\r\n\r\n  <div *ngIf=\"isUserSignedIn && visibleIfUserSignedIn\">\r\n    <button class=\"btn btn-block btn-success selectPlan\" \r\n            *ngIf=\"plan == currentPlan\">\r\n      Your Plan\r\n    </button>\r\n\r\n    <button class=\"btn btn-block  btn-warning selectPlan\" \r\n            *ngIf=\"plan != currentPlan && currentPlan == 1\" \r\n            (click)=\"onBuyAccess()\">\r\n      Buy Now\r\n    </button>\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i1$5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SignUpButtonComponent, selector: "anatoly-signup-button", inputs: ["classbtn"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: BuyAccessButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'anatoly-buyaccess-button', template: "<div *ngIf=\"contextUpdated\">\r\n  <div *ngIf=\"!isUserSignedIn\">\r\n    <anatoly-signup-button classbtn=\"btn btn-block btn-primary\"></anatoly-signup-button>\r\n  </div>\r\n\r\n  <div *ngIf=\"isUserSignedIn && visibleIfUserSignedIn\">\r\n    <button class=\"btn btn-block btn-success selectPlan\" *ngIf=\"plan == currentPlan\">\r\n      Your Plan\r\n    </button>\r\n\r\n    <button class=\"btn btn-block  btn-warning selectPlan\" \r\n            *ngIf=\"plan != currentPlan && currentPlan == 1\" \r\n            (click)=\"onBuyAccess()\">\r\n      Buy Now\r\n    </button>\r\n  </div>\r\n</div>\r\n" }]
+            args: [{ selector: 'anatoly-buyaccess-button', template: "<div *ngIf=\"contextUpdated\">\r\n  <div *ngIf=\"!isUserSignedIn\">\r\n    <anatoly-signup-button classbtn=\"btn btn-block btn-primary\"></anatoly-signup-button>\r\n  </div>\r\n\r\n  <div *ngIf=\"isUserSignedIn && visibleIfUserSignedIn\">\r\n    <button class=\"btn btn-block btn-success selectPlan\" \r\n            *ngIf=\"plan == currentPlan\">\r\n      Your Plan\r\n    </button>\r\n\r\n    <button class=\"btn btn-block  btn-warning selectPlan\" \r\n            *ngIf=\"plan != currentPlan && currentPlan == 1\" \r\n            (click)=\"onBuyAccess()\">\r\n      Buy Now\r\n    </button>\r\n  </div>\r\n</div>\r\n" }]
         }], ctorParameters: function () { return [{ type: AppContextService }]; }, propDecorators: { plan: [{
                 type: Input
-            }], plantitle: [{
+            }], planTitle: [{
                 type: Input
             }], visibleIfUserSignedIn: [{
                 type: Input
@@ -2547,50 +2527,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImpor
                 type: Output
             }] } });
 
-/*
-<file>
-  Project:
-    @osovitny/anatoly
-
-  Authors:
-    Vadim Osovitny
-    Anatoly Osovitny
-
-  Created:
-    12 Nov 2017
-
-  Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
-</file>
-*/
-class UpgradePlanButtonComponent {
-    constructor(api) {
-        this.api = api;
-    }
-    onUpgradePlan() {
-        const text = `Current plan: ${this.currentplantitle} New plan: ${this.requestedplantitle}`;
-        const that = this;
-        Alerts.areYouSure(text, 'Change billing plan', 'Confirm change', 'Cancel', () => {
-            that.api.requestNewSubscription(that.requestedplan, () => {
-                Alerts.success('Your request for changing plan has been sent.', null, null, () => {
-                    window.location.reload();
-                });
-            });
-        });
-    }
-}
-UpgradePlanButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: UpgradePlanButtonComponent, deps: [{ token: BillingApiService }], target: i0.ɵɵFactoryTarget.Component });
-UpgradePlanButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: UpgradePlanButtonComponent, selector: "anatoly-upgrade-plan-button", inputs: { currentplantitle: "currentplantitle", requestedplan: "requestedplan", requestedplantitle: "requestedplantitle" }, ngImport: i0, template: "<button class=\"btn btn-block btn-primary\" (click)=\"onUpgradePlan()\">\r\n  Upgrade\r\n</button>\r\n" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: UpgradePlanButtonComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'anatoly-upgrade-plan-button', template: "<button class=\"btn btn-block btn-primary\" (click)=\"onUpgradePlan()\">\r\n  Upgrade\r\n</button>\r\n" }]
-        }], ctorParameters: function () { return [{ type: BillingApiService }]; }, propDecorators: { currentplantitle: [{
-                type: Input
-            }], requestedplan: [{
-                type: Input
-            }], requestedplantitle: [{
-                type: Input
-            }] } });
-
 /*
 <file>
   Project:
@@ -2607,22 +2543,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImpor
 </file>
 */
 class SubscribePlanButtonComponent {
-    constructor(appcontext) {
-        this.appcontext = appcontext;
+    constructor(appContext) {
+        this.appContext = appContext;
         this.contextUpdated = false;
         this.isUserSignedIn = false;
-        this.currentPlan = 0;
+        this.currentPlan = -1;
         this.currentPlanTitle = "";
-        this.requestedPlan = 0;
+        this.requestedPlan = -1;
         this.requestedPlanTitle = "";
         this.visibleIfUserSignedIn = false;
+        this.subscribe = new EventEmitter();
     }
     ngOnInit() {
-        if (!this.appcontext.isUserSignedIn()) {
-            this.contextUpdated = true;
-            return;
-        }
-        this.appcontext.getCurrent((current) => {
+        this.appContext.getCurrent((current) => {
             this.isUserSignedIn = current.isUserSignedIn;
             if (this.isUserSignedIn) {
                 this.currentPlan = current.account.billingPlan;
@@ -2633,18 +2566,24 @@ class SubscribePlanButtonComponent {
             this.contextUpdated = true;
         });
     }
+    //Events
+    onSubscribe() {
+        this.subscribe.emit(this.plan);
+    }
 }
 SubscribePlanButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: SubscribePlanButtonComponent, deps: [{ token: AppContextService }], target: i0.ɵɵFactoryTarget.Component });
-SubscribePlanButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: SubscribePlanButtonComponent, selector: "anatoly-subscribe-plan-button", inputs: { plan: "plan", plantitle: "plantitle", visibleIfUserSignedIn: "visibleIfUserSignedIn" }, ngImport: i0, template: "<div *ngIf=\"contextUpdated\">\r\n  <div *ngIf=\"!isUserSignedIn\">\r\n    <anatoly-signup-button classbtn=\"btn btn-block btn-primary\"></anatoly-signup-button>\r\n  </div>\r\n\r\n  <div *ngIf=\"isUserSignedIn && visibleIfUserSignedIn\">\r\n    <button class=\"btn btn-block btn-success selectPlan\" *ngIf=\"plan == currentPlan\">\r\n      Your Plan\r\n    </button>\r\n\r\n    <button class=\"btn btn-block  btn-warning selectPlan\" *ngIf=\"requestedPlan != null && requestedPlan != 0 && plan == requestedPlan\">\r\n      Requested\r\n    </button>\r\n\r\n    <anatoly-upgrade-plan-button *ngIf=\"plan != currentPlan && plan != requestedPlan\"\r\n                                 [currentplantitle]=\"currentPlanTitle\"\r\n                                 [requestedplan]=plan\r\n                                 [requestedplantitle]=\"plantitle\">\r\n    </anatoly-upgrade-plan-button>\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i1$5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: UpgradePlanButtonComponent, selector: "anatoly-upgrade-plan-button", inputs: ["currentplantitle", "requestedplan", "requestedplantitle"] }, { kind: "component", type: SignUpButtonComponent, selector: "anatoly-signup-button", inputs: ["classbtn"] }] });
+SubscribePlanButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: SubscribePlanButtonComponent, selector: "anatoly-subscribe-plan-button", inputs: { plan: "plan", planTitle: "planTitle", visibleIfUserSignedIn: "visibleIfUserSignedIn" }, outputs: { subscribe: "subscribe" }, ngImport: i0, template: "<div *ngIf=\"contextUpdated\">\r\n  <div *ngIf=\"!isUserSignedIn\">\r\n    <anatoly-signup-button classbtn=\"btn btn-block btn-primary\"></anatoly-signup-button>\r\n  </div>\r\n\r\n  <div *ngIf=\"isUserSignedIn && visibleIfUserSignedIn\">\r\n    <button class=\"btn btn-block btn-success selectPlan\" \r\n            *ngIf=\"plan == currentPlan\">\r\n      Your Plan\r\n    </button>\r\n\r\n    <button class=\"btn btn-block  btn-warning selectPlan\" \r\n            *ngIf=\"plan == requestedPlan\">\r\n      Requested\r\n    </button>\r\n\r\n    <button class=\"btn btn-block  btn-warning selectPlan\" \r\n            *ngIf=\"plan != currentPlan && plan != requestedPlan\" \r\n            (click)=\"onSubscribe()\">\r\n      Subscribe\r\n    </button>\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i1$5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SignUpButtonComponent, selector: "anatoly-signup-button", inputs: ["classbtn"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: SubscribePlanButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: "anatoly-subscribe-plan-button", template: "<div *ngIf=\"contextUpdated\">\r\n  <div *ngIf=\"!isUserSignedIn\">\r\n    <anatoly-signup-button classbtn=\"btn btn-block btn-primary\"></anatoly-signup-button>\r\n  </div>\r\n\r\n  <div *ngIf=\"isUserSignedIn && visibleIfUserSignedIn\">\r\n    <button class=\"btn btn-block btn-success selectPlan\" *ngIf=\"plan == currentPlan\">\r\n      Your Plan\r\n    </button>\r\n\r\n    <button class=\"btn btn-block  btn-warning selectPlan\" *ngIf=\"requestedPlan != null && requestedPlan != 0 && plan == requestedPlan\">\r\n      Requested\r\n    </button>\r\n\r\n    <anatoly-upgrade-plan-button *ngIf=\"plan != currentPlan && plan != requestedPlan\"\r\n                                 [currentplantitle]=\"currentPlanTitle\"\r\n                                 [requestedplan]=plan\r\n                                 [requestedplantitle]=\"plantitle\">\r\n    </anatoly-upgrade-plan-button>\r\n  </div>\r\n</div>\r\n" }]
+            args: [{ selector: "anatoly-subscribe-plan-button", template: "<div *ngIf=\"contextUpdated\">\r\n  <div *ngIf=\"!isUserSignedIn\">\r\n    <anatoly-signup-button classbtn=\"btn btn-block btn-primary\"></anatoly-signup-button>\r\n  </div>\r\n\r\n  <div *ngIf=\"isUserSignedIn && visibleIfUserSignedIn\">\r\n    <button class=\"btn btn-block btn-success selectPlan\" \r\n            *ngIf=\"plan == currentPlan\">\r\n      Your Plan\r\n    </button>\r\n\r\n    <button class=\"btn btn-block  btn-warning selectPlan\" \r\n            *ngIf=\"plan == requestedPlan\">\r\n      Requested\r\n    </button>\r\n\r\n    <button class=\"btn btn-block  btn-warning selectPlan\" \r\n            *ngIf=\"plan != currentPlan && plan != requestedPlan\" \r\n            (click)=\"onSubscribe()\">\r\n      Subscribe\r\n    </button>\r\n  </div>\r\n</div>\r\n" }]
         }], ctorParameters: function () { return [{ type: AppContextService }]; }, propDecorators: { plan: [{
                 type: Input
-            }], plantitle: [{
+            }], planTitle: [{
                 type: Input
             }], visibleIfUserSignedIn: [{
                 type: Input
+            }], subscribe: [{
+                type: Output
             }] } });
 
 /*
@@ -3221,8 +3160,10 @@ class LoadingComponent {
         this.show = false;
     }
     ngOnInit() {
-        this.subs.sink = this.loadingService.subscribe((state) => {
-            this.show = state;
+        this.subs.sink = this.loadingService.subscribe({
+            next: (data) => {
+                this.show = data;
+            }
         });
     }
     ngOnDestroy() {
@@ -3267,19 +3208,22 @@ class PageSpinnerComponent {
     constructor(router, document) {
         this.router = router;
         this.document = document;
-        this.backgroundColor = '#2196f3';
-        this.spinner = Spinkit.skLine;
         this.isSpinnerVisible = true;
         this.Spinkit = Spinkit;
-        this.router.events.subscribe(event => {
-            if (event instanceof NavigationStart) {
-                this.isSpinnerVisible = true;
-            }
-            else if (event instanceof NavigationEnd || event instanceof NavigationCancel || event instanceof NavigationError) {
+        this.backgroundColor = '#2196f3';
+        this.spinner = Spinkit.skLine;
+        this.router.events.subscribe({
+            next: (event) => {
+                if (event instanceof NavigationStart) {
+                    this.isSpinnerVisible = true;
+                }
+                else if (event instanceof NavigationEnd || event instanceof NavigationCancel || event instanceof NavigationError) {
+                    this.isSpinnerVisible = false;
+                }
+            },
+            error: (e) => {
                 this.isSpinnerVisible = false;
             }
-        }, () => {
-            this.isSpinnerVisible = false;
         });
     }
     ngOnDestroy() {
@@ -3913,15 +3857,19 @@ class UrlSlugComponent extends BaseEditComponent {
         this.setFormValue(this.controlName, event.urlSlug);
     }
     startWatching() {
-        this.subs.sink = this.formGroup.get(this.watchedControlName).valueChanges.subscribe(value => {
-            if (this.firstValue) {
-                this.firstValue = false;
-                return;
+        this.subs.sink = this.formGroup.get(this.watchedControlName).valueChanges.subscribe({
+            next: (value) => {
+                if (this.firstValue) {
+                    this.firstValue = false;
+                    return;
+                }
+                this.generateUrlSlug(value);
             }
-            this.generateUrlSlug(value);
         });
-        this.subs.sink = this.formGroup.get(this.controlName).valueChanges.subscribe(value => {
-            this.hrefGo = value;
+        this.subs.sink = this.formGroup.get(this.controlName).valueChanges.subscribe({
+            next: (value) => {
+                this.hrefGo = value;
+            }
         });
     }
     //Events
@@ -4250,7 +4198,6 @@ AnatolyDataModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", versio
 AnatolyDataModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.6", ngImport: i0, type: AnatolyDataModule, imports: [CommonModule] });
 AnatolyDataModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: AnatolyDataModule, providers: [
         CoreApiService,
-        BillingApiService,
         EmailsApiService
     ], imports: [CommonModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: AnatolyDataModule, decorators: [{
@@ -4261,7 +4208,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImpor
                     ],
                     providers: [
                         CoreApiService,
-                        BillingApiService,
                         EmailsApiService
                     ]
                 }]
@@ -4290,12 +4236,47 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImpor
 */
 const FroalaEditorModuleWithProviders = FroalaEditorModule.forRoot();
 const FroalaViewModuleWithProviders = FroalaViewModule.forRoot();
+const COMPONENTS = [
+    BuyAccessButtonComponent,
+    SubscribePlanButtonComponent,
+    SignInButtonComponent,
+    SignUpButtonComponent,
+    SignOutButtonComponent,
+    NodataComponent,
+    //Spinners
+    PageSpinnerComponent,
+    LoadingComponent,
+    //Cards
+    CardComponent,
+    CardHeaderComponent,
+    CardBodyComponent,
+    CardFooterComponent,
+    //HtmlEditor
+    HtmlEditorComponent,
+    FormsHtmlEditorComponent,
+    //Directives
+    NativeElementDirective,
+    //Forms
+    AddressComponent,
+    CompanyComponent,
+    UrlSlugComponent,
+    TimezoneDropdownlist,
+    ContactUsForm,
+    //Dialogs
+    ContactUsDialog,
+    //Pipes
+    SafeHtmlPipe,
+    ReplaceTextPipe,
+    FileSizePipe,
+    //Validation
+    FormValidationSummaryComponent,
+    ItemValidationSummaryComponent
+];
 class AnatolyUIModule {
 }
 AnatolyUIModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: AnatolyUIModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AnatolyUIModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.6", ngImport: i0, type: AnatolyUIModule, declarations: [SubscribePlanButtonComponent,
-        UpgradePlanButtonComponent,
-        BuyAccessButtonComponent,
+AnatolyUIModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.6", ngImport: i0, type: AnatolyUIModule, declarations: [BuyAccessButtonComponent,
+        SubscribePlanButtonComponent,
         SignInButtonComponent,
         SignUpButtonComponent,
         SignOutButtonComponent,
@@ -4332,9 +4313,8 @@ AnatolyUIModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version
         CommonModule,
         ReactiveFormsModule,
         FormsModule,
-        NgxCaptchaModule, i1$7.FroalaEditorModule, i1$7.FroalaViewModule], exports: [SubscribePlanButtonComponent,
-        UpgradePlanButtonComponent,
-        BuyAccessButtonComponent,
+        NgxCaptchaModule, i1$7.FroalaEditorModule, i1$7.FroalaViewModule], exports: [BuyAccessButtonComponent,
+        SubscribePlanButtonComponent,
         SignInButtonComponent,
         SignUpButtonComponent,
         SignOutButtonComponent,
@@ -4389,78 +4369,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImpor
                         FroalaViewModuleWithProviders,
                     ],
                     exports: [
-                        SubscribePlanButtonComponent,
-                        UpgradePlanButtonComponent,
-                        BuyAccessButtonComponent,
-                        SignInButtonComponent,
-                        SignUpButtonComponent,
-                        SignOutButtonComponent,
-                        NodataComponent,
-                        //Spinners
-                        PageSpinnerComponent,
-                        LoadingComponent,
-                        //Cards
-                        CardComponent,
-                        CardHeaderComponent,
-                        CardBodyComponent,
-                        CardFooterComponent,
-                        //HtmlEditor
-                        HtmlEditorComponent,
-                        FormsHtmlEditorComponent,
-                        //Directives
-                        NativeElementDirective,
-                        //Forms
-                        AddressComponent,
-                        CompanyComponent,
-                        UrlSlugComponent,
-                        TimezoneDropdownlist,
-                        ContactUsForm,
-                        //Dialogs
-                        ContactUsDialog,
-                        //Pipes
-                        SafeHtmlPipe,
-                        ReplaceTextPipe,
-                        FileSizePipe,
-                        //Validation
-                        FormValidationSummaryComponent,
-                        ItemValidationSummaryComponent,
+                        ...COMPONENTS
                     ],
                     declarations: [
-                        SubscribePlanButtonComponent,
-                        UpgradePlanButtonComponent,
-                        BuyAccessButtonComponent,
-                        SignInButtonComponent,
-                        SignUpButtonComponent,
-                        SignOutButtonComponent,
-                        NodataComponent,
-                        //Spinners
-                        PageSpinnerComponent,
-                        LoadingComponent,
-                        //Cards
-                        CardComponent,
-                        CardHeaderComponent,
-                        CardBodyComponent,
-                        CardFooterComponent,
-                        //HtmlEditor
-                        HtmlEditorComponent,
-                        FormsHtmlEditorComponent,
-                        //Directives
-                        NativeElementDirective,
-                        //Forms
-                        AddressComponent,
-                        CompanyComponent,
-                        UrlSlugComponent,
-                        TimezoneDropdownlist,
-                        ContactUsForm,
-                        //Dialogs
-                        ContactUsDialog,
-                        //Pipes
-                        SafeHtmlPipe,
-                        ReplaceTextPipe,
-                        FileSizePipe,
-                        //Validation
-                        FormValidationSummaryComponent,
-                        ItemValidationSummaryComponent,
+                        ...COMPONENTS
                     ]
                 }]
         }] });
@@ -4473,5 +4385,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AddressComponent, Alerts, AnatolyCoreModule, AnatolyDataModule, AnatolyHttpInterceptor, AnatolyUIModule, AppContextService, AppCoreSettings, BaseApiService, BaseComponent, BaseDialog, BaseEditComponent, BaseGoService, BaseGridEditService, BaseGridReadService, BaseHtmlEditorComponent, BillingApiService, BuyAccessButtonComponent, CardBodyComponent, CardComponent, CardFooterComponent, CardHeaderComponent, CompanyComponent, ContactUsDialog, ContactUsForm, ContextInitState, Convert, CoreApiService, DOM, DefaultEditorOptions, DigitalMarketingService, EmailsApiService, FileSizePipe, FormValidationSummaryComponent, FormsHtmlEditorComponent, FroalaEditorModuleWithProviders, FroalaViewModuleWithProviders, GlobalErrorHandler, GoogleAnalyticsService, Guid, HtmlEditorComponent, IdleService, InjectorInstance, ItemValidationSummaryComponent, LoadingComponent, LoadingService, LocalStorageService, LocalizationInjectorInstance, LocalizationModule, LocalizationService, LocalizationSettingsModule, LocalizePipe, LoggingService, NativeElementDirective, NodataComponent, NotificationService, NotificationsApiService, PageSpinnerComponent, ReplaceTextPipe, SafeHtmlPipe, SessionStorageService, SignInButtonComponent, SignOutButtonComponent, SignUpButtonComponent, Subs, SubscribePlanButtonComponent, TimezoneDropdownlist, TranslateModuleAtRoot, UpgradePlanButtonComponent, UrlSlugComponent, Urls, Utils, ValidationSummaryComponent, customTranslateLoaderFactory, localizationInitializerFactory, throwIfAlreadyLoaded };
+export { AddressComponent, Alerts, AnatolyCoreModule, AnatolyDataModule, AnatolyHttpInterceptor, AnatolyUIModule, AppContextService, AppCoreSettings, BaseApiService, BaseComponent, BaseDialog, BaseEditComponent, BaseGoService, BaseGridEditService, BaseGridReadService, BaseHtmlEditorComponent, BuyAccessButtonComponent, CardBodyComponent, CardComponent, CardFooterComponent, CardHeaderComponent, CompanyComponent, ContactUsDialog, ContactUsForm, ContextInitState, Convert, CoreApiService, DOM, DefaultEditorOptions, DigitalMarketingService, EmailsApiService, FileSizePipe, FormValidationSummaryComponent, FormsHtmlEditorComponent, FroalaEditorModuleWithProviders, FroalaViewModuleWithProviders, GlobalErrorHandler, GoogleAnalyticsService, Guid, HtmlEditorComponent, IdleService, InjectorInstance, ItemValidationSummaryComponent, LoadingComponent, LoadingService, LocalStorageService, LocalizationInjectorInstance, LocalizationModule, LocalizationService, LocalizationSettingsModule, LocalizePipe, LoggingService, NativeElementDirective, NodataComponent, NotificationService, NotificationsApiService, PageSpinnerComponent, ReplaceTextPipe, SafeHtmlPipe, SessionStorageService, SignInButtonComponent, SignOutButtonComponent, SignUpButtonComponent, Subs, SubscribePlanButtonComponent, TimezoneDropdownlist, TranslateModuleAtRoot, UrlSlugComponent, Urls, Utils, ValidationSummaryComponent, customTranslateLoaderFactory, localizationInitializerFactory, throwIfAlreadyLoaded };
 //# sourceMappingURL=osovitny-anatoly.mjs.map