tnx-shared 5.2.17 → 5.2.18

package/esm2020/components/common-app-component/common-app-component.mjs

@@ -32,19 +32,19 @@ import * as i20 from "../../services/menu.service";
 import * as i21 from "../../services/storage.service";
 import * as i22 from "../../services/permission.service";
 import * as i23 from "../../services/customize-ui.service";
-import * as i24 from "./app.topbar.component";
-import * as i25 from "./app-root-menu/app-root-menu.component";
-import * as i26 from "../tn-custom-scrollbar/tn-custom-scrollbar.component";
-import * as i27 from "./app.profile.component";
-import * as i28 from "./app.menu.component";
+import * as i24 from "@angular/common";
+import * as i25 from "tn-custom-primeng/button";
+import * as i26 from "tn-custom-primeng/toast";
+import * as i27 from "tn-custom-primeng/confirmdialog";
+import * as i28 from "@angular/forms";
 import * as i29 from "tn-custom-primeng/autocomplete";
-import * as i30 from "../report-queue/report-queue.component";
-import * as i31 from "tn-custom-primeng/toast";
-import * as i32 from "tn-custom-primeng/confirmdialog";
-import * as i33 from "../permission-utils/permission-utils.component";
-import * as i34 from "@angular/common";
-import * as i35 from "@angular/forms";
-import * as i36 from "tn-custom-primeng/button";
+import * as i30 from "./app-root-menu/app-root-menu.component";
+import * as i31 from "./app.topbar.component";
+import * as i32 from "./app.profile.component";
+import * as i33 from "./app.menu.component";
+import * as i34 from "../report-queue/report-queue.component";
+import * as i35 from "../tn-custom-scrollbar/tn-custom-scrollbar.component";
+import * as i36 from "../permission-utils/permission-utils.component";
 import * as i37 from "../../pipes/highlight.pipe";
 export class CommonAppComponentComponent {
     constructor(_globalService, _commonService, renderer, translate, _oauthService, _authenService, _userService, _router, _title, _signalRService, _storageUpdatedService, _customRouteService, _applicationContext, _componentContextService, _activatedRoute, _deviceDetectorService, _cd, _tnClientService, _notifierService, _entityMetadataService, _environmentService, _translateService, _messageService, _confirmService, _menuService, _primengConfig, _storageService, _permissionService, _customizeUiService) {
@@ -742,9 +742,9 @@ export class CommonAppComponentComponent {
         }
     }
 }
-CommonAppComponentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: CommonAppComponentComponent, deps: [{ token: i1.GlobalService }, { token: i2.CommonService }, { token: i0.Renderer2 }, { token: i3.TranslateService }, { token: i4.OAuthService }, { token: i5.AuthenService }, { token: i6.UserService }, { token: i7.Router }, { token: i8.Title }, { token: i9.SignalRService }, { token: i10.StorageUpdatedService }, { token: i11.CustomRouterService }, { token: i12.ApplicationContextService }, { token: i13.ComponentContextService }, { token: i7.ActivatedRoute }, { token: i14.DeviceDetectorService }, { token: i0.ChangeDetectorRef }, { token: i15.TnClientService }, { token: i16.NotifierService }, { token: i17.EntityMetadataService }, { token: i18.EnvironmentService }, { token: i3.TranslateService }, { token: i19.MessageService }, { token: i19.ConfirmationService }, { token: i20.MenuService }, { token: i19.PrimeNGConfig }, { token: i21.StorageService }, { token: i22.PermissionService }, { token: i23.CustomizeUiService }], target: i0.ɵɵFactoryTarget.Component });
-CommonAppComponentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: CommonAppComponentComponent, selector: "common-app-component", inputs: { showQuickNote: "showQuickNote", allowAnonymous: "allowAnonymous" }, host: { listeners: { "document:keypress": "handleShowPopupPermissionUtils($event)" } }, providers: [ComponentContextService, EntityMetadataService], viewQueries: [{ propertyName: "okButton", first: true, predicate: ["okButton"], descendants: true }, { propertyName: "cancelButton", first: true, predicate: ["cancelButton"], descendants: true }, { propertyName: "quickNoteBt", first: true, predicate: ["quickNoteBt"], descendants: true }, { propertyName: "quickNoteBt1", first: true, predicate: ["quickNoteBt1"], descendants: true }, { propertyName: "quickNoteBt2", first: true, predicate: ["quickNoteBt2"], descendants: true }, { propertyName: "pinnedNotes", first: true, predicate: ["pinnedNotes"], descendants: true }, { propertyName: "reportQueue", first: true, predicate: ReportQueueComponent, descendants: true }, { propertyName: "scrollBarMenu", first: true, predicate: ["scrollbar"], descendants: true }], ngImport: i0, template: "<div *ngIf=\"pageLoaded\" [style.display]=\"pageLoaded ? '' : 'none'\" class=\"layout-wrapper\"\r\n    (click)=\"_commonService.onLayoutClick()\" [ngClass]=\"{'menu-layout-static': !_commonService.isOverlay(),\r\n                            'menu-layout-overlay': _commonService.isOverlay(),\r\n                            'layout-menu-overlay-active': _commonService.overlayMenuActive,\r\n                            'menu-layout-horizontal': _commonService.isHorizontal(),\r\n                            'menu-layout-slim': _commonService.isSlim(),\r\n                            'layout-menu-static-desktop-inactive': _commonService.staticMenuDesktopInactive,\r\n                            'layout-menu-static-desktop-active': !_commonService.staticMenuDesktopInactive,\r\n                            'layout-menu-static-mobile-inactive': !_commonService.staticMenuMobileActive,\r\n                            'layout-menu-static-mobile-active': _commonService.staticMenuMobileActive,\r\n                            'layout-menu-static-inactive': _commonService.staticMenuDesktopInactive,\r\n                            'layout-menu-static-active': _commonService.staticMenuMobileActive}\">\r\n\r\n    <app-topbar *ngIf=\"_globalService.getHeaderState()\"></app-topbar>\r\n\r\n    <div *ngIf=\"_globalService.getMenuState()\" class=\"layout-menu-container\"\r\n        [ngClass]=\"{'layout-menu-dark':_commonService.darkMenu}\" (click)=\"_commonService.onMenuClick($event)\">\r\n        <app-root-menu></app-root-menu>\r\n        <div class=\"layout-menu-block\">\r\n            <tn-custom-scrollbar #scrollbar [style]=\"{'padding-top': '16px'}\">\r\n                <app-inline-profile *ngIf=\"_commonService.profileMode == 'inline' &&!_commonService.isHorizontal()\">\r\n                </app-inline-profile>\r\n                <app-menu [reset]=\"_commonService.resetMenu\" (onMenuActive)=\"handleMenuActive($event)\"></app-menu>\r\n            </tn-custom-scrollbar>\r\n        </div>\r\n        <div class=\"search-area layout-menu-search-area\">\r\n            <p-autoComplete [(ngModel)]=\"searchMenuInput\" [style]=\"{'width':'100%'}\" [suggestions]=\"searchMenuResult\"\r\n                (completeMethod)=\"onSearchMenu($event)\" [autoHighlight]=\"true\"\r\n                [placeholder]=\"'T\u00ECm ki\u1EBFm ch\u1EE9c n\u0103ng' | translate\" [delay]=\"200\" [scrollHeight]=\"'400px'\"\r\n                class=\"search-input\" [readonly]=\"!(menuModel && menuModel.length)\"\r\n                (onSelect)=\"onSelectMenuSuggestion($event)\" field=\"label\">\r\n                <ng-template let-item pTemplate=\"item\">\r\n                    <div innerHTML=\"{{ item.label | highlight : searchMenuInput}}\"></div>\r\n                </ng-template>\r\n            </p-autoComplete>\r\n            <span class=\"icon-search\"><i class=\"pi pi-search\"></i></span>\r\n        </div>\r\n    </div>\r\n\r\n    <div [class]=\"'layout-main'\" [ngClass]=\"{'no-header': _globalService.getHeaderState() ? false : true}\">\r\n        <router-outlet></router-outlet>\r\n    </div>\r\n\r\n    <div class=\"layout-mask\"></div>\r\n    <div #quickNoteBt *ngIf=\"!onlyShowMainContent && showQuickNote\" class=\"quick-note-button-holder\" cdkDrag\r\n        cdkDragBoundary=\".layout-wrapper\" oncontextmenu=\"return false\" (cdkDragEnded)=\"quickNoteDropped($event)\"\r\n        (cdkDragStarted)=\"quickNoteStarted($event)\">\r\n        <a #quickNoteBt1 href=\"javascript:;\" class=\"all-note-button\" tabindex=\"0\" (click)=\"quickNoteShowAllNotes()\">\r\n            <i class=\"fas fa-sticky-note\"></i></a>\r\n        <a #quickNoteBt2 href=\"javascript:;\" class=\"setting-note-button\" tabindex=\"0\" (click)=\"quickNoteShowSettings()\">\r\n            <i class=\"fas fa-cog\"></i></a>\r\n        <a href=\"javascript:;\" (press)=\"quickNotePress($event)\" (pressup)=\"quickNotePressUp($event)\"\r\n            class=\"quick-note-button\" tabindex=\"0\" (click)=\"quickNoteAddNote()\">\r\n            <i class=\"fas fa-plus\"></i></a>\r\n    </div>\r\n    <div #pinnedNotes *ngIf=\"!onlyShowMainContent\" class=\"pinned-notes-holder\" cdkDrag cdkDragBoundary=\".layout-wrapper\"\r\n        oncontextmenu=\"return false\" (cdkDragEnded)=\"pinnedNotesDropped($event)\"\r\n        (cdkDragStarted)=\"pinnedNotesStarted($event)\">\r\n        <div class=\"pinned-notes ui-g\" tabindex=\"0\">\r\n            <div *ngIf=\"pinnedNotesMinimizeStatus\" class=\"pinned-notes-minimize-button\"\r\n                (click)=\"pinnedNotesMinimize(pinnedNotesMinimizeStatus)\">\r\n                <i class=\"pi pi-window-maximize\"></i>\r\n            </div>\r\n            <div *ngIf=\"pinnedNotesMaximizeStatus\" class=\" pinned-notes-minimize-button\"\r\n                (click)=\"pinnedNotesMinimize(pinnedNotesMinimizeStatus)\">\r\n                <i class=\"pi pi-window-minimize\"></i>\r\n            </div>\r\n            <div *ngFor=\"let note of pinnedNoteData\" class=\"pinned-note ui-g-12\">\r\n                <div class=\"pinned-note-header-line\" [style.background-color]=\"note.colorCode\">\r\n                </div>\r\n                <div class=\"pinned-note-body\">\r\n                    <span class=\"pinned-note-line-title\" [style.paddingBottom]=\"note.titlePaddingBottom\">\r\n                        <div class=\"pinned-note-header-right\">\r\n                            <span class=\"pinned-note-header-time\">{{note.created | date: 'dd/MM'}}</span>\r\n                            <img src=\"../assets/layout/images/ico/unpin-1.ico\" class=\"pinned-note-header-button-unpin\"\r\n                                (click)=\"unPinNote(note)\">\r\n                            <i *ngIf=\"!note.isCompleted\" class=\"far fa-flag pinned-note-header-button-complete\"\r\n                                (click)=\"completeNote(note)\"></i>\r\n                            <i *ngIf=\"note.isCompleted\" class=\"fas fa-flag-checkered pinned-note-header-button-complete\"\r\n                                (click)=\"inCompleteNote(note)\"></i>\r\n                        </div>\r\n                        <div>{{note.name}}</div>\r\n                    </span>\r\n                    <div class=\"pinned-note-contents\" [style.display]=\"note.contentDisplay\">\r\n                        <span *ngFor=\"let content of note.contents\" class=\"pinned-note-line\">\r\n                            {{content}}\r\n                        </span>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n\r\n    <report-queue [header]=\"'Xu\u1EA5t d\u1EEF li\u1EC7u'\">\r\n    </report-queue>\r\n</div>\r\n<div class=\"waiting-box\" [class.show]=\"waiting\">\r\n    <div class=\"overlay\"></div>\r\n    <div class=\"content-loading\">\r\n        <div class=\"lds-ellipsis\">\r\n            <div></div>\r\n            <div></div>\r\n            <div></div>\r\n            <div></div>\r\n        </div>\r\n        <div class=\"message-loading\">\r\n            <span *ngFor=\"let x of messageWaiting\">{{x}}</span>\r\n        </div>\r\n    </div>\r\n</div>\r\n<p-toast [position]=\"'top-right'\" [autoZIndex]=\"true\"></p-toast>\r\n<p-confirmDialog #cd [closable]=\"false\">\r\n    <p-footer>\r\n        <button #okButton type=\"button\" pButton icon=\"pi pi-check\" class=\"p-button-rounded p-button-text\" label=\"\u0110\u1ED3ng \u00FD\"\r\n            (keydown.shift.tab)=\"focusTrap($event, false)\" (click)=\"cd.accept()\"></button>\r\n        <button *ngIf=\"showRejectConfirm\" #cancelButton type=\"button\" pButton class=\"p-button-rounded p-button-text p-button-secondary\"\r\n            icon=\"pi pi-times\" label=\"B\u1ECF qua\" (keydown.tab)=\"focusTrap($event, true)\" (click)=\"cd.reject()\"></button>\r\n    </p-footer>\r\n</p-confirmDialog>\r\n<!-- <user-action-manager></user-action-manager> -->\r\n<permission-utils *ngIf=\"rootData.showPermissionUtils\"></permission-utils>\r\n", styles: [".layout-menu-search-area{position:relative}.icon-search{background-color:transparent;box-shadow:none;position:absolute;right:0;top:0;color:#888;width:30px;font-size:14px;height:100%;display:flex;align-items:center;justify-content:center}.layout-menu-static-inactive .search-area{margin-left:-303px}.layout-menu-container{overflow:hidden;display:flex;flex-direction:column;top:60px;bottom:0;height:auto}.layout-menu-block{display:flex;overflow:hidden;flex:1}.layout-menu-block>tn-custom-scrollbar{width:100%}::ng-deep .layout-menu-search-area .ui-inputtext{width:calc(100% + 1px);border-radius:0;border-color:#dadada;padding-right:40px}::ng-deep .layout-menu-search-area .ui-inputtext:not(:focus){box-shadow:none}::ng-deep .layout-menu-search-area input{width:100%;border-radius:0;border-left:0;border-right:0}::ng-deep .layout-menu-search-area .p-autocomplete-panel{max-width:100%}::ng-deep .layout-menu-search-area .p-autocomplete-item{white-space:normal}::ng-deep .layout-menu-search-area .p-autocomplete-item mark{background-color:var(--tn-primary-color);padding:0;color:#fff;border-radius:0}.waiting-box{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:none}.waiting-box .overlay{background-color:red;background-color:#6d6d6d80;width:100%;height:100%}.waiting-box .content-loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center}.waiting-box .content-loading .lds-ellipsis{display:inline-block;position:relative;width:80px;height:60px}.waiting-box .content-loading .lds-ellipsis div{position:absolute;top:33px;width:13px;height:13px;border-radius:50%;background:#fff;animation-timing-function:cubic-bezier(0,1,1,0)}.waiting-box .content-loading .lds-ellipsis div:nth-child(1){left:8px;animation:lds-ellipsis1 .6s infinite}.waiting-box .content-loading .lds-ellipsis div:nth-child(2){left:8px;animation:lds-ellipsis2 .6s infinite}.waiting-box .content-loading .lds-ellipsis div:nth-child(3){left:32px;animation:lds-ellipsis2 .6s infinite}.waiting-box .content-loading .lds-ellipsis div:nth-child(4){left:56px;animation:lds-ellipsis3 .6s infinite}.waiting-box .message-loading{font-size:1.75em}.waiting-box .message-loading span{color:#fff;animation:message-opacity 1s infinite;margin-right:1px}.waiting-box .message-loading span:last-child{margin-right:0}.waiting-box .message-loading span:nth-child(16n+1){animation-delay:0}.waiting-box .message-loading span:nth-child(16n+1){animation-delay:0s}.waiting-box .message-loading span:nth-child(16n+2){animation-delay:.1s}.waiting-box .message-loading span:nth-child(16n+3){animation-delay:.2s}.waiting-box .message-loading span:nth-child(16n+4){animation-delay:.3s}.waiting-box .message-loading span:nth-child(16n+5){animation-delay:.4s}.waiting-box .message-loading span:nth-child(16n+6){animation-delay:.5s}.waiting-box .message-loading span:nth-child(16n+7){animation-delay:.6s}.waiting-box .message-loading span:nth-child(16n+8){animation-delay:.7s}.waiting-box .message-loading span:nth-child(16n+9){animation-delay:.8s}.waiting-box .message-loading span:nth-child(16n+10){animation-delay:.9s}.waiting-box .message-loading span:nth-child(16n+11){animation-delay:1s}.waiting-box .message-loading span:nth-child(16n+12){animation-delay:1.1s}.waiting-box .message-loading span:nth-child(16n+13){animation-delay:1.2s}.waiting-box .message-loading span:nth-child(16n+14){animation-delay:1.3s}.waiting-box .message-loading span:nth-child(16n+15){animation-delay:1.4s}.waiting-box .message-loading span:nth-child(16n+16){animation-delay:1.5s}.waiting-box.show{display:block}@keyframes lds-ellipsis1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0)}to{transform:translate(24px)}}@keyframes message-opacity{0%{opacity:1}50%{opacity:.5}to{opacity:1}}\n"], components: [{ type: i24.AppTopBarComponent, selector: "app-topbar" }, { type: i25.AppRootMenuComponent, selector: "app-root-menu" }, { type: i26.TnCustomScrollbarComponent, selector: "tn-custom-scrollbar", inputs: ["style", "useDefaultScrollBar", "autoMode", "class", "config", "whiteBackGround", "showScrollHorizontal"], outputs: ["scrollY", "scrollUp", "scrollDown", "scrollLeft", "scrollRight", "scrollYReachEnd", "scrollYReachStart", "scrollXReachEnd", "scrollXReachStart"] }, { type: i27.AppProfileComponent, selector: "app-inline-profile" }, { type: i28.AppMenuComponent, selector: "app-menu", inputs: ["reset"] }, { type: i29.AutoComplete, selector: "p-autoComplete", inputs: ["minLength", "delay", "type", "autoZIndex", "baseZIndex", "dropdownIcon", "unique", "completeOnFocus", "scrollHeight", "dropdownMode", "showTransitionOptions", "hideTransitionOptions", "autocomplete", "suggestions", "disabled", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "ariaLabel", "ariaLabelledBy", "field", "dropdown", "multiple", "tabindex", "dataKey", "emptyMessage", "autofocus"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide"] }, { type: i30.ReportQueueComponent, selector: "report-queue", inputs: ["parentDataModel", "name", "header", "autoDownload"] }, { type: i31.Toast, selector: "p-toast", inputs: ["autoZIndex", "baseZIndex", "position", "preventOpenDuplicates", "preventDuplicates", "showTransformOptions", "hideTransformOptions", "showTransitionOptions", "hideTransitionOptions", "key", "style", "styleClass"], outputs: ["onClose"] }, { type: i32.ConfirmDialog, selector: "p-confirmDialog", inputs: ["acceptIcon", "acceptVisible", "rejectIcon", "rejectVisible", "closeOnEscape", "blockScroll", "closable", "autoZIndex", "baseZIndex", "transitionOptions", "focusTrap", "defaultFocus", "visible", "position", "header", "icon", "message", "style", "styleClass", "maskStyleClass", "acceptLabel", "acceptAriaLabel", "rejectLabel", "rejectAriaLabel", "acceptButtonStyleClass", "rejectButtonStyleClass", "dismissableMask", "rtl", "appendTo", "key"] }, { type: i19.Footer, selector: "p-footer" }, { type: i33.PermissionUtilsComponent, selector: "permission-utils" }], directives: [{ type: i34.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i34.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i35.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i35.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i19.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { type: i7.RouterOutlet, selector: "router-outlet", outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { type: i34.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i36.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "label", "icon"] }], pipes: { "translate": i3.TranslatePipe, "highlight": i37.HighlightPipe, "date": i34.DatePipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: CommonAppComponentComponent, decorators: [{
+CommonAppComponentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: CommonAppComponentComponent, deps: [{ token: i1.GlobalService }, { token: i2.CommonService }, { token: i0.Renderer2 }, { token: i3.TranslateService }, { token: i4.OAuthService }, { token: i5.AuthenService }, { token: i6.UserService }, { token: i7.Router }, { token: i8.Title }, { token: i9.SignalRService }, { token: i10.StorageUpdatedService }, { token: i11.CustomRouterService }, { token: i12.ApplicationContextService }, { token: i13.ComponentContextService }, { token: i7.ActivatedRoute }, { token: i14.DeviceDetectorService }, { token: i0.ChangeDetectorRef }, { token: i15.TnClientService }, { token: i16.NotifierService }, { token: i17.EntityMetadataService }, { token: i18.EnvironmentService }, { token: i3.TranslateService }, { token: i19.MessageService }, { token: i19.ConfirmationService }, { token: i20.MenuService }, { token: i19.PrimeNGConfig }, { token: i21.StorageService }, { token: i22.PermissionService }, { token: i23.CustomizeUiService }], target: i0.ɵɵFactoryTarget.Component });
+CommonAppComponentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: CommonAppComponentComponent, selector: "common-app-component", inputs: { showQuickNote: "showQuickNote", allowAnonymous: "allowAnonymous" }, host: { listeners: { "document:keypress": "handleShowPopupPermissionUtils($event)" } }, providers: [ComponentContextService, EntityMetadataService], viewQueries: [{ propertyName: "okButton", first: true, predicate: ["okButton"], descendants: true }, { propertyName: "cancelButton", first: true, predicate: ["cancelButton"], descendants: true }, { propertyName: "quickNoteBt", first: true, predicate: ["quickNoteBt"], descendants: true }, { propertyName: "quickNoteBt1", first: true, predicate: ["quickNoteBt1"], descendants: true }, { propertyName: "quickNoteBt2", first: true, predicate: ["quickNoteBt2"], descendants: true }, { propertyName: "pinnedNotes", first: true, predicate: ["pinnedNotes"], descendants: true }, { propertyName: "reportQueue", first: true, predicate: ReportQueueComponent, descendants: true }, { propertyName: "scrollBarMenu", first: true, predicate: ["scrollbar"], descendants: true }], ngImport: i0, template: "<div *ngIf=\"pageLoaded\" [style.display]=\"pageLoaded ? '' : 'none'\" class=\"layout-wrapper\"\r\n    (click)=\"_commonService.onLayoutClick()\" [ngClass]=\"{'menu-layout-static': !_commonService.isOverlay(),\r\n                            'menu-layout-overlay': _commonService.isOverlay(),\r\n                            'layout-menu-overlay-active': _commonService.overlayMenuActive,\r\n                            'menu-layout-horizontal': _commonService.isHorizontal(),\r\n                            'menu-layout-slim': _commonService.isSlim(),\r\n                            'layout-menu-static-desktop-inactive': _commonService.staticMenuDesktopInactive,\r\n                            'layout-menu-static-desktop-active': !_commonService.staticMenuDesktopInactive,\r\n                            'layout-menu-static-mobile-inactive': !_commonService.staticMenuMobileActive,\r\n                            'layout-menu-static-mobile-active': _commonService.staticMenuMobileActive,\r\n                            'layout-menu-static-inactive': _commonService.staticMenuDesktopInactive,\r\n                            'layout-menu-static-active': _commonService.staticMenuMobileActive}\">\r\n\r\n    <app-topbar *ngIf=\"_globalService.getHeaderState()\"></app-topbar>\r\n\r\n    <div *ngIf=\"_globalService.getMenuState()\" class=\"layout-menu-container\"\r\n        [ngClass]=\"{'layout-menu-dark':_commonService.darkMenu}\" (click)=\"_commonService.onMenuClick($event)\">\r\n        <app-root-menu></app-root-menu>\r\n        <div class=\"layout-menu-block\">\r\n            <tn-custom-scrollbar #scrollbar [style]=\"{'padding-top': '16px'}\">\r\n                <app-inline-profile *ngIf=\"_commonService.profileMode == 'inline' &&!_commonService.isHorizontal()\">\r\n                </app-inline-profile>\r\n                <app-menu [reset]=\"_commonService.resetMenu\" (onMenuActive)=\"handleMenuActive($event)\"></app-menu>\r\n            </tn-custom-scrollbar>\r\n        </div>\r\n        <div class=\"search-area layout-menu-search-area\">\r\n            <p-autoComplete [(ngModel)]=\"searchMenuInput\" [style]=\"{'width':'100%'}\" [suggestions]=\"searchMenuResult\"\r\n                (completeMethod)=\"onSearchMenu($event)\" [autoHighlight]=\"true\"\r\n                [placeholder]=\"'T\u00ECm ki\u1EBFm ch\u1EE9c n\u0103ng' | translate\" [delay]=\"200\" [scrollHeight]=\"'400px'\"\r\n                class=\"search-input\" [readonly]=\"!(menuModel && menuModel.length)\"\r\n                (onSelect)=\"onSelectMenuSuggestion($event)\" field=\"label\">\r\n                <ng-template let-item pTemplate=\"item\">\r\n                    <div innerHTML=\"{{ item.label | highlight : searchMenuInput}}\"></div>\r\n                </ng-template>\r\n            </p-autoComplete>\r\n            <span class=\"icon-search\"><i class=\"pi pi-search\"></i></span>\r\n        </div>\r\n    </div>\r\n\r\n    <div [class]=\"'layout-main'\" [ngClass]=\"{'no-header': _globalService.getHeaderState() ? false : true}\">\r\n        <router-outlet></router-outlet>\r\n    </div>\r\n\r\n    <div class=\"layout-mask\"></div>\r\n    <div #quickNoteBt *ngIf=\"!onlyShowMainContent && showQuickNote\" class=\"quick-note-button-holder\" cdkDrag\r\n        cdkDragBoundary=\".layout-wrapper\" oncontextmenu=\"return false\" (cdkDragEnded)=\"quickNoteDropped($event)\"\r\n        (cdkDragStarted)=\"quickNoteStarted($event)\">\r\n        <a #quickNoteBt1 href=\"javascript:;\" class=\"all-note-button\" tabindex=\"0\" (click)=\"quickNoteShowAllNotes()\">\r\n            <i class=\"fas fa-sticky-note\"></i></a>\r\n        <a #quickNoteBt2 href=\"javascript:;\" class=\"setting-note-button\" tabindex=\"0\" (click)=\"quickNoteShowSettings()\">\r\n            <i class=\"fas fa-cog\"></i></a>\r\n        <a href=\"javascript:;\" (press)=\"quickNotePress($event)\" (pressup)=\"quickNotePressUp($event)\"\r\n            class=\"quick-note-button\" tabindex=\"0\" (click)=\"quickNoteAddNote()\">\r\n            <i class=\"fas fa-plus\"></i></a>\r\n    </div>\r\n    <div #pinnedNotes *ngIf=\"!onlyShowMainContent\" class=\"pinned-notes-holder\" cdkDrag cdkDragBoundary=\".layout-wrapper\"\r\n        oncontextmenu=\"return false\" (cdkDragEnded)=\"pinnedNotesDropped($event)\"\r\n        (cdkDragStarted)=\"pinnedNotesStarted($event)\">\r\n        <div class=\"pinned-notes ui-g\" tabindex=\"0\">\r\n            <div *ngIf=\"pinnedNotesMinimizeStatus\" class=\"pinned-notes-minimize-button\"\r\n                (click)=\"pinnedNotesMinimize(pinnedNotesMinimizeStatus)\">\r\n                <i class=\"pi pi-window-maximize\"></i>\r\n            </div>\r\n            <div *ngIf=\"pinnedNotesMaximizeStatus\" class=\" pinned-notes-minimize-button\"\r\n                (click)=\"pinnedNotesMinimize(pinnedNotesMinimizeStatus)\">\r\n                <i class=\"pi pi-window-minimize\"></i>\r\n            </div>\r\n            <div *ngFor=\"let note of pinnedNoteData\" class=\"pinned-note ui-g-12\">\r\n                <div class=\"pinned-note-header-line\" [style.background-color]=\"note.colorCode\">\r\n                </div>\r\n                <div class=\"pinned-note-body\">\r\n                    <span class=\"pinned-note-line-title\" [style.paddingBottom]=\"note.titlePaddingBottom\">\r\n                        <div class=\"pinned-note-header-right\">\r\n                            <span class=\"pinned-note-header-time\">{{note.created | date: 'dd/MM'}}</span>\r\n                            <img src=\"../assets/layout/images/ico/unpin-1.ico\" class=\"pinned-note-header-button-unpin\"\r\n                                (click)=\"unPinNote(note)\">\r\n                            <i *ngIf=\"!note.isCompleted\" class=\"far fa-flag pinned-note-header-button-complete\"\r\n                                (click)=\"completeNote(note)\"></i>\r\n                            <i *ngIf=\"note.isCompleted\" class=\"fas fa-flag-checkered pinned-note-header-button-complete\"\r\n                                (click)=\"inCompleteNote(note)\"></i>\r\n                        </div>\r\n                        <div>{{note.name}}</div>\r\n                    </span>\r\n                    <div class=\"pinned-note-contents\" [style.display]=\"note.contentDisplay\">\r\n                        <span *ngFor=\"let content of note.contents\" class=\"pinned-note-line\">\r\n                            {{content}}\r\n                        </span>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n\r\n    <report-queue [header]=\"'Xu\u1EA5t d\u1EEF li\u1EC7u'\">\r\n    </report-queue>\r\n</div>\r\n<div class=\"waiting-box\" [class.show]=\"waiting\">\r\n    <div class=\"overlay\"></div>\r\n    <div class=\"content-loading\">\r\n        <div class=\"lds-ellipsis\">\r\n            <div></div>\r\n            <div></div>\r\n            <div></div>\r\n            <div></div>\r\n        </div>\r\n        <div class=\"message-loading\">\r\n            <span *ngFor=\"let x of messageWaiting\">{{x}}</span>\r\n        </div>\r\n    </div>\r\n</div>\r\n<p-toast [position]=\"'top-right'\" [autoZIndex]=\"true\"></p-toast>\r\n<p-confirmDialog #cd [closable]=\"false\">\r\n    <p-footer>\r\n        <button #okButton type=\"button\" pButton icon=\"pi pi-check\" class=\"p-button-rounded p-button-text\" label=\"\u0110\u1ED3ng \u00FD\"\r\n            (keydown.shift.tab)=\"focusTrap($event, false)\" (click)=\"cd.accept()\"></button>\r\n        <button *ngIf=\"showRejectConfirm\" #cancelButton type=\"button\" pButton class=\"p-button-rounded p-button-text p-button-secondary\"\r\n            icon=\"pi pi-times\" label=\"B\u1ECF qua\" (keydown.tab)=\"focusTrap($event, true)\" (click)=\"cd.reject()\"></button>\r\n    </p-footer>\r\n</p-confirmDialog>\r\n<!-- <user-action-manager></user-action-manager> -->\r\n<permission-utils *ngIf=\"rootData.showPermissionUtils\"></permission-utils>\r\n", styles: [".layout-menu-search-area{position:relative}.icon-search{background-color:transparent;box-shadow:none;position:absolute;right:0;top:0;color:#888;width:30px;font-size:14px;height:100%;display:flex;align-items:center;justify-content:center}.layout-menu-static-inactive .search-area{margin-left:-303px}.layout-menu-container{overflow:hidden;display:flex;flex-direction:column;top:60px;bottom:0;height:auto}.layout-menu-block{display:flex;overflow:hidden;flex:1}.layout-menu-block>tn-custom-scrollbar{width:100%}::ng-deep .layout-menu-search-area .ui-inputtext{width:calc(100% + 1px);border-radius:0;border-color:#dadada;padding-right:40px}::ng-deep .layout-menu-search-area .ui-inputtext:not(:focus){box-shadow:none}::ng-deep .layout-menu-search-area input{width:100%;border-radius:0;border-left:0;border-right:0}::ng-deep .layout-menu-search-area .p-autocomplete-panel{max-width:100%}::ng-deep .layout-menu-search-area .p-autocomplete-item{white-space:normal}::ng-deep .layout-menu-search-area .p-autocomplete-item mark{background-color:var(--tn-primary-color);padding:0;color:#fff;border-radius:0}.waiting-box{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:none}.waiting-box .overlay{background-color:red;background-color:#6d6d6d80;width:100%;height:100%}.waiting-box .content-loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center}.waiting-box .content-loading .lds-ellipsis{display:inline-block;position:relative;width:80px;height:60px}.waiting-box .content-loading .lds-ellipsis div{position:absolute;top:33px;width:13px;height:13px;border-radius:50%;background:#fff;animation-timing-function:cubic-bezier(0,1,1,0)}.waiting-box .content-loading .lds-ellipsis div:nth-child(1){left:8px;animation:lds-ellipsis1 .6s infinite}.waiting-box .content-loading .lds-ellipsis div:nth-child(2){left:8px;animation:lds-ellipsis2 .6s infinite}.waiting-box .content-loading .lds-ellipsis div:nth-child(3){left:32px;animation:lds-ellipsis2 .6s infinite}.waiting-box .content-loading .lds-ellipsis div:nth-child(4){left:56px;animation:lds-ellipsis3 .6s infinite}.waiting-box .message-loading{font-size:1.75em}.waiting-box .message-loading span{color:#fff;animation:message-opacity 1s infinite;margin-right:1px}.waiting-box .message-loading span:last-child{margin-right:0}.waiting-box .message-loading span:nth-child(16n+1){animation-delay:0}.waiting-box .message-loading span:nth-child(16n+1){animation-delay:0s}.waiting-box .message-loading span:nth-child(16n+2){animation-delay:.1s}.waiting-box .message-loading span:nth-child(16n+3){animation-delay:.2s}.waiting-box .message-loading span:nth-child(16n+4){animation-delay:.3s}.waiting-box .message-loading span:nth-child(16n+5){animation-delay:.4s}.waiting-box .message-loading span:nth-child(16n+6){animation-delay:.5s}.waiting-box .message-loading span:nth-child(16n+7){animation-delay:.6s}.waiting-box .message-loading span:nth-child(16n+8){animation-delay:.7s}.waiting-box .message-loading span:nth-child(16n+9){animation-delay:.8s}.waiting-box .message-loading span:nth-child(16n+10){animation-delay:.9s}.waiting-box .message-loading span:nth-child(16n+11){animation-delay:1s}.waiting-box .message-loading span:nth-child(16n+12){animation-delay:1.1s}.waiting-box .message-loading span:nth-child(16n+13){animation-delay:1.2s}.waiting-box .message-loading span:nth-child(16n+14){animation-delay:1.3s}.waiting-box .message-loading span:nth-child(16n+15){animation-delay:1.4s}.waiting-box .message-loading span:nth-child(16n+16){animation-delay:1.5s}.waiting-box.show{display:block}@keyframes lds-ellipsis1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0)}to{transform:translate(24px)}}@keyframes message-opacity{0%{opacity:1}50%{opacity:.5}to{opacity:1}}\n"], dependencies: [{ kind: "component", type: i19.Footer, selector: "p-footer" }, { kind: "directive", type: i19.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i24.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i24.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i24.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i25.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "label", "icon"] }, { kind: "directive", type: i7.RouterOutlet, selector: "router-outlet", outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: i26.Toast, selector: "p-toast", inputs: ["autoZIndex", "baseZIndex", "position", "preventOpenDuplicates", "preventDuplicates", "showTransformOptions", "hideTransformOptions", "showTransitionOptions", "hideTransitionOptions", "key", "style", "styleClass"], outputs: ["onClose"] }, { kind: "component", type: i27.ConfirmDialog, selector: "p-confirmDialog", inputs: ["acceptIcon", "acceptVisible", "rejectIcon", "rejectVisible", "closeOnEscape", "blockScroll", "closable", "autoZIndex", "baseZIndex", "transitionOptions", "focusTrap", "defaultFocus", "visible", "position", "header", "icon", "message", "style", "styleClass", "maskStyleClass", "acceptLabel", "acceptAriaLabel", "rejectLabel", "rejectAriaLabel", "acceptButtonStyleClass", "rejectButtonStyleClass", "dismissableMask", "rtl", "appendTo", "key"] }, { kind: "directive", type: i28.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i28.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i29.AutoComplete, selector: "p-autoComplete", inputs: ["minLength", "delay", "type", "autoZIndex", "baseZIndex", "dropdownIcon", "unique", "completeOnFocus", "scrollHeight", "dropdownMode", "showTransitionOptions", "hideTransitionOptions", "autocomplete", "suggestions", "disabled", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "ariaLabel", "ariaLabelledBy", "field", "dropdown", "multiple", "tabindex", "dataKey", "emptyMessage", "autofocus"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide"] }, { kind: "component", type: i30.AppRootMenuComponent, selector: "app-root-menu" }, { kind: "component", type: i31.AppTopBarComponent, selector: "app-topbar" }, { kind: "component", type: i32.AppProfileComponent, selector: "app-inline-profile" }, { kind: "component", type: i33.AppMenuComponent, selector: "app-menu", inputs: ["reset"] }, { kind: "component", type: i34.ReportQueueComponent, selector: "report-queue", inputs: ["parentDataModel", "name", "header", "autoDownload"] }, { kind: "component", type: i35.TnCustomScrollbarComponent, selector: "tn-custom-scrollbar", inputs: ["style", "useDefaultScrollBar", "autoMode", "class", "config", "whiteBackGround", "showScrollHorizontal"], outputs: ["scrollY", "scrollUp", "scrollDown", "scrollLeft", "scrollRight", "scrollYReachEnd", "scrollYReachStart", "scrollXReachEnd", "scrollXReachStart"] }, { kind: "component", type: i36.PermissionUtilsComponent, selector: "permission-utils" }, { kind: "pipe", type: i24.DatePipe, name: "date" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "pipe", type: i37.HighlightPipe, name: "highlight" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: CommonAppComponentComponent, decorators: [{
             type: Component,
             args: [{ selector: 'common-app-component', providers: [ComponentContextService, EntityMetadataService], template: "<div *ngIf=\"pageLoaded\" [style.display]=\"pageLoaded ? '' : 'none'\" class=\"layout-wrapper\"\r\n    (click)=\"_commonService.onLayoutClick()\" [ngClass]=\"{'menu-layout-static': !_commonService.isOverlay(),\r\n                            'menu-layout-overlay': _commonService.isOverlay(),\r\n                            'layout-menu-overlay-active': _commonService.overlayMenuActive,\r\n                            'menu-layout-horizontal': _commonService.isHorizontal(),\r\n                            'menu-layout-slim': _commonService.isSlim(),\r\n                            'layout-menu-static-desktop-inactive': _commonService.staticMenuDesktopInactive,\r\n                            'layout-menu-static-desktop-active': !_commonService.staticMenuDesktopInactive,\r\n                            'layout-menu-static-mobile-inactive': !_commonService.staticMenuMobileActive,\r\n                            'layout-menu-static-mobile-active': _commonService.staticMenuMobileActive,\r\n                            'layout-menu-static-inactive': _commonService.staticMenuDesktopInactive,\r\n                            'layout-menu-static-active': _commonService.staticMenuMobileActive}\">\r\n\r\n    <app-topbar *ngIf=\"_globalService.getHeaderState()\"></app-topbar>\r\n\r\n    <div *ngIf=\"_globalService.getMenuState()\" class=\"layout-menu-container\"\r\n        [ngClass]=\"{'layout-menu-dark':_commonService.darkMenu}\" (click)=\"_commonService.onMenuClick($event)\">\r\n        <app-root-menu></app-root-menu>\r\n        <div class=\"layout-menu-block\">\r\n            <tn-custom-scrollbar #scrollbar [style]=\"{'padding-top': '16px'}\">\r\n                <app-inline-profile *ngIf=\"_commonService.profileMode == 'inline' &&!_commonService.isHorizontal()\">\r\n                </app-inline-profile>\r\n                <app-menu [reset]=\"_commonService.resetMenu\" (onMenuActive)=\"handleMenuActive($event)\"></app-menu>\r\n            </tn-custom-scrollbar>\r\n        </div>\r\n        <div class=\"search-area layout-menu-search-area\">\r\n            <p-autoComplete [(ngModel)]=\"searchMenuInput\" [style]=\"{'width':'100%'}\" [suggestions]=\"searchMenuResult\"\r\n                (completeMethod)=\"onSearchMenu($event)\" [autoHighlight]=\"true\"\r\n                [placeholder]=\"'T\u00ECm ki\u1EBFm ch\u1EE9c n\u0103ng' | translate\" [delay]=\"200\" [scrollHeight]=\"'400px'\"\r\n                class=\"search-input\" [readonly]=\"!(menuModel && menuModel.length)\"\r\n                (onSelect)=\"onSelectMenuSuggestion($event)\" field=\"label\">\r\n                <ng-template let-item pTemplate=\"item\">\r\n                    <div innerHTML=\"{{ item.label | highlight : searchMenuInput}}\"></div>\r\n                </ng-template>\r\n            </p-autoComplete>\r\n            <span class=\"icon-search\"><i class=\"pi pi-search\"></i></span>\r\n        </div>\r\n    </div>\r\n\r\n    <div [class]=\"'layout-main'\" [ngClass]=\"{'no-header': _globalService.getHeaderState() ? false : true}\">\r\n        <router-outlet></router-outlet>\r\n    </div>\r\n\r\n    <div class=\"layout-mask\"></div>\r\n    <div #quickNoteBt *ngIf=\"!onlyShowMainContent && showQuickNote\" class=\"quick-note-button-holder\" cdkDrag\r\n        cdkDragBoundary=\".layout-wrapper\" oncontextmenu=\"return false\" (cdkDragEnded)=\"quickNoteDropped($event)\"\r\n        (cdkDragStarted)=\"quickNoteStarted($event)\">\r\n        <a #quickNoteBt1 href=\"javascript:;\" class=\"all-note-button\" tabindex=\"0\" (click)=\"quickNoteShowAllNotes()\">\r\n            <i class=\"fas fa-sticky-note\"></i></a>\r\n        <a #quickNoteBt2 href=\"javascript:;\" class=\"setting-note-button\" tabindex=\"0\" (click)=\"quickNoteShowSettings()\">\r\n            <i class=\"fas fa-cog\"></i></a>\r\n        <a href=\"javascript:;\" (press)=\"quickNotePress($event)\" (pressup)=\"quickNotePressUp($event)\"\r\n            class=\"quick-note-button\" tabindex=\"0\" (click)=\"quickNoteAddNote()\">\r\n            <i class=\"fas fa-plus\"></i></a>\r\n    </div>\r\n    <div #pinnedNotes *ngIf=\"!onlyShowMainContent\" class=\"pinned-notes-holder\" cdkDrag cdkDragBoundary=\".layout-wrapper\"\r\n        oncontextmenu=\"return false\" (cdkDragEnded)=\"pinnedNotesDropped($event)\"\r\n        (cdkDragStarted)=\"pinnedNotesStarted($event)\">\r\n        <div class=\"pinned-notes ui-g\" tabindex=\"0\">\r\n            <div *ngIf=\"pinnedNotesMinimizeStatus\" class=\"pinned-notes-minimize-button\"\r\n                (click)=\"pinnedNotesMinimize(pinnedNotesMinimizeStatus)\">\r\n                <i class=\"pi pi-window-maximize\"></i>\r\n            </div>\r\n            <div *ngIf=\"pinnedNotesMaximizeStatus\" class=\" pinned-notes-minimize-button\"\r\n                (click)=\"pinnedNotesMinimize(pinnedNotesMinimizeStatus)\">\r\n                <i class=\"pi pi-window-minimize\"></i>\r\n            </div>\r\n            <div *ngFor=\"let note of pinnedNoteData\" class=\"pinned-note ui-g-12\">\r\n                <div class=\"pinned-note-header-line\" [style.background-color]=\"note.colorCode\">\r\n                </div>\r\n                <div class=\"pinned-note-body\">\r\n                    <span class=\"pinned-note-line-title\" [style.paddingBottom]=\"note.titlePaddingBottom\">\r\n                        <div class=\"pinned-note-header-right\">\r\n                            <span class=\"pinned-note-header-time\">{{note.created | date: 'dd/MM'}}</span>\r\n                            <img src=\"../assets/layout/images/ico/unpin-1.ico\" class=\"pinned-note-header-button-unpin\"\r\n                                (click)=\"unPinNote(note)\">\r\n                            <i *ngIf=\"!note.isCompleted\" class=\"far fa-flag pinned-note-header-button-complete\"\r\n                                (click)=\"completeNote(note)\"></i>\r\n                            <i *ngIf=\"note.isCompleted\" class=\"fas fa-flag-checkered pinned-note-header-button-complete\"\r\n                                (click)=\"inCompleteNote(note)\"></i>\r\n                        </div>\r\n                        <div>{{note.name}}</div>\r\n                    </span>\r\n                    <div class=\"pinned-note-contents\" [style.display]=\"note.contentDisplay\">\r\n                        <span *ngFor=\"let content of note.contents\" class=\"pinned-note-line\">\r\n                            {{content}}\r\n                        </span>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n\r\n    <report-queue [header]=\"'Xu\u1EA5t d\u1EEF li\u1EC7u'\">\r\n    </report-queue>\r\n</div>\r\n<div class=\"waiting-box\" [class.show]=\"waiting\">\r\n    <div class=\"overlay\"></div>\r\n    <div class=\"content-loading\">\r\n        <div class=\"lds-ellipsis\">\r\n            <div></div>\r\n            <div></div>\r\n            <div></div>\r\n            <div></div>\r\n        </div>\r\n        <div class=\"message-loading\">\r\n            <span *ngFor=\"let x of messageWaiting\">{{x}}</span>\r\n        </div>\r\n    </div>\r\n</div>\r\n<p-toast [position]=\"'top-right'\" [autoZIndex]=\"true\"></p-toast>\r\n<p-confirmDialog #cd [closable]=\"false\">\r\n    <p-footer>\r\n        <button #okButton type=\"button\" pButton icon=\"pi pi-check\" class=\"p-button-rounded p-button-text\" label=\"\u0110\u1ED3ng \u00FD\"\r\n            (keydown.shift.tab)=\"focusTrap($event, false)\" (click)=\"cd.accept()\"></button>\r\n        <button *ngIf=\"showRejectConfirm\" #cancelButton type=\"button\" pButton class=\"p-button-rounded p-button-text p-button-secondary\"\r\n            icon=\"pi pi-times\" label=\"B\u1ECF qua\" (keydown.tab)=\"focusTrap($event, true)\" (click)=\"cd.reject()\"></button>\r\n    </p-footer>\r\n</p-confirmDialog>\r\n<!-- <user-action-manager></user-action-manager> -->\r\n<permission-utils *ngIf=\"rootData.showPermissionUtils\"></permission-utils>\r\n", styles: [".layout-menu-search-area{position:relative}.icon-search{background-color:transparent;box-shadow:none;position:absolute;right:0;top:0;color:#888;width:30px;font-size:14px;height:100%;display:flex;align-items:center;justify-content:center}.layout-menu-static-inactive .search-area{margin-left:-303px}.layout-menu-container{overflow:hidden;display:flex;flex-direction:column;top:60px;bottom:0;height:auto}.layout-menu-block{display:flex;overflow:hidden;flex:1}.layout-menu-block>tn-custom-scrollbar{width:100%}::ng-deep .layout-menu-search-area .ui-inputtext{width:calc(100% + 1px);border-radius:0;border-color:#dadada;padding-right:40px}::ng-deep .layout-menu-search-area .ui-inputtext:not(:focus){box-shadow:none}::ng-deep .layout-menu-search-area input{width:100%;border-radius:0;border-left:0;border-right:0}::ng-deep .layout-menu-search-area .p-autocomplete-panel{max-width:100%}::ng-deep .layout-menu-search-area .p-autocomplete-item{white-space:normal}::ng-deep .layout-menu-search-area .p-autocomplete-item mark{background-color:var(--tn-primary-color);padding:0;color:#fff;border-radius:0}.waiting-box{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:none}.waiting-box .overlay{background-color:red;background-color:#6d6d6d80;width:100%;height:100%}.waiting-box .content-loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center}.waiting-box .content-loading .lds-ellipsis{display:inline-block;position:relative;width:80px;height:60px}.waiting-box .content-loading .lds-ellipsis div{position:absolute;top:33px;width:13px;height:13px;border-radius:50%;background:#fff;animation-timing-function:cubic-bezier(0,1,1,0)}.waiting-box .content-loading .lds-ellipsis div:nth-child(1){left:8px;animation:lds-ellipsis1 .6s infinite}.waiting-box .content-loading .lds-ellipsis div:nth-child(2){left:8px;animation:lds-ellipsis2 .6s infinite}.waiting-box .content-loading .lds-ellipsis div:nth-child(3){left:32px;animation:lds-ellipsis2 .6s infinite}.waiting-box .content-loading .lds-ellipsis div:nth-child(4){left:56px;animation:lds-ellipsis3 .6s infinite}.waiting-box .message-loading{font-size:1.75em}.waiting-box .message-loading span{color:#fff;animation:message-opacity 1s infinite;margin-right:1px}.waiting-box .message-loading span:last-child{margin-right:0}.waiting-box .message-loading span:nth-child(16n+1){animation-delay:0}.waiting-box .message-loading span:nth-child(16n+1){animation-delay:0s}.waiting-box .message-loading span:nth-child(16n+2){animation-delay:.1s}.waiting-box .message-loading span:nth-child(16n+3){animation-delay:.2s}.waiting-box .message-loading span:nth-child(16n+4){animation-delay:.3s}.waiting-box .message-loading span:nth-child(16n+5){animation-delay:.4s}.waiting-box .message-loading span:nth-child(16n+6){animation-delay:.5s}.waiting-box .message-loading span:nth-child(16n+7){animation-delay:.6s}.waiting-box .message-loading span:nth-child(16n+8){animation-delay:.7s}.waiting-box .message-loading span:nth-child(16n+9){animation-delay:.8s}.waiting-box .message-loading span:nth-child(16n+10){animation-delay:.9s}.waiting-box .message-loading span:nth-child(16n+11){animation-delay:1s}.waiting-box .message-loading span:nth-child(16n+12){animation-delay:1.1s}.waiting-box .message-loading span:nth-child(16n+13){animation-delay:1.2s}.waiting-box .message-loading span:nth-child(16n+14){animation-delay:1.3s}.waiting-box .message-loading span:nth-child(16n+15){animation-delay:1.4s}.waiting-box .message-loading span:nth-child(16n+16){animation-delay:1.5s}.waiting-box.show{display:block}@keyframes lds-ellipsis1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0)}to{transform:translate(24px)}}@keyframes message-opacity{0%{opacity:1}50%{opacity:.5}to{opacity:1}}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.GlobalService }, { type: i2.CommonService }, { type: i0.Renderer2 }, { type: i3.TranslateService }, { type: i4.OAuthService }, { type: i5.AuthenService }, { type: i6.UserService }, { type: i7.Router }, { type: i8.Title }, { type: i9.SignalRService }, { type: i10.StorageUpdatedService }, { type: i11.CustomRouterService }, { type: i12.ApplicationContextService }, { type: i13.ComponentContextService }, { type: i7.ActivatedRoute }, { type: i14.DeviceDetectorService }, { type: i0.ChangeDetectorRef }, { type: i15.TnClientService }, { type: i16.NotifierService }, { type: i17.EntityMetadataService }, { type: i18.EnvironmentService }, { type: i3.TranslateService }, { type: i19.MessageService }, { type: i19.ConfirmationService }, { type: i20.MenuService }, { type: i19.PrimeNGConfig }, { type: i21.StorageService }, { type: i22.PermissionService }, { type: i23.CustomizeUiService }]; }, propDecorators: { okButton: [{

package/esm2020/components/common-app-component/default-setting-form/default-data-settings.component.mjs

@@ -6,9 +6,9 @@ import { ComCtxConstants } from '../../../configs/component-context.constant';
 import { DropdownControlSchema } from '../../dropdown/models/models';
 import * as i0 from "@angular/core";
 import * as i1 from "../../../services/environment.service";
-import * as i2 from "../../crud/crud-form/crud-form.component";
-import * as i3 from "@angular/common";
-import * as i4 from "tn-custom-primeng/button";
+import * as i2 from "@angular/common";
+import * as i3 from "tn-custom-primeng/button";
+import * as i4 from "../../crud/crud-form/crud-form.component";
 import * as i5 from "@ngx-translate/core";
 export class DefaultDataSettingsComponent extends DataFormBase {
     constructor(injector, _environmentService
@@ -191,11 +191,11 @@ export class DefaultDataSettingsComponent extends DataFormBase {
         this.onHide.emit();
     }
 }
-DefaultDataSettingsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: DefaultDataSettingsComponent, deps: [{ token: i0.Injector }, { token: i1.EnvironmentService }], target: i0.ɵɵFactoryTarget.Component });
-DefaultDataSettingsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: DefaultDataSettingsComponent, selector: "default-data-settings", inputs: { settingKey: "settingKey" }, outputs: { onShow: "onShow", onHide: "onHide" }, providers: [ComponentContextService], usesInheritance: true, ngImport: i0, template: "<crud-form #crudForm [setting]=\"setting\" [context]=\"context\" [disableCaching]=\"true\" [(data)]=\"model.data\"\r\n    (onFormReady)=\"_handleFormReady($event)\">\r\n</crud-form>\r\n<ng-template #buttonTemplate>\r\n    <button *ngIf=\"!model.data.__disableEdit && !__isFormView\" pButton type=\"button\" icon=\"pi pi-save\"\r\n        class=\"p-button-text\" [label]=\"'FORM.SAVE' | translate\" (click)=\"saveCommonSetting()\"></button>\r\n    <button pButton preventTab type=\"button\" icon=\"pi pi-replay\" class=\"p-button-text p-button-secondary\"\r\n        [label]=\"'FORM.CANCEL' | translate\" (click)=\"cancel($event)\"></button>\r\n</ng-template>", styles: [""], components: [{ type: i2.CrudFormComponent, selector: "crud-form", inputs: ["setting", "context", "filesUploaded", "isViewMode", "disableKeypressControl", "disableCaching", "styleClass", "formId", "formClass", "autoFocus", "trapFocus", "data", "formState"], outputs: ["onFormReady", "onControlReady", "onAllControlReady", "onModelChanged", "dataChange", "onChange", "onAfterTrinhKy"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "label", "icon"] }], pipes: { "translate": i5.TranslatePipe }, changeDetection: i0.ChangeDetectionStrategy.Default });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: DefaultDataSettingsComponent, decorators: [{
+DefaultDataSettingsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: DefaultDataSettingsComponent, deps: [{ token: i0.Injector }, { token: i1.EnvironmentService }], target: i0.ɵɵFactoryTarget.Component });
+DefaultDataSettingsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: DefaultDataSettingsComponent, selector: "default-data-settings", inputs: { settingKey: "settingKey" }, outputs: { onShow: "onShow", onHide: "onHide" }, providers: [ComponentContextService], usesInheritance: true, ngImport: i0, template: "<crud-form #crudForm [setting]=\"setting\" [context]=\"context\" [disableCaching]=\"true\" [(data)]=\"model.data\"\r\n    (onFormReady)=\"_handleFormReady($event)\">\r\n</crud-form>\r\n<ng-template #buttonTemplate>\r\n    <button *ngIf=\"!model.data.__disableEdit && !__isFormView\" pButton type=\"button\" icon=\"pi pi-save\"\r\n        class=\"p-button-text\" [label]=\"'FORM.SAVE' | translate\" (click)=\"saveCommonSetting()\"></button>\r\n    <button pButton preventTab type=\"button\" icon=\"pi pi-replay\" class=\"p-button-text p-button-secondary\"\r\n        [label]=\"'FORM.CANCEL' | translate\" (click)=\"cancel($event)\"></button>\r\n</ng-template>", styles: [""], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "label", "icon"] }, { kind: "component", type: i4.CrudFormComponent, selector: "crud-form", inputs: ["setting", "context", "filesUploaded", "isViewMode", "disableKeypressControl", "disableCaching", "styleClass", "formId", "formClass", "autoFocus", "trapFocus", "data", "formState"], outputs: ["onFormReady", "onControlReady", "onAllControlReady", "onModelChanged", "dataChange", "onChange", "onAfterTrinhKy"] }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.Default });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: DefaultDataSettingsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'default-data-settings', changeDetection: ChangeDetectionStrategy.Default, providers: [ComponentContextService], template: "<crud-form #crudForm [setting]=\"setting\" [context]=\"context\" [disableCaching]=\"true\" [(data)]=\"model.data\"\r\n    (onFormReady)=\"_handleFormReady($event)\">\r\n</crud-form>\r\n<ng-template #buttonTemplate>\r\n    <button *ngIf=\"!model.data.__disableEdit && !__isFormView\" pButton type=\"button\" icon=\"pi pi-save\"\r\n        class=\"p-button-text\" [label]=\"'FORM.SAVE' | translate\" (click)=\"saveCommonSetting()\"></button>\r\n    <button pButton preventTab type=\"button\" icon=\"pi pi-replay\" class=\"p-button-text p-button-secondary\"\r\n        [label]=\"'FORM.CANCEL' | translate\" (click)=\"cancel($event)\"></button>\r\n</ng-template>", styles: [""] }]
+            args: [{ selector: 'default-data-settings', changeDetection: ChangeDetectionStrategy.Default, providers: [ComponentContextService], template: "<crud-form #crudForm [setting]=\"setting\" [context]=\"context\" [disableCaching]=\"true\" [(data)]=\"model.data\"\r\n    (onFormReady)=\"_handleFormReady($event)\">\r\n</crud-form>\r\n<ng-template #buttonTemplate>\r\n    <button *ngIf=\"!model.data.__disableEdit && !__isFormView\" pButton type=\"button\" icon=\"pi pi-save\"\r\n        class=\"p-button-text\" [label]=\"'FORM.SAVE' | translate\" (click)=\"saveCommonSetting()\"></button>\r\n    <button pButton preventTab type=\"button\" icon=\"pi pi-replay\" class=\"p-button-text p-button-secondary\"\r\n        [label]=\"'FORM.CANCEL' | translate\" (click)=\"cancel($event)\"></button>\r\n</ng-template>" }]
         }], ctorParameters: function () { return [{ type: i0.Injector }, { type: i1.EnvironmentService }]; }, propDecorators: { settingKey: [{
                 type: Input
             }], onShow: [{

package/esm2020/components/common-dashboard/common-dashboard.component.mjs

@@ -15,9 +15,9 @@ export class CommonDashboardComponent extends ComponentBase {
         this.rootContext.fireEvent('GO_HOME');
     }
 }
-CommonDashboardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: CommonDashboardComponent, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-CommonDashboardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: CommonDashboardComponent, selector: "app-common-dashboard", inputs: { appSwitcher: "appSwitcher", greeting: "greeting" }, providers: [ComponentContextService], usesInheritance: true, ngImport: i0, template: "<div class=\"common-dashboard\">\r\n    <div class=\"icon\">\r\n        <i class=\"{{appSwitcher.icon}}\" [style.color]=\"appSwitcher.colorIcon\"\r\n            [style.background-color]=\"appSwitcher.background\"></i>\r\n    </div>\r\n    <div class=\"greeting\" [style.color]=\"appSwitcher.background\">\r\n        <div class=\"greeting-title\">{{greeting}}</div>\r\n        <div class=\"long-title\">{{appSwitcher.longTitle}}</div>\r\n    </div>\r\n    <div class=\"back\" (click)=\"goHome()\">\r\n        <i class=\"fas fa-undo\"></i> Quay l\u1EA1i trang ch\u1EE7\r\n    </div>\r\n</div>\r\n", styles: ["::ng-deep .common-dashboard{width:100%;height:66.7ch;display:flex;flex-direction:column;justify-content:center;align-items:center}::ng-deep .common-dashboard .icon>i{font-size:40px;padding:10px;border-radius:5px}::ng-deep .common-dashboard .greeting{display:flex;flex-direction:column;padding:20px 0;border-radius:5px}::ng-deep .common-dashboard .greeting>div{display:flex;justify-content:center;align-items:center;text-align:center}::ng-deep .common-dashboard .greeting .greeting-title{font-size:25px;padding-bottom:10px}::ng-deep .common-dashboard .greeting .long-title{font-size:30px;padding-left:5px;font-weight:700;text-transform:uppercase}::ng-deep .common-dashboard .back{font-size:14px;color:#397ac3;opacity:.85;cursor:pointer}::ng-deep .common-dashboard .back:hover{opacity:1}@media (max-width: 640px){.common-dashboard .greeting{padding:15px 0}.common-dashboard .greeting .greeting-title{font-size:16px}.common-dashboard .greeting .long-title{font-size:20px;padding:0}}\n"] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: CommonDashboardComponent, decorators: [{
+CommonDashboardComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: CommonDashboardComponent, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
+CommonDashboardComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: CommonDashboardComponent, selector: "app-common-dashboard", inputs: { appSwitcher: "appSwitcher", greeting: "greeting" }, providers: [ComponentContextService], usesInheritance: true, ngImport: i0, template: "<div class=\"common-dashboard\">\r\n    <div class=\"icon\">\r\n        <i class=\"{{appSwitcher.icon}}\" [style.color]=\"appSwitcher.colorIcon\"\r\n            [style.background-color]=\"appSwitcher.background\"></i>\r\n    </div>\r\n    <div class=\"greeting\" [style.color]=\"appSwitcher.background\">\r\n        <div class=\"greeting-title\">{{greeting}}</div>\r\n        <div class=\"long-title\">{{appSwitcher.longTitle}}</div>\r\n    </div>\r\n    <div class=\"back\" (click)=\"goHome()\">\r\n        <i class=\"fas fa-undo\"></i> Quay l\u1EA1i trang ch\u1EE7\r\n    </div>\r\n</div>\r\n", styles: ["::ng-deep .common-dashboard{width:100%;height:66.7ch;display:flex;flex-direction:column;justify-content:center;align-items:center}::ng-deep .common-dashboard .icon>i{font-size:40px;padding:10px;border-radius:5px}::ng-deep .common-dashboard .greeting{display:flex;flex-direction:column;padding:20px 0;border-radius:5px}::ng-deep .common-dashboard .greeting>div{display:flex;justify-content:center;align-items:center;text-align:center}::ng-deep .common-dashboard .greeting .greeting-title{font-size:25px;padding-bottom:10px}::ng-deep .common-dashboard .greeting .long-title{font-size:30px;padding-left:5px;font-weight:700;text-transform:uppercase}::ng-deep .common-dashboard .back{font-size:14px;color:#397ac3;opacity:.85;cursor:pointer}::ng-deep .common-dashboard .back:hover{opacity:1}@media (max-width: 640px){.common-dashboard .greeting{padding:15px 0}.common-dashboard .greeting .greeting-title{font-size:16px}.common-dashboard .greeting .long-title{font-size:20px;padding:0}}\n"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: CommonDashboardComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-common-dashboard', providers: [ComponentContextService], template: "<div class=\"common-dashboard\">\r\n    <div class=\"icon\">\r\n        <i class=\"{{appSwitcher.icon}}\" [style.color]=\"appSwitcher.colorIcon\"\r\n            [style.background-color]=\"appSwitcher.background\"></i>\r\n    </div>\r\n    <div class=\"greeting\" [style.color]=\"appSwitcher.background\">\r\n        <div class=\"greeting-title\">{{greeting}}</div>\r\n        <div class=\"long-title\">{{appSwitcher.longTitle}}</div>\r\n    </div>\r\n    <div class=\"back\" (click)=\"goHome()\">\r\n        <i class=\"fas fa-undo\"></i> Quay l\u1EA1i trang ch\u1EE7\r\n    </div>\r\n</div>\r\n", styles: ["::ng-deep .common-dashboard{width:100%;height:66.7ch;display:flex;flex-direction:column;justify-content:center;align-items:center}::ng-deep .common-dashboard .icon>i{font-size:40px;padding:10px;border-radius:5px}::ng-deep .common-dashboard .greeting{display:flex;flex-direction:column;padding:20px 0;border-radius:5px}::ng-deep .common-dashboard .greeting>div{display:flex;justify-content:center;align-items:center;text-align:center}::ng-deep .common-dashboard .greeting .greeting-title{font-size:25px;padding-bottom:10px}::ng-deep .common-dashboard .greeting .long-title{font-size:30px;padding-left:5px;font-weight:700;text-transform:uppercase}::ng-deep .common-dashboard .back{font-size:14px;color:#397ac3;opacity:.85;cursor:pointer}::ng-deep .common-dashboard .back:hover{opacity:1}@media (max-width: 640px){.common-dashboard .greeting{padding:15px 0}.common-dashboard .greeting .greeting-title{font-size:16px}.common-dashboard .greeting .long-title{font-size:20px;padding:0}}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.Injector }]; }, propDecorators: { appSwitcher: [{

package/esm2020/components/congviec-picker/congviec-picker.component.mjs

@@ -10,9 +10,9 @@ import * as i0 from "@angular/core";
 import * as i1 from "./services/congviec.service";
 import * as i2 from "../../services/environment.service";
 import * as i3 from "./services/taskworkflowhistories.service";
-import * as i4 from "../crud/crud-list/crud-list.component";
-import * as i5 from "tn-custom-primeng/button";
-import * as i6 from "tn-custom-primeng/tooltip";
+import * as i4 from "tn-custom-primeng/button";
+import * as i5 from "tn-custom-primeng/tooltip";
+import * as i6 from "../crud/crud-list/crud-list.component";
 export class CongViecPickerComponent extends DataListBase {
     constructor(_injector, _congViecService, _environmentService, _taskWorkflowHistoriesService) {
         super(_injector);
@@ -141,16 +141,16 @@ export class CongViecPickerComponent extends DataListBase {
         this.control.disabled = isDisabled;
     }
 }
-CongViecPickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: CongViecPickerComponent, deps: [{ token: i0.Injector }, { token: i1.CongViecService }, { token: i2.EnvironmentService }, { token: i3.TaskWorkflowHistoriesService }], target: i0.ɵɵFactoryTarget.Component });
-CongViecPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: CongViecPickerComponent, selector: "congviec-picker", inputs: { control: "control" }, outputs: { onChanged: "onChanged", onXoaCongViec: "onXoaCongViec", onReady: "onReady" }, providers: [
+CongViecPickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: CongViecPickerComponent, deps: [{ token: i0.Injector }, { token: i1.CongViecService }, { token: i2.EnvironmentService }, { token: i3.TaskWorkflowHistoriesService }], target: i0.ɵɵFactoryTarget.Component });
+CongViecPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: CongViecPickerComponent, selector: "congviec-picker", inputs: { control: "control" }, outputs: { onChanged: "onChanged", onXoaCongViec: "onXoaCongViec", onReady: "onReady" }, providers: [
         ComponentContextService,
         {
             provide: NG_VALUE_ACCESSOR,
             useExisting: forwardRef(() => CongViecPickerComponent),
             multi: true
         }
-    ], usesInheritance: true, ngImport: i0, template: "<crud-list #crudList [model]=\"model\" [setting]=\"setting\" [dataSource]=\"model.dataSource\"\r\n    [style]=\"{'min-height': '300px'}\" (onReload)=\"_triggerProcessData($event)\" (onAdd)=\"_add($event)\"\r\n    (onEdit)=\"_edit($event)\" (onView)=\"_view($event)\" (onDelete)=\"_delete($event)\"\r\n    (onDeleteMultiple)=\"_deleteMultiple($event)\" (onReloaded)=\"_unmarkLoading()\">\r\n    <ng-template #toolbar>\r\n        <button type=\"button\" pButton pRipple label=\"Th\u00EAm m\u1EDBi\" icon=\"pi pi-plus\" class=\"p-button-text\"\r\n            (click)=\"navigateToCongviec()\"></button>\r\n    </ng-template>\r\n\r\n    <ng-template #status let-rowData=\"rowData\">\r\n        <span>{{labelWFStatusCore[rowData.status]}}</span>\r\n    </ng-template>\r\n\r\n    <ng-template #function let-rowData=\"rowData\">\r\n        <button type=\"button\" pButton icon=\"pi pi-eye\"\r\n            class=\"p-button-text p-button-rounded p-button-success link-or-action\" pTooltip=\"Xem chi ti\u1EBFt v\u0103n b\u1EA3n\"\r\n            tooltipPosition=\"top\" (click)=\"navigateToViewCongViec(rowData)\"></button>\r\n    </ng-template>\r\n</crud-list>", 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}\n"], components: [{ type: i4.CrudListComponent, selector: "crud-list", inputs: ["model", "setting", "fileName", "lazy", "widthCheckbox", "widthOrderColumn", "widthFunctionColumn", "classRowGroup", "showScrollBar", "pTableScrollable", "pTableScrollHeight", "responsive", "configScrollBar", "showScrollHorizontal", "showRadio", "hiddenAdd", "hiddenDelete", "hiddenEdit", "hiddenCopyLink", "hiddenView", "disableKeypressControl", "cancelBubble", "escape", "selectionMode", "config", "enableReorderRow", "templates", "templatesFromParent", "childrenFromParent", "menuButtons", "fieldOrder", "style", "tableClass", "dataSource", "filter_default"], outputs: ["onRowSelect", "onReordered", "onCheckAll", "onReload", "onReloaded", "onReady", "onContentInit", "onAdd", "onEdit", "onCopyLink", "onCopyLinkMultiple", "onView", "onDelete", "onDeleteMultiple", "onInvalidWorkflow", "onAfterTrinhKy", "onStartedWorkflow", "onProcessedWorkflow", "onRollbackedWorkflow", "onChangedStatusWorkflow"] }], directives: [{ type: i5.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "label", "icon"] }, { type: i6.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "tooltipZIndex", "escape", "tooltipDisabled", "pTooltip", "positionStyle", "tooltipStyleClass", "showDelay", "hideDelay", "life"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: CongViecPickerComponent, decorators: [{
+    ], usesInheritance: true, ngImport: i0, template: "<crud-list #crudList [model]=\"model\" [setting]=\"setting\" [dataSource]=\"model.dataSource\"\r\n    [style]=\"{'min-height': '300px'}\" (onReload)=\"_triggerProcessData($event)\" (onAdd)=\"_add($event)\"\r\n    (onEdit)=\"_edit($event)\" (onView)=\"_view($event)\" (onDelete)=\"_delete($event)\"\r\n    (onDeleteMultiple)=\"_deleteMultiple($event)\" (onReloaded)=\"_unmarkLoading()\">\r\n    <ng-template #toolbar>\r\n        <button type=\"button\" pButton pRipple label=\"Th\u00EAm m\u1EDBi\" icon=\"pi pi-plus\" class=\"p-button-text\"\r\n            (click)=\"navigateToCongviec()\"></button>\r\n    </ng-template>\r\n\r\n    <ng-template #status let-rowData=\"rowData\">\r\n        <span>{{labelWFStatusCore[rowData.status]}}</span>\r\n    </ng-template>\r\n\r\n    <ng-template #function let-rowData=\"rowData\">\r\n        <button type=\"button\" pButton icon=\"pi pi-eye\"\r\n            class=\"p-button-text p-button-rounded p-button-success link-or-action\" pTooltip=\"Xem chi ti\u1EBFt v\u0103n b\u1EA3n\"\r\n            tooltipPosition=\"top\" (click)=\"navigateToViewCongViec(rowData)\"></button>\r\n    </ng-template>\r\n</crud-list>", 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}\n"], dependencies: [{ kind: "directive", type: i4.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "label", "icon"] }, { kind: "directive", type: i5.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "tooltipZIndex", "escape", "tooltipDisabled", "pTooltip", "positionStyle", "tooltipStyleClass", "showDelay", "hideDelay", "life"] }, { kind: "component", type: i6.CrudListComponent, selector: "crud-list", inputs: ["model", "setting", "fileName", "lazy", "widthCheckbox", "widthOrderColumn", "widthFunctionColumn", "classRowGroup", "showScrollBar", "pTableScrollable", "pTableScrollHeight", "responsive", "configScrollBar", "showScrollHorizontal", "showRadio", "hiddenAdd", "hiddenDelete", "hiddenEdit", "hiddenCopyLink", "hiddenView", "disableKeypressControl", "cancelBubble", "escape", "selectionMode", "config", "enableReorderRow", "templates", "templatesFromParent", "childrenFromParent", "menuButtons", "fieldOrder", "style", "tableClass", "dataSource", "filter_default"], outputs: ["onRowSelect", "onReordered", "onCheckAll", "onReload", "onReloaded", "onReady", "onContentInit", "onAdd", "onEdit", "onCopyLink", "onCopyLinkMultiple", "onView", "onDelete", "onDeleteMultiple", "onInvalidWorkflow", "onAfterTrinhKy", "onStartedWorkflow", "onProcessedWorkflow", "onRollbackedWorkflow", "onChangedStatusWorkflow"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: CongViecPickerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'congviec-picker', providers: [
                         ComponentContextService,

package/esm2020/components/congviec-picker/services/congviec.service.mjs

@@ -11,9 +11,9 @@ export class CongViecService extends BaseService {
         this.serviceUri = `${this.endPoint}/vanbanden`;
     }
 }
-CongViecService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: CongViecService, deps: [{ token: i1.HttpClient }, { token: i0.Injector }, { token: i2.EnvironmentService }], target: i0.ɵɵFactoryTarget.Injectable });
-CongViecService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: CongViecService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: CongViecService, decorators: [{
+CongViecService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: CongViecService, deps: [{ token: i1.HttpClient }, { token: i0.Injector }, { token: i2.EnvironmentService }], target: i0.ɵɵFactoryTarget.Injectable });
+CongViecService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: CongViecService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: CongViecService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'

package/esm2020/components/congviec-picker/services/taskworkflowhistories.service.mjs

@@ -13,9 +13,9 @@ export class TaskWorkflowHistoriesService extends BaseService {
         this.serviceUri = `${this.endPoint}/TaskWorkflowHistories`;
     }
 }
-TaskWorkflowHistoriesService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: TaskWorkflowHistoriesService, deps: [{ token: i1.HttpClient }, { token: i0.Injector }, { token: i2.EnvironmentService }], target: i0.ɵɵFactoryTarget.Injectable });
-TaskWorkflowHistoriesService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: TaskWorkflowHistoriesService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: TaskWorkflowHistoriesService, decorators: [{
+TaskWorkflowHistoriesService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: TaskWorkflowHistoriesService, deps: [{ token: i1.HttpClient }, { token: i0.Injector }, { token: i2.EnvironmentService }], target: i0.ɵɵFactoryTarget.Injectable });
+TaskWorkflowHistoriesService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: TaskWorkflowHistoriesService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: TaskWorkflowHistoriesService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'