@osovitny/anatoly 3.16.79 → 3.16.81

package/fesm2022/osovitny-anatoly.mjs

@@ -3299,9 +3299,9 @@ class EditComponentBase extends ComponentBase {
         if (!fg) {
             return false;
         }
-        if (fg.get(name)) {
-            return ((this.formSubmitted && fg.get(name).invalid) ||
-                (fg.get(name).touched && fg.get(name).invalid));
+        let control = fg.get(name);
+        if (control) {
+            return ((this.formSubmitted && control.invalid) || (control.touched && control.invalid));
         }
         return false;
     }
@@ -4990,9 +4990,7 @@ class ValidationSummaryComponent extends EditComponentBase {
     getControlTitle(control) {
         if (control?.nativeElement) {
             let controlTitle = this.getTitleAttribute(control.nativeElement);
-            if (controlTitle) {
-                return controlTitle;
-            }
+            return controlTitle;
         }
         return undefined;
     }
@@ -5060,27 +5058,24 @@ function ItemValidationSummaryComponent_ul_0_Template(rf, ctx) { if (rf & 1) {
 } if (rf & 2) {
     const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵadvance(1);
-    i0.ɵɵproperty("ngForOf", ctx_r0.getValidationMessages(ctx_r0.formGroup.get(ctx_r0.controlName), ctx_r0.controlTitle));
+    i0.ɵɵproperty("ngForOf", ctx_r0.getValidationMessages(ctx_r0.formGroup.get(ctx_r0.formControlName), ctx_r0.formControlTitle));
 } }
 class ItemValidationSummaryComponent extends ValidationSummaryComponent {
-    controlName;
-    controlTitle;
-    constructor() {
-        super();
-    }
-    static ɵfac = function ItemValidationSummaryComponent_Factory(t) { return new (t || ItemValidationSummaryComponent)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ItemValidationSummaryComponent, selectors: [["anatoly-item-validation-summary"]], inputs: { controlName: "controlName", controlTitle: "controlTitle" }, 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) {
+    formControlName;
+    formControlTitle;
+    static ɵfac = /*@__PURE__*/ function () { let ɵItemValidationSummaryComponent_BaseFactory; return function ItemValidationSummaryComponent_Factory(t) { return (ɵItemValidationSummaryComponent_BaseFactory || (ɵItemValidationSummaryComponent_BaseFactory = i0.ɵɵgetInheritedFactory(ItemValidationSummaryComponent)))(t || ItemValidationSummaryComponent); }; }();
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ItemValidationSummaryComponent, selectors: [["anatoly-item-validation-summary"]], inputs: { formControlName: "formControlName", formControlTitle: "formControlTitle" }, 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));
+            i0.ɵɵproperty("ngIf", ctx.isControlInvalid(ctx.formControlName));
         } }, dependencies: [i1$2.NgForOf, i1$2.NgIf], encapsulation: 2 });
 }
 (function () { (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.get(controlName), controlTitle)\">\r\n    <span class=\"help-block\">{{ error }}</span>\r\n  </li>\r\n</ul>\r\n\r\n" }]
-    }], function () { return []; }, { controlName: [{
+        args: [{ selector: "anatoly-item-validation-summary", template: "<ul class=\"list-unstyled\" *ngIf=\"isControlInvalid(formControlName)\">\r\n  <li *ngFor=\"let error of getValidationMessages(formGroup.get(formControlName), formControlTitle)\">\r\n    <span class=\"help-block\">{{ error }}</span>\r\n  </li>\r\n</ul>\r\n\r\n" }]
+    }], null, { formControlName: [{
             type: Input
-        }], controlTitle: [{
+        }], formControlTitle: [{
             type: Input
         }] }); })();
 
