@trudb/tru-common-lib 0.0.342 → 0.0.343
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/esm2020/lib/components/validation-dialog/tru-validation-dialog.mjs +17 -6
- package/fesm2015/trudb-tru-common-lib.mjs +16 -5
- package/fesm2015/trudb-tru-common-lib.mjs.map +1 -1
- package/fesm2020/trudb-tru-common-lib.mjs +16 -5
- package/fesm2020/trudb-tru-common-lib.mjs.map +1 -1
- package/lib/components/validation-dialog/tru-validation-dialog.d.ts +4 -2
- package/package.json +1 -1
|
@@ -2,10 +2,12 @@ import { Component, Input } from '@angular/core';
|
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
import * as i1 from "../../services/tru-util";
|
|
4
4
|
export class TruValidationDialog {
|
|
5
|
-
constructor(elementRef, util) {
|
|
5
|
+
constructor(renderer, elementRef, util) {
|
|
6
|
+
this.renderer = renderer;
|
|
6
7
|
this.elementRef = elementRef;
|
|
7
8
|
this.util = util;
|
|
8
9
|
this.errorMsg = '';
|
|
10
|
+
this.listeners = [];
|
|
9
11
|
this.onAcceptAll = () => {
|
|
10
12
|
let entity = this.config.entity;
|
|
11
13
|
let originalValues = entity.entityAspect.originalValues;
|
|
@@ -51,17 +53,26 @@ export class TruValidationDialog {
|
|
|
51
53
|
ngOnInit() {
|
|
52
54
|
this.util.findClosestAncestorByClass(this.elementRef.nativeElement, '.mat-mdc-form-field-flex').classList.add('invalid');
|
|
53
55
|
this.errorMsg = this.config.errorMsg;
|
|
56
|
+
this.listeners.push(this.renderer.listen(this.elementRef.nativeElement.previousElementSibling, 'mouseenter', (event) => {
|
|
57
|
+
this.elementRef.nativeElement.classList.remove('hide');
|
|
58
|
+
this.elementRef.nativeElement.classList.show('show');
|
|
59
|
+
}));
|
|
60
|
+
this.listeners.push(this.renderer.listen(this.elementRef.nativeElement.previousElementSibling, 'mouseleave', (event) => {
|
|
61
|
+
this.elementRef.nativeElement.classList.remove('show');
|
|
62
|
+
this.elementRef.nativeElement.classList.show('hide');
|
|
63
|
+
}));
|
|
54
64
|
}
|
|
55
65
|
ngOnDestroy() {
|
|
56
66
|
this.util.findClosestAncestorByClass(this.elementRef.nativeElement, '.mat-mdc-form-field-flex').classList.remove('invalid');
|
|
67
|
+
this.listeners.forEach(l => l());
|
|
57
68
|
}
|
|
58
69
|
}
|
|
59
|
-
TruValidationDialog.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: TruValidationDialog, deps: [{ token: i0.ElementRef }, { token: i1.TruUtil }], target: i0.ɵɵFactoryTarget.Component });
|
|
60
|
-
TruValidationDialog.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.1", type: TruValidationDialog, selector: "tru-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
|
|
70
|
+
TruValidationDialog.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: TruValidationDialog, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i1.TruUtil }], target: i0.ɵɵFactoryTarget.Component });
|
|
71
|
+
TruValidationDialog.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.1", 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}.invalid.hide{display:none!important}.invalid.show{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}\n"] });
|
|
61
72
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: TruValidationDialog, decorators: [{
|
|
62
73
|
type: Component,
|
|
63
|
-
args: [{ selector: 'tru-validation-dialog', template: "<div class=\"invalid\">\r\n <i class=\"icon-warning-sign icon-white\"></i>{{config.errorMsg}}\r\n <div
|
|
64
|
-
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.TruUtil }]; }, propDecorators: { config: [{
|
|
74
|
+
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}.invalid.hide{display:none!important}.invalid.show{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}\n"] }]
|
|
75
|
+
}], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i1.TruUtil }]; }, propDecorators: { config: [{
|
|
65
76
|
type: Input
|
|
66
77
|
}] } });
|
|
67
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
78
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJ1LXZhbGlkYXRpb24tZGlhbG9nLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdHJ1LWNvbW1vbi1saWIvc3JjL2xpYi9jb21wb25lbnRzL3ZhbGlkYXRpb24tZGlhbG9nL3RydS12YWxpZGF0aW9uLWRpYWxvZy50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3RydS1jb21tb24tbGliL3NyYy9saWIvY29tcG9uZW50cy92YWxpZGF0aW9uLWRpYWxvZy90cnUtdmFsaWRhdGlvbi1kaWFsb2cuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFjLEtBQUssRUFBZ0MsTUFBTSxlQUFlLENBQUM7OztBQVMzRixNQUFNLE9BQU8sbUJBQW1CO0lBTzlCLFlBQ1UsUUFBbUIsRUFDbkIsVUFBc0IsRUFDdEIsSUFBYTtRQUZiLGFBQVEsR0FBUixRQUFRLENBQVc7UUFDbkIsZUFBVSxHQUFWLFVBQVUsQ0FBWTtRQUN0QixTQUFJLEdBQUosSUFBSSxDQUFTO1FBUHZCLGFBQVEsR0FBVyxFQUFFLENBQUM7UUFFZCxjQUFTLEdBQXNCLEVBQUUsQ0FBQztRQU8xQyxnQkFBVyxHQUFHLEdBQUcsRUFBRTtZQUNqQixJQUFJLE1BQU0sR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLE1BQWEsQ0FBQztZQUN2QyxJQUFJLGNBQWMsR0FBRyxNQUFNLENBQUMsWUFBWSxDQUFDLGNBQWMsQ0FBQztZQUV4RCxLQUFLLE1BQU0sR0FBRyxJQUFJLElBQUksQ0FBQyxNQUFNLENBQUMsU0FBUyxFQUFFO2dCQUN2QyxNQUFNLENBQUMsR0FBRyxDQUFDLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxTQUFTLENBQUMsT0FBTyxDQUFDLEdBQUcsQ0FBRSxDQUFDLEtBQUssQ0FBQztnQkFDeEQsSUFBSSxjQUFjLENBQUMsY0FBYyxDQUFDLEdBQUcsQ0FBQztvQkFDcEMsT0FBTyxjQUFjLENBQUMsR0FBRyxDQUFDLENBQUM7YUFDOUI7WUFBQSxDQUFDO1lBRUYsSUFBSSxNQUFNLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxDQUFDLE1BQU0sS0FBSyxDQUFDLElBQUksY0FBYyxDQUFDLFdBQVcsS0FBSyxNQUFNO2dCQUNuRixNQUFNLENBQUMsWUFBWSxDQUFDLFlBQVksRUFBRSxDQUFDO1lBRXJDLE1BQU0sQ0FBQyxjQUFjLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxFQUFFLENBQUMsQ0FBQztZQUUzQyxLQUFLLE1BQU0sR0FBRyxJQUFJLElBQUksQ0FBQyxNQUFNLENBQUMsU0FBUyxFQUFFO2dCQUN2QyxNQUFNLENBQUMsWUFBWSxDQUFDLGdCQUFnQixDQUFDLEdBQUcsQ0FBQyxDQUFDO2FBQzNDO1lBQUEsQ0FBQztRQUNKLENBQUMsQ0FBQTtRQUVELGFBQVEsR0FBRyxHQUFHLEVBQUU7WUFDZCx5Q0FBeUM7WUFDekMsMERBQTBEO1lBQzFELHdCQUF3QjtZQUV4QixvREFBb0Q7WUFDcEQsb0VBQW9FO1lBQ3BFLGdGQUFnRjtZQUNoRix5Q0FBeUM7WUFFekMseUlBQXlJO1lBQ3pJLHdDQUF3QztZQUV4QywwQ0FBMEM7WUFDMUMsdUNBQXVDO1lBRXZDLHFEQUFxRDtZQUNyRCxxREFBcUQ7UUFDdkQsQ0FBQyxDQUFBO1FBRUQsY0FBUyxHQUFHLEdBQUcsRUFBRTtZQUNmLGtDQUFrQztZQUNsQyx3QkFBd0I7WUFFeEIsaURBQWlEO1lBQ2pELG9FQUFvRTtZQUNwRSx5Q0FBeUM7WUFDekMscURBQXFEO1lBQ3JELHFEQUFxRDtRQUN2RCxDQUFDLENBQUE7SUFuRDBCLENBQUM7SUFxRDVCLFFBQVE7UUFDTixJQUFJLENBQUMsSUFBSSxDQUFDLDBCQUEwQixDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxFQUFFLDBCQUEwQixDQUFDLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxTQUFTLENBQUMsQ0FBQztRQUN6SCxJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsUUFBUSxDQUFDO1FBRXJDLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLHNCQUFzQixFQUFFLFlBQVksRUFBRSxDQUFDLEtBQWlCLEVBQUUsRUFBRTtZQUNqSSxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxDQUFDO1lBQ3ZELElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDdkQsQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUVKLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLHNCQUFzQixFQUFFLFlBQVksRUFBRSxDQUFDLEtBQWlCLEVBQUUsRUFBRTtZQUNqSSxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxDQUFDO1lBQ3ZELElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDdkQsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUNOLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLElBQUksQ0FBQywwQkFBMEIsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsRUFBRSwwQkFBMEIsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxNQUFNLENBQUMsU0FBUyxDQUFDLENBQUM7UUFDNUgsSUFBSSxDQUFDLFNBQVMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDO0lBQ25DLENBQUM7O2dIQWpGVSxtQkFBbUI7b0dBQW5CLG1CQUFtQiwyRkNUaEMsaWtCQVNBOzJGREFhLG1CQUFtQjtrQkFML0IsU0FBUzsrQkFDRSx1QkFBdUI7K0lBS3hCLE1BQU07c0JBQWQsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRWxlbWVudFJlZiwgSW5wdXQsIE9uRGVzdHJveSwgT25Jbml0LCBSZW5kZXJlcjIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgVHJ1VXRpbCB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL3RydS11dGlsJztcclxuaW1wb3J0IHsgVHJ1VmFsaWRhdGlvbkRpYWxvZ0NvbmZpZyB9IGZyb20gJy4vdHJ1LXZhbGlkYXRpb24tZGlhbG9nLWNvbmZpZyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3RydS12YWxpZGF0aW9uLWRpYWxvZycsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3RydS12YWxpZGF0aW9uLWRpYWxvZy5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi90cnUtdmFsaWRhdGlvbi1kaWFsb2cuY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIFRydVZhbGlkYXRpb25EaWFsb2cgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XHJcbiAgQElucHV0KCkgY29uZmlnITogVHJ1VmFsaWRhdGlvbkRpYWxvZ0NvbmZpZztcclxuXHJcbiAgZXJyb3JNc2c6IHN0cmluZyA9ICcnO1xyXG5cclxuICBwcml2YXRlIGxpc3RlbmVyczogQXJyYXk8KCkgPT4gdm9pZD4gPSBbXTtcclxuXHJcbiAgY29uc3RydWN0b3IoXHJcbiAgICBwcml2YXRlIHJlbmRlcmVyOiBSZW5kZXJlcjIsXHJcbiAgICBwcml2YXRlIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWYsIFxyXG4gICAgcHJpdmF0ZSB1dGlsOiBUcnVVdGlsKSB7IH1cclxuXHJcbiAgb25BY2NlcHRBbGwgPSAoKSA9PiB7XHJcbiAgICBsZXQgZW50aXR5ID0gdGhpcy5jb25maWcuZW50aXR5IGFzIGFueTtcclxuICAgIGxldCBvcmlnaW5hbFZhbHVlcyA9IGVudGl0eS5lbnRpdHlBc3BlY3Qub3JpZ2luYWxWYWx1ZXM7XHJcblxyXG4gICAgZm9yIChjb25zdCBrZXkgaW4gdGhpcy5jb25maWcubWVyZ2VEYXRhKSB7XHJcbiAgICAgIGVudGl0eVtrZXldID0gdGhpcy5jb25maWcubWVyZ2VEYXRhLmdldERhdGEoa2V5KSEudmFsdWU7XHJcbiAgICAgIGlmIChvcmlnaW5hbFZhbHVlcy5oYXNPd25Qcm9wZXJ0eShrZXkpKVxyXG4gICAgICAgIGRlbGV0ZSBvcmlnaW5hbFZhbHVlc1trZXldO1xyXG4gICAgfTtcclxuXHJcbiAgICBpZiAoT2JqZWN0LmtleXMob3JpZ2luYWxWYWx1ZXMpLmxlbmd0aCA9PT0gMCAmJiBvcmlnaW5hbFZhbHVlcy5jb25zdHJ1Y3RvciA9PT0gT2JqZWN0KVxyXG4gICAgICBlbnRpdHkuZW50aXR5QXNwZWN0LnNldFVuY2hhbmdlZCgpO1xyXG5cclxuICAgIGVudGl0eS5NZXJnZV9EYXRhX1NldCA9IEpTT04uc3RyaW5naWZ5KHt9KTtcclxuXHJcbiAgICBmb3IgKGNvbnN0IGtleSBpbiB0aGlzLmNvbmZpZy5tZXJnZURhdGEpIHtcclxuICAgICAgZW50aXR5LmVudGl0eUFzcGVjdC52YWxpZGF0ZVByb3BlcnR5KGtleSk7XHJcbiAgICB9O1xyXG4gIH1cclxuXHJcbiAgb25BY2NlcHQgPSAoKSA9PiB7XHJcbiAgICAvL2xldCBlbnRpdHkgPSB0aGlzLmNvbmZpZy5lbnRpdHkgYXMgYW55O1xyXG4gICAgLy9sZXQgb3JpZ2luYWxWYWx1ZXMgPSBlbnRpdHkuZW50aXR5QXNwZWN0Lm9yaWdpbmFsVmFsdWVzO1xyXG4gICAgLy9sZXQgcHJvcGVydHlOYW1lID0gJyc7XHJcblxyXG4gICAgLy9sZXQgbWVyZ2VEYXRhID0gSlNPTi5wYXJzZShlbnRpdHkuTWVyZ2VfRGF0YV9TZXQpO1xyXG4gICAgLy9sZXQgcHJvcGVydHlOYW1lS2V5ID0gcHJvcGVydHlOYW1lIGFzIGtleW9mIHR5cGVvZiB0aGlzLm1lcmdlRGF0YTtcclxuICAgIC8vZW50aXR5W3Byb3BlcnR5TmFtZV0gPSB0aGlzLmNvbmZpZy5tZXJnZURhdGE/LmdldERhdGEocHJvcGVydHlOYW1lS2V5KSEudmFsdWU7XHJcbiAgICAvL2RlbGV0ZSB0aGlzLm1lcmdlRGF0YVtwcm9wZXJ0eU5hbWVLZXldO1xyXG5cclxuICAgIC8vaWYgKG9yaWdpbmFsVmFsdWVzLmhhc093blByb3BlcnR5KHByb3BlcnR5TmFtZSkgJiYgKE9iamVjdC5rZXlzKG9yaWdpbmFsVmFsdWVzKS5sZW5ndGggPT09IDAgJiYgb3JpZ2luYWxWYWx1ZXMuY29uc3RydWN0b3IgPT09IE9iamVjdCkpXHJcbiAgICAvLyAgZGVsZXRlIG9yaWdpbmFsVmFsdWVzW3Byb3BlcnR5TmFtZV07XHJcblxyXG4gICAgLy9pZiAoIU9iamVjdC5rZXlzKHRoaXMubWVyZ2VEYXRhKS5sZW5ndGgpXHJcbiAgICAvLyAgZW50aXR5LmVudGl0eUFzcGVjdC5zZXRVbmNoYW5nZWQoKTtcclxuXHJcbiAgICAvL2VudGl0eS5NZXJnZV9EYXRhID0gSlNPTi5zdHJpbmdpZnkodGhpcy5tZXJnZURhdGEpO1xyXG4gICAgLy9lbnRpdHkuZW50aXR5QXNwZWN0LnZhbGlkYXRlUHJvcGVydHkocHJvcGVydHlOYW1lKTtcclxuICB9XHJcblxyXG4gIG9uRGVjbGluZSA9ICgpID0+IHtcclxuICAgIC8vbGV0IGVudGl0eSA9IHRoaXMuZW50aXR5IGFzIGFueTtcclxuICAgIC8vbGV0IHByb3BlcnR5TmFtZSA9ICcnO1xyXG5cclxuICAgIC8vdGhpcy5tZXJnZURhdGEgPSBKU09OLnBhcnNlKGVudGl0eS5NZXJnZV9EYXRhKTtcclxuICAgIC8vbGV0IHByb3BlcnR5TmFtZUtleSA9IHByb3BlcnR5TmFtZSBhcyBrZXlvZiB0eXBlb2YgdGhpcy5tZXJnZURhdGE7XHJcbiAgICAvL2RlbGV0ZSB0aGlzLm1lcmdlRGF0YVtwcm9wZXJ0eU5hbWVLZXldO1xyXG4gICAgLy9lbnRpdHkuTWVyZ2VfRGF0YSA9IEpTT04uc3RyaW5naWZ5KHRoaXMubWVyZ2VEYXRhKTtcclxuICAgIC8vZW50aXR5LmVudGl0eUFzcGVjdC52YWxpZGF0ZVByb3BlcnR5KHByb3BlcnR5TmFtZSk7XHJcbiAgfVxyXG5cclxuICBuZ09uSW5pdCgpIHtcclxuICAgIHRoaXMudXRpbC5maW5kQ2xvc2VzdEFuY2VzdG9yQnlDbGFzcyh0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudCwgJy5tYXQtbWRjLWZvcm0tZmllbGQtZmxleCcpLmNsYXNzTGlzdC5hZGQoJ2ludmFsaWQnKTtcclxuICAgIHRoaXMuZXJyb3JNc2cgPSB0aGlzLmNvbmZpZy5lcnJvck1zZztcclxuXHJcbiAgICB0aGlzLmxpc3RlbmVycy5wdXNoKHRoaXMucmVuZGVyZXIubGlzdGVuKHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LnByZXZpb3VzRWxlbWVudFNpYmxpbmcsICdtb3VzZWVudGVyJywgKGV2ZW50OiBNb3VzZUV2ZW50KSA9PiB7XHJcbiAgICAgIHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LmNsYXNzTGlzdC5yZW1vdmUoJ2hpZGUnKTtcclxuICAgICAgdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQuY2xhc3NMaXN0LnNob3coJ3Nob3cnKTtcclxuICAgIH0pKTtcclxuXHJcbiAgICB0aGlzLmxpc3RlbmVycy5wdXNoKHRoaXMucmVuZGVyZXIubGlzdGVuKHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LnByZXZpb3VzRWxlbWVudFNpYmxpbmcsICdtb3VzZWxlYXZlJywgKGV2ZW50OiBNb3VzZUV2ZW50KSA9PiB7XHJcbiAgICAgIHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LmNsYXNzTGlzdC5yZW1vdmUoJ3Nob3cnKTtcclxuICAgICAgdGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQuY2xhc3NMaXN0LnNob3coJ2hpZGUnKTtcclxuICAgIH0pKTtcclxuICB9XHJcblxyXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xyXG4gICAgdGhpcy51dGlsLmZpbmRDbG9zZXN0QW5jZXN0b3JCeUNsYXNzKHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LCAnLm1hdC1tZGMtZm9ybS1maWVsZC1mbGV4JykuY2xhc3NMaXN0LnJlbW92ZSgnaW52YWxpZCcpO1xyXG4gICAgdGhpcy5saXN0ZW5lcnMuZm9yRWFjaChsID0+IGwoKSk7XHJcbiAgfVxyXG59XHJcblxyXG4iLCI8ZGl2IGNsYXNzPVwiaW52YWxpZCBoaWRlXCI+XHJcbiAgPGkgY2xhc3M9XCJpY29uLXdhcm5pbmctc2lnbiBpY29uLXdoaXRlXCI+PC9pPnt7Y29uZmlnLmVycm9yTXNnfX1cclxuICA8ZGl2ICpuZ2lmPVwiY29uZmlnLm1lcmdlRGF0YVwiPlxyXG4gICAgPGJ1dHRvbiBjbGFzcz1cIm1kLXByaW1hcnkgbWQtYnV0dG9uIG5nLXNjb3BlIG1kLWluay1yaXBwbGUgbWVyZ2UtYnV0dG9uXCIgKGNsaWNrKT1cIm9uQWNjZXB0QWxsKClcIj5BY2NlcHQgQWxsPC9idXR0b24+XHJcbiAgICA8YnV0dG9uIGNsYXNzPVwibWQtcHJpbWFyeSBtZC1idXR0b24gbmctc2NvcGUgbWQtaW5rLXJpcHBsZSBtZXJnZS1idXR0b25cIiAoY2xpY2spPVwib25BY2NlcHQoKVwiPkFjY2VwdDwvYnV0dG9uPlxyXG4gICAgPGJ1dHRvbiBjbGFzcz1cIm1kLXByaW1hcnkgbWQtYnV0dG9uIG5nLXNjb3BlIG1kLWluay1yaXBwbGUgbWVyZ2UtYnV0dG9uXCIgKGNsaWNrKT1cIm9uRGVjbGluZSgpXCI+RGVjbGluZTwvYnV0dG9uPlxyXG4gIDwvZGl2PlxyXG48L2Rpdj5cclxuPHNwYW4gY2xhc3M9XCJpbnZhbGlkLWZsYWdcIj48L3NwYW4+XHJcbiJdfQ==
|
|
@@ -4847,10 +4847,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImpor
|
|
|
4847
4847
|
} });
|
|
4848
4848
|
|
|
4849
4849
|
class TruValidationDialog {
|
|
4850
|
-
constructor(elementRef, util) {
|
|
4850
|
+
constructor(renderer, elementRef, util) {
|
|
4851
|
+
this.renderer = renderer;
|
|
4851
4852
|
this.elementRef = elementRef;
|
|
4852
4853
|
this.util = util;
|
|
4853
4854
|
this.errorMsg = '';
|
|
4855
|
+
this.listeners = [];
|
|
4854
4856
|
this.onAcceptAll = () => {
|
|
4855
4857
|
let entity = this.config.entity;
|
|
4856
4858
|
let originalValues = entity.entityAspect.originalValues;
|
|
@@ -4896,17 +4898,26 @@ class TruValidationDialog {
|
|
|
4896
4898
|
ngOnInit() {
|
|
4897
4899
|
this.util.findClosestAncestorByClass(this.elementRef.nativeElement, '.mat-mdc-form-field-flex').classList.add('invalid');
|
|
4898
4900
|
this.errorMsg = this.config.errorMsg;
|
|
4901
|
+
this.listeners.push(this.renderer.listen(this.elementRef.nativeElement.previousElementSibling, 'mouseenter', (event) => {
|
|
4902
|
+
this.elementRef.nativeElement.classList.remove('hide');
|
|
4903
|
+
this.elementRef.nativeElement.classList.show('show');
|
|
4904
|
+
}));
|
|
4905
|
+
this.listeners.push(this.renderer.listen(this.elementRef.nativeElement.previousElementSibling, 'mouseleave', (event) => {
|
|
4906
|
+
this.elementRef.nativeElement.classList.remove('show');
|
|
4907
|
+
this.elementRef.nativeElement.classList.show('hide');
|
|
4908
|
+
}));
|
|
4899
4909
|
}
|
|
4900
4910
|
ngOnDestroy() {
|
|
4901
4911
|
this.util.findClosestAncestorByClass(this.elementRef.nativeElement, '.mat-mdc-form-field-flex').classList.remove('invalid');
|
|
4912
|
+
this.listeners.forEach(l => l());
|
|
4902
4913
|
}
|
|
4903
4914
|
}
|
|
4904
|
-
TruValidationDialog.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: TruValidationDialog, deps: [{ token: i0.ElementRef }, { token: TruUtil }], target: i0.ɵɵFactoryTarget.Component });
|
|
4905
|
-
TruValidationDialog.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.1", type: TruValidationDialog, selector: "tru-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
|
|
4915
|
+
TruValidationDialog.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: TruValidationDialog, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: TruUtil }], target: i0.ɵɵFactoryTarget.Component });
|
|
4916
|
+
TruValidationDialog.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.1", 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}.invalid.hide{display:none!important}.invalid.show{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}\n"] });
|
|
4906
4917
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: TruValidationDialog, decorators: [{
|
|
4907
4918
|
type: Component,
|
|
4908
|
-
args: [{ selector: 'tru-validation-dialog', template: "<div class=\"invalid\">\r\n <i class=\"icon-warning-sign icon-white\"></i>{{config.errorMsg}}\r\n <div
|
|
4909
|
-
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: TruUtil }]; }, propDecorators: { config: [{
|
|
4919
|
+
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}.invalid.hide{display:none!important}.invalid.show{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}\n"] }]
|
|
4920
|
+
}], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: TruUtil }]; }, propDecorators: { config: [{
|
|
4910
4921
|
type: Input
|
|
4911
4922
|
}] } });
|
|
4912
4923
|
|