@trudb/tru-common-lib 0.1.3 → 0.1.5

package/fesm2022/trudb-tru-common-lib.mjs

@@ -2822,28 +2822,61 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImpor
                 }]
         }] });
 
-class TruGridValidationDialogConfig {
+var TruValidationDialogContext;
+(function (TruValidationDialogContext) {
+    TruValidationDialogContext[TruValidationDialogContext["Control"] = 0] = "Control";
+    TruValidationDialogContext[TruValidationDialogContext["Grid"] = 1] = "Grid";
+    TruValidationDialogContext[TruValidationDialogContext["Card"] = 2] = "Card";
+})(TruValidationDialogContext || (TruValidationDialogContext = {}));
+
+class TruValidationDialogConfig {
     _entity;
-    _propertyName;
-    _errorMsg;
-    _mergeData;
+    _propertyConfig;
+    _context;
+    _isSubProperty;
+    _ignore;
+    _propertyName = '';
+    _errorMsg = '';
+    _mergeData = null;
     get entity() {
         return this._entity;
     }
+    get propertyConfig() {
+        return this._propertyConfig;
+    }
+    get context() {
+        return this._context;
+    }
+    get isSubProperty() {
+        return this._isSubProperty;
+    }
+    get ignore() {
+        return this._ignore;
+    }
     get propertyName() {
         return this._propertyName;
     }
+    set propertyName(value) {
+        this._propertyName = value;
+    }
     get errorMsg() {
         return this._errorMsg;
     }
+    set errorMsg(value) {
+        this._errorMsg = value;
+    }
     get mergeData() {
         return this._mergeData;
     }
-    constructor(entity, propertyName, errorMsg, mergeData = null) {
+    set mergeData(value) {
+        this._mergeData = value;
+    }
+    constructor(entity, propertyConfig, context = TruValidationDialogContext.Control, isSubProperty = false, ignore = false) {
         this._entity = entity;
-        this._propertyName = propertyName;
-        this._errorMsg = errorMsg;
-        this._mergeData = mergeData;
+        this._propertyConfig = propertyConfig;
+        this._context = context;
+        this._isSubProperty = isSubProperty;
+        this._ignore = ignore;
     }
 }
 
@@ -2943,7 +2976,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImpor
                 }]
         }], ctorParameters: () => [] });
 
