@sd-angular/core 1.2.33 → 1.2.36

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

@@ -1,4 +1,4 @@
-import { SdCommonModule } from '@sd-angular/core/common';
+import { SdScrollDirective, SdCommonModule } from '@sd-angular/core/common';
 import { Directive, TemplateRef, Input, InjectionToken, EventEmitter, Component, ChangeDetectionStrategy, ChangeDetectorRef, ViewChild, Output, Injectable, Inject, Optional, Pipe, QueryList, ContentChild, ContentChildren, HostListener, NgModule } from '@angular/core';
 import { __awaiter, __classPrivateFieldGet, __rest, __classPrivateFieldSet } from 'tslib';
 import { MatPaginator, MatPaginatorIntl, MatPaginatorModule } from '@angular/material/paginator';
@@ -1471,14 +1471,16 @@ class SdGridMaterial {
             __classPrivateFieldGet(this, _updateSelectedItems).call(this);
         }));
         this.reload = (force = true) => __awaiter(this, void 0, void 0, function* () {
+            var _d;
             const data = yield __classPrivateFieldGet(this, _load$1).call(this, __classPrivateFieldGet(this, _getFilter).call(this), force);
+            (_d = this.sdScroll) === null || _d === void 0 ? void 0 : _d.scrollTop();
             __classPrivateFieldGet(this, _render).call(this, data);
         });
         _exportedItems.set(this, (pageNumber = 0, pageSize = 10000) => __awaiter(this, void 0, void 0, function* () {
-            var _d, _e;
-            if ((_d = this.gridOption.export) === null || _d === void 0 ? void 0 : _d.items) {
+            var _e, _f;
+            if ((_e = this.gridOption.export) === null || _e === void 0 ? void 0 : _e.items) {
                 // const exportedItems = this.gridOption.export?.items(this.#filterExportInfo(pageNumber, pageSize));
-                let result = (_e = this.gridOption.export) === null || _e === void 0 ? void 0 : _e.items(__classPrivateFieldGet(this, _filterExportInfo).call(this, pageNumber, pageSize));
+                let 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 result;
                 }
@@ -1551,10 +1553,10 @@ class SdGridMaterial {
             return ((_b = (_a = this.gridOption.export) === null || _a === void 0 ? void 0 : _a.columns) === null || _b === void 0 ? void 0 : _b.filter(e => { var _a; return !((_a = e.export) === null || _a === void 0 ? void 0 : _a.disabled); })) || [];
         });
         _onExport.set(this, (args) => __awaiter(this, void 0, void 0, function* () {
-            var _f, _g, _h, _j, _k, _l, _m, _o, _p;
+            var _g, _h, _j, _k, _l, _m, _o, _p, _q;
             try {
                 const { file, columns, isCSV } = args;
-                const pageSize = ((_g = (_f = this.gridOption) === null || _f === void 0 ? void 0 : _f.export) === null || _g === void 0 ? void 0 : _g.maxItemsPerRequest) || 1000;
+                const pageSize = ((_h = (_g = this.gridOption) === null || _g === void 0 ? void 0 : _g.export) === null || _h === void 0 ? void 0 : _h.maxItemsPerRequest) || 1000;
                 let total = this.total;
                 let pageNumber = 0;
                 let exportItems = [];
@@ -1570,7 +1572,7 @@ class SdGridMaterial {
                         exportItems = res;
                         // total = exportItems.length;
                     }
-                    if ((_h = this.gridOption.export) === null || _h === void 0 ? void 0 : _h.mapping) {
+                    if ((_j = this.gridOption.export) === null || _j === void 0 ? void 0 : _j.mapping) {
                         const results = this.gridOption.export.mapping(exportItems);
                         if (results instanceof Promise) {
                             exportItems = yield results;
@@ -1587,7 +1589,7 @@ class SdGridMaterial {
                     for (const item of exportItems) {
                         const obj = {};
                         const handle = (exportColumn) => __awaiter(this, void 0, void 0, function* () {
-                            var _q, _r;
+                            var _r, _s;
                             obj[exportColumn.field] = item[exportColumn.field];
                             const column = allColumns.find(e => e.field === exportColumn.field);
                             const exportedColumn = allExportedColumns.find(e => e.field === exportColumn.field);
@@ -1624,10 +1626,10 @@ class SdGridMaterial {
                             else if (column.type === 'bool') {
                                 // 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';
                                 }
                             }
                             else if (column.type === 'date') {
@@ -1678,12 +1680,12 @@ class SdGridMaterial {
                         yield this.exportService.exportCSV({
                             columns,
                             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
                         });
                         return;
                     }
                     const sheets = [];
-                    if (Array.isArray((_m = (_l = this.gridOption) === null || _l === void 0 ? void 0 : _l.export) === null || _m === void 0 ? void 0 : _m.sheets)) {
+                    if (Array.isArray((_o = (_m = this.gridOption) === null || _m === void 0 ? void 0 : _m.export) === null || _o === void 0 ? void 0 : _o.sheets)) {
                         for (const sheet of this.gridOption.export.sheets) {
                             if (sheet.name && sheet.items && sheet.fields) {
                                 if (Array.isArray(sheet.items)) {
@@ -1706,7 +1708,7 @@ class SdGridMaterial {
                     yield this.exportService.export({
                         columns,
                         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
                     });
                     return;
@@ -1740,8 +1742,8 @@ class SdGridMaterial {
             this.reload(false);
         };
         this.onExpand = (rowData) => __awaiter(this, void 0, void 0, function* () {
-            var _s, _t, _u, _v, _w;
-            if ((_s = this.gridOption.subInformation) === null || _s === void 0 ? void 0 : _s.always) {
+            var _t, _u, _v, _w, _x;
+            if ((_t = this.gridOption.subInformation) === null || _t === void 0 ? void 0 : _t.always) {
                 return;
             }
             if (rowData.isExpanding) {
@@ -1751,8 +1753,8 @@ class SdGridMaterial {
                 rowData.isExpanded = false;
                 return;
             }
-            const 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)) {
+            const 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(item => item.isExpanding = item.isExpanded = false);
             }
             if (data instanceof Promise) {
@@ -2113,6 +2115,7 @@ SdGridMaterial.ctorParameters = () => [
     { type: SdEditorHandlerColumnPipe }
 ];
 SdGridMaterial.propDecorators = {
+    sdScroll: [{ type: ViewChild, args: [SdScrollDirective,] }],
     quickAction: [{ type: ViewChild, args: [SdQuickAction,] }],
     _gridFilter: [{ type: ViewChild, args: [SdGridFilter,] }],
     option: [{ type: Input }],
@@ -2451,7 +2454,7 @@ class SdDesktopCommand {
 SdDesktopCommand.decorators = [
     { type: 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: ChangeDetectionStrategy.OnPush,
                 styles: [":host{align-items:center;display:flex}mat-icon.c-icon{color:rgba(0,0,0,.54)!important}"]
             },] }