ngx-render-material-forms 1.6.3 → 1.6.4

package/fesm2020/ngx-render-material-forms.js

@@ -27,7 +27,7 @@ import * as i4 from '@angular/material/card';
 import { MatCardModule } from '@angular/material/card';
 import * as i2$2 from '@angular/material/tabs';
 import { MatTabsModule } from '@angular/material/tabs';
-import * as i4$7 from '@angular/material/table';
+import * as i5$3 from '@angular/material/table';
 import { MatTableDataSource, MatTableModule } from '@angular/material/table';
 import * as i5$2 from '@angular/material/datepicker';
 import { MatDatepickerModule } from '@angular/material/datepicker';
@@ -88,7 +88,7 @@ import * as i10 from 'ngx-mat-select-search';
 import { NgxMatSelectSearchModule } from 'ngx-mat-select-search';
 import WellComponent from 'formiojs/components/well/Well.js';
 import DataGridComponent from 'formiojs/components/datagrid/DataGrid.js';
-import * as i8 from '@angular/cdk/drag-drop';
+import * as i9 from '@angular/cdk/drag-drop';
 import { moveItemInArray, DragDropModule } from '@angular/cdk/drag-drop';
 import EditGridComponent from 'formiojs/components/editgrid/EditGrid.js';
 import Components$2 from 'formiojs/components/Components';
@@ -2636,6 +2636,10 @@ class CommonService {
     getDropDownFlag() {
         return this.setFlag.getValue();
     }
+    checkIsAttributeTrue(newProductPickerFlag, attributeName) {
+        return newProductPickerFlag && Object.keys(newProductPickerFlag).some(key => key.toLocaleLowerCase() === attributeName.toLowerCase() &&
+            newProductPickerFlag[key].toLowerCase() === "true");
+    }
 }
 CommonService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: CommonService, deps: [{ token: i1$1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
 CommonService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: CommonService, providedIn: 'root' });
