mis-crystal-design-system 18.0.4 → 18.0.5

package/{fesm2022 → fesm2020}/mis-crystal-design-system-filter.mjs

@@ -51,10 +51,10 @@ class HasValuePipe {
         }
         return value !== null && value !== undefined && value !== '';
     }
-    static { this.ɵfac = function HasValuePipe_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || HasValuePipe)(); }; }
-    static { this.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "hasValue", type: HasValuePipe, pure: true }); }
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(HasValuePipe, [{
+HasValuePipe.ɵfac = function HasValuePipe_Factory(t) { return new (t || HasValuePipe)(); };
+HasValuePipe.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "hasValue", type: HasValuePipe, pure: true });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(HasValuePipe, [{
         type: Pipe,
         args: [{
                 name: 'hasValue',
@@ -62,48 +62,47 @@ class HasValuePipe {
     }], null, null); })();
 
 function FilterPanelComponent_div_0_ng_container_9_div_1_ng_container_3_Template(rf, ctx) { if (rf & 1) {
-    const _r3 = i0.ɵɵgetCurrentView();
+    const _r16 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementContainerStart(0);
     i0.ɵɵelementStart(1, "div", 17)(2, "mis-multi-select-dropdown", 18);
-    i0.ɵɵlistener("onChange", function FilterPanelComponent_div_0_ng_container_9_div_1_ng_container_3_Template_mis_multi_select_dropdown_onChange_2_listener($event) { i0.ɵɵrestoreView(_r3); const filter_r4 = i0.ɵɵnextContext(2).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handleSelect($event, filter_r4.key, filter_r4)); });
+    i0.ɵɵlistener("onChange", function FilterPanelComponent_div_0_ng_container_9_div_1_ng_container_3_Template_mis_multi_select_dropdown_onChange_2_listener($event) { i0.ɵɵrestoreView(_r16); const filter_r2 = i0.ɵɵnextContext(2).$implicit; const ctx_r14 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r14.handleSelect($event, filter_r2.key, filter_r2)); });
     i0.ɵɵelementEnd()();
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
-    const filter_r4 = i0.ɵɵnextContext(2).$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(2);
+    const filter_r2 = i0.ɵɵnextContext(2).$implicit;
+    const ctx_r5 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("label", filter_r4.placeholder || "Select")("selectedItems", ctx_r1.filterForm.get(filter_r4.key).value)("data", filter_r4.options)("searchEnabled", true)("showSelectedCount", true)("enableSelectAll", true)("hideApplyButton", false);
+    i0.ɵɵproperty("label", filter_r2.placeholder || "Select")("selectedItems", ctx_r5.filterForm.get(filter_r2.key).value)("data", filter_r2.options)("searchEnabled", true)("showSelectedCount", true)("enableSelectAll", true)("hideApplyButton", false);
 } }
 function FilterPanelComponent_div_0_ng_container_9_div_1_ng_container_4_Template(rf, ctx) { if (rf & 1) {
-    const _r5 = i0.ɵɵgetCurrentView();
+    const _r20 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementContainerStart(0);
     i0.ɵɵelementStart(1, "div", 17)(2, "mis-dropdown", 19);
-    i0.ɵɵlistener("onChange", function FilterPanelComponent_div_0_ng_container_9_div_1_ng_container_4_Template_mis_dropdown_onChange_2_listener($event) { i0.ɵɵrestoreView(_r5); const filter_r4 = i0.ɵɵnextContext(2).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handleSelect($event, filter_r4.key, filter_r4)); });
+    i0.ɵɵlistener("onChange", function FilterPanelComponent_div_0_ng_container_9_div_1_ng_container_4_Template_mis_dropdown_onChange_2_listener($event) { i0.ɵɵrestoreView(_r20); const filter_r2 = i0.ɵɵnextContext(2).$implicit; const ctx_r18 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r18.handleSelect($event, filter_r2.key, filter_r2)); });
     i0.ɵɵelementEnd()();
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
-    const filter_r4 = i0.ɵɵnextContext(2).$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(2);
+    const filter_r2 = i0.ɵɵnextContext(2).$implicit;
+    const ctx_r6 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("data", filter_r4.options)("searchEnabled", true)("selectedItem", ctx_r1.filterForm.get(filter_r4.key).value);
+    i0.ɵɵproperty("data", filter_r2.options)("searchEnabled", true)("selectedItem", ctx_r6.filterForm.get(filter_r2.key).value);
 } }
 function FilterPanelComponent_div_0_ng_container_9_div_1_ng_container_5_div_2_Template(rf, ctx) { if (rf & 1) {
-    const _r6 = i0.ɵɵgetCurrentView();
+    const _r26 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 22)(1, "mis-checkbox", 23);
-    i0.ɵɵlistener("valueChange", function FilterPanelComponent_div_0_ng_container_9_div_1_ng_container_5_div_2_Template_mis_checkbox_valueChange_1_listener($event) { const option_r7 = i0.ɵɵrestoreView(_r6).$implicit; const filter_r4 = i0.ɵɵnextContext(3).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.handleCheckbox($event, filter_r4.key, option_r7.value, filter_r4)); });
+    i0.ɵɵlistener("valueChange", function FilterPanelComponent_div_0_ng_container_9_div_1_ng_container_5_div_2_Template_mis_checkbox_valueChange_1_listener($event) { const restoredCtx = i0.ɵɵrestoreView(_r26); const option_r23 = restoredCtx.$implicit; const filter_r2 = i0.ɵɵnextContext(3).$implicit; const ctx_r24 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r24.handleCheckbox($event, filter_r2.key, option_r23.value, filter_r2)); });
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(2, "span", 24);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    let tmp_9_0;
-    const option_r7 = ctx.$implicit;
-    const filter_r4 = i0.ɵɵnextContext(3).$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("type", "Default")("checked", (tmp_9_0 = ctx_r1.filterForm.get(filter_r4.key).value) == null ? null : tmp_9_0.includes(option_r7.value));
+    const option_r23 = ctx.$implicit;
+    const filter_r2 = i0.ɵɵnextContext(3).$implicit;
+    const ctx_r22 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("type", "Default")("checked", ctx_r22.filterForm.get(filter_r2.key).value == null ? null : ctx_r22.filterForm.get(filter_r2.key).value.includes(option_r23.value));
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(option_r7.label);
+    i0.ɵɵtextInterpolate(option_r23.label);
 } }
 function FilterPanelComponent_div_0_ng_container_9_div_1_ng_container_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
