monkey-front-components 0.0.450 → 0.0.452

package/fesm2020/monkey-front-components.mjs

@@ -1655,10 +1655,10 @@ class MECXFilterOptionsStatusComponent {
     }
 }
 MECXFilterOptionsStatusComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MECXFilterOptionsStatusComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-MECXFilterOptionsStatusComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: MECXFilterOptionsStatusComponent, selector: "mecx-filter-options-status", inputs: { option: "option" }, outputs: { onSubmit: "onSubmit" }, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngFor=\"let op of option?.values\">\r\n  <div class=\"content-status d-flex flex-column\">\r\n    <div class=\"d-flex align-items-center gap\">\r\n      <monkey-checkbox type=\"multiple\"\r\n        [description]=\"op?.description | translate\" [value]=\"onHandleChecked(op?.value)\"\r\n        (click)=\"onChangeFilter($event, op?.value)\">\r\n      </monkey-checkbox>\r\n      <span class=\"helper\" *ngIf=\"op?.helperMessage\">{{ op?.helperMessage }}</span>\r\n    </div>\r\n    <span class=\"info\" *ngIf=\"op?.infoMessage\">{{ op?.infoMessage }}</span>\r\n  </div>\r\n</ng-container>", styles: [":host{display:flex;flex-direction:column;max-width:232px;min-width:180px;max-height:500px;padding:12px 12px 8px;color:#72717e;overflow:auto}:host .content-status{margin:6px 0}:host .content-status .gap{gap:6px}:host .content-status .helper{margin-bottom:4px;margin-left:12;font-style:normal;font-weight:400;font-size:16px;color:#9c9ca6;text-align:right}:host .content-status .info{font-style:normal;font-weight:400;font-size:16px;color:#9c9ca6;margin:-8px 24px 8px}:host ::ng-deep mecx-form-field mecx-form-field-body.checkbox{padding:0!important}:host ::ng-deep mecx-form-field mecx-form-field-body.checkbox .mecx-check-container{height:unset!important}:host ::ng-deep mecx-form-field mecx-form-field-body.checkbox .mecx-check-container .mecx-check-mark{top:50%;transform:translateY(-50%)}:host ::ng-deep monkey-checkbox{margin:6px 0!important}\n"], components: [{ type: i1$2.MonkeyCheckboxComponent, selector: "monkey-checkbox", inputs: ["label", "type", "helperMessage", "infoMessage", "errorMessage", "description", "value"], outputs: ["onChange"] }], directives: [{ type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "translate": i1$3.TranslatePipe } });
+MECXFilterOptionsStatusComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: MECXFilterOptionsStatusComponent, selector: "mecx-filter-options-status", inputs: { option: "option" }, outputs: { onSubmit: "onSubmit" }, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngFor=\"let op of option?.values\">\r\n  <div class=\"content-status d-flex flex-column\">\r\n    <div class=\"d-flex align-items-center gap\">\r\n      <monkey-checkbox type=\"multiple\"\r\n        [description]=\"op?.description | translate\" [value]=\"onHandleChecked(op?.value)\"\r\n        (click)=\"onChangeFilter($event, op?.value)\">\r\n      </monkey-checkbox>\r\n      <span class=\"helper\" *ngIf=\"op?.helperMessage\">{{ op?.helperMessage }}</span>\r\n    </div>\r\n    <span class=\"info\" *ngIf=\"op?.infoMessage\">{{ op?.infoMessage }}</span>\r\n  </div>\r\n</ng-container>", styles: [":host{display:flex;flex-direction:column;max-width:232px;min-width:180px;max-height:500px;padding:12px 12px 8px;color:#72717e;overflow:auto}:host .content-status .gap{gap:6px}:host .content-status .helper{margin-bottom:4px;margin-left:12;font-style:normal;font-weight:400;font-size:16px;color:#9c9ca6;text-align:right}:host .content-status .info{font-style:normal;font-weight:400;font-size:16px;color:#9c9ca6;margin:-8px 24px 8px}:host ::ng-deep mecx-form-field mecx-form-field-body.checkbox{padding:0!important}:host ::ng-deep mecx-form-field mecx-form-field-body.checkbox .mecx-check-container{height:unset!important}:host ::ng-deep mecx-form-field mecx-form-field-body.checkbox .mecx-check-container .mecx-check-mark{top:50%;transform:translateY(-50%)}:host ::ng-deep monkey-checkbox{margin:6px 0!important}\n"], components: [{ type: i1$2.MonkeyCheckboxComponent, selector: "monkey-checkbox", inputs: ["label", "type", "helperMessage", "infoMessage", "errorMessage", "description", "value"], outputs: ["onChange"] }], directives: [{ type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "translate": i1$3.TranslatePipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MECXFilterOptionsStatusComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'mecx-filter-options-status', template: "<ng-container *ngFor=\"let op of option?.values\">\r\n  <div class=\"content-status d-flex flex-column\">\r\n    <div class=\"d-flex align-items-center gap\">\r\n      <monkey-checkbox type=\"multiple\"\r\n        [description]=\"op?.description | translate\" [value]=\"onHandleChecked(op?.value)\"\r\n        (click)=\"onChangeFilter($event, op?.value)\">\r\n      </monkey-checkbox>\r\n      <span class=\"helper\" *ngIf=\"op?.helperMessage\">{{ op?.helperMessage }}</span>\r\n    </div>\r\n    <span class=\"info\" *ngIf=\"op?.infoMessage\">{{ op?.infoMessage }}</span>\r\n  </div>\r\n</ng-container>", styles: [":host{display:flex;flex-direction:column;max-width:232px;min-width:180px;max-height:500px;padding:12px 12px 8px;color:#72717e;overflow:auto}:host .content-status{margin:6px 0}:host .content-status .gap{gap:6px}:host .content-status .helper{margin-bottom:4px;margin-left:12;font-style:normal;font-weight:400;font-size:16px;color:#9c9ca6;text-align:right}:host .content-status .info{font-style:normal;font-weight:400;font-size:16px;color:#9c9ca6;margin:-8px 24px 8px}:host ::ng-deep mecx-form-field mecx-form-field-body.checkbox{padding:0!important}:host ::ng-deep mecx-form-field mecx-form-field-body.checkbox .mecx-check-container{height:unset!important}:host ::ng-deep mecx-form-field mecx-form-field-body.checkbox .mecx-check-container .mecx-check-mark{top:50%;transform:translateY(-50%)}:host ::ng-deep monkey-checkbox{margin:6px 0!important}\n"] }]
+            args: [{ selector: 'mecx-filter-options-status', template: "<ng-container *ngFor=\"let op of option?.values\">\r\n  <div class=\"content-status d-flex flex-column\">\r\n    <div class=\"d-flex align-items-center gap\">\r\n      <monkey-checkbox type=\"multiple\"\r\n        [description]=\"op?.description | translate\" [value]=\"onHandleChecked(op?.value)\"\r\n        (click)=\"onChangeFilter($event, op?.value)\">\r\n      </monkey-checkbox>\r\n      <span class=\"helper\" *ngIf=\"op?.helperMessage\">{{ op?.helperMessage }}</span>\r\n    </div>\r\n    <span class=\"info\" *ngIf=\"op?.infoMessage\">{{ op?.infoMessage }}</span>\r\n  </div>\r\n</ng-container>", styles: [":host{display:flex;flex-direction:column;max-width:232px;min-width:180px;max-height:500px;padding:12px 12px 8px;color:#72717e;overflow:auto}:host .content-status .gap{gap:6px}:host .content-status .helper{margin-bottom:4px;margin-left:12;font-style:normal;font-weight:400;font-size:16px;color:#9c9ca6;text-align:right}:host .content-status .info{font-style:normal;font-weight:400;font-size:16px;color:#9c9ca6;margin:-8px 24px 8px}:host ::ng-deep mecx-form-field mecx-form-field-body.checkbox{padding:0!important}:host ::ng-deep mecx-form-field mecx-form-field-body.checkbox .mecx-check-container{height:unset!important}:host ::ng-deep mecx-form-field mecx-form-field-body.checkbox .mecx-check-container .mecx-check-mark{top:50%;transform:translateY(-50%)}:host ::ng-deep monkey-checkbox{margin:6px 0!important}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { option: [{
                 type: Input
             }], onSubmit: [{