@osovitny/anatoly 3.17.98 → 3.17.100

package/fesm2022/osovitny-anatoly.mjs

@@ -6843,6 +6843,174 @@ class CountryDropdownlist extends EditComponentBase {
 </file>
 */
 
+/*
+<file>
+  Project:
+    @osovitny/anatoly
+
+  Authors:
+    Vadim Osovitny vadim.osovitny@osovitny.com
+    Anatoly Osovitny anatoly.osovitny@osovitny.com
+
+  Created:
+    8 Dec 2017
+
+  Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
+</file>
+*/
+//Node
+class ValidationSummaryComponent extends EditComponentBase {
+    constructor() {
+        super();
+    }
+    getControlTitle(control, name) {
+        if (control?.nativeElement) {
+            let value = this.getTitleAttribute(control.nativeElement);
+            return value ? value : name;
+        }
+        return undefined;
+    }
+    getTitleAttribute(nativeElement) {
+        let title;
+        let element;
+        let tagName = nativeElement.tagName;
+        switch (tagName) {
+            // For Kendo time and date picker element title is assigned to the 4th child control.
+            case "KENDO-TIMEPICKER":
+            case "KENDO-DATEPICKER":
+                element = nativeElement.children[0]?.children[0]?.children[0]?.children[0];
+                break;
+            // For Kendo numaric element title is assigned to the 2nd child control.
+            case "KENDO-NUMERICTEXTBOX":
+                element = nativeElement.children[0]?.children[0];
+                break;
+            default:
+                element = nativeElement;
+                break;
+        }
+        if (element) {
+            title = element.getAttribute("formControlTitle");
+            if (!title) {
+                title = element.getAttribute("title");
+            }
+        }
+        return title;
+    }
+    getFormValidationMessages() {
+        let messages = [];
+        Object.keys(this.formGroup.controls).forEach((k) => {
+            let control = this.formGroup.controls[k];
+            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));
+                });
+            }
+            else {
+                this.getValidationMessages(control, this.getControlTitle(control, k)).forEach((m) => messages.push(m));
+            }
+        });
+        return messages;
+    }
+    getValidationMessages(control, title) {
+        let messages = [];
+        let thing;
+        if (title) {
+            thing = title;
+        }
+        else {
+            thing = this.getControlTitle(control, null);
+            if (!thing) {
+                thing = control.path;
+            }
+        }
+        if (control.errors) {
+            for (let errorName in control.errors) {
+                if (control.errors.hasOwnProperty(errorName)) {
+                    switch (errorName) {
+                        case "required":
+                            messages.push(`${thing} is required`);
+                            break;
+                        case "minlength":
+                            messages.push(`${thing} must be at least ${control.errors["minlength"].requiredLength} characters`);
+                            break;
+                        case "pattern":
+                            messages.push(`${thing} contains illegal characters`);
+                            break;
+                        case "format":
+                            messages.push(`${thing} format mismatch`);
+                            break;
+                        case "maxlength":
+                            messages.push(`${thing} must have maximum ${control.errors["maxlength"].requiredLength} characters`);
+                            break;
+                        case "specialcharacters":
+                            messages.push(`${thing} contains special characters`);
+                            break;
+                    }
+                }
+            }
+        }
+        return messages;
+    }
+    static { this.ɵfac = function ValidationSummaryComponent_Factory(t) { return new (t || ValidationSummaryComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ValidationSummaryComponent, selectors: [["ng-component"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 0, vars: 0, template: function ValidationSummaryComponent_Template(rf, ctx) { }, encapsulation: 2 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ValidationSummaryComponent, [{
+        type: Component,
+        args: [{
+                template: ''
+            }]
+    }], () => [], null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ValidationSummaryComponent, { className: "ValidationSummaryComponent", filePath: "lib\\ui\\validation\\validation-summary.component.ts", lineNumber: 27 }); })();
+
+/*
+<file>
+  Project:
+    @osovitny/anatoly
+
+  Authors:
+    Vadim Osovitny vadim.osovitny@osovitny.com
+    Anatoly Osovitny anatoly.osovitny@osovitny.com
+
+  Created:
+    6 Dec 2017
+
+  Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
+</file>
+*/
+//Node
+function ItemValidationSummaryComponent_ul_0_li_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "li")(1, "span", 3);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const error_r2 = ctx.$implicit;
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(error_r2);
+} }
+function ItemValidationSummaryComponent_ul_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "ul", 1);
+    i0.ɵɵtemplate(1, ItemValidationSummaryComponent_ul_0_li_1_Template, 3, 1, "li", 2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngForOf", ctx_r0.getValidationMessages(ctx_r0.formGroup.controls[ctx_r0.controlName]));
+} }
+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); }; })(); }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ItemValidationSummaryComponent, selectors: [["anatoly-item-validation-summary"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [["class", "list-unstyled", 4, "ngIf"], [1, "list-unstyled"], [4, "ngFor", "ngForOf"], [1, "help-block"]], template: function ItemValidationSummaryComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, ItemValidationSummaryComponent_ul_0_Template, 2, 1, "ul", 0);
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngIf", ctx.isControlInvalid(ctx.controlName));
+        } }, dependencies: [i1$2.NgForOf, i1$2.NgIf], encapsulation: 2 }); }
+}
+(() => { (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" }]
+    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ItemValidationSummaryComponent, { className: "ItemValidationSummaryComponent", filePath: "lib\\ui\\validation\\item-validation-summary.component.ts", lineNumber: 27 }); })();
+
 /*
 <file>
   Project:
@@ -6859,39 +7027,44 @@ class CountryDropdownlist extends EditComponentBase {
 */
 //Node
 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()();
