tnx-shared 5.1.174 → 5.1.178

package/bundles/tnx-shared.umd.js

@@ -521,6 +521,11 @@
         REFRESH_PERMISSION: 'REFRESH_PERMISSION',
         SELECTED_OBJECT_CHANGED: 'SELECTED_OBJECT_CHANGED',
         REFRESH_USER_PERMISSION: 'REFRESH_USER_PERMISSION',
+    };
+    ComCtxConstants.NOTIFICATION = {
+        NOTIFICATION_RELOAD: 'NOTIFICATION_RELOAD',
+        NOTIFICATION_CHANGE: 'NOTIFICATION_CHANGE',
+        NOTIFICATION_USER_CHANGE: 'NOTIFICATION_USER_CHANGE'
     };
 
     //         ctr.prototype[propertyKey] = function (...args) {
@@ -6636,6 +6641,14 @@
             this.convertValueFilterToOldBase(gridInfo.filters);
             return this.postGridInfo(apiUrl, gridInfo);
         };
+        BaseService.prototype.baseGetTreeData = function (gridInfo, plusUrl) {
+            if (plusUrl === void 0) { plusUrl = ''; }
+            var apiUrl = 'GetTreeData';
+            if (plusUrl != null && plusUrl != '') {
+                apiUrl += '/' + plusUrl;
+            }
+            return this.postGridInfo(apiUrl, gridInfo);
+        };
         BaseService.prototype.convertValueFilterToOldBase = function (filters) {
             var _this = this;
             filters.forEach(function (filter) {
@@ -7244,6 +7257,9 @@
         BaseService.prototype.updateDaDuyetQuyetDinh = function (id) {
             return this.defaultPost(this.serviceUri + "/UpdateDaDuyetQuyetDinh/" + id, {});
         };
+        BaseService.prototype.updateMaPhanCapBase = function () {
+            return this.defaultPost(this.serviceUri + "/UpdateMaPhanCapBase", {});
+        };
         return BaseService;
     }());
 
@@ -15504,6 +15520,13 @@
                 });
             });
         };
