@osovitny/anatoly 3.17.100 → 3.17.102

package/fesm2022/osovitny-anatoly.mjs

@@ -28,10 +28,10 @@ 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 from '@progress/kendo-angular-dropdowns';
+import { DropDownsModule } from '@progress/kendo-angular-dropdowns';
 import * as i3$1 from 'angular-froala-wysiwyg';
 import { FERootModule } from 'angular-froala-wysiwyg';
 import * as i1$6 from '@fortawesome/angular-fontawesome';
@@ -4191,7 +4191,7 @@ class DiscountCodesApiService extends ApiServiceBase {
 </file>
 */
 //Node
-const _c0$h = a0 => ({ "show": a0 });
+const _c0$g = a0 => ({ "show": a0 });
 function OrderSummaryComponent_Conditional_17_Template(rf, ctx) { if (rf & 1) {
     const _r2 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 12)(1, "div", 13)(2, "input", 14);
@@ -4203,7 +4203,7 @@ function OrderSummaryComponent_Conditional_17_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(2, _c0$h, ctx_r0.showPromoCode));
+    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(2, _c0$g, ctx_r0.showPromoCode));
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("ngModel", ctx_r0.promoCode);
 } }
@@ -4302,7 +4302,7 @@ class OrderSummaryComponent extends ComponentBase {
             i0.ɵɵadvance(12);
             i0.ɵɵtextInterpolate1("$", ctx.ps.subtotal, "");
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(5, _c0$h, ctx.showPromoCode));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(5, _c0$g, ctx.showPromoCode));
             i0.ɵɵadvance(3);
             i0.ɵɵconditional(17, ctx.showPromoCode ? 17 : -1);
             i0.ɵɵadvance(6);
@@ -4432,7 +4432,7 @@ class PaymentMethodsComponent extends ComponentBase {
 </file>
 */
 //Node
-const _c0$g = a0 => ({ "active": a0 });
+const _c0$f = a0 => ({ "active": a0 });
 class PaymentOptionsComponent extends ComponentBase {
     constructor(ps) {
         super();
@@ -4481,11 +4481,11 @@ class PaymentOptionsComponent extends ComponentBase {
             i0.ɵɵelementEnd()()();
         } if (rf & 2) {
             i0.ɵɵadvance(3);
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(5, _c0$g, ctx.ps.selectedPaymentType == 2));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(5, _c0$f, ctx.ps.selectedPaymentType == 2));
             i0.ɵɵadvance(7);
             i0.ɵɵtextInterpolate1("$", ctx.priceWeekly, "");
             i0.ɵɵadvance();
-            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(7, _c0$g, ctx.ps.selectedPaymentType == 1));
+            i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(7, _c0$f, ctx.ps.selectedPaymentType == 1));
             i0.ɵɵadvance(5);
             i0.ɵɵtextInterpolate1("Covers the full ", ctx.numberOfWeeks, " weeks ");
             i0.ɵɵadvance(2);
@@ -4955,7 +4955,7 @@ class PayPalScriptService {
   Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
 </file>
 */
-const _c0$f = ["payPalButtonContainer"];
+const _c0$e = ["payPalButtonContainer"];
 class PayPalComponent {
     set payPalButtonContainer(content) {
         this.payPalButtonContainerElem = content;
@@ -5222,7 +5222,7 @@ class PayPalComponent {
     }
     static { this.ɵfac = function PayPalComponent_Factory(t) { return new (t || PayPalComponent)(i0.ɵɵdirectiveInject(PayPalScriptService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i0.NgZone)); }; }
     static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PayPalComponent, selectors: [["anatoly-billing-paypal-container"]], viewQuery: function PayPalComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0$f, 5);
+            i0.ɵɵviewQuery(_c0$e, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.payPalButtonContainer = _t.first);
@@ -6307,7 +6307,7 @@ function SignUpButtonComponent_ng_template_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(3);
     i0.ɵɵproperty("ngIf", !_r6.innerHTML.trim());
 } }