@@ -2667,6 +2671,7 @@ class MaterialSelectComponent extends MaterialComponent {
         this.searching = false;
         this.productList = [];
         this.selectedValue = '';
+        this.searchItem = "";
         // Variable to hold the reference to the current panel element
         this.currentPanelElement = null;
         this.openCounter = 1;
@@ -2687,6 +2692,7 @@ class MaterialSelectComponent extends MaterialComponent {
     clearProducts() {
         if (this.instance.component.key.toLowerCase() === 'vendorproductid') {
             this.onClearAll();
+            this.searchItem = "";
         }
     }
     scrumble(msg) {
@@ -2893,9 +2899,7 @@ class MaterialSelectComponent extends MaterialComponent {
                 // If the object doesn't exist, add it to the array
                 finalParams.push({ key: 'dataValue', value: value });
             }
-            console.log('360=>', apiEndPoint, finalParams);
             this.commonService.initializeApiPath(apiEndPoint, finalParams).subscribe(response => {
-                console.log('response361=>', response);
                 if (response && response.code === 200) {
                     this.secondDropdownItems = response.data;
                     this.commonService.setDropdownItems(this.secondDropdownItems);
@@ -2904,29 +2908,18 @@ class MaterialSelectComponent extends MaterialComponent {
         }
     }
     ngAfterViewInit() {
-        let i = 0;
-        // console.log('this.instance=>', this.instance)
-        // const newProductPickerFlag = this.instance?.component?.attributes;
-        // let checkInvokeFromLibrary = this.checkIsAttributeTrue(newProductPickerFlag, "invokeFromLibrary")
-        // const firstLevel = (this.getVendorRefList(this.instance) && checkInvokeFromLibrary);
-        // if (firstLevel) {
-        //   this.selectElem.valueChange.subscribe(res => {
-        //     this.commonService.setDropDownFlag(true);
-        //     console.log('376=>', res)
-        //     this.updateSecondDropdown(res);
-        //   });
-        // }
         this.selectElem.openedChange.subscribe(async (isOpen) => {
+            let i = 0;
             if (isOpen) {
-                console.log('this.instance=>', this.instance);
                 const newProductPickerFlag = this.instance?.component?.attributes;
-                let checkInvokeFromLibrary = this.checkIsAttributeTrue(newProductPickerFlag, "invokeFromLibrary");
+                let checkInvokeFromLibrary = this.commonService.checkIsAttributeTrue(newProductPickerFlag, "invokeFromLibrary");
                 const firstLevel = (this.getVendorRefList(this.instance) && checkInvokeFromLibrary);
                 if (firstLevel) {
                     this.selectElem.valueChange.subscribe(res => {
                         this.commonService.setDropDownFlag(true);
-                        console.log('376=>', res, i);
-                        this.updateSecondDropdown(res);
+                        if (i === 0) {
+                            this.updateSecondDropdown(res);
+                        }
                         i++;
                     });
                 }
@@ -2938,12 +2931,9 @@ class MaterialSelectComponent extends MaterialComponent {
                             this.storeDependentItems.push({ label: renderElement['text'], value: this.commonService.onlyNumbers(renderElement['value']) ? renderElement['value'] + ' ' : renderElement['value'] });
                         });
                     }
-                    console.log('410=>', this.commonService.getDropDownFlag(), this.instance);
                     if (!this.commonService.getDropDownFlag()) {
                         this.storeDependentItems = this.instance.component.data.values;
-                        console.log('396=>', this.storeDependentItems);
                     }
-                    console.log('this.storeDependentItems=>', this.storeDependentItems);
                     this.filteredOptions = Promise.resolve(this.storeDependentItems);
                     this.selectOptions = Promise.resolve(this.storeDependentItems);
                     this.selectOptions.then(result => {
@@ -2957,7 +2947,13 @@ class MaterialSelectComponent extends MaterialComponent {
                 if (isOpen) {
                     this.pageNumber = 1;
                     this.pageSize = 20;
-                    this.searchQuery = '';
+                    if (this.searchQuery?.length > 0) {
+                        if (this.searchItem?.length > 0) {
+                            this.websiteMultiFilterCtrl.setValue(this.searchItem);
+                            this.ref.detectChanges();
+                        }
+                    }
+                    // this.searchQuery = '';
                     this.searching = false;
                     //this.loadData(this.pageNumber, this.pageSize, this.searchQuery);
                     this.registerPanelScrollEvent(this.selectElem);
@@ -2965,14 +2961,14 @@ class MaterialSelectComponent extends MaterialComponent {
                 else {
                     this.removePanelScrollEvent();
                     this.searching = false;
-                    this.selectedValue = this.getValue();
-                    if (this.selectedValue?.toString().length == 0) {
-                        this.productList = [];
-                        this.pageNumber = 1;
-                        this.pageSize = 20;
-                        this.searchQuery = '';
-                        this.loadData(this.pageNumber, this.pageSize, this.searchQuery);
-                    }
+                    // this.selectedValue = this.getValue();
+                    // if (this.selectedValue?.toString().length == 0) {
+                    //   this.productList = [];
+                    //   this.pageNumber = 1;
+                    //   this.pageSize = 20;
+                    //   this.searchQuery = '';
+                    //   this.loadData(this.pageNumber, this.pageSize, this.searchQuery);
+                    // }
                 }
             });
         }
@@ -2998,6 +2994,7 @@ class MaterialSelectComponent extends MaterialComponent {
                     this.productList = [];
                     this.searching = true;
                     this.searchQuery = searchQuery;
+                    this.searchItem = searchQuery;
                     this.loadData(this.pageNumber, this.pageSize, searchQuery);
                 }
             });
@@ -3061,10 +3058,6 @@ class MaterialSelectComponent extends MaterialComponent {
     compareObjects(o1, o2) {
         return _.isEqual(o1, o2);
     }
-    checkIsAttributeTrue(newProductPickerFlag, attributeName) {
-        return newProductPickerFlag && Object.keys(newProductPickerFlag).some(key => key.toLocaleLowerCase() === attributeName.toLowerCase() &&
-            newProductPickerFlag[key].toLowerCase() === "true");
-    }
 }
 MaterialSelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: MaterialSelectComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1$1.HttpClient }, { token: CommonService }], target: i0.ɵɵFactoryTarget.Component });
 MaterialSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: MaterialSelectComponent, selector: "mat-formio-select", viewQueries: [{ propertyName: "multiSelect", first: true, predicate: ["multiSelect"], descendants: true, static: true }, { propertyName: "selectElem", first: true, predicate: ["productSelect"], descendants: true }], usesInheritance: true, ngImport: i0, template: `
@@ -3221,19 +3214,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImpor
                 }] }]; } });
 
 class MaterialDataGridComponent extends MaterialNestedComponent {
-    constructor(element, ref, dialog) {
+    constructor(element, ref, dialog, commonService) {
         super(element, ref);
         this.element = element;
         this.ref = ref;
         this.dialog = dialog;
+        this.commonService = commonService;
         this.dataSource = new MatTableDataSource();
+        this.checkSubmissionStatus = false;
+        this.showDataGrid = true;
     }
     getColumnLabel(column) {
         return column.label || column.key;
     }
     setInstance(instance) {
+        const checkAttribute = instance?.component?.attributes;
+        this.checkSubmissionStatus = this.commonService.checkIsAttributeTrue(checkAttribute, 'isProductSubmitAllowed');
         super.setInstance(instance);
-        this.dataSource.data = instance.dataValue;
+        if (this.checkSubmissionStatus) {
+            this.showDataGrid = false;
+            this.dataSource.data = [];
+        }
+        else {
+            this.showDataGrid = true;
+            this.dataSource.data = instance.dataValue;
+        }
         this.columns = {};
         this.displayedColumns = [];
         this.formColumns = [];
@@ -3262,6 +3267,7 @@ class MaterialDataGridComponent extends MaterialNestedComponent {
         };
     }
     addAnother() {
+        this.showDataGrid = true;
         this.checkRowsNumber();
         this.instance.addRow();
         if (this.dataSource.data.length < this.instance.rows.length) {
@@ -3277,7 +3283,7 @@ class MaterialDataGridComponent extends MaterialNestedComponent {
     removeRow(index) {
         let message = 'Are you sure you want to delete this product?';
         let showButton = true;
-        if (this.dataSource?.data?.length === 1) {
+        if (this.dataSource?.data?.length === 1 && !this.checkSubmissionStatus) {
             message = 'Please select at least one product.';
             showButton = false;
         }
@@ -3289,6 +3295,9 @@ class MaterialDataGridComponent extends MaterialNestedComponent {
         });
         dialogRef.afterClosed().subscribe(result => {
             if (result) {
+                if (this.dataSource?.data?.length === 1 && this.checkSubmissionStatus) {
+                    this.showDataGrid = false;
+                }
                 // User confirmed, proceed with deletion
                 this.instance.removeRow(index);
                 this.dataSource.data.splice(index, 1);
@@ -3318,7 +3327,7 @@ class MaterialDataGridComponent extends MaterialNestedComponent {
         super.setValue(value);
     }
 }
-MaterialDataGridComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: MaterialDataGridComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1$2.MatDialog }], target: i0.ɵɵFactoryTarget.Component });
+MaterialDataGridComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: MaterialDataGridComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1$2.MatDialog }, { token: CommonService }], target: i0.ɵɵFactoryTarget.Component });
 MaterialDataGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.3", type: MaterialDataGridComponent, selector: "mat-formio-datagrid", usesInheritance: true, ngImport: i0, template: `
     <mat-formio-form-field [instance]="instance"
                            [componentTemplate]="componentTemplate"
@@ -3329,7 +3338,7 @@ MaterialDataGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.
         <ng-container *ngIf="hasLabel">
           <ng-container *ngTemplateOutlet="labelTemplate"></ng-container>
         </ng-container>
-        <mat-card-content>
+        <mat-card-content *ngIf="showDataGrid">
           <mat-card-actions
                   *ngIf="instance.hasAddButton() && (instance.component.addAnotherPosition === 'both' || instance.component.addAnotherPosition === 'top')">
             <button mat-raised-button color="primary" (click)="addAnother()">
@@ -3390,7 +3399,7 @@ MaterialDataGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.
         <span [instance]="instance" matFormioLabel></span>
       </mat-card-title>
     </ng-template>
-  `, isInline: true, styles: [".datagrid-row{height:auto}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3$2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i4$7.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i4$7.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i4$7.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i4$7.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { kind: "directive", type: i4$7.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i4$7.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i4$7.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i4$7.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i4$7.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i4$7.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "component", type: i4$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i5.FlexFillDirective, selector: "[fxFill], [fxFlexFill]" }, { kind: "component", type: i4.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i4.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "directive", type: i4.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "directive", type: i4.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "directive", type: i8.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i8.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i8.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: FormioFormFieldComponent, selector: "mat-formio-form-field", inputs: ["labelTemplate", "renderTopLabel", "showDescription", "renderElementOnly", "instance", "componentTemplate"] }, { kind: "component", type: LabelComponent, selector: "span[matFormioLabel]", inputs: ["instance"] }] });
+  `, isInline: true, styles: [".datagrid-row{height:auto}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3$2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i5$3.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i5$3.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i5$3.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i5$3.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { kind: "directive", type: i5$3.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i5$3.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i5$3.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i5$3.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i5$3.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i5$3.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "component", type: i4$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i5.FlexFillDirective, selector: "[fxFill], [fxFlexFill]" }, { kind: "component", type: i4.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { kind: "directive", type: i4.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { kind: "directive", type: i4.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "directive", type: i4.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "directive", type: i9.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i9.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i9.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: FormioFormFieldComponent, selector: "mat-formio-form-field", inputs: ["labelTemplate", "renderTopLabel", "showDescription", "renderElementOnly", "instance", "componentTemplate"] }, { kind: "component", type: LabelComponent, selector: "span[matFormioLabel]", inputs: ["instance"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImport: i0, type: MaterialDataGridComponent, decorators: [{
             type: Component,
             args: [{ selector: 'mat-formio-datagrid', template: `
@@ -3403,7 +3412,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImpor
         <ng-container *ngIf="hasLabel">
           <ng-container *ngTemplateOutlet="labelTemplate"></ng-container>
         </ng-container>
-        <mat-card-content>
+        <mat-card-content *ngIf="showDataGrid">
           <mat-card-actions
                   *ngIf="instance.hasAddButton() && (instance.component.addAnotherPosition === 'both' || instance.component.addAnotherPosition === 'top')">
             <button mat-raised-button color="primary" (click)="addAnother()">
@@ -3465,7 +3474,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.3", ngImpor
       </mat-card-title>
     </ng-template>
   `, styles: [".datagrid-row{height:auto}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1$2.MatDialog }]; } });
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1$2.MatDialog }, { type: CommonService }]; } });
 DataGridComponent.MaterialComponent = MaterialDataGridComponent;
 
 var EditRowState;