@stemy/ngx-dynamic-form 19.9.9 → 19.9.11

package/fesm2022/stemy-ngx-dynamic-form.mjs

@@ -525,7 +525,7 @@ class ConfigForSchemaWrap {
         return this.opts.legacyLabels;
     }
     get testId() {
-        return this.opts.testId;
+        return this.opts.testId || "form";
     }
     get context() {
         return this.opts.context;
@@ -1049,11 +1049,12 @@ class DynamicFormBuilderService {
                 const idName = String(field.id || field.key || "").replace(/\./, "-");
                 let baseName = `dynamic-form-fieldset dynamic-form-fieldset-${idName}`;
                 if (!this.isFieldset(target)) {
+                    const labelAlign = target.props?.labelAlign || "before";
                     const type = String(target.type || "group").replace("formly-", "");
                     const typeName = ObjectUtils.isConstructor(type)
                         ? `${target.type.name}`.toLowerCase().replace("component", "")
                         : type;
-                    baseName = `dynamic-form-field dynamic-form-field-${target.key} dynamic-form-${typeName}`;
+                    baseName = `dynamic-form-field dynamic-form-field-${target.key} dynamic-form-label-${labelAlign} dynamic-form-${typeName}`;
                 }
                 const classesName = Array.isArray(classes) ? classes : [classes];
                 const layoutName = Array.isArray(layout) ? layout : [layout];
@@ -2001,7 +2002,7 @@ class DynamicFormComponent {
     globalTemplatePrefix = input("dynamic-form");
     labelPrefix = input("label");
     labelCustomizer = input(null);
-    testId = input("");
+    testId = input("form");
     useTabs = input(false);
     legacyLabels = input(false);
     data = input({});
@@ -2022,16 +2023,15 @@ class DynamicFormComponent {
             legacyLabels: this.legacyLabels(),
             testId: this.testId(),
         };
+        const fields = this.fields();
+        const constructor = this.data()?.constructor;
         return [
-            this.builder.createFormGroup(null, parent => {
-                const fields = this.fields() || this.builder.resolveFormFields(this.data()?.constructor, parent, options);
-                return this.builder.createFieldSets(fields, parent, options);
-            }, {
+            this.builder.createFormGroup(null, parent => this.builder.createFieldSets(fields || this.builder.resolveFormFields(constructor, parent, options), parent), {
                 label: "",
                 useTabs: this.useTabs(),
                 hidden: false,
                 className: "dynamic-form-root-group"
-            }, null, options)
+            })
         ];
     });
     group = computed(() => {