@osovitny/anatoly 3.17.97 → 3.17.98

package/fesm2022/osovitny-anatoly.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Injectable, Inject, EventEmitter, Output, Pipe, APP_INITIALIZER, Injector, NgModule, Component, Input, ChangeDetectionStrategy, ViewChild, ViewEncapsulation, Directive, HostBinding, HostListener, Optional, SkipSelf } from '@angular/core';
+import { Injectable, Inject, EventEmitter, Output, Pipe, APP_INITIALIZER, Injector, NgModule, Component, Input, ChangeDetectionStrategy, ViewChild, Directive, ViewEncapsulation, HostBinding, HostListener, Optional, SkipSelf } from '@angular/core';
 import js_beautify from 'js-beautify';
 import * as i1 from '@angular/router';
 import { NavigationEnd, NavigationStart, NavigationCancel, NavigationError, RouterModule } from '@angular/router';
@@ -28,21 +28,34 @@ import * as dropin from 'braintree-web-drop-in';
 import * as i2$1 from '@progress/kendo-angular-dialog';
 import { DialogsModule } from '@progress/kendo-angular-dialog';
 import { loadStripe } from '@stripe/stripe-js';
+import * as i3 from '@progress/kendo-angular-dropdowns';
+import { DropDownsModule } from '@progress/kendo-angular-dropdowns';
+import * as i4$1 from '@progress/kendo-angular-label';
+import { LabelModule } from '@progress/kendo-angular-label';
+import * as i3$1 from 'angular-froala-wysiwyg';
+import { FERootModule } from 'angular-froala-wysiwyg';
 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 i3 from 'angular-froala-wysiwyg';
-import { FERootModule } from 'angular-froala-wysiwyg';
 import * as i1$8 from 'ngx-captcha';
 import { NgxCaptchaModule } from 'ngx-captcha';
 import { faCheckCircle, faCircleXmark, faDatabase, faCopy } from '@fortawesome/free-solid-svg-icons';
 import { ButtonsModule } from '@progress/kendo-angular-buttons';
-import { DropDownsModule } from '@progress/kendo-angular-dropdowns';
-import { InputsModule } from '@progress/kendo-angular-inputs';
-import { TreeViewModule } from '@progress/kendo-angular-treeview';
-import { TooltipsModule } from '@progress/kendo-angular-tooltip';
+import { ChartsModule } from '@progress/kendo-angular-charts';
+import { DateInputsModule } from '@progress/kendo-angular-dateinputs';
+import { GridModule } from '@progress/kendo-angular-grid';
 import { IconsModule } from '@progress/kendo-angular-icons';
+import { InputsModule, FormFieldModule } from '@progress/kendo-angular-inputs';
+import { IntlModule } from '@progress/kendo-angular-intl';
+import { LayoutModule } from '@progress/kendo-angular-layout';
+import { PopupModule } from '@progress/kendo-angular-popup';
+import { RippleModule } from '@progress/kendo-angular-ripple';
+import { SchedulerModule } from '@progress/kendo-angular-scheduler';
+import { ScrollViewModule } from '@progress/kendo-angular-scrollview';
+import { TooltipsModule } from '@progress/kendo-angular-tooltip';
+import { TreeViewModule } from '@progress/kendo-angular-treeview';
+import { UploadsModule } from '@progress/kendo-angular-upload';
 
 /*
 <file>
@@ -637,8 +650,7 @@ var PaymentStage;
 
   Authors:
     Vadim Osovitny vadim.osovitny@osovitny.com
-    Anatoly Osovitny anatoly.osovitny@osovitny.com
-
+  
   Created:
     11 Nov 2024
 
@@ -650,6 +662,20 @@ var DataViewType;
     DataViewType["Grid"] = "grid";
     DataViewType["List"] = "list";
 })(DataViewType || (DataViewType = {}));
+var PublishStatus;
+(function (PublishStatus) {
+    PublishStatus[PublishStatus["Draft"] = 1] = "Draft";
+    PublishStatus[PublishStatus["PendingReview"] = 2] = "PendingReview";
+    PublishStatus[PublishStatus["Published"] = 3] = "Published";
+    PublishStatus[PublishStatus["Archived"] = 4] = "Archived";
+})(PublishStatus || (PublishStatus = {}));
+var ModerationStatus;
+(function (ModerationStatus) {
+    ModerationStatus[ModerationStatus["Draft"] = 1] = "Draft";
+    ModerationStatus[ModerationStatus["PendingReview"] = 2] = "PendingReview";
+    ModerationStatus[ModerationStatus["Approved"] = 3] = "Approved";
+    ModerationStatus[ModerationStatus["Rejected"] = 4] = "Rejected"; //item is rejected by Moderator 
+})(ModerationStatus || (ModerationStatus = {}));
 
 /*
 <file>
@@ -6540,38 +6566,36 @@ class SubscribePlanButtonComponent {
     @osovitny/anatoly
 
   Authors:
-    Vadim Osovitny vadim.osovitny@osovitny.com
     Anatoly Osovitny anatoly.osovitny@osovitny.com
 
   Created:
-    15 Aug 2022
+    29 July 2022
 
   Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
 </file>
 */
 //Node
-const _c0$d = ["*"];
-class CheckIconComponent {
-    constructor() {
-        //Inputs
-        this.checked = true;
-    }
-    static { this.ɵfac = function CheckIconComponent_Factory(t) { return new (t || CheckIconComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CheckIconComponent, selectors: [["anatoly-check-icon"]], inputs: { checked: "checked" }, ngContentSelectors: _c0$d, decls: 2, vars: 2, consts: [[3, "icon", "ngClass"]], template: function CheckIconComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵprojectionDef();
-            i0.ɵɵelement(0, "fa-icon", 0);
+const _c0$d = [[["mex-card-header"]], [["mex-card-body"]], "*", [["mex-card-footer"]]];
+const _c1 = ["mex-card-header", "mex-card-body", "*", "mex-card-footer"];
+class CardComponent extends ComponentBase {
+    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵCardComponent_BaseFactory; return function CardComponent_Factory(t) { return (ɵCardComponent_BaseFactory || (ɵCardComponent_BaseFactory = i0.ɵɵgetInheritedFactory(CardComponent)))(t || CardComponent); }; })(); }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CardComponent, selectors: [["anatoly-card"]], features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c1, decls: 5, vars: 3, template: function CardComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef(_c0$d);
+            i0.ɵɵelementStart(0, "div");
             i0.ɵɵprojection(1);
+            i0.ɵɵprojection(2, 1);
+            i0.ɵɵprojection(3, 2);
+            i0.ɵɵprojection(4, 3);
+            i0.ɵɵelementEnd();
         } if (rf & 2) {
-            i0.ɵɵproperty("icon", ctx.checked ? "check-circle" : "circle-xmark")("ngClass", ctx.checked ? "text-success" : "text-danger");
-        } }, dependencies: [i1$2.NgClass, i1$6.FaIconComponent], encapsulation: 2 }); }
+            i0.ɵɵclassMapInterpolate1("card ", ctx.classes, "");
+        } }, encapsulation: 2 }); }
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CheckIconComponent, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CardComponent, [{
         type: Component,
-        args: [{ selector: 'anatoly-check-icon', template: "<fa-icon [icon]=\"this.checked ? 'check-circle' : 'circle-xmark'\" [ngClass]=\"checked ? 'text-success' : 'text-danger'\">\r\n</fa-icon>\r\n<ng-content></ng-content>\r\n" }]
-    }], null, { checked: [{
-            type: Input
-        }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CheckIconComponent, { className: "CheckIconComponent", filePath: "lib\\ui\\components\\check-icon\\check-icon.component.ts", lineNumber: 24 }); })();
+        args: [{ selector: 'anatoly-card', template: "<div class='card {{ classes }}'>\r\n  <ng-content select='mex-card-header'></ng-content>\r\n  <ng-content select='mex-card-body'></ng-content>\r\n  <ng-content></ng-content>\r\n  <ng-content select='mex-card-footer'></ng-content>\r\n</div>\r\n" }]
+    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CardComponent, { className: "CardComponent", filePath: "lib\\ui\\components\\card\\card.component.ts", lineNumber: 26 }); })();
 
 /*
 <file>
@@ -6579,89 +6603,45 @@ class CheckIconComponent {
     @osovitny/anatoly
 
   Authors:
-    Vadim Osovitny vadim.osovitny@osovitny.com
     Anatoly Osovitny anatoly.osovitny@osovitny.com
 
   Created:
-    28 Aug 2022
+    29 July 2022
 
   Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
 </file>
 */
 //Node
-class DataPagerComponent extends ComponentBase {
-    constructor() {
-        super(...arguments);
-        //Private
-        this._defaultPageSizes = [5, 10, 20, 30];
-        //Public
-        this.pageSizes = [];
-        //Inputs
-        this.totalItems = 0;
-        this.pageSize = 0;
-        this.skipItems = 0;
-        this.pageSizeMax = 30;
-        //Outputs
-        this.pageChange = new EventEmitter();
-    }
-    get width() {
-        return this._width;
-    }
-    set width(value) {
-        this._width = value;
-        if (value) {
-            this.style = "width: " + value;
-        }
-    }
-    ngOnInit() {
-        this.pageSizes = [];
-        if (this.pageSizeDivisor) {
-            for (let i = 3; i < this.pageSizeMax; i++) {
-                let remainder = i % this.pageSizeDivisor;
-                if (remainder == 0) {
-                    this.pageSizes.push(i);
-                }
-            }
-        }
-        else {
-            this.pageSizes = this._defaultPageSizes;
-        }
-    }
-    //Events
-    onPageChange(e) {
-        this.pageChange.emit(e);
-    }
-    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵDataPagerComponent_BaseFactory; return function DataPagerComponent_Factory(t) { return (ɵDataPagerComponent_BaseFactory || (ɵDataPagerComponent_BaseFactory = i0.ɵɵgetInheritedFactory(DataPagerComponent)))(t || DataPagerComponent); }; })(); }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DataPagerComponent, selectors: [["anatoly-datapager"]], inputs: { totalItems: "totalItems", pageSize: "pageSize", skipItems: "skipItems", pageSizeDivisor: "pageSizeDivisor", pageSizeMax: "pageSizeMax", width: "width" }, outputs: { pageChange: "pageChange" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 9, consts: [[3, "total", "pageSize", "pageSizeValues", "skip", "pageChange"]], template: function DataPagerComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "div")(1, "kendo-datapager", 0);
-            i0.ɵɵlistener("pageChange", function DataPagerComponent_Template_kendo_datapager_pageChange_1_listener($event) { return ctx.onPageChange($event); });
-            i0.ɵɵelementEnd()();
+function CardHeaderComponent_h3_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "h3");
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r0.title);
+} }
+const _c0$c = ["*"];
+class CardHeaderComponent extends ComponentBase {
+    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵCardHeaderComponent_BaseFactory; return function CardHeaderComponent_Factory(t) { return (ɵCardHeaderComponent_BaseFactory || (ɵCardHeaderComponent_BaseFactory = i0.ɵɵgetInheritedFactory(CardHeaderComponent)))(t || CardHeaderComponent); }; })(); }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CardHeaderComponent, selectors: [["anatoly-card-header"]], features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$c, decls: 4, vars: 4, consts: [[1, "card-title"], [4, "ngIf"]], template: function CardHeaderComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef();
+            i0.ɵɵelementStart(0, "div")(1, "div", 0);
+            i0.ɵɵtemplate(2, CardHeaderComponent_h3_2_Template, 2, 1, "h3", 1);
+            i0.ɵɵelementEnd();
+            i0.ɵɵprojection(3);
+            i0.ɵɵelementEnd();
         } if (rf & 2) {
-            i0.ɵɵclassMap(ctx.classes);
-            i0.ɵɵadvance();
-            i0.ɵɵstyleMap(ctx.style);
-            i0.ɵɵproperty("total", ctx.totalItems)("pageSize", ctx.pageSize)("pageSizeValues", ctx.pageSizes)("skip", ctx.skipItems);
-        } }, dependencies: [i1$7.PagerComponent], encapsulation: 2 }); }
+            i0.ɵɵclassMapInterpolate1("card-header ", ctx.classes, "");
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("ngIf", ctx.title);
+        } }, dependencies: [i1$2.NgIf], encapsulation: 2 }); }
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DataPagerComponent, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CardHeaderComponent, [{
         type: Component,
-        args: [{ selector: 'anatoly-datapager', template: "<div class='{{ classes }}'>\r\n  <kendo-datapager [total]='totalItems'\r\n                   [pageSize]='pageSize'\r\n                   [pageSizeValues]='pageSizes'\r\n                   [skip]='skipItems'\r\n                   [style]='style'\r\n                   (pageChange)='onPageChange($event)'>\r\n  </kendo-datapager>\r\n</div>\r\n" }]
-    }], null, { totalItems: [{
-            type: Input
-        }], pageSize: [{
-            type: Input
-        }], skipItems: [{
-            type: Input
-        }], pageSizeDivisor: [{
-            type: Input
-        }], pageSizeMax: [{
-            type: Input
-        }], width: [{
-            type: Input
-        }], pageChange: [{
-            type: Output
-        }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DataPagerComponent, { className: "DataPagerComponent", filePath: "lib\\ui\\components\\datapager\\datapager.component.ts", lineNumber: 27 }); })();
+        args: [{ selector: 'anatoly-card-header', template: "<div class='card-header {{ classes }}'>\r\n  <div class=\"card-title\">\r\n    <h3 *ngIf='title'>{{ title }}</h3>\r\n  </div>\r\n  <ng-content></ng-content>\r\n</div>\r\n" }]
+    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CardHeaderComponent, { className: "CardHeaderComponent", filePath: "lib\\ui\\components\\card\\card-header.component.ts", lineNumber: 26 }); })();
 
 /*
 <file>
@@ -6669,96 +6649,32 @@ class DataPagerComponent extends ComponentBase {
     @osovitny/anatoly
 
   Authors:
-    Vadim Osovitny vadim.osovitny@osovitny.com
     Anatoly Osovitny anatoly.osovitny@osovitny.com
 
   Created:
-    4 Jul 2018
+    29 July 2022
 
   Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
 </file>
 */
 //Node
-function SignInButtonComponent_a_0_ng_container_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0);
-} }
-function SignInButtonComponent_a_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "a", 3);
-    i0.ɵɵtemplate(1, SignInButtonComponent_a_0_ng_container_1_Template, 1, 0, "ng-container", 4);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    const _r3 = i0.ɵɵreference(3);
-    i0.ɵɵclassMap(ctx_r0.classes);
-    i0.ɵɵproperty("href", ctx_r0.url, i0.ɵɵsanitizeUrl);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", _r3);
-} }
-function SignInButtonComponent_a_1_ng_container_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0);
-} }
-function SignInButtonComponent_a_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "a", 5);
-    i0.ɵɵtemplate(1, SignInButtonComponent_a_1_ng_container_1_Template, 1, 0, "ng-container", 4);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    const _r3 = i0.ɵɵreference(3);
-    i0.ɵɵclassMap(ctx_r1.classes);
-    i0.ɵɵproperty("routerLink", ctx_r1.url);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", _r3);
-} }
-function SignInButtonComponent_ng_template_2_span_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span");
-    i0.ɵɵtext(1, "Sign In");
-    i0.ɵɵelementEnd();
-} }
-function SignInButtonComponent_ng_template_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", null, 6);
-    i0.ɵɵprojection(2);
-    i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(3, SignInButtonComponent_ng_template_2_span_3_Template, 2, 0, "span", 7);
-} if (rf & 2) {
-    const _r6 = i0.ɵɵreference(1);
-    i0.ɵɵadvance(3);
-    i0.ɵɵproperty("ngIf", !_r6.innerHTML.trim());
-} }
-const _c0$c = ["*"];
-class SignInButtonComponent extends ComponentBase {
-    constructor() {
-        super();
-        this.external = false;
-    }
-    ngOnInit() {
-        let url = MSALConfig.ui.signin;
-        if (url) {
-            this.external = url.indexOf('http') > -1;
-            if (this.external) {
-                this.url = url + (this.qs ? '?' + this.qs : '');
-            }
-            else {
-                this.url = url;
-            }
-        }
-    }
-    static { this.ɵfac = function SignInButtonComponent_Factory(t) { return new (t || SignInButtonComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SignInButtonComponent, selectors: [["anatoly-signin-button"]], inputs: { qs: "qs" }, features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$c, decls: 4, vars: 2, consts: [[3, "href", "class", 4, "ngIf"], [3, "routerLink", "class", 4, "ngIf"], ["contentTemplate", ""], [3, "href"], [4, "ngTemplateOutlet"], [3, "routerLink"], ["ref", ""], [4, "ngIf"]], template: function SignInButtonComponent_Template(rf, ctx) { if (rf & 1) {
+const _c0$b = ["*"];
+class CardBodyComponent extends ComponentBase {
+    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵCardBodyComponent_BaseFactory; return function CardBodyComponent_Factory(t) { return (ɵCardBodyComponent_BaseFactory || (ɵCardBodyComponent_BaseFactory = i0.ɵɵgetInheritedFactory(CardBodyComponent)))(t || CardBodyComponent); }; })(); }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CardBodyComponent, selectors: [["anatoly-card-body"]], features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$b, decls: 2, vars: 3, template: function CardBodyComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
-            i0.ɵɵtemplate(0, SignInButtonComponent_a_0_Template, 2, 5, "a", 0)(1, SignInButtonComponent_a_1_Template, 2, 5, "a", 1)(2, SignInButtonComponent_ng_template_2_Template, 4, 1, "ng-template", null, 2, i0.ɵɵtemplateRefExtractor);
+            i0.ɵɵelementStart(0, "div");
+            i0.ɵɵprojection(1);
+            i0.ɵɵelementEnd();
         } if (rf & 2) {
-            i0.ɵɵproperty("ngIf", ctx.external);
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", !ctx.external);
-        } }, dependencies: [i1$2.NgIf, i1$2.NgTemplateOutlet, i1.RouterLink], encapsulation: 2 }); }
+            i0.ɵɵclassMapInterpolate1("card-body ", ctx.classes, "");
+        } }, encapsulation: 2 }); }
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SignInButtonComponent, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CardBodyComponent, [{
         type: Component,
-        args: [{ selector: "anatoly-signin-button", template: "<a [href]=\"url\" class=\"{{ classes }}\" *ngIf=\"external\">\r\n  <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\r\n</a>\r\n\r\n<a [routerLink]=\"url\" class=\"{{ classes }}\" *ngIf=\"!external\">\r\n  <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\r\n</a>\r\n\r\n<ng-template #contentTemplate>\r\n  <span #ref><ng-content></ng-content></span>\r\n  <span *ngIf=\"!ref.innerHTML.trim()\">Sign In</span>\r\n</ng-template>\r\n" }]
-    }], () => [], { qs: [{
-            type: Input
-        }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SignInButtonComponent, { className: "SignInButtonComponent", filePath: "lib\\ui\\components\\identity\\signin-button.component.ts", lineNumber: 28 }); })();
+        args: [{ selector: 'anatoly-card-body', template: "<div class='card-body {{ classes }}'>\r\n  <ng-content></ng-content>\r\n</div>\r\n" }]
+    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CardBodyComponent, { className: "CardBodyComponent", filePath: "lib\\ui\\components\\card\\card-body.component.ts", lineNumber: 26 }); })();
 
 /*
 <file>
@@ -6766,96 +6682,151 @@ class SignInButtonComponent extends ComponentBase {
     @osovitny/anatoly
 
   Authors:
-    Vadim Osovitny vadim.osovitny@osovitny.com
     Anatoly Osovitny anatoly.osovitny@osovitny.com
 
   Created:
-    4 Jul 2018
+    29 July 2022
 
   Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
 </file>
 */
 //Node
