@trudb/tru-common-lib 0.0.783 → 0.0.784
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/components/grid-validation-dialog/tru-grid-validation-dialog.mjs +9 -8
- package/fesm2022/trudb-tru-common-lib.mjs +8 -7
- package/fesm2022/trudb-tru-common-lib.mjs.map +1 -1
- package/lib/components/grid-validation-dialog/tru-grid-validation-dialog.d.ts +1 -0
- package/package.json +1 -1
|
@@ -8,6 +8,7 @@ export class TruGridValidationDialog {
|
|
|
8
8
|
util;
|
|
9
9
|
config;
|
|
10
10
|
errorMsg = '';
|
|
11
|
+
cellElement;
|
|
11
12
|
listeners = [];
|
|
12
13
|
constructor(renderer, elementRef, util) {
|
|
13
14
|
this.renderer = renderer;
|
|
@@ -58,28 +59,28 @@ export class TruGridValidationDialog {
|
|
|
58
59
|
ngOnInit() {
|
|
59
60
|
this.errorMsg = this.config.errorMsg;
|
|
60
61
|
this.listeners.push(this.renderer.listen(this.elementRef.nativeElement.previousElementSibling, 'mouseenter', (event) => {
|
|
61
|
-
this.
|
|
62
|
-
this.
|
|
62
|
+
this.cellElement.classList.remove('hide');
|
|
63
|
+
this.cellElement.classList.add('show');
|
|
63
64
|
}));
|
|
64
65
|
this.listeners.push(this.renderer.listen(this.elementRef.nativeElement.previousElementSibling, 'mouseleave', (event) => {
|
|
65
|
-
this.
|
|
66
|
-
this.
|
|
66
|
+
this.cellElement.classList.remove('show');
|
|
67
|
+
this.cellElement.classList.add('hide');
|
|
67
68
|
}));
|
|
68
69
|
}
|
|
69
70
|
ngAfterViewInit() {
|
|
70
|
-
this.util.findClosestAncestorByClass(this.elementRef.nativeElement, '.ag-cell-value').classList.add('invalid');
|
|
71
|
+
this.cellElement = this.util.findClosestAncestorByClass(this.elementRef.nativeElement, '.ag-cell-value').classList.add('invalid');
|
|
71
72
|
}
|
|
72
73
|
ngOnDestroy() {
|
|
73
74
|
this.util.findClosestAncestorByClass(this.elementRef.nativeElement, '.ag-cell-value').classList.remove('invalid');
|
|
74
75
|
this.listeners.forEach(l => l());
|
|
75
76
|
}
|
|
76
77
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: TruGridValidationDialog, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i1.TruUtil }], target: i0.ɵɵFactoryTarget.Component });
|
|
77
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", type: TruGridValidationDialog, selector: "tru-grid-validation-dialog", inputs: { config: "config" }, ngImport: i0, template: "<div class=\"invalid
|
|
78
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", type: TruGridValidationDialog, selector: "tru-grid-validation-dialog", inputs: { config: "config" }, ngImport: i0, template: "<div class=\"invalid\">\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{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}.ag-cell-value.hide .invalid{display:none!important}.ag-cell-value.show .invalid{display:inline-block!important;position:fixed}.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}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
78
79
|
}
|
|
79
80
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: TruGridValidationDialog, decorators: [{
|
|
80
81
|
type: Component,
|
|
81
|
-
args: [{ selector: 'tru-grid-validation-dialog', template: "<div class=\"invalid
|
|
82
|
+
args: [{ selector: 'tru-grid-validation-dialog', template: "<div class=\"invalid\">\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{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}.ag-cell-value.hide .invalid{display:none!important}.ag-cell-value.show .invalid{display:inline-block!important;position:fixed}.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}\n"] }]
|
|
82
83
|
}], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i1.TruUtil }], propDecorators: { config: [{
|
|
83
84
|
type: Input
|
|
84
85
|
}] } });
|
|
85
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
86
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJ1LWdyaWQtdmFsaWRhdGlvbi1kaWFsb2cuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90cnUtY29tbW9uLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvZ3JpZC12YWxpZGF0aW9uLWRpYWxvZy90cnUtZ3JpZC12YWxpZGF0aW9uLWRpYWxvZy50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3RydS1jb21tb24tbGliL3NyYy9saWIvY29tcG9uZW50cy9ncmlkLXZhbGlkYXRpb24tZGlhbG9nL3RydS1ncmlkLXZhbGlkYXRpb24tZGlhbG9nLmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBYyxLQUFLLEVBQWdDLE1BQU0sZUFBZSxDQUFDOzs7O0FBUzNGLE1BQU0sT0FBTyx1QkFBdUI7SUFTeEI7SUFDQTtJQUNBO0lBVkQsTUFBTSxDQUFpQztJQUVoRCxRQUFRLEdBQVcsRUFBRSxDQUFDO0lBRWQsV0FBVyxDQUFlO0lBQzFCLFNBQVMsR0FBc0IsRUFBRSxDQUFDO0lBRTFDLFlBQ1UsUUFBbUIsRUFDbkIsVUFBc0IsRUFDdEIsSUFBYTtRQUZiLGFBQVEsR0FBUixRQUFRLENBQVc7UUFDbkIsZUFBVSxHQUFWLFVBQVUsQ0FBWTtRQUN0QixTQUFJLEdBQUosSUFBSSxDQUFTO0lBQUksQ0FBQztJQUU1QixXQUFXLEdBQUcsR0FBRyxFQUFFO1FBQ2pCLElBQUksTUFBTSxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsTUFBYSxDQUFDO1FBQ3ZDLElBQUksY0FBYyxHQUFHLE1BQU0sQ0FBQyxZQUFZLENBQUMsY0FBYyxDQUFDO1FBRXhELEtBQUssTUFBTSxHQUFHLElBQUksSUFBSSxDQUFDLE1BQU0sQ0FBQyxTQUFTLEVBQUU7WUFDdkMsTUFBTSxDQUFDLEdBQUcsQ0FBQyxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsU0FBUyxDQUFDLE9BQU8sQ0FBQyxHQUFH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SUFDbkMsQ0FBQzt1R0FyRlUsdUJBQXVCOzJGQUF2Qix1QkFBdUIsZ0dDVHBDLDRqQkFTQTs7MkZEQWEsdUJBQXVCO2tCQUxuQyxTQUFTOytCQUNFLDRCQUE0Qjs2SEFLN0IsTUFBTTtzQkFBZCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBJbnB1dCwgT25EZXN0cm95LCBPbkluaXQsIFJlbmRlcmVyMiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBUcnVVdGlsIH0gZnJvbSAnLi4vLi4vc2VydmljZXMvdHJ1LXV0aWwnO1xyXG5pbXBvcnQgeyBUcnVHcmlkVmFsaWRhdGlvbkRpYWxvZ0NvbmZpZyB9IGZyb20gJy4vdHJ1LWdyaWQtdmFsaWRhdGlvbi1kaWFsb2ctY29uZmlnJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAndHJ1LWdyaWQtdmFsaWRhdGlvbi1kaWFsb2cnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi90cnUtZ3JpZC12YWxpZGF0aW9uLWRpYWxvZy5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi90cnUtZ3JpZC12YWxpZGF0aW9uLWRpYWxvZy5jc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgVHJ1R3JpZFZhbGlkYXRpb25EaWFsb2cgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XHJcbiAgQElucHV0KCkgY29uZmlnITogVHJ1R3JpZFZhbGlkYXRpb25EaWFsb2dDb25maWc7XHJcblxyXG4gIGVycm9yTXNnOiBzdHJpbmcgPSAnJztcclxuXHJcbiAgcHJpdmF0ZSBjZWxsRWxlbWVudCE6IEhUTUxFbGVtZW50O1xyXG4gIHByaXZhdGUgbGlzdGVuZXJzOiBBcnJheTwoKSA9PiB2b2lkPiA9IFtdO1xyXG5cclxuICBjb25zdHJ1Y3RvcihcclxuICAgIHByaXZhdGUgcmVuZGVyZXI6IFJlbmRlcmVyMixcclxuICAgIHByaXZhdGUgZWxlbWVudFJlZjogRWxlbWVudFJlZiwgXHJcbiAgICBwcml2YXRlIHV0aWw6IFRydVV0aWwpIHsgfVxyXG5cclxuICBvbkFjY2VwdEFsbCA9ICgpID0+IHtcclxuICAgIGxldCBlbnRpdHkgPSB0aGlzLmNvbmZpZy5lbnRpdHkgYXMgYW55O1xyXG4gICAgbGV0IG9yaWdpbmFsVmFsdWVzID0gZW50aXR5LmVudGl0eUFzcGVjdC5vcmlnaW5hbFZhbHVlcztcclxuXHJcbiAgICBmb3IgKGNvbnN0IGtleSBpbiB0aGlzLmNvbmZpZy5tZXJnZURhdGEpIHtcclxuICAgICAgZW50aXR5W2tleV0gPSB0aGlzLmNvbmZpZy5tZXJnZURhdGEuZ2V0RGF0YShrZXkpIS52YWx1ZTtcclxuICAgICAgaWYgKG9yaWdpbmFsVmFsdWVzLmhhc093blByb3BlcnR5KGtleSkpXHJcbiAgICAgICAgZGVsZXRlIG9yaWdpbmFsVmFsdWVzW2tleV07XHJcbiAgICB9O1xyXG5cclxuICAgIGlmIChPYmplY3Qua2V5cyhvcmlnaW5hbFZhbHVlcykubGVuZ3RoID09PSAwICYmIG9yaWdpbmFsVmFsdWVzLmNvbnN0cnVjdG9yID09PSBPYmplY3QpXHJcbiAgICAgIGVudGl0eS5lbnRpdHlBc3BlY3Quc2V0VW5jaGFuZ2VkKCk7XHJcblxyXG4gICAgZW50aXR5Lk1lcmdlX0RhdGFfU2V0ID0gSlNPTi5zdHJpbmdpZnkoe30pO1xyXG5cclxuICAgIGZvciAoY29uc3Qga2V5IGluIHRoaXMuY29uZmlnLm1lcmdlRGF0YSkge1xyXG4gICAgICBlbnRpdHkuZW50aXR5QXNwZWN0LnZhbGlkYXRlUHJvcGVydHkoa2V5KTtcclxuICAgIH07XHJcbiAgfVxyXG5cclxuICBvbkFjY2VwdCA9ICgpID0+IHtcclxuICAgIC8vbGV0IGVudGl0eSA9IHRoaXMuY29uZmlnLmVudGl0eSBhcyBhbnk7XHJcbiAgICAvL2xldCBvcmlnaW5hbFZhbHVlcyA9IGVudGl0eS5lbnRpdHlBc3BlY3Qub3JpZ2luYWxWYWx1ZXM7XHJcbiAgICAvL2xldCBwcm9wZXJ0eU5hbWUgPSAnJztcclxuXHJcbiAgICAvL2xldCBtZXJnZURhdGEgPSBKU09OLnBhcnNlKGVudGl0eS5NZXJnZV9EYXRhX1NldCk7XHJcbiAgICAvL2xldCBwcm9wZXJ0eU5hbWVLZXkgPSBwcm9wZXJ0eU5hbWUgYXMga2V5b2YgdHlwZW9mIHRoaXMubWVyZ2VEYXRhO1xyXG4gICAgLy9lbnRpdHlbcHJvcGVydHlOYW1lXSA9IHRoaXMuY29uZmlnLm1lcmdlRGF0YT8uZ2V0RGF0YShwcm9wZXJ0eU5hbWVLZXkpIS52YWx1ZTtcclxuICAgIC8vZGVsZXRlIHRoaXMubWVyZ2VEYXRhW3Byb3BlcnR5TmFtZUtleV07XHJcblxyXG4gICAgLy9pZiAob3JpZ2luYWxWYWx1ZXMuaGFzT3duUHJvcGVydHkocHJvcGVydHlOYW1lKSAmJiAoT2JqZWN0LmtleXMob3JpZ2luYWxWYWx1ZXMpLmxlbmd0aCA9PT0gMCAmJiBvcmlnaW5hbFZhbHVlcy5jb25zdHJ1Y3RvciA9PT0gT2JqZWN0KSlcclxuICAgIC8vICBkZWxldGUgb3JpZ2luYWxWYWx1ZXNbcHJvcGVydHlOYW1lXTtcclxuXHJcbiAgICAvL2lmICghT2JqZWN0LmtleXModGhpcy5tZXJnZURhdGEpLmxlbmd0aClcclxuICAgIC8vICBlbnRpdHkuZW50aXR5QXNwZWN0LnNldFVuY2hhbmdlZCgpO1xyXG5cclxuICAgIC8vZW50aXR5Lk1lcmdlX0RhdGEgPSBKU09OLnN0cmluZ2lmeSh0aGlzLm1lcmdlRGF0YSk7XHJcbiAgICAvL2VudGl0eS5lbnRpdHlBc3BlY3QudmFsaWRhdGVQcm9wZXJ0eShwcm9wZXJ0eU5hbWUpO1xyXG4gIH1cclxuXHJcbiAgb25EZWNsaW5lID0gKCkgPT4ge1xyXG4gICAgLy9sZXQgZW50aXR5ID0gdGhpcy5lbnRpdHkgYXMgYW55O1xyXG4gICAgLy9sZXQgcHJvcGVydHlOYW1lID0gJyc7XHJcblxyXG4gICAgLy90aGlzLm1lcmdlRGF0YSA9IEpTT04ucGFyc2UoZW50aXR5Lk1lcmdlX0RhdGEpO1xyXG4gICAgLy9sZXQgcHJvcGVydHlOYW1lS2V5ID0gcHJvcGVydHlOYW1lIGFzIGtleW9mIHR5cGVvZiB0aGlzLm1lcmdlRGF0YTtcclxuICAgIC8vZGVsZXRlIHRoaXMubWVyZ2VEYXRhW3Byb3BlcnR5TmFtZUtleV07XHJcbiAgICAvL2VudGl0eS5NZXJnZV9EYXRhID0gSlNPTi5zdHJpbmdpZnkodGhpcy5tZXJnZURhdGEpO1xyXG4gICAgLy9lbnRpdHkuZW50aXR5QXNwZWN0LnZhbGlkYXRlUHJvcGVydHkocHJvcGVydHlOYW1lKTtcclxuICB9XHJcblxyXG4gIG5nT25Jbml0KCkge1xyXG4gICAgdGhpcy5lcnJvck1zZyA9IHRoaXMuY29uZmlnLmVycm9yTXNnO1xyXG5cclxuICAgIHRoaXMubGlzdGVuZXJzLnB1c2godGhpcy5yZW5kZXJlci5saXN0ZW4odGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQucHJldmlvdXNFbGVtZW50U2libGluZywgJ21vdXNlZW50ZXInLCAoZXZlbnQ6IE1vdXNlRXZlbnQpID0+IHtcclxuICAgICAgdGhpcy5jZWxsRWxlbWVudC5jbGFzc0xpc3QucmVtb3ZlKCdoaWRlJyk7XHJcbiAgICAgIHRoaXMuY2VsbEVsZW1lbnQuY2xhc3NMaXN0LmFkZCgnc2hvdycpO1xyXG4gICAgfSkpO1xyXG5cclxuICAgIHRoaXMubGlzdGVuZXJzLnB1c2godGhpcy5yZW5kZXJlci5saXN0ZW4odGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQucHJldmlvdXNFbGVtZW50U2libGluZywgJ21vdXNlbGVhdmUnLCAoZXZlbnQ6IE1vdXNlRXZlbnQpID0+IHtcclxuICAgICAgdGhpcy5jZWxsRWxlbWVudC5jbGFzc0xpc3QucmVtb3ZlKCdzaG93Jyk7XHJcbiAgICAgIHRoaXMuY2VsbEVsZW1lbnQuY2xhc3NMaXN0LmFkZCgnaGlkZScpO1xyXG4gICAgfSkpO1xyXG4gIH1cclxuXHJcbiAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xyXG4gICAgdGhpcy5jZWxsRWxlbWVudCA9IHRoaXMudXRpbC5maW5kQ2xvc2VzdEFuY2VzdG9yQnlDbGFzcyh0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudCwgJy5hZy1jZWxsLXZhbHVlJykuY2xhc3NMaXN0LmFkZCgnaW52YWxpZCcpO1xyXG4gIH1cclxuXHJcbiAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XHJcbiAgICB0aGlzLnV0aWwuZmluZENsb3Nlc3RBbmNlc3RvckJ5Q2xhc3ModGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQsICcuYWctY2VsbC12YWx1ZScpLmNsYXNzTGlzdC5yZW1vdmUoJ2ludmFsaWQnKTtcclxuICAgIHRoaXMubGlzdGVuZXJzLmZvckVhY2gobCA9PiBsKCkpO1xyXG4gIH1cclxufVxyXG5cclxuIiwiPGRpdiBjbGFzcz1cImludmFsaWRcIj5cclxuICA8aSBjbGFzcz1cImljb24td2FybmluZy1zaWduIGljb24td2hpdGVcIj48L2k+e3tjb25maWcuZXJyb3JNc2d9fVxyXG4gIDxkaXYgKm5nSWY9XCJjb25maWcubWVyZ2VEYXRhXCI+XHJcbiAgICA8YnV0dG9uIGNsYXNzPVwibWQtcHJpbWFyeSBtZC1idXR0b24gbmctc2NvcGUgbWQtaW5rLXJpcHBsZSBtZXJnZS1idXR0b25cIiAoY2xpY2spPVwib25BY2NlcHRBbGwoKVwiPkFjY2VwdCBBbGw8L2J1dHRvbj5cclxuICAgIDxidXR0b24gY2xhc3M9XCJtZC1wcmltYXJ5IG1kLWJ1dHRvbiBuZy1zY29wZSBtZC1pbmstcmlwcGxlIG1lcmdlLWJ1dHRvblwiIChjbGljayk9XCJvbkFjY2VwdCgpXCI+QWNjZXB0PC9idXR0b24+XHJcbiAgICA8YnV0dG9uIGNsYXNzPVwibWQtcHJpbWFyeSBtZC1idXR0b24gbmctc2NvcGUgbWQtaW5rLXJpcHBsZSBtZXJnZS1idXR0b25cIiAoY2xpY2spPVwib25EZWNsaW5lKClcIj5EZWNsaW5lPC9idXR0b24+XHJcbiAgPC9kaXY+XHJcbjwvZGl2PlxyXG48c3BhbiBjbGFzcz1cImludmFsaWQtZmxhZ1wiPjwvc3Bhbj5cclxuIl19
|
|
@@ -5985,6 +5985,7 @@ class TruGridValidationDialog {
|
|
|
5985
5985
|
util;
|
|
5986
5986
|
config;
|
|
5987
5987
|
errorMsg = '';
|
|
5988
|
+
cellElement;
|
|
5988
5989
|
listeners = [];
|
|
5989
5990
|
constructor(renderer, elementRef, util) {
|
|
5990
5991
|
this.renderer = renderer;
|
|
@@ -6035,27 +6036,27 @@ class TruGridValidationDialog {
|
|
|
6035
6036
|
ngOnInit() {
|
|
6036
6037
|
this.errorMsg = this.config.errorMsg;
|
|
6037
6038
|
this.listeners.push(this.renderer.listen(this.elementRef.nativeElement.previousElementSibling, 'mouseenter', (event) => {
|
|
6038
|
-
this.
|
|
6039
|
-
this.
|
|
6039
|
+
this.cellElement.classList.remove('hide');
|
|
6040
|
+
this.cellElement.classList.add('show');
|
|
6040
6041
|
}));
|
|
6041
6042
|
this.listeners.push(this.renderer.listen(this.elementRef.nativeElement.previousElementSibling, 'mouseleave', (event) => {
|
|
6042
|
-
this.
|
|
6043
|
-
this.
|
|
6043
|
+
this.cellElement.classList.remove('show');
|
|
6044
|
+
this.cellElement.classList.add('hide');
|
|
6044
6045
|
}));
|
|
6045
6046
|
}
|
|
6046
6047
|
ngAfterViewInit() {
|
|
6047
|
-
this.util.findClosestAncestorByClass(this.elementRef.nativeElement, '.ag-cell-value').classList.add('invalid');
|
|
6048
|
+
this.cellElement = this.util.findClosestAncestorByClass(this.elementRef.nativeElement, '.ag-cell-value').classList.add('invalid');
|
|
6048
6049
|
}
|
|
6049
6050
|
ngOnDestroy() {
|
|
6050
6051
|
this.util.findClosestAncestorByClass(this.elementRef.nativeElement, '.ag-cell-value').classList.remove('invalid');
|
|
6051
6052
|
this.listeners.forEach(l => l());
|
|
6052
6053
|
}
|
|
6053
6054
|
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 });
|
|
6054
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", type: TruGridValidationDialog, selector: "tru-grid-validation-dialog", inputs: { config: "config" }, ngImport: i0, template: "<div class=\"invalid
|
|
6055
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.2", type: TruGridValidationDialog, selector: "tru-grid-validation-dialog", inputs: { config: "config" }, ngImport: i0, template: "<div class=\"invalid\">\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{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}.ag-cell-value.hide .invalid{display:none!important}.ag-cell-value.show .invalid{display:inline-block!important;position:fixed}.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}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
6055
6056
|
}
|
|
6056
6057
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.2", ngImport: i0, type: TruGridValidationDialog, decorators: [{
|
|
6057
6058
|
type: Component,
|
|
6058
|
-
args: [{ selector: 'tru-grid-validation-dialog', template: "<div class=\"invalid
|
|
6059
|
+
args: [{ selector: 'tru-grid-validation-dialog', template: "<div class=\"invalid\">\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{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}.ag-cell-value.hide .invalid{display:none!important}.ag-cell-value.show .invalid{display:inline-block!important;position:fixed}.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}\n"] }]
|
|
6059
6060
|
}], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: TruUtil }], propDecorators: { config: [{
|
|
6060
6061
|
type: Input
|
|
6061
6062
|
}] } });
|