+        CrudFormComponent.prototype.handleDataSourceLoadComplete = function (control, parentPath, dataSource) {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_d) {
+                    return [2 /*return*/];
+                });
+            });
+        };
         CrudFormComponent.prototype.handleDataSourceLoaded = function (control, parentPath, dataFromDropdown) {
             return __awaiter(this, void 0, void 0, function () {
                 var parentNode, currentNode, eventData, _a_3;
@@ -26915,7 +26938,7 @@
                     selector: 'chat-box',
                     template: "<div class=\"dashboard\">\r\n    <div class=\"chat\">\r\n        <div class=\"group-info\">\r\n            <a href=\"javascript:\">C\u00F3 {{peopleAll.length}} ng\u01B0\u1EDDi trong nh\u00F3m n\u00E0y</a>\r\n            <div class=\"circleButton\" pTooltip=\"Xem to\u00E0n b\u1ED9 \u0111\u00EDnh k\u00E8m\" tooltipPosition=\"top\">\r\n                <a href=\"javascript:\"><i class=\"far fa-images\"></i></a>\r\n            </div>\r\n            <div (click)=\"addPeople()\" class=\"circleButton\" pTooltip=\"Th\u00EAm m\u1EDBi ng\u01B0\u1EDDi v\u00E0o nh\u00F3m\" tooltipPosition=\"top\"\r\n                disabled=\"true\">\r\n                <a href=\"javascript:\"><i class=\"fas fa-user-plus\"></i></a>\r\n            </div>\r\n        </div>\r\n        <ul #scrollMe [ngClass]=\"{'hasPin': model.pinnedMessage != null}\">\r\n            <li *ngIf=\"model.pinnedMessage\" class=\"clearfix pin\" [ngClass]=\"{'message-from': true}\">\r\n                <ng-container\r\n                    *ngTemplateOutlet=\"messageItem; context: { i : -1, item: model.pinnedMessage, isPinnedMessage: true}\">\r\n                </ng-container>\r\n            </li>\r\n            <li *ngFor=\"let item of model.dataSource; let i = index; trackBy: trackByFunc\" class=\"clearfix\"\r\n                [ngClass]=\"{ 'message-own': item.type == 'own'}\">\r\n                <ng-container *ngTemplateOutlet=\"messageItem; context: { i : i, item: item}\">\r\n                </ng-container>\r\n            </li>\r\n        </ul>\r\n        <!--        <chat-send-message-box *ngIf=\"showSendMessageBox\"></chat-send-message-box>-->\r\n        <div [ngClass]=\"{'visible2': model.scrolling, 'hidden2': !model.scrolling}\" class=\"scroll-to-bottom\">\r\n            <span *ngIf=\"model.newMessageNotUpdatedCount > 0\" (click)=\"scrollToBottom(350, true, null)\">\r\n                {{model.newMessageNotUpdatedCount <= 5 ? model.newMessageNotUpdatedCount : '5+' }} </span>\r\n                    <span (click)=\"scrollToBottom(350, true, null)\" *ngIf=\"model.newMessageNotUpdatedCount == 0\">\r\n                        <i class=\"fas fa-chevron-down\"></i>\r\n                    </span>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n<file-viewer *ngIf=\"fileViewerModel.showEditForm\" [parentContext]=\"context\" [parentModel]=\"model\"\r\n    [model]=\"fileViewerModel\">\r\n</file-viewer>\r\n\r\n<ng-template #messageItem let-i=\"i\" let-isPinnedMessage=\"isPinnedMessage\" let-item=\"item\">\r\n    <img *ngIf=\"item.isFirstMessageFlow && item.type != 'own' && !isPinnedMessage && item.avatar != null\" alt=\"\"\r\n        class=\"chat-avatar\" src=\"{{getCurrentUserAvatar(item.avatar)}}\">\r\n    <p *ngIf=\"(item.isFirstMessageFlow && item.type != 'own') && !isPinnedMessage\" class=\"message-created-by\">\r\n        {{item.fullName}}\r\n    </p>\r\n    <span *ngIf=\"!hasAttachment(item)\">\r\n        <!--          [class]=\"addClassToMessage(item, isPinnedMessage)\">-->\r\n        <p *ngIf=\"!hasAttachment(item)\" class=\"message-content\">\r\n            <i (click)=\"pinMessage(item)\" class=\"fas fa-thumbtack\" style=\"right: 0;\"></i>\r\n            <i (click)=\"quickNote(item)\" class=\"fas fa-sticky-note\"></i>\r\n            {{item.content}}\r\n        </p>\r\n        <p *ngIf=\"!isPinnedMessage && (item.isLastMessageFlow || !inTheSameTime(i, item, model.dataSource))\"\r\n            class=\"message-created\" pTooltip=\"{{item.created | date:'dd/MM/yyyy HH:mm'}}\"\r\n            tooltipPosition=\"{{item.type != 'own'?'right':'left'}}\">\r\n            {{_crudService.renderDateTime(item.created)}}\r\n        </p>\r\n        <p *ngIf=\"isPinnedMessage\" class=\"message-created\">\r\n            {{item.createdBy}} \u0111\u00E3 g\u1EEDi l\u00FAc {{item.created | date:'dd/MM/yyyy HH:mm'}}\r\n        </p>\r\n    </span>\r\n    <ng-container *ngIf=\"hasAttachment(item)\">\r\n        <ng-container *ngFor=\"let attachmentItem of item.attachments;let index=index\">\r\n            <div class=\"file\"\r\n                [ngClass]=\"{'first':item.isFirstMessageFlow && index == 0, 'middle':index > 0 || !item.isFirstMessageFlow, 'image' : attachmentItem.type == 'image'}\"\r\n                [ngStyle]=\"{'width': model.img[i + 'width' + index]}\">\r\n                <p class=\"attachment\">\r\n                    <span (mouseup)=\"onMouseUp($event)\" class=\"attachment-item\">\r\n                        <a *ngIf=\"attachmentItem.type != 'image'\" (click)=\"viewOrDownloadFile($event, attachmentItem)\">\r\n                            <i class=\"fas fa-paperclip\"></i>{{attachmentItem.fileName}}\r\n                        </a>\r\n                        <a *ngIf=\"attachmentItem.type == 'image'\" #aElement\r\n                            [ngClass]=\"{'hidden': !model.img[i + '' + index], 'visible':model.img[i + '' + index]}\"\r\n                            (click)=\"viewOrDownloadFile($event, attachmentItem)\">\r\n                            <img class=\"message-img\" (load)=\"loadImg($event, i, index)\"\r\n                                [src]=\"attachmentItem.url | secure | async\" />\r\n                        </a>\r\n                    </span>\r\n                </p>\r\n                <div style=\"clear: both\"></div>\r\n                <p class=\"message-created\" pTooltip=\"{{item.created | date:'dd/MM/yyyy HH:mm'}}\"\r\n                    tooltipPosition=\"{{item.type != 'own'?'right':'left'}}\">\r\n                    {{_crudService.renderDateTime(item.created)}}\r\n                </p>\r\n            </div>\r\n            <div style=\"clear: both\"></div>\r\n        </ng-container>\r\n    </ng-container>\r\n    <after-view-checked *ngIf=\"model.dataSource.length == i + 1\" (loading)=\"scrollToBottom(0, false, item.sent)\">\r\n    </after-view-checked>\r\n</ng-template>\r\n\r\n<!--<tn-dialog *ngIf=\"userPickerForm.show\" #dialog [styleClass]=\"'tn-form-dialog'\"-->\r\n<!--           [header]=\"'Th\u00EAm m\u1EDBi ng\u01B0\u1EDDi d\u00F9ng' | translate\" [popupSize]=\"userPickerForm.popupSize\"-->\r\n<!--           (onCancel)=\"userPickerForm.show = false\"-->\r\n<!--           (onHide)=\"userPickerForm.show = false\">-->\r\n<!--    &lt;!&ndash;    <congviec-form #formBase [parentModel]=\"model\" [parentContext]=\"context\" [model]=\"formModel\"&ndash;&gt;-->\r\n<!--    &lt;!&ndash;                   (onSaved)=\"showDetailForm = false;crudList.reload()\" (onCancel)=\"_handleCancel($event)\"&ndash;&gt;-->\r\n<!--    &lt;!&ndash;                   (onAfterSaved)=\"onAfterSaved($event)\"></congviec-form>&ndash;&gt;-->\r\n<!--    <user-picker-box #formBase [control]=\"userPickerControl\"-->\r\n<!--                     [(ngModel)]=\"this.peopleAll\" [multiple]=\"userPickerControl.multiple\">-->\r\n<!--    </user-picker-box>-->\r\n<!--</tn-dialog>-->\r\n\r\n\r\n<!--<tn-dialog *ngIf=\"userPickerForm.show\" #dialog [styleClass]=\"'tn-form-dialog'\"-->\r\n<!--           [header]=\"'Th\u00EAm m\u1EDBi ng\u01B0\u1EDDi d\u00F9ng' | translate\" [popupSize]=\"userPickerForm.popupSize\" (onHide)=\"userPickerForm.show == false\">-->\r\n<!--    &lt;!&ndash;    <congviec-form #formBase [parentModel]=\"model\" [parentContext]=\"context\" [model]=\"formModel\"&ndash;&gt;-->\r\n<!--    &lt;!&ndash;                   (onSaved)=\"showDetailForm = false;crudList.reload()\" (onCancel)=\"_handleCancel($event)\"&ndash;&gt;-->\r\n<!--    &lt;!&ndash;                   (onAfterSaved)=\"onAfterSaved($event)\"></congviec-form>&ndash;&gt;-->\r\n\r\n<!--    &lt;!&ndash;<quick-add-form *ngIf=\"model.editFormModel.showQuickNoteForm\" [parentContext]=\"context\"&ndash;&gt;-->\r\n<!--    &lt;!&ndash;                [parentModel]=\"context.data.noteDataModel\"></quick-add-form>&ndash;&gt;-->\r\n<!--</tn-dialog>-->",
                     providers: [ComponentContextService, CheckControlVisibleService],
-                    styles: [".paging-advance{list-style:none;margin:3px 0;padding-left:0}.paging-advance li{line-height:30;padding-left:15px;width:150px}.paging-advance li.disabled{color:#bdbdbd;outline:none}.paging-advance li.disabled:hover{background:none;cursor:default}.paging-advance li:hover{background:red;cursor:pointer}.paging-advance-overlay .ui-overlaypanel-content{padding:0}.paging-advance-overlay.ui-overlaypanel-shifted:before{left:1.25em;margin-left:-10;right:auto}.paging-advance-overlay.ui-overlaypanel-shifted:after{left:1.25em;margin-left:-8px;right:auto}.chat-avatar{border:2px solid #eee;height:36px}", "@charset \"UTF-8\";@import url(D:\\Code\\git.dttt.vn\\5.1\\shared\\AppSharedV5\\node_modules\\@angular\\material\\prebuilt-themes\\indigo-pink.css);@import url(D:\\Code\\git.dttt.vn\\5.1\\shared\\AppSharedV5\\node_modules\\jsoneditor\\dist\\jsoneditor.min.css);.flex{display:flex}.flex .fit{flex:1 1}.flex.flex-column{flex-direction:column}.flex.flex-wrap{flex-wrap:wrap}.flex.center-v{align-items:center}.flex.center-all,.flex.center-h{justify-content:center}.flex.center-all{align-items:center}.validate-item{color:#e00000;display:inline-block;font-size:.9em;white-space:nowrap}.tn-scroll-bar.bgWhite>div,.validate-item{background-color:#fff}.label-primary{background-color:#1ab394;padding:2px}.label-danger,.label-primary{border-radius:.25em;color:#fff;display:inline-block;font-size:12px;margin-left:3px;margin-right:3px;min-width:60px}.label-danger{background-color:#ed5565;padding:2px 5px}.label-warning{background-color:#b8860b}.label-secondary,.label-warning{border-radius:.25em;color:#fff;display:inline-block;font-size:12px;margin-left:3px;margin-right:3px;min-width:60px;padding:2px}.label-secondary{background-color:#a9a9a9}.label-done{background-color:#3b1ef7;border-radius:.25em;color:#fff;display:inline-block;font-size:12px;margin-left:3px;margin-right:3px;min-width:60px;padding:2px}.text-navy{color:#1ab394!important}.text-danger{color:red!important}.fa-user-edit{font-size:14px}.flexcolumn{border:1px solid #eee;border-radius:5px;min-height:80px;overflow-x:hidden;overflow-y:hidden}.flexcolumn,.has2ScrollZone2 .flexcolumn{max-height:calc(100vh - 180px)}.headerNoBorder>th{border:none!important;border-bottom:1px solid #eee!important}.cellNoBorder table tr td{border:0!important}.layout-wrapper .layout-main{overflow:hidden;padding:60px 0 0}div.circleButton{border-radius:50%;display:inline-block;height:32px;line-height:32px;margin-bottom:4px;margin-top:4px;overflow:hidden;position:relative;text-align:center;transform:perspective(1px);width:32px}div.circleButton>a{line-height:32px;padding:0!important}div.circleButton>a>i{width:24px!important}div.circleButton:before{background:#e6e6e6;border-radius:50%;bottom:0;content:\"\";left:0;position:absolute;right:0;top:0;transform:scale(0);transition:all .3s cubic-bezier(.4,.34,.01,.97);z-index:-1}div.circleButton:hover:before{transform:scale(1)}.message-notice{background:#e0e0e0;text-align:center}.message-created-by{color:#888;font-size:.82em;font-weight:400;margin-bottom:3px;margin-left:45px;margin-top:5px}.message-created{color:#495057;display:inline-block;font-size:.82em;margin-bottom:0;margin-top:0}.message-own .message-created{padding-left:10px;padding-right:6px}.message-from .message-created{padding-left:6px;padding-right:10px}.message-content{color:#000;line-height:20px;margin-bottom:6px;margin-top:3px;position:relative}.message-content i{display:none}.message-content:hover i{display:block}.message-content:hover{padding-right:20px!important}.chat-box-content{max-height:500px}.attachment-list .attachment-item{-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;background:#f1f1f1;border:1px solid #ccc;border-radius:8px;box-shadow:1px 2px 3px rgba(0,0,0,.06);float:left;height:84px;margin:8px;overflow:hidden;position:relative;text-align:center;user-select:none;width:84px}.attachment-list .attachment-item img{height:100%;width:100%}.attachment-list .attachment-item span{left:0;padding:5px;position:absolute;top:25px;width:100%;word-break:break-all}.clearfix{clear:both}.dashboard .chat ul li img.message-img{float:none;height:120px;margin-left:0;width:auto}.message-attachment{cursor:pointer;font-size:1.5em;margin:0 5px 0 0;position:relative}.hidden{display:none}.message-input{width:100%}.message-input label{font-size:1.2rem}.remove-file-attachment{background:#495057;border-radius:50%;color:#fff;cursor:pointer;font-size:20px;position:absolute;right:5px;top:5px}.attachment-list{background:#fff;bottom:51px;box-shadow:0 -2px 3px -3px rgba(0,0,0,.21176470588235294);display:none;height:100px;left:-15px;position:absolute;width:calc(100% + 30px)}.attachment-list.attached-file{display:block}.dashboard{margin-bottom:-15px;margin-top:-5px}.dashboard .timeline>.ui-g .ui-g-9 .event-text{color:#555;white-space:nowrap}.dashboard .timeline>.ui-g .ui-g-9 .event-text.event-text2{line-height:18px;padding-left:30px;text-align:justify;white-space:pre-wrap}.dashboard .timeline>.ui-g .ui-g-9 .event-text.event-text2 i{left:20px;margin-top:3px;position:absolute}.new-message{align-items:center;justify-content:center}.dashboard .chat .new-message{border:0;display:flex;margin:0;padding:0;text-align:left}.dashboard .chat .new-message i{color:#495057}.dashboard .chat .new-message .message-attachment{border:0}.dashboard .chat .new-message .button-send{display:inline-block;line-height:40px;position:relative}.dashboard .chat .new-message .button-send .p-button-label{text-align:center}.dashboard .chat .new-message .message-emotion{display:inline-block;height:100%;line-height:40px;text-align:center;width:40px}.dashboard .chat .new-message .message-emotion i{font-size:24px;line-height:inherit}.dashboard .chat .new-message .message-input{width:calc(100% - 155px)}.dashboard .chat ul li.message-from,.dashboard .chat ul li.message-own{padding:0}.dashboard .chat ul li.message-from>span{background-color:#f0e3fd;border:0;border-radius:2px 20px 20px 2px}.dashboard .chat ul li.message-from>.first,.dashboard .chat ul li.message-from>.middle{margin-left:45px!important}.dashboard .chat ul li.message-from>.last{border-radius:2px 20px 20px 20px;margin-left:45px!important}.dashboard .chat ul li.message-from>img{border-radius:50%;margin-top:5px;position:absolute;width:36px}.dashboard .chat ul li.message-own>span{background-color:#def6f8;border:0;border-radius:20px 2px 2px 20px;text-align:right}.dashboard .chat ul li.message-own>span.sending{background-color:#eee}.dashboard .chat ul li.message-own>span.last{border-radius:20px 2px 20px 20px}.dashboard .chat ul li.message-own .attachment span.attachment-item{background-color:#f1f1f1!important;border:0!important;padding-left:0;padding-right:0}.dashboard .chat ul li.message-own .attachment span.attachment-item a{color:#555;cursor:pointer;display:inline-block;font-weight:700}.dashboard .chat ul li.message-own>div.file{background:#f1f1f1;border:1px solid #e4e4e4;border-radius:6px;display:inline-block;margin:1px;overflow:hidden;text-align:right}.dashboard .chat ul li.message-from .attachment span.attachment-item{background-color:#f1f1f1!important;border:0!important;padding-left:0;padding-right:0}.dashboard .chat ul li.message-from .attachment span.attachment-item a{color:#555;cursor:pointer;display:inline-block;font-weight:700}.dashboard .chat ul li.message-from .attachment span.attachment-item a img{margin-right:0}.dashboard .chat ul li.message-from>div.file{background:#f1f1f1;border:1px solid #e4e4e4;border-radius:6px;display:inline-block;margin:1px;overflow:hidden;text-align:left}.dashboard .chat ul li .attachment span.attachment-item a>i{padding-right:8px}.dashboard .chat ul li div.file p.attachment{display:inline-block;margin-bottom:5px}.dashboard .chat ul li.message-from{text-align:left}.dashboard .chat ul li.message-own{text-align:right}.dashboard .chat ul li>div.file.image{height:170px;max-width:100%;padding:15px;transition:width .15s linear;width:220px}.dashboard .chat ul li>div.file.image p.attachment{height:120px}.dashboard .chat ul li>div.file{padding:15px}.dashboard .chat ul li>div.file p,.dashboard .chat ul li>div.file span{display:inline-block;margin:0;padding:0}.visible{opacity:1;transition:opacity .15s linear;visibility:visible}.hidden{opacity:0;transition:visibility 0s .1s,opacity .1s linear;visibility:hidden}.visible2{opacity:1;transition:opacity .35s linear;visibility:visible}.hidden2{opacity:0;transition:visibility 0s .3s,opacity .3s linear;visibility:hidden}.dashboard .chat{position:relative}.dashboard .chat .scroll-to-bottom{bottom:6px;min-height:40px;padding-right:12px;position:-webkit-sticky;position:sticky;text-align:right}.dashboard .chat .scroll-to-bottom span{background:#495057;border:2px solid #fff;border-radius:50%;box-shadow:0 0 10px rgba(0,0,0,.34901960784313724);color:#fff;cursor:pointer;display:inline-block;font-size:20px;height:35px;line-height:35px;overflow:hidden;text-align:center;width:35px}.dashboard .chat .group-info{line-height:30px;margin:-10px;padding:5px 10px;top:0;z-index:99}.dashboard .chat .group-info,.dashboard .chat .pin{background:#fff;box-shadow:0 0 3px -1px rgba(0,0,0,.21176470588235294);position:-webkit-sticky;position:sticky}.dashboard .chat .pin{margin-bottom:10px;margin-left:-10px;top:40px;width:calc(100% + 20px);z-index:98}.dashboard .chat ul li.message-from.pin>span,.dashboard .chat ul li.message-own.pin>span{background-color:transparent}.dashboard .chat ul li.message-from.pin>span{margin-left:0}.dashboard .chat .message-content i{color:#495057;cursor:pointer;font-size:11px}.dashboard .chat .pin .message-content i{display:block}.dashboard .chat li.message-from .message-content{padding-left:6px}.dashboard .chat li.message-from .message-content i{padding:5px}.dashboard .chat li.message-own .message-content i{padding:5px;position:absolute;right:-15px}.dashboard .chat .group-info .circleButton{float:right;margin-bottom:0;margin-top:0}.dashboard .chat ul{margin-top:20px;padding:0}.dashboard .chat .new-message .message-input input.ui-inputtext:focus{box-shadow:none;outline:none}.dashboard .chat ul.hasPin{margin-top:10px}.dashboard .chat .group-info a{color:#495057}.normalHtml,.normalHtml b,.normalHtml strong{font-weight:400}.normalHtml{display:inline-block}.avatar-viewer .profile-image{border:1px solid #fff;border-radius:50%;height:40px;margin-top:-6px;width:40px}a.button>i{margin-right:5px}.dashboard .timeline{padding-top:20px}.ui-inputgroup .ui-inputtext{padding-right:0}.new-message .ui-inputtext{width:100%}.full-screen,.full-screen>.p-dialog{height:100%!important;left:0!important;max-height:100%;min-height:unset!important;min-width:100%!important;top:0!important;width:100%!important}#image-view-list.image-gallery-2{background-color:rgba(0,0,0,.4);height:calc(100vh - 41px);margin:-14px auto 0;touch-action:none;width:100%}#image-view-list.image-gallery-2 .image-container{background-color:transparent;border:0;bottom:0;height:85%;margin:auto}#image-view-list.image-gallery-2 .image-container .iv-snap-view{bottom:20px;left:calc(50% - 75px);top:auto}#image-view-list.image-gallery-2 .image-container .iv-image-view img{touch-action:auto}#image-view-list .inline-icon{margin-top:-41px}#image-view-list .footer-info,#image-view-list .material-icons.next,#image-view-list .material-icons.prev{display:none}#image-view-list .options-image-viewer{-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;margin-right:37px;user-select:none}.mobile-image-viewer-close{color:#fff;cursor:pointer;font-size:x-large;height:42px;line-height:42px;padding-right:7px;padding-top:2px;position:absolute;right:0;text-align:center;top:0;vertical-align:middle;width:37px}.mobile-image-viewer-close:hover{color:#feca37!important}.hide-holder{padding:0}.file-ex-name{word-break:break-all}.box-function{background:#fff;border-radius:0 0 5px 5px;border-top:1px solid #e8e8e8;bottom:0;left:0;padding:8px 30px;position:absolute;text-align:right;width:100%}.box-function button{margin-left:5px}.quick-note-button-holder{bottom:40px;display:none;height:50px;position:absolute;right:50px;width:50px;z-index:99}.quick-note-button{background:#ffc107;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 5px 0 #b9b9b9;color:#fff;display:block;font-size:2em;height:50px;line-height:50px;outline:none;text-align:center;width:50px}.quick-note-button:hover{color:#fff}.all-note-button{background:#ffd24b;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 5px 0 #b9b9b9;color:#fff;display:block;font-size:1.5em;height:40px;line-height:40px;outline:none;position:absolute;right:5px;text-align:center;top:5px;transition:right;transition-duration:.16s;transition-timing-function:ease-in;width:40px;z-index:-1}.all-note-button:hover{color:#fff}.setting-note-button{background:#ffd24b;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 5px 0 #b9b9b9;color:#fff;display:block;font-size:1.5em;height:40px;line-height:40px;outline:none;position:absolute;right:5px;text-align:center;top:5px;transition:right;transition-duration:.16s;transition-timing-function:ease-in;width:40px;z-index:-1}.setting-note-button:hover{color:#fff}.pinned-notes-holder{bottom:20px;display:none;left:20px;position:absolute;width:250px;z-index:98}.pinned-notes{background:transparent;display:block;outline:none;padding:0}.pinned-notes-header{font-size:1rem;font-weight:700}.pinned-notes-setting{position:absolute;right:.5rem}.pinned-note{background-color:#fff1ac;box-shadow:1px 2px 3px rgba(185,139,6,.6313725490196078);font-size:.8rem;margin-bottom:10px;padding:0;position:relative}.pinned-note:last-child{margin-bottom:0}.pinned-notes-minimize-button{background:#ffc003;border:1px solid #fff;border-radius:50%;box-shadow:1px 2px 3px rgba(185,139,6,.6313725490196078);color:#fff;cursor:pointer;height:25px;padding-top:5px;position:absolute;right:-15px;text-align:center;top:-15px;width:25px;z-index:1}.pinned-note-header-line{border:1px solid #fff;box-shadow:1px 1px 2px rgba(0,0,0,.4);height:calc(100% - 1rem);left:3px;margin-bottom:.5rem;margin-top:.5rem;max-height:20px;position:absolute;width:13px}.pinned-note-header-right{cursor:pointer;float:right;margin-left:3px;width:32px}.pinned-note-header-time{font-size:.6rem}.pinned-note-header-button-unpin{display:none;float:left;height:14px;margin-right:2px;opacity:.8;width:14px}.pinned-note-header-button-complete{display:none;padding-top:2px}.pinned-note-body{float:right;padding:.5rem .5rem .5rem 25px;width:100%}.pinned-note-body:hover{background-color:#feeb82}.pinned-note-body:hover .pinned-note-header-time{display:none}.pinned-note-body:hover .pinned-note-header-button-complete,.pinned-note-body:hover .pinned-note-header-button-unpin{display:block}.pinned-note-line-title{color:#333;display:block;font-weight:700;padding-bottom:6px}.pinned-note-line{display:block}.view-port{border-radius:5px;box-shadow:0 0 0 9999px rgba(0,0,0,.5882352941176471);display:none;height:0;width:0;z-index:999}.view-port,.view-port-mask{background:transparent;position:absolute}.view-port-mask{display:block;height:100%;left:0;top:0;width:100%;z-index:9998}.tinymce-control{border:1px solid #ccc;display:none;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;width:100%}.input-tab-trap{filter:alpha(opacity=0)!important;opacity:0!important;overflow:hidden!important;width:0!important}.color-value input{font-size:.8em;line-height:16px}.dialog-material.mobile{width:100%!important}audio,audio:focus,video,video:focus{outline:none}.iv-image-view img.iv-image{-webkit-animation:fadein .5s;animation:fadein .5s;visibility:hidden!important}@-webkit-keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes fadein{0%{opacity:0}to{opacity:1}}.iv-image-view img.iv-image.show{visibility:visible!important}.row-line{padding-bottom:0;padding-top:0}.fc-ltr{padding-bottom:7px}.padding-bottom-5px{padding-bottom:5px}.no-margin{margin:0!important}.no-padding{padding:0}.no-padding-left{padding-left:0}.float-left{float:left}body .fc .fc-toolbar .fc-button{background-color:#007ad9;border:1px solid #007ad9;border-radius:3px;color:#fff;font-size:14px;transition:background-color .2s,box-shadow .2s}body .fc .fc-toolbar .fc-button:enabled:hover{background-color:#116fbf;border-color:#116fbf;color:#fff}body .fc .fc-toolbar .fc-button:focus{box-shadow:0 0 0 .2em #8dcdff;outline:0 none;outline-offset:0}body .fc .fc-toolbar .fc-button-group .fc-button{border-radius:0}body .fc .fc-toolbar .fc-button-group .fc-button:first-child{border-bottom-left-radius:3px;border-top-left-radius:3px}body .fc .fc-toolbar .fc-button-group .fc-button:last-child{border-bottom-right-radius:3px;border-top-right-radius:3px}body .fc .fc-toolbar .fc-right .fc-button{border-radius:0}body .fc .fc-toolbar .fc-right .fc-button:first-child{border-bottom-left-radius:3px;border-top-left-radius:3px}body .fc .fc-toolbar .fc-right .fc-button:last-child{border-bottom-right-radius:3px;border-top-right-radius:3px}.fc-toolbar>*>:not(:first-child){margin-left:0}.fc-axis,.fc-dayGridMonth-button,.fc-timeGridDay-button,.fc-timeGridWeek-button,.old-content{line-height:0;text-indent:-9999px}.fc-axis:after,.fc-dayGridMonth-button:after,.fc-timeGridDay-button:after,.fc-timeGridWeek-button:after,.new-content{display:block;line-height:normal;text-indent:0}.fc-dayGridMonth-button:after{content:\"Th\u00E1ng\";padding:.2em}.fc-timeGridWeek-button:after{content:\"Tu\u1EA7n\";padding:.2em}.fc-timeGridDay-button:after{content:\"Ng\u00E0y\";padding:.2em}body .fc th{background-color:#f4f4f4;border:1px solid #c8c8c8;color:#333;padding:.571em 1em}.ui-fluid .button-group button,.ui-fluid .button-group p-button{margin-right:.5em!important;text-align:left;width:auto}.layout-wrapper .layout-menu-container{z-index:97}.base-status,.base-status-aborted,.base-status-approved,.base-status-completed,.base-status-create-new,.base-status-ended,.base-status-high,.base-status-immediately,.base-status-low,.base-status-medium,.base-status-on-conducting,.base-status-on-going,.base-status-pending,.base-status-rejected,.base-status-returned,.base-status-urgent{border-radius:.25em;color:#fff;font-size:.8em;padding:3px;text-align:center}.base-status-create-new{background-color:#f2f2f2;color:#666}.base-status-on-conducting,.base-status-on-going{background-color:#337ab7}.base-status-pending{background-color:#ffba01}.base-status-approved{background-color:#34a835}.base-status-returned{background-color:#ffba01}.base-status-rejected{background-color:#d9534f}.base-status-completed{background-color:#34a835}.base-status-aborted{background-color:#ffba01}.base-status-ended{background-color:#34a835}.base-status-low,.base-status-medium{background-color:#f2f2f2;color:#666}.base-status-high{background-color:#ffba01}.base-status-immediately,.base-status-urgent{background-color:#d9534f}.text-align-center{text-align:center}.font-weight-bold{font-weight:700}.landing-body .landing-menu li a:hover{border-bottom:none}.landing-body .landing-menu li:first-child{margin-left:8px}.crud-form .label-control p{margin:0;padding:0}.crud-form .tn-check-box-list .p-row{display:block;padding:.5em;width:100%}.crud-form dropdown,.crud-form tn-mask{width:100%}.crud-form .tn-dropdown{min-height:32px}.crud-form .tn-dropdown.free-text.horizontal{display:flex}.crud-form .tn-dropdown.free-text.horizontal>div{flex-grow:1;padding-left:.5em;padding-right:.5em}.crud-form .tn-dropdown.free-text.horizontal>div:first-child{padding-left:0}.crud-form .tn-dropdown.free-text.horizontal>div:last-child{padding-right:0}.crud-form .tn-dropdown.free-text.vertical input.ui-inputtext.input-free-text{margin-top:.5em}.crud-form.assessment .label-control{font-weight:700}.crud-form.assessment .label-control.haveIndex{display:block;margin-bottom:5px;padding-left:20px;position:relative}.crud-form.assessment .label-control.haveIndex:before{content:\" \" attr(label-index) \".\";left:0;position:absolute;top:0}.crud-form.assessment .ViewMode{border-bottom:none}.crud-form.assessment .ViewMode .label-control{margin-bottom:0}body .ui-inputtext.min-width{padding:6px}.ps__rail-x,.ps__rail-y{z-index:2}.zIndex5 .ps__rail-x,.zIndex5 .ps__rail-y{z-index:5}.table-sticky table{border-collapse:separate;border-spacing:0}.table-sticky tr td,.table-sticky tr th{border:1px solid #eee!important;border-left:none!important;border-top:none!important}.table-sticky tr td:first-child,.table-sticky tr th:first-child{border-left:1px solid #eee!important}.table-sticky tr td:last-child,.table-sticky tr th:last-child{border-right:none!important}.table-sticky tr:first-child th{border-top:1px solid #eee!important}.table-sticky th{background:#eee}.table-sticky tbody td.disabled{background:#eee!important}.table-sticky tbody td.disabled:not(:last-child){border-right:1px solid #fff!important}.table-sticky.fix-height tr:first-child th{position:-webkit-sticky;position:sticky;top:0;z-index:2}.container-flex{align-items:center;display:flex}.container-flex>div:first-child{flex:0 0 auto;margin-right:.5em}.container-flex>div:last-child{flex-grow:1}.container-control{display:flex}.container-control>span.label{flex:0 0 auto;padding-right:.5em;padding-top:.5em}.container-control>span.label+*{flex-grow:1;flex-shrink:1;position:relative}.container-control>span.label+* .tn-dropdown,.container-control>span.label+* .ui-autocomplete-multiple,.container-control>span.label+* .ui-inputgroup .ui-inputtext{width:100%}.container-control>span.label+* .validation-container{margin-top:3px}.container-control>span.label+* .validation-container .validate-item{white-space:unset}.container-control>span.label+*>div{left:0;position:absolute;top:0;width:100%}.container-control.no-label>span.label{display:none}.container-control.inline{display:inline-flex}.align-flex-center{align-items:center;display:flex;justify-content:center}@media print{.isPrinting>*{display:none}.isPrinting app-print-layout{display:block}}.layout-wrapper .topbar .topbar-left,.layout-wrapper .topbar .topbar-right{background:#397ac3}#searchResultPanel-holder{padding:0 .5em}.cus-dropdown{line-height:normal;margin-right:1em}.tn-thumbnail{padding:.5rem}.tn-thumbnail.tn-thumbnail.tn-thumbnail{box-sizing:border-box}.fa-10:before{content:\"A+\";font-family:cursive;font-weight:700}.layout-wrapper .topbar .topbar-right #menu-button i{font-size:20px;margin-top:4px}.layout-wrapper .layout-menu li a i.menuitem-toggle-icon{font-size:15px;margin-left:auto}.flex-container-main-content{display:flex;flex-direction:column}.flex-container-main-content>div:last-child{background-color:#f4f4f4;display:flex;flex:1 1;overflow:hidden;position:relative}.flex-container-main-content>div:last-child>div{height:100%;left:0;overflow:hidden;padding-top:.5em;position:absolute;top:0;width:100%}.flex-container-main-content .block-with-button-search{display:flex;justify-content:flex-end}.flex-container-main-content .block-with-button-search>*{margin-left:.5em}.flex-container-main-content .block-with-button-search>input{height:26px;margin-left:0;max-width:200px;width:100%}.flex-container-main-content .block-with-button-search>dropdown{max-width:140px;width:100%}.flex-container-main-content .title-main-component{border-bottom:2px solid #1ca7ff}.clickable-table.clickable-table{cursor:pointer}.main-crud-container{height:calc(100vh - 76px)}.flex-container-fit-child{display:flex;flex-direction:column;height:100%;overflow:hidden}.flex-container-fit-child>div.fit-content{flex:1 1;position:relative}.flex-container-fit-child>div.fit-content>div{height:100%;overflow:auto;position:absolute;width:100%}.waiting-box{display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:9999}.waiting-box .overlay{background-color:red;background-color:hsla(0,0%,42.7%,.5019607843137255);height:100%;width:100%}.waiting-box .content-loading{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.waiting-box.show{display:block}.function-topbar>*{vertical-align:top}.function-topbar button{width:auto}.function-topbar p-fileUpload{margin-right:1em}.function-topbar .container-control{display:inline-flex;line-height:normal}.function-topbar .container-control dropdown{width:100%}:focus{outline-color:#a6d5fa!important}address{font-style:normal}body .p-toast .p-toast-message{border-radius:0;border-width:0 0 0 4px!important}.__status span,.status span{font-size:.8rem}p-table.single-check .p-datatable .p-datatable-tbody>tr{cursor:pointer}p-table.single-check .p-datatable .p-datatable-tbody>tr.ui-state-highlight{background:#e3f2fd!important;outline:2px solid #a6d5fa}p-table.single-check .p-datatable .p-datatable-tbody>tr td.sticky .fix-sticky.top{display:none}p-table.multi-check .p-datatable .p-datatable-tbody>tr.ui-state-highlight{background:#e3f2fd!important}p-table.multi-check .p-datatable .p-datatable-tbody>tr.ui-state-highlight td{border-color:#fff}p-table.multi-check .p-datatable .p-datatable-tbody>tr.ui-state-highlight td .fix-sticky{background-color:#fff}.tn-animated-left-arrow-icon,.tn-animated-right-arrow-icon{height:32px;position:relative;width:14px;z-index:10}.tn-animated-right-arrow-icon{-webkit-animation:arrowBounceToRight .8s ease-in-out infinite alternate;animation:arrowBounceToRight .8s ease-in-out infinite alternate}.tn-animated-left-arrow-icon{-webkit-animation:arrowBounceToLeft .8s ease-in-out infinite alternate;animation:arrowBounceToLeft .8s ease-in-out infinite alternate}.tn-animated-left-arrow-icon:after,.tn-animated-left-arrow-icon:before,.tn-animated-right-arrow-icon:after,.tn-animated-right-arrow-icon:before{background-color:#88b0dd;content:\"\";display:block;height:20px;position:absolute;width:5px}.tn-animated-right-arrow-icon:before{left:4px;top:0;transform:rotate(-35deg)}.tn-animated-right-arrow-icon:after{left:4px;top:14px;transform:rotate(35deg)}.tn-animated-left-arrow-icon:before{right:4px;top:0;transform:rotate(35deg)}.tn-animated-left-arrow-icon:after{right:4px;top:14px;transform:rotate(-35deg)}@-webkit-keyframes arrowBounceToLeft{0%{transform:translateX(-3px)}to{transform:translateX(3px)}}@keyframes arrowBounceToLeft{0%{transform:translateX(-3px)}to{transform:translateX(3px)}}@-webkit-keyframes arrowBounceToRight{0%{transform:translateX(3px)}to{transform:translateX(-3px)}}@keyframes arrowBounceToRight{0%{transform:translateX(3px)}to{transform:translateX(-3px)}}.pass{color:#49c949}.not-pass,.pass{margin:5px;text-align:center}.not-pass{color:red}"]
+                    styles: [".paging-advance{list-style:none;margin:3px 0;padding-left:0}.paging-advance li{line-height:30;padding-left:15px;width:150px}.paging-advance li.disabled{color:#bdbdbd;outline:none}.paging-advance li.disabled:hover{background:none;cursor:default}.paging-advance li:hover{background:red;cursor:pointer}.paging-advance-overlay .ui-overlaypanel-content{padding:0}.paging-advance-overlay.ui-overlaypanel-shifted:before{left:1.25em;margin-left:-10;right:auto}.paging-advance-overlay.ui-overlaypanel-shifted:after{left:1.25em;margin-left:-8px;right:auto}.chat-avatar{border:2px solid #eee;height:36px}", "@charset \"UTF-8\";@import url(D:\\Projects\\shared\\AppSharedV5\\node_modules\\@angular\\material\\prebuilt-themes\\indigo-pink.css);@import url(D:\\Projects\\shared\\AppSharedV5\\node_modules\\jsoneditor\\dist\\jsoneditor.min.css);.flex{display:flex}.flex .fit{flex:1 1}.flex.flex-column{flex-direction:column}.flex.flex-wrap{flex-wrap:wrap}.flex.center-v{align-items:center}.flex.center-all,.flex.center-h{justify-content:center}.flex.center-all{align-items:center}.validate-item{color:#e00000;display:inline-block;font-size:.9em;white-space:nowrap}.tn-scroll-bar.bgWhite>div,.validate-item{background-color:#fff}.label-primary{background-color:#1ab394;padding:2px}.label-danger,.label-primary{border-radius:.25em;color:#fff;display:inline-block;font-size:12px;margin-left:3px;margin-right:3px;min-width:60px}.label-danger{background-color:#ed5565;padding:2px 5px}.label-warning{background-color:#b8860b}.label-secondary,.label-warning{border-radius:.25em;color:#fff;display:inline-block;font-size:12px;margin-left:3px;margin-right:3px;min-width:60px;padding:2px}.label-secondary{background-color:#a9a9a9}.label-done{background-color:#3b1ef7;border-radius:.25em;color:#fff;display:inline-block;font-size:12px;margin-left:3px;margin-right:3px;min-width:60px;padding:2px}.text-navy{color:#1ab394!important}.text-danger{color:red!important}.fa-user-edit{font-size:14px}.flexcolumn{border:1px solid #eee;border-radius:5px;min-height:80px;overflow-x:hidden;overflow-y:hidden}.flexcolumn,.has2ScrollZone2 .flexcolumn{max-height:calc(100vh - 180px)}.headerNoBorder>th{border:none!important;border-bottom:1px solid #eee!important}.cellNoBorder table tr td{border:0!important}.layout-wrapper .layout-main{overflow:hidden;padding:60px 0 0}div.circleButton{border-radius:50%;display:inline-block;height:32px;line-height:32px;margin-bottom:4px;margin-top:4px;overflow:hidden;position:relative;text-align:center;transform:perspective(1px);width:32px}div.circleButton>a{line-height:32px;padding:0!important}div.circleButton>a>i{width:24px!important}div.circleButton:before{background:#e6e6e6;border-radius:50%;bottom:0;content:\"\";left:0;position:absolute;right:0;top:0;transform:scale(0);transition:all .3s cubic-bezier(.4,.34,.01,.97);z-index:-1}div.circleButton:hover:before{transform:scale(1)}.message-notice{background:#e0e0e0;text-align:center}.message-created-by{color:#888;font-size:.82em;font-weight:400;margin-bottom:3px;margin-left:45px;margin-top:5px}.message-created{color:#495057;display:inline-block;font-size:.82em;margin-bottom:0;margin-top:0}.message-own .message-created{padding-left:10px;padding-right:6px}.message-from .message-created{padding-left:6px;padding-right:10px}.message-content{color:#000;line-height:20px;margin-bottom:6px;margin-top:3px;position:relative}.message-content i{display:none}.message-content:hover i{display:block}.message-content:hover{padding-right:20px!important}.chat-box-content{max-height:500px}.attachment-list .attachment-item{-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;background:#f1f1f1;border:1px solid #ccc;border-radius:8px;box-shadow:1px 2px 3px rgba(0,0,0,.06);float:left;height:84px;margin:8px;overflow:hidden;position:relative;text-align:center;user-select:none;width:84px}.attachment-list .attachment-item img{height:100%;width:100%}.attachment-list .attachment-item span{left:0;padding:5px;position:absolute;top:25px;width:100%;word-break:break-all}.clearfix{clear:both}.dashboard .chat ul li img.message-img{float:none;height:120px;margin-left:0;width:auto}.message-attachment{cursor:pointer;font-size:1.5em;margin:0 5px 0 0;position:relative}.hidden{display:none}.message-input{width:100%}.message-input label{font-size:1.2rem}.remove-file-attachment{background:#495057;border-radius:50%;color:#fff;cursor:pointer;font-size:20px;position:absolute;right:5px;top:5px}.attachment-list{background:#fff;bottom:51px;box-shadow:0 -2px 3px -3px rgba(0,0,0,.21176470588235294);display:none;height:100px;left:-15px;position:absolute;width:calc(100% + 30px)}.attachment-list.attached-file{display:block}.dashboard{margin-bottom:-15px;margin-top:-5px}.dashboard .timeline>.ui-g .ui-g-9 .event-text{color:#555;white-space:nowrap}.dashboard .timeline>.ui-g .ui-g-9 .event-text.event-text2{line-height:18px;padding-left:30px;text-align:justify;white-space:pre-wrap}.dashboard .timeline>.ui-g .ui-g-9 .event-text.event-text2 i{left:20px;margin-top:3px;position:absolute}.new-message{align-items:center;justify-content:center}.dashboard .chat .new-message{border:0;display:flex;margin:0;padding:0;text-align:left}.dashboard .chat .new-message i{color:#495057}.dashboard .chat .new-message .message-attachment{border:0}.dashboard .chat .new-message .button-send{display:inline-block;line-height:40px;position:relative}.dashboard .chat .new-message .button-send .p-button-label{text-align:center}.dashboard .chat .new-message .message-emotion{display:inline-block;height:100%;line-height:40px;text-align:center;width:40px}.dashboard .chat .new-message .message-emotion i{font-size:24px;line-height:inherit}.dashboard .chat .new-message .message-input{width:calc(100% - 155px)}.dashboard .chat ul li.message-from,.dashboard .chat ul li.message-own{padding:0}.dashboard .chat ul li.message-from>span{background-color:#f0e3fd;border:0;border-radius:2px 20px 20px 2px}.dashboard .chat ul li.message-from>.first,.dashboard .chat ul li.message-from>.middle{margin-left:45px!important}.dashboard .chat ul li.message-from>.last{border-radius:2px 20px 20px 20px;margin-left:45px!important}.dashboard .chat ul li.message-from>img{border-radius:50%;margin-top:5px;position:absolute;width:36px}.dashboard .chat ul li.message-own>span{background-color:#def6f8;border:0;border-radius:20px 2px 2px 20px;text-align:right}.dashboard .chat ul li.message-own>span.sending{background-color:#eee}.dashboard .chat ul li.message-own>span.last{border-radius:20px 2px 20px 20px}.dashboard .chat ul li.message-own .attachment span.attachment-item{background-color:#f1f1f1!important;border:0!important;padding-left:0;padding-right:0}.dashboard .chat ul li.message-own .attachment span.attachment-item a{color:#555;cursor:pointer;display:inline-block;font-weight:700}.dashboard .chat ul li.message-own>div.file{background:#f1f1f1;border:1px solid #e4e4e4;border-radius:6px;display:inline-block;margin:1px;overflow:hidden;text-align:right}.dashboard .chat ul li.message-from .attachment span.attachment-item{background-color:#f1f1f1!important;border:0!important;padding-left:0;padding-right:0}.dashboard .chat ul li.message-from .attachment span.attachment-item a{color:#555;cursor:pointer;display:inline-block;font-weight:700}.dashboard .chat ul li.message-from .attachment span.attachment-item a img{margin-right:0}.dashboard .chat ul li.message-from>div.file{background:#f1f1f1;border:1px solid #e4e4e4;border-radius:6px;display:inline-block;margin:1px;overflow:hidden;text-align:left}.dashboard .chat ul li .attachment span.attachment-item a>i{padding-right:8px}.dashboard .chat ul li div.file p.attachment{display:inline-block;margin-bottom:5px}.dashboard .chat ul li.message-from{text-align:left}.dashboard .chat ul li.message-own{text-align:right}.dashboard .chat ul li>div.file.image{height:170px;max-width:100%;padding:15px;transition:width .15s linear;width:220px}.dashboard .chat ul li>div.file.image p.attachment{height:120px}.dashboard .chat ul li>div.file{padding:15px}.dashboard .chat ul li>div.file p,.dashboard .chat ul li>div.file span{display:inline-block;margin:0;padding:0}.visible{opacity:1;transition:opacity .15s linear;visibility:visible}.hidden{opacity:0;transition:visibility 0s .1s,opacity .1s linear;visibility:hidden}.visible2{opacity:1;transition:opacity .35s linear;visibility:visible}.hidden2{opacity:0;transition:visibility 0s .3s,opacity .3s linear;visibility:hidden}.dashboard .chat{position:relative}.dashboard .chat .scroll-to-bottom{bottom:6px;min-height:40px;padding-right:12px;position:-webkit-sticky;position:sticky;text-align:right}.dashboard .chat .scroll-to-bottom span{background:#495057;border:2px solid #fff;border-radius:50%;box-shadow:0 0 10px rgba(0,0,0,.34901960784313724);color:#fff;cursor:pointer;display:inline-block;font-size:20px;height:35px;line-height:35px;overflow:hidden;text-align:center;width:35px}.dashboard .chat .group-info{line-height:30px;margin:-10px;padding:5px 10px;top:0;z-index:99}.dashboard .chat .group-info,.dashboard .chat .pin{background:#fff;box-shadow:0 0 3px -1px rgba(0,0,0,.21176470588235294);position:-webkit-sticky;position:sticky}.dashboard .chat .pin{margin-bottom:10px;margin-left:-10px;top:40px;width:calc(100% + 20px);z-index:98}.dashboard .chat ul li.message-from.pin>span,.dashboard .chat ul li.message-own.pin>span{background-color:transparent}.dashboard .chat ul li.message-from.pin>span{margin-left:0}.dashboard .chat .message-content i{color:#495057;cursor:pointer;font-size:11px}.dashboard .chat .pin .message-content i{display:block}.dashboard .chat li.message-from .message-content{padding-left:6px}.dashboard .chat li.message-from .message-content i{padding:5px}.dashboard .chat li.message-own .message-content i{padding:5px;position:absolute;right:-15px}.dashboard .chat .group-info .circleButton{float:right;margin-bottom:0;margin-top:0}.dashboard .chat ul{margin-top:20px;padding:0}.dashboard .chat .new-message .message-input input.ui-inputtext:focus{box-shadow:none;outline:none}.dashboard .chat ul.hasPin{margin-top:10px}.dashboard .chat .group-info a{color:#495057}.normalHtml,.normalHtml b,.normalHtml strong{font-weight:400}.normalHtml{display:inline-block}.avatar-viewer .profile-image{border:1px solid #fff;border-radius:50%;height:40px;margin-top:-6px;width:40px}a.button>i{margin-right:5px}.dashboard .timeline{padding-top:20px}.ui-inputgroup .ui-inputtext{padding-right:0}.new-message .ui-inputtext{width:100%}.full-screen,.full-screen>.p-dialog{height:100%!important;left:0!important;max-height:100%;min-height:unset!important;min-width:100%!important;top:0!important;width:100%!important}#image-view-list.image-gallery-2{background-color:rgba(0,0,0,.4);height:calc(100vh - 41px);margin:-14px auto 0;touch-action:none;width:100%}#image-view-list.image-gallery-2 .image-container{background-color:transparent;border:0;bottom:0;height:85%;margin:auto}#image-view-list.image-gallery-2 .image-container .iv-snap-view{bottom:20px;left:calc(50% - 75px);top:auto}#image-view-list.image-gallery-2 .image-container .iv-image-view img{touch-action:auto}#image-view-list .inline-icon{margin-top:-41px}#image-view-list .footer-info,#image-view-list .material-icons.next,#image-view-list .material-icons.prev{display:none}#image-view-list .options-image-viewer{-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;margin-right:37px;user-select:none}.mobile-image-viewer-close{color:#fff;cursor:pointer;font-size:x-large;height:42px;line-height:42px;padding-right:7px;padding-top:2px;position:absolute;right:0;text-align:center;top:0;vertical-align:middle;width:37px}.mobile-image-viewer-close:hover{color:#feca37!important}.hide-holder{padding:0}.file-ex-name{word-break:break-all}.box-function{background:#fff;border-radius:0 0 5px 5px;border-top:1px solid #e8e8e8;bottom:0;left:0;padding:8px 30px;position:absolute;text-align:right;width:100%}.box-function button{margin-left:5px}.quick-note-button-holder{bottom:40px;display:none;height:50px;position:absolute;right:50px;width:50px;z-index:99}.quick-note-button{background:#ffc107;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 5px 0 #b9b9b9;color:#fff;display:block;font-size:2em;height:50px;line-height:50px;outline:none;text-align:center;width:50px}.quick-note-button:hover{color:#fff}.all-note-button{background:#ffd24b;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 5px 0 #b9b9b9;color:#fff;display:block;font-size:1.5em;height:40px;line-height:40px;outline:none;position:absolute;right:5px;text-align:center;top:5px;transition:right;transition-duration:.16s;transition-timing-function:ease-in;width:40px;z-index:-1}.all-note-button:hover{color:#fff}.setting-note-button{background:#ffd24b;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 5px 0 #b9b9b9;color:#fff;display:block;font-size:1.5em;height:40px;line-height:40px;outline:none;position:absolute;right:5px;text-align:center;top:5px;transition:right;transition-duration:.16s;transition-timing-function:ease-in;width:40px;z-index:-1}.setting-note-button:hover{color:#fff}.pinned-notes-holder{bottom:20px;display:none;left:20px;position:absolute;width:250px;z-index:98}.pinned-notes{background:transparent;display:block;outline:none;padding:0}.pinned-notes-header{font-size:1rem;font-weight:700}.pinned-notes-setting{position:absolute;right:.5rem}.pinned-note{background-color:#fff1ac;box-shadow:1px 2px 3px rgba(185,139,6,.6313725490196078);font-size:.8rem;margin-bottom:10px;padding:0;position:relative}.pinned-note:last-child{margin-bottom:0}.pinned-notes-minimize-button{background:#ffc003;border:1px solid #fff;border-radius:50%;box-shadow:1px 2px 3px rgba(185,139,6,.6313725490196078);color:#fff;cursor:pointer;height:25px;padding-top:5px;position:absolute;right:-15px;text-align:center;top:-15px;width:25px;z-index:1}.pinned-note-header-line{border:1px solid #fff;box-shadow:1px 1px 2px rgba(0,0,0,.4);height:calc(100% - 1rem);left:3px;margin-bottom:.5rem;margin-top:.5rem;max-height:20px;position:absolute;width:13px}.pinned-note-header-right{cursor:pointer;float:right;margin-left:3px;width:32px}.pinned-note-header-time{font-size:.6rem}.pinned-note-header-button-unpin{display:none;float:left;height:14px;margin-right:2px;opacity:.8;width:14px}.pinned-note-header-button-complete{display:none;padding-top:2px}.pinned-note-body{float:right;padding:.5rem .5rem .5rem 25px;width:100%}.pinned-note-body:hover{background-color:#feeb82}.pinned-note-body:hover .pinned-note-header-time{display:none}.pinned-note-body:hover .pinned-note-header-button-complete,.pinned-note-body:hover .pinned-note-header-button-unpin{display:block}.pinned-note-line-title{color:#333;display:block;font-weight:700;padding-bottom:6px}.pinned-note-line{display:block}.view-port{border-radius:5px;box-shadow:0 0 0 9999px rgba(0,0,0,.5882352941176471);display:none;height:0;width:0;z-index:999}.view-port,.view-port-mask{background:transparent;position:absolute}.view-port-mask{display:block;height:100%;left:0;top:0;width:100%;z-index:9998}.tinymce-control{border:1px solid #ccc;display:none;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;width:100%}.input-tab-trap{filter:alpha(opacity=0)!important;opacity:0!important;overflow:hidden!important;width:0!important}.color-value input{font-size:.8em;line-height:16px}.dialog-material.mobile{width:100%!important}audio,audio:focus,video,video:focus{outline:none}.iv-image-view img.iv-image{-webkit-animation:fadein .5s;animation:fadein .5s;visibility:hidden!important}@-webkit-keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes fadein{0%{opacity:0}to{opacity:1}}.iv-image-view img.iv-image.show{visibility:visible!important}.row-line{padding-bottom:0;padding-top:0}.fc-ltr{padding-bottom:7px}.padding-bottom-5px{padding-bottom:5px}.no-margin{margin:0!important}.no-padding{padding:0}.no-padding-left{padding-left:0}.float-left{float:left}body .fc .fc-toolbar .fc-button{background-color:#007ad9;border:1px solid #007ad9;border-radius:3px;color:#fff;font-size:14px;transition:background-color .2s,box-shadow .2s}body .fc .fc-toolbar .fc-button:enabled:hover{background-color:#116fbf;border-color:#116fbf;color:#fff}body .fc .fc-toolbar .fc-button:focus{box-shadow:0 0 0 .2em #8dcdff;outline:0 none;outline-offset:0}body .fc .fc-toolbar .fc-button-group .fc-button{border-radius:0}body .fc .fc-toolbar .fc-button-group .fc-button:first-child{border-bottom-left-radius:3px;border-top-left-radius:3px}body .fc .fc-toolbar .fc-button-group .fc-button:last-child{border-bottom-right-radius:3px;border-top-right-radius:3px}body .fc .fc-toolbar .fc-right .fc-button{border-radius:0}body .fc .fc-toolbar .fc-right .fc-button:first-child{border-bottom-left-radius:3px;border-top-left-radius:3px}body .fc .fc-toolbar .fc-right .fc-button:last-child{border-bottom-right-radius:3px;border-top-right-radius:3px}.fc-toolbar>*>:not(:first-child){margin-left:0}.fc-axis,.fc-dayGridMonth-button,.fc-timeGridDay-button,.fc-timeGridWeek-button,.old-content{line-height:0;text-indent:-9999px}.fc-axis:after,.fc-dayGridMonth-button:after,.fc-timeGridDay-button:after,.fc-timeGridWeek-button:after,.new-content{display:block;line-height:normal;text-indent:0}.fc-dayGridMonth-button:after{content:\"Th\u00E1ng\";padding:.2em}.fc-timeGridWeek-button:after{content:\"Tu\u1EA7n\";padding:.2em}.fc-timeGridDay-button:after{content:\"Ng\u00E0y\";padding:.2em}body .fc th{background-color:#f4f4f4;border:1px solid #c8c8c8;color:#333;padding:.571em 1em}.ui-fluid .button-group button,.ui-fluid .button-group p-button{margin-right:.5em!important;text-align:left;width:auto}.layout-wrapper .layout-menu-container{z-index:97}.base-status,.base-status-aborted,.base-status-approved,.base-status-completed,.base-status-create-new,.base-status-ended,.base-status-high,.base-status-immediately,.base-status-low,.base-status-medium,.base-status-on-conducting,.base-status-on-going,.base-status-pending,.base-status-rejected,.base-status-returned,.base-status-urgent{border-radius:.25em;color:#fff;font-size:.8em;padding:3px;text-align:center}.base-status-create-new{background-color:#f2f2f2;color:#666}.base-status-on-conducting,.base-status-on-going{background-color:#337ab7}.base-status-pending{background-color:#ffba01}.base-status-approved{background-color:#34a835}.base-status-returned{background-color:#ffba01}.base-status-rejected{background-color:#d9534f}.base-status-completed{background-color:#34a835}.base-status-aborted{background-color:#ffba01}.base-status-ended{background-color:#34a835}.base-status-low,.base-status-medium{background-color:#f2f2f2;color:#666}.base-status-high{background-color:#ffba01}.base-status-immediately,.base-status-urgent{background-color:#d9534f}.text-align-center{text-align:center}.font-weight-bold{font-weight:700}.landing-body .landing-menu li a:hover{border-bottom:none}.landing-body .landing-menu li:first-child{margin-left:8px}.crud-form .label-control p{margin:0;padding:0}.crud-form .tn-check-box-list .p-row{display:block;padding:.5em;width:100%}.crud-form dropdown,.crud-form tn-mask{width:100%}.crud-form .tn-dropdown{min-height:32px}.crud-form .tn-dropdown.free-text.horizontal{display:flex}.crud-form .tn-dropdown.free-text.horizontal>div{flex-grow:1;padding-left:.5em;padding-right:.5em}.crud-form .tn-dropdown.free-text.horizontal>div:first-child{padding-left:0}.crud-form .tn-dropdown.free-text.horizontal>div:last-child{padding-right:0}.crud-form .tn-dropdown.free-text.vertical input.ui-inputtext.input-free-text{margin-top:.5em}.crud-form.assessment .label-control{font-weight:700}.crud-form.assessment .label-control.haveIndex{display:block;margin-bottom:5px;padding-left:20px;position:relative}.crud-form.assessment .label-control.haveIndex:before{content:\" \" attr(label-index) \".\";left:0;position:absolute;top:0}.crud-form.assessment .ViewMode{border-bottom:none}.crud-form.assessment .ViewMode .label-control{margin-bottom:0}body .ui-inputtext.min-width{padding:6px}.ps__rail-x,.ps__rail-y{z-index:2}.zIndex5 .ps__rail-x,.zIndex5 .ps__rail-y{z-index:5}.table-sticky table{border-collapse:separate;border-spacing:0}.table-sticky tr td,.table-sticky tr th{border:1px solid #eee!important;border-left:none!important;border-top:none!important}.table-sticky tr td:first-child,.table-sticky tr th:first-child{border-left:1px solid #eee!important}.table-sticky tr td:last-child,.table-sticky tr th:last-child{border-right:none!important}.table-sticky tr:first-child th{border-top:1px solid #eee!important}.table-sticky th{background:#eee}.table-sticky tbody td.disabled{background:#eee!important}.table-sticky tbody td.disabled:not(:last-child){border-right:1px solid #fff!important}.table-sticky.fix-height tr:first-child th{position:-webkit-sticky;position:sticky;top:0;z-index:2}.container-flex{align-items:center;display:flex}.container-flex>div:first-child{flex:0 0 auto;margin-right:.5em}.container-flex>div:last-child{flex-grow:1}.container-control{display:flex}.container-control>span.label{flex:0 0 auto;padding-right:.5em;padding-top:.5em}.container-control>span.label+*{flex-grow:1;flex-shrink:1;position:relative}.container-control>span.label+* .tn-dropdown,.container-control>span.label+* .ui-autocomplete-multiple,.container-control>span.label+* .ui-inputgroup .ui-inputtext{width:100%}.container-control>span.label+* .validation-container{margin-top:3px}.container-control>span.label+* .validation-container .validate-item{white-space:unset}.container-control>span.label+*>div{left:0;position:absolute;top:0;width:100%}.container-control.no-label>span.label{display:none}.container-control.inline{display:inline-flex}.align-flex-center{align-items:center;display:flex;justify-content:center}@media print{.isPrinting>*{display:none}.isPrinting app-print-layout{display:block}}.layout-wrapper .topbar .topbar-left,.layout-wrapper .topbar .topbar-right{background:#397ac3}#searchResultPanel-holder{padding:0 .5em}.cus-dropdown{line-height:normal;margin-right:1em}.tn-thumbnail{padding:.5rem}.tn-thumbnail.tn-thumbnail.tn-thumbnail{box-sizing:border-box}.fa-10:before{content:\"A+\";font-family:cursive;font-weight:700}.layout-wrapper .topbar .topbar-right #menu-button i{font-size:20px;margin-top:4px}.layout-wrapper .layout-menu li a i.menuitem-toggle-icon{font-size:15px;margin-left:auto}.flex-container-main-content{display:flex;flex-direction:column}.flex-container-main-content>div:last-child{background-color:#f4f4f4;display:flex;flex:1 1;overflow:hidden;position:relative}.flex-container-main-content>div:last-child>div{height:100%;left:0;overflow:hidden;padding-top:.5em;position:absolute;top:0;width:100%}.flex-container-main-content .block-with-button-search{display:flex;justify-content:flex-end}.flex-container-main-content .block-with-button-search>*{margin-left:.5em}.flex-container-main-content .block-with-button-search>input{height:26px;margin-left:0;max-width:200px;width:100%}.flex-container-main-content .block-with-button-search>dropdown{max-width:140px;width:100%}.flex-container-main-content .title-main-component{border-bottom:2px solid #1ca7ff}.clickable-table.clickable-table{cursor:pointer}.main-crud-container{height:calc(100vh - 76px)}.flex-container-fit-child{display:flex;flex-direction:column;height:100%;overflow:hidden}.flex-container-fit-child>div.fit-content{flex:1 1;position:relative}.flex-container-fit-child>div.fit-content>div{height:100%;overflow:auto;position:absolute;width:100%}.waiting-box{display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:9999}.waiting-box .overlay{background-color:red;background-color:hsla(0,0%,42.7%,.5019607843137255);height:100%;width:100%}.waiting-box .content-loading{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.waiting-box.show{display:block}.function-topbar>*{vertical-align:top}.function-topbar button{width:auto}.function-topbar p-fileUpload{margin-right:1em}.function-topbar .container-control{display:inline-flex;line-height:normal}.function-topbar .container-control dropdown{width:100%}:focus{outline-color:#a6d5fa!important}address{font-style:normal}body .p-toast .p-toast-message{border-radius:0;border-width:0 0 0 4px!important}.__status span,.status span{font-size:.8rem}p-table.single-check .p-datatable .p-datatable-tbody>tr{cursor:pointer}p-table.single-check .p-datatable .p-datatable-tbody>tr.ui-state-highlight{background:#e3f2fd!important;outline:2px solid #a6d5fa}p-table.single-check .p-datatable .p-datatable-tbody>tr td.sticky .fix-sticky.top{display:none}p-table.multi-check .p-datatable .p-datatable-tbody>tr.ui-state-highlight{background:#e3f2fd!important}p-table.multi-check .p-datatable .p-datatable-tbody>tr.ui-state-highlight td{border-color:#fff}p-table.multi-check .p-datatable .p-datatable-tbody>tr.ui-state-highlight td .fix-sticky{background-color:#fff}.tn-animated-left-arrow-icon,.tn-animated-right-arrow-icon{height:32px;position:relative;width:14px;z-index:10}.tn-animated-right-arrow-icon{-webkit-animation:arrowBounceToRight .8s ease-in-out infinite alternate;animation:arrowBounceToRight .8s ease-in-out infinite alternate}.tn-animated-left-arrow-icon{-webkit-animation:arrowBounceToLeft .8s ease-in-out infinite alternate;animation:arrowBounceToLeft .8s ease-in-out infinite alternate}.tn-animated-left-arrow-icon:after,.tn-animated-left-arrow-icon:before,.tn-animated-right-arrow-icon:after,.tn-animated-right-arrow-icon:before{background-color:#88b0dd;content:\"\";display:block;height:20px;position:absolute;width:5px}.tn-animated-right-arrow-icon:before{left:4px;top:0;transform:rotate(-35deg)}.tn-animated-right-arrow-icon:after{left:4px;top:14px;transform:rotate(35deg)}.tn-animated-left-arrow-icon:before{right:4px;top:0;transform:rotate(35deg)}.tn-animated-left-arrow-icon:after{right:4px;top:14px;transform:rotate(-35deg)}@-webkit-keyframes arrowBounceToLeft{0%{transform:translateX(-3px)}to{transform:translateX(3px)}}@keyframes arrowBounceToLeft{0%{transform:translateX(-3px)}to{transform:translateX(3px)}}@-webkit-keyframes arrowBounceToRight{0%{transform:translateX(3px)}to{transform:translateX(-3px)}}@keyframes arrowBounceToRight{0%{transform:translateX(3px)}to{transform:translateX(-3px)}}.pass{color:#49c949}.not-pass,.pass{margin:5px;text-align:center}.not-pass{color:red}"]
                 },] }
     ];
     ChatBoxComponent.ctorParameters = function () { return [
@@ -27521,7 +27544,7 @@
                     selector: 'chat-send-message-box',
                     template: "<div class=\"dashboard\" (mouseup)=\"onMouseUp($event)\">\r\n    <div class=\"chat\">\r\n        <div class=\"new-message\">\r\n            <div class=\"message-emotion\">\r\n                <i class=\"far fa-smile\" style=\"color: gray;\" disabled=\"true\"></i>\r\n            </div>\r\n            <div class=\"message-attachment\" pTooltip=\"\u0110\u00EDnh k\u00E8m file\" tooltipPosition=\"top\" (click)=\"op.toggle($event)\">\r\n                <i class=\"fas fa-paperclip\"></i>\r\n            </div>\r\n            <p-overlayPanel #op [dismissable]=\"true\" [appendTo]=\"'body'\" [styleClass]=\"'paging-advance-overlay'\"\r\n                            (mouseup)=\"onMouseUp($event)\">\r\n                <ul class=\"paging-advance\">\r\n                    <li (click)=\"browseFileFromPersonal()\">T\u1EEB file c\u00E1 nh\u00E2n</li>\r\n                    <li (click)=\"browseFileFromComputer()\">T\u1EA3i l\u00EAn t\u1EEB m\u00E1y t\u00EDnh</li>\r\n                </ul>\r\n            </p-overlayPanel>\r\n            <div class=\"message-input p-float-label\">\r\n                <input #input pInputText\r\n                       id=\"message\"\r\n                       autocomplete=\"off\" autocorrect=\"off\"\r\n                       spellcheck=\"false\" class=\"ui-inputtext\"\r\n                       type=\"text\" placeholder=\"N\u1ED9i dung tin nh\u1EAFn\"\r\n                       [(ngModel)]=\"model.content\"\r\n                       (keyup.enter)=\"onSendMessage($event.target.value)\" (keydown.shift.tab)=\"cancelBlur($event)\"\r\n                       (keydown.tab)=\"cancelBlur($event)\" (paste)=\"handlePaste($event)\" (click)=\"clickInputText()\"/>\r\n            </div>\r\n            <div>\r\n                <button pButton class=\"p-button-danger\" icon=\"fas fa-send\" type=\"button\" label=\"G\u1EEDi\"\r\n                        (click)=\"onSendMessage(model.content)\">\r\n                </button>\r\n            </div>\r\n        </div>\r\n        <div class=\"attachment-list\" [ngClass]=\"model.classHasAttachment\">\r\n            <tn-custom-scrollbar #scrollbar [style]=\"{'height': '100px'}\">\r\n                <div *ngFor=\"let item of model.attachments\" class=\"attachment-item\">\r\n                    <img *ngIf=\"item.type == 'image'\" [src]=\"item.url | safeUrl\"/>\r\n                    <span *ngIf=\"item.type == 'file'\">{{item.fileName}}</span>\r\n                    <i class=\"far fa-times-circle label-danger remove-file-attachment\"\r\n                       (click)=\"removeAttachment(item)\"></i>\r\n                </div>\r\n            </tn-custom-scrollbar>\r\n            <!--            <div class=\"clearfix\"></div>-->\r\n        </div>\r\n    </div>\r\n</div>\r\n<p-fileUpload [ngStyle]=\"{'display': 'none'}\" #fileElement (onSelect)=\"onSelectFileFromComputer($event)\"\r\n              multiple=\"multiple\" name=\"fileUpload\" [maxFileSize]=\"model.maxFileSize\" auto=\"false\">\r\n</p-fileUpload>\r\n\r\n<!-- <app-drive-file-dialog *ngIf=\"model.driveFileDialog.show\" [parentDataContext]=\"dataContext\"\r\n    []=\"model.driveFileDialog\" #driveFileDialog>\r\n</app-drive-file-dialog> -->\r\n",
                     providers: [ComponentContextService],
-                    styles: ["", "@charset \"UTF-8\";@import url(D:\\Code\\git.dttt.vn\\5.1\\shared\\AppSharedV5\\node_modules\\@angular\\material\\prebuilt-themes\\indigo-pink.css);@import url(D:\\Code\\git.dttt.vn\\5.1\\shared\\AppSharedV5\\node_modules\\jsoneditor\\dist\\jsoneditor.min.css);.flex{display:flex}.flex .fit{flex:1 1}.flex.flex-column{flex-direction:column}.flex.flex-wrap{flex-wrap:wrap}.flex.center-v{align-items:center}.flex.center-all,.flex.center-h{justify-content:center}.flex.center-all{align-items:center}.validate-item{color:#e00000;display:inline-block;font-size:.9em;white-space:nowrap}.tn-scroll-bar.bgWhite>div,.validate-item{background-color:#fff}.label-primary{background-color:#1ab394;padding:2px}.label-danger,.label-primary{border-radius:.25em;color:#fff;display:inline-block;font-size:12px;margin-left:3px;margin-right:3px;min-width:60px}.label-danger{background-color:#ed5565;padding:2px 5px}.label-warning{background-color:#b8860b}.label-secondary,.label-warning{border-radius:.25em;color:#fff;display:inline-block;font-size:12px;margin-left:3px;margin-right:3px;min-width:60px;padding:2px}.label-secondary{background-color:#a9a9a9}.label-done{background-color:#3b1ef7;border-radius:.25em;color:#fff;display:inline-block;font-size:12px;margin-left:3px;margin-right:3px;min-width:60px;padding:2px}.text-navy{color:#1ab394!important}.text-danger{color:red!important}.fa-user-edit{font-size:14px}.flexcolumn{border:1px solid #eee;border-radius:5px;min-height:80px;overflow-x:hidden;overflow-y:hidden}.flexcolumn,.has2ScrollZone2 .flexcolumn{max-height:calc(100vh - 180px)}.headerNoBorder>th{border:none!important;border-bottom:1px solid #eee!important}.cellNoBorder table tr td{border:0!important}.layout-wrapper .layout-main{overflow:hidden;padding:60px 0 0}div.circleButton{border-radius:50%;display:inline-block;height:32px;line-height:32px;margin-bottom:4px;margin-top:4px;overflow:hidden;position:relative;text-align:center;transform:perspective(1px);width:32px}div.circleButton>a{line-height:32px;padding:0!important}div.circleButton>a>i{width:24px!important}div.circleButton:before{background:#e6e6e6;border-radius:50%;bottom:0;content:\"\";left:0;position:absolute;right:0;top:0;transform:scale(0);transition:all .3s cubic-bezier(.4,.34,.01,.97);z-index:-1}div.circleButton:hover:before{transform:scale(1)}.message-notice{background:#e0e0e0;text-align:center}.message-created-by{color:#888;font-size:.82em;font-weight:400;margin-bottom:3px;margin-left:45px;margin-top:5px}.message-created{color:#495057;display:inline-block;font-size:.82em;margin-bottom:0;margin-top:0}.message-own .message-created{padding-left:10px;padding-right:6px}.message-from .message-created{padding-left:6px;padding-right:10px}.message-content{color:#000;line-height:20px;margin-bottom:6px;margin-top:3px;position:relative}.message-content i{display:none}.message-content:hover i{display:block}.message-content:hover{padding-right:20px!important}.chat-box-content{max-height:500px}.attachment-list .attachment-item{-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;background:#f1f1f1;border:1px solid #ccc;border-radius:8px;box-shadow:1px 2px 3px rgba(0,0,0,.06);float:left;height:84px;margin:8px;overflow:hidden;position:relative;text-align:center;user-select:none;width:84px}.attachment-list .attachment-item img{height:100%;width:100%}.attachment-list .attachment-item span{left:0;padding:5px;position:absolute;top:25px;width:100%;word-break:break-all}.clearfix{clear:both}.dashboard .chat ul li img.message-img{float:none;height:120px;margin-left:0;width:auto}.message-attachment{cursor:pointer;font-size:1.5em;margin:0 5px 0 0;position:relative}.hidden{display:none}.message-input{width:100%}.message-input label{font-size:1.2rem}.remove-file-attachment{background:#495057;border-radius:50%;color:#fff;cursor:pointer;font-size:20px;position:absolute;right:5px;top:5px}.attachment-list{background:#fff;bottom:51px;box-shadow:0 -2px 3px -3px rgba(0,0,0,.21176470588235294);display:none;height:100px;left:-15px;position:absolute;width:calc(100% + 30px)}.attachment-list.attached-file{display:block}.dashboard{margin-bottom:-15px;margin-top:-5px}.dashboard .timeline>.ui-g .ui-g-9 .event-text{color:#555;white-space:nowrap}.dashboard .timeline>.ui-g .ui-g-9 .event-text.event-text2{line-height:18px;padding-left:30px;text-align:justify;white-space:pre-wrap}.dashboard .timeline>.ui-g .ui-g-9 .event-text.event-text2 i{left:20px;margin-top:3px;position:absolute}.new-message{align-items:center;justify-content:center}.dashboard .chat .new-message{border:0;display:flex;margin:0;padding:0;text-align:left}.dashboard .chat .new-message i{color:#495057}.dashboard .chat .new-message .message-attachment{border:0}.dashboard .chat .new-message .button-send{display:inline-block;line-height:40px;position:relative}.dashboard .chat .new-message .button-send .p-button-label{text-align:center}.dashboard .chat .new-message .message-emotion{display:inline-block;height:100%;line-height:40px;text-align:center;width:40px}.dashboard .chat .new-message .message-emotion i{font-size:24px;line-height:inherit}.dashboard .chat .new-message .message-input{width:calc(100% - 155px)}.dashboard .chat ul li.message-from,.dashboard .chat ul li.message-own{padding:0}.dashboard .chat ul li.message-from>span{background-color:#f0e3fd;border:0;border-radius:2px 20px 20px 2px}.dashboard .chat ul li.message-from>.first,.dashboard .chat ul li.message-from>.middle{margin-left:45px!important}.dashboard .chat ul li.message-from>.last{border-radius:2px 20px 20px 20px;margin-left:45px!important}.dashboard .chat ul li.message-from>img{border-radius:50%;margin-top:5px;position:absolute;width:36px}.dashboard .chat ul li.message-own>span{background-color:#def6f8;border:0;border-radius:20px 2px 2px 20px;text-align:right}.dashboard .chat ul li.message-own>span.sending{background-color:#eee}.dashboard .chat ul li.message-own>span.last{border-radius:20px 2px 20px 20px}.dashboard .chat ul li.message-own .attachment span.attachment-item{background-color:#f1f1f1!important;border:0!important;padding-left:0;padding-right:0}.dashboard .chat ul li.message-own .attachment span.attachment-item a{color:#555;cursor:pointer;display:inline-block;font-weight:700}.dashboard .chat ul li.message-own>div.file{background:#f1f1f1;border:1px solid #e4e4e4;border-radius:6px;display:inline-block;margin:1px;overflow:hidden;text-align:right}.dashboard .chat ul li.message-from .attachment span.attachment-item{background-color:#f1f1f1!important;border:0!important;padding-left:0;padding-right:0}.dashboard .chat ul li.message-from .attachment span.attachment-item a{color:#555;cursor:pointer;display:inline-block;font-weight:700}.dashboard .chat ul li.message-from .attachment span.attachment-item a img{margin-right:0}.dashboard .chat ul li.message-from>div.file{background:#f1f1f1;border:1px solid #e4e4e4;border-radius:6px;display:inline-block;margin:1px;overflow:hidden;text-align:left}.dashboard .chat ul li .attachment span.attachment-item a>i{padding-right:8px}.dashboard .chat ul li div.file p.attachment{display:inline-block;margin-bottom:5px}.dashboard .chat ul li.message-from{text-align:left}.dashboard .chat ul li.message-own{text-align:right}.dashboard .chat ul li>div.file.image{height:170px;max-width:100%;padding:15px;transition:width .15s linear;width:220px}.dashboard .chat ul li>div.file.image p.attachment{height:120px}.dashboard .chat ul li>div.file{padding:15px}.dashboard .chat ul li>div.file p,.dashboard .chat ul li>div.file span{display:inline-block;margin:0;padding:0}.visible{opacity:1;transition:opacity .15s linear;visibility:visible}.hidden{opacity:0;transition:visibility 0s .1s,opacity .1s linear;visibility:hidden}.visible2{opacity:1;transition:opacity .35s linear;visibility:visible}.hidden2{opacity:0;transition:visibility 0s .3s,opacity .3s linear;visibility:hidden}.dashboard .chat{position:relative}.dashboard .chat .scroll-to-bottom{bottom:6px;min-height:40px;padding-right:12px;position:-webkit-sticky;position:sticky;text-align:right}.dashboard .chat .scroll-to-bottom span{background:#495057;border:2px solid #fff;border-radius:50%;box-shadow:0 0 10px rgba(0,0,0,.34901960784313724);color:#fff;cursor:pointer;display:inline-block;font-size:20px;height:35px;line-height:35px;overflow:hidden;text-align:center;width:35px}.dashboard .chat .group-info{line-height:30px;margin:-10px;padding:5px 10px;top:0;z-index:99}.dashboard .chat .group-info,.dashboard .chat .pin{background:#fff;box-shadow:0 0 3px -1px rgba(0,0,0,.21176470588235294);position:-webkit-sticky;position:sticky}.dashboard .chat .pin{margin-bottom:10px;margin-left:-10px;top:40px;width:calc(100% + 20px);z-index:98}.dashboard .chat ul li.message-from.pin>span,.dashboard .chat ul li.message-own.pin>span{background-color:transparent}.dashboard .chat ul li.message-from.pin>span{margin-left:0}.dashboard .chat .message-content i{color:#495057;cursor:pointer;font-size:11px}.dashboard .chat .pin .message-content i{display:block}.dashboard .chat li.message-from .message-content{padding-left:6px}.dashboard .chat li.message-from .message-content i{padding:5px}.dashboard .chat li.message-own .message-content i{padding:5px;position:absolute;right:-15px}.dashboard .chat .group-info .circleButton{float:right;margin-bottom:0;margin-top:0}.dashboard .chat ul{margin-top:20px;padding:0}.dashboard .chat .new-message .message-input input.ui-inputtext:focus{box-shadow:none;outline:none}.dashboard .chat ul.hasPin{margin-top:10px}.dashboard .chat .group-info a{color:#495057}.normalHtml,.normalHtml b,.normalHtml strong{font-weight:400}.normalHtml{display:inline-block}.avatar-viewer .profile-image{border:1px solid #fff;border-radius:50%;height:40px;margin-top:-6px;width:40px}a.button>i{margin-right:5px}.dashboard .timeline{padding-top:20px}.ui-inputgroup .ui-inputtext{padding-right:0}.new-message .ui-inputtext{width:100%}.full-screen,.full-screen>.p-dialog{height:100%!important;left:0!important;max-height:100%;min-height:unset!important;min-width:100%!important;top:0!important;width:100%!important}#image-view-list.image-gallery-2{background-color:rgba(0,0,0,.4);height:calc(100vh - 41px);margin:-14px auto 0;touch-action:none;width:100%}#image-view-list.image-gallery-2 .image-container{background-color:transparent;border:0;bottom:0;height:85%;margin:auto}#image-view-list.image-gallery-2 .image-container .iv-snap-view{bottom:20px;left:calc(50% - 75px);top:auto}#image-view-list.image-gallery-2 .image-container .iv-image-view img{touch-action:auto}#image-view-list .inline-icon{margin-top:-41px}#image-view-list .footer-info,#image-view-list .material-icons.next,#image-view-list .material-icons.prev{display:none}#image-view-list .options-image-viewer{-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;margin-right:37px;user-select:none}.mobile-image-viewer-close{color:#fff;cursor:pointer;font-size:x-large;height:42px;line-height:42px;padding-right:7px;padding-top:2px;position:absolute;right:0;text-align:center;top:0;vertical-align:middle;width:37px}.mobile-image-viewer-close:hover{color:#feca37!important}.hide-holder{padding:0}.file-ex-name{word-break:break-all}.box-function{background:#fff;border-radius:0 0 5px 5px;border-top:1px solid #e8e8e8;bottom:0;left:0;padding:8px 30px;position:absolute;text-align:right;width:100%}.box-function button{margin-left:5px}.quick-note-button-holder{bottom:40px;display:none;height:50px;position:absolute;right:50px;width:50px;z-index:99}.quick-note-button{background:#ffc107;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 5px 0 #b9b9b9;color:#fff;display:block;font-size:2em;height:50px;line-height:50px;outline:none;text-align:center;width:50px}.quick-note-button:hover{color:#fff}.all-note-button{background:#ffd24b;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 5px 0 #b9b9b9;color:#fff;display:block;font-size:1.5em;height:40px;line-height:40px;outline:none;position:absolute;right:5px;text-align:center;top:5px;transition:right;transition-duration:.16s;transition-timing-function:ease-in;width:40px;z-index:-1}.all-note-button:hover{color:#fff}.setting-note-button{background:#ffd24b;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 5px 0 #b9b9b9;color:#fff;display:block;font-size:1.5em;height:40px;line-height:40px;outline:none;position:absolute;right:5px;text-align:center;top:5px;transition:right;transition-duration:.16s;transition-timing-function:ease-in;width:40px;z-index:-1}.setting-note-button:hover{color:#fff}.pinned-notes-holder{bottom:20px;display:none;left:20px;position:absolute;width:250px;z-index:98}.pinned-notes{background:transparent;display:block;outline:none;padding:0}.pinned-notes-header{font-size:1rem;font-weight:700}.pinned-notes-setting{position:absolute;right:.5rem}.pinned-note{background-color:#fff1ac;box-shadow:1px 2px 3px rgba(185,139,6,.6313725490196078);font-size:.8rem;margin-bottom:10px;padding:0;position:relative}.pinned-note:last-child{margin-bottom:0}.pinned-notes-minimize-button{background:#ffc003;border:1px solid #fff;border-radius:50%;box-shadow:1px 2px 3px rgba(185,139,6,.6313725490196078);color:#fff;cursor:pointer;height:25px;padding-top:5px;position:absolute;right:-15px;text-align:center;top:-15px;width:25px;z-index:1}.pinned-note-header-line{border:1px solid #fff;box-shadow:1px 1px 2px rgba(0,0,0,.4);height:calc(100% - 1rem);left:3px;margin-bottom:.5rem;margin-top:.5rem;max-height:20px;position:absolute;width:13px}.pinned-note-header-right{cursor:pointer;float:right;margin-left:3px;width:32px}.pinned-note-header-time{font-size:.6rem}.pinned-note-header-button-unpin{display:none;float:left;height:14px;margin-right:2px;opacity:.8;width:14px}.pinned-note-header-button-complete{display:none;padding-top:2px}.pinned-note-body{float:right;padding:.5rem .5rem .5rem 25px;width:100%}.pinned-note-body:hover{background-color:#feeb82}.pinned-note-body:hover .pinned-note-header-time{display:none}.pinned-note-body:hover .pinned-note-header-button-complete,.pinned-note-body:hover .pinned-note-header-button-unpin{display:block}.pinned-note-line-title{color:#333;display:block;font-weight:700;padding-bottom:6px}.pinned-note-line{display:block}.view-port{border-radius:5px;box-shadow:0 0 0 9999px rgba(0,0,0,.5882352941176471);display:none;height:0;width:0;z-index:999}.view-port,.view-port-mask{background:transparent;position:absolute}.view-port-mask{display:block;height:100%;left:0;top:0;width:100%;z-index:9998}.tinymce-control{border:1px solid #ccc;display:none;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;width:100%}.input-tab-trap{filter:alpha(opacity=0)!important;opacity:0!important;overflow:hidden!important;width:0!important}.color-value input{font-size:.8em;line-height:16px}.dialog-material.mobile{width:100%!important}audio,audio:focus,video,video:focus{outline:none}.iv-image-view img.iv-image{-webkit-animation:fadein .5s;animation:fadein .5s;visibility:hidden!important}@-webkit-keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes fadein{0%{opacity:0}to{opacity:1}}.iv-image-view img.iv-image.show{visibility:visible!important}.row-line{padding-bottom:0;padding-top:0}.fc-ltr{padding-bottom:7px}.padding-bottom-5px{padding-bottom:5px}.no-margin{margin:0!important}.no-padding{padding:0}.no-padding-left{padding-left:0}.float-left{float:left}body .fc .fc-toolbar .fc-button{background-color:#007ad9;border:1px solid #007ad9;border-radius:3px;color:#fff;font-size:14px;transition:background-color .2s,box-shadow .2s}body .fc .fc-toolbar .fc-button:enabled:hover{background-color:#116fbf;border-color:#116fbf;color:#fff}body .fc .fc-toolbar .fc-button:focus{box-shadow:0 0 0 .2em #8dcdff;outline:0 none;outline-offset:0}body .fc .fc-toolbar .fc-button-group .fc-button{border-radius:0}body .fc .fc-toolbar .fc-button-group .fc-button:first-child{border-bottom-left-radius:3px;border-top-left-radius:3px}body .fc .fc-toolbar .fc-button-group .fc-button:last-child{border-bottom-right-radius:3px;border-top-right-radius:3px}body .fc .fc-toolbar .fc-right .fc-button{border-radius:0}body .fc .fc-toolbar .fc-right .fc-button:first-child{border-bottom-left-radius:3px;border-top-left-radius:3px}body .fc .fc-toolbar .fc-right .fc-button:last-child{border-bottom-right-radius:3px;border-top-right-radius:3px}.fc-toolbar>*>:not(:first-child){margin-left:0}.fc-axis,.fc-dayGridMonth-button,.fc-timeGridDay-button,.fc-timeGridWeek-button,.old-content{line-height:0;text-indent:-9999px}.fc-axis:after,.fc-dayGridMonth-button:after,.fc-timeGridDay-button:after,.fc-timeGridWeek-button:after,.new-content{display:block;line-height:normal;text-indent:0}.fc-dayGridMonth-button:after{content:\"Th\u00E1ng\";padding:.2em}.fc-timeGridWeek-button:after{content:\"Tu\u1EA7n\";padding:.2em}.fc-timeGridDay-button:after{content:\"Ng\u00E0y\";padding:.2em}body .fc th{background-color:#f4f4f4;border:1px solid #c8c8c8;color:#333;padding:.571em 1em}.ui-fluid .button-group button,.ui-fluid .button-group p-button{margin-right:.5em!important;text-align:left;width:auto}.layout-wrapper .layout-menu-container{z-index:97}.base-status,.base-status-aborted,.base-status-approved,.base-status-completed,.base-status-create-new,.base-status-ended,.base-status-high,.base-status-immediately,.base-status-low,.base-status-medium,.base-status-on-conducting,.base-status-on-going,.base-status-pending,.base-status-rejected,.base-status-returned,.base-status-urgent{border-radius:.25em;color:#fff;font-size:.8em;padding:3px;text-align:center}.base-status-create-new{background-color:#f2f2f2;color:#666}.base-status-on-conducting,.base-status-on-going{background-color:#337ab7}.base-status-pending{background-color:#ffba01}.base-status-approved{background-color:#34a835}.base-status-returned{background-color:#ffba01}.base-status-rejected{background-color:#d9534f}.base-status-completed{background-color:#34a835}.base-status-aborted{background-color:#ffba01}.base-status-ended{background-color:#34a835}.base-status-low,.base-status-medium{background-color:#f2f2f2;color:#666}.base-status-high{background-color:#ffba01}.base-status-immediately,.base-status-urgent{background-color:#d9534f}.text-align-center{text-align:center}.font-weight-bold{font-weight:700}.landing-body .landing-menu li a:hover{border-bottom:none}.landing-body .landing-menu li:first-child{margin-left:8px}.crud-form .label-control p{margin:0;padding:0}.crud-form .tn-check-box-list .p-row{display:block;padding:.5em;width:100%}.crud-form dropdown,.crud-form tn-mask{width:100%}.crud-form .tn-dropdown{min-height:32px}.crud-form .tn-dropdown.free-text.horizontal{display:flex}.crud-form .tn-dropdown.free-text.horizontal>div{flex-grow:1;padding-left:.5em;padding-right:.5em}.crud-form .tn-dropdown.free-text.horizontal>div:first-child{padding-left:0}.crud-form .tn-dropdown.free-text.horizontal>div:last-child{padding-right:0}.crud-form .tn-dropdown.free-text.vertical input.ui-inputtext.input-free-text{margin-top:.5em}.crud-form.assessment .label-control{font-weight:700}.crud-form.assessment .label-control.haveIndex{display:block;margin-bottom:5px;padding-left:20px;position:relative}.crud-form.assessment .label-control.haveIndex:before{content:\" \" attr(label-index) \".\";left:0;position:absolute;top:0}.crud-form.assessment .ViewMode{border-bottom:none}.crud-form.assessment .ViewMode .label-control{margin-bottom:0}body .ui-inputtext.min-width{padding:6px}.ps__rail-x,.ps__rail-y{z-index:2}.zIndex5 .ps__rail-x,.zIndex5 .ps__rail-y{z-index:5}.table-sticky table{border-collapse:separate;border-spacing:0}.table-sticky tr td,.table-sticky tr th{border:1px solid #eee!important;border-left:none!important;border-top:none!important}.table-sticky tr td:first-child,.table-sticky tr th:first-child{border-left:1px solid #eee!important}.table-sticky tr td:last-child,.table-sticky tr th:last-child{border-right:none!important}.table-sticky tr:first-child th{border-top:1px solid #eee!important}.table-sticky th{background:#eee}.table-sticky tbody td.disabled{background:#eee!important}.table-sticky tbody td.disabled:not(:last-child){border-right:1px solid #fff!important}.table-sticky.fix-height tr:first-child th{position:-webkit-sticky;position:sticky;top:0;z-index:2}.container-flex{align-items:center;display:flex}.container-flex>div:first-child{flex:0 0 auto;margin-right:.5em}.container-flex>div:last-child{flex-grow:1}.container-control{display:flex}.container-control>span.label{flex:0 0 auto;padding-right:.5em;padding-top:.5em}.container-control>span.label+*{flex-grow:1;flex-shrink:1;position:relative}.container-control>span.label+* .tn-dropdown,.container-control>span.label+* .ui-autocomplete-multiple,.container-control>span.label+* .ui-inputgroup .ui-inputtext{width:100%}.container-control>span.label+* .validation-container{margin-top:3px}.container-control>span.label+* .validation-container .validate-item{white-space:unset}.container-control>span.label+*>div{left:0;position:absolute;top:0;width:100%}.container-control.no-label>span.label{display:none}.container-control.inline{display:inline-flex}.align-flex-center{align-items:center;display:flex;justify-content:center}@media print{.isPrinting>*{display:none}.isPrinting app-print-layout{display:block}}.layout-wrapper .topbar .topbar-left,.layout-wrapper .topbar .topbar-right{background:#397ac3}#searchResultPanel-holder{padding:0 .5em}.cus-dropdown{line-height:normal;margin-right:1em}.tn-thumbnail{padding:.5rem}.tn-thumbnail.tn-thumbnail.tn-thumbnail{box-sizing:border-box}.fa-10:before{content:\"A+\";font-family:cursive;font-weight:700}.layout-wrapper .topbar .topbar-right #menu-button i{font-size:20px;margin-top:4px}.layout-wrapper .layout-menu li a i.menuitem-toggle-icon{font-size:15px;margin-left:auto}.flex-container-main-content{display:flex;flex-direction:column}.flex-container-main-content>div:last-child{background-color:#f4f4f4;display:flex;flex:1 1;overflow:hidden;position:relative}.flex-container-main-content>div:last-child>div{height:100%;left:0;overflow:hidden;padding-top:.5em;position:absolute;top:0;width:100%}.flex-container-main-content .block-with-button-search{display:flex;justify-content:flex-end}.flex-container-main-content .block-with-button-search>*{margin-left:.5em}.flex-container-main-content .block-with-button-search>input{height:26px;margin-left:0;max-width:200px;width:100%}.flex-container-main-content .block-with-button-search>dropdown{max-width:140px;width:100%}.flex-container-main-content .title-main-component{border-bottom:2px solid #1ca7ff}.clickable-table.clickable-table{cursor:pointer}.main-crud-container{height:calc(100vh - 76px)}.flex-container-fit-child{display:flex;flex-direction:column;height:100%;overflow:hidden}.flex-container-fit-child>div.fit-content{flex:1 1;position:relative}.flex-container-fit-child>div.fit-content>div{height:100%;overflow:auto;position:absolute;width:100%}.waiting-box{display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:9999}.waiting-box .overlay{background-color:red;background-color:hsla(0,0%,42.7%,.5019607843137255);height:100%;width:100%}.waiting-box .content-loading{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.waiting-box.show{display:block}.function-topbar>*{vertical-align:top}.function-topbar button{width:auto}.function-topbar p-fileUpload{margin-right:1em}.function-topbar .container-control{display:inline-flex;line-height:normal}.function-topbar .container-control dropdown{width:100%}:focus{outline-color:#a6d5fa!important}address{font-style:normal}body .p-toast .p-toast-message{border-radius:0;border-width:0 0 0 4px!important}.__status span,.status span{font-size:.8rem}p-table.single-check .p-datatable .p-datatable-tbody>tr{cursor:pointer}p-table.single-check .p-datatable .p-datatable-tbody>tr.ui-state-highlight{background:#e3f2fd!important;outline:2px solid #a6d5fa}p-table.single-check .p-datatable .p-datatable-tbody>tr td.sticky .fix-sticky.top{display:none}p-table.multi-check .p-datatable .p-datatable-tbody>tr.ui-state-highlight{background:#e3f2fd!important}p-table.multi-check .p-datatable .p-datatable-tbody>tr.ui-state-highlight td{border-color:#fff}p-table.multi-check .p-datatable .p-datatable-tbody>tr.ui-state-highlight td .fix-sticky{background-color:#fff}.tn-animated-left-arrow-icon,.tn-animated-right-arrow-icon{height:32px;position:relative;width:14px;z-index:10}.tn-animated-right-arrow-icon{-webkit-animation:arrowBounceToRight .8s ease-in-out infinite alternate;animation:arrowBounceToRight .8s ease-in-out infinite alternate}.tn-animated-left-arrow-icon{-webkit-animation:arrowBounceToLeft .8s ease-in-out infinite alternate;animation:arrowBounceToLeft .8s ease-in-out infinite alternate}.tn-animated-left-arrow-icon:after,.tn-animated-left-arrow-icon:before,.tn-animated-right-arrow-icon:after,.tn-animated-right-arrow-icon:before{background-color:#88b0dd;content:\"\";display:block;height:20px;position:absolute;width:5px}.tn-animated-right-arrow-icon:before{left:4px;top:0;transform:rotate(-35deg)}.tn-animated-right-arrow-icon:after{left:4px;top:14px;transform:rotate(35deg)}.tn-animated-left-arrow-icon:before{right:4px;top:0;transform:rotate(35deg)}.tn-animated-left-arrow-icon:after{right:4px;top:14px;transform:rotate(-35deg)}@-webkit-keyframes arrowBounceToLeft{0%{transform:translateX(-3px)}to{transform:translateX(3px)}}@keyframes arrowBounceToLeft{0%{transform:translateX(-3px)}to{transform:translateX(3px)}}@-webkit-keyframes arrowBounceToRight{0%{transform:translateX(3px)}to{transform:translateX(-3px)}}@keyframes arrowBounceToRight{0%{transform:translateX(3px)}to{transform:translateX(-3px)}}.pass{color:#49c949}.not-pass,.pass{margin:5px;text-align:center}.not-pass{color:red}"]
+                    styles: ["", "@charset \"UTF-8\";@import url(D:\\Projects\\shared\\AppSharedV5\\node_modules\\@angular\\material\\prebuilt-themes\\indigo-pink.css);@import url(D:\\Projects\\shared\\AppSharedV5\\node_modules\\jsoneditor\\dist\\jsoneditor.min.css);.flex{display:flex}.flex .fit{flex:1 1}.flex.flex-column{flex-direction:column}.flex.flex-wrap{flex-wrap:wrap}.flex.center-v{align-items:center}.flex.center-all,.flex.center-h{justify-content:center}.flex.center-all{align-items:center}.validate-item{color:#e00000;display:inline-block;font-size:.9em;white-space:nowrap}.tn-scroll-bar.bgWhite>div,.validate-item{background-color:#fff}.label-primary{background-color:#1ab394;padding:2px}.label-danger,.label-primary{border-radius:.25em;color:#fff;display:inline-block;font-size:12px;margin-left:3px;margin-right:3px;min-width:60px}.label-danger{background-color:#ed5565;padding:2px 5px}.label-warning{background-color:#b8860b}.label-secondary,.label-warning{border-radius:.25em;color:#fff;display:inline-block;font-size:12px;margin-left:3px;margin-right:3px;min-width:60px;padding:2px}.label-secondary{background-color:#a9a9a9}.label-done{background-color:#3b1ef7;border-radius:.25em;color:#fff;display:inline-block;font-size:12px;margin-left:3px;margin-right:3px;min-width:60px;padding:2px}.text-navy{color:#1ab394!important}.text-danger{color:red!important}.fa-user-edit{font-size:14px}.flexcolumn{border:1px solid #eee;border-radius:5px;min-height:80px;overflow-x:hidden;overflow-y:hidden}.flexcolumn,.has2ScrollZone2 .flexcolumn{max-height:calc(100vh - 180px)}.headerNoBorder>th{border:none!important;border-bottom:1px solid #eee!important}.cellNoBorder table tr td{border:0!important}.layout-wrapper .layout-main{overflow:hidden;padding:60px 0 0}div.circleButton{border-radius:50%;display:inline-block;height:32px;line-height:32px;margin-bottom:4px;margin-top:4px;overflow:hidden;position:relative;text-align:center;transform:perspective(1px);width:32px}div.circleButton>a{line-height:32px;padding:0!important}div.circleButton>a>i{width:24px!important}div.circleButton:before{background:#e6e6e6;border-radius:50%;bottom:0;content:\"\";left:0;position:absolute;right:0;top:0;transform:scale(0);transition:all .3s cubic-bezier(.4,.34,.01,.97);z-index:-1}div.circleButton:hover:before{transform:scale(1)}.message-notice{background:#e0e0e0;text-align:center}.message-created-by{color:#888;font-size:.82em;font-weight:400;margin-bottom:3px;margin-left:45px;margin-top:5px}.message-created{color:#495057;display:inline-block;font-size:.82em;margin-bottom:0;margin-top:0}.message-own .message-created{padding-left:10px;padding-right:6px}.message-from .message-created{padding-left:6px;padding-right:10px}.message-content{color:#000;line-height:20px;margin-bottom:6px;margin-top:3px;position:relative}.message-content i{display:none}.message-content:hover i{display:block}.message-content:hover{padding-right:20px!important}.chat-box-content{max-height:500px}.attachment-list .attachment-item{-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;background:#f1f1f1;border:1px solid #ccc;border-radius:8px;box-shadow:1px 2px 3px rgba(0,0,0,.06);float:left;height:84px;margin:8px;overflow:hidden;position:relative;text-align:center;user-select:none;width:84px}.attachment-list .attachment-item img{height:100%;width:100%}.attachment-list .attachment-item span{left:0;padding:5px;position:absolute;top:25px;width:100%;word-break:break-all}.clearfix{clear:both}.dashboard .chat ul li img.message-img{float:none;height:120px;margin-left:0;width:auto}.message-attachment{cursor:pointer;font-size:1.5em;margin:0 5px 0 0;position:relative}.hidden{display:none}.message-input{width:100%}.message-input label{font-size:1.2rem}.remove-file-attachment{background:#495057;border-radius:50%;color:#fff;cursor:pointer;font-size:20px;position:absolute;right:5px;top:5px}.attachment-list{background:#fff;bottom:51px;box-shadow:0 -2px 3px -3px rgba(0,0,0,.21176470588235294);display:none;height:100px;left:-15px;position:absolute;width:calc(100% + 30px)}.attachment-list.attached-file{display:block}.dashboard{margin-bottom:-15px;margin-top:-5px}.dashboard .timeline>.ui-g .ui-g-9 .event-text{color:#555;white-space:nowrap}.dashboard .timeline>.ui-g .ui-g-9 .event-text.event-text2{line-height:18px;padding-left:30px;text-align:justify;white-space:pre-wrap}.dashboard .timeline>.ui-g .ui-g-9 .event-text.event-text2 i{left:20px;margin-top:3px;position:absolute}.new-message{align-items:center;justify-content:center}.dashboard .chat .new-message{border:0;display:flex;margin:0;padding:0;text-align:left}.dashboard .chat .new-message i{color:#495057}.dashboard .chat .new-message .message-attachment{border:0}.dashboard .chat .new-message .button-send{display:inline-block;line-height:40px;position:relative}.dashboard .chat .new-message .button-send .p-button-label{text-align:center}.dashboard .chat .new-message .message-emotion{display:inline-block;height:100%;line-height:40px;text-align:center;width:40px}.dashboard .chat .new-message .message-emotion i{font-size:24px;line-height:inherit}.dashboard .chat .new-message .message-input{width:calc(100% - 155px)}.dashboard .chat ul li.message-from,.dashboard .chat ul li.message-own{padding:0}.dashboard .chat ul li.message-from>span{background-color:#f0e3fd;border:0;border-radius:2px 20px 20px 2px}.dashboard .chat ul li.message-from>.first,.dashboard .chat ul li.message-from>.middle{margin-left:45px!important}.dashboard .chat ul li.message-from>.last{border-radius:2px 20px 20px 20px;margin-left:45px!important}.dashboard .chat ul li.message-from>img{border-radius:50%;margin-top:5px;position:absolute;width:36px}.dashboard .chat ul li.message-own>span{background-color:#def6f8;border:0;border-radius:20px 2px 2px 20px;text-align:right}.dashboard .chat ul li.message-own>span.sending{background-color:#eee}.dashboard .chat ul li.message-own>span.last{border-radius:20px 2px 20px 20px}.dashboard .chat ul li.message-own .attachment span.attachment-item{background-color:#f1f1f1!important;border:0!important;padding-left:0;padding-right:0}.dashboard .chat ul li.message-own .attachment span.attachment-item a{color:#555;cursor:pointer;display:inline-block;font-weight:700}.dashboard .chat ul li.message-own>div.file{background:#f1f1f1;border:1px solid #e4e4e4;border-radius:6px;display:inline-block;margin:1px;overflow:hidden;text-align:right}.dashboard .chat ul li.message-from .attachment span.attachment-item{background-color:#f1f1f1!important;border:0!important;padding-left:0;padding-right:0}.dashboard .chat ul li.message-from .attachment span.attachment-item a{color:#555;cursor:pointer;display:inline-block;font-weight:700}.dashboard .chat ul li.message-from .attachment span.attachment-item a img{margin-right:0}.dashboard .chat ul li.message-from>div.file{background:#f1f1f1;border:1px solid #e4e4e4;border-radius:6px;display:inline-block;margin:1px;overflow:hidden;text-align:left}.dashboard .chat ul li .attachment span.attachment-item a>i{padding-right:8px}.dashboard .chat ul li div.file p.attachment{display:inline-block;margin-bottom:5px}.dashboard .chat ul li.message-from{text-align:left}.dashboard .chat ul li.message-own{text-align:right}.dashboard .chat ul li>div.file.image{height:170px;max-width:100%;padding:15px;transition:width .15s linear;width:220px}.dashboard .chat ul li>div.file.image p.attachment{height:120px}.dashboard .chat ul li>div.file{padding:15px}.dashboard .chat ul li>div.file p,.dashboard .chat ul li>div.file span{display:inline-block;margin:0;padding:0}.visible{opacity:1;transition:opacity .15s linear;visibility:visible}.hidden{opacity:0;transition:visibility 0s .1s,opacity .1s linear;visibility:hidden}.visible2{opacity:1;transition:opacity .35s linear;visibility:visible}.hidden2{opacity:0;transition:visibility 0s .3s,opacity .3s linear;visibility:hidden}.dashboard .chat{position:relative}.dashboard .chat .scroll-to-bottom{bottom:6px;min-height:40px;padding-right:12px;position:-webkit-sticky;position:sticky;text-align:right}.dashboard .chat .scroll-to-bottom span{background:#495057;border:2px solid #fff;border-radius:50%;box-shadow:0 0 10px rgba(0,0,0,.34901960784313724);color:#fff;cursor:pointer;display:inline-block;font-size:20px;height:35px;line-height:35px;overflow:hidden;text-align:center;width:35px}.dashboard .chat .group-info{line-height:30px;margin:-10px;padding:5px 10px;top:0;z-index:99}.dashboard .chat .group-info,.dashboard .chat .pin{background:#fff;box-shadow:0 0 3px -1px rgba(0,0,0,.21176470588235294);position:-webkit-sticky;position:sticky}.dashboard .chat .pin{margin-bottom:10px;margin-left:-10px;top:40px;width:calc(100% + 20px);z-index:98}.dashboard .chat ul li.message-from.pin>span,.dashboard .chat ul li.message-own.pin>span{background-color:transparent}.dashboard .chat ul li.message-from.pin>span{margin-left:0}.dashboard .chat .message-content i{color:#495057;cursor:pointer;font-size:11px}.dashboard .chat .pin .message-content i{display:block}.dashboard .chat li.message-from .message-content{padding-left:6px}.dashboard .chat li.message-from .message-content i{padding:5px}.dashboard .chat li.message-own .message-content i{padding:5px;position:absolute;right:-15px}.dashboard .chat .group-info .circleButton{float:right;margin-bottom:0;margin-top:0}.dashboard .chat ul{margin-top:20px;padding:0}.dashboard .chat .new-message .message-input input.ui-inputtext:focus{box-shadow:none;outline:none}.dashboard .chat ul.hasPin{margin-top:10px}.dashboard .chat .group-info a{color:#495057}.normalHtml,.normalHtml b,.normalHtml strong{font-weight:400}.normalHtml{display:inline-block}.avatar-viewer .profile-image{border:1px solid #fff;border-radius:50%;height:40px;margin-top:-6px;width:40px}a.button>i{margin-right:5px}.dashboard .timeline{padding-top:20px}.ui-inputgroup .ui-inputtext{padding-right:0}.new-message .ui-inputtext{width:100%}.full-screen,.full-screen>.p-dialog{height:100%!important;left:0!important;max-height:100%;min-height:unset!important;min-width:100%!important;top:0!important;width:100%!important}#image-view-list.image-gallery-2{background-color:rgba(0,0,0,.4);height:calc(100vh - 41px);margin:-14px auto 0;touch-action:none;width:100%}#image-view-list.image-gallery-2 .image-container{background-color:transparent;border:0;bottom:0;height:85%;margin:auto}#image-view-list.image-gallery-2 .image-container .iv-snap-view{bottom:20px;left:calc(50% - 75px);top:auto}#image-view-list.image-gallery-2 .image-container .iv-image-view img{touch-action:auto}#image-view-list .inline-icon{margin-top:-41px}#image-view-list .footer-info,#image-view-list .material-icons.next,#image-view-list .material-icons.prev{display:none}#image-view-list .options-image-viewer{-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;margin-right:37px;user-select:none}.mobile-image-viewer-close{color:#fff;cursor:pointer;font-size:x-large;height:42px;line-height:42px;padding-right:7px;padding-top:2px;position:absolute;right:0;text-align:center;top:0;vertical-align:middle;width:37px}.mobile-image-viewer-close:hover{color:#feca37!important}.hide-holder{padding:0}.file-ex-name{word-break:break-all}.box-function{background:#fff;border-radius:0 0 5px 5px;border-top:1px solid #e8e8e8;bottom:0;left:0;padding:8px 30px;position:absolute;text-align:right;width:100%}.box-function button{margin-left:5px}.quick-note-button-holder{bottom:40px;display:none;height:50px;position:absolute;right:50px;width:50px;z-index:99}.quick-note-button{background:#ffc107;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 5px 0 #b9b9b9;color:#fff;display:block;font-size:2em;height:50px;line-height:50px;outline:none;text-align:center;width:50px}.quick-note-button:hover{color:#fff}.all-note-button{background:#ffd24b;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 5px 0 #b9b9b9;color:#fff;display:block;font-size:1.5em;height:40px;line-height:40px;outline:none;position:absolute;right:5px;text-align:center;top:5px;transition:right;transition-duration:.16s;transition-timing-function:ease-in;width:40px;z-index:-1}.all-note-button:hover{color:#fff}.setting-note-button{background:#ffd24b;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 5px 0 #b9b9b9;color:#fff;display:block;font-size:1.5em;height:40px;line-height:40px;outline:none;position:absolute;right:5px;text-align:center;top:5px;transition:right;transition-duration:.16s;transition-timing-function:ease-in;width:40px;z-index:-1}.setting-note-button:hover{color:#fff}.pinned-notes-holder{bottom:20px;display:none;left:20px;position:absolute;width:250px;z-index:98}.pinned-notes{background:transparent;display:block;outline:none;padding:0}.pinned-notes-header{font-size:1rem;font-weight:700}.pinned-notes-setting{position:absolute;right:.5rem}.pinned-note{background-color:#fff1ac;box-shadow:1px 2px 3px rgba(185,139,6,.6313725490196078);font-size:.8rem;margin-bottom:10px;padding:0;position:relative}.pinned-note:last-child{margin-bottom:0}.pinned-notes-minimize-button{background:#ffc003;border:1px solid #fff;border-radius:50%;box-shadow:1px 2px 3px rgba(185,139,6,.6313725490196078);color:#fff;cursor:pointer;height:25px;padding-top:5px;position:absolute;right:-15px;text-align:center;top:-15px;width:25px;z-index:1}.pinned-note-header-line{border:1px solid #fff;box-shadow:1px 1px 2px rgba(0,0,0,.4);height:calc(100% - 1rem);left:3px;margin-bottom:.5rem;margin-top:.5rem;max-height:20px;position:absolute;width:13px}.pinned-note-header-right{cursor:pointer;float:right;margin-left:3px;width:32px}.pinned-note-header-time{font-size:.6rem}.pinned-note-header-button-unpin{display:none;float:left;height:14px;margin-right:2px;opacity:.8;width:14px}.pinned-note-header-button-complete{display:none;padding-top:2px}.pinned-note-body{float:right;padding:.5rem .5rem .5rem 25px;width:100%}.pinned-note-body:hover{background-color:#feeb82}.pinned-note-body:hover .pinned-note-header-time{display:none}.pinned-note-body:hover .pinned-note-header-button-complete,.pinned-note-body:hover .pinned-note-header-button-unpin{display:block}.pinned-note-line-title{color:#333;display:block;font-weight:700;padding-bottom:6px}.pinned-note-line{display:block}.view-port{border-radius:5px;box-shadow:0 0 0 9999px rgba(0,0,0,.5882352941176471);display:none;height:0;width:0;z-index:999}.view-port,.view-port-mask{background:transparent;position:absolute}.view-port-mask{display:block;height:100%;left:0;top:0;width:100%;z-index:9998}.tinymce-control{border:1px solid #ccc;display:none;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;width:100%}.input-tab-trap{filter:alpha(opacity=0)!important;opacity:0!important;overflow:hidden!important;width:0!important}.color-value input{font-size:.8em;line-height:16px}.dialog-material.mobile{width:100%!important}audio,audio:focus,video,video:focus{outline:none}.iv-image-view img.iv-image{-webkit-animation:fadein .5s;animation:fadein .5s;visibility:hidden!important}@-webkit-keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes fadein{0%{opacity:0}to{opacity:1}}.iv-image-view img.iv-image.show{visibility:visible!important}.row-line{padding-bottom:0;padding-top:0}.fc-ltr{padding-bottom:7px}.padding-bottom-5px{padding-bottom:5px}.no-margin{margin:0!important}.no-padding{padding:0}.no-padding-left{padding-left:0}.float-left{float:left}body .fc .fc-toolbar .fc-button{background-color:#007ad9;border:1px solid #007ad9;border-radius:3px;color:#fff;font-size:14px;transition:background-color .2s,box-shadow .2s}body .fc .fc-toolbar .fc-button:enabled:hover{background-color:#116fbf;border-color:#116fbf;color:#fff}body .fc .fc-toolbar .fc-button:focus{box-shadow:0 0 0 .2em #8dcdff;outline:0 none;outline-offset:0}body .fc .fc-toolbar .fc-button-group .fc-button{border-radius:0}body .fc .fc-toolbar .fc-button-group .fc-button:first-child{border-bottom-left-radius:3px;border-top-left-radius:3px}body .fc .fc-toolbar .fc-button-group .fc-button:last-child{border-bottom-right-radius:3px;border-top-right-radius:3px}body .fc .fc-toolbar .fc-right .fc-button{border-radius:0}body .fc .fc-toolbar .fc-right .fc-button:first-child{border-bottom-left-radius:3px;border-top-left-radius:3px}body .fc .fc-toolbar .fc-right .fc-button:last-child{border-bottom-right-radius:3px;border-top-right-radius:3px}.fc-toolbar>*>:not(:first-child){margin-left:0}.fc-axis,.fc-dayGridMonth-button,.fc-timeGridDay-button,.fc-timeGridWeek-button,.old-content{line-height:0;text-indent:-9999px}.fc-axis:after,.fc-dayGridMonth-button:after,.fc-timeGridDay-button:after,.fc-timeGridWeek-button:after,.new-content{display:block;line-height:normal;text-indent:0}.fc-dayGridMonth-button:after{content:\"Th\u00E1ng\";padding:.2em}.fc-timeGridWeek-button:after{content:\"Tu\u1EA7n\";padding:.2em}.fc-timeGridDay-button:after{content:\"Ng\u00E0y\";padding:.2em}body .fc th{background-color:#f4f4f4;border:1px solid #c8c8c8;color:#333;padding:.571em 1em}.ui-fluid .button-group button,.ui-fluid .button-group p-button{margin-right:.5em!important;text-align:left;width:auto}.layout-wrapper .layout-menu-container{z-index:97}.base-status,.base-status-aborted,.base-status-approved,.base-status-completed,.base-status-create-new,.base-status-ended,.base-status-high,.base-status-immediately,.base-status-low,.base-status-medium,.base-status-on-conducting,.base-status-on-going,.base-status-pending,.base-status-rejected,.base-status-returned,.base-status-urgent{border-radius:.25em;color:#fff;font-size:.8em;padding:3px;text-align:center}.base-status-create-new{background-color:#f2f2f2;color:#666}.base-status-on-conducting,.base-status-on-going{background-color:#337ab7}.base-status-pending{background-color:#ffba01}.base-status-approved{background-color:#34a835}.base-status-returned{background-color:#ffba01}.base-status-rejected{background-color:#d9534f}.base-status-completed{background-color:#34a835}.base-status-aborted{background-color:#ffba01}.base-status-ended{background-color:#34a835}.base-status-low,.base-status-medium{background-color:#f2f2f2;color:#666}.base-status-high{background-color:#ffba01}.base-status-immediately,.base-status-urgent{background-color:#d9534f}.text-align-center{text-align:center}.font-weight-bold{font-weight:700}.landing-body .landing-menu li a:hover{border-bottom:none}.landing-body .landing-menu li:first-child{margin-left:8px}.crud-form .label-control p{margin:0;padding:0}.crud-form .tn-check-box-list .p-row{display:block;padding:.5em;width:100%}.crud-form dropdown,.crud-form tn-mask{width:100%}.crud-form .tn-dropdown{min-height:32px}.crud-form .tn-dropdown.free-text.horizontal{display:flex}.crud-form .tn-dropdown.free-text.horizontal>div{flex-grow:1;padding-left:.5em;padding-right:.5em}.crud-form .tn-dropdown.free-text.horizontal>div:first-child{padding-left:0}.crud-form .tn-dropdown.free-text.horizontal>div:last-child{padding-right:0}.crud-form .tn-dropdown.free-text.vertical input.ui-inputtext.input-free-text{margin-top:.5em}.crud-form.assessment .label-control{font-weight:700}.crud-form.assessment .label-control.haveIndex{display:block;margin-bottom:5px;padding-left:20px;position:relative}.crud-form.assessment .label-control.haveIndex:before{content:\" \" attr(label-index) \".\";left:0;position:absolute;top:0}.crud-form.assessment .ViewMode{border-bottom:none}.crud-form.assessment .ViewMode .label-control{margin-bottom:0}body .ui-inputtext.min-width{padding:6px}.ps__rail-x,.ps__rail-y{z-index:2}.zIndex5 .ps__rail-x,.zIndex5 .ps__rail-y{z-index:5}.table-sticky table{border-collapse:separate;border-spacing:0}.table-sticky tr td,.table-sticky tr th{border:1px solid #eee!important;border-left:none!important;border-top:none!important}.table-sticky tr td:first-child,.table-sticky tr th:first-child{border-left:1px solid #eee!important}.table-sticky tr td:last-child,.table-sticky tr th:last-child{border-right:none!important}.table-sticky tr:first-child th{border-top:1px solid #eee!important}.table-sticky th{background:#eee}.table-sticky tbody td.disabled{background:#eee!important}.table-sticky tbody td.disabled:not(:last-child){border-right:1px solid #fff!important}.table-sticky.fix-height tr:first-child th{position:-webkit-sticky;position:sticky;top:0;z-index:2}.container-flex{align-items:center;display:flex}.container-flex>div:first-child{flex:0 0 auto;margin-right:.5em}.container-flex>div:last-child{flex-grow:1}.container-control{display:flex}.container-control>span.label{flex:0 0 auto;padding-right:.5em;padding-top:.5em}.container-control>span.label+*{flex-grow:1;flex-shrink:1;position:relative}.container-control>span.label+* .tn-dropdown,.container-control>span.label+* .ui-autocomplete-multiple,.container-control>span.label+* .ui-inputgroup .ui-inputtext{width:100%}.container-control>span.label+* .validation-container{margin-top:3px}.container-control>span.label+* .validation-container .validate-item{white-space:unset}.container-control>span.label+*>div{left:0;position:absolute;top:0;width:100%}.container-control.no-label>span.label{display:none}.container-control.inline{display:inline-flex}.align-flex-center{align-items:center;display:flex;justify-content:center}@media print{.isPrinting>*{display:none}.isPrinting app-print-layout{display:block}}.layout-wrapper .topbar .topbar-left,.layout-wrapper .topbar .topbar-right{background:#397ac3}#searchResultPanel-holder{padding:0 .5em}.cus-dropdown{line-height:normal;margin-right:1em}.tn-thumbnail{padding:.5rem}.tn-thumbnail.tn-thumbnail.tn-thumbnail{box-sizing:border-box}.fa-10:before{content:\"A+\";font-family:cursive;font-weight:700}.layout-wrapper .topbar .topbar-right #menu-button i{font-size:20px;margin-top:4px}.layout-wrapper .layout-menu li a i.menuitem-toggle-icon{font-size:15px;margin-left:auto}.flex-container-main-content{display:flex;flex-direction:column}.flex-container-main-content>div:last-child{background-color:#f4f4f4;display:flex;flex:1 1;overflow:hidden;position:relative}.flex-container-main-content>div:last-child>div{height:100%;left:0;overflow:hidden;padding-top:.5em;position:absolute;top:0;width:100%}.flex-container-main-content .block-with-button-search{display:flex;justify-content:flex-end}.flex-container-main-content .block-with-button-search>*{margin-left:.5em}.flex-container-main-content .block-with-button-search>input{height:26px;margin-left:0;max-width:200px;width:100%}.flex-container-main-content .block-with-button-search>dropdown{max-width:140px;width:100%}.flex-container-main-content .title-main-component{border-bottom:2px solid #1ca7ff}.clickable-table.clickable-table{cursor:pointer}.main-crud-container{height:calc(100vh - 76px)}.flex-container-fit-child{display:flex;flex-direction:column;height:100%;overflow:hidden}.flex-container-fit-child>div.fit-content{flex:1 1;position:relative}.flex-container-fit-child>div.fit-content>div{height:100%;overflow:auto;position:absolute;width:100%}.waiting-box{display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:9999}.waiting-box .overlay{background-color:red;background-color:hsla(0,0%,42.7%,.5019607843137255);height:100%;width:100%}.waiting-box .content-loading{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.waiting-box.show{display:block}.function-topbar>*{vertical-align:top}.function-topbar button{width:auto}.function-topbar p-fileUpload{margin-right:1em}.function-topbar .container-control{display:inline-flex;line-height:normal}.function-topbar .container-control dropdown{width:100%}:focus{outline-color:#a6d5fa!important}address{font-style:normal}body .p-toast .p-toast-message{border-radius:0;border-width:0 0 0 4px!important}.__status span,.status span{font-size:.8rem}p-table.single-check .p-datatable .p-datatable-tbody>tr{cursor:pointer}p-table.single-check .p-datatable .p-datatable-tbody>tr.ui-state-highlight{background:#e3f2fd!important;outline:2px solid #a6d5fa}p-table.single-check .p-datatable .p-datatable-tbody>tr td.sticky .fix-sticky.top{display:none}p-table.multi-check .p-datatable .p-datatable-tbody>tr.ui-state-highlight{background:#e3f2fd!important}p-table.multi-check .p-datatable .p-datatable-tbody>tr.ui-state-highlight td{border-color:#fff}p-table.multi-check .p-datatable .p-datatable-tbody>tr.ui-state-highlight td .fix-sticky{background-color:#fff}.tn-animated-left-arrow-icon,.tn-animated-right-arrow-icon{height:32px;position:relative;width:14px;z-index:10}.tn-animated-right-arrow-icon{-webkit-animation:arrowBounceToRight .8s ease-in-out infinite alternate;animation:arrowBounceToRight .8s ease-in-out infinite alternate}.tn-animated-left-arrow-icon{-webkit-animation:arrowBounceToLeft .8s ease-in-out infinite alternate;animation:arrowBounceToLeft .8s ease-in-out infinite alternate}.tn-animated-left-arrow-icon:after,.tn-animated-left-arrow-icon:before,.tn-animated-right-arrow-icon:after,.tn-animated-right-arrow-icon:before{background-color:#88b0dd;content:\"\";display:block;height:20px;position:absolute;width:5px}.tn-animated-right-arrow-icon:before{left:4px;top:0;transform:rotate(-35deg)}.tn-animated-right-arrow-icon:after{left:4px;top:14px;transform:rotate(35deg)}.tn-animated-left-arrow-icon:before{right:4px;top:0;transform:rotate(35deg)}.tn-animated-left-arrow-icon:after{right:4px;top:14px;transform:rotate(-35deg)}@-webkit-keyframes arrowBounceToLeft{0%{transform:translateX(-3px)}to{transform:translateX(3px)}}@keyframes arrowBounceToLeft{0%{transform:translateX(-3px)}to{transform:translateX(3px)}}@-webkit-keyframes arrowBounceToRight{0%{transform:translateX(3px)}to{transform:translateX(-3px)}}@keyframes arrowBounceToRight{0%{transform:translateX(3px)}to{transform:translateX(-3px)}}.pass{color:#49c949}.not-pass,.pass{margin:5px;text-align:center}.not-pass{color:red}"]
                 },] }
     ];
     ChatSendMessageBoxComponent.ctorParameters = function () { return [
@@ -27578,9 +27601,12 @@
         CheckBoxListComponent.prototype.ngOnInit = function () {
             this.fieldValue = this.control.valueField;
             if (this.control.dataSource == null || this.control.dataSource.length == 0) {
-                if (this.control.serviceUri) {
-                    this.bindDataSource();
-                }
+                this.bindDataSource(this.control.serviceUri, this.control.baseService);
+                // if (this.control.serviceUri) {
+                // }
+                // else if(this.control.baseService) {
+                //
+                // }
             }
             else {
                 this.dataSourceInternal = this.control.dataSource;
@@ -27598,20 +27624,56 @@
                 this.classCheckBox += " p-col-" + this.control.pColClass;
             }
         };
-        CheckBoxListComponent.prototype.bindDataSource = function () {
+        CheckBoxListComponent.prototype.bindDataSource = function (serviceUri, baseService) {
             var _this = this;
-            this._dropDownService.getDataSource(this.control.serviceUri).then(function (rs) {
-                var arr = [];
-                // for (let i = 0; i < rs.data.length; i++) {
-                //     arr.push({ label: rs.data[i][this.control.displayField], title: rs.data[i][this.control.displayField], value: rs.data[i][this.control.valueField] });
-                // }
-                _this.dataSourceInternal = rs.data;
-                _this.gotData = true;
-                if (_this.wroteValue) {
-                    _this.fixValue();
+            var _a, _b;
+            if (baseService) {
+                if (baseService instanceof BaseService) {
+                    var dropdownOptions = new DropdownOptions({
+                        displayField: (_a = this.control.displayField) !== null && _a !== void 0 ? _a : 'ten',
+                        valueField: (_b = this.control.valueField) !== null && _b !== void 0 ? _b : 'id',
+                    });
+                    baseService.getDataDropdown(dropdownOptions).then(function (res) {
+                        _this.dataSourceInternal = res;
+                        _this.gotData = true;
+                        if (_this.wroteValue)
+                            _this.fixValue();
+                        _this.onReady.emit(_this.control.field);
+                    }).catch(function (err) {
+                        _this.onReady.emit(_this.control.field);
+                        console.log(err);
+                    });
                 }
-            }, function (error) {
-            });
+                else if (baseService instanceof MasterDataService) {
+                    baseService.getDropdown(this.control.groupCode).then(function (res) {
+                        // const displayField = this.control.displayField ?? 'id';
+                        // const valueField = this.control.valueField ?? 'code';
+                        _this.dataSourceInternal = res.map(function (item) {
+                            return { id: item.value, ten: item.label };
+                        });
+                        if (_this.wroteValue)
+                            _this.fixValue();
+                        _this.onReady.emit(_this.control.field);
+                    }).catch(function (err) {
+                        console.log(err);
+                        _this.onReady.emit(_this.control.field);
+                    });
+                }
+            }
+            else if (serviceUri) {
+                this._dropDownService.getDataSource(serviceUri).then(function (rs) {
+                    var arr = [];
+                    // for (let i = 0; i < rs.data.length; i++) {
+                    //     arr.push({ label: rs.data[i][this.control.displayField], title: rs.data[i][this.control.displayField], value: rs.data[i][this.control.valueField] });
+                    // }
+                    _this.dataSourceInternal = rs.data;
+                    _this.gotData = true;
+                    if (_this.wroteValue) {
+                        _this.fixValue();
+                    }
+                }, function (error) {
+                });
+            }
         };
         CheckBoxListComponent.prototype.change = function (event) {
             var totalValue = __spread(this.selectedValue);
@@ -27679,8 +27741,8 @@
                         {
                             provide: forms.NG_VALUE_ACCESSOR,
                             useExisting: i0.forwardRef(function () { return CheckBoxListComponent; }),
-                            multi: true
-                        }
+                            multi: true,
+                        },
                     ],
                     styles: [".tn-check-box-list.p-grid{margin-bottom:-.5em}.p-col-horizontal{padding:.5em;position:relative}.tn-check-box-list{position:relative}.tn-check-box-list.flex-end{justify-content:flex-end}.tn-check-box-list.flex-center{justify-content:center}"]
                 },] }