-function SignOutButtonComponent_a_0_ng_container_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0);
-} }
-function SignOutButtonComponent_a_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "a", 3);
-    i0.ɵɵtemplate(1, SignOutButtonComponent_a_0_ng_container_1_Template, 1, 0, "ng-container", 4);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    const _r3 = i0.ɵɵreference(3);
-    i0.ɵɵclassMap(ctx_r0.classes);
-    i0.ɵɵproperty("href", ctx_r0.url, i0.ɵɵsanitizeUrl);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", _r3);
-} }
-function SignOutButtonComponent_a_1_ng_container_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0);
-} }
-function SignOutButtonComponent_a_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "a", 5);
-    i0.ɵɵtemplate(1, SignOutButtonComponent_a_1_ng_container_1_Template, 1, 0, "ng-container", 4);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    const _r3 = i0.ɵɵreference(3);
-    i0.ɵɵclassMap(ctx_r1.classes);
-    i0.ɵɵproperty("routerLink", ctx_r1.url);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngTemplateOutlet", _r3);
+const _c0$a = ["*"];
+class CardFooterComponent extends ComponentBase {
+    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵCardFooterComponent_BaseFactory; return function CardFooterComponent_Factory(t) { return (ɵCardFooterComponent_BaseFactory || (ɵCardFooterComponent_BaseFactory = i0.ɵɵgetInheritedFactory(CardFooterComponent)))(t || CardFooterComponent); }; })(); }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CardFooterComponent, selectors: [["anatoly-card-footer"]], features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$a, decls: 2, vars: 3, template: function CardFooterComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef();
+            i0.ɵɵelementStart(0, "div");
+            i0.ɵɵprojection(1);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵclassMapInterpolate1("card-footer ", ctx.classes, "");
+        } }, encapsulation: 2 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CardFooterComponent, [{
+        type: Component,
+        args: [{ selector: 'anatoly-card-footer', template: "<div class='card-footer {{ classes }}'>\r\n  <ng-content></ng-content>\r\n</div>\r\n" }]
+    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CardFooterComponent, { className: "CardFooterComponent", filePath: "lib\\ui\\components\\card\\card-footer.component.ts", lineNumber: 26 }); })();
+
+/*
+<file>
+  Project:
+    @osovitny/anatoly
+
+  Authors:
+    Anatoly Osovitny anatoly.osovitny@osovitny.com
+
+  Created:
+    28 Jun 2020
+
+  Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
+</file>
+*/
+//Node
+class NativeElementDirective {
+    constructor(el, control) {
+        this.el = el;
+        this.control = control;
+    }
+    ngOnInit() {
+        // sets the localization key to the control
+        this.control.control.nativeElement = this.el.nativeElement;
+    }
+    static { this.ɵfac = function NativeElementDirective_Factory(t) { return new (t || NativeElementDirective)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i2.NgControl)); }; }
+    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: NativeElementDirective, selectors: [["", "formControl", ""], ["", "formControlName", ""]] }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NativeElementDirective, [{
+        type: Directive,
+        args: [{
+                selector: '[formControl], [formControlName]'
+            }]
+    }], () => [{ type: i0.ElementRef }, { type: i2.NgControl }], null); })();
+
+/*
+<file>
+  Project:
+    @osovitny/anatoly
+
+  Authors:
+    Vadim Osovitny vadim.osovitny@osovitny.com
+
+  Created:
+    2 Feb 2024
+
+  Copyright (c) 2017-2025 Osovitny Inc. All rights reserved.
+</file>
+*/
+//Node
+function CountryDropdownlist_div_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "div");
 } }
-function SignOutButtonComponent_ng_template_2_span_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span");
-    i0.ɵɵtext(1, "Sign Out");
+function CountryDropdownlist_div_1_label_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "label", 6);
+    i0.ɵɵtext(1, "Country");
     i0.ɵɵelementEnd();
 } }
-function SignOutButtonComponent_ng_template_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", null, 6);
-    i0.ɵɵprojection(2);
+function CountryDropdownlist_div_1_option_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 7);
+    i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(3, SignOutButtonComponent_ng_template_2_span_3_Template, 2, 0, "span", 7);
 } if (rf & 2) {
-    const _r6 = i0.ɵɵreference(1);
-    i0.ɵɵadvance(3);
-    i0.ɵɵproperty("ngIf", !_r6.innerHTML.trim());
+    const item_r4 = ctx.$implicit;
+    i0.ɵɵproperty("value", item_r4.code);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", item_r4.name, " ");
 } }
-const _c0$b = ["*"];
-class SignOutButtonComponent extends ComponentBase {
-    constructor() {
+function CountryDropdownlist_div_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 2);
+    i0.ɵɵtemplate(1, CountryDropdownlist_div_1_label_1_Template, 2, 0, "label", 3);
+    i0.ɵɵelementStart(2, "select", 4);
+    i0.ɵɵtemplate(3, CountryDropdownlist_div_1_option_3_Template, 2, 2, "option", 5);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("formGroup", ctx_r1.formGroup);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r1.isTitleVisible);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("formControlName", ctx_r1.controlName);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngForOf", ctx_r1.items);
+} }
+class CountryDropdownlist extends EditComponentBase {
+    constructor(api, appContext) {
         super();
-        this.external = false;
+        this.api = api;
+        this.appContext = appContext;
+        this.title = 'Country';
     }
     ngOnInit() {
-        let url = MSALConfig.ui.signout;
-        if (url) {
-            this.external = url.indexOf('http') > -1;
-            if (this.external) {
-                this.url = url + (this.qs ? '?' + this.qs : '');
-            }
-            else {
-                this.url = url;
+        this.setValues();
+    }
+    setValues() {
+        this.api.getCountriesJsonFile().subscribe({
+            next: (data) => {
+                this.items = data.reverse();
             }
+        });
+        if (this.isNgModelBased) {
+        }
+        else {
         }
     }
-    static { this.ɵfac = function SignOutButtonComponent_Factory(t) { return new (t || SignOutButtonComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SignOutButtonComponent, selectors: [["anatoly-signout-button"]], inputs: { qs: "qs" }, features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$b, decls: 4, vars: 2, consts: [[3, "href", "class", 4, "ngIf"], [3, "routerLink", "class", 4, "ngIf"], ["contentTemplate", ""], [3, "href"], [4, "ngTemplateOutlet"], [3, "routerLink"], ["ref", ""], [4, "ngIf"]], template: function SignOutButtonComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵprojectionDef();
-            i0.ɵɵtemplate(0, SignOutButtonComponent_a_0_Template, 2, 5, "a", 0)(1, SignOutButtonComponent_a_1_Template, 2, 5, "a", 1)(2, SignOutButtonComponent_ng_template_2_Template, 4, 1, "ng-template", null, 2, i0.ɵɵtemplateRefExtractor);
+    static { this.ɵfac = function CountryDropdownlist_Factory(t) { return new (t || CountryDropdownlist)(i0.ɵɵdirectiveInject(CoreApiService), i0.ɵɵdirectiveInject(AppContextService)); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CountryDropdownlist, selectors: [["anatoly-country-dropdownlist"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 2, consts: [[4, "ngIf"], [3, "formGroup", 4, "ngIf"], [3, "formGroup"], ["class", "col-form-label", 4, "ngIf"], [1, "form-select", 3, "formControlName"], [3, "value", 4, "ngFor", "ngForOf"], [1, "col-form-label"], [3, "value"]], template: function CountryDropdownlist_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, CountryDropdownlist_div_0_Template, 1, 0, "div", 0)(1, CountryDropdownlist_div_1_Template, 4, 4, "div", 1);
         } if (rf & 2) {
-            i0.ɵɵproperty("ngIf", ctx.external);
+            i0.ɵɵproperty("ngIf", ctx.isNgModelBased);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", !ctx.external);
-        } }, dependencies: [i1$2.NgIf, i1$2.NgTemplateOutlet, i1.RouterLink], encapsulation: 2 }); }
+            i0.ɵɵproperty("ngIf", !ctx.isNgModelBased);
+        } }, dependencies: [i1$2.NgForOf, i1$2.NgIf, i2.NgSelectOption, i2.ɵNgSelectMultipleOption, i2.SelectControlValueAccessor, i2.NgControlStatus, i2.NgControlStatusGroup, i2.FormGroupDirective, i2.FormControlName, NativeElementDirective], encapsulation: 2 }); }
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SignOutButtonComponent, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CountryDropdownlist, [{
         type: Component,
-        args: [{ selector: "anatoly-signout-button", template: "<a [href]=\"url\" class=\"{{ classes }}\" *ngIf=\"external\">\r\n  <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\r\n</a>\r\n\r\n<a [routerLink]=\"url\" class=\"{{ classes }}\" *ngIf=\"!external\">\r\n  <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\r\n</a>\r\n\r\n<ng-template #contentTemplate>\r\n  <span #ref><ng-content></ng-content></span>\r\n  <span *ngIf=\"!ref.innerHTML.trim()\">Sign Out</span>\r\n</ng-template>\r\n" }]
-    }], () => [], { qs: [{
-            type: Input
-        }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SignOutButtonComponent, { className: "SignOutButtonComponent", filePath: "lib\\ui\\components\\identity\\signout-button.component.ts", lineNumber: 28 }); })();
+        args: [{ selector: 'anatoly-country-dropdownlist', template: "<div *ngIf='isNgModelBased'>\r\n</div>\r\n\r\n<div *ngIf='!isNgModelBased' [formGroup]='formGroup'>\r\n  <label *ngIf='isTitleVisible' class='col-form-label'>Country</label>\r\n  <select [formControlName]='controlName' class='form-select'>\r\n    <option *ngFor='let item of items' [value]='item.code'>\r\n      {{ item.name }}\r\n    </option>\r\n  </select>\r\n</div>\r\n" }]
+    }], () => [{ type: CoreApiService }, { type: AppContextService }], null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CountryDropdownlist, { className: "CountryDropdownlist", filePath: "lib\\ui\\components\\dropdownlists\\country\\country.dropdownlist.ts", lineNumber: 28 }); })();
 
 /*
 <file>
@@ -6864,73 +6835,84 @@ class SignOutButtonComponent extends ComponentBase {
 
   Authors:
     Vadim Osovitny vadim.osovitny@osovitny.com
-    Anatoly Osovitny anatoly.osovitny@osovitny.com
-
+  
   Created:
-    29 Jul 2022
+    11 Nov 2024
 
   Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
 </file>
 */
+
+/*
+<file>
+  Project:
+    @osovitny/anatoly
+
+  Authors:
+    Vadim Osovitny vadim.osovitny@osovitny.com
+
+  Created:
+    20 Jan 2024
+
+  Copyright (c) 2017-2025 Osovitny Inc. All rights reserved.
+</file>
+*/
 //Node
-function NodataComponent_div_0_div_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div");
-    i0.ɵɵelement(1, "fa-icon", 5);
-    i0.ɵɵelementEnd();
+function ModerationStatusDropdownlist_div_0_kendo_label_2_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "kendo-label", 4)(1, "kendo-dropdownlist", 5);
+    i0.ɵɵlistener("ngModelChange", function ModerationStatusDropdownlist_div_0_kendo_label_2_Template_kendo_dropdownlist_ngModelChange_1_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r3 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r3.sv = $event); })("valueChange", function ModerationStatusDropdownlist_div_0_kendo_label_2_Template_kendo_dropdownlist_valueChange_1_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r5 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r5.onChange($event)); });
+    i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵpropertyInterpolate("text", ctx_r2.title);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("icon", ctx_r1.icon)("size", ctx_r1.iconSize);
+    i0.ɵɵproperty("data", ctx_r2.items)("valuePrimitive", true)("ngModel", ctx_r2.sv);
 } }
-function NodataComponent_div_0_Template(rf, ctx) { if (rf & 1) {
+function ModerationStatusDropdownlist_div_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 1)(1, "div", 2);
-    i0.ɵɵtemplate(2, NodataComponent_div_0_div_2_Template, 2, 2, "div", 3);
-    i0.ɵɵelementStart(3, "h3", 4);
-    i0.ɵɵtext(4);
-    i0.ɵɵelementEnd();
-    i0.ɵɵprojection(5);
+    i0.ɵɵtemplate(2, ModerationStatusDropdownlist_div_0_kendo_label_2_Template, 2, 4, "kendo-label", 3);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngIf", ctx_r0.icon);
+    i0.ɵɵproperty("ngIf", ctx_r0.isTitleVisible);
+} }
+function ModerationStatusDropdownlist_div_1_kendo_label_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "kendo-label", 4);
+} if (rf & 2) {
+    const ctx_r6 = i0.ɵɵnextContext(2);
+    i0.ɵɵpropertyInterpolate("text", ctx_r6.title);
+} }
+function ModerationStatusDropdownlist_div_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 1)(1, "div", 2);
+    i0.ɵɵtemplate(2, ModerationStatusDropdownlist_div_1_kendo_label_2_Template, 1, 1, "kendo-label", 3);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(ctx_r0.heading);
+    i0.ɵɵproperty("ngIf", ctx_r1.isTitleVisible);
 } }
-const _c0$a = ["*"];
-class NodataComponent {
+class ModerationStatusDropdownlist extends EnumEditComponentBase {
     constructor() {
-        this.dataLoading = false;
-        this.dataLoaded = false;
-        this.dataFound = false;
-        this.iconSize = '10x';
-        this.heading = 'No data found';
+        super();
+        this.title = 'Moderation Status';
+        this.enumeration = ModerationStatus;
     }
-    static { this.ɵfac = function NodataComponent_Factory(t) { return new (t || NodataComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: NodataComponent, selectors: [["anatoly-nodata"]], inputs: { dataLoading: "dataLoading", dataLoaded: "dataLoaded", dataFound: "dataFound", icon: "icon", iconSize: "iconSize", heading: "heading" }, ngContentSelectors: _c0$a, decls: 1, vars: 1, consts: [["class", "no-data", 4, "ngIf"], [1, "no-data"], [1, "loaded", "text-info"], [4, "ngIf"], [1, "no-data-heading"], [3, "icon", "size"]], template: function NodataComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵprojectionDef();
-            i0.ɵɵtemplate(0, NodataComponent_div_0_Template, 6, 2, "div", 0);
+    static { this.ɵfac = function ModerationStatusDropdownlist_Factory(t) { return new (t || ModerationStatusDropdownlist)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ModerationStatusDropdownlist, selectors: [["anatoly-moderationstatus-dropdownlist"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 2, consts: [["class", "form-group", 4, "ngIf"], [1, "form-group"], [1, "controls"], [3, "text", 4, "ngIf"], [3, "text"], ["valueField", "value", "textField", "text", 3, "data", "valuePrimitive", "ngModel", "ngModelChange", "valueChange"]], template: function ModerationStatusDropdownlist_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, ModerationStatusDropdownlist_div_0_Template, 3, 1, "div", 0)(1, ModerationStatusDropdownlist_div_1_Template, 3, 1, "div", 0);
         } if (rf & 2) {
-            i0.ɵɵproperty("ngIf", ctx.dataLoaded && !ctx.dataFound);
-        } }, dependencies: [i1$2.NgIf, i1$6.FaIconComponent], encapsulation: 2 }); }
+            i0.ɵɵproperty("ngIf", ctx.isNgModelBased);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", !ctx.isNgModelBased);
+        } }, dependencies: [i1$2.NgIf, i2.NgControlStatus, i2.NgModel, i3.DropDownListComponent, i4$1.LabelComponent], encapsulation: 2 }); }
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NodataComponent, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ModerationStatusDropdownlist, [{
         type: Component,
-        args: [{ selector: 'anatoly-nodata', template: "<div class=\"no-data\" *ngIf='dataLoaded && !dataFound'>\r\n  <div class='loaded text-info'>\r\n    <div *ngIf='icon'>\r\n      <fa-icon [icon]=\"icon\" [size]=\"iconSize\"></fa-icon>\r\n    </div>\r\n    <h3 class='no-data-heading'>{{heading}}</h3>\r\n    <ng-content></ng-content>\r\n  </div>\r\n</div>\r\n" }]
-    }], () => [], { dataLoading: [{
-            type: Input
-        }], dataLoaded: [{
-            type: Input
-        }], dataFound: [{
-            type: Input
-        }], icon: [{
-            type: Input
-        }], iconSize: [{
-            type: Input
-        }], heading: [{
-            type: Input
-        }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(NodataComponent, { className: "NodataComponent", filePath: "lib\\ui\\components\\nodata\\nodata.component.ts", lineNumber: 25 }); })();
+        args: [{ selector: 'anatoly-moderationstatus-dropdownlist', template: "<div class=\"form-group\" *ngIf='isNgModelBased'>\r\n  <div class=\"controls\">\r\n    <kendo-label text=\"{{ title }}\" *ngIf='isTitleVisible'>\r\n    <kendo-dropdownlist [data]=\"items\"\r\n                        valueField=\"value\" textField=\"text\"\r\n                        [valuePrimitive]=\"true\"\r\n                        [(ngModel)]=\"sv\"\r\n                        (valueChange)=\"onChange($event)\"/>\r\n    </kendo-label>\r\n  </div>\r\n</div>\r\n\r\n<div class=\"form-group\" *ngIf='!isNgModelBased'>\r\n  <div class=\"controls\">\r\n    <kendo-label text=\"{{ title }}\" *ngIf='isTitleVisible'></kendo-label>\r\n  </div>\r\n</div>\r\n" }]
+    }], () => [], null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ModerationStatusDropdownlist, { className: "ModerationStatusDropdownlist", filePath: "lib\\ui\\components\\dropdownlists\\moderationstatus\\moderationstatus.dropdownlist.ts", lineNumber: 27 }); })();
 
 /*
 <file>
@@ -6938,98 +6920,70 @@ class NodataComponent {
     @osovitny/anatoly
 
   Authors:
-    Leon Malyan leon.malyan@osovitny.com
+    Vadim Osovitny vadim.osovitny@osovitny.com
 
   Created:
-    22 Juy 2024
+    20 Jan 2024
 
-  Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
+  Copyright (c) 2017-2025 Osovitny Inc. All rights reserved.
 </file>
 */
 //Node
