@osovitny/anatoly 3.16.63 → 3.16.64

package/fesm2022/osovitny-anatoly.mjs

@@ -23,12 +23,12 @@ import * as i1$4 from 'ngx-toastr';
 import { ToastrModule } from 'ngx-toastr';
 import * as i1$5 from '@angular/platform-browser';
 import { v4 } from 'uuid';
+import * as i2 from '@angular/forms';
+import { FormControl, Validators, ReactiveFormsModule, FormsModule } from '@angular/forms';
 import * as i1$6 from '@fortawesome/angular-fontawesome';
 import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
 import * as i1$7 from '@progress/kendo-angular-pager';
 import { PagerModule } from '@progress/kendo-angular-pager';
-import * as i2 from '@angular/forms';
-import { FormControl, Validators, ReactiveFormsModule, FormsModule } from '@angular/forms';
 import * as i3 from 'angular-froala-wysiwyg';
 import { FERootModule } from 'angular-froala-wysiwyg';
 import * as i2$1 from '@progress/kendo-angular-dialog';
@@ -3182,7 +3182,7 @@ class EmailsApiService extends ApiServiceBase {
 </file>
 */
 //Node
-class BaseComponent {
+class ComponentBase {
     subs = new Subs();
     //Component Data => usually loading from API
     dataLoading = true;
@@ -3215,10 +3215,10 @@ class BaseComponent {
         this.dataLoaded = true;
         this.dataFound = found;
     }
-    static ɵfac = function BaseComponent_Factory(t) { return new (t || BaseComponent)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: BaseComponent, selectors: [["ng-component"]], inputs: { classes: "classes" }, decls: 0, vars: 0, template: function BaseComponent_Template(rf, ctx) { }, encapsulation: 2 });
+    static ɵfac = function ComponentBase_Factory(t) { return new (t || ComponentBase)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ComponentBase, selectors: [["ng-component"]], inputs: { classes: "classes" }, decls: 0, vars: 0, template: function ComponentBase_Template(rf, ctx) { }, encapsulation: 2 });
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BaseComponent, [{
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ComponentBase, [{
         type: Component,
         args: [{
                 template: ''
@@ -3237,41 +3237,124 @@ class BaseComponent {
     Anatoly Osovitny anatoly@osovitny.com
 
   Created:
-    4 Jul 2018
+    20 Nov 2017
 
   Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
 </file>
 */
 //Node
-function SignUpButtonComponent_span_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span");
-    i0.ɵɵtext(1, "Sign Up");
-    i0.ɵɵelementEnd();
-} }
-const _c0$e = ["*"];
-class SignUpButtonComponent extends BaseComponent {
+class EditComponentBase extends ComponentBase {
+    formGroup;
+    formSubmitted = false;
     constructor() {
         super();
     }
-    static ɵfac = function SignUpButtonComponent_Factory(t) { return new (t || SignUpButtonComponent)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SignUpButtonComponent, selectors: [["anatoly-signup-button"]], features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$e, decls: 5, vars: 4, consts: [["routerLink", "/iam/signup"], ["ref", ""], [4, "ngIf"]], template: function SignUpButtonComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵprojectionDef();
-            i0.ɵɵelementStart(0, "a", 0)(1, "span", null, 1);
-            i0.ɵɵprojection(3);
-            i0.ɵɵelementEnd();
-            i0.ɵɵtemplate(4, SignUpButtonComponent_span_4_Template, 2, 0, "span", 2);
-            i0.ɵɵelementEnd();
-        } if (rf & 2) {
-            const _r0 = i0.ɵɵreference(2);
-            i0.ɵɵclassMap(ctx.classes);
-            i0.ɵɵadvance(4);
-            i0.ɵɵproperty("ngIf", !_r0.innerHTML.trim());
-        } }, dependencies: [i1$2.NgIf, i1.RouterLink], encapsulation: 2 });
+    isActionAdding() {
+        return !Utils.idExistsInQS();
+    }
+    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) {
+        let fg = frmGroup ? frmGroup : this.formGroup;
+        fg.get(controlName)?.setErrors(err);
+    }
+    /**
+     * Set {invalid: true} for the specified form
+     * @param controlName form control name
+     * @param frmGroup
+     */
+    setInValidError(controlName, frmGroup = null) {
+        let fg = frmGroup ? frmGroup : this.formGroup;
+        fg.get(controlName)?.setErrors({ invalid: true });
+    }
+    /**
+     * returns formgroup controls.
+     * main use case is used in html pages
+     */
+    get fc() {
+        return this.formGroup.controls;
+    }
+    static ɵfac = function EditComponentBase_Factory(t) { return new (t || EditComponentBase)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EditComponentBase, selectors: [["ng-component"]], inputs: { formGroup: "formGroup", formSubmitted: "formSubmitted" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 0, vars: 0, template: function EditComponentBase_Template(rf, ctx) { }, encapsulation: 2 });
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SignUpButtonComponent, [{
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EditComponentBase, [{
         type: Component,
-        args: [{ selector: "anatoly-signup-button", template: "<a routerLink=\"/iam/signup\" class=\"{{ classes }}\">\r\n  <span #ref><ng-content></ng-content></span>\r\n  <span *ngIf=\"!ref.innerHTML.trim()\">Sign Up</span>\r\n</a>\r\n" }]
-    }], function () { return []; }, null); })();
+        args: [{
+                template: ''
+            }]
+    }], function () { return []; }, { formGroup: [{
+            type: Input
+        }], formSubmitted: [{
+            type: Input
+        }] }); })();
 
 /*
 <file>
@@ -3283,100 +3366,56 @@ class SignUpButtonComponent extends BaseComponent {
     Anatoly Osovitny anatoly@osovitny.com
 
   Created:
-    14 Aug 2018
+    24 Jan 2022
 
   Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
 </file>
 */
 //Node