@@ -32224,6 +32286,433 @@
         onReady: [{ type: i0.Output }]
     };
 
+    var TreeTableComponent = /** @class */ (function (_super) {
+        __extends(TreeTableComponent, _super);
+        function TreeTableComponent(injector, _crudService) {
+            var _this = _super.call(this, injector) || this;
+            _this._crudService = _crudService;
+            _this.model = new CrudListData();
+            _this.setting = new CrudListSetting();
+            _this.config = new CrudListConfig();
+            _this._dataSource = [];
+            _this.hiddenDelete = false;
+            _this.hiddenEdit = false;
+            _this.onReload = new i0.EventEmitter();
+            _this.onAdd = new i0.EventEmitter();
+            _this.onEdit = new i0.EventEmitter();
+            _this.onView = new i0.EventEmitter();
+            _this.onDelete = new i0.EventEmitter();
+            _this.template = {};
+            _this.cachedTransforms = {};
+            return _this;
+        }
+        Object.defineProperty(TreeTableComponent.prototype, "dataSource", {
+            get: function () {
+                return this._dataSource;
+            },
+            set: function (value) {
+                var dataSource = [];
+                if (value) {
+                    dataSource = value;
+                }
+                this.processDataSource(dataSource);
+                this._dataSource = dataSource;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        TreeTableComponent.prototype.ngOnInit = function () {
+            this.getData();
+        };
+        TreeTableComponent.prototype.getData = function () {
+            var infoGetData = this.getGridInfo();
+            this.onReload.emit(infoGetData);
+        };
+        TreeTableComponent.prototype.processDataSource = function (dataSource) {
+            var _this = this;
+            if (!dataSource)
+                return;
+            dataSource.forEach(function (itemSource) {
+                var source = itemSource.data;
+                if (source.id == undefined) {
+                    source.id = _this._commonService.guid();
+                }
+                source.objStyleClass = {};
+                if (!source.colSpan) {
+                    source.colSpan = {};
+                }
+                if (!source.rowSpan) {
+                    source.rowSpan = {};
+                }
+                if (!source.hidden) {
+                    source.hidden = {};
+                }
+                if (source.isNew) {
+                    source.objStyleClass.isNew = true;
+                }
+                if (source.isExpiring) {
+                    source.objStyleClass.expiring = true;
+                }
+                if (source.class) {
+                    source.class.split(' ').filter(function (p) { return p; }).forEach(function (cls) {
+                        source.objStyleClass[cls] = true;
+                    });
+                }
+                // this.setting.advanceData.fieldHasMaximumLength.forEach(_col => {
+                //     const col = <ColumnSchemaBase>_col;
+                //     const value = source[col.field];
+                //     if (value && value.substring && value.length > col.maxLengthDisplay) {
+                //         // sv: short value
+                //         source[`${col.field}__sv`] = `${value.substring(0, col.maxLengthDisplay)}`;
+                //     }
+                // });
+                // this.setting.advanceData.fieldHasMaximumWord.forEach(_col => {
+                //     const col = <ColumnSchemaBase>_col;
+                //     const valueShortWord = this.subWord(source[col.field], col.maxWordDisplay);
+                //     if (valueShortWord) {
+                //         // sv: short value
+                //         source[`${col.field}__sv`] = `${valueShortWord}`;
+                //     }
+                // });
+                _this.processDataSource(itemSource.children);
+            });
+        };
+        TreeTableComponent.prototype.subWord = function (value, wordCount) {
+            if (!value || !value.trim)
+                return value;
+            value = value.trim();
+            var index = -1, beforeChar = 'a';
+            for (var i = 0; i < value.length; i++) {
+                if (value[i] == '' && beforeChar != '') {
+                    wordCount--;
+                }
+                beforeChar = value[i];
+                if (wordCount == 0) {
+                    index = i;
+                    break;
+                }
+            }
+            if (index > -1)
+                return value.substring(0, index);
+            return null;
+        };
+        TreeTableComponent.prototype.toggleShowFull = function (rowData, field) {
+            rowData[field + '__showFull'] = !rowData[field + '__showFull'];
+        };
+        TreeTableComponent.prototype.reload = function (filter_custom, page) {
+            if (page === void 0) { page = 1; }
+            this.filter_custom = filter_custom;
+            this.setting.pageSetting.page = page;
+            this.getData();
+        };
+        TreeTableComponent.prototype.adjustPositionLoadingMask = function () {
+            // if (this.interval) {
+            //     clearInterval(this.interval);
+            // }
+            // if (!this.model.loading) {
+            //     return;
+            // }
+            // this.interval = setInterval(f => {
+            //     const element = this.table.containerViewChild.nativeElement.querySelector('.p-datatable-loading-overlay');
+            //     if (element) {
+            //         const parent = element.closest('p-table');
+            //         if (parent) {
+            //             const nodeScrollBarContent = parent.parentNode;
+            //             if (!nodeScrollBarContent.classList.contains('ps-content')) {
+            //                 return;
+            //             }
+            //             nodeScrollBarContent.parentNode.prepend(element);
+            //         }
+            //         const firstTh = element.parentNode.querySelector('p-table thead tr:first-child > th');
+            //         const firstThSize = firstTh.getBoundingClientRect();
+            //         const loadingIcon = element.querySelector('.p-datatable-loading-icon');
+            //         const fontSize = parseFloat(getComputedStyle(loadingIcon).fontSize);
+            //         const top = (firstThSize.height - fontSize) / 2;
+            //         const left = (firstThSize.width - fontSize) / 2;
+            //         loadingIcon.style.marginTop = `${top}px`;
+            //         loadingIcon.style.marginLeft = `${left}px`;
+            //     }
+            //     else {
+            //         this.adjustPositionLoadingMask();
+            //     }
+            // }, 20);
+        };
+        TreeTableComponent.prototype.processBaseData = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, this.preProcessData(this.model.dataSource)];
+                        case 1:
+                            _a.sent();
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        TreeTableComponent.prototype.preProcessData = function (dataSource) {
+            return __awaiter(this, void 0, void 0, function () {
+                var colHasPipe, _loop_1, this_1, colHasPipe_1, colHasPipe_1_1, col;
+                var e_1, _a;
+                return __generator(this, function (_b) {
+                    colHasPipe = this.setting.cols.filter(function (x) { return x.pipe; });
+                    _loop_1 = function (col) {
+                        var e_2, _a;
+                        var _loop_2 = function (item) {
+                            this_1.transform(col.pipe, col.asyncPipe, item[col.field]).then(function (rs) {
+                                item["pipe__" + col.field + " "] = rs;
+                            });
+                        };
+                        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()) {
+                                var item = dataSource_1_1.value;
+                                _loop_2(item);
+                            }
+                        }
+                        catch (e_2_1) { e_2 = { error: e_2_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; }
+                        }
+                    };
+                    this_1 = this;
+                    try {
+                        for (colHasPipe_1 = __values(colHasPipe), colHasPipe_1_1 = colHasPipe_1.next(); !colHasPipe_1_1.done; colHasPipe_1_1 = colHasPipe_1.next()) {
+                            col = colHasPipe_1_1.value;
+                            _loop_1(col);
+                        }
+                    }
+                    catch (e_1_1) { e_1 = { error: e_1_1 }; }
+                    finally {
+                        try {
+                            if (colHasPipe_1_1 && !colHasPipe_1_1.done && (_a = colHasPipe_1.return)) _a.call(colHasPipe_1);
+                        }
+                        finally { if (e_1) throw e_1.error; }
+                    }
+                    return [2 /*return*/];
+                });
+            });
+        };
+        TreeTableComponent.prototype.transform = function (pipe, asyncPipe, value) {
+            return __awaiter(this, void 0, void 0, function () {
+                var val, val;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            if (this.cachedTransforms[value]) {
+                                return [2 /*return*/, this.cachedTransforms[value]];
+                            }
+                            if (!asyncPipe) return [3 /*break*/, 2];
+                            return [4 /*yield*/, pipe.transform(value)];
+                        case 1:
+                            val = _a.sent();
+                            this.cachedTransforms[value] = val;
+                            return [2 /*return*/, val];
+                        case 2:
+                            val = pipe.transform(value);
+                            this.cachedTransforms[value] = val;
+                            return [2 /*return*/, val];
+                    }
+                });
+            });
+        };
+        TreeTableComponent.prototype.getGridInfo = function () {
+            var gridInfo = new GridInfo({
+                pageInfo: {
+                    page: this.setting.pageSetting.page,
+                    pageSize: this.setting.pageSetting.pageSize
+                },
+                filters: this.getFilters(),
+                sorts: []
+            });
+            return gridInfo;
+        };
+        TreeTableComponent.prototype.getFilters = function () {
+            var result = [];
+            if (this.keyword) {
+                result.push(this.newFilter('ten', exports.Operator.contain, this.keyword));
+            }
+            if (this.filter_custom && this.filter_custom.length) {
+                result.push.apply(result, __spread(this.filter_custom));
+            }
+            return result;
+        };
+        TreeTableComponent.prototype.getContextCell = function (rowData, rowIndex, col, $this) {
+            return {
+                crudList: $this,
+                rowData: rowData,
+                rowIndex: rowIndex,
+                col: col,
+                field: col.field
+            };
+        };
+        TreeTableComponent.prototype.disableEdit = function (rowData) {
+            if (rowData.__disableEdit) {
+                return true;
+            }
+            if (this.hiddenEdit) {
+                return true;
+            }
+            if (rowData['metadataStatus'] && rowData['metadataStatus'] != '0') {
+                return true;
+            }
+            return false;
+        };
+        TreeTableComponent.prototype.disableDelete = function (rowData) {
+            if (rowData.__disableDelete) {
+                return true;
+            }
+            if (this.hiddenDelete) {
+                return true;
+            }
+            if (rowData['metadataStatus'] && rowData['metadataStatus'] != '0') {
+                return true;
+            }
+            return false;
+        };
+        TreeTableComponent.prototype.findTemplate = function (templateName) {
+            var item = this._commonService.findTemplateFromList(this.children, templateName);
+            if (!item && this.templates) {
+                item = this._commonService.findTemplateFromList(this.templates, templateName);
+            }
+            return item;
+        };
+        TreeTableComponent.prototype.hasTemplate = function (templateName) {
+            if (this.template[templateName] === undefined) {
+                this.template[templateName] = this.findTemplate(templateName);
+            }
+            return this.template[templateName] != null;
+        };
+        TreeTableComponent.prototype.getTemplate = function (templateName) {
+            if (this.template[templateName] === undefined) {
+                this.template[templateName] = this.findTemplate(templateName);
+            }
+            return this.template[templateName];
+        };
+        TreeTableComponent.prototype.getComponentByType = function (controlType) {
+            // if (controlType == 'trangThaiV5') {
+            //     return this.templateTrangThaiV5;
+            // }
+            // if (controlType == '__viewHistory') {
+            //     return this.templateColViewHistory;
+            // }
+            return this.findTemplate(controlType);
+        };
+        TreeTableComponent.prototype.handleAdd = function (evt) {
+            this.onAdd.emit(evt);
+        };
+        TreeTableComponent.prototype.handleView = function (rowData) {
+            this.onView.emit(rowData);
+        };
+        TreeTableComponent.prototype.handleEdit = function (rowData) {
+            this.onEdit.emit(rowData);
+        };
+        TreeTableComponent.prototype.handleDelete = function (rowData) {
+            this.onDelete.emit(rowData);
+        };
+        TreeTableComponent.prototype.onNext = function (event) {
+            this.setting.pageSetting.page = this.setting.pageSetting.page + 1;
+            this.getData();
+            this.scrollTop();
+        };
+        TreeTableComponent.prototype.onPrev = function (event) {
+            if (this.setting.pageSetting.page > 1) {
+                this.setting.pageSetting.page = this.setting.pageSetting.page - 1;
+            }
+            this.getData();
+            this.scrollTop();
+        };
+        TreeTableComponent.prototype.onOldest = function (event) {
+            this.setting.pageSetting.page = Math.ceil(this.model.total / this.setting.pageSetting.pageSize);
+            this.getData();
+            this.scrollTop();
+        };
+        TreeTableComponent.prototype.onLatest = function (event) {
+            this.setting.pageSetting.page = 1;
+            this.getData();
+            this.scrollTop();
+        };
+        TreeTableComponent.prototype.savePageSize = function () {
+            this.savePageSetting();
+        };
+        TreeTableComponent.prototype.savePageSetting = function () {
+            var _this = this;
+            var pathName = location.pathname;
+            if (this.setting.settingKey) {
+                pathName += '/' + this.setting.settingKey;
+            }
+            var pageSetting = [];
+            var checkExist = false;
+            var dataPageSetting = localStorage.getItem(ComCtxConstants.LOCALSTORAGE_KEY.PAGE_SETTING);
+            if (dataPageSetting) {
+                pageSetting = JSON.parse(dataPageSetting);
+                pageSetting.forEach(function (element) {
+                    if (element.pathname === pathName) {
+                        element.pageSize = _this.setting.pageSetting.pageSize;
+                        checkExist = true;
+                    }
+                });
+            }
+            if (!checkExist) {
+                pageSetting.push({ pathname: pathName, pageSize: this.setting.pageSetting.pageSize });
+            }
+            localStorage.setItem(ComCtxConstants.LOCALSTORAGE_KEY.PAGE_SETTING, JSON.stringify(pageSetting));
+        };
+        TreeTableComponent.prototype.scrollTop = function () {
+            var _this = this;
+            setTimeout(function () {
+                if (_this.scrollbar) {
+                    _this.scrollbar.scrollToTop(0, 0);
+                }
+            });
+        };
+        TreeTableComponent.prototype.scrollToBottom = function () {
+            var _this = this;
+            setTimeout(function () {
+                if (_this.scrollbar) {
+                    _this.scrollbar.scrollToBottom(0, 0);
+                }
+            });
+        };
+        TreeTableComponent.prototype.handleDanhMaPC = function (evt) {
+            var _this = this;
+            this.setting.baseService.updateMaPhanCapBase()
+                .then(function (res) { return _this.handleResponse(res, 'Đánh lại mã phân cấp thành công', function (f) {
+                _this.reload();
+            }); });
+        };
+        return TreeTableComponent;
+    }(ComponentBase));
+    TreeTableComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'tn-tree-table',
+                    template: "<div class=\"custom-card card card-w-title tn-g-page-layout-1\">\r\n    <div class=\"ui-helper-clearfix tn-g-page-layout-1__header-area\">\r\n        <div class=\"p-grid ui-fluid custom-p-col page-title-area\">\r\n            <div class=\"main-title p-col-8\">\r\n                <h1>{{setting.title}}</h1>\r\n            </div>\r\n            <div class=\"p-col-4\">\r\n                <paging-next-back-only [model]=\"model\" [setting]=\"setting\" (onOldest)=\"onOldest($event)\"\r\n                    (onNext)=\"onNext($event)\" (onPrev)=\"onPrev($event)\" (onLatest)=\"onLatest($event)\"\r\n                    (onChangeLimitPage)=\"savePageSize()\">\r\n                </paging-next-back-only>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    <div class=\"p-grid crudListToolbar tn-g-page-layout-1__toolbar-area\">\r\n        <div class=\"p-col-8 button-group function-topbar\">\r\n            <button pButton pRipple type=\"button\" label=\"Th\u00EAm m\u1EDBi\" icon=\"pi pi-plus\" class=\"p-button-text\"\r\n                (click)=\"handleAdd($event)\"></button>\r\n            <button pButton pRipple type=\"button\" label=\"\u0110\u00E1nh l\u1EA1i m\u00E3 ph\u00E2n c\u1EA5p\" icon=\"pi pi-plus\" class=\"p-button-text\"\r\n                (click)=\"handleDanhMaPC($event)\"></button>\r\n        </div>\r\n        <div class=\"p-col-4 p-inputgroup\">\r\n            <input [placeholder]=\"'T\u00ECm ki\u1EBFm'\" [(ngModel)]=\"keyword\" pInputText type=\"text\" (change)=\"getData()\">\r\n            <button pButton type=\"button\" class=\"btn-info btn-search\" label=\"T\u00ECm ki\u1EBFm\" (click)=\"getData()\"></button>\r\n        </div>\r\n    </div>\r\n    <div class=\"tn-g-page-layout-1__table-area\">\r\n        <tn-custom-scrollbar [showScrollHorizontal]=\"true\" class=\"--has-border\">\r\n            <p-treeTable #treetable [value]=\"dataSource\" [columns]=\"setting.cols\" styleClass=\"treeOrganization\">\r\n                <ng-template let-columns pTemplate=\"header\">\r\n                    <tr>\r\n                        <th style=\"width: 70px\" class=\"chkbox\">\r\n                            <button type=\"button\" pButton pRipple icon=\"pi pi-refresh\"\r\n                                class=\"p-button-rounded p-button-text btnReload\" pTooltip=\"L\u00E0m m\u1EDBi d\u1EEF li\u1EC7u\"\r\n                                tooltipPosition=\"top\" [disabled]=\"model.loading\" (click)=\"getData()\"></button>\r\n                        </th>\r\n                        <th *ngFor=\"let col of columns\" [ttSortableColumn]=\"col.field\" [style.width]=\"col.width\"\r\n                            [style.textAlign]=\"col.textAlign\" [className]=\"col.class\" [pTooltip]=\"col.fullLabel\"\r\n                            tooltipStyleClass=\"unset-width\" style=\"text-align: center;\">\r\n                            {{col.label}}\r\n                            <p-treeTableSortIcon [field]=\"col.field\"></p-treeTableSortIcon>\r\n                        </th>\r\n                        <th style=\"text-align: center; width: 8em\">\r\n                            Ch\u1EE9c n\u0103ng\r\n                        </th>\r\n                    </tr>\r\n                </ng-template>\r\n                <ng-template let-rowNode let-rowData=\"rowData\" let-index=\"index\" let-columns=\"columns\" pTemplate=\"body\">\r\n                    <tr [ttRow]=\"rowNode\">\r\n                        <td class=\"chkbox\"></td>\r\n                        <ng-container *ngFor=\"let col of columns; let i = index\">\r\n                            <ng-container\r\n                                *ngTemplateOutlet=\"contentTd; context: {$implicit: rowData, rowNode: rowNode, col: col, index: index, i: i}\">\r\n                            </ng-container>\r\n                        </ng-container>\r\n                        <td style=\"text-align: center; width: 8em;\">\r\n                            <div *ngIf=\"hasTemplate('function')\" class=\"p-toolbar-group-center button-group\">\r\n                                <ng-container [ngTemplateOutlet]=\"getTemplate('function')\"\r\n                                    [ngTemplateOutletContext]=\"{rowData: rowData, rowIndex: index}\"></ng-container>\r\n                                <ng-container *ngTemplateOutlet=\"containerSticky\"></ng-container>\r\n                            </div>\r\n                            <div *ngIf=\"!hasTemplate('function')\" class=\"p-toolbar-group-center button-group\">\r\n                                <ng-container [ngTemplateOutletContext]=\"{rowData: rowData, rowIndex: index}\"\r\n                                    [ngTemplateOutlet]=\"getTemplate('buttonBefore')\"></ng-container>\r\n                                <button *ngIf=\"!rowData.hiddenEdit\" type=\"button\" pButton pRipple\r\n                                    pTooltip=\"{{'FORM.EDIT' | translate}}\" tooltipPosition=\"top\"\r\n                                    [disabled]=\"disableEdit(rowData)\"\r\n                                    class=\"p-button-rounded p-button-text p-button-info link-or-action\"\r\n                                    icon=\"pi pi-pencil\" (click)=\"handleEdit(rowData)\"></button>\r\n                                <button *ngIf=\"!rowData.hiddenDelete\" type=\"button\" pButton pRipple\r\n                                    [disabled]=\"disableDelete(rowData)\" pTooltip=\"{{'FORM.DELETE' | translate}}\"\r\n                                    tooltipPosition=\"top\"\r\n                                    class=\"p-button-rounded p-button-text p-button-danger link-or-action\"\r\n                                    icon=\"pi pi-trash\" (click)=\"handleDelete(rowData)\"></button>\r\n                                <!-- <button *ngIf=\"this.menuButtons\" type=\"button\" pButton icon=\"pi pi-ellipsis-v\"\r\n                                    class=\"link-or-action p-button-text p-button-info p-button-rounded\"\r\n                                    pTooltip=\"Ch\u1EE9c n\u0103ng kh\u00E1c\" tooltipPosition=\"top\"\r\n                                    (click)=\"showContextMenu($event, rowData)\"></button> -->\r\n                            </div>\r\n                        </td>\r\n                    </tr>\r\n                </ng-template>\r\n            </p-treeTable>\r\n            <div class=\"row-bottom-sticky\"></div>\r\n        </tn-custom-scrollbar>\r\n    </div>\r\n</div>\r\n\r\n<ng-template #contentTd let-rowData let-rowNode=\"rowNode\" let-col=\"col\" let-index=\"index\" let-i=\"i\">\r\n    <td *ngIf=\"col && col.visible && col.field != 'function' && (!rowData.hidden || !rowData.hidden[col.field])\"\r\n        [attr.colSpan]=\"rowData.colSpan && rowData.colSpan[col.field]\"\r\n        [attr.rowSpan]=\"rowData.rowSpan && rowData.rowSpan[col.field]\" [ngStyle]=\"col.extendData.style\"\r\n        [class]=\"col.cellClass\" [class.first-td]=\"i == 0\">\r\n        <tn-treeTableToggler *ngIf=\"i == 0\" [rowNode]=\"rowNode\"></tn-treeTableToggler>\r\n        <span *ngIf=\"col.pipe\">\r\n            <!-- <span class=\"p-column-title\" [pTooltip]=\"col.fullLabel\" [escape]=\"false\"\r\n                tooltipPosition=\"top\">{{col.label}}</span> -->\r\n            {{rowData['pipe__' + col.field]}}\r\n        </span>\r\n        <span *ngIf=\"!col.pipe\">\r\n            <!-- <span class=\"p-column-title\" [pTooltip]=\"col.fullLabel\" [escape]=\"false\"\r\n                tooltipPosition=\"top\">{{col.label}}</span> -->\r\n            <span *ngIf=\"setting.showEditLink && col.showEditLink\" [pTooltip]=\"config.tooltipView\" tooltipPosition=\"top\"\r\n                class=\"link-or-action\">\r\n                <a href=\"javascript:;\" (click)=\"handleView(rowData)\" [pTooltip]=\"config.tooltipView\"\r\n                    tooltipPosition=\"top\">\r\n                    <ng-container [ngTemplateOutlet]=\"contentCell\"\r\n                        [ngTemplateOutletContext]=\"getContextCell(rowData, index, col, this)\">\r\n                    </ng-container>\r\n                </a>\r\n            </span>\r\n            <span *ngIf=\"!setting.showEditLink || !col.showEditLink\">\r\n                <ng-container [ngTemplateOutlet]=\"contentCell\"\r\n                    [ngTemplateOutletContext]=\"getContextCell(rowData, index, col, this)\">\r\n                </ng-container>\r\n            </span>\r\n        </span>\r\n        <ng-container *ngTemplateOutlet=\"containerSticky\"></ng-container>\r\n    </td>\r\n</ng-template>\r\n<ng-template #contentCell let-col=\"col\" let-rowData=\"rowData\" let-rowIndex=\"rowIndex\" let-field=\"field\"\r\n    let-expanded=\"expanded\">\r\n    <ng-container *ngIf=\"col.template\">\r\n        <ng-container [ngTemplateOutlet]=\"col.template\"\r\n            [ngTemplateOutletContext]=\"getContextCell(rowData, rowIndex, col, this)\">\r\n        </ng-container>\r\n    </ng-container>\r\n    <ng-container *ngIf=\"!col.template\">\r\n        <ng-container [ngSwitch]=\"col.dataType\">\r\n            <span *ngSwitchCase=\"'color'\" style=\"display:block;text-align:center;\">\r\n                <div pTooltip=\"{{rowData[field]}}\" tooltipPosition=\"top\" [ngStyle]=\"{'background-color':rowData[field]}\"\r\n                    style=\"width:30px;height:30px;margin:0 auto;\"></div>\r\n            </span>\r\n            <span *ngSwitchCase=\"'icon'\" style=\"display:block;text-align:center;\">\r\n                <i pTooltip=\"{{rowData[field]}}\" tooltipPosition=\"top\" style=\"text-align: center;\"\r\n                    [ngClass]=\"rowData[field]\"></i>\r\n            </span>\r\n            <span *ngSwitchCase=\"'date'\" pTooltip=\"{{rowData[field] | date:'dd/MM/yyyy'}}\" tooltipPosition=\"top\">\r\n                {{_crudService.renderDate(rowData[field], col.format)}}\r\n            </span>\r\n            <span *ngSwitchCase=\"'datetime'\" pTooltip=\"{{rowData[field] | date:'dd/MM/yyyy HH:mm'}}\"\r\n                tooltipPosition=\"top\">\r\n                {{_crudService.renderDateTime(rowData[field], col.format)}}\r\n            </span>\r\n            <span *ngSwitchCase=\"'user'\" class=\"user\">\r\n                {{rowData[field] | userFormat | async}}\r\n            </span>\r\n            <div *ngSwitchCase=\"'users'\" [innerHTML]=\"rowData[field] | usersFormat | async\">\r\n            </div>\r\n            <span *ngSwitchCase=\"'int'\">\r\n                {{rowData[field]}}\r\n            </span>\r\n            <span *ngSwitchCase=\"'decimal'\">\r\n                {{rowData[field]}}\r\n            </span>\r\n            <span *ngSwitchCase=\"'boolean'\">\r\n                <p-checkbox class=\"boolean-data-type\" [(ngModel)]=\"rowData[field]\" binary=\"true\"\r\n                    [disabled]=\"col.disableCheckBox\">\r\n                </p-checkbox>\r\n            </span>\r\n            <span *ngSwitchCase=\"'html'\">\r\n                <div *ngIf=\"rowData[field]==null?'':rowData[field]\" [innerHTML]=\"rowData[field] | safeHtml\"></div>\r\n            </span>\r\n            <span *ngSwitchCase=\"'metadataStatus'\">\r\n                <span *ngIf=\"rowData['rejectReason']\" class=\"label-danger\" [pTooltip]=\"rowData['rejectReason']\"\r\n                    tooltipStyleClass=\"unset-width\" [escape]=\"false\" tooltipPosition=\"top\">T\u1EEB ch\u1ED1i</span>\r\n                <span *ngIf=\"rowData[field] == '0' && !rowData['rejectReason']\" class=\"label-secondary\">Ch\u01B0a\r\n                    duy\u1EC7t</span>\r\n                <span *ngIf=\"rowData[field] == '1' && !rowData['rejectReason']\" class=\"label-warning\">Ch\u1EDD duy\u1EC7t</span>\r\n                <span *ngIf=\"rowData[field] == '2'\" class=\"label-primary\">\u0110\u00E3 duy\u1EC7t</span>\r\n            </span>\r\n            <ng-container *ngSwitchCase=\"'string'\">\r\n                <ng-container *ngTemplateOutlet=\"contentCellString; context: {$implicit: rowData, field: col.field}\">\r\n                </ng-container>\r\n            </ng-container>\r\n            <ng-container *ngSwitchCase=\"null\">\r\n                <ng-container *ngTemplateOutlet=\"contentCellString; context: {$implicit: rowData, field: col.field}\">\r\n                </ng-container>\r\n            </ng-container>\r\n            <ng-container *ngSwitchDefault>\r\n                <ng-container [ngTemplateOutlet]=\"getComponentByType(col.dataType)\"\r\n                    [ngTemplateOutletContext]=\"getContextCell(rowData, rowIndex, col, this)\">\r\n                </ng-container>\r\n            </ng-container>\r\n        </ng-container>\r\n    </ng-container>\r\n</ng-template>\r\n<ng-template #contentCellString let-rowData let-field=\"field\">\r\n    <span>\r\n        <!-- __sv: Short Value -->\r\n        <ng-container *ngIf=\"rowData[field + '__sv']\">\r\n            <ng-container *ngIf=\"!rowData[field + '__showFull']\">\r\n                {{rowData[field + '__sv']}}\r\n                <span class=\"toggle-showfull\" (click)=\"toggleShowFull(rowData, field)\" pTooltip=\"B\u1EA5m \u0111\u1EC3 xem th\u00EAm\"\r\n                    tooltipPosition=\"top\">[...]</span>\r\n            </ng-container>\r\n            <ng-container *ngIf=\"rowData[field + '__showFull']\">\r\n                {{rowData[field]}}\r\n                <span class=\"toggle-showfull\" (click)=\"toggleShowFull(rowData, field)\">Thu g\u1ECDn</span>\r\n            </ng-container>\r\n        </ng-container>\r\n        <ng-container *ngIf=\"!rowData[field + '__sv']\">\r\n            {{rowData[field]}}\r\n        </ng-container>\r\n    </span>\r\n</ng-template>\r\n<ng-template #containerSticky>\r\n    <span class=\"fix-sticky top\"></span>\r\n    <span class=\"fix-sticky right\"></span>\r\n    <!-- <span class=\"fix-sticky bottom\"></span> -->\r\n    <span class=\"fix-sticky left\"></span>\r\n</ng-template>",
+                    styles: [""]
+                },] }
+    ];
+    TreeTableComponent.ctorParameters = function () { return [
+        { type: i0.Injector },
+        { type: CrudService }
+    ]; };
+    TreeTableComponent.propDecorators = {
+        treeTable: [{ type: i0.ViewChild, args: ['treetable',] }],
+        scrollbar: [{ type: i0.ViewChild, args: ['scrollbar', { static: true },] }],
+        children: [{ type: i0.ContentChildren, args: [i0.TemplateRef,] }],
+        templates: [{ type: i0.Input }],
+        model: [{ type: i0.Input }],
+        setting: [{ type: i0.Input }],
+        config: [{ type: i0.Input }],
+        dataSource: [{ type: i0.Input }],
+        hiddenDelete: [{ type: i0.Input }],
+        hiddenEdit: [{ type: i0.Input }],
+        onReload: [{ type: i0.Output }],
+        onAdd: [{ type: i0.Output }],
+        onEdit: [{ type: i0.Output }],
+        onView: [{ type: i0.Output }],
+        onDelete: [{ type: i0.Output }]
+    };
+
     var TableDetailFormComponent = /** @class */ (function (_super) {
         __extends(TableDetailFormComponent, _super);
         function TableDetailFormComponent(injector) {
@@ -43666,6 +44155,9 @@
         NotificationService.prototype.sendNotification = function (data) {
             return this.defaultPost(this.serviceUri + "/InsertToManyUser/", data);
         };
+        NotificationService.prototype.sendNotificationMultiple = function (lstNotification) {
+            return this.defaultPost(this.serviceUri + "/InsertMultiple", lstNotification);
+        };
         NotificationService.prototype.markReadById = function (id) {
             return this.defaultPost(this.serviceUri + "/MarkReadById/" + id, {});
         };
@@ -43673,7 +44165,7 @@
             return this.defaultPost(this.serviceUri + "/MarkUnread/" + id, {});
         };
         NotificationService.prototype.markReadAllByUserCurrent = function () {
-            return this.defaultPost(this.serviceUri + "/MarkReadAllByUserCurrent", {});
+            return this.defaultPost(this.serviceUri + "/MarkReadAllByCurrentUser", {});
         };
         return NotificationService;
     }(BaseService));