+    i0.ɵɵelement(0, "kendo-label", 5);
 } 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);
 } }
 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, 2, 4, "kendo-label", 3);
-    i0.ɵɵelementEnd()();
+    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()()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵadvance(2);
     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_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "kendo-label", 4);
+function ModerationStatusDropdownlist_div_1_kendo_label_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "kendo-label", 5);
 } 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()();
+    i0.ɵɵelementStart(0, "div", 1);
+    i0.ɵɵtemplate(1, ModerationStatusDropdownlist_div_1_kendo_label_1_Template, 1, 1, "kendo-label", 3);
+    i0.ɵɵelement(2, "kendo-dropdownlist", 6)(3, "anatoly-item-validation-summary", 7);
+    i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(2);
+    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);
 } }
 class ModerationStatusDropdownlist extends EnumEditComponentBase {
     constructor() {
@@ -6900,17 +7073,17 @@ 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"], [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);
+    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);
         } if (rf & 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 }); }
+        } }, dependencies: [i1$2.NgIf, i2.NgControlStatus, i2.NgControlStatusGroup, i2.FormGroupDirective, i2.FormControlName, i2.NgModel, i3.DropDownListComponent, i4$1.LabelComponent, NativeElementDirective, ItemValidationSummaryComponent], encapsulation: 2 }); }
 }
 (() => { (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'>\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" }]
+        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" }]
     }], () => [], null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ModerationStatusDropdownlist, { className: "ModerationStatusDropdownlist", filePath: "lib\\ui\\components\\dropdownlists\\moderationstatus\\moderationstatus.dropdownlist.ts", lineNumber: 27 }); })();
 
@@ -6930,39 +7103,44 @@ class ModerationStatusDropdownlist extends EnumEditComponentBase {
 */
 //Node
 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()();
+    i0.ɵɵelement(0, "kendo-label", 5);
 } 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);
 } }
 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, 2, 4, "kendo-label", 3);
-    i0.ɵɵelementEnd()();
+    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()()();
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵadvance(2);
     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_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "kendo-label", 4);
+function PublishStatusDropdownlist_div_1_kendo_label_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "kendo-label", 5);
 } 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()();
+    i0.ɵɵelementStart(0, "div", 1);
+    i0.ɵɵtemplate(1, PublishStatusDropdownlist_div_1_kendo_label_1_Template, 1, 1, "kendo-label", 3);
+    i0.ɵɵelement(2, "kendo-dropdownlist", 6)(3, "anatoly-item-validation-summary", 7);
+    i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(2);
+    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);
 } }
 class PublishStatusDropdownlist extends EnumEditComponentBase {
     constructor() {
@@ -6971,17 +7149,17 @@ 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"], [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);
+    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);
         } if (rf & 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 }); }
+        } }, dependencies: [i1$2.NgIf, i2.NgControlStatus, i2.NgControlStatusGroup, i2.FormGroupDirective, i2.FormControlName, i2.NgModel, i3.DropDownListComponent, i4$1.LabelComponent, NativeElementDirective, ItemValidationSummaryComponent], encapsulation: 2 }); }
 }
 (() => { (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'>\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" }]
+        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" }]
     }], () => [], null); })();
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PublishStatusDropdownlist, { className: "PublishStatusDropdownlist", filePath: "lib\\ui\\components\\dropdownlists\\publishstatus\\publishstatus.dropdownlist.ts", lineNumber: 27 }); })();
 