-function BuyAccessButtonComponent_div_0_div_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div");
-    i0.ɵɵelement(1, "anatoly-signup-button", 1);
-    i0.ɵɵelementEnd();
-} }
-function BuyAccessButtonComponent_div_0_div_2_button_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "button", 4);
-    i0.ɵɵtext(1, " Your Plan ");
-    i0.ɵɵelementEnd();
-} }
-function BuyAccessButtonComponent_div_0_div_2_button_2_Template(rf, ctx) { if (rf & 1) {
-    const _r6 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 5);
-    i0.ɵɵlistener("click", function BuyAccessButtonComponent_div_0_div_2_button_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r6); const ctx_r5 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r5.onPlanSelect()); });
-    i0.ɵɵtext(1, " Buy Now ");
-    i0.ɵɵelementEnd();
-} }
-function BuyAccessButtonComponent_div_0_div_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div");
-    i0.ɵɵtemplate(1, BuyAccessButtonComponent_div_0_div_2_button_1_Template, 2, 0, "button", 2);
-    i0.ɵɵtemplate(2, BuyAccessButtonComponent_div_0_div_2_button_2_Template, 2, 0, "button", 3);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r2.plan == ctx_r2.currentPlan);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r2.plan != ctx_r2.currentPlan && ctx_r2.currentPlan == 1);
-} }
-function BuyAccessButtonComponent_div_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div");
-    i0.ɵɵtemplate(1, BuyAccessButtonComponent_div_0_div_1_Template, 2, 0, "div", 0);
-    i0.ɵɵtemplate(2, BuyAccessButtonComponent_div_0_div_2_Template, 3, 2, "div", 0);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", !ctx_r0.isUserSignedIn);
-    i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngIf", ctx_r0.isUserSignedIn && ctx_r0.visibleIfUserSignedIn);
-} }
-class BuyAccessButtonComponent {
-    appContext;
-    contextUpdated = false;
-    isUserSignedIn = false;
-    currentPlan = -1;
-    currentPlanTitle = '';
-    plan;
-    planTitle;
-    visibleIfUserSignedIn = false;
-    planselect = new EventEmitter();
-    constructor(appContext) {
-        this.appContext = appContext;
+class DialogBase extends EditComponentBase {
+    _isOpen = false;
+    get isOpen() {
+        return this._isOpen;
     }
-    ngOnInit() {
-        this.appContext.updated$.subscribe((context) => {
-            if (!context) {
-                return;
-            }
-            this.isUserSignedIn = context.isUserSignedIn;
-            if (this.isUserSignedIn) {
-                this.currentPlan = context.account.billingPlan;
-                this.currentPlanTitle = context.account.billingPlanAsString;
+    set isOpen(value) {
+        if (value) {
+            if (this.anOnBeforeOpen) {
+                this.anOnBeforeOpen();
             }
-            this.contextUpdated = true;
-        });
+            this.opened.emit();
+        }
+        this._isOpen = value;
     }
     //Events
-    onPlanSelect() {
-        this.planselect.emit(this.plan);
+    opened = new EventEmitter();
+    closed = new EventEmitter();
+    constructor() {
+        super();
     }
-    static ɵfac = function BuyAccessButtonComponent_Factory(t) { return new (t || BuyAccessButtonComponent)(i0.ɵɵdirectiveInject(AppContextService)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: BuyAccessButtonComponent, selectors: [["anatoly-buyaccess-button"]], inputs: { plan: "plan", planTitle: "planTitle", visibleIfUserSignedIn: "visibleIfUserSignedIn" }, outputs: { planselect: "planselect" }, decls: 1, vars: 1, consts: [[4, "ngIf"], ["classbtn", "btn btn-block btn-primary"], ["class", "btn btn-block btn-success selectPlan", 4, "ngIf"], ["class", "btn btn-block  btn-warning selectPlan", 3, "click", 4, "ngIf"], [1, "btn", "btn-block", "btn-success", "selectPlan"], [1, "btn", "btn-block", "btn-warning", "selectPlan", 3, "click"]], template: function BuyAccessButtonComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵtemplate(0, BuyAccessButtonComponent_div_0_Template, 3, 2, "div", 0);
-        } if (rf & 2) {
-            i0.ɵɵproperty("ngIf", ctx.contextUpdated);
-        } }, dependencies: [i1$2.NgIf, SignUpButtonComponent], encapsulation: 2 });
+    open() {
+        this.isOpen = true;
+    }
+    close(returnValue = "OK") {
+        this.isOpen = false;
+        this.closed.emit(returnValue);
+    }
+    cancel() {
+        this.isOpen = false;
+        this.closed.emit(-1);
+    }
+    static ɵfac = function DialogBase_Factory(t) { return new (t || DialogBase)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DialogBase, selectors: [["ng-component"]], inputs: { isOpen: "isOpen" }, outputs: { opened: "opened", closed: "closed" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 0, vars: 0, template: function DialogBase_Template(rf, ctx) { }, encapsulation: 2 });
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BuyAccessButtonComponent, [{
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DialogBase, [{
         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\" \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)=\"onPlanSelect()\">\r\n      Buy Now\r\n    </button>\r\n  </div>\r\n</div>\r\n" }]
-    }], function () { return [{ type: AppContextService }]; }, { plan: [{
-            type: Input
-        }], planTitle: [{
-            type: Input
-        }], visibleIfUserSignedIn: [{
+        args: [{
+                template: ''
+            }]
+    }], function () { return []; }, { isOpen: [{
             type: Input
-        }], planselect: [{
+        }], opened: [{
+            type: Output
+        }], closed: [{
             type: Output
         }] }); })();
 
@@ -3390,20 +3429,327 @@ class BuyAccessButtonComponent {
     Anatoly Osovitny anatoly@osovitny.com
 
   Created:
-    1 Jun 2018
+    20 Aug 2022
 
   Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
 </file>
 */
 //Node
-function SubscribePlanButtonComponent_div_0_div_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div");
-    i0.ɵɵelement(1, "anatoly-signup-button", 1);
-    i0.ɵɵelementEnd();
-} }
-function SubscribePlanButtonComponent_div_0_div_2_button_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "button", 5);
-    i0.ɵɵtext(1, " Your Plan ");
+class ListBase extends ComponentBase {
+    currentFilter = null;
+    //Items & Pagination
+    items;
+    totalItems = 0;
+    pageSize = 10;
+    skipItems = 0;
+    currentPage = 1;
+    showNoDataIfNoDataFound = true;
+    loadPageOne() {
+        this.skipItems = 0;
+        this.currentPage = 1;
+        this.loadPage();
+    }
+    reloadPage(drop2pageOne = false) {
+        if (drop2pageOne) {
+            this.loadPageOne();
+        }
+        else {
+            this.loadPage();
+        }
+    }
+    setFilter(filter) {
+        this.currentFilter = filter;
+        this.loadPageOne();
+    }
+    //Tos
+    toIndex(index) {
+        return ((this.currentPage - 1) * this.pageSize) + index + 1;
+    }
+    //Events
+    onPageChange(e) {
+        this.pageSize = e.take;
+        this.skipItems = e.skip;
+        this.currentPage = (this.skipItems / this.pageSize) + 1;
+        this.loadPage();
+    }
+    static ɵfac = /*@__PURE__*/ function () { let ɵListBase_BaseFactory; return function ListBase_Factory(t) { return (ɵListBase_BaseFactory || (ɵListBase_BaseFactory = i0.ɵɵgetInheritedFactory(ListBase)))(t || ListBase); }; }();
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ListBase, selectors: [["ng-component"]], inputs: { showNoDataIfNoDataFound: "showNoDataIfNoDataFound" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 0, vars: 0, template: function ListBase_Template(rf, ctx) { }, encapsulation: 2 });
+}
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ListBase, [{
+        type: Component,
+        args: [{
+                template: ''
+            }]
+    }], null, { showNoDataIfNoDataFound: [{
+            type: Input
+        }] }); })();
+
+/*
+<file>
+  Project:
+    @osovitny/anatoly
+
+  Authors:
+    Vadim Osovitny vadim@osovitny.com
+    Anatoly Osovitny anatoly@osovitny.com
+
+  Created:
+    20 Aug 2022
+
+  Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
+</file>
+*/
+//Node
+class PageBase extends ComponentBase {
+    static ɵfac = /*@__PURE__*/ function () { let ɵPageBase_BaseFactory; return function PageBase_Factory(t) { return (ɵPageBase_BaseFactory || (ɵPageBase_BaseFactory = i0.ɵɵgetInheritedFactory(PageBase)))(t || PageBase); }; }();
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PageBase, selectors: [["ng-component"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 0, vars: 0, template: function PageBase_Template(rf, ctx) { }, encapsulation: 2 });
+}
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PageBase, [{
+        type: Component,
+        args: [{
+                template: ''
+            }]
+    }], null, null); })();
+
+/*
+<file>
+  Project:
+    @osovitny/anatoly
+
+  Authors:
+    Vadim Osovitny vadim@osovitny.com
+    Anatoly Osovitny anatoly@osovitny.com
+
+  Created:
+    20 Aug 2022
+
+  Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
+</file>
+*/
+//Node
+class PagedPageBase extends PageBase {
+    currentFilter = null;
+    //Items & Pagination
+    items;
+    totalItems = 0;
+    pageSize = 10;
+    skipItems = 0;
+    currentPage = 1;
+    loadPageOne() {
+        this.skipItems = 0;
+        this.currentPage = 1;
+        this.loadPage();
+    }
+    reloadPage(drop2pageOne = false) {
+        if (drop2pageOne) {
+            this.loadPageOne();
+        }
+        else {
+            this.loadPage();
+        }
+    }
+    setFilter(filter) {
+        this.currentFilter = filter;
+        this.loadPageOne();
+    }
+    //Tos
+    toIndex(index) {
+        return ((this.currentPage - 1) * this.pageSize) + index + 1;
+    }
+    //Events
+    onPageChange(e) {
+        this.pageSize = e.take;
+        this.skipItems = e.skip;
+        this.currentPage = (this.skipItems / this.pageSize) + 1;
+        this.loadPage();
+    }
+    static ɵfac = /*@__PURE__*/ function () { let ɵPagedPageBase_BaseFactory; return function PagedPageBase_Factory(t) { return (ɵPagedPageBase_BaseFactory || (ɵPagedPageBase_BaseFactory = i0.ɵɵgetInheritedFactory(PagedPageBase)))(t || PagedPageBase); }; }();
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PagedPageBase, selectors: [["ng-component"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 0, vars: 0, template: function PagedPageBase_Template(rf, ctx) { }, encapsulation: 2 });
+}
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PagedPageBase, [{
+        type: Component,
+        args: [{
+                template: ''
+            }]
+    }], null, null); })();
+
+/*
+<file>
+  Project:
+    @osovitny/anatoly
+
+  Authors:
+    Vadim Osovitny vadim@osovitny.com
+    Anatoly Osovitny anatoly@osovitny.com
+
+  Created:
+    4 Jul 2018
+
+  Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
+</file>
+*/
+//Node
+function SignUpButtonComponent_span_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span");
+    i0.ɵɵtext(1, "Sign Up");
+    i0.ɵɵelementEnd();
+} }
+const _c0$e = ["*"];
+class SignUpButtonComponent extends ComponentBase {
+    constructor() {
+        super();
+    }
+    static ɵfac = function SignUpButtonComponent_Factory(t) { return new (t || SignUpButtonComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SignUpButtonComponent, selectors: [["anatoly-signup-button"]], features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$e, decls: 5, vars: 4, consts: [["routerLink", "/iam/signup"], ["ref", ""], [4, "ngIf"]], template: function SignUpButtonComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef();
+            i0.ɵɵelementStart(0, "a", 0)(1, "span", null, 1);
+            i0.ɵɵprojection(3);
+            i0.ɵɵelementEnd();
+            i0.ɵɵtemplate(4, SignUpButtonComponent_span_4_Template, 2, 0, "span", 2);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            const _r0 = i0.ɵɵreference(2);
+            i0.ɵɵclassMap(ctx.classes);
+            i0.ɵɵadvance(4);
+            i0.ɵɵproperty("ngIf", !_r0.innerHTML.trim());
+        } }, dependencies: [i1$2.NgIf, i1.RouterLink], encapsulation: 2 });
+}
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SignUpButtonComponent, [{
+        type: Component,
+        args: [{ selector: "anatoly-signup-button", template: "<a routerLink=\"/iam/signup\" class=\"{{ classes }}\">\r\n  <span #ref><ng-content></ng-content></span>\r\n  <span *ngIf=\"!ref.innerHTML.trim()\">Sign Up</span>\r\n</a>\r\n" }]
+    }], function () { return []; }, null); })();
+
+/*
+<file>
+  Project:
+    @osovitny/anatoly
+
+  Authors:
+    Vadim Osovitny vadim@osovitny.com
+    Anatoly Osovitny anatoly@osovitny.com
+
+  Created:
+    14 Aug 2018
+
+  Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
+</file>
+*/
+//Node
+function BuyAccessButtonComponent_div_0_div_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div");
+    i0.ɵɵelement(1, "anatoly-signup-button", 1);
+    i0.ɵɵelementEnd();
+} }
+function BuyAccessButtonComponent_div_0_div_2_button_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "button", 4);
+    i0.ɵɵtext(1, " Your Plan ");
+    i0.ɵɵelementEnd();
+} }
+function BuyAccessButtonComponent_div_0_div_2_button_2_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 5);
+    i0.ɵɵlistener("click", function BuyAccessButtonComponent_div_0_div_2_button_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r6); const ctx_r5 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r5.onPlanSelect()); });
+    i0.ɵɵtext(1, " Buy Now ");
+    i0.ɵɵelementEnd();
+} }
+function BuyAccessButtonComponent_div_0_div_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div");
+    i0.ɵɵtemplate(1, BuyAccessButtonComponent_div_0_div_2_button_1_Template, 2, 0, "button", 2);
+    i0.ɵɵtemplate(2, BuyAccessButtonComponent_div_0_div_2_button_2_Template, 2, 0, "button", 3);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", ctx_r2.plan == ctx_r2.currentPlan);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", ctx_r2.plan != ctx_r2.currentPlan && ctx_r2.currentPlan == 1);
+} }
+function BuyAccessButtonComponent_div_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div");
+    i0.ɵɵtemplate(1, BuyAccessButtonComponent_div_0_div_1_Template, 2, 0, "div", 0);
+    i0.ɵɵtemplate(2, BuyAccessButtonComponent_div_0_div_2_Template, 3, 2, "div", 0);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", !ctx_r0.isUserSignedIn);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", ctx_r0.isUserSignedIn && ctx_r0.visibleIfUserSignedIn);
+} }
+class BuyAccessButtonComponent {
+    appContext;
+    contextUpdated = false;
+    isUserSignedIn = false;
+    currentPlan = -1;
+    currentPlanTitle = '';
+    plan;
+    planTitle;
+    visibleIfUserSignedIn = false;
+    planselect = new EventEmitter();
+    constructor(appContext) {
+        this.appContext = appContext;
+    }
+    ngOnInit() {
+        this.appContext.updated$.subscribe((context) => {
+            if (!context) {
+                return;
+            }
+            this.isUserSignedIn = context.isUserSignedIn;
+            if (this.isUserSignedIn) {
+                this.currentPlan = context.account.billingPlan;
+                this.currentPlanTitle = context.account.billingPlanAsString;
+            }
+            this.contextUpdated = true;
+        });
+    }
+    //Events
+    onPlanSelect() {
+        this.planselect.emit(this.plan);
+    }
+    static ɵfac = function BuyAccessButtonComponent_Factory(t) { return new (t || BuyAccessButtonComponent)(i0.ɵɵdirectiveInject(AppContextService)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: BuyAccessButtonComponent, selectors: [["anatoly-buyaccess-button"]], inputs: { plan: "plan", planTitle: "planTitle", visibleIfUserSignedIn: "visibleIfUserSignedIn" }, outputs: { planselect: "planselect" }, decls: 1, vars: 1, consts: [[4, "ngIf"], ["classbtn", "btn btn-block btn-primary"], ["class", "btn btn-block btn-success selectPlan", 4, "ngIf"], ["class", "btn btn-block  btn-warning selectPlan", 3, "click", 4, "ngIf"], [1, "btn", "btn-block", "btn-success", "selectPlan"], [1, "btn", "btn-block", "btn-warning", "selectPlan", 3, "click"]], template: function BuyAccessButtonComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, BuyAccessButtonComponent_div_0_Template, 3, 2, "div", 0);
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngIf", ctx.contextUpdated);
+        } }, dependencies: [i1$2.NgIf, SignUpButtonComponent], encapsulation: 2 });
+}
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BuyAccessButtonComponent, [{
+        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\" \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)=\"onPlanSelect()\">\r\n      Buy Now\r\n    </button>\r\n  </div>\r\n</div>\r\n" }]
+    }], function () { return [{ type: AppContextService }]; }, { plan: [{
+            type: Input
+        }], planTitle: [{
+            type: Input
+        }], visibleIfUserSignedIn: [{
+            type: Input
+        }], planselect: [{
+            type: Output
+        }] }); })();
+
+/*
+<file>
+  Project:
+    @osovitny/anatoly
+
+  Authors:
+    Vadim Osovitny vadim@osovitny.com
+    Anatoly Osovitny anatoly@osovitny.com
+
+  Created:
+    1 Jun 2018
+
+  Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
+</file>
+*/
+//Node
+function SubscribePlanButtonComponent_div_0_div_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div");
+    i0.ɵɵelement(1, "anatoly-signup-button", 1);
+    i0.ɵɵelementEnd();
+} }
+function SubscribePlanButtonComponent_div_0_div_2_button_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "button", 5);
+    i0.ɵɵtext(1, " Your Plan ");
     i0.ɵɵelementEnd();
 } }
 function SubscribePlanButtonComponent_div_0_div_2_button_2_Template(rf, ctx) { if (rf & 1) {
@@ -3646,7 +3992,7 @@ function SignInButtonComponent_span_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementEnd();
 } }
 const _c0$c = ["*"];