@@ -44269,6 +44761,7 @@
             _this._crudService = _crudService;
             _this._notifierService = _notifierService;
             _this._customRouterService = _customRouterService;
+            _this.openMenu = new i0.EventEmitter();
             _this.maxNotification = 10;
             _this.totalUnRead = 0;
             _this.bounceNoti = true;
@@ -44278,13 +44771,15 @@
             _this.url = '';
             _this.urldetail = '';
             _this.notifications = [];
-            _this.openMenu = new i0.EventEmitter();
             _this.rootContext.subscribe('NOTIFICATION_CHANGE', function (rs) {
                 _this.refreshNotification();
             });
             _this._signalRService.start('NotificationHub', TopicReloadNotification, function (data) {
                 _this.refreshNotification();
             });
+            _this.rootContext.subscribe(ComCtxConstants.NOTIFICATION.NOTIFICATION_RELOAD, function (res) {
+                _this.refreshNotification();
+            });
             _this.environment = _this._moduleConfigService.getConfig().environment;
             return _this;
         }
@@ -44354,13 +44849,24 @@
                 ],
                 fields: ''
             });
-            this._notificationService.getByGridRequest(gridInfo)
-                .then(function (res) { return _this.handleResponse(res, '', function (f) {
-                _this.notifications = res.data;
-                _this.totalUnRead = res.totalRecord;
-                _this.bounceNoti = true;
-                _this.afterGetNotication();
-            }); });
+            var readedFilters = [
+                this.newFilter('userId', exports.Operator.equal, this.userId),
+                this.newFilter('readedTime', exports.Operator.isNull, '1')
+            ];
+            Promise.all([
+                this._notificationService.getByGridRequest(gridInfo).then(function (res) { return _this.handleResponse(res, '', function (f) {
+                    _this.notifications = res.data;
+                    _this.totalUnRead = 0;
+                    _this.bounceNoti = true;
+                    _this.afterGetNotication();
+                }); }),
+                this._notificationService.getAll(readedFilters, 'readedTime').then(function (res) {
+                    if (res.success && res.data && res.data.length)
+                        _this.totalUnRead = res.totalRecord;
+                    else
+                        _this.totalUnRead = 0;
+                })
+            ]);
         };
         TnAppNotificationComponent.prototype.afterGetNotication = function () {
             var _this = this;
@@ -44382,18 +44888,20 @@
                 if (!rs)
                     return;
                 _this._notificationService.markReadAllByUserCurrent().then(function (rs) {
-                    _this.notifications.forEach(function (element) {
-                        element.readedTime = new Date();
-                    });
-                    _this.rootContext.fireEvent('NOTIFICATION_ALL_READ', true);
+                    // this.notifications.forEach(element => {
+                    //     element.readedTime = new Date();
+                    // });
+                    _this.rootContext.fireEvent(ComCtxConstants.NOTIFICATION.NOTIFICATION_RELOAD, true);
                 });
                 _this.totalUnRead = 0;
             });
         };
         TnAppNotificationComponent.prototype.readById = function (data) {
-            this._notificationService.markReadById(data.id).then(function (rs) {
-                data.readedTime = new Date();
-            });
+            var _this = this;
+            data.readedTime = new Date();
+            this._notificationService.markReadById(data.id).then(function (res) {
+                _this.rootContext.fireEvent(ComCtxConstants.NOTIFICATION.NOTIFICATION_RELOAD);
+            }).catch(function (err) { return _this._commonService.handleError(err, _this._injector); });
         };
         TnAppNotificationComponent.prototype.isHasAvatar = function (item) {
             if (item.avatarId) {
@@ -44442,14 +44950,7 @@
             this.bounceNoti = false;
         };
         TnAppNotificationComponent.prototype.handleClicked = function () {
-            return __awaiter(this, void 0, void 0, function () {
-                var domain;
-                return __generator(this, function (_a) {
-                    domain = this.environment.clientDomain.thongbaoDomain;
-                    window.open("" + domain);
-                    return [2 /*return*/];
-                });
-            });
+            this._router.navigate(["user/managemant-notification"]);
         };
         return TnAppNotificationComponent;
     }(ComponentBase));