-class TruGridValidationDialog {
+class TruValidationDialog {
     renderer;
     elementRef;
     util;
@@ -2971,7 +3004,6 @@ class TruGridValidationDialog {
             entity.entityAspect.setUnchanged();
         entity.Merge_Data_Set.clearAll();
         entity.entityAspect.validateEntity();
-        this.close.emit();
     };
     onAccept = () => {
         let entity = this.config.entity;
@@ -2984,35 +3016,54 @@ class TruGridValidationDialog {
         if (this.config.mergeData?.isEmpty())
             entity.entityAspect.setUnchanged();
         entity.entityAspect.validateEntity();
-        this.close.emit();
     };
     onDecline = () => {
         let entity = this.config.entity;
         this.config.mergeData?.clearAll();
         entity.entityAspect.validateEntity();
-        this.close.emit();
     };
-    ngOnInit() { }
-    ngAfterViewInit() {
-        this.rowElement = this.util.findClosestAncestorByClass(this.elementRef.nativeElement, '.ag-row');
-        this.cellElement = this.util.findClosestAncestorByClass(this.elementRef.nativeElement, '.ag-cell-value');
-        this.rowElement.style.zIndex = '10000000000';
-        this.cellElement.classList.add('show');
+    ngOnInit() {
         this.errorMsg = this.config.errorMsg;
+        if (this.config.context === TruValidationDialogContext.Control) {
+            var invalidTarget = this.util.findClosestAncestorByClass(this.elementRef.nativeElement, '.invalid-target');
+            this.listeners.push(this.renderer.listen(invalidTarget, 'mouseenter', (event) => {
+                this.elementRef.nativeElement.childNodes[0].classList.remove('hide');
+                this.elementRef.nativeElement.childNodes[0].classList.add('show');
+            }));
+            this.listeners.push(this.renderer.listen(invalidTarget, 'mouseleave', (event) => {
+                this.elementRef.nativeElement.childNodes[0].classList.remove('show');
+                this.elementRef.nativeElement.childNodes[0].classList.add('hide');
+            }));
+        }
+        else if (this.config.context === TruValidationDialogContext.Grid) {
+            this.rowElement = this.util.findClosestAncestorByClass(this.elementRef.nativeElement, '.ag-row');
+            this.cellElement = this.util.findClosestAncestorByClass(this.elementRef.nativeElement, '.ag-cell-value');
+            this.rowElement.style.zIndex = '10000000000';
+            this.cellElement.classList.add('show');
+            this.errorMsg = this.config.errorMsg;
+        }
+    }
+    ngAfterViewInit() {
+        if (this.config.context === TruValidationDialogContext.Control)
+            this.util.findClosestAncestorByClass(this.elementRef.nativeElement, '.invalid-target').classList.add('invalid');
     }
     ngOnDestroy() {
-        this.rowElement = this.util.findClosestAncestorByClass(this.elementRef.nativeElement, '.ag-row');
-        this.cellElement = this.util.findClosestAncestorByClass(this.elementRef.nativeElement, '.ag-cell-value');
-        this.rowElement.style.zIndex = 'auto';
-        this.cellElement.classList.remove('show');
+        if (this.config.context === TruValidationDialogContext.Control)
+            this.util.findClosestAncestorByClass(this.elementRef.nativeElement, '.invalid-target').classList.remove('invalid');
+        else if (this.config.context === TruValidationDialogContext.Grid) {
+            this.rowElement = this.util.findClosestAncestorByClass(this.elementRef.nativeElement, '.ag-row');
+            this.cellElement = this.util.findClosestAncestorByClass(this.elementRef.nativeElement, '.ag-cell-value');
+            this.rowElement.style.zIndex = 'auto';
+            this.cellElement.classList.remove('show');
+        }
         this.listeners.forEach(l => l());
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: TruGridValidationDialog, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: TruUtil }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", type: TruGridValidationDialog, selector: "tru-grid-validation-dialog", inputs: { config: "config" }, outputs: { close: "close" }, ngImport: i0, template: "<i class=\"icon-warning-sign icon-white\"></i>{{config.errorMsg}}\r\n<div *ngIf=\"config.mergeData\">\r\n  <button class=\"md-primary md-button ng-scope md-ink-ripple merge-button\" (click)=\"onAcceptAll()\">Accept All</button>\r\n  <button class=\"md-primary md-button ng-scope md-ink-ripple merge-button\" (click)=\"onAccept()\">Accept</button>\r\n  <button class=\"md-primary md-button ng-scope md-ink-ripple merge-button\" (click)=\"onDecline()\">Decline</button>\r\n</div>\r\n", styles: ["::ng-deep .ag-row .ag-cell-value .invalid{position:absolute;left:0;top:22px;-moz-min-width:200px;-ms-min-width:200px;-o-min-width:200px;-webkit-min-width:200px;min-width:200px;min-height:20px;max-width:500px;max-height:500px;font-size:12px}::ng-deep .ag-row .ag-cell-value.hide .invalid{display:none!important}::ng-deep .ag-row .ag-cell-value.show .invalid{display:inline-block!important}::ng-deep .ag-row .ag-cell-value.invalid.show{overflow:visible!important}.invalid-flag{box-sizing:border-box;position:absolute;left:0;top:0;width:8px;height:8px;border-bottom:solid 4px transparent;border-right:solid 4px transparent;border-left:solid 4px red;border-top:solid 4px red}.invalid-triangle:after{box-sizing:border-box}::ng-deep .ag-row .ag-cell-value .invalid{background-color:#bd362f;margin:2px 0 0;padding:4px 10px;border-radius:3px!important;background-position:15px center;background-repeat:no-repeat;-ms-box-shadow:0 0 12px #999999;box-shadow:0 0 12px #999;color:#fff;-ms-opacity:.9;opacity:.9;z-index:1000}.merge-button{margin:5px;background-color:#fff}::ng-deep .mat-mdc-form-field.invalid .mdc-line-ripple:before{border-bottom-color:red!important}::ng-deep .mat-mdc-form-field.invalid .mdc-line-ripple:after{border-bottom-color:red!important}.invalid{font-family:Calibri,Helvetica,Arial,sans-serif!important}i{line-height:24px!important}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: TruValidationDialog, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: TruUtil }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", type: TruValidationDialog, selector: "tru-validation-dialog", inputs: { config: "config" }, outputs: { close: "close" }, ngImport: i0, template: "<div class=\"invalid hide\">\r\n  <i class=\"icon-warning-sign icon-white\"></i>{{config.errorMsg}}\r\n  <div *ngIf=\"config.mergeData\">\r\n    <button class=\"md-primary md-button ng-scope md-ink-ripple merge-button\" (click)=\"onAcceptAll()\">Accept All</button>\r\n    <button class=\"md-primary md-button ng-scope md-ink-ripple merge-button\" (click)=\"onAccept()\">Accept</button>\r\n    <button class=\"md-primary md-button ng-scope md-ink-ripple merge-button\" (click)=\"onDecline()\">Decline</button>\r\n  </div>\r\n</div>\r\n<span class=\"invalid-flag\"></span>\r\n", styles: [".invalid{position:absolute;left:0;top:24px;-moz-min-width:200px;-ms-min-width:200px;-o-min-width:200px;-webkit-min-width:200px;min-width:200px;min-height:20px;max-width:500px;max-height:500px;font-size:12px!important;display:inline-block!important}.invalid-flag{box-sizing:border-box;position:absolute;left:0;top:0;width:8px;height:8px;border-bottom:solid 4px transparent;border-right:solid 4px transparent;border-left:solid 4px red;border-top:solid 4px red}.invalid-triangle:after{box-sizing:border-box}.invalid{background-color:#bd362f;margin:2px 0 0;padding:4px 10px;border-radius:3px!important;background-position:15px center;background-repeat:no-repeat;-ms-box-shadow:0 0 12px #999999;box-shadow:0 0 12px #999;color:#fff;-ms-opacity:.9;opacity:.9;z-index:1000}.merge-button{margin:5px;background-color:#fff}::ng-deep .mat-mdc-form-field.invalid .mdc-line-ripple:before{border-bottom-color:red!important}::ng-deep .mat-mdc-form-field.invalid .mdc-line-ripple:after{border-bottom-color:red!important}.invalid{font-family:Calibri,Helvetica,Arial,sans-serif!important}i{line-height:24px!important}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: TruGridValidationDialog, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: TruValidationDialog, decorators: [{
             type: Component,
-            args: [{ selector: 'tru-grid-validation-dialog', template: "<i class=\"icon-warning-sign icon-white\"></i>{{config.errorMsg}}\r\n<div *ngIf=\"config.mergeData\">\r\n  <button class=\"md-primary md-button ng-scope md-ink-ripple merge-button\" (click)=\"onAcceptAll()\">Accept All</button>\r\n  <button class=\"md-primary md-button ng-scope md-ink-ripple merge-button\" (click)=\"onAccept()\">Accept</button>\r\n  <button class=\"md-primary md-button ng-scope md-ink-ripple merge-button\" (click)=\"onDecline()\">Decline</button>\r\n</div>\r\n", styles: ["::ng-deep .ag-row .ag-cell-value .invalid{position:absolute;left:0;top:22px;-moz-min-width:200px;-ms-min-width:200px;-o-min-width:200px;-webkit-min-width:200px;min-width:200px;min-height:20px;max-width:500px;max-height:500px;font-size:12px}::ng-deep .ag-row .ag-cell-value.hide .invalid{display:none!important}::ng-deep .ag-row .ag-cell-value.show .invalid{display:inline-block!important}::ng-deep .ag-row .ag-cell-value.invalid.show{overflow:visible!important}.invalid-flag{box-sizing:border-box;position:absolute;left:0;top:0;width:8px;height:8px;border-bottom:solid 4px transparent;border-right:solid 4px transparent;border-left:solid 4px red;border-top:solid 4px red}.invalid-triangle:after{box-sizing:border-box}::ng-deep .ag-row .ag-cell-value .invalid{background-color:#bd362f;margin:2px 0 0;padding:4px 10px;border-radius:3px!important;background-position:15px center;background-repeat:no-repeat;-ms-box-shadow:0 0 12px #999999;box-shadow:0 0 12px #999;color:#fff;-ms-opacity:.9;opacity:.9;z-index:1000}.merge-button{margin:5px;background-color:#fff}::ng-deep .mat-mdc-form-field.invalid .mdc-line-ripple:before{border-bottom-color:red!important}::ng-deep .mat-mdc-form-field.invalid .mdc-line-ripple:after{border-bottom-color:red!important}.invalid{font-family:Calibri,Helvetica,Arial,sans-serif!important}i{line-height:24px!important}\n"] }]
+            args: [{ selector: 'tru-validation-dialog', template: "<div class=\"invalid hide\">\r\n  <i class=\"icon-warning-sign icon-white\"></i>{{config.errorMsg}}\r\n  <div *ngIf=\"config.mergeData\">\r\n    <button class=\"md-primary md-button ng-scope md-ink-ripple merge-button\" (click)=\"onAcceptAll()\">Accept All</button>\r\n    <button class=\"md-primary md-button ng-scope md-ink-ripple merge-button\" (click)=\"onAccept()\">Accept</button>\r\n    <button class=\"md-primary md-button ng-scope md-ink-ripple merge-button\" (click)=\"onDecline()\">Decline</button>\r\n  </div>\r\n</div>\r\n<span class=\"invalid-flag\"></span>\r\n", styles: [".invalid{position:absolute;left:0;top:24px;-moz-min-width:200px;-ms-min-width:200px;-o-min-width:200px;-webkit-min-width:200px;min-width:200px;min-height:20px;max-width:500px;max-height:500px;font-size:12px!important;display:inline-block!important}.invalid-flag{box-sizing:border-box;position:absolute;left:0;top:0;width:8px;height:8px;border-bottom:solid 4px transparent;border-right:solid 4px transparent;border-left:solid 4px red;border-top:solid 4px red}.invalid-triangle:after{box-sizing:border-box}.invalid{background-color:#bd362f;margin:2px 0 0;padding:4px 10px;border-radius:3px!important;background-position:15px center;background-repeat:no-repeat;-ms-box-shadow:0 0 12px #999999;box-shadow:0 0 12px #999;color:#fff;-ms-opacity:.9;opacity:.9;z-index:1000}.merge-button{margin:5px;background-color:#fff}::ng-deep .mat-mdc-form-field.invalid .mdc-line-ripple:before{border-bottom-color:red!important}::ng-deep .mat-mdc-form-field.invalid .mdc-line-ripple:after{border-bottom-color:red!important}.invalid{font-family:Calibri,Helvetica,Arial,sans-serif!important}i{line-height:24px!important}\n"] }]
         }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: TruUtil }], propDecorators: { config: [{
                 type: Input
             }], close: [{
@@ -3872,7 +3923,7 @@ class TruDataGrid {
             if (targetProperty && targetProperty.Merge_Data) {
                 return targetProperty.Merge_Data_Set;
             }
-            return undefined;
+            return null;
         }
         else {
             return entityToValidate.Merge_Data_Set?.get(config.propertyName) ? entityToValidate.Merge_Data_Set : undefined;
@@ -3884,7 +3935,7 @@ class TruDataGrid {
         let dialogElement = document.createElement('div');
         dialogElement.classList.add('invalid');
         target.appendChild(dialogElement);
-        let componentRef = createComponent(TruGridValidationDialog, {
+        let componentRef = createComponent(TruValidationDialog, {
             environmentInjector: this.app.injector,
             hostElement: dialogElement,
         });
@@ -3907,7 +3958,10 @@ class TruDataGrid {
             let entityToValidate = e.data.$entity;
             let validationErrorsForProperty = this.dataContext.getValidationErrorsForProperty(e.data.$entity, fieldName);
             let validationErrorsMessagesForProperty = this.dataContext.parseErrorMessages(validationErrorsForProperty);
-            this.addValidationDialog(new TruGridValidationDialogConfig(entityToValidate, fieldName, validationErrorsMessagesForProperty, this.getMergeData(propertyConfig, entityToValidate)), targetElement);
+            let validationDialogConfig = new TruValidationDialogConfig(entityToValidate, propertyConfig, TruValidationDialogContext.Grid, false);
+            validationDialogConfig.errorMsg = validationErrorsMessagesForProperty;
+            validationDialogConfig.mergeData = this.getMergeData(propertyConfig, entityToValidate);
+            this.addValidationDialog(validationDialogConfig, targetElement);
         }
     }
     onCellMouseOut(e) {
@@ -6514,6 +6568,82 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImpor
                 }]
         }] });
 
+class TruGridValidationDialog {
+    renderer;
+    elementRef;
+    util;
+    config;
+    close = new EventEmitter();
+    errorMsg = '';
+    rowElement;
+    cellElement;
+    listeners = [];
+    constructor(renderer, elementRef, util) {
+        this.renderer = renderer;
+        this.elementRef = elementRef;
+        this.util = util;
+    }
+    onAcceptAll = () => {
+        let entity = this.config.entity;
+        let originalValues = entity.entityAspect.originalValues;
+        for (const key in this.config.mergeData?.getAll()) {
+            entity[key] = this.config.mergeData?.get(key).value;
+            if (originalValues.hasOwnProperty(key))
+                delete originalValues[key];
+        }
+        ;
+        if (Object.keys(originalValues).length === 0 && originalValues.constructor === Object)
+            entity.entityAspect.setUnchanged();
+        entity.Merge_Data_Set.clearAll();
+        entity.entityAspect.validateEntity();
+        this.close.emit();
+    };
+    onAccept = () => {
+        let entity = this.config.entity;
+        let originalValues = entity.entityAspect.originalValues;
+        let propertyName = this.config.propertyName;
+        entity[propertyName] = this.config.mergeData?.get(propertyName).value;
+        this.config.mergeData?.clear(propertyName);
+        if (originalValues.hasOwnProperty(propertyName) && (Object.keys(originalValues).length === 0 && originalValues.constructor === Object))
+            delete originalValues[propertyName];
+        if (this.config.mergeData?.isEmpty())
+            entity.entityAspect.setUnchanged();
+        entity.entityAspect.validateEntity();
+        this.close.emit();
+    };
+    onDecline = () => {
+        let entity = this.config.entity;
+        this.config.mergeData?.clearAll();
+        entity.entityAspect.validateEntity();
+        this.close.emit();
+    };
+    ngOnInit() { }
+    ngAfterViewInit() {
+        this.rowElement = this.util.findClosestAncestorByClass(this.elementRef.nativeElement, '.ag-row');
+        this.cellElement = this.util.findClosestAncestorByClass(this.elementRef.nativeElement, '.ag-cell-value');
+        this.rowElement.style.zIndex = '10000000000';
+        this.cellElement.classList.add('show');
+        this.errorMsg = this.config.errorMsg;
+    }
+    ngOnDestroy() {
+        this.rowElement = this.util.findClosestAncestorByClass(this.elementRef.nativeElement, '.ag-row');
+        this.cellElement = this.util.findClosestAncestorByClass(this.elementRef.nativeElement, '.ag-cell-value');
+        this.rowElement.style.zIndex = 'auto';
+        this.cellElement.classList.remove('show');
+        this.listeners.forEach(l => l());
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: TruGridValidationDialog, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: TruUtil }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", type: TruGridValidationDialog, selector: "tru-grid-validation-dialog", inputs: { config: "config" }, outputs: { close: "close" }, ngImport: i0, template: "<i class=\"icon-warning-sign icon-white\"></i>{{config.errorMsg}}\r\n<div *ngIf=\"config.mergeData\">\r\n  <button class=\"md-primary md-button ng-scope md-ink-ripple merge-button\" (click)=\"onAcceptAll()\">Accept All</button>\r\n  <button class=\"md-primary md-button ng-scope md-ink-ripple merge-button\" (click)=\"onAccept()\">Accept</button>\r\n  <button class=\"md-primary md-button ng-scope md-ink-ripple merge-button\" (click)=\"onDecline()\">Decline</button>\r\n</div>\r\n", styles: ["::ng-deep .ag-row .ag-cell-value .invalid{position:absolute;left:0;top:22px;-moz-min-width:200px;-ms-min-width:200px;-o-min-width:200px;-webkit-min-width:200px;min-width:200px;min-height:20px;max-width:500px;max-height:500px;font-size:12px}::ng-deep .ag-row .ag-cell-value.hide .invalid{display:none!important}::ng-deep .ag-row .ag-cell-value.show .invalid{display:inline-block!important}::ng-deep .ag-row .ag-cell-value.invalid.show{overflow:visible!important}.invalid-flag{box-sizing:border-box;position:absolute;left:0;top:0;width:8px;height:8px;border-bottom:solid 4px transparent;border-right:solid 4px transparent;border-left:solid 4px red;border-top:solid 4px red}.invalid-triangle:after{box-sizing:border-box}::ng-deep .ag-row .ag-cell-value .invalid{background-color:#bd362f;margin:2px 0 0;padding:4px 10px;border-radius:3px!important;background-position:15px center;background-repeat:no-repeat;-ms-box-shadow:0 0 12px #999999;box-shadow:0 0 12px #999;color:#fff;-ms-opacity:.9;opacity:.9;z-index:1000}.merge-button{margin:5px;background-color:#fff}::ng-deep .mat-mdc-form-field.invalid .mdc-line-ripple:before{border-bottom-color:red!important}::ng-deep .mat-mdc-form-field.invalid .mdc-line-ripple:after{border-bottom-color:red!important}.invalid{font-family:Calibri,Helvetica,Arial,sans-serif!important}i{line-height:24px!important}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: TruGridValidationDialog, decorators: [{
+            type: Component,
+            args: [{ selector: 'tru-grid-validation-dialog', template: "<i class=\"icon-warning-sign icon-white\"></i>{{config.errorMsg}}\r\n<div *ngIf=\"config.mergeData\">\r\n  <button class=\"md-primary md-button ng-scope md-ink-ripple merge-button\" (click)=\"onAcceptAll()\">Accept All</button>\r\n  <button class=\"md-primary md-button ng-scope md-ink-ripple merge-button\" (click)=\"onAccept()\">Accept</button>\r\n  <button class=\"md-primary md-button ng-scope md-ink-ripple merge-button\" (click)=\"onDecline()\">Decline</button>\r\n</div>\r\n", styles: ["::ng-deep .ag-row .ag-cell-value .invalid{position:absolute;left:0;top:22px;-moz-min-width:200px;-ms-min-width:200px;-o-min-width:200px;-webkit-min-width:200px;min-width:200px;min-height:20px;max-width:500px;max-height:500px;font-size:12px}::ng-deep .ag-row .ag-cell-value.hide .invalid{display:none!important}::ng-deep .ag-row .ag-cell-value.show .invalid{display:inline-block!important}::ng-deep .ag-row .ag-cell-value.invalid.show{overflow:visible!important}.invalid-flag{box-sizing:border-box;position:absolute;left:0;top:0;width:8px;height:8px;border-bottom:solid 4px transparent;border-right:solid 4px transparent;border-left:solid 4px red;border-top:solid 4px red}.invalid-triangle:after{box-sizing:border-box}::ng-deep .ag-row .ag-cell-value .invalid{background-color:#bd362f;margin:2px 0 0;padding:4px 10px;border-radius:3px!important;background-position:15px center;background-repeat:no-repeat;-ms-box-shadow:0 0 12px #999999;box-shadow:0 0 12px #999;color:#fff;-ms-opacity:.9;opacity:.9;z-index:1000}.merge-button{margin:5px;background-color:#fff}::ng-deep .mat-mdc-form-field.invalid .mdc-line-ripple:before{border-bottom-color:red!important}::ng-deep .mat-mdc-form-field.invalid .mdc-line-ripple:after{border-bottom-color:red!important}.invalid{font-family:Calibri,Helvetica,Arial,sans-serif!important}i{line-height:24px!important}\n"] }]
+        }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: TruUtil }], propDecorators: { config: [{
+                type: Input
+            }], close: [{
+                type: Output
+            }] } });
+
 class TruGridValidationDialogModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: TruGridValidationDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
     static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.2", ngImport: i0, type: TruGridValidationDialogModule, declarations: [TruGridValidationDialog], imports: [CommonModule, FormsModule], exports: [TruGridValidationDialog] });
@@ -6879,136 +7009,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImpor
                 }]
         }] });
 