-class SignInButtonComponent extends BaseComponent {
+class SignInButtonComponent extends ComponentBase {
     constructor() {
         super();
     }
@@ -3692,7 +4038,7 @@ function SignOutButtonComponent_span_4_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementEnd();
 } }
 const _c0$b = ["*"];
-class SignOutButtonComponent extends BaseComponent {
+class SignOutButtonComponent extends ComponentBase {
     constructor() {
         super();
     }
@@ -3800,7 +4146,7 @@ function LoadingComponent_div_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(1, "span", 2);
     i0.ɵɵelementEnd();
 } }
-class LoadingComponent extends BaseComponent {
+class LoadingComponent extends ComponentBase {
     loadingService;
     show = false;
     constructor(loadingService) {
@@ -4158,188 +4504,59 @@ const DefaultEditorOptions = {
                 "backgroundColor",
                 "inlineClass",
                 "inlineStyle",
-            ],
-        },
-        moreParagraph: {
-            buttons: [
-                "alignLeft",
-                "alignCenter",
-                "formatOLSimple",
-                "alignRight",
-                "alignJustify",
-                "formatOL",
-                "formatUL",
-                "paragraphFormat",
-                "paragraphStyle",
-                "lineHeight",
-                "outdent",
-                "indent",
-                "quote",
-            ],
-        },
-        moreRich: {
-            buttons: [
-                "insertLink",
-                "insertImage",
-                "insertTable",
-                "emoticons",
-                "fontAwesome",
-                "specialCharacters",
-                "embedly",
-            ],
-        },
-        moreMisc: {
-            buttons: [
-                "selectAll",
-                "clearFormatting",
-                "html",
-                "undo",
-                "redo",
-                "fullscreen",
-            ],
-            align: "right",
-        },
-    },
-    /*
-        Upload:
-        https://www.froala.com/wysiwyg-editor/docs/concepts/image/upload
-    */
-    imageUploadURL: "/api/htmlEditor/uploadImage",
-    imageAllowedTypes: ["jpeg", "jpg", "png"],
-    imageUploadParams: { uploadType: "", uploadParentId: "" },
-};
-
-/*
-<file>
-  Project:
-    @osovitny/anatoly
-
-  Authors:
-    Vadim Osovitny vadim@osovitny.com
-    Anatoly Osovitny anatoly@osovitny.com
-
-  Created:
-    20 Nov 2017
-
-  Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
-</file>
-*/
-//Node
-class BaseEditComponent extends BaseComponent {
-    formGroup;
-    formSubmitted = false;
-    constructor() {
-        super();
-    }
-    isActionAdding() {
-        return !Utils.idExistsInQS();
-    }
-    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) {
-        let fg = frmGroup ? frmGroup : this.formGroup;
-        fg.get(controlName)?.setErrors(err);
-    }
-    /**
-     * Set {invalid: true} for the specified form
-     * @param controlName form control name
-     * @param frmGroup
-     */
-    setInValidError(controlName, frmGroup = null) {
-        let fg = frmGroup ? frmGroup : this.formGroup;
-        fg.get(controlName)?.setErrors({ invalid: true });
-    }
-    /**
-     * returns formgroup controls.
-     * main use case is used in html pages
-     */
-    get fc() {
-        return this.formGroup.controls;
-    }
-    static ɵfac = function BaseEditComponent_Factory(t) { return new (t || BaseEditComponent)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: BaseEditComponent, selectors: [["ng-component"]], inputs: { formGroup: "formGroup", formSubmitted: "formSubmitted" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 0, vars: 0, template: function BaseEditComponent_Template(rf, ctx) { }, encapsulation: 2 });
-}
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BaseEditComponent, [{
-        type: Component,
-        args: [{
-                template: ''
-            }]
-    }], function () { return []; }, { formGroup: [{
-            type: Input
-        }], formSubmitted: [{
-            type: Input
-        }] }); })();
+            ],
+        },
+        moreParagraph: {
+            buttons: [
+                "alignLeft",
+                "alignCenter",
+                "formatOLSimple",
+                "alignRight",
+                "alignJustify",
+                "formatOL",
+                "formatUL",
+                "paragraphFormat",
+                "paragraphStyle",
+                "lineHeight",
+                "outdent",
+                "indent",
+                "quote",
+            ],
+        },
+        moreRich: {
+            buttons: [
+                "insertLink",
+                "insertImage",
+                "insertTable",
+                "emoticons",
+                "fontAwesome",
+                "specialCharacters",
+                "embedly",
+            ],
+        },
+        moreMisc: {
+            buttons: [
+                "selectAll",
+                "clearFormatting",
+                "html",
+                "undo",
+                "redo",
+                "fullscreen",
+            ],
+            align: "right",
+        },
+    },
+    /*
+        Upload:
+        https://www.froala.com/wysiwyg-editor/docs/concepts/image/upload
+    */
+    imageUploadURL: "/api/htmlEditor/uploadImage",
+    imageAllowedTypes: ["jpeg", "jpg", "png"],
+    imageUploadParams: { uploadType: "", uploadParentId: "" },
+};
 
 //Node