@@ -52034,6 +52535,44 @@
     ]; };
     TnSortIcon.propDecorators = {
         field: [{ type: i0.Input }]
+    };
+    var TnTreeTableToggler = /** @class */ (function () {
+        function TnTreeTableToggler(ttb) {
+            this.ttb = ttb;
+            this.tt = ttb.treeTable;
+        }
+        TnTreeTableToggler.prototype.onClick = function (event) {
+            this.rowNode.node.expanded = !this.rowNode.node.expanded;
+            if (this.rowNode.node.expanded) {
+                this.tt.onNodeExpand.emit({
+                    originalEvent: event,
+                    node: this.rowNode.node
+                });
+            }
+            else {
+                this.tt.onNodeCollapse.emit({
+                    originalEvent: event,
+                    node: this.rowNode.node
+                });
+            }
+            this.tt.updateSerializedValue();
+            this.tt.tableService.onUIUpdate(this.tt.value);
+            event.preventDefault();
+        };
+        return TnTreeTableToggler;
+    }());
+    TnTreeTableToggler.decorators = [
+        { type: i0.Component, args: [{
+                    selector: 'tn-treeTableToggler',
+                    template: "\n        <button type=\"button\" class=\"p-treetable-toggler p-link\" (click)=\"onClick($event)\" tabindex=\"-1\" pRipple\n            [style.visibility]=\"rowNode.node.leaf === false || (rowNode.node.children && rowNode.node.children.length) ? 'visible' : 'hidden'\" [style.marginLeft]=\"rowNode.level * 16 + 'px'\">\n            <i [ngClass]=\"rowNode.node.expanded ? 'pi pi-fw pi-chevron-down' : 'pi pi-fw pi-chevron-right'\"></i>\n        </button>\n    ",
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+    TnTreeTableToggler.ctorParameters = function () { return [
+        { type: TreeTableComponent }
+    ]; };
+    TnTreeTableToggler.propDecorators = {
+        rowNode: [{ type: i0.Input }]
     };
 
     var TnTemplateDirective = /** @class */ (function () {
@@ -53819,6 +54358,7 @@
             CoCauToChucPickerListComponent,
             CrudFormComponent,
             CrudListComponent,
+            TreeTableComponent,
             BaseCongViecTestComponent,
             BaseCongViecComponent,
             BaseCongViecFormComponent,
@@ -53908,6 +54448,7 @@
             TnSortableColumnDirective,
             TnTemplateDirective,
             TnSortIcon,
+            TnTreeTableToggler,
             UserPickerComponent,
             UserPickerBoxComponent,
             AutocompleteDatasourceComponent,
@@ -54079,6 +54620,941 @@
         return MultiTranslateHttpLoader;
     }());
 
+    var TreeListBase = /** @class */ (function (_super) {
+        __extends(TreeListBase, _super);
+        function TreeListBase(_injector) {
+            var _this = _super.call(this, _injector) || this;
+            _this.notConfigBaseServiceMessage = 'Chưa cấu hình CRUD base service';
+            _this.environment = {};
+            _this.setting = new CrudListSetting();
+            _this.model = new CrudListData();
+            _this.formModel = new CrudFormData();
+            _this.scopeDataEdit = {};
+            _this.showDetailForm = false;
+            _this.countReady = 0;
+            _this.hasCrudList = true;
+            _this.customGetData = false;
+            _this.readyToTrinhKy = false;
+            _this.plusUrl = '';
+            _this.fieldParent = 'idParent';
+            _this.isCrudList = false;
+            _this.levelOpen = 1;
+            _this._notifierService = _this._injector.get(NotifierService);
+            _this._activatedRoute = _this._injector.get(i3.ActivatedRoute);
+            _this._router = _this._injector.get(i3.Router);
+            _this._customRouterService = _this._injector.get(CustomRouterService);
+            _this._listHelperService = _this._injector.get(ListHelperService);
+            _this._commonService = _this._injector.get(CommonService);
+            _this._translateService = _this._injector.get(i2.TranslateService);
+            _this._exportService = _this._injector.get(ExportService);
+            _this._crudService = _this._injector.get(CrudService);
+            _this._datePipe = _this._injector.get(i2$1.DatePipe);
+            _this._cd = _this._injector.get(i0.ChangeDetectorRef);
+            _this._userService = _this._injector.get(UserService);
+            _this._masterDataService = _this._injector.get(MasterDataService);
+            _this._entityWorkflowSettingService = _this._injector.get(EntityWorkflowSettingService);
+            _this._entityWorkflowHistoryService = _this._injector.get(EntityWorkflowHistoryService);
+            _this._entityPermissionService = _this._injector.get(EntityPermissionService);
+            _this._workflowSettingService = _this._injector.get(WorkflowSettingsService);
+            _this._workflowPermissionDetailService = _this._injector.get(WorkflowPermissionDetailService);
+            _this._stateMachinesService = _this._injector.get(StateMachinesService);
+            _this._congViecServiceInBase = _this._injector.get(CongViecService);
+            return _this;
+        }
+        Object.defineProperty(TreeListBase.prototype, "content", {
+            set: function (content) {
+                var beforeValue = this.crudList;
+                if (content) {
+                    this.crudList = content;
+                    if (!beforeValue) {
+                        this.countReady++;
+                        if (this.countReady < 2) {
+                            return;
+                        }
+                        this.processData();
+                    }
+                }
+            },
+            enumerable: false,
+            configurable: true
+        });
+        TreeListBase.prototype.ngOnInit = function () {
+            this.model.baseReady = false;
+            if (this.setting.cols) {
+                this.setting.cols = this.setting.cols.filter(function (q) { return !q.removeOnInit; });
+            }
+            this.mergeInfoToColumnSchema();
+            this.generateFieldSearchText();
+            if (!this.setting.baseService) {
+                this._notifierService.showWarning(this.notConfigBaseServiceMessage);
+            }
+            else {
+                if (!this.setting.hiddenSettingWorkflow
+                    || !this.setting.hiddenSettingWorkflowNew) {
+                    this.setting.baseService.useWorkflow = true;
+                }
+                this.registerGlobalService(this.setting.baseService);
+            }
+            var moduleConfigService = this._injector.get(ModuleConfigService);
+            this.environment = moduleConfigService.getConfig().environment;
+            if (this.environment.clientDomain
+                && this.setting.baseService
+                && this.environment.clientDomain[this.setting.baseService.serviceCode]
+                && !this.setting.targetPath) {
+                this.setting.targetPath = this.environment.clientDomain[this.setting.baseService.serviceCode] + "/" + this.setting.baseService.entityName.toLowerCase() + "/detail";
+            }
+            this.getMenuButtons = this.getMenuButtons.bind(this);
+        };
+        TreeListBase.prototype.registerGlobalService = function (service) {
+            var key = service.getKeyWorkflowSetting();
+            this._entityWorkflowSettingService.registerService(key, service);
+            this._entityWorkflowHistoryService.registerService(key, service);
+            this._entityPermissionService.registerService(key, service);
+            this._workflowSettingService.registerService(key, service);
+        };
+        TreeListBase.prototype.loadItemFromQueryParam = function () {
+            var _this = this;
+            if (this.loadDetailFromQueryParam === undefined || this.loadDetailFromQueryParam === true) {
+                var idInQueryString = null;
+                var pid = null; // permission Id được người khác share
+                if (this._activatedRoute.snapshot
+                    && this._activatedRoute.snapshot.queryParams) {
+                    idInQueryString = this._activatedRoute.snapshot.queryParams.id || this._activatedRoute.snapshot.queryParams.entityKey;
+                    pid = this._activatedRoute.snapshot.queryParams.pid;
+                }
+                if (pid) {
+                    this.loadDetailPid(pid);
+                }
+                else if (idInQueryString) {
+                    // get detail data
+                    this.setting.baseService.getDetailWithPermission(idInQueryString)
+                        .then(function (res) {
+                        if (!res.data) {
+                            _this._notifierService.showWarning('Không tìm thấy bản ghi cần xem chi tiết');
+                        }
+                        if ((res.data.basePermission & exports.PermissionBase.EDIT) == exports.PermissionBase.EDIT
+                            || (res.data.basePermission & exports.PermissionBase.READ) == exports.PermissionBase.READ) {
+                            _this._edit(res.data);
+                        }
+                        else {
+                            _this._notifierService.showWarning('Bạn không có quyền xem bản ghi');
+                        }
+                    }).catch(function (err) {
+                        console.error('error on get detail from querystring', err);
+                        _this._notifierService.showWarning('Không tìm thấy bản ghi cần xem chi tiết');
+                    });
+                }
+            }
+        };
+        TreeListBase.prototype.loadDetailPid = function (pid) {
+            var _this = this;
+            this.setting.baseService.getDetailByPid(pid)
+                .then(function (res) { return _this.handleResponse(res, '', function (f) {
+                if (!res.data) {
+                    _this._notifierService.showWarning('Không tìm thấy bản ghi cần xem chi tiết');
+                }
+                if ((res.data.basePermission & exports.PermissionBase.EDIT) == exports.PermissionBase.EDIT
+                    || (res.data.basePermission & exports.PermissionBase.READ) == exports.PermissionBase.READ) {
+                    res.data.pid = pid;
+                    res.data.basePermissionByPid = res.data.basePermission;
+                    _this._edit(res.data);
+                }
+                else {
+                    _this._notifierService.showWarning('Bạn không có quyền xem bản ghi');
+                }
+            }); }).catch(function (err) {
+                console.error('error on get detail from querystring', err);
+                _this._notifierService.showWarning('Không tìm thấy bản ghi cần xem chi tiết');
+            });
+        };
+        TreeListBase.prototype.ngAfterViewInit = function () {
+            this.handleAfterViewInit();
+        };
+        TreeListBase.prototype.ngOnDestroy = function () {
+            _super.prototype.ngOnDestroy.call(this);
+            clearTimeout(this.loadingTimeout);
+        };
+        TreeListBase.prototype.handleAfterViewInit = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    this.countReady++;
+                    if (this.countReady > 1) {
+                        this.model.baseReady = true;
+                        this._triggerProcessData();
+                    }
+                    this.loadItemFromQueryParam();
+                    return [2 /*return*/];
+                });
+            });
+        };
+        TreeListBase.prototype.getMenuButtons = function (rowData) {
+            this.rowDataCurrent = rowData;
+            return [];
+        };
+        TreeListBase.prototype._add = function (evt) {
+            return __awaiter(this, void 0, void 0, function () {
+                var resultValidate;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, this.validateAdd()];
+                        case 1:
+                            resultValidate = _a.sent();
+                            if (!resultValidate) {
+                                return [2 /*return*/];
+                            }
+                            this.formModel.data = {};
+                            this.formModel.formState = exports.FormState.ADD;
+                            return [4 /*yield*/, this.beforeAdd()];
+                        case 2:
+                            _a.sent();
+                            this.setting.popupHeader = "Th\u00EAm m\u1EDBi " + this.setting.objectName;
+                            this.setting.maskClass = null;
+                            this.showDetailForm = true;
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        TreeListBase.prototype.validateAdd = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    return [2 /*return*/, true];
+                });
+            });
+        };
+        TreeListBase.prototype.beforeAdd = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    return [2 /*return*/];
+                });
+            });
+        };
+        TreeListBase.prototype._view = function (rowData) {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            if (!(rowData.basePermission & exports.PermissionBase.EDIT)) return [3 /*break*/, 1];
+                            this._edit(rowData);
+                            return [3 /*break*/, 4];
+                        case 1:
+                            this.formModel.formState = exports.FormState.VIEW;
+                            return [4 /*yield*/, this.beforeView()];
+                        case 2:
+                            _a.sent();
+                            this.setting.popupHeader = "Chi ti\u1EBFt " + this.setting.objectName;
+                            this.setting.maskClass = null;
+                            this.formModel.data = this.cloneData(rowData);
+                            return [4 /*yield*/, this.modifyViewModel(rowData)];
+                        case 3:
+                            _a.sent();
+                            this.showDetailForm = true;
+                            _a.label = 4;
+                        case 4: return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        TreeListBase.prototype.beforeView = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    return [2 /*return*/];
+                });
+            });
+        };
+        TreeListBase.prototype.modifyViewModel = function (rowData) {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    return [2 /*return*/];
+                });
+            });
+        };
+        TreeListBase.prototype._copyLinkMultiple = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                var paths, _a, _b, item, _c, _d, e_1_1;
+                var e_1, _e;
+                return __generator(this, function (_f) {
+                    switch (_f.label) {
+                        case 0:
+                            paths = [];
+                            _f.label = 1;
+                        case 1:
+                            _f.trys.push([1, 6, 7, 8]);
+                            _a = __values(this.model.selectedItems), _b = _a.next();
+                            _f.label = 2;
+                        case 2:
+                            if (!!_b.done) return [3 /*break*/, 5];
+                            item = _b.value;
+                            _d = (_c = paths).push;
+                            return [4 /*yield*/, this.getCopyPath(this.setting, item)];
+                        case 3:
+                            _d.apply(_c, [_f.sent()]);
+                            _f.label = 4;
+                        case 4:
+                            _b = _a.next();
+                            return [3 /*break*/, 2];
+                        case 5: return [3 /*break*/, 8];
+                        case 6:
+                            e_1_1 = _f.sent();
+                            e_1 = { error: e_1_1 };
+                            return [3 /*break*/, 8];
+                        case 7:
+                            try {
+                                if (_b && !_b.done && (_e = _a.return)) _e.call(_a);
+                            }
+                            finally { if (e_1) throw e_1.error; }
+                            return [7 /*endfinally*/];
+                        case 8:
+                            this._commonService.copyByStorage(paths.join('\r\n'));
+                            this._notifierService.showSuccess('Đã sao chép các liên kết đã chọn');
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        TreeListBase.prototype._copyLink = function (rowData) {
+            return __awaiter(this, void 0, void 0, function () {
+                var path;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, this.getCopyPath(this.setting, rowData)];
+                        case 1:
+                            path = _a.sent();
+                            this._commonService.copyByStorage(path);
+                            this._notifierService.showSuccess('Đã sao chép liên kết');
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        TreeListBase.prototype._edit = function (rowData, scopeDataEdit) {
+            if (scopeDataEdit === void 0) { scopeDataEdit = {}; }
+            return __awaiter(this, void 0, void 0, function () {
+                var flashShow;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            flashShow = rowData[KeyFlashShow];
+                            delete rowData[KeyFlashShow];
+                            return [4 /*yield*/, this.beforeEdit()];
+                        case 1:
+                            _a.sent();
+                            this.formModel.formState = exports.FormState.EDIT;
+                            this.setting.popupHeader = "Chi ti\u1EBFt " + this.setting.objectName;
+                            this.setting.maskClass = flashShow ? 'hide' : null;
+                            this.scopeDataEdit = scopeDataEdit;
+                            this.formModel.data = this.cloneData(rowData);
+                            return [4 /*yield*/, this.modifyEditModel(rowData)];
+                        case 2:
+                            _a.sent();
+                            this.formModel.data[KeyFlashShow] = flashShow;
+                            this.showDetailForm = true;
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        TreeListBase.prototype.beforeEdit = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    return [2 /*return*/];
+                });
+            });
+        };
+        TreeListBase.prototype.modifyEditModel = function (rowData) {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    return [2 /*return*/];
+                });
+            });
+        };
+        TreeListBase.prototype.cloneData = function (rowData) {
+            return {
+                pid: rowData.pid,
+                basePermissionByPid: rowData.basePermissionByPid,
+                id: rowData[this.setting.entityKey],
+                basePermission: rowData.basePermission
+            };
+        };
+        TreeListBase.prototype.getPromiseDeleteItem = function (rowData) {
+            return this.setting.baseService.delete(rowData.id);
+        };
+        TreeListBase.prototype._delete = function (rowData) {
+            var _this = this;
+            if (rowData.__disableDelete) {
+                return;
+            }
+            this._notifierService.showDeleteConfirm().then(function (rs) {
+                if (!rs) {
+                    return;
+                }
+                if (_this.setting.baseService) {
+                    _this.getPromiseDeleteItem(rowData)
+                        .then(function (response) {
+                        if (response.success) {
+                            if (_this.setting.showVersionButton) {
+                                _this.context.fireEvent(ComCtxConstants.COMMON.RELOAD_DATA_VERSION, {}, true);
+                            }
+                            else {
+                                _this._triggerProcessData();
+                            }
+                            _this._notifierService.showDeleteDataSuccess();
+                        }
+                        else {
+                            _this._notifierService.showWarningByResponse(response);
+                        }
+                    }, function (error) {
+                        _this._notifierService.showDeleteDataError();
+                    });
+                }
+            });
+        };
+        TreeListBase.prototype.getPromiseDeleteItems = function (items) {
+            var ids = items.map(function (x) { return x.id; }).join(',');
+            return this.setting.baseService.deleteMany(ids);
+        };
+        TreeListBase.prototype._deleteMultiple = function (items) {
+            var _this = this;
+            this._notifierService.showDeleteConfirm().then(function (rs) {
+                if (!rs) {
+                    return;
+                }
+                if (_this.setting.baseService) {
+                    _this.getPromiseDeleteItems(items).then(function (response) {
+                        if (response.success) {
+                            _this._triggerProcessData();
+                            _this._notifierService.showDeleteDataSuccess();
+                        }
+                        else {
+                            _this._notifierService.showWarningByResponse(response);
+                        }
+                    });
+                }
+            });
+        };
+        TreeListBase.prototype.onBeforeCancel = function () {
+        };
+        TreeListBase.prototype._handleSaved = function () {
+            this.showDetailForm = false;
+            this._triggerProcessData();
+        };
+        TreeListBase.prototype._handleCancel = function ($event) {
+            this.onBeforeCancel();
+            this.showDetailForm = false;
+        };
+        TreeListBase.prototype.getEntityMetadata = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    try {
+                        // if (this._entityMetadataService) {
+                        //     this.setting.entityMetadataSetting.data = this._entityMetadataService.getWf1Setting();
+                        //     return;
+                        // } else {
+                        //     this.setting.entityMetadataService = this._injector.get(EntityMetadataService);
+                        //     this._entityMetadataService = this.setting.entityMetadataService;
+                        //     await this._entityMetadataService.load(this._baseService, this.context, true);  // force load để đọc từ csdl
+                        //     this.setting.entityMetadataSetting.data = this._entityMetadataService.getWf1Setting();
+                        // }
+                    }
+                    catch (e) {
+                        console.error('Please include EntityMetadataService in provider of component');
+                    }
+                    return [2 /*return*/, null];
+                });
+            });
+        };
+        TreeListBase.prototype.reload = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    this.crudList.reload();
+                    return [2 /*return*/];
+                });
+            });
+        };
+        TreeListBase.prototype._triggerProcessData = function (gridInfo) {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, this.processData(gridInfo)];
+                        case 1:
+                            _a.sent();
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        TreeListBase.prototype.processData = function (gridInfo) {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    this.readyToTrinhKy = false;
+                    if (this.hasCrudList) {
+                        if (!this.crudList) {
+                            return [2 /*return*/];
+                        }
+                        if (!gridInfo) {
+                            gridInfo = this.crudList.getGridInfo();
+                        }
+                    }
+                    else {
+                        if (!gridInfo) {
+                            gridInfo = new GridInfo({
+                                pageInfo: {
+                                    page: 1,
+                                    pageSize: 999
+                                },
+                                filters: [],
+                                sorts: []
+                            });
+                        }
+                    }
+                    this.getData(gridInfo);
+                    return [2 /*return*/];
+                });
+            });
+        };
+        TreeListBase.prototype.modifyGridInfo = function (gridInfo) {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    return [2 /*return*/, true];
+                });
+            });
+        };
+        TreeListBase.prototype.getData = function (gridInfo) {
+            return __awaiter(this, void 0, void 0, function () {
+                var resultModify;
+                var _this = this;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            if (!(this.setting.baseService && this.model.ready)) return [3 /*break*/, 2];
+                            this._markLoading();
+                            gridInfo.modifyFilter(WorkflowFieldStateCode, function (filter) {
+                                if (filter.value) {
+                                    var hasNullValue_1 = false;
+                                    var restValues_1 = [];
+                                    JSON.parse(filter.value).forEach(function (value) {
+                                        if (value === null) {
+                                            hasNullValue_1 = true;
+                                        }
+                                        else {
+                                            restValues_1.push(value);
+                                        }
+                                    });
+                                    if (hasNullValue_1) {
+                                        if (restValues_1.length == 0) {
+                                            filter.operator = exports.Operator.isNull;
+                                            return;
+                                        }
+                                        filter.logic = 'or';
+                                        filter.field = null;
+                                        filter.value = null;
+                                        filter.operator = null;
+                                        filter.filters = [
+                                            _this.newFilter(WorkflowFieldStateCode, exports.Operator.isNull, ''),
+                                            _this.newFilter(WorkflowFieldStateCode, exports.Operator.in, restValues_1)
+                                        ];
+                                    }
+                                }
+                            });
+                            return [4 /*yield*/, this.modifyGridInfo(gridInfo)];
+                        case 1:
+                            resultModify = _a.sent();
+                            if (resultModify === false) {
+                                this.model.dataSource = [];
+                                this.model.total = 0;
+                                this.model.expandedRowKeys = {};
+                                this._unmarkLoading();
+                                return [2 /*return*/];
+                            }
+                            this.doGetRequest(gridInfo);
+                            _a.label = 2;
+                        case 2: return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        TreeListBase.prototype._markLoading = function () {
+            var _this = this;
+            this.model.loading = true;
+            if (this.crudList) {
+                this.crudList.adjustPositionLoadingMask();
+            }
+            clearTimeout(this.loadingTimeout);
+            this.loadingTimeout = setTimeout(function () {
+                _this._notifierService.showWarning('Máy chủ phản hồi quá lâu, vui lòng kiểm tra lại đường truyền mạng!');
+                _this.model.loading = false;
+            }, 20000);
+        };
+        TreeListBase.prototype._handleReloaded = function (evt) {
+            if (evt === void 0) { evt = null; }
+            this._unmarkLoading();
+            this.afterReloaded();
+        };
+        TreeListBase.prototype.afterReloaded = function () {
+            return __awaiter(this, void 0, void 0, function () { return __generator(this, function (_a) {
+                return [2 /*return*/];
+            }); });
+        };
+        TreeListBase.prototype._unmarkLoading = function () {
+            clearTimeout(this.loadingTimeout);
+            this.model.loading = false;
+        };
+        TreeListBase.prototype.fireDataLoaded = function (success) {
+            if (success === void 0) { success = true; }
+            if (success && this.crudList) {
+                this.crudList.processBaseData();
+            }
+            this._unmarkLoading();
+        };
+        TreeListBase.prototype.getPromiseGetData = function (gridInfo) {
+            return this.setting.baseService.baseGetTreeData(gridInfo, this.plusUrl);
+        };
+        TreeListBase.prototype.getDataCustom = function (gridInfo) {
+        };
+        TreeListBase.prototype.doGetRequest = function (gridInfo) {
+            var _this = this;
+            if (!this.customGetData) {
+                if (this.setting.baseService) {
+                    this.getPromiseGetData(gridInfo)
+                        .then(function (response) { return __awaiter(_this, void 0, void 0, function () {
+                        return __generator(this, function (_a) {
+                            switch (_a.label) {
+                                case 0:
+                                    if (!response.success) return [3 /*break*/, 2];
+                                    return [4 /*yield*/, this.processGetData(response)];
+                                case 1:
+                                    _a.sent();
+                                    this.fireDataLoaded();
+                                    return [3 /*break*/, 3];
+                                case 2:
+                                    this._notifierService.showWarning(response.message);
+                                    this.fireDataLoaded(false);
+                                    _a.label = 3;
+                                case 3: return [2 /*return*/];
+                            }
+                        });
+                    }); }, function (error) {
+                        _this._notifierService.showHttpUnknowError();
+                        _this.fireDataLoaded(false);
+                    });
+                }
+            }
+            else {
+                this.getDataCustom(gridInfo);
+            }
+        };
+        TreeListBase.prototype.processGetData = function (response) {
+            return __awaiter(this, void 0, void 0, function () {
+                var dataSource, resetSelectedItems;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            this.model.expandedRowKeys = {};
+                            this.model.total = response.totalRecord;
+                            if (!(response.data && response.data.length > 0)) return [3 /*break*/, 2];
+                            return [4 /*yield*/, this.beforeRenderDataSource(response.data)];
+                        case 1:
+                            _a.sent();
+                            _a.label = 2;
+                        case 2: return [4 /*yield*/, this.afterProcessDataInBase(response.data)];
+                        case 3:
+                            _a.sent();
+                            dataSource = [];
+                            this.createTreeData(response.data, dataSource);
+                            this.model.dataSource = dataSource;
+                            resetSelectedItems = this.model.selectedItems && this.model.selectedItems.length;
+                            if (resetSelectedItems) {
+                                this.model.selectedItems.length = 0;
+                            }
+                            return [4 /*yield*/, this.afterGetData()];
+                        case 4:
+                            _a.sent();
+                            this._getRefDataDropdown(this.model.dataSource);
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        TreeListBase.prototype.beforeRenderDataSource = function (datasource) {
+            return datasource;
+        };
+        TreeListBase.prototype.afterProcessDataInBase = function (dataSource) {
+            if (dataSource === void 0) { dataSource = []; }
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    return [2 /*return*/];
+                });
+            });
+        };
+        TreeListBase.prototype.createTreeData = function (dataSource, result, level, idParent, lstIdParent) {
+            var _this = this;
+            if (level === void 0) { level = 1; }
+            if (idParent === void 0) { idParent = null; }
+            if (lstIdParent === void 0) { lstIdParent = []; }
+            dataSource.forEach(function (item) {
+                if (item[_this.fieldParent] != idParent)
+                    return;
+                // Bị vòng lặp vô hạn
+                if (lstIdParent.indexOf(item.id) > -1)
+                    return;
+                var node = {
+                    data: item,
+                    label: item.ten,
+                    expanded: level <= _this.levelOpen,
+                    level: level,
+                    children: []
+                };
+                result.push(node);
+                _this.createTreeData(dataSource, node.children, level + 1, node.data.id, __spread(lstIdParent, [item.id]));
+            });
+            return result;
+        };
+        TreeListBase.prototype.afterGetData = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    return [2 /*return*/];
+                });
+            });
+        };
+        TreeListBase.prototype._getRefDataDropdown = function (dataSource) {
+            return __awaiter(this, void 0, void 0, function () {
+                var arrPromiseDontNeedWait, arrSchemaDontNeedWait, _loop_1, this_1, _a, _b, schema, e_2_1, arrRes_1;
+                var e_2, _c;
+                var _this = this;
+                return __generator(this, function (_d) {
+                    switch (_d.label) {
+                        case 0:
+                            if (!(dataSource && dataSource.length > 0)) return [3 /*break*/, 12];
+                            if (!this.setting.advanceData.fieldNeedGetRef) return [3 /*break*/, 11];
+                            arrPromiseDontNeedWait = [];
+                            arrSchemaDontNeedWait = [];
+                            _loop_1 = function (schema) {
+                                var field, arrValue_1, promise, result, funcGetLabel_1;
+                                return __generator(this, function (_a) {
+                                    switch (_a.label) {
+                                        case 0:
+                                            field = schema.field;
+                                            if (!(schema[KeyFieldGetRefType] == exports.EnumGetRefType.SERVER)) return [3 /*break*/, 4];
+                                            if (!(schema.forceGetData
+                                                || (this_1.setting.groupColumn && this_1.setting.groupColumn.rawColumn && this_1.setting.groupColumn.rawColumn.field == schema.field)
+                                                || this_1.setting.cols.some(function (item) { return item.field == 'str' + field && item.visible != false; }))) return [3 /*break*/, 3];
+                                            arrValue_1 = [];
+                                            dataSource.forEach(function (itemData) {
+                                                var currentValue = itemData[field];
+                                                if (currentValue != null) {
+                                                    if (schema.multiple) {
+                                                        var ids = currentValue;
+                                                        if (!Array.isArray(ids)) {
+                                                            ids = ids.split(',');
+                                                        }
+                                                        ids.forEach(function (id) {
+                                                            if (!id)
+                                                                return;
+                                                            if (!arrValue_1.some(function (p) { return p == id; })) {
+                                                                arrValue_1.push(id);
+                                                            }
+                                                        });
+                                                    }
+                                                    else if (!arrValue_1.some(function (p) { return p == currentValue; })) {
+                                                        arrValue_1.push(currentValue);
+                                                    }
+                                                }
+                                            });
+                                            if (!(arrValue_1.length > 0)) return [3 /*break*/, 3];
+                                            promise = null;
+                                            if (schema.baseService instanceof MasterDataService) {
+                                                promise = schema.baseService.getDataDropdown(schema.groupCode, arrValue_1, this_1.createDropdownOptions(schema));
+                                            }
+                                            else {
+                                                promise = schema.baseService.getDataDropdownByFilter([this_1.newFilter(schema.valueField, exports.Operator.in, arrValue_1)], this_1.createDropdownOptions(schema));
+                                            }
+                                            if (!(schema.order != null)) return [3 /*break*/, 2];
+                                            return [4 /*yield*/, promise];
+                                        case 1:
+                                            result = _a.sent();
+                                            this_1.mergeRefDataToDatasource(dataSource, schema, result);
+                                            return [3 /*break*/, 3];
+                                        case 2:
+                                            arrPromiseDontNeedWait.push(promise);
+                                            arrSchemaDontNeedWait.push(schema);
+                                            _a.label = 3;
+                                        case 3: return [3 /*break*/, 5];
+                                        case 4:
+                                            funcGetLabel_1 = function (item) { return item[schema.displayFieldInGrid] || item['label']; };
+                                            if (schema.funcGetLabel) {
+                                                funcGetLabel_1 = schema.funcGetLabel;
+                                            }
+                                            dataSource.forEach(function (itemData) {
+                                                var refItem = schema.dataSource.find(function (i) { return schema.funcCompare(i, itemData[field]); });
+                                                if (refItem != null) {
+                                                    itemData['str' + field] = funcGetLabel_1(refItem);
+                                                }
+                                            });
+                                            _a.label = 5;
+                                        case 5: return [2 /*return*/];
+                                    }
+                                });
+                            };
+                            this_1 = this;
+                            _d.label = 1;
+                        case 1:
+                            _d.trys.push([1, 6, 7, 8]);
+                            _a = __values(this.setting.advanceData.fieldNeedGetRef), _b = _a.next();
+                            _d.label = 2;
+                        case 2:
+                            if (!!_b.done) return [3 /*break*/, 5];
+                            schema = _b.value;
+                            return [5 /*yield**/, _loop_1(schema)];
+                        case 3:
+                            _d.sent();
+                            _d.label = 4;
+                        case 4:
+                            _b = _a.next();
+                            return [3 /*break*/, 2];
+                        case 5: return [3 /*break*/, 8];
+                        case 6:
+                            e_2_1 = _d.sent();
+                            e_2 = { error: e_2_1 };
+                            return [3 /*break*/, 8];
+                        case 7:
+                            try {
+                                if (_b && !_b.done && (_c = _a.return)) _c.call(_a);
+                            }
+                            finally { if (e_2) throw e_2.error; }
+                            return [7 /*endfinally*/];
+                        case 8:
+                            if (!(arrPromiseDontNeedWait.length > 0)) return [3 /*break*/, 10];
+                            return [4 /*yield*/, Promise.all(arrPromiseDontNeedWait)];
+                        case 9:
+                            arrRes_1 = _d.sent();
+                            arrSchemaDontNeedWait.forEach(function (schema, index) {
+                                _this.mergeRefDataToDatasource(dataSource, schema, arrRes_1[index]);
+                            });
+                            _d.label = 10;
+                        case 10:
+                            this.afterGetRefDataDropdown(null);
+                            this.readyToTrinhKy = true;
+                            return [3 /*break*/, 12];
+                        case 11:
+                            this.readyToTrinhKy = true;
+                            _d.label = 12;
+                        case 12: return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        TreeListBase.prototype.mergeRefDataToDatasource = function (dataSource, schema, data) {
+            var field = schema.field;
+            var funcGetLabel = function (item) { return item[schema.displayFieldInGrid] || item['ten']; };
+            if (schema.funcGetLabel) {
+                funcGetLabel = schema.funcGetLabel;
+            }
+            var funcSetValueRow = function (rowItem, data) { };
+            var funcGetRefDataRow = function (refItems) {
+                return refItems.map(function (item) { return funcGetLabel(item); }).join(schema.separator + " ");
+            };
+            if (schema.funcSetValueRow) {
+                funcSetValueRow = schema.funcSetValueRow;
+            }
+            if (schema.funcGetRefDataRow) {
+                funcGetRefDataRow = schema.funcGetRefDataRow;
+            }
+            if (schema.multiple) {
+                dataSource.forEach(function (itemData) {
+                    if (itemData[field] != null) {
+                        var ids_1 = itemData[field];
+                        if (!Array.isArray(ids_1)) {
+                            ids_1 = ids_1.split(',');
+                        }
+                        var refItems = data.filter(function (i) { return ids_1.some(function (q) { return schema.funcCompare(i, q); }); });
+                        if (refItems.length > 0) {
+                            itemData['str' + field] = funcGetRefDataRow(refItems);
+                            funcSetValueRow(itemData, refItems);
+                        }
+                    }
+                });
+            }
+            else {
+                dataSource.forEach(function (itemData) {
+                    if (itemData[field] != null) {
+                        var refItem = data.find(function (i) { return schema.funcCompare(i, itemData[field]); });
+                        if (refItem != null) {
+                            itemData['str' + field] = funcGetLabel(refItem);
+                            funcSetValueRow(itemData, refItem);
+                        }
+                    }
+                });
+            }
+            this.afterGetRefDataDropdown(field);
+        };
+        TreeListBase.prototype.createDropdownOptions = function (schema) {
+            return new DropdownOptions({
+                displayField: schema.displayField,
+                valueField: schema.valueField,
+                fieldPlus: schema.fieldPlus,
+                fieldTree: schema.fieldTree,
+                fieldParentTreeItem: schema.fieldParentTreeItem,
+                funcGetLabel: schema.funcGetLabel,
+                sortField: schema.sortField,
+                sortDir: schema.sortDir,
+                callbackDataFinish: schema.callbackDataFinish
+            });
+        };
+        TreeListBase.prototype.afterGetRefDataDropdown = function (field) {
+        };
+        TreeListBase.prototype.mergeInfoToColumnSchema = function () {
+            var _this = this;
+            this.setting.cols.forEach(function (col) {
+                var columnModelSchema = _this.setting.modelSchemas.find(function (p) { return p.field == col.field; });
+                if (columnModelSchema) {
+                    col.label = columnModelSchema.name;
+                    col.fullLabel = columnModelSchema.fullName;
+                    if (!col.displayFieldInGrid) {
+                        col.displayFieldInGrid = col.displayField;
+                    }
+                    if (!col.dataType) {
+                        col.dataType = _this.getDataType(columnModelSchema.dataType);
+                    }
+                }
+            });
+        };
+        TreeListBase.prototype.getDataType = function (type) {
+            return type;
+        };
+        TreeListBase.prototype.generateFieldSearchText = function () {
+            var _this = this;
+            this.setting.cols.forEach(function (col) {
+                if (col.fullTextSearch) {
+                    _this.setting.fieldSearchText.push(col.field);
+                }
+            });
+            if (this.setting.fieldSearchText.length > 0) {
+                var filters_1 = [];
+                this.setting.fieldSearchText.forEach(function (field) {
+                    filters_1.push(new Filter({ field: field, operator: exports.Operator.contain, sourceField: '_k' }));
+                });
+                if (this.setting.filterTemplateAdvs) {
+                    this.setting.filterTemplateAdvs.splice(0, 0, new Filter({
+                        logic: 'or',
+                        filters: filters_1
+                    }));
+                }
+            }
+        };
+        return TreeListBase;
+    }(ComponentBase));
+    TreeListBase.decorators = [
+        { type: i0.Directive }
+    ];
+    TreeListBase.ctorParameters = function () { return [
+        { type: i0.Injector }
+    ]; };
+    TreeListBase.propDecorators = {
+        content: [{ type: i0.ViewChild, args: [TreeTableComponent,] }],
+        parentModel: [{ type: i0.Input }],
+        loadDetailFromQueryParam: [{ type: i0.Input }]
+    };
+
     var PermissionUtilsInterceptor = /** @class */ (function () {
         function PermissionUtilsInterceptor(authenService, _moduleConfigService, _applicationContextService) {
             this.authenService = authenService;
@@ -56209,6 +57685,7 @@
     exports.TnReorderableRowDirective = TnReorderableRowDirective;
     exports.TnSortIcon = TnSortIcon;
     exports.TnSortableColumnDirective = TnSortableColumnDirective;
+    exports.TnTreeTableToggler = TnTreeTableToggler;
     exports.TnUser = TnUser;
     exports.TnxSharedModule = TnxSharedModule;
     exports.TopicReloadCongViecV5 = TopicReloadCongViecV5;
@@ -56217,6 +57694,7 @@
     exports.TrangThaiMasterData = TrangThaiMasterData;
     exports.TrangThais = TrangThais;
     exports.TreeDataOption = TreeDataOption;
+    exports.TreeListBase = TreeListBase;
     exports.TrimCorrector = TrimCorrector;
     exports.TrimEndCorrector = TrimEndCorrector;
     exports.TrimStartCorrector = TrimStartCorrector;
@@ -56311,119 +57789,120 @@
     exports.ɵ9 = ɵ9;
     exports.ɵa = AddressComponent;
     exports.ɵb = DropdownService;
-    exports.ɵba = BaseCongviecDinhkemFormComponent;
-    exports.ɵbb = DatetimePickerComponent;
-    exports.ɵbc = DatetimePickerRangeComponent;
-    exports.ɵbd = DynamicNodeComponent;
-    exports.ɵbe = EntityPickerBoxComponent;
-    exports.ɵbf = EntityPickerDataComponent;
-    exports.ɵbg = EntityPickerSelectedComponent;
-    exports.ɵbh = EntityPickerComponent;
-    exports.ɵbi = EntityPickerDialogComponent;
-    exports.ɵbj = EntityPermissionComponent;
-    exports.ɵbk = DM_ChucVuService;
-    exports.ɵbl = RoleService;
-    exports.ɵbm = EntityPermissionService;
-    exports.ɵbn = EquationEditorComponent;
-    exports.ɵbo = MaskComponent;
-    exports.ɵbp = NumberPickerRangeComponent;
-    exports.ɵbq = PagingNextBackOnlyComponent;
-    exports.ɵbr = RadioButtonListComponent;
-    exports.ɵbs = VanBanPickerComponent;
-    exports.ɵbt = VanBanDenService;
-    exports.ɵbu = VanBanDiService;
-    exports.ɵbv = VanBanPickerDialogComponent;
-    exports.ɵbw = VanbanDiPickerComponent;
-    exports.ɵbx = VanbanDenPickerComponent;
-    exports.ɵby = CongViecPickerComponent;
-    exports.ɵbz = CongViecService$1;
+    exports.ɵba = CongviecDinhkemService;
+    exports.ɵbb = BaseCongviecDinhkemFormComponent;
+    exports.ɵbc = DatetimePickerComponent;
+    exports.ɵbd = DatetimePickerRangeComponent;
+    exports.ɵbe = DynamicNodeComponent;
+    exports.ɵbf = EntityPickerBoxComponent;
+    exports.ɵbg = EntityPickerDataComponent;
+    exports.ɵbh = EntityPickerSelectedComponent;
+    exports.ɵbi = EntityPickerComponent;
+    exports.ɵbj = EntityPickerDialogComponent;
+    exports.ɵbk = EntityPermissionComponent;
+    exports.ɵbl = DM_ChucVuService;
+    exports.ɵbm = RoleService;
+    exports.ɵbn = EntityPermissionService;
+    exports.ɵbo = EquationEditorComponent;
+    exports.ɵbp = MaskComponent;
+    exports.ɵbq = NumberPickerRangeComponent;
+    exports.ɵbr = PagingNextBackOnlyComponent;
+    exports.ɵbs = RadioButtonListComponent;
+    exports.ɵbt = VanBanPickerComponent;
+    exports.ɵbu = VanBanDenService;
+    exports.ɵbv = VanBanDiService;
+    exports.ɵbw = VanBanPickerDialogComponent;
+    exports.ɵbx = VanbanDiPickerComponent;
+    exports.ɵby = VanbanDenPickerComponent;
+    exports.ɵbz = CongViecPickerComponent;
     exports.ɵc = EntityPickerService;
-    exports.ɵca = TaskWorkflowHistoriesService;
-    exports.ɵcb = SettingsComponent;
-    exports.ɵcc = SettingsRowComponent;
-    exports.ɵcd = SettingsWorkflowComponent;
-    exports.ɵce = SettingsWorkflowNo1Component;
-    exports.ɵcf = SimpleWorkflowFormComponent;
-    exports.ɵcg = ProcessWorkflowTargetComponent;
-    exports.ɵch = DmChucVuService;
-    exports.ɵci = ChoYKienFormComponent;
-    exports.ɵcj = SplashComponentV1Component;
-    exports.ɵck = SplashComponentV2Component;
-    exports.ɵcl = StateMachinesConnectionReceiverComponent;
-    exports.ɵcm = StateMachinesConnectionReceiverConditionComponent;
-    exports.ɵcn = WorkflowSettingsService;
-    exports.ɵco = StateMachinesConnectionReceiverDepartmentComponent;
-    exports.ɵcp = StateMachinesConnectionReceiverGroupComponent;
-    exports.ɵcq = StateMachinesConnectionReceiverUserComponent;
-    exports.ɵcr = StateMachinesConnectionReceiverRoleComponent;
-    exports.ɵcs = StateMachinesConnectionSenderComponent;
-    exports.ɵct = StartWorkflowComponent;
-    exports.ɵcu = ShareLinkByPermissionComponent;
-    exports.ɵcv = WorkflowSettingNewComponent;
-    exports.ɵcw = PermissionSharingComponent;
-    exports.ɵcx = WorkflowPermissionService;
-    exports.ɵcy = TnDialogComponent;
-    exports.ɵcz = TnColorPickerComponent;
+    exports.ɵca = CongViecService$1;
+    exports.ɵcb = TaskWorkflowHistoriesService;
+    exports.ɵcc = SettingsComponent;
+    exports.ɵcd = SettingsRowComponent;
+    exports.ɵce = SettingsWorkflowComponent;
+    exports.ɵcf = SettingsWorkflowNo1Component;
+    exports.ɵcg = SimpleWorkflowFormComponent;
+    exports.ɵch = ProcessWorkflowTargetComponent;
+    exports.ɵci = DmChucVuService;
+    exports.ɵcj = ChoYKienFormComponent;
+    exports.ɵck = SplashComponentV1Component;
+    exports.ɵcl = SplashComponentV2Component;
+    exports.ɵcm = StateMachinesConnectionReceiverComponent;
+    exports.ɵcn = StateMachinesConnectionReceiverConditionComponent;
+    exports.ɵco = WorkflowSettingsService;
+    exports.ɵcp = StateMachinesConnectionReceiverDepartmentComponent;
+    exports.ɵcq = StateMachinesConnectionReceiverGroupComponent;
+    exports.ɵcr = StateMachinesConnectionReceiverUserComponent;
+    exports.ɵcs = StateMachinesConnectionReceiverRoleComponent;
+    exports.ɵct = StateMachinesConnectionSenderComponent;
+    exports.ɵcu = StartWorkflowComponent;
+    exports.ɵcv = ShareLinkByPermissionComponent;
+    exports.ɵcw = WorkflowSettingNewComponent;
+    exports.ɵcx = PermissionSharingComponent;
+    exports.ɵcy = WorkflowPermissionService;
+    exports.ɵcz = TnDialogComponent;
     exports.ɵd = ExceptionHandlerService;
-    exports.ɵda = TnTinymceComponent;
-    exports.ɵdb = TnTabViewComponent;
-    exports.ɵdc = TableDetailFormComponent;
-    exports.ɵdd = FileIconPipe;
-    exports.ɵde = FileSizePipe;
-    exports.ɵdf = QuickAddFormComponent;
-    exports.ɵdg = PreventShiftTabDirective;
-    exports.ɵdh = TnTemplateDirective;
-    exports.ɵdi = UserPickerComponent;
-    exports.ɵdj = UserPickerBoxComponent;
-    exports.ɵdk = CoCauToChucTestService;
-    exports.ɵdl = TnAppHelpComponent;
-    exports.ɵdm = PathNameService;
-    exports.ɵdn = HelperCurrentPageComponent;
-    exports.ɵdo = TnAppNotificationListComponent;
-    exports.ɵdp = TnAppNotificationComponent;
-    exports.ɵdq = MyDriveService;
-    exports.ɵdr = FileVersionService;
-    exports.ɵds = FileExplorerNewService;
-    exports.ɵdt = FileManagerService;
-    exports.ɵdu = FolderFormComponent;
-    exports.ɵdv = FileFormComponent;
-    exports.ɵdw = FileViewerComponent;
-    exports.ɵdx = FileVersionListComponent;
-    exports.ɵdy = WorkflowHistoryComponent;
-    exports.ɵdz = EntityWorkflowHistoryService;
+    exports.ɵda = TnColorPickerComponent;
+    exports.ɵdb = TnTinymceComponent;
+    exports.ɵdc = TnTabViewComponent;
+    exports.ɵdd = TableDetailFormComponent;
+    exports.ɵde = FileIconPipe;
+    exports.ɵdf = FileSizePipe;
+    exports.ɵdg = QuickAddFormComponent;
+    exports.ɵdh = PreventShiftTabDirective;
+    exports.ɵdi = TnTemplateDirective;
+    exports.ɵdj = UserPickerComponent;
+    exports.ɵdk = UserPickerBoxComponent;
+    exports.ɵdl = CoCauToChucTestService;
+    exports.ɵdm = TnAppHelpComponent;
+    exports.ɵdn = PathNameService;
+    exports.ɵdo = HelperCurrentPageComponent;
+    exports.ɵdp = TnAppNotificationListComponent;
+    exports.ɵdq = TnAppNotificationComponent;
+    exports.ɵdr = MyDriveService;
+    exports.ɵds = FileVersionService;
+    exports.ɵdt = FileExplorerNewService;
+    exports.ɵdu = FileManagerService;
+    exports.ɵdv = FolderFormComponent;
+    exports.ɵdw = FileFormComponent;
+    exports.ɵdx = FileViewerComponent;
+    exports.ɵdy = FileVersionListComponent;
+    exports.ɵdz = WorkflowHistoryComponent;
     exports.ɵe = CanBo_HoSoService;
-    exports.ɵea = WorkflowHistoryDialogComponent;
-    exports.ɵeb = WorkflowHistoryNewComponent;
-    exports.ɵec = WorkflowSettingComponent;
-    exports.ɵed = EntityWorkflowSettingService;
-    exports.ɵee = WorkflowSettingDialogComponent;
-    exports.ɵef = WorkflowPermissionComponent;
-    exports.ɵeg = WorkflowPermissionFormComponent;
-    exports.ɵeh = QrCodeGeneratorComponent;
-    exports.ɵei = AccessDeniedV1Component;
-    exports.ɵej = AddNewsComponent;
-    exports.ɵek = ArticleService;
-    exports.ɵel = NewsCategoryService;
-    exports.ɵem = NotFoundComponent;
-    exports.ɵen = UniversalLinkProcessorComponent;
-    exports.ɵeo = SignatureDetailComponent;
-    exports.ɵep = ChatService;
-    exports.ɵeq = ContentsService;
-    exports.ɵer = StatusExtendsService;
-    exports.ɵes = MessageBoardService;
-    exports.ɵet = KySoSimDanhSachChuKyComponent;
-    exports.ɵeu = KySoSimChuKyUserService;
-    exports.ɵev = FileKySoSimComponent;
-    exports.ɵew = KySoSimSignPDFService;
-    exports.ɵex = TaiLieuCuaToiComponent;
-    exports.ɵey = KhaiThacTaiLieuDungChungComponent;
-    exports.ɵez = DanhMucDungChungService;
+    exports.ɵea = EntityWorkflowHistoryService;
+    exports.ɵeb = WorkflowHistoryDialogComponent;
+    exports.ɵec = WorkflowHistoryNewComponent;
+    exports.ɵed = WorkflowSettingComponent;
+    exports.ɵee = EntityWorkflowSettingService;
+    exports.ɵef = WorkflowSettingDialogComponent;
+    exports.ɵeg = WorkflowPermissionComponent;
+    exports.ɵeh = WorkflowPermissionFormComponent;
+    exports.ɵei = QrCodeGeneratorComponent;
+    exports.ɵej = AccessDeniedV1Component;
+    exports.ɵek = AddNewsComponent;
+    exports.ɵel = ArticleService;
+    exports.ɵem = NewsCategoryService;
+    exports.ɵen = NotFoundComponent;
+    exports.ɵeo = UniversalLinkProcessorComponent;
+    exports.ɵep = SignatureDetailComponent;
+    exports.ɵeq = ChatService;
+    exports.ɵer = ContentsService;
+    exports.ɵes = StatusExtendsService;
+    exports.ɵet = MessageBoardService;
+    exports.ɵeu = KySoSimDanhSachChuKyComponent;
+    exports.ɵev = KySoSimChuKyUserService;
+    exports.ɵew = FileKySoSimComponent;
+    exports.ɵex = KySoSimSignPDFService;
+    exports.ɵey = TaiLieuCuaToiComponent;
+    exports.ɵez = KhaiThacTaiLieuDungChungComponent;
     exports.ɵf = AfterViewCheckedComponent;
-    exports.ɵfa = CheckReadyComponent;
-    exports.ɵfb = SendAccessTokenInterceptor;
-    exports.ɵfc = LogInterceptor;
-    exports.ɵfd = PermissionUtilsInterceptor;
-    exports.ɵfe = TraceInterceptor;
+    exports.ɵfa = DanhMucDungChungService;
+    exports.ɵfb = CheckReadyComponent;
+    exports.ɵfc = SendAccessTokenInterceptor;
+    exports.ɵfd = LogInterceptor;
+    exports.ɵfe = PermissionUtilsInterceptor;
+    exports.ɵff = TraceInterceptor;
     exports.ɵg = AdvanceSearchComponent;
     exports.ɵh = AppRootMenuComponent;
     exports.ɵi = AppTopBarComponent;
@@ -56436,14 +57915,14 @@
     exports.ɵp = CheckBoxListComponent;
     exports.ɵq = ReportQueueComponent;
     exports.ɵr = CoCauToChucPickerListComponent;
-    exports.ɵs = BaseCongViecTestComponent;
-    exports.ɵt = ProcessWorkflowFormComponent;
-    exports.ɵu = BaseCauHinhWorkflowDetailComponent;
-    exports.ɵv = BaseDmLoaiCongViecFormComponent;
-    exports.ɵw = BaseDmLinhVucCongViecFormComponent;
-    exports.ɵx = BaseDmPriorityFormComponent;
-    exports.ɵy = BaseCongviecDinhkemComponent;
-    exports.ɵz = CongviecDinhkemService;
+    exports.ɵs = TreeTableComponent;
+    exports.ɵt = BaseCongViecTestComponent;
+    exports.ɵu = ProcessWorkflowFormComponent;
+    exports.ɵv = BaseCauHinhWorkflowDetailComponent;
+    exports.ɵw = BaseDmLoaiCongViecFormComponent;
+    exports.ɵx = BaseDmLinhVucCongViecFormComponent;
+    exports.ɵy = BaseDmPriorityFormComponent;
+    exports.ɵz = BaseCongviecDinhkemComponent;
 
     Object.defineProperty(exports, '__esModule', { value: true });