@osovitny/anatoly 2.14.42 → 2.14.44

package/fesm2015/osovitny-anatoly.mjs

@@ -43,7 +43,6 @@ import { ButtonsModule } from '@progress/kendo-angular-buttons';
   Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
 </file>
 */
-const ContextInitState = JSON.parse((document.getElementById('contextInitState')).getAttribute('data-contextinitstate'));
 const AppCoreSettings = JSON.parse((document.getElementById('appCoreSettings')).getAttribute('data-appcoresettings'));
 
 /*
@@ -1440,12 +1439,6 @@ class AppContextService extends BaseApiService {
         this.clearCurrent();
         this.updateCurrent();
     }
-    isUserSignedIn() {
-        return ContextInitState.isUserSignedIn;
-    }
-    isUserAdmin() {
-        return ContextInitState.isUserAdmin;
-    }
     //Properties
     get current() {
         this.updateCurrentIfExpired();
@@ -2224,222 +2217,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImpor
 </file>
 */
 
-/*
-<file>
-  Project:
-    @osovitny/anatoly
-
-  Authors:
-    Vadim Osovitny
-    Anatoly Osovitny
-
-  Created:
-    28 Aug 2018
-
-  Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
-</file>
-*/
-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");
-        if (typeof id === "undefined" || id == "")
-            return null;
-        return id;
-    }
-    ngOnDestroy() {
-        this.subs.unsubscribe();
-    }
-}
-BaseComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: BaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-BaseComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: BaseComponent, selector: "ng-component", ngImport: i0, template: '', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: BaseComponent, decorators: [{
-            type: Component,
-            args: [{
-                    template: ''
-                }]
-        }] });
-
-/*
-<file>
-  Project:
-    @osovitny/anatoly
-
-  Authors:
-    Vadim Osovitny
-    Anatoly Osovitny
-
-  Created:
-    20 Nov 2017
-
-  Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
-</file>
-*/
-class BaseEditComponent extends BaseComponent {
-    constructor() {
-        super();
-        this.formSubmitted = false;
-    }
-    isActionAdding() {
-        let id = Utils.getValueByNameInQS("id");
-        return typeof id === "undefined" || id == "";
-    }
-    getEntityId() {
-        return this.getQSId();
-    }
-    isControlValid(name, frmGroup = null) {
-        return !this.isControlInvalid(name, frmGroup);
-    }
-    isControlInvalid(name, frmGroup = null) {
-        if (typeof name === "undefined" || name == "") {
-            return false;
-        }
-        let fg = frmGroup ? frmGroup : this.formGroup;
-        if (!fg) {
-            return false;
-        }
-        if (fg.get(name)) {
-            return ((this.formSubmitted && fg.get(name).invalid) ||
-                (fg.get(name).touched && fg.get(name).invalid));
-        }
-        return false;
-    }
-    //FormGroup functions
-    getFormValue(name, frmGroup = null) {
-        let fg = frmGroup ? frmGroup : this.formGroup;
-        return fg.controls[name].value;
-    }
-    setFormValue(name, value, frmGroup = null) {
-        let fg = frmGroup ? frmGroup : this.formGroup;
-        fg.controls[name].setValue(value);
-    }
-    getFormGroupValue(groupName, name, frmGroup = null) {
-        let fg = frmGroup ? frmGroup : this.formGroup;
-        return fg.controls[groupName].get(name).value;
-    }
-    setFormGroupValue(groupName, name, value, frmGroup = null) {
-        let fg = frmGroup ? frmGroup : this.formGroup;
-        fg.controls[groupName].get(name).setValue(value);
-    }
-    /**
-     * Add control to form group
-     * @param name
-     * @param formControl
-     * @param frmGroup
-     */
-    addControl(name, formControl, frmGroup = null) {
-        let fg = frmGroup ? frmGroup : this.formGroup;
-        fg.addControl(name, formControl);
-    }
-    /**
-     * Removes control from form group
-     * @param name
-     * @param frmGroup
-     */
-    removeControl(name, frmGroup = null) {
-        let fg = frmGroup ? frmGroup : this.formGroup;
-        if (fg.get(name)) {
-            fg.removeControl(name);
-        }
-    }
-    /**
-     * return new form control
-     * @param formState
-     * @param validatorOrOpts
-     * @param asyncValidator
-     */
-    createFormControl(formState, validatorOrOpts, asyncValidator) {
-        return new FormControl(formState, validatorOrOpts, asyncValidator);
-    }
-    /**
-     * Set error to control
-     * @param controlName formControl name
-     * @param err error expect {erroname: boolean} format
-     * @param frmGroup
-     */
-    setControlError(controlName, err, frmGroup = null) {
-        var _a;
-        let fg = frmGroup ? frmGroup : this.formGroup;
-        (_a = fg.get(controlName)) === null || _a === void 0 ? void 0 : _a.setErrors(err);
-    }
-    /**
-     * Set {invalid: true} for the specified form
-     * @param controlName form control name
-     * @param frmGroup
-     */
-    setInValidError(controlName, frmGroup = null) {
-        var _a;
-        let fg = frmGroup ? frmGroup : this.formGroup;
-        (_a = fg.get(controlName)) === null || _a === void 0 ? void 0 : _a.setErrors({ invalid: true });
-    }
-    /**
-     * returns formgroup controls.
-     * main use case is used in html pages
-     */
-    get fc() {
-        return this.formGroup.controls;
-    }
-}
-BaseEditComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: BaseEditComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-BaseEditComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: BaseEditComponent, selector: "ng-component", inputs: { formGroup: "formGroup", formSubmitted: "formSubmitted" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: BaseEditComponent, decorators: [{
-            type: Component,
-            args: [{
-                    template: ''
-                }]
-        }], ctorParameters: function () { return []; }, propDecorators: { formGroup: [{
-                type: Input
-            }], formSubmitted: [{
-                type: Input
-            }] } });
-
-/*
-<file>
-  Project:
-    @osovitny/anatoly
-
-  Authors:
-    Vadim Osovitny
-    Anatoly Osovitny
-
-  Created:
-    24 Jan 2022
-    
-  Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
-</file>
-*/
-class BaseDialog extends BaseEditComponent {
-    constructor() {
-        super();
-        this._opened = false;
-    }
-    get opened() {
-        return this._opened;
-    }
-    open() {
-        this._opened = true;
-    }
-    close() {
-        this._opened = false;
-    }
-}
-BaseDialog.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: BaseDialog, deps: [], target: i0.ɵɵFactoryTarget.Component });
-BaseDialog.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: BaseDialog, selector: "ng-component", inputs: { opened: "opened" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: BaseDialog, decorators: [{
-            type: Component,
-            args: [{
-                    template: ''
-                }]
-        }], ctorParameters: function () { return []; }, propDecorators: { opened: [{
-                type: Input
-            }] } });
-
 /*
 <file>
   Project:
@@ -2580,6 +2357,157 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImpor
                 type: Output
             }] } });
 
+/*
+<file>
+  Project:
+    @osovitny/anatoly
+
+  Authors:
+    Vadim Osovitny
+    Anatoly Osovitny
+
+  Created:
+    29 July 2022
+
+  Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
+</file>
+*/
+class CardComponent {
+}
+CardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: CardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+CardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: CardComponent, selector: "anatoly-card", inputs: { class: "class" }, ngImport: i0, template: "<div class='card {{class}}'>\r\n  <ng-content select='mex-card-header'></ng-content>\r\n  <ng-content select='mex-card-body'></ng-content>\r\n  <ng-content></ng-content>\r\n  <ng-content select='mex-card-footer'></ng-content>\r\n</div>\r\n" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: CardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'anatoly-card', template: "<div class='card {{class}}'>\r\n  <ng-content select='mex-card-header'></ng-content>\r\n  <ng-content select='mex-card-body'></ng-content>\r\n  <ng-content></ng-content>\r\n  <ng-content select='mex-card-footer'></ng-content>\r\n</div>\r\n" }]
+        }], propDecorators: { class: [{
+                type: Input
+            }] } });
+
+/*
+<file>
+  Project:
+    @osovitny/anatoly
+
+  Authors:
+    Vadim Osovitny
+    Anatoly Osovitny
+
+  Created:
+    29 July 2022
+
+  Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
+</file>
+*/
+class CardHeaderComponent {
+    constructor() {
+        this.isTitleVisible = false;
+    }
+    set title(val) {
+        if (val) {
+            this.isTitleVisible = true;
+            this.titleValue = val;
+        }
+    }
+    ngOnInit() {
+        if (this.title)
+            this.isTitleVisible = true;
+    }
+}
+CardHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: CardHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+CardHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: CardHeaderComponent, selector: "anatoly-card-header", inputs: { class: "class", title: "title" }, ngImport: i0, template: "<div class='card-header {{class}}'>\r\n  <h3 *ngIf='isTitleVisible' class='card-title'>{{titleValue}}</h3>\r\n  <ng-content></ng-content>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i1$5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: CardHeaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'anatoly-card-header', template: "<div class='card-header {{class}}'>\r\n  <h3 *ngIf='isTitleVisible' class='card-title'>{{titleValue}}</h3>\r\n  <ng-content></ng-content>\r\n</div>\r\n" }]
+        }], propDecorators: { class: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }] } });
+
+/*
+<file>
+  Project:
+    @osovitny/anatoly
+
+  Authors:
+    Vadim Osovitny
+    Anatoly Osovitny
+
+  Created:
+    29 July 2022
+
+  Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
+</file>
+*/
+class CardBodyComponent {
+}
+CardBodyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: CardBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+CardBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: CardBodyComponent, selector: "anatoly-card-body", inputs: { class: "class", styles: "styles" }, ngImport: i0, template: "<div class='card-body {{class}}'>\r\n  <ng-content></ng-content>\r\n</div>\r\n" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: CardBodyComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'anatoly-card-body', template: "<div class='card-body {{class}}'>\r\n  <ng-content></ng-content>\r\n</div>\r\n" }]
+        }], propDecorators: { class: [{
+                type: Input
+            }], styles: [{
+                type: Input
+            }] } });
+
+/*
+<file>
+  Project:
+    @osovitny/anatoly
+
+  Authors:
+    Vadim Osovitny
+    Anatoly Osovitny
+
+  Created:
+    29 July 2022
+
+  Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
+</file>
+*/
+class CardFooterComponent {
+}
+CardFooterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: CardFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+CardFooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: CardFooterComponent, selector: "anatoly-card-footer", inputs: { class: "class" }, ngImport: i0, template: "<div class='card-footer {{class}}'>\r\n  <ng-content></ng-content>\r\n</div>\r\n" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: CardFooterComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'anatoly-card-footer', template: "<div class='card-footer {{class}}'>\r\n  <ng-content></ng-content>\r\n</div>\r\n" }]
+        }], propDecorators: { class: [{
+                type: Input
+            }] } });
+
+/*
+<file>
+  Project:
+    @osovitny/anatoly
+
+  Authors:
+    Vadim Osovitny
+    Anatoly Osovitny
+
+  Created:
+    15 Aug 2022
+
+  Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
+</file>
+*/
+class CheckIconComponent {
+    constructor() {
+        //Inputs
+        this.checked = true;
+    }
+}
+CheckIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: CheckIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+CheckIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: CheckIconComponent, selector: "anatoly-check-icon", inputs: { checked: "checked" }, ngImport: i0, template: "<i class='fas' [ngClass]=\"{ 'fa-check-circle text-success': checked, 'fa-times-circle text-danger':!checked }\"></i>\r\n<ng-content></ng-content>\r\n", dependencies: [{ kind: "directive", type: i1$5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: CheckIconComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'anatoly-check-icon', template: "<i class='fas' [ngClass]=\"{ 'fa-check-circle text-success': checked, 'fa-times-circle text-danger':!checked }\"></i>\r\n<ng-content></ng-content>\r\n" }]
+        }], ctorParameters: function () { return []; }, propDecorators: { checked: [{
+                type: Input
+            }] } });
+
 /*
 <file>
   Project:
@@ -2666,6 +2594,181 @@ const DefaultEditorOptions = {
     imageUploadParams: { uploadType: "", uploadParentId: "" },
 };
 
+/*
+<file>
+  Project:
+    @osovitny/anatoly
+
+  Authors:
+    Vadim Osovitny
+    Anatoly Osovitny
+
+  Created:
+    28 Aug 2018
+
+  Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
+</file>
+*/
+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");
+        if (typeof id === "undefined" || id == "")
+            return null;
+        return id;
+    }
+    ngOnDestroy() {
+        this.subs.unsubscribe();
+    }
+}
+BaseComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: BaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+BaseComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: BaseComponent, selector: "ng-component", ngImport: i0, template: '', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: BaseComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: ''
+                }]
+        }] });
+
+/*
+<file>
+  Project:
+    @osovitny/anatoly
+
+  Authors:
+    Vadim Osovitny
+    Anatoly Osovitny
+
+  Created:
+    20 Nov 2017
+
+  Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
+</file>
+*/
+class BaseEditComponent extends BaseComponent {
+    constructor() {
+        super();
+        this.formSubmitted = false;
+    }
+    isActionAdding() {
+        let id = Utils.getValueByNameInQS("id");
+        return typeof id === "undefined" || id == "";
+    }
+    getEntityId() {
+        return this.getQSId();
+    }
+    isControlValid(name, frmGroup = null) {
+        return !this.isControlInvalid(name, frmGroup);
+    }
+    isControlInvalid(name, frmGroup = null) {
+        if (typeof name === "undefined" || name == "") {
+            return false;
+        }
+        let fg = frmGroup ? frmGroup : this.formGroup;
+        if (!fg) {
+            return false;
+        }
+        if (fg.get(name)) {
+            return ((this.formSubmitted && fg.get(name).invalid) ||
+                (fg.get(name).touched && fg.get(name).invalid));
+        }
+        return false;
+    }
+    //FormGroup functions
+    getFormValue(name, frmGroup = null) {
+        let fg = frmGroup ? frmGroup : this.formGroup;
+        return fg.controls[name].value;
+    }
+    setFormValue(name, value, frmGroup = null) {
+        let fg = frmGroup ? frmGroup : this.formGroup;
+        fg.controls[name].setValue(value);
+    }
+    getFormGroupValue(groupName, name, frmGroup = null) {
+        let fg = frmGroup ? frmGroup : this.formGroup;
+        return fg.controls[groupName].get(name).value;
+    }
+    setFormGroupValue(groupName, name, value, frmGroup = null) {
+        let fg = frmGroup ? frmGroup : this.formGroup;
+        fg.controls[groupName].get(name).setValue(value);
+    }
+    /**
+     * Add control to form group
+     * @param name
+     * @param formControl
+     * @param frmGroup
+     */
+    addControl(name, formControl, frmGroup = null) {
+        let fg = frmGroup ? frmGroup : this.formGroup;
+        fg.addControl(name, formControl);
+    }
+    /**
+     * Removes control from form group
+     * @param name
+     * @param frmGroup
+     */
+    removeControl(name, frmGroup = null) {
+        let fg = frmGroup ? frmGroup : this.formGroup;
+        if (fg.get(name)) {
+            fg.removeControl(name);
+        }
+    }
+    /**
+     * return new form control
+     * @param formState
+     * @param validatorOrOpts
+     * @param asyncValidator
+     */
+    createFormControl(formState, validatorOrOpts, asyncValidator) {
+        return new FormControl(formState, validatorOrOpts, asyncValidator);
+    }
+    /**
+     * Set error to control
+     * @param controlName formControl name
+     * @param err error expect {erroname: boolean} format
+     * @param frmGroup
+     */
+    setControlError(controlName, err, frmGroup = null) {
+        var _a;
+        let fg = frmGroup ? frmGroup : this.formGroup;
+        (_a = fg.get(controlName)) === null || _a === void 0 ? void 0 : _a.setErrors(err);
+    }
+    /**
+     * Set {invalid: true} for the specified form
+     * @param controlName form control name
+     * @param frmGroup
+     */
+    setInValidError(controlName, frmGroup = null) {
+        var _a;
+        let fg = frmGroup ? frmGroup : this.formGroup;
+        (_a = fg.get(controlName)) === null || _a === void 0 ? void 0 : _a.setErrors({ invalid: true });
+    }
+    /**
+     * returns formgroup controls.
+     * main use case is used in html pages
+     */
+    get fc() {
+        return this.formGroup.controls;
+    }
+}
+BaseEditComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: BaseEditComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+BaseEditComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: BaseEditComponent, selector: "ng-component", inputs: { formGroup: "formGroup", formSubmitted: "formSubmitted" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: BaseEditComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: ''
+                }]
+        }], ctorParameters: function () { return []; }, propDecorators: { formGroup: [{
+                type: Input
+            }], formSubmitted: [{
+                type: Input
+            }] } });
+
 /*
 <file>
   Project:
@@ -3199,42 +3302,38 @@ const Spinkit = {
 </file>
 */
 class PageSpinnerComponent {
-    constructor(router, document) {
+    constructor(router) {
         this.router = router;
-        this.document = document;
         this.isSpinnerVisible = true;
         this.Spinkit = Spinkit;
         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;
+        router.events.subscribe({
+            next: (routerEvent) => {
+                this.checkRouterEvent(routerEvent);
             }
         });
     }
+    checkRouterEvent(routerEvent) {
+        if (routerEvent instanceof NavigationStart) {
+            this.isSpinnerVisible = true;
+        }
+        if (routerEvent instanceof NavigationEnd ||
+            routerEvent instanceof NavigationCancel ||
+            routerEvent instanceof NavigationError) {
+            this.isSpinnerVisible = false;
+        }
+    }
     ngOnDestroy() {
         this.isSpinnerVisible = false;
     }
 }
-PageSpinnerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: PageSpinnerComponent, deps: [{ token: i1.Router }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component });
+PageSpinnerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: PageSpinnerComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
 PageSpinnerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: PageSpinnerComponent, selector: "anatoly-pagespinner", inputs: { backgroundColor: "backgroundColor", spinner: "spinner" }, ngImport: i0, 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", dependencies: [{ kind: "directive", type: i1$5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: PageSpinnerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'anatoly-pagespinner', encapsulation: ViewEncapsulation.None, template: "<div id=\"http-loader\" *ngIf=\"isSpinnerVisible\">\r\n  <div class=\"loader-bg\">\r\n      <div class=\"sk-line-material\" [class.colored]=\"!backgroundColor\" *ngIf=\"spinner === Spinkit.skLine\">\r\n          <div class=\"sk-child sk-bounce1\" [style.background-color]='backgroundColor'></div>\r\n      </div>\r\n  </div>\r\n</div>\r\n" }]
