tnx-shared 5.1.204 → 5.1.208

package/bundles/tnx-shared.umd.js

@@ -3378,6 +3378,7 @@
             this.hiddenCheckbox = false;
             this.hiddenOrderColumn = false;
             this.hiddenWorkflowColumn = false;
+            this.allowFilterWorkflowColumn = false;
             this.hiddenFunctionColumn = false;
             this.hiddenRefresh = false;
             this.hiddenFilterRow = false;
@@ -4186,6 +4187,7 @@
             _this.multiple = false;
             _this.maxSelectedLabels = 5;
             _this.maxItemDisplay = 50;
+            _this.virtualScroll = false;
             _this.fitPanel = true;
             _this.enableCaching = true;
             _this.needClone = false; // Sử dụng trong table schema, khi datasource của một cột trên mỗi dòng là khác nhau cần set needClone = true
@@ -7229,6 +7231,9 @@
         BaseService.prototype.getActionAllowInStart = function (workflowCode) {
             return this.defaultPost(this.serviceUri + "/GetActionAllowInStart/" + workflowCode, {});
         };
+        BaseService.prototype.validateChangeState = function (itemWorkflowHistory) {
+            return this.defaultPost(this.serviceUri + "/ValidateChangeStateBase", itemWorkflowHistory);
+        };
         BaseService.prototype.changeState = function (itemWorkflowHistory) {
             if (itemWorkflowHistory) {
                 if (itemWorkflowHistory.departmentIds) {
@@ -15569,7 +15574,7 @@
                                 currentNode: currentNode,
                                 eventType: 'dataSourceLoaded',
                                 crudForm: this,
-                                data: dataFromDropdown.dataSource
+                                data: dataFromDropdown.rawDataSource ? dataFromDropdown.rawDataSource : dataFromDropdown.dataSource
                             });
                             eventData['elm'] = dataFromDropdown.elm;
                             if (!control.callbackDataFinish) return [3 /*break*/, 4];
@@ -21622,7 +21627,7 @@
                             operator: exports.Operator.in,
                             sourceField: col.field
                         }));
-                        _this.filterSchema.dropdown[col.field] = new DropdownControlSchema(Object.assign(Object.assign({}, col), { appendTo: 'body', placeholder: 'Chọn', multiple: true, loadOnInit: true, isServerLoad: col.isServerLoad }));
+                        _this.filterSchema.dropdown[col.field] = new DropdownControlSchema(Object.assign(Object.assign({}, col), { appendTo: 'body', placeholder: "Ch\u1ECDn " + col.label, multiple: true, loadOnInit: true, isServerLoad: col.isServerLoad }));
                     }
                     else {
                         _this._notifierService.showWarning("Ch\u01B0a c\u1EA5u h\u00ECnh baseService ho\u1EB7c dataSource cho c\u1ED9t " + col.field + ": " + col.label);
@@ -24059,7 +24064,7 @@
                 isTree: true,
                 fieldTree: 'parentId',
                 dataSource: dataSource,
-                allowFilter: false
+                allowFilter: this.setting.allowFilterWorkflowColumn
             });
             this.setting.advanceData.fieldNeedGetRef.unshift(colParent);
             this.setting.advanceData.userData = this.model.advanceData.userData;
@@ -34002,7 +34007,6 @@
             _this.funcReturnValue = function (value) { return value; };
             _this.hideTransitionOptions = '195ms ease-in';
             _this.showTransitionOptions = '225ms ease-out';
-            _this.virtualScroll = true;
             _this.autofocusSelectedItem = true;
             _this.valueSearchServer = '';
             _this.keyUp = new rxjs.Subject();
@@ -34013,6 +34017,7 @@
             _this.filterFromParents = [];
             _this.dropdownOptions = [];
             _this.delayFilter = 100;
+            _this.firstScroll = true;
             _this.loading = false;
             _this.page = 1;
             _this.totalPage = 2;
@@ -34026,13 +34031,18 @@
             };
             _this.handleScroll = function (evt) {
                 if (evt.srcElement.scrollTop > 0
+                    && !_this.firstScroll
                     && evt.srcElement.offsetHeight + evt.srcElement.scrollTop == evt.srcElement.scrollHeight) {
+                    _this.firstScroll = true;
                     if (_this.timeoutScroll)
                         clearTimeout(_this.timeoutScroll);
                     _this.timeoutScroll = setTimeout(function (f) {
                         _this.getDataNextPage();
                     }, 150);
                 }
+                else {
+                    _this.firstScroll = false;
+                }
             };
             return _this;
         }
