@esfaenza/forms-and-validations 11.2.61 → 11.2.62
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/bundles/esfaenza-forms-and-validations.umd.js +6 -1
- package/bundles/esfaenza-forms-and-validations.umd.js.map +1 -1
- package/esfaenza-forms-and-validations.metadata.json +1 -1
- package/esm2015/lib/forms/form-template/form-template.component.js +7 -2
- package/fesm2015/esfaenza-forms-and-validations.js +6 -1
- package/fesm2015/esfaenza-forms-and-validations.js.map +1 -1
- package/lib/forms/form-template/form-template.component.d.ts +4 -0
- package/package.json +1 -1
|
@@ -14,6 +14,10 @@ export class FormTemplateComponent {
|
|
|
14
14
|
* Mostra un testo a sinistra dell'input, **FormLayout** permettendo
|
|
15
15
|
*/
|
|
16
16
|
this.Label = "";
|
|
17
|
+
/**
|
|
18
|
+
* Eventuali classi extra da applicare alla Label, di default c'è solo un leggero margin top
|
|
19
|
+
*/
|
|
20
|
+
this.LabelClass = "m-t-5";
|
|
17
21
|
/**
|
|
18
22
|
* Utilizza o meno il Layout di un form (Label con input di fianco), se false mostra solo l'input
|
|
19
23
|
*/
|
|
@@ -47,13 +51,14 @@ export class FormTemplateComponent {
|
|
|
47
51
|
FormTemplateComponent.decorators = [
|
|
48
52
|
{ type: Component, args: [{
|
|
49
53
|
selector: "form-template",
|
|
50
|
-
template: "<ng-container *ngIf=\"!FormLayout\">\r\n <ng-content></ng-content>\r\n</ng-container>\r\n\r\n<div *ngIf=\"FormLayout\" class=\"form-group row {{FormGroupClass}}\" [class.app-margin-bottom-0]=\"Last\">\r\n <label class=\"col-md-{{LabelColWidth}}
|
|
54
|
+
template: "<ng-container *ngIf=\"!FormLayout\">\r\n <ng-content></ng-content>\r\n</ng-container>\r\n\r\n<div *ngIf=\"FormLayout\" class=\"form-group row {{FormGroupClass}}\" [class.app-margin-bottom-0]=\"Last\">\r\n <label class=\"col-md-{{LabelColWidth}} {{LabelClass}}\">{{Label}}{{Required ? '*' : ''}}<span *ngIf=\"Label\">:</span></label>\r\n <div class=\"col-md-{{InputColWidth}}\">\r\n <ng-content></ng-content>\r\n </div>\r\n <div class=\"clearfix\"></div>\r\n</div>",
|
|
51
55
|
changeDetection: ChangeDetectionStrategy.OnPush
|
|
52
56
|
},] }
|
|
53
57
|
];
|
|
54
58
|
FormTemplateComponent.propDecorators = {
|
|
55
59
|
Required: [{ type: Input }],
|
|
56
60
|
Label: [{ type: Input }],
|
|
61
|
+
LabelClass: [{ type: Input }],
|
|
57
62
|
FormLayout: [{ type: Input }],
|
|
58
63
|
LabelColWidth: [{ type: Input }],
|
|
59
64
|
InputColWidth: [{ type: Input }],
|
|
@@ -61,4 +66,4 @@ FormTemplateComponent.propDecorators = {
|
|
|
61
66
|
FormGroupClass: [{ type: Input }],
|
|
62
67
|
LabelInputRatio: [{ type: Input }]
|
|
63
68
|
};
|
|
64
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
69
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS10ZW1wbGF0ZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9mb3Jtcy1hbmQtdmFsaWRhdGlvbnMvc3JjL2xpYi9mb3Jtcy9mb3JtLXRlbXBsYXRlL2Zvcm0tdGVtcGxhdGUuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLFVBQVU7QUFDVixPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUUxRTs7O0dBR0c7QUFNSCxNQUFNLE9BQU8scUJBQXFCO0lBTGxDO1FBT0k7O1dBRUc7UUFDTSxhQUFRLEdBQVksS0FBSyxDQUFDO1FBRW5DOztXQUVHO1FBQ00sVUFBSyxHQUFXLEVBQUUsQ0FBQztRQUU1Qjs7V0FFRztRQUNNLGVBQVUsR0FBVyxPQUFPLENBQUM7UUFFdEM7O1dBRUc7UUFDTSxlQUFVLEdBQVksSUFBSSxDQUFDO1FBRXBDOztXQUVHO1FBQ00sa0JBQWEsR0FBVyxDQUFDLENBQUM7UUFFbkM7O1dBRUc7UUFDTSxrQkFBYSxHQUFXLENBQUMsQ0FBQztRQUVuQzs7V0FFRztRQUNNLFNBQUksR0FBWSxLQUFLLENBQUM7UUFFL0I7O1dBRUc7UUFDTSxtQkFBYyxHQUFXLEVBQUUsQ0FBQztJQVV6QyxDQUFDO0lBUkc7O09BRUc7SUFDSCxJQUFhLGVBQWUsQ0FBQyxLQUFhO1FBQ3RDLElBQUksS0FBSyxHQUFHLEtBQUssQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDOUIsSUFBSSxDQUFDLGFBQWEsR0FBRyxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFDeEMsSUFBSSxDQUFDLGFBQWEsR0FBRyxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDNUMsQ0FBQzs7O1lBdERKLFNBQVMsU0FBQztnQkFDUCxRQUFRLEVBQUUsZUFBZTtnQkFDekIsaWZBQTJDO2dCQUMzQyxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTthQUNsRDs7O3VCQU1JLEtBQUs7b0JBS0wsS0FBSzt5QkFLTCxLQUFLO3lCQUtMLEtBQUs7NEJBS0wsS0FBSzs0QkFLTCxLQUFLO21CQUtMLEtBQUs7NkJBS0wsS0FBSzs4QkFLTCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiLy8gQW5ndWxhclxyXG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XHJcblxyXG4vKipcclxuICogQ29tcG9uZW50ZSBkYSB1dGlsaXp6YXJlIHF1YW5kbyBsJ2ltcGxlbWVudGF6aW9uZSBkZWxsJ2lucHV0IG5vbiDDqCBkaXNwb25pYmlsZSBuZWxsYSBsaWJyZXJpYSwgIFxyXG4gKiBmb3JuaXNjZSBsYSBzdHJ1dHR1cmEgc3RhbmRhcmQgZGkgdW4gZm9ybS1jb21wb25lbnQgbWEgbCdpbnB1dCB2ZXJvIGUgcHJvcHJpbyB2aWVuZSBwcm9pZXR0YXRvIGRhbGwnZXN0ZXJub1xyXG4gKi9cclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogXCJmb3JtLXRlbXBsYXRlXCIsXHJcbiAgICB0ZW1wbGF0ZVVybDogXCJmb3JtLXRlbXBsYXRlLmNvbXBvbmVudC5odG1sXCIsXHJcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxyXG59KVxyXG5leHBvcnQgY2xhc3MgRm9ybVRlbXBsYXRlQ29tcG9uZW50IHtcclxuXHJcbiAgICAvKipcclxuICAgICAqIEluZGljYSBzZSBsJ2lucHV0IMOoIG9iYmxpZ2F0b3JpbyBvIG5vXHJcbiAgICAgKi9cclxuICAgIEBJbnB1dCgpIFJlcXVpcmVkOiBib29sZWFuID0gZmFsc2U7XHJcblxyXG4gICAgLyoqXHJcbiAgICAgKiBNb3N0cmEgdW4gdGVzdG8gYSBzaW5pc3RyYSBkZWxsJ2lucHV0LCAqKkZvcm1MYXlvdXQqKiBwZXJtZXR0ZW5kb1xyXG4gICAgICovXHJcbiAgICBASW5wdXQoKSBMYWJlbDogc3RyaW5nID0gXCJcIjtcclxuXHJcbiAgICAvKipcclxuICAgICAqIEV2ZW50dWFsaSBjbGFzc2kgZXh0cmEgZGEgYXBwbGljYXJlIGFsbGEgTGFiZWwsIGRpIGRlZmF1bHQgYyfDqCBzb2xvIHVuIGxlZ2dlcm8gbWFyZ2luIHRvcFxyXG4gICAgICovXHJcbiAgICBASW5wdXQoKSBMYWJlbENsYXNzOiBzdHJpbmcgPSBcIm0tdC01XCI7XHJcblxyXG4gICAgLyoqXHJcbiAgICAgKiBVdGlsaXp6YSBvIG1lbm8gaWwgTGF5b3V0IGRpIHVuIGZvcm0gKExhYmVsIGNvbiBpbnB1dCBkaSBmaWFuY28pLCBzZSBmYWxzZSBtb3N0cmEgc29sbyBsJ2lucHV0XHJcbiAgICAgKi9cclxuICAgIEBJbnB1dCgpIEZvcm1MYXlvdXQ6IGJvb2xlYW4gPSB0cnVlO1xyXG5cclxuICAgIC8qKlxyXG4gICAgICogY29sLW1kLVggcGVyIGxhIGxhYmVsXHJcbiAgICAgKi9cclxuICAgIEBJbnB1dCgpIExhYmVsQ29sV2lkdGg6IG51bWJlciA9IDQ7XHJcblxyXG4gICAgLyoqXHJcbiAgICAgKiBjb2wtbWQtWCBwZXIgbCdpbnB1dFxyXG4gICAgICovXHJcbiAgICBASW5wdXQoKSBJbnB1dENvbFdpZHRoOiBudW1iZXIgPSA4O1xyXG5cclxuICAgIC8qKlxyXG4gICAgICogSW5kaWNhIHNlIMOoIGwndWx0aW1vIGNvbXBvbmVudGUgZGkgdW4gZm9ybSAoc2VydmUgcGVyIHJpbXVvdmVyZSBpbCBtYXJnaW5lIGZpbmFsZSlcclxuICAgICAqL1xyXG4gICAgQElucHV0KCkgTGFzdDogYm9vbGVhbiA9IGZhbHNlO1xyXG5cclxuICAgIC8qKlxyXG4gICAgICogQ2xhc3NlIGV4dHJhIHBlciBpbCBmb3JtLWdyb3VwIGluIGN1aSB2aWVuZSB3cmFwcGF0byBsJ2lucHV0XHJcbiAgICAgKi9cclxuICAgIEBJbnB1dCgpIEZvcm1Hcm91cENsYXNzOiBzdHJpbmcgPSBcIlwiO1xyXG5cclxuICAgIC8qKlxyXG4gICAgICogUGVybWV0dGUgZGkgc2V0dGFyZSBpbiB1bmEgdm9sdGEgc29sbyBnbGkgaW5wdXQgTGFiZWxDb2xXaWR0aCBlIElucHV0Q29sV2lkdGgsIGJhc3RhIHNjcml2ZXJsbyBjb24gbGEgc2ludGFzc2kgXCJYIFlcIlxyXG4gICAgICovXHJcbiAgICBASW5wdXQoKSBzZXQgTGFiZWxJbnB1dFJhdGlvKGlucHV0OiBzdHJpbmcpIHtcclxuICAgICAgICB2YXIgcmF0aW8gPSBpbnB1dC5zcGxpdCgvXFxzLyk7XHJcbiAgICAgICAgdGhpcy5MYWJlbENvbFdpZHRoID0gcGFyc2VJbnQocmF0aW9bMF0pO1xyXG4gICAgICAgIHRoaXMuSW5wdXRDb2xXaWR0aCA9IHBhcnNlSW50KHJhdGlvWzFdKTtcclxuICAgIH1cclxufSJdfQ==
|
|
@@ -2404,6 +2404,10 @@ class FormTemplateComponent {
|
|
|
2404
2404
|
* Mostra un testo a sinistra dell'input, **FormLayout** permettendo
|
|
2405
2405
|
*/
|
|
2406
2406
|
this.Label = "";
|
|
2407
|
+
/**
|
|
2408
|
+
* Eventuali classi extra da applicare alla Label, di default c'è solo un leggero margin top
|
|
2409
|
+
*/
|
|
2410
|
+
this.LabelClass = "m-t-5";
|
|
2407
2411
|
/**
|
|
2408
2412
|
* Utilizza o meno il Layout di un form (Label con input di fianco), se false mostra solo l'input
|
|
2409
2413
|
*/
|
|
@@ -2437,13 +2441,14 @@ class FormTemplateComponent {
|
|
|
2437
2441
|
FormTemplateComponent.decorators = [
|
|
2438
2442
|
{ type: Component, args: [{
|
|
2439
2443
|
selector: "form-template",
|
|
2440
|
-
template: "<ng-container *ngIf=\"!FormLayout\">\r\n <ng-content></ng-content>\r\n</ng-container>\r\n\r\n<div *ngIf=\"FormLayout\" class=\"form-group row {{FormGroupClass}}\" [class.app-margin-bottom-0]=\"Last\">\r\n <label class=\"col-md-{{LabelColWidth}}
|
|
2444
|
+
template: "<ng-container *ngIf=\"!FormLayout\">\r\n <ng-content></ng-content>\r\n</ng-container>\r\n\r\n<div *ngIf=\"FormLayout\" class=\"form-group row {{FormGroupClass}}\" [class.app-margin-bottom-0]=\"Last\">\r\n <label class=\"col-md-{{LabelColWidth}} {{LabelClass}}\">{{Label}}{{Required ? '*' : ''}}<span *ngIf=\"Label\">:</span></label>\r\n <div class=\"col-md-{{InputColWidth}}\">\r\n <ng-content></ng-content>\r\n </div>\r\n <div class=\"clearfix\"></div>\r\n</div>",
|
|
2441
2445
|
changeDetection: ChangeDetectionStrategy.OnPush
|
|
2442
2446
|
},] }
|
|
2443
2447
|
];
|
|
2444
2448
|
FormTemplateComponent.propDecorators = {
|
|
2445
2449
|
Required: [{ type: Input }],
|
|
2446
2450
|
Label: [{ type: Input }],
|
|
2451
|
+
LabelClass: [{ type: Input }],
|
|
2447
2452
|
FormLayout: [{ type: Input }],
|
|
2448
2453
|
LabelColWidth: [{ type: Input }],
|
|
2449
2454
|
InputColWidth: [{ type: Input }],
|