@@ -5112,7 +5107,7 @@ class FormsHtmlEditorComponent extends HtmlEditorComponentBase {
         });
     }
     static ɵfac = function FormsHtmlEditorComponent_Factory(t) { return new (t || FormsHtmlEditorComponent)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FormsHtmlEditorComponent, selectors: [["anatoly-forms-html-editor"]], inputs: { editorFormKey: "editorFormKey" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 5, vars: 11, consts: [[1, "form-group", 3, "formGroup", "ngClass"], [1, "col-form-label"], [3, "formControlName", "froalaEditor", "froalaInit"], [3, "formGroup", "formSubmitted", "controlName", "controlTitle"]], template: function FormsHtmlEditorComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FormsHtmlEditorComponent, selectors: [["anatoly-forms-html-editor"]], inputs: { editorFormKey: "editorFormKey" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 5, vars: 11, consts: [[1, "form-group", 3, "formGroup", "ngClass"], [1, "col-form-label"], [3, "formControlName", "froalaEditor", "froalaInit"], [3, "formGroup", "formSubmitted", "formControlName", "formControlTitle"]], template: function FormsHtmlEditorComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0)(1, "label", 1);
             i0.ɵɵtext(2);
             i0.ɵɵelementEnd();
@@ -5128,12 +5123,12 @@ class FormsHtmlEditorComponent extends HtmlEditorComponentBase {
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("formControlName", ctx.editorFormKey)("froalaEditor", ctx.options);
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("formGroup", ctx.formGroup)("formSubmitted", ctx.formSubmitted)("controlName", ctx.editorFormKey)("controlTitle", ctx.editorLabelText);
+            i0.ɵɵproperty("formGroup", ctx.formGroup)("formSubmitted", ctx.formSubmitted)("formControlName", ctx.editorFormKey)("formControlTitle", ctx.editorLabelText);
         } }, dependencies: [i1$2.NgClass, i2.DefaultValueAccessor, i2.NgControlStatus, i2.NgControlStatusGroup, i2.FormGroupDirective, i2.FormControlName, i3.FroalaEditorDirective, NativeElementDirective, ItemValidationSummaryComponent], encapsulation: 2 });
 }
 (function () { (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                                     [controlTitle]=\"editorLabelText\">\r\n    </anatoly-item-validation-summary>\r\n</div>\r\n" }]
+        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                                     [formControlName]=\"editorFormKey\"\r\n                                     [formControlTitle]=\"editorLabelText\">\r\n    </anatoly-item-validation-summary>\r\n</div>\r\n" }]
     }], function () { return []; }, { editorFormKey: [{
             type: Input
         }] }); })();