@@ -112,38 +111,38 @@ function FilterPanelComponent_div_0_ng_container_9_div_1_ng_container_5_Template
     i0.ɵɵelementEnd();
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
-    const filter_r4 = i0.ɵɵnextContext(2).$implicit;
+    const filter_r2 = i0.ɵɵnextContext(2).$implicit;
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("ngForOf", filter_r4.options);
+    i0.ɵɵproperty("ngForOf", filter_r2.options);
 } }
 function FilterPanelComponent_div_0_ng_container_9_div_1_ng_container_6_Template(rf, ctx) { if (rf & 1) {
-    const _r8 = i0.ɵɵgetCurrentView();
+    const _r31 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementContainerStart(0);
     i0.ɵɵtext(1);
     i0.ɵɵelementStart(2, "mis-input", 25)(3, "input", 26);
-    i0.ɵɵlistener("dateChange", function FilterPanelComponent_div_0_ng_container_9_div_1_ng_container_6_Template_input_dateChange_3_listener($event) { i0.ɵɵrestoreView(_r8); const filter_r4 = i0.ɵɵnextContext(2).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onDateChange($event, filter_r4.key, filter_r4)); });
+    i0.ɵɵlistener("dateChange", function FilterPanelComponent_div_0_ng_container_9_div_1_ng_container_6_Template_input_dateChange_3_listener($event) { i0.ɵɵrestoreView(_r31); const filter_r2 = i0.ɵɵnextContext(2).$implicit; const ctx_r29 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r29.onDateChange($event, filter_r2.key, filter_r2)); });
     i0.ɵɵelementEnd()();
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
-    const filter_r4 = i0.ɵɵnextContext(2).$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", filter_r4.placeholder, " ");
+    const filter_r2 = i0.ɵɵnextContext(2).$implicit;
+    const ctx_r8 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(1);
+    i0.ɵɵtextInterpolate1(" ", filter_r2.placeholder, " ");
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("dpConfig", filter_r4.datepickerConfig)("placeholder", ctx_r1.filterForm.get(filter_r4.key).value ? ctx_r1.filterForm.get(filter_r4.key).value : filter_r4.placeholder || "Select")("value", ctx_r1.filterForm.get(filter_r4.key).value ? ctx_r1.filterForm.get(filter_r4.key).value : filter_r4.placeholder || "Select")("selectedDate", ctx_r1.filterForm.get(filter_r4.key).value)("positionX", "end")("offsetX", -10);
+    i0.ɵɵproperty("dpConfig", filter_r2.datepickerConfig)("placeholder", ctx_r8.filterForm.get(filter_r2.key).value ? ctx_r8.filterForm.get(filter_r2.key).value : filter_r2.placeholder || "Select")("value", ctx_r8.filterForm.get(filter_r2.key).value ? ctx_r8.filterForm.get(filter_r2.key).value : filter_r2.placeholder || "Select")("selectedDate", ctx_r8.filterForm.get(filter_r2.key).value)("positionX", "end")("offsetX", -10);
 } }
 function FilterPanelComponent_div_0_ng_container_9_div_1_ng_container_7_Template(rf, ctx) { if (rf & 1) {
-    const _r9 = i0.ɵɵgetCurrentView();
+    const _r35 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementContainerStart(0);
     i0.ɵɵelementStart(1, "mis-input", 25)(2, "input", 27);
-    i0.ɵɵlistener("dateChange", function FilterPanelComponent_div_0_ng_container_9_div_1_ng_container_7_Template_input_dateChange_2_listener($event) { i0.ɵɵrestoreView(_r9); const filter_r4 = i0.ɵɵnextContext(2).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onDateChange($event, filter_r4.key, filter_r4)); });
+    i0.ɵɵlistener("dateChange", function FilterPanelComponent_div_0_ng_container_9_div_1_ng_container_7_Template_input_dateChange_2_listener($event) { i0.ɵɵrestoreView(_r35); const filter_r2 = i0.ɵɵnextContext(2).$implicit; const ctx_r33 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r33.onDateChange($event, filter_r2.key, filter_r2)); });
     i0.ɵɵelementEnd()();
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
-    const filter_r4 = i0.ɵɵnextContext(2).$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(2);
+    const filter_r2 = i0.ɵɵnextContext(2).$implicit;
+    const ctx_r9 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("placeholder", !ctx_r1.dateRangeSelectedDates.startDate && !ctx_r1.dateRangeSelectedDates.endDate ? filter_r4.placeholder || "Select" : ctx_r1.dateRangeSelectedDates.startDate + " - " + ctx_r1.dateRangeSelectedDates.endDate)("value", !ctx_r1.dateRangeSelectedDates.startDate && !ctx_r1.dateRangeSelectedDates.endDate ? filter_r4.placeholder || "Select" : ctx_r1.dateRangeSelectedDates.startDate + " - " + ctx_r1.dateRangeSelectedDates.endDate)("positionX", "start")("positionY", "top")("selectedDates", ctx_r1.dateRangeSelectedDates)("dpConfig", filter_r4.dateRangePickerConfig);
+    i0.ɵɵproperty("placeholder", !ctx_r9.dateRangeSelectedDates.startDate && !ctx_r9.dateRangeSelectedDates.endDate ? filter_r2.placeholder || "Select" : ctx_r9.dateRangeSelectedDates.startDate + " - " + ctx_r9.dateRangeSelectedDates.endDate)("value", !ctx_r9.dateRangeSelectedDates.startDate && !ctx_r9.dateRangeSelectedDates.endDate ? filter_r2.placeholder || "Select" : ctx_r9.dateRangeSelectedDates.startDate + " - " + ctx_r9.dateRangeSelectedDates.endDate)("positionX", "start")("positionY", "top")("selectedDates", ctx_r9.dateRangeSelectedDates)("dpConfig", filter_r2.dateRangePickerConfig);
 } }
 function FilterPanelComponent_div_0_ng_container_9_div_1_ng_container_8_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
@@ -152,9 +151,9 @@ function FilterPanelComponent_div_0_ng_container_9_div_1_ng_container_8_Template
     i0.ɵɵelementEnd();
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
-    const filter_r4 = i0.ɵɵnextContext(2).$implicit;
+    const filter_r2 = i0.ɵɵnextContext(2).$implicit;
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("placeholder", filter_r4.placeholder || "Type here")("formControlName", filter_r4.key);
+    i0.ɵɵproperty("placeholder", filter_r2.placeholder || "Type here")("formControlName", filter_r2.key);
 } }
 function FilterPanelComponent_div_0_ng_container_9_div_1_ng_container_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
@@ -163,9 +162,9 @@ function FilterPanelComponent_div_0_ng_container_9_div_1_ng_container_9_Template
     i0.ɵɵelementEnd();
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
-    const filter_r4 = i0.ɵɵnextContext(2).$implicit;
+    const filter_r2 = i0.ɵɵnextContext(2).$implicit;
     i0.ɵɵadvance(2);
-    i0.ɵɵproperty("placeholder", filter_r4.placeholder || "Type here")("formControlName", filter_r4.key);
+    i0.ɵɵproperty("placeholder", filter_r2.placeholder || "Type here")("formControlName", filter_r2.key);
 } }
 function FilterPanelComponent_div_0_ng_container_9_div_1_ng_container_10_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
@@ -181,19 +180,20 @@ function FilterPanelComponent_div_0_ng_container_9_div_1_ng_container_10_Templat
     i0.ɵɵelementEnd()();
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
-    let tmp_11_0;
-    const filter_r4 = i0.ɵɵnextContext(2).$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("formGroup", ctx_r1.filterForm.get(filter_r4.key));
+    const filter_r2 = i0.ɵɵnextContext(2).$implicit;
+    const ctx_r12 = i0.ɵɵnextContext(2);
+    let tmp_5_0;
+    let tmp_5_1;
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("formGroup", ctx_r12.filterForm.get(filter_r2.key));
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate((filter_r4 == null ? null : filter_r4.options == null ? null : filter_r4.options[0] == null ? null : filter_r4.options[0].label) || "Min");
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("placeholder", filter_r4.placeholder || "Type here");
+    i0.ɵɵtextInterpolate((filter_r2 == null ? null : filter_r2.options == null ? null : filter_r2.options[0] == null ? null : filter_r2.options[0].label) || "Min");
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("placeholder", filter_r2.placeholder || "Type here");
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate((filter_r4 == null ? null : filter_r4.options == null ? null : filter_r4.options[1] == null ? null : filter_r4.options[1].label) || "Max");
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("placeholder", filter_r4.placeholder || "Type here")("min", (ctx_r1.filterForm.get == null ? null : (tmp_11_0 = ctx_r1.filterForm.get(filter_r4.key)) == null ? null : (tmp_11_0 = tmp_11_0.get("min")) == null ? null : tmp_11_0.value) || 0);
+    i0.ɵɵtextInterpolate((filter_r2 == null ? null : filter_r2.options == null ? null : filter_r2.options[1] == null ? null : filter_r2.options[1].label) || "Max");
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("placeholder", filter_r2.placeholder || "Type here")("min", (ctx_r12.filterForm.get == null ? null : (tmp_5_0 = ctx_r12.filterForm.get(filter_r2.key)) == null ? null : (tmp_5_1 = tmp_5_0.get("min")) == null ? null : tmp_5_1.value) || 0);
 } }
 function FilterPanelComponent_div_0_ng_container_9_div_1_div_11_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "div", 34);