-        }], ctorParameters: function () {
-        return [{ type: i1.Router }, { type: Document, decorators: [{
-                        type: Inject,
-                        args: [DOCUMENT]
-                    }] }];
-    }, propDecorators: { backgroundColor: [{
+        }], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { backgroundColor: [{
                 type: Input
             }], spinner: [{
                 type: Input
@@ -3250,114 +3349,34 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImpor
     Anatoly Osovitny
 
   Created:
-    29 July 2022
-
-  Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
-</file>
-*/
-class CardComponent {
-}
-CardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: CardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-CardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: CardComponent, selector: "anatoly-card", inputs: { class: "class" }, ngImport: i0, template: "<div class='card {{class}}'>\r\n  <ng-content select='mex-card-header'></ng-content>\r\n  <ng-content select='mex-card-body'></ng-content>\r\n  <ng-content></ng-content>\r\n  <ng-content select='mex-card-footer'></ng-content>\r\n</div>\r\n" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: CardComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'anatoly-card', template: "<div class='card {{class}}'>\r\n  <ng-content select='mex-card-header'></ng-content>\r\n  <ng-content select='mex-card-body'></ng-content>\r\n  <ng-content></ng-content>\r\n  <ng-content select='mex-card-footer'></ng-content>\r\n</div>\r\n" }]
-        }], propDecorators: { class: [{
-                type: Input
-            }] } });
-
-/*
-<file>
-  Project:
-    @osovitny/anatoly
-
-  Authors:
-    Vadim Osovitny
-    Anatoly Osovitny
-
-  Created:
-    29 July 2022
-
+    24 Jan 2022
+    
   Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
 </file>
 */