@@ -5252,28 +5247,28 @@ class FormValidationSummaryComponent extends ValidationSummaryComponent {
     visible = false;
     customerrors = [];
     /*
-      0 - only FormValidation messages
-      1 - only Custom messages
-      2 - all
+      0 - all
+      1 - only FormValidation messages
+      2 - only Custom messages
     */
     viewtype = 0;
     constructor() {
         super();
     }
     getErrors() {
-        if (this.viewtype == 1) {
-            return this.customerrors;
-        }
+        let messages = [];
         let formValidationMessages = this.getFormValidationMessages();
-        if (this.viewtype == 0) {
-            return formValidationMessages;
-        }
-        var messages = [];
-        if (formValidationMessages.length > 0) {
-            messages.push(...formValidationMessages);
-        }
-        if (this.customerrors.length > 0) {
-            messages.push(...this.customerrors);
+        switch (this.viewtype) {
+            case 1:
+                messages.push(...formValidationMessages);
+                break;
+            case 2:
+                messages.push(...this.customerrors);
+                break;
+            default:
+                messages.push(...formValidationMessages);
+                messages.push(...this.customerrors);
+                break;
         }
         return messages;
     }
@@ -6065,12 +6060,13 @@ class UrlSlugComponent extends EditComponentBase {
     //Inputs
     title = 'Permalink:';
     isTitleVisible = true;
-    controlName;
-    controlTitle;
     class;
     watchedControlName;
     urlPrefix;
     isGoButtonVisible = true;
+    //Validation
+    formControlName;
+    formControlTitle;
     //Outputs
     generating = new EventEmitter();
     constructor() {
@@ -6083,7 +6079,7 @@ class UrlSlugComponent extends EditComponentBase {
         let slugedText = Utils.slugify(text);
         let event = { urlSlug: slugedText };
         this.generating.emit(event);
-        this.setFormValue(this.controlName, event.urlSlug);
+        this.setFormValue(this.formControlName, event.urlSlug);
     }
     startWatching() {
         this.subs.sink = this.formGroup.get(this.watchedControlName).valueChanges.subscribe({
@@ -6095,7 +6091,7 @@ class UrlSlugComponent extends EditComponentBase {
                 this.generateUrlSlug(value);
             }
         });
-        this.subs.sink = this.formGroup.get(this.controlName).valueChanges.subscribe({
+        this.subs.sink = this.formGroup.get(this.formControlName).valueChanges.subscribe({
             next: (value) => {
                 this.hrefGo = value;
             }
@@ -6103,11 +6099,11 @@ class UrlSlugComponent extends EditComponentBase {
     }
     //Events
     onUrlSlugChange() {
-        let text = this.getFormValue(this.controlName);
+        let text = this.getFormValue(this.formControlName);
         this.generateUrlSlug(text);
     }
     static ɵfac = function UrlSlugComponent_Factory(t) { return new (t || UrlSlugComponent)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UrlSlugComponent, selectors: [["anatoly-forms-urlslug"]], inputs: { title: "title", isTitleVisible: "isTitleVisible", controlName: "controlName", controlTitle: "controlTitle", class: "class", watchedControlName: "watchedControlName", urlPrefix: "urlPrefix", isGoButtonVisible: "isGoButtonVisible" }, outputs: { generating: "generating" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 7, vars: 14, consts: [[3, "formGroup", "ngClass"], [1, "d-flex", "align-items-end"], [3, "formGroup", "formSubmitted", "controlName", "controlTitle"], [1, "form-group"], ["class", "col-form-label", 4, "ngIf"], ["type", "text", "placeholder", "Type url slug here", 1, "form-control", 3, "formControlName", "focusout"], ["class", "form-group flex-shrink-1", 4, "ngIf"], [1, "col-form-label"], [1, "urlPrefix"], [1, "form-group", "flex-shrink-1"], ["target", "_blank", 1, "btn", "btn-primary", 3, "href"]], template: function UrlSlugComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: UrlSlugComponent, selectors: [["anatoly-forms-urlslug"]], inputs: { title: "title", isTitleVisible: "isTitleVisible", class: "class", watchedControlName: "watchedControlName", urlPrefix: "urlPrefix", isGoButtonVisible: "isGoButtonVisible", formControlName: "formControlName", formControlTitle: "formControlTitle" }, outputs: { generating: "generating" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 7, vars: 14, consts: [[3, "formGroup", "ngClass"], [1, "d-flex", "align-items-end"], [3, "formGroup", "formSubmitted", "formControlName", "formControlTitle"], [1, "form-group"], ["class", "col-form-label", 4, "ngIf"], ["type", "text", "placeholder", "Type url slug here", 1, "form-control", 3, "formControlName", "focusout"], ["class", "form-group flex-shrink-1", 4, "ngIf"], [1, "col-form-label"], [1, "urlPrefix"], [1, "form-group", "flex-shrink-1"], ["target", "_blank", 1, "btn", "btn-primary", 3, "href"]], template: function UrlSlugComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0)(1, "div", 1);
             i0.ɵɵelement(2, "anatoly-item-validation-summary", 2);
             i0.ɵɵelementStart(3, "div", 3);
@@ -6119,28 +6115,24 @@ class UrlSlugComponent extends EditComponentBase {
             i0.ɵɵelementEnd()();
         } if (rf & 2) {
             i0.ɵɵclassMapInterpolate1("permalink form-group ", ctx.class, "");
-            i0.ɵɵproperty("formGroup", ctx.formGroup)("ngClass", i0.ɵɵpureFunction1(12, _c0, ctx.isControlInvalid(ctx.controlName)));
+            i0.ɵɵproperty("formGroup", ctx.formGroup)("ngClass", i0.ɵɵpureFunction1(12, _c0, ctx.isControlInvalid(ctx.formControlName)));
             i0.ɵɵadvance(2);
-            i0.ɵɵproperty("formGroup", ctx.formGroup)("formSubmitted", ctx.formSubmitted)("controlName", ctx.controlName)("controlTitle", ctx.controlTitle);
+            i0.ɵɵproperty("formGroup", ctx.formGroup)("formSubmitted", ctx.formSubmitted)("formControlName", ctx.formControlName)("formControlTitle", ctx.formControlTitle);
             i0.ɵɵadvance(2);
             i0.ɵɵproperty("ngIf", ctx.isTitleVisible);
             i0.ɵɵadvance(1);
-            i0.ɵɵproperty("formControlName", ctx.controlName);
+            i0.ɵɵproperty("formControlName", ctx.formControlName);
             i0.ɵɵadvance(1);
             i0.ɵɵproperty("ngIf", ctx.isGoButtonVisible);
         } }, dependencies: [i1$2.NgClass, i1$2.NgIf, i2.DefaultValueAccessor, i2.NgControlStatus, i2.NgControlStatusGroup, i2.FormGroupDirective, i2.FormControlName, NativeElementDirective, ItemValidationSummaryComponent], encapsulation: 2 });
 }
 (function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(UrlSlugComponent, [{
         type: Component,
-        args: [{ selector: 'anatoly-forms-urlslug', template: "<div [formGroup]='formGroup' [ngClass]=\"{'has-error': isControlInvalid(controlName)}\"\r\n  class=\"permalink form-group {{class}}\">\r\n  <div class=\"d-flex align-items-end\">\r\n    <anatoly-item-validation-summary [formGroup]='formGroup' [formSubmitted]='formSubmitted' [controlName]='controlName'\r\n      [controlTitle]='controlTitle'>\r\n    </anatoly-item-validation-summary>\r\n    <div class=\"form-group\">\r\n      <label *ngIf='isTitleVisible' class='col-form-label'>\r\n        {{ title }}\r\n        <span class=\"urlPrefix\">{{ urlPrefix }}</span>\r\n      </label>\r\n      <input type='text' class='form-control' [formControlName]='controlName' placeholder='Type url slug here'\r\n        (focusout)='onUrlSlugChange()' />\r\n    </div>\r\n\r\n    <div class=\"form-group flex-shrink-1\" *ngIf=\"isGoButtonVisible\">\r\n      <a href=\"{{urlPrefix}}{{hrefGo}}\" target=\"_blank\" class=\"btn btn-primary\">Go</a>\r\n    </div>\r\n  </div>\r\n</div>\r\n" }]
+        args: [{ selector: 'anatoly-forms-urlslug', template: "<div [formGroup]='formGroup' [ngClass]=\"{'has-error': isControlInvalid(formControlName)}\"\r\n  class=\"permalink form-group {{class}}\">\r\n  <div class=\"d-flex align-items-end\">\r\n    <anatoly-item-validation-summary\r\n      [formGroup]='formGroup'\r\n      [formSubmitted]='formSubmitted'\r\n      [formControlName]='formControlName'\r\n      [formControlTitle]='formControlTitle'>\r\n    </anatoly-item-validation-summary>\r\n\r\n    <div class=\"form-group\">\r\n      <label *ngIf='isTitleVisible' class='col-form-label'>\r\n        {{ title }}\r\n        <span class=\"urlPrefix\">{{ urlPrefix }}</span>\r\n      </label>\r\n      <input type='text' class='form-control' placeholder='Type url slug here'\r\n        [formControlName]='formControlName' (focusout)='onUrlSlugChange()' />\r\n    </div>\r\n\r\n    <div class=\"form-group flex-shrink-1\" *ngIf=\"isGoButtonVisible\">\r\n      <a href=\"{{urlPrefix}}{{hrefGo}}\" target=\"_blank\" class=\"btn btn-primary\">Go</a>\r\n    </div>\r\n  </div>\r\n</div>\r\n" }]
     }], function () { return []; }, { title: [{
             type: Input
         }], isTitleVisible: [{
             type: Input
-        }], controlName: [{
-            type: Input
-        }], controlTitle: [{
-            type: Input
         }], class: [{
             type: Input
         }], watchedControlName: [{
@@ -6149,6 +6141,10 @@ class UrlSlugComponent extends EditComponentBase {
             type: Input
         }], isGoButtonVisible: [{
             type: Input
+        }], formControlName: [{
+            type: Input
+        }], formControlTitle: [{
+            type: Input
         }], generating: [{
             type: Output
         }] }); })();