@3kles/kles-material-dynamicforms 17.12.0 → 17.12.2
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/fields/text.component.mjs +11 -8
- package/esm2022/lib/pipe/transform.pipe.mjs +10 -9
- package/fesm2022/3kles-kles-material-dynamicforms.mjs +19 -15
- package/fesm2022/3kles-kles-material-dynamicforms.mjs.map +1 -1
- package/lib/fields/text.component.d.ts +1 -1
- package/package.json +1 -1
|
@@ -15,11 +15,14 @@ let KlesFormTextComponent = class KlesFormTextComponent extends KlesFieldAbstrac
|
|
|
15
15
|
super.ngOnDestroy();
|
|
16
16
|
}
|
|
17
17
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: KlesFormTextComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
18
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
18
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: KlesFormTextComponent, selector: "kles-form-text", usesInheritance: true, ngImport: i0, template: `
|
|
19
19
|
<span matTooltip="{{field.tooltip}}" [attr.id]="field.id" [ngClass]="field.ngClass" [ngStyle]="field.ngStyle">
|
|
20
20
|
{{((field.property && group.controls[field.name].value) ? group.controls[field.name].value[field.property] : group.controls[field.name].value) | klesTransform:field.pipeTransform}}
|
|
21
21
|
</span>
|
|
22
|
-
|
|
22
|
+
@if (field.subComponents || isPending()) {
|
|
23
|
+
<ng-content></ng-content>
|
|
24
|
+
}
|
|
25
|
+
`, isInline: true, styles: [":host{display:flex;align-items:center;flex-direction:row;justify-content:space-between}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "pipe", type: i3.KlesTransformPipe, name: "klesTransform" }] }); }
|
|
23
26
|
};
|
|
24
27
|
KlesFormTextComponent = __decorate([
|
|
25
28
|
FieldMapper({ type: EnumType.text })
|
|
@@ -27,13 +30,13 @@ KlesFormTextComponent = __decorate([
|
|
|
27
30
|
export { KlesFormTextComponent };
|
|
28
31
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: KlesFormTextComponent, decorators: [{
|
|
29
32
|
type: Component,
|
|
30
|
-
args: [{
|
|
31
|
-
selector: 'kles-form-text',
|
|
32
|
-
template: `
|
|
33
|
+
args: [{ selector: 'kles-form-text', template: `
|
|
33
34
|
<span matTooltip="{{field.tooltip}}" [attr.id]="field.id" [ngClass]="field.ngClass" [ngStyle]="field.ngStyle">
|
|
34
35
|
{{((field.property && group.controls[field.name].value) ? group.controls[field.name].value[field.property] : group.controls[field.name].value) | klesTransform:field.pipeTransform}}
|
|
35
36
|
</span>
|
|
36
|
-
|
|
37
|
-
|
|
37
|
+
@if (field.subComponents || isPending()) {
|
|
38
|
+
<ng-content></ng-content>
|
|
39
|
+
}
|
|
40
|
+
`, styles: [":host{display:flex;align-items:center;flex-direction:row;justify-content:space-between}\n"] }]
|
|
38
41
|
}] });
|
|
39
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
42
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9rbGVzLW1hdGVyaWFsLWR5bmFtaWNmb3Jtcy9zcmMvbGliL2ZpZWxkcy90ZXh0LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBcUIsTUFBTSxlQUFlLENBQUM7QUFDN0QsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQ2hFLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUM5QyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQzs7Ozs7QUFxQjlDLElBQU0scUJBQXFCLEdBQTNCLE1BQU0scUJBQXNCLFNBQVEsaUJBQWlCO0lBRXhELFFBQVE7UUFDSixLQUFLLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDckIsQ0FBQztJQUNELFdBQVc7UUFDUCxLQUFLLENBQUMsV0FBVyxFQUFFLENBQUM7SUFDeEIsQ0FBQzsrR0FQUSxxQkFBcUI7bUdBQXJCLHFCQUFxQiw2RUFoQnBCOzs7Ozs7O0NBT2I7O0FBU1kscUJBQXFCO0lBbkJqQyxXQUFXLENBQUMsRUFBRSxJQUFJLEVBQUUsUUFBUSxDQUFDLElBQUksRUFBRSxDQUFDO0dBbUJ4QixxQkFBcUIsQ0FRakM7OzRGQVJZLHFCQUFxQjtrQkFsQmpDLFNBQVM7K0JBQ0ksZ0JBQWdCLFlBQ2hCOzs7Ozs7O0NBT2IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uRGVzdHJveSwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGaWVsZE1hcHBlciB9IGZyb20gJy4uL2RlY29yYXRvcnMvY29tcG9uZW50LmRlY29yYXRvcic7XG5pbXBvcnQgeyBFbnVtVHlwZSB9IGZyb20gJy4uL2VudW1zL3R5cGUuZW51bSc7XG5pbXBvcnQgeyBLbGVzRmllbGRBYnN0cmFjdCB9IGZyb20gJy4vZmllbGQuYWJzdHJhY3QnO1xuXG5ARmllbGRNYXBwZXIoeyB0eXBlOiBFbnVtVHlwZS50ZXh0IH0pXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2tsZXMtZm9ybS10ZXh0JyxcbiAgICB0ZW1wbGF0ZTogYFxuICAgIDxzcGFuIG1hdFRvb2x0aXA9XCJ7e2ZpZWxkLnRvb2x0aXB9fVwiIFthdHRyLmlkXT1cImZpZWxkLmlkXCIgW25nQ2xhc3NdPVwiZmllbGQubmdDbGFzc1wiIFtuZ1N0eWxlXT1cImZpZWxkLm5nU3R5bGVcIj5cbiAgICAgICAge3soKGZpZWxkLnByb3BlcnR5ICYmIGdyb3VwLmNvbnRyb2xzW2ZpZWxkLm5hbWVdLnZhbHVlKSA/IGdyb3VwLmNvbnRyb2xzW2ZpZWxkLm5hbWVdLnZhbHVlW2ZpZWxkLnByb3BlcnR5XSA6IGdyb3VwLmNvbnRyb2xzW2ZpZWxkLm5hbWVdLnZhbHVlKSB8IGtsZXNUcmFuc2Zvcm06ZmllbGQucGlwZVRyYW5zZm9ybX19XG4gICAgPC9zcGFuPlxuICAgIEBpZiAoZmllbGQuc3ViQ29tcG9uZW50cyB8fCBpc1BlbmRpbmcoKSkge1xuICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgfVxuYCxcbnN0eWxlczogW2A6aG9zdHtcbiAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICAgICAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgICAgICAgICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICAgICAgfWBcbl1cbn0pXG5leHBvcnQgY2xhc3MgS2xlc0Zvcm1UZXh0Q29tcG9uZW50IGV4dGVuZHMgS2xlc0ZpZWxkQWJzdHJhY3QgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XG5cbiAgICBuZ09uSW5pdCgpIHtcbiAgICAgICAgc3VwZXIubmdPbkluaXQoKTtcbiAgICB9XG4gICAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgICAgIHN1cGVyLm5nT25EZXN0cm95KCk7XG4gICAgfVxufVxuIl19
|
|
@@ -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: "17.3.12", ngImpo
|
|
|
24
25
|
type: Pipe,
|
|
25
26
|
args: [{ name: 'klesTransform' }]
|
|
26
27
|
}] });
|
|
27
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
28
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJhbnNmb3JtLnBpcGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9rbGVzLW1hdGVyaWFsLWR5bmFtaWNmb3Jtcy9zcmMvbGliL3BpcGUvdHJhbnNmb3JtLnBpcGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLElBQUksRUFBaUIsTUFBTSxlQUFlLENBQUM7O0FBR3BELE1BQU0sT0FBTyxpQkFBaUI7SUFFMUIsU0FBUyxDQUFDLEtBQVUsRUFBRSxLQUFpRDtRQUVuRSxJQUFJLEtBQUssSUFBSSxLQUFLLENBQUMsTUFBTSxHQUFHLENBQUMsRUFBRTtZQUMzQixPQUFPLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxFQUFFLEVBQUU7Z0JBQzNCLEdBQUcsR0FBRyxDQUFDLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUUsR0FBRyxDQUFDLENBQUMsQ0FBQyxPQUFPLElBQUksRUFBRSxDQUFDLENBQUMsQ0FBQztnQkFDbEQsT0FBTyxHQUFHLENBQUM7Z0JBQ1gsbUJBQW1CO2dCQUNuQixpQ0FBaUM7Z0JBQ2pDLDRDQUE0QztnQkFDNUMsVUFBVTtnQkFDVixXQUFXO2dCQUNYLG1DQUFtQztnQkFDbkMsSUFBSTtnQkFDSixjQUFjO1lBQ2xCLENBQUMsRUFBRSxLQUFLLENBQUMsQ0FBQTtTQUNaO1FBQ0QsT0FBTyxLQUFLLENBQUM7SUFFakIsQ0FBQzsrR0FwQlEsaUJBQWlCOzZHQUFqQixpQkFBaUI7OzRGQUFqQixpQkFBaUI7a0JBRDdCLElBQUk7bUJBQUMsRUFBRSxJQUFJLEVBQUUsZUFBZSxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUGlwZSwgUGlwZVRyYW5zZm9ybSB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5cbkBQaXBlKHsgbmFtZTogJ2tsZXNUcmFuc2Zvcm0nIH0pXG5leHBvcnQgY2xhc3MgS2xlc1RyYW5zZm9ybVBpcGUgaW1wbGVtZW50cyBQaXBlVHJhbnNmb3JtIHtcblxuICAgIHRyYW5zZm9ybSh2YWx1ZTogYW55LCBwaXBlczogeyBwaXBlOiBQaXBlVHJhbnNmb3JtLCBvcHRpb25zPzogYW55W10gfVtdKTogYW55IHtcblxuICAgICAgICBpZiAocGlwZXMgJiYgcGlwZXMubGVuZ3RoID4gMCkge1xuICAgICAgICAgICAgcmV0dXJuIHBpcGVzLnJlZHVjZSgoYWNjLCBwKSA9PiB7XG4gICAgICAgICAgICAgICAgYWNjID0gcC5waXBlLnRyYW5zZm9ybShhY2MsIC4uLihwLm9wdGlvbnMgfHwgW10pKTtcbiAgICAgICAgICAgICAgICByZXR1cm4gYWNjO1xuICAgICAgICAgICAgICAgIC8vIGlmIChwLm9wdGlvbnMpIHtcbiAgICAgICAgICAgICAgICAvLyAgICAgcC5vcHRpb25zLmZvckVhY2gob3B0ID0+IHtcbiAgICAgICAgICAgICAgICAvLyAgICAgICAgIGFjYyA9IHAucGlwZS50cmFuc2Zvcm0oYWNjLCBvcHQpO1xuICAgICAgICAgICAgICAgIC8vICAgICB9KTtcbiAgICAgICAgICAgICAgICAvLyB9IGVsc2Uge1xuICAgICAgICAgICAgICAgIC8vICAgICBhY2MgPSBwLnBpcGUudHJhbnNmb3JtKGFjYyk7XG4gICAgICAgICAgICAgICAgLy8gfVxuICAgICAgICAgICAgICAgIC8vIHJldHVybiBhY2M7XG4gICAgICAgICAgICB9LCB2YWx1ZSlcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gdmFsdWU7XG5cbiAgICB9XG59XG4iXX0=
|
|
@@ -1250,15 +1250,16 @@ class KlesTransformPipe {
|
|
|
1250
1250
|
transform(value, pipes) {
|
|
1251
1251
|
if (pipes && pipes.length > 0) {
|
|
1252
1252
|
return pipes.reduce((acc, p) => {
|
|
1253
|
-
|
|
1254
|
-
p.options.forEach(opt => {
|
|
1255
|
-
acc = p.pipe.transform(acc, opt);
|
|
1256
|
-
});
|
|
1257
|
-
}
|
|
1258
|
-
else {
|
|
1259
|
-
acc = p.pipe.transform(acc);
|
|
1260
|
-
}
|
|
1253
|
+
acc = p.pipe.transform(acc, ...(p.options || []));
|
|
1261
1254
|
return acc;
|
|
1255
|
+
// if (p.options) {
|
|
1256
|
+
// p.options.forEach(opt => {
|
|
1257
|
+
// acc = p.pipe.transform(acc, opt);
|
|
1258
|
+
// });
|
|
1259
|
+
// } else {
|
|
1260
|
+
// acc = p.pipe.transform(acc);
|
|
1261
|
+
// }
|
|
1262
|
+
// return acc;
|
|
1262
1263
|
}, value);
|
|
1263
1264
|
}
|
|
1264
1265
|
return value;
|
|
@@ -2617,25 +2618,28 @@ let KlesFormTextComponent = class KlesFormTextComponent extends KlesFieldAbstrac
|
|
|
2617
2618
|
super.ngOnDestroy();
|
|
2618
2619
|
}
|
|
2619
2620
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: KlesFormTextComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
2620
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
2621
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: KlesFormTextComponent, selector: "kles-form-text", usesInheritance: true, ngImport: i0, template: `
|
|
2621
2622
|
<span matTooltip="{{field.tooltip}}" [attr.id]="field.id" [ngClass]="field.ngClass" [ngStyle]="field.ngStyle">
|
|
2622
2623
|
{{((field.property && group.controls[field.name].value) ? group.controls[field.name].value[field.property] : group.controls[field.name].value) | klesTransform:field.pipeTransform}}
|
|
2623
2624
|
</span>
|
|
2624
|
-
|
|
2625
|
+
@if (field.subComponents || isPending()) {
|
|
2626
|
+
<ng-content></ng-content>
|
|
2627
|
+
}
|
|
2628
|
+
`, isInline: true, styles: [":host{display:flex;align-items:center;flex-direction:row;justify-content:space-between}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i6.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "pipe", type: KlesTransformPipe, name: "klesTransform" }] }); }
|
|
2625
2629
|
};
|
|
2626
2630
|
KlesFormTextComponent = __decorate([
|
|
2627
2631
|
FieldMapper({ type: EnumType.text })
|
|
2628
2632
|
], KlesFormTextComponent);
|
|
2629
2633
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: KlesFormTextComponent, decorators: [{
|
|
2630
2634
|
type: Component,
|
|
2631
|
-
args: [{
|
|
2632
|
-
selector: 'kles-form-text',
|
|
2633
|
-
template: `
|
|
2635
|
+
args: [{ selector: 'kles-form-text', template: `
|
|
2634
2636
|
<span matTooltip="{{field.tooltip}}" [attr.id]="field.id" [ngClass]="field.ngClass" [ngStyle]="field.ngStyle">
|
|
2635
2637
|
{{((field.property && group.controls[field.name].value) ? group.controls[field.name].value[field.property] : group.controls[field.name].value) | klesTransform:field.pipeTransform}}
|
|
2636
2638
|
</span>
|
|
2637
|
-
|
|
2638
|
-
|
|
2639
|
+
@if (field.subComponents || isPending()) {
|
|
2640
|
+
<ng-content></ng-content>
|
|
2641
|
+
}
|
|
2642
|
+
`, styles: [":host{display:flex;align-items:center;flex-direction:row;justify-content:space-between}\n"] }]
|
|
2639
2643
|
}] });
|
|
2640
2644
|
|
|
2641
2645
|
class KlesFormChipComponent extends KlesFieldAbstract {
|