-const _c0$e = ["*"];
+const _c0$d = ["*"];
 class SignUpButtonComponent extends ComponentBase {
     constructor() {
         super();
@@ -6326,7 +6326,7 @@ class SignUpButtonComponent extends ComponentBase {
         }
     }
     static { this.ɵfac = function SignUpButtonComponent_Factory(t) { return new (t || SignUpButtonComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SignUpButtonComponent, selectors: [["anatoly-signup-button"]], inputs: { qs: "qs" }, features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$e, 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 SignUpButtonComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SignUpButtonComponent, selectors: [["anatoly-signup-button"]], inputs: { qs: "qs" }, features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$d, 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 SignUpButtonComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵtemplate(0, SignUpButtonComponent_a_0_Template, 2, 5, "a", 0)(1, SignUpButtonComponent_a_1_Template, 2, 5, "a", 1)(2, SignUpButtonComponent_ng_template_2_Template, 4, 1, "ng-template", null, 2, i0.ɵɵtemplateRefExtractor);
         } if (rf & 2) {
@@ -6575,12 +6575,12 @@ class SubscribePlanButtonComponent {
 </file>
 */
 //Node
-const _c0$d = [[["mex-card-header"]], [["mex-card-body"]], "*", [["mex-card-footer"]]];
+const _c0$c = [[["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.ɵɵprojectionDef(_c0$c);
             i0.ɵɵelementStart(0, "div");
             i0.ɵɵprojection(1);
             i0.ɵɵprojection(2, 1);
@@ -6621,10 +6621,10 @@ function CardHeaderComponent_h3_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(ctx_r0.title);
 } }
-const _c0$c = ["*"];
+const _c0$b = ["*"];
 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) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CardHeaderComponent, selectors: [["anatoly-card-header"]], features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$b, 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);
@@ -6658,10 +6658,10 @@ class CardHeaderComponent extends ComponentBase {
 </file>
 */
 //Node
-const _c0$b = ["*"];
+const _c0$a = ["*"];
 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) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CardBodyComponent, selectors: [["anatoly-card-body"]], features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$a, decls: 2, vars: 3, template: function CardBodyComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "div");
             i0.ɵɵprojection(1);
@@ -6691,10 +6691,10 @@ class CardBodyComponent extends ComponentBase {
 </file>
 */
 //Node
-const _c0$a = ["*"];
+const _c0$9 = ["*"];
 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) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CardFooterComponent, selectors: [["anatoly-card-footer"]], features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0$9, decls: 2, vars: 3, template: function CardFooterComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();
             i0.ɵɵelementStart(0, "div");
             i0.ɵɵprojection(1);
@@ -6761,10 +6761,11 @@ class NativeElementDirective {
 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 CountryDropdownlist_div_1_kendo_label_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "kendo-label", 6);
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵpropertyInterpolate("text", ctx_r2.title);
 } }
 function CountryDropdownlist_div_1_option_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "option", 7);
@@ -6778,7 +6779,7 @@ function CountryDropdownlist_div_1_option_3_Template(rf, ctx) { if (rf & 1) {
 } }
 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.ɵɵtemplate(1, CountryDropdownlist_div_1_kendo_label_1_Template, 1, 1, "kendo-label", 3);
     i0.ɵɵelementStart(2, "select", 4);
     i0.ɵɵtemplate(3, CountryDropdownlist_div_1_option_3_Template, 2, 2, "option", 5);
     i0.ɵɵelementEnd()();
