tnx-shared 5.3.145 → 5.3.146

package/fesm2015/tnx-shared.js

@@ -28271,6 +28271,573 @@ UserOnlineDetailsService.ctorParameters = () => [
     { type: UserService }
 ];
 
+class HighPerformanceService {
+    constructor(_signalrService, _commonService, _httpClient, _moduleConfigService) {
+        this._signalrService = _signalrService;
+        this._commonService = _commonService;
+        this._httpClient = _httpClient;
+        this._moduleConfigService = _moduleConfigService;
+    }
+    createProcess(queueName, callBackOnMessage = null, data = null, returnSequenceNumber = false) {
+        const internalClientKey = this._commonService.guid();
+        const model = {
+            queueName,
+            data,
+            clientKey: internalClientKey
+        };
+        this._signalrService.start(null, internalClientKey, (data) => {
+            if (callBackOnMessage) {
+                callBackOnMessage(data);
+            }
+            this._signalrService.unSubscribeViewCode(null, internalClientKey);
+        });
+        return new Promise((resolve) => __awaiter(this, void 0, void 0, function* () {
+            this.env = this._moduleConfigService.getConfig().environment;
+            const highPerformanceEndpoint = `${this.env.apiDomain.highPerformanceEndpoint}/HighPerformance/DoWork?returnSequenceNumber=${returnSequenceNumber}`;
+            try {
+                const rs = yield this._httpClient.post(highPerformanceEndpoint, model).toPromise();
+                if (rs.success) {
+                    resolve(rs.data);
+                }
+            }
+            catch (_a) {
+            }
+            resolve(null);
+        }));
+    }
+    cancelProcess(queueName, uniqueKey) {
+        return __awaiter(this, void 0, void 0, function* () {
+            try {
+                const highPerformanceEndpoint = `${this.env.apiDomain.highPerformanceEndpoint}/HighPerformance/CancelWork?queueName=${queueName}&uniqueKey=${uniqueKey}`;
+                const rs = yield this._httpClient.post(highPerformanceEndpoint, {}).toPromise();
+                if (rs.success) {
+                    return rs.data;
+                }
+            }
+            catch (_a) {
+            }
+            return false;
+        });
+    }
+}
+HighPerformanceService.ɵprov = i0.ɵɵdefineInjectable({ factory: function HighPerformanceService_Factory() { return new HighPerformanceService(i0.ɵɵinject(SignalRService), i0.ɵɵinject(CommonService), i0.ɵɵinject(i1$1.HttpClient), i0.ɵɵinject(ModuleConfigService)); }, token: HighPerformanceService, providedIn: "root" });
+HighPerformanceService.decorators = [
+    { type: Injectable, args: [{
+                providedIn: 'root'
+            },] }
+];
+HighPerformanceService.ctorParameters = () => [
+    { type: SignalRService },
+    { type: CommonService },
+    { type: HttpClient },
+    { type: ModuleConfigService }
+];
+
+class TemplateService {
+    constructor(_moduleConfigService, _httpClient, _printService, _fileService, _notifierService, _crudService, _commonService) {
+        this._httpClient = _httpClient;
+        this._printService = _printService;
+        this._fileService = _fileService;
+        this._notifierService = _notifierService;
+        this._crudService = _crudService;
+        this._commonService = _commonService;
+        this._moduleConfig = _moduleConfigService.getConfig();
+        this.environment = this._moduleConfig.environment;
+        this.serviceUri = `${this.environment.apiDomain.templateEndpoint}/template`;
+    }
+    laTexToBase64Image(laTex, font = 54) {
+        const api = `${this.serviceUri}/LatexToBase64`;
+        return this._httpClient.post(api, { laTex, font }).toPromise();
+    }
+    /**
+     * Description: Xuất file sử dụng thư viện CX, xuất xong tự động mở popup để lưu file.
+     */
+    exportCxExcelByCode(model) {
+        const url = `${this.serviceUri}/ExportCxExcelByCode`;
+        this.setFileInfo(model);
+        return this._httpClient
+            .post(url, model, { responseType: 'blob' })
+            .toPromise()
+            .then(res => {
+            FileSaver.saveAs(res, this.getFullFileName(model.fileName || model.code));
+        }).catch((err) => __awaiter(this, void 0, void 0, function* () {
+            const errorText = yield err.error.text();
+            this._crudService.processErrorResponse(JSON.parse(errorText || ''));
+        }));
+    }
+    exportManyCxExcelByCode(model) {
+        const url = `${this.serviceUri}/ExportManyCxExcelByCode`;
+        this.setManyFileInfo(model);
+        return this._httpClient
+            .post(url, model)
+            .toPromise()
+            .then(res => {
+            if (res.success) {
+                this._fileService.downloadFolder(res.data.folderId);
+            }
+            else {
+                this._crudService.processErrorResponse(res);
+            }
+        }).catch((err) => __awaiter(this, void 0, void 0, function* () {
+            const errorText = yield err.error.text();
+            this._crudService.processErrorResponse(JSON.parse(errorText || ''));
+        }));
+    }
+    getFullFileName(fileName, extension = TemplateConstant.EXCEL_EXTENSION) {
+        return `${fileName}${extension}`;
+    }
+    /**
+     * Description: Export sử dung ClosedXml.Report (Cx) với signalR, sử dụng cho file dữ liệu lớn.
+     * Param: model chứa
+     *  - code :  code của template cấu hình bên Quản trị > Biểu mẫu > Biểu mẫu excel.
+     *  - data : object chứa dữ liệu đã chuyền thành dạng json.
+     *  - fileName: tên file sau khi export.
+     *  - topic: guid dùng để subscribe.
+     */
+    ExportCxExcelByCodeWithSignalR(model) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const url = `${this.serviceUri}/ExportCxExcelByCodeWithSignalR`;
+            return this._httpClient.post(url, model)
+                .toPromise();
+        });
+    }
+    /**
+     * Description: Export sử dung ClosedXml.Report (Cx) với HighPerformanceService, sử dụng cho file dữ liệu lớn.
+     * Param: model chứa
+     *  - code :  code của template cấu hình bên Quản trị > Biểu mẫu > Biểu mẫu excel.
+     *  - data : object chứa dữ liệu đã chuyền thành dạng json.
+     *  - fileName: tên file sau khi export.
+     *  - queueName: queue của topic.
+     *  - uniqueKey: unique key cho task.
+     */
+    ExportCxExcelByCodeWithHPS(model) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const url = `${this.serviceUri}/ExportWithHighPerformanceService`;
+            return this._httpClient.post(url, model)
+                .toPromise();
+        });
+    }
+    exportCxExcelByCodePromise(model) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const url = `${this.serviceUri}/ExportCxExcelByCode`;
+            return this._httpClient
+                .post(url, model, { responseType: 'blob' })
+                .toPromise();
+        });
+    }
+    fillTemplateByCodeAndGetPdf(templateCode, data, onLoadingDataPdf = null, onEndLoadingDataPdf = null) {
+        const url = `${this.serviceUri}/fillWordByTemplateCode/${templateCode}?isPrint=true`;
+        return this._httpClient
+            .post(url, data)
+            .toPromise().then(res => {
+            if (res.data) {
+                this._printService.printBase64Pdf(res.data, onLoadingDataPdf, onEndLoadingDataPdf);
+            }
+        });
+    }
+    fillWordByTemplateCodeMultiData(templateCode, data, onLoadingDataPdf = null, onEndLoadingDataPdf = null) {
+        const url = `${this.serviceUri}/fillWordByTemplateCodeMultiData/${templateCode}?isPrint=true`;
+        return this._httpClient
+            .post(url, data)
+            .toPromise().then(res => {
+            if (res.data) {
+                this._printService.printBase64Pdf(res.data, onLoadingDataPdf, onEndLoadingDataPdf);
+            }
+        });
+    }
+    setFileInfo(model) {
+        model.data = model.data ? model.data : JSON.stringify(model.dataObject);
+        delete model.dataObject;
+    }
+    setManyFileInfo(manyModel) {
+        let hasModel = manyModel && manyModel.lstFileInfo && manyModel.lstFileInfo.length;
+        if (!hasModel) {
+            return;
+        }
+        manyModel.lstFileInfo.forEach(fileInfo => {
+            this.setFileInfo(fileInfo);
+            fileInfo.fileName = `${fileInfo.fileName}_${this._commonService.guid()}.${TemplateConstant.EXCEL_EXTENSION}`;
+        });
+    }
+    /**
+     * Export dữ liệu không dùng template.
+     */
+    exportCxExcel(model) {
+        const url = `${this.serviceUri}/ExportCxExcel`;
+        return this._httpClient
+            .post(url, model, { responseType: 'blob' })
+            .toPromise()
+            .then(res => {
+            FileSaver.saveAs(res, this.getFullFileName(model.fileName || 'Export'));
+        }).catch((err) => __awaiter(this, void 0, void 0, function* () {
+            const errorText = yield err.error.text();
+            this._crudService.processErrorResponse(JSON.parse(errorText || ''));
+        }));
+    }
+    exportCxExcelPromise(model) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const url = `${this.serviceUri}/ExportCxExcel`;
+            return this._httpClient
+                .post(url, model, { responseType: 'blob' })
+                .toPromise();
+        });
+    }
+}
+TemplateService.ɵprov = i0.ɵɵdefineInjectable({ factory: function TemplateService_Factory() { return new TemplateService(i0.ɵɵinject(ModuleConfigService), i0.ɵɵinject(i1$1.HttpClient), i0.ɵɵinject(PrintService), i0.ɵɵinject(FileExplorerService), i0.ɵɵinject(NotifierService), i0.ɵɵinject(CrudService), i0.ɵɵinject(CommonService)); }, token: TemplateService, providedIn: "root" });
+TemplateService.decorators = [
+    { type: Injectable, args: [{
+                providedIn: 'root'
+            },] }
+];
+TemplateService.ctorParameters = () => [
+    { type: ModuleConfigService },
+    { type: HttpClient },
+    { type: PrintService },
+    { type: FileExplorerService },
+    { type: NotifierService },
+    { type: CrudService },
+    { type: CommonService }
+];
+
+class JobItem {
+    constructor(code, data, fileName = 'BaoCao', status = REPORT_QUEUE_CONSTANT.statuses.Waiting) {
+        // Loại export.
+        this._type = JobTypes.SingnalR;
+        this._code = code;
+        const datepipe = new DatePipe('en-US');
+        let formattedDate = datepipe.transform(new Date(), 'ddMMyyyy_hhmmss');
+        this._fileName = `${fileName}_${formattedDate}${TemplateConstant.EXCEL_EXTENSION}`;
+        this._data = data || {};
+        this._status = status;
+    }
+}
+class REPORT_QUEUE_CONSTANT {
+}
+REPORT_QUEUE_CONSTANT.statuses = {
+    Waiting: 1,
+    Exporting: 2,
+    Success: 3,
+    Error: 4,
+    Downloaded: 5
+};
+REPORT_QUEUE_CONSTANT.dicStatus = new SimpleDictionary([
+    new SimpleDicItem(REPORT_QUEUE_CONSTANT.statuses.Waiting, 'Chờ để xử lý'),
+    new SimpleDicItem(REPORT_QUEUE_CONSTANT.statuses.Exporting, 'Đang xử lý'),
+    new SimpleDicItem(REPORT_QUEUE_CONSTANT.statuses.Success, 'Tải xuống'),
+    new SimpleDicItem(REPORT_QUEUE_CONSTANT.statuses.Error, 'Xuất file chưa thành công'),
+    new SimpleDicItem(REPORT_QUEUE_CONSTANT.statuses.Downloaded, 'Đã tải'),
+]);
+var JobTypes;
+(function (JobTypes) {
+    JobTypes[JobTypes["Normal"] = 1] = "Normal";
+    JobTypes[JobTypes["SingnalR"] = 2] = "SingnalR";
+    JobTypes[JobTypes["Many"] = 3] = "Many"; // Export nhiều file cùng một lúc và nén vào file zip, mỗi file có thể là các loại biểu mẫu khác nhau.
+})(JobTypes || (JobTypes = {}));
+class ExportJob {
+    constructor(templateCode, // code template cấu hình bên quản trị
+    dataPromise, // promise dùng để lấy dữ liệu, trả về dạng ResponseResult
+    fileName, // tên của file được lưu
+    rootName = '', // tên thuộc tính của lst dữ liệu ngoài cùng
+    cb = null, // dùng để xử lý dữ liệu sau khi lấy xong
+    type = JobTypes.Normal // Loại export.
+    ) {
+        this.templateCode = templateCode;
+        this.dataPromise = dataPromise;
+        this.fileName = fileName;
+        this.rootName = rootName;
+        this.cb = cb;
+        this.type = type;
+    }
+}
+
+class ReportQueueComponent {
+    constructor(_notifierService, _commonService, _fileService, _tempateService, _signalRService, _highPerformanceService, _crudService) {
+        this._notifierService = _notifierService;
+        this._commonService = _commonService;
+        this._fileService = _fileService;
+        this._tempateService = _tempateService;
+        this._signalRService = _signalRService;
+        this._highPerformanceService = _highPerformanceService;
+        this._crudService = _crudService;
+        this.name = 'reportQueue';
+        this.header = 'Xuất báo cáo';
+        this.autoDownload = false;
+        this.maxNameLength = 40;
+        this.expand = true;
+        this.queueName = 'REPORT_QUEUE';
+        this.hub = 'CommonHub';
+        this.dicStatus = REPORT_QUEUE_CONSTANT.dicStatus;
+        this.statuses = REPORT_QUEUE_CONSTANT.statuses;
+        this._queue = [];
+        this.maxHeight = 200;
+        this.itemHeight = 50;
+        this.popupHeight = this.itemHeight;
+    }
+    ngOnInit() {
+        if (this.parentDataModel && this.name) {
+            this.parentDataModel[this.name] = this;
+        }
+    }
+    toggleExpand() {
+        this.expand = !this.expand;
+    }
+    /**
+     * Thêm job vào để thực hiện
+     */
+    addJob(exportJob) {
+        return __awaiter(this, void 0, void 0, function* () {
+            var foundIndex = this._queue.findIndex(job => job._code == exportJob.templateCode && job._status == this.statuses.Exporting);
+            if (foundIndex !== -1) {
+                this._notifierService.showWarning("File cùng loại đang được xử lý, thử lại sau khi xử lý xong!");
+                return;
+            }
+            var job = new JobItem(exportJob.templateCode, {}, exportJob.fileName || exportJob.templateCode, this.statuses.Exporting);
+            this._queue.push(job);
+            this.updatePopupHeight();
+            setTimeout(() => {
+                this.scrollbar.scrollToBottom();
+            }, 100);
+            var rsData = yield exportJob.dataPromise;
+            if (rsData.data == null) {
+                job._status = this.statuses.Error;
+                return this._crudService.processErrorResponse(rsData);
+            }
+            if (exportJob.cb) {
+                job._data = exportJob.cb(rsData.data);
+            }
+            else if (exportJob.rootName) {
+                job._data[exportJob.rootName] = rsData.data;
+            }
+            else {
+                job._data = rsData.data;
+            }
+            switch (exportJob.type) {
+                case JobTypes.Normal:
+                    this.Export(job);
+                    break;
+                case JobTypes.SingnalR:
+                    this.ExportWithSignalR(job);
+                    break;
+                case JobTypes.Many:
+                    break;
+            }
+        });
+    }
+    /**
+     * Thêm job vào để thực hiện
+     *  - templateCode: code template cấu hình bên quản trị
+     *  - data: dữ liệu export
+     *  - fileName: tên của file được lưu
+     *  - useSignalR: thay vì gọi request và chờ đến khi thực hiện xong
+     *      trả về binaryFile thì tạo tiến trình riêng để export, và dùng signalR thông
+     *      báo kết quả export, trả về fileId để tải.
+     */
+    addJobWithData(templateCode, data, fileName, useSignalR = false) {
+        return __awaiter(this, void 0, void 0, function* () {
+            var foundIndex = this._queue.findIndex(job => job._code == templateCode && job._status == this.statuses.Exporting);
+            if (foundIndex !== -1) {
+                this._notifierService.showWarning("File cùng loại đang được xử lý, thử lại sau khi xử lý xong!");
+                return;
+            }
+            var job = new JobItem(templateCode, data, fileName || templateCode, this.statuses.Exporting);
+            this._queue.push(job);
+            if (useSignalR) {
+                this.ExportWithSignalR(job);
+            }
+            else {
+                this.Export(job);
+            }
+        });
+    }
+    Export(job) {
+        return __awaiter(this, void 0, void 0, function* () {
+            this._tempateService.exportCxExcelByCodePromise({ code: job._code, data: JSON.stringify(job._data), fileName: job._fileName })
+                .then(file => {
+                job._status = this.statuses.Success;
+                job._binaryFile = file;
+                if (this.autoDownload) {
+                    this.download(job);
+                }
+            }).catch((err) => __awaiter(this, void 0, void 0, function* () {
+                job._status = this.statuses.Error;
+                const errorText = yield err.error.text();
+                this._crudService.processErrorResponse(JSON.parse(errorText || ''));
+            }));
+        });
+    }
+    ExportWithSignalR(job) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const topic = this._commonService.guid();
+            job._uniqueKey = topic;
+            this._signalRService.start(this.hub, topic, (message) => {
+                var rs = JSON.parse(message);
+                if (rs.success) {
+                    job._status = this.statuses.Success;
+                    job._fileId = rs.data;
+                    if (this.autoDownload) {
+                        this.download(job);
+                    }
+                }
+                else {
+                    job._status = this.statuses.Error;
+                    this._crudService.processErrorResponse(rs);
+                }
+            });
+            this._tempateService.ExportCxExcelByCodeWithSignalR({ code: job._code, data: JSON.stringify(job._data), fileName: job._fileName, topic: topic })
+                .then(rs => {
+                if (!rs.success) {
+                    job._status = this.statuses.Error;
+                    this._crudService.processErrorResponse(rs);
+                }
+            }).catch((err) => __awaiter(this, void 0, void 0, function* () {
+                job._status = this.statuses.Error;
+                this._crudService.processErrorResponse(err.error);
+            }));
+            ;
+        });
+    }
+    ExportCxExcelByCodeWithHPS(job) {
+        return __awaiter(this, void 0, void 0, function* () {
+            this._highPerformanceService.createProcess(this.queueName, (arrMessage) => {
+                var message = arrMessage.pop();
+                var rs = JSON.parse(message);
+                if (rs.success) {
+                    job._status = this.statuses.Success;
+                    job._fileId = rs.data;
+                    if (this.autoDownload) {
+                        this._fileService.downloadFile(job._fileId);
+                        job._status = this.statuses.Downloaded;
+                        job._fileId = null;
+                    }
+                }
+                else {
+                    job._status = this.statuses.Error;
+                    this._crudService.processErrorResponse(rs);
+                }
+            }).then(rs => {
+                job._uniqueKey = rs;
+                this._tempateService.ExportCxExcelByCodeWithHPS({
+                    code: job._code,
+                    data: JSON.stringify(job._data),
+                    fileName: job._fileName,
+                    topic: this.queueName,
+                    uniqueKey: job._uniqueKey
+                }).then(rs => {
+                    if (!rs.success) {
+                        job._status = this.statuses.Error;
+                        this._crudService.processErrorResponse(rs);
+                    }
+                }, err => {
+                    job._status = this.statuses.Error;
+                    console.log("Lỗi gọi api server export");
+                });
+            }, err => {
+                job._status = this.statuses.Error;
+                console.log("Lỗi gọi HPS service :(");
+            });
+        });
+    }
+    download(job) {
+        if (job._status == this.statuses.Downloaded) {
+            return;
+        }
+        if (job._fileId) {
+            this._fileService.downloadFile(job._fileId, false, job._fileName);
+        }
+        else if (job._binaryFile) {
+            FileSaver.saveAs(job._binaryFile, job._fileName);
+        }
+        job._status = this.statuses.Downloaded;
+        job._binaryFile = null;
+        job._fileId = null;
+    }
+    showQueue() {
+        let show = this._queue && this._queue.length > 0;
+        return show;
+    }
+    getName(job) {
+        var name = job._fileName.length > this.maxNameLength ? `${job._fileName.substr(0, this.maxNameLength - 10)}[...]${TemplateConstant.EXCEL_EXTENSION}` : job._fileName;
+        return name;
+    }
+    cancelJob(job) {
+        let foundIndex = this._queue.findIndex(j => j._code == job._code);
+        if (foundIndex == -1) {
+            return;
+        }
+        let foundJob = this._queue[foundIndex];
+        if (foundJob._status == this.statuses.Exporting) {
+            this._notifierService
+                .showConfirm('File này đang được xử lý. Bạn có muốn dừng lại?', 'Hủy xuất file')
+                .then(rs => {
+                if (!rs) {
+                    return;
+                }
+                let needUnsubscribe = foundJob._type == JobTypes.SingnalR && foundJob._uniqueKey;
+                if (needUnsubscribe) {
+                    this._signalRService.unSubscribeViewCode(foundJob._uniqueKey, this.hub);
+                }
+                this._queue.splice(foundIndex, 1);
+                this.updatePopupHeight();
+            });
+        }
+        else if (foundJob._status != this.statuses.Exporting) {
+            this._queue.splice(foundIndex, 1);
+            this.updatePopupHeight();
+        }
+    }
+    close() {
+        var hasExporting = this._queue && this._queue.filter(item => item._status == this.statuses.Exporting).length > 0;
+        if (hasExporting) {
+            this._notifierService
+                .showConfirm('Có file đang được xử lý. Bạn có muốn dừng lại?', 'Hủy xuất file')
+                .then(rs => {
+                if (!rs) {
+                    return;
+                }
+                let needUnsubscribe = false;
+                this._queue.forEach(job => {
+                    needUnsubscribe = job._type == JobTypes.SingnalR && job._uniqueKey;
+                    if (needUnsubscribe) {
+                        this._signalRService.unSubscribeViewCode(job._uniqueKey, this.hub);
+                    }
+                });
+                this._queue = [];
+                this.updatePopupHeight();
+            });
+        }
+        else {
+            this._queue = [];
+        }
+    }
+    updatePopupHeight() {
+        let height = (this._queue || []).length * this.itemHeight;
+        this.popupHeight = height > this.maxHeight ? this.maxHeight : height;
+    }
+}
+ReportQueueComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'report-queue',
+                template: "<div class=\"rq-container\" *ngIf=\"showQueue()\">\n    <div class=\"rq-header\">\n        <div>{{header | translate}}</div>\n        <div>\n\n            <p-checkbox [(ngModel)]=\"autoDownload\" binary=\"true\" pTooltip=\"T\u1EF1 \u0111\u1ED9ng t\u1EA3i\" tooltipPosition=\"left\">\n            </p-checkbox>\n\n            <a href=\"javascript:;\" (click)=\"toggleExpand()\" pTooltip=\"{{expand ? 'Thu g\u1ECDn' : 'M\u1EDF r\u1ED9ng'}}\"\n                tooltipPosition=\"left\">\n                <i class=\"fas\" [ngClass]=\"{'fa-compress' : expand, 'fa-expand': !expand}\"></i>\n            </a>\n\n            <a href=\"javascript:;\" (click)=\"close()\" pTooltip=\"\u0110\u00F3ng\">\n                <i class=\"fas fa-times\"></i>\n            </a>\n        </div>\n    </div>\n    <div class=\"rq-body\" *ngIf=\"expand\">\n        <tn-custom-scrollbar [style]=\"{'height.px': popupHeight}\" #scrollbar>\n            <div class=\"re-job\" *ngFor=\"let job of _queue\">\n                <div class=\"re-job-title\">\n                    <div>{{getName(job)}}</div>\n                    <div>\n                        <a href=\"javascript:;\" (click)=\"cancelJob(job)\">\n                            <i class=\"fas fa-times\"></i>\n                        </a>\n                    </div>\n                </div>\n                <div class=\"re-job-result\"\n                    [ngClass]=\"{'job-success': job._status == statuses.Success, 'job-error': job._status == statuses.Error, 'job-exporting' : job._status == statuses.Exporting, 'job-downloaded': job._status == statuses.Downloaded}\">\n                    <span *ngIf=\"job._status != statuses.Success && job._status != statuses.Exporting\">\n                        {{dicStatus.get(job._status) | translate}}\n                    </span>\n\n                    <span *ngIf=\"job._status == statuses.Exporting\">\n                        <div class=\"loader\"></div>\n                        {{dicStatus.get(job._status) | translate}}\n                    </span>\n\n                    <a href=\"javascript:;\" (click)=\"download(job)\" class=\"job-success\"\n                        *ngIf=\"job._status == statuses.Success\">\n                        <i class=\"fas fa-download\"></i> {{dicStatus.get(job._status) | translate}}\n                    </a>\n                </div>\n            </div>\n        </tn-custom-scrollbar>\n    </div>\n</div>\n",
+                styles: ["::ng-deep .rq-container{width:350px;border:1px solid #3192e1;border-radius:3px;background-color:#fff}::ng-deep .rq-container .rq-header{background-color:#3192e1;padding:5px 10px;display:flex;border-radius:3px 3px 0 0;color:#fff;font-weight:400;font-size:15px}::ng-deep .rq-container .rq-header>div:first-child{flex-grow:1}::ng-deep .rq-container .rq-header>div:last-child>a{font-weight:200;margin-left:10px;color:#fff}::ng-deep .rq-container .rq-header>div:last-child>a>i{font-size:13px}::ng-deep .rq-container .rq-header>div:last-child .ui-chkbox-box{width:14px;height:14px;margin-top:-2px}::ng-deep .rq-container .rq-header>div:last-child .ui-chkbox-icon{font-size:13px;line-height:13px}::ng-deep .rq-container .rq-body .re-job{padding:6px 10px;display:flex;flex-direction:column}::ng-deep .rq-container .rq-body .re-job:first-child{padding-top:6px}::ng-deep .rq-container .rq-body .re-job .re-job-title{display:flex;font-size:13px}::ng-deep .rq-container .rq-body .re-job .re-job-title>div:first-child{flex-grow:1;padding-bottom:3px}::ng-deep .rq-container .rq-body .re-job .re-job-title>div a{color:#3192e1}::ng-deep .rq-container .rq-body .re-job .re-job-result{font-size:11px}::ng-deep .rq-container .rq-body .re-job .re-job-result>span{display:flex;align-items:center;height:20px}::ng-deep .rq-container .rq-body .re-job .re-job-result.job-exporting{color:#3192e1}::ng-deep .rq-container .rq-body .re-job .re-job-result.job-exporting>span>div{margin-right:5px}::ng-deep .rq-container .rq-body .re-job .re-job-result.job-success{color:#1ab91a}::ng-deep .rq-container .rq-body .re-job .re-job-result.job-success>a>i{margin-right:2px}::ng-deep .rq-container .rq-body .re-job .re-job-result.job-error{color:#e95353}::ng-deep .rq-container .rq-body .re-job .re-job-result.job-downloaded{color:#b2b2b2}::ng-deep .loader{border-radius:50%;border:2px solid #bcdbf5;border-top-color:#3192e1;width:12px;height:12px;animation:spin 1s linear infinite;display:inline-block}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:host{position:absolute;bottom:1px;right:2px;z-index:1000}"]
+            },] }
+];
+ReportQueueComponent.ctorParameters = () => [
+    { type: NotifierService },
+    { type: CommonService },
+    { type: FileExplorerService },
+    { type: TemplateService },
+    { type: SignalRService },
+    { type: HighPerformanceService },
+    { type: CrudService }
+];
+ReportQueueComponent.propDecorators = {
+    parentDataModel: [{ type: Input }],
+    name: [{ type: Input }],
+    header: [{ type: Input }],
+    autoDownload: [{ type: Input }],
+    scrollbar: [{ type: ViewChild, args: ['scrollbar',] }]
+};
+
 class CommonAppComponentComponent {
     constructor(document, _globalService, _commonService, renderer, translate, _oauthService, _authenService, _userService, _router, _title, _signalRService, _storageUpdatedService, _applicationContext, _componentContextService, _activatedRoute, _deviceDetectorService, _cd, _tnClientService, _coreConfigService, _notifierService, _entityMetadataService, _moduleConfigService, _menuService, _primengConfig, _storageService, _permissionService, _userOnlineDetailsService, _customizeUiService) {
         var _a;
@@ -28306,7 +28873,6 @@ class CommonAppComponentComponent {
         this.allowAnonymous = false;
         this.autoRenderMenu = true;
         this.onUserLoaded = new EventEmitter();
-        //   routerOutlet: TemplateRef<any>;
         this._unsubscribeAll = new Subject();
         // rootVersionDeploy = '1.3';
         this.currentRoute = '';
@@ -28581,8 +29147,8 @@ class CommonAppComponentComponent {
     ngAfterViewInit() {
         this._cd.detach();
         this.detectChanges();
-        // const root = this._applicationContext.getRootContext();
-        // root.reportQueue = this.reportQueue;
+        const root = this._applicationContext.getRootContext();
+        root.reportQueue = this.reportQueue;
         this.menuModel = this._menuService.getMenuItems();
     }
     defaultRedirect() {
@@ -28900,7 +29466,7 @@ class CommonAppComponentComponent {
 CommonAppComponentComponent.decorators = [
     { type: Component, args: [{
                 selector: 'common-app-component',
-                template: "<ng-container *ngIf=\"!pageLoaded\">\n  <ng-container [ngSwitch]=\"layoutLoadingPage\">\n    <ng-container *ngSwitchDefault>\n      <loading-page-v1></loading-page-v1>\n    </ng-container>\n  </ng-container>\n</ng-container>\n\n\n<div *ngIf=\"pageLoaded\" [style.display]=\"pageLoaded ? '' : 'none'\" class=\"layout-wrapper\"\n  (click)=\"_commonService.onLayoutClick()\" [ngClass]=\"{'menu-layout-static': !_commonService.isOverlay(),\n                            'menu-layout-overlay': _commonService.isOverlay(),\n                            'layout-menu-overlay-active': _commonService.overlayMenuActive,\n                            'menu-layout-horizontal': _commonService.isHorizontal(),\n                            'menu-layout-slim': _commonService.isSlim(),\n                            'layout-menu-static-desktop-inactive': _commonService.staticMenuDesktopInactive,\n                            'layout-menu-static-desktop-active': !_commonService.staticMenuDesktopInactive,\n                            'layout-menu-static-mobile-inactive': !_commonService.staticMenuMobileActive,\n                            'layout-menu-static-mobile-active': _commonService.staticMenuMobileActive,\n                            'layout-menu-static-inactive': _commonService.staticMenuDesktopInactive,\n                            'layout-menu-static-active': _commonService.staticMenuMobileActive,\n                            'show-menu-icon-inactive': showMenuIconInactive}\">\n\n  <app-topbar *ngIf=\"_globalService.getHeaderState()\"></app-topbar>\n\n  <div *ngIf=\"_globalService.getMenuState()\" class=\"layout-menu-container\"\n    [ngClass]=\"{'layout-menu-dark':_commonService.darkMenu}\" (click)=\"_commonService.onMenuClick($event)\">\n    <app-root-menu></app-root-menu>\n    <div class=\"layout-menu-block\">\n      <tn-custom-scrollbar #scrollbar [style]=\"{'padding-top': '16px'}\">\n        <app-inline-profile *ngIf=\"_commonService.profileMode == 'inline' &&!_commonService.isHorizontal()\">\n        </app-inline-profile>\n        <ng-container *ngIf=\"!showMenuIconInactive\">\n          <app-menu [autoRenderMenu]=\"autoRenderMenu\" [reset]=\"_commonService.resetMenu\"\n            (onMenuActive)=\"handleMenuActive($event)\"></app-menu>\n        </ng-container>\n        <ng-container *ngIf=\"showMenuIconInactive\">\n          <app-menu-v2 [autoRenderMenu]=\"autoRenderMenu\" [reset]=\"_commonService.resetMenu\"\n            (onMenuActive)=\"handleMenuActive($event)\"></app-menu-v2>\n        </ng-container>\n      </tn-custom-scrollbar>\n    </div>\n    <div class=\"search-area layout-menu-search-area\">\n      <p-autoComplete class=\"search-input\" field=\"label\" [style]=\"{'width':'100%'}\" [suggestions]=\"searchMenuResult\"\n        (completeMethod)=\"onSearchMenu($event)\" [autoHighlight]=\"true\" [placeholder]=\"'T\u00ECm ki\u1EBFm ch\u1EE9c n\u0103ng' | translate\"\n        [delay]=\"200\" [scrollHeight]=\"'400px'\" [readonly]=\"!(menuModel && menuModel.length)\"\n        [(ngModel)]=\"searchMenuInput\" (onSelect)=\"onSelectMenuSuggestion($event)\" (onFocus)=\"searchIconClick()\">\n        <ng-template let-item pTemplate=\"item\">\n          <div innerHTML=\"{{ item.label | highlight : searchMenuInput}}\"></div>\n        </ng-template>\n      </p-autoComplete>\n      <span class=\"icon-search\" (click)=\"searchIconClick()\"><i class=\"pi pi-search\"></i></span>\n    </div>\n  </div>\n\n  <div [class]=\"'layout-main'\" [ngClass]=\"{'no-header': _globalService.getHeaderState() ? false : true}\">\n    <router-outlet></router-outlet>\n  </div>\n\n  <div class=\"layout-mask\"></div>\n\n  <!-- <report-queue [header]=\"'Xu\u1EA5t d\u1EEF li\u1EC7u'\">\n  </report-queue> -->\n</div>\n<div class=\"waiting-box\" [class.show]=\"waiting\">\n  <div class=\"overlay\"></div>\n  <div class=\"content-loading\">\n    <div class=\"lds-ellipsis\">\n      <div></div>\n      <div></div>\n      <div></div>\n      <div></div>\n    </div>\n    <div class=\"message-loading\">\n      <span *ngFor=\"let x of messageWaiting\">{{x}}</span>\n    </div>\n  </div>\n</div>\n<p-toast [position]=\"'top-right'\" [autoZIndex]=\"true\"></p-toast>\n<p-confirmDialog #cd [closable]=\"false\">\n  <p-footer>\n    <button #okButton type=\"button\" pButton icon=\"pi pi-check\" class=\"p-button-rounded p-button-text\" label=\"\u0110\u1ED3ng \u00FD\"\n      (keydown.shift.tab)=\"focusTrap($event, false)\" (click)=\"cd.accept()\"></button>\n    <button *ngIf=\"showRejectConfirm\" #cancelButton type=\"button\" pButton\n      class=\"p-button-rounded p-button-text p-button-secondary\" icon=\"pi pi-times\" label=\"B\u1ECF qua\"\n      (keydown.tab)=\"focusTrap($event, true)\" (click)=\"cd.reject()\"></button>\n  </p-footer>\n</p-confirmDialog>\n<!-- <user-action-manager></user-action-manager> -->\n<permission-utils *ngIf=\"rootData.showPermissionUtils\"></permission-utils>\n<ng-template #abc>\n  <div>1</div>\n</ng-template>\n<ng-template #def>\n  <div>2</div>\n</ng-template>\n",
+                template: "<ng-container *ngIf=\"!pageLoaded\">\n  <ng-container [ngSwitch]=\"layoutLoadingPage\">\n      <ng-container *ngSwitchDefault>\n          <loading-page-v1></loading-page-v1>\n      </ng-container>\n  </ng-container>\n</ng-container>\n\n<div *ngIf=\"pageLoaded\" [style.display]=\"pageLoaded ? '' : 'none'\" class=\"layout-wrapper\"\n  (click)=\"_commonService.onLayoutClick()\" [ngClass]=\"{'menu-layout-static': !_commonService.isOverlay(),\n                          'menu-layout-overlay': _commonService.isOverlay(),\n                          'layout-menu-overlay-active': _commonService.overlayMenuActive,\n                          'menu-layout-horizontal': _commonService.isHorizontal(),\n                          'menu-layout-slim': _commonService.isSlim(),\n                          'layout-menu-static-desktop-inactive': _commonService.staticMenuDesktopInactive,\n                          'layout-menu-static-desktop-active': !_commonService.staticMenuDesktopInactive,\n                          'layout-menu-static-mobile-inactive': !_commonService.staticMenuMobileActive,\n                          'layout-menu-static-mobile-active': _commonService.staticMenuMobileActive,\n                          'layout-menu-static-inactive': _commonService.staticMenuDesktopInactive,\n                          'layout-menu-static-active': _commonService.staticMenuMobileActive,\n                          'show-menu-icon-inactive': showMenuIconInactive}\">\n\n  <app-topbar *ngIf=\"_globalService.getHeaderState()\"></app-topbar>\n\n  <div *ngIf=\"_globalService.getMenuState()\" class=\"layout-menu-container\"\n      [ngClass]=\"{'layout-menu-dark':_commonService.darkMenu}\" (click)=\"_commonService.onMenuClick($event)\">\n      <app-root-menu></app-root-menu>\n      <div class=\"layout-menu-block\">\n          <tn-custom-scrollbar #scrollbar [style]=\"{'padding-top': '16px'}\">\n              <app-inline-profile *ngIf=\"_commonService.profileMode == 'inline' &&!_commonService.isHorizontal()\">\n              </app-inline-profile>\n              <ng-container *ngIf=\"!showMenuIconInactive\">\n                  <app-menu [autoRenderMenu]=\"autoRenderMenu\" [reset]=\"_commonService.resetMenu\"\n                      (onMenuActive)=\"handleMenuActive($event)\"></app-menu>\n              </ng-container>\n              <ng-container *ngIf=\"showMenuIconInactive\">\n                  <app-menu-v2 [autoRenderMenu]=\"autoRenderMenu\" [reset]=\"_commonService.resetMenu\"\n                      (onMenuActive)=\"handleMenuActive($event)\"></app-menu-v2>\n              </ng-container>\n          </tn-custom-scrollbar>\n      </div>\n      <div class=\"search-area layout-menu-search-area\">\n          <p-autoComplete class=\"search-input\" field=\"label\" [style]=\"{'width':'100%'}\"\n              [suggestions]=\"searchMenuResult\" (completeMethod)=\"onSearchMenu($event)\" [autoHighlight]=\"true\"\n              [placeholder]=\"'T\u00ECm ki\u1EBFm ch\u1EE9c n\u0103ng' | translate\" [delay]=\"200\" [scrollHeight]=\"'400px'\"\n              [readonly]=\"!(menuModel && menuModel.length)\" [(ngModel)]=\"searchMenuInput\"\n              (onSelect)=\"onSelectMenuSuggestion($event)\" (onFocus)=\"searchIconClick()\">\n              <ng-template let-item pTemplate=\"item\">\n                  <div innerHTML=\"{{ item.label | highlight : searchMenuInput}}\"></div>\n              </ng-template>\n          </p-autoComplete>\n          <span class=\"icon-search\" (click)=\"searchIconClick()\"><i class=\"pi pi-search\"></i></span>\n      </div>\n  </div>\n\n  <div [class]=\"'layout-main'\" [ngClass]=\"{'no-header': _globalService.getHeaderState() ? false : true}\">\n      <router-outlet></router-outlet>\n  </div>\n\n  <div class=\"layout-mask\"></div>\n\n  <report-queue [header]=\"'Xu\u1EA5t d\u1EEF li\u1EC7u'\">\n  </report-queue>\n</div>\n<div class=\"waiting-box\" [class.show]=\"waiting\">\n  <div class=\"overlay\"></div>\n  <div class=\"content-loading\">\n      <div class=\"lds-ellipsis\">\n          <div></div>\n          <div></div>\n          <div></div>\n          <div></div>\n      </div>\n      <div class=\"message-loading\">\n          <span *ngFor=\"let x of messageWaiting\">{{x}}</span>\n      </div>\n  </div>\n</div>\n<p-toast [position]=\"'top-right'\" [autoZIndex]=\"true\"></p-toast>\n<p-confirmDialog #cd [closable]=\"false\">\n  <p-footer>\n      <button #okButton type=\"button\" pButton icon=\"pi pi-check\" class=\"p-button-rounded p-button-text\"\n          [label]=\"cd.acceptButtonLabel\" (keydown.shift.tab)=\"focusTrap($event, false)\"\n          (click)=\"cd.accept()\"></button>\n      <button *ngIf=\"showRejectConfirm\" #cancelButton type=\"button\" pButton\n          class=\"p-button-rounded p-button-text p-button-secondary\" icon=\"pi pi-times\" [label]=\"cd.rejectButtonLabel\"\n          (keydown.tab)=\"focusTrap($event, true)\" (click)=\"cd.reject()\"></button>\n  </p-footer>\n</p-confirmDialog>\n<!-- <user-action-manager></user-action-manager> -->\n<permission-utils *ngIf=\"rootData.showPermissionUtils\"></permission-utils>\n<ng-template #abc>\n  <div>1</div>\n</ng-template>\n<ng-template #def>\n  <div>2</div>\n</ng-template>\n",
                 providers: [ComponentContextService, EntityMetadataService],
                 styles: [".layout-menu-search-area{position:relative}.icon-search{background-color:transparent;box-shadow:none;position:absolute;right:0;top:0;color:#888;width:30px;font-size:14px;height:100%;display:flex;align-items:center;justify-content:center}.layout-menu-static-inactive .search-area{margin-left:-303px}.layout-menu-container{overflow:hidden;display:flex;flex-direction:column;top:60px;bottom:0;height:auto}.layout-menu-block{display:flex;overflow:hidden;flex:1}.layout-menu-block>tn-custom-scrollbar{width:100%}::ng-deep .layout-menu-search-area .ui-inputtext{width:calc(100% + 1px);border-radius:0;border-color:#dadada;padding-right:40px}::ng-deep .layout-menu-search-area .ui-inputtext:not(:focus){box-shadow:none}::ng-deep .layout-menu-search-area input{width:100%;border-radius:0;border-left:0;border-right:0}::ng-deep .layout-menu-search-area .p-autocomplete-panel{max-width:100%}::ng-deep .layout-menu-search-area .p-autocomplete-item{white-space:normal}::ng-deep .layout-menu-search-area .p-autocomplete-item mark{background-color:var(--tn-primary-color);padding:0;color:#fff;border-radius:0}.waiting-box{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:none}.waiting-box .overlay{background-color:red;background-color:hsla(0,0%,42.7%,.5019607843137255);width:100%;height:100%}.waiting-box .content-loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center}.waiting-box .content-loading .lds-ellipsis{display:inline-block;position:relative;width:80px;height:60px}.waiting-box .content-loading .lds-ellipsis div{position:absolute;top:33px;width:13px;height:13px;border-radius:50%;background:#fff;animation-timing-function:cubic-bezier(0,1,1,0)}.waiting-box .content-loading .lds-ellipsis div:first-child{left:8px;animation:lds-ellipsis1 .6s infinite}.waiting-box .content-loading .lds-ellipsis div:nth-child(2){left:8px;animation:lds-ellipsis2 .6s infinite}.waiting-box .content-loading .lds-ellipsis div:nth-child(3){left:32px;animation:lds-ellipsis2 .6s infinite}.waiting-box .content-loading .lds-ellipsis div:nth-child(4){left:56px;animation:lds-ellipsis3 .6s infinite}.waiting-box .message-loading{font-size:1.75em}.waiting-box .message-loading span{color:#fff;animation:message-opacity 1s infinite;margin-right:1px}.waiting-box .message-loading span:last-child{margin-right:0}.waiting-box .message-loading span:nth-child(16n+1){animation-delay:0;animation-delay:0s}.waiting-box .message-loading span:nth-child(16n+2){animation-delay:.1s}.waiting-box .message-loading span:nth-child(16n+3){animation-delay:.2s}.waiting-box .message-loading span:nth-child(16n+4){animation-delay:.3s}.waiting-box .message-loading span:nth-child(16n+5){animation-delay:.4s}.waiting-box .message-loading span:nth-child(16n+6){animation-delay:.5s}.waiting-box .message-loading span:nth-child(16n+7){animation-delay:.6s}.waiting-box .message-loading span:nth-child(16n+8){animation-delay:.7s}.waiting-box .message-loading span:nth-child(16n+9){animation-delay:.8s}.waiting-box .message-loading span:nth-child(16n+10){animation-delay:.9s}.waiting-box .message-loading span:nth-child(16n+11){animation-delay:1s}.waiting-box .message-loading span:nth-child(16n+12){animation-delay:1.1s}.waiting-box .message-loading span:nth-child(16n+13){animation-delay:1.2s}.waiting-box .message-loading span:nth-child(16n+14){animation-delay:1.3s}.waiting-box .message-loading span:nth-child(16n+15){animation-delay:1.4s}.waiting-box .message-loading span:nth-child(16n+16){animation-delay:1.5s}.waiting-box.show{display:block}::ng-deep common-app-component .show-menu-icon-inactive .layout-menu-container .rootMenu,::ng-deep common-app-component .show-menu-icon-inactive .layout-menu-container .rootMenu>.icon,::ng-deep common-app-component .show-menu-icon-inactive .layout-menu-container .rootMenu>label,::ng-deep common-app-component .show-menu-icon-inactive .layout-menu li .active-menuitem-2,::ng-deep common-app-component .show-menu-icon-inactive .layout-menu li a,::ng-deep common-app-component .show-menu-icon-inactive .layout-menu li a .menu-icon{transition:all .3s}::ng-deep common-app-component .show-menu-icon-inactive .layout-menu li a i.menuitem-toggle-icon{transition:all .2s}::ng-deep common-app-component .show-menu-icon-inactive .layout-menu li{min-height:3.1em;position:relative}::ng-deep common-app-component .show-menu-icon-inactive .layout-menu li a{position:relative}::ng-deep common-app-component .show-menu-icon-inactive .layout-menu li a .menu-icon{position:absolute;left:0;top:0;bottom:0;display:flex;align-items:center;background-color:#fff}::ng-deep common-app-component .show-menu-icon-inactive .layout-menu li a .menu-label{margin-left:40px}::ng-deep common-app-component .show-menu-icon-inactive .layout-menu li i[level=\"1\"]:first-child{flex:0 0 40px}::ng-deep common-app-component .show-menu-icon-inactive .layout-menu li ul li a .menu-icon{padding-left:30px}::ng-deep common-app-component .show-menu-icon-inactive .layout-menu li ul li a .menu-icon i{margin-right:0!important}::ng-deep common-app-component .show-menu-icon-inactive .layout-menu li ul li ul li a .menu-icon{padding-left:30px}::ng-deep common-app-component .show-menu-icon-inactive .layout-menu li ul li ul li a .menu-icon i{margin-right:0!important}::ng-deep common-app-component .show-menu-icon-inactive .layout-menu li ul li ul ul li a .menu-icon{padding-left:30px}::ng-deep common-app-component .show-menu-icon-inactive .layout-menu li ul li ul ul li a .menu-icon i{margin-right:0!important}::ng-deep common-app-component .show-menu-icon-inactive .layout-menu li ul li ul ul ul li a .menu-icon{padding-left:30px}::ng-deep common-app-component .show-menu-icon-inactive .layout-menu li ul li ul ul ul li a .menu-icon i{margin-right:0!important}::ng-deep common-app-component .show-menu-icon-inactive .layout-menu li ul li ul ul ul ul li a .menu-icon{padding-left:30px}::ng-deep common-app-component .show-menu-icon-inactive .layout-menu li ul li ul ul ul ul li a .menu-icon i{margin-right:0!important}::ng-deep common-app-component .show-menu-icon-inactive .layout-menu>.active-menuitem>.active-menuitem-routerlink>span.menu-icon:first-child{background-color:#e8e8e8!important}::ng-deep common-app-component .show-menu-icon-inactive .layout-menu li a:hover .menu-icon{background-color:#f4f4f4}@media (min-width:1025px){::ng-deep common-app-component .show-menu-icon-inactive.layout-menu-static-inactive .layout-menu-container{margin-left:-245px!important}::ng-deep common-app-component .show-menu-icon-inactive.layout-menu-static-inactive .layout-menu-container .rootMenu>.icon{left:245px}::ng-deep common-app-component .show-menu-icon-inactive.layout-menu-static-inactive .layout-menu-container:hover{margin-left:0!important}::ng-deep common-app-component .show-menu-icon-inactive.layout-menu-static-inactive .layout-menu-container:hover .layout-menu li a .menu-icon,::ng-deep common-app-component .show-menu-icon-inactive.layout-menu-static-inactive .layout-menu-container:hover .rootMenu>.icon{left:0}::ng-deep common-app-component .show-menu-icon-inactive.layout-menu-static-inactive .layout-menu-container:hover .layout-menu li ul li a .menu-icon{padding-left:30px;left:0}::ng-deep common-app-component .show-menu-icon-inactive.layout-menu-static-inactive .layout-menu-container:hover .layout-menu li ul li ul li a .menu-icon{padding-left:45px;left:0}::ng-deep common-app-component .show-menu-icon-inactive.layout-menu-static-inactive .layout-menu-container:hover .layout-menu li ul li ul ul li a .menu-icon{padding-left:60px;left:0}::ng-deep common-app-component .show-menu-icon-inactive.layout-menu-static-inactive .layout-menu-container:hover .layout-menu li ul li ul ul ul li a .menu-icon{padding-left:75px;left:0}::ng-deep common-app-component .show-menu-icon-inactive.layout-menu-static-inactive .layout-menu-container:hover .layout-menu li ul li ul ul ul ul li a .menu-icon{padding-left:90px;left:0}::ng-deep common-app-component .show-menu-icon-inactive.layout-menu-static-inactive .layout-menu-container:hover i.menuitem-toggle-icon{visibility:visible}::ng-deep common-app-component .show-menu-icon-inactive.layout-menu-static-inactive .layout-menu-container:hover~.layout-main{margin-left:285px!important}::ng-deep common-app-component .show-menu-icon-inactive.layout-menu-static-inactive .layout-main{margin-left:40px!important}::ng-deep common-app-component .show-menu-icon-inactive.layout-menu-static-inactive .layout-menu li a .menu-icon{left:245px;padding-left:0}::ng-deep common-app-component .show-menu-icon-inactive.layout-menu-static-inactive .layout-menu li a .menu-icon i{flex:0 0 40px}::ng-deep common-app-component .show-menu-icon-inactive.layout-menu-static-inactive .layout-menu li a i.menuitem-toggle-icon{visibility:hidden}}::ng-deep common-app-component .show-menu-icon-inactive .tn-l-left-menu-toggle{padding:13px}::ng-deep common-app-component .show-menu-icon-inactive .ripplelink>span>i{padding:0 10px!important}::ng-deep common-app-component .show-menu-icon-inactive .ripplelink>span>i .menuitem-toggle-icon{margin-left:10px!important}::ng-deep common-app-component .show-menu-icon-inactive .icon-search{width:38px}@keyframes lds-ellipsis1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0)}to{transform:translate(24px)}}@keyframes message-opacity{0%{opacity:1}50%{opacity:.5}to{opacity:1}}"]
             },] }
@@ -28938,6 +29504,7 @@ CommonAppComponentComponent.ctorParameters = () => [
 CommonAppComponentComponent.propDecorators = {
     okButton: [{ type: ViewChild, args: ['okButton',] }],
     cancelButton: [{ type: ViewChild, args: ['cancelButton',] }],
+    reportQueue: [{ type: ViewChild, args: [ReportQueueComponent,] }],
     scrollBarMenu: [{ type: ViewChild, args: ['scrollbar',] }],
     children: [{ type: ViewChildren, args: [TemplateRef,] }],
     showQuickNote: [{ type: Input }],
@@ -40515,68 +41082,6 @@ GuardService.ctorParameters = () => [
     { type: NotifierService }
 ];
 
-class HighPerformanceService {
-    constructor(_signalrService, _commonService, _httpClient, _moduleConfigService) {
-        this._signalrService = _signalrService;
-        this._commonService = _commonService;
-        this._httpClient = _httpClient;
-        this._moduleConfigService = _moduleConfigService;
-    }
-    createProcess(queueName, callBackOnMessage = null, data = null, returnSequenceNumber = false) {
-        const internalClientKey = this._commonService.guid();
-        const model = {
-            queueName,
-            data,
-            clientKey: internalClientKey
-        };
-        this._signalrService.start(null, internalClientKey, (data) => {
-            if (callBackOnMessage) {
-                callBackOnMessage(data);
-            }
-            this._signalrService.unSubscribeViewCode(null, internalClientKey);
-        });
-        return new Promise((resolve) => __awaiter(this, void 0, void 0, function* () {
-            this.env = this._moduleConfigService.getConfig().environment;
-            const highPerformanceEndpoint = `${this.env.apiDomain.highPerformanceEndpoint}/HighPerformance/DoWork?returnSequenceNumber=${returnSequenceNumber}`;
-            try {
-                const rs = yield this._httpClient.post(highPerformanceEndpoint, model).toPromise();
-                if (rs.success) {
-                    resolve(rs.data);
-                }
-            }
-            catch (_a) {
-            }
-            resolve(null);
-        }));
-    }
-    cancelProcess(queueName, uniqueKey) {
-        return __awaiter(this, void 0, void 0, function* () {
-            try {
-                const highPerformanceEndpoint = `${this.env.apiDomain.highPerformanceEndpoint}/HighPerformance/CancelWork?queueName=${queueName}&uniqueKey=${uniqueKey}`;
-                const rs = yield this._httpClient.post(highPerformanceEndpoint, {}).toPromise();
-                if (rs.success) {
-                    return rs.data;
-                }
-            }
-            catch (_a) {
-            }
-            return false;
-        });
-    }
-}
-HighPerformanceService.ɵprov = i0.ɵɵdefineInjectable({ factory: function HighPerformanceService_Factory() { return new HighPerformanceService(i0.ɵɵinject(SignalRService), i0.ɵɵinject(CommonService), i0.ɵɵinject(i1$1.HttpClient), i0.ɵɵinject(ModuleConfigService)); }, token: HighPerformanceService, providedIn: "root" });
-HighPerformanceService.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root'
-            },] }
-];
-HighPerformanceService.ctorParameters = () => [
-    { type: SignalRService },
-    { type: CommonService },
-    { type: HttpClient },
-    { type: ModuleConfigService }
-];
-
 class ImageService {
     constructor(_moduleConfigService) {
         this._moduleConfigService = _moduleConfigService;
@@ -40726,231 +41231,65 @@ class RandomDataService {
         }
         return result;
     }
-    randomString(lengthOfString) {
-        if (lengthOfString < 3)
-            lengthOfString = 3;
-        // if  (lengthOfString > 8) lengthOfString = 8;
-        var text = '';
-        var possible = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890 ';
-        for (var i = 0; i < lengthOfString; i++) {
-            text += possible[Math.floor(Math.random() * possible.length)];
-        }
-        return text;
-    }
-}
-RandomDataService.ɵprov = i0.ɵɵdefineInjectable({ factory: function RandomDataService_Factory() { return new RandomDataService(); }, token: RandomDataService, providedIn: "root" });
-RandomDataService.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root'
-            },] }
-];
-RandomDataService.ctorParameters = () => [];
-
-class TemplateTextV4Service extends BaseService {
-    constructor(_moduleConfigService, _httpClient, _printService, _fileV4Service, _notifierService, _crudService, _commonService, injector) {
-        super(_httpClient, injector, `${_moduleConfigService.getConfig().environment.v4.apiDomain.templateEndpoint}/templateText`);
-        this._httpClient = _httpClient;
-        this._printService = _printService;
-        this._fileV4Service = _fileV4Service;
-        this._notifierService = _notifierService;
-        this._crudService = _crudService;
-        this._commonService = _commonService;
-        this.injector = injector;
-    }
-    compileContentByCode(code, data) {
-        const url = `${this.serviceUri}/CompileContentByCode/${code}`;
-        return this.defaultPost(url, data);
-    }
-    compileSingle(data) {
-        const url = `${this.serviceUri}/CompileSingle`;
-        return this.defaultPost(url, data);
-    }
-    compileMany(data) {
-        const url = `${this.serviceUri}/CompileMany`;
-        return this.defaultPost(url, data);
-    }
-}
-TemplateTextV4Service.ɵprov = i0.ɵɵdefineInjectable({ factory: function TemplateTextV4Service_Factory() { return new TemplateTextV4Service(i0.ɵɵinject(ModuleConfigService), i0.ɵɵinject(i1$1.HttpClient), i0.ɵɵinject(PrintService), i0.ɵɵinject(FileV4Service), i0.ɵɵinject(NotifierService), i0.ɵɵinject(CrudService), i0.ɵɵinject(CommonService), i0.ɵɵinject(i0.INJECTOR)); }, token: TemplateTextV4Service, providedIn: "root" });
-TemplateTextV4Service.decorators = [
-    { type: Injectable, args: [{
-                providedIn: 'root'
-            },] }
-];
-TemplateTextV4Service.ctorParameters = () => [
-    { type: ModuleConfigService },
-    { type: HttpClient },
-    { type: PrintService },
-    { type: FileV4Service },
-    { type: NotifierService },
-    { type: CrudService },
-    { type: CommonService },
-    { type: Injector }
-];
-
-class TemplateService {
-    constructor(_moduleConfigService, _httpClient, _printService, _fileService, _notifierService, _crudService, _commonService) {
-        this._httpClient = _httpClient;
-        this._printService = _printService;
-        this._fileService = _fileService;
-        this._notifierService = _notifierService;
-        this._crudService = _crudService;
-        this._commonService = _commonService;
-        this._moduleConfig = _moduleConfigService.getConfig();
-        this.environment = this._moduleConfig.environment;
-        this.serviceUri = `${this.environment.apiDomain.templateEndpoint}/template`;
-    }
-    laTexToBase64Image(laTex, font = 54) {
-        const api = `${this.serviceUri}/LatexToBase64`;
-        return this._httpClient.post(api, { laTex, font }).toPromise();
-    }
-    /**
-     * Description: Xuất file sử dụng thư viện CX, xuất xong tự động mở popup để lưu file.
-     */
-    exportCxExcelByCode(model) {
-        const url = `${this.serviceUri}/ExportCxExcelByCode`;
-        this.setFileInfo(model);
-        return this._httpClient
-            .post(url, model, { responseType: 'blob' })
-            .toPromise()
-            .then(res => {
-            FileSaver.saveAs(res, this.getFullFileName(model.fileName || model.code));
-        }).catch((err) => __awaiter(this, void 0, void 0, function* () {
-            const errorText = yield err.error.text();
-            this._crudService.processErrorResponse(JSON.parse(errorText || ''));
-        }));
-    }
-    exportManyCxExcelByCode(model) {
-        const url = `${this.serviceUri}/ExportManyCxExcelByCode`;
-        this.setManyFileInfo(model);
-        return this._httpClient
-            .post(url, model)
-            .toPromise()
-            .then(res => {
-            if (res.success) {
-                this._fileService.downloadFolder(res.data.folderId);
-            }
-            else {
-                this._crudService.processErrorResponse(res);
-            }
-        }).catch((err) => __awaiter(this, void 0, void 0, function* () {
-            const errorText = yield err.error.text();
-            this._crudService.processErrorResponse(JSON.parse(errorText || ''));
-        }));
-    }
-    getFullFileName(fileName, extension = TemplateConstant.EXCEL_EXTENSION) {
-        return `${fileName}${extension}`;
-    }
-    /**
-     * Description: Export sử dung ClosedXml.Report (Cx) với signalR, sử dụng cho file dữ liệu lớn.
-     * Param: model chứa
-     *  - code :  code của template cấu hình bên Quản trị > Biểu mẫu > Biểu mẫu excel.
-     *  - data : object chứa dữ liệu đã chuyền thành dạng json.
-     *  - fileName: tên file sau khi export.
-     *  - topic: guid dùng để subscribe.
-     */
-    ExportCxExcelByCodeWithSignalR(model) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const url = `${this.serviceUri}/ExportCxExcelByCodeWithSignalR`;
-            return this._httpClient.post(url, model)
-                .toPromise();
-        });
-    }
-    /**
-     * Description: Export sử dung ClosedXml.Report (Cx) với HighPerformanceService, sử dụng cho file dữ liệu lớn.
-     * Param: model chứa
-     *  - code :  code của template cấu hình bên Quản trị > Biểu mẫu > Biểu mẫu excel.
-     *  - data : object chứa dữ liệu đã chuyền thành dạng json.
-     *  - fileName: tên file sau khi export.
-     *  - queueName: queue của topic.
-     *  - uniqueKey: unique key cho task.
-     */
-    ExportCxExcelByCodeWithHPS(model) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const url = `${this.serviceUri}/ExportWithHighPerformanceService`;
-            return this._httpClient.post(url, model)
-                .toPromise();
-        });
-    }
-    exportCxExcelByCodePromise(model) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const url = `${this.serviceUri}/ExportCxExcelByCode`;
-            return this._httpClient
-                .post(url, model, { responseType: 'blob' })
-                .toPromise();
-        });
-    }
-    fillTemplateByCodeAndGetPdf(templateCode, data, onLoadingDataPdf = null, onEndLoadingDataPdf = null) {
-        const url = `${this.serviceUri}/fillWordByTemplateCode/${templateCode}?isPrint=true`;
-        return this._httpClient
-            .post(url, data)
-            .toPromise().then(res => {
-            if (res.data) {
-                this._printService.printBase64Pdf(res.data, onLoadingDataPdf, onEndLoadingDataPdf);
-            }
-        });
-    }
-    fillWordByTemplateCodeMultiData(templateCode, data, onLoadingDataPdf = null, onEndLoadingDataPdf = null) {
-        const url = `${this.serviceUri}/fillWordByTemplateCodeMultiData/${templateCode}?isPrint=true`;
-        return this._httpClient
-            .post(url, data)
-            .toPromise().then(res => {
-            if (res.data) {
-                this._printService.printBase64Pdf(res.data, onLoadingDataPdf, onEndLoadingDataPdf);
-            }
-        });
+    randomString(lengthOfString) {
+        if (lengthOfString < 3)
+            lengthOfString = 3;
+        // if  (lengthOfString > 8) lengthOfString = 8;
+        var text = '';
+        var possible = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890 ';
+        for (var i = 0; i < lengthOfString; i++) {
+            text += possible[Math.floor(Math.random() * possible.length)];
+        }
+        return text;
     }
-    setFileInfo(model) {
-        model.data = model.data ? model.data : JSON.stringify(model.dataObject);
-        delete model.dataObject;
+}
+RandomDataService.ɵprov = i0.ɵɵdefineInjectable({ factory: function RandomDataService_Factory() { return new RandomDataService(); }, token: RandomDataService, providedIn: "root" });
+RandomDataService.decorators = [
+    { type: Injectable, args: [{
+                providedIn: 'root'
+            },] }
+];
+RandomDataService.ctorParameters = () => [];
+
+class TemplateTextV4Service extends BaseService {
+    constructor(_moduleConfigService, _httpClient, _printService, _fileV4Service, _notifierService, _crudService, _commonService, injector) {
+        super(_httpClient, injector, `${_moduleConfigService.getConfig().environment.v4.apiDomain.templateEndpoint}/templateText`);
+        this._httpClient = _httpClient;
+        this._printService = _printService;
+        this._fileV4Service = _fileV4Service;
+        this._notifierService = _notifierService;
+        this._crudService = _crudService;
+        this._commonService = _commonService;
+        this.injector = injector;
     }
-    setManyFileInfo(manyModel) {
-        let hasModel = manyModel && manyModel.lstFileInfo && manyModel.lstFileInfo.length;
-        if (!hasModel) {
-            return;
-        }
-        manyModel.lstFileInfo.forEach(fileInfo => {
-            this.setFileInfo(fileInfo);
-            fileInfo.fileName = `${fileInfo.fileName}_${this._commonService.guid()}.${TemplateConstant.EXCEL_EXTENSION}`;
-        });
+    compileContentByCode(code, data) {
+        const url = `${this.serviceUri}/CompileContentByCode/${code}`;
+        return this.defaultPost(url, data);
     }
-    /**
-     * Export dữ liệu không dùng template.
-     */
-    exportCxExcel(model) {
-        const url = `${this.serviceUri}/ExportCxExcel`;
-        return this._httpClient
-            .post(url, model, { responseType: 'blob' })
-            .toPromise()
-            .then(res => {
-            FileSaver.saveAs(res, this.getFullFileName(model.fileName || 'Export'));
-        }).catch((err) => __awaiter(this, void 0, void 0, function* () {
-            const errorText = yield err.error.text();
-            this._crudService.processErrorResponse(JSON.parse(errorText || ''));
-        }));
+    compileSingle(data) {
+        const url = `${this.serviceUri}/CompileSingle`;
+        return this.defaultPost(url, data);
     }
-    exportCxExcelPromise(model) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const url = `${this.serviceUri}/ExportCxExcel`;
-            return this._httpClient
-                .post(url, model, { responseType: 'blob' })
-                .toPromise();
-        });
+    compileMany(data) {
+        const url = `${this.serviceUri}/CompileMany`;
+        return this.defaultPost(url, data);
     }
 }
-TemplateService.ɵprov = i0.ɵɵdefineInjectable({ factory: function TemplateService_Factory() { return new TemplateService(i0.ɵɵinject(ModuleConfigService), i0.ɵɵinject(i1$1.HttpClient), i0.ɵɵinject(PrintService), i0.ɵɵinject(FileExplorerService), i0.ɵɵinject(NotifierService), i0.ɵɵinject(CrudService), i0.ɵɵinject(CommonService)); }, token: TemplateService, providedIn: "root" });
-TemplateService.decorators = [
+TemplateTextV4Service.ɵprov = i0.ɵɵdefineInjectable({ factory: function TemplateTextV4Service_Factory() { return new TemplateTextV4Service(i0.ɵɵinject(ModuleConfigService), i0.ɵɵinject(i1$1.HttpClient), i0.ɵɵinject(PrintService), i0.ɵɵinject(FileV4Service), i0.ɵɵinject(NotifierService), i0.ɵɵinject(CrudService), i0.ɵɵinject(CommonService), i0.ɵɵinject(i0.INJECTOR)); }, token: TemplateTextV4Service, providedIn: "root" });
+TemplateTextV4Service.decorators = [
     { type: Injectable, args: [{
                 providedIn: 'root'
             },] }
 ];
-TemplateService.ctorParameters = () => [
+TemplateTextV4Service.ctorParameters = () => [
     { type: ModuleConfigService },
     { type: HttpClient },
     { type: PrintService },
-    { type: FileExplorerService },
+    { type: FileV4Service },
     { type: NotifierService },
     { type: CrudService },
-    { type: CommonService }
+    { type: CommonService },
+    { type: Injector }
 ];
 
 class UniqueNumberService {
@@ -46859,192 +47198,44 @@ class MaskComponent {
             }
         }
         else {
-            this.value = null;
-        }
-    }
-    numberToStringVN(number) {
-        return this._numberPipe.transform(number, '', 'vi-VN');
-    }
-    registerOnChange(fn) {
-        this.onChange = fn;
-    }
-    registerOnTouched(fn) {
-        this.onTouched = fn;
-    }
-    setDisabledState(isDisabled) {
-        if (!isDisabled)
-            this.disabled = null;
-        else
-            this.disabled = true;
-    }
-}
-MaskComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'tn-mask',
-                template: "<ng-container *ngIf=\"viewMode\">\n    <div class=\"tn-mask-viewMode\">\n        <span *ngIf=\"prefix\">{{prefix}}</span>\n        <span *ngIf=\"autoFormat\">{{value | number}}</span>\n        <span *ngIf=\"!autoFormat\">{{value}}</span>\n        <span *ngIf=\"suffix\">({{suffix}})</span>\n    </div>\n</ng-container>\n<ng-container *ngIf=\"!viewMode\">\n    <div class=\"p-inputgroup\">\n        <span *ngIf=\"prefix\" class=\"p-inputgroup-addon\">{{prefix}}</span>\n        <input type=\"text\" pInputText [placeholder]=\"_placeholder\" [attr.disabled]=\"disabled ? true : null\"\n            [mask]=\"getMaskByType(maskType)\" [thousandSeparator]=\"thousandSeperator\" [class]=\"inputStyleClass\"\n            [decimalMarker]=\"decimalMarker\" [(ngModel)]=\"value\" (focus)=\"handleFocus()\" (blur)=\"handleBlur()\"\n            (change)=\"handleChangedValue()\" />\n        <span *ngIf=\"suffix\" class=\"p-inputgroup-addon\">({{suffix}})</span>\n    </div>\n</ng-container>",
-                providers: [
-                    {
-                        provide: NG_VALUE_ACCESSOR,
-                        useExisting: forwardRef(() => MaskComponent),
-                        multi: true
-                    },
-                    DecimalPipe
-                ],
-                styles: [".tn-mask-viewMode>span{margin-right:3px}.tn-mask-viewMode>span:last-child{margin-right:0}"]
-            },] }
-];
-MaskComponent.ctorParameters = () => [
-    { type: DecimalPipe }
-];
-MaskComponent.propDecorators = {
-    maskType: [{ type: Input }],
-    placeholder: [{ type: Input }],
-    disabled: [{ type: Input }],
-    suffix: [{ type: Input }],
-    prefix: [{ type: Input }],
-    min: [{ type: Input }],
-    max: [{ type: Input }],
-    decimalPlaces: [{ type: Input }],
-    viewMode: [{ type: Input }],
-    inputStyleClass: [{ type: Input }],
-    autoFormat: [{ type: Input }],
-    onInit: [{ type: Output }],
-    onFocus: [{ type: Output }],
-    onBlur: [{ type: Output }],
-    onChanged: [{ type: Output }]
-};
-
-class NumberPickerRangeComponent {
-    constructor(_numberPipe) {
-        this._numberPipe = _numberPipe;
-        this.model = [null, null];
-        this.readonly = false;
-        this.maskType = 'decimal';
-        this.placeholder = '';
-        this.disabled = null;
-        this.suffix = '';
-        this.prefix = '';
-        this.decimalPlaces = 2;
-        this.onInit = new EventEmitter();
-        this.focus = new EventEmitter();
-        this.enterSmart = new EventEmitter();
-        this.enter = new EventEmitter();
-        this.blur = new EventEmitter();
-        this.change = new EventEmitter();
-        this.placeholerTu = 'Từ';
-        this.placeholerDen = 'Đến';
-    }
-    ngOnInit() {
-        this.onInit.emit(this);
-        if (this.placeholder) {
-            this.placeholerTu = `${this.placeholder} từ`;
-            this.placeholerDen = `${this.placeholder} đến`;
-        }
-    }
-    clear() {
-        const re = (this.model[0] != null && this.model[0] !== '') || (this.model[1] != null && this.model[1] !== '');
-        this.model = [null, null];
-        this.onChange(this.model);
-        return re;
-    }
-    writeValue(obj) {
-        if (obj != null && obj != '')
-            this.model = obj;
-        else
-            this.model = [null, null];
-    }
-    registerOnChange(fn) {
-        this.onChange = fn;
-    }
-    registerOnTouched(fn) {
-        this.onTouched = fn;
-    }
-    setDisabledState(isDisabled) {
-        if (!isDisabled)
-            this.disabled = null;
-        else
-            this.disabled = true;
-    }
-    getMaskByType(maskType) {
-        if (maskType === 'decimal')
-            return `separator.${this.decimalPlaces}`;
-        return 'separator.0';
-    }
-    getThousandSeperator() {
-        if (this.maskType === 'intWithoutMask')
-            return '';
-        return '.';
-    }
-    checkValueInRange() {
-        // if (!this.model || this.maskType != 'int') {
-        //     return;
-        // }
-        if (this.min) {
-            const min = Number(this.min);
-            if (Number(this.model[0]) < min)
-                this.model[0] = min;
-            if (Number(this.model[1]) < min)
-                this.model[1] = min;
-        }
-        if (this.max) {
-            const max = Number(this.max);
-            if (Number(this.model[0]) > max)
-                this.model[0] = max;
-            if (Number(this.model[1]) > max)
-                this.model[1] = max;
-        }
-    }
-    onChanged(evt) {
-        this.enter.next(evt);
-        this.compareAndEmit();
-    }
-    onFocus(evt, index) {
-        this.focus.emit({
-            event: evt,
-            index
-        });
-    }
-    compareAndEmit() {
-        this.checkValueInRange();
-        let value = [null, null];
-        if (this.model[0]) {
-            value[0] = Number(this.model[0]);
-            if (this.model[1]) {
-                value[1] = Number(this.model[1]);
-                if (value[0] > value[1]) {
-                    value = value.reverse();
-                }
-            }
-        }
-        else {
-            if (this.model[1])
-                value[1] = Number(this.model[1]);
-        }
-        this.onChange(value);
-        this.model[0] = value[0];
-        this.model[1] = value[1];
-        this.change.emit(value);
+            this.value = null;
+        }
+    }
+    numberToStringVN(number) {
+        return this._numberPipe.transform(number, '', 'vi-VN');
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        if (!isDisabled)
+            this.disabled = null;
+        else
+            this.disabled = true;
     }
 }
-NumberPickerRangeComponent.decorators = [
+MaskComponent.decorators = [
     { type: Component, args: [{
-                selector: 'tn-number-picker-range',
-                template: "<div class=\"tn-number-picker-range\">\n    <input type=\"text\" placeholder=\"{{placeholerTu}}\" [attr.disabled]=\"disabled ? true : null\"\n        [mask]=\"getMaskByType(maskType)\" [thousandSeparator]=\"getThousandSeperator()\" pInputText [(ngModel)]=\"model[0]\"\n        (change)=\"onChanged($event)\" (focus)=\"onFocus($event, 0)\" />\n    <span>-</span>\n    <input type=\"text\" placeholder=\"{{placeholerDen}}\" [attr.disabled]=\"disabled ? true : null\"\n        [mask]=\"getMaskByType(maskType)\" [thousandSeparator]=\"getThousandSeperator()\" pInputText [(ngModel)]=\"model[1]\"\n        (change)=\"onChanged($event)\" (focus)=\"onFocus($event, 1)\" />\n</div>",
+                selector: 'tn-mask',
+                template: "<ng-container *ngIf=\"viewMode\">\n    <div class=\"tn-mask-viewMode\">\n        <span *ngIf=\"prefix\">{{prefix}}</span>\n        <span *ngIf=\"autoFormat\">{{value | number}}</span>\n        <span *ngIf=\"!autoFormat\">{{value}}</span>\n        <span *ngIf=\"suffix\">({{suffix}})</span>\n    </div>\n</ng-container>\n<ng-container *ngIf=\"!viewMode\">\n    <div class=\"p-inputgroup\">\n        <span *ngIf=\"prefix\" class=\"p-inputgroup-addon\">{{prefix}}</span>\n        <input type=\"text\" pInputText [placeholder]=\"_placeholder\" [attr.disabled]=\"disabled ? true : null\"\n            [mask]=\"getMaskByType(maskType)\" [thousandSeparator]=\"thousandSeperator\" [class]=\"inputStyleClass\"\n            [decimalMarker]=\"decimalMarker\" [(ngModel)]=\"value\" (focus)=\"handleFocus()\" (blur)=\"handleBlur()\"\n            (change)=\"handleChangedValue()\" />\n        <span *ngIf=\"suffix\" class=\"p-inputgroup-addon\">({{suffix}})</span>\n    </div>\n</ng-container>",
                 providers: [
                     {
                         provide: NG_VALUE_ACCESSOR,
-                        useExisting: forwardRef(() => NumberPickerRangeComponent),
+                        useExisting: forwardRef(() => MaskComponent),
                         multi: true
-                    }
+                    },
+                    DecimalPipe
                 ],
-                styles: [".tn-number-picker-range{display:flex}.tn-number-picker-range>span{flex:0 0 16px;display:inline-flex;align-items:center;justify-content:center}::ng-deep .tn-number-picker-range .p-inputtext{flex:0 0 calc(50% - 8px);width:calc(50% - 8px)}"]
+                styles: [".tn-mask-viewMode>span{margin-right:3px}.tn-mask-viewMode>span:last-child{margin-right:0}"]
             },] }
 ];
-NumberPickerRangeComponent.ctorParameters = () => [
+MaskComponent.ctorParameters = () => [
     { type: DecimalPipe }
 ];
-NumberPickerRangeComponent.propDecorators = {
-    readonly: [{ type: Input }],
+MaskComponent.propDecorators = {
     maskType: [{ type: Input }],
     placeholder: [{ type: Input }],
     disabled: [{ type: Input }],
@@ -47053,821 +47244,630 @@ NumberPickerRangeComponent.propDecorators = {
     min: [{ type: Input }],
     max: [{ type: Input }],
     decimalPlaces: [{ type: Input }],
+    viewMode: [{ type: Input }],
+    inputStyleClass: [{ type: Input }],
+    autoFormat: [{ type: Input }],
     onInit: [{ type: Output }],
-    focus: [{ type: Output }],
-    enterSmart: [{ type: Output }],
-    enter: [{ type: Output }],
-    blur: [{ type: Output }],
-    change: [{ type: Output }]
+    onFocus: [{ type: Output }],
+    onBlur: [{ type: Output }],
+    onChanged: [{ type: Output }]
 };
 
-class PagingNextBackOnlyComponent {
-    constructor() {
-        this.onNext = new EventEmitter();
-        this.onPrev = new EventEmitter();
-        this.onLatest = new EventEmitter();
-        this.onRefresh = new EventEmitter();
-        this.onOldest = new EventEmitter();
-        this.onChangeLimitPage = new EventEmitter();
-        this.onChanged = new EventEmitter();
+class NumberPickerRangeComponent {
+    constructor(_numberPipe) {
+        this._numberPipe = _numberPipe;
+        this.model = [null, null];
+        this.readonly = false;
+        this.maskType = 'decimal';
+        this.placeholder = '';
+        this.disabled = null;
+        this.suffix = '';
+        this.prefix = '';
+        this.decimalPlaces = 2;
+        this.onInit = new EventEmitter();
+        this.focus = new EventEmitter();
+        this.enterSmart = new EventEmitter();
+        this.enter = new EventEmitter();
+        this.blur = new EventEmitter();
+        this.change = new EventEmitter();
+        this.placeholerTu = 'Từ';
+        this.placeholerDen = 'Đến';
     }
     ngOnInit() {
-        this.pageSizeOld = this.setting.pageSetting.pageSize;
-    }
-    getFirstIndex() {
-        return (this.setting.pageSetting.page - 1) * this.setting.pageSetting.pageSize + 1;
-    }
-    getLastIndex() {
-        let temp = this.setting.pageSetting.page * this.setting.pageSetting.pageSize;
-        if (temp > this.model.total)
-            temp = this.model.total;
-        return temp;
-    }
-    goLatest(evt) {
-        if (this.isFirst() || this.model.loading)
-            return;
-        if (this.setting.pageSetting.pageSize == 0) {
-            this.setting.pageSetting.pageSize = 1;
-        }
-        if (this.setting.pageSetting.pageSize > 1000) {
-            this.setting.pageSetting.pageSize = 1000;
-        }
-        this.setting.pageSetting.page = 1;
-        this.op.hide();
-        this.onLatest.next(evt);
-        this.onChanged.emit();
-    }
-    goPrev(evt) {
-        if (this.isFirst() || this.model.loading)
-            return;
-        if (this.setting.pageSetting.page > 1) {
-            this.setting.pageSetting.page--;
-        }
-        this.op.hide();
-        this.onPrev.next(evt);
-        this.onChanged.emit();
-    }
-    isFirst() {
-        return this.setting.pageSetting.page <= 1;
-    }
-    goNext(evt) {
-        if (this.isLast() || this.model.loading)
-            return;
-        this.setting.pageSetting.page++;
-        this.op.hide();
-        this.onNext.next(evt);
-        this.onChanged.emit();
-    }
-    isLast() {
-        return this.model.total <= 0 || this.getLastIndex() == this.model.total;
-    }
-    goOldest(evt) {
-        if (this.isLast() || this.model.loading)
-            return;
-        this.setting.pageSetting.page = Math.ceil(this.model.total / this.setting.pageSetting.pageSize);
-        this.onOldest.next(evt);
-        this.onChanged.emit();
-    }
-    saveChangeHandle() {
-        if (!this.setting.pageSetting.pageSize || this.setting.pageSetting.pageSize.toString() == '0') {
-            this.setting.pageSetting.pageSize = this.pageSizeOld;
+        this.onInit.emit(this);
+        if (this.placeholder) {
+            this.placeholerTu = `${this.placeholder} từ`;
+            this.placeholerDen = `${this.placeholder} đến`;
         }
-        this.pageSizeOld = this.setting.pageSetting.pageSize;
-        this.goLatest(null);
-        this.onChangeLimitPage.next(null);
-        this.onChanged.emit();
-    }
-    handleOverlayShow(evt, targetOverlay) {
-    }
-    refresh(event) {
-    }
-}
-PagingNextBackOnlyComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'paging-next-back-only',
-                template: "<div class=\"paging-container\" [ngClass]=\"ngClass\">\n    <div class=\"paging-info\">\n        <ng-container>\n            <div *ngIf=\"getFirstIndex()<=model.total && !setting.hiddenTextPage\" #targetOverlay\n                class=\"paging-item paging-info-detail\" (click)=\"op.toggle($event)\">\n                {{getFirstIndex()}} -\n                {{getLastIndex()}}\n                trong {{model.total}}\n            </div>\n            <div *ngIf=\"(getFirstIndex()>model.total || model.total == 0) && !setting.hiddenTextPage\"\n                class=\"paging-item paging-info-detail\">\n                Kh\u00F4ng t\u00ECm th\u1EA5y d\u1EEF li\u1EC7u\n            </div>\n            <div class=\"paging-item text\" [class.disabled]=\"model.loading\" (click)=\"goPrev($event)\"\n                style=\"margin-right: 5px;\" pTooltip=\"{{'Trang tr\u01B0\u1EDBc' | translate}}\" tooltipPosition=\"top\"\n                [class.disabled]=\"isFirst()\">\n                <a href=\"javascript:\" tabindex=\"{{isFirst()?'-1':''}}\"><i class=\"pi pi-chevron-left\"></i></a>\n            </div>\n            <div class=\"block-page-size\">\n                <tn-mask [maskType]=\"'int'\" [min]=\"1\" [max]=\"1000\" [disabled]=\"model.loading ? true : null\"\n                    [(ngModel)]=\"setting.pageSetting.pageSize\" (onChanged)=\"saveChangeHandle()\"\n                    (keyup.enter)=\"saveChangeHandle()\">\n                </tn-mask>\n            </div>\n            <div class=\"paging-item text\" [class.disabled]=\"model.loading\" (click)=\"goNext($event)\"\n                style=\"margin-left: 5px;\" pTooltip=\"{{'Trang sau' | translate}}\" tooltipPosition=\"left\"\n                [class.disabled]=\"isLast()\">\n                <a href=\"javascript:\" tabindex=\"{{isLast()?'-1':''}}\"><i class=\"pi pi-chevron-right\"></i></a>\n            </div>\n        </ng-container>\n    </div>\n</div>\n\n<p-overlayPanel #op [styleClass]=\"'paging-advance-overlay'\" [appendTo]=\"'body'\"\n    (onShow)=\"handleOverlayShow($event, targetOverlay)\">\n    <ul class=\"paging-advance\">\n        <li [class.disabled]=\"isFirst()\" (click)=\"goLatest($event)\">Trang \u0111\u1EA7u ti\u00EAn</li>\n        <li [class.disabled]=\"isLast()\" (click)=\"goOldest($event)\">Trang cu\u1ED1i c\u00F9ng</li>\n    </ul>\n</p-overlayPanel>",
-                styles: [".paging-item a{color:#495057}.paging-item:hover{cursor:pointer}.paging-item:hover a{color:#333}.paging-item.disabled a{color:#bdbdbd}.paging-info-detail{padding:2px .5rem 0;text-align:center;line-height:30px;border-radius:7px;min-width:100px;font-size:.9em}.paging-item.text{line-height:32px;border-radius:50%;width:32px;height:32px;text-align:center;position:relative;display:inline-block;transform:perspective(1px);overflow:hidden}.paging-item.text:before{content:\"\";position:absolute;top:0;left:0;bottom:0;right:0;background:#e6e6e6;z-index:-1;transform:scale(0);transition:all .3s cubic-bezier(.4,.34,.01,.97);border-radius:50%}.paging-item.text:hover:before{transform:scale(1)}.paging-item.text>a{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.paging-info-detail{border-radius:5px;position:relative;display:inline-block;transform:perspective(1px);overflow:hidden}.paging-info-detail:before{content:\"\";position:absolute;top:0;left:0;bottom:0;right:0;background:#e6e6e6;z-index:-1;transform:scale(0);transition:all .3s cubic-bezier(.4,.34,.01,.97);border-radius:5px}.paging-info-detail:hover:before{transform:scale(1)}.paging-item.disabled:hover:before{content:none}.paging-item.disabled:hover{background-color:#fff;cursor:default}.paging-item.disabled:hover a{cursor:default}.paging-info{display:flex;justify-content:flex-end;align-items:center}.item-setting{font-size:18px}.item-setting a{color:#555}.item-setting a:hover{color:#333}.paging-advance{list-style:none;padding-left:0;margin:3px 0}.paging-advance li{width:150px;padding-left:15px;line-height:30px}.paging-advance li.disabled{color:#bdbdbd;outline:none}.paging-advance li.disabled:hover{cursor:default;background:none}.paging-advance li:hover{cursor:pointer;background:#e6e6e6}::ng-deep .paging-advance-overlay{margin-left:30px}::ng-deep .paging-advance-overlay .p-overlaypanel-content{padding:0}::ng-deep paging-next-back-only .block-page-size{display:inline-block;width:60px}::ng-deep paging-next-back-only .block-page-size .p-inputtext{width:100%;text-align:center;padding-left:5px;padding-right:5px}::ng-deep paging-next-back-only .tn-mask-disabled{padding:5px;border:1px solid #ddd;border-radius:4px;display:flex;justify-content:center;line-height:20px}"]
-            },] }
-];
-PagingNextBackOnlyComponent.ctorParameters = () => [];
-PagingNextBackOnlyComponent.propDecorators = {
-    op: [{ type: ViewChild, args: ['op', { static: true },] }],
-    model: [{ type: Input }],
-    setting: [{ type: Input }],
-    ngClass: [{ type: Input }],
-    onNext: [{ type: Output }],
-    onPrev: [{ type: Output }],
-    onLatest: [{ type: Output }],
-    onRefresh: [{ type: Output }],
-    onOldest: [{ type: Output }],
-    onChangeLimitPage: [{ type: Output }],
-    onChanged: [{ type: Output }]
-};
-
-class QrCodeGeneratorComponent {
-    constructor() {
-        this.width = 120;
-        this._data = '';
-        this.defaultText = 'empty';
-    }
-    set data(value) {
-        this._data = value;
-        this.convert();
     }
-    ngOnInit() {
-        this.convert();
+    clear() {
+        const re = (this.model[0] != null && this.model[0] !== '') || (this.model[1] != null && this.model[1] !== '');
+        this.model = [null, null];
+        this.onChange(this.model);
+        return re;
     }
-    convert() {
-        if (!this._data) {
-            this._data = this.defaultText;
-        }
-        toCanvas(this.canvasElement.nativeElement, this._data, {
-            width: this.width
-        }, (error) => {
-            if (error)
-                console.error(error);
-        });
+    writeValue(obj) {
+        if (obj != null && obj != '')
+            this.model = obj;
+        else
+            this.model = [null, null];
     }
-    download() {
-        const link = document.createElement('a');
-        link.download = 'qrcode.png';
-        link.href = this.canvasElement.nativeElement.toDataURL();
-        link.click();
-        link.remove();
+    registerOnChange(fn) {
+        this.onChange = fn;
     }
-}
-QrCodeGeneratorComponent.decorators = [
-    { type: Component, args: [{
-                selector: 'app-qr-code-generator',
-                template: "<div class=\"qr-code-generator\" [style.width.px]=\"width\" [style.height.px]=\"width\">\n    <canvas #canvasElement width=\"100%\" height=\"100%\"></canvas>\n    <div class=\"mask\">\n        <span class=\"icon-download fa fa-download\" pTooltip=\"B\u1EA5m \u0111\u1EC3 t\u1EA3i v\u1EC1\" tooltipPosition=\"top\"\n            (click)=\"download()\"></span>\n    </div>\n</div>",
-                styles: [".qr-code-generator{position:relative}.qr-code-generator .mask{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:hsla(0,0%,50.2%,.8392156862745098);border-radius:3px}.qr-code-generator .mask .icon-download{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer;color:#00ff2b;font-size:2rem}.qr-code-generator:hover .mask{display:initial}"]
-            },] }
-];
-QrCodeGeneratorComponent.ctorParameters = () => [];
-QrCodeGeneratorComponent.propDecorators = {
-    canvasElement: [{ type: ViewChild, args: ['canvasElement', { static: true },] }],
-    width: [{ type: Input }],
-    data: [{ type: Input }]
-};
-
-class RadioButtonListComponent {
-    constructor(_crudService, _deviceDetectorService) {
-        this._crudService = _crudService;
-        this._deviceDetectorService = _deviceDetectorService;
-        this.onInit = new EventEmitter();
-        this.valueChange = new EventEmitter();
-        this.onChanged = new EventEmitter();
-        this.onDataSourceLoaded = new EventEmitter();
-        this.adjustValue = new EventEmitter();
-        this.onReady = new EventEmitter();
-        this.funcReturnValue = value => value;
-        this.dataSourceInternal = [];
-        this.hideTransitionOptions = '195ms ease-in';
-        this.showTransitionOptions = '225ms ease-out';
-        this.classCheckBox = 'p-col-horizontal';
-        this._hasLoadedDatasource = false;
+    registerOnTouched(fn) {
+        this.onTouched = fn;
     }
-    set dataSource(value) {
-        this.bindingDataSource(value);
+    setDisabledState(isDisabled) {
+        if (!isDisabled)
+            this.disabled = null;
+        else
+            this.disabled = true;
     }
-    set value(value) {
-        if (this._value != value) {
-            this._value = value;
-            this.setSelectedValue();
-        }
+    getMaskByType(maskType) {
+        if (maskType === 'decimal')
+            return `separator.${this.decimalPlaces}`;
+        return 'separator.0';
     }
-    ngOnInit() {
-        this.control._component = this;
-        this.setDefaultSetting();
-        if (this.control.baseService) {
-            this._getData();
-        }
-        if (this.control.layout == 'vertical') {
-            this.classCheckBox = 'p-row';
-        }
-        if (!this._deviceDetectorService.isDesktop()) {
-            this.hideTransitionOptions = this.showTransitionOptions = '';
-        }
-        this.onInit.emit(this);
+    getThousandSeperator() {
+        if (this.maskType === 'intWithoutMask')
+            return '';
+        return '.';
     }
-    setDefaultSetting() {
-        if (this.control.returnType == 'value') {
-            this.funcReturnValue = (value) => {
-                if (value == null)
-                    return null;
-                return value[this.control.valueField];
-            };
+    checkValueInRange() {
+        // if (!this.model || this.maskType != 'int') {
+        //     return;
+        // }
+        if (this.min) {
+            const min = Number(this.min);
+            if (Number(this.model[0]) < min)
+                this.model[0] = min;
+            if (Number(this.model[1]) < min)
+                this.model[1] = min;
         }
-        else {
-            this.funcReturnValue = value => value;
+        if (this.max) {
+            const max = Number(this.max);
+            if (Number(this.model[0]) > max)
+                this.model[0] = max;
+            if (Number(this.model[1]) > max)
+                this.model[1] = max;
         }
     }
-    bindingDataSource(sources) {
-        const oldValue = this._value;
-        let hasValueInSource = false;
-        if (sources != null && sources.length > 0) {
-            this._hasLoadedDatasource = true;
-            const arr = [];
-            for (let item of sources) {
-                item = this.reStructureItemObject(item);
-                if (this._value != null
-                    && this._value !== ''
-                    && (item.value[this.control.valueField] == this._value || item.value[this.control.valueField] == this._value[this.control.valueField])) {
-                    this._value = item.value;
-                    hasValueInSource = true;
+    onChanged(evt) {
+        this.enter.next(evt);
+        this.compareAndEmit();
+    }
+    onFocus(evt, index) {
+        this.focus.emit({
+            event: evt,
+            index
+        });
+    }
+    compareAndEmit() {
+        this.checkValueInRange();
+        let value = [null, null];
+        if (this.model[0]) {
+            value[0] = Number(this.model[0]);
+            if (this.model[1]) {
+                value[1] = Number(this.model[1]);
+                if (value[0] > value[1]) {
+                    value = value.reverse();
                 }
-                arr.push(item);
-            }
-            this.dataSourceInternal = arr;
-            if (!hasValueInSource) {
-                this._value = null;
             }
         }
         else {
-            this.dataSourceInternal = [];
-        }
-        if (this._hasLoadedDatasource) {
-            // Lưu ý if ở dưới không được đổi thành oldValue != this._value
-            // Vì giá trị của this._value sẽ được correcting ở trên (id => object) nên so sánh sẽ khác nhau
-            if ((oldValue != null && this._value == null)
-                || (oldValue == null && this._value != null)) {
-                this.fireChangedEvent();
-            }
-            else if (this._value != oldValue) {
-                this.adjustValue2WayBinding();
-            }
-            this.onReady.emit(this.control.field);
+            if (this.model[1])
+                value[1] = Number(this.model[1]);
         }
-        this.checkReady();
+        this.onChange(value);
+        this.model[0] = value[0];
+        this.model[1] = value[1];
+        this.change.emit(value);
     }
-    setSelectedValue() {
-        if (this._hasLoadedDatasource) {
-            const oldValue = this._value;
-            let hasValueInSource = false;
-            if (this.dataSourceInternal != null && this.dataSourceInternal.length > 0) {
-                for (const item of this.dataSourceInternal) {
-                    if (this._value != null
-                        && this._value !== ''
-                        && (item.value[this.control.valueField] == this._value || item.value[this.control.valueField] == this._value[this.control.valueField])) {
-                        this._value = item.value;
-                        hasValueInSource = true;
-                        break;
+}
+NumberPickerRangeComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'tn-number-picker-range',
+                template: "<div class=\"tn-number-picker-range\">\n    <input type=\"text\" placeholder=\"{{placeholerTu}}\" [attr.disabled]=\"disabled ? true : null\"\n        [mask]=\"getMaskByType(maskType)\" [thousandSeparator]=\"getThousandSeperator()\" pInputText [(ngModel)]=\"model[0]\"\n        (change)=\"onChanged($event)\" (focus)=\"onFocus($event, 0)\" />\n    <span>-</span>\n    <input type=\"text\" placeholder=\"{{placeholerDen}}\" [attr.disabled]=\"disabled ? true : null\"\n        [mask]=\"getMaskByType(maskType)\" [thousandSeparator]=\"getThousandSeperator()\" pInputText [(ngModel)]=\"model[1]\"\n        (change)=\"onChanged($event)\" (focus)=\"onFocus($event, 1)\" />\n</div>",
+                providers: [
+                    {
+                        provide: NG_VALUE_ACCESSOR,
+                        useExisting: forwardRef(() => NumberPickerRangeComponent),
+                        multi: true
                     }
-                }
-                if (!hasValueInSource) {
-                    this._value = null;
-                }
-            }
-            if ((oldValue != null && this._value == null)
-                || (oldValue == null && this._value != null)) {
-                this.fireChangedEvent();
-            }
-            else if (this._value != oldValue) {
-                this.adjustValue2WayBinding();
-            }
-        }
-        this.checkReady();
-    }
-    reStructureItemObject(item) {
-        const temp = { value: item };
-        if (this.control.funcGetLabel) {
-            temp.label = this.control.funcGetLabel(item);
-        }
-        else {
-            temp.label = item[this.control.displayField];
-        }
-        temp.value._dropdownvalue = this.control.valueField;
-        return temp;
+                ],
+                styles: [".tn-number-picker-range{display:flex}.tn-number-picker-range>span{flex:0 0 16px;display:inline-flex;align-items:center;justify-content:center}::ng-deep .tn-number-picker-range .p-inputtext{flex:0 0 calc(50% - 8px);width:calc(50% - 8px)}"]
+            },] }
+];
+NumberPickerRangeComponent.ctorParameters = () => [
+    { type: DecimalPipe }
+];
+NumberPickerRangeComponent.propDecorators = {
+    readonly: [{ type: Input }],
+    maskType: [{ type: Input }],
+    placeholder: [{ type: Input }],
+    disabled: [{ type: Input }],
+    suffix: [{ type: Input }],
+    prefix: [{ type: Input }],
+    min: [{ type: Input }],
+    max: [{ type: Input }],
+    decimalPlaces: [{ type: Input }],
+    onInit: [{ type: Output }],
+    focus: [{ type: Output }],
+    enterSmart: [{ type: Output }],
+    enter: [{ type: Output }],
+    blur: [{ type: Output }],
+    change: [{ type: Output }]
+};
+
+class PagingNextBackOnlyComponent {
+    constructor() {
+        this.onNext = new EventEmitter();
+        this.onPrev = new EventEmitter();
+        this.onLatest = new EventEmitter();
+        this.onRefresh = new EventEmitter();
+        this.onOldest = new EventEmitter();
+        this.onChangeLimitPage = new EventEmitter();
+        this.onChanged = new EventEmitter();
     }
-    _getData(filterParents) {
-        return __awaiter(this, void 0, void 0, function* () {
-            if (this.control.baseService) {
-                if (!filterParents)
-                    filterParents = [];
-                yield this._getDataSource(filterParents);
-            }
-        });
+    ngOnInit() {
+        this.pageSizeOld = this.setting.pageSetting.pageSize;
     }
-    _getDataSource(filterFromParents) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const filters = yield this.filterProcess(filterFromParents);
-            const dropdownOptions = this._crudService.createDropdownOptions(this.control);
-            let dataSource;
-            if (this.control.baseService instanceof MasterDataService) {
-                dataSource = yield this.control.baseService.getDataDropdownByFilter(this.control.groupCode, null, filters, dropdownOptions);
-            }
-            else {
-                if (this.control.isTree) {
-                    dataSource = yield this.control.baseService.getTreeDataDropdownByFilter(filters, this.control.fieldTree, this.control.valueParentRoot, dropdownOptions);
-                }
-                else {
-                    dataSource = yield this.control.baseService.getDataDropdownByFilter(filters, dropdownOptions);
-                }
-            }
-            this.bindingDataSource(dataSource);
-            if (this.control.fireCallBackInside) {
-                if (this.control.callbackDataFinish) {
-                    this.control.callbackDataFinish({
-                        data: dataSource,
-                        elm: this
-                    });
-                }
-            }
-            else {
-                this.onDataSourceLoaded.emit({
-                    dataSource,
-                    elm: this
-                });
-            }
-        });
+    getFirstIndex() {
+        return (this.setting.pageSetting.page - 1) * this.setting.pageSetting.pageSize + 1;
     }
-    filterProcess(filterFromParents) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const filters = filterFromParents;
-            yield appendDefaultFilter(filters, this.control.defaultFilters);
-            if (this.control.modifyFilter) {
-                yield this.control.modifyFilter(filters, this);
-            }
-            return filters;
-        });
+    getLastIndex() {
+        let temp = this.setting.pageSetting.page * this.setting.pageSetting.pageSize;
+        if (temp > this.model.total)
+            temp = this.model.total;
+        return temp;
     }
-    checkReady() {
-        if (this.control.onAdjustedValue
-            && this._hasLoadedDatasource
-            && this._value != null) {
-            this.fireAdjustValueEvent();
+    goLatest(evt) {
+        if (this.isFirst() || this.model.loading)
+            return;
+        if (this.setting.pageSetting.pageSize == 0) {
+            this.setting.pageSetting.pageSize = 1;
+        }
+        if (this.setting.pageSetting.pageSize > 1000) {
+            this.setting.pageSetting.pageSize = 1000;
         }
+        this.setting.pageSetting.page = 1;
+        this.op.hide();
+        this.onLatest.next(evt);
+        this.onChanged.emit();
     }
-    getValueReturn() {
-        return this.funcReturnValue(this._value);
+    goPrev(evt) {
+        if (this.isFirst() || this.model.loading)
+            return;
+        if (this.setting.pageSetting.page > 1) {
+            this.setting.pageSetting.page--;
+        }
+        this.op.hide();
+        this.onPrev.next(evt);
+        this.onChanged.emit();
     }
-    checkInitedControl() {
-        // Nếu chưa chạy qua init thì k fire event gì cả
-        return !!this.control._component;
+    isFirst() {
+        return this.setting.pageSetting.page <= 1;
     }
-    fireChangedEvent() {
-        // Nếu chưa chạy qua init thì k fire event gì cả
-        if (!this.checkInitedControl())
+    goNext(evt) {
+        if (this.isLast() || this.model.loading)
             return;
-        const valueReturn = this.getValueReturn();
-        this.valueChange.emit(valueReturn);
-        this.onChanged.emit(valueReturn);
+        this.setting.pageSetting.page++;
+        this.op.hide();
+        this.onNext.next(evt);
+        this.onChanged.emit();
     }
-    fireAdjustValueEvent() {
-        // Nếu chưa chạy qua init thì k fire event gì cả
-        if (!this.checkInitedControl())
-            return;
-        const valueReturn = this.getValueReturn();
-        this.adjustValue.next(valueReturn);
+    isLast() {
+        return this.model.total <= 0 || this.getLastIndex() == this.model.total;
     }
-    adjustValue2WayBinding() {
-        if (!this.checkInitedControl())
+    goOldest(evt) {
+        if (this.isLast() || this.model.loading)
             return;
-        const valueReturn = this.getValueReturn();
-        this.valueChange.emit(valueReturn);
+        this.setting.pageSetting.page = Math.ceil(this.model.total / this.setting.pageSetting.pageSize);
+        this.onOldest.next(evt);
+        this.onChanged.emit();
     }
-    change(event) {
-        this.fireChangedEvent();
+    saveChangeHandle() {
+        if (!this.setting.pageSetting.pageSize || this.setting.pageSetting.pageSize.toString() == '0') {
+            this.setting.pageSetting.pageSize = this.pageSizeOld;
+        }
+        this.pageSizeOld = this.setting.pageSetting.pageSize;
+        this.goLatest(null);
+        this.onChangeLimitPage.next(null);
+        this.onChanged.emit();
+    }
+    handleOverlayShow(evt, targetOverlay) {
+    }
+    refresh(event) {
     }
 }
-RadioButtonListComponent.decorators = [
+PagingNextBackOnlyComponent.decorators = [
     { type: Component, args: [{
-                selector: 'radio-button-list',
-                template: "<div class=\"p-grid tn-check-box-list\" [class.flex-end]=\"control.align == 'right'\"\n    [class.flex-center]=\"control.align == 'center'\">\n    <div [class]=\"classCheckBox\" *ngFor=\"let chk of dataSourceInternal\">\n        <p-radioButton [disabled]=\"disabled ? true : null\" [label]=\"chk.label\" [value]=\"chk.value\"\n            [(ngModel)]=\"_value\" (onClick)=\"change($event)\">\n        </p-radioButton>\n    </div>\n</div>\n",
-                styles: [".tn-check-box-list.p-grid{margin-bottom:-.5em}.btn-clear{height:30px;cursor:pointer;border:none;background:#337ab7;color:#fff;border-radius:3px;padding:0 10px;margin:1px .5em 0}.p-col-horizontal{padding:.5em}::ng-deep .tn-check-box-list{position:relative}::ng-deep .tn-check-box-list.flex-end{justify-content:flex-end}::ng-deep .tn-check-box-list.flex-center{justify-content:center}::ng-deep .tn-check-box-list label{cursor:pointer}"]
+                selector: 'paging-next-back-only',
+                template: "<div class=\"paging-container\" [ngClass]=\"ngClass\">\n    <div class=\"paging-info\">\n        <ng-container>\n            <div *ngIf=\"getFirstIndex()<=model.total && !setting.hiddenTextPage\" #targetOverlay\n                class=\"paging-item paging-info-detail\" (click)=\"op.toggle($event)\">\n                {{getFirstIndex()}} -\n                {{getLastIndex()}}\n                trong {{model.total}}\n            </div>\n            <div *ngIf=\"(getFirstIndex()>model.total || model.total == 0) && !setting.hiddenTextPage\"\n                class=\"paging-item paging-info-detail\">\n                Kh\u00F4ng t\u00ECm th\u1EA5y d\u1EEF li\u1EC7u\n            </div>\n            <div class=\"paging-item text\" [class.disabled]=\"model.loading\" (click)=\"goPrev($event)\"\n                style=\"margin-right: 5px;\" pTooltip=\"{{'Trang tr\u01B0\u1EDBc' | translate}}\" tooltipPosition=\"top\"\n                [class.disabled]=\"isFirst()\">\n                <a href=\"javascript:\" tabindex=\"{{isFirst()?'-1':''}}\"><i class=\"pi pi-chevron-left\"></i></a>\n            </div>\n            <div class=\"block-page-size\">\n                <tn-mask [maskType]=\"'int'\" [min]=\"1\" [max]=\"1000\" [disabled]=\"model.loading ? true : null\"\n                    [(ngModel)]=\"setting.pageSetting.pageSize\" (onChanged)=\"saveChangeHandle()\"\n                    (keyup.enter)=\"saveChangeHandle()\">\n                </tn-mask>\n            </div>\n            <div class=\"paging-item text\" [class.disabled]=\"model.loading\" (click)=\"goNext($event)\"\n                style=\"margin-left: 5px;\" pTooltip=\"{{'Trang sau' | translate}}\" tooltipPosition=\"left\"\n                [class.disabled]=\"isLast()\">\n                <a href=\"javascript:\" tabindex=\"{{isLast()?'-1':''}}\"><i class=\"pi pi-chevron-right\"></i></a>\n            </div>\n        </ng-container>\n    </div>\n</div>\n\n<p-overlayPanel #op [styleClass]=\"'paging-advance-overlay'\" [appendTo]=\"'body'\"\n    (onShow)=\"handleOverlayShow($event, targetOverlay)\">\n    <ul class=\"paging-advance\">\n        <li [class.disabled]=\"isFirst()\" (click)=\"goLatest($event)\">Trang \u0111\u1EA7u ti\u00EAn</li>\n        <li [class.disabled]=\"isLast()\" (click)=\"goOldest($event)\">Trang cu\u1ED1i c\u00F9ng</li>\n    </ul>\n</p-overlayPanel>",
+                styles: [".paging-item a{color:#495057}.paging-item:hover{cursor:pointer}.paging-item:hover a{color:#333}.paging-item.disabled a{color:#bdbdbd}.paging-info-detail{padding:2px .5rem 0;text-align:center;line-height:30px;border-radius:7px;min-width:100px;font-size:.9em}.paging-item.text{line-height:32px;border-radius:50%;width:32px;height:32px;text-align:center;position:relative;display:inline-block;transform:perspective(1px);overflow:hidden}.paging-item.text:before{content:\"\";position:absolute;top:0;left:0;bottom:0;right:0;background:#e6e6e6;z-index:-1;transform:scale(0);transition:all .3s cubic-bezier(.4,.34,.01,.97);border-radius:50%}.paging-item.text:hover:before{transform:scale(1)}.paging-item.text>a{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.paging-info-detail{border-radius:5px;position:relative;display:inline-block;transform:perspective(1px);overflow:hidden}.paging-info-detail:before{content:\"\";position:absolute;top:0;left:0;bottom:0;right:0;background:#e6e6e6;z-index:-1;transform:scale(0);transition:all .3s cubic-bezier(.4,.34,.01,.97);border-radius:5px}.paging-info-detail:hover:before{transform:scale(1)}.paging-item.disabled:hover:before{content:none}.paging-item.disabled:hover{background-color:#fff;cursor:default}.paging-item.disabled:hover a{cursor:default}.paging-info{display:flex;justify-content:flex-end;align-items:center}.item-setting{font-size:18px}.item-setting a{color:#555}.item-setting a:hover{color:#333}.paging-advance{list-style:none;padding-left:0;margin:3px 0}.paging-advance li{width:150px;padding-left:15px;line-height:30px}.paging-advance li.disabled{color:#bdbdbd;outline:none}.paging-advance li.disabled:hover{cursor:default;background:none}.paging-advance li:hover{cursor:pointer;background:#e6e6e6}::ng-deep .paging-advance-overlay{margin-left:30px}::ng-deep .paging-advance-overlay .p-overlaypanel-content{padding:0}::ng-deep paging-next-back-only .block-page-size{display:inline-block;width:60px}::ng-deep paging-next-back-only .block-page-size .p-inputtext{width:100%;text-align:center;padding-left:5px;padding-right:5px}::ng-deep paging-next-back-only .tn-mask-disabled{padding:5px;border:1px solid #ddd;border-radius:4px;display:flex;justify-content:center;line-height:20px}"]
             },] }
 ];
-RadioButtonListComponent.ctorParameters = () => [
-    { type: CrudService },
-    { type: DeviceDetectorService }
-];
-RadioButtonListComponent.propDecorators = {
-    control: [{ type: Input }],
-    dataSource: [{ type: Input }],
-    value: [{ type: Input }],
-    disabled: [{ type: Input }],
-    onInit: [{ type: Output }],
-    valueChange: [{ type: Output }],
-    onChanged: [{ type: Output }],
-    onDataSourceLoaded: [{ type: Output }],
-    adjustValue: [{ type: Output }],
-    onReady: [{ type: Output }]
+PagingNextBackOnlyComponent.ctorParameters = () => [];
+PagingNextBackOnlyComponent.propDecorators = {
+    op: [{ type: ViewChild, args: ['op', { static: true },] }],
+    model: [{ type: Input }],
+    setting: [{ type: Input }],
+    ngClass: [{ type: Input }],
+    onNext: [{ type: Output }],
+    onPrev: [{ type: Output }],
+    onLatest: [{ type: Output }],
+    onRefresh: [{ type: Output }],
+    onOldest: [{ type: Output }],
+    onChangeLimitPage: [{ type: Output }],
+    onChanged: [{ type: Output }]
 };
 
-class ReferenceTextBoxComponent extends ComponentBase {
-    constructor(injector) {
-        super(injector);
-        this.onInit = new EventEmitter();
-        this.data = '';
-        this.ready = false;
-    }
-    set value(value) {
-        this._value = value;
-        this.checkAndGetData();
-    }
-    set dataSource(value) {
-        if (!value)
-            return;
-        this._dataSource = value;
-    }
-    get dataSource() {
-        return this._dataSource;
+class QrCodeGeneratorComponent {
+    constructor() {
+        this.width = 120;
+        this._data = '';
+        this.defaultText = 'empty';
     }
-    get value() {
-        return this._value;
+    set data(value) {
+        this._data = value;
+        this.convert();
     }
     ngOnInit() {
-        this.control._component = this;
-        this.ready = true;
-        this.checkAndGetData();
-        this.onInit.emit(this);
+        this.convert();
     }
-    checkAndGetData() {
-        return __awaiter(this, void 0, void 0, function* () {
-            this.data = '';
-            if (!this.ready
-                || this._value == null
-                || !this.control
-                || (!this.control.baseService && !this.dataSource))
-                return;
-            let item = null;
-            if (this.control.baseService && this.control.baseService instanceof BaseService) {
-                item = (yield this.control.baseService.getDetailByFilter([
-                    this.newFilter(this.control.valueField, Operator.equal, this.value)
-                ])).data;
-            }
-            else if (this.dataSource) {
-                item = this.dataSource.find(x => x[this.control.valueField] == this.value);
-            }
-            else {
-                // TODO: xử lý lấy dữ liệu detail của master data
-                item = null;
-            }
-            if (item == null)
-                return;
-            if (this.control.funcGetLabel) {
-                this.data = this.control.funcGetLabel(item);
-            }
-            else {
-                this.data = item[this.control.displayField];
-            }
+    convert() {
+        if (!this._data) {
+            this._data = this.defaultText;
+        }
+        toCanvas(this.canvasElement.nativeElement, this._data, {
+            width: this.width
+        }, (error) => {
+            if (error)
+                console.error(error);
         });
     }
+    download() {
+        const link = document.createElement('a');
+        link.download = 'qrcode.png';
+        link.href = this.canvasElement.nativeElement.toDataURL();
+        link.click();
+        link.remove();
+    }
 }
-ReferenceTextBoxComponent.decorators = [
+QrCodeGeneratorComponent.decorators = [
     { type: Component, args: [{
-                selector: 'reference-textbox',
-                template: "<div class=\"p-inputgroup\" *ngIf=\"control.suffix\">\n    <input [placeholder]=\"control.placeholder\" disabled=\"true\" pInputText type='text' [ngModel]=\"data\" />\n    <span class=\"p-inputgroup-addon\">({{control.suffix}})</span>\n</div>\n<input *ngIf=\"!control.suffix\" [placeholder]=\"control.placeholder\" disabled=\"true\" pInputText type='text'\n    [ngModel]=\"data\" />",
-                styles: [""]
+                selector: 'app-qr-code-generator',
+                template: "<div class=\"qr-code-generator\" [style.width.px]=\"width\" [style.height.px]=\"width\">\n    <canvas #canvasElement width=\"100%\" height=\"100%\"></canvas>\n    <div class=\"mask\">\n        <span class=\"icon-download fa fa-download\" pTooltip=\"B\u1EA5m \u0111\u1EC3 t\u1EA3i v\u1EC1\" tooltipPosition=\"top\"\n            (click)=\"download()\"></span>\n    </div>\n</div>",
+                styles: [".qr-code-generator{position:relative}.qr-code-generator .mask{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:hsla(0,0%,50.2%,.8392156862745098);border-radius:3px}.qr-code-generator .mask .icon-download{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer;color:#00ff2b;font-size:2rem}.qr-code-generator:hover .mask{display:initial}"]
             },] }
 ];
-ReferenceTextBoxComponent.ctorParameters = () => [
-    { type: Injector }
-];
-ReferenceTextBoxComponent.propDecorators = {
-    control: [{ type: Input }],
-    value: [{ type: Input }],
-    dataSource: [{ type: Input }],
-    onInit: [{ type: Output }]
+QrCodeGeneratorComponent.ctorParameters = () => [];
+QrCodeGeneratorComponent.propDecorators = {
+    canvasElement: [{ type: ViewChild, args: ['canvasElement', { static: true },] }],
+    width: [{ type: Input }],
+    data: [{ type: Input }]
 };
 
-class JobItem {
-    constructor(code, data, fileName = 'BaoCao', status = REPORT_QUEUE_CONSTANT.statuses.Waiting) {
-        // Loại export.
-        this._type = JobTypes.SingnalR;
-        this._code = code;
-        const datepipe = new DatePipe('en-US');
-        let formattedDate = datepipe.transform(new Date(), 'ddMMyyyy_hhmmss');
-        this._fileName = `${fileName}_${formattedDate}${TemplateConstant.EXCEL_EXTENSION}`;
-        this._data = data || {};
-        this._status = status;
-    }
-}
-class REPORT_QUEUE_CONSTANT {
-}
-REPORT_QUEUE_CONSTANT.statuses = {
-    Waiting: 1,
-    Exporting: 2,
-    Success: 3,
-    Error: 4,
-    Downloaded: 5
-};
-REPORT_QUEUE_CONSTANT.dicStatus = new SimpleDictionary([
-    new SimpleDicItem(REPORT_QUEUE_CONSTANT.statuses.Waiting, 'Chờ để xử lý'),
-    new SimpleDicItem(REPORT_QUEUE_CONSTANT.statuses.Exporting, 'Đang xử lý'),
-    new SimpleDicItem(REPORT_QUEUE_CONSTANT.statuses.Success, 'Tải xuống'),
-    new SimpleDicItem(REPORT_QUEUE_CONSTANT.statuses.Error, 'Xuất file chưa thành công'),
-    new SimpleDicItem(REPORT_QUEUE_CONSTANT.statuses.Downloaded, 'Đã tải'),
-]);
-var JobTypes;
-(function (JobTypes) {
-    JobTypes[JobTypes["Normal"] = 1] = "Normal";
-    JobTypes[JobTypes["SingnalR"] = 2] = "SingnalR";
-    JobTypes[JobTypes["Many"] = 3] = "Many"; // Export nhiều file cùng một lúc và nén vào file zip, mỗi file có thể là các loại biểu mẫu khác nhau.
-})(JobTypes || (JobTypes = {}));
-class ExportJob {
-    constructor(templateCode, // code template cấu hình bên quản trị
-    dataPromise, // promise dùng để lấy dữ liệu, trả về dạng ResponseResult
-    fileName, // tên của file được lưu
-    rootName = '', // tên thuộc tính của lst dữ liệu ngoài cùng
-    cb = null, // dùng để xử lý dữ liệu sau khi lấy xong
-    type = JobTypes.Normal // Loại export.
-    ) {
-        this.templateCode = templateCode;
-        this.dataPromise = dataPromise;
-        this.fileName = fileName;
-        this.rootName = rootName;
-        this.cb = cb;
-        this.type = type;
+class RadioButtonListComponent {
+    constructor(_crudService, _deviceDetectorService) {
+        this._crudService = _crudService;
+        this._deviceDetectorService = _deviceDetectorService;
+        this.onInit = new EventEmitter();
+        this.valueChange = new EventEmitter();
+        this.onChanged = new EventEmitter();
+        this.onDataSourceLoaded = new EventEmitter();
+        this.adjustValue = new EventEmitter();
+        this.onReady = new EventEmitter();
+        this.funcReturnValue = value => value;
+        this.dataSourceInternal = [];
+        this.hideTransitionOptions = '195ms ease-in';
+        this.showTransitionOptions = '225ms ease-out';
+        this.classCheckBox = 'p-col-horizontal';
+        this._hasLoadedDatasource = false;
     }
-}
-
-class ReportQueueComponent {
-    constructor(_notifierService, _commonService, _fileService, _tempateService, _signalRService, _highPerformanceService, _crudService) {
-        this._notifierService = _notifierService;
-        this._commonService = _commonService;
-        this._fileService = _fileService;
-        this._tempateService = _tempateService;
-        this._signalRService = _signalRService;
-        this._highPerformanceService = _highPerformanceService;
-        this._crudService = _crudService;
-        this.name = 'reportQueue';
-        this.header = 'Xuất báo cáo';
-        this.autoDownload = false;
-        this.maxNameLength = 40;
-        this.expand = true;
-        this.queueName = 'REPORT_QUEUE';
-        this.hub = 'CommonHub';
-        this.dicStatus = REPORT_QUEUE_CONSTANT.dicStatus;
-        this.statuses = REPORT_QUEUE_CONSTANT.statuses;
-        this._queue = [];
-        this.maxHeight = 200;
-        this.itemHeight = 50;
-        this.popupHeight = this.itemHeight;
+    set dataSource(value) {
+        this.bindingDataSource(value);
+    }
+    set value(value) {
+        if (this._value != value) {
+            this._value = value;
+            this.setSelectedValue();
+        }
     }
     ngOnInit() {
-        if (this.parentDataModel && this.name) {
-            this.parentDataModel[this.name] = this;
+        this.control._component = this;
+        this.setDefaultSetting();
+        if (this.control.baseService) {
+            this._getData();
         }
+        if (this.control.layout == 'vertical') {
+            this.classCheckBox = 'p-row';
+        }
+        if (!this._deviceDetectorService.isDesktop()) {
+            this.hideTransitionOptions = this.showTransitionOptions = '';
+        }
+        this.onInit.emit(this);
     }
-    toggleExpand() {
-        this.expand = !this.expand;
+    setDefaultSetting() {
+        if (this.control.returnType == 'value') {
+            this.funcReturnValue = (value) => {
+                if (value == null)
+                    return null;
+                return value[this.control.valueField];
+            };
+        }
+        else {
+            this.funcReturnValue = value => value;
+        }
     }
-    /**
-     * Thêm job vào để thực hiện
-     */
-    addJob(exportJob) {
-        return __awaiter(this, void 0, void 0, function* () {
-            var foundIndex = this._queue.findIndex(job => job._code == exportJob.templateCode && job._status == this.statuses.Exporting);
-            if (foundIndex !== -1) {
-                this._notifierService.showWarning("File cùng loại đang được xử lý, thử lại sau khi xử lý xong!");
-                return;
-            }
-            var job = new JobItem(exportJob.templateCode, {}, exportJob.fileName || exportJob.templateCode, this.statuses.Exporting);
-            this._queue.push(job);
-            this.updatePopupHeight();
-            setTimeout(() => {
-                this.scrollbar.scrollToBottom();
-            }, 100);
-            var rsData = yield exportJob.dataPromise;
-            if (rsData.data == null) {
-                job._status = this.statuses.Error;
-                return this._crudService.processErrorResponse(rsData);
-            }
-            if (exportJob.cb) {
-                job._data = exportJob.cb(rsData.data);
+    bindingDataSource(sources) {
+        const oldValue = this._value;
+        let hasValueInSource = false;
+        if (sources != null && sources.length > 0) {
+            this._hasLoadedDatasource = true;
+            const arr = [];
+            for (let item of sources) {
+                item = this.reStructureItemObject(item);
+                if (this._value != null
+                    && this._value !== ''
+                    && (item.value[this.control.valueField] == this._value || item.value[this.control.valueField] == this._value[this.control.valueField])) {
+                    this._value = item.value;
+                    hasValueInSource = true;
+                }
+                arr.push(item);
             }
-            else if (exportJob.rootName) {
-                job._data[exportJob.rootName] = rsData.data;
+            this.dataSourceInternal = arr;
+            if (!hasValueInSource) {
+                this._value = null;
             }
-            else {
-                job._data = rsData.data;
+        }
+        else {
+            this.dataSourceInternal = [];
+        }
+        if (this._hasLoadedDatasource) {
+            // Lưu ý if ở dưới không được đổi thành oldValue != this._value
+            // Vì giá trị của this._value sẽ được correcting ở trên (id => object) nên so sánh sẽ khác nhau
+            if ((oldValue != null && this._value == null)
+                || (oldValue == null && this._value != null)) {
+                this.fireChangedEvent();
             }
-            switch (exportJob.type) {
-                case JobTypes.Normal:
-                    this.Export(job);
-                    break;
-                case JobTypes.SingnalR:
-                    this.ExportWithSignalR(job);
-                    break;
-                case JobTypes.Many:
-                    break;
+            else if (this._value != oldValue) {
+                this.adjustValue2WayBinding();
             }
-        });
+            this.onReady.emit(this.control.field);
+        }
+        this.checkReady();
     }
-    /**
-     * Thêm job vào để thực hiện
-     *  - templateCode: code template cấu hình bên quản trị
-     *  - data: dữ liệu export
-     *  - fileName: tên của file được lưu
-     *  - useSignalR: thay vì gọi request và chờ đến khi thực hiện xong
-     *      trả về binaryFile thì tạo tiến trình riêng để export, và dùng signalR thông
-     *      báo kết quả export, trả về fileId để tải.
-     */
-    addJobWithData(templateCode, data, fileName, useSignalR = false) {
-        return __awaiter(this, void 0, void 0, function* () {
-            var foundIndex = this._queue.findIndex(job => job._code == templateCode && job._status == this.statuses.Exporting);
-            if (foundIndex !== -1) {
-                this._notifierService.showWarning("File cùng loại đang được xử lý, thử lại sau khi xử lý xong!");
-                return;
+    setSelectedValue() {
+        if (this._hasLoadedDatasource) {
+            const oldValue = this._value;
+            let hasValueInSource = false;
+            if (this.dataSourceInternal != null && this.dataSourceInternal.length > 0) {
+                for (const item of this.dataSourceInternal) {
+                    if (this._value != null
+                        && this._value !== ''
+                        && (item.value[this.control.valueField] == this._value || item.value[this.control.valueField] == this._value[this.control.valueField])) {
+                        this._value = item.value;
+                        hasValueInSource = true;
+                        break;
+                    }
+                }
+                if (!hasValueInSource) {
+                    this._value = null;
+                }
             }
-            var job = new JobItem(templateCode, data, fileName || templateCode, this.statuses.Exporting);
-            this._queue.push(job);
-            if (useSignalR) {
-                this.ExportWithSignalR(job);
+            if ((oldValue != null && this._value == null)
+                || (oldValue == null && this._value != null)) {
+                this.fireChangedEvent();
             }
-            else {
-                this.Export(job);
+            else if (this._value != oldValue) {
+                this.adjustValue2WayBinding();
             }
-        });
+        }
+        this.checkReady();
     }
-    Export(job) {
+    reStructureItemObject(item) {
+        const temp = { value: item };
+        if (this.control.funcGetLabel) {
+            temp.label = this.control.funcGetLabel(item);
+        }
+        else {
+            temp.label = item[this.control.displayField];
+        }
+        temp.value._dropdownvalue = this.control.valueField;
+        return temp;
+    }
+    _getData(filterParents) {
         return __awaiter(this, void 0, void 0, function* () {
-            this._tempateService.exportCxExcelByCodePromise({ code: job._code, data: JSON.stringify(job._data), fileName: job._fileName })
-                .then(file => {
-                job._status = this.statuses.Success;
-                job._binaryFile = file;
-                if (this.autoDownload) {
-                    this.download(job);
-                }
-            }).catch((err) => __awaiter(this, void 0, void 0, function* () {
-                job._status = this.statuses.Error;
-                const errorText = yield err.error.text();
-                this._crudService.processErrorResponse(JSON.parse(errorText || ''));
-            }));
+            if (this.control.baseService) {
+                if (!filterParents)
+                    filterParents = [];
+                yield this._getDataSource(filterParents);
+            }
         });
     }
-    ExportWithSignalR(job) {
+    _getDataSource(filterFromParents) {
         return __awaiter(this, void 0, void 0, function* () {
-            const topic = this._commonService.guid();
-            job._uniqueKey = topic;
-            this._signalRService.start(this.hub, topic, (message) => {
-                var rs = JSON.parse(message);
-                if (rs.success) {
-                    job._status = this.statuses.Success;
-                    job._fileId = rs.data;
-                    if (this.autoDownload) {
-                        this.download(job);
-                    }
+            const filters = yield this.filterProcess(filterFromParents);
+            const dropdownOptions = this._crudService.createDropdownOptions(this.control);
+            let dataSource;
+            if (this.control.baseService instanceof MasterDataService) {
+                dataSource = yield this.control.baseService.getDataDropdownByFilter(this.control.groupCode, null, filters, dropdownOptions);
+            }
+            else {
+                if (this.control.isTree) {
+                    dataSource = yield this.control.baseService.getTreeDataDropdownByFilter(filters, this.control.fieldTree, this.control.valueParentRoot, dropdownOptions);
                 }
                 else {
-                    job._status = this.statuses.Error;
-                    this._crudService.processErrorResponse(rs);
+                    dataSource = yield this.control.baseService.getDataDropdownByFilter(filters, dropdownOptions);
                 }
-            });
-            this._tempateService.ExportCxExcelByCodeWithSignalR({ code: job._code, data: JSON.stringify(job._data), fileName: job._fileName, topic: topic })
-                .then(rs => {
-                if (!rs.success) {
-                    job._status = this.statuses.Error;
-                    this._crudService.processErrorResponse(rs);
+            }
+            this.bindingDataSource(dataSource);
+            if (this.control.fireCallBackInside) {
+                if (this.control.callbackDataFinish) {
+                    this.control.callbackDataFinish({
+                        data: dataSource,
+                        elm: this
+                    });
                 }
-            }).catch((err) => __awaiter(this, void 0, void 0, function* () {
-                job._status = this.statuses.Error;
-                this._crudService.processErrorResponse(err.error);
-            }));
-            ;
+            }
+            else {
+                this.onDataSourceLoaded.emit({
+                    dataSource,
+                    elm: this
+                });
+            }
         });
     }
-    ExportCxExcelByCodeWithHPS(job) {
+    filterProcess(filterFromParents) {
         return __awaiter(this, void 0, void 0, function* () {
-            this._highPerformanceService.createProcess(this.queueName, (arrMessage) => {
-                var message = arrMessage.pop();
-                var rs = JSON.parse(message);
-                if (rs.success) {
-                    job._status = this.statuses.Success;
-                    job._fileId = rs.data;
-                    if (this.autoDownload) {
-                        this._fileService.downloadFile(job._fileId);
-                        job._status = this.statuses.Downloaded;
-                        job._fileId = null;
-                    }
-                }
-                else {
-                    job._status = this.statuses.Error;
-                    this._crudService.processErrorResponse(rs);
-                }
-            }).then(rs => {
-                job._uniqueKey = rs;
-                this._tempateService.ExportCxExcelByCodeWithHPS({
-                    code: job._code,
-                    data: JSON.stringify(job._data),
-                    fileName: job._fileName,
-                    topic: this.queueName,
-                    uniqueKey: job._uniqueKey
-                }).then(rs => {
-                    if (!rs.success) {
-                        job._status = this.statuses.Error;
-                        this._crudService.processErrorResponse(rs);
-                    }
-                }, err => {
-                    job._status = this.statuses.Error;
-                    console.log("Lỗi gọi api server export");
-                });
-            }, err => {
-                job._status = this.statuses.Error;
-                console.log("Lỗi gọi HPS service :(");
-            });
+            const filters = filterFromParents;
+            yield appendDefaultFilter(filters, this.control.defaultFilters);
+            if (this.control.modifyFilter) {
+                yield this.control.modifyFilter(filters, this);
+            }
+            return filters;
         });
     }
-    download(job) {
-        if (job._status == this.statuses.Downloaded) {
-            return;
-        }
-        if (job._fileId) {
-            this._fileService.downloadFile(job._fileId, false, job._fileName);
-        }
-        else if (job._binaryFile) {
-            FileSaver.saveAs(job._binaryFile, job._fileName);
+    checkReady() {
+        if (this.control.onAdjustedValue
+            && this._hasLoadedDatasource
+            && this._value != null) {
+            this.fireAdjustValueEvent();
         }
-        job._status = this.statuses.Downloaded;
-        job._binaryFile = null;
-        job._fileId = null;
     }
-    showQueue() {
-        let show = this._queue && this._queue.length > 0;
-        return show;
+    getValueReturn() {
+        return this.funcReturnValue(this._value);
     }
-    getName(job) {
-        var name = job._fileName.length > this.maxNameLength ? `${job._fileName.substr(0, this.maxNameLength - 10)}[...]${TemplateConstant.EXCEL_EXTENSION}` : job._fileName;
-        return name;
+    checkInitedControl() {
+        // Nếu chưa chạy qua init thì k fire event gì cả
+        return !!this.control._component;
     }
-    cancelJob(job) {
-        let foundIndex = this._queue.findIndex(j => j._code == job._code);
-        if (foundIndex == -1) {
+    fireChangedEvent() {
+        // Nếu chưa chạy qua init thì k fire event gì cả
+        if (!this.checkInitedControl())
             return;
-        }
-        let foundJob = this._queue[foundIndex];
-        if (foundJob._status == this.statuses.Exporting) {
-            this._notifierService
-                .showConfirm('File này đang được xử lý. Bạn có muốn dừng lại?', 'Hủy xuất file')
-                .then(rs => {
-                if (!rs) {
-                    return;
-                }
-                let needUnsubscribe = foundJob._type == JobTypes.SingnalR && foundJob._uniqueKey;
-                if (needUnsubscribe) {
-                    this._signalRService.unSubscribeViewCode(foundJob._uniqueKey, this.hub);
-                }
-                this._queue.splice(foundIndex, 1);
-                this.updatePopupHeight();
-            });
-        }
-        else if (foundJob._status != this.statuses.Exporting) {
-            this._queue.splice(foundIndex, 1);
-            this.updatePopupHeight();
-        }
+        const valueReturn = this.getValueReturn();
+        this.valueChange.emit(valueReturn);
+        this.onChanged.emit(valueReturn);
     }
-    close() {
-        var hasExporting = this._queue && this._queue.filter(item => item._status == this.statuses.Exporting).length > 0;
-        if (hasExporting) {
-            this._notifierService
-                .showConfirm('Có file đang được xử lý. Bạn có muốn dừng lại?', 'Hủy xuất file')
-                .then(rs => {
-                if (!rs) {
-                    return;
-                }
-                let needUnsubscribe = false;
-                this._queue.forEach(job => {
-                    needUnsubscribe = job._type == JobTypes.SingnalR && job._uniqueKey;
-                    if (needUnsubscribe) {
-                        this._signalRService.unSubscribeViewCode(job._uniqueKey, this.hub);
-                    }
-                });
-                this._queue = [];
-                this.updatePopupHeight();
-            });
-        }
-        else {
-            this._queue = [];
-        }
+    fireAdjustValueEvent() {
+        // Nếu chưa chạy qua init thì k fire event gì cả
+        if (!this.checkInitedControl())
+            return;
+        const valueReturn = this.getValueReturn();
+        this.adjustValue.next(valueReturn);
     }
-    updatePopupHeight() {
-        let height = (this._queue || []).length * this.itemHeight;
-        this.popupHeight = height > this.maxHeight ? this.maxHeight : height;
+    adjustValue2WayBinding() {
+        if (!this.checkInitedControl())
+            return;
+        const valueReturn = this.getValueReturn();
+        this.valueChange.emit(valueReturn);
+    }
+    change(event) {
+        this.fireChangedEvent();
     }
 }
-ReportQueueComponent.decorators = [
+RadioButtonListComponent.decorators = [
     { type: Component, args: [{
-                selector: 'report-queue',
-                template: "<div class=\"rq-container\" *ngIf=\"showQueue()\">\n    <div class=\"rq-header\">\n        <div>{{header | translate}}</div>\n        <div>\n\n            <p-checkbox [(ngModel)]=\"autoDownload\" binary=\"true\" pTooltip=\"T\u1EF1 \u0111\u1ED9ng t\u1EA3i\" tooltipPosition=\"left\">\n            </p-checkbox>\n\n            <a href=\"javascript:;\" (click)=\"toggleExpand()\" pTooltip=\"{{expand ? 'Thu g\u1ECDn' : 'M\u1EDF r\u1ED9ng'}}\"\n                tooltipPosition=\"left\">\n                <i class=\"fas\" [ngClass]=\"{'fa-compress' : expand, 'fa-expand': !expand}\"></i>\n            </a>\n\n            <a href=\"javascript:;\" (click)=\"close()\" pTooltip=\"\u0110\u00F3ng\">\n                <i class=\"fas fa-times\"></i>\n            </a>\n        </div>\n    </div>\n    <div class=\"rq-body\" *ngIf=\"expand\">\n        <tn-custom-scrollbar [style]=\"{'height.px': popupHeight}\" #scrollbar>\n            <div class=\"re-job\" *ngFor=\"let job of _queue\">\n                <div class=\"re-job-title\">\n                    <div>{{getName(job)}}</div>\n                    <div>\n                        <a href=\"javascript:;\" (click)=\"cancelJob(job)\">\n                            <i class=\"fas fa-times\"></i>\n                        </a>\n                    </div>\n                </div>\n                <div class=\"re-job-result\"\n                    [ngClass]=\"{'job-success': job._status == statuses.Success, 'job-error': job._status == statuses.Error, 'job-exporting' : job._status == statuses.Exporting, 'job-downloaded': job._status == statuses.Downloaded}\">\n                    <span *ngIf=\"job._status != statuses.Success && job._status != statuses.Exporting\">\n                        {{dicStatus.get(job._status) | translate}}\n                    </span>\n\n                    <span *ngIf=\"job._status == statuses.Exporting\">\n                        <div class=\"loader\"></div>\n                        {{dicStatus.get(job._status) | translate}}\n                    </span>\n\n                    <a href=\"javascript:;\" (click)=\"download(job)\" class=\"job-success\"\n                        *ngIf=\"job._status == statuses.Success\">\n                        <i class=\"fas fa-download\"></i> {{dicStatus.get(job._status) | translate}}\n                    </a>\n                </div>\n            </div>\n        </tn-custom-scrollbar>\n    </div>\n</div>\n",
-                styles: ["::ng-deep .rq-container{width:350px;border:1px solid #3192e1;border-radius:3px;background-color:#fff}::ng-deep .rq-container .rq-header{background-color:#3192e1;padding:5px 10px;display:flex;border-radius:3px 3px 0 0;color:#fff;font-weight:400;font-size:15px}::ng-deep .rq-container .rq-header>div:first-child{flex-grow:1}::ng-deep .rq-container .rq-header>div:last-child>a{font-weight:200;margin-left:10px;color:#fff}::ng-deep .rq-container .rq-header>div:last-child>a>i{font-size:13px}::ng-deep .rq-container .rq-header>div:last-child .ui-chkbox-box{width:14px;height:14px;margin-top:-2px}::ng-deep .rq-container .rq-header>div:last-child .ui-chkbox-icon{font-size:13px;line-height:13px}::ng-deep .rq-container .rq-body .re-job{padding:6px 10px;display:flex;flex-direction:column}::ng-deep .rq-container .rq-body .re-job:first-child{padding-top:6px}::ng-deep .rq-container .rq-body .re-job .re-job-title{display:flex;font-size:13px}::ng-deep .rq-container .rq-body .re-job .re-job-title>div:first-child{flex-grow:1;padding-bottom:3px}::ng-deep .rq-container .rq-body .re-job .re-job-title>div a{color:#3192e1}::ng-deep .rq-container .rq-body .re-job .re-job-result{font-size:11px}::ng-deep .rq-container .rq-body .re-job .re-job-result>span{display:flex;align-items:center;height:20px}::ng-deep .rq-container .rq-body .re-job .re-job-result.job-exporting{color:#3192e1}::ng-deep .rq-container .rq-body .re-job .re-job-result.job-exporting>span>div{margin-right:5px}::ng-deep .rq-container .rq-body .re-job .re-job-result.job-success{color:#1ab91a}::ng-deep .rq-container .rq-body .re-job .re-job-result.job-success>a>i{margin-right:2px}::ng-deep .rq-container .rq-body .re-job .re-job-result.job-error{color:#e95353}::ng-deep .rq-container .rq-body .re-job .re-job-result.job-downloaded{color:#b2b2b2}::ng-deep .loader{border-radius:50%;border:2px solid #bcdbf5;border-top-color:#3192e1;width:12px;height:12px;animation:spin 1s linear infinite;display:inline-block}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:host{position:absolute;bottom:1px;right:2px;z-index:1000}"]
+                selector: 'radio-button-list',
+                template: "<div class=\"p-grid tn-check-box-list\" [class.flex-end]=\"control.align == 'right'\"\n    [class.flex-center]=\"control.align == 'center'\">\n    <div [class]=\"classCheckBox\" *ngFor=\"let chk of dataSourceInternal\">\n        <p-radioButton [disabled]=\"disabled ? true : null\" [label]=\"chk.label\" [value]=\"chk.value\"\n            [(ngModel)]=\"_value\" (onClick)=\"change($event)\">\n        </p-radioButton>\n    </div>\n</div>\n",
+                styles: [".tn-check-box-list.p-grid{margin-bottom:-.5em}.btn-clear{height:30px;cursor:pointer;border:none;background:#337ab7;color:#fff;border-radius:3px;padding:0 10px;margin:1px .5em 0}.p-col-horizontal{padding:.5em}::ng-deep .tn-check-box-list{position:relative}::ng-deep .tn-check-box-list.flex-end{justify-content:flex-end}::ng-deep .tn-check-box-list.flex-center{justify-content:center}::ng-deep .tn-check-box-list label{cursor:pointer}"]
             },] }
 ];
-ReportQueueComponent.ctorParameters = () => [
-    { type: NotifierService },
-    { type: CommonService },
-    { type: FileExplorerService },
-    { type: TemplateService },
-    { type: SignalRService },
-    { type: HighPerformanceService },
-    { type: CrudService }
+RadioButtonListComponent.ctorParameters = () => [
+    { type: CrudService },
+    { type: DeviceDetectorService }
 ];
-ReportQueueComponent.propDecorators = {
-    parentDataModel: [{ type: Input }],
-    name: [{ type: Input }],
-    header: [{ type: Input }],
-    autoDownload: [{ type: Input }],
-    scrollbar: [{ type: ViewChild, args: ['scrollbar',] }]
+RadioButtonListComponent.propDecorators = {
+    control: [{ type: Input }],
+    dataSource: [{ type: Input }],
+    value: [{ type: Input }],
+    disabled: [{ type: Input }],
+    onInit: [{ type: Output }],
+    valueChange: [{ type: Output }],
+    onChanged: [{ type: Output }],
+    onDataSourceLoaded: [{ type: Output }],
+    adjustValue: [{ type: Output }],
+    onReady: [{ type: Output }]
+};
+
+class ReferenceTextBoxComponent extends ComponentBase {
+    constructor(injector) {
+        super(injector);
+        this.onInit = new EventEmitter();
+        this.data = '';
+        this.ready = false;
+    }
+    set value(value) {
+        this._value = value;
+        this.checkAndGetData();
+    }
+    set dataSource(value) {
+        if (!value)
+            return;
+        this._dataSource = value;
+    }
+    get dataSource() {
+        return this._dataSource;
+    }
+    get value() {
+        return this._value;
+    }
+    ngOnInit() {
+        this.control._component = this;
+        this.ready = true;
+        this.checkAndGetData();
+        this.onInit.emit(this);
+    }
+    checkAndGetData() {
+        return __awaiter(this, void 0, void 0, function* () {
+            this.data = '';
+            if (!this.ready
+                || this._value == null
+                || !this.control
+                || (!this.control.baseService && !this.dataSource))
+                return;
+            let item = null;
+            if (this.control.baseService && this.control.baseService instanceof BaseService) {
+                item = (yield this.control.baseService.getDetailByFilter([
+                    this.newFilter(this.control.valueField, Operator.equal, this.value)
+                ])).data;
+            }
+            else if (this.dataSource) {
+                item = this.dataSource.find(x => x[this.control.valueField] == this.value);
+            }
+            else {
+                // TODO: xử lý lấy dữ liệu detail của master data
+                item = null;
+            }
+            if (item == null)
+                return;
+            if (this.control.funcGetLabel) {
+                this.data = this.control.funcGetLabel(item);
+            }
+            else {
+                this.data = item[this.control.displayField];
+            }
+        });
+    }
+}
+ReferenceTextBoxComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'reference-textbox',
+                template: "<div class=\"p-inputgroup\" *ngIf=\"control.suffix\">\n    <input [placeholder]=\"control.placeholder\" disabled=\"true\" pInputText type='text' [ngModel]=\"data\" />\n    <span class=\"p-inputgroup-addon\">({{control.suffix}})</span>\n</div>\n<input *ngIf=\"!control.suffix\" [placeholder]=\"control.placeholder\" disabled=\"true\" pInputText type='text'\n    [ngModel]=\"data\" />",
+                styles: [""]
+            },] }
+];
+ReferenceTextBoxComponent.ctorParameters = () => [
+    { type: Injector }
+];
+ReferenceTextBoxComponent.propDecorators = {
+    control: [{ type: Input }],
+    value: [{ type: Input }],
+    dataSource: [{ type: Input }],
+    onInit: [{ type: Output }]
 };
 
 class SettingsRowComponent extends ComponentBase {
@@ -57274,5 +57274,5 @@ class Pair {
  * Generated bundle index. Do not edit.
  */
 
-export { AccessDeniedComponent, Action, ActionChoYKienBase, ActionThuHoiBase, ActionUpdateModel, AddressControlSchema, AddressService, AdvanceSearchData, AdvanceSearchSetting, AnnouncementReadsService, AnnouncementsService, AppComponentBase, AppListService, ApplicationContextService, ApprovalPipe, ArrayPair, AtLeastOneRowTableValidator, AuthenService, AuthorizeDirective, AutoCompleteControlSchema, AutoCompletePickerControlSchema, AutocompleteDatasourceComponent, AvatarUploaderComponent, BaseCauHinhWorkflowComponent, BaseCongViecComponent, BaseCongViecFormComponent, BaseDmLinhVucCongViecComponent, BaseDmLoaiCongViecComponent, BaseDmPriorityComponent, BaseMenuService, BaseModule, BaseService, BooleanFormatPipe, ButtonControlSchema, ButtonPermission, ButtonPermissions, ButtonTextActionCongViec, CONFIG_CALENDAR_VIETNAMESE, CalculationEngineService, CanBoHoSoService, CanBo_HoSo_CoCauToChucService, CauHinhWorkflowService, CccdValidator, CellExcel, ChatBoxComponent, ChatSendMessageBoxComponent, CheckBoxListControlSchema, CheckControlVisibleService, CheckDuplicateFieldsValidator, CheckDuplicateValidator, CheckboxControlSchema, ChipsControlSchema, ClientV5Service, CoCauToChucControlSchema, CoCauToChucNewService, CoCauToChucPickerComponent, CoCauToChucPickerControlSchema, CoCauToChucPickerControlSchemaNew, CoCauToChucService, CodeValidator, ColorBlack, ColorControlSchema, ColorPickerControlSchema, ColorWhite, Column, ColumnSchemaBase, ColumnSetting, ColumnSettingDetail, ComCtxConstants, CommandType, CommonAppComponentComponent, CommonDashboardComponent, CommonErrorCode, CommonSearchFormComponent, CommonService, CompareValidator, ComponentBase, ComponentBaseWithButton, ComponentConstants, ComponentContextService, ConditionalBuilderService, CongViecLienQuanService, CongViecNextFirstStepComponent, CongViecPickerControlSchema, CongViecService, ContainerSchema, ControlTreeNode, ControlType, ConvertMoneyToWordPipe, CoreConfigService, CrudBase, CrudFormComponent, CrudFormCustomFunction, CrudFormData, CrudFormSetting, CrudListComponent, CrudListConfig, CrudListCustomFunction, CrudListData, CrudListHelper, CrudListSetting, CrudService, CustomControlSchema, CustomRouterService, CustomizeUiModel, CustomizeUiService, DanhmucApiService, DataExcel, DataFormBase, DataListBase, DataSourceControlSchema, DataSourceGioiTinh, DataSourcePermissionBase, DataSourceStateType, DataSourceTargetType, DataSourceUserRule, DataSourceUserSender, DataSourceWorkflowCheckboxOption, DataSourceWorkflowCoreStatus, DataType, DateCompareValidator, DateTimeControlSchema, DateTimeRangeControlSchema, DbOrganizationOrganizationService, DbOrganizationPositionService, Deadline, DeadlineType, DhvinhGuardService, DialogModel, DmChucVuService, DmLinhVucCongViecService, DmLoaiCongViecService, DmPriorityService, DomService, DownloadLinkService, DropdownComponent, DropdownControlSchema, DropdownOptions, DummyWorkflowCode, DynamicComponentService, ENUM_DON_VI_HANH_CHINH, EXPLORER_TYPES, EXPORT_VERSION_V4, EXPORT_VERSION_V5, EditFileCommand, EditorControlSchema, EformService, EmailValidator, EntityMedataDataSetting, EntityMetadataService, EntityPickerColumn, EntityPickerControlSchema, EntityWorkflowType, EnumActionType, EnumAppSwitcherCode, EnumCanBo, EnumControlPickerType, EnumFileLayout, EnumGetRefType, EnumGioiTinh, EnumHocHamHocVi, EnumLoaiDanhSachCongViec, EnumLoaiVanBanBase$1 as EnumLoaiVanBanBase, EnumPermissionType, EnumProcessWorkflowType, EnumStateByMenuCongViec, EnumStateType, EnumTargetType, EnumTypeSplash, EnumUserRule, EnumUserSource, EnumWFNhomTrangThai, EnumWorkflowCheckboxOption, EnumWorkflowCoreCodeSettingKey, EnumWorkflowHistoryStatus, ErrorType, EventData, EventType, ExactOneValueInTableValidator, ExportAllMode, ExportItem, ExportItemType, ExportItemsMode, ExportManyModel, ExportManyResultModel, ExportModel, ExportService, ExportWithoutTemplateModel, Extension, ExtensionsConst, FILE_TYPES, FederationService, FieldCheckboxCrudList, FieldColExpandCrudList, FieldColReorderCrudList, FieldDefineHasTask, FieldDefineIsTaskFormControl, FieldDefineIsWorkflowControl, FieldFunctionCrudList, FieldIndexInDataSource, FieldOrderCrudList, FieldRowSpan, FieldWorkflowCodeInCrudForm, FileDataService, FileExplorerService, FileExtensions, FileManagerComponent, FileManagerControlSchema, FileManagerMode, FileManagerSetting, FileObjectService, FilePickerDialogComponent, FilePickerSetting, FileType, FileTypeFlag, FileUploadComponent, FileUploadControlSchema, FileUploadMode, FileUploadSetting, FileV4Service, Filter, FolderService, FormControlBase, FormControlBaseWithService, FormSchemaBase, FormSchemaBaseWithService, FormState, Gender, GenerateLinkDownloadDTO, GenericGuardChildService, GenericGuardService, GlobalService, GmailCorrector, GridInfo, GuardService, GuardSvService, HeightType, HighPerformanceService, HighlightPipe, HoSoDoiTacService, HtmlFormatPipe, HttpOptions, ImageService, ImageUploaderControlSchema, Include, JsPlumbOption, KeyFieldGetRefType, KeyFilterStateByMenuCongViec, KeyFlashShow, KeyFunctionReload, KeyValueComponent, KeyValueControlSchema, LabelSchema, LabelWFNhomTrangThai, LabelWorkflowCoreStatus, LengthValidator, ListHelperService, LoaiPhieuDeXuat, LocalCacheService, LowerCorrector, MA_THONG_BAO_PHAN_HE, MaActionBatDauQuyTrinh, ManagerType, MaskControlSchema, MasterDataItem, MasterDataPipe, MasterDataService, MenuService, MenuSource, MergeConfigModel, MethodResult, ModelKySoDonVi, ModelSchema, ModuleConfigService, MultiTranslateHttpLoader, MultipleReferenceDataFormatPipe, NameValidator, NodeService, NotificationObjectType, NotificationService, NotifierService, NotifierType, NumberCompareValidator, NumberOnlyValidator, NumberRangeControlSchema, Operator, OrganizationFormatPipe, OrganizationNameFormatPipe, OrganizationPickerControlSchema, OrganizationService, OrganizationsFormatPipe, PageInfo, PageSetting, Pair, PassportValidator, PasswordValidator, Pattern, PercentControlSchema, PermissionBase, PermissionConstant, PermissionService, PermissionStorage, PermissionTypes, PermissionUtilsComponent, PersonalSetting, PhanQuyenModel, PhoneNumberValidator, PhoneValidator, PopupSize, PositionService, PrintService, PublicFunction, QueryBuilderComponent, QueryBuilderGroupComponent, QueryBuilderRuleComponent, QueryGroup, QueryRule, RELOAD_FILE_LIST, RadioButtonListControlSchema, RandomDataService, RefField, ReferenceDataFormatPipe, ReferenceTextControlSchema, RegexSplitFieldByItem, ReponseResult, RequiredFieldsValidator, RequiredValidator, RowColorOption, RowExcel, SHARE_COMPONENT_ID, SHARE_EVENT, SafeHtmlPipe, SafeStylePipe, SafeUrlPipe, SameValueValidator, ScalarValueValidator, SchemaBase, SecurePipe, ServiceFileUploadComponent, ServiceRequestModel, ServiceRequestModelV5, SessionTypes, SharedFolderType, SignalRService, SimpleDicItem, SimpleDictionary, Sort, SortDirs, SpanControlSchema, SplashComponentComponent, StartupBusinessComponentBase, StateComponent, StateMachineTopic, StateMachinesConnectionMetadataComponent, StateMachinesDesignerComponent, StateMachinesService, StateMetadataComponent, Status, StatusAction, StatusGroup, StatusOption, StatusOrg, StatusUser, StorageService, StorageUpdatedService, StringCompareOption, StringFormatPipe, SummaryPipe, SwitchControlSchema, TBL_DM_COSODAOTAO_CONSTS, TBL_DM_PHONGHOC_CONSTS, TBL_KTX_NGUOITHUE_HOSO, TBL_TS_PHIEUDEXUAT, TBL_TS_TAISANCODINH_CONSTS, TabViewData, TableSchema, TagSeparator, TaiLieuComponent, TaxCodeValidator, TemplateConstant, TemplateControlSchema, TemplateInstanceService, TemplateService, TemplateTextItem, TemplateTextMany, TemplateTextV4Service, TemplateType, TemplateV4Service, TenContainer, TextAlign, TextAreaControlSchema, TextControlSchema, TextControlSchemaWithService, TitleSchema, TnClientCommand, TnClientService, TnComponentConfig, TnCustomScrollbarComponent, TnDatePipe, TnMenu, TnMenuItem, TnReorderableColumnDirective, TnReorderableRowDirective, TnSortIcon, TnSortableColumnDirective, TnTreeTableToggler, TnUser, TnxSharedModule, TopicReloadCongViecV5, TopicReloadCountCongViecV5, TopicReloadNotification, TrangThaiMasterData, TrangThais, TreeDataOption, TreeListBase, TreeNode, TrimCorrector, TrimEndCorrector, TrimStartCorrector, TypeDanhMucAPI, UniqueFieldInTableValidator, UniqueNumberService, UpperCorrector, UserGroupRealService, UserGroupService, UserOnlineDetailsService, UserPickerControlSchema, UserPickerDialogComponent, UserPublicInfo, UserService, UserType, UserV5Service, Validation, ValueType, VanBanPickerControlSchema, ViewContainerRefDirective, VirtualBaseService, WorkflowConfigAdvance, WorkflowCoreStatusEnum, WorkflowFieldStateCode, WorkflowHistoryService, WorkflowPermissionDetailService, WorkflowPickerComponent, WorkflowService, WorkflowSetting, WorkflowSettingNew, WorkflowSettingsService, WrapPickerControlSchema, addDay, addZero, appendDefaultFilter, clearAll, clone, cloneOld, coreDeclaration, coreModuleImport, coreProvider, createJsPlumnInstance, createOrgPickerControl, createOrgPickerControlNew, createRolePickerControl, createUserGroupPickerControl, createUserPickerControl, dataSourceIcon, dateDiff, fileTypeSource, genQueryFromFilters, getDateFromStringDateVN, getDayOfWeek, getEnvironmentByName, getEnvironmentData, getListMenuByName, getMenuData, getMonday, getStringDate, getStringDateTime, getStringDateVN, getStringDateVNLocal, getTimeSpan, isArray, isBoolean, isDate, isFunction, isLiteralObject, isNumber, isObjectOld, isRegular, isSimpleType, isString, isValidDate, isValidTime, keyUserSurveyLocal, loadRemoteModule, loadRemotePageModule, mapProperty, maximumPageSize, mergeJSON, mergeJSONOld, moduleConfigFunc, monthDiff, multipleSort, romanize, setMetadataConnection, setMetadataState, translateStateMachine, ɵ10, ɵ11, ɵ12, ɵ13, ɵ14, ɵ15, ɵ5, ɵ6, ɵ7, ɵ8, ɵ9, LoggerService as ɵa, DropdownService as ɵb, ProcessWorkflowFormComponent as ɵba, CongViecDinhKemService as ɵbb, CongViecThayDoiService as ɵbc, AddressComponent as ɵbd, AfterViewCheckedComponent as ɵbe, AdvanceSearchComponent as ɵbf, AutoCompletePickerComponent as ɵbg, ImageUploaderComponent as ɵbh, CheckBoxListComponent as ɵbi, CoCauToChucPickerListComponent as ɵbj, CoCauToChucPickerListNewComponent as ɵbk, FormBuilderComponent as ɵbl, BaseCongViecTestComponent as ɵbm, BaseCauHinhWorkflowDetailComponent as ɵbn, BaseDmLoaiCongViecFormComponent as ɵbo, BaseDmLinhVucCongViecFormComponent as ɵbp, BaseDmPriorityFormComponent as ɵbq, BaseCongviecDinhkemComponent as ɵbr, BaseCongviecDinhkemFormComponent as ɵbs, DatetimePickerComponent as ɵbt, DatetimePickerRangeComponent as ɵbu, DynamicNodeComponent as ɵbv, EntityPickerBoxComponent as ɵbw, EntityPickerDataComponent as ɵbx, EntityPickerSelectedComponent as ɵby, EntityPickerComponent as ɵbz, EntityPickerService as ɵc, EntityPickerDialogComponent as ɵca, EntityPickerTreeDataComponent as ɵcb, EntityPickerTreeSelectedComponent as ɵcc, EntityPermissionComponent as ɵcd, EquationEditorComponent as ɵce, MaskComponent as ɵcf, NumberPickerRangeComponent as ɵcg, PagingNextBackOnlyComponent as ɵch, RadioButtonListComponent as ɵci, VanBanPickerComponent as ɵcj, VanBanDenService as ɵck, VanBanDiService as ɵcl, VanBanPickerDialogComponent as ɵcm, VanbanDiPickerComponent as ɵcn, VanbanDenPickerComponent as ɵco, CongViecPickerComponent as ɵcp, ReportQueueComponent as ɵcq, SettingsComponent as ɵcr, SettingsRowComponent as ɵcs, SettingsWorkflowComponent as ɵct, SettingsWorkflowNo1Component as ɵcu, SimpleWorkflowFormComponent as ɵcv, ProcessWorkflowTargetComponent as ɵcw, ChoYKienFormComponent as ɵcx, SplashComponentV1Component as ɵcy, SplashComponentV2Component as ɵcz, ExceptionHandlerService as ɵd, SplashComponentV3Component as ɵda, SplashComponentV4Component as ɵdb, StateMachinesConnectionReceiverComponent as ɵdc, StateMachinesConnectionReceiverConditionComponent as ɵdd, StateMachinesConnectionReceiverDepartmentComponent as ɵde, StateMachinesConnectionReceiverGroupComponent as ɵdf, StateMachinesConnectionReceiverUserComponent as ɵdg, StateMachinesConnectionReceiverRoleComponent as ɵdh, StateMachinesConnectionSenderComponent as ɵdi, StartWorkflowComponent as ɵdj, ShareLinkByPermissionComponent as ɵdk, WorkflowSettingNewComponent as ɵdl, PermissionSharingComponent as ɵdm, WorkflowPermissionService as ɵdn, TnCheckboxComponent as ɵdo, TnDialogComponent as ɵdp, TnColorPickerComponent as ɵdq, TnTinymceComponent as ɵdr, TnTabViewComponent as ɵds, TableDetailFormComponent as ɵdt, FileIconPipe as ɵdu, FileSizePipe as ɵdv, QuickAddFormComponent as ɵdw, PreventShiftTabDirective as ɵdx, TnTemplateDirective as ɵdy, UserPickerComponent as ɵdz, CanBo_HoSoService as ɵe, UserPickerBoxComponent as ɵea, CoCauToChucTestService as ɵeb, TnAppHelpComponent as ɵec, PathNameService as ɵed, HelperCurrentPageComponent as ɵee, TnAppNotificationListComponent as ɵef, TnAppNotificationComponent as ɵeg, FolderFormComponent as ɵeh, FileFormComponent as ɵei, FileViewerComponent as ɵej, FileVersionListComponent as ɵek, ViewDetailComponent as ɵel, WorkflowHistoryComponent as ɵem, WorkflowHistoryDialogComponent as ɵen, WorkflowHistoryNewComponent as ɵeo, WorkflowSettingComponent as ɵep, WorkflowSettingDialogComponent as ɵeq, WorkflowPermissionComponent as ɵer, WorkflowPermissionFormComponent as ɵes, ReferenceTextBoxComponent as ɵet, QrCodeGeneratorComponent as ɵeu, AddNewsComponent as ɵev, ArticleService as ɵew, NewsCategoryService as ɵex, UniversalLinkProcessorComponent as ɵey, SignatureDetailComponent as ɵez, ListBase as ɵf, KySoSimDanhSachChuKyComponent as ɵfa, KySoSimChuKyUserService as ɵfb, FileKySoSimComponent as ɵfc, KySoSimSignPDFService as ɵfd, TaiLieuCuaToiComponent as ɵfe, KhaiThacTaiLieuDungChungComponent as ɵff, DanhMucDungChungService as ɵfg, TnTemplateComponent as ɵfh, DropdownSettingFormComponent as ɵfi, CheckReadyComponent as ɵfj, WorkflowButtonComponent as ɵfk, TnAccordionTabComponent as ɵfl, AppTopBarBaseComponent as ɵfm, AppTopBarV1Component as ɵfn, AppTopBarV2Component as ɵfo, AppTopBarV3Component as ɵfp, AppTopBarV4Component as ɵfq, LoadingPageV1Component as ɵfr, AppRootMenuComponent as ɵfs, AppFooterComponent as ɵft, AppProfileComponent as ɵfu, AppSubMenuComponent as ɵfv, AppMenuComponent as ɵfw, AppSubMenuV2Component as ɵfx, AppMenuV2Component as ɵfy, ListComponentBase as ɵg, TreeTableComponent as ɵh, NotFoundComponent as ɵi, SendAccessTokenInterceptor as ɵj, LogInterceptor as ɵk, PermissionUtilsInterceptor as ɵl, TraceInterceptor as ɵm, EntityWorkflowSettingService as ɵn, EntityWorkflowHistoryService as ɵo, EntityPermissionService as ɵp, ChatService as ɵq, MyDriveService as ɵr, ContentsService as ɵs, StatusExtendsService as ɵt, MessageBoardService as ɵu, FileExplorerNewService as ɵv, FileVersionService as ɵw, FileManagerService as ɵx, DM_ChucVuService as ɵy, RoleService as ɵz };
+export { AccessDeniedComponent, Action, ActionChoYKienBase, ActionThuHoiBase, ActionUpdateModel, AddressControlSchema, AddressService, AdvanceSearchData, AdvanceSearchSetting, AnnouncementReadsService, AnnouncementsService, AppComponentBase, AppListService, ApplicationContextService, ApprovalPipe, ArrayPair, AtLeastOneRowTableValidator, AuthenService, AuthorizeDirective, AutoCompleteControlSchema, AutoCompletePickerControlSchema, AutocompleteDatasourceComponent, AvatarUploaderComponent, BaseCauHinhWorkflowComponent, BaseCongViecComponent, BaseCongViecFormComponent, BaseDmLinhVucCongViecComponent, BaseDmLoaiCongViecComponent, BaseDmPriorityComponent, BaseMenuService, BaseModule, BaseService, BooleanFormatPipe, ButtonControlSchema, ButtonPermission, ButtonPermissions, ButtonTextActionCongViec, CONFIG_CALENDAR_VIETNAMESE, CalculationEngineService, CanBoHoSoService, CanBo_HoSo_CoCauToChucService, CauHinhWorkflowService, CccdValidator, CellExcel, ChatBoxComponent, ChatSendMessageBoxComponent, CheckBoxListControlSchema, CheckControlVisibleService, CheckDuplicateFieldsValidator, CheckDuplicateValidator, CheckboxControlSchema, ChipsControlSchema, ClientV5Service, CoCauToChucControlSchema, CoCauToChucNewService, CoCauToChucPickerComponent, CoCauToChucPickerControlSchema, CoCauToChucPickerControlSchemaNew, CoCauToChucService, CodeValidator, ColorBlack, ColorControlSchema, ColorPickerControlSchema, ColorWhite, Column, ColumnSchemaBase, ColumnSetting, ColumnSettingDetail, ComCtxConstants, CommandType, CommonAppComponentComponent, CommonDashboardComponent, CommonErrorCode, CommonSearchFormComponent, CommonService, CompareValidator, ComponentBase, ComponentBaseWithButton, ComponentConstants, ComponentContextService, ConditionalBuilderService, CongViecLienQuanService, CongViecNextFirstStepComponent, CongViecPickerControlSchema, CongViecService, ContainerSchema, ControlTreeNode, ControlType, ConvertMoneyToWordPipe, CoreConfigService, CrudBase, CrudFormComponent, CrudFormCustomFunction, CrudFormData, CrudFormSetting, CrudListComponent, CrudListConfig, CrudListCustomFunction, CrudListData, CrudListHelper, CrudListSetting, CrudService, CustomControlSchema, CustomRouterService, CustomizeUiModel, CustomizeUiService, DanhmucApiService, DataExcel, DataFormBase, DataListBase, DataSourceControlSchema, DataSourceGioiTinh, DataSourcePermissionBase, DataSourceStateType, DataSourceTargetType, DataSourceUserRule, DataSourceUserSender, DataSourceWorkflowCheckboxOption, DataSourceWorkflowCoreStatus, DataType, DateCompareValidator, DateTimeControlSchema, DateTimeRangeControlSchema, DbOrganizationOrganizationService, DbOrganizationPositionService, Deadline, DeadlineType, DhvinhGuardService, DialogModel, DmChucVuService, DmLinhVucCongViecService, DmLoaiCongViecService, DmPriorityService, DomService, DownloadLinkService, DropdownComponent, DropdownControlSchema, DropdownOptions, DummyWorkflowCode, DynamicComponentService, ENUM_DON_VI_HANH_CHINH, EXPLORER_TYPES, EXPORT_VERSION_V4, EXPORT_VERSION_V5, EditFileCommand, EditorControlSchema, EformService, EmailValidator, EntityMedataDataSetting, EntityMetadataService, EntityPickerColumn, EntityPickerControlSchema, EntityWorkflowType, EnumActionType, EnumAppSwitcherCode, EnumCanBo, EnumControlPickerType, EnumFileLayout, EnumGetRefType, EnumGioiTinh, EnumHocHamHocVi, EnumLoaiDanhSachCongViec, EnumLoaiVanBanBase$1 as EnumLoaiVanBanBase, EnumPermissionType, EnumProcessWorkflowType, EnumStateByMenuCongViec, EnumStateType, EnumTargetType, EnumTypeSplash, EnumUserRule, EnumUserSource, EnumWFNhomTrangThai, EnumWorkflowCheckboxOption, EnumWorkflowCoreCodeSettingKey, EnumWorkflowHistoryStatus, ErrorType, EventData, EventType, ExactOneValueInTableValidator, ExportAllMode, ExportItem, ExportItemType, ExportItemsMode, ExportManyModel, ExportManyResultModel, ExportModel, ExportService, ExportWithoutTemplateModel, Extension, ExtensionsConst, FILE_TYPES, FederationService, FieldCheckboxCrudList, FieldColExpandCrudList, FieldColReorderCrudList, FieldDefineHasTask, FieldDefineIsTaskFormControl, FieldDefineIsWorkflowControl, FieldFunctionCrudList, FieldIndexInDataSource, FieldOrderCrudList, FieldRowSpan, FieldWorkflowCodeInCrudForm, FileDataService, FileExplorerService, FileExtensions, FileManagerComponent, FileManagerControlSchema, FileManagerMode, FileManagerSetting, FileObjectService, FilePickerDialogComponent, FilePickerSetting, FileType, FileTypeFlag, FileUploadComponent, FileUploadControlSchema, FileUploadMode, FileUploadSetting, FileV4Service, Filter, FolderService, FormControlBase, FormControlBaseWithService, FormSchemaBase, FormSchemaBaseWithService, FormState, Gender, GenerateLinkDownloadDTO, GenericGuardChildService, GenericGuardService, GlobalService, GmailCorrector, GridInfo, GuardService, GuardSvService, HeightType, HighPerformanceService, HighlightPipe, HoSoDoiTacService, HtmlFormatPipe, HttpOptions, ImageService, ImageUploaderControlSchema, Include, JsPlumbOption, KeyFieldGetRefType, KeyFilterStateByMenuCongViec, KeyFlashShow, KeyFunctionReload, KeyValueComponent, KeyValueControlSchema, LabelSchema, LabelWFNhomTrangThai, LabelWorkflowCoreStatus, LengthValidator, ListHelperService, LoaiPhieuDeXuat, LocalCacheService, LowerCorrector, MA_THONG_BAO_PHAN_HE, MaActionBatDauQuyTrinh, ManagerType, MaskControlSchema, MasterDataItem, MasterDataPipe, MasterDataService, MenuService, MenuSource, MergeConfigModel, MethodResult, ModelKySoDonVi, ModelSchema, ModuleConfigService, MultiTranslateHttpLoader, MultipleReferenceDataFormatPipe, NameValidator, NodeService, NotificationObjectType, NotificationService, NotifierService, NotifierType, NumberCompareValidator, NumberOnlyValidator, NumberRangeControlSchema, Operator, OrganizationFormatPipe, OrganizationNameFormatPipe, OrganizationPickerControlSchema, OrganizationService, OrganizationsFormatPipe, PageInfo, PageSetting, Pair, PassportValidator, PasswordValidator, Pattern, PercentControlSchema, PermissionBase, PermissionConstant, PermissionService, PermissionStorage, PermissionTypes, PermissionUtilsComponent, PersonalSetting, PhanQuyenModel, PhoneNumberValidator, PhoneValidator, PopupSize, PositionService, PrintService, PublicFunction, QueryBuilderComponent, QueryBuilderGroupComponent, QueryBuilderRuleComponent, QueryGroup, QueryRule, RELOAD_FILE_LIST, RadioButtonListControlSchema, RandomDataService, RefField, ReferenceDataFormatPipe, ReferenceTextControlSchema, RegexSplitFieldByItem, ReponseResult, RequiredFieldsValidator, RequiredValidator, RowColorOption, RowExcel, SHARE_COMPONENT_ID, SHARE_EVENT, SafeHtmlPipe, SafeStylePipe, SafeUrlPipe, SameValueValidator, ScalarValueValidator, SchemaBase, SecurePipe, ServiceFileUploadComponent, ServiceRequestModel, ServiceRequestModelV5, SessionTypes, SharedFolderType, SignalRService, SimpleDicItem, SimpleDictionary, Sort, SortDirs, SpanControlSchema, SplashComponentComponent, StartupBusinessComponentBase, StateComponent, StateMachineTopic, StateMachinesConnectionMetadataComponent, StateMachinesDesignerComponent, StateMachinesService, StateMetadataComponent, Status, StatusAction, StatusGroup, StatusOption, StatusOrg, StatusUser, StorageService, StorageUpdatedService, StringCompareOption, StringFormatPipe, SummaryPipe, SwitchControlSchema, TBL_DM_COSODAOTAO_CONSTS, TBL_DM_PHONGHOC_CONSTS, TBL_KTX_NGUOITHUE_HOSO, TBL_TS_PHIEUDEXUAT, TBL_TS_TAISANCODINH_CONSTS, TabViewData, TableSchema, TagSeparator, TaiLieuComponent, TaxCodeValidator, TemplateConstant, TemplateControlSchema, TemplateInstanceService, TemplateService, TemplateTextItem, TemplateTextMany, TemplateTextV4Service, TemplateType, TemplateV4Service, TenContainer, TextAlign, TextAreaControlSchema, TextControlSchema, TextControlSchemaWithService, TitleSchema, TnClientCommand, TnClientService, TnComponentConfig, TnCustomScrollbarComponent, TnDatePipe, TnMenu, TnMenuItem, TnReorderableColumnDirective, TnReorderableRowDirective, TnSortIcon, TnSortableColumnDirective, TnTreeTableToggler, TnUser, TnxSharedModule, TopicReloadCongViecV5, TopicReloadCountCongViecV5, TopicReloadNotification, TrangThaiMasterData, TrangThais, TreeDataOption, TreeListBase, TreeNode, TrimCorrector, TrimEndCorrector, TrimStartCorrector, TypeDanhMucAPI, UniqueFieldInTableValidator, UniqueNumberService, UpperCorrector, UserGroupRealService, UserGroupService, UserOnlineDetailsService, UserPickerControlSchema, UserPickerDialogComponent, UserPublicInfo, UserService, UserType, UserV5Service, Validation, ValueType, VanBanPickerControlSchema, ViewContainerRefDirective, VirtualBaseService, WorkflowConfigAdvance, WorkflowCoreStatusEnum, WorkflowFieldStateCode, WorkflowHistoryService, WorkflowPermissionDetailService, WorkflowPickerComponent, WorkflowService, WorkflowSetting, WorkflowSettingNew, WorkflowSettingsService, WrapPickerControlSchema, addDay, addZero, appendDefaultFilter, clearAll, clone, cloneOld, coreDeclaration, coreModuleImport, coreProvider, createJsPlumnInstance, createOrgPickerControl, createOrgPickerControlNew, createRolePickerControl, createUserGroupPickerControl, createUserPickerControl, dataSourceIcon, dateDiff, fileTypeSource, genQueryFromFilters, getDateFromStringDateVN, getDayOfWeek, getEnvironmentByName, getEnvironmentData, getListMenuByName, getMenuData, getMonday, getStringDate, getStringDateTime, getStringDateVN, getStringDateVNLocal, getTimeSpan, isArray, isBoolean, isDate, isFunction, isLiteralObject, isNumber, isObjectOld, isRegular, isSimpleType, isString, isValidDate, isValidTime, keyUserSurveyLocal, loadRemoteModule, loadRemotePageModule, mapProperty, maximumPageSize, mergeJSON, mergeJSONOld, moduleConfigFunc, monthDiff, multipleSort, romanize, setMetadataConnection, setMetadataState, translateStateMachine, ɵ10, ɵ11, ɵ12, ɵ13, ɵ14, ɵ15, ɵ5, ɵ6, ɵ7, ɵ8, ɵ9, LoggerService as ɵa, DropdownService as ɵb, RoleService as ɵba, ProcessWorkflowFormComponent as ɵbb, CongViecDinhKemService as ɵbc, CongViecThayDoiService as ɵbd, AddressComponent as ɵbe, AfterViewCheckedComponent as ɵbf, AdvanceSearchComponent as ɵbg, AutoCompletePickerComponent as ɵbh, ImageUploaderComponent as ɵbi, CheckBoxListComponent as ɵbj, CoCauToChucPickerListComponent as ɵbk, CoCauToChucPickerListNewComponent as ɵbl, FormBuilderComponent as ɵbm, BaseCongViecTestComponent as ɵbn, BaseCauHinhWorkflowDetailComponent as ɵbo, BaseDmLoaiCongViecFormComponent as ɵbp, BaseDmLinhVucCongViecFormComponent as ɵbq, BaseDmPriorityFormComponent as ɵbr, BaseCongviecDinhkemComponent as ɵbs, BaseCongviecDinhkemFormComponent as ɵbt, DatetimePickerComponent as ɵbu, DatetimePickerRangeComponent as ɵbv, DynamicNodeComponent as ɵbw, EntityPickerBoxComponent as ɵbx, EntityPickerDataComponent as ɵby, EntityPickerSelectedComponent as ɵbz, EntityPickerService as ɵc, EntityPickerComponent as ɵca, EntityPickerDialogComponent as ɵcb, EntityPickerTreeDataComponent as ɵcc, EntityPickerTreeSelectedComponent as ɵcd, EntityPermissionComponent as ɵce, EquationEditorComponent as ɵcf, MaskComponent as ɵcg, NumberPickerRangeComponent as ɵch, PagingNextBackOnlyComponent as ɵci, RadioButtonListComponent as ɵcj, VanBanPickerComponent as ɵck, VanBanDenService as ɵcl, VanBanDiService as ɵcm, VanBanPickerDialogComponent as ɵcn, VanbanDiPickerComponent as ɵco, VanbanDenPickerComponent as ɵcp, CongViecPickerComponent as ɵcq, SettingsComponent as ɵcr, SettingsRowComponent as ɵcs, SettingsWorkflowComponent as ɵct, SettingsWorkflowNo1Component as ɵcu, SimpleWorkflowFormComponent as ɵcv, ProcessWorkflowTargetComponent as ɵcw, ChoYKienFormComponent as ɵcx, SplashComponentV1Component as ɵcy, SplashComponentV2Component as ɵcz, ExceptionHandlerService as ɵd, SplashComponentV3Component as ɵda, SplashComponentV4Component as ɵdb, StateMachinesConnectionReceiverComponent as ɵdc, StateMachinesConnectionReceiverConditionComponent as ɵdd, StateMachinesConnectionReceiverDepartmentComponent as ɵde, StateMachinesConnectionReceiverGroupComponent as ɵdf, StateMachinesConnectionReceiverUserComponent as ɵdg, StateMachinesConnectionReceiverRoleComponent as ɵdh, StateMachinesConnectionSenderComponent as ɵdi, StartWorkflowComponent as ɵdj, ShareLinkByPermissionComponent as ɵdk, WorkflowSettingNewComponent as ɵdl, PermissionSharingComponent as ɵdm, WorkflowPermissionService as ɵdn, TnCheckboxComponent as ɵdo, TnDialogComponent as ɵdp, TnColorPickerComponent as ɵdq, TnTinymceComponent as ɵdr, TnTabViewComponent as ɵds, TableDetailFormComponent as ɵdt, FileIconPipe as ɵdu, FileSizePipe as ɵdv, QuickAddFormComponent as ɵdw, PreventShiftTabDirective as ɵdx, TnTemplateDirective as ɵdy, UserPickerComponent as ɵdz, CanBo_HoSoService as ɵe, UserPickerBoxComponent as ɵea, CoCauToChucTestService as ɵeb, TnAppHelpComponent as ɵec, PathNameService as ɵed, HelperCurrentPageComponent as ɵee, TnAppNotificationListComponent as ɵef, TnAppNotificationComponent as ɵeg, FolderFormComponent as ɵeh, FileFormComponent as ɵei, FileViewerComponent as ɵej, FileVersionListComponent as ɵek, ViewDetailComponent as ɵel, WorkflowHistoryComponent as ɵem, WorkflowHistoryDialogComponent as ɵen, WorkflowHistoryNewComponent as ɵeo, WorkflowSettingComponent as ɵep, WorkflowSettingDialogComponent as ɵeq, WorkflowPermissionComponent as ɵer, WorkflowPermissionFormComponent as ɵes, ReferenceTextBoxComponent as ɵet, QrCodeGeneratorComponent as ɵeu, AddNewsComponent as ɵev, ArticleService as ɵew, NewsCategoryService as ɵex, UniversalLinkProcessorComponent as ɵey, SignatureDetailComponent as ɵez, ListBase as ɵf, KySoSimDanhSachChuKyComponent as ɵfa, KySoSimChuKyUserService as ɵfb, FileKySoSimComponent as ɵfc, KySoSimSignPDFService as ɵfd, TaiLieuCuaToiComponent as ɵfe, KhaiThacTaiLieuDungChungComponent as ɵff, DanhMucDungChungService as ɵfg, TnTemplateComponent as ɵfh, DropdownSettingFormComponent as ɵfi, CheckReadyComponent as ɵfj, WorkflowButtonComponent as ɵfk, TnAccordionTabComponent as ɵfl, AppTopBarBaseComponent as ɵfm, AppTopBarV1Component as ɵfn, AppTopBarV2Component as ɵfo, AppTopBarV3Component as ɵfp, AppTopBarV4Component as ɵfq, LoadingPageV1Component as ɵfr, AppRootMenuComponent as ɵfs, AppFooterComponent as ɵft, AppProfileComponent as ɵfu, AppSubMenuComponent as ɵfv, AppMenuComponent as ɵfw, AppSubMenuV2Component as ɵfx, AppMenuV2Component as ɵfy, ListComponentBase as ɵg, TreeTableComponent as ɵh, NotFoundComponent as ɵi, SendAccessTokenInterceptor as ɵj, LogInterceptor as ɵk, PermissionUtilsInterceptor as ɵl, TraceInterceptor as ɵm, EntityWorkflowSettingService as ɵn, EntityWorkflowHistoryService as ɵo, EntityPermissionService as ɵp, ChatService as ɵq, MyDriveService as ɵr, ContentsService as ɵs, StatusExtendsService as ɵt, MessageBoardService as ɵu, FileExplorerNewService as ɵv, ReportQueueComponent as ɵw, FileVersionService as ɵx, FileManagerService as ɵy, DM_ChucVuService as ɵz };
 //# sourceMappingURL=tnx-shared.js.map