@@ -202,50 +202,58 @@ function FilterPanelComponent_div_0_ng_container_9_div_1_Template(rf, ctx) { if
     i0.ɵɵelementStart(0, "div", 13)(1, "span", 14);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(3, FilterPanelComponent_div_0_ng_container_9_div_1_ng_container_3_Template, 3, 7, "ng-container", 15)(4, FilterPanelComponent_div_0_ng_container_9_div_1_ng_container_4_Template, 3, 3, "ng-container", 15)(5, FilterPanelComponent_div_0_ng_container_9_div_1_ng_container_5_Template, 3, 1, "ng-container", 15)(6, FilterPanelComponent_div_0_ng_container_9_div_1_ng_container_6_Template, 4, 7, "ng-container", 15)(7, FilterPanelComponent_div_0_ng_container_9_div_1_ng_container_7_Template, 3, 6, "ng-container", 15)(8, FilterPanelComponent_div_0_ng_container_9_div_1_ng_container_8_Template, 3, 2, "ng-container", 15)(9, FilterPanelComponent_div_0_ng_container_9_div_1_ng_container_9_Template, 3, 2, "ng-container", 15)(10, FilterPanelComponent_div_0_ng_container_9_div_1_ng_container_10_Template, 10, 6, "ng-container", 15)(11, FilterPanelComponent_div_0_ng_container_9_div_1_div_11_Template, 1, 0, "div", 16);
+    i0.ɵɵtemplate(3, FilterPanelComponent_div_0_ng_container_9_div_1_ng_container_3_Template, 3, 7, "ng-container", 15);
+    i0.ɵɵtemplate(4, FilterPanelComponent_div_0_ng_container_9_div_1_ng_container_4_Template, 3, 3, "ng-container", 15);
+    i0.ɵɵtemplate(5, FilterPanelComponent_div_0_ng_container_9_div_1_ng_container_5_Template, 3, 1, "ng-container", 15);
+    i0.ɵɵtemplate(6, FilterPanelComponent_div_0_ng_container_9_div_1_ng_container_6_Template, 4, 7, "ng-container", 15);
+    i0.ɵɵtemplate(7, FilterPanelComponent_div_0_ng_container_9_div_1_ng_container_7_Template, 3, 6, "ng-container", 15);
+    i0.ɵɵtemplate(8, FilterPanelComponent_div_0_ng_container_9_div_1_ng_container_8_Template, 3, 2, "ng-container", 15);
+    i0.ɵɵtemplate(9, FilterPanelComponent_div_0_ng_container_9_div_1_ng_container_9_Template, 3, 2, "ng-container", 15);
+    i0.ɵɵtemplate(10, FilterPanelComponent_div_0_ng_container_9_div_1_ng_container_10_Template, 10, 6, "ng-container", 15);
+    i0.ɵɵtemplate(11, FilterPanelComponent_div_0_ng_container_9_div_1_div_11_Template, 1, 0, "div", 16);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const ctx_r9 = i0.ɵɵnextContext();
-    const filter_r4 = ctx_r9.$implicit;
-    const last_r11 = ctx_r9.last;
+    const ctx_r40 = i0.ɵɵnextContext();
+    const filter_r2 = ctx_r40.$implicit;
+    const last_r3 = ctx_r40.last;
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(filter_r4.title);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", filter_r4.type === "multiSelect");
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", filter_r4.type === "select");
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", filter_r4.type === "checkbox");
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", filter_r4.type === "datePicker");
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", filter_r4.type === "dateRangePicker");
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", filter_r4.type === "text");
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", filter_r4.type === "number");
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", filter_r4.type === "range");
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", !last_r11);
+    i0.ɵɵtextInterpolate(filter_r2.title);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", filter_r2.type === "multiSelect");
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", filter_r2.type === "select");
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", filter_r2.type === "checkbox");
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", filter_r2.type === "datePicker");
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", filter_r2.type === "dateRangePicker");
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", filter_r2.type === "text");
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", filter_r2.type === "number");
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", filter_r2.type === "range");
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", !last_r3);
 } }
 function FilterPanelComponent_div_0_ng_container_9_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementContainerStart(0);
     i0.ɵɵtemplate(1, FilterPanelComponent_div_0_ng_container_9_div_1_Template, 12, 10, "div", 12);
     i0.ɵɵelementContainerEnd();
 } if (rf & 2) {
-    const filter_r4 = ctx.$implicit;
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", !filter_r4.hidden);
+    const filter_r2 = ctx.$implicit;
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngIf", !filter_r2.hidden);
 } }
 function FilterPanelComponent_div_0_Template(rf, ctx) { if (rf & 1) {
-    const _r1 = i0.ɵɵgetCurrentView();
+    const _r42 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 1)(1, "div", 2)(2, "span");
     i0.ɵɵtext(3, "Filters");
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceSVG();
     i0.ɵɵelementStart(4, "svg", 3);
-    i0.ɵɵlistener("click", function FilterPanelComponent_div_0_Template_svg_click_4_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.closePanel()); });
+    i0.ɵɵlistener("click", function FilterPanelComponent_div_0_Template__svg_svg_click_4_listener() { i0.ɵɵrestoreView(_r42); const ctx_r41 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r41.closePanel()); });
     i0.ɵɵelementStart(5, "g", 4);
     i0.ɵɵelement(6, "path", 5);
     i0.ɵɵelementEnd()()();
@@ -255,22 +263,22 @@ function FilterPanelComponent_div_0_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtemplate(9, FilterPanelComponent_div_0_ng_container_9_Template, 2, 1, "ng-container", 8);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(10, "div", 9)(11, "mis-button", 10);
-    i0.ɵɵlistener("click", function FilterPanelComponent_div_0_Template_mis_button_click_11_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.resetFilters()); });
+    i0.ɵɵlistener("click", function FilterPanelComponent_div_0_Template_mis_button_click_11_listener() { i0.ɵɵrestoreView(_r42); const ctx_r43 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r43.resetFilters()); });
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(12, "mis-button", 11);
-    i0.ɵɵlistener("click", function FilterPanelComponent_div_0_Template_mis_button_click_12_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.applyFilters()); });
+    i0.ɵɵlistener("click", function FilterPanelComponent_div_0_Template_mis_button_click_12_listener() { i0.ɵɵrestoreView(_r42); const ctx_r44 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r44.applyFilters()); });
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
+    const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵproperty("@slideFromRight", undefined);
     i0.ɵɵadvance(8);