@@ -6814,17 +6815,17 @@ class CountryDropdownlist extends EditComponentBase {
         }
     }
     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) {
+    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"], [3, "text", 4, "ngIf"], [1, "form-select", 3, "formControlName"], [3, "value", 4, "ngFor", "ngForOf"], [3, "text"], [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.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 }); }
+        } }, dependencies: [i1$2.NgForOf, i1$2.NgIf, i2.NgSelectOption, i2.ɵNgSelectMultipleOption, i2.SelectControlValueAccessor, i2.NgControlStatus, i2.NgControlStatusGroup, i2.FormGroupDirective, i2.FormControlName, i4$1.LabelComponent, NativeElementDirective], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CountryDropdownlist, [{
         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" }]
+        args: [{ selector: 'anatoly-country-dropdownlist', template: "<div *ngIf='isNgModelBased'>\r\n</div>\r\n\r\n<div *ngIf='!isNgModelBased' [formGroup]='formGroup'>\r\n  <kendo-label text=\"{{ title }}\" *ngIf='isTitleVisible'></kendo-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 }); })();
 
@@ -6864,11 +6865,11 @@ class ValidationSummaryComponent extends EditComponentBase {
         super();
     }
     getControlTitle(control, name) {
+        let title = undefined;
         if (control?.nativeElement) {
-            let value = this.getTitleAttribute(control.nativeElement);
-            return value ? value : name;
+            title = this.getTitleAttribute(control.nativeElement);
         }
-        return undefined;
+        return title ?? name;
     }
     getTitleAttribute(nativeElement) {
         let title;
@@ -6898,28 +6899,28 @@ class ValidationSummaryComponent extends EditComponentBase {
     }
     getFormValidationMessages() {
         let messages = [];
-        Object.keys(this.formGroup.controls).forEach((k) => {
-            let control = this.formGroup.controls[k];
+        Object.keys(this.formGroup.controls).forEach((name) => {
+            let control = this.formGroup.controls[name];
             if (control.controls != null) {
                 Object.keys(control.controls).forEach((k) => {
                     var child = control.controls[k];
-                    this.getValidationMessages(child, this.getControlTitle(child, k)).forEach((m) => messages.push(m));
+                    this.getValidationMessages(child, k).forEach((m) => messages.push(m));
                 });
             }
             else {
-                this.getValidationMessages(control, this.getControlTitle(control, k)).forEach((m) => messages.push(m));
+                this.getValidationMessages(control, name).forEach((m) => messages.push(m));
             }
         });
         return messages;
     }
-    getValidationMessages(control, title) {
+    getValidationMessages(control, name, title) {
         let messages = [];
         let thing;
         if (title) {
             thing = title;
         }
         else {
-            thing = this.getControlTitle(control, null);
+            thing = this.getControlTitle(control, name);
             if (!thing) {
                 thing = control.path;
             }
@@ -6995,7 +6996,7 @@ function ItemValidationSummaryComponent_ul_0_Template(rf, ctx) { if (rf & 1) {
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
-    i0.ɵɵproperty("ngForOf", ctx_r0.getValidationMessages(ctx_r0.formGroup.controls[ctx_r0.controlName]));
+    i0.ɵɵproperty("ngForOf", ctx_r0.getValidationMessages(ctx_r0.formGroup.controls[ctx_r0.controlName], ctx_r0.controlName, ctx_r0.controlTitle));
 } }
 class ItemValidationSummaryComponent extends ValidationSummaryComponent {
     static { this.ɵfac = /*@__PURE__*/ (() => { let ɵItemValidationSummaryComponent_BaseFactory; return function ItemValidationSummaryComponent_Factory(t) { return (ɵItemValidationSummaryComponent_BaseFactory || (ɵItemValidationSummaryComponent_BaseFactory = i0.ɵɵgetInheritedFactory(ItemValidationSummaryComponent)))(t || ItemValidationSummaryComponent); }; })(); }
@@ -7007,7 +7008,7 @@ class ItemValidationSummaryComponent extends ValidationSummaryComponent {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ItemValidationSummaryComponent, [{
         type: Component,
-        args: [{ selector: "anatoly-item-validation-summary", template: "<ul class=\"list-unstyled\" *ngIf=\"isControlInvalid(controlName)\">\r\n  <li *ngFor=\"let error of getValidationMessages(formGroup.controls[controlName])\">\r\n    <span class=\"help-block\">{{ error }}</span>\r\n  </li>\r\n</ul>\r\n\r\n" }]
+        args: [{ selector: "anatoly-item-validation-summary", template: "<ul class=\"list-unstyled\" *ngIf=\"isControlInvalid(controlName)\">\r\n  <li *ngFor=\"let error of getValidationMessages(formGroup.controls[controlName], controlName, controlTitle)\">\r\n    <span class=\"help-block\">{{ error }}</span>\r\n  </li>\r\n</ul>\r\n\r\n" }]
     }], null, null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ItemValidationSummaryComponent, { className: "ItemValidationSummaryComponent", filePath: "lib\\ui\\validation\\item-validation-summary.component.ts", lineNumber: 27 }); })();
 
@@ -7026,45 +7027,46 @@ class ItemValidationSummaryComponent extends ValidationSummaryComponent {
 </file>
 */
 //Node
-function ModerationStatusDropdownlist_div_0_kendo_label_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "kendo-label", 5);
+function ModerationStatusDropdownlist_div_0_kendo_label_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "kendo-label", 4);
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(2);
     i0.ɵɵpropertyInterpolate("text", ctx_r2.title);
 } }
 function ModerationStatusDropdownlist_div_0_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 1)(1, "div", 2);
-    i0.ɵɵtemplate(2, ModerationStatusDropdownlist_div_0_kendo_label_2_Template, 1, 1, "kendo-label", 3);
-    i0.ɵɵelementStart(3, "kendo-dropdownlist", 4);
-    i0.ɵɵlistener("ngModelChange", function ModerationStatusDropdownlist_div_0_Template_kendo_dropdownlist_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.sv = $event); })("valueChange", function ModerationStatusDropdownlist_div_0_Template_kendo_dropdownlist_valueChange_3_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r5 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r5.onChange($event)); });
-    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(0, "div");
+    i0.ɵɵtemplate(1, ModerationStatusDropdownlist_div_0_kendo_label_1_Template, 1, 1, "kendo-label", 2);
+    i0.ɵɵelementStart(2, "kendo-dropdownlist", 3);
+    i0.ɵɵlistener("ngModelChange", function ModerationStatusDropdownlist_div_0_Template_kendo_dropdownlist_ngModelChange_2_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.sv = $event); })("valueChange", function ModerationStatusDropdownlist_div_0_Template_kendo_dropdownlist_valueChange_2_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r5 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r5.onChange($event)); });
+    i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(2);
+    i0.ɵɵadvance();
     i0.ɵɵproperty("ngIf", ctx_r0.isTitleVisible);
     i0.ɵɵadvance();
     i0.ɵɵproperty("data", ctx_r0.items)("valuePrimitive", true)("ngModel", ctx_r0.sv);
 } }
 function ModerationStatusDropdownlist_div_1_kendo_label_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "kendo-label", 5);