-class BaseHtmlEditorComponent extends BaseEditComponent {
+class HtmlEditorComponentBase extends EditComponentBase {
     froalaEditor;
     // Public members
     options;
@@ -4414,10 +4631,10 @@ class BaseHtmlEditorComponent extends BaseEditComponent {
             editor.opts.imageUploadParams.uploadParentId = uploadParentId;
         });
     }
-    static ɵfac = function BaseHtmlEditorComponent_Factory(t) { return new (t || BaseHtmlEditorComponent)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: BaseHtmlEditorComponent, selectors: [["ng-component"]], inputs: { editorLabelText: "editorLabelText", editorOptions: "editorOptions" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 0, vars: 0, template: function BaseHtmlEditorComponent_Template(rf, ctx) { }, encapsulation: 2 });
+    static ɵfac = function HtmlEditorComponentBase_Factory(t) { return new (t || HtmlEditorComponentBase)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: HtmlEditorComponentBase, selectors: [["ng-component"]], inputs: { editorLabelText: "editorLabelText", editorOptions: "editorOptions" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 0, vars: 0, template: function HtmlEditorComponentBase_Template(rf, ctx) { }, encapsulation: 2 });
 }
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BaseHtmlEditorComponent, [{
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(HtmlEditorComponentBase, [{
         type: Component,
         args: [{
                 template: "",
@@ -4481,7 +4698,7 @@ class NativeElementDirective {
 </file>
 */
 //Node
-class ValidationSummaryComponent extends BaseEditComponent {
+class ValidationSummaryComponent extends EditComponentBase {
     constructor() {
         super();
     }
@@ -4582,7 +4799,7 @@ class ValidationSummaryComponent extends BaseEditComponent {
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ValidationSummaryComponent, [{
         type: Component,
         args: [{
-                template: "",
+                template: ''
             }]
     }], function () { return []; }, null); })();
 
@@ -4653,13 +4870,13 @@ class ItemValidationSummaryComponent extends ValidationSummaryComponent {
 
   Created:
     12 Dec 2017
- 
+
   Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
 </file>
 */
 //Node
 const _c0$5 = function (a0) { return { "has-error": a0 }; };
-class FormsHtmlEditorComponent extends BaseHtmlEditorComponent {
+class FormsHtmlEditorComponent extends HtmlEditorComponentBase {
     editorFormKey = "html";
     constructor() {
         super();
@@ -4712,7 +4929,7 @@ class FormsHtmlEditorComponent extends BaseHtmlEditorComponent {
 </file>
 */
 //Node
-class HtmlEditorComponent extends BaseHtmlEditorComponent {
+class HtmlEditorComponent extends HtmlEditorComponentBase {
     constructor() {
         super();
     }
@@ -4752,223 +4969,6 @@ class HtmlEditorComponent extends BaseHtmlEditorComponent {
         args: [{ selector: "anatoly-html-editor", template: "<div class=\"form-group\">\r\n  <label class=\"col-form-label\">{{ editorLabelText }}</label>\r\n  <textarea [froalaEditor]=\"options\" (froalaInit)=\"initializeControl($event)\"></textarea>\r\n</div>\r\n" }]
     }], function () { return []; }, null); })();
 
-/*
-<file>
-  Project:
-    @osovitny/anatoly
-
-  Authors:
-    Vadim Osovitny vadim@osovitny.com
-    Anatoly Osovitny anatoly@osovitny.com
-
-  Created:
-    24 Jan 2022
-    
-  Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
-</file>
-*/
-//Node
-class BaseDialog extends BaseEditComponent {
-    _isOpen = false;
-    get isOpen() {
-        return this._isOpen;
-    }
-    set isOpen(value) {
-        if (value) {
-            if (this.anOnBeforeOpen) {
-                this.anOnBeforeOpen();
-            }
-            this.opened.emit();
-        }
-        this._isOpen = value;
-    }
-    //Events
-    opened = new EventEmitter();
-    closed = new EventEmitter();
-    constructor() {
-        super();
-    }
-    open() {
-        this.isOpen = true;
-    }
-    close(returnValue = "OK") {
-        this.isOpen = false;
-        this.closed.emit(returnValue);
-    }
-    cancel() {
-        this.isOpen = false;
-        this.closed.emit(-1);
-    }
-    static ɵfac = function BaseDialog_Factory(t) { return new (t || BaseDialog)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: BaseDialog, selectors: [["ng-component"]], inputs: { isOpen: "isOpen" }, outputs: { opened: "opened", closed: "closed" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 0, vars: 0, template: function BaseDialog_Template(rf, ctx) { }, encapsulation: 2 });
-}
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BaseDialog, [{
-        type: Component,
-        args: [{
-                template: ''
-            }]
-    }], function () { return []; }, { isOpen: [{
-            type: Input
-        }], opened: [{
-            type: Output
-        }], closed: [{
-            type: Output
-        }] }); })();
-
-/*
-<file>
-  Project:
-    @osovitny/anatoly
-
-  Authors:
-    Vadim Osovitny vadim@osovitny.com
-    Anatoly Osovitny anatoly@osovitny.com
-
-  Created:
-    20 Aug 2022
-
-  Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
-</file>
-*/
-//Node
-class BaseList extends BaseComponent {
-    currentFilter = null;
-    //Items & Pagination
-    items;
-    totalItems = 0;
-    pageSize = 10;
-    skipItems = 0;
-    currentPage = 1;
-    showNoDataIfNoDataFound = true;
-    loadPageOne() {
-        this.skipItems = 0;
-        this.currentPage = 1;
-        this.loadPage();
-    }
-    reloadPage(drop2pageOne = false) {
-        if (drop2pageOne) {
-            this.loadPageOne();
-        }
-        else {
-            this.loadPage();
-        }
-    }
-    setFilter(filter) {
-        this.currentFilter = filter;
-        this.loadPageOne();
-    }
-    //Tos
-    toIndex(index) {
-        return ((this.currentPage - 1) * this.pageSize) + index + 1;
-    }
-    //Events
-    onPageChange(e) {
-        this.pageSize = e.take;
-        this.skipItems = e.skip;
-        this.currentPage = (this.skipItems / this.pageSize) + 1;
-        this.loadPage();
-    }
-    static ɵfac = /*@__PURE__*/ function () { let ɵBaseList_BaseFactory; return function BaseList_Factory(t) { return (ɵBaseList_BaseFactory || (ɵBaseList_BaseFactory = i0.ɵɵgetInheritedFactory(BaseList)))(t || BaseList); }; }();
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: BaseList, selectors: [["ng-component"]], inputs: { showNoDataIfNoDataFound: "showNoDataIfNoDataFound" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 0, vars: 0, template: function BaseList_Template(rf, ctx) { }, encapsulation: 2 });
-}
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BaseList, [{
-        type: Component,
-        args: [{
-                template: ''
-            }]
-    }], null, { showNoDataIfNoDataFound: [{
-            type: Input
-        }] }); })();
-
-/*
-<file>
-  Project:
-    @osovitny/anatoly
-
-  Authors:
-    Vadim Osovitny vadim@osovitny.com
-    Anatoly Osovitny anatoly@osovitny.com
-
-  Created:
-    20 Aug 2022
-
-  Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
-</file>
-*/
-//Node
-class BasePage extends BaseComponent {
-    static ɵfac = /*@__PURE__*/ function () { let ɵBasePage_BaseFactory; return function BasePage_Factory(t) { return (ɵBasePage_BaseFactory || (ɵBasePage_BaseFactory = i0.ɵɵgetInheritedFactory(BasePage)))(t || BasePage); }; }();
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: BasePage, selectors: [["ng-component"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 0, vars: 0, template: function BasePage_Template(rf, ctx) { }, encapsulation: 2 });
-}
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BasePage, [{
-        type: Component,
-        args: [{
-                template: ''
-            }]
-    }], null, null); })();
-
-/*
-<file>
-  Project:
-    @osovitny/anatoly
-
-  Authors:
-    Vadim Osovitny vadim@osovitny.com
-    Anatoly Osovitny anatoly@osovitny.com
-
-  Created:
-    20 Aug 2022
-
-  Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
-</file>
-*/
-//Node
-class BasePagedPage extends BasePage {
-    currentFilter = null;
-    //Items & Pagination
-    items;
-    totalItems = 0;
-    pageSize = 10;
-    skipItems = 0;
-    currentPage = 1;
-    loadPageOne() {
-        this.skipItems = 0;
-        this.currentPage = 1;
-        this.loadPage();
-    }
-    reloadPage(drop2pageOne = false) {
-        if (drop2pageOne) {
-            this.loadPageOne();
-        }
-        else {
-            this.loadPage();
-        }
-    }
-    setFilter(filter) {
-        this.currentFilter = filter;
-        this.loadPageOne();
-    }
-    //Tos
-    toIndex(index) {
-        return ((this.currentPage - 1) * this.pageSize) + index + 1;
-    }
-    //Events
-    onPageChange(e) {
-        this.pageSize = e.take;
-        this.skipItems = e.skip;
-        this.currentPage = (this.skipItems / this.pageSize) + 1;
-        this.loadPage();
-    }
-    static ɵfac = /*@__PURE__*/ function () { let ɵBasePagedPage_BaseFactory; return function BasePagedPage_Factory(t) { return (ɵBasePagedPage_BaseFactory || (ɵBasePagedPage_BaseFactory = i0.ɵɵgetInheritedFactory(BasePagedPage)))(t || BasePagedPage); }; }();
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: BasePagedPage, selectors: [["ng-component"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 0, vars: 0, template: function BasePagedPage_Template(rf, ctx) { }, encapsulation: 2 });
-}
-(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BasePagedPage, [{
-        type: Component,
-        args: [{
-                template: ''
-            }]
-    }], null, null); })();
-
 /*
 <file>
   Project:
@@ -4984,6 +4984,7 @@ class BasePagedPage extends BasePage {
   Copyright (c) 2016-2022 Osovitny Inc. All rights reserved.
 </file>
 */