-class CardHeaderComponent {
+class BaseDialog extends BaseEditComponent {
     constructor() {
-        this.isTitleVisible = false;
+        super();
+        this._opened = false;
     }
-    set title(val) {
-        if (val) {
-            this.isTitleVisible = true;
-            this.titleValue = val;
-        }
+    get opened() {
+        return this._opened;
     }
-    ngOnInit() {
-        if (this.title)
-            this.isTitleVisible = true;
+    open() {
+        this._opened = true;
+    }
+    close() {
+        this._opened = false;
     }
 }
-CardHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: CardHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-CardHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: CardHeaderComponent, selector: "anatoly-card-header", inputs: { class: "class", title: "title" }, ngImport: i0, template: "<div class='card-header {{class}}'>\r\n  <h3 *ngIf='isTitleVisible' class='card-title'>{{titleValue}}</h3>\r\n  <ng-content></ng-content>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i1$5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: CardHeaderComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'anatoly-card-header', template: "<div class='card-header {{class}}'>\r\n  <h3 *ngIf='isTitleVisible' class='card-title'>{{titleValue}}</h3>\r\n  <ng-content></ng-content>\r\n</div>\r\n" }]
-        }], propDecorators: { class: [{
-                type: Input
-            }], title: [{
-                type: Input
-            }] } });
-
-/*
-<file>
-  Project:
-    @osovitny/anatoly
-
-  Authors:
-    Vadim Osovitny
-    Anatoly Osovitny
-
-  Created:
-    29 July 2022
-
-  Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
-</file>
-*/
-class CardBodyComponent {
-}
-CardBodyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: CardBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-CardBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: CardBodyComponent, selector: "anatoly-card-body", inputs: { class: "class", styles: "styles" }, ngImport: i0, template: "<div class='card-body {{class}}'>\r\n  <ng-content></ng-content>\r\n</div>\r\n" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: CardBodyComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'anatoly-card-body', template: "<div class='card-body {{class}}'>\r\n  <ng-content></ng-content>\r\n</div>\r\n" }]
-        }], propDecorators: { class: [{
-                type: Input
-            }], styles: [{
-                type: Input
-            }] } });
-
-/*
-<file>
-  Project:
-    @osovitny/anatoly
-
-  Authors:
-    Vadim Osovitny
-    Anatoly Osovitny
-
-  Created:
-    29 July 2022
-
-  Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
-</file>
-*/
-class CardFooterComponent {
-}
-CardFooterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: CardFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-CardFooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: CardFooterComponent, selector: "anatoly-card-footer", inputs: { class: "class" }, ngImport: i0, template: "<div class='card-footer {{class}}'>\r\n  <ng-content></ng-content>\r\n</div>\r\n" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: CardFooterComponent, decorators: [{
+BaseDialog.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: BaseDialog, deps: [], target: i0.ɵɵFactoryTarget.Component });
+BaseDialog.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: BaseDialog, selector: "ng-component", inputs: { opened: "opened" }, usesInheritance: true, ngImport: i0, template: '', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: BaseDialog, decorators: [{
             type: Component,
-            args: [{ selector: 'anatoly-card-footer', template: "<div class='card-footer {{class}}'>\r\n  <ng-content></ng-content>\r\n</div>\r\n" }]
-        }], propDecorators: { class: [{
+            args: [{
+                    template: ''
+                }]
+        }], ctorParameters: function () { return []; }, propDecorators: { opened: [{
                 type: Input
             }] } });
 
