ngx-material-entity 16.1.3 → 16.1.4

package/fesm2022/ngx-material-entity.mjs

@@ -5977,7 +5977,9 @@ class NgxMatEntityInputComponent {
      * @returns Whether or not the objects are the same.
      */
     compareObjects(value1, value2) {
-        return LodashUtilities.isEqual(value1, value2);
+        const valueObject1 = new this.metadataDropdownObject.EntityClass(value1);
+        const valueObject2 = new this.metadataDropdownObject.EntityClass(value2);
+        return LodashUtilities.isEqual(valueObject1, valueObject2);
     }
     /**
      * Filters the dropdown values.
@@ -6362,33 +6364,32 @@ class NgxMatEntityInputComponent {
      */
     async addEntity() {
         await this.checkIsArrayItemValid();
-        if (this.metadataEntityArray.createInline) {
-            if (!this.metadataEntityArray.allowDuplicates) {
-                for (const v of this.entityArrayValues) {
-                    if ((await EntityUtilities.isEqual(this.arrayItem, v, this.metadata, this.metadataEntityArray.itemType, this.http))) {
-                        this.dialog.open(NgxMatEntityConfirmDialogComponent, {
-                            data: this.metadataEntityArray.duplicatesErrorDialog,
-                            autoFocus: false,
-                            restoreFocus: false
-                        });
-                        return;
-                    }
-                }
-            }
-            this.entityArrayValues.push(LodashUtilities.cloneDeep(this.arrayItem));
-            this.entityArrayDataSource.data = this.entityArrayValues;
-            EntityUtilities.resetChangesOnEntity(this.arrayItem, this.arrayItemPriorChanges);
-            EntityUtilities.setDefaultValues(this.arrayItem);
-            await this.checkIsArrayItemValid();
-            this.emitChange();
-        }
-        else {
+        if (!this.metadataEntityArray.createInline) {
             this.addArrayItemDialogRef = this.dialog.open(this.addArrayItemDialog, {
                 minWidth: '60%',
                 autoFocus: false,
                 restoreFocus: false
             });
+            return;
         }
+        if (!this.metadataEntityArray.allowDuplicates) {
+            for (const v of this.entityArrayValues) {
+                if ((await EntityUtilities.isEqual(this.arrayItem, v, this.metadata, this.metadataEntityArray.itemType, this.http))) {
+                    this.dialog.open(NgxMatEntityConfirmDialogComponent, {
+                        data: this.metadataEntityArray.duplicatesErrorDialog,
+                        autoFocus: false,
+                        restoreFocus: false
+                    });
+                    return;
+                }
+            }
+        }
+        this.entityArrayValues.push(LodashUtilities.cloneDeep(this.arrayItem));
+        this.entityArrayDataSource.data = this.entityArrayValues;
+        EntityUtilities.resetChangesOnEntity(this.arrayItem, this.arrayItemPriorChanges);
+        EntityUtilities.setDefaultValues(this.arrayItem);
+        await this.checkIsArrayItemValid();
+        this.emitChange();
     }
     /**
      * Adds the array item defined in the dialog.
@@ -6616,7 +6617,7 @@ class NgxMatEntityFormComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: NgxMatEntityFormComponent, deps: [{ token: i0.EnvironmentInjector }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.0", type: NgxMatEntityFormComponent, isStandalone: true, selector: "ngx-mat-entity-form", inputs: { entity: "entity", isEntityReadOnly: "isEntityReadOnly", hideOmitForCreate: "hideOmitForCreate", hideOmitForEdit: "hideOmitForEdit", additionalOmitKeys: "additionalOmitKeys" }, outputs: { formChange: "formChange", selectedTabChange: "selectedTabChange" }, ngImport: i0, template: "<!-- eslint-disable angular/cyclomatic-complexity -->\n<!-- eslint-disable angular/no-call-expression -->\n<mat-tab-group *ngIf=\"entityTabs.length > 1\" preserveContent (selectedTabChange)=\"selectedTabChange.emit()\">\n    <mat-tab *ngFor=\"let tab of entityTabs\" [label]=\"tab.tabName\">\n        <div *ngFor=\"let row of tab.rows\" class=\"row\">\n            <ngx-mat-entity-input\n                *ngFor=\"let key of row.keys\"\n                [entity]=\"entity\"\n                [propertyKey]=\"key\"\n                [hideOmitForEdit]=\"hideOmitForEdit\"\n                [hideOmitForCreate]=\"hideOmitForCreate\"\n                [class]=\"EntityUtilities.getWidthClasses(entity, key)\"\n                [isReadOnly]=\"isReadOnly(key)\"\n                (inputChangeEvent)=\"formChange.emit()\"\n            >\n            </ngx-mat-entity-input>\n        </div>\n    </mat-tab>\n</mat-tab-group>\n\n<div *ngIf=\"entityTabs.length <= 1\">\n    <span *ngIf=\"!entityTabs.length\" class=\"no-entity-tabs\">\n        ERROR: No Inputs. Did you correctly assign all values in the model constructor?\n    </span>\n    <div *ngFor=\"let row of entityTabs[0]?.rows\" class=\"row\">\n        <ngx-mat-entity-input\n            *ngFor=\"let key of row.keys\"\n            [entity]=\"entity\"\n            [propertyKey]=\"key\"\n            [hideOmitForEdit]=\"true\"\n            [class]=\"EntityUtilities.getWidthClasses(entity, key)\"\n            [isReadOnly]=\"isReadOnly(key)\"\n            (inputChangeEvent)=\"formChange.emit()\"\n        >\n        </ngx-mat-entity-input>\n    </div>\n</div>", styles: [".no-entity-tabs{padding:10px;background-color:red;color:#f5f5f5}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: MatTabsModule }, { kind: "component", type: i4$4.MatTab, selector: "mat-tab", inputs: ["disabled"], exportAs: ["matTab"] }, { kind: "component", type: i4$4.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "disableRipple", "fitInkBarToContent", "mat-stretch-tabs"], exportAs: ["matTabGroup"] }, { kind: "component", type: NgxMatEntityInputComponent, selector: "ngx-mat-entity-input", inputs: ["entity", "propertyKey", "getValidationErrorMessage", "hideOmitForCreate", "hideOmitForEdit", "validEmpty", "isReadOnly"], outputs: ["inputChangeEvent"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.0", type: NgxMatEntityFormComponent, isStandalone: true, selector: "ngx-mat-entity-form", inputs: { entity: "entity", isEntityReadOnly: "isEntityReadOnly", hideOmitForCreate: "hideOmitForCreate", hideOmitForEdit: "hideOmitForEdit", additionalOmitKeys: "additionalOmitKeys" }, outputs: { formChange: "formChange", selectedTabChange: "selectedTabChange" }, ngImport: i0, template: "<!-- eslint-disable angular/cyclomatic-complexity -->\n<!-- eslint-disable angular/no-call-expression -->\n<mat-tab-group *ngIf=\"entityTabs.length > 1\" preserveContent (selectedTabChange)=\"selectedTabChange.emit()\">\n    <mat-tab *ngFor=\"let tab of entityTabs\" [label]=\"tab.tabName\">\n        <div *ngFor=\"let row of tab.rows\" class=\"row\">\n            <ngx-mat-entity-input\n                *ngFor=\"let key of row.keys\"\n                [entity]=\"entity\"\n                [propertyKey]=\"key\"\n                [hideOmitForEdit]=\"hideOmitForEdit\"\n                [hideOmitForCreate]=\"hideOmitForCreate\"\n                [class]=\"EntityUtilities.getWidthClasses(entity, key)\"\n                [isReadOnly]=\"isReadOnly(key)\"\n                (inputChangeEvent)=\"formChange.emit()\"\n            >\n            </ngx-mat-entity-input>\n        </div>\n    </mat-tab>\n</mat-tab-group>\n\n<div *ngIf=\"entityTabs.length <= 1\">\n    <span *ngIf=\"!entityTabs.length\" class=\"no-entity-tabs\">\n        ERROR: No Inputs. Did you correctly assign all values in the model constructor?\n    </span>\n    <div *ngFor=\"let row of entityTabs[0]?.rows\" class=\"row\">\n        <ngx-mat-entity-input\n            *ngFor=\"let key of row.keys\"\n            [entity]=\"entity\"\n            [propertyKey]=\"key\"\n            [hideOmitForEdit]=\"hideOmitForEdit\"\n            [hideOmitForCreate]=\"hideOmitForCreate\"\n            [class]=\"EntityUtilities.getWidthClasses(entity, key)\"\n            [isReadOnly]=\"isReadOnly(key)\"\n            (inputChangeEvent)=\"formChange.emit()\"\n        >\n        </ngx-mat-entity-input>\n    </div>\n</div>", styles: [".no-entity-tabs{padding:10px;background-color:red;color:#f5f5f5}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: MatTabsModule }, { kind: "component", type: i4$4.MatTab, selector: "mat-tab", inputs: ["disabled"], exportAs: ["matTab"] }, { kind: "component", type: i4$4.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "disableRipple", "fitInkBarToContent", "mat-stretch-tabs"], exportAs: ["matTabGroup"] }, { kind: "component", type: NgxMatEntityInputComponent, selector: "ngx-mat-entity-input", inputs: ["entity", "propertyKey", "getValidationErrorMessage", "hideOmitForCreate", "hideOmitForEdit", "validEmpty", "isReadOnly"], outputs: ["inputChangeEvent"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.0", ngImport: i0, type: NgxMatEntityFormComponent, decorators: [{
             type: Component,
@@ -6625,7 +6626,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.0", ngImpor
                         NgFor,
                         MatTabsModule,
                         NgxMatEntityInputComponent
-                    ], template: "<!-- eslint-disable angular/cyclomatic-complexity -->\n<!-- eslint-disable angular/no-call-expression -->\n<mat-tab-group *ngIf=\"entityTabs.length > 1\" preserveContent (selectedTabChange)=\"selectedTabChange.emit()\">\n    <mat-tab *ngFor=\"let tab of entityTabs\" [label]=\"tab.tabName\">\n        <div *ngFor=\"let row of tab.rows\" class=\"row\">\n            <ngx-mat-entity-input\n                *ngFor=\"let key of row.keys\"\n                [entity]=\"entity\"\n                [propertyKey]=\"key\"\n                [hideOmitForEdit]=\"hideOmitForEdit\"\n                [hideOmitForCreate]=\"hideOmitForCreate\"\n                [class]=\"EntityUtilities.getWidthClasses(entity, key)\"\n                [isReadOnly]=\"isReadOnly(key)\"\n                (inputChangeEvent)=\"formChange.emit()\"\n            >\n            </ngx-mat-entity-input>\n        </div>\n    </mat-tab>\n</mat-tab-group>\n\n<div *ngIf=\"entityTabs.length <= 1\">\n    <span *ngIf=\"!entityTabs.length\" class=\"no-entity-tabs\">\n        ERROR: No Inputs. Did you correctly assign all values in the model constructor?\n    </span>\n    <div *ngFor=\"let row of entityTabs[0]?.rows\" class=\"row\">\n        <ngx-mat-entity-input\n            *ngFor=\"let key of row.keys\"\n            [entity]=\"entity\"\n            [propertyKey]=\"key\"\n            [hideOmitForEdit]=\"true\"\n            [class]=\"EntityUtilities.getWidthClasses(entity, key)\"\n            [isReadOnly]=\"isReadOnly(key)\"\n            (inputChangeEvent)=\"formChange.emit()\"\n        >\n        </ngx-mat-entity-input>\n    </div>\n</div>", styles: [".no-entity-tabs{padding:10px;background-color:red;color:#f5f5f5}\n"] }]
+                    ], template: "<!-- eslint-disable angular/cyclomatic-complexity -->\n<!-- eslint-disable angular/no-call-expression -->\n<mat-tab-group *ngIf=\"entityTabs.length > 1\" preserveContent (selectedTabChange)=\"selectedTabChange.emit()\">\n    <mat-tab *ngFor=\"let tab of entityTabs\" [label]=\"tab.tabName\">\n        <div *ngFor=\"let row of tab.rows\" class=\"row\">\n            <ngx-mat-entity-input\n                *ngFor=\"let key of row.keys\"\n                [entity]=\"entity\"\n                [propertyKey]=\"key\"\n                [hideOmitForEdit]=\"hideOmitForEdit\"\n                [hideOmitForCreate]=\"hideOmitForCreate\"\n                [class]=\"EntityUtilities.getWidthClasses(entity, key)\"\n                [isReadOnly]=\"isReadOnly(key)\"\n                (inputChangeEvent)=\"formChange.emit()\"\n            >\n            </ngx-mat-entity-input>\n        </div>\n    </mat-tab>\n</mat-tab-group>\n\n<div *ngIf=\"entityTabs.length <= 1\">\n    <span *ngIf=\"!entityTabs.length\" class=\"no-entity-tabs\">\n        ERROR: No Inputs. Did you correctly assign all values in the model constructor?\n    </span>\n    <div *ngFor=\"let row of entityTabs[0]?.rows\" class=\"row\">\n        <ngx-mat-entity-input\n            *ngFor=\"let key of row.keys\"\n            [entity]=\"entity\"\n            [propertyKey]=\"key\"\n            [hideOmitForEdit]=\"hideOmitForEdit\"\n            [hideOmitForCreate]=\"hideOmitForCreate\"\n            [class]=\"EntityUtilities.getWidthClasses(entity, key)\"\n            [isReadOnly]=\"isReadOnly(key)\"\n            (inputChangeEvent)=\"formChange.emit()\"\n        >\n        </ngx-mat-entity-input>\n    </div>\n</div>", styles: [".no-entity-tabs{padding:10px;background-color:red;color:#f5f5f5}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.EnvironmentInjector }]; }, propDecorators: { entity: [{
                 type: Input,
                 args: [{ required: true }]