-    i0.ɵɵproperty("formGroup", ctx_r1.filterForm);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngForOf", ctx_r1.config);
+    i0.ɵɵproperty("formGroup", ctx_r0.filterForm);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("ngForOf", ctx_r0.config);
     i0.ɵɵadvance(2);
     i0.ɵɵproperty("name", "Clear All")("size", "Small")("type", "Text");
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("name", "Apply")("size", "Small")("type", "Solid")("disabled", ctx_r1.filterForm.invalid);
+    i0.ɵɵadvance(1);
+    i0.ɵɵproperty("name", "Apply")("size", "Small")("type", "Solid")("disabled", ctx_r0.filterForm.invalid);
 } }
 class FilterPanelComponent {
     constructor(hasValue) {
@@ -278,6 +286,7 @@ class FilterPanelComponent {
         this.onClose = new EventEmitter();
         this.onApply = new EventEmitter();
         this.config = [];
+        this.emitFiltersAfterSettingNewValues = false;
         this.filterForm = new FormGroup([]);
         this.dateRangeSelectedDates = {
             startDate: '',
@@ -288,13 +297,10 @@ class FilterPanelComponent {
         this.initializeFormControls();
     }
     ngOnChanges(changes) {
-        if (!changes.config?.firstChange) {
-            this.handleConfigChange();
+        if (changes.config && !changes.config.firstChange) {
+            this.setFilterValue(this.config);
         }
     }
-    handleConfigChange() {
-        this.config = this.config.filter(filter => !filter.hidden);
-    }
     initializeFormControls() {
         this.config.forEach((filter) => {
             let control;
@@ -337,18 +343,6 @@ class FilterPanelComponent {
         }
         this.onClose.emit();
     }
-    updateSelectedShifts() {
-        if (this.show) {
-            const selectedShifts = [...this.filterForm.get('shiftTime').value];
-            const currentShifts = this.config.find((filter) => filter.key === 'shiftTime').options;
-            selectedShifts.forEach((shift) => {
-                if (!currentShifts.find((currentShift) => currentShift.value === shift.value)) {
-                    selectedShifts.splice(selectedShifts.indexOf(shift), 1);
-                }
-            });
-            this.filterForm.get('shiftTime').setValue(selectedShifts);
-        }
-    }
     filterCount() {
         let count = 0;
         this.config.forEach((filter) => {
@@ -407,12 +401,12 @@ class FilterPanelComponent {
     clearFormValues() {
         const resetValues = {};
         this.config.forEach((filter) => {
-            let defaultValue = null;
+            let defaultValue = filter.defaultValue || null;
             if (filter.type === 'multiSelect' || filter.type === 'checkbox') {
-                defaultValue = [];
+                defaultValue = filter.defaultValue || [];
             }
             if (filter.type === 'range') {
-                defaultValue = { min: null, max: null };
+                defaultValue = filter.defaultValue || { min: null, max: null };
             }
             resetValues[filter.key] = defaultValue;
         });
@@ -422,17 +416,29 @@ class FilterPanelComponent {
         this.clearFormValues();
         this.applyFilters();
     }
-    static { this.ɵfac = function FilterPanelComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || FilterPanelComponent)(i0.ɵɵdirectiveInject(HasValuePipe)); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FilterPanelComponent, selectors: [["mis-filter-panel"]], inputs: { show: "show", config: "config" }, outputs: { onClose: "onClose", onApply: "onApply" }, features: [i0.ɵɵNgOnChangesFeature], decls: 1, vars: 1, consts: [["class", "filter-panel-container", 4, "ngIf"], [1, "filter-panel-container"], [1, "panel-header"], ["width", "25", "height", "25", "viewBox", "0 0 25 25", "fill", "none", "xmlns", "http://www.w3.org/2000/svg", 1, "close-icon", 3, "click"], ["id", "ic-navigation-cancel-24"], ["id", "Union", "fill-rule", "evenodd", "clip-rule", "evenodd", "d", "M8.60468 6.64355C8.09036 6.12923 7.25649 6.12923 6.74218 6.64355C6.22787 7.15786 6.22787 7.99173 6.74218 8.50604L10.4938 12.2576L6.7431 16.0083C6.22879 16.5226 6.22879 17.3564 6.7431 17.8708C7.25742 18.3851 8.09129 18.3851 8.6056 17.8708L12.3562 14.1201L16.1068 17.8707C16.6211 18.385 17.455 18.385 17.9693 17.8707C18.4836 17.3564 18.4836 16.5225 17.9693 16.0082L14.2187 12.2576L17.9702 8.50613C18.4845 7.99181 18.4845 7.15794 17.9702 6.64363C17.4559 6.12932 16.622 6.12932 16.1077 6.64363L12.3562 10.3951L8.60468 6.64355Z", "fill", "#181F33"], [1, "horizontal-divider", "first"], [1, "filters", 3, "formGroup"], [4, "ngFor", "ngForOf"], [1, "actions"], [3, "click", "name", "size", "type"], [3, "click", "name", "size", "type", "disabled"], ["class", "filter", 4, "ngIf"], [1, "filter"], [1, "filter-title"], [4, "ngIf"], ["class", "horizontal-divider", 4, "ngIf"], [1, "multiselect-filter"], ["width", "100%", "height", "44px", 1, "no-padding", 3, "onChange", "label", "selectedItems", "data", "searchEnabled", "showSelectedCount", "enableSelectAll", "hideApplyButton"], ["width", "100%", "height", "44px", 3, "onChange", "data", "searchEnabled", "selectedItem"], [1, "checkbox-row"], ["class", "checkbox-container", 4, "ngFor", "ngForOf"], [1, "checkbox-container"], [3, "valueChange", "type", "checked"], [1, "checkbox-label"], ["type", "rounded"], ["misTzDp", "", "misInput", "", "type", "text", "readonly", "", 1, "mis-input", 3, "dateChange", "dpConfig", "placeholder", "value", "selectedDate", "positionX", "offsetX"], ["misTzDrp", "", "misInput", "", "type", "text", "readonly", "", 1, "mis-input", 3, "dateChange", "placeholder", "value", "positionX", "positionY", "selectedDates", "dpConfig"], ["misInput", "", "type", "text", 1, "input", 3, "placeholder", "formControlName"], ["misInput", "", "type", "number", 1, "input", 3, "placeholder", "formControlName"], [1, "range-container", 3, "formGroup"], [1, "range-inner-container"], ["misInput", "", "type", "number", "formControlName", "min", 1, "input", 3, "placeholder"], ["misInput", "", "type", "number", "formControlName", "max", 1, "input", 3, "placeholder", "min"], [1, "horizontal-divider"]], template: function FilterPanelComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵtemplate(0, FilterPanelComponent_div_0_Template, 13, 10, "div", 0);
-        } if (rf & 2) {
-            i0.ɵɵproperty("ngIf", ctx.show);
-        } }, dependencies: [i2.NgForOf, i2.NgIf, i3.ButtonComponent, i4.DefaultValueAccessor, i4.NumberValueAccessor, i4.NgControlStatus, i4.NgControlStatusGroup, i4.MinValidator, i4.FormGroupDirective, i4.FormControlName, i5.MultiSelectDropdownComponent, i6.DropdownComponent, i7.MisInputComponent, i7.MisInputDirective, i8.TzDatepickerDirective, i9.TzDaterangepickerDirective, i10.CheckboxComponent], styles: [".filter-panel-container[_ngcontent-%COMP%]{display:flex;flex-direction:column;height:100%;max-width:100%;min-width:20rem;position:absolute;right:0;background:#fff;top:0;z-index:999;box-shadow:0 0 5px #000000a6;transition:all .3s ease}.filter-panel-container[_ngcontent-%COMP%]   .panel-header[_ngcontent-%COMP%]{display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-weight:700;margin:0 1rem;flex-basis:5%}.filter-panel-container[_ngcontent-%COMP%]   .panel-header[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]{font-size:1.25rem}.filter-panel-container[_ngcontent-%COMP%]   .panel-header[_ngcontent-%COMP%]   .close-icon[_ngcontent-%COMP%]{cursor:pointer;border-radius:50%;transform:scale(1.4);padding:.3rem;transition:all .3s ease}.filter-panel-container[_ngcontent-%COMP%]   .panel-header[_ngcontent-%COMP%]   .close-icon[_ngcontent-%COMP%]:hover{background:#f5f5f5}.filter-panel-container[_ngcontent-%COMP%]   .panel-header[_ngcontent-%COMP%]   .close-icon[_ngcontent-%COMP%]:active{background:#e0e0e0}.filter-panel-container[_ngcontent-%COMP%]   .mat-divider.horizontal[_ngcontent-%COMP%]{margin:1rem}.filters[_ngcontent-%COMP%]{display:flex;flex-direction:column;flex:1;row-gap:.5rem;overflow:auto;padding:0 1rem}.filters[_ngcontent-%COMP%]   .filter[_ngcontent-%COMP%]{display:flex;flex-direction:column}.filters[_ngcontent-%COMP%]   .filter[_ngcontent-%COMP%]   .filter-title[_ngcontent-%COMP%]{color:#6a737d;font-size:.875rem;font-weight:700;line-height:20px;letter-spacing:.25px}.filters[_ngcontent-%COMP%]   .filter[_ngcontent-%COMP%]   .checkbox-row[_ngcontent-%COMP%]{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:.8rem 0}.filters[_ngcontent-%COMP%]   .filter[_ngcontent-%COMP%]   .checkbox-row[_ngcontent-%COMP%]   .checkbox-container[_ngcontent-%COMP%]{display:flex;flex-direction:row;align-items:center;gap:.5rem}.filters[_ngcontent-%COMP%]   .filter[_ngcontent-%COMP%]   .checkbox-row[_ngcontent-%COMP%]   .checkbox-label[_ngcontent-%COMP%]{display:block;width:8rem}.filters[_ngcontent-%COMP%]   .filter[_ngcontent-%COMP%]   .checkbox-row[_ngcontent-%COMP%]     .mat-checkbox-inner-container{width:20px;height:20px}.filters[_ngcontent-%COMP%]   .filter[_ngcontent-%COMP%]   .checkbox-row[_ngcontent-%COMP%]     .mat-checkbox-frame{border-radius:5px}.filters[_ngcontent-%COMP%]   .filter[_ngcontent-%COMP%]   .multiselect-filter[_ngcontent-%COMP%], .filters[_ngcontent-%COMP%]   .filter[_ngcontent-%COMP%]   mis-input[_ngcontent-%COMP%]{padding:.7rem 0}.horizontal-divider[_ngcontent-%COMP%]{display:block;width:100%;height:1px;margin:.5rem 0;background:#e0e0e0}.first[_ngcontent-%COMP%]{margin-top:0}.actions[_ngcontent-%COMP%]{display:flex;flex-direction:row;justify-content:end;align-items:center;gap:1rem;border-top:1px solid #E0E0E0;flex-basis:4%;padding:.5rem}.actions[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]{font-weight:700;border-radius:.5rem;width:6rem}.no-padding[_ngcontent-%COMP%]     .container{padding:0!important}.range-container[_ngcontent-%COMP%]{display:flex;justify-content:space-between;padding:.8rem 0}.range-container[_ngcontent-%COMP%]   .range-inner-container[_ngcontent-%COMP%]{display:flex;flex-direction:column}.range-container[_ngcontent-%COMP%]   .range-inner-container[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]{height:2.2rem;outline:none;border-radius:.375rem;border:1px solid #e0e0e0;width:8rem;padding:0 .5rem}.range-container[_ngcontent-%COMP%]   .range-inner-container[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]{margin-bottom:.2rem}input.ng-invalid.ng-touched[_ngcontent-%COMP%]{border:1px solid red;background-color:#ffe6e6}"], data: { animation: [slideFromRight] } }); }
+    setFilterValue(config) {
+        let anyValueSet = false;
+        for (const filter of config) {
+            if (filter?.selectedValue) {
+                this.filterForm.get(filter.key).setValue(filter.selectedValue);
+                anyValueSet = true;
+            }
+        }
+        if (anyValueSet && this.emitFiltersAfterSettingNewValues) {
+            this.applyFilters();
+        }
+    }
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FilterPanelComponent, [{
+FilterPanelComponent.ɵfac = function FilterPanelComponent_Factory(t) { return new (t || FilterPanelComponent)(i0.ɵɵdirectiveInject(HasValuePipe)); };
+FilterPanelComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FilterPanelComponent, selectors: [["mis-filter-panel"]], inputs: { show: "show", config: "config", emitFiltersAfterSettingNewValues: "emitFiltersAfterSettingNewValues" }, outputs: { onClose: "onClose", onApply: "onApply" }, features: [i0.ɵɵNgOnChangesFeature], decls: 1, vars: 1, consts: [["class", "filter-panel-container", 4, "ngIf"], [1, "filter-panel-container"], [1, "panel-header"], ["width", "25", "height", "25", "viewBox", "0 0 25 25", "fill", "none", "xmlns", "http://www.w3.org/2000/svg", 1, "close-icon", 3, "click"], ["id", "ic-navigation-cancel-24"], ["id", "Union", "fill-rule", "evenodd", "clip-rule", "evenodd", "d", "M8.60468 6.64355C8.09036 6.12923 7.25649 6.12923 6.74218 6.64355C6.22787 7.15786 6.22787 7.99173 6.74218 8.50604L10.4938 12.2576L6.7431 16.0083C6.22879 16.5226 6.22879 17.3564 6.7431 17.8708C7.25742 18.3851 8.09129 18.3851 8.6056 17.8708L12.3562 14.1201L16.1068 17.8707C16.6211 18.385 17.455 18.385 17.9693 17.8707C18.4836 17.3564 18.4836 16.5225 17.9693 16.0082L14.2187 12.2576L17.9702 8.50613C18.4845 7.99181 18.4845 7.15794 17.9702 6.64363C17.4559 6.12932 16.622 6.12932 16.1077 6.64363L12.3562 10.3951L8.60468 6.64355Z", "fill", "#181F33"], [1, "horizontal-divider", "first"], [1, "filters", 3, "formGroup"], [4, "ngFor", "ngForOf"], [1, "actions"], [3, "name", "size", "type", "click"], [3, "name", "size", "type", "disabled", "click"], ["class", "filter", 4, "ngIf"], [1, "filter"], [1, "filter-title"], [4, "ngIf"], ["class", "horizontal-divider", 4, "ngIf"], [1, "multiselect-filter"], ["width", "100%", "height", "44px", 1, "no-padding", 3, "label", "selectedItems", "data", "searchEnabled", "showSelectedCount", "enableSelectAll", "hideApplyButton", "onChange"], ["width", "100%", "height", "44px", 3, "data", "searchEnabled", "selectedItem", "onChange"], [1, "checkbox-row"], ["class", "checkbox-container", 4, "ngFor", "ngForOf"], [1, "checkbox-container"], [3, "type", "checked", "valueChange"], [1, "checkbox-label"], ["type", "rounded"], ["misTzDp", "", "misInput", "", "type", "text", "readonly", "", 1, "mis-input", 3, "dpConfig", "placeholder", "value", "selectedDate", "positionX", "offsetX", "dateChange"], ["misTzDrp", "", "misInput", "", "type", "text", "readonly", "", 1, "mis-input", 3, "placeholder", "value", "positionX", "positionY", "selectedDates", "dpConfig", "dateChange"], ["misInput", "", "type", "text", 1, "input", 3, "placeholder", "formControlName"], ["misInput", "", "type", "number", 1, "input", 3, "placeholder", "formControlName"], [1, "range-container", 3, "formGroup"], [1, "range-inner-container"], ["misInput", "", "type", "number", "formControlName", "min", 1, "input", 3, "placeholder"], ["misInput", "", "type", "number", "formControlName", "max", 1, "input", 3, "placeholder", "min"], [1, "horizontal-divider"]], template: function FilterPanelComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵtemplate(0, FilterPanelComponent_div_0_Template, 13, 10, "div", 0);
+    } if (rf & 2) {
+        i0.ɵɵproperty("ngIf", ctx.show);
+    } }, dependencies: [i2.NgForOf, i2.NgIf, i3.ButtonComponent, i4.DefaultValueAccessor, i4.NumberValueAccessor, i4.NgControlStatus, i4.NgControlStatusGroup, i4.MinValidator, i4.FormGroupDirective, i4.FormControlName, i5.MultiSelectDropdownComponent, i6.DropdownComponent, i7.MisInputComponent, i7.MisInputDirective, i8.TzDatepickerDirective, i9.TzDaterangepickerDirective, i10.CheckboxComponent], styles: [".filter-panel-container[_ngcontent-%COMP%]{display:flex;flex-direction:column;height:100%;max-width:100%;min-width:20rem;position:absolute;right:0;background:white;top:0;z-index:999;box-shadow:0 0 5px #000000a6;transition:all .3s ease}.filter-panel-container[_ngcontent-%COMP%]   .panel-header[_ngcontent-%COMP%]{display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-weight:700;margin:0 1rem;flex-basis:5%}.filter-panel-container[_ngcontent-%COMP%]   .panel-header[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]{font-size:1.25rem}.filter-panel-container[_ngcontent-%COMP%]   .panel-header[_ngcontent-%COMP%]   .close-icon[_ngcontent-%COMP%]{cursor:pointer;border-radius:50%;transform:scale(1.4);padding:.3rem;transition:all .3s ease}.filter-panel-container[_ngcontent-%COMP%]   .panel-header[_ngcontent-%COMP%]   .close-icon[_ngcontent-%COMP%]:hover{background:#F5F5F5}.filter-panel-container[_ngcontent-%COMP%]   .panel-header[_ngcontent-%COMP%]   .close-icon[_ngcontent-%COMP%]:active{background:#E0E0E0}.filter-panel-container[_ngcontent-%COMP%]   .mat-divider.horizontal[_ngcontent-%COMP%]{margin:1rem}.filters[_ngcontent-%COMP%]{display:flex;flex-direction:column;flex:1;row-gap:.5rem;overflow:auto;padding:0 1rem}.filters[_ngcontent-%COMP%]   .filter[_ngcontent-%COMP%]{display:flex;flex-direction:column}.filters[_ngcontent-%COMP%]   .filter[_ngcontent-%COMP%]   .filter-title[_ngcontent-%COMP%]{color:#6a737d;font-size:.875rem;font-weight:700;line-height:20px;letter-spacing:.25px}.filters[_ngcontent-%COMP%]   .filter[_ngcontent-%COMP%]   .checkbox-row[_ngcontent-%COMP%]{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:.8rem 0}.filters[_ngcontent-%COMP%]   .filter[_ngcontent-%COMP%]   .checkbox-row[_ngcontent-%COMP%]   .checkbox-container[_ngcontent-%COMP%]{display:flex;flex-direction:row;align-items:center;gap:.5rem}.filters[_ngcontent-%COMP%]   .filter[_ngcontent-%COMP%]   .checkbox-row[_ngcontent-%COMP%]   .checkbox-label[_ngcontent-%COMP%]{display:block;width:8rem}.filters[_ngcontent-%COMP%]   .filter[_ngcontent-%COMP%]   .checkbox-row[_ngcontent-%COMP%]     .mat-checkbox-inner-container{width:20px;height:20px}.filters[_ngcontent-%COMP%]   .filter[_ngcontent-%COMP%]   .checkbox-row[_ngcontent-%COMP%]     .mat-checkbox-frame{border-radius:5px}.filters[_ngcontent-%COMP%]   .filter[_ngcontent-%COMP%]   .multiselect-filter[_ngcontent-%COMP%], .filters[_ngcontent-%COMP%]   .filter[_ngcontent-%COMP%]   mis-input[_ngcontent-%COMP%]{padding:.7rem 0}.horizontal-divider[_ngcontent-%COMP%]{display:block;width:100%;height:1px;margin:.5rem 0;background:#E0E0E0}.first[_ngcontent-%COMP%]{margin-top:0}.actions[_ngcontent-%COMP%]{display:flex;flex-direction:row;justify-content:end;align-items:center;gap:1rem;border-top:1px solid #E0E0E0;flex-basis:4%;padding:.5rem}.actions[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]{font-weight:700;border-radius:.5rem;width:6rem}.no-padding[_ngcontent-%COMP%]     .container{padding:0!important}.range-container[_ngcontent-%COMP%]{display:flex;justify-content:space-between;padding:.8rem 0}.range-container[_ngcontent-%COMP%]   .range-inner-container[_ngcontent-%COMP%]{display:flex;flex-direction:column}.range-container[_ngcontent-%COMP%]   .range-inner-container[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]{height:2.2rem;outline:none;border-radius:.375rem;border:1px solid #e0e0e0;width:8rem;padding:0 .5rem}.range-container[_ngcontent-%COMP%]   .range-inner-container[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]{margin-bottom:.2rem}input.ng-invalid.ng-touched[_ngcontent-%COMP%]{border:1px solid red;background-color:#ffe6e6}"], data: { animation: [slideFromRight] } });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FilterPanelComponent, [{
         type: Component,
-        args: [{ selector: 'mis-filter-panel', animations: [slideFromRight], template: "<div class=\"filter-panel-container\" *ngIf=\"show\" @slideFromRight> \n    <div class=\"panel-header\">\n        <span>Filters</span>\n        <svg class=\"close-icon\" (click)=\"closePanel()\" width=\"25\" height=\"25\" viewBox=\"0 0 25 25\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <g id=\"ic-navigation-cancel-24\">\n            <path id=\"Union\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M8.60468 6.64355C8.09036 6.12923 7.25649 6.12923 6.74218 6.64355C6.22787 7.15786 6.22787 7.99173 6.74218 8.50604L10.4938 12.2576L6.7431 16.0083C6.22879 16.5226 6.22879 17.3564 6.7431 17.8708C7.25742 18.3851 8.09129 18.3851 8.6056 17.8708L12.3562 14.1201L16.1068 17.8707C16.6211 18.385 17.455 18.385 17.9693 17.8707C18.4836 17.3564 18.4836 16.5225 17.9693 16.0082L14.2187 12.2576L17.9702 8.50613C18.4845 7.99181 18.4845 7.15794 17.9702 6.64363C17.4559 6.12932 16.622 6.12932 16.1077 6.64363L12.3562 10.3951L8.60468 6.64355Z\" fill=\"#181F33\"/>\n            </g>\n        </svg>            \n    </div>\n    \n    <div class=\"horizontal-divider first\"></div>\n    \n    <div class=\"filters\" [formGroup]=\"filterForm\">\n        <ng-container *ngFor=\"let filter of config; let last = last\">\n            <div class=\"filter\" *ngIf=\"!filter.hidden\">\n                <span class=\"filter-title\">{{filter.title}}</span>\n\n                <ng-container *ngIf=\"filter.type === 'multiSelect'\">\n                    <div class=\"multiselect-filter\">\n                        <mis-multi-select-dropdown class=\"no-padding\" [label]=\"filter.placeholder || 'Select'\" [selectedItems]=\"filterForm.get(filter.key).value\" (onChange)=\"handleSelect($event, filter.key, filter)\" [data]=\"filter.options\" [searchEnabled]=\"true\"\n                            [showSelectedCount]=\"true\" [enableSelectAll]=\"true\"\n                            [hideApplyButton]=\"false\" width=\"100%\" height=\"44px\"></mis-multi-select-dropdown>\n                    </div>\n                </ng-container>\n\n                <ng-container *ngIf=\"filter.type === 'select'\">\n                    <div class=\"multiselect-filter\">\n                        <mis-dropdown [data]=\"filter.options\" [searchEnabled]=\"true\" width=\"100%\" height=\"44px\"\n                                (onChange)=\"handleSelect($event, filter.key, filter)\" [selectedItem]=\"filterForm.get(filter.key).value\">\n                        </mis-dropdown>\n                    </div>\n                </ng-container>\n        \n                <ng-container *ngIf=\"filter.type === 'checkbox'\">\n                    <div class=\"checkbox-row\">\n                        <div *ngFor=\"let option of filter.options\" class=\"checkbox-container\">\n                            <mis-checkbox [type]=\"'Default'\" [checked]=\"filterForm.get(filter.key).value?.includes(option.value)\" (valueChange)=\"handleCheckbox($event, filter.key, option.value, filter)\"></mis-checkbox>\n                            <span class=\"checkbox-label\">{{option.label}}</span>\n                        </div>\n                    </div>\n                </ng-container>\n\n                <ng-container *ngIf=\"filter.type === 'datePicker'\">\n                    {{filter.placeholder}}\n                    <mis-input type=\"rounded\">\n                        <input misTzDp misInput type=\"text\" readonly class=\"mis-input\" [dpConfig]=\"filter.datepickerConfig\" [placeholder]=\"filterForm.get(filter.key).value ? filterForm.get(filter.key).value : (filter.placeholder || 'Select')\" [value]=\"filterForm.get(filter.key).value ? filterForm.get(filter.key).value : (filter.placeholder || 'Select')\" (dateChange)=\"onDateChange($event, filter.key, filter)\" [selectedDate]=\"filterForm.get(filter.key).value\" [positionX]=\"'end'\" [offsetX]=\"-10\">\n                    </mis-input>\n                </ng-container>\n\n                <ng-container *ngIf=\"filter.type === 'dateRangePicker'\">\n                <mis-input type=\"rounded\">\n                    <input misTzDrp misInput type=\"text\" class=\"mis-input\" readonly\n                        [placeholder]=\"(!dateRangeSelectedDates.startDate && !dateRangeSelectedDates.endDate) ? (filter.placeholder || 'Select') : dateRangeSelectedDates.startDate + ' - ' + dateRangeSelectedDates.endDate\"\n                        [value]=\"(!dateRangeSelectedDates.startDate && !dateRangeSelectedDates.endDate) ? (filter.placeholder || 'Select') : dateRangeSelectedDates.startDate + ' - ' + dateRangeSelectedDates.endDate\" [positionX]=\"'start'\"\n                        [positionY]=\"'top'\" [selectedDates]=\"dateRangeSelectedDates\" (dateChange)=\"onDateChange($event, filter.key, filter)\"\n                        [dpConfig]=\"filter.dateRangePickerConfig\" />\n                        </mis-input>    \n                </ng-container>\n\n                <ng-container *ngIf=\"filter.type === 'text'\">\n                    <mis-input type=\"rounded\">\n                        <input misInput type=\"text\" class=\"input\" [placeholder]=\"filter.placeholder || 'Type here'\" [formControlName]=\"filter.key\">\n                    </mis-input>\n                </ng-container>\n\n                <ng-container *ngIf=\"filter.type === 'number'\">\n                    <mis-input type=\"rounded\">\n                        <input misInput type=\"number\" class=\"input\" [placeholder]=\"filter.placeholder || 'Type here'\" [formControlName]=\"filter.key\">\n                    </mis-input>\n                </ng-container>\n\n                <ng-container *ngIf=\"filter.type === 'range'\">\n                    <div class=\"range-container\" [formGroup]=\"filterForm.get(filter.key)\">\n                      <div class=\"range-inner-container\">\n                        <span>{{ filter?.options?.[0]?.label || 'Min' }}</span>\n                        <input \n                          misInput \n                          type=\"number\" \n                          class=\"input\" \n                          [placeholder]=\"filter.placeholder || 'Type here'\" \n                          formControlName=\"min\" \n                          />\n                      </div>\n                      <div class=\"range-inner-container\">\n                        <span>{{ filter?.options?.[1]?.label || 'Max' }}</span>\n                        <input \n                          misInput \n                          type=\"number\" \n                          class=\"input\" \n                          [placeholder]=\"filter.placeholder || 'Type here'\" \n                          formControlName=\"max\"\n                            [min]=\"filterForm.get?.(filter.key)?.get('min')?.value || 0\"\n                         />\n                      </div>\n                    </div>\n                  </ng-container>\n                  \n\n                <div class=\"horizontal-divider\" *ngIf=\"!last\"></div>\n            </div>  \n        </ng-container>\n    </div>\n\n    <div class=\"actions\">\n        <mis-button [name]=\"'Clear All'\" [size]=\"'Small'\" [type]=\"'Text'\" (click)=\"resetFilters()\"></mis-button>\n        <mis-button [name]=\"'Apply'\" [size]=\"'Small'\" [type]=\"'Solid'\" (click)=\"applyFilters()\" [disabled]=\"filterForm.invalid\"></mis-button>\n    </div>\n</div> \n", styles: [".filter-panel-container{display:flex;flex-direction:column;height:100%;max-width:100%;min-width:20rem;position:absolute;right:0;background:#fff;top:0;z-index:999;box-shadow:0 0 5px #000000a6;transition:all .3s ease}.filter-panel-container .panel-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-weight:700;margin:0 1rem;flex-basis:5%}.filter-panel-container .panel-header span{font-size:1.25rem}.filter-panel-container .panel-header .close-icon{cursor:pointer;border-radius:50%;transform:scale(1.4);padding:.3rem;transition:all .3s ease}.filter-panel-container .panel-header .close-icon:hover{background:#f5f5f5}.filter-panel-container .panel-header .close-icon:active{background:#e0e0e0}.filter-panel-container .mat-divider.horizontal{margin:1rem}.filters{display:flex;flex-direction:column;flex:1;row-gap:.5rem;overflow:auto;padding:0 1rem}.filters .filter{display:flex;flex-direction:column}.filters .filter .filter-title{color:#6a737d;font-size:.875rem;font-weight:700;line-height:20px;letter-spacing:.25px}.filters .filter .checkbox-row{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:.8rem 0}.filters .filter .checkbox-row .checkbox-container{display:flex;flex-direction:row;align-items:center;gap:.5rem}.filters .filter .checkbox-row .checkbox-label{display:block;width:8rem}.filters .filter .checkbox-row ::ng-deep .mat-checkbox-inner-container{width:20px;height:20px}.filters .filter .checkbox-row ::ng-deep .mat-checkbox-frame{border-radius:5px}.filters .filter .multiselect-filter,.filters .filter mis-input{padding:.7rem 0}.horizontal-divider{display:block;width:100%;height:1px;margin:.5rem 0;background:#e0e0e0}.first{margin-top:0}.actions{display:flex;flex-direction:row;justify-content:end;align-items:center;gap:1rem;border-top:1px solid #E0E0E0;flex-basis:4%;padding:.5rem}.actions button{font-weight:700;border-radius:.5rem;width:6rem}.no-padding ::ng-deep .container{padding:0!important}.range-container{display:flex;justify-content:space-between;padding:.8rem 0}.range-container .range-inner-container{display:flex;flex-direction:column}.range-container .range-inner-container input{height:2.2rem;outline:none;border-radius:.375rem;border:1px solid #e0e0e0;width:8rem;padding:0 .5rem}.range-container .range-inner-container span{margin-bottom:.2rem}input.ng-invalid.ng-touched{border:1px solid red;background-color:#ffe6e6}\n"] }]
-    }], () => [{ type: HasValuePipe }], { show: [{
+        args: [{ selector: 'mis-filter-panel', animations: [slideFromRight], template: "<div class=\"filter-panel-container\" *ngIf=\"show\" @slideFromRight> \n    <div class=\"panel-header\">\n        <span>Filters</span>\n        <svg class=\"close-icon\" (click)=\"closePanel()\" width=\"25\" height=\"25\" viewBox=\"0 0 25 25\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <g id=\"ic-navigation-cancel-24\">\n            <path id=\"Union\" fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M8.60468 6.64355C8.09036 6.12923 7.25649 6.12923 6.74218 6.64355C6.22787 7.15786 6.22787 7.99173 6.74218 8.50604L10.4938 12.2576L6.7431 16.0083C6.22879 16.5226 6.22879 17.3564 6.7431 17.8708C7.25742 18.3851 8.09129 18.3851 8.6056 17.8708L12.3562 14.1201L16.1068 17.8707C16.6211 18.385 17.455 18.385 17.9693 17.8707C18.4836 17.3564 18.4836 16.5225 17.9693 16.0082L14.2187 12.2576L17.9702 8.50613C18.4845 7.99181 18.4845 7.15794 17.9702 6.64363C17.4559 6.12932 16.622 6.12932 16.1077 6.64363L12.3562 10.3951L8.60468 6.64355Z\" fill=\"#181F33\"/>\n            </g>\n        </svg>            \n    </div>\n    \n    <div class=\"horizontal-divider first\"></div>\n    \n    <div class=\"filters\" [formGroup]=\"filterForm\">\n        <ng-container *ngFor=\"let filter of config; let last = last\">\n            <div class=\"filter\" *ngIf=\"!filter.hidden\">\n                <span class=\"filter-title\">{{filter.title}}</span>\n\n                <ng-container *ngIf=\"filter.type === 'multiSelect'\">\n                    <div class=\"multiselect-filter\">\n                        <mis-multi-select-dropdown class=\"no-padding\" [label]=\"filter.placeholder || 'Select'\" [selectedItems]=\"filterForm.get(filter.key).value\" (onChange)=\"handleSelect($event, filter.key, filter)\" [data]=\"filter.options\" [searchEnabled]=\"true\"\n                            [showSelectedCount]=\"true\" [enableSelectAll]=\"true\"\n                            [hideApplyButton]=\"false\" width=\"100%\" height=\"44px\"></mis-multi-select-dropdown>\n                    </div>\n                </ng-container>\n\n                <ng-container *ngIf=\"filter.type === 'select'\">\n                    <div class=\"multiselect-filter\">\n                        <mis-dropdown [data]=\"filter.options\" [searchEnabled]=\"true\" width=\"100%\" height=\"44px\"\n                                (onChange)=\"handleSelect($event, filter.key, filter)\" [selectedItem]=\"filterForm.get(filter.key).value\">\n                        </mis-dropdown>\n                    </div>\n                </ng-container>\n        \n                <ng-container *ngIf=\"filter.type === 'checkbox'\">\n                    <div class=\"checkbox-row\">\n                        <div *ngFor=\"let option of filter.options\" class=\"checkbox-container\">\n                            <mis-checkbox [type]=\"'Default'\" [checked]=\"filterForm.get(filter.key).value?.includes(option.value)\" (valueChange)=\"handleCheckbox($event, filter.key, option.value, filter)\"></mis-checkbox>\n                            <span class=\"checkbox-label\">{{option.label}}</span>\n                        </div>\n                    </div>\n                </ng-container>\n\n                <ng-container *ngIf=\"filter.type === 'datePicker'\">\n                    {{filter.placeholder}}\n                    <mis-input type=\"rounded\">\n                        <input misTzDp misInput type=\"text\" readonly class=\"mis-input\" [dpConfig]=\"filter.datepickerConfig\" [placeholder]=\"filterForm.get(filter.key).value ? filterForm.get(filter.key).value : (filter.placeholder || 'Select')\" [value]=\"filterForm.get(filter.key).value ? filterForm.get(filter.key).value : (filter.placeholder || 'Select')\" (dateChange)=\"onDateChange($event, filter.key, filter)\" [selectedDate]=\"filterForm.get(filter.key).value\" [positionX]=\"'end'\" [offsetX]=\"-10\">\n                    </mis-input>\n                </ng-container>\n\n                <ng-container *ngIf=\"filter.type === 'dateRangePicker'\">\n                <mis-input type=\"rounded\">\n                    <input misTzDrp misInput type=\"text\" class=\"mis-input\" readonly\n                        [placeholder]=\"(!dateRangeSelectedDates.startDate && !dateRangeSelectedDates.endDate) ? (filter.placeholder || 'Select') : dateRangeSelectedDates.startDate + ' - ' + dateRangeSelectedDates.endDate\"\n                        [value]=\"(!dateRangeSelectedDates.startDate && !dateRangeSelectedDates.endDate) ? (filter.placeholder || 'Select') : dateRangeSelectedDates.startDate + ' - ' + dateRangeSelectedDates.endDate\" [positionX]=\"'start'\"\n                        [positionY]=\"'top'\" [selectedDates]=\"dateRangeSelectedDates\" (dateChange)=\"onDateChange($event, filter.key, filter)\"\n                        [dpConfig]=\"filter.dateRangePickerConfig\" />\n                        </mis-input>    \n                </ng-container>\n\n                <ng-container *ngIf=\"filter.type === 'text'\">\n                    <mis-input type=\"rounded\">\n                        <input misInput type=\"text\" class=\"input\" [placeholder]=\"filter.placeholder || 'Type here'\" [formControlName]=\"filter.key\">\n                    </mis-input>\n                </ng-container>\n\n                <ng-container *ngIf=\"filter.type === 'number'\">\n                    <mis-input type=\"rounded\">\n                        <input misInput type=\"number\" class=\"input\" [placeholder]=\"filter.placeholder || 'Type here'\" [formControlName]=\"filter.key\">\n                    </mis-input>\n                </ng-container>\n\n                <ng-container *ngIf=\"filter.type === 'range'\">\n                    <div class=\"range-container\" [formGroup]=\"filterForm.get(filter.key)\">\n                      <div class=\"range-inner-container\">\n                        <span>{{ filter?.options?.[0]?.label || 'Min' }}</span>\n                        <input \n                          misInput \n                          type=\"number\" \n                          class=\"input\" \n                          [placeholder]=\"filter.placeholder || 'Type here'\" \n                          formControlName=\"min\" \n                          />\n                      </div>\n                      <div class=\"range-inner-container\">\n                        <span>{{ filter?.options?.[1]?.label || 'Max' }}</span>\n                        <input \n                          misInput \n                          type=\"number\" \n                          class=\"input\" \n                          [placeholder]=\"filter.placeholder || 'Type here'\" \n                          formControlName=\"max\"\n                            [min]=\"filterForm.get?.(filter.key)?.get('min')?.value || 0\"\n                         />\n                      </div>\n                    </div>\n                  </ng-container>\n                  \n\n                <div class=\"horizontal-divider\" *ngIf=\"!last\"></div>\n            </div>  \n        </ng-container>\n    </div>\n\n    <div class=\"actions\">\n        <mis-button [name]=\"'Clear All'\" [size]=\"'Small'\" [type]=\"'Text'\" (click)=\"resetFilters()\"></mis-button>\n        <mis-button [name]=\"'Apply'\" [size]=\"'Small'\" [type]=\"'Solid'\" (click)=\"applyFilters()\" [disabled]=\"filterForm.invalid\"></mis-button>\n    </div>\n</div> \n", styles: [".filter-panel-container{display:flex;flex-direction:column;height:100%;max-width:100%;min-width:20rem;position:absolute;right:0;background:white;top:0;z-index:999;box-shadow:0 0 5px #000000a6;transition:all .3s ease}.filter-panel-container .panel-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-weight:700;margin:0 1rem;flex-basis:5%}.filter-panel-container .panel-header span{font-size:1.25rem}.filter-panel-container .panel-header .close-icon{cursor:pointer;border-radius:50%;transform:scale(1.4);padding:.3rem;transition:all .3s ease}.filter-panel-container .panel-header .close-icon:hover{background:#F5F5F5}.filter-panel-container .panel-header .close-icon:active{background:#E0E0E0}.filter-panel-container .mat-divider.horizontal{margin:1rem}.filters{display:flex;flex-direction:column;flex:1;row-gap:.5rem;overflow:auto;padding:0 1rem}.filters .filter{display:flex;flex-direction:column}.filters .filter .filter-title{color:#6a737d;font-size:.875rem;font-weight:700;line-height:20px;letter-spacing:.25px}.filters .filter .checkbox-row{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:.8rem 0}.filters .filter .checkbox-row .checkbox-container{display:flex;flex-direction:row;align-items:center;gap:.5rem}.filters .filter .checkbox-row .checkbox-label{display:block;width:8rem}.filters .filter .checkbox-row ::ng-deep .mat-checkbox-inner-container{width:20px;height:20px}.filters .filter .checkbox-row ::ng-deep .mat-checkbox-frame{border-radius:5px}.filters .filter .multiselect-filter,.filters .filter mis-input{padding:.7rem 0}.horizontal-divider{display:block;width:100%;height:1px;margin:.5rem 0;background:#E0E0E0}.first{margin-top:0}.actions{display:flex;flex-direction:row;justify-content:end;align-items:center;gap:1rem;border-top:1px solid #E0E0E0;flex-basis:4%;padding:.5rem}.actions button{font-weight:700;border-radius:.5rem;width:6rem}.no-padding ::ng-deep .container{padding:0!important}.range-container{display:flex;justify-content:space-between;padding:.8rem 0}.range-container .range-inner-container{display:flex;flex-direction:column}.range-container .range-inner-container input{height:2.2rem;outline:none;border-radius:.375rem;border:1px solid #e0e0e0;width:8rem;padding:0 .5rem}.range-container .range-inner-container span{margin-bottom:.2rem}input.ng-invalid.ng-touched{border:1px solid red;background-color:#ffe6e6}\n"] }]
+    }], function () { return [{ type: HasValuePipe }]; }, { show: [{
             type: Input
         }], onClose: [{
             type: Output
@@ -440,27 +446,28 @@ class FilterPanelComponent {
             type: Output
         }], config: [{
             type: Input
+        }], emitFiltersAfterSettingNewValues: [{
+            type: Input
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(FilterPanelComponent, { className: "FilterPanelComponent" }); })();
 
 class FiltersModule {
-    static { this.ɵfac = function FiltersModule_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || FiltersModule)(); }; }
-    static { this.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: FiltersModule }); }
-    static { this.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ providers: [
-            HasValuePipe
-        ], imports: [CommonModule,
-            ButtonModule,
-            FormsModule,
-            ReactiveFormsModule,
-            MultiSelectDropdownModule,
-            DropdownModule,
-            RadioButtonModule,
-            MisInputModule,
-            DatepickerModuleV2,
-            DateRangepickerModuleV2,
-            CheckboxModule] }); }
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FiltersModule, [{
+FiltersModule.ɵfac = function FiltersModule_Factory(t) { return new (t || FiltersModule)(); };
+FiltersModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: FiltersModule });
+FiltersModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ providers: [
+        HasValuePipe
+    ], imports: [CommonModule,
+        ButtonModule,
+        FormsModule,
+        ReactiveFormsModule,
+        MultiSelectDropdownModule,
+        DropdownModule,
+        RadioButtonModule,
+        MisInputModule,
+        DatepickerModuleV2,
+        DateRangepickerModuleV2,
+        CheckboxModule] });
+(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FiltersModule, [{
         type: NgModule,
         args: [{
                 imports: [