tuain-ng-forms-lib 14.2.14 → 14.3.0
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/elements/field.component.mjs +27 -40
- package/esm2020/lib/components/forms/basic-form.mjs +12 -1
- package/fesm2015/tuain-ng-forms-lib.mjs +40 -42
- package/fesm2015/tuain-ng-forms-lib.mjs.map +1 -1
- package/fesm2020/tuain-ng-forms-lib.mjs +37 -39
- package/fesm2020/tuain-ng-forms-lib.mjs.map +1 -1
- package/lib/components/elements/field.component.d.ts +6 -6
- package/lib/components/forms/basic-form.d.ts +1 -0
- package/package.json +1 -1
|
@@ -12,23 +12,24 @@ export class FieldComponent {
|
|
|
12
12
|
this.field = null;
|
|
13
13
|
}
|
|
14
14
|
ngOnInit() {
|
|
15
|
-
if (this.field) {
|
|
16
|
-
|
|
17
|
-
// Inicialización
|
|
18
|
-
const mapping = this.formConfig.fieldPropagateAttributes;
|
|
19
|
-
for (let index = 0; index < mapping.length; index++) {
|
|
20
|
-
const attrName = mapping[index].toString();
|
|
21
|
-
const attributeValue = this.field?.[attrName];
|
|
22
|
-
this.dafaultProcessFieldChange(attrName, attributeValue);
|
|
23
|
-
this.processFieldChange(attrName, attributeValue);
|
|
24
|
-
}
|
|
25
|
-
// Subscripción a cambios en atributos
|
|
26
|
-
this.field.attributeChange.subscribe(event => {
|
|
27
|
-
const { name: attrName, value } = event;
|
|
28
|
-
this.dafaultProcessFieldChange(attrName, value);
|
|
29
|
-
this.processFieldChange(attrName, value);
|
|
30
|
-
});
|
|
15
|
+
if (!this.field) {
|
|
16
|
+
return;
|
|
31
17
|
}
|
|
18
|
+
this.formConfig = this.field?._formConfig;
|
|
19
|
+
// Inicialización
|
|
20
|
+
const mapping = this.formConfig.fieldPropagateAttributes;
|
|
21
|
+
for (let index = 0; index < mapping.length; index++) {
|
|
22
|
+
const attrName = mapping[index].toString();
|
|
23
|
+
const attributeValue = this.field?.[attrName];
|
|
24
|
+
this.dafaultProcessFieldChange(attrName, attributeValue);
|
|
25
|
+
this.processFieldChange(attrName, attributeValue);
|
|
26
|
+
}
|
|
27
|
+
// Subscripción a cambios en atributos
|
|
28
|
+
this.field?.attributeChange.subscribe(event => {
|
|
29
|
+
const { name: attrName, value } = event;
|
|
30
|
+
this.dafaultProcessFieldChange(attrName, value);
|
|
31
|
+
this.processFieldChange(attrName, value);
|
|
32
|
+
});
|
|
32
33
|
this.start();
|
|
33
34
|
}
|
|
34
35
|
dafaultProcessFieldChange(attribute, value) {
|
|
@@ -42,42 +43,28 @@ export class FieldComponent {
|
|
|
42
43
|
this[attribute] = value;
|
|
43
44
|
}
|
|
44
45
|
}
|
|
46
|
+
get visible() { return this.field?.visibleOn(this.state); }
|
|
47
|
+
get disabled() { return !this.field?.enabledOn(this.state); }
|
|
48
|
+
updateValue() { this.value = this.field?.value; }
|
|
49
|
+
onInputChange() { setTimeout(() => this.field?.notifyEditionPartial(), 50); }
|
|
50
|
+
onChangeContent() { setTimeout(() => this.field?.notifyEditionFinish(), 50); }
|
|
51
|
+
onShowInfo(detail = null) { setTimeout(() => this.field?.notifyEditionDetailRequest(detail), 50); }
|
|
45
52
|
processFieldChange(attribute, value) { }
|
|
46
53
|
start() { }
|
|
47
54
|
focus() { }
|
|
48
|
-
updateObject() {
|
|
49
|
-
this.field.setValue(this.value);
|
|
50
|
-
}
|
|
55
|
+
updateObject() { this.field?.setValue(this.value); }
|
|
51
56
|
inputChanged() {
|
|
52
|
-
this.field
|
|
57
|
+
this.field?.setValue(this.value);
|
|
53
58
|
this.onChangeContent();
|
|
54
59
|
}
|
|
55
60
|
inputTyped() {
|
|
56
|
-
this.field
|
|
61
|
+
this.field?.setValue(this.value);
|
|
57
62
|
this.onInputChange();
|
|
58
63
|
}
|
|
59
|
-
updateValue() {
|
|
60
|
-
this.value = this.field.getValue();
|
|
61
|
-
}
|
|
62
|
-
onInputChange() {
|
|
63
|
-
setTimeout(() => this.field.notifyEditionPartial(), 50);
|
|
64
|
-
}
|
|
65
|
-
onChangeContent() {
|
|
66
|
-
setTimeout(() => this.field.notifyEditionFinish(), 50);
|
|
67
|
-
}
|
|
68
|
-
onShowInfo(detail = null) {
|
|
69
|
-
setTimeout(() => this.field.notifyEditionDetailRequest(detail), 50);
|
|
70
|
-
}
|
|
71
64
|
numberInputValidation(event) {
|
|
72
65
|
const k = event.charCode;
|
|
73
66
|
return (k > 47 && k < 58);
|
|
74
67
|
}
|
|
75
|
-
get visible() {
|
|
76
|
-
return this.field?.visibleOn(this.state);
|
|
77
|
-
}
|
|
78
|
-
get disabled() {
|
|
79
|
-
return !this.field?.enabledOn(this.state);
|
|
80
|
-
}
|
|
81
68
|
}
|
|
82
69
|
FieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.6", ngImport: i0, type: FieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
83
70
|
FieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.6", type: FieldComponent, selector: "lib-field", inputs: { field: "field", state: "state" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
|
|
@@ -92,4 +79,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.6", ngImpor
|
|
|
92
79
|
}], state: [{
|
|
93
80
|
type: Input
|
|
94
81
|
}] } });
|
|
95
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
82
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmllbGQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdHVhaW4tbmctZm9ybXMtbGliL3NyYy9saWIvY29tcG9uZW50cy9lbGVtZW50cy9maWVsZC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBR3pELE1BQU0sS0FBSyxHQUFHLE9BQU8sQ0FBQztBQUN0QixNQUFNLEtBQUssR0FBRyxPQUFPLENBQUM7QUFLdEIsTUFBTSxPQUFPLGNBQWM7SUFKM0I7UUFNRSxvQ0FBb0M7UUFDcEMsU0FBSSxHQUFXLEVBQUUsQ0FBQztRQUVsQixTQUFJLEdBQVcsRUFBRSxDQUFDO1FBQ2xCLGNBQVMsR0FBVyxFQUFFLENBQUM7UUFDdkIsWUFBTyxHQUFXLEVBQUUsQ0FBQztRQWtCWixVQUFLLEdBQTJCLElBQUksQ0FBQztLQTJEL0M7SUF4REMsUUFBUTtRQUNOLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxFQUFFO1lBQUUsT0FBTztTQUFFO1FBQzVCLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLEtBQUssRUFBRSxXQUFXLENBQUM7UUFDMUMsaUJBQWlCO1FBQ2pCLE1BQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsd0JBQXdCLENBQUM7UUFDekQsS0FBSyxJQUFJLEtBQUssR0FBRyxDQUFDLEVBQUUsS0FBSyxHQUFHLE9BQU8sQ0FBQyxNQUFNLEVBQUUsS0FBSyxFQUFFLEVBQUU7WUFDbkQsTUFBTSxRQUFRLEdBQUcsT0FBTyxDQUFDLEtBQUssQ0FBQyxDQUFDLFFBQVEsRUFBRSxDQUFDO1lBQzNDLE1BQU0sY0FBYyxHQUFHLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQyxRQUFRLENBQUMsQ0FBQztZQUM5QyxJQUFJLENBQUMseUJBQXlCLENBQUMsUUFBUSxFQUFF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Q1QsUUFBUSxFQUFFLFdBQVc7b0JBQ3JCLFFBQVEsRUFBRSwyQkFBMkI7aUJBQ3RDOzhCQTBCVSxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGaWVsZERlc2NyaXB0b3IgfSBmcm9tICcuLi8uLi9jbGFzc2VzL2Zvcm1zL2ZpZWxkJztcblxuY29uc3QgVkFMVUUgPSAndmFsdWUnO1xuY29uc3QgRk9DVVMgPSAnZm9jdXMnO1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbGliLWZpZWxkJyxcbiAgdGVtcGxhdGU6IGA8bmctY29udGVudD48L25nLWNvbnRlbnQ+YFxufSlcbmV4cG9ydCBjbGFzcyBGaWVsZENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIGZvcm1Db25maWc6IGFueTtcbiAgLy8gQXRyaWJ1dG9zIG9idGVuaWRvcyBlc3TDoXRpY2FtZW50ZVxuICBjb2RlOiBzdHJpbmcgPSAnJztcbiAgdmFsdWU6IGFueTtcbiAgaW5mbzogc3RyaW5nID0gJyc7XG4gIGFsaWdubWVudDogc3RyaW5nID0gJyc7XG4gIHRvb2x0aXA6IHN0cmluZyA9ICcnO1xuXG4gIC8vIEF0cmlidXRvcyBhY3R1YWxpemFkb3MgcG9yIHN1YnNjcmlwY2nDs25cbiAgbWF4TGVuZ3RoOiBhbnk7XG4gIG1pblZhbHVlOiBhbnk7XG4gIG1heFZhbHVlOiBhbnk7XG4gIG9uVmFsaWRhdGlvbjogYW55O1xuICBjYXB0dXJlVHlwZTogYW55O1xuICB0aXRsZTogYW55O1xuICB0eXBlOiBhbnk7XG4gIHZpc2libGVMYWJlbDogYW55O1xuICByZXF1aXJlZDogYW55O1xuICBvcHRpb25zOiBhbnk7XG5cbiAgZXJyb3JUeXBlOiBhbnk7XG4gIGVycm9yQ29kZTogYW55O1xuICBlcnJvck1lc3NhZ2U6IGFueTtcblxuICBASW5wdXQoKSBmaWVsZDogRmllbGREZXNjcmlwdG9yIHwgbnVsbCA9IG51bGw7XG4gIEBJbnB1dCgpIHN0YXRlOiBhbnk7XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgaWYgKCF0aGlzLmZpZWxkKSB7IHJldHVybjsgfVxuICAgIHRoaXMuZm9ybUNvbmZpZyA9IHRoaXMuZmllbGQ/Ll9mb3JtQ29uZmlnO1xuICAgIC8vIEluaWNpYWxpemFjacOzblxuICAgIGNvbnN0IG1hcHBpbmcgPSB0aGlzLmZvcm1Db25maWcuZmllbGRQcm9wYWdhdGVBdHRyaWJ1dGVzO1xuICAgIGZvciAobGV0IGluZGV4ID0gMDsgaW5kZXggPCBtYXBwaW5nLmxlbmd0aDsgaW5kZXgrKykge1xuICAgICAgY29uc3QgYXR0ck5hbWUgPSBtYXBwaW5nW2luZGV4XS50b1N0cmluZygpO1xuICAgICAgY29uc3QgYXR0cmlidXRlVmFsdWUgPSB0aGlzLmZpZWxkPy5bYXR0ck5hbWVdO1xuICAgICAgdGhpcy5kYWZhdWx0UHJvY2Vzc0ZpZWxkQ2hhbmdlKGF0dHJOYW1lLCBhdHRyaWJ1dGVWYWx1ZSk7XG4gICAgICB0aGlzLnByb2Nlc3NGaWVsZENoYW5nZShhdHRyTmFtZSwgYXR0cmlidXRlVmFsdWUpO1xuICAgIH1cbiAgICAvLyBTdWJzY3JpcGNpw7NuIGEgY2FtYmlvcyBlbiBhdHJpYnV0b3NcbiAgICB0aGlzLmZpZWxkPy5hdHRyaWJ1dGVDaGFuZ2Uuc3Vic2NyaWJlKGV2ZW50ID0+IHtcbiAgICAgIGNvbnN0IHsgbmFtZTogYXR0ck5hbWUsIHZhbHVlIH0gPSBldmVudDtcbiAgICAgIHRoaXMuZGFmYXVsdFByb2Nlc3NGaWVsZENoYW5nZShhdHRyTmFtZSwgdmFsdWUpO1xuICAgICAgdGhpcy5wcm9jZXNzRmllbGRDaGFuZ2UoYXR0ck5hbWUsIHZhbHVlKTtcbiAgICB9KTtcbiAgICB0aGlzLnN0YXJ0KCk7XG4gIH1cblxuICBkYWZhdWx0UHJvY2Vzc0ZpZWxkQ2hhbmdlKGF0dHJpYnV0ZTogc3RyaW5nLCB2YWx1ZT86IGFueSkge1xuICAgIGlmIChhdHRyaWJ1dGUgPT09IFZBTFVFKSB7XG4gICAgICB0aGlzLnVwZGF0ZVZhbHVlKCk7XG4gICAgfSBlbHNlIGlmIChhdHRyaWJ1dGUgPT09IEZPQ1VTKSB7XG4gICAgICB0aGlzLmZvY3VzKCk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXNbYXR0cmlidXRlXSA9IHZhbHVlO1xuICAgIH1cbiAgfVxuXG4gIGdldCB2aXNpYmxlKCkgeyByZXR1cm4gdGhpcy5maWVsZD8udmlzaWJsZU9uKHRoaXMuc3RhdGUpOyB9XG4gIGdldCBkaXNhYmxlZCgpIHsgcmV0dXJuICF0aGlzLmZpZWxkPy5lbmFibGVkT24odGhpcy5zdGF0ZSk7IH1cblxuICB1cGRhdGVWYWx1ZSgpIHsgdGhpcy52YWx1ZSA9IHRoaXMuZmllbGQ/LnZhbHVlOyB9XG4gIG9uSW5wdXRDaGFuZ2UoKSB7IHNldFRpbWVvdXQoKCkgPT4gdGhpcy5maWVsZD8ubm90aWZ5RWRpdGlvblBhcnRpYWwoKSwgNTApOyB9XG4gIG9uQ2hhbmdlQ29udGVudCgpIHsgc2V0VGltZW91dCgoKSA9PiB0aGlzLmZpZWxkPy5ub3RpZnlFZGl0aW9uRmluaXNoKCksIDUwKTsgfVxuICBvblNob3dJbmZvKGRldGFpbCA9IG51bGwpIHsgc2V0VGltZW91dCgoKSA9PiB0aGlzLmZpZWxkPy5ub3RpZnlFZGl0aW9uRGV0YWlsUmVxdWVzdChkZXRhaWwpLCA1MCk7IH1cbiAgcHJvY2Vzc0ZpZWxkQ2hhbmdlKGF0dHJpYnV0ZTogc3RyaW5nLCB2YWx1ZT86IGFueSkgeyB9XG4gIHN0YXJ0KCkgeyB9XG4gIGZvY3VzKCkgeyB9XG4gIHVwZGF0ZU9iamVjdCgpIHsgdGhpcy5maWVsZD8uc2V0VmFsdWUodGhpcy52YWx1ZSk7IH1cblxuICBpbnB1dENoYW5nZWQoKSB7XG4gICAgdGhpcy5maWVsZD8uc2V0VmFsdWUodGhpcy52YWx1ZSk7XG4gICAgdGhpcy5vbkNoYW5nZUNvbnRlbnQoKTtcbiAgfVxuXG4gIGlucHV0VHlwZWQoKSB7XG4gICAgdGhpcy5maWVsZD8uc2V0VmFsdWUodGhpcy52YWx1ZSk7XG4gICAgdGhpcy5vbklucHV0Q2hhbmdlKCk7XG4gIH1cblxuICBudW1iZXJJbnB1dFZhbGlkYXRpb24oZXZlbnQpIHtcbiAgICBjb25zdCBrID0gZXZlbnQuY2hhckNvZGU7XG4gICAgcmV0dXJuIChrID4gNDcgJiYgayA8IDU4KTtcbiAgfVxufVxuIl19
|