@osovitny/anatoly 2.14.37 → 2.14.39

package/fesm2020/osovitny-anatoly.mjs

@@ -2070,8 +2070,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
@@ -2112,52 +2110,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:
@@ -2266,6 +2218,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImpor
 class BaseComponent {
     constructor() {
         this.subs = new Subs();
+        //Component Data => usually loading from API
+        this.dataLoading = true;
+        this.dataLoaded = false;
+        this.dataFound = false;
     }
     getQSId() {
         let id = Utils.getValueByNameInQS("id");
@@ -2504,16 +2460,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) {
@@ -2525,29 +2477,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
@@ -2555,50 +2495,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:
@@ -2615,22 +2511,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;
@@ -2641,18 +2534,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
             }] } });
 
 /*
@@ -4251,7 +4150,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: [{
@@ -4262,7 +4160,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImpor
                     ],
                     providers: [
                         CoreApiService,
-                        BillingApiService,
                         EmailsApiService
                     ]
                 }]
@@ -4289,12 +4186,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,
@@ -4331,9 +4263,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,
@@ -4388,78 +4319,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
                     ]
                 }]
         }] });
@@ -4472,5 +4335,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