+    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);
-    i0.ɵɵtemplate(1, ModerationStatusDropdownlist_div_1_kendo_label_1_Template, 1, 1, "kendo-label", 3);
+    i0.ɵɵelementStart(0, "div", 5);
+    i0.ɵɵtemplate(1, ModerationStatusDropdownlist_div_1_kendo_label_1_Template, 1, 1, "kendo-label", 2);
     i0.ɵɵelement(2, "kendo-dropdownlist", 6)(3, "anatoly-item-validation-summary", 7);
     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("data", ctx_r1.items)("valuePrimitive", true)("formControlName", ctx_r1.controlName);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("formGroup", ctx_r1.formGroup)("formSubmitted", ctx_r1.formSubmitted)("controlName", ctx_r1.controlName);
+    i0.ɵɵproperty("formGroup", ctx_r1.formGroup)("formSubmitted", ctx_r1.formSubmitted)("controlName", ctx_r1.controlName)("controlTitle", ctx_r1.controlTitle);
 } }
 class ModerationStatusDropdownlist extends EnumEditComponentBase {
     constructor() {
@@ -7073,8 +7075,8 @@ class ModerationStatusDropdownlist extends EnumEditComponentBase {
         this.enumeration = ModerationStatus;
     }
     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"], ["valueField", "value", "textField", "text", 3, "data", "valuePrimitive", "ngModel", "ngModelChange", "valueChange"], [3, "text"], ["valueField", "value", "textField", "text", 3, "data", "valuePrimitive", "formControlName"], [3, "formGroup", "formSubmitted", "controlName"]], template: function ModerationStatusDropdownlist_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵtemplate(0, ModerationStatusDropdownlist_div_0_Template, 4, 4, "div", 0)(1, ModerationStatusDropdownlist_div_1_Template, 4, 7, "div", 0);
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ModerationStatusDropdownlist, selectors: [["anatoly-moderationstatus-dropdownlist"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 2, consts: [[4, "ngIf"], [3, "formGroup", 4, "ngIf"], [3, "text", 4, "ngIf"], ["valueField", "value", "textField", "text", 3, "data", "valuePrimitive", "ngModel", "ngModelChange", "valueChange"], [3, "text"], [3, "formGroup"], ["valueField", "value", "textField", "text", 3, "data", "valuePrimitive", "formControlName"], [3, "formGroup", "formSubmitted", "controlName", "controlTitle"]], template: function ModerationStatusDropdownlist_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, ModerationStatusDropdownlist_div_0_Template, 3, 4, "div", 0)(1, ModerationStatusDropdownlist_div_1_Template, 4, 9, "div", 1);
         } if (rf & 2) {
             i0.ɵɵproperty("ngIf", ctx.isNgModelBased);
             i0.ɵɵadvance();
@@ -7083,7 +7085,7 @@ class ModerationStatusDropdownlist extends EnumEditComponentBase {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ModerationStatusDropdownlist, [{
         type: Component,
-        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'></kendo-label>\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  </div>\r\n</div>\r\n\r\n<div class=\"form-group\" *ngIf='!isNgModelBased'>\r\n  <kendo-label text=\"{{ title }}\" *ngIf='isTitleVisible'></kendo-label>\r\n  <kendo-dropdownlist [data]=\"items\"\r\n                      valueField=\"value\" textField=\"text\"\r\n                      [valuePrimitive]=\"true\"\r\n                      [formControlName]='controlName' />\r\n  <anatoly-item-validation-summary [formGroup]='formGroup'\r\n                      [formSubmitted]='formSubmitted'\r\n                      [controlName]='controlName' />\r\n</div>\r\n" }]
+        args: [{ selector: 'anatoly-moderationstatus-dropdownlist', template: "<div *ngIf='isNgModelBased'>\r\n  <kendo-label text=\"{{ title }}\" *ngIf='isTitleVisible'></kendo-label>\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</div>\r\n\r\n<div *ngIf='!isNgModelBased' [formGroup]='formGroup'>\r\n  <kendo-label text=\"{{ title }}\" *ngIf='isTitleVisible'></kendo-label>\r\n  <kendo-dropdownlist [data]=\"items\"\r\n                      valueField=\"value\" textField=\"text\"\r\n                      [valuePrimitive]=\"true\"\r\n                      [formControlName]='controlName' />\r\n  <anatoly-item-validation-summary [formGroup]='formGroup'\r\n                                   [formSubmitted]='formSubmitted'\r\n                                   [controlName]='controlName'\r\n                                   [controlTitle]='controlTitle' />\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 }); })();
 
@@ -7102,45 +7104,46 @@ class ModerationStatusDropdownlist extends EnumEditComponentBase {
 </file>
 */
 //Node
-function PublishStatusDropdownlist_div_0_kendo_label_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "kendo-label", 5);
+function PublishStatusDropdownlist_div_0_kendo_label_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "kendo-label", 4);
 } if (rf & 2) {
     const ctx_r2 = i0.ɵɵnextContext(2);
     i0.ɵɵpropertyInterpolate("text", ctx_r2.title);
 } }
 function PublishStatusDropdownlist_div_0_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 1)(1, "div", 2);
-    i0.ɵɵtemplate(2, PublishStatusDropdownlist_div_0_kendo_label_2_Template, 1, 1, "kendo-label", 3);
-    i0.ɵɵelementStart(3, "kendo-dropdownlist", 4);
-    i0.ɵɵlistener("ngModelChange", function PublishStatusDropdownlist_div_0_Template_kendo_dropdownlist_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.sv = $event); })("valueChange", function PublishStatusDropdownlist_div_0_Template_kendo_dropdownlist_valueChange_3_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r5 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r5.onChange($event)); });
-    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(0, "div");
+    i0.ɵɵtemplate(1, PublishStatusDropdownlist_div_0_kendo_label_1_Template, 1, 1, "kendo-label", 2);
+    i0.ɵɵelementStart(2, "kendo-dropdownlist", 3);
+    i0.ɵɵlistener("ngModelChange", function PublishStatusDropdownlist_div_0_Template_kendo_dropdownlist_ngModelChange_2_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.sv = $event); })("valueChange", function PublishStatusDropdownlist_div_0_Template_kendo_dropdownlist_valueChange_2_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r5 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r5.onChange($event)); });
+    i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(2);
+    i0.ɵɵadvance();
     i0.ɵɵproperty("ngIf", ctx_r0.isTitleVisible);
     i0.ɵɵadvance();
     i0.ɵɵproperty("data", ctx_r0.items)("valuePrimitive", true)("ngModel", ctx_r0.sv);
 } }
 function PublishStatusDropdownlist_div_1_kendo_label_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "kendo-label", 5);