@@ -7262,174 +7440,6 @@ class HtmlEditorComponentBase extends EditComponentBase {
         }] }); })();
 (() => { (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:
-    8 Dec 2017
-
-  Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
-</file>
-*/
-//Node
-class ValidationSummaryComponent extends EditComponentBase {
-    constructor() {
-        super();
-    }
-    getControlTitle(control, name) {
-        if (control?.nativeElement) {
-            let value = this.getTitleAttribute(control.nativeElement);
-            return value ? value : name;
-        }
-        return undefined;
-    }
-    getTitleAttribute(nativeElement) {
-        let title;
-        let element;
-        let tagName = nativeElement.tagName;
-        switch (tagName) {
-            // For Kendo time and date picker element title is assigned to the 4th child control.
-            case "KENDO-TIMEPICKER":
-            case "KENDO-DATEPICKER":
-                element = nativeElement.children[0]?.children[0]?.children[0]?.children[0];
-                break;
-            // For Kendo numaric element title is assigned to the 2nd child control.
-            case "KENDO-NUMERICTEXTBOX":
-                element = nativeElement.children[0]?.children[0];
-                break;
-            default:
-                element = nativeElement;
-                break;
-        }
-        if (element) {
-            title = element.getAttribute("formControlTitle");
-            if (!title) {
-                title = element.getAttribute("title");
-            }
-        }
-        return title;
-    }
-    getFormValidationMessages() {
-        let messages = [];
-        Object.keys(this.formGroup.controls).forEach((k) => {
-            let control = this.formGroup.controls[k];
-            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));
-                });
-            }
-            else {
-                this.getValidationMessages(control, this.getControlTitle(control, k)).forEach((m) => messages.push(m));
-            }
-        });
-        return messages;
-    }
-    getValidationMessages(control, title) {
-        let messages = [];
-        let thing;
-        if (title) {
-            thing = title;
-        }
-        else {
-            thing = this.getControlTitle(control, null);
-            if (!thing) {
-                thing = control.path;
-            }
-        }
-        if (control.errors) {
-            for (let errorName in control.errors) {
-                if (control.errors.hasOwnProperty(errorName)) {
-                    switch (errorName) {
-                        case "required":
-                            messages.push(`${thing} is required`);
-                            break;
-                        case "minlength":
-                            messages.push(`${thing} must be at least ${control.errors["minlength"].requiredLength} characters`);
-                            break;
-                        case "pattern":
-                            messages.push(`${thing} contains illegal characters`);
-                            break;
-                        case "format":
-                            messages.push(`${thing} format mismatch`);
-                            break;
-                        case "maxlength":
-                            messages.push(`${thing} must have maximum ${control.errors["maxlength"].requiredLength} characters`);
-                            break;
-                        case "specialcharacters":
-                            messages.push(`${thing} contains special characters`);
-                            break;
-                    }
-                }
-            }
-        }
-        return messages;
-    }
-    static { this.ɵfac = function ValidationSummaryComponent_Factory(t) { return new (t || ValidationSummaryComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ValidationSummaryComponent, selectors: [["ng-component"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 0, vars: 0, template: function ValidationSummaryComponent_Template(rf, ctx) { }, encapsulation: 2 }); }
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ValidationSummaryComponent, [{
-        type: Component,
-        args: [{
-                template: ''
-            }]
-    }], () => [], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ValidationSummaryComponent, { className: "ValidationSummaryComponent", filePath: "lib\\ui\\validation\\validation-summary.component.ts", lineNumber: 27 }); })();
-
-/*
-<file>
-  Project:
-    @osovitny/anatoly
-
-  Authors:
-    Vadim Osovitny vadim.osovitny@osovitny.com
-    Anatoly Osovitny anatoly.osovitny@osovitny.com
-
-  Created:
-    6 Dec 2017
-
-  Copyright (c) 2016-2025 Osovitny Inc. All rights reserved.
-</file>
-*/
-//Node
-function ItemValidationSummaryComponent_ul_0_li_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "li")(1, "span", 3);
-    i0.ɵɵtext(2);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const error_r2 = ctx.$implicit;
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(error_r2);
-} }
-function ItemValidationSummaryComponent_ul_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "ul", 1);
-    i0.ɵɵtemplate(1, ItemValidationSummaryComponent_ul_0_li_1_Template, 3, 1, "li", 2);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngForOf", ctx_r0.getValidationMessages(ctx_r0.formGroup.controls[ctx_r0.controlName]));
-} }
-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); }; })(); }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ItemValidationSummaryComponent, selectors: [["anatoly-item-validation-summary"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [["class", "list-unstyled", 4, "ngIf"], [1, "list-unstyled"], [4, "ngFor", "ngForOf"], [1, "help-block"]], template: function ItemValidationSummaryComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵtemplate(0, ItemValidationSummaryComponent_ul_0_Template, 2, 1, "ul", 0);
-        } if (rf & 2) {
-            i0.ɵɵproperty("ngIf", ctx.isControlInvalid(ctx.controlName));
-        } }, dependencies: [i1$2.NgForOf, i1$2.NgIf], encapsulation: 2 }); }
-}
-(() => { (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" }]
-    }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ItemValidationSummaryComponent, { className: "ItemValidationSummaryComponent", filePath: "lib\\ui\\validation\\item-validation-summary.component.ts", lineNumber: 27 }); })();
-
 /*
 <file>
   Project: