@sd-angular/core 1.2.98 → 1.3.0

package/fesm2015/sd-angular-core-upload-excel.js.__ivy_ngcc_bak

@@ -0,0 +1,638 @@
+import { __classPrivateFieldGet, __awaiter, __classPrivateFieldSet } from 'tslib';
+import { Pipe, Injectable, Component, ChangeDetectorRef, Input, ViewChild, NgModule } from '@angular/core';
+import { v4 } from 'uuid';
+import $ from 'jquery';
+import XLSX from 'xlsx';
+import { SdNotifyService, SdNotifyModule } from '@sd-angular/core/notify';
+import { SdLoadingService } from '@sd-angular/core/loading';
+import { SdTranslateService, SdTranslateModule } from '@sd-angular/core/translate';
+import { MatPaginator, MatPaginatorModule } from '@angular/material/paginator';
+import { Subscription } from 'rxjs';
+import { SdExportService } from '@sd-angular/core/export';
+import { DecimalPipe, CommonModule } from '@angular/common';
+import { DeviceDetectorModule } from 'ngx-device-detector';
+import { SdButtonModule } from '@sd-angular/core/button';
+import { MatSlideToggleModule } from '@angular/material/slide-toggle';
+import { SdModalModule } from '@sd-angular/core/modal';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import { FormsModule } from '@angular/forms';
+import { SdInputModule } from '@sd-angular/core/input';
+import { SdUtilityModule } from '@sd-angular/core/utility';
+import { MatIconModule } from '@angular/material/icon';
+import { MatMenuModule } from '@angular/material/menu';
+
+// export type ExcelItem<T> = {
+//   origin?: T;
+//   excelIndex?: number;
+//   validation: SdUploadExcelValidation;
+// } & T;
+
+class SdColumnHiddenPipe {
+    constructor() { }
+    transform(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;
+    }
+}
+SdColumnHiddenPipe.decorators = [
+    { type: Pipe, args: [{
+                name: 'columnHidden'
+            },] },
+    { type: Injectable }
+];
+SdColumnHiddenPipe.ctorParameters = () => [];
+
+var _paginator, _subscription, _reset, _reload, _isError, _isWarning, _isSuccess, _parse, _mapItem, _import, _isValidDate, _isValidTime, _isValidDateTime;
+class SdUploadExcel {
+    constructor(ref, exportService, translateService, notifyService, sdColumnHidden, loadingService) {
+        this.ref = ref;
+        this.exportService = exportService;
+        this.translateService = translateService;
+        this.notifyService = notifyService;
+        this.sdColumnHidden = sdColumnHidden;
+        this.loadingService = loadingService;
+        this.importId = 'I' + v4();
+        this.items = [];
+        // originItems: SdExcelItem[] = [];
+        this.hasDescription = false;
+        this.showing = 'ALL';
+        this.filteredItems = [];
+        this.viewItems = [];
+        this.numberOfSuccess = 0;
+        this.numberOfError = 0;
+        this.numberOfWarning = 0;
+        _paginator.set(this, void 0);
+        _subscription.set(this, new Subscription());
+        this.isDownloadTemplate = false;
+        this.open = () => {
+            __classPrivateFieldGet(this, _reset).call(this);
+            this.modal.open();
+        };
+        this.close = () => {
+            this.modal.close();
+        };
+        _reset.set(this, () => {
+            this.items = [];
+            this.filteredItems = [];
+            this.viewItems = [];
+            this.numberOfSuccess = 0;
+            this.numberOfError = 0;
+            this.numberOfWarning = 0;
+            this.showing = 'ALL';
+        });
+        _reload.set(this, () => {
+            const pageIndex = __classPrivateFieldGet(this, _paginator).pageIndex;
+            const pageSize = __classPrivateFieldGet(this, _paginator).pageSize;
+            this.filteredItems = this.items.filter((item) => {
+                const { validation } = item.sd;
+                if (this.showing === 'SUCCESS') {
+                    return !(validation === null || validation === void 0 ? void 0 : validation.error) && !(validation === null || validation === void 0 ? void 0 : validation.warning);
+                }
+                else if (this.showing === 'WARNING') {
+                    return !!(validation === null || validation === void 0 ? void 0 : validation.warning) && !(validation === null || validation === void 0 ? void 0 : validation.error);
+                }
+                else if (this.showing === 'ERROR') {
+                    return !!(validation === null || validation === void 0 ? void 0 : validation.error);
+                }
+                return true;
+            });
+            this.viewItems = this.filteredItems
+                .filter((item, index) => index >= pageIndex * pageSize && index < (pageIndex + 1) * pageSize);
+            this.numberOfSuccess = this.items.filter(__classPrivateFieldGet(this, _isSuccess)).length;
+            this.numberOfError = this.items.filter(__classPrivateFieldGet(this, _isError)).length;
+            this.numberOfWarning = this.items.filter(__classPrivateFieldGet(this, _isWarning)).length;
+        });
+        _isError.set(this, (item) => !!item.sd.validation.error);
+        _isWarning.set(this, (item) => { var _a, _b; return ((_a = item.sd.validation) === null || _a === void 0 ? void 0 : _a.warning) && !((_b = item.sd.validation) === null || _b === void 0 ? void 0 : _b.error); });
+        _isSuccess.set(this, (item) => { var _a, _b; return !((_a = item.sd.validation) === null || _a === void 0 ? void 0 : _a.error) && !((_b = item.sd.validation) === null || _b === void 0 ? void 0 : _b.warning); });
+        this.upload = () => __awaiter(this, void 0, void 0, function* () {
+            try {
+                const { mappingItems, errorValidation, warningValidation } = this.option;
+                const { translate } = this.translateService;
+                const { items, file } = yield __classPrivateFieldGet(this, _import).call(this);
+                this.hasDescription = this.option.columns.some(e => !!e.description);
+                const offset = this.hasDescription ? 2 : 1;
+                items.splice(0, offset);
+                if (items.length === 0) {
+                    this.notifyService.notify.warning(`${translate(`No data to import`)}`);
+                    return;
+                }
+                if (items.length > this.option.limit) {
+                    this.notifyService.notify.warning(`${translate(`Limit rows`)}: ${this.option.limit}`);
+                    return;
+                }
+                __classPrivateFieldGet(this, _reset).call(this);
+                // this.originItems = items.map(data => ({
+                //   data,
+                //   sd: {}
+                // }));
+                this.items = items.map((data, idx) => ({
+                    data,
+                    sd: {
+                        excelIndex: idx + (this.hasDescription ? 4 : 3),
+                        validation: {
+                            data: {}
+                        },
+                        origin: Object.assign({}, data)
+                    }
+                }));
+                if (mappingItems) {
+                    const mappedItems = mappingItems(this.items);
+                    if (mappedItems instanceof Promise) {
+                        this.uploading = true;
+                        this.items = (yield mappedItems.finally(() => this.uploading = false));
+                    }
+                    else {
+                        this.items = (mappedItems || this.items);
+                    }
+                }
+                this.file = file;
+                this.loadingService.start();
+                for (const [idx, item] of this.items.entries()) {
+                    yield this.validate(item, idx);
+                }
+                // Nếu không có error thì tiếp tục validate từ option validate truyền vào
+                if (!this.items.some(__classPrivateFieldGet(this, _isError)) && errorValidation) {
+                    const results = yield errorValidation(this.items.map(e => e.data));
+                    results.forEach(result => this.items[result.idx].sd.validation.error = result.message);
+                }
+                // Nếu không có warning thì tiếp tục validate từ option validate truyền vào
+                if (!this.items.some(__classPrivateFieldGet(this, _isWarning)) && warningValidation) {
+                    const results = yield warningValidation(this.items.map(e => e.data));
+                    results.forEach(result => this.items[result.idx].sd.validation.warning = result.message);
+                }
+                __classPrivateFieldGet(this, _paginator).pageIndex = 0;
+                __classPrivateFieldGet(this, _reload).call(this);
+                this.ref.detectChanges();
+                this.isUploaded = false;
+            }
+            catch (err) {
+                this.notifyService.handle.error(err);
+            }
+            finally {
+                this.loadingService.stop();
+            }
+        });
+        this.validate = (excelItem, idx) => __awaiter(this, void 0, void 0, function* () {
+            var _a;
+            const { data: item, sd: { validation } } = excelItem;
+            const { translate } = this.translateService;
+            const errors = [];
+            for (const column of this.option.columns) {
+                validation.data[column.field] = {};
+                if (!this.sdColumnHidden.transform(column)) {
+                    continue;
+                }
+                try {
+                    if (column.defaultValue !== undefined) {
+                        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')}`;
+                        errors.push(`<strong>[${column.title || column.field}]</strong> ${validation.data[column.field].error}`);
+                        continue;
+                    }
+                    if (column.type === 'string') {
+                        const value = (item[column.field] || '').toString();
+                        if (column.minLength !== undefined && value.length < column.minLength) {
+                            validation.data[column.field].error = `${translate('Min length')}: ${column.minLength}`;
+                            errors.push(`<strong>[${column.title || column.field}]</strong> ${validation.data[column.field].error}`);
+                            continue;
+                        }
+                        if (column.maxLength !== undefined && value.length > column.maxLength) {
+                            validation.data[column.field].error = `${translate('Max length')}: ${column.maxLength}`;
+                            errors.push(`<strong>[${column.title || column.field}]</strong> ${validation.data[column.field].error}`);
+                            continue;
+                        }
+                        item[column.field] = value;
+                    }
+                    else if (column.type === 'number') {
+                        if (item[column.field]) {
+                            const value = +item[column.field];
+                            if (Number.isNaN(value)) {
+                                validation.data[column.field].error = `${item[column.field]} ${translate('is not a number')}`;
+                                errors.push(`<strong>[${column.title || column.field}]</strong> ${validation.data[column.field].error}`);
+                                continue;
+                            }
+                            item[column.field] = value;
+                        }
+                        if (!item[column.field] && item[column.field] !== 0) {
+                            item[column.field] = undefined;
+                        }
+                        if (column.minValue !== undefined && item[column.field] < column.minValue) {
+                            validation.data[column.field].error = `${item[column.field]} ${translate('Min value')}: ${column.minValue}`;
+                            errors.push(`<strong>[${column.title || column.field}]</strong> ${validation.data[column.field].error}`);
+                            continue;
+                        }
+                        if (column.maxValue !== undefined && item[column.field] > column.maxValue) {
+                            validation.data[column.field].error = `${item[column.field]} ${translate('Max value')}: ${column.maxValue}`;
+                            errors.push(`<strong>[${column.title || column.field}]</strong> ${validation.data[column.field].error}`);
+                            continue;
+                        }
+                    }
+                    else if (column.type === 'bool') {
+                        if (item[column.field] === 0 || item[column.field] === false) {
+                            item[column.field] = '0';
+                        }
+                        if (item[column.field] === 1 || item[column.field] === true) {
+                            item[column.field] = '1';
+                        }
+                        if (item[column.field]) {
+                            const value = +item[column.field];
+                            if (Number.isNaN(value) || (value !== 0 && value !== 1)) {
+                                validation.data[column.field].error = `${translate('Value shoud be 0 or 1')}`;
+                                errors.push(`<strong>[${column.title || column.field}]</strong> ${validation.data[column.field].error}`);
+                            }
+                            else {
+                                if (column.parseToBool) {
+                                    item[column.field] = item[column.field] === '1';
+                                }
+                            }
+                        }
+                    }
+                    else if (column.type === 'values') {
+                        if (item[column.field] && typeof (item[column.field]) !== 'number' && typeof (item[column.field]) !== 'string') {
+                            validation.data[column.field].error = `${item[column.field]} ${translate('Invalid data type')}`;
+                            errors.push(`<strong>[${column.title || column.field}]</strong> ${validation.data[column.field].error}`);
+                            continue;
+                        }
+                        if (column.checkValueInArray && item[column.field] && !column.values.some(e => e.toString() === item[column.field].toString())) {
+                            validation.data[column.field].error = `${item[column.field]} ${translate('Value not in')} [${column.values.join()}]`;
+                            errors.push(`<strong>[${column.title || column.field}]</strong> ${validation.data[column.field].error}`);
+                            continue;
+                        }
+                    }
+                    else if (column.type === 'date' || column.type === 'datetime' || column.type === 'time') {
+                        const { type, format } = column;
+                        const val = item[column.field];
+                        if (format && item[column.field]) {
+                            if (typeof (val) !== 'string') {
+                                validation.data[column.field].error = `${translate('Invalid format')} ${column.format}: ${val}`;
+                                errors.push(`<strong>[${column.title || column.field}]</strong> ${validation.data[column.field].error}`);
+                                continue;
+                            }
+                            if (type === 'date' && !__classPrivateFieldGet(this, _isValidDate).call(this, format, val)) {
+                                validation.data[column.field].error = `${translate('Invalid format')} ${column.format}: ${val}`;
+                                errors.push(`<strong>[${column.title || column.field}]</strong> ${validation.data[column.field].error}`);
+                                continue;
+                            }
+                            if (type === 'time' && !__classPrivateFieldGet(this, _isValidTime).call(this, format, val)) {
+                                validation.data[column.field].error = `${translate('Invalid format')} ${column.format}: ${val}`;
+                                errors.push(`<strong>[${column.title || column.field}]</strong> ${validation.data[column.field].error}`);
+                                continue;
+                            }
+                            if (type === 'datetime' && !__classPrivateFieldGet(this, _isValidDateTime).call(this, format, val)) {
+                                validation.data[column.field].error = `${translate('Invalid format')} ${column.format}: ${val}`;
+                                errors.push(`<strong>[${column.title || column.field}]</strong> ${validation.data[column.field].error}`);
+                                continue;
+                            }
+                            item[column.field] = Date.parseFrom(val, column.format).toFormat('MM/dd/yyyy HH:mm:ss');
+                        }
+                        if (item[column.field] && !Date.isDate(item[column.field])) {
+                            validation.data[column.field].error = `${translate('Invalid date')}: ${item[column.field]}`;
+                            errors.push(`<strong>[${column.title || column.field}]</strong> ${validation.data[column.field].error}`);
+                            continue;
+                        }
+                    }
+                    if (!errors.length && column.errorValidation) {
+                        const error = yield column.errorValidation(item, item[column.field], idx);
+                        if (error) {
+                            validation.data[column.field].error = `${error}`;
+                            errors.push(`<strong>[${column.title || column.field}]</strong> ${validation.data[column.field].error}`);
+                        }
+                    }
+                    if (!validation.data[column.field].warning && column.warningValidation) {
+                        const warning = yield column.warningValidation(item, item[column.field], idx);
+                        if (warning) {
+                            validation.data[column.field].warning = `${warning}`;
+                            validation.warning += `<strong>[${column.title || column.field}]</strong> ${warning}<br>`;
+                        }
+                    }
+                }
+                catch (ex) {
+                    validation.data[column.field].error = `${(ex === null || ex === void 0 ? void 0 : ex.message) || (ex === null || ex === void 0 ? void 0 : ex.error) || ex || 'Có lỗi xảy ra'}`;
+                    errors.push(`<strong>[${column.title || column.field}]</strong> ${validation.data[column.field].error}`);
+                }
+            }
+            validation.error = errors.join('<br>');
+        });
+        _parse.set(this, (item) => {
+            const { data } = item;
+            return data;
+        });
+        _mapItem.set(this, (item) => {
+            const { data } = item;
+            return data;
+        });
+        this.accept = () => {
+            var _a;
+            const successItems = this.items.filter(__classPrivateFieldGet(this, _isSuccess)).map(__classPrivateFieldGet(this, _mapItem));
+            const errorItems = this.items.filter(__classPrivateFieldGet(this, _isError)).map(__classPrivateFieldGet(this, _mapItem));
+            const warningItems = this.items.filter(__classPrivateFieldGet(this, _isWarning)).map(__classPrivateFieldGet(this, _mapItem));
+            (_a = this.option) === null || _a === void 0 ? void 0 : _a.onAccept(this.items.map(__classPrivateFieldGet(this, _mapItem)), successItems, errorItems, warningItems, this.file);
+            this.isUploaded = true;
+        };
+        this.setValidation = (validates) => {
+            if (Array.isArray(validates)) {
+                validates.forEach(validate => {
+                    this.items[validate.idx].sd.validation.error = validate.messageError;
+                    this.items[validate.idx].sd.validation.warning = validate.messageWarning;
+                    this.items[validate.idx].sd.validation.success = validate.messageSuccess;
+                });
+            }
+            __classPrivateFieldGet(this, _reload).call(this);
+            this.ref.detectChanges();
+        };
+        this.view = (showing = 'ALL') => {
+            this.showing = showing;
+            __classPrivateFieldGet(this, _paginator).pageIndex = 0;
+            __classPrivateFieldGet(this, _reload).call(this);
+        };
+        this.downloadTemplate = () => __awaiter(this, void 0, void 0, function* () {
+            var _b;
+            const sheets = [];
+            if (Array.isArray((_b = this.option) === null || _b === void 0 ? void 0 : _b.sheets)) {
+                for (const sheet of this.option.sheets) {
+                    if (sheet.name && sheet.items && sheet.fields) {
+                        if (Array.isArray(sheet.items)) {
+                            sheets.push({
+                                name: sheet.name,
+                                items: sheet.items,
+                                fields: sheet.fields
+                            });
+                        }
+                        else {
+                            sheets.push({
+                                name: sheet.name,
+                                items: yield sheet.items(),
+                                fields: sheet.fields
+                            });
+                        }
+                    }
+                }
+            }
+            const columnNotHiddens = this.option.columns.filter(column => this.sdColumnHidden.transform(column));
+            const excelTemplate = {
+                fileName: this.option.fileName || 'Template',
+                columns: columnNotHiddens.map(column => {
+                    return {
+                        field: column.field,
+                        title: column.title,
+                        width: column.width,
+                        required: column.required,
+                        description: column.description,
+                        fontColor: column.fontColor,
+                        fill: column.fill
+                    };
+                }),
+                sheets
+            };
+            this.isDownloadTemplate = true;
+            yield this.exportService.generateTemplate(excelTemplate).finally(() => {
+                this.isDownloadTemplate = false;
+            });
+        });
+        this.export = () => __awaiter(this, void 0, void 0, function* () {
+            this.loadingService.start();
+            const columns = [{
+                    field: 'sdMessage',
+                    title: this.translateService.translate('Upload message'),
+                    width: '250px',
+                    required: false
+                }, ...this.option.columns.filter(column => this.sdColumnHidden.transform(column))];
+            yield this.exportService.export({
+                columns,
+                items: this.filteredItems.map(e => {
+                    var _a, _b, _c, _d, _e;
+                    let result = {};
+                    for (const column of columns) {
+                        result = Object.assign(Object.assign({}, result), { [column.field]: (_a = e.sd.origin) === null || _a === void 0 ? void 0 : _a[column.field] });
+                    }
+                    return Object.assign(Object.assign({}, result), { sdMessage: (_e = (((_b = e.sd.validation) === null || _b === void 0 ? void 0 : _b.error) || ((_c = e.sd.validation) === null || _c === void 0 ? void 0 : _c.warning) || ((_d = e.sd.validation) === null || _d === void 0 ? void 0 : _d.success))) === null || _e === void 0 ? void 0 : _e.replace(/<strong>/g, '').replace(/<\/strong>/g, '').replace(/<br>/g, '\n') });
+                })
+            }).finally(this.loadingService.stop);
+        });
+        _import.set(this, () => {
+            const { translate } = this.translateService;
+            return new Promise((resolve, reject) => {
+                if ($(`#${this.importId}`).length) {
+                    $('body').children(`#${this.importId}`).remove();
+                }
+                $('body').append(`<input id="${this.importId}" style="display: none" type="file" />`);
+                $(`#${this.importId}`).on('change', (evt) => {
+                    try {
+                        const target = evt.target;
+                        if (target.files.length !== 1) {
+                            throw new Error(translate('Cannot use multiple files'));
+                        }
+                        const file = target.files[0];
+                        const lastDot = file.name.lastIndexOf('.');
+                        if (lastDot === -1) {
+                            throw new Error(translate('Invalid file extension'));
+                        }
+                        const extension = file.name.substring(lastDot + 1);
+                        if (extension.toLowerCase() !== 'xlsx') {
+                            throw new Error(translate('Please upload .xlsx file'));
+                        }
+                        const reader = new FileReader();
+                        reader.onload = (e) => {
+                            const bstr = e.target.result;
+                            const wb = XLSX.read(bstr, { type: 'binary' });
+                            const wsname = wb.SheetNames[0];
+                            const ws = wb.Sheets[wsname];
+                            const lines = (XLSX.utils.sheet_to_json(ws, { header: 1 }));
+                            const records = [];
+                            const headers = lines[0];
+                            lines.splice(0, 1);
+                            lines.forEach(line => {
+                                const record = {};
+                                let hasValue = false;
+                                headers.forEach((header, index) => {
+                                    record[header] = line[index];
+                                    if (line[index] !== undefined && line[index] !== null && line[index].toString()) {
+                                        hasValue = true;
+                                    }
+                                    if (typeof (record[header]) === 'string') {
+                                        record[header] = record[header].trim();
+                                    }
+                                    if (record[header] === '' || record[header] === undefined) {
+                                        record[header] = null;
+                                    }
+                                });
+                                if (hasValue) {
+                                    records.push(record);
+                                }
+                            });
+                            resolve({
+                                items: records,
+                                file: target.files[0]
+                            });
+                        };
+                        reader.readAsBinaryString(target.files[0]);
+                    }
+                    catch (error) {
+                        reject(error);
+                    }
+                });
+                $(`#${this.importId}`).trigger('click');
+            });
+        });
+        _isValidDate.set(this, (format, value) => {
+            if ((value === null || value === void 0 ? void 0 : value.length) !== (format === null || format === void 0 ? void 0 : format.length)) {
+                return false;
+            }
+            const regex = /^(?:(?:31(\/|-|\.)(?:0?[13578]|1[02]))\1|(?:(?:29|30)(\/|-|\.)(?:0?[13-9]|1[0-2])\2))(?:(?:1[6-9]|[2-9]\d)?\d{2})$|^(?:29(\/|-|\.)0?2\3(?:(?:(?:1[6-9]|[2-9]\d)?(?:0[48]|[2468][048]|[13579][26])|(?:(?:16|[2468][048]|[3579][26])00))))$|^(?:0?[1-9]|1\d|2[0-8])(\/|-|\.)(?:(?:0?[1-9])|(?:1[0-2]))\4(?:(?:1[6-9]|[2-9]\d)?\d{2})$/;
+            return regex.test(value);
+        });
+        _isValidTime.set(this, (format, value) => {
+            if ((value === null || value === void 0 ? void 0 : value.length) !== (format === null || format === void 0 ? void 0 : format.length)) {
+                return false;
+            }
+            return true;
+        });
+        _isValidDateTime.set(this, (format, value) => {
+            if ((value === null || value === void 0 ? void 0 : value.length) !== (format === null || format === void 0 ? void 0 : format.length)) {
+                return false;
+            }
+            const dates = value === null || value === void 0 ? void 0 : value.split(' ');
+            if (dates.length !== 2) {
+                return false;
+            }
+            const date = dates[0];
+            if (!__classPrivateFieldGet(this, _isValidDate).call(this, 'dd/MM/yyyy', date)) {
+                return false;
+            }
+            const time = dates[1];
+            const regex = /^(0[0-9]|1[0-9]|2[0-3])(\:)(0[0-9]|[0-5][0-9])$/;
+            return regex.test(time);
+        });
+    }
+    set paginator(paginator) {
+        if (paginator && __classPrivateFieldGet(this, _paginator) !== paginator) {
+            __classPrivateFieldSet(this, _paginator, paginator);
+            __classPrivateFieldGet(this, _subscription).add(paginator.page.subscribe(__classPrivateFieldGet(this, _reload)));
+        }
+    }
+    ngOnInit() {
+        this.isUploaded = false;
+    }
+    ngOnDestroy() {
+        __classPrivateFieldGet(this, _subscription).unsubscribe();
+    }
+}
+_paginator = new WeakMap(), _subscription = new WeakMap(), _reset = new WeakMap(), _reload = new WeakMap(), _isError = new WeakMap(), _isWarning = new WeakMap(), _isSuccess = new WeakMap(), _parse = new WeakMap(), _mapItem = new WeakMap(), _import = new WeakMap(), _isValidDate = new WeakMap(), _isValidTime = new WeakMap(), _isValidDateTime = new WeakMap();
+SdUploadExcel.decorators = [
+    { type: 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;vertical-align: middle;\">#</th>\r\n                <th *ngIf=\"filteredItems?.length\" class=\"text-center\"\r\n                  style=\"min-width: 250px; width: 250px;vertical-align: middle;\">\r\n                  {{'Upload message' | sdTranslate}}</th>\r\n                <ng-container *ngFor=\"let column of option.columns\">\r\n                  <th *ngIf=\"column | columnHidden\" [ngStyle]=\"{'min-width':column.width ? column.width : '300px'}\"\r\n                    [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.sd.validation?.warning && !item.sd.validation?.error, 'badge-warning':item.sd.validation?.warning && !item.sd.validation?.error, 'badge-danger':item.sd.validation?.error}\"\r\n                    style=\"width: 100%\">{{item.sd.excelIndex}}</span>\r\n                </td>\r\n                <td style=\"min-width: 250px; width: 250px\">\r\n                  <div\r\n                    [innerHtml]=\"item.sd.validation?.error || item.sd.validation?.warning || item.sd.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\" [ngClass]=\"{'table-warning':item.sd.validation?.data[column.field]?.warning && !item.sd.validation?.data[column.field]?.error, \r\n                    'table-danger':item.sd.validation?.data[column.field]?.error}\"\r\n                    [matTooltip]=\"item.sd.validation?.data[column.field]?.error || item.sd.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                      <div *ngIf=\"column.type !== 'array'\"\r\n                        [innerHtml]=\"item | columnTransform:column | async | safeHtml\"></div>\r\n                      <ng-container *ngIf=\"column.type === 'array'\">\r\n                        {{item.data[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.data[column.field]?.split(column.divideString)\"\r\n                              [innerHtml]=\"itemArray\">\r\n                            </div>\r\n                          </div>\r\n                        </mat-menu>\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\" [loading]=\"uploading\"></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\" [loading]=\"uploading\"></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}"]
+            },] }
+];
+SdUploadExcel.ctorParameters = () => [
+    { type: ChangeDetectorRef },
+    { type: SdExportService },
+    { type: SdTranslateService },
+    { type: SdNotifyService },
+    { type: SdColumnHiddenPipe },
+    { type: SdLoadingService }
+];
+SdUploadExcel.propDecorators = {
+    option: [{ type: Input }],
+    modal: [{ type: ViewChild, args: ['modal',] }],
+    paginator: [{ type: ViewChild, args: [MatPaginator,] }]
+};
+
+class SdColumnTransformPipe {
+    constructor(decimalPipe) {
+        this.decimalPipe = decimalPipe;
+        this.transform = (rowData, column) => __awaiter(this, void 0, void 0, function* () {
+            var _a, _b, _c, _d, _e, _f;
+            const { type, transform } = column;
+            const value = rowData.data[column.field];
+            if ((_a = rowData.sd.validation.data[column.field]) === null || _a === void 0 ? void 0 : _a.error) {
+                return (_c = (_b = rowData.sd.origin[column.field]) !== null && _b !== void 0 ? _b : value) !== null && _c !== void 0 ? _c : '';
+            }
+            if (transform) {
+                return transform(rowData.data, value);
+            }
+            if (column.type === 'number') {
+                return (_d = Number.toVNCurrency(value)) !== null && _d !== void 0 ? _d : '';
+            }
+            if (column.type === 'bool') {
+                if (value === '1' || value === true) {
+                    return `<div class="text-center"><input type="checkbox" checked disabled></div>`;
+                }
+                else if (value === '0' || value === false) {
+                    return `<div class="text-center"><input type="checkbox" disabled></div>`;
+                }
+            }
+            if (column.type === 'date') {
+                return (_e = Date.toFormat(value, column.format || 'dd/MM/yyyy')) !== null && _e !== void 0 ? _e : '';
+            }
+            if (column.type === 'datetime') {
+                return (_f = Date.toFormat(value, column.format || 'dd/MM/yyyy HH:mm')) !== null && _f !== void 0 ? _f : '';
+            }
+            return value !== null && value !== void 0 ? value : '';
+        });
+    }
+}
+SdColumnTransformPipe.decorators = [
+    { type: Pipe, args: [{
+                name: 'columnTransform'
+            },] }
+];
+SdColumnTransformPipe.ctorParameters = () => [
+    { type: DecimalPipe }
+];
+
+class SdUploadExcelModule {
+}
+SdUploadExcelModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    FormsModule,
+                    DeviceDetectorModule.forRoot(),
+                    MatSlideToggleModule,
+                    MatTooltipModule,
+                    MatPaginatorModule,
+                    MatSlideToggleModule,
+                    SdNotifyModule,
+                    SdTranslateModule,
+                    SdUtilityModule,
+                    SdButtonModule,
+                    SdModalModule,
+                    SdInputModule,
+                    MatIconModule,
+                    MatMenuModule
+                ],
+                declarations: [
+                    SdUploadExcel,
+                    // pipe
+                    SdColumnHiddenPipe,
+                    SdColumnTransformPipe
+                ],
+                exports: [
+                    SdUploadExcel
+                ],
+                providers: [
+                    DecimalPipe,
+                    SdColumnHiddenPipe
+                ]
+            },] }
+];
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SdUploadExcel, SdUploadExcelModule, SdColumnHiddenPipe as ɵa, SdColumnTransformPipe as ɵb };
+//# sourceMappingURL=sd-angular-core-upload-excel.js.map