-class TruValidationDialog {
-    renderer;
-    elementRef;
-    util;
-    config;
-    errorMsg = '';
-    listeners = [];
-    constructor(renderer, elementRef, util) {
-        this.renderer = renderer;
-        this.elementRef = elementRef;
-        this.util = util;
-    }
-    onAcceptAll = () => {
-        let entity = this.config.entity;
-        let originalValues = entity.entityAspect.originalValues;
-        for (const key in this.config.mergeData?.getAll()) {
-            entity[key] = this.config.mergeData?.get(key).value;
-            if (originalValues.hasOwnProperty(key))
-                delete originalValues[key];
-        }
-        ;
-        if (Object.keys(originalValues).length === 0 && originalValues.constructor === Object)
-            entity.entityAspect.setUnchanged();
-        entity.Merge_Data_Set.clearAll();
-        entity.entityAspect.validateEntity();
-    };
-    onAccept = () => {
-        let entity = this.config.entity;
-        let originalValues = entity.entityAspect.originalValues;
-        let propertyName = this.config.propertyName;
-        entity[propertyName] = this.config.mergeData?.get(propertyName).value;
-        this.config.mergeData?.clear(propertyName);
-        if (originalValues.hasOwnProperty(propertyName) && (Object.keys(originalValues).length === 0 && originalValues.constructor === Object))
-            delete originalValues[propertyName];
-        if (this.config.mergeData?.isEmpty())
-            entity.entityAspect.setUnchanged();
-        entity.entityAspect.validateEntity();
-    };
-    onDecline = () => {
-        let entity = this.config.entity;
-        this.config.mergeData?.clearAll();
-        entity.entityAspect.validateEntity();
-    };
-    ngOnInit() {
-        this.errorMsg = this.config.errorMsg;
-        var invalidTarget = this.util.findClosestAncestorByClass(this.elementRef.nativeElement, '.invalid-target');
-        this.listeners.push(this.renderer.listen(invalidTarget, 'mouseenter', (event) => {
-            this.elementRef.nativeElement.childNodes[0].classList.remove('hide');
-            this.elementRef.nativeElement.childNodes[0].classList.add('show');
-        }));
-        this.listeners.push(this.renderer.listen(invalidTarget, 'mouseleave', (event) => {
-            this.elementRef.nativeElement.childNodes[0].classList.remove('show');
-            this.elementRef.nativeElement.childNodes[0].classList.add('hide');
-        }));
-    }
-    ngAfterViewInit() {
-        this.util.findClosestAncestorByClass(this.elementRef.nativeElement, '.invalid-target').classList.add('invalid');
-    }
-    ngOnDestroy() {
-        this.util.findClosestAncestorByClass(this.elementRef.nativeElement, '.invalid-target').classList.remove('invalid');
-        this.listeners.forEach(l => l());
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: TruValidationDialog, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: TruUtil }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", type: TruValidationDialog, selector: "tru-validation-dialog", inputs: { config: "config" }, ngImport: i0, template: "<div class=\"invalid hide\">\r\n  <i class=\"icon-warning-sign icon-white\"></i>{{config.errorMsg}}\r\n  <div *ngIf=\"config.mergeData\">\r\n    <button class=\"md-primary md-button ng-scope md-ink-ripple merge-button\" (click)=\"onAcceptAll()\">Accept All</button>\r\n    <button class=\"md-primary md-button ng-scope md-ink-ripple merge-button\" (click)=\"onAccept()\">Accept</button>\r\n    <button class=\"md-primary md-button ng-scope md-ink-ripple merge-button\" (click)=\"onDecline()\">Decline</button>\r\n  </div>\r\n</div>\r\n<span class=\"invalid-flag\"></span>\r\n", styles: [".invalid{position:absolute;left:0;top:24px;-moz-min-width:200px;-ms-min-width:200px;-o-min-width:200px;-webkit-min-width:200px;min-width:200px;min-height:20px;max-width:500px;max-height:500px;font-size:12px!important;display:inline-block!important}.invalid-flag{box-sizing:border-box;position:absolute;left:0;top:0;width:8px;height:8px;border-bottom:solid 4px transparent;border-right:solid 4px transparent;border-left:solid 4px red;border-top:solid 4px red}.invalid-triangle:after{box-sizing:border-box}.invalid{background-color:#bd362f;margin:2px 0 0;padding:4px 10px;border-radius:3px!important;background-position:15px center;background-repeat:no-repeat;-ms-box-shadow:0 0 12px #999999;box-shadow:0 0 12px #999;color:#fff;-ms-opacity:.9;opacity:.9;z-index:1000}.merge-button{margin:5px;background-color:#fff}::ng-deep .mat-mdc-form-field.invalid .mdc-line-ripple:before{border-bottom-color:red!important}::ng-deep .mat-mdc-form-field.invalid .mdc-line-ripple:after{border-bottom-color:red!important}.invalid{font-family:Calibri,Helvetica,Arial,sans-serif!important}i{line-height:24px!important}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: TruValidationDialog, decorators: [{
-            type: Component,
-            args: [{ selector: 'tru-validation-dialog', template: "<div class=\"invalid hide\">\r\n  <i class=\"icon-warning-sign icon-white\"></i>{{config.errorMsg}}\r\n  <div *ngIf=\"config.mergeData\">\r\n    <button class=\"md-primary md-button ng-scope md-ink-ripple merge-button\" (click)=\"onAcceptAll()\">Accept All</button>\r\n    <button class=\"md-primary md-button ng-scope md-ink-ripple merge-button\" (click)=\"onAccept()\">Accept</button>\r\n    <button class=\"md-primary md-button ng-scope md-ink-ripple merge-button\" (click)=\"onDecline()\">Decline</button>\r\n  </div>\r\n</div>\r\n<span class=\"invalid-flag\"></span>\r\n", styles: [".invalid{position:absolute;left:0;top:24px;-moz-min-width:200px;-ms-min-width:200px;-o-min-width:200px;-webkit-min-width:200px;min-width:200px;min-height:20px;max-width:500px;max-height:500px;font-size:12px!important;display:inline-block!important}.invalid-flag{box-sizing:border-box;position:absolute;left:0;top:0;width:8px;height:8px;border-bottom:solid 4px transparent;border-right:solid 4px transparent;border-left:solid 4px red;border-top:solid 4px red}.invalid-triangle:after{box-sizing:border-box}.invalid{background-color:#bd362f;margin:2px 0 0;padding:4px 10px;border-radius:3px!important;background-position:15px center;background-repeat:no-repeat;-ms-box-shadow:0 0 12px #999999;box-shadow:0 0 12px #999;color:#fff;-ms-opacity:.9;opacity:.9;z-index:1000}.merge-button{margin:5px;background-color:#fff}::ng-deep .mat-mdc-form-field.invalid .mdc-line-ripple:before{border-bottom-color:red!important}::ng-deep .mat-mdc-form-field.invalid .mdc-line-ripple:after{border-bottom-color:red!important}.invalid{font-family:Calibri,Helvetica,Arial,sans-serif!important}i{line-height:24px!important}\n"] }]
-        }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: TruUtil }], propDecorators: { config: [{
-                type: Input
-            }] } });
-
-var TruValidationDialogContext;
-(function (TruValidationDialogContext) {
-    TruValidationDialogContext[TruValidationDialogContext["Control"] = 0] = "Control";
-    TruValidationDialogContext[TruValidationDialogContext["Grid"] = 1] = "Grid";
-    TruValidationDialogContext[TruValidationDialogContext["Card"] = 2] = "Card";
-})(TruValidationDialogContext || (TruValidationDialogContext = {}));
-
-class TruValidationDialogConfig {
-    _entity;
-    _propertyConfig;
-    _context;
-    _isSubProperty;
-    _ignore;
-    _propertyName = '';
-    _errorMsg = '';
-    _mergeData = null;
-    get entity() {
-        return this._entity;
-    }
-    get propertyConfig() {
-        return this._propertyConfig;
-    }
-    get context() {
-        return this._context;
-    }
-    get isSubProperty() {
-        return this._isSubProperty;
-    }
-    get ignore() {
-        return this._ignore;
-    }
-    get propertyName() {
-        return this._propertyName;
-    }
-    set propertyName(value) {
-        this._propertyName = value;
-    }
-    get errorMsg() {
-        return this._errorMsg;
-    }
-    set errorMsg(value) {
-        this._errorMsg = value;
-    }
-    get mergeData() {
-        return this._mergeData;
-    }
-    set mergeData(value) {
-        this._mergeData = value;
-    }
-    constructor(entity, propertyConfig, context = TruValidationDialogContext.Control, isSubProperty = false, ignore = false) {
-        this._entity = entity;
-        this._propertyConfig = propertyConfig;
-        this._context = context;
-        this._isSubProperty = isSubProperty;
-        this._ignore = ignore;
-    }
-}
-
 class TruValidationDialogModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: TruValidationDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
     static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.2", ngImport: i0, type: TruValidationDialogModule, declarations: [TruValidationDialog], imports: [CommonModule, FormsModule], exports: [TruValidationDialog] });
