@3kles/kles-material-dynamicforms 17.11.2 → 17.11.3
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.
|
@@ -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: "17.3.12", ngImport: i0, type: KlesFormGroupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
44
45
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", 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: "17.3.12", 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: "17.3.12", ngImpo
|
|
|
68
77
|
type: HostBinding,
|
|
69
78
|
args: ['class']
|
|
70
79
|
}] } });
|
|
71
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
80
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JvdXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMva2xlcy1tYXRlcmlhbC1keW5hbWljZm9ybXMvc3JjL2xpYi9maWVsZHMvZ3JvdXAuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBMEQsTUFBTSxlQUFlLENBQUM7QUFFL0csT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzFELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUNoRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDOUMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7Ozs7QUE2QjlDLElBQU0sc0JBQXNCLEdBQTVCLE1BQU0sc0JBQXVCLFNBQVEsaUJBQWlCO0lBQXREOztRQUVILHFCQUFnQixHQUlzQixpQkFBaUIsQ0FBQztLQXFDM0Q7SUFuQ0csSUFBMEIsU0FBUztRQUMvQixPQUFPLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQztJQUNqQyxDQUFDO0lBSUQsUUFBUTtRQUNKLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQXFCLENBQUM7UUFDekUsS0FBSyxDQUFDLFFBQVEsRUFBRSxDQUFDO1FBQ2pCLElBQUksQ0FBQyxtQkFBbUIsRUFBRSxDQUFDO0lBQy9CLENBQUM7SUFFRCxXQUFXO1FBQ1AsS0FBSyxDQUFDLFdBQVcsRUFBRSxDQUFDO0lBQ3hCLENBQUM7SUFFTyxtQkFBbUI7UUFDdkIsSUFBSSxJQUFJLENBQUMsS0FBSyxDQUFDLFNBQVMsRUFBRTtZQUN0QixRQUFRLElBQUksQ0FBQyxLQUFLLENBQUMsU0FBUyxFQUFFO2dCQUMxQixLQUFLLFFBQVE7b0JBQ1QsSUFBSSxDQUFDLGdCQUFnQixHQUFHLHdCQUF3QixDQUFDO29CQUNqRCxNQUFNO2dCQUNWLEtBQUssS0FBSztvQkFDTixJQUFJLENBQUMsZ0JBQWdCLEdBQUcscUJBQXFCLENBQUM7b0JBQzlDLE1BQU07Z0JBQ1YsS0FBSyxNQUFNO29CQUNQLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxzQkFBc0IsQ0FBQztvQkFDL0MsTUFBTTtnQkFDVixLQUFLLGFBQWE7b0JBQ2QsSUFBSSxDQUFDLGdCQUFnQixHQUFHLDZCQUE2QixDQUFDO29CQUN0RCxNQUFNO2FBQ2I7U0FDSjtJQUVMLENBQUM7K0dBMUNRLHNCQUFzQjttR0FBdEIsc0JBQXNCLG1MQXZCckI7Ozs7Ozs7Ozs7O0NBV2I7O0FBWVksc0JBQXNCO0lBM0JsQyxXQUFXLENBQUMsRUFBRSxJQUFJLEVBQUUsUUFBUSxDQUFDLEtBQUssRUFBRSxPQUFPLEVBQUUsQ0FBQyxLQUFLLEVBQUUsRUFBRSxDQUFDLENBQUMsSUFBSSxhQUFhLENBQUMsS0FBSyxDQUFDLENBQUMsTUFBTSxFQUFFLENBQUMsRUFBRSxDQUFDO0dBMkJsRixzQkFBc0IsQ0EyQ2xDOzs0RkEzQ1ksc0JBQXNCO2tCQTFCbEMsU0FBUzsyQkFDQSxFQUFFLGFBQWEsRUFBRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsWUFBWSxFQUFFLFlBQ3ZELFlBQVksWUFDWjs7Ozs7Ozs7Ozs7Q0FXYjs4QkFvQjZCLFNBQVM7c0JBQWxDLFdBQVc7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIE9uRGVzdHJveSwgT25Jbml0LCBWaWV3Q29udGFpbmVyUmVmLCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVW50eXBlZEZvcm1Hcm91cCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IEtsZXNGb3JtR3JvdXAgfSBmcm9tICcuLi9jb250cm9scy9ncm91cC5jb250cm9sJztcbmltcG9ydCB7IEZpZWxkTWFwcGVyIH0gZnJvbSAnLi4vZGVjb3JhdG9ycy9jb21wb25lbnQuZGVjb3JhdG9yJztcbmltcG9ydCB7IEVudW1UeXBlIH0gZnJvbSAnLi4vZW51bXMvdHlwZS5lbnVtJztcbmltcG9ydCB7IEtsZXNGaWVsZEFic3RyYWN0IH0gZnJvbSAnLi9maWVsZC5hYnN0cmFjdCc7XG5cbkBGaWVsZE1hcHBlcih7IHR5cGU6IEVudW1UeXBlLmdyb3VwLCBmYWN0b3J5OiAoZmllbGQpID0+IChuZXcgS2xlc0Zvcm1Hcm91cChmaWVsZCkuY3JlYXRlKCkpIH0pXG5AQ29tcG9uZW50KHtcbiAgICBob3N0OiB7ICdbZm9ybUdyb3VwXSc6ICdncm91cCcsICdbZm9ybUdyb3VwTmFtZV0nOiAnZmllbGQubmFtZScgfSxcbiAgICBzZWxlY3RvcjogJ2tsZXMtZ3JvdXAnLFxuICAgIHRlbXBsYXRlOiBgXG4gICAgICAgIEBpZihmaWVsZC5sYWJlbCl7XG4gICAgICAgICA8aDQ+PHNwYW4gW21hdFRvb2x0aXBdPVwiZmllbGQudG9vbHRpcCB8fCAnJ1wiID57e2ZpZWxkLmxhYmVsfX08L3NwYW4+PC9oND5cbiAgICAgICAgfVxuICAgICAgIFxuICAgICAgICBAZm9yIChzdWJmaWVsZCBvZiBmaWVsZC5jb2xsZWN0aW9uczsgdHJhY2sgc3ViZmllbGQubmFtZSkge1xuICAgICAgICAgICAgQGlmIChzdWJmaWVsZC52aXNpYmxlICE9PSBmYWxzZSkge1xuICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIga2xlc0R5bmFtaWNGaWVsZCBbZmllbGRdPVwic3ViZmllbGRcIiBbZ3JvdXBdPVwic3ViR3JvdXBcIiBbc2libGluZ0ZpZWxkc109XCJmaWVsZC5jb2xsZWN0aW9uc1wiPlxuICAgICAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICAgICAgfVxuICAgICAgICB9XG5gLFxuICAgIHN0eWxlczogW1xuICAgICAgICAnIG1hdC1mb3JtLWZpZWxkIHt3aWR0aDogY2FsYygxMDAlKX0nLFxuICAgICAgICAnOmhvc3QuZ3JvdXAtY29udGFpbmVyIHtkaXNwbGF5OmZsZXg7IGZsZXgtZGlyZWN0aW9uOiBpbmhlcml0OyB3aWR0aDogaW5oZXJpdDsganVzdGlmeS1jb250ZW50OmluaGVyaXQ7IH0nLFxuICAgICAgICAnOmhvc3QuZ3JvdXAtY29udGFpbmVyLWNvbHVtbiB7IGRpc3BsYXk6IGZsZXg7ZmxleC1kaXJlY3Rpb246IGNvbHVtbjsganVzdGlmeS1jb250ZW50OmluaGVyaXQ7IH0nLFxuICAgICAgICAnOmhvc3QuZ3JvdXAtY29udGFpbmVyLWNvbHVtbiA+ICogeyB3aWR0aDogMTAwJTsgfScsXG4gICAgICAgICc6aG9zdC5ncm91cC1jb250YWluZXItcm93IHsgZGlzcGxheTogaW5saW5lLWZsZXg7IGZsZXgtd3JhcDp3cmFwOyBnYXA6MTBweDsgYWxpZ24taXRlbXM6IGJhc2VsaW5lOyBqdXN0aWZ5LWNvbnRlbnQ6aW5oZXJpdDsgfScsXG4gICAgICAgICc6aG9zdC5ncm91cC1jb250YWluZXItcm93ID4gKiB7IHdpZHRoOiAxMDAlOyB9JyxcbiAgICAgICAgJzpob3N0Lmdyb3VwLWNvbnRhaW5lci1ncmlkIHsgZGlzcGxheTogZ3JpZDsgfScsXG4gICAgICAgICc6aG9zdC5ncm91cC1jb250YWluZXItaW5saW5lLWdyaWQgeyBkaXNwbGF5OiBpbmxpbmUtZ3JpZDsgfScsXG4gICAgXSxcbn0pXG5leHBvcnQgY2xhc3MgS2xlc0Zvcm1Hcm91cENvbXBvbmVudCBleHRlbmRzIEtsZXNGaWVsZEFic3RyYWN0IGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xuXG4gICAgb3JpZW50YXRpb25DbGFzczogJ2dyb3VwLWNvbnRhaW5lcidcbiAgICAgICAgfCAnZ3JvdXAtY29udGFpbmVyLWNvbHVtbidcbiAgICAgICAgfCAnZ3JvdXAtY29udGFpbmVyLXJvdydcbiAgICAgICAgfCAnZ3JvdXAtY29udGFpbmVyLWdyaWQnXG4gICAgICAgIHwgJ2dyb3VwLWNvbnRhaW5lci1pbmxpbmUtZ3JpZCcgPSAnZ3JvdXAtY29udGFpbmVyJztcblxuICAgIEBIb3N0QmluZGluZygnY2xhc3MnKSBnZXQgY2xhc3NOYW1lKCkge1xuICAgICAgICByZXR1cm4gdGhpcy5vcmllbnRhdGlvbkNsYXNzO1xuICAgIH1cblxuICAgIHN1Ykdyb3VwOiBVbnR5cGVkRm9ybUdyb3VwO1xuXG4gICAgbmdPbkluaXQoKSB7XG4gICAgICAgIHRoaXMuc3ViR3JvdXAgPSB0aGlzLmdyb3VwLmNvbnRyb2xzW3RoaXMuZmllbGQubmFtZV0gYXMgVW50eXBlZEZvcm1Hcm91cDtcbiAgICAgICAgc3VwZXIubmdPbkluaXQoKTtcbiAgICAgICAgdGhpcy5zZXRPcmllbnRhdGlvbkNsYXNzKCk7XG4gICAgfVxuXG4gICAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgICAgIHN1cGVyLm5nT25EZXN0cm95KCk7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBzZXRPcmllbnRhdGlvbkNsYXNzKCkge1xuICAgICAgICBpZiAodGhpcy5maWVsZC5kaXJlY3Rpb24pIHtcbiAgICAgICAgICAgIHN3aXRjaCAodGhpcy5maWVsZC5kaXJlY3Rpb24pIHtcbiAgICAgICAgICAgICAgICBjYXNlICdjb2x1bW4nOlxuICAgICAgICAgICAgICAgICAgICB0aGlzLm9yaWVudGF0aW9uQ2xhc3MgPSAnZ3JvdXAtY29udGFpbmVyLWNvbHVtbic7XG4gICAgICAgICAgICAgICAgICAgIGJyZWFrO1xuICAgICAgICAgICAgICAgIGNhc2UgJ3Jvdyc6XG4gICAgICAgICAgICAgICAgICAgIHRoaXMub3JpZW50YXRpb25DbGFzcyA9ICdncm91cC1jb250YWluZXItcm93JztcbiAgICAgICAgICAgICAgICAgICAgYnJlYWs7XG4gICAgICAgICAgICAgICAgY2FzZSAnZ3JpZCc6XG4gICAgICAgICAgICAgICAgICAgIHRoaXMub3JpZW50YXRpb25DbGFzcyA9ICdncm91cC1jb250YWluZXItZ3JpZCc7XG4gICAgICAgICAgICAgICAgICAgIGJyZWFrO1xuICAgICAgICAgICAgICAgIGNhc2UgJ2lubGluZS1ncmlkJzpcbiAgICAgICAgICAgICAgICAgICAgdGhpcy5vcmllbnRhdGlvbkNsYXNzID0gJ2dyb3VwLWNvbnRhaW5lci1pbmxpbmUtZ3JpZCc7XG4gICAgICAgICAgICAgICAgICAgIGJyZWFrO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICB9XG59XG4iXX0=
|
|
@@ -2739,13 +2739,17 @@ let KlesFormGroupComponent = class KlesFormGroupComponent extends KlesFieldAbstr
|
|
|
2739
2739
|
}
|
|
2740
2740
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: KlesFormGroupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
2741
2741
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: KlesFormGroupComponent, selector: "kles-group", host: { properties: { "formGroup": "group", "formGroupName": "field.name", "class": "this.className" } }, usesInheritance: true, ngImport: i0, template: `
|
|
2742
|
+
@if(field.label){
|
|
2743
|
+
<h4><span [matTooltip]="field.tooltip || ''" >{{field.label}}</span></h4>
|
|
2744
|
+
}
|
|
2745
|
+
|
|
2742
2746
|
@for (subfield of field.collections; track subfield.name) {
|
|
2743
2747
|
@if (subfield.visible !== false) {
|
|
2744
2748
|
<ng-container klesDynamicField [field]="subfield" [group]="subGroup" [siblingFields]="field.collections">
|
|
2745
2749
|
</ng-container>
|
|
2746
2750
|
}
|
|
2747
2751
|
}
|
|
2748
|
-
`, 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"] }] }); }
|
|
2752
|
+
`, 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"] }] }); }
|
|
2749
2753
|
};
|
|
2750
2754
|
KlesFormGroupComponent = __decorate([
|
|
2751
2755
|
FieldMapper({ type: EnumType.group, factory: (field) => (new KlesFormGroup(field).create()) })
|
|
@@ -2753,6 +2757,10 @@ KlesFormGroupComponent = __decorate([
|
|
|
2753
2757
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: KlesFormGroupComponent, decorators: [{
|
|
2754
2758
|
type: Component,
|
|
2755
2759
|
args: [{ host: { '[formGroup]': 'group', '[formGroupName]': 'field.name' }, selector: 'kles-group', template: `
|
|
2760
|
+
@if(field.label){
|
|
2761
|
+
<h4><span [matTooltip]="field.tooltip || ''" >{{field.label}}</span></h4>
|
|
2762
|
+
}
|
|
2763
|
+
|
|
2756
2764
|
@for (subfield of field.collections; track subfield.name) {
|
|
2757
2765
|
@if (subfield.visible !== false) {
|
|
2758
2766
|
<ng-container klesDynamicField [field]="subfield" [group]="subGroup" [siblingFields]="field.collections">
|