monkey-front-components 0.0.373 → 0.0.376
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/currency/currency.component.mjs +2 -2
- package/esm2020/lib/components/shared/filter/options/date-range/date-range.component.mjs +2 -2
- package/esm2020/lib/components/shared/filter/options/input/index.mjs +2 -0
- package/esm2020/lib/components/shared/filter/options/input/input.component.mjs +46 -0
- package/esm2020/lib/components/shared/filter/options/options.component.mjs +7 -6
- package/esm2020/lib/components/shared/filter/options/options.module.mjs +43 -38
- package/esm2020/lib/components/shared/filter/options/status/status.component.mjs +2 -2
- package/esm2020/lib/components/shared/filter/selected/item/index.mjs +2 -1
- package/esm2020/lib/components/shared/filter/selected/item/input/index.mjs +2 -0
- package/esm2020/lib/components/shared/filter/selected/item/input/input.component.mjs +28 -0
- package/esm2020/lib/components/shared/filter/selected/item/item.component.mjs +11 -10
- package/esm2020/lib/components/shared/filter/selected/selected.module.mjs +37 -35
- package/fesm2015/monkey-front-components.mjs +152 -78
- package/fesm2015/monkey-front-components.mjs.map +1 -1
- package/fesm2020/monkey-front-components.mjs +152 -78
- package/fesm2020/monkey-front-components.mjs.map +1 -1
- package/lib/components/shared/filter/options/input/index.d.ts +1 -0
- package/lib/components/shared/filter/options/input/input.component.d.ts +17 -0
- package/lib/components/shared/filter/options/options.module.d.ts +13 -12
- package/lib/components/shared/filter/selected/item/index.d.ts +1 -0
- package/lib/components/shared/filter/selected/item/input/index.d.ts +1 -0
- package/lib/components/shared/filter/selected/item/input/input.component.d.ts +11 -0
- package/lib/components/shared/filter/selected/selected.module.d.ts +14 -13
- package/monkey-front-components-0.0.376.tgz +0 -0
- package/package.json +5 -5
- package/monkey-front-components-0.0.373.tgz +0 -0
|
@@ -6,7 +6,7 @@ import { TranslateModule } from '@ngx-translate/core';
|
|
|
6
6
|
import { MonkeyEcxDirectivesModule, MonkeyEcxPipesModule } from 'monkey-front-core';
|
|
7
7
|
import { MonkeyBadgeModule, MonkeyButtonModule, MonkeyCheckboxModule, MonkeyDateRangePickerModule, MonkeyIconModule, MonkeyInputModule, MonkeyOptionModule, MonkeySelectModule } from 'monkey-style-guide';
|
|
8
8
|
import { MECXFilterOptionsModule } from '../options';
|
|
9
|
-
import { MECXFilterSelectedItemChildrenComponent, MECXFilterSelectedItemComponent, MECXFilterSelectedItemCurrencyComponent, MECXFilterSelectedItemDateRangeComponent, MECXFilterSelectedItemDateWithActionComponent, MECXFilterSelectedItemStatusComponent } from './item';
|
|
9
|
+
import { MECXFilterSelectedItemChildrenComponent, MECXFilterSelectedItemComponent, MECXFilterSelectedItemCurrencyComponent, MECXFilterSelectedItemDateRangeComponent, MECXFilterSelectedItemDateWithActionComponent, MECXFilterSelectedItemInputComponent, MECXFilterSelectedItemStatusComponent } from './item';
|
|
10
10
|
import { MECXFilterSelectedComponent } from './selected.component';
|
|
11
11
|
import * as i0 from "@angular/core";
|
|
12
12
|
import * as i1 from "@ngx-translate/core";
|
|
@@ -14,42 +14,43 @@ export class MECXFilterSelectedModule {
|
|
|
14
14
|
}
|
|
15
15
|
MECXFilterSelectedModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MECXFilterSelectedModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
16
16
|
MECXFilterSelectedModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MECXFilterSelectedModule, declarations: [MECXFilterSelectedComponent,
|
|
17
|
+
MECXFilterSelectedItemChildrenComponent,
|
|
17
18
|
MECXFilterSelectedItemComponent,
|
|
18
19
|
MECXFilterSelectedItemCurrencyComponent,
|
|
19
20
|
MECXFilterSelectedItemDateRangeComponent,
|
|
20
|
-
MECXFilterSelectedItemStatusComponent,
|
|
21
21
|
MECXFilterSelectedItemDateWithActionComponent,
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
22
|
+
MECXFilterSelectedItemInputComponent,
|
|
23
|
+
MECXFilterSelectedItemStatusComponent], imports: [CommonModule,
|
|
24
|
+
FormsModule,
|
|
25
|
+
MECXFilterOptionsModule,
|
|
25
26
|
MonkeyBadgeModule,
|
|
27
|
+
MonkeyButtonModule,
|
|
28
|
+
MonkeyCheckboxModule,
|
|
29
|
+
MonkeyDateRangePickerModule,
|
|
30
|
+
MonkeyEcxDirectivesModule,
|
|
31
|
+
MonkeyEcxPipesModule,
|
|
26
32
|
MonkeyIconModule,
|
|
27
33
|
MonkeyInputModule,
|
|
28
|
-
MonkeyCheckboxModule,
|
|
29
|
-
MonkeySelectModule,
|
|
30
34
|
MonkeyOptionModule,
|
|
31
|
-
|
|
32
|
-
RouterModule,
|
|
33
|
-
CommonModule,
|
|
34
|
-
FormsModule,
|
|
35
|
+
MonkeySelectModule,
|
|
35
36
|
ReactiveFormsModule,
|
|
36
|
-
|
|
37
|
+
RouterModule, i1.TranslateModule], exports: [MECXFilterSelectedComponent] });
|
|
37
38
|
MECXFilterSelectedModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MECXFilterSelectedModule, imports: [[
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
39
|
+
CommonModule,
|
|
40
|
+
FormsModule,
|
|
41
|
+
MECXFilterOptionsModule,
|
|
41
42
|
MonkeyBadgeModule,
|
|
43
|
+
MonkeyButtonModule,
|
|
44
|
+
MonkeyCheckboxModule,
|
|
45
|
+
MonkeyDateRangePickerModule,
|
|
46
|
+
MonkeyEcxDirectivesModule,
|
|
47
|
+
MonkeyEcxPipesModule,
|
|
42
48
|
MonkeyIconModule,
|
|
43
49
|
MonkeyInputModule,
|
|
44
|
-
MonkeyCheckboxModule,
|
|
45
|
-
MonkeySelectModule,
|
|
46
50
|
MonkeyOptionModule,
|
|
47
|
-
|
|
48
|
-
RouterModule,
|
|
49
|
-
CommonModule,
|
|
50
|
-
FormsModule,
|
|
51
|
+
MonkeySelectModule,
|
|
51
52
|
ReactiveFormsModule,
|
|
52
|
-
|
|
53
|
+
RouterModule,
|
|
53
54
|
TranslateModule.forChild()
|
|
54
55
|
]] });
|
|
55
56
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MECXFilterSelectedModule, decorators: [{
|
|
@@ -57,32 +58,33 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImpor
|
|
|
57
58
|
args: [{
|
|
58
59
|
declarations: [
|
|
59
60
|
MECXFilterSelectedComponent,
|
|
61
|
+
MECXFilterSelectedItemChildrenComponent,
|
|
60
62
|
MECXFilterSelectedItemComponent,
|
|
61
63
|
MECXFilterSelectedItemCurrencyComponent,
|
|
62
64
|
MECXFilterSelectedItemDateRangeComponent,
|
|
63
|
-
MECXFilterSelectedItemStatusComponent,
|
|
64
65
|
MECXFilterSelectedItemDateWithActionComponent,
|
|
65
|
-
|
|
66
|
+
MECXFilterSelectedItemInputComponent,
|
|
67
|
+
MECXFilterSelectedItemStatusComponent
|
|
66
68
|
],
|
|
67
69
|
imports: [
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
70
|
+
CommonModule,
|
|
71
|
+
FormsModule,
|
|
72
|
+
MECXFilterOptionsModule,
|
|
71
73
|
MonkeyBadgeModule,
|
|
74
|
+
MonkeyButtonModule,
|
|
75
|
+
MonkeyCheckboxModule,
|
|
76
|
+
MonkeyDateRangePickerModule,
|
|
77
|
+
MonkeyEcxDirectivesModule,
|
|
78
|
+
MonkeyEcxPipesModule,
|
|
72
79
|
MonkeyIconModule,
|
|
73
80
|
MonkeyInputModule,
|
|
74
|
-
MonkeyCheckboxModule,
|
|
75
|
-
MonkeySelectModule,
|
|
76
81
|
MonkeyOptionModule,
|
|
77
|
-
|
|
78
|
-
RouterModule,
|
|
79
|
-
CommonModule,
|
|
80
|
-
FormsModule,
|
|
82
|
+
MonkeySelectModule,
|
|
81
83
|
ReactiveFormsModule,
|
|
82
|
-
|
|
84
|
+
RouterModule,
|
|
83
85
|
TranslateModule.forChild()
|
|
84
86
|
],
|
|
85
87
|
exports: [MECXFilterSelectedComponent]
|
|
86
88
|
}]
|
|
87
89
|
}] });
|
|
88
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
90
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0ZWQubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbW9ua2V5LWZyb250LWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL3NoYXJlZC9maWx0ZXIvc2VsZWN0ZWQvc2VsZWN0ZWQubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFdBQVcsRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ3RELE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxvQkFBb0IsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQ3BGLE9BQU8sRUFDTCxpQkFBaUIsRUFDakIsa0JBQWtCLEVBQ2xCLG9CQUFvQixFQUNwQiwyQkFBMkIsRUFDM0IsZ0JBQWdCLEVBQ2hCLGlCQUFpQixFQUNqQixrQkFBa0IsRUFDbEIsa0JBQWtCLEVBQ25CLE1BQU0sb0JBQW9CLENBQUM7QUFDNUIsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sWUFBWSxDQUFDO0FBQ3JELE9BQU8sRUFDTCx1Q0FBdUMsRUFDdkMsK0JBQStCLEVBQy9CLHVDQUF1QyxFQUN2Qyx3Q0FBd0MsRUFDeEMsNkNBQTZDLEVBQzdDLG9DQUFvQyxFQUNwQyxxQ0FBcUMsRUFDdEMsTUFBTSxRQUFRLENBQUM7QUFDaEIsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sc0JBQXNCLENBQUM7OztBQWlDbkUsTUFBTSxPQUFPLHdCQUF3Qjs7cUhBQXhCLHdCQUF3QjtzSEFBeEIsd0JBQXdCLGlCQTdCakMsMkJBQTJCO1FBQzNCLHVDQUF1QztRQUN2QywrQkFBK0I7UUFDL0IsdUNBQXVDO1FBQ3ZDLHdDQUF3QztRQUN4Qyw2Q0FBNkM7UUFDN0Msb0NBQW9DO1FBQ3BDLHFDQUFxQyxhQUdyQyxZQUFZO1FBQ1osV0FBVztRQUNYLHVCQUF1QjtRQUN2QixpQkFBaUI7UUFDakIsa0JBQWtCO1FBQ2xCLG9CQUFvQjtRQUNwQiwyQkFBMkI7UUFDM0IseUJBQXlCO1FBQ3pCLG9CQUFvQjtRQUNwQixnQkFBZ0I7UUFDaEIsaUJBQWlCO1FBQ2pCLGtCQUFrQjtRQUNsQixrQkFBa0I7UUFDbEIsbUJBQW1CO1FBQ25CLFlBQVksaUNBR0osMkJBQTJCO3NIQUUxQix3QkFBd0IsWUFwQjFCO1lBQ1AsWUFBWTtZQUNaLFdBQVc7WUFDWCx1QkFBdUI7WUFDdkIsaUJBQWlCO1lBQ2pCLGtCQUFrQjtZQUNsQixvQkFBb0I7WUFDcEIsMkJBQTJCO1lBQzNCLHlCQUF5QjtZQUN6QixvQkFBb0I7WUFDcEIsZ0JBQWdCO1lBQ2hCLGlCQUFpQjtZQUNqQixrQkFBa0I7WUFDbEIsa0JBQWtCO1lBQ2xCLG1CQUFtQjtZQUNuQixZQUFZO1lBQ1osZUFBZSxDQUFDLFFBQVEsRUFBRTtTQUMzQjsyRkFHVSx3QkFBd0I7a0JBL0JwQyxRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWiwyQkFBMkI7d0JBQzNCLHVDQUF1Qzt3QkFDdkMsK0JBQStCO3dCQUMvQix1Q0FBdUM7d0JBQ3ZDLHdDQUF3Qzt3QkFDeEMsNkNBQTZDO3dCQUM3QyxvQ0FBb0M7d0JBQ3BDLHFDQUFxQztxQkFDdEM7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osV0FBVzt3QkFDWCx1QkFBdUI7d0JBQ3ZCLGlCQUFpQjt3QkFDakIsa0JBQWtCO3dCQUNsQixvQkFBb0I7d0JBQ3BCLDJCQUEyQjt3QkFDM0IseUJBQXlCO3dCQUN6QixvQkFBb0I7d0JBQ3BCLGdCQUFnQjt3QkFDaEIsaUJBQWlCO3dCQUNqQixrQkFBa0I7d0JBQ2xCLGtCQUFrQjt3QkFDbEIsbUJBQW1CO3dCQUNuQixZQUFZO3dCQUNaLGVBQWUsQ0FBQyxRQUFRLEVBQUU7cUJBQzNCO29CQUNELE9BQU8sRUFBRSxDQUFDLDJCQUEyQixDQUFDO2lCQUN2QyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3Jtc01vZHVsZSwgUmVhY3RpdmVGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBSb3V0ZXJNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9yb3V0ZXInO1xuaW1wb3J0IHsgVHJhbnNsYXRlTW9kdWxlIH0gZnJvbSAnQG5neC10cmFuc2xhdGUvY29yZSc7XG5pbXBvcnQgeyBNb25rZXlFY3hEaXJlY3RpdmVzTW9kdWxlLCBNb25rZXlFY3hQaXBlc01vZHVsZSB9IGZyb20gJ21vbmtleS1mcm9udC1jb3JlJztcbmltcG9ydCB7XG4gIE1vbmtleUJhZGdlTW9kdWxlLFxuICBNb25rZXlCdXR0b25Nb2R1bGUsXG4gIE1vbmtleUNoZWNrYm94TW9kdWxlLFxuICBNb25rZXlEYXRlUmFuZ2VQaWNrZXJNb2R1bGUsXG4gIE1vbmtleUljb25Nb2R1bGUsXG4gIE1vbmtleUlucHV0TW9kdWxlLFxuICBNb25rZXlPcHRpb25Nb2R1bGUsXG4gIE1vbmtleVNlbGVjdE1vZHVsZVxufSBmcm9tICdtb25rZXktc3R5bGUtZ3VpZGUnO1xuaW1wb3J0IHsgTUVDWEZpbHRlck9wdGlvbnNNb2R1bGUgfSBmcm9tICcuLi9vcHRpb25zJztcbmltcG9ydCB7XG4gIE1FQ1hGaWx0ZXJTZWxlY3RlZEl0ZW1DaGlsZHJlbkNvbXBvbmVudCxcbiAgTUVDWEZpbHRlclNlbGVjdGVkSXRlbUNvbXBvbmVudCxcbiAgTUVDWEZpbHRlclNlbGVjdGVkSXRlbUN1cnJlbmN5Q29tcG9uZW50LFxuICBNRUNYRmlsdGVyU2VsZWN0ZWRJdGVtRGF0ZVJhbmdlQ29tcG9uZW50LFxuICBNRUNYRmlsdGVyU2VsZWN0ZWRJdGVtRGF0ZVdpdGhBY3Rpb25Db21wb25lbnQsXG4gIE1FQ1hGaWx0ZXJTZWxlY3RlZEl0ZW1JbnB1dENvbXBvbmVudCxcbiAgTUVDWEZpbHRlclNlbGVjdGVkSXRlbVN0YXR1c0NvbXBvbmVudFxufSBmcm9tICcuL2l0ZW0nO1xuaW1wb3J0IHsgTUVDWEZpbHRlclNlbGVjdGVkQ29tcG9uZW50IH0gZnJvbSAnLi9zZWxlY3RlZC5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBNRUNYRmlsdGVyU2VsZWN0ZWRDb21wb25lbnQsXG4gICAgTUVDWEZpbHRlclNlbGVjdGVkSXRlbUNoaWxkcmVuQ29tcG9uZW50LFxuICAgIE1FQ1hGaWx0ZXJTZWxlY3RlZEl0ZW1Db21wb25lbnQsXG4gICAgTUVDWEZpbHRlclNlbGVjdGVkSXRlbUN1cnJlbmN5Q29tcG9uZW50LFxuICAgIE1FQ1hGaWx0ZXJTZWxlY3RlZEl0ZW1EYXRlUmFuZ2VDb21wb25lbnQsXG4gICAgTUVDWEZpbHRlclNlbGVjdGVkSXRlbURhdGVXaXRoQWN0aW9uQ29tcG9uZW50LFxuICAgIE1FQ1hGaWx0ZXJTZWxlY3RlZEl0ZW1JbnB1dENvbXBvbmVudCxcbiAgICBNRUNYRmlsdGVyU2VsZWN0ZWRJdGVtU3RhdHVzQ29tcG9uZW50XG4gIF0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgRm9ybXNNb2R1bGUsXG4gICAgTUVDWEZpbHRlck9wdGlvbnNNb2R1bGUsXG4gICAgTW9ua2V5QmFkZ2VNb2R1bGUsXG4gICAgTW9ua2V5QnV0dG9uTW9kdWxlLFxuICAgIE1vbmtleUNoZWNrYm94TW9kdWxlLFxuICAgIE1vbmtleURhdGVSYW5nZVBpY2tlck1vZHVsZSxcbiAgICBNb25rZXlFY3hEaXJlY3RpdmVzTW9kdWxlLFxuICAgIE1vbmtleUVjeFBpcGVzTW9kdWxlLFxuICAgIE1vbmtleUljb25Nb2R1bGUsXG4gICAgTW9ua2V5SW5wdXRNb2R1bGUsXG4gICAgTW9ua2V5T3B0aW9uTW9kdWxlLFxuICAgIE1vbmtleVNlbGVjdE1vZHVsZSxcbiAgICBSZWFjdGl2ZUZvcm1zTW9kdWxlLFxuICAgIFJvdXRlck1vZHVsZSxcbiAgICBUcmFuc2xhdGVNb2R1bGUuZm9yQ2hpbGQoKVxuICBdLFxuICBleHBvcnRzOiBbTUVDWEZpbHRlclNlbGVjdGVkQ29tcG9uZW50XVxufSlcbmV4cG9ydCBjbGFzcyBNRUNYRmlsdGVyU2VsZWN0ZWRNb2R1bGUge31cbiJdfQ==
|
|
@@ -3,7 +3,7 @@ import * as i0 from '@angular/core';
|
|
|
3
3
|
import { Directive, EventEmitter, Input, Output, Component, ViewEncapsulation, HostBinding, ViewChild, NgModule, Injectable } from '@angular/core';
|
|
4
4
|
import { takeUntil, debounceTime, filter } from 'rxjs/operators';
|
|
5
5
|
import * as i1$2 from 'monkey-style-guide';
|
|
6
|
-
import { MonkeyUtils, MonkeyInputModule, MonkeySelectModule, MonkeyRadioButtonModule, MonkeyOptionModule, MonkeyFileUploadModule, MonkeyButtonModule, MonkeyInputPhoneModule, MonkeyBadgeModule,
|
|
6
|
+
import { MonkeyUtils, MonkeyInputModule, MonkeySelectModule, MonkeyRadioButtonModule, MonkeyOptionModule, MonkeyFileUploadModule, MonkeyButtonModule, MonkeyInputPhoneModule, MonkeyBadgeModule, MonkeyCheckboxModule, MonkeyDateRangePickerModule, MonkeyIconModule } from 'monkey-style-guide';
|
|
7
7
|
import * as i1$4 from 'monkey-front-core';
|
|
8
8
|
import { MonkeyEcxCommonsService, ValidateUtils, Validators as Validators$1, MonkeyEcxUtils, MonkeyEcxDirectivesModule, MonkeyEcxPipesModule } from 'monkey-front-core';
|
|
9
9
|
import * as i1 from '@angular/forms';
|
|
@@ -1504,6 +1504,32 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImpor
|
|
|
1504
1504
|
type: Input
|
|
1505
1505
|
}] } });
|
|
1506
1506
|
|
|
1507
|
+
class MECXFilterSelectedItemInputComponent {
|
|
1508
|
+
constructor() {
|
|
1509
|
+
this.option = null;
|
|
1510
|
+
this._value = null;
|
|
1511
|
+
}
|
|
1512
|
+
onHandleSelectedValue({ value }) {
|
|
1513
|
+
this._value = value;
|
|
1514
|
+
}
|
|
1515
|
+
ngOnChanges(changes) {
|
|
1516
|
+
if (changes.option) {
|
|
1517
|
+
const { currentValue } = changes.option;
|
|
1518
|
+
if (currentValue && JSON.stringify(currentValue) !== '{}') {
|
|
1519
|
+
this.onHandleSelectedValue(currentValue);
|
|
1520
|
+
}
|
|
1521
|
+
}
|
|
1522
|
+
}
|
|
1523
|
+
}
|
|
1524
|
+
MECXFilterSelectedItemInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MECXFilterSelectedItemInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1525
|
+
MECXFilterSelectedItemInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: MECXFilterSelectedItemInputComponent, selector: "mecx-filter-selected-item-input", inputs: { option: "option" }, usesOnChanges: true, ngImport: i0, template: "{{ _value }}", styles: [""] });
|
|
1526
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MECXFilterSelectedItemInputComponent, decorators: [{
|
|
1527
|
+
type: Component,
|
|
1528
|
+
args: [{ selector: 'mecx-filter-selected-item-input', template: "{{ _value }}", styles: [""] }]
|
|
1529
|
+
}], propDecorators: { option: [{
|
|
1530
|
+
type: Input
|
|
1531
|
+
}] } });
|
|
1532
|
+
|
|
1507
1533
|
class MECXFilterSelectedItemStatusComponent {
|
|
1508
1534
|
constructor() {
|
|
1509
1535
|
this.option = null;
|
|
@@ -1601,7 +1627,7 @@ class MECXFilterOptionsStatusComponent {
|
|
|
1601
1627
|
ngOnInit() {
|
|
1602
1628
|
const { eventHandle, onSubmit, option: { field } } = this;
|
|
1603
1629
|
this.eventSubscription = eventHandle
|
|
1604
|
-
.pipe(debounceTime(
|
|
1630
|
+
.pipe(debounceTime(800))
|
|
1605
1631
|
.subscribe((value) => {
|
|
1606
1632
|
onSubmit.next({ [field]: value });
|
|
1607
1633
|
});
|
|
@@ -1676,7 +1702,7 @@ class MECXFilterOptionsDateRangeComponent {
|
|
|
1676
1702
|
ngOnInit() {
|
|
1677
1703
|
const { eventHandle, onSubmit, option: { field } } = this;
|
|
1678
1704
|
this.eventSubscription = eventHandle
|
|
1679
|
-
.pipe(debounceTime(
|
|
1705
|
+
.pipe(debounceTime(800))
|
|
1680
1706
|
.subscribe((value) => {
|
|
1681
1707
|
onSubmit.next({ [field]: value });
|
|
1682
1708
|
});
|
|
@@ -1720,7 +1746,7 @@ class MECXFilterOptionsCurrencyComponent {
|
|
|
1720
1746
|
ngOnInit() {
|
|
1721
1747
|
const { eventHandle, onSubmit, option: { field } } = this;
|
|
1722
1748
|
this.eventSubscription = eventHandle
|
|
1723
|
-
.pipe(debounceTime(
|
|
1749
|
+
.pipe(debounceTime(800))
|
|
1724
1750
|
.subscribe((value) => {
|
|
1725
1751
|
onSubmit.next({ [field]: value });
|
|
1726
1752
|
});
|
|
@@ -1751,6 +1777,48 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImpor
|
|
|
1751
1777
|
type: Output
|
|
1752
1778
|
}] } });
|
|
1753
1779
|
|
|
1780
|
+
class MECXFilterOptionsInputComponent {
|
|
1781
|
+
constructor() {
|
|
1782
|
+
this.option = null;
|
|
1783
|
+
this.onSubmit = new EventEmitter();
|
|
1784
|
+
this._value = '';
|
|
1785
|
+
this.eventHandle = new EventEmitter();
|
|
1786
|
+
// not to do
|
|
1787
|
+
}
|
|
1788
|
+
ngOnInit() {
|
|
1789
|
+
const { eventHandle, onSubmit, option: { field } } = this;
|
|
1790
|
+
this.eventSubscription = eventHandle
|
|
1791
|
+
.pipe(debounceTime(800))
|
|
1792
|
+
.subscribe((value) => {
|
|
1793
|
+
onSubmit.next({ [field]: value });
|
|
1794
|
+
});
|
|
1795
|
+
}
|
|
1796
|
+
ngOnDestroy() {
|
|
1797
|
+
this.eventSubscription.unsubscribe();
|
|
1798
|
+
}
|
|
1799
|
+
ngOnChanges(changes) {
|
|
1800
|
+
if (changes.option) {
|
|
1801
|
+
const { currentValue } = changes.option;
|
|
1802
|
+
if (currentValue && JSON.stringify(currentValue) !== '{}') {
|
|
1803
|
+
this._value = currentValue === null || currentValue === void 0 ? void 0 : currentValue.value;
|
|
1804
|
+
}
|
|
1805
|
+
}
|
|
1806
|
+
}
|
|
1807
|
+
onChangeFilter(value) {
|
|
1808
|
+
this.eventHandle.next(value);
|
|
1809
|
+
}
|
|
1810
|
+
}
|
|
1811
|
+
MECXFilterOptionsInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MECXFilterOptionsInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1812
|
+
MECXFilterOptionsInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: MECXFilterOptionsInputComponent, selector: "mecx-filter-options-input", inputs: { option: "option" }, outputs: { onSubmit: "onSubmit" }, usesOnChanges: true, ngImport: i0, template: "<monkey-input type=\"text\" maxLength=\"255\" [(value)]=\"_value\"\n (onChange)=\"onChangeFilter($event)\">\n</monkey-input>", styles: [":host{display:flex;flex-direction:column;max-width:232px;min-width:180px;padding:12px 12px 8px;color:#72717e}:host .title{color:#4b4a53;font-size:18px;line-height:21px;font-weight:500;text-align:left;margin-bottom:4px}\n"], components: [{ type: i1$2.MonkeyInputComponent, selector: "monkey-input", inputs: ["name", "label", "helperMessage", "placeholder", "icon", "type", "infoMessage", "errorMessage", "mask", "prefix", "maxLength", "onlyNumber", "onlyAlphaNumeric", "upperCase", "lowerCase", "capitalize", "currency", "percent", "maxDateToday", "value"], outputs: ["onChange"] }] });
|
|
1813
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MECXFilterOptionsInputComponent, decorators: [{
|
|
1814
|
+
type: Component,
|
|
1815
|
+
args: [{ selector: 'mecx-filter-options-input', template: "<monkey-input type=\"text\" maxLength=\"255\" [(value)]=\"_value\"\n (onChange)=\"onChangeFilter($event)\">\n</monkey-input>", styles: [":host{display:flex;flex-direction:column;max-width:232px;min-width:180px;padding:12px 12px 8px;color:#72717e}:host .title{color:#4b4a53;font-size:18px;line-height:21px;font-weight:500;text-align:left;margin-bottom:4px}\n"] }]
|
|
1816
|
+
}], ctorParameters: function () { return []; }, propDecorators: { option: [{
|
|
1817
|
+
type: Input
|
|
1818
|
+
}], onSubmit: [{
|
|
1819
|
+
type: Output
|
|
1820
|
+
}] } });
|
|
1821
|
+
|
|
1754
1822
|
class MECXFilterOptionsComponent {
|
|
1755
1823
|
constructor() {
|
|
1756
1824
|
this.option = null;
|
|
@@ -1790,10 +1858,10 @@ class MECXFilterOptionsComponent {
|
|
|
1790
1858
|
}
|
|
1791
1859
|
}
|
|
1792
1860
|
MECXFilterOptionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MECXFilterOptionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1793
|
-
MECXFilterOptionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: MECXFilterOptionsComponent, selector: "mecx-filter-options", inputs: { option: "option", closeDirectly: "closeDirectly" }, outputs: { onClose: "onClose", onRemove: "onRemove", onSubmit: "onSubmit", onShowFromChildren: "onShowFromChildren" }, ngImport: i0, template: "<div class=\"d-flex justify-content-between header\">\n <span class=\"title\">\n {{ option?.label | translate }}\n </span>\n <div class=\"close\" #actionElement (click)=\"onHandleShowMenu()\">\n <monkey-icon icon=\"close-12\" color=\"#474747\"></monkey-icon>\n </div>\n</div>\n<ng-container *ngIf=\"option?.type as type\">\n <ng-container *ngIf=\"option?.children; else withoutChildren\">\n <mecx-filter-options-children [option]=\"option\" (onSubmit)=\"onHandleSubmitChildren($event)\"\n (onShow)=\"onShowFromChildren.next($event)\">\n </mecx-filter-options-children>\n </ng-container>\n <ng-template #withoutChildren>\n <ng-container [ngSwitch]=\"type\">\n <mecx-filter-options-status *ngSwitchCase=\"'status'\" [option]=\"option\"\n (onSubmit)=\"onHandleSubmit($event)\">\n </mecx-filter-options-status>\n <mecx-filter-options-date-range *ngSwitchCase=\"'date-range'\" [option]=\"option\"\n (onSubmit)=\"onHandleSubmit($event)\">\n </mecx-filter-options-date-range>\n <mecx-filter-options-currency *ngSwitchCase=\"'currency'\" [option]=\"option\"\n (onSubmit)=\"onHandleSubmit($event)\">\n </mecx-filter-options-currency>\n </ng-container>\n </ng-template>\n</ng-container>\n\n<ng-container\n *monkeyecxPopover=\"_showMenu; target: $any(actionElement); closed: closeMenu; dir: 'ltr'\">\n <div class=\"close-menu\">\n <monkey-button type=\"tertiary\" color=\"error\" (click)=\"onRemove.next()\" size=\"sm\">\n {{ 'BUTTONS.REMOVE' | translate }}\n </monkey-button>\n <monkey-button type=\"tertiary\" color=\"theme\" (click)=\"onClose.next()\" size=\"sm\">\n {{ 'BUTTONS.CLOSE' | translate }}\n </monkey-button>\n </div>\n</ng-container>", styles: [":host{display:flex;flex-direction:column;background:#fafafa;border:1px solid #d6d6d6;box-sizing:border-box;box-shadow:0 4px 36px -8px #6d6d6d3a;border-radius:8px!important;margin:0 8px}:host .header{border-bottom:1px solid #d6d6d6;padding:8px}:host .header .title{color:#4b4a53;font-style:normal;font-size:14px;line-height:16px;font-weight:500;text-align:left}:host .header .close{cursor:pointer;border-radius:120px;padding:4px}:host .header .close:hover{background-color:#6d6d6d0c}.close-menu{display:flex;flex-direction:column;background:#fafafa;border:1px solid #d6d6d6;box-sizing:border-box;box-shadow:0 4px 36px -8px #6d6d6d3a;border-radius:8px!important;margin:0 8px;padding:8px}.close-menu ::ng-deep monkey-button{width:100%}.close-menu ::ng-deep monkey-button button{width:100%}\n"], components: [{ type: i1$2.MonkeyIconComponent, selector: "monkey-icon", inputs: ["icon", "color", "contrast", "disabled"] }, { type: MECXFilterOptionsChildrenComponent, selector: "mecx-filter-options-children", inputs: ["option"], outputs: ["onSubmit", "onShow"] }, { type: MECXFilterOptionsStatusComponent, selector: "mecx-filter-options-status", inputs: ["option"], outputs: ["onSubmit"] }, { type: MECXFilterOptionsDateRangeComponent, selector: "mecx-filter-options-date-range", inputs: ["option"], outputs: ["onSubmit"] }, { type: MECXFilterOptionsCurrencyComponent, selector: "mecx-filter-options-currency", inputs: ["option"], outputs: ["onSubmit"] }, { type: i1$2.MonkeyButtonComponent, selector: "monkey-button", inputs: ["label", "icon", "iconPosition", "type", "color", "disabled", "size"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i3.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i1$4.MonkeyEcxPopoverDirective, selector: "[monkeyecxPopover]", inputs: ["monkeyecxPopover", "monkeyecxPopoverClosed", "monkeyecxPopoverTarget", "monkeyecxPopoverMinwidth", "monkeyecxPopoverBackdrop", "monkeyecxPopoverWatch", "monkeyecxPopoverDir", "monkeyecxPopoverContextmenu", "monkeyecxPopoverHeight"] }], pipes: { "translate": i1$3.TranslatePipe } });
|
|
1861
|
+
MECXFilterOptionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: MECXFilterOptionsComponent, selector: "mecx-filter-options", inputs: { option: "option", closeDirectly: "closeDirectly" }, outputs: { onClose: "onClose", onRemove: "onRemove", onSubmit: "onSubmit", onShowFromChildren: "onShowFromChildren" }, ngImport: i0, template: "<div class=\"d-flex justify-content-between header\">\n <span class=\"title\">\n {{ option?.label | translate }}\n </span>\n <div class=\"close\" #actionElement (click)=\"onHandleShowMenu()\">\n <monkey-icon icon=\"close-12\" color=\"#474747\"></monkey-icon>\n </div>\n</div>\n<ng-container *ngIf=\"option?.type as type\">\n <ng-container *ngIf=\"option?.children; else withoutChildren\">\n <mecx-filter-options-children [option]=\"option\" (onSubmit)=\"onHandleSubmitChildren($event)\"\n (onShow)=\"onShowFromChildren.next($event)\">\n </mecx-filter-options-children>\n </ng-container>\n <ng-template #withoutChildren>\n <ng-container [ngSwitch]=\"type\">\n <mecx-filter-options-status *ngSwitchCase=\"'status'\" [option]=\"option\"\n (onSubmit)=\"onHandleSubmit($event)\">\n </mecx-filter-options-status>\n <mecx-filter-options-date-range *ngSwitchCase=\"'date-range'\" [option]=\"option\"\n (onSubmit)=\"onHandleSubmit($event)\">\n </mecx-filter-options-date-range>\n <mecx-filter-options-currency *ngSwitchCase=\"'currency'\" [option]=\"option\"\n (onSubmit)=\"onHandleSubmit($event)\">\n </mecx-filter-options-currency>\n <mecx-filter-options-input *ngSwitchCase=\"'input'\" [option]=\"option\"\n (onSubmit)=\"onHandleSubmit($event)\">\n </mecx-filter-options-input>\n </ng-container>\n </ng-template>\n</ng-container>\n\n<ng-container\n *monkeyecxPopover=\"_showMenu; target: $any(actionElement); closed: closeMenu; dir: 'ltr'\">\n <div class=\"close-menu\">\n <monkey-button type=\"tertiary\" color=\"error\" (click)=\"onRemove.next()\" size=\"sm\">\n {{ 'BUTTONS.REMOVE' | translate }}\n </monkey-button>\n <monkey-button type=\"tertiary\" color=\"theme\" (click)=\"onClose.next()\" size=\"sm\">\n {{ 'BUTTONS.CLOSE' | translate }}\n </monkey-button>\n </div>\n</ng-container>", styles: [":host{display:flex;flex-direction:column;background:#fafafa;border:1px solid #d6d6d6;box-sizing:border-box;box-shadow:0 4px 36px -8px #6d6d6d3a;border-radius:8px!important;margin:0 8px}:host .header{border-bottom:1px solid #d6d6d6;padding:8px}:host .header .title{color:#4b4a53;font-style:normal;font-size:14px;line-height:16px;font-weight:500;text-align:left}:host .header .close{cursor:pointer;border-radius:120px;padding:4px}:host .header .close:hover{background-color:#6d6d6d0c}.close-menu{display:flex;flex-direction:column;background:#fafafa;border:1px solid #d6d6d6;box-sizing:border-box;box-shadow:0 4px 36px -8px #6d6d6d3a;border-radius:8px!important;margin:0 8px;padding:8px}.close-menu ::ng-deep monkey-button{width:100%}.close-menu ::ng-deep monkey-button button{width:100%}\n"], components: [{ type: i1$2.MonkeyIconComponent, selector: "monkey-icon", inputs: ["icon", "color", "contrast", "disabled"] }, { type: MECXFilterOptionsChildrenComponent, selector: "mecx-filter-options-children", inputs: ["option"], outputs: ["onSubmit", "onShow"] }, { type: MECXFilterOptionsStatusComponent, selector: "mecx-filter-options-status", inputs: ["option"], outputs: ["onSubmit"] }, { type: MECXFilterOptionsDateRangeComponent, selector: "mecx-filter-options-date-range", inputs: ["option"], outputs: ["onSubmit"] }, { type: MECXFilterOptionsCurrencyComponent, selector: "mecx-filter-options-currency", inputs: ["option"], outputs: ["onSubmit"] }, { type: MECXFilterOptionsInputComponent, selector: "mecx-filter-options-input", inputs: ["option"], outputs: ["onSubmit"] }, { type: i1$2.MonkeyButtonComponent, selector: "monkey-button", inputs: ["label", "icon", "iconPosition", "type", "color", "disabled", "size"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i3.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i1$4.MonkeyEcxPopoverDirective, selector: "[monkeyecxPopover]", inputs: ["monkeyecxPopover", "monkeyecxPopoverClosed", "monkeyecxPopoverTarget", "monkeyecxPopoverMinwidth", "monkeyecxPopoverBackdrop", "monkeyecxPopoverWatch", "monkeyecxPopoverDir", "monkeyecxPopoverContextmenu", "monkeyecxPopoverHeight"] }], pipes: { "translate": i1$3.TranslatePipe } });
|
|
1794
1862
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MECXFilterOptionsComponent, decorators: [{
|
|
1795
1863
|
type: Component,
|
|
1796
|
-
args: [{ selector: 'mecx-filter-options', template: "<div class=\"d-flex justify-content-between header\">\n <span class=\"title\">\n {{ option?.label | translate }}\n </span>\n <div class=\"close\" #actionElement (click)=\"onHandleShowMenu()\">\n <monkey-icon icon=\"close-12\" color=\"#474747\"></monkey-icon>\n </div>\n</div>\n<ng-container *ngIf=\"option?.type as type\">\n <ng-container *ngIf=\"option?.children; else withoutChildren\">\n <mecx-filter-options-children [option]=\"option\" (onSubmit)=\"onHandleSubmitChildren($event)\"\n (onShow)=\"onShowFromChildren.next($event)\">\n </mecx-filter-options-children>\n </ng-container>\n <ng-template #withoutChildren>\n <ng-container [ngSwitch]=\"type\">\n <mecx-filter-options-status *ngSwitchCase=\"'status'\" [option]=\"option\"\n (onSubmit)=\"onHandleSubmit($event)\">\n </mecx-filter-options-status>\n <mecx-filter-options-date-range *ngSwitchCase=\"'date-range'\" [option]=\"option\"\n (onSubmit)=\"onHandleSubmit($event)\">\n </mecx-filter-options-date-range>\n <mecx-filter-options-currency *ngSwitchCase=\"'currency'\" [option]=\"option\"\n (onSubmit)=\"onHandleSubmit($event)\">\n </mecx-filter-options-currency>\n </ng-container>\n </ng-template>\n</ng-container>\n\n<ng-container\n *monkeyecxPopover=\"_showMenu; target: $any(actionElement); closed: closeMenu; dir: 'ltr'\">\n <div class=\"close-menu\">\n <monkey-button type=\"tertiary\" color=\"error\" (click)=\"onRemove.next()\" size=\"sm\">\n {{ 'BUTTONS.REMOVE' | translate }}\n </monkey-button>\n <monkey-button type=\"tertiary\" color=\"theme\" (click)=\"onClose.next()\" size=\"sm\">\n {{ 'BUTTONS.CLOSE' | translate }}\n </monkey-button>\n </div>\n</ng-container>", styles: [":host{display:flex;flex-direction:column;background:#fafafa;border:1px solid #d6d6d6;box-sizing:border-box;box-shadow:0 4px 36px -8px #6d6d6d3a;border-radius:8px!important;margin:0 8px}:host .header{border-bottom:1px solid #d6d6d6;padding:8px}:host .header .title{color:#4b4a53;font-style:normal;font-size:14px;line-height:16px;font-weight:500;text-align:left}:host .header .close{cursor:pointer;border-radius:120px;padding:4px}:host .header .close:hover{background-color:#6d6d6d0c}.close-menu{display:flex;flex-direction:column;background:#fafafa;border:1px solid #d6d6d6;box-sizing:border-box;box-shadow:0 4px 36px -8px #6d6d6d3a;border-radius:8px!important;margin:0 8px;padding:8px}.close-menu ::ng-deep monkey-button{width:100%}.close-menu ::ng-deep monkey-button button{width:100%}\n"] }]
|
|
1864
|
+
args: [{ selector: 'mecx-filter-options', template: "<div class=\"d-flex justify-content-between header\">\n <span class=\"title\">\n {{ option?.label | translate }}\n </span>\n <div class=\"close\" #actionElement (click)=\"onHandleShowMenu()\">\n <monkey-icon icon=\"close-12\" color=\"#474747\"></monkey-icon>\n </div>\n</div>\n<ng-container *ngIf=\"option?.type as type\">\n <ng-container *ngIf=\"option?.children; else withoutChildren\">\n <mecx-filter-options-children [option]=\"option\" (onSubmit)=\"onHandleSubmitChildren($event)\"\n (onShow)=\"onShowFromChildren.next($event)\">\n </mecx-filter-options-children>\n </ng-container>\n <ng-template #withoutChildren>\n <ng-container [ngSwitch]=\"type\">\n <mecx-filter-options-status *ngSwitchCase=\"'status'\" [option]=\"option\"\n (onSubmit)=\"onHandleSubmit($event)\">\n </mecx-filter-options-status>\n <mecx-filter-options-date-range *ngSwitchCase=\"'date-range'\" [option]=\"option\"\n (onSubmit)=\"onHandleSubmit($event)\">\n </mecx-filter-options-date-range>\n <mecx-filter-options-currency *ngSwitchCase=\"'currency'\" [option]=\"option\"\n (onSubmit)=\"onHandleSubmit($event)\">\n </mecx-filter-options-currency>\n <mecx-filter-options-input *ngSwitchCase=\"'input'\" [option]=\"option\"\n (onSubmit)=\"onHandleSubmit($event)\">\n </mecx-filter-options-input>\n </ng-container>\n </ng-template>\n</ng-container>\n\n<ng-container\n *monkeyecxPopover=\"_showMenu; target: $any(actionElement); closed: closeMenu; dir: 'ltr'\">\n <div class=\"close-menu\">\n <monkey-button type=\"tertiary\" color=\"error\" (click)=\"onRemove.next()\" size=\"sm\">\n {{ 'BUTTONS.REMOVE' | translate }}\n </monkey-button>\n <monkey-button type=\"tertiary\" color=\"theme\" (click)=\"onClose.next()\" size=\"sm\">\n {{ 'BUTTONS.CLOSE' | translate }}\n </monkey-button>\n </div>\n</ng-container>", styles: [":host{display:flex;flex-direction:column;background:#fafafa;border:1px solid #d6d6d6;box-sizing:border-box;box-shadow:0 4px 36px -8px #6d6d6d3a;border-radius:8px!important;margin:0 8px}:host .header{border-bottom:1px solid #d6d6d6;padding:8px}:host .header .title{color:#4b4a53;font-style:normal;font-size:14px;line-height:16px;font-weight:500;text-align:left}:host .header .close{cursor:pointer;border-radius:120px;padding:4px}:host .header .close:hover{background-color:#6d6d6d0c}.close-menu{display:flex;flex-direction:column;background:#fafafa;border:1px solid #d6d6d6;box-sizing:border-box;box-shadow:0 4px 36px -8px #6d6d6d3a;border-radius:8px!important;margin:0 8px;padding:8px}.close-menu ::ng-deep monkey-button{width:100%}.close-menu ::ng-deep monkey-button button{width:100%}\n"] }]
|
|
1797
1865
|
}], ctorParameters: function () { return []; }, propDecorators: { option: [{
|
|
1798
1866
|
type: Input
|
|
1799
1867
|
}], closeDirectly: [{
|
|
@@ -1855,10 +1923,10 @@ class MECXFilterSelectedItemComponent {
|
|
|
1855
1923
|
}
|
|
1856
1924
|
}
|
|
1857
1925
|
MECXFilterSelectedItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MECXFilterSelectedItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1858
|
-
MECXFilterSelectedItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: MECXFilterSelectedItemComponent, selector: "mecx-filter-selected-item", inputs: { option: "option" }, outputs: { onClose: "onClose", onSubmit: "onSubmit" }, ngImport: i0, template: "<ng-container *ngIf=\"_option?.type as type\">\n <ng-container *ngIf=\"_option?.children; else withoutChildren\">\n <mecx-filter-selected-item-children [option]=\"_option\" (onShow)=\"onHandleShowMenu()\"\n (onRemove)=\"onHandleRemove()\">\n </mecx-filter-selected-item-children>\n </ng-container>\n <ng-template #withoutChildren>\n <div class=\"box\">\n <div class=\"data\">\n {{ _option.label | translate }}\n </div>\n <div class=\"value\" [id]=\"'mecx-filter-selected-item-'+_option?.field\"\n (click)=\"onHandleShowMenu()\">\n <ng-container [ngSwitch]=\"type\">\n <mecx-filter-selected-item-currency *ngSwitchCase=\"'currency'\" [option]=\"_option\">\n </mecx-filter-selected-item-currency>\n <mecx-filter-selected-item-date-range *ngSwitchCase=\"'date-range'\" [option]=\"_option\">\n </mecx-filter-selected-item-date-range>\n <mecx-filter-selected-item-status *ngSwitchCase=\"'status'\" [option]=\"_option\"\n [labelMoreValues]=\"'FIELD.AND-MORE' | translate\">\n </mecx-filter-selected-item-status>\n </ng-container>\n </div>\n <div class=\"action\" (click)=\"onHandleShowMenu()\">\n <monkey-icon icon=\"arrow-right-14\" color=\"#4B4A53\"></monkey-icon>\n </div>\n </div>\n </ng-template>\n</ng-container>\n<ng-container\n *monkeyecxPopover=\"_showMenu; target: $any(_actionElement); closed: closeMenu; dir: 'ltr'\">\n <mecx-filter-options [option]=\"_option\" (onClose)=\"onHandleClose()\"\n (onRemove)=\"onHandleRemove()\" (onSubmit)=\"onHandleSubmit($event)\"\n (onShowFromChildren)=\"onHandleShowFromChildren($event)\">\n </mecx-filter-options>\n</ng-container>", styles: [":host{display:flex}:host .box{display:flex;justify-content:space-between;align-items:center;background:#ffffff;border:1px solid #d6d6d6;box-sizing:border-box;border-radius:120px;height:40px}:host .box .data{display:flex;align-items:center;padding:12px 8px;height:100%;font-style:normal;font-weight:400;font-size:14px;line-height:24px;text-align:center;color:#72717e}:host .box .value{cursor:pointer;display:flex;align-items:center;padding:12px 8px;height:100%;font-style:normal;font-weight:400;font-size:14px;line-height:24px;text-align:center;color:#72717e;background-color:#6d6d6d0a}:host .box .value:hover{background-color:#6d6d6d0c;font-weight:400;text-decoration:underline}:host .box .action{cursor:pointer;border-left:1px solid #d6d6d6;padding:8px;color:#908e9d;font-weight:500;font-size:18px;height:40px;align-items:center;display:flex}:host .box .action:hover{background-color:#6d6d6d0c;border-top-right-radius:120px;border-bottom-right-radius:120px}mecx-filter-options{margin:4px 0}\n"], components: [{ type: MECXFilterSelectedItemChildrenComponent, selector: "mecx-filter-selected-item-children", inputs: ["option"], outputs: ["onShow", "onRemove"] }, { type: MECXFilterSelectedItemCurrencyComponent, selector: "mecx-filter-selected-item-currency", inputs: ["option"] }, { type: MECXFilterSelectedItemDateRangeComponent, selector: "mecx-filter-selected-item-date-range", inputs: ["option"] }, { type: MECXFilterSelectedItemStatusComponent, selector: "mecx-filter-selected-item-status", inputs: ["option", "labelMoreValues"] }, { type: i1$2.MonkeyIconComponent, selector: "monkey-icon", inputs: ["icon", "color", "contrast", "disabled"] }, { type: MECXFilterOptionsComponent, selector: "mecx-filter-options", inputs: ["option", "closeDirectly"], outputs: ["onClose", "onRemove", "onSubmit", "onShowFromChildren"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i3.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i1$4.MonkeyEcxPopoverDirective, selector: "[monkeyecxPopover]", inputs: ["monkeyecxPopover", "monkeyecxPopoverClosed", "monkeyecxPopoverTarget", "monkeyecxPopoverMinwidth", "monkeyecxPopoverBackdrop", "monkeyecxPopoverWatch", "monkeyecxPopoverDir", "monkeyecxPopoverContextmenu", "monkeyecxPopoverHeight"] }], pipes: { "translate": i1$3.TranslatePipe } });
|
|
1926
|
+
MECXFilterSelectedItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: MECXFilterSelectedItemComponent, selector: "mecx-filter-selected-item", inputs: { option: "option" }, outputs: { onClose: "onClose", onSubmit: "onSubmit" }, ngImport: i0, template: "<ng-container *ngIf=\"_option?.type as type\">\n <ng-container *ngIf=\"_option?.children; else withoutChildren\">\n <mecx-filter-selected-item-children [option]=\"_option\" (onShow)=\"onHandleShowMenu()\"\n (onRemove)=\"onHandleRemove()\">\n </mecx-filter-selected-item-children>\n </ng-container>\n <ng-template #withoutChildren>\n <div class=\"box\">\n <div class=\"data\">\n {{ _option.label | translate }}\n </div>\n <div class=\"value\" [id]=\"'mecx-filter-selected-item-'+_option?.field\"\n (click)=\"onHandleShowMenu()\">\n <ng-container [ngSwitch]=\"type\">\n <mecx-filter-selected-item-currency *ngSwitchCase=\"'currency'\" [option]=\"_option\">\n </mecx-filter-selected-item-currency>\n <mecx-filter-selected-item-input *ngSwitchCase=\"'input'\" [option]=\"_option\">\n </mecx-filter-selected-item-input>\n <mecx-filter-selected-item-date-range *ngSwitchCase=\"'date-range'\" [option]=\"_option\">\n </mecx-filter-selected-item-date-range>\n <mecx-filter-selected-item-status *ngSwitchCase=\"'status'\" [option]=\"_option\"\n [labelMoreValues]=\"'FIELD.AND-MORE' | translate\">\n </mecx-filter-selected-item-status>\n </ng-container>\n </div>\n <div class=\"action\" (click)=\"onHandleShowMenu()\">\n <monkey-icon icon=\"arrow-right-14\" color=\"#4B4A53\"></monkey-icon>\n </div>\n </div>\n </ng-template>\n</ng-container>\n<ng-container\n *monkeyecxPopover=\"_showMenu; target: $any(_actionElement); closed: closeMenu; dir: 'ltr'\">\n <mecx-filter-options [option]=\"_option\" (onClose)=\"onHandleClose()\"\n (onRemove)=\"onHandleRemove()\" (onSubmit)=\"onHandleSubmit($event)\"\n (onShowFromChildren)=\"onHandleShowFromChildren($event)\">\n </mecx-filter-options>\n</ng-container>", styles: [":host{display:flex}:host .box{display:flex;justify-content:space-between;align-items:center;background:#ffffff;border:1px solid #d6d6d6;box-sizing:border-box;border-radius:120px;height:40px}:host .box .data{display:flex;align-items:center;padding:12px 8px;height:100%;font-style:normal;font-weight:400;font-size:14px;line-height:24px;text-align:center;color:#72717e}:host .box .value{cursor:pointer;display:flex;align-items:center;padding:12px 8px;height:100%;font-style:normal;font-weight:400;font-size:14px;line-height:24px;text-align:center;color:#72717e;background-color:#6d6d6d0a}:host .box .value:hover{background-color:#6d6d6d0c;font-weight:400;text-decoration:underline}:host .box .action{cursor:pointer;border-left:1px solid #d6d6d6;padding:8px;color:#908e9d;font-weight:500;font-size:18px;height:40px;align-items:center;display:flex}:host .box .action:hover{background-color:#6d6d6d0c;border-top-right-radius:120px;border-bottom-right-radius:120px}mecx-filter-options{margin:4px 0}\n"], components: [{ type: MECXFilterSelectedItemChildrenComponent, selector: "mecx-filter-selected-item-children", inputs: ["option"], outputs: ["onShow", "onRemove"] }, { type: MECXFilterSelectedItemCurrencyComponent, selector: "mecx-filter-selected-item-currency", inputs: ["option"] }, { type: MECXFilterSelectedItemInputComponent, selector: "mecx-filter-selected-item-input", inputs: ["option"] }, { type: MECXFilterSelectedItemDateRangeComponent, selector: "mecx-filter-selected-item-date-range", inputs: ["option"] }, { type: MECXFilterSelectedItemStatusComponent, selector: "mecx-filter-selected-item-status", inputs: ["option", "labelMoreValues"] }, { type: i1$2.MonkeyIconComponent, selector: "monkey-icon", inputs: ["icon", "color", "contrast", "disabled"] }, { type: MECXFilterOptionsComponent, selector: "mecx-filter-options", inputs: ["option", "closeDirectly"], outputs: ["onClose", "onRemove", "onSubmit", "onShowFromChildren"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i3.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i1$4.MonkeyEcxPopoverDirective, selector: "[monkeyecxPopover]", inputs: ["monkeyecxPopover", "monkeyecxPopoverClosed", "monkeyecxPopoverTarget", "monkeyecxPopoverMinwidth", "monkeyecxPopoverBackdrop", "monkeyecxPopoverWatch", "monkeyecxPopoverDir", "monkeyecxPopoverContextmenu", "monkeyecxPopoverHeight"] }], pipes: { "translate": i1$3.TranslatePipe } });
|
|
1859
1927
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MECXFilterSelectedItemComponent, decorators: [{
|
|
1860
1928
|
type: Component,
|
|
1861
|
-
args: [{ selector: 'mecx-filter-selected-item', template: "<ng-container *ngIf=\"_option?.type as type\">\n <ng-container *ngIf=\"_option?.children; else withoutChildren\">\n <mecx-filter-selected-item-children [option]=\"_option\" (onShow)=\"onHandleShowMenu()\"\n (onRemove)=\"onHandleRemove()\">\n </mecx-filter-selected-item-children>\n </ng-container>\n <ng-template #withoutChildren>\n <div class=\"box\">\n <div class=\"data\">\n {{ _option.label | translate }}\n </div>\n <div class=\"value\" [id]=\"'mecx-filter-selected-item-'+_option?.field\"\n (click)=\"onHandleShowMenu()\">\n <ng-container [ngSwitch]=\"type\">\n <mecx-filter-selected-item-currency *ngSwitchCase=\"'currency'\" [option]=\"_option\">\n </mecx-filter-selected-item-currency>\n <mecx-filter-selected-item-date-range *ngSwitchCase=\"'date-range'\" [option]=\"_option\">\n </mecx-filter-selected-item-date-range>\n <mecx-filter-selected-item-status *ngSwitchCase=\"'status'\" [option]=\"_option\"\n [labelMoreValues]=\"'FIELD.AND-MORE' | translate\">\n </mecx-filter-selected-item-status>\n </ng-container>\n </div>\n <div class=\"action\" (click)=\"onHandleShowMenu()\">\n <monkey-icon icon=\"arrow-right-14\" color=\"#4B4A53\"></monkey-icon>\n </div>\n </div>\n </ng-template>\n</ng-container>\n<ng-container\n *monkeyecxPopover=\"_showMenu; target: $any(_actionElement); closed: closeMenu; dir: 'ltr'\">\n <mecx-filter-options [option]=\"_option\" (onClose)=\"onHandleClose()\"\n (onRemove)=\"onHandleRemove()\" (onSubmit)=\"onHandleSubmit($event)\"\n (onShowFromChildren)=\"onHandleShowFromChildren($event)\">\n </mecx-filter-options>\n</ng-container>", styles: [":host{display:flex}:host .box{display:flex;justify-content:space-between;align-items:center;background:#ffffff;border:1px solid #d6d6d6;box-sizing:border-box;border-radius:120px;height:40px}:host .box .data{display:flex;align-items:center;padding:12px 8px;height:100%;font-style:normal;font-weight:400;font-size:14px;line-height:24px;text-align:center;color:#72717e}:host .box .value{cursor:pointer;display:flex;align-items:center;padding:12px 8px;height:100%;font-style:normal;font-weight:400;font-size:14px;line-height:24px;text-align:center;color:#72717e;background-color:#6d6d6d0a}:host .box .value:hover{background-color:#6d6d6d0c;font-weight:400;text-decoration:underline}:host .box .action{cursor:pointer;border-left:1px solid #d6d6d6;padding:8px;color:#908e9d;font-weight:500;font-size:18px;height:40px;align-items:center;display:flex}:host .box .action:hover{background-color:#6d6d6d0c;border-top-right-radius:120px;border-bottom-right-radius:120px}mecx-filter-options{margin:4px 0}\n"] }]
|
|
1929
|
+
args: [{ selector: 'mecx-filter-selected-item', template: "<ng-container *ngIf=\"_option?.type as type\">\n <ng-container *ngIf=\"_option?.children; else withoutChildren\">\n <mecx-filter-selected-item-children [option]=\"_option\" (onShow)=\"onHandleShowMenu()\"\n (onRemove)=\"onHandleRemove()\">\n </mecx-filter-selected-item-children>\n </ng-container>\n <ng-template #withoutChildren>\n <div class=\"box\">\n <div class=\"data\">\n {{ _option.label | translate }}\n </div>\n <div class=\"value\" [id]=\"'mecx-filter-selected-item-'+_option?.field\"\n (click)=\"onHandleShowMenu()\">\n <ng-container [ngSwitch]=\"type\">\n <mecx-filter-selected-item-currency *ngSwitchCase=\"'currency'\" [option]=\"_option\">\n </mecx-filter-selected-item-currency>\n <mecx-filter-selected-item-input *ngSwitchCase=\"'input'\" [option]=\"_option\">\n </mecx-filter-selected-item-input>\n <mecx-filter-selected-item-date-range *ngSwitchCase=\"'date-range'\" [option]=\"_option\">\n </mecx-filter-selected-item-date-range>\n <mecx-filter-selected-item-status *ngSwitchCase=\"'status'\" [option]=\"_option\"\n [labelMoreValues]=\"'FIELD.AND-MORE' | translate\">\n </mecx-filter-selected-item-status>\n </ng-container>\n </div>\n <div class=\"action\" (click)=\"onHandleShowMenu()\">\n <monkey-icon icon=\"arrow-right-14\" color=\"#4B4A53\"></monkey-icon>\n </div>\n </div>\n </ng-template>\n</ng-container>\n<ng-container\n *monkeyecxPopover=\"_showMenu; target: $any(_actionElement); closed: closeMenu; dir: 'ltr'\">\n <mecx-filter-options [option]=\"_option\" (onClose)=\"onHandleClose()\"\n (onRemove)=\"onHandleRemove()\" (onSubmit)=\"onHandleSubmit($event)\"\n (onShowFromChildren)=\"onHandleShowFromChildren($event)\">\n </mecx-filter-options>\n</ng-container>", styles: [":host{display:flex}:host .box{display:flex;justify-content:space-between;align-items:center;background:#ffffff;border:1px solid #d6d6d6;box-sizing:border-box;border-radius:120px;height:40px}:host .box .data{display:flex;align-items:center;padding:12px 8px;height:100%;font-style:normal;font-weight:400;font-size:14px;line-height:24px;text-align:center;color:#72717e}:host .box .value{cursor:pointer;display:flex;align-items:center;padding:12px 8px;height:100%;font-style:normal;font-weight:400;font-size:14px;line-height:24px;text-align:center;color:#72717e;background-color:#6d6d6d0a}:host .box .value:hover{background-color:#6d6d6d0c;font-weight:400;text-decoration:underline}:host .box .action{cursor:pointer;border-left:1px solid #d6d6d6;padding:8px;color:#908e9d;font-weight:500;font-size:18px;height:40px;align-items:center;display:flex}:host .box .action:hover{background-color:#6d6d6d0c;border-top-right-radius:120px;border-bottom-right-radius:120px}mecx-filter-options{margin:4px 0}\n"] }]
|
|
1862
1930
|
}], ctorParameters: function () { return []; }, propDecorators: { option: [{
|
|
1863
1931
|
type: Input
|
|
1864
1932
|
}], onClose: [{
|
|
@@ -2162,75 +2230,79 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImpor
|
|
|
2162
2230
|
class MECXFilterOptionsModule {
|
|
2163
2231
|
}
|
|
2164
2232
|
MECXFilterOptionsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MECXFilterOptionsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2165
|
-
MECXFilterOptionsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MECXFilterOptionsModule, declarations: [
|
|
2166
|
-
|
|
2167
|
-
MECXFilterOptionsDateRangeComponent,
|
|
2233
|
+
MECXFilterOptionsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MECXFilterOptionsModule, declarations: [MECXFilterOptionsChildrenComponent,
|
|
2234
|
+
MECXFilterOptionsComponent,
|
|
2168
2235
|
MECXFilterOptionsCurrencyComponent,
|
|
2169
|
-
|
|
2170
|
-
|
|
2236
|
+
MECXFilterOptionsDateRangeComponent,
|
|
2237
|
+
MECXFilterOptionsInputComponent,
|
|
2238
|
+
MECXFilterOptionsStatusComponent], imports: [CommonModule,
|
|
2239
|
+
FormsModule,
|
|
2171
2240
|
MonkeyBadgeModule,
|
|
2241
|
+
MonkeyButtonModule,
|
|
2242
|
+
MonkeyCheckboxModule,
|
|
2243
|
+
MonkeyDateRangePickerModule,
|
|
2244
|
+
MonkeyEcxDirectivesModule,
|
|
2172
2245
|
MonkeyIconModule,
|
|
2173
2246
|
MonkeyInputModule,
|
|
2174
|
-
MonkeyCheckboxModule,
|
|
2175
|
-
MonkeySelectModule,
|
|
2176
2247
|
MonkeyOptionModule,
|
|
2177
|
-
|
|
2178
|
-
|
|
2179
|
-
|
|
2180
|
-
|
|
2181
|
-
ReactiveFormsModule, i1$3.TranslateModule], exports: [MECXFilterOptionsComponent,
|
|
2182
|
-
MECXFilterOptionsStatusComponent,
|
|
2183
|
-
MECXFilterOptionsDateRangeComponent,
|
|
2248
|
+
MonkeySelectModule,
|
|
2249
|
+
ReactiveFormsModule,
|
|
2250
|
+
RouterModule, i1$3.TranslateModule], exports: [MECXFilterOptionsChildrenComponent,
|
|
2251
|
+
MECXFilterOptionsComponent,
|
|
2184
2252
|
MECXFilterOptionsCurrencyComponent,
|
|
2185
|
-
|
|
2253
|
+
MECXFilterOptionsDateRangeComponent,
|
|
2254
|
+
MECXFilterOptionsInputComponent,
|
|
2255
|
+
MECXFilterOptionsStatusComponent] });
|
|
2186
2256
|
MECXFilterOptionsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MECXFilterOptionsModule, imports: [[
|
|
2187
|
-
|
|
2188
|
-
|
|
2257
|
+
CommonModule,
|
|
2258
|
+
FormsModule,
|
|
2189
2259
|
MonkeyBadgeModule,
|
|
2260
|
+
MonkeyButtonModule,
|
|
2261
|
+
MonkeyCheckboxModule,
|
|
2262
|
+
MonkeyDateRangePickerModule,
|
|
2263
|
+
MonkeyEcxDirectivesModule,
|
|
2190
2264
|
MonkeyIconModule,
|
|
2191
2265
|
MonkeyInputModule,
|
|
2192
|
-
MonkeyCheckboxModule,
|
|
2193
|
-
MonkeySelectModule,
|
|
2194
2266
|
MonkeyOptionModule,
|
|
2195
|
-
|
|
2196
|
-
RouterModule,
|
|
2197
|
-
CommonModule,
|
|
2198
|
-
FormsModule,
|
|
2267
|
+
MonkeySelectModule,
|
|
2199
2268
|
ReactiveFormsModule,
|
|
2269
|
+
RouterModule,
|
|
2200
2270
|
TranslateModule.forChild()
|
|
2201
2271
|
]] });
|
|
2202
2272
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MECXFilterOptionsModule, decorators: [{
|
|
2203
2273
|
type: NgModule,
|
|
2204
2274
|
args: [{
|
|
2205
2275
|
declarations: [
|
|
2276
|
+
MECXFilterOptionsChildrenComponent,
|
|
2206
2277
|
MECXFilterOptionsComponent,
|
|
2207
|
-
MECXFilterOptionsStatusComponent,
|
|
2208
|
-
MECXFilterOptionsDateRangeComponent,
|
|
2209
2278
|
MECXFilterOptionsCurrencyComponent,
|
|
2210
|
-
|
|
2279
|
+
MECXFilterOptionsDateRangeComponent,
|
|
2280
|
+
MECXFilterOptionsInputComponent,
|
|
2281
|
+
MECXFilterOptionsStatusComponent
|
|
2211
2282
|
],
|
|
2212
2283
|
imports: [
|
|
2213
|
-
|
|
2214
|
-
|
|
2284
|
+
CommonModule,
|
|
2285
|
+
FormsModule,
|
|
2215
2286
|
MonkeyBadgeModule,
|
|
2287
|
+
MonkeyButtonModule,
|
|
2288
|
+
MonkeyCheckboxModule,
|
|
2289
|
+
MonkeyDateRangePickerModule,
|
|
2290
|
+
MonkeyEcxDirectivesModule,
|
|
2216
2291
|
MonkeyIconModule,
|
|
2217
2292
|
MonkeyInputModule,
|
|
2218
|
-
MonkeyCheckboxModule,
|
|
2219
|
-
MonkeySelectModule,
|
|
2220
2293
|
MonkeyOptionModule,
|
|
2221
|
-
|
|
2222
|
-
RouterModule,
|
|
2223
|
-
CommonModule,
|
|
2224
|
-
FormsModule,
|
|
2294
|
+
MonkeySelectModule,
|
|
2225
2295
|
ReactiveFormsModule,
|
|
2296
|
+
RouterModule,
|
|
2226
2297
|
TranslateModule.forChild()
|
|
2227
2298
|
],
|
|
2228
2299
|
exports: [
|
|
2300
|
+
MECXFilterOptionsChildrenComponent,
|
|
2229
2301
|
MECXFilterOptionsComponent,
|
|
2230
|
-
MECXFilterOptionsStatusComponent,
|
|
2231
|
-
MECXFilterOptionsDateRangeComponent,
|
|
2232
2302
|
MECXFilterOptionsCurrencyComponent,
|
|
2233
|
-
|
|
2303
|
+
MECXFilterOptionsDateRangeComponent,
|
|
2304
|
+
MECXFilterOptionsInputComponent,
|
|
2305
|
+
MECXFilterOptionsStatusComponent
|
|
2234
2306
|
]
|
|
2235
2307
|
}]
|
|
2236
2308
|
}] });
|
|
@@ -2298,42 +2370,43 @@ class MECXFilterSelectedModule {
|
|
|
2298
2370
|
}
|
|
2299
2371
|
MECXFilterSelectedModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MECXFilterSelectedModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2300
2372
|
MECXFilterSelectedModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MECXFilterSelectedModule, declarations: [MECXFilterSelectedComponent,
|
|
2373
|
+
MECXFilterSelectedItemChildrenComponent,
|
|
2301
2374
|
MECXFilterSelectedItemComponent,
|
|
2302
2375
|
MECXFilterSelectedItemCurrencyComponent,
|
|
2303
2376
|
MECXFilterSelectedItemDateRangeComponent,
|
|
2304
|
-
MECXFilterSelectedItemStatusComponent,
|
|
2305
2377
|
MECXFilterSelectedItemDateWithActionComponent,
|
|
2306
|
-
|
|
2307
|
-
|
|
2308
|
-
|
|
2378
|
+
MECXFilterSelectedItemInputComponent,
|
|
2379
|
+
MECXFilterSelectedItemStatusComponent], imports: [CommonModule,
|
|
2380
|
+
FormsModule,
|
|
2381
|
+
MECXFilterOptionsModule,
|
|
2309
2382
|
MonkeyBadgeModule,
|
|
2383
|
+
MonkeyButtonModule,
|
|
2384
|
+
MonkeyCheckboxModule,
|
|
2385
|
+
MonkeyDateRangePickerModule,
|
|
2386
|
+
MonkeyEcxDirectivesModule,
|
|
2387
|
+
MonkeyEcxPipesModule,
|
|
2310
2388
|
MonkeyIconModule,
|
|
2311
2389
|
MonkeyInputModule,
|
|
2312
|
-
MonkeyCheckboxModule,
|
|
2313
|
-
MonkeySelectModule,
|
|
2314
2390
|
MonkeyOptionModule,
|
|
2315
|
-
|
|
2316
|
-
RouterModule,
|
|
2317
|
-
CommonModule,
|
|
2318
|
-
FormsModule,
|
|
2391
|
+
MonkeySelectModule,
|
|
2319
2392
|
ReactiveFormsModule,
|
|
2320
|
-
|
|
2393
|
+
RouterModule, i1$3.TranslateModule], exports: [MECXFilterSelectedComponent] });
|
|
2321
2394
|
MECXFilterSelectedModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MECXFilterSelectedModule, imports: [[
|
|
2322
|
-
|
|
2323
|
-
|
|
2324
|
-
|
|
2395
|
+
CommonModule,
|
|
2396
|
+
FormsModule,
|
|
2397
|
+
MECXFilterOptionsModule,
|
|
2325
2398
|
MonkeyBadgeModule,
|
|
2399
|
+
MonkeyButtonModule,
|
|
2400
|
+
MonkeyCheckboxModule,
|
|
2401
|
+
MonkeyDateRangePickerModule,
|
|
2402
|
+
MonkeyEcxDirectivesModule,
|
|
2403
|
+
MonkeyEcxPipesModule,
|
|
2326
2404
|
MonkeyIconModule,
|
|
2327
2405
|
MonkeyInputModule,
|
|
2328
|
-
MonkeyCheckboxModule,
|
|
2329
|
-
MonkeySelectModule,
|
|
2330
2406
|
MonkeyOptionModule,
|
|
2331
|
-
|
|
2332
|
-
RouterModule,
|
|
2333
|
-
CommonModule,
|
|
2334
|
-
FormsModule,
|
|
2407
|
+
MonkeySelectModule,
|
|
2335
2408
|
ReactiveFormsModule,
|
|
2336
|
-
|
|
2409
|
+
RouterModule,
|
|
2337
2410
|
TranslateModule.forChild()
|
|
2338
2411
|
]] });
|
|
2339
2412
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: MECXFilterSelectedModule, decorators: [{
|
|
@@ -2341,29 +2414,30 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImpor
|
|
|
2341
2414
|
args: [{
|
|
2342
2415
|
declarations: [
|
|
2343
2416
|
MECXFilterSelectedComponent,
|
|
2417
|
+
MECXFilterSelectedItemChildrenComponent,
|
|
2344
2418
|
MECXFilterSelectedItemComponent,
|
|
2345
2419
|
MECXFilterSelectedItemCurrencyComponent,
|
|
2346
2420
|
MECXFilterSelectedItemDateRangeComponent,
|
|
2347
|
-
MECXFilterSelectedItemStatusComponent,
|
|
2348
2421
|
MECXFilterSelectedItemDateWithActionComponent,
|
|
2349
|
-
|
|
2422
|
+
MECXFilterSelectedItemInputComponent,
|
|
2423
|
+
MECXFilterSelectedItemStatusComponent
|
|
2350
2424
|
],
|
|
2351
2425
|
imports: [
|
|
2352
|
-
|
|
2353
|
-
|
|
2354
|
-
|
|
2426
|
+
CommonModule,
|
|
2427
|
+
FormsModule,
|
|
2428
|
+
MECXFilterOptionsModule,
|
|
2355
2429
|
MonkeyBadgeModule,
|
|
2430
|
+
MonkeyButtonModule,
|
|
2431
|
+
MonkeyCheckboxModule,
|
|
2432
|
+
MonkeyDateRangePickerModule,
|
|
2433
|
+
MonkeyEcxDirectivesModule,
|
|
2434
|
+
MonkeyEcxPipesModule,
|
|
2356
2435
|
MonkeyIconModule,
|
|
2357
2436
|
MonkeyInputModule,
|
|
2358
|
-
MonkeyCheckboxModule,
|
|
2359
|
-
MonkeySelectModule,
|
|
2360
2437
|
MonkeyOptionModule,
|
|
2361
|
-
|
|
2362
|
-
RouterModule,
|
|
2363
|
-
CommonModule,
|
|
2364
|
-
FormsModule,
|
|
2438
|
+
MonkeySelectModule,
|
|
2365
2439
|
ReactiveFormsModule,
|
|
2366
|
-
|
|
2440
|
+
RouterModule,
|
|
2367
2441
|
TranslateModule.forChild()
|
|
2368
2442
|
],
|
|
2369
2443
|
exports: [MECXFilterSelectedComponent]
|