+//base
 
 /*
 <file>
@@ -5109,7 +5110,7 @@ function ContactUsForm_button_38_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵclassProp("btn-primary", !ctx_r2.formGroup.invalid);
 } }
 const _c0$4 = function (a0) { return { "has-error": a0 }; };
-class ContactUsForm extends BaseEditComponent {
+class ContactUsForm extends EditComponentBase {
     reCaptcha;
     fb;
     appContext;
@@ -5312,7 +5313,7 @@ function ContactUsDialog_kendo_dialog_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("showActionButtons", false);
 } }
-class ContactUsDialog extends BaseDialog {
+class ContactUsDialog extends DialogBase {
     contactUsForm;
     constructor() {
         super();
@@ -5488,7 +5489,7 @@ function AddressComponent_option_27_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(1);
     i0.ɵɵtextInterpolate(country_r7.name);
 } }
-class AddressComponent extends BaseEditComponent {
+class AddressComponent extends EditComponentBase {
     fb;
     api;
     //Private
@@ -5683,7 +5684,7 @@ function CompanyComponent_anatoly_card_header_1_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵproperty("title", ctx_r0.title);
 } }
 const _c0$1 = function (a0) { return { "has-error": a0 }; };
-class CompanyComponent extends BaseEditComponent {
+class CompanyComponent extends EditComponentBase {
     fb;
     //Private
     _company;
@@ -5833,7 +5834,7 @@ function UrlSlugComponent_div_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵpropertyInterpolate2("href", "", ctx_r1.urlPrefix, "", ctx_r1.hrefGo, "", i0.ɵɵsanitizeUrl);
 } }
 const _c0 = function (a0) { return { "has-error": a0 }; };
-class UrlSlugComponent extends BaseEditComponent {
+class UrlSlugComponent extends EditComponentBase {
     firstValue = true;
     hrefGo;
     //Inputs
@@ -5958,7 +5959,7 @@ function TimezoneDropdownlist_option_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(1);
     i0.ɵɵtextInterpolate2(" (", timezone_r2.offset, ") ", timezone_r2.name, " ");
 } }
-class TimezoneDropdownlist extends BaseEditComponent {
+class TimezoneDropdownlist extends EditComponentBase {
     api;
     appContext;
     timezoneListItems;
@@ -6487,7 +6488,7 @@ class AnatolyIAMModule {
 </file>
 */
 //Node
