@osovitny/anatoly 1.2.4 → 1.2.6

package/bundles/osovitny-anatoly.umd.js

@@ -1,8 +1,10 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common/http'), require('rxjs/operators'), require('rxjs'), require('@angular/router'), require('@angular/common'), require('@angular/forms'), require('angular-froala-wysiwyg'), require('@progress/kendo-angular-grid'), require('@progress/kendo-angular-popup'), require('@progress/kendo-angular-buttons'), require('@progress/kendo-angular-dropdowns')) :
-    typeof define === 'function' && define.amd ? define('@osovitny/anatoly', ['exports', '@angular/core', '@angular/common/http', 'rxjs/operators', 'rxjs', '@angular/router', '@angular/common', '@angular/forms', 'angular-froala-wysiwyg', '@progress/kendo-angular-grid', '@progress/kendo-angular-popup', '@progress/kendo-angular-buttons', '@progress/kendo-angular-dropdowns'], factory) :
-    (global = global || self, factory((global.osovitny = global.osovitny || {}, global.osovitny.anatoly = {}), global.ng.core, global.ng.common.http, global.rxjs.operators, global.rxjs, global.ng.router, global.ng.common, global.ng.forms, global.angularFroalaWysiwyg, global.kendoAngularGrid, global.kendoAngularPopup, global.kendoAngularButtons, global.kendoAngularDropdowns));
-}(this, (function (exports, core, http, operators, rxjs, router, common, forms, angularFroalaWysiwyg, kendoAngularGrid, kendoAngularPopup, kendoAngularButtons, kendoAngularDropdowns) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('sweetalert2'), require('@angular/core'), require('@angular/router'), require('@angular/common/http'), require('rxjs/operators'), require('@angular/common'), require('@angular/forms'), require('angular-froala-wysiwyg'), require('@progress/kendo-angular-grid'), require('@progress/kendo-angular-popup'), require('@progress/kendo-angular-buttons'), require('@progress/kendo-angular-dropdowns'), require('rxjs')) :
+    typeof define === 'function' && define.amd ? define('@osovitny/anatoly', ['exports', 'sweetalert2', '@angular/core', '@angular/router', '@angular/common/http', 'rxjs/operators', '@angular/common', '@angular/forms', 'angular-froala-wysiwyg', '@progress/kendo-angular-grid', '@progress/kendo-angular-popup', '@progress/kendo-angular-buttons', '@progress/kendo-angular-dropdowns', 'rxjs'], factory) :
+    (global = global || self, factory((global.osovitny = global.osovitny || {}, global.osovitny.anatoly = {}), global.Swal, global.ng.core, global.ng.router, global.ng.common.http, global.rxjs.operators, global.ng.common, global.ng.forms, global.angularFroalaWysiwyg, global.kendoAngularGrid, global.kendoAngularPopup, global.kendoAngularButtons, global.kendoAngularDropdowns, global.rxjs));
+}(this, (function (exports, Swal, core, router, http, operators, common, forms, angularFroalaWysiwyg, kendoAngularGrid, kendoAngularPopup, kendoAngularButtons, kendoAngularDropdowns, rxjs) { 'use strict';
+
+    Swal = Swal && Swal.hasOwnProperty('default') ? Swal['default'] : Swal;
 
     /*! *****************************************************************************
     Copyright (c) Microsoft Corporation. All rights reserved.
@@ -201,81 +203,102 @@
         return (mod && mod.__esModule) ? mod : { default: mod };
     }
 
-    var anatoly$1;
-    (function (anatoly) {
-        var consts;
-        (function (consts) {
-            consts.jsonUrl = "/dist/json/";
-            consts.appUrl = "/";
-            consts.apiUrl = "/api/";
-        })(consts = anatoly.consts || (anatoly.consts = {}));
-    })(anatoly$1 || (anatoly$1 = {}));
-    window.anatoly = anatoly$1;
-
     /*
     <file>
       Authors:
         Vadim Osovitny
 
       Created:
-        13 Nov 2017
+        4 Mar 2020
 
       Version:
         1.0
 
-      Copyright (c) 2016-2019 Osovitny Inc. All rights reserved.
+      Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
     </file>
     */
-    var BaseApiService = /** @class */ (function () {
-        function BaseApiService(http) {
-            this.http = http;
-            this.baseUrl = anatoly.consts.apiUrl;
+    var Alerts = /** @class */ (function () {
+        function Alerts() {
         }
-        BaseApiService.prototype.serializeParams = function (data) {
-            return data ? ('?' + $.param(data)) : '';
-        };
-        //webApi
-        BaseApiService.prototype.get = function (action, data) {
-            var url = this.baseUrl + ("" + action + this.serializeParams(data));
-            return this.http.get(url).pipe(operators.map(function (res) { return res; }));
+        Alerts.Info = function (text) {
+            Swal.fire({
+                title: "Info!",
+                text: text,
+                icon: "info",
+                confirmButtonText: "OK"
+            });
         };
-        BaseApiService.prototype.post = function (action, data) {
-            var url = this.baseUrl + ("" + action);
-            return this.http.post(url, data, { responseType: 'text' });
+        Alerts.Warning = function (text) {
+            Swal.fire({
+                title: "warning!",
+                text: text,
+                icon: "warning",
+                confirmButtonText: "OK"
+            });
         };
-        BaseApiService.prototype.postQS = function (action, data) {
-            var url = this.baseUrl + ("" + action + this.serializeParams(data));
-            return this.http.post(url, null, { responseType: 'text' });
+        Alerts.Error = function (text) {
+            Swal.fire({
+                title: "error!",
+                text: text,
+                icon: "error",
+                confirmButtonText: "OK"
+            });
         };
-        //gets
-        BaseApiService.prototype.getAll = function (data) {
-            return this.get('getall', data).pipe(operators.map(function (res) { return res; }));
+        Alerts.NotImplemented = function () {
+            this.Warning("Not Implemented Yet");
         };
-        BaseApiService.prototype.getJsonFile = function (fileName, jsonVersion) {
-            if (!jsonVersion) {
-                jsonVersion = "1.0";
-            }
-            var url = anatoly.consts.jsonUrl + fileName + '?' + jsonVersion;
-            return this.http.get(url).pipe(operators.map(function (res) { return res; }));
+        ;
+        Alerts.ErrorOccurred = function () {
+            this.Error("Sorry, an unexpected error occurred");
         };
-        BaseApiService.prototype.getNewGuid = function () {
-            var url = this.baseUrl + 'getNewGuid';
-            return this.http.get(url, { responseType: 'text' });
+        ;
+        Alerts.AreYouSure = function (text, title, confirmButtonText, cancelButtonText, successAction, cancelAction) {
+            if (typeof title == "undefined" || title == null)
+                title = "Are you sure?";
+            Swal.fire({
+                title: title,
+                text: text,
+                icon: 'warning',
+                confirmButtonText: confirmButtonText,
+                cancelButtonText: cancelButtonText,
+                showCancelButton: true
+            })
+                .then(function (result) {
+                if (result.value) {
+                    if (successAction) {
+                        successAction();
+                    }
+                }
+                // result.dismiss can be 'cancel', 'overlay', 'close', and 'timer'
+                else if (result.dismiss == Swal.DismissReason.cancel || result.dismiss == Swal.DismissReason.close) {
+                    if (cancelAction) {
+                        cancelAction();
+                    }
+                }
+            });
         };
-        //CRUD function
-        BaseApiService.prototype.getById = function (id) {
-            return this.get('getById', { id: id });
+        ;
+        Alerts.Success = function (text, title, successAction) {
+            if (typeof title == "undefined" || title == null)
+                title = "Success!";
+            Swal.fire({
+                title: title,
+                text: text,
+                icon: "success",
+                confirmButtonText: "OK"
+            })
+                .then(function () {
+                if (successAction) {
+                    successAction();
+                }
+            });
         };
-        BaseApiService.prototype.remove = function (id) {
-            return this.postQS('remove', { id: id });
+        ;
+        Alerts.Cancel = function (text) {
+            Swal.fire('Cancelled', text, 'error');
         };
-        BaseApiService.ctorParameters = function () { return [
-            { type: http.HttpClient }
-        ]; };
-        BaseApiService = __decorate([
-            core.Injectable()
-        ], BaseApiService);
-        return BaseApiService;
+        ;
+        return Alerts;
     }());
 
     /*
@@ -284,96 +307,27 @@
         Vadim Osovitny
 
       Created:
-        29 Apr 2018
+        4 Mar 2020
 
       Version:
         1.0
 
-      Copyright (c) 2016-2019 Osovitny Inc. All rights reserved.
+      Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
     </file>
     */
-    var BaseGridEditService = /** @class */ (function (_super) {
-        __extends(BaseGridEditService, _super);
-        function BaseGridEditService(http) {
-            var _this = _super.call(this, []) || this;
-            _this.http = http;
-            _this.data = [];
-            _this.baseUrl = anatoly.consts.apiUrl;
-            _this.baseReadUrl = _this.baseUrl + "getAll";
-            return _this;
+    var Utils = /** @class */ (function () {
+        function Utils() {
         }
-        BaseGridEditService.prototype.serializeParams = function (data) {
-            return data ? ('?' + $.param(data)) : '';
-        };
-        BaseGridEditService.prototype.reset = function () {
-            this.data = [];
-        };
-        BaseGridEditService.prototype.resetItem = function (dataItem) {
-            if (!dataItem) {
-                return;
-            }
-            //find orignal data item
-            var originalDataItem = this.data.find(function (item) { return item.Id === dataItem.Id; });
-            //revert changes
-            Object.assign(originalDataItem, dataItem);
-            _super.prototype.next.call(this, this.data);
-        };
-        BaseGridEditService.prototype.read = function (params) {
-            var _this = this;
-            if (this.data.length) {
-                return _super.prototype.next.call(this, this.data);
-            }
-            var url = this.baseReadUrl;
-            if (typeof params === 'undefined') {
-                params = this.savedReadParams;
-            }
-            if (typeof params !== 'undefined') {
-                url = this.baseReadUrl + ("" + this.serializeParams(params));
-                this.savedReadParams = params;
-            }
-            //  this.http.get(url)
-            //           .map(res => <any[]>res)
-            //           .do(data => { this.data = data; }).subscribe(data => { super.next(data); });
-            //}
-            this.http.get(url).pipe(operators.map(function (res) { return res; })).subscribe(function (data) { _super.prototype.next.call(_this, data); });
-        };
-        BaseGridEditService.prototype.save = function (data, isNew, sucess) {
-            var _this = this;
-            var action = isNew ? 'add' : 'update';
-            this.reset();
-            this.post(action, data).subscribe(function () {
-            }, function () {
-                _this.read();
-            }, function () {
-                _this.read();
-                if (sucess)
-                    sucess();
-            });
-        };
-        BaseGridEditService.prototype.remove = function (data, sucess) {
-            var _this = this;
-            this.reset();
-            this.post('remove', data).subscribe(function () {
-            }, function () {
-                _this.read();
-            }, function () {
-                _this.read();
-                if (sucess)
-                    sucess();
-            });
+        Utils.GetValueByNameInQS = function (name) {
+            return Utils.GetValueByName(location.search, name);
         };
-        BaseGridEditService.prototype.post = function (action, data) {
-            var url = this.baseUrl + ("" + action + this.serializeParams(data));
-            return this.http.post(url, data).pipe(operators.map(function (res) { return res; }));
+        Utils.GetValueByName = function (url, name) {
+            name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
+            var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"), results = regex.exec(url);
+            return results === null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
         };
-        BaseGridEditService.ctorParameters = function () { return [
-            { type: http.HttpClient }
-        ]; };
-        BaseGridEditService = __decorate([
-            core.Injectable()
-        ], BaseGridEditService);
-        return BaseGridEditService;
-    }(rxjs.BehaviorSubject));
+        return Utils;
+    }());
 
     /*
     <file>
@@ -386,7 +340,7 @@
       Version:
         1.0
 
-      Copyright (c) 2016-2019 Osovitny Inc. All rights reserved.
+      Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
     </file>
     */
     var BaseGoService = /** @class */ (function () {
@@ -408,6 +362,96 @@
         return BaseGoService;
     }());
 
+    /*
+    <file>
+      Authors:
+        Vadim Osovitny
+
+      Created:
+        4 Mar 2020
+
+      Version:
+        1.0
+
+      Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
+    </file>
+    */
+    var Consts = /** @class */ (function () {
+        function Consts() {
+        }
+        Consts.JsonUrl = "/dist/jsons/";
+        Consts.JsonVersion = "v=1.0.0";
+        Consts.AppUrl = "/";
+        Consts.ApiUrl = "/api/";
+        return Consts;
+    }());
+
+    /*
+    <file>
+      Authors:
+        Vadim Osovitny
+
+      Created:
+        13 Nov 2017
+
+      Version:
+        1.0
+
+      Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
+    </file>
+    */
+    var BaseApiService = /** @class */ (function () {
+        function BaseApiService(http) {
+            this.http = http;
+            this.baseUrl = Consts.ApiUrl;
+        }
+        BaseApiService.prototype.serializeParams = function (data) {
+            return data ? ('?' + $.param(data)) : '';
+        };
+        //webApi
+        BaseApiService.prototype.get = function (action, data) {
+            var url = this.baseUrl + ("" + action + this.serializeParams(data));
+            return this.http.get(url).pipe(operators.map(function (res) { return res; }));
+        };
+        BaseApiService.prototype.post = function (action, data) {
+            var url = this.baseUrl + ("" + action);
+            return this.http.post(url, data, { responseType: 'text' });
+        };
+        BaseApiService.prototype.postQS = function (action, data) {
+            var url = this.baseUrl + ("" + action + this.serializeParams(data));
+            return this.http.post(url, null, { responseType: 'text' });
+        };
+        //gets
+        BaseApiService.prototype.getAll = function (data) {
+            return this.get('getall', data).pipe(operators.map(function (res) { return res; }));
+        };
+        BaseApiService.prototype.getJsonFile = function (fileName, jsonVersion) {
+            if (!jsonVersion) {
+                jsonVersion = "1.0";
+            }
+            var url = Consts.JsonUrl + fileName + '?' + jsonVersion;
+            return this.http.get(url).pipe(operators.map(function (res) { return res; }));
+        };
+        BaseApiService.prototype.getNewGuid = function () {
+            var url = this.baseUrl + 'getNewGuid';
+            return this.http.get(url, { responseType: 'text' });
+        };
+        //CRUD function
+        BaseApiService.prototype.getById = function (id) {
+            return this.get('getById', { id: id });
+        };
+        BaseApiService.prototype.remove = function (id) {
+            return this.postQS('remove', { id: id });
+        };
+        BaseApiService.ctorParameters = function () { return [
+            { type: http.HttpClient }
+        ]; };
+        BaseApiService = __decorate([
+            core.Injectable()
+        ], BaseApiService);
+        return BaseApiService;
+    }());
+
     /*
     <file>
       Authors:
@@ -419,7 +463,7 @@
       Version:
         1.0
 
-      Copyright (c) 2016-2019 Osovitny Inc. All rights reserved.
+      Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
     </file>
     */
     var AppContextService = /** @class */ (function (_super) {
@@ -430,7 +474,7 @@
             _this.current = null;
             _this.successes = [];
             _this.subscription = null;
-            _this.baseUrl = anatoly.consts.apiUrl + 'appcontext/';
+            _this.baseUrl = Consts.ApiUrl + 'appcontext/';
             return _this;
         }
         AppContextService.prototype.getCurrent = function (success) {
@@ -482,157 +526,134 @@
         Vadim Osovitny
 
       Created:
-        10 Nov 2017
+        28 Aug 2018
 
       Version:
         1.0
 
-      Copyright (c) 2016-2019 Osovitny Inc. All rights reserved.
+      Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
     </file>
     */
-    var AnatolyCoreModule = /** @class */ (function () {
-        function AnatolyCoreModule() {
+    var BaseComponent = /** @class */ (function () {
+        function BaseComponent() {
         }
-        AnatolyCoreModule = __decorate([
-            core.NgModule({
-                imports: [
-                    common.CommonModule,
-                    http.HttpClientModule,
-                    http.HttpClientXsrfModule,
-                    http.HttpClientJsonpModule
-                ],
-                exports: [
-                    common.CommonModule,
-                    http.HttpClientModule,
-                    http.HttpClientXsrfModule,
-                    http.HttpClientJsonpModule
-                ],
-                declarations: [],
-                providers: [
-                    AppContextService
-                ]
-            })
-        ], AnatolyCoreModule);
-        return AnatolyCoreModule;
+        BaseComponent.prototype.getQSId = function () {
+            var id = Utils.GetValueByNameInQS("id");
+            if (typeof id === 'undefined' || id == '')
+                return null;
+            return id;
+        };
+        BaseComponent.prototype.showLoading = function () {
+            var panelLoading = $('#pnlLoading');
+            panelLoading.show();
+        };
+        BaseComponent.prototype.hideLoading = function () {
+            var panelLoading = $('#pnlLoading');
+            panelLoading.hide();
+        };
+        BaseComponent.prototype.handleError = function (e) {
+            this.hideLoading();
+            Alerts.ErrorOccurred();
+        };
+        return BaseComponent;
     }());
 
-    // Base
-
     /*
     <file>
       Authors:
         Vadim Osovitny
 
       Created:
-        12 Nov 2017
+        20 Nov 2017
 
       Version:
         1.0
 
-      Copyright (c) 2016-2019 Osovitny Inc. All rights reserved.
+      Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
     </file>
     */
-    var BaseBillingApiService = /** @class */ (function (_super) {
-        __extends(BaseBillingApiService, _super);
-        function BaseBillingApiService(http) {
-            var _this = _super.call(this, http) || this;
-            _this.http = http;
-            _this.baseUrl += 'billing/';
+    var BaseEditComponent = /** @class */ (function (_super) {
+        __extends(BaseEditComponent, _super);
+        function BaseEditComponent() {
+            var _this = _super.call(this) || this;
+            _this.formSubmitted = false;
             return _this;
         }
-        BaseBillingApiService.prototype.requestNewSubscription = function (requestedPlan, success, error) {
-            this.postQS('requestNewSubscription', { requestedPlan: requestedPlan })
-                .subscribe(function (data) { }, function (e) { if (error)
-                error(); }, function () { if (success)
-                success(); });
+        BaseEditComponent.prototype.isActionAdding = function () {
+            var id = Utils.GetValueByNameInQS("id");
+            if (typeof id === 'undefined' || id == '')
+                return true;
+            return false;
         };
-        BaseBillingApiService.prototype.cancelRequestedSubscription = function (success, error) {
-            this.postQS('cancelRequestedSubscription', null)
-                .subscribe(function (data) { }, function (e) { if (error)
-                error(); }, function () { if (success)
-                success(); });
+        BaseEditComponent.prototype.getEntityId = function () {
+            return this.getQSId();
         };
-        BaseBillingApiService.prototype.buyAccess = function (requestedPlan, success, error) {
-            this.postQS('buyAccess', { requestedPlan: requestedPlan })
-                .subscribe(function (data) { }, function (e) { if (error)
-                error(); }, function () { if (success)
-                success(); });
+        BaseEditComponent.prototype.isItemInvalid = function (name) {
+            if (typeof name === 'undefined' || name == '') {
+                return false;
+            }
+            if (!this.formGroup) {
+                return false;
+            }
+            if (this.formGroup.get(name)) {
+                return (this.formSubmitted && this.formGroup.get(name).invalid) ||
+                    (this.formGroup.get(name).touched && this.formGroup.get(name).invalid);
+            }
+            return false;
         };
-        BaseBillingApiService.ctorParameters = function () { return [
-            { type: http.HttpClient }
-        ]; };
-        BaseBillingApiService = __decorate([
-            core.Injectable()
-        ], BaseBillingApiService);
-        return BaseBillingApiService;
-    }(BaseApiService));
+        BaseEditComponent.prototype.getFormValue = function (name) {
+            return this.formGroup.controls[name].value;
+        };
+        BaseEditComponent.prototype.setFormValue = function (name, value) {
+            this.formGroup.controls[name].setValue(value);
+        };
+        BaseEditComponent.prototype.getFormGroupValue = function (groupName, name) {
+            return this.formGroup.controls[groupName].get(name).value;
+        };
+        BaseEditComponent.prototype.setFormGroupValue = function (groupName, name, value) {
+            this.formGroup.controls[groupName].get(name).setValue(value);
+        };
+        __decorate([
+            core.Input()
+        ], BaseEditComponent.prototype, "formGroup", void 0);
+        __decorate([
+            core.Input()
+        ], BaseEditComponent.prototype, "formSubmitted", void 0);
+        return BaseEditComponent;
+    }(BaseComponent));
 
     /*
     <file>
       Authors:
-        Vadim Osovitny
+        Anatoly Osovitny
 
       Created:
-        14 Aug 2018
+        23 Apr 2018
 
       Version:
         1.0
 
-      Copyright (c) 2016-2019 Osovitny Inc. All rights reserved.
+      Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
     </file>
     */
-    var BuyAccessButtonComponent = /** @class */ (function () {
-        function BuyAccessButtonComponent(appcontext, api) {
-            this.appcontext = appcontext;
-            this.api = api;
-            this.contextUpdated = false;
-            this.isUserSignedIn = false;
-            this.currentPlan = 0;
-            this.currentPlanTitle = "";
+    var ContentHeaderComponent = /** @class */ (function () {
+        function ContentHeaderComponent() {
         }
-        BuyAccessButtonComponent.prototype.ngOnInit = function () {
-            var _this = this;
-            if (!this.appcontext.isUserSignedIn()) {
-                this.contextUpdated = true;
-                return;
+        ContentHeaderComponent.prototype.ngOnInit = function () {
+            if (this.title == null) {
+                this.title = '';
             }
-            this.appcontext.getCurrent(function (current) {
-                _this.isUserSignedIn = current.isUserSignedIn;
-                if (_this.isUserSignedIn) {
-                    _this.currentPlan = current.account.billingPlan;
-                    _this.currentPlanTitle = current.account.billingPlanAsString;
-                }
-                _this.contextUpdated = true;
-            });
-        };
-        BuyAccessButtonComponent.prototype.onBuyPlan = function () {
-            var text = "Requested plan: " + this.plantitle + " ";
-            var that = this;
-            osovitny.ui.areYouSure(text, 'Buying access', 'Confirm change', 'Cancel', function () {
-                that.api.buyAccess(that.plan, function () {
-                    osovitny.ui.alertSuccess('Access Granted', null, function () {
-                        window.location.reload();
-                    });
-                });
-            });
         };
-        BuyAccessButtonComponent.ctorParameters = function () { return [
-            { type: AppContextService },
-            { type: BaseBillingApiService }
-        ]; };
-        __decorate([
-            core.Input()
-        ], BuyAccessButtonComponent.prototype, "plan", void 0);
         __decorate([
             core.Input()
-        ], BuyAccessButtonComponent.prototype, "plantitle", void 0);
-        BuyAccessButtonComponent = __decorate([
+        ], ContentHeaderComponent.prototype, "title", void 0);
+        ContentHeaderComponent = __decorate([
             core.Component({
-                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\">\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=\"plan != currentPlan && currentPlan == 1\" (click)=\"onBuyPlan()\">\r\n      Buy Now\r\n    </button>\r\n  </div>\r\n</div>\r\n"
+                selector: 'anatoly-content-header',
+                template: "<h2 class=\"page-header\">\r\n  {{title}}\r\n  <!--<small>Optional {{title}}</small>-->\r\n</h2>\r\n"
             })
-        ], BuyAccessButtonComponent);
-        return BuyAccessButtonComponent;
+        ], ContentHeaderComponent);
+        return ContentHeaderComponent;
     }());
 
     /*
@@ -641,58 +662,60 @@
         Vadim Osovitny
 
       Created:
-        1 Jun 2018
+        8 Dec 2017
 
       Version:
         1.0
 
-      Copyright (c) 2016-2019 Osovitny Inc. All rights reserved.
+      Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
     </file>
     */
-    var SubscribePlanButtonComponent = /** @class */ (function () {
-        function SubscribePlanButtonComponent(appcontext) {
-            this.appcontext = appcontext;
-            this.contextUpdated = false;
-            this.isUserSignedIn = false;
-            this.currentPlan = 0;
-            this.currentPlanTitle = "";
-            this.requestedPlan = 0;
-            this.requestedPlanTitle = "";
+    var ValidationSummaryComponent = /** @class */ (function (_super) {
+        __extends(ValidationSummaryComponent, _super);
+        function ValidationSummaryComponent() {
+            return _super.call(this) || this;
         }
-        SubscribePlanButtonComponent.prototype.ngOnInit = function () {
+        ValidationSummaryComponent.prototype.getFormValidationMessages = function () {
             var _this = this;
-            if (!this.appcontext.isUserSignedIn()) {
-                this.contextUpdated = true;
-                return;
-            }
-            this.appcontext.getCurrent(function (current) {
-                _this.isUserSignedIn = current.isUserSignedIn;
-                if (_this.isUserSignedIn) {
-                    _this.currentPlan = current.account.billingPlan;
-                    _this.currentPlanTitle = current.account.billingPlanAsString;
-                    _this.requestedPlan = current.account.requestedBillingPlan;
-                    _this.requestedPlanTitle = current.account.requestedBillingPlanAsString;
+            var messages = [];
+            Object.keys(this.formGroup.controls).forEach(function (k) {
+                var control = _this.formGroup.controls[k];
+                if (control.controls != null) {
+                    Object.keys(control.controls).forEach(function (k) {
+                        var child = control.controls[k];
+                        _this.getValidationMessages(child, k).forEach(function (m) { return messages.push(m); });
+                    });
+                }
+                else {
+                    _this.getValidationMessages(control, k).forEach(function (m) { return messages.push(m); });
                 }
-                _this.contextUpdated = true;
             });
+            return messages;
         };
-        SubscribePlanButtonComponent.ctorParameters = function () { return [
-            { type: AppContextService }
-        ]; };
-        __decorate([
-            core.Input()
-        ], SubscribePlanButtonComponent.prototype, "plan", void 0);
-        __decorate([
-            core.Input()
-        ], SubscribePlanButtonComponent.prototype, "plantitle", void 0);
-        SubscribePlanButtonComponent = __decorate([
-            core.Component({
-                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\">\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"
-            })
-        ], SubscribePlanButtonComponent);
-        return SubscribePlanButtonComponent;
-    }());
+        ValidationSummaryComponent.prototype.getValidationMessages = function (state, thingName) {
+            var thing = state.path || thingName;
+            var messages = [];
+            if (state.errors) {
+                for (var errorName in state.errors) {
+                    if (state.errors.hasOwnProperty(errorName)) {
+                        switch (errorName) {
+                            case 'required':
+                                messages.push(thing + " is required");
+                                break;
+                            case 'minlength':
+                                messages.push(thing + " must be at least " + state.errors['minlength'].requiredLength + " characters");
+                                break;
+                            case 'pattern':
+                                messages.push(thing + " contains illegal characters");
+                                break;
+                        }
+                    }
+                }
+            }
+            return messages;
+        };
+        return ValidationSummaryComponent;
+    }(BaseEditComponent));
 
     /*
     <file>
@@ -700,49 +723,36 @@
         Vadim Osovitny
 
       Created:
-        12 Nov 2017
+        7 Dec 2017
 
       Version:
         1.0
 
-      Copyright (c) 2016-2019 Osovitny Inc. All rights reserved.
+      Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
     </file>
     */
-    var UpgradePlanButtonComponent = /** @class */ (function () {
-        function UpgradePlanButtonComponent(api) {
-            this.api = api;
+    var FormValidationSummaryComponent = /** @class */ (function (_super) {
+        __extends(FormValidationSummaryComponent, _super);
+        function FormValidationSummaryComponent() {
+            var _this = _super.call(this) || this;
+            _this.visible = false;
+            return _this;
         }
-        UpgradePlanButtonComponent.prototype.onUpgradePlan = function () {
-            var text = "Current plan: " + this.currentplantitle + " New plan: " + this.requestedplantitle;
-            var that = this;
-            osovitny.ui.areYouSure(text, 'Change billing plan', 'Confirm change', 'Cancel', function () {
-                that.api.requestNewSubscription(that.requestedplan, function () {
-                    osovitny.ui.alertSuccess('Your request for changing plan has been sent.', null, function () {
-                        window.location.reload();
-                    });
-                });
-            });
+        FormValidationSummaryComponent.prototype.getErrors = function () {
+            var messages = this.getFormValidationMessages();
+            return messages;
         };
-        UpgradePlanButtonComponent.ctorParameters = function () { return [
-            { type: BaseBillingApiService }
-        ]; };
         __decorate([
             core.Input()
-        ], UpgradePlanButtonComponent.prototype, "currentplantitle", void 0);
-        __decorate([
-            core.Input()
-        ], UpgradePlanButtonComponent.prototype, "requestedplan", void 0);
-        __decorate([
-            core.Input()
-        ], UpgradePlanButtonComponent.prototype, "requestedplantitle", void 0);
-        UpgradePlanButtonComponent = __decorate([
+        ], FormValidationSummaryComponent.prototype, "visible", void 0);
+        FormValidationSummaryComponent = __decorate([
             core.Component({
-                selector: 'anatoly-upgrade-plan-button',
-                template: "<button class=\"btn btn-block btn-primary\" (click)=\"onUpgradePlan()\">\r\n  Upgrade\r\n</button>\r\n"
+                selector: 'anatoly-form-validation-summary',
+                template: "<div class=\"callout callout-danger\" *ngIf=\"visible\">\r\n  <h4 class=\"box-title\">There are problems with the form</h4>\r\n  <p *ngFor=\"let error of getErrors()\"><span class=\"help-block \" style=\"color:white\">{{error}}</span></p>\r\n</div>\r\n"
             })
-        ], UpgradePlanButtonComponent);
-        return UpgradePlanButtonComponent;
-    }());
+        ], FormValidationSummaryComponent);
+        return FormValidationSummaryComponent;
+    }(ValidationSummaryComponent));
 
     /*
     <file>
@@ -750,124 +760,231 @@
         Vadim Osovitny
 
       Created:
-        4 Jul 2018
+        6 Dec 2017
 
       Version:
         1.0
 
-      Copyright (c) 2018 Osovitny Inc. All rights reserved.
+      Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
     </file>
     */
-    var SignInButtonComponent = /** @class */ (function () {
-        function SignInButtonComponent() {
+    var ItemValidationSummaryComponent = /** @class */ (function (_super) {
+        __extends(ItemValidationSummaryComponent, _super);
+        function ItemValidationSummaryComponent() {
+            return _super.call(this) || this;
         }
         __decorate([
             core.Input()
-        ], SignInButtonComponent.prototype, "classbtn", void 0);
-        SignInButtonComponent = __decorate([
+        ], ItemValidationSummaryComponent.prototype, "key", void 0);
+        __decorate([
+            core.Input()
+        ], ItemValidationSummaryComponent.prototype, "title", void 0);
+        ItemValidationSummaryComponent = __decorate([
             core.Component({
-                selector: 'anatoly-signin-button',
-                template: "<a href=\"identity/signIn\" class=\"{{classbtn}}\">Sign In</a>\r\n"
+                selector: 'anatoly-item-validation-summary',
+                template: "<ul class=\"list-unstyled\" *ngIf=\"isItemInvalid(key)\">\r\n  <li *ngFor=\"let error of getValidationMessages(formGroup.get(key), title)\">\r\n    <span class=\"help-block\">{{ error }}</span>\r\n  </li>\r\n</ul>"
             })
-        ], SignInButtonComponent);
-        return SignInButtonComponent;
-    }());
+        ], ItemValidationSummaryComponent);
+        return ItemValidationSummaryComponent;
+    }(ValidationSummaryComponent));
+
+    var ɵ0 = function (images) {
+    };
+    var DefaultEditorOptions = {
+        placeholderText: 'Edit Your Content Here',
+        charCounterCount: true,
+        heightMin: 100,
+        toolbarInline: false,
+        toolbarButtons: {
+            'moreText': {
+                'buttons': ['bold', 'italic', 'underline', 'strikeThrough', 'subscript', 'superscript',
+                    'fontFamily', 'fontSize', 'textColor', '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: '' },
+        events: {
+            'image.beforeUpload': ɵ0
+        }
+    };
 
     /*
     <file>
       Authors:
+        Anatoly Osovitny
         Vadim Osovitny
 
       Created:
-        4 Jul 2018
+        12 Dec 2017
 
       Version:
         1.0
 
-      Copyright (c) 2018 Osovitny Inc. All rights reserved.
+      Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
     </file>
     */
-    var SignOutButtonComponent = /** @class */ (function () {
-        function SignOutButtonComponent() {
+    var BaseHtmlEditorComponent = /** @class */ (function (_super) {
+        __extends(BaseHtmlEditorComponent, _super);
+        function BaseHtmlEditorComponent() {
+            var _this = _super.call(this) || this;
+            _this.editorInitialized = false;
+            //General params
+            _this.editorId = '';
+            _this.editorLabelText = 'Html';
+            _this.editorOptions = {};
+            return _this;
         }
+        BaseHtmlEditorComponent.prototype.ngOnInit = function () {
+            var opt = this.editorOptions;
+            if (typeof this.editorOptions == "string") {
+                opt = JSON.parse(this.editorOptions);
+            }
+            var newOptions = $.extend({}, DefaultEditorOptions, opt);
+            var key = window.__froalaEditor_Key;
+            if (key) {
+                newOptions = $.extend({}, newOptions, JSON.parse('{ "key": "' + key + '" }'));
+            }
+            if (newOptions.events && newOptions.events.initialized) {
+                newOptions.events.initialized.overridden = false;
+            }
+            this.options = newOptions;
+        };
+        BaseHtmlEditorComponent.prototype.doAfterEditorInitialized = function (action) {
+            var that = this;
+            var timeOut = 500;
+            if (this.editorInitialized) {
+                timeOut = 100;
+            }
+            setTimeout(function () { action(that); }, timeOut);
+        };
+        BaseHtmlEditorComponent.prototype.getEditor = function () {
+            if (this._control)
+                return this._control.getEditor();
+            return null;
+        };
+        //Public Funcs
+        BaseHtmlEditorComponent.prototype.initializeControl = function (control) {
+            this._control = control;
+            this._control.initialize();
+            this.editorInitialized = true;
+        };
+        BaseHtmlEditorComponent.prototype.setUploadParams = function (uploadType, uploadParentId) {
+            this.doAfterEditorInitialized(function (that) {
+                var editor = that.getEditor();
+                if (typeof (editor) == "undefined" || editor == null) {
+                    return;
+                }
+                editor.opts.imageUploadParams.uploadType = uploadType;
+                editor.opts.imageUploadParams.uploadParentId = uploadParentId;
+            });
+        };
         __decorate([
             core.Input()
-        ], SignOutButtonComponent.prototype, "classbtn", void 0);
-        SignOutButtonComponent = __decorate([
-            core.Component({
-                selector: 'anatoly-signout-button',
-                template: "<a href=\"identity/signOut\" class=\"{{classbtn}}\">Sign Out</a>\r\n"
-            })
-        ], SignOutButtonComponent);
-        return SignOutButtonComponent;
-    }());
+        ], BaseHtmlEditorComponent.prototype, "editorId", void 0);
+        __decorate([
+            core.Input()
+        ], BaseHtmlEditorComponent.prototype, "editorLabelText", void 0);
+        __decorate([
+            core.Input()
+        ], BaseHtmlEditorComponent.prototype, "editorOptions", void 0);
+        return BaseHtmlEditorComponent;
+    }(BaseEditComponent));
 
     /*
     <file>
       Authors:
+        Anatoly Osovitny
         Vadim Osovitny
 
       Created:
-        4 Jul 2018
+        12 Dec 2017
 
       Version:
         1.0
 
-      Copyright (c) 2018 Osovitny Inc. All rights reserved.
+      Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
     </file>
     */
-    var SignUpButtonComponent = /** @class */ (function () {
-        function SignUpButtonComponent() {
+    var HtmlEditorComponent = /** @class */ (function (_super) {
+        __extends(HtmlEditorComponent, _super);
+        function HtmlEditorComponent() {
+            return _super.call(this) || this;
         }
-        __decorate([
-            core.Input()
-        ], SignUpButtonComponent.prototype, "classbtn", void 0);
-        SignUpButtonComponent = __decorate([
+        HtmlEditorComponent.prototype.setHtml = function (content) {
+            this.doAfterEditorInitialized(function (that) {
+                var editor = that.getEditor();
+                if (typeof (editor) == "undefined" || editor == null) {
+                    return;
+                }
+                editor.html.set(content);
+            });
+        };
+        HtmlEditorComponent.prototype.getHtml = function () {
+            var editor = this.getEditor();
+            if (typeof (editor) == "undefined" || editor == null) {
+                return;
+            }
+            return editor.html.get(false);
+        };
+        HtmlEditorComponent = __decorate([
             core.Component({
-                selector: 'anatoly-signup-button',
-                template: "<a href=\"identity/signup\" class=\"{{classbtn}}\">Sign Up</a>\r\n"
+                selector: 'anatoly-html-editor',
+                template: "<div>\r\n  <label>{{ editorLabelText }}</label>\r\n  <textarea id=\"htmleditor-{{editorId}}\" class=\"htmleditor-{{editorId}}\" \r\n            [froalaEditor]=\"options\" (froalaInit)=\"initializeControl($event)\">\r\n  </textarea>\r\n</div>"
             })
-        ], SignUpButtonComponent);
-        return SignUpButtonComponent;
-    }());
+        ], HtmlEditorComponent);
+        return HtmlEditorComponent;
+    }(BaseHtmlEditorComponent));
 
     /*
     <file>
       Authors:
+        Anatoly Osovitny
         Vadim Osovitny
 
       Created:
-        4 Jul 2018
+        12 Dec 2017
 
       Version:
         1.0
 
-      Copyright (c) 2018 Osovitny Inc. All rights reserved.
+      Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
     </file>
     */
-    var AnatolyIdentityModule = /** @class */ (function () {
-        function AnatolyIdentityModule() {
+    var FormsHtmlEditorComponent = /** @class */ (function (_super) {
+        __extends(FormsHtmlEditorComponent, _super);
+        function FormsHtmlEditorComponent() {
+            var _this = _super.call(this) || this;
+            _this.editorFormKey = 'html';
+            return _this;
         }
-        AnatolyIdentityModule = __decorate([
-            core.NgModule({
-                imports: [],
-                exports: [
-                    SignInButtonComponent,
-                    SignUpButtonComponent,
-                    SignOutButtonComponent
-                ],
-                declarations: [
-                    SignInButtonComponent,
-                    SignUpButtonComponent,
-                    SignOutButtonComponent
-                ],
-                providers: []
+        __decorate([
+            core.Input()
+        ], FormsHtmlEditorComponent.prototype, "editorFormKey", void 0);
+        FormsHtmlEditorComponent = __decorate([
+            core.Component({
+                selector: 'anatoly-forms-html-editor',
+                template: "<div [formGroup]=\"formGroup\">\r\n  <div class=\"form-group\" [ngClass]=\"{'has-error': isItemInvalid(editorFormKey) }\">\r\n    <label class=\"control-label\">{{ editorLabelText }}</label>\r\n    <textarea id=\"htmleditor-{{editorId}}\" class=\"htmleditor-{{editorId}}\"\r\n              [formControlName]=\"editorFormKey\"\r\n              [froalaEditor]=\"options\" (froalaInit)=\"initializeControl($event)\">\r\n    </textarea>\r\n    <anatoly-item-validation-summary [formGroup]=\"formGroup\"\r\n                                      [formSubmitted]=\"formSubmitted\"\r\n                                      [key]=\"editorFormKey\"\r\n                                      [title]=\"editorLabelText\">\r\n    </anatoly-item-validation-summary>\r\n  </div>\r\n</div>\r\n"
             })
-        ], AnatolyIdentityModule);
-        return AnatolyIdentityModule;
-    }());
-
-    // Components
+        ], FormsHtmlEditorComponent);
+        return FormsHtmlEditorComponent;
+    }(BaseHtmlEditorComponent));
 
     /*
     <file>
@@ -880,82 +997,106 @@
       Version:
         1.0
 
-      Copyright (c) 2016-2019 Osovitny Inc. All rights reserved.
+      Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
     </file>
     */
-    var AnatolyBillingModule = /** @class */ (function () {
-        function AnatolyBillingModule() {
+    var AnatolyCoreModule = /** @class */ (function () {
+        function AnatolyCoreModule() {
         }
-        AnatolyBillingModule = __decorate([
+        AnatolyCoreModule = __decorate([
             core.NgModule({
                 imports: [
                     common.CommonModule,
+                    forms.ReactiveFormsModule,
+                    forms.FormsModule,
                     http.HttpClientModule,
                     http.HttpClientXsrfModule,
                     http.HttpClientJsonpModule,
-                    AnatolyIdentityModule
+                    angularFroalaWysiwyg.FroalaEditorModule.forRoot(),
+                    angularFroalaWysiwyg.FroalaViewModule.forRoot(),
+                    kendoAngularGrid.GridModule,
+                    kendoAngularPopup.PopupModule,
+                    kendoAngularButtons.ButtonsModule,
+                    kendoAngularDropdowns.DropDownsModule
                 ],
                 exports: [
                     common.CommonModule,
                     http.HttpClientModule,
                     http.HttpClientXsrfModule,
                     http.HttpClientJsonpModule,
-                    SubscribePlanButtonComponent,
-                    UpgradePlanButtonComponent,
-                    BuyAccessButtonComponent
+                    ItemValidationSummaryComponent,
+                    FormValidationSummaryComponent,
+                    ContentHeaderComponent,
+                    HtmlEditorComponent,
+                    FormsHtmlEditorComponent
                 ],
                 declarations: [
-                    SubscribePlanButtonComponent,
-                    UpgradePlanButtonComponent,
-                    BuyAccessButtonComponent
-                ],
-                providers: [
-                    BaseBillingApiService
+                    ItemValidationSummaryComponent,
+                    FormValidationSummaryComponent,
+                    ContentHeaderComponent,
+                    HtmlEditorComponent,
+                    FormsHtmlEditorComponent
+                ],
+                providers: [
+                    AppContextService
+                ],
+                schemas: [
+                    core.CUSTOM_ELEMENTS_SCHEMA,
+                    core.NO_ERRORS_SCHEMA
                 ]
             })
-        ], AnatolyBillingModule);
-        return AnatolyBillingModule;
+        ], AnatolyCoreModule);
+        return AnatolyCoreModule;
     }());
 
-    // Components
-
     /*
     <file>
       Authors:
         Vadim Osovitny
 
       Created:
-        28 Aug 2018
+        12 Nov 2017
 
       Version:
         1.0
 
-      Copyright (c) 2016-2019 Osovitny Inc. All rights reserved.
+      Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
     </file>
     */
-    var BaseComponent = /** @class */ (function () {
-        function BaseComponent() {
+    var BaseBillingApiService = /** @class */ (function (_super) {
+        __extends(BaseBillingApiService, _super);
+        function BaseBillingApiService(http) {
+            var _this = _super.call(this, http) || this;
+            _this.http = http;
+            _this.baseUrl += 'billing/';
+            return _this;
         }
-        BaseComponent.prototype.getQSId = function () {
-            var id = osovitny.utils.getValueByNameInQS("id");
-            if (typeof id === 'undefined' || id == '')
-                return null;
-            return id;
-        };
-        BaseComponent.prototype.showLoading = function () {
-            var panelLoading = $('#pnlLoading');
-            panelLoading.show();
+        BaseBillingApiService.prototype.requestNewSubscription = function (requestedPlan, success, error) {
+            this.postQS('requestNewSubscription', { requestedPlan: requestedPlan })
+                .subscribe(function (data) { }, function (e) { if (error)
+                error(); }, function () { if (success)
+                success(); });
         };
-        BaseComponent.prototype.hideLoading = function () {
-            var panelLoading = $('#pnlLoading');
-            panelLoading.hide();
+        BaseBillingApiService.prototype.cancelRequestedSubscription = function (success, error) {
+            this.postQS('cancelRequestedSubscription', null)
+                .subscribe(function (data) { }, function (e) { if (error)
+                error(); }, function () { if (success)
+                success(); });
         };
-        BaseComponent.prototype.handleError = function (e) {
-            this.hideLoading();
-            osovitny.ui.errorOccurred();
+        BaseBillingApiService.prototype.buyAccess = function (requestedPlan, success, error) {
+            this.postQS('buyAccess', { requestedPlan: requestedPlan })
+                .subscribe(function (data) { }, function (e) { if (error)
+                error(); }, function () { if (success)
+                success(); });
         };
-        return BaseComponent;
-    }());
+        BaseBillingApiService.ctorParameters = function () { return [
+            { type: http.HttpClient }
+        ]; };
+        BaseBillingApiService = __decorate([
+            core.Injectable()
+        ], BaseBillingApiService);
+        return BaseBillingApiService;
+    }(BaseApiService));
 
     /*
     <file>
@@ -963,96 +1104,125 @@
         Vadim Osovitny
 
       Created:
-        20 Nov 2017
+        14 Aug 2018
 
       Version:
         1.0
 
-      Copyright (c) 2016-2019 Osovitny Inc. All rights reserved.
+      Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
     </file>
     */
-    var BaseEditComponent = /** @class */ (function (_super) {
-        __extends(BaseEditComponent, _super);
-        function BaseEditComponent() {
-            var _this = _super.call(this) || this;
-            _this.formSubmitted = false;
-            return _this;
+    var BuyAccessButtonComponent = /** @class */ (function () {
+        function BuyAccessButtonComponent(appcontext, api) {
+            this.appcontext = appcontext;
+            this.api = api;
+            this.contextUpdated = false;
+            this.isUserSignedIn = false;
+            this.currentPlan = 0;
+            this.currentPlanTitle = "";
         }
-        BaseEditComponent.prototype.isActionAdding = function () {
-            var id = osovitny.utils.getValueByNameInQS("id");
-            if (typeof id === 'undefined' || id == '')
-                return true;
-            return false;
-        };
-        BaseEditComponent.prototype.getEntityId = function () {
-            return this.getQSId();
-        };
-        BaseEditComponent.prototype.isItemInvalid = function (name) {
-            if (typeof name === 'undefined' || name == '') {
-                return false;
-            }
-            if (!this.formGroup) {
-                return false;
-            }
-            if (this.formGroup.get(name)) {
-                return (this.formSubmitted && this.formGroup.get(name).invalid) ||
-                    (this.formGroup.get(name).touched && this.formGroup.get(name).invalid);
+        BuyAccessButtonComponent.prototype.ngOnInit = function () {
+            var _this = this;
+            if (!this.appcontext.isUserSignedIn()) {
+                this.contextUpdated = true;
+                return;
             }
-            return false;
-        };
-        BaseEditComponent.prototype.getFormValue = function (name) {
-            return this.formGroup.controls[name].value;
-        };
-        BaseEditComponent.prototype.setFormValue = function (name, value) {
-            this.formGroup.controls[name].setValue(value);
-        };
-        BaseEditComponent.prototype.getFormGroupValue = function (groupName, name) {
-            return this.formGroup.controls[groupName].get(name).value;
+            this.appcontext.getCurrent(function (current) {
+                _this.isUserSignedIn = current.isUserSignedIn;
+                if (_this.isUserSignedIn) {
+                    _this.currentPlan = current.account.billingPlan;
+                    _this.currentPlanTitle = current.account.billingPlanAsString;
+                }
+                _this.contextUpdated = true;
+            });
         };
-        BaseEditComponent.prototype.setFormGroupValue = function (groupName, name, value) {
-            this.formGroup.controls[groupName].get(name).setValue(value);
+        BuyAccessButtonComponent.prototype.onBuyPlan = function () {
+            var text = "Requested plan: " + this.plantitle + " ";
+            var that = this;
+            Alerts.AreYouSure(text, 'Buying access', 'Confirm change', 'Cancel', function () {
+                that.api.buyAccess(that.plan, function () {
+                    Alerts.Success('Access Granted', null, function () {
+                        window.location.reload();
+                    });
+                });
+            });
         };
+        BuyAccessButtonComponent.ctorParameters = function () { return [
+            { type: AppContextService },
+            { type: BaseBillingApiService }
+        ]; };
         __decorate([
             core.Input()
-        ], BaseEditComponent.prototype, "formGroup", void 0);
+        ], BuyAccessButtonComponent.prototype, "plan", void 0);
         __decorate([
             core.Input()
-        ], BaseEditComponent.prototype, "formSubmitted", void 0);
-        return BaseEditComponent;
-    }(BaseComponent));
+        ], BuyAccessButtonComponent.prototype, "plantitle", void 0);
+        BuyAccessButtonComponent = __decorate([
+            core.Component({
+                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\">\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=\"plan != currentPlan && currentPlan == 1\" (click)=\"onBuyPlan()\">\r\n      Buy Now\r\n    </button>\r\n  </div>\r\n</div>\r\n"
+            })
+        ], BuyAccessButtonComponent);
+        return BuyAccessButtonComponent;
+    }());
 
     /*
     <file>
       Authors:
-        Anatoly Osovitny
+        Vadim Osovitny
 
       Created:
-        23 Apr 2018
+        1 Jun 2018
 
       Version:
         1.0
 
-      Copyright (c) 2016-2019 Osovitny Inc. All rights reserved.
+      Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
     </file>
     */
-    var ContentHeaderComponent = /** @class */ (function () {
-        function ContentHeaderComponent() {
+    var SubscribePlanButtonComponent = /** @class */ (function () {
+        function SubscribePlanButtonComponent(appcontext) {
+            this.appcontext = appcontext;
+            this.contextUpdated = false;
+            this.isUserSignedIn = false;
+            this.currentPlan = 0;
+            this.currentPlanTitle = "";
+            this.requestedPlan = 0;
+            this.requestedPlanTitle = "";
         }
-        ContentHeaderComponent.prototype.ngOnInit = function () {
-            if (this.title == null) {
-                this.title = '';
+        SubscribePlanButtonComponent.prototype.ngOnInit = function () {
+            var _this = this;
+            if (!this.appcontext.isUserSignedIn()) {
+                this.contextUpdated = true;
+                return;
             }
+            this.appcontext.getCurrent(function (current) {
+                _this.isUserSignedIn = current.isUserSignedIn;
+                if (_this.isUserSignedIn) {
+                    _this.currentPlan = current.account.billingPlan;
+                    _this.currentPlanTitle = current.account.billingPlanAsString;
+                    _this.requestedPlan = current.account.requestedBillingPlan;
+                    _this.requestedPlanTitle = current.account.requestedBillingPlanAsString;
+                }
+                _this.contextUpdated = true;
+            });
         };
+        SubscribePlanButtonComponent.ctorParameters = function () { return [
+            { type: AppContextService }
+        ]; };
         __decorate([
             core.Input()
-        ], ContentHeaderComponent.prototype, "title", void 0);
-        ContentHeaderComponent = __decorate([
+        ], SubscribePlanButtonComponent.prototype, "plan", void 0);
+        __decorate([
+            core.Input()
+        ], SubscribePlanButtonComponent.prototype, "plantitle", void 0);
+        SubscribePlanButtonComponent = __decorate([
             core.Component({
-                selector: 'anatoly-content-header',
-                template: "<h2 class=\"page-header\">\r\n  {{title}}\r\n  <!--<small>Optional {{title}}</small>-->\r\n</h2>\r\n"
+                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\">\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"
             })
-        ], ContentHeaderComponent);
-        return ContentHeaderComponent;
+        ], SubscribePlanButtonComponent);
+        return SubscribePlanButtonComponent;
     }());
 
     /*
@@ -1061,60 +1231,49 @@
         Vadim Osovitny
 
       Created:
-        8 Dec 2017
+        12 Nov 2017
 
       Version:
         1.0
 
-      Copyright (c) 2016-2019 Osovitny Inc. All rights reserved.
+      Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
     </file>
     */
-    var ValidationSummaryComponent = /** @class */ (function (_super) {
-        __extends(ValidationSummaryComponent, _super);
-        function ValidationSummaryComponent() {
-            return _super.call(this) || this;
+    var UpgradePlanButtonComponent = /** @class */ (function () {
+        function UpgradePlanButtonComponent(api) {
+            this.api = api;
         }
-        ValidationSummaryComponent.prototype.getFormValidationMessages = function () {
-            var _this = this;
-            var messages = [];
-            Object.keys(this.formGroup.controls).forEach(function (k) {
-                var control = _this.formGroup.controls[k];
-                if (control.controls != null) {
-                    Object.keys(control.controls).forEach(function (k) {
-                        var child = control.controls[k];
-                        _this.getValidationMessages(child, k).forEach(function (m) { return messages.push(m); });
+        UpgradePlanButtonComponent.prototype.onUpgradePlan = function () {
+            var text = "Current plan: " + this.currentplantitle + " New plan: " + this.requestedplantitle;
+            var that = this;
+            Alerts.AreYouSure(text, 'Change billing plan', 'Confirm change', 'Cancel', function () {
+                that.api.requestNewSubscription(that.requestedplan, function () {
+                    Alerts.Success('Your request for changing plan has been sent.', null, function () {
+                        window.location.reload();
                     });
-                }
-                else {
-                    _this.getValidationMessages(control, k).forEach(function (m) { return messages.push(m); });
-                }
+                });
             });
-            return messages;
-        };
-        ValidationSummaryComponent.prototype.getValidationMessages = function (state, thingName) {
-            var thing = state.path || thingName;
-            var messages = [];
-            if (state.errors) {
-                for (var errorName in state.errors) {
-                    if (state.errors.hasOwnProperty(errorName)) {
-                        switch (errorName) {
-                            case 'required':
-                                messages.push(thing + " is required");
-                                break;
-                            case 'minlength':
-                                messages.push(thing + " must be at least " + state.errors['minlength'].requiredLength + " characters");
-                                break;
-                            case 'pattern':
-                                messages.push(thing + " contains illegal characters");
-                                break;
-                        }
-                    }
-                }
-            }
-            return messages;
         };
-        return ValidationSummaryComponent;
-    }(BaseEditComponent));
+        UpgradePlanButtonComponent.ctorParameters = function () { return [
+            { type: BaseBillingApiService }
+        ]; };
+        __decorate([
+            core.Input()
+        ], UpgradePlanButtonComponent.prototype, "currentplantitle", void 0);
+        __decorate([
+            core.Input()
+        ], UpgradePlanButtonComponent.prototype, "requestedplan", void 0);
+        __decorate([
+            core.Input()
+        ], UpgradePlanButtonComponent.prototype, "requestedplantitle", void 0);
+        UpgradePlanButtonComponent = __decorate([
+            core.Component({
+                selector: 'anatoly-upgrade-plan-button',
+                template: "<button class=\"btn btn-block btn-primary\" (click)=\"onUpgradePlan()\">\r\n  Upgrade\r\n</button>\r\n"
+            })
+        ], UpgradePlanButtonComponent);
+        return UpgradePlanButtonComponent;
+    }());
 
     /*
     <file>
@@ -1122,36 +1281,28 @@
         Vadim Osovitny
 
       Created:
-        7 Dec 2017
+        4 Jul 2018
 
       Version:
         1.0
 
-      Copyright (c) 2016-2019 Osovitny Inc. All rights reserved.
+      Copyright (c) 2018 Osovitny Inc. All rights reserved.
     </file>
     */
-    var FormValidationSummaryComponent = /** @class */ (function (_super) {
-        __extends(FormValidationSummaryComponent, _super);
-        function FormValidationSummaryComponent() {
-            var _this = _super.call(this) || this;
-            _this.visible = false;
-            return _this;
+    var SignInButtonComponent = /** @class */ (function () {
+        function SignInButtonComponent() {
         }
-        FormValidationSummaryComponent.prototype.getErrors = function () {
-            var messages = this.getFormValidationMessages();
-            return messages;
-        };
         __decorate([
             core.Input()
-        ], FormValidationSummaryComponent.prototype, "visible", void 0);
-        FormValidationSummaryComponent = __decorate([
+        ], SignInButtonComponent.prototype, "classbtn", void 0);
+        SignInButtonComponent = __decorate([
             core.Component({
-                selector: 'anatoly-form-validation-summary',
-                template: "<div class=\"callout callout-danger\" *ngIf=\"visible\">\r\n  <h4 class=\"box-title\">There are problems with the form</h4>\r\n  <p *ngFor=\"let error of getErrors()\"><span class=\"help-block \" style=\"color:white\">{{error}}</span></p>\r\n</div>\r\n"
+                selector: 'anatoly-signin-button',
+                template: "<a href=\"identity/signIn\" class=\"{{classbtn}}\">Sign In</a>\r\n"
             })
-        ], FormValidationSummaryComponent);
-        return FormValidationSummaryComponent;
-    }(ValidationSummaryComponent));
+        ], SignInButtonComponent);
+        return SignInButtonComponent;
+    }());
 
     /*
     <file>
@@ -1159,231 +1310,145 @@
         Vadim Osovitny
 
       Created:
-        6 Dec 2017
+        4 Jul 2018
 
       Version:
         1.0
 
-      Copyright (c) 2016-2019 Osovitny Inc. All rights reserved.
+      Copyright (c) 2018 Osovitny Inc. All rights reserved.
     </file>
     */
-    var ItemValidationSummaryComponent = /** @class */ (function (_super) {
-        __extends(ItemValidationSummaryComponent, _super);
-        function ItemValidationSummaryComponent() {
-            return _super.call(this) || this;
+    var SignOutButtonComponent = /** @class */ (function () {
+        function SignOutButtonComponent() {
         }
         __decorate([
             core.Input()
-        ], ItemValidationSummaryComponent.prototype, "key", void 0);
-        __decorate([
-            core.Input()
-        ], ItemValidationSummaryComponent.prototype, "title", void 0);
-        ItemValidationSummaryComponent = __decorate([
+        ], SignOutButtonComponent.prototype, "classbtn", void 0);
+        SignOutButtonComponent = __decorate([
             core.Component({
-                selector: 'anatoly-item-validation-summary',
-                template: "<ul class=\"list-unstyled\" *ngIf=\"isItemInvalid(key)\">\r\n  <li *ngFor=\"let error of getValidationMessages(formGroup.get(key), title)\">\r\n    <span class=\"help-block\">{{ error }}</span>\r\n  </li>\r\n</ul>"
+                selector: 'anatoly-signout-button',
+                template: "<a href=\"identity/signOut\" class=\"{{classbtn}}\">Sign Out</a>\r\n"
             })
-        ], ItemValidationSummaryComponent);
-        return ItemValidationSummaryComponent;
-    }(ValidationSummaryComponent));
-
-    var ɵ0 = function (images) {
-    };
-    var DefaultEditorOptions = {
-        placeholderText: 'Edit Your Content Here',
-        charCounterCount: true,
-        heightMin: 100,
-        toolbarInline: false,
-        toolbarButtons: {
-            'moreText': {
-                'buttons': ['bold', 'italic', 'underline', 'strikeThrough', 'subscript', 'superscript',
-                    'fontFamily', 'fontSize', 'textColor', '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: '' },
-        events: {
-            'image.beforeUpload': ɵ0
-        }
-    };
+        ], SignOutButtonComponent);
+        return SignOutButtonComponent;
+    }());
 
     /*
     <file>
       Authors:
-        Anatoly Osovitny
         Vadim Osovitny
 
       Created:
-        12 Dec 2017
+        4 Jul 2018
 
       Version:
         1.0
 
-      Copyright (c) 2016-2019 Osovitny Inc. All rights reserved.
+      Copyright (c) 2018 Osovitny Inc. All rights reserved.
     </file>
     */
-    var BaseHtmlEditorComponent = /** @class */ (function (_super) {
-        __extends(BaseHtmlEditorComponent, _super);
-        function BaseHtmlEditorComponent() {
-            var _this = _super.call(this) || this;
-            _this.editorInitialized = false;
-            //General params
-            _this.editorId = '';
-            _this.editorLabelText = 'Html';
-            _this.editorOptions = {};
-            return _this;
+    var SignUpButtonComponent = /** @class */ (function () {
+        function SignUpButtonComponent() {
         }
-        BaseHtmlEditorComponent.prototype.ngOnInit = function () {
-            var opt = this.editorOptions;
-            if (typeof this.editorOptions == "string") {
-                opt = JSON.parse(this.editorOptions);
-            }
-            var newOptions = $.extend({}, DefaultEditorOptions, opt);
-            var key = window.__froalaEditor_Key;
-            if (key) {
-                newOptions = $.extend({}, newOptions, JSON.parse('{ "key": "' + key + '" }'));
-            }
-            if (newOptions.events && newOptions.events.initialized) {
-                newOptions.events.initialized.overridden = false;
-            }
-            this.options = newOptions;
-        };
-        BaseHtmlEditorComponent.prototype.doAfterEditorInitialized = function (action) {
-            var that = this;
-            var timeOut = 500;
-            if (this.editorInitialized) {
-                timeOut = 100;
-            }
-            setTimeout(function () { action(that); }, timeOut);
-        };
-        BaseHtmlEditorComponent.prototype.getEditor = function () {
-            if (this._control)
-                return this._control.getEditor();
-            return null;
-        };
-        //Public Funcs
-        BaseHtmlEditorComponent.prototype.initializeControl = function (control) {
-            this._control = control;
-            this._control.initialize();
-            this.editorInitialized = true;
-        };
-        BaseHtmlEditorComponent.prototype.setUploadParams = function (uploadType, uploadParentId) {
-            this.doAfterEditorInitialized(function (that) {
-                var editor = that.getEditor();
-                if (typeof (editor) == "undefined" || editor == null) {
-                    return;
-                }
-                editor.opts.imageUploadParams.uploadType = uploadType;
-                editor.opts.imageUploadParams.uploadParentId = uploadParentId;
-            });
-        };
-        __decorate([
-            core.Input()
-        ], BaseHtmlEditorComponent.prototype, "editorId", void 0);
-        __decorate([
-            core.Input()
-        ], BaseHtmlEditorComponent.prototype, "editorLabelText", void 0);
         __decorate([
             core.Input()
-        ], BaseHtmlEditorComponent.prototype, "editorOptions", void 0);
-        return BaseHtmlEditorComponent;
-    }(BaseEditComponent));
+        ], SignUpButtonComponent.prototype, "classbtn", void 0);
+        SignUpButtonComponent = __decorate([
+            core.Component({
+                selector: 'anatoly-signup-button',
+                template: "<a href=\"identity/signup\" class=\"{{classbtn}}\">Sign Up</a>\r\n"
+            })
+        ], SignUpButtonComponent);
+        return SignUpButtonComponent;
+    }());
 
     /*
     <file>
       Authors:
-        Anatoly Osovitny
         Vadim Osovitny
 
       Created:
-        12 Dec 2017
+        4 Jul 2018
 
       Version:
         1.0
 
-      Copyright (c) 2016-2019 Osovitny Inc. All rights reserved.
+      Copyright (c) 2018 Osovitny Inc. All rights reserved.
     </file>
     */
-    var HtmlEditorComponent = /** @class */ (function (_super) {
-        __extends(HtmlEditorComponent, _super);
-        function HtmlEditorComponent() {
-            return _super.call(this) || this;
+    var AnatolyIdentityModule = /** @class */ (function () {
+        function AnatolyIdentityModule() {
         }
-        HtmlEditorComponent.prototype.setHtml = function (content) {
-            this.doAfterEditorInitialized(function (that) {
-                var editor = that.getEditor();
-                if (typeof (editor) == "undefined" || editor == null) {
-                    return;
-                }
-                editor.html.set(content);
-            });
-        };
-        HtmlEditorComponent.prototype.getHtml = function () {
-            var editor = this.getEditor();
-            if (typeof (editor) == "undefined" || editor == null) {
-                return;
-            }
-            return editor.html.get(false);
-        };
-        HtmlEditorComponent = __decorate([
-            core.Component({
-                selector: 'anatoly-html-editor',
-                template: "<div>\r\n  <label>{{ editorLabelText }}</label>\r\n  <textarea id=\"htmleditor-{{editorId}}\" class=\"htmleditor-{{editorId}}\" \r\n            [froalaEditor]=\"options\" (froalaInit)=\"initializeControl($event)\">\r\n  </textarea>\r\n</div>"
+        AnatolyIdentityModule = __decorate([
+            core.NgModule({
+                imports: [],
+                exports: [
+                    SignInButtonComponent,
+                    SignUpButtonComponent,
+                    SignOutButtonComponent
+                ],
+                declarations: [
+                    SignInButtonComponent,
+                    SignUpButtonComponent,
+                    SignOutButtonComponent
+                ],
+                providers: []
             })
-        ], HtmlEditorComponent);
-        return HtmlEditorComponent;
-    }(BaseHtmlEditorComponent));
+        ], AnatolyIdentityModule);
+        return AnatolyIdentityModule;
+    }());
+
+    // Components
 
     /*
     <file>
       Authors:
-        Anatoly Osovitny
         Vadim Osovitny
 
       Created:
-        12 Dec 2017
+        10 Nov 2017
 
       Version:
         1.0
 
-      Copyright (c) 2016-2019 Osovitny Inc. All rights reserved.
+      Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
     </file>
     */
-    var FormsHtmlEditorComponent = /** @class */ (function (_super) {
-        __extends(FormsHtmlEditorComponent, _super);
-        function FormsHtmlEditorComponent() {
-            var _this = _super.call(this) || this;
-            _this.editorFormKey = 'html';
-            return _this;
+    var AnatolyBillingModule = /** @class */ (function () {
+        function AnatolyBillingModule() {
         }
-        __decorate([
-            core.Input()
-        ], FormsHtmlEditorComponent.prototype, "editorFormKey", void 0);
-        FormsHtmlEditorComponent = __decorate([
-            core.Component({
-                selector: 'anatoly-forms-html-editor',
-                template: "<div [formGroup]=\"formGroup\">\r\n  <div class=\"form-group\" [ngClass]=\"{'has-error': isItemInvalid(editorFormKey) }\">\r\n    <label class=\"control-label\">{{ editorLabelText }}</label>\r\n    <textarea id=\"htmleditor-{{editorId}}\" class=\"htmleditor-{{editorId}}\"\r\n              [formControlName]=\"editorFormKey\"\r\n              [froalaEditor]=\"options\" (froalaInit)=\"initializeControl($event)\">\r\n    </textarea>\r\n    <anatoly-item-validation-summary [formGroup]=\"formGroup\"\r\n                                      [formSubmitted]=\"formSubmitted\"\r\n                                      [key]=\"editorFormKey\"\r\n                                      [title]=\"editorLabelText\">\r\n    </anatoly-item-validation-summary>\r\n  </div>\r\n</div>\r\n"
+        AnatolyBillingModule = __decorate([
+            core.NgModule({
+                imports: [
+                    common.CommonModule,
+                    http.HttpClientModule,
+                    http.HttpClientXsrfModule,
+                    http.HttpClientJsonpModule,
+                    AnatolyIdentityModule
+                ],
+                exports: [
+                    common.CommonModule,
+                    http.HttpClientModule,
+                    http.HttpClientXsrfModule,
+                    http.HttpClientJsonpModule,
+                    SubscribePlanButtonComponent,
+                    UpgradePlanButtonComponent,
+                    BuyAccessButtonComponent
+                ],
+                declarations: [
+                    SubscribePlanButtonComponent,
+                    UpgradePlanButtonComponent,
+                    BuyAccessButtonComponent
+                ],
+                providers: [
+                    BaseBillingApiService
+                ]
             })
-        ], FormsHtmlEditorComponent);
-        return FormsHtmlEditorComponent;
-    }(BaseHtmlEditorComponent));
+        ], AnatolyBillingModule);
+        return AnatolyBillingModule;
+    }());
+
+    // Components
 
     /*
     <file>
@@ -1391,65 +1456,140 @@
         Vadim Osovitny
 
       Created:
-        3 Jun 2018
+        29 Apr 2018
 
       Version:
         1.0
 
-      Copyright (c) 2016-2019 Osovitny Inc. All rights reserved.
+      Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
     </file>
     */
-    var AnatolyUIModule = /** @class */ (function () {
-        function AnatolyUIModule() {
+    var BaseGridEditService = /** @class */ (function (_super) {
+        __extends(BaseGridEditService, _super);
+        function BaseGridEditService(http) {
+            var _this = _super.call(this, []) || this;
+            _this.http = http;
+            _this.data = [];
+            _this.baseUrl = Consts.ApiUrl;
+            _this.baseReadUrl = _this.baseUrl + "getAll";
+            return _this;
         }
-        AnatolyUIModule = __decorate([
+        BaseGridEditService.prototype.serializeParams = function (data) {
+            return data ? ('?' + $.param(data)) : '';
+        };
+        BaseGridEditService.prototype.reset = function () {
+            this.data = [];
+        };
+        BaseGridEditService.prototype.resetItem = function (dataItem) {
+            if (!dataItem) {
+                return;
+            }
+            //find orignal data item
+            var originalDataItem = this.data.find(function (item) { return item.Id === dataItem.Id; });
+            //revert changes
+            Object.assign(originalDataItem, dataItem);
+            _super.prototype.next.call(this, this.data);
+        };
+        BaseGridEditService.prototype.read = function (params) {
+            var _this = this;
+            if (this.data.length) {
+                return _super.prototype.next.call(this, this.data);
+            }
+            var url = this.baseReadUrl;
+            if (typeof params === 'undefined') {
+                params = this.savedReadParams;
+            }
+            if (typeof params !== 'undefined') {
+                url = this.baseReadUrl + ("" + this.serializeParams(params));
+                this.savedReadParams = params;
+            }
+            //  this.http.get(url)
+            //           .map(res => <any[]>res)
+            //           .do(data => { this.data = data; }).subscribe(data => { super.next(data); });
+            //}
+            this.http.get(url).pipe(operators.map(function (res) { return res; })).subscribe(function (data) { _super.prototype.next.call(_this, data); });
+        };
+        BaseGridEditService.prototype.save = function (data, isNew, sucess) {
+            var _this = this;
+            var action = isNew ? 'add' : 'update';
+            this.reset();
+            this.post(action, data).subscribe(function () {
+            }, function () {
+                _this.read();
+            }, function () {
+                _this.read();
+                if (sucess)
+                    sucess();
+            });
+        };
+        BaseGridEditService.prototype.remove = function (data, sucess) {
+            var _this = this;
+            this.reset();
+            this.post('remove', data).subscribe(function () {
+            }, function () {
+                _this.read();
+            }, function () {
+                _this.read();
+                if (sucess)
+                    sucess();
+            });
+        };
+        BaseGridEditService.prototype.post = function (action, data) {
+            var url = this.baseUrl + ("" + action + this.serializeParams(data));
+            return this.http.post(url, data).pipe(operators.map(function (res) { return res; }));
+        };
+        BaseGridEditService.ctorParameters = function () { return [
+            { type: http.HttpClient }
+        ]; };
+        BaseGridEditService = __decorate([
+            core.Injectable()
+        ], BaseGridEditService);
+        return BaseGridEditService;
+    }(rxjs.BehaviorSubject));
+
+    /*
+    <file>
+      Authors:
+        Vadim Osovitny
+
+      Created:
+        4 Mar 2020
+
+      Version:
+        1.0
+
+      Copyright (c) 2016-2020 Osovitny Inc. All rights reserved.
+    </file>
+    */
+    var AnatolyDataModule = /** @class */ (function () {
+        function AnatolyDataModule() {
+        }
+        AnatolyDataModule = __decorate([
             core.NgModule({
                 imports: [
                     common.CommonModule,
-                    forms.ReactiveFormsModule,
-                    forms.FormsModule,
                     http.HttpClientModule,
                     http.HttpClientXsrfModule,
-                    http.HttpClientJsonpModule,
-                    angularFroalaWysiwyg.FroalaEditorModule.forRoot(),
-                    angularFroalaWysiwyg.FroalaViewModule.forRoot(),
-                    kendoAngularGrid.GridModule,
-                    kendoAngularPopup.PopupModule,
-                    kendoAngularButtons.ButtonsModule,
-                    kendoAngularDropdowns.DropDownsModule
+                    http.HttpClientJsonpModule
                 ],
                 exports: [
                     common.CommonModule,
                     http.HttpClientModule,
                     http.HttpClientXsrfModule,
-                    http.HttpClientJsonpModule,
-                    ItemValidationSummaryComponent,
-                    FormValidationSummaryComponent,
-                    ContentHeaderComponent,
-                    HtmlEditorComponent,
-                    FormsHtmlEditorComponent
-                ],
-                declarations: [
-                    ItemValidationSummaryComponent,
-                    FormValidationSummaryComponent,
-                    ContentHeaderComponent,
-                    HtmlEditorComponent,
-                    FormsHtmlEditorComponent
+                    http.HttpClientJsonpModule
                 ],
-                providers: [],
-                schemas: [
-                    core.CUSTOM_ELEMENTS_SCHEMA,
-                    core.NO_ERRORS_SCHEMA
-                ]
+                declarations: [],
+                providers: []
             })
-        ], AnatolyUIModule);
-        return AnatolyUIModule;
+        ], AnatolyDataModule);
+        return AnatolyDataModule;
     }());
 
+    exports.Alerts = Alerts;
     exports.AnatolyBillingModule = AnatolyBillingModule;
     exports.AnatolyCoreModule = AnatolyCoreModule;
+    exports.AnatolyDataModule = AnatolyDataModule;
     exports.AnatolyIdentityModule = AnatolyIdentityModule;
-    exports.AnatolyUIModule = AnatolyUIModule;
     exports.AppContextService = AppContextService;
     exports.BaseApiService = BaseApiService;
     exports.BaseBillingApiService = BaseBillingApiService;
@@ -1458,6 +1598,7 @@
     exports.BaseGoService = BaseGoService;
     exports.BaseGridEditService = BaseGridEditService;
     exports.BuyAccessButtonComponent = BuyAccessButtonComponent;
+    exports.Consts = Consts;
     exports.ContentHeaderComponent = ContentHeaderComponent;
     exports.FormValidationSummaryComponent = FormValidationSummaryComponent;
     exports.FormsHtmlEditorComponent = FormsHtmlEditorComponent;
@@ -1468,6 +1609,7 @@
     exports.SignUpButtonComponent = SignUpButtonComponent;
     exports.SubscribePlanButtonComponent = SubscribePlanButtonComponent;
     exports.UpgradePlanButtonComponent = UpgradePlanButtonComponent;
+    exports.Utils = Utils;
     exports.ValidationSummaryComponent = ValidationSummaryComponent;
 
     Object.defineProperty(exports, '__esModule', { value: true });