@sd-angular/core 1.3.103 → 1.3.105

package/fesm2015/sd-angular-core-grid-material.js

@@ -8,7 +8,7 @@ import { v4 } from 'uuid';
 import { Subscription, BehaviorSubject, Subject, isObservable, combineLatest } from 'rxjs';
 import { SdNotifyService } from '@sd-angular/core/notify';
 import { moveItemInArray, DragDropModule } from '@angular/cdk/drag-drop';
-import { debounceTime, map, switchMap, startWith } from 'rxjs/operators';
+import { startWith, debounceTime, map, switchMap } from 'rxjs/operators';
 import { DeviceDetectorService } from 'ngx-device-detector';
 import { SdLoadingService } from '@sd-angular/core/loading';
 import { SdTranslateService } from '@sd-angular/core/translate';
@@ -237,7 +237,7 @@ class SdGridFilter {
             this.filterRegister.value.set({
                 columnFilter: this.columnFilter,
                 externalFilter: this.externalFilter,
-                filterDef: this.filterDef
+                filterDef: this.filterDef,
             });
         };
         this.open = () => {
@@ -256,18 +256,19 @@ class SdGridFilter {
         this.filterRegister = value;
         this.filterRegisterChange.next(this.filterRegister);
     }
-    ;
     ngAfterViewInit() {
-        __classPrivateFieldGet(this, _subscription$1).add(this.filterRegister.configuration.observer.subscribe(configuration => {
-            this.inlineColumn = configuration.inlineColumn;
-            this.inlineExternal = configuration.inlineExternal;
-            this.inlineFilterDef = configuration.inlineFilterDef;
+        __classPrivateFieldGet(this, _subscription$1).add(this.filterRegister.configuration.observer.subscribe((configuration) => {
+            const { inlineColumn, inlineExternal, inlineFilterDef } = configuration;
+            this.inlineColumn = inlineColumn;
+            this.inlineExternal = inlineExternal;
+            this.inlineFilterDef = inlineFilterDef;
             this.ref.markForCheck();
         }));
-        __classPrivateFieldGet(this, _subscription$1).add(this.filterRegister.value.observer.subscribe(value => {
-            this.columnFilter = value.columnFilter;
-            this.externalFilter = value.externalFilter;
-            this.filterDef = value.filterDef;
+        __classPrivateFieldGet(this, _subscription$1).add(this.filterRegister.value.observer.subscribe((value) => {
+            const { columnFilter, externalFilter, filterDef } = value;
+            this.columnFilter = columnFilter;
+            this.externalFilter = externalFilter;
+            this.filterDef = filterDef;
             this.ref.markForCheck();
         }));
     }
@@ -278,7 +279,7 @@ class SdGridFilter {
 _subscription$1 = new WeakMap();
 SdGridFilter.decorators = [
     { type: Component, args: [{
-                selector: 'sd-grid-filter',
+                selector: "sd-grid-filter",
                 template: "<ng-container *ngIf=\"!filter?.disabled\">\r\n  <ng-container *ngIf=\"filter?.enableCollapse;else noCollapse\">\r\n    <sd-group class=\"p-12\" [isExpanded]=\"false\" title=\"T\u00ECm ki\u1EBFm\" expandable>\r\n      <div sdGroupBody>\r\n        <ng-container *ngTemplateOutlet=\"noCollapse\"></ng-container>\r\n      </div>\r\n    </sd-group>\r\n  </ng-container>\r\n  <ng-template #noCollapse>\r\n    <div\r\n      *ngIf=\"!isMobileOrTablet && ((columns?.length && !filter?.inlineColumn) || externalFilters?.length || filterDefs?.length)\"\r\n      class=\"row mx-0\">\r\n      <ng-container *ngIf=\"filter?.sorts?.length\">\r\n        <ng-container *ngFor=\"let field of filter?.sorts\">\r\n          <ng-container *ngIf=\"columns?.length && !filter?.inlineColumn\">\r\n            <ng-container *ngFor=\"let item of columns | sdFilterColumn:field\">\r\n              <ng-container *ngTemplateOutlet=\"filterColumn; context: {item: item}\"></ng-container>\r\n            </ng-container>\r\n          </ng-container>\r\n          <ng-container *ngIf=\"externalFilters?.length\">\r\n            <ng-container *ngFor=\"let item of externalFilters | sdFilterExternal:field\">\r\n              <ng-container *ngTemplateOutlet=\"filterExternal; context: {item: item}\"></ng-container>\r\n            </ng-container>\r\n          </ng-container>\r\n          <ng-container *ngFor=\"let item of filterDefs\">\r\n            <div *ngIf=\"inlineFilterDef[item.sdMaterialFilterDef] && item.sdMaterialFilterDef === field\"\r\n              class=\"col-lg-2 col-md-3 col-sm-6 px-8\">\r\n              <ng-container *ngTemplateOutlet=\"item.templateRef;context:{filterDef:filterDef, isInline: true}\">\r\n              </ng-container>\r\n            </div>\r\n          </ng-container>\r\n        </ng-container>\r\n      </ng-container>\r\n      <ng-container *ngIf=\"!filter?.sorts?.length\">\r\n        <ng-container *ngIf=\"columns?.length && !filter?.inlineColumn\">\r\n          <ng-container *ngFor=\"let item of columns | sdFilterColumn\">\r\n            <ng-container *ngTemplateOutlet=\"filterColumn; context: {item: item}\"></ng-container>\r\n          </ng-container>\r\n        </ng-container>\r\n        <ng-container *ngIf=\"externalFilters?.length\">\r\n          <ng-container *ngFor=\"let item of externalFilters | sdFilterExternal\">\r\n            <ng-container *ngTemplateOutlet=\"filterExternal; context: {item: item}\"></ng-container>\r\n          </ng-container>\r\n        </ng-container>\r\n        <ng-container *ngFor=\"let item of filterDefs\">\r\n          <div *ngIf=\"inlineFilterDef[item.sdMaterialFilterDef]\" class=\"col-lg-2 col-md-3 col-sm-6 px-8\">\r\n            <ng-container *ngTemplateOutlet=\"item.templateRef;context:{filterDef:filterDef, isInline: true}\">\r\n            </ng-container>\r\n          </div>\r\n        </ng-container>\r\n      </ng-container>\r\n    </div>\r\n    <ng-template #filterColumn let-item=\"item\">\r\n      <div *ngIf=\"inlineColumn[item.field]\" class=\"col-lg-2 col-md-3 col-sm-6 px-8\">\r\n        <sd-input [label]=\"item.title\" *ngIf=\"item.type === 'string'\" type=\"text\" [(model)]=\"columnFilter[item.field]\"\r\n          (keyupEnter)=\"onFilter(item)\" appearance=\"outline\">\r\n        </sd-input>\r\n        <sd-input-number [label]=\"item.title\" *ngIf=\"item.type === 'number'\" [(model)]=\"columnFilter[item.field]\"\r\n          (keyupEnter)=\"onFilter(item)\" appearance=\"outline\">\r\n        </sd-input-number>\r\n        <sd-select [label]=\"item.title\" *ngIf=\"item.type === 'bool'\" [items]=\"[{value:'1',display:item.option?.displayOnTrue || 'True' },\r\n        {value:'0',display:item.option?.displayOnFalse || 'False' }]\" valueField=\"value\" displayField=\"display\"\r\n          [(model)]=\"columnFilter[item.field]\" (sdChange)=\"onFilter(item)\" appearance=\"outline\">\r\n        </sd-select>\r\n        <sd-select *ngIf=\"item.type === 'values' && item?.option?.selection !== 'AUTOCOMPLETE'\"\r\n          [items]=\"item.option?.items\" [valueField]=\"item.option?.valueField\" [displayField]=\"item.option.displayField\"\r\n          [(model)]=\"columnFilter[item.field]\" (sdChange)=\"onFilter(item)\" [disabled]=\"item.filter?.disabled\"\r\n          [multiple]=\"item?.option?.selection === 'MULTIPLE' || item?.item?.selection === 'MULTIPLEAUTOCOMPLETE'\"\r\n          [filtered]=\"item?.option?.selection === 'MULTIPLEAUTOCOMPLETE'\" appearance=\"outline\">\r\n        </sd-select>\r\n        <sd-autocomplete *ngIf=\"item.type === 'values' && item?.option?.selection === 'AUTOCOMPLETE'\"\r\n          [items]=\"item.option?.items\" [valueField]=\"item.option?.valueField\" [displayField]=\"item.option?.displayField\"\r\n          [(model)]=\"columnFilter[item.field]\" (sdChange)=\"onFilter(item)\" [disabled]=\"item.filter?.disabled\"\r\n          appearance=\"outline\">\r\n        </sd-autocomplete>\r\n        <sd-date-time *ngIf=\"item.type === 'date' || item.type === 'datetime' || item.type === 'time'\"\r\n          [label]=\"item.title\" [(model)]=\"columnFilter[item.field]\" [type]=\"item.type\" (sdChange)=\"onFilter(item)\"\r\n          appearance=\"outline\">\r\n        </sd-date-time>\r\n      </div>\r\n    </ng-template>\r\n    <ng-template #filterExternal let-item=\"item\">\r\n      <div *ngIf=\"inlineExternal[item.field]\" class=\"col-lg-2 col-md-3 col-sm-6 px-8\">\r\n        <sd-input [label]=\"item.title\" *ngIf=\"item.type === 'string'\" type=\"text\" [(model)]=\"externalFilter[item.field]\"\r\n          (keyupEnter)=\"onFilter(item)\" appearance=\"outline\">\r\n        </sd-input>\r\n        <sd-input-number [label]=\"item.title\" *ngIf=\"item.type === 'number'\" [(model)]=\"externalFilter[item.field]\"\r\n          (keyupEnter)=\"onFilter(item)\" appearance=\"outline\">\r\n        </sd-input-number>\r\n        <sd-select [label]=\"item.title\" *ngIf=\"item.type === 'bool'\" [items]=\"[{value:'1',display:item.option?.displayOnTrue || 'True' },\r\n        {value:'0',display:item.option?.displayOnFalse || 'False' }]\" valueField=\"value\" displayField=\"display\"\r\n          [(model)]=\"externalFilter[item.field]\" (sdChange)=\"onFilter(item)\" appearance=\"outline\">\r\n        </sd-select>\r\n        <ng-container *ngIf=\"item.type === 'values' && item.option\">\r\n          <sd-select *ngIf=\"item.option?.selection === 'MULTIPLE'\" [label]=\"item.title\" [items]=\"item.option.items\"\r\n            [valueField]=\"item.option.valueField\" [displayField]=\"item.option.displayField\"\r\n            [(model)]=\"externalFilter[item.field]\" (sdChange)=\"onFilter(item)\" [selectAll]=\"item.option.selectAll\"\r\n            appearance=\"outline\" multiple>\r\n          </sd-select>\r\n          <sd-autocomplete *ngIf=\"item.option?.selection === 'AUTOCOMPLETE'\" [label]=\"item.title\"\r\n            [items]=\"item.option.items\" [valueField]=\"item.option.valueField\" [displayField]=\"item.option.displayField\"\r\n            [(model)]=\"externalFilter[item.field]\" (sdChange)=\"onFilter(item)\" appearance=\"outline\">\r\n          </sd-autocomplete>\r\n          <sd-select *ngIf=\"item.option?.selection === 'MULTIPLEAUTOCOMPLETE'\" [label]=\"item.title\"\r\n            [items]=\"item.option.items\" [valueField]=\"item.option.valueField\" [displayField]=\"item.option.displayField\"\r\n            [(model)]=\"externalFilter[item.field]\" (sdChange)=\"onFilter(item)\" filtered=\"true\" appearance=\"outline\"\r\n            multiple>\r\n          </sd-select>\r\n          <sd-select *ngIf=\"!item.option?.selection\" [label]=\"item.title\" [items]=\"item.option.items\"\r\n            [valueField]=\"item.option.valueField\" [displayField]=\"item.option.displayField\"\r\n            [(model)]=\"externalFilter[item.field]\" (sdChange)=\"onFilter(item)\" appearance=\"outline\">\r\n          </sd-select>\r\n        </ng-container>\r\n        <sd-date-time [label]=\"item.title\" *ngIf=\"item.type ==='date' || item.type ==='datetime'\"\r\n          [(model)]=\"externalFilter[item.field]\" [type]=\"item.type\" (sdChange)=\"onFilter(item)\" appearance=\"outline\">\r\n        </sd-date-time>\r\n        <sd-date-range [label]=\"item.title\" *ngIf=\"item.type ==='daterange' && externalFilter[item.field]\"\r\n          [(from)]=\"externalFilter[item.field].from\" [(to)]=\"externalFilter[item.field].to\" [min]=\"item.minDate\"\r\n          [max]=\"item.maxDate\" (sdChange)=\"onFilter(item)\" appearance=\"outline\">\r\n        </sd-date-range>\r\n      </div>\r\n    </ng-template>\r\n    <sd-popup-filter [filterRegister]=\"filterRegister\" [columns]=\"columns\"\r\n      [externalFilters]=\"externalFilters\" [filterDefs]=\"filterDefs\">\r\n    </sd-popup-filter>\r\n  </ng-template>\r\n</ng-container>",
                 changeDetection: ChangeDetectionStrategy.OnPush,
                 styles: [":host{display:block;padding-bottom:10px;padding-left:0;padding-right:0}:host ::ng-deep .mat-form-field-wrapper{padding-bottom:0}"]
@@ -290,11 +291,11 @@ SdGridFilter.ctorParameters = () => [
 ];
 SdGridFilter.propDecorators = {
     popupFilter: [{ type: ViewChild, args: [SdPopupFilter,] }],
-    _filter: [{ type: Input, args: ['filter',] }],
+    _filter: [{ type: Input, args: ["filter",] }],
     columns: [{ type: Input }],
-    _externalFilters: [{ type: Input, args: ['externalFilters',] }],
+    _externalFilters: [{ type: Input, args: ["externalFilters",] }],
     filterDefs: [{ type: Input }],
-    _filterRegister: [{ type: Input, args: ['filterRegister',] }]
+    _filterRegister: [{ type: Input, args: ["filterRegister",] }]
 };
 
 var _getExportableColumns, _getExportableGroups, _getExportColumns, _initTemplate;
@@ -1128,12 +1129,12 @@ SdEditorHandlerColumnPipe.ctorParameters = () => [
     { type: NgZone }
 ];
 
-var _filterConfiguration, _filterValue, _cache$2, _loadDefaultConfiguration, _loadDefaultValue;
+var _filterConfiguration, _filterValue, _cache$2, _defaultConfiguration, _defaultValue, _initConfiguration, _initValue;
 class SdGridFilterService {
     constructor(settingService) {
         this.settingService = settingService;
-        _filterConfiguration.set(this, 'GRID-FILTER-CONFIGURATION');
-        _filterValue.set(this, 'GRID-FILTER-VALUE');
+        _filterConfiguration.set(this, "GRID-FILTER-CONFIGURATION");
+        _filterValue.set(this, "GRID-FILTER-VALUE");
         _cache$2.set(this, {});
         this.register = (key, args) => {
             let cacheSession = false;
@@ -1141,69 +1142,57 @@ class SdGridFilterService {
                 const { columns, externalFilters } = args;
                 key = hash({
                     columns,
-                    externalFilters
+                    externalFilters,
                 });
                 cacheSession = true; // Nếu không có key thì chỉ lưu theo session
             }
             if (!__classPrivateFieldGet(this, _cache$2)[key]) {
+                // Setting của filter configuration
                 const filterConfiguration = this.settingService.create({
                     prefix: __classPrivateFieldGet(this, _filterConfiguration),
-                    key
+                    key,
                 }, {
-                    default: __classPrivateFieldGet(this, _loadDefaultConfiguration).call(this, args),
-                    type: cacheSession ? 'session' : undefined
+                    default: __classPrivateFieldGet(this, _defaultConfiguration).call(this, args),
+                    type: cacheSession ? "session" : undefined,
                 });
+                // Lấy giá trị configuration merge với giá trị defaultShowing của args nếu như args có thay đổi
+                filterConfiguration.set(__classPrivateFieldGet(this, _initConfiguration).call(this, args, filterConfiguration.get()));
+                // Setting của filter value
                 const filterValue = this.settingService.create({
                     prefix: __classPrivateFieldGet(this, _filterValue),
-                    key
+                    key,
                 }, {
-                    default: __classPrivateFieldGet(this, _loadDefaultValue).call(this, args),
-                    type: cacheSession ? 'session' : undefined
+                    default: __classPrivateFieldGet(this, _defaultValue).call(this, args),
+                    type: cacheSession ? "session" : undefined,
                 });
+                // Lấy giá trị value merge với giá trị default của args nếu như args có thay đổi
+                filterValue.set(__classPrivateFieldGet(this, _initValue).call(this, args, filterValue.get()));
                 __classPrivateFieldGet(this, _cache$2)[key] = {
                     configuration: {
                         get: () => {
-                            const configuration = filterConfiguration.get();
-                            return {
-                                // Filter column
-                                inlineColumn: (configuration === null || configuration === void 0 ? void 0 : configuration.inlineColumn) || {},
-                                // Filter external
-                                inlineExternal: (configuration === null || configuration === void 0 ? void 0 : configuration.inlineExternal) || {},
-                                // Filter def
-                                inlineFilterDef: (configuration === null || configuration === void 0 ? void 0 : configuration.inlineFilterDef) || {},
-                            };
+                            return filterConfiguration.get();
                         },
                         set: (configuration) => {
-                            const keys = Object.keys(configuration || {});
-                            const current = filterConfiguration.get();
-                            const { inlineColumn, inlineExternal, inlineFilterDef } = current;
-                            const updatedConfiguration = {
-                                // Filter column
-                                inlineColumn: keys.includes('inlineColumn') ? ((configuration === null || configuration === void 0 ? void 0 : configuration.inlineColumn) || {}) : inlineColumn,
-                                // Filter external
-                                inlineExternal: keys.includes('inlineExternal') ? ((configuration === null || configuration === void 0 ? void 0 : configuration.inlineExternal) || {}) : inlineExternal,
-                                // Filter def
-                                inlineFilterDef: keys.includes('inlineFilterDef') ? ((configuration === null || configuration === void 0 ? void 0 : configuration.inlineFilterDef) || {}) : inlineFilterDef,
+                            const { inlineColumn, inlineExternal, inlineFilterDef } = configuration;
+                            filterConfiguration.set({
+                                inlineColumn,
+                                inlineExternal,
+                                inlineFilterDef,
+                            });
+                            return {
+                                inlineColumn,
+                                inlineExternal,
+                                inlineFilterDef,
                             };
-                            filterConfiguration.set(updatedConfiguration);
-                            return updatedConfiguration;
                         },
                         remove: () => {
                             filterConfiguration.remove();
                         },
-                        observer: filterConfiguration.observer
+                        observer: filterConfiguration.observer.pipe(startWith(filterConfiguration.get())),
                     },
                     value: {
                         get: () => {
-                            const configuration = filterValue.get();
-                            return {
-                                // Filter column
-                                columnFilter: (configuration === null || configuration === void 0 ? void 0 : configuration.columnFilter) || {},
-                                // Filter external
-                                externalFilter: (configuration === null || configuration === void 0 ? void 0 : configuration.externalFilter) || {},
-                                // Filter def
-                                filterDef: (configuration === null || configuration === void 0 ? void 0 : configuration.filterDef) || {}
-                            };
+                            return filterValue.get();
                         },
                         set: (configuration) => {
                             const keys = Object.keys(configuration || {});
@@ -1211,11 +1200,17 @@ class SdGridFilterService {
                             const { columnFilter, externalFilter, filterDef } = current;
                             const updatedConfiguration = {
                                 // Filter column
-                                columnFilter: keys.includes('columnFilter') ? ((configuration === null || configuration === void 0 ? void 0 : configuration.columnFilter) || {}) : columnFilter,
+                                columnFilter: keys.includes("columnFilter")
+                                    ? (configuration === null || configuration === void 0 ? void 0 : configuration.columnFilter) || {}
+                                    : columnFilter,
                                 // Filter external
-                                externalFilter: keys.includes('externalFilter') ? ((configuration === null || configuration === void 0 ? void 0 : configuration.externalFilter) || {}) : externalFilter,
+                                externalFilter: keys.includes("externalFilter")
+                                    ? (configuration === null || configuration === void 0 ? void 0 : configuration.externalFilter) || {}
+                                    : externalFilter,
                                 // Filter def
-                                filterDef: keys.includes('filterDef') ? ((configuration === null || configuration === void 0 ? void 0 : configuration.filterDef) || {}) : filterDef,
+                                filterDef: keys.includes("filterDef")
+                                    ? (configuration === null || configuration === void 0 ? void 0 : configuration.filterDef) || {}
+                                    : filterDef,
                             };
                             filterValue.set(updatedConfiguration);
                             return updatedConfiguration;
@@ -1223,68 +1218,131 @@ class SdGridFilterService {
                         remove: () => {
                             filterValue.remove();
                         },
-                        observer: filterValue.observer
-                    }
+                        observer: filterValue.observer.pipe(startWith(filterValue.get())),
+                    },
                 };
             }
             return __classPrivateFieldGet(this, _cache$2)[key];
         };
-        _loadDefaultConfiguration.set(this, (args) => {
-            var _a, _b, _c, _d;
+        _defaultConfiguration.set(this, (args) => {
+            var _a;
             const { columns, externalFilters, filterDefs } = args;
             const inlineColumn = {};
             const inlineExternal = {};
             const inlineFilterDef = {};
             // Filter column
-            for (const item of (columns || [])) {
-                inlineColumn[item.field] = (_a = inlineColumn[item.field]) !== null && _a !== void 0 ? _a : (_b = item === null || item === void 0 ? void 0 : item.filter) === null || _b === void 0 ? void 0 : _b.defaultShowing;
+            for (const item of columns || []) {
+                inlineColumn[item.field] = (_a = item === null || item === void 0 ? void 0 : item.filter) === null || _a === void 0 ? void 0 : _a.defaultShowing;
             }
             // Filter external
-            for (const item of (externalFilters || [])) {
-                inlineExternal[item.field] = (_c = inlineExternal[item.field]) !== null && _c !== void 0 ? _c : item === null || item === void 0 ? void 0 : item.defaultShowing;
+            for (const item of externalFilters || []) {
+                inlineExternal[item.field] = item === null || item === void 0 ? void 0 : item.defaultShowing;
             }
             // Filter def
-            for (const item of (filterDefs || [])) {
-                inlineFilterDef[item.sdMaterialFilterDef] = (_d = inlineFilterDef[item.sdMaterialFilterDef]) !== null && _d !== void 0 ? _d : item === null || item === void 0 ? void 0 : item.defaultShowing;
+            for (const item of filterDefs || []) {
+                inlineFilterDef[item.sdMaterialFilterDef] = item === null || item === void 0 ? void 0 : item.defaultShowing;
             }
             return {
+                // Filter column
                 inlineColumn,
+                // Filter external
                 inlineExternal,
+                // Filter def
                 inlineFilterDef,
             };
         });
-        _loadDefaultValue.set(this, (args) => {
-            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+        _defaultValue.set(this, (args) => {
+            var _a;
+            const columnFilter = {};
+            const externalFilter = {};
+            const filterDef = {};
             const { columns, externalFilters, filterDefs } = args;
+            // Filter column
+            for (const item of columns || []) {
+                columnFilter[item.field] = (_a = item === null || item === void 0 ? void 0 : item.filter) === null || _a === void 0 ? void 0 : _a.default;
+            }
+            // Filter external
+            for (const item of externalFilters || []) {
+                externalFilter[item.field] = item === null || item === void 0 ? void 0 : item.default;
+            }
+            // Filter def
+            for (const item of filterDefs || []) {
+                filterDef[item.sdMaterialFilterDef] = undefined;
+            }
+            return {
+                // Filter column
+                columnFilter,
+                // Filter external
+                externalFilter,
+                // Filter def
+                filterDef,
+            };
+        });
+        _initConfiguration.set(this, (args, configuration) => {
+            var _a, _b, _c, _d, _e, _f, _g;
+            const { columns, externalFilters, filterDefs } = args;
+            const inlineColumn = {};
+            const inlineExternal = {};
+            const inlineFilterDef = {};
+            // Filter column
+            for (const item of columns || []) {
+                inlineColumn[item.field] = (_b = (_a = configuration === null || configuration === void 0 ? void 0 : configuration.inlineColumn) === null || _a === void 0 ? void 0 : _a[item.field]) !== null && _b !== void 0 ? _b : (_c = item === null || item === void 0 ? void 0 : item.filter) === null || _c === void 0 ? void 0 : _c.defaultShowing;
+            }
+            // Filter external
+            for (const item of externalFilters || []) {
+                inlineExternal[item.field] = (_e = (_d = configuration === null || configuration === void 0 ? void 0 : configuration.inlineExternal) === null || _d === void 0 ? void 0 : _d[item.field]) !== null && _e !== void 0 ? _e : item === null || item === void 0 ? void 0 : item.defaultShowing;
+            }
+            // Filter def
+            for (const item of filterDefs || []) {
+                inlineFilterDef[item.sdMaterialFilterDef] = (_g = (_f = configuration === null || configuration === void 0 ? void 0 : configuration.inlineFilterDef) === null || _f === void 0 ? void 0 : _f[item.sdMaterialFilterDef]) !== null && _g !== void 0 ? _g : item === null || item === void 0 ? void 0 : item.defaultShowing;
+            }
+            return {
+                // Filter column
+                inlineColumn,
+                // Filter external
+                inlineExternal,
+                // Filter def
+                inlineFilterDef,
+            };
+        });
+        _initValue.set(this, (args, value) => {
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
             const columnFilter = {};
             const externalFilter = {};
             const filterDef = {};
+            const { columns, externalFilters, filterDefs } = args;
             // Filter column
-            for (const item of (columns || [])) {
-                columnFilter[item.field] = (_a = columnFilter[item.field]) !== null && _a !== void 0 ? _a : (_b = item === null || item === void 0 ? void 0 : item.filter) === null || _b === void 0 ? void 0 : _b.default;
+            for (const item of columns || []) {
+                columnFilter[item.field] = (_b = (_a = value === null || value === void 0 ? void 0 : value.columnFilter) === null || _a === void 0 ? void 0 : _a[item.field]) !== null && _b !== void 0 ? _b : (_c = item === null || item === void 0 ? void 0 : item.filter) === null || _c === void 0 ? void 0 : _c.default;
             }
             // Filter external
-            for (const item of (externalFilters || [])) {
-                if (item.type === 'daterange') {
+            for (const item of externalFilters || []) {
+                if (item.type === "daterange") {
                     externalFilter[item.field] = {
-                        from: (_f = (_d = (_c = externalFilter[item.field]) === null || _c === void 0 ? void 0 : _c.from) !== null && _d !== void 0 ? _d : (_e = item.default) === null || _e === void 0 ? void 0 : _e.from) !== null && _f !== void 0 ? _f : undefined,
-                        to: (_k = (_h = (_g = externalFilter[item.field]) === null || _g === void 0 ? void 0 : _g.to) !== null && _h !== void 0 ? _h : (_j = item.default) === null || _j === void 0 ? void 0 : _j.to) !== null && _k !== void 0 ? _k : undefined
+                        from: (_f = (_e = (_d = value === null || value === void 0 ? void 0 : value.externalFilter) === null || _d === void 0 ? void 0 : _d[item.field]) === null || _e === void 0 ? void 0 : _e.from) !== null && _f !== void 0 ? _f : (_g = item.default) === null || _g === void 0 ? void 0 : _g.from,
+                        to: (_k = (_j = (_h = value === null || value === void 0 ? void 0 : value.externalFilter) === null || _h === void 0 ? void 0 : _h[item.field]) === null || _j === void 0 ? void 0 : _j.to) !== null && _k !== void 0 ? _k : (_l = item.default) === null || _l === void 0 ? void 0 : _l.to,
                     };
                 }
                 else {
-                    externalFilter[item.field] = (_l = externalFilter[item.field]) !== null && _l !== void 0 ? _l : item.default;
+                    externalFilter[item.field] = (_o = (_m = value === null || value === void 0 ? void 0 : value.externalFilter) === null || _m === void 0 ? void 0 : _m[item.field]) !== null && _o !== void 0 ? _o : item === null || item === void 0 ? void 0 : item.default;
                 }
             }
             // Filter def
+            for (const item of filterDefs || []) {
+                filterDef[item.sdMaterialFilterDef] = (_q = (_p = value === null || value === void 0 ? void 0 : value.filterDef) === null || _p === void 0 ? void 0 : _p[item.sdMaterialFilterDef]) !== null && _q !== void 0 ? _q : undefined;
+            }
             return {
+                // Filter column
                 columnFilter,
+                // Filter external
                 externalFilter,
+                // Filter def
                 filterDef,
             };
         });
     }
 }
-_filterConfiguration = new WeakMap(), _filterValue = new WeakMap(), _cache$2 = new WeakMap(), _loadDefaultConfiguration = new WeakMap(), _loadDefaultValue = new WeakMap();
+_filterConfiguration = new WeakMap(), _filterValue = new WeakMap(), _cache$2 = new WeakMap(), _defaultConfiguration = new WeakMap(), _defaultValue = new WeakMap(), _initConfiguration = new WeakMap(), _initValue = new WeakMap();
 SdGridFilterService.decorators = [
     { type: Injectable }
 ];
@@ -1292,7 +1350,7 @@ SdGridFilterService.ctorParameters = () => [
     { type: SdSettingService }
 ];
 
-var _optionChanges, _localItems, _paginator, _sort, _subscription$2, _reload, _loadCompleted, _initCellDef, _initFilterDef, _initFooterDef, _filterExportInfo, _initConfiguration, _loadFilterRegister, _filterLocal, _getFilter, _load$1, _render, _exportedItems, _allColumns, _allExportedColumns, _onExport, _updateSelectedItems;
+var _optionChanges, _localItems, _paginator, _sort, _subscription$2, _reload, _loadCompleted, _initCellDef, _initFilterDef, _initFooterDef, _filterExportInfo, _initConfiguration$1, _loadFilterRegister, _filterLocal, _getFilter, _load$1, _render, _exportedItems, _allColumns, _allExportedColumns, _onExport, _updateSelectedItems;
 class SdGridMaterial {
     constructor(ref, configuration, gridConfigurationService, exportService, notifyService, columnValuesPipe, gridFilterService, editorHandlerColumnPipe) {
         this.ref = ref;
@@ -1347,9 +1405,6 @@ class SdGridMaterial {
             for (const filterDef of this.sdFilterDefs) {
                 this.filterDefs.push(filterDef);
             }
-            // if (this.filterDefs?.length) {
-            //   this.#loadFilterRegister();
-            // }
         });
         _initFooterDef.set(this, () => {
             this.footerDef = {};
@@ -1372,17 +1427,17 @@ class SdGridMaterial {
                 orderDirection: ((_b = __classPrivateFieldGet(this, _sort)) === null || _b === void 0 ? void 0 : _b.direction) || '',
                 pageNumber,
                 pageSize,
-                isExported: true
+                isExported: true,
             };
         });
-        _initConfiguration.set(this, (option) => {
+        _initConfiguration$1.set(this, (option) => {
             var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
             // Init pagination
             option.paginate = {
                 hidden: (_a = option === null || option === void 0 ? void 0 : option.paginate) === null || _a === void 0 ? void 0 : _a.hidden,
                 pageSize: (_f = (_c = (_b = option === null || option === void 0 ? void 0 : option.paginate) === null || _b === void 0 ? void 0 : _b.pageSize) !== null && _c !== void 0 ? _c : (_e = (_d = this.configuration) === null || _d === void 0 ? void 0 : _d.paginate) === null || _e === void 0 ? void 0 : _e.pageSize) !== null && _f !== void 0 ? _f : (_g = DEFAULT_GRID_MATERIAL_CONFIG.paginate) === null || _g === void 0 ? void 0 : _g.pageSize,
                 pages: (_m = (_j = (_h = option === null || option === void 0 ? void 0 : option.paginate) === null || _h === void 0 ? void 0 : _h.pages) !== null && _j !== void 0 ? _j : (_l = (_k = this.configuration) === null || _k === void 0 ? void 0 : _k.paginate) === null || _l === void 0 ? void 0 : _l.pages) !== null && _m !== void 0 ? _m : (_o = DEFAULT_GRID_MATERIAL_CONFIG.paginate) === null || _o === void 0 ? void 0 : _o.pages,
-                showFirstLastButtons: (_q = (_p = option === null || option === void 0 ? void 0 : option.paginate) === null || _p === void 0 ? void 0 : _p.showFirstLastButtons) !== null && _q !== void 0 ? _q : false
+                showFirstLastButtons: (_q = (_p = option === null || option === void 0 ? void 0 : option.paginate) === null || _p === void 0 ? void 0 : _p.showFirstLastButtons) !== null && _q !== void 0 ? _q : false,
             };
             return option;
         });
@@ -1394,16 +1449,24 @@ class SdGridMaterial {
                 this.filterRegister = this.gridFilterService.register((_b = (_a = this.gridOption) === null || _a === void 0 ? void 0 : _a.filter) === null || _b === void 0 ? void 0 : _b.key, {
                     columns: (_c = this.gridOption) === null || _c === void 0 ? void 0 : _c.columns,
                     externalFilters: (_e = (_d = this.gridOption) === null || _d === void 0 ? void 0 : _d.filter) === null || _e === void 0 ? void 0 : _e.externalFilters,
-                    filterDefs: this.filterDefs
+                    filterDefs: this.filterDefs,
                 });
                 if (!hasRegister) {
-                    __classPrivateFieldGet(this, _subscription$2).add(this.filterRegister.value.observer.pipe(debounceTime(500), map((filterValue) => {
-                        this.columnFilter = filterValue.columnFilter;
+                    __classPrivateFieldGet(this, _subscription$2).add(this.filterRegister.value.observer
+                        .pipe(debounceTime(500), map(filterValue => {
+                        const { columnFilter } = filterValue;
+                        this.columnFilter = columnFilter;
                         __classPrivateFieldGet(this, _paginator).pageIndex = 0;
                         __classPrivateFieldGet(this, _reload).next({
                             force: false,
                         });
-                    })).subscribe());
+                    }))
+                        .subscribe());
+                }
+                else {
+                    __classPrivateFieldGet(this, _reload).next({
+                        force: true,
+                    });
                 }
             }
         });
@@ -1517,10 +1580,9 @@ class SdGridMaterial {
             }
             return {
                 items: items.filter((item, index) => {
-                    return index >= pageNumber * pageSize
-                        && index < (pageNumber + 1) * pageSize;
+                    return index >= pageNumber * pageSize && index < (pageNumber + 1) * pageSize;
                 }),
-                total: items.length
+                total: items.length,
             };
         });
         _getFilter.set(this, () => {
@@ -1533,7 +1595,7 @@ class SdGridMaterial {
                 orderBy: ((_a = __classPrivateFieldGet(this, _sort)) === null || _a === void 0 ? void 0 : _a.active) || '',
                 orderDirection: ((_b = __classPrivateFieldGet(this, _sort)) === null || _b === void 0 ? void 0 : _b.direction) || '',
                 pageNumber: ((_c = __classPrivateFieldGet(this, _paginator)) === null || _c === void 0 ? void 0 : _c.pageIndex) || 0,
-                pageSize: ((_d = __classPrivateFieldGet(this, _paginator)) === null || _d === void 0 ? void 0 : _d.pageSize) || ((_f = (_e = this.gridOption) === null || _e === void 0 ? void 0 : _e.paginate) === null || _f === void 0 ? void 0 : _f.pageSize) || 50
+                pageSize: ((_d = __classPrivateFieldGet(this, _paginator)) === null || _d === void 0 ? void 0 : _d.pageSize) || ((_f = (_e = this.gridOption) === null || _e === void 0 ? void 0 : _e.paginate) === null || _f === void 0 ? void 0 : _f.pageSize) || 50,
             };
         });
         _load$1.set(this, (filterReq, force = true) => __awaiter(this, void 0, void 0, function* () {
@@ -1547,7 +1609,7 @@ class SdGridMaterial {
                     const data = yield result;
                     return {
                         items: (data === null || data === void 0 ? void 0 : data.items) || [],
-                        total: (data === null || data === void 0 ? void 0 : data.total) || 0
+                        total: (data === null || data === void 0 ? void 0 : data.total) || 0,
                     };
                 }
                 catch (error) {
@@ -1555,7 +1617,7 @@ class SdGridMaterial {
                     this.notifyService.notify.warning('Có lỗi xảy ra');
                     return {
                         items: [],
-                        total: 0
+                        total: 0,
                     };
                 }
                 finally {
@@ -1637,7 +1699,7 @@ class SdGridMaterial {
                 }
                 else {
                     let exportedItems = [];
-                    if (typeof (this.gridOption.items) === 'function') {
+                    if (typeof this.gridOption.items === 'function') {
                         const results = this.gridOption.items();
                         if (results instanceof Promise) {
                             exportedItems = yield results;
@@ -1655,7 +1717,9 @@ class SdGridMaterial {
         }));
         _allColumns.set(this, () => {
             const columns = [];
-            this.gridOption.columns.filter(e => { var _a; return !((_a = e.export) === null || _a === void 0 ? void 0 : _a.disabled); }).forEach(column => {
+            this.gridOption.columns
+                .filter(e => { var _a; return !((_a = e.export) === null || _a === void 0 ? void 0 : _a.disabled); })
+                .forEach(column => {
                 var _a, _b;
                 if (column.type === 'image') {
                     return;
@@ -1723,7 +1787,7 @@ class SdGridMaterial {
                         }
                     }
                     const totalPage = total / pageSize;
-                    const percent = Math.round((pageNumber - 1) * 100.0 / totalPage);
+                    const percent = Math.round(((pageNumber - 1) * 100.0) / totalPage);
                     this.exportTitle = `Exporting...${percent}%`;
                     const allColumns = __classPrivateFieldGet(this, _allColumns).call(this);
                     const allExportedColumns = __classPrivateFieldGet(this, _allExportedColumns).call(this);
@@ -1750,7 +1814,7 @@ class SdGridMaterial {
                             }
                             if (column.transform) {
                                 const transform = column.transform(item[column.field], item, {
-                                    isExport: true
+                                    isExport: true,
                                 });
                                 if (transform instanceof Promise) {
                                     obj[column.field] = yield transform;
@@ -1834,7 +1898,7 @@ class SdGridMaterial {
                         yield this.exportService.exportCSV({
                             columns,
                             items,
-                            fileName: (_m = (_l = this.gridOption) === null || _l === void 0 ? void 0 : _l.export) === null || _m === void 0 ? void 0 : _m.fileName
+                            fileName: (_m = (_l = this.gridOption) === null || _l === void 0 ? void 0 : _l.export) === null || _m === void 0 ? void 0 : _m.fileName,
                         });
                         return;
                     }
@@ -1846,14 +1910,14 @@ class SdGridMaterial {
                                     sheets.push({
                                         name: sheet.name,
                                         items: sheet.items,
-                                        fields: sheet.fields
+                                        fields: sheet.fields,
                                     });
                                 }
                                 else {
                                     sheets.push({
                                         name: sheet.name,
                                         items: yield sheet.items(),
-                                        fields: sheet.fields
+                                        fields: sheet.fields,
                                     });
                                 }
                             }
@@ -1863,7 +1927,7 @@ class SdGridMaterial {
                         columns,
                         items,
                         fileName: (_r = (_q = this.gridOption) === null || _q === void 0 ? void 0 : _q.export) === null || _r === void 0 ? void 0 : _r.fileName,
-                        sheets
+                        sheets,
                     });
                     return;
                 }
@@ -1871,7 +1935,7 @@ class SdGridMaterial {
                     filePath: file.filePath,
                     fileName: file.fileName,
                     columns,
-                    items
+                    items,
                 });
             }
             finally {
@@ -1884,8 +1948,17 @@ class SdGridMaterial {
             __classPrivateFieldGet(this, _onExport).call(this, args);
         });
         this.onFilterChange = () => {
-            __classPrivateFieldGet(this, _paginator).pageIndex = 0;
-            this.reload(false);
+            var _a, _b;
+            // this.#paginator.pageIndex = 0;
+            // this.reload(false);
+            if ((_b = (_a = this.gridOption) === null || _a === void 0 ? void 0 : _a.filter) === null || _b === void 0 ? void 0 : _b.inlineColumn) {
+                this.filterRegister.value.set({
+                    columnFilter: this.columnFilter,
+                });
+            }
+            else {
+                this.filterRegister.value.set({});
+            }
         };
         this.onExpand = (rowData) => __awaiter(this, void 0, void 0, function* () {
             var _w, _x, _y, _z, _0;
@@ -1901,14 +1974,16 @@ class SdGridMaterial {
             }
             const data = (_z = (_y = (_x = this.gridOption) === null || _x === void 0 ? void 0 : _x.subInformation) === null || _y === void 0 ? void 0 : _y.onExpand) === null || _z === void 0 ? void 0 : _z.call(_y, rowData);
             if (!((_0 = this.gridOption.subInformation) === null || _0 === void 0 ? void 0 : _0.multiple)) {
-                this.items.forEach(item => item.isExpanding = item.isExpanded = false);
+                this.items.forEach(item => (item.isExpanding = item.isExpanded = false));
             }
             if (data instanceof Promise) {
                 rowData.isExpanding = true;
-                data.then(res => {
+                data
+                    .then(res => {
                     rowData.expandDetail = res;
                     rowData.isExpanded = true;
-                }).finally(() => rowData.isExpanding = false);
+                })
+                    .finally(() => (rowData.isExpanding = false));
             }
             else {
                 rowData.expandDetail = data;
@@ -1918,14 +1993,14 @@ class SdGridMaterial {
         this.onSelect = (rowData) => {
             var _a, _b, _c, _d, _e, _f, _g, _h;
             if ((_b = (_a = rowData === null || rowData === void 0 ? void 0 : rowData.sdGroup) === null || _a === void 0 ? void 0 : _a.items) === null || _b === void 0 ? void 0 : _b.length) {
-                (_c = rowData === null || rowData === void 0 ? void 0 : rowData.sdGroup) === null || _c === void 0 ? void 0 : _c.items.forEach(e => e.isSelected = rowData.isSelected);
+                (_c = rowData === null || rowData === void 0 ? void 0 : rowData.sdGroup) === null || _c === void 0 ? void 0 : _c.items.forEach(e => (e.isSelected = rowData.isSelected));
                 (_e = (_d = this.gridOption.selection) === null || _d === void 0 ? void 0 : _d.onSelect) === null || _e === void 0 ? void 0 : _e.call(_d, rowData, this.items.filter(e => e.isSelected));
                 this.isSelectAll = this.items.every(e => e.isSelected);
                 __classPrivateFieldGet(this, _updateSelectedItems).call(this);
             }
             else {
                 if ((_f = this.gridOption.selection) === null || _f === void 0 ? void 0 : _f.single) {
-                    this.items.filter(e => e !== rowData).forEach(e => e.isSelected = false);
+                    this.items.filter(e => e !== rowData).forEach(e => (e.isSelected = false));
                     __classPrivateFieldGet(this, _updateSelectedItems).call(this);
                     return;
                 }
@@ -1948,11 +2023,12 @@ class SdGridMaterial {
         this.onClearSelection = (items) => {
             items = items || this.items;
             this.isSelectAll = false;
-            items === null || items === void 0 ? void 0 : items.forEach(e => e.isSelected = false);
+            items === null || items === void 0 ? void 0 : items.forEach(e => (e.isSelected = false));
             __classPrivateFieldGet(this, _updateSelectedItems).call(this);
         };
         _updateSelectedItems.set(this, () => {
-            this.selectedItems = this.items.filter(item => item.isSelected)
+            this.selectedItems = this.items
+                .filter(item => item.isSelected)
                 .map(item => {
                 const { isSelected, isExpanded, isExpanding, expandDetail, editorErrorMessage, editorHandlerColumn, editorHandlerRow, editorStatus, originItem, sdId, sdVersion } = item, 
                 // Giữ lại các trường thông tin cho selectable (action, groupedAction, sdGroup, selectable)
@@ -1969,12 +2045,8 @@ class SdGridMaterial {
             this.filterRegister.value.set({
                 columnFilter,
                 externalFilter,
-                filterDef
+                filterDef,
             });
-            // if (this.gridOption?.filter?.inlineColumn && args?.columnFilter) {
-            //   this.columnFilter = args.columnFilter;
-            // }
-            // this.gridFilter?.setFilter(args);
         };
         this.onCreate = () => {
             var _a, _b;
@@ -2018,7 +2090,7 @@ class SdGridMaterial {
             }
             item.editorStatus = 'create';
             item.editorHandlerRow = {
-                temporary: Object.assign({}, item)
+                temporary: Object.assign({}, item),
             };
         };
         this.onUpdate = (item) => {
@@ -2196,13 +2268,9 @@ class SdGridMaterial {
     }
     set option(option) {
         if (option) {
-            option = __classPrivateFieldGet(this, _initConfiguration).call(this, option);
+            option = __classPrivateFieldGet(this, _initConfiguration$1).call(this, option);
             this.gridOption = option;
-            // this.#loadFilterRegister();
             __classPrivateFieldSet(this, _loadCompleted, false);
-            // this.#reload.next({
-            //   force: true,
-            // });
             const configuration = this.gridConfigurationService.init(this.key, this.gridOption);
             this.gridConfigurationObserver = configuration.observer;
             configuration.load();
@@ -2212,21 +2280,25 @@ class SdGridMaterial {
     set paginator(paginator) {
         if (paginator && __classPrivateFieldGet(this, _paginator) !== paginator) {
             __classPrivateFieldSet(this, _paginator, paginator);
-            __classPrivateFieldGet(this, _subscription$2).add(paginator.page.pipe(map(() => {
+            __classPrivateFieldGet(this, _subscription$2).add(paginator.page
+                .pipe(map(() => {
                 __classPrivateFieldGet(this, _reload).next({
-                    force: false
+                    force: false,
                 });
-            })).subscribe());
+            }))
+                .subscribe());
         }
     }
     set sort(sort) {
         if (sort && __classPrivateFieldGet(this, _sort) !== sort) {
             __classPrivateFieldSet(this, _sort, sort);
-            __classPrivateFieldGet(this, _subscription$2).add(sort.sortChange.pipe(map(() => {
+            __classPrivateFieldGet(this, _subscription$2).add(sort.sortChange
+                .pipe(map(() => {
                 __classPrivateFieldGet(this, _reload).next({
-                    force: false
+                    force: false,
                 });
-            })).subscribe());
+            }))
+                .subscribe());
         }
     }
     ngOnInit() {
@@ -2238,14 +2310,15 @@ class SdGridMaterial {
             const result = yield __classPrivateFieldGet(this, _load$1).call(this, filterInfo, !__classPrivateFieldGet(this, _loadCompleted) || data.force);
             __classPrivateFieldSet(this, _loadCompleted, true);
             return result;
-        }))).subscribe(__classPrivateFieldGet(this, _render)));
+        })))
+            .subscribe(__classPrivateFieldGet(this, _render)));
         __classPrivateFieldGet(this, _subscription$2).add(this.sdCellDefs.changes.pipe(startWith([])).subscribe(__classPrivateFieldGet(this, _initCellDef)));
         __classPrivateFieldGet(this, _subscription$2).add(this.sdFooterDefs.changes.pipe(startWith([])).subscribe(__classPrivateFieldGet(this, _initFooterDef)));
         __classPrivateFieldGet(this, _subscription$2).add(this.sdFilterDefs.changes.pipe(startWith([])).subscribe(__classPrivateFieldGet(this, _initFilterDef)));
         __classPrivateFieldGet(this, _subscription$2).add(combineLatest([
             __classPrivateFieldGet(this, _optionChanges).pipe(startWith(this.gridOption)),
-            this.sdFilterDefs.changes.pipe(startWith(this.filterDefs))
-        ]).subscribe((a) => {
+            this.sdFilterDefs.changes.pipe(startWith(this.filterDefs)),
+        ]).subscribe(() => {
             __classPrivateFieldGet(this, _loadFilterRegister).call(this);
         }));
         this.ref.detectChanges();
@@ -2257,7 +2330,8 @@ class SdGridMaterial {
         moveItemInArray(columns, event.previousIndex, event.currentIndex);
     }
     get editedItems() {
-        return this.items.filter(item => {
+        return this.items
+            .filter(item => {
             if (!item.originItem) {
                 return true;
             }
@@ -2265,7 +2339,8 @@ class SdGridMaterial {
                 return true;
             }
             return false;
-        }).map(item => {
+        })
+            .map(item => {
             const { editorStatus, editorHandlerRow, editorHandlerColumn, editorErrorMessage, expandDetail, isExpanded, isExpanding, isSelected, originItem, sdId, sdVersion, selectable, actions, groupedActions, sdGroup, temporary } = item, result = __rest(item, ["editorStatus", "editorHandlerRow", "editorHandlerColumn", "editorErrorMessage", "expandDetail", "isExpanded", "isExpanding", "isSelected", "originItem", "sdId", "sdVersion", "selectable", "actions", "groupedActions", "sdGroup", "temporary"]);
             return Object.assign(Object.assign({}, result), { editorErrorMessage });
         });
@@ -2289,7 +2364,7 @@ class SdGridMaterial {
         return this.items.some(e => e.editorStatus !== undefined);
     }
 }
-_optionChanges = new WeakMap(), _localItems = new WeakMap(), _paginator = new WeakMap(), _sort = new WeakMap(), _subscription$2 = new WeakMap(), _reload = new WeakMap(), _loadCompleted = new WeakMap(), _initCellDef = new WeakMap(), _initFilterDef = new WeakMap(), _initFooterDef = new WeakMap(), _filterExportInfo = new WeakMap(), _initConfiguration = new WeakMap(), _loadFilterRegister = new WeakMap(), _filterLocal = new WeakMap(), _getFilter = new WeakMap(), _load$1 = new WeakMap(), _render = new WeakMap(), _exportedItems = new WeakMap(), _allColumns = new WeakMap(), _allExportedColumns = new WeakMap(), _onExport = new WeakMap(), _updateSelectedItems = new WeakMap();
+_optionChanges = new WeakMap(), _localItems = new WeakMap(), _paginator = new WeakMap(), _sort = new WeakMap(), _subscription$2 = new WeakMap(), _reload = new WeakMap(), _loadCompleted = new WeakMap(), _initCellDef = new WeakMap(), _initFilterDef = new WeakMap(), _initFooterDef = new WeakMap(), _filterExportInfo = new WeakMap(), _initConfiguration$1 = new WeakMap(), _loadFilterRegister = new WeakMap(), _filterLocal = new WeakMap(), _getFilter = new WeakMap(), _load$1 = new WeakMap(), _render = new WeakMap(), _exportedItems = new WeakMap(), _allColumns = new WeakMap(), _allExportedColumns = new WeakMap(), _onExport = new WeakMap(), _updateSelectedItems = new WeakMap();
 SdGridMaterial.decorators = [
     { type: Component, args: [{
                 selector: 'sd-grid-material',