@sd-angular/core 1.2.21 → 1.2.24

package/bundles/sd-angular-core-select-badge.umd.min.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../node_modules/tslib/tslib.es6.js","../../../../projects/sd-core/select-badge/src/lib/select-badge.component.ts","../../../../projects/sd-core/select-badge/src/lib/select-badge-display-def.directive.ts","../../../../projects/sd-core/select-badge/src/lib/select-badge.module.ts"],"names":["Object","create","__classPrivateFieldGet","receiver","state","kind","f","TypeError","has","call","value","get","SdSelectBadge","ref","_this","this","items","modelChange","EventEmitter","sdChange","sdSelection","_subscription","set","Subscription","_modelChanges","Subject","isShowContent","onToogle","onModelChange","val","emit","defineProperty","prototype","next","Array","isArray","clickout","event","selectbadge","nativeElement","contains","target","ngOnInit","add","pipe","startWith","subscribe","selectedItem","_a","find","e","_b","toString","valueField","onSelected","item","emitVal","Component","args","selector","template","changeDetection","ChangeDetectionStrategy","OnPush","ChangeDetectorRef","ViewChild","Input","Output","HostListener","templateRef","Directive","TemplateRef","NgModule","imports","CommonModule","FormsModule","ReactiveFormsModule","MatInputModule","MatTooltipModule","MatFormFieldModule","MatIconModule","MatSelectModule","MatProgressSpinnerModule","MatCheckboxModule","SdTranslateModule","SdCommonModule","declarations","SdSelectBadgeDisplayDefDirective","exports","providers"],"mappings":"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","sourcesContent":["/*! *****************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise */\r\n\r\nvar extendStatics = function(d, b) {\r\n    extendStatics = Object.setPrototypeOf ||\r\n        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n        function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\r\n    return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n    if (typeof b !== \"function\" && b !== null)\r\n        throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\r\n    extendStatics(d, b);\r\n    function __() { this.constructor = d; }\r\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n    __assign = Object.assign || function __assign(t) {\r\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n            s = arguments[i];\r\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n        }\r\n        return t;\r\n    }\r\n    return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n    var t = {};\r\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n        t[p] = s[p];\r\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n                t[p[i]] = s[p[i]];\r\n        }\r\n    return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n    return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n    if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n    return new (P || (P = Promise))(function (resolve, reject) {\r\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n    });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n    return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n    function verb(n) { return function (v) { return step([n, v]); }; }\r\n    function step(op) {\r\n        if (f) throw new TypeError(\"Generator is already executing.\");\r\n        while (_) try {\r\n            if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n            if (y = 0, t) op = [op[0] & 2, t.value];\r\n            switch (op[0]) {\r\n                case 0: case 1: t = op; break;\r\n                case 4: _.label++; return { value: op[1], done: false };\r\n                case 5: _.label++; y = op[1]; op = [0]; continue;\r\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n                default:\r\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n                    if (t[2]) _.ops.pop();\r\n                    _.trys.pop(); continue;\r\n            }\r\n            op = body.call(thisArg, _);\r\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n    }\r\n}\r\n\r\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });\r\n}) : (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    o[k2] = m[k];\r\n});\r\n\r\nexport function __exportStar(m, o) {\r\n    for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\r\n}\r\n\r\nexport function __values(o) {\r\n    var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n    if (m) return m.call(o);\r\n    if (o && typeof o.length === \"number\") return {\r\n        next: function () {\r\n            if (o && i >= o.length) o = void 0;\r\n            return { value: o && o[i++], done: !o };\r\n        }\r\n    };\r\n    throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n    var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n    if (!m) return o;\r\n    var i = m.call(o), r, ar = [], e;\r\n    try {\r\n        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n    }\r\n    catch (error) { e = { error: error }; }\r\n    finally {\r\n        try {\r\n            if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n        }\r\n        finally { if (e) throw e.error; }\r\n    }\r\n    return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spread() {\r\n    for (var ar = [], i = 0; i < arguments.length; i++)\r\n        ar = ar.concat(__read(arguments[i]));\r\n    return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spreadArrays() {\r\n    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n    for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n            r[k] = a[j];\r\n    return r;\r\n}\r\n\r\nexport function __spreadArray(to, from, pack) {\r\n    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\r\n        if (ar || !(i in from)) {\r\n            if (!ar) ar = Array.prototype.slice.call(from, 0, i);\r\n            ar[i] = from[i];\r\n        }\r\n    }\r\n    return to.concat(ar || Array.prototype.slice.call(from));\r\n}\r\n\r\nexport function __await(v) {\r\n    return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n    return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n    function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }\r\n    function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n    function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n    function fulfill(value) { resume(\"next\", value); }\r\n    function reject(value) { resume(\"throw\", value); }\r\n    function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n    var i, p;\r\n    return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n    function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === \"return\" } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var m = o[Symbol.asyncIterator], i;\r\n    return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n    function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n    function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n    if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n    return cooked;\r\n};\r\n\r\nvar __setModuleDefault = Object.create ? (function(o, v) {\r\n    Object.defineProperty(o, \"default\", { enumerable: true, value: v });\r\n}) : function(o, v) {\r\n    o[\"default\"] = v;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n    if (mod && mod.__esModule) return mod;\r\n    var result = {};\r\n    if (mod != null) for (var k in mod) if (k !== \"default\" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);\r\n    __setModuleDefault(result, mod);\r\n    return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n    return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, state, kind, f) {\r\n    if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\r\n    if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\r\n    return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, state, value, kind, f) {\r\n    if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\r\n    if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\r\n    if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\r\n    return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\r\n}\r\n","import { Component, ChangeDetectorRef, ChangeDetectionStrategy, ElementRef, ViewChild, HostListener, Input, Output, EventEmitter } from '@angular/core';\r\nimport { Subject, Subscription } from 'rxjs';\r\nimport { startWith } from 'rxjs/operators';\r\n@Component({\r\n  selector: 'sd-select-badge',\r\n  templateUrl: './select-badge.component.html',\r\n  styleUrls: ['./select-badge.component.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class SdSelectBadge {\r\n  @ViewChild('selectbadge') selectbadge: ElementRef<HTMLDivElement>;\r\n  selectedItem: any;\r\n\r\n  @Input() label: string;\r\n  @Input() placeholder: string;\r\n\r\n  // Model\r\n  value: string;\r\n  @Input() set model(val: any) {\r\n    if (this.value !== val) {\r\n      this.value = val;\r\n      this.#modelChanges.next(val);\r\n    }\r\n  }\r\n  // Items\r\n  items: any[] = [];\r\n  @Input('items') set _items(items: any[]) {\r\n    if (!Array.isArray(items)) {\r\n      this.items = [];\r\n    }\r\n    this.items = items;\r\n  }\r\n\r\n  @Input() valueField: string;\r\n  @Input() displayField: string;\r\n  @Input() iconField: string;\r\n  @Input() iconColorField: string;\r\n  @Input() descriptionField: string;\r\n\r\n  @Output() modelChange = new EventEmitter();\r\n  @Output() sdChange = new EventEmitter();\r\n  @Output() sdSelection = new EventEmitter<{ value: any | any[], item?: any, items?: any[] }>();\r\n  #subscription = new Subscription();\r\n  #modelChanges = new Subject<string>();\r\n  isShowContent: boolean = false;\r\n\r\n  @HostListener('document:click', ['$event']) clickout(event) {\r\n    if (!this.selectbadge.nativeElement.contains(event.target)) {\r\n      this.isShowContent = false;\r\n    }\r\n  }\r\n  constructor(\r\n    private ref: ChangeDetectorRef,\r\n  ) {\r\n\r\n  }\r\n\r\n  ngOnInit(): void {\r\n    this.#subscription.add(this.#modelChanges.pipe(startWith(this.value)).subscribe(() => {\r\n      this.selectedItem = this.items?.find(e => this.value?.toString() === e?.[this.valueField]?.toString())\r\n    }));\r\n  }\r\n\r\n  onToogle = () => {\r\n    this.isShowContent = !this.isShowContent;\r\n  }\r\n\r\n  onModelChange = (val: any) => {\r\n    this.modelChange.emit(val);\r\n    this.sdChange.emit(val);\r\n  }\r\n\r\n  onSelected(item?: any) {\r\n    this.selectedItem = item;\r\n    const emitVal = this.selectedItem[this.valueField];\r\n    this.modelChange.emit(emitVal);\r\n    this.sdChange.emit(emitVal);\r\n    this.sdSelection.emit({\r\n      value: emitVal,\r\n      item: this.items?.find(e => emitVal?.toString() === e?.[this.valueField]?.toString())\r\n    });\r\n  }\r\n\r\n}\r\n\r\n","import { Directive, TemplateRef } from '@angular/core';\r\n\r\n@Directive({\r\n  selector: '[sdSelectBadgeDisplayDef]'\r\n})\r\nexport class SdSelectBadgeDisplayDefDirective {\r\n  constructor(public templateRef: TemplateRef<any>) { }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\nimport { MatFormFieldModule } from '@angular/material/form-field';\r\nimport { MatInputModule } from '@angular/material/input';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatTooltipModule } from '@angular/material/tooltip';\r\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\r\nimport { SdSelectBadge } from './select-badge.component';\r\nimport { MatSelectModule } from '@angular/material/select';\r\nimport { SdTranslateModule } from '@sd-angular/core/translate';\r\nimport { MatCheckboxModule } from '@angular/material/checkbox';\r\nimport { SdSelectBadgeDisplayDefDirective } from './select-badge-display-def.directive';\r\nimport { SdCommonModule } from '@sd-angular/core/common';\r\n\r\n@NgModule({\r\n  imports: [\r\n    CommonModule,\r\n    FormsModule,\r\n    ReactiveFormsModule,\r\n    MatInputModule,\r\n    MatTooltipModule,\r\n    MatFormFieldModule,\r\n    MatIconModule,\r\n    MatSelectModule,\r\n    MatProgressSpinnerModule,\r\n    MatCheckboxModule,\r\n    SdTranslateModule,\r\n    SdCommonModule\r\n  ],\r\n  declarations: [\r\n    SdSelectBadge,\r\n    SdSelectBadgeDisplayDefDirective\r\n  ],\r\n  exports: [\r\n    SdSelectBadge,\r\n    SdSelectBadgeDisplayDefDirective,\r\n    SdCommonModule\r\n  ],\r\n  providers: [\r\n  ]\r\n})\r\nexport class SdSelectBadgeModule {\r\n\r\n}\r\n"]}

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 });