@@ -7881,5 +7881,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { DetailViewModule, TruAppEnvironment, TruAuth, TruAuthInterceptor, TruBreezeContext, TruBreezeContextFactory, TruBreezeGridValidator, TruBreezeGridValidatorModule, TruBreezeMetadataProvider, TruBreezeValidator, TruBreezeValidatorModule, TruChoice, TruCloudFileManager, TruColumn, TruColumnModule, TruCommonModule, TruComponentConfigBase, TruComponentLookup, TruConfirmDialog, TruConfirmDialogConfig, TruConfirmDialogModule, TruConnectionHub, TruContextFilter, TruContextFilterChoice, TruContextFilters, TruControlComponentConfigBase, TruDataChange, TruDataContext, TruDataGrid, TruDataGridCellRenderer, TruDataGridModule, TruDataGridTypes, TruDataGridUtil, TruDesktop, TruDesktopManager, TruDesktopModule, TruDesktopViewConfig, TruDetailViewBase, TruEditControlBase, TruEditControlConfigBase, TruEditParentControlConfigBase, TruEditPkeyControlConfigBase, TruEntityAccessor, TruEntityBase, TruExportDialog, TruExportDialogConfig, TruExportDialogModule, TruForm, TruFormModule, TruFormulaEval, TruGridValidationDialog, TruGridValidationDialogModule, TruGroupBox, TruGroupBoxModule, TruIconModule, TruListControlConfigBase, TruLogin, TruLoginModule, TruMatSelectPanel, TruMatSelectPanelModule, TruModelPropertyLookup, TruModelTypeLookup, TruNameValue, TruPasswordDialog, TruPasswordDialogModule, TruPredicate, TruPredicateMap, TruPropertyConfigBase, TruPropertyConfigCloudFile, TruPropertyConfigDate, TruPropertyConfigDecimal, TruPropertyConfigFile, TruPropertyConfigForeignKey, TruPropertyConfigInteger, TruPropertyConfigPassword, TruPropertyConfigPercentage, TruPropertyConfigScientific, TruPropertyConfigText, TruPropertyConfigTextChoices, TruPropertyConfigUsaAddress, TruPropertyConfigZipCode, TruQueryPredicateManager, TruRow, TruRowModule, TruSearchConfigBase, TruSearchControlBase, TruSearchControlConfigBase, TruSearchControlRangeBase, TruSearchIconModule, TruSearchPanelPositionManager, TruSearchPanelPositionManagerModule, TruSearchResultViewBase, TruSearchResultViewBaseModule, TruSearchResultViewManager, TruSearchViewBase, TruSearchViewBaseModule, TruSearchViewControlEventHandler, TruSearchViewEventHandler, TruSort, TruTableConfigBase, TruTableRegistry, TruTextManager, TruToolbar, TruToolbarButton, TruToolbarButtonModule, TruToolbarContextFilter, TruToolbarContextFilterModule, TruToolbarDropdown, TruToolbarDropdownModule, TruToolbarMenu, TruToolbarMenuModule, TruToolbarModule, TruToolbarSeparator, TruToolbarSeparatorModule, TruToolbarText, TruToolbarTextModule, TruToolbarUserProfile, TruToolbarUserProfileModule, TruUiNotification, TruUser, TruUtil, TruValidationDialog, TruValidationDialogConfig, TruValidationDialogModule, TruValidatorFactory, TruWindowActionEventHandler, TruWindowEventArgs, TruWindowEventHandler };
+export { DetailViewModule, TruAppEnvironment, TruAuth, TruAuthInterceptor, TruBreezeContext, TruBreezeContextFactory, TruBreezeGridValidator, TruBreezeGridValidatorModule, TruBreezeMetadataProvider, TruBreezeValidator, TruBreezeValidatorModule, TruChoice, TruCloudFileManager, TruColumn, TruColumnModule, TruCommonModule, TruComponentConfigBase, TruComponentLookup, TruConfirmDialog, TruConfirmDialogConfig, TruConfirmDialogModule, TruConnectionHub, TruContextFilter, TruContextFilterChoice, TruContextFilters, TruControlComponentConfigBase, TruDataChange, TruDataContext, TruDataGrid, TruDataGridCellRenderer, TruDataGridModule, TruDataGridTypes, TruDataGridUtil, TruDesktop, TruDesktopManager, TruDesktopModule, TruDesktopViewConfig, TruDetailViewBase, TruEditControlBase, TruEditControlConfigBase, TruEditParentControlConfigBase, TruEditPkeyControlConfigBase, TruEntityAccessor, TruEntityBase, TruExportDialog, TruExportDialogConfig, TruExportDialogModule, TruForm, TruFormModule, TruFormulaEval, TruGridValidationDialog, TruGridValidationDialogModule, TruGroupBox, TruGroupBoxModule, TruIconModule, TruListControlConfigBase, TruLogin, TruLoginModule, TruMatSelectPanel, TruMatSelectPanelModule, TruModelPropertyLookup, TruModelTypeLookup, TruNameValue, TruPasswordDialog, TruPasswordDialogModule, TruPredicate, TruPredicateMap, TruPropertyConfigBase, TruPropertyConfigCloudFile, TruPropertyConfigDate, TruPropertyConfigDecimal, TruPropertyConfigFile, TruPropertyConfigForeignKey, TruPropertyConfigInteger, TruPropertyConfigPassword, TruPropertyConfigPercentage, TruPropertyConfigScientific, TruPropertyConfigText, TruPropertyConfigTextChoices, TruPropertyConfigUsaAddress, TruPropertyConfigZipCode, TruQueryPredicateManager, TruRow, TruRowModule, TruSearchConfigBase, TruSearchControlBase, TruSearchControlConfigBase, TruSearchControlRangeBase, TruSearchIconModule, TruSearchPanelPositionManager, TruSearchPanelPositionManagerModule, TruSearchResultViewBase, TruSearchResultViewBaseModule, TruSearchResultViewManager, TruSearchViewBase, TruSearchViewBaseModule, TruSearchViewControlEventHandler, TruSearchViewEventHandler, TruSort, TruTableConfigBase, TruTableRegistry, TruTextManager, TruToolbar, TruToolbarButton, TruToolbarButtonModule, TruToolbarContextFilter, TruToolbarContextFilterModule, TruToolbarDropdown, TruToolbarDropdownModule, TruToolbarMenu, TruToolbarMenuModule, TruToolbarModule, TruToolbarSeparator, TruToolbarSeparatorModule, TruToolbarText, TruToolbarTextModule, TruToolbarUserProfile, TruToolbarUserProfileModule, TruUiNotification, TruUser, TruUtil, TruValidationDialog, TruValidationDialogConfig, TruValidationDialogContext, TruValidationDialogModule, TruValidatorFactory, TruWindowActionEventHandler, TruWindowEventArgs, TruWindowEventHandler };
 //# sourceMappingURL=trudb-tru-common-lib.mjs.map