@sd-angular/core 1.2.35 → 1.2.36

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

@@ -2,7 +2,7 @@
     typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@sd-angular/core/common'), require('@angular/core'), require('@angular/material/paginator'), require('@angular/material/sort'), require('@angular/animations'), require('uuid'), require('rxjs'), require('@sd-angular/core/notify'), require('@angular/cdk/drag-drop'), require('rxjs/operators'), require('object-hash'), require('@sd-angular/core/setting'), require('ngx-device-detector'), require('@sd-angular/core/loading'), require('@sd-angular/core/translate'), require('@sd-angular/core/export'), require('@angular/forms'), require('@sd-angular/core/quick-action'), require('@angular/common'), require('@angular/material/form-field'), require('@angular/material/icon'), require('@angular/material/input'), require('@angular/material/table'), require('@angular/material/progress-spinner'), require('@angular/cdk/table'), require('@angular/cdk/scrolling'), require('@angular/material/menu'), require('@angular/material/slider'), require('@angular/material/button'), require('@sd-angular/core/service'), require('@angular/material/tooltip'), require('@angular/material/chips'), require('@angular/material/radio'), require('@angular/material/slide-toggle'), require('@sd-angular/core/form'), require('@angular/material/checkbox'), require('@angular/material/list'), require('@angular/material/divider'), require('@sd-angular/core/side-drawer'), require('@sd-angular/core/utility')) :
     typeof define === 'function' && define.amd ? define('@sd-angular/core/grid-material', ['exports', '@sd-angular/core/common', '@angular/core', '@angular/material/paginator', '@angular/material/sort', '@angular/animations', 'uuid', 'rxjs', '@sd-angular/core/notify', '@angular/cdk/drag-drop', 'rxjs/operators', 'object-hash', '@sd-angular/core/setting', 'ngx-device-detector', '@sd-angular/core/loading', '@sd-angular/core/translate', '@sd-angular/core/export', '@angular/forms', '@sd-angular/core/quick-action', '@angular/common', '@angular/material/form-field', '@angular/material/icon', '@angular/material/input', '@angular/material/table', '@angular/material/progress-spinner', '@angular/cdk/table', '@angular/cdk/scrolling', '@angular/material/menu', '@angular/material/slider', '@angular/material/button', '@sd-angular/core/service', '@angular/material/tooltip', '@angular/material/chips', '@angular/material/radio', '@angular/material/slide-toggle', '@sd-angular/core/form', '@angular/material/checkbox', '@angular/material/list', '@angular/material/divider', '@sd-angular/core/side-drawer', '@sd-angular/core/utility'], factory) :
     (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global['sd-angular'] = global['sd-angular'] || {}, global['sd-angular'].core = global['sd-angular'].core || {}, global['sd-angular'].core['grid-material'] = {}), global['sd-angular'].core.common, global.ng.core, global.ng.material.paginator, global.ng.material.sort, global.ng.animations, global.uuid, global.rxjs, global['sd-angular'].core.notify, global.ng.cdk.dragDrop, global.rxjs.operators, global['object-hash'], global['sd-angular'].core.setting, global['ngx-device-detector'], global['sd-angular'].core.loading, global['sd-angular'].core.translate, global['sd-angular'].core.export, global.ng.forms, global['sd-angular'].core['quick-action'], global.ng.common, global.ng.material.formField, global.ng.material.icon, global.ng.material.input, global.ng.material.table, global.ng.material.progressSpinner, global.ng.cdk.table, global.ng.cdk.scrolling, global.ng.material.menu, global.ng.material.slider, global.ng.material.button, global['sd-angular'].core.service, global.ng.material.tooltip, global.ng.material.chips, global.ng.material.radio, global.ng.material.slideToggle, global['sd-angular'].core.form, global.ng.material.checkbox, global.ng.material.list, global.ng.material.divider, global['sd-angular'].core['side-drawer'], global['sd-angular'].core.utility));