@@ -34056,7 +34066,24 @@
         });
         Object.defineProperty(DropdownComponent.prototype, "dataSource", {
             set: function (value) {
-                this.combineDataSource(value, 1);
+                var e_1, _a;
+                var dataSource = [];
+                if (value) {
+                    try {
+                        for (var value_1 = __values(value), value_1_1 = value_1.next(); !value_1_1.done; value_1_1 = value_1.next()) {
+                            var item = value_1_1.value;
+                            dataSource.push(this.reStructureItemObject(item));
+                        }
+                    }
+                    catch (e_1_1) { e_1 = { error: e_1_1 }; }
+                    finally {
+                        try {
+                            if (value_1_1 && !value_1_1.done && (_a = value_1.return)) _a.call(value_1);
+                        }
+                        finally { if (e_1) throw e_1.error; }
+                    }
+                }
+                this.combineDataSource(dataSource, 1);
                 this.checkAndFireEvent();
             },
             enumerable: false,
@@ -34107,7 +34134,7 @@
             this.setDefaultSetting();
             if (this.control.baseService) {
                 if (this.control.isServerLoad) {
-                    this.virtualScroll = false;
+                    this.control.maxItemDisplay = 9999;
                     this.createFilterFunction();
                     this.subscription = this.keyUp.pipe(operators.map(function (event) { return event.target.value; }), operators.debounceTime(500), operators.distinctUntilChanged()).subscribe(function (value) {
                         _this._getData();
@@ -34228,7 +34255,7 @@
             }
             else {
                 this.getFilterOnServerSearch = function (value) {
-                    var e_1, _a;
+                    var e_2, _a;
                     var result = new Filter({
                         logic: 'or',
                         filters: []
@@ -34240,12 +34267,12 @@
                             result.filters.push({ field: fieldSearch, operator: exports.Operator.contain, value: tmpValue });
                         }
                     }
-                    catch (e_1_1) { e_1 = { error: e_1_1 }; }
+                    catch (e_2_1) { e_2 = { error: e_2_1 }; }
                     finally {
                         try {
                             if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
                         }
-                        finally { if (e_1) throw e_1.error; }
+                        finally { if (e_2) throw e_2.error; }
                     }
                     return result;
                 };
@@ -34298,12 +34325,12 @@
                 dataSource.forEach(function (source) {
                     var index = destSource.findIndex(function (q) { return q.value[_this.control.fieldMaPhanCap] > source.value[_this.control.fieldMaPhanCap]; });
                     if (index == -1) {
-                        if (direction == -1) {
-                            destSource.unshift(source);
-                        }
-                        else {
-                            destSource.push(source);
+                        // Kiểm tra bản ghi cuối cùng là nó thì k insert
+                        if (destSource.length > 0
+                            && destSource[destSource.length - 1].value[_this.control.valueField] == source.value[_this.control.valueField]) {
+                            return;
                         }
+                        destSource.push(source);
                     }
                     else if (index == 0) {
                         destSource.unshift(source);
@@ -34419,13 +34446,13 @@
             return newValue;
         };
         DropdownComponent.prototype.appendValueFromDataSource = function (newValue, currentValue, dataSource) {
-            var e_2, _a;
+            var e_3, _a;
             if (!dataSource || !dataSource.length)
                 return;
             for (var i = 0; i < currentValue.length; i++) {
                 var selectedItem = currentValue[i];
                 try {
-                    for (var dataSource_1 = (e_2 = void 0, __values(dataSource)), dataSource_1_1 = dataSource_1.next(); !dataSource_1_1.done; dataSource_1_1 = dataSource_1.next()) {
+                    for (var dataSource_1 = (e_3 = void 0, __values(dataSource)), dataSource_1_1 = dataSource_1.next(); !dataSource_1_1.done; dataSource_1_1 = dataSource_1.next()) {
                         var item = dataSource_1_1.value;
                         if (this.control.funcCompare(item.value, selectedItem)
                             || this.control.funcCompare(item.value, selectedItem[this.control.valueField])) {
@@ -34436,12 +34463,12 @@
                         }
                     }
                 }
-                catch (e_2_1) { e_2 = { error: e_2_1 }; }
+                catch (e_3_1) { e_3 = { error: e_3_1 }; }
                 finally {
                     try {
                         if (dataSource_1_1 && !dataSource_1_1.done && (_a = dataSource_1.return)) _a.call(dataSource_1);
                     }
-                    finally { if (e_2) throw e_2.error; }
+                    finally { if (e_3) throw e_3.error; }
                 }
             }
         };
@@ -34454,7 +34481,7 @@
             this.findItemFromDataSource(oldValue, this.dataSourceSelected);
         };
         DropdownComponent.prototype.findItemFromDataSource = function (oldValue, dataSource) {
-            var e_3, _a;
+            var e_4, _a;
             if (!dataSource || !dataSource.length)
                 return;
             try {
@@ -34467,12 +34494,12 @@
                     }
                 }
             }
-            catch (e_3_1) { e_3 = { error: e_3_1 }; }
+            catch (e_4_1) { e_4 = { error: e_4_1 }; }
             finally {
                 try {
                     if (dataSource_2_1 && !dataSource_2_1.done && (_a = dataSource_2.return)) _a.call(dataSource_2);
                 }
-                finally { if (e_3) throw e_3.error; }
+                finally { if (e_4) throw e_4.error; }
             }
         };
         DropdownComponent.prototype.checkReady = function () {
@@ -34526,7 +34553,7 @@
         };
         DropdownComponent.prototype._getDataSource = function (page) {
             return __awaiter(this, void 0, void 0, function () {
-                var filters, _a, dataSource, totalPage;
+                var filters, _a, dataSource, rawDataSource, totalPage;
                 return __generator(this, function (_b) {
                     switch (_b.label) {
                         case 0:
@@ -34543,7 +34570,7 @@
                             }
                             return [4 /*yield*/, this._getDataSourceByService(filters, page)];
                         case 2:
-                            _a = _b.sent(), dataSource = _a.dataSource, totalPage = _a.totalPage;
+                            _a = _b.sent(), dataSource = _a.dataSource, rawDataSource = _a.rawDataSource, totalPage = _a.totalPage;
                             this.totalPage = totalPage;
                             this.loading = false;
                             this.combineDataSource(dataSource, page);
@@ -34554,7 +34581,7 @@
                             if (this.control.fireCallBackInside) {
                                 if (this.control.callbackDataFinish) {
                                     this.control.callbackDataFinish({
-                                        data: dataSource,
+                                        data: rawDataSource,
                                         elm: this
                                     });
                                 }
@@ -34575,7 +34602,7 @@
             if (pageSize === void 0) { pageSize = null; }
             return __awaiter(this, void 0, void 0, function () {
                 var dataSource, totalPage, dropdownOptions, response, result, dataSource_3, dataSource_3_1, item;
-                var e_4, _a;
+                var e_5, _a;
                 return __generator(this, function (_b) {
                     switch (_b.label) {
                         case 0:
@@ -34618,14 +34645,14 @@
                                     result.push(this.reStructureItemObject(item));
                                 }
                             }
-                            catch (e_4_1) { e_4 = { error: e_4_1 }; }
+                            catch (e_5_1) { e_5 = { error: e_5_1 }; }
                             finally {
                                 try {
                                     if (dataSource_3_1 && !dataSource_3_1.done && (_a = dataSource_3.return)) _a.call(dataSource_3);
                                 }
-                                finally { if (e_4) throw e_4.error; }
+                                finally { if (e_5) throw e_5.error; }
                             }
-                            return [2 /*return*/, { dataSource: result, totalPage: totalPage }];
+                            return [2 /*return*/, { dataSource: result, rawDataSource: dataSource, totalPage: totalPage }];
                     }
                 });
             });
@@ -34798,8 +34825,12 @@
             if (!this.control.isServerLoad) {
                 return;
             }
-            // this.scrollContainer = this.dropdown.overlay.querySelector('.cdk-virtual-scroll-viewport');
-            this.scrollContainer = this.dropdown.overlay.querySelector('.p-dropdown-items-wrapper');
+            if (this.control.virtualScroll) {
+                this.scrollContainer = this.dropdown.overlay.querySelector('.cdk-virtual-scroll-viewport');
+            }
+            else {
+                this.scrollContainer = this.dropdown.overlay.querySelector('.p-dropdown-items-wrapper');
+            }
             this.scrollContainer.addEventListener('scroll', this.handleScroll);
             var defaultInput = this.dropdown.filterViewChild.nativeElement;
             this._insertTextboxAndFocus(defaultInput);
@@ -34817,7 +34848,12 @@
             if (!this.control.isServerLoad) {
                 return;
             }
-            this.scrollContainer = this.multiSelect.overlay.querySelector('.p-multiselect-items-wrapper');
+            if (this.control.virtualScroll) {
+                this.scrollContainer = this.multiSelect.overlay.querySelector('.cdk-virtual-scroll-viewport');
+            }
+            else {
+                this.scrollContainer = this.multiSelect.overlay.querySelector('.p-multiselect-items-wrapper');
+            }
             this.scrollContainer.addEventListener('scroll', this.handleScroll);
             var defaultInput = this.multiSelect.filterInputChild.nativeElement;
             this._insertTextboxAndFocus(defaultInput);
@@ -34881,7 +34917,7 @@
     DropdownComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'dropdown',
-                    template: "<div #el class=\"tn-dropdown\" [pTooltip]=\"tooltip\" tooltipPosition=\"top\" tooltipStyleClass=\"wrap\">\r\n    <p-dropdown *ngIf=\"!control.multiple\" [options]=\"dataSourceInternal\" [placeholder]=\"control.placeholder\"\r\n        [filter]=\"control.filter\" [panelStyleClass]=\"getPanelClass()\" [appendTo]=\"control.appendTo\"\r\n        [styleClass]=\"'tn-dropdown'\" [emptyFilterMessage]=\"'Kh\u00F4ng t\u00ECm th\u1EA5y k\u1EBFt qu\u1EA3' | translate\"\r\n        [disabled]=\"control.disabled ? true : null\" [autoZIndex]=\"true\" [showClear]=\"control.showClear\"\r\n        [showTransitionOptions]=\"showTransitionOptions\" [autoDisplayFirst]=\"control.autoDisplayFirst\"\r\n        [virtualScroll]=\"virtualScroll\" itemSize=\"30\" [maxItemDisplay]=\"control.maxItemDisplay\"\r\n        [autofocusSelectedItem]=\"autofocusSelectedItem\" [hideTransitionOptions]=\"hideTransitionOptions\"\r\n        [modifyOptionsWhenFilter]=\"modifyOptionWhenFilter\" [delayFilter]=\"delayFilter\" [(ngModel)]=\"_value\"\r\n        (onFocus)=\"handleFocus($event)\" (onBlur)=\"handleBlur($event)\" (onChange)=\"onChangeSelected($event)\"\r\n        (onClick)=\"onDropdownClickHandler($event)\" (onShow)=\"onShowHandler($event)\" (onHide)=\"onHideHandler($event)\">\r\n        <ng-template *ngIf=\"control.templateSelectedItem\" let-item pTemplate=\"selectedItem\">\r\n            <ng-container\r\n                *ngTemplateOutlet=\"control.templateSelectedItem; context: {$implicit: item, selectedValue: _value}\">\r\n            </ng-container>\r\n        </ng-template>\r\n        <ng-template *ngIf=\"control.templateItem\" let-item pTemplate=\"item\">\r\n            <ng-container *ngTemplateOutlet=\"control.templateItem; context: {$implicit: item}\"></ng-container>\r\n        </ng-template>\r\n    </p-dropdown>\r\n    <p-multiSelect *ngIf=\"control.multiple\" [options]=\"dataSourceInternal\" [filter]=\"control.filter\"\r\n        [defaultLabel]=\"control.placeholder\" [placeholder]=\"control.placeholder\" [panelStyleClass]=\"getPanelClass()\"\r\n        [appendTo]=\"control.appendTo\" [styleClass]=\"'tn-dropdown'\"\r\n        [emptyFilterMessage]=\"'Kh\u00F4ng t\u00ECm th\u1EA5y k\u1EBFt qu\u1EA3' | translate\" [disabled]=\"control.disabled ? true : null\"\r\n        [autoZIndex]=\"true\" [showTransitionOptions]=\"showTransitionOptions\"\r\n        [hideTransitionOptions]=\"hideTransitionOptions\" [maxItemDisplay]=\"control.maxItemDisplay\"\r\n        [selectedItemsLabel]=\"control.selectedItemsLabel\" [maxSelectedLabels]=\"control.maxSelectedLabels\"\r\n        [modifyOptionsWhenFilter]=\"modifyOptionWhenFilterMultiple\" [delayFilter]=\"delayFilter\" [(ngModel)]=\"_value\"\r\n        (onChange)=\"onChangeSelected($event)\" (onClick)=\"onDropdownClickHandler($event)\"\r\n        (onPanelShow)=\"onPanelShowHandler($event)\" (onPanelHide)=\"onHideHandler($event)\">\r\n        <ng-template pTemplate=\"selectedItems\" let-value>\r\n            <ng-container *ngIf=\"!value || value.length == 0\">{{control.placeholder}}</ng-container>\r\n            <ng-container *ngIf=\"value && value.length > 0\">\r\n                <span *ngFor=\"let selectedItem of value\" [class]=\"_itemSelectedStyleClass\">\r\n                    {{selectedItem[control.displayField]}}<span class=\"remove-item\"\r\n                        (click)=\"removeItem($event, selectedItem)\"><i class=\"fas fa-times\"></i></span>\r\n                </span>\r\n            </ng-container>\r\n        </ng-template>\r\n    </p-multiSelect>\r\n    <input #inputMask class=\"input-mask hide p-inputtext\" type=\"text\" [disabled]=\"loading\"\r\n        [(ngModel)]=\"valueSearchServer\" (keyup)=\"keyUp.next($event)\" />\r\n    <button *ngIf=\"control.quickAdd && control.cols\" type=\"button\" pButton icon=\"pi pi-plus\"\r\n        class=\"p-button-text p-button-rounded button-quick-add\" pTooltip=\"Th\u00EAm nhanh\" tooltipPosition=\"top\"\r\n        (click)=\"showFormQuickAdd()\"></button>\r\n</div>\r\n<tn-dialog *ngIf=\"showQuickAddForm\" #dialog [styleClass]=\"'address-form'\"\r\n    [header]=\"'Th\u00EAm m\u1EDBi ' + control.label | translate\" [popupSize]=\"control.popupSize\"\r\n    (onHide)=\"showQuickAddForm = false\">\r\n    <quick-add-form #formBase [parentModel]=\"model\" [parentContext]=\"context\" [model]=\"formModel\" [control]=\"control\"\r\n        [baseService]=\"control.baseService\" (onSaved)=\"handleSaved()\" (onCancel)=\"handleCancel()\">\r\n    </quick-add-form>\r\n</tn-dialog>",
+                    template: "<div #el class=\"tn-dropdown\" [pTooltip]=\"tooltip\" tooltipPosition=\"top\" tooltipStyleClass=\"wrap\">\r\n    <p-dropdown *ngIf=\"!control.multiple\" [options]=\"dataSourceInternal\" [placeholder]=\"control.placeholder\"\r\n        [filter]=\"control.filter\" [panelStyleClass]=\"getPanelClass()\" [appendTo]=\"control.appendTo\"\r\n        [styleClass]=\"'tn-dropdown'\" [emptyFilterMessage]=\"'Kh\u00F4ng t\u00ECm th\u1EA5y k\u1EBFt qu\u1EA3' | translate\"\r\n        [disabled]=\"control.disabled ? true : null\" [autoZIndex]=\"true\" [showClear]=\"control.showClear\"\r\n        [showTransitionOptions]=\"showTransitionOptions\" [autoDisplayFirst]=\"control.autoDisplayFirst\"\r\n        [virtualScroll]=\"control.virtualScroll\" itemSize=\"30\" [maxItemDisplay]=\"control.maxItemDisplay\"\r\n        [autofocusSelectedItem]=\"autofocusSelectedItem\" [hideTransitionOptions]=\"hideTransitionOptions\"\r\n        [modifyOptionsWhenFilter]=\"modifyOptionWhenFilter\" [delayFilter]=\"delayFilter\" [(ngModel)]=\"_value\"\r\n        (onFocus)=\"handleFocus($event)\" (onBlur)=\"handleBlur($event)\" (onChange)=\"onChangeSelected($event)\"\r\n        (onClick)=\"onDropdownClickHandler($event)\" (onShow)=\"onShowHandler($event)\" (onHide)=\"onHideHandler($event)\">\r\n        <ng-template *ngIf=\"control.templateSelectedItem\" let-item pTemplate=\"selectedItem\">\r\n            <ng-container\r\n                *ngTemplateOutlet=\"control.templateSelectedItem; context: {$implicit: item, selectedValue: _value}\">\r\n            </ng-container>\r\n        </ng-template>\r\n        <ng-template *ngIf=\"control.templateItem\" let-item pTemplate=\"item\">\r\n            <ng-container *ngTemplateOutlet=\"control.templateItem; context: {$implicit: item}\"></ng-container>\r\n        </ng-template>\r\n    </p-dropdown>\r\n    <p-multiSelect *ngIf=\"control.multiple\" [options]=\"dataSourceInternal\" [filter]=\"control.filter\"\r\n        [defaultLabel]=\"control.placeholder\" [placeholder]=\"control.placeholder\" [panelStyleClass]=\"getPanelClass()\"\r\n        [appendTo]=\"control.appendTo\" [styleClass]=\"'tn-dropdown'\"\r\n        [emptyFilterMessage]=\"'Kh\u00F4ng t\u00ECm th\u1EA5y k\u1EBFt qu\u1EA3' | translate\" [disabled]=\"control.disabled ? true : null\"\r\n        [autoZIndex]=\"true\" [showTransitionOptions]=\"showTransitionOptions\"\r\n        [hideTransitionOptions]=\"hideTransitionOptions\" [virtualScroll]=\"control.virtualScroll\"\r\n        [maxItemDisplay]=\"control.maxItemDisplay\" [selectedItemsLabel]=\"control.selectedItemsLabel\"\r\n        [maxSelectedLabels]=\"control.maxSelectedLabels\" [modifyOptionsWhenFilter]=\"modifyOptionWhenFilterMultiple\"\r\n        [delayFilter]=\"delayFilter\" [(ngModel)]=\"_value\" (onChange)=\"onChangeSelected($event)\"\r\n        (onClick)=\"onDropdownClickHandler($event)\" (onPanelShow)=\"onPanelShowHandler($event)\"\r\n        (onPanelHide)=\"onHideHandler($event)\">\r\n        <ng-template pTemplate=\"selectedItems\" let-value>\r\n            <ng-container *ngIf=\"!value || value.length == 0\">{{control.placeholder}}</ng-container>\r\n            <ng-container *ngIf=\"value && value.length > 0\">\r\n                <span *ngFor=\"let selectedItem of value\" [class]=\"_itemSelectedStyleClass\">\r\n                    {{selectedItem[control.displayField]}}<span class=\"remove-item\"\r\n                        (click)=\"removeItem($event, selectedItem)\"><i class=\"fas fa-times\"></i></span>\r\n                </span>\r\n            </ng-container>\r\n        </ng-template>\r\n    </p-multiSelect>\r\n    <input #inputMask class=\"input-mask hide p-inputtext\" type=\"text\" [disabled]=\"loading\"\r\n        [(ngModel)]=\"valueSearchServer\" (keyup)=\"keyUp.next($event)\" />\r\n    <button *ngIf=\"control.quickAdd && control.cols\" type=\"button\" pButton icon=\"pi pi-plus\"\r\n        class=\"p-button-text p-button-rounded button-quick-add\" pTooltip=\"Th\u00EAm nhanh\" tooltipPosition=\"top\"\r\n        (click)=\"showFormQuickAdd()\"></button>\r\n</div>\r\n<tn-dialog *ngIf=\"showQuickAddForm\" #dialog [styleClass]=\"'address-form'\"\r\n    [header]=\"'Th\u00EAm m\u1EDBi ' + control.label | translate\" [popupSize]=\"control.popupSize\"\r\n    (onHide)=\"showQuickAddForm = false\">\r\n    <quick-add-form #formBase [parentModel]=\"model\" [parentContext]=\"context\" [model]=\"formModel\" [control]=\"control\"\r\n        [baseService]=\"control.baseService\" (onSaved)=\"handleSaved()\" (onCancel)=\"handleCancel()\">\r\n    </quick-add-form>\r\n</tn-dialog>",
                     providers: [ComponentContextService],
                     styles: [".tn-dropdown{display:flex}.tn-dropdown p-dropdown,.tn-dropdown p-multiSelect{flex:1 1;width:100%}.tn-dropdown>.button-quick-add{flex:0 0 auto}.input-mask{background:transparent;border:1px solid transparent;border-radius:3px;box-sizing:border-box;outline:none;padding-left:12px;position:absolute;width:100%;z-index:1}.input-mask.hide{display:none}.input-mask:focus{border-color:#2196f3;box-shadow:0 0 0 .2rem #a6d5fa}.custom-select-item{align-items:center;background:#d2eefb;border:1px solid #a9d8ff;border-radius:3px;display:inline-flex;margin:0 0 0 3px;padding:3px 5px}.custom-select-item>span{color:#555;font-size:12px;margin-left:3px}.custom-select-item>span i{font-size:10px}.custom-select-item.min{margin-left:2px;padding:1px 5px}.custom-select-item:first-child{margin-left:0}::ng-deep .tn-dropdown.ui-state-disabled .custom-select-item{background:#e1e1e1;border-color:#d4d4d4}::ng-deep .tn-dropdown.ui-state-disabled .custom-select-item>span{display:none}::ng-deep .ui-multiselect-filter-container .input-mask{box-sizing:border-box;height:22px;left:1px;padding:.2em;text-indent:1.5em;top:1px;width:calc(100% - 2px)}::ng-deep .ui-multiselect-filter-container .input-mask:focus{left:1px;width:calc(100% - 2px)}"]
                 },] }
@@ -46612,7 +46648,9 @@
             this.data = [];
             this.allowViewAll = false;
             this.isDynamicHeight = false;
+            this.useScrollbar = false;
             this.onTabChange = new i0.EventEmitter();
+            this.activeIndexChange = new i0.EventEmitter();
             this.template = {};
             this.onlyIcon = false;
             this.styleClass = 'tn-tabview-beauty';
@@ -46670,6 +46708,7 @@
         };
         TnTabViewComponent.prototype.handleTabChange = function (evt) {
             this.currentTabIndex = evt.index;
+            this.activeIndexChange.emit(this.currentTabIndex);
             this.onTabChange.emit(evt);
         };
         return TnTabViewComponent;
@@ -46677,7 +46716,7 @@
     TnTabViewComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'tn-tabview',
-                    template: "<div [style.height]=\"height\">\r\n    <p-tabView #tab orientation=\"top\" [styleClass]=\"styleClass\" [activeIndex]=\"currentTabIndex\"\r\n        (onChange)=\"handleTabChange($event)\">\r\n        <ng-container *ngFor=\"let item of data; let i = index\">\r\n            <p-tabPanel *ngIf=\"!item.hidden\" [leftIcon]=\"item.icon\" [header]=\"item.label\"\r\n                [headerStyleClass]=\"item.headerStyleClass\">\r\n                <ng-container *ngIf=\"allowViewAll || currentTabIndex == i\">\r\n                    <ng-container *ngTemplateOutlet=\"template[item.code]; context: {$implicit: item}\">\r\n                    </ng-container>\r\n                </ng-container>\r\n            </p-tabPanel>\r\n        </ng-container>\r\n    </p-tabView>\r\n</div>",
+                    template: "<div [style.height]=\"height\">\r\n    <p-tabView #tab orientation=\"top\" [styleClass]=\"styleClass\" [activeIndex]=\"currentTabIndex\"\r\n        (onChange)=\"handleTabChange($event)\">\r\n        <ng-container *ngFor=\"let item of data; let i = index\">\r\n            <p-tabPanel *ngIf=\"!item.hidden\" [leftIcon]=\"item.icon\" [header]=\"item.label\"\r\n                [headerStyleClass]=\"item.headerStyleClass\">\r\n                <ng-container *ngIf=\"allowViewAll || currentTabIndex == i\">\r\n                    <tn-custom-scrollbar *ngIf=\"useScrollbar\">\r\n                        <ng-container *ngTemplateOutlet=\"template[item.code]; context: {$implicit: item}\">\r\n                        </ng-container>\r\n                    </tn-custom-scrollbar>\r\n                    <ng-container *ngIf=\"!useScrollbar\">\r\n                        <ng-container *ngTemplateOutlet=\"template[item.code]; context: {$implicit: item}\">\r\n                        </ng-container>\r\n                    </ng-container>\r\n                </ng-container>\r\n            </p-tabPanel>\r\n        </ng-container>\r\n    </p-tabView>\r\n</div>",
                     styles: [".accordion-link{flex:1 1;text-align:right}.accordion-link ul{list-style:none;margin-bottom:0;margin-top:0;padding-left:0}.accordion-link ul li{background-color:#a4a5a4;border-radius:4px;color:#fff;display:inline-block;line-height:20px;margin-bottom:.5rem;margin-left:.5rem;padding:6px 12px;transition:all .3s ease-out}.accordion-link ul li:hover{background-color:#3db762;cursor:pointer}.accordion-link ul li.tab-active{background-color:#23a349}.tn-l-toolbar{display:flex;padding:.5rem .5rem 0}.hoso-container{height:auto;max-height:none}.tab-number{align-items:center;background:#a4a5a4;border-radius:2px;color:#fff;display:inline-flex;font-size:.9em;height:20px;justify-content:center;margin-right:.5rem;padding-top:2px;width:20px}.tab-number.active{background:#23a349}::ng-deep tn-accordion-tab{display:flex;flex-direction:column;height:100%}::ng-deep tn-accordion-tab .p-accordion-header{position:-webkit-sticky;position:sticky;top:1px;z-index:6}::ng-deep tn-accordion-tab .tn-l-p-accordion-wrapper{border-radius:4px;display:flex;flex:1;margin-left:.5rem;margin-right:.5rem;overflow:auto}::ng-deep tn-accordion-tab .tn-l-p-accordion-wrapper tn-custom-scrollbar{width:100%}::ng-deep tn-accordion-tab .ps__rail-x,::ng-deep tn-accordion-tab .ps__rail-y{z-index:7}::ng-deep tn-accordion-tab .tn-l-toolbar .toolbar{flex:0 0 auto;padding-top:0}@media (max-width:640px){.accordion-link,.toolbar{overflow-x:auto;white-space:nowrap}.tn-l-custom-wrapper{display:block}.accordion-link ul{margin-top:0}.tn-l-toolbar{display:block}}"]
                 },] }
     ];
@@ -46691,7 +46730,9 @@
         allowViewAll: [{ type: i0.Input }],
         activeIndex: [{ type: i0.Input }],
         isDynamicHeight: [{ type: i0.Input }],
-        onTabChange: [{ type: i0.Output }]
+        useScrollbar: [{ type: i0.Input }],
+        onTabChange: [{ type: i0.Output }],
+        activeIndexChange: [{ type: i0.Output }]
     };
 
     var TnTinymceComponent = /** @class */ (function (_super) {
@@ -49783,42 +49824,79 @@
             if (control instanceof FileManagerComponent) {
                 this._fileManagerControls.push(control);
             }
+            if (control instanceof ServiceFileUploadComponent) {
+                this._fileUploadControls.push(control);
+            }
         };
         FileDataService.prototype.unregister = function (control) {
-            if (!this._fileManagerControls || !this._fileManagerControls.length || !control) {
-                return;
+            if (control instanceof FileManagerComponent) {
+                if (!this._fileManagerControls || !this._fileManagerControls.length || !control) {
+                    return;
+                }
+                var index = this._fileManagerControls.findIndex(function (i) { return i.serviceCode == control.serviceCode
+                    && i.entity == control.entity
+                    && i.entityKey == control.entityKey; });
+                if (index != -1) {
+                    this._fileManagerControls.splice(index, 1);
+                }
             }
-            var index = this._fileManagerControls.findIndex(function (i) { return i.serviceCode == control.serviceCode
-                && i.entity == control.entity
-                && i.entityKey == control.entityKey; });
-            if (index != -1) {
-                this._fileManagerControls.splice(index, 1);
+            else if (control instanceof ServiceFileUploadComponent) {
+                if (!this._fileUploadControls || !this._fileUploadControls.length || !control) {
+                    return;
+                }
+                var controlIndex = this._fileUploadControls.findIndex(function (x) { return x.serviceCode == control.serviceCode
+                    && x.entity == control.entity && x.entityKey == control.entityKey; });
+                if (controlIndex != -1) {
+                    this._fileUploadControls.splice(controlIndex, 1);
+                }
             }
         };
         FileDataService.prototype.getData = function () {
+            var e_1, _a;
             var _this = this;
-            if (!this._fileManagerControls.length)
-                return;
-            var dataPosts = [];
-            this._fileManagerControls.forEach(function (control) {
-                dataPosts.push({
-                    serviceCode: control.serviceCode,
-                    entity: control.entity,
-                    entityKey: control._entityKey
+            if (this._fileManagerControls.length > 0) {
+                var dataPosts_1 = [];
+                this._fileManagerControls.forEach(function (control) {
+                    dataPosts_1.push({
+                        serviceCode: control.serviceCode,
+                        entity: control.entity,
+                        entityKey: control._entityKey
+                    });
                 });
-            });
-            this._folderService.getSimpleDataByEntityKeys(dataPosts)
-                .then(function (res) { return _this._crudService.handleResponse(res, '', function (f) {
-                var dataFile = _this.processDatasourceFile(res.data);
-                var key = '';
-                _this._fileManagerControls.forEach(function (control) {
-                    key = control.serviceCode + "/" + control.entity + "/" + control._entityKey;
-                    if (dataFile[key]) {
-                        control.setRootFolderId(dataFile[key].folderId);
-                        control.setDatasource(dataFile[key].lstFile);
+                this._folderService.getSimpleDataByEntityKeys(dataPosts_1)
+                    .then(function (res) { return _this._crudService.handleResponse(res, '', function (f) {
+                    var dataFile = _this.processDatasourceFile(res.data);
+                    var key = '';
+                    _this._fileManagerControls.forEach(function (control) {
+                        key = control.serviceCode + "/" + control.entity + "/" + control._entityKey;
+                        if (dataFile[key]) {
+                            control.setRootFolderId(dataFile[key].folderId);
+                            control.setDatasource(dataFile[key].lstFile);
+                        }
+                    });
+                }); });
+            }
+            else if (this._fileUploadControls.length > 0) {
+                var fileData = [];
+                try {
+                    for (var _b = __values(this._fileUploadControls), _c = _b.next(); !_c.done; _c = _b.next()) {
+                        var control = _c.value;
+                        fileData.push({
+                            serviceCode: control.serviceCode,
+                            entity: control.entity,
+                            entityKey: control.entityKey,
+                        });
                     }
-                });
-            }); });
+                }
+                catch (e_1_1) { e_1 = { error: e_1_1 }; }
+                finally {
+                    try {
+                        if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+                    }
+                    finally { if (e_1) throw e_1.error; }
+                }
+                // this._fileService.getfile;
+            }
         };
         FileDataService.prototype.processDatasourceFile = function (fileData) {
             var _this = this;
@@ -55944,6 +56022,59 @@
         return StartupBusinessComponentBase;
     }(ComponentBase));
 
+    var FileUploadSetting = /** @class */ (function () {
+        function FileUploadSetting(init) {
+            this.entityKeyField = 'id';
+            this.readonly = true;
+            this.sharedFolderType = exports.SharedFolderType.Tempt;
+            this.mode = exports.FileUploadMode.usingServiceFile;
+            this.control = new FileUploadControlSchema();
+            this.control = new FileUploadControlSchema({
+                serviceCode: this.serviceCode,
+                entity: this.entity,
+                entityKeyField: this.entityKeyField,
+                readonly: this.readonly,
+                accept: this.accept,
+                mode: this.mode,
+                sharedFolderType: this.sharedFolderType
+            });
+            for (var key in init) {
+                this.control[key] = init[key];
+            }
+        }
+        return FileUploadSetting;
+    }());
+    var FileManagerSetting = /** @class */ (function () {
+        function FileManagerSetting(init) {
+            this.mode = exports.FileManagerMode.multiple;
+            this.layout = exports.EnumFileLayout.INLINE;
+            this.readonly = true;
+            this.inTaiLieu = false;
+            this.inTaiLieuChung = false;
+            this.copyToFolderId = '';
+            this.entityKeyField = 'id';
+            this.control = new FileManagerControlSchema();
+            this.control = new FileManagerControlSchema({
+                serviceCode: this.serviceCode,
+                entity: this.entity,
+                entityKeyField: this.entityKeyField,
+                readonly: this.readonly,
+                accept: this.accept,
+                mode: this.mode,
+                layout: this.layout,
+                fileDataService: this.fileDataService,
+                rootFolderName: this.rootFolderName,
+                inTaiLieu: this.inTaiLieu,
+                inTaiLieuChung: this.inTaiLieuChung,
+                copyToFolderId: this.copyToFolderId,
+            });
+            for (var key in init) {
+                this.control[key] = init[key];
+            }
+        }
+        return FileManagerSetting;
+    }());
+
     var TnComponentConfig = /** @class */ (function () {
         function TnComponentConfig(_moduleConfig) {
             this._moduleConfig = _moduleConfig;
@@ -57400,10 +57531,12 @@
     exports.FileExplorerService = FileExplorerService;
     exports.FileManagerComponent = FileManagerComponent;
     exports.FileManagerControlSchema = FileManagerControlSchema;
+    exports.FileManagerSetting = FileManagerSetting;
     exports.FileObjectService = FileObjectService;
     exports.FilePickerDialogComponent = FilePickerDialogComponent;
     exports.FileUploadComponent = FileUploadComponent;
     exports.FileUploadControlSchema = FileUploadControlSchema;
+    exports.FileUploadSetting = FileUploadSetting;
     exports.FileV4Service = FileV4Service;
     exports.Filter = Filter;
     exports.FolderService = FolderService;