-class NoMobileSupportComponent extends ComponentBase {
-    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵNoMobileSupportComponent_BaseFactory; return function NoMobileSupportComponent_Factory(t) { return (ɵNoMobileSupportComponent_BaseFactory || (ɵNoMobileSupportComponent_BaseFactory = i0.ɵɵgetInheritedFactory(NoMobileSupportComponent)))(t || NoMobileSupportComponent); }; })(); }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: NoMobileSupportComponent, selectors: [["anatoly-no-mobile-support"]], inputs: { logo: "logo" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 8, vars: 1, consts: [[2, "text-align", "center", "padding-top", "20px"], ["alt", "logo", 3, "src"], [2, "text-align", "center", "margin-top", "40vh"], [2, "font-size", "1.25rem"]], template: function NoMobileSupportComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 0);
-            i0.ɵɵelement(1, "img", 1);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(2, "div", 2)(3, "div", 3)(4, "b");
-            i0.ɵɵtext(5, "Mobile Site Under Construction");
-            i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(6, "div");
-            i0.ɵɵtext(7, "Please Use Another Device");
-            i0.ɵɵelementEnd()();
-        } if (rf & 2) {
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("src", ctx.logo, i0.ɵɵsanitizeUrl);
-        } }, encapsulation: 2 }); }
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NoMobileSupportComponent, [{
-        type: Component,
-        args: [{ selector: 'anatoly-no-mobile-support', template: "<div style=\"text-align:center; padding-top:20px;\">\r\n  <img [src]='logo' alt='logo'>\r\n</div>\r\n<div style='text-align: center; margin-top:40vh;'>\r\n  <div style='font-size:1.25rem;'>\r\n    <b>Mobile Site Under Construction</b>\r\n  </div>\r\n  <div>Please Use Another Device</div>\r\n</div>\r\n" }]
-    }], null, { logo: [{
-            type: Input
-        }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(NoMobileSupportComponent, { className: "NoMobileSupportComponent", filePath: "lib\\ui\\components\\no-mobile-support\\no-mobile-support.component.ts", lineNumber: 26 }); })();
-
-/*
-<file>
-  Project:
-    @osovitny/anatoly
-
-  Authors:
-    Vadim Osovitny vadim.osovitny@osovitny.com
-    Anatoly Osovitny anatoly.osovitny@osovitny.com
-
-  Created:
-    9 May 2020
-
-  Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
-</file>
-*/
-//Node
-function LoadingComponent_div_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 1);
-    i0.ɵɵelement(1, "span", 2);
-    i0.ɵɵelementEnd();
+function PublishStatusDropdownlist_div_0_kendo_label_2_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "kendo-label", 4)(1, "kendo-dropdownlist", 5);
+    i0.ɵɵlistener("ngModelChange", function PublishStatusDropdownlist_div_0_kendo_label_2_Template_kendo_dropdownlist_ngModelChange_1_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r3 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r3.sv = $event); })("valueChange", function PublishStatusDropdownlist_div_0_kendo_label_2_Template_kendo_dropdownlist_valueChange_1_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r5 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r5.onChange($event)); });
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵpropertyInterpolate("text", ctx_r2.title);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("data", ctx_r2.items)("valuePrimitive", true)("ngModel", ctx_r2.sv);
 } }
-class LoadingComponent extends ComponentBase {
-    constructor(loadingService) {
+function PublishStatusDropdownlist_div_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 1)(1, "div", 2);
+    i0.ɵɵtemplate(2, PublishStatusDropdownlist_div_0_kendo_label_2_Template, 2, 4, "kendo-label", 3);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngIf", ctx_r0.isTitleVisible);
+} }
+function PublishStatusDropdownlist_div_1_kendo_label_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "kendo-label", 4);
+} if (rf & 2) {
+    const ctx_r6 = i0.ɵɵnextContext(2);
+    i0.ɵɵpropertyInterpolate("text", ctx_r6.title);
+} }
+function PublishStatusDropdownlist_div_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 1)(1, "div", 2);
+    i0.ɵɵtemplate(2, PublishStatusDropdownlist_div_1_kendo_label_2_Template, 1, 1, "kendo-label", 3);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngIf", ctx_r1.isTitleVisible);
+} }
+class PublishStatusDropdownlist extends EnumEditComponentBase {
+    constructor() {
         super();
-        this.loadingService = loadingService;
-        this.show = false;
-    }
-    ngOnInit() {
-        this.subs.sink = this.loadingService.subscribe({
-            next: (data) => {
-                this.show = data;
-            }
-        });
+        this.title = 'Publish Status';
+        this.enumeration = PublishStatus;
     }
-    static { this.ɵfac = function LoadingComponent_Factory(t) { return new (t || LoadingComponent)(i0.ɵɵdirectiveInject(LoadingService)); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LoadingComponent, selectors: [["anatoly-loading"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [["id", "pnlLoading", 4, "ngIf"], ["id", "pnlLoading"], [1, "k-icon", "k-i-loading"]], template: function LoadingComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵtemplate(0, LoadingComponent_div_0_Template, 2, 0, "div", 0);
+    static { this.ɵfac = function PublishStatusDropdownlist_Factory(t) { return new (t || PublishStatusDropdownlist)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PublishStatusDropdownlist, selectors: [["anatoly-publishstatus-dropdownlist"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 2, consts: [["class", "form-group", 4, "ngIf"], [1, "form-group"], [1, "controls"], [3, "text", 4, "ngIf"], [3, "text"], ["valueField", "value", "textField", "text", 3, "data", "valuePrimitive", "ngModel", "ngModelChange", "valueChange"]], template: function PublishStatusDropdownlist_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, PublishStatusDropdownlist_div_0_Template, 3, 1, "div", 0)(1, PublishStatusDropdownlist_div_1_Template, 3, 1, "div", 0);
         } if (rf & 2) {
-            i0.ɵɵproperty("ngIf", ctx.show);
-        } }, dependencies: [i1$2.NgIf], encapsulation: 2 }); }
+            i0.ɵɵproperty("ngIf", ctx.isNgModelBased);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", !ctx.isNgModelBased);
+        } }, dependencies: [i1$2.NgIf, i2.NgControlStatus, i2.NgModel, i3.DropDownListComponent, i4$1.LabelComponent], encapsulation: 2 }); }
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LoadingComponent, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PublishStatusDropdownlist, [{
         type: Component,
-        args: [{ selector: 'anatoly-loading', template: "<div id=\"pnlLoading\" *ngIf=\"show\">\r\n  <span class=\"k-icon k-i-loading\"></span>\r\n</div>\r\n" }]
-    }], () => [{ type: LoadingService }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LoadingComponent, { className: "LoadingComponent", filePath: "lib\\ui\\components\\spinners\\loading\\loading.component.ts", lineNumber: 28 }); })();
-
-const Spinkit = {
-    skChasingDots: 'sk-chasing-dots',
-    skCubeGrid: 'sk-cube-grid',
-    skDoubleBounce: 'sk-double-bounce',
-    skRotatingPlane: 'sk-rotationg-plane',
-    skSpinnerPulse: 'sk-spinner-pulse',
-    skThreeBounce: 'sk-three-bounce',
-    skWanderingCubes: 'sk-wandering-cubes',
-    skWave: 'sk-wave',
-    skLine: 'sk-line-material'
-};
+        args: [{ selector: 'anatoly-publishstatus-dropdownlist', template: "<div class=\"form-group\" *ngIf='isNgModelBased'>\r\n  <div class=\"controls\">\r\n    <kendo-label text=\"{{ title }}\" *ngIf='isTitleVisible'>\r\n    <kendo-dropdownlist [data]=\"items\"\r\n                        valueField=\"value\" textField=\"text\"\r\n                        [valuePrimitive]=\"true\"\r\n                        [(ngModel)]=\"sv\"\r\n                        (valueChange)=\"onChange($event)\"/>\r\n    </kendo-label>\r\n  </div>\r\n</div>\r\n\r\n<div class=\"form-group\" *ngIf='!isNgModelBased'>\r\n  <div class=\"controls\">\r\n    <kendo-label text=\"{{ title }}\" *ngIf='isTitleVisible'></kendo-label>\r\n  </div>\r\n</div>\r\n" }]
+    }], () => [], null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PublishStatusDropdownlist, { className: "PublishStatusDropdownlist", filePath: "lib\\ui\\components\\dropdownlists\\publishstatus\\publishstatus.dropdownlist.ts", lineNumber: 27 }); })();
 
 /*
 <file>
@@ -7041,73 +6995,98 @@ const Spinkit = {
     Anatoly Osovitny anatoly.osovitny@osovitny.com
 
   Created:
-    16 May 2020
+    02 Aug 2022
 
-  Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
+  Copyright (c) 2017-2025 Osovitny Inc. All rights reserved.
 </file>
 */
 //Node
-function PageSpinnerComponent_div_0_div_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 4);
-    i0.ɵɵelement(1, "div", 5);
+function TimezoneDropdownlist_div_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "div");
+} }
+function TimezoneDropdownlist_div_1_label_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "label", 6);
+    i0.ɵɵtext(1, "Timezone");
+    i0.ɵɵelementEnd();
+} }
+function TimezoneDropdownlist_div_1_option_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 7);
+    i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵclassProp("colored", !ctx_r1.backgroundColor);
+    const item_r4 = ctx.$implicit;
+    i0.ɵɵproperty("value", item_r4.code);
     i0.ɵɵadvance();
-    i0.ɵɵstyleProp("background-color", ctx_r1.backgroundColor);
+    i0.ɵɵtextInterpolate2(" (", item_r4.offset, ") ", item_r4.name, " ");
 } }
-function PageSpinnerComponent_div_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 1)(1, "div", 2);
-    i0.ɵɵtemplate(2, PageSpinnerComponent_div_0_div_2_Template, 2, 4, "div", 3);
+function TimezoneDropdownlist_div_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 2);
+    i0.ɵɵtemplate(1, TimezoneDropdownlist_div_1_label_1_Template, 2, 0, "label", 3);
+    i0.ɵɵelementStart(2, "select", 4);
+    i0.ɵɵtemplate(3, TimezoneDropdownlist_div_1_option_3_Template, 2, 3, "option", 5);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngIf", ctx_r0.spinner === ctx_r0.Spinkit.skLine);
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("formGroup", ctx_r1.formGroup);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r1.isTitleVisible);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("formControlName", ctx_r1.controlName);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngForOf", ctx_r1.items);
 } }
-class PageSpinnerComponent {
-    constructor(router) {
-        this.router = router;
-        this.isSpinnerVisible = true;
-        this.Spinkit = Spinkit;
-        this.backgroundColor = '#2196f3';
-        this.spinner = Spinkit.skLine;
-        router.events.subscribe({
-            next: (routerEvent) => {
-                this.checkRouterEvent(routerEvent);
+class TimezoneDropdownlist extends EditComponentBase {
+    constructor(api, appContext) {
+        super();
+        this.api = api;
+        this.appContext = appContext;
+        this.title = 'Timezone';
+    }
+    ngOnInit() {
+        this.setValues();
+    }
+    setValues() {
+        this.api.getTimezonesJsonFile().subscribe({
+            next: (data) => {
+                this.items = data.reverse();
             }
         });
-    }
-    checkRouterEvent(routerEvent) {
-        if (routerEvent instanceof NavigationStart) {
-            this.isSpinnerVisible = true;
+        if (this.isNgModelBased) {
         }
-        if (routerEvent instanceof NavigationEnd ||
-            routerEvent instanceof NavigationCancel ||
-            routerEvent instanceof NavigationError) {
-            this.isSpinnerVisible = false;
+        else {
+            let timezone = this.getFormValue(this.controlName);
+            if (timezone) {
+                return;
+            }
+            //1. Try to set client timezone
+            try {
+                timezone = Intl.DateTimeFormat().resolvedOptions().timeZone;
+                this.setFormValue(this.controlName, timezone);
+            }
+            catch {
+            }
+            //2. Try to set context timeZone
+            let context = this.appContext.current;
+            timezone = context?.user?.timezone;
+            if (timezone) {
+                this.setFormValue(this.controlName, timezone);
+            }
         }
     }
-    ngOnDestroy() {
-        this.isSpinnerVisible = false;
-    }
-    static { this.ɵfac = function PageSpinnerComponent_Factory(t) { return new (t || PageSpinnerComponent)(i0.ɵɵdirectiveInject(i1.Router)); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PageSpinnerComponent, selectors: [["anatoly-pagespinner"]], inputs: { backgroundColor: "backgroundColor", spinner: "spinner" }, decls: 1, vars: 1, consts: [["id", "http-loader", 4, "ngIf"], ["id", "http-loader"], [1, "loader-bg"], ["class", "sk-line-material", 3, "colored", 4, "ngIf"], [1, "sk-line-material"], [1, "sk-child", "sk-bounce1"]], template: function PageSpinnerComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵtemplate(0, PageSpinnerComponent_div_0_Template, 3, 1, "div", 0);
+    static { this.ɵfac = function TimezoneDropdownlist_Factory(t) { return new (t || TimezoneDropdownlist)(i0.ɵɵdirectiveInject(CoreApiService), i0.ɵɵdirectiveInject(AppContextService)); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TimezoneDropdownlist, selectors: [["anatoly-timezone-dropdownlist"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 2, consts: [[4, "ngIf"], [3, "formGroup", 4, "ngIf"], [3, "formGroup"], ["class", "col-form-label", 4, "ngIf"], [1, "form-select", 3, "formControlName"], [3, "value", 4, "ngFor", "ngForOf"], [1, "col-form-label"], [3, "value"]], template: function TimezoneDropdownlist_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, TimezoneDropdownlist_div_0_Template, 1, 0, "div", 0)(1, TimezoneDropdownlist_div_1_Template, 4, 4, "div", 1);
         } if (rf & 2) {
-            i0.ɵɵproperty("ngIf", ctx.isSpinnerVisible);
-        } }, dependencies: [i1$2.NgIf], encapsulation: 2 }); }
+            i0.ɵɵproperty("ngIf", ctx.isNgModelBased);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", !ctx.isNgModelBased);
+        } }, dependencies: [i1$2.NgForOf, i1$2.NgIf, i2.NgSelectOption, i2.ɵNgSelectMultipleOption, i2.SelectControlValueAccessor, i2.NgControlStatus, i2.NgControlStatusGroup, i2.FormGroupDirective, i2.FormControlName, NativeElementDirective], encapsulation: 2 }); }
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PageSpinnerComponent, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TimezoneDropdownlist, [{
         type: Component,
-        args: [{ selector: 'anatoly-pagespinner', encapsulation: ViewEncapsulation.None, template: "<div id=\"http-loader\" *ngIf=\"isSpinnerVisible\">\r\n  <div class=\"loader-bg\">\r\n      <div class=\"sk-line-material\" [class.colored]=\"!backgroundColor\" *ngIf=\"spinner === Spinkit.skLine\">\r\n          <div class=\"sk-child sk-bounce1\" [style.background-color]='backgroundColor'></div>\r\n      </div>\r\n  </div>\r\n</div>\r\n" }]
-    }], () => [{ type: i1.Router }], { backgroundColor: [{
-            type: Input
-        }], spinner: [{
-            type: Input
-        }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PageSpinnerComponent, { className: "PageSpinnerComponent", filePath: "lib\\ui\\components\\spinners\\pagespinner\\pagespinner.component.ts", lineNumber: 29 }); })();
+        args: [{ selector: 'anatoly-timezone-dropdownlist', template: "<div *ngIf='isNgModelBased'>\r\n</div>\r\n\r\n<div *ngIf='!isNgModelBased' [formGroup]='formGroup'>\r\n  <label *ngIf='isTitleVisible' class='col-form-label'>Timezone</label>\r\n  <select [formControlName]='controlName' class='form-select'>\r\n    <option *ngFor='let item of items' [value]='item.code'>\r\n      ({{ item.offset }}) {{ item.name }}\r\n    </option>\r\n  </select>\r\n</div>\r\n" }]
+    }], () => [{ type: CoreApiService }, { type: AppContextService }], null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TimezoneDropdownlist, { className: "TimezoneDropdownlist", filePath: "lib\\ui\\components\\dropdownlists\\timezone\\timezone.dropdownlist.ts", lineNumber: 29 }); })();
 
 /*
 <file>
@@ -7119,79 +7098,169 @@ class PageSpinnerComponent {
     Anatoly Osovitny anatoly.osovitny@osovitny.com
 
   Created:
-    9 Jun 2020
+    12 Dec 2017
 
   Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
 </file>
 */
-//Node
-class Copy2ClipboardComponent extends ComponentBase {
-    constructor() {
-        super(...arguments);
-        this.tooltip = "Copy to clipboard";
-        this.text = "";
-    }
-    onCopy2Clipboard(event) {
-        let oldTooltip = this.tooltip;
-        this.tooltip = "Copied";
-        setTimeout(() => {
-            this.tooltip = oldTooltip;
-        }, 1000);
-        Utils.copyToClipBoard(event, this.text);
-    }
-    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵCopy2ClipboardComponent_BaseFactory; return function Copy2ClipboardComponent_Factory(t) { return (ɵCopy2ClipboardComponent_BaseFactory || (ɵCopy2ClipboardComponent_BaseFactory = i0.ɵɵgetInheritedFactory(Copy2ClipboardComponent)))(t || Copy2ClipboardComponent); }; })(); }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Copy2ClipboardComponent, selectors: [["anatoly-copy-2-clipboard"]], inputs: { tooltip: "tooltip", text: "text" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 3, consts: [[3, "click"], ["size", "lg", "icon", "copy"]], template: function Copy2ClipboardComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "a", 0);
-            i0.ɵɵlistener("click", function Copy2ClipboardComponent_Template_a_click_0_listener($event) { return ctx.onCopy2Clipboard($event); });
-            i0.ɵɵelement(1, "fa-icon", 1);
-            i0.ɵɵelementEnd();
-        } if (rf & 2) {
-            i0.ɵɵclassMapInterpolate1("btn ", ctx.classes, "");
-        } }, dependencies: [i1$6.FaIconComponent], encapsulation: 2 }); }
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(Copy2ClipboardComponent, [{
-        type: Component,
-        args: [{ selector: 'anatoly-copy-2-clipboard', template: "<a class=\"btn {{ classes }}\" (click)=\"onCopy2Clipboard($event)\">\r\n  <fa-icon size=\"lg\" icon=\"copy\"></fa-icon>\r\n</a>\r\n" }]
-    }], null, { tooltip: [{
-            type: Input
-        }], text: [{
-            type: Input
-        }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(Copy2ClipboardComponent, { className: "Copy2ClipboardComponent", filePath: "lib\\ui\\components\\copy-2-clipboard\\copy-2-clipboard.component.ts", lineNumber: 28 }); })();
-
-/*
-<file>
-  Project:
-    @osovitny/anatoly
-
-  Authors:
-    Anatoly Osovitny anatoly.osovitny@osovitny.com
-
-  Created:
-    28 Jun 2020
+const 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: "" },
+};
 
-  Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
-</file>
-*/
 //Node
-class NativeElementDirective {
-    constructor(el, control) {
-        this.el = el;
-        this.control = control;
+class HtmlEditorComponentBase extends EditComponentBase {
+    constructor() {
+        super();
+        this.froalaEditorInitialized = false;
+        this.afterInitializedActions = [];
+        // Inputs
+        this.editorLabelText = "Html";
+        this.editorOptions = {};
     }
     ngOnInit() {
-        // sets the localization key to the control
-        this.control.control.nativeElement = this.el.nativeElement;
+        let opt = this.editorOptions;
+        if (typeof this.editorOptions == "string") {
+            opt = JSON.parse(this.editorOptions);
+        }
+        let newOptions = $.extend({}, DefaultEditorOptions, opt);
+        const key = AppCoreSettings.froalaEditorKey;
+        if (key) {
+            newOptions = $.extend({}, newOptions, JSON.parse('{ "key": "' + key + '" }'));
+        }
+        if (newOptions.events && newOptions.events.initialized) {
+            newOptions.events.initialized.overridden = false;
+        }
+        this.options = newOptions;
     }
-    static { this.ɵfac = function NativeElementDirective_Factory(t) { return new (t || NativeElementDirective)(i0.ɵɵdirectiveInject(i0.ElementRef), i0.ɵɵdirectiveInject(i2.NgControl)); }; }
-    static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: NativeElementDirective, selectors: [["", "formControl", ""], ["", "formControlName", ""]] }); }
+    ngAfterViewInit() {
+        const that = this;
+        setTimeout(function () {
+            that.froalaEditorInitialized = true;
+            that.onInitialized();
+        }, 300);
+    }
+    onInitialized() {
+        let actions = this.afterInitializedActions;
+        // Clear actions
+        this.afterInitializedActions = [];
+        if (actions) {
+            for (let i = 0; i < actions.length; i++) {
+                actions[i]();
+            }
+        }
+    }
+    getEditor() {
+        if (this.froalaEditor)
+            return this.froalaEditor.getEditor();
+        return null;
+    }
+    // Public Funcs
+    doAfterInitialized(action) {
+        const that = this;
+        if (!this.froalaEditorInitialized) {
+            this.afterInitializedActions.push(() => {
+                action(that);
+            });
+        }
+        else {
+            action(that);
+        }
+    }
+    initializeControl(control) {
+        this.froalaEditor = control;
+        this.froalaEditor.initialize();
+    }
+    setUploadParams(uploadType, uploadParentId) {
+        this.doAfterInitialized(function (that) {
+            const editor = that.getEditor();
+            if (typeof editor == "undefined" || editor == null) {
+                return;
+            }
+            editor.opts.imageUploadParams.uploadType = uploadType;
+            editor.opts.imageUploadParams.uploadParentId = uploadParentId;
+        });
+    }
+    static { this.ɵfac = function HtmlEditorComponentBase_Factory(t) { return new (t || HtmlEditorComponentBase)(); }; }
+    static { this.ɵ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 }); }
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NativeElementDirective, [{
-        type: Directive,
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(HtmlEditorComponentBase, [{
+        type: Component,
         args: [{
-                selector: '[formControl], [formControlName]'
+                template: "",
             }]
-    }], () => [{ type: i0.ElementRef }, { type: i2.NgControl }], null); })();
+    }], () => [], { editorLabelText: [{
+            type: Input
+        }], editorOptions: [{
+            type: Input
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(HtmlEditorComponentBase, { className: "HtmlEditorComponentBase", filePath: "lib\\ui\\components\\html-editor\\base-html-editor.component.ts", lineNumber: 31 }); })();
 
 /*
 <file>
@@ -7371,114 +7440,50 @@ class ItemValidationSummaryComponent extends ValidationSummaryComponent {
     Anatoly Osovitny anatoly.osovitny@osovitny.com
 
   Created:
-    02 Aug 2022
+    12 Dec 2017
 
-  Copyright (c) 2017-2025 Osovitny Inc. All rights reserved.
+  Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
 </file>
 */
 //Node
-function UrlSlugComponent_label_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "label", 7);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ctx_r0.title);
-} }
-function UrlSlugComponent_a_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "a", 8);
-    i0.ɵɵtext(1, "Go");
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵpropertyInterpolate2("href", "", ctx_r1.urlPrefix, "", ctx_r1.hrefGo, "", i0.ɵɵsanitizeUrl);
-} }
 const _c0$9 = a0 => ({ "has-error": a0 });
