@3kles/kles-material-dynamicforms 18.0.1 → 18.0.4
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/controls/group.control.mjs +22 -1
- package/esm2022/lib/fields/group.component.mjs +12 -3
- package/esm2022/lib/pipe/transform.pipe.mjs +10 -9
- package/fesm2022/3kles-kles-material-dynamicforms.mjs +37 -9
- package/fesm2022/3kles-kles-material-dynamicforms.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -2,6 +2,8 @@ import { UntypedFormGroup } from "@angular/forms";
|
|
|
2
2
|
import { KlesFormControl } from "./default.control";
|
|
3
3
|
import { componentMapper } from "../decorators/component.decorator";
|
|
4
4
|
import { klesFieldControlFactory } from "../factories/field.factory";
|
|
5
|
+
import { concat, of } from "rxjs";
|
|
6
|
+
import { catchError, map, take } from "rxjs/operators";
|
|
5
7
|
export class KlesFormGroup extends KlesFormControl {
|
|
6
8
|
create() {
|
|
7
9
|
const subGroup = new UntypedFormGroup({});
|
|
@@ -22,7 +24,26 @@ export class KlesFormGroup extends KlesFormControl {
|
|
|
22
24
|
if (this.field.disabled) {
|
|
23
25
|
subGroup.disable();
|
|
24
26
|
}
|
|
27
|
+
if (this.field.asyncValue) {
|
|
28
|
+
concat(of({ value: null, pending: true }), this.field.asyncValue.pipe(take(1), catchError((err) => {
|
|
29
|
+
console.error(err);
|
|
30
|
+
return of(null);
|
|
31
|
+
}), map((value) => ({ value, pending: false })))).subscribe((response) => {
|
|
32
|
+
this.field.pending = response.pending;
|
|
33
|
+
this.field.collections.forEach((col) => col.pending = response.pending);
|
|
34
|
+
if (response.pending) {
|
|
35
|
+
subGroup.disable({ emitEvent: false });
|
|
36
|
+
}
|
|
37
|
+
else {
|
|
38
|
+
if (!this.field.disabled) {
|
|
39
|
+
subGroup.enable({ emitEvent: false });
|
|
40
|
+
}
|
|
41
|
+
subGroup.patchValue(response.value);
|
|
42
|
+
this.field.value = response.value;
|
|
43
|
+
}
|
|
44
|
+
});
|
|
45
|
+
}
|
|
25
46
|
return subGroup;
|
|
26
47
|
}
|
|
27
48
|
}
|
|
28
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
49
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JvdXAuY29udHJvbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2tsZXMtbWF0ZXJpYWwtZHluYW1pY2Zvcm1zL3NyYy9saWIvY29udHJvbHMvZ3JvdXAuY29udHJvbC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQThCLGdCQUFnQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDOUUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQ3BELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUNwRSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUNyRSxPQUFPLEVBQUUsTUFBTSxFQUFFLEVBQUUsRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUNsQyxPQUFPLEVBQUUsVUFBVSxFQUFFLEdBQUcsRUFBRSxJQUFJLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUV2RCxNQUFNLE9BQU8sYUFBYyxTQUFRLGVBQWU7SUFFdkMsTUFBTTtRQUNULE1BQU0sUUFBUSxHQUFHLElBQUksZ0JBQWdCLENBQUMsRUFBRSxDQUFDLENBQUM7UUFFMUMsSUFBSSxJQUFJLENBQUMsS0FBSyxDQUFDLFdBQVcsSUFBSSxLQUFLLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsV0FBVyxDQUFDLEVBQUUsQ0FBQztZQUNsRSxJQUFJLENBQUMsS0FBSyxDQUFDLFdBQVcsQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDLEVBQUU7Z0JBQ3RDLElBQUksT0FBTyxDQUFDO2dCQUNaLElBQUksUUFBUSxDQUFDLElBQUksRUFBRSxDQUFDO29CQUNoQixPQUFPLEdBQUcsZUFBZSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLEtBQUssUUFBUSxDQUFDLElBQUksQ0FBQyxFQUFFLE9BQU8sQ0FBQyxFQUFFLEdB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LENBQUMsQ0FBQztvQkFDcEMsSUFBSSxDQUFDLEtBQUssQ0FBQyxLQUFLLEdBQUcsUUFBUSxDQUFDLEtBQUssQ0FBQztnQkFDdEMsQ0FBQztZQUNMLENBQUMsQ0FBQyxDQUFDO1FBQ1AsQ0FBQztRQUVELE9BQU8sUUFBUSxDQUFDO0lBQ3BCLENBQUM7Q0FDSiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFic3RyYWN0Q29udHJvbCwgRm9ybUdyb3VwLCBVbnR5cGVkRm9ybUdyb3VwIH0gZnJvbSBcIkBhbmd1bGFyL2Zvcm1zXCI7XG5pbXBvcnQgeyBLbGVzRm9ybUNvbnRyb2wgfSBmcm9tIFwiLi9kZWZhdWx0LmNvbnRyb2xcIjtcbmltcG9ydCB7IGNvbXBvbmVudE1hcHBlciB9IGZyb20gXCIuLi9kZWNvcmF0b3JzL2NvbXBvbmVudC5kZWNvcmF0b3JcIjtcbmltcG9ydCB7IGtsZXNGaWVsZENvbnRyb2xGYWN0b3J5IH0gZnJvbSBcIi4uL2ZhY3Rvcmllcy9maWVsZC5mYWN0b3J5XCI7XG5pbXBvcnQgeyBjb25jYXQsIG9mIH0gZnJvbSBcInJ4anNcIjtcbmltcG9ydCB7IGNhdGNoRXJyb3IsIG1hcCwgdGFrZSB9IGZyb20gXCJyeGpzL29wZXJhdG9yc1wiO1xuXG5leHBvcnQgY2xhc3MgS2xlc0Zvcm1Hcm91cCBleHRlbmRzIEtsZXNGb3JtQ29udHJvbCB7XG5cbiAgICBwdWJsaWMgY3JlYXRlKCk6IEFic3RyYWN0Q29udHJvbDxhbnksIGFueT4ge1xuICAgICAgICBjb25zdCBzdWJHcm91cCA9IG5ldyBVbnR5cGVkRm9ybUdyb3VwKHt9KTtcblxuICAgICAgICBpZiAodGhpcy5maWVsZC5jb2xsZWN0aW9ucyAmJiBBcnJheS5pc0FycmF5KHRoaXMuZmllbGQuY29sbGVjdGlvbnMpKSB7XG4gICAgICAgICAgICB0aGlzLmZpZWxkLmNvbGxlY3Rpb25zLmZvckVhY2goc3ViZmllbGQgPT4ge1xuICAgICAgICAgICAgICAgIGxldCBjb250cm9sO1xuICAgICAgICAgICAgICAgIGlmIChzdWJmaWVsZC50eXBlKSB7XG4gICAgICAgICAgICAgICAgICAgIGNvbnRyb2wgPSBjb21wb25lbnRNYXBwZXIuZmluZChjID0+IGMudHlwZSA9PT0gc3ViZmllbGQudHlwZSk/LmZhY3RvcnkoeyAuLi5zdWJmaWVsZCwgdmFsdWU6IHN1YmZpZWxkLnZhbHVlIHx8IHRoaXMuZmllbGQudmFsdWU/LltzdWJmaWVsZC5uYW1lXSB9LCB0aGlzLnJlZilcbiAgICAgICAgICAgICAgICAgICAgICAgIHx8IGtsZXNGaWVsZENvbnRyb2xGYWN0b3J5KHsgLi4uc3ViZmllbGQsIHZhbHVlOiBzdWJmaWVsZC52YWx1ZSB8fCB0aGlzLmZpZWxkLnZhbHVlPy5bc3ViZmllbGQubmFtZV0gfSwgdGhpcy5yZWYpO1xuICAgICAgICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICAgICAgICAgIGNvbnRyb2wgPSBjb21wb25lbnRNYXBwZXIuZmluZChjID0+IGMuY29tcG9uZW50ID09PSBzdWJmaWVsZC5jb21wb25lbnQpPy5mYWN0b3J5KHsgLi4uc3ViZmllbGQsIHZhbHVlOiBzdWJmaWVsZC52YWx1ZSB8fCB0aGlzLmZpZWxkLnZhbHVlPy5bc3ViZmllbGQubmFtZV0gfSlcbiAgICAgICAgICAgICAgICAgICAgICAgIHx8IGtsZXNGaWVsZENvbnRyb2xGYWN0b3J5KHsgLi4uc3ViZmllbGQsIHZhbHVlOiBzdWJmaWVsZC52YWx1ZSB8fCB0aGlzLmZpZWxkLnZhbHVlPy5bc3ViZmllbGQubmFtZV0gfSwgdGhpcy5yZWYpO1xuICAgICAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgICAgIHN1Ykdyb3VwLmFkZENvbnRyb2woc3ViZmllbGQubmFtZSwgY29udHJvbCk7XG4gICAgICAgICAgICB9KTtcbiAgICAgICAgfVxuXG4gICAgICAgIGlmICh0aGlzLmZpZWxkLmRpc2FibGVkKSB7XG4gICAgICAgICAgICBzdWJHcm91cC5kaXNhYmxlKCk7XG4gICAgICAgIH1cblxuICAgICAgICBpZiAodGhpcy5maWVsZC5hc3luY1ZhbHVlKSB7XG4gICAgICAgICAgICBjb25jYXQoXG4gICAgICAgICAgICAgICAgb2YoeyB2YWx1ZTogbnVsbCwgcGVuZGluZzogdHJ1ZSB9KSxcbiAgICAgICAgICAgICAgICB0aGlzLmZpZWxkLmFzeW5jVmFsdWUucGlwZShcbiAgICAgICAgICAgICAgICAgICAgdGFrZSgxKSxcbiAgICAgICAgICAgICAgICAgICAgY2F0Y2hFcnJvcigoZXJyKSA9PiB7XG4gICAgICAgICAgICAgICAgICAgICAgICBjb25zb2xlLmVycm9yKGVycik7XG4gICAgICAgICAgICAgICAgICAgICAgICByZXR1cm4gb2YobnVsbCk7XG4gICAgICAgICAgICAgICAgICAgIH0pLFxuICAgICAgICAgICAgICAgICAgICBtYXAoKHZhbHVlKSA9PiAoeyB2YWx1ZSwgcGVuZGluZzogZmFsc2UgfSkpXG4gICAgICAgICAgICAgICAgKVxuICAgICAgICAgICAgKS5zdWJzY3JpYmUoKHJlc3BvbnNlKSA9PiB7XG4gICAgICAgICAgICAgICAgdGhpcy5maWVsZC5wZW5kaW5nID0gcmVzcG9uc2UucGVuZGluZztcbiAgICAgICAgICAgICAgICB0aGlzLmZpZWxkLmNvbGxlY3Rpb25zLmZvckVhY2goKGNvbCkgPT4gY29sLnBlbmRpbmcgPSByZXNwb25zZS5wZW5kaW5nKTtcbiAgICAgICAgICAgICAgICBpZiAocmVzcG9uc2UucGVuZGluZykge1xuICAgICAgICAgICAgICAgICAgICBzdWJHcm91cC5kaXNhYmxlKHsgZW1pdEV2ZW50OiBmYWxzZSB9KTtcbiAgICAgICAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgICAgICAgICBpZiAoIXRoaXMuZmllbGQuZGlzYWJsZWQpIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIHN1Ykdyb3VwLmVuYWJsZSh7IGVtaXRFdmVudDogZmFsc2UgfSk7XG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgc3ViR3JvdXAucGF0Y2hWYWx1ZShyZXNwb25zZS52YWx1ZSk7XG4gICAgICAgICAgICAgICAgICAgIHRoaXMuZmllbGQudmFsdWUgPSByZXNwb25zZS52YWx1ZTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9KTtcbiAgICAgICAgfVxuXG4gICAgICAgIHJldHVybiBzdWJHcm91cDtcbiAgICB9XG59XG4iXX0=
|
|
@@ -5,7 +5,8 @@ import { FieldMapper } from '../decorators/component.decorator';
|
|
|
5
5
|
import { EnumType } from '../enums/type.enum';
|
|
6
6
|
import { KlesFieldAbstract } from './field.abstract';
|
|
7
7
|
import * as i0 from "@angular/core";
|
|
8
|
-
import * as i1 from "
|
|
8
|
+
import * as i1 from "@angular/material/tooltip";
|
|
9
|
+
import * as i2 from "../directive/dynamic-field.directive";
|
|
9
10
|
let KlesFormGroupComponent = class KlesFormGroupComponent extends KlesFieldAbstract {
|
|
10
11
|
constructor() {
|
|
11
12
|
super(...arguments);
|
|
@@ -42,13 +43,17 @@ let KlesFormGroupComponent = class KlesFormGroupComponent extends KlesFieldAbstr
|
|
|
42
43
|
}
|
|
43
44
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KlesFormGroupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
44
45
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: KlesFormGroupComponent, selector: "kles-group", host: { properties: { "formGroup": "group", "formGroupName": "field.name", "class": "this.className" } }, usesInheritance: true, ngImport: i0, template: `
|
|
46
|
+
@if(field.label){
|
|
47
|
+
<h4><span [matTooltip]="field.tooltip || ''" >{{field.label}}</span></h4>
|
|
48
|
+
}
|
|
49
|
+
|
|
45
50
|
@for (subfield of field.collections; track subfield.name) {
|
|
46
51
|
@if (subfield.visible !== false) {
|
|
47
52
|
<ng-container klesDynamicField [field]="subfield" [group]="subGroup" [siblingFields]="field.collections">
|
|
48
53
|
</ng-container>
|
|
49
54
|
}
|
|
50
55
|
}
|
|
51
|
-
`, isInline: true, styles: ["mat-form-field{width:100%}\n", ":host.group-container{display:flex;flex-direction:inherit;width:inherit;justify-content:inherit}\n", ":host.group-container-column{display:flex;flex-direction:column;justify-content:inherit}\n", ":host.group-container-column>*{width:100%}\n", ":host.group-container-row{display:inline-flex;flex-wrap:wrap;gap:10px;align-items:baseline;justify-content:inherit}\n", ":host.group-container-row>*{width:100%}\n", ":host.group-container-grid{display:grid}\n", ":host.group-container-inline-grid{display:inline-grid}\n"], dependencies: [{ kind: "directive", type: i1.KlesDynamicFieldDirective, selector: "[klesDynamicField]", inputs: ["field", "group", "siblingFields"] }] }); }
|
|
56
|
+
`, isInline: true, styles: ["mat-form-field{width:100%}\n", ":host.group-container{display:flex;flex-direction:inherit;width:inherit;justify-content:inherit}\n", ":host.group-container-column{display:flex;flex-direction:column;justify-content:inherit}\n", ":host.group-container-column>*{width:100%}\n", ":host.group-container-row{display:inline-flex;flex-wrap:wrap;gap:10px;align-items:baseline;justify-content:inherit}\n", ":host.group-container-row>*{width:100%}\n", ":host.group-container-grid{display:grid}\n", ":host.group-container-inline-grid{display:inline-grid}\n"], dependencies: [{ kind: "directive", type: i1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: i2.KlesDynamicFieldDirective, selector: "[klesDynamicField]", inputs: ["field", "group", "siblingFields"] }] }); }
|
|
52
57
|
};
|
|
53
58
|
KlesFormGroupComponent = __decorate([
|
|
54
59
|
FieldMapper({ type: EnumType.group, factory: (field) => (new KlesFormGroup(field).create()) })
|
|
@@ -57,6 +62,10 @@ export { KlesFormGroupComponent };
|
|
|
57
62
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KlesFormGroupComponent, decorators: [{
|
|
58
63
|
type: Component,
|
|
59
64
|
args: [{ host: { '[formGroup]': 'group', '[formGroupName]': 'field.name' }, selector: 'kles-group', template: `
|
|
65
|
+
@if(field.label){
|
|
66
|
+
<h4><span [matTooltip]="field.tooltip || ''" >{{field.label}}</span></h4>
|
|
67
|
+
}
|
|
68
|
+
|
|
60
69
|
@for (subfield of field.collections; track subfield.name) {
|
|
61
70
|
@if (subfield.visible !== false) {
|
|
62
71
|
<ng-container klesDynamicField [field]="subfield" [group]="subGroup" [siblingFields]="field.collections">
|
|
@@ -68,4 +77,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
68
77
|
type: HostBinding,
|
|
69
78
|
args: ['class']
|
|
70
79
|
}] } });
|
|
71
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
80
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JvdXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2xlcy1tYXRlcmlhbC1keW5hbWljZm9ybXMvc3JjL2xpYi9maWVsZHMvZ3JvdXAuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBMEQsTUFBTSxlQUFlLENBQUM7QUFFL0csT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzFELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUNoRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDOUMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7Ozs7QUE2QjlDLElBQU0sc0JBQXNCLEdBQTVCLE1BQU0sc0JBQXVCLFNBQVEsaUJBQWlCO0lBQXREOztRQUVILHFCQUFnQixHQUlzQixpQkFBaUIsQ0FBQztLQXFDM0Q7SUFuQ0csSUFBMEIsU0FBUztRQUMvQixPQUFPLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQztJQUNqQyxDQUFDO0lBSUQsUUFBUTtRQUNKLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQXFCLENBQUM7UUFDekUsS0FBSyxDQUFDLFFBQVEsRUFBRSxDQUFDO1FBQ2pCLElBQUksQ0FBQyxtQkFBbUIsRUFBRSxDQUFDO0lBQy9CLENBQUM7SUFFRCxXQUFXO1FBQ1AsS0FBSyxDQUFDLFdBQVcsRUFBRSxDQUFDO0lBQ3hCLENBQUM7SUFFTyxtQkFBbUI7UUFDdkIsSUFBSSxJQUFJLENBQUMsS0FBSyxDQUFDLFNBQVMsRUFBRSxDQUFDO1lBQ3ZCLFFBQVEsSUFBSSxDQUFDLEtBQUssQ0FBQyxTQUFTLEVBQUUsQ0FBQztnQkFDM0IsS0FBSyxRQUFRO29CQUNULElBQUksQ0FBQyxnQkFBZ0IsR0FBRyx3QkFBd0IsQ0FBQztvQkFDakQsTUFBTTtnQkFDVixLQUFLLEtBQUs7b0JBQ04sSUFBSSxDQUFDLGdCQUFnQixHQUFHLHFCQUFxQixDQUFDO29CQUM5QyxNQUFNO2dCQUNWLEtBQUssTUFBTTtvQkFDUCxJQUFJLENBQUMsZ0JBQWdCLEdBQUcsc0JBQXNCLENBQUM7b0JBQy9DLE1BQU07Z0JBQ1YsS0FBSyxhQUFhO29CQUNkLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyw2QkFBNkIsQ0FBQztvQkFDdEQsTUFBTTtZQUNkLENBQUM7UUFDTCxDQUFDO0lBRUwsQ0FBQzsrR0ExQ1Esc0JBQXNCO21HQUF0QixzQkFBc0IsbUxBdkJyQjs7Ozs7Ozs7Ozs7Q0FXYjs7QUFZWSxzQkFBc0I7SUEzQmxDLFdBQVcsQ0FBQyxFQUFFLElBQUksRUFBRSxRQUFRLENBQUMsS0FBSyxFQUFFLE9BQU8sRUFBRSxDQUFDLEtBQUssRUFBRSxFQUFFLENBQUMsQ0FBQyxJQUFJLGFBQWEsQ0FBQyxLQUFLLENBQUMsQ0FBQyxNQUFNLEVBQUUsQ0FBQyxFQUFFLENBQUM7R0EyQmxGLHNCQUFzQixDQTJDbEM7OzRGQTNDWSxzQkFBc0I7a0JBMUJsQyxTQUFTOzJCQUNBLEVBQUUsYUFBYSxFQUFFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxZQUFZLEVBQUUsWUFDdkQsWUFBWSxZQUNaOzs7Ozs7Ozs7OztDQVdiOzhCQW9CNkIsU0FBUztzQkFBbEMsV0FBVzt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0QmluZGluZywgT25EZXN0cm95LCBPbkluaXQsIFZpZXdDb250YWluZXJSZWYsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBVbnR5cGVkRm9ybUdyb3VwIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgS2xlc0Zvcm1Hcm91cCB9IGZyb20gJy4uL2NvbnRyb2xzL2dyb3VwLmNvbnRyb2wnO1xuaW1wb3J0IHsgRmllbGRNYXBwZXIgfSBmcm9tICcuLi9kZWNvcmF0b3JzL2NvbXBvbmVudC5kZWNvcmF0b3InO1xuaW1wb3J0IHsgRW51bVR5cGUgfSBmcm9tICcuLi9lbnVtcy90eXBlLmVudW0nO1xuaW1wb3J0IHsgS2xlc0ZpZWxkQWJzdHJhY3QgfSBmcm9tICcuL2ZpZWxkLmFic3RyYWN0JztcblxuQEZpZWxkTWFwcGVyKHsgdHlwZTogRW51bVR5cGUuZ3JvdXAsIGZhY3Rvcnk6IChmaWVsZCkgPT4gKG5ldyBLbGVzRm9ybUdyb3VwKGZpZWxkKS5jcmVhdGUoKSkgfSlcbkBDb21wb25lbnQoe1xuICAgIGhvc3Q6IHsgJ1tmb3JtR3JvdXBdJzogJ2dyb3VwJywgJ1tmb3JtR3JvdXBOYW1lXSc6ICdmaWVsZC5uYW1lJyB9LFxuICAgIHNlbGVjdG9yOiAna2xlcy1ncm91cCcsXG4gICAgdGVtcGxhdGU6IGBcbiAgICAgICAgQGlmKGZpZWxkLmxhYmVsKXtcbiAgICAgICAgIDxoND48c3BhbiBbbWF0VG9vbHRpcF09XCJmaWVsZC50b29sdGlwIHx8ICcnXCIgPnt7ZmllbGQubGFiZWx9fTwvc3Bhbj48L2g0PlxuICAgICAgICB9XG4gICAgICAgXG4gICAgICAgIEBmb3IgKHN1YmZpZWxkIG9mIGZpZWxkLmNvbGxlY3Rpb25zOyB0cmFjayBzdWJmaWVsZC5uYW1lKSB7XG4gICAgICAgICAgICBAaWYgKHN1YmZpZWxkLnZpc2libGUgIT09IGZhbHNlKSB7XG4gICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciBrbGVzRHluYW1pY0ZpZWxkIFtmaWVsZF09XCJzdWJmaWVsZFwiIFtncm91cF09XCJzdWJHcm91cFwiIFtzaWJsaW5nRmllbGRzXT1cImZpZWxkLmNvbGxlY3Rpb25zXCI+XG4gICAgICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbmAsXG4gICAgc3R5bGVzOiBbXG4gICAgICAgICcgbWF0LWZvcm0tZmllbGQge3dpZHRoOiBjYWxjKDEwMCUpfScsXG4gICAgICAgICc6aG9zdC5ncm91cC1jb250YWluZXIge2Rpc3BsYXk6ZmxleDsgZmxleC1kaXJlY3Rpb246IGluaGVyaXQ7IHdpZHRoOiBpbmhlcml0OyBqdXN0aWZ5LWNvbnRlbnQ6aW5oZXJpdDsgfScsXG4gICAgICAgICc6aG9zdC5ncm91cC1jb250YWluZXItY29sdW1uIHsgZGlzcGxheTogZmxleDtmbGV4LWRpcmVjdGlvbjogY29sdW1uOyBqdXN0aWZ5LWNvbnRlbnQ6aW5oZXJpdDsgfScsXG4gICAgICAgICc6aG9zdC5ncm91cC1jb250YWluZXItY29sdW1uID4gKiB7IHdpZHRoOiAxMDAlOyB9JyxcbiAgICAgICAgJzpob3N0Lmdyb3VwLWNvbnRhaW5lci1yb3cgeyBkaXNwbGF5OiBpbmxpbmUtZmxleDsgZmxleC13cmFwOndyYXA7IGdhcDoxMHB4OyBhbGlnbi1pdGVtczogYmFzZWxpbmU7IGp1c3RpZnktY29udGVudDppbmhlcml0OyB9JyxcbiAgICAgICAgJzpob3N0Lmdyb3VwLWNvbnRhaW5lci1yb3cgPiAqIHsgd2lkdGg6IDEwMCU7IH0nLFxuICAgICAgICAnOmhvc3QuZ3JvdXAtY29udGFpbmVyLWdyaWQgeyBkaXNwbGF5OiBncmlkOyB9JyxcbiAgICAgICAgJzpob3N0Lmdyb3VwLWNvbnRhaW5lci1pbmxpbmUtZ3JpZCB7IGRpc3BsYXk6IGlubGluZS1ncmlkOyB9JyxcbiAgICBdLFxufSlcbmV4cG9ydCBjbGFzcyBLbGVzRm9ybUdyb3VwQ29tcG9uZW50IGV4dGVuZHMgS2xlc0ZpZWxkQWJzdHJhY3QgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XG5cbiAgICBvcmllbnRhdGlvbkNsYXNzOiAnZ3JvdXAtY29udGFpbmVyJ1xuICAgICAgICB8ICdncm91cC1jb250YWluZXItY29sdW1uJ1xuICAgICAgICB8ICdncm91cC1jb250YWluZXItcm93J1xuICAgICAgICB8ICdncm91cC1jb250YWluZXItZ3JpZCdcbiAgICAgICAgfCAnZ3JvdXAtY29udGFpbmVyLWlubGluZS1ncmlkJyA9ICdncm91cC1jb250YWluZXInO1xuXG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcycpIGdldCBjbGFzc05hbWUoKSB7XG4gICAgICAgIHJldHVybiB0aGlzLm9yaWVudGF0aW9uQ2xhc3M7XG4gICAgfVxuXG4gICAgc3ViR3JvdXA6IFVudHlwZWRGb3JtR3JvdXA7XG5cbiAgICBuZ09uSW5pdCgpIHtcbiAgICAgICAgdGhpcy5zdWJHcm91cCA9IHRoaXMuZ3JvdXAuY29udHJvbHNbdGhpcy5maWVsZC5uYW1lXSBhcyBVbnR5cGVkRm9ybUdyb3VwO1xuICAgICAgICBzdXBlci5uZ09uSW5pdCgpO1xuICAgICAgICB0aGlzLnNldE9yaWVudGF0aW9uQ2xhc3MoKTtcbiAgICB9XG5cbiAgICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICAgICAgc3VwZXIubmdPbkRlc3Ryb3koKTtcbiAgICB9XG5cbiAgICBwcml2YXRlIHNldE9yaWVudGF0aW9uQ2xhc3MoKSB7XG4gICAgICAgIGlmICh0aGlzLmZpZWxkLmRpcmVjdGlvbikge1xuICAgICAgICAgICAgc3dpdGNoICh0aGlzLmZpZWxkLmRpcmVjdGlvbikge1xuICAgICAgICAgICAgICAgIGNhc2UgJ2NvbHVtbic6XG4gICAgICAgICAgICAgICAgICAgIHRoaXMub3JpZW50YXRpb25DbGFzcyA9ICdncm91cC1jb250YWluZXItY29sdW1uJztcbiAgICAgICAgICAgICAgICAgICAgYnJlYWs7XG4gICAgICAgICAgICAgICAgY2FzZSAncm93JzpcbiAgICAgICAgICAgICAgICAgICAgdGhpcy5vcmllbnRhdGlvbkNsYXNzID0gJ2dyb3VwLWNvbnRhaW5lci1yb3cnO1xuICAgICAgICAgICAgICAgICAgICBicmVhaztcbiAgICAgICAgICAgICAgICBjYXNlICdncmlkJzpcbiAgICAgICAgICAgICAgICAgICAgdGhpcy5vcmllbnRhdGlvbkNsYXNzID0gJ2dyb3VwLWNvbnRhaW5lci1ncmlkJztcbiAgICAgICAgICAgICAgICAgICAgYnJlYWs7XG4gICAgICAgICAgICAgICAgY2FzZSAnaW5saW5lLWdyaWQnOlxuICAgICAgICAgICAgICAgICAgICB0aGlzLm9yaWVudGF0aW9uQ2xhc3MgPSAnZ3JvdXAtY29udGFpbmVyLWlubGluZS1ncmlkJztcbiAgICAgICAgICAgICAgICAgICAgYnJlYWs7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cblxuICAgIH1cbn1cbiJdfQ==
|
|
@@ -4,15 +4,16 @@ export class KlesTransformPipe {
|
|
|
4
4
|
transform(value, pipes) {
|
|
5
5
|
if (pipes && pipes.length > 0) {
|
|
6
6
|
return pipes.reduce((acc, p) => {
|
|
7
|
-
|
|
8
|
-
p.options.forEach(opt => {
|
|
9
|
-
acc = p.pipe.transform(acc, opt);
|
|
10
|
-
});
|
|
11
|
-
}
|
|
12
|
-
else {
|
|
13
|
-
acc = p.pipe.transform(acc);
|
|
14
|
-
}
|
|
7
|
+
acc = p.pipe.transform(acc, ...(p.options || []));
|
|
15
8
|
return acc;
|
|
9
|
+
// if (p.options) {
|
|
10
|
+
// p.options.forEach(opt => {
|
|
11
|
+
// acc = p.pipe.transform(acc, opt);
|
|
12
|
+
// });
|
|
13
|
+
// } else {
|
|
14
|
+
// acc = p.pipe.transform(acc);
|
|
15
|
+
// }
|
|
16
|
+
// return acc;
|
|
16
17
|
}, value);
|
|
17
18
|
}
|
|
18
19
|
return value;
|
|
@@ -24,4 +25,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
24
25
|
type: Pipe,
|
|
25
26
|
args: [{ name: 'klesTransform' }]
|
|
26
27
|
}] });
|
|
27
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
28
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJhbnNmb3JtLnBpcGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9rbGVzLW1hdGVyaWFsLWR5bmFtaWNmb3Jtcy9zcmMvbGliL3BpcGUvdHJhbnNmb3JtLnBpcGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLElBQUksRUFBaUIsTUFBTSxlQUFlLENBQUM7O0FBR3BELE1BQU0sT0FBTyxpQkFBaUI7SUFFMUIsU0FBUyxDQUFDLEtBQVUsRUFBRSxLQUFpRDtRQUVuRSxJQUFJLEtBQUssSUFBSSxLQUFLLENBQUMsTUFBTSxHQUFHLENBQUMsRUFBRSxDQUFDO1lBQzVCLE9BQU8sS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDLEdBQUcsRUFBRSxDQUFDLEVBQUUsRUFBRTtnQkFDM0IsR0FBRyxHQUFHLENBQUMsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLEdBQUcsRUFBRSxHQUFHLENBQUMsQ0FBQyxDQUFDLE9BQU8sSUFBSSxFQUFFLENBQUMsQ0FBQyxDQUFDO2dCQUNsRCxPQUFPLEdBQUcsQ0FBQztnQkFDWCxtQkFBbUI7Z0JBQ25CLGlDQUFpQztnQkFDakMsNENBQTRDO2dCQUM1QyxVQUFVO2dCQUNWLFdBQVc7Z0JBQ1gsbUNBQW1DO2dCQUNuQyxJQUFJO2dCQUNKLGNBQWM7WUFDbEIsQ0FBQyxFQUFFLEtBQUssQ0FBQyxDQUFBO1FBQ2IsQ0FBQztRQUNELE9BQU8sS0FBSyxDQUFDO0lBRWpCLENBQUM7K0dBcEJRLGlCQUFpQjs2R0FBakIsaUJBQWlCOzs0RkFBakIsaUJBQWlCO2tCQUQ3QixJQUFJO21CQUFDLEVBQUUsSUFBSSxFQUFFLGVBQWUsRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFBpcGUsIFBpcGVUcmFuc2Zvcm0gfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuXG5AUGlwZSh7IG5hbWU6ICdrbGVzVHJhbnNmb3JtJyB9KVxuZXhwb3J0IGNsYXNzIEtsZXNUcmFuc2Zvcm1QaXBlIGltcGxlbWVudHMgUGlwZVRyYW5zZm9ybSB7XG5cbiAgICB0cmFuc2Zvcm0odmFsdWU6IGFueSwgcGlwZXM6IHsgcGlwZTogUGlwZVRyYW5zZm9ybSwgb3B0aW9ucz86IGFueVtdIH1bXSk6IGFueSB7XG5cbiAgICAgICAgaWYgKHBpcGVzICYmIHBpcGVzLmxlbmd0aCA+IDApIHtcbiAgICAgICAgICAgIHJldHVybiBwaXBlcy5yZWR1Y2UoKGFjYywgcCkgPT4ge1xuICAgICAgICAgICAgICAgIGFjYyA9IHAucGlwZS50cmFuc2Zvcm0oYWNjLCAuLi4ocC5vcHRpb25zIHx8IFtdKSk7XG4gICAgICAgICAgICAgICAgcmV0dXJuIGFjYztcbiAgICAgICAgICAgICAgICAvLyBpZiAocC5vcHRpb25zKSB7XG4gICAgICAgICAgICAgICAgLy8gICAgIHAub3B0aW9ucy5mb3JFYWNoKG9wdCA9PiB7XG4gICAgICAgICAgICAgICAgLy8gICAgICAgICBhY2MgPSBwLnBpcGUudHJhbnNmb3JtKGFjYywgb3B0KTtcbiAgICAgICAgICAgICAgICAvLyAgICAgfSk7XG4gICAgICAgICAgICAgICAgLy8gfSBlbHNlIHtcbiAgICAgICAgICAgICAgICAvLyAgICAgYWNjID0gcC5waXBlLnRyYW5zZm9ybShhY2MpO1xuICAgICAgICAgICAgICAgIC8vIH1cbiAgICAgICAgICAgICAgICAvLyByZXR1cm4gYWNjO1xuICAgICAgICAgICAgfSwgdmFsdWUpXG4gICAgICAgIH1cbiAgICAgICAgcmV0dXJuIHZhbHVlO1xuXG4gICAgfVxufVxuIl19
|
|
@@ -1237,15 +1237,16 @@ class KlesTransformPipe {
|
|
|
1237
1237
|
transform(value, pipes) {
|
|
1238
1238
|
if (pipes && pipes.length > 0) {
|
|
1239
1239
|
return pipes.reduce((acc, p) => {
|
|
1240
|
-
|
|
1241
|
-
p.options.forEach(opt => {
|
|
1242
|
-
acc = p.pipe.transform(acc, opt);
|
|
1243
|
-
});
|
|
1244
|
-
}
|
|
1245
|
-
else {
|
|
1246
|
-
acc = p.pipe.transform(acc);
|
|
1247
|
-
}
|
|
1240
|
+
acc = p.pipe.transform(acc, ...(p.options || []));
|
|
1248
1241
|
return acc;
|
|
1242
|
+
// if (p.options) {
|
|
1243
|
+
// p.options.forEach(opt => {
|
|
1244
|
+
// acc = p.pipe.transform(acc, opt);
|
|
1245
|
+
// });
|
|
1246
|
+
// } else {
|
|
1247
|
+
// acc = p.pipe.transform(acc);
|
|
1248
|
+
// }
|
|
1249
|
+
// return acc;
|
|
1249
1250
|
}, value);
|
|
1250
1251
|
}
|
|
1251
1252
|
return value;
|
|
@@ -2680,6 +2681,25 @@ class KlesFormGroup extends KlesFormControl {
|
|
|
2680
2681
|
if (this.field.disabled) {
|
|
2681
2682
|
subGroup.disable();
|
|
2682
2683
|
}
|
|
2684
|
+
if (this.field.asyncValue) {
|
|
2685
|
+
concat(of({ value: null, pending: true }), this.field.asyncValue.pipe(take(1), catchError((err) => {
|
|
2686
|
+
console.error(err);
|
|
2687
|
+
return of(null);
|
|
2688
|
+
}), map((value) => ({ value, pending: false })))).subscribe((response) => {
|
|
2689
|
+
this.field.pending = response.pending;
|
|
2690
|
+
this.field.collections.forEach((col) => col.pending = response.pending);
|
|
2691
|
+
if (response.pending) {
|
|
2692
|
+
subGroup.disable({ emitEvent: false });
|
|
2693
|
+
}
|
|
2694
|
+
else {
|
|
2695
|
+
if (!this.field.disabled) {
|
|
2696
|
+
subGroup.enable({ emitEvent: false });
|
|
2697
|
+
}
|
|
2698
|
+
subGroup.patchValue(response.value);
|
|
2699
|
+
this.field.value = response.value;
|
|
2700
|
+
}
|
|
2701
|
+
});
|
|
2702
|
+
}
|
|
2683
2703
|
return subGroup;
|
|
2684
2704
|
}
|
|
2685
2705
|
}
|
|
@@ -2720,13 +2740,17 @@ let KlesFormGroupComponent = class KlesFormGroupComponent extends KlesFieldAbstr
|
|
|
2720
2740
|
}
|
|
2721
2741
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KlesFormGroupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
2722
2742
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: KlesFormGroupComponent, selector: "kles-group", host: { properties: { "formGroup": "group", "formGroupName": "field.name", "class": "this.className" } }, usesInheritance: true, ngImport: i0, template: `
|
|
2743
|
+
@if(field.label){
|
|
2744
|
+
<h4><span [matTooltip]="field.tooltip || ''" >{{field.label}}</span></h4>
|
|
2745
|
+
}
|
|
2746
|
+
|
|
2723
2747
|
@for (subfield of field.collections; track subfield.name) {
|
|
2724
2748
|
@if (subfield.visible !== false) {
|
|
2725
2749
|
<ng-container klesDynamicField [field]="subfield" [group]="subGroup" [siblingFields]="field.collections">
|
|
2726
2750
|
</ng-container>
|
|
2727
2751
|
}
|
|
2728
2752
|
}
|
|
2729
|
-
`, isInline: true, styles: ["mat-form-field{width:100%}\n", ":host.group-container{display:flex;flex-direction:inherit;width:inherit;justify-content:inherit}\n", ":host.group-container-column{display:flex;flex-direction:column;justify-content:inherit}\n", ":host.group-container-column>*{width:100%}\n", ":host.group-container-row{display:inline-flex;flex-wrap:wrap;gap:10px;align-items:baseline;justify-content:inherit}\n", ":host.group-container-row>*{width:100%}\n", ":host.group-container-grid{display:grid}\n", ":host.group-container-inline-grid{display:inline-grid}\n"], dependencies: [{ kind: "directive", type: KlesDynamicFieldDirective, selector: "[klesDynamicField]", inputs: ["field", "group", "siblingFields"] }] }); }
|
|
2753
|
+
`, isInline: true, styles: ["mat-form-field{width:100%}\n", ":host.group-container{display:flex;flex-direction:inherit;width:inherit;justify-content:inherit}\n", ":host.group-container-column{display:flex;flex-direction:column;justify-content:inherit}\n", ":host.group-container-column>*{width:100%}\n", ":host.group-container-row{display:inline-flex;flex-wrap:wrap;gap:10px;align-items:baseline;justify-content:inherit}\n", ":host.group-container-row>*{width:100%}\n", ":host.group-container-grid{display:grid}\n", ":host.group-container-inline-grid{display:inline-grid}\n"], dependencies: [{ kind: "directive", type: i6.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: KlesDynamicFieldDirective, selector: "[klesDynamicField]", inputs: ["field", "group", "siblingFields"] }] }); }
|
|
2730
2754
|
};
|
|
2731
2755
|
KlesFormGroupComponent = __decorate([
|
|
2732
2756
|
FieldMapper({ type: EnumType.group, factory: (field) => (new KlesFormGroup(field).create()) })
|
|
@@ -2734,6 +2758,10 @@ KlesFormGroupComponent = __decorate([
|
|
|
2734
2758
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: KlesFormGroupComponent, decorators: [{
|
|
2735
2759
|
type: Component,
|
|
2736
2760
|
args: [{ host: { '[formGroup]': 'group', '[formGroupName]': 'field.name' }, selector: 'kles-group', template: `
|
|
2761
|
+
@if(field.label){
|
|
2762
|
+
<h4><span [matTooltip]="field.tooltip || ''" >{{field.label}}</span></h4>
|
|
2763
|
+
}
|
|
2764
|
+
|
|
2737
2765
|
@for (subfield of field.collections; track subfield.name) {
|
|
2738
2766
|
@if (subfield.visible !== false) {
|
|
2739
2767
|
<ng-container klesDynamicField [field]="subfield" [group]="subGroup" [siblingFields]="field.collections">
|