+    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);
-    i0.ɵɵtemplate(1, PublishStatusDropdownlist_div_1_kendo_label_1_Template, 1, 1, "kendo-label", 3);
+    i0.ɵɵelementStart(0, "div", 5);
+    i0.ɵɵtemplate(1, PublishStatusDropdownlist_div_1_kendo_label_1_Template, 1, 1, "kendo-label", 2);
     i0.ɵɵelement(2, "kendo-dropdownlist", 6)(3, "anatoly-item-validation-summary", 7);
     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("data", ctx_r1.items)("valuePrimitive", true)("formControlName", ctx_r1.controlName);
     i0.ɵɵadvance();
-    i0.ɵɵproperty("formGroup", ctx_r1.formGroup)("formSubmitted", ctx_r1.formSubmitted)("controlName", ctx_r1.controlName);
+    i0.ɵɵproperty("formGroup", ctx_r1.formGroup)("formSubmitted", ctx_r1.formSubmitted)("controlName", ctx_r1.controlName)("controlTitle", ctx_r1.controlTitle);
 } }
 class PublishStatusDropdownlist extends EnumEditComponentBase {
     constructor() {
@@ -7149,8 +7152,8 @@ class PublishStatusDropdownlist extends EnumEditComponentBase {
         this.enumeration = PublishStatus;
     }
     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"], ["valueField", "value", "textField", "text", 3, "data", "valuePrimitive", "ngModel", "ngModelChange", "valueChange"], [3, "text"], ["valueField", "value", "textField", "text", 3, "data", "valuePrimitive", "formControlName"], [3, "formGroup", "formSubmitted", "controlName"]], template: function PublishStatusDropdownlist_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵtemplate(0, PublishStatusDropdownlist_div_0_Template, 4, 4, "div", 0)(1, PublishStatusDropdownlist_div_1_Template, 4, 7, "div", 0);
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PublishStatusDropdownlist, selectors: [["anatoly-publishstatus-dropdownlist"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 2, consts: [[4, "ngIf"], [3, "formGroup", 4, "ngIf"], [3, "text", 4, "ngIf"], ["valueField", "value", "textField", "text", 3, "data", "valuePrimitive", "ngModel", "ngModelChange", "valueChange"], [3, "text"], [3, "formGroup"], ["valueField", "value", "textField", "text", 3, "data", "valuePrimitive", "formControlName"], [3, "formGroup", "formSubmitted", "controlName", "controlTitle"]], template: function PublishStatusDropdownlist_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, PublishStatusDropdownlist_div_0_Template, 3, 4, "div", 0)(1, PublishStatusDropdownlist_div_1_Template, 4, 9, "div", 1);
         } if (rf & 2) {
             i0.ɵɵproperty("ngIf", ctx.isNgModelBased);
             i0.ɵɵadvance();
@@ -7159,7 +7162,7 @@ class PublishStatusDropdownlist extends EnumEditComponentBase {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PublishStatusDropdownlist, [{
         type: Component,
-        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'></kendo-label>\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  </div>\r\n</div>\r\n\r\n<div class=\"form-group\" *ngIf='!isNgModelBased'>\r\n  <kendo-label text=\"{{ title }}\" *ngIf='isTitleVisible'></kendo-label>\r\n  <kendo-dropdownlist [data]=\"items\"\r\n                      valueField=\"value\" textField=\"text\"\r\n                      [valuePrimitive]=\"true\"\r\n                      [formControlName]='controlName' />\r\n  <anatoly-item-validation-summary [formGroup]='formGroup'\r\n                                   [formSubmitted]='formSubmitted'\r\n                                   [controlName]='controlName' />\r\n</div>\r\n" }]
+        args: [{ selector: 'anatoly-publishstatus-dropdownlist', template: "<div *ngIf='isNgModelBased'>\r\n  <kendo-label text=\"{{ title }}\" *ngIf='isTitleVisible'></kendo-label>\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</div>\r\n\r\n<div *ngIf='!isNgModelBased' [formGroup]='formGroup'>\r\n  <kendo-label text=\"{{ title }}\" *ngIf='isTitleVisible'></kendo-label>\r\n  <kendo-dropdownlist [data]=\"items\"\r\n                      valueField=\"value\" textField=\"text\"\r\n                      [valuePrimitive]=\"true\"\r\n                      [formControlName]='controlName' />\r\n  <anatoly-item-validation-summary [formGroup]='formGroup'\r\n                                   [formSubmitted]='formSubmitted'\r\n                                   [controlName]='controlName'\r\n                                   [controlTitle]='controlTitle' />\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 }); })();
 
@@ -7273,11 +7276,10 @@ class TimezoneDropdownlist extends EditComponentBase {
 
   Authors:
     Vadim Osovitny vadim.osovitny@osovitny.com
-    Anatoly Osovitny anatoly.osovitny@osovitny.com
 
   Created:
     12 Dec 2017
-
+    
   Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
 </file>
 */
@@ -7358,9 +7360,10 @@ class HtmlEditorComponentBase extends EditComponentBase {
         super();
         this.froalaEditorInitialized = false;
         this.afterInitializedActions = [];
-        // Inputs
-        this.editorLabelText = "Html";
+        //Inputs
         this.editorOptions = {};
+        this.title = "Html";
+        this.isTitleVisible = true;
     }
     ngOnInit() {
         let opt = this.editorOptions;
@@ -7395,8 +7398,9 @@ class HtmlEditorComponentBase extends EditComponentBase {
         }
     }
     getEditor() {
-        if (this.froalaEditor)
+        if (this.froalaEditor) {
             return this.froalaEditor.getEditor();
+        }
         return null;
     }
     // Public Funcs
@@ -7426,74 +7430,17 @@ class HtmlEditorComponentBase extends EditComponentBase {
         });
     }
     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 }); }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: HtmlEditorComponentBase, selectors: [["ng-component"]], inputs: { editorOptions: "editorOptions" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 0, vars: 0, template: function HtmlEditorComponentBase_Template(rf, ctx) { }, encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(HtmlEditorComponentBase, [{
         type: Component,
         args: [{
                 template: "",
             }]
-    }], () => [], { 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>
-  Project:
-    @osovitny/anatoly
-
-  Authors:
-    Vadim Osovitny vadim.osovitny@osovitny.com
-    Anatoly Osovitny anatoly.osovitny@osovitny.com
-
-  Created:
-    12 Dec 2017
-
-  Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
-</file>
-*/
-//Node
-const _c0$9 = a0 => ({ "has-error": a0 });
-class FormsHtmlEditorComponent extends HtmlEditorComponentBase {
-    constructor() {
-        super();
-        this.editorFormKey = "html";
-    }
-    setFormValueAfterInitialized(name, value) {
-        this.doAfterInitialized(function (that) {
-            that.setFormValue(name, 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); });
-            i0.ɵɵelementEnd();
-            i0.ɵɵelement(4, "anatoly-item-validation-summary", 3);
-            i0.ɵɵelementEnd();
-        } if (rf & 2) {
-            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("formControlName", ctx.editorFormKey)("froalaEditor", ctx.options);
-            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$1.FroalaEditorDirective, NativeElementDirective, ItemValidationSummaryComponent], encapsulation: 2 }); }
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FormsHtmlEditorComponent, [{
-        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: [{
+    }], () => [], { editorOptions: [{
             type: Input
         }] }); })();
-(() => { (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(HtmlEditorComponentBase, { className: "HtmlEditorComponentBase", filePath: "lib\\ui\\components\\html-editor\\base-editor.component.ts", lineNumber: 30 }); })();
 
 /*
 <file>
@@ -7502,7 +7449,6 @@ class FormsHtmlEditorComponent extends HtmlEditorComponentBase {
 
   Authors:
     Vadim Osovitny vadim.osovitny@osovitny.com
-    Anatoly Osovitny anatoly.osovitny@osovitny.com
 
   Created:
     12 Dec 2017
@@ -7511,9 +7457,65 @@ class FormsHtmlEditorComponent extends HtmlEditorComponentBase {
 </file>
 */
 //Node
+function HtmlEditorComponent_div_0_kendo_label_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "kendo-label", 4);
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵpropertyInterpolate("text", ctx_r2.title);
+} }
+function HtmlEditorComponent_div_0_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div");
+    i0.ɵɵtemplate(1, HtmlEditorComponent_div_0_kendo_label_1_Template, 1, 1, "kendo-label", 2);
+    i0.ɵɵelementStart(2, "textarea", 3);
+    i0.ɵɵlistener("froalaInit", function HtmlEditorComponent_div_0_Template_textarea_froalaInit_2_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.initializeControl($event)); });
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r0.isTitleVisible);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("froalaEditor", ctx_r0.options);
+} }
+function HtmlEditorComponent_div_1_kendo_label_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "kendo-label", 4);
+} if (rf & 2) {
+    const ctx_r5 = i0.ɵɵnextContext(2);
+    i0.ɵɵpropertyInterpolate("text", ctx_r5.title);
+} }
+function HtmlEditorComponent_div_1_Template(rf, ctx) { if (rf & 1) {
+    const _r7 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 5);
+    i0.ɵɵtemplate(1, HtmlEditorComponent_div_1_kendo_label_1_Template, 1, 1, "kendo-label", 2);
+    i0.ɵɵelementStart(2, "textarea", 6);
+    i0.ɵɵlistener("froalaInit", function HtmlEditorComponent_div_1_Template_textarea_froalaInit_2_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r6 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r6.initializeControl($event)); });
+    i0.ɵɵtext(3, "  ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelement(4, "anatoly-item-validation-summary", 7);
+    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("froalaEditor", ctx_r1.options)("formControlName", ctx_r1.controlName);
+    i0.ɵɵattribute("formControlTitle", ctx_r1.controlTitle);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("formGroup", ctx_r1.formGroup)("formSubmitted", ctx_r1.formSubmitted)("controlName", ctx_r1.controlName)("controlTitle", ctx_r1.controlTitle);
+} }
 class HtmlEditorComponent extends HtmlEditorComponentBase {
     constructor() {
         super();
+        this.controlName = "html";
+        this.controlTitle = "Html";
+    }
+    getHtml() {
+        let editor = this.getEditor();
+        if (typeof editor == "undefined" || editor == null) {
+            return;
+        }
+        return editor.html.get(false);
     }
     setHtml(content) {
         this.doAfterInitialized(function (that) {
@@ -7524,33 +7526,25 @@ class HtmlEditorComponent extends HtmlEditorComponentBase {
             editor.html.set(content);
         });
     }
-    getHtml() {
-        let editor = this.getEditor();
-        if (typeof editor == "undefined" || editor == null) {
-            return;
-        }
-        return editor.html.get(false);
+    setFormValueAfterInitialized(name, value) {
+        this.doAfterInitialized(function (that) {
+            that.setFormValue(name, value);
+        });
     }
     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()();
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: HtmlEditorComponent, selectors: [["anatoly-html-editor"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 2, vars: 2, consts: [[4, "ngIf"], [3, "formGroup", 4, "ngIf"], [3, "text", 4, "ngIf"], [3, "froalaEditor", "froalaInit"], [3, "text"], [3, "formGroup"], [3, "froalaEditor", "formControlName", "froalaInit"], [3, "formGroup", "formSubmitted", "controlName", "controlTitle"]], template: function HtmlEditorComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, HtmlEditorComponent_div_0_Template, 3, 2, "div", 0)(1, HtmlEditorComponent_div_1_Template, 5, 9, "div", 1);
         } if (rf & 2) {
-            i0.ɵɵadvance(2);
-            i0.ɵɵtextInterpolate(ctx.editorLabelText);
+            i0.ɵɵproperty("ngIf", ctx.isNgModelBased);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("froalaEditor", ctx.options);
-        } }, dependencies: [i3$1.FroalaEditorDirective], encapsulation: 2 }); }
+            i0.ɵɵproperty("ngIf", !ctx.isNgModelBased);
+        } }, dependencies: [i1$2.NgIf, i2.DefaultValueAccessor, i2.NgControlStatus, i2.NgControlStatusGroup, i2.FormGroupDirective, i2.FormControlName, i3$1.FroalaEditorDirective, i4$1.LabelComponent, NativeElementDirective, ItemValidationSummaryComponent], encapsulation: 2 }); }
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(HtmlEditorComponent, [{
         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" }]
+        args: [{ selector: "anatoly-html-editor", template: "<div *ngIf='isNgModelBased'>\r\n  <kendo-label text=\"{{ title }}\" *ngIf='isTitleVisible'></kendo-label>\r\n  <textarea [froalaEditor]=\"options\" (froalaInit)=\"initializeControl($event)\"></textarea>\r\n</div>\r\n\r\n<div *ngIf='!isNgModelBased' [formGroup]='formGroup'>\r\n  <kendo-label text=\"{{ title }}\" *ngIf='isTitleVisible'></kendo-label>\r\n  <textarea [froalaEditor]=\"options\" \r\n            [formControlName]=\"controlName\" \r\n            [attr.formControlTitle]=\"controlTitle\" \r\n            (froalaInit)=\"initializeControl($event)\">\r\n  </textarea>\r\n  <anatoly-item-validation-summary [formGroup]='formGroup'\r\n                                   [formSubmitted]='formSubmitted'\r\n                                   [controlName]='controlName'\r\n                                   [controlTitle]='controlTitle' />\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 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(HtmlEditorComponent, { className: "HtmlEditorComponent", filePath: "lib\\ui\\components\\html-editor\\html-editor.component.ts", lineNumber: 26 }); })();
 
 /*
 <file>
@@ -10203,7 +10197,6 @@ const MAIN_COMPONENTS = [
     TimezoneDropdownlist,
     //EhmlEditor
     HtmlEditorComponent,
-    FormsHtmlEditorComponent,
     //Identity
     SignInButtonComponent,
     SignUpButtonComponent,
@@ -10375,7 +10368,7 @@ class AnatolyUIModule {
                 ]
             }]
     }], null, null); })();
-(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,
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(AnatolyUIModule, { declarations: [BuyAccessButtonComponent, SubscribePlanButtonComponent, CardComponent, CardHeaderComponent, CardBodyComponent, CardFooterComponent, CheckIconComponent, Copy2ClipboardComponent, DataPagerComponent, CountryDropdownlist, ModerationStatusDropdownlist, PublishStatusDropdownlist, TimezoneDropdownlist, HtmlEditorComponent, 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,
@@ -10383,7 +10376,7 @@ class AnatolyUIModule {
         FERootModule,
         //External Modules
         FaModule,
-        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] }); })();
+        KendoModule], exports: [BuyAccessButtonComponent, SubscribePlanButtonComponent, CardComponent, CardHeaderComponent, CardBodyComponent, CardFooterComponent, CheckIconComponent, Copy2ClipboardComponent, DataPagerComponent, CountryDropdownlist, ModerationStatusDropdownlist, PublishStatusDropdownlist, TimezoneDropdownlist, HtmlEditorComponent, SignInButtonComponent, SignUpButtonComponent, SignOutButtonComponent, NodataComponent, NoMobileSupportComponent, PageSpinnerComponent, LoadingComponent, UrlSlugComponent, FeatureWillBeReadyComponent, YouAgreeToOurTermsComponent, ContactUsDialog, NativeElementDirective, HoveringDirective, AddressComponent, CompanyComponent, ContactUsForm, SafeHtmlPipe, ReplaceTextPipe, FileSizePipe, FormValidationSummaryComponent, ItemValidationSummaryComponent] }); })();
 
 /*
 <file>
@@ -10448,5 +10441,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, 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 };
+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, 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