-class UrlSlugComponent extends EditComponentBase {
+class FormsHtmlEditorComponent extends HtmlEditorComponentBase {
     constructor() {
         super();
-        this.firstValue = true;
-        this.isGoButtonVisible = true;
-        //Outputs
-        this.generated = new EventEmitter();
-        this.title = 'Permalink';
-    }
-    ngOnInit() {
-        this.startWatching();
-    }
-    generateUrlSlug(text) {
-        let slugedText = Utils.slugify(text);
-        let event = { urlSlug: slugedText };
-        this.generated.emit(event);
-        this.setFormValue(this.controlName, event.urlSlug);
+        this.editorFormKey = "html";
     }
-    startWatching() {
-        this.subs.sink = this.formGroup.get(this.controlName).valueChanges.subscribe({
-            next: (value) => {
-                this.hrefGo = value;
-            }
+    setFormValueAfterInitialized(name, value) {
+        this.doAfterInitialized(function (that) {
+            that.setFormValue(name, value);
         });
-        if (this.watchedControlName) {
-            this.subs.sink = this.formGroup.get(this.watchedControlName).valueChanges.subscribe({
-                next: (value) => {
-                    if (this.firstValue) {
-                        this.firstValue = false;
-                        return;
-                    }
-                    this.generateUrlSlug(value);
-                }
-            });
-        }
     }
-    //Events
-    onUrlSlugChange() {
-        let text = this.getFormValue(this.controlName);
-        this.generateUrlSlug(text);
-    }
-    static { this.ɵfac = function UrlSlugComponent_Factory(t) { return new (t || UrlSlugComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UrlSlugComponent, selectors: [["anatoly-urlslug"]], inputs: { urlPrefix: "urlPrefix", isGoButtonVisible: "isGoButtonVisible", watchedControlName: "watchedControlName" }, outputs: { generated: "generated" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 8, vars: 12, consts: [[1, "form-group", 3, "formGroup", "ngClass"], [3, "formGroup", "formSubmitted", "controlName"], [1, "input-group", "permalink", 3, "ngClass"], ["for", "urlPrefixId", 4, "ngIf"], [1, "urlPrefix"], ["type", "text", "id", "urlPrefixId", 1, "form-control", 3, "formControlName", "focusout"], ["class", "btn btn-primary", "target", "_blank", 3, "href", 4, "ngIf"], ["for", "urlPrefixId"], ["target", "_blank", 1, "btn", "btn-primary", 3, "href"]], template: function UrlSlugComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 0);
-            i0.ɵɵelement(1, "anatoly-item-validation-summary", 1);
-            i0.ɵɵelementStart(2, "div", 2);
-            i0.ɵɵtemplate(3, UrlSlugComponent_label_3_Template, 2, 1, "label", 3);
-            i0.ɵɵelementStart(4, "div", 4);
-            i0.ɵɵtext(5);
+    static { this.ɵfac = function FormsHtmlEditorComponent_Factory(t) { return new (t || FormsHtmlEditorComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FormsHtmlEditorComponent, selectors: [["anatoly-forms-html-editor"]], inputs: { editorFormKey: "editorFormKey" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 5, vars: 10, consts: [[1, "form-group", 3, "formGroup", "ngClass"], [1, "col-form-label"], [3, "formControlName", "froalaEditor", "froalaInit"], [3, "formGroup", "formSubmitted", "controlName"]], template: function FormsHtmlEditorComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "label", 1);
+            i0.ɵɵtext(2);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(6, "input", 5);
-            i0.ɵɵlistener("focusout", function UrlSlugComponent_Template_input_focusout_6_listener() { return ctx.onUrlSlugChange(); });
+            i0.ɵɵelementStart(3, "textarea", 2);
+            i0.ɵɵlistener("froalaInit", function FormsHtmlEditorComponent_Template_textarea_froalaInit_3_listener($event) { return ctx.initializeControl($event); });
+            i0.ɵɵelementEnd();
+            i0.ɵɵelement(4, "anatoly-item-validation-summary", 3);
             i0.ɵɵelementEnd();
-            i0.ɵɵtemplate(7, UrlSlugComponent_a_7_Template, 2, 2, "a", 6);
-            i0.ɵɵelementEnd()();
         } if (rf & 2) {
-            i0.ɵɵproperty("formGroup", ctx.formGroup)("ngClass", i0.ɵɵpureFunction1(10, _c0$9, ctx.isControlInvalid(ctx.controlName)));
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("formGroup", ctx.formGroup)("formSubmitted", ctx.formSubmitted)("controlName", ctx.controlName);
+            i0.ɵɵproperty("formGroup", ctx.formGroup)("ngClass", i0.ɵɵpureFunction1(8, _c0$9, ctx.isControlInvalid(ctx.editorFormKey)));
+            i0.ɵɵadvance(2);
+            i0.ɵɵtextInterpolate(ctx.editorLabelText);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngClass", ctx.classes);
+            i0.ɵɵproperty("formControlName", ctx.editorFormKey)("froalaEditor", ctx.options);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.isTitleVisible);
-            i0.ɵɵadvance(2);
-            i0.ɵɵtextInterpolate(ctx.urlPrefix);
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("formControlName", ctx.controlName);
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.isGoButtonVisible);
-        } }, dependencies: [i1$2.NgClass, i1$2.NgIf, i2.DefaultValueAccessor, i2.NgControlStatus, i2.NgControlStatusGroup, i2.FormGroupDirective, i2.FormControlName, NativeElementDirective, ItemValidationSummaryComponent], encapsulation: 2 }); }
+            i0.ɵɵproperty("formGroup", ctx.formGroup)("formSubmitted", ctx.formSubmitted)("controlName", ctx.editorFormKey);
+        } }, dependencies: [i1$2.NgClass, i2.DefaultValueAccessor, i2.NgControlStatus, i2.NgControlStatusGroup, i2.FormGroupDirective, i2.FormControlName, i3$1.FroalaEditorDirective, NativeElementDirective, ItemValidationSummaryComponent], encapsulation: 2 }); }
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UrlSlugComponent, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FormsHtmlEditorComponent, [{
         type: Component,
-        args: [{ selector: 'anatoly-urlslug', template: "<div class=\"form-group\" [formGroup]='formGroup' [ngClass]=\"{'has-error': isControlInvalid(controlName)}\" >\r\n  <anatoly-item-validation-summary\r\n    [formGroup]='formGroup'\r\n    [formSubmitted]='formSubmitted'\r\n    [controlName]='controlName'>\r\n  </anatoly-item-validation-summary>\r\n\r\n  <div class=\"input-group permalink\" [ngClass]=\"classes\">\r\n    <label for=\"urlPrefixId\" *ngIf='isTitleVisible'>{{ title }}</label>\r\n    <div class=\"urlPrefix\">{{ urlPrefix }}</div>\r\n    <input type=\"text\" class=\"form-control\" id=\"urlPrefixId\" [formControlName]='controlName' (focusout)='onUrlSlugChange()'>\r\n    <a class=\"btn btn-primary\" href=\"{{urlPrefix}}{{hrefGo}}\" target=\"_blank\" *ngIf=\"isGoButtonVisible\" >Go</a>\r\n  </div>\r\n</div>\r\n" }]
-    }], () => [], { urlPrefix: [{
-            type: Input
-        }], isGoButtonVisible: [{
-            type: Input
-        }], watchedControlName: [{
+        args: [{ selector: "anatoly-forms-html-editor", template: "<div [formGroup]=\"formGroup\" [ngClass]=\"{'has-error': isControlInvalid(editorFormKey) }\" class=\"form-group\" >\r\n    <label class=\"col-form-label\">{{ editorLabelText }}</label>\r\n    <textarea [formControlName]=\"editorFormKey\" [froalaEditor]=\"options\" (froalaInit)=\"initializeControl($event)\"></textarea>\r\n    <anatoly-item-validation-summary [formGroup]=\"formGroup\"\r\n                                     [formSubmitted]=\"formSubmitted\"\r\n                                     [controlName]=\"editorFormKey\">\r\n    </anatoly-item-validation-summary>\r\n</div>\r\n" }]
+    }], () => [], { editorFormKey: [{
             type: Input
-        }], generated: [{
-            type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UrlSlugComponent, { className: "UrlSlugComponent", filePath: "lib\\ui\\components\\urlslug\\urlslug.component.ts", lineNumber: 28 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FormsHtmlEditorComponent, { className: "FormsHtmlEditorComponent", filePath: "lib\\ui\\components\\html-editor\\forms-html-editor.component.ts", lineNumber: 27 }); })();
 
 /*
 <file>
@@ -7486,49 +7491,95 @@ class UrlSlugComponent extends EditComponentBase {
     @osovitny/anatoly
 
   Authors:
+    Vadim Osovitny vadim.osovitny@osovitny.com
     Anatoly Osovitny anatoly.osovitny@osovitny.com
 
   Created:
-    4 Feb 2024
+    12 Dec 2017
 
   Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
 </file>
 */
 //Node
-function FeatureWillBeReadyComponent_h3_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "h3");
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1("This feature will be ready in ", ctx_r0.readyDate, " ");
-} }
-function FeatureWillBeReadyComponent_h3_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "h3");
-    i0.ɵɵtext(1, "This feature will be available soon");
-    i0.ɵɵelementEnd();
-} }
-class FeatureWillBeReadyComponent extends ComponentBase {
-    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵFeatureWillBeReadyComponent_BaseFactory; return function FeatureWillBeReadyComponent_Factory(t) { return (ɵFeatureWillBeReadyComponent_BaseFactory || (ɵFeatureWillBeReadyComponent_BaseFactory = i0.ɵɵgetInheritedFactory(FeatureWillBeReadyComponent)))(t || FeatureWillBeReadyComponent); }; })(); }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FeatureWillBeReadyComponent, selectors: [["anatoly-feature-will-be-ready"]], inputs: { readyDate: "readyDate" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 3, vars: 2, consts: [[1, "feature-will-be-ready"], [4, "ngIf"]], template: function FeatureWillBeReadyComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 0);
-            i0.ɵɵtemplate(1, FeatureWillBeReadyComponent_h3_1_Template, 2, 1, "h3", 1)(2, FeatureWillBeReadyComponent_h3_2_Template, 2, 0, "h3", 1);
+class HtmlEditorComponent extends HtmlEditorComponentBase {
+    constructor() {
+        super();
+    }
+    setHtml(content) {
+        this.doAfterInitialized(function (that) {
+            let editor = that.getEditor();
+            if (typeof editor == "undefined" || editor == null) {
+                return;
+            }
+            editor.html.set(content);
+        });
+    }
+    getHtml() {
+        let editor = this.getEditor();
+        if (typeof editor == "undefined" || editor == null) {
+            return;
+        }
+        return editor.html.get(false);
+    }
+    static { this.ɵfac = function HtmlEditorComponent_Factory(t) { return new (t || HtmlEditorComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: HtmlEditorComponent, selectors: [["anatoly-html-editor"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 4, vars: 2, consts: [[1, "form-group"], [1, "col-form-label"], [3, "froalaEditor", "froalaInit"]], template: function HtmlEditorComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "label", 1);
+            i0.ɵɵtext(2);
             i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(3, "textarea", 2);
+            i0.ɵɵlistener("froalaInit", function HtmlEditorComponent_Template_textarea_froalaInit_3_listener($event) { return ctx.initializeControl($event); });
+            i0.ɵɵelementEnd()();
         } if (rf & 2) {
+            i0.ɵɵadvance(2);
+            i0.ɵɵtextInterpolate(ctx.editorLabelText);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.readyDate);
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", !ctx.readyDate);
-        } }, dependencies: [i1$2.NgIf], encapsulation: 2 }); }
+            i0.ɵɵproperty("froalaEditor", ctx.options);
+        } }, dependencies: [i3$1.FroalaEditorDirective], encapsulation: 2 }); }
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FeatureWillBeReadyComponent, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(HtmlEditorComponent, [{
         type: Component,
-        args: [{ selector: 'anatoly-feature-will-be-ready', template: "<div class='feature-will-be-ready'>\r\n  <h3 *ngIf='readyDate'>This feature will be ready in {{ readyDate }} </h3>\r\n  <h3 *ngIf='!readyDate'>This feature will be available soon</h3>\r\n</div>\r\n" }]
-    }], null, { readyDate: [{
+        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" }]
+    }], () => [], null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(HtmlEditorComponent, { className: "HtmlEditorComponent", filePath: "lib\\ui\\components\\html-editor\\html-editor.component.ts", lineNumber: 27 }); })();
+
+/*
+<file>
+  Project:
+    @osovitny/anatoly
+
+  Authors:
+    Vadim Osovitny vadim.osovitny@osovitny.com
+    Anatoly Osovitny anatoly.osovitny@osovitny.com
+
+  Created:
+    15 Aug 2022
+
+  Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
+</file>
+*/
+//Node
+const _c0$8 = ["*"];
+class CheckIconComponent {
+    constructor() {
+        //Inputs
+        this.checked = true;
+    }
+    static { this.ɵfac = function CheckIconComponent_Factory(t) { return new (t || CheckIconComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CheckIconComponent, selectors: [["anatoly-check-icon"]], inputs: { checked: "checked" }, ngContentSelectors: _c0$8, decls: 2, vars: 2, consts: [[3, "icon", "ngClass"]], template: function CheckIconComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef();
+            i0.ɵɵelement(0, "fa-icon", 0);
+            i0.ɵɵprojection(1);
+        } if (rf & 2) {
+            i0.ɵɵproperty("icon", ctx.checked ? "check-circle" : "circle-xmark")("ngClass", ctx.checked ? "text-success" : "text-danger");
+        } }, dependencies: [i1$2.NgClass, i1$6.FaIconComponent], encapsulation: 2 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CheckIconComponent, [{
+        type: Component,
+        args: [{ selector: 'anatoly-check-icon', template: "<fa-icon [icon]=\"this.checked ? 'check-circle' : 'circle-xmark'\" [ngClass]=\"checked ? 'text-success' : 'text-danger'\">\r\n</fa-icon>\r\n<ng-content></ng-content>\r\n" }]
+    }], null, { checked: [{
             type: Input
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FeatureWillBeReadyComponent, { className: "FeatureWillBeReadyComponent", filePath: "lib\\ui\\components\\feature-will-be-ready\\feature-will-be-ready.component.ts", lineNumber: 26 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CheckIconComponent, { className: "CheckIconComponent", filePath: "lib\\ui\\components\\check-icon\\check-icon.component.ts", lineNumber: 24 }); })();
 
 /*
 <file>
@@ -7536,57 +7587,89 @@ class FeatureWillBeReadyComponent extends ComponentBase {
     @osovitny/anatoly
 
   Authors:
+    Vadim Osovitny vadim.osovitny@osovitny.com
     Anatoly Osovitny anatoly.osovitny@osovitny.com
 
   Created:
-    21 Feb 2024
+    28 Aug 2022
 
   Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
 </file>
 */
 //Node
-function YouAgreeToOurTermsComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "br");
-} }
-class YouAgreeToOurTermsComponent extends ComponentBase {
+class DataPagerComponent extends ComponentBase {
     constructor() {
         super(...arguments);
-        this.oneLine = true;
+        //Private
+        this._defaultPageSizes = [5, 10, 20, 30];
+        //Public
+        this.pageSizes = [];
+        //Inputs
+        this.totalItems = 0;
+        this.pageSize = 0;
+        this.skipItems = 0;
+        this.pageSizeMax = 30;
+        //Outputs
+        this.pageChange = new EventEmitter();
     }
-    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵYouAgreeToOurTermsComponent_BaseFactory; return function YouAgreeToOurTermsComponent_Factory(t) { return (ɵYouAgreeToOurTermsComponent_BaseFactory || (ɵYouAgreeToOurTermsComponent_BaseFactory = i0.ɵɵgetInheritedFactory(YouAgreeToOurTermsComponent)))(t || YouAgreeToOurTermsComponent); }; })(); }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: YouAgreeToOurTermsComponent, selectors: [["anatoly-you-agree-to-our-terms"]], inputs: { prefix: "prefix", oneLine: "oneLine" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 10, vars: 4, consts: [[1, "you-agree-to-our-terms"], ["target", "_blank", "rel", "noopener", 3, "href"]], template: function YouAgreeToOurTermsComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 0)(1, "p");
-            i0.ɵɵtext(2);
-            i0.ɵɵtemplate(3, YouAgreeToOurTermsComponent_Conditional_3_Template, 1, 0, "br");
-            i0.ɵɵelementStart(4, "a", 1);
-            i0.ɵɵtext(5, "Terms of use");
-            i0.ɵɵelementEnd();
-            i0.ɵɵtext(6, " and ");
-            i0.ɵɵelementStart(7, "a", 1);
-            i0.ɵɵtext(8, "Privacy Policy");
-            i0.ɵɵelementEnd();
-            i0.ɵɵtext(9, ". ");
+    get width() {
+        return this._width;
+    }
+    set width(value) {
+        this._width = value;
+        if (value) {
+            this.style = "width: " + value;
+        }
+    }
+    ngOnInit() {
+        this.pageSizes = [];
+        if (this.pageSizeDivisor) {
+            for (let i = 3; i < this.pageSizeMax; i++) {
+                let remainder = i % this.pageSizeDivisor;
+                if (remainder == 0) {
+                    this.pageSizes.push(i);
+                }
+            }
+        }
+        else {
+            this.pageSizes = this._defaultPageSizes;
+        }
+    }
+    //Events
+    onPageChange(e) {
+        this.pageChange.emit(e);
+    }
+    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵDataPagerComponent_BaseFactory; return function DataPagerComponent_Factory(t) { return (ɵDataPagerComponent_BaseFactory || (ɵDataPagerComponent_BaseFactory = i0.ɵɵgetInheritedFactory(DataPagerComponent)))(t || DataPagerComponent); }; })(); }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DataPagerComponent, selectors: [["anatoly-datapager"]], inputs: { totalItems: "totalItems", pageSize: "pageSize", skipItems: "skipItems", pageSizeDivisor: "pageSizeDivisor", pageSizeMax: "pageSizeMax", width: "width" }, outputs: { pageChange: "pageChange" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 9, consts: [[3, "total", "pageSize", "pageSizeValues", "skip", "pageChange"]], template: function DataPagerComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div")(1, "kendo-datapager", 0);
+            i0.ɵɵlistener("pageChange", function DataPagerComponent_Template_kendo_datapager_pageChange_1_listener($event) { return ctx.onPageChange($event); });
             i0.ɵɵelementEnd()();
         } if (rf & 2) {
-            i0.ɵɵadvance(2);
-            i0.ɵɵtextInterpolate1(" ", ctx.prefix, " you agree to our ");
-            i0.ɵɵadvance();
-            i0.ɵɵconditional(3, !ctx.oneLine ? 3 : -1);
+            i0.ɵɵclassMap(ctx.classes);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("href", ctx.applicationOneUrl + "legal/terms", i0.ɵɵsanitizeUrl);
-            i0.ɵɵadvance(3);
-            i0.ɵɵproperty("href", ctx.applicationOneUrl + "legal/privacy", i0.ɵɵsanitizeUrl);
-        } }, encapsulation: 2 }); }
+            i0.ɵɵstyleMap(ctx.style);
+            i0.ɵɵproperty("total", ctx.totalItems)("pageSize", ctx.pageSize)("pageSizeValues", ctx.pageSizes)("skip", ctx.skipItems);
+        } }, dependencies: [i1$7.PagerComponent], encapsulation: 2 }); }
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(YouAgreeToOurTermsComponent, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DataPagerComponent, [{
         type: Component,
-        args: [{ selector: 'anatoly-you-agree-to-our-terms', template: "<div class=\"you-agree-to-our-terms\">\r\n  <p>\r\n    {{ prefix }} you agree to our\r\n    @if (!oneLine) {\r\n      <br />\r\n    }\r\n    <a [href]=\"applicationOneUrl + 'legal/terms'\" target=\"_blank\" rel=\"noopener\">Terms of use</a>\r\n    and\r\n    <a [href]=\"applicationOneUrl + 'legal/privacy'\" target=\"_blank\" rel=\"noopener\">Privacy Policy</a>.\r\n  </p>\r\n</div>\r\n" }]
-    }], null, { prefix: [{
+        args: [{ selector: 'anatoly-datapager', template: "<div class='{{ classes }}'>\r\n  <kendo-datapager [total]='totalItems'\r\n                   [pageSize]='pageSize'\r\n                   [pageSizeValues]='pageSizes'\r\n                   [skip]='skipItems'\r\n                   [style]='style'\r\n                   (pageChange)='onPageChange($event)'>\r\n  </kendo-datapager>\r\n</div>\r\n" }]
+    }], null, { totalItems: [{
             type: Input
-        }], oneLine: [{
+        }], pageSize: [{
+            type: Input
+        }], skipItems: [{
+            type: Input
+        }], pageSizeDivisor: [{
             type: Input
+        }], pageSizeMax: [{
+            type: Input
+        }], width: [{
+            type: Input
+        }], pageChange: [{
+            type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(YouAgreeToOurTermsComponent, { className: "YouAgreeToOurTermsComponent", filePath: "lib\\ui\\components\\you-agree-to-our-terms\\you-agree-to-our-terms.component.ts", lineNumber: 26 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DataPagerComponent, { className: "DataPagerComponent", filePath: "lib\\ui\\components\\datapager\\datapager.component.ts", lineNumber: 27 }); })();
 
 /*
 <file>
@@ -7598,81 +7681,92 @@ class YouAgreeToOurTermsComponent extends ComponentBase {
     Anatoly Osovitny anatoly.osovitny@osovitny.com
 
   Created:
-    2 Feb 2024
+    4 Jul 2018
 
-  Copyright (c) 2017-2025 Osovitny Inc. All rights reserved.
+  Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
 </file>
 */
 //Node
-function CountryDropdownlist_div_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "div");
-} }
-function CountryDropdownlist_div_1_label_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "label", 6);
-    i0.ɵɵtext(1, "Country");
-    i0.ɵɵelementEnd();
+function SignInButtonComponent_a_0_ng_container_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainer(0);
 } }
