@stemy/ngx-dynamic-form 10.2.27 → 10.2.28

package/bundles/stemy-ngx-dynamic-form.umd.js

@@ -574,6 +574,20 @@
 
     function isStringWithVal(val) {
         return typeof val == "string" && val.length > 0;
+    }
+    function collectPathAble(start, getter) {
+        if (!start || !getter(start))
+            return [];
+        var parts = [];
+        var currentPath = start;
+        while (currentPath) {
+            var val = getter(currentPath);
+            if (val) {
+                parts.unshift(val);
+            }
+            currentPath = currentPath.parent;
+        }
+        return parts;
     }
 
     var DynamicFormArrayModel = /** @class */ (function (_super) {
@@ -1271,6 +1285,15 @@
             this.formService.clearFormArray(formArray, formArrayModel);
             this.changeDetectorRef.detectChanges();
         };
+        DynamicBaseFormComponent.prototype.getClass = function (model) {
+            var parts = collectPathAble(model, function (p) { return p.id; });
+            if (parts.length == 0)
+                return "";
+            if (model instanceof core.DynamicFormGroupModel) {
+                return "form-group-" + parts.join("-");
+            }
+            return "form-control-" + parts.join("-");
+        };
         DynamicBaseFormComponent.prototype.validate = function (showErrors) {
             var _this = this;
             if (showErrors === void 0) { showErrors = true; }
@@ -1339,6 +1362,59 @@
         ngForm: [{ type: core$1.ViewChild, args: [forms.NgForm,] }]
     };
 
+    var DynamicBaseFormArrayComponent = /** @class */ (function (_super) {
+        __extends(DynamicBaseFormArrayComponent, _super);
+        function DynamicBaseFormArrayComponent(layoutService, validationService) {
+            var _this = _super.call(this, layoutService, validationService) || this;
+            _this.layoutService = layoutService;
+            _this.validationService = validationService;
+            _this.blur = new core$1.EventEmitter();
+            _this.change = new core$1.EventEmitter();
+            _this.customEvent = new core$1.EventEmitter();
+            _this.focus = new core$1.EventEmitter();
+            return _this;
+        }
+        DynamicBaseFormArrayComponent.prototype.getClass = function (context, place, model) {
+            return [
+                context == "element" ? this.getModelClass(model) : null,
+                _super.prototype.getClass.call(this, context, place, model)
+            ].filter(function (cls) { return !!cls; }).join(" ");
+        };
+        DynamicBaseFormArrayComponent.prototype.getModelClass = function (model) {
+            var parts = collectPathAble(model, function (p) { return p.id; });
+            if (parts.length == 0)
+                return "";
+            if (model instanceof core.DynamicFormGroupModel) {
+                return "form-group-" + parts.join("-");
+            }
+            return "form-control-" + parts.join("-");
+        };
+        return DynamicBaseFormArrayComponent;
+    }(core.DynamicFormArrayComponent));
+    DynamicBaseFormArrayComponent.decorators = [
+        { type: core$1.Component, args: [{
+                    selector: "dynamic-base-form-array",
+                    template: "",
+                    changeDetection: core$1.ChangeDetectionStrategy.OnPush
+                },] }
+    ];
+    DynamicBaseFormArrayComponent.ctorParameters = function () { return [
+        { type: core.DynamicFormLayoutService },
+        { type: core.DynamicFormValidationService }
+    ]; };
+    DynamicBaseFormArrayComponent.propDecorators = {
+        formLayout: [{ type: core$1.Input }],
+        group: [{ type: core$1.Input }],
+        layout: [{ type: core$1.Input }],
+        model: [{ type: core$1.Input }],
+        templates: [{ type: core$1.Input }],
+        blur: [{ type: core$1.Output }],
+        change: [{ type: core$1.Output }],
+        customEvent: [{ type: core$1.Output }],
+        focus: [{ type: core$1.Output }],
+        components: [{ type: core$1.ViewChildren, args: [core$1.forwardRef(function () { return core.DynamicFormControlContainerComponent; }),] }]
+    };
+
     var DynamicBaseFormControlContainerComponent = /** @class */ (function (_super) {
         __extends(DynamicBaseFormControlContainerComponent, _super);
         function DynamicBaseFormControlContainerComponent(form, changeDetectorRef, componentFactoryResolver, layoutService, validationService, componentService, relationService) {
@@ -1402,6 +1478,16 @@
             _super.prototype.ngOnDestroy.call(this);
             this.onDetectChanges.unsubscribe();
         };
+        DynamicBaseFormControlContainerComponent.prototype.getLabel = function () {
+            var _a;
+            var label = collectPathAble(this.model, function (p) { return p.label; });
+            if (label.length == 0)
+                return "";
+            if ((_a = this.form) === null || _a === void 0 ? void 0 : _a.labelPrefix) {
+                label.unshift(this.form.labelPrefix);
+            }
+            return label.join(".");
+        };
         DynamicBaseFormControlContainerComponent.prototype.createFormControlComponent = function () {
             var _a;
             _super.prototype.createFormControlComponent.call(this);
@@ -1446,24 +1532,65 @@
         componentViewContainerRef: [{ type: core$1.ViewChild, args: ["componentViewContainer", { read: core$1.ViewContainerRef, static: true },] }]
     };
 
-    var DynamicFormValidationService = /** @class */ (function (_super) {
-        __extends(DynamicFormValidationService, _super);
-        function DynamicFormValidationService() {
-            return _super !== null && _super.apply(this, arguments) || this;
+    var DynamicBaseFormGroupComponent = /** @class */ (function (_super) {
+        __extends(DynamicBaseFormGroupComponent, _super);
+        function DynamicBaseFormGroupComponent(layoutService, validationService) {
+            var _this = _super.call(this, layoutService, validationService) || this;
+            _this.layoutService = layoutService;
+            _this.validationService = validationService;
+            _this.blur = new core$1.EventEmitter();
+            _this.change = new core$1.EventEmitter();
+            _this.customEvent = new core$1.EventEmitter();
+            _this.focus = new core$1.EventEmitter();
+            return _this;
         }
-        DynamicFormValidationService.prototype.showErrorMessages = function (control, model, hasFocus) {
-            return _super.prototype.showErrorMessages.call(this, control, model, hasFocus);
+        DynamicBaseFormGroupComponent.prototype.getClass = function (context, place, model) {
+            return [
+                context == "element" ? this.getModelClass(model) : null,
+                _super.prototype.getClass.call(this, context, place, model)
+            ].filter(function (cls) { return !!cls; }).join(" ");
         };
-        return DynamicFormValidationService;
-    }(core.DynamicFormValidationService));
-    DynamicFormValidationService.decorators = [
-        { type: core$1.Injectable }
-    ];
+        DynamicBaseFormGroupComponent.prototype.getModelClass = function (model) {
+            var parts = collectPathAble(model, function (p) { return p.id; });
+            if (parts.length == 0)
+                return "";
+            if (model instanceof core.DynamicFormGroupModel) {
+                return "form-group-" + parts.join("-");
+            }
+            return "form-control-" + parts.join("-");
+        };
+        return DynamicBaseFormGroupComponent;
+    }(core.DynamicFormGroupComponent));
+    DynamicBaseFormGroupComponent.decorators = [
+        { type: core$1.Component, args: [{
+                    selector: "dynamic-base-form-group",
+                    template: "",
+                    changeDetection: core$1.ChangeDetectionStrategy.OnPush
+                },] }
+    ];
+    DynamicBaseFormGroupComponent.ctorParameters = function () { return [
+        { type: core.DynamicFormLayoutService },
+        { type: core.DynamicFormValidationService }
+    ]; };
+    DynamicBaseFormGroupComponent.propDecorators = {
+        formLayout: [{ type: core$1.Input }],
+        group: [{ type: core$1.Input }],
+        layout: [{ type: core$1.Input }],
+        model: [{ type: core$1.Input }],
+        templates: [{ type: core$1.Input }],
+        blur: [{ type: core$1.Output }],
+        change: [{ type: core$1.Output }],
+        customEvent: [{ type: core$1.Output }],
+        focus: [{ type: core$1.Output }],
+        components: [{ type: core$1.ViewChildren, args: [core$1.forwardRef(function () { return core.DynamicFormControlContainerComponent; }),] }]
+    };
 
     // --- Components ---
     var components = [
         DynamicBaseFormComponent,
-        DynamicBaseFormControlContainerComponent
+        DynamicBaseFormArrayComponent,
+        DynamicBaseFormControlContainerComponent,
+        DynamicBaseFormGroupComponent
     ];
     // --- Directives ---
     var directives = [
@@ -1488,14 +1615,9 @@
                 ngModule: NgxDynamicFormModule,
                 providers: [
                     DynamicFormService,
-                    DynamicFormValidationService,
                     {
                         provide: core.DynamicFormService,
                         useExisting: DynamicFormService
-                    },
-                    {
-                        provide: core.DynamicFormValidationService,
-                        useExisting: DynamicFormValidationService
                     }
                 ]
             };
@@ -1537,8 +1659,10 @@
      */
 
     exports.AsyncSubmitDirective = AsyncSubmitDirective;
+    exports.DynamicBaseFormArrayComponent = DynamicBaseFormArrayComponent;
     exports.DynamicBaseFormComponent = DynamicBaseFormComponent;
     exports.DynamicBaseFormControlContainerComponent = DynamicBaseFormControlContainerComponent;
+    exports.DynamicBaseFormGroupComponent = DynamicBaseFormGroupComponent;
     exports.DynamicFormService = DynamicFormService;
     exports.FormFieldSet = FormFieldSet;
     exports.FormFile = FormFile;
@@ -1570,7 +1694,6 @@
     exports.ɵa = components;
     exports.ɵb = directives;
     exports.ɵc = pipes;
-    exports.ɵd = DynamicFormValidationService;
 
     Object.defineProperty(exports, '__esModule', { value: true });