ngx-vector-components 2.5.0 → 2.5.1

package/fesm2020/ngx-vector-components.mjs

@@ -1065,10 +1065,10 @@ class CheckboxFieldComponent {
     ngOnInit() { }
 }
 CheckboxFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: CheckboxFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-CheckboxFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: CheckboxFieldComponent, selector: "vector-checkbox-field", inputs: { isRequired: "isRequired", control: "control", label: "label", rounded: "rounded", labelSize: "labelSize", value: "value", disabled: "disabled" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"checkbox-container\">\r\n  <p-checkbox\r\n    *ngIf=\"control\"\r\n    [formControl]=\"control\"\r\n    checkboxIcon=\"fas fa-check\"\r\n    [binary]=\"true\"\r\n    [class.rounded-checkbox]=\"rounded\"\r\n  ></p-checkbox>\r\n  <p-checkbox\r\n    *ngIf=\"!control\"\r\n    [ngModel]=\"value\"\r\n    (ngModelChange)=\"value = $event; valueChange.emit($event)\"\r\n    checkboxIcon=\"fas fa-check\"\r\n    [binary]=\"true\"\r\n    [class.rounded-checkbox]=\"rounded\"\r\n    [disabled]=\"disabled\"\r\n  ></p-checkbox>\r\n  <label *ngIf=\"label\" [class.large-label]=\"labelSize === 'large'\"\r\n    >{{ label }}\r\n    <span class=\"red-label\" *ngIf=\"isRequired\"> (*)</span>\r\n  </label>\r\n</div>\r\n", styles: [".checkbox-container{display:flex;align-items:center}.checkbox-container label{margin-left:10px}.checkbox-container .large-label{font-size:1em}\n"], components: [{ type: i1$4.Checkbox, selector: "p-checkbox", inputs: ["value", "name", "disabled", "binary", "label", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "styleClass", "labelStyleClass", "formControl", "checkboxIcon", "readonly", "required", "trueValue", "falseValue"], outputs: ["onChange"] }], directives: [{ type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
+CheckboxFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: CheckboxFieldComponent, selector: "vector-checkbox-field", inputs: { isRequired: "isRequired", control: "control", label: "label", rounded: "rounded", labelSize: "labelSize", value: "value", disabled: "disabled" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<div class=\"checkbox-container\">\r\n  <p-checkbox\r\n    *ngIf=\"control\"\r\n    [formControl]=\"control\"\r\n    checkboxIcon=\"fas fa-check\"\r\n    [binary]=\"true\"\r\n    [class.rounded-checkbox]=\"rounded\"\r\n  ></p-checkbox>\r\n  <p-checkbox\r\n    *ngIf=\"!control\"\r\n    [ngModel]=\"value\"\r\n    (ngModelChange)=\"value = $event; valueChange.emit($event)\"\r\n    checkboxIcon=\"fas fa-check\"\r\n    [binary]=\"true\"\r\n    [class.rounded-checkbox]=\"rounded\"\r\n    [disabled]=\"disabled\"\r\n  ></p-checkbox>\r\n  <label *ngIf=\"label\" [class.large-label]=\"labelSize === 'large'\" (click)=\"control.setValue(!control.value)\"\r\n    >{{ label }}\r\n    <span class=\"red-label\" *ngIf=\"isRequired\"> (*)</span>\r\n  </label>\r\n</div>\r\n", styles: [".checkbox-container{display:flex;align-items:center}.checkbox-container label{margin-left:10px}.checkbox-container .large-label{font-size:1em}\n"], components: [{ type: i1$4.Checkbox, selector: "p-checkbox", inputs: ["value", "name", "disabled", "binary", "label", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "style", "styleClass", "labelStyleClass", "formControl", "checkboxIcon", "readonly", "required", "trueValue", "falseValue"], outputs: ["onChange"] }], directives: [{ type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: CheckboxFieldComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'vector-checkbox-field', template: "<div class=\"checkbox-container\">\r\n  <p-checkbox\r\n    *ngIf=\"control\"\r\n    [formControl]=\"control\"\r\n    checkboxIcon=\"fas fa-check\"\r\n    [binary]=\"true\"\r\n    [class.rounded-checkbox]=\"rounded\"\r\n  ></p-checkbox>\r\n  <p-checkbox\r\n    *ngIf=\"!control\"\r\n    [ngModel]=\"value\"\r\n    (ngModelChange)=\"value = $event; valueChange.emit($event)\"\r\n    checkboxIcon=\"fas fa-check\"\r\n    [binary]=\"true\"\r\n    [class.rounded-checkbox]=\"rounded\"\r\n    [disabled]=\"disabled\"\r\n  ></p-checkbox>\r\n  <label *ngIf=\"label\" [class.large-label]=\"labelSize === 'large'\"\r\n    >{{ label }}\r\n    <span class=\"red-label\" *ngIf=\"isRequired\"> (*)</span>\r\n  </label>\r\n</div>\r\n", styles: [".checkbox-container{display:flex;align-items:center}.checkbox-container label{margin-left:10px}.checkbox-container .large-label{font-size:1em}\n"] }]
+            args: [{ selector: 'vector-checkbox-field', template: "<div class=\"checkbox-container\">\r\n  <p-checkbox\r\n    *ngIf=\"control\"\r\n    [formControl]=\"control\"\r\n    checkboxIcon=\"fas fa-check\"\r\n    [binary]=\"true\"\r\n    [class.rounded-checkbox]=\"rounded\"\r\n  ></p-checkbox>\r\n  <p-checkbox\r\n    *ngIf=\"!control\"\r\n    [ngModel]=\"value\"\r\n    (ngModelChange)=\"value = $event; valueChange.emit($event)\"\r\n    checkboxIcon=\"fas fa-check\"\r\n    [binary]=\"true\"\r\n    [class.rounded-checkbox]=\"rounded\"\r\n    [disabled]=\"disabled\"\r\n  ></p-checkbox>\r\n  <label *ngIf=\"label\" [class.large-label]=\"labelSize === 'large'\" (click)=\"control.setValue(!control.value)\"\r\n    >{{ label }}\r\n    <span class=\"red-label\" *ngIf=\"isRequired\"> (*)</span>\r\n  </label>\r\n</div>\r\n", styles: [".checkbox-container{display:flex;align-items:center}.checkbox-container label{margin-left:10px}.checkbox-container .large-label{font-size:1em}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { isRequired: [{
                 type: Input
             }], control: [{