-function CountryDropdownlist_div_1_option_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "option", 7);
-    i0.ɵɵtext(1);
+function SignInButtonComponent_a_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "a", 3);
+    i0.ɵɵtemplate(1, SignInButtonComponent_a_0_ng_container_1_Template, 1, 0, "ng-container", 4);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const item_r4 = ctx.$implicit;
-    i0.ɵɵproperty("value", item_r4.code);
+    const ctx_r0 = i0.ɵɵnextContext();
+    const _r3 = i0.ɵɵreference(3);
+    i0.ɵɵclassMap(ctx_r0.classes);
+    i0.ɵɵproperty("href", ctx_r0.url, i0.ɵɵsanitizeUrl);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", item_r4.name, " ");
+    i0.ɵɵproperty("ngTemplateOutlet", _r3);
 } }
-function CountryDropdownlist_div_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 2);
-    i0.ɵɵtemplate(1, CountryDropdownlist_div_1_label_1_Template, 2, 0, "label", 3);
-    i0.ɵɵelementStart(2, "select", 4);
-    i0.ɵɵtemplate(3, CountryDropdownlist_div_1_option_3_Template, 2, 2, "option", 5);
-    i0.ɵɵelementEnd()();
+function SignInButtonComponent_a_1_ng_container_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainer(0);
+} }
+function SignInButtonComponent_a_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "a", 5);
+    i0.ɵɵtemplate(1, SignInButtonComponent_a_1_ng_container_1_Template, 1, 0, "ng-container", 4);
+    i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("formGroup", ctx_r1.formGroup);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r1.isTitleVisible);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("formControlName", ctx_r1.controlName);
+    const _r3 = i0.ɵɵreference(3);
+    i0.ɵɵclassMap(ctx_r1.classes);
+    i0.ɵɵproperty("routerLink", ctx_r1.url);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngForOf", ctx_r1.items);
+    i0.ɵɵproperty("ngTemplateOutlet", _r3);
 } }
-class CountryDropdownlist extends EditComponentBase {
-    constructor(api, appContext) {
+function SignInButtonComponent_ng_template_2_span_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span");
+    i0.ɵɵtext(1, "Sign In");
+    i0.ɵɵelementEnd();
+} }
+function SignInButtonComponent_ng_template_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", null, 6);
+    i0.ɵɵprojection(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(3, SignInButtonComponent_ng_template_2_span_3_Template, 2, 0, "span", 7);
+} if (rf & 2) {
+    const _r6 = i0.ɵɵreference(1);
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("ngIf", !_r6.innerHTML.trim());
+} }
+const _c0$7 = ["*"];
+class SignInButtonComponent extends ComponentBase {
+    constructor() {
         super();
-        this.api = api;
-        this.appContext = appContext;
-        this.title = 'Country';
+        this.external = false;
     }
     ngOnInit() {
-        this.setValues();
-    }
-    setValues() {
-        this.api.getCountriesJsonFile().subscribe({
-            next: (data) => {
-                this.items = data.reverse();
+        let url = MSALConfig.ui.signin;
+        if (url) {
+            this.external = url.indexOf('http') > -1;
+            if (this.external) {
+                this.url = url + (this.qs ? '?' + this.qs : '');
+            }
+            else {
+                this.url = url;
             }
-        });
-        if (this.isNgModelBased) {
-        }
-        else {
         }
     }
-    static { this.ɵfac = function CountryDropdownlist_Factory(t) { return new (t || CountryDropdownlist)(i0.ɵɵdirectiveInject(CoreApiService), i0.ɵɵdirectiveInject(AppContextService)); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CountryDropdownlist, selectors: [["anatoly-country-dropdownlist"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 2, consts: [[4, "ngIf"], [3, "formGroup", 4, "ngIf"], [3, "formGroup"], ["class", "col-form-label", 4, "ngIf"], [1, "form-select", 3, "formControlName"], [3, "value", 4, "ngFor", "ngForOf"], [1, "col-form-label"], [3, "value"]], template: function CountryDropdownlist_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵtemplate(0, CountryDropdownlist_div_0_Template, 1, 0, "div", 0)(1, CountryDropdownlist_div_1_Template, 4, 4, "div", 1);
+    static { this.ɵfac = function SignInButtonComponent_Factory(t) { return new (t || SignInButtonComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SignInButtonComponent, selectors: [["anatoly-signin-button"]], inputs: { qs: "qs" }, features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$7, decls: 4, vars: 2, consts: [[3, "href", "class", 4, "ngIf"], [3, "routerLink", "class", 4, "ngIf"], ["contentTemplate", ""], [3, "href"], [4, "ngTemplateOutlet"], [3, "routerLink"], ["ref", ""], [4, "ngIf"]], template: function SignInButtonComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef();
+            i0.ɵɵtemplate(0, SignInButtonComponent_a_0_Template, 2, 5, "a", 0)(1, SignInButtonComponent_a_1_Template, 2, 5, "a", 1)(2, SignInButtonComponent_ng_template_2_Template, 4, 1, "ng-template", null, 2, i0.ɵɵtemplateRefExtractor);
         } if (rf & 2) {
-            i0.ɵɵproperty("ngIf", ctx.isNgModelBased);
+            i0.ɵɵproperty("ngIf", ctx.external);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", !ctx.isNgModelBased);
-        } }, dependencies: [i1$2.NgForOf, i1$2.NgIf, i2.NgSelectOption, i2.ɵNgSelectMultipleOption, i2.SelectControlValueAccessor, i2.NgControlStatus, i2.NgControlStatusGroup, i2.FormGroupDirective, i2.FormControlName, NativeElementDirective], encapsulation: 2 }); }
+            i0.ɵɵproperty("ngIf", !ctx.external);
+        } }, dependencies: [i1$2.NgIf, i1$2.NgTemplateOutlet, i1.RouterLink], encapsulation: 2 }); }
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CountryDropdownlist, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SignInButtonComponent, [{
         type: Component,
-        args: [{ selector: 'anatoly-country-dropdownlist', template: "<div *ngIf='isNgModelBased'>\r\n</div>\r\n\r\n<div *ngIf='!isNgModelBased' [formGroup]='formGroup'>\r\n  <label *ngIf='isTitleVisible' class='col-form-label'>Country</label>\r\n  <select [formControlName]='controlName' class='form-select'>\r\n    <option *ngFor='let item of items' [value]='item.code'>\r\n      {{ item.name }}\r\n    </option>\r\n  </select>\r\n</div>\r\n" }]
-    }], () => [{ type: CoreApiService }, { type: AppContextService }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CountryDropdownlist, { className: "CountryDropdownlist", filePath: "lib\\ui\\components\\dropdownlists\\country\\country.dropdownlist.ts", lineNumber: 29 }); })();
+        args: [{ selector: "anatoly-signin-button", template: "<a [href]=\"url\" class=\"{{ classes }}\" *ngIf=\"external\">\r\n  <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\r\n</a>\r\n\r\n<a [routerLink]=\"url\" class=\"{{ classes }}\" *ngIf=\"!external\">\r\n  <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\r\n</a>\r\n\r\n<ng-template #contentTemplate>\r\n  <span #ref><ng-content></ng-content></span>\r\n  <span *ngIf=\"!ref.innerHTML.trim()\">Sign In</span>\r\n</ng-template>\r\n" }]
+    }], () => [], { qs: [{
+            type: Input
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SignInButtonComponent, { className: "SignInButtonComponent", filePath: "lib\\ui\\components\\identity\\signin-button.component.ts", lineNumber: 28 }); })();
 
 /*
 <file>
@@ -7684,135 +7778,92 @@ class CountryDropdownlist extends EditComponentBase {
     Anatoly Osovitny anatoly.osovitny@osovitny.com
 
   Created:
-    02 Aug 2022
+    4 Jul 2018
 
-  Copyright (c) 2017-2025 Osovitny Inc. All rights reserved.
+  Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
 </file>
 */
 //Node
-function TimezoneDropdownlist_div_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "div");
-} }
-function TimezoneDropdownlist_div_1_label_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "label", 6);
-    i0.ɵɵtext(1, "Timezone");
-    i0.ɵɵelementEnd();
+function SignOutButtonComponent_a_0_ng_container_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainer(0);
 } }
-function TimezoneDropdownlist_div_1_option_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "option", 7);
-    i0.ɵɵtext(1);
+function SignOutButtonComponent_a_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "a", 3);
+    i0.ɵɵtemplate(1, SignOutButtonComponent_a_0_ng_container_1_Template, 1, 0, "ng-container", 4);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const item_r4 = ctx.$implicit;
-    i0.ɵɵproperty("value", item_r4.code);
+    const ctx_r0 = i0.ɵɵnextContext();
+    const _r3 = i0.ɵɵreference(3);
+    i0.ɵɵclassMap(ctx_r0.classes);
+    i0.ɵɵproperty("href", ctx_r0.url, i0.ɵɵsanitizeUrl);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate2(" (", item_r4.offset, ") ", item_r4.name, " ");
+    i0.ɵɵproperty("ngTemplateOutlet", _r3);
 } }
-function TimezoneDropdownlist_div_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 2);
-    i0.ɵɵtemplate(1, TimezoneDropdownlist_div_1_label_1_Template, 2, 0, "label", 3);
-    i0.ɵɵelementStart(2, "select", 4);
-    i0.ɵɵtemplate(3, TimezoneDropdownlist_div_1_option_3_Template, 2, 3, "option", 5);
-    i0.ɵɵelementEnd()();
+function SignOutButtonComponent_a_1_ng_container_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainer(0);
+} }
+function SignOutButtonComponent_a_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "a", 5);
+    i0.ɵɵtemplate(1, SignOutButtonComponent_a_1_ng_container_1_Template, 1, 0, "ng-container", 4);
+    i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("formGroup", ctx_r1.formGroup);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r1.isTitleVisible);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("formControlName", ctx_r1.controlName);
+    const _r3 = i0.ɵɵreference(3);
+    i0.ɵɵclassMap(ctx_r1.classes);
+    i0.ɵɵproperty("routerLink", ctx_r1.url);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngForOf", ctx_r1.items);
+    i0.ɵɵproperty("ngTemplateOutlet", _r3);
 } }
-class TimezoneDropdownlist extends EditComponentBase {
-    constructor(api, appContext) {
+function SignOutButtonComponent_ng_template_2_span_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span");
+    i0.ɵɵtext(1, "Sign Out");
+    i0.ɵɵelementEnd();
+} }
+function SignOutButtonComponent_ng_template_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", null, 6);
+    i0.ɵɵprojection(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtemplate(3, SignOutButtonComponent_ng_template_2_span_3_Template, 2, 0, "span", 7);
+} if (rf & 2) {
+    const _r6 = i0.ɵɵreference(1);
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("ngIf", !_r6.innerHTML.trim());
+} }
+const _c0$6 = ["*"];
+class SignOutButtonComponent extends ComponentBase {
+    constructor() {
         super();
-        this.api = api;
-        this.appContext = appContext;
-        this.title = 'Timezone';
+        this.external = false;
     }
     ngOnInit() {
-        this.setValues();
-    }
-    setValues() {
-        this.api.getTimezonesJsonFile().subscribe({
-            next: (data) => {
-                this.items = data.reverse();
-            }
-        });
-        if (this.isNgModelBased) {
-        }
-        else {
-            let timezone = this.getFormValue(this.controlName);
-            if (timezone) {
-                return;
-            }
-            //1. Try to set client timezone
-            try {
-                timezone = Intl.DateTimeFormat().resolvedOptions().timeZone;
-                this.setFormValue(this.controlName, timezone);
-            }
-            catch {
+        let url = MSALConfig.ui.signout;
+        if (url) {
+            this.external = url.indexOf('http') > -1;
+            if (this.external) {
+                this.url = url + (this.qs ? '?' + this.qs : '');
             }
-            //2. Try to set context timeZone
-            let context = this.appContext.current;
-            timezone = context?.user?.timezone;
-            if (timezone) {
-                this.setFormValue(this.controlName, timezone);
+            else {
+                this.url = url;
             }
         }
     }
-    static { this.ɵfac = function TimezoneDropdownlist_Factory(t) { return new (t || TimezoneDropdownlist)(i0.ɵɵdirectiveInject(CoreApiService), i0.ɵɵdirectiveInject(AppContextService)); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TimezoneDropdownlist, selectors: [["anatoly-timezone-dropdownlist"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 2, consts: [[4, "ngIf"], [3, "formGroup", 4, "ngIf"], [3, "formGroup"], ["class", "col-form-label", 4, "ngIf"], [1, "form-select", 3, "formControlName"], [3, "value", 4, "ngFor", "ngForOf"], [1, "col-form-label"], [3, "value"]], template: function TimezoneDropdownlist_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵtemplate(0, TimezoneDropdownlist_div_0_Template, 1, 0, "div", 0)(1, TimezoneDropdownlist_div_1_Template, 4, 4, "div", 1);
+    static { this.ɵfac = function SignOutButtonComponent_Factory(t) { return new (t || SignOutButtonComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SignOutButtonComponent, selectors: [["anatoly-signout-button"]], inputs: { qs: "qs" }, features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$6, decls: 4, vars: 2, consts: [[3, "href", "class", 4, "ngIf"], [3, "routerLink", "class", 4, "ngIf"], ["contentTemplate", ""], [3, "href"], [4, "ngTemplateOutlet"], [3, "routerLink"], ["ref", ""], [4, "ngIf"]], template: function SignOutButtonComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef();
+            i0.ɵɵtemplate(0, SignOutButtonComponent_a_0_Template, 2, 5, "a", 0)(1, SignOutButtonComponent_a_1_Template, 2, 5, "a", 1)(2, SignOutButtonComponent_ng_template_2_Template, 4, 1, "ng-template", null, 2, i0.ɵɵtemplateRefExtractor);
         } if (rf & 2) {
-            i0.ɵɵproperty("ngIf", ctx.isNgModelBased);
+            i0.ɵɵproperty("ngIf", ctx.external);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", !ctx.isNgModelBased);
-        } }, dependencies: [i1$2.NgForOf, i1$2.NgIf, i2.NgSelectOption, i2.ɵNgSelectMultipleOption, i2.SelectControlValueAccessor, i2.NgControlStatus, i2.NgControlStatusGroup, i2.FormGroupDirective, i2.FormControlName, NativeElementDirective], encapsulation: 2 }); }
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TimezoneDropdownlist, [{
-        type: Component,
-        args: [{ selector: 'anatoly-timezone-dropdownlist', template: "<div *ngIf='isNgModelBased'>\r\n</div>\r\n\r\n<div *ngIf='!isNgModelBased' [formGroup]='formGroup'>\r\n  <label *ngIf='isTitleVisible' class='col-form-label'>Timezone</label>\r\n  <select [formControlName]='controlName' class='form-select'>\r\n    <option *ngFor='let item of items' [value]='item.code'>\r\n      ({{ item.offset }}) {{ item.name }}\r\n    </option>\r\n  </select>\r\n</div>\r\n" }]
-    }], () => [{ type: CoreApiService }, { type: AppContextService }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TimezoneDropdownlist, { className: "TimezoneDropdownlist", filePath: "lib\\ui\\components\\dropdownlists\\timezone\\timezone.dropdownlist.ts", lineNumber: 29 }); })();
-
-/*
-<file>
-  Project:
-    @osovitny/anatoly
-
-  Authors:
-    Anatoly Osovitny anatoly.osovitny@osovitny.com
-
-  Created:
-    29 July 2022
-
-  Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
-</file>
-*/
-//Node
-const _c0$8 = [[["mex-card-header"]], [["mex-card-body"]], "*", [["mex-card-footer"]]];
-const _c1 = ["mex-card-header", "mex-card-body", "*", "mex-card-footer"];
-class CardComponent extends ComponentBase {
-    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵCardComponent_BaseFactory; return function CardComponent_Factory(t) { return (ɵCardComponent_BaseFactory || (ɵCardComponent_BaseFactory = i0.ɵɵgetInheritedFactory(CardComponent)))(t || CardComponent); }; })(); }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CardComponent, selectors: [["anatoly-card"]], features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c1, decls: 5, vars: 3, template: function CardComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵprojectionDef(_c0$8);
-            i0.ɵɵelementStart(0, "div");
-            i0.ɵɵprojection(1);
-            i0.ɵɵprojection(2, 1);
-            i0.ɵɵprojection(3, 2);
-            i0.ɵɵprojection(4, 3);
-            i0.ɵɵelementEnd();
-        } if (rf & 2) {
-            i0.ɵɵclassMapInterpolate1("card ", ctx.classes, "");
-        } }, encapsulation: 2 }); }
+            i0.ɵɵproperty("ngIf", !ctx.external);
+        } }, dependencies: [i1$2.NgIf, i1$2.NgTemplateOutlet, i1.RouterLink], encapsulation: 2 }); }
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CardComponent, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SignOutButtonComponent, [{
         type: Component,
-        args: [{ selector: 'anatoly-card', template: "<div class='card {{ classes }}'>\r\n  <ng-content select='mex-card-header'></ng-content>\r\n  <ng-content select='mex-card-body'></ng-content>\r\n  <ng-content></ng-content>\r\n  <ng-content select='mex-card-footer'></ng-content>\r\n</div>\r\n" }]
-    }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CardComponent, { className: "CardComponent", filePath: "lib\\ui\\components\\card\\card.component.ts", lineNumber: 26 }); })();
+        args: [{ selector: "anatoly-signout-button", template: "<a [href]=\"url\" class=\"{{ classes }}\" *ngIf=\"external\">\r\n  <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\r\n</a>\r\n\r\n<a [routerLink]=\"url\" class=\"{{ classes }}\" *ngIf=\"!external\">\r\n  <ng-container *ngTemplateOutlet=\"contentTemplate\"></ng-container>\r\n</a>\r\n\r\n<ng-template #contentTemplate>\r\n  <span #ref><ng-content></ng-content></span>\r\n  <span *ngIf=\"!ref.innerHTML.trim()\">Sign Out</span>\r\n</ng-template>\r\n" }]
+    }], () => [], { qs: [{
+            type: Input
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SignOutButtonComponent, { className: "SignOutButtonComponent", filePath: "lib\\ui\\components\\identity\\signout-button.component.ts", lineNumber: 28 }); })();
 
 /*
 <file>
@@ -7820,45 +7871,74 @@ class CardComponent extends ComponentBase {
     @osovitny/anatoly
 
   Authors:
+    Vadim Osovitny vadim.osovitny@osovitny.com
     Anatoly Osovitny anatoly.osovitny@osovitny.com
 
   Created:
-    29 July 2022
+    29 Jul 2022
 
   Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
 </file>
 */
 //Node
-function CardHeaderComponent_h3_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "h3");
-    i0.ɵɵtext(1);
+function NodataComponent_div_0_div_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div");
+    i0.ɵɵelement(1, "fa-icon", 5);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
+    const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ctx_r0.title);
+    i0.ɵɵproperty("icon", ctx_r1.icon)("size", ctx_r1.iconSize);
 } }
-const _c0$7 = ["*"];
-class CardHeaderComponent extends ComponentBase {
-    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵCardHeaderComponent_BaseFactory; return function CardHeaderComponent_Factory(t) { return (ɵCardHeaderComponent_BaseFactory || (ɵCardHeaderComponent_BaseFactory = i0.ɵɵgetInheritedFactory(CardHeaderComponent)))(t || CardHeaderComponent); }; })(); }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CardHeaderComponent, selectors: [["anatoly-card-header"]], features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$7, decls: 4, vars: 4, consts: [[1, "card-title"], [4, "ngIf"]], template: function CardHeaderComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵprojectionDef();
-            i0.ɵɵelementStart(0, "div")(1, "div", 0);
-            i0.ɵɵtemplate(2, CardHeaderComponent_h3_2_Template, 2, 1, "h3", 1);
-            i0.ɵɵelementEnd();
-            i0.ɵɵprojection(3);
-            i0.ɵɵelementEnd();
+function NodataComponent_div_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 1)(1, "div", 2);
+    i0.ɵɵtemplate(2, NodataComponent_div_0_div_2_Template, 2, 2, "div", 3);
+    i0.ɵɵelementStart(3, "h3", 4);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵprojection(5);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngIf", ctx_r0.icon);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r0.heading);
+} }
+const _c0$5 = ["*"];
+class NodataComponent {
+    constructor() {
+        this.dataLoading = false;
+        this.dataLoaded = false;
+        this.dataFound = false;
+        this.iconSize = '10x';
+        this.heading = 'No data found';
+    }
+    static { this.ɵfac = function NodataComponent_Factory(t) { return new (t || NodataComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: NodataComponent, selectors: [["anatoly-nodata"]], inputs: { dataLoading: "dataLoading", dataLoaded: "dataLoaded", dataFound: "dataFound", icon: "icon", iconSize: "iconSize", heading: "heading" }, ngContentSelectors: _c0$5, decls: 1, vars: 1, consts: [["class", "no-data", 4, "ngIf"], [1, "no-data"], [1, "loaded", "text-info"], [4, "ngIf"], [1, "no-data-heading"], [3, "icon", "size"]], template: function NodataComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef();
+            i0.ɵɵtemplate(0, NodataComponent_div_0_Template, 6, 2, "div", 0);
         } if (rf & 2) {
-            i0.ɵɵclassMapInterpolate1("card-header ", ctx.classes, "");
-            i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngIf", ctx.title);
-        } }, dependencies: [i1$2.NgIf], encapsulation: 2 }); }
+            i0.ɵɵproperty("ngIf", ctx.dataLoaded && !ctx.dataFound);
+        } }, dependencies: [i1$2.NgIf, i1$6.FaIconComponent], encapsulation: 2 }); }
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CardHeaderComponent, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NodataComponent, [{
         type: Component,
-        args: [{ selector: 'anatoly-card-header', template: "<div class='card-header {{ classes }}'>\r\n  <div class=\"card-title\">\r\n    <h3 *ngIf='title'>{{ title }}</h3>\r\n  </div>\r\n  <ng-content></ng-content>\r\n</div>\r\n" }]
-    }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CardHeaderComponent, { className: "CardHeaderComponent", filePath: "lib\\ui\\components\\card\\card-header.component.ts", lineNumber: 26 }); })();
+        args: [{ selector: 'anatoly-nodata', template: "<div class=\"no-data\" *ngIf='dataLoaded && !dataFound'>\r\n  <div class='loaded text-info'>\r\n    <div *ngIf='icon'>\r\n      <fa-icon [icon]=\"icon\" [size]=\"iconSize\"></fa-icon>\r\n    </div>\r\n    <h3 class='no-data-heading'>{{heading}}</h3>\r\n    <ng-content></ng-content>\r\n  </div>\r\n</div>\r\n" }]
+    }], () => [], { dataLoading: [{
+            type: Input
+        }], dataLoaded: [{
+            type: Input
+        }], dataFound: [{
+            type: Input
+        }], icon: [{
+            type: Input
+        }], iconSize: [{
+            type: Input
+        }], heading: [{
+            type: Input
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(NodataComponent, { className: "NodataComponent", filePath: "lib\\ui\\components\\nodata\\nodata.component.ts", lineNumber: 25 }); })();
 
 /*
 <file>
@@ -7866,32 +7946,39 @@ class CardHeaderComponent extends ComponentBase {
     @osovitny/anatoly
 
   Authors:
-    Anatoly Osovitny anatoly.osovitny@osovitny.com
+    Leon Malyan leon.malyan@osovitny.com
 
   Created:
-    29 July 2022
+    22 Juy 2024
 
   Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
 </file>
 */
 //Node
-const _c0$6 = ["*"];
-class CardBodyComponent extends ComponentBase {
-    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵCardBodyComponent_BaseFactory; return function CardBodyComponent_Factory(t) { return (ɵCardBodyComponent_BaseFactory || (ɵCardBodyComponent_BaseFactory = i0.ɵɵgetInheritedFactory(CardBodyComponent)))(t || CardBodyComponent); }; })(); }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CardBodyComponent, selectors: [["anatoly-card-body"]], features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$6, decls: 2, vars: 3, template: function CardBodyComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵprojectionDef();
-            i0.ɵɵelementStart(0, "div");
-            i0.ɵɵprojection(1);
+class NoMobileSupportComponent extends ComponentBase {
+    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵNoMobileSupportComponent_BaseFactory; return function NoMobileSupportComponent_Factory(t) { return (ɵNoMobileSupportComponent_BaseFactory || (ɵNoMobileSupportComponent_BaseFactory = i0.ɵɵgetInheritedFactory(NoMobileSupportComponent)))(t || NoMobileSupportComponent); }; })(); }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: NoMobileSupportComponent, selectors: [["anatoly-no-mobile-support"]], inputs: { logo: "logo" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 8, vars: 1, consts: [[2, "text-align", "center", "padding-top", "20px"], ["alt", "logo", 3, "src"], [2, "text-align", "center", "margin-top", "40vh"], [2, "font-size", "1.25rem"]], template: function NoMobileSupportComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0);
+            i0.ɵɵelement(1, "img", 1);
             i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(2, "div", 2)(3, "div", 3)(4, "b");
+            i0.ɵɵtext(5, "Mobile Site Under Construction");
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(6, "div");
+            i0.ɵɵtext(7, "Please Use Another Device");
+            i0.ɵɵelementEnd()();
         } if (rf & 2) {
-            i0.ɵɵclassMapInterpolate1("card-body ", ctx.classes, "");
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("src", ctx.logo, i0.ɵɵsanitizeUrl);
         } }, encapsulation: 2 }); }
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CardBodyComponent, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NoMobileSupportComponent, [{
         type: Component,
-        args: [{ selector: 'anatoly-card-body', template: "<div class='card-body {{ classes }}'>\r\n  <ng-content></ng-content>\r\n</div>\r\n" }]
-    }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CardBodyComponent, { className: "CardBodyComponent", filePath: "lib\\ui\\components\\card\\card-body.component.ts", lineNumber: 26 }); })();
+        args: [{ selector: 'anatoly-no-mobile-support', template: "<div style=\"text-align:center; padding-top:20px;\">\r\n  <img [src]='logo' alt='logo'>\r\n</div>\r\n<div style='text-align: center; margin-top:40vh;'>\r\n  <div style='font-size:1.25rem;'>\r\n    <b>Mobile Site Under Construction</b>\r\n  </div>\r\n  <div>Please Use Another Device</div>\r\n</div>\r\n" }]
+    }], null, { logo: [{
+            type: Input
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(NoMobileSupportComponent, { className: "NoMobileSupportComponent", filePath: "lib\\ui\\components\\no-mobile-support\\no-mobile-support.component.ts", lineNumber: 26 }); })();
 
 /*
 <file>
@@ -7899,32 +7986,58 @@ class CardBodyComponent extends ComponentBase {
     @osovitny/anatoly
 
   Authors:
+    Vadim Osovitny vadim.osovitny@osovitny.com
     Anatoly Osovitny anatoly.osovitny@osovitny.com
 
   Created:
-    29 July 2022
+    9 May 2020
 
   Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
 </file>
 */
 //Node
-const _c0$5 = ["*"];
-class CardFooterComponent extends ComponentBase {
-    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵCardFooterComponent_BaseFactory; return function CardFooterComponent_Factory(t) { return (ɵCardFooterComponent_BaseFactory || (ɵCardFooterComponent_BaseFactory = i0.ɵɵgetInheritedFactory(CardFooterComponent)))(t || CardFooterComponent); }; })(); }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CardFooterComponent, selectors: [["anatoly-card-footer"]], features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$5, decls: 2, vars: 3, template: function CardFooterComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵprojectionDef();
-            i0.ɵɵelementStart(0, "div");
-            i0.ɵɵprojection(1);
-            i0.ɵɵelementEnd();
+function LoadingComponent_div_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 1);
+    i0.ɵɵelement(1, "span", 2);
+    i0.ɵɵelementEnd();
+} }
+class LoadingComponent extends ComponentBase {
+    constructor(loadingService) {
+        super();
+        this.loadingService = loadingService;
+        this.show = false;
+    }
+    ngOnInit() {
+        this.subs.sink = this.loadingService.subscribe({
+            next: (data) => {
+                this.show = data;
+            }
+        });
+    }
+    static { this.ɵfac = function LoadingComponent_Factory(t) { return new (t || LoadingComponent)(i0.ɵɵdirectiveInject(LoadingService)); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LoadingComponent, selectors: [["anatoly-loading"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [["id", "pnlLoading", 4, "ngIf"], ["id", "pnlLoading"], [1, "k-icon", "k-i-loading"]], template: function LoadingComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, LoadingComponent_div_0_Template, 2, 0, "div", 0);
         } if (rf & 2) {
-            i0.ɵɵclassMapInterpolate1("card-footer ", ctx.classes, "");
-        } }, encapsulation: 2 }); }
+            i0.ɵɵproperty("ngIf", ctx.show);
+        } }, dependencies: [i1$2.NgIf], encapsulation: 2 }); }
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CardFooterComponent, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LoadingComponent, [{
         type: Component,
-        args: [{ selector: 'anatoly-card-footer', template: "<div class='card-footer {{ classes }}'>\r\n  <ng-content></ng-content>\r\n</div>\r\n" }]
-    }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CardFooterComponent, { className: "CardFooterComponent", filePath: "lib\\ui\\components\\card\\card-footer.component.ts", lineNumber: 26 }); })();
+        args: [{ selector: 'anatoly-loading', template: "<div id=\"pnlLoading\" *ngIf=\"show\">\r\n  <span class=\"k-icon k-i-loading\"></span>\r\n</div>\r\n" }]
+    }], () => [{ type: LoadingService }], null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(LoadingComponent, { className: "LoadingComponent", filePath: "lib\\ui\\components\\spinners\\loading\\loading.component.ts", lineNumber: 28 }); })();
+
+const Spinkit = {
+    skChasingDots: 'sk-chasing-dots',
+    skCubeGrid: 'sk-cube-grid',
+    skDoubleBounce: 'sk-double-bounce',
+    skRotatingPlane: 'sk-rotationg-plane',
+    skSpinnerPulse: 'sk-spinner-pulse',
+    skThreeBounce: 'sk-three-bounce',
+    skWanderingCubes: 'sk-wandering-cubes',
+    skWave: 'sk-wave',
+    skLine: 'sk-line-material'
+};
 
 /*
 <file>
@@ -7936,169 +8049,123 @@ class CardFooterComponent extends ComponentBase {
     Anatoly Osovitny anatoly.osovitny@osovitny.com
 
   Created:
-    12 Dec 2017
+    16 May 2020
 
   Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
 </file>
 */
-const 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: "" },
-};
-
 //Node
-class HtmlEditorComponentBase extends EditComponentBase {
-    constructor() {
-        super();
-        this.froalaEditorInitialized = false;
-        this.afterInitializedActions = [];
-        // Inputs
-        this.editorLabelText = "Html";
-        this.editorOptions = {};
-    }
-    ngOnInit() {
-        let opt = this.editorOptions;
-        if (typeof this.editorOptions == "string") {
-            opt = JSON.parse(this.editorOptions);
-        }
-        let newOptions = $.extend({}, DefaultEditorOptions, opt);
-        const key = AppCoreSettings.froalaEditorKey;
-        if (key) {
-            newOptions = $.extend({}, newOptions, JSON.parse('{ "key": "' + key + '" }'));
-        }
-        if (newOptions.events && newOptions.events.initialized) {
-            newOptions.events.initialized.overridden = false;
-        }
-        this.options = newOptions;
-    }
-    ngAfterViewInit() {
-        const that = this;
-        setTimeout(function () {
-            that.froalaEditorInitialized = true;
-            that.onInitialized();
-        }, 300);
-    }
-    onInitialized() {
-        let actions = this.afterInitializedActions;
-        // Clear actions
-        this.afterInitializedActions = [];
-        if (actions) {
-            for (let i = 0; i < actions.length; i++) {
-                actions[i]();
+function PageSpinnerComponent_div_0_div_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 4);
+    i0.ɵɵelement(1, "div", 5);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("colored", !ctx_r1.backgroundColor);
+    i0.ɵɵadvance();
+    i0.ɵɵstyleProp("background-color", ctx_r1.backgroundColor);
+} }
+function PageSpinnerComponent_div_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 1)(1, "div", 2);
+    i0.ɵɵtemplate(2, PageSpinnerComponent_div_0_div_2_Template, 2, 4, "div", 3);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngIf", ctx_r0.spinner === ctx_r0.Spinkit.skLine);
+} }
+class PageSpinnerComponent {
+    constructor(router) {
+        this.router = router;
+        this.isSpinnerVisible = true;
+        this.Spinkit = Spinkit;
+        this.backgroundColor = '#2196f3';
+        this.spinner = Spinkit.skLine;
+        router.events.subscribe({
+            next: (routerEvent) => {
+                this.checkRouterEvent(routerEvent);
             }
-        }
-    }
-    getEditor() {
-        if (this.froalaEditor)
-            return this.froalaEditor.getEditor();
-        return null;
+        });
     }
-    // Public Funcs
-    doAfterInitialized(action) {
-        const that = this;
-        if (!this.froalaEditorInitialized) {
-            this.afterInitializedActions.push(() => {
-                action(that);
-            });
+    checkRouterEvent(routerEvent) {
+        if (routerEvent instanceof NavigationStart) {
+            this.isSpinnerVisible = true;
         }
-        else {
-            action(that);
+        if (routerEvent instanceof NavigationEnd ||
+            routerEvent instanceof NavigationCancel ||
+            routerEvent instanceof NavigationError) {
+            this.isSpinnerVisible = false;
         }
     }
-    initializeControl(control) {
-        this.froalaEditor = control;
-        this.froalaEditor.initialize();
+    ngOnDestroy() {
+        this.isSpinnerVisible = false;
     }
-    setUploadParams(uploadType, uploadParentId) {
-        this.doAfterInitialized(function (that) {
-            const editor = that.getEditor();
-            if (typeof editor == "undefined" || editor == null) {
-                return;
-            }
-            editor.opts.imageUploadParams.uploadType = uploadType;
-            editor.opts.imageUploadParams.uploadParentId = uploadParentId;
-        });
+    static { this.ɵfac = function PageSpinnerComponent_Factory(t) { return new (t || PageSpinnerComponent)(i0.ɵɵdirectiveInject(i1.Router)); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PageSpinnerComponent, selectors: [["anatoly-pagespinner"]], inputs: { backgroundColor: "backgroundColor", spinner: "spinner" }, decls: 1, vars: 1, consts: [["id", "http-loader", 4, "ngIf"], ["id", "http-loader"], [1, "loader-bg"], ["class", "sk-line-material", 3, "colored", 4, "ngIf"], [1, "sk-line-material"], [1, "sk-child", "sk-bounce1"]], template: function PageSpinnerComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, PageSpinnerComponent_div_0_Template, 3, 1, "div", 0);
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngIf", ctx.isSpinnerVisible);
+        } }, dependencies: [i1$2.NgIf], encapsulation: 2 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PageSpinnerComponent, [{
+        type: Component,
+        args: [{ selector: 'anatoly-pagespinner', encapsulation: ViewEncapsulation.None, template: "<div id=\"http-loader\" *ngIf=\"isSpinnerVisible\">\r\n  <div class=\"loader-bg\">\r\n      <div class=\"sk-line-material\" [class.colored]=\"!backgroundColor\" *ngIf=\"spinner === Spinkit.skLine\">\r\n          <div class=\"sk-child sk-bounce1\" [style.background-color]='backgroundColor'></div>\r\n      </div>\r\n  </div>\r\n</div>\r\n" }]
+    }], () => [{ type: i1.Router }], { backgroundColor: [{
+            type: Input
+        }], spinner: [{
+            type: Input
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PageSpinnerComponent, { className: "PageSpinnerComponent", filePath: "lib\\ui\\components\\spinners\\pagespinner\\pagespinner.component.ts", lineNumber: 29 }); })();
+
+/*
+<file>
+  Project:
+    @osovitny/anatoly
+
+  Authors:
+    Vadim Osovitny vadim.osovitny@osovitny.com
+    Anatoly Osovitny anatoly.osovitny@osovitny.com
+
+  Created:
+    9 Jun 2020
+
+  Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
+</file>
+*/
+//Node
+class Copy2ClipboardComponent extends ComponentBase {
+    constructor() {
+        super(...arguments);
+        this.tooltip = "Copy to clipboard";
+        this.text = "";
     }
-    static { this.ɵfac = function HtmlEditorComponentBase_Factory(t) { return new (t || HtmlEditorComponentBase)(); }; }
-    static { this.ɵ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 }); }
+    onCopy2Clipboard(event) {
+        let oldTooltip = this.tooltip;
+        this.tooltip = "Copied";
+        setTimeout(() => {
+            this.tooltip = oldTooltip;
+        }, 1000);
+        Utils.copyToClipBoard(event, this.text);
+    }
+    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵCopy2ClipboardComponent_BaseFactory; return function Copy2ClipboardComponent_Factory(t) { return (ɵCopy2ClipboardComponent_BaseFactory || (ɵCopy2ClipboardComponent_BaseFactory = i0.ɵɵgetInheritedFactory(Copy2ClipboardComponent)))(t || Copy2ClipboardComponent); }; })(); }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: Copy2ClipboardComponent, selectors: [["anatoly-copy-2-clipboard"]], inputs: { tooltip: "tooltip", text: "text" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 3, consts: [[3, "click"], ["size", "lg", "icon", "copy"]], template: function Copy2ClipboardComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "a", 0);
+            i0.ɵɵlistener("click", function Copy2ClipboardComponent_Template_a_click_0_listener($event) { return ctx.onCopy2Clipboard($event); });
+            i0.ɵɵelement(1, "fa-icon", 1);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵclassMapInterpolate1("btn ", ctx.classes, "");
+        } }, dependencies: [i1$6.FaIconComponent], encapsulation: 2 }); }
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(HtmlEditorComponentBase, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(Copy2ClipboardComponent, [{
         type: Component,
-        args: [{
-                template: "",
-            }]
-    }], () => [], { editorLabelText: [{
+        args: [{ selector: 'anatoly-copy-2-clipboard', template: "<a class=\"btn {{ classes }}\" (click)=\"onCopy2Clipboard($event)\">\r\n  <fa-icon size=\"lg\" icon=\"copy\"></fa-icon>\r\n</a>\r\n" }]
+    }], null, { tooltip: [{
             type: Input
-        }], editorOptions: [{
+        }], text: [{
             type: Input
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(HtmlEditorComponentBase, { className: "HtmlEditorComponentBase", filePath: "lib\\ui\\components\\html-editor\\base-html-editor.component.ts", lineNumber: 31 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(Copy2ClipboardComponent, { className: "Copy2ClipboardComponent", filePath: "lib\\ui\\components\\copy-2-clipboard\\copy-2-clipboard.component.ts", lineNumber: 28 }); })();
 
 /*
 <file>
@@ -8110,50 +8177,114 @@ class HtmlEditorComponentBase extends EditComponentBase {
     Anatoly Osovitny anatoly.osovitny@osovitny.com
 
   Created:
-    12 Dec 2017
+    02 Aug 2022
 
-  Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
+  Copyright (c) 2017-2025 Osovitny Inc. All rights reserved.
 </file>
 */
 //Node
+function UrlSlugComponent_label_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "label", 7);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r0.title);
+} }
+function UrlSlugComponent_a_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "a", 8);
+    i0.ɵɵtext(1, "Go");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵpropertyInterpolate2("href", "", ctx_r1.urlPrefix, "", ctx_r1.hrefGo, "", i0.ɵɵsanitizeUrl);
+} }
 const _c0$4 = a0 => ({ "has-error": a0 });
