@datarailsshared/datarailsshared 1.4.244 → 1.4.248
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/bundles/datarailsshared-datarailsshared.umd.js +4 -2
- package/bundles/datarailsshared-datarailsshared.umd.js.map +1 -1
- package/datarailsshared-datarailsshared-1.4.248.tgz +0 -0
- package/datarailsshared-datarailsshared.metadata.json +1 -1
- package/esm2015/lib/dr-error/dr-error.component.js +5 -3
- package/fesm2015/datarailsshared-datarailsshared.js +4 -2
- package/fesm2015/datarailsshared-datarailsshared.js.map +1 -1
- package/lib/dr-error/dr-error.component.d.ts +1 -0
- package/package.json +1 -1
- package/datarailsshared-datarailsshared-1.4.244.tgz +0 -0
|
@@ -6,6 +6,7 @@ export class DrErrorComponent {
|
|
|
6
6
|
this.formGroupDirective = formGroupDirective;
|
|
7
7
|
this.label = 'Field error';
|
|
8
8
|
this.errorTooltipPosition = 'top';
|
|
9
|
+
this.displayAsLabel = false;
|
|
9
10
|
this.noIcon = false;
|
|
10
11
|
}
|
|
11
12
|
set control(value) {
|
|
@@ -35,9 +36,9 @@ export class DrErrorComponent {
|
|
|
35
36
|
}
|
|
36
37
|
DrErrorComponent.decorators = [
|
|
37
38
|
{ type: Component, args: [{
|
|
38
|
-
template: "<div *ngIf=\"_control.status === 'INVALID' && !_control.pristine\"\n [drTooltip]=\"errorString\"\n [drTooltipPosition]=\"errorTooltipPosition\"\n class=\"error-container\"\n [class.warning]=\"isWarning\">\n <i *ngIf=\"!noIcon\" class=\"dr-icon-status-error\"></i>\n <span>{{label}}</span>\n</div>\n",
|
|
39
|
+
template: "<div *ngIf=\"_control.status === 'INVALID' && !_control.pristine\"\n [drTooltip]=\"displayAsLabel ? null : errorString\"\n [drTooltipPosition]=\"errorTooltipPosition\"\n class=\"error-container\"\n [class.error-container--cursor-pointer]=\"!displayAsLabel\"\n [class.warning]=\"isWarning\">\n <i *ngIf=\"!noIcon\" class=\"dr-icon-status-error\"></i>\n <span>{{ displayAsLabel ? errorString : label }}</span>\n</div>\n",
|
|
39
40
|
selector: 'dr-error',
|
|
40
|
-
styles: [":host{display:flex;margin-top:8px}:host:empty{display:none}:host .error-container{display:flex;align-items:center;
|
|
41
|
+
styles: [":host{display:flex;margin-top:8px}:host:empty{display:none}:host .error-container{display:flex;align-items:center;width:auto;color:#bf1d30}:host .error-container i{font-size:16px;margin-right:2px}:host .error-container span{font-family:\"Poppins\",sans-serif;font-style:normal;font-weight:400;font-size:11px;line-height:20px}:host .error-container.warning{color:#ffb800}:host .error-container.warning span{color:#9e5f00}:host .error-container--cursor-pointer{cursor:pointer}:host.no-icon{margin-top:2px}:host.no-icon .error-container span{font-size:12px}\n"]
|
|
41
42
|
},] }
|
|
42
43
|
];
|
|
43
44
|
DrErrorComponent.ctorParameters = () => [
|
|
@@ -49,6 +50,7 @@ DrErrorComponent.propDecorators = {
|
|
|
49
50
|
controlName: [{ type: Input }],
|
|
50
51
|
label: [{ type: Input }],
|
|
51
52
|
errorTooltipPosition: [{ type: Input }],
|
|
53
|
+
displayAsLabel: [{ type: Input }],
|
|
52
54
|
noIcon: [{ type: Input }, { type: HostBinding, args: ['class.no-icon',] }]
|
|
53
55
|
};
|
|
54
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
56
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHItZXJyb3IuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGF0YXJhaWxzc2hhcmVkL3NyYy9saWIvZHItZXJyb3IvZHItZXJyb3IuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDM0YsT0FBTyxFQUFlLGtCQUFrQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFPakUsTUFBTSxPQUFPLGdCQUFnQjtJQUN6QixZQUFvQixHQUFzQixFQUFzQixrQkFBc0M7UUFBbEYsUUFBRyxHQUFILEdBQUcsQ0FBbUI7UUFBc0IsdUJBQWtCLEdBQWxCLGtCQUFrQixDQUFvQjtRQW1CN0YsVUFBSyxHQUFHLGFBQWEsQ0FBQztRQUN0Qix5QkFBb0IsR0FBRyxLQUFLLENBQUM7UUFDN0IsbUJBQWMsR0FBRyxLQUFLLENBQUM7UUFFTyxXQUFNLEdBQUcsS0FBSyxDQUFDO0lBdkJtRCxDQUFDO0lBRzFHLElBQWEsT0FBTyxDQUFDLEtBQWtCO1FBQ25DLElBQUksS0FBSyxFQUFFO1lBQ1AsSUFBSSxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUM7U0FDekI7SUFDTCxDQUFDO0lBRUQsSUFBYSxXQUFXLENBQUMsS0FBYTtRQUNsQyxJQUFJLENBQUMsS0FBSyxJQUFJLE9BQU8sS0FBSyxLQUFLLFFBQVE7WUFBRSxPQUFPO1FBRWhELElBQUksQ0FBQyxJQUFJLENBQUMsa0JBQWtCLEVBQUU7WUFDMUIsTUFBTSxJQUFJLEtBQUssQ0FBQyx5REFBeUQsQ0FBQyxDQUFDO1NBQzlFO1FBRUQsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUMsa0JBQWtCLENBQUMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQWdCLENBQUM7SUFDN0UsQ0FBQztJQVFELElBQUksV0FBVzs7UUFDWCxJQUFJLElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUFDLFVBQVUsQ0FBQyxFQUFFO1lBQ3BDLE9BQU8sb0JBQW9CLENBQUM7U0FDL0I7UUFFRCxPQUFPLENBQUEsTUFBQSxJQUFJLENBQUMsUUFBUSxDQUFDLE1BQU0sMENBQUUsV0FBVyxLQUFJLElBQUksQ0FBQztJQUNyRCxDQUFDO0lBRUQsSUFBSSxTQUFTOztRQUNULE9BQU8sTUFBQSxJQUFJLENBQUMsUUFBUSxDQUFDLE1BQU0sMENBQUUsU0FBUyxDQUFDO0lBQzNDLENBQUM7OztZQXpDSixTQUFTLFNBQUM7Z0JBQ1AsdWNBQXNDO2dCQUN0QyxRQUFRLEVBQUUsVUFBVTs7YUFFdkI7OztZQVBRLGlCQUFpQjtZQUNKLGtCQUFrQix1QkFRUyxRQUFROzs7c0JBR3BELEtBQUs7MEJBTUwsS0FBSztvQkFVTCxLQUFLO21DQUNMLEtBQUs7NkJBQ0wsS0FBSztxQkFFTCxLQUFLLFlBQUksV0FBVyxTQUFDLGVBQWUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3RvclJlZiwgQ29tcG9uZW50LCBIb3N0QmluZGluZywgSW5wdXQsIE9wdGlvbmFsIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3JtQ29udHJvbCwgRm9ybUdyb3VwRGlyZWN0aXZlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgICB0ZW1wbGF0ZVVybDogJ2RyLWVycm9yLmNvbXBvbmVudC5odG1sJyxcbiAgICBzZWxlY3RvcjogJ2RyLWVycm9yJyxcbiAgICBzdHlsZVVybHM6IFsnZHItZXJyb3IuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgRHJFcnJvckNvbXBvbmVudCB7XG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSBjZHI6IENoYW5nZURldGVjdG9yUmVmLCBAT3B0aW9uYWwoKSBwcml2YXRlIGZvcm1Hcm91cERpcmVjdGl2ZTogRm9ybUdyb3VwRGlyZWN0aXZlKSB7fVxuXG4gICAgcHVibGljIF9jb250cm9sOiBGb3JtQ29udHJvbDtcbiAgICBASW5wdXQoKSBzZXQgY29udHJvbCh2YWx1ZTogRm9ybUNvbnRyb2wpIHtcbiAgICAgICAgaWYgKHZhbHVlKSB7XG4gICAgICAgICAgICB0aGlzLl9jb250cm9sID0gdmFsdWU7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBASW5wdXQoKSBzZXQgY29udHJvbE5hbWUodmFsdWU6IHN0cmluZykge1xuICAgICAgICBpZiAoIXZhbHVlIHx8IHR5cGVvZiB2YWx1ZSAhPT0gJ3N0cmluZycpIHJldHVybjtcblxuICAgICAgICBpZiAoIXRoaXMuZm9ybUdyb3VwRGlyZWN0aXZlKSB7XG4gICAgICAgICAgICB0aHJvdyBuZXcgRXJyb3IoJ1lvdSBtdXN0IHByb3ZpZGUgYSBmb3JtR3JvdXBEaXJlY3RpdmUgdG8gdXNlIHRoaXMgaW5wdXQnKTtcbiAgICAgICAgfVxuXG4gICAgICAgIHRoaXMuY29udHJvbCA9IHRoaXMuZm9ybUdyb3VwRGlyZWN0aXZlLmNvbnRyb2wuZ2V0KHZhbHVlKSBhcyBGb3JtQ29udHJvbDtcbiAgICB9XG5cbiAgICBASW5wdXQoKSBsYWJlbCA9ICdGaWVsZCBlcnJvcic7XG4gICAgQElucHV0KCkgZXJyb3JUb29sdGlwUG9zaXRpb24gPSAndG9wJztcbiAgICBASW5wdXQoKSBkaXNwbGF5QXNMYWJlbCA9IGZhbHNlO1xuXG4gICAgQElucHV0KCkgQEhvc3RCaW5kaW5nKCdjbGFzcy5uby1pY29uJykgbm9JY29uID0gZmFsc2U7XG5cbiAgICBnZXQgZXJyb3JTdHJpbmcoKSB7XG4gICAgICAgIGlmICh0aGlzLl9jb250cm9sLmhhc0Vycm9yKCdyZXF1aXJlZCcpKSB7XG4gICAgICAgICAgICByZXR1cm4gJ0ZpZWxkIGlzIHJlcXVpcmVkISc7XG4gICAgICAgIH1cblxuICAgICAgICByZXR1cm4gdGhpcy5fY29udHJvbC5lcnJvcnM/LmVycm9yU3RyaW5nIHx8IG51bGw7XG4gICAgfVxuXG4gICAgZ2V0IGlzV2FybmluZygpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX2NvbnRyb2wuZXJyb3JzPy5pc1dhcm5pbmc7XG4gICAgfVxufVxuIl19
|
|
@@ -3235,6 +3235,7 @@ class DrErrorComponent {
|
|
|
3235
3235
|
this.formGroupDirective = formGroupDirective;
|
|
3236
3236
|
this.label = 'Field error';
|
|
3237
3237
|
this.errorTooltipPosition = 'top';
|
|
3238
|
+
this.displayAsLabel = false;
|
|
3238
3239
|
this.noIcon = false;
|
|
3239
3240
|
}
|
|
3240
3241
|
set control(value) {
|
|
@@ -3264,9 +3265,9 @@ class DrErrorComponent {
|
|
|
3264
3265
|
}
|
|
3265
3266
|
DrErrorComponent.decorators = [
|
|
3266
3267
|
{ type: Component, args: [{
|
|
3267
|
-
template: "<div *ngIf=\"_control.status === 'INVALID' && !_control.pristine\"\n [drTooltip]=\"errorString\"\n [drTooltipPosition]=\"errorTooltipPosition\"\n class=\"error-container\"\n [class.warning]=\"isWarning\">\n <i *ngIf=\"!noIcon\" class=\"dr-icon-status-error\"></i>\n <span>{{label}}</span>\n</div>\n",
|
|
3268
|
+
template: "<div *ngIf=\"_control.status === 'INVALID' && !_control.pristine\"\n [drTooltip]=\"displayAsLabel ? null : errorString\"\n [drTooltipPosition]=\"errorTooltipPosition\"\n class=\"error-container\"\n [class.error-container--cursor-pointer]=\"!displayAsLabel\"\n [class.warning]=\"isWarning\">\n <i *ngIf=\"!noIcon\" class=\"dr-icon-status-error\"></i>\n <span>{{ displayAsLabel ? errorString : label }}</span>\n</div>\n",
|
|
3268
3269
|
selector: 'dr-error',
|
|
3269
|
-
styles: [":host{display:flex;margin-top:8px}:host:empty{display:none}:host .error-container{display:flex;align-items:center;
|
|
3270
|
+
styles: [":host{display:flex;margin-top:8px}:host:empty{display:none}:host .error-container{display:flex;align-items:center;width:auto;color:#bf1d30}:host .error-container i{font-size:16px;margin-right:2px}:host .error-container span{font-family:\"Poppins\",sans-serif;font-style:normal;font-weight:400;font-size:11px;line-height:20px}:host .error-container.warning{color:#ffb800}:host .error-container.warning span{color:#9e5f00}:host .error-container--cursor-pointer{cursor:pointer}:host.no-icon{margin-top:2px}:host.no-icon .error-container span{font-size:12px}\n"]
|
|
3270
3271
|
},] }
|
|
3271
3272
|
];
|
|
3272
3273
|
DrErrorComponent.ctorParameters = () => [
|
|
@@ -3278,6 +3279,7 @@ DrErrorComponent.propDecorators = {
|
|
|
3278
3279
|
controlName: [{ type: Input }],
|
|
3279
3280
|
label: [{ type: Input }],
|
|
3280
3281
|
errorTooltipPosition: [{ type: Input }],
|
|
3282
|
+
displayAsLabel: [{ type: Input }],
|
|
3281
3283
|
noIcon: [{ type: Input }, { type: HostBinding, args: ['class.no-icon',] }]
|
|
3282
3284
|
};
|
|
3283
3285
|
|