@@ -4231,23 +4250,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImpor
 const FroalaEditorModuleWithProviders = FroalaEditorModule.forRoot();
 const FroalaViewModuleWithProviders = FroalaViewModule.forRoot();
 const COMPONENTS = [
+    //billing
     BuyAccessButtonComponent,
     SubscribePlanButtonComponent,
-    SignInButtonComponent,
-    SignUpButtonComponent,
-    SignOutButtonComponent,
-    NodataComponent,
-    //Spinners
-    PageSpinnerComponent,
-    LoadingComponent,
     //Cards
     CardComponent,
     CardHeaderComponent,
     CardBodyComponent,
     CardFooterComponent,
+    //Check
+    CheckIconComponent,
     //HtmlEditor
     HtmlEditorComponent,
     FormsHtmlEditorComponent,
+    //identity
+    SignInButtonComponent,
+    SignUpButtonComponent,
+    SignOutButtonComponent,
+    ///
+    NodataComponent,
+    //Spinners
+    PageSpinnerComponent,
+    LoadingComponent,
     //Directives
     NativeElementDirective,
     //Forms
@@ -4269,23 +4293,29 @@ const COMPONENTS = [
 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: [BuyAccessButtonComponent,
+AnatolyUIModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.6", ngImport: i0, type: AnatolyUIModule, declarations: [
+        //billing
+        BuyAccessButtonComponent,
         SubscribePlanButtonComponent,
-        SignInButtonComponent,
-        SignUpButtonComponent,
-        SignOutButtonComponent,
-        NodataComponent,
-        //Spinners
-        PageSpinnerComponent,
-        LoadingComponent,
         //Cards
         CardComponent,
         CardHeaderComponent,
         CardBodyComponent,
         CardFooterComponent,
+        //Check
+        CheckIconComponent,
         //HtmlEditor
         HtmlEditorComponent,
         FormsHtmlEditorComponent,
+        //identity
+        SignInButtonComponent,
+        SignUpButtonComponent,
+        SignOutButtonComponent,
+        ///
+        NodataComponent,
+        //Spinners
+        PageSpinnerComponent,
+        LoadingComponent,
         //Directives
         NativeElementDirective,
         //Forms
@@ -4302,28 +4332,35 @@ AnatolyUIModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version
         FileSizePipe,
         //Validation
         FormValidationSummaryComponent,
-        ItemValidationSummaryComponent], imports: [DialogsModule,
+        ItemValidationSummaryComponent
+    ], imports: [DialogsModule,
         ButtonsModule,
         CommonModule,
         ReactiveFormsModule,
         FormsModule,
-        NgxCaptchaModule, i1$7.FroalaEditorModule, i1$7.FroalaViewModule], exports: [BuyAccessButtonComponent,
+        NgxCaptchaModule, i1$7.FroalaEditorModule, i1$7.FroalaViewModule], exports: [
+        //billing
+        BuyAccessButtonComponent,
         SubscribePlanButtonComponent,
-        SignInButtonComponent,
-        SignUpButtonComponent,
-        SignOutButtonComponent,
-        NodataComponent,
-        //Spinners
-        PageSpinnerComponent,
-        LoadingComponent,
         //Cards
         CardComponent,
         CardHeaderComponent,
         CardBodyComponent,
         CardFooterComponent,
+        //Check
+        CheckIconComponent,
         //HtmlEditor
         HtmlEditorComponent,
         FormsHtmlEditorComponent,
+        //identity
+        SignInButtonComponent,
+        SignUpButtonComponent,
+        SignOutButtonComponent,
+        ///
+        NodataComponent,
+        //Spinners
+        PageSpinnerComponent,
+        LoadingComponent,
         //Directives
         NativeElementDirective,
         //Forms
@@ -4340,7 +4377,8 @@ AnatolyUIModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version
         FileSizePipe,
         //Validation
         FormValidationSummaryComponent,
-        ItemValidationSummaryComponent] });
+        ItemValidationSummaryComponent
+    ] });
 AnatolyUIModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: AnatolyUIModule, imports: [DialogsModule,
         ButtonsModule,
         CommonModule,
@@ -4379,5 +4417,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, 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 };
+export { AddressComponent, Alerts, AnatolyCoreModule, AnatolyDataModule, AnatolyHttpInterceptor, AnatolyUIModule, AppContextService, AppCoreSettings, BaseApiService, BaseComponent, BaseDialog, BaseEditComponent, BaseGoService, BaseGridEditService, BaseGridReadService, BaseHtmlEditorComponent, BuyAccessButtonComponent, CardBodyComponent, CardComponent, CardFooterComponent, CardHeaderComponent, CheckIconComponent, CompanyComponent, ContactUsDialog, ContactUsForm, 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