@3kles/kles-material-dynamicforms 1.1.6 → 1.1.7
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/3kles-kles-material-dynamicforms.metadata.json +1 -1
- package/bundles/3kles-kles-material-dynamicforms.umd.js +4 -2
- package/bundles/3kles-kles-material-dynamicforms.umd.js.map +1 -1
- package/bundles/3kles-kles-material-dynamicforms.umd.min.js +1 -1
- package/bundles/3kles-kles-material-dynamicforms.umd.min.js.map +1 -1
- package/esm2015/lib/fields/array.component.js +7 -5
- package/esm5/lib/fields/array.component.js +5 -3
- package/fesm2015/3kles-kles-material-dynamicforms.js +6 -4
- package/fesm2015/3kles-kles-material-dynamicforms.js.map +1 -1
- package/fesm5/3kles-kles-material-dynamicforms.js +4 -2
- package/fesm5/3kles-kles-material-dynamicforms.js.map +1 -1
- package/package.json +1 -1
|
@@ -15,10 +15,10 @@ KlesFormArrayComponent = __decorate([
|
|
|
15
15
|
Component({
|
|
16
16
|
selector: 'kles-array',
|
|
17
17
|
template: `
|
|
18
|
-
<div [formGroup]="group"
|
|
18
|
+
<div [formGroup]="group">
|
|
19
19
|
<ng-container [formArrayName]="field.name">
|
|
20
|
-
<div class="group-container" *ngFor="let subGroup of formArray.controls let index = index;"
|
|
21
|
-
[ngClass]="field.
|
|
20
|
+
<div class="group-container" *ngFor="let subGroup of formArray.controls let index = index;"
|
|
21
|
+
[ngClass]="field.direction === 'column' ? 'column': 'row'">
|
|
22
22
|
<ng-container *ngFor="let subfield of field.collections;"
|
|
23
23
|
klesDynamicField [field]="subfield" [group]="subGroup" [siblingFields]="field.collections">
|
|
24
24
|
</ng-container>
|
|
@@ -28,8 +28,10 @@ KlesFormArrayComponent = __decorate([
|
|
|
28
28
|
`,
|
|
29
29
|
styles: ['mat-form-field {width: calc(100%)}',
|
|
30
30
|
':host { display:flex; flex-direction: inherit}',
|
|
31
|
-
'.group-container {display:flex; flex-direction: inherit}'
|
|
31
|
+
'.group-container {display:flex; flex-direction: inherit}',
|
|
32
|
+
'.row { gap:10px; flex-direction: row }',
|
|
33
|
+
'.column { flex-direction: column, gap:0px}']
|
|
32
34
|
})
|
|
33
35
|
], KlesFormArrayComponent);
|
|
34
36
|
export { KlesFormArrayComponent };
|
|
35
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
37
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXJyYXkuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQDNrbGVzL2tsZXMtbWF0ZXJpYWwtZHluYW1pY2Zvcm1zLyIsInNvdXJjZXMiOlsibGliL2ZpZWxkcy9hcnJheS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFFbEQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFzQnJELElBQWEsc0JBQXNCLEdBQW5DLE1BQWEsc0JBQXVCLFNBQVEsaUJBQWlCO0lBTXpELFFBQVE7UUFDSixxRUFBcUU7UUFDckUsS0FBSyxDQUFDLFFBQVEsRUFBRSxDQUFDO1FBQ2pCLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQWMsQ0FBQztRQUNuRSxPQUFPLENBQUMsR0FBRyxDQUFDLGVBQWUsQ0FBQyxDQUFBO1FBQzVCLE9BQU8sQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFBO1FBQ3ZCLE9BQU8sQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFBO0lBQy9CLENBQUM7Q0FDSixDQUFBO0FBZFksc0JBQXNCO0lBckJsQyxTQUFTLENBQUM7UUFDUCxRQUFRLEVBQUUsWUFBWTtRQUN0QixRQUFRLEVBQUU7Ozs7Ozs7Ozs7O0NBV2I7aUJBQ1ksb0NBQW9DO1lBQ3pDLGdEQUFnRDtZQUNoRCwwREFBMEQ7WUFDMUQsd0NBQXdDO1lBQ3hDLDRDQUE0QztLQUVuRCxDQUFDO0dBQ1csc0JBQXNCLENBY2xDO1NBZFksc0JBQXNCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1BcnJheSwgRm9ybUdyb3VwIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgS2xlc0ZpZWxkQWJzdHJhY3QgfSBmcm9tICcuL2ZpZWxkLmFic3RyYWN0JztcbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAna2xlcy1hcnJheScsXG4gICAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2IFtmb3JtR3JvdXBdPVwiZ3JvdXBcIj5cbiAgICAgICAgPG5nLWNvbnRhaW5lciBbZm9ybUFycmF5TmFtZV09XCJmaWVsZC5uYW1lXCI+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZ3JvdXAtY29udGFpbmVyXCIgKm5nRm9yPVwibGV0IHN1Ykdyb3VwIG9mIGZvcm1BcnJheS5jb250cm9scyBsZXQgaW5kZXggPSBpbmRleDtcIlxuICAgICAgICAgICAgW25nQ2xhc3NdPVwiZmllbGQuZGlyZWN0aW9uID09PSAnY29sdW1uJyA/ICdjb2x1bW4nOiAncm93J1wiPlxuICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IHN1YmZpZWxkIG9mIGZpZWxkLmNvbGxlY3Rpb25zO1wiXG4gICAgICAgICAgICAgICAgICAgIGtsZXNEeW5hbWljRmllbGQgW2ZpZWxkXT1cInN1YmZpZWxkXCIgW2dyb3VwXT1cInN1Ykdyb3VwXCIgW3NpYmxpbmdGaWVsZHNdPVwiZmllbGQuY29sbGVjdGlvbnNcIj5cbiAgICAgICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8L2Rpdj5cbmAsXG4gICAgc3R5bGVzOiBbJ21hdC1mb3JtLWZpZWxkIHt3aWR0aDogY2FsYygxMDAlKX0nLFxuICAgICAgICAnOmhvc3QgeyBkaXNwbGF5OmZsZXg7IGZsZXgtZGlyZWN0aW9uOiBpbmhlcml0fScsXG4gICAgICAgICcuZ3JvdXAtY29udGFpbmVyIHtkaXNwbGF5OmZsZXg7IGZsZXgtZGlyZWN0aW9uOiBpbmhlcml0fScsXG4gICAgICAgICcucm93IHsgZ2FwOjEwcHg7IGZsZXgtZGlyZWN0aW9uOiByb3cgfScsXG4gICAgICAgICcuY29sdW1uIHsgZmxleC1kaXJlY3Rpb246IGNvbHVtbiwgZ2FwOjBweH0nXG4gICAgXVxufSlcbmV4cG9ydCBjbGFzcyBLbGVzRm9ybUFycmF5Q29tcG9uZW50IGV4dGVuZHMgS2xlc0ZpZWxkQWJzdHJhY3QgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gICAgLy8gc3ViR3JvdXA6IEZvcm1Hcm91cFxuXG4gICAgZm9ybUFycmF5OiBGb3JtQXJyYXk7XG5cbiAgICBuZ09uSW5pdCgpIHtcbiAgICAgICAgLy8gdGhpcy5zdWJHcm91cCA9IHRoaXMuZ3JvdXAuY29udHJvbHNbdGhpcy5maWVsZC5uYW1lXSBhcyBGb3JtR3JvdXA7XG4gICAgICAgIHN1cGVyLm5nT25Jbml0KCk7XG4gICAgICAgIHRoaXMuZm9ybUFycmF5ID0gdGhpcy5ncm91cC5jb250cm9sc1t0aGlzLmZpZWxkLm5hbWVdIGFzIEZvcm1BcnJheTtcbiAgICAgICAgY29uc29sZS5sb2coJ29uIGFycml2ZSBpY2knKVxuICAgICAgICBjb25zb2xlLmxvZyh0aGlzLmZpZWxkKVxuICAgICAgICBjb25zb2xlLmxvZyh0aGlzLmZvcm1BcnJheSlcbiAgICB9XG59XG4iXX0=
|
|
@@ -17,13 +17,15 @@ var KlesFormArrayComponent = /** @class */ (function (_super) {
|
|
|
17
17
|
KlesFormArrayComponent = __decorate([
|
|
18
18
|
Component({
|
|
19
19
|
selector: 'kles-array',
|
|
20
|
-
template: "\n <div [formGroup]=\"group\"
|
|
20
|
+
template: "\n <div [formGroup]=\"group\">\n <ng-container [formArrayName]=\"field.name\">\n <div class=\"group-container\" *ngFor=\"let subGroup of formArray.controls let index = index;\"\n [ngClass]=\"field.direction === 'column' ? 'column': 'row'\">\n <ng-container *ngFor=\"let subfield of field.collections;\"\n klesDynamicField [field]=\"subfield\" [group]=\"subGroup\" [siblingFields]=\"field.collections\">\n </ng-container>\n </div>\n </ng-container>\n </div>\n",
|
|
21
21
|
styles: ['mat-form-field {width: calc(100%)}',
|
|
22
22
|
':host { display:flex; flex-direction: inherit}',
|
|
23
|
-
'.group-container {display:flex; flex-direction: inherit}'
|
|
23
|
+
'.group-container {display:flex; flex-direction: inherit}',
|
|
24
|
+
'.row { gap:10px; flex-direction: row }',
|
|
25
|
+
'.column { flex-direction: column, gap:0px}']
|
|
24
26
|
})
|
|
25
27
|
], KlesFormArrayComponent);
|
|
26
28
|
return KlesFormArrayComponent;
|
|
27
29
|
}(KlesFieldAbstract));
|
|
28
30
|
export { KlesFormArrayComponent };
|
|
29
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
31
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXJyYXkuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQDNrbGVzL2tsZXMtbWF0ZXJpYWwtZHluYW1pY2Zvcm1zLyIsInNvdXJjZXMiOlsibGliL2ZpZWxkcy9hcnJheS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFFbEQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFzQnJEO0lBQTRDLDBDQUFpQjtJQUE3RDs7SUFjQSxDQUFDO0lBUkcseUNBQVEsR0FBUjtRQUNJLHFFQUFxRTtRQUNyRSxpQkFBTSxRQUFRLFdBQUUsQ0FBQztRQUNqQixJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFjLENBQUM7UUFDbkUsT0FBTyxDQUFDLEdBQUcsQ0FBQyxlQUFlLENBQUMsQ0FBQTtRQUM1QixPQUFPLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQTtRQUN2QixPQUFPLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQTtJQUMvQixDQUFDO0lBYlEsc0JBQXNCO1FBckJsQyxTQUFTLENBQUM7WUFDUCxRQUFRLEVBQUUsWUFBWTtZQUN0QixRQUFRLEVBQUUsa2pCQVdiO3FCQUNZLG9DQUFvQztnQkFDekMsZ0RBQWdEO2dCQUNoRCwwREFBMEQ7Z0JBQzFELHdDQUF3QztnQkFDeEMsNENBQTRDO1NBRW5ELENBQUM7T0FDVyxzQkFBc0IsQ0FjbEM7SUFBRCw2QkFBQztDQUFBLEFBZEQsQ0FBNEMsaUJBQWlCLEdBYzVEO1NBZFksc0JBQXNCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1BcnJheSwgRm9ybUdyb3VwIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgS2xlc0ZpZWxkQWJzdHJhY3QgfSBmcm9tICcuL2ZpZWxkLmFic3RyYWN0JztcbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAna2xlcy1hcnJheScsXG4gICAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2IFtmb3JtR3JvdXBdPVwiZ3JvdXBcIj5cbiAgICAgICAgPG5nLWNvbnRhaW5lciBbZm9ybUFycmF5TmFtZV09XCJmaWVsZC5uYW1lXCI+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwiZ3JvdXAtY29udGFpbmVyXCIgKm5nRm9yPVwibGV0IHN1Ykdyb3VwIG9mIGZvcm1BcnJheS5jb250cm9scyBsZXQgaW5kZXggPSBpbmRleDtcIlxuICAgICAgICAgICAgW25nQ2xhc3NdPVwiZmllbGQuZGlyZWN0aW9uID09PSAnY29sdW1uJyA/ICdjb2x1bW4nOiAncm93J1wiPlxuICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IHN1YmZpZWxkIG9mIGZpZWxkLmNvbGxlY3Rpb25zO1wiXG4gICAgICAgICAgICAgICAgICAgIGtsZXNEeW5hbWljRmllbGQgW2ZpZWxkXT1cInN1YmZpZWxkXCIgW2dyb3VwXT1cInN1Ykdyb3VwXCIgW3NpYmxpbmdGaWVsZHNdPVwiZmllbGQuY29sbGVjdGlvbnNcIj5cbiAgICAgICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8L2Rpdj5cbmAsXG4gICAgc3R5bGVzOiBbJ21hdC1mb3JtLWZpZWxkIHt3aWR0aDogY2FsYygxMDAlKX0nLFxuICAgICAgICAnOmhvc3QgeyBkaXNwbGF5OmZsZXg7IGZsZXgtZGlyZWN0aW9uOiBpbmhlcml0fScsXG4gICAgICAgICcuZ3JvdXAtY29udGFpbmVyIHtkaXNwbGF5OmZsZXg7IGZsZXgtZGlyZWN0aW9uOiBpbmhlcml0fScsXG4gICAgICAgICcucm93IHsgZ2FwOjEwcHg7IGZsZXgtZGlyZWN0aW9uOiByb3cgfScsXG4gICAgICAgICcuY29sdW1uIHsgZmxleC1kaXJlY3Rpb246IGNvbHVtbiwgZ2FwOjBweH0nXG4gICAgXVxufSlcbmV4cG9ydCBjbGFzcyBLbGVzRm9ybUFycmF5Q29tcG9uZW50IGV4dGVuZHMgS2xlc0ZpZWxkQWJzdHJhY3QgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gICAgLy8gc3ViR3JvdXA6IEZvcm1Hcm91cFxuXG4gICAgZm9ybUFycmF5OiBGb3JtQXJyYXk7XG5cbiAgICBuZ09uSW5pdCgpIHtcbiAgICAgICAgLy8gdGhpcy5zdWJHcm91cCA9IHRoaXMuZ3JvdXAuY29udHJvbHNbdGhpcy5maWVsZC5uYW1lXSBhcyBGb3JtR3JvdXA7XG4gICAgICAgIHN1cGVyLm5nT25Jbml0KCk7XG4gICAgICAgIHRoaXMuZm9ybUFycmF5ID0gdGhpcy5ncm91cC5jb250cm9sc1t0aGlzLmZpZWxkLm5hbWVdIGFzIEZvcm1BcnJheTtcbiAgICAgICAgY29uc29sZS5sb2coJ29uIGFycml2ZSBpY2knKVxuICAgICAgICBjb25zb2xlLmxvZyh0aGlzLmZpZWxkKVxuICAgICAgICBjb25zb2xlLmxvZyh0aGlzLmZvcm1BcnJheSlcbiAgICB9XG59XG4iXX0=
|
|
@@ -1191,10 +1191,10 @@ KlesFormArrayComponent = __decorate([
|
|
|
1191
1191
|
Component({
|
|
1192
1192
|
selector: 'kles-array',
|
|
1193
1193
|
template: `
|
|
1194
|
-
<div [formGroup]="group"
|
|
1194
|
+
<div [formGroup]="group">
|
|
1195
1195
|
<ng-container [formArrayName]="field.name">
|
|
1196
|
-
<div class="group-container" *ngFor="let subGroup of formArray.controls let index = index;"
|
|
1197
|
-
[ngClass]="field.
|
|
1196
|
+
<div class="group-container" *ngFor="let subGroup of formArray.controls let index = index;"
|
|
1197
|
+
[ngClass]="field.direction === 'column' ? 'column': 'row'">
|
|
1198
1198
|
<ng-container *ngFor="let subfield of field.collections;"
|
|
1199
1199
|
klesDynamicField [field]="subfield" [group]="subGroup" [siblingFields]="field.collections">
|
|
1200
1200
|
</ng-container>
|
|
@@ -1204,7 +1204,9 @@ KlesFormArrayComponent = __decorate([
|
|
|
1204
1204
|
`,
|
|
1205
1205
|
styles: ['mat-form-field {width: calc(100%)}',
|
|
1206
1206
|
':host { display:flex; flex-direction: inherit}',
|
|
1207
|
-
'.group-container {display:flex; flex-direction: inherit}'
|
|
1207
|
+
'.group-container {display:flex; flex-direction: inherit}',
|
|
1208
|
+
'.row { gap:10px; flex-direction: row }',
|
|
1209
|
+
'.column { flex-direction: column, gap:0px}']
|
|
1208
1210
|
})
|
|
1209
1211
|
], KlesFormArrayComponent);
|
|
1210
1212
|
|