-class FormsHtmlEditorComponent extends HtmlEditorComponentBase {
+class UrlSlugComponent extends EditComponentBase {
     constructor() {
         super();
-        this.editorFormKey = "html";
+        this.firstValue = true;
+        this.isGoButtonVisible = true;
+        //Outputs
+        this.generated = new EventEmitter();
+        this.title = 'Permalink';
     }
-    setFormValueAfterInitialized(name, value) {
-        this.doAfterInitialized(function (that) {
-            that.setFormValue(name, value);
+    ngOnInit() {
+        this.startWatching();
+    }
+    generateUrlSlug(text) {
+        let slugedText = Utils.slugify(text);
+        let event = { urlSlug: slugedText };
+        this.generated.emit(event);
+        this.setFormValue(this.controlName, event.urlSlug);
+    }
+    startWatching() {
+        this.subs.sink = this.formGroup.get(this.controlName).valueChanges.subscribe({
+            next: (value) => {
+                this.hrefGo = value;
+            }
         });
+        if (this.watchedControlName) {
+            this.subs.sink = this.formGroup.get(this.watchedControlName).valueChanges.subscribe({
+                next: (value) => {
+                    if (this.firstValue) {
+                        this.firstValue = false;
+                        return;
+                    }
+                    this.generateUrlSlug(value);
+                }
+            });
+        }
     }
-    static { this.ɵfac = function FormsHtmlEditorComponent_Factory(t) { return new (t || FormsHtmlEditorComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FormsHtmlEditorComponent, selectors: [["anatoly-forms-html-editor"]], inputs: { editorFormKey: "editorFormKey" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 5, vars: 10, consts: [[1, "form-group", 3, "formGroup", "ngClass"], [1, "col-form-label"], [3, "formControlName", "froalaEditor", "froalaInit"], [3, "formGroup", "formSubmitted", "controlName"]], template: function FormsHtmlEditorComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 0)(1, "label", 1);
-            i0.ɵɵtext(2);
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(3, "textarea", 2);
-            i0.ɵɵlistener("froalaInit", function FormsHtmlEditorComponent_Template_textarea_froalaInit_3_listener($event) { return ctx.initializeControl($event); });
+    //Events
+    onUrlSlugChange() {
+        let text = this.getFormValue(this.controlName);
+        this.generateUrlSlug(text);
+    }
+    static { this.ɵfac = function UrlSlugComponent_Factory(t) { return new (t || UrlSlugComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UrlSlugComponent, selectors: [["anatoly-urlslug"]], inputs: { urlPrefix: "urlPrefix", isGoButtonVisible: "isGoButtonVisible", watchedControlName: "watchedControlName" }, outputs: { generated: "generated" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 8, vars: 12, consts: [[1, "form-group", 3, "formGroup", "ngClass"], [3, "formGroup", "formSubmitted", "controlName"], [1, "input-group", "permalink", 3, "ngClass"], ["for", "urlPrefixId", 4, "ngIf"], [1, "urlPrefix"], ["type", "text", "id", "urlPrefixId", 1, "form-control", 3, "formControlName", "focusout"], ["class", "btn btn-primary", "target", "_blank", 3, "href", 4, "ngIf"], ["for", "urlPrefixId"], ["target", "_blank", 1, "btn", "btn-primary", 3, "href"]], template: function UrlSlugComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0);
+            i0.ɵɵelement(1, "anatoly-item-validation-summary", 1);
+            i0.ɵɵelementStart(2, "div", 2);
+            i0.ɵɵtemplate(3, UrlSlugComponent_label_3_Template, 2, 1, "label", 3);
+            i0.ɵɵelementStart(4, "div", 4);
+            i0.ɵɵtext(5);
             i0.ɵɵelementEnd();
-            i0.ɵɵelement(4, "anatoly-item-validation-summary", 3);
+            i0.ɵɵelementStart(6, "input", 5);
+            i0.ɵɵlistener("focusout", function UrlSlugComponent_Template_input_focusout_6_listener() { return ctx.onUrlSlugChange(); });
             i0.ɵɵelementEnd();
+            i0.ɵɵtemplate(7, UrlSlugComponent_a_7_Template, 2, 2, "a", 6);
+            i0.ɵɵelementEnd()();
         } if (rf & 2) {
-            i0.ɵɵproperty("formGroup", ctx.formGroup)("ngClass", i0.ɵɵpureFunction1(8, _c0$4, ctx.isControlInvalid(ctx.editorFormKey)));
+            i0.ɵɵproperty("formGroup", ctx.formGroup)("ngClass", i0.ɵɵpureFunction1(10, _c0$4, ctx.isControlInvalid(ctx.controlName)));
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("formGroup", ctx.formGroup)("formSubmitted", ctx.formSubmitted)("controlName", ctx.controlName);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngClass", ctx.classes);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", ctx.isTitleVisible);
             i0.ɵɵadvance(2);
-            i0.ɵɵtextInterpolate(ctx.editorLabelText);
+            i0.ɵɵtextInterpolate(ctx.urlPrefix);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("formControlName", ctx.editorFormKey)("froalaEditor", ctx.options);
+            i0.ɵɵproperty("formControlName", ctx.controlName);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("formGroup", ctx.formGroup)("formSubmitted", ctx.formSubmitted)("controlName", ctx.editorFormKey);
-        } }, dependencies: [i1$2.NgClass, i2.DefaultValueAccessor, i2.NgControlStatus, i2.NgControlStatusGroup, i2.FormGroupDirective, i2.FormControlName, i3.FroalaEditorDirective, NativeElementDirective, ItemValidationSummaryComponent], encapsulation: 2 }); }
+            i0.ɵɵproperty("ngIf", ctx.isGoButtonVisible);
+        } }, dependencies: [i1$2.NgClass, i1$2.NgIf, i2.DefaultValueAccessor, i2.NgControlStatus, i2.NgControlStatusGroup, i2.FormGroupDirective, i2.FormControlName, i4$1.LabelDirective, NativeElementDirective, ItemValidationSummaryComponent], encapsulation: 2 }); }
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FormsHtmlEditorComponent, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UrlSlugComponent, [{
         type: Component,
-        args: [{ selector: "anatoly-forms-html-editor", template: "<div [formGroup]=\"formGroup\" [ngClass]=\"{'has-error': isControlInvalid(editorFormKey) }\" class=\"form-group\" >\r\n    <label class=\"col-form-label\">{{ editorLabelText }}</label>\r\n    <textarea [formControlName]=\"editorFormKey\" [froalaEditor]=\"options\" (froalaInit)=\"initializeControl($event)\"></textarea>\r\n    <anatoly-item-validation-summary [formGroup]=\"formGroup\"\r\n                                     [formSubmitted]=\"formSubmitted\"\r\n                                     [controlName]=\"editorFormKey\">\r\n    </anatoly-item-validation-summary>\r\n</div>\r\n" }]
-    }], () => [], { editorFormKey: [{
+        args: [{ selector: 'anatoly-urlslug', template: "<div class=\"form-group\" [formGroup]='formGroup' [ngClass]=\"{'has-error': isControlInvalid(controlName)}\" >\r\n  <anatoly-item-validation-summary\r\n    [formGroup]='formGroup'\r\n    [formSubmitted]='formSubmitted'\r\n    [controlName]='controlName'>\r\n  </anatoly-item-validation-summary>\r\n\r\n  <div class=\"input-group permalink\" [ngClass]=\"classes\">\r\n    <label for=\"urlPrefixId\" *ngIf='isTitleVisible'>{{ title }}</label>\r\n    <div class=\"urlPrefix\">{{ urlPrefix }}</div>\r\n    <input type=\"text\" class=\"form-control\" id=\"urlPrefixId\" [formControlName]='controlName' (focusout)='onUrlSlugChange()'>\r\n    <a class=\"btn btn-primary\" href=\"{{urlPrefix}}{{hrefGo}}\" target=\"_blank\" *ngIf=\"isGoButtonVisible\" >Go</a>\r\n  </div>\r\n</div>\r\n" }]
+    }], () => [], { urlPrefix: [{
+            type: Input
+        }], isGoButtonVisible: [{
+            type: Input
+        }], watchedControlName: [{
             type: Input
+        }], generated: [{
+            type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FormsHtmlEditorComponent, { className: "FormsHtmlEditorComponent", filePath: "lib\\ui\\components\\html-editor\\forms-html-editor.component.ts", lineNumber: 27 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(UrlSlugComponent, { className: "UrlSlugComponent", filePath: "lib\\ui\\components\\urlslug\\urlslug.component.ts", lineNumber: 28 }); })();
 
 /*
 <file>
@@ -8161,56 +8292,107 @@ class FormsHtmlEditorComponent extends HtmlEditorComponentBase {
     @osovitny/anatoly
 
   Authors:
-    Vadim Osovitny vadim.osovitny@osovitny.com
     Anatoly Osovitny anatoly.osovitny@osovitny.com
 
   Created:
-    12 Dec 2017
+    4 Feb 2024
 
   Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
 </file>
 */
 //Node
-class HtmlEditorComponent extends HtmlEditorComponentBase {
+function FeatureWillBeReadyComponent_h3_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "h3");
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1("This feature will be ready in ", ctx_r0.readyDate, " ");
+} }
+function FeatureWillBeReadyComponent_h3_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "h3");
+    i0.ɵɵtext(1, "This feature will be available soon");
+    i0.ɵɵelementEnd();
+} }
+class FeatureWillBeReadyComponent extends ComponentBase {
+    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵFeatureWillBeReadyComponent_BaseFactory; return function FeatureWillBeReadyComponent_Factory(t) { return (ɵFeatureWillBeReadyComponent_BaseFactory || (ɵFeatureWillBeReadyComponent_BaseFactory = i0.ɵɵgetInheritedFactory(FeatureWillBeReadyComponent)))(t || FeatureWillBeReadyComponent); }; })(); }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FeatureWillBeReadyComponent, selectors: [["anatoly-feature-will-be-ready"]], inputs: { readyDate: "readyDate" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 3, vars: 2, consts: [[1, "feature-will-be-ready"], [4, "ngIf"]], template: function FeatureWillBeReadyComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0);
+            i0.ɵɵtemplate(1, FeatureWillBeReadyComponent_h3_1_Template, 2, 1, "h3", 1)(2, FeatureWillBeReadyComponent_h3_2_Template, 2, 0, "h3", 1);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", ctx.readyDate);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("ngIf", !ctx.readyDate);
+        } }, dependencies: [i1$2.NgIf], encapsulation: 2 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FeatureWillBeReadyComponent, [{
+        type: Component,
+        args: [{ selector: 'anatoly-feature-will-be-ready', template: "<div class='feature-will-be-ready'>\r\n  <h3 *ngIf='readyDate'>This feature will be ready in {{ readyDate }} </h3>\r\n  <h3 *ngIf='!readyDate'>This feature will be available soon</h3>\r\n</div>\r\n" }]
+    }], null, { readyDate: [{
+            type: Input
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FeatureWillBeReadyComponent, { className: "FeatureWillBeReadyComponent", filePath: "lib\\ui\\components\\feature-will-be-ready\\feature-will-be-ready.component.ts", lineNumber: 26 }); })();
+
+/*
+<file>
+  Project:
+    @osovitny/anatoly
+
+  Authors:
+    Anatoly Osovitny anatoly.osovitny@osovitny.com
+
+  Created:
+    21 Feb 2024
+
+  Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
+</file>
+*/
+//Node
+function YouAgreeToOurTermsComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "br");
+} }
+class YouAgreeToOurTermsComponent extends ComponentBase {
     constructor() {
-        super();
-    }
-    setHtml(content) {
-        this.doAfterInitialized(function (that) {
-            let editor = that.getEditor();
-            if (typeof editor == "undefined" || editor == null) {
-                return;
-            }
-            editor.html.set(content);
-        });
-    }
-    getHtml() {
-        let editor = this.getEditor();
-        if (typeof editor == "undefined" || editor == null) {
-            return;
-        }
-        return editor.html.get(false);
+        super(...arguments);
+        this.oneLine = true;
     }
-    static { this.ɵfac = function HtmlEditorComponent_Factory(t) { return new (t || HtmlEditorComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: HtmlEditorComponent, selectors: [["anatoly-html-editor"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 4, vars: 2, consts: [[1, "form-group"], [1, "col-form-label"], [3, "froalaEditor", "froalaInit"]], template: function HtmlEditorComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 0)(1, "label", 1);
+    static { this.ɵfac = /*@__PURE__*/ (() => { let ɵYouAgreeToOurTermsComponent_BaseFactory; return function YouAgreeToOurTermsComponent_Factory(t) { return (ɵYouAgreeToOurTermsComponent_BaseFactory || (ɵYouAgreeToOurTermsComponent_BaseFactory = i0.ɵɵgetInheritedFactory(YouAgreeToOurTermsComponent)))(t || YouAgreeToOurTermsComponent); }; })(); }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: YouAgreeToOurTermsComponent, selectors: [["anatoly-you-agree-to-our-terms"]], inputs: { prefix: "prefix", oneLine: "oneLine" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 10, vars: 4, consts: [[1, "you-agree-to-our-terms"], ["target", "_blank", "rel", "noopener", 3, "href"]], template: function YouAgreeToOurTermsComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "p");
             i0.ɵɵtext(2);
+            i0.ɵɵtemplate(3, YouAgreeToOurTermsComponent_Conditional_3_Template, 1, 0, "br");
+            i0.ɵɵelementStart(4, "a", 1);
+            i0.ɵɵtext(5, "Terms of use");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(3, "textarea", 2);
-            i0.ɵɵlistener("froalaInit", function HtmlEditorComponent_Template_textarea_froalaInit_3_listener($event) { return ctx.initializeControl($event); });
+            i0.ɵɵtext(6, " and ");
+            i0.ɵɵelementStart(7, "a", 1);
+            i0.ɵɵtext(8, "Privacy Policy");
+            i0.ɵɵelementEnd();
+            i0.ɵɵtext(9, ". ");
             i0.ɵɵelementEnd()();
         } if (rf & 2) {
             i0.ɵɵadvance(2);
-            i0.ɵɵtextInterpolate(ctx.editorLabelText);
+            i0.ɵɵtextInterpolate1(" ", ctx.prefix, " you agree to our ");
             i0.ɵɵadvance();
-            i0.ɵɵproperty("froalaEditor", ctx.options);
-        } }, dependencies: [i3.FroalaEditorDirective], encapsulation: 2 }); }
+            i0.ɵɵconditional(3, !ctx.oneLine ? 3 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("href", ctx.applicationOneUrl + "legal/terms", i0.ɵɵsanitizeUrl);
+            i0.ɵɵadvance(3);
+            i0.ɵɵproperty("href", ctx.applicationOneUrl + "legal/privacy", i0.ɵɵsanitizeUrl);
+        } }, encapsulation: 2 }); }
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(HtmlEditorComponent, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(YouAgreeToOurTermsComponent, [{
         type: Component,
-        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" }]
-    }], () => [], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(HtmlEditorComponent, { className: "HtmlEditorComponent", filePath: "lib\\ui\\components\\html-editor\\html-editor.component.ts", lineNumber: 27 }); })();
+        args: [{ selector: 'anatoly-you-agree-to-our-terms', template: "<div class=\"you-agree-to-our-terms\">\r\n  <p>\r\n    {{ prefix }} you agree to our\r\n    @if (!oneLine) {\r\n      <br />\r\n    }\r\n    <a [href]=\"applicationOneUrl + 'legal/terms'\" target=\"_blank\" rel=\"noopener\">Terms of use</a>\r\n    and\r\n    <a [href]=\"applicationOneUrl + 'legal/privacy'\" target=\"_blank\" rel=\"noopener\">Privacy Policy</a>.\r\n  </p>\r\n</div>\r\n" }]
+    }], null, { prefix: [{
+            type: Input
+        }], oneLine: [{
+            type: Input
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(YouAgreeToOurTermsComponent, { className: "YouAgreeToOurTermsComponent", filePath: "lib\\ui\\components\\you-agree-to-our-terms\\you-agree-to-our-terms.component.ts", lineNumber: 26 }); })();
 
 /*
 <file>
@@ -9757,64 +9939,142 @@ class KendoModule {
     static { this.ɵfac = function KendoModule_Factory(t) { return new (t || KendoModule)(); }; }
     static { this.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: KendoModule }); }
     static { this.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule,
+            LayoutModule,
             ButtonsModule,
-            DialogsModule,
             DropDownsModule,
             InputsModule,
+            LabelModule,
+            ScrollViewModule,
+            IntlModule,
+            DateInputsModule,
+            FormFieldModule,
+            IconsModule,
+            DialogsModule,
+            UploadsModule,
+            SchedulerModule,
+            ChartsModule,
+            GridModule,
+            LabelModule,
             PagerModule,
+            RippleModule,
+            PopupModule,
             TreeViewModule,
-            TooltipsModule,
-            IconsModule, ButtonsModule,
-            DialogsModule,
+            TooltipsModule, LayoutModule,
+            ButtonsModule,
             DropDownsModule,
             InputsModule,
+            LabelModule,
+            ScrollViewModule,
+            IntlModule,
+            DateInputsModule,
+            FormFieldModule,
+            IconsModule,
+            DialogsModule,
+            UploadsModule,
+            SchedulerModule,
+            ChartsModule,
+            GridModule,
+            LabelModule,
             PagerModule,
+            RippleModule,
+            PopupModule,
             TreeViewModule,
-            TooltipsModule,
-            IconsModule] }); }
+            TooltipsModule] }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(KendoModule, [{
         type: NgModule,
         args: [{
                 imports: [
                     CommonModule,
+                    LayoutModule,
                     ButtonsModule,
-                    DialogsModule,
                     DropDownsModule,
                     InputsModule,
+                    LabelModule,
+                    ScrollViewModule,
+                    IntlModule,
+                    DateInputsModule,
+                    FormFieldModule,
+                    IconsModule,
+                    DialogsModule,
+                    UploadsModule,
+                    SchedulerModule,
+                    ChartsModule,
+                    GridModule,
+                    LabelModule,
                     PagerModule,
+                    RippleModule,
+                    PopupModule,
                     TreeViewModule,
-                    TooltipsModule,
-                    IconsModule,
+                    TooltipsModule
                 ],
                 exports: [
+                    LayoutModule,
                     ButtonsModule,
-                    DialogsModule,
                     DropDownsModule,
                     InputsModule,
+                    LabelModule,
+                    ScrollViewModule,
+                    IntlModule,
+                    DateInputsModule,
+                    FormFieldModule,
+                    IconsModule,
+                    DialogsModule,
+                    UploadsModule,
+                    SchedulerModule,
+                    ChartsModule,
+                    GridModule,
+                    LabelModule,
                     PagerModule,
+                    RippleModule,
+                    PopupModule,
                     TreeViewModule,
-                    TooltipsModule,
-                    IconsModule
+                    TooltipsModule
                 ]
             }]
     }], null, null); })();
 (function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(KendoModule, { imports: [CommonModule,
+        LayoutModule,
         ButtonsModule,
-        DialogsModule,
         DropDownsModule,
         InputsModule,
+        LabelModule,
+        ScrollViewModule,
+        IntlModule,
+        DateInputsModule,
+        FormFieldModule,
+        IconsModule,
+        DialogsModule,
+        UploadsModule,
+        SchedulerModule,
+        ChartsModule,
+        GridModule,
+        LabelModule,
         PagerModule,
+        RippleModule,
+        PopupModule,
         TreeViewModule,
-        TooltipsModule,
-        IconsModule], exports: [ButtonsModule,
-        DialogsModule,
+        TooltipsModule], exports: [LayoutModule,
+        ButtonsModule,
         DropDownsModule,
         InputsModule,
+        LabelModule,
+        ScrollViewModule,
+        IntlModule,
+        DateInputsModule,
+        FormFieldModule,
+        IconsModule,
+        DialogsModule,
+        UploadsModule,
+        SchedulerModule,
+        ChartsModule,
+        GridModule,
+        LabelModule,
         PagerModule,
+        RippleModule,
+        PopupModule,
         TreeViewModule,
-        TooltipsModule,
-        IconsModule] }); })();
+        TooltipsModule] }); })();
 
 /*
 <file>
@@ -9928,6 +10188,8 @@ const MAIN_COMPONENTS = [
     DataPagerComponent,
     //Dropdownlists
     CountryDropdownlist,
+    ModerationStatusDropdownlist,
+    PublishStatusDropdownlist,
     TimezoneDropdownlist,
     //EhmlEditor
     HtmlEditorComponent,
@@ -10077,6 +10339,7 @@ class AnatolyUIModule {
             FormsModule,
             NgxCaptchaModule,
             FERootModule,
+            //External Modules
             FaModule,
             KendoModule] }); }
 }
@@ -10090,6 +10353,7 @@ class AnatolyUIModule {
                     FormsModule,
                     NgxCaptchaModule,
                     FERootModule,
+                    //External Modules
                     FaModule,
                     KendoModule
                 ],
@@ -10101,14 +10365,15 @@ class AnatolyUIModule {
                 ]
             }]
     }], null, null); })();
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(AnatolyUIModule, { declarations: [BuyAccessButtonComponent, SubscribePlanButtonComponent, CardComponent, CardHeaderComponent, CardBodyComponent, CardFooterComponent, CheckIconComponent, Copy2ClipboardComponent, DataPagerComponent, CountryDropdownlist, TimezoneDropdownlist, HtmlEditorComponent, FormsHtmlEditorComponent, SignInButtonComponent, SignUpButtonComponent, SignOutButtonComponent, NodataComponent, NoMobileSupportComponent, PageSpinnerComponent, LoadingComponent, UrlSlugComponent, FeatureWillBeReadyComponent, YouAgreeToOurTermsComponent, ContactUsDialog, NativeElementDirective, HoveringDirective, AddressComponent, CompanyComponent, ContactUsForm, SafeHtmlPipe, ReplaceTextPipe, FileSizePipe, FormValidationSummaryComponent, ItemValidationSummaryComponent], imports: [CommonModule,
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(AnatolyUIModule, { declarations: [BuyAccessButtonComponent, SubscribePlanButtonComponent, CardComponent, CardHeaderComponent, CardBodyComponent, CardFooterComponent, CheckIconComponent, Copy2ClipboardComponent, DataPagerComponent, CountryDropdownlist, ModerationStatusDropdownlist, PublishStatusDropdownlist, TimezoneDropdownlist, HtmlEditorComponent, FormsHtmlEditorComponent, SignInButtonComponent, SignUpButtonComponent, SignOutButtonComponent, NodataComponent, NoMobileSupportComponent, PageSpinnerComponent, LoadingComponent, UrlSlugComponent, FeatureWillBeReadyComponent, YouAgreeToOurTermsComponent, ContactUsDialog, NativeElementDirective, HoveringDirective, AddressComponent, CompanyComponent, ContactUsForm, SafeHtmlPipe, ReplaceTextPipe, FileSizePipe, FormValidationSummaryComponent, ItemValidationSummaryComponent], imports: [CommonModule,
         RouterModule,
         ReactiveFormsModule,
         FormsModule,
         NgxCaptchaModule,
         FERootModule,
+        //External Modules
         FaModule,
-        KendoModule], exports: [BuyAccessButtonComponent, SubscribePlanButtonComponent, CardComponent, CardHeaderComponent, CardBodyComponent, CardFooterComponent, CheckIconComponent, Copy2ClipboardComponent, DataPagerComponent, CountryDropdownlist, TimezoneDropdownlist, HtmlEditorComponent, FormsHtmlEditorComponent, SignInButtonComponent, SignUpButtonComponent, SignOutButtonComponent, NodataComponent, NoMobileSupportComponent, PageSpinnerComponent, LoadingComponent, UrlSlugComponent, FeatureWillBeReadyComponent, YouAgreeToOurTermsComponent, ContactUsDialog, NativeElementDirective, HoveringDirective, AddressComponent, CompanyComponent, ContactUsForm, SafeHtmlPipe, ReplaceTextPipe, FileSizePipe, FormValidationSummaryComponent, ItemValidationSummaryComponent] }); })();
+        KendoModule], exports: [BuyAccessButtonComponent, SubscribePlanButtonComponent, CardComponent, CardHeaderComponent, CardBodyComponent, CardFooterComponent, CheckIconComponent, Copy2ClipboardComponent, DataPagerComponent, CountryDropdownlist, ModerationStatusDropdownlist, PublishStatusDropdownlist, TimezoneDropdownlist, HtmlEditorComponent, FormsHtmlEditorComponent, SignInButtonComponent, SignUpButtonComponent, SignOutButtonComponent, NodataComponent, NoMobileSupportComponent, PageSpinnerComponent, LoadingComponent, UrlSlugComponent, FeatureWillBeReadyComponent, YouAgreeToOurTermsComponent, ContactUsDialog, NativeElementDirective, HoveringDirective, AddressComponent, CompanyComponent, ContactUsForm, SafeHtmlPipe, ReplaceTextPipe, FileSizePipe, FormValidationSummaryComponent, ItemValidationSummaryComponent] }); })();
 
 /*
 <file>
@@ -10173,5 +10438,5 @@ class AnatolyModule {
  * Generated bundle index. Do not edit.
  */
 
-export { AddressComponent, AdminGuard, Alerts, AnatolyBillingModule, AnatolyCoreModule, AnatolyDataModule, AnatolyHttpInterceptor, AnatolyIAMModule, AnatolyIAMPagesModule, AnatolyModule, AnatolyUIModule, ApiServiceBase, ApiUrl, AppContextService, AppCoreSettings, AppName, AppSettings, AppVersion, AppsGoServiceBase, AuthService, AuthenticationGuard, BillingUtils, BraintreeDialog, Browser, BuyAccessButtonComponent, CardBodyComponent, CardComponent, CardFooterComponent, CardHeaderComponent, CheckIconComponent, ClientApps, CompanyComponent, ComponentBase, ContactUsDialog, ContactUsForm, Convert, Copy2ClipboardComponent, CoreApiService, CountryDropdownlist, CurrenciesApiService, CurrenciesStorageService, DOM, DataPagerComponent, DataViewType, DateConvert, DefaultEditorOptions, DialogBase, DigitalMarketingService, DiscountCodeStatus, DiscountCodeType, DiscountCodesApiService, EditComponentBase, EditPageBase, EmailsApiService, EnumEditComponentBase, FeatureWillBeReadyComponent, FileSizePipe, FormValidationSummaryComponent, FormsHtmlEditorComponent, GABillingEvents, GAEvents, GlobalErrorHandler, GoServiceBase, GoogleAnalyticsService, GridEditServiceBase, GridReadServiceBase, Guid, HoveringDirective, HtmlEditorComponent, HtmlEditorComponentBase, IdleService, InjectorInstance, IsDevMode, IsProdMode, ItemValidationSummaryComponent, L10NUrl, L10nUtils, ListBase, LoadingComponent, LoadingService, LocalStorageService, LocalizationInjectorInstance, LocalizationModule, LocalizationService, LocalizationSettingsModule, LocalizePipe, LoggingService, MSALUtils, NativeElementDirective, NoMobileSupportComponent, NodataComponent, NotificationService, OrderSummaryComponent, PageBase, PageSpinnerComponent, PagedPageBase, PayPalComponent, PayPalScriptService, PaymentMethod, PaymentMethodsComponent, PaymentOptionsComponent, PaymentStage, PaymentType, PaymentsApiService, PaymentsService, PaypalButtonComponent, QSUtils, ReplaceTextPipe, SafeHtmlPipe, ScriptService, SessionStorageService, SignInButtonComponent, SignOutButtonComponent, SignUpButtonComponent, StarterGuard, StarterService, Stopwatch, StripeDialog, Subs, SubscribePlanButtonComponent, TimezoneDropdownlist, TransactionsApiService, UrlSlugComponent, Utils, ValidationSummaryComponent, XmlFormatter, YouAgreeToOurTermsComponent, dateFormats, dateTimeFormats, getAppSettingsById, getAppSettingsByName, is, localizationInitializerFactory, throwIfAlreadyLoaded, timeFormats, translateLoaderFactory };
+export { AddressComponent, AdminGuard, Alerts, AnatolyBillingModule, AnatolyCoreModule, AnatolyDataModule, AnatolyHttpInterceptor, AnatolyIAMModule, AnatolyIAMPagesModule, AnatolyModule, AnatolyUIModule, ApiServiceBase, ApiUrl, AppContextService, AppCoreSettings, AppName, AppSettings, AppVersion, AppsGoServiceBase, AuthService, AuthenticationGuard, BillingUtils, BraintreeDialog, Browser, BuyAccessButtonComponent, CardBodyComponent, CardComponent, CardFooterComponent, CardHeaderComponent, CheckIconComponent, ClientApps, CompanyComponent, ComponentBase, ContactUsDialog, ContactUsForm, Convert, Copy2ClipboardComponent, CoreApiService, CountryDropdownlist, CurrenciesApiService, CurrenciesStorageService, DOM, DataPagerComponent, DataViewType, DateConvert, DefaultEditorOptions, DialogBase, DigitalMarketingService, DiscountCodeStatus, DiscountCodeType, DiscountCodesApiService, EditComponentBase, EditPageBase, EmailsApiService, EnumEditComponentBase, FeatureWillBeReadyComponent, FileSizePipe, FormValidationSummaryComponent, FormsHtmlEditorComponent, GABillingEvents, GAEvents, GlobalErrorHandler, GoServiceBase, GoogleAnalyticsService, GridEditServiceBase, GridReadServiceBase, Guid, HoveringDirective, HtmlEditorComponent, HtmlEditorComponentBase, IdleService, InjectorInstance, IsDevMode, IsProdMode, ItemValidationSummaryComponent, L10NUrl, L10nUtils, ListBase, LoadingComponent, LoadingService, LocalStorageService, LocalizationInjectorInstance, LocalizationModule, LocalizationService, LocalizationSettingsModule, LocalizePipe, LoggingService, MSALUtils, ModerationStatus, ModerationStatusDropdownlist, NativeElementDirective, NoMobileSupportComponent, NodataComponent, NotificationService, OrderSummaryComponent, PageBase, PageSpinnerComponent, PagedPageBase, PayPalComponent, PayPalScriptService, PaymentMethod, PaymentMethodsComponent, PaymentOptionsComponent, PaymentStage, PaymentType, PaymentsApiService, PaymentsService, PaypalButtonComponent, PublishStatus, PublishStatusDropdownlist, QSUtils, ReplaceTextPipe, SafeHtmlPipe, ScriptService, SessionStorageService, SignInButtonComponent, SignOutButtonComponent, SignUpButtonComponent, StarterGuard, StarterService, Stopwatch, StripeDialog, Subs, SubscribePlanButtonComponent, TimezoneDropdownlist, TransactionsApiService, UrlSlugComponent, Utils, ValidationSummaryComponent, XmlFormatter, YouAgreeToOurTermsComponent, dateFormats, dateTimeFormats, getAppSettingsById, getAppSettingsByName, is, localizationInitializerFactory, throwIfAlreadyLoaded, timeFormats, translateLoaderFactory };
 //# sourceMappingURL=osovitny-anatoly.mjs.map