-class SignInPage extends BasePage {
+class SignInPage extends PageBase {
     auth;
     constructor(auth) {
         super();
@@ -6523,7 +6524,7 @@ class SignInPage extends BasePage {
 </file>
 */
 //Node
-class SignOutPage extends BasePage {
+class SignOutPage extends PageBase {
     auth;
     constructor(auth) {
         super();
@@ -6559,7 +6560,7 @@ class SignOutPage extends BasePage {
 </file>
 */
 //Node
-class SignUpPage extends BasePage {
+class SignUpPage extends PageBase {
     auth;
     constructor(auth) {
         super();
@@ -7014,5 +7015,5 @@ class AnatolyModule {
  * Generated bundle index. Do not edit.
  */
 
-export { AddressComponent, AdminGuard, Alerts, AnatolyCoreModule, AnatolyDataModule, AnatolyHttpInterceptor, AnatolyIAMModule, AnatolyIAMPagesModule, AnatolyModule, AnatolyUIModule, ApiServiceBase, ApiUrl, AppContextService, AppCoreSettings, AppName, AppVersion, AuthService, AuthenticationGuard, BaseComponent, BaseDialog, BaseEditComponent, BaseGoService, BaseHtmlEditorComponent, BaseList, BasePage, BasePagedPage, Browser, BuyAccessButtonComponent, CardBodyComponent, CardComponent, CardFooterComponent, CardHeaderComponent, CheckIconComponent, CompanyComponent, ContactUsDialog, ContactUsForm, Convert, Copy2ClipboardComponent, CoreApiService, DOM, DatapagerComponent, DefaultEditorOptions, DigitalMarketingService, EmailsApiService, FileSizePipe, FormValidationSummaryComponent, FormsHtmlEditorComponent, GlobalErrorHandler, GoogleAnalyticsService, GridEditServiceBase, GridReadServiceBase, Guid, HoveringDirective, HtmlEditorComponent, IdleService, InjectorInstance, ItemValidationSummaryComponent, L10NUrl, LoadingComponent, LoadingService, LocalStorageService, LocalizationInjectorInstance, LocalizationModule, LocalizationService, LocalizationSettingsModule, LocalizePipe, LoggingService, MSALUtils, NativeElementDirective, NodataComponent, NotificationService, PageSpinnerComponent, ReplaceTextPipe, SafeHtmlPipe, SessionStorageService, SignInButtonComponent, SignOutButtonComponent, SignUpButtonComponent, StarterServiceBase, Stopwatch, Subs, SubscribePlanButtonComponent, TimezoneDropdownlist, UrlSlugComponent, Utils, ValidationSummaryComponent, XmlFormatter, localizationInitializerFactory, throwIfAlreadyLoaded, translateLoaderFactory };
+export { AddressComponent, AdminGuard, Alerts, AnatolyCoreModule, AnatolyDataModule, AnatolyHttpInterceptor, AnatolyIAMModule, AnatolyIAMPagesModule, AnatolyModule, AnatolyUIModule, ApiServiceBase, ApiUrl, AppContextService, AppCoreSettings, AppName, AppVersion, AuthService, AuthenticationGuard, BaseGoService, Browser, BuyAccessButtonComponent, CardBodyComponent, CardComponent, CardFooterComponent, CardHeaderComponent, CheckIconComponent, CompanyComponent, ComponentBase, ContactUsDialog, ContactUsForm, Convert, Copy2ClipboardComponent, CoreApiService, DOM, DatapagerComponent, DefaultEditorOptions, DialogBase, DigitalMarketingService, EditComponentBase, EmailsApiService, FileSizePipe, FormValidationSummaryComponent, FormsHtmlEditorComponent, GlobalErrorHandler, GoogleAnalyticsService, GridEditServiceBase, GridReadServiceBase, Guid, HoveringDirective, HtmlEditorComponent, HtmlEditorComponentBase, IdleService, InjectorInstance, ItemValidationSummaryComponent, L10NUrl, ListBase, LoadingComponent, LoadingService, LocalStorageService, LocalizationInjectorInstance, LocalizationModule, LocalizationService, LocalizationSettingsModule, LocalizePipe, LoggingService, MSALUtils, NativeElementDirective, NodataComponent, NotificationService, PageBase, PageSpinnerComponent, PagedPageBase, ReplaceTextPipe, SafeHtmlPipe, SessionStorageService, SignInButtonComponent, SignOutButtonComponent, SignUpButtonComponent, StarterServiceBase, Stopwatch, Subs, SubscribePlanButtonComponent, TimezoneDropdownlist, UrlSlugComponent, Utils, ValidationSummaryComponent, XmlFormatter, localizationInitializerFactory, throwIfAlreadyLoaded, translateLoaderFactory };
 //# sourceMappingURL=osovitny-anatoly.mjs.map