@sd-angular/core 1.2.22 → 1.2.25

package/bundles/sd-angular-core-upload-excel.umd.js

@@ -327,14 +327,39 @@
         return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
     }
 
+    var SdColumnHiddenPipe = /** @class */ (function () {
+        function SdColumnHiddenPipe() {
+        }
+        SdColumnHiddenPipe.prototype.transform = function (column) {
+            if (column.hidden === undefined) {
+                return true;
+            }
+            if (typeof (column.hidden) === 'boolean') {
+                return !column.hidden;
+            }
+            if (typeof (column.hidden) === 'function') {
+                return !column.hidden();
+            }
+            return false;
+        };
+        return SdColumnHiddenPipe;
+    }());
+    SdColumnHiddenPipe.decorators = [
+        { type: core.Pipe, args: [{
+                    name: 'columnHidden'
+                },] }
+    ];
+    SdColumnHiddenPipe.ctorParameters = function () { return []; };
+
     var _paginator, _subscription, _reset, _reload, _mapItem, _import, _isValidDate, _isValidTime, _isValidDateTime;
     var SdUploadExcel = /** @class */ (function () {
-        function SdUploadExcel(ref, exportService, translateService, notifyService, loadingService) {
+        function SdUploadExcel(ref, exportService, translateService, notifyService, sdColumnHidden, loadingService) {
             var _this = this;
             this.ref = ref;
             this.exportService = exportService;
             this.translateService = translateService;
             this.notifyService = notifyService;
+            this.sdColumnHidden = sdColumnHidden;
             this.loadingService = loadingService;
             this.importId = 'I' + uuid.v4();
             this.items = [];
@@ -389,17 +414,17 @@
                 _this.numberOfWarning = _this.items.filter(function (item) { var _a, _b; return ((_a = item.validation) === null || _a === void 0 ? void 0 : _a.warning) && !((_b = item.validation) === null || _b === void 0 ? void 0 : _b.error); }).length;
             });
             this.upload = function () { return __awaiter(_this, void 0, void 0, function () {
-                var _a, _b, translate, _f, items, file, offset, _g, _h, _j, idx, item, e_1_1, results, results, err_1;
-                var e_1, _k;
+                var translate, _f, items, file, offset, mappingItems, data, _g, _h, _j, _k, idx, item, e_1_1, results, results, err_1;
+                var e_1, _l;
                 var _this = this;
-                return __generator(this, function (_l) {
-                    switch (_l.label) {
+                return __generator(this, function (_m) {
+                    switch (_m.label) {
                         case 0:
-                            _l.trys.push([0, 14, 15, 16]);
+                            _m.trys.push([0, 19, 20, 21]);
                             translate = this.translateService.translate;
                             return [4 /*yield*/, __classPrivateFieldGet(this, _import).call(this)];
                         case 1:
-                            _f = _l.sent(), items = _f.items, file = _f.file;
+                            _f = _m.sent(), items = _f.items, file = _f.file;
                             if (this.option.columns.some(function (e) { return !!e.description; })) {
                                 this.hasDescription = true;
                             }
@@ -418,70 +443,86 @@
                             }
                             __classPrivateFieldGet(this, _reset).call(this);
                             this.originItems = items;
-                            this.items = ((_b = (_a = this.option).mappingItems) === null || _b === void 0 ? void 0 : _b.call(_a, items)) || items;
-                            this.file = file;
-                            this.loadingService.start();
-                            _l.label = 2;
+                            mappingItems = this.option.mappingItems;
+                            if (!mappingItems) return [3 /*break*/, 5];
+                            data = mappingItems(items);
+                            if (!(data instanceof Promise)) return [3 /*break*/, 3];
+                            _g = this;
+                            return [4 /*yield*/, data];
                         case 2:
-                            _l.trys.push([2, 7, 8, 9]);
-                            _g = __values(this.items.entries()), _h = _g.next();
-                            _l.label = 3;
+                            _g.items = _m.sent();
+                            return [3 /*break*/, 4];
                         case 3:
-                            if (!!_h.done) return [3 /*break*/, 6];
-                            _j = __read(_h.value, 2), idx = _j[0], item = _j[1];
+                            this.items = data || items;
+                            _m.label = 4;
+                        case 4: return [3 /*break*/, 6];
+                        case 5:
+                            this.items = items;
+                            _m.label = 6;
+                        case 6:
+                            this.file = file;
+                            this.loadingService.start();
+                            _m.label = 7;
+                        case 7:
+                            _m.trys.push([7, 12, 13, 14]);
+                            _h = __values(this.items.entries()), _j = _h.next();
+                            _m.label = 8;
+                        case 8:
+                            if (!!_j.done) return [3 /*break*/, 11];
+                            _k = __read(_j.value, 2), idx = _k[0], item = _k[1];
                             item.origin = Object.assign({}, item);
                             item.excelIndex = idx + (this.hasDescription ? 4 : 3);
                             return [4 /*yield*/, this.validate(item)];
-                        case 4:
-                            _l.sent();
-                            _l.label = 5;
-                        case 5:
-                            _h = _g.next();
-                            return [3 /*break*/, 3];
-                        case 6: return [3 /*break*/, 9];
-                        case 7:
-                            e_1_1 = _l.sent();
+                        case 9:
+                            _m.sent();
+                            _m.label = 10;
+                        case 10:
+                            _j = _h.next();
+                            return [3 /*break*/, 8];
+                        case 11: return [3 /*break*/, 14];
+                        case 12:
+                            e_1_1 = _m.sent();
                             e_1 = { error: e_1_1 };
-                            return [3 /*break*/, 9];
-                        case 8:
+                            return [3 /*break*/, 14];
+                        case 13:
                             try {
-                                if (_h && !_h.done && (_k = _g.return)) _k.call(_g);
+                                if (_j && !_j.done && (_l = _h.return)) _l.call(_h);
                             }
                             finally { if (e_1) throw e_1.error; }
                             return [7 /*endfinally*/];
-                        case 9:
-                            if (!(!this.items.some(function (item) { return !!item.validation.error; }) && this.option.errorValidation)) return [3 /*break*/, 11];
+                        case 14:
+                            if (!(!this.items.some(function (item) { return !!item.validation.error; }) && this.option.errorValidation)) return [3 /*break*/, 16];
                             return [4 /*yield*/, this.option.errorValidation(this.items)];
-                        case 10:
-                            results = _l.sent();
+                        case 15:
+                            results = _m.sent();
                             results.forEach(function (result) { return _this.items[result.idx].validation.error = result.message; });
-                            _l.label = 11;
-                        case 11:
-                            if (!(!this.items.some(function (item) { return !!item.validation.warning; }) && this.option.warningValidation)) return [3 /*break*/, 13];
+                            _m.label = 16;
+                        case 16:
+                            if (!(!this.items.some(function (item) { return !!item.validation.warning; }) && this.option.warningValidation)) return [3 /*break*/, 18];
                             return [4 /*yield*/, this.option.warningValidation(this.items)];
-                        case 12:
-                            results = _l.sent();
+                        case 17:
+                            results = _m.sent();
                             results.forEach(function (result) { return _this.items[result.idx].validation.warning = result.message; });
-                            _l.label = 13;
-                        case 13:
+                            _m.label = 18;
+                        case 18:
                             __classPrivateFieldGet(this, _paginator).pageIndex = 0;
                             __classPrivateFieldGet(this, _reload).call(this);
                             this.ref.detectChanges();
                             this.isUploaded = false;
-                            return [3 /*break*/, 16];
-                        case 14:
-                            err_1 = _l.sent();
+                            return [3 /*break*/, 21];
+                        case 19:
+                            err_1 = _m.sent();
                             this.notifyService.handle.error(err_1);
-                            return [3 /*break*/, 16];
-                        case 15:
+                            return [3 /*break*/, 21];
+                        case 20:
                             this.loadingService.stop();
                             return [7 /*endfinally*/];
-                        case 16: return [2 /*return*/];
+                        case 21: return [2 /*return*/];
                     }
                 });
             }); };
             this.validate = function (item) { return __awaiter(_this, void 0, void 0, function () {
-                var _c, validation, translate, _loop_1, this_1, _f, _g, column, e_2_1;
+                var _a, validation, translate, _loop_1, this_1, _f, _g, column, e_2_1;
                 var e_2, _h;
                 return __generator(this, function (_j) {
                     switch (_j.label) {
@@ -497,12 +538,15 @@
                                 return __generator(this, function (_f) {
                                     switch (_f.label) {
                                         case 0:
+                                            if (!this_1.sdColumnHidden.transform(column)) {
+                                                return [2 /*return*/, "continue"];
+                                            }
                                             validation.data[column.field] = {};
                                             _f.label = 1;
                                         case 1:
                                             _f.trys.push([1, 6, , 7]);
                                             if (column.defaultValue !== undefined) {
-                                                item[column.field] = (_c = item[column.field]) !== null && _c !== void 0 ? _c : column.defaultValue;
+                                                item[column.field] = (_a = item[column.field]) !== null && _a !== void 0 ? _a : column.defaultValue;
                                             }
                                             else if (column.required && !item[column.field] && item[column.field] !== 0) {
                                                 validation.data[column.field].error = "" + translate('required');
@@ -698,14 +742,14 @@
                 __classPrivateFieldGet(_this, _reload).call(_this);
             };
             this.downloadTemplate = function () { return __awaiter(_this, void 0, void 0, function () {
-                var _d, sheets, _f, _g, sheet, _h, _j, _k, e_3_1, excelTemplate, result;
+                var _b, sheets, _f, _g, sheet, _h, _j, _k, e_3_1, columnNotHidden, excelTemplate, result;
                 var e_3, _l;
                 var _this = this;
                 return __generator(this, function (_m) {
                     switch (_m.label) {
                         case 0:
                             sheets = [];
-                            if (!Array.isArray((_d = this.option) === null || _d === void 0 ? void 0 : _d.sheets)) return [3 /*break*/, 9];
+                            if (!Array.isArray((_b = this.option) === null || _b === void 0 ? void 0 : _b.sheets)) return [3 /*break*/, 9];
                             _m.label = 1;
                         case 1:
                             _m.trys.push([1, 7, 8, 9]);
@@ -748,9 +792,10 @@
                             finally { if (e_3) throw e_3.error; }
                             return [7 /*endfinally*/];
                         case 9:
+                            columnNotHidden = this.option.columns.filter(function (column) { return _this.sdColumnHidden.transform(column); });
                             excelTemplate = {
                                 fileName: this.option.fileName || 'Template',
-                                columns: this.option.columns.map(function (column) {
+                                columns: columnNotHidden.map(function (column) {
                                     return {
                                         field: column.field,
                                         title: column.title,
@@ -775,6 +820,7 @@
                 });
             }); };
             this.export = function () { return __awaiter(_this, void 0, void 0, function () {
+                var _this = this;
                 return __generator(this, function (_f) {
                     switch (_f.label) {
                         case 0:
@@ -785,7 +831,7 @@
                                             title: this.translateService.translate('Upload message'),
                                             width: '250px',
                                             required: false
-                                        }], this.option.columns),
+                                        }], this.option.columns.filter(function (column) { return _this.sdColumnHidden.transform(column); })),
                                     items: this.filteredItems.map(function (e) {
                                         var _a, _b, _c, _d;
                                         return (Object.assign(Object.assign({}, e.origin), { sdMessage: (_d = (((_a = e.validation) === null || _a === void 0 ? void 0 : _a.error) || ((_b = e.validation) === null || _b === void 0 ? void 0 : _b.warning) || ((_c = e.validation) === null || _c === void 0 ? void 0 : _c.success))) === null || _d === void 0 ? void 0 : _d.replace(/<strong>/g, '').replace(/<\/strong>/g, '').replace(/<br>/g, '\n') }));
@@ -914,7 +960,7 @@
     SdUploadExcel.decorators = [
         { type: core.Component, args: [{
                     selector: 'sd-upload-excel',
-                    template: "<sd-modal [title]=\"(option?.title || 'Import Excel')| sdTranslate\" #modal>\r\n  <sd-modal-body background=\"#F0F8FF\">\r\n    <div class=\"row mx-0 mb-10\">\r\n      <sd-button *ngIf=\"items?.length\" class=\"mr-5\" (action)=\"view('ALL')\" icon=\"cached\"\r\n        [title]=\"'View all' | sdTranslate\" size=\"sm\"></sd-button>\r\n      <sd-button *ngIf=\"numberOfSuccess\" class=\"mr-5\" (action)=\"view('SUCCESS')\" icon=\"done\" [title]=\"numberOfSuccess\"\r\n        [tooltip]=\"'Number of success rows' | sdTranslate\" size=\"sm\" color=\"success\"></sd-button>\r\n      <sd-button *ngIf=\"numberOfWarning\" class=\"mr-5\" (action)=\"view('WARNING')\" icon=\"warning\"\r\n        [title]=\"numberOfWarning\" [tooltip]=\"'Number of warning rows' | sdTranslate\" size=\"sm\"></sd-button>\r\n      <sd-button *ngIf=\"numberOfError\" class=\"mr-5\" (action)=\"view('ERROR')\" icon=\"error\" [title]=\"numberOfError\"\r\n        color=\"danger\" [tooltip]=\"'Number of error rows' | sdTranslate\" size=\"sm\"></sd-button>\r\n    </div>\r\n    <div class=\"sd-box\">\r\n      <div class=\"sd-box-body p-0\">\r\n        <div class=\"table-responsive\" style=\"position: relative; height:50vh\">\r\n          <table class=\"table table-striped table-sm table-hover table-bordered\">\r\n            <thead class=\"thead-light\">\r\n              <tr>\r\n                <th class=\"text-center position-sticky c-sticky-left\" style=\"width: 50px\">#</th>\r\n                <th *ngIf=\"filteredItems?.length\" class=\"text-center\" style=\"min-width: 250px; width: 250px\">\r\n                  {{'Upload message' | sdTranslate}}</th>\r\n                <th *ngFor=\"let column of option.columns\"\r\n                  [ngStyle]=\"{'min-width':column.width ? column.width : '300px'}\" [matTooltip]=\"column.title\">\r\n                  <span class=\"c-ellipsis\"\r\n                    [ngStyle]=\"{'min-width':column.width ? column.width : '300px', 'max-width':column.width ? column.width : '300px'}\">{{column.title}}</span>\r\n                </th>\r\n              </tr>\r\n            </thead>\r\n            <tbody *ngIf=\"viewItems.length\">\r\n              <tr *ngFor=\"let item of viewItems\">\r\n                <td class=\"text-center position-sticky c-sticky-left\" style=\"width: 50px\">\r\n                  <span class=\"badge\"\r\n                    [ngClass]=\"{'badge-success':!item.validation?.warning && !item.validation?.error, 'badge-warning':item.validation?.warning && !item.validation?.error, 'badge-danger':item.validation?.error}\"\r\n                    style=\"width: 100%\">{{item.excelIndex}}</span>\r\n                </td>\r\n                <td style=\"min-width: 250px; width: 250px\">\r\n                  <div\r\n                    [innerHtml]=\"item.validation?.error || item.validation?.warning || item.validation?.success || ('Success' | sdTranslate)\">\r\n                  </div>\r\n                </td>\r\n                <td *ngFor=\"let column of option.columns\" class=\"align-middle\"\r\n                  [ngClass]=\"{'table-warning':item.validation?.data[column.field]?.warning && !item.validation?.data[column.field]?.error, 'table-danger':item.validation?.data[column.field]?.error}\"\r\n                  [matTooltip]=\"item.validation?.data[column.field]?.error || item.validation?.data[column.field]?.warning\"\r\n                  [ngStyle]=\"{'min-width':column.width ? column.width : '300px'}\" matTooltipPosition=\"above\">\r\n                  <span class=\"c-ellipsis\">\r\n                    <ng-container *ngIf=\"column.type === 'date' || column.type === 'datetime' && item.origin\">\r\n                      {{item.origin[column.field]}}\r\n                    </ng-container>\r\n                    <ng-container *ngIf=\"column.type === 'number'\">\r\n                      {{item.validation?.data[column.field]?.error ? item[column.field] : (item[column.field] | number :\r\n                      '1.0-2')}}\r\n                    </ng-container>\r\n                    <ng-container *ngIf=\"column.type === 'array'\">\r\n                      {{item[column.field]?.split(column.divideString)?.length}} {{column.unitString}}\r\n                      <button mat-button [matMenuTriggerFor]=\"menu\" class=\"c-mat-menu\">\r\n                        <mat-icon>open_in_new</mat-icon>\r\n                      </button>\r\n                      <mat-menu #menu=\"matMenu\">\r\n                        <div class=\"row mx-0\">\r\n                          <div class=\"col-6\" *ngFor=\"let itemArray of item[column.field]?.split(column.divideString)\">\r\n                            {{itemArray}}\r\n                          </div>\r\n                        </div>\r\n                      </mat-menu>\r\n                    </ng-container>\r\n                    <ng-container\r\n                      *ngIf=\"column.type !== 'date' && column.type !== 'datetime' && column.type !== 'number' && column.type !== 'array'\">\r\n                      {{item[column.field]}}\r\n                    </ng-container>\r\n                  </span>\r\n                </td>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n        </div>\r\n      </div>\r\n      <div class=\"sd-box-footer clearfix\">\r\n        <div style=\"display: flex; align-items: center; align-content: space-between;\">\r\n          <div style=\"flex: 1;\" [innerHTML]=\"option?.note\">\r\n          </div>\r\n          <div style=\"flex: 1;\">\r\n            <mat-paginator [length]=\"filteredItems?.length || 0\" hidePageSize>\r\n            </mat-paginator>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </sd-modal-body>\r\n  <sd-modal-footer *sdDesktop>\r\n    <div class=\"mr-auto\">\r\n      <sd-button class=\"mr-5\" (action)=\"upload()\" icon=\"file_upload\" [title]=\"'Upload' | sdTranslate\" size=\"sm\"\r\n        color=\"info\"></sd-button>\r\n      <sd-button class=\"mr-5\" (action)=\"downloadTemplate()\" icon=\"file_download\" [loading]=\"isDownloadTemplate\"\r\n        [title]=\"'Download template' | sdTranslate\" color=\"info\" type=\"outline\" size=\"sm\">\r\n      </sd-button>\r\n    </div>\r\n    <sd-button *ngIf=\"filteredItems?.length\" class=\"mr-5\" (action)=\"export()\" icon=\"get_app\"\r\n      [title]=\"'Download result' | sdTranslate\" size=\"sm\" color=\"info\" type=\"outline\">\r\n    </sd-button>\r\n    <sd-button (action)=\"accept()\" [title]=\"'Accept' | sdTranslate\"\r\n      [disabled]=\"numberOfSuccess === 0 || numberOfError > 0 || isUploaded\" color=\"primary\" type=\"fill\" size=\"sm\">\r\n    </sd-button>\r\n  </sd-modal-footer>\r\n  <sd-modal-footer *sdMobileTablet>\r\n    <sd-button style=\"flex: 1; padding-right: 5px;\" (action)=\"upload()\" icon=\"file_upload\"\r\n      [title]=\"'Upload' | sdTranslate\" width=\"100%\" size=\"sm\" color=\"info\"></sd-button>\r\n    <sd-button style=\"flex: 1; padding-left: 5px;\" (action)=\"accept()\" icon=\"check\" [title]=\"'Accept' | sdTranslate\"\r\n      [disabled]=\"numberOfSuccess === 0 || numberOfError > 0\" color=\"success\" width=\"100%\" size=\"sm\"></sd-button>\r\n  </sd-modal-footer>\r\n</sd-modal>",
+                    template: "<sd-modal [title]=\"(option?.title || 'Import Excel')| sdTranslate\" #modal>\r\n  <sd-modal-body background=\"#F0F8FF\">\r\n    <div class=\"row mx-0 mb-10\">\r\n      <sd-button *ngIf=\"items?.length\" class=\"mr-5\" (action)=\"view('ALL')\" icon=\"cached\"\r\n        [title]=\"'View all' | sdTranslate\" size=\"sm\"></sd-button>\r\n      <sd-button *ngIf=\"numberOfSuccess\" class=\"mr-5\" (action)=\"view('SUCCESS')\" icon=\"done\" [title]=\"numberOfSuccess\"\r\n        [tooltip]=\"'Number of success rows' | sdTranslate\" size=\"sm\" color=\"success\"></sd-button>\r\n      <sd-button *ngIf=\"numberOfWarning\" class=\"mr-5\" (action)=\"view('WARNING')\" icon=\"warning\"\r\n        [title]=\"numberOfWarning\" [tooltip]=\"'Number of warning rows' | sdTranslate\" size=\"sm\"></sd-button>\r\n      <sd-button *ngIf=\"numberOfError\" class=\"mr-5\" (action)=\"view('ERROR')\" icon=\"error\" [title]=\"numberOfError\"\r\n        color=\"danger\" [tooltip]=\"'Number of error rows' | sdTranslate\" size=\"sm\"></sd-button>\r\n    </div>\r\n    <div class=\"sd-box\">\r\n      <div class=\"sd-box-body p-0\">\r\n        <div class=\"table-responsive\" style=\"position: relative; height:50vh\">\r\n          <table class=\"table table-striped table-sm table-hover table-bordered\">\r\n            <thead class=\"thead-light\">\r\n              <tr>\r\n                <th class=\"text-center position-sticky c-sticky-left\" style=\"width: 50px\">#</th>\r\n                <th *ngIf=\"filteredItems?.length\" class=\"text-center\" style=\"min-width: 250px; width: 250px\">\r\n                  {{'Upload message' | sdTranslate}}</th>\r\n                <ng-container *ngFor=\"let column of option.columns\">\r\n                  <th *ngIf=\"column | columnHidden\"\r\n                    [ngStyle]=\"{'min-width':column.width ? column.width : '300px'}\" [matTooltip]=\"column.title\">\r\n                    <span class=\"c-ellipsis\"\r\n                      [ngStyle]=\"{'min-width':column.width ? column.width : '300px', 'max-width':column.width ? column.width : '300px'}\">{{column.title}}</span>\r\n                  </th>\r\n                </ng-container>\r\n              </tr>\r\n            </thead>\r\n            <tbody *ngIf=\"viewItems.length\">\r\n              <tr *ngFor=\"let item of viewItems\">\r\n                <td class=\"text-center position-sticky c-sticky-left\" style=\"width: 50px\">\r\n                  <span class=\"badge\"\r\n                    [ngClass]=\"{'badge-success':!item.validation?.warning && !item.validation?.error, 'badge-warning':item.validation?.warning && !item.validation?.error, 'badge-danger':item.validation?.error}\"\r\n                    style=\"width: 100%\">{{item.excelIndex}}</span>\r\n                </td>\r\n                <td style=\"min-width: 250px; width: 250px\">\r\n                  <div\r\n                    [innerHtml]=\"item.validation?.error || item.validation?.warning || item.validation?.success || ('Success' | sdTranslate)\">\r\n                  </div>\r\n                </td>\r\n                <ng-container *ngFor=\"let column of option.columns\">\r\n                  <td *ngIf=\"column | columnHidden\" class=\"align-middle\"\r\n                    [ngClass]=\"{'table-warning':item.validation?.data[column.field]?.warning && !item.validation?.data[column.field]?.error, 'table-danger':item.validation?.data[column.field]?.error}\"\r\n                    [matTooltip]=\"item.validation?.data[column.field]?.error || item.validation?.data[column.field]?.warning\"\r\n                    [ngStyle]=\"{'min-width':column.width ? column.width : '300px'}\" matTooltipPosition=\"above\">\r\n                    <span class=\"c-ellipsis\">\r\n                      <ng-container *ngIf=\"column.type === 'date' || column.type === 'datetime' && item.origin\">\r\n                        {{item.origin[column.field] | columnTransform:item:column | async}}\r\n                      </ng-container>\r\n                      <ng-container *ngIf=\"column.type === 'number'\">\r\n                        {{item.validation?.data[column.field]?.error ? (item[column.field] | columnTransform:item:column | async): (item[column.field] | number :\r\n                        '1.0-2')}}\r\n                      </ng-container>\r\n                      <ng-container *ngIf=\"column.type === 'array'\">\r\n                        {{item[column.field]?.split(column.divideString)?.length}} {{column.unitString}}\r\n                        <button mat-button [matMenuTriggerFor]=\"menu\" class=\"c-mat-menu\">\r\n                          <mat-icon>open_in_new</mat-icon>\r\n                        </button>\r\n                        <mat-menu #menu=\"matMenu\">\r\n                          <div class=\"row mx-0\">\r\n                            <div class=\"col-6\" *ngFor=\"let itemArray of item[column.field]?.split(column.divideString)\">\r\n                              {{itemArray | columnTransform:item:column | async}}\r\n                            </div>\r\n                          </div>\r\n                        </mat-menu>\r\n                      </ng-container>\r\n                      <ng-container\r\n                        *ngIf=\"column.type !== 'date' && column.type !== 'datetime' && column.type !== 'number' && column.type !== 'array'\">\r\n                        <!-- {{item[column.field]}} -->\r\n                        {{item[column.field] | columnTransform:item:column | async}}\r\n\r\n                      </ng-container>\r\n                    </span>\r\n                  </td>\r\n                </ng-container>\r\n              </tr>\r\n            </tbody>\r\n          </table>\r\n        </div>\r\n      </div>\r\n      <div class=\"sd-box-footer clearfix\">\r\n        <div style=\"display: flex; align-items: center; align-content: space-between;\">\r\n          <div style=\"flex: 1;\" [innerHTML]=\"option?.note\">\r\n          </div>\r\n          <div style=\"flex: 1;\">\r\n            <mat-paginator [length]=\"filteredItems?.length || 0\" hidePageSize>\r\n            </mat-paginator>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </sd-modal-body>\r\n  <sd-modal-footer *sdDesktop>\r\n    <div class=\"mr-auto\">\r\n      <sd-button class=\"mr-5\" (action)=\"upload()\" icon=\"file_upload\" [title]=\"'Upload' | sdTranslate\" size=\"sm\"\r\n        color=\"info\"></sd-button>\r\n      <sd-button class=\"mr-5\" (action)=\"downloadTemplate()\" icon=\"file_download\" [loading]=\"isDownloadTemplate\"\r\n        [title]=\"'Download template' | sdTranslate\" color=\"info\" type=\"outline\" size=\"sm\">\r\n      </sd-button>\r\n    </div>\r\n    <sd-button *ngIf=\"filteredItems?.length\" class=\"mr-5\" (action)=\"export()\" icon=\"get_app\"\r\n      [title]=\"'Download result' | sdTranslate\" size=\"sm\" color=\"info\" type=\"outline\">\r\n    </sd-button>\r\n    <sd-button (action)=\"accept()\" [title]=\"'Accept' | sdTranslate\"\r\n      [disabled]=\"numberOfSuccess === 0 || numberOfError > 0 || isUploaded\" color=\"primary\" type=\"fill\" size=\"sm\">\r\n    </sd-button>\r\n  </sd-modal-footer>\r\n  <sd-modal-footer *sdMobileTablet>\r\n    <sd-button style=\"flex: 1; padding-right: 5px;\" (action)=\"upload()\" icon=\"file_upload\"\r\n      [title]=\"'Upload' | sdTranslate\" width=\"100%\" size=\"sm\" color=\"info\"></sd-button>\r\n    <sd-button style=\"flex: 1; padding-left: 5px;\" (action)=\"accept()\" icon=\"check\" [title]=\"'Accept' | sdTranslate\"\r\n      [disabled]=\"numberOfSuccess === 0 || numberOfError > 0\" color=\"success\" width=\"100%\" size=\"sm\"></sd-button>\r\n  </sd-modal-footer>\r\n</sd-modal>",
                     styles: [".table thead td,.table thead th{padding-bottom:5px;padding-top:5px}.table-striped tbody tr:nth-of-type(2n) .c-sticky-left{background-color:#fff}.table-striped tbody tr:nth-of-type(odd) .c-sticky-left{background-color:#f2f2f2}.c-sticky-left{border-left:none!important;border-right:none!important;left:0!important;z-index:20}.c-ellipsis{display:block;overflow:hidden!important;padding:.1rem;text-overflow:ellipsis;white-space:nowrap}.c-mat-menu{border:none}.c-mat-menu mat-icon{font-size:20px;vertical-align:middle}:host ::ng-deep .mat-paginator-container{height:32px;min-height:32px}:host ::ng-deep .mat-paginator-container .mat-icon-button{height:28px;line-height:28px;width:28px}"]
                 },] }
     ];
@@ -923,6 +969,7 @@
         { type: _export.SdExportService },
         { type: translate.SdTranslateService },
         { type: notify.SdNotifyService },
+        { type: SdColumnHiddenPipe },
         { type: loading.SdLoadingService }
     ]; };
     SdUploadExcel.propDecorators = {
@@ -931,6 +978,26 @@
         paginator: [{ type: core.ViewChild, args: [paginator.MatPaginator,] }]
     };
 
+    var SdColumnTransformPipe = /** @class */ (function () {
+        function SdColumnTransformPipe() {
+            var _this = this;
+            this.transform = function (value, rowData, column) { return __awaiter(_this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    if (column === null || column === void 0 ? void 0 : column.transform) {
+                        return [2 /*return*/, column.transform(value, rowData)];
+                    }
+                    return [2 /*return*/, value];
+                });
+            }); };
+        }
+        return SdColumnTransformPipe;
+    }());
+    SdColumnTransformPipe.decorators = [
+        { type: core.Pipe, args: [{
+                    name: 'columnTransform'
+                },] }
+    ];
+
     var SdUploadExcelModule = /** @class */ (function () {
         function SdUploadExcelModule() {
         }
@@ -956,7 +1023,10 @@
                         menu.MatMenuModule
                     ],
                     declarations: [
-                        SdUploadExcel
+                        SdUploadExcel,
+                        // pipe
+                        SdColumnHiddenPipe,
+                        SdColumnTransformPipe
                     ],
                     exports: [
                         SdUploadExcel
@@ -971,6 +1041,8 @@
 
     exports.SdUploadExcel = SdUploadExcel;
     exports.SdUploadExcelModule = SdUploadExcelModule;
+    exports.ɵa = SdColumnHiddenPipe;
+    exports.ɵb = SdColumnTransformPipe;
 
     Object.defineProperty(exports, '__esModule', { value: true });