monkey-front-components 0.0.446 → 0.0.448
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/esm2020/lib/components/shared/filter/options/options.component.mjs +4 -4
- package/esm2020/lib/components/shared/filter/options/status/status.component.mjs +3 -3
- package/fesm2015/monkey-front-components.mjs +6 -6
- package/fesm2015/monkey-front-components.mjs.map +1 -1
- package/fesm2020/monkey-front-components.mjs +5 -5
- package/fesm2020/monkey-front-components.mjs.map +1 -1
- package/monkey-front-components-0.0.448.tgz +0 -0
- package/package.json +1 -1
- package/monkey-front-components-0.0.446.tgz +0 -0
|
@@ -1655,10 +1655,10 @@ class MECXFilterOptionsStatusComponent {
|
|
|
1655
1655
|
}
|
|
1656
1656
|
}
|
|
1657
1657
|
MECXFilterOptionsStatusComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MECXFilterOptionsStatusComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1658
|
-
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
|
|
1658
|
+
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{margin-left:24px;font-style:normal;font-weight:400;font-size:16px;color:#9c9ca6;margin-top:-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 } });
|
|
1659
1659
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MECXFilterOptionsStatusComponent, decorators: [{
|
|
1660
1660
|
type: Component,
|
|
1661
|
-
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
|
|
1661
|
+
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{margin-left:24px;font-style:normal;font-weight:400;font-size:16px;color:#9c9ca6;margin-top:-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"] }]
|
|
1662
1662
|
}], ctorParameters: function () { return []; }, propDecorators: { option: [{
|
|
1663
1663
|
type: Input
|
|
1664
1664
|
}], onSubmit: [{
|
|
@@ -1837,13 +1837,13 @@ class MECXFilterOptionsComponent extends BaseComponent {
|
|
|
1837
1837
|
}
|
|
1838
1838
|
ngOnInit() {
|
|
1839
1839
|
const { option } = this;
|
|
1840
|
-
option?.values
|
|
1840
|
+
option?.values$?.()?.pipe(takeUntil(this.__unsubscribeAll)).subscribe((data) => {
|
|
1841
1841
|
this.option.values = data;
|
|
1842
1842
|
});
|
|
1843
|
-
option?.pagination
|
|
1843
|
+
option?.pagination$?.()?.pipe(takeUntil(this.__unsubscribeAll)).subscribe((data) => {
|
|
1844
1844
|
this._hasMoreValues = !!(data?.next);
|
|
1845
1845
|
});
|
|
1846
|
-
option?.control
|
|
1846
|
+
option?.control$?.()?.pipe(takeUntil(this.__unsubscribeAll)).subscribe((data) => {
|
|
1847
1847
|
this.onHandleLoading(data?.isLoading);
|
|
1848
1848
|
});
|
|
1849
1849
|
}
|