tuain-ng-forms-lib 12.0.15 → 12.0.19
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/tuain-ng-forms-lib.umd.js +35 -23
- package/bundles/tuain-ng-forms-lib.umd.js.map +1 -1
- package/esm2015/lib/components/elements/action.component.js +12 -12
- package/esm2015/lib/components/elements/field.component.js +25 -13
- package/fesm2015/tuain-ng-forms-lib.js +35 -23
- package/fesm2015/tuain-ng-forms-lib.js.map +1 -1
- package/lib/components/elements/action.component.d.ts +1 -1
- package/lib/components/elements/field.component.d.ts +4 -2
- package/package.json +1 -1
- package/tuain-ng-forms-lib.metadata.json +1 -1
|
@@ -6,35 +6,35 @@ export class ActionComponent {
|
|
|
6
6
|
}
|
|
7
7
|
ngOnInit() {
|
|
8
8
|
var _a;
|
|
9
|
-
this.formConfig = (_a = this.
|
|
9
|
+
this.formConfig = (_a = this.action) === null || _a === void 0 ? void 0 : _a._formConfig;
|
|
10
10
|
this.start();
|
|
11
11
|
}
|
|
12
12
|
start() { }
|
|
13
13
|
activate() {
|
|
14
14
|
var _a;
|
|
15
|
-
if ((_a = this.
|
|
16
|
-
this.
|
|
15
|
+
if ((_a = this.action) === null || _a === void 0 ? void 0 : _a.notifyActivation) {
|
|
16
|
+
this.action.notifyActivation();
|
|
17
17
|
}
|
|
18
18
|
}
|
|
19
19
|
visibleOnRestriction() {
|
|
20
20
|
var _a, _b, _c, _d, _e;
|
|
21
|
-
if (!((_a = this.
|
|
21
|
+
if (!((_a = this.action) === null || _a === void 0 ? void 0 : _a.restrictedOnField)) {
|
|
22
22
|
return true;
|
|
23
23
|
}
|
|
24
|
-
if ((((_b = this.
|
|
25
|
-
&& this.relatedField === ((_c = this.
|
|
26
|
-
|| (((_d = this.
|
|
27
|
-
&& this.relatedField !== ((_e = this.
|
|
24
|
+
if ((((_b = this.action) === null || _b === void 0 ? void 0 : _b.restrictedOnOperator) === '=='
|
|
25
|
+
&& this.relatedField === ((_c = this.action) === null || _c === void 0 ? void 0 : _c.restrictedOnValue))
|
|
26
|
+
|| (((_d = this.action) === null || _d === void 0 ? void 0 : _d.restrictedOnOperator) === '!='
|
|
27
|
+
&& this.relatedField !== ((_e = this.action) === null || _e === void 0 ? void 0 : _e.restrictedOnValue))) {
|
|
28
28
|
return true;
|
|
29
29
|
}
|
|
30
30
|
}
|
|
31
31
|
get visible() {
|
|
32
32
|
var _a;
|
|
33
|
-
return ((_a = this.
|
|
33
|
+
return ((_a = this.action) === null || _a === void 0 ? void 0 : _a.visibleOn(this.currentState)) && this.visibleOnRestriction();
|
|
34
34
|
}
|
|
35
35
|
get disabled() {
|
|
36
36
|
var _a;
|
|
37
|
-
return !((_a = this.
|
|
37
|
+
return !((_a = this.action) === null || _a === void 0 ? void 0 : _a.enabledOn(this.currentState));
|
|
38
38
|
}
|
|
39
39
|
}
|
|
40
40
|
ActionComponent.decorators = [
|
|
@@ -44,11 +44,11 @@ ActionComponent.decorators = [
|
|
|
44
44
|
},] }
|
|
45
45
|
];
|
|
46
46
|
ActionComponent.propDecorators = {
|
|
47
|
-
|
|
47
|
+
action: [{ type: Input }],
|
|
48
48
|
busy: [{ type: Input }],
|
|
49
49
|
relatedField: [{ type: Input }],
|
|
50
50
|
currentState: [{ type: Input }],
|
|
51
51
|
style: [{ type: Input }],
|
|
52
52
|
showLabel: [{ type: Input }]
|
|
53
53
|
};
|
|
54
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
54
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3R1YWluLW5nLWZvcm1zLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvZWxlbWVudHMvYWN0aW9uLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQztBQVF6RCxNQUFNLE9BQU8sZUFBZTtJQUw1QjtRQWFXLFVBQUssR0FBRyxTQUFTLENBQUM7UUFDbEIsY0FBUyxHQUFHLElBQUksQ0FBQztJQWtDNUIsQ0FBQztJQWhDQyxRQUFROztRQUNOLElBQUksQ0FBQyxVQUFVLEdBQUcsTUFBQSxJQUFJLENBQUMsTUFBTSwwQ0FBRSxXQUFXLENBQUM7UUFDM0MsSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDO0lBQ2YsQ0FBQztJQUVELEtBQUssS0FBSyxDQUFDO0lBRVgsUUFBUTs7UUFDTixJQUFJLE1BQUEsSUFBSSxDQUFDLE1BQU0sMENBQUUsZ0JBQWdCLEVBQUU7WUFDakMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxnQkFBZ0IsRUFBRSxDQUFDO1NBQ2hDO0lBQ0gsQ0FBQztJQUVELG9CQUFvQjs7UUFDbEIsSUFBSSxDQUFDLENBQUEsTUFBQSxJQUFJLENBQUMsTUFBTSwwQ0FBRSxpQkFBaUIsQ0FBQSxFQUFFO1lBQ25DLE9BQU8sSUFBSSxDQUFDO1NBQ2I7UUFDRCxJQUFJLENBQUMsQ0FBQSxNQUFBLElBQUksQ0FBQyxNQUFNLDBDQUFFLG9CQUFvQixNQUFLLElBQUk7ZUFDMUMsSUFBSSxDQUFDLFlBQVksTUFBSyxNQUFBLElBQUksQ0FBQyxNQUFNLDBDQUFFLGlCQUFpQixDQUFBLENBQUM7ZUFDckQsQ0FBQyxDQUFBLE1BQUEsSUFBSSxDQUFDLE1BQU0sMENBQUUsb0JBQW9CLE1BQUssSUFBSTttQkFDekMsSUFBSSxDQUFDLFlBQVksTUFBSyxNQUFBLElBQUksQ0FBQyxNQUFNLDBDQUFFLGlCQUFpQixDQUFBLENBQUMsRUFBRTtZQUM1RCxPQUFPLElBQUksQ0FBQztTQUNiO0lBQ0gsQ0FBQztJQUVELElBQUksT0FBTzs7UUFDVCxPQUFPLENBQUEsTUFBQSxJQUFJLENBQUMsTUFBTSwwQ0FBRSxTQUFTLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxLQUFJLElBQUksQ0FBQyxvQkFBb0IsRUFBRSxDQUFDO0lBQ2xGLENBQUM7SUFFRCxJQUFJLFFBQVE7O1FBQ1YsT0FBTyxDQUFDLENBQUMsTUFBQSxJQUFJLENBQUMsTUFBTSwwQ0FBRSxTQUFTLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDLENBQUM7SUFDdEQsQ0FBQzs7O1lBL0NGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsWUFBWTtnQkFDdEIsUUFBUSxFQUFFLDJCQUEyQjthQUN0Qzs7O3FCQUtFLEtBQUs7bUJBQ0wsS0FBSzsyQkFDTCxLQUFLOzJCQUNMLEtBQUs7b0JBRUwsS0FBSzt3QkFDTCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3JtQWN0aW9uIH0gZnJvbSAnLi4vLi4vY2xhc3Nlcy9mb3Jtcy9hY3Rpb24nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsaWItYWN0aW9uJyxcbiAgdGVtcGxhdGU6IGA8bmctY29udGVudD48L25nLWNvbnRlbnQ+YFxufSlcblxuZXhwb3J0IGNsYXNzIEFjdGlvbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIGZvcm1Db25maWc6IGFueTtcbiAgaW5Qcm9ncmVzczogYm9vbGVhbjtcbiAgQElucHV0KCkgYWN0aW9uOiBGb3JtQWN0aW9uO1xuICBASW5wdXQoKSBidXN5OiBhbnk7XG4gIEBJbnB1dCgpIHJlbGF0ZWRGaWVsZDogYW55O1xuICBASW5wdXQoKSBjdXJyZW50U3RhdGU6IGFueTtcblxuICBASW5wdXQoKSBzdHlsZSA9ICdwcmltYXJ5JztcbiAgQElucHV0KCkgc2hvd0xhYmVsID0gdHJ1ZTtcblxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLmZvcm1Db25maWcgPSB0aGlzLmFjdGlvbj8uX2Zvcm1Db25maWc7XG4gICAgdGhpcy5zdGFydCgpO1xuICB9XG5cbiAgc3RhcnQoKSB7IH1cblxuICBhY3RpdmF0ZSgpIHtcbiAgICBpZiAodGhpcy5hY3Rpb24/Lm5vdGlmeUFjdGl2YXRpb24pIHtcbiAgICAgIHRoaXMuYWN0aW9uLm5vdGlmeUFjdGl2YXRpb24oKTtcbiAgICB9XG4gIH1cblxuICB2aXNpYmxlT25SZXN0cmljdGlvbigpIHtcbiAgICBpZiAoIXRoaXMuYWN0aW9uPy5yZXN0cmljdGVkT25GaWVsZCkge1xuICAgICAgcmV0dXJuIHRydWU7XG4gICAgfVxuICAgIGlmICgodGhpcy5hY3Rpb24/LnJlc3RyaWN0ZWRPbk9wZXJhdG9yID09PSAnPT0nXG4gICAgICAmJiB0aGlzLnJlbGF0ZWRGaWVsZCA9PT0gdGhpcy5hY3Rpb24/LnJlc3RyaWN0ZWRPblZhbHVlKVxuICAgICAgfHwgKHRoaXMuYWN0aW9uPy5yZXN0cmljdGVkT25PcGVyYXRvciA9PT0gJyE9J1xuICAgICAgICAmJiB0aGlzLnJlbGF0ZWRGaWVsZCAhPT0gdGhpcy5hY3Rpb24/LnJlc3RyaWN0ZWRPblZhbHVlKSkge1xuICAgICAgcmV0dXJuIHRydWU7XG4gICAgfVxuICB9XG5cbiAgZ2V0IHZpc2libGUoKSB7XG4gICAgcmV0dXJuIHRoaXMuYWN0aW9uPy52aXNpYmxlT24odGhpcy5jdXJyZW50U3RhdGUpICYmIHRoaXMudmlzaWJsZU9uUmVzdHJpY3Rpb24oKTtcbiAgfVxuXG4gIGdldCBkaXNhYmxlZCgpIHtcbiAgICByZXR1cm4gISh0aGlzLmFjdGlvbj8uZW5hYmxlZE9uKHRoaXMuY3VycmVudFN0YXRlKSk7XG4gIH1cbn0iXX0=
|
|
@@ -3,8 +3,8 @@ const VALUE = '';
|
|
|
3
3
|
export class FieldComponent {
|
|
4
4
|
ngOnInit() {
|
|
5
5
|
var _a, _b;
|
|
6
|
-
if (this.
|
|
7
|
-
this.formConfig = (_a = this.
|
|
6
|
+
if (this.field) {
|
|
7
|
+
this.formConfig = (_a = this.field) === null || _a === void 0 ? void 0 : _a._formConfig;
|
|
8
8
|
// Inicialización
|
|
9
9
|
const mapping = Object.entries(this.formConfig.componentFieldAttrMap);
|
|
10
10
|
for (let index = 0; index < mapping.length; index++) {
|
|
@@ -14,11 +14,11 @@ export class FieldComponent {
|
|
|
14
14
|
this.updateValue();
|
|
15
15
|
}
|
|
16
16
|
else {
|
|
17
|
-
this[compAttr] = (_b = this.
|
|
17
|
+
this[compAttr] = (_b = this.field) === null || _b === void 0 ? void 0 : _b[fieldAttr.toString()];
|
|
18
18
|
}
|
|
19
19
|
}
|
|
20
20
|
// Subscripción a cambios en atributos
|
|
21
|
-
this.
|
|
21
|
+
this.field.attributeChange.subscribe(event => {
|
|
22
22
|
const { name: fieldAttr, value } = event;
|
|
23
23
|
const compAttr = this.formConfig.componentFieldAttrMap[fieldAttr];
|
|
24
24
|
if (compAttr === VALUE) {
|
|
@@ -33,16 +33,28 @@ export class FieldComponent {
|
|
|
33
33
|
}
|
|
34
34
|
start() { }
|
|
35
35
|
focus() { }
|
|
36
|
-
|
|
37
|
-
|
|
36
|
+
updateObject() {
|
|
37
|
+
this.field._fieldValue = this.value;
|
|
38
|
+
}
|
|
39
|
+
inputChanged() {
|
|
40
|
+
this.field._fieldValue = this.value;
|
|
41
|
+
this.onInputChange();
|
|
42
|
+
}
|
|
43
|
+
inputTyped() {
|
|
44
|
+
this.field._fieldValue = this.value;
|
|
45
|
+
this.onInputChange();
|
|
46
|
+
}
|
|
47
|
+
updateValue() {
|
|
48
|
+
this.value = this.field._fieldValue;
|
|
49
|
+
}
|
|
38
50
|
onInputChange() {
|
|
39
|
-
setTimeout(() => this.
|
|
51
|
+
setTimeout(() => this.field.notifyEditionPartial(), 50);
|
|
40
52
|
}
|
|
41
53
|
onChangeContent() {
|
|
42
|
-
setTimeout(() => this.
|
|
54
|
+
setTimeout(() => this.field.notifyEditionFinish(), 50);
|
|
43
55
|
}
|
|
44
56
|
onShowInfo() {
|
|
45
|
-
setTimeout(() => this.
|
|
57
|
+
setTimeout(() => this.field.notifyEditionDetailRequest(), 50);
|
|
46
58
|
}
|
|
47
59
|
numberInputValidation(event) {
|
|
48
60
|
const k = event.charCode;
|
|
@@ -50,11 +62,11 @@ export class FieldComponent {
|
|
|
50
62
|
}
|
|
51
63
|
get visible() {
|
|
52
64
|
var _a;
|
|
53
|
-
return (_a = this.
|
|
65
|
+
return (_a = this.field) === null || _a === void 0 ? void 0 : _a.visibleOn(this.currentState);
|
|
54
66
|
}
|
|
55
67
|
get disabled() {
|
|
56
68
|
var _a;
|
|
57
|
-
return !((_a = this.
|
|
69
|
+
return !((_a = this.field) === null || _a === void 0 ? void 0 : _a.enabledOn(this.currentState));
|
|
58
70
|
}
|
|
59
71
|
}
|
|
60
72
|
FieldComponent.decorators = [
|
|
@@ -64,7 +76,7 @@ FieldComponent.decorators = [
|
|
|
64
76
|
},] }
|
|
65
77
|
];
|
|
66
78
|
FieldComponent.propDecorators = {
|
|
67
|
-
|
|
79
|
+
field: [{ type: Input }],
|
|
68
80
|
currentState: [{ type: Input }]
|
|
69
81
|
};
|
|
70
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
82
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmllbGQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdHVhaW4tbmctZm9ybXMtbGliL3NyYy9saWIvY29tcG9uZW50cy9lbGVtZW50cy9maWVsZC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFHekQsTUFBTSxLQUFLLEdBQUcsRUFBRSxDQUFBO0FBS2hCLE1BQU0sT0FBTyxjQUFjO0lBMEJ6QixRQUFROztRQUNOLElBQUksSUFBSSxDQUFDLEtBQUssRUFBRTtZQUNkLElBQUksQ0FBQyxVQUFVLEdBQUcsTUFBQSxJQUFJLENBQUMsS0FBSywwQ0FBRSxXQUFXLENBQUM7WUFDMUMsaUJBQWlCO1lBQ2pCLE1BQU0sT0FBTyxHQUFHLE1BQU0sQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxxQkFBcUIsQ0FBQyxDQUFDO1lBQ3RFLEtBQUssSUFBSSxLQUFLLEdBQUcsQ0FBQyxFQUFFLEtBQUssR0FBRyxPQUFPLENBQUMsTUFBTSxFQUFFLEtBQUssRUFBRSxFQUFFO2dCQUNuRCxNQUFNLENBQUMsU0FBUyxFQUFFLFNBQVMsQ0FBQyxHQUFHLE9BQU8sQ0FBQyxLQUFLLENBQUMsQ0FBQztnQkFDOUMsTUFBTSxRQUFRLEdBQUcsU0FBUyxDQUFDLFFBQVEsRUFBRSxDQUFDO2dCQUN0QyxJQUFJLFFBQVEsS0FBSyxLQUFLLEVBQUU7b0JBQ3RCLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztpQkFDcEI7cUJBQU07b0JBQ0wsSUFBSSxDQUFDLFFBQVEsQ0FBQyxHQUFHLE1BQUEsSUFBSSxDQUFDLEtBQUssMENBQUcsU0FBUyxDQUFDLFFBQVEsRUFBRSxDQUFDLENBQUM7aUJBQ3JEO2FBQ0Y7WUFDRCxzQ0FBc0M7WUFDdEMsSUFBSSxDQUFDLEtBQUssQ0FBQyxlQUFlLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxFQUFFO2dCQUMzQyxNQUFNLEVBQUUsSUFBSSxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsR0FBRyxLQUFLLENBQUM7Z0JBQ3pDLE1BQU0sUUFBUSxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMscUJBQXFCLENBQUMsU0FBUyxDQUFDLENBQUM7Z0JBQ2xFLElBQUksUUFBUSxLQUFLLEtBQUssRUFBRTtvQkFDdEIsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO2lCQUNwQjtxQkFBTTtvQkFDTCxJQUFJLENBQUMsUUFBUSxDQUFDLEdBQUcsS0FBSyxDQUFBO2lCQUN2QjtZQUNILENBQUMsQ0FBQyxDQUFDO1NBQ0o7UUFDRCxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDZixDQUFDO0lBRUQsS0FBSyxLQUFLLENBQUM7SUFFWCxLQUFLLEtBQUssQ0FBQztJQUVYLFlBQVk7UUFDVixJQUFJLENBQUMsS0FBSyxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDO0lBQ3RDLENBQUM7SUFFRCxZQUFZO1FBQ1YsSUFBSSxDQUFDLEtBQUssQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQztRQUNwQyxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDdkIsQ0FBQztJQUVELFVBQVU7UUFDUixJQUFJLENBQUMsS0FBSyxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDO1FBQ3BDLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUN2QixDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxXQUFXLENBQUM7SUFDdEMsQ0FBQztJQUVELGFBQWE7UUFDWCxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxvQkFBb0IsRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUFDO0lBQzFELENBQUM7SUFFRCxlQUFlO1FBQ2IsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsbUJBQW1CLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FBQztJQUN6RCxDQUFDO0lBRUQsVUFBVTtRQUNSLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLDBCQUEwQixFQUFFLEVBQUUsRUFBRSxDQUFDLENBQUM7SUFDaEUsQ0FBQztJQUVELHFCQUFxQixDQUFDLEtBQUs7UUFDekIsTUFBTSxDQUFDLEdBQUcsS0FBSyxDQUFDLFFBQVEsQ0FBQztRQUN6QixPQUFPLENBQUMsQ0FBQyxHQUFHLEVBQUUsSUFBSSxDQUFDLEdBQUcsRUFBRSxDQUFDLENBQUM7SUFDNUIsQ0FBQztJQUVELElBQUksT0FBTzs7UUFDVCxPQUFPLE1BQUEsSUFBSSxDQUFDLEtBQUssMENBQUUsU0FBUyxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQztJQUNsRCxDQUFDO0lBRUQsSUFBSSxRQUFROztRQUNWLE9BQU8sQ0FBQyxDQUFBLE1BQUEsSUFBSSxDQUFDLEtBQUssMENBQUUsU0FBUyxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQSxDQUFDO0lBQ25ELENBQUM7OztZQXZHRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLFdBQVc7Z0JBQ3JCLFFBQVEsRUFBRSwyQkFBMkI7YUFDdEM7OztvQkF3QkUsS0FBSzsyQkFDTCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGaWVsZERlc2NyaXB0b3IgfSBmcm9tICcuLi8uLi9jbGFzc2VzL2Zvcm1zL2ZpZWxkJztcblxuY29uc3QgVkFMVUUgPSAnJ1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbGliLWZpZWxkJyxcbiAgdGVtcGxhdGU6IGA8bmctY29udGVudD48L25nLWNvbnRlbnQ+YFxufSlcbmV4cG9ydCBjbGFzcyBGaWVsZENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIGZvcm1Db25maWc6IGFueTtcbiAgLy8gQXRyaWJ1dG9zIG9idGVuaWRvcyBlc3TDoXRpY2FtZW50ZVxuICBjb2RlOiBzdHJpbmc7XG4gIHZhbHVlOiBhbnk7XG4gIGZpZWxkSW5mbzogc3RyaW5nO1xuICBmaWVsZEFsaWdubWVudDogc3RyaW5nO1xuICB0b29sdGlwVGV4dDogc3RyaW5nO1xuXG4gIC8vIEF0cmlidXRvcyBhY3R1YWxpemFkb3MgcG9yIHN1YnNjcmlwY2nDs25cbiAgbWF4TGVuZ3RoOiBhbnk7XG4gIG9uVmFsaWRhdGlvbjogYW55O1xuICBjYXB0dXJlVHlwZTogYW55O1xuICB0aXRsZTogYW55O1xuICB0eXBlOiBhbnk7XG4gIHZpc2libGVMYWJlbDogYW55O1xuICByZXF1aXJlZDogYW55O1xuICBvcHRpb25zOiBhbnk7XG5cbiAgZXJyb3JUeXBlOiBhbnk7XG4gIGVycm9yQ29kZTogYW55O1xuICBlcnJvck1lc3NhZ2U6IGFueTtcblxuICBASW5wdXQoKSBmaWVsZDogRmllbGREZXNjcmlwdG9yO1xuICBASW5wdXQoKSBjdXJyZW50U3RhdGU6IGFueTtcblxuICBuZ09uSW5pdCgpIHtcbiAgICBpZiAodGhpcy5maWVsZCkge1xuICAgICAgdGhpcy5mb3JtQ29uZmlnID0gdGhpcy5maWVsZD8uX2Zvcm1Db25maWc7XG4gICAgICAvLyBJbmljaWFsaXphY2nDs25cbiAgICAgIGNvbnN0IG1hcHBpbmcgPSBPYmplY3QuZW50cmllcyh0aGlzLmZvcm1Db25maWcuY29tcG9uZW50RmllbGRBdHRyTWFwKTtcbiAgICAgIGZvciAobGV0IGluZGV4ID0gMDsgaW5kZXggPCBtYXBwaW5nLmxlbmd0aDsgaW5kZXgrKykge1xuICAgICAgICBjb25zdCBbZmllbGRBdHRyLCBjb21wQXR0cjFdID0gbWFwcGluZ1tpbmRleF07XG4gICAgICAgIGNvbnN0IGNvbXBBdHRyID0gY29tcEF0dHIxLnRvU3RyaW5nKCk7XG4gICAgICAgIGlmIChjb21wQXR0ciA9PT0gVkFMVUUpIHtcbiAgICAgICAgICB0aGlzLnVwZGF0ZVZhbHVlKCk7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgdGhpc1tjb21wQXR0cl0gPSB0aGlzLmZpZWxkPy5bZmllbGRBdHRyLnRvU3RyaW5nKCldO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgICAvLyBTdWJzY3JpcGNpw7NuIGEgY2FtYmlvcyBlbiBhdHJpYnV0b3NcbiAgICAgIHRoaXMuZmllbGQuYXR0cmlidXRlQ2hhbmdlLnN1YnNjcmliZShldmVudCA9PiB7XG4gICAgICAgIGNvbnN0IHsgbmFtZTogZmllbGRBdHRyLCB2YWx1ZSB9ID0gZXZlbnQ7XG4gICAgICAgIGNvbnN0IGNvbXBBdHRyID0gdGhpcy5mb3JtQ29uZmlnLmNvbXBvbmVudEZpZWxkQXR0ck1hcFtmaWVsZEF0dHJdO1xuICAgICAgICBpZiAoY29tcEF0dHIgPT09IFZBTFVFKSB7XG4gICAgICAgICAgdGhpcy51cGRhdGVWYWx1ZSgpO1xuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgIHRoaXNbY29tcEF0dHJdID0gdmFsdWVcbiAgICAgICAgfVxuICAgICAgfSk7XG4gICAgfVxuICAgIHRoaXMuc3RhcnQoKTtcbiAgfVxuXG4gIHN0YXJ0KCkgeyB9XG5cbiAgZm9jdXMoKSB7IH1cblxuICB1cGRhdGVPYmplY3QoKSB7XG4gICAgdGhpcy5maWVsZC5fZmllbGRWYWx1ZSA9IHRoaXMudmFsdWU7XG4gIH1cblxuICBpbnB1dENoYW5nZWQoKSB7XG4gICAgdGhpcy5maWVsZC5fZmllbGRWYWx1ZSA9IHRoaXMudmFsdWU7XG4gICAgdGhpcy5vbklucHV0Q2hhbmdlKCk7XG4gIH1cblxuICBpbnB1dFR5cGVkKCkge1xuICAgIHRoaXMuZmllbGQuX2ZpZWxkVmFsdWUgPSB0aGlzLnZhbHVlO1xuICAgIHRoaXMub25JbnB1dENoYW5nZSgpO1xuICB9XG5cbiAgdXBkYXRlVmFsdWUoKSB7XG4gICAgdGhpcy52YWx1ZSA9IHRoaXMuZmllbGQuX2ZpZWxkVmFsdWU7XG4gIH1cblxuICBvbklucHV0Q2hhbmdlKCkge1xuICAgIHNldFRpbWVvdXQoKCkgPT4gdGhpcy5maWVsZC5ub3RpZnlFZGl0aW9uUGFydGlhbCgpLCA1MCk7XG4gIH1cblxuICBvbkNoYW5nZUNvbnRlbnQoKSB7XG4gICAgc2V0VGltZW91dCgoKSA9PiB0aGlzLmZpZWxkLm5vdGlmeUVkaXRpb25GaW5pc2goKSwgNTApO1xuICB9XG5cbiAgb25TaG93SW5mbygpIHtcbiAgICBzZXRUaW1lb3V0KCgpID0+IHRoaXMuZmllbGQubm90aWZ5RWRpdGlvbkRldGFpbFJlcXVlc3QoKSwgNTApO1xuICB9XG5cbiAgbnVtYmVySW5wdXRWYWxpZGF0aW9uKGV2ZW50KSB7XG4gICAgY29uc3QgayA9IGV2ZW50LmNoYXJDb2RlO1xuICAgIHJldHVybiAoayA+IDQ3ICYmIGsgPCA1OCk7XG4gIH1cblxuICBnZXQgdmlzaWJsZSgpIHtcbiAgICByZXR1cm4gdGhpcy5maWVsZD8udmlzaWJsZU9uKHRoaXMuY3VycmVudFN0YXRlKTtcbiAgfVxuXG4gIGdldCBkaXNhYmxlZCgpIHtcbiAgICByZXR1cm4gIXRoaXMuZmllbGQ/LmVuYWJsZWRPbih0aGlzLmN1cnJlbnRTdGF0ZSk7XG4gIH1cbn1cbiJdfQ==
|
|
@@ -13,35 +13,35 @@ class ActionComponent {
|
|
|
13
13
|
}
|
|
14
14
|
ngOnInit() {
|
|
15
15
|
var _a;
|
|
16
|
-
this.formConfig = (_a = this.
|
|
16
|
+
this.formConfig = (_a = this.action) === null || _a === void 0 ? void 0 : _a._formConfig;
|
|
17
17
|
this.start();
|
|
18
18
|
}
|
|
19
19
|
start() { }
|
|
20
20
|
activate() {
|
|
21
21
|
var _a;
|
|
22
|
-
if ((_a = this.
|
|
23
|
-
this.
|
|
22
|
+
if ((_a = this.action) === null || _a === void 0 ? void 0 : _a.notifyActivation) {
|
|
23
|
+
this.action.notifyActivation();
|
|
24
24
|
}
|
|
25
25
|
}
|
|
26
26
|
visibleOnRestriction() {
|
|
27
27
|
var _a, _b, _c, _d, _e;
|
|
28
|
-
if (!((_a = this.
|
|
28
|
+
if (!((_a = this.action) === null || _a === void 0 ? void 0 : _a.restrictedOnField)) {
|
|
29
29
|
return true;
|
|
30
30
|
}
|
|
31
|
-
if ((((_b = this.
|
|
32
|
-
&& this.relatedField === ((_c = this.
|
|
33
|
-
|| (((_d = this.
|
|
34
|
-
&& this.relatedField !== ((_e = this.
|
|
31
|
+
if ((((_b = this.action) === null || _b === void 0 ? void 0 : _b.restrictedOnOperator) === '=='
|
|
32
|
+
&& this.relatedField === ((_c = this.action) === null || _c === void 0 ? void 0 : _c.restrictedOnValue))
|
|
33
|
+
|| (((_d = this.action) === null || _d === void 0 ? void 0 : _d.restrictedOnOperator) === '!='
|
|
34
|
+
&& this.relatedField !== ((_e = this.action) === null || _e === void 0 ? void 0 : _e.restrictedOnValue))) {
|
|
35
35
|
return true;
|
|
36
36
|
}
|
|
37
37
|
}
|
|
38
38
|
get visible() {
|
|
39
39
|
var _a;
|
|
40
|
-
return ((_a = this.
|
|
40
|
+
return ((_a = this.action) === null || _a === void 0 ? void 0 : _a.visibleOn(this.currentState)) && this.visibleOnRestriction();
|
|
41
41
|
}
|
|
42
42
|
get disabled() {
|
|
43
43
|
var _a;
|
|
44
|
-
return !((_a = this.
|
|
44
|
+
return !((_a = this.action) === null || _a === void 0 ? void 0 : _a.enabledOn(this.currentState));
|
|
45
45
|
}
|
|
46
46
|
}
|
|
47
47
|
ActionComponent.decorators = [
|
|
@@ -51,7 +51,7 @@ ActionComponent.decorators = [
|
|
|
51
51
|
},] }
|
|
52
52
|
];
|
|
53
53
|
ActionComponent.propDecorators = {
|
|
54
|
-
|
|
54
|
+
action: [{ type: Input }],
|
|
55
55
|
busy: [{ type: Input }],
|
|
56
56
|
relatedField: [{ type: Input }],
|
|
57
57
|
currentState: [{ type: Input }],
|
|
@@ -63,8 +63,8 @@ const VALUE = '';
|
|
|
63
63
|
class FieldComponent {
|
|
64
64
|
ngOnInit() {
|
|
65
65
|
var _a, _b;
|
|
66
|
-
if (this.
|
|
67
|
-
this.formConfig = (_a = this.
|
|
66
|
+
if (this.field) {
|
|
67
|
+
this.formConfig = (_a = this.field) === null || _a === void 0 ? void 0 : _a._formConfig;
|
|
68
68
|
// Inicialización
|
|
69
69
|
const mapping = Object.entries(this.formConfig.componentFieldAttrMap);
|
|
70
70
|
for (let index = 0; index < mapping.length; index++) {
|
|
@@ -74,11 +74,11 @@ class FieldComponent {
|
|
|
74
74
|
this.updateValue();
|
|
75
75
|
}
|
|
76
76
|
else {
|
|
77
|
-
this[compAttr] = (_b = this.
|
|
77
|
+
this[compAttr] = (_b = this.field) === null || _b === void 0 ? void 0 : _b[fieldAttr.toString()];
|
|
78
78
|
}
|
|
79
79
|
}
|
|
80
80
|
// Subscripción a cambios en atributos
|
|
81
|
-
this.
|
|
81
|
+
this.field.attributeChange.subscribe(event => {
|
|
82
82
|
const { name: fieldAttr, value } = event;
|
|
83
83
|
const compAttr = this.formConfig.componentFieldAttrMap[fieldAttr];
|
|
84
84
|
if (compAttr === VALUE) {
|
|
@@ -93,16 +93,28 @@ class FieldComponent {
|
|
|
93
93
|
}
|
|
94
94
|
start() { }
|
|
95
95
|
focus() { }
|
|
96
|
-
|
|
97
|
-
|
|
96
|
+
updateObject() {
|
|
97
|
+
this.field._fieldValue = this.value;
|
|
98
|
+
}
|
|
99
|
+
inputChanged() {
|
|
100
|
+
this.field._fieldValue = this.value;
|
|
101
|
+
this.onInputChange();
|
|
102
|
+
}
|
|
103
|
+
inputTyped() {
|
|
104
|
+
this.field._fieldValue = this.value;
|
|
105
|
+
this.onInputChange();
|
|
106
|
+
}
|
|
107
|
+
updateValue() {
|
|
108
|
+
this.value = this.field._fieldValue;
|
|
109
|
+
}
|
|
98
110
|
onInputChange() {
|
|
99
|
-
setTimeout(() => this.
|
|
111
|
+
setTimeout(() => this.field.notifyEditionPartial(), 50);
|
|
100
112
|
}
|
|
101
113
|
onChangeContent() {
|
|
102
|
-
setTimeout(() => this.
|
|
114
|
+
setTimeout(() => this.field.notifyEditionFinish(), 50);
|
|
103
115
|
}
|
|
104
116
|
onShowInfo() {
|
|
105
|
-
setTimeout(() => this.
|
|
117
|
+
setTimeout(() => this.field.notifyEditionDetailRequest(), 50);
|
|
106
118
|
}
|
|
107
119
|
numberInputValidation(event) {
|
|
108
120
|
const k = event.charCode;
|
|
@@ -110,11 +122,11 @@ class FieldComponent {
|
|
|
110
122
|
}
|
|
111
123
|
get visible() {
|
|
112
124
|
var _a;
|
|
113
|
-
return (_a = this.
|
|
125
|
+
return (_a = this.field) === null || _a === void 0 ? void 0 : _a.visibleOn(this.currentState);
|
|
114
126
|
}
|
|
115
127
|
get disabled() {
|
|
116
128
|
var _a;
|
|
117
|
-
return !((_a = this.
|
|
129
|
+
return !((_a = this.field) === null || _a === void 0 ? void 0 : _a.enabledOn(this.currentState));
|
|
118
130
|
}
|
|
119
131
|
}
|
|
120
132
|
FieldComponent.decorators = [
|
|
@@ -124,7 +136,7 @@ FieldComponent.decorators = [
|
|
|
124
136
|
},] }
|
|
125
137
|
];
|
|
126
138
|
FieldComponent.propDecorators = {
|
|
127
|
-
|
|
139
|
+
field: [{ type: Input }],
|
|
128
140
|
currentState: [{ type: Input }]
|
|
129
141
|
};
|
|
130
142
|
|