@sd-angular/core 1.3.134 → 1.3.136

package/bundles/sd-angular-core-grid-material.umd.js

@@ -8,6 +8,14 @@
 
     var hash__default = /*#__PURE__*/_interopDefaultLegacy(hash);
 
+    var DEFAULT_GRID_MATERIAL_CONFIG = {
+        paginate: {
+            pageSize: 50,
+            pages: [50, 100, 200],
+        },
+    };
+    var GRID_MATERIAL_CONFIG = new core.InjectionToken('sd-grid-material.configuration');
+
     var SdMaterialCellDefDirective = /** @class */ (function () {
         function SdMaterialCellDefDirective(templateRef) {
             this.templateRef = templateRef;
@@ -418,14 +426,6 @@
         return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
     }
 
-    var DEFAULT_GRID_MATERIAL_CONFIG = {
-        paginate: {
-            pageSize: 50,
-            pages: [50, 100, 200]
-        }
-    };
-    var GRID_MATERIAL_CONFIG = new core.InjectionToken('sd-grid-material.configuration');
-
     var _filterRegister;
     var SdPopupFilter = /** @class */ (function () {
         function SdPopupFilter(cdRef) {
@@ -2105,7 +2105,8 @@
                 };
             });
             _initConfiguration$1.set(this, function (option) {
-                var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
+                var e_4, _5;
+                var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4;
                 // Init pagination
                 option.paginate = {
                     hidden: (_a = option === null || option === void 0 ? void 0 : option.paginate) === null || _a === void 0 ? void 0 : _a.hidden,
@@ -2113,6 +2114,29 @@
                     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,
                 };
+                try {
+                    for (var _6 = __values(option.columns || []), _7 = _6.next(); !_7.done; _7 = _6.next()) {
+                        var column = _7.value;
+                        if (((_s = (_r = column.filter) === null || _r === void 0 ? void 0 : _r.operator) === null || _s === void 0 ? void 0 : _s.enable) && !((_v = (_u = (_t = column.filter) === null || _t === void 0 ? void 0 : _t.operator) === null || _u === void 0 ? void 0 : _u.list) === null || _v === void 0 ? void 0 : _v.length)) {
+                            if (column.type === 'string') {
+                                column.filter.operator.list = ((_y = (_x = (_w = _this.configuration) === null || _w === void 0 ? void 0 : _w.filter) === null || _x === void 0 ? void 0 : _x.operator) === null || _y === void 0 ? void 0 : _y.defaultListString) || [];
+                            }
+                            if (column.type === 'number') {
+                                column.filter.operator.list = ((_1 = (_0 = (_z = _this.configuration) === null || _z === void 0 ? void 0 : _z.filter) === null || _0 === void 0 ? void 0 : _0.operator) === null || _1 === void 0 ? void 0 : _1.defaultListNumber) || [];
+                            }
+                            if (column.type === 'date' || column.type === 'datetime') {
+                                column.filter.operator.list = ((_4 = (_3 = (_2 = _this.configuration) === null || _2 === void 0 ? void 0 : _2.filter) === null || _3 === void 0 ? void 0 : _3.operator) === null || _4 === void 0 ? void 0 : _4.defaultListDate) || [];
+                            }
+                        }
+                    }
+                }
+                catch (e_4_1) { e_4 = { error: e_4_1 }; }
+                finally {
+                    try {
+                        if (_7 && !_7.done && (_5 = _6.return)) _5.call(_6);
+                    }
+                    finally { if (e_4) throw e_4.error; }
+                }
                 return option;
             });
             _loadFilterRegister.set(this, function () {
@@ -2146,7 +2170,7 @@
                 var columns = _this.gridOption.columns;
                 var rawColumnFilter = filterInfo.rawColumnFilter, orderBy = filterInfo.orderBy, orderDirection = filterInfo.orderDirection, pageSize = filterInfo.pageSize, pageNumber = filterInfo.pageNumber;
                 var items = localItems.filter(function (item) {
-                    var e_4, _5;
+                    var e_5, _5;
                     var _a, _b, _c, _d;
                     try {
                         for (var columns_1 = __values(columns), columns_1_1 = columns_1.next(); !columns_1_1.done; columns_1_1 = columns_1.next()) {
@@ -2223,12 +2247,12 @@
                             }
                         }
                     }
-                    catch (e_4_1) { e_4 = { error: e_4_1 }; }
+                    catch (e_5_1) { e_5 = { error: e_5_1 }; }
                     finally {
                         try {
                             if (columns_1_1 && !columns_1_1.done && (_5 = columns_1.return)) _5.call(columns_1);
                         }
-                        finally { if (e_4) throw e_4.error; }
+                        finally { if (e_5) throw e_5.error; }
                     }
                     return true;
                 });
@@ -2484,8 +2508,8 @@
                 return ((_b = (_a = _this.gridOption.export) === null || _a === void 0 ? void 0 : _a.columns) === null || _b === void 0 ? void 0 : _b.filter(function (e) { var _a; return !((_a = e.export) === null || _a === void 0 ? void 0 : _a.disabled); })) || [];
             });
             _onExport.set(this, function (args) { return __awaiter(_this, void 0, void 0, function () {
-                var _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, file, isCSV, columns_2, pageSize_1, batch, total_1, pageNumber_1, exportItems_1, items_1, promises_1, handleData, sheets, _5, _6, sheet, _7, _8, _9, e_5_1;
-                var e_5, _10;
+                var _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, file, isCSV, columns_2, pageSize_1, batch, total_1, pageNumber_1, exportItems_1, items_1, promises_1, handleData, sheets, _5, _6, sheet, _7, _8, _9, e_6_1;
+                var e_6, _10;
                 var _this = this;
                 return __generator(this, function (_11) {
                     switch (_11.label) {
@@ -2502,8 +2526,8 @@
                             items_1 = [];
                             promises_1 = [];
                             handleData = function () { return __awaiter(_this, void 0, void 0, function () {
-                                var _u, results, results_1, results_1_1, result, results_2, totalPage, percent, allColumns, allExportedColumns, _loop_1, exportItems_2, exportItems_2_1, item, e_6_1;
-                                var e_7, _5, e_6, _6;
+                                var _u, results, results_1, results_1_1, result, results_2, totalPage, percent, allColumns, allExportedColumns, _loop_1, exportItems_2, exportItems_2_1, item, e_7_1;
+                                var e_8, _5, e_7, _6;
                                 var _this = this;
                                 return __generator(this, function (_7) {
                                     switch (_7.label) {
@@ -2524,12 +2548,12 @@
                                                     }
                                                 }
                                             }
-                                            catch (e_7_1) { e_7 = { error: e_7_1 }; }
+                                            catch (e_8_1) { e_8 = { error: e_8_1 }; }
                                             finally {
                                                 try {
                                                     if (results_1_1 && !results_1_1.done && (_5 = results_1.return)) _5.call(results_1);
                                                 }
-                                                finally { if (e_7) throw e_7.error; }
+                                                finally { if (e_8) throw e_8.error; }
                                             }
                                             if (!((_u = this.gridOption.export) === null || _u === void 0 ? void 0 : _u.mapping)) return [3 /*break*/, 4];
                                             results_2 = this.gridOption.export.mapping(exportItems_1);
@@ -2548,8 +2572,8 @@
                                             allColumns = __classPrivateFieldGet(this, _allColumns).call(this);
                                             allExportedColumns = __classPrivateFieldGet(this, _allExportedColumns).call(this);
                                             _loop_1 = function (item) {
-                                                var obj, handle, columns_3, columns_3_1, exportColumn, e_8_1;
-                                                var e_8, _5;
+                                                var obj, handle, columns_3, columns_3_1, exportColumn, e_9_1;
+                                                var e_9, _5;
                                                 return __generator(this, function (_6) {
                                                     switch (_6.label) {
                                                         case 0:
@@ -2662,7 +2686,7 @@
                                                             _6.label = 1;
                                                         case 1:
                                                             _6.trys.push([1, 6, 7, 8]);
-                                                            columns_3 = (e_8 = void 0, __values(columns_2)), columns_3_1 = columns_3.next();
+                                                            columns_3 = (e_9 = void 0, __values(columns_2)), columns_3_1 = columns_3.next();
                                                             _6.label = 2;
                                                         case 2:
                                                             if (!!columns_3_1.done) return [3 /*break*/, 5];
@@ -2676,14 +2700,14 @@
                                                             return [3 /*break*/, 2];
                                                         case 5: return [3 /*break*/, 8];
                                                         case 6:
-                                                            e_8_1 = _6.sent();
-                                                            e_8 = { error: e_8_1 };
+                                                            e_9_1 = _6.sent();
+                                                            e_9 = { error: e_9_1 };
                                                             return [3 /*break*/, 8];
                                                         case 7:
                                                             try {
                                                                 if (columns_3_1 && !columns_3_1.done && (_5 = columns_3.return)) _5.call(columns_3);
                                                             }
-                                                            finally { if (e_8) throw e_8.error; }
+                                                            finally { if (e_9) throw e_9.error; }
                                                             return [7 /*endfinally*/];
                                                         case 8:
                                                             items_1.push(obj);
@@ -2708,14 +2732,14 @@
                                             return [3 /*break*/, 6];
                                         case 9: return [3 /*break*/, 12];
                                         case 10:
-                                            e_6_1 = _7.sent();
-                                            e_6 = { error: e_6_1 };
+                                            e_7_1 = _7.sent();
+                                            e_7 = { error: e_7_1 };
                                             return [3 /*break*/, 12];
                                         case 11:
                                             try {
                                                 if (exportItems_2_1 && !exportItems_2_1.done && (_6 = exportItems_2.return)) _6.call(exportItems_2);
                                             }
-                                            finally { if (e_6) throw e_6.error; }
+                                            finally { if (e_7) throw e_7.error; }
                                             return [7 /*endfinally*/];
                                         case 12: return [2 /*return*/];
                                     }
@@ -2785,14 +2809,14 @@
                             return [3 /*break*/, 9];
                         case 13: return [3 /*break*/, 16];
                         case 14:
-                            e_5_1 = _11.sent();
-                            e_5 = { error: e_5_1 };
+                            e_6_1 = _11.sent();
+                            e_6 = { error: e_6_1 };
                             return [3 /*break*/, 16];
                         case 15:
                             try {
                                 if (_6 && !_6.done && (_10 = _5.return)) _10.call(_5);
                             }
-                            finally { if (e_5) throw e_5.error; }
+                            finally { if (e_6) throw e_6.error; }
                             return [7 /*endfinally*/];
                         case 16: return [4 /*yield*/, this.exportService.export({
                                 columns: columns_2,
@@ -4707,39 +4731,63 @@
     var SdFilterOperators = [
         {
             value: 'EQUAL',
-            display: '=',
+            symbol: '=',
+            display: 'Bằng',
         },
         {
             value: 'NOT_EQUAL',
-            display: '!=',
+            symbol: '!=',
+            display: 'Không bằng',
         },
         {
-            value: 'CONTAIN',
-            display: 'oOo',
+            value: 'GREATER_THAN',
+            symbol: '>',
+            display: 'Lớn hơn',
         },
         {
-            value: 'START_WITH',
-            display: 'Ooo'
+            value: 'LESS_THAN',
+            symbol: '<',
+            display: 'Nhỏ hơn',
         },
         {
-            value: 'END_WITH',
-            display: 'ooO'
+            value: 'GREATER_OR_EQUAL',
+            symbol: '>=',
+            display: 'Lớn hơn, hoặc bằng'
         },
         {
-            value: 'GREATER_THAN',
-            display: '>',
+            value: 'LESS_OR_EQUAL',
+            symbol: '<=',
+            display: 'Nhỏ hơn, hoặc bằng'
         },
         {
-            value: 'LESS_THAN',
-            display: '<',
+            value: 'CONTAIN',
+            symbol: 'join_inner',
+            display: 'Chứa',
         },
         {
-            value: 'GREATER_OR_EQUAL',
-            display: '>=',
+            value: 'NOT_CONTAIN',
+            symbol: 'join',
+            display: 'Không chứa',
         },
         {
-            value: 'LESS_OR_EQUAL',
-            display: '<=',
+            value: 'START_WITH',
+            symbol: 'line_start_circle',
+            display: 'Bắt đầu bởi'
+        },
+        {
+            value: 'END_WITH',
+            symbol: 'line_end_circle',
+            display: 'Kết thúc bởi'
+        },
+        {
+            value: 'IN',
+            symbol: 'checklist_rtl',
+            display: 'Nằm trong'
+        },
+        {
+            value: 'NOT_IN',
+            symbol: 'event_list',
+            display: 'Không nằm trong'
         },
     ];
 
@@ -4748,6 +4796,7 @@
         function SdColumnInlineFilter() {
             var _this = this;
             this.columnOperator = {};
+            this.columnSymbol = 'filter_alt';
             this.columnFilter = {};
             this.operators = [];
             this.filterChange = new core.EventEmitter();
@@ -4813,7 +4862,7 @@
     SdColumnInlineFilter.decorators = [
         { type: core.Component, args: [{
                     selector: 'sd-column-inline-filter',
-                    template: "<div class=\"d-flex c-inline-column\">\r\n  <ng-container\r\n    *ngIf=\"\r\n      column.type === 'string' ||\r\n        column.type === 'number' ||\r\n        column.type === 'bool' ||\r\n        column.type === 'values' ||\r\n        column.type === 'date' ||\r\n        column.type === 'datetime' ||\r\n        column.type === 'time';\r\n      else noFilter\r\n    \">\r\n    <sd-select\r\n      *ngIf=\"operators.length\"\r\n      style=\"width: 60px; margin-right: 4px\"\r\n      size=\"sm\"\r\n      [items]=\"operators\"\r\n      valueField=\"value\"\r\n      displayField=\"display\"\r\n      [(model)]=\"columnOperator[column.field]\"></sd-select>\r\n    <sd-input\r\n      *ngIf=\"column.type === 'string'\"\r\n      style=\"flex: 1\"\r\n      size=\"sm\"\r\n      type=\"text\"\r\n      [(model)]=\"columnFilter[column.field]\"\r\n      (keyupEnter)=\"onFilterChange()\"\r\n      [disabled]=\"column.filter?.disabled\">\r\n    </sd-input>\r\n    <sd-input-number\r\n      *ngIf=\"column.type === 'number'\"\r\n      style=\"flex: 1\"\r\n      size=\"sm\"\r\n      [(model)]=\"columnFilter[column.field]\"\r\n      (keyupEnter)=\"onFilterChange()\"\r\n      [disabled]=\"column.filter?.disabled\">\r\n    </sd-input-number>\r\n    <sd-select\r\n      *ngIf=\"column.type === 'bool'\"\r\n      style=\"flex: 1\"\r\n      size=\"sm\"\r\n      [items]=\"[\r\n        { value: '1', display: column.option?.displayOnTrue || 'True' },\r\n        { value: '0', display: column.option?.displayOnFalse || 'False' }\r\n      ]\"\r\n      valueField=\"value\"\r\n      displayField=\"display\"\r\n      [(model)]=\"columnFilter[column.field]\"\r\n      (sdChange)=\"onFilterChange()\"\r\n      [disabled]=\"column.filter?.disabled\">\r\n      <ng-template sdSelectDisplayDef let-item=\"item\">\r\n        <sd-badge *ngIf=\"item.value === '1'\" color=\"success\" [title]=\"column.option?.displayOnTrue || 'True'\"> </sd-badge>\r\n        <sd-badge *ngIf=\"item.value === '0'\" color=\"danger\" [title]=\"column.option?.displayOnFalse || 'False'\"> </sd-badge>\r\n      </ng-template>\r\n    </sd-select>\r\n    <sd-select\r\n      *ngIf=\"column.type === 'values' && column?.option?.selection !== 'AUTOCOMPLETE'\"\r\n      style=\"flex: 1\"\r\n      size=\"sm\"\r\n      [items]=\"column.option.items\"\r\n      [valueField]=\"column.option.valueField\"\r\n      [displayField]=\"column.option.displayField\"\r\n      [(model)]=\"columnFilter[column.field]\"\r\n      (sdChange)=\"onFilterChange()\"\r\n      [disabled]=\"column.filter?.disabled\"\r\n      [multiple]=\"column?.option?.selection === 'MULTIPLE' || column?.option?.selection === 'MULTIPLEAUTOCOMPLETE'\"\r\n      [filtered]=\"column?.option?.selection === 'MULTIPLEAUTOCOMPLETE'\">\r\n    </sd-select>\r\n    <sd-autocomplete\r\n      *ngIf=\"column.type === 'values' && column?.option?.selection === 'AUTOCOMPLETE'\"\r\n      style=\"flex: 1\"\r\n      size=\"sm\"\r\n      [items]=\"column.option.items\"\r\n      [valueField]=\"column.option.valueField\"\r\n      [displayField]=\"column.option.displayField\"\r\n      [(model)]=\"columnFilter[column.field]\"\r\n      (sdChange)=\"onFilterChange()\"\r\n      [disabled]=\"column.filter?.disabled\">\r\n    </sd-autocomplete>\r\n    <ng-container *ngIf=\"column.type === 'date' || column.type === 'datetime' || column.type === 'time'\">\r\n      <sd-date-range\r\n        *ngIf=\"!column.option?.useFilterDate\"\r\n        style=\"flex: 1\"\r\n        size=\"sm\"\r\n        [(from)]=\"columnFilter[column.field].from\"\r\n        [(to)]=\"columnFilter[column.field].to\"\r\n        (sdChange)=\"onFilterChange()\"\r\n        [disabled]=\"column.filter?.disabled\">\r\n      </sd-date-range>\r\n      <sd-date-time\r\n        *ngIf=\"column.option?.useFilterDate\"\r\n        style=\"flex: 1\"\r\n        type=\"date\"\r\n        size=\"sm\"\r\n        [(model)]=\"columnFilter[column.field]\"\r\n        (sdChange)=\"onFilterChange()\"\r\n        [disabled]=\"column.filter?.disabled\">\r\n      </sd-date-time>\r\n    </ng-container>\r\n  </ng-container>\r\n  <ng-template #noFilter>\r\n    <sd-input type=\"text\" size=\"sm\" disabled> </sd-input>\r\n  </ng-template>\r\n</div>\r\n",
+                    template: "<div class=\"d-flex c-inline-column align-items-end\">\r\n  <ng-container\r\n    *ngIf=\"\r\n      column.type === 'string' ||\r\n        column.type === 'number' ||\r\n        column.type === 'bool' ||\r\n        column.type === 'values' ||\r\n        column.type === 'date' ||\r\n        column.type === 'datetime' ||\r\n        column.type === 'time';\r\n      else noFilter\r\n    \">\r\n    <ng-container *ngIf=\"operators.length\">\r\n      <!-- <div style=\"width: 60px; margin-right: 4px\" [matMenuTriggerFor]=\"menu\">\r\n        <span>=</span>\r\n      </div> -->\r\n      <sd-button class=\"mr-2\" fontSet=\"material-symbols-outlined\" [icon]=\"columnSymbol\" size=\"sm\" [matMenuTriggerFor]=\"menu\" type=\"link\"> </sd-button>\r\n      <mat-menu #menu=\"matMenu\">\r\n        <button\r\n          *ngFor=\"let operator of operators\"\r\n          (click)=\"columnOperator[column.field] = operator.value; columnSymbol = operator.symbol\"\r\n          mat-menu-item\r\n          type=\"button\">\r\n          <mat-icon fontSet=\"material-symbols-outlined\">{{ operator.symbol }}</mat-icon>\r\n          <span> {{ operator.display }}</span>\r\n        </button>\r\n      </mat-menu>\r\n    </ng-container>\r\n    <!-- <sd-select\r\n      *ngIf=\"operators.length\"\r\n      style=\"width: 60px; margin-right: 4px\"\r\n      size=\"sm\"\r\n      [items]=\"operators\"\r\n      valueField=\"value\"\r\n      displayField=\"display\"\r\n      [(model)]=\"columnOperator[column.field]\"></sd-select> -->\r\n    <sd-input\r\n      *ngIf=\"column.type === 'string'\"\r\n      style=\"flex: 1\"\r\n      size=\"sm\"\r\n      type=\"text\"\r\n      [(model)]=\"columnFilter[column.field]\"\r\n      (keyupEnter)=\"onFilterChange()\"\r\n      [disabled]=\"column.filter?.disabled\">\r\n    </sd-input>\r\n    <sd-input-number\r\n      *ngIf=\"column.type === 'number'\"\r\n      style=\"flex: 1\"\r\n      size=\"sm\"\r\n      [(model)]=\"columnFilter[column.field]\"\r\n      (keyupEnter)=\"onFilterChange()\"\r\n      [disabled]=\"column.filter?.disabled\">\r\n    </sd-input-number>\r\n    <sd-select\r\n      *ngIf=\"column.type === 'bool'\"\r\n      style=\"flex: 1\"\r\n      size=\"sm\"\r\n      [items]=\"[\r\n        { value: '1', display: column.option?.displayOnTrue || 'True' },\r\n        { value: '0', display: column.option?.displayOnFalse || 'False' }\r\n      ]\"\r\n      valueField=\"value\"\r\n      displayField=\"display\"\r\n      [(model)]=\"columnFilter[column.field]\"\r\n      (sdChange)=\"onFilterChange()\"\r\n      [disabled]=\"column.filter?.disabled\">\r\n      <ng-template sdSelectDisplayDef let-item=\"item\">\r\n        <sd-badge *ngIf=\"item.value === '1'\" color=\"success\" [title]=\"column.option?.displayOnTrue || 'True'\"> </sd-badge>\r\n        <sd-badge *ngIf=\"item.value === '0'\" color=\"danger\" [title]=\"column.option?.displayOnFalse || 'False'\"> </sd-badge>\r\n      </ng-template>\r\n    </sd-select>\r\n    <sd-select\r\n      *ngIf=\"column.type === 'values' && column?.option?.selection !== 'AUTOCOMPLETE'\"\r\n      style=\"flex: 1\"\r\n      size=\"sm\"\r\n      [items]=\"column.option.items\"\r\n      [valueField]=\"column.option.valueField\"\r\n      [displayField]=\"column.option.displayField\"\r\n      [(model)]=\"columnFilter[column.field]\"\r\n      (sdChange)=\"onFilterChange()\"\r\n      [disabled]=\"column.filter?.disabled\"\r\n      [multiple]=\"column?.option?.selection === 'MULTIPLE' || column?.option?.selection === 'MULTIPLEAUTOCOMPLETE'\"\r\n      [filtered]=\"column?.option?.selection === 'MULTIPLEAUTOCOMPLETE'\">\r\n    </sd-select>\r\n    <sd-autocomplete\r\n      *ngIf=\"column.type === 'values' && column?.option?.selection === 'AUTOCOMPLETE'\"\r\n      style=\"flex: 1\"\r\n      size=\"sm\"\r\n      [items]=\"column.option.items\"\r\n      [valueField]=\"column.option.valueField\"\r\n      [displayField]=\"column.option.displayField\"\r\n      [(model)]=\"columnFilter[column.field]\"\r\n      (sdChange)=\"onFilterChange()\"\r\n      [disabled]=\"column.filter?.disabled\">\r\n    </sd-autocomplete>\r\n    <ng-container *ngIf=\"column.type === 'date' || column.type === 'datetime' || column.type === 'time'\">\r\n      <sd-date-range\r\n        *ngIf=\"!column.option?.useFilterDate\"\r\n        style=\"flex: 1\"\r\n        size=\"sm\"\r\n        [(from)]=\"columnFilter[column.field].from\"\r\n        [(to)]=\"columnFilter[column.field].to\"\r\n        (sdChange)=\"onFilterChange()\"\r\n        [disabled]=\"column.filter?.disabled\">\r\n      </sd-date-range>\r\n      <sd-date-time\r\n        *ngIf=\"column.option?.useFilterDate\"\r\n        style=\"flex: 1\"\r\n        type=\"date\"\r\n        size=\"sm\"\r\n        [(model)]=\"columnFilter[column.field]\"\r\n        (sdChange)=\"onFilterChange()\"\r\n        [disabled]=\"column.filter?.disabled\">\r\n      </sd-date-time>\r\n    </ng-container>\r\n  </ng-container>\r\n  <ng-template #noFilter>\r\n    <sd-input type=\"text\" size=\"sm\" disabled> </sd-input>\r\n  </ng-template>\r\n</div>\r\n",
                     changeDetection: core.ChangeDetectionStrategy.OnPush,
                     styles: [":host ::ng-deep .c-inline-column .mat-form-field-wrapper{background-color:#fff;border-radius:8px;margin:8px 0 0!important;padding:0!important}"]
                 },] }
@@ -5367,6 +5416,7 @@
      * Generated bundle index. Do not edit.
      */
 
+    exports.GRID_MATERIAL_CONFIG = GRID_MATERIAL_CONFIG;
     exports.SdGridMaterial = SdGridMaterial;
     exports.SdGridMaterialModule = SdGridMaterialModule;
     exports.SdMaterialCellDefDirective = SdMaterialCellDefDirective;
@@ -5376,46 +5426,45 @@
     exports.SdMaterialSubInformationDefDirective = SdMaterialSubInformationDefDirective;
     exports.ɵa = MatPaginatorIntlCro;
     exports.ɵb = SdGridFilter;
-    exports.ɵba = SdCommandIconPipe;
-    exports.ɵbb = SdCommandTitlePipe;
-    exports.ɵbc = SdColumnHtmlTemplatePipe;
-    exports.ɵbd = SdColumnTransformPipe;
-    exports.ɵbe = SdColumnTooltipPipe;
-    exports.ɵbf = SdColumnBadgePipe;
-    exports.ɵbg = SdFilterColumnPipe;
-    exports.ɵbh = SdFilterExternalPipe;
-    exports.ɵbi = SdSelectionActionFilterPipe;
-    exports.ɵbj = SdSelectionVisiblePipe;
-    exports.ɵbk = SdSelectionDisablePipe;
-    exports.ɵbl = SdSelectionVisibleSelectAllPipe;
-    exports.ɵbm = SdEditorHandlerRowPipe;
-    exports.ɵbn = SdEditorValidatePipe;
-    exports.ɵbo = SdStyleRowCss;
-    exports.ɵbp = SdCellViewPipe;
-    exports.ɵbq = SdGroupPipe;
+    exports.ɵba = SdColumnHtmlTemplatePipe;
+    exports.ɵbb = SdColumnTransformPipe;
+    exports.ɵbc = SdColumnTooltipPipe;
+    exports.ɵbd = SdColumnBadgePipe;
+    exports.ɵbe = SdFilterColumnPipe;
+    exports.ɵbf = SdFilterExternalPipe;
+    exports.ɵbg = SdSelectionActionFilterPipe;
+    exports.ɵbh = SdSelectionVisiblePipe;
+    exports.ɵbi = SdSelectionDisablePipe;
+    exports.ɵbj = SdSelectionVisibleSelectAllPipe;
+    exports.ɵbk = SdEditorHandlerRowPipe;
+    exports.ɵbl = SdEditorValidatePipe;
+    exports.ɵbm = SdStyleRowCss;
+    exports.ɵbn = SdCellViewPipe;
+    exports.ɵbo = SdGroupPipe;
     exports.ɵc = SdPopupFilter;
     exports.ɵd = SdPopupExport;
-    exports.ɵf = GRID_MATERIAL_CONFIG;
-    exports.ɵg = SdGridConfigurationService;
-    exports.ɵh = SdColumnValuesPipe;
-    exports.ɵi = SdGridFilterService;
-    exports.ɵj = SdEditorHandlerColumnPipe;
-    exports.ɵk = SdGridQuickAction;
-    exports.ɵl = SdDesktopCell;
-    exports.ɵm = SdDesktopCellEditor;
-    exports.ɵn = SdDesktopEditorValidation;
-    exports.ɵo = SdDesktopCellView;
-    exports.ɵp = SdDesktopCellChildrenView;
-    exports.ɵq = SdDesktopCommand;
-    exports.ɵr = SdColumnInlineFilter;
-    exports.ɵs = SdPopupGridConfiguration;
-    exports.ɵt = SdDynamicColumn;
-    exports.ɵu = SdGeneratedColumnService;
-    exports.ɵv = SdGridConfigurationResultPipe;
-    exports.ɵw = SdColumnChildrenFilterPipe;
-    exports.ɵx = SdColumnTitlePipe;
-    exports.ɵy = SdCommandFilterPipe;
-    exports.ɵz = SdCommandDisablePipe;
+    exports.ɵe = SdGridConfigurationService;
+    exports.ɵf = SdColumnValuesPipe;
+    exports.ɵg = SdGridFilterService;
+    exports.ɵh = SdEditorHandlerColumnPipe;
+    exports.ɵi = SdGridQuickAction;
+    exports.ɵj = SdDesktopCell;
+    exports.ɵk = SdDesktopCellEditor;
+    exports.ɵl = SdDesktopEditorValidation;
+    exports.ɵm = SdDesktopCellView;
+    exports.ɵn = SdDesktopCellChildrenView;
+    exports.ɵo = SdDesktopCommand;
+    exports.ɵp = SdColumnInlineFilter;
+    exports.ɵq = SdPopupGridConfiguration;
+    exports.ɵr = SdDynamicColumn;
+    exports.ɵs = SdGeneratedColumnService;
+    exports.ɵt = SdGridConfigurationResultPipe;
+    exports.ɵu = SdColumnChildrenFilterPipe;
+    exports.ɵv = SdColumnTitlePipe;
+    exports.ɵw = SdCommandFilterPipe;
+    exports.ɵx = SdCommandDisablePipe;
+    exports.ɵy = SdCommandIconPipe;
+    exports.ɵz = SdCommandTitlePipe;
 
     Object.defineProperty(exports, '__esModule', { value: true });