-}(this, (function (exports, common$1, core, paginator, sort, animations, uuid, rxjs, notify, dragDrop, operators, hash, setting, ngxDeviceDetector, loading, translate, _export, forms, quickAction, common, formField, icon, input, table, progressSpinner, table$1, scrolling, menu, slider, button, service, tooltip, chips, radio, slideToggle, form, checkbox, list, divider, sideDrawer, utility) { 'use strict';
+}(this, (function (exports, common, core, paginator, sort, animations, uuid, rxjs, notify, dragDrop, operators, hash, setting, ngxDeviceDetector, loading, translate, _export, forms, quickAction, common$1, formField, icon, input, table, progressSpinner, table$1, scrolling, menu, slider, button, service, tooltip, chips, radio, slideToggle, form, checkbox, list, divider, sideDrawer, utility) { 'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -1838,11 +1838,11 @@
             this.isSelectAll = false;
             this.exportTitle = 'Export';
             _initCellDef.set(this, function () {
-                var e_1, _x;
+                var e_1, _y;
                 _this.cellDef = {};
                 try {
-                    for (var _y = __values(_this.sdCellDefs), _z = _y.next(); !_z.done; _z = _y.next()) {
-                        var cellDef = _z.value;
+                    for (var _z = __values(_this.sdCellDefs), _0 = _z.next(); !_0.done; _0 = _z.next()) {
+                        var cellDef = _0.value;
                         if (cellDef.sdMaterialCellDef) {
                             _this.cellDef[cellDef.sdMaterialCellDef] = cellDef;
                         }
@@ -1851,35 +1851,35 @@
                 catch (e_1_1) { e_1 = { error: e_1_1 }; }
                 finally {
                     try {
-                        if (_z && !_z.done && (_x = _y.return)) _x.call(_y);
+                        if (_0 && !_0.done && (_y = _z.return)) _y.call(_z);
                     }
                     finally { if (e_1) throw e_1.error; }
                 }
             });
             _initFilterDef.set(this, function () {
-                var e_2, _x;
+                var e_2, _y;
                 _this.filterDefs = [];
                 try {
-                    for (var _y = __values(_this.sdFilterDefs), _z = _y.next(); !_z.done; _z = _y.next()) {
-                        var filterDef = _z.value;
+                    for (var _z = __values(_this.sdFilterDefs), _0 = _z.next(); !_0.done; _0 = _z.next()) {
+                        var filterDef = _0.value;
                         _this.filterDefs.push(filterDef);
                     }
                 }
                 catch (e_2_1) { e_2 = { error: e_2_1 }; }
                 finally {
                     try {
-                        if (_z && !_z.done && (_x = _y.return)) _x.call(_y);
+                        if (_0 && !_0.done && (_y = _z.return)) _y.call(_z);
                     }
                     finally { if (e_2) throw e_2.error; }
                 }
             });
             _initFooterDef.set(this, function () {
-                var e_3, _x;
+                var e_3, _y;
                 _this.footerDef = {};
                 _this.hasFooter = false;
                 try {
-                    for (var _y = __values(_this.sdFooterDefs), _z = _y.next(); !_z.done; _z = _y.next()) {
-                        var footerDef = _z.value;
+                    for (var _z = __values(_this.sdFooterDefs), _0 = _z.next(); !_0.done; _0 = _z.next()) {
+                        var footerDef = _0.value;
                         if (footerDef.sdMaterialFooterDef) {
                             _this.hasFooter = true;
                             _this.footerDef[footerDef.sdMaterialFooterDef] = footerDef;
@@ -1889,7 +1889,7 @@
                 catch (e_3_1) { e_3 = { error: e_3_1 }; }
                 finally {
                     try {
-                        if (_z && !_z.done && (_x = _y.return)) _x.call(_y);
+                        if (_0 && !_0.done && (_y = _z.return)) _y.call(_z);
                     }
                     finally { if (e_3) throw e_3.error; }
                 }
@@ -1921,7 +1921,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, _x;
+                    var e_4, _y;
                     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()) {
@@ -1995,7 +1995,7 @@
                     catch (e_4_1) { e_4 = { error: e_4_1 }; }
                     finally {
                         try {
-                            if (columns_1_1 && !columns_1_1.done && (_x = columns_1.return)) _x.call(columns_1);
+                            if (columns_1_1 && !columns_1_1.done && (_y = columns_1.return)) _y.call(columns_1);
                         }
                         finally { if (e_4) throw e_4.error; }
                     }
@@ -2053,37 +2053,37 @@
             _load$1.set(this, function (filterReq, force) {
                 if (force === void 0) { force = true; }
                 return __awaiter(_this, void 0, void 0, function () {
-                    var result, results, _x, error_1;
-                    return __generator(this, function (_y) {
-                        switch (_y.label) {
+                    var result, results, _y, error_1;
+                    return __generator(this, function (_z) {
+                        switch (_z.label) {
                             case 0:
                                 this.isLoading = true;
-                                _y.label = 1;
+                                _z.label = 1;
                             case 1:
-                                _y.trys.push([1, 8, 9, 10]);
+                                _z.trys.push([1, 8, 9, 10]);
                                 if (!(this.gridOption.type === 'server')) return [3 /*break*/, 3];
                                 result = this.gridOption.items(filterReq);
                                 if (rxjs.isObservable(result)) {
                                     result = result.toPromise();
                                 }
                                 return [4 /*yield*/, result];
-                            case 2: return [2 /*return*/, _y.sent()];
+                            case 2: return [2 /*return*/, _z.sent()];
                             case 3:
                                 if (!force) return [3 /*break*/, 6];
                                 results = this.gridOption.items();
                                 if (!(results instanceof Promise)) return [3 /*break*/, 5];
-                                _x = this;
+                                _y = this;
                                 return [4 /*yield*/, results];
                             case 4:
-                                _x.localItems = _y.sent();
+                                _y.localItems = _z.sent();
                                 return [3 /*break*/, 6];
                             case 5:
                                 this.localItems = results;
-                                _y.label = 6;
+                                _z.label = 6;
                             case 6: return [2 /*return*/, __classPrivateFieldGet(this, _filterLocal).call(this, this.localItems, filterReq)];
                             case 7: return [3 /*break*/, 10];
                             case 8:
-                                error_1 = _y.sent();
+                                error_1 = _z.sent();
                                 this.notifyService.handle.error(error_1);
                                 return [3 /*break*/, 10];
                             case 9:
@@ -2097,8 +2097,8 @@
             });
             _render.set(this, function (args) { return __awaiter(_this, void 0, void 0, function () {
                 var _a, _b, _c;
-                return __generator(this, function (_x) {
-                    switch (_x.label) {
+                return __generator(this, function (_y) {
+                    switch (_y.label) {
                         case 0:
                             this.items = (args === null || args === void 0 ? void 0 : args.items) || [];
                             this.total = (args === null || args === void 0 ? void 0 : args.total) || 0;
@@ -2108,7 +2108,7 @@
                             });
                             return [4 /*yield*/, ((_c = (_b = (_a = this.gridOption) === null || _a === void 0 ? void 0 : _a.reload) === null || _b === void 0 ? void 0 : _b.onReload) === null || _c === void 0 ? void 0 : _c.call(_b, this.items))];
                         case 1:
-                            _x.sent();
+                            _y.sent();
                             this.isSelectAll = this.items.every(function (e) { return e.isSelected; });
                             __classPrivateFieldGet(this, _updateSelectedItems).call(this);
                             return [2 /*return*/];
@@ -2118,12 +2118,13 @@
             this.reload = function (force) {
                 if (force === void 0) { force = true; }
                 return __awaiter(_this, void 0, void 0, function () {
-                    var data;
-                    return __generator(this, function (_x) {
-                        switch (_x.label) {
+                    var _d, data;
+                    return __generator(this, function (_y) {
+                        switch (_y.label) {
                             case 0: return [4 /*yield*/, __classPrivateFieldGet(this, _load$1).call(this, __classPrivateFieldGet(this, _getFilter).call(this), force)];
                             case 1:
-                                data = _x.sent();
+                                data = _y.sent();
+                                (_d = this.sdScroll) === null || _d === void 0 ? void 0 : _d.scrollTop();
                                 __classPrivateFieldGet(this, _render).call(this, data);
                                 return [2 /*return*/];
                         }
@@ -2134,12 +2135,12 @@
                 if (pageNumber === void 0) { pageNumber = 0; }
                 if (pageSize === void 0) { pageSize = 10000; }
                 return __awaiter(_this, void 0, void 0, function () {
-                    var _d, _e, result, filterInfo, result, exportedItems, results;
-                    return __generator(this, function (_x) {
-                        switch (_x.label) {
+                    var _e, _f, result, filterInfo, result, exportedItems, results;
+                    return __generator(this, function (_y) {
+                        switch (_y.label) {
                             case 0:
-                                if (!((_d = this.gridOption.export) === null || _d === void 0 ? void 0 : _d.items)) return [3 /*break*/, 2];
-                                result = (_e = this.gridOption.export) === null || _e === void 0 ? void 0 : _e.items(__classPrivateFieldGet(this, _filterExportInfo).call(this, pageNumber, pageSize));
+                                if (!((_e = this.gridOption.export) === null || _e === void 0 ? void 0 : _e.items)) return [3 /*break*/, 2];
+                                result = (_f = this.gridOption.export) === null || _f === void 0 ? void 0 : _f.items(__classPrivateFieldGet(this, _filterExportInfo).call(this, pageNumber, pageSize));
                                 if (Array.isArray(result)) {
                                     return [2 /*return*/, result];
                                 }
@@ -2150,7 +2151,7 @@
                                     result = result.toPromise();
                                 }
                                 return [4 /*yield*/, result];
-                            case 1: return [2 /*return*/, _x.sent()];
+                            case 1: return [2 /*return*/, _y.sent()];
                             case 2:
                                 filterInfo = __classPrivateFieldGet(this, _filterExportInfo).call(this, pageNumber, pageSize);
                                 if (!(this.gridOption.type === 'server')) return [3 /*break*/, 4];
@@ -2159,7 +2160,7 @@
                                     result = result.toPromise();
                                 }
                                 return [4 /*yield*/, result];
-                            case 3: return [2 /*return*/, _x.sent()];
+                            case 3: return [2 /*return*/, _y.sent()];
                             case 4:
                                 exportedItems = [];
                                 if (!(typeof (this.gridOption.items) === 'function')) return [3 /*break*/, 8];
@@ -2167,15 +2168,15 @@
                                 if (!(results instanceof Promise)) return [3 /*break*/, 6];
                                 return [4 /*yield*/, results];
                             case 5:
-                                exportedItems = _x.sent();
+                                exportedItems = _y.sent();
                                 return [3 /*break*/, 7];
                             case 6:
                                 exportedItems = results;
-                                _x.label = 7;
+                                _y.label = 7;
                             case 7: return [3 /*break*/, 9];
                             case 8:
                                 exportedItems = this.gridOption.items;
-                                _x.label = 9;
+                                _y.label = 9;
                             case 9: return [2 /*return*/, __classPrivateFieldGet(this, _filterLocal).call(this, exportedItems, filterInfo)];
                         }
                     });
@@ -2215,15 +2216,15 @@
                 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 _f, _g, _h, _j, _k, _l, _m, _o, _p, file, columns_2, isCSV, pageSize, total, pageNumber, exportItems, items, _loop_1, this_1, sheets, _x, _y, sheet, _z, _0, _1, e_5_1;
-                var e_5, _2;
+                var _g, _h, _j, _k, _l, _m, _o, _p, _q, file, columns_2, isCSV, pageSize, total, pageNumber, exportItems, items, _loop_1, this_1, sheets, _y, _z, sheet, _0, _1, _2, e_5_1;
+                var e_5, _3;
                 var _this = this;
-                return __generator(this, function (_3) {
-                    switch (_3.label) {
+                return __generator(this, function (_4) {
+                    switch (_4.label) {
                         case 0:
-                            _3.trys.push([0, , 18, 19]);
+                            _4.trys.push([0, , 18, 19]);
                             file = args.file, columns_2 = args.columns, isCSV = args.isCSV;
-                            pageSize = ((_g = (_f = this.gridOption) === null || _f === void 0 ? void 0 : _f.export) === null || _g === void 0 ? void 0 : _g.maxItemsPerRequest) || 1000;
+                            pageSize = ((_h = (_g = this.gridOption) === null || _g === void 0 ? void 0 : _g.export) === null || _h === void 0 ? void 0 : _h.maxItemsPerRequest) || 1000;
                             total = this.total;
                             pageNumber = 0;
                             exportItems = [];
@@ -2231,12 +2232,12 @@
                             items = [];
                             _loop_1 = function () {
                                 var res, results, totalPage, percent, allColumns, allExportedColumns, _loop_2, exportItems_1, exportItems_1_1, item, e_6_1;
-                                var e_6, _x;
-                                return __generator(this, function (_y) {
-                                    switch (_y.label) {
+                                var e_6, _y;
+                                return __generator(this, function (_z) {
+                                    switch (_z.label) {
                                         case 0: return [4 /*yield*/, __classPrivateFieldGet(this_1, _exportedItems).call(this_1, pageNumber, pageSize)];
                                         case 1:
-                                            res = _y.sent();
+                                            res = _z.sent();
                                             if ('items' in res) {
                                                 exportItems = res.items;
                                                 total = res.total;
@@ -2245,16 +2246,16 @@
                                                 exportItems = res;
                                                 // total = exportItems.length;
                                             }
-                                            if (!((_h = this_1.gridOption.export) === null || _h === void 0 ? void 0 : _h.mapping)) return [3 /*break*/, 4];
+                                            if (!((_j = this_1.gridOption.export) === null || _j === void 0 ? void 0 : _j.mapping)) return [3 /*break*/, 4];
                                             results = this_1.gridOption.export.mapping(exportItems);
                                             if (!(results instanceof Promise)) return [3 /*break*/, 3];
                                             return [4 /*yield*/, results];
                                         case 2:
-                                            exportItems = _y.sent();
+                                            exportItems = _z.sent();
                                             return [3 /*break*/, 4];
                                         case 3:
                                             exportItems = results;
-                                            _y.label = 4;
+                                            _z.label = 4;
                                         case 4:
                                             totalPage = total / pageSize;
                                             percent = Math.round(pageNumber * 100.0 / totalPage);
@@ -2263,15 +2264,15 @@
                                             allExportedColumns = __classPrivateFieldGet(this_1, _allExportedColumns).call(this_1);
                                             _loop_2 = function (item) {
                                                 var obj, handle, columns_3, columns_3_1, exportColumn, e_7_1;
-                                                var e_7, _x;
-                                                return __generator(this, function (_y) {
-                                                    switch (_y.label) {
+                                                var e_7, _y;
+                                                return __generator(this, function (_z) {
+                                                    switch (_z.label) {
                                                         case 0:
                                                             obj = {};
                                                             handle = function (exportColumn) { return __awaiter(_this, void 0, void 0, function () {
-                                                                var _q, _r, column, exportedColumn, transform, _x, _y, date, transformDate, date, transformDate, date, transformDate, _z, _0;
-                                                                return __generator(this, function (_1) {
-                                                                    switch (_1.label) {
+                                                                var _r, _s, column, exportedColumn, transform, _y, _z, date, transformDate, date, transformDate, date, transformDate, _0, _1;
+                                                                return __generator(this, function (_2) {
+                                                                    switch (_2.label) {
                                                                         case 0:
                                                                             obj[exportColumn.field] = item[exportColumn.field];
                                                                             column = allColumns.find(function (e) { return e.field === exportColumn.field; });
@@ -2293,15 +2294,15 @@
                                                                             if (!column.transform) return [3 /*break*/, 4];
                                                                             transform = column.transform(item[column.field], item);
                                                                             if (!(transform instanceof Promise)) return [3 /*break*/, 2];
-                                                                            _x = obj;
-                                                                            _y = column.field;
+                                                                            _y = obj;
+                                                                            _z = column.field;
                                                                             return [4 /*yield*/, transform];
                                                                         case 1:
-                                                                            _x[_y] = _1.sent();
+                                                                            _y[_z] = _2.sent();
                                                                             return [3 /*break*/, 3];
                                                                         case 2:
                                                                             obj[column.field] = transform;
-                                                                            _1.label = 3;
+                                                                            _2.label = 3;
                                                                         case 3: return [3 /*break*/, 13];
                                                                         case 4:
                                                                             if (!(item[column.field] === undefined || item[column.field] === null || item[column.field] === '')) return [3 /*break*/, 5];
@@ -2316,10 +2317,10 @@
                                                                             if (!(column.type === 'bool')) return [3 /*break*/, 7];
                                                                             // Nếu là bool thì gán bằng giá trị trueValue và falseValue (nếu có), mặc định là TRUE/FALSE
                                                                             if (item[column.field]) {
-                                                                                obj[column.field] = ((_q = column.option) === null || _q === void 0 ? void 0 : _q.displayOnTrue) || 'True';
+                                                                                obj[column.field] = ((_r = column.option) === null || _r === void 0 ? void 0 : _r.displayOnTrue) || 'True';
                                                                             }
                                                                             else if (obj[column.field] !== undefined && obj[column.field] !== null) {
-                                                                                obj[column.field] = ((_r = column.option) === null || _r === void 0 ? void 0 : _r.displayOnFalse) || 'False';
+                                                                                obj[column.field] = ((_s = column.option) === null || _s === void 0 ? void 0 : _s.displayOnFalse) || 'False';
                                                                             }
                                                                             return [3 /*break*/, 13];
                                                                         case 7:
@@ -2355,43 +2356,43 @@
                                                                         case 10:
                                                                             if (!(column.type === 'values')) return [3 /*break*/, 12];
                                                                             // Nếu là values thì lấy giá trị của value được chọn
-                                                                            _z = obj;
-                                                                            _0 = column.field;
+                                                                            _0 = obj;
+                                                                            _1 = column.field;
                                                                             return [4 /*yield*/, this.columnValuesPipe.transform(item[column.field], column)];
                                                                         case 11:
                                                                             // Nếu là values thì lấy giá trị của value được chọn
-                                                                            _z[_0] = _1.sent();
+                                                                            _0[_1] = _2.sent();
                                                                             return [3 /*break*/, 13];
                                                                         case 12:
                                                                             obj[column.field] = item[column.field];
-                                                                            _1.label = 13;
+                                                                            _2.label = 13;
                                                                         case 13: return [2 /*return*/];
                                                                     }
                                                                 });
                                                             }); };
-                                                            _y.label = 1;
+                                                            _z.label = 1;
                                                         case 1:
-                                                            _y.trys.push([1, 6, 7, 8]);
+                                                            _z.trys.push([1, 6, 7, 8]);
                                                             columns_3 = (e_7 = void 0, __values(columns_2)), columns_3_1 = columns_3.next();
-                                                            _y.label = 2;
+                                                            _z.label = 2;
                                                         case 2:
                                                             if (!!columns_3_1.done) return [3 /*break*/, 5];
                                                             exportColumn = columns_3_1.value;
                                                             return [4 /*yield*/, handle(exportColumn)];
                                                         case 3:
-                                                            _y.sent();
-                                                            _y.label = 4;
+                                                            _z.sent();
+                                                            _z.label = 4;
                                                         case 4:
                                                             columns_3_1 = columns_3.next();
                                                             return [3 /*break*/, 2];
                                                         case 5: return [3 /*break*/, 8];
                                                         case 6:
-                                                            e_7_1 = _y.sent();
+                                                            e_7_1 = _z.sent();
                                                             e_7 = { error: e_7_1 };
                                                             return [3 /*break*/, 8];
                                                         case 7:
                                                             try {
-                                                                if (columns_3_1 && !columns_3_1.done && (_x = columns_3.return)) _x.call(columns_3);
+                                                                if (columns_3_1 && !columns_3_1.done && (_y = columns_3.return)) _y.call(columns_3);
                                                             }
                                                             finally { if (e_7) throw e_7.error; }
                                                             return [7 /*endfinally*/];
@@ -2401,29 +2402,29 @@
                                                     }
                                                 });
                                             };
-                                            _y.label = 5;
+                                            _z.label = 5;
                                         case 5:
-                                            _y.trys.push([5, 10, 11, 12]);
+                                            _z.trys.push([5, 10, 11, 12]);
                                             exportItems_1 = (e_6 = void 0, __values(exportItems)), exportItems_1_1 = exportItems_1.next();
-                                            _y.label = 6;
+                                            _z.label = 6;
                                         case 6:
                                             if (!!exportItems_1_1.done) return [3 /*break*/, 9];
                                             item = exportItems_1_1.value;
                                             return [5 /*yield**/, _loop_2(item)];
                                         case 7:
-                                            _y.sent();
-                                            _y.label = 8;
+                                            _z.sent();
+                                            _z.label = 8;
                                         case 8:
                                             exportItems_1_1 = exportItems_1.next();
                                             return [3 /*break*/, 6];
                                         case 9: return [3 /*break*/, 12];
                                         case 10:
-                                            e_6_1 = _y.sent();
+                                            e_6_1 = _z.sent();
                                             e_6 = { error: e_6_1 };
                                             return [3 /*break*/, 12];
                                         case 11:
                                             try {
-                                                if (exportItems_1_1 && !exportItems_1_1.done && (_x = exportItems_1.return)) _x.call(exportItems_1);
+                                                if (exportItems_1_1 && !exportItems_1_1.done && (_y = exportItems_1.return)) _y.call(exportItems_1);
                                             }
                                             finally { if (e_6) throw e_6.error; }
                                             return [7 /*endfinally*/];
@@ -2434,12 +2435,12 @@
                                 });
                             };
                             this_1 = this;
-                            _3.label = 1;
+                            _4.label = 1;
                         case 1:
                             if (!(pageNumber * pageSize < total)) return [3 /*break*/, 3];
                             return [5 /*yield**/, _loop_1()];
                         case 2:
-                            _3.sent();
+                            _4.sent();
                             return [3 /*break*/, 1];
                         case 3:
                             if (!!(file === null || file === void 0 ? void 0 : file.filePath)) return [3 /*break*/, 16];
@@ -2447,22 +2448,22 @@
                             return [4 /*yield*/, this.exportService.exportCSV({
                                     columns: columns_2,
                                     items: items,
-                                    fileName: (_k = (_j = this.gridOption) === null || _j === void 0 ? void 0 : _j.export) === null || _k === void 0 ? void 0 : _k.fileName
+                                    fileName: (_l = (_k = this.gridOption) === null || _k === void 0 ? void 0 : _k.export) === null || _l === void 0 ? void 0 : _l.fileName
                                 })];
                         case 4:
-                            _3.sent();
+                            _4.sent();
                             return [2 /*return*/];
                         case 5:
                             sheets = [];
-                            if (!Array.isArray((_m = (_l = this.gridOption) === null || _l === void 0 ? void 0 : _l.export) === null || _m === void 0 ? void 0 : _m.sheets)) return [3 /*break*/, 14];
-                            _3.label = 6;
+                            if (!Array.isArray((_o = (_m = this.gridOption) === null || _m === void 0 ? void 0 : _m.export) === null || _o === void 0 ? void 0 : _o.sheets)) return [3 /*break*/, 14];
+                            _4.label = 6;
                         case 6:
-                            _3.trys.push([6, 12, 13, 14]);
-                            _x = __values(this.gridOption.export.sheets), _y = _x.next();
-                            _3.label = 7;
+                            _4.trys.push([6, 12, 13, 14]);
+                            _y = __values(this.gridOption.export.sheets), _z = _y.next();
+                            _4.label = 7;
                         case 7:
-                            if (!!_y.done) return [3 /*break*/, 11];
-                            sheet = _y.value;
+                            if (!!_z.done) return [3 /*break*/, 11];
+                            sheet = _z.value;
                             if (!(sheet.name && sheet.items && sheet.fields)) return [3 /*break*/, 10];
                             if (!Array.isArray(sheet.items)) return [3 /*break*/, 8];
                             sheets.push({
@@ -2472,38 +2473,38 @@
                             });
                             return [3 /*break*/, 10];
                         case 8:
-                            _0 = (_z = sheets).push;
-                            _1 = {
+                            _1 = (_0 = sheets).push;
+                            _2 = {
                                 name: sheet.name
                             };
                             return [4 /*yield*/, sheet.items()];
                         case 9:
-                            _0.apply(_z, [(_1.items = _3.sent(),
-                                    _1.fields = sheet.fields,
-                                    _1)]);
-                            _3.label = 10;
+                            _1.apply(_0, [(_2.items = _4.sent(),
+                                    _2.fields = sheet.fields,
+                                    _2)]);
+                            _4.label = 10;
                         case 10:
-                            _y = _x.next();
+                            _z = _y.next();
                             return [3 /*break*/, 7];
                         case 11: return [3 /*break*/, 14];
                         case 12:
-                            e_5_1 = _3.sent();
+                            e_5_1 = _4.sent();
                             e_5 = { error: e_5_1 };
                             return [3 /*break*/, 14];
                         case 13:
                             try {
-                                if (_y && !_y.done && (_2 = _x.return)) _2.call(_x);
+                                if (_z && !_z.done && (_3 = _y.return)) _3.call(_y);
                             }
                             finally { if (e_5) throw e_5.error; }
                             return [7 /*endfinally*/];
                         case 14: return [4 /*yield*/, this.exportService.export({
                                 columns: columns_2,
                                 items: items,
-                                fileName: (_p = (_o = this.gridOption) === null || _o === void 0 ? void 0 : _o.export) === null || _p === void 0 ? void 0 : _p.fileName,
+                                fileName: (_q = (_p = this.gridOption) === null || _p === void 0 ? void 0 : _p.export) === null || _q === void 0 ? void 0 : _q.fileName,
                                 sheets: sheets
                             })];
                         case 15:
-                            _3.sent();
+                            _4.sent();
                             return [2 /*return*/];
                         case 16: return [4 /*yield*/, this.exportService.exportByTemplate({
                                 filePath: file.filePath,
@@ -2512,7 +2513,7 @@
                                 items: items
                             })];
                         case 17:
-                            _3.sent();
+                            _4.sent();
                             return [3 /*break*/, 19];
                         case 18:
                             this.isExporting = false;
@@ -2526,7 +2527,7 @@
             this.onExport = function (args) { return __awaiter(_this, void 0, void 0, function () {
                 var translate;
                 var _this = this;
-                return __generator(this, function (_x) {
+                return __generator(this, function (_y) {
                     translate = this.translateService.translate;
                     if (!args.isCSV && this.gridOption.export.max && this.total > this.gridOption.export.max) {
                         this.notifyService.confirm(translate("Total rows reach limit, do you want to export CSV")).then(function () {
@@ -2544,9 +2545,9 @@
                 _this.reload(false);
             };
             this.onExpand = function (rowData) { return __awaiter(_this, void 0, void 0, function () {
-                var _s, _t, _u, _v, _w, data;
-                return __generator(this, function (_x) {
-                    if ((_s = this.gridOption.subInformation) === null || _s === void 0 ? void 0 : _s.always) {
+                var _t, _u, _v, _w, _x, data;
+                return __generator(this, function (_y) {
+                    if ((_t = this.gridOption.subInformation) === null || _t === void 0 ? void 0 : _t.always) {
                         return [2 /*return*/];
                     }
                     if (rowData.isExpanding) {
@@ -2556,8 +2557,8 @@
                         rowData.isExpanded = false;
                         return [2 /*return*/];
                     }
-                    data = (_v = (_u = (_t = this.gridOption) === null || _t === void 0 ? void 0 : _t.subInformation) === null || _u === void 0 ? void 0 : _u.onExpand) === null || _v === void 0 ? void 0 : _v.call(_u, rowData);
-                    if (!((_w = this.gridOption.subInformation) === null || _w === void 0 ? void 0 : _w.multiple)) {
+                    data = (_w = (_v = (_u = this.gridOption) === null || _u === void 0 ? void 0 : _u.subInformation) === null || _v === void 0 ? void 0 : _v.onExpand) === null || _w === void 0 ? void 0 : _w.call(_v, rowData);
+                    if (!((_x = this.gridOption.subInformation) === null || _x === void 0 ? void 0 : _x.multiple)) {
                         this.items.forEach(function (item) { return item.isExpanding = item.isExpanded = false; });
                     }
                     if (data instanceof Promise) {
@@ -2630,7 +2631,7 @@
             };
             this.onCreate = function () {
                 var _a, _b;
-                var _x = _this.gridOption, type = _x.type, editor = _x.editor, columns = _x.columns;
+                var _y = _this.gridOption, type = _y.type, editor = _y.editor, columns = _y.columns;
                 if (!(editor === null || editor === void 0 ? void 0 : editor.addable)) {
                     return;
                 }
@@ -2686,23 +2687,23 @@
             };
             this.onSave = function (item) { return __awaiter(_this, void 0, void 0, function () {
                 var editor, result, message, result, err_1;
-                return __generator(this, function (_x) {
-                    switch (_x.label) {
+                return __generator(this, function (_y) {
+                    switch (_y.label) {
                         case 0:
                             if (item.editorHandlerRow.saving) {
                                 return [2 /*return*/];
                             }
                             editor = this.gridOption.editor;
-                            _x.label = 1;
+                            _y.label = 1;
                         case 1:
-                            _x.trys.push([1, 7, 8, 9]);
+                            _y.trys.push([1, 7, 8, 9]);
                             item.editorHandlerRow.saving = true;
                             if (!editor.validate) return [3 /*break*/, 4];
                             result = editor.validate(item, this.items.indexOf(item));
                             if (!(result instanceof Promise)) return [3 /*break*/, 3];
                             return [4 /*yield*/, result];
                         case 2:
-                            message = _x.sent();
+                            message = _y.sent();
                             if (message) {
                                 throw message;
                             }
@@ -2711,15 +2712,15 @@
                             if (result) {
                                 throw result;
                             }
-                            _x.label = 4;
+                            _y.label = 4;
                         case 4:
                             if (!editor.onSave) return [3 /*break*/, 6];
                             result = editor.onSave(item);
                             if (!(result instanceof Promise)) return [3 /*break*/, 6];
                             return [4 /*yield*/, result];
                         case 5:
-                            _x.sent();
-                            _x.label = 6;
+                            _y.sent();
+                            _y.label = 6;
                         case 6:
                             if (item.editorStatus === 'create' && editor.type === 'popup') {
                                 if (this.gridOption.type === 'local') {
@@ -2730,7 +2731,7 @@
                             item.editorStatus = undefined;
                             return [3 /*break*/, 9];
                         case 7:
-                            err_1 = _x.sent();
+                            err_1 = _y.sent();
                             this.notifyService.notify.warning(err_1);
                             return [3 /*break*/, 9];
                         case 8:
@@ -2967,6 +2968,7 @@
         { type: SdEditorHandlerColumnPipe }
     ]; };
     SdGridMaterial.propDecorators = {
+        sdScroll: [{ type: core.ViewChild, args: [common.SdScrollDirective,] }],
         quickAction: [{ type: core.ViewChild, args: [quickAction.SdQuickAction,] }],
         _gridFilter: [{ type: core.ViewChild, args: [SdGridFilter,] }],
         option: [{ type: core.Input }],
@@ -3431,7 +3433,7 @@
     SdDesktopCommand.decorators = [
         { type: core.Component, args: [{
                     selector: 'sd-desktop-command',
-                    template: "<ng-container *ngIf=\"item | commandFilter:commands | async; $implicit as filteredCommands\">\r\n  <ng-container *ngFor=\"let command of filteredCommands\">\r\n    <ng-container *ngIf=\"command?.click; else elseChildren\">\r\n      <button (click)=\"command.click(item)\" [matTooltip]=\"command.title | commandTitle:item\" aria-hidden=\"true\"\r\n        [disabled]=\"item | commandDisable:command\" mat-icon-button>\r\n        <mat-icon class=\"c-icon\" [fontSet]=\"command.fontSet\">{{command | commandIcon:item}}</mat-icon>\r\n      </button>\r\n    </ng-container>\r\n    <ng-template #elseChildren>\r\n      <button [matMenuTriggerFor]=\"menu\" aria-hidden=\"true\" mat-icon-button>\r\n        <mat-icon *ngIf=\"command?.icon\" class=\"c-icon\" [fontSet]=\"command.fontSet\">{{command | commandIcon:item}}\r\n        </mat-icon>\r\n        <mat-icon *ngIf=\"!command?.icon\" class=\"c-icon\">more_vert</mat-icon>\r\n      </button>\r\n      <mat-menu #menu=\"matMenu\">\r\n        <span>\r\n          <button *ngFor=\"let childCommand of command.children\" mat-menu-item (click)=\"childCommand.click(item)\"\r\n            [disabled]=\"item | commandDisable:childCommand\">\r\n            <ng-container *ngIf=\"!childCommand.htmlTemplate\">\r\n              <mat-icon [fontSet]=\"command.fontSet\" class=\"c-icon\">{{childCommand | commandIcon:item}}\r\n              </mat-icon>\r\n              <span> {{childCommand | commandTitle:item}}</span>\r\n            </ng-container>\r\n            <ng-container *ngIf=\"childCommand.htmlTemplate\">\r\n              <div [innerHTML]=\"childCommand.htmlTemplate(item)\"></div>\r\n            </ng-container>\r\n          </button>\r\n        </span>\r\n      </mat-menu>\r\n    </ng-template>\r\n  </ng-container>\r\n</ng-container>\r\n",
+                    template: "<ng-container *ngIf=\"item | commandFilter:commands | async; $implicit as filteredCommands\">\r\n  <ng-container *ngFor=\"let command of filteredCommands\">\r\n    <ng-container *ngIf=\"command?.click; else elseChildren\">\r\n      <button (click)=\"command.click(item)\" [matTooltip]=\"command | commandTitle:item\" aria-hidden=\"true\"\r\n        [disabled]=\"item | commandDisable:command\" mat-icon-button>\r\n        <mat-icon class=\"c-icon\" [fontSet]=\"command.fontSet\">{{command | commandIcon:item}}</mat-icon>\r\n      </button>\r\n    </ng-container>\r\n    <ng-template #elseChildren>\r\n      <button [matMenuTriggerFor]=\"menu\" aria-hidden=\"true\" mat-icon-button>\r\n        <mat-icon *ngIf=\"command?.icon\" class=\"c-icon\" [fontSet]=\"command.fontSet\">{{command | commandIcon:item}}\r\n        </mat-icon>\r\n        <mat-icon *ngIf=\"!command?.icon\" class=\"c-icon\">more_vert</mat-icon>\r\n      </button>\r\n      <mat-menu #menu=\"matMenu\">\r\n        <span>\r\n          <button *ngFor=\"let childCommand of command.children\" mat-menu-item (click)=\"childCommand.click(item)\"\r\n            [disabled]=\"item | commandDisable:childCommand\">\r\n            <ng-container *ngIf=\"!childCommand.htmlTemplate\">\r\n              <mat-icon [fontSet]=\"command.fontSet\" class=\"c-icon\">{{childCommand | commandIcon:item}}\r\n              </mat-icon>\r\n              <span> {{childCommand | commandTitle:item}}</span>\r\n            </ng-container>\r\n            <ng-container *ngIf=\"childCommand.htmlTemplate\">\r\n              <div [innerHTML]=\"childCommand.htmlTemplate(item)\"></div>\r\n            </ng-container>\r\n          </button>\r\n        </span>\r\n      </mat-menu>\r\n    </ng-template>\r\n  </ng-container>\r\n</ng-container>\r\n",
                     changeDetection: core.ChangeDetectionStrategy.OnPush,
                     styles: [":host{align-items:center;display:flex}mat-icon.c-icon{color:rgba(0,0,0,.54)!important}"]
                 },] }
@@ -4783,7 +4785,7 @@
     SdGridMaterialModule.decorators = [
         { type: core.NgModule, args: [{
                     imports: [
-                        common.CommonModule,
+                        common$1.CommonModule,
                         forms.FormsModule,
                         forms.ReactiveFormsModule,
                         input.MatInputModule,
@@ -4808,7 +4810,7 @@
                         service.SdServiceModule,
                         slider.MatSliderModule,
                         scrolling.ScrollingModule,
-                        common$1.SdCommonModule
+                        common.SdCommonModule
                     ],
                     declarations: [
                         SdGridQuickAction,
@@ -4865,8 +4867,8 @@
                         SdMaterialSubInformationDefDirective
                     ],
                     providers: [
-                        common.DatePipe,
-                        common.DecimalPipe,
+                        common$1.DatePipe,
+                        common$1.DecimalPipe,
                         table$1.CdkColumnDef,
                         SdGridFilterService,
                         SdGridConfigurationService,