version 2.1.2 released fixing minor bugs

Author: pixelbyaj

projects/ngx-iso-form/README.md

@@ -112,6 +112,7 @@ export interface SchemaElement {
     values: string[];
     isCurrency: boolean;
     xpath: string;
+    expanded:boolean;
     elements: SchemaElement[];
 }
 

projects/ngx-iso-form/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-iso-form",
-  "version": "2.1.0",
+  "version": "2.1.2",
   "description": "This form is used to design Angular Reactive Form using any given XSD. The primary use of this UI library is to design ISO 20022 forms dynamically.",
   "author": "Abhishek Joshi aka PixelByAJ",
   "repository": {

projects/ngx-iso-form/src/lib/Models/Schema.ts

@@ -16,7 +16,8 @@ export interface SchemaElement {
     values: string[];
     isCurrency: boolean;
     xpath: string;
-    elements: SchemaElement[];
+    elements: SchemaModel[];
+    expanded:boolean;
 }
 
 export interface SchemaModel extends SchemaElement{

projects/ngx-iso-form/src/lib/ngx-iso-form.component.html

@@ -17,7 +17,7 @@
       <ng-template #obj>
         <ng-container *ngIf="node.elements.length">
           <mat-accordion [formGroup]="formElement" *ngIf="!node.hidden">
-            <mat-expansion-panel multi [expanded]="expand(node.minOccurs)" #expan>
+            <mat-expansion-panel multi [expanded]="expand(node.minOccurs) || node.expanded" #expan>
               <mat-expansion-panel-header>
                 <mat-panel-title>
                   {{ node.name | trans: node.id : node.name }}

projects/ngx-iso-form/src/lib/ngx-iso-form.component.ts

@@ -85,14 +85,16 @@ export class NgxIsoFormComponent implements OnChanges {
     }
   }
 
-  protected onChoiceSelectionChange(id: string, formElement: any, nodes: SchemaModel): void {
-    nodes.elements.forEach((element: SchemaModel) => {
+  protected onChoiceSelectionChange(id: string, formElement: any, node: SchemaModel): void {
+    node.elements.forEach((element: SchemaModel) => {
       element.hidden = true;
       formElement.removeControl(element.id);
       if (element.id === id) {
+        node.choiceKey = id;
         element.hidden = false;
         if (element.elements.length) {
-          const group = this.service.getFormGroupControls(element.elements, [], 0, true);
+         // element.elements[0].hidden = false;
+          const group = this.service.getFormGroupControls(element.elements, [], 0, false);
           formElement.addControl(element.id, group);
         } else {
           const control = this.service.getFormControl('');
@@ -162,7 +164,7 @@ export class NgxIsoFormComponent implements OnChanges {
   }
 
   protected isEmpty(formElement: FormGroup): boolean {
-    return Object.keys(formElement.controls).length === 0;
+    return formElement.controls && Object.keys(formElement.controls).length === 0;
   }
 
   protected getElement(formElement: FormGroup, element: any): AbstractControl<any, any> | undefined {

projects/ngx-iso-form/src/lib/ngx-iso-form.service.ts

@@ -54,6 +54,7 @@ export class NgxIsoService {
           }
 
           for (let i = 0; i < item.length; i++) {
+            parentNode.elements[i].expanded = true;
             const formArray = form.get(key);
             if (formArray) {
               const frmGroup = (formArray as FormArray).at(i);
@@ -64,6 +65,7 @@ export class NgxIsoService {
           }
         } else if (typeof model[key] === 'object') {
           const node = this.getFormModel(this._formModel[0], key);
+          node.expanded = true;
           if (node && (!node.minOccurs || parseInt(node.minOccurs, 10) === 0)) {
             node.minOccurs = '1';
           }
@@ -76,13 +78,14 @@ export class NgxIsoService {
               );
               node.choiceKey = choiceKey;
               choiceEle.hidden = false;
+              choiceEle.expanded = true;
               const newNode = structuredClone(choiceEle);
               if (newNode.elements.length) {
                 const group = this.getFormGroupControls(
                   newNode.elements,
                   [],
                   0,
-                  true
+                  false
                 );
                 _form.addControl(newNode.id, group);
               } else {